@luck-design-biz/luckda 1.0.2-13 → 1.0.2-15

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

@@ -0,0 +1,137 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useState } from 'react';
+import { getCreateHistoryOptions } from 'umi';
+import { useRequest, useMemoizedFn } from 'ahooks';
+import { TreeSelect, Tooltip, Button } from 'luck-design/antd';
+import styled from 'styled-components';
+import { reduce } from 'lodash';
+import { formatMessage } from '@luck-design-biz/base/utils';
+import { useGet, modifyNode, getSelfAndParent } from "../../engine/provider/ContextProvider";
+import { fetchMenuTree } from "../../constants/api-url";
+import { getLDMetaAttr, dataToTree } from "../../engine/tools/helper";
+import { LC_BUILDIN_UNIT_KEY } from "../../constants";
+var Wrapper = styled.div.withConfig({
+  displayName: "Wrapper",
+  componentId: "luckda-6530__sc-r11awc-0"
+})(["width:100%;display:flex;align-items:center;"]);
+var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.proxy-linker';
+var ProxyLinker = function ProxyLinker(_ref) {
+  var nodeId = _ref.nodeId,
+    defaultValue = _ref.defaultValue,
+    onChange = _ref.onChange;
+  var _proxyCode = useGet({
+    id: nodeId,
+    path: 'props.proxyCode'
+  }) || defaultValue;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    menuTree = _useState2[0],
+    setMenuTree = _useState2[1];
+  var _useRequest = useRequest(function () {
+      return fetchMenuTree({
+        dataModelKey: getLDMetaAttr('dataModelKey'),
+        menuType: 'SITE'
+      });
+    }, {
+      onSuccess: function onSuccess(_ref2) {
+        var code = _ref2.code,
+          list = _ref2.list,
+          detail = _ref2.detail;
+        if (code === 1) {
+          var data = reduce(list, function (res, _id) {
+            var _item = detail[_id];
+            if (_item.accessType === -1 || _item.accessType === 0 && _item.moduleCode) {
+              var isLeaf = _item.accessType === 0;
+              res.push({
+                id: _id,
+                parentId: _item.parentId,
+                key: _item.moduleCode,
+                value: _item.moduleCode,
+                title: isLeaf ? "".concat(_item.name, "(").concat(_item.code, ")") : _item.name,
+                disabled: !isLeaf
+              });
+            }
+            return res;
+          }, []);
+          setMenuTree(dataToTree(data));
+        }
+      }
+    }),
+    loading = _useRequest.loading,
+    refresh = _useRequest.refresh;
+  var handleAddMenu = useMemoizedFn(function () {
+    var _getCreateHistoryOpti = getCreateHistoryOptions(),
+      basename = _getCreateHistoryOpti.basename;
+    var url = "".concat(basename === '/' ? '' : basename, "/ccm-dev/page-set/").concat(getLDMetaAttr('dataModelKey'), "?activeKey=menuManage");
+    window.open(url, '_blank');
+  });
+  var handleEditPage = useMemoizedFn(function () {
+    var _getCreateHistoryOpti2 = getCreateHistoryOptions(),
+      basename = _getCreateHistoryOpti2.basename;
+    var url = "".concat(basename === '/' ? '' : basename, "/ccm-dev/page-set/").concat(getLDMetaAttr('dataModelKey'), "?activeKey=pageDesign&code=").concat(_proxyCode, "&mode=edit");
+    window.open(url, '_blank');
+  });
+  var handleSelect = useMemoizedFn(function (val) {
+    onChange(val);
+    var _getSelfAndParent = getSelfAndParent(LC_BUILDIN_UNIT_KEY.PAGE_ROOT),
+      pageRoot = _getSelfAndParent.node;
+    modifyNode(LC_BUILDIN_UNIT_KEY.PAGE_ROOT, {
+      proxy: _objectSpread(_objectSpread({}, pageRoot.props.proxy), {}, _defineProperty({}, nodeId, val))
+    });
+  });
+  return /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(TreeSelect, {
+    showSearch: true,
+    style: {
+      width: 136
+    },
+    size: "small",
+    treeData: menuTree,
+    value: _proxyCode,
+    treeNodeFilterProp: "title",
+    getPopupContainer: function getPopupContainer() {
+      return document.getElementById('lc-design-workspace');
+    },
+    onSelect: handleSelect
+  }), /*#__PURE__*/React.createElement(Tooltip, {
+    title: formatMessage({
+      id: "".concat(_I18N_PREFIX_, ".add"),
+      label: '新建页面'
+    })
+  }, /*#__PURE__*/React.createElement(Button, {
+    size: "small",
+    icon: "plus",
+    style: {
+      marginLeft: 4
+    },
+    onClick: handleAddMenu
+  })), /*#__PURE__*/React.createElement(Tooltip, {
+    title: formatMessage({
+      id: "".concat(_I18N_PREFIX_, ".edit"),
+      label: '编辑页面'
+    })
+  }, /*#__PURE__*/React.createElement(Button, {
+    size: "small",
+    icon: "edit",
+    style: {
+      marginLeft: 4
+    },
+    disabled: !_proxyCode,
+    onClick: handleEditPage
+  })), /*#__PURE__*/React.createElement(Tooltip, {
+    title: formatMessage({
+      id: "".concat(_I18N_PREFIX_, ".sync"),
+      label: '同步数据'
+    })
+  }, /*#__PURE__*/React.createElement(Button, {
+    size: "small",
+    icon: "cloud-sync",
+    style: {
+      marginLeft: 4
+    },
+    loading: loading,
+    onClick: refresh
+  })));
+};
+export default ProxyLinker;

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

