qidian-vue-ui 2.1.0 → 2.2.0

package/dist/components/columns-controller/index.css

@@ -1,31 +1,31 @@
-.qd-columns-controller__title[data-v-85b72687] {
+.qd-columns-controller__title[data-v-05c96c72] {
   display: flex;
   align-items: center;
 }
-.qd-columns-controller__drag[data-v-85b72687] {
+.qd-columns-controller__drag[data-v-05c96c72] {
   cursor: move;
   margin-right: var(--td-comp-margin-m);
 }
-.qd-columns-controller__ghost[data-v-85b72687] {
+.qd-columns-controller__ghost[data-v-05c96c72] {
   opacity: 0.5;
   background: var(--td-brand-color-light);
 }
-.qd-columns-controller__chosen[data-v-85b72687] {
+.qd-columns-controller__chosen[data-v-05c96c72] {
   background: var(--td-brand-color-light-hover);
 }
-.qd-columns-controller__width-input[data-v-85b72687] {
+.qd-columns-controller__width-input[data-v-05c96c72] {
   width: 100%;
 }
-.qd-columns-controller__help[data-v-85b72687] {
+.qd-columns-controller__help[data-v-05c96c72] {
   font-size: var(--td-font-size-title-large);
 }
-.qd-columns-controller__footer[data-v-85b72687] {
+.qd-columns-controller__footer[data-v-05c96c72] {
   width: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
-.qd-columns-controller__footer-actions[data-v-85b72687] {
+.qd-columns-controller__footer-actions[data-v-05c96c72] {
   flex: 1 1 0;
   overflow: hidden;
 }

package/dist/components/columns-controller/index.vue.mjs

@@ -2,7 +2,7 @@ import './index.css'
 import _sfc_main from "./index.vue2.mjs";
 /* empty css            */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const QdColumnsController = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-85b72687"]]);
+const QdColumnsController = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-05c96c72"]]);
 export {
   QdColumnsController as default
 };

package/dist/components/columns-controller/index.vue2.mjs

@@ -6,6 +6,7 @@ import Sortable from "../../node_modules/.pnpm/sortablejs@1.15.6/node_modules/so
 import { MoveIcon, HelpCircleIcon } from "tdesign-icons-vue-next";
 import { Space, Link, Divider, InputNumber, Button, Tooltip } from "tdesign-vue-next";
 import { useConfig } from "../config-provider/useConfig.mjs";
+import { COMPONENT_FONT_MAP, compensateWidth, calcOperationLinksWidth } from "../service/table/columnsCompensation.mjs";
 import { qdColumnsControllerProps } from "./props.mjs";
 import _sfc_main$1 from "../dialog/index.vue.mjs";
 /* empty css                    */
@@ -31,6 +32,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: /* @__PURE__ */ mergeDefaults({
     columns: {},
     defaultColumns: {},
+    size: {},
     visible: {
       type: Boolean
     }
@@ -52,28 +54,34 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       t: tDialog
     } = useConfig("dialog");
     const {
-      t
+      t,
+      size: globalComponentSize
     } = useConfig("columnsController");
     const dialogRef = useTemplateRef("dialog");
     const tableRef = useTemplateRef("tableRef");
     const flatColumns = ref([]);
     const hasFormItemColumns = computed(() => hasFormItem(props.columns));
-    const tableColumns = [{
-      colKey: "title",
-      title: t("columnNameText"),
-      minWidth: 200
-    }, {
-      colKey: "width",
-      title: t("widthText"),
-      width: 250,
-      align: "center"
-    }, {
-      colKey: "operation",
-      title: t("operationText"),
-      width: 300,
-      align: "center",
-      fixed: "right"
-    }];
+    const tableColumns = computed(() => {
+      const tableSize = props.size ?? "small";
+      const fontSize = COMPONENT_FONT_MAP[globalComponentSize.value ?? "medium"] ?? COMPONENT_FONT_MAP.medium;
+      const widest = (...texts) => texts.reduce((a, b) => b.length > a.length ? b : a);
+      return [{
+        colKey: "title",
+        title: t("columnNameText"),
+        minWidth: compensateWidth(200, tableSize, globalComponentSize.value ?? "medium")
+      }, {
+        colKey: "width",
+        title: t("widthText"),
+        width: compensateWidth(250, tableSize, globalComponentSize.value ?? "medium"),
+        align: "center"
+      }, {
+        colKey: "operation",
+        title: t("operationText"),
+        width: calcOperationLinksWidth([t("moveUpText"), t("moveDownText"), widest(t("pinLeftText"), t("unpinText")), widest(t("pinRightText"), t("unpinText"))], tableSize, fontSize),
+        align: "center",
+        fixed: "right"
+      }];
+    });
     const selectedColKeys = computed(() => flatColumns.value.filter((c) => !c.hidden).map((c) => c.colKey));
     function hasFormItem(columns2) {
       return columns2?.some((column) => column.formItem || hasFormItem(column.children)) ?? false;
@@ -218,7 +226,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ref_key: "tableRef",
           ref: tableRef,
           data: flatColumns.value,
-          columns: tableColumns,
+          columns: tableColumns.value,
+          size: __props.size,
+          "width-compensation": false,
           "row-key": "colKey",
           "select-type": hasFormItemColumns.value ? void 0 : "multiple",
           "selected-row-keys": selectedColKeys.value,
@@ -291,7 +301,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _: 2
           }, 1024)]),
           _: 1
-        }, 8, ["data", "select-type", "selected-row-keys"])]),
+        }, 8, ["data", "columns", "size", "select-type", "selected-row-keys"])]),
         _: 1
       }, 8, ["visible", "header"]);
     };

