@luck-design-biz/luckda 0.0.1

package/es/utils/form.js

@@ -0,0 +1,214 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["comName", "property"],
+  _excluded2 = ["name"],
+  _excluded3 = ["type"],
+  _excluded4 = ["comName", "property"],
+  _excluded5 = ["comName", "property"],
+  _excluded6 = ["comName", "property"],
+  _excluded7 = ["formItemRewrite"],
+  _excluded8 = ["name"],
+  _excluded9 = ["type", "name"];
+import React from 'react';
+import moment from 'moment';
+import { capitalize, merge, transform, isArray, omit, isNil } from 'lodash';
+import { defaultComName, translator, splitStrToObj, formatCustomProps } from '../helper/form';
+import { getColumnRender } from './grid';
+import * as formItemUtils from '../helper/FromItems';
+
+/**
+ * 根据动态表单配置项生成formItem
+ * @param {动态表单配置项} props
+ * @param {自定义动态表单配置项} customProps
+ * @returns <BasicForm name='' ... />
+ */
+export function getFormItem() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    comName = _ref.comName,
+    property = _ref.property,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var customProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  if (!property) return /*#__PURE__*/React.createElement(React.Fragment, null);
+  var _translator = translator(props),
+    name = _translator.name,
+    translateProps = _objectWithoutProperties(_translator, _excluded2);
+  var _merge = merge(
+    // 移除type，不能删除type,会导致查询renderInfo的时候报错
+    translateProps, formatCustomProps(customProps)),
+    type = _merge.type,
+    _props = _objectWithoutProperties(_merge, _excluded3);
+  if (customProps.renderBasicFormItem) {
+    var com = customProps.renderBasicFormItem(_props);
+    var comProps = merge(_props, com.props);
+    return /*#__PURE__*/React.cloneElement(com, _objectSpread(_objectSpread({}, comProps), {}, {
+      name: name,
+      key: name
+    }), com.props.children);
+  }
+  var getFormItemUtils = formItemUtils["get".concat(capitalize(comName || defaultComName[property]), "Item")];
+  return getFormItemUtils(_objectSpread(_objectSpread({}, _props), {}, {
+    name: name,
+    key: name
+  }));
+}
+
+/**
+ * 根据后端返回数据组装表单数据
+ * @param {数组---动态表单配置参数列表} propsList
+ * @param {对象---后端返回的未处理数据} values
+ * @returns
+ */
+export var formItemDataFormat = function formItemDataFormat() {
+  var propsList = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var values = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var data = transform(propsList, function (result, n) {
+    var _ref2 = n || {},
+      comName = _ref2.comName,
+      property = _ref2.property,
+      props = _objectWithoutProperties(_ref2, _excluded4);
+    var translatorProps = translator(props);
+    var name = translatorProps.name,
+      dataFormat = translatorProps.dataFormat;
+    switch (comName || defaultComName[property]) {
+      case 'date':
+        result[name] = values["".concat(name, "_virtual")] ? moment(values["".concat(name, "_virtual")], 'YYYY-MM-DD HH:mm:ss') : undefined;
+        break;
+      case 'user':
+      case 'select':
+      case 'group':
+        if (translatorProps.multiple) {
+          result[name] = splitStrToObj(values[name], values["".concat(name, "_virtual")]);
+        } else {
+          result[name] = values[name] ? {
+            key: values[name],
+            value: values[name],
+            label: values["".concat(name, "_virtual")]
+          } : undefined;
+        }
+        break;
+      case 'switch':
+        result[name] = values[name] && Number(values[name]);
+        break;
+      case 'region':
+        result[name] = values[name] ? JSON.parse(values[name]) : undefined;
+        break;
+      case 'year':
+        result[name] = values["".concat(name, "_virtual")] ? moment(values["".concat(name, "_virtual")], 'YYYY') : undefined;
+        break;
+      case 'radio':
+        result[name] = values[name];
+        break;
+      default:
+        if (!isNil(values["".concat(name, "_virtual")] || values[name])) result[name] = values["".concat(name, "_virtual")] || values[name];
+    }
+    values = omit(values, [name, "".concat(name, "_virtual")]);
+  }, {});
+  return _objectSpread(_objectSpread({}, values), data);
+};
+
+/**
+ * 数据格式化
+ * @param {数组---动态表单配置参数列表} propsList
+ * @param {对象---表单获取到的未处理数据} values
+ * @returns
+ */
+export var dataFormat = function dataFormat() {
+  var propsList = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var values = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  // 姚小川说：冗余字段后端处理，不需要前端传给后端
+  var data = transform(propsList, function (result, n) {
+    var _ref3 = n || {},
+      comName = _ref3.comName,
+      property = _ref3.property,
+      props = _objectWithoutProperties(_ref3, _excluded5);
+    var translatorProps = translator(props);
+    var name = translatorProps.name;
+    switch (comName || defaultComName[property]) {
+      case 'date':
+        result[name] = values[name] ? moment(values[name]).valueOf() : undefined;
+        break;
+      case 'user':
+      case 'select':
+      case 'group':
+        if (isArray(values[name])) result[name] = values[name].map(function (v) {
+          return v.value || v.key;
+        }).join(',');else if (values[name]) result[name] = values[name].value || values[name].key;
+        break;
+      case 'switch':
+        result[name] = values[name] ? 1 : 0;
+        break;
+      case 'region':
+        result[name] = values[name] ? JSON.stringify(values[name]) : undefined;
+        break;
+      case 'year':
+        result[name] = values[name] ? moment(values[name]).format('YYYY') : undefined;
+        break;
+      default:
+        if (!isNil(values[name])) result[name] = values[name];
+    }
+    values = omit(values, [name, "".concat(name, "_cvt")]);
+  }, {});
+  return _objectSpread(_objectSpread({}, values), data);
+};
+
+/**
+ *
+ * @param formType
+ * @param props
+ * @param customProps
+ * @returns {*&{field: *, editable: (false|{required: *}), renderBasicFormItem: ((function(): (*))|*), title, render: *}}
+ */
+export var getFormColumn = function getFormColumn() {
+  var _props$config;
+  var formType = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'grid';
+  var _ref4 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+    comName = _ref4.comName,
+    property = _ref4.property,
+    props = _objectWithoutProperties(_ref4, _excluded6);
+  var _ref5 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
+    formItemRewrite = _ref5.formItemRewrite,
+    customProps = _objectWithoutProperties(_ref5, _excluded7);
+  var formItemType = comName || defaultComName[property];
+  if (formItemType === 'radio') formItemType = 'select';
+  var _translator2 = translator(props),
+    name = _translator2.name,
+    translateProps = _objectWithoutProperties(_translator2, _excluded8);
+  var _merge2 = merge(
+    // mode=writer移除type，不能删除type,会导致查询renderInfo的时候报错
+    translateProps, formatCustomProps(formItemRewrite)),
+    type = _merge2.type,
+    _ = _merge2.name,
+    _props = _objectWithoutProperties(_merge2, _excluded9);
+  var columnRender = getColumnRender(name, formItemType, _props);
+  if (formType !== 'writer') _props.name = name;
+  return _objectSpread(_objectSpread({
+    title: translateProps.label,
+    editable: formType === 'writer' && {
+      required: _props.required || ((_props$config = _props.config) === null || _props$config === void 0 ? void 0 : _props$config.required)
+    },
+    render: _props.render || columnRender
+  }, customProps), {}, {
+    renderBasicFormItem: function renderBasicFormItem() {
+      if (!property) return /*#__PURE__*/React.createElement(React.Fragment, null);
+      if (customProps.renderBasicFormItem) {
+        var com = customProps.renderBasicFormItem(_props);
+        var comProps = merge(_props, com.props);
+        return /*#__PURE__*/React.cloneElement(com, _objectSpread({
+          dataFormat: function dataFormat(value) {
+            return _defineProperty({}, name, value);
+          },
+          key: name
+        }, comProps), com.props.children);
+      }
+      var getFormItemUtils = formItemUtils["get".concat(capitalize(formItemType), "Item")];
+      return getFormItemUtils(_objectSpread({
+        dataFormat: function dataFormat(value) {
+          return _defineProperty({}, name, value);
+        },
+        key: name
+      }, _props));
+    },
+    field: name
+  });
+};

