vft 0.0.50 → 0.0.51

package/es/components/form/form-label-wrap.js

@@ -0,0 +1,72 @@
+import { defineComponent as N, inject as h, ref as s, onMounted as A, onBeforeUnmount as E, onUpdated as y, watch as M, computed as F, createVNode as b, Fragment as B, nextTick as O } from "vue";
+import { useResizeObserver as P } from "@vueuse/core";
+import "@vft/utils";
+import { throwError as C } from "../../utils/error.js";
+import "lodash";
+import "../../utils/ns-cover.js";
+import { useNamespace as K } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import "@vue/reactivity";
+import "@vue/shared";
+import { formContextKey as R, formItemContextKey as T } from "./constants.js";
+const W = "VftLabelWrap", G = /* @__PURE__ */ N({
+  name: W,
+  props: {
+    isAutoWidth: Boolean,
+    updateAll: Boolean
+  },
+  setup(l, {
+    slots: i
+  }) {
+    const t = h(R, void 0), n = h(T);
+    n || C(W, "usage: <vft-form-item><label-wrap /></vft-form-item>");
+    const v = K("form"), a = s(), o = s(0), L = () => {
+      var e;
+      if ((e = a.value) != null && e.firstElementChild) {
+        const r = window.getComputedStyle(a.value.firstElementChild).width;
+        return Math.ceil(Number.parseFloat(r));
+      } else
+        return 0;
+    }, m = (e = "update") => {
+      O(() => {
+        i.default && l.isAutoWidth && (e === "update" ? o.value = L() : e === "remove" && (t == null || t.deregisterLabelWidth(o.value)));
+      });
+    }, u = () => m("update");
+    return A(() => {
+      u();
+    }), E(() => {
+      m("remove");
+    }), y(() => u()), M(o, (e, r) => {
+      l.updateAll && (t == null || t.registerLabelWidth(e, r));
+    }), P(F(() => {
+      var e;
+      return ((e = a.value) == null ? void 0 : e.firstElementChild) ?? null;
+    }), u), () => {
+      var r, f;
+      if (!i)
+        return null;
+      const {
+        isAutoWidth: e
+      } = l;
+      if (e) {
+        const d = t == null ? void 0 : t.autoLabelWidth, g = n == null ? void 0 : n.hasLabel, p = {};
+        if (g && d && d !== "auto") {
+          const c = Math.max(0, Number.parseInt(d, 10) - o.value), w = t.labelPosition === "left" ? "marginRight" : "marginLeft";
+          c && (p[w] = `${c}px`);
+        }
+        return b("div", {
+          ref: a,
+          class: [v.be("item", "label-wrap")],
+          style: p
+        }, [(r = i.default) == null ? void 0 : r.call(i)]);
+      } else
+        return b(B, {
+          ref: a
+        }, [(f = i.default) == null ? void 0 : f.call(i)]);
+    };
+  }
+});
+export {
+  G as default
+};

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

