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

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

@@ -0,0 +1,100 @@
+/** @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.
+ */
+import { useCallback, useMemo } from 'react';
+import { useLatest } from 'ahooks';
+import { getCellOpFn } from './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 = 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
+    }, getCellOpFn(table)), {
+      setSelectedRowKeys: setSelectedRowKeys,
+      scrollIntoView: scrollIntoView,
+      innerRef: getInnerRef()
+    });
+    return exposed;
+  };
+  // 内部可能会需要暴露出去的值
+  var exposeCtxValueRef = useLatest(exposeCtxValue);
+  var ctxValue = 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
+  };
+}
+export { useTableInnerCtx };

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

@@ -0,0 +1,102 @@
+/** @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.
+ */
+import { useLatest } from 'ahooks';
+import { getBoolConfig } from '@hi-ui/schema-utils';
+import { dftPageSize } from '../features/pagination/use-opts.js';
+import { dftSelectionType } from '../features/row-selection/const.js';
+import { genStaticOptsFromPropsRef } from './use-global-static.js';
+function getNormalizedProps(props) {
+  var _a;
+  var debugOpts = getBoolConfig(props.debug, {
+    debugAll: true
+  }, {
+    mergeDft: false
+  } // 不合并默认值，用户只要传值，就都以用户为准
+  );
+  // 表头和表尾的 fixed 配置
+  var stickyOpts = getBoolConfig(props.sticky,
+  // stickyOpts
+  {
+    header: true,
+    footer: true
+  }, {
+    mergeDft: true
+  });
+  // 虚拟化配置
+  var virtualizeConfig = getBoolConfig(props.virtualize, {
+    row: true,
+    column: true
+  }, {
+    mergeDft: true
+  });
+  var virtualizeOpts = virtualizeConfig ? {
+    row: getBoolConfig(virtualizeConfig === null || virtualizeConfig === void 0 ? void 0 : virtualizeConfig.row, {}),
+    column: getBoolConfig(virtualizeConfig === null || virtualizeConfig === void 0 ? void 0 : virtualizeConfig.column, {})
+  } : undefined;
+  // 行选择配置
+  var rowSelectionConfig = getBoolConfig(props.rowSelection, {
+    type: dftSelectionType
+  }, {
+    mergeDft: true
+  });
+  var rowSelectionOpts = rowSelectionConfig ? Object.assign(Object.assign({}, rowSelectionConfig), {
+    enableIndicator: getBoolConfig(rowSelectionConfig === null || rowSelectionConfig === void 0 ? void 0 : rowSelectionConfig.enableIndicator, {})
+  }) : undefined;
+  // 行操作配置
+  var rowOperationOpts = getBoolConfig(props.rowOperation, {});
+  // 分页配置
+  var paginationOpts = getBoolConfig(props.pagination, {
+    pageSize: dftPageSize
+  }, {
+    mergeDft: true
+  });
+  // 筛选配置
+  var filterOpts = getBoolConfig(props.filter, {});
+  // 排序配置
+  var sorterOpts = getBoolConfig(props.sorter, {
+    sortUndefined: 'last'
+  }, {
+    mergeDft: true
+  });
+  var sorterTooltipOpts = getBoolConfig(sorterOpts === null || sorterOpts === void 0 ? void 0 : sorterOpts.tooltip, {});
+  var nextSorterOpts = sorterOpts ? Object.assign(Object.assign({}, sorterOpts), {
+    tooltip: sorterTooltipOpts
+  }) : undefined;
+  // 列分组配置
+  var groupingOpts = getBoolConfig(props.grouping, {});
+  // 行展开配置
+  // 如果列分组配置存在，则行展开配置默认开启
+  var expandingOpts = 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 = useLatest(nextProps);
+  // 把只依赖 propsRef 的选项配置提前到此处生成
+  var staticOpts = genStaticOptsFromPropsRef(propsRef);
+  var staticOptsRef = useLatest(staticOpts);
+  return {
+    propsRef: propsRef,
+    staticOptsRef: staticOptsRef
+  };
+}
+export { getNormalizedProps, usePropsRef };

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

