@luck-design-biz/luckda 0.0.25-9 → 0.0.25-af-2

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

@@ -6,104 +6,46 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _ahooks = require("ahooks");
 var _antd = require("luck-design/antd");
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _lodash = require("lodash");
-var _ContextProvider = require("../../engine/provider/ContextProvider");
 var _utils = require("@luck-design-biz/base/utils");
 var _Collapse = _interopRequireDefault(require("./Collapse"));
 var _ActionBindModal = _interopRequireDefault(require("./ActionBindModal"));
-var _excluded = ["events"],
-  _excluded2 = ["events"];
 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;}"]);
 var AdvancePanel = function AdvancePanel(_ref) {
   var meta = _ref.meta,
-    nodeId = _ref.nodeId,
-    target = _ref.target,
+    value = _ref.value,
     onChange = _ref.onChange;
-  var value = (0, _ContextProvider.useGet)((0, _lodash.isNil)(target) ? {
-    id: nodeId,
-    path: 'props.advance'
-  } : {
-    id: target.ancestorId,
-    path: "props.".concat(target.keyPath, ".advance")
-  });
-  var _useState = (0, _react.useState)((value === null || value === void 0 ? void 0 : value.events) || {}),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    events = _useState2[0],
-    setEvents = _useState2[1];
-  var _useState3 = (0, _react.useState)(null),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    event = _useState4[0],
-    setEvent = _useState4[1];
-  var metaMap = (0, _ahooks.useCreation)(function () {
-    var _meta$advance;
-    return (0, _lodash.keyBy)((meta === null || meta === void 0 || (_meta$advance = meta.advance) === null || _meta$advance === void 0 ? void 0 : _meta$advance.events) || [], 'key');
-  }, [meta]);
+  var modalRef = (0, _react.useRef)();
   var handleEventClick = (0, _ahooks.useMemoizedFn)(function (e) {
     var payload = e.item.props.payload;
-    setEvent((0, _objectSpread3.default)((0, _objectSpread3.default)({}, payload), {}, {
-      actionPool: null
-    }));
-  });
-  var handleDeleteEvent = (0, _ahooks.useMemoizedFn)(function (ek) {
-    var _ref2 = value || {},
-      events = _ref2.events,
-      rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
-    var _events = (0, _lodash.omit)(events, [ek]);
-    setEvents(_events);
-    onChange((0, _objectSpread3.default)((0, _objectSpread3.default)({}, rest), {}, {
-      events: _events
-    }));
-  });
-  var handleComfirm = (0, _ahooks.useMemoizedFn)(function (actionPool) {
-    var _ref3 = value || {},
-      events = _ref3.events,
-      rest = (0, _objectWithoutProperties2.default)(_ref3, _excluded2);
-    var _events = (0, _objectSpread3.default)((0, _objectSpread3.default)({}, events), {}, (0, _defineProperty2.default)({}, event.key, actionPool));
-    setEvents(_events);
-    onChange((0, _objectSpread3.default)((0, _objectSpread3.default)({}, rest), {}, {
-      events: _events
-    }));
+    modalRef.current.doOpen(payload.name);
   });
   var eventsMenu = (0, _ahooks.useCreation)(function () {
-    var _meta$advance2;
+    var _meta$advance;
     return /*#__PURE__*/_react.default.createElement(_antd.Menu, {
       onClick: handleEventClick,
       style: {
         fontSize: 12
       }
-    }, (0, _lodash.reduce)((_meta$advance2 = meta.advance) === null || _meta$advance2 === void 0 ? void 0 : _meta$advance2.events, function (ret, event) {
-      var _value$events;
-      if (!(value !== null && value !== void 0 && (_value$events = value.events) !== null && _value$events !== void 0 && _value$events[event.key])) {
-        ret.push( /*#__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))));
-      }
-      return ret;
-    }, []));
+    }, (_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",
@@ -114,33 +56,7 @@ var AdvancePanel = function AdvancePanel(_ref) {
     bodyStyle: {
       padding: '12px 16px'
     }
-  }, (0, _lodash.keys)(events).map(function (ek) {
-    return /*#__PURE__*/_react.default.createElement(EventItem, {
-      key: ek
-    }, /*#__PURE__*/_react.default.createElement("span", null, metaMap[ek].name), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
-      title: (0, _utils.formatMessage)({
-        id: 'luckda.lowcode.painter.edit',
-        label: '编辑'
-      })
-    }, /*#__PURE__*/_react.default.createElement(_antd.Icon, {
-      type: "edit",
-      onClick: function onClick() {
-        return setEvent((0, _objectSpread3.default)((0, _objectSpread3.default)({}, metaMap[ek]), {}, {
-          actionPool: events[ek]
-        }));
-      }
-    })), /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
-      title: (0, _utils.formatMessage)({
-        id: 'luckda.lowcode.painter.delete',
-        label: '删除'
-      })
-    }, /*#__PURE__*/_react.default.createElement(_antd.Icon, {
-      type: "delete",
-      onClick: function onClick() {
-        return handleDeleteEvent(ek);
-      }
-    }))));
-  }), /*#__PURE__*/_react.default.createElement(_antd.Dropdown, {
+  }, /*#__PURE__*/_react.default.createElement(_antd.Dropdown, {
     overlay: eventsMenu,
     placement: "bottomCenter",
     getPopupContainer: function getPopupContainer() {
@@ -153,12 +69,8 @@ var AdvancePanel = function AdvancePanel(_ref) {
     id: "".concat(_I18N_PREFIX_, ".addEventAction"),
     label: '添加事件动作'
   })))), /*#__PURE__*/_react.default.createElement(_ActionBindModal.default, {
-    nodeId: nodeId,
-    event: event,
-    onComfirm: handleComfirm,
-    onClose: function onClose() {
-      return setEvent(null);
-    }
+    ref: modalRef,
+    activeNode: value
   }));
 };
 var _default = exports.default = AdvancePanel;

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

