@luck-design-biz/luckda 0.0.25-9 → 0.0.26-1

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

@@ -1,461 +1,20 @@
-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";
-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';
+var _excluded = ["id"];
+import React, { useRef } from 'react';
+import { useMemoizedFn } from 'ahooks';
 import Wrapper from "../Wrapper";
-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 LCForm = function LCForm(_ref) {
+  var id = _ref.id,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var ref = useRef();
   var getTargetDom = useMemoizedFn(function () {
-    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 ref.current;
   });
   return /*#__PURE__*/React.createElement(Wrapper, {
     id: id,
-    displayName: "Form",
-    getTargetDom: getTargetDom,
-    api: apiRef
+    getTargetDom: getTargetDom
   }, /*#__PURE__*/React.createElement("div", {
-    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);
+    ref: ref
+  }, "LCForm"));
+};
 export default LCForm;

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

@@ -12,7 +12,6 @@ var LCIfram = function LCIfram(_ref) {
   });
   return /*#__PURE__*/React.createElement(Wrapper, {
     id: id,
-    displayName: "Iframe",
     getTargetDom: getTargetDom
   }, /*#__PURE__*/React.createElement("div", {
     ref: ref