package/dist/components/columns-controller/props.d.ts

@@ -2,4 +2,5 @@ export declare const qdColumnsControllerProps: {
     readonly visible: false;
     readonly columns: () => never[];
     readonly defaultColumns: undefined;
+    readonly size: undefined;
 };

package/dist/components/columns-controller/props.mjs

@@ -1,7 +1,8 @@
 const qdColumnsControllerProps = {
   visible: false,
   columns: () => [],
-  defaultColumns: void 0
+  defaultColumns: void 0,
+  size: void 0
 };
 export {
   qdColumnsControllerProps

package/dist/components/columns-controller/types.d.ts

@@ -1,11 +1,13 @@
 import type { TableRowData } from 'tdesign-vue-next';
 import type { QdCrudTableCol } from '../crud/table/types';
 import type { QdDialogInstanceFunctions, QdDialogProps } from '../dialog/types';
+import type { QdServiceTableProps } from '../service';
 export interface QdColumnsControllerCol extends Pick<QdCrudTableCol, 'title' | 'hidden' | 'width' | 'minWidth' | 'fixed' | 'colKey'> {
 }
 export interface QdColumnsControllerProps<D extends TableRowData = TableRowData> extends Pick<QdDialogProps, 'visible'> {
     columns?: QdCrudTableCol<D>[];
     defaultColumns?: QdCrudTableCol<D>[];
+    size?: QdServiceTableProps['size'] | 'mini';
 }
 export interface QdColumnsControllerInstanceFunctions extends QdDialogInstanceFunctions {
 }

package/dist/components/crud/table/columnsCache.d.ts

@@ -1,7 +1,9 @@
-import type { TableRowData } from 'tdesign-vue-next';
+export * from '../../service/table/columnsCompensation';
 import type { QdColumnsControllerCol } from '../../columns-controller/types';
-import type { QdCrudTableCol } from './types';
+import type { QdColumnWidthStore } from '../../service/table/columnsCompensation';
 export declare function getColumnsStorageKey(key: string): string;
 export interface QdCrudTableCacheCol extends Omit<QdColumnsControllerCol, 'title'> {
 }
-export declare function mergeColumnsWithCache<D extends TableRowData>(original: QdCrudTableCol<D>[], cached: QdCrudTableCacheCol[] | undefined): QdCrudTableCol<D>[];
+export interface QdCrudTableColumnStore extends QdColumnWidthStore<QdCrudTableCacheCol> {
+}
+export declare function normalizeColumnStore(raw: unknown): QdCrudTableColumnStore;

package/dist/components/crud/table/columnsCache.mjs

@@ -2,28 +2,19 @@ const COLUMNS_CACHE_PREFIX = "qd-crud-table-columns";
 function getColumnsStorageKey(key) {
   return `${COLUMNS_CACHE_PREFIX}:${key}`;
 }
-function mergeColumnsWithCache(original, cached) {
-  if (!cached?.length) return original;
-  const originalMap = new Map(original.map((col) => [col.colKey, col]));
-  const cachedCols = cached.filter((c) => c.colKey && originalMap.has(c.colKey)).map((cachedCol) => {
-    const originalCol = originalMap.get(cachedCol.colKey);
-    const { hidden, width, minWidth, fixed } = cachedCol;
-    const reOther = {
-      ...hidden === void 0 ? {} : { hidden },
-      width,
-      minWidth,
-      fixed
-    };
+function normalizeColumnStore(raw) {
+  if (Array.isArray(raw)) return { columns: raw };
+  if (raw && typeof raw === "object") {
+    const store = raw;
     return {
-      ...originalCol,
-      ...reOther
+      columns: store.columns ?? [],
+      tableSize: store.tableSize,
+      globalSize: store.globalSize
     };
-  });
-  const cachedKeySet = new Set(cached.map((c) => c.colKey));
-  const newCols = original.filter((col) => col.colKey && !cachedKeySet.has(col.colKey));
-  return [...cachedCols, ...newCols];
+  }
+  return { columns: [] };
 }
 export {
   getColumnsStorageKey,
-  mergeColumnsWithCache
+  normalizeColumnStore
 };

package/dist/components/crud/table/index.css

@@ -1,40 +1,40 @@
-.qd-crud-table[data-v-38df8d6e] {
+.qd-crud-table[data-v-df12a161] {
   width: 100%;
   display: flex;
   flex-direction: column;
 }
-.qd-crud-table > .qd-crud-search:not(.qd-crud-search--hide) + .qd-crud-table__body[data-v-38df8d6e] {
+.qd-crud-table > .qd-crud-search:not(.qd-crud-search--hide) + .qd-crud-table__body[data-v-df12a161] {
   margin-top: var(--td-comp-margin-l);
 }
-.qd-crud-table__body[data-v-38df8d6e] >  .t-loading__parent > .t-card__body {
+.qd-crud-table__body[data-v-df12a161] >  .t-loading__parent > .t-card__body {
   display: flex;
   flex-direction: column;
 }
-.qd-crud-table__body[data-v-38df8d6e] >  .t-loading__parent > .t-card__body > .qd-service-table .t-table__pagination {
+.qd-crud-table__body[data-v-df12a161] >  .t-loading__parent > .t-card__body > .qd-service-table .t-table__pagination {
   padding-bottom: 0;
 }
-.qd-crud-table--fit-parent-height[data-v-38df8d6e] {
+.qd-crud-table--fit-parent-height[data-v-df12a161] {
   height: 100%;
 }
-.qd-crud-table--fit-parent-height > .qd-crud-table__body[data-v-38df8d6e] {
+.qd-crud-table--fit-parent-height > .qd-crud-table__body[data-v-df12a161] {
   flex: auto;
 }
-.qd-crud-table--fit-parent-height > .qd-crud-table__body[data-v-38df8d6e] >  .t-loading__parent > .t-card__body {
+.qd-crud-table--fit-parent-height > .qd-crud-table__body[data-v-df12a161] >  .t-loading__parent > .t-card__body {
   height: 100%;
   min-height: 443px;
 }
-.qd-crud-table--fit-parent-height > .qd-crud-table__body[data-v-38df8d6e] >  .t-loading__parent > .t-card__body > .qd-service-table {
+.qd-crud-table--fit-parent-height > .qd-crud-table__body[data-v-df12a161] >  .t-loading__parent > .t-card__body > .qd-service-table {
   flex: 1 1 0;
   overflow: hidden;
 }
-.qd-crud-table__toolbar[data-v-38df8d6e] {
+.qd-crud-table__toolbar[data-v-df12a161] {
   display: flex;
   justify-content: space-between;
 }
-.qd-crud-table__toolbar--has-space-item + .qd-service-table[data-v-38df8d6e] {
+.qd-crud-table__toolbar--has-space-item + .qd-service-table[data-v-df12a161] {
   margin-top: var(--td-comp-margin-l);
 }
-.qd-crud-table__toolbar-separator[data-v-38df8d6e] {
+.qd-crud-table__toolbar-separator[data-v-df12a161] {
   display: inline-block;
   padding-left: var(--td-comp-paddingLR-s);
 }

package/dist/components/crud/table/index.vue.mjs

@@ -2,7 +2,7 @@ import './index.css'
 import _sfc_main from "./index.vue2.mjs";
 /* empty css            */
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const QdCrudTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-38df8d6e"]]);
+const QdCrudTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-df12a161"]]);
 export {
   QdCrudTable as default
 };

package/dist/components/crud/table/index.vue2.mjs

@@ -6,9 +6,10 @@ import { SearchIcon, RefreshIcon, UnfoldLessIcon, UnfoldMoreIcon, SettingIcon, A
 import { Space, Button, Tooltip, Divider, Link } from "tdesign-vue-next";
 import { useConfig } from "../../config-provider/useConfig.mjs";
 import { qdServiceTableTreeConfig } from "../../service/table/props.mjs";
-import { getColumnsStorageKey, mergeColumnsWithCache } from "./columnsCache.mjs";
+import { getColumnsStorageKey, normalizeColumnStore } from "./columnsCache.mjs";
 import { qdCrudTableProps } from "./props.mjs";
 import { useModal } from "../../../hooks/useModal.mjs";
+import { COMPONENT_FONT_MAP, mergeColumnsWithCache, applySizeCompensation, OPERATION_EXTRA_WIDTH, SIZE_PADDING_MAP, calcTextWidth } from "../../service/table/columnsCompensation.mjs";
 import merge from "../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/merge.mjs";
 import cloneDeep from "../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/cloneDeep.mjs";
 import QdCrudSearch from "../search/index.vue.mjs";
@@ -77,6 +78,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     columns: {},
     rowKey: {},
     size: {},
+    widthCompensation: {
+      type: Boolean
+    },
     selectType: {},
     activeRowType: {
       type: [String, Boolean]
@@ -410,7 +414,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       passive: true
     });
     const {
-      t
+      t,
+      size: globalComponentSize
     } = useConfig("crud");
     const {
       global: tableGlobalConfig
@@ -421,18 +426,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       alertWarning,
       confirm
     } = useModal();
-    const SIZE_FONT_MAP = {
-      large: 16,
-      medium: 14,
-      small: 14,
-      mini: 12
-    };
-    const SIZE_PADDING_MAP = {
-      large: 40,
-      medium: 32,
-      small: 16,
-      mini: 12
-    };
     const treeIsExpand = computed(() => !!expandedTreeNodes.value?.length);
     const dialogFormMap = reactive({});
     const ifRenderMap = reactive({});
@@ -539,14 +532,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       const operationLength = reRowActions.length;
       if (operationLength) {
-        const operationSize = serviceTableOptions.size ?? tableGlobalConfig.value?.size ?? "medium";
+        const operationSize = serviceTableOptions.size ?? tableGlobalConfig.value?.size ?? "small";
+        const operationFontSize = COMPONENT_FONT_MAP[globalComponentSize.value ?? "medium"] ?? COMPONENT_FONT_MAP.medium;
         const operationIdx = reColumns.findIndex((item) => item.colKey === "operation");
         const defaultOperation = {
           title: t("operationText"),
           colKey: "operation",
           align: "center",
           fixed: "right",
-          width: calcOperationWidth(reRowActions, data.value, operationSize)
+          width: calcOperationWidth(reRowActions, data.value, operationSize, operationFontSize)
         };
         if (operationIdx > -1) {
           reColumns[operationIdx] = {
@@ -587,7 +581,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           manual: shouldValidateInitialSearch.value || serviceTableOptions.manual,
           maxHeight: fitParentHeight ? serviceTableOptions.maxHeight : void 0,
           selectType: void 0,
-          transformParams
+          transformParams,
+          // crud 自带补偿 + 列缓存体系，禁止内嵌 service-table 再补偿（防双重补偿）
+          widthCompensation: false
         },
         formOptions: form,
         detailOptions: detail,
@@ -623,12 +619,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return getColumnsStorageKey(key);
     });
-    const cachedColumns = useLocalStorage(finalCacheColumnsKey, []);
+    const cachedColumnStore = useLocalStorage(finalCacheColumnsKey, {
+      columns: []
+    });
+    const columnStore = computed(() => normalizeColumnStore(cachedColumnStore.value));
+    const compensationTableSize = computed(() => reProps.value.serviceTableOptions.size ?? tableGlobalConfig.value?.size ?? "small");
+    const compensationGlobalSize = computed(() => globalComponentSize.value ?? "medium");
     const hasFormItemColumns = computed(() => hasFormItem(reProps.value.columns));
     const mergeColumns = computed({
       get: () => {
         const original = reProps.value.columns;
-        const mergedColumns = cachedColumns.value ? mergeColumnsWithCache(original, cachedColumns.value) : original;
+        const cachedColumns = columnStore.value.columns;
+        const mergedColumns = mergeColumnsWithCache(original, cachedColumns);
         if (!hasFormItemColumns.value) return mergedColumns;
         return mergedColumns.map((column) => ({
           ...column,
@@ -636,19 +638,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }));
       },
       set: (val) => {
-        cachedColumns.value = val.map(({
-          colKey,
-          hidden,
-          width,
-          minWidth,
-          fixed
-        }) => ({
-          colKey,
-          hidden: hasFormItemColumns.value ? false : hidden,
-          width,
-          minWidth,
-          fixed
-        }));
+        cachedColumnStore.value = {
+          ...columnStore.value,
+          columns: val.map(({
+            colKey,
+            hidden,
+            width,
+            minWidth,
+            fixed
+          }) => ({
+            colKey,
+            hidden: hasFormItemColumns.value ? false : hidden,
+            width,
+            minWidth,
+            fixed
+          }))
+        };
       }
     });
     const showColumns = computed(() => mergeColumns.value?.filter((item) => !item.hidden));
@@ -732,6 +737,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function toggleSearchVisible() {
       searchVisible.value = !searchVisible.value;
     }
+    function isSameWidthAsOriginal(next) {
+      const originalMap = new Map(reProps.value.columns.map((col) => [col.colKey, col]));
+      return next.columns.every((col) => {
+        const original = originalMap.get(col.colKey);
+        if (!original) return false;
+        return (col.width ?? void 0) === (original.width ?? void 0) && (col.minWidth ?? void 0) === (original.minWidth ?? void 0);
+      });
+    }
+    function syncColumnSizeCompensation() {
+      const prev = columnStore.value;
+      const next = applySizeCompensation(prev, reProps.value.columns, compensationTableSize.value, compensationGlobalSize.value, {
+        operation: {
+          authoredColumns: props.columns,
+          extraWidth: OPERATION_EXTRA_WIDTH
+        }
+      });
+      if (next === prev) return;
+      if (!prev.columns.length && isSameWidthAsOriginal(next)) return;
+      cachedColumnStore.value = next;
+    }
     function toggleTreeExpandAll() {
       if (treeIsExpand.value) tableRef.value?.foldAll();
       else tableRef.value?.expandAll();
@@ -756,13 +781,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (!hasChanged) return;
       mergeColumns.value = newColumns;
     };
-    function calcTextWidth(text, fontSize) {
-      return [...text].reduce((width, char) => {
-        if (char.charCodeAt(0) > 255) return width + fontSize;
-        return width + Math.round(fontSize * (/[A-Z]/.test(char) ? 0.79 : 0.57));
-      }, 0);
-    }
-    function getActionWidth(action, row, fontSize = 14) {
+    function getActionWidth(action, row, fontSize = COMPONENT_FONT_MAP.medium) {
       if (action.component) return Math.round(fontSize * 2);
       let iconWidth = 0;
       if (action.prefixIcon) {
@@ -795,12 +814,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return ifRender !== false;
     }
-    function calcOperationWidth(rowActions, rows, size = "medium") {
+    function calcOperationWidth(rowActions, rows, size = "small", fontSize = COMPONENT_FONT_MAP.medium) {
       const permittedActions = rowActions.filter((action) => hasPermiOr(action.permi, false));
       if (!permittedActions.length) return 0;
-      const fontSize = SIZE_FONT_MAP[size] ?? 14;
-      const cellPadding = SIZE_PADDING_MAP[size] ?? 32;
-      const sumWidth = (actions, row) => actions.reduce((width, action) => width + getActionWidth(action, row, fontSize), 0) + (actions.length - 1) * 25 + cellPadding + 5;
+      const cellPadding = SIZE_PADDING_MAP[size] ?? SIZE_PADDING_MAP.small;
+      const sumWidth = (actions, row) => actions.reduce((width, action) => width + getActionWidth(action, row, fontSize), 0) + (actions.length - 1) * 25 + cellPadding + OPERATION_EXTRA_WIDTH;
       if (!rows?.length) {
         return sumWidth(permittedActions);
       }
@@ -1205,12 +1223,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function syncToolbarHasSpaceItem() {
       toolbarHasSpaceItem.value = !!toolbarRef.value?.querySelector(".t-space-item");
     }
+    watch([compensationTableSize, compensationGlobalSize, finalCacheColumnsKey], syncColumnSizeCompensation, {
+      immediate: true
+    });
     watch(hasFormItemColumns, (hasFormItem2) => {
-      if (!hasFormItem2 || !cachedColumns.value?.some((column) => column.hidden)) return;
-      cachedColumns.value = cachedColumns.value.map((column) => ({
-        ...column,
-        hidden: false
-      }));
+      const columns = columnStore.value.columns;
+      if (!hasFormItem2 || !columns.some((column) => column.hidden)) return;
+      cachedColumnStore.value = {
+        ...columnStore.value,
+        columns: columns.map((column) => ({
+          ...column,
+          hidden: false
+        }))
+      };
     }, {
       immediate: true
     });
@@ -1457,8 +1482,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "onUpdate:visible": _cache[10] || (_cache[10] = ($event) => isRef(columnControllerVisible) ? columnControllerVisible.value = $event : null),
         columns: mergeColumns.value,
         "onUpdate:columns": _cache[11] || (_cache[11] = ($event) => mergeColumns.value = $event),
-        "default-columns": reProps.value.columns
-      }, null, 8, ["visible", "columns", "default-columns"])], 2);
+        "default-columns": reProps.value.columns,
+        size: compensationTableSize.value
+      }, null, 8, ["visible", "columns", "default-columns", "size"])], 2);
     };
   }
 });

package/dist/components/crud/table/props.d.ts

@@ -24,6 +24,7 @@ export declare const qdCrudTableProps: {
     readonly emptyImage: true;
     readonly readonly: undefined;
     readonly lazyForm: true;
+    readonly widthCompensation: true;
     readonly editCellValidationBlock: "error";
     readonly cellSelectable: undefined;
     readonly cellClipboard: true;

package/dist/components/crud/tabs-table/index.vue.d.ts

@@ -192,6 +192,7 @@ declare const _default: <D extends TableRowData = TableRowData, R = unknown, P =
                 onSuccess?: ((data: import("qidian-shared").ServicePageDataType<D>) => void) | undefined;
                 manual?: boolean | undefined;
                 cellSelectable?: boolean | undefined;
+                widthCompensation?: boolean | undefined;
                 selectType?: "single" | "multiple" | undefined;
                 cellClipboard?: boolean | undefined;
                 onCellCopy?: ((context: import("../../service/table/types").QdServiceTableCellCopyContext<D>) => void) | undefined;

package/dist/components/crud/tabs-table/index.vue2.mjs

@@ -43,6 +43,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     columns: {},
     rowKey: {},
     size: {},
+    widthCompensation: { type: Boolean },
     selectType: {},
     activeRowType: { type: [String, Boolean] },
     cellSelectable: { type: Boolean },

package/dist/components/crud/tabs-table/props.d.ts

@@ -18,6 +18,7 @@ export declare const qdCrudTabsTableProps: {
     readonly emptyImage: true;
     readonly readonly: undefined;
     readonly lazyForm: true;
+    readonly widthCompensation: true;
     readonly editCellValidationBlock: "error";
     readonly cellSelectable: undefined;
     readonly cellClipboard: true;

package/dist/components/service/table/columnsCompensation.d.ts

@@ -0,0 +1,39 @@
+import type { TableRowData } from 'tdesign-vue-next';
+import type { QdServiceTableCol } from './types';
+export declare const SIZE_PADDING_MAP: Record<string, number>;
+export declare const COMPONENT_FONT_MAP: Record<string, number>;
+export declare const GLOBAL_SIZE_RATIO_MAP: Record<string, number>;
+export declare const OPERATION_EXTRA_WIDTH = 8;
+export type QdCompensatableCol<D extends TableRowData = TableRowData> = QdServiceTableCol<D> & {
+    hidden?: boolean;
+};
+export interface QdCachedCol {
+    colKey: string;
+    hidden?: boolean;
+    width?: QdServiceTableCol['width'];
+    minWidth?: QdServiceTableCol['minWidth'];
+    fixed?: QdServiceTableCol['fixed'];
+}
+export interface QdColumnWidthStore<C extends QdCachedCol = QdCachedCol> {
+    columns: C[];
+    tableSize?: string;
+    globalSize?: string;
+}
+export declare function resolveSizeRatio(globalSize?: string): number;
+export declare function resolvePaddingDelta(tableSize?: string): number;
+export declare function compensateWidth(base: number, tableSize?: string, globalSize?: string): number;
+export declare function decompensateWidth(width: number, tableSize?: string, globalSize?: string): number;
+export declare function calcTextWidth(text: string, fontSize: number): number;
+export declare function calcOperationLinksWidth(links: string[], tableSize?: string, fontSize?: number): number;
+export declare function isSizeExemptColumn<D extends TableRowData>(col?: QdCompensatableCol<D>): boolean;
+export declare function isCompensatableColumn<D extends TableRowData>(col?: QdCompensatableCol<D>): boolean;
+export declare function mergeColumnsWithCache<C extends {
+    colKey?: unknown;
+} = QdCompensatableCol>(original: C[], cached: QdCachedCol[] | undefined): C[];
+export interface SizeCompensationOptions<D extends TableRowData = TableRowData> {
+    operation?: {
+        authoredColumns?: QdCompensatableCol<D>[];
+        extraWidth: number;
+    };
+}
+export declare function applySizeCompensation<C extends QdCachedCol = QdCachedCol, D extends TableRowData = TableRowData>(store: QdColumnWidthStore<C>, originalColumns: QdCompensatableCol<D>[], nextTableSize: string, nextGlobalSize: string, options?: SizeCompensationOptions<D>): QdColumnWidthStore<C>;