@luck-design-biz/luckda 0.0.25-1 → 0.0.25-10

package/es/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/es/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/es/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/es/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/es/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}"
+      }
+    ]
+  }
+}

package/es/lowcode/view/lc-components/FieldString/meta.json

@@ -0,0 +1,62 @@
+{
+  "component": "FieldString",
+  "name": "字符串",
+  "group": "field",
+  "desc": "字符串类型表单项",
+  "icon": "icon-fieldstring",
+  "groupName": "表单项",
+  "order": 1,
+  "props": [
+    {
+      "key": "maxLength",
+      "name": "输入字数限制",
+      "type": "number"
+    },
+    {
+      "key": "addonBefore",
+      "name": "前置内容",
+      "type": "string",
+      "default": ""
+    },
+    {
+      "key": "addonAfter",
+      "name": "后置内容",
+      "type": "string",
+      "default": ""
+    },
+    {
+      "key": "prefix",
+      "name": "前缀内容",
+      "type": "string",
+      "default": ""
+    },
+    {
+      "key": "suffix",
+      "name": "后缀内容",
+      "type": "string",
+      "default": ""
+    }
+  ],
+  "advance": {
+    "events": [
+      {
+        "key": "onChange",
+        "name": "数据变化事件",
+        "desc": "在数据变化事件时，执行方法",
+        "func": "function onChange(ev) {\n\t\n}"
+      },
+      {
+        "key": "onBlur",
+        "name": "失去焦点事件",
+        "desc": "在失去焦点时，执行方法",
+        "func": "function onBlur(ev) {\n\t\n}"
+      },
+      {
+        "key": "onFocus",
+        "name": "获取焦点事件",
+        "desc": "获取焦点时，执行方法",
+        "func": "function onFocus(ev) {\n\t\n}"
+      }
+    ]
+  }
+}

package/es/lowcode/view/lc-components/FieldSwitch/meta.json

@@ -0,0 +1,31 @@
+{
+  "component": "FieldSwitch",
+  "name": "开关",
+  "group": "field",
+  "desc": "开关类型表单项",
+  "icon": "icon-fieldstring",
+  "groupName": "表单项",
+  "order": 1,
+  "props": [
+    {
+      "key": "checkedChildren",
+      "name": "选中时文本",
+      "type": "string"
+    },
+    {
+      "key": "unCheckedChildren",
+      "name": "非选中时文本",
+      "type": "string"
+    }
+  ],
+  "advance": {
+    "events": [
+      {
+        "key": "onChange",
+        "name": "开关变化事件",
+        "desc": "在开关变化时，执行方法",
+        "func": "function onChange(checked) {\n\t\n}"
+      }
+    ]
+  }
+}

package/es/lowcode/view/lc-components/FieldTextarea/meta.json

@@ -0,0 +1,49 @@
+{
+  "component": "FieldTextarea",
+  "name": "文本框",
+  "group": "field",
+  "desc": "文本框类型表单项",
+  "icon": "icon-fieldstring",
+  "groupName": "表单项",
+  "order": 1,
+  "props": [
+    {
+      "key": "rows",
+      "name": "行数",
+      "type": "number"
+    },
+    {
+      "key": "autosize",
+      "name": "自适应内容高度",
+      "type": "switch",
+      "default": false
+    },
+    {
+      "key": "maxLength",
+      "name": "输入字数限制",
+      "type": "number"
+    }
+  ],
+  "advance": {
+    "events": [
+      {
+        "key": "onChange",
+        "name": "数据变化事件",
+        "desc": "在数据变化时，执行方法",
+        "func": "function onChange(ev) {\n\t\n}"
+      },
+      {
+        "key": "onBlur",
+        "name": "失去焦点事件",
+        "desc": "在失去焦点时，执行方法",
+        "func": "function onBlur(ev) {\n\t\n}"
+      },
+      {
+        "key": "onFocus",
+        "name": "获取焦点事件",
+        "desc": "获取焦点时，执行方法",
+        "func": "function onFocus(ev) {\n\t\n}"
+      }
+    ]
+  }
+}

package/es/lowcode/view/lc-components/FieldUpload/meta.json

