@transsionfe/semi-ui-vue 0.0.1 → 0.0.2

package/lib/es/components/steps/Steps.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Steps.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/lib/es/components/switch/Switch.vue2.js

@@ -0,0 +1,5 @@
+import f from "./Switch.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=Switch.vue2.js.map

package/lib/es/components/switch/Switch.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/lib/es/components/table/Column.vue2.js

@@ -0,0 +1,5 @@
+import f from "./Column.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=Column.vue2.js.map

package/lib/es/components/table/Column.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Column.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/lib/es/components/table/ColumnFilter.vue2.js

@@ -0,0 +1,133 @@
+import { defineComponent as $, computed as i, ref as V, watch as w, isVNode as N, h as a, createBlock as F, openBlock as d, unref as h, mergeProps as M, withCtx as W, createElementBlock as q, normalizeClass as z, createElementVNode as G, createVNode as R, resolveDynamicComponent as T, nextTick as A } from "vue";
+import { isEqual as O } from "lodash";
+import X from "classnames";
+import { cssClasses as j } from "@douyinfe/semi-foundation/table/constants";
+import H from "../dropdown/index.js";
+import J from "../checkbox/index.js";
+import K from "../radio/index.js";
+import L from "../dropdown/DropdownMenu.vue.js";
+import Q from "../dropdown/DropdownItem.vue.js";
+import U from "../icons/icons/IconFilter.js";
+const ae = /* @__PURE__ */ $({
+  name: "SemiColumnFilter",
+  __name: "ColumnFilter",
+  props: {
+    prefixCls: { default: j.PREFIX },
+    filteredValue: { default: () => [] },
+    filterIcon: { type: [Boolean, Function] },
+    filterDropdownProps: {},
+    onSelect: {},
+    filterDropdownVisible: { type: Boolean },
+    renderFilterDropdown: {},
+    onFilterDropdownVisibleChange: {},
+    filters: { default: () => [] },
+    filterMultiple: { type: Boolean, default: !0 },
+    level: { default: 0 }
+  },
+  emits: ["select"],
+  setup(u, { emit: C }) {
+    const l = u, s = C, c = i(() => typeof l.filterDropdownVisible < "u"), r = V(l.filteredValue || []), n = V(l.filterDropdownVisible ?? !1), D = i(() => c.value ? !!l.filterDropdownVisible : n.value);
+    w(
+      () => l.filterDropdownVisible,
+      (e) => {
+        typeof e < "u" && (n.value = e);
+      }
+    ), w(
+      () => l.filteredValue,
+      (e) => {
+        r.value = e || [];
+      },
+      { deep: !0 }
+    );
+    const b = i(() => "click"), g = i(() => "bottom"), x = i(
+      () => X(`${l.prefixCls}-column-filter`, {
+        on: (l.filteredValue || []).length > 0
+      })
+    ), f = i(() => typeof l.filterIcon == "function" ? () => l.filterIcon((l.filteredValue || []).length > 0) : l.filterIcon && l.filterIcon !== !0 && l.filterIcon !== !1 ? () => l.filterIcon : null), p = (e) => (l.filteredValue || []).includes(e), k = (e, t) => {
+      t && t.stopPropagation();
+      let o = [...l.filteredValue || []];
+      const m = o.includes(e.value), v = o.indexOf(e.value);
+      v > -1 ? o.splice(v, 1) : l.filterMultiple ? o.push(e.value) : o = [e.value], l.onSelect && l.onSelect({
+        value: e.value,
+        filteredValue: o,
+        included: !m,
+        domEvent: t
+      }), s("select", {
+        value: e.value,
+        filteredValue: o,
+        included: !m,
+        domEvent: t
+      });
+    }, y = (e = {}) => {
+      const t = (e == null ? void 0 : e.filteredValue) || r.value;
+      O(t, l.filteredValue) || (l.onSelect && l.onSelect({ filteredValue: t }), s("select", { filteredValue: t })), e != null && e.closeDropdown && (n.value = !1);
+    }, I = (e = {}) => {
+      r.value = [], l.onSelect && l.onSelect({ filteredValue: [] }), s("select", { filteredValue: [] }), e.closeDropdown && (n.value = !1);
+    }, S = () => {
+      n.value = !1;
+    }, B = (e) => {
+      c.value || (n.value = e), l.onFilterDropdownVisibleChange && (e ? A(() => {
+        requestAnimationFrame(() => {
+          var t;
+          return (t = l.onFilterDropdownVisibleChange) == null ? void 0 : t.call(l, e);
+        });
+      }) : l.onFilterDropdownVisibleChange(e));
+    }, E = i(() => ({
+      tempFilteredValue: r.value,
+      setTempFilteredValue: (e) => {
+        r.value = e;
+      },
+      confirm: y,
+      clear: I,
+      close: S,
+      filters: l.filters
+    })), _ = i(() => typeof l.renderFilterDropdown == "function" ? ({ initialFocusRef: e }) => {
+      const t = l.renderFilterDropdown({
+        ...E.value,
+        initialFocusRef: e
+      });
+      return N(t) ? t : null;
+    } : a(
+      L,
+      {},
+      () => l.filters.map(
+        (e, t) => a(
+          Q,
+          {
+            key: `${l.level}_${t}`,
+            onClick: (o) => k(e, o)
+          },
+          () => l.filterMultiple ? a(J, { checked: p(e.value) }, () => e.text) : a(K, { checked: p(e.value) }, () => e.text)
+        )
+      )
+    ));
+    return (e, t) => (d(), F(h(H), M({
+      visible: D.value,
+      trigger: b.value,
+      position: g.value,
+      class: `${u.prefixCls}-column-filter-dropdown`,
+      render: _.value
+    }, u.filterDropdownProps, { onVisibleChange: B }), {
+      default: W(() => [
+        f.value ? (d(), F(T(f.value), { key: 1 })) : (d(), q("div", {
+          key: 0,
+          class: z(x.value)
+        }, [
+          t[0] || (t[0] = G("span", null, "​", -1)),
+          R(h(U), {
+            role: "button",
+            "aria-label": "Filter data with this column",
+            "aria-haspopup": "listbox",
+            tabindex: "-1",
+            size: "default"
+          })
+        ], 2))
+      ]),
+      _: 1
+    }, 16, ["visible", "trigger", "position", "class", "render"]));
+  }
+});
+export {
+  ae as default
+};
+//# sourceMappingURL=ColumnFilter.vue2.js.map

