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

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

@@ -36,7 +36,8 @@ var _DISPLAY_OPTIONS_ = [{
   value: 'text'
 }];
 var ActionsEditor = function ActionsEditor(_ref) {
-  var defaultValue = _ref.defaultValue,
+  var nodeId = _ref.nodeId,
+    defaultValue = _ref.defaultValue,
     onChange = _ref.onChange,
     suppressDisplay = _ref.suppressDisplay,
     suppressMax = _ref.suppressMax,
@@ -225,6 +226,7 @@ var ActionsEditor = function ActionsEditor(_ref) {
     }));
   })))), /*#__PURE__*/_react.default.createElement(_ActionBindModal.default, {
     event: action,
+    nodeId: nodeId,
     defaultCode: defaultCode,
     onComfirm: function onComfirm(actionPool) {
       return handleValueChange('action', (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(action, ['key'])), {}, {

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

@@ -8,7 +8,6 @@ exports.default = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _toArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toArray"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireDefault(require("react"));
 var _ahooks = require("ahooks");
 var _antd = require("luck-design/antd");
@@ -56,15 +55,10 @@ var BlockEditor = function BlockEditor(_ref) {
     nodeId = _ref.nodeId,
     renderPanelItems = _ref.renderPanelItems,
     innerProps = _ref.innerProps;
-  var _usePageData = (0, _ContextProvider.usePageData)({
-      id: nodeId
-    }),
-    _usePageData2 = (0, _slicedToArray2.default)(_usePageData, 1),
-    node = _usePageData2[0];
-  var _ref2 = node || {
-      props: {}
-    },
-    blocks = _ref2.props.blocks;
+  var blocks = (0, _ContextProvider.useGet)({
+    id: nodeId,
+    path: 'props.blocks'
+  });
   var handleAddBlock = (0, _ahooks.useMemoizedFn)(function (type) {
     var _id = "block_".concat((0, _utils.suid)());
     var newData = (0, _lodash.concat)(blocks, (0, _objectSpread2.default)((0, _objectSpread2.default)({
@@ -118,13 +112,12 @@ var BlockEditor = function BlockEditor(_ref) {
         order: index + 1
       });
     });
-    console.log('newData', newData, sortItems);
     onChange(newData);
   });
   var menu = (0, _ahooks.useCreation)(function () {
     return /*#__PURE__*/_react.default.createElement(_antd.Menu, {
-      onClick: function onClick(_ref3) {
-        var key = _ref3.key;
+      onClick: function onClick(_ref2) {
+        var key = _ref2.key;
         return handleAddBlock(key);
       }
     }, addOptions.map(function (opt) {
@@ -170,7 +163,7 @@ var BlockEditor = function BlockEditor(_ref) {
   }, renderPanelItems(commonProps.map(function (p) {
     var cloneP = (0, _lodash.cloneDeep)(p);
     if (cloneP.key === 'dataset') {
-      cloneP.next.props[0].valueKey = "blocks[0].fields";
+      cloneP.fieldsKey = 'blocks[0].fields';
     }
     return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, cloneP), {}, {
       disabled: (0, _lodash.includes)(['mode', 'serialEffect'], cloneP.key) || cloneP.disabled,
@@ -215,8 +208,9 @@ var BlockEditor = function BlockEditor(_ref) {
       cloneP.valueKey = "blocks[".concat(i + 1, "].").concat(p.key);
       if (p.key === 'dataset') {
         if ((0, _lodash.includes)(['auto', 'grid', 'writer'], blockItem.type)) {
-          if (blockItem.type !== 'auto') cloneP.next.props[0].component = "table";
-          cloneP.next.props[0].valueKey = "blocks[".concat(i + 1, "].fields");
+          if (blockItem.type !== 'auto') cloneP.component = 'tableForm';
+          cloneP.fieldsKey = "blocks[".concat(i + 1, "].fields");
+          ;
           result.push(cloneP);
         }
       } else result.push(cloneP);

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

@@ -12,10 +12,12 @@ 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: onChange,
+    onChange: function onChange(val) {
+      return _onChange(val);
+    },
     className: _buttonType.default['lc-painter-panel-section-components-buttontype']
   }), /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
     value: "primary"

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

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireDefault(require("react"));
+var _antd = require("luck-design/antd");
+var _lodash = require("lodash");
+var _ContextProvider = require("../../engine/provider/ContextProvider");
+var ComponentSelector = function ComponentSelector(_ref) {
+  var nodeId = _ref.nodeId,
+    defaultValue = _ref.defaultValue,
+    _onChange = _ref.onChange,
+    filter = _ref.filter;
+  var ctx = (0, _ContextProvider.useContext)();
+  return /*#__PURE__*/_react.default.createElement(_antd.Select, {
+    size: "small",
+    allowClear: true,
+    defaultValue: defaultValue,
+    onChange: function onChange(val) {
+      return _onChange(val);
+    }
+  }, (0, _lodash.reduce)(ctx.componentList, function (ret, _ref2) {
+    var _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
+      compId = _ref3[0],
+      comp = _ref3[1];
+    if (compId !== nodeId && (!filter || filter.find(function (_ref4) {
+      var _ref5 = (0, _slicedToArray2.default)(_ref4, 2),
+        key = _ref5[0],
+        val = _ref5[1];
+      return (0, _lodash.get)(comp, key) === val;
+    }))) {
+      ret.push( /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
+        value: compId
+      }, comp.meta.name || compId));
+    }
+    return ret;
+  }, []));
+};
+var _default = exports.default = ComponentSelector;

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

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
@@ -15,6 +16,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _antd = require("luck-design/antd");
 var _ContextProvider = require("../../engine/provider/ContextProvider");
 var _apiUrl = require("../../constants/api-url");
+var _helper = require("../../engine/tools/helper");
 var Div = _styledComponents.default.div.withConfig({
   displayName: "Div",
   componentId: "luckda-6530__sc-onj9tc-0"
@@ -22,6 +24,9 @@ var Div = _styledComponents.default.div.withConfig({
 var DataSetSelector = function DataSetSelector(_ref) {
   var defaultValue = _ref.defaultValue,
     onChange = _ref.onChange,
+    _ref$fieldsKey = _ref.fieldsKey,
+    fieldsKey = _ref$fieldsKey === void 0 ? 'fields' : _ref$fieldsKey,
+    component = _ref.component,
     size = _ref.size,
     isTree = _ref.isTree,
     next = _ref.next;
@@ -37,8 +42,7 @@ var DataSetSelector = function DataSetSelector(_ref) {
     dataset = _useRemoteSource.dataset,
     fetchAllDatasetLoading = _useRemoteSource.fetchAllDatasetLoading,
     refreshModlueData = _useRemoteSource.refreshModlueData,
-    refreshDataset = _useRemoteSource.refreshDataset,
-    pageinfo = _useRemoteSource.pageinfo;
+    refreshDataset = _useRemoteSource.refreshDataset;
   var _useRequest = (0, _ahooks.useRequest)(_apiUrl.fetchAddDataset, {
       manual: true
     }),
@@ -52,12 +56,12 @@ var DataSetSelector = function DataSetSelector(_ref) {
   }, [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;
+      var key, _getLDMetaAttr, _getLDMetaAttr2, 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;
+            _getLDMetaAttr = (0, _helper.getLDMetaAttr)(['moduleId', 'dataModelKey']), _getLDMetaAttr2 = (0, _slicedToArray2.default)(_getLDMetaAttr, 2), moduleId = _getLDMetaAttr2[0], dataModelKey = _getLDMetaAttr2[1];
             _context.next = 4;
             return runAsync({
               uid: moduleId,
@@ -83,7 +87,28 @@ var DataSetSelector = function DataSetSelector(_ref) {
                 code: value,
                 uid: key
               };
-              onChange(_ds);
+              onChange(_ds, function (exe) {
+                var dsFields = res.data.dataSets[value];
+                exe(fieldsKey, dsFields.map(function (f) {
+                  var restProps = {
+                    fieldAliasName: f.fieldAliasName || f.fieldName
+                  };
+                  if (['table', 'tableForm'].includes(component)) {
+                    var _extra = JSON.parse(f.extra || '{}');
+                    var alignMapping = {
+                      0: 'left',
+                      1: 'center',
+                      2: 'right'
+                    };
+                    restProps.align = alignMapping[_extra.scell_alignment];
+                    restProps.headerAlign = alignMapping[_extra.sheading_alignment];
+                  }
+                  return (0, _objectSpread2.default)({
+                    uid: f.uid,
+                    field: f.field
+                  }, restProps);
+                }));
+              });
               setCurrentDataset(_ds);
             }
           case 11:
@@ -123,9 +148,10 @@ var DataSetSelector = function DataSetSelector(_ref) {
     disabled: !currentDataset,
     onClick: function onClick() {
       return next({
-        pageinfo: pageinfo,
         datasetUid: currentDataset.uid,
-        datasetCode: currentDataset.code
+        datasetCode: currentDataset.code,
+        valueKey: fieldsKey,
+        component: component
       });
     }
   }), /*#__PURE__*/_react.default.createElement(_antd.Button, {

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

@@ -24,7 +24,7 @@ var _apiUrl = require("../../constants/api-url");
 var _helper = require("../../engine/tools/helper");
 var _fieldsSetting = _interopRequireDefault(require("../style/fields-setting.less"));
 var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.fieldsSetting';
-var _PICK_KEYS_ = ['id', 'uid', 'field', 'width', 'align', 'headerAlign', 'pinned', 'tip', 'col', 'row', 'note', 'placeholder'];
+var _PICK_KEYS_ = ['id', 'uid', 'field', 'width', 'align', 'headerAlign', 'pinned', 'tip', 'col', 'row', 'note', 'placeholder', 'fieldAliasName'];
 var Header = _styledComponents.default.div.withConfig({
   displayName: "Header",
   componentId: "luckda-6530__sc-gcwvp1-0"
@@ -35,7 +35,6 @@ var FieldKey = (0, _styledComponents.default)(_luckDesign.Ellipsis).withConfig({
 })(["width:80px;margin-left:4px;"]);
 var FieldsSetting = function FieldsSetting(_ref) {
   var component = _ref.component,
-    pageinfo = _ref.pageinfo,
     datasetUid = _ref.datasetUid,
     nodeId = _ref.nodeId,
     defaultValue = _ref.defaultValue,
@@ -54,21 +53,35 @@ var FieldsSetting = function FieldsSetting(_ref) {
     checkedFields = _useMap2[0],
     _useMap2$ = _useMap2[1],
     set = _useMap2$.set,
-    remove = _useMap2$.remove;
+    get = _useMap2$.get,
+    setAll = _useMap2$.setAll,
+    remove = _useMap2$.remove,
+    reset = _useMap2$.reset;
   var _useState3 = (0, _react.useState)(void 0),
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
     drawerType = _useState4[0],
     setDrawerType = _useState4[1];
+  var _useState5 = (0, _react.useState)(false),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    checkAll = _useState6[0],
+    setCheckAll = _useState6[1];
   var fieldData = (0, _ahooks.useCreation)(function () {
     return fields.find(function (_ref2) {
       var uid = _ref2.uid;
       return uid === fieldId;
     });
   }, [fieldId, fields]);
+  (0, _ahooks.useUpdateEffect)(function () {
+    if (checkedFields.size === fields.length) {
+      setCheckAll(true);
+    } else if (checkedFields.size === 0) {
+      setCheckAll(false);
+    }
+  }, [checkedFields, fields]);
   var _useRequest = (0, _ahooks.useRequest)(_apiUrl.fetchFieldsByDataset, {
       defaultParams: [{
         datasetUid: datasetUid,
-        moduleUid: pageinfo.relationship.moduleId
+        moduleUid: (0, _helper.getLDMetaAttr)('moduleId')
       }],
       onSuccess: function onSuccess(_ref3) {
         var code = _ref3.code,
@@ -82,18 +95,23 @@ var FieldsSetting = function FieldsSetting(_ref) {
             return ret;
           }, []), list.map(function (id) {
             var _fieldData = detail[id];
-            var extraAttr = JSON.parse(_fieldData.extraAttr || '{}');
-            var alignMapping = {
-              0: 'left',
-              1: 'center',
-              2: 'right'
+            var restProps = {
+              fieldAliasName: _fieldData.fieldAliasName
             };
-            return {
+            if (['table', 'tableForm'].includes(component)) {
+              var extra = JSON.parse(_fieldData.extra || '{}');
+              var alignMapping = {
+                0: 'left',
+                1: 'center',
+                2: 'right'
+              };
+              restProps.align = alignMapping[extra.scell_alignment];
+              restProps.headerAlign = alignMapping[extra.sheading_alignment];
+            }
+            return (0, _objectSpread2.default)({
               uid: id,
-              field: detail[id].field,
-              align: alignMapping[extraAttr.scell_alignment],
-              headerAlign: alignMapping[extraAttr.sheading_alignment]
-            };
+              field: detail[id].field
+            }, restProps);
           }), 'uid');
           if (!(0, _lodash.isEqual)(_fields, defaultValue)) {
             onChange(_fields);
@@ -113,34 +131,6 @@ var FieldsSetting = function FieldsSetting(_ref) {
       return _fieldData._type === 'divider' ? _fieldData : (0, _lodash.pick)(_fieldData, _PICK_KEYS_);
     }));
   });
-  var _useRequest2 = (0, _ahooks.useRequest)(_apiUrl.fetchUpdateFieldAttrs, {
-      manual: true
-    }),
-    runUpdateFieldAttrs = _useRequest2.runAsync;
-  var _useDebounceFn = (0, _ahooks.useDebounceFn)(function (field, value) {
-      var _pageinfo$relationshi = pageinfo.relationship,
-        moduleId = _pageinfo$relationshi.moduleId,
-        dataModelKey = _pageinfo$relationshi.dataModelKey;
-      runUpdateFieldAttrs({
-        dataModelKey: dataModelKey,
-        datasetBusinessUids: [field.uid],
-        fieldAliasName: value,
-        moduleDatasetUid: datasetUid,
-        moduleUid: moduleId,
-        scope: 'FIELD_ALIAS_NAME',
-        uid: field.uid
-      }).then(function () {
-        if (component === 'table') {
-          var gridApi = ctx.componentMap.get(nodeId).api.self.ref.current.gridApi;
-          var col = gridApi.columnApi.getColumn(field.field);
-          col.colDef.headerName = value;
-          gridApi.api.refreshHeader();
-        }
-      });
-    }, {
-      wait: 500
-    }),
-    run = _useDebounceFn.run;
   var handleSortChange = (0, _ahooks.useMemoizedFn)(function (sortItems, fromIndex, toIndex) {
     dispatch({
       type: 'sort',
@@ -162,9 +152,19 @@ var FieldsSetting = function FieldsSetting(_ref) {
         data: {
           fieldAliasName: value
         }
+      },
+      callback: function callback(newFields) {
+        if (component === 'table') {
+          setTimeout(function () {
+            var gridApi = ctx.componentMap.get(nodeId).api.self.ref.current.gridApi;
+            var col = gridApi.columnApi.getColumn(field.field);
+            col.colDef.headerName = value;
+            gridApi.api.refreshHeader();
+          });
+        }
+        handleChange(newFields);
       }
     });
-    run(field, value);
   });
   var handleFieldCheckChange = (0, _ahooks.useMemoizedFn)(function (e) {
     var _e$target = e.target,
@@ -176,6 +176,15 @@ var FieldsSetting = function FieldsSetting(_ref) {
       remove(data.uid, data);
     }
   });
+  var handleFieldCheckAll = (0, _ahooks.useMemoizedFn)(function (e) {
+    if (e.target.checked) {
+      setAll(fields.map(function (_field) {
+        return [_field.uid, _field];
+      }));
+    } else {
+      reset();
+    }
+  });
   var handleBatchSetting = (0, _ahooks.useMemoizedFn)(function () {
     setDrawerType('batch');
   });
@@ -189,7 +198,7 @@ var FieldsSetting = function FieldsSetting(_ref) {
           uid: groupId,
           id: groupId,
           field: 'divider',
-          fieldAliasName: 'Group',
+          fieldName: 'Group',
           _type: 'divider'
         }
       },
@@ -231,10 +240,18 @@ var FieldsSetting = function FieldsSetting(_ref) {
   });
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_antd.Spin, {
     spinning: loading
-  }, /*#__PURE__*/_react.default.createElement(Header, null, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement(Header, null, /*#__PURE__*/_react.default.createElement(_antd.Checkbox, {
+    style: {
+      marginLeft: 20
+    },
+    disabled: drawerType === 'batch',
+    checked: checkAll,
+    indeterminate: checkedFields.size > 0 && checkedFields.size !== fields.length,
+    onChange: handleFieldCheckAll
+  }), /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      width: 116,
-      paddingLeft: 40
+      width: 80,
+      paddingLeft: 4
     }
   }, (0, _utils.formatMessage)({
     id: "".concat(_I18N_PREFIX_, ".field"),
@@ -275,6 +292,7 @@ var FieldsSetting = function FieldsSetting(_ref) {
       left: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, field._type !== 'divider' ? /*#__PURE__*/_react.default.createElement(_antd.Checkbox, {
         disabled: drawerType === 'batch',
         data: field,
+        checked: !!get(field.uid),
         onChange: handleFieldCheckChange
       }) : null, /*#__PURE__*/_react.default.createElement(FieldKey, {
         tooltip: true,
@@ -317,8 +335,8 @@ var FieldsSetting = function FieldsSetting(_ref) {
     dispatch: dispatch,
     nodeId: nodeId,
     fieldData: fieldData,
-    dataModelKey: pageinfo.relationship.dataModelKey,
-    moduleId: pageinfo.relationship.moduleId,
+    dataModelKey: (0, _helper.getLDMetaAttr)('dataModelKey'),
+    moduleId: (0, _helper.getLDMetaAttr)('moduleId'),
     datasetId: datasetUid,
     component: component,
     onAliasChange: handleAliasChange,
@@ -327,8 +345,8 @@ var FieldsSetting = function FieldsSetting(_ref) {
     dispatch: dispatch,
     nodeId: nodeId,
     fieldsData: checkedFields,
-    dataModelKey: pageinfo.relationship.dataModelKey,
-    moduleId: pageinfo.relationship.moduleId,
+    dataModelKey: (0, _helper.getLDMetaAttr)('dataModelKey'),
+    moduleId: (0, _helper.getLDMetaAttr)('moduleId'),
     datasetId: datasetUid,
     component: component,
     onChange: handleChange

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

@@ -19,7 +19,8 @@ var I18nInput = function I18nInput(_ref) {
   return /*#__PURE__*/_react.default.createElement(_antd.Input, {
     defaultValue: defaultValue,
     onChange: function onChange(e) {
-      return run(e.target.value);
+      var _e$target$value;
+      return run((_e$target$value = e.target.value) === null || _e$target$value === void 0 ? void 0 : _e$target$value.trim());
     },
     size: size
   });

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

@@ -10,29 +10,29 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 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元素。
+/**
+ * 一个简单的图标选择器组件，展示了一个图标并允许用户点击选择。
+ * 该组件使用了`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元素。
  */
 function _default(_ref) {
   var defaultValue = _ref.defaultValue,

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

@@ -17,22 +17,22 @@ 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,