@@ -37,11 +37,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     labelPosition: {
-        type: __PropType<"left" | "right" | "top" | undefined>;
+        type: __PropType<"top" | "right" | "left" | undefined>;
         required: false;
     };
     requireAsteriskPosition: {
-        type: __PropType<"left" | "right" | undefined>;
+        type: __PropType<"right" | "left" | undefined>;
         required: false;
     };
     labelWidth: {
@@ -119,11 +119,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     labelPosition: {
-        type: __PropType<"left" | "right" | "top" | undefined>;
+        type: __PropType<"top" | "right" | "left" | undefined>;
         required: false;
     };
     requireAsteriskPosition: {
-        type: __PropType<"left" | "right" | undefined>;
+        type: __PropType<"right" | "left" | undefined>;
         required: false;
     };
     labelWidth: {

package/es/components/form/form.vue2.js

@@ -0,0 +1,153 @@
+import { defineComponent as y, computed as h, watch as O, getCurrentInstance as j, provide as q, reactive as x, openBlock as z, createElementBlock as S, normalizeClass as T, unref as I, renderSlot as M } from "vue";
+import { isFunction as R } from "@vft/utils";
+import { debugWarn as a } from "../../utils/error.js";
+import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import { useNamespace as W } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import "@vue/reactivity";
+import "@vue/shared";
+import { useFormSize as $ } from "./hooks/use-form-common-props.js";
+import { formContextKey as A } from "./constants.js";
+import { useFormLabelWidth as K, filterFields as d } from "./utils.js";
+const n = (
+  /* hoist-static*/
+  W("form")
+), L = y({
+  name: n.b()
+}), oe = /* @__PURE__ */ y({
+  ...L,
+  props: {
+    size: null,
+    disabled: { type: Boolean },
+    model: null,
+    rules: null,
+    labelPosition: { default: "right" },
+    requireAsteriskPosition: { default: "left" },
+    labelWidth: { default: "" },
+    labelSuffix: { default: "" },
+    inline: { type: Boolean },
+    inlineMessage: { type: Boolean },
+    statusIcon: { type: Boolean },
+    showMessage: { type: Boolean, default: !0 },
+    validateOnRuleChange: { type: Boolean, default: !0 },
+    hideRequiredAsterisk: { type: Boolean, default: !1 },
+    scrollToError: { type: Boolean }
+  },
+  emits: ["validate"],
+  setup(i, { expose: v, emit: F }) {
+    const l = [], g = $(), B = h(() => [
+      n.b(),
+      // todo: in v2.2.0, we can remove default
+      // in fact, remove it doesn't affect the final style
+      n.m(g.value || "default"),
+      {
+        [n.m(`label-${i.labelPosition}`)]: i.labelPosition,
+        [n.m("inline")]: i.inline
+      }
+    ]), w = (e) => {
+      l.push(e);
+    }, b = (e) => {
+      e.prop && l.splice(l.indexOf(e), 1);
+    }, u = (e = []) => {
+      if (!i.model) {
+        a(n.b(), "model is required for resetFields to work.");
+        return;
+      }
+      d(l, e).forEach((t) => t.resetField());
+    }, m = (e = []) => {
+      d(l, e).forEach((t) => t.clearValidate());
+    }, C = h(() => {
+      const e = !!i.model;
+      return e || a(n.b(), "model is required for validate to work."), e;
+    }), E = (e) => {
+      if (l.length === 0)
+        return [];
+      const t = d(l, e);
+      return t.length ? t : (a(n.b(), "please pass correct props!"), []);
+    }, c = async (e) => f(void 0, e), P = async (e = []) => {
+      if (!C.value)
+        return !1;
+      const t = E(e);
+      if (t.length === 0)
+        return !0;
+      let o = {};
+      for (const r of t)
+        try {
+          await r.validate("");
+        } catch (s) {
+          o = {
+            ...o,
+            ...s
+          };
+        }
+      return Object.keys(o).length === 0 ? !0 : Promise.reject(o);
+    }, f = async (e = [], t) => {
+      const o = !R(t);
+      try {
+        const r = await P(e);
+        return r === !0 && (t == null || t(r)), r;
+      } catch (r) {
+        if (r instanceof Error)
+          throw r;
+        const s = r;
+        return i.scrollToError && p(Object.keys(s)[0]), t == null || t(!1, s), o && Promise.reject(s);
+      }
+    }, p = (e) => {
+      var o;
+      const t = d(l, e)[0];
+      t && ((o = t.$el) == null || o.scrollIntoView());
+    };
+    O(
+      () => i.rules,
+      () => {
+        i.validateOnRuleChange && c().catch((e) => a(e));
+      },
+      { deep: !0 }
+    );
+    const V = j();
+    return q(
+      A,
+      x({
+        ...V.props,
+        emit: F,
+        resetFields: u,
+        clearValidate: m,
+        validateField: f,
+        addField: w,
+        removeField: b,
+        ...K()
+      })
+    ), v({
+      /**
+       * @description Validate the whole form. Receives a callback or returns `Promise`.
+       */
+      validate: c,
+      /**
+       * @description Validate specified fields.
+       */
+      validateField: f,
+      /**
+       * @description Reset specified fields and remove validation result.
+       */
+      resetFields: u,
+      /**
+       * @description Clear validation message for specified fields.
+       */
+      clearValidate: m,
+      /**
+       * @description Scroll to the specified fields.
+       */
+      scrollToField: p
+    }), (e, t) => (z(), S("form", {
+      class: T(I(B))
+    }, [
+      M(e.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  oe as default
+};

package/es/components/form/hooks/use-form-common-props.js

@@ -0,0 +1,30 @@
+import { ref as u, inject as r, computed as m, unref as p } from "vue";
+import "../../config-provider/hooks/use-global-config.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 { useProp as d } from "../../../hooks/use-prop/index.js";
+import { useGlobalSize as a } from "../../../hooks/use-size/index.js";
+import "@vue/reactivity";
+import "@vue/shared";
+import { formContextKey as l, formItemContextKey as f } from "../constants.js";
+const v = (t, o = {}) => {
+  const e = u(void 0), n = o.prop ? e : d("size"), c = o.global ? e : a(), i = o.form ? { size: void 0 } : r(l, void 0), s = o.formItem ? { size: void 0 } : r(f, void 0);
+  return m(
+    () => n.value || p(t) || (s == null ? void 0 : s.size) || (i == null ? void 0 : i.size) || c.value || ""
+  );
+}, z = (t) => {
+  const o = d("disabled"), e = r(l, void 0);
+  return m(
+    () => o.value || p(t) || (e == null ? void 0 : e.disabled) || !1
+  );
+}, g = v, h = z;
+export {
+  h as useDisabled,
+  z as useFormDisabled,
+  v as useFormSize,
+  g as useSize
+};

package/es/components/form/hooks/use-form-item.js

@@ -0,0 +1,50 @@
+import { inject as h, ref as l, computed as y, onMounted as F, watch as f, toRef as K, onUnmounted as U } from "vue";
+import "../../config-provider/hooks/use-global-config.js";
+import "@popperjs/core";
+import "lodash";
+import "../../../hooks/use-z-index/index.js";
+import { useId as j } from "../../../hooks/use-id/index.js";
+import "@vueuse/core";
+import "@vft/utils";
+import "../../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
+import { formContextKey as B, formItemContextKey as L } from "../constants.js";
+const Q = () => {
+  const r = h(B, void 0), u = h(L, void 0);
+  return {
+    form: r,
+    formItem: u
+  };
+}, S = (r, {
+  formItemContext: u,
+  disableIdGeneration: c,
+  disableIdManagement: i
+}) => {
+  c || (c = l(!1)), i || (i = l(!1));
+  const p = l();
+  let d;
+  const w = y(() => {
+    var v;
+    return !!(!r.label && u && u.inputIds && ((v = u.inputIds) == null ? void 0 : v.length) <= 1);
+  });
+  return F(() => {
+    d = f(
+      [K(r, "id"), c],
+      ([v, s]) => {
+        const o = v ?? (s ? void 0 : j().value);
+        o !== p.value && (u != null && u.removeInputId && (p.value && u.removeInputId(p.value), !(i != null && i.value) && !s && o && u.addInputId(o)), p.value = o);
+      },
+      { immediate: !0 }
+    );
+  }), U(() => {
+    d && d(), u != null && u.removeInputId && p.value && u.removeInputId(p.value);
+  }), {
+    isLabeledByFormItem: w,
+    inputId: p
+  };
+};
+export {
+  Q as useFormItem,
+  S as useFormItemInputId
+};

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

@@ -18,11 +18,11 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<import("vue"
         required: false;
     };
     labelPosition: {
-        type: import("vue").PropType<"left" | "right" | "top" | undefined>;
+        type: import("vue").PropType<"top" | "right" | "left" | undefined>;
         required: false;
     };
     requireAsteriskPosition: {
-        type: import("vue").PropType<"left" | "right" | undefined>;
+        type: import("vue").PropType<"right" | "left" | undefined>;
         required: false;
     };
     labelWidth: {
@@ -85,11 +85,11 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<import("vue"
         required: false;
     };
     labelPosition: {
-        type: import("vue").PropType<"left" | "right" | "top" | undefined>;
+        type: import("vue").PropType<"top" | "right" | "left" | undefined>;
         required: false;
     };
     requireAsteriskPosition: {
-        type: import("vue").PropType<"left" | "right" | undefined>;
+        type: import("vue").PropType<"right" | "left" | undefined>;
         required: false;
     };
     labelWidth: {
@@ -163,7 +163,7 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<import("vue"
             required: false;
         };
         validateStatus: {
-            type: import("vue").PropType<string | undefined>;
+            type: import("vue").PropType<"" | "error" | "validating" | "success" | undefined>;
             required: false;
         };
         inlineMessage: {
@@ -219,7 +219,7 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<import("vue"
             required: false;
         };
         validateStatus: {
-            type: import("vue").PropType<string | undefined>;
+            type: import("vue").PropType<"" | "error" | "validating" | "success" | undefined>;
             required: false;
         };
         inlineMessage: {
@@ -276,7 +276,7 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<import("
         required: false;
     };
     validateStatus: {
-        type: import("vue").PropType<string | undefined>;
+        type: import("vue").PropType<"" | "error" | "validating" | "success" | undefined>;
         required: false;
     };
     inlineMessage: {
@@ -332,7 +332,7 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<import("
         required: false;
     };
     validateStatus: {
-        type: import("vue").PropType<string | undefined>;
+        type: import("vue").PropType<"" | "error" | "validating" | "success" | undefined>;
         required: false;
     };
     inlineMessage: {

package/es/components/full-screen/full-screen.vue2.js

@@ -0,0 +1,36 @@
+import { defineComponent as n, openBlock as l, createElementBlock as c, normalizeClass as m, unref as e, createVNode as p, createElementVNode as a, toDisplayString as u } from "vue";
+import { useFullscreen as f } from "@vft/use";
+import { VftIcon as d } from "../icon/index.js";
+import { useNamespace as _ } 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 i = (
+  /* hoist-static*/
+  _("full-screen")
+), x = n({
+  name: i.b()
+}), S = /* @__PURE__ */ n({
+  ...x,
+  setup(g) {
+    const { toggle: o, isFullscreen: r } = f();
+    return (k, t) => (l(), c("div", {
+      class: m([e(i).b(), "cursor-pointer"]),
+      onClick: t[0] || (t[0] = //@ts-ignore
+      (...s) => e(o) && e(o)(...s))
+    }, [
+      p(e(d), {
+        icon: e(r) ? "ico-radix-icons:exit-full-screen" : "ico-radix-icons:enter-full-screen"
+      }, null, 8, ["icon"]),
+      a("span", null, u(e(r) ? "退出全屏" : "全屏"), 1)
+    ], 2));
+  }
+});
+export {
+  S as default
+};

package/es/components/header-layout/header-layout.vue2.js

@@ -0,0 +1,53 @@
+import { defineComponent as a, computed as n, openBlock as p, createElementBlock as c, normalizeClass as t, unref as o, createElementVNode as s, createVNode as d, normalizeProps as f, guardReactiveProps as u, renderSlot as l } from "vue";
+import { useNamespace as g } 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 { VftLogo as v } from "../logo/index.js";
+const e = (
+  /* hoist-static*/
+  g("header-layout")
+), C = a({
+  name: e.b()
+}), H = /* @__PURE__ */ a({
+  ...C,
+  props: {
+    logoCfg: null
+  },
+  setup(m) {
+    const i = n(() => [
+      e.b(),
+      {
+        [`${e.m("fixed")}`]: !0
+      }
+    ]);
+    return (r, _) => (p(), c("div", {
+      class: t(o(i))
+    }, [
+      s("div", {
+        class: t(o(e).e("top"))
+      }, [
+        s("div", {
+          class: t(o(e).e("left"))
+        }, [
+          d(o(v), f(u(m.logoCfg)), null, 16),
+          l(r.$slots, "left")
+        ], 2),
+        s("div", {
+          class: t(o(e).e("right"))
+        }, [
+          l(r.$slots, "default")
+        ], 2)
+      ], 2),
+      l(r.$slots, "bottom")
+    ], 2));
+  }
+});
+export {
+  H as default
+};

package/es/components/icon/icon.vue2.js

@@ -0,0 +1,51 @@
+import { defineComponent as r, computed as i, unref as t, openBlock as n, createElementBlock as l, normalizeClass as c, normalizeStyle as d } from "vue";
+import { addUnit as y } from "@vft/utils";
+import { useNamespace as p } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
+import "../config-provider/index.js";
+import { useGlobalConfig as g } from "../config-provider/hooks/use-global-config.js";
+const z = ["src"], s = (
+  /* hoist-static*/
+  p("icon")
+), k = r({
+  name: s.b()
+}), j = /* @__PURE__ */ r({
+  ...k,
+  props: {
+    icon: null,
+    size: { default: 14 },
+    color: null,
+    rotate: { type: Boolean },
+    rotateSpeed: { default: 2 },
+    cursor: { type: Boolean },
+    scale: null
+  },
+  setup(e) {
+    const a = g(), m = i(() => ({
+      color: e.color,
+      fontSize: e.size ? y(e.size) : "14px",
+      animation: e.rotate ? `${a.value.namespace}-rotate ${e.rotateSpeed}s linear 0s infinite` : void 0,
+      cursor: e.cursor ? "pointer" : void 0,
+      transform: e.scale ? `scale(${e.scale})` : void 0
+    })), u = (o) => o == null ? void 0 : o.includes("/"), f = i(() => u(e.icon));
+    return (o, v) => t(f) ? (n(), l("img", {
+      key: 0,
+      class: c(t(s).e("image")),
+      src: e.icon,
+      alt: ""
+    }, null, 10, z)) : (n(), l("i", {
+      key: 1,
+      class: c([e.icon]),
+      style: d(t(m))
+    }, null, 6));
+  }
+});
+export {
+  j as default
+};

package/es/components/icon-text/icon-text.vue2.js

@@ -0,0 +1,44 @@
+import { defineComponent as f, computed as o, openBlock as r, createElementBlock as k, normalizeClass as g, unref as t, normalizeStyle as x, createBlock as s, mergeProps as m, createCommentVNode as a, createTextVNode as z, toDisplayString as h } from "vue";
+import { singleAttrToObj as B, addUnit as n } from "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import { generateCssVars as S } from "../../utils/ns-cover.js";
+import { VftIcon as u } from "../icon/index.js";
+import { useNamespace as V } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import "@vue/reactivity";
+import "@vue/shared";
+const d = (
+  /* hoist-static*/
+  V("icon-text")
+), b = f({
+  name: d.b()
+}), q = /* @__PURE__ */ f({
+  ...b,
+  props: {
+    text: null,
+    icon: null,
+    color: { default: "#434343" },
+    hoverColor: null,
+    distance: null,
+    reverse: { type: Boolean },
+    size: null
+  },
+  emits: ["click"],
+  setup(e, { emit: y }) {
+    const v = o(() => e.hoverColor ? e.hoverColor : e.color), l = o(() => B(e.icon, "icon", { size: e.size, color: e.color })), i = o(() => e.reverse ? { marginLeft: n(e.distance) } : { marginRight: n(e.distance) }), C = o(() => S({ "hover-color": v.value, color: e.color, fontSize: n(e.size) }, "icon-text"));
+    return (N, c) => (r(), k("span", {
+      class: g(t(d).b()),
+      onClick: c[0] || (c[0] = (T) => y("click")),
+      style: x(t(C))
+    }, [
+      e.reverse ? a("", !0) : (r(), s(t(u), m({ key: 0 }, t(l), { style: t(i) }), null, 16, ["style"])),
+      z(" " + h(e.text) + " ", 1),
+      e.reverse ? (r(), s(t(u), m({ key: 1 }, t(l), { style: t(i) }), null, 16, ["style"])) : a("", !0)
+    ], 6));
+  }
+});
+export {
+  q as default
+};

package/es/components/iframe-layout/iframe-layout.vue2.js

@@ -0,0 +1,42 @@
+import { defineComponent as m, openBlock as e, createElementBlock as o, Fragment as a, renderList as f, withDirectives as p, createBlock as l, vShow as i, createCommentVNode as s, unref as _ } from "vue";
+import { useNamespace as h } 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 d from "./iframe-page.vue2.js";
+import { useRouter as k } from "vue-router";
+const P = (
+  /* hoist-static*/
+  h("iframe-layout")
+), S = m({
+  name: P.b()
+}), F = /* @__PURE__ */ m({
+  ...S,
+  props: {
+    iframePages: null
+  },
+  setup(n) {
+    const u = k();
+    function c(t) {
+      return t.fullPath === _(u.currentRoute).fullPath;
+    }
+    return (t, y) => (e(!0), o(a, null, f(n.iframePages, (r) => (e(), o(a, {
+      key: r.query ? r.fullPath : r.path
+    }, [
+      r.meta.frameSrc ? p((e(), l(d, {
+        key: 0,
+        frameSrc: r.meta.frameSrc
+      }, null, 8, ["frameSrc"])), [
+        [i, c(r)]
+      ]) : s("", !0)
+    ], 64))), 128));
+  }
+});
+export {
+  F as default
+};

package/es/components/iframe-layout/iframe-page.vue2.js

@@ -0,0 +1,30 @@
+import { defineComponent as r, openBlock as o, createElementBlock as m, normalizeClass as a, unref as p } from "vue";
+import { useNamespace as s } 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 c = ["src"], e = (
+  /* hoist-static*/
+  s("iframe-page")
+), n = r({
+  name: e.b()
+}), S = /* @__PURE__ */ r({
+  ...n,
+  props: {
+    frameSrc: { default: "" }
+  },
+  setup(t) {
+    return (i, f) => (o(), m("iframe", {
+      class: a(p(e).b()),
+      src: t.frameSrc
+    }, null, 10, c));
+  }
+});
+export {
+  S as default
+};