@luck-design-biz/luckda 0.0.22 → 0.0.24-1

package/es/components/LdTree/index.less

@@ -1,36 +1,36 @@
-.tree {
-  .nodeTitle {
-    display: flex;
-    align-items: center;
-    width: 100%;
-
-    div {
-      flex: 1;
-      overflow-x: hidden;
-      white-space: nowrap;
-      text-overflow: ellipsis;
-    }
-    div.nodeTitleDisabled {
-      color: var(--luck-text-color-disabled);
-    }
-    div.nodeTitleDisabled:hover {
-      cursor: not-allowed;
-    }
-  }
-
-  :global {
-    .ant-tree-title {
-      width: 100%;
-    }
-  }
-}
-.classTreeOperates {
-  :global(.ant-popover-inner-content) {
-    padding: 0;
-  }
-  .rightMenu {
-    display: block;
-    padding: 4px 8px;
-    color: var(--luck-text-color-);
-  }
-}
+.tree {
+  .nodeTitle {
+    display: flex;
+    align-items: center;
+    width: 100%;
+
+    div {
+      flex: 1;
+      overflow-x: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+    div.nodeTitleDisabled {
+      color: var(--luck-text-color-disabled);
+    }
+    div.nodeTitleDisabled:hover {
+      cursor: not-allowed;
+    }
+  }
+
+  :global {
+    .ant-tree-title {
+      width: 100%;
+    }
+  }
+}
+.classTreeOperates {
+  :global(.ant-popover-inner-content) {
+    padding: 0;
+  }
+  .rightMenu {
+    display: block;
+    padding: 4px 8px;
+    color: var(--luck-text-color-);
+  }
+}

package/es/helper/FromItems.js

@@ -31,7 +31,7 @@ import { getDvaApp } from 'umi';
 import { BasicFormItem } from 'luck-design';
 import { TreeSelector, RegionFormItem } from '@luck-design-biz/base';
 import { DatadicDropDown, UserSelectDropDown as UserItem } from '@luck-design-biz/base/sys/dropdown';
-import buildUploadFormItem from '../upload/FormItem';
+import buildUploadFormItem from "../upload/FormItem";
 export var getNumberItem = function getNumberItem() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
     handleValueChange = _ref.handleValueChange,

package/es/helper/action.js

@@ -4,15 +4,15 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { Modal } from 'luck-design/antd';
 import { showPop, formatMessage } from '@luck-design-biz/base/utils';
 import { transform, isArray, startsWith, keyBy } from 'lodash';
-import { dataFormat, behaviorCall } from '../utils';
-import { defaultComName } from './form';
+import { dataFormat, behaviorCall } from "../utils";
+import { defaultComName } from "./form";
 
-/**
- * 提交行为
- * @param action 行为
- * @param data 数据
- * @param parmas 附件设置
- * @param moduleData 当前模块信息
+/**
+ * 提交行为
+ * @param action 行为
+ * @param data 数据
+ * @param parmas 附件设置
+ * @param moduleData 当前模块信息
  */
 export var doAction = function doAction(action) {
   var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};

package/es/helper/form.js

@@ -25,11 +25,11 @@ export var defaultComName = {
   file: 'upload'
 };
 
-/**
- * 动态表单配置项转译
- * @param {key string} keyStr
- * @param {label string} labelStr
- * @returns [{key,label}]
+/**
+ * 动态表单配置项转译
+ * @param {key string} keyStr
+ * @param {label string} labelStr
+ * @returns [{key,label}]
  */
 export var splitStrToObj = function splitStrToObj(keyStr, labelStr) {
   var keys = keyStr && keyStr.length > 0 ? keyStr.split(',') : undefined;
@@ -46,11 +46,11 @@ export var splitStrToObj = function splitStrToObj(keyStr, labelStr) {
   return undefined;
 };
 
-/**
- * 动态表单配置项转译
- * @param {动态表单配置项} props
- * @param {自定义动态表单配置项} customProps
- * @returns {name: '',...}
+/**
+ * 动态表单配置项转译
+ * @param {动态表单配置项} props
+ * @param {自定义动态表单配置项} customProps
+ * @returns {name: '',...}
  */
 export function translator() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
@@ -90,15 +90,15 @@ export function translator() {
   return _props;
 }
 
-/**
- * 删除自动移操作中的不可覆盖字段
- * @param props
- * @returns {{multiple}|*}
+/**
+ * 删除自动移操作中的不可覆盖字段
+ * @param props
+ * @returns {{multiple}|*}
  */
 export function formatCustomProps(props) {
   var _props$confiig;
-  if (props === null || props === void 0 ? void 0 : props.multiple) delete props.multiple;
-  if (props === null || props === void 0 ? void 0 : (_props$confiig = props.confiig) === null || _props$confiig === void 0 ? void 0 : _props$confiig.mode) delete props.confiig.mode;
+  if (props !== null && props !== void 0 && props.multiple) delete props.multiple;
+  if (props !== null && props !== void 0 && (_props$confiig = props.confiig) !== null && _props$confiig !== void 0 && _props$confiig.mode) delete props.confiig.mode;
   // alias、sclassKey?
   return props;
 }

package/es/helper/index.less

@@ -1,7 +1,7 @@
-.ldLabs{
-  :global{
-    .ant-tabs-bar{
-      margin: 0 0 4px 0;
-    }
-  }
-}
+.ldLabs{
+  :global{
+    .ant-tabs-bar{
+      margin: 0 0 4px 0;
+    }
+  }
+}

package/es/helper/ldBuilder.js

@@ -1,6 +1,6 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import React, { useContext } from 'react';
-import { LuckDaContext } from '../components/Builder';
+import { LuckDaContext } from "../components/Builder";
 import { formatMessage } from '@luck-design-biz/base/utils';
 var builder = function builder(wrapped) {
   var LdCom = function LdCom(props) {

package/es/helper/ldComBuild.js

@@ -5,9 +5,9 @@ var _excluded = ["className"];
 import React, { useContext, Fragment } from 'react';
 import { includes, intersectionWith } from 'lodash';
 import { ChildrenUtil } from '@luck-design-biz/base/utils';
-import { LuckDaContext } from '../components/Builder';
+import { LuckDaContext } from "../components/Builder";
 import classNames from 'classnames';
-import styles from './index.less';
+import styles from "./index.less";
 export var getResources = function getResources() {
   var _ref = useContext(LuckDaContext) || {},
     _ref$resources = _ref.resources,
@@ -19,7 +19,7 @@ export var ldComBuilder = function ldComBuilder(Com) {
     var _com$props;
     var resources = getResources();
     var com = /*#__PURE__*/React.createElement(Com, props);
-    return !(com === null || com === void 0 ? void 0 : (_com$props = com.props) === null || _com$props === void 0 ? void 0 : _com$props.resource) || includes(resources, com.props.resource) ? com : Fragment;
+    return !(com !== null && com !== void 0 && (_com$props = com.props) !== null && _com$props !== void 0 && _com$props.resource) || includes(resources, com.props.resource) ? com : Fragment;
   };
   return Component;
 };
@@ -40,7 +40,7 @@ export var deepFilterCom = function deepFilterCom(Com, childMark) {
     }));
     return ChildrenUtil.deepFilter(com, function (child) {
       var _child$props;
-      var data = !childMark(child) || !(child === null || child === void 0 ? void 0 : (_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.resource) || includes(resources, child.props.resource);
+      var data = !childMark(child) || !(child !== null && child !== void 0 && (_child$props = child.props) !== null && _child$props !== void 0 && _child$props.resource) || includes(resources, child.props.resource);
       return data;
     });
   };

package/es/index.js

@@ -1,9 +1,10 @@
-export { default as ldModuleBuild } from './components/Builder';
-export { default as LdTree } from './components/LdTree';
-export { default as LdGrid } from './components/LdGrid';
-export { default as LdFormList } from './components/LdFormList';
-export { default as buildLdAutoForm } from './components/LdAutoForm';
-export { default as buildLdGridForm } from './components/LdGridForm';
-export { default as LdInfoPanel } from './components/LdInfoPanel';
-export { default as LdCard } from './components/LdCard';
-export * from './components/LdCom';
+export { default as ldModuleBuild } from "./components/Builder";
+export { default as LdTree } from "./components/LdTree";
+export { default as LdGrid } from "./components/LdGrid";
+export { default as LdFormList } from "./components/LdFormList";
+export { default as buildLdAutoForm } from "./components/LdAutoForm";
+export { default as buildLdGridForm } from "./components/LdGridForm";
+export { default as LdInfoPanel } from "./components/LdInfoPanel";
+export { default as LdCard } from "./components/LdCard";
+export { default as LdRuntimeCom } from "./components/LdRuntimeCom";
+export * from "./components/LdCom";

package/es/lowcode/constants/api-url.js

@@ -0,0 +1,3 @@
+// icon地址
+export var ICONLIST_URL = '/public/icons/iconfont.json';
+export var ICONLIST_JS = '/public/icons/iconfont.js';

package/es/lowcode/constants/event-topics.js

@@ -0,0 +1,36 @@
+/******************************** 通用Topic开始 ********************************/
+
+// 组件的加载完成事件
+export var COMPONENT_MOUNT = 'component-mount';
+// 组件的卸载事件
+export var COMPONENT_UNMOUNT = 'component-unmount';
+// 模态视图层打开事件
+export var MODAL_OPEN = 'modal-open';
+// 模态视图层关闭事件
+export var MODAL_CLOSE = 'modal-close';
+
+/******************************** 通用Topic结束 ********************************/
+
+/******************************* Design Topic开始 *******************************/
+
+// 组件的hover事件
+export var COMPONENT_HOVER = 'component-hover';
+// 组件的激活事件
+export var COMPONENT_ACTIVE = 'component-active';
+// 组件设置的click事件
+export var COMPONENT_SETTING_CLICK = 'component-setting-click';
+// 组件的追加事件
+export var COMPONENT_APPEND = 'component-append';
+// 组件的删除事件
+export var COMPONENT_DELETE = 'component-delete';
+// 组件的修改事件
+export var COMPONENT_MODIFY = 'component-modify';
+
+/******************************* Design Topic结束 *******************************/
+
+/******************************** Live Topic开始 ********************************/
+
+/******************************** Live Topic结束 ********************************/
+
+// 国际化语言设置
+export var LANG_SETTING_SELECT = 'lang-setting-select';

package/es/lowcode/constants/index.js

@@ -0,0 +1,12 @@
+export var RUNTIME = {
+  LIVE: 'live',
+  DESIGN: 'design',
+  PREVIEW: 'preview'
+};
+export var CELL_CLASS_NAME = 'ld-lc-cell';
+export var CELL_KEY = {
+  PAGE_ROOT: 'page_root',
+  PAGE_HEADER: 'page_header',
+  PAGE_CONTENT: 'page_content',
+  PAGE_FOOTER: 'page_footer'
+};

package/es/lowcode/engine/factory/DataFactory.js

@@ -0,0 +1 @@
+{}

package/es/lowcode/engine/factory/panel-item-factory/DynamicStrategy.js

@@ -0,0 +1,60 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import { dynamic } from 'umi';
+import { trimStart } from 'lodash';
+import Strategy from "./Strategy";
+var _TYPE_ = 'dynamic';
+var DynamicStrategy = /*#__PURE__*/function (_Strategy) {
+  _inherits(DynamicStrategy, _Strategy);
+  var _super = _createSuper(DynamicStrategy);
+  function DynamicStrategy(factory) {
+    var _this;
+    _classCallCheck(this, DynamicStrategy);
+    _this = _super.call(this, _TYPE_);
+    factory.register(_TYPE_, _assertThisInitialized(_this));
+    return _this;
+  }
+  _createClass(DynamicStrategy, [{
+    key: "match",
+    value: function match(type) {
+      return type === _TYPE_;
+    }
+  }, {
+    key: "builder",
+    value: function builder(value) {
+      return dynamic({
+        loader: function () {
+          var _loader = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+            var name, _yield$import, _Comp;
+            return _regeneratorRuntime().wrap(function _callee$(_context) {
+              while (1) switch (_context.prev = _context.next) {
+                case 0:
+                  name = trimStart(value, '_');
+                  _context.next = 3;
+                  return import("../../../painter/panel-section/".concat(name));
+                case 3:
+                  _yield$import = _context.sent;
+                  _Comp = _yield$import.default;
+                  return _context.abrupt("return", _Comp);
+                case 6:
+                case "end":
+                  return _context.stop();
+              }
+            }, _callee);
+          }));
+          function loader() {
+            return _loader.apply(this, arguments);
+          }
+          return loader;
+        }()
+      });
+    }
+  }]);
+  return DynamicStrategy;
+}(Strategy);
+export { DynamicStrategy as default };

