@luck-design-biz/luckda 0.0.25-8 → 0.0.25-af-1

package/lib/lowcode/painter/panel-section/ActionsEditor/ActionEditor.js

@@ -10,19 +10,22 @@ var _react = _interopRequireWildcard(require("react"));
 var _ahooks = require("ahooks");
 var _antd = require("luck-design/antd");
 var _lodash = require("lodash");
+var _PopConfirm = _interopRequireDefault(require("../../components/PopConfirm"));
 var _PopForm = require("../../components/PopForm");
-var _SerialsSelector = _interopRequireDefault(require("../SerialsSelector"));
+var _JSEditor = _interopRequireDefault(require("../../components/code-editor/JSEditor"));
+var _FullScreenEditor = _interopRequireDefault(require("../../components/code-editor/FullScreenEditor"));
 var _utils = require("@luck-design-biz/base/utils");
+var _actionsEditor = _interopRequireDefault(require("../../style/actions-editor.less"));
 var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.actionEditor';
 var _SERIAL_EFFECT_OPTIONS_ = [{
   label: (0, _utils.formatMessage)({
-    id: 'luckda.lowcode.painter.hidden',
+    id: "".concat(_I18N_PREFIX_, ".hidden"),
     label: '隐藏'
   }),
   value: 'hidden'
 }, {
   label: (0, _utils.formatMessage)({
-    id: 'luckda.lowcode.painter.disable',
+    id: "".concat(_I18N_PREFIX_, ".disable"),
     label: '禁用'
   }),
   value: 'disable'
@@ -52,17 +55,24 @@ var _RISK_LEVEL_OPTIONS_ = [{
   }),
   value: 'destroy'
 }];
+var _DEFAULT_CODE_ = 'function todo(ctx) {}';
 var ActionEditor = function ActionEditor(_ref) {
   var action = _ref.action,
-    onChange = _ref.onChange,
-    suppressName = _ref.suppressName,
-    suppressRiskLevel = _ref.suppressRiskLevel;
+    onChange = _ref.onChange;
+  var editorRef = (0, _react.useRef)();
   var valueRef = (0, _react.useRef)((0, _lodash.cloneDeep)(action));
+  var handleCodeChange = (0, _react.useRef)((0, _lodash.debounce)(function (code) {
+    valueRef.current.actionCode = code;
+    onChange(valueRef.current);
+  }, 400));
   var handleChange = (0, _ahooks.useMemoizedFn)(function (field, value) {
     valueRef.current[field] = value;
     onChange(valueRef.current);
   });
-  return /*#__PURE__*/_react.default.createElement(_PopForm.PopForm, null, !suppressName && /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItem, null, /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemLeft, null, (0, _utils.formatMessage)({
+  var handleEditorLoad = (0, _ahooks.useMemoizedFn)(function () {
+    editorRef.current.editor.setValue(action.actionCode || _DEFAULT_CODE_);
+  });
+  return /*#__PURE__*/_react.default.createElement(_PopForm.PopForm, null, /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItem, null, /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemLeft, null, (0, _utils.formatMessage)({
     id: "".concat(_I18N_PREFIX_, ".name"),
     label: '名称'
   })), /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemRight, null, /*#__PURE__*/_react.default.createElement(_antd.Input, {
@@ -78,12 +88,16 @@ var ActionEditor = function ActionEditor(_ref) {
   }))), /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItem, null, /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemLeft, null, (0, _utils.formatMessage)({
     id: "".concat(_I18N_PREFIX_, ".serial"),
     label: '资源串'
-  })), /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemRight, null, /*#__PURE__*/_react.default.createElement(_SerialsSelector.default, {
+  })), /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemRight, null, /*#__PURE__*/_react.default.createElement(_antd.Input, {
     size: "small",
     defaultValue: action.serial,
-    onChange: function onChange(val) {
-      return handleChange('serial', val);
-    }
+    onChange: function onChange(e) {
+      return handleChange('serial', e.target.value);
+    },
+    placeholder: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".serial.placeholder"),
+      label: '请输入行为名称'
+    })
   }))), /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItem, null, /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemLeft, null, (0, _utils.formatMessage)({
     id: "".concat(_I18N_PREFIX_, ".serialEffect"),
     label: '越权效果'
@@ -94,8 +108,8 @@ var ActionEditor = function ActionEditor(_ref) {
     onChange: function onChange(value) {
       return handleChange('serialEffect', value);
     }
-  }))), !suppressRiskLevel && /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItem, null, /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemLeft, null, (0, _utils.formatMessage)({
-    id: "".concat(_I18N_PREFIX_, ".riskLevel"),
+  }))), /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItem, null, /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemLeft, null, (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".serialEffect"),
     label: '风险等级'
   })), /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemRight, null, /*#__PURE__*/_react.default.createElement(_antd.Segmented, {
     size: "small",
@@ -104,6 +118,45 @@ var ActionEditor = function ActionEditor(_ref) {
     onChange: function onChange(value) {
       return handleChange('riskLevel', value);
     }
-  }))));
+  }))), /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItem, null, /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemLeft, null, (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".actionPool"),
+    label: '行为池'
+  })), /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemRight, {
+    style: {
+      position: 'relative'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_antd.Select, {
+    size: "small",
+    mode: "multiple",
+    className: _actionsEditor.default['action-pool-selector'],
+    defaultValue: action.actionPool,
+    onChange: function onChange(value) {
+      return handleChange('actionPool', value);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
+    value: "jack"
+  }, "Jack"), /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
+    value: "lucy"
+  }, "Lucy"), /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
+    value: "yiminghe"
+  }, "Yiminghe")), /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
+    title: (0, _utils.formatMessage)({
+      id: 'luckda.lowcode.painter.coder',
+      label: '编码器'
+    })
+  }, /*#__PURE__*/_react.default.createElement(_PopConfirm.default, {
+    placement: "top",
+    title: /*#__PURE__*/_react.default.createElement(_FullScreenEditor.default, {
+      ref: editorRef,
+      EditorComponent: _JSEditor.default,
+      width: "640px",
+      height: "300px",
+      onChange: handleCodeChange.current,
+      onLoad: handleEditorLoad
+    })
+  }, /*#__PURE__*/_react.default.createElement(_antd.Icon, {
+    type: "code",
+    className: _actionsEditor.default['action-pool-coder']
+  }))))));
 };
 var _default = exports.default = ActionEditor;

