vft 0.0.249 → 0.0.252

package/lib/components/select/defaults.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@popperjs/core");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const t=require("../../utils/vue/props/runtime.cjs");require("vue");const o={allowCreate:Boolean,autocomplete:{type:String,default:"none"},automaticDropdown:Boolean,clearable:Boolean,clearIcon:{type:[String,Object]},effect:{type:String,default:"light"},collapseTags:Boolean,collapseTagsTooltip:{type:Boolean,default:!1},maxCollapseTags:{type:Number,default:1},defaultFirstOption:Boolean,disabled:Boolean,estimatedOptionHeight:{type:Number,default:void 0},filterable:Boolean,filterMethod:Function,height:{type:Number,default:170},itemHeight:{type:Number,default:34},id:String,loading:Boolean,loadingText:String,label:String,modelValue:[Array,String,Number,Boolean,Object],multiple:Boolean,multipleLimit:{type:Number,default:0},name:String,noDataText:String,noMatchText:String,remoteMethod:Function,reserveKeyword:{type:Boolean,default:!0},options:{type:Array,required:!0},placeholder:{type:String},teleported:String,persistent:{type:Boolean,default:!0},popperClass:{type:String,default:""},popperOptions:{type:Object,default:()=>({})},remote:Boolean,size:{type:String},valueKey:{type:String,default:"value"},scrollbarAlwaysOn:{type:Boolean,default:!1},validateEvent:{type:Boolean,default:!0},placement:{type:t.definePropType(String),values:e.placements,default:"bottom-start"}},l={data:Array,disabled:Boolean,hovering:Boolean,item:Object,index:Number,style:Object,selected:Boolean,created:Boolean};exports.OptionProps=l;exports.SelectProps=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@popperjs/core"),l=require("./useProps.cjs"),r=require("../../constants/event.cjs");require("@vueuse/core");const o=require("@vft/utils");require("../../utils/ns-cover.cjs");const t=require("../../utils/vue/props/runtime.cjs");require("vue");require("./select.vue2.cjs");const n={allowCreate:Boolean,autocomplete:{type:String,default:"none"},automaticDropdown:Boolean,clearable:Boolean,clearIcon:{type:[String,Object]},effect:{type:String,default:"light"},collapseTags:Boolean,collapseTagsTooltip:{type:Boolean,default:!1},maxCollapseTags:{type:Number,default:1},defaultFirstOption:Boolean,disabled:Boolean,estimatedOptionHeight:{type:Number,default:void 0},filterable:Boolean,filterMethod:Function,height:{type:Number,default:170},itemHeight:{type:Number,default:34},id:String,loading:Boolean,loadingText:String,label:String,modelValue:{type:t.definePropType([Array,String,Number,Boolean,Object])},multiple:Boolean,multipleLimit:{type:Number,default:0},name:String,noDataText:String,noMatchText:String,remoteMethod:Function,reserveKeyword:{type:Boolean,default:!0},options:{type:t.definePropType(Array),required:!0},placeholder:{type:String},teleported:{type:Boolean,default:!0},persistent:{type:Boolean,default:!0},popperClass:{type:String,default:""},popperOptions:{type:Object,default:()=>({})},remote:Boolean,size:{type:String},props:{type:t.definePropType(Object),default:()=>l.defaultProps},valueKey:{type:String,default:"value"},scrollbarAlwaysOn:{type:Boolean,default:!1},validateEvent:{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.definePropType(String),values:a.placements,default:"bottom-start"},offset:{type:Number,default:12},ariaLabel:String,showArrow:{type:Boolean,default:!0},fallbackPlacements:{type:t.definePropType(Array),default:["bottom-start","top-start","right","left"]},appendTo:{type:String},emptyValues:Array,valueOnClear:{type:[String,Number,Boolean,Function],default:void 0,validator:e=>o.isFunction(e)?!e():!e},fitInputWidth:{type:[Boolean,Number],default:!0,validator(e){return o.isBoolean(e)||o.isNumber(e)}}},i=t.buildProps({data:Array,disabled:Boolean,hovering:Boolean,item:{type:t.definePropType(Object),required:!0},index:Number,style:Object,selected:Boolean,created:Boolean}),u={[r.UPDATE_MODEL_EVENT]:e=>!0,[r.CHANGE_EVENT]:e=>!0,"remove-tag":e=>!0,"visible-change":e=>!0,focus:e=>e instanceof FocusEvent,blur:e=>e instanceof FocusEvent,clear:()=>!0},p={hover:e=>o.isNumber(e),select:(e,s)=>!0};exports.optionV2Emits=p;exports.optionV2Props=i;exports.selectV2Emits=u;exports.selectV2Props=n;

package/lib/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/lib/components/select/group-item.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./group-item.vue2.cjs"),e=require("vue"),s=require("../../_virtual/_plugin-vue_export-helper.cjs");function r(l,i,n,a,u,p){return l.item.isTitle?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(l.ns.be("group","title")),style:e.normalizeStyle([l.style,{lineHeight:`${l.height}px`}])},e.toDisplayString(l.item.label),7)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(l.ns.be("group","split")),style:e.normalizeStyle(l.style)},[e.createElementVNode("span",{class:e.normalizeClass(l.ns.be("group","split-dash")),style:e.normalizeStyle({top:`${l.height/2}px`})},null,6)],6))}const o=s.default(t.default,[["render",r]]);exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./group-item.vue2.cjs"),e=require("vue"),l=require("../../_virtual/_plugin-vue_export-helper.cjs");function o(t,i,n,s,a,p){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(t.ns.be("group","title")),style:e.normalizeStyle({...t.style,lineHeight:`${t.height}px`})},e.toDisplayString(t.item.label),7)}const u=l.default(r.default,[["render",o]]);exports.default=u;

package/lib/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;

package/lib/components/select/group-item.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");const e=require("vue"),r=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const t=e.defineComponent({props:{item:{type:Object,required:!0},style:Object,height:Number},setup(){return{ns:r.useNamespace("select")}}});exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");const r=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const t=e.defineComponent({props:{item:{type:Object,required:!0},style:{type:Object},height:Number},setup(){return{ns:r.useNamespace("select")}}});exports.default=t;

package/lib/components/select/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./select.vue.cjs"),c=require("./token.cjs");e.default.install=l=>{l.component(e.default.name,e.default)};const t=e.default,n=t;exports.selectInjectionKey=c.selectInjectionKey;exports.VftSelect=n;exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./select.vue.cjs"),c=require("./token.cjs");e.default.install=l=>{l.component(e.default.name,e.default)};const t=e.default,n=t;exports.selectV2InjectionKey=c.selectV2InjectionKey;exports.VftSelect=n;exports.default=t;