vft 0.0.455 → 0.0.457

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

@@ -1,14 +1,13 @@
 import "../../pagination/index.js";
-import { isFunction as D, isBoolean as X, delObjAttrNotExist as Y, isString as $, isEmptyObject as ee, isNullOrUndefined as N, isObject as x, isNumber as te, isPlainObject as ae } from "@vft/utils";
-import { useTimeoutFn as re } from "@vueuse/core";
-import { merge as ie, get as C } from "lodash-es";
-import { ref as p, watchEffect as ne, unref as r, watch as k, computed as ce, onMounted as le } from "vue";
+import { isFunction as D, isBoolean as X, delObjAttrNotExist as Y, isString as $, isEmptyObject as ee, isNullOrUndefined as E, isObject as N, isNumber as te, isPlainObject as ae } from "@vft/utils";
+import { merge as re, get as k } from "lodash-es";
+import { ref as T, watchEffect as ie, unref as r, watch as C, computed as ne, onMounted as ce, nextTick as le } from "vue";
 import { PageSize as ue } from "../constants.js";
-function he(u, { tableData: I, setLoading: T, getPaginationInfo: O, setPagination: o }, j) {
-  const a = p([]), R = p({});
-  ne(() => {
+function ge(u, { tableData: I, setLoading: p, getPaginationInfo: O, setPagination: s }, j) {
+  const a = T([]), R = T({});
+  ie(() => {
     I.value = r(a);
-  }), k(
+  }), C(
     () => r(u).data,
     () => {
       const { data: e, api: t } = r(u);
@@ -19,9 +18,9 @@ function he(u, { tableData: I, setLoading: T, getPaginationInfo: O, setPaginatio
     }
   );
   function M(e) {
-    o(e), g({});
+    s(e), g({});
   }
-  const z = ce(() => {
+  const z = ne(() => {
     const e = r(a);
     return !e || e.length === 0 ? r(a) : r(a);
   });
@@ -31,14 +30,14 @@ function he(u, { tableData: I, setLoading: T, getPaginationInfo: O, setPaginatio
       fetchSetting: i = {},
       beforeFetch: n,
       afterFetch: l,
-      pagination: d,
-      delEmptyParams: s,
+      pagination: m,
+      delEmptyParams: o,
       transformParams: J,
       extraParams: h
     } = r(u);
     if (!(!t || !D(t)))
       try {
-        T(!0);
+        p(!0);
         const { pageField: b, sizeField: K, listField: Q, totalField: W } = Object.assign(
           {},
           {
@@ -54,53 +53,55 @@ function he(u, { tableData: I, setLoading: T, getPaginationInfo: O, setPaginatio
           O
         );
         if (J) {
-          if (X(d) && !d)
+          if (X(m) && !m)
             w = {};
           else {
-            const m = e && e.page || P;
-            w[b] = d?.pageIsZero ? m - 1 : m, w[K] = _;
+            const d = e && e.page || P;
+            w[b] = m?.pageIsZero ? d - 1 : d, w[K] = _;
           }
-          if (c = ie(e, w), n && D(n)) {
-            const m = await n(c);
-            c = { ...c, ...m };
+          if (c = re(e, w), n && D(n)) {
+            const d = await n(c);
+            c = { ...c, ...d };
           }
-          s && Y(
+          o && Y(
             c,
-            $(s) ? s === "strict" : !1
+            $(o) ? o === "strict" : !1
           );
         }
-        c && !ee(c) && !N(h) ? x(c) && x(h) && (c = Object.assign({}, c, h)) : N(h) || (c = h);
-        const v = await t(c), E = Array.isArray(v);
-        let f = E ? v : C(v, Q);
-        const S = E ? v.length : C(v, W);
+        c && !ee(c) && !E(h) ? N(c) && N(h) && (c = Object.assign({}, c, h)) : E(h) || (c = h);
+        const v = await t(c), x = Array.isArray(v);
+        let f = x ? v : k(v, Q);
+        const S = x ? v.length : k(v, W);
         if (Number(S)) {
-          const m = Math.ceil(S / _);
-          if (P > m)
-            return o({
-              currentPage: m
+          const d = Math.ceil(S / _);
+          if (P > d)
+            return s({
+              currentPage: d
             }), await g(e);
         }
-        return l && D(l) && (f = await l(f) || f), a.value = f, R.value = f, o({
+        return l && D(l) && (f = await l(f) || f), a.value = f, R.value = f, s({
           total: S || 0
-        }), e && e.page && o({
+        }), e && e.page && s({
           currentPage: e.page || 1
         }), j("fetch-success", {
           items: r(f),
           total: S
         }), f;
       } catch (b) {
-        console.log(b), j("fetch-error", b), a.value = [], o({
+        console.log(b), j("fetch-error", b), a.value = [], s({
           total: 0
         });
       } finally {
-        T(!1);
+        le(() => {
+          p(!1);
+        });
       }
   }
   function F() {
     return R.value;
   }
   async function q(e) {
-    return o({
+    return s({
       currentPage: e?.page || 1
     }), await g(e);
   }
@@ -109,9 +110,9 @@ function he(u, { tableData: I, setLoading: T, getPaginationInfo: O, setPaginatio
     const { rowkey: t } = r(u);
     return ((n) => {
       let l;
-      return n.some(function(s) {
-        if (Reflect.has(s, t) && s[t] === e)
-          return l = s, !0;
+      return n.some(function(o) {
+        if (Reflect.has(o, t) && o[t] === e)
+          return l = o, !0;
       }), l;
     })(a.value);
   }
@@ -133,11 +134,11 @@ function he(u, { tableData: I, setLoading: T, getPaginationInfo: O, setPaginatio
   function Z(e, t) {
     if (!a.value || a.value.length === 0) return;
     const { rowkey: i } = r(u), n = a.value.findIndex(
-      (d) => d[t || i] === e[t || i]
+      (m) => m[t || i] === e[t || i]
     );
     a.value.splice(n, 1);
     const { total: l } = r(O);
-    te(l) && o({
+    te(l) && s({
       total: l - 1
     });
   }
@@ -159,12 +160,10 @@ function he(u, { tableData: I, setLoading: T, getPaginationInfo: O, setPaginatio
     } else
       y(F());
   }
-  const A = p(!0);
-  return le(() => {
-    re(() => {
-      r(u).immediate && g(), A.value = !1;
-    }, 16);
-  }), k(
+  const A = T(!0);
+  return ce(() => {
+    r(u).immediate && g(), A.value = !1;
+  }), C(
     () => r(u).api,
     () => {
       r(u).watchApiFetch && !A.value && r(u).immediate && g();
@@ -184,5 +183,5 @@ function he(u, { tableData: I, setLoading: T, getPaginationInfo: O, setPaginatio
   };
 }
 export {
-  he as useDataSource
+  ge as useDataSource
 };

package/es/package.json.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
   "name": "vft",
-  "version": "0.0.455",
+  "version": "0.0.457",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",

package/es/package.json.js

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

package/es/utils/vue/vnode.js

@@ -1,4 +1,4 @@
-import { hasOwn as m, camelize as N, isArray as E } from "@vft/utils";
+import { isArray as E, hasOwn as m, camelize as N } from "@vft/utils";
 import { isVNode as o, Fragment as S, Comment as A, Text as s, createCommentVNode as L, createBlock as _, openBlock as C } from "vue";
 import { debugWarn as O } from "../error.js";
 const R = "utils/vue/vnode";

package/lib/components/input/input.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../form/index.cjs");const b=require("../icon/index.cjs"),Y=require("@vueuse/core"),s=require("@vft/utils"),T=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");const Be=require("lodash-es"),Z=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const q=require("@vft/constants"),_=require("@vft/use"),ee=require("./utils.cjs"),te=require("../form/hooks/use-form-item.cjs"),ne=require("../form/hooks/use-form-common-props.cjs"),Ve=["role"],Ie=["id","type","disabled","formatter","parser","readonly","autocomplete","tabindex","aria-label","placeholder","form"],Se=["id","tabindex","disabled","readonly","autocomplete","aria-label","placeholder","form"],ze=e.defineComponent({__name:"input",props:{id:{},size:{default:""},disabled:{type:Boolean},modelValue:{},type:{default:"text"},resize:{},autosize:{type:[Object,Boolean],default:!1},autocomplete:{default:"off"},formatter:{},parser:{},placeholder:{},form:{},readonly:{type:Boolean},clearable:{type:Boolean},showPassword:{type:Boolean},showWordLimit:{type:Boolean},suffixIcon:{},prefixIcon:{},clearIcon:{},containerRole:{},label:{},tabindex:{default:0},validateEvent:{type:Boolean,default:!0},inputStyle:{type:[Boolean,null,String,Object,Array]}},emits:{[q.UPDATE_MODEL_EVENT]:t=>s.isString(t),input:t=>s.isString(t),change:t=>s.isString(t),suffixClick:t=>s.isString(t),prefixClick:t=>s.isString(t),focus:t=>t instanceof FocusEvent,blur:t=>t instanceof FocusEvent,clear:()=>!0,enter:()=>!0,mouseleave:t=>t instanceof MouseEvent,mouseenter:t=>t instanceof MouseEvent,keydown:t=>t instanceof Event,compositionstart:t=>t instanceof CompositionEvent,compositionupdate:t=>t instanceof CompositionEvent,compositionend:t=>t instanceof CompositionEvent},setup(t,{expose:oe,emit:ae}){const l=ae,p=e.useAttrs(),i=e.useSlots(),M=e.computed(()=>{const n={};return t.containerRole==="combobox"&&(n["aria-haspopup"]=p["aria-haspopup"],n["aria-owns"]=p["aria-owns"],n["aria-expanded"]=p["aria-expanded"]),n}),le=e.computed(()=>[t.type==="textarea"?A.b():o.b(),o.m(ie.value),o.is("disabled",m.value),o.is("exceed",fe.value),o.is("focus",c.value),{[o.b("group")]:i.prepend||i.append,[o.bm("group","append")]:i.append,[o.bm("group","prepend")]:i.prepend,[o.m("prefix")]:i.prefix||t.prefixIcon,[o.m("suffix")]:i.suffix||t.suffixIcon||t.clearable||t.showPassword,[o.bm("suffix","password-clear")]:E.value&&z.value},p.class]),se=e.getCurrentInstance(),re=e.computed(()=>[o.e("wrapper"),o.is("focus",c.value)]),r=_.useAttrs({excludeKeys:e.computed(()=>Object.keys(M.value))}),{form:ue,formItem:k}=te.useFormItem(),{inputId:F}=te.useFormItemInputId(se.props,{formItemContext:k}),ie=ne.useFormSize(),m=ne.useFormDisabled(),o=Z.useNamespace("input"),A=Z.useNamespace("textarea"),C=e.shallowRef(),f=e.shallowRef(),c=e.ref(!1),V=e.ref(!1),y=e.ref(!1),w=e.ref(!1),D=e.ref(),I=e.shallowRef(t.inputStyle),h=e.computed(()=>C.value||f.value),S=e.computed(()=>s.singleAttrToObj(t.prefixIcon,"icon",{size:16})),O=e.computed(()=>s.singleAttrToObj(t.suffixIcon,"icon",{size:16})),ce=e.computed(()=>s.singleAttrToObj(t.clearIcon,"icon",{icon:"icon-circle-close",size:16})),R=e.computed(()=>ue?.statusIcon??!1),x=e.computed(()=>k?.validateState||""),K=e.computed(()=>x.value&&{validating:"icon-loading",success:"icon-circle-check",error:"icon-circle-close"}[x.value]),de=e.computed(()=>w.value?{icon:"icon-view",size:16}:{icon:"icon-hide",size:16}),me=e.computed(()=>[p.style,t.inputStyle]),$=e.computed(()=>[t.inputStyle,I.value,{resize:t.resize}]),u=e.computed(()=>Be.isNil(t.modelValue)?"":String(t.modelValue)),E=e.computed(()=>t.clearable&&!m.value&&!t.readonly&&!!u.value&&(c.value||V.value)),z=e.computed(()=>t.showPassword&&!m.value&&!t.readonly&&!!u.value&&(!!u.value||c.value)),v=e.computed(()=>t.showWordLimit&&!!r.value.maxlength&&(t.type==="text"||t.type==="textarea")&&!m.value&&!t.readonly&&!t.showPassword),N=e.computed(()=>Array.from(u.value).length),fe=e.computed(()=>!!v.value&&N.value>Number(r.value.maxlength)),ve=e.computed(()=>!!i.suffix||!!t.suffixIcon||E.value||t.showPassword||v.value||!!x.value&&R.value),[pe,ye]=_.useCursor(C);Y.useResizeObserver(f,n=>{if(!v.value||t.resize!=="both")return;const a=n[0],{width:d}=a.contentRect;D.value={right:`calc(100% - ${d+15+6}px)`}});const B=()=>{if(!(!Y.isClient||t.type!=="textarea"))if(t.autosize){const n=s.isObject(t.autosize)?t.autosize.minRows:void 0,a=s.isObject(t.autosize)?t.autosize.maxRows:void 0;I.value={...ee.calcTextareaHeight(f.value,n,a)}}else I.value={minHeight:ee.calcTextareaHeight(f.value).minHeight}},g=()=>{const n=h.value;!n||n.value===u.value||(n.value=u.value)},P=async n=>{pe();let{value:a}=n.target;if(r.value.maxlength&&a.length>=r.value.maxlength&&(a=a.slice(0,Number(r.value.maxlength))),t.formatter&&(a=t.parser?t.parser(a):a,a=t.formatter(a)),!y.value){if(a===u.value){g();return}l(q.UPDATE_MODEL_EVENT,a),l("input",a),await e.nextTick(),g(),ye()}},j=n=>{l("change",n.target.value)},he=()=>{l("suffixClick",t.modelValue)},xe=()=>{l("prefixClick",t.modelValue)},L=n=>{l("compositionstart",n),y.value=!0},ge=n=>/([(\uAC00-\uD7AF)|\u3130-\u318F])+/.test(n),W=n=>{l("compositionupdate",n);const a=n.target?.value,d=a[a.length-1]||"";y.value=!ge(d)},H=n=>{l("compositionend",n),y.value&&(y.value=!1,P(n))},be=()=>{w.value=!w.value,U()},U=async()=>{await e.nextTick(),h.value?.focus()},ke=()=>h.value?.blur(),G=n=>{c.value=!0,l("focus",n)},J=n=>{c.value=!1,l("blur",n),t.validateEvent&&k?.validate?.("blur").catch(a=>T.debugWarn(a))},Ce=n=>{V.value=!1,l("mouseleave",n)},we=n=>{V.value=!0,l("mouseenter",n)},Q=n=>{const a=n.key;if(n.target.type==="number"&&["e","+","-0","E"].includes(a))return n.returnValue=!1,!1;l("keydown",n)},Ee=()=>{h.value?.select()},X=()=>{l(q.UPDATE_MODEL_EVENT,""),l("change",""),l("clear"),l("input","")};return e.watch(()=>t.modelValue,()=>{e.nextTick(()=>B()),t.validateEvent&&k?.validate?.("change").catch(n=>T.debugWarn(n))}),e.watch(u,()=>g()),e.watch(()=>t.type,async()=>{await e.nextTick(),g(),B()}),e.onMounted(()=>{!t.formatter&&t.parser&&T.debugWarn("VftInput","If you set the parser, you also need to set the formatter."),g(),e.nextTick(B)}),oe({input:C,textarea:f,ref:h,textareaStyle:$,autosize:t.autosize,focus:U,blur:ke,select:Ee,clear:X,resizeTextarea:B}),(n,a)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",e.mergeProps(M.value,{class:le.value,style:me.value,role:t.containerRole,onMouseenter:we,onMouseleave:Ce,onMousewheel:a[1]||(a[1]=d=>t.type==="number"&&c.value?d.preventDefault():null)}),[t.type!=="textarea"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.$slots.prepend?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(o).be("group","prepend"))},[e.renderSlot(n.$slots,"prepend")],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(re.value)},[n.$slots.prefix||S.value?.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(o).e("prefix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("prefix-inner")),onClick:xe},[e.renderSlot(n.$slots,"prefix"),S.value?.icon?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:0,pointer:""},S.value,{class:e.unref(o).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0),e.createElementVNode("input",e.mergeProps({id:e.unref(F),ref_key:"input",ref:C,class:e.unref(o).e("inner")},e.unref(r),{type:t.showPassword?w.value?"text":"password":t.type,disabled:e.unref(m),formatter:t.formatter,parser:t.parser,readonly:t.readonly,autocomplete:t.autocomplete,tabindex:t.tabindex,"aria-label":t.label,placeholder:t.placeholder,style:t.inputStyle,form:t.form,onCompositionstart:L,onCompositionupdate:W,onCompositionend:H,onInput:P,onFocus:G,onBlur:J,onChange:j,onKeydown:Q,onKeyup:a[0]||(a[0]=e.withKeys(d=>l("enter"),["enter"]))}),null,16,Ie),ve.value?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(o).e("suffix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("suffix-inner")),onClick:he},[!E.value||!z.value||!v.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(n.$slots,"suffix"),O.value?.icon?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:0},O.value,{class:e.unref(o).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),E.value?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:1,pointer:"",class:[e.unref(o).e("icon"),e.unref(o).e("clear")]},ce.value,{onMousedown:e.withModifiers(e.unref(s.noop),["prevent"]),onClick:e.withModifiers(X,["stop"])}),null,16,["class","onMousedown"])):e.createCommentVNode("",!0),z.value?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:2},de.value,{class:[e.unref(o).e("icon"),e.unref(o).e("password")],onClick:be}),null,16,["class"])):e.createCommentVNode("",!0),v.value?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(e.unref(o).e("count"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("count-inner"))},e.toDisplayString(N.value)+" / "+e.toDisplayString(e.unref(r).maxlength),3)],2)):e.createCommentVNode("",!0),x.value&&K.value&&R.value?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),{key:4,icon:K.value,class:e.normalizeClass([e.unref(o).e("icon"),e.unref(o).e("validateIcon"),e.unref(o).is("loading",x.value==="validating")])},null,8,["icon","class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0)],2),n.$slots.append?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(o).be("group","append"))},[e.renderSlot(n.$slots,"append")],2)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("textarea",e.mergeProps({id:e.unref(F),ref_key:"textarea",ref:f,class:e.unref(A).e("inner")},e.unref(r),{tabindex:t.tabindex,disabled:e.unref(m),readonly:t.readonly,autocomplete:t.autocomplete,style:$.value,"aria-label":t.label,placeholder:t.placeholder,form:t.form,onCompositionstart:L,onCompositionupdate:W,onCompositionend:H,onInput:P,onFocus:G,onBlur:J,onChange:j,onKeydown:Q}),null,16,Se),v.value?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle(D.value),class:e.normalizeClass(e.unref(o).e("count"))},e.toDisplayString(N.value)+" / "+e.toDisplayString(e.unref(r).maxlength),7)):e.createCommentVNode("",!0)],64))],16,Ve)),[[e.vShow,t.type!=="hidden"]])}});exports.default=ze;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../form/index.cjs");const b=require("../icon/index.cjs"),Y=require("@vueuse/core"),s=require("@vft/utils"),T=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");const Be=require("lodash-es"),Z=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const q=require("@vft/constants"),_=require("@vft/use"),ee=require("./utils.cjs"),te=require("../form/hooks/use-form-common-props.cjs"),ne=require("../form/hooks/use-form-item.cjs"),Ve=["role"],Ie=["id","type","disabled","formatter","parser","readonly","autocomplete","tabindex","aria-label","placeholder","form"],Se=["id","tabindex","disabled","readonly","autocomplete","aria-label","placeholder","form"],ze=e.defineComponent({__name:"input",props:{id:{},size:{default:""},disabled:{type:Boolean},modelValue:{},type:{default:"text"},resize:{},autosize:{type:[Object,Boolean],default:!1},autocomplete:{default:"off"},formatter:{},parser:{},placeholder:{},form:{},readonly:{type:Boolean},clearable:{type:Boolean},showPassword:{type:Boolean},showWordLimit:{type:Boolean},suffixIcon:{},prefixIcon:{},clearIcon:{},containerRole:{},label:{},tabindex:{default:0},validateEvent:{type:Boolean,default:!0},inputStyle:{type:[Boolean,null,String,Object,Array]}},emits:{[q.UPDATE_MODEL_EVENT]:t=>s.isString(t),input:t=>s.isString(t),change:t=>s.isString(t),suffixClick:t=>s.isString(t),prefixClick:t=>s.isString(t),focus:t=>t instanceof FocusEvent,blur:t=>t instanceof FocusEvent,clear:()=>!0,enter:()=>!0,mouseleave:t=>t instanceof MouseEvent,mouseenter:t=>t instanceof MouseEvent,keydown:t=>t instanceof Event,compositionstart:t=>t instanceof CompositionEvent,compositionupdate:t=>t instanceof CompositionEvent,compositionend:t=>t instanceof CompositionEvent},setup(t,{expose:oe,emit:ae}){const l=ae,p=e.useAttrs(),i=e.useSlots(),M=e.computed(()=>{const n={};return t.containerRole==="combobox"&&(n["aria-haspopup"]=p["aria-haspopup"],n["aria-owns"]=p["aria-owns"],n["aria-expanded"]=p["aria-expanded"]),n}),le=e.computed(()=>[t.type==="textarea"?A.b():o.b(),o.m(ie.value),o.is("disabled",m.value),o.is("exceed",fe.value),o.is("focus",c.value),{[o.b("group")]:i.prepend||i.append,[o.bm("group","append")]:i.append,[o.bm("group","prepend")]:i.prepend,[o.m("prefix")]:i.prefix||t.prefixIcon,[o.m("suffix")]:i.suffix||t.suffixIcon||t.clearable||t.showPassword,[o.bm("suffix","password-clear")]:E.value&&z.value},p.class]),se=e.getCurrentInstance(),re=e.computed(()=>[o.e("wrapper"),o.is("focus",c.value)]),r=_.useAttrs({excludeKeys:e.computed(()=>Object.keys(M.value))}),{form:ue,formItem:k}=ne.useFormItem(),{inputId:F}=ne.useFormItemInputId(se.props,{formItemContext:k}),ie=te.useFormSize(),m=te.useFormDisabled(),o=Z.useNamespace("input"),A=Z.useNamespace("textarea"),C=e.shallowRef(),f=e.shallowRef(),c=e.ref(!1),V=e.ref(!1),y=e.ref(!1),w=e.ref(!1),D=e.ref(),I=e.shallowRef(t.inputStyle),h=e.computed(()=>C.value||f.value),S=e.computed(()=>s.singleAttrToObj(t.prefixIcon,"icon",{size:16})),O=e.computed(()=>s.singleAttrToObj(t.suffixIcon,"icon",{size:16})),ce=e.computed(()=>s.singleAttrToObj(t.clearIcon,"icon",{icon:"icon-circle-close",size:16})),R=e.computed(()=>ue?.statusIcon??!1),x=e.computed(()=>k?.validateState||""),K=e.computed(()=>x.value&&{validating:"icon-loading",success:"icon-circle-check",error:"icon-circle-close"}[x.value]),de=e.computed(()=>w.value?{icon:"icon-view",size:16}:{icon:"icon-hide",size:16}),me=e.computed(()=>[p.style,t.inputStyle]),$=e.computed(()=>[t.inputStyle,I.value,{resize:t.resize}]),u=e.computed(()=>Be.isNil(t.modelValue)?"":String(t.modelValue)),E=e.computed(()=>t.clearable&&!m.value&&!t.readonly&&!!u.value&&(c.value||V.value)),z=e.computed(()=>t.showPassword&&!m.value&&!t.readonly&&!!u.value&&(!!u.value||c.value)),v=e.computed(()=>t.showWordLimit&&!!r.value.maxlength&&(t.type==="text"||t.type==="textarea")&&!m.value&&!t.readonly&&!t.showPassword),N=e.computed(()=>Array.from(u.value).length),fe=e.computed(()=>!!v.value&&N.value>Number(r.value.maxlength)),ve=e.computed(()=>!!i.suffix||!!t.suffixIcon||E.value||t.showPassword||v.value||!!x.value&&R.value),[pe,ye]=_.useCursor(C);Y.useResizeObserver(f,n=>{if(!v.value||t.resize!=="both")return;const a=n[0],{width:d}=a.contentRect;D.value={right:`calc(100% - ${d+15+6}px)`}});const B=()=>{if(!(!Y.isClient||t.type!=="textarea"))if(t.autosize){const n=s.isObject(t.autosize)?t.autosize.minRows:void 0,a=s.isObject(t.autosize)?t.autosize.maxRows:void 0;I.value={...ee.calcTextareaHeight(f.value,n,a)}}else I.value={minHeight:ee.calcTextareaHeight(f.value).minHeight}},g=()=>{const n=h.value;!n||n.value===u.value||(n.value=u.value)},P=async n=>{pe();let{value:a}=n.target;if(r.value.maxlength&&a.length>=r.value.maxlength&&(a=a.slice(0,Number(r.value.maxlength))),t.formatter&&(a=t.parser?t.parser(a):a,a=t.formatter(a)),!y.value){if(a===u.value){g();return}l(q.UPDATE_MODEL_EVENT,a),l("input",a),await e.nextTick(),g(),ye()}},j=n=>{l("change",n.target.value)},he=()=>{l("suffixClick",t.modelValue)},xe=()=>{l("prefixClick",t.modelValue)},L=n=>{l("compositionstart",n),y.value=!0},ge=n=>/([(\uAC00-\uD7AF)|\u3130-\u318F])+/.test(n),W=n=>{l("compositionupdate",n);const a=n.target?.value,d=a[a.length-1]||"";y.value=!ge(d)},H=n=>{l("compositionend",n),y.value&&(y.value=!1,P(n))},be=()=>{w.value=!w.value,U()},U=async()=>{await e.nextTick(),h.value?.focus()},ke=()=>h.value?.blur(),G=n=>{c.value=!0,l("focus",n)},J=n=>{c.value=!1,l("blur",n),t.validateEvent&&k?.validate?.("blur").catch(a=>T.debugWarn(a))},Ce=n=>{V.value=!1,l("mouseleave",n)},we=n=>{V.value=!0,l("mouseenter",n)},Q=n=>{const a=n.key;if(n.target.type==="number"&&["e","+","-0","E"].includes(a))return n.returnValue=!1,!1;l("keydown",n)},Ee=()=>{h.value?.select()},X=()=>{l(q.UPDATE_MODEL_EVENT,""),l("change",""),l("clear"),l("input","")};return e.watch(()=>t.modelValue,()=>{e.nextTick(()=>B()),t.validateEvent&&k?.validate?.("change").catch(n=>T.debugWarn(n))}),e.watch(u,()=>g()),e.watch(()=>t.type,async()=>{await e.nextTick(),g(),B()}),e.onMounted(()=>{!t.formatter&&t.parser&&T.debugWarn("VftInput","If you set the parser, you also need to set the formatter."),g(),e.nextTick(B)}),oe({input:C,textarea:f,ref:h,textareaStyle:$,autosize:t.autosize,focus:U,blur:ke,select:Ee,clear:X,resizeTextarea:B}),(n,a)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",e.mergeProps(M.value,{class:le.value,style:me.value,role:t.containerRole,onMouseenter:we,onMouseleave:Ce,onMousewheel:a[1]||(a[1]=d=>t.type==="number"&&c.value?d.preventDefault():null)}),[t.type!=="textarea"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.$slots.prepend?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(o).be("group","prepend"))},[e.renderSlot(n.$slots,"prepend")],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(re.value)},[n.$slots.prefix||S.value?.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(o).e("prefix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("prefix-inner")),onClick:xe},[e.renderSlot(n.$slots,"prefix"),S.value?.icon?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:0,pointer:""},S.value,{class:e.unref(o).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0),e.createElementVNode("input",e.mergeProps({id:e.unref(F),ref_key:"input",ref:C,class:e.unref(o).e("inner")},e.unref(r),{type:t.showPassword?w.value?"text":"password":t.type,disabled:e.unref(m),formatter:t.formatter,parser:t.parser,readonly:t.readonly,autocomplete:t.autocomplete,tabindex:t.tabindex,"aria-label":t.label,placeholder:t.placeholder,style:t.inputStyle,form:t.form,onCompositionstart:L,onCompositionupdate:W,onCompositionend:H,onInput:P,onFocus:G,onBlur:J,onChange:j,onKeydown:Q,onKeyup:a[0]||(a[0]=e.withKeys(d=>l("enter"),["enter"]))}),null,16,Ie),ve.value?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(o).e("suffix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("suffix-inner")),onClick:he},[!E.value||!z.value||!v.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(n.$slots,"suffix"),O.value?.icon?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:0},O.value,{class:e.unref(o).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),E.value?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:1,pointer:"",class:[e.unref(o).e("icon"),e.unref(o).e("clear")]},ce.value,{onMousedown:e.withModifiers(e.unref(s.noop),["prevent"]),onClick:e.withModifiers(X,["stop"])}),null,16,["class","onMousedown"])):e.createCommentVNode("",!0),z.value?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:2},de.value,{class:[e.unref(o).e("icon"),e.unref(o).e("password")],onClick:be}),null,16,["class"])):e.createCommentVNode("",!0),v.value?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(e.unref(o).e("count"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("count-inner"))},e.toDisplayString(N.value)+" / "+e.toDisplayString(e.unref(r).maxlength),3)],2)):e.createCommentVNode("",!0),x.value&&K.value&&R.value?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),{key:4,icon:K.value,class:e.normalizeClass([e.unref(o).e("icon"),e.unref(o).e("validateIcon"),e.unref(o).is("loading",x.value==="validating")])},null,8,["icon","class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0)],2),n.$slots.append?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(o).be("group","append"))},[e.renderSlot(n.$slots,"append")],2)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("textarea",e.mergeProps({id:e.unref(F),ref_key:"textarea",ref:f,class:e.unref(A).e("inner")},e.unref(r),{tabindex:t.tabindex,disabled:e.unref(m),readonly:t.readonly,autocomplete:t.autocomplete,style:$.value,"aria-label":t.label,placeholder:t.placeholder,form:t.form,onCompositionstart:L,onCompositionupdate:W,onCompositionend:H,onInput:P,onFocus:G,onBlur:J,onChange:j,onKeydown:Q}),null,16,Se),v.value?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle(D.value),class:e.normalizeClass(e.unref(o).e("count"))},e.toDisplayString(N.value)+" / "+e.toDisplayString(e.unref(r).maxlength),7)):e.createCommentVNode("",!0)],64))],16,Ve)),[[e.vShow,t.type!=="hidden"]])}});exports.default=ze;