package/lib/lowcode/painter/panel-section/ActionsEditor/index.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _ahooks = require("ahooks");
@@ -17,7 +16,6 @@ var _PanelItem = _interopRequireDefault(require("../../components/PanelItem"));
 var _SortBox = require("../../components/SortBox");
 var _ListEditor = require("../../components/ListEditor");
 var _PopConfirm = _interopRequireDefault(require("../../components/PopConfirm"));
-var _ActionBindModal = _interopRequireDefault(require("../../components/ActionBindModal"));
 var _utils = require("@luck-design-biz/base/utils");
 var _helper = require("../../../engine/tools/helper");
 var _actionsEditor = _interopRequireDefault(require("../../style/actions-editor.less"));
@@ -40,17 +38,12 @@ var ActionsEditor = function ActionsEditor(_ref) {
     onChange = _ref.onChange,
     suppressDisplay = _ref.suppressDisplay,
     suppressMax = _ref.suppressMax,
-    suppressMore = _ref.suppressMore,
-    defaultCode = _ref.defaultCode;
+    suppressMore = _ref.suppressMore;
   var valueRef = (0, _react.useRef)((0, _lodash.cloneDeep)(defaultValue));
   var _useReducer = (0, _react.useReducer)(_helper.listReducer, defaultValue.todoList || []),
     _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
     todoList = _useReducer2[0],
     dispatch = _useReducer2[1];
-  var _useState = (0, _react.useState)(null),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    action = _useState2[0],
-    setAction = _useState2[1];
   var handleAdd = (0, _ahooks.useMemoizedFn)(function () {
     dispatch({
       type: 'add',
@@ -60,7 +53,8 @@ var ActionsEditor = function ActionsEditor(_ref) {
         serial: void 0,
         serialEffect: 'hidden',
         riskLevel: 'default',
-        actionPool: []
+        actionPool: [],
+        actionCode: void 0
       },
       callback: function callback(newActions) {
         valueRef.current.todoList = newActions;
@@ -126,22 +120,6 @@ var ActionsEditor = function ActionsEditor(_ref) {
         cursor: 'pointer'
       }
     }))), /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
-      title: (0, _utils.formatMessage)({
-        id: 'luckda.lowcode.painter.bindAction',
-        label: '绑定动作'
-      })
-    }, /*#__PURE__*/_react.default.createElement(_antd.Icon, {
-      type: "paper-clip",
-      style: {
-        marginRight: '8px',
-        cursor: 'pointer'
-      },
-      onClick: function onClick() {
-        return setAction((0, _objectSpread2.default)({
-          key: action.id
-        }, action));
-      }
-    })), /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
       title: (0, _utils.formatMessage)({
         id: 'luckda.lowcode.painter.delete',
         label: '删除'
@@ -223,17 +201,6 @@ var ActionsEditor = function ActionsEditor(_ref) {
       item: action,
       dispatch: dispatch
     }));
