@luck-design-biz/luckda 0.0.24-2 → 0.0.25

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

@@ -0,0 +1,188 @@
+"use strict";
+
+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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _antd = require("luck-design/antd");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _lodash = require("lodash");
+var _ContextProvider = require("../../engine/provider/ContextProvider");
+var _JSEditor = _interopRequireDefault(require("./code-editor/JSEditor"));
+var _utils = require("@luck-design-biz/base/utils");
+var _actionBindModal = _interopRequireDefault(require("../style/action-bind-modal.less"));
+var _I18N_PREFIX_ = 'luckda.lowcode.painter.actionBindModal';
+var _ACTION_CATEGORY_ = [{
+  key: 'actions',
+  label: (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".actions"),
+    label: '页面行为'
+  })
+}, {
+  key: 'trigger',
+  label: (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".trigger"),
+    label: '触发器'
+  })
+}, {
+  key: 'code',
+  label: (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".code"),
+    label: '自定义动作'
+  })
+}];
+var _CATEGORY_CODE_ITEMS = [{
+  key: 'coding',
+  label: (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".coding"),
+    label: '动作编写'
+  })
+}];
+var ActionBindModal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var activeNode = _ref.activeNode,
+    onComfirm = _ref.onComfirm;
+  var context = (0, _ContextProvider.useLDContext)();
+  var _useState = (0, _react.useState)(void 0),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    title = _useState2[0],
+    setTitle = _useState2[1];
+  var _useState3 = (0, _react.useState)('actions'),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    category = _useState4[0],
+    setCategory = _useState4[1];
+  var _useMap = (0, _ahooks.useMap)([]),
+    _useMap2 = (0, _slicedToArray2.default)(_useMap, 2),
+    actionPool = _useMap2[0],
+    _useMap2$ = _useMap2[1],
+    set = _useMap2$.set,
+    remove = _useMap2$.remove,
+    reset = _useMap2$.reset,
+    get = _useMap2$.get;
+  var selectItems = (0, _ahooks.useCreation)(function () {
+    if (category === 'actions') {
+      return [];
+    } else if (category === 'trigger') {
+      return (0, _lodash.reduce)(context.componentList, function (ret, _ref2) {
+        var _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
+          key = _ref3[0],
+          target = _ref3[1];
+        if (key !== activeNode.id) {
+          ret.push({
+            key: key,
+            label: "".concat(target.api.getSelfAndParentLCData().node.props.name, "(").concat(key, ")")
+          });
+        }
+        return ret;
+      }, []);
+    } else if (category === 'code') {
+      return _CATEGORY_CODE_ITEMS;
+    }
+    return [];
+  }, [category]);
+  var handleClose = (0, _ahooks.useMemoizedFn)(function () {
+    setTitle(void 0);
+  });
+  var handleComfirm = (0, _ahooks.useMemoizedFn)(function () {
+    handleClose();
+  });
+  var handleSearch = (0, _ahooks.useMemoizedFn)(function (val) {});
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      doOpen: function doOpen(title) {
+        setTitle(title);
+      }
+    };
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_antd.Modal, {
+    className: _actionBindModal.default['lc-painter-panel-action-bind-modal'],
+    bodyStyle: {
+      marginTop: 0,
+      padding: '4px 24px'
+    },
+    title: title,
+    visible: !!title,
+    width: 960,
+    closable: false,
+    maskClosable: false,
+    getContainer: function getContainer() {
+      return document.getElementById('lc-design-workspace');
+    },
+    zIndex: 3000,
+    onCancel: handleClose,
+    onOk: handleComfirm
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _actionBindModal.default['lc-painter-panel-action-bind-modal-body']
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _actionBindModal.default['lc-painter-panel-action-bind-modal-body-left']
+  }, /*#__PURE__*/_react.default.createElement("p", null, (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".bind"),
+    label: '绑定动作'
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: _actionBindModal.default['selector-box']
+  }, /*#__PURE__*/_react.default.createElement("ul", {
+    className: (0, _classnames.default)(_actionBindModal.default['selector-box-ul'], _actionBindModal.default['action-category'])
+  }, _ACTION_CATEGORY_.map(function (_ref4) {
+    var key = _ref4.key,
+      label = _ref4.label;
+    return /*#__PURE__*/_react.default.createElement("li", {
+      key: key,
+      className: (0, _classnames.default)((0, _defineProperty2.default)({}, _actionBindModal.default.active, key === category)),
+      onClick: function onClick() {
+        return setCategory(key);
+      }
+    }, label, key === category && /*#__PURE__*/_react.default.createElement(_antd.Icon, {
+      type: "check",
+      className: _actionBindModal.default['check-icon']
+    }));
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: _actionBindModal.default['selecter-items-box']
+  }, category !== 'code' && /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      height: 42,
+      display: 'flex',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_antd.Input.Search, {
+    placeholder: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".search"),
+      label: '搜索'
+    }),
+    size: "small",
+    onSearch: handleSearch,
+    style: {
+      width: 170,
+      alignSelf: 'center'
+    }
+  })), /*#__PURE__*/_react.default.createElement("ul", {
+    className: (0, _classnames.default)(_actionBindModal.default['selector-box-ul'], _actionBindModal.default['selecter-items'])
+  }, selectItems.map(function (_ref5) {
+    var key = _ref5.key,
+      label = _ref5.label;
+    return /*#__PURE__*/_react.default.createElement("li", {
+      key: key,
+      className: (0, _classnames.default)((0, _defineProperty2.default)({}, _actionBindModal.default.active, actionPool.has(key))),
+      onClick: function onClick() {
+        return set(key, label);
+      }
+    }, /*#__PURE__*/_react.default.createElement(_antd.Checkbox, {
+      checked: actionPool.has(key),
+      style: {
+        marginRight: 4
+      }
+    }), label);
+  }))))), /*#__PURE__*/_react.default.createElement("div", {
+    className: _actionBindModal.default['lc-painter-panel-action-bind-modal-body-right']
+  }, category === 'code' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", null, (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".coding"),
+    label: '动作编写'
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: _actionBindModal.default['code-box']
+  }, /*#__PURE__*/_react.default.createElement(_JSEditor.default, null))))));
+});
+var _default = exports.default = ActionBindModal;

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

