@koi-design/uxd-ui 14.0.43 → 14.0.45

package/README.md

@@ -0,0 +1,194 @@
+# UXD-UI
+
+[English](./README-en.md) | 简体中文
+
+一个基于 Vue 3 的现代化 UI 组件库。
+
+## ✨ 特性
+
+- 🎨 **现代化设计** - 精心设计的组件外观，提供多种主题色和风格
+- 🚀 **Vue 3 + TypeScript** - 完整的 TypeScript 类型支持
+- 📦 **按需加载** - 支持 Tree Shaking，减小打包体积
+- 🎯 **易于使用** - 简洁直观的 API 设计
+- 🌈 **主题定制** - 灵活的 CSS 变量系统，轻松定制主题
+- 📱 **响应式设计** - 完美适配各种屏幕尺寸
+- 🌍 **国际化** - 内置中英文支持，可扩展至其他语言
+
+## 📦 安装
+
+```bash
+npm install @koi-design/uxd-ui
+```
+
+或使用 yarn / pnpm：
+
+```bash
+yarn add @koi-design/uxd-ui
+pnpm add @koi-design/uxd-ui
+```
+
+## 🔨 使用
+
+### 完整引入
+
+```javascript
+import { createApp } from 'vue';
+import UxdUI from '@koi-design/uxd-ui';
+import '@koi-design/uxd-ui/dist/index.css';
+import App from './App.vue';
+
+const app = createApp(App);
+app.use(UxdUI);
+app.mount('#app');
+```
+
+### 按需引入
+
+```vue
+<template>
+  <UButton type="primary">按钮</UButton>
+  <UInput v-model="value" placeholder="请输入" />
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import { UButton, UInput } from '@koi-design/uxd-ui';
+import '@koi-design/uxd-ui/dist/index.css';
+
+const value = ref('');
+</script>
+```
+
+## 📚 文档
+
+### 在线文档
+
+- [中文文档](https://your-site.com/zh)
+- [English Documentation](https://your-site.com/en)
+
+### 本地文档
+
+本仓库包含完整的组件文档：
+
+- **中文文档**: [component-docs-zh/README.md](./component-docs-zh/README.md)
+- **English Docs**: [component-docs-en/README.md](./component-docs-en/README.md)
+
+### 组件列表
+
+#### 基础组件
+Button, Icon, Link, Text
+
+#### 布局组件
+Grid, Layout, Space, Divider
+
+#### 导航组件
+Affix, Anchor, BackTop, Breadcrumb, Dropdown, Menu, PageHeader, Pagination, Steps, Tabs, TabNav
+
+#### 数据录入组件
+AutoComplete, Cascader, Checkbox, ColorPicker, DatePicker, Form, Input, InputNumber, Mention, Radio, Rate, Select, Slider, Switch, TimePicker, Transfer, TreeSelect, Upload
+
+#### 数据展示组件
+Avatar, Badge, Calendar, Card, Carousel, Collapse, Comment, Empty, Image, InfoView, List, Popover, Scrollbar, Statistic, Table, Tag, Timeline, Tooltip, Tree
+
+#### 反馈组件
+Alert, Drawer, LoadingBar, Message, Modal, Notice, Notification, PopConfirm, Progress, Result, Skeleton, Spin
+
+#### 其他组件
+ConfigProvider, InfiniteScroll, Mask
+
+## 🎨 主题定制
+
+UXD-UI 支持通过 CSS 变量进行主题定制：
+
+```css
+:root {
+  --u-primary-color: #1890ff;
+  --u-success-color: #52c41a;
+  --u-warning-color: #faad14;
+  --u-danger-color: #ff4d4f;
+  
+  --u-font-size-base: 14px;
+  --u-border-radius-base: 4px;
+}
+```
+
+## 🌍 国际化
+
+```vue
+<template>
+  <UConfigProvider :locale="locale">
+    <App />
+  </UConfigProvider>
+</template>
+
+<script setup>
+import { UConfigProvider } from '@koi-design/uxd-ui';
+import zhCN from '@koi-design/uxd-ui/lang/zh-cn';
+import enUS from '@koi-design/uxd-ui/lang/en-us';
+
+const locale = zhCN; // 或 enUS
+</script>
+```
+
+## 🔧 开发
+
+### 环境要求
+
+- Node.js >= 16
+- pnpm >= 8
+
+### 本地开发
+
+```bash
+# 克隆仓库
+git clone http://git.100credit.cn/fe/public/uxd/uxd-ui.git
+
+# 安装依赖
+pnpm install
+
+# 启动开发服务器
+pnpm dev
+
+# 构建文档
+pnpm docs:build
+
+# 构建组件库
+pnpm build
+```
+
+### 生成文档
+
+本项目提供了文档生成工具：
+
+```bash
+# 生成中英文文档
+node generate-docs-bilingual.js
+
+# 生成中文文档（使用原始脚本）
+node generate-docs-enhanced.js
+```
+
+## 🤝 贡献
+
+我们欢迎所有形式的贡献！
+
+在提交 Pull Request 之前，请确保：
+
+1. 代码符合项目的编码规范
+2. 添加了必要的测试用例
+3. 更新了相关文档
+4. 所有测试都通过
+
+详见 [贡献指南](./CONTRIBUTING.md)
+
+## 📄 许可证
+
+[MIT License](./LICENSE)
+
+## 🙏 致谢
+
+感谢所有为这个项目做出贡献的开发者！
+
+---
+
+**Made with ❤️ by UXD-UI Team**

package/es/components/Anchor/Anchor.mjs

@@ -213,17 +213,17 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   }, {
     default: withCtx(() => [
       createElementVNode("div", {
-        class: normalizeClass(`${_ctx.containerClass} ${_ctx.prefixCls}-wrapper`),
+        class: normalizeClass(`${_ctx.containerClass} ${_ctx.prefixCls}`),
         style: normalizeStyle(_ctx.wrapperStyle)
       }, [
         createElementVNode("div", {
-          class: normalizeClass(`${_ctx.prefixCls}`)
+          class: normalizeClass(`${_ctx.prefixCls}-inner`)
         }, [
           createElementVNode("div", {
-            class: normalizeClass(`${_ctx.prefixCls}-ink`)
+            class: normalizeClass(`${_ctx.prefixCls}-inner-ink`)
           }, [
             withDirectives(createElementVNode("span", {
-              class: normalizeClass(`${_ctx.prefixCls}-ink-ball`),
+              class: normalizeClass(`${_ctx.prefixCls}-inner-ink-ball`),
               style: normalizeStyle({ top: `${_ctx.inkTop}px` })
             }, null, 6), [
               [vShow, _ctx.showInk]

package/es/components/Anchor/Anchor.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Anchor.mjs","sources":["../../../../src/components/Anchor/Anchor.vue"],"sourcesContent":["<template>\n  <component :is=\"wrapperComponent\" :container=\"container\" :offset-top=\"offsetTop\" :offset-bottom=\"offsetBottom\" @on-change=\"handleAffixStateChange\">\n    <div :class=\"`${containerClass} ${prefixCls}-wrapper`\" :style=\"wrapperStyle\">\n      <div :class=\"`${prefixCls}`\">\n        <div :class=\"`${prefixCls}-ink`\">\n          <span v-show=\"showInk\" :class=\"`${prefixCls}-ink-ball`\" :style=\"{ top: `${inkTop}px` }\" />\n        </div>\n        <slot />\n      </div>\n    </div>\n  </component>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, nextTick, onBeforeUnmount, onMounted, provide, ref, toRefs, watch } from 'vue';\n\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport { addEventListener, scrollTop } from '../../utils/dom';\nimport type { addEventListenerReturn } from '../../utils/dom';\nimport { anchorProps, anchorEmits } from './Anchor.type';\nimport type { LinkOffset } from './Anchor.type';\n\nexport default defineComponent({\n  name: 'UAnchor',\n  props: anchorProps,\n  emits: anchorEmits,\n  setup(props, { emit }) {\n    const { scrollOffset } = toRefs(props);\n    const { prefixCls } = useGlobalConfig('anchor');\n    const isAffixed = ref(false);\n    const inkTop = ref(0);\n    const currentLink = ref('');\n    let currentId = ''; // current show title id =>  #href -> currentId = href\n    let titlesOffsetArr: LinkOffset[] = [];\n    const links: string[] = [];\n    let wrapperTop = 0;\n    let scrollElement: HTMLElement | null = null;\n    let hashChangeEvent: addEventListenerReturn | null = null;\n    let scrollEvent: addEventListenerReturn | null = null;\n    let animating = false;\n\n    const wrapperComponent = computed(() => {\n      return props.affix ? 'UAffix' : 'div';\n    });\n\n    const wrapperStyle = computed(() => {\n      let offset = '100vh';\n      if (props.offsetBottom || props.offsetBottom === 0) {\n        offset = `calc(100vh - ${props.offsetBottom}px)`;\n      } else if (props.offsetTop || props.offsetTop === 0) {\n        offset = `calc(100vh - ${props.offsetTop}px)`;\n      }\n      return {\n        maxHeight: offset,\n        ...props.containerStyle\n      };\n    });\n\n    watch(currentLink, (nv, ov) => {\n      emit('change', nv, ov);\n    });\n\n    const handleAffixStateChange = (state: boolean) => {\n      isAffixed.value = props.affix && state;\n    };\n\n    const handleSetInkTop = () => {\n      const currentLinkElementA = document.querySelector<HTMLElement>(`a[data-href=\"${currentLink.value}\"]`);\n      if (!currentLinkElementA) return;\n      const elementATop = currentLinkElementA.offsetTop;\n      inkTop.value = elementATop < 0 ? props.offsetTop : elementATop;\n    };\n\n    const handleScrollTo = () => {\n      const anchor = document.getElementById(currentId);\n      const currentLinkElementA = document.querySelector(`a[data-href=\"${currentLink.value}\"]`);\n      let offset = props.scrollOffset;\n      if (currentLinkElementA) {\n        offset = parseFloat(currentLinkElementA.getAttribute('data-scroll-offset')?.toString() || '0');\n      }\n      if (!anchor) return;\n      const offsetTop = anchor.offsetTop - wrapperTop - offset;\n      animating = true;\n      if (scrollElement) {\n        scrollTop(scrollElement, offsetTop, props.duration, () => {\n          animating = false;\n        });\n      }\n\n      handleSetInkTop();\n    };\n\n    const updateTitleOffset = () => {\n      const offsetArr: LinkOffset[] = [];\n      links.forEach((link) => {\n        const titleEle = document.getElementById(link.split('#')[1]);\n        if (titleEle)\n          offsetArr.push({\n            link,\n            offset: titleEle.offsetTop - (scrollElement?.offsetTop || 0)\n          });\n      });\n      titlesOffsetArr = offsetArr;\n    };\n\n    const getCurrentScrollAtTitleId = (top: number) => {\n      let _scrollTop = top;\n      let i = 0;\n      const len = titlesOffsetArr.length;\n      let titleItem = {\n        link: '#',\n        offset: 0\n      };\n      _scrollTop += props.bounds;\n      while (i < len) {\n        const currentEle = titlesOffsetArr[i];\n        const nextEle = titlesOffsetArr[i + 1];\n        if (_scrollTop >= currentEle.offset && _scrollTop < ((nextEle && nextEle.offset) || Infinity)) {\n          titleItem = titlesOffsetArr[i];\n          break;\n        }\n        i += 1;\n      }\n      currentLink.value = titleItem.link;\n      handleSetInkTop();\n    };\n\n    const handleScroll = (e: any) => {\n      if (animating) return;\n      updateTitleOffset();\n\n      const _scrollTop = document.documentElement.scrollTop || document.body.scrollTop || e.target.scrollTop;\n      getCurrentScrollAtTitleId(_scrollTop);\n    };\n\n    const handleHashChange = (toHash?: Record<string, any> | string) => {\n      const url = typeof toHash === 'object' ? toHash.newURL : toHash || currentLink.value; // window.location.href;\n      const sharpMatcherRegx = /#([^#]+)$/;\n      const sharpLinkMatch = sharpMatcherRegx.exec(url);\n      if (!sharpLinkMatch) return;\n      currentLink.value = sharpLinkMatch[0];\n      currentId = sharpLinkMatch[1];\n\n      nextTick(() => {\n        handleScrollTo();\n      });\n    };\n\n    const removeListener = () => {\n      hashChangeEvent && hashChangeEvent.remove();\n      scrollEvent && scrollEvent.remove();\n    };\n\n    const setCurrentLink = (link: string) => {\n      if (link) {\n        handleHashChange(link);\n        // handleScrollTo();\n        // if (props.showHash && route) {\n        //   // ctx.$router.push(href.value, () => {});\n        //   route.push(currentLink.value, () => {});\n        // } else if(props.showHash) {\n        //   window.location.href = currentLink.value;\n        // }\n        if (props.showHash) {\n          const sharpMatcherRegx = /#([^#]+)$/;\n          const sharpLinkMatch = sharpMatcherRegx.exec(window.location.hash);\n          if (sharpLinkMatch && sharpLinkMatch.length > 0) {\n            if (!links.includes(sharpLinkMatch[0] || '')) {\n              window.location.hash += currentLink.value;\n            } else {\n              window.location.hash = window.location.hash.replace(sharpLinkMatch[0], currentLink.value);\n            }\n          }\n        }\n      }\n    };\n\n    const registerLink = (link: string) => {\n      if (!links.includes(link)) {\n        links.push(link);\n      }\n    };\n\n    const unregisterLink = (link: string) => {\n      const index = links.indexOf(link);\n      if (index !== -1) {\n        links.splice(index, 1);\n      }\n    };\n\n    const init = () => {\n      handleHashChange();\n      nextTick(() => {\n        removeListener();\n        wrapperTop = 0;\n        if (props.container) {\n          scrollElement = typeof props.container === 'string' ? document.querySelector<HTMLElement>(props.container) : props.container();\n\n          if (scrollElement instanceof HTMLElement) {\n            wrapperTop = scrollElement.offsetTop;\n          }\n        } else {\n          scrollElement = document.documentElement || document.body;\n        }\n        handleScrollTo();\n        handleSetInkTop();\n        updateTitleOffset();\n        scrollEvent = addEventListener(scrollElement || window, 'scroll', handleScroll);\n        hashChangeEvent = addEventListener(window, 'hashchange', (e: Event) => {\n          handleHashChange(e as Record<string, any>);\n        });\n      });\n    };\n\n    watch(\n      () => props.container,\n      () => {\n        init();\n      }\n    );\n\n    provide('anchorContext', {\n      scrollOffset,\n      registerLink,\n      unregisterLink,\n      setCurrentLink,\n      currentLink\n    });\n\n    onMounted(() => {\n      nextTick(() => {\n        init();\n      });\n    });\n\n    // beforeDestroy\n    onBeforeUnmount(() => {\n      removeListener();\n    });\n\n    return {\n      prefixCls,\n      wrapperComponent,\n      handleAffixStateChange,\n      wrapperStyle,\n      inkTop\n    };\n  }\n});\n</script>\n"],"names":["_createBlock","_resolveDynamicComponent","_createElementVNode","_normalizeClass","_normalizeStyle","_renderSlot"],"mappings":";;;;;;AAsBA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM,OAAO,EAAE,QAAQ;UACf,EAAE,iBAAiB,OAAO,KAAK;UAC/B,EAAE,cAAc,gBAAgB,QAAQ;UACxC,YAAY,IAAI,KAAK;UACrB,SAAS,IAAI,CAAC;UACd,cAAc,IAAI,EAAE;QACtB,YAAY;QACZ,kBAAgC;UAC9B,QAAkB;QACpB,aAAa;QACb,gBAAoC;QACpC,kBAAiD;QACjD,cAA6C;QAC7C,YAAY;UAEV,mBAAmB,SAAS,MAAM;aAC/B,MAAM,QAAQ,WAAW;AAAA,KACjC;UAEK,eAAe,SAAS,MAAM;UAC9B,SAAS;UACT,MAAM,gBAAgB,MAAM,iBAAiB,GAAG;iBACzC,gBAAgB,MAAM;AAAA,iBACtB,MAAM,aAAa,MAAM,cAAc,GAAG;iBAC1C,gBAAgB,MAAM;AAAA;aAE1B;AAAA,QACL,WAAW;AAAA,QACX,GAAG,MAAM;AAAA;AACX,KACD;UAEK,aAAa,CAAC,IAAI,OAAO;WACxB,UAAU,IAAI,EAAE;AAAA,KACtB;UAEK,yBAAyB,CAAC,UAAmB;gBACvC,QAAQ,MAAM,SAAS;AAAA;UAG7B,kBAAkB,MAAM;YACtB,sBAAsB,SAAS,cAA2B,gBAAgB,YAAY,SAAS;UACjG,CAAC;;YACC,cAAc,oBAAoB;aACjC,QAAQ,cAAc,IAAI,MAAM,YAAY;AAAA;UAG/C,iBAAiB,MAAM;AA3DjC;YA4DY,SAAS,SAAS,eAAe,SAAS;YAC1C,sBAAsB,SAAS,cAAc,gBAAgB,YAAY,SAAS;UACpF,SAAS,MAAM;UACf,qBAAqB;iBACd,aAAW,yBAAoB,aAAa,oBAAoB,MAArD,mBAAwD,eAAc,GAAG;AAAA;UAE3F,CAAC;;YACC,YAAY,OAAO,YAAY,aAAa;kBACtC;UACR,eAAe;kBACP,eAAe,WAAW,MAAM,UAAU,MAAM;sBAC5C;AAAA,SACb;AAAA;;AAGa;UAGZ,oBAAoB,MAAM;YACxB,YAA0B;YAC1B,QAAQ,CAAC,SAAS;cAChB,WAAW,SAAS,eAAe,KAAK,MAAM,GAAG,EAAE,EAAE;YACvD;oBACQ,KAAK;AAAA,YACb;AAAA,YACA,QAAQ,SAAS,cAAa,+CAAe,cAAa;AAAA,WAC3D;AAAA,OACJ;wBACiB;AAAA;UAGd,4BAA4B,CAAC,QAAgB;UAC7C,aAAa;UACb,IAAI;YACF,MAAM,gBAAgB;UACxB,YAAY;AAAA,QACd,MAAM;AAAA,QACN,QAAQ;AAAA;oBAEI,MAAM;aACb,IAAI,KAAK;cACR,aAAa,gBAAgB;cAC7B,UAAU,gBAAgB,IAAI;YAChC,cAAc,WAAW,UAAU,cAAe,WAAW,QAAQ,UAAW,WAAW;sBACjF,gBAAgB;;;aAGzB;AAAA;kBAEK,QAAQ,UAAU;;AACd;UAGZ,eAAe,CAAC,MAAW;UAC3B;;;YAGE,aAAa,SAAS,gBAAgB,aAAa,SAAS,KAAK,aAAa,EAAE,OAAO;gCACnE,UAAU;AAAA;UAGhC,mBAAmB,CAAC,WAA0C;YAC5D,MAAM,OAAO,WAAW,WAAW,OAAO,SAAS,UAAU,YAAY;YACzE,mBAAmB;YACnB,iBAAiB,iBAAiB,KAAK,GAAG;UAC5C,CAAC;;kBACO,QAAQ,eAAe;kBACvB,eAAe;eAElB,MAAM;;AACE,OAChB;AAAA;UAGG,iBAAiB,MAAM;yBACR,gBAAgB;qBACpB,YAAY;AAAO;UAG9B,iBAAiB,CAAC,SAAiB;UACnC,MAAM;yBACS,IAAI;YAQjB,MAAM,UAAU;gBACZ,mBAAmB;gBACnB,iBAAiB,iBAAiB,KAAK,OAAO,SAAS,IAAI;cAC7D,kBAAkB,eAAe,SAAS,GAAG;gBAC3C,CAAC,MAAM,SAAS,eAAe,MAAM,EAAE,GAAG;qBACrC,SAAS,QAAQ,YAAY;AAAA,mBAC/B;qBACE,SAAS,OAAO,OAAO,SAAS,KAAK,QAAQ,eAAe,IAAI,YAAY,KAAK;AAAA;AAC1F;AACF;AACF;AACF;UAGI,eAAe,CAAC,SAAiB;UACjC,CAAC,MAAM,SAAS,IAAI,GAAG;cACnB,KAAK,IAAI;AAAA;AACjB;UAGI,iBAAiB,CAAC,SAAiB;YACjC,QAAQ,MAAM,QAAQ,IAAI;UAC5B,UAAU,IAAI;cACV,OAAO,OAAO,CAAC;AAAA;AACvB;UAGI,OAAO,MAAM;;eAER,MAAM;;qBAEA;YACT,MAAM,WAAW;0BACH,OAAO,MAAM,cAAc,WAAW,SAAS,cAA2B,MAAM,SAAS,IAAI,MAAM;cAE/G,yBAAyB,aAAa;yBAC3B,cAAc;AAAA;AAC7B,eACK;0BACW,SAAS,mBAAmB,SAAS;AAAA;;;;sBAKzC,iBAAiB,iBAAiB,QAAQ,UAAU,YAAY;0BAC5D,iBAAiB,QAAQ,cAAc,CAAC,MAAa;2BACpD,CAAwB;AAAA,SAC1C;AAAA,OACF;AAAA;;MAID,MAAM,MAAM;AAAA,MACZ,MAAM;;AACC;AACP;YAGM,iBAAiB;AAAA,MACvB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,KACD;cAES,MAAM;eACL,MAAM;;AACR,OACN;AAAA,KACF;oBAGe,MAAM;;AACL,KAChB;WAEM;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;sBAvPCA,YASYC,wBATI,qBAAgB;IAAG,WAAW;IAAY,cAAY;IAAY,iBAAe;IAAe,YAAW;;qBACzH,MAOM;AAAA,MAPNC,mBAOM;QAPA,OAAKC,kBAAK,uBAAkB,wBAAS;AAAA,QAAa,OAAKC,eAAE,iBAAY;AAAA;QACzEF,mBAKM;UALA,OAAKC,kBAAK,gBAAS;AAAA;UACvBD,mBAEM;YAFA,OAAKC,kBAAK,oBAAS;AAAA;2BACvBD,mBAA0F;cAAlE,OAAKC,kBAAK,yBAAS;AAAA,cAAc,OAAKC,yBAAY;;sBAA5D,YAAO;AAAA;;UAEvBC,WAAQ;;;;;;;;;;;"}
+{"version":3,"file":"Anchor.mjs","sources":["../../../../src/components/Anchor/Anchor.vue"],"sourcesContent":["<template>\n  <component :is=\"wrapperComponent\" :container=\"container\" :offset-top=\"offsetTop\" :offset-bottom=\"offsetBottom\" @on-change=\"handleAffixStateChange\">\n    <div :class=\"`${containerClass} ${prefixCls}`\" :style=\"wrapperStyle\">\n      <div :class=\"`${prefixCls}-inner`\">\n        <div :class=\"`${prefixCls}-inner-ink`\">\n          <span v-show=\"showInk\" :class=\"`${prefixCls}-inner-ink-ball`\" :style=\"{ top: `${inkTop}px` }\" />\n        </div>\n        <slot />\n      </div>\n    </div>\n  </component>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, nextTick, onBeforeUnmount, onMounted, provide, ref, toRefs, watch } from 'vue';\n\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport { addEventListener, scrollTop } from '../../utils/dom';\nimport type { addEventListenerReturn } from '../../utils/dom';\nimport { anchorProps, anchorEmits } from './Anchor.type';\nimport type { LinkOffset } from './Anchor.type';\n\nexport default defineComponent({\n  name: 'UAnchor',\n  props: anchorProps,\n  emits: anchorEmits,\n  setup(props, { emit }) {\n    const { scrollOffset } = toRefs(props);\n    const { prefixCls } = useGlobalConfig('anchor');\n    const isAffixed = ref(false);\n    const inkTop = ref(0);\n    const currentLink = ref('');\n    let currentId = ''; // current show title id =>  #href -> currentId = href\n    let titlesOffsetArr: LinkOffset[] = [];\n    const links: string[] = [];\n    let wrapperTop = 0;\n    let scrollElement: HTMLElement | null = null;\n    let hashChangeEvent: addEventListenerReturn | null = null;\n    let scrollEvent: addEventListenerReturn | null = null;\n    let animating = false;\n\n    const wrapperComponent = computed(() => {\n      return props.affix ? 'UAffix' : 'div';\n    });\n\n    const wrapperStyle = computed(() => {\n      let offset = '100vh';\n      if (props.offsetBottom || props.offsetBottom === 0) {\n        offset = `calc(100vh - ${props.offsetBottom}px)`;\n      } else if (props.offsetTop || props.offsetTop === 0) {\n        offset = `calc(100vh - ${props.offsetTop}px)`;\n      }\n      return {\n        maxHeight: offset,\n        ...props.containerStyle\n      };\n    });\n\n    watch(currentLink, (nv, ov) => {\n      emit('change', nv, ov);\n    });\n\n    const handleAffixStateChange = (state: boolean) => {\n      isAffixed.value = props.affix && state;\n    };\n\n    const handleSetInkTop = () => {\n      const currentLinkElementA = document.querySelector<HTMLElement>(`a[data-href=\"${currentLink.value}\"]`);\n      if (!currentLinkElementA) return;\n      const elementATop = currentLinkElementA.offsetTop;\n      inkTop.value = elementATop < 0 ? props.offsetTop : elementATop;\n    };\n\n    const handleScrollTo = () => {\n      const anchor = document.getElementById(currentId);\n      const currentLinkElementA = document.querySelector(`a[data-href=\"${currentLink.value}\"]`);\n      let offset = props.scrollOffset;\n      if (currentLinkElementA) {\n        offset = parseFloat(currentLinkElementA.getAttribute('data-scroll-offset')?.toString() || '0');\n      }\n      if (!anchor) return;\n      const offsetTop = anchor.offsetTop - wrapperTop - offset;\n      animating = true;\n      if (scrollElement) {\n        scrollTop(scrollElement, offsetTop, props.duration, () => {\n          animating = false;\n        });\n      }\n\n      handleSetInkTop();\n    };\n\n    const updateTitleOffset = () => {\n      const offsetArr: LinkOffset[] = [];\n      links.forEach((link) => {\n        const titleEle = document.getElementById(link.split('#')[1]);\n        if (titleEle)\n          offsetArr.push({\n            link,\n            offset: titleEle.offsetTop - (scrollElement?.offsetTop || 0)\n          });\n      });\n      titlesOffsetArr = offsetArr;\n    };\n\n    const getCurrentScrollAtTitleId = (top: number) => {\n      let _scrollTop = top;\n      let i = 0;\n      const len = titlesOffsetArr.length;\n      let titleItem = {\n        link: '#',\n        offset: 0\n      };\n      _scrollTop += props.bounds;\n      while (i < len) {\n        const currentEle = titlesOffsetArr[i];\n        const nextEle = titlesOffsetArr[i + 1];\n        if (_scrollTop >= currentEle.offset && _scrollTop < ((nextEle && nextEle.offset) || Infinity)) {\n          titleItem = titlesOffsetArr[i];\n          break;\n        }\n        i += 1;\n      }\n      currentLink.value = titleItem.link;\n      handleSetInkTop();\n    };\n\n    const handleScroll = (e: any) => {\n      if (animating) return;\n      updateTitleOffset();\n\n      const _scrollTop = document.documentElement.scrollTop || document.body.scrollTop || e.target.scrollTop;\n      getCurrentScrollAtTitleId(_scrollTop);\n    };\n\n    const handleHashChange = (toHash?: Record<string, any> | string) => {\n      const url = typeof toHash === 'object' ? toHash.newURL : toHash || currentLink.value; // window.location.href;\n      const sharpMatcherRegx = /#([^#]+)$/;\n      const sharpLinkMatch = sharpMatcherRegx.exec(url);\n      if (!sharpLinkMatch) return;\n      currentLink.value = sharpLinkMatch[0];\n      currentId = sharpLinkMatch[1];\n\n      nextTick(() => {\n        handleScrollTo();\n      });\n    };\n\n    const removeListener = () => {\n      hashChangeEvent && hashChangeEvent.remove();\n      scrollEvent && scrollEvent.remove();\n    };\n\n    const setCurrentLink = (link: string) => {\n      if (link) {\n        handleHashChange(link);\n        // handleScrollTo();\n        // if (props.showHash && route) {\n        //   // ctx.$router.push(href.value, () => {});\n        //   route.push(currentLink.value, () => {});\n        // } else if(props.showHash) {\n        //   window.location.href = currentLink.value;\n        // }\n        if (props.showHash) {\n          const sharpMatcherRegx = /#([^#]+)$/;\n          const sharpLinkMatch = sharpMatcherRegx.exec(window.location.hash);\n          if (sharpLinkMatch && sharpLinkMatch.length > 0) {\n            if (!links.includes(sharpLinkMatch[0] || '')) {\n              window.location.hash += currentLink.value;\n            } else {\n              window.location.hash = window.location.hash.replace(sharpLinkMatch[0], currentLink.value);\n            }\n          }\n        }\n      }\n    };\n\n    const registerLink = (link: string) => {\n      if (!links.includes(link)) {\n        links.push(link);\n      }\n    };\n\n    const unregisterLink = (link: string) => {\n      const index = links.indexOf(link);\n      if (index !== -1) {\n        links.splice(index, 1);\n      }\n    };\n\n    const init = () => {\n      handleHashChange();\n      nextTick(() => {\n        removeListener();\n        wrapperTop = 0;\n        if (props.container) {\n          scrollElement = typeof props.container === 'string' ? document.querySelector<HTMLElement>(props.container) : props.container();\n\n          if (scrollElement instanceof HTMLElement) {\n            wrapperTop = scrollElement.offsetTop;\n          }\n        } else {\n          scrollElement = document.documentElement || document.body;\n        }\n        handleScrollTo();\n        handleSetInkTop();\n        updateTitleOffset();\n        scrollEvent = addEventListener(scrollElement || window, 'scroll', handleScroll);\n        hashChangeEvent = addEventListener(window, 'hashchange', (e: Event) => {\n          handleHashChange(e as Record<string, any>);\n        });\n      });\n    };\n\n    watch(\n      () => props.container,\n      () => {\n        init();\n      }\n    );\n\n    provide('anchorContext', {\n      scrollOffset,\n      registerLink,\n      unregisterLink,\n      setCurrentLink,\n      currentLink\n    });\n\n    onMounted(() => {\n      nextTick(() => {\n        init();\n      });\n    });\n\n    // beforeDestroy\n    onBeforeUnmount(() => {\n      removeListener();\n    });\n\n    return {\n      prefixCls,\n      wrapperComponent,\n      handleAffixStateChange,\n      wrapperStyle,\n      inkTop\n    };\n  }\n});\n</script>\n"],"names":["_createBlock","_resolveDynamicComponent","_createElementVNode","_normalizeClass","_normalizeStyle","_renderSlot"],"mappings":";;;;;;AAsBA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM,OAAO,EAAE,QAAQ;UACf,EAAE,iBAAiB,OAAO,KAAK;UAC/B,EAAE,cAAc,gBAAgB,QAAQ;UACxC,YAAY,IAAI,KAAK;UACrB,SAAS,IAAI,CAAC;UACd,cAAc,IAAI,EAAE;QACtB,YAAY;QACZ,kBAAgC;UAC9B,QAAkB;QACpB,aAAa;QACb,gBAAoC;QACpC,kBAAiD;QACjD,cAA6C;QAC7C,YAAY;UAEV,mBAAmB,SAAS,MAAM;aAC/B,MAAM,QAAQ,WAAW;AAAA,KACjC;UAEK,eAAe,SAAS,MAAM;UAC9B,SAAS;UACT,MAAM,gBAAgB,MAAM,iBAAiB,GAAG;iBACzC,gBAAgB,MAAM;AAAA,iBACtB,MAAM,aAAa,MAAM,cAAc,GAAG;iBAC1C,gBAAgB,MAAM;AAAA;aAE1B;AAAA,QACL,WAAW;AAAA,QACX,GAAG,MAAM;AAAA;AACX,KACD;UAEK,aAAa,CAAC,IAAI,OAAO;WACxB,UAAU,IAAI,EAAE;AAAA,KACtB;UAEK,yBAAyB,CAAC,UAAmB;gBACvC,QAAQ,MAAM,SAAS;AAAA;UAG7B,kBAAkB,MAAM;YACtB,sBAAsB,SAAS,cAA2B,gBAAgB,YAAY,SAAS;UACjG,CAAC;;YACC,cAAc,oBAAoB;aACjC,QAAQ,cAAc,IAAI,MAAM,YAAY;AAAA;UAG/C,iBAAiB,MAAM;AA3DjC;YA4DY,SAAS,SAAS,eAAe,SAAS;YAC1C,sBAAsB,SAAS,cAAc,gBAAgB,YAAY,SAAS;UACpF,SAAS,MAAM;UACf,qBAAqB;iBACd,aAAW,yBAAoB,aAAa,oBAAoB,MAArD,mBAAwD,eAAc,GAAG;AAAA;UAE3F,CAAC;;YACC,YAAY,OAAO,YAAY,aAAa;kBACtC;UACR,eAAe;kBACP,eAAe,WAAW,MAAM,UAAU,MAAM;sBAC5C;AAAA,SACb;AAAA;;AAGa;UAGZ,oBAAoB,MAAM;YACxB,YAA0B;YAC1B,QAAQ,CAAC,SAAS;cAChB,WAAW,SAAS,eAAe,KAAK,MAAM,GAAG,EAAE,EAAE;YACvD;oBACQ,KAAK;AAAA,YACb;AAAA,YACA,QAAQ,SAAS,cAAa,+CAAe,cAAa;AAAA,WAC3D;AAAA,OACJ;wBACiB;AAAA;UAGd,4BAA4B,CAAC,QAAgB;UAC7C,aAAa;UACb,IAAI;YACF,MAAM,gBAAgB;UACxB,YAAY;AAAA,QACd,MAAM;AAAA,QACN,QAAQ;AAAA;oBAEI,MAAM;aACb,IAAI,KAAK;cACR,aAAa,gBAAgB;cAC7B,UAAU,gBAAgB,IAAI;YAChC,cAAc,WAAW,UAAU,cAAe,WAAW,QAAQ,UAAW,WAAW;sBACjF,gBAAgB;;;aAGzB;AAAA;kBAEK,QAAQ,UAAU;;AACd;UAGZ,eAAe,CAAC,MAAW;UAC3B;;;YAGE,aAAa,SAAS,gBAAgB,aAAa,SAAS,KAAK,aAAa,EAAE,OAAO;gCACnE,UAAU;AAAA;UAGhC,mBAAmB,CAAC,WAA0C;YAC5D,MAAM,OAAO,WAAW,WAAW,OAAO,SAAS,UAAU,YAAY;YACzE,mBAAmB;YACnB,iBAAiB,iBAAiB,KAAK,GAAG;UAC5C,CAAC;;kBACO,QAAQ,eAAe;kBACvB,eAAe;eAElB,MAAM;;AACE,OAChB;AAAA;UAGG,iBAAiB,MAAM;yBACR,gBAAgB;qBACpB,YAAY;AAAO;UAG9B,iBAAiB,CAAC,SAAiB;UACnC,MAAM;yBACS,IAAI;YAQjB,MAAM,UAAU;gBACZ,mBAAmB;gBACnB,iBAAiB,iBAAiB,KAAK,OAAO,SAAS,IAAI;cAC7D,kBAAkB,eAAe,SAAS,GAAG;gBAC3C,CAAC,MAAM,SAAS,eAAe,MAAM,EAAE,GAAG;qBACrC,SAAS,QAAQ,YAAY;AAAA,mBAC/B;qBACE,SAAS,OAAO,OAAO,SAAS,KAAK,QAAQ,eAAe,IAAI,YAAY,KAAK;AAAA;AAC1F;AACF;AACF;AACF;UAGI,eAAe,CAAC,SAAiB;UACjC,CAAC,MAAM,SAAS,IAAI,GAAG;cACnB,KAAK,IAAI;AAAA;AACjB;UAGI,iBAAiB,CAAC,SAAiB;YACjC,QAAQ,MAAM,QAAQ,IAAI;UAC5B,UAAU,IAAI;cACV,OAAO,OAAO,CAAC;AAAA;AACvB;UAGI,OAAO,MAAM;;eAER,MAAM;;qBAEA;YACT,MAAM,WAAW;0BACH,OAAO,MAAM,cAAc,WAAW,SAAS,cAA2B,MAAM,SAAS,IAAI,MAAM;cAE/G,yBAAyB,aAAa;yBAC3B,cAAc;AAAA;AAC7B,eACK;0BACW,SAAS,mBAAmB,SAAS;AAAA;;;;sBAKzC,iBAAiB,iBAAiB,QAAQ,UAAU,YAAY;0BAC5D,iBAAiB,QAAQ,cAAc,CAAC,MAAa;2BACpD,CAAwB;AAAA,SAC1C;AAAA,OACF;AAAA;;MAID,MAAM,MAAM;AAAA,MACZ,MAAM;;AACC;AACP;YAGM,iBAAiB;AAAA,MACvB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,KACD;cAES,MAAM;eACL,MAAM;;AACR,OACN;AAAA,KACF;oBAGe,MAAM;;AACL,KAChB;WAEM;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;sBAvPCA,YASYC,wBATI,qBAAgB;IAAG,WAAW;IAAY,cAAY;IAAY,iBAAe;IAAe,YAAW;;qBACzH,MAOM;AAAA,MAPNC,mBAOM;QAPA,OAAKC,kBAAK,uBAAkB,gBAAS;AAAA,QAAK,OAAKC,eAAE,iBAAY;AAAA;QACjEF,mBAKM;UALA,OAAKC,kBAAK,sBAAS;AAAA;UACvBD,mBAEM;YAFA,OAAKC,kBAAK,0BAAS;AAAA;2BACvBD,mBAAgG;cAAxE,OAAKC,kBAAK,+BAAS;AAAA,cAAoB,OAAKC,yBAAY;;sBAAlE,YAAO;AAAA;;UAEvBC,WAAQ;;;;;;;;;;;"}

package/es/components/Anchor/AnchorLink.mjs

@@ -8,7 +8,7 @@ const _sfc_main = defineComponent({
   props: anchorLinkProps,
   emits: anchorLinkEmits,
   setup(props, { emit }) {
-    const { prefixCls } = useGlobalConfig("anchor-link");
+    const { prefixCls } = useGlobalConfig("anchor-inner-link");
     const anchorContext = inject("anchorContext", {});
     const defaultScrollOffset = props.scrollOffset || (anchorContext == null ? void 0 : anchorContext.scrollOffset);
     const anchorLinkClasses = computed(() => {

package/es/components/Anchor/AnchorLink.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AnchorLink.mjs","sources":["../../../../src/components/Anchor/AnchorLink.vue"],"sourcesContent":["<template>\n  <div :class=\"[`${prefixCls}`, { [`${prefixCls}-active`]: !!anchorLinkClasses }]\">\n    <a\n      :class=\"[`${prefixCls}-title`]\"\n      :href=\"href\"\n      :data-scroll-offset=\"defaultScrollOffset\"\n      :data-href=\"href\"\n      :title=\"title\"\n      @click.prevent=\"goAnchor\"\n    >\n      {{ title }}\n    </a>\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject, nextTick, onBeforeUnmount, onMounted, watch } from 'vue';\n\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport { anchorLinkProps, anchorLinkEmits } from './Anchor.type';\nimport type { AnchorContext } from './Anchor.type';\n\nexport default defineComponent({\n  name: 'UAnchorLink',\n  props: anchorLinkProps,\n  emits: anchorLinkEmits,\n  setup(props, { emit }) {\n    const { prefixCls } = useGlobalConfig('anchor-link');\n    const anchorContext = inject<AnchorContext>('anchorContext', {} as AnchorContext);\n\n    const defaultScrollOffset = props.scrollOffset || anchorContext?.scrollOffset;\n\n    const anchorLinkClasses = computed(() => {\n      return anchorContext?.currentLink.value === props.href ? `${prefixCls}-active` : '';\n    });\n\n    watch(\n      () => props.href,\n      (nv, ov) => {\n        nextTick(() => {\n          anchorContext.unregisterLink(ov);\n          anchorContext.registerLink(nv);\n        });\n      }\n    );\n\n    const goAnchor = (event: Event) => {\n      // const value = event.target.href; // href: \"http://localhost:8090/sample/anchor#Anchor_props\"\n      // const title = event.target.title;\n      const { hash } = (event as any).target; // #Anchor_props\n      anchorContext.setCurrentLink(hash);\n      emit('change', props.href, event);\n    };\n\n    onMounted(() => {\n      anchorContext.registerLink(props.href);\n    });\n\n    onBeforeUnmount(() => {\n      anchorContext.unregisterLink(props.href);\n    });\n\n    return {\n      prefixCls,\n      anchorLinkClasses,\n      defaultScrollOffset,\n      goAnchor\n    };\n  }\n});\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_renderSlot"],"mappings":";;;;;AAuBA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM,OAAO,EAAE,QAAQ;UACf,EAAE,cAAc,gBAAgB,aAAa;UAC7C,gBAAgB,OAAsB,iBAAiB,EAAmB;UAE1E,sBAAsB,MAAM,iBAAgB,+CAAe;UAE3D,oBAAoB,SAAS,MAAM;cAChC,+CAAe,YAAY,WAAU,MAAM,OAAO,GAAG,qBAAqB;AAAA,KAClF;;MAGC,MAAM,MAAM;AAAA,MACZ,CAAC,IAAI,OAAO;iBACD,MAAM;wBACC,eAAe,EAAE;wBACjB,aAAa,EAAE;AAAA,SAC9B;AAAA;AACH;UAGI,WAAW,CAAC,UAAiB;YAG3B,EAAE,SAAU,MAAc;oBAClB,eAAe,IAAI;WAC5B,UAAU,MAAM,MAAM,KAAK;AAAA;cAGxB,MAAM;oBACA,aAAa,MAAM,IAAI;AAAA,KACtC;oBAEe,MAAM;oBACN,eAAe,MAAM,IAAI;AAAA,KACxC;WAEM;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;;sBArECA,mBAYM;IAZA,OAAKC,mBAAM,kBAAS,MAAU,0BAAS,EAAc;;IACzDC,mBASI;MARD,OAAKD,mBAAM,sBAAS;MACpB,MAAM;MACN,sBAAoB;MACpB,aAAW;MACX,OAAO;MACP,SAAK,qDAAU,yCAAQ;uBAErB,UAAK;IAEVE,WAAQ;;;;;;;"}
+{"version":3,"file":"AnchorLink.mjs","sources":["../../../../src/components/Anchor/AnchorLink.vue"],"sourcesContent":["<template>\n  <div :class=\"[`${prefixCls}`, { [`${prefixCls}-active`]: !!anchorLinkClasses }]\">\n    <a\n      :class=\"[`${prefixCls}-title`]\"\n      :href=\"href\"\n      :data-scroll-offset=\"defaultScrollOffset\"\n      :data-href=\"href\"\n      :title=\"title\"\n      @click.prevent=\"goAnchor\"\n    >\n      {{ title }}\n    </a>\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject, nextTick, onBeforeUnmount, onMounted, watch } from 'vue';\n\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport { anchorLinkProps, anchorLinkEmits } from './Anchor.type';\nimport type { AnchorContext } from './Anchor.type';\n\nexport default defineComponent({\n  name: 'UAnchorLink',\n  props: anchorLinkProps,\n  emits: anchorLinkEmits,\n  setup(props, { emit }) {\n    const { prefixCls } = useGlobalConfig('anchor-inner-link');\n    const anchorContext = inject<AnchorContext>('anchorContext', {} as AnchorContext);\n\n    const defaultScrollOffset = props.scrollOffset || anchorContext?.scrollOffset;\n\n    const anchorLinkClasses = computed(() => {\n      return anchorContext?.currentLink.value === props.href ? `${prefixCls}-active` : '';\n    });\n\n    watch(\n      () => props.href,\n      (nv, ov) => {\n        nextTick(() => {\n          anchorContext.unregisterLink(ov);\n          anchorContext.registerLink(nv);\n        });\n      }\n    );\n\n    const goAnchor = (event: Event) => {\n      // const value = event.target.href; // href: \"http://localhost:8090/sample/anchor#Anchor_props\"\n      // const title = event.target.title;\n      const { hash } = (event as any).target; // #Anchor_props\n      anchorContext.setCurrentLink(hash);\n      emit('change', props.href, event);\n    };\n\n    onMounted(() => {\n      anchorContext.registerLink(props.href);\n    });\n\n    onBeforeUnmount(() => {\n      anchorContext.unregisterLink(props.href);\n    });\n\n    return {\n      prefixCls,\n      anchorLinkClasses,\n      defaultScrollOffset,\n      goAnchor\n    };\n  }\n});\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_renderSlot"],"mappings":";;;;;AAuBA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM,OAAO,EAAE,QAAQ;UACf,EAAE,cAAc,gBAAgB,mBAAmB;UACnD,gBAAgB,OAAsB,iBAAiB,EAAmB;UAE1E,sBAAsB,MAAM,iBAAgB,+CAAe;UAE3D,oBAAoB,SAAS,MAAM;cAChC,+CAAe,YAAY,WAAU,MAAM,OAAO,GAAG,qBAAqB;AAAA,KAClF;;MAGC,MAAM,MAAM;AAAA,MACZ,CAAC,IAAI,OAAO;iBACD,MAAM;wBACC,eAAe,EAAE;wBACjB,aAAa,EAAE;AAAA,SAC9B;AAAA;AACH;UAGI,WAAW,CAAC,UAAiB;YAG3B,EAAE,SAAU,MAAc;oBAClB,eAAe,IAAI;WAC5B,UAAU,MAAM,MAAM,KAAK;AAAA;cAGxB,MAAM;oBACA,aAAa,MAAM,IAAI;AAAA,KACtC;oBAEe,MAAM;oBACN,eAAe,MAAM,IAAI;AAAA,KACxC;WAEM;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;;sBArECA,mBAYM;IAZA,OAAKC,mBAAM,kBAAS,MAAU,0BAAS,EAAc;;IACzDC,mBASI;MARD,OAAKD,mBAAM,sBAAS;MACpB,MAAM;MACN,sBAAoB;MACpB,aAAW;MACX,OAAO;MACP,SAAK,qDAAU,yCAAQ;uBAErB,UAAK;IAEVE,WAAQ;;;;;;;"}

package/es/components/Table/BaseTable.mjs

@@ -76,7 +76,6 @@ const _sfc_main = defineComponent({
             rst.className = `${rst.className || ""} ${prefixCls.value}-fixed-column-${column.fixed}-first`;
           }
         }
-        console.log(rst);
         return rst;
       });
     });

package/es/components/Table/BaseTable.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"BaseTable.mjs","sources":["../../../../src/components/Table/BaseTable.vue"],"sourcesContent":["<template>\n  <table ref=\"tableRef\" :style=\"tableStyle\">\n    <ColGroup :columns=\"columns\" :is-head-table=\"!showBody\" />\n    <TableHeader v-if=\"showHeader\" :columns=\"computedColumns\" />\n    <TableBody v-if=\"showBody\" :columns=\"computedColumns\" />\n  </table>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, inject, ref } from 'vue';\nimport type { PropType, CSSProperties } from 'vue';\nimport ColGroup from './tableUnits/ColGroup.vue';\nimport TableHeader from './tableUnits/TableHeader.vue';\nimport TableBody from './tableUnits/TableBody.vue';\n// import useResizeObserver from '../base/hooks/useResizeObserver';\nimport type { InnerColumn, TableContext } from './Table.type';\nimport { getWidth } from './hooks/useTableResize';\n// import { debounce } from '../../utils/tools';\n\nexport default defineComponent({\n  name: 'BaseTable',\n  components: {\n    ColGroup,\n    TableHeader,\n    TableBody\n  },\n  props: {\n    showHeader: {\n      type: Boolean,\n      default: false\n    },\n    showBody: {\n      type: Boolean,\n      default: false\n    },\n    columns: {\n      type: Array as PropType<InnerColumn[]>,\n      default: () => [] as InnerColumn[]\n    }\n  },\n  setup(props) {\n    const {\n      prefixCls,\n      props: { width },\n      size: { tableWidth, columnWidths }\n    } = inject<TableContext>('tableContext', {} as TableContext);\n    const tableRef = ref<HTMLElement | null>(null);\n\n    const tableStyle = computed(() => {\n      const style = {} as CSSProperties;\n      if (width.value) {\n        style.width = typeof width.value === 'number' ? `${width.value}px` : width.value;\n      } else if (props.columns.some((x) => x.fixed)) {\n        // style.width = 'max-content';\n        style.minWidth = '100%';\n      }\n      if (props.columns.some((x) => x.ellipsis) || props.columns.some((x) => x.resizable) || props.columns.some((x) => x.fixed)) {\n        style.tableLayout = 'fixed';\n      } else {\n        style.tableLayout = 'auto';\n      }\n\n      return style;\n    });\n\n    const computedColumns = computed(() => {\n      let left = 0;\n      let right = props.columns\n        .filter((x) => x.fixed === 'right')\n        .reduce((sum, column) => {\n          const w = getWidth(column.width ?? column.minWidth, tableWidth.value);\n          return sum + w;\n        }, 0);\n      return props.columns.map((column) => {\n        const rst = {\n          ...column,\n          className: column.fixed\n            ? `${column.className || ''} ${prefixCls.value}-fixed-column ${prefixCls.value}-fixed-column-${column.fixed}`\n            : column.className\n        };\n        if (column.fixed === 'left') {\n          rst.left = left;\n          const w = getWidth(columnWidths.value[column.key] ?? column.width ?? column.minWidth, tableWidth.value);\n          left += w;\n          if (column.lastLeft) {\n            rst.className = `${rst.className || ''} ${prefixCls.value}-fixed-column-${column.fixed}-last`;\n          }\n        }\n        if (column.fixed === 'right') {\n          const w = getWidth(columnWidths.value[column.key] ?? column.width ?? column.minWidth, tableWidth.value);\n          right -= w;\n          rst.right = right;\n          if (column.firstRight) {\n            rst.className = `${rst.className || ''} ${prefixCls.value}-fixed-column-${column.fixed}-first`;\n          }\n        }\n        console.log(rst);\n        return rst;\n      });\n    });\n\n    // const debouncedHandleResize = debounce(syncFixedTableRowHeight, 150);\n    // useResizeObserver(tableRef, debouncedHandleResize);\n\n    return {\n      tableRef,\n      prefixCls,\n      tableStyle,\n      computedColumns\n    };\n  }\n});\n</script>\n"],"names":["_createElementBlock","_normalizeStyle","_createVNode","_createBlock"],"mappings":";;;;;;;AAmBA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA;AACF,EACA,OAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;AACX,IACA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AACX,IACA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS,MAAM;AAAC;AAClB;AACF,EACA,MAAM,OAAO;UACL;AAAA,MACJ;AAAA,MACA,OAAO,EAAE;AAAM,MACf,MAAM,EAAE,YAAY;AAAa,QAC/B,OAAqB,gBAAgB,EAAkB;UACrD,WAAW,IAAwB,IAAI;UAEvC,aAAa,SAAS,MAAM;YAC1B,QAAQ;UACV,MAAM,OAAO;cACT,QAAQ,OAAO,MAAM,UAAU,WAAW,GAAG,MAAM,YAAY,MAAM;AAAA,iBAClE,MAAM,QAAQ,KAAK,CAAC,MAAM,EAAE,KAAK,GAAG;cAEvC,WAAW;AAAA;UAEf,MAAM,QAAQ,KAAK,CAAC,MAAM,EAAE,QAAQ,KAAK,MAAM,QAAQ,KAAK,CAAC,MAAM,EAAE,SAAS,KAAK,MAAM,QAAQ,KAAK,CAAC,MAAM,EAAE,KAAK,GAAG;cACnH,cAAc;AAAA,aACf;cACC,cAAc;AAAA;aAGf;AAAA,KACR;UAEK,kBAAkB,SAAS,MAAM;UACjC,OAAO;UACP,QAAQ,MAAM,QACf,OAAO,CAAC,MAAM,EAAE,UAAU,OAAO,EACjC,OAAO,CAAC,KAAK,WAAW;AA5DjC;cA6DgB,IAAI,UAAS,YAAO,UAAP,YAAgB,OAAO,UAAU,WAAW,KAAK;eAC7D,MAAM;AAAA,SACZ,CAAC;aACC,MAAM,QAAQ,IAAI,CAAC,WAAW;AAhE3C;cAiEc,MAAM;AAAA,UACV,GAAG;AAAA,UACH,WAAW,OAAO,QACd,GAAG,OAAO,aAAa,MAAM,UAAU,sBAAsB,UAAU,sBAAsB,OAAO,UACpG,OAAO;AAAA;YAET,OAAO,UAAU,QAAQ;cACvB,OAAO;gBACL,IAAI,UAAS,wBAAa,MAAM,OAAO,SAA1B,YAAkC,OAAO,UAAzC,YAAkD,OAAO,UAAU,WAAW,KAAK;kBAC9F;cACJ,OAAO,UAAU;gBACf,YAAY,GAAG,IAAI,aAAa,MAAM,UAAU,sBAAsB,OAAO;AAAA;AACnF;YAEE,OAAO,UAAU,SAAS;gBACtB,IAAI,UAAS,wBAAa,MAAM,OAAO,SAA1B,YAAkC,OAAO,UAAzC,YAAkD,OAAO,UAAU,WAAW,KAAK;mBAC7F;cACL,QAAQ;cACR,OAAO,YAAY;gBACjB,YAAY,GAAG,IAAI,aAAa,MAAM,UAAU,sBAAsB,OAAO;AAAA;AACnF;gBAEM,IAAI,GAAG;eACR;AAAA,OACR;AAAA,KACF;WAKM;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;;;;sBA9GCA,mBAIQ;IAJD,KAAI;AAAA,IAAY,OAAKC,eAAE,eAAU;AAAA;IACtCC,YAA0D;MAA/C,SAAS;MAAU,iBAAa,CAAG;;IAC3B,gCAAnBC,YAA4D;;MAA5B,SAAS;;IACxB,8BAAjBA,YAAwD;;MAA5B,SAAS;;;;;;;;"}
+{"version":3,"file":"BaseTable.mjs","sources":["../../../../src/components/Table/BaseTable.vue"],"sourcesContent":["<template>\n  <table ref=\"tableRef\" :style=\"tableStyle\">\n    <ColGroup :columns=\"columns\" :is-head-table=\"!showBody\" />\n    <TableHeader v-if=\"showHeader\" :columns=\"computedColumns\" />\n    <TableBody v-if=\"showBody\" :columns=\"computedColumns\" />\n  </table>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, inject, ref } from 'vue';\nimport type { PropType, CSSProperties } from 'vue';\nimport ColGroup from './tableUnits/ColGroup.vue';\nimport TableHeader from './tableUnits/TableHeader.vue';\nimport TableBody from './tableUnits/TableBody.vue';\n// import useResizeObserver from '../base/hooks/useResizeObserver';\nimport type { InnerColumn, TableContext } from './Table.type';\nimport { getWidth } from './hooks/useTableResize';\n// import { debounce } from '../../utils/tools';\n\nexport default defineComponent({\n  name: 'BaseTable',\n  components: {\n    ColGroup,\n    TableHeader,\n    TableBody\n  },\n  props: {\n    showHeader: {\n      type: Boolean,\n      default: false\n    },\n    showBody: {\n      type: Boolean,\n      default: false\n    },\n    columns: {\n      type: Array as PropType<InnerColumn[]>,\n      default: () => [] as InnerColumn[]\n    }\n  },\n  setup(props) {\n    const {\n      prefixCls,\n      props: { width },\n      size: { tableWidth, columnWidths }\n    } = inject<TableContext>('tableContext', {} as TableContext);\n    const tableRef = ref<HTMLElement | null>(null);\n\n    const tableStyle = computed(() => {\n      const style = {} as CSSProperties;\n      if (width.value) {\n        style.width = typeof width.value === 'number' ? `${width.value}px` : width.value;\n      } else if (props.columns.some((x) => x.fixed)) {\n        // style.width = 'max-content';\n        style.minWidth = '100%';\n      }\n      if (props.columns.some((x) => x.ellipsis) || props.columns.some((x) => x.resizable) || props.columns.some((x) => x.fixed)) {\n        style.tableLayout = 'fixed';\n      } else {\n        style.tableLayout = 'auto';\n      }\n\n      return style;\n    });\n\n    const computedColumns = computed(() => {\n      let left = 0;\n      let right = props.columns\n        .filter((x) => x.fixed === 'right')\n        .reduce((sum, column) => {\n          const w = getWidth(column.width ?? column.minWidth, tableWidth.value);\n          return sum + w;\n        }, 0);\n      return props.columns.map((column) => {\n        const rst = {\n          ...column,\n          className: column.fixed\n            ? `${column.className || ''} ${prefixCls.value}-fixed-column ${prefixCls.value}-fixed-column-${column.fixed}`\n            : column.className\n        };\n        if (column.fixed === 'left') {\n          rst.left = left;\n          const w = getWidth(columnWidths.value[column.key] ?? column.width ?? column.minWidth, tableWidth.value);\n          left += w;\n          if (column.lastLeft) {\n            rst.className = `${rst.className || ''} ${prefixCls.value}-fixed-column-${column.fixed}-last`;\n          }\n        }\n        if (column.fixed === 'right') {\n          const w = getWidth(columnWidths.value[column.key] ?? column.width ?? column.minWidth, tableWidth.value);\n          right -= w;\n          rst.right = right;\n          if (column.firstRight) {\n            rst.className = `${rst.className || ''} ${prefixCls.value}-fixed-column-${column.fixed}-first`;\n          }\n        }\n        return rst;\n      });\n    });\n\n    // const debouncedHandleResize = debounce(syncFixedTableRowHeight, 150);\n    // useResizeObserver(tableRef, debouncedHandleResize);\n\n    return {\n      tableRef,\n      prefixCls,\n      tableStyle,\n      computedColumns\n    };\n  }\n});\n</script>\n"],"names":["_createElementBlock","_normalizeStyle","_createVNode","_createBlock"],"mappings":";;;;;;;AAmBA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA;AACF,EACA,OAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;AACX,IACA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AACX,IACA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS,MAAM;AAAC;AAClB;AACF,EACA,MAAM,OAAO;UACL;AAAA,MACJ;AAAA,MACA,OAAO,EAAE;AAAM,MACf,MAAM,EAAE,YAAY;AAAa,QAC/B,OAAqB,gBAAgB,EAAkB;UACrD,WAAW,IAAwB,IAAI;UAEvC,aAAa,SAAS,MAAM;YAC1B,QAAQ;UACV,MAAM,OAAO;cACT,QAAQ,OAAO,MAAM,UAAU,WAAW,GAAG,MAAM,YAAY,MAAM;AAAA,iBAClE,MAAM,QAAQ,KAAK,CAAC,MAAM,EAAE,KAAK,GAAG;cAEvC,WAAW;AAAA;UAEf,MAAM,QAAQ,KAAK,CAAC,MAAM,EAAE,QAAQ,KAAK,MAAM,QAAQ,KAAK,CAAC,MAAM,EAAE,SAAS,KAAK,MAAM,QAAQ,KAAK,CAAC,MAAM,EAAE,KAAK,GAAG;cACnH,cAAc;AAAA,aACf;cACC,cAAc;AAAA;aAGf;AAAA,KACR;UAEK,kBAAkB,SAAS,MAAM;UACjC,OAAO;UACP,QAAQ,MAAM,QACf,OAAO,CAAC,MAAM,EAAE,UAAU,OAAO,EACjC,OAAO,CAAC,KAAK,WAAW;AA5DjC;cA6DgB,IAAI,UAAS,YAAO,UAAP,YAAgB,OAAO,UAAU,WAAW,KAAK;eAC7D,MAAM;AAAA,SACZ,CAAC;aACC,MAAM,QAAQ,IAAI,CAAC,WAAW;AAhE3C;cAiEc,MAAM;AAAA,UACV,GAAG;AAAA,UACH,WAAW,OAAO,QACd,GAAG,OAAO,aAAa,MAAM,UAAU,sBAAsB,UAAU,sBAAsB,OAAO,UACpG,OAAO;AAAA;YAET,OAAO,UAAU,QAAQ;cACvB,OAAO;gBACL,IAAI,UAAS,wBAAa,MAAM,OAAO,SAA1B,YAAkC,OAAO,UAAzC,YAAkD,OAAO,UAAU,WAAW,KAAK;kBAC9F;cACJ,OAAO,UAAU;gBACf,YAAY,GAAG,IAAI,aAAa,MAAM,UAAU,sBAAsB,OAAO;AAAA;AACnF;YAEE,OAAO,UAAU,SAAS;gBACtB,IAAI,UAAS,wBAAa,MAAM,OAAO,SAA1B,YAAkC,OAAO,UAAzC,YAAkD,OAAO,UAAU,WAAW,KAAK;mBAC7F;cACL,QAAQ;cACR,OAAO,YAAY;gBACjB,YAAY,GAAG,IAAI,aAAa,MAAM,UAAU,sBAAsB,OAAO;AAAA;AACnF;eAEK;AAAA,OACR;AAAA,KACF;WAKM;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;;;;sBA7GCA,mBAIQ;IAJD,KAAI;AAAA,IAAY,OAAKC,eAAE,eAAU;AAAA;IACtCC,YAA0D;MAA/C,SAAS;MAAU,iBAAa,CAAG;;IAC3B,gCAAnBC,YAA4D;;MAA5B,SAAS;;IACxB,8BAAjBA,YAAwD;;MAA5B,SAAS;;;;;;;;"}

package/es/components/Table/hooks/useDraggable.mjs

@@ -41,12 +41,22 @@ function useDraggable(props, tableRefs) {
   }, {
     flush: "post"
   });
+  const getClientY = (event) => {
+    if ("touches" in event && event.touches.length > 0) {
+      return event.touches[0].clientY;
+    }
+    if ("clientY" in event) {
+      return event.clientY;
+    }
+    return 0;
+  };
   const setRowRefsTranslate = (event) => {
     const currentRowData = rowDataMap.value[sourceRowKey];
     const {
       height: currentHeight
     } = currentRowData.rowRef[0].value.getBoundingClientRect();
-    const realClientY = event.clientY + tableRefs.bodyTable.wrapRef.scrollTop;
+    const clientY = getClientY(event);
+    const realClientY = clientY + tableRefs.bodyTable.wrapRef.scrollTop;
     const safeTranslateY = Math.max(relativeMinY, Math.min(realClientY - dragStartPosition, relativeMaxY));
     currentRowData.rowRef.forEach((currentItem) => {
       currentItem.value.style.transform = `translateY(${safeTranslateY}px)`;
@@ -62,7 +72,7 @@ function useDraggable(props, tableRefs) {
           height,
           top
         } = rowData.rowRef[0].value.getBoundingClientRect();
-        const position = top + Number((height / 2).toFixed(2)) < event.clientY ? 1 : -1;
+        const position = top + Number((height / 2).toFixed(2)) < clientY ? 1 : -1;
         if (!(sort + position)) {
           let translateY = currentHeight;
           let index = Math.min(targetIndex, rowData.index);
@@ -95,10 +105,11 @@ function useDraggable(props, tableRefs) {
     }
   };
   const handleBodyScrollY = (event) => {
-    if (bodyTop + bodyHeight > event.clientY && event.clientY > bodyTop) {
+    const clientY = getClientY(event);
+    if (bodyTop + bodyHeight > clientY && clientY > bodyTop) {
       clearBodyScrollY();
     } else if (!scrollTimer) {
-      const px = event.clientY < bodyTop ? -3 : 3;
+      const px = clientY < bodyTop ? -3 : 3;
       scrollTimer = setInterval(() => {
         tableRefs.bodyTable.setScrollTop(Math.max(0, Math.min(tableRefs.bodyTable.wrapRef.scrollTop + px, tableHeight - bodyHeight)));
         setRowRefsTranslate(event);
@@ -111,6 +122,13 @@ function useDraggable(props, tableRefs) {
       setRowRefsTranslate(event);
     }
   };
+  const handleTouchmove = (event) => {
+    event.preventDefault();
+    handleBodyScrollY(event);
+    if (!scrollTimer) {
+      setRowRefsTranslate(event);
+    }
+  };
   const disableWheel = (e) => {
     e.preventDefault();
   };
@@ -137,11 +155,15 @@ function useDraggable(props, tableRefs) {
     window.removeEventListener("mousemove", handleMousemove);
     window.removeEventListener("mouseup", clearDrag);
     window.removeEventListener("mousewheel", disableWheel);
+    window.removeEventListener("touchmove", handleTouchmove);
+    window.removeEventListener("touchend", clearDrag);
+    window.removeEventListener("touchcancel", clearDrag);
   };
   const handleDragStart = (event, param) => {
     const bodyTable = tableRefs.bodyTable.wrapRef;
     sourceRowKey = param.rowKey.toString();
-    dragStartPosition = event.clientY + bodyTable.scrollTop;
+    const clientY = getClientY(event);
+    dragStartPosition = clientY + bodyTable.scrollTop;
     const sortRowData = Object.values(rowDataMap.value).sort((a, b) => a.index - b.index);
     const {
       top
@@ -158,12 +180,21 @@ function useDraggable(props, tableRefs) {
     bodyTop = bodyTopInner;
     bodyHeight = bodyHeightInner;
     tableHeight = tableHeightInner;
-    handleMousemove(event);
+    if ("touches" in event) {
+      handleTouchmove(event);
+    } else {
+      handleMousemove(event);
+    }
     window.addEventListener("mousemove", handleMousemove);
     window.addEventListener("mouseup", clearDrag);
     window.addEventListener("mousewheel", disableWheel, {
       passive: false
     });
+    window.addEventListener("touchmove", handleTouchmove, {
+      passive: false
+    });
+    window.addEventListener("touchend", clearDrag);
+    window.addEventListener("touchcancel", clearDrag);
     event.preventDefault();
   };
   const draggableColumn = computed(() => {

package/es/components/Table/hooks/useDraggable.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDraggable.mjs","sources":["../../../../../src/components/Table/hooks/useDraggable.tsx"],"sourcesContent":["import { computed, ref, watch } from 'vue';\nimport type { Ref } from 'vue';\nimport type { ColumnSlotParams, InnerColumn, TableProps, TableRefs } from '../Table.type';\nimport DraggableIcon from '../tableUnits/DraggableIcon.vue';\n\nexport interface RowData {\n  rowKey: string | number;\n  index: number;\n  data: Record<string, any>;\n  rowRef: Ref<HTMLElement>[];\n}\n\nexport interface BodyScrollMethod {\n  handle: null | ((e: any) => void);\n}\n\nexport default function useDraggable(props: TableProps, tableRefs: TableRefs) {\n  let sourceRowKey: string | number = '';\n  let targetIndex = 0;\n  let dragStartPosition = 0;\n  let relativeMinY = 0;\n  let relativeMaxY = 0;\n  const rowDataMap = ref<Record<string, RowData>>({});\n\n  const setRowRefs = (val: RowData) => {\n    if (props.draggable) {\n      const historyRowData = rowDataMap.value[val.rowKey.toString()];\n      if (historyRowData) {\n        const { rowRef } = historyRowData;\n        historyRowData.index = val.index;\n\n        if (rowRef[rowRef.length - 1].value) {\n          rowRef.push(...val.rowRef);\n        } else {\n          rowRef.splice(rowRef.length - 2, 1, val.rowRef[0]);\n        }\n      } else {\n        rowDataMap.value[val.rowKey.toString()] = val;\n      }\n    }\n  };\n  const clearRowRefs = () => {\n    if (props.draggable) {\n      Object.keys(rowDataMap.value).forEach((key) => {\n        const rowData = rowDataMap.value[key];\n        if (rowData.rowRef.every((item) => !item.value)) {\n          delete rowDataMap.value[key];\n        }\n      });\n    }\n  };\n  watch(\n    () => props.data,\n    () => {\n      clearRowRefs();\n    },\n    { flush: 'post' }\n  );\n\n  const setRowRefsTranslate = (event: MouseEvent) => {\n    const currentRowData = rowDataMap.value[sourceRowKey];\n    const { height: currentHeight } = currentRowData.rowRef[0].value.getBoundingClientRect();\n    const realClientY = event.clientY + (tableRefs.bodyTable as any).wrapRef.scrollTop;\n    const safeTranslateY = Math.max(relativeMinY, Math.min(realClientY - dragStartPosition, relativeMaxY));\n    currentRowData.rowRef.forEach((currentItem) => {\n      currentItem.value.style.transform = `translateY(${safeTranslateY}px)`;\n      currentItem.value.style.position = 'relative';\n      currentItem.value.style.zIndex = '999';\n    });\n    targetIndex = currentRowData.index;\n    Object.keys(rowDataMap.value).forEach((rowKey) => {\n      if (rowKey !== sourceRowKey) {\n        const rowData = rowDataMap.value[rowKey];\n        const sort = rowData.index < currentRowData.index ? 1 : -1;\n\n        const { height, top } = rowData.rowRef[0].value.getBoundingClientRect();\n        const position = top + Number((height / 2).toFixed(2)) < event.clientY ? 1 : -1;\n\n        if (!(sort + position)) {\n          let translateY = currentHeight;\n          let index = Math.min(targetIndex, rowData.index);\n          if (sort === -1) {\n            translateY = -currentHeight;\n            index = Math.max(targetIndex, rowData.index);\n          }\n          targetIndex = index;\n          rowData.rowRef.forEach((rowRefItem) => {\n            rowRefItem.value.style.transform = `translateY(${translateY}px)`;\n            rowRefItem.value.style.transition = 'transform 0.3s';\n          });\n        } else {\n          rowData.rowRef.forEach((rowRefItem) => {\n            rowRefItem.value.style.transform = 'none';\n            rowRefItem.value.style.transition = 'transform 0.3s';\n          });\n        }\n      }\n    });\n  };\n\n  let bodyTop = 0;\n  let bodyHeight = 0;\n  let tableHeight = 0;\n  let scrollTimer: any | null = null;\n  const clearBodyScrollY = () => {\n    if (scrollTimer) {\n      clearInterval(scrollTimer);\n      scrollTimer = null;\n    }\n  };\n  const handleBodyScrollY = (event: MouseEvent) => {\n    if (bodyTop + bodyHeight > event.clientY && event.clientY > bodyTop) {\n      clearBodyScrollY();\n    } else if (!scrollTimer) {\n      const px = event.clientY < bodyTop ? -3 : 3;\n      scrollTimer = setInterval(() => {\n        (tableRefs.bodyTable as any).setScrollTop(\n          Math.max(0, Math.min((tableRefs.bodyTable as any).wrapRef.scrollTop + px, tableHeight - bodyHeight))\n        );\n        setRowRefsTranslate(event);\n      }, 10);\n    }\n  };\n  const handleMousemove = (event: MouseEvent) => {\n    handleBodyScrollY(event);\n\n    if (!scrollTimer) {\n      setRowRefsTranslate(event);\n    }\n  };\n\n  const disableWheel = (e: Event) => {\n    e.preventDefault();\n  };\n\n  const clearDrag = () => {\n    let targetRowKey = sourceRowKey;\n    Object.values(rowDataMap.value).forEach((rowData) => {\n      if (rowData.index === targetIndex) {\n        targetRowKey = rowData.rowKey.toString();\n      }\n      rowData.rowRef.forEach((rowRefItem) => {\n        rowRefItem.value.style.transform = 'none';\n        rowRefItem.value.style.transition = 'none';\n        rowRefItem.value.style.position = 'unset';\n        rowRefItem.value.style.zIndex = 'auto';\n      });\n    });\n    if (targetRowKey !== sourceRowKey) {\n      if (props.draggable.onDragDrop) {\n        props.draggable.onDragDrop(sourceRowKey, targetRowKey);\n      }\n    }\n    sourceRowKey = '';\n    clearBodyScrollY();\n    window.removeEventListener('mousemove', handleMousemove);\n    window.removeEventListener('mouseup', clearDrag);\n    window.removeEventListener('mousewheel', disableWheel);\n  };\n  const handleDragStart = (event: MouseEvent, param: ColumnSlotParams) => {\n    const bodyTable = (tableRefs.bodyTable as any).wrapRef;\n\n    sourceRowKey = param.rowKey.toString();\n\n    dragStartPosition = event.clientY + bodyTable.scrollTop;\n\n    const sortRowData = Object.values(rowDataMap.value).sort((a, b) => a.index - b.index);\n    const { top } = rowDataMap.value[sourceRowKey].rowRef[0].value.getBoundingClientRect();\n    relativeMinY = sortRowData[0].rowRef[0].value.getBoundingClientRect().top - top;\n    relativeMaxY = sortRowData[sortRowData.length - 1].rowRef[0].value.getBoundingClientRect().top - top;\n    const { top: bodyTopInner, height: bodyHeightInner } = bodyTable.getBoundingClientRect();\n    const { height: tableHeightInner } = bodyTable.children[0].getBoundingClientRect();\n    bodyTop = bodyTopInner;\n    bodyHeight = bodyHeightInner;\n    tableHeight = tableHeightInner;\n\n    handleMousemove(event);\n\n    window.addEventListener('mousemove', handleMousemove);\n    window.addEventListener('mouseup', clearDrag);\n    window.addEventListener('mousewheel', disableWheel, { passive: false });\n\n    event.preventDefault();\n  };\n\n  const draggableColumn = computed(() => {\n    if (props.draggable) {\n      const column: InnerColumn = {\n        key: 'draggable-column',\n        type: 'draggable',\n        width: 50,\n        align: 'center',\n        render: (param) => {\n          return <DraggableIcon onDragStart={(event: MouseEvent) => handleDragStart(event, param)} />;\n        }\n        // handleDragStart\n      };\n      if ('fixed' in props.draggable) {\n        column.fixed = props.draggable.fixed;\n      } else if (props.columns.some((x) => x.fixed === 'left' || x.fixed === true)) {\n        column.fixed = 'left';\n      }\n      return column;\n    }\n    return null;\n  });\n  return {\n    setRowRefs,\n    draggableColumn\n  };\n}\n"],"names":["useDraggable","props","tableRefs","sourceRowKey","targetIndex","dragStartPosition","relativeMinY","relativeMaxY","rowDataMap","ref","setRowRefs","val","draggable","historyRowData","value","rowKey","toString","rowRef","index","length","push","splice","clearRowRefs","Object","keys","forEach","key","rowData","every","item","watch","data","flush","setRowRefsTranslate","event","currentRowData","height","currentHeight","getBoundingClientRect","realClientY","clientY","bodyTable","wrapRef","scrollTop","safeTranslateY","Math","max","min","currentItem","style","transform","position","zIndex","sort","top","Number","toFixed","translateY","rowRefItem","transition","bodyTop","bodyHeight","tableHeight","scrollTimer","clearBodyScrollY","clearInterval","handleBodyScrollY","px","setInterval","setScrollTop","handleMousemove","disableWheel","e","preventDefault","clearDrag","targetRowKey","values","onDragDrop","window","removeEventListener","handleDragStart","param","sortRowData","a","b","bodyTopInner","bodyHeightInner","tableHeightInner","children","addEventListener","passive","draggableColumn","computed","column","type","width","align","render","_createVNode","DraggableIcon","fixed","columns","some","x"],"mappings":"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"}
+{"version":3,"file":"useDraggable.mjs","sources":["../../../../../src/components/Table/hooks/useDraggable.tsx"],"sourcesContent":["import { computed, ref, watch } from 'vue';\nimport type { Ref } from 'vue';\nimport type { ColumnSlotParams, InnerColumn, TableProps, TableRefs } from '../Table.type';\nimport DraggableIcon from '../tableUnits/DraggableIcon.vue';\n\nexport interface RowData {\n  rowKey: string | number;\n  index: number;\n  data: Record<string, any>;\n  rowRef: Ref<HTMLElement>[];\n}\n\nexport interface BodyScrollMethod {\n  handle: null | ((e: any) => void);\n}\n\nexport default function useDraggable(props: TableProps, tableRefs: TableRefs) {\n  let sourceRowKey: string | number = '';\n  let targetIndex = 0;\n  let dragStartPosition = 0;\n  let relativeMinY = 0;\n  let relativeMaxY = 0;\n  const rowDataMap = ref<Record<string, RowData>>({});\n\n  const setRowRefs = (val: RowData) => {\n    if (props.draggable) {\n      const historyRowData = rowDataMap.value[val.rowKey.toString()];\n      if (historyRowData) {\n        const { rowRef } = historyRowData;\n        historyRowData.index = val.index;\n\n        if (rowRef[rowRef.length - 1].value) {\n          rowRef.push(...val.rowRef);\n        } else {\n          rowRef.splice(rowRef.length - 2, 1, val.rowRef[0]);\n        }\n      } else {\n        rowDataMap.value[val.rowKey.toString()] = val;\n      }\n    }\n  };\n  const clearRowRefs = () => {\n    if (props.draggable) {\n      Object.keys(rowDataMap.value).forEach((key) => {\n        const rowData = rowDataMap.value[key];\n        if (rowData.rowRef.every((item) => !item.value)) {\n          delete rowDataMap.value[key];\n        }\n      });\n    }\n  };\n  watch(\n    () => props.data,\n    () => {\n      clearRowRefs();\n    },\n    { flush: 'post' }\n  );\n\n  // Extract clientY from mouse or touch event\n  const getClientY = (event: MouseEvent | TouchEvent): number => {\n    if ('touches' in event && event.touches.length > 0) {\n      // Touch event - get Y coordinate from first touch point\n      return event.touches[0].clientY;\n    }\n    if ('clientY' in event) {\n      // Mouse event - use clientY directly\n      return event.clientY;\n    }\n    return 0;\n  };\n\n  const setRowRefsTranslate = (event: MouseEvent | TouchEvent) => {\n    const currentRowData = rowDataMap.value[sourceRowKey];\n    const { height: currentHeight } = currentRowData.rowRef[0].value.getBoundingClientRect();\n    const clientY = getClientY(event);\n    const realClientY = clientY + (tableRefs.bodyTable as any).wrapRef.scrollTop;\n    const safeTranslateY = Math.max(relativeMinY, Math.min(realClientY - dragStartPosition, relativeMaxY));\n    currentRowData.rowRef.forEach((currentItem) => {\n      currentItem.value.style.transform = `translateY(${safeTranslateY}px)`;\n      currentItem.value.style.position = 'relative';\n      currentItem.value.style.zIndex = '999';\n    });\n    targetIndex = currentRowData.index;\n    Object.keys(rowDataMap.value).forEach((rowKey) => {\n      if (rowKey !== sourceRowKey) {\n        const rowData = rowDataMap.value[rowKey];\n        const sort = rowData.index < currentRowData.index ? 1 : -1;\n\n        const { height, top } = rowData.rowRef[0].value.getBoundingClientRect();\n        const position = top + Number((height / 2).toFixed(2)) < clientY ? 1 : -1;\n\n        if (!(sort + position)) {\n          let translateY = currentHeight;\n          let index = Math.min(targetIndex, rowData.index);\n          if (sort === -1) {\n            translateY = -currentHeight;\n            index = Math.max(targetIndex, rowData.index);\n          }\n          targetIndex = index;\n          rowData.rowRef.forEach((rowRefItem) => {\n            rowRefItem.value.style.transform = `translateY(${translateY}px)`;\n            rowRefItem.value.style.transition = 'transform 0.3s';\n          });\n        } else {\n          rowData.rowRef.forEach((rowRefItem) => {\n            rowRefItem.value.style.transform = 'none';\n            rowRefItem.value.style.transition = 'transform 0.3s';\n          });\n        }\n      }\n    });\n  };\n\n  let bodyTop = 0;\n  let bodyHeight = 0;\n  let tableHeight = 0;\n  let scrollTimer: any | null = null;\n  const clearBodyScrollY = () => {\n    if (scrollTimer) {\n      clearInterval(scrollTimer);\n      scrollTimer = null;\n    }\n  };\n  const handleBodyScrollY = (event: MouseEvent | TouchEvent) => {\n    const clientY = getClientY(event);\n    if (bodyTop + bodyHeight > clientY && clientY > bodyTop) {\n      clearBodyScrollY();\n    } else if (!scrollTimer) {\n      const px = clientY < bodyTop ? -3 : 3;\n      scrollTimer = setInterval(() => {\n        (tableRefs.bodyTable as any).setScrollTop(\n          Math.max(0, Math.min((tableRefs.bodyTable as any).wrapRef.scrollTop + px, tableHeight - bodyHeight))\n        );\n        setRowRefsTranslate(event);\n      }, 10);\n    }\n  };\n\n  // Handle mouse move event\n  const handleMousemove = (event: MouseEvent) => {\n    handleBodyScrollY(event);\n\n    if (!scrollTimer) {\n      setRowRefsTranslate(event);\n    }\n  };\n\n  // Handle touch move event for mobile devices\n  const handleTouchmove = (event: TouchEvent) => {\n    // Prevent default scrolling behavior during drag\n    event.preventDefault();\n    handleBodyScrollY(event);\n\n    if (!scrollTimer) {\n      setRowRefsTranslate(event);\n    }\n  };\n\n  const disableWheel = (e: Event) => {\n    e.preventDefault();\n  };\n\n  const clearDrag = () => {\n    let targetRowKey = sourceRowKey;\n    Object.values(rowDataMap.value).forEach((rowData) => {\n      if (rowData.index === targetIndex) {\n        targetRowKey = rowData.rowKey.toString();\n      }\n      rowData.rowRef.forEach((rowRefItem) => {\n        rowRefItem.value.style.transform = 'none';\n        rowRefItem.value.style.transition = 'none';\n        rowRefItem.value.style.position = 'unset';\n        rowRefItem.value.style.zIndex = 'auto';\n      });\n    });\n    if (targetRowKey !== sourceRowKey) {\n      if (props.draggable.onDragDrop) {\n        props.draggable.onDragDrop(sourceRowKey, targetRowKey);\n      }\n    }\n    sourceRowKey = '';\n    clearBodyScrollY();\n    // Remove mouse event listeners\n    window.removeEventListener('mousemove', handleMousemove);\n    window.removeEventListener('mouseup', clearDrag);\n    window.removeEventListener('mousewheel', disableWheel);\n    // Remove touch event listeners\n    window.removeEventListener('touchmove', handleTouchmove);\n    window.removeEventListener('touchend', clearDrag);\n    window.removeEventListener('touchcancel', clearDrag);\n  };\n  const handleDragStart = (event: MouseEvent | TouchEvent, param: ColumnSlotParams) => {\n    const bodyTable = (tableRefs.bodyTable as any).wrapRef;\n\n    sourceRowKey = param.rowKey.toString();\n\n    // Get clientY from mouse or touch event\n    const clientY = getClientY(event);\n    dragStartPosition = clientY + bodyTable.scrollTop;\n\n    const sortRowData = Object.values(rowDataMap.value).sort((a, b) => a.index - b.index);\n    const { top } = rowDataMap.value[sourceRowKey].rowRef[0].value.getBoundingClientRect();\n    relativeMinY = sortRowData[0].rowRef[0].value.getBoundingClientRect().top - top;\n    relativeMaxY = sortRowData[sortRowData.length - 1].rowRef[0].value.getBoundingClientRect().top - top;\n    const { top: bodyTopInner, height: bodyHeightInner } = bodyTable.getBoundingClientRect();\n    const { height: tableHeightInner } = bodyTable.children[0].getBoundingClientRect();\n    bodyTop = bodyTopInner;\n    bodyHeight = bodyHeightInner;\n    tableHeight = tableHeightInner;\n\n    // Initialize position\n    if ('touches' in event) {\n      handleTouchmove(event as TouchEvent);\n    } else {\n      handleMousemove(event as MouseEvent);\n    }\n\n    // Add mouse event listeners for desktop\n    window.addEventListener('mousemove', handleMousemove);\n    window.addEventListener('mouseup', clearDrag);\n    window.addEventListener('mousewheel', disableWheel, { passive: false });\n\n    // Add touch event listeners for mobile\n    window.addEventListener('touchmove', handleTouchmove, { passive: false });\n    window.addEventListener('touchend', clearDrag);\n    window.addEventListener('touchcancel', clearDrag);\n\n    event.preventDefault();\n  };\n\n  const draggableColumn = computed(() => {\n    if (props.draggable) {\n      const column: InnerColumn = {\n        key: 'draggable-column',\n        type: 'draggable',\n        width: 50,\n        align: 'center',\n        render: (param) => {\n          return <DraggableIcon onDragStart={(event: MouseEvent | TouchEvent) => handleDragStart(event, param)} />;\n        }\n        // handleDragStart\n      };\n      if ('fixed' in props.draggable) {\n        column.fixed = props.draggable.fixed;\n      } else if (props.columns.some((x) => x.fixed === 'left' || x.fixed === true)) {\n        column.fixed = 'left';\n      }\n      return column;\n    }\n    return null;\n  });\n  return {\n    setRowRefs,\n    draggableColumn\n  };\n}\n"],"names":["useDraggable","props","tableRefs","sourceRowKey","targetIndex","dragStartPosition","relativeMinY","relativeMaxY","rowDataMap","ref","setRowRefs","val","draggable","historyRowData","value","rowKey","toString","rowRef","index","length","push","splice","clearRowRefs","Object","keys","forEach","key","rowData","every","item","watch","data","flush","getClientY","event","touches","clientY","setRowRefsTranslate","currentRowData","height","currentHeight","getBoundingClientRect","realClientY","bodyTable","wrapRef","scrollTop","safeTranslateY","Math","max","min","currentItem","style","transform","position","zIndex","sort","top","Number","toFixed","translateY","rowRefItem","transition","bodyTop","bodyHeight","tableHeight","scrollTimer","clearBodyScrollY","clearInterval","handleBodyScrollY","px","setInterval","setScrollTop","handleMousemove","handleTouchmove","preventDefault","disableWheel","e","clearDrag","targetRowKey","values","onDragDrop","window","removeEventListener","handleDragStart","param","sortRowData","a","b","bodyTopInner","bodyHeightInner","tableHeightInner","children","addEventListener","passive","draggableColumn","computed","column","type","width","align","render","_createVNode","DraggableIcon","fixed","columns","some","x"],"mappings":"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"}

package/es/components/Table/tableUnits/DraggableIcon.mjs

@@ -15,9 +15,22 @@ const _sfc_main = defineComponent({
     const handleDragStart = (e) => {
       emit("dragStart", e);
     };
+    const handleTouchStart = (e) => {
+      e.preventDefault();
+      const touch = e.touches[0];
+      const syntheticEvent = {
+        ...e,
+        clientY: touch.clientY,
+        clientX: touch.clientX,
+        preventDefault: () => e.preventDefault(),
+        stopPropagation: () => e.stopPropagation()
+      };
+      emit("dragStart", syntheticEvent);
+    };
     return {
       prefixCls,
-      handleDragStart
+      handleDragStart,
+      handleTouchStart
     };
   }
 });
@@ -26,13 +39,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_UIcon = resolveComponent("UIcon");
   return openBlock(), createBlock(_component_UIcon, {
     class: normalizeClass([`${_ctx.prefixCls}-draggable-icon`]),
-    onMousedown: _ctx.handleDragStart
+    onMousedown: _ctx.handleDragStart,
+    onTouchstart: _ctx.handleTouchStart
   }, {
     default: withCtx(() => [
       createVNode(_component_GripVertical)
     ]),
     _: 1
-  }, 8, ["class", "onMousedown"]);
+  }, 8, ["class", "onMousedown", "onTouchstart"]);
 }
 var DraggableIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Table/tableUnits/DraggableIcon.vue"]]);
 

package/es/components/Table/tableUnits/DraggableIcon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DraggableIcon.mjs","sources":["../../../../../src/components/Table/tableUnits/DraggableIcon.vue"],"sourcesContent":["<template>\n  <UIcon :class=\"[`${prefixCls}-draggable-icon`]\" @mousedown=\"handleDragStart\">\n    <GripVertical />\n  </UIcon>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { GripVertical } from 'lucide-vue-next';\nimport type { TableContext } from '../Table.type';\n\nexport default defineComponent({\n  name: 'ExpandIcon',\n  components: {\n    UIcon,\n    GripVertical\n  },\n  emits: ['dragStart'],\n  setup(props, { emit }) {\n    const { prefixCls } = inject<TableContext>('tableContext', {} as TableContext);\n\n    const handleDragStart = (e: DragEvent) => {\n      emit('dragStart', e);\n    };\n\n    return {\n      prefixCls,\n      handleDragStart\n    };\n  }\n});\n</script>\n"],"names":["_createBlock","_normalizeClass","_createVNode"],"mappings":";;;;;AAYA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA;AACF,EACA,OAAO,CAAC,WAAW;AAAA,EACnB,MAAM,OAAO,EAAE,QAAQ;UACf,EAAE,cAAc,OAAqB,gBAAgB,EAAkB;UAEvE,kBAAkB,CAAC,MAAiB;WACnC,aAAa,CAAC;AAAA;WAGd;AAAA,MACL;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;;;sBA9BCA,YAEQ;IAFA,OAAKC,mBAAM,+BAAS;IAAqB,aAAW;;qBAC1D,MAAgB;AAAA,MAAhBC,YAAgB;;;;;;;;;"}
+{"version":3,"file":"DraggableIcon.mjs","sources":["../../../../../src/components/Table/tableUnits/DraggableIcon.vue"],"sourcesContent":["<template>\n  <UIcon :class=\"[`${prefixCls}-draggable-icon`]\" @mousedown=\"handleDragStart\" @touchstart=\"handleTouchStart\">\n    <GripVertical />\n  </UIcon>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { GripVertical } from 'lucide-vue-next';\nimport type { TableContext } from '../Table.type';\n\nexport default defineComponent({\n  name: 'ExpandIcon',\n  components: {\n    UIcon,\n    GripVertical\n  },\n  emits: ['dragStart'],\n  setup(props, { emit }) {\n    const { prefixCls } = inject<TableContext>('tableContext', {} as TableContext);\n\n    // Handle mouse drag start\n    const handleDragStart = (e: DragEvent) => {\n      emit('dragStart', e);\n    };\n\n    // Handle touch drag start for mobile devices\n    const handleTouchStart = (e: TouchEvent) => {\n      // Prevent default scrolling behavior\n      e.preventDefault();\n      // Convert touch event to a compatible format\n      // Create a synthetic event object that mimics MouseEvent structure\n      const touch = e.touches[0];\n      const syntheticEvent = {\n        ...e,\n        clientY: touch.clientY,\n        clientX: touch.clientX,\n        preventDefault: () => e.preventDefault(),\n        stopPropagation: () => e.stopPropagation()\n      } as any;\n      emit('dragStart', syntheticEvent);\n    };\n\n    return {\n      prefixCls,\n      handleDragStart,\n      handleTouchStart\n    };\n  }\n});\n</script>\n"],"names":["_createBlock","_normalizeClass","_createVNode"],"mappings":";;;;;AAYA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA;AACF,EACA,OAAO,CAAC,WAAW;AAAA,EACnB,MAAM,OAAO,EAAE,QAAQ;UACf,EAAE,cAAc,OAAqB,gBAAgB,EAAkB;UAGvE,kBAAkB,CAAC,MAAiB;WACnC,aAAa,CAAC;AAAA;UAIf,mBAAmB,CAAC,MAAkB;QAExC;YAGI,QAAQ,EAAE,QAAQ;YAClB,iBAAiB;AAAA,QACrB,GAAG;AAAA,QACH,SAAS,MAAM;AAAA,QACf,SAAS,MAAM;AAAA,QACf,gBAAgB,MAAM,EAAE;AAAe,QACvC,iBAAiB,MAAM,EAAE;AAAgB;WAEtC,aAAa,cAAc;AAAA;WAG3B;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;;;sBAjDCA,YAEQ;IAFA,OAAKC,mBAAM,+BAAS;IAAqB,aAAW;IAAkB,cAAY;;qBACxF,MAAgB;AAAA,MAAhBC,YAAgB;;;;;;;;;"}

package/es/components/Table/tableUnits/DraggableIcon.vue.d.ts

@@ -1,6 +1,7 @@
 declare const _default: import("vue").DefineComponent<{}, {
     prefixCls: import("vue").ComputedRef<string>;
     handleDragStart: (e: DragEvent) => void;
+    handleTouchStart: (e: TouchEvent) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "dragStart"[], "dragStart", import("vue").PublicProps, Readonly<{}> & Readonly<{
     onDragStart?: (...args: any[]) => any;
 }>, {}, {}, {

package/lib/components/Anchor/Anchor.js

@@ -217,17 +217,17 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   }, {
     default: vue.withCtx(() => [
       vue.createElementVNode("div", {
-        class: vue.normalizeClass(`${_ctx.containerClass} ${_ctx.prefixCls}-wrapper`),
+        class: vue.normalizeClass(`${_ctx.containerClass} ${_ctx.prefixCls}`),
         style: vue.normalizeStyle(_ctx.wrapperStyle)
       }, [
         vue.createElementVNode("div", {
-          class: vue.normalizeClass(`${_ctx.prefixCls}`)
+          class: vue.normalizeClass(`${_ctx.prefixCls}-inner`)
         }, [
           vue.createElementVNode("div", {
-            class: vue.normalizeClass(`${_ctx.prefixCls}-ink`)
+            class: vue.normalizeClass(`${_ctx.prefixCls}-inner-ink`)
           }, [
             vue.withDirectives(vue.createElementVNode("span", {
-              class: vue.normalizeClass(`${_ctx.prefixCls}-ink-ball`),
+              class: vue.normalizeClass(`${_ctx.prefixCls}-inner-ink-ball`),
               style: vue.normalizeStyle({ top: `${_ctx.inkTop}px` })
             }, null, 6), [
               [vue.vShow, _ctx.showInk]