@luck-design-biz/luckda 0.0.1

package/es/components/LdFormList/index.js

@@ -0,0 +1,293 @@
+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 = ["namespace", "formState", "formMode", "loading", "wrapperRef", "readOnly", "mainFormLdId", "renderFormList", "renderAffixLeft", "renderAffixRight", "beforeSubmit", "showSaveBtn", "saveBtnTitle", "affixLayout", "onValueChange", "afterSubmit", "renderFormExtra"],
+  _excluded2 = ["id", "header", "title", "readOnly", "extraConfig"],
+  _excluded3 = ["ldId", "initData"];
+import React, { useContext, useRef, forwardRef, Fragment, useImperativeHandle, useState } from 'react';
+import { connect, getDvaApp } from 'umi';
+import PropTypes from 'prop-types';
+import { useCreation, useMemoizedFn } from 'ahooks';
+import { BasicDivider } from 'luck-design';
+import { formatMessage, ChildrenUtil } from '@luck-design-biz/base/utils';
+import { FormList, FormListAffix, FormBtn } from '@luck-design-biz/base/FormList';
+import buildLdAutoForm from '../LdAutoForm';
+import buildLdGridForm from '../LdGridForm';
+import { Collapse } from '@luck-design-biz/base';
+import { LuckDaContext } from '../Builder';
+import { LuckDaPopContext } from '../LdPop';
+import createModel from './model';
+import { onBatchSubmitAction } from '../../helper/action';
+
+// 组件
+var LdFormList = function LdFormList(_ref) {
+  var _formList$find;
+  var namespace = _ref.namespace,
+    formState = _ref.formState,
+    formMode = _ref.formMode,
+    loading = _ref.loading,
+    wrapperRef = _ref.wrapperRef,
+    readOnly = _ref.readOnly,
+    mainFormLdId = _ref.mainFormLdId,
+    renderFormList = _ref.renderFormList,
+    renderAffixLeft = _ref.renderAffixLeft,
+    renderAffixRight = _ref.renderAffixRight,
+    beforeSubmit = _ref.beforeSubmit,
+    showSaveBtn = _ref.showSaveBtn,
+    saveBtnTitle = _ref.saveBtnTitle,
+    affixLayout = _ref.affixLayout,
+    _ref$onValueChange = _ref.onValueChange,
+    onValueChange = _ref$onValueChange === void 0 ? function () {} : _ref$onValueChange,
+    afterSubmit = _ref.afterSubmit,
+    _ref$renderFormExtra = _ref.renderFormExtra,
+    renderFormExtra = _ref$renderFormExtra === void 0 ? function () {
+      return /*#__PURE__*/React.createElement(React.Fragment, null);
+    } : _ref$renderFormExtra,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    submitLoading = _useState2[0],
+    setSubmitLoading = _useState2[1];
+  var _ref2 = useContext(LuckDaPopContext) || {},
+    defaultLayout = _ref2.affixLayout;
+  var _ref3 = useContext(LuckDaContext) || {},
+    readFieldProps = _ref3.readFieldProps,
+    dataSets = _ref3.dataSets,
+    doAction = _ref3.doAction;
+  var formListRef = useRef(null);
+  useImperativeHandle(wrapperRef, function () {
+    return _objectSpread(_objectSpread({}, formListRef.current), {}, {
+      onLdQuery: function onLdQuery() {
+        var _params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+        if (props.formMode !== 'add') {
+          var _getDvaApp;
+          (_getDvaApp = getDvaApp()) === null || _getDvaApp === void 0 ? void 0 : _getDvaApp._store.dispatch({
+            type: "".concat(namespace, "/setTicketData"),
+            payload: {
+              ticketData: _objectSpread(_objectSpread({}, props.ticketData), _params)
+            }
+          });
+          formListRef.current.doQuery();
+        }
+      }
+    });
+  });
+  var handleValueChange = useMemoizedFn(function (change) {
+    var _ref4 = formListRef.current || {},
+      formRefs = _ref4.formRefs;
+    var data = formRefs && Object.keys(formRefs).map(function (key) {
+      var _formRefs$key$current;
+      var getValue = formRefs[key].getData || ((_formRefs$key$current = formRefs[key].current) === null || _formRefs$key$current === void 0 ? void 0 : _formRefs$key$current.getFieldsValue);
+      return _defineProperty({}, key, getValue());
+    });
+    onValueChange(change, data);
+  });
+  var renderExtra = useMemoizedFn(function (formId, extraConfig) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, window['g_sessionStore'].get(window.appConfig['matchPresetAdmin']) === '1' && RUNTIME === 'dev' && /*#__PURE__*/React.createElement("a", {
+      onClick: function onClick() {
+        return readFieldProps(formId);
+      }
+    }, formatMessage({
+      id: 'app.luckda.button.readConfig',
+      label: '查看配置'
+    })), /*#__PURE__*/React.createElement(FormBtn, _extends({
+      formId: formId
+    }, extraConfig)));
+  });
+  var handleBatchSubmit = function handleBatchSubmit(values, action) {
+    setSubmitLoading(true);
+    onBatchSubmitAction({
+      values: values,
+      formList: formList,
+      dataSets: dataSets,
+      beforeSubmit: beforeSubmit,
+      doAction: doAction,
+      action: action,
+      formData: props.formData
+    }, function (success, indocno) {
+      setSubmitLoading(false);
+      if (success) {
+        if (afterSubmit) {
+          afterSubmit();
+        } else {
+          var _formListRef$current;
+          formListRef.current.onQuery(null, _defineProperty({}, mainFormLdId, {
+            indocno: indocno
+          }), function () {
+            return formListRef.current.setFormMode('edit');
+          });
+          props.parentModelName && ((_formListRef$current = formListRef.current) === null || _formListRef$current === void 0 ? void 0 : _formListRef$current.doParentsQuery());
+        }
+      }
+    });
+  };
+  var formConfig = _objectSpread(_objectSpread({
+    formState: formState,
+    formMode: formMode,
+    loading: loading || submitLoading
+  }, props), {}, {
+    namespace: namespace,
+    readOnly: readOnly,
+    mainFormLdId: mainFormLdId,
+    onValueChange: handleValueChange,
+    renderExtra: renderExtra
+  });
+  var formList = renderFormList(formConfig);
+  var mainDataSetKey = (_formList$find = formList.find(function (i) {
+    return i.id === mainFormLdId;
+  })) === null || _formList$find === void 0 ? void 0 : _formList$find.dataSetKey;
+  return /*#__PURE__*/React.createElement(FormList, _extends({
+    editFlow: true,
+    formState: formState,
+    formMode: formMode,
+    loading: loading || submitLoading
+  }, props, {
+    modelName: namespace,
+    ref: formListRef,
+    onAdd: function onAdd(values) {
+      return handleBatchSubmit(values, 'add');
+    },
+    onBatchUpdate: function onBatchUpdate(values) {
+      return handleBatchSubmit(values, 'update');
+    }
+  }), /*#__PURE__*/React.createElement(FormListAffix, {
+    showSaveBtn: !readOnly && showSaveBtn,
+    renderLeft: renderAffixLeft,
+    renderRight: renderAffixRight,
+    title: saveBtnTitle,
+    layout: affixLayout || defaultLayout
+  }), formList.map(function (formProps) {
+    var _ref6 = formProps || {},
+      ldId = _ref6.id,
+      _ref6$header = _ref6.header,
+      header = _ref6$header === void 0 ? 'collapse' : _ref6$header,
+      title = _ref6.title,
+      _readOnly = _ref6.readOnly,
+      _ref6$extraConfig = _ref6.extraConfig,
+      extraConfig = _ref6$extraConfig === void 0 ? {} : _ref6$extraConfig,
+      _props = _objectWithoutProperties(_ref6, _excluded2);
+    var _props$type = _props.type,
+      type = _props$type === void 0 ? 'auto' : _props$type;
+    var renderForm = type === 'auto' ? buildLdAutoForm : buildLdGridForm;
+    if (header === 'collapse') return /*#__PURE__*/React.createElement(Collapse, {
+      title: title || ldId,
+      extra: renderExtra(ldId, extraConfig),
+      id: ldId,
+      key: ldId,
+      mode: ldId !== mainFormLdId && 'tab'
+    }, renderForm(_objectSpread(_objectSpread({}, _props), {}, {
+      ldId: ldId,
+      mainFormLdId: mainFormLdId,
+      mainDataSetKey: mainDataSetKey,
+      readOnly: readOnly || _readOnly,
+      onValueChange: handleValueChange,
+      ticketData: props.ticketData
+    })));
+    return /*#__PURE__*/React.createElement(Fragment, {
+      key: ldId
+    }, header === 'divider' && /*#__PURE__*/React.createElement(BasicDivider, {
+      title: title || ldId,
+      id: ldId
+    }), /*#__PURE__*/React.createElement("div", {
+      style: {
+        textAlign: 'right'
+      }
+    }, renderExtra(ldId, extraConfig)), renderForm(_objectSpread(_objectSpread({}, _props), {}, {
+      ldId: ldId,
+      mainFormLdId: mainFormLdId,
+      mainDataSetKey: mainDataSetKey,
+      readOnly: readOnly || _readOnly,
+      onValueChange: handleValueChange,
+      ticketData: props.ticketData
+    })));
+  }), ChildrenUtil.deepMap(renderFormExtra(formConfig), function (child) {
+    var _child$type;
+    return /*#__PURE__*/React.cloneElement(child, ((_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.displayName) === 'Collapse' ? {
+      mode: child.props.mode || 'tab'
+    } : {});
+  }));
+};
+
+// 构建带有model的组件
+var builder = function builder(WrappedComponent, namespace, initData) {
+  var _getDvaApp2;
+  (_getDvaApp2 = getDvaApp()) === null || _getDvaApp2 === void 0 ? void 0 : _getDvaApp2._store.dispatch({
+    type: "".concat(namespace, "/setFormInit"),
+    payload: _objectSpread({
+      formMode: 'add'
+    }, initData)
+  });
+  return connect(function (_ref7) {
+    var modelName = _ref7[namespace],
+      loading = _ref7.loading;
+    return {
+      formData: modelName.formData,
+      formOperates: modelName.formOperates,
+      formState: modelName.formState,
+      formMode: modelName.formMode,
+      ticketData: modelName.ticketData,
+      loading: loading.models[namespace]
+    };
+  })(WrappedComponent);
+};
+var Index = function Index(_ref8) {
+  var namespace = _ref8.ldId,
+    initData = _ref8.initData,
+    props = _objectWithoutProperties(_ref8, _excluded3);
+  var Component = useCreation(function () {
+    var _getDvaApp3, _getDvaApp4;
+    (_getDvaApp3 = getDvaApp()) === null || _getDvaApp3 === void 0 ? void 0 : _getDvaApp3.unmodel(namespace);
+    if (!((_getDvaApp4 = getDvaApp()) === null || _getDvaApp4 === void 0 ? void 0 : _getDvaApp4._store.getState()[namespace])) {
+      var _getDvaApp5;
+      (_getDvaApp5 = getDvaApp()) === null || _getDvaApp5 === void 0 ? void 0 : _getDvaApp5.model(createModel(namespace));
+    }
+    return builder(LdFormList, namespace, initData);
+  }, [namespace]);
+  return /*#__PURE__*/React.createElement(Component, _extends({
+    namespace: namespace
+  }, props));
+};
+Index.propTypes = {
+  ldId: PropTypes.string.isRequired,
+  // 唯一key
+  initData: PropTypes.object,
+  // 初始化数据
+  readOnly: PropTypes.bool,
+  // 是否只读
+  mainFormLdId: PropTypes.string,
+  // 主数据集Key
+  renderFormList: PropTypes.func,
+  renderAffixLeft: PropTypes.func,
+  // 左侧渲染
+  renderAffixRight: PropTypes.func,
+  // 右侧渲染
+  beforeSubmit: PropTypes.func,
+  // 点击提交前的事件
+  showSaveBtn: PropTypes.bool,
+  // 是否展示保存按钮
+  saveBtnTitle: PropTypes.element,
+  // 自定义保存按钮上的内容
+  affixLayout: PropTypes.oneOf(['top', 'bottom']),
+  onValueChange: PropTypes.func // 参数变化的事件
+};
+
+Index.defaultProps = {
+  initData: {},
+  readOnly: false,
+  renderFormList: function renderFormList() {
+    return [];
+  },
+  showSaveBtn: true,
+  beforeSubmit: function beforeSubmit(values) {
+    return new Promise(function (resolve) {
+      return resolve(values);
+    });
+  }
+};
+export default /*#__PURE__*/forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement(Index, _extends({
+    wrapperRef: ref
+  }, props));
+});

