vft 0.0.50 → 0.0.53

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

@@ -0,0 +1,93 @@
+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 "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 "@vue/reactivity";
+import "@vue/shared";
+import T from "./descriptions-row.vue2.js";
+import { descriptionsKey as j } from "./token.js";
+const o = (
+  /* hoist-static*/
+  R("descriptions")
+), q = N({
+  name: o.b()
+}), _ = /* @__PURE__ */ N({
+  ...q,
+  props: {
+    border: { type: Boolean, default: !1 },
+    column: { default: 3 },
+    direction: { default: "horizontal" },
+    size: null,
+    title: null,
+    extra: null
+  },
+  setup(s) {
+    const f = E(), S = w();
+    z(j, S.props);
+    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(
+        (l) => {
+          var c;
+          return ((c = l == null ? void 0 : l.type) == null ? void 0 : c.name) === "ElDescriptionsItem";
+        }
+      ), i = [];
+      let e = [], r = s.column, b = 0;
+      return t.forEach((l, c) => {
+        var g;
+        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(l, B, r, !0)), i.push(e);
+          return;
+        }
+        m < r ? (r -= m, e.push(l)) : (e.push(h(l, m, r)), i.push(e), r = s.column, e = []);
+      }), 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(a(o).e("header"))
+      }, [
+        u("div", {
+          class: n(a(o).e("title"))
+        }, [
+          v(t.$slots, "title", {}, () => [
+            k(C(s.title), 1)
+          ])
+        ], 2),
+        u("div", {
+          class: n(a(o).e("extra"))
+        }, [
+          v(t.$slots, "extra", {}, () => [
+            k(C(s.extra), 1)
+          ])
+        ], 2)
+      ], 2)) : D("", !0),
+      u("div", {
+        class: n(a(o).e("body"))
+      }, [
+        u("table", {
+          class: n([a(o).e("table"), a(o).is("bordered", s.border)])
+        }, [
+          u("tbody", null, [
+            (p(!0), d(I, null, K(x(), (e, r) => (p(), F(T, {
+              key: r,
+              row: e
+            }, null, 8, ["row"]))), 128))
+          ])
+        ], 2)
+      ], 2)
+    ], 2));
+  }
+});
+export {
+  _ as default
+};

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

@@ -0,0 +1,104 @@
+import { defineComponent as S, inject as v, h as s } from "vue";
+import { addUnit as y } from "@vft/utils";
+import { useNamespace as w } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import { isNil as A } from "lodash";
+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 E = S({
+  name: "VftDescriptionsCell",
+  props: {
+    cell: {
+      type: Object
+    },
+    tag: {
+      type: String
+    },
+    type: {
+      type: String
+    }
+  },
+  setup() {
+    return {
+      descriptions: v(D, {})
+    };
+  },
+  render() {
+    var h, n, g, f, o, u;
+    const e = j(
+      this.cell
+    ), { 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");
+    switch (this.type) {
+      case "label":
+        return s(
+          this.tag,
+          {
+            style: r,
+            class: [
+              t.e("cell"),
+              t.e("label"),
+              t.is("bordered-label", p),
+              t.is("vertical-label", l),
+              C,
+              b
+            ],
+            colSpan: l ? i : 1
+          },
+          c
+        );
+      case "content":
+        return s(
+          this.tag,
+          {
+            style: r,
+            class: [
+              t.e("cell"),
+              t.e("content"),
+              t.is("bordered-content", p),
+              t.is("vertical-content", l),
+              a,
+              d
+            ],
+            colSpan: l ? i : i * 2 - 1
+          },
+          m
+        );
+      default:
+        return s(
+          "td",
+          {
+            style: r,
+            class: [t.e("cell"), a],
+            colSpan: i
+          },
+          [
+            A(c) ? void 0 : s(
+              "span",
+              {
+                class: [t.e("label"), b]
+              },
+              c
+            ),
+            s(
+              "span",
+              {
+                class: [t.e("content"), d]
+              },
+              m
+            )
+          ]
+        );
+    }
+  }
+});
+export {
+  E as default
+};

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

@@ -0,0 +1,69 @@
+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";
+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 }, _ = (
+  /* hoist-static*/
+  f("descriptions-row")
+), b = d({
+  name: _.b()
+}), L = /* @__PURE__ */ d({
+  ...b,
+  props: {
+    row: { default: [] }
+  },
+  setup(i) {
+    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))
+      ]),
+      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(), o("tr", g, [
+      (t(!0), o(n, null, p(i.row, (e, l) => (t(), o(n, {
+        key: `tr3-${l}`
+      }, [
+        r(m).border ? (t(), o(n, { key: 0 }, [
+          s(r(c), {
+            cell: e,
+            tag: "td",
+            type: "label"
+          }, null, 8, ["cell"]),
+          s(r(c), {
+            cell: e,
+            tag: "td",
+            type: "content"
+          }, null, 8, ["cell"])
+        ], 64)) : (t(), u(r(c), {
+          key: 1,
+          cell: e,
+          tag: "td",
+          type: "both"
+        }, null, 8, ["cell"]))
+      ], 64))), 128))
+    ]));
+  }
+});
+export {
+  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
+};