package/es/lowcode/engine/factory/panel-item-factory/GroupStrategy.js

@@ -0,0 +1,32 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import Strategy from "./Strategy";
+import Collapse from "../../../painter/components/Collapse";
+var _TYPE_ = 'group';
+var DynamicStrategy = /*#__PURE__*/function (_Strategy) {
+  _inherits(DynamicStrategy, _Strategy);
+  var _super = _createSuper(DynamicStrategy);
+  function DynamicStrategy(factory) {
+    var _this;
+    _classCallCheck(this, DynamicStrategy);
+    _this = _super.call(this, _TYPE_);
+    factory.register(_TYPE_, _assertThisInitialized(_this));
+    return _this;
+  }
+  _createClass(DynamicStrategy, [{
+    key: "match",
+    value: function match(type) {
+      return type === _TYPE_;
+    }
+  }, {
+    key: "builder",
+    value: function builder(value) {
+      return Collapse;
+    }
+  }]);
+  return DynamicStrategy;
+}(Strategy);
+export { DynamicStrategy as default };

package/es/lowcode/engine/factory/panel-item-factory/SegmentedStrategy.js

@@ -0,0 +1,32 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import { Segmented } from 'luck-design/antd';
+import Strategy from "./Strategy";
+var _TYPE_ = 'segmented';
+var SelectStrategy = /*#__PURE__*/function (_Strategy) {
+  _inherits(SelectStrategy, _Strategy);
+  var _super = _createSuper(SelectStrategy);
+  function SelectStrategy(factory) {
+    var _this;
+    _classCallCheck(this, SelectStrategy);
+    _this = _super.call(this, _TYPE_);
+    factory.register(_TYPE_, _assertThisInitialized(_this));
+    return _this;
+  }
+  _createClass(SelectStrategy, [{
+    key: "match",
+    value: function match(type) {
+      return type === _TYPE_;
+    }
+  }, {
+    key: "builder",
+    value: function builder() {
+      return Segmented;
+    }
+  }]);
+  return SelectStrategy;
+}(Strategy);
+export { SelectStrategy as default };