package/es/components/LdFormList/model.js

@@ -0,0 +1,24 @@
+import { createFormModel } from '@luck-design-biz/base/utils/modelHelper';
+export default function (namespace) {
+  return createFormModel({
+    namespace: namespace,
+    state: {
+      ticketData: null
+    },
+    effects: {},
+    reducers: {
+      setFormInit: function setFormInit(state, _ref) {
+        var payload = _ref.payload;
+        var formMode = payload.formMode,
+          ticketData = payload.ticketData;
+        state.formMode = formMode;
+        state.ticketData = ticketData;
+      },
+      setTicketData: function setTicketData(state, _ref2) {
+        var payload = _ref2.payload;
+        var ticketData = payload.ticketData;
+        state.ticketData = ticketData;
+      }
+    }
+  });
+}

package/es/components/LdGrid/index.js

@@ -0,0 +1,214 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["columns", "resources", "actions", "doAction", "afterInit", "namespace", "wrapperRef", "list", "detail", "params", "filters", "loading", "unclosableSet", "onQuery", "doQuery", "pageno", "pagesize", "totalCount", "columnsRewrite", "batchOperations", "formatDataSource", "resultSet", "actionsColumn", "readFilter", "isFlow", "isTreeGrid"],
+  _excluded2 = ["ldId", "moduleCode", "suppressInit", "unclosableSet", "pageSize", "service"];
+import React, { forwardRef, useImperativeHandle, useRef, useEffect } from 'react';
+import { getDvaApp } from 'umi';
+import { transform, includes } from 'lodash';
+import { useCreation } from 'ahooks';
+import PropTypes from 'prop-types';
+import { build } from '@luck-design-biz/base/Component';
+import { GridList } from '@luck-design-biz/base/List';
+import ldBuilder from '../../helper/ldBuilder';
+import { getGridColumn } from '../../utils';
+import createModel from './model';
+var LdGrid = function LdGrid(_ref) {
+  var columns = _ref.columns,
+    resources = _ref.resources,
+    actions = _ref.actions,
+    doAction = _ref.doAction,
+    afterInit = _ref.afterInit,
+    namespace = _ref.namespace,
+    wrapperRef = _ref.wrapperRef,
+    list = _ref.list,
+    detail = _ref.detail,
+    params = _ref.params,
+    filters = _ref.filters,
+    loading = _ref.loading,
+    unclosableSet = _ref.unclosableSet,
+    onQuery = _ref.onQuery,
+    doQuery = _ref.doQuery,
+    current = _ref.pageno,
+    pageSize = _ref.pagesize,
+    total = _ref.totalCount,
+    columnsRewrite = _ref.columnsRewrite,
+    batchOperations = _ref.batchOperations,
+    formatDataSource = _ref.formatDataSource,
+    resultSet = _ref.resultSet,
+    actionsColumn = _ref.actionsColumn,
+    readFilter = _ref.readFilter,
+    isFlow = _ref.isFlow,
+    isTreeGrid = _ref.isTreeGrid,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var gridRef = useRef(null);
+  var treeConfig = useCreation(function () {
+    if (isTreeGrid) {
+      return {
+        treeData: true,
+        isFlow: true,
+        renderIndex: false,
+        getDataPath: function getDataPath(data) {
+          var _data$sidcc;
+          return (_data$sidcc = data.sidcc) === null || _data$sidcc === void 0 ? void 0 : _data$sidcc.substring(1, data.sidcc.length - 1).split('/');
+        }
+      };
+    }
+    return {};
+  }, [isTreeGrid]);
+  useEffect(function () {
+    readFilter && readFilter(params, filters);
+  }, [params, filters]);
+  useImperativeHandle(wrapperRef, function () {
+    return _objectSpread(_objectSpread({}, gridRef.current), {}, {
+      onLdQuery: function onLdQuery() {
+        var _params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+        doQuery({
+          params: _params,
+          callback: afterInit
+        });
+      }
+    });
+  });
+  var _batchOperations = useCreation(function () {
+    return batchOperations.map(function (i) {
+      return _objectSpread(_objectSpread({}, i), {}, {
+        wanted: i.wanted || 'virtual'
+      });
+    });
+  }, [batchOperations]);
+  var _columns = useCreation(function () {
+    return transform(columns, function (result, col) {
+      if (col.isShowInGrid) {
+        var customColumn = columnsRewrite.find(function (column) {
+          return column.field === col.field;
+        }) || {};
+        result.push(getGridColumn(col, customColumn));
+      }
+    }, []);
+  }, [columns, columnsRewrite]);
+  var _actionsColumn = useCreation(function () {
+    return actionsColumn ? _objectSpread(_objectSpread({}, actionsColumn), {}, {
+      getActions: function getActions(data, index, params) {
+        var gridActions = actionsColumn.getActions && actionsColumn.getActions(data, index, params) || [];
+        return transform(gridActions, function (result, value) {
+          if (!value.resource || includes(data['__infuse_serial__'] || resources, value.resource)) {
+            result.push(_objectSpread(_objectSpread({}, value), {}, {
+              wanted: value.resource || 'virtual'
+            }));
+          }
+        }, []);
+      }
+    }) : null;
+  }, [actionsColumn, resources]);
+  var _resultSet = _objectSpread(_objectSpread({
+    set: {
+      params: params,
+      filters: filters
+    }
+  }, resultSet), {}, {
+    unclosableSet: unclosableSet,
+    onQuery: onQuery
+  });
+  return /*#__PURE__*/React.createElement(GridList, _extends({
+    columns: _columns
+    // 资源串、行为配置
+    ,
+    actionsColumn: _actionsColumn,
+    batchOperations: _batchOperations,
+    loading: loading,
+    pagination: isFlow ? false : {
+      total: total,
+      current: current,
+      pageSize: pageSize
+    }
+  }, treeConfig, props, {
+    modelName: namespace,
+    dataSource: formatDataSource(list, detail),
+    resultSet: _resultSet,
+    operates: [].concat(_toConsumableArray(resources), ['virtual']),
+    ref: gridRef
+  }));
+};
+var ForwardLdGrid = /*#__PURE__*/forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement(LdGrid, _extends({
+    wrapperRef: ref
+  }, props));
+});
+var LdIndex = function LdIndex(_ref2) {
+  var namespace = _ref2.ldId,
+    moduleCode = _ref2.moduleCode,
+    suppressInit = _ref2.suppressInit,
+    unclosableSet = _ref2.unclosableSet,
+    pageSize = _ref2.pageSize,
+    service = _ref2.service,
+    props = _objectWithoutProperties(_ref2, _excluded2);
+  var isTreeGrid = includes(props.isTree, props.dataSetKey);
+  var Component = useCreation(function () {
+    var _getDvaApp, _getDvaApp2;
+    (_getDvaApp = getDvaApp()) === null || _getDvaApp === void 0 ? void 0 : _getDvaApp.unmodel(namespace);
+    if (!((_getDvaApp2 = getDvaApp()) === null || _getDvaApp2 === void 0 ? void 0 : _getDvaApp2._store.getState()[namespace])) {
+      var _getDvaApp3;
+      (_getDvaApp3 = getDvaApp()) === null || _getDvaApp3 === void 0 ? void 0 : _getDvaApp3.model(createModel(namespace, {
+        isFlow: isTreeGrid || !!props.isFlow,
+        dataSetKey: props.dataSetKey,
+        moduleCode: moduleCode,
+        unclosableSet: unclosableSet,
+        pageSize: pageSize,
+        isTreeGrid: isTreeGrid,
+        service: service
+      }));
+    }
+    return build(ForwardLdGrid, namespace, {
+      suppressInit: suppressInit,
+      afterInit: props.afterInit
+    });
+  }, [namespace]);
+  return /*#__PURE__*/React.createElement(Component, _extends({
+    isTreeGrid: isTreeGrid,
+    namespace: namespace
+  }, props));
+};
+var Index = ldBuilder(LdIndex);
+Index.propTypes = {
+  ldId: PropTypes.string.isRequired,
+  // 唯一key
+  dataSetKey: PropTypes.string.isRequired,
+  // 数据集key
+  readOnly: PropTypes.bool,
+  // 是否只读
+  columnsRewrite: PropTypes.arrayOf(
+  //
+  PropTypes.shape({
+    field: PropTypes.string.isRequired
+  })),
+  batchOperations: PropTypes.array,
+  // 批量操作元素
+  formatDataSource: PropTypes.func,
+  // 格式化数据源
+  resultSet: PropTypes.object,
+  actionsColumn: PropTypes.object,
+  // 行操作
+  suppressInit: PropTypes.bool,
+  // 抑制初始化
+  afterInit: PropTypes.func // 初始化后
+};
+
+Index.defaultProps = {
+  columnsRewrite: [],
+  batchOperations: [],
+  formatDataSource: function formatDataSource(_list, _detail) {
+    return _list.map(function (indocno) {
+      return _detail[indocno];
+    });
+  },
+  resultSet: {},
+  suppressInit: false,
+  isFlow: false
+};
+export default /*#__PURE__*/forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement(Index, _extends({
+    wrapperRef: ref
+  }, props));
+});

