pri-plugin-dpcomponent - npm Package Compare versions

Comparing version 0.0.4 to 0.0.5

dist/main/plugin/build/index.js

@@ -30,2 +30,4 @@ "use strict";
 
+var TerserPlugin = require("terser-webpack-plugin");
+
 function runBuild() {
@@ -101,3 +103,2 @@ var runWebpack;
             mode: 'production',
-            target: 'node',
             entryPath: path.join(_pri.pri.sourceRoot, path.format(_pri.tempJsEntryPath)),
@@ -114,5 +115,8 @@ outFileName: _pri.pri.sourceConfig.outFileName,
                       }));
+                      config.optimization = _objectSpread(_objectSpread({}, config.optimization), {}, {
+                        minimize: false
+                      });
                       return _context2.abrupt("return", config);
 
-                    case 2:
+                    case 3:
                     case "end":
@@ -119,0 +123,0 @@ return _context2.stop();

dist/main/plugin/ensureFile/define.js

@@ -8,3 +8,3 @@ "use strict";
 });
-exports.prettierConfig = exports.dpComponentPackageJson = exports.stylesConfig = exports.dpComponentConfig = exports.componentEntry = exports.testsPath = exports.docsPath = exports.configPath = exports.stylesPath = exports.srcPath = exports.DPCOMPONENT_PLUGIN_PACKAGE_NAME = exports.PRI_PACKAGE_NAME = void 0;
+exports.overWriteAntdScss = exports.prettierConfig = exports.dpComponentPackageJson = exports.styleIndexConfig = exports.styleOverWriteAntdConfig = exports.stylesConfig = exports.dpComponentConfig = exports.componentEntry = exports.testsPath = exports.docsPath = exports.configPath = exports.stylesPath = exports.srcPath = exports.DPCOMPONENT_PLUGIN_PACKAGE_NAME = exports.PRI_PACKAGE_NAME = void 0;
 
@@ -55,2 +55,14 @@ var path = _interopRequireWildcard(require("path"));
 exports.stylesConfig = stylesConfig;
+var styleOverWriteAntdConfig = {
+  dir: path.join(srcPath.dir, stylesPath.dir),
+  name: '_ant-override',
+  ext: '.scss'
+};
+exports.styleOverWriteAntdConfig = styleOverWriteAntdConfig;
+var styleIndexConfig = {
+  dir: path.join(srcPath.dir, stylesPath.dir),
+  name: 'index',
+  ext: '.ts'
+};
+exports.styleIndexConfig = styleIndexConfig;
 var maxSizePri = 'node --max-old-space-size=16384 --max_old_space_size=16384 ./node_modules/.bin/pri';
@@ -77,2 +89,4 @@ var dpComponentPackageJson = {
 };
