vft 0.0.44 → 0.0.45

package/es/components/pagination/components/prev.vue2.js

@@ -1,6 +1,6 @@
-import { defineComponent as d, computed as c, openBlock as r, createElementBlock as a, unref as t, toDisplayString as s, createCommentVNode as p, createVNode as u } from "vue";
+import { defineComponent as c, computed as d, openBlock as r, createElementBlock as a, unref as t, toDisplayString as s, createCommentVNode as p, createVNode as u } from "vue";
 import { VftIcon as m } from "../../icon/index.js";
-const b = ["disabled", "aria-disabled"], f = { key: 0 }, y = /* @__PURE__ */ d({
+const b = ["disabled", "aria-disabled"], f = { key: 0 }, y = /* @__PURE__ */ c({
   __name: "prev",
   props: {
     disabled: { type: Boolean },
@@ -9,7 +9,7 @@ const b = ["disabled", "aria-disabled"], f = { key: 0 }, y = /* @__PURE__ */ d({
   },
   emits: ["click"],
   setup(e, { emit: i }) {
-    const n = c(
+    const n = d(
       () => e.disabled || e.currentPage <= 1
     );
     return (k, o) => (r(), a("button", {
@@ -21,7 +21,7 @@ const b = ["disabled", "aria-disabled"], f = { key: 0 }, y = /* @__PURE__ */ d({
     }, [
       e.prevText ? (r(), a("span", f, s(e.prevText), 1)) : p("", !0),
       u(t(m), {
-        icon: "i-ep:arrow-left",
+        icon: "ico-ep:arrow-left",
         size: 16
       })
     ], 8, b));

package/es/components/search/index.d.ts

@@ -89,10 +89,10 @@ export declare const VftSearch: import("vft/es/utils").SFCWithInstall<import("vu
         required: true;
     };
 }>> & {
-    onEnter?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
+    onEnter?: ((...args: any[]) => any) | undefined;
     onClear?: ((...args: any[]) => any) | undefined;
 }, {}>> & Record<string, any>;
 export default VftSearch;

package/es/components/search/search.vue.d.ts

@@ -91,10 +91,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: true;
     };
 }>> & {
-    onEnter?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
+    onEnter?: ((...args: any[]) => any) | undefined;
     onClear?: ((...args: any[]) => any) | undefined;
 }, {}>;
 export default _sfc_main;

package/es/components/search/search.vue2.js

@@ -63,7 +63,7 @@ const u = (
     modelValue: { default: "" },
     placeholder: null,
     clearable: { type: Boolean, default: !0 },
-    suffixIcon: { default: { icon: "vi-search", color: "#8B8C8C", cursor: !0 } },
+    suffixIcon: { default: { icon: "vico-search", color: "#8B8C8C", cursor: !0 } },
     prefixIcon: null,
     clearIcon: null,
     width: { default: 200 },
@@ -73,9 +73,9 @@ const u = (
     visible: { type: Boolean }
   },
   emits: ["update:modelValue", "update:visible", "focus", "enter", "clear"],
-  setup(t, { emit: i }) {
+  setup(o, { emit: i }) {
     const f = a(), c = a(), n = a(), g = () => {
-      console.log(t.modelValue);
+      console.log(o.modelValue);
     };
     D();
     const w = () => {
@@ -87,32 +87,32 @@ const u = (
       "hide-after": 100,
       offset: 3,
       width: 500,
-      ...t.popoverCfg
+      ...o.popoverCfg
     })), V = v(() => {
-      function e(o) {
+      function e(t) {
         return H(
           {
-            width: k(o),
-            "focus-width": k(o)
+            width: k(t),
+            "focus-width": k(t)
           },
           "input"
         );
       }
-      return t.visible ? e(t.focusWidth ?? t.width) : e(t.width);
+      return o.visible ? e(o.focusWidth ?? o.width) : e(o.width);
     }), $ = (e) => {
       i("update:modelValue", e);
     }, d = u.e("content"), R = (e) => {
-      var o, s;
-      Array.from(e.target.classList).includes(d) || ((s = (o = r(f).popperRef) == null ? void 0 : o.delayHide) == null || s.call(o), i("update:visible", !1));
+      var t, s;
+      Array.from(e.target.classList).includes(d) || ((s = (t = r(f).popperRef) == null ? void 0 : t.delayHide) == null || s.call(t), i("update:visible", !1));
     }, B = () => {
       i("update:visible", !1), M(() => {
         var e;
         return (e = n.value) == null ? void 0 : e.blur();
       }, 100), i("clear");
     };
-    return N(() => t.visible, (e) => {
+    return N(() => o.visible, (e) => {
       e ? n.value.focus() : n.value.blur();
-    }), (e, o) => {
+    }), (e, t) => {
       const s = I("click-outside");
       return m(), h(E, null, [
         F((m(), h("div", {
@@ -162,13 +162,13 @@ const u = (
         ], 2)), [
           [s, R]
         ]),
-        t.hasPopover ? (m(), A(r(L), b({
+        o.hasPopover ? (m(), A(r(L), b({
           key: 0,
           ref_key: "popoverRef",
           ref: f
         }, r(S), {
           "virtual-ref": c.value,
-          visible: t.visible,
+          visible: o.visible,
           "virtual-triggering": ""
         }), {
           default: l(() => [

package/es/components/side-menu/side-menu.vue2.js

@@ -227,7 +227,7 @@ const i = (
         transform: o.collapse ? "rotateY(180deg)" : ""
       },
       size: 20,
-      icon: "i-iconoir:sidebar-collapse"
+      icon: "ico-iconoir:sidebar-collapse"
     }, null)]) : null]);
   }
 });

package/es/components/tabs/tabs.vue2.js

@@ -104,19 +104,19 @@ const r = (
       currentName: c
     });
     const V = l(() => ({
-      icon: "i-ep:plus",
+      icon: "ico-ep:plus",
       size: 12,
       ...t.addIconCfg
     })), k = l(() => ({
-      icon: "i-ep:close",
+      icon: "ico-ep:close",
       size: 14,
       ...t.closeIconCfg
     })), z = l(() => ({
-      icon: "i-ep:arrow-left",
+      icon: "ico-ep:arrow-left",
       size: 18,
       ...t.arrowLeftIconCfg
     })), B = l(() => ({
-      icon: "i-ep:arrow-right",
+      icon: "ico-ep:arrow-right",
       size: 18,
       ...t.arrowRightIconCfg
     })), C = l(() => {

package/es/components/tag/tag.vue2.js

@@ -56,7 +56,7 @@ const x = /* @__PURE__ */ m({
         class: t.e("close"),
         onClick: r
       }, [n(g, {
-        icon: "vi-close"
+        icon: "vico-close"
       }, null)]) : ""]);
     };
     return () => {

package/es/index.js

@@ -79,12 +79,11 @@ import { useTabDropdown as Or } from "./components/multiple-tabs/use/use-tab-dro
 import { initAffixTabs as kr, useTabsDrag as zr } from "./components/multiple-tabs/use/use-multiple-tabs.js";
 import { configProviderContextKey as Yr, messageConfig as Hr } from "./components/config-provider/constants.js";
 import { provideGlobalConfig as Br, useGlobalComponentSettings as Jr, useGlobalConfig as Ur } from "./components/config-provider/hooks/use-global-config.js";
-import { icons as Qr } from "./components/full-screen/icons.js";
-import { paginationEmits as Xr } from "./components/pagination/pagination.js";
-import { elPaginationKey as et, usePagination as ot } from "./components/pagination/usePagination.js";
-import { messageDefaults as tt, messageTypes as ft } from "./components/message/types.js";
-import { vLoading as mt, createLoadingDirective as at, vLoading as nt } from "./components/loading/directive.js";
-import { Loading as st } from "./components/loading/service.js";
+import { paginationEmits as Qr } from "./components/pagination/pagination.js";
+import { elPaginationKey as Xr, usePagination as $r } from "./components/pagination/usePagination.js";
+import { messageDefaults as ot, messageTypes as rt } from "./components/message/types.js";
+import { vLoading as ft, createLoadingDirective as pt, vLoading as mt } from "./components/loading/directive.js";
+import { Loading as nt } from "./components/loading/service.js";
 const r = e.install, t = e.version;
 export {
   oo as CHANGE_EVENT,
@@ -121,8 +120,8 @@ export {
   xe as VftInput,
   ie as VftLink,
   Ue as VftLoading,
-  mt as VftLoadingDirective,
-  st as VftLoadingService,
+  ft as VftLoadingDirective,
+  nt as VftLoadingService,
   U as VftLogo,
   ze as VftMdCodeDemo,
   Ye as VftMdCodeTabs,
@@ -160,7 +159,7 @@ export {
   ur as composeEventHandlers,
   Yr as configProviderContextKey,
   S as createContextMenu,
-  at as createLoadingDirective,
+  pt as createLoadingDirective,
   Wo as createModelToggleComposable,
   Ir as cssVarValue,
   $e as datePickTypes,
@@ -170,13 +169,12 @@ export {
   Eo as defaultInitialZIndex,
   io as defaultNamespace,
   F as destroyContextMenu,
-  et as elPaginationKey,
+  Xr as elPaginationKey,
   Xo as ensureOnlyChild,
   $o as flattedChildren,
   er as getFirstValidNode,
   or as getNormalizedProps,
   sr as getSizeType,
-  Qr as icons,
   kr as initAffixTabs,
   r as install,
   rr as isComment,
@@ -186,11 +184,11 @@ export {
   mr as isValidElementNode,
   Mr as makeInstaller,
   Hr as messageConfig,
-  tt as messageDefaults,
-  ft as messageTypes,
+  ot as messageDefaults,
+  rt as messageTypes,
   Tr as mutable,
   lo as namespaceContextKey,
-  Xr as paginationEmits,
+  Qr as paginationEmits,
   Br as provideGlobalConfig,
   ar as renderBlock,
   nr as renderIf,
@@ -209,7 +207,7 @@ export {
   Ho as useModelToggleEmits,
   uo as useNamespace,
   ko as useOrderedChildren,
-  ot as usePagination,
+  $r as usePagination,
   Co as usePopper,
   So as usePopperContainer,
   Fo as usePopperContainerId,
@@ -217,7 +215,7 @@ export {
   zr as useTabsDrag,
   Oo as useTimeout,
   Mo as useZIndex,
-  nt as vLoading,
+  mt as vLoading,
   t as version,
   gr as whenMouse,
   Bo as withInstall,

package/es/package.json.js

@@ -1,4 +1,4 @@
-const o = "0.0.44";
+const o = "0.0.45";
 export {
   o as version
 };

package/lib/components/avatar/avatar.vue.d.ts

@@ -2,7 +2,7 @@ import type { PropType as __PropType } from 'vue';
 import { type IconProps } from 'vft/es/components/icon';
 declare const _sfc_main: import("vue").DefineComponent<{
     size: {
-        type: __PropType<number | "default" | "small" | "large" | undefined>;
+        type: __PropType<number | "large" | "small" | "default" | undefined>;
         required: false;
     };
     shape: {
@@ -31,7 +31,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "error"[], "error", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
-        type: __PropType<number | "default" | "small" | "large" | undefined>;
+        type: __PropType<number | "large" | "small" | "default" | undefined>;
         required: false;
     };
     shape: {

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

@@ -1,6 +1,6 @@
 export declare const VftAvatar: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
     size: {
-        type: import("vue").PropType<number | "default" | "small" | "large" | undefined>;
+        type: import("vue").PropType<number | "large" | "small" | "default" | undefined>;
         required: false;
     };
     shape: {
@@ -29,7 +29,7 @@ export declare const VftAvatar: import("vft/es/utils").SFCWithInstall<import("vu
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "error"[], "error", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
-        type: import("vue").PropType<number | "default" | "small" | "large" | undefined>;
+        type: import("vue").PropType<number | "large" | "small" | "default" | undefined>;
         required: false;
     };
     shape: {

package/lib/components/back-top/back-top.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("@vft/utils");require("../divider/index.cjs");const f=require("../icon/index.cjs");require("../avatar/index.cjs");require("../empty/index.cjs");require("../result/index.cjs");require("../tabs/index.cjs");require("../popper/index.cjs");require("../collapse-transition/index.cjs");require("../tooltip/index.cjs");require("../popover/index.cjs");require("../menu/index.cjs");require("@vft/use");require("../multiple-tabs/multiple-tabs.vue2.cjs");require("@vft/router");require("@vft/store");require("vue-router");require("../header-layout/index.cjs");require("../footer-layout/index.cjs");require("../iframe-layout/index.cjs");require("../router-view-content/index.cjs");require("../logo/index.cjs");require("./index.cjs");require("../config-provider/index.cjs");require("../descriptions/index.cjs");require("../full-screen/index.cjs");require("../icon-text/index.cjs");require("../image/index.cjs");require("../input/index.cjs");require("../link/index.cjs");require("../pagination/index.cjs");require("../tag/index.cjs");require("../side-menu/index.cjs");require("../qrcode/index.cjs");require("../overlay/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../page-wrapper/index.cjs");require("../exception/index.cjs");require("../search/index.cjs");require("../md-container/index.cjs");require("../md-comment/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../message/index.cjs");const m=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");const p=require("./use-back-top.cjs"),i=m.useNamespace("back-top"),k=e.defineComponent({name:i.b()}),b=e.defineComponent({...k,props:{visibilityHeight:{default:200},target:null,right:{default:40},bottom:{default:40},icon:{default:"i-bx:arrow-to-top"}},emits:["click"],setup(u,{emit:q}){const c=e.getCurrentInstance(),{handleClick:t,visible:l}=p.useBackTop(c.props,q,i.b()),s=e.computed(()=>({right:`${u.right}px`,bottom:`${u.bottom}px`})),o=e.computed(()=>d.singleAttrToObj(u.icon,"icon",{color:"black",size:25}));return(a,n)=>(e.openBlock(),e.createBlock(e.Transition,{name:`${e.unref(i).namespace}-fade-in`},{default:e.withCtx(()=>[e.unref(l)?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(e.unref(s)),class:e.normalizeClass(e.unref(i).b()),onClick:n[0]||(n[0]=e.withModifiers((...r)=>e.unref(t)&&e.unref(t)(...r),["stop"]))},[e.renderSlot(a.$slots,"default",{},()=>{var r;return[(r=e.unref(o))!=null&&r.icon?(e.openBlock(),e.createBlock(e.unref(f.VftIcon),e.normalizeProps(e.mergeProps({key:0},e.unref(o))),null,16)):e.createCommentVNode("",!0)]})],6)):e.createCommentVNode("",!0)]),_:3},8,["name"]))}});exports.default=b;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("@vft/utils");require("../divider/index.cjs");const f=require("../icon/index.cjs");require("../avatar/index.cjs");require("../empty/index.cjs");require("../result/index.cjs");require("../tabs/index.cjs");require("../popper/index.cjs");require("../collapse-transition/index.cjs");require("../tooltip/index.cjs");require("../popover/index.cjs");require("../menu/index.cjs");require("@vft/use");require("../multiple-tabs/multiple-tabs.vue2.cjs");require("@vft/router");require("@vft/store");require("vue-router");require("../header-layout/index.cjs");require("../footer-layout/index.cjs");require("../iframe-layout/index.cjs");require("../router-view-content/index.cjs");require("../logo/index.cjs");require("./index.cjs");require("../config-provider/index.cjs");require("../descriptions/index.cjs");require("../full-screen/index.cjs");require("../icon-text/index.cjs");require("../image/index.cjs");require("../input/index.cjs");require("../link/index.cjs");require("../pagination/index.cjs");require("../tag/index.cjs");require("../side-menu/index.cjs");require("../qrcode/index.cjs");require("../overlay/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../page-wrapper/index.cjs");require("../exception/index.cjs");require("../search/index.cjs");require("../md-container/index.cjs");require("../md-comment/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../message/index.cjs");const m=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");const p=require("./use-back-top.cjs"),i=m.useNamespace("back-top"),k=e.defineComponent({name:i.b()}),b=e.defineComponent({...k,props:{visibilityHeight:{default:200},target:null,right:{default:40},bottom:{default:40},icon:{default:"ico-bx:arrow-to-top"}},emits:["click"],setup(u,{emit:q}){const c=e.getCurrentInstance(),{handleClick:t,visible:l}=p.useBackTop(c.props,q,i.b()),s=e.computed(()=>({right:`${u.right}px`,bottom:`${u.bottom}px`})),o=e.computed(()=>d.singleAttrToObj(u.icon,"icon",{color:"black",size:25}));return(a,n)=>(e.openBlock(),e.createBlock(e.Transition,{name:`${e.unref(i).namespace}-fade-in`},{default:e.withCtx(()=>[e.unref(l)?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(e.unref(s)),class:e.normalizeClass(e.unref(i).b()),onClick:n[0]||(n[0]=e.withModifiers((...r)=>e.unref(t)&&e.unref(t)(...r),["stop"]))},[e.renderSlot(a.$slots,"default",{},()=>{var r;return[(r=e.unref(o))!=null&&r.icon?(e.openBlock(),e.createBlock(e.unref(f.VftIcon),e.normalizeProps(e.mergeProps({key:0},e.unref(o))),null,16)):e.createCommentVNode("",!0)]})],6)):e.createCommentVNode("",!0)]),_:3},8,["name"]))}});exports.default=b;

package/lib/components/full-screen/full-screen.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("@vft/use"),c=require("../icon/index.cjs"),l=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const o=require("./icons.cjs"),s=l.useNamespace("full-screen"),a=e.defineComponent({name:s.b()}),f=e.defineComponent({...a,setup(d){const{toggle:n,isFullscreen:r}=i.useFullscreen();return(p,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(s).b(),"cursor-pointer"]),onClick:u[0]||(u[0]=(...t)=>e.unref(n)&&e.unref(n)(...t))},[e.createVNode(e.unref(c.VftIcon),{icon:e.unref(r)?e.unref(o.icons)[1]:e.unref(o.icons)[0]},null,8,["icon"]),e.createElementVNode("span",null,e.toDisplayString(e.unref(r)?"退出全屏":"全屏"),1)],2))}});exports.default=f;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("@vft/use"),o=require("../icon/index.cjs"),l=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const i=l.useNamespace("full-screen"),c=e.defineComponent({name:i.b()}),a=e.defineComponent({...c,setup(f){const{toggle:r,isFullscreen:n}=t.useFullscreen();return(d,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(i).b(),"cursor-pointer"]),onClick:u[0]||(u[0]=(...s)=>e.unref(r)&&e.unref(r)(...s))},[e.createVNode(e.unref(o.VftIcon),{icon:e.unref(n)?"i-radix-icons:exit-full-screen":"i-radix-icons:enter-full-screen"},null,8,["icon"]),e.createElementVNode("span",null,e.toDisplayString(e.unref(n)?"退出全屏":"全屏"),1)],2))}});exports.default=a;

package/lib/components/full-screen/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../../utils/vue/install.cjs");require("vue");require("@vft/utils");require("../../utils/ns-cover.cjs");const t=require("./full-screen.vue2.cjs"),u=require("./icons.cjs"),e=r.withInstall(t.default);exports.icons=u.icons;exports.VftFullScreen=e;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../utils/vue/install.cjs");require("vue");require("@vft/utils");require("../../utils/ns-cover.cjs");const r=require("./full-screen.vue2.cjs"),e=t.withInstall(r.default);exports.VftFullScreen=e;exports.default=e;

package/lib/components/full-screen/index.d.ts

@@ -1,3 +1,2 @@
 export declare const VftFullScreen: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>> & Record<string, any>;
 export default VftFullScreen;
-export * from './icons';

package/lib/components/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./divider/index.cjs"),i=require("./icon/index.cjs"),g=require("./avatar/index.cjs"),p=require("./empty/index.cjs"),x=require("./result/index.cjs"),o=require("./tabs/index.cjs"),q=require("./popper/index.cjs"),l=require("./collapse-transition/index.cjs"),$=require("./tooltip/index.cjs"),C=require("./popover/index.cjs"),e=require("./menu/index.cjs"),r=require("./context-menu/createContextMenu.cjs"),m=require("./context-menu/useContextMenu.cjs"),M=require("./multiple-tabs/index.cjs"),T=require("./header-layout/index.cjs"),b=require("./footer-layout/index.cjs"),y=require("./iframe-layout/index.cjs"),v=require("./router-view-content/index.cjs"),P=require("./logo/index.cjs"),_=require("./back-top/index.cjs"),L=require("./config-provider/index.cjs"),s=require("./descriptions/index.cjs"),D=require("./full-screen/index.cjs"),I=require("./icon-text/index.cjs"),S=require("./image/index.cjs"),E=require("./input/index.cjs"),G=require("./link/index.cjs"),w=require("./pagination/index.cjs"),A=require("./tag/index.cjs"),K=require("./side-menu/index.cjs"),R=require("./qrcode/index.cjs"),k=require("./overlay/index.cjs"),F=require("./clamp/index.cjs"),h=require("./clamp-toggle/index.cjs"),B=require("./page-wrapper/index.cjs"),O=require("./exception/index.cjs"),j=require("./search/index.cjs"),H=require("./md-container/index.cjs"),Q=require("./md-comment/index.cjs"),W=require("./md-tabs/index.cjs"),z=require("./md-vue-playground/index.cjs"),J=require("./md-code-demo/index.cjs"),N=require("./md-code-tabs/index.cjs"),u=require("./message/index.cjs"),U=require("./loading/index.cjs"),X=require("./empty/constants.cjs"),Y=require("./tabs/types.cjs"),Z=require("./popper/arrow.vue2.cjs"),ee=require("./popper/trigger.vue2.cjs"),te=require("./popper/content.vue2.cjs"),ne=require("./multiple-tabs/use/use-tab-dropdown.cjs"),a=require("./multiple-tabs/use/use-multiple-tabs.cjs"),f=require("./config-provider/constants.cjs"),t=require("./config-provider/hooks/use-global-config.cjs"),ie=require("./full-screen/icons.cjs"),oe=require("./pagination/pagination.cjs"),V=require("./pagination/usePagination.cjs"),c=require("./message/types.cjs"),n=require("./loading/directive.cjs"),re=require("./loading/service.cjs");exports.VftDivider=d.VftDivider;exports.Icon=i.VftIcon;exports.VftIcon=i.VftIcon;exports.VftAvatar=g.VftAvatar;exports.VftEmpty=p.VftEmpty;exports.VftResult=x.VftResult;exports.VftTabPane=o.VftTabPane;exports.VftTabs=o.VftTabs;exports.VftPopper=q.VftPopper;exports.VftCollapseTransition=l.VftCollapseTransition;exports.VftTooltip=$.VftTooltip;exports.VftPopover=C.VftPopover;exports.VftMenu=e.VftMenu;exports.VftMenuItem=e.VftMenuItem;exports.VftMenuItemGroup=e.VftMenuItemGroup;exports.VftSubMenu=e.VftSubMenu;exports.createContextMenu=r.createContextMenu;exports.destroyContextMenu=r.destroyContextMenu;exports.useContextMenu=m.useContextMenu;exports.VftMultipleTabs=M.VftMultipleTabs;exports.VftHeaderLayout=T.VftHeaderLayout;exports.VftFooterLayout=b.VftFooterLayout;exports.VftIframeLayout=y.VftIframeLayout;exports.VftRouterViewContent=v.VftRouterViewContent;exports.VftLogo=P.VftLogo;exports.VftBackTop=_.VftBackTop;exports.VftConfigProvider=L.VftConfigProvider;exports.VftDescriptions=s.VftDescriptions;exports.VftDescriptionsItem=s.VftDescriptionsItem;exports.VftFullScreen=D.VftFullScreen;exports.VftIconText=I.VftIconText;exports.VftImage=S.VftImage;exports.VftInput=E.VftInput;exports.VftLink=G.VftLink;exports.VftPagination=w.VftPagination;exports.VftTag=A.VftTag;exports.VftSideMenu=K.VftSideMenu;exports.VftQrcode=R.VftQrcode;exports.VftOverlay=k.VftOverlay;exports.VftClamp=F.VftClamp;exports.VftClampToggle=h.VftClampToggle;exports.VftPageWrapper=B.VftPageWrapper;exports.VftException=O.VftException;exports.VftSearch=j.VftSearch;exports.VftMdContainer=H.VftMdContainer;exports.VftMdComment=Q.VftMdComment;exports.VftMdTabs=W.VftMdTabs;exports.VftMdVuePlayground=z.VftMdVuePlayground;exports.VftMdCodeDemo=J.VftMdCodeDemo;exports.VftMdCodeTabs=N.VftMdCodeTabs;exports.Message=u.VftMessage;exports.VftMessage=u.VftMessage;exports.VftLoading=U.VftLoading;exports.EmptyEnum=X.EmptyEnum;exports.TabsRootContextKey=Y.TabsRootContextKey;exports.VftPopperArrow=Z.default;exports.VftPopperTrigger=ee.default;exports.VftPopperContent=te.default;exports.useTabDropdown=ne.useTabDropdown;exports.initAffixTabs=a.initAffixTabs;exports.useTabsDrag=a.useTabsDrag;exports.configProviderContextKey=f.configProviderContextKey;exports.messageConfig=f.messageConfig;exports.provideGlobalConfig=t.provideGlobalConfig;exports.useGlobalComponentSettings=t.useGlobalComponentSettings;exports.useGlobalConfig=t.useGlobalConfig;exports.icons=ie.icons;exports.paginationEmits=oe.paginationEmits;exports.elPaginationKey=V.elPaginationKey;exports.usePagination=V.usePagination;exports.messageDefaults=c.messageDefaults;exports.messageTypes=c.messageTypes;exports.VftLoadingDirective=n.vLoading;exports.createLoadingDirective=n.createLoadingDirective;exports.vLoading=n.vLoading;exports.VftLoadingService=re.Loading;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./divider/index.cjs"),i=require("./icon/index.cjs"),g=require("./avatar/index.cjs"),p=require("./empty/index.cjs"),x=require("./result/index.cjs"),o=require("./tabs/index.cjs"),q=require("./popper/index.cjs"),l=require("./collapse-transition/index.cjs"),$=require("./tooltip/index.cjs"),C=require("./popover/index.cjs"),e=require("./menu/index.cjs"),r=require("./context-menu/createContextMenu.cjs"),m=require("./context-menu/useContextMenu.cjs"),M=require("./multiple-tabs/index.cjs"),T=require("./header-layout/index.cjs"),b=require("./footer-layout/index.cjs"),y=require("./iframe-layout/index.cjs"),v=require("./router-view-content/index.cjs"),P=require("./logo/index.cjs"),_=require("./back-top/index.cjs"),L=require("./config-provider/index.cjs"),s=require("./descriptions/index.cjs"),D=require("./full-screen/index.cjs"),I=require("./icon-text/index.cjs"),S=require("./image/index.cjs"),E=require("./input/index.cjs"),G=require("./link/index.cjs"),w=require("./pagination/index.cjs"),A=require("./tag/index.cjs"),K=require("./side-menu/index.cjs"),R=require("./qrcode/index.cjs"),k=require("./overlay/index.cjs"),F=require("./clamp/index.cjs"),h=require("./clamp-toggle/index.cjs"),B=require("./page-wrapper/index.cjs"),O=require("./exception/index.cjs"),j=require("./search/index.cjs"),H=require("./md-container/index.cjs"),Q=require("./md-comment/index.cjs"),W=require("./md-tabs/index.cjs"),z=require("./md-vue-playground/index.cjs"),J=require("./md-code-demo/index.cjs"),N=require("./md-code-tabs/index.cjs"),u=require("./message/index.cjs"),U=require("./loading/index.cjs"),X=require("./empty/constants.cjs"),Y=require("./tabs/types.cjs"),Z=require("./popper/arrow.vue2.cjs"),ee=require("./popper/trigger.vue2.cjs"),te=require("./popper/content.vue2.cjs"),ne=require("./multiple-tabs/use/use-tab-dropdown.cjs"),a=require("./multiple-tabs/use/use-multiple-tabs.cjs"),f=require("./config-provider/constants.cjs"),t=require("./config-provider/hooks/use-global-config.cjs"),ie=require("./pagination/pagination.cjs"),V=require("./pagination/usePagination.cjs"),c=require("./message/types.cjs"),n=require("./loading/directive.cjs"),oe=require("./loading/service.cjs");exports.VftDivider=d.VftDivider;exports.Icon=i.VftIcon;exports.VftIcon=i.VftIcon;exports.VftAvatar=g.VftAvatar;exports.VftEmpty=p.VftEmpty;exports.VftResult=x.VftResult;exports.VftTabPane=o.VftTabPane;exports.VftTabs=o.VftTabs;exports.VftPopper=q.VftPopper;exports.VftCollapseTransition=l.VftCollapseTransition;exports.VftTooltip=$.VftTooltip;exports.VftPopover=C.VftPopover;exports.VftMenu=e.VftMenu;exports.VftMenuItem=e.VftMenuItem;exports.VftMenuItemGroup=e.VftMenuItemGroup;exports.VftSubMenu=e.VftSubMenu;exports.createContextMenu=r.createContextMenu;exports.destroyContextMenu=r.destroyContextMenu;exports.useContextMenu=m.useContextMenu;exports.VftMultipleTabs=M.VftMultipleTabs;exports.VftHeaderLayout=T.VftHeaderLayout;exports.VftFooterLayout=b.VftFooterLayout;exports.VftIframeLayout=y.VftIframeLayout;exports.VftRouterViewContent=v.VftRouterViewContent;exports.VftLogo=P.VftLogo;exports.VftBackTop=_.VftBackTop;exports.VftConfigProvider=L.VftConfigProvider;exports.VftDescriptions=s.VftDescriptions;exports.VftDescriptionsItem=s.VftDescriptionsItem;exports.VftFullScreen=D.VftFullScreen;exports.VftIconText=I.VftIconText;exports.VftImage=S.VftImage;exports.VftInput=E.VftInput;exports.VftLink=G.VftLink;exports.VftPagination=w.VftPagination;exports.VftTag=A.VftTag;exports.VftSideMenu=K.VftSideMenu;exports.VftQrcode=R.VftQrcode;exports.VftOverlay=k.VftOverlay;exports.VftClamp=F.VftClamp;exports.VftClampToggle=h.VftClampToggle;exports.VftPageWrapper=B.VftPageWrapper;exports.VftException=O.VftException;exports.VftSearch=j.VftSearch;exports.VftMdContainer=H.VftMdContainer;exports.VftMdComment=Q.VftMdComment;exports.VftMdTabs=W.VftMdTabs;exports.VftMdVuePlayground=z.VftMdVuePlayground;exports.VftMdCodeDemo=J.VftMdCodeDemo;exports.VftMdCodeTabs=N.VftMdCodeTabs;exports.Message=u.VftMessage;exports.VftMessage=u.VftMessage;exports.VftLoading=U.VftLoading;exports.EmptyEnum=X.EmptyEnum;exports.TabsRootContextKey=Y.TabsRootContextKey;exports.VftPopperArrow=Z.default;exports.VftPopperTrigger=ee.default;exports.VftPopperContent=te.default;exports.useTabDropdown=ne.useTabDropdown;exports.initAffixTabs=a.initAffixTabs;exports.useTabsDrag=a.useTabsDrag;exports.configProviderContextKey=f.configProviderContextKey;exports.messageConfig=f.messageConfig;exports.provideGlobalConfig=t.provideGlobalConfig;exports.useGlobalComponentSettings=t.useGlobalComponentSettings;exports.useGlobalConfig=t.useGlobalConfig;exports.paginationEmits=ie.paginationEmits;exports.elPaginationKey=V.elPaginationKey;exports.usePagination=V.usePagination;exports.messageDefaults=c.messageDefaults;exports.messageTypes=c.messageTypes;exports.VftLoadingDirective=n.vLoading;exports.createLoadingDirective=n.createLoadingDirective;exports.vLoading=n.vLoading;exports.VftLoadingService=oe.Loading;

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

@@ -4,7 +4,7 @@ export declare const VftInput: import("vft/es/utils").SFCWithInstall<import("vue
         required: false;
     };
     size: {
-        type: import("vue").PropType<"default" | "small" | "large" | undefined>;
+        type: import("vue").PropType<"large" | "small" | "default" | undefined>;
         required: false;
     };
     disabled: {
@@ -136,7 +136,7 @@ export declare const VftInput: import("vft/es/utils").SFCWithInstall<import("vue
         required: false;
     };
     size: {
-        type: import("vue").PropType<"default" | "small" | "large" | undefined>;
+        type: import("vue").PropType<"large" | "small" | "default" | undefined>;
         required: false;
     };
     disabled: {
@@ -238,8 +238,8 @@ export declare const VftInput: import("vft/es/utils").SFCWithInstall<import("vue
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onFocus?: ((evt: FocusEvent) => any) | undefined;
     onClear?: (() => any) | undefined;
-    onChange?: ((value: string) => any) | undefined;
     onInput?: ((value: string) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
     onSuffixclick?: ((value: any) => any) | undefined;
     onBlur?: ((evt: FocusEvent) => any) | undefined;
     onMouseleave?: ((evt: MouseEvent) => any) | undefined;

package/lib/components/input/input.vue.d.ts

@@ -7,7 +7,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     size: {
-        type: __PropType<"default" | "small" | "large" | undefined>;
+        type: __PropType<"large" | "small" | "default" | undefined>;
         required: false;
     };
     disabled: {
@@ -149,7 +149,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     size: {
-        type: __PropType<"default" | "small" | "large" | undefined>;
+        type: __PropType<"large" | "small" | "default" | undefined>;
         required: false;
     };
     disabled: {
@@ -251,8 +251,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onFocus?: ((evt: FocusEvent) => any) | undefined;
     onClear?: (() => any) | undefined;
-    onChange?: ((value: string) => any) | undefined;
     onInput?: ((value: string) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
     onSuffixclick?: ((value: any) => any) | undefined;
     onBlur?: ((evt: FocusEvent) => any) | undefined;
     onMouseleave?: ((evt: MouseEvent) => any) | undefined;

package/lib/components/input/input.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),D=require("@vft/constants"),we=require("@vft/use"),u=require("@vft/utils"),ne=require("@vueuse/core"),k=require("element-plus"),Ee=require("lodash"),C=require("../icon/index.cjs"),te=require("./utils.cjs"),oe=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const F=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");const Be=["role"],Ve=["id","type","disabled","formatter","parser","readonly","autocomplete","tabindex","aria-label","placeholder","form"],Se=["id","tabindex","disabled","readonly","autocomplete","aria-label","placeholder","form"],ze=e.defineComponent({__name:"input",props:{id:null,size:{default:""},disabled:{type:Boolean},modelValue:null,type:{default:"text"},resize:null,autosize:{type:[Object,Boolean],default:!1},autocomplete:{default:"off"},formatter:{type:Function},parser:{type:Function},placeholder:null,form:null,readonly:{type:Boolean},clearable:{type:Boolean},showPassword:{type:Boolean},showWordLimit:{type:Boolean},suffixIcon:null,prefixIcon:null,clearIcon:null,containerRole:null,label:null,tabindex:{default:0},validateEvent:{type:Boolean,default:!0},inputStyle:null,focusWidth:null},emits:{[D.UPDATE_MODEL_EVENT]:n=>u.isString(n),input:n=>u.isString(n),change:n=>u.isString(n),suffixclick:n=>u.isString(n),focus:n=>n instanceof FocusEvent,blur:n=>n instanceof FocusEvent,clear:()=>!0,mouseleave:n=>n instanceof MouseEvent,mouseenter:n=>n instanceof MouseEvent,keydown:n=>n instanceof Event,compositionstart:n=>n instanceof CompositionEvent,compositionupdate:n=>n instanceof CompositionEvent,compositionend:n=>n instanceof CompositionEvent},setup(n,{expose:ae,emit:l}){const p=e.useAttrs(),d=e.useSlots(),O=e.computed(()=>{const t={};return n.containerRole==="combobox"&&(t["aria-haspopup"]=p["aria-haspopup"],t["aria-owns"]=p["aria-owns"],t["aria-expanded"]=p["aria-expanded"]),t}),le=e.computed(()=>[n.type==="textarea"?$.b():o.b(),o.m(re.value),o.is("disabled",m.value),o.is("exceed",fe.value),o.is("focus",f.value),{[o.b("group")]:d.prepend||d.append,[o.bm("group","append")]:d.append,[o.bm("group","prepend")]:d.prepend,[o.m("prefix")]:d.prefix||n.prefixIcon,[o.m("suffix")]:d.suffix||n.suffixIcon||n.clearable||n.showPassword,[o.bm("suffix","password-clear")]:V.value&&M.value},p.class]),se=e.getCurrentInstance(),ue=e.computed(()=>[o.e("wrapper"),o.is("focus",f.value)]),r=we.useAttrs({excludeKeys:e.computed(()=>Object.keys(O.value))}),{form:I,formItem:s}=k.useFormItem(),{inputId:R}=k.useFormItemInputId(se.props,{formItemContext:s}),re=k.useSize(),m=k.useDisabled(),o=oe.useNamespace("input"),$=oe.useNamespace("textarea"),w=e.shallowRef(),v=e.shallowRef(),f=e.ref(!1),N=e.ref(!1),h=e.ref(!1),E=e.ref(!1),K=e.ref(),P=e.shallowRef(n.inputStyle),x=e.computed(()=>w.value||v.value),T=e.computed(()=>u.singleAttrToObj(n.prefixIcon,"icon")),W=e.computed(()=>u.singleAttrToObj(n.suffixIcon,"icon")),ce=e.computed(()=>u.singleAttrToObj(n.clearIcon,"icon",{icon:"vi-close-full",size:16})),j=e.computed(()=>(I==null?void 0:I.statusIcon)??!1),B=e.computed(()=>(s==null?void 0:s.validateState)||""),L=e.computed(()=>B.value&&"vi-user"),ie=e.computed(()=>E.value?{icon:"vi-view",size:16}:{icon:"vi-no-view",size:16}),de=e.computed(()=>[p.style,n.inputStyle,n.focusWidth&&f.value?{width:u.addUnit(n.focusWidth)}:{}]),U=e.computed(()=>[n.inputStyle,P.value,{resize:n.resize}]),i=e.computed(()=>Ee.isNil(n.modelValue)?"":String(n.modelValue)),V=e.computed(()=>n.clearable&&!m.value&&!n.readonly&&!!i.value&&(f.value||N.value)),M=e.computed(()=>n.showPassword&&!m.value&&!n.readonly&&!!i.value&&(!!i.value||f.value)),y=e.computed(()=>n.showWordLimit&&!!r.value.maxlength&&(n.type==="text"||n.type==="textarea")&&!m.value&&!n.readonly&&!n.showPassword),q=e.computed(()=>Array.from(i.value).length),fe=e.computed(()=>!!y.value&&q.value>Number(r.value.maxlength)),me=e.computed(()=>!!d.suffix||!!n.suffixIcon||V.value||n.showPassword||y.value||!!B.value&&j.value),[ve,ye]=k.useCursor(w);ne.useResizeObserver(v,t=>{if(!y.value||n.resize!=="both")return;const a=t[0],{width:c}=a.contentRect;K.value={right:`calc(100% - ${c+15+6}px)`}});const S=()=>{if(!(!ne.isClient||n.type!=="textarea"))if(n.autosize){const t=u.isObject(n.autosize)?n.autosize.minRows:void 0,a=u.isObject(n.autosize)?n.autosize.maxRows:void 0;P.value={...te.calcTextareaHeight(v.value,t,a)}}else P.value={minHeight:te.calcTextareaHeight(v.value).minHeight}},b=()=>{const t=x.value;!t||t.value===i.value||(t.value=i.value)},A=async t=>{ve();let{value:a}=t.target;if(r.value.maxlength&&a.length>=r.value.maxlength&&(a=a.slice(0,Number(r.value.maxlength))),n.formatter&&(a=n.parser?n.parser(a):a,a=n.formatter(a)),!h.value){if(a===i.value){b();return}l(D.UPDATE_MODEL_EVENT,a),l("input",a),await e.nextTick(),b(),ye()}},H=t=>{l("change",t.target.value)},pe=()=>{l("suffixclick",n.modelValue)},G=t=>{l("compositionstart",t),h.value=!0},he=t=>/([(\uAC00-\uD7AF)|(\u3130-\u318F)])+/gi.test(t),J=t=>{var g;l("compositionupdate",t);const a=(g=t.target)==null?void 0:g.value,c=a[a.length-1]||"";h.value=!he(c)},Q=t=>{l("compositionend",t),h.value&&(h.value=!1,A(t))},xe=()=>{E.value=!E.value,z()},z=async()=>{var t;await e.nextTick(),(t=x.value)==null||t.focus()},be=()=>{var t;return(t=x.value)==null?void 0:t.blur()},X=t=>{f.value=!0,l("focus",t)},Y=t=>{var a;f.value=!1,l("blur",t),n.validateEvent&&((a=s==null?void 0:s.validate)==null||a.call(s,"blur").catch(c=>F.debugWarn(c)))},ge=t=>{N.value=!1,l("mouseleave",t)},ke=t=>{N.value=!0,l("mouseenter",t)},Z=t=>{let a=t.key;if(t.target.type==="number"&&["e","+","-0","E"].includes(a))return t.returnValue=!1,!1;l("keydown",t)},Ce=()=>{var t;(t=x.value)==null||t.select()},_=()=>{l(D.UPDATE_MODEL_EVENT,""),l("change",""),l("clear"),l("input","")};return e.watch(()=>n.modelValue,()=>{var t;e.nextTick(()=>S()),n.validateEvent&&((t=s==null?void 0:s.validate)==null||t.call(s,"change").catch(a=>F.debugWarn(a)))}),e.watch(i,()=>b()),e.watch(()=>n.type,async()=>{await e.nextTick(),b(),S()}),e.onMounted(()=>{!n.formatter&&n.parser&&F.debugWarn("VftInput","If you set the parser, you also need to set the formatter."),b(),e.nextTick(S)}),ae({input:w,textarea:v,ref:x,textareaStyle:U,autosize:n.autosize,focus:z,blur:be,select:Ce,clear:_,resizeTextarea:S}),(t,a)=>{var c,g,ee;return e.withDirectives((e.openBlock(),e.createElementBlock("div",e.mergeProps(e.unref(O),{class:e.unref(le),style:e.unref(de),role:n.containerRole,onMouseenter:ke,onMouseleave:ge}),[n.type!=="textarea"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.$slots.prepend?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(o).be("group","prepend"))},[e.renderSlot(t.$slots,"prepend")],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(ue))},[t.$slots.prefix||(c=e.unref(T))!=null&&c.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(o).e("prefix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("prefix-inner")),onClick:z},[e.renderSlot(t.$slots,"prefix"),(g=e.unref(T))!=null&&g.icon?(e.openBlock(),e.createBlock(e.unref(C.VftIcon),e.mergeProps({key:0},e.unref(T),{class:e.unref(o).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0),e.createElementVNode("input",e.mergeProps({id:e.unref(R),ref_key:"input",ref:w,class:e.unref(o).e("inner")},e.unref(r),{type:n.showPassword?E.value?"text":"password":n.type,disabled:e.unref(m),formatter:n.formatter,parser:n.parser,readonly:n.readonly,autocomplete:n.autocomplete,tabindex:n.tabindex,"aria-label":n.label,placeholder:n.placeholder,style:n.inputStyle,form:n.form,onCompositionstart:G,onCompositionupdate:J,onCompositionend:Q,onInput:A,onFocus:X,onBlur:Y,onChange:H,onKeydown:Z}),null,16,Ve),e.unref(me)?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(o).e("suffix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("suffix-inner")),onClick:z},[!e.unref(V)||!e.unref(M)||!e.unref(y)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(t.$slots,"suffix"),(ee=e.unref(W))!=null&&ee.icon?(e.openBlock(),e.createBlock(e.unref(C.VftIcon),e.mergeProps({key:0,onClick:pe},e.unref(W),{class:e.unref(o).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),e.unref(V)?(e.openBlock(),e.createBlock(e.unref(C.VftIcon),e.mergeProps({key:1,class:[e.unref(o).e("icon"),e.unref(o).e("clear")]},e.unref(ce),{onMousedown:e.withModifiers(e.unref(u.noop),["prevent"]),onClick:_}),null,16,["class","onMousedown"])):e.createCommentVNode("",!0),e.unref(M)?(e.openBlock(),e.createBlock(e.unref(C.VftIcon),e.mergeProps({key:2},e.unref(ie),{class:[e.unref(o).e("icon"),e.unref(o).e("password")],onClick:xe}),null,16,["class"])):e.createCommentVNode("",!0),e.unref(y)?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(e.unref(o).e("count"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("count-inner"))},e.toDisplayString(e.unref(q))+" / "+e.toDisplayString(e.unref(r).maxlength),3)],2)):e.createCommentVNode("",!0),e.unref(B)&&e.unref(L)&&e.unref(j)?(e.openBlock(),e.createBlock(e.unref(C.VftIcon),{key:4,icon:e.unref(L),class:e.normalizeClass([e.unref(o).e("icon"),e.unref(o).e("validateIcon"),e.unref(o).is("loading",e.unref(B)==="validating")])},null,8,["icon","class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0)],2),t.$slots.append?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(o).be("group","append"))},[e.renderSlot(t.$slots,"append")],2)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("textarea",e.mergeProps({id:e.unref(R),ref_key:"textarea",ref:v,class:e.unref($).e("inner")},e.unref(r),{tabindex:n.tabindex,disabled:e.unref(m),readonly:n.readonly,autocomplete:n.autocomplete,style:e.unref(U),"aria-label":n.label,placeholder:n.placeholder,form:n.form,onCompositionstart:G,onCompositionupdate:J,onCompositionend:Q,onInput:A,onFocus:X,onBlur:Y,onChange:H,onKeydown:Z}),null,16,Se),e.unref(y)?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle(K.value),class:e.normalizeClass(e.unref(o).e("count"))},e.toDisplayString(e.unref(q))+" / "+e.toDisplayString(e.unref(r).maxlength),7)):e.createCommentVNode("",!0)],64))],16,Be)),[[e.vShow,n.type!=="hidden"]])}}});exports.default=ze;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),D=require("@vft/constants"),we=require("@vft/use"),u=require("@vft/utils"),ne=require("@vueuse/core"),k=require("element-plus"),Ee=require("lodash"),C=require("../icon/index.cjs"),te=require("./utils.cjs"),oe=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const F=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");const Be=["role"],Ve=["id","type","disabled","formatter","parser","readonly","autocomplete","tabindex","aria-label","placeholder","form"],Se=["id","tabindex","disabled","readonly","autocomplete","aria-label","placeholder","form"],ze=e.defineComponent({__name:"input",props:{id:null,size:{default:""},disabled:{type:Boolean},modelValue:null,type:{default:"text"},resize:null,autosize:{type:[Object,Boolean],default:!1},autocomplete:{default:"off"},formatter:{type:Function},parser:{type:Function},placeholder:null,form:null,readonly:{type:Boolean},clearable:{type:Boolean},showPassword:{type:Boolean},showWordLimit:{type:Boolean},suffixIcon:null,prefixIcon:null,clearIcon:null,containerRole:null,label:null,tabindex:{default:0},validateEvent:{type:Boolean,default:!0},inputStyle:null,focusWidth:null},emits:{[D.UPDATE_MODEL_EVENT]:n=>u.isString(n),input:n=>u.isString(n),change:n=>u.isString(n),suffixclick:n=>u.isString(n),focus:n=>n instanceof FocusEvent,blur:n=>n instanceof FocusEvent,clear:()=>!0,mouseleave:n=>n instanceof MouseEvent,mouseenter:n=>n instanceof MouseEvent,keydown:n=>n instanceof Event,compositionstart:n=>n instanceof CompositionEvent,compositionupdate:n=>n instanceof CompositionEvent,compositionend:n=>n instanceof CompositionEvent},setup(n,{expose:ae,emit:l}){const p=e.useAttrs(),d=e.useSlots(),O=e.computed(()=>{const t={};return n.containerRole==="combobox"&&(t["aria-haspopup"]=p["aria-haspopup"],t["aria-owns"]=p["aria-owns"],t["aria-expanded"]=p["aria-expanded"]),t}),le=e.computed(()=>[n.type==="textarea"?$.b():o.b(),o.m(re.value),o.is("disabled",m.value),o.is("exceed",fe.value),o.is("focus",f.value),{[o.b("group")]:d.prepend||d.append,[o.bm("group","append")]:d.append,[o.bm("group","prepend")]:d.prepend,[o.m("prefix")]:d.prefix||n.prefixIcon,[o.m("suffix")]:d.suffix||n.suffixIcon||n.clearable||n.showPassword,[o.bm("suffix","password-clear")]:V.value&&M.value},p.class]),se=e.getCurrentInstance(),ue=e.computed(()=>[o.e("wrapper"),o.is("focus",f.value)]),r=we.useAttrs({excludeKeys:e.computed(()=>Object.keys(O.value))}),{form:I,formItem:s}=k.useFormItem(),{inputId:R}=k.useFormItemInputId(se.props,{formItemContext:s}),re=k.useSize(),m=k.useDisabled(),o=oe.useNamespace("input"),$=oe.useNamespace("textarea"),w=e.shallowRef(),v=e.shallowRef(),f=e.ref(!1),N=e.ref(!1),h=e.ref(!1),E=e.ref(!1),K=e.ref(),P=e.shallowRef(n.inputStyle),x=e.computed(()=>w.value||v.value),T=e.computed(()=>u.singleAttrToObj(n.prefixIcon,"icon")),W=e.computed(()=>u.singleAttrToObj(n.suffixIcon,"icon")),ce=e.computed(()=>u.singleAttrToObj(n.clearIcon,"icon",{icon:"vico-close-full",size:16})),j=e.computed(()=>(I==null?void 0:I.statusIcon)??!1),B=e.computed(()=>(s==null?void 0:s.validateState)||""),L=e.computed(()=>B.value&&"vico-user"),ie=e.computed(()=>E.value?{icon:"vico-view",size:16}:{icon:"vico-no-view",size:16}),de=e.computed(()=>[p.style,n.inputStyle,n.focusWidth&&f.value?{width:u.addUnit(n.focusWidth)}:{}]),U=e.computed(()=>[n.inputStyle,P.value,{resize:n.resize}]),i=e.computed(()=>Ee.isNil(n.modelValue)?"":String(n.modelValue)),V=e.computed(()=>n.clearable&&!m.value&&!n.readonly&&!!i.value&&(f.value||N.value)),M=e.computed(()=>n.showPassword&&!m.value&&!n.readonly&&!!i.value&&(!!i.value||f.value)),y=e.computed(()=>n.showWordLimit&&!!r.value.maxlength&&(n.type==="text"||n.type==="textarea")&&!m.value&&!n.readonly&&!n.showPassword),q=e.computed(()=>Array.from(i.value).length),fe=e.computed(()=>!!y.value&&q.value>Number(r.value.maxlength)),me=e.computed(()=>!!d.suffix||!!n.suffixIcon||V.value||n.showPassword||y.value||!!B.value&&j.value),[ve,ye]=k.useCursor(w);ne.useResizeObserver(v,t=>{if(!y.value||n.resize!=="both")return;const a=t[0],{width:c}=a.contentRect;K.value={right:`calc(100% - ${c+15+6}px)`}});const S=()=>{if(!(!ne.isClient||n.type!=="textarea"))if(n.autosize){const t=u.isObject(n.autosize)?n.autosize.minRows:void 0,a=u.isObject(n.autosize)?n.autosize.maxRows:void 0;P.value={...te.calcTextareaHeight(v.value,t,a)}}else P.value={minHeight:te.calcTextareaHeight(v.value).minHeight}},b=()=>{const t=x.value;!t||t.value===i.value||(t.value=i.value)},A=async t=>{ve();let{value:a}=t.target;if(r.value.maxlength&&a.length>=r.value.maxlength&&(a=a.slice(0,Number(r.value.maxlength))),n.formatter&&(a=n.parser?n.parser(a):a,a=n.formatter(a)),!h.value){if(a===i.value){b();return}l(D.UPDATE_MODEL_EVENT,a),l("input",a),await e.nextTick(),b(),ye()}},H=t=>{l("change",t.target.value)},pe=()=>{l("suffixclick",n.modelValue)},G=t=>{l("compositionstart",t),h.value=!0},he=t=>/([(\uAC00-\uD7AF)|(\u3130-\u318F)])+/gi.test(t),J=t=>{var g;l("compositionupdate",t);const a=(g=t.target)==null?void 0:g.value,c=a[a.length-1]||"";h.value=!he(c)},Q=t=>{l("compositionend",t),h.value&&(h.value=!1,A(t))},xe=()=>{E.value=!E.value,z()},z=async()=>{var t;await e.nextTick(),(t=x.value)==null||t.focus()},be=()=>{var t;return(t=x.value)==null?void 0:t.blur()},X=t=>{f.value=!0,l("focus",t)},Y=t=>{var a;f.value=!1,l("blur",t),n.validateEvent&&((a=s==null?void 0:s.validate)==null||a.call(s,"blur").catch(c=>F.debugWarn(c)))},ge=t=>{N.value=!1,l("mouseleave",t)},ke=t=>{N.value=!0,l("mouseenter",t)},Z=t=>{let a=t.key;if(t.target.type==="number"&&["e","+","-0","E"].includes(a))return t.returnValue=!1,!1;l("keydown",t)},Ce=()=>{var t;(t=x.value)==null||t.select()},_=()=>{l(D.UPDATE_MODEL_EVENT,""),l("change",""),l("clear"),l("input","")};return e.watch(()=>n.modelValue,()=>{var t;e.nextTick(()=>S()),n.validateEvent&&((t=s==null?void 0:s.validate)==null||t.call(s,"change").catch(a=>F.debugWarn(a)))}),e.watch(i,()=>b()),e.watch(()=>n.type,async()=>{await e.nextTick(),b(),S()}),e.onMounted(()=>{!n.formatter&&n.parser&&F.debugWarn("VftInput","If you set the parser, you also need to set the formatter."),b(),e.nextTick(S)}),ae({input:w,textarea:v,ref:x,textareaStyle:U,autosize:n.autosize,focus:z,blur:be,select:Ce,clear:_,resizeTextarea:S}),(t,a)=>{var c,g,ee;return e.withDirectives((e.openBlock(),e.createElementBlock("div",e.mergeProps(e.unref(O),{class:e.unref(le),style:e.unref(de),role:n.containerRole,onMouseenter:ke,onMouseleave:ge}),[n.type!=="textarea"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.$slots.prepend?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(o).be("group","prepend"))},[e.renderSlot(t.$slots,"prepend")],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(ue))},[t.$slots.prefix||(c=e.unref(T))!=null&&c.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(o).e("prefix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("prefix-inner")),onClick:z},[e.renderSlot(t.$slots,"prefix"),(g=e.unref(T))!=null&&g.icon?(e.openBlock(),e.createBlock(e.unref(C.VftIcon),e.mergeProps({key:0},e.unref(T),{class:e.unref(o).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0),e.createElementVNode("input",e.mergeProps({id:e.unref(R),ref_key:"input",ref:w,class:e.unref(o).e("inner")},e.unref(r),{type:n.showPassword?E.value?"text":"password":n.type,disabled:e.unref(m),formatter:n.formatter,parser:n.parser,readonly:n.readonly,autocomplete:n.autocomplete,tabindex:n.tabindex,"aria-label":n.label,placeholder:n.placeholder,style:n.inputStyle,form:n.form,onCompositionstart:G,onCompositionupdate:J,onCompositionend:Q,onInput:A,onFocus:X,onBlur:Y,onChange:H,onKeydown:Z}),null,16,Ve),e.unref(me)?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(o).e("suffix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("suffix-inner")),onClick:z},[!e.unref(V)||!e.unref(M)||!e.unref(y)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(t.$slots,"suffix"),(ee=e.unref(W))!=null&&ee.icon?(e.openBlock(),e.createBlock(e.unref(C.VftIcon),e.mergeProps({key:0,onClick:pe},e.unref(W),{class:e.unref(o).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),e.unref(V)?(e.openBlock(),e.createBlock(e.unref(C.VftIcon),e.mergeProps({key:1,class:[e.unref(o).e("icon"),e.unref(o).e("clear")]},e.unref(ce),{onMousedown:e.withModifiers(e.unref(u.noop),["prevent"]),onClick:_}),null,16,["class","onMousedown"])):e.createCommentVNode("",!0),e.unref(M)?(e.openBlock(),e.createBlock(e.unref(C.VftIcon),e.mergeProps({key:2},e.unref(ie),{class:[e.unref(o).e("icon"),e.unref(o).e("password")],onClick:xe}),null,16,["class"])):e.createCommentVNode("",!0),e.unref(y)?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(e.unref(o).e("count"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("count-inner"))},e.toDisplayString(e.unref(q))+" / "+e.toDisplayString(e.unref(r).maxlength),3)],2)):e.createCommentVNode("",!0),e.unref(B)&&e.unref(L)&&e.unref(j)?(e.openBlock(),e.createBlock(e.unref(C.VftIcon),{key:4,icon:e.unref(L),class:e.normalizeClass([e.unref(o).e("icon"),e.unref(o).e("validateIcon"),e.unref(o).is("loading",e.unref(B)==="validating")])},null,8,["icon","class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0)],2),t.$slots.append?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(o).be("group","append"))},[e.renderSlot(t.$slots,"append")],2)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("textarea",e.mergeProps({id:e.unref(R),ref_key:"textarea",ref:v,class:e.unref($).e("inner")},e.unref(r),{tabindex:n.tabindex,disabled:e.unref(m),readonly:n.readonly,autocomplete:n.autocomplete,style:e.unref(U),"aria-label":n.label,placeholder:n.placeholder,form:n.form,onCompositionstart:G,onCompositionupdate:J,onCompositionend:Q,onInput:A,onFocus:X,onBlur:Y,onChange:H,onKeydown:Z}),null,16,Se),e.unref(y)?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle(K.value),class:e.normalizeClass(e.unref(o).e("count"))},e.toDisplayString(e.unref(q))+" / "+e.toDisplayString(e.unref(r).maxlength),7)):e.createCommentVNode("",!0)],64))],16,Be)),[[e.vShow,n.type!=="hidden"]])}}});exports.default=ze;

