vft 0.0.48 → 0.0.51

package/es/components/scrollbar/util.js

@@ -0,0 +1,34 @@
+const i = 4, o = {
+  vertical: {
+    offset: "offsetHeight",
+    scroll: "scrollTop",
+    scrollSize: "scrollHeight",
+    size: "height",
+    key: "vertical",
+    axis: "Y",
+    client: "clientY",
+    direction: "top"
+  },
+  horizontal: {
+    offset: "offsetWidth",
+    scroll: "scrollLeft",
+    scrollSize: "scrollWidth",
+    size: "width",
+    key: "horizontal",
+    axis: "X",
+    client: "clientX",
+    direction: "left"
+  }
+}, s = ({
+  move: e,
+  size: l,
+  bar: t
+}) => ({
+  [t.size]: l,
+  transform: `translate${t.axis}(${e}%)`
+});
+export {
+  o as BAR_MAP,
+  i as GAP,
+  s as renderThumbStyle
+};

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

@@ -24,11 +24,11 @@ export declare const VftSearch: import("vft/es/utils").SFCWithInstall<import("vu
         required: false;
     };
     width: {
-        type: import("vue").PropType<Numberish | undefined>;
+        type: import("vue").PropType<string | number | undefined>;
         required: false;
     };
     focusWidth: {
-        type: import("vue").PropType<Numberish | undefined>;
+        type: import("vue").PropType<string | number | undefined>;
         required: false;
     };
     hasPopover: {
@@ -43,7 +43,7 @@ export declare const VftSearch: import("vft/es/utils").SFCWithInstall<import("vu
         type: import("vue").PropType<boolean>;
         required: true;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "update:modelValue" | "update:visible" | "focus" | "enter")[], "clear" | "update:modelValue" | "update:visible" | "focus" | "enter", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "clear" | "focus" | "update:visible" | "enter")[], "update:modelValue" | "clear" | "focus" | "update:visible" | "enter", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: import("vue").PropType<string | number | undefined>;
         required: false;
@@ -69,11 +69,11 @@ export declare const VftSearch: import("vft/es/utils").SFCWithInstall<import("vu
         required: false;
     };
     width: {
-        type: import("vue").PropType<Numberish | undefined>;
+        type: import("vue").PropType<string | number | undefined>;
         required: false;
     };
     focusWidth: {
-        type: import("vue").PropType<Numberish | undefined>;
+        type: import("vue").PropType<string | number | undefined>;
         required: false;
     };
     hasPopover: {
@@ -89,10 +89,10 @@ export declare const VftSearch: import("vft/es/utils").SFCWithInstall<import("vu
         required: true;
     };
 }>> & {
-    onClear?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     onEnter?: ((...args: any[]) => any) | undefined;
+    "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
 }, {}>> & Record<string, any>;
 export default VftSearch;

package/es/components/search/index.js

@@ -1,11 +1,12 @@
 import { withInstall as t } from "../../utils/vue/install.js";
 import "vue";
 import "@vft/utils";
-import "../../utils/ns-cover.js";
 import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
 import o from "./search.vue2.js";
-const s = t(o);
+const c = t(o);
 export {
-  s as VftSearch,
-  s as default
+  c as VftSearch,
+  c as default
 };

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

@@ -26,11 +26,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     width: {
-        type: __PropType<Numberish | undefined>;
+        type: __PropType<string | number | undefined>;
         required: false;
     };
     focusWidth: {
-        type: __PropType<Numberish | undefined>;
+        type: __PropType<string | number | undefined>;
         required: false;
     };
     hasPopover: {
@@ -45,7 +45,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<boolean>;
         required: true;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "update:modelValue" | "update:visible" | "focus" | "enter")[], "clear" | "update:modelValue" | "update:visible" | "focus" | "enter", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "clear" | "focus" | "update:visible" | "enter")[], "update:modelValue" | "clear" | "focus" | "update:visible" | "enter", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: __PropType<string | number | undefined>;
         required: false;
@@ -71,11 +71,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     width: {
-        type: __PropType<Numberish | undefined>;
+        type: __PropType<string | number | undefined>;
         required: false;
     };
     focusWidth: {
-        type: __PropType<Numberish | undefined>;
+        type: __PropType<string | number | undefined>;
         required: false;
     };
     hasPopover: {
@@ -91,10 +91,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: true;
     };
 }>> & {
-    onClear?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     onEnter?: ((...args: any[]) => any) | undefined;
+    "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
 }, {}>;
 export default _sfc_main;

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

@@ -1,4 +1,4 @@
-import { defineComponent as C, ref as a, computed as v, watch as N, resolveDirective as I, openBlock as m, createElementBlock as h, Fragment as E, withDirectives as F, normalizeClass as y, unref as r, createVNode as P, mergeProps as b, createSlots as x, withCtx as l, renderSlot as p, createBlock as A, createElementVNode as T, createCommentVNode as z } from "vue";
+import { defineComponent as C, ref as s, computed as v, watch as N, resolveDirective as I, openBlock as a, createElementBlock as h, Fragment as E, withDirectives as F, normalizeClass as y, unref as r, createVNode as P, mergeProps as b, createSlots as x, withCtx as p, renderSlot as l, createBlock as A, createElementVNode as T, createCommentVNode as z } from "vue";
 import { useRouterHelper as D } from "@vft/router";
 import { generateCssVars as H, addUnit as k } from "@vft/utils";
 import "../divider/index.js";