-exports.prettierConfig = prettierConfig;
+exports.prettierConfig = prettierConfig;
+var overWriteAntdScss = "\n/**\n * \u8986\u76D6 ant-design \u7684\u6837\u5F0F\n */\n.ant-form {\n  .form-caption {\n    padding-top: 20px;\n    padding-bottom: 20px;\n    border-top: 1px solid #ccc;\n    color: #333;\n    font-size: 16px;\n    font-weight: bold;\n\n    &:first-child {\n      padding-top: 0;\n      border-top: none;\n    }\n  }\n\n  .ant-form-item {\n    .ant-form-item-control {\n      .ant-btn {\n        margin-right: 8px;\n      }\n    }\n    // \u8868\u5355 label \u5B57\u4F53\n    .ant-form-item-label {\n      label {\n        color: #999;\n      }\n    }\n    // \u5E26\u524D\u7F6E/\u540E\u7F6E\u6807\u7B7E\u7684 input \u5BBD\u5EA6\n    .ant-form-item-control .ant-input-group-wrapper {\n      width: 100%;\n    }\n  }\n}\n\n.ant-breadcrumb {\n  margin-bottom: 20px;\n  font-size: 14px;\n}\n\n// Antd 2.13.4 \u4E4B\u524D\u662Fmiddle \u8FD8\u4FDD\u7559\u8FD9\u4E2A\n.ant-input-group.ant-input-group-compact > * {\n  vertical-align: middle;\n}\n\n// Antd checkbox\u6837\u5F0F\u91CD\u5199\n.ant-checkbox-checked .ant-checkbox-inner,\n.ant-checkbox-indeterminate .ant-checkbox-inner {\n  background-color: #1050f5;\n  border-color: #1050f5;\n}\n\n.ant-checkbox-indeterminate .ant-checkbox-inner {\n  &::after {\n    background-color: #fff;\n    height: 1.14285714px;\n  }\n}\n\n.ant-checkbox-input:focus + .ant-checkbox-inner,\n.ant-checkbox-wrapper:hover .ant-checkbox-inner,\n.ant-checkbox:hover .ant-checkbox-inner {\n  border-color: #1050f5;\n}\n\n.ant-checkbox-inner {\n  width: 14px;\n  height: 14px;\n  border-radius: 0;\n}\n\n.ant-checkbox-inner::after {\n  height: 8.14285714px;\n}\n\n// Antd \u4E0B\u62C9\u5C55\u51FA\u6846\n.ant-dropdown-menu {\n  border-radius: 0;\n}\n\n// Antd Step\u7EBF\u6837\u5F0F\u4FEE\u6539\n.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after,\n.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {\n  height: 0;\n  border-top: 1px dashed rgba(0, 0, 0, 0.3);\n  background: transparent;\n}\n\n// \u8986\u76D6 card \u6837\u5F0F\n.ant-card {\n  background: none;\n\n  .ant-card-extra {\n    padding: 0;\n\n    .ant-btn {\n      margin-left: 8px;\n    }\n  }\n\n  .ant-card-head {\n    min-height: 28px;\n    padding: 0 20px;\n    border-bottom: none;\n    margin-top: 10px;\n    background: none;\n  }\n\n  .ant-card-body {\n    padding: 20px;\n    margin: 10px 20px;\n  }\n\n  &.with-bg .ant-card-body {\n    background: #f8f8fa;\n  }\n\n  .ant-card-head-title {\n    padding: 0;\n    font-size: 16px;\n    line-height: 28px;\n  }\n\n  &.no-padding .ant-card-body {\n    padding: 0;\n  }\n}\n\n.ant-card-bordered {\n  border: none;\n}\n\n// Button \u6837\u5F0F\u76F8\u5173\u7684\u6837\u5F0F\u8986\u76D6\uFF0C\u7531\u4E8E antd \u7684 LESS \u6587\u4EF6\u4E2D\u5185\u7F6E\u4E86\u4E00\u4E9B\u6837\u5F0F\u5904\u7406\u903B\u8F91\uFF0C\u6BD4\u8F83\u96BE\u76F4\u63A5\u7528\n// \u53D8\u91CF\u8986\u76D6\u7684\u65B9\u5F0F\u8C03\u6574\u6837\u5F0F\uFF0C\u6700\u7EC8\u8FD8\u662F\u51B3\u5B9A\u76F4\u63A5\u5728 CSS \u5C42\u9762\u8986\u76D6\n.ant-btn {\n  display: inline-flex;\n  height: 28px;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid rgba(#2153d4, 0.9);\n  border-radius: 0;\n  color: #2153d4;\n  // \u84DD\u8272\u767D\u5B57\u6309\u94AE\n  &.blue,\n  &.blue:hover,\n  &.blue:focus {\n    background-color: #2153d4;\n    color: #fff;\n  }\n  // \u7981\u7528\u70B9\u51FB\u6548\u679C\n  &.ant-btn-clicked::after {\n    display: none;\n  }\n\n  &:focus {\n    border: 1px solid rgba(#2153d4, 0.9);\n    color: #2153d4;\n  }\n\n  &:hover {\n    background: rgba(#4c7bff, 0.1);\n    border-color: rgba(#4c7bff, 0.9);\n    color: #2153d4;\n  }\n\n  &:active {\n    background: rgba(#0e3aab, 0.5);\n    border-color: rgba(#0e3aab, 0.9);\n    color: #2153d4;\n  }\n\n  &.ant-btn-primary {\n    background: #2153d4;\n    color: #fff;\n\n    &:focus {\n      border: 1px solid transparent;\n    }\n\n    &:hover {\n      border: 1px solid transparent;\n      background: #4c7bff;\n    }\n\n    &:active {\n      border: 1px solid transparent;\n      background: #0e3aab;\n    }\n  }\n\n  &[disabled] {\n    border: 1px solid transparent;\n    background: #c8ccd6;\n    color: #fff;\n\n    &:hover {\n      background: #c8ccd6;\n      color: #fff;\n    }\n  }\n\n  .anticon + span,\n  .ant-btn > span + .anticon {\n    margin-left: 4px;\n  }\n}\n\n.ant-input-group-addon {\n  padding: 0 6px;\n  border: none;\n  background-color: transparent;\n  border-radius: 0;\n}\n\n.ant-input {\n  height: 28px;\n  border: none;\n  background: #fff;\n  border-radius: 0;\n  box-shadow: none !important;\n}\n\n.ant-input-disabled {\n  opacity: 0.7;\n}\n\n.ant-select-selection {\n  border: none;\n}\n\n.ant-time-picker-input {\n  border: none;\n  background: #f8f8fa;\n  border-radius: 0;\n}\n\n.ant-calendar {\n  border-radius: 0;\n}\n\n.ant-select {\n  &.ant-select-disabled .ant-select-selection {\n    background: rgba(#fff, 0.7);\n  }\n\n  .ant-select-selection--single {\n    height: 28px;\n    border-radius: 0;\n\n    .ant-select-selection__rendered {\n      line-height: 26px;\n\n      .ant-select-selection-selected-value {\n        font-size: 12px;\n      }\n    }\n  }\n\n  &.ant-select-lg {\n    font-size: 12px;\n  }\n}\n\n.ant-select-dropdown {\n  border-radius: 0;\n}\n\n.ant-modal-content {\n  background-color: #f8f8fa;\n  border-radius: 0;\n\n  .ant-modal-header {\n    padding: 20px;\n    background-color: #f8f8fa;\n\n    .ant-modal-title {\n      font-size: 16px;\n      font-weight: 400;\n      line-height: 16px;\n    }\n  }\n\n  .ant-modal-body {\n    padding: 20px;\n  }\n\n  .ant-modal-footer {\n    padding: 20px;\n    border-top: 1px solid rgba(0, 0, 0, 0.1);\n\n    button {\n      min-width: 108px;\n    }\n  }\n}\n\n.ant-tabs-nav {\n  .ant-tabs-tab-active {\n    color: #000;\n  }\n\n  .ant-tabs-tab {\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n\n.anticon-search::before {\n  content: '\\e6b1';\n}\n\n/** antd-select \u65B0\u8FB9\u6846 Start */\n\n.ant-sel-new-border {\n  > .ant-select-selection--multiple ul > li.ant-select-selection__choice {\n    height: 32px;\n    line-height: 32px;\n  }\n\n  li.ant-select-selection__choice {\n    position: relative;\n    border: 1px solid rgba(33, 83, 212, 0.3);\n    background-color: rgba(33, 83, 212, 0.05);\n    color: #2153d4;\n\n    &:hover {\n      border: 1px solid rgba(33, 83, 212, 0.5);\n      background-color: #fff;\n    }\n\n    span.ant-select-selection__choice__remove {\n      position: absolute;\n      right: -2px;\n      bottom: -2px;\n      width: 0;\n      height: 0;\n      border-color: #2153d4;\n      border-left-color: transparent;\n      border-style: solid;\n      border-top-color: transparent;\n      border-width: 9px;\n      line-height: 18px;\n\n      &:hover::before {\n        transform: scale(0.45) translate3d(-11px, -11px, 0) rotate(-90deg);\n      }\n\n      i {\n        display: inline-block;\n        width: 18px;\n        margin-top: -5px;\n        color: #bacbf1;\n        transform: scale(0.45) translate3d(-11px, -11px, 0);\n        transition: transform 0.2s ease;\n      }\n    }\n  }\n}\n\n/** antd-select \u65B0\u8FB9\u6846 End */\n\n/** \u7EDF\u4E00 tooltip \u6837\u5F0F */\n\n.ant-tooltip {\n  // antd \u5347\u7EA7\u5230 3.8 \u540E .ant-tooltip \u8BBE\u7F6E\u4E86 max-width,\n  // \u6682\u65F6\u8986\u76D6\u6389\u4EE5\u514D\u5F71\u54CD\u7CFB\u7EDF\u4E2D\u4E4B\u524D\u7684\u6837\u5F0F\u3002\n  max-width: none;\n\n  .ant-tooltip-content {\n    .ant-tooltip-arrow {\n      // border-top-color: #2b3551;\n    }\n\n    .ant-tooltip-inner {\n      max-width: 600px;\n      padding: 12px;\n      background: #2b3551;\n      border-radius: 0;\n      white-space: pre-wrap;\n      word-break: break-word;\n      word-wrap: break-word;\n    }\n  }\n}\n\n.ant-form-item-control.has-error {\n  .ant-form-item-children {\n    > :first-child {\n      border: 1px solid #f15533 !important;\n    }\n  }\n}\n\npre {\n  margin-bottom: 0;\n}\n\n/** modal \u5782\u76F4\u5C45\u4E2D */\n.ant-modal-wrap {\n  display: flex;\n  display: -webkit-flex;\n  align-items: center;\n  justify-content: center;\n\n  .ant-modal {\n    top: 0;\n  }\n}\n\n/** \u7EDF\u4E00Popconfirm\u6C14\u6CE1\u786E\u8BA4\u6846\u7684\u6837\u5F0F */\n.ant-popover {\n  .ant-popover-arrow {\n    border-width: 0;\n  }\n\n  .ant-popover-inner-content {\n    padding: 20px;\n\n    .ant-popover-message {\n      display: flex;\n      align-items: center;\n\n      .anticon {\n        position: relative;\n        font-size: 27px;\n        line-height: 1;\n        top: 0;\n        color: #ff7474;\n      }\n\n      .ant-popover-message-title {\n        padding-left: 15px;\n        color: rgba(0, 0, 0, 0.9);\n      }\n    }\n\n    .ant-popover-buttons .ant-btn {\n      min-width: 80px;\n    }\n  }\n}\n\n.ant-message {\n  /** \n   * src/pages/Pipeline/PipelineCanvas/PipelineNoPermissionDialog.tsx \n   * \u6B64\u7EC4\u4EF6z-index\u4ECE\u9ED8\u8BA4\u76841000\u4FEE\u6539\u4E3A1061\n   * message\u7684z-index\u4ECE\u800C\u4ECE1010\u4FEE\u6539\u4E3A1070\n   */\n  z-index: 1070;\n}\n\n// antd\u5347\u7EA7\u540E\uFF0C\u8986\u76D6\u65B0\u589E\u6837\u5F0F\n.one-icon::before {\n  display: inline-block;\n}\n\n.ant-list-vertical .ant-list-item-meta {\n  margin-bottom: 0;\n}\n\n.one-icon {\n  &.anticon {\n    line-height: 1;\n    vertical-align: baseline;\n  }\n}\n\n.ant-card-extra {\n  text-align: right;\n}\n\n.ant-spin-container {\n  &::after {\n    background: transparent;\n  }\n}\n\n.ant-tree-child-tree {\n  > li:first-child {\n    padding-top: 0;\n  }\n}\n\n.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title,\n.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {\n  background-color: transparent;\n}\n\n";
+exports.overWriteAntdScss = overWriteAntdScss;

dist/main/plugin/ensureFile/index.js

@@ -69,3 +69,3 @@ "use strict";
               prettier = _context.sent;