package/es/components/LdGrid/model.js

@@ -0,0 +1,36 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { createMainModel } from '@luck-design-biz/base/utils/modelHelper';
+import { readBehaviorCall } from '../../services';
+export default function (namespace) {
+  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+    _ref$isFlow = _ref.isFlow,
+    isFlow = _ref$isFlow === void 0 ? false : _ref$isFlow,
+    dataSetKey = _ref.dataSetKey,
+    moduleCode = _ref.moduleCode,
+    _ref$unclosableSet = _ref.unclosableSet,
+    unclosableSet = _ref$unclosableSet === void 0 ? [] : _ref$unclosableSet,
+    pageSize = _ref.pageSize,
+    _ref$isTreeGrid = _ref.isTreeGrid,
+    isTreeGrid = _ref$isTreeGrid === void 0 ? false : _ref$isTreeGrid,
+    service = _ref.service;
+  return createMainModel({
+    namespace: namespace,
+    isFlow: isFlow,
+    unclosableSet: unclosableSet,
+    pageSize: pageSize,
+    readAll: function readAll() {
+      var get = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      var post = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      return (service || readBehaviorCall)(_objectSpread(_objectSpread({}, get), {}, {
+        moduleCode: moduleCode,
+        datasetCode: dataSetKey,
+        behaviorKey: isTreeGrid ? 'readTree' : 'readGrid'
+      }), {
+        _AutoFilter: post
+      });
+    },
+    state: {},
+    effects: {},
+    reducers: {}
+  });
+}