@luck-design-biz/luckda 1.0.1 → 1.0.2-2

package/es/lowcode/painter/components/code-editor/JsonEditor.js

@@ -4,31 +4,31 @@ var _excluded = ["children"];
 import React, { forwardRef } from 'react';
 import BaseEditor from "./BaseEditor";
 
-/**
- * JsonEditor 组件是一个专门用于编辑 CSS 代码的 React 组件，它基于 BaseEditor 组件构建。
- * 该组件通过将 language 属性固定设置为 "css"，确保编辑器环境专门用于 CSS 代码编辑。
- * 用户可以传入 CSS 代码作为 children，并通过其他 props 控制 BaseEditor 提供的额外功能。
- *
- * @component
- * @example
- * const handleCssChange = (newCss, event) => {
- *   console.log('CSS changed: ', newCss);
- * };
- * <JsonEditor
- *   onChange={handleCssChange}
- *   isFullscreen={false}
- *   width="600px"
- *   height="400px"
- * >
- *   {`body { margin: 0; font-family: Arial, sans-serif; }`}
- * </JsonEditor>
- *
- * @param {Object} props - 组件的属性。
- * @param {React.ReactNode} children - 子组件，通常是编辑器的初始 CSS 代码。
- * @param {Object} rest - 传递给 BaseEditor 组件的其他属性。
- * @param {React.Ref} ref - React ref 引用，用于外部组件调用编辑器实例的方法。
- *
- * @returns {ReactElement} 返回一个 React 元素，该元素内部是一个专门用于 CSS 编辑的 BaseEditor 组件实例。
+/**
+ * JsonEditor 组件是一个专门用于编辑 CSS 代码的 React 组件，它基于 BaseEditor 组件构建。
+ * 该组件通过将 language 属性固定设置为 "css"，确保编辑器环境专门用于 CSS 代码编辑。
+ * 用户可以传入 CSS 代码作为 children，并通过其他 props 控制 BaseEditor 提供的额外功能。
+ *
+ * @component
+ * @example
+ * const handleCssChange = (newCss, event) => {
+ *   console.log('CSS changed: ', newCss);
+ * };
+ * <JsonEditor
+ *   onChange={handleCssChange}
+ *   isFullscreen={false}
+ *   width="600px"
+ *   height="400px"
+ * >
+ *   {`body { margin: 0; font-family: Arial, sans-serif; }`}
+ * </JsonEditor>
+ *
+ * @param {Object} props - 组件的属性。
+ * @param {React.ReactNode} children - 子组件，通常是编辑器的初始 CSS 代码。
+ * @param {Object} rest - 传递给 BaseEditor 组件的其他属性。
+ * @param {React.Ref} ref - React ref 引用，用于外部组件调用编辑器实例的方法。
+ *
+ * @returns {ReactElement} 返回一个 React 元素，该元素内部是一个专门用于 CSS 编辑的 BaseEditor 组件实例。
  */
 var JsonEditor = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,

package/es/lowcode/painter/components/field-setting/FieldAttrs.js