package/lib/components/md-code-demo/md-code-demo.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../config-provider/hooks/use-global-config.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const b=require("../icon/index.cjs"),S=require("../loading/directive.cjs"),d=require("./code-demo/code.cjs"),m=require("./code-demo/loadScript.cjs"),i=require("./utils.cjs"),q=800,C=e.defineComponent({name:"VftMdCodeDemo",props:{id:{type:String,required:!0},type:{type:String,default:"normal"},title:{type:String,default:""},config:{type:String,default:""},code:{type:String,required:!0}},setup(a,{slots:s}){const n=e.ref(!1),f=e.ref(),g=e.ref(),u=e.ref("0"),c=e.ref(!1),r=e.computed(()=>JSON.parse(a.config?i.atou(a.config):"{}")),l=e.computed(()=>{const o=JSON.parse(i.atou(a.code));return d.getCode(o)}),t=e.computed(()=>a.type==="react"?d.getReactCode(l.value,r.value):a.type==="vue"?d.getVueCode(l.value,r.value):d.getNormalCode(l.value,r.value)),y=e.computed(()=>t.value.isLegal),v=(o=!1)=>{const p=f.value.attachShadow({mode:"open"}),h=document.createElement("div");h.classList.add("code-demo-app"),p.appendChild(h),y.value?(o&&(h.innerHTML=t.value.html),i.injectCSS(p,t.value),i.injectScript(a.id,p,t.value),u.value="0"):u.value="auto",c.value=!0},j=()=>{switch(a.type){case"react":return m.loadReact(t.value).then(()=>v());case"vue":return m.loadVue(t.value).then(()=>v());default:return m.loadNormal(t.value).then(()=>v(!0))}};return e.onMounted(()=>{setTimeout(()=>{j()},q)}),()=>{var o;return e.withDirectives(e.h("div",{class:"vft-md-code-demo",id:a.id},[e.h("div",{class:"code-demo-header"},[t.value.isLegal?e.h("button",{class:["toggle-button",n.value?"down":"right"],onClick:()=>{u.value=n.value?"0":`${g.value.clientHeight+13.8}px`,n.value=!n.value}}):null,a.title?e.h("span",{class:"title"},decodeURIComponent(a.title)):null,e.h("div",{style:{display:"flex"}},[t.value.isLegal&&t.value.jsfiddle!==!1?e.h("form",{class:"code-demo-jsfiddle",target:"_blank",action:"https://jsfiddle.net/api/post/library/pure/",method:"post"},[e.h("input",{type:"hidden",name:"html",value:t.value.html}),e.h("input",{type:"hidden",name:"js",value:t.value.js}),e.h("input",{type:"hidden",name:"css",value:t.value.css}),e.h("input",{type:"hidden",name:"wrap",value:"1"}),e.h("input",{type:"hidden",name:"panel_js",value:"3"}),e.h("input",{type:"hidden",name:"resources",value:[...t.value.cssLib,...t.value.jsLib].join(",")}),e.h("button",{type:"submit","aria-label":"JSFiddle","data-balloon-pos":"up"},e.h(b.VftIcon,{icon:"i-cib:jsfiddle",class:"jsfiddle-button"}))]):null,!t.value.isLegal||t.value.codepen!==!1?e.h("form",{class:"code-demo-codepen",target:"_blank",action:"https://codepen.io/pen/define",method:"post"},[e.h("input",{type:"hidden",name:"data",value:JSON.stringify({html:t.value.html,js:t.value.js,css:t.value.css,js_external:t.value.jsLib.join(";"),css_external:t.value.cssLib.join(";"),layout:t.value.codepenLayout,html_pre_processor:l.value?l.value.html[1]:"none",js_pre_processor:l.value?l.value.js[1]:t.value.jsx?"babel":"none",css_pre_processor:l.value?l.value.css[1]:"none",editors:t.value.codepenEditors})}),e.h("button",{type:"submit","aria-label":"Codepen","data-balloon-pos":"up"},e.h(b.VftIcon,{icon:"i-mdi:codepen",class:"codepen-button"}))]):null])]),e.h("div",{ref:f,class:"code-demo-container",style:{display:y.value&&c.value?"block":"none"}}),e.h("div",{class:"code-demo-code-wrapper",style:{height:u.value}},e.h("div",{ref:g,class:"code-demo-codes"},(o=s.default)==null?void 0:o.call(s)))]),[[S.vLoading,!c.value]])}}});exports.default=C;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../config-provider/hooks/use-global-config.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const b=require("../icon/index.cjs"),S=require("../loading/directive.cjs"),d=require("./code-demo/code.cjs"),m=require("./code-demo/loadScript.cjs"),i=require("./utils.cjs"),q=800,C=e.defineComponent({name:"VftMdCodeDemo",props:{id:{type:String,required:!0},type:{type:String,default:"normal"},title:{type:String,default:""},config:{type:String,default:""},code:{type:String,required:!0}},setup(a,{slots:s}){const n=e.ref(!1),f=e.ref(),g=e.ref(),u=e.ref("0"),c=e.ref(!1),r=e.computed(()=>JSON.parse(a.config?i.atou(a.config):"{}")),l=e.computed(()=>{const o=JSON.parse(i.atou(a.code));return d.getCode(o)}),t=e.computed(()=>a.type==="react"?d.getReactCode(l.value,r.value):a.type==="vue"?d.getVueCode(l.value,r.value):d.getNormalCode(l.value,r.value)),y=e.computed(()=>t.value.isLegal),v=(o=!1)=>{const p=f.value.attachShadow({mode:"open"}),h=document.createElement("div");h.classList.add("code-demo-app"),p.appendChild(h),y.value?(o&&(h.innerHTML=t.value.html),i.injectCSS(p,t.value),i.injectScript(a.id,p,t.value),u.value="0"):u.value="auto",c.value=!0},j=()=>{switch(a.type){case"react":return m.loadReact(t.value).then(()=>v());case"vue":return m.loadVue(t.value).then(()=>v());default:return m.loadNormal(t.value).then(()=>v(!0))}};return e.onMounted(()=>{setTimeout(()=>{j()},q)}),()=>{var o;return e.withDirectives(e.h("div",{class:"vft-md-code-demo",id:a.id},[e.h("div",{class:"code-demo-header"},[t.value.isLegal?e.h("button",{class:["toggle-button",n.value?"down":"right"],onClick:()=>{u.value=n.value?"0":`${g.value.clientHeight+13.8}px`,n.value=!n.value}}):null,a.title?e.h("span",{class:"title"},decodeURIComponent(a.title)):null,e.h("div",{style:{display:"flex"}},[t.value.isLegal&&t.value.jsfiddle!==!1?e.h("form",{class:"code-demo-jsfiddle",target:"_blank",action:"https://jsfiddle.net/api/post/library/pure/",method:"post"},[e.h("input",{type:"hidden",name:"html",value:t.value.html}),e.h("input",{type:"hidden",name:"js",value:t.value.js}),e.h("input",{type:"hidden",name:"css",value:t.value.css}),e.h("input",{type:"hidden",name:"wrap",value:"1"}),e.h("input",{type:"hidden",name:"panel_js",value:"3"}),e.h("input",{type:"hidden",name:"resources",value:[...t.value.cssLib,...t.value.jsLib].join(",")}),e.h("button",{type:"submit","aria-label":"JSFiddle","data-balloon-pos":"up"},e.h(b.VftIcon,{icon:"ico-cib:jsfiddle",class:"jsfiddle-button"}))]):null,!t.value.isLegal||t.value.codepen!==!1?e.h("form",{class:"code-demo-codepen",target:"_blank",action:"https://codepen.io/pen/define",method:"post"},[e.h("input",{type:"hidden",name:"data",value:JSON.stringify({html:t.value.html,js:t.value.js,css:t.value.css,js_external:t.value.jsLib.join(";"),css_external:t.value.cssLib.join(";"),layout:t.value.codepenLayout,html_pre_processor:l.value?l.value.html[1]:"none",js_pre_processor:l.value?l.value.js[1]:t.value.jsx?"babel":"none",css_pre_processor:l.value?l.value.css[1]:"none",editors:t.value.codepenEditors})}),e.h("button",{type:"submit","aria-label":"Codepen","data-balloon-pos":"up"},e.h(b.VftIcon,{icon:"ico-mdi:codepen",class:"codepen-button"}))]):null])]),e.h("div",{ref:f,class:"code-demo-container",style:{display:y.value&&c.value?"block":"none"}}),e.h("div",{class:"code-demo-code-wrapper",style:{height:u.value}},e.h("div",{ref:g,class:"code-demo-codes"},(o=s.default)==null?void 0:o.call(s)))]),[[S.vLoading,!c.value]])}}});exports.default=C;

