@luck-design-biz/luckda 1.0.2-12 → 1.0.2-14

package/lib/lowcode/painter/DesignToolbar.js

@@ -1,15 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -21,27 +18,51 @@ var _antd = require("luck-design/antd");
 var _utils = require("@luck-design-biz/base/utils");
 var _ContextProvider = require("../engine/provider/ContextProvider");
 var _JsonEditor = _interopRequireDefault(require("../painter/components/code-editor/JsonEditor"));
-var _PreviewIframe = _interopRequireDefault(require("./components/PreviewIframe"));
 var _constants = require("../constants");
 var _design = _interopRequireDefault(require("./style/design.less"));
 var _apiUrl = require("../constants/api-url");
 var _helper = require("../engine/tools/helper");
 var _TipIcon = _interopRequireDefault(require("./components/TipIcon"));
-var _excluded = ["key", "label"];
+var _shortcutModal = _interopRequireDefault(require("./components/shortcut-modal"));
 var CodeSvg = function CodeSvg() {
   return /*#__PURE__*/_react.default.createElement("svg", {
     width: "18",
     height: "18",
     viewBox: "0 0 18 18",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
+    fill: "none"
   }, /*#__PURE__*/_react.default.createElement("path", {
     d: "M2.4749 9.0916L5.45264 6.20703L5.45439 5.93457V4.69707L0.91748 9.0916L5.45439 13.4844V12.2469L5.45264 11.9744L2.4749 9.0916ZM15.2067 9.00723L12.229 6.12441L12.2272 5.85195V4.61445L16.7642 9.00723L12.2272 13.4018V12.1625L12.229 11.89L15.2067 9.00723ZM8.12451 15.0295H6.76045L9.55713 2.80566H10.9212L8.12451 15.0295Z",
     fill: "currentColor"
   }));
 };