@@ -0,0 +1,76 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _antd = require("luck-design/antd");
+var _utils = require("@luck-design-biz/base/utils");
+var _Collapse = _interopRequireDefault(require("./Collapse"));
+var _ActionBindModal = _interopRequireDefault(require("./ActionBindModal"));
+var _I18N_PREFIX_ = 'luckda.lowcode.painter.advancePanel';
+var AdvancePanel = function AdvancePanel(_ref) {
+  var meta = _ref.meta,
+    value = _ref.value,
+    onChange = _ref.onChange;
+  var modalRef = (0, _react.useRef)();
+  var handleEventClick = (0, _ahooks.useMemoizedFn)(function (e) {
+    var payload = e.item.props.payload;
+    modalRef.current.doOpen(payload.name);
+  });
+  var eventsMenu = (0, _ahooks.useCreation)(function () {
+    var _meta$advance;
+    return /*#__PURE__*/_react.default.createElement(_antd.Menu, {
+      onClick: handleEventClick,
+      style: {
+        fontSize: 12
+      }
+    }, (_meta$advance = meta.advance) === null || _meta$advance === void 0 || (_meta$advance = _meta$advance.events) === null || _meta$advance === void 0 ? void 0 : _meta$advance.map(function (event) {
+      return /*#__PURE__*/_react.default.createElement(_antd.Menu.Item, {
+        key: event.key,
+        payload: event
+      }, /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
+        title: event.desc || event.name,
+        placement: "left",
+        getPopupContainer: function getPopupContainer() {
+          return document.getElementById('lc-design-workspace');
+        }
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        style: {
+          width: '100%',
+          fontSize: 12
+        }
+      }, event.name)));
+    }));
+  }, [value]);
+  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Collapse.default, {
+    field: "events",
+    label: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".events"),
+      label: '事件'
+    }),
+    bodyStyle: {
+      padding: '12px 16px'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_antd.Dropdown, {
+    overlay: eventsMenu,
+    placement: "bottomCenter",
+    getPopupContainer: function getPopupContainer() {
+      return document.getElementById('lc-design-workspace');
+    }
+  }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    size: "small",
+    block: true
+  }, (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".addEventAction"),
+    label: '添加事件动作'
+  })))), /*#__PURE__*/_react.default.createElement(_ActionBindModal.default, {
+    ref: modalRef,
+    activeNode: value
+  }));
+};
+var _default = exports.default = AdvancePanel;

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