-  })))), /*#__PURE__*/_react.default.createElement(_ActionBindModal.default, {
-    event: action,
-    defaultCode: defaultCode,
-    onComfirm: function onComfirm(actionPool) {
-      return handleValueChange('action', (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(action, ['key'])), {}, {
-        actionPool: actionPool
-      }));
-    },
-    onClose: function onClose() {
-      return setAction(null);
-    }
-  }));
+  })))));
 };
 var _default = exports.default = ActionsEditor;

package/lib/lowcode/painter/panel-section/ButtonType.js

@@ -12,12 +12,10 @@ var _antd = require("luck-design/antd");
 var _buttonType = _interopRequireDefault(require("../style/button-type.less"));
 var _excluded = ["onChange"];
 var ButtonType = function ButtonType(_ref) {
-  var _onChange = _ref.onChange,
+  var onChange = _ref.onChange,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_antd.Select, (0, _extends2.default)({}, props, {
-    onChange: function onChange(val) {
-      return _onChange(val);
-    },
+    onChange: onChange,
     className: _buttonType.default['lc-painter-panel-section-components-buttontype']
   }), /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
     value: "primary"

package/lib/lowcode/painter/panel-section/DataSetSelector.js

@@ -6,139 +6,64 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _ahooks = require("ahooks");
-var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _antd = require("luck-design/antd");
-var _ContextProvider = require("../../engine/provider/ContextProvider");
+var _utils = require("@luck-design-biz/base/utils");
 var _apiUrl = require("../../constants/api-url");
-var Div = _styledComponents.default.div.withConfig({
-  displayName: "Div",
-  componentId: "luckda-6530__sc-onj9tc-0"
-})(["display:flex;align-items:center;"]);
 var DataSetSelector = function DataSetSelector(_ref) {
   var defaultValue = _ref.defaultValue,
-    onChange = _ref.onChange,
-    beforeChangeKey = _ref.beforeChangeKey,
     size = _ref.size,
-    isTree = _ref.isTree,
-    next = _ref.next;
+    onChange = _ref.onChange;
   var _useState = (0, _react.useState)([]),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     options = _useState2[0],
     setOptions = _useState2[1];
-  var _useState3 = (0, _react.useState)(defaultValue),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    currentDataset = _useState4[0],
-    setCurrentDataset = _useState4[1];
-  var _useRemoteSource = (0, _ContextProvider.useRemoteSource)(),
-    dataset = _useRemoteSource.dataset,
-    fetchAllDatasetLoading = _useRemoteSource.fetchAllDatasetLoading,
-    refreshModlueData = _useRemoteSource.refreshModlueData,
-    refreshDataset = _useRemoteSource.refreshDataset,
-    pageinfo = _useRemoteSource.pageinfo;
-  var _useRequest = (0, _ahooks.useRequest)(_apiUrl.fetchAddDataset, {
-      manual: true
-    }),
-    loading = _useRequest.loading,
-    runAsync = _useRequest.runAsync;
   (0, _react.useEffect)(function () {
-    setOptions(isTree ? dataset.filter(function (_ref2) {
-      var tree = _ref2.tree;
-      return tree === 1;
-    }) : dataset);
-  }, [dataset, isTree]);
-  var handleChange = (0, _ahooks.useMemoizedFn)( /*#__PURE__*/function () {
-    var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(value, _ref3) {
-      var key, _pageinfo$relationshi, moduleId, dataModelKey, _yield$runAsync, code, res, _ds;
-      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            key = _ref3.key;
-            _pageinfo$relationshi = pageinfo.relationship, moduleId = _pageinfo$relationshi.moduleId, dataModelKey = _pageinfo$relationshi.dataModelKey;
-            _context.next = 4;
-            return runAsync({
-              uid: moduleId,
-              dataModelKey: dataModelKey,
-              addList: [{
-                code: value,
-                datasetUid: key
-              }]
-            });
-          case 4:
-            _yield$runAsync = _context.sent;
-            code = _yield$runAsync.code;
-            if (!(code === 1)) {
-              _context.next = 11;
-              break;
-            }
-            _context.next = 9;
-            return refreshModlueData();
-          case 9:
-            res = _context.sent;
-            if (res.code === 1) {
-              _ds = {
-                code: value,
-                uid: key
-              };
-              onChange(_ds, function (_beforeChange) {
-                return _beforeChange(beforeChangeKey, []);
-              });
-              setCurrentDataset(_ds);
-            }
-          case 11:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function (_x, _x2) {
-      return _ref4.apply(this, arguments);
-    };
-  }());
-  return /*#__PURE__*/_react.default.createElement(Div, null, /*#__PURE__*/_react.default.createElement(_antd.Select, {
-    defaultValue: defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.code,
+    setOptions([{
+      value: 'dsWmsOutboundOrder',
+      label: '出库单'
+    }, {
+      value: 'dsWmsMaterialsData',
+      label: '物料主数据'
+    }, {
+      value: 'dsStockInboundOrder',
+      label: '库存台账'
+    }]);
+    // request(
+    //   `${SERVICE_READ_DATASET}`,
+    //   {
+    //     method: 'GET',
+    //     body: { dataModelKey: '' },
+    //   }.then((res) => {
+    //     console.log('res', res);
+    //     setOptions([
+    //       { value: 'dsWmsOutboundOrder', label: '出库单' },
+    //       { value: 'dsWmsMaterialsData', label: '物料主数据' },
+    //       { value: 'dsStockInboundOrder', label: '库存台账' },
+    //     ]);
+    //   }),
+    // );
+  }, []);
+  var handleChange = (0, _ahooks.useMemoizedFn)(function (value) {
+    console.log('value', value);
+    onChange(value);
+  });
+  return /*#__PURE__*/_react.default.createElement(_antd.Select, {
+    defaultValue: defaultValue,
     size: size,
     onChange: handleChange,
     getPopupContainer: function getPopupContainer() {
       return document.getElementById('lc-design-workspace');
-    },
-    style: {
-      width: 145
-    },
-    loading: loading
-  }, options.map(function (opt) {
-    return /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
-      key: opt.uid,
-      value: opt.code
-    }, /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
-      title: opt.name
-    }, opt.name));
-  })), /*#__PURE__*/_react.default.createElement(_antd.Button, {
-    size: size,
-    icon: "setting",
-    style: {
-      marginLeft: 4
-    },
-    disabled: !currentDataset,
-    onClick: function onClick() {
-      return next({
-        pageinfo: pageinfo,
-        datasetUid: currentDataset.uid,
-        datasetCode: currentDataset.code
-      });
     }
-  }), /*#__PURE__*/_react.default.createElement(_antd.Button, {
-    size: size,
-    icon: "cloud-sync",
-    loading: fetchAllDatasetLoading,
-    style: {
-      marginLeft: 4
-    },
-    onClick: refreshDataset
+  }, options.map(function (_ref2) {
+    var value = _ref2.value,
+      label = _ref2.label;
+    return /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
+      key: value,
+      value: value
+    }, label);
   }));
 };
 var _default = exports.default = DataSetSelector;