+var KeyboardSvg = function KeyboardSvg() {
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    fill: "none",
+    width: "18",
+    height: "18",
+    viewBox: "0 0 1024 1024"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    fill: "currentColor",
+    d: "M800 544h-96a32 32 0 0 1 0-64h64v-128a32 32 0 0 1 64 0v160a32 32 0 0 1-32 32zM128 192h768a64 64 0 0 1 64 64v512a64 64 0 0 1-64 64H128a64 64 0 0 1-64-64V256a64 64 0 0 1 64-64z m32 64a32 32 0 0 0-32 32v448a32 32 0 0 0 32 32h704a32 32 0 0 0 32-32V288a32 32 0 0 0-32-32H160z m64 64h64a32 32 0 1 1 0 64H224a32 32 0 1 1 0-64z m192 0h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64z m192 0h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64zM224 480h32a32 32 0 1 1 0 64H224a32 32 0 0 1 0-64z m160 0h32a32 32 0 0 1 0 64h-32a32 32 0 0 1 0-64z m160 0h32a32 32 0 0 1 0 64h-32a32 32 0 0 1 0-64zM224 640h32a32 32 0 0 1 0 64H224a32 32 0 0 1 0-64z m160 0h256a32 32 0 0 1 0 64h-256a32 32 0 0 1 0-64z m384 0h32a32 32 0 0 1 0 64h-32a32 32 0 0 1 0-64z"
+  }));
+};
+var clearSvg = function clearSvg() {
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    fill: "none",
+    viewBox: "0 0 1024 1024",
+    width: "18",
+    height: "18"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M837.818182 915.549091h-131.956364c-12.8 0-23.272727-10.472727-23.272727-23.272727v-58.181819c0-4.189091-8.843636-11.636364-23.272727-11.636363s-23.272727 7.447273-23.272728 11.636363v58.181819c0 12.8-10.472727 23.272727-23.272727 23.272727H465.454545c-12.8 0-23.272727-10.472727-23.272727-23.272727s10.472727-23.272727 23.272727-23.272728h124.043637v-34.909091c0-32.581818 30.72-58.181818 69.818182-58.181818s69.818182 25.6 69.818181 58.181818v34.909091H814.545455v-232.727272H209.454545v232.727272h93.789091c12.8 0 23.272727 10.472727 23.272728 23.272728s-10.472727 23.272727-23.272728 23.272727H186.181818c-12.8 0-23.272727-10.472727-23.272727-23.272727v-279.272728c0-12.8 10.472727-23.272727 23.272727-23.272727h651.636364c12.8 0 23.272727 10.472727 23.272727 23.272727v279.272728c0 12.8-10.472727 23.272727-23.272727 23.272727z",
+    fill: "currentColor"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M837.818182 636.276364H186.181818c-12.8 0-23.272727-10.472727-23.272727-23.272728v-69.818181c0-11.403636 8.145455-20.945455 19.316364-22.807273l244.596363-43.054546V124.276364c0-26.065455 23.970909-46.545455 54.225455-46.545455h62.138182c30.487273 0 54.225455 20.48 54.225454 46.545455V477.090909l244.596364 43.054546c11.170909 1.861818 19.316364 11.636364 19.316363 22.807272v69.818182A23.738182 23.738182 0 0 1 837.818182 636.276364z m-628.363637-46.545455h605.09091v-26.996364l-244.596364-43.054545a23.202909 23.202909 0 0 1-19.316364-22.807273V126.138182a13.172364 13.172364 0 0 0-7.68-2.094546h-62.138182c-3.723636 0-6.516364 1.163636-7.68 2.094546v370.269091c0 11.403636-8.145455 20.945455-19.316363 22.807272L209.454545 562.734545v26.996364z",
+    fill: "currentColor"
+  }));
+};
 var DesignToolbar = function DesignToolbar(_ref) {
-  var locale = _ref.locale,
+  var canvas = _ref.canvas,
+    locale = _ref.locale,
     onLangChange = _ref.onLangChange;
   var location = (0, _umi.useLocation)();
   var editorRef = (0, _react.useRef)();
@@ -61,12 +82,8 @@ var DesignToolbar = function DesignToolbar(_ref) {
     setShow = _useState6[1];
   var _useState7 = (0, _react.useState)(false),
     _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-    showPreview = _useState8[0],
-    setShowPreview = _useState8[1];
-  var _useState9 = (0, _react.useState)([]),
-    _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-    userOptions = _useState10[0],
-    setUserOptions = _useState10[1];
+    showShortcut = _useState8[0],
+    setShowShortcut = _useState8[1];
   var _useTemporalStore = (0, _ContextProvider.useTemporalStore)(function (state) {
       return {
         undo: state.undo,
@@ -79,10 +96,6 @@ var DesignToolbar = function DesignToolbar(_ref) {
     canRedo = _useTemporalStore.canRedo,
     undo = _useTemporalStore.undo,
     redo = _useTemporalStore.redo;
-  var _useCookieState = (0, _ahooks.useCookieState)(_constants.COOKIE_VIRTUAL_ACCOUNT_KEY),
-    _useCookieState2 = (0, _slicedToArray2.default)(_useCookieState, 2),
-    userId = _useCookieState2[0],
-    setUserId = _useCookieState2[1];
   var _useRequest = (0, _ahooks.useRequest)(_apiUrl.fetchClearCache, {
       manual: true
     }),
@@ -142,7 +155,6 @@ var DesignToolbar = function DesignToolbar(_ref) {
     var lssid = context.$subscriber(context.topics.LANG_SETTING_SELECT).on(function (_ref3) {
       var _langList = _ref3.langList;
       setLangList(_langList);
-      console.log(11111, _langList);
     }).watch();
     var dasid = context.$subscriber(context.topics.DESIGN_OPERATE_SAVE).on(handleSave).watch();
     return function () {
@@ -150,11 +162,6 @@ var DesignToolbar = function DesignToolbar(_ref) {
       context.$unsubscriber(context.topics.DESIGN_OPERATE_SAVE, dasid);
     };
   }, []);
-  (0, _react.useEffect)(function () {
-    if (!showPreview) {
-      setUserId(void 0);
-    }
-  }, [showPreview]);
   var handleClearCache = (0, _ahooks.useMemoizedFn)(function () {
     _antd.Modal.confirm({
       title: (0, _utils.formatMessage)({
@@ -189,43 +196,6 @@ var DesignToolbar = function DesignToolbar(_ref) {
       }));
     }
   });
-  var _useDebounceFn = (0, _ahooks.useDebounceFn)( /*#__PURE__*/function () {
-      var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(value) {
-        var _yield$fetchSearchUse, code, list, detail;
-        return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              _context2.next = 2;
-              return (0, _apiUrl.fetchSearchUser)({
-                sname: value
-              });
-            case 2:
-              _yield$fetchSearchUse = _context2.sent;
-              code = _yield$fetchSearchUse.code;
-              list = _yield$fetchSearchUse.list;
-              detail = _yield$fetchSearchUse.detail;
-              if (code === 1) {
-                setUserOptions(list.map(function (id) {
-                  var item = detail[id];
-                  return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
-                    key: "".concat(item.indocno),
-                    label: item.sname
-                  });
-                }));
-              }
-            case 7:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2);
-      }));
-      return function (_x) {
-        return _ref4.apply(this, arguments);
-      };
-    }(), {
-      wait: 500
-    }),
-    handleSearch = _useDebounceFn.run;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: _design.default['lc-painter-design-toolbar']
   }, /*#__PURE__*/_react.default.createElement(_antd.Select, {
@@ -310,18 +280,37 @@ var DesignToolbar = function DesignToolbar(_ref) {
     label: '页面属性'
   })), /*#__PURE__*/_react.default.createElement(_antd.Divider, {
     type: "vertical"
-  }), /*#__PURE__*/_react.default.createElement(_antd.Button, {
-    size: "small",
+  }), /*#__PURE__*/_react.default.createElement(_TipIcon.default, {
+    title: (0, _utils.formatMessage)({
+      id: 'luckda.lowcode.design.toolbar.shortcut',
+      label: '快捷键'
+    }),
+    component: KeyboardSvg,
+    className: _design.default.hoverPrimary,
     style: {
       fontSize: 14,
-      margin: '0 4px 0 2px'
+      margin: '0 8px 0 6px'
     },
-    disabled: clearCacheLoading,
-    onClick: handleClearCache
-  }, (0, _utils.formatMessage)({
-    id: 'luckda.lowcode.design.toolbar.clear',
-    label: '清除缓存'
-  })), /*#__PURE__*/_react.default.createElement(_TipIcon.default, {
+    onClick: function onClick() {
+      return setShowShortcut(true);
+    }
+  }), /*#__PURE__*/_react.default.createElement(_TipIcon.default, {
+    title: (0, _utils.formatMessage)({
+      id: 'luckda.lowcode.design.toolbar.code',
+      label: 'Schema面板'
+    }),
+    component: CodeSvg,
+    className: _design.default.hoverPrimary,
+    style: {
+      fontSize: 14,
+      margin: '0 8px 0 6px'
+    },
+    onClick: function onClick() {
+      if (!updatePageDataLoading) setShow(true);
+    }
+  }), /*#__PURE__*/_react.default.createElement(_antd.Divider, {
+    type: "vertical"
+  }), /*#__PURE__*/_react.default.createElement(_TipIcon.default, {
     title: (0, _utils.formatMessage)({
       id: 'luckda.lowcode.design.toolbar.debug',
       label: '调试'
@@ -332,45 +321,34 @@ var DesignToolbar = function DesignToolbar(_ref) {
       margin: '0 8px 0 6px'
     },
     className: _design.default.hoverPrimary,
-    onClick: /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee3() {
-      return (0, _regeneratorRuntime2.default)().wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
-          case 0:
-            if (!updatePageDataLoading) {
-              if ((0, _ContextProvider.getNeedPrompt)()) {
-                context.$publisher(context.topics.DESIGN_OPERATE_SAVE);
-              }
-              context.$publisher(context.topics.COMPONENT_ACTIVE, null);
-              setShowPreview(true);
-            }
-          case 1:
-          case "end":
-            return _context3.stop();
+    onClick: function onClick() {
+      if (!updatePageDataLoading) {
+        var _getCreateHistoryOpti = (0, _umi.getCreateHistoryOptions)(),
+          basename = _getCreateHistoryOpti.basename;
+        var previewUrl = "".concat(basename === '/' ? '' : basename, "/byteman/preview/").concat(location.query.code);
+        if ((0, _ContextProvider.getNeedPrompt)()) {
+          context.$publisherOnce(context.topics.DESIGN_OPERATE_SAVE).then(function () {
+            window.open(previewUrl, '_blank');
+          });
+        } else {
+          window.open(previewUrl, '_blank');
         }
-      }, _callee3);
-    }))
+        context.$publisher(context.topics.COMPONENT_ACTIVE, null);
+      }
+    }
   }), /*#__PURE__*/_react.default.createElement(_TipIcon.default, {
     title: (0, _utils.formatMessage)({
-      id: 'luckda.lowcode.design.toolbar.code',
-      label: 'Schema面板'
+      id: 'luckda.lowcode.design.toolbar.clear',
+      label: '清除缓存'
     }),
-    component: CodeSvg,
+    component: clearSvg,
     className: _design.default.hoverPrimary,
+    loading: clearCacheLoading,
     style: {
       fontSize: 14,
       margin: '0 8px 0 6px'
     },
-    onClick: /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee4() {
-      return (0, _regeneratorRuntime2.default)().wrap(function _callee4$(_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
-          case 0:
-            if (!updatePageDataLoading) setShow(true);
-          case 1:
-          case "end":
-            return _context4.stop();
-        }
-      }, _callee4);
-    }))
+    onClick: handleClearCache
   }), /*#__PURE__*/_react.default.createElement(_TipIcon.default, {
     title: (0, _utils.formatMessage)({
       id: 'luckda.lowcode.design.toolbar.save',
@@ -400,75 +378,12 @@ var DesignToolbar = function DesignToolbar(_ref) {
     style: {
       height: '70vh'
     }
-  }, JSON.stringify(pageData, null, '\t'))), /*#__PURE__*/_react.default.createElement(_antd.Drawer, {
-    title: /*#__PURE__*/_react.default.createElement("div", {
-      id: "preview-drawer-header",
-      style: {
-        display: 'flex',
-        height: 54,
-        alignItems: 'center',
-        justifyContent: 'space-between'
-      }
-    }, /*#__PURE__*/_react.default.createElement("h3", {
-      style: {
-        marginBottom: 0
-      }
-    }, (0, _utils.formatMessage)({
-      id: 'luckda.lowcode.design.toolbar.pagePreview',
-      label: '页面预览'
-    })), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_antd.Select, {
-      placeholder: (0, _utils.formatMessage)({
-        id: 'luckda.lowcode.design.toolbar.selectUser',
-        label: '请选择模拟登录人'
-      }),
-      allowClear: true,
-      style: {
-        width: 180
-      },
-      filterOption: false,
-      labelInValue: true,
-      showSearch: true,
-      getPopupContainer: function getPopupContainer() {
-        return document.getElementById('preview-drawer-header').closest('.ant-drawer-wrapper-body');
-      },
-      onSearch: handleSearch,
-      onChange: function onChange(_, _opt) {
-        if (_opt) {
-          setUserId(_opt.props.sloginid);
-        } else {
-          setUserId(void 0);
-        }
-      }
-    }, userOptions.map(function (_ref7) {
-      var key = _ref7.key,
-        label = _ref7.label,
-        rest = (0, _objectWithoutProperties2.default)(_ref7, _excluded);
-      return /*#__PURE__*/_react.default.createElement(_antd.Select.Option, (0, _extends2.default)({
-        key: key,
-        value: key
-      }, rest), label);
-    })))),
-    placement: "bottom",
-    height: "94vh",
-    footer: false,
-    headerStyle: {
-      padding: '0 48px 0 24px'
-    },
-    bodyStyle: {
-      height: 'calc(100% - 54px)',
-      backgroundColor: 'var(--ant-component-background,#F0F2F5)'
-    },
-    visible: showPreview,
-    destroyOnClose: true,
+  }, JSON.stringify(pageData, null, '\t'))), /*#__PURE__*/_react.default.createElement(_shortcutModal.default, {
+    target: canvas,
+    show: showShortcut,
     onClose: function onClose() {
-      return setShowPreview(false);
-    },
-    getContainer: function getContainer() {
-      return document.getElementById('lc-design-workspace');
+      return setShowShortcut(false);
     }
-  }, /*#__PURE__*/_react.default.createElement(_PreviewIframe.default, {
-    code: location.query.code,
-    userId: userId
-  })));
+  }));
 };
 var _default = exports.default = DesignToolbar;

