@luck-design-biz/luckda 0.0.5 → 0.0.6

package/lib/components/LdFormList/index.js

@@ -0,0 +1,324 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _querystring = require("querystring");
+var _umi = require("umi");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _ahooks = require("ahooks");
+var _luckDesign = require("luck-design");
+var _utils = require("@luck-design-biz/base/utils");
+var _FormList = require("@luck-design-biz/base/FormList");
+var _LdAutoForm = _interopRequireDefault(require("../LdAutoForm"));
+var _LdGridForm = _interopRequireDefault(require("../LdGridForm"));
+var _base = require("@luck-design-biz/base");
+var _Builder = require("../Builder");
+var _LdPop = require("../LdPop");
+var _model = _interopRequireDefault(require("./model"));
+var _action = require("../../helper/action");
+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", "overModel"];
+// 组件
+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.default.createElement(_react.default.Fragment, null);
+    } : _ref$renderFormExtra,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    submitLoading = _useState2[0],
+    setSubmitLoading = _useState2[1];
+  var _ref2 = (0, _react.useContext)(_LdPop.LuckDaPopContext) || {},
+    defaultLayout = _ref2.affixLayout;
+  var _ref3 = (0, _react.useContext)(_base.FormWindowContext) || {},
+    formWindow = _ref3.formWindow;
+  var _ref4 = (0, _react.useContext)(_Builder.LuckDaContext) || {},
+    readFieldProps = _ref4.readFieldProps,
+    dataSets = _ref4.dataSets,
+    doAction = _ref4.doAction;
+  var formListRef = (0, _react.useRef)(null);
+  (0, _react.useImperativeHandle)(wrapperRef, function () {
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, formListRef.current), {}, {
+      onLdQuery: function onLdQuery() {
+        var _params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+        if (props.formMode !== 'add') {
+          var _getDvaApp;
+          (_getDvaApp = (0, _umi.getDvaApp)()) === null || _getDvaApp === void 0 ? void 0 : _getDvaApp._store.dispatch({
+            type: "".concat(namespace, "/setTicketData"),
+            payload: {
+              ticketData: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props.ticketData), _params)
+            }
+          });
+          formListRef.current.doQuery();
+        }
+      }
+    });
+  });
+  var handleValueChange = (0, _ahooks.useMemoizedFn)(function (change) {
+    var _ref5 = formListRef.current || {},
+      formRefs = _ref5.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 (0, _defineProperty2.default)({}, key, getValue());
+    });
+    onValueChange(change, data);
+  });
+  var renderExtra = (0, _ahooks.useMemoizedFn)(function (formId, extraConfig) {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, window['g_sessionStore'].get(window.appConfig['matchPresetAdmin']) === '1' && RUNTIME === 'dev' && /*#__PURE__*/_react.default.createElement("a", {
+      onClick: function onClick() {
+        return readFieldProps(formId);
+      }
+    }, (0, _utils.formatMessage)({
+      id: 'app.luckda.button.readConfig',
+      label: '查看配置'
+    })), /*#__PURE__*/_react.default.createElement(_FormList.FormBtn, (0, _extends2.default)({
+      formId: formId
+    }, extraConfig)));
+  });
+  var handleBatchSubmit = function handleBatchSubmit(values, action) {
+    var _ref7 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
+      formCode = _ref7.formCode,
+      formKey = _ref7.formKey;
+    setSubmitLoading(true);
+    (0, _action.onBatchSubmitAction)({
+      values: values,
+      formList: formList,
+      dataSets: dataSets,
+      beforeSubmit: beforeSubmit,
+      doAction: doAction,
+      action: action,
+      formData: props.formData,
+      form_id: formKey,
+      effcode: formCode
+    }, function (success, indocno) {
+      setSubmitLoading(false);
+      if (success) {
+        if (afterSubmit) {
+          afterSubmit();
+        } else {
+          var _formListRef$current;
+          props.parentModelName && ((_formListRef$current = formListRef.current) === null || _formListRef$current === void 0 ? void 0 : _formListRef$current.doParentsQuery());
+          if (!formWindow && formMode === 'add' && window.__INJECTED_FLOAT_MICRO_APP_BY_QIANKUN) {
+            var _history$location = _umi.history.location,
+              pathname = _history$location.pathname,
+              query = _history$location.query;
+            var _pathname = pathname.replace(/\/0(?=[?]|[\/]$|$)/g, "/".concat(indocno, "?"));
+            window.openUrl("layer:".concat(_pathname).concat((0, _querystring.stringify)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, query), {}, {
+              title: window.__INJECTED_APP_NAME_BY_QIANKUN__
+            }))));
+          } else {
+            formListRef.current.onQuery(null, (0, _defineProperty2.default)({}, mainFormLdId, {
+              indocno: indocno
+            }), function () {
+              return formListRef.current.setFormMode('edit');
+            });
+          }
+        }
+      }
+    });
+  };
+  var formConfig = (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    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.default.createElement(_FormList.FormList, (0, _extends2.default)({
+    editFlow: true,
+    formState: formState,
+    formMode: formMode,
+    loading: loading || submitLoading
+  }, props, {
+    modelName: namespace,
+    ref: formListRef,
+    onAdd: function onAdd(values, other) {
+      return handleBatchSubmit(values, 'add', other);
+    },
+    onBatchUpdate: function onBatchUpdate(values, other) {
+      return handleBatchSubmit(values, 'update', other);
+    }
+  }), /*#__PURE__*/_react.default.createElement(_FormList.FormListAffix, {
+    showSaveBtn: !readOnly && showSaveBtn,
+    renderLeft: renderAffixLeft,
+    renderRight: renderAffixRight,
+    title: saveBtnTitle,
+    layout: affixLayout || defaultLayout
+  }), formList.map(function (formProps) {
+    var _ref8 = formProps || {},
+      ldId = _ref8.id,
+      _ref8$header = _ref8.header,
+      header = _ref8$header === void 0 ? 'collapse' : _ref8$header,
+      title = _ref8.title,
+      _readOnly = _ref8.readOnly,
+      _ref8$extraConfig = _ref8.extraConfig,
+      extraConfig = _ref8$extraConfig === void 0 ? {} : _ref8$extraConfig,
+      _props = (0, _objectWithoutProperties2.default)(_ref8, _excluded2);
+    var _props$type = _props.type,
+      type = _props$type === void 0 ? 'auto' : _props$type;
+    var renderForm = type === 'auto' ? _LdAutoForm.default : _LdGridForm.default;
+    if (header === 'collapse') return /*#__PURE__*/_react.default.createElement(_base.Collapse, {
+      title: title || ldId,
+      extra: renderExtra(ldId, extraConfig),
+      id: ldId,
+      key: ldId,
+      mode: ldId !== mainFormLdId && 'tab'
+    }, renderForm((0, _objectSpread2.default)((0, _objectSpread2.default)({}, _props), {}, {
+      ldId: ldId,
+      mainFormLdId: mainFormLdId,
+      mainDataSetKey: mainDataSetKey,
+      readOnly: readOnly || _readOnly,
+      onValueChange: handleValueChange,
+      ticketData: props.ticketData
+    })));
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
+      key: ldId
+    }, header === 'divider' && /*#__PURE__*/_react.default.createElement(_luckDesign.BasicDivider, {
+      title: title || ldId,
+      id: ldId
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        textAlign: 'right'
+      }
+    }, renderExtra(ldId, extraConfig)), renderForm((0, _objectSpread2.default)((0, _objectSpread2.default)({}, _props), {}, {
+      ldId: ldId,
+      mainFormLdId: mainFormLdId,
+      mainDataSetKey: mainDataSetKey,
+      readOnly: readOnly || _readOnly,
+      onValueChange: handleValueChange,
+      ticketData: props.ticketData
+    })));
+  }), _utils.ChildrenUtil.deepMap(renderFormExtra(formConfig), function (child) {
+    var _child$type;
+    return /*#__PURE__*/_react.default.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 = (0, _umi.getDvaApp)()) === null || _getDvaApp2 === void 0 ? void 0 : _getDvaApp2._store.dispatch({
+    type: "".concat(namespace, "/setFormInit"),
+    payload: (0, _objectSpread2.default)({
+      formMode: 'add'
+    }, initData)
+  });
+  return (0, _umi.connect)(function (_ref9) {
+    var modelName = _ref9[namespace],
+      loading = _ref9.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(_ref10) {
+  var namespace = _ref10.ldId,
+    initData = _ref10.initData,
+    overModel = _ref10.overModel,
+    props = (0, _objectWithoutProperties2.default)(_ref10, _excluded3);
+  var match = (0, _umi.useRouteMatch)();
+  var Component = (0, _ahooks.useCreation)(function () {
+    var _getDvaApp3, _getDvaApp4, _match$params;
+    (_getDvaApp3 = (0, _umi.getDvaApp)()) === null || _getDvaApp3 === void 0 ? void 0 : _getDvaApp3.unmodel(namespace);
+    if (!((_getDvaApp4 = (0, _umi.getDvaApp)()) === null || _getDvaApp4 === void 0 ? void 0 : _getDvaApp4._store.getState()[namespace])) {
+      var _getDvaApp5;
+      (_getDvaApp5 = (0, _umi.getDvaApp)()) === null || _getDvaApp5 === void 0 ? void 0 : _getDvaApp5.model((0, _model.default)(namespace, overModel));
+    }
+    return builder(LdFormList, namespace, (match === null || match === void 0 ? void 0 : (_match$params = match.params) === null || _match$params === void 0 ? void 0 : _match$params.isEdit) ? (0, _objectSpread2.default)((0, _objectSpread2.default)({}, initData), {}, {
+      formMode: 'edit'
+    }) : initData);
+  }, [namespace]);
+  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
+    namespace: namespace
+  }, props));
+};
+Index.propTypes = {
+  ldId: _propTypes.default.string.isRequired,
+  // 唯一key
+  initData: _propTypes.default.object,
+  // 初始化数据
+  readOnly: _propTypes.default.bool,
+  // 是否只读
+  mainFormLdId: _propTypes.default.string,
+  // 主数据集Key
+  renderFormList: _propTypes.default.func,
+  renderAffixLeft: _propTypes.default.func,
+  // 左侧渲染
+  renderAffixRight: _propTypes.default.func,
+  // 右侧渲染
+  beforeSubmit: _propTypes.default.func,
+  // 点击提交前的事件
+  showSaveBtn: _propTypes.default.bool,
+  // 是否展示保存按钮
+  saveBtnTitle: _propTypes.default.element,
+  // 自定义保存按钮上的内容
+  affixLayout: _propTypes.default.oneOf(['top', 'bottom']),
+  onValueChange: _propTypes.default.func // 参数变化的事件
+};
+
+Index.defaultProps = {
+  initData: {},
+  readOnly: false,
+  renderFormList: function renderFormList() {
+    return [];
+  },
+  showSaveBtn: true,
+  beforeSubmit: function beforeSubmit(values) {
+    return new Promise(function (resolve) {
+      return resolve(values);
+    });
+  },
+  overModel: {}
+};
+var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  return /*#__PURE__*/_react.default.createElement(Index, (0, _extends2.default)({
+    wrapperRef: ref
+  }, props));
+});
+exports.default = _default;