package/lib/components/loading/index.d.ts

@@ -1,11 +1,11 @@
 import type { App } from 'vue';
-import { vLoading, createLoadingDirective } from './directive';
+import { vLoading, createLoadingDirective, type LoadingBinding } from './directive';
 import { Loading } from './service';
 export declare const VftLoading: {
     install(app: App): void;
-    directive: import("vue").Directive<import("./directive").VftLoading, import("./directive").LoadingBinding>;
+    directive: import("vue").Directive<import("./directive").VftLoading, LoadingBinding>;
     service: (options?: import("./types").LoadingOptions) => import("./loading").LoadingInstance;
 };
 export default VftLoading;
-export { vLoading as VftLoadingDirective, Loading as VftLoadingService, vLoading, createLoadingDirective };
+export { vLoading as VftLoadingDirective, Loading as VftLoadingService, vLoading, createLoadingDirective, type LoadingBinding, };
 export * from './types';

package/lib/components/loading/loading.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@vft/utils"),w=require("../icon/index.cjs");require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");const t=require("vue");require("lodash-es");require("../form/index.cjs");const A=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");const T=require("../../hooks/use-z-index/index.cjs");function V(o){let u;const r=A.useNamespace("loading"),a=t.ref(!1),e=t.reactive({...o,originalPosition:"",originalOverflow:"",visible:!1});function p(n){e.text=n}t.watch(()=>e.visible,n=>{n||v()});function h(){const n=e.parent;if(!n.vLoadingAddClassList){let i=n.getAttribute("loading-number");i=Number.parseInt(i)-1,i?n.setAttribute("loading-number",i.toString()):(l.removeClass(n,r.bm("parent","relative")),n.removeAttribute("loading-number")),l.removeClass(n,r.bm("parent","hidden"))}d(),f.unmount()}function d(){s.$el?.parentNode?.removeChild(s.$el)}function v(){o.beforeClose&&!o.beforeClose()||(a.value=!0,clearTimeout(u),u=window.setTimeout(c,400),e.visible=!1,o.closed?.())}function c(){if(!a.value)return;const n=e.parent;a.value=!1,n.vLoadingAddClassList=void 0,h()}const x={name:"VftLoading",setup(n,{expose:i}){return()=>{const C=T.useZIndex();i({ns:r,zIndex:C});const g=e.spinner||e.svg,m=e.img,b=e.icon?l.singleAttrToObj(e.icon,"icon"):!1,L=b?t.h(w.VftIcon,b):m?t.h("img",{class:["circular circular-img",e.rotate?"":"circular-no-rotate"],src:m}):t.h("svg",{class:"circular",viewBox:e.svgViewBox?e.svgViewBox:"0 0 50 50",...g?{innerHTML:g}:{}},[t.h("circle",{class:"path",cx:"25",cy:"25",r:"20",fill:"none"})]),q=e.text?t.h("p",{class:r.b("text")},e.text):void 0;return t.h(t.Transition,{name:r.b("fade"),onAfterLeave:c},{default:t.withCtx(()=>[t.withDirectives(t.createVNode("div",{style:{backgroundColor:e.background||""},class:[r.b("mask"),e.customClass,e.fullscreen?"is-fullscreen":""]},[t.h("div",{class:r.b("spinner")},[L,q])]),[[t.vShow,e.visible]])])})}}},f=t.createApp(x),s=f.mount(document.createElement("div"));return{...t.toRefs(e),setText:p,removeVftLoadingChild:d,close:v,handleAfterLeave:c,vm:s,get $el(){return s.$el}}}exports.createLoadingComponent=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@vft/utils"),w=require("../icon/index.cjs");require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");const t=require("vue");require("lodash-es");require("../form/index.cjs");const A=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");const T=require("../../hooks/use-z-index/index.cjs");function V(o){let u;const r=A.useNamespace("loading"),a=t.ref(!1),e=t.reactive({...o,originalPosition:"",originalOverflow:"",visible:!1});function p(n){e.text=n}t.watch(()=>e.visible,n=>{n||v()});function h(){const n=e.parent;if(!n.vLoadingAddClassList){let i=n.getAttribute("loading-number");i=Number.parseInt(i)-1,i?n.setAttribute("loading-number",i.toString()):(l.removeClass(n,r.bm("parent","relative")),n.removeAttribute("loading-number")),l.removeClass(n,r.bm("parent","hidden"))}d(),f.unmount()}function d(){s.$el?.parentNode?.removeChild(s.$el)}function v(){o.beforeClose&&!o.beforeClose()||(a.value=!0,clearTimeout(u),u=window.setTimeout(c,400),e.visible=!1,o.closed?.())}function c(){if(!a.value)return;const n=e.parent;a.value=!1,n.vLoadingAddClassList=void 0,h()}const x={name:"VftLoading",setup(n,{expose:i}){return()=>{const C=T.useZIndex();i({ns:r,zIndex:C});const g=e.spinner||e.svg,m=e.img,b=e.icon?l.singleAttrToObj(e.icon,"icon"):!1,L=b?t.h(w.VftIcon,b):m?t.h("img",{class:["circular circular-img",e.rotate?"":"circular-no-rotate"],src:m}):t.h("svg",{class:"circular",viewBox:e.svgViewBox?e.svgViewBox:"0 0 50 50",...g?{innerHTML:g}:{}},[t.h("circle",{class:"path",cx:"25",cy:"25",r:"20",fill:"none"})]),q=e.text?t.h("p",{class:r.b("text")},[e.text]):void 0;return t.h(t.Transition,{name:r.b("fade"),onAfterLeave:c},{default:t.withCtx(()=>[t.withDirectives(t.createVNode("div",{style:{backgroundColor:e.background||""},class:[r.b("mask"),e.customClass,e.fullscreen?"is-fullscreen":""]},[t.h("div",{class:r.b("spinner")},[L,q])]),[[t.vShow,e.visible]])])})}}},f=t.createApp(x),s=f.mount(document.createElement("div"));return{...t.toRefs(e),setText:p,removeVftLoadingChild:d,close:v,handleAfterLeave:c,vm:s,get $el(){return s.$el}}}exports.createLoadingComponent=V;