package/lib/es/components/table/ColumnFilter.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnFilter.vue2.js","sources":["../../../../src/components/table/ColumnFilter.vue"],"sourcesContent":["<template>\n    <Dropdown\n        :visible=\"mergedVisible\"\n        :trigger=\"trigger\"\n        :position=\"position\"\n        :class=\"`${prefixCls}-column-filter-dropdown`\"\n        :render=\"renderDropdownContent\"\n        v-bind=\"filterDropdownProps\"\n        @visible-change=\"handleFilterDropdownVisibleChange\"\n    >\n        <div v-if=\"!customFilterIcon\" :class=\"filterIconCls\">\n            <span>&#8203;</span>\n            <IconFilter\n                role=\"button\"\n                aria-label=\"Filter data with this column\"\n                aria-haspopup=\"listbox\"\n                tabindex=\"-1\"\n                size=\"default\"\n            />\n        </div>\n        <component :is=\"customFilterIcon\" v-else />\n    </Dropdown>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, h, isVNode, nextTick } from 'vue';\nimport { isEqual } from 'lodash';\nimport classnames from 'classnames';\nimport { cssClasses } from '@douyinfe/semi-foundation/table/constants';\nimport Dropdown, { DropdownMenu, DropdownItem } from '../dropdown';\nimport Checkbox from '../checkbox';\nimport Radio from '../radio';\nimport { IconFilter } from '../icons';\nimport type { Filter, FilterIcon, OnFilterDropdownVisibleChange } from './interface';\n\ndefineOptions({\n    name: 'SemiColumnFilter',\n});\n\ninterface RenderFilterDropdownProps {\n    tempFilteredValue?: any[];\n    setTempFilteredValue?: (value: any[]) => void;\n    confirm?: (props?: { filteredValue?: any[]; closeDropdown?: boolean }) => void;\n    clear?: (props?: { closeDropdown?: boolean }) => void;\n    close?: () => void;\n    filters?: Filter[];\n}\n\ninterface Props {\n    prefixCls?: string;\n    filteredValue?: any[];\n    filterIcon?: FilterIcon;\n    filterDropdownProps?: any;\n    onSelect?: (data: { value?: any; filteredValue: any[]; included?: boolean; domEvent?: Event }) => void;\n    filterDropdownVisible?: boolean;\n    renderFilterDropdown?: (props: RenderFilterDropdownProps & { initialFocusRef?: any }) => any;\n    onFilterDropdownVisibleChange?: OnFilterDropdownVisibleChange;\n    filters?: Filter[];\n    filterMultiple?: boolean;\n    level?: number;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n    prefixCls: cssClasses.PREFIX,\n    filterMultiple: true,\n    level: 0,\n    filters: () => [],\n    filteredValue: () => [],\n});\n\nconst emit = defineEmits<{\n    (e: 'select', data: { value?: any; filteredValue: any[]; included?: boolean; domEvent?: Event }): void;\n}>();\n\nconst isFilterDropdownVisibleControlled = computed(() => typeof props.filterDropdownVisible !== 'undefined');\n\nconst tempFilteredValue = ref<any[]>(props.filteredValue || []);\nconst dropdownVisible = ref<boolean>(props.filterDropdownVisible ?? false);\nconst mergedVisible = computed<boolean>(() => {\n    if (isFilterDropdownVisibleControlled.value) {\n        return Boolean(props.filterDropdownVisible);\n    }\n    return dropdownVisible.value;\n});\n\nwatch(\n    () => props.filterDropdownVisible,\n    (newVal) => {\n        if (typeof newVal !== 'undefined') {\n            dropdownVisible.value = newVal;\n        }\n    }\n);\n\nwatch(\n    () => props.filteredValue,\n    (newVal) => {\n        tempFilteredValue.value = newVal || [];\n    },\n    { deep: true }\n);\n\nconst trigger = computed(() => 'click');\nconst position = computed(() => 'bottom');\n\nconst filterIconCls = computed(() =>\n    classnames(`${props.prefixCls}-column-filter`, {\n        on: (props.filteredValue || []).length > 0,\n    })\n);\n\nconst customFilterIcon = computed(() => {\n    if (typeof props.filterIcon === 'function') {\n        return () => props.filterIcon((props.filteredValue || []).length > 0);\n    }\n    if (props.filterIcon && props.filterIcon !== true && props.filterIcon !== false) {\n        return () => props.filterIcon;\n    }\n    return null;\n});\n\nconst isFilterChecked = (value: any) => {\n    return (props.filteredValue || []).includes(value);\n};\n\nconst handleFilterSelect = (filter: Filter, e: MouseEvent) => {\n    if (e) {\n        e.stopPropagation();\n        // 仅阻止冒泡，避免 Dropdown 立即关闭；不要 preventDefault，以免影响 Checkbox 自身 click 行为\n    }\n\n    let values = [...(props.filteredValue || [])];\n    const included = values.includes(filter.value);\n    const idx = values.indexOf(filter.value);\n\n    if (idx > -1) {\n        values.splice(idx, 1);\n    } else if (props.filterMultiple) {\n        values.push(filter.value);\n    } else {\n        values = [filter.value];\n    }\n\n    if (props.onSelect) {\n        props.onSelect({\n            value: filter.value,\n            filteredValue: values,\n            included: !included,\n            domEvent: e,\n        });\n    }\n    emit('select', {\n        value: filter.value,\n        filteredValue: values,\n        included: !included,\n        domEvent: e,\n    });\n};\n\nconst confirm: RenderFilterDropdownProps['confirm'] = (confirmProps = {}) => {\n    const newFilteredValue = confirmProps?.filteredValue || tempFilteredValue.value;\n    if (!isEqual(newFilteredValue, props.filteredValue)) {\n        if (props.onSelect) {\n            props.onSelect({ filteredValue: newFilteredValue });\n        }\n        emit('select', { filteredValue: newFilteredValue });\n    }\n    if (confirmProps?.closeDropdown) {\n        dropdownVisible.value = false;\n    }\n};\n\nconst clear: RenderFilterDropdownProps['clear'] = (clearProps: { closeDropdown?: boolean } = {}) => {\n    tempFilteredValue.value = [];\n    if (props.onSelect) {\n        props.onSelect({ filteredValue: [] });\n    }\n    emit('select', { filteredValue: [] });\n    if (clearProps.closeDropdown) {\n        dropdownVisible.value = false;\n    }\n};\n\nconst close: RenderFilterDropdownProps['close'] = () => {\n    dropdownVisible.value = false;\n};\n\nconst handleFilterDropdownVisibleChange = (visible: boolean) => {\n    // Tooltip/Dropdown 内部触发可见性变化时（例如 clickOutside/esc），非受控下同步回内部状态\n    if (!isFilterDropdownVisibleControlled.value) {\n        dropdownVisible.value = visible;\n    }\n    if (props.onFilterDropdownVisibleChange) {\n        if (visible) {\n            // 对齐 React 使用习惯：打开后立即 focus 输入框。\n            // Vue 版本中 dropdown 内容通过 portal 挂载，visible-change 可能早于内容渲染完成，\n            // 这里延后到 nextTick + rAF，确保内容已插入 DOM。\n            nextTick(() => {\n                requestAnimationFrame(() => props.onFilterDropdownVisibleChange?.(visible));\n            });\n        } else {\n            props.onFilterDropdownVisibleChange(visible);\n        }\n    }\n};\n\nconst renderFilterDropdownProps = computed<RenderFilterDropdownProps>(() => ({\n    tempFilteredValue: tempFilteredValue.value,\n    setTempFilteredValue: (value: any[]) => {\n        tempFilteredValue.value = value;\n    },\n    confirm,\n    clear,\n    close,\n    filters: props.filters,\n}));\n\nconst renderDropdownContent = computed(() => {\n    // 自定义筛选器：通过 render function 透传 Tooltip 的 initialFocusRef，\n    // Tooltip 在打开时会调用 adapter.setInitialFocus，从而实现“打开后自动聚焦”（对齐 React demo）。\n    if (typeof props.renderFilterDropdown === 'function') {\n        return ({ initialFocusRef }: { initialFocusRef: any }) => {\n            const component = props.renderFilterDropdown({\n                ...renderFilterDropdownProps.value,\n                initialFocusRef,\n            });\n            return isVNode(component) ? component : null;\n        };\n    }\n    return h(DropdownMenu, {}, () =>\n        props.filters.map((filter, index) =>\n            h(\n                DropdownItem,\n                {\n                    key: `${props.level}_${index}`,\n                    onClick: (e: MouseEvent) => handleFilterSelect(filter, e),\n                },\n                () =>\n                    props.filterMultiple\n                        ? h(Checkbox, { checked: isFilterChecked(filter.value) }, () => filter.text)\n                        : h(Radio, { checked: isFilterChecked(filter.value) }, () => filter.text)\n            )\n        )\n    );\n});\n</script>\n"],"names":["props","__props","emit","__emit","isFilterDropdownVisibleControlled","computed","tempFilteredValue","ref","dropdownVisible","mergedVisible","watch","newVal","trigger","position","filterIconCls","classnames","customFilterIcon","isFilterChecked","value","handleFilterSelect","filter","e","values","included","idx","confirm","confirmProps","newFilteredValue","isEqual","clear","clearProps","close","handleFilterDropdownVisibleChange","visible","nextTick","_a","renderFilterDropdownProps","renderDropdownContent","initialFocusRef","component","isVNode","h","DropdownMenu","index","DropdownItem","Checkbox","Radio","_openBlock","_createBlock","_unref","_mergeProps","_resolveDynamicComponent","_createElementBlock","_cache","_createElementVNode","_createVNode","IconFilter"],"mappings":"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"}

