@koi-design/uxd-ui 13.2.8 → 14.0.1

package/lib/components/LoadingBar/LoadingBar.js

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

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

@@ -6,5 +6,5 @@ export declare const loadingBar: {
     error: () => void;
     config: (options: Partial<LoadingBarProps>) => void;
     destroy: () => void;
-} & import("vue").Plugin<any[], any[]>;
+} & import("vue").Plugin<any[]>;
 export default loadingBar;

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

@@ -32,10 +32,10 @@ export declare const UMask: {
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "after-show-mask-change"[], import("vue").PublicProps, {
         color: import("./Mask.type").MaskColor;
         show: boolean;
+        opacity: string | number;
         lazyRender: boolean;
         preventScroll: boolean;
         desdroyOnClose: boolean;
-        opacity: string | number;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -75,10 +75,10 @@ export declare const UMask: {
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
         color: import("./Mask.type").MaskColor;
         show: boolean;
+        opacity: string | number;
         lazyRender: boolean;
         preventScroll: boolean;
         desdroyOnClose: boolean;
-        opacity: string | number;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -115,10 +115,10 @@ export declare const UMask: {
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "after-show-mask-change"[], "after-show-mask-change", {
     color: import("./Mask.type").MaskColor;
     show: boolean;
+    opacity: string | number;
     lazyRender: boolean;
     preventScroll: boolean;
     desdroyOnClose: boolean;
-    opacity: string | number;
-}, {}, 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>;
+}, {}, 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>;
 export default Mask;
 export * from './Mask.type';

package/lib/components/Mention/Mention.js

@@ -522,7 +522,7 @@ const _sfc_main = vue.defineComponent({
     };
   }
 });
-var Mention = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Mention\\Mention.vue"]]);
+var Mention = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Mention/Mention.vue"]]);
 
 exports["default"] = Mention;
 //# sourceMappingURL=Mention.js.map

package/lib/components/Mention/MentionsSelect.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var lodashEs = require('lodash-es');
+var lucideVueNext = require('lucide-vue-next');
 var mentionsTypes = require('./mentionsTypes.js');
 var utils = require('./utils.js');
 var pluginVue_exportHelper = require('../../_virtual/plugin-vue_export-helper.js');
@@ -60,7 +61,6 @@ const _sfc_main = {
       });
     };
     return (_ctx, _cache) => {
-      const _component_ULineSearch = vue.resolveComponent("ULineSearch");
       const _component_u_icon = vue.resolveComponent("u-icon");
       const _component_u_input = vue.resolveComponent("u-input");
       const _component_u_scrollbar = vue.resolveComponent("u-scrollbar");
@@ -77,7 +77,7 @@ const _sfc_main = {
           suffix: vue.withCtx(() => [
             vue.createVNode(_component_u_icon, { size: 14 }, {
               default: vue.withCtx(() => [
-                vue.createVNode(_component_ULineSearch)
+                vue.createVNode(vue.unref(lucideVueNext.SearchIcon))
               ]),
               _: 1
             })
@@ -114,7 +114,7 @@ const _sfc_main = {
     };
   }
 };
-var MentionsSelect = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Mention\\MentionsSelect.vue"]]);
+var MentionsSelect = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Mention/MentionsSelect.vue"]]);
 
 exports["default"] = MentionsSelect;
 //# sourceMappingURL=MentionsSelect.js.map

package/lib/components/Mention/MentionsSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"MentionsSelect.js","sources":["../../../../src/components/Mention/MentionsSelect.vue"],"sourcesContent":["<template>\n  <div ref=\"mentionSelect\" :class=\"`${prefix}-select-wrap`\">\n    <u-input v-model=\"search\" clearable>\n      <template #suffix>\n        <u-icon :size=\"14\">\n          <ULineSearch />\n        </u-icon>\n      </template>\n    </u-input>\n    <div :class=\"`${prefix}-select-content`\">\n      <u-scrollbar max-height=\"200px\">\n        <div v-for=\"(item, index) in filterOptions\" :key=\"index\">\n          <div :class=\"`${prefix}-item`\" @click=\"handleClick(item, index)\">\n            <div :class=\"`${prefix}-text`\">\n              <slot :data=\"item\" name=\"label\">\n                <span>{{ item?.label }}</span>\n              </slot>\n            </div>\n          </div>\n        </div>\n      </u-scrollbar>\n    </div>\n    <div v-if=\"showNoData\" class=\"no-more-wrap\">{{ emptyTip }}</div>\n  </div>\n</template>\n\n<script setup>\nimport { shallowRef, inject, computed, nextTick, ref } from 'vue';\nimport { isEmpty } from 'lodash-es';\nimport { MentionsContextKey } from './mentionsTypes';\nimport { setupClickOutside } from './utils';\n\nconst props = defineProps({\n  emptyTip: {\n    type: String,\n    default: ''\n  },\n  options: {\n    type: Array,\n    default: () => []\n  },\n  prefix: {\n    type: String,\n    default: ''\n  }\n});\n\nconst emits = defineEmits(['close']);\nconst { setActiveIndex, selectOption } = inject(MentionsContextKey, {\n  activeIndex: shallowRef()\n});\n\nconst showNoData = computed(() => {\n  return isEmpty(props.options);\n});\nconst search = ref('');\nconst mentionSelect = ref(null);\n\nconst filterOptions = computed(() => {\n  return props.options.filter((item) => {\n    return item.label.includes(search.value);\n  });\n});\nsetupClickOutside(mentionSelect, () => {\n  emits('close');\n});\nconst handleClick = (item, index) => {\n  if (setActiveIndex) {\n    setActiveIndex(index);\n  }\n\n  nextTick(() => {\n    if (selectOption) {\n      selectOption(item);\n    }\n  });\n};\n</script>\n"],"names":["inject","MentionsContextKey","shallowRef","computed","isEmpty","ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,UAAM,QAAQ;AAed,UAAM,QAAQ;AACd,UAAM,EAAE,gBAAgB,iBAAiBA,WAAOC,kCAAoB;AAAA,MAClE,aAAaC;AAAW,KACzB;AAED,UAAM,aAAaC,aAAS,MAAM;AAChC,aAAOC,iBAAQ,MAAM,OAAO;AAAA,KAC7B;AACD,UAAM,SAASC,QAAI,EAAE;AACrB,UAAM,gBAAgBA,QAAI,IAAI;AAE9B,UAAM,gBAAgBF,aAAS,MAAM;AACnC,aAAO,MAAM,QAAQ,OAAO,CAAC,SAAS;AACpC,eAAO,KAAK,MAAM,SAAS,OAAO,KAAK;AAAA,OACxC;AAAA,KACF;AACD,4BAAkB,eAAe,MAAM;AACrC,YAAM,OAAO;AAAA,KACd;AACD,UAAM,cAAc,CAAC,MAAM,UAAU;AACnC,UAAI,gBAAgB;AAClB,uBAAe,KAAK;AAAA;AAGtB,mBAAS,MAAM;AACb,YAAI,cAAc;AAChB,uBAAa,IAAI;AAAA;AACnB,OACD;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"MentionsSelect.js","sources":["../../../../src/components/Mention/MentionsSelect.vue"],"sourcesContent":["<template>\n  <div ref=\"mentionSelect\" :class=\"`${prefix}-select-wrap`\">\n    <u-input v-model=\"search\" clearable>\n      <template #suffix>\n        <u-icon :size=\"14\">\n          <SearchIcon />\n        </u-icon>\n      </template>\n    </u-input>\n    <div :class=\"`${prefix}-select-content`\">\n      <u-scrollbar max-height=\"200px\">\n        <div v-for=\"(item, index) in filterOptions\" :key=\"index\">\n          <div :class=\"`${prefix}-item`\" @click=\"handleClick(item, index)\">\n            <div :class=\"`${prefix}-text`\">\n              <slot :data=\"item\" name=\"label\">\n                <span>{{ item?.label }}</span>\n              </slot>\n            </div>\n          </div>\n        </div>\n      </u-scrollbar>\n    </div>\n    <div v-if=\"showNoData\" class=\"no-more-wrap\">{{ emptyTip }}</div>\n  </div>\n</template>\n\n<script setup>\nimport { shallowRef, inject, computed, nextTick, ref } from 'vue';\nimport { isEmpty } from 'lodash-es';\nimport { SearchIcon } from 'lucide-vue-next';\nimport { MentionsContextKey } from './mentionsTypes';\nimport { setupClickOutside } from './utils';\n\nconst props = defineProps({\n  emptyTip: {\n    type: String,\n    default: ''\n  },\n  options: {\n    type: Array,\n    default: () => []\n  },\n  prefix: {\n    type: String,\n    default: ''\n  }\n});\n\nconst emits = defineEmits(['close']);\nconst { setActiveIndex, selectOption } = inject(MentionsContextKey, {\n  activeIndex: shallowRef()\n});\n\nconst showNoData = computed(() => {\n  return isEmpty(props.options);\n});\nconst search = ref('');\nconst mentionSelect = ref(null);\n\nconst filterOptions = computed(() => {\n  return props.options.filter((item) => {\n    return item.label.includes(search.value);\n  });\n});\nsetupClickOutside(mentionSelect, () => {\n  emits('close');\n});\nconst handleClick = (item, index) => {\n  if (setActiveIndex) {\n    setActiveIndex(index);\n  }\n\n  nextTick(() => {\n    if (selectOption) {\n      selectOption(item);\n    }\n  });\n};\n</script>\n"],"names":["inject","MentionsContextKey","shallowRef","computed","isEmpty","ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,UAAM,QAAQ;AAed,UAAM,QAAQ;AACd,UAAM,EAAE,gBAAgB,iBAAiBA,WAAOC,kCAAoB;AAAA,MAClE,aAAaC;AAAW,KACzB;AAED,UAAM,aAAaC,aAAS,MAAM;AAChC,aAAOC,iBAAQ,MAAM,OAAO;AAAA,KAC7B;AACD,UAAM,SAASC,QAAI,EAAE;AACrB,UAAM,gBAAgBA,QAAI,IAAI;AAE9B,UAAM,gBAAgBF,aAAS,MAAM;AACnC,aAAO,MAAM,QAAQ,OAAO,CAAC,SAAS;AACpC,eAAO,KAAK,MAAM,SAAS,OAAO,KAAK;AAAA,OACxC;AAAA,KACF;AACD,4BAAkB,eAAe,MAAM;AACrC,YAAM,OAAO;AAAA,KACd;AACD,UAAM,cAAc,CAAC,MAAM,UAAU;AACnC,UAAI,gBAAgB;AAClB,uBAAe,KAAK;AAAA;AAGtB,mBAAS,MAAM;AACb,YAAI,cAAc;AAChB,uBAAa,IAAI;AAAA;AACnB,OACD;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/Menu/MenuDivider.js

@@ -19,7 +19,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     class: vue.normalizeClass([`${_ctx.rootPrefixCls}-item-divider`])
   }, null, 2);
 }