package/lib/components/loading/types.d.ts

@@ -1,5 +1,6 @@
 import type { IconProps } from 'vft/es/components/icon';
 import type { MaybeRef } from '@vueuse/core';
+import type { VNode } from 'vue';
 export type LoadingOptionsResolved = {
     parent: LoadingParentElement;
     background: MaybeRef<string>;
@@ -8,7 +9,7 @@ export type LoadingOptionsResolved = {
     spinner: MaybeRef<boolean | string>;
     img: MaybeRef<boolean | string>;
     icon: MaybeRef<IconProps | string>;
-    text: MaybeRef<string>;
+    text: MaybeRef<string | VNode | VNode[]>;
     fullscreen: boolean;
     rotate: MaybeRef<boolean | string>;
     lock: boolean;

package/lib/components/table/index.d.ts

@@ -69,6 +69,9 @@ export declare const VftTable: import("vft/es/utils").SFCWithInstall<{
         emptyCfg: {
             type: import("vue").PropType<import("vft/es/vft").EmptyProps>;
         };
+        loadingCfg: {
+            type: import("vue").PropType<import("vft/es/vft").LoadingBinding>;
+        };
         layouts: {
             type: import("vue").PropType<import("vxe-table").VxeGridPropTypes.Layouts>;
         };
@@ -982,6 +985,9 @@ export declare const VftTable: import("vft/es/utils").SFCWithInstall<{
         emptyCfg: {
             type: import("vue").PropType<import("vft/es/vft").EmptyProps>;
         };
+        loadingCfg: {
+            type: import("vue").PropType<import("vft/es/vft").LoadingBinding>;
+        };
         layouts: {
             type: import("vue").PropType<import("vxe-table").VxeGridPropTypes.Layouts>;
         };
@@ -1779,6 +1785,9 @@ export declare const VftTable: import("vft/es/utils").SFCWithInstall<{
     emptyCfg: {
         type: import("vue").PropType<import("vft/es/vft").EmptyProps>;
     };
+    loadingCfg: {
+        type: import("vue").PropType<import("vft/es/vft").LoadingBinding>;
+    };
     layouts: {
         type: import("vue").PropType<import("vxe-table").VxeGridPropTypes.Layouts>;
     };

package/lib/components/table/table.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),I=require("../empty/index.cjs"),K=require("../loading/directive.cjs"),c=require("@vft/utils"),X=require("../../utils/form-register.cjs");require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const j=require("../super-form/use/use-form.cjs"),Y=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("../icon/index.cjs");const W=require("../client-only/index.cjs"),U=require("../pagination/index.cjs"),J=require("../skeleton/index.cjs"),Q=require("../super-form/index.cjs"),Z=require("vxe-table"),ee=require("xe-utils"),k=require("./constants.cjs"),te=require("./use/use-columns.cjs"),ae=require("./use/use-data-source.cjs"),re=require("./use/use-loading.cjs"),le=require("./use/use-pagination.cjs"),oe=require("../empty/constants.cjs"),ne={"vft-loading-text":"加载中..."},ce=e.defineComponent({name:"vft-table"}),ie=e.defineComponent({...ce,props:{sticky:{type:[Boolean,Object]},api:{},pageSize:{default:k.PageSize},total:{},rowkey:{default:"_X_ROW_KEY"},immediate:{type:Boolean,default:!0},fetchSetting:{},watchApiFetch:{type:Boolean,default:!1},beforeFetch:{},delEmptyParams:{type:[Boolean,String],default:!0},afterFetch:{},transformParams:{type:Boolean,default:!0},extraParams:{},extraSysHeight:{default:200},pageHeight:{default:40},showPager:{type:Boolean,default:!0},addMaxHeight:{type:Boolean,default:!0},pagination:{},formOptions:{},onChange:{},emptyCfg:{default:()=>({type:oe.EmptyEnum.NoData})},layouts:{},columns:{},pagerConfig:{},proxyConfig:{},toolbarConfig:{default:()=>({enabled:!1,slots:{buttons:"toolbarButtons"}})},formConfig:{},zoomConfig:{},size:{},id:{},data:{},height:{},minHeight:{},maxHeight:{},stripe:{type:Boolean,default:!0},padding:{type:Boolean},round:{type:Boolean},border:{type:[Boolean,String],default:"full"},loading:{type:Boolean,default:!1},align:{default:"center"},headerAlign:{default:"center"},footerAlign:{},showHeader:{type:Boolean,default:!0},showFooter:{type:Boolean},footerData:{},footerMethod:{},rowClassName:{},cellClassName:{},headerRowClassName:{},headerCellClassName:{},footerRowClassName:{},footerCellClassName:{},cellStyle:{},rowStyle:{},headerCellStyle:{},headerRowStyle:{},footerRowStyle:{},footerCellStyle:{},mergeCells:{},mergeFooterItems:{},spanMethod:{},footerSpanMethod:{},showOverflow:{type:[Boolean,String,null],default:"tooltip"},showHeaderOverflow:{type:[Boolean,String,null]},showFooterOverflow:{type:[Boolean,String,null]},keepSource:{type:Boolean},autoResize:{type:Boolean,default:!1},syncResize:{type:[Boolean,String,Number]},columnConfig:{default:()=>({drag:!1,resizable:!0,minWidth:"15%"})},rowConfig:{default:()=>({isHover:!0,isCurrent:!0,useKey:!0})},cellConfig:{},headerCellConfig:{},footerCellConfig:{},aggregateConfig:{},rowGroupConfig:{},currentRowConfig:{},currentColumnConfig:{},dragConfig:{},rowDragConfig:{},columnDragConfig:{},customConfig:{},resizeConfig:{},resizableConfig:{},seqConfig:{},sortConfig:{},filterConfig:{},radioConfig:{},checkboxConfig:{},tooltipConfig:{},exportConfig:{},importConfig:{},printConfig:{},expandConfig:{},treeConfig:{},menuConfig:{},mouseConfig:{},areaConfig:{},fnrConfig:{},keyboardConfig:{},clipConfig:{},editConfig:{},validConfig:{},editRules:{},emptyText:{},emptyRender:{},loadingConfig:{},scrollX:{},scrollY:{},virtualXConfig:{default:()=>({enabled:!1})},virtualYConfig:{default:()=>({enabled:!1})},scrollbarConfig:{},params:{},resizable:{type:Boolean},highlightCurrentRow:{type:Boolean},highlightHoverRow:{type:Boolean},highlightCurrentColumn:{type:Boolean},highlightHoverColumn:{type:Boolean},highlightCell:{type:Boolean},columnKey:{type:Boolean},rowKey:{type:Boolean},rowId:{},fit:{type:Boolean,default:!0},animat:{type:Boolean},delayHover:{}},emits:["update:data","keydown-start","keydown","keydown-end","paste","copy","cut","current-change","current-row-change","current-row-disabled","current-column-change","current-column-disabled","radio-change","checkbox-change","checkbox-all","checkbox-range-start","checkbox-range-change","checkbox-range-end","checkbox-range-select","cell-click","cell-dblclick","cell-menu","cell-mouseenter","cell-mouseleave","cell-selected","cell-delete-value","cell-backspace-value","header-cell-click","header-cell-dblclick","header-cell-menu","footer-cell-click","footer-cell-dblclick","footer-cell-menu","clear-merge","sort-change","clear-sort","clear-all-sort","filter-change","filter-visible","clear-filter","clear-all-filter","resizable-change","column-resizable-change","row-resizable-change","toggle-row-group-expand","toggle-row-expand","toggle-tree-expand","menu-click","edit-closed","row-dragstart","row-dragover","row-dragend","column-dragstart","column-dragover","column-dragend","enter-append-row","edit-actived","edit-activated","edit-disabled","valid-error","scroll","scroll-boundary","custom","custom-visible-change","custom-visible-all","custom-fixed-change","change-fnr","open-fnr","show-fnr","hide-fnr","fnr-change","fnr-find","fnr-find-all","fnr-replace","fnr-replace-all","cell-area-copy","cell-area-cut","cell-area-paste","cell-area-merge","clear-cell-area-selection","clear-cell-area-merge","header-cell-area-selection","cell-area-selection-invalid","cell-area-selection-start","cell-area-selection-drag","cell-area-selection-end","cell-area-extension-start","cell-area-extension-drag","cell-area-extension-end","cell-area-selection-all-start","cell-area-selection-all-end","cell-area-arrows-start","cell-area-arrows-end","active-cell-change-start","active-cell-change-end","change","sort-change","fetch-success","form-submit","form-reset","update:page-num","update:page-size","register","page-change","form-submit","form-submit-invalid","form-reset","form-collapse","form-toggle-collapse","proxy-query","proxy-delete","proxy-save","toolbar-button-click","toolbar-tool-click","zoom"],setup(se,{expose:S,emit:B}){const o=B,s=Y.useNamespace("table"),q=e.useAttrs(),d=e.ref(),f=e.ref(),z=e.ref([]),u=e.ref(),P=e.getCurrentInstance(),a=e.computed(()=>c.deepMerge(P.props,e.unref(u))),{getLoading:R,setLoading:H}=re.useLoading(a),{getPaginationInfo:i,setPagination:g,getCurrentPage:D}=le.usePagination(a),{getViewColumns:_,setColumns:T}=te.useColumns(a);e.watch(()=>D(),t=>{e.nextTick(()=>{m({seqConfig:{startIndex:(t-1)*(i.value?.pageSize||e.unref(a).pageSize||k.PageSize)}})})},{immediate:!0});function m(t){u.value={...e.unref(u),...t}}const{getDataSourceRef:p,handleTableChange:F,reload:N,deleteTableDataRecord:V,insertTableDataRecord:O,updateTableData:$,updateTableDataRecord:E,setTableData:h,getDataSource:A,getRawDataSource:b,tableSearch:C}=ae.useDataSource(a,{tableData:z,setLoading:H,getPaginationInfo:i,setPagination:g},o);function y(t){t?.pageSize&&g({currentPage:1}),F(t),o("change",t);const{onChange:r}=e.unref(a);r&&c.isFunction(r)&&r(t)}const w={};["update:data","keydown-start","keydown","keydown-end","paste","copy","cut","current-change","current-row-change","current-row-disabled","current-column-change","current-column-disabled","radio-change","checkbox-change","checkbox-all","checkbox-range-start","checkbox-range-change","checkbox-range-end","checkbox-range-select","cell-click","cell-dblclick","cell-menu","cell-mouseenter","cell-mouseleave","cell-selected","cell-delete-value","cell-backspace-value","header-cell-click","header-cell-dblclick","header-cell-menu","footer-cell-click","footer-cell-dblclick","footer-cell-menu","clear-merge","sort-change","clear-sort","clear-all-sort","filter-change","filter-visible","clear-filter","clear-all-filter","resizable-change","column-resizable-change","row-resizable-change","toggle-row-group-expand","toggle-row-expand","toggle-tree-expand","menu-click","edit-closed","row-dragstart","row-dragover","row-dragend","column-dragstart","column-dragover","column-dragend","enter-append-row","edit-actived","edit-activated","edit-disabled","valid-error","scroll","scroll-boundary","custom","custom-visible-change","custom-visible-all","custom-fixed-change","change-fnr","open-fnr","show-fnr","hide-fnr","fnr-change","fnr-find","fnr-find-all","fnr-replace","fnr-replace-all","cell-area-copy","cell-area-cut","cell-area-paste","cell-area-merge","clear-cell-area-selection","clear-cell-area-merge","header-cell-area-selection","cell-area-selection-invalid","cell-area-selection-start","cell-area-selection-drag","cell-area-selection-end","cell-area-extension-start","cell-area-extension-drag","cell-area-extension-end","cell-area-selection-all-start","cell-area-selection-all-end","cell-area-arrows-start","cell-area-arrows-end","active-cell-change-start","active-cell-change-end","change","sort-change","fetch-success","form-submit","form-reset","update:page-num","update:page-size","register","page-change","form-submit","form-submit-invalid","form-reset","form-collapse","form-toggle-collapse","proxy-query","proxy-delete","proxy-save","toolbar-button-click","toolbar-tool-click","zoom"].forEach(t=>{const r=ee.camelCase(`on-${t}`);w[r]=(...l)=>o(t,...l)});const n=e.computed(()=>{const t=e.unref(p),r={...q,...e.unref(a),columns:e.toRaw(e.unref(_)),loading:e.unref(R),data:t,...w};if(c.isClient){(e.unref(a)?.addMaxHeight||e.unref(a)?.maxHeight)&&(r.maxHeight=e.unref(a)?.maxHeight?e.unref(a)?.maxHeight:`${window.innerHeight-e.unref(a)?.extraSysHeight-(a.value?.showPager?a.value?.pageHeight||40:0)}px`);const l=e.unref(a)?.minHeight;r.minHeight=l||(l!==0&&e.unref(a)?.toolbarConfig?.custom?300:void 0)}return r}),x={setPagination:g,emit:o,setProps:m,reload:N,deleteTableDataRecord:V,insertTableDataRecord:O,updateTableDataRecord:E,updateTableData:$,setTableData:h,getDataSource:A,getDataSourceRef:p,setColumns:T,getRawDataSource:b,tableSearch:C};o("register",x);const M={field:"_filterTableData",label:"",type:X.FormCompEnum.Search,itemProps:{class:"search-all-form-item"},componentProps:()=>({onChange:t=>{v({_filterTableData:t})}})},[L]=j.useForm(c.deepMerge({schemas:[n.value?.formOptions?.addSearchAllSchema?M:{}],rowProps:{justify:"start"},labelPosition:"left",quickColSpan:5,watchDataIsChange:!0,showResetButton:!0,showSubmitButton:!0,size:"small",submitButtonOptions:{btnText:"搜索"},actionInline:!0},c.omit(n.value?.formOptions,["showActionForm","addSearchAllSchema"]),"replace")),v=t=>{Reflect.has(t,"_filterTableData")&&C(t._filterTableData),o("form-submit",t)},G=()=>{h(b()),o("form-reset")};return S({table:d,pageRef:f,...x}),(t,r)=>(e.openBlock(),e.createBlock(e.unref(W.VftClientOnly),null,{fallback:e.withCtx(()=>[e.createVNode(e.unref(J.VftSkeleton))]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass([e.unref(s).b()])},[e.createVNode(e.unref(Z.VxeGrid),e.mergeProps({ref_key:"xGrid",ref:d},n.value),{toolbarButtons:e.withCtx(()=>[e.renderSlot(t.$slots,"toolbar-left"),n.value?.formOptions?.showActionForm?(e.openBlock(),e.createBlock(e.unref(Q.VftSuperForm),{key:0,onRegister:e.unref(L),onSubmit:v,onReset:G},null,8,["onRegister"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"toolbar-right")]),empty:e.withCtx(()=>[e.renderSlot(t.$slots,"empty",{},()=>[e.createVNode(e.unref(I.VftEmpty),e.normalizeProps(e.guardReactiveProps(n.value.emptyCfg)),null,16)])]),loading:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",ne,null,512),[[e.unref(K.vLoading),!!n.value.loading]])]),_:3},16),n.value.showPager?(e.openBlock(),e.createBlock(e.unref(U.VftPagination),e.mergeProps({key:0,ref_key:"pageRef",ref:f},e.unref(i),{class:[e.unref(s).e("pager"),e.unref(s).m(`pager-${e.unref(i)?.pagePlacement}`)],onCurrentChange:r[0]||(r[0]=l=>y({currentPage:l})),onSizeChange:r[1]||(r[1]=l=>y({pageSize:l}))}),null,16,["class"])):e.createCommentVNode("",!0)],2)]),_:3}))}});exports.default=ie;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),G=require("../empty/index.cjs"),I=require("../loading/directive.cjs"),c=require("@vft/utils"),K=require("../../utils/form-register.cjs");require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const X=require("../super-form/use/use-form.cjs"),Y=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("../icon/index.cjs");const W=require("../client-only/index.cjs"),U=require("../pagination/index.cjs"),J=require("../skeleton/index.cjs"),Q=require("../super-form/index.cjs"),Z=require("vxe-table"),ee=require("xe-utils"),S=require("./constants.cjs"),ae=require("./use/use-columns.cjs"),te=require("./use/use-data-source.cjs"),re=require("./use/use-loading.cjs"),le=require("./use/use-pagination.cjs"),oe=require("../empty/constants.cjs"),ne=e.defineComponent({name:"vft-table"}),ce=e.defineComponent({...ne,props:{sticky:{type:[Boolean,Object]},api:{},pageSize:{default:S.PageSize},total:{},rowkey:{default:"_X_ROW_KEY"},immediate:{type:Boolean,default:!0},fetchSetting:{},watchApiFetch:{type:Boolean,default:!1},beforeFetch:{},delEmptyParams:{type:[Boolean,String],default:!0},afterFetch:{},transformParams:{type:Boolean,default:!0},extraParams:{},extraSysHeight:{default:200},pageHeight:{default:40},showPager:{type:Boolean,default:!0},addMaxHeight:{type:Boolean,default:!0},pagination:{},formOptions:{},onChange:{},emptyCfg:{default:()=>({type:oe.EmptyEnum.NoData})},loadingCfg:{type:Boolean,default:()=>({customClass:"vft-card-loading",text:e.createVNode("div",null,[e.createVNode("span",null,[e.createTextVNode("加载中")]),e.createVNode("span",{class:"dot"},null)])})},layouts:{},columns:{},pagerConfig:{},proxyConfig:{},toolbarConfig:{default:()=>({enabled:!1,slots:{buttons:"toolbarButtons"}})},formConfig:{},zoomConfig:{},size:{},id:{},data:{},height:{},minHeight:{},maxHeight:{},stripe:{type:Boolean,default:!0},padding:{type:Boolean},round:{type:Boolean},border:{type:[Boolean,String],default:"full"},loading:{type:Boolean,default:!1},align:{default:"center"},headerAlign:{default:"center"},footerAlign:{},showHeader:{type:Boolean,default:!0},showFooter:{type:Boolean},footerData:{},footerMethod:{},rowClassName:{},cellClassName:{},headerRowClassName:{},headerCellClassName:{},footerRowClassName:{},footerCellClassName:{},cellStyle:{},rowStyle:{},headerCellStyle:{},headerRowStyle:{},footerRowStyle:{},footerCellStyle:{},mergeCells:{},mergeFooterItems:{},spanMethod:{},footerSpanMethod:{},showOverflow:{type:[Boolean,String,null],default:"tooltip"},showHeaderOverflow:{type:[Boolean,String,null]},showFooterOverflow:{type:[Boolean,String,null]},keepSource:{type:Boolean},autoResize:{type:Boolean,default:!1},syncResize:{type:[Boolean,String,Number]},columnConfig:{default:()=>({drag:!1,resizable:!0,minWidth:"15%"})},rowConfig:{default:()=>({isHover:!0,isCurrent:!0,useKey:!0})},cellConfig:{},headerCellConfig:{},footerCellConfig:{},aggregateConfig:{},rowGroupConfig:{},currentRowConfig:{},currentColumnConfig:{},dragConfig:{},rowDragConfig:{},columnDragConfig:{},customConfig:{},resizeConfig:{},resizableConfig:{},seqConfig:{},sortConfig:{},filterConfig:{},radioConfig:{},checkboxConfig:{},tooltipConfig:{},exportConfig:{},importConfig:{},printConfig:{},expandConfig:{},treeConfig:{},menuConfig:{},mouseConfig:{},areaConfig:{},fnrConfig:{},keyboardConfig:{},clipConfig:{},editConfig:{},validConfig:{},editRules:{},emptyText:{},emptyRender:{},loadingConfig:{},scrollX:{},scrollY:{},virtualXConfig:{default:()=>({enabled:!1})},virtualYConfig:{default:()=>({enabled:!1})},scrollbarConfig:{},params:{},resizable:{type:Boolean},highlightCurrentRow:{type:Boolean},highlightHoverRow:{type:Boolean},highlightCurrentColumn:{type:Boolean},highlightHoverColumn:{type:Boolean},highlightCell:{type:Boolean},columnKey:{type:Boolean},rowKey:{type:Boolean},rowId:{},fit:{type:Boolean,default:!0},animat:{type:Boolean},delayHover:{}},emits:["update:data","keydown-start","keydown","keydown-end","paste","copy","cut","current-change","current-row-change","current-row-disabled","current-column-change","current-column-disabled","radio-change","checkbox-change","checkbox-all","checkbox-range-start","checkbox-range-change","checkbox-range-end","checkbox-range-select","cell-click","cell-dblclick","cell-menu","cell-mouseenter","cell-mouseleave","cell-selected","cell-delete-value","cell-backspace-value","header-cell-click","header-cell-dblclick","header-cell-menu","footer-cell-click","footer-cell-dblclick","footer-cell-menu","clear-merge","sort-change","clear-sort","clear-all-sort","filter-change","filter-visible","clear-filter","clear-all-filter","resizable-change","column-resizable-change","row-resizable-change","toggle-row-group-expand","toggle-row-expand","toggle-tree-expand","menu-click","edit-closed","row-dragstart","row-dragover","row-dragend","column-dragstart","column-dragover","column-dragend","enter-append-row","edit-actived","edit-activated","edit-disabled","valid-error","scroll","scroll-boundary","custom","custom-visible-change","custom-visible-all","custom-fixed-change","change-fnr","open-fnr","show-fnr","hide-fnr","fnr-change","fnr-find","fnr-find-all","fnr-replace","fnr-replace-all","cell-area-copy","cell-area-cut","cell-area-paste","cell-area-merge","clear-cell-area-selection","clear-cell-area-merge","header-cell-area-selection","cell-area-selection-invalid","cell-area-selection-start","cell-area-selection-drag","cell-area-selection-end","cell-area-extension-start","cell-area-extension-drag","cell-area-extension-end","cell-area-selection-all-start","cell-area-selection-all-end","cell-area-arrows-start","cell-area-arrows-end","active-cell-change-start","active-cell-change-end","change","sort-change","fetch-success","form-submit","form-reset","update:page-num","update:page-size","register","page-change","form-submit","form-submit-invalid","form-reset","form-collapse","form-toggle-collapse","proxy-query","proxy-delete","proxy-save","toolbar-button-click","toolbar-tool-click","zoom"],setup(ie,{expose:B,emit:q}){const n=q,s=Y.useNamespace("table"),z=e.useAttrs(),d=e.ref(),f=e.ref(),P=e.ref([]),u=e.ref(),R=e.getCurrentInstance(),t=e.computed(()=>c.deepMerge(R.props,e.unref(u))),{getLoading:D,setLoading:H}=re.useLoading(t),{getPaginationInfo:i,setPagination:g,getCurrentPage:N}=le.usePagination(t),{getViewColumns:F,setColumns:V}=ae.useColumns(t);e.watch(()=>N(),a=>{e.nextTick(()=>{m({seqConfig:{startIndex:(a-1)*(i.value?.pageSize||e.unref(t).pageSize||S.PageSize)}})})},{immediate:!0});function m(a){u.value={...e.unref(u),...a}}const{getDataSourceRef:p,handleTableChange:T,reload:h,deleteTableDataRecord:_,insertTableDataRecord:E,updateTableData:O,updateTableDataRecord:$,setTableData:b,getDataSource:A,getRawDataSource:C,tableSearch:y}=te.useDataSource(t,{tableData:P,setLoading:H,getPaginationInfo:i,setPagination:g},n);function w(a){a?.pageSize&&g({currentPage:1}),T(a),n("change",a);const{onChange:r}=e.unref(t);r&&c.isFunction(r)&&r(a)}const x={};["update:data","keydown-start","keydown","keydown-end","paste","copy","cut","current-change","current-row-change","current-row-disabled","current-column-change","current-column-disabled","radio-change","checkbox-change","checkbox-all","checkbox-range-start","checkbox-range-change","checkbox-range-end","checkbox-range-select","cell-click","cell-dblclick","cell-menu","cell-mouseenter","cell-mouseleave","cell-selected","cell-delete-value","cell-backspace-value","header-cell-click","header-cell-dblclick","header-cell-menu","footer-cell-click","footer-cell-dblclick","footer-cell-menu","clear-merge","sort-change","clear-sort","clear-all-sort","filter-change","filter-visible","clear-filter","clear-all-filter","resizable-change","column-resizable-change","row-resizable-change","toggle-row-group-expand","toggle-row-expand","toggle-tree-expand","menu-click","edit-closed","row-dragstart","row-dragover","row-dragend","column-dragstart","column-dragover","column-dragend","enter-append-row","edit-actived","edit-activated","edit-disabled","valid-error","scroll","scroll-boundary","custom","custom-visible-change","custom-visible-all","custom-fixed-change","change-fnr","open-fnr","show-fnr","hide-fnr","fnr-change","fnr-find","fnr-find-all","fnr-replace","fnr-replace-all","cell-area-copy","cell-area-cut","cell-area-paste","cell-area-merge","clear-cell-area-selection","clear-cell-area-merge","header-cell-area-selection","cell-area-selection-invalid","cell-area-selection-start","cell-area-selection-drag","cell-area-selection-end","cell-area-extension-start","cell-area-extension-drag","cell-area-extension-end","cell-area-selection-all-start","cell-area-selection-all-end","cell-area-arrows-start","cell-area-arrows-end","active-cell-change-start","active-cell-change-end","change","sort-change","fetch-success","form-submit","form-reset","update:page-num","update:page-size","register","page-change","form-submit","form-submit-invalid","form-reset","form-collapse","form-toggle-collapse","proxy-query","proxy-delete","proxy-save","toolbar-button-click","toolbar-tool-click","zoom"].forEach(a=>{const r=ee.camelCase(`on-${a}`);x[r]=(...o)=>n(a,...o)});const l=e.computed(()=>{const a=e.unref(p),r={...z,...e.unref(t),columns:e.toRaw(e.unref(F)),loading:e.unref(D),data:a,...x};if(c.isClient){(e.unref(t)?.addMaxHeight||e.unref(t)?.maxHeight)&&(r.maxHeight=e.unref(t)?.maxHeight?e.unref(t)?.maxHeight:`${window.innerHeight-e.unref(t)?.extraSysHeight-(t.value?.showPager?t.value?.pageHeight||40:0)}px`);const o=e.unref(t)?.minHeight;r.minHeight=o||(o!==0&&e.unref(t)?.toolbarConfig?.custom?300:void 0)}return e.unref(t)?.toolbarConfig?.refresh&&(r.proxyConfig=e.unref(t)?.proxyConfig||{response:{result:e.unref(t)?.fetchSetting?.listField,total:e.unref(t)?.fetchSetting?.totalField},autoLoad:!1,ajax:{query:async()=>await h()}}),r}),v={setPagination:g,emit:n,setProps:m,reload:h,deleteTableDataRecord:_,insertTableDataRecord:E,updateTableDataRecord:$,updateTableData:O,setTableData:b,getDataSource:A,getDataSourceRef:p,setColumns:V,getRawDataSource:C,tableSearch:y};n("register",v);const M={field:"_filterTableData",label:"",type:K.FormCompEnum.Search,itemProps:{class:"search-all-form-item"},componentProps:()=>({onChange:a=>{k({_filterTableData:a})}})},[L]=X.useForm(c.deepMerge({schemas:[l.value?.formOptions?.addSearchAllSchema?M:{}],rowProps:{justify:"start"},labelPosition:"left",quickColSpan:5,watchDataIsChange:!0,showResetButton:!0,showSubmitButton:!0,size:"small",submitButtonOptions:{btnText:"搜索"},actionInline:!0},c.omit(l.value?.formOptions,["showActionForm","addSearchAllSchema"]),"replace")),k=a=>{Reflect.has(a,"_filterTableData")&&y(a._filterTableData),n("form-submit",a)},j=()=>{b(C()),n("form-reset")};return B({table:d,pageRef:f,...v}),(a,r)=>(e.openBlock(),e.createBlock(e.unref(W.VftClientOnly),null,{fallback:e.withCtx(()=>[e.createVNode(e.unref(J.VftSkeleton))]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass([e.unref(s).b()])},[e.createVNode(e.unref(Z.VxeGrid),e.mergeProps({ref_key:"xGrid",ref:d},l.value),{toolbarButtons:e.withCtx(()=>[e.renderSlot(a.$slots,"toolbar-left"),l.value?.formOptions?.showActionForm?(e.openBlock(),e.createBlock(e.unref(Q.VftSuperForm),{key:0,onRegister:e.unref(L),onSubmit:k,onReset:j},null,8,["onRegister"])):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"toolbar-right")]),empty:e.withCtx(()=>[e.renderSlot(a.$slots,"empty",{},()=>[e.createVNode(e.unref(G.VftEmpty),e.normalizeProps(e.guardReactiveProps(l.value.emptyCfg)),null,16)])]),loading:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",null,null,512),[[e.vShow,l.value.loading],[e.unref(I.vLoading),l.value.loadingCfg||{}]])]),_:3},16),l.value.showPager?(e.openBlock(),e.createBlock(e.unref(U.VftPagination),e.mergeProps({key:0,ref_key:"pageRef",ref:f},e.unref(i),{class:[e.unref(s).e("pager"),e.unref(s).m(`pager-${e.unref(i)?.pagePlacement}`)],onCurrentChange:r[0]||(r[0]=o=>w({currentPage:o})),onSizeChange:r[1]||(r[1]=o=>w({pageSize:o}))}),null,16,["class"])):e.createCommentVNode("",!0)],2)]),_:3}))}});exports.default=ce;

