vft 0.0.306 → 0.0.307

package/es/components/modal/use/use-modal.js

@@ -1,91 +1,89 @@
-import { useKeepAliveLifeCycle as I } from "@vft/use";
-import { isFunction as V } from "@vft/utils";
-import { isEqual as w } from "lodash-es";
-import { reactive as v, ref as d, computed as P, unref as n, getCurrentInstance as h, watchEffect as H, nextTick as L, toRaw as M, onBeforeUnmount as R, onDeactivated as b } from "vue";
-const u = v({}), m = v({});
-function y() {
-  const t = d(null), r = d(!1), l = d(""), { onBeforeUnMountedOrDeactivated: c, onMountedOrActivated: s } = I();
-  function p(o, a) {
-    if (!h())
+import { onMountedOrActivated as h } from "@vft/use";
+import { isFunction as I } from "@vft/utils";
+import { isEqual as V } from "lodash-es";
+import { reactive as g, ref as c, computed as m, unref as t, getCurrentInstance as v, watchEffect as w, nextTick as H, onBeforeUnmount as P, toRaw as d } from "vue";
+const i = g({}), p = g({});
+function x() {
+  const r = c(null), s = c(!1), l = c("");
+  function u(e, n) {
+    if (!v())
       throw new Error(
         "useModal() can only be used inside setup() or functional components!"
       );
-    l.value = a, c(() => {
-      t.value = null, r.value = !1, u[n(l)] = null;
-    }), s(() => {
-      n(r) && o === n(t) || (t.value = o, r.value = !0, o.emitVisible = (g, i) => {
-        m[i] = g;
+    l.value = n, P(() => {
+      r.value = null, s.value = !1, i[t(l)] = null;
+    }), h(() => {
+      t(s) && e === t(r) || (r.value = e, s.value = !0, e.emitVisible = (M, a) => {
+        p[a] = M;
       });
     });
   }
-  const e = () => {
-    const o = n(t);
-    return o || console.error("useModal instance is undefined!"), o;
+  const o = () => {
+    const e = t(r);
+    return e || console.error("useModal instance is undefined!"), e;
   }, f = {
-    setModalProps: (o) => {
-      e()?.setModalProps(o);
+    setModalProps: (e) => {
+      o()?.setModalProps(e);
     },
-    getVisible: P(() => m[~~n(l)]),
+    getVisible: m(() => p[~~t(l)]),
     redoModalHeight: () => {
-      e()?.redoModalHeight?.();
+      o()?.redoModalHeight?.();
     },
-    openModal: (o = !0, a, g = !0) => {
-      if (e()?.setModalProps({
-        modelValue: o
-      }), !a) return;
-      const i = n(l);
-      if (g) {
-        u[i] = null, u[i] = M(a);
+    openModal: (e = !0, n, M = !0) => {
+      if (o()?.setModalProps({
+        modelValue: e
+      }), !n) return;
+      const a = t(l);
+      if (M) {
+        i[a] = null, i[a] = d(n);
         return;
       }
-      w(M(u[i]), M(a)) || (u[i] = M(a));
+      V(d(i[a]), d(n)) || (i[a] = d(n));
     },
     closeModal: () => {
-      e()?.setModalProps({ modelValue: !1 });
+      o()?.setModalProps({ modelValue: !1 });
     }
   };
-  return [p, f];
+  return [u, f];
 }
-const A = (t) => {
-  const r = d(null), l = h(), c = d(""), s = () => {
-    const e = n(r);
+const O = (r) => {
+  const s = c(null), l = v(), u = c(""), o = () => {
+    const e = t(s);
     return e || console.error("useModalInner instance is undefined!"), e;
-  }, p = (e, f) => {
-    R(() => {
-      r.value = null;
-    }), b(() => {
-      r.value = null;
-    }), c.value = f, r.value = e, l?.emit("register", e, f);
+  }, f = (e, n) => {
+    P(() => {
+      s.value = null;
+    }), u.value = n, s.value = e, l?.emit("register", e, n);
   };
-  return H(() => {
-    const e = u[n(c)];
-    e && (!t || !V(t) || L(() => {
-      t(e);
+  return w(() => {
+    const e = i[t(u)];
+    e && (!r || !I(r) || H(() => {
+      r(e);
     }));
   }), [
-    p,
+    f,
     {
       changeLoading: (e = !0) => {
-        s()?.setModalProps({ loading: e });
+        o()?.setModalProps({ loading: e });
       },
-      getVisible: P(() => m[~~n(c)]),
+      getVisible: m(() => p[~~t(u)]),
       changeOkLoading: (e = !0) => {
-        s()?.setModalProps({ confirmLoading: e });
+        o()?.setModalProps({ confirmLoading: e });
       },
       closeModal: () => {
-        s()?.setModalProps({ modelValue: !1 });
+        o()?.setModalProps({ modelValue: !1 });
       },
       setModalProps: (e) => {
-        s()?.setModalProps(e);
+        o()?.setModalProps(e);
       },
       redoModalHeight: () => {
-        const e = s()?.redoModalHeight;
+        const e = o()?.redoModalHeight;
         e && e();
       }
     }
   ];
 };
 export {
-  y as useModal,
-  A as useModalInner
+  x as useModal,
+  O as useModalInner
 };

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

@@ -21,7 +21,7 @@ export declare const VftPagination: import("vft/es/utils").SFCWithInstall<import
         type: import("vue").PropType<number>;
     };
     layout: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<string[]>;
     };
     pageSizes: {
         type: import("vue").PropType<number[]>;
@@ -83,7 +83,7 @@ export declare const VftPagination: import("vft/es/utils").SFCWithInstall<import
         type: import("vue").PropType<number>;
     };
     layout: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<string[]>;
     };
     pageSizes: {
         type: import("vue").PropType<number[]>;

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

@@ -8,7 +8,7 @@ export interface PaginationProps {
     defaultCurrentPage?: number;
     pageCount?: number;
     pagerCount?: number;
-    layout?: string;
+    layout?: string[];
     pageSizes?: number[];
     popperClass?: string;
     prevText?: string;

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

@@ -1,17 +1,17 @@
-import { defineComponent as c, computed as f, createElementBlock as a, openBlock as s, normalizeClass as l, unref as o, createElementVNode as n, createCommentVNode as m, normalizeStyle as y, createBlock as r, withCtx as v, resolveDynamicComponent as k, renderSlot as p, toDisplayString as d } from "vue";
-import { VftIcon as h } from "../icon/index.js";
+import { defineComponent as d, computed as u, createElementBlock as a, openBlock as s, normalizeClass as l, unref as o, createElementVNode as n, createCommentVNode as m, normalizeStyle as f, createBlock as y, mergeProps as k, renderSlot as r, toDisplayString as p } from "vue";
+import { VftIcon as v } from "../icon/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
 import "lodash-es";
-import { useNamespace as B } from "../../hooks/use-namespace/index.js";
+import { useNamespace as h } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const C = c({
+const B = d({
   name: "vft-timeline-item"
-}), I = /* @__PURE__ */ c({
-  ...C,
+}), D = /* @__PURE__ */ d({
+  ...B,
   props: {
     timestamp: {},
     hideTimestamp: { type: Boolean, default: !1 },
@@ -20,11 +20,11 @@ const C = c({
     type: {},
     color: {},
     size: { default: "normal" },
-    icon: { default: "" },
+    icon: {},
     hollow: { type: Boolean, default: !1 }
   },
   setup(i) {
-    const e = B("timeline-item"), u = f(() => [
+    const e = h("timeline-item"), c = u(() => [
       e.e("node"),
       e.em("node", i.size || ""),
       e.em("node", i.type || ""),
@@ -38,26 +38,20 @@ const C = c({
       }, null, 2),
       t.$slots.dot ? m("", !0) : (s(), a("div", {
         key: 0,
-        class: l(u.value),
-        style: y({
+        class: l(c.value),
+        style: f({
           backgroundColor: t.color
         })
       }, [
-        t.icon ? (s(), r(o(h), {
-          key: 0,
-          class: l(o(e).e("icon"))
-        }, {
-          default: v(() => [
-            (s(), r(k(t.icon)))
-          ]),
-          _: 1
-        }, 8, ["class"])) : m("", !0)
+        t.icon?.icon ? (s(), y(o(v), k({ key: 0 }, t.icon, {
+          class: o(e).e("icon")
+        }), null, 16, ["class"])) : m("", !0)
       ], 6)),
       t.$slots.dot ? (s(), a("div", {
         key: 1,
         class: l(o(e).e("dot"))
       }, [
-        p(t.$slots, "dot")
+        r(t.$slots, "dot")
       ], 2)) : m("", !0),
       n("div", {
         class: l(o(e).e("wrapper"))
@@ -65,20 +59,20 @@ const C = c({
         !t.hideTimestamp && t.placement === "top" ? (s(), a("div", {
           key: 0,
           class: l([o(e).e("timestamp"), o(e).is("top")])
-        }, d(t.timestamp), 3)) : m("", !0),
+        }, p(t.timestamp), 3)) : m("", !0),
         n("div", {
           class: l(o(e).e("content"))
         }, [
-          p(t.$slots, "default")
+          r(t.$slots, "default")
         ], 2),
         !t.hideTimestamp && t.placement === "bottom" ? (s(), a("div", {
           key: 1,
           class: l([o(e).e("timestamp"), o(e).is("bottom")])
-        }, d(t.timestamp), 3)) : m("", !0)
+        }, p(t.timestamp), 3)) : m("", !0)
       ], 2)
     ], 2));
   }
 });
 export {
-  I as default
+  D as default
 };