vft 0.0.136 → 0.0.138

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

@@ -60,22 +60,18 @@ const Ee = ["role", "aria-labelledby"], o = (
       { [o.m("feedback")]: e == null ? void 0 : e.statusIcon }
     ]), se = a(
       () => Re(s.inlineMessage) ? s.inlineMessage : (e == null ? void 0 : e.inlineMessage) || !1
-    ), ie = a(() => [
-      o.e("error"),
-      { [o.em("error", "inline")]: se.value }
-    ]), le = a(() => s.prop ? We(s.prop) ? s.prop : s.prop.join(".") : ""), S = a(() => !!(s.label || z.label)), _ = a(() => s.for || n.value.length === 1 ? n.value[0] : void 0), I = a(() => !_.value && S.value), ae = !!x, A = a(() => {
+    ), ie = a(() => [o.e("error"), { [o.em("error", "inline")]: se.value }]), le = a(() => s.prop ? We(s.prop) ? s.prop : s.prop.join(".") : ""), S = a(() => !!(s.label || z.label)), _ = a(() => s.for || n.value.length === 1 ? n.value[0] : void 0), I = a(() => !_.value && S.value), ae = !!x, A = a(() => {
       const r = e == null ? void 0 : e.model;
       if (!(!r || !s.prop))
         return W(r, s.prop).value;
     }), V = a(() => {
       const { required: r } = s, t = [];
-      s.rules && t.push(...J(s.rules).map((i) => (i.trigger = i.trigger || "blur", i)));
+      s.rules && t.push(
+        ...J(s.rules).map((i) => (i.trigger = i.trigger || "blur", i))
+      );
       const l = e == null ? void 0 : e.rules;
       if (l && s.prop) {
-        const i = W(
-          l,
-          s.prop
-        ).value;
+        const i = W(l, s.prop).value;
         i && t.push(...J(i));
       }
       if (r !== void 0) {
@@ -87,13 +83,9 @@ const Ee = ["role", "aria-labelledby"], o = (
           t.push({ required: r });
       }
       return t;
-    }), oe = a(() => V.value.length > 0), ue = (r) => V.value.filter((l) => !l.trigger || !r ? !0 : Array.isArray(l.trigger) ? l.trigger.includes(r) : l.trigger === r).map(({ trigger: l, ...i }) => i), ne = a(
-      () => V.value.some((r) => r.required)
-    ), de = a(
+    }), oe = a(() => V.value.length > 0), ue = (r) => V.value.filter((l) => !l.trigger || !r ? !0 : Array.isArray(l.trigger) ? l.trigger.includes(r) : l.trigger === r).map(({ trigger: l, ...i }) => i), ne = a(() => V.value.some((r) => r.required)), de = a(
       () => ee.value === "error" && s.showMessage && ((e == null ? void 0 : e.showMessage) ?? !0)
-    ), P = a(
-      () => `${s.label || ""}${(e == null ? void 0 : e.labelSuffix) || ""}`
-    ), v = (r) => {
+    ), P = a(() => `${s.label || ""}${(e == null ? void 0 : e.labelSuffix) || ""}`), v = (r) => {
       d.value = r;
     }, pe = (r) => {
       var i;

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

@@ -16,9 +16,7 @@ const v = (t, o = {}) => {
   );
 }, z = (t) => {
   const o = d("disabled"), e = r(l, void 0);
-  return m(
-    () => o.value || p(t) || (e == null ? void 0 : e.disabled) || !1
-  );
+  return m(() => o.value || p(t) || (e == null ? void 0 : e.disabled) || !1);
 }, P = v, R = z;
 export {
   R as useDisabled,

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

@@ -7,7 +7,7 @@ import { type FormItemProps } from './form-item.vue';
 import type { useFormLabelWidth } from './utils';
 export type FormItemProp = Arrayable<string>;
 export declare const formItemValidateStates: readonly ["", "error", "validating", "success"];
-export type FormItemValidateState = typeof formItemValidateStates[number];
+export type FormItemValidateState = (typeof formItemValidateStates)[number];
 export type FormLabelWidthContext = ReturnType<typeof useFormLabelWidth>;
 export interface FormItemRule extends RuleItem {
     trigger?: Arrayable<string>;

package/es/components/form/types.js

@@ -1,9 +1,4 @@
-const t = [
-  "",
-  "error",
-  "validating",
-  "success"
-];
+const t = ["", "error", "validating", "success"];
 export {
   t as formItemValidateStates
 };

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

@@ -92,6 +92,7 @@ import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import "../message/index.js";
 import "../infinite-scroll/index.js";
+import "../progress-i/index.js";
 const y = { class: "content" }, $ = {
   key: 0,
   class: "left"
@@ -103,7 +104,7 @@ const y = { class: "content" }, $ = {
   k("header-layout")
 ), N = f({
   name: "vft-header-layout"
-}), ut = /* @__PURE__ */ f({
+}), gt = /* @__PURE__ */ f({
   ...N,
   props: {
     logoCfg: {}
@@ -149,5 +150,5 @@ const y = { class: "content" }, $ = {
   }
 });
 export {
-  ut as default
+  gt as default
 };

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

@@ -26,13 +26,18 @@ const z = ["src"], f = (
   },
   setup(o) {
     var s;
-    const t = h(), n = r(() => C({
-      size: y(o.size),
-      color: o.color,
-      hoverColor: o.hoverColor,
-      cursor: o.pointer ? "pointer" : void 0,
-      animation: o.rotate ? `${t.value.namespace}-rotate ${o.rotateSpeed}s linear 0s infinite` : void 0
-    }, "icon")), d = (e) => e == null ? void 0 : e.includes("/"), p = r(() => d(o.icon)), v = o.icon.startsWith((s = t.value) == null ? void 0 : s.iconifyPrefixClass) ? "" : t.value.iconfontClass;
+    const t = h(), n = r(
+      () => C(
+        {
+          size: y(o.size),
+          color: o.color,
+          hoverColor: o.hoverColor,
+          cursor: o.pointer ? "pointer" : void 0,
+          animation: o.rotate ? `${t.value.namespace}-rotate ${o.rotateSpeed}s linear 0s infinite` : void 0
+        },
+        "icon"
+      )
+    ), d = (e) => e == null ? void 0 : e.includes("/"), p = r(() => d(o.icon)), v = o.icon.startsWith((s = t.value) == null ? void 0 : s.iconifyPrefixClass) ? "" : t.value.iconfontClass;
     return (e, B) => p.value ? (c(), a("img", {
       key: 0,
       class: l(i(f).e("image")),

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

@@ -31,12 +31,15 @@ const h = (
       const t = y(e.distance);
       return c.value ? e.reverse ? { marginTop: t } : { marginBottom: t } : e.reverse ? { marginLeft: t } : { marginRight: t };
     }), l = o(() => p(e.size)), i = o(() => l.value < 12), S = o(() => l.value && i.value ? { transform: `scale(${l.value / 12})` } : {}), B = o(() => {
-      const t = E({
-        cursor: e.pointer ? "pointer" : void 0,
-        color: e.color,
-        "hover-color": C.value,
-        fontSize: i.value ? "12px" : y(e.size)
-      }, "icon-text");
+      const t = E(
+        {
+          cursor: e.pointer ? "pointer" : void 0,
+          color: e.color,
+          "hover-color": C.value,
+          fontSize: i.value ? "12px" : y(e.size)
+        },
+        "icon-text"
+      );
       return {
         ...i.value && e.adjustOrigin ? { transformOrigin: "left top" } : {},
         ...t,

package/es/components/image/image.vue2.js

@@ -52,11 +52,7 @@ const ie = ["src", "loading"], se = { key: 0 }, o = (
     }
     const E = re(I, 200);
     async function B() {
-      v && (await W(), le(l.scrollContainer) ? a.value = l.scrollContainer : te(l.scrollContainer) && l.scrollContainer !== "" ? a.value = document.querySelector(l.scrollContainer) ?? void 0 : m.value && (a.value = ae(m.value)), a.value && (y = T(
-        a,
-        "scroll",
-        E
-      ), setTimeout(() => I(), 100)));
+      v && (await W(), le(l.scrollContainer) ? a.value = l.scrollContainer : te(l.scrollContainer) && l.scrollContainer !== "" ? a.value = document.querySelector(l.scrollContainer) ?? void 0 : m.value && (a.value = ae(m.value)), a.value && (y = T(a, "scroll", E), setTimeout(() => I(), 100)));
     }
     function A() {
       !v || !a.value || !E || (y == null || y(), a.value = void 0);
@@ -97,11 +93,7 @@ const ie = ["src", "loading"], se = { key: 0 }, o = (
         src: g.value,
         loading: e.loading,
         style: F.value,
-        class: [
-          t(o).e("inner"),
-          L.value && t(o).e("preview"),
-          r.value && t(o).is("loading")
-        ],
+        class: [t(o).e("inner"), L.value && t(o).e("preview"), r.value && t(o).is("loading")],
         onClick: Y,
         onLoad: P,
         onError: x,

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

@@ -238,6 +238,55 @@ export declare const VftImage: import("vft/es/utils").SFCWithInstall<{
         viewer?(_: {}): any;
     };
 })> & Record<string, any>;
+export declare const VftPImage: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    src: {
+        type: import("vue").PropType<string>;
+    };
+    alt: {
+        type: import("vue").PropType<string>;
+    };
+    fit: {
+        type: import("vue").PropType<import("./types").ImgFitType>;
+    };
+    position: {
+        type: import("vue").PropType<string>;
+    };
+    width: {
+        type: import("vue").PropType<string | number>;
+    };
+    height: {
+        type: import("vue").PropType<string | number>;
+    };
+    radius: {
+        type: import("vue").PropType<string | number>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    error: (e: Event) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    src: {
+        type: import("vue").PropType<string>;
+    };
+    alt: {
+        type: import("vue").PropType<string>;
+    };
+    fit: {
+        type: import("vue").PropType<import("./types").ImgFitType>;
+    };
+    position: {
+        type: import("vue").PropType<string>;
+    };
+    width: {
+        type: import("vue").PropType<string | number>;
+    };
+    height: {
+        type: import("vue").PropType<string | number>;
+    };
+    radius: {
+        type: import("vue").PropType<string | number>;
+    };
+}>> & {
+    onError?: ((e: Event) => any) | undefined;
+}, {}, {}>> & Record<string, any>;
 export default VftImage;
 export { type ImageProps } from './image.vue';
 export * from './types';

package/es/components/image/index.js

@@ -5,8 +5,10 @@ import "lodash";
 import { withInstall as t } from "../../utils/vue/install.js";
 import "vue";
 import m from "./image.vue2.js";
-const e = t(m);
+import o from "./p-image.vue2.js";
+const e = t(m), _ = t(o);
 export {
   e as VftImage,
+  _ as VftPImage,
   e as default
 };

package/es/components/image/p-image.vue.d.ts

@@ -0,0 +1,51 @@
+import type { ImgFitType } from './types';
+declare const _default: import("vue").DefineComponent<{
+    src: {
+        type: import("vue").PropType<string>;
+    };
+    alt: {
+        type: import("vue").PropType<string>;
+    };
+    fit: {
+        type: import("vue").PropType<ImgFitType>;
+    };
+    position: {
+        type: import("vue").PropType<string>;
+    };
+    width: {
+        type: import("vue").PropType<string | number>;
+    };
+    height: {
+        type: import("vue").PropType<string | number>;
+    };
+    radius: {
+        type: import("vue").PropType<string | number>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    error: (e: Event) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    src: {
+        type: import("vue").PropType<string>;
+    };
+    alt: {
+        type: import("vue").PropType<string>;
+    };
+    fit: {
+        type: import("vue").PropType<ImgFitType>;
+    };
+    position: {
+        type: import("vue").PropType<string>;
+    };
+    width: {
+        type: import("vue").PropType<string | number>;
+    };
+    height: {
+        type: import("vue").PropType<string | number>;
+    };
+    radius: {
+        type: import("vue").PropType<string | number>;
+    };
+}>> & {
+    onError?: ((e: Event) => any) | undefined;
+}, {}, {}>;
+export default _default;

package/es/components/image/p-image.vue.js

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

package/es/components/image/p-image.vue2.js

@@ -0,0 +1,57 @@
+import { defineComponent as d, ref as s, computed as f, watch as u, openBlock as h, createElementBlock as g, normalizeClass as p, unref as y, normalizeStyle as v, createElementVNode as w, mergeProps as b } from "vue";
+import { addUnit as r, isNullOrUndefined as E } from "@vft/utils";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import "lodash";
+import { useNamespace as k } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+const N = ["src"], F = /* @__PURE__ */ d({
+  __name: "p-image",
+  props: {
+    src: {},
+    alt: {},
+    fit: {},
+    position: {},
+    width: {},
+    height: {},
+    radius: {}
+  },
+  emits: ["error"],
+  setup(e, {
+    emit: n
+  }) {
+    const i = k("p-image"), o = s(!1), a = s(), m = f(() => {
+      const t = {
+        width: r(e.width),
+        height: r(e.height)
+      };
+      return E(e.radius) || (t.overflow = "hidden", t.borderRadius = r(e.radius)), t;
+    });
+    u(() => e.src, () => {
+      o.value = !1;
+    });
+    const c = (t) => {
+      o.value = !0, n("error", t);
+    }, l = {
+      alt: e.alt,
+      class: i.e("img"),
+      style: {
+        objectFit: e.fit,
+        objectPosition: e.position
+      }
+    };
+    return (t, R) => (h(), g("div", {
+      class: p(y(i).b()),
+      style: v(m.value)
+    }, [w("img", b({
+      ref_key: "imageRef",
+      ref: a,
+      src: t.src,
+      onError: c
+    }, l), null, 16, N)], 6));
+  }
+});
+export {
+  F as default
+};

package/es/components/image/types.d.ts

@@ -1 +1,2 @@
 export type ImgFitType = 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
+export type ImagePosition = 'center' | 'top' | 'right' | 'bottom' | 'left' | string;

package/es/components/image-viewer/image-viewer.vue2.js

@@ -151,14 +151,10 @@ const ke = ["src"], a = (
       };
       switch (e) {
         case "zoomOut":
-          l.value.scale > 0.2 && (l.value.scale = Number.parseFloat(
-            (l.value.scale / s.zoomRate).toFixed(3)
-          ));
+          l.value.scale > 0.2 && (l.value.scale = Number.parseFloat((l.value.scale / s.zoomRate).toFixed(3)));
           break;
         case "zoomIn":
-          l.value.scale < 7 && (l.value.scale = Number.parseFloat(
-            (l.value.scale * s.zoomRate).toFixed(3)
-          ));
+          l.value.scale < 7 && (l.value.scale = Number.parseFloat((l.value.scale * s.zoomRate).toFixed(3)));
           break;
         case "clockwise":
           l.value.deg += o;
@@ -210,21 +206,13 @@ const ke = ["src"], a = (
             ], 2),
             W.value ? re("", !0) : (x(), E(V, { key: 0 }, [
               c("span", {
-                class: i([
-                  n(a).e("btn"),
-                  n(a).e("prev"),
-                  n(a).is("disabled", !e.infinite && $.value)
-                ]),
+                class: i([n(a).e("btn"), n(a).e("prev"), n(a).is("disabled", !e.infinite && $.value)]),
                 onClick: D
               }, [
                 d(n(v), { icon: "icon-arrow-left" })
               ], 2),
               c("span", {
-                class: i([
-                  n(a).e("btn"),
-                  n(a).e("next"),
-                  n(a).is("disabled", !e.infinite && M.value)
-                ]),
+                class: i([n(a).e("btn"), n(a).e("next"), n(a).is("disabled", !e.infinite && M.value)]),
                 onClick: F
               }, [
                 d(n(v), { icon: "icon-arrow-right" })

package/es/components/index.d.ts

@@ -81,3 +81,4 @@ export * from './md-vue-playground';
 export * from './loading';
 export * from './message';
 export * from './infinite-scroll';
+export * from './progress-i';