pro-design-vue 0.0.1-beta.1

package/es/components/table/src/components/Scrollbar/XScroll.mjs

@@ -0,0 +1,141 @@
+import { defineComponent, computed, ref, onMounted, watch, onBeforeUnmount, createVNode } from 'vue';
+import { useInjectTable } from '../context/TableContext.mjs';
+import { useHScrollSyncInject } from '../../hooks/useHScrollSync.mjs';
+import { isMacOsUserAgent, isIOSUserAgent } from '../../utils/browser.mjs';
+import { addClass, removeClass } from '../../utils/class.mjs';
+
+var XScroll = /* @__PURE__ */ defineComponent({
+  props: {
+    onlyAutoShow: {
+      type: Boolean
+    },
+    notShowAuto: {
+      type: Boolean
+    }
+  },
+  setup: (props) => {
+    const tableContext = useInjectTable();
+    const prefixCls = computed(() => `${tableContext.props.prefixCls}`);
+    const scrollViewportRef = ref();
+    const rootRef = ref();
+    const isScrollbarActive = ref(false);
+    const commonStyle = computed(() => {
+      const scrollBarSize = `${tableContext.scrollBarSize.value || 15}px`;
+      const style = {
+        height: scrollBarSize,
+        minHeight: scrollBarSize,
+        maxHeight: scrollBarSize,
+        width: "100%"
+      };
+      return style;
+    });
+    const stickyStyle = computed(() => {
+      const scrollBarSize = `-${tableContext.scrollBarSize.value || 15}px`;
+      const horizontalScrollSticky = tableContext.props.horizontalScrollSticky;
+      const paginationSticky = tableContext.props.paginationSticky;
+      if (horizontalScrollSticky === true) {
+        let bottom = 0;
+        if (tableContext.pos.value.bottom && !!paginationSticky) {
+          bottom += paginationSticky === true ? tableContext.bottomPaginationHeight.value : (paginationSticky.offsetBottom || 0) + tableContext.bottomPaginationHeight.value;
+        }
+        return {
+          position: "sticky",
+          "z-index": 8,
+          bottom: `${bottom}px`,
+          marginTop: scrollBarSize
+        };
+      }
+      return {};
+    });
+    const isApple = isMacOsUserAgent() || isIOSUserAgent();
+    const isIosScroll = computed(() => 0 === tableContext.scrollBarSize.value && isApple);
+    const rootClass = computed(() => ({
+      [`${prefixCls.value}-horizontal-scroll`]: true,
+      [`${prefixCls.value}-horizontal-scroll-hidden`]: 0 === tableContext.scrollBarSize.value,
+      [`${prefixCls.value}-scrollbar-active`]: isScrollbarActive.value,
+      [`${prefixCls.value}-apple-scroll`]: isApple
+    }));
+    const showHorizontalScrollbar = computed(() => tableContext.showHorizontalScrollbar.value && (!props.onlyAutoShow || isIosScroll.value) && (!props.notShowAuto || !isIosScroll.value));
+    const showVerticalScrollbar = computed(() => tableContext.showVerticalScrollbar.value);
+    const horizontalStyle = computed(() => {
+      const width = `${tableContext.bodyMaxWidth.value}px`;
+      return {
+        ...commonStyle.value,
+        width,
+        minWidth: width,
+        maxWidth: width
+      };
+    });
+    const verticalStyle = computed(() => ({
+      width: `${tableContext.scrollBarSize.value}px`,
+      height: "100%",
+      overflowX: "hidden"
+    }));
+    const {
+      addHScrollDom,
+      removeHScrollDom
+    } = useHScrollSyncInject();
+    let timer = null;
+    const onScroll = () => {
+      if (isIosScroll.value) {
+        clearTimeout(timer);
+        addClass(rootRef.value, `${prefixCls.value}-scrolling`);
+        timer = setTimeout(() => {
+          removeClass(rootRef.value, `${prefixCls.value}-scrolling`);
+        }, 500);
+      }
+    };
+    onMounted(() => {
+      watch(scrollViewportRef, () => {
+        if (scrollViewportRef.value) {
+          removeHScrollDom(scrollViewportRef.value);
+          scrollViewportRef.value.removeEventListener("scroll", onScroll);
+          addHScrollDom(scrollViewportRef.value, true);
+          scrollViewportRef.value.addEventListener("scroll", onScroll, {
+            passive: true
+          });
+        }
+      }, {
+        immediate: true
+      });
+    });
+    onBeforeUnmount(() => {
+      clearTimeout(timer);
+      if (scrollViewportRef.value) {
+        removeHScrollDom(scrollViewportRef.value);
+        scrollViewportRef.value.removeEventListener("scroll", onScroll);
+      }
+    });
+    return () => {
+      if (showHorizontalScrollbar.value) {
+        return createVNode("div", {
+          "ref": rootRef,
+          "class": rootClass.value,
+          "aria-hidden": "true",
+          "style": {
+            ...commonStyle.value,
+            ...stickyStyle.value
+          },
+          "onMousedown": () => isScrollbarActive.value = true,
+          "onMouseenter": () => isScrollbarActive.value = true,
+          "onMouseleave": () => isScrollbarActive.value = false,
+          "onTouchend": () => isScrollbarActive.value = false
+        }, [createVNode("div", {
+          "key": "center",
+          "ref": scrollViewportRef,
+          "class": `${prefixCls.value}-horizontal-scroll-viewport`,
+          "style": commonStyle.value
+        }, [createVNode("div", {
+          "class": `${prefixCls.value}-body-horizontal-scroll-container`,
+          "style": horizontalStyle.value
+        }, null)]), showVerticalScrollbar.value && createVNode("div", {
+          "style": verticalStyle.value
+        }, null)]);
+      }
+      return null;
+    };
+  }
+});
+
+export { XScroll as default };
+//# sourceMappingURL=XScroll.mjs.map