package/lib/es/components/table/ColumnSorter.vue2.js

@@ -0,0 +1,73 @@
+import { defineComponent as O, computed as n, createElementBlock as l, openBlock as s, withModifiers as a, normalizeClass as r, renderSlot as S, createBlock as h, createCommentVNode as w, toDisplayString as v, normalizeStyle as x, createElementVNode as i, createVNode as c, unref as d, resolveDynamicComponent as $ } from "vue";
+import m from "classnames";
+import { cssClasses as N, strings as u } from "@douyinfe/semi-foundation/table/constants";
+import E from "../icons/icons/IconCaretup.js";
+import b from "../icons/icons/IconCaretdown.js";
+const B = ["aria-label"], V = /* @__PURE__ */ O({
+  name: "SemiColumnSorter",
+  __name: "ColumnSorter",
+  props: {
+    className: {},
+    style: {},
+    onClick: { type: Function, default: () => {
+    } },
+    prefixCls: { default: N.PREFIX },
+    sortOrder: { type: Boolean, default: !1 },
+    title: {},
+    sortIcon: {},
+    showTooltip: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const t = e, f = n(
+      () => m(`${t.prefixCls}-column-sorter-up`, {
+        on: t.sortOrder === u.SORT_DIRECTIONS[0]
+      })
+    ), C = n(
+      () => m(`${t.prefixCls}-column-sorter-down`, {
+        on: t.sortOrder === u.SORT_DIRECTIONS[1]
+      })
+    ), p = n(() => `Current sort order is ${t.sortOrder ? `${t.sortOrder}ing` : "none"}`), y = (o) => {
+      t.onClick(o);
+    }, k = (o) => {
+    }, I = (o) => {
+      o.key === "Enter" && t.onClick(o);
+    };
+    return (o, D) => (s(), l("div", {
+      role: "button",
+      "aria-label": p.value,
+      "aria-roledescription": "Sort data with this column",
+      tabindex: "-1",
+      class: r(`${e.prefixCls}-column-sorter-wrapper`),
+      onMousedown: a(y, ["left", "prevent", "stop"]),
+      onClick: a(k, ["prevent", "stop"]),
+      onKeypress: I
+    }, [
+      S(o.$slots, "title", {}, () => [
+        e.title ? (s(), l("span", {
+          key: 0,
+          class: r(`${e.prefixCls}-row-head-title`)
+        }, v(e.title), 3)) : w("", !0)
+      ]),
+      !e.sortIcon || typeof e.sortIcon != "function" ? (s(), l("div", {
+        key: 0,
+        class: r(`${e.prefixCls}-column-sorter`),
+        style: x(e.style)
+      }, [
+        i("span", {
+          class: r(f.value)
+        }, [
+          c(d(E), { size: "default" })
+        ], 2),
+        i("span", {
+          class: r(C.value)
+        }, [
+          c(d(b), { size: "default" })
+        ], 2)
+      ], 6)) : (s(), h($(() => e.sortIcon({ sortOrder: e.sortOrder })), { key: 1 }))
+    ], 42, B));
+  }
+});
+export {
+  V as default
+};
+//# sourceMappingURL=ColumnSorter.vue2.js.map