@@ -0,0 +1,70 @@
+/** @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.
+ */
+import { useMemo } from 'react';
+import '@hi-ui/use-subscription';
+import 'lodash-es';
+import '@tanstack/react-table';
+import '@hi-ui/schema-utils';
+import '../utils/cls.js';
+import 'ahooks';
+import { getFilterConfig } from '../features/filter/get-filter-config.js';
+import '@hi-ui/schema-table-extensions';
+import { getSorterConfig } from '../features/sorter/get-sorter-config.js';
+import { getGroupingConfig } from '../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(field);
+    var sorterConfig = getSorterConfig(field, {
+      propsRef: propsRef
+    });
+    var groupingConfig = 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 useMemo(function () {
+    var cols = MapFieldConfigToColumnDef(fields, {
+      propsRef: propsRef
+    });
+    return cols;
+  }, [fields, propsRef]);
+}
+export { MapFieldConfigToColumnDef, useTableColumns };

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

@@ -0,0 +1,51 @@
+/** @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.
+ */
+import { get, isEqual } from '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 = get(allValues, [rowIndex, columnId]);
+    // 值相等，则不更新
+    if (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 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
+  };
+}
+export { getCellOpFn, useTableMeta };

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

@@ -0,0 +1,52 @@
+/** @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.
+ */
+import { useRef, useEffect } from 'react';
+import { useUpdate } from '@hi-ui/schema-hooks';
+
+/**
+ * 监听表格数据变化，并触发重渲染
+ * @notice 仅在表格数据发生【全量变化】时触发重渲染
+ * @param tableValue 表格数据
+ * @returns 重渲染函数
+ */
+// NOTE 1. pendingRef存在的意义
+// 避免在同一个微任务周期内，多次触发重渲染
+// 例如在循环中，多次触发 rowActions.addRow()
+// NOTE 2. 重渲染次数
+// 此处内部的 rerender() 会触发一次重渲染
+// 随后 useReactTable 接受到新的数据后，会再次触发一次重渲染
+// 两次重渲染暂不可避免，仅在此处记录
+function useTableUpdate(tableValue) {
+  var _useUpdate = useUpdate(),
+    forceRerenderFlag = _useUpdate[0],
+    rerender = _useUpdate[1];
+  var pendingRef = useRef(false);
+  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
+  };
+}
+export { useTableUpdate };

package/lib/esm/index.js

@@ -0,0 +1,38 @@
+/** @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.
+ */
+export { default as Body } from './body/index.js';
+export { default as Header } from './header/index.js';
+export { default as Footer } from './footer/index.js';
+export { default as Cell } from './cell/index.js';
+export { EditableSchemaTable as EditTable, EditableSchemaTable } from './table.js';
+export { useEditableSchemaTableCtx as useEditTableCtx, useEditableSchemaTableCtx } from './ctx.js';
+export { TableContainer } from './container/index.js';
+export { useColumnVirtualizer, useRowVirtualizer } from './container/hooks.js';
+export { BottomRender } from './container/bottom.js';
+export { validateHeaderCell } from './header/validate.js';
+export { useTableSetting } from './features/setting-bridge.js';
+import '@babel/runtime/regenerator';
+import 'tslib';
+import 'react';
+import '@hi-ui/schema-utils';
+import 'ahooks';
+import 'lodash-es';
+import '@hi-ui/schema-hooks';
+export { defineDataFetcher, useDataFetcher } from './features/async-data/use-data-fetcher.js';
+import '@hi-ui/use-subscription';
+import '@tanstack/react-table';
+export { clsPrefix } from './utils/cls.js';
+import '@hi-ui/schema-table-extensions';
+export { ColumnCollapsingAction } from './features/header-actions/components/column-collapsing.js';
+export { TableRowController } from './features/row-controller.js';
+export { normalizeValueFromChange } from './cell/editing.js';
+export { ProEditTable } from './field-bridge/index.js';
+export { default as FooterCell } from './cell/footer.js';
+export { useTableContainer } from './container/ctx.js';