package/es/lowcode/engine/factory/panel-item-factory/SelectStrategy.js

@@ -0,0 +1,50 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["options", "onChange"];
+import { Select } from 'luck-design/antd';
+import Strategy from "./Strategy";
+var _TYPE_ = 'select';
+var SelectComp = function SelectComp(_ref) {
+  var options = _ref.options,
+    onChange = _ref.onChange,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Select, _extends({
+    onChange: onChange
+  }, props), options.map(function (_ref2) {
+    var value = _ref2.value,
+      label = _ref2.label;
+    return /*#__PURE__*/React.createElement(Select.Option, {
+      key: value,
+      value: value
+    }, label);
+  }));
+};
+var SelectStrategy = /*#__PURE__*/function (_Strategy) {
+  _inherits(SelectStrategy, _Strategy);
+  var _super = _createSuper(SelectStrategy);
+  function SelectStrategy(factory) {
+    var _this;
+    _classCallCheck(this, SelectStrategy);
+    _this = _super.call(this, _TYPE_);
+    factory.register(_TYPE_, _assertThisInitialized(_this));
+    return _this;
+  }
+  _createClass(SelectStrategy, [{
+    key: "match",
+    value: function match(type) {
+      return type === _TYPE_;
+    }
+  }, {
+    key: "builder",
+    value: function builder() {
+      return SelectComp;
+    }
+  }]);
+  return SelectStrategy;
+}(Strategy);
+export { SelectStrategy as default };

