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

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

@@ -0,0 +1,16 @@
+"use strict";
+
+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 _index = _interopRequireDefault(require("./index"));
+var _excluded = ["children"];
+var FunctionPreview = function FunctionPreview(_ref) {
+  var children = _ref.children,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(_index.default, props, children);
+};
+var _default = exports.default = FunctionPreview;

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

@@ -6,23 +6,129 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _ahooks = require("ahooks");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _lodash = require("lodash");
 var _Wrapper = _interopRequireDefault(require("../Wrapper"));
-var _excluded = ["id"];
-var LCForm = function LCForm(_ref) {
+var _index = require("../../../../index");
+var _helper = require("../../../engine/tools/helper");
+var _ContextProvider = require("../../../engine/provider/ContextProvider");
+var _formPropsDefault = _interopRequireDefault(require("../../../engine/meta/form.props.default.json"));
+var _index2 = _interopRequireDefault(require("./index.less"));
+var _excluded = ["id", "parentId", "width", "height", "className", "blocks", "advance", "initData", "readOnly"];
+var LCForm = /*#__PURE__*/(0, _react.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 = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var ref = (0, _react.useRef)();
+  var boxRef = (0, _react.useRef)();
+  var ctx = (0, _ContextProvider.useContext)();
   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, _ref2) {
+    var values = _ref2.values,
+      submitData = _ref2.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 renderFormList = (0, _ahooks.useMemoizedFn)(function (formConfig) {
+    var formList = (0, _lodash.reduce)(blocks, function (result, item) {
+      if ((0, _lodash.includes)(['auto', 'grid', 'writer'], item.type)) {
+        if (item.dataset && (0, _lodash.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);
+              }
+            }
+          };
+          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;
+    }, []);
+    return formList;
   });
   return /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
     id: id,
+    displayName: "Form",
     getTargetDom: getTargetDom
   }, /*#__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,
+    mainFormLdId: "block_main",
+    initData: initData,
+    ref: ref,
+    readOnly: readOnly
+  })));
+});
+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 {
+  
+}