package/lib/lowcode/painter/components/AdvancePanel.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
@@ -23,15 +24,16 @@ var _constants = require("../../constants");
 var _excluded = ["events"],
   _excluded2 = ["events"],
   _excluded3 = ["render"],
-  _excluded4 = ["render"];
+  _excluded4 = ["render"],
+  _excluded5 = ["render"];
 var _I18N_PREFIX_ = 'luckda.lowcode.painter.advancePanel';
 var EventItem = _styledComponents.default.div.withConfig({
   displayName: "EventItem",
   componentId: "luckda-6530__sc-6426fo-0"
-})(["display:flex;align-items:center;justify-content:space-between;padding:4px 8px;border:1px solid #e5e6e8;border-radius:6px;margin-bottom:6px;font-size:12px;i{color:rgba(0,0,0,0.4);cursor:pointer;}i:not(:last-child){margin-right:6px;}"]);
+})(["display:flex;align-items:center;justify-content:space-between;padding:4px 8px;border:1px solid #e5e6e8;border-radius:6px;margin-bottom:6px;font-size:12px;i{color:var(--ant-text-color);cursor:pointer;}i:not(:last-child){margin-right:6px;}"]);
 var _DEFAULT_FUNC_ = 'function isTrue() {\n return true; \n}';
 var AdvancePanel = function AdvancePanel(_ref) {
-  var _value$render2, _Map$get;
+  var _value$render4, _Map$get;
   var meta = _ref.meta,
     nodeId = _ref.nodeId,
     target = _ref.target,
@@ -99,10 +101,20 @@ var AdvancePanel = function AdvancePanel(_ref) {
       }
     }));
   });
