vft 0.0.48 → 0.0.51

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

@@ -0,0 +1,191 @@
+import { defineComponent as k, useSlots as w, getCurrentInstance as E, computed as s, ref as x, watch as M, provide as j, h as r } from "vue";
+import { useNamespace as L } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import { isNumber as t } from "@vft/utils";
+import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
+import W from "./components/jumper.vue2.js";
+import A from "./components/next.vue2.js";
+import N from "./components/pager.vue2.js";
+import O from "./components/prev.vue2.js";
+import R from "./components/sizes.vue2.js";
+import K from "./components/total.vue2.js";
+import { vftPaginationKey as V } from "./usePagination.js";
+const i = (
+  /* hoist-static*/
+  L("pagination")
+), q = k({
+  name: i.b()
+}), re = /* @__PURE__ */ k({
+  ...q,
+  props: {
+    total: null,
+    pageSize: null,
+    defaultPageSize: null,
+    currentPage: null,
+    defaultCurrentPage: null,
+    pageCount: null,
+    pagerCount: {
+      default: 7
+    },
+    layout: {
+      default: ["prev", "pager", "next", "jumper", "->", "total"]
+    },
+    pageSizes: {
+      default: [10, 20, 30, 40, 50, 100]
+    },
+    popperClass: {
+      default: ""
+    },
+    prevText: null,
+    prevIcon: null,
+    nextText: null,
+    nextIcon: null,
+    small: {
+      type: Boolean
+    },
+    background: {
+      type: Boolean
+    },
+    disabled: {
+      type: Boolean
+    },
+    hideOnSinglePage: {
+      type: Boolean
+    }
+  },
+  emits: {
+    "update:current-page": (e) => t(e),
+    "update:page-size": (e) => t(e),
+    "size-change": (e) => t(e),
+    "current-change": (e) => t(e),
+    "prev-click": (e) => t(e),
+    "next-click": (e) => t(e)
+  },
+  setup(e, {
+    emit: g
+  }) {
+    const c = w(), o = E().vnode.props || {}, h = "onUpdate:currentPage" in o || "onUpdate:current-page" in o || "onCurrentChange" in o, m = "onUpdate:pageSize" in o || "onUpdate:page-size" in o || "onSizeChange" in o, y = s(() => {
+      if (!t(e.total) && !t(e.pageCount) || t(e.currentPage) && !h)
+        return !1;
+      if (e.layout.includes("sizes")) {
+        if (t(e.pageCount)) {
+          if (!m)
+            return !1;
+        } else if (t(e.total) && t(e.pageSize) && !m)
+          return !1;
+      }
+      return !0;
+    }), p = x(t(e.defaultPageSize) ? e.defaultPageSize : 10), P = x(t(e.defaultCurrentPage) ? e.defaultCurrentPage : 1), v = s({
+      get() {
+        return t(e.pageSize) ? e.pageSize : p.value;
+      },
+      set(a) {
+        t(e.pageSize) || (p.value = a), m && (g("update:page-size", a), g("size-change", a));
+      }
+    }), u = s(() => {
+      let a = 0;
+      return t(e.pageCount) ? a = e.pageCount : t(e.total) && (a = Math.max(1, Math.ceil(e.total / v.value))), a;
+    }), l = s({
+      get() {
+        return t(e.currentPage) ? e.currentPage : P.value;
+      },
+      set(a) {
+        let n = a;
+        a < 1 ? n = 1 : a > u.value && (n = u.value), t(e.currentPage) || (P.value = n), h && (g("update:current-page", n), g("current-change", n));
+      }
+    });
+    M(u, (a) => {
+      l.value > a && (l.value = a);
+    });
+    function z(a) {
+      l.value = a;
+    }
+    function T(a) {
+      v.value = a;
+      const n = u.value;
+      l.value > n && (l.value = n);
+    }
+    function B() {
+      e.disabled || (l.value -= 1, g("prev-click", l.value));
+    }
+    function I() {
+      e.disabled || (l.value += 1, g("next-click", l.value));
+    }
+    function d(a, n) {
+      a && (a.props || (a.props = {}), a.class = [a.class, n].join(" "));
+    }
+    return j(V, {
+      pageCount: u,
+      disabled: s(() => e.disabled),
+      currentPage: l,
+      changeEvent: z,
+      handleSizeChange: T
+    }), () => {
+      var b;
+      if (!y.value || !e.layout || e.hideOnSinglePage && u.value <= 1)
+        return null;
+      const a = [], n = [], $ = r("div", {
+        class: i.e("rightwrapper")
+      }, n), S = {
+        prev: r(O, {
+          disabled: e.disabled,
+          currentPage: l.value,
+          prevText: e.prevText,
+          prevIcon: e.prevIcon,
+          onClick: B
+        }),
+        jumper: r(W, {
+          size: e.small ? "small" : "default"
+        }),
+        pager: r(N, {
+          currentPage: l.value,
+          pageCount: u.value,
+          pagerCount: e.pagerCount,
+          onChange: z,
+          disabled: e.disabled
+        }),
+        next: r(A, {
+          disabled: e.disabled,
+          currentPage: l.value,
+          pageCount: u.value,
+          nextText: e.nextText,
+          nextIcon: e.nextIcon,
+          onClick: I
+        }),
+        sizes: r(R, {
+          pageSize: v.value,
+          pageSizes: e.pageSizes,
+          popperClass: e.popperClass,
+          disabled: e.disabled,
+          size: e.small ? "small" : "default"
+        }),
+        slot: ((b = c == null ? void 0 : c.default) == null ? void 0 : b.call(c)) ?? null,
+        total: r(K, {
+          total: t(e.total) ? e.total : 0
+        })
+      }, U = e.layout.split(",").map((f) => f.trim());
+      let C = !1;
+      return U.forEach((f) => {
+        if (f === "->") {
+          C = !0;
+          return;
+        }
+        C ? n.push(S[f]) : a.push(S[f]);
+      }), d(a[0], i.is("first")), d(a[a.length - 1], i.is("last")), C && n.length > 0 && (d(n[0], i.is("first")), d(n[n.length - 1], i.is("last")), a.push($)), r("div", {
+        role: "pagination",
+        "aria-label": "pagination",
+        class: [i.b(), i.is("background", e.background), {
+          [i.m("small")]: e.small
+        }]
+      }, a);
+    };
+  }
+});
+export {
+  re as default
+};

