@koi-design/uxd-ui 13.2.8 → 14.0.1

package/lib/components/Table/tableUnits/TableRow.vue.d.ts

@@ -94,8 +94,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>> & Readonly<{}>, {
     columns: TableColumn[];
-    indent: number;
     skeleton: boolean;
+    indent: number;
     expendedRow: boolean;
     childRow: boolean;
 }, {}, {
@@ -185,8 +185,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
     }>> & Readonly<{}>, {
         expandIcon: boolean;
-        indent: number;
         skeleton: boolean;
+        indent: number;
     }, {}, {
         Render: {
             (props: import("../../base/Render").RenderProps): import("vue").VNodeChild | import("vue/jsx-runtime").JSX.Element;
@@ -207,6 +207,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             expandIcon: {
                 type: PropType<import("../../..").IconPropType>;
+                default: () => import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
             };
             needIndentSpaced: {
                 type: BooleanConstructor;
@@ -232,6 +233,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             expandIcon: {
                 type: PropType<import("../../..").IconPropType>;
+                default: () => import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
             };
             needIndentSpaced: {
                 type: BooleanConstructor;
@@ -246,6 +248,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             "onAsync-expand"?: (...args: any[]) => any;
         }>, {
             expanded: boolean;
+            expandIcon: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
             expandable: boolean;
             needIndentSpaced: boolean;
             needLoading: boolean;
@@ -380,8 +383,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }, string, {
                 color: string;
                 spin: boolean;
-            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
-            ULineLoading: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
+            LoaderCircle: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
         }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         UTooltip: {
             new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
@@ -480,9 +483,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 'update:visible': (v: boolean) => boolean;
             }, import("vue").PublicProps, {
                 color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                offset: number[];
                 visible: boolean;
                 placement: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";
-                offset: number[];
                 trigger: "click" | "hover";
                 mouseEnterDelay: number;
                 mouseLeaveDelay: number;
@@ -657,9 +660,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     onMouseleave?: (e: Event) => any;
                     "onContext-menu"?: (e: Event) => any;
                 }>, {
+                    offset: number[];
                     visible: boolean;
                     placement: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";
-                    offset: number[];
                     popupStyle: CSSProperties;
                     trigger: ("click" | "hover" | "focus" | "contextmenu")[];
                     mouseEnterDelay: number;
@@ -778,9 +781,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 onVisibleChange: (val: boolean) => void;
             }, {}, {}, {}, {
                 color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                offset: number[];
                 visible: boolean;
                 placement: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";
-                offset: number[];
                 trigger: "click" | "hover";
                 mouseEnterDelay: number;
                 mouseLeaveDelay: number;
@@ -888,9 +891,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             'update:visible': (v: boolean) => boolean;
         }, string, {
             color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+            offset: number[];
             visible: boolean;
             placement: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";
-            offset: number[];
             trigger: "click" | "hover";
             mouseEnterDelay: number;
             mouseLeaveDelay: number;
@@ -1065,9 +1068,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 onMouseleave?: (e: Event) => any;
                 "onContext-menu"?: (e: Event) => any;
             }>, {
+                offset: number[];
                 visible: boolean;
                 placement: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";
-                offset: number[];
                 popupStyle: CSSProperties;
                 trigger: ("click" | "hover" | "focus" | "contextmenu")[];
                 mouseEnterDelay: number;
@@ -1086,7 +1089,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     };
                 };
             }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-        } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
