@luck-design-biz/luckda 0.0.25-8 → 0.0.25-af-1

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

@@ -1,90 +1,9 @@
-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, useEffect } from 'react';
-import { usePrevious, useUpdateLayoutEffect } from 'ahooks';
-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";
+var _excluded = ["children"];
 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 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,
-    initData: {
-      formMode: 'update',
-      ticketData: _defineProperty({}, window.appConfig.constraintKeys.PRIMARY, 'test')
-    },
-    ref: ref
-  }), children);
+  return /*#__PURE__*/React.createElement(Index, props, children);
 };
 export default FunctionDesign;

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

@@ -1,6 +1,5 @@
 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/index.js

@@ -1,389 +1,20 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import React, { useRef, forwardRef, Fragment, useImperativeHandle, useEffect } from 'react';
-import { useMemoizedFn, useCreation, useMount } from 'ahooks';
-import classNames from 'classnames';
-import { reduce, includes, isNil, cloneDeep } from 'lodash';
-import { BasicDivider } from 'luck-design';
-import { Collapse } from '@luck-design-biz/base';
-import { formatMessage, getPageQuery } from '@luck-design-biz/base/utils';
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["id"];
+import React, { useRef } from 'react';
+import { useMemoizedFn } from 'ahooks';
 import Wrapper from "../Wrapper";
-import { LdFormList } from "../../../../index";
-import { omitBadProps, executeCode } 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 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 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: 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 _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,
-            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));
-            },
-            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(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(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 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;