@luck-design-biz/luckda 0.0.24-3 → 0.0.25-10

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

@@ -1,20 +1,461 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["id"];
-import React, { useRef } from 'react';
-import { useMemoizedFn } from 'ahooks';
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+var _excluded = ["advance"];
+import React, { useRef, forwardRef, Fragment, useImperativeHandle, useEffect } from 'react';
+import { useMemoizedFn, useCreation, useMount } from 'ahooks';
+import classNames from 'classnames';
+import { reduce, includes, isNil, cloneDeep, last, startsWith, isString } from 'lodash';
+import { BasicDivider } from 'luck-design';
+import { Collapse } from '@luck-design-biz/base';
+import { formatMessage, getPageQuery } from '@luck-design-biz/base/utils';
 import Wrapper from "../Wrapper";
-var LCForm = function LCForm(_ref) {
-  var id = _ref.id,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var ref = useRef();
+import { LdFormList } from "../../../../index";
+import { omitBadProps, executeCode, getLDMetaAttr } from "../../../engine/tools/helper";
+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 _I18N_PREFIX_ = 'lc.form.validator';
+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 getMthodParams = function getMthodParams(methodStr) {
+  var paramRegex = /\((.*?)\)/;
+  var match = methodStr.match(paramRegex);
+  if (match && match.length > 1) {
+    var paramStr = match[1];
+    var params = reduce(paramStr.split(','), function (result, param) {
+      var _param$trim;
+      if (((_param$trim = param.trim()) === null || _param$trim === void 0 ? void 0 : _param$trim.length) > 0) result.push(param.trim());
+      return result;
+    }, []);
+    return params;
+  }
+  return [];
+};
+var LCForm = /*#__PURE__*/forwardRef(function (_ref2, ref) {
+  var _ctx$pagePublicResour2;
+  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 _initData = useCreation(function () {
+    return getPageQuery();
+  }, []); // 获取主界面传递过来的详情页参数
+
+  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
+    });
+  });
+  useEffect(function () {
+    var tid = ctx.$subscriber(ctx.topics.PAGE_PUBLIC_RESOURCE_CHANGED).on(function (_ref3) {
+      var resource = _ref3.resource,
+        prevResource = _ref3.prevResource;
+      ctx.doAction(advance.events.onPagePublicResourceChanged, {
+        resource: resource,
+        prevResource: prevResource,
+        instance: (ref || formRef).current
+      });
+    }).watch();
+    return function () {
+      ctx.$unsubscriber(ctx.topics.PAGE_PUBLIC_RESOURCE_CHANGED, tid);
+      ctx.doAction(advance.events.onUnmount, {
+        instance: (ref || formRef).current
+      });
+    };
+  }, []);
+  useImperativeHandle(apiRef, function () {
+    return {
+      /**
+       * 获取表格实例
+       * @method
+       */
+      getInstance: function getInstance() {
+        return (ref || formRef).current;
+      },
+      /**
+       * 提交表格数据
+       * @method
+       */
+      submit: function submit() {
+        var _ctx$pagePublicResour;
+        var instance = (ref || formRef).current;
+        var _ref4 = ((_ctx$pagePublicResour = ctx.pagePublicResource) === null || _ctx$pagePublicResour === void 0 ? void 0 : _ctx$pagePublicResour[id]) || initData || _initData || {},
+          formMode = _ref4.formMode;
+        if (formMode === 'add') {
+          instance.onAdd();
+        } else if (formMode === 'update') {
+          instance.onBatchUpdate();
+        }
+      }
+    };
+  });
   var getTargetDom = useMemoizedFn(function () {
-    return ref.current;
+    return boxRef.current;
+  });
+  var handleDefaultDataSourceFormat = useMemoizedFn(function (defaultDataSourceFormat, defaultValues) {
+    if (isNil(defaultDataSourceFormat)) return function () {
+      return defaultValues;
+    };
+    return executeCode(ctx, defaultDataSourceFormat, ['defaultValues'], defaultValues);
+  });
+  var handleDataSourceFormat = useMemoizedFn(function (dataSourceFormat, dataSetKey, _ref5) {
+    var values = _ref5.values,
+      submitData = _ref5.submitData;
+    if (isNil(dataSourceFormat)) return _defineProperty({}, dataSetKey, submitData);
+    return executeCode(ctx, dataSourceFormat, ['dataSetKey', 'values', 'submitData'], dataSetKey, values, submitData);
+  });
+  var handleResetActionsColumn = useMemoizedFn(function (actionsColumnReset, data, index, actions, params) {
+    return executeCode(ctx, actionsColumnReset, ['data', 'index', 'actions', 'params'], data, index, actions, params);
+  });
+  var handleColumnsReset = useMemoizedFn(function (actionsColumnReset, columns) {
+    if (isNil(actionsColumnReset)) return columns;
+    return executeCode(ctx, actionsColumnReset, ['columns'], columns);
+  });
+  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 setVerifyRules = function setVerifyRules(_props, verifyListObj) {
+    var _verifyListObj$length, _verifyListObj$min, _verifyListObj$max, _verifyListObj$rules;
+    var props = cloneDeep(_props);
+    props.config.rules = props.config.rules || [];
+    if ((_verifyListObj$length = verifyListObj.length) !== null && _verifyListObj$length !== void 0 && _verifyListObj$length.expression) props.config.rules.push({
+      validator: function validator(rule, value, callback) {
+        var _current;
+        var length = executeCode(ctx, verifyListObj.length.expression, ['cValue'], (_current = (ref || formRef).current) === null || _current === void 0 ? void 0 : _current.getCValue());
+        if (value.length > length) callback("".concat(formatMessage({
+          id: "".concat(_I18N_PREFIX_, ".maxLength"),
+          label: '字数不得超过'
+        })).concat(length).concat(formatMessage({
+          id: "".concat(_I18N_PREFIX_, ".textNum"),
+          label: '个字符'
+        })));
+        callback();
+      }
+    });
+    if ((_verifyListObj$min = verifyListObj.min) !== null && _verifyListObj$min !== void 0 && _verifyListObj$min.expression) props.config.rules.push({
+      validator: function validator(rule, value, callback) {
+        var _current2;
+        var min = executeCode(ctx, verifyListObj.min.expression, ['cValue'], (_current2 = (ref || formRef).current) === null || _current2 === void 0 ? void 0 : _current2.getCValue());
+        if (value < min) callback(formatMessage({
+          id: "".concat(_I18N_PREFIX_, ".numberBelowMin"),
+          label: '低于最小值'
+        }));
+        callback();
+      }
+    });
+    if ((_verifyListObj$max = verifyListObj.max) !== null && _verifyListObj$max !== void 0 && _verifyListObj$max.expression) props.config.rules.push({
+      validator: function validator(rule, value, callback) {
+        var _current3;
+        var max = executeCode(ctx, verifyListObj.max.expression, ['cValue'], (_current3 = (ref || formRef).current) === null || _current3 === void 0 ? void 0 : _current3.getCValue());
+        if (value > max) callback(formatMessage({
+          id: "".concat(_I18N_PREFIX_, ".numberExceedMax"),
+          label: '超过最大值'
+        }));
+        callback();
+      }
+    });
+    if (verifyListObj.email) props.config.type = 'email';
+    if (verifyListObj.idcard) props.config.type = 'idcard';
+    if (verifyListObj.mobile) props.config.type = 'mobile';
+    if ((_verifyListObj$rules = verifyListObj.rules) !== null && _verifyListObj$rules !== void 0 && _verifyListObj$rules.expression) props.config.rules.push({
+      validator: function validator(rule, value, callback) {
+        var _current4;
+        executeCode(ctx, verifyListObj.rules.expression, ['cValue', 'rule', 'value', 'callback'], (_current4 = (ref || formRef).current) === null || _current4 === void 0 ? void 0 : _current4.getCValue(), rule, value, callback);
+      }
+    });
+    return props;
+  };
+  var transEventsInfields = function transEventsInfields(fields) {
+    return fields.map(function (setting) {
+      var advance = setting.advance,
+        rest = _objectWithoutProperties(setting, _excluded);
+      var props = reduce(rest, function (result, value, key) {
+        //处理方法
+        result[key] = isString(value) && startsWith(value, 'function') ? function () {
+          for (var _len = arguments.length, _props = new Array(_len), _key = 0; _key < _len; _key++) {
+            _props[_key] = arguments[_key];
+          }
+          return executeCode.apply(void 0, [ctx, value, getMthodParams(value)].concat(_props));
+        } : value;
+        return result;
+      }, {});
+      if (advance !== null && advance !== void 0 && advance.events) return _objectSpread(_objectSpread({}, props), {}, {
+        events: reduce(advance.events, function (result, value, key) {
+          //处理事件
+          result[key] = function () {
+            for (var _len2 = arguments.length, props = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+              props[_key2] = arguments[_key2];
+            }
+            ctx.doAction(value, reduce(getMthodParams(value[0][1].code), function (result, value, index) {
+              result[value] = props[index];
+              return result;
+            }, {}));
+          };
+          return result;
+        }, {})
+      });
+      return props;
+    });
+  };
+  var renderFormList = useMemoizedFn(function (formConfig) {
+    return reduce(blocks, function (result, item) {
+      if (includes(['auto', 'grid', 'writer'], item.type) && includes(item.mode, formConfig.formMode)) {
+        var _item$dataset;
+        var data = {
+          id: item.id,
+          order: item.order,
+          type: item.type,
+          readOnly: item.readOnly,
+          title: item.name,
+          header: item.header,
+          dataSetKey: (_item$dataset = item.dataset) === null || _item$dataset === void 0 ? void 0 : _item$dataset.code,
+          serial: item.serial,
+          serialEffect: item.serialEffect,
+          fields: transEventsInfields(item.fields),
+          defaultDataSourceFormat: function defaultDataSourceFormat(defaultValues) {
+            return handleDefaultDataSourceFormat(item.defaultDataSourceFormat, defaultValues);
+          },
+          onUpdate: {
+            post: function post(data) {
+              var _item$dataset2;
+              return handleDataSourceFormat(item.dataSourceFormat, (_item$dataset2 = item.dataset) === null || _item$dataset2 === void 0 ? void 0 : _item$dataset2.code, 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 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: getLDMetaAttr('moduleCode'),
+            readOnly: item.readOnly || formConfig.readOnly || item.serial && !includes(serials, item.serial),
+            suppressPreset: item.suppressPreset,
+            height: item.height,
+            bordered: item.bordered,
+            showNote: item.showNote,
+            zipName: "".concat(item.zipName || 'download', ".zip"),
+            uploadUrl: item.uploadUrl,
+            resetActions: item.useResetActions ? null : function () {
+              for (var _len3 = arguments.length, params = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+                params[_key3] = arguments[_key3];
+              }
+              return handleResetActions.apply(void 0, [item.resetActions].concat(params));
+            },
+            forbiddenTypes: function forbiddenTypes() {
+              return handleForbiddenTypes(item.forbiddenTypes);
+            },
+            beforeUpload: function beforeUpload() {
+              for (var _len4 = arguments.length, params = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+                params[_key4] = arguments[_key4];
+              }
+              return handleBeforeUpload.apply(void 0, [item.beforeUpload].concat(params));
+            },
+            onUploadChange: function onUploadChange(e) {
+              return handleUploadChange(item.onUploadChange, e);
+            }
+          })));
+          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;
+    }, []);
+  });
+  var beforeSubmit = useMemoizedFn(function (values, data) {
+    return new Promise( /*#__PURE__*/function () {
+      var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(resolve) {
+        var _data;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              if (!isNil(advance.events.beforeSave)) {
+                _context.next = 4;
+                break;
+              }
+              resolve(values);
+              _context.next = 8;
+              break;
+            case 4:
+              _context.next = 6;
+              return ctx.doAction(advance.events.beforeSave, {
+                values: values,
+                data: data
+              });
+            case 6:
+              _data = _context.sent;
+              resolve(last(_data));
+            case 8:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function (_x) {
+        return _ref7.apply(this, arguments);
+      };
+    }());
+  });
+  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,
-    getTargetDom: getTargetDom
+    displayName: "Form",
+    getTargetDom: getTargetDom,
+    api: apiRef
   }, /*#__PURE__*/React.createElement("div", {
-    ref: ref
-  }, "LCForm"));
-};
+    ref: boxRef,
+    style: {
+      width: width,
+      height: height
+    }
+  }, /*#__PURE__*/React.createElement(LdFormList, {
+    id: id,
+    ldId: id,
+    className: classNames(styles['lc-component-form'], _defineProperty({}, className, !!className)),
+    renderFormList: renderFormList,
+    renderFormExtra: renderFormExtra,
+    mainFormLdId: "block_main",
+    initData: ((_ctx$pagePublicResour2 = ctx.pagePublicResource) === null || _ctx$pagePublicResour2 === void 0 ? void 0 : _ctx$pagePublicResour2[id]) || initData || _initData,
+    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,
+    setVerifyRules: setVerifyRules
+  })));
+});
+LCForm.defaultProps = omitBadProps(defaultMeta);
 export default LCForm;

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

@@ -0,0 +1,5 @@
+.lc-component-form{
+}
+.lc-component-form.runtime-form {
+  
+}