package/es/utils/grid.js

@@ -0,0 +1,194 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["comName", "property"],
+  _excluded2 = ["name", "isVr"],
+  _excluded3 = ["filter", "filterParams"];
+var _getDvaApp;
+import React from "react";
+import { getDvaApp } from 'umi';
+import { merge, isNil, isArray } from 'lodash';
+import { Switch, Tag } from 'antd';
+import moment from 'moment';
+import { defaultComName, translator, formatCustomProps } from '../helper/form';
+import { formatMessage } from '@luck-design-biz/base/utils';
+var _getDvaApp$_store = (_getDvaApp = getDvaApp()) === null || _getDvaApp === void 0 ? void 0 : _getDvaApp._store,
+  dispatch = _getDvaApp$_store.dispatch;
+export function getColumnRender(name, type) {
+  var props = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var render = function render(text, record) {
+    return record["".concat(name, "_virtual")] || text;
+  };
+  switch (type) {
+    case 'number':
+    case 'string':
+    case 'textarea':
+      render = function render(text, record) {
+        var _props$config;
+        return record["".concat(name, "_virtual")] || (((_props$config = props.config) === null || _props$config === void 0 ? void 0 : _props$config.precision) && text ? text.toFixed(props.config.precision) : text);
+      };
+      break;
+    case 'date':
+      render = function render(text, record) {
+        return record["".concat(name, "_virtual")] || (text ? moment(text).format('YYYY-MM-DD HH:mm:ss') : undefined);
+      };
+      break;
+    case 'year':
+      render = function render(text, record) {
+        return record["".concat(name, "_virtual")] || (text ? moment(value).format('YYYY-MM-DD') : undefined);
+      };
+      break;
+    case 'user':
+    case 'select':
+    case 'group':
+      render = function render(text, record) {
+        if (record["".concat(name, "_virtual")]) return record["".concat(name, "_virtual")];
+        if (isArray(text)) return text.map(function (i) {
+          return i.label;
+        }).join(',');
+        if (!isNil(text)) return text.label;
+      };
+      break;
+    case 'switch':
+      render = function render(text) {
+        return /*#__PURE__*/React.createElement(Switch, {
+          checked: !!text,
+          size: "small"
+        });
+      };
+      break;
+    case 'color':
+      render = function render(text) {
+        return /*#__PURE__*/React.createElement(Tag, {
+          color: text
+        }, text);
+      };
+      break;
+    case 'region':
+      render = function render(text, record) {
+        return record["".concat(name, "_virtual")] || text ? text.map(function (i) {
+          return i.name;
+        }).join('/') : undefined;
+      };
+      break;
+    default:
+  }
+  return render;
+}
+export var getGridColumn = function getGridColumn() {
+  var _props$config2;
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    comName = _ref.comName,
+    property = _ref.property,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var customProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var _translator = translator(props),
+    name = _translator.name,
+    _translator$isVr = _translator.isVr,
+    isVr = _translator$isVr === void 0 ? false : _translator$isVr,
+    translateProps = _objectWithoutProperties(_translator, _excluded2);
+  var _merge = merge(translateProps, formatCustomProps(customProps)),
+    filter = _merge.filter,
+    filterParams = _merge.filterParams,
+    _props = _objectWithoutProperties(_merge, _excluded3);
+  var data = {
+    field: name,
+    title: _props.label,
+    render: _props.render || getColumnRender(name, comName || defaultComName[property], _props)
+  };
+  // data.filter = false;
+  if (filter) {
+    // 因为后端升级问题，暂时关闭过滤功能
+    data.filter = filter;
+    data.filterParams = filterParams;
+  }
+  if (!isVr && !filter) {
+    switch (comName || defaultComName[property]) {
+      case 'switch':
+        data.filter = 'select';
+        data.filterParams = {
+          options: [{
+            key: 0,
+            label: formatMessage({
+              id: 'app.base.state.no',
+              label: '否'
+            })
+          }, {
+            key: 1,
+            label: formatMessage({
+              id: 'app.base.state.yes',
+              label: '是'
+            })
+          }],
+          key: name
+        };
+        break;
+      case 'date':
+      case 'year':
+        data.filter = 'date';
+        break;
+      case 'user':
+        data.filter = 'select';
+        data.filterParams = {
+          options: function options() {
+            return dispatch({
+              type: 'global/getUser'
+            });
+          },
+          searchData: function searchData(str) {
+            return dispatch({
+              type: "global/getUser",
+              payload: str
+            });
+          },
+          key: name,
+          mode: _props.mode && ((_props$config2 = _props.config) === null || _props$config2 === void 0 ? void 0 : _props$config2.mode),
+          filterOption: false
+        };
+        break;
+      case 'select':
+      case 'radio':
+        data.filter = 'select';
+        if (_props.alias) {
+          var _props$config3;
+          data.filterParams = {
+            options: function options() {
+              return dispatch({
+                type: 'global/getDatadic',
+                payload: {
+                  snamealias: _props.alias
+                }
+              });
+            },
+            key: name,
+            mode: _props.mode && ((_props$config3 = _props.config) === null || _props$config3 === void 0 ? void 0 : _props$config3.mode)
+          };
+        }
+        break;
+      case 'group':
+        data.filter = 'treeSelect';
+        data.filterParams = {
+          options: function options() {
+            return dispatch({
+              type: 'global/readGroup',
+              payload: {
+                sclassKey: _props.sclassKey
+              }
+            });
+          },
+          searchData: function searchData(str) {
+            return dispatch({
+              type: 'global/readGroup',
+              payload: {
+                sclassKey: _props.sclassKey,
+                sname: str
+              }
+            });
+          },
+          key: name,
+          mode: 'multiple'
+        };
+        break;
+      default:
+    }
+  }
+  return data;
+};