@@ -0,0 +1,28 @@
+import React from 'react';
+import { Button } from 'luck-design/antd';
+import { useGet } from "../../engine/provider/ContextProvider";
+import { formatMessage } from '@luck-design-biz/base/utils';
+var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.proxy-params';
+export default function (_ref) {
+  var nodeId = _ref.nodeId,
+    defaultValue = _ref.defaultValue,
+    next = _ref.next;
+  var value = useGet({
+    id: nodeId,
+    path: 'props.proxyParams'
+  }) || defaultValue;
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      padding: '0 12px'
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    block: true,
+    size: "small",
+    onClick: function onClick() {
+      return next();
+    }
+  }, formatMessage({
+    id: _I18N_PREFIX_,
+    label: '页面参数配置'
+  }), "(", (value === null || value === void 0 ? void 0 : value.length) || 0, ")"));
+}

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

@@ -0,0 +1,240 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { useRef, useEffect } from 'react';
+import { useMap, useMemoizedFn } from 'ahooks';
+import { Button, Collapse, Icon, Form, Input, Select, InputNumber, Switch } from 'luck-design/antd';
+import styled from 'styled-components';
+import { formatMessage, suid } from '@luck-design-biz/base/utils';
+var SmallForm = styled(Form).withConfig({
+  displayName: "SmallForm",
+  componentId: "luckda-6530__sc-1aq87r3-0"
+})(["font-size:12px;padding-top:8px;.ant-form-item{font-size:12px;margin-bottom:8px;.ant-form-item-label,.ant-form-item-control{height:24px;line-height:24px !important;}.ant-form-item-control.has-error{height:36px;.ant-form-explain{font-size:12px;}}label{font-size:12px;}}"]);
+var SmallCollapse = styled(Collapse).withConfig({
+  displayName: "SmallCollapse",
+  componentId: "luckda-6530__sc-1aq87r3-1"
+})(["font-size:12px;margin-bottom:8px;& > .ant-collapse-item > .ant-collapse-header{padding:4px 8px 4px 36px;}.ant-collapse-content > .ant-collapse-content-box{padding:4px 8px;}"]);
+var ButtonWrapper = styled.div.withConfig({
+  displayName: "ButtonWrapper",
+  componentId: "luckda-6530__sc-1aq87r3-2"
+})(["display:grid;grid-template-columns:1fr 1fr;gap:8px;"]);
+var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.proxy-params-setter';
+var _OPTIONS_ = [{
+  label: formatMessage({
+    id: "".concat(_I18N_PREFIX_, ".param-origin.state"),
+    label: '页面全局状态'
+  }),
+  value: 'state'
+}, {
+  label: formatMessage({
+    id: "".concat(_I18N_PREFIX_, ".param-origin.global"),
+    label: '页面全局变量'
+  }),
+  value: 'global'
+}, {
+  label: formatMessage({
+    id: "".concat(_I18N_PREFIX_, ".param-origin.url"),
+    label: '页面URL参数'
+  }),
+  value: 'url'
+}, {
+  label: formatMessage({
+    id: "".concat(_I18N_PREFIX_, ".param-origin.string"),
+    label: '字符串常量'
+  }),
+  value: 'string'
+}, {
+  label: formatMessage({
+    id: "".concat(_I18N_PREFIX_, ".param-origin.num"),
+    label: '数字常量'
+  }),
+  value: 'num'
+}, {
+  label: formatMessage({
+    id: "".concat(_I18N_PREFIX_, ".param-origin.bool"),
+    label: '布尔常量'
+  }),
+  value: 'bool'
+}];
+var ParamForm = Form.create({
+  name: 'param_form',
+  onValuesChange: function onValuesChange(props, _, allValues) {
+    props.onChange(props.id, allValues);
+  }
+})(function (_ref) {
+  var form = _ref.form,
+    getForm = _ref.getForm,
+    defaultValue = _ref.defaultValue;
+  useEffect(function () {
+    getForm(form);
+  }, []);
+  var formItemCol = {
+    labelCol: {
+      span: 8
+    },
+    wrapperCol: {
+      span: 16
+    }
+  };
+  return /*#__PURE__*/React.createElement(SmallForm, {
+    hideRequiredMark: true,
+    layout: "horizontal"
+  }, /*#__PURE__*/React.createElement(Form.Item, _extends({
+    label: formatMessage({
+      id: "".concat(_I18N_PREFIX_, ".param-name"),
+      label: '参数名称'
+    })
+  }, formItemCol), form.getFieldDecorator('name', {
+    initialValue: defaultValue.name,
+    rules: [{
+      required: true,
+      message: formatMessage({
+        id: "".concat(_I18N_PREFIX_, ".warn.param-name"),
+        label: '请输入参数名称'
+      })
+    }]
+  })( /*#__PURE__*/React.createElement(Input, {
+    size: "small"
+  }))), /*#__PURE__*/React.createElement(Form.Item, _extends({
+    label: formatMessage({
+      id: "".concat(_I18N_PREFIX_, ".param-origin"),
+      label: '参数来源'
+    })
+  }, formItemCol), form.getFieldDecorator('origin', {
+    initialValue: defaultValue.origin || 'state'
+  })( /*#__PURE__*/React.createElement(Select, {
+    size: "small"
+  }, _OPTIONS_.map(function (item) {
+    return /*#__PURE__*/React.createElement(Select.Option, {
+      key: item.value,
+      value: item.value
+    }, item.label);
+  })))), ['state', 'global', 'url', 'string'].includes(form.getFieldValue('origin')) && /*#__PURE__*/React.createElement(Form.Item, _extends({
+    label: formatMessage({
+      id: "".concat(_I18N_PREFIX_, ".param-value"),
+      label: '值或变量名'
+    })
+  }, formItemCol), form.getFieldDecorator('value', {
+    initialValue: defaultValue.value,
+    rules: [{
+      required: true,
+      message: formatMessage({
+        id: "".concat(_I18N_PREFIX_, ".warn.param-value"),
+        label: '请输入参数值或变量名'
+      })
+    }]
+  })( /*#__PURE__*/React.createElement(Input, {
+    size: "small"
+  }))), form.getFieldValue('origin') === 'num' && /*#__PURE__*/React.createElement(Form.Item, _extends({
+    label: formatMessage({
+      id: "".concat(_I18N_PREFIX_, ".param-value"),
+      label: '值或变量名'
+    })
+  }, formItemCol), form.getFieldDecorator('value', {
+    initialValue: defaultValue.value || 0
+  })( /*#__PURE__*/React.createElement(InputNumber, {
+    size: "small"
+  }))), form.getFieldValue('origin') === 'bool' && /*#__PURE__*/React.createElement(Form.Item, _extends({
+    label: formatMessage({
+      id: "".concat(_I18N_PREFIX_, ".param-value"),
+      label: '值或变量名'
+    })
+  }, formItemCol), form.getFieldDecorator('value', {
+    initialValue: defaultValue.value || false,
+    valuePropName: 'checked'
+  })( /*#__PURE__*/React.createElement(Switch, {
+    size: "small"
+  }))));
+});
+var ProxyParamsSetter = function ProxyParamsSetter(_ref2) {
+  var defaultValue = _ref2.defaultValue,
+    onChange = _ref2.onChange;
+  var formsRef = useRef([]);
+  var _useMap = useMap(defaultValue.map(function (item) {
+      return [item.id, item];
+    })),
+    _useMap2 = _slicedToArray(_useMap, 2),
+    map = _useMap2[0],
+    _useMap2$ = _useMap2[1],
+    set = _useMap2$.set,
+    remove = _useMap2$.remove;
+  var handleAdd = useMemoizedFn(function () {
+    var _id = suid();
+    set(_id, {
+      id: _id,
+      origin: 'state'
+    });
+  });
+  var handleSave = useMemoizedFn(function () {
+    var isValid = true;
+    formsRef.current.some(function (_form) {
+      _form.validateFields(function (err, val) {
+        isValid = !err;
+      });
+      return !isValid;
+    });
+    if (!isValid) return;
+    onChange(Array.from(map).map(function (_ref3) {
+      var _ref4 = _slicedToArray(_ref3, 2),
+        id = _ref4[0],
+        item = _ref4[1];
+      return _objectSpread(_objectSpread({}, item), {}, {
+        id: id
+      });
+    }));
+  });
+  var handleChange = useMemoizedFn(function (id, val) {
+    set(id, val);
+  });
+  var handleDelete = useMemoizedFn(function (id, index) {
+    formsRef.current = [];
+    remove(id);
+  });
+  return /*#__PURE__*/React.createElement("div", null, Array.from(map).map(function (_ref5, index) {
+    var _ref6 = _slicedToArray(_ref5, 2),
+      id = _ref6[0],
+      item = _ref6[1];
+    return /*#__PURE__*/React.createElement(SmallCollapse, {
+      key: id,
+      activeKey: "panel"
+    }, /*#__PURE__*/React.createElement(Collapse.Panel, {
+      header: "".concat(formatMessage({
+        id: "".concat(_I18N_PREFIX_, ".param"),
+        label: "\u9875\u9762\u53C2\u6570"
+      })).concat(index + 1),
+      key: "panel",
+      extra: /*#__PURE__*/React.createElement(Icon, {
+        type: "minus-circle",
+        style: {
+          color: 'var(--luck-color-danger)'
+        },
+        onClick: function onClick() {
+          return handleDelete(id);
+        }
+      })
+    }, /*#__PURE__*/React.createElement(ParamForm, {
+      id: id,
+      defaultValue: item,
+      getForm: function getForm(_form) {
+        return formsRef.current[index] = _form;
+      },
+      onChange: handleChange
+    })));
+  }), /*#__PURE__*/React.createElement(ButtonWrapper, null, /*#__PURE__*/React.createElement(Button, {
+    size: "small",
+    block: true,
+    onClick: handleAdd
+  }, formatMessage({
+    id: "".concat(_I18N_PREFIX_, ".add"),
+    label: '添加参数'
+  })), /*#__PURE__*/React.createElement(Button, {
+    size: "small",
+    block: true,
+    type: "primary",
+    onClick: handleSave
+  }, formatMessage({
+    id: "".concat(_I18N_PREFIX_, ".save"),
+    label: '保存并返回'
+  }))));
+};
+export default ProxyParamsSetter;

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

