@hi-ui/schema-editable-table 4.0.0-experimental.1

package/lib/cjs/hooks/use-global-actions.js

@@ -0,0 +1,65 @@
+/** @LICENSE
+ * @hi-ui/schema-editable-table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-editable-table#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var ahooks = require('ahooks');
+var normal = require('../features/async-data/normal.js');
+var useResetData = require('../features/async-data/use-reset-data.js');
+require('tslib');
+require('@hi-ui/schema-utils');
+require('react');
+require('../utils/cls.js');
+require('../container/index.js');
+require('lodash-es');
+require('@tanstack/react-table');
+require('@hi-ui/checkbox');
+require('@hi-ui/radio');
+require('@hi-ui/use-subscription');
+require('@hi-ui/space');
+require('@hi-ui/switch');
+var useSetSelectedRowKeys = require('../features/row-selection/hooks/use-set-selected-row-keys.js');
+
+/**
+ * 全局静态函数
+ */
+function useGlobalStaticActions(ctx) {
+  var innerRef = ctx.innerRef;
+  // 获取异步数据源
+  var _useGetDataSource = normal.useGetDataSource({
+      innerRef: innerRef
+    }),
+    getDataSource = _useGetDataSource.getDataSource,
+    updateDataSource = _useGetDataSource.updateDataSource;
+  // 重置分页、筛选
+  var resetDataSource = useResetData.useResetDataSource({
+    innerRef: innerRef
+  });
+  var setDataSource = ahooks.useMemoizedFn(
+  // 设置表格数据源
+  function setDataSource(dataSource) {
+    innerRef.current.subscription.setValue(dataSource);
+  });
+  // 设置行选择状态
+  var setSelectedRowKeys = useSetSelectedRowKeys.useSetSelectedRowKeys({
+    innerRef: innerRef
+  });
+  var globalStaticActions = {
+    getDataSource: getDataSource,
+    updateDataSource: updateDataSource,
+    resetDataSource: resetDataSource,
+    setDataSource: setDataSource,
+    setSelectedRowKeys: setSelectedRowKeys
+  };
+  return ahooks.useLatest(globalStaticActions);
+}
+exports.useGlobalStaticActions = useGlobalStaticActions;

package/lib/cjs/hooks/use-global-static.js

