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

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

@@ -1,101 +1,43 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-var _excluded = ["events"],
-  _excluded2 = ["events"];
-import React, { useState } from 'react';
+import React, { useRef } from 'react';
 import { useCreation, useMemoizedFn } from 'ahooks';
-import { Menu, Dropdown, Button, Tooltip, Icon } from 'luck-design/antd';
-import styled from 'styled-components';
-import { isNil, keyBy, keys, omit, reduce } from 'lodash';
-import { useGet } from "../../engine/provider/ContextProvider";
+import { Menu, Dropdown, Button, Tooltip } from 'luck-design/antd';
 import { formatMessage } from '@luck-design-biz/base/utils';
 import Collapse from "./Collapse";
 import ActionBindModal from "./ActionBindModal";
 var _I18N_PREFIX_ = 'luckda.lowcode.painter.advancePanel';
-var EventItem = styled.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 = useGet(isNil(target) ? {
-    id: nodeId,
-    path: 'props.advance'
-  } : {
-    id: target.ancestorId,
-    path: "props.".concat(target.keyPath, ".advance")
-  });
-  var _useState = useState((value === null || value === void 0 ? void 0 : value.events) || {}),
-    _useState2 = _slicedToArray(_useState, 2),
-    events = _useState2[0],
-    setEvents = _useState2[1];
-  var _useState3 = useState(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    event = _useState4[0],
-    setEvent = _useState4[1];
-  var metaMap = useCreation(function () {
-    var _meta$advance;
-    return keyBy((meta === null || meta === void 0 || (_meta$advance = meta.advance) === null || _meta$advance === void 0 ? void 0 : _meta$advance.events) || [], 'key');
-  }, [meta]);
+  var modalRef = useRef();
   var handleEventClick = useMemoizedFn(function (e) {
     var payload = e.item.props.payload;
-    setEvent(_objectSpread(_objectSpread({}, payload), {}, {
-      actionPool: null
-    }));
-  });
-  var handleDeleteEvent = useMemoizedFn(function (ek) {
-    var _ref2 = value || {},
-      events = _ref2.events,
-      rest = _objectWithoutProperties(_ref2, _excluded);
-    var _events = omit(events, [ek]);
-    setEvents(_events);
-    onChange(_objectSpread(_objectSpread({}, rest), {}, {
-      events: _events
-    }));
-  });
-  var handleComfirm = useMemoizedFn(function (actionPool) {
-    var _ref3 = value || {},
-      events = _ref3.events,
-      rest = _objectWithoutProperties(_ref3, _excluded2);
-    var _events = _objectSpread(_objectSpread({}, events), {}, _defineProperty({}, event.key, actionPool));
-    setEvents(_events);
-    onChange(_objectSpread(_objectSpread({}, rest), {}, {
-      events: _events
-    }));
+    modalRef.current.doOpen(payload.name);
   });
   var eventsMenu = useCreation(function () {
-    var _meta$advance2;
+    var _meta$advance;
     return /*#__PURE__*/React.createElement(Menu, {
       onClick: handleEventClick,
       style: {
         fontSize: 12
       }
-    }, 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.createElement(Menu.Item, {
-          key: event.key,
-          payload: event
-        }, /*#__PURE__*/React.createElement(Tooltip, {
-          title: event.desc || event.name,
-          placement: "left",
-          getPopupContainer: function getPopupContainer() {
-            return document.getElementById('lc-design-workspace');
-          }
-        }, /*#__PURE__*/React.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.createElement(Menu.Item, {
+        key: event.key,
+        payload: event
+      }, /*#__PURE__*/React.createElement(Tooltip, {
+        title: event.desc || event.name,
+        placement: "left",
+        getPopupContainer: function getPopupContainer() {
+          return document.getElementById('lc-design-workspace');
+        }
+      }, /*#__PURE__*/React.createElement("div", {
+        style: {
+          width: '100%',
+          fontSize: 12
+        }
+      }, event.name)));
+    }));
   }, [value]);
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Collapse, {
     field: "events",
@@ -106,33 +48,7 @@ var AdvancePanel = function AdvancePanel(_ref) {
     bodyStyle: {
       padding: '12px 16px'
     }
-  }, keys(events).map(function (ek) {
-    return /*#__PURE__*/React.createElement(EventItem, {
-      key: ek
-    }, /*#__PURE__*/React.createElement("span", null, metaMap[ek].name), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Tooltip, {
-      title: formatMessage({
-        id: 'luckda.lowcode.painter.edit',
-        label: '编辑'
-      })
-    }, /*#__PURE__*/React.createElement(Icon, {
-      type: "edit",
-      onClick: function onClick() {
-        return setEvent(_objectSpread(_objectSpread({}, metaMap[ek]), {}, {
-          actionPool: events[ek]
-        }));
-      }
-    })), /*#__PURE__*/React.createElement(Tooltip, {
-      title: formatMessage({
-        id: 'luckda.lowcode.painter.delete',
-        label: '删除'
-      })
-    }, /*#__PURE__*/React.createElement(Icon, {
-      type: "delete",
-      onClick: function onClick() {
-        return handleDeleteEvent(ek);
-      }
-    }))));
-  }), /*#__PURE__*/React.createElement(Dropdown, {
+  }, /*#__PURE__*/React.createElement(Dropdown, {
     overlay: eventsMenu,
     placement: "bottomCenter",
     getPopupContainer: function getPopupContainer() {
@@ -145,12 +61,8 @@ var AdvancePanel = function AdvancePanel(_ref) {
     id: "".concat(_I18N_PREFIX_, ".addEventAction"),
     label: '添加事件动作'
   })))), /*#__PURE__*/React.createElement(ActionBindModal, {
-    nodeId: nodeId,
-    event: event,
-    onComfirm: handleComfirm,
-    onClose: function onClose() {
-      return setEvent(null);
-    }
+    ref: modalRef,
+    activeNode: value
   }));
 };
 export default AdvancePanel;

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

