vft 0.0.249 → 0.0.252

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

@@ -20,7 +20,7 @@ export declare const VftProgress: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<number>;
         };
         strokeLinecap: {
-            type: import("vue").PropType<"round" | "butt" | "square">;
+            type: import("vue").PropType<"square" | "round" | "butt">;
         };
         textInside: {
             type: import("vue").PropType<boolean>;
@@ -70,7 +70,7 @@ export declare const VftProgress: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<number>;
         };
         strokeLinecap: {
-            type: import("vue").PropType<"round" | "butt" | "square">;
+            type: import("vue").PropType<"square" | "round" | "butt">;
         };
         textInside: {
             type: import("vue").PropType<boolean>;
@@ -117,7 +117,7 @@ export declare const VftProgress: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<number>;
     };
     strokeLinecap: {
-        type: import("vue").PropType<"round" | "butt" | "square">;
+        type: import("vue").PropType<"square" | "round" | "butt">;
     };
     textInside: {
         type: import("vue").PropType<boolean>;

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

@@ -1,4 +1,4 @@
-import { type IconProps } from 'vft/es/components';
+import { type IconProps } from 'vft/es/components/icon';
 interface Props {
     title?: string | number;
     subTitle?: string | number;

package/es/components/result/result.vue2.js

@@ -1,92 +1,6 @@
-import { defineComponent as n, getCurrentInstance as u, useSlots as a, computed as d, h as t } from "vue";
+import { defineComponent as c, getCurrentInstance as m, useSlots as p, computed as d, h as t } from "vue";
 import { singleAttrToObj as f, renderTNode as v } from "@vft/utils";
-import "../alert/index.js";
-import "../avatar/index.js";
-import "../backtop/index.js";
-import "../button/index.js";
-import "../card/index.js";
-import "../check-tag/index.js";
-import "../checkbox/index.js";
-import "../clamp/index.js";
-import "../clamp-toggle/index.js";
-import "../clamp-tooltip/index.js";
-import "../col/index.js";
-import "../collapse-transition/index.js";
-import "../color-picker/index.js";
-import "../config-provider/index.js";
-import "../container/index.js";
-import "../context-menu/context-menu.vue2.js";
-import "../date-picker/index.js";
-import "../date-time-select/index.js";
-import "../descriptions/index.js";
-import "../dialog/index.js";
-import "../divider/index.js";
-import "../drawer/index.js";
-import "../dropdown/index.js";
-import "../empty/index.js";
-import "../exception/index.js";
-import "../footer-layout/index.js";
-import "../form/index.js";
-import "../full-screen/index.js";
-import "../header-layout/index.js";
-import "../horizontal-menu/index.js";
 import { VftIcon as _ } from "../icon/index.js";
-import "../icon-text/index.js";
-import "../iframe-layout/index.js";
-import "../image/index.js";
-import "../image-viewer/index.js";
-import "../input/index.js";
-import "../input-number/index.js";
-import "../link/index.js";
-import "../list-cell/index.js";
-import "../logo/index.js";
-import "../menu/index.js";
-import "../multiple-tabs/index.js";
-import "../overlay/index.js";
-import "../page-wrapper/index.js";
-import "../pagination/index.js";
-import "../popconfirm/index.js";
-import "../popover/index.js";
-import "../popper/index.js";
-import "../qrcode/index.js";
-import "../radio/index.js";
-import "./index.js";
-import "../router-view-content/index.js";
-import "../row/index.js";
-import "../scrollbar/index.js";
-import "../search/index.js";
-import "../select/index.js";
-import "../side-menu/index.js";
-import "../skeleton/index.js";
-import "../slider/index.js";
-import "../space/index.js";
-import "../switch/index.js";
-import "../table/index.js";
-import "../tabs/index.js";
-import "../tag/index.js";
-import "../time-picker/index.js";
-import "../tooltip/index.js";
-import "../tree/index.js";
-import "../verify-code/index.js";
-import "../virtual-list/components/dynamic-size-grid.js";
-import "../virtual-list/components/dynamic-size-list.js";
-import "../virtual-list/components/fixed-size-grid.js";
-import "../virtual-list/components/fixed-size-list.js";
-import "../virtual-list/props.js";
-import "../steps/index.js";
-import "../autocomplete/index.js";
-import "../modal/index.js";
-import "../progress/index.js";
-import "../super-form/index.js";
-import "../upload/index.js";
-import "../carousel/index.js";
-import "../timeline/index.js";
-import "../md-code-demo/index.js";
-import "../md-code-tabs/index.js";
-import "../md-comment/index.js";
-import "../md-container/index.js";
-import "../md-tabs/index.js";
-import "../md-vue-playground/index.js";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
 import "lodash-es";
@@ -94,47 +8,44 @@ import { useNamespace as b } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import "../message/index.js";
-import "../infinite-scroll/index.js";
-import "../progress-i/index.js";
-const x = n({
+const x = c({
   name: "vft-result"
-}), lo = /* @__PURE__ */ n({
+}), V = /* @__PURE__ */ c({
   ...x,
   props: {
     title: {},
     subTitle: {},
     icon: {}
   },
-  setup(s) {
-    const o = b("result"), c = u(), r = a(), i = d(() => f(s.icon, "icon")), l = i.value?.icon ? t(
+  setup(l) {
+    const e = b("result"), u = m(), o = p(), n = d(() => f(l.icon, "icon")), a = n.value?.icon ? t(
       "div",
       {
-        class: o.e("icon")
+        class: e.e("icon")
       },
-      [t(_, { ...i.value })]
-    ) : r.default?.(), m = (p) => {
-      const e = v(c, p);
-      return e ? t(
+      [t(_, { ...n.value })]
+    ) : o.default?.(), s = (r) => {
+      const i = v(u, r);
+      return i ? t(
         "div",
         {
-          class: o.e(p)
+          class: e.e(r)
         },
-        [t("p", {}, { default: () => e })]
+        [t("p", {}, { default: () => i })]
       ) : null;
     };
     return () => t(
       "div",
-      { class: o.b() },
+      { class: e.b() },
       {
         default: () => [
-          l,
-          m("title"),
-          m("sub-title"),
-          r.extra ? t(
+          a,
+          s("title"),
+          s("sub-title"),
+          o.extra ? t(
             "div",
-            { class: o.e("extra") },
-            { default: () => r.extra?.() }
+            { class: e.e("extra") },
+            { default: () => o.extra?.() }
           ) : null
         ]
       }
@@ -142,5 +53,5 @@ const x = n({
   }
 });
 export {
-  lo as default
+  V as default
 };

package/es/components/roving-focus-group/index.js

@@ -1,23 +1,23 @@
 import t from "./roving-focus-group.vue.js";
 import { default as I } from "./roving-focus-group-impl.vue.js";
 import { default as C } from "./roving-focus-item.vue.js";
-import { ROVING_FOCUS_COLLECTION_INJECTION_KEY as _, ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY as l, VftCollection as N, VftCollectionItem as c, VftCollection as s, VftCollectionItem as u } from "./types.js";
-import { ROVING_FOCUS_GROUP_INJECTION_KEY as i, ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY as m } from "./tokens.js";
-import { focusFirst as E, getFocusIntent as p, reorderArray as F } from "./utils.js";
+import { ROVING_FOCUS_COLLECTION_INJECTION_KEY as _, ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY as l, VftCollection as s, VftCollectionItem as u, VftCollection as c, VftCollectionItem as N } from "./types.js";
+import { ROVING_FOCUS_GROUP_INJECTION_KEY as n, ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY as V } from "./tokens.js";
+import { focusFirst as p, getFocusIntent as E, reorderArray as F } from "./utils.js";
 export {
   _ as ROVING_FOCUS_COLLECTION_INJECTION_KEY,
-  i as ROVING_FOCUS_GROUP_INJECTION_KEY,
-  m as ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY,
+  n as ROVING_FOCUS_GROUP_INJECTION_KEY,
+  V as ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY,
   l as ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY,
-  N as VftCollection,
-  c as VftCollectionItem,
-  s as VftFocusGroupCollection,
-  u as VftRovingFocusCollectionItem,
+  s as VftCollection,
+  u as VftCollectionItem,
+  c as VftFocusGroupCollection,
+  N as VftRovingFocusCollectionItem,
   t as VftRovingFocusGroup,
   I as VftRovingFocusGroupImpl,
   C as VftRovingFocusItem,
   t as default,
-  E as focusFirst,
-  p as getFocusIntent,
+  p as focusFirst,
+  E as getFocusIntent,
   F as reorderArray
 };

package/es/components/roving-focus-group/roving-focus-group.vue.js

@@ -1,13 +1,13 @@
 import c from "./roving-focus-group.vue2.js";
-import { resolveComponent as r, createBlock as p, openBlock as s, withCtx as e, createVNode as u, normalizeProps as l, guardReactiveProps as _, renderSlot as f } from "vue";
-import i from "../../_virtual/_plugin-vue_export-helper.js";
-function a(o, m, d, g, $, v) {
+import { resolveComponent as r, createBlock as p, openBlock as s, withCtx as e, createVNode as u, normalizeProps as l, guardReactiveProps as _, renderSlot as i } from "vue";
+import a from "../../_virtual/_plugin-vue_export-helper.js";
+function f(o, m, d, g, $, v) {
   const t = r("roving-focus-group-impl"), n = r("focus-group-collection");
   return s(), p(n, null, {
     default: e(() => [
       u(t, l(_(o.$attrs)), {
         default: e(() => [
-          f(o.$slots, "default")
+          i(o.$slots, "default")
         ]),
         _: 3
       }, 16)
@@ -15,7 +15,7 @@ function a(o, m, d, g, $, v) {
     _: 3
   });
 }
-const B = /* @__PURE__ */ i(c, [["render", a]]);
+const B = /* @__PURE__ */ a(c, [["render", f]]);
 export {
   B as default
 };

package/es/components/roving-focus-group/roving-focus-item.vue2.js

@@ -6,14 +6,13 @@ import "../../utils/ns-cover.js";
 import "lodash-es";
 import { defineComponent as w, inject as l, ref as R, unref as n, nextTick as g, computed as d, provide as h } from "vue";
 import { useId as k } from "../../hooks/use-id/index.js";
-import "../config-provider/hooks/use-global-config.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import { ROVING_FOCUS_GROUP_INJECTION_KEY as x, ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY as G } from "./tokens.js";
 import { VftCollectionItem as K, ROVING_FOCUS_COLLECTION_INJECTION_KEY as U } from "./types.js";
 import { getFocusIntent as V, reorderArray as J, focusFirst as L } from "./utils.js";
-const ee = w({
+const $ = w({
   components: {
     RovingFocusCollectionItem: K
   },
@@ -98,5 +97,5 @@ const ee = w({
   }
 });
 export {
-  ee as default
+  $ as default
 };

package/es/components/scrollbar/index.js

@@ -5,18 +5,17 @@ import { withInstall as r } from "../../utils/vue/install.js";
 import "lodash-es";
 import "vue";
 import o from "./scrollbar.vue2.js";
-import { scrollbarContextKey as _ } from "./constants.js";
-import "../config-provider/hooks/use-global-config.js";
+import { scrollbarContextKey as A } from "./constants.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { BAR_MAP as h, GAP as u, renderThumbStyle as y } from "./util.js";
-const x = r(o);
+import { BAR_MAP as d, GAP as h, renderThumbStyle as u } from "./util.js";
+const c = r(o);
 export {
-  h as BAR_MAP,
-  u as GAP,
-  x as VftScrollbar,
-  x as default,
-  y as renderThumbStyle,
-  _ as scrollbarContextKey
+  d as BAR_MAP,
+  h as GAP,
+  c as VftScrollbar,
+  c as default,
+  u as renderThumbStyle,
+  A as scrollbarContextKey
 };

package/es/components/select/defaults.d.ts

@@ -1,8 +1,11 @@
 import type { Options, Placement } from 'vft/es/components/popper';
-import type { ComponentSize } from 'vft/es/constants';
-import type { Component, PropType } from 'vue';
-import type { OptionType } from './select.types';
-export declare const SelectProps: {
+import { type Props } from './useProps';
+import { type ComponentSize } from 'vft/es/constants';
+import type { Component, EmitFn, PropType } from 'vue';
+import type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue';
+import SelectV2 from './select.vue';
+import type { Option, OptionType } from './select.types';
+export declare const selectV2Props: {
     allowCreate: BooleanConstructor;
     autocomplete: {
         type: PropType<"none" | "both" | "list" | "inline">;
@@ -46,7 +49,9 @@ export declare const SelectProps: {
     loading: BooleanConstructor;
     loadingText: StringConstructor;
     label: StringConstructor;
-    modelValue: PropType<any[] | string | number | boolean | Record<string, any> | any>;
+    modelValue: {
+        type: PropType<any>;
+    };
     multiple: BooleanConstructor;
     multipleLimit: {
         type: NumberConstructor;
@@ -67,7 +72,10 @@ export declare const SelectProps: {
     placeholder: {
         type: StringConstructor;
     };
-    teleported: StringConstructor;
+    teleported: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     persistent: {
         type: BooleanConstructor;
         default: boolean;
@@ -84,6 +92,10 @@ export declare const SelectProps: {
     size: {
         type: PropType<ComponentSize>;
     };
+    props: {
+        type: PropType<Props>;
+        default: () => Required<Props>;
+    };
     valueKey: {
         type: StringConstructor;
         default: string;
@@ -96,19 +108,91 @@ export declare const SelectProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    tagType: {
+        type: StringConstructor;
+        values: string[];
+        default: string;
+    };
+    tagEffect: {
+        type: StringConstructor;
+        values: string[];
+        default: string;
+    };
     placement: {
         type: PropType<Placement>;
         values: Placement[];
         default: string;
     };
+    offset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    ariaLabel: StringConstructor;
+    showArrow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fallbackPlacements: {
+        type: PropType<Placement[]>;
+        default: string[];
+    };
+    appendTo: {
+        type: StringConstructor;
+    };
+    /**
+     * @description empty values supported by the component
+     */
+    emptyValues: ArrayConstructor;
+    /**
+     * @description return value when cleared, if you want to set `undefined`, use `() => undefined`
+     */
+    valueOnClear: {
+        type: (StringConstructor | NumberConstructor | FunctionConstructor | BooleanConstructor)[];
+        default: undefined;
+        validator: (val: any) => boolean;
+    };
+    fitInputWidth: {
+        type: (NumberConstructor | BooleanConstructor)[];
+        default: boolean;
+        validator(val: any): val is number | boolean;
+    };
 };
-export declare const OptionProps: {
-    data: ArrayConstructor;
-    disabled: BooleanConstructor;
-    hovering: BooleanConstructor;
-    item: ObjectConstructor;
-    index: NumberConstructor;
-    style: ObjectConstructor;
-    selected: BooleanConstructor;
-    created: BooleanConstructor;
+export declare const optionV2Props: {
+    readonly data: ArrayConstructor;
+    readonly disabled: BooleanConstructor;
+    readonly hovering: BooleanConstructor;
+    readonly item: {
+        readonly type: PropType<Option>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly index: NumberConstructor;
+    readonly style: ObjectConstructor;
+    readonly selected: BooleanConstructor;
+    readonly created: BooleanConstructor;
+};
+export declare const selectV2Emits: {
+    "update:modelValue": (val: SelectV2Props["modelValue"]) => boolean;
+    change: (val: SelectV2Props["modelValue"]) => boolean;
+    'remove-tag': (val: unknown) => boolean;
+    'visible-change': (visible: boolean) => boolean;
+    focus: (evt: FocusEvent) => boolean;
+    blur: (evt: FocusEvent) => boolean;
+    clear: () => boolean;
+};
+export declare const optionV2Emits: {
+    hover: (index?: number) => index is number;
+    select: (val: Option, index?: number) => boolean;
 };
+export type SelectV2Props = ExtractPropTypes<typeof selectV2Props>;
+export type SelectV2PropsPublic = __ExtractPublicPropTypes<typeof selectV2Props>;
+export type OptionV2Props = ExtractPropTypes<typeof optionV2Props>;
+export type OptionV2PropsPublic = __ExtractPublicPropTypes<typeof optionV2Props>;
+export type SelectV2EmitFn = EmitFn<typeof selectV2Emits>;
+export type OptionV2EmitFn = EmitFn<typeof optionV2Emits>;
+export type SelectV2Instance = InstanceType<typeof SelectV2> & unknown;

package/es/components/select/defaults.js

@@ -1,10 +1,13 @@
-import { placements as e } from "@popperjs/core";
+import { placements as a } from "@popperjs/core";
+import { defaultProps as r } from "./useProps.js";
+import { CHANGE_EVENT as l, UPDATE_MODEL_EVENT as n } from "../../constants/event.js";
 import "@vueuse/core";
-import "@vft/utils";
+import { isNumber as o, isBoolean as i, isFunction as p } from "@vft/utils";
 import "../../utils/ns-cover.js";
-import { definePropType as t } from "../../utils/vue/props/runtime.js";
+import { buildProps as u, definePropType as t } from "../../utils/vue/props/runtime.js";
 import "vue";
-const p = {
+import "./select.vue2.js";
+const S = {
   allowCreate: Boolean,
   autocomplete: {
     type: String,
@@ -49,7 +52,10 @@ const p = {
   loading: Boolean,
   loadingText: String,
   label: String,
-  modelValue: [Array, String, Number, Boolean, Object],
+  modelValue: {
+    // eslint-disable-next-line prettier/prettier
+    type: t([Array, String, Number, Boolean, Object])
+  },
   multiple: Boolean,
   multipleLimit: {
     type: Number,
@@ -64,13 +70,16 @@ const p = {
     default: !0
   },
   options: {
-    type: Array,
+    type: t(Array),
     required: !0
   },
   placeholder: {
     type: String
   },
-  teleported: String,
+  teleported: {
+    type: Boolean,
+    default: !0
+  },
   persistent: {
     type: Boolean,
     default: !0
@@ -87,6 +96,10 @@ const p = {
   size: {
     type: String
   },
+  props: {
+    type: t(Object),
+    default: () => r
+  },
   valueKey: {
     type: String,
     default: "value"
@@ -99,22 +112,87 @@ const p = {
     type: Boolean,
     default: !0
   },
+  tabindex: {
+    type: [String, Number],
+    default: 0
+  },
+  tagType: {
+    type: String,
+    values: ["primary", "success", "info", "warning", "danger"],
+    default: "info"
+  },
+  tagEffect: {
+    type: String,
+    values: ["dark", "light", "plain"],
+    default: "light"
+  },
   placement: {
     type: t(String),
-    values: e,
+    values: a,
     default: "bottom-start"
+  },
+  offset: {
+    type: Number,
+    default: 12
+  },
+  ariaLabel: String,
+  showArrow: {
+    type: Boolean,
+    default: !0
+  },
+  fallbackPlacements: {
+    type: t(Array),
+    default: ["bottom-start", "top-start", "right", "left"]
+  },
+  appendTo: {
+    type: String
+  },
+  /**
+   * @description empty values supported by the component
+   */
+  emptyValues: Array,
+  /**
+   * @description return value when cleared, if you want to set `undefined`, use `() => undefined`
+   */
+  valueOnClear: {
+    type: [String, Number, Boolean, Function],
+    default: void 0,
+    validator: (e) => p(e) ? !e() : !e
+  },
+  fitInputWidth: {
+    type: [Boolean, Number],
+    default: !0,
+    validator(e) {
+      return i(e) || o(e);
+    }
   }
-}, d = {
+}, h = u({
   data: Array,
   disabled: Boolean,
   hovering: Boolean,
-  item: Object,
+  item: {
+    type: t(Object),
+    required: !0
+  },
   index: Number,
   style: Object,
   selected: Boolean,
   created: Boolean
+}), N = {
+  [n]: (e) => !0,
+  [l]: (e) => !0,
+  "remove-tag": (e) => !0,
+  "visible-change": (e) => !0,
+  focus: (e) => e instanceof FocusEvent,
+  blur: (e) => e instanceof FocusEvent,
+  clear: () => !0
+}, E = {
+  hover: (e) => o(e),
+  select: (e, d) => !0
 };
 export {
-  d as OptionProps,
-  p as SelectProps
+  E as optionV2Emits,
+  h as optionV2Props,
+  N as selectV2Emits,
+  S as selectV2Props
 };

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

@@ -1,13 +1,16 @@
+import type { CSSProperties, PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     item: {
         type: ObjectConstructor;
         required: true;
     };
-    style: ObjectConstructor;
+    style: {
+        type: PropType<CSSProperties>;
+    };
     height: NumberConstructor;
 }>, {
     ns: {
-        namespace: import("vue").Ref<string, string>;
+        namespace: import("vue").ComputedRef<string>;
         b: (blockSuffix?: string) => string;
         e: (element?: string) => string;
         m: (modifier?: string) => string;
@@ -19,9 +22,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             (name: string, state: boolean | undefined): string;
             (name: string): string;
         };
-        cssVar: (object: Record<string, string | undefined>) => Record<string, string>;
+        cssVar: (object: Record<string, string>) => Record<string, string>;
         cssVarName: (name: string) => string;
-        cssVarBlock: (object: Record<string, string | undefined>) => Record<string, string>;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
         cssVarBlockName: (name: string) => string;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -29,7 +32,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: ObjectConstructor;
         required: true;
     };
-    style: ObjectConstructor;
+    style: {
+        type: PropType<CSSProperties>;
+    };
     height: NumberConstructor;
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;