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

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

@@ -1,30 +1,82 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["id", "parentId", "width", "height", "className", "blocks", "advance", "initData", "readOnly"];
-import React, { useRef, forwardRef } from 'react';
-import { useMemoizedFn } from 'ahooks';
+import React, { useRef, forwardRef, Fragment, useImperativeHandle } from 'react';
+import { useMemoizedFn, useCreation, useMount, useUnmount } from 'ahooks';
 import classNames from 'classnames';
 import { reduce, includes, isNil } from 'lodash';
+import { BasicDivider } from 'luck-design';
+import { Collapse } from '@luck-design-biz/base';
 import Wrapper from "../Wrapper";
 import { LdFormList } from "../../../../index";
 import { omitBadProps, executeCode } from "../../../engine/tools/helper";
-import { useContext } from "../../../engine/provider/ContextProvider";
+import { useContext, useRemoteSource } from "../../../engine/provider/ContextProvider";
+import buildUploadForm from "../../../../upload/Form";
+import LdRuntimeCom from "../../../../components/LdRuntimeCom";
 import defaultMeta from "../../../engine/meta/form.props.default.json";
 import styles from "./index.less";
-var LCForm = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var id = _ref.id,
-    parentId = _ref.parentId,
-    width = _ref.width,
-    height = _ref.height,
-    className = _ref.className,
-    blocks = _ref.blocks,
-    advance = _ref.advance,
-    initData = _ref.initData,
-    readOnly = _ref.readOnly,
-    props = _objectWithoutProperties(_ref, _excluded);
+var Header = function Header(_ref) {
+  var _ref$header = _ref.header,
+    header = _ref$header === void 0 ? 'collapse' : _ref$header,
+    title = _ref.title,
+    ldId = _ref.ldId,
+    children = _ref.children;
+  if (header === 'collapse' || header === 'collapseFollow') return /*#__PURE__*/React.createElement(Collapse, {
+    title: title || ldId,
+    id: ldId,
+    key: ldId,
+    mode: header === 'collapse' && 'tab'
+  }, children);
+  return /*#__PURE__*/React.createElement(Fragment, {
+    key: ldId
+  }, header === 'divider' && /*#__PURE__*/React.createElement(BasicDivider, {
+    title: title || ldId,
+    id: ldId
+  }), children);
+};
+var LCForm = /*#__PURE__*/forwardRef(function (_ref2, ref) {
+  var id = _ref2.id,
+    parentId = _ref2.parentId,
+    width = _ref2.width,
+    height = _ref2.height,
+    className = _ref2.className,
+    blocks = _ref2.blocks,
+    advance = _ref2.advance,
+    initData = _ref2.initData,
+    readOnly = _ref2.readOnly,
+    showSave = _ref2.showSave,
+    saveTitle = _ref2.saveTitle,
+    settingLayout = _ref2.settingLayout,
+    renderFormLeft = _ref2.renderFormLeft,
+    renderFormRight = _ref2.renderFormRight,
+    children = _ref2.children;
+  var apiRef = useRef();
   var boxRef = useRef();
+  var formRef = useRef();
   var ctx = useContext();
+  var remoteSource = useRemoteSource();
+  var serials = useCreation(function () {
+    var _remoteSource$serials;
+    return ((_remoteSource$serials = remoteSource.serials) === null || _remoteSource$serials === void 0 ? void 0 : _remoteSource$serials.map(function (i) {
+      return i.serial;
+    })) || [];
+  }, [remoteSource.serials]);
+  useMount(function () {
+    ctx.doAction(advance.events.onMount, {
+      instance: (ref || formRef).current
+    });
+  });
+  useUnmount(function () {
+    ctx.doAction(advance.events.onUnmount, {
+      instance: (ref || formRef).current
+    });
+  });
+  useImperativeHandle(apiRef, function () {
+    return {
+      getForm: function getForm() {
+        return (ref || formRef).current;
+      }
+    };
+  });
   var getTargetDom = useMemoizedFn(function () {
     return boxRef.current;
   });
@@ -34,9 +86,9 @@ var LCForm = /*#__PURE__*/forwardRef(function (_ref, ref) {
     };
     return executeCode(ctx, defaultDataSourceFormat, ['defaultValues'], defaultValues);
   });
-  var handleDataSourceFormat = useMemoizedFn(function (dataSourceFormat, _ref2) {
-    var values = _ref2.values,
-      submitData = _ref2.submitData;
+  var handleDataSourceFormat = useMemoizedFn(function (dataSourceFormat, _ref3) {
+    var values = _ref3.values,
+      submitData = _ref3.submitData;
     if (isNil(dataSourceFormat)) return submitData;
     return executeCode(ctx, dataSourceFormat, ['values', 'submitData'], values, submitData);
   });
@@ -50,61 +102,166 @@ var LCForm = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var handleGridFormReady = useMemoizedFn(function (onGridFormReady, ref, params, gridForm) {
     if (!isNil(onGridFormReady)) return executeCode(ctx, onGridFormReady, ['ref', 'params', 'gridForm'], ref, params, gridForm);
   });
+  var handleResetActions = useMemoizedFn(function (resetActions, data, index, actionList, params) {
+    if (isNil(resetActions)) return actionList;
+    return executeCode(ctx, resetActions, ['data', 'index', 'actionList', 'params'], data, index, actionList, params);
+  });
+  var handleForbiddenTypes = useMemoizedFn(function (forbiddenTypes) {
+    if (isNil(forbiddenTypes)) return [];
+    return executeCode(ctx, forbiddenTypes, []);
+  });
+  var handleBeforeUpload = useMemoizedFn(function (beforeUpload, file, fileList) {
+    if (isNil(beforeUpload)) return true;
+    return executeCode(ctx, beforeUpload, ['file', 'fileList'], file, fileList);
+  });
+  var handleUploadChange = useMemoizedFn(function (onUploadChange, e) {
+    if (!isNil(onUploadChange)) return executeCode(ctx, onUploadChange, ['event'], e);
+  });
+  var renderAffix = useMemoizedFn(function (_render) {
+    return _render ? /*#__PURE__*/React.createElement(LdRuntimeCom, null, _render) : null;
+  });
   var renderFormList = useMemoizedFn(function (formConfig) {
-    var formList = reduce(blocks, function (result, item) {
-      if (includes(['auto', 'grid', 'writer'], item.type)) {
-        if (item.dataset && includes(item.mode, formConfig.formMode)) {
-          var data = {
-            id: item.id,
-            type: item.type,
-            readOnly: item.readOnly,
-            title: item.name,
-            header: item.header,
-            dataSetKey: item.dataset.code,
-            serial: item.serial,
-            serialEffect: item.serialEffect,
-            defaultDataSourceFormat: function defaultDataSourceFormat(defaultValues) {
-              return handleDefaultDataSourceFormat(item.defaultDataSourceFormat, defaultValues);
-            },
-            onUpdate: {
-              post: function post(data) {
-                return handleDataSourceFormat(item.dataSourceFormat, data);
-              }
+    return reduce(blocks, function (result, item) {
+      if (includes(['auto', 'grid', 'writer'], item.type) && item.dataset && includes(item.mode, formConfig.formMode)) {
+        var data = {
+          id: item.id,
+          order: item.order,
+          type: item.type,
+          readOnly: item.readOnly,
+          title: item.name,
+          header: item.header,
+          dataSetKey: item.dataset.code,
+          serial: item.serial,
+          serialEffect: item.serialEffect,
+          defaultDataSourceFormat: function defaultDataSourceFormat(defaultValues) {
+            return handleDefaultDataSourceFormat(item.defaultDataSourceFormat, defaultValues);
+          },
+          onUpdate: {
+            post: function post(data) {
+              return handleDataSourceFormat(item.dataSourceFormat, data);
             }
-          };
-          if (item.type === 'auto') data = _objectSpread(_objectSpread({}, data), {}, {
-            col: item.cols
-          });else data = _objectSpread(_objectSpread({}, data), {}, {
+          }
+        };
+        if (item.type === 'auto') data = _objectSpread(_objectSpread({}, data), {}, {
+          col: item.cols
+        });else data = _objectSpread(_objectSpread({}, data), {}, {
+          suppressPreset: item.suppressPreset,
+          height: item.height,
+          bordered: item.bordered,
+          draggable: item.draggable,
+          orderByAdd: item.orderByAdd,
+          hideActionsColumn: item.suppressActions,
+          actionsWidth: item.actionsColumnWidth,
+          columnsReset: function columnsReset(columns) {
+            return handleColumnsReset(item.columnsReset, columns);
+          },
+          onGridFormReady: function onGridFormReady(ref, params, gridForm) {
+            return handleGridFormReady(item.onGridFormReady, ref, params, gridForm);
+          }
+        });
+        if (item.actionsColumnReset) data = _objectSpread(_objectSpread({}, data), {}, {
+          resetActionsColumn: function resetActionsColumn(data, index, actions, params) {
+            return handleResetActionsColumn(item.actionsColumnReset, data, index, actions, params);
+          }
+        });
+        result.push(data);
+      }
+      return result;
+    }, []);
+  });
+  var renderFormExtra = useMemoizedFn(function (formConfig) {
+    return reduce(blocks, function (result, item) {
+      if (includes(item.mode, formConfig.formMode) && !item.serial || item.serialEffect === 'disable' || includes(serials, item.serial)) {
+        if (item.type === 'uploadForm') {
+          var _remoteSource$pageinf;
+          var dom = /*#__PURE__*/React.createElement(Header, {
+            ldId: item.id,
+            key: item.id,
+            header: item.header,
+            title: item.name,
+            order: item.order
+          }, buildUploadForm(_objectSpread(_objectSpread({}, formConfig), {}, {
+            formId: item.id,
+            moduleCode: remoteSource === null || remoteSource === void 0 || (_remoteSource$pageinf = remoteSource.pageinfo) === null || _remoteSource$pageinf === void 0 || (_remoteSource$pageinf = _remoteSource$pageinf.relationship) === null || _remoteSource$pageinf === void 0 ? void 0 : _remoteSource$pageinf.moduleCode,
+            readOnly: item.readOnly || formConfig.readOnly || item.serial && !includes(serials, item.serial),
             suppressPreset: item.suppressPreset,
             height: item.height,
             bordered: item.bordered,
-            draggable: item.draggable,
-            orderByAdd: item.orderByAdd,
-            hideActionsColumn: item.suppressActions,
-            actionsWidth: item.actionsColumnWidth,
-            columnsReset: function columnsReset(columns) {
-              return handleColumnsReset(item.columnsReset, columns);
+            showNote: item.showNote,
+            zipName: "".concat(item.zipName || 'download', ".zip"),
+            uploadUrl: item.uploadUrl,
+            resetActions: item.useResetActions ? null : function () {
+              for (var _len = arguments.length, params = new Array(_len), _key = 0; _key < _len; _key++) {
+                params[_key] = arguments[_key];
+              }
+              return handleResetActions.apply(void 0, [item.resetActions].concat(params));
             },
-            onGridFormReady: function onGridFormReady(ref, params, gridForm) {
-              return handleGridFormReady(item.onGridFormReady, ref, params, gridForm);
-            }
-          });
-          if (item.actionsColumnReset) data = _objectSpread(_objectSpread({}, data), {}, {
-            resetActionsColumn: function resetActionsColumn(data, index, actions, params) {
-              return handleResetActionsColumn(item.actionsColumnReset, data, index, actions, params);
+            forbiddenTypes: function forbiddenTypes() {
+              return handleForbiddenTypes(item.forbiddenTypes);
+            },
+            beforeUpload: function beforeUpload() {
+              for (var _len2 = arguments.length, params = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+                params[_key2] = arguments[_key2];
+              }
+              return handleBeforeUpload.apply(void 0, [item.beforeUpload].concat(params));
+            },
+            onUploadChange: function onUploadChange(e) {
+              return handleUploadChange(item.onUploadChange, e);
             }
-          });
-          result.push(data);
+          })));
+          result.push(dom);
+        }
+        if (item.type === 'blank') {
+          var _dom = /*#__PURE__*/React.createElement(Header, {
+            ldId: item.id,
+            key: item.id,
+            header: item.header,
+            title: item.name,
+            order: item.order
+          }, children === null || children === void 0 ? void 0 : children.find(function (child) {
+            return child.props.formBoxId === item.id;
+          }));
+          result.push(_dom);
         }
       }
       return result;
     }, []);
-    return formList;
+  });
+  var beforeSubmit = useMemoizedFn(function (values, data) {
+    return new Promise(function (resolve) {
+      if (isNil(advance.events.beforeSave)) resolve(values);else {
+        var _data = ctx.doAction(advance.events.beforeSave, {
+          values: values,
+          data: data
+        });
+        resolve(_data);
+      }
+      ;
+    });
+  });
+  var afterSubmit = useMemoizedFn(function (success, mainKey, res) {
+    ctx.doAction(advance.events.onSaveCallback, {
+      success: success,
+      mainKey: mainKey,
+      res: res
+    });
+  });
+  var onValueChange = useMemoizedFn(function (change, data) {
+    ctx.doAction(advance.events.onValueChange, {
+      change: change,
+      data: data
+    });
+  });
+  var onChildChange = useMemoizedFn(function (instance) {
+    ctx.doAction(advance.events.onChildChange, {
+      instance: instance
+    });
   });
   return /*#__PURE__*/React.createElement(Wrapper, {
     id: id,
     displayName: "Form",
-    getTargetDom: getTargetDom
+    getTargetDom: getTargetDom,
+    api: apiRef
   }, /*#__PURE__*/React.createElement("div", {
     ref: boxRef,
     style: {
@@ -116,10 +273,24 @@ var LCForm = /*#__PURE__*/forwardRef(function (_ref, ref) {
     ldId: id,
     className: classNames(styles['lc-component-form'], _defineProperty({}, className, !!className)),
     renderFormList: renderFormList,
+    renderFormExtra: renderFormExtra,
     mainFormLdId: "block_main",
     initData: initData,
-    ref: ref,
-    readOnly: readOnly
+    ref: ref || formRef,
+    readOnly: readOnly,
+    showSaveBtn: showSave,
+    saveBtnTitle: saveTitle,
+    affixLayout: settingLayout,
+    renderAffixLeft: function renderAffixLeft() {
+      return renderAffix(renderFormLeft);
+    },
+    renderAffixRight: function renderAffixRight() {
+      return renderAffix(renderFormRight);
+    },
+    beforeSubmit: beforeSubmit,
+    afterSubmit: advance.events.onSaveCallback ? afterSubmit : null,
+    onValueChange: onValueChange,
+    onChildChange: onChildChange
   })));
 });
 LCForm.defaultProps = omitBadProps(defaultMeta);

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

@@ -94,7 +94,8 @@
           "serialEffect": "disable",
           "mode": ["add", "update", "edit", "info"],
           "cols": 4,
-          "readOnly": false
+          "readOnly": false,
+          "order": 1
         }
       ],
       "wrapper": "hidden",
@@ -111,7 +112,7 @@
                 "key": "fields",
                 "name": "#字段配置器",
                 "type": "_FieldsSetting",
-                "component": "table"
+                "component": "form"
               }
             ]
           }
@@ -195,7 +196,6 @@
             "table": {
               "readOnly": false,
               "suppressPreset": false,
-              "width": "100%",
               "height": "100%",
               "bordered": false,
               "popTitleKey": "title",
@@ -207,12 +207,11 @@
             "uploadForm": { 
               "readOnly": false,
               "suppressPreset": false,
-              "width": "100%",
-              "height": "100%",
+              "height": "300px",
               "bordered": false,
               "showNote": false,
               "zipName": "download",
-              "useResetActions": true
+              "useResetActions": false
              }
           },
           "next": {
@@ -305,7 +304,8 @@
                   {
                     "key": "actionsColumnWidth",
                     "name": "列宽",
-                    "type": "_WidthHeight",
+                    "type": "_ActionsColumnWidth",
+                    "convertInt": true,
                     "options": [{ "label": "px", "value": "px" }]
                   },
                   {
@@ -415,13 +415,14 @@
                   {
                     "key": "actionsColumnWidth",
                     "name": "列宽",
-                    "type": "_WidthHeight",
+                    "type": "_ActionsColumnWidth",
+                    "convertInt": true,
                     "options": [{ "label": "px", "value": "px" }]
                   },
                   {
                     "key": "actionsColumnReset",
-                    "name": "重写操列",
-                    "desc": "重写操列",
+                    "name": "重写操作列",
+                    "desc": "重写操作列",
                     "type": "_JSEditor",
                     "defaultCode": "function actionsColumnReset(data, index, actions, params) { \n \t \n}",
                     "mustConfirm": true,
@@ -477,21 +478,11 @@
                 "name": "只读",
                 "type": "switch"
               },
-              {
-                "key": "colWidth",
-                "name": "默认列长度",
-                "type": "number"
-              },
               {
                 "key": "suppressPreset",
                 "name": "关闭预设",
                 "type": "switch"
               },
-              {
-                "key": "width",
-                "name": "宽度",
-                "type": "_WidthHeight"
-              },
               {
                 "key": "height",
                 "name": "高度",
@@ -527,7 +518,7 @@
                 "key": "resetActions",
                 "name": "自定义操作列",
                 "type": "_JSEditor",
-                "defaultCode": "function resetActions(data, index, actionList, params) { \n\t\n}",
+                "defaultCode": "function resetActions(data, index, actionList, params) { \n return actionList; \n}",
                 "mustConfirm": true,
                 "wrapper": "collapse",
                 "wrapperProps": { "suppressIcon": true }
@@ -571,25 +562,37 @@
         "key": "onMount",
         "name": "组件首次渲染时",
         "desc": "在组件首次渲染时，执行方法",
-        "func": "(params)=>{\n\t\n}"
-      },
-      {
-        "key": "onUnmount",
-        "name": "组件卸载时",
-        "desc": "在组件卸载时，执行方法。",
-        "func": "(params)=>{\n\t\n}"
+        "func": "(instance)=>{\n\t\n}"
       },
       {
         "key": "beforeSave",
         "name": "保存前置事件",
         "desc": "保存前置事件，promise，返回false取消执行",
-        "func": "(data, params)=>{\n\t\n}"
+        "func": "(values, data) => {\n return values; \n}"
       },
       {
         "key": "onSaveCallback",
         "name": "保存后回调",
         "desc": "保存后回调事件",
-        "func": "(params)=>{\n\t\n}"
+        "func": "(success, mainKey, res)=>{\n\t\n}"
+      },
+      {
+        "key": "onUnmount",
+        "name": "组件卸载时",
+        "desc": "在组件卸载时，执行方法",
+        "func": "(instance)=>{\n\t\n}"
+      },
+      {
+        "key": "onValueChange",
+        "name": "参数变化的事件",
+        "desc": "参数变化时，执行方法",
+        "func": "(change, data)=>{\n\t\n}"
+      },
+      {
+        "key": "onChildChange",
+        "name": "表单内容发生改变时的回调",
+        "desc": "表单内容发生改变时的回调",
+        "func": "(instance)=>{\n\t\n}"
       }
     ]
   }

package/es/lowcode/view/lc-components/Iframe/FunctionDesign.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 FunctionDesign = function FunctionDesign(_ref) {
   var children = _ref.children,

package/es/lowcode/view/lc-components/Iframe/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/Iframe/FunctionPreview.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 FunctionPreview = function FunctionPreview(_ref) {
   var children = _ref.children,

package/es/lowcode/view/lc-components/ImEx/FunctionDesign.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 FunctionDesign = function FunctionDesign(_ref) {
   var children = _ref.children,

package/es/lowcode/view/lc-components/ImEx/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/ImEx/FunctionPreview.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 FunctionPreview = function FunctionPreview(_ref) {
   var children = _ref.children,

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

@@ -34,7 +34,7 @@
       "key": "title",
       "name": "标题",
       "desc": "按钮上显示的文字",
-      "type": "string",
+      "type": "_I18nInput",
       "default": "导入｜导出"
     },
     {

package/es/lowcode/view/lc-components/Image/FunctionDesign.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 FunctionDesign = function FunctionDesign(_ref) {
   var children = _ref.children,

package/es/lowcode/view/lc-components/Image/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/Image/FunctionPreview.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 FunctionPreview = function FunctionPreview(_ref) {
   var children = _ref.children,

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

@@ -72,13 +72,13 @@
       "key": "title",
       "name": "标题",
       "desc": "图片html原生title",
-      "type": "string"
+      "type": "_I18nInput"
     },
     {
       "key": "alt",
       "name": "替代文本",
       "desc": "图片加载失败的占位文字",
-      "type": "string"
+      "type": "_I18nInput"
     },
     {
       "key": "preview",

package/es/lowcode/view/lc-components/JSX/FunctionDesign.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 FunctionDesign = function FunctionDesign(_ref) {
   var children = _ref.children,

package/es/lowcode/view/lc-components/JSX/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/JSX/FunctionPreview.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 FunctionPreview = function FunctionPreview(_ref) {
   var children = _ref.children,