-              return _context.abrupt("return", prettier.format("\n          import * as React from 'react';\n          import './styles/antd.less';\n\n          export default () => {\n            return (\n              <div>My Component</div>\n            )\n          }\n        ", _objectSpread(_objectSpread({}, _define.prettierConfig), {}, {
+              return _context.abrupt("return", prettier.format("\n          import * as React from 'react';\n          import './styles/antd.less';\n          import './styles/_ant-override.scss';\n\n          export default () => {\n            return (\n              <div>My Component</div>\n            )\n          }\n        ", _objectSpread(_objectSpread({}, _define.prettierConfig), {}, {
                 parser: 'typescript'
@@ -158,8 +158,6 @@ })));
   });
-}
 
-function ensureTest() {
   _pri.pri.project.addProjectFiles({
-    fileName: path.join(_pri.pri.sourceRoot, _define.testsPath.dir, 'index.tsx'),
-    pipeContent: function pipeContent(prev) {
+    fileName: path.join(_pri.pri.sourceRoot, path.format(_define.styleOverWriteAntdConfig)),
+    pipeContent: function pipeContent(text) {
       var prettier;
@@ -170,3 +168,3 @@ return _index["default"].async(function pipeContent$(_context4) {
             case 0:
-              if (!prev) {
+              if (!text) {
                 _context4.next = 2;
@@ -176,3 +174,3 @@ break;
 
-              return _context4.abrupt("return", prev);
+              return _context4.abrupt("return", text);
 
@@ -187,4 +185,4 @@ case 2:
               prettier = _context4.sent;
-              return _context4.abrupt("return", prettier.format("\n          test(\"Example\", () => {\n            expect(true).toBe(true)\n          })\n        ", _objectSpread(_objectSpread({}, _define.prettierConfig), {}, {
-                parser: 'typescript'
+              return _context4.abrupt("return", prettier.format(_define.overWriteAntdScss, _objectSpread(_objectSpread({}, _define.prettierConfig), {}, {
+                parser: 'scss'
               })));
@@ -202,2 +200,40 @@
 
+function ensureTest() {
+  _pri.pri.project.addProjectFiles({
+    fileName: path.join(_pri.pri.sourceRoot, _define.testsPath.dir, 'index.tsx'),
+    pipeContent: function pipeContent(prev) {
+      var prettier;
+      return _index["default"].async(function pipeContent$(_context5) {
+        while (1) {
+          switch (_context5.prev = _context5.next) {
+            case 0:
+              if (!prev) {
+                _context5.next = 2;
+                break;
+              }
+
+              return _context5.abrupt("return", prev);
+
+            case 2:
+              _context5.next = 4;
+              return _index["default"].awrap(Promise.resolve().then(function () {
+                return (0, _interopRequireWildcard2["default"])(require("prettier"));
+              }));
+
+            case 4:
+              prettier = _context5.sent;
+              return _context5.abrupt("return", prettier.format("\n          test(\"Example\", () => {\n            expect(true).toBe(true)\n          })\n        ", _objectSpread(_objectSpread({}, _define.prettierConfig), {}, {
+                parser: 'typescript'
+              })));
+
+            case 6:
+            case "end":
+              return _context5.stop();
+          }
+        }
+      }, null, null, null, Promise);
+    }
+  });
+}
+
 function ensureRootPackageJson() {
@@ -223,2 +259,8 @@ _pri.pri.project.addProjectFiles({
 
+        _.set(prevJson, "devDependencies.@types/lodash", '4.14.106');
+
+        _.set(prevJson, "devDependencies.@types/classnames", '^2.2.0');
+
+        _.set(prevJson, "devDependencies.@types/node", '^9.3.0');
+
         _.unset(prevJson, "dependencies.".concat(_define.DPCOMPONENT_PLUGIN_PACKAGE_NAME));
@@ -232,2 +274,6 @@
 
+        _.set(prevJson, 'dependencies.lodash', '^4.17.13');
+
+        _.set(prevJson, 'dependencies.moment', '2.22.1');
+
         _.set(prevJson, 'dependencies.wormhole-x', '0.0.2-beta');
@@ -234,0 +280,0 @@ }

dist/main/plugin/index.js

@@ -46,3 +46,3 @@ "use strict";
             return _index["default"].awrap(Promise.resolve().then(function () {
-              return (0, _interopRequireWildcard2["default"])(require("./dev-debug"));
+              return (0, _interopRequireWildcard2["default"])(require("./debug/dev-debug"));
             }));
@@ -49,0 +49,0 @@

dist/main/plugin/template/schemaCheckTemplate.js

@@ -41,2 +41,3 @@ "use strict";
 
+  var docIns = React.useRef();
   React.useEffect(function () {
@@ -74,2 +75,10 @@ var name = urlSearchParams.get('name');
 
+  var handleSubmitManually = function handleSubmitManually() {
+    if (docIns.current && docIns.current.getSelectedValueManually) {
+      var data = docIns.current.getSelectedValueManually();
+      console.log('data:', data);
+      onSubmit(data);
+    }
+  };
+
   var renderJsonValidate = function renderJsonValidate() {
@@ -91,3 +100,5 @@ return React.createElement("div", {
       }
-    }));
+    }), React.createElement("button", {
+      onClick: handleSubmitManually
+    }, "running runing go"));
   };
@@ -167,3 +178,10 @@
   }, React.createElement(DocInstance, {
-    onSubmit: onSubmit
+    onSubmit: onSubmit,
+    ref: docIns,
+    fnDict: [],
+    event: {
+      on: function on() {
+        return 2;
+      }
+    }
   })), renderJsonValidate())));
@@ -170,0 +188,0 @@ });

dist/module/plugin/build/index.js

@@ -12,2 +12,5 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty.js";
 import { ensureDll } from "../utils";
+
+var TerserPlugin = require("terser-webpack-plugin");
+
 export function runBuild() {
@@ -78,3 +81,2 @@ var runWebpack;
             mode: 'production',
-            target: 'node',
             entryPath: path.join(pri.sourceRoot, path.format(tempJsEntryPath)),
@@ -91,5 +93,8 @@ outFileName: pri.sourceConfig.outFileName,
                       }));
+                      config.optimization = _objectSpread(_objectSpread({}, config.optimization), {}, {
+                        minimize: false
+                      });
                       return _context2.abrupt("return", config);
 
-                    case 2:
+                    case 3:
                     case "end":
@@ -96,0 +101,0 @@ return _context2.stop();

dist/module/plugin/ensureFile/define.js

@@ -34,2 +34,12 @@ import * as path from "path";
 };
+export var styleOverWriteAntdConfig = {
+  dir: path.join(srcPath.dir, stylesPath.dir),
+  name: '_ant-override',
+  ext: '.scss'
+};
+export var styleIndexConfig = {
+  dir: path.join(srcPath.dir, stylesPath.dir),
+  name: 'index',
+  ext: '.ts'
+};
 var maxSizePri = 'node --max-old-space-size=16384 --max_old_space_size=16384 ./node_modules/.bin/pri';
@@ -54,2 +64,3 @@ export var dpComponentPackageJson = {
   useTabs: false
-};
+};
+export var overWriteAntdScss = "\n/**\n * \u8986\u76D6 ant-design \u7684\u6837\u5F0F\n */\n.ant-form {\n  .form-caption {\n    padding-top: 20px;\n    padding-bottom: 20px;\n    border-top: 1px solid #ccc;\n    color: #333;\n    font-size: 16px;\n    font-weight: bold;\n\n    &:first-child {\n      padding-top: 0;\n      border-top: none;\n    }\n  }\n\n  .ant-form-item {\n    .ant-form-item-control {\n      .ant-btn {\n        margin-right: 8px;\n      }\n    }\n    // \u8868\u5355 label \u5B57\u4F53\n    .ant-form-item-label {\n      label {\n        color: #999;\n      }\n    }\n    // \u5E26\u524D\u7F6E/\u540E\u7F6E\u6807\u7B7E\u7684 input \u5BBD\u5EA6\n    .ant-form-item-control .ant-input-group-wrapper {\n      width: 100%;\n    }\n  }\n}\n\n.ant-breadcrumb {\n  margin-bottom: 20px;\n  font-size: 14px;\n}\n\n// Antd 2.13.4 \u4E4B\u524D\u662Fmiddle \u8FD8\u4FDD\u7559\u8FD9\u4E2A\n.ant-input-group.ant-input-group-compact > * {\n  vertical-align: middle;\n}\n\n// Antd checkbox\u6837\u5F0F\u91CD\u5199\n.ant-checkbox-checked .ant-checkbox-inner,\n.ant-checkbox-indeterminate .ant-checkbox-inner {\n  background-color: #1050f5;\n  border-color: #1050f5;\n}\n\n.ant-checkbox-indeterminate .ant-checkbox-inner {\n  &::after {\n    background-color: #fff;\n    height: 1.14285714px;\n  }\n}\n\n.ant-checkbox-input:focus + .ant-checkbox-inner,\n.ant-checkbox-wrapper:hover .ant-checkbox-inner,\n.ant-checkbox:hover .ant-checkbox-inner {\n  border-color: #1050f5;\n}\n\n.ant-checkbox-inner {\n  width: 14px;\n  height: 14px;\n  border-radius: 0;\n}\n\n.ant-checkbox-inner::after {\n  height: 8.14285714px;\n}\n\n// Antd \u4E0B\u62C9\u5C55\u51FA\u6846\n.ant-dropdown-menu {\n  border-radius: 0;\n}\n\n// Antd Step\u7EBF\u6837\u5F0F\u4FEE\u6539\n.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after,\n.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {\n  height: 0;\n  border-top: 1px dashed rgba(0, 0, 0, 0.3);\n  background: transparent;\n}\n\n// \u8986\u76D6 card \u6837\u5F0F\n.ant-card {\n  background: none;\n\n  .ant-card-extra {\n    padding: 0;\n\n    .ant-btn {\n      margin-left: 8px;\n    }\n  }\n\n  .ant-card-head {\n    min-height: 28px;\n    padding: 0 20px;\n    border-bottom: none;\n    margin-top: 10px;\n    background: none;\n  }\n\n  .ant-card-body {\n    padding: 20px;\n    margin: 10px 20px;\n  }\n\n  &.with-bg .ant-card-body {\n    background: #f8f8fa;\n  }\n\n  .ant-card-head-title {\n    padding: 0;\n    font-size: 16px;\n    line-height: 28px;\n  }\n\n  &.no-padding .ant-card-body {\n    padding: 0;\n  }\n}\n\n.ant-card-bordered {\n  border: none;\n}\n\n// Button \u6837\u5F0F\u76F8\u5173\u7684\u6837\u5F0F\u8986\u76D6\uFF0C\u7531\u4E8E antd \u7684 LESS \u6587\u4EF6\u4E2D\u5185\u7F6E\u4E86\u4E00\u4E9B\u6837\u5F0F\u5904\u7406\u903B\u8F91\uFF0C\u6BD4\u8F83\u96BE\u76F4\u63A5\u7528\n// \u53D8\u91CF\u8986\u76D6\u7684\u65B9\u5F0F\u8C03\u6574\u6837\u5F0F\uFF0C\u6700\u7EC8\u8FD8\u662F\u51B3\u5B9A\u76F4\u63A5\u5728 CSS \u5C42\u9762\u8986\u76D6\n.ant-btn {\n  display: inline-flex;\n  height: 28px;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid rgba(#2153d4, 0.9);\n  border-radius: 0;\n  color: #2153d4;\n  // \u84DD\u8272\u767D\u5B57\u6309\u94AE\n  &.blue,\n  &.blue:hover,\n  &.blue:focus {\n    background-color: #2153d4;\n    color: #fff;\n  }\n  // \u7981\u7528\u70B9\u51FB\u6548\u679C\n  &.ant-btn-clicked::after {\n    display: none;\n  }\n\n  &:focus {\n    border: 1px solid rgba(#2153d4, 0.9);\n    color: #2153d4;\n  }\n\n  &:hover {\n    background: rgba(#4c7bff, 0.1);\n    border-color: rgba(#4c7bff, 0.9);\n    color: #2153d4;\n  }\n\n  &:active {\n    background: rgba(#0e3aab, 0.5);\n    border-color: rgba(#0e3aab, 0.9);\n    color: #2153d4;\n  }\n\n  &.ant-btn-primary {\n    background: #2153d4;\n    color: #fff;\n\n    &:focus {\n      border: 1px solid transparent;\n    }\n\n    &:hover {\n      border: 1px solid transparent;\n      background: #4c7bff;\n    }\n\n    &:active {\n      border: 1px solid transparent;\n      background: #0e3aab;\n    }\n  }\n\n  &[disabled] {\n    border: 1px solid transparent;\n    background: #c8ccd6;\n    color: #fff;\n\n    &:hover {\n      background: #c8ccd6;\n      color: #fff;\n    }\n  }\n\n  .anticon + span,\n  .ant-btn > span + .anticon {\n    margin-left: 4px;\n  }\n}\n\n.ant-input-group-addon {\n  padding: 0 6px;\n  border: none;\n  background-color: transparent;\n  border-radius: 0;\n}\n\n.ant-input {\n  height: 28px;\n  border: none;\n  background: #fff;\n  border-radius: 0;\n  box-shadow: none !important;\n}\n\n.ant-input-disabled {\n  opacity: 0.7;\n}\n\n.ant-select-selection {\n  border: none;\n}\n\n.ant-time-picker-input {\n  border: none;\n  background: #f8f8fa;\n  border-radius: 0;\n}\n\n.ant-calendar {\n  border-radius: 0;\n}\n\n.ant-select {\n  &.ant-select-disabled .ant-select-selection {\n    background: rgba(#fff, 0.7);\n  }\n\n  .ant-select-selection--single {\n    height: 28px;\n    border-radius: 0;\n\n    .ant-select-selection__rendered {\n      line-height: 26px;\n\n      .ant-select-selection-selected-value {\n        font-size: 12px;\n      }\n    }\n  }\n\n  &.ant-select-lg {\n    font-size: 12px;\n  }\n}\n\n.ant-select-dropdown {\n  border-radius: 0;\n}\n\n.ant-modal-content {\n  background-color: #f8f8fa;\n  border-radius: 0;\n\n  .ant-modal-header {\n    padding: 20px;\n    background-color: #f8f8fa;\n\n    .ant-modal-title {\n      font-size: 16px;\n      font-weight: 400;\n      line-height: 16px;\n    }\n  }\n\n  .ant-modal-body {\n    padding: 20px;\n  }\n\n  .ant-modal-footer {\n    padding: 20px;\n    border-top: 1px solid rgba(0, 0, 0, 0.1);\n\n    button {\n      min-width: 108px;\n    }\n  }\n}\n\n.ant-tabs-nav {\n  .ant-tabs-tab-active {\n    color: #000;\n  }\n\n  .ant-tabs-tab {\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n\n.anticon-search::before {\n  content: '\\e6b1';\n}\n\n/** antd-select \u65B0\u8FB9\u6846 Start */\n\n.ant-sel-new-border {\n  > .ant-select-selection--multiple ul > li.ant-select-selection__choice {\n    height: 32px;\n    line-height: 32px;\n  }\n\n  li.ant-select-selection__choice {\n    position: relative;\n    border: 1px solid rgba(33, 83, 212, 0.3);\n    background-color: rgba(33, 83, 212, 0.05);\n    color: #2153d4;\n\n    &:hover {\n      border: 1px solid rgba(33, 83, 212, 0.5);\n      background-color: #fff;\n    }\n\n    span.ant-select-selection__choice__remove {\n      position: absolute;\n      right: -2px;\n      bottom: -2px;\n      width: 0;\n      height: 0;\n      border-color: #2153d4;\n      border-left-color: transparent;\n      border-style: solid;\n      border-top-color: transparent;\n      border-width: 9px;\n      line-height: 18px;\n\n      &:hover::before {\n        transform: scale(0.45) translate3d(-11px, -11px, 0) rotate(-90deg);\n      }\n\n      i {\n        display: inline-block;\n        width: 18px;\n        margin-top: -5px;\n        color: #bacbf1;\n        transform: scale(0.45) translate3d(-11px, -11px, 0);\n        transition: transform 0.2s ease;\n      }\n    }\n  }\n}\n\n/** antd-select \u65B0\u8FB9\u6846 End */\n\n/** \u7EDF\u4E00 tooltip \u6837\u5F0F */\n\n.ant-tooltip {\n  // antd \u5347\u7EA7\u5230 3.8 \u540E .ant-tooltip \u8BBE\u7F6E\u4E86 max-width,\n  // \u6682\u65F6\u8986\u76D6\u6389\u4EE5\u514D\u5F71\u54CD\u7CFB\u7EDF\u4E2D\u4E4B\u524D\u7684\u6837\u5F0F\u3002\n  max-width: none;\n\n  .ant-tooltip-content {\n    .ant-tooltip-arrow {\n      // border-top-color: #2b3551;\n    }\n\n    .ant-tooltip-inner {\n      max-width: 600px;\n      padding: 12px;\n      background: #2b3551;\n      border-radius: 0;\n      white-space: pre-wrap;\n      word-break: break-word;\n      word-wrap: break-word;\n    }\n  }\n}\n\n.ant-form-item-control.has-error {\n  .ant-form-item-children {\n    > :first-child {\n      border: 1px solid #f15533 !important;\n    }\n  }\n}\n\npre {\n  margin-bottom: 0;\n}\n\n/** modal \u5782\u76F4\u5C45\u4E2D */\n.ant-modal-wrap {\n  display: flex;\n  display: -webkit-flex;\n  align-items: center;\n  justify-content: center;\n\n  .ant-modal {\n    top: 0;\n  }\n}\n\n/** \u7EDF\u4E00Popconfirm\u6C14\u6CE1\u786E\u8BA4\u6846\u7684\u6837\u5F0F */\n.ant-popover {\n  .ant-popover-arrow {\n    border-width: 0;\n  }\n\n  .ant-popover-inner-content {\n    padding: 20px;\n\n    .ant-popover-message {\n      display: flex;\n      align-items: center;\n\n      .anticon {\n        position: relative;\n        font-size: 27px;\n        line-height: 1;\n        top: 0;\n        color: #ff7474;\n      }\n\n      .ant-popover-message-title {\n        padding-left: 15px;\n        color: rgba(0, 0, 0, 0.9);\n      }\n    }\n\n    .ant-popover-buttons .ant-btn {\n      min-width: 80px;\n    }\n  }\n}\n\n.ant-message {\n  /** \n   * src/pages/Pipeline/PipelineCanvas/PipelineNoPermissionDialog.tsx \n   * \u6B64\u7EC4\u4EF6z-index\u4ECE\u9ED8\u8BA4\u76841000\u4FEE\u6539\u4E3A1061\n   * message\u7684z-index\u4ECE\u800C\u4ECE1010\u4FEE\u6539\u4E3A1070\n   */\n  z-index: 1070;\n}\n\n// antd\u5347\u7EA7\u540E\uFF0C\u8986\u76D6\u65B0\u589E\u6837\u5F0F\n.one-icon::before {\n  display: inline-block;\n}\n\n.ant-list-vertical .ant-list-item-meta {\n  margin-bottom: 0;\n}\n\n.one-icon {\n  &.anticon {\n    line-height: 1;\n    vertical-align: baseline;\n  }\n}\n\n.ant-card-extra {\n  text-align: right;\n}\n\n.ant-spin-container {\n  &::after {\n    background: transparent;\n  }\n}\n\n.ant-tree-child-tree {\n  > li:first-child {\n    padding-top: 0;\n  }\n}\n\n.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title,\n.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {\n  background-color: transparent;\n}\n\n";

dist/module/plugin/ensureFile/index.js

@@ -12,3 +12,3 @@ import _regeneratorRuntime from "@babel/runtime/regenerator/index.js";
 import * as pkg from "../../../../package.json";
-import { prettierConfig, componentEntry, dpComponentConfig, configPath, srcPath, testsPath, stylesConfig, PRI_PACKAGE_NAME, dpComponentPackageJson, DPCOMPONENT_PLUGIN_PACKAGE_NAME } from "./define";
+import { prettierConfig, componentEntry, dpComponentConfig, configPath, srcPath, testsPath, stylesConfig, PRI_PACKAGE_NAME, dpComponentPackageJson, overWriteAntdScss, styleOverWriteAntdConfig, DPCOMPONENT_PLUGIN_PACKAGE_NAME } from "./define";
 export function ensureDPComponentFiles() {
@@ -45,3 +45,3 @@ pri.sourceConfig.type = 'DPComponent';
               prettier = _context.sent;
-              return _context.abrupt("return", prettier.format("\n          import * as React from 'react';\n          import './styles/antd.less';\n\n          export default () => {\n            return (\n              <div>My Component</div>\n            )\n          }\n        ", _objectSpread(_objectSpread({}, prettierConfig), {}, {
+              return _context.abrupt("return", prettier.format("\n          import * as React from 'react';\n          import './styles/antd.less';\n          import './styles/_ant-override.scss';\n\n          export default () => {\n            return (\n              <div>My Component</div>\n            )\n          }\n        ", _objectSpread(_objectSpread({}, prettierConfig), {}, {
                 parser: 'typescript'
@@ -130,2 +130,35 @@ })));
   });
+  pri.project.addProjectFiles({
+    fileName: path.join(pri.sourceRoot, path.format(styleOverWriteAntdConfig)),
+    pipeContent: function pipeContent(text) {
+      var prettier;
+      return _regeneratorRuntime.async(function pipeContent$(_context4) {
+        while (1) {
+          switch (_context4.prev = _context4.next) {
+            case 0:
+              if (!text) {
+                _context4.next = 2;
+                break;
+              }
+
+              return _context4.abrupt("return", text);
+
+            case 2:
+              _context4.next = 4;
+              return _regeneratorRuntime.awrap(import('prettier'));
+
+            case 4:
+              prettier = _context4.sent;
+              return _context4.abrupt("return", prettier.format(overWriteAntdScss, _objectSpread(_objectSpread({}, prettierConfig), {}, {
+                parser: 'scss'
+              })));
+
+            case 6:
+            case "end":
+              return _context4.stop();
+          }
+        }
+      }, null, null, null, Promise);
+    }
+  });
 }
@@ -138,20 +171,20 @@
       var prettier;
-      return _regeneratorRuntime.async(function pipeContent$(_context4) {
+      return _regeneratorRuntime.async(function pipeContent$(_context5) {
         while (1) {
-          switch (_context4.prev = _context4.next) {
+          switch (_context5.prev = _context5.next) {
             case 0:
               if (!prev) {
-                _context4.next = 2;
+                _context5.next = 2;
                 break;
               }
 
-              return _context4.abrupt("return", prev);
+              return _context5.abrupt("return", prev);
 
             case 2:
-              _context4.next = 4;
+              _context5.next = 4;
               return _regeneratorRuntime.awrap(import('prettier'));
 
             case 4:
-              prettier = _context4.sent;
-              return _context4.abrupt("return", prettier.format("\n          test(\"Example\", () => {\n            expect(true).toBe(true)\n          })\n        ", _objectSpread(_objectSpread({}, prettierConfig), {}, {
+              prettier = _context5.sent;
+              return _context5.abrupt("return", prettier.format("\n          test(\"Example\", () => {\n            expect(true).toBe(true)\n          })\n        ", _objectSpread(_objectSpread({}, prettierConfig), {}, {
                 parser: 'typescript'
@@ -162,3 +195,3 @@ })));
             case "end":
-              return _context4.stop();
+              return _context5.stop();
           }
@@ -190,2 +223,8 @@ }
 
+        _.set(prevJson, "devDependencies.@types/lodash", '4.14.106');
+
+        _.set(prevJson, "devDependencies.@types/classnames", '^2.2.0');
+
+        _.set(prevJson, "devDependencies.@types/node", '^9.3.0');
+
         _.unset(prevJson, "dependencies.".concat(DPCOMPONENT_PLUGIN_PACKAGE_NAME));
@@ -199,2 +238,6 @@
 
+        _.set(prevJson, 'dependencies.lodash', '^4.17.13');
+
+        _.set(prevJson, 'dependencies.moment', '2.22.1');
+
         _.set(prevJson, 'dependencies.wormhole-x', '0.0.2-beta');
@@ -201,0 +244,0 @@ }

dist/module/plugin/index.js

@@ -28,3 +28,3 @@ import _regeneratorRuntime from "@babel/runtime/regenerator/index.js";
             _context2.next = 2;
-            return _regeneratorRuntime.awrap(import('./dev-debug'));
+            return _regeneratorRuntime.awrap(import('./debug/dev-debug'));
 
@@ -31,0 +31,0 @@ case 2:

dist/module/plugin/template/schemaCheckTemplate.js

@@ -24,2 +24,3 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray.js";
 
+  var docIns = React.useRef();
   React.useEffect(function () {
@@ -57,2 +58,10 @@ var name = urlSearchParams.get('name');
 
+  var handleSubmitManually = function handleSubmitManually() {
+    if (docIns.current && docIns.current.getSelectedValueManually) {
+      var data = docIns.current.getSelectedValueManually();
+      console.log('data:', data);
+      onSubmit(data);
+    }
+  };
+
   var renderJsonValidate = function renderJsonValidate() {
@@ -74,3 +83,5 @@ return React.createElement("div", {
       }
-    }));
+    }), React.createElement("button", {
+      onClick: handleSubmitManually
+    }, "running runing go"));
   };
@@ -150,5 +161,12 @@
   }, React.createElement(DocInstance, {
-    onSubmit: onSubmit
+    onSubmit: onSubmit,
+    ref: docIns,
+    fnDict: [],
+    event: {
+      on: function on() {
+        return 2;
+      }
+    }
   })), renderJsonValidate())));
 });
 export default Docs;

package.json

 {
   "name": "pri-plugin-dpcomponent",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "pri plugin for dataphin open platform. debug ur components",
@@ -24,3 +24,4 @@ "main": "dist/main",
   "dependencies": {
-    "@babel/runtime": "^7.0.0"
+    "@babel/runtime": "^7.0.0",
+    "terser-webpack-plugin": "^3.0.2"
   },
@@ -27,0 +28,0 @@ "peerDependencies": {},

src/plugin/build/index.ts

 /**
  * @description build bundle
  */
-import { pri, componentEntry, tempJsEntryPath } from 'pri';
+/* eslint-disable */
+import { pri, tempJsEntryPath } from 'pri';
 import * as webpack from 'webpack';
 import * as path from 'path';
 import { ensureDll } from '../utils';
+const TerserPlugin = require('terser-webpack-plugin');
 
@@ -53,3 +55,3 @@ export async function runBuild() {
     mode: 'production',
-    target: 'node',
+    // target: 'node',
     entryPath: path.join(pri.sourceRoot, path.format(tempJsEntryPath)),
@@ -65,2 +67,6 @@ outFileName: pri.sourceConfig.outFileName,
       );
+      config.optimization = {
+        ...config.optimization,
+        minimize: false,
+      };
       return config;
@@ -67,0 +73,0 @@ },

src/plugin/ensureFile/define.ts

@@ -42,2 +42,14 @@ import * as path from 'path';
 
+export const styleOverWriteAntdConfig = {
+  dir: path.join(srcPath.dir, stylesPath.dir),
+  name: '_ant-override',
+  ext: '.scss',
+};
+
+export const styleIndexConfig = {
+  dir: path.join(srcPath.dir, stylesPath.dir),
+  name: 'index',
+  ext: '.ts',
+};
+
 const maxSizePri = 'node --max-old-space-size=16384 --max_old_space_size=16384 ./node_modules/.bin/pri';
@@ -58,2 +70,3 @@
 
+// eslint-disable-next-line
 export const prettierConfig = {
@@ -66,1 +79,494 @@ printWidth: 120,
 };
+
+export const overWriteAntdScss = `
+/**
+ * 覆盖 ant-design 的样式
+ */
+.ant-form {
+  .form-caption {
+    padding-top: 20px;
+    padding-bottom: 20px;
+    border-top: 1px solid #ccc;
+    color: #333;
+    font-size: 16px;
+    font-weight: bold;
+
+    &:first-child {
+      padding-top: 0;
+      border-top: none;
+    }
+  }
+
+  .ant-form-item {
+    .ant-form-item-control {
+      .ant-btn {
+        margin-right: 8px;
+      }
+    }
+    // 表单 label 字体
+    .ant-form-item-label {
+      label {
+        color: #999;
+      }
+    }
+    // 带前置/后置标签的 input 宽度
+    .ant-form-item-control .ant-input-group-wrapper {
+      width: 100%;
+    }
+  }
+}
+
+.ant-breadcrumb {
+  margin-bottom: 20px;
+  font-size: 14px;
+}
+
+// Antd 2.13.4 之前是middle 还保留这个
+.ant-input-group.ant-input-group-compact > * {
+  vertical-align: middle;
+}
+
+// Antd checkbox样式重写
+.ant-checkbox-checked .ant-checkbox-inner,
+.ant-checkbox-indeterminate .ant-checkbox-inner {
+  background-color: #1050f5;
+  border-color: #1050f5;
+}
+
+.ant-checkbox-indeterminate .ant-checkbox-inner {
+  &::after {
+    background-color: #fff;
+    height: 1.14285714px;
+  }
+}
+
+.ant-checkbox-input:focus + .ant-checkbox-inner,
+.ant-checkbox-wrapper:hover .ant-checkbox-inner,
+.ant-checkbox:hover .ant-checkbox-inner {
+  border-color: #1050f5;
+}
+
+.ant-checkbox-inner {
+  width: 14px;
+  height: 14px;
+  border-radius: 0;
+}
+
+.ant-checkbox-inner::after {
+  height: 8.14285714px;
+}
+
+// Antd 下拉展出框
+.ant-dropdown-menu {
+  border-radius: 0;
+}
+
+// Antd Step线样式修改
+.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after,
+.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
+  height: 0;
+  border-top: 1px dashed rgba(0, 0, 0, 0.3);
+  background: transparent;
+}
+
+// 覆盖 card 样式
+.ant-card {
+  background: none;
+
+  .ant-card-extra {
+    padding: 0;
+
+    .ant-btn {
+      margin-left: 8px;
+    }
+  }
+
+  .ant-card-head {
+    min-height: 28px;
+    padding: 0 20px;
+    border-bottom: none;
+    margin-top: 10px;
+    background: none;
+  }
+
+  .ant-card-body {
+    padding: 20px;
+    margin: 10px 20px;
+  }
+
+  &.with-bg .ant-card-body {
+    background: #f8f8fa;
+  }
+
+  .ant-card-head-title {
+    padding: 0;
+    font-size: 16px;
+    line-height: 28px;
+  }
+
+  &.no-padding .ant-card-body {
+    padding: 0;
+  }
+}
+
+.ant-card-bordered {
+  border: none;
+}
+
+// Button 样式相关的样式覆盖，由于 antd 的 LESS 文件中内置了一些样式处理逻辑，比较难直接用
+// 变量覆盖的方式调整样式，最终还是决定直接在 CSS 层面覆盖
+.ant-btn {
+  display: inline-flex;
+  height: 28px;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid rgba(#2153d4, 0.9);
+  border-radius: 0;
+  color: #2153d4;
+  // 蓝色白字按钮
+  &.blue,
+  &.blue:hover,
+  &.blue:focus {
+    background-color: #2153d4;
+    color: #fff;
+  }
+  // 禁用点击效果
+  &.ant-btn-clicked::after {
+    display: none;
+  }
+
+  &:focus {
+    border: 1px solid rgba(#2153d4, 0.9);
+    color: #2153d4;
+  }
+
+  &:hover {
+    background: rgba(#4c7bff, 0.1);
+    border-color: rgba(#4c7bff, 0.9);
+    color: #2153d4;
+  }
+
+  &:active {
+    background: rgba(#0e3aab, 0.5);
+    border-color: rgba(#0e3aab, 0.9);
+    color: #2153d4;
+  }
+
+  &.ant-btn-primary {
+    background: #2153d4;
+    color: #fff;
+
+    &:focus {
+      border: 1px solid transparent;
+    }
+
+    &:hover {
+      border: 1px solid transparent;
+      background: #4c7bff;
+    }
+
+    &:active {
+      border: 1px solid transparent;
+      background: #0e3aab;
+    }
+  }
+
+  &[disabled] {
+    border: 1px solid transparent;
+    background: #c8ccd6;
+    color: #fff;
+
+    &:hover {
+      background: #c8ccd6;
+      color: #fff;
+    }
+  }
+
+  .anticon + span,
+  .ant-btn > span + .anticon {
+    margin-left: 4px;
+  }
+}
+
+.ant-input-group-addon {
+  padding: 0 6px;
+  border: none;
+  background-color: transparent;
+  border-radius: 0;
+}
+
+.ant-input {
+  height: 28px;
+  border: none;
+  background: #fff;
+  border-radius: 0;
+  box-shadow: none !important;
+}
+
+.ant-input-disabled {
+  opacity: 0.7;
+}
+
+.ant-select-selection {
+  border: none;
+}
+
+.ant-time-picker-input {
+  border: none;
+  background: #f8f8fa;
+  border-radius: 0;
+}
+
+.ant-calendar {
+  border-radius: 0;
+}
+
+.ant-select {
+  &.ant-select-disabled .ant-select-selection {
+    background: rgba(#fff, 0.7);
+  }
+
+  .ant-select-selection--single {
+    height: 28px;
+    border-radius: 0;
+
+    .ant-select-selection__rendered {
+      line-height: 26px;
+
+      .ant-select-selection-selected-value {
+        font-size: 12px;
+      }
+    }
+  }
+
+  &.ant-select-lg {
+    font-size: 12px;
+  }
+}
+
+.ant-select-dropdown {
+  border-radius: 0;
+}
+
+.ant-modal-content {
+  background-color: #f8f8fa;
+  border-radius: 0;
+
+  .ant-modal-header {
+    padding: 20px;
+    background-color: #f8f8fa;
+
+    .ant-modal-title {
+      font-size: 16px;
+      font-weight: 400;
+      line-height: 16px;
+    }
+  }
+
+  .ant-modal-body {
+    padding: 20px;
+  }
+
+  .ant-modal-footer {
+    padding: 20px;
+    border-top: 1px solid rgba(0, 0, 0, 0.1);
+
+    button {
+      min-width: 108px;
+    }
+  }
+}
+
+.ant-tabs-nav {
+  .ant-tabs-tab-active {
+    color: #000;
+  }
+
+  .ant-tabs-tab {
+    padding-right: 0;
+    padding-left: 0;
+  }
+}
+
+.anticon-search::before {
+  content: '\\e6b1';
+}
+
+/** antd-select 新边框 Start */
+
+.ant-sel-new-border {
+  > .ant-select-selection--multiple ul > li.ant-select-selection__choice {
+    height: 32px;
+    line-height: 32px;
+  }
+
+  li.ant-select-selection__choice {
+    position: relative;
+    border: 1px solid rgba(33, 83, 212, 0.3);
+    background-color: rgba(33, 83, 212, 0.05);
+    color: #2153d4;
+
+    &:hover {
+      border: 1px solid rgba(33, 83, 212, 0.5);
+      background-color: #fff;
+    }
+
+    span.ant-select-selection__choice__remove {
+      position: absolute;
+      right: -2px;
+      bottom: -2px;
+      width: 0;
+      height: 0;
+      border-color: #2153d4;
+      border-left-color: transparent;
+      border-style: solid;
+      border-top-color: transparent;
+      border-width: 9px;
+      line-height: 18px;
+
+      &:hover::before {
+        transform: scale(0.45) translate3d(-11px, -11px, 0) rotate(-90deg);
+      }
+
+      i {
+        display: inline-block;
+        width: 18px;
+        margin-top: -5px;
+        color: #bacbf1;
+        transform: scale(0.45) translate3d(-11px, -11px, 0);
+        transition: transform 0.2s ease;
+      }
+    }
+  }
+}
+
+/** antd-select 新边框 End */
+
+/** 统一 tooltip 样式 */
+
+.ant-tooltip {
+  // antd 升级到 3.8 后 .ant-tooltip 设置了 max-width,
+  // 暂时覆盖掉以免影响系统中之前的样式。
+  max-width: none;
+
+  .ant-tooltip-content {
+    .ant-tooltip-arrow {
+      // border-top-color: #2b3551;
+    }
+
+    .ant-tooltip-inner {
+      max-width: 600px;
+      padding: 12px;
+      background: #2b3551;
+      border-radius: 0;
+      white-space: pre-wrap;
+      word-break: break-word;
+      word-wrap: break-word;
+    }
+  }
+}
+
+.ant-form-item-control.has-error {
+  .ant-form-item-children {
+    > :first-child {
+      border: 1px solid #f15533 !important;
+    }
+  }
+}
+
+pre {
+  margin-bottom: 0;
+}
+
+/** modal 垂直居中 */
+.ant-modal-wrap {
+  display: flex;
+  display: -webkit-flex;
+  align-items: center;
+  justify-content: center;
+
+  .ant-modal {
+    top: 0;
+  }
+}
+
+/** 统一Popconfirm气泡确认框的样式 */
+.ant-popover {
+  .ant-popover-arrow {
+    border-width: 0;
+  }
+
+  .ant-popover-inner-content {
+    padding: 20px;
+
+    .ant-popover-message {
+      display: flex;
+      align-items: center;
+
+      .anticon {
+        position: relative;
+        font-size: 27px;
+        line-height: 1;
+        top: 0;
+        color: #ff7474;
+      }
+
+      .ant-popover-message-title {
+        padding-left: 15px;
+        color: rgba(0, 0, 0, 0.9);
+      }
+    }
+
+    .ant-popover-buttons .ant-btn {
+      min-width: 80px;
+    }
+  }
+}
+
+.ant-message {
+  /** 
+   * src/pages/Pipeline/PipelineCanvas/PipelineNoPermissionDialog.tsx 
+   * 此组件z-index从默认的1000修改为1061
+   * message的z-index从而从1010修改为1070
+   */
+  z-index: 1070;
+}
+
+// antd升级后，覆盖新增样式
+.one-icon::before {
+  display: inline-block;
+}
+
+.ant-list-vertical .ant-list-item-meta {
+  margin-bottom: 0;
+}
+
+.one-icon {
+  &.anticon {
+    line-height: 1;
+    vertical-align: baseline;
+  }
+}
+
+.ant-card-extra {
+  text-align: right;
+}
+
+.ant-spin-container {
+  &::after {
+    background: transparent;
+  }
+}
+
+.ant-tree-child-tree {
+  > li:first-child {
+    padding-top: 0;
+  }
+}
+
+.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title,
+.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
+  background-color: transparent;
+}
+
+`;

src/plugin/ensureFile/index.ts

@@ -1,2 +0,1 @@
-import * as fs from 'fs-extra';
 import * as _ from 'lodash';
@@ -16,2 +15,4 @@ import * as path from 'path';
   dpComponentPackageJson,
+  overWriteAntdScss,
+  styleOverWriteAntdConfig,
   DPCOMPONENT_PLUGIN_PACKAGE_NAME,
@@ -42,2 +43,3 @@ } from './define';
           import './styles/antd.less';
+          import './styles/_ant-override.scss';
 
@@ -120,2 +122,32 @@ export default () => {
   });