-  var handleRenderChange = (0, _ahooks.useMemoizedFn)(function (checked) {
+  var handleRenderClear = (0, _ahooks.useMemoizedFn)(function (_code) {
     var _ref5 = value || {},
       render = _ref5.render,
       rest = (0, _objectWithoutProperties2.default)(_ref5, _excluded4);
+    onChange((0, _objectSpread3.default)((0, _objectSpread3.default)({}, rest), {}, {
+      render: {
+        value: (0, _lodash.isNil)(render === null || render === void 0 ? void 0 : render.value) ? true : render.value
+      }
+    }));
+  });
+  var handleRenderChange = (0, _ahooks.useMemoizedFn)(function (checked) {
+    var _ref6 = value || {},
+      render = _ref6.render,
+      rest = (0, _objectWithoutProperties2.default)(_ref6, _excluded5);
     onChange((0, _objectSpread3.default)((0, _objectSpread3.default)({}, rest), {}, {
       render: {
         value: checked,
@@ -150,16 +162,21 @@ var AdvancePanel = function AdvancePanel(_ref) {
     },
     suppressIcon: true,
     extraRender: function extraRender() {
-      var _value$render;
+      var _value$render, _value$render2, _value$render3;
       return /*#__PURE__*/_react.default.createElement(_JSEditor.default, {
         defaultCode: (value === null || value === void 0 || (_value$render = value.render) === null || _value$render === void 0 ? void 0 : _value$render.code) || _DEFAULT_FUNC_,
-        onChange: handleRenderComfirm
-      }, /*#__PURE__*/_react.default.createElement(_antd.Icon, {
+        onChange: handleRenderComfirm,
+        onClear: handleRenderClear
+      }, /*#__PURE__*/_react.default.createElement(_antd.Badge, (0, _extends2.default)({
+        dot: value === null || value === void 0 || (_value$render2 = value.render) === null || _value$render2 === void 0 ? void 0 : _value$render2.code
+      }, value !== null && value !== void 0 && (_value$render3 = value.render) !== null && _value$render3 !== void 0 && _value$render3.code ? {
+        color: "lime"
+      } : {}), /*#__PURE__*/_react.default.createElement(_antd.Icon, {
         type: "code"
-      }));
+      })));
     }
   }, /*#__PURE__*/_react.default.createElement(_antd.Switch, {
-    checked: (0, _lodash.isNil)(value === null || value === void 0 || (_value$render2 = value.render) === null || _value$render2 === void 0 ? void 0 : _value$render2.value) ? true : value.render.value,
+    checked: (0, _lodash.isNil)(value === null || value === void 0 || (_value$render4 = value.render) === null || _value$render4 === void 0 ? void 0 : _value$render4.value) ? true : value.render.value,
     onChange: handleRenderChange
   })), /*#__PURE__*/_react.default.createElement(_Collapse.default, {
     field: "events",
@@ -212,7 +229,8 @@ var AdvancePanel = function AdvancePanel(_ref) {
   })))), /*#__PURE__*/_react.default.createElement(_JSEditor.default, {
     trigger: jseditorTrigger,
     defaultCode: ((_Map$get = new Map(event === null || event === void 0 ? void 0 : event.actionPool).get('coding')) === null || _Map$get === void 0 ? void 0 : _Map$get.code) || (event === null || event === void 0 ? void 0 : event.func),
-    onChange: handleComfirm
+    onChange: handleComfirm,
+    showClear: false
   }));
 };
 var _default = exports.default = AdvancePanel;

