@farris/ui-vue 1.7.0-beta.4 → 1.7.0

package/components/list-view/index.umd.cjs

@@ -1,20 +1,18 @@
-(function(P,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("../common/index.umd.js"),require("../data-view/index.umd.js"),require("../locale/index.umd.js"),require("../checkbox/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../common/index.umd.js","../data-view/index.umd.js","../locale/index.umd.js","../checkbox/index.umd.js"],e):(P=typeof globalThis<"u"?globalThis:P||self,e(P["list-view"]={},P.Vue,P.common,P.dataView,P.locale,P.checkbox))})(this,function(P,e,_,R,J,q){"use strict";const U={columns:{type:Array,default:[{field:"name",title:"",dataType:"string"}]},customClass:{type:String,default:""},data:{type:Array,default:[]},draggable:{type:Boolean,default:!1},multiSelect:{type:Boolean,default:!1},multiSelectMode:{type:String,default:"OnCheck"},idField:{type:String,default:"id"},valueField:{type:String,default:"id"},textField:{type:String,default:"name"},titleField:{type:String,default:"name"},view:{type:String,default:"ContentView"},size:{type:String,default:"default"},placeholder:{type:String,default:""},header:{type:String,default:"ContentHeader"},headerClass:{type:String,default:""},itemClass:{type:[String,Function],default:"",validator:t=>typeof t=="string"||typeof t=="function"},itemStyle:{type:[String,Function],default:"",validator:t=>typeof t=="string"||typeof t=="function"},itemContentClass:{type:String,default:""},selectionValues:{type:Array,default:[]},group:{type:Object},selection:{type:Object,default:{enableSelectRow:!0,multiSelect:!1,multiSelectMode:"DependOnCheck",showCheckbox:!1,showSelectAll:!1,showSelection:!0}},keepOrder:{type:Boolean,default:!1},disableField:{type:String,default:"disabled"},enableHighlightSearch:{type:Boolean,default:!0},virtualized:{type:Boolean,default:!0},checkBeforeRemoveItem:{type:Function,default:null},headerTemplate:{type:Object},contentTemplate:{type:Object},footerTemplate:{type:Object},emptyTemplate:{type:Object},pagination:{type:Object,default:{enable:!1,size:20}}};function Q(t,o){function v(l){const s=[];let h=l.nextNode();for(;h;)s.push(h),h=l.nextNode();return s}function w(l,s){const h=document.createTreeWalker(l,NodeFilter.SHOW_TEXT);return v(h).map(S=>({textNode:S,text:(S.textContent||"").toLocaleLowerCase()})).map(({textNode:S,text:c})=>{const i=[];let D=0;for(;D<c.length;){const V=c.indexOf(s,D);if(V===-1)break;i.push(V),D=V+s.length}return i.map(V=>{const C=new Range;return C.setStart(S,V),C.setEnd(S,V+s.length),C})}).flat()}function p(l){if(!CSS.highlights||(CSS.highlights.clear(),!l||!o))return;const s=w(o.value,l.toLocaleLowerCase()),h=new Highlight(...s);CSS.highlights.set("search-result",h)}return{search:p}}function X(t,o,v,w,p,l,s,h,M,g){const k=e.ref(t.size),S=e.ref(t.textField),c=e.ref(t.titleField),i=e.ref(t.disableField),D=e.computed(()=>{var n,m;return((n=t.selection)==null?void 0:n.multiSelect)&&((m=t.selection)==null?void 0:m.showCheckbox)}),{onMouseenterItem:V,onMouseoverItem:C,onMouseoutItem:N}=l,{getKey:F,listViewItemClass:T,listViewItemStyle:x,onCheckItem:B,onClickItem:r}=s,a=e.computed(()=>{const n={"text-overflow":"ellipsis",overflow:"hidden","white-space":"nowrap"};return t.itemClass?n:{margin:k.value==="small"?"0.25rem 0":"8px 0",...n}});function f(n,m,L){return n.checked=h.findIndexInSelectedItems(n)>-1,e.createVNode("li",{class:T(n,m),id:F(n,m),key:F(n,m),style:x(n,m),onClick:O=>r(n,m,O),onMouseenter:O=>V(O,n,m),onMouseover:O=>C(O,n,m),onMouseout:O=>N(O,n,m)},[D.value&&e.createVNode("div",{class:"f-list-select",onClick:O=>O.stopPropagation()},[e.createVNode(q.FCheckbox,{id:"list-"+F(n,m),customClass:"listview-checkbox float-left",disabled:n[i.value],checked:n.checked,"onUpdate:checked":O=>n.checked=O,onChange:O=>{B(n,m,!O.checked)}},null)]),e.createVNode("div",{class:"f-list-content"},[e.createVNode("div",{class:t.itemContentClass,style:a.value,title:n.raw[c.value]||n.raw[S.value]},[n.raw[S.value]])])])}return{renderItem:f}}function Z(t,o,v,w,p,l,s,h,M,g){const k=e.ref(t.multiSelect),S=e.ref(t.disableField),c=e.ref(t.textField),{onMouseenterItem:i,onMouseoverItem:D,onMouseoutItem:V}=l,{getKey:C,listViewItemClass:N,listViewItemStyle:F,onCheckItem:T,onClickItem:x}=s;function B(a,f,n){return t.contentTemplate?e.createVNode(e.Fragment,null,[t.contentTemplate({item:a.raw,index:f,selectedItem:n})]):o.slots.content?e.createVNode(e.Fragment,null,[o.slots.content&&o.slots.content({item:a.raw,index:f,selectedItem:n})]):e.createVNode("div",{style:"margin: 10px 0;"},[a.raw[c.value||"name"]])}function r(a,f,n){return e.createVNode("li",{class:N(a,f),id:C(a,f),key:C(a,f),style:F(a,f),onClick:m=>x(a,f,m),onMouseenter:m=>i(m,a,f),onMouseover:m=>D(m,a,f),onMouseout:m=>V(m,a,f)},[k.value&&e.createVNode("div",{class:"f-list-select",onClick:m=>m.stopPropagation()},[e.createVNode(q.FCheckbox,{id:"list-"+C(a,f),customClass:"listview-checkbox",disabled:a[S.value],checked:a.checked,"onUpdate:checked":m=>a.checked=m,onChange:m=>T(a,f,!m.checked)},null)]),e.createVNode("div",{class:"f-list-content"},[B(a,f,n)])])}return{renderItem:r}}function ee(t,o,v,w,p,l,s,h,M,g){const k=e.ref(t.multiSelect),S=e.ref(t.disableField),c=e.ref(t.textField),{onMouseenterItem:i,onMouseoverItem:D,onMouseoutItem:V}=l,{getKey:C,listViewItemClass:N,onCheckItem:F,onClickItem:T}=s,{dragstart:x,dragenter:B,dragover:r,dragend:a}=w,{removeItem:f}=M,n=e.computed(()=>({margin:k.value?"10px 0":"10px 0px 10px 14px"}));function m(u,d=""){const j=u.target;j.title=j.scrollWidth>j.clientWidth?d:""}function L(u){return e.createVNode("div",{style:n.value,onMouseenter:d=>m(d,u.raw[c.value||"name"])},[u.raw[c.value||"name"]])}function O(){return o.slots.itemContent?o.slots.itemContent:L}const A=O();function y(u,d,j){return e.createVNode("li",{class:N(u,d),id:C(u,d),key:C(u,d),onClick:b=>T(u,d,b),onMouseenter:b=>i(b,u,d),onMouseover:b=>D(b,u,d),onMouseout:b=>V(b,u,d),draggable:"true",onDragstart:b=>x(b,u,d),onDragenter:b=>B(b,d),onDragend:b=>a(b,u),onDragover:b=>r(b)},[k.value&&e.createVNode("div",{class:"f-list-select",onClick:b=>b.stopPropagation()},[e.createVNode(q.FCheckbox,{id:"list-"+C(u,d),customClass:"listview-checkbox",disabled:u[S.value]||!u.checked,checked:u.checked,"onUpdate:checked":b=>u.checked=b,onChange:b=>F(u,d,!b.checked)},null)]),e.createVNode("div",{class:"f-list-content"},[A(u)]),e.createVNode("div",{class:"f-list-remove",onClick:b=>{b.stopPropagation(),f(d)}},[e.createVNode("div",{class:"f-list-remove-icon"},[e.createVNode("i",{class:"f-icon f-icon-remove_face"},null)])]),e.createVNode("div",{class:"f-list-handle"},[e.createVNode("div",null,[e.createVNode("i",{class:"f-icon f-icon-drag-vertical"},null)])])])}return{renderItem:y}}function te(t,o,v,w,p,l,s,h,M,g){var C;const k=e.ref(((C=t.group)==null?void 0:C.groupFields)||[]),{collpaseGroupIconClass:S}=p,{toggleGroupRow:c}=g;function i(N,F){F.collapse=!F.collapse,v.value=c(F.collapse?"collapse":"expand",F,v.value)}function D(N,F,T){return o.slots.group?e.createVNode(e.Fragment,null,[o.slots.content&&o.slots.group({item:N.raw,index:F,selectedItem:T})]):e.createVNode("div",{class:"f-navlookup-recentHeader",onClick:x=>i(x,N)},[e.createVNode("div",{class:"fv-grid-group-row-icon"},[e.createVNode("span",{class:S(N)},null)]),e.createVNode("div",{class:"f-navlookup-recommandLabel"},[N.raw[k.value[N.layer]]])])}function V(N,F,T){return N.layer>-1&&D(N,F,T)}return{renderItem:V}}function ne(t,o,v,w){const{dataView:p}=v,{updateSelectedItems:l}=w;function s(h){if(h>-1&&h<p.value.length){if(t!=null&&t.checkBeforeRemoveItem&&!t.checkBeforeRemoveItem(p.value[h]))return;const M=p.value.splice(h,1);l(),o.emit("removeItem",M[0])}}return{removeItem:s}}function oe(t,o,v,w,p,l,s,h,M,g){const k=e.ref(t.view),S=e.ref(t.view==="CardView"),c=e.ref({}),i=ne(t,o,w,M),D=e.computed(()=>({"f-list-view-group":!0,"f-list-view-group-multiselect":t.multiSelect,"d-flex":S.value,"flex-wrap":S.value})),V=e.computed(()=>!!v.value&&v.value.length>0),C=e.computed(()=>v.value.length===0);e.computed(()=>C.value&&!o.slots.empty);function N(){return k.value==="SingleView"?X:k.value==="DraggableView"?ee:(k.value==="ContentView"||k.value==="CardView")&&(t.contentTemplate||o.slots.content)?Z:X}const F=N(),{renderItem:T}=F(t,o,v,g,p,l,M,s,i,h),{renderItem:x}=te(t,o,v,g,p,l,M,s,i,h),B=[T,x];function r(){return v.value.filter(n=>n.visible!==!1).map((n,m)=>B[n.type](n,m,c))}function a(){return e.createVNode("div",{class:"f-list-view-emptydata",style:"margin: 0 auto;"},[e.createVNode("p",{class:"f-empty-title"},[t.emptyTemplate?t.emptyTemplate():o.slots.empty?o.slots.empty():J.LocaleService.getLocaleValue("listView.emptyMessage")])])}function f(){return e.createVNode("ul",{class:D.value,style:"list-style: none;"},[V.value&&r(),C.value&&a()])}return{renderListArea:f}}function le(t,o,v){function w(){return o.slots.header&&e.createVNode("div",{class:"f-list-view-header"},[o.slots.header()])}return{renderHeader:w}}function Y(t,o,v){const w=e.ref(t.headerClass),p=e.ref(t.placeholder),l=e.ref(""),s=e.computed(()=>!l.value),h=e.computed(()=>!!l.value);function M(c){l.value=""}e.watch(l,c=>{t.enableHighlightSearch&&v.search(c),o.emit("afterSearch",c)});const g=e.computed(()=>{const c={"form-group":!0,"farris-form-group":!0};return w.value&&w.value.split(" ").reduce((D,V)=>(D[V]=!0,D),c),c});function k(c){}function S(){return e.createVNode("div",{class:"f-list-view-header",onClick:e.withModifiers(()=>k,["prevent","stop"])},[e.createVNode("div",{class:g.value},[e.createVNode("div",{class:"farris-input-wrap"},[e.createVNode("div",{class:"f-cmp-inputgroup"},[e.createVNode("div",{class:"input-group f-state-editable"},[e.withDirectives(e.createVNode("input",{class:"form-control f-utils-fill text-left","onUpdate:modelValue":c=>l.value=c,name:"input-group-value",type:"text",placeholder:p.value,autocomplete:"off"},null),[[e.vModelText,l.value]]),e.createVNode("div",{class:"input-group-append"},[h.value&&e.createVNode("span",{class:"input-group-text input-group-clear",onClick:c=>M()},[e.createVNode("i",{class:"f-icon f-icon-close-circle"},null)]),s.value&&e.createVNode("span",{class:"input-group-text"},[e.createVNode("span",{class:"f-icon f-icon-search"},null)])])])])])])])}return{renderHeader:S}}function ae(){const t=e.ref(""),o=e.ref(-1),v=e.ref(""),w=e.ref(-1),p=e.ref(!1);function l(S,c,i){w.value=i}function s(S,c,i){p.value||(w.value=i)}function h(S,c,i){w.value=-1}function M(){p.value=!0}function g(){p.value=!1}function k(){o.value=-1,t.value=""}return{activeIndex:o,focusedItemId:v,hoverIndex:w,clearActiveItem:k,onMouseenterItem:l,onMouseoverItem:s,onMouseoutItem:h,resumeHover:g,suspendHover:M}}function se(t,o,v,w){const p=e.ref(t.idField),{dataView:l}=v,s=e.ref(-1),h=e.ref(!1),{activeIndex:M,focusedItemId:g,hoverIndex:k,resumeHover:S,suspendHover:c}=w;let i,D=0,V=0;function C(r,a){const f=r-D,n=a-V;i.style.left=parseInt(i.style.left)+f+"px",i.style.top=parseInt(i.style.top)+n+"px",D=r,V=a}function N(r){const{left:a,top:f}=r.getBoundingClientRect(),n=r.cloneNode(!0);return n.style.cssText=`
+(function(j,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("../common/index.umd.js"),require("../data-view/index.umd.js"),require("../locale/index.umd.js"),require("../checkbox/index.umd.js"),require("../dynamic-resolver/index.umd.js"),require("../designer-canvas/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../common/index.umd.js","../data-view/index.umd.js","../locale/index.umd.js","../checkbox/index.umd.js","../dynamic-resolver/index.umd.js","../designer-canvas/index.umd.js"],e):(j=typeof globalThis<"u"?globalThis:j||self,e(j["list-view"]={},j.Vue,j.common,j.dataView,j.locale,j.checkbox,j.dynamicResolver,j.designerCanvas))})(this,function(j,e,$,x,oe,z,U,E){"use strict";const W={columns:{type:Array,default:[{field:"name",title:"",dataType:"string"}]},customClass:{type:String,default:""},data:{type:Array,default:[]},draggable:{type:Boolean,default:!1},multiSelect:{type:Boolean,default:!1},multiSelectMode:{type:String,default:"OnCheck"},idField:{type:String,default:"id"},valueField:{type:String,default:"id"},textField:{type:String,default:"name"},titleField:{type:String,default:"name"},view:{type:String,default:"ContentView"},size:{type:String,default:"default"},placeholder:{type:String,default:""},header:{type:String,default:"ContentHeader"},headerClass:{type:String,default:""},itemClass:{type:[String,Function],default:"",validator:t=>typeof t=="string"||typeof t=="function"},itemStyle:{type:[String,Function],default:"",validator:t=>typeof t=="string"||typeof t=="function"},itemContentClass:{type:String,default:""},selectionValues:{type:Array,default:[]},group:{type:Object},selection:{type:Object,default:{enableSelectRow:!0,multiSelect:!1,multiSelectMode:"DependOnCheck",showCheckbox:!1,showSelectAll:!1,showSelection:!0}},keepOrder:{type:Boolean,default:!1},disableField:{type:String,default:"disabled"},enableHighlightSearch:{type:Boolean,default:!0},virtualized:{type:Boolean,default:!0},checkBeforeRemoveItem:{type:Function,default:null},headerTemplate:{type:Object},contentTemplate:{type:Object},footerTemplate:{type:Object},emptyTemplate:{type:Object},pagination:{type:Object,default:{enable:!1,size:20}}};function ae(t,o){function g(a){const c=[];let m=a.nextNode();for(;m;)c.push(m),m=a.nextNode();return c}function S(a,c){const m=document.createTreeWalker(a,NodeFilter.SHOW_TEXT);return g(m).map(r=>({textNode:r,text:(r.textContent||"").toLocaleLowerCase()})).map(({textNode:r,text:i})=>{const l=[];let y=0;for(;y<i.length;){const w=i.indexOf(c,y);if(w===-1)break;l.push(w),y=w+c.length}return l.map(w=>{const f=new Range;return f.setStart(r,w),f.setEnd(r,w+c.length),f})}).flat()}function v(a){if(!CSS.highlights||(CSS.highlights.clear(),!a||!o))return;const c=S(o.value,a.toLocaleLowerCase()),m=new Highlight(...c);CSS.highlights.set("search-result",m)}return{search:v}}function J(t,o,g,S,v,a,c,m,T,h){const s=e.ref(t.size),r=e.ref(t.textField),i=e.ref(t.titleField),l=e.ref(t.disableField),y=e.computed(()=>{var n,F;return((n=t.selection)==null?void 0:n.multiSelect)&&((F=t.selection)==null?void 0:F.showCheckbox)}),{onMouseenterItem:w,onMouseoverItem:f,onMouseoutItem:V}=a,{getKey:b,listViewItemClass:M,listViewItemStyle:R,onCheckItem:P,onClickItem:C}=c,I=e.computed(()=>{const n={"text-overflow":"ellipsis",overflow:"hidden","white-space":"nowrap"};return t.itemClass?n:{margin:s.value==="small"?"0.25rem 0":"8px 0",...n}});function u(n,F,O){return n.checked=m.findIndexInSelectedItems(n)>-1,e.createVNode("li",{class:M(n,F),id:b(n,F),key:b(n,F),style:R(n,F),onClick:B=>C(n,F,B),onMouseenter:B=>w(B,n,F),onMouseover:B=>f(B,n,F),onMouseout:B=>V(B,n,F)},[y.value&&e.createVNode("div",{class:"f-list-select",onClick:B=>B.stopPropagation()},[e.createVNode(z.FCheckbox,{id:"list-"+b(n,F),customClass:"listview-checkbox float-left",disabled:n[l.value],checked:n.checked,"onUpdate:checked":B=>n.checked=B,onChange:B=>{P(n,F,!B.checked)}},null)]),e.createVNode("div",{class:"f-list-content"},[e.createVNode("div",{class:t.itemContentClass,style:I.value,title:n.raw[i.value]||n.raw[r.value]},[n.raw[r.value]])])])}return{renderItem:u}}function se(t,o,g,S,v,a,c,m,T,h){const s=e.ref(t.multiSelect),r=e.ref(t.disableField),i=e.ref(t.textField),{onMouseenterItem:l,onMouseoverItem:y,onMouseoutItem:w}=a,{getKey:f,listViewItemClass:V,listViewItemStyle:b,onCheckItem:M,onClickItem:R,updateSelectedItems:P}=c;function C(u,n,F){return t.contentTemplate?e.createVNode(e.Fragment,null,[t.contentTemplate({item:u.raw,index:n,selectedItem:F})]):o.slots.content?e.createVNode(e.Fragment,null,[o.slots.content&&o.slots.content({item:u.raw,index:n,selectedItem:F})]):e.createVNode("div",{style:"margin: 10px 0;"},[u.raw[i.value||"name"]])}function I(u,n,F){return e.createVNode("li",{class:V(u,n),id:f(u,n),key:f(u,n),style:b(u,n),onClick:O=>R(u,n,O),onMouseenter:O=>l(O,u,n),onMouseover:O=>y(O,u,n),onMouseout:O=>w(O,u,n)},[s.value&&e.createVNode("div",{class:"f-list-select",onClick:O=>O.stopPropagation()},[e.createVNode(z.FCheckbox,{id:"list-"+f(u,n),customClass:"listview-checkbox",disabled:u[r.value],checked:u.checked,"onUpdate:checked":O=>u.checked=O,onChange:O=>{M(u,n,!O.checked),P()}},null)]),e.createVNode("div",{class:"f-list-content"},[C(u,n,F)])])}return{renderItem:I}}function le(t,o,g,S,v,a,c,m,T,h){const s=e.ref(t.multiSelect),r=e.ref(t.disableField),i=e.ref(t.textField),{onMouseenterItem:l,onMouseoverItem:y,onMouseoutItem:w}=a,{getKey:f,listViewItemClass:V,onCheckItem:b,onClickItem:M}=c,{dragstart:R,dragenter:P,dragover:C,dragend:I}=S,{removeItem:u}=T,n=e.computed(()=>({margin:s.value?"10px 0":"10px 0px 10px 14px"}));function F(p,d=""){const L=p.target;L.title=L.scrollWidth>L.clientWidth?d:""}function O(p){return e.createVNode("div",{style:n.value,onMouseenter:d=>F(d,p.raw[i.value||"name"])},[p.raw[i.value||"name"]])}function B(){return o.slots.itemContent?o.slots.itemContent:O}const A=B();function N(p,d,L){return e.createVNode("li",{class:V(p,d),id:f(p,d),key:f(p,d),onClick:D=>M(p,d,D),onMouseenter:D=>l(D,p,d),onMouseover:D=>y(D,p,d),onMouseout:D=>w(D,p,d),draggable:"true",onDragstart:D=>R(D,p,d),onDragenter:D=>P(D,d),onDragend:D=>I(D,p),onDragover:D=>C(D)},[s.value&&e.createVNode("div",{class:"f-list-select",onClick:D=>D.stopPropagation()},[e.createVNode(z.FCheckbox,{id:"list-"+f(p,d),customClass:"listview-checkbox",disabled:p[r.value]||!p.checked,checked:p.checked,"onUpdate:checked":D=>p.checked=D,onChange:D=>b(p,d,!D.checked)},null)]),e.createVNode("div",{class:"f-list-content"},[A(p)]),e.createVNode("div",{class:"f-list-remove",onClick:D=>{D.stopPropagation(),u(d)}},[e.createVNode("div",{class:"f-list-remove-icon"},[e.createVNode("i",{class:"f-icon f-icon-remove_face"},null)])]),e.createVNode("div",{class:"f-list-handle"},[e.createVNode("div",null,[e.createVNode("i",{class:"f-icon f-icon-drag-vertical"},null)])])])}return{renderItem:N}}function ie(t,o,g,S,v,a,c,m,T,h){var f;const s=e.ref(((f=t.group)==null?void 0:f.groupFields)||[]),{collpaseGroupIconClass:r}=v,{toggleGroupRow:i}=h;function l(V,b){b.collapse=!b.collapse,g.value=i(b.collapse?"collapse":"expand",b,g.value)}function y(V,b,M){return o.slots.group?e.createVNode(e.Fragment,null,[o.slots.content&&o.slots.group({item:V.raw,index:b,selectedItem:M})]):e.createVNode("div",{class:"f-navlookup-recentHeader",onClick:R=>l(R,V)},[e.createVNode("div",{class:"fv-grid-group-row-icon"},[e.createVNode("span",{class:r(V)},null)]),e.createVNode("div",{class:"f-navlookup-recommandLabel"},[V.raw[s.value[V.layer]]])])}function w(V,b,M){return V.layer>-1&&y(V,b,M)}return{renderItem:w}}function ce(t,o,g,S){const{dataView:v}=g,{updateSelectedItems:a}=S;function c(m){if(m>-1&&m<v.value.length){if(t!=null&&t.checkBeforeRemoveItem&&!t.checkBeforeRemoveItem(v.value[m]))return;const T=v.value.splice(m,1);a(),o.emit("removeItem",T[0])}}return{removeItem:c}}function re(t,o,g,S,v,a,c,m,T,h){const s=e.ref(t.view),r=e.ref(t.view==="CardView"),i=e.ref({}),l=ce(t,o,S,T),y=e.computed(()=>({"f-list-view-group":!0,"f-list-view-group-multiselect":t.multiSelect,"d-flex":r.value,"flex-wrap":r.value})),w=e.computed(()=>!!g.value&&g.value.length>0),f=e.computed(()=>g.value.length===0);e.computed(()=>f.value&&!o.slots.empty);function V(){return s.value==="SingleView"?J:s.value==="DraggableView"?le:(s.value==="ContentView"||s.value==="CardView")&&(t.contentTemplate||o.slots.content)?se:J}const b=V(),{renderItem:M}=b(t,o,g,h,v,a,T,c,l,m),{renderItem:R}=ie(t,o,g,h,v,a,T,c,l,m),P=[M,R];function C(){return g.value.filter(n=>n.visible!==!1).map((n,F)=>P[n.type](n,F,i))}function I(){return e.createVNode("div",{class:"f-list-view-emptydata",style:"margin: 0 auto;"},[e.createVNode("p",{class:"f-empty-title"},[t.emptyTemplate?t.emptyTemplate():o.slots.empty?o.slots.empty():oe.LocaleService.getLocaleValue("listView.emptyMessage")])])}function u(){return e.createVNode("ul",{class:y.value,style:"list-style: none;"},[w.value&&C(),f.value&&I()])}return{renderListArea:u}}function ue(t,o,g){function S(){return o.slots.header&&e.createVNode("div",{class:"f-list-view-header"},[o.slots.header()])}return{renderHeader:S}}function Q(t,o,g){const S=e.ref(t.headerClass),v=e.ref(t.placeholder),a=e.ref(""),c=e.computed(()=>!a.value),m=e.computed(()=>!!a.value);function T(i){a.value=""}e.watch(a,i=>{t.enableHighlightSearch&&g.search(i),o.emit("afterSearch",i)});const h=e.computed(()=>{const i={"form-group":!0,"farris-form-group":!0};return S.value&&S.value.split(" ").reduce((y,w)=>(y[w]=!0,y),i),i});function s(i){}function r(){return e.createVNode("div",{class:"f-list-view-header",onClick:e.withModifiers(()=>s,["prevent","stop"])},[e.createVNode("div",{class:h.value},[e.createVNode("div",{class:"farris-input-wrap"},[e.createVNode("div",{class:"f-cmp-inputgroup"},[e.createVNode("div",{class:"input-group f-state-editable"},[e.withDirectives(e.createVNode("input",{class:"form-control f-utils-fill text-left","onUpdate:modelValue":i=>a.value=i,name:"input-group-value",type:"text",placeholder:v.value,autocomplete:"off"},null),[[e.vModelText,a.value]]),e.createVNode("div",{class:"input-group-append"},[m.value&&e.createVNode("span",{class:"input-group-text input-group-clear",onClick:i=>T()},[e.createVNode("i",{class:"f-icon f-icon-close-circle"},null)]),c.value&&e.createVNode("span",{class:"input-group-text"},[e.createVNode("span",{class:"f-icon f-icon-search"},null)])])])])])])])}return{renderHeader:r}}function de(){const t=e.ref(""),o=e.ref(-1),g=e.ref(""),S=e.ref(-1),v=e.ref(!1);function a(r,i,l){S.value=l}function c(r,i,l){v.value||(S.value=l)}function m(r,i,l){S.value=-1}function T(){v.value=!0}function h(){v.value=!1}function s(){o.value=-1,t.value=""}return{activeIndex:o,focusedItemId:g,hoverIndex:S,clearActiveItem:s,onMouseenterItem:a,onMouseoverItem:c,onMouseoutItem:m,resumeHover:h,suspendHover:T}}function me(t,o,g,S){const v=e.ref(t.idField),{dataView:a}=g,c=e.ref(-1),m=e.ref(!1),{activeIndex:T,focusedItemId:h,hoverIndex:s,resumeHover:r,suspendHover:i}=S;let l,y=0,w=0;function f(C,I){const u=C-y,n=I-w;l.style.left=parseInt(l.style.left)+u+"px",l.style.top=parseInt(l.style.top)+n+"px",y=C,w=I}function V(C){const{left:I,top:u}=C.getBoundingClientRect(),n=C.cloneNode(!0);return n.className=n.className+" f-listview-drag-moving",n.style.cssText=`
         position:absolute;
-        left:${a}px;
-        top:${document.documentElement.scrollTop?f+document.documentElement.scrollTop:f}px;
+        left:${I}px;
+        top:${document.documentElement.scrollTop?u+document.documentElement.scrollTop:u}px;
         z-index: 999999;
-        border: 1px solid #e2e3e5;
         pointer-events: none;
-        background-color: #edf5ff;
         border-radius: 10px;
         margin: 4px 2px;    
         display: flex;
         align-items: center;
         float: none;
         text-align: initial;
-        width:${getComputedStyle(r).width};
-        height:${getComputedStyle(r).height};
+        width:${getComputedStyle(C).width};
+        height:${getComputedStyle(C).height};
         `,n.children[0].style.cssText="overflow: hidden;flex: 1 1 auto;width: 100%;",n.children[0].children[0].style.cssText=`
         margin: 10px 0px 10px 14px;
         overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
-        `,n.children[1].style.cssText="width: 30px;color: #f4625f;padding: 0 14px 0 0",n.children[2].style.cssText="padding: 0 14px 0 0;",document.body.appendChild(n),n}function F(r,a,f){if(r.stopPropagation(),c(),a){if(i=N(r.target),r.dataTransfer){const n=new Image;n.src="",r.dataTransfer.setDragImage(n,0,0)}D=r.pageX,V=r.pageY,setTimeout(()=>{s.value=f,h.value=!0,a.moving=!0})}}function T(r,a){if(r.preventDefault(),s.value!==a){const f=l.value[s.value],n=l.value;n.splice(s.value,1),n.splice(a,0,f),s.value=a,C(r.pageX,r.pageY)}}function x(r){r.preventDefault(),r.dataTransfer&&(r.dataTransfer.dropEffect="move"),C(r.pageX,r.pageY)}function B(r,a){a&&(a.moving=!1,i&&(document.body.removeChild(i),i=null)),l.value.forEach((f,n)=>{f.__fv_index__=n}),h.value=!1,S(),k.value=a.raw.__fv_index__,M.value=a.raw.__fv_index__,g.value=a.raw[p.value],o.emit("change",l.value),o.emit("activeChange",[a.raw])}return{dragstart:F,dragenter:T,dragover:x,dragend:B,isDragging:h}}function ce(t,o,v,w,p,l){const s=e.ref(t.idField),h=e.ref(t.disableField),M=e.ref(t.draggable);e.ref(t.itemClass);const g=e.ref(t.selection.multiSelect??!1),k=e.ref(t.selection.multiSelectMode),{isDragging:S}=w,{activeIndex:c,focusedItemId:i,hoverIndex:D}=p,{clearSelection:V,getSelectedItems:C,toggleSelectItem:N,currentSelectedDataId:F}=l,T=e.ref(C()),x=y=>T.value.length===0?!1:T.value.some(u=>{let d="";return u.data?d=u.data[s.value]:d=u[s.value],d===y});function B(){T.value=C()}function r(y,u){return y.raw[s.value]!=null?y.raw[s.value]:""}function a(y,u){const d={"f-list-view-group-item":!0,"f-list-view-draggable-item":M.value,"f-un-click":!y.checked,"f-un-select":!!y.raw[h.value],"f-listview-active":g.value&&x(r(y))||!g.value&&y.raw[s.value]===F.value,"f-listview-hover":!S.value&&u===D.value,moving:!!y.moving};if(typeof t.itemClass=="string")return _.getCustomClass(d,t.itemClass);if(typeof t.itemClass=="function"){const j=t.itemClass(y);return _.getCustomClass(d,j)}return d}function f(y,u){const d=g.value&&x(r(y))||!g.value&&y.raw[s.value]===F.value,j={};if(d&&(j.backgroundColor="#dae9ff"),typeof t.itemStyle=="string")return _.getCustomStyle(j,t.itemStyle);if(typeof t.itemStyle=="function"){const b=t.itemStyle(y);return _.getCustomStyle(j,b)}return j}const n=e.computed(()=>!g.value);function m(y,u,d){y.checked=d,!y.raw[h.value]&&(n.value&&(i.value=y.raw[s.value]),N(y))}const L=e.computed(()=>g.value&&k.value==="OnCheckClearByClick"),O=e.computed(()=>!g.value||g.value&&(k.value==="OnCheckAndClick"||k.value==="OnClick"));function A(y,u,d){if(y.raw[h.value]){d==null||d.preventDefault(),d==null||d.stopPropagation();return}i.value=y.raw[s.value],c.value=u,L.value&&V(),O.value&&(N(y),B()),o.emit("clickItem",{data:T.value,index:u,dataItem:y.raw}),o.emit("activeChange",T.value)}return{getKey:r,selectedItems:T,listViewItemClass:a,listViewItemStyle:f,updateSelectedItems:B,onCheckItem:m,onClickItem:A}}const G=e.defineComponent({name:"FListView",props:U,emits:["afterSearch","checkValuesChange","clickItem","selectItem","unSelectItem","selectionChange","removeItem","change","activeChange","pageIndexChanged","pageSizeChanged","changed","selectionUpdate"],setup(t,o){const v=e.ref(),w=e.ref(!0),p=e.ref(!1),l=e.ref([]),s=0,h=e.ref(t.columns),M=R.useFilter(t,o),g=R.useIdentify(t),k=R.useHierarchy(t),S=R.useGroupData(t,g),c=R.useDataView(t,new Map,M,k,g),i=R.useSelection(t,c,g,l,o),D=Q(t,v),V=R.usePagination(t,c),C=e.computed(()=>c.dataView.value.length),N=R.useRow(t,o,i,g),F=R.useEdit(t,o,g,N,l),T=R.useVisualDataBound(t),x=R.useVisualDataCell(t,{},T),B=R.useVisualDataRow(t,c,F,k,g,T,x),r=R.useVisualGroupRow(t,g,x,B),a=R.useVisualSummaryRow(t,g,x,B),f=R.useVisualData(t,h,c,C,s,B,r,a),{getVisualData:n}=f;l.value=n(0,C.value+s-1);const m=e.computed(()=>{const I={"f-list-view":!0,"f-list-view-multiple":t.multiSelect};return t.size!=="default"&&(I[`${t.size}-item`]=!0),_.getCustomClass(I,t.customClass)}),L=e.computed(()=>!!o.slots.footer||w.value);function O(){return t.header==="SearchBar"?Y:t.header==="ContentHeader"?le:Y}const A=O(),{renderHeader:y}=A(t,o,D),u=ae(),d=se(t,o,c,u),j=ce(t,o,l,d,u,i),{renderListArea:b}=oe(t,o,l,c,S,u,i,f,j,d);function ie(I){D.search(I)}function re(I){I&&(c.load(I),l.value=n(0,C.value+s-1))}function ue(){i.clearSelection(),u.clearActiveItem()}function de(){return j.selectedItems.value}function fe(){return j.selectedItems.value.map(I=>I[g.idField.value])}function $(I){i.selectedValues.value=I,j.updateSelectedItems()}function me(){return i.currentSelectedDataId.value}function ge(I){N.activeRowById(I)}function he(I){const H=g.idField.value,E=l.value.find(K=>K.raw[H]===I),z=l.value.findIndex(K=>K.raw[H]===I);E&&z>-1&&j.onClickItem(E,z)}function pe(I){const H=g.idField.value,E=l.value.find(z=>z.raw[H]===I);E&&N.changeRow(E)}function Ce(I){V.updatePagination(I)}function ve(I){return l.value.filter(H=>I.includes(H.raw[t.idField]))}o.expose({search:ie,updateDataSource:re,clearSelection:ue,getSelections:de,updateSelectionByIds:$,getSelectionIds:fe,activeRowById:ge,getCurrentRowId:me,clickRowItemById:he,updatePagination:Ce,getVisibleDataByIds:ve,selectRowById:pe});function ye(I){t.multiSelect&&(I.preventDefault(),I.stopPropagation())}e.watch(()=>t.selectionValues,(I,H)=>{I!==H&&$(I)});const we=R.useSidebar(t,i),{sidebarWidth:Se,showSidebarCheckBox:be}=we,Ve=R.useColumn(t,o),{applyColumnSorter:Ne,columnContext:Ie,updateColumnRenderContext:Fe}=Ve,ke=R.useVirtualScroll(t,c,l,Ie,f,C,s,Se,F),{shouldRenderPagination:De}=V,{renderDataGridPagination:Te}=R.getPagination(t,o,c,ke,V,i);return()=>e.createVNode("div",{class:m.value,onClick:ye},[y(),e.createVNode("div",{ref:v,class:"f-list-view-content",onMouseover:()=>{p.value=!0},onMouseleave:()=>{p.value=!1}},[b()]),L.value&&e.createVNode("div",{class:"f-list-view-footer"},[t.footerTemplate?t.footerTemplate():o.slots.footer&&o.slots.footer()])])}}),W=e.defineComponent({name:"FListViewTable",props:U,emits:["outputValue","currentEvent","selectionChanged"],setup(t,o){const v=[{name:"任芳",code:"1.PO20198989001",date:"2024-02-19",desc:"导游1",amount:63.85,avatar:"./assets/avatar1.png"},{name:"戴秀兰",code:"2.PO20198989002",date:"2024-03-17",desc:"导游2",amount:60.13,avatar:"./assets/avatar2.png"},{name:"尹磊",code:"3.PO20198989003",date:"2024-04-09",desc:"导游3",amount:36.54,avatar:"./assets/avatar3.png"},{name:"赵明",code:"4.PO20198989004",date:"2024-03-27",desc:"导游4",amount:52.76,avatar:"./assets/avatar4.png"},{name:"吕洋",code:"5.PO20198989005",date:"2024-11-17",desc:"导游5",amount:84.13,avatar:"./assets/avatar5.png"}],w=e.computed(()=>t.data.length>0?t.data:v);return()=>{var p;return e.createVNode(e.Fragment,null,[(p=w.value)==null?void 0:p.map(l=>e.createVNode("div",{class:"f-template-listview-row"},[e.createVNode("div",{class:"list-view-item-title"},[e.createVNode("div",{class:"item-title-img"},[e.createVNode("img",{src:l.avatar,alt:"",style:"width: 44px;"},null)]),e.createVNode("div",{class:"item-title"},[e.createVNode("p",{class:"item-title-heading"},[l.code]),e.createVNode("p",{class:"item-title-text"},[l.desc])])]),e.createVNode("div",{class:"list-view-item-content"},[e.createVNode("div",{class:"content-message"},[e.createVNode("div",{class:"ower"},[e.createVNode("p",null,[e.createTextVNode("创建人")]),e.createVNode("p",{class:"con"},[l.name])]),e.createVNode("div",{class:"date"},[e.createVNode("p",null,[e.createTextVNode("创建时间")]),e.createVNode("p",{class:"con"},[l.date])])])])]))])}}});G.install=t=>{t.component(G.name,G),t.component(W.name,W)},P.FListView=G,P.FListViewTable=W,P.default=G,P.listViewProps=U,Object.defineProperties(P,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+        `,n.children[1].style.cssText="width: 30px;padding: 0 14px 0 0",n.children[2].style.cssText="padding: 0 14px 0 0;",document.body.appendChild(n),n}function b(C,I,u){if(C.stopPropagation(),i(),I){if(l=V(C.target),C.dataTransfer){const n=new Image;n.src="",C.dataTransfer.setDragImage(n,0,0)}y=C.pageX,w=C.pageY,setTimeout(()=>{c.value=u,m.value=!0,I.moving=!0})}}function M(C,I){if(C.preventDefault(),c.value!==I){const u=a.value[c.value],n=a.value;n.splice(c.value,1),n.splice(I,0,u),c.value=I,f(C.pageX,C.pageY)}}function R(C){C.preventDefault(),C.dataTransfer&&(C.dataTransfer.dropEffect="move"),f(C.pageX,C.pageY)}function P(C,I){I&&(I.moving=!1,l&&(document.body.removeChild(l),l=null)),a.value.forEach((u,n)=>{u.__fv_index__=n}),m.value=!1,r(),s.value=I.raw.__fv_index__,T.value=I.raw.__fv_index__,h.value=I.raw[v.value],o.emit("change",a.value),o.emit("activeChange",[I.raw])}return{dragstart:b,dragenter:M,dragover:R,dragend:P,isDragging:m}}function fe(t,o,g,S,v,a){const c=e.ref(t.idField),m=e.ref(t.disableField),T=e.ref(t.draggable);e.ref(t.itemClass);const h=e.ref(t.selection.multiSelect??!1),s=e.ref(t.selection.multiSelectMode),{isDragging:r}=S,{activeIndex:i,focusedItemId:l,hoverIndex:y}=v,{clearSelection:w,getSelectedItems:f,toggleSelectItem:V,currentSelectedDataId:b}=a,M=e.ref(f()),R=N=>M.value.length===0?!1:M.value.some(p=>{let d="";return p.data?d=p.data[c.value]:d=p[c.value],d===N});function P(){M.value=f()}function C(N,p){return N.raw[c.value]!=null?N.raw[c.value]:""}function I(N,p){const d={"f-list-view-group-item":!0,"f-list-view-draggable-item":T.value,"f-un-click":!N.checked,"f-un-select":!!N.raw[m.value],"f-listview-active":h.value&&R(C(N))||!h.value&&N.raw[c.value]===b.value,"f-listview-hover":!r.value&&p===y.value,moving:!!N.moving};if(typeof t.itemClass=="string")return $.getCustomClass(d,t.itemClass);if(typeof t.itemClass=="function"){const L=t.itemClass(N);return $.getCustomClass(d,L)}return d}function u(N,p){const d={};if(typeof t.itemStyle=="string")return $.getCustomStyle(d,t.itemStyle);if(typeof t.itemStyle=="function"){const L=t.itemStyle(N);return $.getCustomStyle(d,L)}return d}const n=e.computed(()=>!h.value);function F(N,p,d){N.checked=d,!N.raw[m.value]&&(n.value&&(l.value=N.raw[c.value]),V(N))}const O=e.computed(()=>h.value&&s.value==="OnCheckClearByClick"),B=e.computed(()=>!h.value||h.value&&(s.value==="OnCheckAndClick"||s.value==="OnClick"));function A(N,p,d){if(N.raw[m.value]){d==null||d.preventDefault(),d==null||d.stopPropagation();return}b.value=N.raw[c.value],l.value=N.raw[c.value],i.value=p,O.value&&w(),B.value&&(V(N),P()),o.emit("clickItem",{data:M.value,index:p,dataItem:N.raw}),o.emit("activeChange",M.value)}return{getKey:C,selectedItems:M,listViewItemClass:I,listViewItemStyle:u,updateSelectedItems:P,onCheckItem:F,onClickItem:A}}const H=e.defineComponent({name:"FListView",props:W,emits:["afterSearch","checkValuesChange","clickItem","selectItem","unSelectItem","selectionChange","removeItem","change","activeChange","pageIndexChanged","pageSizeChanged","changed","selectionUpdate"],setup(t,o){const g=e.ref(),S=e.ref(!0),v=e.ref(!1),a=e.ref([]),c=0,m=e.ref(t.columns),T=x.useFilter(t,o),h=x.useIdentify(t),s=x.useHierarchy(t),r=x.useGroupData(t,h),i=x.useDataView(t,new Map,T,s,h),l=x.useSelection(t,i,h,a,o),y=ae(t,g),w=x.usePagination(t,i),f=e.computed(()=>i.dataView.value.length),V=x.useRow(t,o,l,h),b=x.useEdit(t,o,h,V,a),M=x.useVisualDataBound(t),R=x.useVisualDataCell(t,{},M),P=x.useVisualDataRow(t,i,b,s,h,M,R),C=x.useVisualGroupRow(t,h,R,P),I=x.useVisualSummaryRow(t,h,R,P),u=x.useVisualData(t,m,i,f,c,P,C,I),{getVisualData:n}=u;a.value=n(0,f.value+c-1);const F=e.computed(()=>{const k={"f-list-view":!0,"f-list-view-multiple":t.multiSelect};return t.size!=="default"&&(k[`${t.size}-item`]=!0),$.getCustomClass(k,t.customClass)}),O=e.computed(()=>!!o.slots.footer||S.value);function B(){return t.header==="SearchBar"?Q:t.header==="ContentHeader"?ue:Q}const A=B(),{renderHeader:N}=A(t,o,y),p=de(),d=me(t,o,i,p),L=fe(t,o,a,d,p,l),{renderListArea:D}=re(t,o,a,i,r,p,l,u,L,d);function ve(k){y.search(k)}function we(k){k&&(i.load(k),a.value=n(0,f.value+c-1))}function Se(){l.clearSelection(),p.clearActiveItem()}function Ve(){return L.selectedItems.value}function Ie(){return L.selectedItems.value.map(k=>k[h.idField.value])}function ne(k){l.selectedValues.value=k,L.updateSelectedItems()}function be(){return l.currentSelectedDataId.value}function Ne(k){V.activeRowById(k)}function ke(k){const _=h.idField.value,G=a.value.find(Y=>Y.raw[_]===k),q=a.value.findIndex(Y=>Y.raw[_]===k);G&&q>-1&&L.onClickItem(G,q)}function Fe(k){const _=h.idField.value,G=a.value.find(q=>q.raw[_]===k);G&&V.changeRow(G)}function Te(k){w.updatePagination(k)}function Me(k){return a.value.filter(_=>k.includes(_.raw[t.idField]))}o.expose({search:ve,updateDataSource:we,clearSelection:Se,getSelections:Ve,updateSelectionByIds:ne,getSelectionIds:Ie,activeRowById:Ne,getCurrentRowId:be,clickRowItemById:ke,updatePagination:Te,getVisibleDataByIds:Me,selectRowById:Fe});function De(k){t.multiSelect&&(k.preventDefault(),k.stopPropagation())}e.watch(()=>t.selectionValues,(k,_)=>{k!==_&&ne(k)});const Re=x.useSidebar(t,l),{sidebarWidth:Oe,showSidebarCheckBox:We}=Re,je=x.useColumn(t,o),{applyColumnSorter:Ke,columnContext:xe,updateColumnRenderContext:Xe}=je,Be=x.useVirtualScroll(t,i,a,xe,u,f,c,Oe,b),{shouldRenderPagination:Ye}=w,{renderDataGridPagination:Je}=x.getPagination(t,o,i,Be,w,l);return()=>e.createVNode("div",{class:F.value,onClick:De},[N(),e.createVNode("div",{ref:g,class:"f-list-view-content",onMouseover:()=>{v.value=!0},onMouseleave:()=>{v.value=!1}},[D()]),O.value&&e.createVNode("div",{class:"f-list-view-footer"},[t.footerTemplate?t.footerTemplate():o.slots.footer&&o.slots.footer()])])}}),K=e.defineComponent({name:"FListViewTable",props:W,emits:["outputValue","currentEvent","selectionChanged"],setup(t,o){const g=[{name:"任芳",code:"1.PO20198989001",date:"2024-02-19",desc:"导游1",amount:63.85,avatar:"./assets/avatar1.png"},{name:"戴秀兰",code:"2.PO20198989002",date:"2024-03-17",desc:"导游2",amount:60.13,avatar:"./assets/avatar2.png"},{name:"尹磊",code:"3.PO20198989003",date:"2024-04-09",desc:"导游3",amount:36.54,avatar:"./assets/avatar3.png"},{name:"赵明",code:"4.PO20198989004",date:"2024-03-27",desc:"导游4",amount:52.76,avatar:"./assets/avatar4.png"},{name:"吕洋",code:"5.PO20198989005",date:"2024-11-17",desc:"导游5",amount:84.13,avatar:"./assets/avatar5.png"}],S=e.computed(()=>t.data.length>0?t.data:g);return()=>{var v;return e.createVNode(e.Fragment,null,[(v=S.value)==null?void 0:v.map(a=>e.createVNode("div",{class:"f-template-listview-row"},[e.createVNode("div",{class:"list-view-item-title"},[e.createVNode("div",{class:"item-title-img"},[e.createVNode("img",{src:a.avatar,alt:"",style:"width: 44px;"},null)]),e.createVNode("div",{class:"item-title"},[e.createVNode("p",{class:"item-title-heading"},[a.code]),e.createVNode("p",{class:"item-title-text"},[a.desc])])]),e.createVNode("div",{class:"list-view-item-content"},[e.createVNode("div",{class:"content-message"},[e.createVNode("div",{class:"ower"},[e.createVNode("p",null,[e.createTextVNode("创建人")]),e.createVNode("p",{class:"con"},[a.name])]),e.createVNode("div",{class:"date"},[e.createVNode("p",null,[e.createTextVNode("创建时间")]),e.createVNode("p",{class:"con"},[a.date])])])])]))])}}}),Z=new Map([["appearance",U.resolveAppearance]]),pe="root-viewmodel";function ge(t,o){const{formSchemaUtils:g,designViewModelUtils:S}=o;function v(s){return{id:`${s.componentId}-component-viewmodel`,code:`${s.componentId}-component-viewmodel`,name:s.componentName,bindTo:s.bindTo,parent:pe,fields:[],commands:[],states:[],enableValidation:!0}}function a(s){const r=t.getSchemaByType("component-ref");return Object.assign(r,{id:`${s.componentId}-component-ref`,component:`${s.componentId}-component`}),r}function c(s,r,i){var f,V,b,M;const l=(V=(f=r==null?void 0:r.parentComponentInstance)==null?void 0:f.schema)==null?void 0:V.type,y=(M=(b=g.getFormSchema())==null?void 0:b.module)==null?void 0:M.templateId;if(["double-list-template","tree-list-template","list-template"].includes(y))return s;const w=[E.DgControl["content-container"].type,E.DgControl["response-layout-item"].type,E.DgControl["splitter-pane"].type,E.DgControl.drawer.type];if(l&&w.includes(l)){const R=t.getSchemaByType("section",{parentComponentInstance:r.parentComponentInstance,mainTitle:r.componentName},o);if(R&&R.contents&&R.contents.length){const P=R.contents[0];return P.contents=[s],R}}return s}function m(s){var y,w,f;const r=t.getSchemaByType("list-view");let i=!1;const l=(f=(w=(y=s.parentComponentInstance)==null?void 0:y.schema)==null?void 0:w.appearance)==null?void 0:f.class;return l&&l.includes("f-page-main")&&(i=!0),Object.assign(r,{id:s.componentId+"-listView",appearance:{class:i?"":"f-grid-is-sub"},type:"list-view",dataSource:s.dataSource||"",pagination:{enable:!1}}),[r]}function T(s){var w,f,V;const r=t.getSchemaByType("component"),i=m(s);let l=!1;const y=(V=(f=(w=s.parentComponentInstance)==null?void 0:w.schema)==null?void 0:f.appearance)==null?void 0:V.class;return y&&y.includes("f-page-main")&&(l=!0),Object.assign(r,{id:`${s.componentId}-component`,viewModel:`${s.componentId}-component-viewmodel`,componentType:s.componentType,contents:i,appearance:{class:l?"f-struct-wrapper f-utils-fill-flex-column":""}}),r}function h(s){const r=a(s),i=T(s),l=v(s),y=g.getFormSchema();return y.module.viewmodels.push(l),y.module.components.push(i),S.assembleDesignViewModel(),c(r,s)}return{createComponent:h}}function ee(t,o,g,S){var a,c,m,T,h,s;const v=g.parentComponentInstance;if(v&&S){const r=Math.random().toString(36).slice(2,6),i={componentId:`list-view-${r}`,componentName:((a=g.bindingSourceContext)==null?void 0:a.entityTitle)||((m=(c=g.bindingSourceContext)==null?void 0:c.bindingEntity)==null?void 0:m.name)||`列表-${r}`,componentType:"list-view",parentContainerId:v.schema.id,parentComponentInstance:v,bindTo:((T=g.bindingSourceContext)==null?void 0:T.bindTo)||"",dataSource:(s=(h=g.bindingSourceContext)==null?void 0:h.bindingEntity)==null?void 0:s.label},{createComponent:l}=ge(t,S);return l(i)}else return o}const te={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/list-view-table.schema.json",title:"list-view-table",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for list-view-table",type:"string"},type:{description:"The type string of list-view-table",type:"string",default:"list-view-table"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"string",default:!1},editable:{description:"",type:"boolean",default:!0},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"]},he={title:"list-view-table",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}}}},X={data:{type:Array,default:[]}},Ce=U.createPropsResolver(X,te,Z,ee,he),ye=U.getPropsResolverGenerator(X,te,Z,ee);H.install=t=>{t.component(H.name,H),t.component(K.name,K)},j.FListView=H,j.FListViewTable=K,j.default=H,j.listViewProps=W,j.listViewTableProps=X,j.propsResolver2=Ce,j.propsResolverGenerator2=ye,Object.defineProperties(j,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/components/loading/index.esm.js

@@ -1,6 +1,37 @@
-import { defineComponent as H, ref as o, computed as I, onMounted as L, watch as j, createVNode as c, Fragment as E, createApp as G, onUnmounted as U, mergeProps as V } from "vue";
-import { LocaleService as k } from "../locale/index.esm.js";
-const Y = {
+import { defineComponent as H, ref as d, computed as k, onMounted as M, watch as j, createVNode as f, Fragment as E, createApp as G, onUnmounted as U, mergeProps as V } from "vue";
+import { LocaleService as I } from "../locale/index.esm.js";
+function Y() {
+  function e() {
+    const t = navigator.userAgent || navigator.vendor || window.opera, i = [
+      /iPhone/i,
+      /iPod/i,
+      /Android.*Mobile/i,
+      // Android 手机通常包含 "Mobile" 字样，而平板不包含
+      /webOS/i,
+      /BlackBerry/i,
+      /IEMobile/i,
+      /Opera Mini/i
+    ], o = [
+      /iPad/i,
+      /Android(?!.*Mobile)/i,
+      // Android 平板通常不含 "Mobile"
+      /Tablet/i,
+      /PlayBook/i,
+      /Kindle/i,
+      /Silk/i
+    ];
+    for (const l of o)
+      if (l.test(t))
+        return !1;
+    for (const l of i)
+      if (l.test(t))
+        return !0;
+    const a = "ontouchstart" in window || navigator.maxTouchPoints > 0, c = screen.width, u = screen.height, s = Math.min(c, u);
+    return !!(a && s <= 768);
+  }
+  return { isMobilePhone: e };
+}
+const q = {
   /** 是否展示文案 */
   showMessage: { type: Boolean, default: !0 },
   /** 展示信息 */
@@ -17,15 +48,15 @@ const Y = {
   targetPosition: { type: String, default: "" },
   /** 延迟300毫秒,解决异步加载出现一闪而逝的问题*/
   delay: { type: Number, default: 300 }
-}, q = {
+}, { isMobilePhone: K } = Y(), R = {
   showMessage: !0,
-  message: "正在加载，请稍候...",
+  message: K() ? "正在加载..." : "正在加载，请稍候...",
   isActive: !1,
   width: 30,
   type: 0,
   targetPosition: "",
   delay: 300
-}, R = [
+}, W = [
   '<div class="f-loading-round"></div>',
   `<div class="f-loading-dot-wrapper">
       <div class="f-loading-dot">
@@ -38,173 +69,173 @@ const Y = {
   '<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="lds-coffee"><defs><linearGradient id="gradient" x1="0%" x2="0%" y1="0%" y2="100%"><stop offset="10%" stop-color="black" stop-opacity="0"></stop><stop offset="100%" stop-color="white" stop-opacity="1"></stop></linearGradient><mask id="mask" maskUnits="userSpaceOnUse" x="0" y="0" width="100" height="100"><rect x="22" y="8" width="56" height="54" fill="url(#gradient)"></rect></mask><path id="steam" d="M0-4c-2.1,2.6-2.1,6.4,0,9l0,0c2.1,2.6,2.1,6.4,0,9l0,0c-2.1,2.6-2.1,6.4,0,9l0,0c2.1,2.6,2.1,6.4,0,9l0,0 c-2.1,2.6-2.1,6.4,0,9l0,0c2.1,2.6,2.1,6.4,0,9c-2.1,2.6-2.1,6.4,0,9l0,0c2.1,2.6,2.1,6.4,0,9l0,0c-2.1,2.6-2.1,6.4,0,9l0,0 c2.1,2.6,2.1,6.4,0,9l0,0c-2.1,2.6-2.1,6.4,0,9l0,0c2.1,2.6,2.1,6.4,0,9c-2.1,2.6-2.1,6.4,0,9l0,0c2.1,2.6,2.1,6.4,0,9l0,0 c-2.1,2.6-2.1,6.4,0,9h0c2.1,2.6,2.1,6.4,0,9h0c-2.1,2.6-2.1,6.4,0,9h0c2.1,2.6,2.1,6.4,0,9" stroke-width="6" stroke-linecap="round" fill="#f00" stroke="#58a8f6"></path></defs><g mask="url(#mask)"><use x="29" y="1.00876" href="#steam"><animate attributeName="y" calcMode="linear" values="4;-14" keyTimes="0;1" dur="0.5" begin="0s" repeatCount="indefinite"></animate></use><use x="47" y="-5.98248" href="#steam"><animate attributeName="y" calcMode="linear" values="0;-18" keyTimes="0;1" dur="0.25" begin="0s" repeatCount="indefinite"></animate></use><use x="64" y="-8.48686" href="#steam"><animate attributeName="y" calcMode="linear" values="-4;-22" keyTimes="0;1" dur="0.3333333333333333" begin="0s" repeatCount="indefinite"></animate></use></g><path d="M81.2,52.5l-5.2,0V49c0-1.6-1.3-3-3-3H20c-1.6,0-3,1.3-3,3v11.6C17,71.3,25.7,80,36.5,80h20.1 c7.1,0,13.3-3.8,16.7-9.5h8.3c5.2,0,9.3-4.4,9-9.6C90.2,56.1,86,52.5,81.2,52.5z M81.5,67.5h-6.8c0.8-2.2,1.3-4.5,1.3-7v-5h5.5 c3.3,0,6,2.7,6,6S84.8,67.5,81.5,67.5z" fill="#58a8f6"></path><path d="M78.8,88H19.2c-1.1,0-2-0.9-2-2s0.9-2,2-2h59.5c1.1,0,2,0.9,2,2S79.9,88,78.8,88z" fill="rgba(80.78431372549018%,94.50980392156862%,72.15686274509802%,0)"></path></svg>'
 ], h = /* @__PURE__ */ H({
   name: "FLoading",
-  props: Y,
+  props: q,
   emits: ["closed", "hidden"],
-  setup(e, a) {
-    const n = R, s = o(e.showMessage), i = o(e.isActive), f = o(e.message), g = o(e.width), l = o(e.type), m = o(null), d = o(null), y = o(!1);
-    let r = "", v;
-    const S = I(() => l.value && l.value in [0, 1, 2] ? l.value : 0);
-    L(() => {
+  setup(e, t) {
+    const i = W, o = d(e.showMessage), a = d(e.isActive), c = d(e.message), u = d(e.width), s = d(e.type), l = d(null), r = d(null), y = d(!1);
+    let g = "", v;
+    const L = k(() => s.value && s.value in [0, 1, 2] ? s.value : 0);
+    M(() => {
       w();
     });
-    const C = I(() => {
-      const t = {
+    const P = k(() => {
+      const n = {
         visibility: y.value ? "visible" : "hidden",
         transform: "translate(-50%,-50%)"
       };
-      return e.target === document.body && (t.position = "fixed"), t;
+      return e.target === document.body && (n.position = "fixed"), n;
     });
     function w() {
-      i.value && !v && (v = setTimeout(() => {
+      a.value && !v && (v = setTimeout(() => {
         v = null, T(), y.value = !0;
-      }, e.delay)), i.value || v && (clearTimeout(v), v = null);
+      }, e.delay)), a.value || v && (clearTimeout(v), v = null);
     }
-    function A(t) {
-      r = t;
+    function C(n) {
+      g = n;
     }
-    function P() {
-      return r;
+    function A() {
+      return g;
     }
-    function x(t = () => {
+    function x(n = () => {
     }) {
-      i.value = !1, y.value = !1, a.emit("closed", {
-        loadingId: r,
-        callback: t
+      a.value = !1, y.value = !1, t.emit("closed", {
+        loadingId: g,
+        callback: n
       });
     }
     function T() {
-      const t = z();
-      m.value && m.value.style && (m.value.style.zIndex = (t + 1).toString()), d.value && d.value.style && (d.value.style.zIndex = (t + 1).toString());
+      const n = z();
+      l.value && l.value.style && (l.value.style.zIndex = (n + 1).toString()), r.value && r.value.style && (r.value.style.zIndex = (n + 1).toString());
     }
-    function z(t = 1) {
-      const F = ["body>.f-datagrid-settings-simple-host", "body>div", "body>farris-dialog>.farris-modal.show", "body>.farris-modal.show", "body>farris-filter-panel>.f-filter-panel-wrapper", "body .f-sidebar-show>.f-sidebar-main", "body>.popover.show", "body>filter-row-panel>.f-datagrid-filter-panel", "body>.f-section-maximize"], O = Array.from(document.body.querySelectorAll(F.join(","))).filter((p) => p).map((p) => {
+    function z(n = 1) {
+      const N = ["body>.f-datagrid-settings-simple-host", "body>div", "body>farris-dialog>.farris-modal.show", "body>.farris-modal.show", "body>farris-filter-panel>.f-filter-panel-wrapper", "body .f-sidebar-show>.f-sidebar-main", "body>.popover.show", "body>filter-row-panel>.f-datagrid-filter-panel", "body>.f-section-maximize"], O = Array.from(document.body.querySelectorAll(N.join(","))).filter((p) => p).map((p) => {
         const {
-          display: B,
-          zIndex: D
+          display: D,
+          zIndex: F
         } = window.getComputedStyle(p);
-        return B === "none" ? 0 : parseInt(D, 10);
+        return D === "none" ? 0 : parseInt(F, 10);
       }).filter((p) => p);
       let b = Math.max(...O);
-      return b < 1040 && (b = 1040), b + t;
+      return b < 1040 && (b = 1040), b + n;
     }
-    a.expose({
+    t.expose({
       close: x,
-      setLoadingId: A,
-      getLoadingId: P
-    }), j(() => e.isActive, (t) => {
-      i.value = t, w(), t || x();
+      setLoadingId: C,
+      getLoadingId: A
+    }), j(() => e.isActive, (n) => {
+      a.value = n, w(), n || x();
     });
-    function N(t) {
-      t.stopPropagation();
+    function B(n) {
+      n.stopPropagation();
     }
-    return () => c(E, null, [i.value && c("div", {
-      ref: m,
-      onClick: N,
+    return () => f(E, null, [a.value && f("div", {
+      ref: l,
+      onClick: B,
       class: "farris-loading-backdrop loading-wait"
-    }, null), i.value && c("div", {
-      ref: d,
+    }, null), a.value && f("div", {
+      ref: r,
       class: "farris-loading",
-      style: C.value
-    }, [c("div", {
+      style: P.value
+    }, [f("div", {
       class: "ng-busy-default-wrapper"
-    }, [c("div", {
+    }, [f("div", {
       class: "ng-busy-default-sign"
-    }, [c("div", {
+    }, [f("div", {
       style: [{
         display: "inline-block"
       }, {
         margin: "4px"
       }, {
-        width: g.value + "px"
+        width: u.value + "px"
       }, {
-        height: g.value + "px"
+        height: u.value + "px"
       }],
-      innerHTML: n[S.value]
-    }, null), s.value && c("div", {
+      innerHTML: i[L.value]
+    }, null), o.value && f("div", {
       class: "ng-busy-default-text",
       style: "margin-left:0;",
-      innerHTML: f.value
+      innerHTML: c.value
     }, null)])])])]);
   }
 });
-let M = -1;
-const u = {};
+let S = -1;
+const m = {};
 function Z(e) {
-  const a = document.createElement("div"), n = e.target || document.body, s = !!e.targetPosition;
-  let i = "unset";
-  if (s) {
+  const t = document.createElement("div"), i = e.target || document.body, o = !!e.targetPosition;
+  let a = "unset";
+  if (o) {
     const {
-      position: l
-    } = window.getComputedStyle(n);
-    i = l, n.style.position = e.targetPosition;
+      position: s
+    } = window.getComputedStyle(i);
+    a = s, i.style.position = e.targetPosition;
   }
-  const f = J();
-  M = f;
-  const g = G({
+  const c = J();
+  S = c;
+  const u = G({
     setup() {
-      const l = o(e.message);
-      l.value === "正在加载，请稍候..." && (l.value = k.getLocaleValue("loading.message"));
-      const m = {
+      const s = d(e.message);
+      s.value === "正在加载，请稍候..." && (s.value = I.getLocaleValue("loading.message"));
+      const l = {
         ...e,
-        message: l.value
-      }, d = o();
+        message: s.value
+      }, r = d();
       U(() => {
-        s && (n.style.position = i), a.remove();
-      }), L(() => {
-        d.value && d.value.setLoadingId(f);
+        o && (i.style.position = a), t.remove();
+      }), M(() => {
+        r.value && r.value.setLoadingId(c);
       });
-      function y(r) {
-        g.unmount(), r.callback && r.callback(), delete u[r.loadingId];
+      function y(g) {
+        u.unmount(), g.callback && g.callback(), delete m[g.loadingId];
       }
-      return u[f] = d, () => c(h, V({
-        ref: d
-      }, m, {
+      return m[c] = r, () => f(h, V({
+        ref: r
+      }, l, {
         onClosed: y
       }), null);
     }
   });
-  return n.style = n.style ? n.style : {}, n.appendChild(a), g.use(k.i18n), g.mount(a), u[f];
+  return i.style = i.style ? i.style : {}, i.appendChild(t), u.use(I.i18n), u.mount(t), m[c];
 }
 function _() {
-  const e = Object.keys(u).map((a) => parseInt(a, 10));
+  const e = Object.keys(m).map((t) => parseInt(t, 10));
   return e.length ? Math.max(...e) : 0;
 }
 function J() {
   return _() + 1;
 }
-class K {
-  static show(a) {
-    const s = {
+class Q {
+  static show(t) {
+    const o = {
       ...{
-        ...q,
+        ...R,
         isActive: !0,
         target: document.body,
         targetPosition: ""
       },
-      ...a
+      ...t
     };
-    return Z(s);
+    return Z(o);
   }
-  static close(a, n = () => {
+  static close(t, i = () => {
   }) {
-    const i = u[a || M];
-    i && i.value.close(n);
+    const a = m[t || S];
+    a && a.value.close(i);
   }
   static clearAll() {
-    const a = Object.keys(u);
-    a.length && a.forEach((n) => {
-      const s = u[n];
-      s && s.value.close();
+    const t = Object.keys(m);
+    t.length && t.forEach((i) => {
+      const o = m[i];
+      o && o.value.close();
     });
   }
 }
 h.install = (e) => {
-  e.component(h.name, h), e.provide("FLoadingService", K);
+  e.component(h.name, h), e.provide("FLoadingService", Q);
 };
 export {
-  q as DefaultLoadingProps,
+  R as DefaultLoadingProps,
   h as FLoading,
-  K as FLoadingService,
+  Q as FLoadingService,
   h as default,
-  Y as loadingProps
+  q as loadingProps
 };

package/components/loading/index.umd.cjs

@@ -1,8 +1,8 @@
-(function(o,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("../locale/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../locale/index.umd.js"],e):(o=typeof globalThis<"u"?globalThis:o||self,e(o.loading={},o.Vue,o.locale))})(this,function(o,e,w){"use strict";const x={showMessage:{type:Boolean,default:!0},message:{type:String,default:"正在加载，请稍候..."},isActive:{type:Boolean,default:!1},width:{type:Number,default:30},type:{type:Number,default:0},target:{type:Object,default:null},targetPosition:{type:String,default:""},delay:{type:Number,default:300}},I={showMessage:!0,message:"正在加载，请稍候...",isActive:!1,width:30,type:0,targetPosition:"",delay:300},C=['<div class="f-loading-round"></div>',`<div class="f-loading-dot-wrapper">
+(function(s,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("../locale/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../locale/index.umd.js"],e):(s=typeof globalThis<"u"?globalThis:s||self,e(s.loading={},s.Vue,s.locale))})(this,function(s,e,w){"use strict";function P(){function t(){const n=navigator.userAgent||navigator.vendor||window.opera,a=[/iPhone/i,/iPod/i,/Android.*Mobile/i,/webOS/i,/BlackBerry/i,/IEMobile/i,/Opera Mini/i],l=[/iPad/i,/Android(?!.*Mobile)/i,/Tablet/i,/PlayBook/i,/Kindle/i,/Silk/i];for(const r of l)if(r.test(n))return!1;for(const r of a)if(r.test(n))return!0;const o="ontouchstart"in window||navigator.maxTouchPoints>0,u=screen.width,f=screen.height,d=Math.min(u,f);return!!(o&&d<=768)}return{isMobilePhone:t}}const M={showMessage:{type:Boolean,default:!0},message:{type:String,default:"正在加载，请稍候..."},isActive:{type:Boolean,default:!1},width:{type:Number,default:30},type:{type:Number,default:0},target:{type:Object,default:null},targetPosition:{type:String,default:""},delay:{type:Number,default:300}},{isMobilePhone:C}=P(),k={showMessage:!0,message:C()?"正在加载...":"正在加载，请稍候...",isActive:!1,width:30,type:0,targetPosition:"",delay:300},A=['<div class="f-loading-round"></div>',`<div class="f-loading-dot-wrapper">
       <div class="f-loading-dot">
           <div class="dot dot1"></div>
           <div class="dot dot2"></div>
           <div class="dot dot3"></div>
           <div class="dot dot4"></div>
       </div>
-  </div>`,'<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="lds-coffee"><defs><linearGradient id="gradient" x1="0%" x2="0%" y1="0%" y2="100%"><stop offset="10%" stop-color="black" stop-opacity="0"></stop><stop offset="100%" stop-color="white" stop-opacity="1"></stop></linearGradient><mask id="mask" maskUnits="userSpaceOnUse" x="0" y="0" width="100" height="100"><rect x="22" y="8" width="56" height="54" fill="url(#gradient)"></rect></mask><path id="steam" d="M0-4c-2.1,2.6-2.1,6.4,0,9l0,0c2.1,2.6,2.1,6.4,0,9l0,0c-2.1,2.6-2.1,6.4,0,9l0,0c2.1,2.6,2.1,6.4,0,9l0,0 c-2.1,2.6-2.1,6.4,0,9l0,0c2.1,2.6,2.1,6.4,0,9c-2.1,2.6-2.1,6.4,0,9l0,0c2.1,2.6,2.1,6.4,0,9l0,0c-2.1,2.6-2.1,6.4,0,9l0,0 c2.1,2.6,2.1,6.4,0,9l0,0c-2.1,2.6-2.1,6.4,0,9l0,0c2.1,2.6,2.1,6.4,0,9c-2.1,2.6-2.1,6.4,0,9l0,0c2.1,2.6,2.1,6.4,0,9l0,0 c-2.1,2.6-2.1,6.4,0,9h0c2.1,2.6,2.1,6.4,0,9h0c-2.1,2.6-2.1,6.4,0,9h0c2.1,2.6,2.1,6.4,0,9" stroke-width="6" stroke-linecap="round" fill="#f00" stroke="#58a8f6"></path></defs><g mask="url(#mask)"><use x="29" y="1.00876" href="#steam"><animate attributeName="y" calcMode="linear" values="4;-14" keyTimes="0;1" dur="0.5" begin="0s" repeatCount="indefinite"></animate></use><use x="47" y="-5.98248" href="#steam"><animate attributeName="y" calcMode="linear" values="0;-18" keyTimes="0;1" dur="0.25" begin="0s" repeatCount="indefinite"></animate></use><use x="64" y="-8.48686" href="#steam"><animate attributeName="y" calcMode="linear" values="-4;-22" keyTimes="0;1" dur="0.3333333333333333" begin="0s" repeatCount="indefinite"></animate></use></g><path d="M81.2,52.5l-5.2,0V49c0-1.6-1.3-3-3-3H20c-1.6,0-3,1.3-3,3v11.6C17,71.3,25.7,80,36.5,80h20.1 c7.1,0,13.3-3.8,16.7-9.5h8.3c5.2,0,9.3-4.4,9-9.6C90.2,56.1,86,52.5,81.2,52.5z M81.5,67.5h-6.8c0.8-2.2,1.3-4.5,1.3-7v-5h5.5 c3.3,0,6,2.7,6,6S84.8,67.5,81.5,67.5z" fill="#58a8f6"></path><path d="M78.8,88H19.2c-1.1,0-2-0.9-2-2s0.9-2,2-2h59.5c1.1,0,2,0.9,2,2S79.9,88,78.8,88z" fill="rgba(80.78431372549018%,94.50980392156862%,72.15686274509802%,0)"></path></svg>'],f=e.defineComponent({name:"FLoading",props:x,emits:["closed","hidden"],setup(t,a){const i=C,l=e.ref(t.showMessage),s=e.ref(t.isActive),g=e.ref(t.message),m=e.ref(t.width),d=e.ref(t.type),y=e.ref(null),c=e.ref(null),h=e.ref(!1);let u="",p;const T=e.computed(()=>d.value&&d.value in[0,1,2]?d.value:0);e.onMounted(()=>{M()});const V=e.computed(()=>{const n={visibility:h.value?"visible":"hidden",transform:"translate(-50%,-50%)"};return t.target===document.body&&(n.position="fixed"),n});function M(){s.value&&!p&&(p=setTimeout(()=>{p=null,F(),h.value=!0},t.delay)),s.value||p&&(clearTimeout(p),p=null)}function j(n){u=n}function z(){return u}function S(n=()=>{}){s.value=!1,h.value=!1,a.emit("closed",{loadingId:u,callback:n})}function F(){const n=O();y.value&&y.value.style&&(y.value.style.zIndex=(n+1).toString()),c.value&&c.value.style&&(c.value.style.zIndex=(n+1).toString())}function O(n=1){const B=["body>.f-datagrid-settings-simple-host","body>div","body>farris-dialog>.farris-modal.show","body>.farris-modal.show","body>farris-filter-panel>.f-filter-panel-wrapper","body .f-sidebar-show>.f-sidebar-main","body>.popover.show","body>filter-row-panel>.f-datagrid-filter-panel","body>.f-section-maximize"],H=Array.from(document.body.querySelectorAll(B.join(","))).filter(v=>v).map(v=>{const{display:q,zIndex:E}=window.getComputedStyle(v);return q==="none"?0:parseInt(E,10)}).filter(v=>v);let b=Math.max(...H);return b<1040&&(b=1040),b+n}a.expose({close:S,setLoadingId:j,getLoadingId:z}),e.watch(()=>t.isActive,n=>{s.value=n,M(),n||S()});function D(n){n.stopPropagation()}return()=>e.createVNode(e.Fragment,null,[s.value&&e.createVNode("div",{ref:y,onClick:D,class:"farris-loading-backdrop loading-wait"},null),s.value&&e.createVNode("div",{ref:c,class:"farris-loading",style:V.value},[e.createVNode("div",{class:"ng-busy-default-wrapper"},[e.createVNode("div",{class:"ng-busy-default-sign"},[e.createVNode("div",{style:[{display:"inline-block"},{margin:"4px"},{width:m.value+"px"},{height:m.value+"px"}],innerHTML:i[T.value]},null),l.value&&e.createVNode("div",{class:"ng-busy-default-text",style:"margin-left:0;",innerHTML:g.value},null)])])])])}});let k=-1;const r={};function N(t){const a=document.createElement("div"),i=t.target||document.body,l=!!t.targetPosition;let s="unset";if(l){const{position:d}=window.getComputedStyle(i);s=d,i.style.position=t.targetPosition}const g=A();k=g;const m=e.createApp({setup(){const d=e.ref(t.message);d.value==="正在加载，请稍候..."&&(d.value=w.LocaleService.getLocaleValue("loading.message"));const y={...t,message:d.value},c=e.ref();e.onUnmounted(()=>{l&&(i.style.position=s),a.remove()}),e.onMounted(()=>{c.value&&c.value.setLoadingId(g)});function h(u){m.unmount(),u.callback&&u.callback(),delete r[u.loadingId]}return r[g]=c,()=>e.createVNode(f,e.mergeProps({ref:c},y,{onClosed:h}),null)}});return i.style=i.style?i.style:{},i.appendChild(a),m.use(w.LocaleService.i18n),m.mount(a),r[g]}function P(){const t=Object.keys(r).map(a=>parseInt(a,10));return t.length?Math.max(...t):0}function A(){return P()+1}class L{static show(a){const l={...{...I,isActive:!0,target:document.body,targetPosition:""},...a};return N(l)}static close(a,i=()=>{}){const s=r[a||k];s&&s.value.close(i)}static clearAll(){const a=Object.keys(r);a.length&&a.forEach(i=>{const l=r[i];l&&l.value.close()})}}f.install=t=>{t.component(f.name,f),t.provide("FLoadingService",L)},o.DefaultLoadingProps=I,o.FLoading=f,o.FLoadingService=L,o.default=f,o.loadingProps=x,Object.defineProperties(o,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+  </div>`,'<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="lds-coffee"><defs><linearGradient id="gradient" x1="0%" x2="0%" y1="0%" y2="100%"><stop offset="10%" stop-color="black" stop-opacity="0"></stop><stop offset="100%" stop-color="white" stop-opacity="1"></stop></linearGradient><mask id="mask" maskUnits="userSpaceOnUse" x="0" y="0" width="100" height="100"><rect x="22" y="8" width="56" height="54" fill="url(#gradient)"></rect></mask><path id="steam" d="M0-4c-2.1,2.6-2.1,6.4,0,9l0,0c2.1,2.6,2.1,6.4,0,9l0,0c-2.1,2.6-2.1,6.4,0,9l0,0c2.1,2.6,2.1,6.4,0,9l0,0 c-2.1,2.6-2.1,6.4,0,9l0,0c2.1,2.6,2.1,6.4,0,9c-2.1,2.6-2.1,6.4,0,9l0,0c2.1,2.6,2.1,6.4,0,9l0,0c-2.1,2.6-2.1,6.4,0,9l0,0 c2.1,2.6,2.1,6.4,0,9l0,0c-2.1,2.6-2.1,6.4,0,9l0,0c2.1,2.6,2.1,6.4,0,9c-2.1,2.6-2.1,6.4,0,9l0,0c2.1,2.6,2.1,6.4,0,9l0,0 c-2.1,2.6-2.1,6.4,0,9h0c2.1,2.6,2.1,6.4,0,9h0c-2.1,2.6-2.1,6.4,0,9h0c2.1,2.6,2.1,6.4,0,9" stroke-width="6" stroke-linecap="round" fill="#f00" stroke="#58a8f6"></path></defs><g mask="url(#mask)"><use x="29" y="1.00876" href="#steam"><animate attributeName="y" calcMode="linear" values="4;-14" keyTimes="0;1" dur="0.5" begin="0s" repeatCount="indefinite"></animate></use><use x="47" y="-5.98248" href="#steam"><animate attributeName="y" calcMode="linear" values="0;-18" keyTimes="0;1" dur="0.25" begin="0s" repeatCount="indefinite"></animate></use><use x="64" y="-8.48686" href="#steam"><animate attributeName="y" calcMode="linear" values="-4;-22" keyTimes="0;1" dur="0.3333333333333333" begin="0s" repeatCount="indefinite"></animate></use></g><path d="M81.2,52.5l-5.2,0V49c0-1.6-1.3-3-3-3H20c-1.6,0-3,1.3-3,3v11.6C17,71.3,25.7,80,36.5,80h20.1 c7.1,0,13.3-3.8,16.7-9.5h8.3c5.2,0,9.3-4.4,9-9.6C90.2,56.1,86,52.5,81.2,52.5z M81.5,67.5h-6.8c0.8-2.2,1.3-4.5,1.3-7v-5h5.5 c3.3,0,6,2.7,6,6S84.8,67.5,81.5,67.5z" fill="#58a8f6"></path><path d="M78.8,88H19.2c-1.1,0-2-0.9-2-2s0.9-2,2-2h59.5c1.1,0,2,0.9,2,2S79.9,88,78.8,88z" fill="rgba(80.78431372549018%,94.50980392156862%,72.15686274509802%,0)"></path></svg>'],y=e.defineComponent({name:"FLoading",props:M,emits:["closed","hidden"],setup(t,n){const a=A,l=e.ref(t.showMessage),o=e.ref(t.isActive),u=e.ref(t.message),f=e.ref(t.width),d=e.ref(t.type),r=e.ref(null),c=e.ref(null),h=e.ref(!1);let m="",p;const O=e.computed(()=>d.value&&d.value in[0,1,2]?d.value:0);e.onMounted(()=>{S()});const j=e.computed(()=>{const i={visibility:h.value?"visible":"hidden",transform:"translate(-50%,-50%)"};return t.target===document.body&&(i.position="fixed"),i});function S(){o.value&&!p&&(p=setTimeout(()=>{p=null,D(),h.value=!0},t.delay)),o.value||p&&(clearTimeout(p),p=null)}function z(i){m=i}function B(){return m}function L(i=()=>{}){o.value=!1,h.value=!1,n.emit("closed",{loadingId:m,callback:i})}function D(){const i=F();r.value&&r.value.style&&(r.value.style.zIndex=(i+1).toString()),c.value&&c.value.style&&(c.value.style.zIndex=(i+1).toString())}function F(i=1){const E=["body>.f-datagrid-settings-simple-host","body>div","body>farris-dialog>.farris-modal.show","body>.farris-modal.show","body>farris-filter-panel>.f-filter-panel-wrapper","body .f-sidebar-show>.f-sidebar-main","body>.popover.show","body>filter-row-panel>.f-datagrid-filter-panel","body>.f-section-maximize"],q=Array.from(document.body.querySelectorAll(E.join(","))).filter(v=>v).map(v=>{const{display:G,zIndex:U}=window.getComputedStyle(v);return G==="none"?0:parseInt(U,10)}).filter(v=>v);let b=Math.max(...q);return b<1040&&(b=1040),b+i}n.expose({close:L,setLoadingId:z,getLoadingId:B}),e.watch(()=>t.isActive,i=>{o.value=i,S(),i||L()});function H(i){i.stopPropagation()}return()=>e.createVNode(e.Fragment,null,[o.value&&e.createVNode("div",{ref:r,onClick:H,class:"farris-loading-backdrop loading-wait"},null),o.value&&e.createVNode("div",{ref:c,class:"farris-loading",style:j.value},[e.createVNode("div",{class:"ng-busy-default-wrapper"},[e.createVNode("div",{class:"ng-busy-default-sign"},[e.createVNode("div",{style:[{display:"inline-block"},{margin:"4px"},{width:f.value+"px"},{height:f.value+"px"}],innerHTML:a[O.value]},null),l.value&&e.createVNode("div",{class:"ng-busy-default-text",style:"margin-left:0;",innerHTML:u.value},null)])])])])}});let x=-1;const g={};function N(t){const n=document.createElement("div"),a=t.target||document.body,l=!!t.targetPosition;let o="unset";if(l){const{position:d}=window.getComputedStyle(a);o=d,a.style.position=t.targetPosition}const u=V();x=u;const f=e.createApp({setup(){const d=e.ref(t.message);d.value==="正在加载，请稍候..."&&(d.value=w.LocaleService.getLocaleValue("loading.message"));const r={...t,message:d.value},c=e.ref();e.onUnmounted(()=>{l&&(a.style.position=o),n.remove()}),e.onMounted(()=>{c.value&&c.value.setLoadingId(u)});function h(m){f.unmount(),m.callback&&m.callback(),delete g[m.loadingId]}return g[u]=c,()=>e.createVNode(y,e.mergeProps({ref:c},r,{onClosed:h}),null)}});return a.style=a.style?a.style:{},a.appendChild(n),f.use(w.LocaleService.i18n),f.mount(n),g[u]}function T(){const t=Object.keys(g).map(n=>parseInt(n,10));return t.length?Math.max(...t):0}function V(){return T()+1}class I{static show(n){const l={...{...k,isActive:!0,target:document.body,targetPosition:""},...n};return N(l)}static close(n,a=()=>{}){const o=g[n||x];o&&o.value.close(a)}static clearAll(){const n=Object.keys(g);n.length&&n.forEach(a=>{const l=g[a];l&&l.value.close()})}}y.install=t=>{t.component(y.name,y),t.provide("FLoadingService",I)},s.DefaultLoadingProps=k,s.FLoading=y,s.FLoadingService=I,s.default=y,s.loadingProps=M,Object.defineProperties(s,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});