package/lib/components/table/types.d.ts

@@ -1,4 +1,5 @@
 import type { EmptyProps } from 'vft/es/components/empty';
+import type { LoadingBinding } from 'vft/es/components/loading';
 import { type PaginationProps } from 'vft/es/components/pagination';
 import type { VxeGridInstance, VxeGridProps, VxeTableDefines } from 'vxe-table';
 import { type SuperFormProps } from '../super-form';
@@ -76,6 +77,7 @@ export interface TableProps extends VxeGridProps {
     onChange?: (...args: any[]) => void;
     /** 空状态配置，用于自定义空数据时的显示内容 */
     emptyCfg?: EmptyProps;
+    loadingCfg?: LoadingBinding;
 }
 /** 列项属性类型，继承自 VXE Table 的列选项 */
 export type ColumnItemProps = VxeTableDefines.ColumnOptions;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../pagination/index.cjs");const i=require("@vft/utils"),J=require("@vueuse/core"),T=require("lodash-es"),t=require("vue"),K=require("../constants.cjs");function Q(s,{tableData:_,setLoading:O,getPaginationInfo:j,setPagination:o},q){const a=t.ref([]),P=t.ref({});t.watchEffect(()=>{_.value=t.unref(a)}),t.watch(()=>t.unref(s).data,()=>{const{data:e,api:r}=t.unref(s);!r&&e&&(a.value=e)},{immediate:!0});function p(e){o(e),h({})}const R=t.computed(()=>{const e=t.unref(a);return!e||e.length===0,t.unref(a)});async function h(e){const{api:r,fetchSetting:n={},beforeFetch:u,afterFetch:l,pagination:m,delEmptyParams:f,transformParams:V,extraParams:v}=t.unref(s);if(!(!r||!i.isFunction(r)))try{O(!0);const{pageField:w,sizeField:Z,listField:G,totalField:H}=Object.assign({},{pageField:"page",sizeField:"pageSize",listField:"items",totalField:"total"},n);let S={},c=e;const{currentPage:A=1,pageSize:E=K.PageSize}=t.unref(j);if(V){if(i.isBoolean(m)&&!m)S={};else{const g=e&&e.page||A;S[w]=m?.pageIsZero?g-1:g,S[Z]=E}if(c=T.merge(e,S),u&&i.isFunction(u)){const g=await u(c);c={...c,...g}}f&&i.delObjAttrNotExist(c,i.isString(f)?f==="strict":!1)}c&&!i.isEmptyObject(c)&&!i.isNullOrUndefined(v)?i.isObject(c)&&i.isObject(v)&&(c=Object.assign({},c,v)):i.isNullOrUndefined(v)||(c=v);const b=await r(c),N=Array.isArray(b);let d=N?b:T.get(b,G);const F=N?b.length:T.get(b,H);if(Number(F)){const g=Math.ceil(F/E);if(A>g)return o({currentPage:g}),await h(e)}return l&&i.isFunction(l)&&(d=await l(d)||d),a.value=d,P.value=d,o({total:F||0}),e&&e.page&&o({currentPage:e.page||1}),q("fetch-success",{items:t.unref(d),total:F}),d}catch(w){console.log(w),q("fetch-error",w),a.value=[],o({total:0})}finally{O(!1)}}function y(){return P.value}async function C(e){return o({currentPage:e?.page||1}),await h(e)}function M(e){if(!a.value||a.value.length===0)return;const{rowkey:r}=t.unref(s);return(u=>{let l;return u.some(function(f){if(Reflect.has(f,r)&&f[r]===e)return l=f,!0}),l})(a.value)}async function k(e,r,n){return a.value[e]&&(a.value[e][r]=n),a.value[e]}function x(e,r){const n=M(e);if(n){for(const u in n)Reflect.has(r,u)&&(n[u]=r[u]);return n}}function I(e,r=0){const n=i.isPlainObject(e)?[e]:e;return a.value.splice(r,0,...n),t.unref(a)}function U(e,r){if(!a.value||a.value.length===0)return;const{rowkey:n}=t.unref(s),u=a.value.findIndex(m=>m[r||n]===e[r||n]);a.value.splice(u,1);const{total:l}=t.unref(j);i.isNumber(l)&&o({total:l-1})}function D(e){a.value=e}function B(){return R.value}function L(e){const r=String(e).trim().toLowerCase();if(r){const n=y?.()?.filter(u=>{for(const l in u)if(String(u[l]).trim().toLowerCase()?.includes(r))return!0});D(n)}else D(y())}const z=t.ref(!0);return t.onMounted(()=>{J.useTimeoutFn(()=>{t.unref(s).immediate&&h(),z.value=!1},16)}),t.watch(()=>t.unref(s).api,()=>{t.unref(s).watchApiFetch&&!z.value&&t.unref(s).immediate&&h()}),{setTableData:D,updateTableData:k,updateTableDataRecord:x,insertTableDataRecord:I,deleteTableDataRecord:U,reload:C,handleTableChange:p,getDataSourceRef:R,getDataSource:B,getRawDataSource:y,tableSearch:L}}exports.useDataSource=Q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../pagination/index.cjs");const i=require("@vft/utils"),T=require("lodash-es"),t=require("vue"),J=require("../constants.cjs");function K(s,{tableData:_,setLoading:O,getPaginationInfo:j,setPagination:o},q){const r=t.ref([]),P=t.ref({});t.watchEffect(()=>{_.value=t.unref(r)}),t.watch(()=>t.unref(s).data,()=>{const{data:e,api:a}=t.unref(s);!a&&e&&(r.value=e)},{immediate:!0});function p(e){o(e),h({})}const R=t.computed(()=>{const e=t.unref(r);return!e||e.length===0,t.unref(r)});async function h(e){const{api:a,fetchSetting:n={},beforeFetch:u,afterFetch:l,pagination:m,delEmptyParams:f,transformParams:V,extraParams:v}=t.unref(s);if(!(!a||!i.isFunction(a)))try{O(!0);const{pageField:w,sizeField:Z,listField:G,totalField:H}=Object.assign({},{pageField:"page",sizeField:"pageSize",listField:"items",totalField:"total"},n);let S={},c=e;const{currentPage:A=1,pageSize:E=J.PageSize}=t.unref(j);if(V){if(i.isBoolean(m)&&!m)S={};else{const g=e&&e.page||A;S[w]=m?.pageIsZero?g-1:g,S[Z]=E}if(c=T.merge(e,S),u&&i.isFunction(u)){const g=await u(c);c={...c,...g}}f&&i.delObjAttrNotExist(c,i.isString(f)?f==="strict":!1)}c&&!i.isEmptyObject(c)&&!i.isNullOrUndefined(v)?i.isObject(c)&&i.isObject(v)&&(c=Object.assign({},c,v)):i.isNullOrUndefined(v)||(c=v);const b=await a(c),N=Array.isArray(b);let d=N?b:T.get(b,G);const F=N?b.length:T.get(b,H);if(Number(F)){const g=Math.ceil(F/E);if(A>g)return o({currentPage:g}),await h(e)}return l&&i.isFunction(l)&&(d=await l(d)||d),r.value=d,P.value=d,o({total:F||0}),e&&e.page&&o({currentPage:e.page||1}),q("fetch-success",{items:t.unref(d),total:F}),d}catch(w){console.log(w),q("fetch-error",w),r.value=[],o({total:0})}finally{t.nextTick(()=>{O(!1)})}}function y(){return P.value}async function k(e){return o({currentPage:e?.page||1}),await h(e)}function x(e){if(!r.value||r.value.length===0)return;const{rowkey:a}=t.unref(s);return(u=>{let l;return u.some(function(f){if(Reflect.has(f,a)&&f[a]===e)return l=f,!0}),l})(r.value)}async function C(e,a,n){return r.value[e]&&(r.value[e][a]=n),r.value[e]}function M(e,a){const n=x(e);if(n){for(const u in n)Reflect.has(a,u)&&(n[u]=a[u]);return n}}function I(e,a=0){const n=i.isPlainObject(e)?[e]:e;return r.value.splice(a,0,...n),t.unref(r)}function U(e,a){if(!r.value||r.value.length===0)return;const{rowkey:n}=t.unref(s),u=r.value.findIndex(m=>m[a||n]===e[a||n]);r.value.splice(u,1);const{total:l}=t.unref(j);i.isNumber(l)&&o({total:l-1})}function D(e){r.value=e}function B(){return R.value}function L(e){const a=String(e).trim().toLowerCase();if(a){const n=y?.()?.filter(u=>{for(const l in u)if(String(u[l]).trim().toLowerCase()?.includes(a))return!0});D(n)}else D(y())}const z=t.ref(!0);return t.onMounted(()=>{t.unref(s).immediate&&h(),z.value=!1}),t.watch(()=>t.unref(s).api,()=>{t.unref(s).watchApiFetch&&!z.value&&t.unref(s).immediate&&h()}),{setTableData:D,updateTableData:C,updateTableDataRecord:M,insertTableDataRecord:I,deleteTableDataRecord:U,reload:k,handleTableChange:p,getDataSourceRef:R,getDataSource:B,getRawDataSource:y,tableSearch:L}}exports.useDataSource=K;