@@ -0,0 +1,158 @@
+/** @LICENSE
+ * @hi-ui/schema-editable-table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-editable-table#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var React = require('react');
+var ahooks = require('ahooks');
+var _const = require('../const.js');
+
+/**
+ * 从 propsRef 中生成静态配置
+ * @desc 是 useGlobalStatic 返回值的子集
+ * @desc 也就是仅包含能直接从 propsRef 中获取的选项配置
+ */
+function genStaticOptsFromPropsRef(propsRef) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+  // 是否启用异步数据
+  var enableAsyncData = !!((_a = propsRef.current.asyncData) === null || _a === void 0 ? void 0 : _a.request);
+  // 存在嵌套表头
+  var hasNestHeader = !!propsRef.current.fields.some(function (field) {
+    var _a;
+    return !!((_a = field.children) === null || _a === void 0 ? void 0 : _a.length);
+  });
+  var enableRowSelection = !!((_b = propsRef.current) === null || _b === void 0 ? void 0 : _b.rowSelection);
+  var enableRowOperation = !!((_c = propsRef.current) === null || _c === void 0 ? void 0 : _c.rowOperation);
+  var enableRowEdit = !!((_e = (_d = propsRef.current) === null || _d === void 0 ? void 0 : _d.rowOperation) === null || _e === void 0 ? void 0 : _e.rowEdit);
+  // 操作列列宽是动态的，需要从配置中取出
+  var operationColWidth = ((_g = (_f = propsRef.current) === null || _f === void 0 ? void 0 : _f.rowOperation) === null || _g === void 0 ? void 0 : _g.width) || _const.ROW_OPERATION_COL_WIDTH;
+  var fields = propsRef.current.fields;
+  // 分页
+  var enablePagination = !!((_h = propsRef.current) === null || _h === void 0 ? void 0 : _h.pagination);
+  // 是否存在过滤字段
+  var enableFilter = !!propsRef.current.filter && fields.some(function (field) {
+    var _a;
+    return !!((_a = field.control) === null || _a === void 0 ? void 0 : _a.filter);
+  });
+  // 表头过滤是否启用远程数据
+  var enableRemoteFilter = enableAsyncData && enableFilter && !!((_j = propsRef.current.filter) === null || _j === void 0 ? void 0 : _j.remote);
+  // 是否存在排序字段
+  var enableSorter = !!propsRef.current.sorter && fields.some(function (field) {
+    var _a;
+    return !!((_a = field.control) === null || _a === void 0 ? void 0 : _a.sorter);
+  });
+  // 表头排序是否启用远程数据
+  var enableRemoteSorter = enableAsyncData && enableSorter && !!((_k = propsRef.current.sorter) === null || _k === void 0 ? void 0 : _k.remote);
+  // 是否启用行展开
+  var enableRowExpanding = !!propsRef.current.expanding;
+  // 是否启用列分组
+  var enableRowGrouping = !!propsRef.current.grouping;
+  // 底部容器是否为空
+  var isBottomEmpty =
+  // 没有左侧的行选择指示器
+  !((_l = propsRef.current.rowSelection) === null || _l === void 0 ? void 0 : _l.enableIndicator) &&
+  // 也没有分页器
+  !propsRef.current.pagination;
+  return {
+    enableAsyncData: enableAsyncData,
+    hasNestHeader: hasNestHeader,
+    enableRowSelection: enableRowSelection,
+    enableRowOperation: enableRowOperation,
+    enableRowEdit: enableRowEdit,
+    operationColWidth: operationColWidth,
+    enablePagination: enablePagination,
+    enableHeaderActionHoverOnly: !!((_m = propsRef.current.headerAction) === null || _m === void 0 ? void 0 : _m.onlyVisibleOnHover),
+    enableFilter: enableFilter,
+    enableRemoteFilter: enableRemoteFilter,
+    enableSorter: enableSorter,
+    enableRemoteSorter: enableRemoteSorter,
+    enableRowExpanding: enableRowExpanding,
+    enableRowGrouping: enableRowGrouping,
+    isBottomEmpty: isBottomEmpty
+  };
+}
+/**
+ * 全局静态配置
+ * @desc 实际上并不是完全静态，而是指由配置生成后，禁止主动变化
+ */
+function useGlobalStatic(ctx) {
+  var _a, _b, _c;
+  var table = ctx.table,
+    subscription = ctx.subscription,
+    propsRef = ctx.propsRef;
+  var isEmpty =
+  // 表格数据长度为0
+  subscription.getValue().length === 0 ||
+  // 表格数据过滤后长度为0
+  table.getFilteredRowModel().rows.length === 0;
+  var showFooter = !isEmpty && !!((_a = propsRef.current) === null || _a === void 0 ? void 0 : _a.showFooter);
+  var hasStickyFooter = showFooter && !!((_c = (_b = propsRef.current) === null || _b === void 0 ? void 0 : _b.sticky) === null || _c === void 0 ? void 0 : _c.footer) || undefined;
+  var _columnPinning = table.getState().columnPinning;
+  var hasLeftFixed = _columnPinning.left !== undefined && _columnPinning.left.length > 0;
+  var hasRightFixed = _columnPinning.right !== undefined && _columnPinning.right.length > 0;
+  var fields = propsRef.current.fields;
+  var editableFieldKeys = React.useMemo(function () {
+    return genEditableFieldKeys(fields);
+  }, [fields]);
+  var staticOpts = ctx.staticOptsRef.current;
+  var globalStatic = {
+    enableAsyncData: staticOpts.enableAsyncData,
+    isEmpty: isEmpty,
+    showFooter: showFooter,
+    hasStickyFooter: hasStickyFooter,
+    hasNestHeader: staticOpts.hasNestHeader,
+    hasLeftFixed: hasLeftFixed,
+    hasRightFixed: hasRightFixed,
+    enableRowSelection: staticOpts.enableRowSelection,
+    enableRowOperation: staticOpts.enableRowOperation,
+    enableRowEdit: staticOpts.enableRowEdit,
+    operationColWidth: staticOpts.operationColWidth,
+    editableFieldKeys: editableFieldKeys,
+    enablePagination: staticOpts.enablePagination,
+    enableHeaderActionHoverOnly: staticOpts.enableHeaderActionHoverOnly,
+    enableFilter: staticOpts.enableFilter,
+    enableRemoteFilter: staticOpts.enableRemoteFilter,
+    enableSorter: staticOpts.enableSorter,
+    enableRemoteSorter: staticOpts.enableRemoteSorter,
+    enableRowExpanding: staticOpts.enableRowExpanding,
+    enableRowGrouping: staticOpts.enableRowGrouping,
+    isBottomEmpty: staticOpts.isBottomEmpty
+  };
+  return ahooks.useLatest(globalStatic);
+}
+/**
+ * 生成所有可编辑字段的 key
+ * @desc 仅在可编辑表格中生效
+ */
+function genEditableFieldKeys(fields) {
+  var result = [];
+  var traverse = function traverse(field) {
+    var _a;
+    // 如果有children，递归处理children
+    if ((_a = field.children) === null || _a === void 0 ? void 0 : _a.length) {
+      field.children.forEach(traverse);
+      return;
+    }
+    var _ref = field.control || {},
+      readonly = _ref.readonly,
+      editable = _ref.editable;
+    // 明确只读，不可编辑
+    if (readonly) return;
+    // 明确不可编辑
+    if (editable === false) return;
+    result.push(field.dataIndex);
+  };
+  fields.forEach(traverse);
+  return result;
+}
+exports.genStaticOptsFromPropsRef = genStaticOptsFromPropsRef;
+exports.useGlobalStatic = useGlobalStatic;