package/lib/lowcode/painter/panel-section/Icon.js

@@ -1,55 +1,53 @@
 "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 = _default;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
+var _antd = require("luck-design/antd");
 var _icon = _interopRequireDefault(require("../style/icon.less"));
-var _IconFont = _interopRequireDefault(require("../../../components/IconFont"));
-/**
- * 一个简单的图标选择器组件，展示了一个图标并允许用户点击选择。
- * 该组件使用了`Icon.createFromIconfontCN`来创建一个可以从Iconfont.cn加载图标的`IconFont`组件。
- * 当图标被点击时，会调用`onSelect`回调函数，并传递一个对象，其中包含了`field`字段。
- *
- * @component
- * @example
- * ```jsx
- * <IconSelector
- *   field="iconField"
- *   onSelect={({ field }) => console.log(`Selected icon field: ${field}`)}
- *   defaultValue="icon-example"
- * />
- * ```
- *
- * @param {Object} props 组件的props
- * @param {string} props.field 用于识别选择的图标字段的标识符。
- * @param {Function} props.onSelect 当图标被点击时触发的回调函数。
- *                                  接收一个对象参数，该对象包含`field`字段。
- * @param {string} [props.defaultValue='iconyingyongguanli'] 初始化时图标的类型，
- *                                                     默认为'iconyingyongguanli'。
- *
- * @returns {React.Element} 渲染的React元素。
+var _apiUrl = require("../../constants/api-url");
+/**
+ * 一个简单的图标选择器组件，展示了一个图标并允许用户点击选择。
+ * 该组件使用了`Icon.createFromIconfontCN`来创建一个可以从Iconfont.cn加载图标的`IconFont`组件。
+ * 当图标被点击时，会调用`onSelect`回调函数，并传递一个对象，其中包含了`field`字段。
+ *
+ * @component
+ * @example
+ * ```jsx
+ * <IconSelector
+ *   field="iconField"
+ *   onSelect={({ field }) => console.log(`Selected icon field: ${field}`)}
+ *   value="icon-example"
+ * />
+ * ```
+ *
+ * @param {Object} props 组件的props
+ * @param {string} props.field 用于识别选择的图标字段的标识符。
+ * @param {Function} props.onSelect 当图标被点击时触发的回调函数。
+ *                                  接收一个对象参数，该对象包含`field`字段。
+ * @param {string} [props.value='iconyingyongguanli'] 初始化时图标的类型，
+ *                                                     默认为'iconyingyongguanli'。
+ *
+ * @returns {React.Element} 渲染的React元素。
  */
 function _default(_ref) {
-  var defaultValue = _ref.defaultValue,
+  var field = _ref.field,
+    onSelect = _ref.onSelect,
+    value = _ref.value,
     next = _ref.next;
-  var _useState = (0, _react.useState)(defaultValue),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    val = _useState2[0],
-    setVal = _useState2[1];
+  var IconFont = _antd.Icon.createFromIconfontCN({
+    scriptUrl: _apiUrl.ICONLIST_JS
+  });
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _icon.default['lc-painter-panel-section-icon'],
     onClick: function onClick() {
-      return next({
-        onSelect: setVal
-      });
+      return next();
     }
-  }, /*#__PURE__*/_react.default.createElement(_IconFont.default, {
-    type: val !== null && val !== void 0 ? val : 'iconyingyongguanli'
+  }, /*#__PURE__*/_react.default.createElement(IconFont, {
+    type: value !== null && value !== void 0 ? value : 'iconyingyongguanli'
   }), /*#__PURE__*/_react.default.createElement("span", {
     className: _icon.default['selecor']
   }, "\u8BF7\u9009\u62E9 >"));