package/lib/lowcode/painter/components/Collapse.js

@@ -12,32 +12,32 @@ var _react = _interopRequireWildcard(require("react"));
 var _ahooks = require("ahooks");
 var _collapse = _interopRequireDefault(require("../style/collapse.less"));
 var _antd = require("luck-design/antd");
-/**
- * Collapse 组件是一个可折叠区域的实现，用于显示或隐藏内容。它支持自定义标签、描述以及默认的折叠状态。
- * 该组件还可以通过 `next` 函数来自定义点击操作，而不是简单地切换折叠状态。
- * 提供的工具提示可以显示额外信息，如字段名和描述，以帮助用户更好地理解折叠内容的作用。
- *
- * @component
- * @example
- * <Collapse
- *   field="exampleField"
- *   label="示例标签"
- *   desc="这是一个用于演示的折叠组件"
- *   defaultCollapsed={true}
- *   next={() => console.log('Custom next function executed')}
- * >
- *   <p>这里是可折叠的内容</p>
- * </Collapse>
- *
- * @param {Object} props - 组件的属性。
- * @param {React.ReactNode} children - 折叠区域展开时显示的内容。
- * @param {string} [props.field] - 与折叠内容相关联的字段名。
- * @param {string} props.label - 折叠区域的标签名称。
- * @param {string} [props.desc] - 关于折叠内容的描述信息。
- * @param {boolean} [props.defaultCollapsed=false] - 折叠区域的默认状态。如果为 true，则默认为折叠状态。
- * @param {Function} [props.next] - 点击操作的自定义函数。如果提供，点击时将执行此函数，而不是切换折叠状态。
- *
- * @returns {ReactElement} 返回一个 React 元素，表示一个具有可折叠功能的容器。
+/**
+ * Collapse 组件是一个可折叠区域的实现，用于显示或隐藏内容。它支持自定义标签、描述以及默认的折叠状态。
+ * 该组件还可以通过 `next` 函数来自定义点击操作，而不是简单地切换折叠状态。
+ * 提供的工具提示可以显示额外信息，如字段名和描述，以帮助用户更好地理解折叠内容的作用。
+ *
+ * @component
+ * @example
+ * <Collapse
+ *   field="exampleField"
+ *   label="示例标签"
+ *   desc="这是一个用于演示的折叠组件"
+ *   defaultCollapsed={true}
+ *   next={() => console.log('Custom next function executed')}
+ * >
+ *   <p>这里是可折叠的内容</p>
+ * </Collapse>
+ *
+ * @param {Object} props - 组件的属性。
+ * @param {React.ReactNode} children - 折叠区域展开时显示的内容。
+ * @param {string} [props.field] - 与折叠内容相关联的字段名。
+ * @param {string} props.label - 折叠区域的标签名称。
+ * @param {string} [props.desc] - 关于折叠内容的描述信息。
+ * @param {boolean} [props.defaultCollapsed=false] - 折叠区域的默认状态。如果为 true，则默认为折叠状态。
+ * @param {Function} [props.next] - 点击操作的自定义函数。如果提供，点击时将执行此函数，而不是切换折叠状态。
+ *
+ * @returns {ReactElement} 返回一个 React 元素，表示一个具有可折叠功能的容器。
  */
 function _default(_ref) {
   var children = _ref.children,

package/lib/lowcode/painter/components/ColorInput.js

@@ -17,30 +17,30 @@ var _antd = require("luck-design/antd");
 var _colorInput = _interopRequireDefault(require("../style/color-input.less"));
 var _reactColor = require("react-color");
 var _excluded = ["value", "onChange", "wrapperStyle"];
-/**
- * ColorInput 组件是一个集成颜色选择器的输入框组件，允许用户以 RGBA 或十六进制格式输入颜色值。
- * 组件内部通过 PopConfirm 弹出一个 SketchPicker 颜色选择器，以提供一个直观的颜色选择界面。
- * 用户输入的颜色值在内部转换为适当的格式，并通过 onChange 回调暴露给外部使用。
- * 此组件还支持通过传入的 value 属性初始化颜色值，并响应其后续更改。
- *
- * @component
- * @example
- * const handleColorChange = (newColor) => {
- *   console.log('Selected color:', newColor);
- * };
- * <ColorInput
- *   value="rgba(255, 0, 0, 0.5)"
- *   onChange={handleColorChange}
- *   wrapperStyle={{ margin: '20px' }}
- * />
- *
- * @param {Object} props - 组件的属性。
- * @param {string} props.value - 初始化颜色值，支持 RGBA 字符串或十六进制格式。
- * @param {Function} props.onChange - 当颜色值变更时触发的回调函数。传递新的颜色值作为参数。
- * @param {Object} [props.wrapperStyle] - 自定义包装器 div 的样式对象。
- * @param {Object} rest - 传递给 Input 组件的其他属性。
- *
- * @returns {ReactElement} 返回一个 React 元素，表示一个带有颜色选择器的输入框组件。
+/**
+ * ColorInput 组件是一个集成颜色选择器的输入框组件，允许用户以 RGBA 或十六进制格式输入颜色值。
+ * 组件内部通过 PopConfirm 弹出一个 SketchPicker 颜色选择器，以提供一个直观的颜色选择界面。
+ * 用户输入的颜色值在内部转换为适当的格式，并通过 onChange 回调暴露给外部使用。
+ * 此组件还支持通过传入的 value 属性初始化颜色值，并响应其后续更改。
+ *
+ * @component
+ * @example
+ * const handleColorChange = (newColor) => {
+ *   console.log('Selected color:', newColor);
+ * };
+ * <ColorInput
+ *   value="rgba(255, 0, 0, 0.5)"
+ *   onChange={handleColorChange}
+ *   wrapperStyle={{ margin: '20px' }}
+ * />
+ *
+ * @param {Object} props - 组件的属性。
+ * @param {string} props.value - 初始化颜色值，支持 RGBA 字符串或十六进制格式。
+ * @param {Function} props.onChange - 当颜色值变更时触发的回调函数。传递新的颜色值作为参数。
+ * @param {Object} [props.wrapperStyle] - 自定义包装器 div 的样式对象。
+ * @param {Object} rest - 传递给 Input 组件的其他属性。
+ *
+ * @returns {ReactElement} 返回一个 React 元素，表示一个带有颜色选择器的输入框组件。
  */
 var ColorInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var value = _ref.value,

package/lib/lowcode/painter/components/ListEditor.js

@@ -10,14 +10,14 @@ var _react = _interopRequireDefault(require("react"));
 var _antd = require("luck-design/antd");
 var _utils = require("@luck-design-biz/base/utils");
 var _listEditor = _interopRequireDefault(require("../style/list-editor.less"));
-/**
- * ListEditor 是一个用于管理和展示一组可编辑标签项的容器组件。
- * 它提供了一个添加新标签项的操作按钮，并通过 children 属性接收一组 ListEditorItem 组件。
- *
- * @param {Object} props - 组件接收的属性。
- * @param {ReactNode} props.children - ListEditorItem 组件的实例，表示可编辑的标签项。
- * @param {Function} props.handleAdd - 一个回调函数，当用户点击添加按钮时被触发，用于添加新的标签项。
- * @returns {ReactNode} 渲染一个带有操作按钮和标签项的容器。
+/**
+ * ListEditor 是一个用于管理和展示一组可编辑标签项的容器组件。
+ * 它提供了一个添加新标签项的操作按钮，并通过 children 属性接收一组 ListEditorItem 组件。
+ *
+ * @param {Object} props - 组件接收的属性。
+ * @param {ReactNode} props.children - ListEditorItem 组件的实例，表示可编辑的标签项。
+ * @param {Function} props.handleAdd - 一个回调函数，当用户点击添加按钮时被触发，用于添加新的标签项。
+ * @returns {ReactNode} 渲染一个带有操作按钮和标签项的容器。
  */
 var ListEditor = exports.ListEditor = function ListEditor(_ref) {
   var children = _ref.children,
@@ -47,22 +47,22 @@ var ListEditor = exports.ListEditor = function ListEditor(_ref) {
   }))));
 };
 