package/lib/es/components/table/ColumnSorter.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnSorter.vue2.js","sources":["../../../../src/components/table/ColumnSorter.vue"],"sourcesContent":["<template>\n    <div\n        role=\"button\"\n        :aria-label=\"ariaLabel\"\n        aria-roledescription=\"Sort data with this column\"\n        tabindex=\"-1\"\n        :class=\"`${prefixCls}-column-sorter-wrapper`\"\n        @mousedown.left.prevent.stop=\"handleMouseDown\"\n        @click.prevent.stop=\"handleClick\"\n        @keypress=\"handleKeyPress\"\n    >\n        <slot name=\"title\">\n            <span v-if=\"title\" :class=\"`${prefixCls}-row-head-title`\">{{ title }}</span>\n        </slot>\n        <div v-if=\"!sortIcon || typeof sortIcon !== 'function'\" :class=\"`${prefixCls}-column-sorter`\" :style=\"style\">\n            <span :class=\"upCls\">\n                <IconCaretup size=\"default\" />\n            </span>\n            <span :class=\"downCls\">\n                <IconCaretdown size=\"default\" />\n            </span>\n        </div>\n        <component :is=\"() => sortIcon({ sortOrder })\" v-else />\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport classnames from 'classnames';\nimport { cssClasses, strings } from '@douyinfe/semi-foundation/table/constants';\nimport { IconCaretup, IconCaretdown } from '../icons';\nimport type { SortIcon, SortOrder } from './interface';\nimport type { CSSProperties } from 'vue';\n\ndefineOptions({\n    name: 'SemiColumnSorter',\n});\n\ninterface Props {\n    className?: string;\n    style?: CSSProperties;\n    onClick?: (e: MouseEvent) => void;\n    prefixCls?: string;\n    sortOrder?: SortOrder;\n    title?: any;\n    sortIcon?: SortIcon;\n    showTooltip?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n    prefixCls: cssClasses.PREFIX,\n    onClick: () => {},\n    sortOrder: false,\n    showTooltip: false,\n});\n\nconst upCls = computed(() =>\n    classnames(`${props.prefixCls}-column-sorter-up`, {\n        on: props.sortOrder === strings.SORT_DIRECTIONS[0],\n    })\n);\n\nconst downCls = computed(() =>\n    classnames(`${props.prefixCls}-column-sorter-down`, {\n        on: props.sortOrder === strings.SORT_DIRECTIONS[1],\n    })\n);\n\nconst ariaLabel = computed(() => {\n    return `Current sort order is ${props.sortOrder ? `${props.sortOrder}ing` : 'none'}`;\n});\n\n// 排序图标渲染逻辑在模板中处理\n\nconst handleMouseDown = (e: MouseEvent) => {\n    // 使用 mousedown 触发排序，避免 click 在 DOM 更新后被重复触发导致递归更新\n    props.onClick(e);\n};\n\nconst handleClick = (_e: MouseEvent) => {\n    // 仅用于吞掉 click，避免冒泡到 HeaderCell 的 clickToSort 再触发一次排序\n};\n\nconst handleKeyPress = (e: KeyboardEvent) => {\n    if (e.key === 'Enter') {\n        props.onClick(e as any);\n    }\n};\n</script>\n"],"names":["props","__props","upCls","computed","classnames","strings","downCls","ariaLabel","handleMouseDown","e","handleClick","_e","handleKeyPress","_createElementBlock","_renderSlot","_ctx","_createElementVNode","_createVNode","_unref","IconCaretup","IconCaretdown","_createBlock","_resolveDynamicComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;AAiDA,UAAMA,IAAQC,GAORC,IAAQC;AAAA,MAAS,MACnBC,EAAW,GAAGJ,EAAM,SAAS,qBAAqB;AAAA,QAC9C,IAAIA,EAAM,cAAcK,EAAQ,gBAAgB,CAAC;AAAA,MAAA,CACpD;AAAA,IAAA,GAGCC,IAAUH;AAAA,MAAS,MACrBC,EAAW,GAAGJ,EAAM,SAAS,uBAAuB;AAAA,QAChD,IAAIA,EAAM,cAAcK,EAAQ,gBAAgB,CAAC;AAAA,MAAA,CACpD;AAAA,IAAA,GAGCE,IAAYJ,EAAS,MAChB,yBAAyBH,EAAM,YAAY,GAAGA,EAAM,SAAS,QAAQ,MAAM,EACrF,GAIKQ,IAAkB,CAACC,MAAkB;AAEvC,MAAAT,EAAM,QAAQS,CAAC;AAAA,IACnB,GAEMC,IAAc,CAACC,MAAmB;AAAA,IAExC,GAEMC,IAAiB,CAACH,MAAqB;AACzC,MAAIA,EAAE,QAAQ,WACVT,EAAM,QAAQS,CAAQ;AAAA,IAE9B;2BAtFII,EAsBM,OAAA;AAAA,MArBF,MAAK;AAAA,MACJ,cAAYN,EAAA;AAAA,MACb,wBAAqB;AAAA,MACrB,UAAS;AAAA,MACR,YAAUN,EAAA,SAAS,wBAAA;AAAA,MACnB,eAA6BO,GAAe,CAAA,QAAA,WAAA,MAAA,CAAA;AAAA,MAC5C,WAAoBE,GAAW,CAAA,WAAA,MAAA,CAAA;AAAA,MAC/B,YAAUE;AAAA,IAAA;MAEXE,EAEOC,uBAFP,MAEO;AAAA,QADSd,EAAA,cAAZY,EAA4E,QAAA;AAAA;UAAxD,YAAUZ,EAAA,SAAS,iBAAA;AAAA,QAAA,KAAsBA,EAAA,KAAK,GAAA,CAAA;;MAE1D,CAAAA,EAAA,mBAAmBA,EAAA,YAAQ,mBAAvCY,EAOM,OAAA;AAAA;QAPmD,YAAUZ,EAAA,SAAS,gBAAA;AAAA,QAAmB,SAAOA,EAAA,KAAK;AAAA,MAAA;QACvGe,EAEO,QAAA;AAAA,UAFA,SAAOd,EAAA,KAAK;AAAA,QAAA;UACfe,EAA8BC,EAAAC,CAAA,GAAA,EAAjB,MAAK,WAAS;AAAA,QAAA;QAE/BH,EAEO,QAAA;AAAA,UAFA,SAAOV,EAAA,KAAO;AAAA,QAAA;UACjBW,EAAgCC,EAAAE,CAAA,GAAA,EAAjB,MAAK,WAAS;AAAA,QAAA;qBAGrCC,EAAwDC,EAAA,MAAlCrB,EAAA,SAAQ,EAAA,WAAGA,EAAA,WAAS,CAAA,GAAA,EAAA,KAAA,GAAA;AAAA,IAAA;;;"}

package/lib/es/components/table/CustomExpandIcon.vue2.js

@@ -0,0 +1,63 @@
+import { defineComponent as x, computed as u, createElementBlock as p, openBlock as o, normalizeClass as a, createBlock as l, createCommentVNode as y, unref as s, resolveDynamicComponent as C } from "vue";
+import { cssClasses as I } from "@douyinfe/semi-foundation/table/constants";
+import k from "@douyinfe/semi-foundation/utils/isEnterPress";
+import v from "../icons/icons/IconChevronRight.js";
+import E from "../icons/icons/IconChevronDown.js";
+import T from "../icons/icons/IconTreeTriangleRight.js";
+import M from "../icons/icons/IconTreeTriangleDown.js";
+const D = /* @__PURE__ */ x({
+  name: "SemiCustomExpandIcon",
+  __name: "CustomExpandIcon",
+  props: {
+    expanded: { type: Boolean },
+    componentType: { default: "expand" },
+    onClick: { type: Function, default: () => {
+    } },
+    onMouseEnter: { type: Function, default: () => {
+    } },
+    onMouseLeave: { type: Function, default: () => {
+    } },
+    expandIcon: {},
+    prefixCls: { default: I.PREFIX },
+    motion: { type: Boolean, default: !0 }
+  },
+  setup(e) {
+    const n = e, r = u(() => typeof n.expandIcon == "function" ? () => n.expandIcon(n.expanded) : () => n.expandIcon), c = u(() => n.motion ? `${n.prefixCls}-expandedIcon-${n.expanded ? "show" : "hide"}` : ""), m = (t) => {
+      typeof n.onClick == "function" && n.onClick(!n.expanded, t);
+    }, f = (t) => {
+      k(t) && m(t);
+    };
+    return (t, i) => (o(), p("span", {
+      role: "button",
+      "aria-label": "Expand this row",
+      tabindex: "-1",
+      class: a(`${e.prefixCls}-expand-icon`),
+      onClick: m,
+      onMouseenter: i[0] || (i[0] = //@ts-ignore
+      (...d) => e.onMouseEnter && e.onMouseEnter(...d)),
+      onMouseleave: i[1] || (i[1] = //@ts-ignore
+      (...d) => e.onMouseLeave && e.onMouseLeave(...d)),
+      onKeypress: f
+    }, [
+      e.componentType === "expand" && (e.motion || !e.expanded) ? (o(), l(s(v), {
+        key: 0,
+        class: a(c.value)
+      }, null, 8, ["class"])) : e.componentType === "expand" && !e.motion && e.expanded ? (o(), l(s(E), {
+        key: 1,
+        class: a(c.value)
+      }, null, 8, ["class"])) : e.componentType === "tree" && (e.motion || !e.expanded) ? (o(), l(s(T), {
+        key: 2,
+        size: "small",
+        class: a(c.value)
+      }, null, 8, ["class"])) : e.componentType === "tree" && !e.motion && e.expanded ? (o(), l(s(M), {
+        key: 3,
+        size: "small",
+        class: a(c.value)
+      }, null, 8, ["class"])) : e.expandIcon ? (o(), l(C(r.value), { key: 4 })) : y("", !0)
+    ], 34));
+  }
+});
+export {
+  D as default
+};
+//# sourceMappingURL=CustomExpandIcon.vue2.js.map