@@ -0,0 +1,142 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _antd = require("luck-design/antd");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _lodash = require("lodash");
+var _ContextProvider = require("../../engine/provider/ContextProvider");
+var _panelItemFactory = _interopRequireDefault(require("../../engine/factory/panel-item-factory"));
+var _PanelItem = _interopRequireDefault(require("./PanelItem"));
+var _Collapse = _interopRequireDefault(require("./Collapse"));
+var _panelAttrs = _interopRequireDefault(require("../style/panel-attrs.less"));
+var _excluded = ["type", "key", "name", "desc", "default", "props", "wrapper", "wrapperProps", "next", "repositioning"];
+var AttrsPanel = function AttrsPanel(_ref) {
+  var _nextRef$current2, _nextRef$current3;
+  var meta = _ref.meta,
+    value = _ref.value,
+    onChange = _ref.onChange;
+  var nextRef = (0, _react.useRef)(null);
+  var factory = (0, _react.useRef)(new _panelItemFactory.default());
+  var _useBoolean = (0, _ahooks.useBoolean)(false),
+    _useBoolean2 = (0, _slicedToArray2.default)(_useBoolean, 2),
+    open = _useBoolean2[0],
+    _useBoolean2$ = _useBoolean2[1],
+    setTrue = _useBoolean2$.setTrue,
+    setFalse = _useBoolean2$.setFalse;
+  var context = (0, _ContextProvider.useLDContext)();
+  var handleChange = (0, _ahooks.useMemoizedFn)(function (field, val, repositioning) {
+    var _nextRef$current;
+    onChange(field, val, repositioning);
+    if ((_nextRef$current = nextRef.current) !== null && _nextRef$current !== void 0 && _nextRef$current.autoClose) {
+      setFalse();
+    }
+  });
+  var goNext = (0, _ahooks.useMemoizedFn)(function (_next) {
+    if (!_next) return;
+    nextRef.current = {
+      name: _next.name,
+      autoClose: _next.autoClose,
+      NextComp: renderPanelItems(_next.props)
+    };
+    setTrue();
+  });
+  var renderPanelItems = (0, _ahooks.useMemoizedFn)(function (items) {
+    return items.map(function (_ref2) {
+      var type = _ref2.type,
+        key = _ref2.key,
+        name = _ref2.name,
+        desc = _ref2.desc,
+        defaultValue = _ref2.default,
+        props = _ref2.props,
+        wrapper = _ref2.wrapper,
+        wrapperProps = _ref2.wrapperProps,
+        _next2 = _ref2.next,
+        repositioning = _ref2.repositioning,
+        rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+      var Comp = factory.current.getPanelItemFor((0, _lodash.startsWith)(type, '_') ? 'dynamic' : type, type);
+      if (type === 'group') {
+        return /*#__PURE__*/_react.default.createElement(Comp, {
+          key: key,
+          field: key,
+          label: name,
+          next: _next2 ? function () {
+            return goNext(_next2);
+          } : null,
+          defaultCollapsed: defaultValue,
+          desc: desc
+        }, renderPanelItems(props || []));
+      }
+      var _context$componentMap = context.componentMap.get(value.id).api.getSelfAndParentLCData(),
+        node = _context$componentMap.node;
+      var Wrapper = wrapper === 'collapse' ? _Collapse.default : _PanelItem.default;
+      return /*#__PURE__*/_react.default.createElement(Wrapper, (0, _extends2.default)({
+        key: key,
+        field: key,
+        label: name,
+        desc: desc
+      }, wrapperProps), Comp && /*#__PURE__*/_react.default.createElement(Comp, (0, _extends2.default)({
+        defaultValue: (0, _lodash.isNil)(node.props[key]) ? defaultValue : node.props[key],
+        next: function next() {
+          return goNext(_next2);
+        },
+        onChange: function onChange(val) {
+          return handleChange(key, val, repositioning);
+        },
+        size: "small",
+        settings: node.props
+      }, rest)));
+    });
+  });
+  var PropsComps = (0, _ahooks.useCreation)(function () {
+    setFalse();
+    if (!meta) {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+    }
+    return renderPanelItems(meta.props);
+  }, [value]);
+  (0, _react.useEffect)(function () {
+    if (!open) {
+      nextRef.current = null;
+    }
+  }, [open]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(_panelAttrs.default['lc-painter-panel-attrs'], (0, _defineProperty2.default)((0, _defineProperty2.default)({}, _panelAttrs.default.hidden, !value), _panelAttrs.default.showNext, open))
+  }, PropsComps, /*#__PURE__*/_react.default.createElement(_antd.Drawer, {
+    visible: open,
+    width: 320,
+    mask: false,
+    closable: false,
+    getContainer: false,
+    destroyOnClose: true,
+    style: {
+      position: 'absolute'
+    },
+    bodyStyle: {
+      padding: 0,
+      height: '100%'
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _panelAttrs.default['lc-painter-panel-attrs-next']
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _panelAttrs.default['lc-painter-panel-attrs-next-header'],
+    onClick: setFalse
+  }, /*#__PURE__*/_react.default.createElement(_antd.Icon, {
+    type: "left"
+  }), (_nextRef$current2 = nextRef.current) === null || _nextRef$current2 === void 0 ? void 0 : _nextRef$current2.name, /*#__PURE__*/_react.default.createElement(_antd.Icon, {
+    type: "close"
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: _panelAttrs.default['lc-painter-panel-attrs-next-body']
+  }, (_nextRef$current3 = nextRef.current) === null || _nextRef$current3 === void 0 ? void 0 : _nextRef$current3.NextComp))));
+};
+var _default = exports.default = AttrsPanel;

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