+
+  pri.project.addProjectFiles({
+    fileName: path.join(pri.sourceRoot, path.format(styleOverWriteAntdConfig)),
+    pipeContent: async (text: string) => {
+      if (text) {
+        return text;
+      }
+      const prettier = await import('prettier');
+      return prettier.format(overWriteAntdScss, { ...prettierConfig, parser: 'scss' });
+    },
+  });
+
+  // pri.project.addProjectFiles({
+  //   fileName: path.join(pri.sourceRoot, path.format(styleIndexConfig)),
+  //   pipeContent: async (text: string) => {
+  //     if (text) {
+  //       return text;
+  //     }
+  //     const prettier = await import('prettier');
+  //     return prettier.format(`
+  //     /**
+  //      * @file 样式文件
+  //      */
+  //     import './styles/antd.less';
+  //     // 仅在开发环境下引入，解决修改 variables.js 不会自动 reload 的问题
+  //     import '../styles/variables';
+
+  //     `, { ...prettierConfig, parser: 'scss' });
+  //   },
+  // });
 }
@@ -166,2 +198,5 @@
         _.set(prevJson, `devDependencies.less-loader`, '^4.0.5');
+        _.set(prevJson, `devDependencies.@types/lodash`, '4.14.106');
+        _.set(prevJson, `devDependencies.@types/classnames`, '^2.2.0');
+        _.set(prevJson, `devDependencies.@types/node`, '^9.3.0');
         _.unset(prevJson, `dependencies.${DPCOMPONENT_PLUGIN_PACKAGE_NAME}`);
