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

package/lib/components/LdAutoForm/index.js

@@ -16,7 +16,7 @@ var _FormList = require("@luck-design-biz/base/FormList");
 var _ldBuilder = _interopRequireDefault(require("../../helper/ldBuilder"));
 var _utils = require("../../utils");
 var _Builder = require("../Builder");
-var _excluded = ["columns", "resources", "actions", "doAction", "ldId", "dataSetKey", "filedsRewrite", "mainFormLdId", "mainDataSetKey", "onValueChange", "onQuery", "onAdd", "onUpdate", "moduleCode", "defaultDataSourceFormat", "ticketData", "relationKey"];
+var _excluded = ["columns", "resources", "actions", "doAction", "uiSettings", "ldId", "dataSetKey", "filedsRewrite", "mainFormLdId", "mainDataSetKey", "onValueChange", "onQuery", "onAdd", "onUpdate", "moduleCode", "defaultDataSourceFormat", "ticketData", "relationKey"];
 var buildLdAutoForm = function buildLdAutoForm(_ref) {
   var _ref$columns = _ref.columns,
     columns = _ref$columns === void 0 ? [] : _ref$columns,
@@ -26,6 +26,8 @@ var buildLdAutoForm = function buildLdAutoForm(_ref) {
     actions = _ref$actions === void 0 ? {} : _ref$actions,
     _ref$doAction = _ref.doAction,
     doAction = _ref$doAction === void 0 ? function () {} : _ref$doAction,
+    _ref$uiSettings = _ref.uiSettings,
+    uiSettings = _ref$uiSettings === void 0 ? {} : _ref$uiSettings,
     ldId = _ref.ldId,
     dataSetKey = _ref.dataSetKey,
     _ref$filedsRewrite = _ref.filedsRewrite,
@@ -54,14 +56,21 @@ var buildLdAutoForm = function buildLdAutoForm(_ref) {
     setFieldProps = _ref2.setFieldProps;
   var defaultValues = /*#__PURE__*/(0, _react.createRef)();
   var isMain = ldId === mainFormLdId;
+  var formPreset = uiSettings && uiSettings.form && uiSettings.form[0] && uiSettings.form[0].preset ? JSON.parse(uiSettings.form[0].preset) : {};
+  var mergedArray = (0, _utils.mergeAndSort)(columns, formPreset.formFieldPreset || [], 'field');
   var basicItems = function () {
     var _defaultValues = {};
-    var _nodes = (0, _lodash.transform)(columns, function (result, col) {
+    var _nodes = (0, _lodash.transform)(mergedArray, function (result, col) {
       if (col.isShowInForm) {
         var customFiled = filedsRewrite.find(function (field) {
           return field.name === col.aliaName;
         }) || {};
         _defaultValues = (0, _objectSpread3.default)((0, _objectSpread3.default)({}, _defaultValues), {}, (0, _defineProperty2.default)((0, _defineProperty2.default)({}, col.aliaName, col['optDefaultValue']), "".concat(col.aliaName, "_virtual"), col['optDefaultValueCvt']));
+
+        // 该字段配置的表单显示信息
+        var colUiData = formPreset.formFieldPreset ? formPreset.formFieldPreset.find(function (c) {
+          return c.field === col.field;
+        }) : {};
         result.push((0, _utils.getFormItem)(col, (0, _objectSpread3.default)((0, _objectSpread3.default)({
           formId: ldId,
           moduleCode: moduleCode
@@ -69,7 +78,7 @@ var buildLdAutoForm = function buildLdAutoForm(_ref) {
           handleValueChange: function handleValueChange(value) {
             return onValueChange((0, _defineProperty2.default)({}, ldId, (0, _defineProperty2.default)({}, col.aliaName, value)));
           }
-        })));
+        }), colUiData));
       }
     }, []);
     defaultValues.current = _defaultValues;
@@ -83,7 +92,8 @@ var buildLdAutoForm = function buildLdAutoForm(_ref) {
   var formConfig = {
     formId: ldId,
     isMain: isMain,
-    defaultDataSource: (0, _objectSpread3.default)((0, _objectSpread3.default)({}, (0, _utils.formItemDataFormat)(columns, defaultValues.current)), defaultDataSourceFormat(defaultValues.current))
+    defaultDataSource: (0, _objectSpread3.default)((0, _objectSpread3.default)({}, (0, _utils.formItemDataFormat)(columns, defaultValues.current)), defaultDataSourceFormat(defaultValues.current)),
+    col: formPreset.formCol
   };
   var onOperate = function onOperate() {
     var _onOperate = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};

package/lib/components/LdFormList/index.js

@@ -18,6 +18,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _umi = require("umi");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ahooks = require("ahooks");
+var _createDeepCompareEffect = require("ahooks/es/createDeepCompareEffect");
 var _luckDesign = require("luck-design");
 var _utils = require("@luck-design-biz/base/utils");
 var _FormList = require("@luck-design-biz/base/FormList");
@@ -36,6 +37,8 @@ var _excluded = ["namespace", "formState", "formMode", "formOperates", "loading"
   _excluded2 = ["dataSets", "doAction", "resources"],
   _excluded3 = ["id", "header", "title", "readOnly", "extraConfig", "renderTopLeft"],
   _excluded4 = ["ldId", "initData", "overModel"];
+var useDeepCompareAsyncEffect = (0, _createDeepCompareEffect.createDeepCompareEffect)(_ahooks.useAsyncEffect);
+
 // 组件
 var LdFormList = function LdFormList(_ref) {
   var _formList$find;
@@ -131,7 +134,7 @@ var LdFormList = function LdFormList(_ref) {
       placement: luckTheme === 'base' && (affixLayout || defaultLayout) !== 'top' ? 'topRight' : 'bottomRight'
     }, bpmButtonProps)));
   };
-  (0, _ahooks.useAsyncEffect)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+  useDeepCompareAsyncEffect( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
     var _props$formData$mainF, _params, response, _yield$readBehaviorCa, code, data, _props$formData$mainF2, _props$formData$mainF3, bpmInfoObj, tempObj;
     return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
@@ -157,6 +160,7 @@ var LdFormList = function LdFormList(_ref) {
           }
           _context.next = 8;
           return (0, _services.readBehaviorCall)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, _params), {}, {
+            // bizKey: bizData.bizKey,
             behaviorKey: 'readBpm'
           }));
         case 8:

package/lib/components/LdGrid/index.js

@@ -20,7 +20,7 @@ var _List = require("@luck-design-biz/base/List");
 var _ldBuilder = _interopRequireDefault(require("../../helper/ldBuilder"));
 var _utils = require("../../utils");
 var _model = _interopRequireDefault(require("./model"));
-var _excluded = ["columns", "resources", "actions", "doAction", "afterInit", "namespace", "wrapperRef", "list", "detail", "params", "filters", "loading", "unclosableSet", "onQuery", "doQuery", "pageno", "pagesize", "totalCount", "columnsRewrite", "columnsReset", "batchOperations", "formatDataSource", "resultSet", "actionsColumn", "readFilter", "isFlow", "isTreeGrid", "writable"],
+var _excluded = ["columns", "resources", "actions", "doAction", "afterInit", "uiSettings", "namespace", "wrapperRef", "list", "detail", "params", "filters", "loading", "unclosableSet", "onQuery", "doQuery", "pageno", "pagesize", "totalCount", "columnsRewrite", "columnsReset", "batchOperations", "formatDataSource", "resultSet", "actionsColumn", "readFilter", "isFlow", "isTreeGrid", "writable"],
   _excluded2 = ["ldId", "moduleCode", "suppressInit", "overModel", "afterQuery", "isTreeGrid"];
 var LdGrid = function LdGrid(_ref) {
   var columns = _ref.columns,
@@ -28,6 +28,8 @@ var LdGrid = function LdGrid(_ref) {
     actions = _ref.actions,
     doAction = _ref.doAction,
     afterInit = _ref.afterInit,
+    _ref$uiSettings = _ref.uiSettings,
+    uiSettings = _ref$uiSettings === void 0 ? {} : _ref$uiSettings,
     namespace = _ref.namespace,
     wrapperRef = _ref.wrapperRef,
     list = _ref.list,
@@ -88,6 +90,7 @@ var LdGrid = function LdGrid(_ref) {
       });
     });
   }, [batchOperations]);