package/lib/esm/index.scss.js

@@ -0,0 +1,13 @@
+/** @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.
+ */
+import __styleInject__ from '@hi-ui/style-inject';
+var css_248z = ".editable-schema-table {width: 100%;height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;/* stylelint-disable no-duplicate-selectors */}.editable-schema-table__container {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;width: 100%;max-height: 100%;background: #fff;border-radius: 2px;position: relative;overflow: auto;-webkit-box-sizing: border-box;box-sizing: border-box;}.editable-schema-table__bottom-container {width: 100%;height: 56px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}.editable-schema-table__bottom-container[data-is-bottom-empty=true] {display: none;}.editable-schema-table__bottom-container-right .hi-v5-pagination {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}.editable-schema-table__bottom-container-right .hi-v5-pagination__btn button {padding: 0;}.editable-schema-table__bottom-container-right .hi-v5-pagination__total, .editable-schema-table__bottom-container-right .hi-v5-pagination__list, .editable-schema-table__bottom-container-right .hi-v5-pagination__jumper {white-space: nowrap;}.editable-schema-table__bottom-container .editable-schema-table__row-selection-indicator {font-size: 14px;color: var(--hi-v5-color-gray-600, #5f6a7a);}.editable-schema-table table {-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;width: 100%;font-size: 14px;border-spacing: 0;table-layout: fixed;}.editable-schema-table table th, .editable-schema-table table td {-webkit-box-sizing: border-box;box-sizing: border-box;}.editable-schema-table table[data-is-selection], .editable-schema-table table[data-is-operation] {position: sticky;z-index: 3;}.editable-schema-table table[data-is-selection] {left: 0;-webkit-box-flex: 0;-ms-flex: 0 0 50px;flex: 0 0 50px;width: 50px;}.editable-schema-table table[data-is-operation] {right: 0;-webkit-box-flex: 0;-ms-flex: 0 0;flex: 0 0;}.editable-schema-table__header-wrapper, .editable-schema-table__body-wrapper, .editable-schema-table__footer-wrapper {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;vertical-align: top;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;min-width: 100%;}.editable-schema-table__header-wrapper--sticky, .editable-schema-table__footer-wrapper--sticky {position: sticky;z-index: 4;}.editable-schema-table__header-wrapper {background: #fff;}.editable-schema-table__header-wrapper--sticky {top: 0;}.editable-schema-table[data-is-empty=true] .editable-schema-table__body-wrapper {-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;position: sticky;left: 0;right: 0;}.editable-schema-table__header {/* stylelint-disable no-descending-specificity */}.editable-schema-table__header-row {height: 40px;background: #fafafa;-webkit-transition: background-color 0.2s;transition: background-color 0.2s;}.editable-schema-table__header-row:hover {background: #f5f5f5;}.editable-schema-table__header .editable-schema-table__header-cell {position: relative;border-bottom-color: #e8e8e8;}.editable-schema-table__header .editable-schema-table__header-cell div {font-weight: 500;color: var(--hi-v5-color-gray-700, #1f2733);}.editable-schema-table__header .editable-schema-table__header-cell[colspan=\"0\"] {display: none;}.editable-schema-table__header-cell-content {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;height: 24px;line-height: 24px;-webkit-box-sizing: border-box;box-sizing: border-box;}.editable-schema-table__header-cell-content-title {-webkit-box-flex: 0;-ms-flex: 0 1 auto;flex: 0 1 auto;min-width: 0;}.editable-schema-table__header-cell-content-actions {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;height: 100%;-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;position: absolute;right: 0;}.editable-schema-table__header-cell-content[data-actions-count=\"1\"] {padding-right: 24px;}.editable-schema-table__header-cell-content[data-actions-count=\"2\"] {padding-right: 44px;}.editable-schema-table__header-cell-content[data-actions-count=\"3\"] {padding-right: 64px;}.editable-schema-table__header-cell-content[data-actions-count=\"4\"] {padding-right: 84px;}.editable-schema-table__header-cell-content[data-actions-count=\"5\"] {padding-right: 104px;}.editable-schema-table__header-cell-content[data-is-required=true]::before {content: \"*\";color: var(--hi-v5-color-danger-500, var(--hi-v5-color-red-500, #ff5959));margin-right: var(--hi-v5-spacing-2, 4px);}.editable-schema-table__header-cell-content-actions > span {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 20px;height: 24px;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 4px 2px;color: rgba(0, 0, 0, 0.45);cursor: pointer;font-size: 14px;-webkit-transition: 0.2s;transition: 0.2s;border-radius: 2px;}.editable-schema-table__header-cell-content-actions > span:hover {color: rgba(0, 0, 0, 0.88);background-color: rgba(0, 0, 0, 0.06);}.editable-schema-table__header-cell-content-actions > span[data-active=true] {color: #237ffa;}.editable-schema-table__header-cell-content[data-hover-only=true] .editable-schema-table__header-cell-content-actions {visibility: hidden;opacity: 0;-webkit-transition: opacity 0.2s;transition: opacity 0.2s;}.editable-schema-table__header-cell[data-hovering=true] .editable-schema-table__header-cell-content-actions {visibility: visible;opacity: 1;}.editable-schema-table__body-row {height: 40px;-webkit-transition: all 0.2s;transition: all 0.2s;background-color: #fff;}.editable-schema-table__body-row:hover, .editable-schema-table__body-row[data-hovering] {background-color: #f5f5f5;}.editable-schema-table__body-row:nth-child(even) {background-color: #fafafa;}.editable-schema-table__body .editable-schema-table__body-cell {color: var(--hi-v5-color-gray-700, #1f2733);-webkit-transition: background-color 0.2s;transition: background-color 0.2s;}.editable-schema-table__body .editable-schema-table__body-cell:hover {background-color: #e6f7ff;}.editable-schema-table__body .editable-schema-table__body-cell[rowspan=\"0\"] {display: none;}.editable-schema-table__body-row:first-child .editable-schema-table__body-cell {border-top: none;}.editable-schema-table__body-row[data-has-error] {background-color: #fef0f0;}.editable-schema-table__body-row[data-has-error] .editable-schema-table__body-cell:hover {background-color: #f9e5e5;}.editable-schema-table__body-cell_expanding {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;--editable-schema-table-body-cell-expanding-indent: 14px;}.editable-schema-table__body-cell_expanding[data-text-align=center] {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;--editable-schema-table-body-cell-expanding-indent: 28px;}.editable-schema-table__body-cell_expanding[data-text-align=right] {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;--editable-schema-table-body-cell-expanding-indent: 28px;}.editable-schema-table__body-cell_expanding[data-text-align=right] .editable-schema-table__body-cell_expanding-wrapper {-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;}.editable-schema-table__body-cell_expanding-wrapper {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin-right: 4px;}.editable-schema-table__body-cell_expanding-indent {display: inline-block;height: 10px;}.editable-schema-table__body-cell_expanding-icon {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 16px;height: 24px;font-size: 16px;color: var(--hi-v5-color-gray-500, #929aa6);cursor: pointer;}.editable-schema-table__body-cell_expanding-icon svg {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-transition: -webkit-transform 0.3s;transition: -webkit-transform 0.3s;transition: transform 0.3s;transition: transform 0.3s, -webkit-transform 0.3s;}.editable-schema-table__body-cell_expanding-icon[data-is-expanded=true] svg {-webkit-transform: rotate(90deg);transform: rotate(90deg);}.editable-schema-table__footer-wrapper {background: #fff;}.editable-schema-table__footer-wrapper--sticky {bottom: 0;}.editable-schema-table__footer-row {height: 40px;background: #fafafa;-webkit-transition: background-color 0.2s;transition: background-color 0.2s;}.editable-schema-table__footer-row:hover {background: #f5f5f5;}.editable-schema-table__footer .editable-schema-table__footer-cell {position: relative;border-top-color: #e8e8e8;}.editable-schema-table__footer .editable-schema-table__footer-cell div {font-weight: 500;color: var(--hi-v5-color-gray-700, #1f2733);}.editable-schema-table__footer .editable-schema-table__footer-cell:hover {background-color: #e6f7ff;}.editable-schema-table .editable-schema-table__cell--fixed-left, .editable-schema-table .editable-schema-table__cell--fixed-right {position: sticky;z-index: 2;background-color: inherit;}.editable-schema-table__body .editable-schema-table__body-cell span[data-case=readonly][data-field-type=image] {height: 38px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}.editable-schema-table__body .editable-schema-table__body-cell span[data-case=readonly] .image-preview, .editable-schema-table__body .editable-schema-table__body-cell span[data-case=readonly] .image-preview__item-wrapper,.editable-schema-table__body .editable-schema-table__body-cell span[data-case=readonly] .image-preview img {height: 30px;}.editable-schema-table table th, .editable-schema-table table td {padding: 0 12px;white-space: nowrap;}.editable-schema-table table th[data-text-align=left], .editable-schema-table table td[data-text-align=left] {text-align: left;}.editable-schema-table table th[data-text-align=left] span[data-case=readonly], .editable-schema-table table td[data-text-align=left] span[data-case=readonly] {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}.editable-schema-table table th[data-text-align=center], .editable-schema-table table td[data-text-align=center] {text-align: center;}.editable-schema-table table th[data-text-align=center] span[data-case=readonly], .editable-schema-table table td[data-text-align=center] span[data-case=readonly] {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}.editable-schema-table table th[data-text-align=right], .editable-schema-table table td[data-text-align=right] {text-align: right;}.editable-schema-table table th[data-text-align=right] span[data-case=readonly], .editable-schema-table table td[data-text-align=right] span[data-case=readonly] {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}.editable-schema-table table th[data-has-children=true] {text-align: center;}.editable-schema-table__header-cell-content[data-has-children=true] {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}.editable-schema-table__header-cell-content[data-text-align=left] {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}.editable-schema-table__header-cell-content[data-text-align=center] {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}.editable-schema-table__header-cell-content[data-text-align=right] {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}.editable-schema-table__body .editable-schema-table__body-cell {padding: 0;}.editable-schema-table__body .editable-schema-table__body-cell:not(:has(*)), .editable-schema-table__body .editable-schema-table__body-cell > span[data-case=simple], .editable-schema-table__body .editable-schema-table__body-cell > span[data-case=default] {padding: 0 12px;}.editable-schema-table__body .editable-schema-table__body-cell > span[data-case=readonly] {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;width: 100%;padding: 0 12px;-webkit-box-sizing: border-box;box-sizing: border-box;}.editable-schema-table__body .editable-schema-table__body-cell > span[data-case=expanding] {padding: 0 12px;}.editable-schema-table__body .editable-schema-table__body-cell[data-text-align=left] .hi-v5-input__text,.editable-schema-table__body .editable-schema-table__body-cell[data-text-align=left] .hi-v5-number-input__input {text-align: left;}.editable-schema-table__body .editable-schema-table__body-cell[data-text-align=left] .hi-v5-date-picker__input-selector {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}.editable-schema-table__body .editable-schema-table__body-cell[data-text-align=center] .hi-v5-input__text,.editable-schema-table__body .editable-schema-table__body-cell[data-text-align=center] .hi-v5-number-input__input {text-align: center;}.editable-schema-table__body .editable-schema-table__body-cell[data-text-align=center] .hi-v5-date-picker__input-selector {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}.editable-schema-table__body .editable-schema-table__body-cell[data-text-align=center] .hi-v5-select .hi-v5-mock-input__value {padding-right: 4px;}.editable-schema-table__body .editable-schema-table__body-cell[data-text-align=right] .hi-v5-input__text,.editable-schema-table__body .editable-schema-table__body-cell[data-text-align=right] .hi-v5-number-input__input {text-align: right;}.editable-schema-table__body .editable-schema-table__body-cell[data-text-align=right] .hi-v5-date-picker__input-selector {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}.editable-schema-table__body .editable-schema-table__body-cell[data-text-align=right] .hi-v5-select .hi-v5-mock-input__value {padding-right: 4px;}.editable-schema-table__body .editable-schema-table__body-cell .hi-v5-input,.editable-schema-table__body .editable-schema-table__body-cell .hi-v5-number-input {height: 39px;border: none;background-color: unset;}.editable-schema-table__body .editable-schema-table__body-cell .hi-v5-input__inner,.editable-schema-table__body .editable-schema-table__body-cell .hi-v5-number-input__inner {border: none;background-color: unset;}.editable-schema-table__body .editable-schema-table__body-cell .hi-v5-input__text,.editable-schema-table__body .editable-schema-table__body-cell .hi-v5-number-input__text {padding: 4px 12px;font-family: inherit;}.editable-schema-table__body .editable-schema-table__body-cell .hi-v5-input__input,.editable-schema-table__body .editable-schema-table__body-cell .hi-v5-number-input__input {font-family: inherit;font-size: 14px;}.editable-schema-table__body .editable-schema-table__body-cell > div[data-case=editing] .hi-v5-input__inner {background-color: unset;}.editable-schema-table__body .editable-schema-table__body-cell > div[data-case=editing] .hi-v5-number-input__suffix {position: static;}.editable-schema-table__body .editable-schema-table__body-cell > div[data-case=editing] .hi-v5-select {height: 39px;}.editable-schema-table__body .editable-schema-table__body-cell > div[data-case=editing] .hi-v5-select .hi-v5-mock-input {height: 39px;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 11px 0 12px;border: none;background-color: unset;}.editable-schema-table__body .editable-schema-table__body-cell > div[data-case=editing] .hi-v5-check-select {height: 39px;}.editable-schema-table__body .editable-schema-table__body-cell > div[data-case=editing] .hi-v5-check-select .hi-v5-tag-input-mock {height: 100%;border: none;background-color: unset;}.editable-schema-table__body .editable-schema-table__body-cell > div[data-case=editing] .hi-v5-check-select .hi-v5-tag-input-mock__tags {height: auto;}.editable-schema-table__body .editable-schema-table__body-cell > div[data-case=editing] .hi-v5-cascader {height: 39px;}.editable-schema-table__body .editable-schema-table__body-cell > div[data-case=editing] .hi-v5-cascader .hi-v5-mock-input {height: 39px;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 11px 0 12px;border: none;background-color: unset;}.editable-schema-table__body .editable-schema-table__body-cell > div[data-case=editing] .hi-v5-check-cascader {height: 39px;}.editable-schema-table__body .editable-schema-table__body-cell > div[data-case=editing] .hi-v5-check-cascader .hi-v5-tag-input-mock {height: 100%;border: none;background-color: unset;}.editable-schema-table__body .editable-schema-table__body-cell > div[data-case=editing] .hi-v5-check-cascader .hi-v5-tag-input-mock__tags {height: auto;}.editable-schema-table__body .editable-schema-table__body-cell > div[data-case=editing] .hi-v5-tree-select {height: 39px;}.editable-schema-table__body .editable-schema-table__body-cell > div[data-case=editing] .hi-v5-tree-select .hi-v5-mock-input {height: 39px;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 11px 0 12px;border: none;background-color: unset;}.editable-schema-table__body .editable-schema-table__body-cell > div[data-case=editing] .hi-v5-check-tree-select {height: 39px;}.editable-schema-table__body .editable-schema-table__body-cell > div[data-case=editing] .hi-v5-check-tree-select .hi-v5-tag-input-mock {height: 100%;border: none;background-color: unset;}.editable-schema-table__body .editable-schema-table__body-cell > div[data-case=editing] .hi-v5-check-tree-select .hi-v5-tag-input-mock__tags {height: auto;}.editable-schema-table__body .editable-schema-table__body-cell > div[data-case=editing] .hi-v5-date-picker__picker {border: none;height: 39px;}.editable-schema-table__body .editable-schema-table__body-cell > div[data-case=editing] .hi-v5-date-picker__input-selector {padding: 0 8px 0 7px;}.editable-schema-table__body .editable-schema-table__body-cell > div[data-case=editing] .hi-v5-date-picker .hi-icon {margin-right: 10px;}.editable-schema-table table {border-collapse: separate;}.editable-schema-table table th, .editable-schema-table table td {border-bottom: 1px solid #f0f0f0;}.editable-schema-table[data-is-bordered=true] table th,.editable-schema-table[data-is-bordered=true] table td, .editable-schema-table[data-has-nest-header=true] table th,.editable-schema-table[data-has-nest-header=true] table td {border-left: 1px solid #f0f0f0;}.editable-schema-table[data-is-bordered=true] .editable-schema-table__container, .editable-schema-table[data-has-nest-header=true] .editable-schema-table__container {border-top: 1px solid #f0f0f0;border-right: 1px solid #f0f0f0;}.editable-schema-table[data-has-sticky-footer=true] .editable-schema-table__footer-wrapper td {border-top: 1px solid #f0f0f0;}.editable-schema-table[data-has-sticky-footer=true] .editable-schema-table__body-wrapper tr:last-child td {border-bottom: none;}.editable-schema-table[data-is-empty=true][data-is-bordered=true] .editable-schema-table__container, .editable-schema-table[data-is-empty=true][data-has-nest-header=true] .editable-schema-table__container {border: 1px solid #f0f0f0;}.editable-schema-table[data-is-empty=true][data-is-bordered=true] .editable-schema-table__container table:first-child tr th:first-child, .editable-schema-table[data-is-empty=true][data-has-nest-header=true] .editable-schema-table__container table:first-child tr th:first-child {border-left: none;}.editable-schema-table__cell--last-fixed-left::after, .editable-schema-table[data-has-selection=true][data-has-left-fixed=false] .editable-schema-table__mock-selection::after {content: \"\";position: absolute;top: 0;bottom: 0;width: 30px;pointer-events: none;-webkit-transition: -webkit-box-shadow 0.3s;transition: -webkit-box-shadow 0.3s;transition: box-shadow 0.3s;transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;right: -30px;}.editable-schema-table__cell--first-fixed-right::after, .editable-schema-table[data-has-operation=true][data-has-right-fixed=false] .editable-schema-table__mock-operation::before {content: \"\";position: absolute;top: 0;bottom: 0;width: 30px;pointer-events: none;-webkit-transition: -webkit-box-shadow 0.3s;transition: -webkit-box-shadow 0.3s;transition: box-shadow 0.3s;transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;left: -30px;}.editable-schema-table--scrolling-left .editable-schema-table__cell--first-fixed-right::after, .editable-schema-table[data-has-operation=true][data-has-right-fixed=false] .editable-schema-table--scrolling-left .editable-schema-table__mock-operation::before {-webkit-box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);}.editable-schema-table--scrolling-right .editable-schema-table__cell--last-fixed-left::after, .editable-schema-table[data-has-selection=true][data-has-left-fixed=false] .editable-schema-table--scrolling-right .editable-schema-table__mock-selection::after {-webkit-box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);}";
+__styleInject__(css_248z);
+export { css_248z as default };