@@ -173,2 +208,5 @@ _.set(prevJson, `devDependencies.${DPCOMPONENT_PLUGIN_PACKAGE_NAME}`, dpcomponentPluginVersion);
         _.set(prevJson, 'dependencies.antd', '^3.26.11');
+        _.set(prevJson, 'dependencies.lodash', '^4.17.13');
+        _.set(prevJson, 'dependencies.moment', '2.22.1');
+
         _.set(prevJson, 'dependencies.wormhole-x', '0.0.2-beta');
@@ -175,0 +213,0 @@ }

src/plugin/index.ts

@@ -12,3 +12,3 @@ import { pri } from 'pri';
   action: async () => {
-    const devDocsModule = await import('./dev-debug');
+    const devDocsModule = await import('./debug/dev-debug');
     devDocsModule.devDebug();
@@ -15,0 +15,0 @@ },

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

76545637

increased by0.07%

Number of package files

61

increased by3.39%

Lines of code

10404

increased by9.86%

Worsened metrics

Dependency count

2

increased by100%

Number of low supply chain risk alerts

19

increased by46.15%

Dependency changes

• + Addedterser-webpack-plugin@^3.0.2

• + Added@gar/promisify@1.1.3(transitive)

• + Added@jridgewell/gen-mapping@0.3.5(transitive)

