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

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

@@ -6,159 +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 _helper = require("../../engine/tools/helper");
-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,
-    _ref$fieldsKey = _ref.fieldsKey,
-    fieldsKey = _ref$fieldsKey === void 0 ? 'fields' : _ref$fieldsKey,
-    component = _ref.component,
     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;
-  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, _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;
-            _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,
-              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 (exe) {
-                var dsFields = res.data.dataSets[value];
-                exe(fieldsKey, dsFields.map(function (f) {
-                  var _extra = JSON.parse(f.extra || '{}');
-                  var restProps = {};
-                  if (['table', 'tableForm'].includes(component)) {
-                    var alignMapping = {
-                      0: 'left',
-                      1: 'center',
-                      2: 'right'
-                    };
-                    restProps.align = alignMapping[_extra.scell_alignment];
-                    restProps.headerAlign = alignMapping[_extra.sheading_alignment];
-                  }
-                  return {
-                    uid: f.uid,
-                    field: f.field
-                  };
-                }));
-              });
-              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({
-        datasetUid: currentDataset.uid,
-        datasetCode: currentDataset.code,
-        valueKey: fieldsKey,
-        component: component
-      });
     }
-  }), /*#__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']

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

@@ -1,18 +1,16 @@
 "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 = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _ahooks = require("ahooks");
 var _antd = require("luck-design/antd");
 var _utils = require("@luck-design-biz/base/utils");
 var _lodash = require("lodash");
-var _ContextProvider = require("../../engine/provider/ContextProvider");
 var _impexp = _interopRequireDefault(require("../style/impexp.less"));
 var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.impexp';
 var ImpExp = function ImpExp(_ref) {
@@ -22,14 +20,6 @@ var ImpExp = function ImpExp(_ref) {
     _useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
     state = _useSetState2[0],
     setState = _useSetState2[1];
-  var _useRemoteSource = (0, _ContextProvider.useRemoteSource)(),
-    module = _useRemoteSource.module,
-    impTypeList = _useRemoteSource.impTypeList,
-    expTypeList = _useRemoteSource.expTypeList;
-  var _useState = (0, _react.useState)(true),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    exportDisabled = _useState2[0],
-    setExportDisabled = _useState2[1];
   (0, _ahooks.useUpdateEffect)(function () {
     onChange(state);
   }, [state]);
@@ -58,34 +48,6 @@ var ImpExp = function ImpExp(_ref) {
       });
     }
   });
-  var handleSwitchChangeExport = (0, _ahooks.useMemoizedFn)(function (field, e) {
-    var _value = field;
-    setState({
-      exportType: _value,
-      export: true
-    });
-  });
-  var handleSwitchChangeImport = (0, _ahooks.useMemoizedFn)(function (field, e) {
-    var _value = field;
-    setState({
-      importType: _value,
-      import: true
-    });
-  });
-  var handleSelectChangeExport = (0, _ahooks.useMemoizedFn)(function (value, _ref2) {
-    var key = _ref2.key;
-    var _value = value;
-    setState({
-      export: _value
-    });
-  });
-  var handleSelectChangeImport = (0, _ahooks.useMemoizedFn)(function (value, _ref3) {
-    var key = _ref3.key;
-    var _value = value;
-    setState({
-      import: _value
-    });
-  });
   return /*#__PURE__*/_react.default.createElement(_antd.Row, {
     gutter: [0, 8],
     className: _impexp.default['lc-painter-panel-section-impexp']
@@ -99,43 +61,17 @@ var ImpExp = function ImpExp(_ref) {
     id: 'luckda.lowcode.painter.import',
     label: '导入'
   }))), /*#__PURE__*/_react.default.createElement(_antd.Col, {
-    span: 14
-  }, !state.importType ? /*#__PURE__*/_react.default.createElement(_antd.Input, {
+    span: 18
+  }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
     size: "small",
     value: (0, _lodash.isString)(state.import) ? state.import : '',
     onChange: function onChange(e) {
       return handleInputChange('import', e);
     },
-    placeholder: "\u8BF7\u8F93\u5165\u6A21\u7248ID"
-  }) : /*#__PURE__*/_react.default.createElement(_antd.Select, {
-    size: "small",
-    style: {
-      width: '100%'
-    },
-    value: (0, _lodash.isString)(state.import) ? state.import : undefined,
-    onChange: handleSelectChangeImport,
     placeholder: (0, _utils.formatMessage)({
-      id: "".concat(_I18N_PREFIX_, ".impType.placeholder"),
-      label: '请选择自定义行为'
+      id: "".concat(_I18N_PREFIX_, ".impUrl.placeholder"),
+      label: '请输入模版ID或自定义接口'
     })
-  }, impTypeList.map(function (opt) {
-    return /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
-      key: opt.key,
-      value: opt.value
-    }, /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
-      title: opt.label
-    }, opt.label));
-  }))), /*#__PURE__*/_react.default.createElement(_antd.Col, {
-    span: 4,
-    style: {
-      textAlign: 'center'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_antd.Switch, {
-    size: "small",
-    defaultChecked: !!state.importType,
-    onChange: handleSwitchChangeImport,
-    checkedChildren: "\u884C\u4E3A",
-    unCheckedChildren: "\u6A21\u7248"
   })), /*#__PURE__*/_react.default.createElement(_antd.Col, {
     span: 6
   }, /*#__PURE__*/_react.default.createElement(_antd.Checkbox, {
@@ -146,39 +82,17 @@ var ImpExp = function ImpExp(_ref) {
     id: 'luckda.lowcode.painter.export',
     label: '导出'
   }))), /*#__PURE__*/_react.default.createElement(_antd.Col, {
-    span: 14
-  }, /*#__PURE__*/_react.default.createElement(_antd.Select, {
+    span: 18
+  }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
     size: "small",
-    style: {
-      width: '100%'
+    value: (0, _lodash.isString)(state.export) ? state.export : '',
+    onChange: function onChange(e) {
+      return handleInputChange('export', e);
     },
-    value: (0, _lodash.isString)(state.export) ? state.export : undefined,
-    onChange: handleSelectChangeExport,
     placeholder: (0, _utils.formatMessage)({
-      id: "".concat(_I18N_PREFIX_, ".expType.placeholder"),
-      label: '请选择自定义行为'
-    }),
-    disabled: !!exportDisabled
-  }, expTypeList === null || expTypeList === void 0 ? void 0 : expTypeList.map(function (opt) {
-    return /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
-      key: opt.key,
-      value: opt.value
-    }, /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
-      title: opt.label
-    }, opt.label));
-  }))), /*#__PURE__*/_react.default.createElement(_antd.Col, {
-    span: 4,
-    style: {
-      textAlign: 'center'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_antd.Switch, {
-    size: "small",
-    defaultChecked: false,
-    onChange: function onChange(val) {
-      setExportDisabled(!val);
-    },
-    checkedChildren: "\u884C\u4E3A",
-    unCheckedChildren: "\u9ED8\u8BA4"
+      id: "".concat(_I18N_PREFIX_, ".expUrl.placeholder"),
+      label: '请输入自定义接口'
+    })
   })));
 };
 var _default = exports.default = ImpExp;

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

