@veltra/desktop 1.2.10 → 1.2.13

package/dist/components/table/table-cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-cell.js","names":[],"sources":["../../../src/components/table/table-cell.vue"],"sourcesContent":["<template>\n  <td\n    :class=\"cellClass\"\n    :style=\"style\"\n    :rowspan=\"rowspan\"\n    :colspan=\"colspan\"\n    v-if=\"rowspan !== 0 && colspan !== 0\"\n  >\n    <slot />\n  </td>\n</template>\n\n<script lang=\"ts\" setup>\nimport { withUnit } from '@veltra/utils'\nimport { computed } from 'vue'\n\ndefineOptions({ name: 'TableCell' })\n\n/**\n * B2: TableCell 去 inject 化。\n *\n * 原先每个可见单元格都会执行 `inject(TableDIKey)` 并在模板中调用 `getCellClass(column)`，\n * 在 30 列场景下每次滚动每行产生 30 次 inject / 30 次类名拼接。\n * 父组件 `TableRow` 已经持有注入上下文，直接把 `cellClass` 传下来即可；\n * 这里变成「完全受控」的纯渲染单元。\n */\nconst { left, right } = defineProps<{\n  cellClass: string\n  left?: number\n  right?: number\n  rowspan?: number\n  colspan?: number\n}>()\n\nconst style = computed(() => ({ left: withUnit(left, 'px'), right: withUnit(right, 'px') }))\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EAkCA,MAAM,QAAQ,gBAAgB;GAAE,MAAM,SAAS,QAAA,MAAM,IAAI;GAAG,OAAO,SAAS,QAAA,OAAO,IAAI;EAAE,EAAE;;UA5BjF,QAAA,YAAO,KAAU,QAAA,YAAO,KAAA,UAAA,GALhC,mBAQK,MAAA;;IAPF,OAAK,eAAE,QAAA,SAAS;IAChB,OAAK,eAAE,MAAA,KAAK;IACZ,SAAS,QAAA;IACT,SAAS,QAAA;OAGV,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,IAAA,UAAA,KAAA,mBAAA,QAAA,IAAA"}
+{"version":3,"file":"table-cell.js","names":[],"sources":["../../../src/components/table/table-cell.vue"],"sourcesContent":["<template>\n  <td\n    :class=\"cellClass\"\n    :style=\"style\"\n    :rowspan=\"rowspan\"\n    :colspan=\"colspan\"\n    v-if=\"rowspan !== 0 && colspan !== 0\"\n  >\n    <slot />\n  </td>\n</template>\n\n<script lang=\"ts\" setup>\nimport { withUnit } from '@veltra/utils'\nimport { computed } from 'vue'\n\ndefineOptions({ name: 'UTableCell' })\n\n/**\n * B2: TableCell 去 inject 化。\n *\n * 原先每个可见单元格都会执行 `inject(TableDIKey)` 并在模板中调用 `getCellClass(column)`，\n * 在 30 列场景下每次滚动每行产生 30 次 inject / 30 次类名拼接。\n * 父组件 `TableRow` 已经持有注入上下文，直接把 `cellClass` 传下来即可；\n * 这里变成「完全受控」的纯渲染单元。\n */\nconst { left, right } = defineProps<{\n  cellClass: string\n  left?: number\n  right?: number\n  rowspan?: number\n  colspan?: number\n}>()\n\nconst style = computed(() => ({ left: withUnit(left, 'px'), right: withUnit(right, 'px') }))\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EAkCA,MAAM,QAAQ,gBAAgB;GAAE,MAAM,SAAS,QAAA,MAAM,IAAI;GAAG,OAAO,SAAS,QAAA,OAAO,IAAI;EAAE,EAAE;;UA5BjF,QAAA,YAAO,KAAU,QAAA,YAAO,KAAA,UAAA,GALhC,mBAQK,MAAA;;IAPF,OAAK,eAAE,QAAA,SAAS;IAChB,OAAK,eAAE,MAAA,KAAK;IACZ,SAAS,QAAA;IACT,SAAS,QAAA;OAGV,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,IAAA,UAAA,KAAA,mBAAA,QAAA,IAAA"}

package/dist/components/table/table-foot.js

@@ -5,8 +5,8 @@ import { withUnit } from "@veltra/utils";
 import { $n } from "@cat-kit/core";
 //#region src/components/table/table-foot.vue
 const _hoisted_1 = { key: 0 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-	name: "TableFoot",
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "UTableFoot",
 	__name: "table-foot",
 	setup(__props, { expose: __expose }) {
 		const { cls, columnConfig, rows, checkedRows, tableSlots, getCellClass } = inject(TableDIKey);

package/dist/components/table/table-foot.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-foot.js","names":[],"sources":["../../../src/components/table/table-foot.vue"],"sourcesContent":["<template>\n  <tfoot v-if=\"tableSlots.foot || showSummary\" :class=\"cls.e('foot')\">\n    <tr v-if=\"showSummary\">\n      <td\n        v-if=\"leafColumns[0]\"\n        :class=\"getCellClass(leafColumns[0])\"\n        :style=\"{\n          right: withUnit(leafColumns[0].style.right, 'px'),\n          left: withUnit(leafColumns[0].style.left, 'px')\n        }\"\n      >\n        合计:\n      </td>\n      <td\n        v-for=\"column of leafColumns.slice(1)\"\n        :class=\"getCellClass(column)\"\n        :key=\"column.key\"\n        :style=\"{\n          right: withUnit(column.style.right, 'px'),\n          left: withUnit(column.style.left, 'px')\n        }\"\n      >\n        <u-node-render :content=\"getColumnSummaryNode(column)\" />\n      </td>\n    </tr>\n    <slot />\n  </tfoot>\n</template>\n\n<script lang=\"ts\" setup>\nimport { $n } from '@cat-kit/core'\nimport { withUnit, type RenderReturn } from '@veltra/utils'\nimport { computed, inject } from 'vue'\n\nimport { UNodeRender } from '../node-render'\nimport { TableDIKey } from './di'\nimport type { ColumnNode } from './node/col'\n\ndefineOptions({ name: 'TableFoot' })\n\nconst { cls, columnConfig, rows, checkedRows, tableSlots, getCellClass } = inject(TableDIKey)!\n\nconst { leafColumns } = columnConfig\n\nconst showSummary = computed(() => {\n  return leafColumns.value.some((col) => !!col.data.summary)\n})\n\nfunction computeSummary(key: string) {\n  let sum = 0\n  let i = 0\n\n  while (i < rows.value.length) {\n    sum = $n.plus(sum, rows.value[i]!.data[key] ?? 0)\n    if (isNaN(sum)) return sum\n    i++\n  }\n\n  return sum\n}\n\nconst summaryRow = computed<Record<string, any>>(() => {\n  return leafColumns.value.reduce((acc, column) => {\n    if (column.data.summary) {\n      acc[column.key] = computeSummary(column.key)\n    }\n    return acc\n  }, {})\n})\n\nfunction getColumnSummaryNode(column: ColumnNode): RenderReturn {\n  const { summary } = column.data\n\n  if (!summary) return null\n\n  let total = summaryRow.value[column.key]\n\n  if (typeof summary === 'function') {\n    return summary({ total, rows: rows.value, checkedRows: checkedRows.value, column })\n  }\n  return total\n}\n\ndefineExpose({\n  getSummaryRow(): Record<string, any> {\n    return summaryRow.value\n  }\n})\n</script>\n"],"mappings":";;;;;;;;;;;EAwCA,MAAM,EAAE,KAAK,cAAc,MAAM,aAAa,YAAY,iBAAiB,OAAO,UAAU;EAE5F,MAAM,EAAE,gBAAgB;EAExB,MAAM,cAAc,eAAe;GACjC,OAAO,YAAY,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI,KAAK,OAAO;EAC3D,CAAC;EAED,SAAS,eAAe,KAAa;GACnC,IAAI,MAAM;GACV,IAAI,IAAI;GAER,OAAO,IAAI,KAAK,MAAM,QAAQ;IAC5B,MAAM,GAAG,KAAK,KAAK,KAAK,MAAM,GAAI,KAAK,QAAQ,CAAC;IAChD,IAAI,MAAM,GAAG,GAAG,OAAO;IACvB;GACF;GAEA,OAAO;EACT;EAEA,MAAM,aAAa,eAAoC;GACrD,OAAO,YAAY,MAAM,QAAQ,KAAK,WAAW;IAC/C,IAAI,OAAO,KAAK,SACd,IAAI,OAAO,OAAO,eAAe,OAAO,GAAG;IAE7C,OAAO;GACT,GAAG,CAAC,CAAC;EACP,CAAC;EAED,SAAS,qBAAqB,QAAkC;GAC9D,MAAM,EAAE,YAAY,OAAO;GAE3B,IAAI,CAAC,SAAS,OAAO;GAErB,IAAI,QAAQ,WAAW,MAAM,OAAO;GAEpC,IAAI,OAAO,YAAY,YACrB,OAAO,QAAQ;IAAE;IAAO,MAAM,KAAK;IAAO,aAAa,YAAY;IAAO;GAAO,CAAC;GAEpF,OAAO;EACT;EAEA,SAAa,EACX,gBAAqC;GACnC,OAAO,WAAW;EACpB,EACF,CAAC;;UAtFc,MAAA,UAAA,EAAW,QAAQ,YAAA,SAAA,UAAA,GAAhC,mBAyBQ,SAAA;;IAzBsC,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,MAAA,CAAA;OAC9C,YAAA,SAAA,UAAA,GAAV,mBAsBK,MAAA,YAAA,CApBK,MAAA,WAAA,EAAW,MAAA,UAAA,GADnB,mBASK,MAAA;;IAPF,OAAK,eAAE,MAAA,YAAA,EAAa,MAAA,WAAA,EAAW,EAAA,CAAA;IAC/B,OAAK,eAAA;YAAqB,MAAA,QAAA,EAAS,MAAA,WAAA,EAAW,GAAI,MAAM,OAAK,IAAA;WAAyB,MAAA,QAAA,EAAS,MAAA,WAAA,EAAW,GAAI,MAAM,MAAI,IAAA;;MAI1H,SAED,CAAA,KAAA,mBAAA,QAAA,IAAA,IAAA,UAAA,IAAA,GACA,mBAUK,UAAA,MAAA,WATc,MAAA,WAAA,EAAY,MAAK,CAAA,IAA3B,WAAM;wBADf,mBAUK,MAAA;KARF,OAAK,eAAE,MAAA,YAAA,EAAa,MAAM,CAAA;KAC1B,KAAK,OAAO;KACZ,OAAK,eAAA;aAAqB,MAAA,QAAA,EAAS,OAAO,MAAM,OAAK,IAAA;YAAyB,MAAA,QAAA,EAAS,OAAO,MAAM,MAAI,IAAA;;QAKzG,YAAyD,MAAA,UAAA,GAAA,EAAzC,SAAS,qBAAqB,MAAM,EAAA,GAAA,MAAA,GAAA,CAAA,SAAA,CAAA,CAAA,GAAA,CAAA;oDAGxD,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,QAAA,IAAA"}
+{"version":3,"file":"table-foot.js","names":[],"sources":["../../../src/components/table/table-foot.vue"],"sourcesContent":["<template>\n  <tfoot v-if=\"tableSlots.foot || showSummary\" :class=\"cls.e('foot')\">\n    <tr v-if=\"showSummary\">\n      <td\n        v-if=\"leafColumns[0]\"\n        :class=\"getCellClass(leafColumns[0])\"\n        :style=\"{\n          right: withUnit(leafColumns[0].style.right, 'px'),\n          left: withUnit(leafColumns[0].style.left, 'px')\n        }\"\n      >\n        合计:\n      </td>\n      <td\n        v-for=\"column of leafColumns.slice(1)\"\n        :class=\"getCellClass(column)\"\n        :key=\"column.key\"\n        :style=\"{\n          right: withUnit(column.style.right, 'px'),\n          left: withUnit(column.style.left, 'px')\n        }\"\n      >\n        <u-node-render :content=\"getColumnSummaryNode(column)\" />\n      </td>\n    </tr>\n    <slot />\n  </tfoot>\n</template>\n\n<script lang=\"ts\" setup>\nimport { $n } from '@cat-kit/core'\nimport { withUnit, type RenderReturn } from '@veltra/utils'\nimport { computed, inject } from 'vue'\n\nimport { UNodeRender } from '../node-render'\nimport { TableDIKey } from './di'\nimport type { ColumnNode } from './node/col'\n\ndefineOptions({ name: 'UTableFoot' })\n\nconst { cls, columnConfig, rows, checkedRows, tableSlots, getCellClass } = inject(TableDIKey)!\n\nconst { leafColumns } = columnConfig\n\nconst showSummary = computed(() => {\n  return leafColumns.value.some((col) => !!col.data.summary)\n})\n\nfunction computeSummary(key: string) {\n  let sum = 0\n  let i = 0\n\n  while (i < rows.value.length) {\n    sum = $n.plus(sum, rows.value[i]!.data[key] ?? 0)\n    if (isNaN(sum)) return sum\n    i++\n  }\n\n  return sum\n}\n\nconst summaryRow = computed<Record<string, any>>(() => {\n  return leafColumns.value.reduce((acc, column) => {\n    if (column.data.summary) {\n      acc[column.key] = computeSummary(column.key)\n    }\n    return acc\n  }, {})\n})\n\nfunction getColumnSummaryNode(column: ColumnNode): RenderReturn {\n  const { summary } = column.data\n\n  if (!summary) return null\n\n  let total = summaryRow.value[column.key]\n\n  if (typeof summary === 'function') {\n    return summary({ total, rows: rows.value, checkedRows: checkedRows.value, column })\n  }\n  return total\n}\n\ndefineExpose({\n  getSummaryRow(): Record<string, any> {\n    return summaryRow.value\n  }\n})\n</script>\n"],"mappings":";;;;;;;;;;;EAwCA,MAAM,EAAE,KAAK,cAAc,MAAM,aAAa,YAAY,iBAAiB,OAAO,UAAU;EAE5F,MAAM,EAAE,gBAAgB;EAExB,MAAM,cAAc,eAAe;GACjC,OAAO,YAAY,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI,KAAK,OAAO;EAC3D,CAAC;EAED,SAAS,eAAe,KAAa;GACnC,IAAI,MAAM;GACV,IAAI,IAAI;GAER,OAAO,IAAI,KAAK,MAAM,QAAQ;IAC5B,MAAM,GAAG,KAAK,KAAK,KAAK,MAAM,EAAE,CAAE,KAAK,QAAQ,CAAC;IAChD,IAAI,MAAM,GAAG,GAAG,OAAO;IACvB;GACF;GAEA,OAAO;EACT;EAEA,MAAM,aAAa,eAAoC;GACrD,OAAO,YAAY,MAAM,QAAQ,KAAK,WAAW;IAC/C,IAAI,OAAO,KAAK,SACd,IAAI,OAAO,OAAO,eAAe,OAAO,GAAG;IAE7C,OAAO;GACT,GAAG,CAAC,CAAC;EACP,CAAC;EAED,SAAS,qBAAqB,QAAkC;GAC9D,MAAM,EAAE,YAAY,OAAO;GAE3B,IAAI,CAAC,SAAS,OAAO;GAErB,IAAI,QAAQ,WAAW,MAAM,OAAO;GAEpC,IAAI,OAAO,YAAY,YACrB,OAAO,QAAQ;IAAE;IAAO,MAAM,KAAK;IAAO,aAAa,YAAY;IAAO;GAAO,CAAC;GAEpF,OAAO;EACT;EAEA,SAAa,EACX,gBAAqC;GACnC,OAAO,WAAW;EACpB,EACF,CAAC;;UAtFc,MAAA,UAAA,CAAU,CAAC,QAAQ,YAAA,SAAA,UAAA,GAAhC,mBAyBQ,SAAA;;IAzBsC,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,MAAA,CAAA;OAC9C,YAAA,SAAA,UAAA,GAAV,mBAsBK,MAAA,YAAA,CApBK,MAAA,WAAA,CAAW,CAAA,MAAA,UAAA,GADnB,mBASK,MAAA;;IAPF,OAAK,eAAE,MAAA,YAAA,CAAY,CAAC,MAAA,WAAA,CAAW,CAAA,EAAA,CAAA;IAC/B,OAAK,eAAA;YAAqB,MAAA,QAAA,CAAQ,CAAC,MAAA,WAAA,CAAW,CAAA,EAAA,CAAI,MAAM,OAAK,IAAA;WAAyB,MAAA,QAAA,CAAQ,CAAC,MAAA,WAAA,CAAW,CAAA,EAAA,CAAI,MAAM,MAAI,IAAA;;MAI1H,SAED,CAAA,KAAA,mBAAA,QAAA,IAAA,IAAA,UAAA,IAAA,GACA,mBAUK,UAAA,MAAA,WATc,MAAA,WAAA,CAAW,CAAC,MAAK,CAAA,IAA3B,WAAM;wBADf,mBAUK,MAAA;KARF,OAAK,eAAE,MAAA,YAAA,CAAY,CAAC,MAAM,CAAA;KAC1B,KAAK,OAAO;KACZ,OAAK,eAAA;aAAqB,MAAA,QAAA,CAAQ,CAAC,OAAO,MAAM,OAAK,IAAA;YAAyB,MAAA,QAAA,CAAQ,CAAC,OAAO,MAAM,MAAI,IAAA;;QAKzG,YAAyD,MAAA,UAAA,GAAA,EAAzC,SAAS,qBAAqB,MAAM,EAAA,GAAA,MAAA,GAAA,CAAA,SAAA,CAAA,CAAA,GAAA,CAAA;oDAGxD,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,QAAA,IAAA"}

package/dist/components/table/table-head.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-head.js","names":["bem","withUnit","defineComponent","inject","DefineComponent","TableDIKey","TableResizeKey","TableHead","name","setup","cls","columnConfig","getHeaderSlotsNode","getHeaderCellClass","headers","handleCls","e","handleResizeMousedown","headerRef","_createVNode","is","value","length","map","header","headerIndex","column","key","leafs","children","undefined","left","style","right","isLeaf","resizable"],"sources":["../../../src/components/table/table-head.tsx"],"sourcesContent":["import { bem, withUnit } from '@veltra/utils'\nimport { defineComponent, inject, type DefineComponent } from 'vue'\n\nimport { TableDIKey, TableResizeKey } from './di'\n\nconst TableHead: DefineComponent = defineComponent({\n  name: 'TableHead',\n  setup() {\n    const { cls, columnConfig, getHeaderSlotsNode, getHeaderCellClass } = inject(TableDIKey)!\n    const { headers } = columnConfig\n    const handleCls = cls.e('resize-handle')\n\n    const { handleResizeMousedown, headerRef } = inject(TableResizeKey)!\n\n    return () => (\n      <thead\n        class={[cls.e('head'), bem.is('multistage', headers.value.length > 1)]}\n        ref={headerRef}\n      >\n        {headers.value.map((header, headerIndex) => (\n          <tr>\n            {header.map((column) => (\n              <th\n                class={getHeaderCellClass(column)}\n                key={column.key}\n                colspan={column.leafs}\n                rowspan={column.children?.length ? undefined : headers.value.length - headerIndex}\n                style={{\n                  left: withUnit(column.style.left, 'px'),\n                  right: withUnit(column.style.right, 'px')\n                }}\n              >\n                {getHeaderSlotsNode({ column })}\n\n                {column.isLeaf && column.resizable ? (\n                  <span\n                    class={handleCls}\n                    onMousedown={(e) => handleResizeMousedown(e, column)}\n                  ></span>\n                ) : null}\n              </th>\n            ))}\n          </tr>\n        ))}\n      </thead>\n    )\n  }\n})\n\nexport default TableHead\n"],"mappings":";;;;AAKA,MAAMO,YAA6BL,gBAAgB;CACjDM,MAAM;CACNC,QAAQ;EACN,MAAM,EAAEC,KAAKC,cAAcC,oBAAoBC,uBAAuBV,OAAOE,UAAU;EACvF,MAAM,EAAES,YAAYH;EACpB,MAAMI,YAAYL,IAAIM,EAAE,eAAe;EAEvC,MAAM,EAAEC,uBAAuBC,cAAcf,OAAOG,cAAc;EAElE,aAAOa,YAAA,SAAA;GAAA,SAEI,CAACT,IAAIM,EAAE,MAAM,GAAGhB,IAAIoB,GAAG,cAAcN,QAAQO,MAAMC,SAAS,CAAC,CAAC;GAAC,OACjEJ;EAAS,GAAA,CAEbJ,QAAQO,MAAME,KAAKC,QAAQC,gBAAWN,YAAA,MAAA,MAAA,CAElCK,OAAOD,KAAKG,WAAMP,YAAA,MAAA;GAAA,SAERN,mBAAmBa,MAAM;GAAC,OAC5BA,OAAOC;GAAG,WACND,OAAOE;GAAK,WACZF,OAAOG,UAAUP,SAASQ,KAAAA,IAAYhB,QAAQO,MAAMC,SAASG;GAAW,SAC1E;IACLM,MAAM9B,SAASyB,OAAOM,MAAMD,MAAM,IAAI;IACtCE,OAAOhC,SAASyB,OAAOM,MAAMC,OAAO,IAAI;GAC1C;EAAC,GAAA,CAEArB,mBAAmB,EAAEc,OAAO,CAAC,GAE7BA,OAAOQ,UAAUR,OAAOS,YAAShB,YAAA,QAAA;GAAA,SAEvBJ;GAAS,gBACFC,MAAMC,sBAAsBD,GAAGU,MAAM;EAAC,GAAA,IAAA,IAEpD,IAAI,CAAA,CAEX,CAAC,CAAA,CAEL,CAAC,CAAA;CAGR;AACF,CAAC"}
+{"version":3,"file":"table-head.js","names":[],"sources":["../../../src/components/table/table-head.tsx"],"sourcesContent":["import { bem, withUnit } from '@veltra/utils'\nimport { defineComponent, inject, type DefineComponent } from 'vue'\n\nimport { TableDIKey, TableResizeKey } from './di'\n\nconst TableHead: DefineComponent = defineComponent({\n  name: 'TableHead',\n  setup() {\n    const { cls, columnConfig, getHeaderSlotsNode, getHeaderCellClass } = inject(TableDIKey)!\n    const { headers } = columnConfig\n    const handleCls = cls.e('resize-handle')\n\n    const { handleResizeMousedown, headerRef } = inject(TableResizeKey)!\n\n    return () => (\n      <thead\n        class={[cls.e('head'), bem.is('multistage', headers.value.length > 1)]}\n        ref={headerRef}\n      >\n        {headers.value.map((header, headerIndex) => (\n          <tr>\n            {header.map((column) => (\n              <th\n                class={getHeaderCellClass(column)}\n                key={column.key}\n                colspan={column.leafs}\n                rowspan={column.children?.length ? undefined : headers.value.length - headerIndex}\n                style={{\n                  left: withUnit(column.style.left, 'px'),\n                  right: withUnit(column.style.right, 'px')\n                }}\n              >\n                {getHeaderSlotsNode({ column })}\n\n                {column.isLeaf && column.resizable ? (\n                  <span\n                    class={handleCls}\n                    onMousedown={(e) => handleResizeMousedown(e, column)}\n                  ></span>\n                ) : null}\n              </th>\n            ))}\n          </tr>\n        ))}\n      </thead>\n    )\n  }\n})\n\nexport default TableHead\n"],"mappings":";;;;AAKA,MAAM,YAA6B,gBAAgB;CACjD,MAAM;CACN,QAAQ;EACN,MAAM,EAAE,KAAK,cAAc,oBAAoB,uBAAuB,OAAO,UAAU;EACvF,MAAM,EAAE,YAAY;EACpB,MAAM,YAAY,IAAI,EAAE,eAAe;EAEvC,MAAM,EAAE,uBAAuB,cAAc,OAAO,cAAc;EAElE,aAAO,YAAA,SAAA;GAAA,SAEI,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,cAAc,QAAQ,MAAM,SAAS,CAAC,CAAC;GAAC,OACjE;EAAS,GAAA,CAEb,QAAQ,MAAM,KAAK,QAAQ,gBAAW,YAAA,MAAA,MAAA,CAElC,OAAO,KAAK,WAAM,YAAA,MAAA;GAAA,SAER,mBAAmB,MAAM;GAAC,OAC5B,OAAO;GAAG,WACN,OAAO;GAAK,WACZ,OAAO,UAAU,SAAS,KAAA,IAAY,QAAQ,MAAM,SAAS;GAAW,SAC1E;IACL,MAAM,SAAS,OAAO,MAAM,MAAM,IAAI;IACtC,OAAO,SAAS,OAAO,MAAM,OAAO,IAAI;GAC1C;EAAC,GAAA,CAEA,mBAAmB,EAAE,OAAO,CAAC,GAE7B,OAAO,UAAU,OAAO,YAAS,YAAA,QAAA;GAAA,SAEvB;GAAS,gBACF,MAAM,sBAAsB,GAAG,MAAM;EAAC,GAAA,IAAA,IAEpD,IAAI,CAAA,CAEX,CAAC,CAAA,CAEL,CAAC,CAAA;CAGR;AACF,CAAC"}

package/dist/components/table/table-row.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-row.js","names":["ArrowRight","defineComponent","DefineComponent","inject","onUnmounted","JSX","TableRow","ITableRow","UButton","UIcon","TableDIKey","UTabelCell","_isSlot","s","Object","prototype","toString","call","_isVNode","ROW_MOD_CLASS","const","rowModCls","row","i","isCurrent","checked","expanded","UTableRow","index","name","props","type","required","Number","setup","cls","columnConfig","getColumnSlotsNode","toggleTreeRowExpand","getCellCtx","handleRowClick","handleCellClick","tableProps","measureElement","getCellClass","rowBaseCls","e","expandToggleCls","expandSpaceCls","measureRefCache","Map","el","getMeasureRef","ref","get","undefined","Element","set","clear","columns","expandColumn","_expandColumn","value","expandCell","expandCtx","cellSpan","mergeCell","colspan","rowspan","marginLeft","tree","depth","_createVNode","_mergeProps","style","left","right","uid","key","default","isLeaf","expandable","isExpandRow","stopPropagation","mod","rowCls","map","column","cellCtx","cellNode","UExpandTableRow","getExpandRowSlotsNode","leafColumns","cellCls","measureRef","node","rowData","data","length"],"sources":["../../../src/components/table/table-row.tsx"],"sourcesContent":["import { ArrowRight } from '@veltra/icons/normal'\nimport { defineComponent, type DefineComponent } from 'vue'\nimport { inject, onUnmounted } from 'vue'\nimport type { JSX } from 'vue/jsx-runtime'\n\nimport type { TableRow as ITableRow } from '../../types'\nimport { UButton } from '../button'\nimport { UIcon } from '../icon'\nimport { TableDIKey } from './di'\nimport UTabelCell from './table-cell.vue'\n\n/**\n * A3：行修饰类组合静态查找表。\n *\n * 位模式：bit2 = isCurrent, bit1 = checked, bit0 = expanded。\n * 与 `bem.is('...')` 对于 `'current' | 'checked' | 'expanded'` 的输出完全等价，\n * 直接从 index 读字符串，消除每行渲染期间的字符串拼接和 3 次 bem.is 调用。\n *\n * 放在模块顶层使所有 TableRow 实例共享一份引用（不会随 setup 重建）。\n */\nconst ROW_MOD_CLASS: readonly string[] = [\n  '',\n  'is-expanded',\n  'is-checked',\n  'is-checked is-expanded',\n  'is-current',\n  'is-current is-expanded',\n  'is-current is-checked',\n  'is-current is-checked is-expanded'\n] as const\n\nfunction rowModCls(row: ITableRow): string {\n  const i = (row.isCurrent ? 4 : 0) | (row.checked ? 2 : 0) | (row.expanded ? 1 : 0)\n  return ROW_MOD_CLASS[i]!\n}\n\nexport const UTableRow: DefineComponent<{ row: ITableRow; index: number }> = defineComponent({\n  name: 'TableRow',\n\n  props: {\n    row: { type: Object as () => ITableRow, required: true },\n    index: { type: Number, required: true }\n  },\n\n  setup(props) {\n    const {\n      cls,\n      columnConfig,\n      getColumnSlotsNode,\n      toggleTreeRowExpand,\n      getCellCtx,\n      handleRowClick,\n      handleCellClick,\n      tableProps,\n      measureElement,\n      getCellClass\n    } = inject(TableDIKey)!\n\n    // A1：把 cls.e('row') / cls.e('expand-toggle') 等静态字符串提升到 setup 一次性计算，\n    // 避免每次 render 重新走 `cls.e` 拼接。\n    const rowBaseCls = cls.e('row')\n    const expandToggleCls = cls.e('expand-toggle')\n    const expandSpaceCls = cls.e('expand-space')\n\n    // A2：measureRef 按 index 缓存闭包。\n    // 行虚拟化下，同一 TableRow 实例的 props.index 大多稳定，但在虚拟化重排或展开行切换时\n    // 仍会发生变化；把 (index) → refFn 缓存起来，既保证引用稳定（利于 Vue 的 ref diff），\n    // 又避免在未来可能的\"同实例跨 index 复用\"情形下重复分配闭包。\n    const measureRefCache = new Map<number, (el: unknown) => void>()\n    const getMeasureRef = (index: number): ((el: unknown) => void) => {\n      let ref = measureRefCache.get(index)\n      if (ref === undefined) {\n        ref = (el: unknown) => {\n          measureElement(index, el as Element | null)\n        }\n        measureRefCache.set(index, ref)\n      }\n      return ref\n    }\n    onUnmounted(() => {\n      measureRefCache.clear()\n    })\n\n    const { columns, expandColumn } = columnConfig\n\n    return () => {\n      const { row } = props\n      const _expandColumn = expandColumn.value\n\n      let expandCell: JSX.Element | null = null\n      if (_expandColumn) {\n        const expandCtx = getCellCtx(row, _expandColumn)\n        const cellSpan = tableProps.mergeCell?.(expandCtx)\n\n        if (!cellSpan || (cellSpan.colspan && cellSpan.rowspan)) {\n          const marginLeft = tableProps.tree ? row.depth * 14 : 0\n          expandCell = (\n            <UTabelCell\n              cellClass={getCellClass(_expandColumn)}\n              left={_expandColumn.style.left}\n              right={_expandColumn.style.right}\n              key={row.uid + _expandColumn.key}\n              {...tableProps.mergeCell?.(expandCtx)}\n            >\n              {!row.isLeaf || (tableProps.expandable && !row.isExpandRow) ? (\n                <UButton\n                  text\n                  class={expandToggleCls}\n                  type='primary'\n                  size='small'\n                  circle\n                  onClick={(e) => {\n                    e.stopPropagation()\n                    toggleTreeRowExpand(row)\n                  }}\n                  style={`margin-left: ${marginLeft}px`}\n                >\n                  <UIcon>\n                    <ArrowRight />\n                  </UIcon>\n                </UButton>\n              ) : (\n                <i class={expandSpaceCls} style={`margin-left: ${marginLeft}px`}></i>\n              )}\n\n              {getColumnSlotsNode(expandCtx)}\n            </UTabelCell>\n          )\n        }\n      }\n\n      // A3：行 class 由 base + 3-bit 组合查找产出，避免 Vue 的 class 数组归一化开销。\n      const mod = rowModCls(row)\n      const rowCls = mod ? rowBaseCls + ' ' + mod : rowBaseCls\n\n      return (\n        <tr\n          class={rowCls}\n          onClick={(e) => handleRowClick(row, e)}\n          ref={getMeasureRef(props.index)}\n          key={row.uid}\n        >\n          {expandCell}\n\n          {columns.value.map((column) => {\n            const cellCtx = getCellCtx(row, column)\n            const cellSpan = tableProps.mergeCell?.(cellCtx)\n            if (cellSpan && (!cellSpan.colspan || !cellSpan.rowspan)) {\n              return null\n            }\n\n            const cellNode = getColumnSlotsNode(cellCtx)\n\n            return (\n              <UTabelCell\n                cellClass={getCellClass(column)}\n                left={column.style.left}\n                right={column.style.right}\n                key={row.uid + column.key}\n                // @ts-ignore\n                onClick={(e) => handleCellClick(row, column, e)}\n                {...cellSpan}\n              >\n                {cellNode}\n              </UTabelCell>\n            )\n          })}\n        </tr>\n      )\n    }\n  }\n})\n\nexport const UExpandTableRow = defineComponent({\n  name: 'ExpandTableRow',\n  props: {\n    row: { type: Object as () => ITableRow, required: true },\n    index: { type: Number, required: true }\n  },\n  setup(props) {\n    const { getExpandRowSlotsNode, cls, measureElement, columnConfig } = inject(TableDIKey)!\n    const { leafColumns } = columnConfig\n\n    const rowBaseCls = cls.e('row')\n    const cellCls = cls.e('cell')\n\n    const measureRef = (el: unknown) => {\n      measureElement(props.index, el as Element | null)\n    }\n\n    return () => {\n      const { row } = props\n      const node = getExpandRowSlotsNode({\n        row,\n        index: row.index,\n        columns: leafColumns.value,\n        rowData: row.data\n      })\n      return (\n        <tr class={rowBaseCls} ref={measureRef}>\n          <td colspan={leafColumns.value.length} class={cellCls}>\n            {node}\n          </td>\n        </tr>\n      )\n    }\n  }\n})\n"],"mappings":"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"}
+{"version":3,"file":"table-row.js","names":[],"sources":["../../../src/components/table/table-row.tsx"],"sourcesContent":["import { ArrowRight } from '@veltra/icons/normal'\nimport { defineComponent, type DefineComponent } from 'vue'\nimport { inject, onUnmounted } from 'vue'\nimport type { JSX } from 'vue/jsx-runtime'\n\nimport type { TableRow as ITableRow } from '../../types'\nimport { UButton } from '../button'\nimport { UIcon } from '../icon'\nimport { TableDIKey } from './di'\nimport UTabelCell from './table-cell.vue'\n\n/**\n * A3：行修饰类组合静态查找表。\n *\n * 位模式：bit2 = isCurrent, bit1 = checked, bit0 = expanded。\n * 与 `bem.is('...')` 对于 `'current' | 'checked' | 'expanded'` 的输出完全等价，\n * 直接从 index 读字符串，消除每行渲染期间的字符串拼接和 3 次 bem.is 调用。\n *\n * 放在模块顶层使所有 TableRow 实例共享一份引用（不会随 setup 重建）。\n */\nconst ROW_MOD_CLASS: readonly string[] = [\n  '',\n  'is-expanded',\n  'is-checked',\n  'is-checked is-expanded',\n  'is-current',\n  'is-current is-expanded',\n  'is-current is-checked',\n  'is-current is-checked is-expanded'\n] as const\n\nfunction rowModCls(row: ITableRow): string {\n  const i = (row.isCurrent ? 4 : 0) | (row.checked ? 2 : 0) | (row.expanded ? 1 : 0)\n  return ROW_MOD_CLASS[i]!\n}\n\nexport const UTableRow: DefineComponent<{ row: ITableRow; index: number }> = defineComponent({\n  name: 'TableRow',\n\n  props: {\n    row: { type: Object as () => ITableRow, required: true },\n    index: { type: Number, required: true }\n  },\n\n  setup(props) {\n    const {\n      cls,\n      columnConfig,\n      getColumnSlotsNode,\n      toggleTreeRowExpand,\n      getCellCtx,\n      handleRowClick,\n      handleCellClick,\n      tableProps,\n      measureElement,\n      getCellClass\n    } = inject(TableDIKey)!\n\n    // A1：把 cls.e('row') / cls.e('expand-toggle') 等静态字符串提升到 setup 一次性计算，\n    // 避免每次 render 重新走 `cls.e` 拼接。\n    const rowBaseCls = cls.e('row')\n    const expandToggleCls = cls.e('expand-toggle')\n    const expandSpaceCls = cls.e('expand-space')\n\n    // A2：measureRef 按 index 缓存闭包。\n    // 行虚拟化下，同一 TableRow 实例的 props.index 大多稳定，但在虚拟化重排或展开行切换时\n    // 仍会发生变化；把 (index) → refFn 缓存起来，既保证引用稳定（利于 Vue 的 ref diff），\n    // 又避免在未来可能的\"同实例跨 index 复用\"情形下重复分配闭包。\n    const measureRefCache = new Map<number, (el: unknown) => void>()\n    const getMeasureRef = (index: number): ((el: unknown) => void) => {\n      let ref = measureRefCache.get(index)\n      if (ref === undefined) {\n        ref = (el: unknown) => {\n          measureElement(index, el as Element | null)\n        }\n        measureRefCache.set(index, ref)\n      }\n      return ref\n    }\n    onUnmounted(() => {\n      measureRefCache.clear()\n    })\n\n    const { columns, expandColumn } = columnConfig\n\n    return () => {\n      const { row } = props\n      const _expandColumn = expandColumn.value\n\n      let expandCell: JSX.Element | null = null\n      if (_expandColumn) {\n        const expandCtx = getCellCtx(row, _expandColumn)\n        const cellSpan = tableProps.mergeCell?.(expandCtx)\n\n        if (!cellSpan || (cellSpan.colspan && cellSpan.rowspan)) {\n          const marginLeft = tableProps.tree ? row.depth * 14 : 0\n          expandCell = (\n            <UTabelCell\n              cellClass={getCellClass(_expandColumn)}\n              left={_expandColumn.style.left}\n              right={_expandColumn.style.right}\n              key={row.uid + _expandColumn.key}\n              {...tableProps.mergeCell?.(expandCtx)}\n            >\n              {!row.isLeaf || (tableProps.expandable && !row.isExpandRow) ? (\n                <UButton\n                  text\n                  class={expandToggleCls}\n                  type='primary'\n                  size='small'\n                  circle\n                  onClick={(e) => {\n                    e.stopPropagation()\n                    toggleTreeRowExpand(row)\n                  }}\n                  style={`margin-left: ${marginLeft}px`}\n                >\n                  <UIcon>\n                    <ArrowRight />\n                  </UIcon>\n                </UButton>\n              ) : (\n                <i class={expandSpaceCls} style={`margin-left: ${marginLeft}px`}></i>\n              )}\n\n              {getColumnSlotsNode(expandCtx)}\n            </UTabelCell>\n          )\n        }\n      }\n\n      // A3：行 class 由 base + 3-bit 组合查找产出，避免 Vue 的 class 数组归一化开销。\n      const mod = rowModCls(row)\n      const rowCls = mod ? rowBaseCls + ' ' + mod : rowBaseCls\n\n      return (\n        <tr\n          class={rowCls}\n          onClick={(e) => handleRowClick(row, e)}\n          ref={getMeasureRef(props.index)}\n          key={row.uid}\n        >\n          {expandCell}\n\n          {columns.value.map((column) => {\n            const cellCtx = getCellCtx(row, column)\n            const cellSpan = tableProps.mergeCell?.(cellCtx)\n            if (cellSpan && (!cellSpan.colspan || !cellSpan.rowspan)) {\n              return null\n            }\n\n            const cellNode = getColumnSlotsNode(cellCtx)\n\n            return (\n              <UTabelCell\n                cellClass={getCellClass(column)}\n                left={column.style.left}\n                right={column.style.right}\n                key={row.uid + column.key}\n                // @ts-ignore\n                onClick={(e) => handleCellClick(row, column, e)}\n                {...cellSpan}\n              >\n                {cellNode}\n              </UTabelCell>\n            )\n          })}\n        </tr>\n      )\n    }\n  }\n})\n\nexport const UExpandTableRow = defineComponent({\n  name: 'ExpandTableRow',\n  props: {\n    row: { type: Object as () => ITableRow, required: true },\n    index: { type: Number, required: true }\n  },\n  setup(props) {\n    const { getExpandRowSlotsNode, cls, measureElement, columnConfig } = inject(TableDIKey)!\n    const { leafColumns } = columnConfig\n\n    const rowBaseCls = cls.e('row')\n    const cellCls = cls.e('cell')\n\n    const measureRef = (el: unknown) => {\n      measureElement(props.index, el as Element | null)\n    }\n\n    return () => {\n      const { row } = props\n      const node = getExpandRowSlotsNode({\n        row,\n        index: row.index,\n        columns: leafColumns.value,\n        rowData: row.data\n      })\n      return (\n        <tr class={rowBaseCls} ref={measureRef}>\n          <td colspan={leafColumns.value.length} class={cellCls}>\n            {node}\n          </td>\n        </tr>\n      )\n    }\n  }\n})\n"],"mappings":"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"}

package/dist/components/table/table.js

@@ -24,8 +24,8 @@ const _hoisted_3 = {
 };
 const _hoisted_4 = ["colspan"];
 const LENGTH_DELTA_RATIO_TO_RESET_SCROLL = .5;
-const _sfc_main = /* @__PURE__ */ defineComponent({
-	name: "Table",
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "UTable",
 	__name: "table",
 	props: {
 		size: {},

package/dist/components/table/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","names":[],"sources":["../../../src/components/table/table.vue"],"sourcesContent":["<template>\n  <u-scroll\n    :class=\"[\n      cls.b,\n      cls.m(size),\n      bem.is('border', border),\n      bem.is('all-expanded', allExpanded),\n      bem.is('text-ellipsis', textEllipsis)\n    ]\"\n    ref=\"scrollRef\"\n    :content-class=\"cls.e('content')\"\n    @scroll=\"handleScroll\"\n  >\n    <table :class=\"cls.e('wrap')\">\n      <colgroup ref=\"colgroupRef\">\n        <col\n          v-for=\"column of leafColumns\"\n          :key=\"column.key\"\n          :class=\"column.fixed\"\n          :style=\"{\n            width: withUnit(column.width, 'px'),\n            minWidth: withUnit(column.minWidth, 'px')\n          }\"\n        />\n      </colgroup>\n      <UTableHead />\n\n      <!--\n        虚拟滚动上占位：替代 tbody transform，避免 table-layout: fixed 下列宽抖动。\n        高度由 useVirtualizer 命令式写入 `style.height`，不经过模板响应式绑定，\n        因此滚动窗口变化不会引起表格模板重渲染。\n      -->\n      <tbody v-if=\"virtualEnabled\" aria-hidden=\"true\">\n        <tr ref=\"beforeSpacerRef\">\n          <td :colspan=\"leafColumns.length\" style=\"padding: 0; border: none\"></td>\n        </tr>\n      </tbody>\n\n      <u-table-body>\n        <slot name=\"body\" :columns=\"leafColumns\" :rows=\"rows\" />\n\n        <template #empty v-if=\"slots.empty\">\n          <slot name=\"empty\" />\n        </template>\n      </u-table-body>\n\n      <!-- 虚拟滚动下占位（高度由 useVirtualizer 命令式写入） -->\n      <tbody v-if=\"virtualEnabled\" aria-hidden=\"true\">\n        <tr ref=\"afterSpacerRef\">\n          <td :colspan=\"leafColumns.length\" style=\"padding: 0; border: none\"></td>\n        </tr>\n      </tbody>\n\n      <u-table-foot ref=\"tableFoot\">\n        <slot name=\"foot\" :columns=\"leafColumns\" :rows=\"rows\" />\n      </u-table-foot>\n    </table>\n\n    <slot name=\"append\" />\n\n    <div v-if=\"showResizeLine\" :class=\"cls.e('resize-line')\" ref=\"resizeLineRef\"></div>\n\n    <!-- <u-tip v-if=\"textEllipsis\" ref=\"tip\"> </u-tip> -->\n  </u-scroll>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFallbackProps, useVirtualizer } from '@veltra/compositions'\nimport { bem, withUnit } from '@veltra/utils'\nimport { computed, provide, shallowRef, toRef, useTemplateRef, watch } from 'vue'\n\nimport type {\n  TableProps,\n  TableEmits,\n  _TableExposed,\n  TableColumnSlotsScope,\n  ComponentSize,\n  ScrollExposed,\n  TableRowSlotsScope\n} from '../../types'\nimport { UScroll } from '../scroll'\nimport { TableDIKey } from './di'\nimport type { ColumnNode } from './node/col'\nimport type { TableRowNode } from './node/row'\nimport UTableBody from './table-body.vue'\nimport UTableFoot from './table-foot.vue'\n// import { UTip } from '../tip'\nimport UTableHead from './table-head'\nimport { useCheck } from './use-check'\nimport { useColResize } from './use-col-resize'\nimport { useColumns } from './use-columns'\nimport { useFixedColumns } from './use-fixed-columns'\nimport { useRows } from './use-rows'\nimport { useTable } from './use-table'\n\ndefineOptions({ name: 'Table' })\n\nconst props = withDefaults(defineProps<TableProps>(), {\n  tree: false,\n  stripe: true,\n  textOverflow: 'line-break',\n  virtualThreshold: 80\n})\nconst emit = defineEmits<TableEmits>()\n\nconst slots = defineSlots<{\n  [key: `column:${string}`]: (props: TableColumnSlotsScope) => any\n  [key: `header:${string}`]: (props: { column: ColumnNode }) => any\n  'row:expand'?: (props: TableRowSlotsScope) => any\n  foot?: (props: { columns: ColumnNode[]; rows: TableRowNode[] }) => any\n  body?: (props: { columns: ColumnNode[]; rows: TableRowNode[] }) => any\n  empty?: () => any\n  append?: () => any\n}>()\n\nconst cls = bem('table')\n\nconst { size } = useFallbackProps([props], { size: 'default' as ComponentSize })\n\nconst scrollRef = shallowRef<ScrollExposed>()\n\n// 占位 tr 的 DOM 句柄；交给 useVirtualizer 直接命令式写 style.height。\nconst beforeSpacerRef = useTemplateRef<HTMLElement>('beforeSpacerRef')\nconst afterSpacerRef = useTemplateRef<HTMLElement>('afterSpacerRef')\n\n// 行（useRows / useFixedColumns 需要 isScrolling，而虚拟化 hook 又依赖 rows.length；\n// 先用中继占位，下方 isScrolling 到位后 watch 回灌）。\nconst isScrollingRelay = shallowRef(false)\n\nconst {\n  rows,\n  toggleTreeRowExpand,\n  allExpanded,\n  toggleAllTreeRowExpand,\n  rowForest,\n  handleRowClick,\n  handleCellClick,\n  getRowByData\n} = useRows({ props, emit, isScrolling: isScrollingRelay })\n\nconst { createCheckColumn, createSelectColumn, clearChecked, clearSelected, checkedRows } =\n  useCheck({ size, props, rows, rowForest, emit, cls })\n\nconst columnConfig = useColumns({\n  props,\n  createCheckColumn,\n  createSelectColumn,\n  toggleAllTreeRowExpand,\n  cls\n})\n\nconst { leafColumns } = columnConfig\n\nconst { handleScroll, leftFixed, rightFixed } = useFixedColumns()\n\nconst {\n  getColumnSlotsNode,\n  getExpandRowSlotsNode,\n  getHeaderSlotsNode,\n  getCellClass,\n  getCellCtx,\n  getHeaderCellClass\n} = useTable({ props, cls, leftFixed, rightFixed })\n\nconst { showResizeLine, resizeLineRef, colgroupRef } = useColResize({ scrollRef, leafColumns })\n\nconst { virtualizer, items, isScrolling } = useVirtualizer({\n  count: computed(() => rows.value.length),\n  scrollEl: () => scrollRef.value?.containerRef ?? null,\n  beforeEl: beforeSpacerRef,\n  afterEl: afterSpacerRef,\n  estimateSize: () => 41,\n  // 注意：getItemKey 在构造期一次性写入底层 Virtualizer；闭包每次读的是当前 rows.value，\n  // rows 引用整体替换后 key 仍有效（无需再 setOptions）。\n  getItemKey: (i) => rows.value[i]?.uid ?? i\n})\n\nconst virtualEnabled = computed(() => {\n  const t = props.virtualThreshold\n  return t ? rows.value.length > t : true\n})\n\n// 把虚拟化 isScrolling 回灌到中继，供 useRows / useFixedColumns 读取。\nwatch(isScrolling, (v) => {\n  isScrollingRelay.value = v\n})\n\n/**\n * E1：数据替换时的条件置顶。\n *\n * 旧实现无差别地 `scrollTo({ y: 0 })`，在「行内增删 / 排序 / 单行更新」等\n * 场景会把用户当前阅读位置跳走；仅在「翻页 / 显著数据集替换」时才需要复位。\n *\n * 判定阈值：|Δlen| / max(newLen, oldLen) ≥ 0.5，即行数变化量超过更大侧的一半时视为显著变化。\n * 选择 0.5 是因为典型的分页/搜索场景会带来 50% 以上的行数差（通常完全替换数据集），\n * 而行内追加 / 删除个位数通常只带来 <5% 的变化；两者区分度足够宽。\n */\nconst LENGTH_DELTA_RATIO_TO_RESET_SCROLL = 0.5\n\nwatch(\n  () => props.data,\n  (next, prev) => {\n    const nextLen = next?.length ?? 0\n    const prevLen = prev?.length ?? 0\n    const denom = Math.max(nextLen, prevLen, 1)\n    const ratio = Math.abs(nextLen - prevLen) / denom\n    if (ratio >= LENGTH_DELTA_RATIO_TO_RESET_SCROLL) {\n      scrollRef.value?.scrollTo({ y: 0 })\n    }\n  }\n)\n\n// const tipRef = useTemplateRef('tip')\n\nprovide(TableDIKey, {\n  tableProps: props,\n  tableSlots: slots,\n  cls,\n  rows,\n  checkedRows,\n  columnConfig,\n  handleRowClick,\n  handleCellClick,\n  getColumnSlotsNode,\n  getExpandRowSlotsNode,\n  getHeaderSlotsNode,\n  getCellClass,\n  getCellCtx,\n  getHeaderCellClass,\n  // tipRef,\n  toggleTreeRowExpand,\n  virtualList: items,\n  virtualEnabled,\n  measureElement: (index, el) => virtualizer.measureElement(index, el)\n})\n\nconst tableFootRef = useTemplateRef('tableFoot')\n\ndefineExpose<_TableExposed>({\n  el: toRef(() => scrollRef.value?.el),\n  clearChecked,\n  clearSelected,\n  getRowByData,\n  getSummaryRow: () => tableFootRef.value!.getSummaryRow()\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAqMA,MAAM,qCAAqC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EApG3C,MAAM,QAAQ;EAMd,MAAM,OAAO;EAEb,MAAM,QAAQ,SAAA;EAUd,MAAM,MAAM,IAAI,OAAO;EAEvB,MAAM,EAAE,SAAS,iBAAiB,CAAC,KAAK,GAAG,EAAE,MAAM,UAA2B,CAAC;EAE/E,MAAM,YAAY,WAA0B;EAG5C,MAAM,kBAAkB,eAA4B,iBAAiB;EACrE,MAAM,iBAAiB,eAA4B,gBAAgB;EAInE,MAAM,mBAAmB,WAAW,KAAK;EAEzC,MAAM,EACJ,MACA,qBACA,aACA,wBACA,WACA,gBACA,iBACA,iBACE,QAAQ;GAAE;GAAO;GAAM,aAAa;EAAiB,CAAC;EAE1D,MAAM,EAAE,mBAAmB,oBAAoB,cAAc,eAAe,gBAC1E,SAAS;GAAE;GAAM;GAAO;GAAM;GAAW;GAAM;EAAI,CAAC;EAEtD,MAAM,eAAe,WAAW;GAC9B;GACA;GACA;GACA;GACA;EACF,CAAC;EAED,MAAM,EAAE,gBAAgB;EAExB,MAAM,EAAE,cAAc,WAAW,eAAe,gBAAgB;EAEhE,MAAM,EACJ,oBACA,uBACA,oBACA,cACA,YACA,uBACE,SAAS;GAAE;GAAO;GAAK;GAAW;EAAW,CAAC;EAElD,MAAM,EAAE,gBAAgB,eAAe,gBAAgB,aAAa;GAAE;GAAW;EAAY,CAAC;EAE9F,MAAM,EAAE,aAAa,OAAO,gBAAgB,eAAe;GACzD,OAAO,eAAe,KAAK,MAAM,MAAM;GACvC,gBAAgB,UAAU,OAAO,gBAAgB;GACjD,UAAU;GACV,SAAS;GACT,oBAAoB;GAGpB,aAAa,MAAM,KAAK,MAAM,IAAI,OAAO;EAC3C,CAAC;EAED,MAAM,iBAAiB,eAAe;GACpC,MAAM,IAAI,MAAM;GAChB,OAAO,IAAI,KAAK,MAAM,SAAS,IAAI;EACrC,CAAC;EAGD,MAAM,cAAc,MAAM;GACxB,iBAAiB,QAAQ;EAC3B,CAAC;;;;;;;;;;;EAcD,YACQ,MAAM,OACX,MAAM,SAAS;GACd,MAAM,UAAU,MAAM,UAAU;GAChC,MAAM,UAAU,MAAM,UAAU;GAChC,MAAM,QAAQ,KAAK,IAAI,SAAS,SAAS,CAAC;GAE1C,IADc,KAAK,IAAI,UAAU,OAAO,IAAI,SAC/B,oCACX,UAAU,OAAO,SAAS,EAAE,GAAG,EAAE,CAAC;EAEtC,CACF;EAIA,QAAQ,YAAY;GAClB,YAAY;GACZ,YAAY;GACZ;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GAEA;GACA,aAAa;GACb;GACA,iBAAiB,OAAO,OAAO,YAAY,eAAe,OAAO,EAAE;EACrE,CAAC;EAED,MAAM,eAAe,eAAe,WAAW;EAE/C,SAA4B;GAC1B,IAAI,YAAY,UAAU,OAAO,EAAE;GACnC;GACA;GACA;GACA,qBAAqB,aAAa,MAAO,cAAc;EACzD,CAAC;;uBAnPC,YA8DW,MAAA,WAAA,GAAA;IA7DR,OAAK,eAAA;KAAU,MAAA,GAAA,EAAI;KAAS,MAAA,GAAA,EAAI,EAAE,MAAA,IAAA,CAAI;KAAS,MAAA,GAAA,EAAI,GAAE,UAAW,QAAA,MAAM;KAAS,MAAA,GAAA,EAAI,GAAE,gBAAiB,MAAA,WAAA,CAAW;KAAS,MAAA,GAAA,EAAI,GAAE,iBAAkB,QAAA,YAAY;;aAO3J;IAAJ,KAAI;IACH,iBAAe,MAAA,GAAA,EAAI,EAAC,SAAA;IACpB,UAAQ,MAAA,YAAA;;2BA6CD;KA3CR,mBA2CQ,SAAA,EA3CA,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,MAAA,CAAA,EAAA,GAAA;MAClB,mBAUW,YAAA;gBAVG;OAAJ,KAAI;4BACZ,mBAQE,UAAA,MAAA,WAPiB,MAAA,WAAA,IAAV,WAAM;2BADf,mBAQE,OAAA;QANC,KAAK,OAAO;QACZ,OAAK,eAAE,OAAO,KAAK;QACnB,OAAK,eAAA;gBAAuB,MAAA,QAAA,EAAS,OAAO,OAAK,IAAA;mBAA+B,MAAA,QAAA,EAAS,OAAO,UAAQ,IAAA;;;;MAM7G,YAAc,MAAA,SAAA,CAAA;MAEd,mBAAA,uKAAA;MAKa,eAAA,SAAA,UAAA,GAAb,mBAIQ,SAJR,YAIQ,CAHN,mBAEK,MAAA;gBAFG;OAAJ,KAAI;UACN,mBAAwE,MAAA;OAAnE,SAAS,MAAA,WAAA,EAAY;OAAQ,OAAA;QAAA,WAAA;QAAA,UAAA;OAAA;;MAItC,YAMe,aAAA,MAAA,YAAA;8BAL2C,CAAxD,WAAwD,KAAA,QAAA,QAAA;QAArC,SAAS,MAAA,WAAA;QAAc,MAAM,MAAA,IAAA;;;UAEzB,MAAM,QAAA;aAAlB;yBACY,CAArB,WAAqB,KAAA,QAAA,OAAA,CAAA,CAAA;;;MAIzB,mBAAA,qCAAA;MACa,eAAA,SAAA,UAAA,GAAb,mBAIQ,SAJR,YAIQ,CAHN,mBAEK,MAAA;gBAFG;OAAJ,KAAI;UACN,mBAAwE,MAAA;OAAnE,SAAS,MAAA,WAAA,EAAY;OAAQ,OAAA;QAAA,WAAA;QAAA,UAAA;OAAA;;MAItC,YAEe,aAAA,EAFD,KAAI,YAAW,GAAA;8BAC6B,CAAxD,WAAwD,KAAA,QAAA,QAAA;QAArC,SAAS,MAAA,WAAA;QAAc,MAAM,MAAA,IAAA;;;;;KAIpD,WAAsB,KAAA,QAAA,QAAA;KAEX,MAAA,cAAA,KAAA,UAAA,GAAX,mBAAmF,OAAA;;MAAvD,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,aAAA,CAAA;eAAqB;MAAJ,KAAI;;KAE7D,mBAAA,sDAAA"}
+{"version":3,"file":"table.js","names":[],"sources":["../../../src/components/table/table.vue"],"sourcesContent":["<template>\n  <u-scroll\n    :class=\"[\n      cls.b,\n      cls.m(size),\n      bem.is('border', border),\n      bem.is('all-expanded', allExpanded),\n      bem.is('text-ellipsis', textEllipsis)\n    ]\"\n    ref=\"scrollRef\"\n    :content-class=\"cls.e('content')\"\n    @scroll=\"handleScroll\"\n  >\n    <table :class=\"cls.e('wrap')\">\n      <colgroup ref=\"colgroupRef\">\n        <col\n          v-for=\"column of leafColumns\"\n          :key=\"column.key\"\n          :class=\"column.fixed\"\n          :style=\"{\n            width: withUnit(column.width, 'px'),\n            minWidth: withUnit(column.minWidth, 'px')\n          }\"\n        />\n      </colgroup>\n      <UTableHead />\n\n      <!--\n        虚拟滚动上占位：替代 tbody transform，避免 table-layout: fixed 下列宽抖动。\n        高度由 useVirtualizer 命令式写入 `style.height`，不经过模板响应式绑定，\n        因此滚动窗口变化不会引起表格模板重渲染。\n      -->\n      <tbody v-if=\"virtualEnabled\" aria-hidden=\"true\">\n        <tr ref=\"beforeSpacerRef\">\n          <td :colspan=\"leafColumns.length\" style=\"padding: 0; border: none\"></td>\n        </tr>\n      </tbody>\n\n      <u-table-body>\n        <slot name=\"body\" :columns=\"leafColumns\" :rows=\"rows\" />\n\n        <template #empty v-if=\"slots.empty\">\n          <slot name=\"empty\" />\n        </template>\n      </u-table-body>\n\n      <!-- 虚拟滚动下占位（高度由 useVirtualizer 命令式写入） -->\n      <tbody v-if=\"virtualEnabled\" aria-hidden=\"true\">\n        <tr ref=\"afterSpacerRef\">\n          <td :colspan=\"leafColumns.length\" style=\"padding: 0; border: none\"></td>\n        </tr>\n      </tbody>\n\n      <u-table-foot ref=\"tableFoot\">\n        <slot name=\"foot\" :columns=\"leafColumns\" :rows=\"rows\" />\n      </u-table-foot>\n    </table>\n\n    <slot name=\"append\" />\n\n    <div v-if=\"showResizeLine\" :class=\"cls.e('resize-line')\" ref=\"resizeLineRef\"></div>\n\n    <!-- <u-tip v-if=\"textEllipsis\" ref=\"tip\"> </u-tip> -->\n  </u-scroll>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFallbackProps, useVirtualizer } from '@veltra/compositions'\nimport { bem, withUnit } from '@veltra/utils'\nimport { computed, provide, shallowRef, toRef, useTemplateRef, watch } from 'vue'\n\nimport type {\n  TableProps,\n  TableEmits,\n  _TableExposed,\n  TableColumnSlotsScope,\n  ComponentSize,\n  ScrollExposed,\n  TableRowSlotsScope\n} from '../../types'\nimport { UScroll } from '../scroll'\nimport { TableDIKey } from './di'\nimport type { ColumnNode } from './node/col'\nimport type { TableRowNode } from './node/row'\nimport UTableBody from './table-body.vue'\nimport UTableFoot from './table-foot.vue'\n// import { UTip } from '../tip'\nimport UTableHead from './table-head'\nimport { useCheck } from './use-check'\nimport { useColResize } from './use-col-resize'\nimport { useColumns } from './use-columns'\nimport { useFixedColumns } from './use-fixed-columns'\nimport { useRows } from './use-rows'\nimport { useTable } from './use-table'\n\ndefineOptions({ name: 'UTable' })\n\nconst props = withDefaults(defineProps<TableProps>(), {\n  tree: false,\n  stripe: true,\n  textOverflow: 'line-break',\n  virtualThreshold: 80\n})\nconst emit = defineEmits<TableEmits>()\n\nconst slots = defineSlots<{\n  [key: `column:${string}`]: (props: TableColumnSlotsScope) => any\n  [key: `header:${string}`]: (props: { column: ColumnNode }) => any\n  'row:expand'?: (props: TableRowSlotsScope) => any\n  foot?: (props: { columns: ColumnNode[]; rows: TableRowNode[] }) => any\n  body?: (props: { columns: ColumnNode[]; rows: TableRowNode[] }) => any\n  empty?: () => any\n  append?: () => any\n}>()\n\nconst cls = bem('table')\n\nconst { size } = useFallbackProps([props], { size: 'default' as ComponentSize })\n\nconst scrollRef = shallowRef<ScrollExposed>()\n\n// 占位 tr 的 DOM 句柄；交给 useVirtualizer 直接命令式写 style.height。\nconst beforeSpacerRef = useTemplateRef<HTMLElement>('beforeSpacerRef')\nconst afterSpacerRef = useTemplateRef<HTMLElement>('afterSpacerRef')\n\n// 行（useRows / useFixedColumns 需要 isScrolling，而虚拟化 hook 又依赖 rows.length；\n// 先用中继占位，下方 isScrolling 到位后 watch 回灌）。\nconst isScrollingRelay = shallowRef(false)\n\nconst {\n  rows,\n  toggleTreeRowExpand,\n  allExpanded,\n  toggleAllTreeRowExpand,\n  rowForest,\n  handleRowClick,\n  handleCellClick,\n  getRowByData\n} = useRows({ props, emit, isScrolling: isScrollingRelay })\n\nconst { createCheckColumn, createSelectColumn, clearChecked, clearSelected, checkedRows } =\n  useCheck({ size, props, rows, rowForest, emit, cls })\n\nconst columnConfig = useColumns({\n  props,\n  createCheckColumn,\n  createSelectColumn,\n  toggleAllTreeRowExpand,\n  cls\n})\n\nconst { leafColumns } = columnConfig\n\nconst { handleScroll, leftFixed, rightFixed } = useFixedColumns()\n\nconst {\n  getColumnSlotsNode,\n  getExpandRowSlotsNode,\n  getHeaderSlotsNode,\n  getCellClass,\n  getCellCtx,\n  getHeaderCellClass\n} = useTable({ props, cls, leftFixed, rightFixed })\n\nconst { showResizeLine, resizeLineRef, colgroupRef } = useColResize({ scrollRef, leafColumns })\n\nconst { virtualizer, items, isScrolling } = useVirtualizer({\n  count: computed(() => rows.value.length),\n  scrollEl: () => scrollRef.value?.containerRef ?? null,\n  beforeEl: beforeSpacerRef,\n  afterEl: afterSpacerRef,\n  estimateSize: () => 41,\n  // 注意：getItemKey 在构造期一次性写入底层 Virtualizer；闭包每次读的是当前 rows.value，\n  // rows 引用整体替换后 key 仍有效（无需再 setOptions）。\n  getItemKey: (i) => rows.value[i]?.uid ?? i\n})\n\nconst virtualEnabled = computed(() => {\n  const t = props.virtualThreshold\n  return t ? rows.value.length > t : true\n})\n\n// 把虚拟化 isScrolling 回灌到中继，供 useRows / useFixedColumns 读取。\nwatch(isScrolling, (v) => {\n  isScrollingRelay.value = v\n})\n\n/**\n * E1：数据替换时的条件置顶。\n *\n * 旧实现无差别地 `scrollTo({ y: 0 })`，在「行内增删 / 排序 / 单行更新」等\n * 场景会把用户当前阅读位置跳走；仅在「翻页 / 显著数据集替换」时才需要复位。\n *\n * 判定阈值：|Δlen| / max(newLen, oldLen) ≥ 0.5，即行数变化量超过更大侧的一半时视为显著变化。\n * 选择 0.5 是因为典型的分页/搜索场景会带来 50% 以上的行数差（通常完全替换数据集），\n * 而行内追加 / 删除个位数通常只带来 <5% 的变化；两者区分度足够宽。\n */\nconst LENGTH_DELTA_RATIO_TO_RESET_SCROLL = 0.5\n\nwatch(\n  () => props.data,\n  (next, prev) => {\n    const nextLen = next?.length ?? 0\n    const prevLen = prev?.length ?? 0\n    const denom = Math.max(nextLen, prevLen, 1)\n    const ratio = Math.abs(nextLen - prevLen) / denom\n    if (ratio >= LENGTH_DELTA_RATIO_TO_RESET_SCROLL) {\n      scrollRef.value?.scrollTo({ y: 0 })\n    }\n  }\n)\n\n// const tipRef = useTemplateRef('tip')\n\nprovide(TableDIKey, {\n  tableProps: props,\n  tableSlots: slots,\n  cls,\n  rows,\n  checkedRows,\n  columnConfig,\n  handleRowClick,\n  handleCellClick,\n  getColumnSlotsNode,\n  getExpandRowSlotsNode,\n  getHeaderSlotsNode,\n  getCellClass,\n  getCellCtx,\n  getHeaderCellClass,\n  // tipRef,\n  toggleTreeRowExpand,\n  virtualList: items,\n  virtualEnabled,\n  measureElement: (index, el) => virtualizer.measureElement(index, el)\n})\n\nconst tableFootRef = useTemplateRef('tableFoot')\n\ndefineExpose<_TableExposed>({\n  el: toRef(() => scrollRef.value?.el),\n  clearChecked,\n  clearSelected,\n  getRowByData,\n  getSummaryRow: () => tableFootRef.value!.getSummaryRow()\n})\n</script>\n"],"mappings":"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"}

package/dist/components/table/use-check.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-check.js","names":["UCheckbox"],"sources":["../../../src/components/table/use-check.ts"],"sourcesContent":["import { dfs, o, type Forest } from '@cat-kit/core'\nimport type { BEM } from '@veltra/utils'\nimport {\n  computed,\n  createTextVNode,\n  createVNode,\n  nextTick,\n  shallowRef,\n  toRaw,\n  triggerRef,\n  watch,\n  type ComputedRef,\n  type ShallowRef\n} from 'vue'\n\nimport type { TableRow, TableColumn, TableEmits, TableProps, ComponentSize } from '../../types'\nimport { UCheckbox } from '../checkbox'\n\ninterface Options {\n  rows: ShallowRef<TableRow[] | undefined>\n  rowForest: ShallowRef<Forest<Record<string, unknown>, any> | undefined>\n  props: TableProps\n  emit: TableEmits<any>\n  size: ComputedRef<ComponentSize>\n  cls: BEM<'table'>\n}\n\ninterface UseCheckReturned {\n  checkedRows: ShallowRef<Set<TableRow>>\n  clearChecked: () => void\n  clearSelected: () => void\n  createCheckColumn: () => TableColumn\n  createSelectColumn: () => TableColumn\n}\n\nexport function useCheck(options: Options): UseCheckReturned {\n  const { rows, rowForest, props, emit, size, cls } = options\n\n  const checkedRows = shallowRef(new Set<TableRow>())\n  const selectedRow = shallowRef<TableRow>()\n\n  /** 触发checkedRows的更新 */\n  function triggerCheckedRows() {\n    triggerRef(checkedRows)\n  }\n\n  function clearChecked() {\n    checkedRows.value.forEach((row) => {\n      row.checked = false\n    })\n    checkedRows.value.clear()\n    triggerCheckedRows()\n  }\n\n  function clearSelected() {\n    if (selectedRow.value) {\n      selectedRow.value.checked = false\n      selectedRow.value = undefined\n    }\n  }\n\n  watch([() => props.checkable, () => props.selectable, () => rows.value], () => {\n    clearChecked()\n    clearSelected()\n  })\n\n  watch(selectedRow, (selectedRow) => {\n    if (changedByModel) return\n    changedByEvent = true\n    emit('update:selected', selectedRow?.data ? toRaw(selectedRow.data) : undefined)\n    nextTick(() => {\n      changedByEvent = false\n    })\n  })\n\n  let changedByEvent = false\n  let changedByModel = false\n  watch(checkedRows, (checkedRows) => {\n    if (changedByModel) return\n    changedByEvent = true\n    emit(\n      'update:checked',\n      Array.from(checkedRows).map((row) => toRaw(row.data))\n    )\n    nextTick(() => {\n      changedByEvent = false\n    })\n  })\n\n  let dicts: Map<string | number, TableRow> | undefined = undefined\n\n  // 设置uid -> row 字典，以便于数据重复使用\n  function setDicts() {\n    if (dicts || !rows.value || !props.rowKey) return\n\n    let mapEntries: [string | number, TableRow][] = []\n    let i = 0\n    while (i < rows.value.length) {\n      const row = rows.value[i]!\n\n      mapEntries.push([row.uid, row])\n      i++\n    }\n    dicts = new Map(mapEntries)\n  }\n\n  watch(rows, () => {\n    dicts = undefined\n  })\n\n  watch(\n    [() => props.checked, () => props.rowKey, () => props.checkable, rows],\n    ([checked, rowKey, checkable, rows], [_, __, ___, oRows]) => {\n      if (changedByEvent || !checkable || !rowKey) return\n\n      changedByModel = true\n\n      // 如果没有字典，先建立字典\n      rows !== oRows && setDicts()\n\n      clearChecked()\n\n      checked?.forEach((item) => {\n        const uid = o(item).get(rowKey)\n        if (uid === undefined || uid === null) return\n        const row = dicts?.get(uid as string | number)\n        if (!row) return\n\n        row.checked = true\n        checkedRows.value.add(row)\n      })\n      triggerCheckedRows()\n\n      nextTick(() => {\n        changedByModel = false\n      })\n    },\n    { immediate: true }\n  )\n\n  watch(\n    [() => props.selected, () => props.rowKey, () => props.selectable, rows],\n    ([selected, rowKey, selectable, rows], [_, __, ___, oRows]) => {\n      if (changedByEvent || !selectable || !rowKey) return\n\n      changedByModel = true\n\n      // 如果没有字典，先建立字典(懒建立)\n      rows !== oRows && setDicts()\n\n      if (selected) {\n        const uid = o(selected).get(rowKey)\n        const row =\n          uid === undefined || uid === null ? undefined : dicts?.get(uid as string | number)\n        if (row) {\n          row.checked = true\n          selectedRow.value = row\n        }\n      } else {\n        clearSelected()\n      }\n\n      nextTick(() => {\n        changedByModel = false\n      })\n    },\n    { immediate: true }\n  )\n\n  const allChecked = computed(() => {\n    const rowSize = props.tree ? rowForest.value?.size : rows.value?.length\n    return !!rowSize && rowSize === checkedRows.value.size\n  })\n\n  function handleCheckAllTree(check: boolean) {\n    if (check) {\n      rowForest.value?.dfs((row) => {\n        row.checked = true\n        checkedRows.value.add(row)\n      })\n    } else {\n      rowForest.value?.dfs((row) => {\n        row.checked = false\n      })\n      checkedRows.value.clear()\n    }\n    triggerCheckedRows()\n  }\n\n  function handleCheckAllRows(check: boolean) {\n    if (check) {\n      rows.value?.forEach((row) => {\n        row.checked = true\n        checkedRows.value.add(row)\n      })\n    } else {\n      rows.value?.forEach((row) => {\n        row.checked = false\n      })\n      checkedRows.value.clear()\n    }\n    triggerCheckedRows()\n  }\n\n  function handleCheckAll(check: boolean) {\n    if (props.tree) {\n      handleCheckAllTree(check as boolean)\n    } else {\n      handleCheckAllRows(check as boolean)\n    }\n  }\n\n  function handleCheckRow(row: TableRow, check: boolean) {\n    const cb = check\n      ? (row: TableRow) => checkedRows.value.add(row)\n      : (row: TableRow) => checkedRows.value.delete(row)\n\n    const childrenKey = typeof props.tree === 'string' ? props.tree : 'children'\n    dfs(\n      row as unknown as Record<string, unknown>,\n      (node) => {\n        const r = node as unknown as TableRow\n        r.checked = check\n        cb(r)\n      },\n      childrenKey\n    )\n\n    triggerCheckedRows()\n  }\n\n  const getCheckboxColumnWidth = () => {\n    return size.value === 'large' ? 80 : 60\n  }\n\n  const checkboxClass = cls.e('checkbox')\n  const checkboxClick = (e: Event) => e.stopPropagation()\n\n  function createCheckColumn(): TableColumn {\n    const width = getCheckboxColumnWidth()\n    return {\n      key: '__is_check_column__',\n      name: '',\n      width,\n      minWidth: width,\n      align: 'center',\n      fixed: 'left',\n      resizable: false,\n      nameRender() {\n        const checkboxNode = createVNode(UCheckbox, {\n          modelValue: allChecked.value,\n          'onUpdate:modelValue': handleCheckAll\n        })\n        if (!props.tree) {\n          return checkboxNode\n        }\n\n        // const expandNode = createVNode('i', {\n        //   text: true,\n        //   class: cls.e('expand-space')\n        // })\n        return [checkboxNode]\n      },\n      render(ctx) {\n        const { row } = ctx\n\n        // @ts-ignore\n        return createVNode(UCheckbox, {\n          class: checkboxClass,\n          modelValue: row.checked,\n          'onUpdate:modelValue': (val: boolean) => {\n            handleCheckRow(row, val)\n          },\n          onClick: checkboxClick\n        })\n      }\n    }\n  }\n\n  function handleSelect(row: TableRow, check: boolean) {\n    row.checked = check\n    if (check) {\n      if (selectedRow.value) {\n        selectedRow.value.checked = false\n      }\n      selectedRow.value = row\n    } else {\n      selectedRow.value = undefined\n    }\n  }\n\n  function createSelectColumn(): TableColumn {\n    const width = getCheckboxColumnWidth()\n    return {\n      key: '__is_select_column__',\n      name: '单选',\n      minWidth: width,\n      resizable: false,\n      width,\n      align: 'center',\n      fixed: 'left',\n      nameRender(_ctx) {\n        if (!props.tree) {\n          return '单选'\n        }\n\n        // const expandNode = createVNode('i', {\n        //   text: true,\n        //   class: cls.e('expand-space')\n        // })\n        return [createTextVNode('单选')]\n      },\n\n      render({ row }) {\n        // @ts-ignore\n        return createVNode(UCheckbox, {\n          class: checkboxClass,\n          modelValue: row.checked,\n          'onUpdate:modelValue': (val: boolean) => {\n            handleSelect(row, val)\n          },\n          onClick: checkboxClick\n        })\n      }\n    }\n  }\n\n  return { checkedRows, createCheckColumn, createSelectColumn, clearChecked, clearSelected }\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-check.js","names":["UCheckbox"],"sources":["../../../src/components/table/use-check.ts"],"sourcesContent":["import { dfs, o, type Forest } from '@cat-kit/core'\nimport type { BEM } from '@veltra/utils'\nimport {\n  computed,\n  createTextVNode,\n  createVNode,\n  nextTick,\n  shallowRef,\n  toRaw,\n  triggerRef,\n  watch,\n  type ComputedRef,\n  type ShallowRef\n} from 'vue'\n\nimport type { TableRow, TableColumn, TableEmits, TableProps, ComponentSize } from '../../types'\nimport { UCheckbox } from '../checkbox'\n\ninterface Options {\n  rows: ShallowRef<TableRow[] | undefined>\n  rowForest: ShallowRef<Forest<Record<string, unknown>, any> | undefined>\n  props: TableProps\n  emit: TableEmits<any>\n  size: ComputedRef<ComponentSize>\n  cls: BEM<'table'>\n}\n\ninterface UseCheckReturned {\n  checkedRows: ShallowRef<Set<TableRow>>\n  clearChecked: () => void\n  clearSelected: () => void\n  createCheckColumn: () => TableColumn\n  createSelectColumn: () => TableColumn\n}\n\nexport function useCheck(options: Options): UseCheckReturned {\n  const { rows, rowForest, props, emit, size, cls } = options\n\n  const checkedRows = shallowRef(new Set<TableRow>())\n  const selectedRow = shallowRef<TableRow>()\n\n  /** 触发checkedRows的更新 */\n  function triggerCheckedRows() {\n    triggerRef(checkedRows)\n  }\n\n  function clearChecked() {\n    checkedRows.value.forEach((row) => {\n      row.checked = false\n    })\n    checkedRows.value.clear()\n    triggerCheckedRows()\n  }\n\n  function clearSelected() {\n    if (selectedRow.value) {\n      selectedRow.value.checked = false\n      selectedRow.value = undefined\n    }\n  }\n\n  watch([() => props.checkable, () => props.selectable, () => rows.value], () => {\n    clearChecked()\n    clearSelected()\n  })\n\n  watch(selectedRow, (selectedRow) => {\n    if (changedByModel) return\n    changedByEvent = true\n    emit('update:selected', selectedRow?.data ? toRaw(selectedRow.data) : undefined)\n    nextTick(() => {\n      changedByEvent = false\n    })\n  })\n\n  let changedByEvent = false\n  let changedByModel = false\n  watch(checkedRows, (checkedRows) => {\n    if (changedByModel) return\n    changedByEvent = true\n    emit(\n      'update:checked',\n      Array.from(checkedRows).map((row) => toRaw(row.data))\n    )\n    nextTick(() => {\n      changedByEvent = false\n    })\n  })\n\n  let dicts: Map<string | number, TableRow> | undefined = undefined\n\n  // 设置uid -> row 字典，以便于数据重复使用\n  function setDicts() {\n    if (dicts || !rows.value || !props.rowKey) return\n\n    let mapEntries: [string | number, TableRow][] = []\n    let i = 0\n    while (i < rows.value.length) {\n      const row = rows.value[i]!\n\n      mapEntries.push([row.uid, row])\n      i++\n    }\n    dicts = new Map(mapEntries)\n  }\n\n  watch(rows, () => {\n    dicts = undefined\n  })\n\n  watch(\n    [() => props.checked, () => props.rowKey, () => props.checkable, rows],\n    ([checked, rowKey, checkable, rows], [_, __, ___, oRows]) => {\n      if (changedByEvent || !checkable || !rowKey) return\n\n      changedByModel = true\n\n      // 如果没有字典，先建立字典\n      rows !== oRows && setDicts()\n\n      clearChecked()\n\n      checked?.forEach((item) => {\n        const uid = o(item).get(rowKey)\n        if (uid === undefined || uid === null) return\n        const row = dicts?.get(uid as string | number)\n        if (!row) return\n\n        row.checked = true\n        checkedRows.value.add(row)\n      })\n      triggerCheckedRows()\n\n      nextTick(() => {\n        changedByModel = false\n      })\n    },\n    { immediate: true }\n  )\n\n  watch(\n    [() => props.selected, () => props.rowKey, () => props.selectable, rows],\n    ([selected, rowKey, selectable, rows], [_, __, ___, oRows]) => {\n      if (changedByEvent || !selectable || !rowKey) return\n\n      changedByModel = true\n\n      // 如果没有字典，先建立字典(懒建立)\n      rows !== oRows && setDicts()\n\n      if (selected) {\n        const uid = o(selected).get(rowKey)\n        const row =\n          uid === undefined || uid === null ? undefined : dicts?.get(uid as string | number)\n        if (row) {\n          row.checked = true\n          selectedRow.value = row\n        }\n      } else {\n        clearSelected()\n      }\n\n      nextTick(() => {\n        changedByModel = false\n      })\n    },\n    { immediate: true }\n  )\n\n  const allChecked = computed(() => {\n    const rowSize = props.tree ? rowForest.value?.size : rows.value?.length\n    return !!rowSize && rowSize === checkedRows.value.size\n  })\n\n  function handleCheckAllTree(check: boolean) {\n    if (check) {\n      rowForest.value?.dfs((row) => {\n        row.checked = true\n        checkedRows.value.add(row)\n      })\n    } else {\n      rowForest.value?.dfs((row) => {\n        row.checked = false\n      })\n      checkedRows.value.clear()\n    }\n    triggerCheckedRows()\n  }\n\n  function handleCheckAllRows(check: boolean) {\n    if (check) {\n      rows.value?.forEach((row) => {\n        row.checked = true\n        checkedRows.value.add(row)\n      })\n    } else {\n      rows.value?.forEach((row) => {\n        row.checked = false\n      })\n      checkedRows.value.clear()\n    }\n    triggerCheckedRows()\n  }\n\n  function handleCheckAll(check: boolean) {\n    if (props.tree) {\n      handleCheckAllTree(check as boolean)\n    } else {\n      handleCheckAllRows(check as boolean)\n    }\n  }\n\n  function handleCheckRow(row: TableRow, check: boolean) {\n    const cb = check\n      ? (row: TableRow) => checkedRows.value.add(row)\n      : (row: TableRow) => checkedRows.value.delete(row)\n\n    const childrenKey = typeof props.tree === 'string' ? props.tree : 'children'\n    dfs(\n      row as unknown as Record<string, unknown>,\n      (node) => {\n        const r = node as unknown as TableRow\n        r.checked = check\n        cb(r)\n      },\n      childrenKey\n    )\n\n    triggerCheckedRows()\n  }\n\n  const getCheckboxColumnWidth = () => {\n    return size.value === 'large' ? 80 : 60\n  }\n\n  const checkboxClass = cls.e('checkbox')\n  const checkboxClick = (e: Event) => e.stopPropagation()\n\n  function createCheckColumn(): TableColumn {\n    const width = getCheckboxColumnWidth()\n    return {\n      key: '__is_check_column__',\n      name: '',\n      width,\n      minWidth: width,\n      align: 'center',\n      fixed: 'left',\n      resizable: false,\n      nameRender() {\n        const checkboxNode = createVNode(UCheckbox, {\n          modelValue: allChecked.value,\n          'onUpdate:modelValue': handleCheckAll\n        })\n        if (!props.tree) {\n          return checkboxNode\n        }\n\n        // const expandNode = createVNode('i', {\n        //   text: true,\n        //   class: cls.e('expand-space')\n        // })\n        return [checkboxNode]\n      },\n      render(ctx) {\n        const { row } = ctx\n\n        // @ts-ignore\n        return createVNode(UCheckbox, {\n          class: checkboxClass,\n          modelValue: row.checked,\n          'onUpdate:modelValue': (val: boolean) => {\n            handleCheckRow(row, val)\n          },\n          onClick: checkboxClick\n        })\n      }\n    }\n  }\n\n  function handleSelect(row: TableRow, check: boolean) {\n    row.checked = check\n    if (check) {\n      if (selectedRow.value) {\n        selectedRow.value.checked = false\n      }\n      selectedRow.value = row\n    } else {\n      selectedRow.value = undefined\n    }\n  }\n\n  function createSelectColumn(): TableColumn {\n    const width = getCheckboxColumnWidth()\n    return {\n      key: '__is_select_column__',\n      name: '单选',\n      minWidth: width,\n      resizable: false,\n      width,\n      align: 'center',\n      fixed: 'left',\n      nameRender(_ctx) {\n        if (!props.tree) {\n          return '单选'\n        }\n\n        // const expandNode = createVNode('i', {\n        //   text: true,\n        //   class: cls.e('expand-space')\n        // })\n        return [createTextVNode('单选')]\n      },\n\n      render({ row }) {\n        // @ts-ignore\n        return createVNode(UCheckbox, {\n          class: checkboxClass,\n          modelValue: row.checked,\n          'onUpdate:modelValue': (val: boolean) => {\n            handleSelect(row, val)\n          },\n          onClick: checkboxClick\n        })\n      }\n    }\n  }\n\n  return { checkedRows, createCheckColumn, createSelectColumn, clearChecked, clearSelected }\n}\n"],"mappings":"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"}

package/dist/components/table/use-col-resize.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-col-resize.js","names":[],"sources":["../../../src/components/table/use-col-resize.ts"],"sourcesContent":["import { nextTick, provide, shallowRef, watchEffect, type ShallowRef } from 'vue'\n\nimport type { ScrollExposed } from '../../types'\nimport { TableResizeKey } from './di'\nimport type { ColumnNode } from './node/col'\n\ninterface Options {\n  scrollRef: ShallowRef<ScrollExposed | undefined>\n  leafColumns: ShallowRef<ColumnNode[]>\n}\n\ninterface UseColResizeReturned {\n  resizeLineRef: ShallowRef<HTMLElement | undefined>\n  colgroupRef: ShallowRef<HTMLElement | undefined>\n  showResizeLine: ShallowRef<boolean>\n  handleResizeMousedown: (e: MouseEvent, resizeColumn: ColumnNode) => void\n}\n\nexport function useColResize(options: Options): UseColResizeReturned {\n  const { scrollRef, leafColumns } = options\n\n  const showResizeLine = shallowRef(false)\n\n  const resizeLineRef = shallowRef<HTMLElement>()\n  const colgroupRef = shallowRef<HTMLElement>()\n  const headerRef = shallowRef<HTMLElement>()\n\n  /**\n   * 修正列样式\n   */\n  function correctColumnStyle() {\n    // 获取表格容器宽度\n    const containerWidth = scrollRef.value?.containerRef?.clientWidth\n\n    if (!containerWidth || !leafColumns.value.length) return\n\n    const flexColumns = leafColumns.value.filter((column) => !column.explicitWidth)\n    const fixedWidthTotal = leafColumns.value\n      .filter((column) => column.explicitWidth)\n      .reduce((acc, cur) => acc + (cur.width ?? cur.minWidth!), 0)\n    const flexBaseTotal = flexColumns.reduce((acc, cur) => acc + cur.minWidth!, 0)\n    const totalBase = fixedWidthTotal + flexBaseTotal\n\n    // 仅未显式指定 width 的列参与剩余宽度均分；指定了 width 的列保持该宽度。\n    if (flexColumns.length > 0 && totalBase < containerWidth) {\n      const allocatedWidth = (containerWidth - totalBase) / flexColumns.length\n\n      flexColumns.forEach((column) => {\n        column.width = column.minWidth! + allocatedWidth\n      })\n    } else {\n      flexColumns.forEach((column) => {\n        column.data.width = undefined\n      })\n    }\n\n    const fixedLeft = leafColumns.value.filter((column) => column.fixed === 'left')\n    const fixedRight = leafColumns.value.filter((column) => column.fixed === 'right')\n\n    fixedLeft.reduce((acc, cur) => {\n      cur.style.left = acc\n      return acc + (cur.width ?? cur.minWidth!)\n    }, 0)\n\n    fixedRight.reduceRight((acc, cur) => {\n      cur.style.right = acc\n      return acc + (cur.width ?? cur.minWidth!)\n    }, 0)\n  }\n\n  watchEffect(correctColumnStyle)\n\n  function updateResizeLine(transformX: number): void {\n    if (!resizeLineRef.value) return\n    resizeLineRef.value.style.transform = `translateX(${transformX}px)`\n  }\n\n  // 表格相对于页面左边缘的偏移量，\n  // 此处作为缓存以减少频繁地调用 getBoundingClientRect 方法\n  let containerLeft = 0\n  let originX = 0\n  let originWidth = 0\n  let currentResizeColumn: ColumnNode | null = null\n\n  function handleResizeMousedown(e: MouseEvent, resizeColumn: ColumnNode): void {\n    const tableEl = scrollRef.value?.el\n    if (!tableEl) return\n\n    showResizeLine.value = true\n    currentResizeColumn = resizeColumn\n    originX = e.pageX\n    originWidth = resizeColumn.width ?? 0\n\n    const { left } = tableEl.getBoundingClientRect()\n    containerLeft = left\n\n    nextTick(() => {\n      updateResizeLine(e.pageX - left)\n    })\n\n    document.addEventListener('mousemove', handleResizeMousemove)\n    document.addEventListener('mouseup', handleResizeMouseup)\n  }\n\n  function handleResizeMousemove(e: MouseEvent): void {\n    updateResizeLine(e.pageX - containerLeft)\n  }\n\n  function handleResizeMouseup(e: MouseEvent): void {\n    currentResizeColumn!.width = Math.max(\n      originWidth + e.pageX - originX,\n      currentResizeColumn!.minWidth!\n    )\n    currentResizeColumn!.explicitWidth = true\n\n    showResizeLine.value = false\n    currentResizeColumn = null\n    correctColumnStyle()\n\n    document.removeEventListener('mouseup', handleResizeMouseup)\n    document.removeEventListener('mousemove', handleResizeMousemove)\n  }\n\n  provide(TableResizeKey, { handleResizeMousedown, headerRef })\n\n  return { resizeLineRef, colgroupRef, showResizeLine, handleResizeMousedown }\n}\n"],"mappings":";;;AAkBA,SAAgB,aAAa,SAAwC;CACnE,MAAM,EAAE,WAAW,gBAAgB;CAEnC,MAAM,iBAAiB,WAAW,KAAK;CAEvC,MAAM,gBAAgB,WAAwB;CAC9C,MAAM,cAAc,WAAwB;CAC5C,MAAM,YAAY,WAAwB;;;;CAK1C,SAAS,qBAAqB;EAE5B,MAAM,iBAAiB,UAAU,OAAO,cAAc;EAEtD,IAAI,CAAC,kBAAkB,CAAC,YAAY,MAAM,QAAQ;EAElD,MAAM,cAAc,YAAY,MAAM,QAAQ,WAAW,CAAC,OAAO,aAAa;EAK9E,MAAM,YAJkB,YAAY,MACjC,QAAQ,WAAW,OAAO,aAAa,EACvC,QAAQ,KAAK,QAAQ,OAAO,IAAI,SAAS,IAAI,WAAY,CAE5B,IADV,YAAY,QAAQ,KAAK,QAAQ,MAAM,IAAI,UAAW,CAC5B;EAGhD,IAAI,YAAY,SAAS,KAAK,YAAY,gBAAgB;GACxD,MAAM,kBAAkB,iBAAiB,aAAa,YAAY;GAElE,YAAY,SAAS,WAAW;IAC9B,OAAO,QAAQ,OAAO,WAAY;GACpC,CAAC;EACH,OACE,YAAY,SAAS,WAAW;GAC9B,OAAO,KAAK,QAAQ,KAAA;EACtB,CAAC;EAGH,MAAM,YAAY,YAAY,MAAM,QAAQ,WAAW,OAAO,UAAU,MAAM;EAC9E,MAAM,aAAa,YAAY,MAAM,QAAQ,WAAW,OAAO,UAAU,OAAO;EAEhF,UAAU,QAAQ,KAAK,QAAQ;GAC7B,IAAI,MAAM,OAAO;GACjB,OAAO,OAAO,IAAI,SAAS,IAAI;EACjC,GAAG,CAAC;EAEJ,WAAW,aAAa,KAAK,QAAQ;GACnC,IAAI,MAAM,QAAQ;GAClB,OAAO,OAAO,IAAI,SAAS,IAAI;EACjC,GAAG,CAAC;CACN;CAEA,YAAY,kBAAkB;CAE9B,SAAS,iBAAiB,YAA0B;EAClD,IAAI,CAAC,cAAc,OAAO;EAC1B,cAAc,MAAM,MAAM,YAAY,cAAc,WAAW;CACjE;CAIA,IAAI,gBAAgB;CACpB,IAAI,UAAU;CACd,IAAI,cAAc;CAClB,IAAI,sBAAyC;CAE7C,SAAS,sBAAsB,GAAe,cAAgC;EAC5E,MAAM,UAAU,UAAU,OAAO;EACjC,IAAI,CAAC,SAAS;EAEd,eAAe,QAAQ;EACvB,sBAAsB;EACtB,UAAU,EAAE;EACZ,cAAc,aAAa,SAAS;EAEpC,MAAM,EAAE,SAAS,QAAQ,sBAAsB;EAC/C,gBAAgB;EAEhB,eAAe;GACb,iBAAiB,EAAE,QAAQ,IAAI;EACjC,CAAC;EAED,SAAS,iBAAiB,aAAa,qBAAqB;EAC5D,SAAS,iBAAiB,WAAW,mBAAmB;CAC1D;CAEA,SAAS,sBAAsB,GAAqB;EAClD,iBAAiB,EAAE,QAAQ,aAAa;CAC1C;CAEA,SAAS,oBAAoB,GAAqB;EAChD,oBAAqB,QAAQ,KAAK,IAChC,cAAc,EAAE,QAAQ,SACxB,oBAAqB,QACvB;EACA,oBAAqB,gBAAgB;EAErC,eAAe,QAAQ;EACvB,sBAAsB;EACtB,mBAAmB;EAEnB,SAAS,oBAAoB,WAAW,mBAAmB;EAC3D,SAAS,oBAAoB,aAAa,qBAAqB;CACjE;CAEA,QAAQ,gBAAgB;EAAE;EAAuB;CAAU,CAAC;CAE5D,OAAO;EAAE;EAAe;EAAa;EAAgB;CAAsB;AAC7E"}
+{"version":3,"file":"use-col-resize.js","names":[],"sources":["../../../src/components/table/use-col-resize.ts"],"sourcesContent":["import { nextTick, provide, shallowRef, watchEffect, type ShallowRef } from 'vue'\n\nimport type { ScrollExposed } from '../../types'\nimport { TableResizeKey } from './di'\nimport type { ColumnNode } from './node/col'\n\ninterface Options {\n  scrollRef: ShallowRef<ScrollExposed | undefined>\n  leafColumns: ShallowRef<ColumnNode[]>\n}\n\ninterface UseColResizeReturned {\n  resizeLineRef: ShallowRef<HTMLElement | undefined>\n  colgroupRef: ShallowRef<HTMLElement | undefined>\n  showResizeLine: ShallowRef<boolean>\n  handleResizeMousedown: (e: MouseEvent, resizeColumn: ColumnNode) => void\n}\n\nexport function useColResize(options: Options): UseColResizeReturned {\n  const { scrollRef, leafColumns } = options\n\n  const showResizeLine = shallowRef(false)\n\n  const resizeLineRef = shallowRef<HTMLElement>()\n  const colgroupRef = shallowRef<HTMLElement>()\n  const headerRef = shallowRef<HTMLElement>()\n\n  /**\n   * 修正列样式\n   */\n  function correctColumnStyle() {\n    // 获取表格容器宽度\n    const containerWidth = scrollRef.value?.containerRef?.clientWidth\n\n    if (!containerWidth || !leafColumns.value.length) return\n\n    const flexColumns = leafColumns.value.filter((column) => !column.explicitWidth)\n    const fixedWidthTotal = leafColumns.value\n      .filter((column) => column.explicitWidth)\n      .reduce((acc, cur) => acc + (cur.width ?? cur.minWidth!), 0)\n    const flexBaseTotal = flexColumns.reduce((acc, cur) => acc + cur.minWidth!, 0)\n    const totalBase = fixedWidthTotal + flexBaseTotal\n\n    // 仅未显式指定 width 的列参与剩余宽度均分；指定了 width 的列保持该宽度。\n    if (flexColumns.length > 0 && totalBase < containerWidth) {\n      const allocatedWidth = (containerWidth - totalBase) / flexColumns.length\n\n      flexColumns.forEach((column) => {\n        column.width = column.minWidth! + allocatedWidth\n      })\n    } else {\n      flexColumns.forEach((column) => {\n        column.data.width = undefined\n      })\n    }\n\n    const fixedLeft = leafColumns.value.filter((column) => column.fixed === 'left')\n    const fixedRight = leafColumns.value.filter((column) => column.fixed === 'right')\n\n    fixedLeft.reduce((acc, cur) => {\n      cur.style.left = acc\n      return acc + (cur.width ?? cur.minWidth!)\n    }, 0)\n\n    fixedRight.reduceRight((acc, cur) => {\n      cur.style.right = acc\n      return acc + (cur.width ?? cur.minWidth!)\n    }, 0)\n  }\n\n  watchEffect(correctColumnStyle)\n\n  function updateResizeLine(transformX: number): void {\n    if (!resizeLineRef.value) return\n    resizeLineRef.value.style.transform = `translateX(${transformX}px)`\n  }\n\n  // 表格相对于页面左边缘的偏移量，\n  // 此处作为缓存以减少频繁地调用 getBoundingClientRect 方法\n  let containerLeft = 0\n  let originX = 0\n  let originWidth = 0\n  let currentResizeColumn: ColumnNode | null = null\n\n  function handleResizeMousedown(e: MouseEvent, resizeColumn: ColumnNode): void {\n    const tableEl = scrollRef.value?.el\n    if (!tableEl) return\n\n    showResizeLine.value = true\n    currentResizeColumn = resizeColumn\n    originX = e.pageX\n    originWidth = resizeColumn.width ?? 0\n\n    const { left } = tableEl.getBoundingClientRect()\n    containerLeft = left\n\n    nextTick(() => {\n      updateResizeLine(e.pageX - left)\n    })\n\n    document.addEventListener('mousemove', handleResizeMousemove)\n    document.addEventListener('mouseup', handleResizeMouseup)\n  }\n\n  function handleResizeMousemove(e: MouseEvent): void {\n    updateResizeLine(e.pageX - containerLeft)\n  }\n\n  function handleResizeMouseup(e: MouseEvent): void {\n    currentResizeColumn!.width = Math.max(\n      originWidth + e.pageX - originX,\n      currentResizeColumn!.minWidth!\n    )\n    currentResizeColumn!.explicitWidth = true\n\n    showResizeLine.value = false\n    currentResizeColumn = null\n    correctColumnStyle()\n\n    document.removeEventListener('mouseup', handleResizeMouseup)\n    document.removeEventListener('mousemove', handleResizeMousemove)\n  }\n\n  provide(TableResizeKey, { handleResizeMousedown, headerRef })\n\n  return { resizeLineRef, colgroupRef, showResizeLine, handleResizeMousedown }\n}\n"],"mappings":";;;AAkBA,SAAgB,aAAa,SAAwC;CACnE,MAAM,EAAE,WAAW,gBAAgB;CAEnC,MAAM,iBAAiB,WAAW,KAAK;CAEvC,MAAM,gBAAgB,WAAwB;CAC9C,MAAM,cAAc,WAAwB;CAC5C,MAAM,YAAY,WAAwB;;;;CAK1C,SAAS,qBAAqB;EAE5B,MAAM,iBAAiB,UAAU,OAAO,cAAc;EAEtD,IAAI,CAAC,kBAAkB,CAAC,YAAY,MAAM,QAAQ;EAElD,MAAM,cAAc,YAAY,MAAM,QAAQ,WAAW,CAAC,OAAO,aAAa;EAK9E,MAAM,YAJkB,YAAY,MACjC,QAAQ,WAAW,OAAO,aAAa,CAAC,CACxC,QAAQ,KAAK,QAAQ,OAAO,IAAI,SAAS,IAAI,WAAY,CAE5B,IADV,YAAY,QAAQ,KAAK,QAAQ,MAAM,IAAI,UAAW,CAC5B;EAGhD,IAAI,YAAY,SAAS,KAAK,YAAY,gBAAgB;GACxD,MAAM,kBAAkB,iBAAiB,aAAa,YAAY;GAElE,YAAY,SAAS,WAAW;IAC9B,OAAO,QAAQ,OAAO,WAAY;GACpC,CAAC;EACH,OACE,YAAY,SAAS,WAAW;GAC9B,OAAO,KAAK,QAAQ,KAAA;EACtB,CAAC;EAGH,MAAM,YAAY,YAAY,MAAM,QAAQ,WAAW,OAAO,UAAU,MAAM;EAC9E,MAAM,aAAa,YAAY,MAAM,QAAQ,WAAW,OAAO,UAAU,OAAO;EAEhF,UAAU,QAAQ,KAAK,QAAQ;GAC7B,IAAI,MAAM,OAAO;GACjB,OAAO,OAAO,IAAI,SAAS,IAAI;EACjC,GAAG,CAAC;EAEJ,WAAW,aAAa,KAAK,QAAQ;GACnC,IAAI,MAAM,QAAQ;GAClB,OAAO,OAAO,IAAI,SAAS,IAAI;EACjC,GAAG,CAAC;CACN;CAEA,YAAY,kBAAkB;CAE9B,SAAS,iBAAiB,YAA0B;EAClD,IAAI,CAAC,cAAc,OAAO;EAC1B,cAAc,MAAM,MAAM,YAAY,cAAc,WAAW;CACjE;CAIA,IAAI,gBAAgB;CACpB,IAAI,UAAU;CACd,IAAI,cAAc;CAClB,IAAI,sBAAyC;CAE7C,SAAS,sBAAsB,GAAe,cAAgC;EAC5E,MAAM,UAAU,UAAU,OAAO;EACjC,IAAI,CAAC,SAAS;EAEd,eAAe,QAAQ;EACvB,sBAAsB;EACtB,UAAU,EAAE;EACZ,cAAc,aAAa,SAAS;EAEpC,MAAM,EAAE,SAAS,QAAQ,sBAAsB;EAC/C,gBAAgB;EAEhB,eAAe;GACb,iBAAiB,EAAE,QAAQ,IAAI;EACjC,CAAC;EAED,SAAS,iBAAiB,aAAa,qBAAqB;EAC5D,SAAS,iBAAiB,WAAW,mBAAmB;CAC1D;CAEA,SAAS,sBAAsB,GAAqB;EAClD,iBAAiB,EAAE,QAAQ,aAAa;CAC1C;CAEA,SAAS,oBAAoB,GAAqB;EAChD,oBAAqB,QAAQ,KAAK,IAChC,cAAc,EAAE,QAAQ,SACxB,oBAAqB,QACvB;EACA,oBAAqB,gBAAgB;EAErC,eAAe,QAAQ;EACvB,sBAAsB;EACtB,mBAAmB;EAEnB,SAAS,oBAAoB,WAAW,mBAAmB;EAC3D,SAAS,oBAAoB,aAAa,qBAAqB;CACjE;CAEA,QAAQ,gBAAgB;EAAE;EAAuB;CAAU,CAAC;CAE5D,OAAO;EAAE;EAAe;EAAa;EAAgB;CAAsB;AAC7E"}

package/dist/components/table/use-columns.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-columns.js","names":["UButton","UIcon"],"sources":["../../../src/components/table/use-columns.ts"],"sourcesContent":["import { Forest, dfs, last } from '@cat-kit/core'\nimport { ArrowRight } from '@veltra/icons/normal'\nimport { type BEM } from '@veltra/utils'\nimport { computed, createVNode, shallowRef, watch, type ComputedRef, type ShallowRef } from 'vue'\n\nimport type { TableColumn, TableProps } from '../../types'\nimport { UButton } from '../button'\nimport { UIcon } from '../icon'\nimport { ColumnNode } from './node/col'\n\n/**\n * 定义表格列\n * @param columns 表格列\n */\nexport function defineTableColumns(\n  columns: TableColumn[],\n  commonProps?: Partial<Pick<TableColumn, 'align' | 'minWidth'>>\n): TableColumn[] {\n  columns.forEach((col) => {\n    dfs(col, (node) => {\n      for (const key in commonProps) {\n        if (node[key] !== undefined) continue\n        node[key] = commonProps[key]\n      }\n    })\n  })\n  return columns\n}\n\nexport interface ColumnConfig {\n  /** 表头 */\n  headers: ComputedRef<ColumnNode[][]>\n\n  /**\n   *  body列, 在body中使用\n   */\n  columns: ShallowRef<ColumnNode[]>\n\n  /** 所有叶子列 */\n  leafColumns: ShallowRef<ColumnNode[]>\n\n  /** 第一列 */\n  expandColumn: ShallowRef<ColumnNode | undefined>\n}\n\ninterface Options {\n  props: TableProps\n  cls: BEM<'table'>\n  /** 创建复选框 */\n  createCheckColumn: () => TableColumn\n  createSelectColumn: () => TableColumn\n  toggleAllTreeRowExpand: () => void\n}\n\nexport function useColumns(options: Options): ColumnConfig {\n  const { props, createCheckColumn, createSelectColumn, toggleAllTreeRowExpand, cls } = options\n\n  /** 前置列 */\n  const preColumns = computed<TableColumn[]>(() => {\n    const { selectable, checkable, showIndex } = props\n\n    const columns: TableColumn[] = []\n\n    if (selectable) {\n      columns.push(createSelectColumn())\n    } else if (checkable) {\n      columns.push(createCheckColumn())\n    }\n    if (showIndex) {\n      columns.push({\n        key: '__index__',\n        name: '#',\n        resizable: false,\n        width: 60,\n        minWidth: 60,\n        align: 'center',\n        fixed: 'left',\n        render({ row }) {\n          return row.index + 1\n        }\n      })\n    }\n\n    return columns\n  })\n\n  const columnForest = shallowRef<Forest<TableColumn, any>>()\n\n  const renderExpandAll = () =>\n    createVNode(\n      UButton,\n      {\n        text: true,\n        title: '展开或收起全部',\n        class: cls.e('expand-all'),\n        type: 'primary',\n        size: 'small',\n        circle: true,\n        onClick: (e) => {\n          e.stopPropagation()\n          toggleAllTreeRowExpand()\n        }\n      },\n      () => [createVNode(UIcon, undefined, () => [createVNode(ArrowRight)])]\n    )\n\n  watch(\n    [preColumns, () => props.columns, () => props.tree, () => props.expandable],\n    ([preColumns, columns, tree, expandable]) => {\n      /** 固定到左侧的列 */\n      const fixedOnLeft: TableColumn[] = [...preColumns]\n      /** 未固定的列 */\n      const unfixed: TableColumn[] = []\n      /** 固定到右侧的列 */\n      const fixedOnRight: TableColumn[] = []\n\n      columns?.forEach((column) => {\n        if (!column.fixed || column.children) {\n          column.fixed = undefined\n          return unfixed.push(column)\n        }\n        if (column.fixed === 'left') {\n          fixedOnLeft.push(column)\n        } else {\n          fixedOnRight.push(column)\n        }\n      })\n\n      if (last(fixedOnLeft)) {\n        last(fixedOnLeft)!.isLastFixed = true\n      }\n      if (fixedOnRight[0]) {\n        fixedOnRight[0].isFirstFixed = true\n      }\n\n      const sortedColumns = [...fixedOnLeft, ...unfixed, ...fixedOnRight]\n\n      if (sortedColumns.length > 0) {\n        // 操作时避免改变原数据\n        const firstColumn = { ...sortedColumns[0] } as TableColumn\n        sortedColumns[0] = firstColumn\n\n        // 树形表格需要给第一列添加展开按钮\n        // 因此要重新设置第一列的宽度和对齐方式\n        if (tree || expandable) {\n          firstColumn.align = 'left'\n          firstColumn.width = firstColumn.width ? firstColumn.width + 60 : undefined\n\n          const oldNameRender = firstColumn.nameRender\n\n          firstColumn.nameRender = oldNameRender\n            ? (ctx) => {\n                const oldNodes = oldNameRender!(ctx)\n                return [renderExpandAll(), ...(Array.isArray(oldNodes) ? oldNodes : [oldNodes])]\n              }\n            : () => {\n                return [renderExpandAll(), firstColumn.name]\n              }\n        }\n      }\n\n      const result = new Forest<TableColumn, any>({\n        data: sortedColumns,\n        createNode(data, index, depth, _f, parent) {\n          return new ColumnNode(data, index, depth, parent)\n        }\n      })\n\n      columnForest.value = result\n    },\n    { immediate: true }\n  )\n\n  const headers = computed(() => {\n    const headers: ColumnNode[][] = []\n    const forest = columnForest.value\n    if (!forest) return headers\n\n    // Forest.bfs 对每个根单独 BFS，按 depth 拼行会把后续根节点错放到深层，且根节点无 parent，\n    // 回溯 leafs 时会读到 undefined。这里从所有根一次性层序遍历，与多列表头布局一致。\n    const queue: ColumnNode[] = [...forest.roots]\n    while (queue.length > 0) {\n      const size = queue.length\n      const layer: ColumnNode[] = []\n      for (let i = 0; i < size; i++) {\n        const node = queue.shift()!\n        layer.push(node)\n        const ch = node.children\n        if (ch?.length) {\n          for (const c of ch) {\n            queue.push(c)\n          }\n        }\n      }\n      headers.push(layer)\n    }\n\n    // 从叶子节点开始回溯计算每个节点的累计叶子节点数量，叶子节点数量代表表头的宽度\n    for (let i = headers.length - 1; i > 0; i--) {\n      const header = headers[i]!\n\n      header.forEach((node) => {\n        const parent = node.parent\n        if (!parent) return\n        if (parent.leafs !== undefined) return\n        parent.leafs = parent.children!.reduce((sum, node) => {\n          return sum + (node.leafs ?? 1)\n        }, 0)\n      })\n    }\n\n    return headers\n  })\n\n  /** 除展开按钮之外的列 */\n  const columns = shallowRef<ColumnNode[]>([])\n\n  /** 所有叶子节点 */\n  const leafColumns = shallowRef<ColumnNode[]>([])\n\n  const expandColumn = shallowRef<ColumnNode>()\n\n  // 监听列的变化\n  watch(\n    [columnForest, () => props.tree, () => props.expandable],\n    ([forest, tree, expandable]) => {\n      const _columns: ColumnNode[] = []\n\n      forest?.dfs((node) => {\n        if (node.isLeaf) {\n          _columns.push(node)\n        }\n      })\n\n      leafColumns.value = _columns\n\n      if (tree || expandable) {\n        expandColumn.value = _columns[0]\n        columns.value = _columns.slice(1)\n      } else {\n        columns.value = _columns\n        expandColumn.value = undefined\n      }\n    },\n    { immediate: true }\n  )\n\n  return {\n    /** 第一列 */\n    expandColumn,\n    /** 所有列 */\n    leafColumns,\n    /** 列 */\n    columns,\n    /** 表格头的分层展示 */\n    headers\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-columns.js","names":["UButton","UIcon"],"sources":["../../../src/components/table/use-columns.ts"],"sourcesContent":["import { Forest, dfs, last } from '@cat-kit/core'\nimport { ArrowRight } from '@veltra/icons/normal'\nimport { type BEM } from '@veltra/utils'\nimport { computed, createVNode, shallowRef, watch, type ComputedRef, type ShallowRef } from 'vue'\n\nimport type { TableColumn, TableProps } from '../../types'\nimport { UButton } from '../button'\nimport { UIcon } from '../icon'\nimport { ColumnNode } from './node/col'\n\n/**\n * 定义表格列\n * @param columns 表格列\n */\nexport function defineTableColumns(\n  columns: TableColumn[],\n  commonProps?: Partial<Pick<TableColumn, 'align' | 'minWidth'>>\n): TableColumn[] {\n  columns.forEach((col) => {\n    dfs(col, (node) => {\n      for (const key in commonProps) {\n        if (node[key] !== undefined) continue\n        node[key] = commonProps[key]\n      }\n    })\n  })\n  return columns\n}\n\nexport interface ColumnConfig {\n  /** 表头 */\n  headers: ComputedRef<ColumnNode[][]>\n\n  /**\n   *  body列, 在body中使用\n   */\n  columns: ShallowRef<ColumnNode[]>\n\n  /** 所有叶子列 */\n  leafColumns: ShallowRef<ColumnNode[]>\n\n  /** 第一列 */\n  expandColumn: ShallowRef<ColumnNode | undefined>\n}\n\ninterface Options {\n  props: TableProps\n  cls: BEM<'table'>\n  /** 创建复选框 */\n  createCheckColumn: () => TableColumn\n  createSelectColumn: () => TableColumn\n  toggleAllTreeRowExpand: () => void\n}\n\nexport function useColumns(options: Options): ColumnConfig {\n  const { props, createCheckColumn, createSelectColumn, toggleAllTreeRowExpand, cls } = options\n\n  /** 前置列 */\n  const preColumns = computed<TableColumn[]>(() => {\n    const { selectable, checkable, showIndex } = props\n\n    const columns: TableColumn[] = []\n\n    if (selectable) {\n      columns.push(createSelectColumn())\n    } else if (checkable) {\n      columns.push(createCheckColumn())\n    }\n    if (showIndex) {\n      columns.push({\n        key: '__index__',\n        name: '#',\n        resizable: false,\n        width: 60,\n        minWidth: 60,\n        align: 'center',\n        fixed: 'left',\n        render({ row }) {\n          return row.index + 1\n        }\n      })\n    }\n\n    return columns\n  })\n\n  const columnForest = shallowRef<Forest<TableColumn, any>>()\n\n  const renderExpandAll = () =>\n    createVNode(\n      UButton,\n      {\n        text: true,\n        title: '展开或收起全部',\n        class: cls.e('expand-all'),\n        type: 'primary',\n        size: 'small',\n        circle: true,\n        onClick: (e) => {\n          e.stopPropagation()\n          toggleAllTreeRowExpand()\n        }\n      },\n      () => [createVNode(UIcon, undefined, () => [createVNode(ArrowRight)])]\n    )\n\n  watch(\n    [preColumns, () => props.columns, () => props.tree, () => props.expandable],\n    ([preColumns, columns, tree, expandable]) => {\n      /** 固定到左侧的列 */\n      const fixedOnLeft: TableColumn[] = [...preColumns]\n      /** 未固定的列 */\n      const unfixed: TableColumn[] = []\n      /** 固定到右侧的列 */\n      const fixedOnRight: TableColumn[] = []\n\n      columns?.forEach((column) => {\n        if (!column.fixed || column.children) {\n          column.fixed = undefined\n          return unfixed.push(column)\n        }\n        if (column.fixed === 'left') {\n          fixedOnLeft.push(column)\n        } else {\n          fixedOnRight.push(column)\n        }\n      })\n\n      if (last(fixedOnLeft)) {\n        last(fixedOnLeft)!.isLastFixed = true\n      }\n      if (fixedOnRight[0]) {\n        fixedOnRight[0].isFirstFixed = true\n      }\n\n      const sortedColumns = [...fixedOnLeft, ...unfixed, ...fixedOnRight]\n\n      if (sortedColumns.length > 0) {\n        // 操作时避免改变原数据\n        const firstColumn = { ...sortedColumns[0] } as TableColumn\n        sortedColumns[0] = firstColumn\n\n        // 树形表格需要给第一列添加展开按钮\n        // 因此要重新设置第一列的宽度和对齐方式\n        if (tree || expandable) {\n          firstColumn.align = 'left'\n          firstColumn.width = firstColumn.width ? firstColumn.width + 60 : undefined\n\n          const oldNameRender = firstColumn.nameRender\n\n          firstColumn.nameRender = oldNameRender\n            ? (ctx) => {\n                const oldNodes = oldNameRender!(ctx)\n                return [renderExpandAll(), ...(Array.isArray(oldNodes) ? oldNodes : [oldNodes])]\n              }\n            : () => {\n                return [renderExpandAll(), firstColumn.name]\n              }\n        }\n      }\n\n      const result = new Forest<TableColumn, any>({\n        data: sortedColumns,\n        createNode(data, index, depth, _f, parent) {\n          return new ColumnNode(data, index, depth, parent)\n        }\n      })\n\n      columnForest.value = result\n    },\n    { immediate: true }\n  )\n\n  const headers = computed(() => {\n    const headers: ColumnNode[][] = []\n    const forest = columnForest.value\n    if (!forest) return headers\n\n    // Forest.bfs 对每个根单独 BFS，按 depth 拼行会把后续根节点错放到深层，且根节点无 parent，\n    // 回溯 leafs 时会读到 undefined。这里从所有根一次性层序遍历，与多列表头布局一致。\n    const queue: ColumnNode[] = [...forest.roots]\n    while (queue.length > 0) {\n      const size = queue.length\n      const layer: ColumnNode[] = []\n      for (let i = 0; i < size; i++) {\n        const node = queue.shift()!\n        layer.push(node)\n        const ch = node.children\n        if (ch?.length) {\n          for (const c of ch) {\n            queue.push(c)\n          }\n        }\n      }\n      headers.push(layer)\n    }\n\n    // 从叶子节点开始回溯计算每个节点的累计叶子节点数量，叶子节点数量代表表头的宽度\n    for (let i = headers.length - 1; i > 0; i--) {\n      const header = headers[i]!\n\n      header.forEach((node) => {\n        const parent = node.parent\n        if (!parent) return\n        if (parent.leafs !== undefined) return\n        parent.leafs = parent.children!.reduce((sum, node) => {\n          return sum + (node.leafs ?? 1)\n        }, 0)\n      })\n    }\n\n    return headers\n  })\n\n  /** 除展开按钮之外的列 */\n  const columns = shallowRef<ColumnNode[]>([])\n\n  /** 所有叶子节点 */\n  const leafColumns = shallowRef<ColumnNode[]>([])\n\n  const expandColumn = shallowRef<ColumnNode>()\n\n  // 监听列的变化\n  watch(\n    [columnForest, () => props.tree, () => props.expandable],\n    ([forest, tree, expandable]) => {\n      const _columns: ColumnNode[] = []\n\n      forest?.dfs((node) => {\n        if (node.isLeaf) {\n          _columns.push(node)\n        }\n      })\n\n      leafColumns.value = _columns\n\n      if (tree || expandable) {\n        expandColumn.value = _columns[0]\n        columns.value = _columns.slice(1)\n      } else {\n        columns.value = _columns\n        expandColumn.value = undefined\n      }\n    },\n    { immediate: true }\n  )\n\n  return {\n    /** 第一列 */\n    expandColumn,\n    /** 所有列 */\n    leafColumns,\n    /** 列 */\n    columns,\n    /** 表格头的分层展示 */\n    headers\n  }\n}\n"],"mappings":"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"}

package/dist/components/table/use-rows.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-rows.js","names":["useModel"],"sources":["../../../src/components/table/use-rows.ts"],"sourcesContent":["import { Forest, o } from '@cat-kit/core'\nimport { useModel } from '@veltra/compositions'\nimport { shallowRef, watch, type Ref, type ShallowRef } from 'vue'\n\nimport type { TableColumn, TableEmits, TableProps, TableRow } from '../../types'\nimport { TableRowNode } from './node/row'\n\ninterface Options {\n  props: TableProps\n  emit: TableEmits\n  /**\n   * D2：滚动中 (`true`) 跳过 `currentRow` 高亮写入。\n   *\n   * 行点击处理会通过 `currentRow` watcher 把 `isCurrent` 切换到新行 / 旧行上，\n   * 触发对应 `<tr>` 的 class 重绘。在滚动期间 (移动端/触控板惯性滚动常见)\n   * 意外点击不应改变高亮，因此直接跳过；滚动结束后的正常点击仍会生效。\n   */\n  isScrolling?: Ref<boolean>\n}\n\ninterface UseRowsReturned {\n  /** 所有的行森林（树形数据） */\n  rowForest: ShallowRef<Forest<Record<string, unknown>, any> | undefined>\n  /** 当前可见的展平行列表 */\n  rows: ShallowRef<TableRowNode[]>\n  /** 切换树形行节点的展开/折叠 */\n  toggleTreeRowExpand: (node: TableRow) => void\n  /** 是否全部展开 */\n  allExpanded: ShallowRef<boolean>\n  /** 切换全部展开/折叠 */\n  toggleAllTreeRowExpand: () => void\n  /** 行点击处理 */\n  handleRowClick: (row: TableRow, e: MouseEvent) => void\n  /** 单元格点击处理 */\n  handleCellClick: (row: TableRow, column: TableColumn, e: MouseEvent) => void\n  /** 根据原始数据对象获取对应的 TableRow */\n  getRowByData: (data: Record<string, any>) => TableRow | undefined\n}\n\nexport function useRows(options: Options): UseRowsReturned {\n  const { props, emit, isScrolling } = options\n\n  // --- 状态定义 ---\n\n  /** 所有可见的行 */\n  const rows = shallowRef<TableRowNode[]>([])\n  /** 数据行， 不包括展开和折叠的行 */\n  const dataRows = shallowRef<TableRowNode[]>([])\n  /** 行森林（数据结构树） */\n  const rowForest = shallowRef<Forest<Record<string, unknown>, any>>()\n  /** 树形节点是否全部展开 */\n  const allExpanded = shallowRef(props.defaultExpandAll ?? false)\n\n  /** 当前高亮的行 */\n  const currentRow = useModel({\n    props,\n    emit,\n    propName: 'current',\n    shallow: true,\n    local: () => !!props.highlightCurrent\n  })\n\n  // --- 行字典维护 (性能优化) ---\n\n  /**\n   * 用于优化增删改时的性能。\n   * 原理：Vue 的组件在属性发生改变时会重新渲染，通过 WeakMap 缓存 data -> TableRow 的映射，\n   * 可以在数据更新时复用已有的 TableRowNode 实例，避免重复创建和 DOM 抖动。\n   */\n  let rowDicts = new WeakMap<Record<string, any>, TableRowNode>()\n  let tempRowDicts: null | WeakMap<Record<string, any>, TableRowNode> = null\n  let uidSeed = 0\n\n  /** 获取行唯一标识 */\n  const getRowUID = props.rowKey\n    ? (rowData: Record<string, any>) => rowData && o(rowData).get(props.rowKey!)\n    : () => uidSeed++\n\n  /** 创建或复用 TableRow 实例 */\n  const createRow = (\n    data: Record<string, any>,\n    index: number,\n    depth = 0,\n    parent?: TableRowNode\n  ) => {\n    const existRow = data ? rowDicts.get(data) : undefined\n    if (existRow) {\n      existRow.index = index\n      existRow.depth = depth\n      existRow.parent = parent\n      return existRow\n    }\n    return new TableRowNode({ data, index, depth, parent, uid: getRowUID(data) })\n  }\n\n  // --- 行处理逻辑 ---\n\n  /** 处理常规扁平列表 */\n  function getDataRows(data: Record<string, any>[]): TableRowNode[] {\n    let i = data.length\n    const result = Array.from({ length: i }) as TableRowNode[]\n    tempRowDicts = new WeakMap()\n\n    while (i--) {\n      const dataItem = data[i]!\n      const row = createRow(dataItem, i)\n      result[i] = row\n      tempRowDicts.set(dataItem, row)\n    }\n\n    rowDicts = tempRowDicts\n    tempRowDicts = null\n    return result\n  }\n\n  function expandDataRows(): void {\n    const result: TableRowNode[] = []\n    let i = -1\n    while (++i < dataRows.value.length) {\n      const row = dataRows.value[i]!\n      result.push(row)\n      if (row.expanded) {\n        result.push(row.copy())\n      }\n    }\n    rows.value = result\n  }\n\n  /** 处理树形森林结构 */\n  function getRowForest(data: Record<string, any>[]): Forest<Record<string, unknown>, any> {\n    tempRowDicts = new WeakMap()\n    const childrenKey = typeof props.tree === 'string' ? props.tree : 'children'\n    const ret = new Forest<Record<string, unknown>, any>({\n      data,\n      childrenKey,\n      createNode(val, index, depth, _forest, parent) {\n        const row = createRow(val, index, depth, parent)\n        if (props.defaultExpandAll) {\n          row.expanded = true\n        }\n        val && tempRowDicts!.set(val, row)\n        return row\n      }\n    })\n\n    rowDicts = tempRowDicts\n    tempRowDicts = null\n    return ret\n  }\n\n  /** 展平树形结构为可见行列表 */\n  function updateFlattedRows(): void {\n    if (!rowForest.value) return\n    rows.value = rowForest.value.flattenVisible((n) => n.expanded)\n  }\n\n  // --- 副作用监听 ---\n\n  // 监听当前行切换，维护 isCurrent 状态\n  watch(\n    () => currentRow.value,\n    (row, oldRow) => {\n      if (oldRow) oldRow.isCurrent = false\n      if (row) row.isCurrent = true\n    }\n  )\n\n  // 同步状态给外部\n  watch(rows, (rows) => emit('update:rows', rows))\n  watch(rowForest, (forest) => emit('update:forest', forest))\n\n  // 核心：监听原始数据变化，重新构建行列表或树\n  watch(\n    [() => props.data, () => props.tree, () => props.defaultExpandAll],\n    ([data, tree]) => {\n      if (!data?.length) {\n        rows.value = []\n        rowDicts = new WeakMap()\n        rowForest.value = undefined\n        return\n      }\n\n      if (!tree) {\n        rowForest.value = undefined\n        dataRows.value = getDataRows(data)\n        rows.value = dataRows.value\n      } else {\n        dataRows.value = []\n        rowForest.value = getRowForest(data)\n        updateFlattedRows()\n      }\n    },\n    { immediate: true }\n  )\n\n  // --- 交互方法 ---\n\n  function toggleTreeRowExpand(node: TableRow): void {\n    node.expanded = !node.expanded\n\n    if (props.tree) {\n      return updateFlattedRows()\n    }\n    if (props.expandable) {\n      expandDataRows()\n    }\n  }\n\n  function toggleAllTreeRowExpand(): void {\n    allExpanded.value = !allExpanded.value\n    if (props.tree) {\n      rowForest.value?.dfs((node) => {\n        node.expanded = allExpanded.value\n      })\n      updateFlattedRows()\n      return\n    }\n    if (props.expandable) {\n      dataRows.value.forEach((row) => {\n        row.expanded = allExpanded.value\n      })\n      expandDataRows()\n      return\n    }\n  }\n\n  function handleRowClick(row: TableRow, e: MouseEvent): void {\n    // D2：滚动中的点击（多为惯性滚动误触）不应改变 currentRow 高亮。\n    if (!isScrolling?.value) {\n      currentRow.value = currentRow.value === row ? undefined : row\n    }\n    emit('row-click', row, e)\n  }\n\n  function handleCellClick(row: TableRow, column: TableColumn, e: MouseEvent): void {\n    emit('cell-click', row, column, e)\n  }\n\n  function getRowByData(data: Record<string, any>): TableRow | undefined {\n    return rowDicts.get(data)\n  }\n\n  return {\n    rowForest,\n    rows,\n    allExpanded,\n    toggleTreeRowExpand,\n    toggleAllTreeRowExpand,\n    handleRowClick,\n    handleCellClick,\n    getRowByData\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-rows.js","names":["useModel"],"sources":["../../../src/components/table/use-rows.ts"],"sourcesContent":["import { Forest, o } from '@cat-kit/core'\nimport { useModel } from '@veltra/compositions'\nimport { shallowRef, watch, type Ref, type ShallowRef } from 'vue'\n\nimport type { TableColumn, TableEmits, TableProps, TableRow } from '../../types'\nimport { TableRowNode } from './node/row'\n\ninterface Options {\n  props: TableProps\n  emit: TableEmits\n  /**\n   * D2：滚动中 (`true`) 跳过 `currentRow` 高亮写入。\n   *\n   * 行点击处理会通过 `currentRow` watcher 把 `isCurrent` 切换到新行 / 旧行上，\n   * 触发对应 `<tr>` 的 class 重绘。在滚动期间 (移动端/触控板惯性滚动常见)\n   * 意外点击不应改变高亮，因此直接跳过；滚动结束后的正常点击仍会生效。\n   */\n  isScrolling?: Ref<boolean>\n}\n\ninterface UseRowsReturned {\n  /** 所有的行森林（树形数据） */\n  rowForest: ShallowRef<Forest<Record<string, unknown>, any> | undefined>\n  /** 当前可见的展平行列表 */\n  rows: ShallowRef<TableRowNode[]>\n  /** 切换树形行节点的展开/折叠 */\n  toggleTreeRowExpand: (node: TableRow) => void\n  /** 是否全部展开 */\n  allExpanded: ShallowRef<boolean>\n  /** 切换全部展开/折叠 */\n  toggleAllTreeRowExpand: () => void\n  /** 行点击处理 */\n  handleRowClick: (row: TableRow, e: MouseEvent) => void\n  /** 单元格点击处理 */\n  handleCellClick: (row: TableRow, column: TableColumn, e: MouseEvent) => void\n  /** 根据原始数据对象获取对应的 TableRow */\n  getRowByData: (data: Record<string, any>) => TableRow | undefined\n}\n\nexport function useRows(options: Options): UseRowsReturned {\n  const { props, emit, isScrolling } = options\n\n  // --- 状态定义 ---\n\n  /** 所有可见的行 */\n  const rows = shallowRef<TableRowNode[]>([])\n  /** 数据行， 不包括展开和折叠的行 */\n  const dataRows = shallowRef<TableRowNode[]>([])\n  /** 行森林（数据结构树） */\n  const rowForest = shallowRef<Forest<Record<string, unknown>, any>>()\n  /** 树形节点是否全部展开 */\n  const allExpanded = shallowRef(props.defaultExpandAll ?? false)\n\n  /** 当前高亮的行 */\n  const currentRow = useModel({\n    props,\n    emit,\n    propName: 'current',\n    shallow: true,\n    local: () => !!props.highlightCurrent\n  })\n\n  // --- 行字典维护 (性能优化) ---\n\n  /**\n   * 用于优化增删改时的性能。\n   * 原理：Vue 的组件在属性发生改变时会重新渲染，通过 WeakMap 缓存 data -> TableRow 的映射，\n   * 可以在数据更新时复用已有的 TableRowNode 实例，避免重复创建和 DOM 抖动。\n   */\n  let rowDicts = new WeakMap<Record<string, any>, TableRowNode>()\n  let tempRowDicts: null | WeakMap<Record<string, any>, TableRowNode> = null\n  let uidSeed = 0\n\n  /** 获取行唯一标识 */\n  const getRowUID = props.rowKey\n    ? (rowData: Record<string, any>) => rowData && o(rowData).get(props.rowKey!)\n    : () => uidSeed++\n\n  /** 创建或复用 TableRow 实例 */\n  const createRow = (\n    data: Record<string, any>,\n    index: number,\n    depth = 0,\n    parent?: TableRowNode\n  ) => {\n    const existRow = data ? rowDicts.get(data) : undefined\n    if (existRow) {\n      existRow.index = index\n      existRow.depth = depth\n      existRow.parent = parent\n      return existRow\n    }\n    return new TableRowNode({ data, index, depth, parent, uid: getRowUID(data) })\n  }\n\n  // --- 行处理逻辑 ---\n\n  /** 处理常规扁平列表 */\n  function getDataRows(data: Record<string, any>[]): TableRowNode[] {\n    let i = data.length\n    const result = Array.from({ length: i }) as TableRowNode[]\n    tempRowDicts = new WeakMap()\n\n    while (i--) {\n      const dataItem = data[i]!\n      const row = createRow(dataItem, i)\n      result[i] = row\n      tempRowDicts.set(dataItem, row)\n    }\n\n    rowDicts = tempRowDicts\n    tempRowDicts = null\n    return result\n  }\n\n  function expandDataRows(): void {\n    const result: TableRowNode[] = []\n    let i = -1\n    while (++i < dataRows.value.length) {\n      const row = dataRows.value[i]!\n      result.push(row)\n      if (row.expanded) {\n        result.push(row.copy())\n      }\n    }\n    rows.value = result\n  }\n\n  /** 处理树形森林结构 */\n  function getRowForest(data: Record<string, any>[]): Forest<Record<string, unknown>, any> {\n    tempRowDicts = new WeakMap()\n    const childrenKey = typeof props.tree === 'string' ? props.tree : 'children'\n    const ret = new Forest<Record<string, unknown>, any>({\n      data,\n      childrenKey,\n      createNode(val, index, depth, _forest, parent) {\n        const row = createRow(val, index, depth, parent)\n        if (props.defaultExpandAll) {\n          row.expanded = true\n        }\n        val && tempRowDicts!.set(val, row)\n        return row\n      }\n    })\n\n    rowDicts = tempRowDicts\n    tempRowDicts = null\n    return ret\n  }\n\n  /** 展平树形结构为可见行列表 */\n  function updateFlattedRows(): void {\n    if (!rowForest.value) return\n    rows.value = rowForest.value.flattenVisible((n) => n.expanded)\n  }\n\n  // --- 副作用监听 ---\n\n  // 监听当前行切换，维护 isCurrent 状态\n  watch(\n    () => currentRow.value,\n    (row, oldRow) => {\n      if (oldRow) oldRow.isCurrent = false\n      if (row) row.isCurrent = true\n    }\n  )\n\n  // 同步状态给外部\n  watch(rows, (rows) => emit('update:rows', rows))\n  watch(rowForest, (forest) => emit('update:forest', forest))\n\n  // 核心：监听原始数据变化，重新构建行列表或树\n  watch(\n    [() => props.data, () => props.tree, () => props.defaultExpandAll],\n    ([data, tree]) => {\n      if (!data?.length) {\n        rows.value = []\n        rowDicts = new WeakMap()\n        rowForest.value = undefined\n        return\n      }\n\n      if (!tree) {\n        rowForest.value = undefined\n        dataRows.value = getDataRows(data)\n        rows.value = dataRows.value\n      } else {\n        dataRows.value = []\n        rowForest.value = getRowForest(data)\n        updateFlattedRows()\n      }\n    },\n    { immediate: true }\n  )\n\n  // --- 交互方法 ---\n\n  function toggleTreeRowExpand(node: TableRow): void {\n    node.expanded = !node.expanded\n\n    if (props.tree) {\n      return updateFlattedRows()\n    }\n    if (props.expandable) {\n      expandDataRows()\n    }\n  }\n\n  function toggleAllTreeRowExpand(): void {\n    allExpanded.value = !allExpanded.value\n    if (props.tree) {\n      rowForest.value?.dfs((node) => {\n        node.expanded = allExpanded.value\n      })\n      updateFlattedRows()\n      return\n    }\n    if (props.expandable) {\n      dataRows.value.forEach((row) => {\n        row.expanded = allExpanded.value\n      })\n      expandDataRows()\n      return\n    }\n  }\n\n  function handleRowClick(row: TableRow, e: MouseEvent): void {\n    // D2：滚动中的点击（多为惯性滚动误触）不应改变 currentRow 高亮。\n    if (!isScrolling?.value) {\n      currentRow.value = currentRow.value === row ? undefined : row\n    }\n    emit('row-click', row, e)\n  }\n\n  function handleCellClick(row: TableRow, column: TableColumn, e: MouseEvent): void {\n    emit('cell-click', row, column, e)\n  }\n\n  function getRowByData(data: Record<string, any>): TableRow | undefined {\n    return rowDicts.get(data)\n  }\n\n  return {\n    rowForest,\n    rows,\n    allExpanded,\n    toggleTreeRowExpand,\n    toggleAllTreeRowExpand,\n    handleRowClick,\n    handleCellClick,\n    getRowByData\n  }\n}\n"],"mappings":"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"}

package/dist/components/table/use-table.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-table.js","names":[],"sources":["../../../src/components/table/use-table.ts"],"sourcesContent":["import { o } from '@cat-kit/core'\nimport { bem, type BEM } from '@veltra/utils'\nimport { useSlots, watch, type Ref } from 'vue'\n\nimport type {\n  TableColumnRenderContext,\n  TableColumnSlotsScope,\n  TableProps,\n  TableRow,\n  RenderReturn,\n  TableRowSlotsScope\n} from '../../types'\nimport type { ColumnNode } from './node/col'\n\ninterface Options {\n  props: TableProps\n  cls: BEM<'table'>\n  leftFixed: Ref<boolean>\n  rightFixed: Ref<boolean>\n}\n\ninterface UseTableReturn {\n  getColumnSlotsNode: (ctx: TableColumnSlotsScope | TableColumnRenderContext) => RenderReturn\n  getHeaderSlotsNode: (ctx: { column: ColumnNode }) => RenderReturn\n  getExpandRowSlotsNode: (ctx: TableRowSlotsScope) => RenderReturn\n  getCellClass: (column: ColumnNode) => string\n  getHeaderCellClass: (column: ColumnNode) => string\n  getCellCtx: (\n    row: TableRow,\n    column: ColumnNode\n  ) => TableColumnSlotsScope | TableColumnRenderContext\n}\n\nexport function useTable(options: Options): UseTableReturn {\n  const { props, cls, leftFixed, rightFixed } = options\n\n  const slots = useSlots()\n\n  const getColumnSlotsNode = (\n    ctx: TableColumnSlotsScope | TableColumnRenderContext\n  ): RenderReturn => {\n    const column = ctx.column.data\n\n    const { render, key } = column\n\n    if (render) return render(ctx)\n\n    const slotsRender = props.slots?.[`column:${key}`] ?? slots[`column:${key}`]\n\n    if (slotsRender) return slotsRender(ctx)\n\n    return ctx.val\n  }\n\n  const getHeaderSlotsNode = (ctx: { column: ColumnNode }): RenderReturn => {\n    const column = ctx.column.data\n    const { nameRender, key } = column\n\n    if (nameRender) return nameRender(ctx)\n\n    const slotsRender = props.slots?.[`header:${key}`] ?? slots[`header:${key}`]\n\n    if (slotsRender) return slotsRender(ctx)\n\n    return column.name\n  }\n\n  const getExpandRowSlotsNode = (ctx: TableRowSlotsScope): RenderReturn => {\n    const slotsRender = props.slots?.['row:expand'] ?? slots['row:expand']\n\n    if (slotsRender) return slotsRender(ctx)\n    return null\n  }\n\n  const cellCls = cls.e('cell')\n\n  const getCommonClassName = (column: ColumnNode): string => {\n    const classList: string[] = [cellCls]\n\n    leftFixed.value && column.isLastFixed && classList.push(bem.is('last-fixed'))\n\n    rightFixed.value && column.isFirstFixed && classList.push(bem.is('first-fixed'))\n\n    if (column.fixed) {\n      classList.push(bem.is('fixed-' + column.fixed))\n    }\n    return classList.join(' ')\n  }\n\n  /**\n   * B1: 单元格类名按 ColumnNode 身份缓存。\n   *\n   * 对同一列，类名只取决于 (column.fixed, column.isLastFixed, column.isFirstFixed,\n   * column.align, leftFixed, rightFixed)。其中前四个绑定在 ColumnNode 实例上，\n   * 后两个在 leftFixed/rightFixed 变化时失效缓存即可。用 WeakMap 以 ColumnNode\n   * 为键可避免字符串 key 的拼接/哈希开销，且列树重建时节点随 GC 自动释放。\n   */\n  let cellClassCache = new WeakMap<ColumnNode, string>()\n  let headerCellClassCache = new WeakMap<ColumnNode, string>()\n\n  watch([leftFixed, rightFixed], () => {\n    cellClassCache = new WeakMap()\n    headerCellClassCache = new WeakMap()\n  })\n\n  /**\n   * B2: 即便缓存命中也需读取 `leftFixed` / `rightFixed`，将其登记为调用方\n   * render effect 的响应式依赖。\n   *\n   * 否则横向滚动时虽然 `watch` 已经清空缓存，但已渲染的单元格没有任何依赖\n   * 把这两个 ref 串联到自己的 render，导致 `is-last-fixed` / `is-first-fixed`\n   * 阴影 class 不会被刷新——只有垂直滚动让虚拟列表新挂载行时（render 首次\n   * 命中空缓存读到最新值）才能看到阴影。\n   *\n   * 父级 `useTable` 的 watch effect id 早于子 `TableRow` 的 render effect，\n   * 同一 flush 周期中缓存会先被清空，再轮到 render 重跑读到最新值。\n   */\n  const getCellClass = (column: ColumnNode): string => {\n    void leftFixed.value\n    void rightFixed.value\n    const cached = cellClassCache.get(column)\n    if (cached !== undefined) return cached\n    const result = getCommonClassName(column) + ` ${bem.is(column.align)}`\n    cellClassCache.set(column, result)\n    return result\n  }\n\n  const getHeaderCellClass = (column: ColumnNode): string => {\n    void leftFixed.value\n    void rightFixed.value\n    const cached = headerCellClassCache.get(column)\n    if (cached !== undefined) return cached\n    const result = getCommonClassName(column) + ` ${bem.is(column.headerAlign)}`\n    headerCellClassCache.set(column, result)\n    return result\n  }\n\n  const getCellCtx = (\n    row: TableRow,\n    column: ColumnNode\n  ): TableColumnSlotsScope | TableColumnRenderContext => {\n    const rowData = row.data\n    const val = column.key ? o(rowData).get(column.key) : undefined\n\n    const ctx = {\n      row,\n      column,\n      rowData,\n      val,\n      model: {\n        modelValue: val,\n        'onUpdate:modelValue': (val: any) => {\n          rowData[column.key] = val\n        }\n      }\n    }\n\n    return ctx\n  }\n\n  return {\n    /**\n     * 获取列插槽VNode\n     * @param ctx 列渲染上下文\n     */\n    getColumnSlotsNode,\n    /**\n     * 获取表头插槽VNode\n     * @param ctx 表头渲染上下文\n     */\n    getHeaderSlotsNode,\n    /**\n     * 获取展开行插槽VNode\n     * @param ctx 展开行渲染上下文\n     */\n    getExpandRowSlotsNode,\n    /**\n     * 获取单元格类名\n     * @param column 列\n     */\n    getCellClass,\n    /**\n     * 获取表头单元格类名\n     * @param column 列\n     */\n    getHeaderCellClass,\n    /**\n     * 获取单元格上下文\n     * @param row 行\n     * @param column 列\n     */\n    getCellCtx\n  }\n}\n"],"mappings":";;;;AAiCA,SAAgB,SAAS,SAAkC;CACzD,MAAM,EAAE,OAAO,KAAK,WAAW,eAAe;CAE9C,MAAM,QAAQ,SAAS;CAEvB,MAAM,sBACJ,QACiB;EAGjB,MAAM,EAAE,QAAQ,QAFD,IAAI,OAAO;EAI1B,IAAI,QAAQ,OAAO,OAAO,GAAG;EAE7B,MAAM,cAAc,MAAM,QAAQ,UAAU,UAAU,MAAM,UAAU;EAEtE,IAAI,aAAa,OAAO,YAAY,GAAG;EAEvC,OAAO,IAAI;CACb;CAEA,MAAM,sBAAsB,QAA8C;EACxE,MAAM,SAAS,IAAI,OAAO;EAC1B,MAAM,EAAE,YAAY,QAAQ;EAE5B,IAAI,YAAY,OAAO,WAAW,GAAG;EAErC,MAAM,cAAc,MAAM,QAAQ,UAAU,UAAU,MAAM,UAAU;EAEtE,IAAI,aAAa,OAAO,YAAY,GAAG;EAEvC,OAAO,OAAO;CAChB;CAEA,MAAM,yBAAyB,QAA0C;EACvE,MAAM,cAAc,MAAM,QAAQ,iBAAiB,MAAM;EAEzD,IAAI,aAAa,OAAO,YAAY,GAAG;EACvC,OAAO;CACT;CAEA,MAAM,UAAU,IAAI,EAAE,MAAM;CAE5B,MAAM,sBAAsB,WAA+B;EACzD,MAAM,YAAsB,CAAC,OAAO;EAEpC,UAAU,SAAS,OAAO,eAAe,UAAU,KAAK,IAAI,GAAG,YAAY,CAAC;EAE5E,WAAW,SAAS,OAAO,gBAAgB,UAAU,KAAK,IAAI,GAAG,aAAa,CAAC;EAE/E,IAAI,OAAO,OACT,UAAU,KAAK,IAAI,GAAG,WAAW,OAAO,KAAK,CAAC;EAEhD,OAAO,UAAU,KAAK,GAAG;CAC3B;;;;;;;;;CAUA,IAAI,iCAAiB,IAAI,QAA4B;CACrD,IAAI,uCAAuB,IAAI,QAA4B;CAE3D,MAAM,CAAC,WAAW,UAAU,SAAS;EACnC,iCAAiB,IAAI,QAAQ;EAC7B,uCAAuB,IAAI,QAAQ;CACrC,CAAC;;;;;;;;;;;;;CAcD,MAAM,gBAAgB,WAA+B;EACnD,UAAe;EACf,WAAgB;EAChB,MAAM,SAAS,eAAe,IAAI,MAAM;EACxC,IAAI,WAAW,KAAA,GAAW,OAAO;EACjC,MAAM,SAAS,mBAAmB,MAAM,IAAI,IAAI,IAAI,GAAG,OAAO,KAAK;EACnE,eAAe,IAAI,QAAQ,MAAM;EACjC,OAAO;CACT;CAEA,MAAM,sBAAsB,WAA+B;EACzD,UAAe;EACf,WAAgB;EAChB,MAAM,SAAS,qBAAqB,IAAI,MAAM;EAC9C,IAAI,WAAW,KAAA,GAAW,OAAO;EACjC,MAAM,SAAS,mBAAmB,MAAM,IAAI,IAAI,IAAI,GAAG,OAAO,WAAW;EACzE,qBAAqB,IAAI,QAAQ,MAAM;EACvC,OAAO;CACT;CAEA,MAAM,cACJ,KACA,WACqD;EACrD,MAAM,UAAU,IAAI;EACpB,MAAM,MAAM,OAAO,MAAM,EAAE,OAAO,EAAE,IAAI,OAAO,GAAG,IAAI,KAAA;EAetD,OAAO;GAZL;GACA;GACA;GACA;GACA,OAAO;IACL,YAAY;IACZ,wBAAwB,QAAa;KACnC,QAAQ,OAAO,OAAO;IACxB;GACF;EAGO;CACX;CAEA,OAAO;;;;;EAKL;;;;;EAKA;;;;;EAKA;;;;;EAKA;;;;;EAKA;;;;;;EAMA;CACF;AACF"}
+{"version":3,"file":"use-table.js","names":[],"sources":["../../../src/components/table/use-table.ts"],"sourcesContent":["import { o } from '@cat-kit/core'\nimport { bem, type BEM } from '@veltra/utils'\nimport { useSlots, watch, type Ref } from 'vue'\n\nimport type {\n  TableColumnRenderContext,\n  TableColumnSlotsScope,\n  TableProps,\n  TableRow,\n  RenderReturn,\n  TableRowSlotsScope\n} from '../../types'\nimport type { ColumnNode } from './node/col'\n\ninterface Options {\n  props: TableProps\n  cls: BEM<'table'>\n  leftFixed: Ref<boolean>\n  rightFixed: Ref<boolean>\n}\n\ninterface UseTableReturn {\n  getColumnSlotsNode: (ctx: TableColumnSlotsScope | TableColumnRenderContext) => RenderReturn\n  getHeaderSlotsNode: (ctx: { column: ColumnNode }) => RenderReturn\n  getExpandRowSlotsNode: (ctx: TableRowSlotsScope) => RenderReturn\n  getCellClass: (column: ColumnNode) => string\n  getHeaderCellClass: (column: ColumnNode) => string\n  getCellCtx: (\n    row: TableRow,\n    column: ColumnNode\n  ) => TableColumnSlotsScope | TableColumnRenderContext\n}\n\nexport function useTable(options: Options): UseTableReturn {\n  const { props, cls, leftFixed, rightFixed } = options\n\n  const slots = useSlots()\n\n  const getColumnSlotsNode = (\n    ctx: TableColumnSlotsScope | TableColumnRenderContext\n  ): RenderReturn => {\n    const column = ctx.column.data\n\n    const { render, key } = column\n\n    if (render) return render(ctx)\n\n    const slotsRender = props.slots?.[`column:${key}`] ?? slots[`column:${key}`]\n\n    if (slotsRender) return slotsRender(ctx)\n\n    return ctx.val\n  }\n\n  const getHeaderSlotsNode = (ctx: { column: ColumnNode }): RenderReturn => {\n    const column = ctx.column.data\n    const { nameRender, key } = column\n\n    if (nameRender) return nameRender(ctx)\n\n    const slotsRender = props.slots?.[`header:${key}`] ?? slots[`header:${key}`]\n\n    if (slotsRender) return slotsRender(ctx)\n\n    return column.name\n  }\n\n  const getExpandRowSlotsNode = (ctx: TableRowSlotsScope): RenderReturn => {\n    const slotsRender = props.slots?.['row:expand'] ?? slots['row:expand']\n\n    if (slotsRender) return slotsRender(ctx)\n    return null\n  }\n\n  const cellCls = cls.e('cell')\n\n  const getCommonClassName = (column: ColumnNode): string => {\n    const classList: string[] = [cellCls]\n\n    leftFixed.value && column.isLastFixed && classList.push(bem.is('last-fixed'))\n\n    rightFixed.value && column.isFirstFixed && classList.push(bem.is('first-fixed'))\n\n    if (column.fixed) {\n      classList.push(bem.is('fixed-' + column.fixed))\n    }\n    return classList.join(' ')\n  }\n\n  /**\n   * B1: 单元格类名按 ColumnNode 身份缓存。\n   *\n   * 对同一列，类名只取决于 (column.fixed, column.isLastFixed, column.isFirstFixed,\n   * column.align, leftFixed, rightFixed)。其中前四个绑定在 ColumnNode 实例上，\n   * 后两个在 leftFixed/rightFixed 变化时失效缓存即可。用 WeakMap 以 ColumnNode\n   * 为键可避免字符串 key 的拼接/哈希开销，且列树重建时节点随 GC 自动释放。\n   */\n  let cellClassCache = new WeakMap<ColumnNode, string>()\n  let headerCellClassCache = new WeakMap<ColumnNode, string>()\n\n  watch([leftFixed, rightFixed], () => {\n    cellClassCache = new WeakMap()\n    headerCellClassCache = new WeakMap()\n  })\n\n  /**\n   * B2: 即便缓存命中也需读取 `leftFixed` / `rightFixed`，将其登记为调用方\n   * render effect 的响应式依赖。\n   *\n   * 否则横向滚动时虽然 `watch` 已经清空缓存，但已渲染的单元格没有任何依赖\n   * 把这两个 ref 串联到自己的 render，导致 `is-last-fixed` / `is-first-fixed`\n   * 阴影 class 不会被刷新——只有垂直滚动让虚拟列表新挂载行时（render 首次\n   * 命中空缓存读到最新值）才能看到阴影。\n   *\n   * 父级 `useTable` 的 watch effect id 早于子 `TableRow` 的 render effect，\n   * 同一 flush 周期中缓存会先被清空，再轮到 render 重跑读到最新值。\n   */\n  const getCellClass = (column: ColumnNode): string => {\n    void leftFixed.value\n    void rightFixed.value\n    const cached = cellClassCache.get(column)\n    if (cached !== undefined) return cached\n    const result = getCommonClassName(column) + ` ${bem.is(column.align)}`\n    cellClassCache.set(column, result)\n    return result\n  }\n\n  const getHeaderCellClass = (column: ColumnNode): string => {\n    void leftFixed.value\n    void rightFixed.value\n    const cached = headerCellClassCache.get(column)\n    if (cached !== undefined) return cached\n    const result = getCommonClassName(column) + ` ${bem.is(column.headerAlign)}`\n    headerCellClassCache.set(column, result)\n    return result\n  }\n\n  const getCellCtx = (\n    row: TableRow,\n    column: ColumnNode\n  ): TableColumnSlotsScope | TableColumnRenderContext => {\n    const rowData = row.data\n    const val = column.key ? o(rowData).get(column.key) : undefined\n\n    const ctx = {\n      row,\n      column,\n      rowData,\n      val,\n      model: {\n        modelValue: val,\n        'onUpdate:modelValue': (val: any) => {\n          rowData[column.key] = val\n        }\n      }\n    }\n\n    return ctx\n  }\n\n  return {\n    /**\n     * 获取列插槽VNode\n     * @param ctx 列渲染上下文\n     */\n    getColumnSlotsNode,\n    /**\n     * 获取表头插槽VNode\n     * @param ctx 表头渲染上下文\n     */\n    getHeaderSlotsNode,\n    /**\n     * 获取展开行插槽VNode\n     * @param ctx 展开行渲染上下文\n     */\n    getExpandRowSlotsNode,\n    /**\n     * 获取单元格类名\n     * @param column 列\n     */\n    getCellClass,\n    /**\n     * 获取表头单元格类名\n     * @param column 列\n     */\n    getHeaderCellClass,\n    /**\n     * 获取单元格上下文\n     * @param row 行\n     * @param column 列\n     */\n    getCellCtx\n  }\n}\n"],"mappings":";;;;AAiCA,SAAgB,SAAS,SAAkC;CACzD,MAAM,EAAE,OAAO,KAAK,WAAW,eAAe;CAE9C,MAAM,QAAQ,SAAS;CAEvB,MAAM,sBACJ,QACiB;EAGjB,MAAM,EAAE,QAAQ,QAFD,IAAI,OAAO;EAI1B,IAAI,QAAQ,OAAO,OAAO,GAAG;EAE7B,MAAM,cAAc,MAAM,QAAQ,UAAU,UAAU,MAAM,UAAU;EAEtE,IAAI,aAAa,OAAO,YAAY,GAAG;EAEvC,OAAO,IAAI;CACb;CAEA,MAAM,sBAAsB,QAA8C;EACxE,MAAM,SAAS,IAAI,OAAO;EAC1B,MAAM,EAAE,YAAY,QAAQ;EAE5B,IAAI,YAAY,OAAO,WAAW,GAAG;EAErC,MAAM,cAAc,MAAM,QAAQ,UAAU,UAAU,MAAM,UAAU;EAEtE,IAAI,aAAa,OAAO,YAAY,GAAG;EAEvC,OAAO,OAAO;CAChB;CAEA,MAAM,yBAAyB,QAA0C;EACvE,MAAM,cAAc,MAAM,QAAQ,iBAAiB,MAAM;EAEzD,IAAI,aAAa,OAAO,YAAY,GAAG;EACvC,OAAO;CACT;CAEA,MAAM,UAAU,IAAI,EAAE,MAAM;CAE5B,MAAM,sBAAsB,WAA+B;EACzD,MAAM,YAAsB,CAAC,OAAO;EAEpC,UAAU,SAAS,OAAO,eAAe,UAAU,KAAK,IAAI,GAAG,YAAY,CAAC;EAE5E,WAAW,SAAS,OAAO,gBAAgB,UAAU,KAAK,IAAI,GAAG,aAAa,CAAC;EAE/E,IAAI,OAAO,OACT,UAAU,KAAK,IAAI,GAAG,WAAW,OAAO,KAAK,CAAC;EAEhD,OAAO,UAAU,KAAK,GAAG;CAC3B;;;;;;;;;CAUA,IAAI,iCAAiB,IAAI,QAA4B;CACrD,IAAI,uCAAuB,IAAI,QAA4B;CAE3D,MAAM,CAAC,WAAW,UAAU,SAAS;EACnC,iCAAiB,IAAI,QAAQ;EAC7B,uCAAuB,IAAI,QAAQ;CACrC,CAAC;;;;;;;;;;;;;CAcD,MAAM,gBAAgB,WAA+B;EACnD,UAAe;EACf,WAAgB;EAChB,MAAM,SAAS,eAAe,IAAI,MAAM;EACxC,IAAI,WAAW,KAAA,GAAW,OAAO;EACjC,MAAM,SAAS,mBAAmB,MAAM,IAAI,IAAI,IAAI,GAAG,OAAO,KAAK;EACnE,eAAe,IAAI,QAAQ,MAAM;EACjC,OAAO;CACT;CAEA,MAAM,sBAAsB,WAA+B;EACzD,UAAe;EACf,WAAgB;EAChB,MAAM,SAAS,qBAAqB,IAAI,MAAM;EAC9C,IAAI,WAAW,KAAA,GAAW,OAAO;EACjC,MAAM,SAAS,mBAAmB,MAAM,IAAI,IAAI,IAAI,GAAG,OAAO,WAAW;EACzE,qBAAqB,IAAI,QAAQ,MAAM;EACvC,OAAO;CACT;CAEA,MAAM,cACJ,KACA,WACqD;EACrD,MAAM,UAAU,IAAI;EACpB,MAAM,MAAM,OAAO,MAAM,EAAE,OAAO,CAAC,CAAC,IAAI,OAAO,GAAG,IAAI,KAAA;EAetD,OAAO;GAZL;GACA;GACA;GACA;GACA,OAAO;IACL,YAAY;IACZ,wBAAwB,QAAa;KACnC,QAAQ,OAAO,OAAO;IACxB;GACF;EAGO;CACX;CAEA,OAAO;;;;;EAKL;;;;;EAKA;;;;;EAKA;;;;;EAKA;;;;;EAKA;;;;;;EAMA;CACF;AACF"}

package/dist/components/table-editor/table-editor.js

@@ -9,8 +9,8 @@ const _hoisted_1 = { style: {
 	"text-align": "center",
 	"padding": "4px 0"
 } };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-	name: "TableEditor",
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "UTableEditor",
 	__name: "table-editor",
 	props: {
 		modelValue: { default: () => [] },

package/dist/components/table-editor/table-editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-editor.js","names":["$slots"],"sources":["../../../src/components/table-editor/table-editor.vue"],"sourcesContent":["<template>\n  <u-table\n    :columns=\"internalColumns\"\n    :data=\"modelValue || []\"\n    :class=\"cls.b\"\n    :stripe=\"false\"\n    show-index\n    :slots=\"$slots\"\n  >\n    <template #column:__operation=\"{ row }\">\n      <ButtonCommonProps tag=\"div\" style=\"display: flex; justify-content: center; gap: 8px\">\n        <u-button type=\"danger\" @click=\"handleDelete(row.index)\" :icon=\"Minus\" title=\"移除\" />\n        <u-button :icon=\"Plus\" @click=\"handleCreate(row.index)\" title=\"新增到下一行\" />\n        <u-button :icon=\"Copy\" @click=\"handleCopy(row)\" title=\"复制到下一行\" />\n      </ButtonCommonProps>\n    </template>\n\n    <!-- <template #header:__operation> </template> -->\n\n    <template #empty>\n      <div style=\"text-align: center; padding: 4px 0\">\n        <u-button\n          text\n          size=\"small\"\n          type=\"primary\"\n          v-if=\"!modelValue.length\"\n          :icon=\"Plus\"\n          @click=\"handleCreate()\"\n          >添加</u-button\n        >\n      </div>\n    </template>\n  </u-table>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useComponentProps } from '@veltra/compositions'\nimport { Copy, Minus, Plus } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed } from 'vue'\n\nimport type { TableEditorProps, TableEditorEmits, TableColumn } from '../../types'\nimport { UButton } from '../button'\nimport { UTable } from '../table'\nimport type { TableRowNode } from '../table/node/row'\n\ndefineOptions({ name: 'TableEditor' })\n\nconst { columns = [], modelValue = [] } = defineProps<TableEditorProps>()\nconst emit = defineEmits<TableEditorEmits>()\n\nconst cls = bem('table-editor')\n\nconst ButtonCommonProps = useComponentProps({\n  size: 'small',\n  circle: true,\n  text: true,\n  type: 'primary'\n})\n\nconst actionColumn: TableColumn = {\n  key: '__operation',\n  name: '操作', // 使用name而不是title\n  width: 120,\n  align: 'center',\n  fixed: 'right',\n  resizable: false\n}\n\n// 内部列定义，添加编辑和删除操作列\nconst internalColumns = computed(() => {\n  return [...columns, actionColumn]\n})\n\nfunction handleCreate(index?: number) {\n  if (index !== undefined) {\n    emit('update:modelValue', [\n      ...modelValue.slice(0, index + 1),\n      {},\n      ...modelValue.slice(index + 1)\n    ])\n  } else {\n    emit('update:modelValue', [...modelValue, {}])\n  }\n}\n\nfunction handleCopy(row: TableRowNode) {\n  emit('update:modelValue', [\n    ...modelValue.slice(0, row.index + 1),\n    JSON.parse(JSON.stringify(row.data)),\n    ...modelValue.slice(row.index + 1)\n  ])\n}\n\nfunction handleDelete(index: number) {\n  emit(\n    'update:modelValue',\n    modelValue.filter((_, i) => i !== index)\n  )\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiDA,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,cAAc;EAE9B,MAAM,oBAAoB,kBAAkB;GAC1C,MAAM;GACN,QAAQ;GACR,MAAM;GACN,MAAM;EACR,CAAC;EAED,MAAM,eAA4B;GAChC,KAAK;GACL,MAAM;GACN,OAAO;GACP,OAAO;GACP,OAAO;GACP,WAAW;EACb;EAGA,MAAM,kBAAkB,eAAe;GACrC,OAAO,CAAC,GAAG,QAAA,SAAS,YAAY;EAClC,CAAC;EAED,SAAS,aAAa,OAAgB;GACpC,IAAI,UAAU,KAAA,GACZ,KAAK,qBAAqB;IACxB,GAAG,QAAA,WAAW,MAAM,GAAG,QAAQ,CAAC;IAChC,CAAC;IACD,GAAG,QAAA,WAAW,MAAM,QAAQ,CAAC;GAC/B,CAAC;QAED,KAAK,qBAAqB,CAAC,GAAG,QAAA,YAAY,CAAC,CAAC,CAAC;EAEjD;EAEA,SAAS,WAAW,KAAmB;GACrC,KAAK,qBAAqB;IACxB,GAAG,QAAA,WAAW,MAAM,GAAG,IAAI,QAAQ,CAAC;IACpC,KAAK,MAAM,KAAK,UAAU,IAAI,IAAI,CAAC;IACnC,GAAG,QAAA,WAAW,MAAM,IAAI,QAAQ,CAAC;GACnC,CAAC;EACH;EAEA,SAAS,aAAa,OAAe;GACnC,KACE,qBACA,QAAA,WAAW,QAAQ,GAAG,MAAM,MAAM,KAAK,CACzC;EACF;;uBAlGE,YA+BU,MAAA,WAAA,GAAA;IA9BP,SAAS,gBAAA;IACT,MAAM,QAAA,cAAU,CAAA;IAChB,OAAK,eAAE,MAAA,GAAA,EAAI,CAAC;IACZ,QAAQ;IACT,cAAA;IACC,OAAOA,KAAAA;;IAEG,sBAAkB,SAKP,EALW,UAAG,CAClC,YAIoB,MAAA,iBAAA,GAAA;KAJD,KAAI;KAAM,OAAA;MAAA,WAAA;MAAA,mBAAA;MAAA,OAAA;KAAA;;4BACyD;MAApF,YAAoF,MAAA,WAAA,GAAA;OAA1E,MAAK;OAAU,UAAK,WAAE,aAAa,IAAI,KAAK;OAAI,MAAM,MAAA,KAAA;OAAO,OAAM;;MAC7E,YAAyE,MAAA,WAAA,GAAA;OAA9D,MAAM,MAAA,IAAA;OAAO,UAAK,WAAE,aAAa,IAAI,KAAK;OAAG,OAAM;;MAC9D,YAAiE,MAAA,WAAA,GAAA;OAAtD,MAAM,MAAA,IAAA;OAAO,UAAK,WAAE,WAAW,GAAG;OAAG,OAAM;;;;;IAM/C,OAAK,cAWR,CAVN,mBAUM,OAVN,YAUM,CAAA,CALK,QAAA,WAAW,UAAA,UAAA,GAJpB,YAQC,MAAA,WAAA,GAAA;;KAPC,MAAA;KACA,MAAK;KACL,MAAK;KAEJ,MAAM,MAAA,IAAA;KACN,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,aAAY;;4BACjB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAF,MAAE,EAAA,CAAA,EAAA,CAAA"}
+{"version":3,"file":"table-editor.js","names":["$slots"],"sources":["../../../src/components/table-editor/table-editor.vue"],"sourcesContent":["<template>\n  <u-table\n    :columns=\"internalColumns\"\n    :data=\"modelValue || []\"\n    :class=\"cls.b\"\n    :stripe=\"false\"\n    show-index\n    :slots=\"$slots\"\n  >\n    <template #column:__operation=\"{ row }\">\n      <ButtonCommonProps tag=\"div\" style=\"display: flex; justify-content: center; gap: 8px\">\n        <u-button type=\"danger\" @click=\"handleDelete(row.index)\" :icon=\"Minus\" title=\"移除\" />\n        <u-button :icon=\"Plus\" @click=\"handleCreate(row.index)\" title=\"新增到下一行\" />\n        <u-button :icon=\"Copy\" @click=\"handleCopy(row)\" title=\"复制到下一行\" />\n      </ButtonCommonProps>\n    </template>\n\n    <!-- <template #header:__operation> </template> -->\n\n    <template #empty>\n      <div style=\"text-align: center; padding: 4px 0\">\n        <u-button\n          text\n          size=\"small\"\n          type=\"primary\"\n          v-if=\"!modelValue.length\"\n          :icon=\"Plus\"\n          @click=\"handleCreate()\"\n          >添加</u-button\n        >\n      </div>\n    </template>\n  </u-table>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useComponentProps } from '@veltra/compositions'\nimport { Copy, Minus, Plus } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed } from 'vue'\n\nimport type { TableEditorProps, TableEditorEmits, TableColumn } from '../../types'\nimport { UButton } from '../button'\nimport { UTable } from '../table'\nimport type { TableRowNode } from '../table/node/row'\n\ndefineOptions({ name: 'UTableEditor' })\n\nconst { columns = [], modelValue = [] } = defineProps<TableEditorProps>()\nconst emit = defineEmits<TableEditorEmits>()\n\nconst cls = bem('table-editor')\n\nconst ButtonCommonProps = useComponentProps({\n  size: 'small',\n  circle: true,\n  text: true,\n  type: 'primary'\n})\n\nconst actionColumn: TableColumn = {\n  key: '__operation',\n  name: '操作', // 使用name而不是title\n  width: 120,\n  align: 'center',\n  fixed: 'right',\n  resizable: false\n}\n\n// 内部列定义，添加编辑和删除操作列\nconst internalColumns = computed(() => {\n  return [...columns, actionColumn]\n})\n\nfunction handleCreate(index?: number) {\n  if (index !== undefined) {\n    emit('update:modelValue', [\n      ...modelValue.slice(0, index + 1),\n      {},\n      ...modelValue.slice(index + 1)\n    ])\n  } else {\n    emit('update:modelValue', [...modelValue, {}])\n  }\n}\n\nfunction handleCopy(row: TableRowNode) {\n  emit('update:modelValue', [\n    ...modelValue.slice(0, row.index + 1),\n    JSON.parse(JSON.stringify(row.data)),\n    ...modelValue.slice(row.index + 1)\n  ])\n}\n\nfunction handleDelete(index: number) {\n  emit(\n    'update:modelValue',\n    modelValue.filter((_, i) => i !== index)\n  )\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiDA,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,cAAc;EAE9B,MAAM,oBAAoB,kBAAkB;GAC1C,MAAM;GACN,QAAQ;GACR,MAAM;GACN,MAAM;EACR,CAAC;EAED,MAAM,eAA4B;GAChC,KAAK;GACL,MAAM;GACN,OAAO;GACP,OAAO;GACP,OAAO;GACP,WAAW;EACb;EAGA,MAAM,kBAAkB,eAAe;GACrC,OAAO,CAAC,GAAG,QAAA,SAAS,YAAY;EAClC,CAAC;EAED,SAAS,aAAa,OAAgB;GACpC,IAAI,UAAU,KAAA,GACZ,KAAK,qBAAqB;IACxB,GAAG,QAAA,WAAW,MAAM,GAAG,QAAQ,CAAC;IAChC,CAAC;IACD,GAAG,QAAA,WAAW,MAAM,QAAQ,CAAC;GAC/B,CAAC;QAED,KAAK,qBAAqB,CAAC,GAAG,QAAA,YAAY,CAAC,CAAC,CAAC;EAEjD;EAEA,SAAS,WAAW,KAAmB;GACrC,KAAK,qBAAqB;IACxB,GAAG,QAAA,WAAW,MAAM,GAAG,IAAI,QAAQ,CAAC;IACpC,KAAK,MAAM,KAAK,UAAU,IAAI,IAAI,CAAC;IACnC,GAAG,QAAA,WAAW,MAAM,IAAI,QAAQ,CAAC;GACnC,CAAC;EACH;EAEA,SAAS,aAAa,OAAe;GACnC,KACE,qBACA,QAAA,WAAW,QAAQ,GAAG,MAAM,MAAM,KAAK,CACzC;EACF;;uBAlGE,YA+BU,MAAA,WAAA,GAAA;IA9BP,SAAS,gBAAA;IACT,MAAM,QAAA,cAAU,CAAA;IAChB,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,CAAC;IACZ,QAAQ;IACT,cAAA;IACC,OAAOA,KAAAA;;IAEG,sBAAkB,SAKP,EALW,UAAG,CAClC,YAIoB,MAAA,iBAAA,GAAA;KAJD,KAAI;KAAM,OAAA;MAAA,WAAA;MAAA,mBAAA;MAAA,OAAA;KAAA;;4BACyD;MAApF,YAAoF,MAAA,WAAA,GAAA;OAA1E,MAAK;OAAU,UAAK,WAAE,aAAa,IAAI,KAAK;OAAI,MAAM,MAAA,KAAA;OAAO,OAAM;;MAC7E,YAAyE,MAAA,WAAA,GAAA;OAA9D,MAAM,MAAA,IAAA;OAAO,UAAK,WAAE,aAAa,IAAI,KAAK;OAAG,OAAM;;MAC9D,YAAiE,MAAA,WAAA,GAAA;OAAtD,MAAM,MAAA,IAAA;OAAO,UAAK,WAAE,WAAW,GAAG;OAAG,OAAM;;;;;IAM/C,OAAK,cAWR,CAVN,mBAUM,OAVN,YAUM,CAAA,CALK,QAAA,WAAW,UAAA,UAAA,GAJpB,YAQC,MAAA,WAAA,GAAA;;KAPC,MAAA;KACA,MAAK;KACL,MAAK;KAEJ,MAAM,MAAA,IAAA;KACN,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,aAAY;;4BACjB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAF,MAAE,EAAA,CAAA,EAAA,CAAA"}

package/dist/components/tabs/tabs-horizontal.js

@@ -9,10 +9,10 @@ const _hoisted_1 = ["disabled"];
 const _hoisted_2 = ["onClick"];
 const _hoisted_3 = ["aria-label", "onClick"];
 const _hoisted_4 = ["disabled"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-	name: "TabsHorizontal",
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "UTabsHorizontal",
 	__name: "tabs-horizontal",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		size: {},
 		modelValue: {},
 		items: {},
@@ -33,7 +33,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		"modelValue": {},
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels([
+	emits: /*@__PURE__*/ mergeModels([
 		"update:modelValue",
 		"click",
 		"close"

package/dist/components/tabs/tabs-horizontal.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-horizontal.js","names":[],"sources":["../../../src/components/tabs/tabs-horizontal.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      cls.b,\n      cls.m('horizontal'),\n      cls.m(position),\n      cls.m(size),\n      bem.is('block', block),\n      bem.is('rounded', rounded)\n    ]\"\n  >\n    <button\n      v-show=\"showNav\"\n      type=\"button\"\n      :class=\"[cls.e('nav'), cls.em('nav', 'prev')]\"\n      :disabled=\"!canPrev\"\n      @click=\"scrollByStep(-1)\"\n    >\n      <u-icon> <ArrowLeft /> </u-icon>\n    </button>\n\n    <div ref=\"viewportRef\" :class=\"cls.e('viewport')\">\n      <div ref=\"listRef\" :class=\"cls.e('list')\">\n        <button\n          type=\"button\"\n          role=\"tab\"\n          v-for=\"(item, index) in items\"\n          :key=\"item.key\"\n          :class=\"[\n            cls.e('item'),\n            bem.is('active', model === item.key),\n            bem.is('disabled', item.disabled === true)\n          ]\"\n          @click.stop=\"handleClick(item, index)\"\n        >\n          <slot v-bind=\"{ item, index }\">\n            <span :class=\"cls.e('item-label')\">{{ item.name ?? item.key }}</span>\n          </slot>\n\n          <span\n            v-if=\"isItemClosable(item)\"\n            role=\"button\"\n            tabindex=\"0\"\n            :class=\"cls.e('close')\"\n            :aria-label=\"`close ${item.name ?? item.key}`\"\n            @click.stop=\"handleClose(item, index)\"\n          >\n            <u-icon>\n              <Close />\n            </u-icon>\n          </span>\n        </button>\n      </div>\n    </div>\n\n    <button\n      v-show=\"showNav\"\n      type=\"button\"\n      :class=\"[cls.e('nav'), cls.em('nav', 'next')]\"\n      :disabled=\"!canNext\"\n      @click=\"scrollByStep(1)\"\n    >\n      <u-icon> <ArrowRight /> </u-icon>\n    </button>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFallbackProps } from '@veltra/compositions'\nimport { ArrowLeft, ArrowRight, Close } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, shallowRef } from 'vue'\n\nimport type { ComponentSize, TabItem, TabsHorizontalEmits, TabsHorizontalProps } from '../../types'\nimport { UIcon } from '../icon'\nimport { useTabsBar } from './use-tabs-bar'\n\ndefineOptions({ name: 'TabsHorizontal' })\n\nconst props = withDefaults(defineProps<TabsHorizontalProps>(), {\n  position: 'top',\n  closable: false,\n  block: false,\n  rounded: false\n})\n\nconst emit = defineEmits<TabsHorizontalEmits>()\n\ndefineSlots<{ default: (props: { item: TabItem; index: number }) => any }>()\n\nconst { size } = useFallbackProps([props], { size: 'default' as ComponentSize })\n\nconst cls = bem('tabs-bar')\n\nconst model = defineModel<string>()\n\nconst viewportRef = shallowRef<HTMLElement>()\nconst listRef = shallowRef<HTMLElement>()\n\nconst itemsRef = computed(() => props.items)\n\nconst { showNav, canPrev, canNext, scrollByStep } = useTabsBar({\n  viewportRef,\n  listRef,\n  items: itemsRef,\n  model\n})\n\nconst isItemClosable = (item: TabItem) => {\n  if (item.disabled) return false\n  return item.closable ?? props.closable\n}\n\nconst handleClick = (item: TabItem, index: number) => {\n  if (item.disabled) return\n  model.value = item.key\n  emit('click', item, index)\n}\n\nconst handleClose = (item: TabItem, index: number) => {\n  if (item.disabled) return\n  emit('close', item, index)\n}\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"tabs-horizontal.js","names":[],"sources":["../../../src/components/tabs/tabs-horizontal.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      cls.b,\n      cls.m('horizontal'),\n      cls.m(position),\n      cls.m(size),\n      bem.is('block', block),\n      bem.is('rounded', rounded)\n    ]\"\n  >\n    <button\n      v-show=\"showNav\"\n      type=\"button\"\n      :class=\"[cls.e('nav'), cls.em('nav', 'prev')]\"\n      :disabled=\"!canPrev\"\n      @click=\"scrollByStep(-1)\"\n    >\n      <u-icon> <ArrowLeft /> </u-icon>\n    </button>\n\n    <div ref=\"viewportRef\" :class=\"cls.e('viewport')\">\n      <div ref=\"listRef\" :class=\"cls.e('list')\">\n        <button\n          type=\"button\"\n          role=\"tab\"\n          v-for=\"(item, index) in items\"\n          :key=\"item.key\"\n          :class=\"[\n            cls.e('item'),\n            bem.is('active', model === item.key),\n            bem.is('disabled', item.disabled === true)\n          ]\"\n          @click.stop=\"handleClick(item, index)\"\n        >\n          <slot v-bind=\"{ item, index }\">\n            <span :class=\"cls.e('item-label')\">{{ item.name ?? item.key }}</span>\n          </slot>\n\n          <span\n            v-if=\"isItemClosable(item)\"\n            role=\"button\"\n            tabindex=\"0\"\n            :class=\"cls.e('close')\"\n            :aria-label=\"`close ${item.name ?? item.key}`\"\n            @click.stop=\"handleClose(item, index)\"\n          >\n            <u-icon>\n              <Close />\n            </u-icon>\n          </span>\n        </button>\n      </div>\n    </div>\n\n    <button\n      v-show=\"showNav\"\n      type=\"button\"\n      :class=\"[cls.e('nav'), cls.em('nav', 'next')]\"\n      :disabled=\"!canNext\"\n      @click=\"scrollByStep(1)\"\n    >\n      <u-icon> <ArrowRight /> </u-icon>\n    </button>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFallbackProps } from '@veltra/compositions'\nimport { ArrowLeft, ArrowRight, Close } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, shallowRef } from 'vue'\n\nimport type { ComponentSize, TabItem, TabsHorizontalEmits, TabsHorizontalProps } from '../../types'\nimport { UIcon } from '../icon'\nimport { useTabsBar } from './use-tabs-bar'\n\ndefineOptions({ name: 'UTabsHorizontal' })\n\nconst props = withDefaults(defineProps<TabsHorizontalProps>(), {\n  position: 'top',\n  closable: false,\n  block: false,\n  rounded: false\n})\n\nconst emit = defineEmits<TabsHorizontalEmits>()\n\ndefineSlots<{ default: (props: { item: TabItem; index: number }) => any }>()\n\nconst { size } = useFallbackProps([props], { size: 'default' as ComponentSize })\n\nconst cls = bem('tabs-bar')\n\nconst model = defineModel<string>()\n\nconst viewportRef = shallowRef<HTMLElement>()\nconst listRef = shallowRef<HTMLElement>()\n\nconst itemsRef = computed(() => props.items)\n\nconst { showNav, canPrev, canNext, scrollByStep } = useTabsBar({\n  viewportRef,\n  listRef,\n  items: itemsRef,\n  model\n})\n\nconst isItemClosable = (item: TabItem) => {\n  if (item.disabled) return false\n  return item.closable ?? props.closable\n}\n\nconst handleClick = (item: TabItem, index: number) => {\n  if (item.disabled) return\n  model.value = item.key\n  emit('click', item, index)\n}\n\nconst handleClose = (item: TabItem, index: number) => {\n  if (item.disabled) return\n  emit('close', item, index)\n}\n</script>\n"],"mappings":"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"}

package/dist/components/tabs/tabs-horizontal.vue.d.ts

@@ -15,16 +15,16 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
   "update:modelValue": (value: string | undefined) => any;
 } & {
   "update:modelValue": (value: string) => any;
-  click: (item: TabItem, index: number) => any;
   close: (item: TabItem, index: number) => any;
+  click: (item: TabItem, index: number) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-  onClick?: ((item: TabItem, index: number) => any) | undefined;
   onClose?: ((item: TabItem, index: number) => any) | undefined;
+  onClick?: ((item: TabItem, index: number) => any) | undefined;
 }>, {
   closable: boolean;
-  position: "top" | "bottom";
   block: boolean;
+  position: "top" | "bottom";
   rounded: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;