@@ -15,7 +15,7 @@ var _antd = require("luck-design/antd");
  * Collapse 组件是一个可折叠区域的实现，用于显示或隐藏内容。它支持自定义标签、描述以及默认的折叠状态。
  * 该组件还可以通过 `next` 函数来自定义点击操作，而不是简单地切换折叠状态。
  * 提供的工具提示可以显示额外信息，如字段名和描述，以帮助用户更好地理解折叠内容的作用。
- * 
+ *
  * @component
  * @example
  * <Collapse
@@ -27,7 +27,7 @@ var _antd = require("luck-design/antd");
  * >
  *   <p>这里是可折叠的内容</p>
  * </Collapse>
- * 
+ *
  * @param {Object} props - 组件的属性。
  * @param {React.ReactNode} children - 折叠区域展开时显示的内容。
  * @param {string} [props.field] - 与折叠内容相关联的字段名。
@@ -35,7 +35,7 @@ var _antd = require("luck-design/antd");
  * @param {string} [props.desc] - 关于折叠内容的描述信息。
  * @param {boolean} [props.defaultCollapsed=false] - 折叠区域的默认状态。如果为 true，则默认为折叠状态。
  * @param {Function} [props.next] - 点击操作的自定义函数。如果提供，点击时将执行此函数，而不是切换折叠状态。
- * 
+ *
  * @returns {ReactElement} 返回一个 React 元素，表示一个具有可折叠功能的容器。
  */
 function _default(_ref) {
@@ -45,7 +45,10 @@ function _default(_ref) {
     desc = _ref.desc,
     _ref$defaultCollapsed = _ref.defaultCollapsed,
     defaultCollapsed = _ref$defaultCollapsed === void 0 ? false : _ref$defaultCollapsed,
-    next = _ref.next;
+    next = _ref.next,
+    suppressIcon = _ref.suppressIcon,
+    style = _ref.style,
+    bodyStyle = _ref.bodyStyle;
   var _useState = (0, _react.useState)(defaultCollapsed),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     collapsed = _useState2[0],
@@ -68,7 +71,8 @@ function _default(_ref) {
     return str;
   }, [field, desc]);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: _collapse.default['lc-painter-components-collapse']
+    className: _collapse.default['lc-painter-components-collapse'],
+    style: style
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _collapse.default['head'],
     onClick: handleClick
@@ -85,13 +89,14 @@ function _default(_ref) {
     style: {
       cursor: desc ? 'help' : 'default'
     }
-  }, label)), /*#__PURE__*/_react.default.createElement("span", {
+  }, label)), !suppressIcon && /*#__PURE__*/_react.default.createElement("span", {
     className: _collapse.default['action']
   }, next ? /*#__PURE__*/_react.default.createElement(_antd.Icon, {
     type: "right"
   }) : /*#__PURE__*/_react.default.createElement(_antd.Icon, {
     type: collapsed ? 'down' : 'up'
   }))), !collapsed && /*#__PURE__*/_react.default.createElement("div", {
-    className: _collapse.default['body']
+    className: _collapse.default['body'],
+    style: bodyStyle
   }, children));
 }

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

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _antd = require("luck-design/antd");
+var _utils = require("@luck-design-biz/base/utils");
+var _excluded = ["dsid", "defaultValue", "onChange"];
+var FieldSelector = function FieldSelector(_ref) {
+  var dsid = _ref.dsid,
+    defaultValue = _ref.defaultValue,
+    onChange = _ref.onChange,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var _useState = (0, _react.useState)([{
+      value: 'state',
+      label: '状态'
+    }, {
+      value: 'type',
+      label: '类型'
+    }, {
+      value: 'year',
+      label: '年份'
+    }, {
+      value: 'count',
+      label: '次数'
+    }]),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    options = _useState2[0],
+    setOptions = _useState2[1];
+  return /*#__PURE__*/_react.default.createElement(_antd.Select, (0, _extends2.default)({
+    defaultValue: defaultValue,
+    onChange: onChange,
+    size: "small",
+    placeholder: (0, _utils.formatMessage)({
+      id: "luckda.lowcode.painter.panel-section.field-selector.placeholder",
+      label: '请选择字段'
+    })
+  }, props), options.map(function (opt) {
+    return /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
+      key: opt.value,
+      value: opt.value
+    }, opt.label);
+  }));
+};
+var _default = exports.default = FieldSelector;

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