package/lib/components/md-container/md-container.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../divider/index.cjs");const m=require("../icon/index.cjs");require("../avatar/index.cjs");require("../empty/index.cjs");require("../result/index.cjs");require("../tabs/index.cjs");require("../popper/index.cjs");require("../collapse-transition/index.cjs");require("../tooltip/index.cjs");require("../popover/index.cjs");require("../menu/index.cjs");const i=require("@vft/utils"),C=require("@vft/use");require("../multiple-tabs/multiple-tabs.vue2.cjs");const k=require("@vft/router");require("@vft/store");const x=require("vue-router");require("../header-layout/index.cjs");require("../footer-layout/index.cjs");require("../iframe-layout/index.cjs");require("../router-view-content/index.cjs");require("../logo/index.cjs");require("../back-top/index.cjs");require("../config-provider/index.cjs");require("../descriptions/index.cjs");require("../full-screen/index.cjs");const y=require("../icon-text/index.cjs");require("../image/index.cjs");require("../input/index.cjs");require("../link/index.cjs");require("../pagination/index.cjs");const N=require("../tag/index.cjs");require("../side-menu/index.cjs");require("../qrcode/index.cjs");require("../overlay/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../page-wrapper/index.cjs");require("../exception/index.cjs");require("../search/index.cjs");require("./index.cjs");const E=require("../md-comment/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../message/index.cjs");const T=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");const B=require("../../utils/ns-cover.cjs"),$=require("./toc.cjs"),w=require("./use/useCopyCode.cjs"),z=require("./use/useActiveHeaderLinks.cjs"),D=require("./utils.cjs"),S={class:"info-container"},b={key:0,class:"flex align-center"},M={class:"infos"},P={class:"reading",title:"阅读量"},I=["data-path"],r=T.useNamespace("md-container"),R=e.defineComponent({name:r.b()}),A=e.defineComponent({...R,setup(H,{expose:f}){const p=e.getCurrentInstance(),{initPhotoSwipe:_}=C.usePhotoSwipe(`.${r.e("content")} img`);_(),z.useActiveHeaderLinks({}),w.useCopyCode();const n=e.ref(),t=x.useRoute();e.onMounted(()=>{e.nextTick(()=>{n.value=p.exposed.infos,setTimeout(()=>{i.jumpElement(t.hash.replace("#",""))})})}),f({infos:e.unref(n)});const g=location.pathname,{go:V}=k.useRouterHelper();function v(o){V("/?tag="+o)}return(o,L)=>{var u,s,a,c,l,d;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(r).b())},[(u=n.value)!=null&&u.sideData?(e.openBlock(),e.createBlock(e.unref($.default),{key:0,items:n.value.sideData},null,8,["items"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("header"))},[e.createElementVNode("h1",{class:e.normalizeClass(e.unref(r).e("title"))},e.toDisplayString((s=e.unref(t).meta)==null?void 0:s.title),3),e.createElementVNode("div",S,[(c=(a=e.unref(t).meta)==null?void 0:a.category)!=null&&c.length?(e.openBlock(),e.createElementBlock("div",b,[e.createVNode(e.unref(m.VftIcon),{color:e.unref(B.cssVarValue)("primary-color").value,icon:"i-bx:category",class:"mr-8px"},null,8,["color"]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((l=e.unref(t).meta)==null?void 0:l.category,(q,h)=>(e.openBlock(),e.createBlock(e.unref(N.VftTag),{size:"small",class:"mr-5px cursor-pointer",type:e.unref(i.getRandomElementForArr)(e.unref(D.COMP_TYPE),1)[0],key:h,onClick:j=>v(q)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(q),1)]),_:2},1032,["type","onClick"]))),128))])):e.createCommentVNode("",!0),e.createElementVNode("div",M,[e.createVNode(e.unref(y.VftIconText),{title:"发布时间",icon:"i-uiw:date",size:14,class:"mr-10px",distance:5,text:e.unref(i.formatToDateTime)(new Date((d=e.unref(t).meta)==null?void 0:d.date).getTime()-e.unref(i.getDayTimestamp)())},null,8,["text"]),e.createElementVNode("div",P,[e.createVNode(e.unref(m.VftIcon),{icon:"i-flat-color-icons:reading",size:14,class:"mr-5px"}),e.createElementVNode("span",{class:"waline-pageview-count","data-path":e.unref(g)},"0",8,I)])])])],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("content"))},[e.renderSlot(o.$slots,"default")],2),e.createVNode(e.unref(E.VftMdComment))],2)}}});exports.default=A;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../divider/index.cjs");const m=require("../icon/index.cjs");require("../avatar/index.cjs");require("../empty/index.cjs");require("../result/index.cjs");require("../tabs/index.cjs");require("../popper/index.cjs");require("../collapse-transition/index.cjs");require("../tooltip/index.cjs");require("../popover/index.cjs");require("../menu/index.cjs");const i=require("@vft/utils"),C=require("@vft/use");require("../multiple-tabs/multiple-tabs.vue2.cjs");const k=require("@vft/router");require("@vft/store");const x=require("vue-router");require("../header-layout/index.cjs");require("../footer-layout/index.cjs");require("../iframe-layout/index.cjs");require("../router-view-content/index.cjs");require("../logo/index.cjs");require("../back-top/index.cjs");require("../config-provider/index.cjs");require("../descriptions/index.cjs");require("../full-screen/index.cjs");const y=require("../icon-text/index.cjs");require("../image/index.cjs");require("../input/index.cjs");require("../link/index.cjs");require("../pagination/index.cjs");const N=require("../tag/index.cjs");require("../side-menu/index.cjs");require("../qrcode/index.cjs");require("../overlay/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../page-wrapper/index.cjs");require("../exception/index.cjs");require("../search/index.cjs");require("./index.cjs");const E=require("../md-comment/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../message/index.cjs");const T=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");const B=require("../../utils/ns-cover.cjs"),$=require("./toc.cjs"),w=require("./use/useCopyCode.cjs"),z=require("./use/useActiveHeaderLinks.cjs"),D=require("./utils.cjs"),S={class:"info-container"},b={key:0,class:"flex align-center"},M={class:"infos"},P={class:"reading",title:"阅读量"},I=["data-path"],r=T.useNamespace("md-container"),R=e.defineComponent({name:r.b()}),A=e.defineComponent({...R,setup(H,{expose:f}){const p=e.getCurrentInstance(),{initPhotoSwipe:_}=C.usePhotoSwipe(`.${r.e("content")} img`);_(),z.useActiveHeaderLinks({}),w.useCopyCode();const n=e.ref(),t=x.useRoute();e.onMounted(()=>{e.nextTick(()=>{n.value=p.exposed.infos,setTimeout(()=>{i.jumpElement(t.hash.replace("#",""))})})}),f({infos:e.unref(n)});const g=location.pathname,{go:V}=k.useRouterHelper();function v(o){V("/?tag="+o)}return(o,L)=>{var u,s,c,a,l,d;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(r).b())},[(u=n.value)!=null&&u.sideData?(e.openBlock(),e.createBlock(e.unref($.default),{key:0,items:n.value.sideData},null,8,["items"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("header"))},[e.createElementVNode("h1",{class:e.normalizeClass(e.unref(r).e("title"))},e.toDisplayString((s=e.unref(t).meta)==null?void 0:s.title),3),e.createElementVNode("div",S,[(a=(c=e.unref(t).meta)==null?void 0:c.category)!=null&&a.length?(e.openBlock(),e.createElementBlock("div",b,[e.createVNode(e.unref(m.VftIcon),{color:e.unref(B.cssVarValue)("primary-color").value,icon:"ico-bx:category",class:"mr-8px"},null,8,["color"]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((l=e.unref(t).meta)==null?void 0:l.category,(q,h)=>(e.openBlock(),e.createBlock(e.unref(N.VftTag),{size:"small",class:"mr-5px cursor-pointer",type:e.unref(i.getRandomElementForArr)(e.unref(D.COMP_TYPE),1)[0],key:h,onClick:j=>v(q)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(q),1)]),_:2},1032,["type","onClick"]))),128))])):e.createCommentVNode("",!0),e.createElementVNode("div",M,[e.createVNode(e.unref(y.VftIconText),{title:"发布时间",icon:"ico-uiw:date",size:14,class:"mr-10px",distance:5,text:e.unref(i.formatToDateTime)(new Date((d=e.unref(t).meta)==null?void 0:d.date).getTime()-e.unref(i.getDayTimestamp)())},null,8,["text"]),e.createElementVNode("div",P,[e.createVNode(e.unref(m.VftIcon),{icon:"ico-flat-color-icons:reading",size:14,class:"mr-5px"}),e.createElementVNode("span",{class:"waline-pageview-count","data-path":e.unref(g)},"0",8,I)])])])],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("content"))},[e.renderSlot(o.$slots,"default")],2),e.createVNode(e.unref(E.VftMdComment))],2)}}});exports.default=A;

