dynamicformdjx 0.6.1 → 0.6.2

package/dist/{index-BQKYL550.js → index-Bsj3F9SM.js}

@@ -194,16 +194,16 @@ function U(e, t = 100) {
 export {
   I as D,
   Y as O,
-  T as a,
-  B as b,
-  L as c,
-  P as d,
-  U as e,
+  B as a,
+  L as b,
+  P as c,
+  U as d,
+  M as e,
   A as f,
-  q as g,
-  M as h,
-  N as i,
-  k as j,
+  T as g,
+  N as h,
+  k as i,
+  q as j,
   x as k,
   C as p,
   F as r,

package/dist/index.cjs

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