vft 0.0.48 → 0.0.51

package/es/components/descriptions/description.vue2.js

@@ -1,12 +1,14 @@
-import { defineComponent as N, useSlots as E, getCurrentInstance as w, provide as z, computed as V, openBlock as p, createElementBlock as d, normalizeClass as n, unref as i, createElementVNode as u, renderSlot as v, createTextVNode as k, toDisplayString as C, createCommentVNode as D, Fragment as I, renderList as K, createBlock as F } from "vue";
+import { defineComponent as N, useSlots as E, getCurrentInstance as w, provide as z, computed as V, openBlock as p, createElementBlock as d, normalizeClass as n, unref as a, createElementVNode as u, renderSlot as v, createTextVNode as k, toDisplayString as C, createCommentVNode as D, Fragment as I, renderList as K, createBlock as F } from "vue";
 import "@vft/utils";
 import { flattedChildren as L } from "../../utils/vue/vnode.js";
-import "../../utils/ns-cover.js";
 import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
 import { useNamespace as R } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import "@vueuse/core";
+import "@vue/reactivity";
+import "@vue/shared";
 import T from "./descriptions-row.vue2.js";
 import { descriptionsKey as j } from "./token.js";
 const o = (
@@ -14,7 +16,7 @@ const o = (
   R("descriptions")
 ), q = N({
   name: o.b()
-}), Y = /* @__PURE__ */ N({
+}), _ = /* @__PURE__ */ N({
   ...q,
   props: {
     border: { type: Boolean, default: !1 },
@@ -27,42 +29,42 @@ const o = (
   setup(s) {
     const f = E(), S = w();
     z(j, S.props);
-    const $ = V(() => [o.b(), o.m("small")]), h = (t, a, e, l = !1) => (t.props || (t.props = {}), a > e && (t.props.span = e), l && (t.props.span = a), t), x = () => {
+    const $ = V(() => [o.b(), o.m("small")]), h = (t, i, e, r = !1) => (t.props || (t.props = {}), i > e && (t.props.span = e), r && (t.props.span = i), t), x = () => {
       var y;
       const t = L((y = f.default) == null ? void 0 : y.call(f)).filter(
-        (r) => {
+        (l) => {
           var c;
-          return ((c = r == null ? void 0 : r.type) == null ? void 0 : c.name) === "ElDescriptionsItem";
+          return ((c = l == null ? void 0 : l.type) == null ? void 0 : c.name) === "ElDescriptionsItem";
         }
-      ), a = [];
-      let e = [], l = s.column, b = 0;
-      return t.forEach((r, c) => {
+      ), i = [];
+      let e = [], r = s.column, b = 0;
+      return t.forEach((l, c) => {
         var g;
-        const m = ((g = r == null ? void 0 : r.props) == null ? void 0 : g.span) || 1;
-        if (c < t.length - 1 && (b += m > l ? l : m), c === t.length - 1) {
+        const m = ((g = l == null ? void 0 : l.props) == null ? void 0 : g.span) || 1;
+        if (c < t.length - 1 && (b += m > r ? r : m), c === t.length - 1) {
           const B = s.column - b % s.column;
-          e.push(h(r, B, l, !0)), a.push(e);
+          e.push(h(l, B, r, !0)), i.push(e);
           return;
         }
-        m < l ? (l -= m, e.push(r)) : (e.push(h(r, m, l)), a.push(e), l = s.column, e = []);
-      }), a;
+        m < r ? (r -= m, e.push(l)) : (e.push(h(l, m, r)), i.push(e), r = s.column, e = []);
+      }), i;
     };
-    return (t, a) => (p(), d("div", {
-      class: n(i($))
+    return (t, i) => (p(), d("div", {
+      class: n(a($))
     }, [
       s.title || s.extra || t.$slots.title || t.$slots.extra ? (p(), d("div", {
         key: 0,
-        class: n(i(o).e("header"))
+        class: n(a(o).e("header"))
       }, [
         u("div", {
-          class: n(i(o).e("title"))
+          class: n(a(o).e("title"))
         }, [
           v(t.$slots, "title", {}, () => [
             k(C(s.title), 1)
           ])
         ], 2),
         u("div", {
-          class: n(i(o).e("extra"))
+          class: n(a(o).e("extra"))
         }, [
           v(t.$slots, "extra", {}, () => [
             k(C(s.extra), 1)
@@ -70,14 +72,14 @@ const o = (
         ], 2)
       ], 2)) : D("", !0),
       u("div", {
-        class: n(i(o).e("body"))
+        class: n(a(o).e("body"))
       }, [
         u("table", {
-          class: n([i(o).e("table"), i(o).is("bordered", s.border)])
+          class: n([a(o).e("table"), a(o).is("bordered", s.border)])
         }, [
           u("tbody", null, [
-            (p(!0), d(I, null, K(x(), (e, l) => (p(), F(T, {
-              key: l,
+            (p(!0), d(I, null, K(x(), (e, r) => (p(), F(T, {
+              key: r,
               row: e
             }, null, 8, ["row"]))), 128))
           ])
@@ -87,5 +89,5 @@ const o = (
   }
 });
 export {
-  Y as default
+  _ as default
 };

package/es/components/descriptions/descriptions-cell.js

@@ -7,8 +7,10 @@ import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import { getNormalizedProps as j } from "../../utils/vue/vnode.js";
 import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
 import { descriptionsKey as D } from "./token.js";
-const q = S({
+const E = S({
   name: "VftDescriptionsCell",
   props: {
     cell: {
@@ -27,10 +29,10 @@ const q = S({
     };
   },
   render() {
-    var h, n, g, f, c, u;
+    var h, n, g, f, o, u;
     const e = j(
       this.cell
-    ), { border: p, direction: N } = this.descriptions, l = N === "vertical", o = ((g = (n = (h = this.cell) == null ? void 0 : h.children) == null ? void 0 : n.label) == null ? void 0 : g.call(n)) || e.label, d = (u = (c = (f = this.cell) == null ? void 0 : f.children) == null ? void 0 : c.default) == null ? void 0 : u.call(c), i = e.span, a = e.align ? `is-${e.align}` : "", C = e.labelAlign ? `is-${e.labelAlign}` : a, m = e.className, b = e.labelClassName, r = {
+    ), { border: p, direction: N } = this.descriptions, l = N === "vertical", c = ((g = (n = (h = this.cell) == null ? void 0 : h.children) == null ? void 0 : n.label) == null ? void 0 : g.call(n)) || e.label, m = (u = (o = (f = this.cell) == null ? void 0 : f.children) == null ? void 0 : o.default) == null ? void 0 : u.call(o), i = e.span, a = e.align ? `is-${e.align}` : "", C = e.labelAlign ? `is-${e.labelAlign}` : a, d = e.className, b = e.labelClassName, r = {
       width: y(e.width),
       minWidth: y(e.minWidth)
     }, t = w("descriptions");
@@ -50,7 +52,7 @@ const q = S({
             ],
             colSpan: l ? i : 1
           },
-          o
+          c
         );
       case "content":
         return s(
@@ -63,11 +65,11 @@ const q = S({
               t.is("bordered-content", p),
               t.is("vertical-content", l),
               a,
-              m
+              d
             ],
             colSpan: l ? i : i * 2 - 1
           },
-          d
+          m
         );
       default:
         return s(
@@ -78,19 +80,19 @@ const q = S({
             colSpan: i
           },
           [
-            A(o) ? void 0 : s(
+            A(c) ? void 0 : s(
               "span",
               {
                 class: [t.e("label"), b]
               },
-              o
+              c
             ),
             s(
               "span",
               {
-                class: [t.e("content"), m]
+                class: [t.e("content"), d]
               },
-              d
+              m
             )
           ]
         );
@@ -98,5 +100,5 @@ const q = S({
   }
 });
 export {
-  q as default
+  E as default
 };

package/es/components/descriptions/descriptions-row.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as d, inject as y, unref as r, openBlock as t, createElementBlock as n, Fragment as o, createElementVNode as m, renderList as u, createBlock as a, createVNode as s } from "vue";
+import { defineComponent as d, inject as y, unref as r, openBlock as t, createElementBlock as o, Fragment as n, createElementVNode as a, renderList as p, createBlock as u, createVNode as s } from "vue";
 import { useNamespace as f } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
@@ -6,6 +6,8 @@ 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 c from "./descriptions-cell.js";
 import { descriptionsKey as k } from "./token.js";
 const g = { key: 1 }, _ = (
@@ -13,35 +15,35 @@ const g = { key: 1 }, _ = (
   f("descriptions-row")
 ), b = d({
   name: _.b()
-}), F = /* @__PURE__ */ d({
+}), L = /* @__PURE__ */ d({
   ...b,
   props: {
     row: { default: [] }
   },
   setup(i) {
-    const p = y(k, {});
-    return (w, h) => r(p).direction === "vertical" ? (t(), n(o, { key: 0 }, [
-      m("tr", null, [
-        (t(!0), n(o, null, u(i.row, (e, l) => (t(), a(r(c), {
+    const m = y(k, {});
+    return (w, h) => r(m).direction === "vertical" ? (t(), o(n, { key: 0 }, [
+      a("tr", null, [
+        (t(!0), o(n, null, p(i.row, (e, l) => (t(), u(r(c), {
           key: `tr1-${l}`,
           cell: e,
           tag: "th",
           type: "label"
         }, null, 8, ["cell"]))), 128))
       ]),
-      m("tr", null, [
-        (t(!0), n(o, null, u(i.row, (e, l) => (t(), a(r(c), {
+      a("tr", null, [
+        (t(!0), o(n, null, p(i.row, (e, l) => (t(), u(r(c), {
           key: `tr2-${l}`,
           cell: e,
           tag: "td",
           type: "content"
         }, null, 8, ["cell"]))), 128))
       ])
-    ], 64)) : (t(), n("tr", g, [
-      (t(!0), n(o, null, u(i.row, (e, l) => (t(), n(o, {
+    ], 64)) : (t(), o("tr", g, [
+      (t(!0), o(n, null, p(i.row, (e, l) => (t(), o(n, {
         key: `tr3-${l}`
       }, [
-        r(p).border ? (t(), n(o, { key: 0 }, [
+        r(m).border ? (t(), o(n, { key: 0 }, [
           s(r(c), {
             cell: e,
             tag: "td",
@@ -52,7 +54,7 @@ const g = { key: 1 }, _ = (
             tag: "td",
             type: "content"
           }, null, 8, ["cell"])
-        ], 64)) : (t(), a(r(c), {
+        ], 64)) : (t(), u(r(c), {
           key: 1,
           cell: e,
           tag: "td",
@@ -63,5 +65,5 @@ const g = { key: 1 }, _ = (
   }
 });
 export {
-  F as default
+  L as default
 };

package/es/components/descriptions/index.js

@@ -1,15 +1,16 @@
 import { withInstall as o, withNoopInstall as i } 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 m from "./description.vue2.js";
 import t from "./description-item.vue2.js";
-const a = o(m, {
+const l = o(m, {
   DescriptionsItem: t
-}), l = i(t);
+}), I = i(t);
 export {
-  a as VftDescriptions,
-  l as VftDescriptionsItem,
-  a as default
+  l as VftDescriptions,
+  I as VftDescriptionsItem,
+  l as default
 };

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

@@ -0,0 +1,11 @@
+import type { CSSProperties, ComputedRef, InjectionKey, Ref } from 'vue';
+import type { UseNamespaceReturn } from 'vft/es/hooks';
+export type DialogContext = {
+    dialogRef: Ref<HTMLElement | undefined>;
+    headerRef: Ref<HTMLElement | undefined>;
+    bodyId: Ref<string>;
+    ns: UseNamespaceReturn;
+    rendered: Ref<boolean>;
+    style: ComputedRef<CSSProperties>;
+};
+export declare const dialogInjectionKey: InjectionKey<DialogContext>;

package/es/components/dialog/constants.js

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

package/es/components/dialog/dialog-content.vue.d.ts

@@ -0,0 +1,81 @@
+import type { PropType as __PropType } from 'vue';
+export interface DialogContentProps {
+    center?: boolean;
+    alignCenter?: boolean;
+    closeIcon?: string;
+    customClass?: string;
+    draggable?: boolean;
+    fullscreen?: boolean;
+    showClose?: boolean;
+    title?: string;
+}
+declare const _sfc_main: import("vue").DefineComponent<{
+    center: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    alignCenter: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    closeIcon: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    customClass: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    draggable: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    fullscreen: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    showClose: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    title: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    center: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    alignCenter: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    closeIcon: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    customClass: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    draggable: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    fullscreen: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    showClose: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    title: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+}>> & {
+    onClose?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export default _sfc_main;

package/es/components/dialog/dialog-content.vue.js

@@ -0,0 +1,4 @@
+import f from "./dialog-content.vue2.js";
+export {
+  f as default
+};

package/es/components/dialog/dialog-content.vue2.js

@@ -0,0 +1,92 @@
+import { defineComponent as g, inject as m, computed as B, openBlock as s, createElementBlock as r, unref as e, normalizeClass as l, normalizeStyle as I, createElementVNode as n, renderSlot as i, toDisplayString as R, createVNode as k, createCommentVNode as u } from "vue";
+import { VftIcon as N } from "../icon/index.js";
+import "../focus-trap/focus-trap.vue2.js";
+import { FOCUS_TRAP_INJECTION_KEY as $ } from "../focus-trap/tokens.js";
+import "../focus-trap/utils.js";
+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 { composeRefs as S } from "../../utils/vue/refs.js";
+import "../../utils/ns-cover.js";
+import { useDraggable as V } from "../../hooks/use-draggable/index.js";
+import "@vue/reactivity";
+import "@vue/shared";
+import { dialogInjectionKey as v } from "./constants.js";
+const z = ["id"], D = (
+  /* hoist-static*/
+  E("dialog-content")
+), T = g({
+  name: D.b()
+}), Z = /* @__PURE__ */ g({
+  ...T,
+  props: {
+    center: { type: Boolean, default: !1 },
+    alignCenter: { type: Boolean, default: !1 },
+    closeIcon: { default: "ico-ep:close" },
+    customClass: null,
+    draggable: { type: Boolean, default: !1 },
+    fullscreen: { type: Boolean, default: !1 },
+    showClose: { type: Boolean, default: !0 },
+    title: { default: "" }
+  },
+  emits: ["close"],
+  setup(t) {
+    const { dialogRef: c, headerRef: d, bodyId: p, ns: o, style: y } = m(v), { focusTrapRef: b } = m($), C = S(b, c), h = B(() => t.draggable);
+    return V(c, d, h), (a, f) => (s(), r("div", {
+      ref: e(C),
+      class: l([
+        e(o).b(),
+        e(o).is("fullscreen", t.fullscreen),
+        e(o).is("draggable", t.draggable),
+        e(o).is("align-center", t.alignCenter),
+        { [e(o).m("center")]: t.center },
+        t.customClass
+      ]),
+      style: I(e(y)),
+      tabindex: "-1"
+    }, [
+      n("header", {
+        ref_key: "headerRef",
+        ref: d,
+        class: l(e(o).e("header"))
+      }, [
+        i(a.$slots, "header", {}, () => [
+          n("span", {
+            role: "heading",
+            class: l(e(o).e("title"))
+          }, R(t.title), 3)
+        ]),
+        t.showClose ? (s(), r("button", {
+          key: 0,
+          class: l(e(o).e("headerbtn")),
+          type: "button",
+          onClick: f[0] || (f[0] = (j) => a.$emit("close"))
+        }, [
+          k(e(N), {
+            class: l(e(o).e("close")),
+            icon: t.closeIcon,
+            size: "20"
+          }, null, 8, ["class", "icon"])
+        ], 2)) : u("", !0)
+      ], 2),
+      n("div", {
+        id: e(p),
+        class: l(e(o).e("body"))
+      }, [
+        i(a.$slots, "default")
+      ], 10, z),
+      a.$slots.footer ? (s(), r("footer", {
+        key: 0,
+        class: l(e(o).e("footer"))
+      }, [
+        i(a.$slots, "footer")
+      ], 2)) : u("", !0)
+    ], 6));
+  }
+});
+export {
+  Z as default
+};

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

@@ -0,0 +1,164 @@
+import type { PropType as __PropType } from 'vue';
+import { type DialogContentProps } from './types';
+type DoneFn = (cancel?: boolean) => void;
+export interface DialogProps extends DialogContentProps {
+    appendToBody?: boolean;
+    beforeClose?: (done: DoneFn) => void;
+    destroyOnClose?: boolean;
+    closeOnClickModal?: boolean;
+    closeOnPressEscape?: boolean;
+    lockScroll?: boolean;
+    modal?: boolean;
+    openDelay?: number;
+    closeDelay?: number;
+    top?: string;
+    modelValue?: boolean;
+    modalClass?: string;
+    width?: string | number;
+    zIndex?: number;
+    trapFocus?: boolean;
+}
+declare const _sfc_main: import("vue").DefineComponent<{
+    appendToBody: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    beforeClose: {
+        type: __PropType<((done: DoneFn) => void) | undefined>;
+        required: false;
+    };
+    destroyOnClose: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    closeOnClickModal: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    closeOnPressEscape: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    lockScroll: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    modal: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    openDelay: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    closeDelay: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    top: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    modelValue: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    modalClass: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    width: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+    };
+    zIndex: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    trapFocus: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+}, {
+    /** @description whether the dialog is visible */
+    visible: import("vue").Ref<boolean>;
+    dialogContentRef: import("vue").Ref<any>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => boolean;
+    open: () => boolean;
+    opened: () => boolean;
+    close: () => boolean;
+    closed: () => boolean;
+    openAutoFocus: () => boolean;
+    closeAutoFocus: () => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    appendToBody: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    beforeClose: {
+        type: __PropType<((done: DoneFn) => void) | undefined>;
+        required: false;
+    };
+    destroyOnClose: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    closeOnClickModal: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    closeOnPressEscape: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    lockScroll: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    modal: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    openDelay: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    closeDelay: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    top: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    modelValue: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    modalClass: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    width: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+    };
+    zIndex: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    trapFocus: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+}>> & {
+    onClose?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onOpen?: (() => any) | undefined;
+    onOpened?: (() => any) | undefined;
+    onClosed?: (() => any) | undefined;
+    onOpenAutoFocus?: (() => any) | undefined;
+    onCloseAutoFocus?: (() => any) | undefined;
+}, {}>;
+export default _sfc_main;

package/es/components/dialog/dialog.vue.js

@@ -0,0 +1,4 @@
+import f from "./dialog.vue2.js";
+export {
+  f as default
+};