-var MenuDivider = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Menu\\MenuDivider.vue"]]);
+var MenuDivider = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Menu/MenuDivider.vue"]]);
 
 exports["default"] = MenuDivider;
 //# sourceMappingURL=MenuDivider.js.map

package/lib/components/Menu/MenuItem.js

@@ -130,7 +130,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["title", "disabled", "class"]);
 }
-var MenuItem = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Menu\\MenuItem.vue"]]);
+var MenuItem = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Menu/MenuItem.vue"]]);
 
 exports["default"] = MenuItem;
 //# sourceMappingURL=MenuItem.js.map

package/lib/components/Menu/MenuItem.vue.d.ts

@@ -143,9 +143,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;
@@ -320,9 +320,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;
@@ -441,9 +441,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;
@@ -551,9 +551,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;
@@ -728,9 +728,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;
@@ -749,6 +749,6 @@ 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>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/components/Menu/MenuItemGroup.js

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

package/lib/components/Menu/SubMenu.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 require('../Popup/index.js');
 var index = require('../Icon/index.js');
-var uxdIcon = require('@koi-design/uxd-icon');
+var lucideVueNext = require('lucide-vue-next');
 var warn = require('../../utils/warn.js');
 var useGetTriggerProps = require('./hooks/useGetTriggerProps.js');
 var isValid = require('../../utils/isValid.js');
@@ -20,8 +20,8 @@ const _sfc_main = vue.defineComponent({
   components: {
     Popup: Popup["default"],
     UIcon: index.UIcon,
-    ULineDown: uxdIcon.ULineDown,
-    ULineRight: uxdIcon.ULineRight,
+    ChevronDown: lucideVueNext.ChevronDown,
+    ChevronRight: lucideVueNext.ChevronRight,
     CollapseTransition: CollapseTransition["default"]
   },
   props: Menu_type.subMenuProps,
@@ -153,10 +153,10 @@ const _hoisted_2 = ["id"];
 const _hoisted_3 = ["data-color", "aria-owns"];
 const _hoisted_4 = ["id"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ULineDown = vue.resolveComponent("ULineDown");
+  const _component_ChevronDown = vue.resolveComponent("ChevronDown");
   const _component_UIcon = vue.resolveComponent("UIcon");
   const _component_CollapseTransition = vue.resolveComponent("CollapseTransition");
-  const _component_ULineRight = vue.resolveComponent("ULineRight");
+  const _component_ChevronRight = vue.resolveComponent("ChevronRight");
   const _component_Popup = vue.resolveComponent("Popup");
   return vue.openBlock(), vue.createElementBlock("li", {
     role: "menuitem",
@@ -186,7 +186,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           class: vue.normalizeClass(`${_ctx.prefixCls}-arrow`)
         }, {
           default: vue.withCtx(() => [
-            vue.createVNode(_component_ULineDown)
+            vue.createVNode(_component_ChevronDown)
           ]),
           _: 1
         }, 8, ["class"])
@@ -248,7 +248,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             class: vue.normalizeClass(`${_ctx.prefixCls}-arrow`)
           }, {
             default: vue.withCtx(() => [
-              vue.createVNode(_component_ULineRight)
+              vue.createVNode(_component_ChevronRight)
             ]),
             _: 1
           }, 8, ["class"])
@@ -258,7 +258,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["aria-owns", "popup-class", "prefix", "placement", "offset", "trigger", "mouse-enter-delay", "mouse-leave-delay", "transition-name", "get-popup-container", "onPopupVisibleChange", "onClick"]))
   ], 2);
 }
-var SubMenu = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Menu\\SubMenu.vue"]]);
+var SubMenu = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Menu/SubMenu.vue"]]);
 
 exports["default"] = SubMenu;
 //# sourceMappingURL=SubMenu.js.map