package/es/components/table/src/components/Scrollbar/XScroll.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"XScroll.mjs","sources":["../../../../../../../../packages/components/table/src/components/Scrollbar/XScroll.tsx"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2023-11-07 15:07:59\n * @LastEditors: shen\n * @LastEditTime: 2025-07-30 10:56:15\n * @Description:\n */\nimport {\n  defineComponent,\n  computed,\n  ref,\n  watch,\n  onMounted,\n  onBeforeUnmount,\n  // withModifiers,\n} from 'vue'\nimport { useInjectTable } from '../context/TableContext'\nimport { useHScrollSyncInject } from '../../hooks/useHScrollSync'\nimport { isMacOsUserAgent, isIOSUserAgent } from '../../utils/browser'\nimport { addClass, removeClass } from '../../utils/class'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  props: { onlyAutoShow: { type: Boolean }, notShowAuto: { type: Boolean } },\n  setup: (props) => {\n    const tableContext = useInjectTable()\n    const prefixCls = computed(() => `${tableContext.props.prefixCls}`)\n    const scrollViewportRef = ref<HTMLDivElement>()\n    const rootRef = ref<HTMLDivElement>()\n    const isScrollbarActive = ref(false)\n    const commonStyle = computed<any>(() => {\n      const scrollBarSize = `${tableContext.scrollBarSize.value || 15}px`\n      const style = {\n        height: scrollBarSize,\n        minHeight: scrollBarSize,\n        maxHeight: scrollBarSize,\n        width: '100%',\n      }\n      return style\n    })\n    const stickyStyle = computed(() => {\n      const scrollBarSize = `-${tableContext.scrollBarSize.value || 15}px`\n      const horizontalScrollSticky = tableContext.props.horizontalScrollSticky\n      const paginationSticky = tableContext.props.paginationSticky\n      if (horizontalScrollSticky === true) {\n        let bottom = 0\n        if (tableContext.pos.value.bottom && !!paginationSticky) {\n          bottom +=\n            paginationSticky === true\n              ? tableContext.bottomPaginationHeight.value\n              : (paginationSticky.offsetBottom || 0) + tableContext.bottomPaginationHeight.value\n        }\n        return { position: 'sticky', 'z-index': 8, bottom: `${bottom}px`, marginTop: scrollBarSize }\n      }\n      return {}\n    })\n    const isApple = isMacOsUserAgent() || isIOSUserAgent()\n    const isIosScroll = computed(() => 0 === tableContext.scrollBarSize.value && isApple)\n    const rootClass = computed(() => ({\n      [`${prefixCls.value}-horizontal-scroll`]: true,\n      [`${prefixCls.value}-horizontal-scroll-hidden`]: 0 === tableContext.scrollBarSize.value,\n      [`${prefixCls.value}-scrollbar-active`]: isScrollbarActive.value,\n      [`${prefixCls.value}-apple-scroll`]: isApple,\n    }))\n\n    const showHorizontalScrollbar = computed(\n      () =>\n        tableContext.showHorizontalScrollbar.value &&\n        (!props.onlyAutoShow || isIosScroll.value) &&\n        (!props.notShowAuto || !isIosScroll.value),\n    )\n    const showVerticalScrollbar = computed(() => tableContext.showVerticalScrollbar.value)\n    const horizontalStyle = computed<any>(() => {\n      const width = `${tableContext.bodyMaxWidth.value}px`\n      return { ...commonStyle.value, width, minWidth: width, maxWidth: width }\n    })\n    const verticalStyle = computed<CSSProperties>(() => ({\n      width: `${tableContext.scrollBarSize.value}px`,\n      height: '100%',\n      overflowX: 'hidden',\n    }))\n    const { addHScrollDom, removeHScrollDom } = useHScrollSyncInject()\n\n    let timer: any = null\n    const onScroll = () => {\n      if (isIosScroll.value) {\n        clearTimeout(timer)\n        addClass(rootRef.value!, `${prefixCls.value}-scrolling`)\n        timer = setTimeout(() => {\n          removeClass(rootRef.value!, `${prefixCls.value}-scrolling`)\n        }, 500)\n      }\n    }\n\n    onMounted(() => {\n      watch(\n        scrollViewportRef,\n        () => {\n          if (scrollViewportRef.value) {\n            removeHScrollDom(scrollViewportRef.value)\n            scrollViewportRef.value.removeEventListener('scroll', onScroll)\n            addHScrollDom(scrollViewportRef.value, true)\n            scrollViewportRef.value.addEventListener('scroll', onScroll, { passive: true })\n          }\n        },\n        { immediate: true },\n      )\n    })\n    onBeforeUnmount(() => {\n      clearTimeout(timer)\n      if (scrollViewportRef.value) {\n        removeHScrollDom(scrollViewportRef.value)\n        scrollViewportRef.value.removeEventListener('scroll', onScroll)\n      }\n    })\n\n    return () => {\n      if (showHorizontalScrollbar.value) {\n        return (\n          <div\n            ref={rootRef}\n            class={rootClass.value}\n            aria-hidden=\"true\"\n            style={{ ...commonStyle.value, ...stickyStyle.value }}\n            onMousedown={() => (isScrollbarActive.value = true)}\n            onMouseenter={() => (isScrollbarActive.value = true)}\n            // onTouchstart={withModifiers(() => (isScrollbarActive.value = true), ['passive'])}\n            onMouseleave={() => (isScrollbarActive.value = false)}\n            onTouchend={() => (isScrollbarActive.value = false)}\n          >\n            <div\n              key=\"center\"\n              ref={scrollViewportRef}\n              class={`${prefixCls.value}-horizontal-scroll-viewport`}\n              style={commonStyle.value}\n            >\n              <div\n                class={`${prefixCls.value}-body-horizontal-scroll-container`}\n                style={horizontalStyle.value}\n              ></div>\n            </div>\n            {showVerticalScrollbar.value && <div style={verticalStyle.value}></div>}\n          </div>\n        )\n      }\n      return null\n    }\n  },\n})\n"],"names":["props","onlyAutoShow","type","Boolean","notShowAuto","setup","tableContext","useInjectTable","prefixCls","computed","scrollViewportRef","ref","rootRef","isScrollbarActive","commonStyle","scrollBarSize","value","style","height","minHeight","maxHeight","width","stickyStyle","horizontalScrollSticky","paginationSticky","bottom","pos","bottomPaginationHeight","offsetBottom","position","marginTop","isApple","isMacOsUserAgent","isIOSUserAgent","isIosScroll","rootClass","showHorizontalScrollbar","showVerticalScrollbar","horizontalStyle","bodyMaxWidth","minWidth","maxWidth","verticalStyle","overflowX","addHScrollDom","removeHScrollDom","useHScrollSyncInject","timer","onScroll","clearTimeout","addClass","setTimeout","removeClass","onMounted","watch","removeEventListener","addEventListener","passive","immediate","onBeforeUnmount","_createVNode","onMousedown","onMouseenter","onMouseleave","onTouchend"],"mappings":"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"}

package/es/components/table/src/components/Scrollbar/YScroll.d.ts

@@ -0,0 +1,19 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    onlyAutoShow: {
+        type: BooleanConstructor;
+    };
+    notShowAuto: {
+        type: BooleanConstructor;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    onlyAutoShow: {
+        type: BooleanConstructor;
+    };
+    notShowAuto: {
+        type: BooleanConstructor;
+    };
+}>> & Readonly<{}>, {
+    onlyAutoShow: boolean;
+    notShowAuto: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/components/table/src/components/Scrollbar/YScroll.mjs

@@ -0,0 +1,110 @@
+import { defineComponent, computed, ref, onMounted, watch, onBeforeUnmount, createVNode } from 'vue';
+import { useInjectTable } from '../context/TableContext.mjs';
+import { useVScrollSyncInject } from '../../hooks/useVScrollSync.mjs';
+import { isMacOsUserAgent, isIOSUserAgent } from '../../utils/browser.mjs';
+import { addClass, removeClass } from '../../utils/class.mjs';
+
+var YScroll = /* @__PURE__ */ defineComponent({
+  props: {
+    onlyAutoShow: {
+      type: Boolean
+    },
+    notShowAuto: {
+      type: Boolean
+    }
+  },
+  setup: (props) => {
+    const tableContext = useInjectTable();
+    const prefixCls = computed(() => `${tableContext.props.prefixCls}`);
+    const scrollViewportRef = ref();
+    const rootRef = ref();
+    const isScrollbarActive = ref(false);
+    const commonStyle = computed(() => {
+      const width = `${tableContext.scrollBarSize.value || 15}px`;
+      return {
+        width,
+        minWidth: width,
+        maxWidth: width
+      };
+    });
+    const isApple = isMacOsUserAgent() || isIOSUserAgent();
+    const isIosScroll = computed(() => 0 === tableContext.scrollBarSize.value && isApple);
+    const rootClass = computed(() => ({
+      [`${prefixCls.value}-vertical-scroll`]: true,
+      [`${prefixCls.value}-vertical-scroll-hidden`]: 0 === tableContext.scrollBarSize.value,
+      [`${prefixCls.value}-scrollbar-active`]: isScrollbarActive.value,
+      [`${prefixCls.value}-apple-scroll`]: isApple
+    }));
+    const showVerticalScrollbar = computed(() => tableContext.showVerticalScrollbar.value && (!props.onlyAutoShow || isIosScroll.value) && (!props.notShowAuto || !isIosScroll.value));
+    const verticalStyle = computed(() => {
+      const barSize = `${tableContext.scrollBarSize.value || 15}px`;
+      return {
+        height: `${tableContext.viewportHeight.value || 15}px`,
+        width: barSize,
+        minWidth: barSize,
+        maxWidth: barSize
+      };
+    });
+    const {
+      addVScrollDom,
+      removeVScrollDom
+    } = useVScrollSyncInject();
+    let timer = null;
+    const onScroll = () => {
+      if (isIosScroll.value) {
+        clearTimeout(timer);
+        addClass(rootRef.value, `${prefixCls.value}-scrolling`);
+        timer = setTimeout(() => {
+          removeClass(rootRef.value, `${prefixCls.value}-scrolling`);
+        }, 500);
+      }
+    };
+    onMounted(() => {
+      watch(scrollViewportRef, () => {
+        if (scrollViewportRef.value) {
+          removeVScrollDom(scrollViewportRef.value);
+          scrollViewportRef.value.removeEventListener("scroll", onScroll);
+          addVScrollDom(scrollViewportRef.value, true);
+          scrollViewportRef.value.addEventListener("scroll", onScroll, {
+            passive: true
+          });
+        }
+      }, {
+        immediate: true
+      });
+    });
+    onBeforeUnmount(() => {
+      clearTimeout(timer);
+      if (scrollViewportRef.value) {
+        removeVScrollDom(scrollViewportRef.value);
+        scrollViewportRef.value.removeEventListener("scroll", onScroll);
+      }
+    });
+    return () => {
+      if (showVerticalScrollbar.value) {
+        return createVNode("div", {
+          "ref": rootRef,
+          "class": rootClass.value,
+          "aria-hidden": "true",
+          "style": commonStyle.value,
+          "onMousedown": () => isScrollbarActive.value = true,
+          "onMouseenter": () => isScrollbarActive.value = true,
+          "onMouseleave": () => isScrollbarActive.value = false,
+          "onTouchend": () => isScrollbarActive.value = false
+        }, [createVNode("div", {
+          "key": "center",
+          "ref": scrollViewportRef,
+          "class": `${prefixCls.value}-vertical-scroll-viewport`,
+          "style": commonStyle.value
+        }, [createVNode("div", {
+          "class": `${prefixCls.value}-body-vertical-scroll-container`,
+          "style": verticalStyle.value
+        }, null)])]);
+      }
+      return null;
+    };
+  }
+});
+
+export { YScroll as default };
+//# sourceMappingURL=YScroll.mjs.map

package/es/components/table/src/components/Scrollbar/YScroll.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"YScroll.mjs","sources":["../../../../../../../../packages/components/table/src/components/Scrollbar/YScroll.tsx"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2023-11-07 15:07:59\n * @LastEditors: shen\n * @LastEditTime: 2025-07-30 10:56:26\n * @Description:\n */\nimport {\n  defineComponent,\n  computed,\n  ref,\n  watch,\n  onMounted,\n  onBeforeUnmount,\n  // withModifiers,\n} from 'vue'\nimport { useInjectTable } from '../context/TableContext'\nimport { useVScrollSyncInject } from '../../hooks/useVScrollSync'\nimport { isMacOsUserAgent, isIOSUserAgent } from '../../utils/browser'\nimport { addClass, removeClass } from '../../utils/class'\n\nexport default defineComponent({\n  props: { onlyAutoShow: { type: Boolean }, notShowAuto: { type: Boolean } },\n  setup: (props) => {\n    const tableContext = useInjectTable()\n    const prefixCls = computed(() => `${tableContext.props.prefixCls}`)\n\n    const scrollViewportRef = ref<HTMLDivElement>()\n    const rootRef = ref<HTMLDivElement>()\n    const isScrollbarActive = ref(false)\n    const commonStyle = computed(() => {\n      const width = `${tableContext.scrollBarSize.value || 15}px`\n      return { width, minWidth: width, maxWidth: width }\n    })\n    const isApple = isMacOsUserAgent() || isIOSUserAgent()\n    const isIosScroll = computed(() => 0 === tableContext.scrollBarSize.value && isApple)\n\n    const rootClass = computed(() => ({\n      [`${prefixCls.value}-vertical-scroll`]: true,\n      [`${prefixCls.value}-vertical-scroll-hidden`]: 0 === tableContext.scrollBarSize.value,\n      [`${prefixCls.value}-scrollbar-active`]: isScrollbarActive.value,\n      [`${prefixCls.value}-apple-scroll`]: isApple,\n    }))\n\n    const showVerticalScrollbar = computed(\n      () =>\n        tableContext.showVerticalScrollbar.value &&\n        (!props.onlyAutoShow || isIosScroll.value) &&\n        (!props.notShowAuto || !isIosScroll.value),\n    )\n\n    const verticalStyle = computed(() => {\n      const barSize = `${tableContext.scrollBarSize.value || 15}px`\n      return {\n        height: `${tableContext.viewportHeight.value || 15}px`,\n        width: barSize,\n        minWidth: barSize,\n        maxWidth: barSize,\n      }\n    })\n\n    const { addVScrollDom, removeVScrollDom } = useVScrollSyncInject()\n    let timer: any = null\n    const onScroll = () => {\n      if (isIosScroll.value) {\n        clearTimeout(timer)\n        addClass(rootRef.value!, `${prefixCls.value}-scrolling`)\n        timer = setTimeout(() => {\n          removeClass(rootRef.value!, `${prefixCls.value}-scrolling`)\n        }, 500)\n      }\n    }\n\n    onMounted(() => {\n      watch(\n        scrollViewportRef,\n        () => {\n          if (scrollViewportRef.value) {\n            removeVScrollDom(scrollViewportRef.value)\n            scrollViewportRef.value.removeEventListener('scroll', onScroll)\n            addVScrollDom(scrollViewportRef.value, true)\n            scrollViewportRef.value.addEventListener('scroll', onScroll, { passive: true })\n          }\n        },\n        { immediate: true },\n      )\n    })\n    onBeforeUnmount(() => {\n      clearTimeout(timer)\n      if (scrollViewportRef.value) {\n        removeVScrollDom(scrollViewportRef.value)\n        scrollViewportRef.value.removeEventListener('scroll', onScroll)\n      }\n    })\n    return () => {\n      if (showVerticalScrollbar.value) {\n        return (\n          <div\n            ref={rootRef}\n            class={rootClass.value}\n            aria-hidden=\"true\"\n            style={commonStyle.value}\n            onMousedown={() => (isScrollbarActive.value = true)}\n            onMouseenter={() => (isScrollbarActive.value = true)}\n            // onTouchstart={withModifiers(() => (isScrollbarActive.value = true), ['passive'])}\n            onMouseleave={() => (isScrollbarActive.value = false)}\n            onTouchend={() => (isScrollbarActive.value = false)}\n          >\n            <div\n              key=\"center\"\n              ref={scrollViewportRef}\n              class={`${prefixCls.value}-vertical-scroll-viewport`}\n              style={commonStyle.value}\n            >\n              <div\n                class={`${prefixCls.value}-body-vertical-scroll-container`}\n                style={verticalStyle.value}\n              ></div>\n            </div>\n          </div>\n        )\n      }\n      return null\n    }\n  },\n})\n"],"names":["props","onlyAutoShow","type","Boolean","notShowAuto","setup","tableContext","useInjectTable","prefixCls","computed","scrollViewportRef","ref","rootRef","isScrollbarActive","commonStyle","width","scrollBarSize","value","minWidth","maxWidth","isApple","isMacOsUserAgent","isIOSUserAgent","isIosScroll","rootClass","showVerticalScrollbar","verticalStyle","barSize","height","viewportHeight","addVScrollDom","removeVScrollDom","useVScrollSyncInject","timer","onScroll","clearTimeout","addClass","setTimeout","removeClass","onMounted","watch","removeEventListener","addEventListener","passive","immediate","onBeforeUnmount","_createVNode","onMousedown","onMouseenter","onMouseleave","onTouchend"],"mappings":";;;;;;AAqBA,8CAA+B;AAAA,EAC7BA,KAAAA,EAAO;AAAA,IAAEC,YAAAA,EAAc;AAAA,MAAEC,IAAAA,EAAMC;AAAAA,KAAQ;AAAA,IAAGC,WAAAA,EAAa;AAAA,MAAEF,IAAAA,EAAMC;AAAAA;AAAQ,GAAE;AAAA,EACzEE,OAAQL,CAAAA,KAAAA,KAAU;AAChB,IAAA,MAAMM,eAAeC,cAAAA,EAAe;AACpC,IAAA,MAAMC,YAAYC,QAAAA,CAAS,MAAM,GAAGH,YAAAA,CAAaN,KAAAA,CAAMQ,SAAS,CAAA,CAAE,CAAA;AAElE,IAAA,MAAME,oBAAoBC,GAAAA,EAAoB;AAC9C,IAAA,MAAMC,UAAUD,GAAAA,EAAoB;AACpC,IAAA,MAAME,iBAAAA,GAAoBF,IAAI,KAAK,CAAA;AACnC,IAAA,MAAMG,WAAAA,GAAcL,SAAS,MAAM;AACjC,MAAA,MAAMM,KAAAA,GAAQ,CAAA,EAAGT,YAAAA,CAAaU,aAAAA,CAAcC,SAAS,EAAE,CAAA,EAAA,CAAA;AACvD,MAAA,OAAO;AAAA,QAAEF,KAAAA;AAAAA,QAAOG,QAAAA,EAAUH,KAAAA;AAAAA,QAAOI,QAAAA,EAAUJ;AAAAA,OAAM;AAAA,IACnD,CAAC,CAAA;AACD,IAAA,MAAMK,OAAAA,GAAUC,gBAAAA,EAAiB,IAAKC,cAAAA,EAAe;AACrD,IAAA,MAAMC,cAAcd,QAAAA,CAAS,MAAM,MAAMH,YAAAA,CAAaU,aAAAA,CAAcC,SAASG,OAAO,CAAA;AAEpF,IAAA,MAAMI,SAAAA,GAAYf,SAAS,OAAO;AAAA,MAChC,CAAC,CAAA,EAAGD,SAAAA,CAAUS,KAAK,kBAAkB,GAAG,IAAA;AAAA,MACxC,CAAC,GAAGT,SAAAA,CAAUS,KAAK,yBAAyB,GAAG,CAAA,KAAMX,aAAaU,aAAAA,CAAcC,KAAAA;AAAAA,MAChF,CAAC,CAAA,EAAGT,SAAAA,CAAUS,KAAK,CAAA,iBAAA,CAAmB,GAAGJ,iBAAAA,CAAkBI,KAAAA;AAAAA,MAC3D,CAAC,CAAA,EAAGT,SAAAA,CAAUS,KAAK,eAAe,GAAGG;AAAAA,KACvC,CAAE,CAAA;AAEF,IAAA,MAAMK,wBAAwBhB,QAAAA,CAC5B,MACEH,YAAAA,CAAamB,qBAAAA,CAAsBR,UAClC,CAACjB,KAAAA,CAAMC,YAAAA,IAAgBsB,WAAAA,CAAYN,WACnC,CAACjB,KAAAA,CAAMI,WAAAA,IAAe,CAACmB,YAAYN,KAAAA,CACxC,CAAA;AAEA,IAAA,MAAMS,aAAAA,GAAgBjB,SAAS,MAAM;AACnC,MAAA,MAAMkB,OAAAA,GAAU,CAAA,EAAGrB,YAAAA,CAAaU,aAAAA,CAAcC,SAAS,EAAE,CAAA,EAAA,CAAA;AACzD,MAAA,OAAO;AAAA,QACLW,MAAAA,EAAQ,CAAA,EAAGtB,YAAAA,CAAauB,cAAAA,CAAeZ,SAAS,EAAE,CAAA,EAAA,CAAA;AAAA,QAClDF,KAAAA,EAAOY,OAAAA;AAAAA,QACPT,QAAAA,EAAUS,OAAAA;AAAAA,QACVR,QAAAA,EAAUQ;AAAAA,OACZ;AAAA,IACF,CAAC,CAAA;AAED,IAAA,MAAM;AAAA,MAAEG,aAAAA;AAAAA,MAAeC;AAAAA,QAAqBC,oBAAAA,EAAqB;AACjE,IAAA,IAAIC,KAAAA,GAAa,IAAA;AACjB,IAAA,MAAMC,WAAWA,MAAM;AACrB,MAAA,IAAIX,YAAYN,KAAAA,EAAO;AACrBkB,QAAAA,YAAAA,CAAaF,KAAK,CAAA;AAClBG,QAAAA,QAAAA,CAASxB,OAAAA,CAAQK,KAAAA,EAAQ,CAAA,EAAGT,SAAAA,CAAUS,KAAK,CAAA,UAAA,CAAY,CAAA;AACvDgB,QAAAA,KAAAA,GAAQI,WAAW,MAAM;AACvBC,UAAAA,WAAAA,CAAY1B,OAAAA,CAAQK,KAAAA,EAAQ,CAAA,EAAGT,SAAAA,CAAUS,KAAK,CAAA,UAAA,CAAY,CAAA;AAAA,QAC5D,GAAG,GAAG,CAAA;AAAA,MACR;AAAA,IACF,CAAA;AAEAsB,IAAAA,SAAAA,CAAU,MAAM;AACdC,MAAAA,KAAAA,CACE9B,mBACA,MAAM;AACJ,QAAA,IAAIA,kBAAkBO,KAAAA,EAAO;AAC3Bc,UAAAA,gBAAAA,CAAiBrB,kBAAkBO,KAAK,CAAA;AACxCP,UAAAA,iBAAAA,CAAkBO,KAAAA,CAAMwB,mBAAAA,CAAoB,QAAA,EAAUP,QAAQ,CAAA;AAC9DJ,UAAAA,aAAAA,CAAcpB,iBAAAA,CAAkBO,OAAO,IAAI,CAAA;AAC3CP,UAAAA,iBAAAA,CAAkBO,KAAAA,CAAMyB,gBAAAA,CAAiB,QAAA,EAAUR,QAAAA,EAAU;AAAA,YAAES,OAAAA,EAAS;AAAA,WAAM,CAAA;AAAA,QAChF;AAAA,MACF,CAAA,EACA;AAAA,QAAEC,SAAAA,EAAW;AAAA,OACf,CAAA;AAAA,IACF,CAAC,CAAA;AACDC,IAAAA,eAAAA,CAAgB,MAAM;AACpBV,MAAAA,YAAAA,CAAaF,KAAK,CAAA;AAClB,MAAA,IAAIvB,kBAAkBO,KAAAA,EAAO;AAC3Bc,QAAAA,gBAAAA,CAAiBrB,kBAAkBO,KAAK,CAAA;AACxCP,QAAAA,iBAAAA,CAAkBO,KAAAA,CAAMwB,mBAAAA,CAAoB,QAAA,EAAUP,QAAQ,CAAA;AAAA,MAChE;AAAA,IACF,CAAC,CAAA;AACD,IAAA,OAAO,MAAM;AACX,MAAA,IAAIT,sBAAsBR,KAAAA,EAAO;AAC/B,QAAA,OAAA6B,YAAA,KAAA,EAAA;AAAA,UAAA,KAAA,EAESlC,OAAAA;AAAAA,UAAO,SACLY,SAAAA,CAAUP,KAAAA;AAAAA,UAAK,aAAA,EAAA,MAAA;AAAA,UAAA,SAEfH,WAAAA,CAAYG,KAAAA;AAAAA,UAAK,aAAA,EACX8B,MAAOlC,iBAAAA,CAAkBI,KAAAA,GAAQ,IAAA;AAAA,UAAK,cAAA,EACrC+B,MAAOnC,iBAAAA,CAAkBI,KAAAA,GAAQ,IAAA;AAAA,UAAK,cAAA,EAEtCgC,MAAOpC,iBAAAA,CAAkBI,KAAAA,GAAQ,KAAA;AAAA,UAAM,YAAA,EACzCiC,MAAOrC,iBAAAA,CAAkBI,KAAAA,GAAQ;AAAA,SAAM,EAAA,CAAA6B,WAAAA,CAAA,KAAA,EAAA;AAAA,UAAA,KAAA,EAAA,QAAA;AAAA,UAAA,KAAA,EAI5CpC,iBAAAA;AAAAA,UAAiB,OAAA,EACf,CAAA,EAAGF,SAAAA,CAAUS,KAAK,CAAA,yBAAA,CAAA;AAAA,UAA2B,SAC7CH,WAAAA,CAAYG;AAAAA,SAAK,EAAA,CAAA6B,WAAAA,CAAA,KAAA,EAAA;AAAA,UAAA,OAAA,EAGf,CAAA,EAAGtC,SAAAA,CAAUS,KAAK,CAAA,+BAAA,CAAA;AAAA,UAAiC,SACnDS,aAAAA,CAAcT;AAAAA,SAAK,EAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,MAKpC;AACA,MAAA,OAAO,IAAA;AAAA,IACT,CAAA;AAAA,EACF;AACF,CAAC,CAAA;;;;"}

package/es/components/table/src/components/Summary/Cell.vue.d.ts

@@ -0,0 +1,50 @@
+import type { PropType } from 'vue';
+import type { SummaryCellConfig } from '../context/SummaryContext';
+import type { AlignType, FinallyColumnType, DefaultRecordType } from '../interface';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    index: {
+        type: NumberConstructor;
+    };
+    colSpan: {
+        type: NumberConstructor;
+        default: number;
+    };
+    align: {
+        type: PropType<AlignType>;
+    };
+    columnKey: StringConstructor;
+}>, {
+    prefixCls: import("vue").ComputedRef<string>;
+    column: import("vue").ComputedRef<FinallyColumnType<DefaultRecordType>>;
+    summaryCtx: import("../context/SummaryContext").SummaryCtxType;
+    pageData: import("vue").ComputedRef<DefaultRecordType[]>;
+    total: import("vue").ComputedRef<number>;
+    cellClass: import("vue").ComputedRef<{
+        [x: string]: boolean | undefined;
+    }>;
+    cellConfig: import("vue").ComputedRef<SummaryCellConfig>;
+    cellStyle: import("vue").ComputedRef<{
+        width: string;
+        minWidth: string;
+        maxWidth: string;
+        order: number;
+    }>;
+    cellInnerClass: import("vue").ComputedRef<{
+        [x: string]: boolean;
+    }>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    index: {
+        type: NumberConstructor;
+    };
+    colSpan: {
+        type: NumberConstructor;
+        default: number;
+    };
+    align: {
+        type: PropType<AlignType>;
+    };
+    columnKey: StringConstructor;
+}>> & Readonly<{}>, {
+    colSpan: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/components/table/src/components/Summary/Cell.vue.mjs

@@ -0,0 +1,49 @@
+import _sfc_main from './Cell.vue2.mjs';
+import { createElementBlock, createCommentVNode, openBlock, normalizeStyle, normalizeClass, createElementVNode, renderSlot } from 'vue';
+import _export_sfc from '../../../../../_virtual/_plugin-vue_export-helper.mjs';
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return _ctx.cellConfig.visible ? (openBlock(), createElementBlock(
+    "div",
+    {
+      key: 0,
+      tabindex: "-1",
+      role: "cell",
+      class: normalizeClass(_ctx.cellClass),
+      style: normalizeStyle(_ctx.cellConfig.style)
+    },
+    [
+      createElementVNode(
+        "div",
+        {
+          class: normalizeClass(_ctx.cellInnerClass)
+        },
+        [
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass(`${_ctx.prefixCls}-cell-content`)
+            },
+            [
+              renderSlot(_ctx.$slots, "default", {
+                column: _ctx.column,
+                total: _ctx.total,
+                data: _ctx.pageData
+              })
+            ],
+            2
+            /* CLASS */
+          )
+        ],
+        2
+        /* CLASS */
+      )
+    ],
+    6
+    /* CLASS, STYLE */
+  )) : createCommentVNode("v-if", true);
+}
+var ProTableSummaryCell = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+
+export { ProTableSummaryCell as default };
+//# sourceMappingURL=Cell.vue.mjs.map

package/es/components/table/src/components/Summary/Cell.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.vue.mjs","sources":["../../../../../../../../packages/components/table/src/components/Summary/Cell.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2022-11-07 18:17:45\n * @LastEditors: shen\n * @LastEditTime: 2025-09-02 14:42:26\n * @Description:\n-->\n<script lang=\"ts\">\nimport type { PropType } from 'vue'\nimport type { SummaryCellConfig } from '../context/SummaryContext'\nimport type { AlignType, FinallyColumnType, DefaultRecordType } from '../interface'\n\nimport { ref, defineComponent, computed, watch, watchEffect, onUnmounted } from 'vue'\nimport { useInjectTable } from '../context/TableContext'\nimport { useInjectSummaryRow, useInjectSummary } from '../context/SummaryContext'\nimport eagerComputed from '../../utils/eagerComputed'\nimport devWarning from '../../utils/devWarning'\n\nlet idCount = 1\nexport default defineComponent({\n  name: 'ProTableSummaryCell',\n  props: {\n    index: { type: Number },\n    colSpan: { type: Number, default: 1 },\n    align: { type: String as PropType<AlignType> },\n    columnKey: String,\n  },\n  setup(props) {\n    const summaryCtx = useInjectSummary()\n    const tableContext = useInjectTable()\n    const summaryRowCtx = useInjectSummaryRow()\n    const cellId = 'id_' + idCount++\n    const columnIndex = eagerComputed(() =>\n      props.columnKey ? tableContext.columnKeyIndexMap.value[props.columnKey]! : props.index!,\n    )\n    const isValidColumnIndex = computed(\n      () => columnIndex.value >= 0 && columnIndex.value <= tableContext.allColumns.value.length,\n    )\n\n    watchEffect(() => {\n      if (isValidColumnIndex.value) {\n        summaryRowCtx.updateCell(cellId, columnIndex.value, props.colSpan)\n      }\n      setTimeout(() => {\n        devWarning(\n          isValidColumnIndex.value,\n          'TableSummaryCell',\n          `'index=${props.index}' or 'columnKey=${props.columnKey || ''}' is not valid`,\n        )\n      })\n    })\n\n    onUnmounted(() => {\n      summaryRowCtx.removeCell(cellId)\n    })\n\n    const cellConfig = computed<SummaryCellConfig>(\n      () =>\n        summaryRowCtx.cells.value[columnIndex.value] ||\n        ({\n          width: 0,\n          visible: false,\n          // fixed: false,\n          style: {},\n        } as SummaryCellConfig),\n    )\n\n    const { allColumns } = tableContext\n\n    const column = computed<FinallyColumnType>(() => allColumns.value[columnIndex.value]!)\n    const pageData = computed<DefaultRecordType[]>(() => tableContext.pageData.value)\n    const dataIndex = ref()\n\n    watch(\n      column,\n      () => {\n        dataIndex.value = column.value?.dataIndex\n      },\n      { immediate: true },\n    )\n\n    const total = computed(() => {\n      let sum = 0\n      const records = pageData.value\n      for (let i = 0; i < records.length; i++) {\n        const record = records[i]\n        sum += Number(record![dataIndex.value])\n        if (isNaN(sum)) {\n          break\n        }\n      }\n      return sum\n    })\n\n    const prefixCls = computed(() => tableContext.prefixCls.value)\n\n    const cellClass = computed(() => {\n      const { fixed, isLastFixedLeft, isFirstFixedRight } = cellConfig.value\n      return {\n        [`${prefixCls.value}-cell`]: true,\n        [`${prefixCls.value}-summary-cell`]: true,\n        [`${prefixCls.value}-summary-cell-fixed-${fixed}`]: !!fixed,\n        [`${prefixCls.value}-summary-cell-last-fixed-left`]: isLastFixedLeft,\n        [`${prefixCls.value}-summary-cell-first-fixed-right`]: isFirstFixedRight,\n      }\n    })\n    const cellStyle = computed(() => {\n      const width = `${cellConfig.value.width}px`\n      return { width, minWidth: width, maxWidth: width, order: columnIndex.value }\n    })\n\n    const cellInnerClass = computed(() => ({ [`${prefixCls.value}-cell-inner`]: true }))\n\n    return {\n      prefixCls,\n      column,\n      summaryCtx,\n      pageData,\n      total,\n      cellClass,\n      cellConfig,\n      cellStyle,\n      cellInnerClass,\n    }\n  },\n})\n</script>\n\n<template>\n  <div\n    v-if=\"cellConfig.visible\"\n    tabindex=\"-1\"\n    role=\"cell\"\n    :class=\"cellClass\"\n    :style=\"cellConfig.style\"\n  >\n    <div :class=\"cellInnerClass\">\n      <div :class=\"`${prefixCls}-cell-content`\">\n        <slot :column=\"column\" :total=\"total\" :data=\"pageData\" />\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass","_normalizeStyle","_createElementVNode","_renderSlot"],"mappings":";;;;;AAkIU,EAAA,OAAA,IAAA,CAAA,UAAA,CAAW,OAAA,IAAAA,SAAA,EAAA,EADnBC,kBAAA;AAAA,IAYM,KAAA;AAAA,IAAA;AAAA,MAAA,GAAA,EAAA,CAAA;AAAA,MAVJ,QAAA,EAAS,IAAA;AAAA,MACT,IAAA,EAAK,MAAA;AAAA,MACJ,KAAA,EAAKC,cAAA,CAAE,IAAA,CAAA,SAAS,CAAA;AAAA,MAChB,KAAA,EAAKC,cAAA,CAAE,IAAA,CAAA,UAAA,CAAW,KAAK;AAAA,KAAA;AAAA;MAExBC,kBAAA;AAAA,QAIM,KAAA;AAAA,QAAA;AAAA,UAJA,KAAA,EAAKF,cAAA,CAAE,IAAA,CAAA,cAAc;AAAA,SAAA;AAAA;UACzBE,kBAAA;AAAA,YAEM,KAAA;AAAA,YAAA;AAAA,cAFA,KAAA,EAAKF,cAAA,IAAK,IAAA,CAAA,SAAS,CAAA,aAAA,CAAA;AAAA,aAAA;AAAA;cACvBG,UAAA,CAAyD,IAAA,CAAA,MAAA,EAAA,SAAA,EAAA;AAAA,gBAAlD,QAAQ,IAAA,CAAA,MAAA;AAAA,gBAAS,OAAO,IAAA,CAAA,KAAA;AAAA,gBAAQ,MAAM,IAAA,CAAA;AAAA,eAAA;AAAA;;;;;;;;;;;;;;;;;"}