+        } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
         USkeleton: {
             new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                 active: {
@@ -1186,7 +1189,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             avatar: boolean | import("../..").avatarObject;
             active: boolean;
             paragraph: boolean | import("../..").paragraphObject;
-        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & {
+        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & {
             Item: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                 type: {
                     type: PropType<"text" | "image" | "circle" | "p" | "rect">;
@@ -1202,7 +1205,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>> & Readonly<{}>, {
                 type: "text" | "image" | "circle" | "p" | "rect";
             }, {}, {
-                ULinePicture: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+                ImageIcon: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
             }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         };
         USkeletonItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -1220,7 +1223,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>> & Readonly<{}>, {
             type: "text" | "image" | "circle" | "p" | "rect";
         }, {}, {
-            ULinePicture: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+            ImageIcon: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
         }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/components/Table/tableUnits/TableSummaryRow.js

@@ -25,7 +25,7 @@ const _sfc_main = vue.defineComponent({
       required: true
     }
   },
-  setup() {
+  setup(props) {
     const rowKey = "--summary--";
     const rowRef = vue.ref(null);
     const {
@@ -53,16 +53,10 @@ const _sfc_main = vue.defineComponent({
     };
     const getCellStyle = (column) => {
       const style = {};
-      const { align, left, right } = column;
+      const { align } = column;
       if (align) {
         style.textAlign = align;
       }
-      if (left !== void 0) {
-        style.left = `${left}px`;
-      }
-      if (right !== void 0) {
-        style.right = `${right}px`;
-      }
       return style;
     };
     const summaryData = (column) => {
@@ -110,9 +104,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.columns.filter((x) => !x.hideSummary), (column) => {
       return vue.openBlock(), vue.createElementBlock("td", vue.mergeProps({
         key: column.key,
-        class: { [`${column.className}`]: !!column.className },
-        style: _ctx.getCellStyle(column)
-      }, { ref_for: true }, _ctx.tdProps(column)), [
+        style: _ctx.getCellStyle(column),
+        ref_for: true
+      }, _ctx.tdProps(column)), [
         !!column.summaryRender ? (vue.openBlock(), vue.createBlock(_component_Render, {
           key: 0,
           render: () => {
@@ -126,7 +120,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128))
   ], 46, _hoisted_1);
 }
-var TableSummaryRow = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Table\\tableUnits\\TableSummaryRow.vue"]]);
+var TableSummaryRow = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Table/tableUnits/TableSummaryRow.vue"]]);
 
 exports["default"] = TableSummaryRow;
 //# sourceMappingURL=TableSummaryRow.js.map

package/lib/components/Table/tableUnits/TableSummaryRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableSummaryRow.js","sources":["../../../../../src/components/Table/tableUnits/TableSummaryRow.vue"],"sourcesContent":["<template>\n  <tr\n    ref=\"rowRef\"\n    :class=\"{\n      [`${prefixCls}`]: true,\n      [`${prefixCls}-hover`]: hoverd && !disabledHover,\n      [`${prefixCls}-disabled-hover`]: disabledHover\n    }\"\n    :style=\"rowStyle\"\n    :data-row-key=\"rowKey\"\n    @mouseenter=\"handleMouseEnter\"\n    @mouseleave=\"handleMouseLeave\"\n  >\n    <td\n      v-for=\"column in columns.filter((x) => !x.hideSummary)\"\n      :key=\"column.key\"\n      :class=\"{ [`${column.className}`]: !!column.className }\"\n      :style=\"getCellStyle(column)\"\n      v-bind=\"tdProps(column)\"\n    >\n      <Render\n        v-if=\"!!column.summaryRender\"\n        :render=\"\n          () => {\n            return column.summaryRender?.(column.autoSummary ? summaryData(column) : undefined);\n          }\n        \"\n      />\n      <template v-else-if=\"column.autoSummary\">\n        {{ summaryData(column) }}\n      </template>\n      <template v-else />\n    </td>\n  </tr>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, computed, ref } from 'vue';\nimport type { CSSProperties, PropType } from 'vue';\nimport { get, isNaN } from 'lodash-unified';\nimport type { InnerColumn, InnerDataItem, TableColumn, TableContext } from '../Table.type';\nimport Render from '../../base/Render';\n\nexport default defineComponent({\n  name: 'TableRow',\n  components: {\n    Render\n  },\n  props: {\n    prefixCls: {\n      type: String\n    },\n    columns: {\n      type: Array as PropType<TableColumn[]>,\n      default: () => [] as TableColumn[]\n    },\n    visible: {\n      type: Boolean,\n      required: true\n    }\n  },\n  setup() {\n    const rowKey = '--summary--';\n    const rowRef = ref<HTMLElement | null>(null);\n    const {\n      data: tableData,\n      props: { disabledHover },\n      fixed: { currentHoverKey }\n    } = inject<TableContext>('tableContext', {} as TableContext);\n\n    const rowStyle = computed(() => {\n      const style = {} as CSSProperties;\n      return style;\n    });\n\n    const hoverd = computed(() => {\n      return currentHoverKey.value === rowKey;\n    });\n\n    const tdProps = (column: InnerColumn) => {\n      const { customSummaryCell } = column;\n      const attrs = {} as Record<string, any>;\n      if (customSummaryCell) {\n        const _props = customSummaryCell();\n        Object.keys(_props).forEach((key) => {\n          attrs[key] = _props[key];\n        });\n      }\n      return attrs;\n    };\n\n    const getCellStyle = (column: InnerColumn) => {\n      const style = {} as CSSProperties;\n      const { align, left, right } = column;\n      if (align) {\n        style.textAlign = align;\n      }\n      if (left !== undefined) {\n        style.left = `${left}px`;\n      }\n      if (right !== undefined) {\n        style.right = `${right}px`;\n      }\n      return style;\n    };\n\n    const summaryData = (column: InnerColumn) => {\n      const { dataIndex, key } = column;\n      const rst = tableData.value.reduce((sum, row: InnerDataItem) => {\n        return Number(get(row.dataRef, dataIndex || key)) + sum;\n      }, 0);\n      return isNaN(rst) ? undefined : rst;\n    };\n\n    const handleMouseEnter = () => {\n      currentHoverKey.value = rowKey;\n    };\n\n    const handleMouseLeave = () => {\n      currentHoverKey.value = null;\n    };\n\n    return {\n      rowKey,\n      rowRef,\n      rowStyle,\n      hoverd,\n      disabledHover,\n      tdProps,\n      getCellStyle,\n      summaryData,\n      handleMouseEnter,\n      handleMouseLeave\n    };\n  }\n});\n</script>\n"],"names":["defineComponent","Render","ref","inject","computed","get","isNaN","_createElementBlock","_normalizeClass","_normalizeStyle","_Fragment","_mergeProps","_createBlock"],"mappings":";;;;;;;;;AA2CA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,YACVC;AAAA;AACF,EACA,OAAO;AAAA,IACL,WAAW;AAAA,MACT,MAAM;AAAA;AACR,IACA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS,MAAM;AAAC;AAClB,IACA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,UAAU;AAAA;AACZ;AACF,EACA,QAAQ;UACA,SAAS;UACT,SAASC,QAAwB,IAAI;UACrC;AAAA,MACJ,MAAM;AAAA,MACN,OAAO,EAAE;AAAc,MACvB,OAAO,EAAE;AAAgB,QACvBC,WAAqB,gBAAgB,EAAkB;UAErD,WAAWC,aAAS,MAAM;YACxB,QAAQ;aACP;AAAA,KACR;UAEK,SAASA,aAAS,MAAM;aACrB,gBAAgB,UAAU;AAAA,KAClC;UAEK,UAAU,CAAC,WAAwB;YACjC,EAAE,sBAAsB;YACxB,QAAQ;UACV,mBAAmB;cACf,SAAS;eACR,KAAK,MAAM,EAAE,QAAQ,CAAC,QAAQ;gBAC7B,OAAO,OAAO;AAAA,SACrB;AAAA;aAEI;AAAA;UAGH,eAAe,CAAC,WAAwB;YACtC,QAAQ;YACR,EAAE,OAAO,MAAM,UAAU;UAC3B,OAAO;cACH,YAAY;AAAA;UAEhB,SAAS,QAAW;cAChB,OAAO,GAAG;AAAA;UAEd,UAAU,QAAW;cACjB,QAAQ,GAAG;AAAA;aAEZ;AAAA;UAGH,cAAc,CAAC,WAAwB;YACrC,EAAE,WAAW,QAAQ;YACrB,MAAM,UAAU,MAAM,OAAO,CAAC,KAAK,QAAuB;eACvD,OAAOC,kBAAI,IAAI,SAAS,aAAa,GAAG,CAAC,IAAI;AAAA,SACnD,CAAC;aACGC,oBAAM,GAAG,IAAI,SAAY;AAAA;UAG5B,mBAAmB,MAAM;sBACb,QAAQ;AAAA;UAGpB,mBAAmB,MAAM;sBACb,QAAQ;AAAA;WAGnB;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;;;0BAtICC,uBAgCK;IA/BH,KAAI;AAAA,IACH,OAAKC;UAAc,mBAAS;AAAA,UAAqB,yBAAoB,eAAM,CAAK;UAAyB,kCAA6B;;IAKtI,OAAKC,mBAAE,aAAQ;AAAA,IACf,gBAAc;IACd,cAAU,uCAAE;IACZ,cAAU,uCAAE;;0BAEbF,uBAmBKG,mCAlBc,aAAQ,OAAM,CAAE,MAAC,CAAM,EAAE,WAAW,IAA9C,WAAM;8BADfH,uBAmBK,MAnBLI,eAmBK;AAAA,QAjBF,KAAK,OAAO;AAAA,QACZ,OAAK,MAAQ,OAAO,cAAS,EAAO,OAAO;AAAS,QACpD,OAAO,kBAAa,MAAM;AAAA,4BACnB,aAAQ,MAAM;UAGZ,OAAO,kCADjBC,gBAOE;;UALC;AAeT;oBAfuD,YAAO,kBAAP,gCAAuB,OAAO,cAAc,iBAAY,MAAM,IAAI;AAAA;mCAM9F,OAAO,gCAA5BL,uBAEWG;kDADN,iBAAY,MAAM;oCAEvBH,uBAAmBG;;;;;;;;;"}
+{"version":3,"file":"TableSummaryRow.js","sources":["../../../../../src/components/Table/tableUnits/TableSummaryRow.vue"],"sourcesContent":["<template>\n  <tr\n    ref=\"rowRef\"\n    :class=\"{\n      [`${prefixCls}`]: true,\n      [`${prefixCls}-hover`]: hoverd && !disabledHover,\n      [`${prefixCls}-disabled-hover`]: disabledHover\n    }\"\n    :style=\"rowStyle\"\n    :data-row-key=\"rowKey\"\n    @mouseenter=\"handleMouseEnter\"\n    @mouseleave=\"handleMouseLeave\"\n  >\n    <td v-for=\"column in columns.filter((x) => !x.hideSummary)\" :key=\"column.key\" :style=\"getCellStyle(column)\" v-bind=\"tdProps(column)\">\n      <Render\n        v-if=\"!!column.summaryRender\"\n        :render=\"\n          () => {\n            return column.summaryRender?.(column.autoSummary ? summaryData(column) : undefined);\n          }\n        \"\n      >\n      </Render>\n      <template v-else-if=\"column.autoSummary\">\n        {{ summaryData(column) }}\n      </template>\n      <template v-else> </template>\n    </td>\n  </tr>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, computed, ref } from 'vue';\nimport type { CSSProperties, PropType } from 'vue';\nimport { get, isNaN } from 'lodash-unified';\nimport type { InnerColumn, InnerDataItem, TableColumn, TableContext } from '../Table.type';\nimport Render from '../../base/Render';\n\nexport default defineComponent({\n  name: 'TableRow',\n  components: {\n    Render\n  },\n  props: {\n    prefixCls: {\n      type: String\n    },\n    columns: {\n      type: Array as PropType<TableColumn[]>,\n      default: () => [] as TableColumn[]\n    },\n    visible: {\n      type: Boolean,\n      required: true\n    }\n  },\n  setup(props) {\n    const rowKey = '--summary--';\n    const rowRef = ref<HTMLElement | null>(null);\n    const {\n      data: tableData,\n      props: { disabledHover },\n      fixed: { currentHoverKey }\n    } = inject<TableContext>('tableContext', {} as TableContext);\n\n    const rowStyle = computed(() => {\n      const style = {} as CSSProperties;\n      return style;\n    });\n\n    const hoverd = computed(() => {\n      return currentHoverKey.value === rowKey;\n    });\n\n    const tdProps = (column: InnerColumn) => {\n      const { customSummaryCell } = column;\n      const attrs = {} as Record<string, any>;\n      if (customSummaryCell) {\n        const _props = customSummaryCell();\n        Object.keys(_props).forEach((key) => {\n          attrs[key] = _props[key];\n        });\n      }\n      return attrs;\n    };\n\n    const getCellStyle = (column: InnerColumn) => {\n      const style = {} as CSSProperties;\n      const { align } = column;\n      if (align) {\n        style.textAlign = align;\n      }\n      return style;\n    };\n\n    const summaryData = (column: InnerColumn) => {\n      const { dataIndex, key } = column;\n      const rst = tableData.value.reduce((sum, row: InnerDataItem) => {\n        return Number(get(row.dataRef, dataIndex || key)) + sum;\n      }, 0);\n      return isNaN(rst) ? undefined : rst;\n    };\n\n    const handleMouseEnter = () => {\n      currentHoverKey.value = rowKey;\n    };\n\n    const handleMouseLeave = () => {\n      currentHoverKey.value = null;\n    };\n\n    return {\n      rowKey,\n      rowRef,\n      rowStyle,\n      hoverd,\n      disabledHover,\n      tdProps,\n      getCellStyle,\n      summaryData,\n      handleMouseEnter,\n      handleMouseLeave\n    };\n  }\n});\n</script>\n"],"names":["defineComponent","Render","ref","inject","computed","get","isNaN","_createElementBlock","_normalizeClass","_normalizeStyle","_Fragment","_mergeProps","_createBlock"],"mappings":";;;;;;;;;AAsCA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,YACVC;AAAA;AACF,EACA,OAAO;AAAA,IACL,WAAW;AAAA,MACT,MAAM;AAAA;AACR,IACA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS,MAAM;AAAC;AAClB,IACA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,UAAU;AAAA;AACZ;AACF,EACA,MAAM,OAAO;UACL,SAAS;UACT,SAASC,QAAwB,IAAI;UACrC;AAAA,MACJ,MAAM;AAAA,MACN,OAAO,EAAE;AAAc,MACvB,OAAO,EAAE;AAAgB,QACvBC,WAAqB,gBAAgB,EAAkB;UAErD,WAAWC,aAAS,MAAM;YACxB,QAAQ;aACP;AAAA,KACR;UAEK,SAASA,aAAS,MAAM;aACrB,gBAAgB,UAAU;AAAA,KAClC;UAEK,UAAU,CAAC,WAAwB;YACjC,EAAE,sBAAsB;YACxB,QAAQ;UACV,mBAAmB;cACf,SAAS;eACR,KAAK,MAAM,EAAE,QAAQ,CAAC,QAAQ;gBAC7B,OAAO,OAAO;AAAA,SACrB;AAAA;aAEI;AAAA;UAGH,eAAe,CAAC,WAAwB;YACtC,QAAQ;YACR,EAAE,UAAU;UACd,OAAO;cACH,YAAY;AAAA;aAEb;AAAA;UAGH,cAAc,CAAC,WAAwB;YACrC,EAAE,WAAW,QAAQ;YACrB,MAAM,UAAU,MAAM,OAAO,CAAC,KAAK,QAAuB;eACvD,OAAOC,kBAAI,IAAI,SAAS,aAAa,GAAG,CAAC,IAAI;AAAA,SACnD,CAAC;aACGC,oBAAM,GAAG,IAAI,SAAY;AAAA;UAG5B,mBAAmB,MAAM;sBACb,QAAQ;AAAA;UAGpB,mBAAmB,MAAM;sBACb,QAAQ;AAAA;WAGnB;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;;;0BA3HCC,uBA2BK;IA1BH,KAAI;AAAA,IACH,OAAKC;UAAc,mBAAS;AAAA,UAAqB,yBAAoB,eAAM,CAAK;UAAyB,kCAA6B;;IAKtI,OAAKC,mBAAE,aAAQ;AAAA,IACf,gBAAc;IACd,cAAU,uCAAE;IACZ,cAAU,uCAAE;;0BAEbF,uBAcKG,mCAdgB,aAAQ,OAAM,CAAE,MAAC,CAAM,EAAE,WAAW,IAA9C,WAAM;8BAAjBH,uBAcK,MAdLI,eAcK;AAAA,QAdwD,KAAK,OAAO;AAAA,QAAM,OAAO,kBAAa,MAAM;AAAA;SAAW,aAAQ,MAAM;UAEtH,OAAO,kCADjBC,gBAQS;;UANN;AAgBT;oBAhBuD,YAAO,kBAAP,gCAAuB,OAAO,cAAc,iBAAY,MAAM,IAAI;AAAA;mCAO9F,OAAO,gCAA5BL,uBAEWG;kDADN,iBAAY,MAAM;oCAEvBH,uBAA6BG;;;;;;;;;"}

package/lib/components/Tabs/TabBar.js

@@ -107,7 +107,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     style: vue.normalizeStyle(_ctx.barStyle)
   }, null, 6);
 }
-var TabBar = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Tabs\\TabBar.vue"]]);
+var TabBar = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Tabs/TabBar.vue"]]);
 
 exports["default"] = TabBar;
 //# sourceMappingURL=TabBar.js.map

package/lib/components/Tabs/TabNav.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var index = require('../Icon/index.js');
-var uxdIcon = require('@koi-design/uxd-icon');
+var lucideVueNext = require('lucide-vue-next');
 var TabBar = require('./TabBar.js');
 var Render = require('../base/Render.js');
 var useResizeObserver = require('../base/hooks/useResizeObserver.js');
@@ -19,10 +19,10 @@ const _sfc_main = vue.defineComponent({
   components: {
     TabBar: TabBar["default"],
     UIcon: index.UIcon,
-    URoundClose: uxdIcon.URoundClose,
-    ULineLeft: uxdIcon.ULineLeft,
-    ULineRight: uxdIcon.ULineRight,
-    ULineAdd: uxdIcon.ULineAdd,
+    CircleX: lucideVueNext.CircleX,
+    ChevronLeft: lucideVueNext.ChevronLeft,
+    ChevronRight: lucideVueNext.ChevronRight,
+    Plus: lucideVueNext.Plus,
     URender: Render["default"]
   },
   props: Tabs_type.tabNavProps,
@@ -344,13 +344,13 @@ const _sfc_main = vue.defineComponent({
 const _hoisted_1 = ["onClick"];
 const _hoisted_2 = ["onClick"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ULineLeft = vue.resolveComponent("ULineLeft");
+  const _component_ChevronLeft = vue.resolveComponent("ChevronLeft");
   const _component_UIcon = vue.resolveComponent("UIcon");
   const _component_TabBar = vue.resolveComponent("TabBar");
   const _component_URender = vue.resolveComponent("URender");
-  const _component_URoundClose = vue.resolveComponent("URoundClose");
-  const _component_ULineRight = vue.resolveComponent("ULineRight");
-  const _component_ULineAdd = vue.resolveComponent("ULineAdd");
+  const _component_CircleX = vue.resolveComponent("CircleX");
+  const _component_ChevronRight = vue.resolveComponent("ChevronRight");
+  const _component_Plus = vue.resolveComponent("Plus");
   return vue.openBlock(), vue.createElementBlock("div", {
     class: vue.normalizeClass({
       [`${_ctx.prefixCls}-bar`]: true,
@@ -395,7 +395,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       }, [
         vue.createVNode(_component_UIcon, null, {
           default: vue.withCtx(() => [
-            vue.createVNode(_component_ULineLeft)
+            vue.createVNode(_component_ChevronLeft)
           ]),
           _: 1
         })
@@ -456,7 +456,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 }, [
                   vue.createVNode(_component_UIcon, null, {
                     default: vue.withCtx(() => [
-                      vue.createVNode(_component_URoundClose)
+                      vue.createVNode(_component_CircleX)
                     ]),
                     _: 1
                   })
@@ -479,7 +479,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       }, [
         vue.createVNode(_component_UIcon, null, {
           default: vue.withCtx(() => [
-            vue.createVNode(_component_ULineRight)
+            vue.createVNode(_component_ChevronRight)
           ]),
           _: 1
         })
@@ -494,7 +494,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       }, [
         vue.createVNode(_component_UIcon, null, {
           default: vue.withCtx(() => [
-            vue.createVNode(_component_ULineAdd)
+            vue.createVNode(_component_Plus)
           ]),
           _: 1
         })
@@ -502,7 +502,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 34)
   ], 34);
 }
-var TabNav = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Tabs\\TabNav.vue"]]);
+var TabNav = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Tabs/TabNav.vue"]]);
 
 exports["default"] = TabNav;
 //# sourceMappingURL=TabNav.js.map

package/lib/components/Tabs/TabNav.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabNav.js","sources":["../../../../src/components/Tabs/TabNav.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"{\n      [`${prefixCls}-bar`]: true,\n      [`${prefixCls}-${type}`]: true,\n      [`${prefixCls}-${size}`]: true,\n      [`${prefixCls}-${tabPosition}-bar`]: true,\n      [`${prefixCls}-vertical`]: isVertical,\n      [`${prefixCls}-extra-${extraPosition}`]: !isVertical,\n      [`${prefixCls}-centered`]: !isVertical && centered\n    }\"\n    tabindex=\"0\"\n    @keydown=\"handleTabNavKeydown\"\n  >\n    <div v-if=\"$slots.extra\" :class=\"`${prefixCls}-extra-content`\">\n      <slot name=\"extra\">\n        <!-- <span v-if=\"addable || editable\" :class=\"`${prefixCls}-add-btn`\" @click.stop=\"handleTabAdd\">\n          <UIcon>\n            <ULineAdd />\n          </UIcon>\n        </span> -->\n      </slot>\n    </div>\n\n    <div\n      ref=\"container\"\n      :class=\"[\n        `${prefixCls}-container`,\n        {\n          [`${prefixCls}-scrolling`]: scrollable.show\n        }\n      ]\"\n      @wheel.stop=\"handleTabNavScroll\"\n    >\n      <span\n        v-if=\"scrollable.show\"\n        :class=\"[\n          `${prefixCls}-btn`,\n          `${prefixCls}-prev`,\n          {\n            [`${prefixCls}-btn-disabled`]: !scrollable.prev\n          }\n        ]\"\n        @click.stop=\"handleScrollPrev\"\n      >\n        <UIcon>\n          <ULineLeft />\n        </UIcon>\n      </span>\n      <div :ref=\"saveRef('navScroll')\" :class=\"`${prefixCls}-scroll`\">\n        <div :ref=\"saveRef('nav')\" :style=\"navStyle\" :class=\"[`${prefixCls}-content`]\">\n          <TabBar\n            v-if=\"type === 'line'\"\n            ref=\"tabBarRef\"\n            :tabs=\"tabs\"\n            :active=\"stateValue\"\n            :tab-position=\"tabPosition\"\n            :prefix-cls=\"prefixCls\"\n            :animated=\"animated\"\n            :fixed-distance=\"fixedDistance\"\n          />\n\n          <div\n            v-for=\"(item, index) in tabs\"\n            :key=\"item.key\"\n            :ref=\"saveRef(`tab_${item.key}`)\"\n            :class=\"{\n              [`${prefixCls}-item`]: true,\n              [`${prefixCls}-item-active`]: stateValue ? stateValue === item.key : index === 0,\n              [`${prefixCls}-item-disabled`]: item.disabled,\n              [`${prefixCls}-item-closable`]: (editable || closable) && item.closable\n            }\"\n            @click=\"(e) => handleTabClick(item, index, e)\"\n          >\n            <span\n              :class=\"{\n                [`${prefixCls}-item-content`]: true\n              }\"\n            >\n              <URender v-if=\"item.slot !== undefined\" :render=\"item.slot\" />\n              <template v-else-if=\"$slots.tab\">\n                <slot name=\"tab\" v-bind=\"{ item }\" />\n              </template>\n              <template v-else>{{ item.label }}</template>\n\n              <span\n                v-if=\"editable || closable\"\n                :class=\"{\n                  [`${prefixCls}-item-close`]: true,\n                  [`${prefixCls}-item-close-hidden`]: item.closable === false\n                }\"\n                @click.stop=\"(e) => handleTabRemove(item, index, e)\"\n              >\n                <UIcon>\n                  <URoundClose />\n                </UIcon>\n              </span>\n            </span>\n          </div>\n        </div>\n      </div>\n      <span\n        v-if=\"scrollable.show\"\n        :class=\"[\n          `${prefixCls}-btn`,\n          `${prefixCls}-next`,\n          {\n            [`${prefixCls}-btn-disabled`]: !scrollable.next\n          }\n        ]\"\n        @click.stop=\"handleScrollNext\"\n      >\n        <UIcon>\n          <ULineRight />\n        </UIcon>\n      </span>\n      <div\n        v-if=\"addable || editable\"\n        :class=\"{\n          [`${prefixCls}-item`]: true,\n          [`${prefixCls}-item-add-btn`]: true\n        }\"\n        @click.stop=\"handleTabAdd\"\n      >\n        <UIcon>\n          <ULineAdd />\n        </UIcon>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { ref, defineComponent, reactive, provide, computed, watch, nextTick, onMounted, onBeforeUnmount, onUpdated } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { URoundClose, ULineLeft, ULineRight, ULineAdd } from '@koi-design/uxd-icon';\nimport TabBar from './TabBar.vue';\nimport URender from '../base/Render';\nimport useResizeObserver from '../base/hooks/useResizeObserver';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport KeyCode from '../../utils/KeyCode';\nimport { debounce } from '../../utils/tools';\nimport { tabNavProps, tabNavEmits } from './Tabs.type';\nimport type { TabsGuard, TabInfo, TabPaneInstance } from './Tabs.type';\n\nexport default defineComponent({\n  name: 'UTabNav',\n  components: {\n    TabBar,\n    UIcon,\n    URoundClose,\n    ULineLeft,\n    ULineRight,\n    ULineAdd,\n    URender\n  },\n  props: tabNavProps,\n  emits: tabNavEmits,\n  setup(props, { emit }) {\n    const { prefixCls } = useGlobalConfig('tab-nav');\n    const stateValue = ref(props.modelValue);\n    const scrollable = reactive({\n      show: false,\n      prev: false,\n      next: false\n    });\n    const container = ref(null);\n    const tabNavRefs = reactive({} as Record<string, Element>);\n\n    const saveRef = (key: string) => {\n      return (el: any) => {\n        tabNavRefs[key] = el;\n      };\n    };\n    // ========= scroll ==========\n    // #region\n    const isVertical = computed(() => {\n      return props.tabPosition === 'left' || props.tabPosition === 'right';\n    });\n\n    const getOffsetWH = (node: any) => {\n      let prop = 'offsetWidth';\n      if (isVertical.value) {\n        prop = 'offsetHeight';\n      }\n      return node[prop];\n    };\n    let stateOffset = 0;\n    const navStyle = ref({});\n\n    const getMinOffset = () => {\n      const { nav } = tabNavRefs;\n      const tabNavContainer = tabNavRefs.navScroll;\n      const navWH = getOffsetWH(nav);\n      const containerWH = getOffsetWH(tabNavContainer);\n      return containerWH - navWH;\n    };\n\n    const setOffset = (offset: number) => {\n      const target = Math.min(0, offset);\n      if (stateOffset !== target) {\n        stateOffset = target;\n      }\n      const direction = isVertical.value ? 'Y' : 'X';\n      navStyle.value = {\n        ...navStyle.value,\n        transform: `translate${direction}(${target}px)`\n      };\n    };\n\n    const updateScroll = () => {\n      const { nav } = tabNavRefs;\n      if (!nav) return;\n      const minOffset = getMinOffset();\n      if (minOffset < 0) {\n        scrollable.show = true;\n        scrollable.prev = stateOffset < 0;\n        scrollable.next = minOffset < stateOffset;\n        if (stateOffset < minOffset) {\n          setOffset(minOffset);\n        }\n      } else {\n        scrollable.show = false;\n        if (stateOffset < 0) {\n          setOffset(0);\n        }\n      }\n    };\n\n    const scrollToActiveTab = () => {\n      if (!scrollable.show) return;\n      const activeKey = props.modelValue;\n      const activeTab = tabNavRefs[`tab_${activeKey}`];\n      const tabNavContainer = tabNavRefs.navScroll;\n      if (!activeTab) return;\n      const containerBounding = tabNavContainer.getBoundingClientRect();\n      const activeTabBounding = activeTab.getBoundingClientRect();\n      const propLT = isVertical.value ? 'top' : 'left';\n      const containerLT = containerBounding[propLT];\n      const activeTabLT = activeTabBounding[propLT];\n      const propRB = isVertical.value ? 'bottom' : 'right';\n      const containerRB = containerBounding[propRB];\n      const activeTabRB = activeTabBounding[propRB];\n\n      let offset = stateOffset;\n      if (containerLT > activeTabLT) {\n        offset += containerLT - activeTabLT;\n        setOffset(offset);\n      } else if (containerRB < activeTabRB) {\n        offset -= activeTabRB - containerRB;\n        setOffset(offset);\n      }\n    };\n\n    const handleScrollPrev = () => {\n      if (!scrollable.prev) return;\n      const containerWH = getOffsetWH(tabNavRefs.navScroll);\n      setOffset(stateOffset + containerWH);\n    };\n\n    const handleScrollNext = () => {\n      if (!scrollable.next) return;\n      const containerWH = getOffsetWH(tabNavRefs.navScroll);\n      setOffset(stateOffset - containerWH);\n    };\n\n    const handleTabNavScroll = (evt: WheelEvent) => {\n      if (!scrollable.show) return;\n\n      evt.preventDefault();\n\n      navStyle.value = {\n        ...navStyle.value,\n        transitionDuration: '0s'\n      };\n      setOffset(stateOffset + (evt as any).wheelDelta);\n      nextTick(() => {\n        navStyle.value = {\n          ...navStyle.value,\n          transitionDuration: ''\n        };\n      });\n    };\n\n    onMounted(() => {\n      updateScroll();\n      setTimeout(() => scrollToActiveTab(), 300);\n    });\n\n    const preTabPosition = ref(props.tabPosition);\n    const preAcitve = ref(props.modelValue);\n    const update = () => {\n      if (preTabPosition.value !== props.tabPosition) {\n        setOffset(0);\n      }\n      updateScroll();\n      if (preAcitve.value !== props.modelValue) {\n        nextTick(() => {\n          setTimeout(() => {\n            scrollToActiveTab();\n          }, 300);\n        });\n      }\n      preTabPosition.value = props.tabPosition;\n      preAcitve.value = props.modelValue;\n    };\n\n    onUpdated(() => {\n      update();\n    });\n\n    const debounceResize = debounce(() => {\n      updateScroll();\n      setTimeout(() => {\n        scrollToActiveTab();\n      }, 300);\n    }, 200);\n\n    useResizeObserver(container, debounceResize);\n\n    onBeforeUnmount(() => {\n      debounceResize.cancel();\n    });\n\n    // #endregion\n\n    // ========== event =============\n    // #region\n    const getClosable = (pane: TabInfo | TabPaneInstance) => {\n      if (props.editable || props.closable) {\n        if (pane.closable === undefined) {\n          return true;\n        }\n        return pane.closable;\n      }\n      return pane.closable;\n    };\n\n    const emitValueChange = (val: string) => {\n      stateValue.value = val;\n      if (props.modelValue) {\n        emit('update:modelValue', val);\n      }\n    };\n\n    const getNextActiveTab = (next: boolean) => {\n      const activeKey = props.modelValue;\n      const children: TabInfo[] = [];\n      props.tabs.forEach((tab) => {\n        if (tab && !tab.disabled) {\n          if (next) {\n            children.push(tab);\n          } else {\n            children.unshift(tab);\n          }\n        }\n      });\n\n      const { length } = children;\n      let ret = length && children[0];\n      children.every((c, i) => {\n        if (c.key === activeKey) {\n          if (i === length - 1) {\n            ret = children[0];\n          } else {\n            ret = children[i + 1];\n          }\n          return false;\n        }\n        return true;\n      });\n      return ret;\n    };\n\n    watch(\n      () => props.modelValue,\n      (val) => {\n        stateValue.value = val;\n      }\n    );\n\n    const getActivePane = () => {\n      const activeKey = stateValue.value;\n      const pane = props.tabs.find((x) => x.key === activeKey);\n      return pane;\n    };\n\n    const handleTabClick = async (pane: TabInfo | TabPaneInstance, index: number, e: any) => {\n      if (pane.disabled) {\n        return;\n      }\n      const guard = props.guard as TabsGuard;\n      if (guard?.onClickBefore) {\n        const res = await guard.onClickBefore(e);\n        if (!res) return;\n      }\n      emitValueChange(pane.key);\n      emit('tab-click', pane, index, e);\n      if (guard?.onClickAfter) guard.onClickAfter(e);\n    };\n\n    const handleTabRemove = (pane: TabInfo | TabPaneInstance, index?: number, e?: any) => {\n      if (pane.disabled) {\n        return;\n      }\n      emit('tab-remove', pane, index, e);\n    };\n\n    const handleTabAdd = (e?: any) => {\n      emit('tab-add', e);\n    };\n\n    const handleTabChange = (tab: TabInfo) => {\n      emitValueChange(tab.key);\n      const index = props.tabs.findIndex((x) => x.key === tab.key);\n      emit('tab-click', tab, index);\n    };\n\n    const handleTabNavKeydown = (e: KeyboardEvent) => {\n      const { which } = e;\n\n      switch (which) {\n        case KeyCode.RIGHT:\n        case KeyCode.DOWN: {\n          const newTab = getNextActiveTab(true);\n          newTab && handleTabChange(newTab);\n          break;\n        }\n        case KeyCode.LEFT:\n        case KeyCode.UP: {\n          const newTab = getNextActiveTab(false);\n          newTab && handleTabChange(newTab);\n          break;\n        }\n        case KeyCode.DELETE: {\n          const activePane = getActivePane();\n          if (activePane) {\n            const closable = getClosable(activePane);\n            if (closable) {\n              handleTabRemove(activePane);\n            }\n          }\n          break;\n        }\n        case KeyCode.INSERT: {\n          if (props.editable || props.addable) {\n            handleTabAdd();\n          }\n          break;\n        }\n        default:\n          break;\n      }\n    };\n    // #endregion\n\n    const tabBarRef = ref<InstanceType<typeof TabBar> | null>(null);\n    let observer: MutationObserver | null = null;\n\n    const handleNavChange = () => {\n      tabBarRef.value?.update();\n    };\n\n    watch(tabNavRefs, () => {\n      if (tabNavRefs.nav && !observer) {\n        observer = new MutationObserver(handleNavChange);\n        observer.observe(tabNavRefs.nav, {\n          childList: true,\n          subtree: true,\n          attributes: false\n        });\n      }\n    });\n\n    onBeforeUnmount(() => {\n      if (observer) {\n        observer.disconnect();\n        observer = null;\n      }\n    });\n\n    provide('TabNavContext', {\n      tabNavRefs\n    });\n\n    return {\n      stateValue,\n      prefixCls,\n      scrollToActiveTab,\n      scrollable,\n      container,\n      saveRef,\n      isVertical,\n      getClosable,\n      navStyle,\n      tabBarRef,\n      handleTabClick,\n      handleTabRemove,\n      handleTabAdd,\n      handleTabNavKeydown,\n      handleScrollPrev,\n      handleScrollNext,\n      handleTabNavScroll\n    };\n  }\n});\n</script>\n"],"names":["defineComponent","TabBar","UIcon","URoundClose","ULineLeft","ULineRight","ULineAdd","URender","tabNavProps","tabNavEmits","useGlobalConfig","ref","reactive","computed","debounce","KeyCode","_createElementBlock","_normalizeClass","_renderSlot","_createCommentVNode","_createElementVNode","_createVNode","_normalizeStyle","_createBlock","_Fragment","_mergeProps","_withModifiers"],"mappings":"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"}
+{"version":3,"file":"TabNav.js","sources":["../../../../src/components/Tabs/TabNav.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"{\n      [`${prefixCls}-bar`]: true,\n      [`${prefixCls}-${type}`]: true,\n      [`${prefixCls}-${size}`]: true,\n      [`${prefixCls}-${tabPosition}-bar`]: true,\n      [`${prefixCls}-vertical`]: isVertical,\n      [`${prefixCls}-extra-${extraPosition}`]: !isVertical,\n      [`${prefixCls}-centered`]: !isVertical && centered\n    }\"\n    tabindex=\"0\"\n    @keydown=\"handleTabNavKeydown\"\n  >\n    <div v-if=\"$slots.extra\" :class=\"`${prefixCls}-extra-content`\">\n      <slot name=\"extra\">\n        <!-- <span v-if=\"addable || editable\" :class=\"`${prefixCls}-add-btn`\" @click.stop=\"handleTabAdd\">\n          <UIcon>\n            <ULineAdd />\n          </UIcon>\n        </span> -->\n      </slot>\n    </div>\n\n    <div\n      ref=\"container\"\n      :class=\"[\n        `${prefixCls}-container`,\n        {\n          [`${prefixCls}-scrolling`]: scrollable.show\n        }\n      ]\"\n      @wheel.stop=\"handleTabNavScroll\"\n    >\n      <span\n        v-if=\"scrollable.show\"\n        :class=\"[\n          `${prefixCls}-btn`,\n          `${prefixCls}-prev`,\n          {\n            [`${prefixCls}-btn-disabled`]: !scrollable.prev\n          }\n        ]\"\n        @click.stop=\"handleScrollPrev\"\n      >\n        <UIcon>\n          <ChevronLeft />\n        </UIcon>\n      </span>\n      <div :ref=\"saveRef('navScroll')\" :class=\"`${prefixCls}-scroll`\">\n        <div :ref=\"saveRef('nav')\" :style=\"navStyle\" :class=\"[`${prefixCls}-content`]\">\n          <TabBar\n            v-if=\"type === 'line'\"\n            ref=\"tabBarRef\"\n            :tabs=\"tabs\"\n            :active=\"stateValue\"\n            :tab-position=\"tabPosition\"\n            :prefix-cls=\"prefixCls\"\n            :animated=\"animated\"\n            :fixed-distance=\"fixedDistance\"\n          />\n\n          <div\n            v-for=\"(item, index) in tabs\"\n            :key=\"item.key\"\n            :ref=\"saveRef(`tab_${item.key}`)\"\n            :class=\"{\n              [`${prefixCls}-item`]: true,\n              [`${prefixCls}-item-active`]: stateValue ? stateValue === item.key : index === 0,\n              [`${prefixCls}-item-disabled`]: item.disabled,\n              [`${prefixCls}-item-closable`]: (editable || closable) && item.closable\n            }\"\n            @click=\"(e: any) => handleTabClick(item, index, e)\"\n          >\n            <span\n              :class=\"{\n                [`${prefixCls}-item-content`]: true\n              }\"\n            >\n              <URender v-if=\"item.slot !== undefined\" :render=\"item.slot\" />\n              <template v-else-if=\"$slots.tab\">\n                <slot name=\"tab\" v-bind=\"{ item }\" />\n              </template>\n              <template v-else>{{ item.label }}</template>\n\n              <span\n                v-if=\"editable || closable\"\n                :class=\"{\n                  [`${prefixCls}-item-close`]: true,\n                  [`${prefixCls}-item-close-hidden`]: item.closable === false\n                }\"\n                @click.stop=\"(e: any) => handleTabRemove(item, index, e)\"\n              >\n                <UIcon>\n                  <CircleX />\n                </UIcon>\n              </span>\n            </span>\n          </div>\n        </div>\n      </div>\n      <span\n        v-if=\"scrollable.show\"\n        :class=\"[\n          `${prefixCls}-btn`,\n          `${prefixCls}-next`,\n          {\n            [`${prefixCls}-btn-disabled`]: !scrollable.next\n          }\n        ]\"\n        @click.stop=\"handleScrollNext\"\n      >\n        <UIcon>\n          <ChevronRight />\n        </UIcon>\n      </span>\n      <div\n        v-if=\"addable || editable\"\n        :class=\"{\n          [`${prefixCls}-item`]: true,\n          [`${prefixCls}-item-add-btn`]: true\n        }\"\n        @click.stop=\"handleTabAdd\"\n      >\n        <UIcon>\n          <Plus />\n        </UIcon>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { ref, defineComponent, reactive, provide, computed, watch, nextTick, onMounted, onBeforeUnmount, onUpdated } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { CircleX, ChevronLeft, ChevronRight, Plus } from 'lucide-vue-next';\nimport TabBar from './TabBar.vue';\nimport URender from '../base/Render';\nimport useResizeObserver from '../base/hooks/useResizeObserver';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport KeyCode from '../../utils/KeyCode';\nimport { debounce } from '../../utils/tools';\nimport { tabNavProps, tabNavEmits } from './Tabs.type';\nimport type { TabsGuard, TabInfo, TabPaneInstance } from './Tabs.type';\n\nexport default defineComponent({\n  name: 'UTabNav',\n  components: {\n    TabBar,\n    UIcon,\n    CircleX,\n    ChevronLeft,\n    ChevronRight,\n    Plus,\n    URender\n  },\n  props: tabNavProps,\n  emits: tabNavEmits,\n  setup(props, { emit }) {\n    const { prefixCls } = useGlobalConfig('tab-nav');\n    const stateValue = ref(props.modelValue);\n    const scrollable = reactive({\n      show: false,\n      prev: false,\n      next: false\n    });\n    const container = ref(null);\n    const tabNavRefs = reactive({} as Record<string, Element>);\n\n    const saveRef = (key: string) => {\n      return (el: any) => {\n        tabNavRefs[key] = el;\n      };\n    };\n    // ========= scroll ==========\n    // #region\n    const isVertical = computed(() => {\n      return props.tabPosition === 'left' || props.tabPosition === 'right';\n    });\n\n    const getOffsetWH = (node: any) => {\n      let prop = 'offsetWidth';\n      if (isVertical.value) {\n        prop = 'offsetHeight';\n      }\n      return node[prop];\n    };\n    let stateOffset = 0;\n    const navStyle = ref({});\n\n    const getMinOffset = () => {\n      const { nav } = tabNavRefs;\n      const tabNavContainer = tabNavRefs.navScroll;\n      const navWH = getOffsetWH(nav);\n      const containerWH = getOffsetWH(tabNavContainer);\n      return containerWH - navWH;\n    };\n\n    const setOffset = (offset: number) => {\n      const target = Math.min(0, offset);\n      if (stateOffset !== target) {\n        stateOffset = target;\n      }\n      const direction = isVertical.value ? 'Y' : 'X';\n      navStyle.value = {\n        ...navStyle.value,\n        transform: `translate${direction}(${target}px)`\n      };\n    };\n\n    const updateScroll = () => {\n      const { nav } = tabNavRefs;\n      if (!nav) return;\n      const minOffset = getMinOffset();\n      if (minOffset < 0) {\n        scrollable.show = true;\n        scrollable.prev = stateOffset < 0;\n        scrollable.next = minOffset < stateOffset;\n        if (stateOffset < minOffset) {\n          setOffset(minOffset);\n        }\n      } else {\n        scrollable.show = false;\n        if (stateOffset < 0) {\n          setOffset(0);\n        }\n      }\n    };\n\n    const scrollToActiveTab = () => {\n      if (!scrollable.show) return;\n      const activeKey = props.modelValue;\n      const activeTab = tabNavRefs[`tab_${activeKey}`];\n      const tabNavContainer = tabNavRefs.navScroll;\n      if (!activeTab) return;\n      const containerBounding = tabNavContainer.getBoundingClientRect();\n      const activeTabBounding = activeTab.getBoundingClientRect();\n      const propLT = isVertical.value ? 'top' : 'left';\n      const containerLT = containerBounding[propLT];\n      const activeTabLT = activeTabBounding[propLT];\n      const propRB = isVertical.value ? 'bottom' : 'right';\n      const containerRB = containerBounding[propRB];\n      const activeTabRB = activeTabBounding[propRB];\n\n      let offset = stateOffset;\n      if (containerLT > activeTabLT) {\n        offset += containerLT - activeTabLT;\n        setOffset(offset);\n      } else if (containerRB < activeTabRB) {\n        offset -= activeTabRB - containerRB;\n        setOffset(offset);\n      }\n    };\n\n    const handleScrollPrev = () => {\n      if (!scrollable.prev) return;\n      const containerWH = getOffsetWH(tabNavRefs.navScroll);\n      setOffset(stateOffset + containerWH);\n    };\n\n    const handleScrollNext = () => {\n      if (!scrollable.next) return;\n      const containerWH = getOffsetWH(tabNavRefs.navScroll);\n      setOffset(stateOffset - containerWH);\n    };\n\n    const handleTabNavScroll = (evt: WheelEvent) => {\n      if (!scrollable.show) return;\n\n      evt.preventDefault();\n\n      navStyle.value = {\n        ...navStyle.value,\n        transitionDuration: '0s'\n      };\n      setOffset(stateOffset + (evt as any).wheelDelta);\n      nextTick(() => {\n        navStyle.value = {\n          ...navStyle.value,\n          transitionDuration: ''\n        };\n      });\n    };\n\n    onMounted(() => {\n      updateScroll();\n      setTimeout(() => scrollToActiveTab(), 300);\n    });\n\n    const preTabPosition = ref(props.tabPosition);\n    const preAcitve = ref(props.modelValue);\n    const update = () => {\n      if (preTabPosition.value !== props.tabPosition) {\n        setOffset(0);\n      }\n      updateScroll();\n      if (preAcitve.value !== props.modelValue) {\n        nextTick(() => {\n          setTimeout(() => {\n            scrollToActiveTab();\n          }, 300);\n        });\n      }\n      preTabPosition.value = props.tabPosition;\n      preAcitve.value = props.modelValue;\n    };\n\n    onUpdated(() => {\n      update();\n    });\n\n    const debounceResize = debounce(() => {\n      updateScroll();\n      setTimeout(() => {\n        scrollToActiveTab();\n      }, 300);\n    }, 200);\n\n    useResizeObserver(container, debounceResize);\n\n    onBeforeUnmount(() => {\n      debounceResize.cancel();\n    });\n\n    // #endregion\n\n    // ========== event =============\n    // #region\n    const getClosable = (pane: TabInfo | TabPaneInstance) => {\n      if (props.editable || props.closable) {\n        if (pane.closable === undefined) {\n          return true;\n        }\n        return pane.closable;\n      }\n      return pane.closable;\n    };\n\n    const emitValueChange = (val: string) => {\n      stateValue.value = val;\n      if (props.modelValue) {\n        emit('update:modelValue', val);\n      }\n    };\n\n    const getNextActiveTab = (next: boolean) => {\n      const activeKey = props.modelValue;\n      const children: TabInfo[] = [];\n      props.tabs.forEach((tab) => {\n        if (tab && !tab.disabled) {\n          if (next) {\n            children.push(tab);\n          } else {\n            children.unshift(tab);\n          }\n        }\n      });\n\n      const { length } = children;\n      let ret = length && children[0];\n      children.every((c, i) => {\n        if (c.key === activeKey) {\n          if (i === length - 1) {\n            ret = children[0];\n          } else {\n            ret = children[i + 1];\n          }\n          return false;\n        }\n        return true;\n      });\n      return ret;\n    };\n\n    watch(\n      () => props.modelValue,\n      (val) => {\n        stateValue.value = val;\n      }\n    );\n\n    const getActivePane = () => {\n      const activeKey = stateValue.value;\n      const pane = props.tabs.find((x) => x.key === activeKey);\n      return pane;\n    };\n\n    const handleTabClick = async (pane: TabInfo | TabPaneInstance, index: number, e: any) => {\n      if (pane.disabled) {\n        return;\n      }\n      const guard = props.guard as TabsGuard;\n      if (guard?.onClickBefore) {\n        const res = await guard.onClickBefore(e);\n        if (!res) return;\n      }\n      emitValueChange(pane.key);\n      emit('tab-click', pane, index, e);\n      if (guard?.onClickAfter) guard.onClickAfter(e);\n    };\n\n    const handleTabRemove = (pane: TabInfo | TabPaneInstance, index?: number, e?: any) => {\n      if (pane.disabled) {\n        return;\n      }\n      emit('tab-remove', pane, index, e);\n    };\n\n    const handleTabAdd = (e?: any) => {\n      emit('tab-add', e);\n    };\n\n    const handleTabChange = (tab: TabInfo) => {\n      emitValueChange(tab.key);\n      const index = props.tabs.findIndex((x) => x.key === tab.key);\n      emit('tab-click', tab, index);\n    };\n\n    const handleTabNavKeydown = (e: KeyboardEvent) => {\n      const { which } = e;\n\n      switch (which) {\n        case KeyCode.RIGHT:\n        case KeyCode.DOWN: {\n          const newTab = getNextActiveTab(true);\n          newTab && handleTabChange(newTab);\n          break;\n        }\n        case KeyCode.LEFT:\n        case KeyCode.UP: {\n          const newTab = getNextActiveTab(false);\n          newTab && handleTabChange(newTab);\n          break;\n        }\n        case KeyCode.DELETE: {\n          const activePane = getActivePane();\n          if (activePane) {\n            const closable = getClosable(activePane);\n            if (closable) {\n              handleTabRemove(activePane);\n            }\n          }\n          break;\n        }\n        case KeyCode.INSERT: {\n          if (props.editable || props.addable) {\n            handleTabAdd();\n          }\n          break;\n        }\n        default:\n          break;\n      }\n    };\n    // #endregion\n\n    const tabBarRef = ref<InstanceType<typeof TabBar> | null>(null);\n    let observer: MutationObserver | null = null;\n\n    const handleNavChange = () => {\n      tabBarRef.value?.update();\n    };\n\n    watch(tabNavRefs, () => {\n      if (tabNavRefs.nav && !observer) {\n        observer = new MutationObserver(handleNavChange);\n        observer.observe(tabNavRefs.nav, {\n          childList: true,\n          subtree: true,\n          attributes: false\n        });\n      }\n    });\n\n    onBeforeUnmount(() => {\n      if (observer) {\n        observer.disconnect();\n        observer = null;\n      }\n    });\n\n    provide('TabNavContext', {\n      tabNavRefs\n    });\n\n    return {\n      stateValue,\n      prefixCls,\n      scrollToActiveTab,\n      scrollable,\n      container,\n      saveRef,\n      isVertical,\n      getClosable,\n      navStyle,\n      tabBarRef,\n      handleTabClick,\n      handleTabRemove,\n      handleTabAdd,\n      handleTabNavKeydown,\n      handleScrollPrev,\n      handleScrollNext,\n      handleTabNavScroll\n    };\n  }\n});\n</script>\n"],"names":["defineComponent","TabBar","UIcon","CircleX","ChevronLeft","ChevronRight","Plus","URender","tabNavProps","tabNavEmits","useGlobalConfig","ref","reactive","computed","debounce","KeyCode","_createElementBlock","_normalizeClass","_renderSlot","_createCommentVNode","_createElementVNode","_createVNode","_normalizeStyle","_createBlock","_Fragment","_mergeProps","_withModifiers"],"mappings":"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"}

package/lib/components/Tabs/TabNav.vue.d.ts

@@ -491,11 +491,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, string, {
         color: string;
         spin: boolean;
-    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
-    URoundClose: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    ULineLeft: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    ULineRight: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    ULineAdd: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
+    CircleX: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+    ChevronLeft: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+    ChevronRight: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+    Plus: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
     URender: {
         (props: import("../base/Render").RenderProps): import("vue").VNodeChild | import("vue/jsx-runtime").JSX.Element;
         props: {

package/lib/components/Tabs/TabPane.js

@@ -73,7 +73,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     [vue.vShow, _ctx.active]
   ]);
 }
-var TabPane = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Tabs\\TabPane.vue"]]);
+var TabPane = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Tabs/TabPane.vue"]]);
 
 exports["default"] = TabPane;
 //# sourceMappingURL=TabPane.js.map

package/lib/components/Tabs/Tabs.d.ts

@@ -633,11 +633,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }, string, {
             color: string;
             spin: boolean;
-        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
-        URoundClose: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-        ULineLeft: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-        ULineRight: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-        ULineAdd: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
+        CircleX: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+        ChevronLeft: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+        ChevronRight: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+        Plus: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
         URender: {
             (props: import("../base/Render").RenderProps): import("vue").VNodeChild | import("vue/jsx-runtime").JSX.Element;
             props: {

package/lib/components/Tabs/index.d.ts

@@ -582,11 +582,11 @@ export declare const UTabs: {
             }, string, {
                 color: string;
                 spin: boolean;
-            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
-            URoundClose: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-            ULineLeft: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-            ULineRight: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-            ULineAdd: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
+            CircleX: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+            ChevronLeft: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+            ChevronRight: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+            Plus: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
             URender: {
                 (props: import("../base/Render").RenderProps): import("vue").VNodeChild | import("vue/jsx-runtime").JSX.Element;
                 props: {
@@ -1278,11 +1278,11 @@ export declare const UTabs: {
         }, string, {
             color: string;
             spin: boolean;
-        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
-        URoundClose: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-        ULineLeft: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-        ULineRight: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-        ULineAdd: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
+        CircleX: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+        ChevronLeft: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+        ChevronRight: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+        Plus: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
         URender: {
             (props: import("../base/Render").RenderProps): import("vue").VNodeChild | import("vue/jsx-runtime").JSX.Element;
             props: {
@@ -1300,7 +1300,7 @@ export declare const UTabs: {
             };
         };
     };
-} & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & {
+} & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & {
     Pane: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         label: {
             type: StringConstructor;
@@ -1852,11 +1852,11 @@ export declare const UTabs: {
         }, string, {
             color: string;
             spin: boolean;
-        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
-        URoundClose: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-        ULineLeft: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-        ULineRight: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-        ULineAdd: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
+        CircleX: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+        ChevronLeft: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+        ChevronRight: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+        Plus: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
         URender: {
             (props: import("../base/Render").RenderProps): import("vue").VNodeChild | import("vue/jsx-runtime").JSX.Element;
             props: {

package/lib/components/Tag/Tag.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var index = require('../Icon/index.js');
-var uxdIcon = require('@koi-design/uxd-icon');
+var lucideVueNext = require('lucide-vue-next');
 var useGlobalConfig = require('../base/hooks/useGlobalConfig.js');
 var Tag_type = require('./Tag.type.js');
 require('../../utils/index.js');
@@ -16,7 +16,7 @@ const _sfc_main = vue.defineComponent({
   name: "UTag",
   components: {
     UIcon: index.UIcon,
-    URoundClose: uxdIcon.URoundClose
+    X: lucideVueNext.X
   },
   props: Tag_type.tagProps,
   emits: Tag_type.tagEmits,
@@ -125,7 +125,7 @@ const _sfc_main = vue.defineComponent({
 const _hoisted_1 = ["data-color"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_UIcon = vue.resolveComponent("UIcon");
-  const _component_URoundClose = vue.resolveComponent("URoundClose");
+  const _component_X = vue.resolveComponent("X");
   return vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
     class: vue.normalizeClass([
       `${_ctx.prefixCls}`,
@@ -161,7 +161,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       onClick: _ctx.handleClose
     }, {
       default: vue.withCtx(() => [
-        vue.createVNode(_component_URoundClose)
+        vue.createVNode(_component_X)
       ]),
       _: 1
     }, 8, ["class", "onClick"])) : vue.createCommentVNode("v-if", true)
@@ -169,7 +169,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     [vue.vShow, _ctx.visible && _ctx.hasSlot]
   ]);
 }
-var Tag = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Tag\\Tag.vue"]]);
+var Tag = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Tag/Tag.vue"]]);
 
 exports["default"] = Tag;
 //# sourceMappingURL=Tag.js.map