package/lib/components/Menu/SubMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubMenu.js","sources":["../../../../src/components/Menu/SubMenu.vue"],"sourcesContent":["<template>\n  <li\n    role=\"menuitem\"\n    :class=\"[\n      prefixCls,\n      `${prefixCls}-${mode}`,\n      {\n        [`${prefixCls}-open`]: isOpen,\n        [`${prefixCls}-disabled`]: disabled,\n        [`${prefixCls}-selected`]: isSelected\n      }\n    ]\"\n  >\n    <template v-if=\"mode === 'inline'\">\n      <div :class=\"[`${prefixCls}-title`]\" :style=\"titleStyle\" :aria-expanded=\"isOpen\" :aria-owns=\"menuId\" aria-haspopup=\"true\" @click=\"onTitleClick\">\n        <slot name=\"title\">\n          {{ title }}\n        </slot>\n        <UIcon :class=\"`${prefixCls}-arrow`\">\n          <ULineDown />\n        </UIcon>\n      </div>\n      <!-- <transition name=\"slide-up\"> -->\n      <CollapseTransition appear>\n        <ul\n          v-show=\"isOpen\"\n          :id=\"menuId\"\n          class=\"collapse-transition\"\n          :class=\"[rootPrefixCls, `${rootPrefixCls}-${mode}`, `${rootPrefixCls}-sub`]\"\n          :style=\"subMenuStyle\"\n        >\n          <slot />\n        </ul>\n      </CollapseTransition>\n      <!-- </transition> -->\n    </template>\n    <template v-else>\n      <Popup\n        :aria-owns=\"menuId\"\n        aria-haspopup=\"true\"\n        :popup-class=\"`${prefixCls}-popup ${rootPrefixCls}-${theme} ${popupClassName || ''}`\"\n        :prefix=\"prefixCls\"\n        :placement=\"popupPlacement\"\n        :offset=\"popupOffset\"\n        :trigger=\"disabled ? [] : trigger\"\n        :mouse-enter-delay=\"subMenuOpenDelay\"\n        :mouse-leave-delay=\"subMenuCloseDelay\"\n        :transition-name=\"mode === 'horizontal' ? 'slide-up' : 'zoom-big'\"\n        :get-popup-container=\"getPopupContainer\"\n        @popup-visible-change=\"onPopupVisibleChange\"\n        @click=\"onTitleClick\"\n      >\n        <div\n          :class=\"{\n            [`${prefixCls}-title`]: true,\n            [`${prefixCls}-title-disabled`]: disabled\n          }\"\n          :data-color=\"color\"\n          :aria-owns=\"menuId\"\n          aria-haspopup=\"true\"\n        >\n          <slot name=\"title\">\n            {{ title }}\n          </slot>\n          <UIcon :class=\"`${prefixCls}-arrow`\">\n            <ULineRight />\n          </UIcon>\n        </div>\n\n        <template #popup>\n          <ul :id=\"menuId\" :class=\"[rootPrefixCls, `${rootPrefixCls}-${subMode}`, `${rootPrefixCls}-sub`]\">\n            <slot />\n          </ul>\n        </template>\n      </Popup>\n    </template>\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, provide, inject, computed, reactive } from 'vue';\nimport Popup from '@uxd-ui/components/Popup';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { ULineDown, ULineRight } from '@koi-design/uxd-icon';\nimport warn from '../../utils/warn';\nimport useGetTriggerProps from './hooks/useGetTriggerProps';\nimport { isFunction } from '../../utils/isValid';\nimport CollapseTransition from '../base/CollapseTransition';\nimport { subMenuProps, subMenuEmits, type MenuEvent, type MenuStore, type MenuOpenEvent, type ParentMenu } from './Menu.type';\nimport type { GetPopupContainer } from '../Popup/Popup.type';\n\nlet guid = -1;\n\nexport default defineComponent({\n  name: 'USubMenu',\n  components: {\n    Popup,\n    UIcon,\n    ULineDown,\n    ULineRight,\n    CollapseTransition\n  },\n  props: subMenuProps,\n  emits: subMenuEmits,\n  setup(props, { emit }) {\n    const parentMenu = inject<ParentMenu>('parentMenu', {} as ParentMenu);\n    const {\n      openKeys,\n      mode: menuMode,\n      theme,\n      subMenuOpenDelay,\n      subMenuCloseDelay,\n      rootPrefixCls,\n      updateKeyPath\n      // inlineIndent\n    } = inject<MenuStore>('menuStore', {} as MenuStore);\n    const childrenSelected: Record<string, boolean> = reactive({});\n\n    if (menuMode === undefined) {\n      warn('cannot find menu parent Component ,OR! the menu mode is error');\n    }\n    const { fireMenuOpenChange } = inject<MenuEvent>('menuEvent', {} as MenuEvent);\n    const prefixCls = computed(() => `${rootPrefixCls.value}-submenu`);\n    guid += 1;\n    const menuId = computed(() => (props.name ? `${props.name}$Menu` : `${guid}$Menu`));\n\n    const level = parentMenu.isRootMenu ? 1 : (parentMenu.level || 0) + 1;\n\n    // #region computed\n    const mode = computed(() => {\n      return (parentMenu.subMode || menuMode).value;\n    });\n    const subMode = computed(() => {\n      if (parentMenu.subMode) {\n        // fix useGetTriggerProps\n        return parentMenu.subMode.value;\n      }\n      return mode.value === 'horizontal' ? 'vertical' : mode.value;\n    });\n\n    const subMenuStyle = computed(() => {\n      return `--menu-level: ${level};`;\n    });\n\n    const eventKey = computed(() => {\n      if (props.name) {\n        return props.name;\n      }\n      return menuId.value;\n    });\n\n    const isOpen = computed(() => {\n      return openKeys.value.includes(eventKey.value);\n    });\n\n    const isClickOpen = computed(() => {\n      return mode.value === 'inline';\n    });\n    const titleStyle = computed(() => {\n      if (mode.value === 'inline') {\n        return {\n          // paddingLeft: `${inlineIndent.value * level}px`\n        };\n      }\n      return {};\n    });\n    const isSelected = computed(() => {\n      const selected = Object.keys(childrenSelected).some((key) => childrenSelected[key]);\n      if (parentMenu.setSubMenuSelected) {\n        parentMenu.setSubMenuSelected(eventKey.value, selected);\n      }\n      return selected;\n    });\n    // #endregion\n    const { popupPlacement, popupOffset, trigger } = useGetTriggerProps(mode);\n\n    // #region methods\n    const setSubMenuSelected = (key: string | number, value: boolean) => {\n      childrenSelected[`${key}`] = value;\n    };\n\n    const getPopupContainer: GetPopupContainer = parentMenu.isRootMenu\n      ? () => parentMenu.getPopupContainer()\n      : (node?: HTMLElement) => {\n          return (node?.parentNode as HTMLElement) || undefined;\n        };\n\n    const triggerOpenChange = (open: boolean, type: string) => {\n      const _event = {\n        key: eventKey.value,\n        trigger: type,\n        item: {},\n        open\n      } as MenuOpenEvent;\n      fireMenuOpenChange && isFunction(fireMenuOpenChange) && fireMenuOpenChange(_event);\n    };\n\n    const onTitleClick = () => {\n      const _event = {\n        key: eventKey.value\n      };\n      emit('title-click', _event);\n      if (isClickOpen.value) {\n        triggerOpenChange(!isOpen.value, 'click');\n      }\n    };\n\n    const onPopupVisibleChange = (visible: boolean) => {\n      triggerOpenChange(visible, trigger.value[0]);\n    };\n\n    const fireSubmenuClick = () => {\n      const key = eventKey.value;\n      updateKeyPath && isFunction(updateKeyPath) && updateKeyPath(key, 'sub');\n      if (parentMenu.fireSubmenuClick && isFunction(parentMenu.fireSubmenuClick)) {\n        parentMenu.fireSubmenuClick();\n      }\n    };\n    // #endregion\n\n    provide('parentMenu', {\n      isRootMenu: false,\n      isSubMenu: true,\n      fireSubmenuClick,\n      setSubMenuSelected,\n      level,\n      subMode\n    });\n\n    return {\n      prefixCls,\n      rootPrefixCls,\n      titleStyle,\n      mode,\n      subMode,\n      theme,\n      isOpen,\n      isSelected,\n      menuId,\n      popupPlacement,\n      popupOffset,\n      trigger,\n      subMenuOpenDelay,\n      subMenuCloseDelay,\n      subMenuStyle,\n      getPopupContainer,\n      onTitleClick,\n      onPopupVisibleChange\n    };\n  }\n});\n</script>\n"],"names":["defineComponent","Popup","UIcon","ULineDown","ULineRight","CollapseTransition","subMenuProps","subMenuEmits","inject","reactive","computed","useGetTriggerProps","isFunction","_createElementBlock","_normalizeClass","_Fragment","_createElementVNode","_normalizeStyle","_renderSlot","_createVNode","_createCommentVNode","_createBlock","_withCtx"],"mappings":"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"}
+{"version":3,"file":"SubMenu.js","sources":["../../../../src/components/Menu/SubMenu.vue"],"sourcesContent":["<template>\n  <li\n    role=\"menuitem\"\n    :class=\"[\n      prefixCls,\n      `${prefixCls}-${mode}`,\n      {\n        [`${prefixCls}-open`]: isOpen,\n        [`${prefixCls}-disabled`]: disabled,\n        [`${prefixCls}-selected`]: isSelected\n      }\n    ]\"\n  >\n    <template v-if=\"mode === 'inline'\">\n      <div :class=\"[`${prefixCls}-title`]\" :style=\"titleStyle\" :aria-expanded=\"isOpen\" :aria-owns=\"menuId\" aria-haspopup=\"true\" @click=\"onTitleClick\">\n        <slot name=\"title\">\n          {{ title }}\n        </slot>\n        <UIcon :class=\"`${prefixCls}-arrow`\">\n          <ChevronDown />\n        </UIcon>\n      </div>\n      <!-- <transition name=\"slide-up\"> -->\n      <CollapseTransition appear>\n        <ul\n          v-show=\"isOpen\"\n          :id=\"menuId\"\n          class=\"collapse-transition\"\n          :class=\"[rootPrefixCls, `${rootPrefixCls}-${mode}`, `${rootPrefixCls}-sub`]\"\n          :style=\"subMenuStyle\"\n        >\n          <slot />\n        </ul>\n      </CollapseTransition>\n      <!-- </transition> -->\n    </template>\n    <template v-else>\n      <Popup\n        :aria-owns=\"menuId\"\n        aria-haspopup=\"true\"\n        :popup-class=\"`${prefixCls}-popup ${rootPrefixCls}-${theme} ${popupClassName || ''}`\"\n        :prefix=\"prefixCls\"\n        :placement=\"popupPlacement\"\n        :offset=\"popupOffset\"\n        :trigger=\"disabled ? [] : trigger\"\n        :mouse-enter-delay=\"subMenuOpenDelay\"\n        :mouse-leave-delay=\"subMenuCloseDelay\"\n        :transition-name=\"mode === 'horizontal' ? 'slide-up' : 'zoom-big'\"\n        :get-popup-container=\"getPopupContainer\"\n        @popup-visible-change=\"onPopupVisibleChange\"\n        @click=\"onTitleClick\"\n      >\n        <div\n          :class=\"{\n            [`${prefixCls}-title`]: true,\n            [`${prefixCls}-title-disabled`]: disabled\n          }\"\n          :data-color=\"color\"\n          :aria-owns=\"menuId\"\n          aria-haspopup=\"true\"\n        >\n          <slot name=\"title\">\n            {{ title }}\n          </slot>\n          <UIcon :class=\"`${prefixCls}-arrow`\">\n            <ChevronRight />\n          </UIcon>\n        </div>\n\n        <template #popup>\n          <ul :id=\"menuId\" :class=\"[rootPrefixCls, `${rootPrefixCls}-${subMode}`, `${rootPrefixCls}-sub`]\">\n            <slot />\n          </ul>\n        </template>\n      </Popup>\n    </template>\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, provide, inject, computed, reactive } from 'vue';\nimport Popup from '@uxd-ui/components/Popup';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { ChevronDown, ChevronRight } from 'lucide-vue-next';\nimport warn from '../../utils/warn';\nimport useGetTriggerProps from './hooks/useGetTriggerProps';\nimport { isFunction } from '../../utils/isValid';\nimport CollapseTransition from '../base/CollapseTransition';\nimport { subMenuProps, subMenuEmits, type MenuEvent, type MenuStore, type MenuOpenEvent, type ParentMenu } from './Menu.type';\nimport type { GetPopupContainer } from '../Popup/Popup.type';\n\nlet guid = -1;\n\nexport default defineComponent({\n  name: 'USubMenu',\n  components: {\n    Popup,\n    UIcon,\n    ChevronDown,\n    ChevronRight,\n    CollapseTransition\n  },\n  props: subMenuProps,\n  emits: subMenuEmits,\n  setup(props, { emit }) {\n    const parentMenu = inject<ParentMenu>('parentMenu', {} as ParentMenu);\n    const {\n      openKeys,\n      mode: menuMode,\n      theme,\n      subMenuOpenDelay,\n      subMenuCloseDelay,\n      rootPrefixCls,\n      updateKeyPath\n      // inlineIndent\n    } = inject<MenuStore>('menuStore', {} as MenuStore);\n    const childrenSelected: Record<string, boolean> = reactive({});\n\n    if (menuMode === undefined) {\n      warn('cannot find menu parent Component ,OR! the menu mode is error');\n    }\n    const { fireMenuOpenChange } = inject<MenuEvent>('menuEvent', {} as MenuEvent);\n    const prefixCls = computed(() => `${rootPrefixCls.value}-submenu`);\n    guid += 1;\n    const menuId = computed(() => (props.name ? `${props.name}$Menu` : `${guid}$Menu`));\n\n    const level = parentMenu.isRootMenu ? 1 : (parentMenu.level || 0) + 1;\n\n    // #region computed\n    const mode = computed(() => {\n      return (parentMenu.subMode || menuMode).value;\n    });\n    const subMode = computed(() => {\n      if (parentMenu.subMode) {\n        // fix useGetTriggerProps\n        return parentMenu.subMode.value;\n      }\n      return mode.value === 'horizontal' ? 'vertical' : mode.value;\n    });\n\n    const subMenuStyle = computed(() => {\n      return `--menu-level: ${level};`;\n    });\n\n    const eventKey = computed(() => {\n      if (props.name) {\n        return props.name;\n      }\n      return menuId.value;\n    });\n\n    const isOpen = computed(() => {\n      return openKeys.value.includes(eventKey.value);\n    });\n\n    const isClickOpen = computed(() => {\n      return mode.value === 'inline';\n    });\n    const titleStyle = computed(() => {\n      if (mode.value === 'inline') {\n        return {\n          // paddingLeft: `${inlineIndent.value * level}px`\n        };\n      }\n      return {};\n    });\n    const isSelected = computed(() => {\n      const selected = Object.keys(childrenSelected).some((key) => childrenSelected[key]);\n      if (parentMenu.setSubMenuSelected) {\n        parentMenu.setSubMenuSelected(eventKey.value, selected);\n      }\n      return selected;\n    });\n    // #endregion\n    const { popupPlacement, popupOffset, trigger } = useGetTriggerProps(mode);\n\n    // #region methods\n    const setSubMenuSelected = (key: string | number, value: boolean) => {\n      childrenSelected[`${key}`] = value;\n    };\n\n    const getPopupContainer: GetPopupContainer = parentMenu.isRootMenu\n      ? () => parentMenu.getPopupContainer()\n      : (node?: HTMLElement) => {\n          return (node?.parentNode as HTMLElement) || undefined;\n        };\n\n    const triggerOpenChange = (open: boolean, type: string) => {\n      const _event = {\n        key: eventKey.value,\n        trigger: type,\n        item: {},\n        open\n      } as MenuOpenEvent;\n      fireMenuOpenChange && isFunction(fireMenuOpenChange) && fireMenuOpenChange(_event);\n    };\n\n    const onTitleClick = () => {\n      const _event = {\n        key: eventKey.value\n      };\n      emit('title-click', _event);\n      if (isClickOpen.value) {\n        triggerOpenChange(!isOpen.value, 'click');\n      }\n    };\n\n    const onPopupVisibleChange = (visible: boolean) => {\n      triggerOpenChange(visible, trigger.value[0]);\n    };\n\n    const fireSubmenuClick = () => {\n      const key = eventKey.value;\n      updateKeyPath && isFunction(updateKeyPath) && updateKeyPath(key, 'sub');\n      if (parentMenu.fireSubmenuClick && isFunction(parentMenu.fireSubmenuClick)) {\n        parentMenu.fireSubmenuClick();\n      }\n    };\n    // #endregion\n\n    provide('parentMenu', {\n      isRootMenu: false,\n      isSubMenu: true,\n      fireSubmenuClick,\n      setSubMenuSelected,\n      level,\n      subMode\n    });\n\n    return {\n      prefixCls,\n      rootPrefixCls,\n      titleStyle,\n      mode,\n      subMode,\n      theme,\n      isOpen,\n      isSelected,\n      menuId,\n      popupPlacement,\n      popupOffset,\n      trigger,\n      subMenuOpenDelay,\n      subMenuCloseDelay,\n      subMenuStyle,\n      getPopupContainer,\n      onTitleClick,\n      onPopupVisibleChange\n    };\n  }\n});\n</script>\n"],"names":["defineComponent","Popup","UIcon","ChevronDown","ChevronRight","CollapseTransition","subMenuProps","subMenuEmits","inject","reactive","computed","useGetTriggerProps","isFunction","_createElementBlock","_normalizeClass","_Fragment","_createElementVNode","_normalizeStyle","_renderSlot","_createVNode","_createCommentVNode","_createBlock","_withCtx"],"mappings":";;;;;;;;;;;;;;;;AA2FA,IAAI,OAAO;AAEX,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,WACVC;AAAA,WACAC;AAAA,iBACAC;AAAA,kBACAC;AAAA,wBACAC;AAAA;AACF,EACA,OAAOC;AAAA,EACP,OAAOC;AAAA,EACP,MAAM,OAAO,EAAE,QAAQ;UACf,aAAaC,WAAmB,cAAc,EAAgB;UAC9D;AAAA,MACJ;AAAA,MACA,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QAEEA,WAAkB,aAAa,EAAe;UAC5C,mBAA4CC,aAAS,EAAE;QAEzD,aAAa,QAAW;sBACrB,+DAA+D;AAAA;UAEhE,EAAE,uBAAuBD,WAAkB,aAAa,EAAe;UACvE,YAAYE,aAAS,MAAM,GAAG,cAAc,eAAe;YACzD;UACF,SAASA,aAAS,MAAO,MAAM,OAAO,GAAG,MAAM,cAAc,GAAG,WAAY;UAE5E,QAAQ,WAAW,aAAa,KAAK,WAAW,SAAS,KAAK;UAG9D,OAAOA,aAAS,MAAM;cAClB,WAAW,WAAW,UAAU;AAAA,KACzC;UACK,UAAUA,aAAS,MAAM;UACzB,WAAW,SAAS;eAEf,WAAW,QAAQ;AAAA;aAErB,KAAK,UAAU,eAAe,aAAa,KAAK;AAAA,KACxD;UAEK,eAAeA,aAAS,MAAM;aAC3B,iBAAiB;AAAA,KACzB;UAEK,WAAWA,aAAS,MAAM;UAC1B,MAAM,MAAM;eACP,MAAM;AAAA;aAER,OAAO;AAAA,KACf;UAEK,SAASA,aAAS,MAAM;aACrB,SAAS,MAAM,SAAS,SAAS,KAAK;AAAA,KAC9C;UAEK,cAAcA,aAAS,MAAM;aAC1B,KAAK,UAAU;AAAA,KACvB;UACK,aAAaA,aAAS,MAAM;UAC5B,KAAK,UAAU,UAAU;eACpB;AAEP;aAEK;AAAC,KACT;UACK,aAAaA,aAAS,MAAM;YAC1B,WAAW,OAAO,KAAK,gBAAgB,EAAE,KAAK,CAAC,QAAQ,iBAAiB,IAAI;UAC9E,WAAW,oBAAoB;mBACtB,mBAAmB,SAAS,OAAO,QAAQ;AAAA;aAEjD;AAAA,KACR;UAEK,EAAE,gBAAgB,aAAa,YAAYC,8BAAmB,IAAI;UAGlE,qBAAqB,CAAC,KAAsB,UAAmB;uBAClD,GAAG,SAAS;AAAA;UAGzB,oBAAuC,WAAW,aACpD,MAAM,WAAW,sBACjB,CAAC,SAAuB;cACd,6BAAM,eAA8B;AAAA;UAG5C,oBAAoB,CAAC,MAAe,SAAiB;YACnD,SAAS;AAAA,QACb,KAAK,SAAS;AAAA,QACd,SAAS;AAAA,QACT,MAAM;AAAC,QACP;AAAA;4BAEoBC,mBAAW,kBAAkB,KAAK,mBAAmB,MAAM;AAAA;UAG7E,eAAe,MAAM;YACnB,SAAS;AAAA,QACb,KAAK,SAAS;AAAA;WAEX,eAAe,MAAM;UACtB,YAAY,OAAO;0BACH,CAAC,OAAO,OAAO,OAAO;AAAA;AAC1C;UAGI,uBAAuB,CAAC,YAAqB;wBAC/B,SAAS,QAAQ,MAAM,EAAE;AAAA;UAGvC,mBAAmB,MAAM;YACvB,MAAM,SAAS;uBACJA,mBAAW,aAAa,KAAK,cAAc,KAAK,KAAK;UAClE,WAAW,oBAAoBA,mBAAW,WAAW,gBAAgB,GAAG;mBAC/D;AAAiB;AAC9B;gBAIM,cAAc;AAAA,MACpB,YAAY;AAAA,MACZ,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,KACD;WAEM;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;;;;;;;;;;0BAzPCC,uBA2EK;IA1EH,MAAK;AAAA,IACJ,OAAKC;MAAU;SAAoB,kBAAa;;YAA4B,wBAAmB;YAAoB,4BAAuB;YAAsB,4BAAuB;;;;IAUxK,cAAI,6BAApBD,uBAsBWE;MArBTC,uBAOM;QAPA,OAAKF,uBAAM,sBAAS;QAAY,OAAKG,mBAAE,eAAU;AAAA,QAAG,iBAAe;QAAS,aAAW;QAAQ,iBAAc;AAAA,QAAQ,SAAK,uCAAE;;QAChIC,eAEO,0BAFP,MAEO;AAAA,kDADF,UAAK;;QAEVC,gBAEQ;UAFA,OAAKL,sBAAK,sBAAS;AAAA;+BACzB,MAAe;AAAA,YAAfK,gBAAe;;;;;MAGnBC;MACAD,gBAUqB,iCAVD;6BAClB,MAQK;AAAA,6BARLH,uBAQK;YANF,IAAI;YACL,OAAKF,oBAAC,uBAAqB,CAClB,oBAAa,GAAK,sBAAiB,aAAI,GAAO,wBAAa;YACnE,OAAKG,mBAAE,iBAAY;AAAA;YAEpBC,eAAQ;;wBANA,WAAM;AAAA;;;;MASlBE;gCAGAC,gBAqCQ;;MApCL,aAAW;MACZ,iBAAc;AAAA,MACb,eAAW,GAAK,wBAAmB,sBAAiB,cAAS,uBAAc;AAAA,MAC3E,QAAQ;MACR,WAAW;MACX,QAAQ;MACR,SAAS,gBAAQ,KAAQ;MACzB,qBAAmB;MACnB,qBAAmB;MACnB,mBAAiB,cAAI;MACrB,uBAAqB;MACrB,sBAAsB;MACtB,SAAO;;MAmBG,OAAKC,YACd,MAEK;AAAA,QAFLN,uBAEK;UAFA,IAAI;UAAS,OAAKF,oBAAG,oBAAa,GAAK,sBAAiB,gBAAO,GAAO,wBAAa;;UACtFI,eAAQ;;;2BAnBZ,MAeM;AAAA,QAfNF,uBAeM;UAdH,OAAKF;gBAAoB,yBAAS;AAAA,gBAAiC,kCAA6B;;UAIhG,cAAY;UACZ,aAAW;UACZ,iBAAc;AAAA;UAEdI,eAEO,0BAFP,MAEO;AAAA,oDADF,UAAK;;UAEVC,gBAEQ;YAFA,OAAKL,sBAAK,sBAAS;AAAA;iCACzB,MAAgB;AAAA,cAAhBK,gBAAgB;;;;;;;;;;;;;;"}

