@luck-design-biz/luckda 0.0.24-2 → 0.0.25-2

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

@@ -1,28 +1,305 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _ahooks = require("ahooks");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _lodash = require("lodash");
+var _luckDesign = require("luck-design");
+var _base = require("@luck-design-biz/base");
 var _Wrapper = _interopRequireDefault(require("../Wrapper"));
-var _excluded = ["id"];
-var LCForm = function LCForm(_ref) {
-  var id = _ref.id,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var ref = (0, _react.useRef)();
+var _index = require("../../../../index");
+var _helper = require("../../../engine/tools/helper");
+var _ContextProvider = require("../../../engine/provider/ContextProvider");
+var _Form = _interopRequireDefault(require("../../../../upload/Form"));
+var _LdRuntimeCom = _interopRequireDefault(require("../../../../components/LdRuntimeCom"));
+var _formPropsDefault = _interopRequireDefault(require("../../../engine/meta/form.props.default.json"));
+var _index2 = _interopRequireDefault(require("./index.less"));
+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.default.createElement(_base.Collapse, {
+    title: title || ldId,
+    id: ldId,
+    key: ldId,
+    mode: header === 'collapse' && 'tab'
+  }, children);
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
+    key: ldId
+  }, header === 'divider' && /*#__PURE__*/_react.default.createElement(_luckDesign.BasicDivider, {
+    title: title || ldId,
+    id: ldId
+  }), children);
+};
+var LCForm = /*#__PURE__*/(0, _react.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 = (0, _react.useRef)();
+  var boxRef = (0, _react.useRef)();
+  var formRef = (0, _react.useRef)();
+  var ctx = (0, _ContextProvider.useContext)();
+  var remoteSource = (0, _ContextProvider.useRemoteSource)();
+  var serials = (0, _ahooks.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]);
+  (0, _ahooks.useMount)(function () {
+    ctx.doAction(advance.events.onMount, {
+      instance: (ref || formRef).current
+    });
+  });
+  (0, _ahooks.useUnmount)(function () {
+    ctx.doAction(advance.events.onUnmount, {
+      instance: (ref || formRef).current
+    });
+  });
+  (0, _react.useImperativeHandle)(apiRef, function () {
+    return {
+      getForm: function getForm() {
+        return (ref || formRef).current;
+      }
+    };
+  });
   var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