@@ -20,12 +20,11 @@ var _panelItemFactory = _interopRequireDefault(require("../../engine/factory/pan
 var _PanelItem = _interopRequireDefault(require("./PanelItem"));
 var _Collapse = _interopRequireDefault(require("./Collapse"));
 var _panelAttrs = _interopRequireDefault(require("../style/panel-attrs.less"));
-var _excluded = ["type", "key", "valueKey", "name", "desc", "default", "props", "wrapper", "wrapperProps", "next", "repositioning"];
+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,
-    nodeId = _ref.nodeId,
-    ancestorId = _ref.ancestorId,
+    value = _ref.value,
     onChange = _ref.onChange;
   var nextRef = (0, _react.useRef)(null);
   var factory = (0, _react.useRef)(new _panelItemFactory.default());
@@ -35,87 +34,68 @@ var AttrsPanel = function AttrsPanel(_ref) {
     _useBoolean2$ = _useBoolean2[1],
     setTrue = _useBoolean2$.setTrue,
     setFalse = _useBoolean2$.setFalse;
-  var node = (0, _ContextProvider.useGet)({
-    id: (0, _lodash.isNil)(ancestorId) ? nodeId : ancestorId,
-    path: 'props'
-  });
-  var handleChange = (0, _ahooks.useMemoizedFn)(function (field, val, _ref2) {
+  var context = (0, _ContextProvider.useLDContext)();
+  var handleChange = (0, _ahooks.useMemoizedFn)(function (field, val, repositioning) {
     var _nextRef$current;
-    var repositioning = _ref2.repositioning,
-      before = _ref2.before;
-    onChange(field, val, {
-      repositioning: repositioning,
-      before: before
-    });
+    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, dynamicProps) {
+  var goNext = (0, _ahooks.useMemoizedFn)(function (_next) {
     if (!_next) return;
     nextRef.current = {
       name: _next.name,
       autoClose: _next.autoClose,
-      NextComp: renderPanelItems(_next.props, dynamicProps)
+      NextComp: renderPanelItems(_next.props)
     };
     setTrue();
   });
-  var renderPanelItems = (0, _ahooks.useMemoizedFn)(function (items, dynamicProps) {
-    return items.map(function (_ref3) {
-      var type = _ref3.type,
-        key = _ref3.key,
-        valueKey = _ref3.valueKey,
-        name = _ref3.name,
-        desc = _ref3.desc,
-        defaultValue = _ref3.default,
-        props = _ref3.props,
-        wrapper = _ref3.wrapper,
-        wrapperProps = _ref3.wrapperProps,
-        next = _ref3.next,
-        repositioning = _ref3.repositioning,
-        rest = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
+  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);
-      var _valueKey = (dynamicProps === null || dynamicProps === void 0 ? void 0 : dynamicProps.valueKey) || valueKey;
       if (type === 'group') {
         return /*#__PURE__*/_react.default.createElement(Comp, {
-          nodeId: nodeId,
           key: key,
           field: key,
           label: name,
-          next: next ? function (_dp) {
-            return goNext(next, _dp);
+          next: _next2 ? function () {
+            return goNext(_next2);
           } : null,
           defaultCollapsed: defaultValue,
           desc: desc
-        }, renderPanelItems(props || [], dynamicProps));
+        }, renderPanelItems(props || []));
       }
-      var _originalVal = (0, _lodash.get)(node, _valueKey || key);
-      var comp = Comp && /*#__PURE__*/_react.default.createElement(Comp, (0, _extends2.default)({
-        nodeId: nodeId,
-        key: key,
-        defaultValue: (0, _lodash.isNil)(_originalVal) ? defaultValue : _originalVal,
-        next: next !== null && next !== void 0 && next.props ? function (_dp) {
-          return goNext(next, _dp);
-        } : null,
-        onChange: function onChange(val, before) {
-          return handleChange(_valueKey || key, val, {
-            repositioning: repositioning,
-            before: before
-          });
-        },
-        size: "small",
-        settings: node,
-        renderPanelItems: renderPanelItems
-      }, rest, dynamicProps));
-      if (wrapper === 'hidden') return comp;
+      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,
-        nodeId: nodeId,
         field: key,
         label: name,
         desc: desc
-      }, wrapperProps), comp);
+      }, 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 () {
@@ -124,15 +104,14 @@ var AttrsPanel = function AttrsPanel(_ref) {
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
     }
     return renderPanelItems(meta.props);
-  }, [nodeId]);
+  }, [value]);
   (0, _react.useEffect)(function () {
     if (!open) {
       nextRef.current = null;
     }
   }, [open]);
   return /*#__PURE__*/_react.default.createElement("div", {
-    id: "lc-painter-panel-attrs-container",
-    className: (0, _classnames.default)(_panelAttrs.default['lc-painter-panel-attrs'], (0, _defineProperty2.default)((0, _defineProperty2.default)({}, _panelAttrs.default.hidden, !nodeId), _panelAttrs.default.showNext, open))
+    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,
@@ -141,8 +120,7 @@ var AttrsPanel = function AttrsPanel(_ref) {
     getContainer: false,
     destroyOnClose: true,
     style: {
-      position: 'absolute',
-      transform: 'none'
+      position: 'absolute'
     },
     bodyStyle: {
       padding: 0,

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

@@ -11,32 +11,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,
@@ -47,7 +47,6 @@ function _default(_ref) {
     defaultCollapsed = _ref$defaultCollapsed === void 0 ? false : _ref$defaultCollapsed,
     next = _ref.next,
     suppressIcon = _ref.suppressIcon,
-    extraRender = _ref.extraRender,
     style = _ref.style,
     bodyStyle = _ref.bodyStyle;
   var _useState = (0, _react.useState)(defaultCollapsed),
@@ -67,7 +66,7 @@ function _default(_ref) {
       str = "\u5C5E\u6027\uFF1A".concat(field);
     }
     if (desc) {
-      str = "".concat(str ? "".concat(str, " | ") : '', "\u8BF4\u660E\uFF1A").concat(desc);
+      str += "".concat(str ? ' | ' : '', "\u8BF4\u660E\uFF1A").concat(desc);
     }
     return str;
   }, [field, desc]);
@@ -90,18 +89,13 @@ function _default(_ref) {
     style: {
       cursor: desc ? 'help' : 'default'
     }
-  }, label)), /*#__PURE__*/_react.default.createElement("div", null, extraRender && /*#__PURE__*/_react.default.createElement("div", {
-    className: _collapse.default['extra'],
-    onClick: function onClick(e) {
-      return e.stopPropagation();
-    }
-  }, extraRender()), !suppressIcon && /*#__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", {
+  }))), !collapsed && /*#__PURE__*/_react.default.createElement("div", {
     className: _collapse.default['body'],
     style: bodyStyle
   }, children));

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

@@ -5,7 +5,7 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = _default;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -17,32 +17,32 @@ 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) {
+function _default(_ref) {
   var value = _ref.value,
     onChange = _ref.onChange,
     wrapperStyle = _ref.wrapperStyle,
@@ -77,7 +77,6 @@ var ColorInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _colorInput.default['color-input-wrap']
   }, /*#__PURE__*/_react.default.createElement(_antd.Input, (0, _extends2.default)({
-    ref: ref,
     onChange: handleInputChange,
     className: _colorInput.default['color-input'],
     value: rgbaColor,
@@ -89,8 +88,7 @@ var ColorInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       backgroundColor: rgbaColor
     }
   }))));