package/es/components/pagination/usePagination.d.ts

@@ -1,10 +1,10 @@
 import type { ComputedRef, InjectionKey, WritableComputedRef } from 'vue';
-export interface ElPaginationContext {
+export interface VftPaginationContext {
     currentPage?: WritableComputedRef<number>;
     pageCount?: ComputedRef<number>;
     disabled?: ComputedRef<boolean>;
     changeEvent?: (val: number) => void;
     handleSizeChange?: (val: number) => void;
 }
-export declare const elPaginationKey: InjectionKey<ElPaginationContext>;
-export declare const usePagination: () => ElPaginationContext;
+export declare const vftPaginationKey: InjectionKey<VftPaginationContext>;
+export declare const usePagination: () => VftPaginationContext;

package/es/components/pagination/usePagination.js

@@ -1,6 +1,6 @@
-import { inject as n } from "vue";
-const o = Symbol("elPaginationKey"), t = () => n(o, {});
+import { inject as t } from "vue";
+const n = Symbol("vftPaginationKey"), i = () => t(n, {});
 export {
-  o as elPaginationKey,
-  t as usePagination
+  i as usePagination,
+  n as vftPaginationKey
 };

package/es/components/popover/index.js

@@ -1,11 +1,12 @@
 import { withInstall as o } 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 t from "./popover.vue2.js";
-const s = o(t);
+const e = o(t);
 export {
-  s as VftPopover,
-  s as default
+  e as VftPopover,
+  e as default
 };

package/es/components/popover/popover.vue2.js

@@ -6,13 +6,15 @@ import "lodash";
 import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
 import { VftTooltip as V } from "../tooltip/index.js";
 const r = (
   /* hoist-static*/
   N("popover")
 ), H = c({
   name: r.b()
-}), G = /* @__PURE__ */ c({
+}), J = /* @__PURE__ */ c({
   ...H,
   props: {
     trigger: { default: "hover" },
@@ -112,5 +114,5 @@ const r = (
   }
 });
 export {
-  G as default
+  J as default
 };

package/es/components/popper/arrow.vue2.js

@@ -6,11 +6,13 @@ import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
 import { POPPER_CONTENT_INJECTION_KEY as O } from "./constants.js";
 const v = t({
   name: "vft-popper-arrow",
   inheritAttrs: !1
-}), x = /* @__PURE__ */ t({
+}), I = /* @__PURE__ */ t({
   ...v,
   props: {
     arrowOffset: { default: 5 }
@@ -42,5 +44,5 @@ const v = t({
   }
 });
 export {
-  x as default
+  I as default
 };

package/es/components/popper/composables/use-content-dom.js

@@ -6,17 +6,19 @@ import { useZIndex as I } from "../../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../../utils/ns-cover.js";
-const g = (e, {
+import "@vue/reactivity";
+import "@vue/shared";
+const D = (e, {
   attributes: s,
   styles: p,
   role: a
 }) => {
-  const { nextZIndex: c } = I(), n = f("popper"), d = t(() => o(s).popper), r = l(e.zIndex || c()), i = t(() => [
+  const { nextZIndex: c } = I(), n = f("popper"), i = t(() => o(s).popper), r = l(e.zIndex || c()), m = t(() => [
     n.b(),
     n.is("pure", e.pure),
     n.is(e.effect),
     e.popperClass
-  ]), m = t(() => [
+  ]), d = t(() => [
     { zIndex: o(r) },
     e.popperStyle || {},
     o(p).popper
@@ -28,9 +30,9 @@ const g = (e, {
   return {
     ariaModal: u,
     arrowStyle: x,
-    contentAttrs: d,
-    contentClass: i,
-    contentStyle: m,
+    contentAttrs: i,
+    contentClass: m,
+    contentStyle: d,
     contentZIndex: r,
     updateZIndex: () => {
       r.value = e.zIndex || c();
@@ -38,5 +40,5 @@ const g = (e, {
   };
 };
 export {
-  g as usePopperContentDOM
+  D as usePopperContentDOM
 };

package/es/components/popper/composables/use-content.d.ts

@@ -46,13 +46,13 @@ export declare const usePopperContent: (props: PopperContentProps) => {
                 popperEscapeOffsets: import("@popperjs/core").SideObject;
             } | undefined;
             offset?: {
-                bottom?: import("@popperjs/core").Offsets | undefined;
-                left?: import("@popperjs/core").Offsets | undefined;
-                right?: import("@popperjs/core").Offsets | undefined;
-                top?: import("@popperjs/core").Offsets | undefined;
                 auto?: import("@popperjs/core").Offsets | undefined;
                 "auto-start"?: import("@popperjs/core").Offsets | undefined;
                 "auto-end"?: import("@popperjs/core").Offsets | undefined;
+                top?: import("@popperjs/core").Offsets | undefined;
+                bottom?: import("@popperjs/core").Offsets | undefined;
+                right?: import("@popperjs/core").Offsets | undefined;
+                left?: import("@popperjs/core").Offsets | undefined;
                 "top-start"?: import("@popperjs/core").Offsets | undefined;
                 "top-end"?: import("@popperjs/core").Offsets | undefined;
                 "bottom-start"?: import("@popperjs/core").Offsets | undefined;

package/es/components/popper/composables/use-content.js

@@ -6,9 +6,11 @@ import "../../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
 import { POPPER_INJECTION_KEY as C } from "../constants.js";
 import { buildPopperOptions as I, unwrapMeasurableEl as L } from "../utils.js";
-const T = 0, S = (r) => {
+const T = 0, Y = (r) => {
   const { popperInstanceRef: m, contentRef: i, triggerRef: d, role: u } = F(
     C,
     void 0
@@ -60,5 +62,5 @@ const T = 0, S = (r) => {
   };
 };
 export {
-  S as usePopperContent
+  Y as usePopperContent
 };

package/es/components/popper/content.vue.d.ts

@@ -115,7 +115,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
      * @description content style
      */
     contentStyle: import("vue").ComputedRef<StyleValue[]>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "close" | "blur" | "mouseleave" | "mouseenter")[], "focus" | "close" | "blur" | "mouseleave" | "mouseenter", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "focus" | "blur" | "mouseleave" | "mouseenter")[], "close" | "focus" | "blur" | "mouseleave" | "mouseenter", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     boundariesPadding: {
         type: __PropType<number | undefined>;
         required: false;
@@ -213,10 +213,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
 }>> & {
-    onFocus?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
-    onMouseleave?: ((...args: any[]) => any) | undefined;
     onMouseenter?: ((...args: any[]) => any) | undefined;
+    onMouseleave?: ((...args: any[]) => any) | undefined;
 }, {}>;
 export default _sfc_main;

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

@@ -4,12 +4,12 @@ import VftPopperContent from './content.vue';
 export { VftPopperArrow, VftPopperTrigger, VftPopperContent };
 export declare const VftPopper: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
     role: {
-        type: import("vue").PropType<"grid" | "listbox" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree" | undefined>;
+        type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
         required: false;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     role: {
-        type: import("vue").PropType<"grid" | "listbox" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree" | undefined>;
+        type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
         required: false;
     };
 }>>, {}>> & Record<string, any>;

package/es/components/popper/index.js

@@ -1,17 +1,18 @@
 import { withInstall as r } 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 t from "./popper.vue2.js";
-import { default as n } from "./arrow.vue2.js";
-import { default as u } from "./trigger.vue2.js";
-import { default as P } from "./content.vue2.js";
-const i = r(t);
+import { default as d } from "./arrow.vue2.js";
+import { default as x } from "./trigger.vue2.js";
+import { default as V } from "./content.vue2.js";
+const s = r(t);
 export {
-  i as VftPopper,
-  n as VftPopperArrow,
-  P as VftPopperContent,
-  u as VftPopperTrigger,
-  i as default
+  s as VftPopper,
+  d as VftPopperArrow,
+  V as VftPopperContent,
+  x as VftPopperTrigger,
+  s as default
 };

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

@@ -1,12 +1,12 @@
 import type { PropType as __PropType } from 'vue';
 declare const _sfc_main: import("vue").DefineComponent<{
     role: {
-        type: __PropType<"grid" | "listbox" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree" | undefined>;
+        type: __PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
         required: false;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     role: {
-        type: __PropType<"grid" | "listbox" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree" | undefined>;
+        type: __PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
         required: false;
     };
 }>>, {}>;

package/es/components/popper/trigger.vue2.js

@@ -8,11 +8,13 @@ import "../../hooks/use-z-index/index.js";
 import { useForwardRef as $ } from "../../hooks/use-forward-ref/index.js";
 import { isElement as b } from "@vft/utils";
 import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
 import { POPPER_INJECTION_KEY as N } from "./constants.js";
 const V = C({
   name: "VftPopperTrigger",
   inheritAttrs: !1
-}), G = /* @__PURE__ */ C({
+}), X = /* @__PURE__ */ C({
   ...V,
   props: {
     virtualRef: null,
@@ -114,5 +116,5 @@ const V = C({
   }
 });
 export {
-  G as default
+  X as default
 };

package/es/components/qrcode/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 "./qrcode.vue2.js";
-const s = t(o);
+const c = t(o);
 export {
-  s as VftQrcode,
-  s as default
+  c as VftQrcode,
+  c as default
 };

package/es/components/qrcode/qrcode.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as s, ref as d, onMounted as w, openBlock as i, createElementBlock as p, createBlock as g, resolveDynamicComponent as v, unref as c } from "vue";
+import { defineComponent as s, ref as d, onMounted as p, openBlock as l, createElementBlock as w, createBlock as g, resolveDynamicComponent as v, unref as c } from "vue";
 import { toDataURL as h } from "qrcode";
 import { useNamespace as C } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
@@ -7,13 +7,15 @@ import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import { downloadByUrl as y } from "@vft/utils";
 import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
 import { toCanvas as E } from "./toCanvas.js";
 const L = (
   /* hoist-static*/
   C("qrcode")
 ), k = s({
   name: L.b()
-}), q = /* @__PURE__ */ s({
+}), Q = /* @__PURE__ */ s({
   ...k,
   props: {
     value: null,
@@ -25,7 +27,7 @@ const L = (
   emits: ["done", "error"],
   setup(t, { expose: u, emit: a }) {
     const r = d(null);
-    async function l() {
+    async function i() {
       try {
         const o = String(t.value), e = c(r);
         if (!e)
@@ -61,14 +63,14 @@ const L = (
         fileName: o
       });
     }
-    w(l);
+    p(i);
     const m = getCurrentInstance();
     return watch(m.props, () => {
-      l();
+      i();
     }, { deep: !0 }), u({
       download: f
-    }), (o, e) => (i(), p("div", null, [
-      (i(), g(v(t.tag), {
+    }), (o, e) => (l(), w("div", null, [
+      (l(), g(v(t.tag), {
         ref_key: "wrapRef",
         ref: r
       }, null, 512))
@@ -76,5 +78,5 @@ const L = (
   }
 });
 export {
-  q as default
+  Q as default
 };

package/es/components/radio/constants.d.ts

@@ -0,0 +1,6 @@
+import type { InjectionKey } from 'vue';
+import type { RadioGroupProps } from './radio-group.vue';
+export interface RadioGroupContext extends RadioGroupProps {
+    changeEvent: (val: RadioGroupProps['modelValue']) => void;
+}
+export declare const radioGroupKey: InjectionKey<RadioGroupContext>;

package/es/components/radio/constants.js

@@ -0,0 +1,4 @@
+const o = Symbol("radioGroupKey");
+export {
+  o as radioGroupKey
+};