package/lib/lowcode/painter/panel-section/IconSelector.js

@@ -17,26 +17,25 @@ var _utils = require("@luck-design-biz/base/utils");
 var _apiUrl = require("../../constants/api-url");
 var Search = _antd.Input.Search;
 
-/**
- * 一个用于选择图标的组件，提供了图标的搜索和选择功能。
- *
- * 该组件首先从预定义的URL加载图标列表，然后显示这些图标。用户可以通过输入框搜索图标，
- * 点击图标时，会通过 `onChange` 回调将选中的图标信息返回给父组件。
- *
- * @component
- * @example
- * ```jsx
- * <IconSelector
- *   onChange={(selectedIcon) => console.log(selectedIcon)}
- * />
- * ```
- *
- * @param {Object} props 组件接受的props
- * @param {Function} props.onChange 当图标被选中时触发的回调函数，接受选中图标的信息作为参数
+/**
+ * 一个用于选择图标的组件，提供了图标的搜索和选择功能。
+ *
+ * 该组件首先从预定义的URL加载图标列表，然后显示这些图标。用户可以通过输入框搜索图标，
+ * 点击图标时，会通过 `onChange` 回调将选中的图标信息返回给父组件。
+ *
+ * @component
+ * @example
+ * ```jsx
+ * <IconSelector
+ *   onChange={(selectedIcon) => console.log(selectedIcon)}
+ * />
+ * ```
+ *
+ * @param {Object} props 组件接受的props
+ * @param {Function} props.onChange 当图标被选中时触发的回调函数，接受选中图标的信息作为参数
  */
 function _default(_ref) {
-  var onChange = _ref.onChange,
-    onSelect = _ref.onSelect;
+  var onChange = _ref.onChange;
   var _useState = (0, _react.useState)(null),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     iconData = _useState2[0],
@@ -110,9 +109,7 @@ function _default(_ref) {
     return [];
   }, [iconData, searchTerm]);
   var handleClick = (0, _ahooks.useMemoizedFn)(function (icon) {
-    var _iconfont = "".concat(iconData.css_prefix_text).concat(icon.font_class);
-    onSelect(_iconfont);
-    onChange(_iconfont);
+    onChange === null || onChange === void 0 || onChange(icon);
   });
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _iconSelector.default['lc-painter-panel-section-iconselector']