@luck-design-biz/luckda 0.0.25-7 → 0.0.25-9

package/lib/lowcode/view/lc-components/Dialog/index.js

@@ -16,7 +16,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _index = require("../../../../index");
 var _ContextProvider = require("../../../engine/provider/ContextProvider");
-var _usePromiseState3 = _interopRequireDefault(require("../../../engine/tools/usePromiseState"));
+var _usePromiseState5 = _interopRequireDefault(require("../../../engine/tools/usePromiseState"));
 var _Wrapper = _interopRequireDefault(require("../Wrapper"));
 var _index2 = _interopRequireDefault(require("./index.less"));
 var Footer = _styledComponents.default.div.withConfig({
@@ -36,20 +36,26 @@ var LCDialog = function LCDialog(_ref) {
     mask = _ref.mask,
     okText = _ref.okText,
     cancelText = _ref.cancelText,
+    destroyOnClose = _ref.destroyOnClose,
     footer = _ref.footer,
     btnGroup = _ref.btnGroup,
     advance = _ref.advance;
   var ctx = (0, _ContextProvider.useContext)();
   var apiRef = (0, _react.useRef)();
   var domRef = (0, _react.useRef)();
-  var _usePromiseState = (0, _usePromiseState3.default)(defaultOpen),
+  var _usePromiseState = (0, _usePromiseState5.default)(defaultOpen),
     _usePromiseState2 = (0, _slicedToArray2.default)(_usePromiseState, 2),
     open = _usePromiseState2[0],
     setOpen = _usePromiseState2[1];
+  var _usePromiseState3 = (0, _usePromiseState5.default)(title),
+    _usePromiseState4 = (0, _slicedToArray2.default)(_usePromiseState3, 2),
+    _title = _usePromiseState4[0],
+    _setTitle = _usePromiseState4[1];
   (0, _react.useEffect)(function () {
     ctx.doAction(advance.events.onMount);
     return function () {
-      return ctx.doAction(advance.events.onUnmount);
+      _setTitle(title);
+      ctx.doAction(advance.events.onUnmount);
     };
   }, []);
   (0, _ahooks.useUpdateEffect)(function () {
@@ -92,12 +98,32 @@ var LCDialog = function LCDialog(_ref) {
   });
   (0, _react.useImperativeHandle)(apiRef, function () {
     return {
+      /**
+       * 弹窗打开状态
+       * @property
+       */
       open: open,
+      /**
+       * 打开弹窗
+       * @method
+       */
       doOpen: function doOpen() {
         return setOpen(true);
       },
+      /**
+       * 关闭弹窗
+       * @method
+       */
       doClose: function doClose() {
         return setOpen(false);
+      },
+      /**
+       * 设置弹窗标题
+       * @method
+       * @param {stirng} title -标题
+       */
+      setTitle: function setTitle(_title) {
+        return _setTitle(_title);
       }
     };
   }, []);
@@ -107,7 +133,7 @@ var LCDialog = function LCDialog(_ref) {
     getTargetDom: getTargetDom,
     api: apiRef
   }, /*#__PURE__*/_react.default.createElement(_antd.Modal, (0, _extends2.default)({
-    title: title,
+    title: _title,
     visible: open,
     getContainer: getContainer,
     width: width,
@@ -123,7 +149,8 @@ var LCDialog = function LCDialog(_ref) {
     onOk: handleOk,
     onCancel: function onCancel() {
       return setOpen(false);
-    }
+    },
+    destroyOnClose: destroyOnClose
   }), /*#__PURE__*/_react.default.createElement("div", {
     style: {
       height: 0,

package/lib/lowcode/view/lc-components/Dialog/meta.json

@@ -71,6 +71,13 @@
       "type": "switch",
       "default": false
     },
+    {
+      "key": "destroyOnClose",
+      "name": "关闭销毁",
+      "desc": "关闭时销毁对话框里的子元素",
+      "type": "switch",
+      "default": true
+    },
     {
       "key": "mask",
       "name": "显示遮罩",
@@ -112,31 +119,31 @@
         "key": "onMount",
         "name": "组件首次渲染时",
         "desc": "在组件首次渲染时，执行方法",
-        "func": "()=>{\n\t\n}"
+        "func": "function onMount() {\n\t\n}"
       },
       {
         "key": "onUnmount",
         "name": "组件卸载时",
         "desc": "在组件卸载时，执行方法。",
-        "func": "()=>{\n\t\n}"
+        "func": "function onUnmount() {\n\t\n}"
       },
       {
         "key": "onOpen",
         "name": "对话框打开时",
         "desc": "在对话框打开时，执行方法",
-        "func": "()=>{\n\t\n}"
+        "func": "function onOpen() {\n\t\n}"
       },
       {
         "key": "onClose",
         "name": "对话框关闭时",
         "desc": "在对话框打开时，执行方法，promise反馈false无法截断关闭",
-        "func": "()=>{\n\t\n}"
+        "func": "function onClose() {\n\t\n}"
       },
       {
         "key": "onOk",
         "name": "确定按钮点击",
         "desc": "点击确定按钮时，执行方法",
-        "func": "()=>{\n\t\n}"
+        "func": "function onOk() {\n\t\n}"
       }
     ]
   }

package/lib/lowcode/view/lc-components/Drawer/meta.json

@@ -100,43 +100,31 @@
         "key": "onMount",
         "name": "组件首次渲染时",
         "desc": "在组件首次渲染时，执行方法",
-        "func": "(params)=>{\n\t\n}"
+        "func": "function onMount() {\n\t\n}"
       },
       {
         "key": "onUnmount",
         "name": "组件卸载时",
         "desc": "在组件卸载时，执行方法。",
-        "func": "(params)=>{\n\t\n}"
-      },
-      {
-        "key": "onMount",
-        "name": "组件首次渲染时",
-        "desc": "在组件首次渲染时，执行方法",
-        "func": "(params)=>{\n\t\n}"
-      },
-      {
-        "key": "onUnmount",
-        "name": "组件卸载时",
-        "desc": "在组件卸载时，执行方法。",
-        "func": "(params)=>{\n\t\n}"
+        "func": "function onUnmount() {\n\t\n}"
       },
       {
         "key": "onOpen",
         "name": "抽屉打开时",
         "desc": "在抽屉打开时，执行方法",
-        "func": "(params)=>{\n\t\n}"
+        "func": "function onOpen() {\n\t\n}"
       },
       {
         "key": "onClose",
         "name": "抽屉关闭时",
         "desc": "在抽屉打开时，执行方法，promise反馈false无法截断关闭",
-        "func": "(params)=>{\n\t\n}"
+        "func": "function onClose() {\n\t\n}"
       },
       {
-        "key": "onButtonClick",
-        "name": "按钮组点击",
-        "desc": "点击按钮组某个按钮时，执行方法",
-        "func": "(buttonKey,params)=>{\n\t\n}"
+        "key": "onOk",
+        "name": "确定按钮点击",
+        "desc": "点击确定按钮时，执行方法",
+        "func": "function onOk() {\n\t\n}"
       }
     ]
   }

package/lib/lowcode/view/lc-components/FieldColor/meta.json

@@ -0,0 +1,63 @@
+{
+  "component": "FieldColor",
+  "name": "颜色",
+  "group": "field",
+  "desc": "颜色类型表单项",
+  "icon": "icon-fieldstring",
+  "groupName": "表单项",
+  "order": 1,
+  "props": [
+    {
+      "key": "enableAlpha",
+      "name": "启用透明度",
+      "type": "switch",
+      "default": false
+    },
+    {
+      "key": "placement",
+      "name": "弹出层位置",
+      "type": "select",
+      "options": [
+        {
+          "label": "左上",
+          "value": "topLeft"
+        },
+        {
+          "label": "右上",
+          "value": "topRight"
+        },
+        {
+          "label": "左下",
+          "value": "bottomLeft"
+        },
+        {
+          "label": "右下",
+          "value": "bottomRight"
+        }
+      ],
+      "default": "topLeft"
+    }
+  ],
+  "advance": {
+    "events": [
+      {
+        "key": "onChange",
+        "name": "色值变化事件",
+        "desc": "在色值变化时，执行方法",
+        "func": "function onChange(colors) {\n\t\n}"
+      },
+      {
+        "key": "onOpen",
+        "name": "打开面板事件",
+        "desc": "在打开面板时，执行方法",
+        "func": "function onOpen(colors) {\n\t\n}"
+      },
+      {
+        "key": "onClose",
+        "name": "关闭面板事件",
+        "desc": "关闭面板时，执行方法",
+        "func": "function onClose(colors) {\n\t\n}"
+      }
+    ]
+  }
+}

package/lib/lowcode/view/lc-components/FieldComplex/meta.json

@@ -0,0 +1,39 @@
+{
+  "component": "FieldComplex",
+  "name": "复合",
+  "group": "field",
+  "desc": "复合类型表单项",
+  "icon": "icon-fieldstring",
+  "groupName": "表单项",
+  "order": 1,
+  "props": [
+    {
+      "key": "allowClear",
+      "name": "允许清除",
+      "type": "switch",
+      "default": true
+    }
+  ],
+  "advance": {
+    "events": [
+      {
+        "key": "onChange",
+        "name": "数据变化事件",
+        "desc": "在数据变化事件时，执行方法",
+        "func": "function onChange(value, option) {\n\t\n}"
+      },
+      {
+        "key": "onSelect",
+        "name": "下拉选中事件",
+        "desc": "下拉选中时，执行方法",
+        "func": "function onSelect(value, option) {\n\t\n}"
+      },
+      {
+        "key": "onBlur",
+        "name": "失焦事件",
+        "desc": "失去焦点时回调",
+        "func": "function onBlur() {\n\t\n}"
+      }
+    ]
+  }
+}

package/lib/lowcode/view/lc-components/FieldDate/meta.json

@@ -0,0 +1,45 @@
+{
+  "component": "FieldDate",
+  "name": "日期",
+  "group": "field",
+  "desc": "日期类型表单项",
+  "icon": "icon-fieldstring",
+  "groupName": "表单项",
+  "order": 1,
+  "props": [
+    {
+      "key": "showTime",
+      "name": "时间选择",
+      "type": "switch"
+    },
+    {
+      "key": "allowClear",
+      "name": "允许清除",
+      "type": "switch"
+    },
+    {
+      "key": "format",
+      "name": "日期格式",
+      "type": "string"
+    },
+    {
+      "key": "disabledDate",
+      "name": "不可选日期",
+      "type": "_JSEditor",
+      "defaultCode": "function disabledDate(currentDate) {return true}",
+      "mustConfirm": true,
+      "wrapper": "collapse",
+      "wrapperProps": { "suppressIcon": true }
+    }
+  ],
+  "advance": {
+    "events": [
+      {
+        "key": "onChange",
+        "name": "数据变化事件",
+        "desc": "在数据变化事件时，执行方法",
+        "func": "function onChange(data, dataString) {\n\t\n}"
+      }
+    ]
+  }
+}

package/lib/lowcode/view/lc-components/FieldDict/meta.json

@@ -0,0 +1,44 @@
+{
+  "component": "FieldDict",
+  "name": "数据字典",
+  "group": "field",
+  "desc": "数据字典类型表单项",
+  "icon": "icon-fieldstring",
+  "groupName": "表单项",
+  "order": 1,
+  "props": [
+    {
+      "key": "display",
+      "name": "展现形式",
+      "type": "segmented",
+      "options": [
+        {
+          "label": "Select",
+          "value": "select"
+        },
+        {
+          "label": "Radio",
+          "value": "radio"
+        }
+      ],
+      "default": "select"
+    },
+    {
+      "key": "allowClear",
+      "name": "允许清除",
+      "desc": "仅在展现形式为Select时有效",
+      "type": "switch",
+      "default": false
+    }
+  ],
+  "advance": {
+    "events": [
+      {
+        "key": "onChange",
+        "name": "数据变化事件",
+        "desc": "在数据变化事件时，执行方法",
+        "func": "function onChange(data) {\n\t\n}"
+      }
+    ]
+  }
+}

package/lib/lowcode/view/lc-components/FieldEditor/meta.json

@@ -0,0 +1,44 @@
+{
+  "component": "FieldEditor",
+  "name": "富文本",
+  "group": "field",
+  "desc": "富文本类型表单项",
+  "icon": "icon-fieldstring",
+  "groupName": "表单项",
+  "order": 1,
+  "props": [
+    {
+      "key": "resize",
+      "name": "拖拽大小",
+      "type": "switch",
+      "default": true
+    },
+    {
+      "key": "plugins",
+      "name": "编辑类",
+      "type": "_JSEditor",
+      "defaultCode": "function plugins() { \n return ['autolink', 'lists', 'link', 'image', 'table', 'fullscreen']; \n}",
+      "mustConfirm": true,
+      "wrapper": "collapse",
+      "wrapperProps": {
+        "suppressIcon": true
+      }
+    }
+  ],
+  "advance": {
+    "events": [
+      {
+        "key": "onChange",
+        "name": "数据变化事件",
+        "desc": "在数据变化事件时，执行方法",
+        "func": "function onChange(value, extra) {\n\t\n}"
+      },
+      {
+        "key": "onBlur",
+        "name": "失焦事件",
+        "desc": "失去焦点时回调",
+        "func": "function onBlur() {\n\t\n}"
+      }
+    ]
+  }
+}

package/lib/lowcode/view/lc-components/FieldGroup/meta.json

@@ -0,0 +1,73 @@
+{
+  "component": "FieldGroup",
+  "name": "组维度",
+  "group": "field",
+  "desc": "组维度类型表单项",
+  "icon": "icon-fieldstring",
+  "groupName": "表单项",
+  "order": 1,
+  "props": [
+    {
+      "key": "allowClear",
+      "name": "允许清除",
+      "type": "switch",
+      "default": true
+    },
+    {
+      "key": "max",
+      "name": "最大选择数",
+      "desc": "多选时生效, 为0表示不限制",
+      "type": "number",
+      "default": 0
+    },
+    {
+      "key": "mode",
+      "name": "更新模式",
+      "type": "segmented",
+      "options": [
+        {
+          "label": "覆盖",
+          "value": "modify"
+        },
+        {
+          "label": "追加",
+          "value": "except"
+        }
+      ],
+      "default": "modify"
+    },
+    {
+      "key": "suppressSelect",
+      "name": "禁止选择",
+      "type": "_JSEditor",
+      "defaultCode": "function suppressSelect(rowData) { \n return false; \n}",
+      "mustConfirm": true,
+      "wrapper": "collapse",
+      "wrapperProps": {
+        "suppressIcon": true
+      }
+    }
+  ],
+  "advance": {
+    "events": [
+      {
+        "key": "onChange",
+        "name": "数据变化事件",
+        "desc": "在数据变化事件时，执行方法",
+        "func": "function onChange(value, extra) {\n\t\n}"
+      },
+      {
+        "key": "onSelect",
+        "name": "下拉选中事件",
+        "desc": "下拉选中时，执行方法",
+        "func": "function onSelect(value, option) {\n\t\n}"
+      },
+      {
+        "key": "onBlur",
+        "name": "失焦事件",
+        "desc": "失去焦点时回调",
+        "func": "function onBlur() {\n\t\n}"
+      }
+    ]
+  }
+}

package/lib/lowcode/view/lc-components/FieldNumber/meta.json

@@ -0,0 +1,48 @@
+{
+  "component": "FieldNumber",
+  "name": "数字",
+  "group": "field",
+  "desc": "数字类型表单项",
+  "icon": "icon-fieldstring",
+  "groupName": "表单项",
+  "order": 1,
+  "props": [
+    {
+      "key": "step",
+      "name": "步数",
+      "type": "number"
+    },
+    {
+      "key": "min",
+      "name": "最小值",
+      "type": "number"
+    },
+    {
+      "key": "max",
+      "name": "最大值",
+      "type": "string"
+    },
+    {
+      "key": "addonBefore",
+      "name": "前置内容",
+      "type": "string",
+      "default": ""
+    },
+    {
+      "key": "addonAfter",
+      "name": "后置内容",
+      "type": "string",
+      "default": ""
+    }
+  ],
+  "advance": {
+    "events": [
+      {
+        "key": "onChange",
+        "name": "数据变化事件",
+        "desc": "在数据变化事件时，执行方法",
+        "func": "function onChange(val) {\n\t\n}"
+      }
+    ]
+  }
+}

package/lib/lowcode/view/lc-components/FieldRadio/meta.json

@@ -0,0 +1,20 @@
+{
+  "component": "FieldRadio",
+  "name": "单选组件",
+  "group": "field",
+  "desc": "圆形单选表单项",
+  "icon": "icon-fieldstring",
+  "groupName": "表单项",
+  "order": 1,
+  "props": [],
+  "advance": {
+    "events": [
+      {
+        "key": "onChange",
+        "name": "数据变化事件",
+        "desc": "选中 option时，调用此函数",
+        "func": "function onChange(event) {\n\t\n}"
+      }
+    ]
+  }
+}

package/lib/lowcode/view/lc-components/FieldRegion/meta.json

@@ -0,0 +1,26 @@
+{
+  "component": "FieldRegion",
+  "name": "省市区选择",
+  "group": "field",
+  "desc": "省市区级联选择表单项",
+  "icon": "icon-fieldstring",
+  "groupName": "表单项",
+  "order": 1,
+  "props": [],
+  "advance": {
+    "events": [
+      {
+        "key": "onChange",
+        "name": "数据变化事件",
+        "desc": "选中 option时，调用此函数",
+        "func": "function onChange(value,option) {\n\t\n}"
+      },
+      {
+        "key": "onPopupVisibleChange",
+        "name": "显示/隐藏浮层的回调",
+        "desc": "显示/隐藏浮层的回调",
+        "func": "function onPopupVisibleChange(visible) {\n\t\n}"
+      }
+    ]
+  }
+}

package/lib/lowcode/view/lc-components/FieldSelect/meta.json

@@ -0,0 +1,58 @@
+{
+  "component": "FieldSelect",
+  "name": "下拉选择器",
+  "group": "field",
+  "desc": "下拉选择器，支持单选、多选、tag标签选择",
+  "icon": "icon-fieldstring",
+  "groupName": "表单项",
+  "order": 1,
+  "props": [
+    {
+      "key": "filterOption",
+      "name": "根据输入项筛选",
+      "type": "switch",
+      "desc": "当其为一个函数时，会接收 inputValue option 两个参数，当 option 符合筛选条件时，应返回 true，反之则返回 false。异步搜索时，由于服务端已经进行过一次筛选，如不需要前端对下拉选项进行再次筛选，应设为false",
+      "default": true
+    },
+    {
+      "key": "dropdownMatchSelectWidth",
+      "name": "下拉和选择器同宽",
+      "type": "switch",
+      "default": true
+    }
+  ],
+  "advance": {
+    "events": [
+      {
+        "key": "onChange",
+        "name": "数据变化事件",
+        "desc": "选中 option，或 input 的 value 变化（combobox 模式下）时，调用此函数",
+        "func": "function onChange(value,option) {\n\t\n}"
+      },
+      {
+        "key": "onSelect",
+        "name": "被选中时回调",
+        "desc": "被选中时调用，参数为选中项的 value (或 key) 值",
+        "func": "function onSelect(value,option) {\n\t\n}"
+      },
+      {
+        "key": "onSearch",
+        "name": "搜索事件",
+        "desc": "文本框值变化时的回调",
+        "func": "function onSearch(value) {\n\t\n}"
+      },
+      {
+        "key": "onBlur",
+        "name": "失去焦点事件",
+        "desc": "失去焦点的时回调",
+        "func": "function onBlur() {\n\t\n}"
+      },
+      {
+        "key": "onFocus",
+        "name": "获得焦点事件",
+        "desc": "获得焦点时回调",
+        "func": "function onFocus() {\n\t\n}"
+      }
+    ]
+  }
+}