package/lib/es/components/table/CustomExpandIcon.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomExpandIcon.vue2.js","sources":["../../../../src/components/table/CustomExpandIcon.vue"],"sourcesContent":["<template>\n    <span\n        role=\"button\"\n        aria-label=\"Expand this row\"\n        tabindex=\"-1\"\n        :class=\"`${prefixCls}-expand-icon`\"\n        @click=\"handleClick\"\n        @mouseenter=\"onMouseEnter\"\n        @mouseleave=\"onMouseLeave\"\n        @keypress=\"handleKeyPress\"\n    >\n        <IconChevronRight v-if=\"componentType === 'expand' && (motion || !expanded)\" :class=\"motionIconCls\" />\n        <IconChevronDown v-else-if=\"componentType === 'expand' && !motion && expanded\" :class=\"motionIconCls\" />\n        <IconTreeTriangleRight\n            v-else-if=\"componentType === 'tree' && (motion || !expanded)\"\n            size=\"small\"\n            :class=\"motionIconCls\"\n        />\n        <IconTreeTriangleDown\n            v-else-if=\"componentType === 'tree' && !motion && expanded\"\n            size=\"small\"\n            :class=\"motionIconCls\"\n        />\n        <component :is=\"expandIconComponent\" v-else-if=\"expandIcon\" />\n    </span>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { IconChevronRight, IconChevronDown, IconTreeTriangleDown, IconTreeTriangleRight } from '../icons';\nimport { cssClasses } from '@douyinfe/semi-foundation/table/constants';\nimport isEnterPress from '@douyinfe/semi-foundation/utils/isEnterPress';\nimport type { ExpandIcon } from './interface';\n\ndefineOptions({\n    name: 'SemiCustomExpandIcon',\n});\n\ninterface Props {\n    expanded?: boolean;\n    componentType?: 'tree' | 'expand';\n    onClick?: (nextExpand: boolean, e: MouseEvent) => void;\n    onMouseEnter?: (e: MouseEvent) => void;\n    onMouseLeave?: (e: MouseEvent) => void;\n    expandIcon?: ExpandIcon;\n    prefixCls?: string;\n    motion?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n    componentType: 'expand',\n    prefixCls: cssClasses.PREFIX,\n    motion: true,\n    onClick: () => {},\n    onMouseEnter: () => {},\n    onMouseLeave: () => {},\n});\n\nconst expandIconComponent = computed(() => {\n    if (typeof props.expandIcon === 'function') {\n        return () => props.expandIcon(props.expanded);\n    }\n    return () => props.expandIcon;\n});\n\nconst motionIconCls = computed(() => {\n    if (!props.motion) {\n        return '';\n    }\n    return `${props.prefixCls}-expandedIcon-${props.expanded ? 'show' : 'hide'}`;\n});\n\nconst handleClick = (e: MouseEvent) => {\n    if (typeof props.onClick === 'function') {\n        props.onClick(!props.expanded, e);\n    }\n};\n\nconst handleKeyPress = (e: KeyboardEvent) => {\n    if (isEnterPress(e)) {\n        handleClick(e as any);\n    }\n};\n</script>\n"],"names":["props","__props","expandIconComponent","computed","motionIconCls","handleClick","e","handleKeyPress","isEnterPress","_createElementBlock","_cache","args","_createBlock","_unref","IconChevronRight","IconChevronDown","IconTreeTriangleRight","IconTreeTriangleDown","_openBlock","_resolveDynamicComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiDA,UAAMA,IAAQC,GASRC,IAAsBC,EAAS,MAC7B,OAAOH,EAAM,cAAe,aACrB,MAAMA,EAAM,WAAWA,EAAM,QAAQ,IAEzC,MAAMA,EAAM,UACtB,GAEKI,IAAgBD,EAAS,MACtBH,EAAM,SAGJ,GAAGA,EAAM,SAAS,iBAAiBA,EAAM,WAAW,SAAS,MAAM,KAF/D,EAGd,GAEKK,IAAc,CAACC,MAAkB;AACnC,MAAI,OAAON,EAAM,WAAY,cACzBA,EAAM,QAAQ,CAACA,EAAM,UAAUM,CAAC;AAAA,IAExC,GAEMC,IAAiB,CAACD,MAAqB;AACzC,MAAIE,EAAaF,CAAC,KACdD,EAAYC,CAAQ;AAAA,IAE5B;2BAjFIG,EAuBO,QAAA;AAAA,MAtBH,MAAK;AAAA,MACL,cAAW;AAAA,MACX,UAAS;AAAA,MACR,YAAUR,EAAA,SAAS,cAAA;AAAA,MACnB,SAAOI;AAAA,MACP,cAAUK,EAAA,CAAA,MAAAA,EAAA,CAAA;AAAA,gBAAET,EAAA,gBAAAA,EAAA,aAAA,GAAAU,CAAA;AAAA,MACZ,cAAUD,EAAA,CAAA,MAAAA,EAAA,CAAA;AAAA,gBAAET,EAAA,gBAAAA,EAAA,aAAA,GAAAU,CAAA;AAAA,MACZ,YAAUJ;AAAA,IAAA;MAEaN,EAAA,kBAAa,aAAkBA,EAAA,UAAM,CAAKA,EAAA,kBAAlEW,EAAsGC,EAAAC,CAAA,GAAA;AAAA;QAAxB,SAAOV,EAAA,KAAa;AAAA,MAAA,0BACtEH,EAAA,kBAAa,YAAA,CAAkBA,EAAA,UAAUA,EAAA,iBAArEW,EAAwGC,EAAAE,CAAA,GAAA;AAAA;QAAxB,SAAOX,EAAA,KAAa;AAAA,MAAA,0BAErFH,EAAA,kBAAa,WAAgBA,EAAA,UAAM,CAAKA,EAAA,kBADvDW,EAIEC,EAAAG,CAAA,GAAA;AAAA;QAFE,MAAK;AAAA,QACJ,SAAOZ,EAAA,KAAa;AAAA,MAAA,0BAGVH,EAAA,kBAAa,UAAA,CAAgBA,EAAA,UAAUA,EAAA,iBADtDW,EAIEC,EAAAI,CAAA,GAAA;AAAA;QAFE,MAAK;AAAA,QACJ,SAAOb,EAAA,KAAa;AAAA,MAAA,0BAEuBH,EAAA,cAAhDiB,KAAAN,EAA8DO,EAA9CjB,EAAA,KAAmB,GAAA,EAAA,KAAA,GAAA;;;;"}