package/lib/cjs/hooks/use-initial-render.js

@@ -0,0 +1,30 @@
+/** @LICENSE
+ * @hi-ui/schema-editable-table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-editable-table#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var React = require('react');
+var ahooks = require('ahooks');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+function useInitialRender() {
+  var forceUpdate = ahooks.useUpdate();
+  React__default["default"].useEffect(function () {
+    forceUpdate();
+  }, [forceUpdate]);
+}
+exports.useInitialRender = useInitialRender;

package/lib/cjs/hooks/use-inner-ctx.js

@@ -0,0 +1,105 @@
+/** @LICENSE
+ * @hi-ui/schema-editable-table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-editable-table#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var React = require('react');
+var ahooks = require('ahooks');
+var useTableMeta = require('./use-table-meta.js');
+
+/**
+ * 组装内部上下文
+ * @desc 没啥特殊逻辑，完全是Table里代码太多了，精简拆分一下
+ */
+function useTableInnerCtx(ctx) {
+  var table = ctx.table,
+    setDynamicOpts = ctx.setDynamicOpts,
+    subscription = ctx.subscription,
+    tableContainerRef = ctx.tableContainerRef,
+    rowActions = ctx.rowActions,
+    rowSelectionState = ctx.rowSelectionState,
+    paginationState = ctx.paginationState,
+    filterState = ctx.filterState,
+    sorterState = ctx.sorterState,
+    propsRef = ctx.propsRef,
+    globalStaticRef = ctx.globalStaticRef,
+    globalActionsRef = ctx.globalActionsRef,
+    rerender = ctx.rerender,
+    getFieldsValue = ctx.getFieldsValue,
+    getGroupedValues = ctx.getGroupedValues;
+  var _globalActionsRef$cur = globalActionsRef.current,
+    getDataSource = _globalActionsRef$cur.getDataSource,
+    updateDataSource = _globalActionsRef$cur.updateDataSource,
+    resetDataSource = _globalActionsRef$cur.resetDataSource,
+    setDataSource = _globalActionsRef$cur.setDataSource,
+    setSelectedRowKeys = _globalActionsRef$cur.setSelectedRowKeys;
+  var scrollIntoView = React.useCallback(function scrollIntoView(behavior) {
+    if (behavior === void 0) {
+      behavior = 'instant';
+    }
+    var _a;
+    (_a = tableContainerRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo({
+      top: 0,
+      left: 0,
+      behavior: behavior
+    });
+  }, [tableContainerRef]);
+  var exposeCtxValue = function exposeCtxValue() {
+    var exposed = Object.assign(Object.assign({
+      table: table,
+      subscription: subscription,
+      rowActions: rowActions,
+      rerender: rerender,
+      getFieldsValue: getFieldsValue,
+      getGroupedValues: getGroupedValues,
+      getDataSource: getDataSource,
+      updateDataSource: updateDataSource,
+      resetDataSource: resetDataSource,
+      setDataSource: setDataSource
+    }, useTableMeta.getCellOpFn(table)), {
+      setSelectedRowKeys: setSelectedRowKeys,
+      scrollIntoView: scrollIntoView,
+      innerRef: getInnerRef()
+    });
+    return exposed;
+  };
+  // 内部可能会需要暴露出去的值
+  var exposeCtxValueRef = ahooks.useLatest(exposeCtxValue);
+  var ctxValue = React.useMemo(function () {
+    var values = {
+      table: table,
+      setDynamicOpts: setDynamicOpts,
+      subscription: subscription,
+      tableContainerRef: tableContainerRef,
+      rowActions: rowActions,
+      rowSelectionState: rowSelectionState,
+      paginationState: paginationState,
+      filterState: filterState,
+      sorterState: sorterState,
+      propsRef: propsRef,
+      globalStaticRef: globalStaticRef,
+      globalActionsRef: globalActionsRef,
+      exposeCtxValueRef: exposeCtxValueRef
+    };
+    return values;
+  }, [table, setDynamicOpts, subscription, tableContainerRef, rowActions, rowSelectionState, paginationState, filterState, sorterState, propsRef, globalStaticRef, globalActionsRef, exposeCtxValueRef]);
+  function getInnerRef() {
+    return {
+      current: ctxValue
+    };
+  }
+  return {
+    ctxValue: ctxValue,
+    exposeCtxValue: exposeCtxValue
+  };
+}
+exports.useTableInnerCtx = useTableInnerCtx;

package/lib/cjs/hooks/use-props.js

@@ -0,0 +1,108 @@
+/** @LICENSE
+ * @hi-ui/schema-editable-table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-editable-table#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var ahooks = require('ahooks');
+var schemaUtils = require('@hi-ui/schema-utils');
+var useOpts = require('../features/pagination/use-opts.js');
+var _const = require('../features/row-selection/const.js');
+var useGlobalStatic = require('./use-global-static.js');
+function getNormalizedProps(props) {
+  var _a;
+  var debugOpts = schemaUtils.getBoolConfig(props.debug, {
+    debugAll: true
+  }, {
+    mergeDft: false
+  } // 不合并默认值，用户只要传值，就都以用户为准
+  );
+  // 表头和表尾的 fixed 配置
+  var stickyOpts = schemaUtils.getBoolConfig(props.sticky,
+  // stickyOpts
+  {
+    header: true,
+    footer: true
+  }, {
+    mergeDft: true
+  });
+  // 虚拟化配置
+  var virtualizeConfig = schemaUtils.getBoolConfig(props.virtualize, {
+    row: true,
+    column: true
+  }, {
+    mergeDft: true
+  });
+  var virtualizeOpts = virtualizeConfig ? {
+    row: schemaUtils.getBoolConfig(virtualizeConfig === null || virtualizeConfig === void 0 ? void 0 : virtualizeConfig.row, {}),
+    column: schemaUtils.getBoolConfig(virtualizeConfig === null || virtualizeConfig === void 0 ? void 0 : virtualizeConfig.column, {})
+  } : undefined;
+  // 行选择配置
+  var rowSelectionConfig = schemaUtils.getBoolConfig(props.rowSelection, {
+    type: _const.dftSelectionType
+  }, {
+    mergeDft: true
+  });
+  var rowSelectionOpts = rowSelectionConfig ? Object.assign(Object.assign({}, rowSelectionConfig), {
+    enableIndicator: schemaUtils.getBoolConfig(rowSelectionConfig === null || rowSelectionConfig === void 0 ? void 0 : rowSelectionConfig.enableIndicator, {})
+  }) : undefined;
+  // 行操作配置
+  var rowOperationOpts = schemaUtils.getBoolConfig(props.rowOperation, {});
+  // 分页配置
+  var paginationOpts = schemaUtils.getBoolConfig(props.pagination, {
+    pageSize: useOpts.dftPageSize
+  }, {
+    mergeDft: true
+  });
+  // 筛选配置
+  var filterOpts = schemaUtils.getBoolConfig(props.filter, {});
+  // 排序配置
+  var sorterOpts = schemaUtils.getBoolConfig(props.sorter, {
+    sortUndefined: 'last'
+  }, {
+    mergeDft: true
+  });
+  var sorterTooltipOpts = schemaUtils.getBoolConfig(sorterOpts === null || sorterOpts === void 0 ? void 0 : sorterOpts.tooltip, {});
+  var nextSorterOpts = sorterOpts ? Object.assign(Object.assign({}, sorterOpts), {
+    tooltip: sorterTooltipOpts
+  }) : undefined;
+  // 列分组配置
+  var groupingOpts = schemaUtils.getBoolConfig(props.grouping, {});
+  // 行展开配置
+  // 如果列分组配置存在，则行展开配置默认开启
+  var expandingOpts = schemaUtils.getBoolConfig((_a = props.expanding) !== null && _a !== void 0 ? _a : !!groupingOpts, {});
+  return Object.assign(Object.assign({}, props), {
+    subRowKey: props.subRowKey || 'children',
+    debug: debugOpts,
+    sticky: stickyOpts,
+    virtualize: virtualizeOpts,
+    rowSelection: rowSelectionOpts,
+    rowOperation: rowOperationOpts,
+    pagination: paginationOpts,
+    filter: filterOpts,
+    sorter: nextSorterOpts,
+    grouping: groupingOpts,
+    expanding: expandingOpts
+  });
+}
+function usePropsRef(props) {
+  var nextProps = getNormalizedProps(props);
+  var propsRef = ahooks.useLatest(nextProps);
+  // 把只依赖 propsRef 的选项配置提前到此处生成
+  var staticOpts = useGlobalStatic.genStaticOptsFromPropsRef(propsRef);
+  var staticOptsRef = ahooks.useLatest(staticOpts);
+  return {
+    propsRef: propsRef,
+    staticOptsRef: staticOptsRef
+  };
+}
+exports.getNormalizedProps = getNormalizedProps;
+exports.usePropsRef = usePropsRef;

package/lib/cjs/hooks/use-table-columns.js

@@ -0,0 +1,76 @@
+/** @LICENSE
+ * @hi-ui/schema-editable-table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-editable-table#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var React = require('react');
+require('@hi-ui/use-subscription');
+require('lodash-es');
+require('@tanstack/react-table');
+require('@hi-ui/schema-utils');
+require('../utils/cls.js');
+require('ahooks');
+var getFilterConfig = require('../features/filter/get-filter-config.js');
+require('@hi-ui/schema-table-extensions');
+var getSorterConfig = require('../features/sorter/get-sorter-config.js');
+var getGroupingConfig = require('../features/column-grouping/get-grouping-config.js');
+function MapFieldConfigToColumnDef(fields, ctx) {
+  var propsRef = ctx.propsRef;
+  return fields.map(function (field) {
+    var _a, _b;
+    var filterConfig = getFilterConfig.getFilterConfig(field);
+    var sorterConfig = getSorterConfig.getSorterConfig(field, {
+      propsRef: propsRef
+    });
+    var groupingConfig = getGroupingConfig.getGroupingConfig(field);
+    // dataIndex 是必填项，否则无法正确渲染表格
+    // NOTE header 采用复杂单元格渲染后，dataIndex 必填，否则会直接导致表格崩溃
+    // 也就是说，打开下面 [header: field.title,] 这行的注释后，dataIndex 也可以不填[doge]
+    if (!field.dataIndex) {
+      var fieldName = field._titleText || field.title || field.key;
+      console.error("EditableSchemaTable: \u5B57\u6BB5\u3010" + fieldName + "\u3011\u7F3A\u5C11 dataIndex \u5C5E\u6027\uFF0C\u8BF7\u68C0\u67E5\u540E\u8865\u5145\uFF01\n");
+    }
+    return {
+      // header: field.title,
+      accessorKey: field.dataIndex,
+      size: (_a = field.wrapperProps) === null || _a === void 0 ? void 0 : _a.width,
+      columns: field.children ? MapFieldConfigToColumnDef(field.children, ctx) : undefined,
+      filterFn: filterConfig === null || filterConfig === void 0 ? void 0 : filterConfig.filterFn,
+      sortingFn: sorterConfig === null || sorterConfig === void 0 ? void 0 : sorterConfig.sortingFn,
+      sortUndefined: sorterConfig === null || sorterConfig === void 0 ? void 0 : sorterConfig.sortUndefined,
+      aggregationFn: groupingConfig === null || groupingConfig === void 0 ? void 0 : groupingConfig.aggregationFn,
+      // count
+      meta: Object.assign(Object.assign({
+        field: field
+      }, field.control), {
+        filter: filterConfig,
+        sorter: sorterConfig,
+        grouping: groupingConfig,
+        shouldUpdate: (_b = field.payload) === null || _b === void 0 ? void 0 : _b.shouldUpdate
+      })
+      // TODO 待确认还有其他的能直接透传给 ColumnDef 的属性
+    };
+  });
+}
+
+function useTableColumns(ctx) {
+  var propsRef = ctx.propsRef;
+  var fields = propsRef.current.fields;
+  return React.useMemo(function () {
+    var cols = MapFieldConfigToColumnDef(fields, {
+      propsRef: propsRef
+    });
+    return cols;
+  }, [fields, propsRef]);
+}
+exports.MapFieldConfigToColumnDef = MapFieldConfigToColumnDef;
+exports.useTableColumns = useTableColumns;

package/lib/cjs/hooks/use-table-meta.js

@@ -0,0 +1,57 @@
+/** @LICENSE
+ * @hi-ui/schema-editable-table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-editable-table#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var lodashEs = require('lodash-es');
+var useTableMeta = function useTableMeta(tableValue, ctx) {
+  var updateData = function updateData(rowIndex, columnId, value) {
+    var _rowIndex, _patch;
+    var patch = (_patch = {}, _patch[rowIndex] = (_rowIndex = {}, _rowIndex[columnId] = value, _rowIndex), _patch);
+    // 行编辑模式下，不必检查是否相等，直接写入 draft
+    var enableRowEdit = ctx.innerRef.current.globalStaticRef.current.enableRowEdit;
+    if (enableRowEdit) {
+      tableValue.mergeDraft(patch);
+      return;
+    }
+    // 普通编辑模式
+    var allValues = tableValue.getValue();
+    var prevValue = lodashEs.get(allValues, [rowIndex, columnId]);
+    // 值相等，则不更新
+    if (lodashEs.isEqual(prevValue, value)) return;
+    tableValue.batchMerge(patch).then(function (result) {
+      var _a;
+      if (result) {
+        (_a = ctx.onValuesChange) === null || _a === void 0 ? void 0 : _a.call(ctx, result.changedValues, result.allValues);
+      }
+    });
+  };
+  var getCellValue = function getCellValue(rowIndex, columnId) {
+    return lodashEs.get(tableValue.getValue(), [rowIndex, columnId]);
+  };
+  return {
+    subscription: tableValue,
+    fieldMap: ctx.fieldMap,
+    updateData: updateData,
+    getCellValue: getCellValue,
+    innerRef: ctx.innerRef
+  };
+};
+function getCellOpFn(table) {
+  var _a, _b;
+  return {
+    getCellValue: (_a = table.options.meta) === null || _a === void 0 ? void 0 : _a.getCellValue,
+    setCellValue: (_b = table.options.meta) === null || _b === void 0 ? void 0 : _b.updateData
+  };
+}
+exports.getCellOpFn = getCellOpFn;
+exports.useTableMeta = useTableMeta;

package/lib/cjs/hooks/use-update.js

@@ -0,0 +1,57 @@
+/** @LICENSE
+ * @hi-ui/schema-editable-table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-editable-table#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var React = require('react');
+var schemaHooks = require('@hi-ui/schema-hooks');
+
+/**
+ * 监听表格数据变化，并触发重渲染
+ * @notice 仅在表格数据发生【全量变化】时触发重渲染
+ * @param tableValue 表格数据
+ * @returns 重渲染函数
+ */
+// NOTE 1. pendingRef存在的意义
+// 避免在同一个微任务周期内，多次触发重渲染
+// 例如在循环中，多次触发 rowActions.addRow()
+// NOTE 2. 重渲染次数
+// 此处内部的 rerender() 会触发一次重渲染
+// 随后 useReactTable 接受到新的数据后，会再次触发一次重渲染
+// 两次重渲染暂不可避免，仅在此处记录
+function useTableUpdate(tableValue) {
+  var _useUpdate = schemaHooks.useUpdate(),
+    forceRerenderFlag = _useUpdate[0],
+    rerender = _useUpdate[1];
+  var pendingRef = React.useRef(false);
+  React.useEffect(function () {
+    return tableValue.subscribe(function (notification) {
+      var _a, _b;
+      // 静默更新时，不再执行
+      if ((_a = notification.extra) === null || _a === void 0 ? void 0 : _a.silent) return;
+      if ((_b = notification.extra) === null || _b === void 0 ? void 0 : _b.complete) {
+        if (pendingRef.current) return;
+        pendingRef.current = true;
+        // 一个微任务周期内仅执行一个重渲染
+        Promise.resolve().then(function () {
+          pendingRef.current = false;
+          rerender();
+        });
+      }
+    });
+  }, [tableValue, rerender]);
+  return {
+    rerender: rerender,
+    forceRerenderFlag: forceRerenderFlag
+  };
+}
+exports.useTableUpdate = useTableUpdate;