-/**
- * ListEditorItem 是一个可编辑的标签项组件，用于在 ListEditor 容器内展示。
- * 它支持拖拽排序，并可以通过左侧和右侧的插槽来自定义内容。
- *
- * @param {Object} props - 组件接收的属性。
- * @param {Object} props.item - 表示标签项数据的对象。
- * @param {ReactNode} props.left - 放置在标签项左侧的内容，通常用于展示标签名称或其他信息。
- * @param {ReactNode} props.right - 放置在标签项右侧的内容，通常用于展示操作按钮如编辑或删除。
- * @param {Function} props.setNodeRef - 用于设置拖拽组件根节点的引用。
- * @param {Function} props.setActivatorNodeRef - 用于设置激活拖拽操作的节点引用。
- * @param {Object} props.style - 应用于标签项的样式对象，通常包含拖拽过程中的动态变化样式。
- * @param {Object} props.attributes - 包含与拖拽相关的HTML属性。
- * @param {Object} props.listeners - 包含处理拖拽事件的监听器。
- * @param {CSSProperties} props.transform - 应用于组件的CSS变换属性，用于实现拖拽效果。
- * @param {string} props.transition - 定义拖拽动画的CSS过渡属性。
- * @returns {ReactNode} 渲染一个可编辑的标签项，支持拖拽排序。
+/**
+ * ListEditorItem 是一个可编辑的标签项组件，用于在 ListEditor 容器内展示。
+ * 它支持拖拽排序，并可以通过左侧和右侧的插槽来自定义内容。
+ *
+ * @param {Object} props - 组件接收的属性。
+ * @param {Object} props.item - 表示标签项数据的对象。
+ * @param {ReactNode} props.left - 放置在标签项左侧的内容，通常用于展示标签名称或其他信息。
+ * @param {ReactNode} props.right - 放置在标签项右侧的内容，通常用于展示操作按钮如编辑或删除。
+ * @param {Function} props.setNodeRef - 用于设置拖拽组件根节点的引用。
+ * @param {Function} props.setActivatorNodeRef - 用于设置激活拖拽操作的节点引用。
+ * @param {Object} props.style - 应用于标签项的样式对象，通常包含拖拽过程中的动态变化样式。
+ * @param {Object} props.attributes - 包含与拖拽相关的HTML属性。
+ * @param {Object} props.listeners - 包含处理拖拽事件的监听器。
+ * @param {CSSProperties} props.transform - 应用于组件的CSS变换属性，用于实现拖拽效果。
+ * @param {string} props.transition - 定义拖拽动画的CSS过渡属性。
+ * @returns {ReactNode} 渲染一个可编辑的标签项，支持拖拽排序。
  */
 var ListEditorItem = exports.ListEditorItem = function ListEditorItem(_ref2) {
   var item = _ref2.item,