• + Added@jridgewell/resolve-uri@3.1.2(transitive)

• + Added@jridgewell/set-array@1.2.1(transitive)

• + Added@jridgewell/source-map@0.3.6(transitive)

• + Added@jridgewell/sourcemap-codec@1.5.0(transitive)

• + Added@jridgewell/trace-mapping@0.3.25(transitive)

• + Added@npmcli/fs@1.1.1(transitive)

• + Added@npmcli/move-file@1.1.2(transitive)

• + Added@types/estree@1.0.6(transitive)

• + Added@types/json-schema@7.0.15(transitive)

• + Added@types/node@22.7.5(transitive)

• + Added@webassemblyjs/ast@1.12.1(transitive)

• + Added@webassemblyjs/floating-point-hex-parser@1.11.6(transitive)

• + Added@webassemblyjs/helper-api-error@1.11.6(transitive)

• + Added@webassemblyjs/helper-buffer@1.12.1(transitive)

• + Added@webassemblyjs/helper-numbers@1.11.6(transitive)

• + Added@webassemblyjs/helper-wasm-bytecode@1.11.6(transitive)

• + Added@webassemblyjs/helper-wasm-section@1.12.1(transitive)

• + Added@webassemblyjs/ieee754@1.11.6(transitive)

• + Added@webassemblyjs/leb128@1.11.6(transitive)