+  var gridPresetData = uiSettings && uiSettings.grid && uiSettings.grid[0] && uiSettings.grid[0].preset ? JSON.parse(uiSettings.grid[0].preset) : {};
 
   /**
    * 优先级
@@ -98,7 +101,8 @@ var LdGrid = function LdGrid(_ref) {
     if (columnsReset) return columnsReset;
     var defaultColumns = (0, _lodash.keyBy)(columns, 'aliaName');
     var customColumns = (0, _lodash.keyBy)(columnsRewrite, 'field');
-    var mergeFields = (0, _lodash.union)((0, _lodash.keys)(defaultColumns), (0, _lodash.keys)(customColumns));
+    var presetColumns = (0, _lodash.keyBy)(gridPresetData.gridPreset, 'field'); // ui配置的已排序的列
+    var mergeFields = (0, _lodash.union)((0, _lodash.keys)(presetColumns), (0, _lodash.keys)(defaultColumns), (0, _lodash.keys)(customColumns)); // 以UI配置的列排序
     return (0, _lodash.transform)(mergeFields, function (result, field) {
       var _customColumns$field;
       if ((_customColumns$field = customColumns[field]) !== null && _customColumns$field !== void 0 && _customColumns$field.hide) {
@@ -106,9 +110,14 @@ var LdGrid = function LdGrid(_ref) {
       } else if (!defaultColumns[field]) {
         // 数据集中不存在的字段以自定义的形式展示
         result.push(customColumns[field]);
-      } else if (defaultColumns[field].isShowInGrid)
+      } else if (defaultColumns[field].isShowInGrid) {
+        // 该字段配置的表单显示信息
+        var columnUiData = gridPresetData.gridPreset ? gridPresetData.gridPreset.find(function (c) {
+          return c.field === field;
+        }) : {};
         // 数据集中存在的字段和自定义结合展示
-        result.push((0, _utils.getGridColumn)(defaultColumns[field], customColumns[field] || {}, isTreeGrid, writable));
+        result.push((0, _utils.getGridColumn)(defaultColumns[field], customColumns[field] || {}, isTreeGrid, writable, columnUiData));
+      }
     }, []);
   }, [columns, columnsRewrite, columnsReset]);
   var _actionsColumn = (0, _ahooks.useCreation)(function () {
@@ -134,9 +143,6 @@ var LdGrid = function LdGrid(_ref) {
     unclosableSet: unclosableSet,
     onQuery: onQuery
   });
-
-  // console.log('_columns',columns,_columns)
-
   return /*#__PURE__*/_react.default.createElement(_List.GridList, (0, _extends2.default)({
     columns: _columns
     // 资源串、行为配置

package/lib/components/LdGridForm/index.js

@@ -19,7 +19,7 @@ var _utils = require("../../utils");
 var _form = require("../../helper/form");
 var _Builder = require("../Builder");
 var _index = _interopRequireDefault(require("./index.less"));
-var _excluded = ["columns", "resources", "actions", "doAction", "ldId", "dataSetKey", "columnsRewrite", "onQuery", "onAdd", "onUpdate", "onDelete", "mainFormLdId", "mainDataSetKey", "onValueChange", "type", "afterOperate", "moduleCode", "defaultDataSourceFormat", "ticketData", "className", "formRef", "formMode"];
+var _excluded = ["columns", "resources", "actions", "doAction", "uiSettings", "ldId", "dataSetKey", "columnsRewrite", "onQuery", "onAdd", "onUpdate", "onDelete", "mainFormLdId", "mainDataSetKey", "onValueChange", "type", "afterOperate", "moduleCode", "defaultDataSourceFormat", "ticketData", "className", "formRef", "formMode"];
 var buildLdGridForm = function buildLdGridForm(_ref) {
   var _ref$columns = _ref.columns,
     columns = _ref$columns === void 0 ? [] : _ref$columns,
@@ -29,6 +29,8 @@ var buildLdGridForm = function buildLdGridForm(_ref) {
     actions = _ref$actions === void 0 ? {} : _ref$actions,
     _ref$doAction = _ref.doAction,
     doAction = _ref$doAction === void 0 ? function () {} : _ref$doAction,
+    _ref$uiSettings = _ref.uiSettings,
+    uiSettings = _ref$uiSettings === void 0 ? {} : _ref$uiSettings,
     ldId = _ref.ldId,
     dataSetKey = _ref.dataSetKey,
     _ref$columnsRewrite = _ref.columnsRewrite,
@@ -69,9 +71,11 @@ var buildLdGridForm = function buildLdGridForm(_ref) {
     });
     return col;
   });
+  var gridPresetData = uiSettings && uiSettings.grid && uiSettings.grid[0] && uiSettings.grid[0].preset ? JSON.parse(uiSettings.grid[0].preset) : {};
+  var mergedArray = (0, _utils.mergeAndSort)(gridColumns, gridPresetData.gridPreset || [], 'field');
   var _columns = function () {
     var _defaultValues = {};
-    var _nodes = (0, _lodash.transform)(gridColumns, function (result, col) {
+    var _nodes = (0, _lodash.transform)(mergedArray, function (result, col) {
       if (col.isShowInForm) {
         var _customColumn;
         var customColumn = columnsRewrite.find(function (column) {
@@ -82,13 +86,17 @@ var buildLdGridForm = function buildLdGridForm(_ref) {
           mode: 'grid'
         });
         _defaultValues = (0, _objectSpread4.default)((0, _objectSpread4.default)({}, _defaultValues), {}, (0, _defineProperty2.default)((0, _defineProperty2.default)({}, col.aliaName, col['optDefaultValue']), "".concat(col.aliaName, "_virtual"), col['optDefaultValueCvt']));
+        // 该字段配置的表单显示信息
+        var columnUiData = gridPresetData.gridPreset ? gridPresetData.gridPreset.find(function (c) {
+          return c.field === col.field;
+        }) : {};
         result.push((0, _utils.getFormColumn)(type, col, (0, _objectSpread4.default)((0, _objectSpread4.default)({}, customColumn), {}, {
           formItemRewrite: (0, _objectSpread4.default)((0, _objectSpread4.default)({}, (_customColumn = customColumn) === null || _customColumn === void 0 ? void 0 : _customColumn.formItemRewrite), {}, {
             moduleCode: moduleCode,
             formRef: formRef,
             formMode: formMode
           })
-        })));
+        }), columnUiData));
       }
     }, []);
     defaultValues.current = _defaultValues;

package/lib/helper/form.js

@@ -71,9 +71,15 @@ function translator() {
     label: allConfig.fieldName,
     config: {
       required: !!allConfig.isNotNull,
-      disabled: !!allConfig.isReadOnly
+      disabled: !!allConfig.isReadOnly,
+      placeholder: allConfig.placeholder,
+      rows: allConfig.rows
     },
-    layout: 'block'
+    layout: 'block',
+    align: allConfig.align,
+    headerAlign: allConfig.headerAlign,
+    width: allConfig.width,
+    tip: allConfig.tip
   };
   if (!(0, _lodash.isNil)(allConfig['dataFormat'])) _props.dataFormat = allConfig['dataFormat'];
   // if (allConfig.tip) _props.config.placeholder = allConfig.tip;

package/lib/helper/ldBuilder.js

@@ -19,6 +19,8 @@ var builder = function builder(wrapped) {
       actions = _ref.actions,
       _ref$dataSets = _ref.dataSets,
       dataSets = _ref$dataSets === void 0 ? [] : _ref$dataSets,
+      _ref$moduleUiList = _ref.moduleUiList,
+      moduleUiList = _ref$moduleUiList === void 0 ? {} : _ref$moduleUiList,
       _ref$isTree = _ref.isTree,
       isTree = _ref$isTree === void 0 ? [] : _ref$isTree,
       doAction = _ref.doAction,
@@ -46,7 +48,8 @@ var builder = function builder(wrapped) {
       resources: resources,
       actions: actions,
       doAction: doAction,
-      moduleCode: moduleCode
+      moduleCode: moduleCode,
+      uiSettings: moduleUiList[dataSetKey] // form和grid的页面配置信息
     });
     return wrapped(wrappedProps);
   };

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

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ICONLIST_URL = exports.ICONLIST_JS = void 0;
+exports.ICON = void 0;
 // icon地址
-var ICONLIST_URL = exports.ICONLIST_URL = '/public/icons/iconfont.json';
-var ICONLIST_JS = exports.ICONLIST_JS = '/public/icons/iconfont.js';
+var ICON = exports.ICON = '/public/icons/iconfont.json';

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

@@ -3,17 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MODAL_OPEN = exports.MODAL_CLOSE = exports.LANG_SETTING_SELECT = exports.COMPONENT_UNMOUNT = exports.COMPONENT_SETTING_CLICK = exports.COMPONENT_MOUNT = exports.COMPONENT_MODIFY = exports.COMPONENT_HOVER = exports.COMPONENT_DELETE = exports.COMPONENT_APPEND = exports.COMPONENT_ACTIVE = void 0;
+exports.COMPONENT_UNMOUNT = exports.COMPONENT_SETTING_CLICK = exports.COMPONENT_MOUNT = exports.COMPONENT_HOVER = exports.COMPONENT_ACTIVE = void 0;
 /******************************** 通用Topic开始 ********************************/
 
 // 组件的加载完成事件
 var COMPONENT_MOUNT = exports.COMPONENT_MOUNT = 'component-mount';
 // 组件的卸载事件
 var COMPONENT_UNMOUNT = exports.COMPONENT_UNMOUNT = 'component-unmount';
-// 模态视图层打开事件
-var MODAL_OPEN = exports.MODAL_OPEN = 'modal-open';
-// 模态视图层关闭事件
-var MODAL_CLOSE = exports.MODAL_CLOSE = 'modal-close';
 
 /******************************** 通用Topic结束 ********************************/
 
@@ -25,18 +21,9 @@ var COMPONENT_HOVER = exports.COMPONENT_HOVER = 'component-hover';
 var COMPONENT_ACTIVE = exports.COMPONENT_ACTIVE = 'component-active';
 // 组件设置的click事件
 var COMPONENT_SETTING_CLICK = exports.COMPONENT_SETTING_CLICK = 'component-setting-click';
-// 组件的追加事件
-var COMPONENT_APPEND = exports.COMPONENT_APPEND = 'component-append';
-// 组件的删除事件
-var COMPONENT_DELETE = exports.COMPONENT_DELETE = 'component-delete';
-// 组件的修改事件
-var COMPONENT_MODIFY = exports.COMPONENT_MODIFY = 'component-modify';
 
 /******************************* Design Topic结束 *******************************/
 
 /******************************** Live Topic开始 ********************************/
 
-/******************************** Live Topic结束 ********************************/
-
-// 国际化语言设置
-var LANG_SETTING_SELECT = exports.LANG_SETTING_SELECT = 'lang-setting-select';
+/******************************** Live Topic结束 ********************************/

package/lib/lowcode/engine/meta/button.props.default.json

@@ -1,16 +1,8 @@
-{
-  "component": "Button",
-  "name": "按钮",
-  "desc": "用于触发特定的操作或动作，以便用户可以轻松地创建具有自定义样式和行为的界面。",
-  "icon": "icon-button",
-  "group": "basic",
-  "groupName": "基础",
-  "order": 1,
-  "style": {},
-  "title": "按钮",
-  "type": "default",
-  "size": "middle",
-  "block": false,
-  "ghost": false,
-  "serialEffect": "hidden"
+{
+  "title": "按钮",
+  "type": {
+    "key": "primary"
+  },
+  "size": "middle",
+  "effect": "hidden"
 }

package/lib/lowcode/engine/meta/cardlist.props.default.json

@@ -1,18 +1,10 @@
-{
-  "component": "CardList",
-  "name": "卡片列表",
-  "desc": "用于以卡片的形式展示相关的信息或内容列表。它提供了一种可视化的方式来呈现多个项目，每个项目通常由一个卡片表示，包含相关的文本、图像和其他元素。",
-  "icon": "icon-cardlist",
-  "group": "advance",
-  "groupName": "高级",
-  "order": 1,
-  "style": {},
-  "autoLoad": true,
-  "readOnly": false,
-  "isFlow": false,
-  "defaultPageSize": 30,
-  "actionTitle": "操作列",
-  "actionWidth": 100,
-  "actionHidden": false,
-  "maxWebShownActionCount": 2
+{
+  "autoLoad": true,
+  "readOnly": false,
+  "isFlow": false,
+  "defaultPageSize": 30,
+  "actionTitle": "操作列",
+  "actionWidth": 100,
+  "actionHidden": false,
+  "maxWebShownActionCount": 2
 }

package/lib/lowcode/engine/meta/{button.props.json → components/button.json}

@@ -1,122 +1,104 @@
-{
-  "component": "Button",
-  "name": "按钮",
-  "desc": "用于触发特定的操作或动作，以便用户可以轻松地创建具有自定义样式和行为的界面。",
-  "icon": "icon-button",
-  "group": "basic",
-  "groupName": "基础",
-  "order": 1,
-  "props": [
-    {
-      "key": "id",
-      "name": "唯一标识",
-      "type": "string",
-      "disabled": true
-    },
-    {
-      "key": "title",
-      "name": "标题",
-      "type": "string",
-      "default": "按钮"
-    },
-    {
-      "key": "type",
-      "name": "按钮类型",
-      "type": "_ButtonType",
-      "default": "default"
-    },
-    {
-      "key": "size",
-      "name": "按钮",
-      "type": "segmented",
-      "options": [
-        {
-          "label": "小",
-          "value": "small"
-        },
-        {
-          "label": "中",
-          "value": "middle"
-        },
-        {
-          "label": "大",
-          "value": "large"
-        }
-      ],
-      "default": "middle"
-    },
-    {
-      "key": "block",
-      "name": "块级",
-      "desc": "将按钮宽度调整为其父宽度的选项",
-      "type": "switch",
-      "default": false
-    },
-    {
-      "key": "ghost",
-      "name": "幽灵按钮",
-      "desc": "幽灵属性按钮，设置为 true 后，按钮的内容颜色会切换至当前 theme 的 primaryColor，按钮的hover效果会消失",
-      "type": "switch",
-      "default": false
-    },
-    {
-      "key": "icon",
-      "name": "图标",
-      "type": "_Icon",
-      "next": {
-        "name": "选择图标",
-        "props": [
-          {
-            "key": "icon",
-            "name": "#图标选择起",
-            "type": "_IconSelector"
-          }
-        ]
-      }
-    },
-    {
-      "key": "serials",
-      "name": "资源串",
-      "type": "string"
-    },
-    {
-      "key": "serialEffect",
-      "name": "资源串效果",
-      "type": "_SerialEffect",
-      "options": [
-        {
-          "label": "禁用",
-          "value": "disable"
-        },
-        {
-          "label": "隐藏",
-          "value": "hidden"
-        }
-      ],
-      "default": "hidden"
-    }
-  ],
-  "style": {},
-  "advance": {
-    "events": [
-      {
-        "key": "onMount",
-        "name": "组件首次渲染时",
-        "desc": "在组件首次渲染时，执行方法",
-        "func": "(params)=>{\n\t\n}"
-      },
-      {
-        "key": "onUnmount",
-        "name": "组件卸载时",
-        "desc": "在组件卸载时，执行方法。",
-        "func": "(params)=>{\n\t\n}"
-      },
-      {
-        "key": "onClick",
-        "name": "点击事件",
-        "desc": "点击文本时，执行方法",
-        "func": "(e)=>{\n\t\n}"
-      }
-    ]
-  }
+{
+  "component": "Button",
+  "name": "按钮",
+  "desc": "用于触发特定的操作或动作，以便用户可以轻松地创建具有自定义样式和行为的界面。",
+  "icon": "icon-button",
+  "group": "basic",
+  "groupName": "基础",
+  "props": [
+    {
+      "key": "id",
+      "desc": "唯一标识",
+      "type": "string",
+      "disabled": true
+    },
+    {
+      "key": "title",
+      "name": "标题",
+      "desc": "按钮上显示的文字",
+      "type": "string",
+      "default": "按钮"
+    },
+    {
+      "key": "type",
+      "desc": "按钮类型",
+      "type": "_ButtonType",
+      "default": {
+        "key": "primary"
+      }
+    },
+    {
+      "key": "size",
+      "name": "按钮",
+      "desc": "按钮的大小尺寸",
+      "type": "radio",
+      "options": [
+        {
+          "label": "小",
+          "value": "small"
+        },
+        {
+          "label": "中",
+          "value": "middle"
+        },
+        {
+          "label": "大",
+          "value": "large"
+        }
+      ],
+      "default": "middle"
+    },
+    {
+      "key": "icon",
+      "name": "图标",
+      "desc": "按钮标题前的图标",
+      "type": "Icon"
+    },
+    {
+      "key": "serials",
+      "name": "资源串",
+      "desc": "挂接模块资源串",
+      "type": "string"
+    },
+    {
+      "key": "effect",
+      "name": "资源串效果",
+      "desc": "当资源串条件生效时按钮的效果",
+      "type": "radio",
+      "options": [
+        {
+          "label": "禁用",
+          "value": "disable"
+        },
+        {
+          "label": "隐藏",
+          "value": "hidden"
+        }
+      ],
+      "default": "hidden"
+    }
+  ],
+  "style": {},
+  "advance": {
+    "events": [
+      {
+        "key": "onMount",
+        "name": "组件首次渲染时",
+        "desc": "在组件首次渲染时，执行方法",
+        "func": "(params)=>{\n\t\n}"
+      },
+      {
+        "key": "onUnmount",
+        "name": "组件卸载时",
+        "desc": "在组件卸载时，执行方法。",
+        "func": "(params)=>{\n\t\n}"
+      },
+      {
+        "key": "onClick",
+        "name": "点击事件",
+        "desc": "点击文本时，执行方法",
+        "func": "(e)=>{\n\t\n}"
+      }
+    ]
+  }
 }