package/es/lowcode/engine/factory/panel-item-factory/Strategy.js

@@ -0,0 +1,21 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+var PanelItemStrategy = /*#__PURE__*/function () {
+  function PanelItemStrategy(type) {
+    _classCallCheck(this, PanelItemStrategy);
+    this.type = type;
+  }
+  _createClass(PanelItemStrategy, [{
+    key: "builder",
+    value: function builder(value) {
+      throw new Error('builder Function Not implemented');
+    }
+  }, {
+    key: "match",
+    value: function match(type) {
+      throw new Error('support Function Not implemented');
+    }
+  }]);
+  return PanelItemStrategy;
+}();
+export { PanelItemStrategy as default };

package/es/lowcode/engine/factory/panel-item-factory/StringStrategy.js

@@ -0,0 +1,50 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["options", "onChange"];
+import { useRef } from 'react';
+import { Input } from 'luck-design/antd';
+import { throttle } from 'lodash';
+import Strategy from "./Strategy";
+var _TYPE_ = 'string';
+var StringComp = function StringComp(_ref) {
+  var options = _ref.options,
+    onChange = _ref.onChange,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var handleChange = useRef(throttle(function (newValue) {
+    onChange(newValue);
+  }, 400));
+  return /*#__PURE__*/React.createElement(Input, _extends({
+    onChange: function onChange(e) {
+      return handleChange.current(e.target.value);
+    }
+  }, props));
+};
+var StringStrategy = /*#__PURE__*/function (_Strategy) {
+  _inherits(StringStrategy, _Strategy);
+  var _super = _createSuper(StringStrategy);
+  function StringStrategy(factory) {
+    var _this;
+    _classCallCheck(this, StringStrategy);
+    _this = _super.call(this, _TYPE_);
+    factory.register(_TYPE_, _assertThisInitialized(_this));
+    return _this;
+  }
+  _createClass(StringStrategy, [{
+    key: "match",
+    value: function match(type) {
+      return type === _TYPE_;
+    }
+  }, {
+    key: "builder",
+    value: function builder() {
+      return StringComp;
+    }
+  }]);
+  return StringStrategy;
+}(Strategy);
+export { StringStrategy as default };