package/lib/es/components/table/ResizableHeaderCell.vue2.js

@@ -0,0 +1,52 @@
+import { defineComponent as b, computed as i, ref as a, onUnmounted as C, createElementBlock as v, openBlock as f, normalizeProps as E, mergeProps as c, renderSlot as p, createElementVNode as M, withModifiers as y, normalizeClass as $ } from "vue";
+const k = /* @__PURE__ */ b({
+  name: "SemiResizableHeaderCell",
+  inheritAttrs: !1,
+  __name: "ResizableHeaderCell",
+  props: {
+    width: {},
+    resize: { type: Boolean, default: !0 },
+    prefixCls: { default: "semi-table" },
+    onResize: {},
+    onResizeStart: {},
+    onResizeStop: {}
+  },
+  setup(l) {
+    const t = l, o = i(() => typeof t.width == "number" && t.resize !== !1), z = i(() => ({
+      [`${t.prefixCls}-resizable-column`]: o.value
+    })), h = i(() => o.value ? {
+      width: `${t.width}px`,
+      position: "relative"
+    } : {}), n = a(!1), u = a(0), d = a(0), R = (e) => {
+      o.value && (e.preventDefault(), e.stopPropagation(), n.value = !0, u.value = e.clientX, d.value = typeof t.width == "number" ? t.width : 0, t.onResizeStart && t.onResizeStart(e), document.addEventListener("mousemove", s), document.addEventListener("mouseup", r));
+    }, s = (e) => {
+      if (!n.value)
+        return;
+      const m = e.clientX - u.value, S = Math.max(50, d.value + m);
+      t.onResize && t.onResize({ width: S });
+    }, r = (e) => {
+      n.value && (n.value = !1, t.onResizeStop && t.onResizeStop(e), document.removeEventListener("mousemove", s), document.removeEventListener("mouseup", r));
+    }, w = (e) => {
+      n.value && e.preventDefault();
+    };
+    return C(() => {
+      document.removeEventListener("mousemove", s), document.removeEventListener("mouseup", r);
+    }), (e, m) => o.value ? (f(), v("th", c({
+      key: 1,
+      class: z.value,
+      style: h.value
+    }, e.$attrs, { onMousedown: w }), [
+      p(e.$slots, "default"),
+      M("div", {
+        class: $(`${l.prefixCls}-resize-handle`),
+        onMousedown: y(R, ["stop"])
+      }, null, 34)
+    ], 16)) : (f(), v("th", E(c({ key: 0 }, e.$attrs)), [
+      p(e.$slots, "default")
+    ], 16));
+  }
+});
+export {
+  k as default
+};
+//# sourceMappingURL=ResizableHeaderCell.vue2.js.map

package/lib/es/components/table/ResizableHeaderCell.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResizableHeaderCell.vue2.js","sources":["../../../../src/components/table/ResizableHeaderCell.vue"],"sourcesContent":["<template>\n    <th v-if=\"!isResizable\" v-bind=\"$attrs\">\n        <slot />\n    </th>\n    <th v-else :class=\"resizableCls\" :style=\"resizableStyle\" v-bind=\"$attrs\" @mousedown=\"handleMouseDown\">\n        <slot />\n        <div :class=\"`${prefixCls}-resize-handle`\" @mousedown.stop=\"handleResizeStart\" />\n    </th>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, onUnmounted } from 'vue';\nimport type { CSSProperties } from 'vue';\n\ndefineOptions({\n    name: 'SemiResizableHeaderCell',\n    inheritAttrs: false,\n});\n\ninterface Props {\n    width?: number | string;\n    resize?: boolean;\n    prefixCls?: string;\n    onResize?: (e: { width: number }) => void;\n    onResizeStart?: (e: MouseEvent) => void;\n    onResizeStop?: (e: MouseEvent) => void;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n    resize: true,\n    prefixCls: 'semi-table',\n});\n\nconst isResizable = computed(() => {\n    return typeof props.width === 'number' && props.resize !== false;\n});\n\nconst resizableCls = computed(() => ({\n    [`${props.prefixCls}-resizable-column`]: isResizable.value,\n}));\n\nconst resizableStyle = computed<CSSProperties>(() => {\n    if (!isResizable.value) {\n        return {};\n    }\n    return {\n        width: `${props.width}px`,\n        position: 'relative',\n    };\n});\n\nconst isResizing = ref(false);\nconst startX = ref(0);\nconst startWidth = ref(0);\n\nconst handleResizeStart = (e: MouseEvent) => {\n    if (!isResizable.value) {\n        return;\n    }\n\n    e.preventDefault();\n    e.stopPropagation();\n\n    isResizing.value = true;\n    startX.value = e.clientX;\n    startWidth.value = typeof props.width === 'number' ? props.width : 0;\n\n    if (props.onResizeStart) {\n        props.onResizeStart(e);\n    }\n\n    document.addEventListener('mousemove', handleMouseMove);\n    document.addEventListener('mouseup', handleMouseUp);\n};\n\nconst handleMouseMove = (e: MouseEvent) => {\n    if (!isResizing.value) {\n        return;\n    }\n\n    const diff = e.clientX - startX.value;\n    const newWidth = Math.max(50, startWidth.value + diff); // 最小宽度 50px\n\n    if (props.onResize) {\n        props.onResize({ width: newWidth });\n    }\n};\n\nconst handleMouseUp = (e: MouseEvent) => {\n    if (!isResizing.value) {\n        return;\n    }\n\n    isResizing.value = false;\n\n    if (props.onResizeStop) {\n        props.onResizeStop(e);\n    }\n\n    document.removeEventListener('mousemove', handleMouseMove);\n    document.removeEventListener('mouseup', handleMouseUp);\n};\n\nconst handleMouseDown = (e: MouseEvent) => {\n    // 阻止拖拽选中文本\n    if (isResizing.value) {\n        e.preventDefault();\n    }\n};\n\nonUnmounted(() => {\n    document.removeEventListener('mousemove', handleMouseMove);\n    document.removeEventListener('mouseup', handleMouseUp);\n});\n</script>\n\n<style>\n.semi-table-resize-handle {\n    position: absolute;\n    right: -2px;\n    top: 0;\n    bottom: 0;\n    width: 8px;\n    cursor: col-resize;\n    user-select: none;\n    z-index: 10;\n    touch-action: none;\n}\n\n.semi-table-resize-handle:hover {\n    background-color: rgba(22, 24, 35, 0.1);\n}\n\n.semi-table-resizable-column {\n    user-select: none;\n}\n</style>\n"],"names":["props","__props","isResizable","computed","resizableCls","resizableStyle","isResizing","ref","startX","startWidth","handleResizeStart","handleMouseMove","handleMouseUp","diff","newWidth","handleMouseDown","onUnmounted","_openBlock","_createElementBlock","_mergeProps","$attrs","_renderSlot","_ctx","_createElementVNode"],"mappings":";;;;;;;;;;;;;;AA4BA,UAAMA,IAAQC,GAKRC,IAAcC,EAAS,MAClB,OAAOH,EAAM,SAAU,YAAYA,EAAM,WAAW,EAC9D,GAEKI,IAAeD,EAAS,OAAO;AAAA,MACjC,CAAC,GAAGH,EAAM,SAAS,mBAAmB,GAAGE,EAAY;AAAA,IAAA,EACvD,GAEIG,IAAiBF,EAAwB,MACtCD,EAAY,QAGV;AAAA,MACH,OAAO,GAAGF,EAAM,KAAK;AAAA,MACrB,UAAU;AAAA,IAAA,IAJH,CAAA,CAMd,GAEKM,IAAaC,EAAI,EAAK,GACtBC,IAASD,EAAI,CAAC,GACdE,IAAaF,EAAI,CAAC,GAElBG,IAAoB,CAAC,MAAkB;AACzC,MAAKR,EAAY,UAIjB,EAAE,eAAA,GACF,EAAE,gBAAA,GAEFI,EAAW,QAAQ,IACnBE,EAAO,QAAQ,EAAE,SACjBC,EAAW,QAAQ,OAAOT,EAAM,SAAU,WAAWA,EAAM,QAAQ,GAE/DA,EAAM,iBACNA,EAAM,cAAc,CAAC,GAGzB,SAAS,iBAAiB,aAAaW,CAAe,GACtD,SAAS,iBAAiB,WAAWC,CAAa;AAAA,IACtD,GAEMD,IAAkB,CAAC,MAAkB;AACvC,UAAI,CAACL,EAAW;AACZ;AAGJ,YAAMO,IAAO,EAAE,UAAUL,EAAO,OAC1BM,IAAW,KAAK,IAAI,IAAIL,EAAW,QAAQI,CAAI;AAErD,MAAIb,EAAM,YACNA,EAAM,SAAS,EAAE,OAAOc,EAAA,CAAU;AAAA,IAE1C,GAEMF,IAAgB,CAAC,MAAkB;AACrC,MAAKN,EAAW,UAIhBA,EAAW,QAAQ,IAEfN,EAAM,gBACNA,EAAM,aAAa,CAAC,GAGxB,SAAS,oBAAoB,aAAaW,CAAe,GACzD,SAAS,oBAAoB,WAAWC,CAAa;AAAA,IACzD,GAEMG,IAAkB,CAAC,MAAkB;AAEvC,MAAIT,EAAW,SACX,EAAE,eAAA;AAAA,IAEV;AAEA,WAAAU,EAAY,MAAM;AACd,eAAS,oBAAoB,aAAaL,CAAe,GACzD,SAAS,oBAAoB,WAAWC,CAAa;AAAA,IACzD,CAAC,aAhHcV,EAAA,SAGXe,KAAAC,EAGK,MAHLC,EAGK;AAAA;MAHO,OAAOf,EAAA;AAAA,MAAe,OAAOC,EAAA;AAAA,IAAA,GAAwBe,EAAAA,QAAM,EAAG,aAAWL,EAAA,CAAe,GAAA;AAAA,MAChGM,EAAQC,EAAA,QAAA,SAAA;AAAA,MACRC,EAAiF,OAAA;AAAA,QAA3E,YAAUtB,EAAA,SAAS,gBAAA;AAAA,QAAmB,eAAgBS,GAAiB,CAAA,MAAA,CAAA;AAAA,MAAA;eALjFO,EAAA,GAAAC,EAEK,sBAF2BE,EAAAA,MAAM,CAAA,GAAA;AAAA,MAClCC,EAAQC,EAAA,QAAA,SAAA;AAAA,IAAA;;;"}