• + Added@webassemblyjs/utf8@1.11.6(transitive)

• + Added@webassemblyjs/wasm-edit@1.12.1(transitive)

• + Added@webassemblyjs/wasm-gen@1.12.1(transitive)

• + Added@webassemblyjs/wasm-opt@1.12.1(transitive)

• + Added@webassemblyjs/wasm-parser@1.12.1(transitive)

• + Added@webassemblyjs/wast-printer@1.12.1(transitive)

• + Added@xtuc/ieee754@1.2.0(transitive)

• + Added@xtuc/long@4.2.2(transitive)

• + Addedacorn@8.12.1(transitive)

• + Addedacorn-import-attributes@1.9.5(transitive)

• + Addedaggregate-error@3.1.0(transitive)

• + Addedajv@6.12.6(transitive)

• + Addedajv-keywords@3.5.2(transitive)

• + Addedbalanced-match@1.0.2(transitive)

• + Addedbrace-expansion@1.1.11(transitive)

• + Addedbrowserslist@4.24.0(transitive)

• + Addedbuffer-from@1.1.2(transitive)

• + Addedcacache@15.3.0(transitive)

• + Addedcaniuse-lite@1.0.30001667(transitive)

• + Addedchownr@2.0.0(transitive)

• + Addedchrome-trace-event@1.0.4(transitive)