package/es/lowcode/engine/factory/panel-item-factory/SwitchStrategy.js

@@ -0,0 +1,32 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import { Switch } from 'luck-design/antd';
+import Strategy from "./Strategy";
+var _TYPE_ = 'switch';
+var SelectStrategy = /*#__PURE__*/function (_Strategy) {
+  _inherits(SelectStrategy, _Strategy);
+  var _super = _createSuper(SelectStrategy);
+  function SelectStrategy(factory) {
+    var _this;
+    _classCallCheck(this, SelectStrategy);
+    _this = _super.call(this, _TYPE_);
+    factory.register(_TYPE_, _assertThisInitialized(_this));
+    return _this;
+  }
+  _createClass(SelectStrategy, [{
+    key: "match",
+    value: function match(type) {
+      return type === _TYPE_;
+    }
+  }, {
+    key: "builder",
+    value: function builder() {
+      return Switch;
+    }
+  }]);
+  return SelectStrategy;
+}(Strategy);
+export { SelectStrategy as default };

package/es/lowcode/engine/factory/panel-item-factory/index.js

@@ -0,0 +1,42 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import StringStrategy from "./StringStrategy";
+import SelectStrategy from "./SelectStrategy";
+import SwitchStrategy from "./SwitchStrategy";
+import SegmentedStrategy from "./SegmentedStrategy";
+import DynamicStrategy from "./DynamicStrategy";
+import GroupStrategy from "./GroupStrategy";
+var Factory = /*#__PURE__*/function () {
+  function Factory() {
+    _classCallCheck(this, Factory);
+    this.strategies = {};
+    this._setPlugins();
+  }
+  _createClass(Factory, [{
+    key: "_setPlugins",
+    value: function _setPlugins() {
+      new StringStrategy(this);
+      new DynamicStrategy(this);
+      new SelectStrategy(this);
+      new SegmentedStrategy(this);
+      new SwitchStrategy(this);
+      new GroupStrategy(this);
+    }
+  }, {
+    key: "register",
+    value: function register(type, strategy) {
+      this.strategies[type] = strategy;
+    }
+  }, {
+    key: "getPanelItemFor",
+    value: function getPanelItemFor(type, value) {
+      var strategy = this.strategies[type];
+      if (strategy !== null && strategy !== void 0 && strategy.match(type)) {
+        return strategy.builder(value);
+      }
+      return null;
+    }
+  }]);
+  return Factory;
+}();
+export { Factory as default };

package/es/lowcode/engine/meta/box.props.default.json

@@ -0,0 +1,12 @@
+{
+  "component": "Box",
+  "name": "容器",
+  "desc": "盒子是一个用于包裹其他组件的包装器，是一个单纯的容器组件，可以对其设置样式达到想要的效果。",
+  "icon": "icon-box",
+  "group": "container",
+  "groupName": "布局",
+  "order": 3,
+  "style": {
+    "height": "60px"
+  }
+}