package/lib/components/LdFormList/model.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = _default;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _modelHelper = require("@luck-design-biz/base/utils/modelHelper");
+function _default(namespace) {
+  var modelProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return (0, _modelHelper.createFormModel)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, modelProps), {}, {
+    namespace: namespace,
+    state: (0, _objectSpread2.default)({
+      ticketData: null
+    }, (modelProps === null || modelProps === void 0 ? void 0 : modelProps.state) || {}),
+    reducers: (0, _objectSpread2.default)({
+      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;
+      }
+    }, (modelProps === null || modelProps === void 0 ? void 0 : modelProps.reducers) || {})
+  }));
+}

package/lib/components/LdGrid/index.js

@@ -0,0 +1,236 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _umi = require("umi");
+var _lodash = require("lodash");
+var _ahooks = require("ahooks");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Component = require("@luck-design-biz/base/Component");
+var _List = require("@luck-design-biz/base/List");
+var _ldBuilder = _interopRequireDefault(require("../../helper/ldBuilder"));
+var _utils = require("../../utils");
+var _model = _interopRequireDefault(require("./model"));
+var _excluded = ["columns", "resources", "actions", "doAction", "afterInit", "namespace", "wrapperRef", "list", "detail", "params", "filters", "loading", "unclosableSet", "onQuery", "doQuery", "pageno", "pagesize", "totalCount", "columnsRewrite", "columnsReset", "batchOperations", "formatDataSource", "resultSet", "actionsColumn", "readFilter", "isFlow", "isTreeGrid"],
+  _excluded2 = ["ldId", "moduleCode", "suppressInit", "overModel", "afterQuery"];
+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,
+    columnsReset = _ref.columnsReset,
+    batchOperations = _ref.batchOperations,
+    formatDataSource = _ref.formatDataSource,
+    resultSet = _ref.resultSet,
+    actionsColumn = _ref.actionsColumn,
+    readFilter = _ref.readFilter,
+    isFlow = _ref.isFlow,
+    isTreeGrid = _ref.isTreeGrid,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var gridRef = (0, _react.useRef)(null);
+  var treeConfig = (0, _ahooks.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]);
+  (0, _react.useEffect)(function () {
+    readFilter && readFilter(params, filters);
+  }, [params, filters]);
+  (0, _react.useImperativeHandle)(wrapperRef, function () {
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, gridRef.current), {}, {
+      onLdQuery: function onLdQuery() {
+        var _params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+        doQuery({
+          params: _params
+        });
+      }
+    });
+  });
+  var _batchOperations = (0, _ahooks.useCreation)(function () {
+    return batchOperations.map(function (i) {
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, i), {}, {
+        wanted: i.wanted || 'virtual'
+      });
+    });
+  }, [batchOperations]);
+
+  /**
+   * 优先级
+   * columnsReset 重置columns，不受模块管理限制，写什么展示什么
+   * columnsRewrite 覆盖模块管理配置，是否展示以模块管理配置为主，自己可以用hide来隐藏某字段
+   */
+  var _columns = (0, _ahooks.useCreation)(function () {
+    if (columnsReset) return columnsReset;
+    var defaultColumns = (0, _lodash.keyBy)(columns, 'field');
+    var customColumns = (0, _lodash.keyBy)(columnsRewrite, 'field');
+    var mergeFields = (0, _lodash.union)((0, _lodash.keys)(defaultColumns), (0, _lodash.keys)(customColumns));
+    return (0, _lodash.transform)(mergeFields, function (result, field) {
+      var _customColumns$field;
+      if ((_customColumns$field = customColumns[field]) === null || _customColumns$field === void 0 ? void 0 : _customColumns$field.hide) {
+        // 任何情况都不显示
+      } else if (!defaultColumns[field]) {
+        // 数据集中不存在的字段以自定义的形式展示
+        result.push(customColumns[field]);
+      } else if (defaultColumns[field].isShowInGrid)
+        // 数据集中存在的字段和自定义结合展示
+        result.push((0, _utils.getGridColumn)(defaultColumns[field], customColumns[field] || {}));
+    }, []);
+  }, [columns, columnsRewrite, columnsReset]);
+  var _actionsColumn = (0, _ahooks.useCreation)(function () {
+    return actionsColumn ? (0, _objectSpread2.default)((0, _objectSpread2.default)({}, actionsColumn), {}, {
+      getActions: function getActions(data, index, params) {
+        var gridActions = actionsColumn.getActions && actionsColumn.getActions(data, index, params) || [];
+        return (0, _lodash.transform)(gridActions, function (result, value) {
+          if (!value.resource || (0, _lodash.includes)(data['__infuse_serial__'] || resources, value.resource)) {
+            result.push((0, _objectSpread2.default)((0, _objectSpread2.default)({}, value), {}, {
+              wanted: value.resource || 'virtual'
+            }));
+          }
+        }, []);
+      }
+    }) : null;
+  }, [actionsColumn, resources]);
+  var _resultSet = (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    set: {
+      params: params,
+      filters: filters
+    }
+  }, resultSet), {}, {
+    unclosableSet: unclosableSet,
+    onQuery: onQuery
+  });
+  return /*#__PURE__*/_react.default.createElement(_List.GridList, (0, _extends2.default)({
+    columns: _columns
+    // 资源串、行为配置
+    ,
+    actionsColumn: _actionsColumn,
+    batchOperations: _batchOperations,
+    loading: loading,
+    pagination: isFlow ? false : {
+      total: total,
+      current: current,
+      pageSize: pageSize
+    },
+    dataSource: formatDataSource(list, detail),
+    resultSet: _resultSet
+  }, treeConfig, props, {
+    modelName: namespace,
+    operates: [].concat((0, _toConsumableArray2.default)(resources), ['virtual']),
+    ref: gridRef
+  }));
+};
+var ForwardLdGrid = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  return /*#__PURE__*/_react.default.createElement(LdGrid, (0, _extends2.default)({
+    wrapperRef: ref
+  }, props));
+});
+var LdIndex = function LdIndex(_ref2) {
+  var namespace = _ref2.ldId,
+    moduleCode = _ref2.moduleCode,
+    suppressInit = _ref2.suppressInit,
+    overModel = _ref2.overModel,
+    afterQuery = _ref2.afterQuery,
+    props = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
+  var isTreeGrid = (0, _lodash.includes)(props.isTree, props.dataSetKey);
+  var Component = (0, _ahooks.useCreation)(function () {
+    var _getDvaApp, _getDvaApp2;
+    (_getDvaApp = (0, _umi.getDvaApp)()) === null || _getDvaApp === void 0 ? void 0 : _getDvaApp.unmodel(namespace);
+    if (!((_getDvaApp2 = (0, _umi.getDvaApp)()) === null || _getDvaApp2 === void 0 ? void 0 : _getDvaApp2._store.getState()[namespace])) {
+      var _getDvaApp3;
+      (_getDvaApp3 = (0, _umi.getDvaApp)()) === null || _getDvaApp3 === void 0 ? void 0 : _getDvaApp3.model((0, _model.default)(namespace, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+        isFlow: isTreeGrid || !!props.isFlow
+      }, overModel), {}, {
+        dataSetKey: props.dataSetKey,
+        moduleCode: moduleCode,
+        behaviorKey: isTreeGrid ? 'readTree' : 'readGrid',
+        afterQuery: afterQuery
+      })));
+    }
+    return (0, _Component.build)(ForwardLdGrid, namespace, {
+      suppressInit: suppressInit,
+      afterInit: props.afterInit
+    });
+  }, [namespace]);
+  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
+    isTreeGrid: isTreeGrid,
+    namespace: namespace
+  }, props));
+};
+var Index = (0, _ldBuilder.default)(LdIndex);
+Index.propTypes = {
+  ldId: _propTypes.default.string.isRequired,
+  // 唯一key
+  dataSetKey: _propTypes.default.string.isRequired,
+  // 数据集key
+  readOnly: _propTypes.default.bool,
+  // 是否只读
+  columnsRewrite: _propTypes.default.arrayOf(
+  //
+  _propTypes.default.shape({
+    field: _propTypes.default.string.isRequired
+  })),
+  batchOperations: _propTypes.default.array,
+  // 批量操作元素
+  formatDataSource: _propTypes.default.func,
+  // 格式化数据源
+  resultSet: _propTypes.default.object,
+  actionsColumn: _propTypes.default.object,
+  // 行操作
+  suppressInit: _propTypes.default.bool,
+  // 抑制初始化
+  afterInit: _propTypes.default.func // 初始化后
+};
+
+Index.defaultProps = {
+  columnsRewrite: [],
+  columnsReset: null,
+  batchOperations: [],
+  formatDataSource: function formatDataSource(_list, _detail) {
+    return _list.map(function (indocno) {
+      return _detail[indocno];
+    });
+  },
+  resultSet: {},
+  suppressInit: false,
+  isFlow: false,
+  overModel: {}
+};
+var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  return /*#__PURE__*/_react.default.createElement(Index, (0, _extends2.default)({
+    wrapperRef: ref
+  }, props));
+});
+exports.default = _default;

package/lib/components/LdGrid/model.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = _default;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _modelHelper = require("@luck-design-biz/base/utils/modelHelper");
+var _utils = require("../../utils");
+var _excluded = ["readAll", "moduleCode", "dataSetKey", "behaviorKey", "afterQuery"];
+function _default(namespace) {
+  var modelProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var _readAll = modelProps.readAll,
+    moduleCode = modelProps.moduleCode,
+    dataSetKey = modelProps.dataSetKey,
+    behaviorKey = modelProps.behaviorKey,
+    afterQuery = modelProps.afterQuery,
+    _modelProps = (0, _objectWithoutProperties2.default)(modelProps, _excluded);
+  return (0, _modelHelper.createMainModel)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, _modelProps), {}, {
+    namespace: namespace,
+    readAll: function readAll() {
+      var get = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      var post = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      return new Promise(function (resolve) {
+        (_readAll || _utils.behaviorCall)((0, _objectSpread2.default)({
+          moduleCode: moduleCode,
+          datasetCode: dataSetKey,
+          behaviorKey: behaviorKey
+        }, get), {
+          _AutoFilter: post
+        }).then(function (res) {
+          afterQuery && afterQuery(res);
+          resolve(res);
+        });
+      });
+    }
+  }));
+}