@@ -9,8 +9,8 @@ import HighLightPanel from "./HighLightPanel";
 import HightLightSvg from "./HightLightSvg";
 var textRelatedStyles = ['background-color'];
 
-/**
- * 背景设置控件
+/**
+ * 背景设置控件
  */
 export default function () {
   return /*#__PURE__*/React.createElement(HighLightPanel, {

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

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

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

@@ -11,8 +11,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);
 
-/**
- * 圆角样式设置控件
+/**
+ * 圆角样式设置控件
  */
 export default function () {
   return /*#__PURE__*/React.createElement(HighLightPanel, {

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

@@ -2,8 +2,8 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useState } from 'react';
 import styles from "../../style/border-radius-selector.less";
 
-/**
- * 圆角设置组件
+/**
+ * 圆角设置组件
  */
 export default function (_ref) {
   var onChange = _ref.onChange;

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

@@ -2,8 +2,8 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useState } from 'react';
 import styles from "../../style/border-selector.less";
 
-/**
- * 边框选择组件
+/**
+ * 边框选择组件
  */
 export default function (_ref) {
   var onChange = _ref.onChange;

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

@@ -8,8 +8,8 @@ import { useStyle, useStyleDispatch } from "./StyleContext";
 import HighLightPanel from "./HighLightPanel";
 var textRelatedStyles = ['display', 'flex-direction', 'align-items', 'justify-content'];
 
-/**
- * 显示样式设置控件
+/**
+ * 显示样式设置控件
  */
 export default function (_ref) {
   var label = _ref.label;

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

@@ -10,8 +10,8 @@ import HighLightPanel from "./HighLightPanel";
 var Option = Select.Option;
 var textRelatedStyles = ['font-weight', 'font-style', 'color', 'font-size', 'line-height', 'text-align', 'text-decoration'];
 
-/**
- * 文字设置组件
+/**
+ * 文字设置组件
  */
 export default function () {
   var style = useStyle();

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

@@ -12,8 +12,8 @@ import Size from "./Size";
 import HightLightSvg from "./HightLightSvg";
 var Option = Select.Option;
 
-/**
- * 文字详细编辑组件
+/**
+ * 文字详细编辑组件
  */
 export default function () {
   var _style$fontWeight;

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

@@ -4,8 +4,8 @@ import { useStyle, useStyleDispatch } from "./StyleContext";
 import { Select } from 'luck-design/antd';
 var Option = Select.Option;
 
-/**
- * 间距选择组件
+/**
+ * 间距选择组件
  */
 export default function (_ref) {
   var _style$field;

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

@@ -5,8 +5,8 @@ import React from 'react';
 import PanelItem from "../../components/PanelItem";
 import HighLigthtSpan from "./HighLigthtSpan";
 
-/**
- * 标签自动高亮控件
+/**
+ * 标签自动高亮控件
  */
 export default function (_ref) {
   var children = _ref.children,

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

@@ -5,8 +5,8 @@ import React from 'react';
 import { useStyle, isModified } from "./StyleContext";
 import panelStyles from "../../style/style-panel.less";
 
-/**
- * 标签自动高亮控件
+/**
+ * 标签自动高亮控件
  */
 export default function (_ref) {
   var children = _ref.children,

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

@@ -5,8 +5,8 @@ import React from 'react';
 import { useStyle, isModified } from "./StyleContext";
 import panelStyles from "../../style/style-panel.less";
 
-/**
- * 标签自动高亮SVG
+/**
+ * 标签自动高亮SVG
  */
 export default function (_ref) {
   var children = _ref.children,

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

@@ -20,8 +20,8 @@ import Opacity from "./Opacity";
 import Pointer from "./Pointer";
 import { LuckModal } from 'luck-design';
 
-/**
- * 主样式面板
+/**
+ * 主样式面板
  */
 var MainPanel = function MainPanel() {
   var style = useStyle(true);

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

@@ -15,8 +15,8 @@ export default function () {
   }));
 }
 
-/**
- * 边距样式设置组件
+/**
+ * 边距样式设置组件
  */
 var MarginGroup = function MarginGroup() {
   var style = useStyle();

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

@@ -6,8 +6,8 @@ import { isNil } from 'lodash';
 import HighLightPanel from "./HighLightPanel";
 var field = 'opacity';
 
-/**
- * 透明度设置组件
+/**
+ * 透明度设置组件
  */
 export default function () {
   var style = useStyle();

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

@@ -6,8 +6,8 @@ import HighLightPanel from "./HighLightPanel";
 var textRelatedStyles = ['padding', 'padding-top', 'padding-right', 'padding-bottom', 'padding-left'];
 var field = 'padding';
 
-/**
- * 间距样式设置组件
+/**
+ * 间距样式设置组件
  */
 export default function () {
   var style = useStyle();

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

@@ -5,8 +5,8 @@ import { Select } from 'luck-design/antd';
 import HighLightPanel from "./HighLightPanel";
 var Option = Select.Option;
 var field = 'cursor';
-/**
- * 指针样式设置组件
+/**
+ * 指针样式设置组件
  */
 export default function () {
   var _style$field;

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

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

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

@@ -5,8 +5,8 @@ import React from 'react';
 import { useStyle, useStyleDispatch } from "./StyleContext";
 import NumberInput from "../../components/NumberInput";
 
-/**
- * Size设置通用组件
+/**
+ * Size设置通用组件
  */
 export default function (_ref) {
   var field = _ref.field,

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

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

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

@@ -4,8 +4,8 @@ var _excluded = ["children"];
 import React from 'react';
 import panelStyles from "../../style/style-panel.less";
 
-/**
- * 样式行通用组件
+/**
+ * 样式行通用组件
  */
 export default function (_ref) {
   var children = _ref.children,

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

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