@@ -22,9 +22,11 @@ var _listEditor = _interopRequireDefault(require("../style/list-editor.less"));
 var ListEditor = exports.ListEditor = function ListEditor(_ref) {
   var children = _ref.children,
     addText = _ref.addText,
-    handleAdd = _ref.handleAdd;
+    handleAdd = _ref.handleAdd,
+    style = _ref.style;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: _listEditor.default['lc-painter-panel-section-components-listeditor']
+    className: _listEditor.default['lc-painter-panel-section-components-listeditor'],
+    style: style
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _listEditor.default['list-box']
   }, children), /*#__PURE__*/_react.default.createElement("div", {

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

@@ -6,21 +6,28 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = _default;
 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 _react = _interopRequireDefault(require("react"));
 var _antd = require("luck-design/antd");
+var _classnames = _interopRequireDefault(require("classnames"));
 var _popConfirm = _interopRequireDefault(require("../style/pop-confirm.less"));
+var _excluded = ["showBtn"];
 /**
  * 这个组件是对 luck-design/antd 的 Popconfirm 组件的封装。
  * 它提供了一个带有自定义样式的弹出确认框，用于在用户尝试执行重要操作前提示确认信息。
  * 通过传入的 props 可以自定义 Popconfirm 组件的行为和外观。
- * 
+ *
  * @param {Object} props - 传递给 Popconfirm 组件的属性。这包括所有标准的 Popconfirm 属性，
  *                         以及任何额外的属性，如事件处理器或自定义内容。
  * @returns {ReactNode} 返回一个配置了自定义样式和指定属性的 Popconfirm 组件实例。
  */
-function _default(props) {
+function _default(_ref) {
+  var _ref$showBtn = _ref.showBtn,
+    showBtn = _ref$showBtn === void 0 ? false : _ref$showBtn,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_antd.Popconfirm, (0, _extends2.default)({
-    overlayClassName: _popConfirm.default['lc-painter-panel-section-components-popconfirm'],
+    overlayClassName: (0, _classnames.default)(_popConfirm.default['lc-painter-panel-section-components-popconfirm'], (0, _defineProperty2.default)({}, _popConfirm.default['show-btn'], showBtn)),
     icon: null,
     getPopupContainer: function getPopupContainer() {
       return document.getElementById('lc-design-workspace');

package/lib/lowcode/painter/components/code-editor/BaseEditor.js

@@ -67,7 +67,19 @@ var BaseEditor = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
         value: code,
         language: language,
         automaticLayout: true
-      }, options));
+      }, options), {
+        storageService: {
+          get: function get() {},
+          getBoolean: function getBoolean(key) {
+            if (key === 'expandSuggestionDocs') return true;
+            return false;
+          },
+          remove: function remove() {},
+          store: function store() {},
+          onWillSaveState: function onWillSaveState() {},
+          onDidChangeStorage: function onDidChangeStorage() {}
+        }
+      });
       editorInstance.current.onDidChangeModelContent(function (event) {
         if (onChange) onChange(editorInstance.current.getValue(), event);
       });
@@ -85,7 +97,7 @@ var BaseEditor = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
         return editorInstance.current;
       }
     };
-  });
+  }, []);
 
   // 根据是否全屏来设置编辑器的样式
   var editorStyle = isFullscreen ? {