package/lib/package.json.cjs

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

package/lib/package.json.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
   "name": "vft",
-  "version": "0.0.455",
+  "version": "0.0.457",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vft",
-  "version": "0.0.455",
+  "version": "0.0.457",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",
@@ -58,10 +58,10 @@
     "photoswipe": "5.4.4",
     "@vft/router": "0.0.67",
     "@vft/utils": "0.0.145",
-    "@vft/constants": "0.0.75",
+    "@vft/directives": "0.0.36",
     "@vft/use": "0.0.91",
-    "@vft/store": "0.0.57",
-    "@vft/directives": "0.0.36"
+    "@vft/constants": "0.0.75",
+    "@vft/store": "0.0.57"
   },
   "vetur": {
     "tags": "tags.json",

package/theme-style/base.css

@@ -1,4 +1,4 @@
-@charset "UTF-8";:root{--vft-primary-color-rgb:33,150,243;--vft-success-color-rgb:62,175,124;--vft-warning-color-rgb:251,155,95;--vft-danger-color-rgb:242,109,109;--vft-error-color-rgb:242,109,109;--vft-info-color-rgb:144,147,153;--vft-color-white:#fff;--vft-color-black:#000;--vft-color-rgb:255,255,255;--vft-reverse-color-rgb:0,0,0;--vft-reverse-color:#000;--vft-font-size-extra-large:20px;--vft-font-size-large:18px;--vft-font-size-medium:16px;--vft-font-size-base:14px;--vft-font-size-small:13px;--vft-font-size-extra-small:12px;--vft-font-family:'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑',Arial,sans-serif;--vft-font-weight-primary:500;--vft-font-line-height-primary:24px;--vft-z-index-normal:1;--vft-z-index-top:1000;--vft-z-index-popper:2000;--vft-z-index-backtop:3050;--vft-z-index-header-layout:100;--vft-border-radius-small:2px;--vft-border-radius-base:4px;--vft-border-radius-medium:10px;--vft-border-radius-large:15px;--vft-border-radius-round:20px;--vft-border-radius-circle:100%;--vft-transition-duration:0.3s;--vft-transition-duration-fast:0.2s;--vft-transition-function-ease-in-out-bezier:cubic-bezier(0.645, 0.045, 0.355, 1);--vft-transition-function-fast-bezier:cubic-bezier(0.23, 1, 0.32, 1);--vft-transition-all:all var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-fade:opacity var(--vft-transition-duration) var(--vft-transition-function-fast-bezier);--vft-transition-md-fade:transform var(--vft-transition-duration) var(--vft-transition-function-fast-bezier),opacity var(--vft-transition-duration) var(--vft-transition-function-fast-bezier);--vft-transition-fade-linear:opacity var(--vft-transition-duration-fast) linear;--vft-transition-border:border-color var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-box-shadow:box-shadow var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-color:color var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-bg-color:background-color var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-component-size-large:40px;--vft-component-size:32px;--vft-component-size-small:24px;--vxe-ui-font-primary-color:var(--vft-primary-color)!important;--vxe-ui-font-primary-darken-color:var(
+@charset "UTF-8";:root{--vft-primary-color-rgb:33,150,243;--vft-success-color-rgb:62,175,124;--vft-warning-color-rgb:251,155,95;--vft-danger-color-rgb:242,109,109;--vft-error-color-rgb:242,109,109;--vft-info-color-rgb:144,147,153;--vft-color-white:#fff;--vft-color-black:#000;--vft-color-rgb:255,255,255;--vft-reverse-color-rgb:0,0,0;--vft-reverse-color:#000;--vft-font-size-extra-large:20px;--vft-font-size-large:18px;--vft-font-size-medium:16px;--vft-font-size-base:14px;--vft-font-size-small:13px;--vft-font-size-extra-small:12px;--vft-font-family:'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑',Arial,sans-serif;--vft-font-weight-primary:500;--vft-font-line-height-primary:24px;--vft-z-index-normal:1;--vft-z-index-top:1000;--vft-z-index-popper:2000;--vft-z-index-backtop:3050;--vft-z-index-header-layout:100;--vft-border-radius-base:10px;--vft-border-radius-small:2px;--vft-border-radius-medium:8px;--vft-border-radius-large:15px;--vft-border-radius-round:20px;--vft-border-radius-circle:100%;--vft-transition-duration:0.3s;--vft-transition-duration-fast:0.2s;--vft-transition-function-ease-in-out-bezier:cubic-bezier(0.645, 0.045, 0.355, 1);--vft-transition-function-fast-bezier:cubic-bezier(0.23, 1, 0.32, 1);--vft-transition-all:all var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-fade:opacity var(--vft-transition-duration) var(--vft-transition-function-fast-bezier);--vft-transition-md-fade:transform var(--vft-transition-duration) var(--vft-transition-function-fast-bezier),opacity var(--vft-transition-duration) var(--vft-transition-function-fast-bezier);--vft-transition-fade-linear:opacity var(--vft-transition-duration-fast) linear;--vft-transition-border:border-color var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-box-shadow:box-shadow var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-color:color var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-bg-color:background-color var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-component-size-large:40px;--vft-component-size:32px;--vft-component-size-small:24px;--vxe-ui-font-primary-color:var(--vft-primary-color)!important;--vxe-ui-font-primary-darken-color:var(
     --vft-primary-color-dark-2
   )!important;--vxe-ui-font-primary-lighten-color:var(
     --vft-primary-color-light-3
@@ -8,4 +8,4 @@
     --vft-primary-color-light-7
   )!important;--vxe-ui-font-primary-tinge-color:var(
     --vft-primary-color-light-9
-  )!important;--vft-primary-color-light-3:rgb(99.6, 181.5, 246.6);--vft-primary-color-light-5:rgb(144, 202.5, 249);--vft-primary-color-light-7:rgb(188.4, 223.5, 251.4);--vft-primary-color-light-8:rgb(210.6, 234, 252.6);--vft-primary-color-light-9:rgb(232.8, 244.5, 253.8);--vft-primary-color:#2196f3;--vft-primary-color-dark-2:rgb(26.4, 120, 194.4);--vft-success-color-light-3:rgb(119.9, 199, 163.3);--vft-success-color-light-5:rgb(158.5, 215, 189.5);--vft-success-color-light-7:rgb(197.1, 231, 215.7);--vft-success-color-light-8:rgb(216.4, 239, 228.8);--vft-success-color-light-9:rgb(235.7, 247, 241.9);--vft-success-color:#3eaf7c;--vft-success-color-dark-2:rgb(49.6, 140, 99.2);--vft-warning-color-light-3:rgb(252.2, 185, 143);--vft-warning-color-light-5:#fdcdaf;--vft-warning-color-light-7:rgb(253.8, 225, 207);--vft-warning-color-light-8:rgb(254.2, 235, 223);--vft-warning-color-light-9:rgb(254.6, 245, 239);--vft-warning-color:#fb9b5f;--vft-warning-color-dark-2:rgb(200.8, 124, 76);--vft-danger-color-light-3:rgb(245.9, 152.8, 152.8);--vft-danger-color-light-5:rgb(248.5, 182, 182);--vft-danger-color-light-7:rgb(251.1, 211.2, 211.2);--vft-danger-color-light-8:rgb(252.4, 225.8, 225.8);--vft-danger-color-light-9:rgb(253.7, 240.4, 240.4);--vft-danger-color:#f26d6d;--vft-danger-color-dark-2:rgb(193.6, 87.2, 87.2);--vft-error-color-light-3:rgb(245.9, 152.8, 152.8);--vft-error-color-light-5:rgb(248.5, 182, 182);--vft-error-color-light-7:rgb(251.1, 211.2, 211.2);--vft-error-color-light-8:rgb(252.4, 225.8, 225.8);--vft-error-color-light-9:rgb(253.7, 240.4, 240.4);--vft-error-color:#f26d6d;--vft-error-color-dark-2:rgb(193.6, 87.2, 87.2);--vft-info-color-light-3:rgb(177.3, 179.4, 183.6);--vft-info-color-light-5:rgb(199.5, 201, 204);--vft-info-color-light-7:rgb(221.7, 222.6, 224.4);--vft-info-color-light-8:rgb(232.8, 233.4, 234.6);--vft-info-color-light-9:rgb(243.9, 244.2, 244.8);--vft-info-color:#909399;--vft-info-color-dark-2:rgb(115.2, 117.6, 122.4);color-scheme:light;--vft-bg-color:#fff;--vft-bg-color-page:#f2f3f5;--vft-bg-color-overlay:#fff;--vft-text-primary-color:#303133;--vft-text-regular-color:#606266;--vft-text-secondary-color:#909399;--vft-text-placeholder-color:#a8abb2;--vft-text-disabled-color:#c0c4cc;--vft-border-color:#dcdfe6;--vft-border-color-light:#e4e7ed;--vft-border-color-lighter:#ebeef5;--vft-border-color-extra-light:#f2f6fc;--vft-border-color-dark:#d4d7de;--vft-border-color-darker:#cdd0d6;--vft-fill-color:#f0f2f5;--vft-fill-color-light:#f5f7fa;--vft-fill-color-lighter:#fafafa;--vft-fill-color-extra-light:#fafcff;--vft-fill-color-dark:#ebedf0;--vft-fill-color-darker:#e6e8eb;--vft-fill-color-blank:#fff;--vft-box-shadow:0 12px 32px 4px rgba(0, 0, 0, 0.04),0 8px 20px rgba(0, 0, 0, 0.08);--vft-box-shadow-light:0 0 12px rgba(0, 0, 0, 0.12);--vft-box-shadow-lighter:0 0 6px rgba(0, 0, 0, 0.12);--vft-box-shadow-dark:0 16px 48px 16px rgba(0, 0, 0, 0.08),0 12px 32px rgba(0, 0, 0, 0.12),0 8px 16px -8px rgba(0, 0, 0, 0.16);--vft-disabled-bg-color:var(--vft-fill-color-light);--vft-disabled-text-color:var(--vft-text-placeholder-color);--vft-disabled-border-color:var(--vft-border-color-light);--vft-overlay-color:rgba(0, 0, 0, 0.8);--vft-overlay-color-light:rgba(0, 0, 0, 0.7);--vft-overlay-color-lighter:rgba(0, 0, 0, 0.5);--vft-mask-color:rgba(255, 255, 255, 0.9);--vft-mask-color-extra-light:rgba(255, 255, 255, 0.3);--vft-border-width:1px;--vft-border-style:solid;--vft-border-color-hover:var(--vft-text-disabled-color);--vft-border:var(--vft-border-width) var(--vft-border-style) var(--vft-border-color);--vft-svg-monochrome-grey:var(--vft-border-color)}.vft-fade-in-linear-enter-active,.vft-fade-in-linear-leave-active{transition:var(--vft-transition-fade-linear)}.vft-fade-in-linear-enter-from,.vft-fade-in-linear-leave-to{opacity:0}.vft-fade-in-enter-active,.vft-fade-in-leave-active{transition:all var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}.vft-fade-in-enter-from,.vft-fade-in-leave-active{opacity:0}.vft-zoom-in-center-enter-active,.vft-zoom-in-center-leave-active{transition:all var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}.vft-zoom-in-center-enter-from,.vft-zoom-in-center-leave-active{transform:scaleX(0);opacity:0}.vft-zoom-in-top-enter-active,.vft-zoom-in-top-leave-active{transition:var(--vft-transition-md-fade);transform:scaleY(1);transform-origin:center top;opacity:1}.vft-zoom-in-top-enter-active[data-popper-placement^=top],.vft-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-enter-from,.vft-zoom-in-top-leave-active{transform:scaleY(0);opacity:0}.vft-zoom-in-top-fast-enter-active{transition:var(--vft-transition-md-fade);transform:scaleY(1);transform-origin:center top;opacity:1}.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-fast-leave-active{transform:scaleY(1);transform-origin:center top;opacity:1}.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-fast-enter-from,.vft-zoom-in-top-fast-leave-active{transform:scaleY(0);opacity:0}.vft-zoom-in-bottom-enter-active,.vft-zoom-in-bottom-leave-active{transform:scaleY(1);transform-origin:center bottom;transition:var(--vft-transition-md-fade);opacity:1}.vft-zoom-in-bottom-enter-from,.vft-zoom-in-bottom-leave-active{transform:scaleY(0);opacity:0}.vft-zoom-in-left-enter-active,.vft-zoom-in-left-leave-active{transform:scale(1,1);transform-origin:top left;transition:var(--vft-transition-md-fade);opacity:1}.vft-zoom-in-left-enter-from,.vft-zoom-in-left-leave-active{transform:scale(.45,.45);opacity:0}.collapse-transition{transition:var(--vft-transition-duration) height ease-in-out,var(--vft-transition-duration) padding-top ease-in-out,var(--vft-transition-duration) padding-bottom ease-in-out}.vft-collapse-transition-enter-active,.vft-collapse-transition-leave-active{transition:var(--vft-transition-duration) max-height ease-in-out,var(--vft-transition-duration) padding-top ease-in-out,var(--vft-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--vft-transition-duration) width ease-in-out,var(--vft-transition-duration) padding-left ease-in-out,var(--vft-transition-duration) padding-right ease-in-out}.vft-list-enter-active,.vft-list-leave-active{transition:all 1s}.vft-list-enter-from,.vft-list-leave-to{transform:translateY(-30px);opacity:0}.vft-list-leave-active{position:absolute!important}.vft-opacity-transition{transition:opacity var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}@keyframes vft-rotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}
+  )!important;--vft-primary-color-light-3:rgb(99.6, 181.5, 246.6);--vft-primary-color-light-5:rgb(144, 202.5, 249);--vft-primary-color-light-7:rgb(188.4, 223.5, 251.4);--vft-primary-color-light-8:rgb(210.6, 234, 252.6);--vft-primary-color-light-9:rgb(232.8, 244.5, 253.8);--vft-primary-color:#2196f3;--vft-primary-color-dark-2:rgb(26.4, 120, 194.4);--vft-success-color-light-3:rgb(119.9, 199, 163.3);--vft-success-color-light-5:rgb(158.5, 215, 189.5);--vft-success-color-light-7:rgb(197.1, 231, 215.7);--vft-success-color-light-8:rgb(216.4, 239, 228.8);--vft-success-color-light-9:rgb(235.7, 247, 241.9);--vft-success-color:#3eaf7c;--vft-success-color-dark-2:rgb(49.6, 140, 99.2);--vft-warning-color-light-3:rgb(252.2, 185, 143);--vft-warning-color-light-5:#fdcdaf;--vft-warning-color-light-7:rgb(253.8, 225, 207);--vft-warning-color-light-8:rgb(254.2, 235, 223);--vft-warning-color-light-9:rgb(254.6, 245, 239);--vft-warning-color:#fb9b5f;--vft-warning-color-dark-2:rgb(200.8, 124, 76);--vft-danger-color-light-3:rgb(245.9, 152.8, 152.8);--vft-danger-color-light-5:rgb(248.5, 182, 182);--vft-danger-color-light-7:rgb(251.1, 211.2, 211.2);--vft-danger-color-light-8:rgb(252.4, 225.8, 225.8);--vft-danger-color-light-9:rgb(253.7, 240.4, 240.4);--vft-danger-color:#f26d6d;--vft-danger-color-dark-2:rgb(193.6, 87.2, 87.2);--vft-error-color-light-3:rgb(245.9, 152.8, 152.8);--vft-error-color-light-5:rgb(248.5, 182, 182);--vft-error-color-light-7:rgb(251.1, 211.2, 211.2);--vft-error-color-light-8:rgb(252.4, 225.8, 225.8);--vft-error-color-light-9:rgb(253.7, 240.4, 240.4);--vft-error-color:#f26d6d;--vft-error-color-dark-2:rgb(193.6, 87.2, 87.2);--vft-info-color-light-3:rgb(177.3, 179.4, 183.6);--vft-info-color-light-5:rgb(199.5, 201, 204);--vft-info-color-light-7:rgb(221.7, 222.6, 224.4);--vft-info-color-light-8:rgb(232.8, 233.4, 234.6);--vft-info-color-light-9:rgb(243.9, 244.2, 244.8);--vft-info-color:#909399;--vft-info-color-dark-2:rgb(115.2, 117.6, 122.4);color-scheme:light;--vft-bg-color:#fff;--vft-bg-color-page:#f2f3f5;--vft-bg-color-overlay:#fff;--vft-text-primary-color:#303133;--vft-text-regular-color:#606266;--vft-text-secondary-color:#909399;--vft-text-placeholder-color:#a8abb2;--vft-text-disabled-color:#c0c4cc;--vft-border-color:#dcdfe6;--vft-border-color-light:#e4e7ed;--vft-border-color-lighter:#ebeef5;--vft-border-color-extra-light:#f2f6fc;--vft-border-color-dark:#d4d7de;--vft-border-color-darker:#cdd0d6;--vft-fill-color:#f0f2f5;--vft-fill-color-light:#f5f7fa;--vft-fill-color-lighter:#fafafa;--vft-fill-color-extra-light:#fafcff;--vft-fill-color-dark:#ebedf0;--vft-fill-color-darker:#e6e8eb;--vft-fill-color-blank:#fff;--vft-box-shadow:0 12px 32px 4px rgba(0, 0, 0, 0.04),0 8px 20px rgba(0, 0, 0, 0.08);--vft-box-shadow-light:0 0 12px rgba(0, 0, 0, 0.12);--vft-box-shadow-lighter:0 0 6px rgba(0, 0, 0, 0.12);--vft-box-shadow-dark:0 16px 48px 16px rgba(0, 0, 0, 0.08),0 12px 32px rgba(0, 0, 0, 0.12),0 8px 16px -8px rgba(0, 0, 0, 0.16);--vft-disabled-bg-color:var(--vft-fill-color-light);--vft-disabled-text-color:var(--vft-text-placeholder-color);--vft-disabled-border-color:var(--vft-border-color-light);--vft-overlay-color:rgba(0, 0, 0, 0.8);--vft-overlay-color-light:rgba(0, 0, 0, 0.7);--vft-overlay-color-lighter:rgba(0, 0, 0, 0.5);--vft-mask-color:rgba(255, 255, 255, 0.9);--vft-mask-color-extra-light:rgba(255, 255, 255, 0.3);--vft-border-width:1px;--vft-border-style:solid;--vft-border-color-hover:var(--vft-text-disabled-color);--vft-border:var(--vft-border-width) var(--vft-border-style) var(--vft-border-color);--vft-svg-monochrome-grey:var(--vft-border-color)}.vft-fade-in-linear-enter-active,.vft-fade-in-linear-leave-active{transition:var(--vft-transition-fade-linear)}.vft-fade-in-linear-enter-from,.vft-fade-in-linear-leave-to{opacity:0}.vft-fade-in-enter-active,.vft-fade-in-leave-active{transition:all var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}.vft-fade-in-enter-from,.vft-fade-in-leave-active{opacity:0}.vft-zoom-in-center-enter-active,.vft-zoom-in-center-leave-active{transition:all var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}.vft-zoom-in-center-enter-from,.vft-zoom-in-center-leave-active{transform:scaleX(0);opacity:0}.vft-zoom-in-top-enter-active,.vft-zoom-in-top-leave-active{transition:var(--vft-transition-md-fade);transform:scaleY(1);transform-origin:center top;opacity:1}.vft-zoom-in-top-enter-active[data-popper-placement^=top],.vft-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-enter-from,.vft-zoom-in-top-leave-active{transform:scaleY(0);opacity:0}.vft-zoom-in-top-fast-enter-active{transition:var(--vft-transition-md-fade);transform:scaleY(1);transform-origin:center top;opacity:1}.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-fast-leave-active{transform:scaleY(1);transform-origin:center top;opacity:1}.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-fast-enter-from,.vft-zoom-in-top-fast-leave-active{transform:scaleY(0);opacity:0}.vft-zoom-in-bottom-enter-active,.vft-zoom-in-bottom-leave-active{transform:scaleY(1);transform-origin:center bottom;transition:var(--vft-transition-md-fade);opacity:1}.vft-zoom-in-bottom-enter-from,.vft-zoom-in-bottom-leave-active{transform:scaleY(0);opacity:0}.vft-zoom-in-left-enter-active,.vft-zoom-in-left-leave-active{transform:scale(1,1);transform-origin:top left;transition:var(--vft-transition-md-fade);opacity:1}.vft-zoom-in-left-enter-from,.vft-zoom-in-left-leave-active{transform:scale(.45,.45);opacity:0}.collapse-transition{transition:var(--vft-transition-duration) height ease-in-out,var(--vft-transition-duration) padding-top ease-in-out,var(--vft-transition-duration) padding-bottom ease-in-out}.vft-collapse-transition-enter-active,.vft-collapse-transition-leave-active{transition:var(--vft-transition-duration) max-height ease-in-out,var(--vft-transition-duration) padding-top ease-in-out,var(--vft-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--vft-transition-duration) width ease-in-out,var(--vft-transition-duration) padding-left ease-in-out,var(--vft-transition-duration) padding-right ease-in-out}.vft-list-enter-active,.vft-list-leave-active{transition:all 1s}.vft-list-enter-from,.vft-list-leave-to{transform:translateY(-30px);opacity:0}.vft-list-leave-active{position:absolute!important}.vft-opacity-transition{transition:opacity var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}@keyframes vft-rotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@keyframes vft-loading-dot{33%{transform:translateY(-2em)}66%{transform:translateY(-1em)}}