vft 0.0.482 → 0.0.485

package/es/components/carousel/use-carousel.js

@@ -11,7 +11,7 @@ import "../../hooks/use-model-toggle/index.js";
 import { useOrderedChildren as ge } from "../../hooks/use-ordered-children/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { carouselContextKey as Se, CAROUSEL_ITEM_NAME as H } from "./constants.js";
+import { CAROUSEL_ITEM_NAME as H, carouselContextKey as Se } from "./constants.js";
 const L = 300, ze = (t, O, M) => {
   const {
     children: o,

package/es/components/horizontal-menu/horizontal-menu.vue.d.ts

@@ -21,8 +21,16 @@ export interface HorizontalMenuProps {
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<HorizontalMenuProps>>, {
     isInSubMenu: import("vue").ComputedRef<any>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    open: () => void;
-    close: () => void;
+    close: (val: {
+        index: string;
+        indexPath: string[];
+        event?: Event;
+    }) => void;
+    open: (val: {
+        index: string;
+        indexPath: string[];
+        e?: Event;
+    }) => void;
     select: (val: {
         route: string;
         indexPath: string[];
@@ -33,8 +41,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         route: string;
         indexPath: string[];
     }) => any) | undefined;
-    onClose?: (() => any) | undefined;
-    onOpen?: (() => any) | undefined;
+    onClose?: ((val: {
+        index: string;
+        indexPath: string[];
+        event?: Event;
+    }) => any) | undefined;
+    onOpen?: ((val: {
+        index: string;
+        indexPath: string[];
+        e?: Event;
+    }) => any) | undefined;
     "onSub-menu-click"?: ((val: any) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,23 +1,23 @@
-import { defineComponent as I, computed as S, getCurrentInstance as Y, useSlots as q, ref as F, createVNode as c, mergeProps as w, createTextVNode as K, isVNode as Q } from "vue";
-import { useRouterHelper as X } from "@vft/router";
-import { isUrl as Z } from "@vft/utils";
-import { VftMenu as _, VftSubMenu as ee, VftMenuItem as te, VftMenuItemGroup as ne } from "../menu/index.js";
+import { defineComponent as V, computed as S, getCurrentInstance as Y, useSlots as q, ref as F, createVNode as c, mergeProps as w, isVNode as K } from "vue";
+import { useRouterHelper as Q } from "@vft/router";
+import { isUrl as X } from "@vft/utils";
+import { VftMenu as Z, VftSubMenu as _, VftMenuItem as ee, VftMenuItemGroup as te } from "../menu/index.js";
 import "@vueuse/core";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
 import "../form/index.js";
-import { useNamespace as le } from "../../hooks/use-namespace/index.js";
+import { useNamespace as ne } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { MenuTypeEnum as oe } from "./constants.js";
-function ue(t) {
-  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !Q(t);
+import { MenuTypeEnum as le } from "./constants.js";
+function oe(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !K(t);
 }
-const ae = I({
+const ue = V({
   name: "vft-horizontal-menu"
-}), xe = /* @__PURE__ */ I({
-  ...ae,
+}), Me = /* @__PURE__ */ V({
+  ...ue,
   props: {
     menus: {},
     attrMapping: {},
@@ -54,12 +54,12 @@ const ae = I({
       default: "400px"
     }
   },
-  emits: ["open", "close", "select", "sub-menu-click"],
+  emits: ["close", "open", "select", "sub-menu-click"],
   setup(t, {
-    expose: N,
-    emit: A
+    expose: A,
+    emit: L
   }) {
-    const p = A, b = le("horizontal-menu"), L = S(() => (e, o, a) => ({
+    const p = L, b = ne("horizontal-menu"), N = S(() => (e, o, a) => ({
       "grid-template-rows": `repeat(${Math.min(e?.[o]?.[l.value.children]?.length || 0, Number(a || t.maxRowLength ? a || t.maxRowLength : e?.[o]?.[l.value.children]?.length))}, auto)`
     })), l = S(() => ({
       path: "path",
@@ -71,7 +71,7 @@ const ae = I({
       ...t.attrMapping
     })), B = Y(), h = q(), O = F(), T = B.appContext.config.globalProperties.$router, v = (e, o, a) => {
       const i = e[l.value.path], r = e[l.value.title], n = e?.[l.value.index], M = e?.[l.value.icon], m = !!e?.[l.value.disabled], d = t.disabledJudgeTurnOver ? !m : m, g = n || i || o + r;
-      return c(te, w(e, {
+      return c(ee, w(e, {
         key: g,
         index: String(g),
         icon: M,
@@ -92,15 +92,15 @@ const ae = I({
       p("close", e);
     }, z = (e) => {
       p("sub-menu-click", e);
-    }, H = (e, o) => !t.enableScroll || !e ? e : o > t.scrollThreshold ? c(ne, {
+    }, H = (e, o) => !t.enableScroll || !e ? e : o > t.scrollThreshold ? c(te, {
       style: {
         maxHeight: t.scrollMaxHeight,
         overflowY: "auto"
       }
-    }, ue(e) ? e : {
+    }, oe(e) ? e : {
       default: () => [e]
     }) : e, k = (e, o, a) => {
-      const i = e[l.value.path], r = e[l.value.title], n = e?.[l.value.children], M = e?.[l.value.index], m = e?.[l.value.icon], d = e?.menuOrder, g = e?.maxRowLength, R = !!e?.[l.value.disabled], E = t.disabledJudgeTurnOver ? !R : R, V = M || i || o + r, x = e.type === oe.TILE;
+      const i = e[l.value.path], r = e[l.value.title], n = e?.[l.value.children], M = e?.[l.value.index], m = e?.[l.value.icon], d = e?.menuOrder, g = e?.maxRowLength, R = !!e?.[l.value.disabled], E = t.disabledJudgeTurnOver ? !R : R, I = M || i || o + r, x = e.type === le.TILE;
       let y = [];
       if (x)
         if (d) {
@@ -114,9 +114,9 @@ const ae = I({
         } else
           for (let u = 0; u < n.length; u++)
             y.push([u]);
-      return n?.length || e?.render ? c(ee, w(t.subMenuCfg, e, {
-        index: String(V),
-        key: V,
+      return n?.length || e?.render ? c(_, w(t.subMenuCfg, e, {
+        index: String(I),
+        key: I,
         icon: m,
         showArrow: e.showArrow ?? t.subMenuCfg.showArrow,
         disabled: t.openDisabled && E,
@@ -139,7 +139,7 @@ const ae = I({
             class: C?.length ? "title" : ""
           }, [n?.[s]?.[l.value.title]]), C?.length ? c("div", {
             class: "content",
-            style: L.value(n, s, G || g)
+            style: N.value(n, s, G || g)
           }, [C.map((U, W) => v(U, W, !0))]) : null]) : null;
         })])) : n.map((u, f) => u[l.value.children]?.length ? k(u, f, !0) : v(u, f, !0)), n?.length || 0)],
         title: () => r
@@ -149,9 +149,9 @@ const ae = I({
       if (t.useRouterJump) {
         const {
           go: o
-        } = X(T), a = e.route;
+        } = Q(T), a = e.route;
         let i = e.route;
-        e.indexPath.some((n) => Z(n)) && (i = e.indexPath.slice(-2).join("/"));
+        e.indexPath.some((n) => X(n)) && (i = e.indexPath.slice(-2).join("/"));
         const r = T.getRoutes().filter((n) => n.path === i)?.[0]?.meta?.linkTarget;
         o(r ? {
           url: a,
@@ -163,9 +163,9 @@ const ae = I({
       p("select", e);
     }
     const P = S(() => O.value?.inSubMenu);
-    return N({
+    return A({
       isInSubMenu: P
-    }), () => c(_, w(t.menuOptions, {
+    }), () => c(Z, w(t.menuOptions, {
       ref: O,
       onSelect: D,
       onOpen: J,
@@ -176,10 +176,10 @@ const ae = I({
       defaultActive: t.defaultActive,
       defaultOpeneds: t.defaultOpeneds
     }), {
-      default: () => [t.menus?.length ? t.menus.map((e, o) => k(e, o, !1)) : null, K("·")]
+      default: () => [t.menus?.length ? t.menus.map((e, o) => k(e, o, !1)) : null]
     });
   }
 });
 export {
-  xe as default
+  Me as default
 };

package/es/components/horizontal-menu/index.d.ts

@@ -44,8 +44,16 @@ export declare const VftHorizontalMenu: import("vft/es/utils").SFCWithInstall<im
 }>, {
     isInSubMenu: import("vue").ComputedRef<any>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    open: () => void;
-    close: () => void;
+    close: (val: {
+        index: string;
+        indexPath: string[];
+        event?: Event;
+    }) => void;
+    open: (val: {
+        index: string;
+        indexPath: string[];
+        e?: Event;
+    }) => void;
     select: (val: {
         route: string;
         indexPath: string[];
@@ -99,8 +107,16 @@ export declare const VftHorizontalMenu: import("vft/es/utils").SFCWithInstall<im
         route: string;
         indexPath: string[];
     }) => any) | undefined;
-    onClose?: (() => any) | undefined;
-    onOpen?: (() => any) | undefined;
+    onClose?: ((val: {
+        index: string;
+        indexPath: string[];
+        event?: Event;
+    }) => any) | undefined;
+    onOpen?: ((val: {
+        index: string;
+        indexPath: string[];
+        e?: Event;
+    }) => any) | undefined;
     "onSub-menu-click"?: ((val: any) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 export * from './constants';

package/es/components/input/input.vue2.js

@@ -13,8 +13,8 @@ import "../../hooks/use-z-index/index.js";
 import { UPDATE_MODEL_EVENT as Q } from "@vft/constants";
 import { useAttrs as Ze, useCursor as _e } from "@vft/use";
 import { calcTextareaHeight as he } from "./utils.js";
-import { useFormItem as et, useFormItemInputId as tt } from "../form/hooks/use-form-item.js";
-import { useFormSize as at, useFormDisabled as nt } from "../form/hooks/use-form-common-props.js";
+import { useFormSize as et, useFormDisabled as tt } from "../form/hooks/use-form-common-props.js";
+import { useFormItem as at, useFormItemInputId as nt } from "../form/hooks/use-form-item.js";
 const ot = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form"], st = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form"], It = /* @__PURE__ */ Oe({
   __name: "input",
   props: {
@@ -85,9 +85,9 @@ const ot = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
       n.is("focus", v.value)
     ]), d = Ze({
       excludeKeys: l(() => Object.keys(X.value))
-    }), { form: Ce, formItem: F } = et(), { inputId: Y } = tt(we.props, {
+    }), { form: Ce, formItem: F } = at(), { inputId: Y } = nt(we.props, {
       formItemContext: F
-    }), ke = at(), x = nt(), n = ye("input"), Z = ye("textarea"), M = H(), p = H(), v = S(!1), N = S(!1), C = S(!1), K = S(!1), _ = S(), O = H(e.inputStyle), k = l(() => M.value || p.value), T = l(() => G(e.prefixIcon, "icon", { size: 16 })), ee = l(() => G(e.suffixIcon, "icon", { size: 16 })), Ie = l(() => G(e.clearIcon, "icon", {
+    }), ke = et(), x = tt(), n = ye("input"), Z = ye("textarea"), M = H(), p = H(), v = S(!1), N = S(!1), C = S(!1), K = S(!1), _ = S(), O = H(e.inputStyle), k = l(() => M.value || p.value), T = l(() => G(e.prefixIcon, "icon", { size: 16 })), ee = l(() => G(e.suffixIcon, "icon", { size: 16 })), Ie = l(() => G(e.clearIcon, "icon", {
       icon: "icon-circle-close",
       size: 16
     })), te = l(() => Ce?.statusIcon ?? !1), I = l(() => F?.validateState || ""), ae = l(

package/es/components/input-tag/composables/use-input-tag.js

@@ -1,6 +1,6 @@
 import { shallowRef as B, ref as L, computed as c, watch as G } from "vue";
 import { EVENT_CODE as g } from "../../../constants/aria.js";
-import { CHANGE_EVENT as i, UPDATE_MODEL_EVENT as d, INPUT_EVENT as H } from "../../../constants/event.js";
+import { CHANGE_EVENT as i, INPUT_EVENT as H, UPDATE_MODEL_EVENT as d } from "../../../constants/event.js";
 import "@vueuse/core";
 import { isUndefined as K } from "@vft/utils";
 import { debugWarn as C } from "../../../utils/error.js";

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

@@ -27,7 +27,7 @@ export declare const VftMenu: import("vft/es/utils").SFCWithInstall<import("vue"
         type: import("vue").PropType<boolean>;
     };
     horizontalMenuProps: {
-        type: import("vue").PropType<Partial<import("./sub-menu.vue").SubMenuProps>>;
+        type: import("vue").PropType<Partial<import("./types").SubMenuProps>>;
     };
     persistent: {
         type: import("vue").PropType<boolean>;
@@ -35,6 +35,18 @@ export declare const VftMenu: import("vft/es/utils").SFCWithInstall<import("vue"
     disableSubMenuAction: {
         type: import("vue").PropType<boolean>;
     };
+    backgroundColor: {
+        type: import("vue").PropType<string>;
+    };
+    textColor: {
+        type: import("vue").PropType<string>;
+    };
+    activeTextColor: {
+        type: import("vue").PropType<string>;
+    };
+    collapseType: {
+        type: import("vue").PropType<"menu-title">;
+    };
 }>, {
     open: (index: string) => void;
     close: (index: string, indexPath: string[], e?: Event) => void;
@@ -55,7 +67,7 @@ export declare const VftMenu: import("vft/es/utils").SFCWithInstall<import("vue"
     open: (val: {
         index: string;
         indexPath: string[];
-        event?: Event;
+        e?: Event;
     }) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     mode: {
@@ -86,7 +98,7 @@ export declare const VftMenu: import("vft/es/utils").SFCWithInstall<import("vue"
         type: import("vue").PropType<boolean>;
     };
     horizontalMenuProps: {
-        type: import("vue").PropType<Partial<import("./sub-menu.vue").SubMenuProps>>;
+        type: import("vue").PropType<Partial<import("./types").SubMenuProps>>;
     };
     persistent: {
         type: import("vue").PropType<boolean>;
@@ -94,6 +106,18 @@ export declare const VftMenu: import("vft/es/utils").SFCWithInstall<import("vue"
     disableSubMenuAction: {
         type: import("vue").PropType<boolean>;
     };
+    backgroundColor: {
+        type: import("vue").PropType<string>;
+    };
+    textColor: {
+        type: import("vue").PropType<string>;
+    };
+    activeTextColor: {
+        type: import("vue").PropType<string>;
+    };
+    collapseType: {
+        type: import("vue").PropType<"menu-title">;
+    };
 }>> & Readonly<{
     onSelect?: ((menuItem: import("./types").MenuItemClicked, routerResult?: Promise<void | import("vue-router").NavigationFailure> | undefined) => any) | undefined;
     onClose?: ((val: {
@@ -104,7 +128,7 @@ export declare const VftMenu: import("vft/es/utils").SFCWithInstall<import("vue"
     onOpen?: ((val: {
         index: string;
         indexPath: string[];
-        event?: Event;
+        e?: Event;
     }) => any) | undefined;
     "onUpdate:collapse"?: ((val: boolean) => any) | undefined;
     "onSub-menu-click"?: ((val: any) => any) | undefined;
@@ -368,9 +392,6 @@ export declare const VftMenu: import("vft/es/utils").SFCWithInstall<import("vue"
         onMouseleave?: ((event: MouseEvent) => any) | undefined;
     }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 };
-export { type MenuProps } from './menu.vue';
-export { type MenuItemProps } from './menu-item.vue';
-export { type SubMenuProps } from './sub-menu.vue';
 export * from './types';
 export declare const VftMenuItem: import("vft/es/utils").SFCWithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{

package/es/components/menu/menu-item-group.vue.d.ts

@@ -1,11 +1,9 @@
-interface Props {
-    title?: string;
-}
+import type { MenuItemGroupProps } from './types';
 declare function __VLS_template(): {
     title?(_: {}): any;
     default?(_: {}): any;
 };
-declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MenuItemGroupProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MenuItemGroupProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/es/components/menu/menu-item.vue.d.ts

@@ -1,20 +1,4 @@
-import type { IconProps } from 'vft/es/components/icon';
-import type { RouteLocationRaw } from 'vue-router';
-export interface MenuItemProps {
-    /** 唯一标志 */
-    index?: string;
-    /** Vue Router 路径对象 */
-    route?: RouteLocationRaw;
-    /** 是否禁用 */
-    disabled?: boolean;
-    icon?: IconProps | string;
-    title?: string | number;
-    isAloneUse?: boolean;
-    divider?: boolean;
-    className?: string;
-    reverse?: boolean;
-    [key: string]: any;
-}
+import type { MenuItemProps } from './types';
 declare function __VLS_template(): {
     title?(_: {}): any;
     default?(_: {}): any;

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

@@ -1,30 +1,5 @@
 import type { NavigationFailure } from 'vue-router';
-import type { SubMenuProps } from './sub-menu.vue';
-import type { MenuItemClicked } from './types';
-export interface MenuProps {
-    /** 菜单展示模式 */
-    mode?: 'horizontal' | 'vertical';
-    /** 页面加载时默认激活菜单的 index（menu-item 的index） */
-    defaultActive?: string;
-    /** 默认打开的 sub-menu 的 index 的数组 */
-    defaultOpeneds?: string[];
-    /** 是否只保持一个子菜单的展开 */
-    uniqueOpened?: boolean;
-    /** 是否启用 vue-router 模式。 启用该模式会在激活导航时以 index 作为 path 进行路由跳转 使用 default-active 来设置加载时的激活项 */
-    router?: boolean;
-    /** 子菜单打开的触发方式，只在 mode 为 horizontal 时有效 */
-    menuTrigger?: 'hover' | 'click';
-    /** 是否水平折叠收起菜单（仅在 mode 为 vertical 时可用) */
-    collapse?: boolean;
-    /** 是否开启折叠动画 */
-    collapseTransition?: boolean;
-    /** 是否省略多余的子项（仅在横向模式生效） */
-    ellipsis?: boolean;
-    horizontalMenuProps?: Partial<SubMenuProps>;
-    persistent?: boolean;
-    /** 禁用子菜单的展开收缩行为 */
-    disableSubMenuAction?: boolean;
-}
+import type { MenuItemClicked, MenuProps } from './types';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MenuProps>>, {
     open: (index: string) => void;
     close: (index: string, indexPath: string[], e?: Event) => void;
@@ -45,7 +20,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     open: (val: {
         index: string;
         indexPath: string[];
-        event?: Event;
+        e?: Event;
     }) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MenuProps>>> & Readonly<{
     onSelect?: ((menuItem: MenuItemClicked, routerResult?: Promise<void | NavigationFailure> | undefined) => any) | undefined;
@@ -57,7 +32,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onOpen?: ((val: {
         index: string;
         indexPath: string[];
-        event?: Event;
+        e?: Event;
     }) => any) | undefined;
     "onUpdate:collapse"?: ((val: boolean) => any) | undefined;
     "onSub-menu-click"?: ((val: any) => any) | undefined;