package/es/utils/index.js

@@ -0,0 +1,2 @@
+export * from './grid';
+export * from './form';

package/lib/components/Builder/index.js

@@ -0,0 +1,142 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.LuckDaContext = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectSpread4 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _luckDesign = require("luck-design");
+var _LdPop = _interopRequireDefault(require("../LdPop"));
+var _services = require("../../services");
+var _action2 = require("../../helper/action");
+var _utils = require("@luck-design-biz/base/utils");
+var LuckDaContext = /*#__PURE__*/(0, _react.createContext)();
+exports.LuckDaContext = LuckDaContext;
+var builder = function builder(WrappedComponent, moduleCode) {
+  var Component = function Component(props) {
+    if (!moduleCode) return (0, _utils.formatMessage)({
+      id: 'luckda.paramMiss.moduleCode',
+      label: '缺少模块Key'
+    });
+    var _useState = (0, _react.useState)(null),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      moduleData = _useState2[0],
+      setModuleData = _useState2[1];
+    var _useSetState = (0, _ahooks.useSetState)({}),
+      _useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
+      pops = _useSetState2[0],
+      setPops = _useSetState2[1];
+    var fieldProps = (0, _react.useRef)({});
+    var _useRequest = (0, _ahooks.useRequest)(_services.readModlue, {
+        defaultParams: [{
+          moduleCode: moduleCode
+        }],
+        onSuccess: function onSuccess(res) {
+          var code = res.code,
+            data = res.data;
+          if (code === 1) {
+            setModuleData({
+              actions: data.actions || {},
+              dataSets: data.dataSets || {},
+              isTree: data.isTree || [],
+              resources: data.resources || []
+            });
+          }
+        }
+      }),
+      loading = _useRequest.loading;
+    var openPop = (0, _ahooks.useMemoizedFn)(function (ldId, params) {
+      setPops(function (prev) {
+        return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, prev), {}, (0, _defineProperty2.default)({}, ldId, (0, _objectSpread4.default)((0, _objectSpread4.default)({}, prev[ldId]), params)));
+      });
+    });
+    var closePop = (0, _ahooks.useMemoizedFn)(function (ldId) {
+      setPops(function (prev) {
+        return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, prev), {}, (0, _defineProperty2.default)({}, ldId, {
+          visible: false,
+          component: null
+        }));
+      });
+      setTimeout(function () {
+        setPops(function (prev) {
+          delete prev[ldId];
+          return prev;
+        });
+      }, 500);
+    });
+    var doAction = (0, _ahooks.useMemoizedFn)(function (_action, _data, _params) {
+      (0, _action2.doAction)(_action, _data, _params, {
+        actions: moduleData.actions,
+        moduleCode: moduleCode
+      });
+    });
+    var readFieldProps = function readFieldProps(ldId) {
+      openPop('luckdaConfigFields', {
+        title: '配置信息',
+        mode: 'drawer',
+        component: /*#__PURE__*/_react.default.createElement(_luckDesign.BasicForm, {
+          dataSource: {
+            data: fieldProps.current[ldId]
+          },
+          readOnly: true
+        }, /*#__PURE__*/_react.default.createElement(_luckDesign.BasicFormItem, {
+          type: 'jsonEditor',
+          name: 'data',
+          hideLabel: true,
+          config: {
+            displayDataTypes: false,
+            enableClipboard: true
+          }
+        }))
+      });
+    };
+    var setFieldProps = function setFieldProps() {
+      var _props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      fieldProps.current = (0, _objectSpread4.default)((0, _objectSpread4.default)({}, fieldProps.current), _props);
+    };
+    if (loading) return 'loading...';
+    if (!moduleData) return (0, _utils.formatMessage)({
+      id: 'luckda.module.loadFailed',
+      label: '模块信息加载失败'
+    });
+    if (moduleData.length === 0) return (0, _utils.formatMessage)({
+      id: 'luckda.module.missDataSet',
+      label: '模块缺少数据集'
+    });
+    return /*#__PURE__*/_react.default.createElement(LuckDaContext.Provider, {
+      value: (0, _objectSpread4.default)((0, _objectSpread4.default)({}, moduleData), {}, {
+        doAction: doAction,
+        openPop: openPop,
+        closePop: closePop,
+        readFieldProps: readFieldProps,
+        setFieldProps: setFieldProps,
+        moduleCode: moduleCode
+      })
+    }, /*#__PURE__*/_react.default.createElement(WrappedComponent, (0, _extends2.default)({}, moduleData || {}, {
+      doAction: doAction,
+      openPop: openPop,
+      closePop: closePop
+    }, props)), Object.keys(pops).map(function (ldId) {
+      return /*#__PURE__*/_react.default.createElement(_LdPop.default, {
+        ldId: ldId,
+        key: ldId,
+        params: (0, _objectSpread4.default)({
+          visible: true,
+          onClose: function onClose() {
+            return closePop(ldId);
+          }
+        }, pops[ldId])
+      });
+    }));
+  };
+  return Component;
+};
+var _default = builder;
+exports.default = _default;