@@ -0,0 +1,71 @@
+{
+  "component": "FieldUpload",
+  "name": "附件上传",
+  "group": "field",
+  "desc": "附件上传表单项",
+  "icon": "icon-fieldstring",
+  "groupName": "表单项",
+  "order": 1,
+  "props": [
+    {
+      "key": "action",
+      "name": "上传地址",
+      "type": "string"
+    },
+    {
+      "key": "listType",
+      "name": "展示样式",
+      "type": "segmented",
+      "options": [
+        {
+          "label": "文本",
+          "value": "text"
+        },
+        {
+          "label": "图片",
+          "value": "picture"
+        },
+        {
+          "label": "图片卡片",
+          "value": "picture-card"
+        }
+      ],
+      "default": "text"
+    },
+    {
+      "key": "num",
+      "name": "最大上传数",
+      "desc": "上传文件数，超过该值不显示上传按钮，0表示不限数量",
+      "type": "number",
+      "default": 0
+    },
+    {
+      "key": "name",
+      "name": "发到后台的文件参数名",
+      "type": "string",
+      "default": "files"
+    },
+    {
+      "key": "accept",
+      "name": "上传的文件类型",
+      "type": "string",
+      "default": "*"
+    }
+  ],
+  "advance": {
+    "events": [
+      {
+        "key": "onChange",
+        "name": "上传文件改变时的状态",
+        "desc": "上传文件改变时的状态",
+        "func": "function onChange(e) {\n\t\n}"
+      },
+      {
+        "key": "beforeUpload",
+        "name": "上传之前的回调",
+        "desc": "上传文件之前的钩子，参数为上传的文件",
+        "func": "function beforeUpload(file,fileList) {\n\t\n}"
+      }
+    ]
+  }
+}

package/es/lowcode/view/lc-components/FieldUser/meta.json