package/lib/components/Menu/SubMenu.vue.d.ts

@@ -234,9 +234,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: import("vue").CSSProperties;
         trigger: ("click" | "hover" | "focus" | "contextmenu")[];
         mouseEnterDelay: number;
@@ -385,9 +385,9 @@ 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>;
-    ULineDown: 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>;
+    }, {}, 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>;
+    ChevronDown: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+    ChevronRight: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
     CollapseTransition: {
         (props: {
             appear: boolean;

package/lib/components/Menu/hooks/useWrapDom.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var ResizeObserver = require('resize-observer-polyfill');
 var index = require('../../Icon/index.js');
-var uxdIcon = require('@koi-design/uxd-icon');
+var lucideVueNext = require('lucide-vue-next');
 var SubMenu = require('../SubMenu.js');
 var slots = require('../../../utils/slots.js');
 
@@ -72,7 +72,7 @@ function useWrapDom(mode, rootMenu, slots$1) {
       title: () => vue.createVNode(index.UIcon, {
         "style": "margin-right: 0;"
       }, {
-        default: () => [vue.createVNode(uxdIcon.ULineMenu, null, null)]
+        default: () => [vue.createVNode(lucideVueNext.MenuIcon, null, null)]
       }),
       default: () => restNodes
     });

package/lib/components/Menu/hooks/useWrapDom.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWrapDom.js","sources":["../../../../../src/components/Menu/hooks/useWrapDom.tsx"],"sourcesContent":["import { ref, nextTick, cloneVNode, onMounted, onBeforeUnmount } from 'vue';\nimport type { Ref, VNodeArrayChildren, Slots } from 'vue';\nimport ResizeObserver from 'resize-observer-polyfill';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { ULineMenu } from '@koi-design/uxd-icon';\nimport SubMenu from '../SubMenu.vue';\nimport { getSlot } from '../../../utils/slots';\n\nconst FLOAT_PRECISION_ADJUST = 0.5;\n\nexport const getWidth = (elem: HTMLElement): number => {\n  let width = elem && typeof elem.getBoundingClientRect === 'function' && elem.getBoundingClientRect().width;\n  if (width) {\n    width = +width.toFixed(6);\n  }\n  return width || 0;\n};\n\nexport default function useWrapDom(mode: string, rootMenu: Ref<HTMLElement | null>, slots: Slots) {\n  let resizeObserver: ResizeObserver | null = null;\n  let mutationObserver: MutationObserver | null = null;\n  const lastVisibleIndex: Ref<number> = ref(-1);\n  const childrenSizes: Ref<number[]> = ref([]);\n\n  const setChildrenWidthAndResize = (): void => {\n    if (mode !== 'horizontal') {\n      return;\n    }\n    const rootEl = rootMenu.value;\n    if (!rootEl) {\n      return;\n    }\n    const childrenNodes = rootEl.children;\n    if (!childrenNodes || childrenNodes.length === 0) {\n      return;\n    }\n\n    const indicatorEl = childrenNodes[childrenNodes.length - 1];\n    // (indicatorEl as HTMLElement).style.display = 'inline-block';\n\n    childrenSizes.value = [].slice.call(childrenNodes).map((el) => getWidth(el));\n    const indicatorWidth = childrenSizes.value[childrenSizes.value.length - 1];\n    let lastVisibleIdx = -1;\n    const containerWidth: number = getWidth(rootEl);\n    let totalWidth = 0;\n    for (let index = 0; index < childrenSizes.value.length; index++) {\n      const width = childrenSizes.value[index];\n      totalWidth += width;\n      if (totalWidth > containerWidth + FLOAT_PRECISION_ADJUST) {\n        lastVisibleIdx = index;\n        break;\n      }\n    }\n    if (lastVisibleIdx > 0 && totalWidth - childrenSizes.value[lastVisibleIdx] + indicatorWidth > containerWidth + FLOAT_PRECISION_ADJUST) {\n      lastVisibleIdx -= 1;\n    }\n    if (lastVisibleIdx === -1) {\n      (indicatorEl as HTMLElement).style.display = 'none';\n    }\n    lastVisibleIndex.value = lastVisibleIdx;\n  };\n\n  const getOverflowIndicator = (restNodes: VNodeArrayChildren) => {\n    const style =\n      lastVisibleIndex.value === -1\n        ? {\n            display: 'none'\n          }\n        : {\n            display: 'inline-flex'\n          };\n    return (\n      <SubMenu style={style}>\n        {{\n          title: () => (\n            <UIcon style=\"margin-right: 0;\">\n              <ULineMenu />\n            </UIcon>\n          ),\n          default: () => restNodes\n        }}\n      </SubMenu>\n    );\n  };\n\n  const renderChild = (): VNodeArrayChildren => {\n    const defaultSlots = getSlot(slots, 'default');\n    if (mode === 'horizontal') {\n      let overflowedNodes: VNodeArrayChildren = [];\n      if (lastVisibleIndex.value !== -1) {\n        overflowedNodes = (defaultSlots.slice(lastVisibleIndex.value) as VNodeArrayChildren).map((c) => cloneVNode(c as any));\n      }\n      const cloneNodes = defaultSlots.map((child, index) => {\n        if (lastVisibleIndex.value !== -1 && index >= lastVisibleIndex.value) {\n          return cloneVNode(child as any, {\n            style: {\n              position: 'absolute',\n              height: 0,\n              opcity: 0,\n              pointerEvents: 'none',\n              overflowY: 'hidden',\n              border: 'none'\n            }\n          });\n        }\n        return cloneVNode(child as any, { style: {} });\n      });\n      cloneNodes.push(getOverflowIndicator(overflowedNodes as VNodeArrayChildren));\n      return cloneNodes as VNodeArrayChildren;\n    }\n    return defaultSlots;\n  };\n\n  onMounted(() => {\n    nextTick(() => {\n      setChildrenWidthAndResize();\n      if (mode === 'horizontal') {\n        const rootEl = rootMenu.value;\n        if (!rootEl) {\n          return;\n        }\n\n        resizeObserver = new ResizeObserver((entries) => {\n          entries.forEach(setChildrenWidthAndResize);\n        });\n\n        [].slice\n          .call(rootEl.children)\n          .concat(rootEl as any)\n          .forEach((el) => {\n            (resizeObserver as ResizeObserver).observe(el);\n          });\n\n        if (typeof MutationObserver !== 'undefined') {\n          mutationObserver = new MutationObserver(() => {\n            resizeObserver?.disconnect();\n            [].slice\n              .call(rootEl.children)\n              .concat(rootEl as any)\n              .forEach((el) => {\n                (resizeObserver as ResizeObserver).observe(el);\n              });\n            setChildrenWidthAndResize();\n          });\n          mutationObserver.observe(rootEl, {\n            attributes: false,\n            childList: true\n            // subTree: false\n          });\n        }\n      }\n    });\n  });\n\n  onBeforeUnmount(() => {\n    if (resizeObserver) {\n      resizeObserver.disconnect();\n    }\n    if (mutationObserver) {\n      mutationObserver.disconnect();\n    }\n  });\n\n  return {\n    renderChild\n  };\n}\n"],"names":["FLOAT_PRECISION_ADJUST","getWidth","elem","width","getBoundingClientRect","toFixed","useWrapDom","mode","rootMenu","slots","resizeObserver","mutationObserver","lastVisibleIndex","ref","childrenSizes","setChildrenWidthAndResize","rootEl","value","childrenNodes","children","length","indicatorEl","slice","call","map","el","indicatorWidth","lastVisibleIdx","containerWidth","totalWidth","index","style","display","getOverflowIndicator","restNodes","_createVNode","SubMenu","title","UIcon","default","ULineMenu","renderChild","defaultSlots","getSlot","overflowedNodes","c","cloneVNode","cloneNodes","child","position","height","opcity","pointerEvents","overflowY","border","push","onMounted","nextTick","ResizeObserver","entries","forEach","concat","observe","MutationObserver","disconnect","attributes","childList","onBeforeUnmount"],"mappings":"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"}
+{"version":3,"file":"useWrapDom.js","sources":["../../../../../src/components/Menu/hooks/useWrapDom.tsx"],"sourcesContent":["import { ref, nextTick, cloneVNode, onMounted, onBeforeUnmount } from 'vue';\nimport type { Ref, VNodeArrayChildren, Slots } from 'vue';\nimport ResizeObserver from 'resize-observer-polyfill';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { MenuIcon } from 'lucide-vue-next';\nimport SubMenu from '../SubMenu.vue';\nimport { getSlot } from '../../../utils/slots';\n\nconst FLOAT_PRECISION_ADJUST = 0.5;\n\nexport const getWidth = (elem: HTMLElement): number => {\n  let width = elem && typeof elem.getBoundingClientRect === 'function' && elem.getBoundingClientRect().width;\n  if (width) {\n    width = +width.toFixed(6);\n  }\n  return width || 0;\n};\n\nexport default function useWrapDom(mode: string, rootMenu: Ref<HTMLElement | null>, slots: Slots) {\n  let resizeObserver: ResizeObserver | null = null;\n  let mutationObserver: MutationObserver | null = null;\n  const lastVisibleIndex: Ref<number> = ref(-1);\n  const childrenSizes: Ref<number[]> = ref([]);\n\n  const setChildrenWidthAndResize = (): void => {\n    if (mode !== 'horizontal') {\n      return;\n    }\n    const rootEl = rootMenu.value;\n    if (!rootEl) {\n      return;\n    }\n    const childrenNodes = rootEl.children;\n    if (!childrenNodes || childrenNodes.length === 0) {\n      return;\n    }\n\n    const indicatorEl = childrenNodes[childrenNodes.length - 1];\n    // (indicatorEl as HTMLElement).style.display = 'inline-block';\n\n    childrenSizes.value = [].slice.call(childrenNodes).map((el) => getWidth(el));\n    const indicatorWidth = childrenSizes.value[childrenSizes.value.length - 1];\n    let lastVisibleIdx = -1;\n    const containerWidth: number = getWidth(rootEl);\n    let totalWidth = 0;\n    for (let index = 0; index < childrenSizes.value.length; index++) {\n      const width = childrenSizes.value[index];\n      totalWidth += width;\n      if (totalWidth > containerWidth + FLOAT_PRECISION_ADJUST) {\n        lastVisibleIdx = index;\n        break;\n      }\n    }\n    if (lastVisibleIdx > 0 && totalWidth - childrenSizes.value[lastVisibleIdx] + indicatorWidth > containerWidth + FLOAT_PRECISION_ADJUST) {\n      lastVisibleIdx -= 1;\n    }\n    if (lastVisibleIdx === -1) {\n      (indicatorEl as HTMLElement).style.display = 'none';\n    }\n    lastVisibleIndex.value = lastVisibleIdx;\n  };\n\n  const getOverflowIndicator = (restNodes: VNodeArrayChildren) => {\n    const style =\n      lastVisibleIndex.value === -1\n        ? {\n            display: 'none'\n          }\n        : {\n            display: 'inline-flex'\n          };\n    return (\n      <SubMenu style={style}>\n        {{\n          title: () => (\n            <UIcon style=\"margin-right: 0;\">\n              <MenuIcon />\n            </UIcon>\n          ),\n          default: () => restNodes\n        }}\n      </SubMenu>\n    );\n  };\n\n  const renderChild = (): VNodeArrayChildren => {\n    const defaultSlots = getSlot(slots, 'default');\n    if (mode === 'horizontal') {\n      let overflowedNodes: VNodeArrayChildren = [];\n      if (lastVisibleIndex.value !== -1) {\n        overflowedNodes = (defaultSlots.slice(lastVisibleIndex.value) as VNodeArrayChildren).map((c) => cloneVNode(c as any));\n      }\n      const cloneNodes = defaultSlots.map((child, index) => {\n        if (lastVisibleIndex.value !== -1 && index >= lastVisibleIndex.value) {\n          return cloneVNode(child as any, {\n            style: {\n              position: 'absolute',\n              height: 0,\n              opcity: 0,\n              pointerEvents: 'none',\n              overflowY: 'hidden',\n              border: 'none'\n            }\n          });\n        }\n        return cloneVNode(child as any, { style: {} });\n      });\n      cloneNodes.push(getOverflowIndicator(overflowedNodes as VNodeArrayChildren));\n      return cloneNodes as VNodeArrayChildren;\n    }\n    return defaultSlots;\n  };\n\n  onMounted(() => {\n    nextTick(() => {\n      setChildrenWidthAndResize();\n      if (mode === 'horizontal') {\n        const rootEl = rootMenu.value;\n        if (!rootEl) {\n          return;\n        }\n\n        resizeObserver = new ResizeObserver((entries) => {\n          entries.forEach(setChildrenWidthAndResize);\n        });\n\n        [].slice\n          .call(rootEl.children)\n          .concat(rootEl as any)\n          .forEach((el) => {\n            (resizeObserver as ResizeObserver).observe(el);\n          });\n\n        if (typeof MutationObserver !== 'undefined') {\n          mutationObserver = new MutationObserver(() => {\n            resizeObserver?.disconnect();\n            [].slice\n              .call(rootEl.children)\n              .concat(rootEl as any)\n              .forEach((el) => {\n                (resizeObserver as ResizeObserver).observe(el);\n              });\n            setChildrenWidthAndResize();\n          });\n          mutationObserver.observe(rootEl, {\n            attributes: false,\n            childList: true\n            // subTree: false\n          });\n        }\n      }\n    });\n  });\n\n  onBeforeUnmount(() => {\n    if (resizeObserver) {\n      resizeObserver.disconnect();\n    }\n    if (mutationObserver) {\n      mutationObserver.disconnect();\n    }\n  });\n\n  return {\n    renderChild\n  };\n}\n"],"names":["FLOAT_PRECISION_ADJUST","getWidth","elem","width","getBoundingClientRect","toFixed","useWrapDom","mode","rootMenu","slots","resizeObserver","mutationObserver","lastVisibleIndex","ref","childrenSizes","setChildrenWidthAndResize","rootEl","value","childrenNodes","children","length","indicatorEl","slice","call","map","el","indicatorWidth","lastVisibleIdx","containerWidth","totalWidth","index","style","display","getOverflowIndicator","restNodes","_createVNode","SubMenu","title","UIcon","default","MenuIcon","renderChild","defaultSlots","getSlot","overflowedNodes","c","cloneVNode","cloneNodes","child","position","height","opcity","pointerEvents","overflowY","border","push","onMounted","nextTick","ResizeObserver","entries","forEach","concat","observe","MutationObserver","disconnect","attributes","childList","onBeforeUnmount"],"mappings":"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"}

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

@@ -247,7 +247,7 @@ export declare const UMenu: {
             };
         };
     };
-} & 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[]> & {
     Item: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         name: {
             type: (StringConstructor | NumberConstructor)[];
@@ -392,9 +392,9 @@ export declare const UMenu: {
                 '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;
@@ -569,9 +569,9 @@ export declare const UMenu: {
                     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: import("vue").CSSProperties;
                     trigger: ("click" | "hover" | "focus" | "contextmenu")[];
                     mouseEnterDelay: number;
@@ -690,9 +690,9 @@ export declare const UMenu: {
                 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;
@@ -800,9 +800,9 @@ export declare const UMenu: {
             '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;
@@ -977,9 +977,9 @@ export declare const UMenu: {
                 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: import("vue").CSSProperties;
                 trigger: ("click" | "hover" | "focus" | "contextmenu")[];
                 mouseEnterDelay: number;
@@ -998,7 +998,7 @@ export declare const UMenu: {
                     };
                 };
             }, {}, 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>;
     }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     SubMenu: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         name: {
@@ -1235,9 +1235,9 @@ export declare const UMenu: {
             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: import("vue").CSSProperties;
             trigger: ("click" | "hover" | "focus" | "contextmenu")[];
             mouseEnterDelay: number;
@@ -1386,9 +1386,9 @@ export declare const UMenu: {
         }, 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>;
-        ULineDown: 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>;
+        }, {}, 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>;
+        ChevronDown: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+        ChevronRight: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
         CollapseTransition: {
             (props: {
                 appear: boolean;

package/lib/components/Message/Message.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 require('../Notification/index.js');
 var index = require('../Icon/index.js');
-var uxdIcon = require('@koi-design/uxd-icon');
+var lucideVueNext = require('lucide-vue-next');
 var Notification = require('../Notification/Notification.js');
 
 let prefixCls = "uui-message";
@@ -17,11 +17,11 @@ let messageInstance;
 let transitionName = "move-up";
 let maxCount;
 const iconTypes = {
-  info: uxdIcon.USolidInfoCircle,
-  success: uxdIcon.USolidCheckmarkCircle,
-  warning: uxdIcon.USolidAlertCircle,
-  error: uxdIcon.USolidCloseCircle,
-  loading: uxdIcon.ULineLoading
+  info: lucideVueNext.Info,
+  success: lucideVueNext.CheckCircle,
+  warning: lucideVueNext.AlertCircle,
+  error: lucideVueNext.CircleX,
+  loading: lucideVueNext.LoaderCircle
 };
 const getMessageInstance = () => {
   messageInstance = messageInstance || Notification["default"].newInstance({

package/lib/components/Message/Message.js.map

@@ -1 +1 @@
-{"version":3,"file":"Message.js","sources":["../../../../src/components/Message/Message.tsx"],"sourcesContent":["import type { Component } from 'vue';\nimport Notification from '@uxd-ui/components/Notification';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { USolidInfoCircle, USolidCheckmarkCircle, USolidAlertCircle, USolidCloseCircle, ULineLoading } from '@koi-design/uxd-icon';\nimport type { NoticationPublicInstance } from '../Notification/Notication.type';\nimport type { MessageOption, MessageParams, MessageType } from './Message.type';\n\nlet prefixCls = 'uui-message';\nconst prefixKey = 'uui_message_key_';\nlet defaultDuration = 3;\nlet defaultTop = '24px';\nlet key = 0;\nlet messageInstance: NoticationPublicInstance | null;\nlet transitionName = 'move-up';\nlet maxCount: number;\n\nconst iconTypes: Record<MessageType, Component> = {\n  info: USolidInfoCircle,\n  success: USolidCheckmarkCircle,\n  warning: USolidAlertCircle,\n  error: USolidCloseCircle,\n  loading: ULineLoading\n};\n\nconst getMessageInstance = () => {\n  messageInstance =\n    messageInstance ||\n    (Notification.newInstance({\n      prefixCls,\n      transitionName,\n      style: { top: defaultTop },\n      maxCount,\n      type: 'message'\n    }) as NoticationPublicInstance);\n  return messageInstance;\n};\n\nconst notice = (args: MessageParams) => {\n  const { type, content } = args;\n  const duration = args.duration !== undefined ? args.duration : defaultDuration;\n  const iconType = iconTypes[type];\n  key += 1;\n  const target = args.key || `${prefixKey}${key}`;\n\n  const instance = getMessageInstance();\n  instance &&\n    instance.notice({\n      key: target,\n      duration,\n      style: {},\n      msgType: type,\n      closable: args.closable,\n      onClose: args.onClose,\n      background: args.background,\n      content: () => (\n        <div class={`${prefixCls}-custom-content ${prefixCls}-${type}`} data-color={type}>\n          <UIcon spin={type === 'loading'}>\n            <iconType />\n          </UIcon>\n          <span>{typeof content === 'function' ? content() : content}</span>\n        </div>\n      )\n    });\n\n  const result = () => {\n    if (messageInstance) {\n      messageInstance.remove(target);\n    }\n  };\n  return result;\n};\n\nconst api = {\n  config(options: MessageOption) {\n    if (options.top !== undefined) {\n      defaultTop = options.top;\n      messageInstance = null;\n    }\n    if (options.duration !== undefined) {\n      defaultDuration = options.duration;\n      messageInstance = null;\n    }\n    if (options.prefixCls !== undefined) {\n      prefixCls = options.prefixCls;\n    }\n    if (options.transitionName !== undefined) {\n      transitionName = options.transitionName;\n      messageInstance = null;\n    }\n    if (options.maxCount !== undefined) {\n      maxCount = options.maxCount;\n      messageInstance = null;\n    }\n  },\n  message(type: MessageType, options: string | Omit<MessageParams, 'type'>, duration?: number) {\n    let opt: MessageParams;\n    if (typeof options === 'string') {\n      opt = {\n        type,\n        content: options,\n        duration\n      };\n    } else {\n      opt = {\n        type,\n        ...options,\n        ...(duration ? { duration } : {})\n      };\n    }\n    return notice(opt);\n  },\n  close(closeKey: string) {\n    if (messageInstance) {\n      messageInstance.remove(closeKey);\n    }\n  },\n  destroy() {\n    if (messageInstance) {\n      messageInstance.destroy();\n      messageInstance = null;\n    }\n  }\n};\n\nexport type MessageFunction = (options: string | Omit<MessageParams, 'type'>, duration?: number) => () => void;\n\nexport interface Message {\n  config(options: MessageOption): void;\n  message(type: MessageType, options: string | Omit<MessageParams, 'type'>, duration?: number | undefined): () => void;\n  close(closeKey: string): void;\n  destroy(): void;\n  success: MessageFunction;\n  info: MessageFunction;\n  error: MessageFunction;\n  warning: MessageFunction;\n  loading: MessageFunction;\n}\n\n(['success', 'info', 'error', 'warning', 'loading'] as MessageType[]).forEach((type) => {\n  (api as Message)[type] = (options: string | Omit<MessageParams, 'type'>, duration?: number) => {\n    return api.message(type, options, duration);\n  };\n});\n\nexport default api as Message;\n"],"names":["prefixCls","prefixKey","defaultDuration","defaultTop","key","messageInstance","transitionName","maxCount","iconTypes","info","USolidInfoCircle","success","USolidCheckmarkCircle","warning","USolidAlertCircle","error","USolidCloseCircle","loading","ULineLoading","getMessageInstance","Notification","newInstance","style","top","type","notice","args","content","duration","undefined","iconType","target","instance","msgType","closable","onClose","background","_createVNode","UIcon","default","result","remove","api","config","options","message","opt","close","closeKey","destroy","forEach"],"mappings":"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"}
+{"version":3,"file":"Message.js","sources":["../../../../src/components/Message/Message.tsx"],"sourcesContent":["import type { Component } from 'vue';\nimport Notification from '@uxd-ui/components/Notification';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { Info, CheckCircle, AlertCircle, CircleX, LoaderCircle } from 'lucide-vue-next';\nimport type { NoticationPublicInstance } from '../Notification/Notication.type';\nimport type { MessageOption, MessageParams, MessageType } from './Message.type';\n\nlet prefixCls = 'uui-message';\nconst prefixKey = 'uui_message_key_';\nlet defaultDuration = 3;\nlet defaultTop = '24px';\nlet key = 0;\nlet messageInstance: NoticationPublicInstance | null;\nlet transitionName = 'move-up';\nlet maxCount: number;\n\nconst iconTypes: Record<MessageType, Component> = {\n  info: Info,\n  success: CheckCircle,\n  warning: AlertCircle,\n  error: CircleX,\n  loading: LoaderCircle\n};\n\nconst getMessageInstance = () => {\n  messageInstance =\n    messageInstance ||\n    (Notification.newInstance({\n      prefixCls,\n      transitionName,\n      style: { top: defaultTop },\n      maxCount,\n      type: 'message'\n    }) as NoticationPublicInstance);\n  return messageInstance;\n};\n\nconst notice = (args: MessageParams) => {\n  const { type, content } = args;\n  const duration = args.duration !== undefined ? args.duration : defaultDuration;\n  const iconType = iconTypes[type];\n  key += 1;\n  const target = args.key || `${prefixKey}${key}`;\n\n  const instance = getMessageInstance();\n  instance &&\n    instance.notice({\n      key: target,\n      duration,\n      style: {},\n      msgType: type,\n      closable: args.closable,\n      onClose: args.onClose,\n      background: args.background,\n      content: () => (\n        <div class={`${prefixCls}-custom-content ${prefixCls}-${type}`} data-color={type}>\n          <UIcon spin={type === 'loading'}>\n            <iconType />\n          </UIcon>\n          <span>{typeof content === 'function' ? content() : content}</span>\n        </div>\n      )\n    });\n\n  const result = () => {\n    if (messageInstance) {\n      messageInstance.remove(target);\n    }\n  };\n  return result;\n};\n\nconst api = {\n  config(options: MessageOption) {\n    if (options.top !== undefined) {\n      defaultTop = options.top;\n      messageInstance = null;\n    }\n    if (options.duration !== undefined) {\n      defaultDuration = options.duration;\n      messageInstance = null;\n    }\n    if (options.prefixCls !== undefined) {\n      prefixCls = options.prefixCls;\n    }\n    if (options.transitionName !== undefined) {\n      transitionName = options.transitionName;\n      messageInstance = null;\n    }\n    if (options.maxCount !== undefined) {\n      maxCount = options.maxCount;\n      messageInstance = null;\n    }\n  },\n  message(type: MessageType, options: string | Omit<MessageParams, 'type'>, duration?: number) {\n    let opt: MessageParams;\n    if (typeof options === 'string') {\n      opt = {\n        type,\n        content: options,\n        duration\n      };\n    } else {\n      opt = {\n        type,\n        ...options,\n        ...(duration ? { duration } : {})\n      };\n    }\n    return notice(opt);\n  },\n  close(closeKey: string) {\n    if (messageInstance) {\n      messageInstance.remove(closeKey);\n    }\n  },\n  destroy() {\n    if (messageInstance) {\n      messageInstance.destroy();\n      messageInstance = null;\n    }\n  }\n};\n\nexport type MessageFunction = (options: string | Omit<MessageParams, 'type'>, duration?: number) => () => void;\n\nexport interface Message {\n  config(options: MessageOption): void;\n  message(type: MessageType, options: string | Omit<MessageParams, 'type'>, duration?: number | undefined): () => void;\n  close(closeKey: string): void;\n  destroy(): void;\n  success: MessageFunction;\n  info: MessageFunction;\n  error: MessageFunction;\n  warning: MessageFunction;\n  loading: MessageFunction;\n}\n\n(['success', 'info', 'error', 'warning', 'loading'] as MessageType[]).forEach((type) => {\n  (api as Message)[type] = (options: string | Omit<MessageParams, 'type'>, duration?: number) => {\n    return api.message(type, options, duration);\n  };\n});\n\nexport default api as Message;\n"],"names":["prefixCls","prefixKey","defaultDuration","defaultTop","key","messageInstance","transitionName","maxCount","iconTypes","info","Info","success","CheckCircle","warning","AlertCircle","error","CircleX","loading","LoaderCircle","getMessageInstance","Notification","newInstance","style","top","type","notice","args","content","duration","undefined","iconType","target","instance","msgType","closable","onClose","background","_createVNode","UIcon","default","result","remove","api","config","options","message","opt","close","closeKey","destroy","forEach"],"mappings":";;;;;;;;;;AAOA,IAAIA,YAAY;AAChB,MAAMC,YAAY;AAClB,IAAIC,kBAAkB;AACtB,IAAIC,aAAa;AACjB,IAAIC,MAAM;AACV,IAAIC;AACJ,IAAIC,iBAAiB;AACrB,IAAIC;AAEJ,MAAMC,YAA4C;AAAA,EAChDC,MAAMC;AAAAA,EACNC,SAASC;AAAAA,EACTC,SAASC;AAAAA,EACTC,OAAOC;AAAAA,EACPC,SAASC;AACX;AAEA,MAAMC,qBAAqBA,MAAM;AAC/Bd,oBACEA,mBACCe,wBAAaC,YAAY;AAAA,IACxBrB;AAAAA,IACAM;AAAAA,IACAgB,OAAO;AAAA,MAAEC,KAAKpB;AAAAA;AAAW,IACzBI;AAAAA,IACAiB,MAAM;AAAA,GACP;AACH,SAAOnB;AACT;AAEA,MAAMoB,SAAUC,UAAwB;AACtC,QAAM;AAAA,IAAEF;AAAAA,IAAMG;AAAAA,MAAYD;AAC1B,QAAME,WAAWF,KAAKE,aAAaC,SAAYH,KAAKE,WAAW1B;AAC/D,QAAM4B,WAAWtB,UAAUgB;AAC3BpB,SAAO;AACP,QAAM2B,SAASL,KAAKtB,OAAO,GAAGH,YAAYG;AAE1C,QAAM4B,WAAWb;AACjBa,cACEA,SAASP,OAAO;AAAA,IACdrB,KAAK2B;AAAAA,IACLH;AAAAA,IACAN,OAAO;AAAC,IACRW,SAAST;AAAAA,IACTU,UAAUR,KAAKQ;AAAAA,IACfC,SAAST,KAAKS;AAAAA,IACdC,YAAYV,KAAKU;AAAAA,IACjBT,SAASA,MAAAU;MAAA,SACK,GAAGrC,4BAA4BA,aAAawB;AAAAA,MAAM,cAAcA;AAAAA,QAAIa,gBAAAC;MAAA,QACjEd,SAAS;AAAA;MAASe,SAAAA,OAAAF,gBAAAP;QAAAO,+BAGxB,OAAOV,YAAY,aAAaA,YAAYA,OAAO;GAG/D;AAEH,QAAMa,SAASA,MAAM;AACnB,QAAInC,iBAAiB;AACnBA,sBAAgBoC,OAAOV,MAAM;AAAA;AAC/B;AAEF,SAAOS;AACT;MAEME,MAAM;AAAA,EACVC,OAAOC,SAAwB;AAC7B,QAAIA,QAAQrB,QAAQM,QAAW;AAC7B1B,mBAAayC,QAAQrB;AACrBlB,wBAAkB;AAAA;AAEpB,QAAIuC,QAAQhB,aAAaC,QAAW;AAClC3B,wBAAkB0C,QAAQhB;AAC1BvB,wBAAkB;AAAA;AAEpB,QAAIuC,QAAQ5C,cAAc6B,QAAW;AACnC7B,kBAAY4C,QAAQ5C;AAAAA;AAEtB,QAAI4C,QAAQtC,mBAAmBuB,QAAW;AACxCvB,uBAAiBsC,QAAQtC;AACzBD,wBAAkB;AAAA;AAEpB,QAAIuC,QAAQrC,aAAasB,QAAW;AAClCtB,iBAAWqC,QAAQrC;AACnBF,wBAAkB;AAAA;AACpB;AACF,EACAwC,QAAQrB,MAAmBoB,SAA+ChB,UAAmB;AAC3F,QAAIkB;AACJ,QAAI,OAAOF,YAAY,UAAU;AAC/BE,YAAM;AAAA,QACJtB;AAAAA,QACAG,SAASiB;AAAAA,QACThB;AAAAA;AACF,WACK;AACLkB,YAAM;AAAA,QACJtB;AAAAA,QACA,GAAGoB;AAAAA,QACH,GAAIhB,WAAW;AAAA,UAAEA;AAAAA,YAAa;AAAC;AACjC;AAEF,WAAOH,OAAOqB,GAAG;AAAA;AACnB,EACAC,MAAMC,UAAkB;AACtB,QAAI3C,iBAAiB;AACnBA,sBAAgBoC,OAAOO,QAAQ;AAAA;AACjC;AACF,EACAC,UAAU;AACR,QAAI5C,iBAAiB;AACnBA,sBAAgB4C;AAChB5C,wBAAkB;AAAA;AACpB;AAEJ;AAgBC,CAAC,WAAW,QAAQ,SAAS,WAAW,SAAS,EAAoB6C,QAAS1B,UAAS;AACrFkB,MAAgBlB,QAAQ,CAACoB,SAA+ChB,aAAsB;AAC7F,WAAOc,IAAIG,QAAQrB,MAAMoB,SAAShB,QAAQ;AAAA;AAE9C,CAAC;;;;"}

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

@@ -1,3 +1,3 @@
-export declare const message: import("./Message").Message & import("vue").Plugin<any[], any[]>;
+export declare const message: import("./Message").Message & import("vue").Plugin<any[]>;
 export default message;
 export * from './Message.type';