@@ -28,8 +28,8 @@ var LeftBox = styled.div.withConfig({
 var Option = styled.div.withConfig({
   displayName: "Option",
   componentId: "luckda-6530__sc-rwt684-3"
-})(["width:100%;height:32px;cursor:pointer;line-height:32px;padding:0 8px;display:flex;justify-content:space-between;align-items:center;", " &:hover{background-color:#e8e8e8;}"], function (props) {
-  return props.actived ? 'background-color: #e8e8e8;' : void 0;
+})(["width:100%;height:32px;cursor:pointer;line-height:32px;padding:0 8px;display:flex;justify-content:space-between;align-items:center;", " &:hover{background-color:var(--ant-border-color-base,#e8e8e8);}"], function (props) {
+  return props.actived ? 'background-color: var(--ant-border-color-base, #e8e8e8);' : void 0;
 });
 var RightBox = styled.div.withConfig({
   displayName: "RightBox",

package/es/lowcode/painter/components/field-setting/SettingUI.js

@@ -5,7 +5,7 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useState } from 'react';
 import { useRequest, useMemoizedFn, useCreation } from 'ahooks';
-import { Spin, Input, Segmented, Switch, Tooltip, Icon, Radio, Modal } from 'luck-design/antd';
+import { Spin, Input, Segmented, Switch, Checkbox, Tooltip, Icon, Radio, Modal } from 'luck-design/antd';
 import styled from 'styled-components';
 import { isArray, keyBy, isNil, groupBy } from 'lodash';
 import { formatMessage } from '@luck-design-biz/base/utils';
@@ -58,6 +58,19 @@ var _PINNED_OPTIONS_ = [{
   }),
   value: 'right'
 }];
+var _FORM_MODE_OPTIONS_ = [{
+  label: formatMessage({
+    id: "".concat(_I18N_PREFIX_, ".formMode.single"),
+    label: '单行'
+  }),
+  value: 'single'
+}, {
+  label: formatMessage({
+    id: "".concat(_I18N_PREFIX_, ".formMode.bulk"),
+    label: '批量'
+  }),
+  value: 'bulk'
+}];
 var _TRUE_FALSE_ = ['__TRUE__', '__FALSE__'];
 var CoderWrapper = styled.div.withConfig({
   displayName: "CoderWrapper",
@@ -71,6 +84,10 @@ var StyledRadio = styled(Radio.Group).withConfig({
   displayName: "StyledRadio",
   componentId: "luckda-6530__sc-1n41f3z-2"
 })(["span.ant-radio + *{padding-left:4px;padding-right:4px;}"]);
+var StyledCheckbox = styled(Checkbox.Group).withConfig({
+  displayName: "StyledCheckbox",
+  componentId: "luckda-6530__sc-1n41f3z-3"
+})([".ant-checkbox-wrapper{font-size:12px;}"]);
 var _DEFAULT_RENDER_CODE = "function render(value, data, rowIndex, params) { \n  return value;\n}";
 var SettingUI = function SettingUI(_ref) {
   var loading = _ref.loading,
@@ -317,7 +334,18 @@ var SettingUI = function SettingUI(_ref) {
     onChange: function onChange(val) {
       return run('tip', val);
     }
-  }))), component === 'form' && /*#__PURE__*/React.createElement(PanelItem, {
+  }))), component === 'tableForm' && /*#__PURE__*/React.createElement(PanelItem, {
+    label: formatMessage({
+      id: "".concat(_I18N_PREFIX_, ".formMode"),
+      label: '修改方式'
+    })
+  }, /*#__PURE__*/React.createElement(StyledCheckbox, {
+    options: _FORM_MODE_OPTIONS_,
+    defaultValue: fieldData.formMode ? [fieldData.formMode] : ['single', 'bulk'],
+    onChange: function onChange(val) {
+      return run('formMode', val);
+    }
+  })), component === 'form' && /*#__PURE__*/React.createElement(PanelItem, {
     label: formatMessage({
       id: "".concat(_I18N_PREFIX_, ".fieldColumn"),
       label: '占列数'

package/es/lowcode/painter/components/field-setting/index.js

@@ -224,7 +224,7 @@ var FieldSetting = function FieldSetting(_ref) {
               moduleUid: moduleId
             }, val ? 'uniqueFieldUid' : 'noUniqueFieldUid', fieldData.uid));
           case 3:
-            _context.next = 34;
+            _context.next = 38;
             break;
           case 5:
             if (!(key === 'align' || key === 'headerAlign' || key === 'pinned' || key === 'tip' || key === 'render')) {
@@ -232,22 +232,36 @@ var FieldSetting = function FieldSetting(_ref) {
               break;
             }
             handleUIChange(key, val);
-            _context.next = 34;
+            _context.next = 38;
             break;
           case 9:
-            if (!(key === 'col' || key === 'row')) {
+            if (!(key === 'formMode')) {
               _context.next = 13;
               break;
             }
-            handleUIChange(key, val);
-            _context.next = 34;
+            if (val.includes('single') && !val.includes('bulk')) {
+              handleUIChange(key, 'single');
+            } else if (!val.includes('single') && val.includes('bulk')) {
+              handleUIChange(key, 'bulk');
+            } else {
+              handleUIChange(key, void 0);
+            }
+            _context.next = 38;
             break;
           case 13:
+            if (!(key === 'col' || key === 'row')) {
+              _context.next = 17;
+              break;
+            }
+            handleUIChange(key, val);
+            _context.next = 38;
+            break;
+          case 17:
             if (!(key === 'delRule')) {
-              _context.next = 21;
+              _context.next = 25;
               break;
             }
-            _context.next = 16;
+            _context.next = 20;
             return fetchDelAttrs({
               moduleDatasetUid: fieldData.datasetFieldUid,
               ccmModuleFieldVerifies: [{
@@ -255,11 +269,11 @@ var FieldSetting = function FieldSetting(_ref) {
               }],
               scope: FIELD_SCOPES.CHECK_RULES
             });
-          case 16:
+          case 20:
             _yield$fetchDelAttrs = _context.sent;
             code = _yield$fetchDelAttrs.code;
             return _context.abrupt("return", code === 1);
-          case 21:
+          case 25:
             mapping = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, FIELD_SCOPES.FIELD_REQUIRED, {
               key: 'fieldRequired',
               refresh: requiredRefresh
@@ -295,15 +309,15 @@ var FieldSetting = function FieldSetting(_ref) {
             if (!_stateItem) {
               d.datasetBusinessUids = [fieldData.uid];
             }
-            _context.next = 31;
+            _context.next = 35;
             return request(d);
-          case 31:
+          case 35:
             _yield$request = _context.sent;
             _code = _yield$request.code;
             if (_code === 1) {
               mapping[key].refresh();
             }
-          case 34:
+          case 38:
           case "end":
             return _context.stop();
         }

package/es/lowcode/painter/expect.js

@@ -0,0 +1,27 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import React from 'react';
+import { Empty } from 'luck-design/antd';
+import { formatMessage } from '@luck-design-biz/base/utils';
+var Expect = function Expect(_ref) {
+  var style = _ref.style;
+  return /*#__PURE__*/React.createElement("div", {
+    style: _objectSpread({
+      height: '100%',
+      width: '100%',
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center'
+    }, style)
+  }, /*#__PURE__*/React.createElement(Empty, {
+    image: require("./svg/expect.svg"),
+    imageStyle: {
+      height: '101px',
+      width: '129px'
+    },
+    description: formatMessage({
+      id: 'luckda.lowcode.painter.I18n.empty',
+      label: '敬请期待'
+    })
+  }));
+};
+export default Expect;

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

@@ -1,10 +1,12 @@
 import React, { useRef } from 'react';
 import { useMemoizedFn } from 'ahooks';
-import { Input, Segmented } from 'luck-design/antd';
+import { Input, Segmented, Popover } from 'luck-design/antd';
 import { cloneDeep } from 'lodash';
 import { PopForm, PopFormItem, PopFormItemLeft, PopFormItemRight } from "../../components/PopForm";
 import SerialsSelector from "../SerialsSelector";
 import { formatMessage } from '@luck-design-biz/base/utils';
+import IconChoice from "../Icon";
+import IconSelector from "../IconSelector";
 var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.actionEditor';
 var _SERIAL_EFFECT_OPTIONS_ = [{
   label: formatMessage({
@@ -48,6 +50,8 @@ var ActionEditor = function ActionEditor(_ref) {
   var action = _ref.action,
     onChange = _ref.onChange,
     suppressName = _ref.suppressName,
+    _ref$suppressIcon = _ref.suppressIcon,
+    suppressIcon = _ref$suppressIcon === void 0 ? true : _ref$suppressIcon,
     suppressRiskLevel = _ref.suppressRiskLevel;
   var valueRef = useRef(cloneDeep(action));
   var handleChange = useMemoizedFn(function (field, value) {
@@ -67,7 +71,21 @@ var ActionEditor = function ActionEditor(_ref) {
       id: "".concat(_I18N_PREFIX_, ".name.placeholder"),
       label: '请输入行为名称'
     })
-  }))), /*#__PURE__*/React.createElement(PopFormItem, null, /*#__PURE__*/React.createElement(PopFormItemLeft, null, formatMessage({
+  }))), !suppressIcon && /*#__PURE__*/React.createElement(PopFormItem, null, /*#__PURE__*/React.createElement(PopFormItemLeft, null, formatMessage({
+    id: "".concat(_I18N_PREFIX_, ".icon"),
+    label: '图标'
+  })), /*#__PURE__*/React.createElement(PopFormItemRight, null, /*#__PURE__*/React.createElement(Popover, {
+    placement: "left",
+    content: /*#__PURE__*/React.createElement(IconSelector, {
+      value: action.icon,
+      onChange: function onChange(value) {
+        return handleChange('icon', value);
+      }
+    }),
+    trigger: "click"
+  }, /*#__PURE__*/React.createElement(IconChoice, {
+    value: action.icon
+  })))), /*#__PURE__*/React.createElement(PopFormItem, null, /*#__PURE__*/React.createElement(PopFormItemLeft, null, formatMessage({
     id: "".concat(_I18N_PREFIX_, ".serial"),
     label: '资源串'
   })), /*#__PURE__*/React.createElement(PopFormItemRight, null, /*#__PURE__*/React.createElement(SerialsSelector, {

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

@@ -12,6 +12,7 @@ import PopConfirm from "../../components/PopConfirm";
 import ActionBindModal from "../../components/ActionBindModal";
 import { formatMessage, suid } from '@luck-design-biz/base/utils';
 import { listReducer } from "../../../engine/tools/helper";
+import IconFont from "../../../../components/IconFont";
 import styles from "../../style/actions-editor.less";
 var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.actionsEditor';
 var _DISPLAY_OPTIONS_ = [{
@@ -32,6 +33,8 @@ var ActionsEditor = function ActionsEditor(_ref) {
     defaultValue = _ref.defaultValue,
     onChange = _ref.onChange,
     suppressDisplay = _ref.suppressDisplay,
+    _ref$suppressIcon = _ref.suppressIcon,
+    suppressIcon = _ref$suppressIcon === void 0 ? true : _ref$suppressIcon,
     suppressMax = _ref.suppressMax,
     suppressMore = _ref.suppressMore,
     defaultCode = _ref.defaultCode;
@@ -53,7 +56,8 @@ var ActionsEditor = function ActionsEditor(_ref) {
         serial: void 0,
         serialEffect: 'hidden',
         riskLevel: 'default',
-        actionPool: []
+        actionPool: [],
+        icon: suppressIcon ? null : 'iconyingyongguanli'
       },
       callback: function callback(newActions) {
         valueRef.current.todoList = newActions;
@@ -110,7 +114,8 @@ var ActionsEditor = function ActionsEditor(_ref) {
         action: action,
         onChange: function onChange(value) {
           return handleValueChange('action', value);
-        }
+        },
+        suppressIcon: suppressIcon
       })
     }, /*#__PURE__*/React.createElement(Icon, {
       type: "edit",
@@ -207,11 +212,21 @@ var ActionsEditor = function ActionsEditor(_ref) {
     }),
     handleAdd: handleAdd
   }, todoList.map(function (action) {
+    var _action$icon;
     return /*#__PURE__*/React.createElement(SortItem, {
       key: action.id,
       id: action.id
     }, /*#__PURE__*/React.createElement(ListEditorItem, {
-      left: /*#__PURE__*/React.createElement("span", null, action.name),
+      left: /*#__PURE__*/React.createElement("p", {
+        style: {
+          margin: 0
+        }
+      }, suppressIcon ? null : /*#__PURE__*/React.createElement(IconFont, {
+        type: (_action$icon = action.icon) !== null && _action$icon !== void 0 ? _action$icon : 'iconyingyongguanli',
+        style: {
+          marginRight: '4px'
+        }
+      }), /*#__PURE__*/React.createElement("span", null, action.name)),
       right: renderItemRight(action),
       item: action,
       dispatch: dispatch

package/es/lowcode/painter/panel-section/ComplexPop.js

@@ -18,7 +18,7 @@ var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.complexPop';
 var DividerSpan = styled.span.withConfig({
   displayName: "DividerSpan",
   componentId: "luckda-6530__sc-lmsle1-0"
-})(["font-size:12px;color:var(--luck-text-color);"]);
+})(["font-size:12px;color:@text-color;"]);
 var FieldKey = styled.div.withConfig({
   displayName: "FieldKey",
   componentId: "luckda-6530__sc-lmsle1-1"

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

@@ -9,6 +9,7 @@ import { Select, Button, Tooltip } from 'luck-design/antd';
 import { useRemoteSource } from "../../engine/provider/ContextProvider";
 import { fetchAddDataset } from "../../constants/api-url";
 import { getLDMetaAttr } from "../../engine/tools/helper";
+import { formatMessage } from '@luck-design-biz/base/utils';
 var Div = styled.div.withConfig({
   displayName: "Div",
   componentId: "luckda-6530__sc-onj9tc-0"
@@ -139,7 +140,12 @@ var DataSetSelector = function DataSetSelector(_ref) {
     }, /*#__PURE__*/React.createElement(Tooltip, {
       title: opt.name
     }, opt.name));
-  })), /*#__PURE__*/React.createElement(Button, {
+  })), /*#__PURE__*/React.createElement(Tooltip, {
+    title: formatMessage({
+      id: 'luckda.lowcode.painter.dateSetSelector.setting',
+      label: '配置字段'
+    })
+  }, /*#__PURE__*/React.createElement(Button, {
     size: size,
     icon: "setting",
     style: {
@@ -154,7 +160,12 @@ var DataSetSelector = function DataSetSelector(_ref) {
         component: component
       });
     }
-  }), /*#__PURE__*/React.createElement(Button, {
+  })), /*#__PURE__*/React.createElement(Tooltip, {
+    title: formatMessage({
+      id: 'luckda.lowcode.painter.dateSetSelector.sync',
+      label: '同步数据'
+    })
+  }, /*#__PURE__*/React.createElement(Button, {
     size: size,
     icon: "cloud-sync",
     loading: fetchAllDatasetLoading,
@@ -162,6 +173,6 @@ var DataSetSelector = function DataSetSelector(_ref) {
       marginLeft: 4
     },
     onClick: refreshDataset
-  }));
+  })));
 };
 export default DataSetSelector;

package/es/lowcode/painter/panel-section/FieldState.js

@@ -1,4 +1,5 @@
-import React, { useRef } from 'react';
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useRef, useState } from 'react';
 import { useMemoizedFn } from 'ahooks';
 import { Segmented, Icon } from 'luck-design/antd';
 import styled from 'styled-components';
@@ -27,11 +28,18 @@ var FieldState = function FieldState(_ref) {
   var defaultValue = _ref.defaultValue,
     onChange = _ref.onChange;
   var editorRef = useRef();
+  var _useState = useState((defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.code) || _DEFAULT_FUNC_),
+    _useState2 = _slicedToArray(_useState, 2),
+    editorValue = _useState2[0],
+    setEditorValue = _useState2[1];
   var handleChange = useMemoizedFn(function (key, val) {
     var retVal = defaultValue || {};
     retVal[key] = val;
     onChange(retVal);
   });
+  var handleEditorLayoutChange = useMemoizedFn(function (code) {
+    setEditorValue(code);
+  });
   return /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(Segmented, {
     style: {
       width: '90%'
@@ -46,9 +54,10 @@ var FieldState = function FieldState(_ref) {
     title: /*#__PURE__*/React.createElement(FullScreenEditor, {
       ref: editorRef,
       EditorComponent: JSEditor,
+      onLayoutChange: handleEditorLayoutChange,
       width: "600px",
       height: "400px"
-    }, (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.code) || _DEFAULT_FUNC_),
+    }, editorValue),
     showBtn: true,
     onConfirm: function onConfirm() {
       var val = editorRef.current.editor.getValue();

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

@@ -16,7 +16,7 @@ import { fetchFieldsByDataset } from "../../constants/api-url";
 import { listReducer, getLDMetaAttr } from "../../engine/tools/helper";
 import styles from "../style/fields-setting.less";
 var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.fieldsSetting';
-var _PICK_KEYS_ = ['id', 'uid', 'field', 'width', 'align', 'headerAlign', 'pinned', 'tip', 'render', 'col', 'row', 'note', 'placeholder', 'fieldAliasName', 'complexConfig'];
+var _PICK_KEYS_ = ['id', 'uid', 'field', 'width', 'align', 'headerAlign', 'pinned', 'tip', 'render', 'col', 'row', 'note', 'placeholder', 'fieldAliasName', 'complexConfig', 'formMode'];
 var Header = styled.div.withConfig({
   displayName: "Header",
   componentId: "luckda-6530__sc-gcwvp1-0"
@@ -197,7 +197,7 @@ var FieldsSetting = function FieldsSetting(_ref) {
         data: {
           uid: groupId,
           id: groupId,
-          field: 'divider',
+          field: groupId,
           fieldName: 'Group',
           _type: 'divider'
         }

package/es/lowcode/painter/panel-section/GroupClassSelector.js

@@ -0,0 +1,55 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useState } from 'react';
+import { useAsyncEffect } from 'ahooks';
+import { Select } from 'luck-design/antd';
+import { readAllClass } from '@luck-design-biz/base/lib/sys/services';
+var GroupClassSelector = function GroupClassSelector(_ref) {
+  var defaultValue = _ref.defaultValue,
+    _onChange = _ref.onChange;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    options = _useState2[0],
+    setOptions = _useState2[1];
+  useAsyncEffect( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var _yield$readAllClass, code, list, detail, data;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.next = 2;
+          return readAllClass();
+        case 2:
+          _yield$readAllClass = _context.sent;
+          code = _yield$readAllClass.code;
+          list = _yield$readAllClass.list;
+          detail = _yield$readAllClass.detail;
+          if (code === 1) {
+            data = list.map(function (id) {
+              return {
+                key: detail[id].skey,
+                label: detail[id].sname
+              };
+            });
+            setOptions(data);
+          }
+        case 7:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })), []);
+  return /*#__PURE__*/React.createElement(Select, {
+    defaultValue: defaultValue,
+    onChange: function onChange(val) {
+      return _onChange(val);
+    },
+    size: "small"
+  }, options.map(function (item) {
+    return /*#__PURE__*/React.createElement(Select.Option, {
+      key: item.key,
+      value: item.key
+    }, item.label);
+  }));
+};
+export default GroupClassSelector;

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

@@ -2,29 +2,29 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useState, useLayoutEffect } from 'react';
 import styles from "../style/icon.less";
 import IconFont from "../../../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元素。
  */
 export default function (_ref) {
   var defaultValue = _ref.defaultValue,

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

@@ -10,22 +10,22 @@ import { formatMessage } from '@luck-design-biz/base/utils';
 import { ICONLIST_URL, ICONLIST_JS } from "../../constants/api-url";
 var Search = 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 当图标被选中时触发的回调函数，接受选中图标的信息作为参数
  */
 export default function (_ref) {
   var onChange = _ref.onChange,

package/es/lowcode/painter/panel-section/LayoutRatio.js

@@ -8,27 +8,27 @@ import PanelItem from "../components/PanelItem";
 var _RATIOS_ = ['12', '6:6', '3:9', '9:3', '4:4:4', '3:6:3', '3:3:3:3', '2:2:2:2:2:2'];
 var _DEFAULTRATIO_ = '12:3:9';
 
-/**
- * `LayoutRatio`组件提供了一个布局比例选择器，允许用户选择或输入特定的比例配置。
- * 支持的比例配置包括预定义的比例数组`_RATIOS_`，用户还可以通过输入框自定义比例，
- * 自定义比例需要符合一定的规则：是数字或数字与冒号的组合，且数字之和必须等于12。
- * ，
- * 允许父组件获取当前选中的布局比例。
- *
- * @component
- * @example
- * ```jsxsdsdsdsdsdsdsd
- * <LayoutRatio
- *   value="6:6"
- *   onChange={(option) => console.log(option)}
- * />
- * ```
- *
- * @param {Object} props
- * @param {string} [props.value='12'] 初始化时选中的布局比例，默认为"12"。
- * @param {Function} props.onChange 当用户选择一个新的布局比例时调用的回调函数。
- *
- * @returns {React.Element} 渲染的React元素。
+/**
+ * `LayoutRatio`组件提供了一个布局比例选择器，允许用户选择或输入特定的比例配置。
+ * 支持的比例配置包括预定义的比例数组`_RATIOS_`，用户还可以通过输入框自定义比例，
+ * 自定义比例需要符合一定的规则：是数字或数字与冒号的组合，且数字之和必须等于12。
+ * ，
+ * 允许父组件获取当前选中的布局比例。
+ *
+ * @component
+ * @example
+ * ```jsxsdsdsdsdsdsdsd
+ * <LayoutRatio
+ *   value="6:6"
+ *   onChange={(option) => console.log(option)}
+ * />
+ * ```
+ *
+ * @param {Object} props
+ * @param {string} [props.value='12'] 初始化时选中的布局比例，默认为"12"。
+ * @param {Function} props.onChange 当用户选择一个新的布局比例时调用的回调函数。
+ *
+ * @returns {React.Element} 渲染的React元素。
  */
 var LayoutRatio = function LayoutRatio(_ref) {
   var defaultValue = _ref.defaultValue,