• + Addedclean-stack@2.2.0(transitive)

• + Addedcommander@2.20.3(transitive)

• + Addedcommondir@1.0.1(transitive)

• + Addedconcat-map@0.0.1(transitive)

• + Addedelectron-to-chromium@1.5.33(transitive)

• + Addedenhanced-resolve@5.17.1(transitive)

• + Addedes-module-lexer@1.5.4(transitive)

• + Addedescalade@3.2.0(transitive)

• + Addedeslint-scope@5.1.1(transitive)

• + Addedesrecurse@4.3.0(transitive)

• + Addedestraverse@4.3.05.3.0(transitive)

• + Addedevents@3.3.0(transitive)

• + Addedfast-deep-equal@3.1.3(transitive)

• + Addedfast-json-stable-stringify@2.1.0(transitive)

• + Addedfind-cache-dir@3.3.2(transitive)

• + Addedfind-up@4.1.0(transitive)

• + Addedfs-minipass@2.1.0(transitive)

• + Addedfs.realpath@1.0.0(transitive)

• + Addedglob@7.2.3(transitive)

• + Addedglob-to-regexp@0.4.1(transitive)

• + Addedgraceful-fs@4.2.11(transitive)

• + Addedhas-flag@4.0.0(transitive)

• + Addedimurmurhash@0.1.4(transitive)

• + Addedindent-string@4.0.0(transitive)

• + Addedinfer-owner@1.0.4(transitive)

• + Addedinflight@1.0.6(transitive)

• + Addedinherits@2.0.4(transitive)

• + Addedjest-worker@26.6.227.5.1(transitive)

• + Addedjson-parse-even-better-errors@2.3.1(transitive)

• + Addedjson-schema-traverse@0.4.1(transitive)

• + Addedloader-runner@4.3.0(transitive)

• + Addedlocate-path@5.0.0(transitive)

• + Addedlru-cache@6.0.0(transitive)

• + Addedmake-dir@3.1.0(transitive)

• + Addedmerge-stream@2.0.0(transitive)

• + Addedmime-db@1.52.0(transitive)

• + Addedmime-types@2.1.35(transitive)

• + Addedminimatch@3.1.2(transitive)

• + Addedminipass@3.3.65.0.0(transitive)

• + Addedminipass-collect@1.0.2(transitive)

• + Addedminipass-flush@1.0.5(transitive)

• + Addedminipass-pipeline@1.2.4(transitive)

• + Addedminizlib@2.1.2(transitive)

• + Addedmkdirp@1.0.4(transitive)

• + Addedneo-async@2.6.2(transitive)

• + Addednode-releases@2.0.18(transitive)

• + Addedonce@1.4.0(transitive)

• + Addedp-limit@2.3.03.1.0(transitive)

• + Addedp-locate@4.1.0(transitive)

• + Addedp-map@4.0.0(transitive)

• + Addedp-try@2.2.0(transitive)

• + Addedpath-exists@4.0.0(transitive)

• + Addedpath-is-absolute@1.0.1(transitive)

• + Addedpicocolors@1.1.0(transitive)

• + Addedpkg-dir@4.2.0(transitive)

• + Addedpromise-inflight@1.0.1(transitive)

• + Addedpunycode@2.3.1(transitive)

• + Addedrandombytes@2.1.0(transitive)

• + Addedrimraf@3.0.2(transitive)

• + Addedsafe-buffer@5.2.1(transitive)

• + Addedschema-utils@2.7.13.3.0(transitive)

• + Addedsemver@6.3.17.6.3(transitive)

• + Addedserialize-javascript@4.0.06.0.2(transitive)

• + Addedsource-list-map@2.0.1(transitive)

• + Addedsource-map@0.6.1(transitive)

• + Addedsource-map-support@0.5.21(transitive)

• + Addedssri@8.0.1(transitive)

• + Addedsupports-color@7.2.08.1.1(transitive)

• + Addedtapable@2.2.1(transitive)

• + Addedtar@6.2.1(transitive)

• + Addedterser@4.8.15.34.1(transitive)

• + Addedterser-webpack-plugin@3.1.05.3.10(transitive)

• + Addedundici-types@6.19.8(transitive)

• + Addedunique-filename@1.1.1(transitive)

• + Addedunique-slug@2.0.2(transitive)

• + Addedupdate-browserslist-db@1.1.1(transitive)

• + Addeduri-js@4.4.1(transitive)

• + Addedwatchpack@2.4.2(transitive)

• + Addedwebpack@5.95.0(transitive)

• + Addedwebpack-sources@1.4.33.2.3(transitive)

• + Addedwrappy@1.0.2(transitive)

• + Addedyallist@4.0.0(transitive)

• + Addedyocto-queue@0.1.0(transitive)