@@ -40,6 +40,22 @@ import "../page-wrapper/index.js";
 import "../exception/index.js";
 import "./index.js";
 import "../form/index.js";
+import "../button/index.js";
+import "../checkbox/index.js";
+import "../radio/index.js";
+import "../switch/index.js";
+import "../color-picker/index.js";
+import "../scrollbar/index.js";
+import "../dropdown/index.js";
+import "../virtual-list/components/fixed-size-list.js";
+import "../virtual-list/components/dynamic-size-list.js";
+import "../virtual-list/components/fixed-size-grid.js";
+import "../virtual-list/components/dynamic-size-grid.js";
+import "../virtual-list/props.js";
+import "../select-v2/index.js";
+import "../verify-code/index.js";
+import "../table/index.js";
+import "../image-viewer/index.js";
 import "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -53,12 +69,14 @@ import "lodash";
 import "../../hooks/use-z-index/index.js";
 import { useTimeoutFn as M } from "@vueuse/core";
 import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
 const u = (
   /* hoist-static*/
   W("search")
 ), U = C({
   name: u.b()
-}), qe = /* @__PURE__ */ C({
+}), so = /* @__PURE__ */ C({
   ...U,
   props: {
     modelValue: { default: "" },
@@ -75,7 +93,7 @@ const u = (
   },
   emits: ["update:modelValue", "update:visible", "focus", "enter", "clear"],
   setup(o, { emit: i }) {
-    const f = a(), c = a(), n = a(), g = () => {
+    const f = s(), c = s(), m = s(), g = () => {
       console.log(o.modelValue);
     };
     D();
@@ -103,27 +121,27 @@ const u = (
     }), $ = (e) => {
       i("update:modelValue", e);
     }, d = u.e("content"), R = (e) => {
-      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));
+      var t, n;
+      Array.from(e.target.classList).includes(d) || ((n = (t = r(f).popperRef) == null ? void 0 : t.delayHide) == null || n.call(t), i("update:visible", !1));
     }, B = () => {
       i("update:visible", !1), M(() => {
         var e;
-        return (e = n.value) == null ? void 0 : e.blur();
+        return (e = m.value) == null ? void 0 : e.blur();
       }, 100), i("clear");
     };
     return N(() => o.visible, (e) => {
-      e ? n.value.focus() : n.value.blur();
+      e ? m.value.focus() : m.value.blur();
     }), (e, t) => {
-      const s = I("click-outside");
-      return m(), h(E, null, [
-        F((m(), h("div", {
+      const n = I("click-outside");
+      return a(), h(E, null, [
+        F((a(), h("div", {
           ref_key: "searchRef",
           ref: c,
           class: y([r(u).b()])
         }, [
           P(r(O), b({
             ref_key: "inputRef",
-            ref: n
+            ref: m
           }, e.$props, {
             inputStyle: r(V),
             onInput: $,
@@ -133,37 +151,37 @@ const u = (
           }), x({ _: 2 }, [
             e.$slots.prefix ? {
               name: "prefix",
-              fn: l(() => [
-                p(e.$slots, "prefix")
+              fn: p(() => [
+                l(e.$slots, "prefix")
               ]),
               key: "0"
             } : void 0,
             e.$slots.suffix ? {
               name: "suffix",
-              fn: l(() => [
-                p(e.$slots, "suffix")
+              fn: p(() => [
+                l(e.$slots, "suffix")
               ]),
               key: "1"
             } : void 0,
             e.$slots.prepend ? {
               name: "prepend",
-              fn: l(() => [
-                p(e.$slots, "prepend")
+              fn: p(() => [
+                l(e.$slots, "prepend")
               ]),
               key: "2"
             } : void 0,
             e.$slots.append ? {
               name: "append",
-              fn: l(() => [
-                p(e.$slots, "append")
+              fn: p(() => [
+                l(e.$slots, "append")
               ]),
               key: "3"
             } : void 0
           ]), 1040, ["inputStyle"])
         ], 2)), [
-          [s, R]
+          [n, R]
         ]),
-        o.hasPopover ? (m(), A(r(L), b({
+        o.hasPopover ? (a(), A(r(L), b({
           key: 0,
           ref_key: "popoverRef",
           ref: f
@@ -172,11 +190,11 @@ const u = (
           visible: o.visible,
           "virtual-triggering": ""
         }), {
-          default: l(() => [
+          default: p(() => [
             T("div", {
               class: y(r(d))
             }, [
-              p(e.$slots, "default")
+              l(e.$slots, "default")
             ], 2)
           ]),
           _: 3
@@ -186,5 +204,5 @@ const u = (
   }
 });
 export {
-  qe as default
+  so as default
 };

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

@@ -0,0 +1,113 @@
+import type { Component, PropType } from 'vue';
+import type { OptionType } from './select.types';
+import type { Options, Placement } from 'vft/es/components/popper';
+export declare const SelectProps: {
+    allowCreate: BooleanConstructor;
+    autocomplete: {
+        type: PropType<"none" | "both" | "list" | "inline">;
+        default: string;
+    };
+    automaticDropdown: BooleanConstructor;
+    clearable: BooleanConstructor;
+    clearIcon: {
+        type: PropType<string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
+    };
+    effect: {
+        type: PropType<string>;
+        default: string;
+    };
+    collapseTags: BooleanConstructor;
+    collapseTagsTooltip: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxCollapseTags: {
+        type: NumberConstructor;
+        default: number;
+    };
+    defaultFirstOption: BooleanConstructor;
+    disabled: BooleanConstructor;
+    estimatedOptionHeight: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    filterable: BooleanConstructor;
+    filterMethod: FunctionConstructor;
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    itemHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    id: StringConstructor;
+    loading: BooleanConstructor;
+    loadingText: StringConstructor;
+    label: StringConstructor;
+    modelValue: PropType<any>;
+    multiple: BooleanConstructor;
+    multipleLimit: {
+        type: NumberConstructor;
+        default: number;
+    };
+    name: StringConstructor;
+    noDataText: StringConstructor;
+    noMatchText: StringConstructor;
+    remoteMethod: FunctionConstructor;
+    reserveKeyword: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    options: {
+        type: PropType<OptionType<any>[]>;
+        required: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+    };
+    teleported: StringConstructor;
+    persistent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    popperClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    popperOptions: {
+        type: PropType<Partial<Options>>;
+        default: () => Partial<Options>;
+    };
+    remote: BooleanConstructor;
+    size: {
+        type: PropType<"" | "default" | "small" | "large">;
+    };
+    valueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    scrollbarAlwaysOn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placement: {
+        type: PropType<Placement>;
+        values: Placement[];
+        default: string;
+    };
+};
+export declare const OptionProps: {
+    data: ArrayConstructor;
+    disabled: BooleanConstructor;
+    hovering: BooleanConstructor;
+    item: ObjectConstructor;
+    index: NumberConstructor;
+    style: ObjectConstructor;
+    selected: BooleanConstructor;
+    created: BooleanConstructor;
+};

package/es/components/select-v2/defaults.js

@@ -0,0 +1,121 @@
+import { placements as e } from "@popperjs/core";
+import "@vft/utils";
+import "vue";
+import { definePropType as t } from "../../utils/vue/props/runtime.js";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import "lodash";
+const d = {
+  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
+    // 5 items by default
+  },
+  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(String),
+    values: e,
+    default: "bottom-start"
+  }
+}, u = {
+  data: Array,
+  disabled: Boolean,
+  hovering: Boolean,
+  item: Object,
+  index: Number,
+  style: Object,
+  selected: Boolean,
+  created: Boolean
+};
+export {
+  u as OptionProps,
+  d as SelectProps
+};

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

@@ -0,0 +1,35 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    item: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    style: ObjectConstructor;
+    height: NumberConstructor;
+}, {
+    ns: {
+        namespace: import("vue").Ref<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: {
+            (name: string, state: boolean | undefined): string;
+            (name: string): string;
+        };
+        cssVar: (object: Record<string, string | undefined>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string | undefined>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
+    };
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    item: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    style: ObjectConstructor;
+    height: NumberConstructor;
+}>>, {}>;
+export default _sfc_main;

package/es/components/select-v2/group-item.vue.js

@@ -0,0 +1,23 @@
+import r from "./group-item.vue2.js";
+import { openBlock as l, createElementBlock as o, normalizeClass as s, normalizeStyle as t, toDisplayString as i, createElementVNode as p } from "vue";
+import n from "../../_virtual/_plugin-vue_export-helper.js";
+function a(e, m, u, y, d, f) {
+  return e.item.isTitle ? (l(), o("div", {
+    key: 0,
+    class: s(e.ns.be("group", "title")),
+    style: t([e.style, { lineHeight: `${e.height}px` }])
+  }, i(e.item.label), 7)) : (l(), o("div", {
+    key: 1,
+    class: s(e.ns.be("group", "split")),
+    style: t(e.style)
+  }, [
+    p("span", {
+      class: s(e.ns.be("group", "split-dash")),
+      style: t({ top: `${e.height / 2}px` })
+    }, null, 6)
+  ], 6));
+}
+const $ = /* @__PURE__ */ n(r, [["render", a]]);
+export {
+  $ as default
+};

package/es/components/select-v2/group-item.vue2.js

@@ -0,0 +1,28 @@
+import { defineComponent as t } from "vue";
+import { useNamespace as e } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import "@vft/utils";
+import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
+const b = t({
+  props: {
+    item: {
+      type: Object,
+      required: !0
+    },
+    style: Object,
+    height: Number
+  },
+  setup() {
+    return {
+      ns: e("select")
+    };
+  }
+});
+export {
+  b as default
+};