dynamicformdjx 0.5.0 → 0.6.2

package/dist/hooks/useTool.d.ts

@@ -5,7 +5,7 @@ declare function useWindowSize(mobileWidth?: number, delay?: number): {
     height: import('vue').Ref<number, number>;
     isMobile: import('vue').ComputedRef<boolean>;
 };
-declare function useObserverSize<T extends VueComponentCtor>(ct: T): {
+declare function useObserverSize<T extends VueComponentCtor>(ct: T, delay?: number): {
     wrapRef: import('vue').Ref<HTMLDivElement | null, HTMLDivElement | null>;
     cardRef: [InstanceType<T> | null] extends [import('vue').Ref<any, any>] ? import('@vue/shared').IfAny<import('vue').Ref<any, any> & InstanceType<T>, import('vue').Ref<import('vue').Ref<any, any> & InstanceType<T>, import('vue').Ref<any, any> & InstanceType<T>>, import('vue').Ref<any, any> & InstanceType<T>> : import('vue').Ref<import('vue').UnwrapRef<InstanceType<T>> | null, InstanceType<T> | import('vue').UnwrapRef<InstanceType<T>> | null>;
     restRef: import('vue').Ref<HTMLDivElement | null, HTMLDivElement | null>;

package/dist/index-BAqRAwDC.cjs

@@ -0,0 +1 @@
+"use strict";require('./index.css');const c=require("vue"),S=(e,t,n)=>Object.keys(e).map((r,a)=>{const l=e[r],p=Array.isArray(l),d=p?l.every(h=>typeof h=="number"):typeof l=="number";return{rId:t(a),key:r,value:p?l.join(n):l,isArray:p||void 0,isNumber:d||void 0}}),W=(e,t)=>e.reduce((n,r)=>(r.key.trim()&&(n[r.key]=R(r.value,r.isArray,r.isNumber,t)),n),{}),R=(e,t,n,r=",")=>{let a;return t?n?a=String(e).split(r).map(Number).filter(l=>!Number.isNaN(l)):a=String(e).split(r):n?a=parseFloat(e):a=e.toString(),a},H=(e,t,n=",")=>{const r=a=>{a=a.replace(/[^\d.-]/g,"");let l=!1;a.startsWith("-")&&(l=!0),a=a.replace(/-/g,"");const p=a.indexOf(".");return p!==-1&&(a=a.slice(0,p+1)+a.slice(p+1).replace(/\./g,"")),(l?"-":"")+a};return t?e.split(n).map(a=>r(a)).join(n):r(e)},O=e=>`hsl(${e*35%360}, 60%, 65%)`,j=(e,t)=>e[t-1]??O(t);function k(e){return c.isRef(e)?e:c.ref(e??null)}function C(e,t){const n={...e};return delete n.value,t?.forEach(r=>{r!=="value"&&delete n[r]}),n}function w(e,t=500){let n=null;return function(...r){n&&clearTimeout(n),n=setTimeout(()=>{e(...r)},t)}}const y=e=>{if(!e)return 0;const t=getComputedStyle(e);return(parseFloat(t.paddingTop)||0)+(parseFloat(t.paddingBottom)||0)},V=e=>{if(!e)return 0;const t=getComputedStyle(e);return(parseFloat(t.marginTop)||0)+(parseFloat(t.marginBottom)||0)},M=e=>Object.fromEntries(Object.entries(e).map(([t,n])=>[t,c.unref(n)]));function z(e){return"touches"in e?e.touches[0]?.clientY??0:e.clientY}function F(e){return"pointerId"in e?e.pointerId:null}function N(e,t=!0){return e.map(n=>{const r=n;return r.value=k(n.value),t?c.shallowReactive(r):r})}function Y(e){const t=()=>c.unref(e),n=(u,o)=>{t().forEach(s=>{const i=s.key;(!o||o.includes(i))&&(s.disabled=u)})},r=(u,o)=>{t().forEach(s=>{const i=s.key;(!o||o.includes(i))&&(s.hidden=u)})},a=(u,o)=>{const s=t().find(i=>i.key===u);s&&(c.isRef(s.value)?s.value.value=o:s.value=o)};return{setDisabled:n,setHidden:r,setValue:a,setValues:u=>{Object.entries(u).forEach(([o,s])=>{a(o,s)})},getValue:u=>{const o=t().find(s=>s.key===u);if(o){const s=o.value;return c.isRef(s)?c.toRaw(s.value):s}},getValues:u=>{const o=u&&u.length?new Set(u):null;return t().reduce((s,i)=>{const m=i.key;if(!o||o.has(m)){const b=c.isRef(i.value)?c.toRaw(i.value.value):i.value;s[m]=b}return s},{})},onReset:(u=null)=>{t().forEach(o=>{c.isRef(o.value)?o.value.value=u:o.value=u})},getItem:u=>t().find(o=>o.key===u),setItem:(u,o)=>{t().forEach(s=>{if(s.key===u){const{key:i,...m}=o;Object.assign(s,m)}})},setItems:u=>{const o=new Map(u);t().forEach(s=>{const i=o.get(s.key);if(i){const{key:m,...b}=i;Object.assign(s,b)}})},updateKeys:u=>{const o=new Map(u);t().forEach(s=>{const i=o.get(s.key);i&&(s.key=i)})}}}function $(e=756,t=500){const n=c.ref(window.innerWidth),r=c.ref(window.innerHeight),a=w(()=>{n.value=window.innerWidth,r.value=window.innerHeight},t),l=c.computed(()=>n.value<=e);return c.onMounted(()=>{window.addEventListener("resize",a)}),c.onUnmounted(()=>{window.removeEventListener("resize",a)}),{width:n,height:r,isMobile:l}}function D(e,t=100){const n=e.name==="ElCard"?"el":"n",r=c.ref(null),a=c.ref(null),l=c.ref(null),p=c.ref(0);let d=null;const h=()=>{const f=l.value?.$el??null;if(!f)return{cardEl:null,headerWrap:null,footerWrap:null,contentEl:null};const v=f.querySelector(`.${n}-card__header`)||f.querySelector(`.${n}-card-header`),g=f.querySelector(`.${n}-card__footer`),u=f.querySelector(`.${n}-card__body`)||f.querySelector(`.${n}-card__content`);return{cardEl:f,headerWrap:v,footerWrap:g,contentEl:u}},E=()=>{const f=r.value,{cardEl:v,headerWrap:g,footerWrap:u,contentEl:o}=h();if(!f||!v)return;const s=f.clientHeight-y(f),i=a.value?.offsetHeight??0,m=g?.offsetHeight??0,b=u?.offsetHeight??0,I=y(o);p.value=Math.max(0,s-i-m-b-I)};return c.onMounted(async()=>{await c.nextTick();const f=w(E,t);d=new ResizeObserver(f),r.value&&d.observe(r.value),a.value&&d.observe(a.value);const{cardEl:v,headerWrap:g,footerWrap:u,contentEl:o}=h();v&&d.observe(v),g&&d.observe(g),u&&d.observe(u),o&&d.observe(o)}),c.onBeforeUnmount(()=>{d?.disconnect(),d=null}),{wrapRef:r,cardRef:l,restRef:a,tableHeight:p}}exports.Debounce=w;exports.OmitValue=C;exports.ensureRef=k;exports.formatNumberInput=H;exports.getClientY=z;exports.getDepthColor=O;exports.getEventId=F;exports.getMarginY=V;exports.getPadY=y;exports.parseValue=R;exports.resetObj=W;exports.saferRepairColor=j;exports.tranArr=S;exports.unwrapObj=M;exports.useDyForm=Y;exports.useObserverSize=D;exports.useReactiveForm=N;exports.useWindowSize=$;

package/dist/index-Bsj3F9SM.js

@@ -0,0 +1,213 @@
+import { ref as g, isRef as b, unref as O, shallowReactive as S, toRaw as E, computed as W, onMounted as R, onUnmounted as j, nextTick as V, onBeforeUnmount as $ } from "vue";
+import './index.css';const z = (e, t, n) => Object.keys(e).map((r, a) => {
+  const i = e[r], d = Array.isArray(i), f = d ? i.every((m) => typeof m == "number") : typeof i == "number";
+  return {
+    rId: t(a),
+    key: r,
+    value: d ? i.join(n) : i,
+    isArray: d || void 0,
+    isNumber: f || void 0
+  };
+}), F = (e, t) => e.reduce((n, r) => (r.key.trim() && (n[r.key] = C(r.value, r.isArray, r.isNumber, t)), n), {}), C = (e, t, n, r = ",") => {
+  let a;
+  return t ? n ? a = String(e).split(r).map(Number).filter((i) => !Number.isNaN(i)) : a = String(e).split(r) : n ? a = parseFloat(e) : a = e.toString(), a;
+}, A = (e, t, n = ",") => {
+  const r = (a) => {
+    a = a.replace(/[^\d.-]/g, "");
+    let i = !1;
+    a.startsWith("-") && (i = !0), a = a.replace(/-/g, "");
+    const d = a.indexOf(".");
+    return d !== -1 && (a = a.slice(0, d + 1) + a.slice(d + 1).replace(/\./g, "")), (i ? "-" : "") + a;
+  };
+  return t ? e.split(n).map((a) => r(a)).join(n) : r(e);
+}, M = (e) => `hsl(${e * 35 % 360}, 60%, 65%)`, D = (e, t) => e[t - 1] ?? M(t);
+function N(e) {
+  return b(e) ? e : g(e ?? null);
+}
+function Y(e, t) {
+  const n = { ...e };
+  return delete n.value, t?.forEach((r) => {
+    r !== "value" && delete n[r];
+  }), n;
+}
+function I(e, t = 500) {
+  let n = null;
+  return function(...r) {
+    n && clearTimeout(n), n = setTimeout(() => {
+      e(...r);
+    }, t);
+  };
+}
+const k = (e) => {
+  if (!e) return 0;
+  const t = getComputedStyle(e);
+  return (parseFloat(t.paddingTop) || 0) + (parseFloat(t.paddingBottom) || 0);
+}, q = (e) => {
+  if (!e) return 0;
+  const t = getComputedStyle(e);
+  return (parseFloat(t.marginTop) || 0) + (parseFloat(t.marginBottom) || 0);
+}, x = (e) => Object.fromEntries(Object.entries(e).map(([t, n]) => [t, O(n)]));
+function T(e) {
+  return "touches" in e ? e.touches[0]?.clientY ?? 0 : e.clientY;
+}
+function B(e) {
+  return "pointerId" in e ? e.pointerId : null;
+}
+function K(e, t = !0) {
+  return e.map((n) => {
+    const r = n;
+    return r.value = N(n.value), t ? S(r) : r;
+  });
+}
+function L(e) {
+  const t = () => O(e), n = (c, o) => {
+    t().forEach((s) => {
+      const u = s.key;
+      (!o || o.includes(u)) && (s.disabled = c);
+    });
+  }, r = (c, o) => {
+    t().forEach((s) => {
+      const u = s.key;
+      (!o || o.includes(u)) && (s.hidden = c);
+    });
+  }, a = (c, o) => {
+    const s = t().find((u) => u.key === c);
+    s && (b(s.value) ? s.value.value = o : s.value = o);
+  };
+  return {
+    setDisabled: n,
+    setHidden: r,
+    setValue: a,
+    setValues: (c) => {
+      Object.entries(c).forEach(([o, s]) => {
+        a(o, s);
+      });
+    },
+    getValue: (c) => {
+      const o = t().find((s) => s.key === c);
+      if (o) {
+        const s = o.value;
+        return b(s) ? E(s.value) : s;
+      }
+    },
+    getValues: (c) => {
+      const o = c && c.length ? new Set(c) : null;
+      return t().reduce((s, u) => {
+        const h = u.key;
+        if (!o || o.has(h)) {
+          const y = b(u.value) ? E(u.value.value) : u.value;
+          s[h] = y;
+        }
+        return s;
+      }, {});
+    },
+    onReset: (c = null) => {
+      t().forEach((o) => {
+        b(o.value) ? o.value.value = c : o.value = c;
+      });
+    },
+    getItem: (c) => t().find((o) => o.key === c),
+    setItem: (c, o) => {
+      t().forEach((s) => {
+        if (s.key === c) {
+          const { key: u, ...h } = o;
+          Object.assign(s, h);
+        }
+      });
+    },
+    setItems: (c) => {
+      const o = new Map(c);
+      t().forEach((s) => {
+        const u = o.get(s.key);
+        if (u) {
+          const { key: h, ...y } = u;
+          Object.assign(s, y);
+        }
+      });
+    },
+    updateKeys: (c) => {
+      const o = new Map(c);
+      t().forEach((s) => {
+        const u = o.get(s.key);
+        u && (s.key = u);
+      });
+    }
+  };
+}
+function P(e = 756, t = 500) {
+  const n = g(window.innerWidth), r = g(window.innerHeight), a = I(() => {
+    n.value = window.innerWidth, r.value = window.innerHeight;
+  }, t), i = W(() => n.value <= e);
+  return R(() => {
+    window.addEventListener("resize", a);
+  }), j(() => {
+    window.removeEventListener("resize", a);
+  }), {
+    width: n,
+    height: r,
+    isMobile: i
+  };
+}
+function U(e, t = 100) {
+  const n = e.name === "ElCard" ? "el" : "n", r = g(null), a = g(null), i = g(null), d = g(0);
+  let f = null;
+  const m = () => {
+    const l = i.value?.$el ?? null;
+    if (!l)
+      return {
+        cardEl: null,
+        headerWrap: null,
+        footerWrap: null,
+        contentEl: null
+      };
+    const p = l.querySelector(`.${n}-card__header`) || l.querySelector(`.${n}-card-header`), v = l.querySelector(`.${n}-card__footer`), c = l.querySelector(`.${n}-card__body`) || l.querySelector(`.${n}-card__content`);
+    return {
+      cardEl: l,
+      headerWrap: p,
+      footerWrap: v,
+      contentEl: c
+    };
+  }, w = () => {
+    const l = r.value, { cardEl: p, headerWrap: v, footerWrap: c, contentEl: o } = m();
+    if (!l || !p) return;
+    const s = l.clientHeight - k(l), u = a.value?.offsetHeight ?? 0, h = v?.offsetHeight ?? 0, y = c?.offsetHeight ?? 0, H = k(o);
+    d.value = Math.max(
+      0,
+      s - u - h - y - H
+    );
+  };
+  return R(async () => {
+    await V();
+    const l = I(w, t);
+    f = new ResizeObserver(l), r.value && f.observe(r.value), a.value && f.observe(a.value);
+    const { cardEl: p, headerWrap: v, footerWrap: c, contentEl: o } = m();
+    p && f.observe(p), v && f.observe(v), c && f.observe(c), o && f.observe(o);
+  }), $(() => {
+    f?.disconnect(), f = null;
+  }), {
+    wrapRef: r,
+    cardRef: i,
+    restRef: a,
+    tableHeight: d
+  };
+}
+export {
+  I as D,
+  Y as O,
+  B as a,
+  L as b,
+  P as c,
+  U as d,
+  M as e,
+  A as f,
+  T as g,
+  N as h,
+  k as i,
+  q as j,
+  x as k,
+  C as p,
+  F as r,
+  D as s,
+  z as t,
+  K as u
+};

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o=require("./index-BRJXkpNJ.cjs"),k=e.defineComponent({name:"DynamicInput",props:{size:{type:String},isController:{type:Boolean},dyCls:{type:String},randomFun:{type:Function,default:t=>`${Date.now()}_${t??0}`},btnConfigs:{type:Object},configs:{type:Object},dyListConfigs:{type:Object},modelValue:{type:Object,required:!0}},emits:{"update:modelValue":t=>!0,onReset:()=>!0,onMerge:(t,m)=>!0},slots:Object,setup(t,{emit:m,expose:I,slots:u}){const b={resetTxt:"重置",newTxt:"添加项",mergeTxt:"合并",...t.btnConfigs},d={hideReset:!1,maxHeight:"300px",autoScroll:!0,allowFilter:!0,hideArrayBtn:!1,hideNumberBtn:!1,...t.configs},y={arraySplitSymbol:",",...t.dyListConfigs},v=t.size,s=e.ref(o.tranArr(t.modelValue,t.randomFun,y.arraySplitSymbol)),f=e.ref(null);e.watch(s,n=>{if(!t.isController)return;const g=o.resetObj(n,y.arraySplitSymbol);m("update:modelValue",g),m("onMerge",g,e.toRaw(s.value))},{deep:!0}),I({onSet:n=>{s.value=o.tranArr(n??t.modelValue,t.randomFun,y.arraySplitSymbol)},getResult:(n="res")=>n==="ori"?e.toRaw(s.value):o.resetObj(s.value,y.arraySplitSymbol)});const c=()=>s.value.push({rId:t.randomFun(),key:"",value:""}),h=()=>{s.value=o.tranArr(t.modelValue,t.randomFun,y.arraySplitSymbol),m("onReset")},S=()=>{s.value.sort((g,l)=>+g.rId-+l.rId);const n=o.resetObj(s.value,y.arraySplitSymbol);m("update:modelValue",n),m("onMerge",n,e.toRaw(s.value)),s.value=o.tranArr(n,t.randomFun,y.arraySplitSymbol)};return()=>e.createVNode("div",{class:`dynamicForm ${v} ${t.dyCls}`},[e.createVNode("div",{class:`dyFormList ${s.value.length?"":"noList"}`,ref:f,style:{maxHeight:d.maxHeight}},[s.value.map((n,g,l)=>{const r={row:n,index:g,isLast:g===l.length-1,addItem:()=>{s.value.push({rId:t.randomFun(),key:"",value:""}),d.autoScroll&&e.nextTick(()=>{const i=f.value;i?.scrollTo({top:i.scrollHeight,behavior:"smooth"})})},removeItem:()=>{s.value=s.value.filter(i=>i.rId!==n.rId)},toggleArray:()=>n.isArray=!n.isArray,toggleNumber:()=>n.isNumber=!n.isNumber};return e.createVNode("div",{class:"dItem",key:n.rId},[e.createVNode("div",{class:"input"},[e.createVNode("input",{size:v,value:n.key,class:"key nativeInput",onInput:i=>{n.key=i.target.value}},null),e.createTextVNode(":"),e.createVNode("div",{class:"vInput"},[e.createVNode("div",{class:"slot"},[u.typeTools?u.typeTools(r):e.createVNode(e.Fragment,null,[!d.hideArrayBtn&&e.createVNode("button",{class:[n.isArray?"success":"default","small","bt"],onClick:r.toggleArray},[e.createTextVNode("Array")]),!d.hideNumberBtn&&e.createVNode("button",{class:[n.isNumber?"success":"default","small","bt"],onClick:r.toggleNumber},[e.createTextVNode("Number")])])]),e.createVNode("input",{size:v,value:n.value,class:"value nativeV",onInput:i=>{const a=i.target.value;d.allowFilter&&n.isNumber?n.value=o.formatNumberInput(a,n.isArray,y.arraySplitSymbol):n.value=a}},null)])]),e.createVNode("div",{class:"btn"},[u.rowActions?u.rowActions(r):e.createVNode(e.Fragment,null,[e.createVNode("button",{class:[v,"success","bt"],disabled:!r.isLast,onClick:r.addItem},[e.createTextVNode("+")]),e.createVNode("button",{class:["danger",v,"bt"],onClick:r.removeItem},[e.createTextVNode("-")])])])])})]),e.createVNode("div",{class:`control ${s.value.length?"":"noList"}`},[!s.value.length&&(u.newBtn?u.newBtn({newItem:c}):e.createVNode("button",{class:["success",v,"bt"],onClick:c},[b.newTxt])),!t.isController&&e.createVNode(e.Fragment,null,[!d.hideReset&&(u.resetBtn?u.resetBtn({reset:h}):e.createVNode("button",{class:["default",v,"bt"],onClick:h},[b.resetTxt])),u.mergeBtn?u.mergeBtn({merge:S}):e.createVNode("button",{class:["info",v,"bt"],onClick:S},[b.mergeTxt])])])])}}),F=e.defineComponent({name:"DynamicCascadeInput",props:{modelValue:{type:Object,required:!0},isController:{type:Boolean},dyCls:{type:String},randomFun:{type:Function,default:t=>`${Date.now()}_${t??0}`},depth:{type:Number,default:3},btnConfigs:{type:Object},configs:{type:Object},dyListConfigs:{type:Object},newChildTxt:{type:Function,default:t=>`添加 '${t.key}' 子项`}},emits:{"update:modelValue":t=>!0,onReset:()=>!0,onMerge:(t,m)=>!0},slots:Object,setup(t,{emit:m,expose:I,slots:u}){const b={resetTxt:"重置",newTxt:"添加项",mergeTxt:"合并",...t.btnConfigs},d={hideReset:!1,maxHeight:"600px",allowFilter:!0,showBorder:!0,showPad:!0,hideArrayBtn:!1,hideNumberBtn:!1,retractLen:0,borderColors:[],...t.configs},y={arraySplitSymbol:",",...t.dyListConfigs},v=l=>["string","number"].includes(l),s=l=>Object.keys(l).map((r,i)=>{let a=l[r];const V=Array.isArray(a),x=V?a.every(A=>typeof A=="number"):typeof a=="number",p=a===null;return v(typeof a)&&(a=l[r]),p&&(a=""),{rId:t.randomFun(i),key:r,value:Object.prototype.toString.call(a)==="[object Object]"?s(l[r]):V?a.join(y.arraySplitSymbol):a,isArray:V||void 0,isNumber:x||void 0}}),f=l=>l.reduce((r,i)=>{const a=i.value;return i.key.trim().length&&(r[i.key]=Array.isArray(a)?f(a):o.parseValue(i.value,i.isArray,i.isNumber,y.arraySplitSymbol)),r},{}),c=e.ref(s(t.modelValue)),h=(l,r=1,i)=>e.createVNode("div",{class:[`depth-${r}`,d.showBorder?"":"no-border",d.showPad?"":"no-pad"],style:{"--depth":r,["--c"+[r]]:o.saferRepairColor(d.borderColors,r)}},[l.map((a,V,x)=>{const p=Array.isArray(a.value),A=v(typeof a.value),N={row:a,index:V,isLast:V===x.length-1,addItem:()=>{l.push({rId:t.randomFun(),key:"",value:""})},addChild:()=>{A&&(a.value=[],a.isArray=void 0),a.value.push({rId:t.randomFun(),key:"",value:""})},removeItem:()=>{if(l.splice(V,1),l.length<1){if(i===void 0)return f([]);const w=c.value.findIndex(C=>C.rId===i?.rId);r<1?c.value.splice(w,1,{...i,value:""}):i.value=""}},toggleArray:()=>a.isArray=!a.isArray,toggleNumber:()=>a.isNumber=!a.isNumber};return e.createVNode("div",{class:"dItem",key:a.rId,style:{marginLeft:r>1?`${r*d.retractLen}px`:"0"}},[e.createVNode("div",{class:"input"},[!p&&e.createVNode(e.Fragment,null,[e.createVNode("input",{value:a.key,class:"key nativeInput",onInput:w=>a.key=w.target.value},null),e.createTextVNode(":")]),e.createVNode("div",{class:"vInput"},[e.createVNode("div",{class:"slot"},[Array.isArray(a.value)?void 0:u.typeTools?u.typeTools(N):e.createVNode(e.Fragment,null,[!d.hideArrayBtn&&e.createVNode("button",{class:[a.isArray?"success":"default","small","bt"],onClick:N.toggleArray},[e.createTextVNode("Array")]),!d.hideNumberBtn&&e.createVNode("button",{class:[a.isNumber?"success":"default","small","bt"],onClick:N.toggleNumber},[e.createTextVNode("Number")])])]),e.createVNode("input",{class:`value nativeV ${p?"isKey":""}`,value:A?a.value:a.key,onInput:w=>{const C=w.target.value;if(p){a.key=C;return}d.allowFilter&&a.isNumber?a.value=o.formatNumberInput(C,a.isArray,y.arraySplitSymbol):a.value=C}},null),e.createVNode("div",{class:"surSlot"},[r<t.depth?!p&&(u.newChild?u.newChild(N):e.createVNode("button",{class:["success","bt"],onClick:N.addChild},[t.newChildTxt(a)])):null])])]),e.createVNode("div",{class:"btn"},[u.rowActions?u.rowActions(N):e.createVNode(e.Fragment,null,[e.createVNode("button",{class:["success","bt"],disabled:!N.isLast,onClick:N.addItem},[e.createTextVNode("+")]),e.createVNode("button",{class:["danger","bt"],onClick:N.removeItem},[e.createTextVNode("-")])])]),Array.isArray(a.value)&&h(a.value,r+1,a)])})]);e.watch(c,l=>{if(!t.isController)return;const r=f(l);m("update:modelValue",r),m("onMerge",r,e.toRaw(c.value))},{deep:!0}),I({onSet:l=>{c.value=s(l??t.modelValue)},getResult:(l="res")=>l==="ori"?e.toRaw(c.value):f(c.value)});const S=()=>c.value.push({rId:t.randomFun(),key:"",value:""}),n=()=>{c.value=s(t.modelValue),m("onReset")},g=()=>{const l=f(c.value);m("update:modelValue",l),m("onMerge",l,e.toRaw(c.value)),c.value=s(l)};return()=>e.createVNode("div",{class:`dynamicCascadeForm ${t.dyCls}`},[e.createVNode("div",{class:`dyFormList ${c.value.length?"":"noObj"}`,style:{maxHeight:d.maxHeight}},[h(c.value)]),e.createVNode("div",{class:`control ${c.value.length?"":"noObj"}`},[!c.value.length&&(u.newBtn?u.newBtn({newItem:S}):e.createVNode("button",{class:["success","bt"],onClick:S},[b.newTxt])),!t.isController&&e.createVNode(e.Fragment,null,[!d.hideReset&&(u.resetBtn?u.resetBtn({reset:n}):e.createVNode("button",{class:["default","bt"],onClick:n},[b.resetTxt])),u.mergeBtn?u.mergeBtn({merge:g}):e.createVNode("button",{class:["info","bt"],onClick:g},[b.mergeTxt])])])])}}),T=function(t,m){function I(){t?.()}function u(){t?.()}const b=e.reactive({pageNo:1,pageSize:25,showSizePicker:!0,pageSizes:[25,50,100,200],pageSlot:5,total:0,layout:"total, prev, pager, next, sizes, jumper",onChange:I,onPageSizeChange:u,setTotalSize(d){b.total=d},...m});return b},j={install(t){t.component("DynamicInput",k),t.component("DynamicCascadeInput",F)}};exports.Debounce=o.Debounce;exports.OmitValue=o.OmitValue;exports.ensureRef=o.ensureRef;exports.formatNumberInput=o.formatNumberInput;exports.getDepthColor=o.getDepthColor;exports.getPadY=o.getPadY;exports.parseValue=o.parseValue;exports.resetObj=o.resetObj;exports.saferRepairColor=o.saferRepairColor;exports.tranArr=o.tranArr;exports.unwrapObj=o.unwrapObj;exports.useDyForm=o.useDyForm;exports.useObserverSize=o.useObserverSize;exports.useReactiveForm=o.useReactiveForm;exports.useWindowSize=o.useWindowSize;exports.DynamicCascadeInput=F;exports.DynamicInput=k;exports.DynamicInputPlugin=j;exports.usePagination=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),c=require("./index-BAqRAwDC.cjs"),A=e.defineComponent({name:"DynamicInput",props:{size:{type:String},isController:{type:Boolean},dyCls:{type:String},randomFun:{type:Function,default:t=>`${Date.now()}_${t??0}`},btnConfigs:{type:Object},configs:{type:Object},dyListConfigs:{type:Object},modelValue:{type:Object,required:!0}},emits:{"update:modelValue":t=>!0,onReset:()=>!0,onMerge:(t,u)=>!0},slots:Object,setup(t,{emit:u,expose:b,slots:o}){const f={resetTxt:"重置",newTxt:"添加项",mergeTxt:"合并",...t.btnConfigs},i={hideReset:!1,maxHeight:"300px",autoScroll:!0,allowFilter:!0,hideArrayBtn:!1,hideNumberBtn:!1,...t.configs},y={arraySplitSymbol:",",...t.dyListConfigs},h=t.size,l=e.ref(c.tranArr(t.modelValue,t.randomFun,y.arraySplitSymbol)),N=e.ref(null);e.watch(l,a=>{if(!t.isController)return;const S=c.resetObj(a,y.arraySplitSymbol);u("update:modelValue",S),u("onMerge",S,e.toRaw(l.value))},{deep:!0}),b({onSet:a=>{l.value=c.tranArr(a??t.modelValue,t.randomFun,y.arraySplitSymbol)},getResult:(a="res")=>a==="ori"?e.toRaw(l.value):c.resetObj(l.value,y.arraySplitSymbol)});const v=()=>l.value.push({rId:t.randomFun(),key:"",value:""}),x=()=>{l.value=c.tranArr(t.modelValue,t.randomFun,y.arraySplitSymbol),u("onReset")},g=()=>{l.value.sort((S,d)=>+S.rId-+d.rId);const a=c.resetObj(l.value,y.arraySplitSymbol);u("update:modelValue",a),u("onMerge",a,e.toRaw(l.value)),l.value=c.tranArr(a,t.randomFun,y.arraySplitSymbol)};return()=>e.createVNode("div",{class:`dynamicForm ${h} ${t.dyCls}`},[e.createVNode("div",{class:`dyFormList ${l.value.length?"":"noList"}`,ref:N,style:{maxHeight:i.maxHeight}},[l.value.map((a,S,d)=>{const s={row:a,index:S,isLast:S===d.length-1,addItem:()=>{l.value.push({rId:t.randomFun(),key:"",value:""}),i.autoScroll&&e.nextTick(()=>{const m=N.value;m?.scrollTo({top:m.scrollHeight,behavior:"smooth"})})},removeItem:()=>{l.value=l.value.filter(m=>m.rId!==a.rId)},toggleArray:()=>a.isArray=!a.isArray,toggleNumber:()=>a.isNumber=!a.isNumber};return e.createVNode("div",{class:"dItem",key:a.rId},[e.createVNode("div",{class:"input"},[e.createVNode("input",{size:h,value:a.key,class:"key nativeInput",onInput:m=>{a.key=m.target.value}},null),e.createTextVNode(":"),e.createVNode("div",{class:"vInput"},[e.createVNode("div",{class:"slot"},[o.typeTools?o.typeTools(s):e.createVNode(e.Fragment,null,[!i.hideArrayBtn&&e.createVNode("button",{class:[a.isArray?"success":"default","small","bt"],onClick:s.toggleArray},[e.createTextVNode("Array")]),!i.hideNumberBtn&&e.createVNode("button",{class:[a.isNumber?"success":"default","small","bt"],onClick:s.toggleNumber},[e.createTextVNode("Number")])])]),e.createVNode("input",{size:h,value:a.value,class:"value nativeV",onInput:m=>{const n=m.target.value;i.allowFilter&&a.isNumber?a.value=c.formatNumberInput(n,a.isArray,y.arraySplitSymbol):a.value=n}},null)])]),e.createVNode("div",{class:"btn"},[o.rowActions?o.rowActions(s):e.createVNode(e.Fragment,null,[e.createVNode("button",{class:[h,"success","bt"],disabled:!s.isLast,onClick:s.addItem},[e.createTextVNode("+")]),e.createVNode("button",{class:["danger",h,"bt"],onClick:s.removeItem},[e.createTextVNode("-")])])])])})]),e.createVNode("div",{class:`control ${l.value.length?"":"noList"}`},[!l.value.length&&(o.newBtn?o.newBtn({newItem:v}):e.createVNode("button",{class:["success",h,"bt"],onClick:v},[f.newTxt])),!t.isController&&e.createVNode(e.Fragment,null,[!i.hideReset&&(o.resetBtn?o.resetBtn({reset:x}):e.createVNode("button",{class:["default",h,"bt"],onClick:x},[f.resetTxt])),o.mergeBtn?o.mergeBtn({merge:g}):e.createVNode("button",{class:["info",h,"bt"],onClick:g},[f.mergeTxt])])])])}}),k=e.defineComponent({name:"DynamicCascadeInput",props:{modelValue:{type:Object,required:!0},isController:{type:Boolean},dyCls:{type:String},randomFun:{type:Function,default:t=>`${Date.now()}_${t??0}`},depth:{type:Number,default:3},btnConfigs:{type:Object},configs:{type:Object},dyListConfigs:{type:Object},newChildTxt:{type:Function,default:t=>`添加 '${t.key}' 子项`}},emits:{"update:modelValue":t=>!0,onReset:()=>!0,onMerge:(t,u)=>!0},slots:Object,setup(t,{emit:u,expose:b,slots:o}){const f={resetTxt:"重置",newTxt:"添加项",mergeTxt:"合并",...t.btnConfigs},i={hideReset:!1,maxHeight:"600px",allowFilter:!0,showBorder:!0,showPad:!0,hideArrayBtn:!1,hideNumberBtn:!1,retractLen:0,borderColors:[],...t.configs},y={arraySplitSymbol:",",...t.dyListConfigs},h=d=>["string","number"].includes(d),l=d=>Object.keys(d).map((s,m)=>{let n=d[s];const T=Array.isArray(n),r=T?n.every(p=>typeof p=="number"):typeof n=="number",V=n===null;return h(typeof n)&&(n=d[s]),V&&(n=""),{rId:t.randomFun(m),key:s,value:Object.prototype.toString.call(n)==="[object Object]"?l(d[s]):T?n.join(y.arraySplitSymbol):n,isArray:T||void 0,isNumber:r||void 0}}),N=d=>d.reduce((s,m)=>{const n=m.value;return m.key.trim().length&&(s[m.key]=Array.isArray(n)?N(n):c.parseValue(m.value,m.isArray,m.isNumber,y.arraySplitSymbol)),s},{}),v=e.ref(l(t.modelValue)),x=(d,s=1,m)=>e.createVNode("div",{class:[`depth-${s}`,i.showBorder?"":"no-border",i.showPad?"":"no-pad"],style:{"--depth":s,["--c"+[s]]:c.saferRepairColor(i.borderColors,s)}},[d.map((n,T,r)=>{const V=Array.isArray(n.value),p=h(typeof n.value),C={row:n,index:T,isLast:T===r.length-1,addItem:()=>{d.push({rId:t.randomFun(),key:"",value:""})},addChild:()=>{p&&(n.value=[],n.isArray=void 0),n.value.push({rId:t.randomFun(),key:"",value:""})},removeItem:()=>{if(d.splice(T,1),d.length<1){if(m===void 0)return N([]);const I=v.value.findIndex(w=>w.rId===m?.rId);s<1?v.value.splice(I,1,{...m,value:""}):m.value=""}},toggleArray:()=>n.isArray=!n.isArray,toggleNumber:()=>n.isNumber=!n.isNumber};return e.createVNode("div",{class:"dItem",key:n.rId,style:{marginLeft:s>1?`${s*i.retractLen}px`:"0"}},[e.createVNode("div",{class:"input"},[!V&&e.createVNode(e.Fragment,null,[e.createVNode("input",{value:n.key,class:"key nativeInput",onInput:I=>n.key=I.target.value},null),e.createTextVNode(":")]),e.createVNode("div",{class:"vInput"},[e.createVNode("div",{class:"slot"},[Array.isArray(n.value)?void 0:o.typeTools?o.typeTools(C):e.createVNode(e.Fragment,null,[!i.hideArrayBtn&&e.createVNode("button",{class:[n.isArray?"success":"default","small","bt"],onClick:C.toggleArray},[e.createTextVNode("Array")]),!i.hideNumberBtn&&e.createVNode("button",{class:[n.isNumber?"success":"default","small","bt"],onClick:C.toggleNumber},[e.createTextVNode("Number")])])]),e.createVNode("input",{class:`value nativeV ${V?"isKey":""}`,value:p?n.value:n.key,onInput:I=>{const w=I.target.value;if(V){n.key=w;return}i.allowFilter&&n.isNumber?n.value=c.formatNumberInput(w,n.isArray,y.arraySplitSymbol):n.value=w}},null),e.createVNode("div",{class:"surSlot"},[s<t.depth?!V&&(o.newChild?o.newChild(C):e.createVNode("button",{class:["success","bt"],onClick:C.addChild},[t.newChildTxt(n)])):null])])]),e.createVNode("div",{class:"btn"},[o.rowActions?o.rowActions(C):e.createVNode(e.Fragment,null,[e.createVNode("button",{class:["success","bt"],disabled:!C.isLast,onClick:C.addItem},[e.createTextVNode("+")]),e.createVNode("button",{class:["danger","bt"],onClick:C.removeItem},[e.createTextVNode("-")])])]),Array.isArray(n.value)&&x(n.value,s+1,n)])})]);e.watch(v,d=>{if(!t.isController)return;const s=N(d);u("update:modelValue",s),u("onMerge",s,e.toRaw(v.value))},{deep:!0}),b({onSet:d=>{v.value=l(d??t.modelValue)},getResult:(d="res")=>d==="ori"?e.toRaw(v.value):N(v.value)});const g=()=>v.value.push({rId:t.randomFun(),key:"",value:""}),a=()=>{v.value=l(t.modelValue),u("onReset")},S=()=>{const d=N(v.value);u("update:modelValue",d),u("onMerge",d,e.toRaw(v.value)),v.value=l(d)};return()=>e.createVNode("div",{class:`dynamicCascadeForm ${t.dyCls}`},[e.createVNode("div",{class:`dyFormList ${v.value.length?"":"noObj"}`,style:{maxHeight:i.maxHeight}},[x(v.value)]),e.createVNode("div",{class:`control ${v.value.length?"":"noObj"}`},[!v.value.length&&(o.newBtn?o.newBtn({newItem:g}):e.createVNode("button",{class:["success","bt"],onClick:g},[f.newTxt])),!t.isController&&e.createVNode(e.Fragment,null,[!i.hideReset&&(o.resetBtn?o.resetBtn({reset:a}):e.createVNode("button",{class:["default","bt"],onClick:a},[f.resetTxt])),o.mergeBtn?o.mergeBtn({merge:S}):e.createVNode("button",{class:["info","bt"],onClick:S},[f.mergeTxt])])])])}}),B={loading:{type:Boolean,default:!1},isError:{type:Boolean,default:!1},loadData:{type:Function,required:!0},scrollNode:{type:String,required:!0},loadingTxt:{type:String,default:"loading..."},finishedTxt:{type:String,default:"no more data"},errorTxt:{type:String,default:"fetch error , click again"},finished:{type:Boolean,default:!1},offset:{type:Number,default:20},memoryScroll:{type:Boolean,default:!1},pullRefresh:{type:Boolean,default:!1},refreshData:{type:Function},pullDistance:{type:Number,default:70},pullTxt:{type:String,default:"pull to refresh"},releaseTxt:{type:String,default:"release to refresh"},refreshingTxt:{type:String,default:"refreshing..."},supportMode:{type:String,default:"mobile"},refreshLoading:{type:Boolean,default:!0},stackStatus:{type:Boolean,default:!0}},F={"update:loading":t=>!0,"update:isError":t=>!0},R=e.defineComponent({name:"LoadedScroll",props:B,emits:F,slots:Object,setup(t,{slots:u,emit:b}){const o=e.ref(null);let f=null;const i=e.ref(!1),{ignoreScroll:y,botHintRef:h,hintHeight:l,handleScroll:N,updateBottomStatus:v,bindHintHeight:x,fetchData:g}=L(t,b,r=>{i.value=r}),{pullY:a,pullText:S,touching:d,bindLoaded:s,unbindLoaded:m}=D(t,b,o,T),n=e.computed(()=>t.stackStatus||i.value);e.watch(()=>[t.loading,t.finished,t.isError],()=>{f&&v(f)},{flush:"post"});async function T(){y.value=!0,await e.nextTick();const r=o.value?.querySelector(t.scrollNode);f?.removeEventListener("scroll",N),f=r,f?(t.memoryScroll||(f.scrollTop=0),v(f),f.addEventListener("scroll",N)):i.value=!1,setTimeout(()=>{y.value=!1})}return e.onMounted(async()=>{await x(),await g(),await T(),s()}),e.onBeforeUnmount(()=>{f&&f.removeEventListener("scroll",N),m()}),()=>e.createVNode("div",{ref:o,class:"loadedScroll"},[t.pullRefresh&&e.createVNode("div",{class:"pullRefreshHint",style:{height:`${a.value}px`,lineHeight:`${a.value}px`,transition:d.value?"none":"height .25s",overflow:"hidden",textAlign:"center"}},[S.value]),u.default?.({hintHeight:l.value}),e.createVNode("div",{ref:h,style:{display:"flow-root"}},[u.bottomHint?u.bottomHint?.():e.createVNode(e.Fragment,null,[t.loading&&e.createVNode("div",{class:"hintText"},[u.loadingTxt?.()??t.loadingTxt]),n.value&&t.finished&&e.createVNode("div",{class:"hintText"},[u.finishedTxt?.()??t.finishedTxt]),n.value&&t.isError&&!t.loading&&e.createVNode("div",{class:"hintText errorTxt","data-no-pull":!0,onPointerDown:r=>r.stopPropagation(),onTouchStart:r=>r.stopPropagation(),onClick:()=>{b("update:loading",!0),b("update:isError",!1),g()}},[u.errorTxt?.()??t.errorTxt])])])])}});function L(t,u,b){const o=e.ref(!0),f=e.ref(0),i=e.ref(null),y=f;let h;function l(g){const a=g.scrollTop+g.clientHeight>=g.scrollHeight-t.offset;return b(g.scrollTop+g.clientHeight+y.value>=g.scrollHeight-t.offset),a}function N(g){const a=l(g.target);o.value||t.loading||t.finished||t.isError||!a||(u("update:loading",!0),x())}async function v(){await e.nextTick();const g=i.value;if(!g)return;const a=()=>{f.value=g.getBoundingClientRect().height};a(),h?.disconnect(),h=new ResizeObserver(a),h.observe(g)}e.onBeforeUnmount(()=>h?.disconnect());async function x(){return t.loadData?.().then(g=>{u("update:loading",!1)}).catch(g=>{u("update:loading",!1),u("update:isError",!0)})}return{ignoreScroll:o,hintHeight:y,botHeight:f,botHintRef:i,handleScroll:N,updateBottomStatus:l,bindHintHeight:v,fetchData:x}}function D(t,u,b,o){const f=e.ref(null),i=e.ref(!1),y=e.ref(!1),h=e.ref(0),l=e.ref(0),N=e.computed(()=>y.value?t.refreshingTxt:l.value>=t.pullDistance?t.releaseTxt:t.pullTxt);function v(){return!b.value||b.value.scrollTop<=2}function x(){return t.pullRefresh&&v()&&!y.value}function g(r){m(r)||(i.value=!1,t.pullRefresh&&v()&&(y.value||(i.value=!0,h.value=c.getClientY(r),f.value=c.getEventId(r),"pointerId"in r&&r.currentTarget.setPointerCapture?.(r.pointerId))))}function a(r){if(!i.value||"pointerId"in r&&f.value!==r.pointerId||!x())return;const p=c.getClientY(r)-h.value;p<=0||(r.preventDefault(),l.value=Math.min(p*.45,t.pullDistance+30))}function S(r){i.value&&("pointerId"in r&&f.value!==r.pointerId||(i.value=!1,"pointerId"in r&&r.currentTarget.releasePointerCapture?.(r.pointerId),f.value=null,l.value>=t.pullDistance?d():l.value=0))}async function d(){if(!y.value){y.value=!0,t.refreshLoading&&u("update:loading",!0),l.value=t.pullDistance;try{u("update:isError",!1),await t.refreshData?.()}catch{u("update:isError",!0)}finally{y.value=!1,await e.nextTick(),await o(),t.refreshLoading&&u("update:loading",!1),setTimeout(()=>{l.value=0})}}}async function s(){await e.nextTick(),n(),!(!b.value||!t.pullRefresh)&&T().forEach(({name:r,handler:V,options:p})=>{b.value?.addEventListener(r,V,p)})}function m(r){return!!r.target?.closest("[data-no-pull]")}function n(){T().forEach(({name:r,handler:V,options:p})=>{b.value?.removeEventListener(r,V,p)})}function T(){const r=g,V=a,p=S,C=[{name:"pointerdown",handler:r},{name:"pointermove",handler:V},{name:"pointerup",handler:p},{name:"pointercancel",handler:p}],I=[{name:"touchstart",handler:r,options:{passive:!0}},{name:"touchmove",handler:V,options:{passive:!1}},{name:"touchend",handler:p},{name:"touchcancel",handler:p}];switch(t.supportMode){case"pc":return C;case"mobile":return I;default:return[...C,...I]}}return{pullY:l,touching:i,pullText:N,bindLoaded:s,unbindLoaded:n}}const O=function(t,u){function b(){t?.()}function o(){t?.()}const f=e.reactive({pageNo:1,pageSize:25,showSizePicker:!0,pageSizes:[25,50,100,200],pageSlot:5,total:0,layout:"total, prev, pager, next, sizes, jumper",onChange:b,onPageSizeChange:o,setTotalSize(i){f.total=i},...u});return f},j={install(t){t.component("DynamicInput",A),t.component("DynamicCascadeInput",k)}};exports.Debounce=c.Debounce;exports.OmitValue=c.OmitValue;exports.ensureRef=c.ensureRef;exports.formatNumberInput=c.formatNumberInput;exports.getClientY=c.getClientY;exports.getDepthColor=c.getDepthColor;exports.getEventId=c.getEventId;exports.getMarginY=c.getMarginY;exports.getPadY=c.getPadY;exports.parseValue=c.parseValue;exports.resetObj=c.resetObj;exports.saferRepairColor=c.saferRepairColor;exports.tranArr=c.tranArr;exports.unwrapObj=c.unwrapObj;exports.useDyForm=c.useDyForm;exports.useObserverSize=c.useObserverSize;exports.useReactiveForm=c.useReactiveForm;exports.useWindowSize=c.useWindowSize;exports.DynamicCascadeInput=k;exports.DynamicInput=A;exports.DynamicInputPlugin=j;exports.LoadedScroll=R;exports.usePagination=O;

package/dist/index.css

@@ -1 +1 @@
-.dynamicForm{overflow:hidden}.dynamicForm.small .dyFormList{gap:6px}.dynamicForm.small .dyFormList .typeBtn{padding:.2em .6em;height:18px}.dynamicForm.small .dyFormList>.dItem .input .key{font-size:.7em}.dynamicForm.small .dyFormList>.dItem .input .vInput{padding:.15em .4em}.dynamicForm.small .dyFormList>.dItem .input .vInput .slot{white-space:nowrap}.dynamicForm.small .dyFormList>.dItem .input .vInput .slot>button{padding:.1em .4em;font-size:.8em}.dynamicForm.small .dyFormList>.dItem .btn .bt{padding:.3em .8em}.dynamicForm.large .dyFormList{gap:15px}.dynamicForm.large .dyFormList .dItem{column-gap:20px}.dynamicForm.large .dyFormList .dItem .input .key{font-size:1.2em}.dynamicForm.large .dyFormList .dItem .input .vInput{padding:.5em .4em}.dynamicForm.large .dyFormList .dItem .input .vInput input{font-size:1.2em}.dynamicForm.large .dyFormList .dItem .input .vInput .slot{white-space:nowrap}.dynamicForm.large .dyFormList .dItem .input .vInput .slot>button{padding:.15em .4em;font-size:1em}.dynamicForm.large .dyFormList .dItem .btn .bt{padding:.8em 1.2em}.dynamicForm .dyFormList{overflow:auto;display:grid;gap:10px;padding:0 5px 10px}.dynamicForm .dyFormList.noList{padding:0}.dynamicForm .dyFormList .dItem{width:100%;display:grid;grid-template-columns:1fr 100px;column-gap:0}.dynamicForm .dyFormList .dItem .input{display:flex;justify-content:flex-start;align-items:center;column-gap:15px}.dynamicForm .dyFormList .dItem .input .key{text-align:center;width:150px}.dynamicForm .dyFormList .dItem .input .key.nativeInput{border:1px solid #d2d6dd;padding:.35em .4em;border-radius:3px}.dynamicForm .dyFormList .dItem .input .key.nativeInput:focus{outline:none;box-shadow:0 0 5px #007bff4d}.dynamicForm .dyFormList .dItem .input .vInput{width:100%;border:1px solid #d2d6dd;padding:.3em .4em;border-radius:3px;display:flex;column-gap:5px}.dynamicForm .dyFormList .dItem .input .vInput>.value{border:none;width:100%}.dynamicForm .dyFormList .dItem .input .vInput>.value.nativeV{letter-spacing:3px;padding:0}.dynamicForm .dyFormList .dItem .input .vInput>.value.nativeV:focus{outline:none}.dynamicForm .dyFormList .dItem .input .vInput .slot{white-space:nowrap;display:flex;gap:5px}.dynamicForm .dyFormList .dItem .input .vInput .slot>button{font-weight:400;border-radius:3px;font-size:.7em}.dynamicForm .dyFormList .dItem .input .value .el-button+.el-button{margin-left:5px}.dynamicForm .dyFormList .dItem .btn{display:flex;justify-content:flex-end;align-items:center;column-gap:8px}.dynamicForm .dyFormList .dItem .btn .n-button{font-size:25px;padding:10px 12px}.dynamicForm .dyFormList .dItem .btn .el-button+.el-button{margin-left:0}.dynamicForm .dyFormList .dItem .btn .bt{padding:.5em 1em}.dynamicForm .key .el-input__inner,.dynamicForm .isKey .el-input__inner{text-align:center}.dynamicForm .control{display:flex;justify-content:center;align-items:center;margin-top:5px;column-gap:10px}.dynamicForm .control.noList{margin-top:0}.dynamicForm .bt{color:#fff;border-radius:5px;border:1px solid transparent;padding:.3em .8em;font-size:.9em;font-weight:600;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:.25s;opacity:.9}.dynamicForm .bt:hover{opacity:1}.dynamicForm .bt:disabled{opacity:.35;cursor:not-allowed}.dynamicForm .default{background:#fff;color:#000;border:1px solid #d2d6dd}.dynamicForm .info{background:#8a8e94}.dynamicForm .success{background:#63ba39}.dynamicForm .danger{background:#ea696a}.dynamicCascadeForm{overflow:hidden}.dynamicCascadeForm.small .dyFormList{gap:6px}.dynamicCascadeForm.small .dyFormList .typeBtn{padding:.2em .6em;height:18px}.dynamicCascadeForm.small .dyFormList>.dItem .input .key{font-size:.7em}.dynamicCascadeForm.small .dyFormList>.dItem .input .vInput{padding:.15em .4em}.dynamicCascadeForm.small .dyFormList>.dItem .input .vInput .slot{white-space:nowrap}.dynamicCascadeForm.small .dyFormList>.dItem .input .vInput .slot>button{padding:.1em .4em;font-size:.8em}.dynamicCascadeForm.small .dyFormList>.dItem .btn .bt{padding:.3em .8em}.dynamicCascadeForm.large .dyFormList{gap:15px}.dynamicCascadeForm.large .dyFormList .dItem{column-gap:20px}.dynamicCascadeForm.large .dyFormList .dItem .input .key{font-size:1.2em}.dynamicCascadeForm.large .dyFormList .dItem .input .vInput{padding:.5em .4em}.dynamicCascadeForm.large .dyFormList .dItem .input .vInput input{font-size:1.2em}.dynamicCascadeForm.large .dyFormList .dItem .input .vInput .slot{white-space:nowrap}.dynamicCascadeForm.large .dyFormList .dItem .input .vInput .slot>button{padding:.15em .4em;font-size:1em}.dynamicCascadeForm.large .dyFormList .dItem .btn .bt{padding:.8em 1.2em}.dynamicCascadeForm .dyFormList{overflow:auto;display:grid;gap:10px;padding:0 5px 10px}.dynamicCascadeForm .dyFormList.noList{padding:0}.dynamicCascadeForm .dyFormList .dItem{width:100%;display:grid;grid-template-columns:1fr 100px;column-gap:0}.dynamicCascadeForm .dyFormList .dItem .input{display:flex;justify-content:flex-start;align-items:center;column-gap:15px}.dynamicCascadeForm .dyFormList .dItem .input .key{text-align:center;width:150px}.dynamicCascadeForm .dyFormList .dItem .input .key.nativeInput{border:1px solid #d2d6dd;padding:.35em .4em;border-radius:3px}.dynamicCascadeForm .dyFormList .dItem .input .key.nativeInput:focus{outline:none;box-shadow:0 0 5px #007bff4d}.dynamicCascadeForm .dyFormList .dItem .input .vInput{width:100%;border:1px solid #d2d6dd;padding:.3em .4em;border-radius:3px;display:flex;column-gap:5px}.dynamicCascadeForm .dyFormList .dItem .input .vInput>.value{border:none;width:100%}.dynamicCascadeForm .dyFormList .dItem .input .vInput>.value.nativeV{letter-spacing:3px;padding:0}.dynamicCascadeForm .dyFormList .dItem .input .vInput>.value.nativeV:focus{outline:none}.dynamicCascadeForm .dyFormList .dItem .input .vInput .slot{white-space:nowrap;display:flex;gap:5px}.dynamicCascadeForm .dyFormList .dItem .input .vInput .slot>button{font-weight:400;border-radius:3px;font-size:.7em}.dynamicCascadeForm .dyFormList .dItem .input .value .el-button+.el-button{margin-left:5px}.dynamicCascadeForm .dyFormList .dItem .btn{display:flex;justify-content:flex-end;align-items:center;column-gap:8px}.dynamicCascadeForm .dyFormList .dItem .btn .n-button{font-size:25px;padding:10px 12px}.dynamicCascadeForm .dyFormList .dItem .btn .el-button+.el-button{margin-left:0}.dynamicCascadeForm .dyFormList .dItem .btn .bt{padding:.5em 1em}.dynamicCascadeForm .key .el-input__inner,.dynamicCascadeForm .isKey .el-input__inner{text-align:center}.dynamicCascadeForm .control{display:flex;justify-content:center;align-items:center;margin-top:5px;column-gap:10px}.dynamicCascadeForm .control.noList{margin-top:0}.dynamicCascadeForm .bt{color:#fff;border-radius:5px;border:1px solid transparent;padding:.3em .8em;font-size:.9em;font-weight:600;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:.25s;opacity:.9}.dynamicCascadeForm .bt:hover{opacity:1}.dynamicCascadeForm .bt:disabled{opacity:.35;cursor:not-allowed}.dynamicCascadeForm .default{background:#fff;color:#000;border:1px solid #d2d6dd}.dynamicCascadeForm .info{background:#8a8e94}.dynamicCascadeForm .success{background:#63ba39}.dynamicCascadeForm .danger{background:#ea696a}.dynamicCascadeForm .dyFormList.noObj{padding:0}.dynamicCascadeForm .dyFormList.noObj .depth-1{display:none}.dynamicCascadeForm .dyFormList .dItem{width:inherit}.dynamicCascadeForm .dyFormList .dItem .vInput .surSlot{white-space:nowrap}.dynamicCascadeForm .dyFormList .dItem .vInput .surSlot>button{padding:.1em .4em;font-size:.8em}.dynamicCascadeForm .dyFormList .dItem .input .value.isKey{text-align:center}.dynamicCascadeForm .dyFormList .dItem .input .value.isKey input{font-weight:700}.dynamicCascadeForm .dyFormList>.depth-1{display:grid;border:1px solid var(--c1);border-style:dashed;border-radius:5px}.dynamicCascadeForm .dyFormList>.depth-1>.dItem{padding:5px}.dynamicCascadeForm .dyFormList>.depth-1 .dItem+.dItem{margin-top:5px}.dynamicCascadeForm .dyFormList>.depth-1.no-pad>.dItem{padding:0}.dynamicCascadeForm .dyFormList .depth-1 .depth-2{border:1px solid var(--c2);border-style:dashed;padding:8px;border-radius:5px;margin-top:10px;row-gap:-3px}.dynamicCascadeForm .dyFormList .depth-1 .depth-2 .dItem .btn .n-button{transform:scale(.84)}.dynamicCascadeForm .dyFormList .depth-1 .depth-2 .depth-3{border:1px solid var(--c3);border-style:dashed;padding:7px;border-radius:5px;margin-top:9px;row-gap:-5px}.dynamicCascadeForm .dyFormList .depth-1 .depth-2 .depth-3 .dItem .btn .n-button{transform:scale(.76)}.dynamicCascadeForm .dyFormList .depth-1 .depth-2 .depth-3 .depth-4{border:1px solid var(--c4);border-style:dashed;padding:6px;border-radius:5px;margin-top:8px;row-gap:-7px}.dynamicCascadeForm .dyFormList .depth-1 .depth-2 .depth-3 .depth-4 .dItem .btn .n-button{transform:scale(.68)}.dynamicCascadeForm .dyFormList .depth-1 .depth-2 .depth-3 .depth-4 .depth-5{border:1px solid var(--c5);border-style:dashed;padding:5px;border-radius:5px;margin-top:7px;row-gap:-9px}.dynamicCascadeForm .dyFormList .depth-1 .depth-2 .depth-3 .depth-4 .depth-5 .dItem .btn .n-button{transform:scale(.6)}.dynamicCascadeForm .dyFormList .no-border{border:none!important}.dynamicCascadeForm .dyFormList .no-pad{padding:0!important}.dynamicCascadeForm .control.noObj{margin:0}.naiDynamicForm .cls-required{margin-left:5px;color:red}.naiDynamicForm .header{margin-bottom:5px}.naiDynamicForm .footer{margin-top:5px}.flex{display:flex}.flex.justify-end{justify-content:flex-end}.flex.align-center{align-items:center}.sm-gap{gap:5px}.zealCard .n-card{height:100%}.zealCard .title{text-align:center;font-weight:700;font-size:18px}.zealCard .search{margin:10px 0}.zealCard .search .searchBtn{display:flex;justify-content:flex-end;gap:10px}.zealCard .controlBtn{margin-top:8px;display:flex;align-items:center;justify-content:space-between}.zealCard .footer{display:flex;justify-content:center}.zealCard .fControlBtn{display:flex;justify-content:center;gap:10px}.naiZealTableSearch .searchForm,.naiZealSearchDrawer .searchForm{overflow:auto}.naiZealTableSearch .searchForm .n-form .n-form-item .n-form-item-feedback-wrapper,.naiZealSearchDrawer .searchForm .n-form .n-form-item .n-form-item-feedback-wrapper{min-height:10px;margin-top:0}.naiZealTableSearch .naiTitle,.naiZealSearchDrawer .naiTitle{margin-bottom:10px;font-weight:500;font-size:18px}.naiZealTableSearch .drawerSearchBtn,.naiZealSearchDrawer .drawerSearchBtn{display:flex;align-items:center;justify-content:space-between}.naiZealTableSearch .searchBtn,.naiZealSearchDrawer .searchBtn{margin-top:10px;display:flex;justify-content:flex-end;gap:10px}.naiZealSearchDrawer .searchBtn{margin:0}.eleZealTableSearch .searchForm .el-form-item,.eleZealSearchDrawer .searchForm .el-form-item{margin-bottom:5px}.eleZealTableSearch .naiTitle,.eleZealSearchDrawer .naiTitle{margin-bottom:10px}.eleZealTableSearch .drawerSearchBtn,.eleZealSearchDrawer .drawerSearchBtn{display:flex;align-items:center;justify-content:space-between}.eleZealTableSearch .searchBtn,.eleZealSearchDrawer .searchBtn{margin-top:10px;display:flex;justify-content:flex-end}.eleZealSearchDrawer .searchBtn{margin:0}.eleZealSearchDrawer .el-drawer__header{margin-bottom:15px}.eleZealSearchDrawer .el-drawer__body{padding:5px 15px}.eleZealSearchDrawer .searchForm{overflow:auto}.eleZealSearchDrawer .searchForm .el-form-item{margin-bottom:10px}@media(max-width:756px){.dynamicForm .dyFormList .dItem .input .key{width:50px}.dynamicForm .dyFormList .dItem .input .value{width:calc(100% - 60px)}}
+.dynamicForm{overflow:hidden}.dynamicForm.small .dyFormList{gap:6px}.dynamicForm.small .dyFormList .typeBtn{padding:.2em .6em;height:18px}.dynamicForm.small .dyFormList>.dItem .input .key{font-size:.7em}.dynamicForm.small .dyFormList>.dItem .input .vInput{padding:.15em .4em}.dynamicForm.small .dyFormList>.dItem .input .vInput .slot{white-space:nowrap}.dynamicForm.small .dyFormList>.dItem .input .vInput .slot>button{padding:.1em .4em;font-size:.8em}.dynamicForm.small .dyFormList>.dItem .btn .bt{padding:.3em .8em}.dynamicForm.large .dyFormList{gap:15px}.dynamicForm.large .dyFormList .dItem{column-gap:20px}.dynamicForm.large .dyFormList .dItem .input .key{font-size:1.2em}.dynamicForm.large .dyFormList .dItem .input .vInput{padding:.5em .4em}.dynamicForm.large .dyFormList .dItem .input .vInput input{font-size:1.2em}.dynamicForm.large .dyFormList .dItem .input .vInput .slot{white-space:nowrap}.dynamicForm.large .dyFormList .dItem .input .vInput .slot>button{padding:.15em .4em;font-size:1em}.dynamicForm.large .dyFormList .dItem .btn .bt{padding:.8em 1.2em}.dynamicForm .dyFormList{overflow:auto;display:grid;gap:10px;padding:0 5px 10px}.dynamicForm .dyFormList.noList{padding:0}.dynamicForm .dyFormList .dItem{width:100%;display:grid;grid-template-columns:1fr 100px;column-gap:0}.dynamicForm .dyFormList .dItem .input{display:flex;justify-content:flex-start;align-items:center;column-gap:15px}.dynamicForm .dyFormList .dItem .input .key{text-align:center;width:150px}.dynamicForm .dyFormList .dItem .input .key.nativeInput{border:1px solid #d2d6dd;padding:.35em .4em;border-radius:3px}.dynamicForm .dyFormList .dItem .input .key.nativeInput:focus{outline:none;box-shadow:0 0 5px #007bff4d}.dynamicForm .dyFormList .dItem .input .vInput{width:100%;border:1px solid #d2d6dd;padding:.3em .4em;border-radius:3px;display:flex;column-gap:5px}.dynamicForm .dyFormList .dItem .input .vInput>.value{border:none;width:100%}.dynamicForm .dyFormList .dItem .input .vInput>.value.nativeV{letter-spacing:3px;padding:0}.dynamicForm .dyFormList .dItem .input .vInput>.value.nativeV:focus{outline:none}.dynamicForm .dyFormList .dItem .input .vInput .slot{white-space:nowrap;display:flex;gap:5px}.dynamicForm .dyFormList .dItem .input .vInput .slot>button{font-weight:400;border-radius:3px;font-size:.7em}.dynamicForm .dyFormList .dItem .input .value .el-button+.el-button{margin-left:5px}.dynamicForm .dyFormList .dItem .btn{display:flex;justify-content:flex-end;align-items:center;column-gap:8px}.dynamicForm .dyFormList .dItem .btn .n-button{font-size:25px;padding:10px 12px}.dynamicForm .dyFormList .dItem .btn .el-button+.el-button{margin-left:0}.dynamicForm .dyFormList .dItem .btn .bt{padding:.5em 1em}.dynamicForm .key .el-input__inner,.dynamicForm .isKey .el-input__inner{text-align:center}.dynamicForm .control{display:flex;justify-content:center;align-items:center;margin-top:5px;column-gap:10px}.dynamicForm .control.noList{margin-top:0}.dynamicForm .bt{color:#fff;border-radius:5px;border:1px solid transparent;padding:.3em .8em;font-size:.9em;font-weight:600;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:.25s;opacity:.9}.dynamicForm .bt:hover{opacity:1}.dynamicForm .bt:disabled{opacity:.35;cursor:not-allowed}.dynamicForm .default{background:#fff;color:#000;border:1px solid #d2d6dd}.dynamicForm .info{background:#8a8e94}.dynamicForm .success{background:#63ba39}.dynamicForm .danger{background:#ea696a}.dynamicCascadeForm{overflow:hidden}.dynamicCascadeForm.small .dyFormList{gap:6px}.dynamicCascadeForm.small .dyFormList .typeBtn{padding:.2em .6em;height:18px}.dynamicCascadeForm.small .dyFormList>.dItem .input .key{font-size:.7em}.dynamicCascadeForm.small .dyFormList>.dItem .input .vInput{padding:.15em .4em}.dynamicCascadeForm.small .dyFormList>.dItem .input .vInput .slot{white-space:nowrap}.dynamicCascadeForm.small .dyFormList>.dItem .input .vInput .slot>button{padding:.1em .4em;font-size:.8em}.dynamicCascadeForm.small .dyFormList>.dItem .btn .bt{padding:.3em .8em}.dynamicCascadeForm.large .dyFormList{gap:15px}.dynamicCascadeForm.large .dyFormList .dItem{column-gap:20px}.dynamicCascadeForm.large .dyFormList .dItem .input .key{font-size:1.2em}.dynamicCascadeForm.large .dyFormList .dItem .input .vInput{padding:.5em .4em}.dynamicCascadeForm.large .dyFormList .dItem .input .vInput input{font-size:1.2em}.dynamicCascadeForm.large .dyFormList .dItem .input .vInput .slot{white-space:nowrap}.dynamicCascadeForm.large .dyFormList .dItem .input .vInput .slot>button{padding:.15em .4em;font-size:1em}.dynamicCascadeForm.large .dyFormList .dItem .btn .bt{padding:.8em 1.2em}.dynamicCascadeForm .dyFormList{overflow:auto;display:grid;gap:10px;padding:0 5px 10px}.dynamicCascadeForm .dyFormList.noList{padding:0}.dynamicCascadeForm .dyFormList .dItem{width:100%;display:grid;grid-template-columns:1fr 100px;column-gap:0}.dynamicCascadeForm .dyFormList .dItem .input{display:flex;justify-content:flex-start;align-items:center;column-gap:15px}.dynamicCascadeForm .dyFormList .dItem .input .key{text-align:center;width:150px}.dynamicCascadeForm .dyFormList .dItem .input .key.nativeInput{border:1px solid #d2d6dd;padding:.35em .4em;border-radius:3px}.dynamicCascadeForm .dyFormList .dItem .input .key.nativeInput:focus{outline:none;box-shadow:0 0 5px #007bff4d}.dynamicCascadeForm .dyFormList .dItem .input .vInput{width:100%;border:1px solid #d2d6dd;padding:.3em .4em;border-radius:3px;display:flex;column-gap:5px}.dynamicCascadeForm .dyFormList .dItem .input .vInput>.value{border:none;width:100%}.dynamicCascadeForm .dyFormList .dItem .input .vInput>.value.nativeV{letter-spacing:3px;padding:0}.dynamicCascadeForm .dyFormList .dItem .input .vInput>.value.nativeV:focus{outline:none}.dynamicCascadeForm .dyFormList .dItem .input .vInput .slot{white-space:nowrap;display:flex;gap:5px}.dynamicCascadeForm .dyFormList .dItem .input .vInput .slot>button{font-weight:400;border-radius:3px;font-size:.7em}.dynamicCascadeForm .dyFormList .dItem .input .value .el-button+.el-button{margin-left:5px}.dynamicCascadeForm .dyFormList .dItem .btn{display:flex;justify-content:flex-end;align-items:center;column-gap:8px}.dynamicCascadeForm .dyFormList .dItem .btn .n-button{font-size:25px;padding:10px 12px}.dynamicCascadeForm .dyFormList .dItem .btn .el-button+.el-button{margin-left:0}.dynamicCascadeForm .dyFormList .dItem .btn .bt{padding:.5em 1em}.dynamicCascadeForm .key .el-input__inner,.dynamicCascadeForm .isKey .el-input__inner{text-align:center}.dynamicCascadeForm .control{display:flex;justify-content:center;align-items:center;margin-top:5px;column-gap:10px}.dynamicCascadeForm .control.noList{margin-top:0}.dynamicCascadeForm .bt{color:#fff;border-radius:5px;border:1px solid transparent;padding:.3em .8em;font-size:.9em;font-weight:600;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:.25s;opacity:.9}.dynamicCascadeForm .bt:hover{opacity:1}.dynamicCascadeForm .bt:disabled{opacity:.35;cursor:not-allowed}.dynamicCascadeForm .default{background:#fff;color:#000;border:1px solid #d2d6dd}.dynamicCascadeForm .info{background:#8a8e94}.dynamicCascadeForm .success{background:#63ba39}.dynamicCascadeForm .danger{background:#ea696a}.dynamicCascadeForm .dyFormList.noObj{padding:0}.dynamicCascadeForm .dyFormList.noObj .depth-1{display:none}.dynamicCascadeForm .dyFormList .dItem{width:inherit}.dynamicCascadeForm .dyFormList .dItem .vInput .surSlot{white-space:nowrap}.dynamicCascadeForm .dyFormList .dItem .vInput .surSlot>button{padding:.1em .4em;font-size:.8em}.dynamicCascadeForm .dyFormList .dItem .input .value.isKey{text-align:center}.dynamicCascadeForm .dyFormList .dItem .input .value.isKey input{font-weight:700}.dynamicCascadeForm .dyFormList>.depth-1{display:grid;border:1px solid var(--c1);border-style:dashed;border-radius:5px}.dynamicCascadeForm .dyFormList>.depth-1>.dItem{padding:5px}.dynamicCascadeForm .dyFormList>.depth-1 .dItem+.dItem{margin-top:5px}.dynamicCascadeForm .dyFormList>.depth-1.no-pad>.dItem{padding:0}.dynamicCascadeForm .dyFormList .depth-1 .depth-2{border:1px solid var(--c2);border-style:dashed;padding:8px;border-radius:5px;margin-top:10px;row-gap:-3px}.dynamicCascadeForm .dyFormList .depth-1 .depth-2 .dItem .btn .n-button{transform:scale(.84)}.dynamicCascadeForm .dyFormList .depth-1 .depth-2 .depth-3{border:1px solid var(--c3);border-style:dashed;padding:7px;border-radius:5px;margin-top:9px;row-gap:-5px}.dynamicCascadeForm .dyFormList .depth-1 .depth-2 .depth-3 .dItem .btn .n-button{transform:scale(.76)}.dynamicCascadeForm .dyFormList .depth-1 .depth-2 .depth-3 .depth-4{border:1px solid var(--c4);border-style:dashed;padding:6px;border-radius:5px;margin-top:8px;row-gap:-7px}.dynamicCascadeForm .dyFormList .depth-1 .depth-2 .depth-3 .depth-4 .dItem .btn .n-button{transform:scale(.68)}.dynamicCascadeForm .dyFormList .depth-1 .depth-2 .depth-3 .depth-4 .depth-5{border:1px solid var(--c5);border-style:dashed;padding:5px;border-radius:5px;margin-top:7px;row-gap:-9px}.dynamicCascadeForm .dyFormList .depth-1 .depth-2 .depth-3 .depth-4 .depth-5 .dItem .btn .n-button{transform:scale(.6)}.dynamicCascadeForm .dyFormList .no-border{border:none!important}.dynamicCascadeForm .dyFormList .no-pad{padding:0!important}.dynamicCascadeForm .control.noObj{margin:0}.naiDynamicForm .cls-required{margin-left:5px;color:red}.naiDynamicForm .el-row{gap:5px 0}.naiDynamicForm .header{margin-bottom:5px}.naiDynamicForm .footer{margin-top:5px}.flex{display:flex}.flex.justify-end{justify-content:flex-end}.flex.align-center{align-items:center}.sm-gap{gap:5px}.zealCard .n-card{height:100%}.zealCard .title{text-align:center;font-weight:700;font-size:18px}.zealCard .search{margin:10px 0}.zealCard .search .searchBtn{display:flex;justify-content:flex-end;gap:10px}.zealCard .controlBtn{margin-top:8px;display:flex;align-items:center;justify-content:space-between}.zealCard .footer{display:flex;justify-content:center}.zealCard .fControlBtn{display:flex;justify-content:center;gap:10px}.naiZealTableSearch .searchForm,.naiZealSearchDrawer .searchForm{overflow:auto}.naiZealTableSearch .searchForm .n-form .n-form-item .n-form-item-feedback-wrapper,.naiZealSearchDrawer .searchForm .n-form .n-form-item .n-form-item-feedback-wrapper{min-height:10px;margin-top:0}.naiZealTableSearch .naiTitle,.naiZealSearchDrawer .naiTitle{margin-bottom:10px;font-weight:700;font-size:18px}.naiZealTableSearch .drawerSearchBtn,.naiZealSearchDrawer .drawerSearchBtn{display:flex;align-items:center;justify-content:space-between}.naiZealTableSearch .searchBtn,.naiZealSearchDrawer .searchBtn{margin-top:10px;display:flex;justify-content:flex-end;gap:10px}.naiZealSearchDrawer .searchBtn{margin:0}.eleZealTableSearch .searchForm,.eleZealSearchDrawer .searchForm{overflow-y:auto;overflow-x:hidden}.eleZealTableSearch .searchForm .el-form-item,.eleZealSearchDrawer .searchForm .el-form-item{margin-bottom:5px}.eleZealTableSearch .naiTitle,.eleZealSearchDrawer .naiTitle{margin-bottom:10px;font-weight:700;font-size:18px}.eleZealTableSearch .drawerSearchBtn,.eleZealSearchDrawer .drawerSearchBtn{display:flex;align-items:center;justify-content:space-between}.eleZealTableSearch .searchBtn,.eleZealSearchDrawer .searchBtn{margin-top:10px;display:flex;justify-content:flex-end}.eleZealSearchDrawer .searchBtn{margin:0}.eleZealSearchDrawer .el-drawer__header{margin-bottom:15px}.eleZealSearchDrawer .el-drawer__body{padding:5px 15px}.eleZealSearchDrawer .searchForm{overflow:auto}.eleZealSearchDrawer .searchForm .el-form-item{margin-bottom:10px}.zealTableBtnControl{display:flex;justify-content:center;gap:5px}.loadedScroll{height:100%}.loadedScroll .hintText{margin-top:10px;height:30px;display:flex;justify-content:center;align-items:center;animation:loadedScrollHintEnter .22s ease-out}.loadedScroll .hintText.errorTxt{color:red;cursor:pointer}@media(max-width:756px){.dynamicForm .dyFormList .dItem .input .key{width:50px}.dynamicForm .dyFormList .dItem .input .value{width:calc(100% - 60px)}.zealCard .n-card{--n-padding-bottom: 10px !important;--n-padding-left: 10px !important}.zealCard .el-card{--el-card-padding: 10px}}@keyframes loadedScrollHintEnter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.loadedScroll .hintText{animation:none}}

package/dist/index.d.ts

@@ -1,7 +1,8 @@
 import { default as DynamicInput } from './origin/DynamicInput';
 import { default as DynamicCascadeInput } from './origin/DynamicCascadeInput';
+import { default as LoadedScroll } from './origin/LoadedScroll';
 import { ExposeType } from './types';
-export { DynamicInput, DynamicCascadeInput };
+export { DynamicInput, DynamicCascadeInput, LoadedScroll };
 export * from './hooks/useDyForm';
 export * from './hooks/useTool';
 export * from './hooks/zealForm';