@luck-design-biz/luckda 0.0.25-12 → 0.0.25-13

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"));
@@ -89,9 +90,11 @@ var DataSetSelector = function DataSetSelector(_ref) {
               onChange(_ds, function (exe) {
                 var dsFields = res.data.dataSets[value];
                 exe(fieldsKey, dsFields.map(function (f) {
-                  var _extra = JSON.parse(f.extra || '{}');
-                  var restProps = {};
+                  var restProps = {
+                    fieldAliasName: f.fieldAliasName
+                  };
                   if (['table', 'tableForm'].includes(component)) {
+                    var _extra = JSON.parse(f.extra || '{}');
                     var alignMapping = {
                       0: 'left',
                       1: 'center',
@@ -100,10 +103,10 @@ var DataSetSelector = function DataSetSelector(_ref) {
                     restProps.align = alignMapping[_extra.scell_alignment];
                     restProps.headerAlign = alignMapping[_extra.sheading_alignment];
                   }
-                  return {
+                  return (0, _objectSpread2.default)({
                     uid: f.uid,
                     field: f.field
-                  };
+                  }, restProps);
                 }));
               });
               setCurrentDataset(_ds);

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

@@ -1,12 +1,11 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
@@ -24,9 +23,8 @@ var _BatchSetting = _interopRequireDefault(require("../components/field-setting/
 var _apiUrl = require("../../constants/api-url");
 var _helper = require("../../engine/tools/helper");
 var _fieldsSetting = _interopRequireDefault(require("../style/fields-setting.less"));
-var _excluded = ["fieldAliasName"];
 var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.fieldsSetting';
-var _PICK_KEYS_ = ['id', 'uid', 'field', 'width', 'align', 'headerAlign', 'pinned', 'tip', 'col', 'row', 'note', 'placeholder', 'aliasName'];
+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"
@@ -97,9 +95,11 @@ var FieldsSetting = function FieldsSetting(_ref) {
             return ret;
           }, []), list.map(function (id) {
             var _fieldData = detail[id];
-            var extra = JSON.parse(_fieldData.extra || '{}');
-            var restProps = {};
+            var restProps = {
+              fieldAliasName: _fieldData.fieldAliasName
+            };
             if (['table', 'tableForm'].includes(component)) {
+              var extra = JSON.parse(_fieldData.extra || '{}');
               var alignMapping = {
                 0: 'left',
                 1: 'center',
@@ -131,46 +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 _getLDMetaAttr = (0, _helper.getLDMetaAttr)(['moduleId', 'dataModelKey']),
-        _getLDMetaAttr2 = (0, _slicedToArray2.default)(_getLDMetaAttr, 2),
-        moduleId = _getLDMetaAttr2[0],
-        dataModelKey = _getLDMetaAttr2[1];
-      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();
-        } else if (['form', 'tableForm'].includes(component)) {
-          handleChange((0, _lodash.reduce)(fields, function (ret, _ref4) {
-            var fieldAliasName = _ref4.fieldAliasName,
-              _field = (0, _objectWithoutProperties2.default)(_ref4, _excluded);
-            if (fieldAliasName) {
-              ret.push((0, _objectSpread2.default)({
-                aliasName: fieldAliasName
-              }, _field));
-            }
-            return ret;
-          }, []));
-        }
-      });
-    }, {
-      wait: 500
-    }),
-    run = _useDebounceFn.run;
   var handleSortChange = (0, _ahooks.useMemoizedFn)(function (sortItems, fromIndex, toIndex) {
     dispatch({
       type: 'sort',
@@ -192,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,
@@ -228,7 +198,7 @@ var FieldsSetting = function FieldsSetting(_ref) {
           uid: groupId,
           id: groupId,
           field: 'divider',
-          fieldAliasName: 'Group',
+          fieldName: 'Group',
           _type: 'divider'
         }
       },
@@ -295,8 +265,8 @@ var FieldsSetting = function FieldsSetting(_ref) {
     id: "".concat(_I18N_PREFIX_, ".title"),
     label: '标题'
   }))), /*#__PURE__*/_react.default.createElement(_SortBox.SortBox, {
-    datas: fields.map(function (_ref5) {
-      var uid = _ref5.uid;
+    datas: fields.map(function (_ref4) {
+      var uid = _ref4.uid;
       return uid;
     }),
     onChange: handleSortChange

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,

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,

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;

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

@@ -9,8 +9,8 @@ exports.default = _default;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _borderSelector = _interopRequireDefault(require("../../style/border-selector.less"));
-/**
- * 边框选择组件
+/**
+ * 边框选择组件
  */
 function _default(_ref) {
   var onChange = _ref.onChange;

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

@@ -15,8 +15,8 @@ var _StyleContext = require("./StyleContext");
 var _HighLightPanel = _interopRequireDefault(require("./HighLightPanel"));
 var textRelatedStyles = ['display', 'flex-direction', 'align-items', 'justify-content'];
 
-/**
- * 显示样式设置控件
+/**
+ * 显示样式设置控件
  */
 function _default(_ref) {
   var label = _ref.label;

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

@@ -18,8 +18,8 @@ var _HighLightPanel = _interopRequireDefault(require("./HighLightPanel"));
 var Option = _antd.Select.Option;
 var textRelatedStyles = ['font-weight', 'font-style', 'color', 'font-size', 'line-height', 'text-align', 'text-decoration'];
 
-/**
- * 文字设置组件
+/**
+ * 文字设置组件
  */
 function _default() {
   var style = (0, _StyleContext.useStyle)();

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

@@ -18,8 +18,8 @@ var _Size = _interopRequireDefault(require("./Size"));
 var _HightLightSvg = _interopRequireDefault(require("./HightLightSvg"));
 var Option = _antd.Select.Option;
 
-/**
- * 文字详细编辑组件
+/**
+ * 文字详细编辑组件
  */
 function _default() {
   var _style$fontWeight;

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

@@ -11,8 +11,8 @@ var _StyleContext = require("./StyleContext");
 var _antd = require("luck-design/antd");
 var Option = _antd.Select.Option;
 
-/**
- * 间距选择组件
+/**
+ * 间距选择组件
  */
 function _default(_ref) {
   var _style$field;

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

@@ -11,8 +11,8 @@ var _react = _interopRequireDefault(require("react"));
 var _PanelItem = _interopRequireDefault(require("../../components/PanelItem"));
 var _HighLigthtSpan = _interopRequireDefault(require("./HighLigthtSpan"));
 var _excluded = ["children", "label", "highLightFields", "customStyle"];
-/**
- * 标签自动高亮控件
+/**
+ * 标签自动高亮控件
  */
 function _default(_ref) {
   var children = _ref.children,

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

@@ -11,8 +11,8 @@ var _react = _interopRequireDefault(require("react"));
 var _StyleContext = require("./StyleContext");
 var _stylePanel = _interopRequireDefault(require("../../style/style-panel.less"));
 var _excluded = ["children", "highLightFields", "customStyle"];
-/**
- * 标签自动高亮控件
+/**
+ * 标签自动高亮控件
  */
 function _default(_ref) {
   var children = _ref.children,

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

@@ -11,8 +11,8 @@ var _react = _interopRequireDefault(require("react"));
 var _StyleContext = require("./StyleContext");
 var _stylePanel = _interopRequireDefault(require("../../style/style-panel.less"));
 var _excluded = ["children", "field", "label", "highLightFields"];
-/**
- * 标签自动高亮SVG
+/**
+ * 标签自动高亮SVG
  */
 function _default(_ref) {
   var children = _ref.children,

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

@@ -26,8 +26,8 @@ var _BorderRadius = _interopRequireDefault(require("./BorderRadius"));
 var _Shadow = _interopRequireDefault(require("./Shadow"));
 var _Opacity = _interopRequireDefault(require("./Opacity"));
 var _Pointer = _interopRequireDefault(require("./Pointer"));
-/**
- * 主样式面板
+/**
+ * 主样式面板
  */
 var MainPanel = function MainPanel() {
   var style = (0, _StyleContext.useStyle)();

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

@@ -22,8 +22,8 @@ function _default() {
   }));
 }
 
-/**
- * 边距样式设置组件
+/**
+ * 边距样式设置组件
  */
 var MarginGroup = function MarginGroup() {
   var style = (0, _StyleContext.useStyle)();

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

@@ -13,8 +13,8 @@ var _lodash = require("lodash");
 var _HighLightPanel = _interopRequireDefault(require("./HighLightPanel"));
 var field = 'opacity';
 
-/**
- * 透明度设置组件
+/**
+ * 透明度设置组件
  */
 function _default() {
   var style = (0, _StyleContext.useStyle)();

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

@@ -13,8 +13,8 @@ var _HighLightPanel = _interopRequireDefault(require("./HighLightPanel"));
 var textRelatedStyles = ['padding', 'padding-top', 'padding-right', 'padding-bottom', 'padding-left'];
 var field = 'padding';
 
-/**
- * 间距样式设置组件
+/**
+ * 间距样式设置组件
  */
 function _default() {
   var style = (0, _StyleContext.useStyle)();

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

@@ -12,8 +12,8 @@ var _antd = require("luck-design/antd");
 var _HighLightPanel = _interopRequireDefault(require("./HighLightPanel"));
 var Option = _antd.Select.Option;
 var field = 'cursor';
-/**
- * 指针样式设置组件
+/**
+ * 指针样式设置组件
  */
 function _default() {
   var _style$field;

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

@@ -28,8 +28,8 @@ var presetsShadowStyle = [{
   value: 'rgba(31, 56, 88, 0.2) 1px 1px 4px 0px'
 }];
 
-/**
- * 阴影样式设置组件
+/**
+ * 阴影样式设置组件
  */
 function _default() {
   var style = (0, _StyleContext.useStyle)();

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

@@ -11,8 +11,8 @@ var _react = _interopRequireDefault(require("react"));
 var _StyleContext = require("./StyleContext");
 var _NumberInput = _interopRequireDefault(require("../../components/NumberInput"));
 var _excluded = ["field", "onChange", "placeholder", "customValue", "customOption"];
-/**
- * Size设置通用组件
+/**
+ * Size设置通用组件
  */
 function _default(_ref) {
   var field = _ref.field,

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

@@ -22,8 +22,8 @@ var StyleContext = /*#__PURE__*/(0, _react.createContext)(null);
 var StyleDispatchContext = /*#__PURE__*/(0, _react.createContext)(null);
 var EditorContext = /*#__PURE__*/(0, _react.createContext)(null);
 
-/**
- * 样式上下文组件
+/**
+ * 样式上下文组件
  */
 function StyleProvider(_ref) {
   var onChange = _ref.onChange,

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

@@ -10,8 +10,8 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireDefault(require("react"));
 var _stylePanel = _interopRequireDefault(require("../../style/style-panel.less"));
 var _excluded = ["children"];
-/**
- * 样式行通用组件
+/**
+ * 样式行通用组件
  */
 function _default(_ref) {
   var children = _ref.children,

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

@@ -23,8 +23,8 @@ var options = [{
   value: 'auto'
 }];
 
-/**
- * 宽高设置控件
+/**
+ * 宽高设置控件
  */
 function _default(_ref) {
   var field = _ref.field,

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

@@ -9,21 +9,21 @@ var _react = _interopRequireDefault(require("react"));
 var _ContextProvider = require("../../../engine/provider/ContextProvider");
 var _StyleContext = require("./StyleContext");
 var _MainPanel = _interopRequireDefault(require("./MainPanel"));
-/**
- * StylePanel 组件是一个 React 组件，用于提供样式设置主面板。
- * 该组件通过 StyleProvider 将样式变更和当前样式值传递给其子组件。
- *
- * @component
- * @example
- * const handleChange = (newValue) => console.log(newValue);
- * const initialValue = "dark";
- * <StylePanel onChange={handleChange} value={initialValue} />
- *
- * @param {Object} props - 组件的属性。
- * @param {Function} props.onChange - 当样式变更时调用的函数，该函数接受新的样式值作为参数。
- * @param {any} props.value - 样式字符串
- *
- * @returns {ReactElement} 返回一个 React 元素，其中包含了 StyleProvider 和 MainPanel 组件。
+/**
+ * StylePanel 组件是一个 React 组件，用于提供样式设置主面板。
+ * 该组件通过 StyleProvider 将样式变更和当前样式值传递给其子组件。
+ *
+ * @component
+ * @example
+ * const handleChange = (newValue) => console.log(newValue);
+ * const initialValue = "dark";
+ * <StylePanel onChange={handleChange} value={initialValue} />
+ *
+ * @param {Object} props - 组件的属性。
+ * @param {Function} props.onChange - 当样式变更时调用的函数，该函数接受新的样式值作为参数。
+ * @param {any} props.value - 样式字符串
+ *
+ * @returns {ReactElement} 返回一个 React 元素，其中包含了 StyleProvider 和 MainPanel 组件。
  */
 var StylePanel = function StylePanel(_ref) {
   var onChange = _ref.onChange,