package/lib/es/components/table/Table.vue2.js

@@ -0,0 +1,5 @@
+import f from "./Table.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=Table.vue2.js.map

package/lib/es/components/table/Table.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/lib/es/components/table/TableCell.vue2.js

@@ -0,0 +1,207 @@
+import { defineComponent as w, isVNode as g, computed as x, h as K, createBlock as p, createCommentVNode as y, openBlock as f, resolveDynamicComponent as q, mergeProps as B, withCtx as G, createElementBlock as m, Fragment as P, unref as h, normalizeClass as S, toDisplayString as b, renderSlot as E, normalizeStyle as H, createVNode as O, normalizeProps as U } from "vue";
+import { isExpandedColumn as F, isSelectionColumn as R, getRTLAlign as W, getRTLFlexAlign as X } from "@douyinfe/semi-foundation/table/utils";
+import { get as k, isFunction as J } from "lodash";
+import M from "classnames";
+import { numbers as Q, cssClasses as Y } from "@douyinfe/semi-foundation/table/constants";
+import { useTableContext as Z } from "./table-context.js";
+import _ from "./TableSelectionCell.vue2.js";
+const ee = {
+  key: 1,
+  style: { display: "inline-flex", "align-items": "center" }
+}, se = /* @__PURE__ */ w({
+  name: "SemiTableCell",
+  __name: "TableCell",
+  props: {
+    record: {},
+    prefixCls: { default: Y.PREFIX },
+    index: {},
+    fixedLeft: { type: [Boolean, Number] },
+    lastFixedLeft: { type: Boolean },
+    fixedRight: { type: [Boolean, Number] },
+    firstFixedRight: { type: Boolean },
+    indent: { default: 0 },
+    indentSize: { default: Q.DEFAULT_INDENT_WIDTH },
+    column: { default: () => ({}) },
+    expandIcon: {},
+    renderExpandIcon: {},
+    hideExpandedColumn: { type: Boolean },
+    component: { default: "td" },
+    onClick: {},
+    isSection: { type: Boolean },
+    width: {},
+    height: {},
+    selected: { type: Boolean },
+    expanded: { type: Boolean },
+    disabled: { type: Boolean },
+    expandable: { type: Boolean },
+    colIndex: {},
+    firstDataColumnIndex: { default: 0 },
+    selectionCellProps: {},
+    columnSlotName: {},
+    hasSlot: { type: Boolean }
+  },
+  setup(o) {
+    const v = w({
+      name: "RenderVNode",
+      props: {
+        renderFn: {
+          type: Function,
+          required: !0
+        }
+      },
+      setup(n) {
+        return () => {
+          if (!n.renderFn)
+            return null;
+          const t = n.renderFn();
+          return t == null ? null : typeof t == "string" || typeof t == "number" ? String(t) : g(t) || Array.isArray(t) ? t : null;
+        };
+      }
+    }), e = o, T = x(() => e.component || "td"), I = Z(), z = x(() => {
+      const { column: n, fixedLeft: t, fixedRight: u, lastFixedLeft: a, firstFixedRight: s, isSection: r } = e, { ellipsis: i } = n || {}, c = t === !0 || typeof t == "number", d = u === !0 || typeof u == "number";
+      return M(`${e.prefixCls}-row-cell`, n.className, {
+        // 兼容 offset=0 的场景（第一列固定最常见）
+        [`${e.prefixCls}-cell-fixed-left`]: c,
+        [`${e.prefixCls}-cell-fixed-right`]: d,
+        [`${e.prefixCls}-cell-fixed-left-last`]: a,
+        [`${e.prefixCls}-cell-fixed-right-first`]: s,
+        [`${e.prefixCls}-cell-selection`]: R(n),
+        [`${e.prefixCls}-cell-expand`]: F(n),
+        [`${e.prefixCls}-cell-section`]: r,
+        [`${e.prefixCls}-row-cell-ellipsis`]: i
+      });
+    }), V = x(() => {
+      var i;
+      const n = {}, t = I.direction ?? null;
+      let u = t;
+      typeof t == "object" && t && "value" in t && (u = t.value);
+      const a = u === "rtl", s = e.fixedLeft === !0 || typeof e.fixedLeft == "number", r = e.fixedRight === !0 || typeof e.fixedRight == "number";
+      if (s || r) {
+        if (n.position = "sticky", e.lastFixedLeft || e.firstFixedRight ? n.zIndex = 102 : n.zIndex = 101, s) {
+          const c = a ? "right" : "left", d = typeof e.fixedLeft == "number" ? e.fixedLeft : 0;
+          n[c] = `${d}px`;
+        } else if (r) {
+          const c = a ? "left" : "right", d = typeof e.fixedRight == "number" ? e.fixedRight : 0;
+          n[c] = `${d}px`;
+        }
+      }
+      if (e.width) {
+        const c = typeof e.width == "number" ? `${e.width}px` : e.width;
+        n.width = c, n.flexShrink = 0, n.flexGrow = 0;
+      }
+      if (e.height && (n.height = typeof e.height == "number" ? `${e.height}px` : e.height), (i = e.column) != null && i.align) {
+        const c = W(e.column.align, u), d = X(e.column.align, u);
+        n.textAlign = c, n.justifyContent = d;
+      }
+      return n;
+    }), A = x(() => {
+      const { column: n, record: t, index: u } = e;
+      if (!n || !t || !n.render)
+        return null;
+      const a = n.dataIndex ? k(t, n.dataIndex) : t, s = n.render(a, t, u || 0);
+      return s && typeof s == "object" && !g(s) && "props" in s ? s : null;
+    }), $ = x(() => {
+      var c;
+      const { column: n, record: t, index: u } = e, a = J(n.onCell) ? n.onCell(t, u) : {}, s = ((c = A.value) == null ? void 0 : c.props) || {}, r = { ...a, ...s }, i = {};
+      for (const d in r)
+        d === "rowSpan" ? i.rowspan = r[d] : d === "colSpan" ? i.colspan = r[d] : i[d] = r[d];
+      return i;
+    }), C = x(() => {
+      if (e.renderExpandIcon && e.record) {
+        const n = e.renderExpandIcon(e.record);
+        return typeof n == "function" ? n : () => n;
+      }
+      return null;
+    }), N = x(() => {
+      var n;
+      return ((n = e.column) == null ? void 0 : n.useFullRender) === !0;
+    }), D = x(() => N.value || e.expandable !== !0 || !e.renderExpandIcon || !e.record ? !1 : F(e.column) ? !0 : !!(e.hideExpandedColumn && e.colIndex === e.firstDataColumnIndex)), L = x(() => {
+      const { column: n, record: t } = e;
+      return !n || !t ? "" : n.dataIndex ? k(t, n.dataIndex, "") : t;
+    }), l = x(() => {
+      const { column: n, record: t, index: u } = e;
+      if (!n)
+        return null;
+      if (R(n))
+        return "selection";
+      if (F(n) || e.hasSlot && e.columnSlotName)
+        return null;
+      if (n.render) {
+        const a = n.dataIndex ? k(t, n.dataIndex) : t, s = n.useFullRender === !0;
+        return () => {
+          if (s) {
+            const r = {
+              expandIcon: C.value ? C.value() : null
+            };
+            I.renderSelection && t && (r.selection = I.renderSelection(t, !1)), e.indent && e.indentSize ? r.indentText = K("span", {
+              style: { paddingLeft: `${e.indentSize * e.indent}px` },
+              class: `${e.prefixCls}-row-indent indent-level-${e.indent}`
+            }) : r.indentText = null;
+            const i = n.render(a, t, u || 0, r);
+            return i && typeof i == "object" && !g(i) && "children" in i ? i.children : i;
+          } else {
+            const r = n.render(a, t, u || 0);
+            return r && typeof r == "object" && !g(r) && "children" in r ? r.children : r;
+          }
+        };
+      }
+      return n.dataIndex ? k(t, n.dataIndex, "") : null;
+    }), j = (n) => {
+      e.onClick && e.record && e.onClick(e.record, n);
+    };
+    return (n, t) => $.value.rowspan !== 0 && $.value.colspan !== 0 ? (f(), p(q(T.value), B({
+      key: 0,
+      class: z.value,
+      style: V.value
+    }, $.value, { onClick: j }), {
+      default: G(() => [
+        N.value ? (f(), m(P, { key: 0 }, [
+          l.value && l.value !== "selection" && typeof l.value == "function" ? (f(), p(h(v), {
+            key: 0,
+            "render-fn": l.value
+          }, null, 8, ["render-fn"])) : l.value && l.value !== "selection" && typeof l.value != "function" ? (f(), m("span", {
+            key: 1,
+            class: S(`${o.prefixCls}-cell-content`)
+          }, b(l.value), 3)) : y("", !0)
+        ], 64)) : (f(), m(P, { key: 1 }, [
+          o.indent > 0 ? (f(), m("span", {
+            key: 0,
+            class: S(`${o.prefixCls}-row-indent indent-level-${o.indent}`),
+            style: H({ paddingLeft: `${o.indentSize * o.indent}px` })
+          }, null, 6)) : y("", !0),
+          D.value && C.value ? (f(), m("span", ee, [
+            O(h(v), { "render-fn": C.value }, null, 8, ["render-fn"]),
+            o.hasSlot && o.columnSlotName ? E(n.$slots, o.columnSlotName, {
+              key: 0,
+              text: L.value,
+              record: o.record,
+              index: o.index
+            }) : l.value && l.value !== "selection" && typeof l.value == "function" ? (f(), p(h(v), {
+              key: 1,
+              "render-fn": l.value
+            }, null, 8, ["render-fn"])) : l.value && l.value !== "selection" && typeof l.value != "function" ? (f(), m("span", {
+              key: 2,
+              class: S(`${o.prefixCls}-cell-content`)
+            }, b(l.value), 3)) : y("", !0)
+          ])) : h(R)(o.column) && o.selectionCellProps ? (f(), p(_, U(B({ key: 2 }, o.selectionCellProps)), null, 16)) : o.hasSlot && o.columnSlotName ? E(n.$slots, o.columnSlotName, {
+            key: 3,
+            text: L.value,
+            record: o.record,
+            index: o.index
+          }) : l.value && l.value !== "selection" && typeof l.value == "function" ? (f(), p(h(v), {
+            key: 4,
+            "render-fn": l.value
+          }, null, 8, ["render-fn"])) : l.value && l.value !== "selection" && typeof l.value != "function" ? (f(), m("span", {
+            key: 5,
+            class: S(`${o.prefixCls}-cell-content`)
+          }, b(l.value), 3)) : y("", !0)
+        ], 64))
+      ]),
+      _: 3
+    }, 16, ["class", "style"])) : y("", !0);
+  }
+});
+export {
+  se as default
+};
+//# sourceMappingURL=TableCell.vue2.js.map