vft 0.0.129 → 0.0.131

package/es/components/config-provider/config-provider.vue2.js

@@ -1,26 +1,27 @@
-import { defineComponent as r, watch as o, computed as d, onActivated as f, onDeactivated as u, onBeforeUnmount as l, getCurrentInstance as h, openBlock as g, createElementBlock as p, normalizeClass as v, unref as C, normalizeStyle as V, renderSlot as b } from "vue";
-import { inBrowser as k, kebabCase as B } from "@vft/utils";
+import { defineComponent as r, watch as m, computed as f, onActivated as d, onDeactivated as l, onBeforeUnmount as u, getCurrentInstance as h, openBlock as g, createElementBlock as p, normalizeClass as v, unref as C, normalizeStyle as V, renderSlot as b } from "vue";
+import { inBrowser as k, kebabCase as y } from "@vft/utils";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
 import "lodash";
-import { useNamespace as D } from "../../hooks/use-namespace/index.js";
+import { useNamespace as B } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { messageConfig as E } from "./constants.js";
-import { provideGlobalConfig as L } from "./hooks/use-global-config.js";
-const S = (
+import { messageConfig as D } from "./constants.js";
+import { provideGlobalConfig as E } from "./hooks/use-global-config.js";
+const L = (
   /* hoist-static*/
-  D("config-provider")
-), T = r({
+  B("config-provider")
+), S = r({
   name: "vft-config-provider"
 }), N = /* @__PURE__ */ r({
-  ...T,
+  ...S,
   props: {
     theme: { default: "light" },
     themeVars: {},
     themeVarsDark: {},
     themeVarsLight: {},
-    iconPrefix: {},
+    iconfontClass: {},
+    iconifyPrefixClass: { default: "ico-" },
     namespace: { default: "vft" },
     zIndex: {},
     message: {},
@@ -28,14 +29,14 @@ const S = (
     button: {}
   },
   setup(t) {
-    o(
+    m(
       () => t.message,
       (e) => {
-        Object.assign(E, e ?? {});
+        Object.assign(D, e ?? {});
       },
       { immediate: !0, deep: !0 }
     );
-    const s = d(() => {
+    const s = f(() => {
       const e = t.theme === "dark";
       return i({
         ...t.themeVars,
@@ -45,26 +46,26 @@ const S = (
     if (k) {
       const e = () => {
         document.documentElement.classList.add(t.theme);
-      }, m = (n = t.theme) => {
+      }, a = (n = t.theme) => {
         document.documentElement.classList.remove(n);
       };
-      o(
+      m(
         () => t.theme,
-        (n, a) => {
-          a && m(a), e();
+        (n, o) => {
+          o && a(o), e();
         },
         { immediate: !0 }
-      ), f(e), u(m), l(m);
+      ), d(e), l(a), u(a);
     }
     function i(e) {
-      const m = {};
+      const a = {};
       return Object.keys(e).forEach((n) => {
-        m[`--${t.namespace}-${B(n)}`] = e[n];
-      }), m;
+        a[`--${t.namespace}-${y(n)}`] = e[n];
+      }), a;
     }
     const c = h();
-    return L(c.props), (e, m) => (g(), p("div", {
-      class: v(C(S).b()),
+    return E(c.props), (e, a) => (g(), p("div", {
+      class: v(C(L).b()),
       style: V(s.value)
     }, [
       b(e.$slots, "default")

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

@@ -1,20 +1,20 @@
-import { defineComponent as m, computed as i, openBlock as n, createElementBlock as r, normalizeClass as l, unref as a, normalizeStyle as s } from "vue";
-import { addUnit as d } from "@vft/utils";
+import { defineComponent as u, computed as r, openBlock as c, createElementBlock as a, normalizeClass as l, unref as i, normalizeStyle as m } from "vue";
+import { addUnit as y } from "@vft/utils";
 import "../config-provider/index.js";
 import "@vueuse/core";
-import { generateCssVars as v } from "../../utils/ns-cover.js";
+import { generateCssVars as C } from "../../utils/ns-cover.js";
 import "lodash";
-import { useNamespace as y } from "../../hooks/use-namespace/index.js";
+import { useNamespace as g } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { useGlobalConfig as g } from "../config-provider/hooks/use-global-config.js";
-const C = ["src"], c = (
+import { useGlobalConfig as h } from "../config-provider/hooks/use-global-config.js";
+const z = ["src"], f = (
   /* hoist-static*/
-  y("icon")
-), h = m({
+  g("icon")
+), I = u({
   name: "vft-icon"
-}), V = /* @__PURE__ */ m({
-  ...h,
+}), W = /* @__PURE__ */ u({
+  ...I,
   props: {
     icon: {},
     size: {},
@@ -25,28 +25,27 @@ const C = ["src"], c = (
     hoverColor: {}
   },
   setup(o) {
-    const u = g(), t = i(() => v({
-      size: d(o.size),
+    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 ? `${u.value.namespace}-rotate ${o.rotateSpeed}s linear 0s infinite` : void 0
-    }, "icon")), f = (e) => e == null ? void 0 : e.includes("/"), p = i(() => f(o.icon));
-    return (e, z) => p.value ? (n(), r("img", {
+      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(a(c).e("image")),
+      class: l(i(f).e("image")),
       src: e.icon,
       alt: "",
-      style: s(t.value)
-    }, null, 14, C)) : (n(), r("i", {
+      style: m(n.value)
+    }, null, 14, z)) : (c(), a("i", {
       key: 1,
-      class: l([a(c).b(), e.icon]),
-      style: s({
-        ...t.value
-      })
+      class: l([i(f).b(), e.icon, i(v)]),
+      style: m(n.value)
     }, null, 6));
   }
 });
 export {
-  V as default
+  W as default
 };

package/es/components/modal/modal.vue2.js

@@ -1,8 +1,8 @@
-import { defineComponent as V, useAttrs as k, ref as c, getCurrentInstance as M, computed as s, unref as t, watchEffect as S, watch as F, nextTick as d, openBlock as p, createBlock as m, mergeProps as P, createSlots as R, withCtx as B, renderSlot as _, createCommentVNode as A } from "vue";
+import { defineComponent as k, useAttrs as v, ref as i, getCurrentInstance as M, computed as u, unref as t, watchEffect as S, watch as F, nextTick as r, openBlock as m, createBlock as B, mergeProps as P, createSlots as R, withCtx as h, renderSlot as _, createCommentVNode as A } from "vue";
 import { isFunction as T, deepMerge as D } from "@vft/utils";
 import { VftDialog as G } from "../dialog/index.js";
 import I from "./modal-footer-action.vue2.js";
-const N = /* @__PURE__ */ V({
+const N = /* @__PURE__ */ k({
   __name: "modal",
   props: {
     closeFunc: {},
@@ -44,23 +44,23 @@ const N = /* @__PURE__ */ V({
     "update:modelValue": [],
     submit: []
   },
-  setup(h, { emit: n }) {
-    const o = h, y = k(), u = c(null), l = c(!1), a = c(null), C = {
+  setup(y, { emit: n }) {
+    const o = y, C = v(), c = i(null), l = i(!1), a = i(null), f = {
       setModalProps: g,
       emitVisible: void 0,
       redoModalHeight: () => {
-        d(() => {
+        r(() => {
           t(a) && t(a).setModalHeight();
         });
       }
-    }, r = M();
-    r && n("register", C, r.uid);
-    const w = s(() => ({
+    }, s = M();
+    s && n("register", f, s.uid);
+    const b = u(() => ({
       ...o,
-      ...t(u)
-    })), b = s(() => ({
-      ...y,
-      ...t(w),
+      ...t(c)
+    })), w = u(() => ({
+      ...C,
+      ...t(b),
       modelValue: t(l)
     }));
     S(() => {
@@ -68,7 +68,9 @@ const N = /* @__PURE__ */ V({
     }), F(
       () => t(l),
       (e) => {
-        n("visible-change", e), n("update:modelValue", e), d(() => {
+        n("visible-change", e), n("update:modelValue", e), s && r(() => {
+          f.emitVisible(e, s.uid);
+        }), r(() => {
           o.scrollTop && e && t(a) && t(a).scrollTop();
         });
       },
@@ -76,39 +78,39 @@ const N = /* @__PURE__ */ V({
         immediate: !1
       }
     );
-    async function i(e) {
+    async function d(e) {
       if (e == null || e.stopPropagation(), o.closeFunc && T(o.closeFunc)) {
-        const f = await o.closeFunc();
-        l.value = !f;
+        const p = await o.closeFunc();
+        l.value = !p;
         return;
       }
       l.value = !1, n("close", e);
     }
     function g(e) {
-      u.value = D(t(u) || {}, e), Reflect.has(e, "modelValue") && (l.value = !!e.modelValue);
+      c.value = D(t(c) || {}, e), Reflect.has(e, "modelValue") && (l.value = !!e.modelValue);
     }
-    const O = s(() => ({
-      onClick: (e) => i(e),
+    const O = u(() => ({
+      onClick: (e) => d(e),
       ...o.cancelButtonOptions
-    })), v = s(() => ({
+    })), V = u(() => ({
       onClick: () => n("submit"),
       ...o.submitButtonOptions
     }));
-    return (e, f) => (p(), m(t(G), P(b.value, { onClose: i }), R({
-      default: B(() => [
+    return (e, p) => (m(), B(t(G), P(w.value, { onClose: d }), R({
+      default: h(() => [
         _(e.$slots, "default")
       ]),
       _: 2
     }, [
       e.$slots.footer || e.showActionButtonGroup ? {
         name: "footer",
-        fn: B(() => [
-          e.showActionButtonGroup ? (p(), m(I, {
+        fn: h(() => [
+          e.showActionButtonGroup ? (m(), B(I, {
             key: 0,
             showCancelButton: e.showCancelButton,
             showSubmitButton: e.showSubmitButton,
             cancelButtonOptions: O.value,
-            submitButtonOptions: v.value
+            submitButtonOptions: V.value
           }, null, 8, ["showCancelButton", "showSubmitButton", "cancelButtonOptions", "submitButtonOptions"])) : A("", !0)
         ]),
         key: "0"

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

@@ -1,15 +1,16 @@
-import { getDynamicProps as s } from "@vft/utils";
-import { tryOnBeforeUnmount as d } from "@vueuse/core";
-function f(r) {
-  const o = ref(null), l = ref(!1), u = ref(null);
-  let n;
-  function i(e, a) {
-    d(() => {
-      o.value = null, l.value = null;
-    }), !(unref(l) && e === unref(o)) && (o.value = e, u.value = a, r && e.setProps(s(r)), l.value = !0, n == null || n(), n = watch(
-      () => r,
+import { getDynamicProps as c } from "@vft/utils";
+import { tryOnBeforeUnmount as f } from "@vueuse/core";
+import { ref as u, unref as i, watch as w, toRaw as r } from "vue";
+function y(o) {
+  const n = u(null), s = u(!1), d = u(null);
+  let l;
+  function g(e, a) {
+    f(() => {
+      n.value = null, s.value = null;
+    }), !(i(s) && e === i(n)) && (n.value = e, d.value = a, o && e.setProps(c(o)), s.value = !0, l == null || l(), l = w(
+      () => o,
       () => {
-        r && e.setProps(s(r));
+        o && e.setProps(c(o));
       },
       {
         immediate: !0,
@@ -18,10 +19,10 @@ function f(r) {
     ));
   }
   function t() {
-    const e = unref(o);
+    const e = i(n);
     return e || console.error("The table instance has not been obtained yet, please make sure the table is presented when performing the table operation!"), e;
   }
-  return [i, {
+  return [g, {
     reload: async (e) => await t().reload(e),
     setProps: (e) => {
       t().setProps(e);
@@ -29,7 +30,7 @@ function f(r) {
     redoHeight: () => {
       t().redoHeight();
     },
-    setSelectedRows: (e) => toRaw(t().setSelectedRows(e)),
+    setSelectedRows: (e) => r(t().setSelectedRows(e)),
     setLoading: (e) => {
       t().setLoading(e);
     },
@@ -37,7 +38,7 @@ function f(r) {
     getRawDataSource: () => t().getRawDataSource(),
     getColumns: ({ ignoreIndex: e = !1 } = {}) => {
       const a = t().getColumns({ ignoreIndex: e }) || [];
-      return toRaw(a);
+      return r(a);
     },
     setColumns: (e) => {
       t().setColumns(e);
@@ -47,8 +48,8 @@ function f(r) {
     deleteSelectRowByKey: (e) => {
       t().deleteSelectRowByKey(e);
     },
-    getSelectRowKeys: () => toRaw(t().getSelectRowKeys()),
-    getSelectRows: () => toRaw(t().getSelectRows()),
+    getSelectRowKeys: () => r(t().getSelectRowKeys()),
+    getSelectRows: () => r(t().getSelectRows()),
     clearSelectedRowKeys: () => {
       t().clearSelectedRowKeys();
     },
@@ -56,8 +57,8 @@ function f(r) {
       t().setSelectedRowKeys(e);
     },
     getPaginationRef: () => t().getPaginationRef(),
-    getSize: () => toRaw(t().getSize()),
-    updateTableData: (e, a, c) => t().updateTableData(e, a, c),
+    getSize: () => r(t().getSize()),
+    updateTableData: (e, a, R) => t().updateTableData(e, a, R),
     deleteTableDataRecord: (e, a) => t().deleteTableDataRecord(e, a),
     insertTableDataRecord: (e, a) => t().insertTableDataRecord(e, a),
     updateTableDataRecord: (e, a) => t().updateTableDataRecord(e, a),
@@ -65,9 +66,9 @@ function f(r) {
     setShowPagination: async (e) => {
       t().setShowPagination(e);
     },
-    getShowPagination: () => toRaw(t().getShowPagination())
+    getShowPagination: () => r(t().getShowPagination())
   }];
 }
 export {
-  f as useTable
+  y as useTable
 };

package/es/package.json.js

@@ -1,4 +1,4 @@
-const o = "0.0.129";
+const o = "0.0.131";
 export {
   o as version
 };

package/lib/components/config-provider/config-provider.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("@vft/utils");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash");const m=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const l=require("./constants.cjs"),d=require("./hooks/use-global-config.cjs"),f=m.useNamespace("config-provider"),h=e.defineComponent({name:"vft-config-provider"}),g=e.defineComponent({...h,props:{theme:{default:"light"},themeVars:{},themeVarsDark:{},themeVarsLight:{},iconPrefix:{},namespace:{default:"vft"},zIndex:{},message:{},projectCfg:{},button:{}},setup(n){e.watch(()=>n.message,t=>{Object.assign(l.messageConfig,t??{})},{immediate:!0,deep:!0});const i=e.computed(()=>{const t=n.theme==="dark";return c({...n.themeVars,...t?n.themeVarsDark:n.themeVarsLight})});if(o.inBrowser){const t=()=>{document.documentElement.classList.add(n.theme)},r=(s=n.theme)=>{document.documentElement.classList.remove(s)};e.watch(()=>n.theme,(s,a)=>{a&&r(a),t()},{immediate:!0}),e.onActivated(t),e.onDeactivated(r),e.onBeforeUnmount(r)}function c(t){const r={};return Object.keys(t).forEach(s=>{r[`--${n.namespace}-${o.kebabCase(s)}`]=t[s]}),r}const u=e.getCurrentInstance();return d.provideGlobalConfig(u.props),(t,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(f).b()),style:e.normalizeStyle(i.value)},[e.renderSlot(t.$slots,"default")],6))}});exports.default=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("@vft/utils");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash");const m=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const l=require("./constants.cjs"),d=require("./hooks/use-global-config.cjs"),f=m.useNamespace("config-provider"),h=e.defineComponent({name:"vft-config-provider"}),g=e.defineComponent({...h,props:{theme:{default:"light"},themeVars:{},themeVarsDark:{},themeVarsLight:{},iconfontClass:{},iconifyPrefixClass:{default:"ico-"},namespace:{default:"vft"},zIndex:{},message:{},projectCfg:{},button:{}},setup(n){e.watch(()=>n.message,t=>{Object.assign(l.messageConfig,t??{})},{immediate:!0,deep:!0});const i=e.computed(()=>{const t=n.theme==="dark";return c({...n.themeVars,...t?n.themeVarsDark:n.themeVarsLight})});if(o.inBrowser){const t=()=>{document.documentElement.classList.add(n.theme)},s=(r=n.theme)=>{document.documentElement.classList.remove(r)};e.watch(()=>n.theme,(r,a)=>{a&&s(a),t()},{immediate:!0}),e.onActivated(t),e.onDeactivated(s),e.onBeforeUnmount(s)}function c(t){const s={};return Object.keys(t).forEach(r=>{s[`--${n.namespace}-${o.kebabCase(r)}`]=t[r]}),s}const u=e.getCurrentInstance();return d.provideGlobalConfig(u.props),(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(f).b()),style:e.normalizeStyle(i.value)},[e.renderSlot(t.$slots,"default")],6))}});exports.default=g;

package/lib/components/icon/icon.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("@vft/utils");require("../config-provider/index.cjs");require("@vueuse/core");const a=require("../../utils/ns-cover.cjs");require("lodash");const u=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const d=require("../config-provider/hooks/use-global-config.cjs"),m=["src"],r=u.useNamespace("icon"),f=e.defineComponent({name:"vft-icon"}),v=e.defineComponent({...f,props:{icon:{},size:{},color:{},rotate:{type:Boolean},rotateSpeed:{default:2},pointer:{type:Boolean},hoverColor:{}},setup(o){const i=d.useGlobalConfig(),t=e.computed(()=>a.generateCssVars({size:c.addUnit(o.size),color:o.color,hoverColor:o.hoverColor,cursor:o.pointer?"pointer":void 0,animation:o.rotate?`${i.value.namespace}-rotate ${o.rotateSpeed}s linear 0s infinite`:void 0},"icon")),l=n=>n==null?void 0:n.includes("/"),s=e.computed(()=>l(o.icon));return(n,C)=>s.value?(e.openBlock(),e.createElementBlock("img",{key:0,class:e.normalizeClass(e.unref(r).e("image")),src:n.icon,alt:"",style:e.normalizeStyle(t.value)},null,14,m)):(e.openBlock(),e.createElementBlock("i",{key:1,class:e.normalizeClass([e.unref(r).b(),n.icon]),style:e.normalizeStyle({...t.value})},null,6))}});exports.default=v;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("@vft/utils");require("../config-provider/index.cjs");require("@vueuse/core");const f=require("../../utils/ns-cover.cjs");require("lodash");const d=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const m=require("../config-provider/hooks/use-global-config.cjs"),v=["src"],s=d.useNamespace("icon"),C=e.defineComponent({name:"vft-icon"}),y=e.defineComponent({...C,props:{icon:{},size:{},color:{},rotate:{type:Boolean},rotateSpeed:{default:2},pointer:{type:Boolean},hoverColor:{}},setup(o){var r;const t=m.useGlobalConfig(),i=e.computed(()=>f.generateCssVars({size:u.addUnit(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")),l=n=>n==null?void 0:n.includes("/"),c=e.computed(()=>l(o.icon)),a=o.icon.startsWith((r=t.value)==null?void 0:r.iconifyPrefixClass)?"":t.value.iconfontClass;return(n,q)=>c.value?(e.openBlock(),e.createElementBlock("img",{key:0,class:e.normalizeClass(e.unref(s).e("image")),src:n.icon,alt:"",style:e.normalizeStyle(i.value)},null,14,v)):(e.openBlock(),e.createElementBlock("i",{key:1,class:e.normalizeClass([e.unref(s).b(),n.icon,e.unref(a)]),style:e.normalizeStyle(i.value)},null,6))}});exports.default=y;

package/lib/components/modal/modal.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("@vft/utils"),g=require("../dialog/index.cjs"),b=require("./modal-footer-action.vue2.cjs"),w=e.defineComponent({__name:"modal",props:{closeFunc:{},showActionButtonGroup:{type:Boolean,default:!1},appendToBody:{type:Boolean,default:!1},beforeClose:{},destroyOnClose:{type:Boolean,default:!1},closeOnClickModal:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0},lockScroll:{type:Boolean,default:!0},modal:{type:Boolean,default:!0},openDelay:{default:0},closeDelay:{default:0},top:{},modelValue:{type:Boolean,default:!1},modalClass:{},width:{},zIndex:{},trapFocus:{type:Boolean,default:!1},center:{type:Boolean,default:!1},alignCenter:{type:Boolean,default:!1},closeIcon:{},customClass:{default:""},draggable:{type:Boolean,default:!1},fullscreen:{type:Boolean,default:!1},showClose:{type:Boolean,default:!0},title:{default:""},showSubmitButton:{type:Boolean,default:!0},showCancelButton:{type:Boolean,default:!0},submitButtonOptions:{},cancelButtonOptions:{},actionRowOptions:{}},emits:{"visible-change":[],close:[],ok:[],register:[],"update:modelValue":[],submit:[]},setup(f,{emit:n}){const o=f,d=e.useAttrs(),a=e.ref(null),l=e.ref(!1),u=e.ref(null),p={setModalProps:h,emitVisible:void 0,redoModalHeight:()=>{e.nextTick(()=>{e.unref(u)&&e.unref(u).setModalHeight()})}},s=e.getCurrentInstance();s&&n("register",p,s.uid);const B=e.computed(()=>({...o,...e.unref(a)})),m=e.computed(()=>({...d,...e.unref(B),modelValue:e.unref(l)}));e.watchEffect(()=>{l.value=!!o.modelValue}),e.watch(()=>e.unref(l),t=>{n("visible-change",t),n("update:modelValue",t),e.nextTick(()=>{o.scrollTop&&t&&e.unref(u)&&e.unref(u).scrollTop()})},{immediate:!1});async function r(t){if(t==null||t.stopPropagation(),o.closeFunc&&i.isFunction(o.closeFunc)){const c=await o.closeFunc();l.value=!c;return}l.value=!1,n("close",t)}function h(t){a.value=i.deepMerge(e.unref(a)||{},t),Reflect.has(t,"modelValue")&&(l.value=!!t.modelValue)}const y=e.computed(()=>({onClick:t=>r(t),...o.cancelButtonOptions})),C=e.computed(()=>({onClick:()=>n("submit"),...o.submitButtonOptions}));return(t,c)=>(e.openBlock(),e.createBlock(e.unref(g.VftDialog),e.mergeProps(m.value,{onClose:r}),e.createSlots({default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:2},[t.$slots.footer||t.showActionButtonGroup?{name:"footer",fn:e.withCtx(()=>[t.showActionButtonGroup?(e.openBlock(),e.createBlock(b.default,{key:0,showCancelButton:t.showCancelButton,showSubmitButton:t.showSubmitButton,cancelButtonOptions:y.value,submitButtonOptions:C.value},null,8,["showCancelButton","showSubmitButton","cancelButtonOptions","submitButtonOptions"])):e.createCommentVNode("",!0)]),key:"0"}:void 0]),1040))}});exports.default=w;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("@vft/utils"),b=require("../dialog/index.cjs"),g=require("./modal-footer-action.vue2.cjs"),w=e.defineComponent({__name:"modal",props:{closeFunc:{},showActionButtonGroup:{type:Boolean,default:!1},appendToBody:{type:Boolean,default:!1},beforeClose:{},destroyOnClose:{type:Boolean,default:!1},closeOnClickModal:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0},lockScroll:{type:Boolean,default:!0},modal:{type:Boolean,default:!0},openDelay:{default:0},closeDelay:{default:0},top:{},modelValue:{type:Boolean,default:!1},modalClass:{},width:{},zIndex:{},trapFocus:{type:Boolean,default:!1},center:{type:Boolean,default:!1},alignCenter:{type:Boolean,default:!1},closeIcon:{},customClass:{default:""},draggable:{type:Boolean,default:!1},fullscreen:{type:Boolean,default:!1},showClose:{type:Boolean,default:!0},title:{default:""},showSubmitButton:{type:Boolean,default:!0},showCancelButton:{type:Boolean,default:!0},submitButtonOptions:{},cancelButtonOptions:{},actionRowOptions:{}},emits:{"visible-change":[],close:[],ok:[],register:[],"update:modelValue":[],submit:[]},setup(d,{emit:n}){const o=d,p=e.useAttrs(),s=e.ref(null),l=e.ref(!1),u=e.ref(null),c={setModalProps:h,emitVisible:void 0,redoModalHeight:()=>{e.nextTick(()=>{e.unref(u)&&e.unref(u).setModalHeight()})}},a=e.getCurrentInstance();a&&n("register",c,a.uid);const B=e.computed(()=>({...o,...e.unref(s)})),m=e.computed(()=>({...p,...e.unref(B),modelValue:e.unref(l)}));e.watchEffect(()=>{l.value=!!o.modelValue}),e.watch(()=>e.unref(l),t=>{n("visible-change",t),n("update:modelValue",t),a&&e.nextTick(()=>{c.emitVisible(t,a.uid)}),e.nextTick(()=>{o.scrollTop&&t&&e.unref(u)&&e.unref(u).scrollTop()})},{immediate:!1});async function r(t){if(t==null||t.stopPropagation(),o.closeFunc&&f.isFunction(o.closeFunc)){const i=await o.closeFunc();l.value=!i;return}l.value=!1,n("close",t)}function h(t){s.value=f.deepMerge(e.unref(s)||{},t),Reflect.has(t,"modelValue")&&(l.value=!!t.modelValue)}const y=e.computed(()=>({onClick:t=>r(t),...o.cancelButtonOptions})),C=e.computed(()=>({onClick:()=>n("submit"),...o.submitButtonOptions}));return(t,i)=>(e.openBlock(),e.createBlock(e.unref(b.VftDialog),e.mergeProps(m.value,{onClose:r}),e.createSlots({default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:2},[t.$slots.footer||t.showActionButtonGroup?{name:"footer",fn:e.withCtx(()=>[t.showActionButtonGroup?(e.openBlock(),e.createBlock(g.default,{key:0,showCancelButton:t.showCancelButton,showSubmitButton:t.showSubmitButton,cancelButtonOptions:y.value,submitButtonOptions:C.value},null,8,["showCancelButton","showSubmitButton","cancelButtonOptions","submitButtonOptions"])):e.createCommentVNode("",!0)]),key:"0"}:void 0]),1040))}});exports.default=w;

package/lib/components/table/use/use-table.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@vft/utils"),d=require("@vueuse/core");function g(r){const o=ref(null),l=ref(!1),u=ref(null);let n;function c(e,a){d.tryOnBeforeUnmount(()=>{o.value=null,l.value=null}),!(unref(l)&&e===unref(o))&&(o.value=e,u.value=a,r&&e.setProps(s.getDynamicProps(r)),l.value=!0,n==null||n(),n=watch(()=>r,()=>{r&&e.setProps(s.getDynamicProps(r))},{immediate:!0,deep:!0}))}function t(){const e=unref(o);return e||console.error("The table instance has not been obtained yet, please make sure the table is presented when performing the table operation!"),e}return[c,{reload:async e=>await t().reload(e),setProps:e=>{t().setProps(e)},redoHeight:()=>{t().redoHeight()},setSelectedRows:e=>toRaw(t().setSelectedRows(e)),setLoading:e=>{t().setLoading(e)},getDataSource:()=>t().getDataSource(),getRawDataSource:()=>t().getRawDataSource(),getColumns:({ignoreIndex:e=!1}={})=>{const a=t().getColumns({ignoreIndex:e})||[];return toRaw(a)},setColumns:e=>{t().setColumns(e)},setTableData:e=>t().setTableData(e),setPagination:e=>t().setPagination(e),deleteSelectRowByKey:e=>{t().deleteSelectRowByKey(e)},getSelectRowKeys:()=>toRaw(t().getSelectRowKeys()),getSelectRows:()=>toRaw(t().getSelectRows()),clearSelectedRowKeys:()=>{t().clearSelectedRowKeys()},setSelectedRowKeys:e=>{t().setSelectedRowKeys(e)},getPaginationRef:()=>t().getPaginationRef(),getSize:()=>toRaw(t().getSize()),updateTableData:(e,a,i)=>t().updateTableData(e,a,i),deleteTableDataRecord:(e,a)=>t().deleteTableDataRecord(e,a),insertTableDataRecord:(e,a)=>t().insertTableDataRecord(e,a),updateTableDataRecord:(e,a)=>t().updateTableDataRecord(e,a),findTableDataRecord:e=>t().findTableDataRecord(e),setShowPagination:async e=>{t().setShowPagination(e)},getShowPagination:()=>toRaw(t().getShowPagination())}]}exports.useTable=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@vft/utils"),g=require("@vueuse/core"),a=require("vue");function R(o){const n=a.ref(null),u=a.ref(!1),c=a.ref(null);let l;function i(e,r){g.tryOnBeforeUnmount(()=>{n.value=null,u.value=null}),!(a.unref(u)&&e===a.unref(n))&&(n.value=e,c.value=r,o&&e.setProps(s.getDynamicProps(o)),u.value=!0,l==null||l(),l=a.watch(()=>o,()=>{o&&e.setProps(s.getDynamicProps(o))},{immediate:!0,deep:!0}))}function t(){const e=a.unref(n);return e||console.error("The table instance has not been obtained yet, please make sure the table is presented when performing the table operation!"),e}return[i,{reload:async e=>await t().reload(e),setProps:e=>{t().setProps(e)},redoHeight:()=>{t().redoHeight()},setSelectedRows:e=>a.toRaw(t().setSelectedRows(e)),setLoading:e=>{t().setLoading(e)},getDataSource:()=>t().getDataSource(),getRawDataSource:()=>t().getRawDataSource(),getColumns:({ignoreIndex:e=!1}={})=>{const r=t().getColumns({ignoreIndex:e})||[];return a.toRaw(r)},setColumns:e=>{t().setColumns(e)},setTableData:e=>t().setTableData(e),setPagination:e=>t().setPagination(e),deleteSelectRowByKey:e=>{t().deleteSelectRowByKey(e)},getSelectRowKeys:()=>a.toRaw(t().getSelectRowKeys()),getSelectRows:()=>a.toRaw(t().getSelectRows()),clearSelectedRowKeys:()=>{t().clearSelectedRowKeys()},setSelectedRowKeys:e=>{t().setSelectedRowKeys(e)},getPaginationRef:()=>t().getPaginationRef(),getSize:()=>a.toRaw(t().getSize()),updateTableData:(e,r,d)=>t().updateTableData(e,r,d),deleteTableDataRecord:(e,r)=>t().deleteTableDataRecord(e,r),insertTableDataRecord:(e,r)=>t().insertTableDataRecord(e,r),updateTableDataRecord:(e,r)=>t().updateTableDataRecord(e,r),findTableDataRecord:e=>t().findTableDataRecord(e),setShowPagination:async e=>{t().setShowPagination(e)},getShowPagination:()=>a.toRaw(t().getShowPagination())}]}exports.useTable=R;

package/lib/package.json.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.129";exports.version=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.131";exports.version=e;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vft",
-  "version": "0.0.129",
+  "version": "0.0.131",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",
@@ -54,9 +54,9 @@
     "resize-detector": "0.3.0",
     "sortablejs": "^1.15.0",
     "@vft/constants": "0.0.59",
+    "@vft/router": "0.0.28",
     "@vft/store": "0.0.28",
     "@vft/use": "0.0.31",
-    "@vft/router": "0.0.28",
     "@vft/utils": "0.0.43",
     "@vft/directives": "0.0.24"
   },