package/lib/components/md-vue-playground/md-vue-playground.vue2.cjs

@@ -1 +1 @@
-"use strict";var v=Object.create;var r=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,m=Object.prototype.hasOwnProperty;var w=(t,l,n,u)=>{if(l&&typeof l=="object"||typeof l=="function")for(let o of f(l))!m.call(t,o)&&o!==n&&r(t,o,{get:()=>l[o],enumerable:!(u=p(l,o))||u.enumerable});return t};var V=(t,l,n)=>(n=t!=null?v(g(t)):{},w(l||!t||!t.__esModule?r(n,"default",{value:t,enumerable:!0}):n,t));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),q=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const h=require("./playground.cjs"),y=require("../icon/index.cjs"),s=q.useNamespace("md-vue-playground"),C=e.defineComponent({name:s.b()}),b=e.defineComponent({...C,props:{title:null,files:null,settings:null},setup(t){const l=e.ref(!0),n=e.shallowRef(),u=e.ref(),o=e.computed(()=>h.getVuePlaygroundSettings(t.settings)),a=e.ref(o.value.showCode||!1),i=async()=>{const{ReplStore:c,Repl:d}=await import("@vue/repl");n.value=d,u.value=new c({serializedState:decodeURIComponent(t.files),showOutput:!0}),o.value.vueVersion&&await u.value.setVueVersion(o.value.vueVersion)};return e.onMounted(async()=>{await i(),l.value=!1}),()=>e.createVNode("div",{class:s.b()},[e.createVNode("div",{class:"title-wrapper"},[t.title?e.createVNode("div",{class:"title"},[decodeURIComponent(t.title)]):null,e.createVNode(y.VftIcon,{cursor:!0,icon:a.value?"i-bx:collapse-alt":"i-bx:expand-alt",size:20,onClick:()=>{a.value=!a.value}},null)]),e.withDirectives(e.createVNode("div",{class:["repl-container",a.value?"show-code":"hide-code"]},[n.value?e.h(n.value,{store:u.value,...o.value}):null]),[[e.resolveDirective("loading"),l.value]])])}});exports.default=b;
+"use strict";var v=Object.create;var r=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,m=Object.prototype.hasOwnProperty;var w=(t,o,n,u)=>{if(o&&typeof o=="object"||typeof o=="function")for(let l of f(o))!m.call(t,l)&&l!==n&&r(t,l,{get:()=>o[l],enumerable:!(u=p(o,l))||u.enumerable});return t};var V=(t,o,n)=>(n=t!=null?v(g(t)):{},w(o||!t||!t.__esModule?r(n,"default",{value:t,enumerable:!0}):n,t));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),q=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const h=require("./playground.cjs"),y=require("../icon/index.cjs"),s=q.useNamespace("md-vue-playground"),C=e.defineComponent({name:s.b()}),b=e.defineComponent({...C,props:{title:null,files:null,settings:null},setup(t){const o=e.ref(!0),n=e.shallowRef(),u=e.ref(),l=e.computed(()=>h.getVuePlaygroundSettings(t.settings)),a=e.ref(l.value.showCode||!1),i=async()=>{const{ReplStore:c,Repl:d}=await import("@vue/repl");n.value=d,u.value=new c({serializedState:decodeURIComponent(t.files),showOutput:!0}),l.value.vueVersion&&await u.value.setVueVersion(l.value.vueVersion)};return e.onMounted(async()=>{await i(),o.value=!1}),()=>e.createVNode("div",{class:s.b()},[e.createVNode("div",{class:"title-wrapper"},[t.title?e.createVNode("div",{class:"title"},[decodeURIComponent(t.title)]):null,e.createVNode(y.VftIcon,{cursor:!0,icon:a.value?"ico-bx:collapse-alt":"ico-bx:expand-alt",size:20,onClick:()=>{a.value=!a.value}},null)]),e.withDirectives(e.createVNode("div",{class:["repl-container",a.value?"show-code":"hide-code"]},[n.value?e.h(n.value,{store:u.value,...l.value}):null]),[[e.resolveDirective("loading"),o.value]])])}});exports.default=b;