@@ -0,0 +1,82 @@
+{
+  "component": "FieldUser",
+  "name": "用户",
+  "group": "field",
+  "desc": "用户类型表单项",
+  "icon": "icon-fieldstring",
+  "groupName": "表单项",
+  "order": 1,
+  "props": [
+    {
+      "key": "allowClear",
+      "name": "允许清除",
+      "type": "switch",
+      "default": true
+    },
+    {
+      "key": "screenable",
+      "name": "弹窗选择",
+      "type": "switch",
+      "default": "true"
+    },
+    {
+      "key": "mode",
+      "name": "更新模式",
+      "type": "segmented",
+      "options": [
+        {
+          "label": "覆盖",
+          "value": "modify"
+        },
+        {
+          "label": "追加",
+          "value": "except"
+        }
+      ],
+      "default": "modify"
+    },
+    {
+      "key": "extraFilter",
+      "name": "登录人过滤",
+      "type": "segmented",
+      "desc": "按登录人信息过滤",
+      "options": [
+        {
+          "label": "不过滤",
+          "value": null
+        },
+        {
+          "label": "管辖部门",
+          "value": "0"
+        },
+        {
+          "label": "所属部门",
+          "value": "1"
+        }
+      ],
+      "default": null
+    }
+  ],
+  "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/es/lowcode/view/lc-components/FieldYear/meta.json

@@ -0,0 +1,20 @@
+{
+  "component": "FieldYear",
+  "name": "年份选择",
+  "group": "field",
+  "desc": "年份选择表单项",
+  "icon": "icon-fieldstring",
+  "groupName": "表单项",
+  "order": 1,
+  "props": [],
+  "advance": {
+    "events": [
+      {
+        "key": "onChange",
+        "name": "数据变化事件",
+        "desc": "时间发生变化的回调，用户选择时间时触发",
+        "func": "function onChange(date, dateString) {\n\t\n}"
+      }
+    ]
+  }
+}

package/es/lowcode/view/lc-components/Form/FunctionDesign.js

@@ -1,30 +1,82 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 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 _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["children", "blocks", "id"];
-import React, { useRef, useState } from 'react';
+import React, { useRef, useEffect } from 'react';
 import { usePrevious, useUpdateLayoutEffect } from 'ahooks';
-import { isEqual, differenceWith, cloneDeep } from 'lodash';
+import { isEqual, cloneDeep, differenceBy } from 'lodash';
+import { suid } from '@luck-design-biz/base/utils';
+import { useContext, useGet, addNode } from "../../../engine/provider/ContextProvider";
+import boxDefaultMeta from "../../../engine/meta/box.props.default.json";
 import Index from "./index";
+import { keyBy, forEach } from 'lodash';
 var FunctionDesign = function FunctionDesign(_ref) {
   var children = _ref.children,
     blocks = _ref.blocks,
     id = _ref.id,
     props = _objectWithoutProperties(_ref, _excluded);
   var ref = useRef(null);
+  var ctx = useContext();
+  var current = useGet({
+    id: id
+  });
   var previousBlocks = usePrevious(cloneDeep(blocks), function (prev, next) {
     return !isEqual(prev, next);
   });
   useUpdateLayoutEffect(function () {
-    var difference = differenceWith(blocks, previousBlocks, function (arrVal, othVal) {
-      var _arrVal$dataset, _othVal$dataset;
-      return arrVal.id === othVal.id && ((_arrVal$dataset = arrVal.dataset) === null || _arrVal$dataset === void 0 ? void 0 : _arrVal$dataset.code) === ((_othVal$dataset = othVal.dataset) === null || _othVal$dataset === void 0 ? void 0 : _othVal$dataset.code);
-    });
-    difference.forEach(function (df) {
-      var _df$dataset;
-      ((_df$dataset = df.dataset) === null || _df$dataset === void 0 ? void 0 : _df$dataset.code) && ref.current.doQueryOne(df.id);
+    var blocksObj = keyBy(blocks, 'id');
+    var previousBlocksObj = keyBy(previousBlocks, 'id');
+    forEach(blocksObj, function (value, key) {
+      var _value$dataset, _previousBlocksObj$ke, _value$dataset2, _previousBlocksObj$ke2;
+      if (((_value$dataset = value.dataset) === null || _value$dataset === void 0 ? void 0 : _value$dataset.code) !== ((_previousBlocksObj$ke = previousBlocksObj[key]) === null || _previousBlocksObj$ke === void 0 || (_previousBlocksObj$ke = _previousBlocksObj$ke.dataset) === null || _previousBlocksObj$ke === void 0 ? void 0 : _previousBlocksObj$ke.code)) ((_value$dataset2 = value.dataset) === null || _value$dataset2 === void 0 ? void 0 : _value$dataset2.code) && ref.current.doQueryOne(key);
+      if (value.actionsColumnReset !== ((_previousBlocksObj$ke2 = previousBlocksObj[key]) === null || _previousBlocksObj$ke2 === void 0 ? void 0 : _previousBlocksObj$ke2.actionsColumnReset)) {
+        var _ctx$componentMap$get2;
+        var _ctx$componentMap$get = (_ctx$componentMap$get2 = ctx.componentMap.get(id)) === null || _ctx$componentMap$get2 === void 0 ? void 0 : _ctx$componentMap$get2.api.getForm().getFormRef(key).formRef.current,
+          gridApi = _ctx$componentMap$get.gridApi;
+        gridApi.api.refreshCells({
+          columns: ['luck-actions'],
+          force: true
+        });
+      }
     });
   }, [JSON.stringify(blocks)]);
+  useEffect(function () {
+    var cmid = ctx.$subscriber(ctx.topics.COMPONENT_MODIFY).on(function (_ref2) {
+      var compId = _ref2.id,
+        newValue = _ref2.newValue,
+        oldValue = _ref2.oldValue;
+      if (compId !== id || !newValue.hasOwnProperty('blocks')) return;
+      if (newValue.blocks.length > oldValue.blocks.length) {
+        var _differenceBy = differenceBy(newValue.blocks, oldValue.blocks, 'id'),
+          _differenceBy2 = _slicedToArray(_differenceBy, 1),
+          newItem = _differenceBy2[0];
+        if (newItem.type === 'blank') {
+          var boxId = "box_".concat(suid());
+          addNode(id, boxId, _objectSpread(_objectSpread({}, boxDefaultMeta), {}, {
+            buildIn: true,
+            formBoxId: newItem.id
+          }));
+        }
+      } else if (newValue.blocks.length < oldValue.blocks.length) {
+        var _differenceBy3 = differenceBy(oldValue.blocks, newValue.blocks, 'id'),
+          _differenceBy4 = _slicedToArray(_differenceBy3, 1),
+          removeItem = _differenceBy4[0];
+        if (removeItem.type === 'blank') {
+          var _boxId = current.children.find(function (childId) {
+            return current[childId].props.formBoxId === removeItem.id;
+          });
+          ctx.$publisher(ctx.topics.COMPONENT_DELETE, {
+            id: _boxId
+          });
+        }
+      }
+    }).watch();
+    return function () {
+      return ctx.$unsubscriber(ctx.topics.COMPONENT_MODIFY, cmid);
+    };
+  }, []);
   return /*#__PURE__*/React.createElement(Index, _extends({}, props, {
     id: id,
     blocks: blocks,

package/es/lowcode/view/lc-components/Form/FunctionLive.js

@@ -1,5 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["children"];
+import React from 'react';
 import Index from "./index";
 var FunctionLive = function FunctionLive(_ref) {
   var children = _ref.children,

package/es/lowcode/view/lc-components/Form/FunctionPreview.js

@@ -1,9 +1,17 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["children"];
+import React from 'react';
 import Index from "./index";
 var FunctionPreview = function FunctionPreview(_ref) {
   var children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Index, props, children);
+  return /*#__PURE__*/React.createElement(Index, _extends({}, props, {
+    initData: {
+      formMode: 'update',
+      ticketData: _defineProperty({}, window.appConfig.constraintKeys.PRIMARY, 'test')
+    }
+  }), children);
 };
 export default FunctionPreview;