@@ -2,13 +2,13 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-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"];
 import React, { useRef, useEffect } from 'react';
 import { useBoolean, useCreation, useMemoizedFn } from 'ahooks';
 import { Drawer, Icon } from 'luck-design/antd';
 import classNames from 'classnames';
-import { startsWith, isNil, get } from 'lodash';
-import { useGet } from "../../engine/provider/ContextProvider";
+import { startsWith, isNil } from 'lodash';
+import { useLDContext } from "../../engine/provider/ContextProvider";
 import PanelItemFactory from "../../engine/factory/panel-item-factory";
 import PanelItem from "./PanelItem";
 import Collapse from "./Collapse";
@@ -16,8 +16,7 @@ import styles from "../style/panel-attrs.less";
 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 = useRef(null);
   var factory = useRef(new PanelItemFactory());
@@ -27,87 +26,68 @@ var AttrsPanel = function AttrsPanel(_ref) {
     _useBoolean2$ = _useBoolean2[1],
     setTrue = _useBoolean2$.setTrue,
     setFalse = _useBoolean2$.setFalse;
-  var node = useGet({
-    id: isNil(ancestorId) ? nodeId : ancestorId,
-    path: 'props'
-  });
-  var handleChange = useMemoizedFn(function (field, val, _ref2) {
+  var context = useLDContext();
+  var handleChange = 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 = useMemoizedFn(function (_next, dynamicProps) {
+  var goNext = 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 = 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 = _objectWithoutProperties(_ref3, _excluded);
+  var renderPanelItems = 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 = _objectWithoutProperties(_ref2, _excluded);
       var Comp = factory.current.getPanelItemFor(startsWith(type, '_') ? 'dynamic' : type, type);
-      var _valueKey = (dynamicProps === null || dynamicProps === void 0 ? void 0 : dynamicProps.valueKey) || valueKey;
       if (type === 'group') {
         return /*#__PURE__*/React.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 = get(node, _valueKey || key);
-      var comp = Comp && /*#__PURE__*/React.createElement(Comp, _extends({
-        nodeId: nodeId,
-        key: key,
-        defaultValue: 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 : PanelItem;
       return /*#__PURE__*/React.createElement(Wrapper, _extends({
         key: key,
-        nodeId: nodeId,
         field: key,
         label: name,
         desc: desc
-      }, wrapperProps), comp);
+      }, wrapperProps), Comp && /*#__PURE__*/React.createElement(Comp, _extends({
+        defaultValue: 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 = useCreation(function () {
@@ -116,15 +96,14 @@ var AttrsPanel = function AttrsPanel(_ref) {
       return /*#__PURE__*/React.createElement(React.Fragment, null);
     }
     return renderPanelItems(meta.props);
-  }, [nodeId]);
+  }, [value]);
   useEffect(function () {
     if (!open) {
       nextRef.current = null;
     }
   }, [open]);
   return /*#__PURE__*/React.createElement("div", {
-    id: "lc-painter-panel-attrs-container",
-    className: classNames(styles['lc-painter-panel-attrs'], _defineProperty(_defineProperty({}, styles.hidden, !nodeId), styles.showNext, open))
+    className: classNames(styles['lc-painter-panel-attrs'], _defineProperty(_defineProperty({}, styles.hidden, !value), styles.showNext, open))
   }, PropsComps, /*#__PURE__*/React.createElement(Drawer, {
     visible: open,
     width: 320,
@@ -133,8 +112,7 @@ var AttrsPanel = function AttrsPanel(_ref) {
     getContainer: false,
     destroyOnClose: true,
     style: {
-      position: 'absolute',
-      transform: 'none'
+      position: 'absolute'
     },
     bodyStyle: {
       padding: 0,

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

@@ -4,32 +4,32 @@ import { useMemoizedFn, useCreation } from 'ahooks';
 import styles from "../style/collapse.less";
 import { Icon, Tooltip } from '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 元素，表示一个具有可折叠功能的容器。
  */
 export default function (_ref) {
   var children = _ref.children,
@@ -40,7 +40,6 @@ export default function (_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 = useState(defaultCollapsed),
@@ -60,7 +59,7 @@ export default function (_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]);
@@ -83,18 +82,13 @@ export default function (_ref) {
     style: {
       cursor: desc ? 'help' : 'default'
     }
-  }, label)), /*#__PURE__*/React.createElement("div", null, extraRender && /*#__PURE__*/React.createElement("div", {
-    className: styles['extra'],
-    onClick: function onClick(e) {
-      return e.stopPropagation();
-    }
-  }, extraRender()), !suppressIcon && /*#__PURE__*/React.createElement("span", {
+  }, label)), !suppressIcon && /*#__PURE__*/React.createElement("span", {
     className: styles['action']
   }, next ? /*#__PURE__*/React.createElement(Icon, {
     type: "right"
   }) : /*#__PURE__*/React.createElement(Icon, {
     type: collapsed ? 'down' : 'up'
-  })))), !collapsed && /*#__PURE__*/React.createElement("div", {
+  }))), !collapsed && /*#__PURE__*/React.createElement("div", {
     className: styles['body'],
     style: bodyStyle
   }, children));

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

@@ -3,39 +3,39 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["value", "onChange", "wrapperStyle"];
-import React, { forwardRef, useState } from 'react';
+import React, { useState } from 'react';
 import { useUpdateEffect } from 'ahooks';
 import PopConfirm from "./PopConfirm";
 import { Input } from 'luck-design/antd';
 import styles from "../style/color-input.less";
 import { SketchPicker } from 'react-color';
 
-/**
- * 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__*/forwardRef(function (_ref, ref) {
+export default function (_ref) {
   var value = _ref.value,
     onChange = _ref.onChange,
     wrapperStyle = _ref.wrapperStyle,
@@ -70,7 +70,6 @@ var ColorInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }, /*#__PURE__*/React.createElement("div", {
     className: styles['color-input-wrap']
   }, /*#__PURE__*/React.createElement(Input, _extends({
-    ref: ref,
     onChange: handleInputChange,
     className: styles['color-input'],
     value: rgbaColor,
@@ -82,8 +81,7 @@ var ColorInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
       backgroundColor: rgbaColor
     }
   }))));
-});
-export default ColorInput;
+}
 function toRGBA(colorObj) {
   // 首先检查 colorObj 是否为 null 或 undefined
   if (colorObj === null || typeof colorObj === 'undefined') {

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

@@ -3,46 +3,33 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["dsid", "defaultValue", "onChange"];
 import React, { useState } from 'react';
-import { useRequest } from 'ahooks';
 import { Select } from 'luck-design/antd';
 import { formatMessage } from '@luck-design-biz/base/utils';
-import { fetchFieldsByDataset } from "../../constants/api-url";
-import { getLDMetaAttr } from "../../engine/tools/helper";
 var FieldSelector = function FieldSelector(_ref) {
   var dsid = _ref.dsid,
     defaultValue = _ref.defaultValue,
     onChange = _ref.onChange,
     props = _objectWithoutProperties(_ref, _excluded);
-  var _useState = useState([]),
+  var _useState = useState([{
+      value: 'state',
+      label: '状态'
+    }, {
+      value: 'type',
+      label: '类型'
+    }, {
+      value: 'year',
+      label: '年份'
+    }, {
+      value: 'count',
+      label: '次数'
+    }]),
     _useState2 = _slicedToArray(_useState, 2),
     options = _useState2[0],
     setOptions = _useState2[1];
-  var _useRequest = useRequest(fetchFieldsByDataset, {
-      defaultParams: [{
-        datasetUid: dsid,
-        moduleUid: 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.createElement(Select, _extends({
     defaultValue: defaultValue,
     onChange: onChange,
     size: "small",
-    loading: loading,
     placeholder: formatMessage({
       id: "luckda.lowcode.painter.panel-section.field-selector.placeholder",
       label: '请选择字段'