package/lib/components/menu/menu.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("vue"),j=require("@vueuse/core");require("@vft/utils");const F=require("../../utils/vue/vnode.cjs");require("../../utils/ns-cover.cjs");const P=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");const G=require("./utils/menu-bar.cjs"),H=require("./menu-collapse-transition.vue.cjs"),J=require("./sub-menu.vue2.cjs"),K=require("./use-menu-css-var.cjs"),Q=require("../icon/index.cjs"),b=P.useNamespace("menu"),U=l.defineComponent({name:b.b()}),X=l.defineComponent({...U,props:{mode:{default:"vertical"},defaultActive:{default:""},defaultOpeneds:{default:[]},uniqueOpened:{type:Boolean},router:{type:Boolean},menuTrigger:{default:"hover"},collapse:{type:Boolean},backgroundColor:null,textColor:null,activeTextColor:null,collapseTransition:{type:Boolean,default:!0},ellipsis:{type:Boolean,default:!0}},emits:["close","open","select"],setup(n,{expose:k,emit:g}){const C=l.useSlots(),m=l.getCurrentInstance(),I=m.appContext.config.globalProperties.$router,c=l.ref(),S=P.useNamespace("sub-menu"),f=l.ref(-1),o=l.ref(n.defaultOpeneds&&!n.collapse?n.defaultOpeneds.slice(0):[]),a=l.ref(n.defaultActive),r=l.ref({}),h=l.ref({}),B=l.computed(()=>n.mode==="horizontal"||n.mode==="vertical"&&n.collapse),N=()=>{const e=a.value&&r.value[a.value];if(!e||n.mode==="horizontal"||n.collapse)return;e.indexPath.forEach(u=>{const s=h.value[u];s&&p(u,s.indexPath)})},p=(e,t)=>{o.value.includes(e)||(n.uniqueOpened&&(o.value=o.value.filter(u=>t.includes(u))),o.value.push(e),g("open",e,t))},y=(e,t)=>{const u=o.value.indexOf(e);u!==-1&&o.value.splice(u,1),g("close",e,t)},R=({index:e,indexPath:t})=>{o.value.includes(e)?y(e,t):p(e,t)},A=e=>{(n.mode==="horizontal"||n.collapse)&&(o.value=[]);const{index:t,indexPath:u}=e;if(!(t===void 0||u===void 0))if(n.router&&I){const s=e.route||t,v=I.push(s).then(i=>(i||(a.value=t),i));g("select",e,v)}else a.value=t,g("select",e)},W=e=>{const t=r.value,u=t[e]||a.value&&t[a.value]||t[n.defaultActive];u?a.value=u.index:a.value=e},E=()=>{var d;if(!c.value)return-1;const e=Array.from(((d=c.value)==null?void 0:d.childNodes)??[]).filter(q=>q.nodeName!=="#text"||q.nodeValue),t=64,u=Number.parseInt(getComputedStyle(c.value).paddingLeft,10),s=Number.parseInt(getComputedStyle(c.value).paddingRight,10),v=c.value.clientWidth-u-s;let i=0,M=0;return e.forEach((q,L)=>{i+=q.offsetWidth||0,i<=v-t&&(M=L+1)}),M===e.length?-1:M},V=(e,t=33.34)=>{let u;return()=>{u&&clearTimeout(u),u=setTimeout(()=>{e()},t)}};let O=!0;const T=()=>{const e=()=>{f.value=-1,l.nextTick(()=>{f.value=E()})};O?e():V(e)(),O=!1};l.watch(()=>n.defaultActive,e=>{r.value[e]||(a.value=""),W(e)}),l.watch(()=>n.collapse,e=>{e&&(o.value=[])}),l.watch(r.value,N);let x;l.watchEffect(()=>{n.mode==="horizontal"&&n.ellipsis?x=j.useResizeObserver(c,T).stop:x==null||x()});const w=e=>{h.value[e.index]=e},z=e=>{delete h.value[e.index]},$=e=>{r.value[e.index]=e},D=e=>{delete r.value[e.index]};return l.provide("rootMenu",l.reactive({props:m.props,openedMenus:o,items:r,subMenus:h,activeIndex:a,isMenuPopup:B,addMenuItem:$,removeMenuItem:D,addSubMenu:w,removeSubMenu:z,openMenu:p,closeMenu:y,handleMenuItemClick:A,handleSubMenuClick:R})),l.provide(`subMenu:${m.uid}`,{addSubMenu:w,removeSubMenu:z,mouseInChild:l.ref(!1),level:0}),l.onMounted(()=>{n.mode==="horizontal"&&new G.default(m.vnode.el,b.namespace.value)}),k({open:e=>{const{indexPath:t}=h.value[e];t.forEach(u=>p(u,t))},close:y,handleResize:T}),()=>{var v;let e=((v=C.default)==null?void 0:v.call(C))??[];const t=[];if(n.mode==="horizontal"&&c.value){const i=F.flattedChildren(e),M=f.value===-1?i:i.slice(0,f.value),d=f.value===-1?[]:i.slice(f.value);d!=null&&d.length&&n.ellipsis&&(e=M,t.push(l.h(J.default,{index:"sub-menu-more",class:S.e("hide-arrow")},{title:()=>l.h(Q.VftIcon,{icon:"i-line-md:menu",class:S.e("icon-more")}),default:()=>d})))}const u=K.useMenuCssVar(m.props,0),s=l.h("ul",{key:String(n.collapse),role:"menubar",ref:c,style:u.value,class:{[b.b()]:!0,[b.m(n.mode)]:!0,[b.m("collapse")]:n.collapse}},[...e,...t]);return n.collapseTransition&&n.mode==="vertical"?l.h(H.default,()=>s):s}}});exports.default=X;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("vue"),j=require("@vueuse/core");require("@vft/utils");const F=require("../../utils/vue/vnode.cjs");require("../../utils/ns-cover.cjs");const P=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");const G=require("./utils/menu-bar.cjs"),H=require("./menu-collapse-transition.vue.cjs"),J=require("./sub-menu.vue2.cjs"),K=require("./use-menu-css-var.cjs"),Q=require("../icon/index.cjs"),b=P.useNamespace("menu"),U=l.defineComponent({name:b.b()}),X=l.defineComponent({...U,props:{mode:{default:"vertical"},defaultActive:{default:""},defaultOpeneds:{default:[]},uniqueOpened:{type:Boolean},router:{type:Boolean},menuTrigger:{default:"hover"},collapse:{type:Boolean},backgroundColor:null,textColor:null,activeTextColor:null,collapseTransition:{type:Boolean,default:!0},ellipsis:{type:Boolean,default:!0}},emits:["close","open","select"],setup(n,{expose:k,emit:g}){const C=l.useSlots(),m=l.getCurrentInstance(),I=m.appContext.config.globalProperties.$router,c=l.ref(),S=P.useNamespace("sub-menu"),f=l.ref(-1),o=l.ref(n.defaultOpeneds&&!n.collapse?n.defaultOpeneds.slice(0):[]),a=l.ref(n.defaultActive),r=l.ref({}),h=l.ref({}),B=l.computed(()=>n.mode==="horizontal"||n.mode==="vertical"&&n.collapse),N=()=>{const e=a.value&&r.value[a.value];if(!e||n.mode==="horizontal"||n.collapse)return;e.indexPath.forEach(u=>{const s=h.value[u];s&&p(u,s.indexPath)})},p=(e,t)=>{o.value.includes(e)||(n.uniqueOpened&&(o.value=o.value.filter(u=>t.includes(u))),o.value.push(e),g("open",e,t))},y=(e,t)=>{const u=o.value.indexOf(e);u!==-1&&o.value.splice(u,1),g("close",e,t)},R=({index:e,indexPath:t})=>{o.value.includes(e)?y(e,t):p(e,t)},A=e=>{(n.mode==="horizontal"||n.collapse)&&(o.value=[]);const{index:t,indexPath:u}=e;if(!(t===void 0||u===void 0))if(n.router&&I){const s=e.route||t,v=I.push(s).then(i=>(i||(a.value=t),i));g("select",e,v)}else a.value=t,g("select",e)},W=e=>{const t=r.value,u=t[e]||a.value&&t[a.value]||t[n.defaultActive];u?a.value=u.index:a.value=e},E=()=>{var d;if(!c.value)return-1;const e=Array.from(((d=c.value)==null?void 0:d.childNodes)??[]).filter(q=>q.nodeName!=="#text"||q.nodeValue),t=64,u=Number.parseInt(getComputedStyle(c.value).paddingLeft,10),s=Number.parseInt(getComputedStyle(c.value).paddingRight,10),v=c.value.clientWidth-u-s;let i=0,M=0;return e.forEach((q,L)=>{i+=q.offsetWidth||0,i<=v-t&&(M=L+1)}),M===e.length?-1:M},V=(e,t=33.34)=>{let u;return()=>{u&&clearTimeout(u),u=setTimeout(()=>{e()},t)}};let O=!0;const T=()=>{const e=()=>{f.value=-1,l.nextTick(()=>{f.value=E()})};O?e():V(e)(),O=!1};l.watch(()=>n.defaultActive,e=>{r.value[e]||(a.value=""),W(e)}),l.watch(()=>n.collapse,e=>{e&&(o.value=[])}),l.watch(r.value,N);let x;l.watchEffect(()=>{n.mode==="horizontal"&&n.ellipsis?x=j.useResizeObserver(c,T).stop:x==null||x()});const w=e=>{h.value[e.index]=e},z=e=>{delete h.value[e.index]},$=e=>{r.value[e.index]=e},D=e=>{delete r.value[e.index]};return l.provide("rootMenu",l.reactive({props:m.props,openedMenus:o,items:r,subMenus:h,activeIndex:a,isMenuPopup:B,addMenuItem:$,removeMenuItem:D,addSubMenu:w,removeSubMenu:z,openMenu:p,closeMenu:y,handleMenuItemClick:A,handleSubMenuClick:R})),l.provide(`subMenu:${m.uid}`,{addSubMenu:w,removeSubMenu:z,mouseInChild:l.ref(!1),level:0}),l.onMounted(()=>{n.mode==="horizontal"&&new G.default(m.vnode.el,b.namespace.value)}),k({open:e=>{const{indexPath:t}=h.value[e];t.forEach(u=>p(u,t))},close:y,handleResize:T}),()=>{var v;let e=((v=C.default)==null?void 0:v.call(C))??[];const t=[];if(n.mode==="horizontal"&&c.value){const i=F.flattedChildren(e),M=f.value===-1?i:i.slice(0,f.value),d=f.value===-1?[]:i.slice(f.value);d!=null&&d.length&&n.ellipsis&&(e=M,t.push(l.h(J.default,{index:"sub-menu-more",class:S.e("hide-arrow")},{title:()=>l.h(Q.VftIcon,{icon:"ico-line-md:menu",class:S.e("icon-more")}),default:()=>d})))}const u=K.useMenuCssVar(m.props,0),s=l.h("ul",{key:String(n.collapse),role:"menubar",ref:c,style:u.value,class:{[b.b()]:!0,[b.m(n.mode)]:!0,[b.m("collapse")]:n.collapse}},[...e,...t]);return n.collapseTransition&&n.mode==="vertical"?l.h(H.default,()=>s):s}}});exports.default=X;