-    return ref.current;
+    return boxRef.current;
+  });
+  var handleDefaultDataSourceFormat = (0, _ahooks.useMemoizedFn)(function (defaultDataSourceFormat, defaultValues) {
+    if ((0, _lodash.isNil)(defaultDataSourceFormat)) return function () {
+      return defaultValues;
+    };
+    return (0, _helper.executeCode)(ctx, defaultDataSourceFormat, ['defaultValues'], defaultValues);
+  });
+  var handleDataSourceFormat = (0, _ahooks.useMemoizedFn)(function (dataSourceFormat, _ref3) {
+    var values = _ref3.values,
+      submitData = _ref3.submitData;
+    if ((0, _lodash.isNil)(dataSourceFormat)) return submitData;
+    return (0, _helper.executeCode)(ctx, dataSourceFormat, ['values', 'submitData'], values, submitData);
+  });
+  var handleResetActionsColumn = (0, _ahooks.useMemoizedFn)(function (actionsColumnReset, data, index, actions, params) {
+    return (0, _helper.executeCode)(ctx, actionsColumnReset, ['data', 'index', 'actions', 'params'], data, index, actions, params);
+  });
+  var handleColumnsReset = (0, _ahooks.useMemoizedFn)(function (actionsColumnReset, columns) {
+    if ((0, _lodash.isNil)(actionsColumnReset)) return columns;
+    return (0, _helper.executeCode)(ctx, actionsColumnReset, ['columns'], columns);
+  });
+  var handleGridFormReady = (0, _ahooks.useMemoizedFn)(function (onGridFormReady, ref, params, gridForm) {
+    if (!(0, _lodash.isNil)(onGridFormReady)) return (0, _helper.executeCode)(ctx, onGridFormReady, ['ref', 'params', 'gridForm'], ref, params, gridForm);
+  });
+  var handleResetActions = (0, _ahooks.useMemoizedFn)(function (resetActions, data, index, actionList, params) {
+    if ((0, _lodash.isNil)(resetActions)) return actionList;
+    return (0, _helper.executeCode)(ctx, resetActions, ['data', 'index', 'actionList', 'params'], data, index, actionList, params);
+  });
+  var handleForbiddenTypes = (0, _ahooks.useMemoizedFn)(function (forbiddenTypes) {
+    if ((0, _lodash.isNil)(forbiddenTypes)) return [];
+    return (0, _helper.executeCode)(ctx, forbiddenTypes, []);
+  });
+  var handleBeforeUpload = (0, _ahooks.useMemoizedFn)(function (beforeUpload, file, fileList) {
+    if ((0, _lodash.isNil)(beforeUpload)) return true;
+    return (0, _helper.executeCode)(ctx, beforeUpload, ['file', 'fileList'], file, fileList);
+  });
+  var handleUploadChange = (0, _ahooks.useMemoizedFn)(function (onUploadChange, e) {
+    if (!(0, _lodash.isNil)(onUploadChange)) return (0, _helper.executeCode)(ctx, onUploadChange, ['event'], e);
+  });
+  var renderAffix = (0, _ahooks.useMemoizedFn)(function (_render) {
+    return _render ? /*#__PURE__*/_react.default.createElement(_LdRuntimeCom.default, null, _render) : null;
+  });
+  var renderFormList = (0, _ahooks.useMemoizedFn)(function (formConfig) {
+    return (0, _lodash.reduce)(blocks, function (result, item) {
+      if ((0, _lodash.includes)(['auto', 'grid', 'writer'], item.type) && item.dataset && (0, _lodash.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 = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), {}, {
+          col: item.cols
+        });else data = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, 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 = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), {}, {
+          resetActionsColumn: function resetActionsColumn(data, index, actions, params) {
+            return handleResetActionsColumn(item.actionsColumnReset, data, index, actions, params);
+          }
+        });
+        result.push(data);
+      }
+      return result;
+    }, []);
+  });
+  var renderFormExtra = (0, _ahooks.useMemoizedFn)(function (formConfig) {
+    return (0, _lodash.reduce)(blocks, function (result, item) {
+      if ((0, _lodash.includes)(item.mode, formConfig.formMode) && !item.serial || item.serialEffect === 'disable' || (0, _lodash.includes)(serials, item.serial)) {
+        if (item.type === 'uploadForm') {
+          var _remoteSource$pageinf;
+          var dom = /*#__PURE__*/_react.default.createElement(Header, {
+            ldId: item.id,
+            key: item.id,
+            header: item.header,
+            title: item.name,
+            order: item.order
+          }, (0, _Form.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, 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 && !(0, _lodash.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.default.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 = (0, _ahooks.useMemoizedFn)(function (values, data) {
+    return new Promise(function (resolve) {
+      if ((0, _lodash.isNil)(advance.events.beforeSave)) resolve(values);else {
+        var _data = ctx.doAction(advance.events.beforeSave, {
+          values: values,
+          data: data
+        });
+        resolve(_data);
+      }
+      ;
+    });
+  });
+  var afterSubmit = (0, _ahooks.useMemoizedFn)(function (success, mainKey, res) {
+    ctx.doAction(advance.events.onSaveCallback, {
+      success: success,
+      mainKey: mainKey,
+      res: res
+    });
+  });
+  var onValueChange = (0, _ahooks.useMemoizedFn)(function (change, data) {
+    ctx.doAction(advance.events.onValueChange, {
+      change: change,
+      data: data
+    });
+  });
+  var onChildChange = (0, _ahooks.useMemoizedFn)(function (instance) {
+    ctx.doAction(advance.events.onChildChange, {
+      instance: instance
+    });
   });
   return /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
     id: id,
-    getTargetDom: getTargetDom
+    displayName: "Form",
+    getTargetDom: getTargetDom,
+    api: apiRef
   }, /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref
-  }, "LCForm"));
-};
+    ref: boxRef,
+    style: {
+      width: width,
+      height: height
+    }
+  }, /*#__PURE__*/_react.default.createElement(_index.LdFormList, {
+    id: id,
+    ldId: id,
+    className: (0, _classnames.default)(_index2.default['lc-component-form'], (0, _defineProperty2.default)({}, className, !!className)),
+    renderFormList: renderFormList,
+    renderFormExtra: renderFormExtra,
+    mainFormLdId: "block_main",
+    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
+  })));
+});
+LCForm.defaultProps = (0, _helper.omitBadProps)(_formPropsDefault.default);
 var _default = exports.default = LCForm;

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

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