@@ -18,8 +18,7 @@ var _JSEditor = function _JSEditor(_ref) {
   var defaultValue = _ref.defaultValue,
     defaultCode = _ref.defaultCode,
     onChange = _ref.onChange,
-    mustConfirm = _ref.mustConfirm,
-    children = _ref.children;
+    mustConfirm = _ref.mustConfirm;
   var editorRef = (0, _react.useRef)();
   var handleCodeChange = (0, _react.useRef)((0, _lodash.debounce)(function (code) {
     if (!mustConfirm) onChange(code);
@@ -42,7 +41,7 @@ var _JSEditor = function _JSEditor(_ref) {
     }),
     showBtn: mustConfirm,
     onConfirm: handleConfirm
-  }, children !== null && children !== void 0 ? children : /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     style: {
       padding: '0 16px'
     }

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

@@ -16,27 +16,27 @@ var _PanelItem = _interopRequireDefault(require("../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,
@@ -45,17 +45,18 @@ var LayoutRatio = function LayoutRatio(_ref) {
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     currentRatio = _useState2[0],
     setCurrentRatio = _useState2[1];
-  var handleInputChange = (0, _ahooks.useMemoizedFn)(function (_, value) {
+  var handleInputChange = function handleInputChange(_, value) {
     // console.log('value', value);
     // if (!value) value = _DEFAULTRATIO_;
     setCurrentRatio(value);
     onChange === null || onChange === void 0 || onChange(value);
-  });
-  var handGridClick = (0, _ahooks.useMemoizedFn)(function (selectedRadio) {
+  };
+  var handGridClick = function handGridClick(selectedRadio) {
     // console.log('selectedRadio', selectedRadio);
     setCurrentRatio(selectedRadio);
     onChange === null || onChange === void 0 || onChange(selectedRadio);
-  });
+  };
+
   // 定义验证规则
   var rules = [{
     func: function func(value) {
@@ -67,7 +68,7 @@ var LayoutRatio = function LayoutRatio(_ref) {
     },
     err: (0, _utils.formatMessage)({
       id: 'luckda.lowcode.painter.panel-section.Layoutratio.err',
-      label: '必须是数字或者数字加:号的组合'
+      label: '必须是数字或者数字加:号的组合，且数字之和必须等于12'
     })
   }];
   var _useCreation = (0, _ahooks.useCreation)(function () {

package/lib/lowcode/painter/panel-section/StylePanel/BackGround.js

@@ -16,8 +16,8 @@ var _HighLightPanel = _interopRequireDefault(require("./HighLightPanel"));
 var _HightLightSvg = _interopRequireDefault(require("./HightLightSvg"));
 var textRelatedStyles = ['background-color'];
 
-/**
- * 背景设置控件
+/**
+ * 背景设置控件
  */
 function _default() {
   return /*#__PURE__*/_react.default.createElement(_HighLightPanel.default, {

package/lib/lowcode/painter/panel-section/StylePanel/Border.js

@@ -25,8 +25,8 @@ var getPropName = function getPropName(str) {
   return str.split('-').pop();
 };
 
-/**
- * 边框样式设置控件
+/**
+ * 边框样式设置控件
  */
 function _default() {
   return /*#__PURE__*/_react.default.createElement(_HighLightPanel.default, {

package/lib/lowcode/painter/panel-section/StylePanel/BorderRadius.js

@@ -19,8 +19,8 @@ var borderMainProps = ['border-radius'];
 var borderSideProps = ['border-top-right-radius', 'border-top-left-radius', 'border-bottom-left-radius', 'border-bottom-right-radius'];
 var textRelatedStyles = [].concat(borderMainProps, borderSideProps);
 
-/**
- * 圆角样式设置控件
+/**
+ * 圆角样式设置控件
  */
 function _default() {
   return /*#__PURE__*/_react.default.createElement(_HighLightPanel.default, {

package/lib/lowcode/painter/panel-section/StylePanel/BorderRadiusSelector.js

@@ -9,8 +9,8 @@ exports.default = _default;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _borderRadiusSelector = _interopRequireDefault(require("../../style/border-radius-selector.less"));
-/**
- * 圆角设置组件
+/**
+ * 圆角设置组件
  */
 function _default(_ref) {
   var onChange = _ref.onChange;