-});
-var _default = exports.default = ColorInput;
+}
 function toRGBA(colorObj) {
   // 首先检查 colorObj 是否为 null 或 undefined
   if (colorObj === null || typeof colorObj === 'undefined') {

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

@@ -10,47 +10,34 @@ 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 _ahooks = require("ahooks");
 var _antd = require("luck-design/antd");
 var _utils = require("@luck-design-biz/base/utils");
-var _apiUrl = require("../../constants/api-url");
-var _helper = require("../../engine/tools/helper");
 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)([]),
+  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];
-  var _useRequest = (0, _ahooks.useRequest)(_apiUrl.fetchFieldsByDataset, {
-      defaultParams: [{
-        datasetUid: dsid,
-        moduleUid: (0, _helper.getLDMetaAttr)('moduleId')
-      }],
-      ready: !!dsid,
-      onSuccess: function onSuccess(_ref2) {
-        var code = _ref2.code,
-          list = _ref2.list,
-          detail = _ref2.detail;
-        if (code === 1) {
-          setOptions(list.map(function (_id) {
-            return {
-              value: detail[_id].field,
-              label: detail[_id].fieldAliasName
-            };
-          }));
-        }
-      }
-    }),
-    loading = _useRequest.loading;
   return /*#__PURE__*/_react.default.createElement(_antd.Select, (0, _extends2.default)({
     defaultValue: defaultValue,
     onChange: onChange,
     size: "small",
-    loading: loading,
     placeholder: (0, _utils.formatMessage)({
       id: "luckda.lowcode.painter.panel-section.field-selector.placeholder",
       label: '请选择字段'