package/es/components/table/src/components/Summary/Cell.vue2.mjs

@@ -0,0 +1,105 @@
+import { defineComponent, computed, watchEffect, onUnmounted, ref, watch } from 'vue';
+import { useInjectTable } from '../context/TableContext.mjs';
+import { useInjectSummary, useInjectSummaryRow } from '../context/SummaryContext.mjs';
+import eagerComputed from '../../utils/eagerComputed.mjs';
+import devWarning from '../../utils/devWarning.mjs';
+
+let idCount = 1;
+var _sfc_main = defineComponent({
+  name: "ProTableSummaryCell",
+  props: {
+    index: { type: Number },
+    colSpan: { type: Number, default: 1 },
+    align: { type: String },
+    columnKey: String
+  },
+  setup(props) {
+    const summaryCtx = useInjectSummary();
+    const tableContext = useInjectTable();
+    const summaryRowCtx = useInjectSummaryRow();
+    const cellId = "id_" + idCount++;
+    const columnIndex = eagerComputed(
+      () => props.columnKey ? tableContext.columnKeyIndexMap.value[props.columnKey] : props.index
+    );
+    const isValidColumnIndex = computed(
+      () => columnIndex.value >= 0 && columnIndex.value <= tableContext.allColumns.value.length
+    );
+    watchEffect(() => {
+      if (isValidColumnIndex.value) {
+        summaryRowCtx.updateCell(cellId, columnIndex.value, props.colSpan);
+      }
+      setTimeout(() => {
+        devWarning(
+          isValidColumnIndex.value,
+          "TableSummaryCell",
+          `'index=${props.index}' or 'columnKey=${props.columnKey || ""}' is not valid`
+        );
+      });
+    });
+    onUnmounted(() => {
+      summaryRowCtx.removeCell(cellId);
+    });
+    const cellConfig = computed(
+      () => summaryRowCtx.cells.value[columnIndex.value] || {
+        width: 0,
+        visible: false,
+        // fixed: false,
+        style: {}
+      }
+    );
+    const { allColumns } = tableContext;
+    const column = computed(() => allColumns.value[columnIndex.value]);
+    const pageData = computed(() => tableContext.pageData.value);
+    const dataIndex = ref();
+    watch(
+      column,
+      () => {
+        var _a;
+        dataIndex.value = (_a = column.value) == null ? void 0 : _a.dataIndex;
+      },
+      { immediate: true }
+    );
+    const total = computed(() => {
+      let sum = 0;
+      const records = pageData.value;
+      for (let i = 0; i < records.length; i++) {
+        const record = records[i];
+        sum += Number(record[dataIndex.value]);
+        if (isNaN(sum)) {
+          break;
+        }
+      }
+      return sum;
+    });
+    const prefixCls = computed(() => tableContext.prefixCls.value);
+    const cellClass = computed(() => {
+      const { fixed, isLastFixedLeft, isFirstFixedRight } = cellConfig.value;
+      return {
+        [`${prefixCls.value}-cell`]: true,
+        [`${prefixCls.value}-summary-cell`]: true,
+        [`${prefixCls.value}-summary-cell-fixed-${fixed}`]: !!fixed,
+        [`${prefixCls.value}-summary-cell-last-fixed-left`]: isLastFixedLeft,
+        [`${prefixCls.value}-summary-cell-first-fixed-right`]: isFirstFixedRight
+      };
+    });
+    const cellStyle = computed(() => {
+      const width = `${cellConfig.value.width}px`;
+      return { width, minWidth: width, maxWidth: width, order: columnIndex.value };
+    });
+    const cellInnerClass = computed(() => ({ [`${prefixCls.value}-cell-inner`]: true }));
+    return {
+      prefixCls,
+      column,
+      summaryCtx,
+      pageData,
+      total,
+      cellClass,
+      cellConfig,
+      cellStyle,
+      cellInnerClass
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=Cell.vue2.mjs.map

package/es/components/table/src/components/Summary/Cell.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.vue2.mjs","sources":["../../../../../../../../packages/components/table/src/components/Summary/Cell.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2022-11-07 18:17:45\n * @LastEditors: shen\n * @LastEditTime: 2025-09-02 14:42:26\n * @Description:\n-->\n<script lang=\"ts\">\nimport type { PropType } from 'vue'\nimport type { SummaryCellConfig } from '../context/SummaryContext'\nimport type { AlignType, FinallyColumnType, DefaultRecordType } from '../interface'\n\nimport { ref, defineComponent, computed, watch, watchEffect, onUnmounted } from 'vue'\nimport { useInjectTable } from '../context/TableContext'\nimport { useInjectSummaryRow, useInjectSummary } from '../context/SummaryContext'\nimport eagerComputed from '../../utils/eagerComputed'\nimport devWarning from '../../utils/devWarning'\n\nlet idCount = 1\nexport default defineComponent({\n  name: 'ProTableSummaryCell',\n  props: {\n    index: { type: Number },\n    colSpan: { type: Number, default: 1 },\n    align: { type: String as PropType<AlignType> },\n    columnKey: String,\n  },\n  setup(props) {\n    const summaryCtx = useInjectSummary()\n    const tableContext = useInjectTable()\n    const summaryRowCtx = useInjectSummaryRow()\n    const cellId = 'id_' + idCount++\n    const columnIndex = eagerComputed(() =>\n      props.columnKey ? tableContext.columnKeyIndexMap.value[props.columnKey]! : props.index!,\n    )\n    const isValidColumnIndex = computed(\n      () => columnIndex.value >= 0 && columnIndex.value <= tableContext.allColumns.value.length,\n    )\n\n    watchEffect(() => {\n      if (isValidColumnIndex.value) {\n        summaryRowCtx.updateCell(cellId, columnIndex.value, props.colSpan)\n      }\n      setTimeout(() => {\n        devWarning(\n          isValidColumnIndex.value,\n          'TableSummaryCell',\n          `'index=${props.index}' or 'columnKey=${props.columnKey || ''}' is not valid`,\n        )\n      })\n    })\n\n    onUnmounted(() => {\n      summaryRowCtx.removeCell(cellId)\n    })\n\n    const cellConfig = computed<SummaryCellConfig>(\n      () =>\n        summaryRowCtx.cells.value[columnIndex.value] ||\n        ({\n          width: 0,\n          visible: false,\n          // fixed: false,\n          style: {},\n        } as SummaryCellConfig),\n    )\n\n    const { allColumns } = tableContext\n\n    const column = computed<FinallyColumnType>(() => allColumns.value[columnIndex.value]!)\n    const pageData = computed<DefaultRecordType[]>(() => tableContext.pageData.value)\n    const dataIndex = ref()\n\n    watch(\n      column,\n      () => {\n        dataIndex.value = column.value?.dataIndex\n      },\n      { immediate: true },\n    )\n\n    const total = computed(() => {\n      let sum = 0\n      const records = pageData.value\n      for (let i = 0; i < records.length; i++) {\n        const record = records[i]\n        sum += Number(record![dataIndex.value])\n        if (isNaN(sum)) {\n          break\n        }\n      }\n      return sum\n    })\n\n    const prefixCls = computed(() => tableContext.prefixCls.value)\n\n    const cellClass = computed(() => {\n      const { fixed, isLastFixedLeft, isFirstFixedRight } = cellConfig.value\n      return {\n        [`${prefixCls.value}-cell`]: true,\n        [`${prefixCls.value}-summary-cell`]: true,\n        [`${prefixCls.value}-summary-cell-fixed-${fixed}`]: !!fixed,\n        [`${prefixCls.value}-summary-cell-last-fixed-left`]: isLastFixedLeft,\n        [`${prefixCls.value}-summary-cell-first-fixed-right`]: isFirstFixedRight,\n      }\n    })\n    const cellStyle = computed(() => {\n      const width = `${cellConfig.value.width}px`\n      return { width, minWidth: width, maxWidth: width, order: columnIndex.value }\n    })\n\n    const cellInnerClass = computed(() => ({ [`${prefixCls.value}-cell-inner`]: true }))\n\n    return {\n      prefixCls,\n      column,\n      summaryCtx,\n      pageData,\n      total,\n      cellClass,\n      cellConfig,\n      cellStyle,\n      cellInnerClass,\n    }\n  },\n})\n</script>\n\n<template>\n  <div\n    v-if=\"cellConfig.visible\"\n    tabindex=\"-1\"\n    role=\"cell\"\n    :class=\"cellClass\"\n    :style=\"cellConfig.style\"\n  >\n    <div :class=\"cellInnerClass\">\n      <div :class=\"`${prefixCls}-cell-content`\">\n        <slot :column=\"column\" :total=\"total\" :data=\"pageData\" />\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":[],"mappings":";;;;;;AAkBA,IAAI,OAAA,GAAU,CAAA;AACd,gBAAe,eAAA,CAAgB;AAAA,EAC7B,IAAA,EAAM,qBAAA;AAAA,EACN,KAAA,EAAO;AAAA,IACL,KAAA,EAAO,EAAE,IAAA,EAAM,MAAA,EAAO;AAAA,IACtB,OAAA,EAAS,EAAE,IAAA,EAAM,MAAA,EAAQ,SAAS,CAAA,EAAE;AAAA,IACpC,KAAA,EAAO,EAAE,IAAA,EAAM,MAAA,EAA8B;AAAA,IAC7C,SAAA,EAAW;AAAA,GACb;AAAA,EACA,MAAM,KAAA,EAAO;AACX,IAAA,MAAM,aAAa,gBAAA,EAAiB;AACpC,IAAA,MAAM,eAAe,cAAA,EAAe;AACpC,IAAA,MAAM,gBAAgB,mBAAA,EAAoB;AAC1C,IAAA,MAAM,SAAS,KAAA,GAAQ,OAAA,EAAA;AACvB,IAAA,MAAM,WAAA,GAAc,aAAA;AAAA,MAAc,MAChC,MAAM,SAAA,GAAY,YAAA,CAAa,kBAAkB,KAAA,CAAM,KAAA,CAAM,SAAS,CAAA,GAAK,KAAA,CAAM;AAAA,KACnF;AACA,IAAA,MAAM,kBAAA,GAAqB,QAAA;AAAA,MACzB,MAAM,YAAY,KAAA,IAAS,CAAA,IAAK,YAAY,KAAA,IAAS,YAAA,CAAa,WAAW,KAAA,CAAM;AAAA,KACrF;AAEA,IAAA,WAAA,CAAY,MAAM;AAChB,MAAA,IAAI,mBAAmB,KAAA,EAAO;AAC5B,QAAA,aAAA,CAAc,UAAA,CAAW,MAAA,EAAQ,WAAA,CAAY,KAAA,EAAO,MAAM,OAAO,CAAA;AAAA,MACnE;AACA,MAAA,UAAA,CAAW,MAAM;AACf,QAAA,UAAA;AAAA,UACE,kBAAA,CAAmB,KAAA;AAAA,UACnB,kBAAA;AAAA,UACA,UAAU,KAAA,CAAM,KAAK,CAAA,gBAAA,EAAmB,KAAA,CAAM,aAAa,EAAE,CAAA,cAAA;AAAA,SAC/D;AAAA,MACF,CAAC,CAAA;AAAA,IACH,CAAC,CAAA;AAED,IAAA,WAAA,CAAY,MAAM;AAChB,MAAA,aAAA,CAAc,WAAW,MAAM,CAAA;AAAA,IACjC,CAAC,CAAA;AAED,IAAA,MAAM,UAAA,GAAa,QAAA;AAAA,MACjB,MACE,aAAA,CAAc,KAAA,CAAM,KAAA,CAAM,WAAA,CAAY,KAAK,CAAA,IAC1C;AAAA,QACC,KAAA,EAAO,CAAA;AAAA,QACP,OAAA,EAAS,KAAA;AAAA;AAAA,QAET,OAAO;AAAC;AACV,KACJ;AAEA,IAAA,MAAM,EAAE,YAAW,GAAI,YAAA;AAEvB,IAAA,MAAM,SAAS,QAAA,CAA4B,MAAM,WAAW,KAAA,CAAM,WAAA,CAAY,KAAK,CAAE,CAAA;AACrF,IAAA,MAAM,QAAA,GAAW,QAAA,CAA8B,MAAM,YAAA,CAAa,SAAS,KAAK,CAAA;AAChF,IAAA,MAAM,YAAY,GAAA,EAAI;AAEtB,IAAA,KAAA;AAAA,MACE,MAAA;AAAA,MACA,MAAM;;AACJ,QAAA,SAAA,CAAU,KAAA,GAAA,CAAQ,EAAA,GAAA,MAAA,CAAO,KAAA,KAAP,IAAA,GAAA,MAAA,GAAA,EAAA,CAAc,SAAA;AAAA,MAClC,CAAA;AAAA,MACA,EAAE,WAAW,IAAA;AAAK,KACpB;AAEA,IAAA,MAAM,KAAA,GAAQ,SAAS,MAAM;AAC3B,MAAA,IAAI,GAAA,GAAM,CAAA;AACV,MAAA,MAAM,UAAU,QAAA,CAAS,KAAA;AACzB,MAAA,KAAA,IAAS,CAAA,GAAI,CAAA,EAAG,CAAA,GAAI,OAAA,CAAQ,QAAQ,CAAA,EAAA,EAAK;AACvC,QAAA,MAAM,MAAA,GAAS,QAAQ,CAAC,CAAA;AACxB,QAAA,GAAA,IAAO,MAAA,CAAO,MAAA,CAAQ,SAAA,CAAU,KAAK,CAAC,CAAA;AACtC,QAAA,IAAI,KAAA,CAAM,GAAG,CAAA,EAAG;AACd,UAAA;AAAA,QACF;AAAA,MACF;AACA,MAAA,OAAO,GAAA;AAAA,IACT,CAAC,CAAA;AAED,IAAA,MAAM,SAAA,GAAY,QAAA,CAAS,MAAM,YAAA,CAAa,UAAU,KAAK,CAAA;AAE7D,IAAA,MAAM,SAAA,GAAY,SAAS,MAAM;AAC/B,MAAA,MAAM,EAAE,KAAA,EAAO,eAAA,EAAiB,iBAAA,KAAsB,UAAA,CAAW,KAAA;AACjE,MAAA,OAAO;AAAA,QACL,CAAC,CAAA,EAAG,SAAA,CAAU,KAAK,OAAO,GAAG,IAAA;AAAA,QAC7B,CAAC,CAAA,EAAG,SAAA,CAAU,KAAK,eAAe,GAAG,IAAA;AAAA,QACrC,CAAC,GAAG,SAAA,CAAU,KAAK,uBAAuB,KAAK,CAAA,CAAE,GAAG,CAAC,CAAC,KAAA;AAAA,QACtD,CAAC,CAAA,EAAG,SAAA,CAAU,KAAK,+BAA+B,GAAG,eAAA;AAAA,QACrD,CAAC,CAAA,EAAG,SAAA,CAAU,KAAK,iCAAiC,GAAG;AAAA,OACzD;AAAA,IACF,CAAC,CAAA;AACD,IAAA,MAAM,SAAA,GAAY,SAAS,MAAM;AAC/B,MAAA,MAAM,KAAA,GAAQ,CAAA,EAAG,UAAA,CAAW,KAAA,CAAM,KAAK,CAAA,EAAA,CAAA;AACvC,MAAA,OAAO,EAAE,OAAO,QAAA,EAAU,KAAA,EAAO,UAAU,KAAA,EAAO,KAAA,EAAO,YAAY,KAAA,EAAM;AAAA,IAC7E,CAAC,CAAA;AAED,IAAA,MAAM,cAAA,GAAiB,QAAA,CAAS,OAAO,EAAE,CAAC,CAAA,EAAG,SAAA,CAAU,KAAK,CAAA,WAAA,CAAa,GAAG,IAAA,EAAK,CAAE,CAAA;AAEnF,IAAA,OAAO;AAAA,MACL,SAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,MACA,QAAA;AAAA,MACA,KAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA;AAAA,MACA;AAAA,KACF;AAAA,EACF;AACF,CAAC,CAAA;;;;"}