@farris/ui-vue 1.6.5-beta.7 → 1.6.5

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

@@ -1,6 +1,6 @@
-(function(H,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("../common/index.umd.js"),require("../data-view/index.umd.js"),require("vue-i18n"),require("../checkbox/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../common/index.umd.js","../data-view/index.umd.js","vue-i18n","../checkbox/index.umd.js"],e):(H=typeof globalThis<"u"?globalThis:H||self,e(H["list-view"]={},H.Vue,H.common,H.dataView,H.vueI18n,H.checkbox))})(this,function(H,e,_,O,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(a){const s=[];let h=a.nextNode();for(;h;)s.push(h),h=a.nextNode();return s}function I(a,s){const h=document.createTreeWalker(a,NodeFilter.SHOW_TEXT);return v(h).map(C=>({textNode:C,text:(C.textContent||"").toLocaleLowerCase()})).map(({textNode:C,text:c})=>{const i=[];let F=0;for(;F<c.length;){const y=c.indexOf(s,F);if(y===-1)break;i.push(y),F=y+s.length}return i.map(y=>{const w=new Range;return w.setStart(C,y),w.setEnd(C,y+s.length),w})}).flat()}function p(a){if(!CSS.highlights||(CSS.highlights.clear(),!a||!o))return;const s=I(o.value,a.toLocaleLowerCase()),h=new Highlight(...s);CSS.highlights.set("search-result",h)}return{search:p}}function X(t,o,v,I,p,a,s,h,M,g){const D=e.ref(t.size),C=e.ref(t.textField),c=e.ref(t.titleField),i=e.ref(t.disableField),F=e.computed(()=>{var n,m;return((n=t.selection)==null?void 0:n.multiSelect)&&((m=t.selection)==null?void 0:m.showCheckbox)}),{onMouseenterItem:y,onMouseoverItem:w,onMouseoutItem:b}=a,{getKey:k,listViewItemClass:T,listViewItemStyle:x,onCheckItem:B,onClickItem:r}=s,l=e.computed(()=>{const n={"text-overflow":"ellipsis",overflow:"hidden","white-space":"nowrap"};return t.itemClass?n:{margin:D.value==="small"?"0.25rem 0":"8px 0",...n}});function f(n,m,P){return n.checked=h.findIndexInSelectedItems(n)>-1,e.createVNode("li",{class:T(n,m),id:k(n,m),key:k(n,m),style:x(n,m),onClick:R=>r(n,m,R),onMouseenter:R=>y(R,n,m),onMouseover:R=>w(R,n,m),onMouseout:R=>b(R,n,m)},[F.value&&e.createVNode("div",{class:"f-list-select",onClick:R=>R.stopPropagation()},[e.createVNode(q.FCheckbox,{id:"list-"+k(n,m),customClass:"listview-checkbox float-left",disabled:n[i.value],checked:n.checked,"onUpdate:checked":R=>n.checked=R,onChange:R=>{B(n,m,!R.checked)}},null)]),e.createVNode("div",{class:"f-list-content"},[e.createVNode("div",{class:t.itemContentClass,style:l.value,title:n.raw[c.value]||n.raw[C.value]},[n.raw[C.value]])])])}return{renderItem:f}}function Z(t,o,v,I,p,a,s,h,M,g){const D=e.ref(t.multiSelect),C=e.ref(t.disableField),c=e.ref(t.textField),{onMouseenterItem:i,onMouseoverItem:F,onMouseoutItem:y}=a,{getKey:w,listViewItemClass:b,listViewItemStyle:k,onCheckItem:T,onClickItem:x}=s;function B(l,f,n){return t.contentTemplate?e.createVNode(e.Fragment,null,[t.contentTemplate({item:l.raw,index:f,selectedItem:n})]):o.slots.content?e.createVNode(e.Fragment,null,[o.slots.content&&o.slots.content({item:l.raw,index:f,selectedItem:n})]):e.createVNode("div",{style:"margin: 10px 0;"},[l.raw[c.value||"name"]])}function r(l,f,n){return e.createVNode("li",{class:b(l,f),id:w(l,f),key:w(l,f),style:k(l,f),onClick:m=>x(l,f,m),onMouseenter:m=>i(m,l,f),onMouseover:m=>F(m,l,f),onMouseout:m=>y(m,l,f)},[D.value&&e.createVNode("div",{class:"f-list-select",onClick:m=>m.stopPropagation()},[e.createVNode(q.FCheckbox,{id:"list-"+w(l,f),customClass:"listview-checkbox",disabled:l[C.value]||!l.checked,checked:l.checked,"onUpdate:checked":m=>l.checked=m,onChange:m=>T(l,f,!m.checked)},null)]),e.createVNode("div",{class:"f-list-content"},[B(l,f,n)])])}return{renderItem:r}}function ee(t,o,v,I,p,a,s,h,M,g){const D=e.ref(t.multiSelect),C=e.ref(t.disableField),c=e.ref(t.textField),{onMouseenterItem:i,onMouseoverItem:F,onMouseoutItem:y}=a,{getKey:w,listViewItemClass:b,onCheckItem:k,onClickItem:T}=s,{dragstart:x,dragenter:B,dragover:r,dragend:l}=I,{removeItem:f}=M,n=e.computed(()=>({margin:D.value?"10px 0":"10px 0px 10px 14px"}));function m(u,d=""){const j=u.target;j.title=j.scrollWidth>j.clientWidth?d:""}function P(u){return e.createVNode("div",{style:n.value,onMouseenter:d=>m(d,u.raw[c.value||"name"])},[u.raw[c.value||"name"]])}function R(){return o.slots.itemContent?o.slots.itemContent:P}const A=R();function S(u,d,j){return e.createVNode("li",{class:b(u,d),id:w(u,d),key:w(u,d),onClick:N=>T(u,d,N),onMouseenter:N=>i(N,u,d),onMouseover:N=>F(N,u,d),onMouseout:N=>y(N,u,d),draggable:"true",onDragstart:N=>x(N,u,d),onDragenter:N=>B(N,d),onDragend:N=>l(N,u),onDragover:N=>r(N)},[D.value&&e.createVNode("div",{class:"f-list-select",onClick:N=>N.stopPropagation()},[e.createVNode(q.FCheckbox,{id:"list-"+w(u,d),customClass:"listview-checkbox",disabled:u[C.value]||!u.checked,checked:u.checked,"onUpdate:checked":N=>u.checked=N,onChange:N=>k(u,d,!N.checked)},null)]),e.createVNode("div",{class:"f-list-content"},[A(u)]),e.createVNode("div",{class:"f-list-remove",onClick:N=>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:S}}function te(t,o,v,I,p,a,s,h,M,g){var w;const D=e.ref(((w=t.group)==null?void 0:w.groupFields)||[]),{collpaseGroupIconClass:C}=p,{toggleGroupRow:c}=g;function i(b,k){k.collapse=!k.collapse,v.value=c(k.collapse?"collapse":"expand",k,v.value)}function F(b,k,T){return o.slots.group?e.createVNode(e.Fragment,null,[o.slots.content&&o.slots.group({item:b.raw,index:k,selectedItem:T})]):e.createVNode("div",{class:"f-navlookup-recentHeader",onClick:x=>i(x,b)},[e.createVNode("div",{class:"fv-grid-group-row-icon"},[e.createVNode("span",{class:C(b)},null)]),e.createVNode("div",{class:"f-navlookup-recommandLabel"},[b.raw[D.value[b.layer]]])])}function y(b,k,T){return b.layer>-1&&F(b,k,T)}return{renderItem:y}}function ne(t,o,v,I){const{dataView:p}=v,{updateSelectedItems:a}=I;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);a(),o.emit("removeItem",M[0])}}return{removeItem:s}}function oe(t,o,v,I,p,a,s,h,M,g){const{t:D}=J.useI18n(),C=e.ref(t.view),c=e.ref(t.view==="CardView"),i=e.ref({}),F=e.ref(D("listView.emptyMessage")),y=ne(t,o,I,M),w=e.computed(()=>({"f-list-view-group":!0,"f-list-view-group-multiselect":t.multiSelect,"d-flex":c.value,"flex-wrap":c.value})),b=e.computed(()=>!!v.value&&v.value.length>0),k=e.computed(()=>v.value.length===0);e.computed(()=>k.value&&!o.slots.empty);function T(){return C.value==="SingleView"?X:C.value==="DraggableView"?ee:(C.value==="ContentView"||C.value==="CardView")&&(t.contentTemplate||o.slots.content)?Z:X}const x=T(),{renderItem:B}=x(t,o,v,g,p,a,M,s,y,h),{renderItem:r}=te(t,o,v,g,p,a,M,s,y,h),l=[B,r];function f(){return v.value.filter(P=>P.visible!==!1).map((P,R)=>l[P.type](P,R,i))}function n(){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():F.value])])}function m(){return e.createVNode("ul",{class:w.value,style:"list-style: none;"},[b.value&&f(),k.value&&n()])}return{renderListArea:m}}function ae(t,o,v){function I(){return o.slots.header&&e.createVNode("div",{class:"f-list-view-header"},[o.slots.header()])}return{renderHeader:I}}function Y(t,o,v){const I=e.ref(t.headerClass),p=e.ref(t.placeholder),a=e.ref(""),s=e.computed(()=>!a.value),h=e.computed(()=>!!a.value);function M(c){a.value=""}e.watch(a,c=>{t.enableHighlightSearch&&v.search(c),o.emit("afterSearch",c)});const g=e.computed(()=>{const c={"form-group":!0,"farris-form-group":!0};return I.value&&I.value.split(" ").reduce((F,y)=>(F[y]=!0,F),c),c});function D(c){}function C(){return e.createVNode("div",{class:"f-list-view-header",onClick:e.withModifiers(()=>D,["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=>a.value=c,name:"input-group-value",type:"text",placeholder:p.value,autocomplete:"off"},null),[[e.vModelText,a.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:C}}function le(){const t=e.ref(""),o=e.ref(-1),v=e.ref(""),I=e.ref(-1),p=e.ref(!1);function a(C,c,i){I.value=i}function s(C,c,i){p.value||(I.value=i)}function h(C,c,i){I.value=-1}function M(){p.value=!0}function g(){p.value=!1}function D(){o.value=-1,t.value=""}return{activeIndex:o,focusedItemId:v,hoverIndex:I,clearActiveItem:D,onMouseenterItem:a,onMouseoverItem:s,onMouseoutItem:h,resumeHover:g,suspendHover:M}}function se(t,o,v,I){const p=e.ref(t.idField),{dataView:a}=v,s=e.ref(-1),h=e.ref(!1),{activeIndex:M,focusedItemId:g,hoverIndex:D,resumeHover:C,suspendHover:c}=I;let i,F=0,y=0;function w(r,l){const f=r-F,n=l-y;i.style.left=parseInt(i.style.left)+f+"px",i.style.top=parseInt(i.style.top)+n+"px",F=r,y=l}function b(r){const{left:l,top:f}=r.getBoundingClientRect(),n=r.cloneNode(!0);return n.style.cssText=`
+(function(H,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("../common/index.umd.js"),require("../data-view/index.umd.js"),require("vue-i18n"),require("../checkbox/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../common/index.umd.js","../data-view/index.umd.js","vue-i18n","../checkbox/index.umd.js"],e):(H=typeof globalThis<"u"?globalThis:H||self,e(H["list-view"]={},H.Vue,H.common,H.dataView,H.vueI18n,H.checkbox))})(this,function(H,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 S(l,s){const h=document.createTreeWalker(l,NodeFilter.SHOW_TEXT);return v(h).map(C=>({textNode:C,text:(C.textContent||"").toLocaleLowerCase()})).map(({textNode:C,text:c})=>{const i=[];let F=0;for(;F<c.length;){const I=c.indexOf(s,F);if(I===-1)break;i.push(I),F=I+s.length}return i.map(I=>{const y=new Range;return y.setStart(C,I),y.setEnd(C,I+s.length),y})}).flat()}function p(l){if(!CSS.highlights||(CSS.highlights.clear(),!l||!o))return;const s=S(o.value,l.toLocaleLowerCase()),h=new Highlight(...s);CSS.highlights.set("search-result",h)}return{search:p}}function X(t,o,v,S,p,l,s,h,M,g){const D=e.ref(t.size),C=e.ref(t.textField),c=e.ref(t.titleField),i=e.ref(t.disableField),F=e.computed(()=>{var n,m;return((n=t.selection)==null?void 0:n.multiSelect)&&((m=t.selection)==null?void 0:m.showCheckbox)}),{onMouseenterItem:I,onMouseoverItem:y,onMouseoutItem:N}=l,{getKey:k,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:D.value==="small"?"0.25rem 0":"8px 0",...n}});function f(n,m,P){return n.checked=h.findIndexInSelectedItems(n)>-1,e.createVNode("li",{class:T(n,m),id:k(n,m),key:k(n,m),style:x(n,m),onClick:O=>r(n,m,O),onMouseenter:O=>I(O,n,m),onMouseover:O=>y(O,n,m),onMouseout:O=>N(O,n,m)},[F.value&&e.createVNode("div",{class:"f-list-select",onClick:O=>O.stopPropagation()},[e.createVNode(q.FCheckbox,{id:"list-"+k(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[C.value]},[n.raw[C.value]])])])}return{renderItem:f}}function Z(t,o,v,S,p,l,s,h,M,g){const D=e.ref(t.multiSelect),C=e.ref(t.disableField),c=e.ref(t.textField),{onMouseenterItem:i,onMouseoverItem:F,onMouseoutItem:I}=l,{getKey:y,listViewItemClass:N,listViewItemStyle:k,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:y(a,f),key:y(a,f),style:k(a,f),onClick:m=>x(a,f,m),onMouseenter:m=>i(m,a,f),onMouseover:m=>F(m,a,f),onMouseout:m=>I(m,a,f)},[D.value&&e.createVNode("div",{class:"f-list-select",onClick:m=>m.stopPropagation()},[e.createVNode(q.FCheckbox,{id:"list-"+y(a,f),customClass:"listview-checkbox",disabled:a[C.value]||!a.checked,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,S,p,l,s,h,M,g){const D=e.ref(t.multiSelect),C=e.ref(t.disableField),c=e.ref(t.textField),{onMouseenterItem:i,onMouseoverItem:F,onMouseoutItem:I}=l,{getKey:y,listViewItemClass:N,onCheckItem:k,onClickItem:T}=s,{dragstart:x,dragenter:B,dragover:r,dragend:a}=S,{removeItem:f}=M,n=e.computed(()=>({margin:D.value?"10px 0":"10px 0px 10px 14px"}));function m(u,d=""){const j=u.target;j.title=j.scrollWidth>j.clientWidth?d:""}function P(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:P}const G=O();function w(u,d,j){return e.createVNode("li",{class:N(u,d),id:y(u,d),key:y(u,d),onClick:b=>T(u,d,b),onMouseenter:b=>i(b,u,d),onMouseover:b=>F(b,u,d),onMouseout:b=>I(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)},[D.value&&e.createVNode("div",{class:"f-list-select",onClick:b=>b.stopPropagation()},[e.createVNode(q.FCheckbox,{id:"list-"+y(u,d),customClass:"listview-checkbox",disabled:u[C.value]||!u.checked,checked:u.checked,"onUpdate:checked":b=>u.checked=b,onChange:b=>k(u,d,!b.checked)},null)]),e.createVNode("div",{class:"f-list-content"},[G(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:w}}function te(t,o,v,S,p,l,s,h,M,g){var y;const D=e.ref(((y=t.group)==null?void 0:y.groupFields)||[]),{collpaseGroupIconClass:C}=p,{toggleGroupRow:c}=g;function i(N,k){k.collapse=!k.collapse,v.value=c(k.collapse?"collapse":"expand",k,v.value)}function F(N,k,T){return o.slots.group?e.createVNode(e.Fragment,null,[o.slots.content&&o.slots.group({item:N.raw,index:k,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:C(N)},null)]),e.createVNode("div",{class:"f-navlookup-recommandLabel"},[N.raw[D.value[N.layer]]])])}function I(N,k,T){return N.layer>-1&&F(N,k,T)}return{renderItem:I}}function ne(t,o,v,S){const{dataView:p}=v,{updateSelectedItems:l}=S;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,S,p,l,s,h,M,g){const{t:D}=J.useI18n(),C=e.ref(t.view),c=e.ref(t.view==="CardView"),i=e.ref({}),F=e.ref(D("listView.emptyMessage")),I=ne(t,o,S,M),y=e.computed(()=>({"f-list-view-group":!0,"f-list-view-group-multiselect":t.multiSelect,"d-flex":c.value,"flex-wrap":c.value})),N=e.computed(()=>!!v.value&&v.value.length>0),k=e.computed(()=>v.value.length===0);e.computed(()=>k.value&&!o.slots.empty);function T(){return C.value==="SingleView"?X:C.value==="DraggableView"?ee:(C.value==="ContentView"||C.value==="CardView")&&(t.contentTemplate||o.slots.content)?Z:X}const x=T(),{renderItem:B}=x(t,o,v,g,p,l,M,s,I,h),{renderItem:r}=te(t,o,v,g,p,l,M,s,I,h),a=[B,r];function f(){return v.value.filter(P=>P.visible!==!1).map((P,O)=>a[P.type](P,O,i))}function n(){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():F.value])])}function m(){return e.createVNode("ul",{class:y.value,style:"list-style: none;"},[N.value&&f(),k.value&&n()])}return{renderListArea:m}}function le(t,o,v){function S(){return o.slots.header&&e.createVNode("div",{class:"f-list-view-header"},[o.slots.header()])}return{renderHeader:S}}function Y(t,o,v){const S=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 S.value&&S.value.split(" ").reduce((F,I)=>(F[I]=!0,F),c),c});function D(c){}function C(){return e.createVNode("div",{class:"f-list-view-header",onClick:e.withModifiers(()=>D,["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:C}}function ae(){const t=e.ref(""),o=e.ref(-1),v=e.ref(""),S=e.ref(-1),p=e.ref(!1);function l(C,c,i){S.value=i}function s(C,c,i){p.value||(S.value=i)}function h(C,c,i){S.value=-1}function M(){p.value=!0}function g(){p.value=!1}function D(){o.value=-1,t.value=""}return{activeIndex:o,focusedItemId:v,hoverIndex:S,clearActiveItem:D,onMouseenterItem:l,onMouseoverItem:s,onMouseoutItem:h,resumeHover:g,suspendHover:M}}function se(t,o,v,S){const p=e.ref(t.idField),{dataView:l}=v,s=e.ref(-1),h=e.ref(!1),{activeIndex:M,focusedItemId:g,hoverIndex:D,resumeHover:C,suspendHover:c}=S;let i,F=0,I=0;function y(r,a){const f=r-F,n=a-I;i.style.left=parseInt(i.style.left)+f+"px",i.style.top=parseInt(i.style.top)+n+"px",F=r,I=a}function N(r){const{left:a,top:f}=r.getBoundingClientRect(),n=r.cloneNode(!0);return n.style.cssText=`
         position:absolute;
-        left:${l}px;
+        left:${a}px;
         top:${document.documentElement.scrollTop?f+document.documentElement.scrollTop:f}px;
         z-index: 999999;
         border: 1px solid #e2e3e5;
@@ -17,4 +17,4 @@
         `,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 k(r,l,f){if(r.stopPropagation(),c(),l){if(i=b(r.target),r.dataTransfer){const n=new Image;n.src="",r.dataTransfer.setDragImage(n,0,0)}F=r.pageX,y=r.pageY,setTimeout(()=>{s.value=f,h.value=!0,l.moving=!0})}}function T(r,l){if(r.preventDefault(),s.value!==l){const f=a.value[s.value],n=a.value;n.splice(s.value,1),n.splice(l,0,f),s.value=l,w(r.pageX,r.pageY)}}function x(r){r.preventDefault(),r.dataTransfer&&(r.dataTransfer.dropEffect="move"),w(r.pageX,r.pageY)}function B(r,l){l&&(l.moving=!1,i&&(document.body.removeChild(i),i=null)),a.value.forEach((f,n)=>{f.__fv_index__=n}),h.value=!1,C(),D.value=l.raw.__fv_index__,M.value=l.raw.__fv_index__,g.value=l.raw[p.value],o.emit("change",a.value),o.emit("activeChange",[l.raw])}return{dragstart:k,dragenter:T,dragover:x,dragend:B,isDragging:h}}function ce(t,o,v,I,p,a){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),D=e.ref(t.selection.multiSelectMode),{isDragging:C}=I,{activeIndex:c,focusedItemId:i,hoverIndex:F}=p,{clearSelection:y,getSelectedItems:w,toggleSelectItem:b,currentSelectedDataId:k}=a,T=e.ref(w()),x=S=>T.value.length===0?!1:T.value.some(u=>{let d="";return u.data?d=u.data[s.value]:d=u[s.value],d===S});function B(){T.value=w()}function r(S,u){return S.raw[s.value]!=null?S.raw[s.value]:""}function l(S,u){const d={"f-list-view-group-item":!0,"f-list-view-draggable-item":M.value,"f-un-click":!S.checked,"f-un-select":!!S.raw[h.value],"f-listview-active":g.value&&x(r(S))||!g.value&&S.raw[s.value]===k.value,"f-listview-hover":!C.value&&u===F.value,moving:!!S.moving};if(typeof t.itemClass=="string")return _.getCustomClass(d,t.itemClass);if(typeof t.itemClass=="function"){const j=t.itemClass(S);return _.getCustomClass(d,j)}return d}function f(S,u){const d=g.value&&x(r(S))||!g.value&&S.raw[s.value]===k.value,j={};if(d&&(j.backgroundColor="#dae9ff"),typeof t.itemStyle=="string")return _.getCustomStyle(j,t.itemStyle);if(typeof t.itemStyle=="function"){const N=t.itemStyle(S);return _.getCustomStyle(j,N)}return j}const n=e.computed(()=>!g.value);function m(S,u,d){S.checked=d,!S.raw[h.value]&&(n.value&&(i.value=S.raw[s.value]),b(S))}const P=e.computed(()=>g.value&&D.value==="OnCheckClearByClick"),R=e.computed(()=>!g.value||g.value&&(D.value==="OnCheckAndClick"||D.value==="OnClick"));function A(S,u,d){if(S.raw[h.value]){d==null||d.preventDefault(),d==null||d.stopPropagation();return}i.value=S.raw[s.value],c.value=u,P.value&&y(),R.value&&(b(S),B()),o.emit("clickItem",{data:T.value,index:u,dataItem:S.raw}),o.emit("activeChange",T.value)}return{getKey:r,selectedItems:T,listViewItemClass:l,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(),I=e.ref(!0),p=e.ref(!1),a=e.ref([]),s=0,h=e.ref(t.columns),M=O.useFilter(t,o),g=O.useIdentify(t),D=O.useHierarchy(t),C=O.useGroupData(t,g),c=O.useDataView(t,new Map,M,D,g),i=O.useSelection(t,c,g,a,o),F=Q(t,v),y=O.usePagination(t,c),w=e.computed(()=>c.dataView.value.length),b=O.useRow(t,o,i,g),k=O.useEdit(t,o,g,b,a),T=O.useVisualDataBound(t),x=O.useVisualDataCell(t,{},T),B=O.useVisualDataRow(t,c,k,D,g,T,x),r=O.useVisualGroupRow(t,g,x,B),l=O.useVisualSummaryRow(t,g,x,B),f=O.useVisualData(t,h,c,w,s,B,r,l),{getVisualData:n}=f;a.value=n(0,w.value+s-1);const m=e.computed(()=>{const V={"f-list-view":!0,"f-list-view-multiple":t.multiSelect};return t.size!=="default"&&(V[`${t.size}-item`]=!0),_.getCustomClass(V,t.customClass)}),P=e.computed(()=>!!o.slots.footer||I.value);function R(){return t.header==="SearchBar"?Y:t.header==="ContentHeader"?ae:Y}const A=R(),{renderHeader:S}=A(t,o,F),u=le(),d=se(t,o,c,u),j=ce(t,o,a,d,u,i),{renderListArea:N}=oe(t,o,a,c,C,u,i,f,j,d);function ie(V){F.search(V)}function re(V){V&&(c.load(V),a.value=n(0,w.value+s-1))}function ue(){i.clearSelection(),u.clearActiveItem()}function de(){return j.selectedItems.value}function fe(){return j.selectedItems.value.map(V=>V[g.idField.value])}function $(V){i.selectedValues.value=V,j.updateSelectedItems()}function me(){return i.currentSelectedDataId.value}function ge(V){b.activeRowById(V)}function he(V){const L=g.idField.value,E=a.value.find(K=>K.raw[L]===V),z=a.value.findIndex(K=>K.raw[L]===V);E&&z>-1&&j.onClickItem(E,z)}function pe(V){const L=g.idField.value,E=a.value.find(z=>z.raw[L]===V);E&&b.changeRow(E)}function Ce(V){y.updatePagination(V)}function ve(V){return a.value.filter(L=>V.includes(L.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(V){t.multiSelect&&(V.preventDefault(),V.stopPropagation())}e.watch(()=>t.selectionValues,(V,L)=>{V!==L&&$(V)});const we=O.useSidebar(t,i),{sidebarWidth:Se,showSidebarCheckBox:be}=we,Ie=O.useColumn(t,o),{applyColumnSorter:Ne,columnContext:Ve,updateColumnRenderContext:Fe}=Ie,ke=O.useVirtualScroll(t,c,a,Ve,f,w,s,Se,k),{shouldRenderPagination:De}=y,{renderDataGridPagination:Te}=O.getPagination(t,o,c,ke,y,i);return()=>e.createVNode("div",{class:m.value,onClick:ye},[S(),e.createVNode("div",{ref:v,class:"f-list-view-content",onMouseover:()=>{p.value=!0},onMouseleave:()=>{p.value=!1}},[N()]),P.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"}],I=e.computed(()=>t.data.length>0?t.data:v);return()=>{var p;return e.createVNode(e.Fragment,null,[(p=I.value)==null?void 0:p.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])])])])]))])}}});G.install=t=>{t.component(G.name,G),t.component(W.name,W)},H.FListView=G,H.FListViewTable=W,H.default=G,H.listViewProps=U,Object.defineProperties(H,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+        `,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 k(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)}F=r.pageX,I=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,y(r.pageX,r.pageY)}}function x(r){r.preventDefault(),r.dataTransfer&&(r.dataTransfer.dropEffect="move"),y(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,C(),D.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:k,dragenter:T,dragover:x,dragend:B,isDragging:h}}function ce(t,o,v,S,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),D=e.ref(t.selection.multiSelectMode),{isDragging:C}=S,{activeIndex:c,focusedItemId:i,hoverIndex:F}=p,{clearSelection:I,getSelectedItems:y,toggleSelectItem:N,currentSelectedDataId:k}=l,T=e.ref(y()),x=w=>T.value.length===0?!1:T.value.some(u=>{let d="";return u.data?d=u.data[s.value]:d=u[s.value],d===w});function B(){T.value=y()}function r(w,u){return w.raw[s.value]!=null?w.raw[s.value]:""}function a(w,u){const d={"f-list-view-group-item":!0,"f-list-view-draggable-item":M.value,"f-un-click":!w.checked,"f-un-select":!!w.raw[h.value],"f-listview-active":g.value&&x(r(w))||!g.value&&w.raw[s.value]===k.value,"f-listview-hover":!C.value&&u===F.value,moving:!!w.moving};if(typeof t.itemClass=="string")return _.getCustomClass(d,t.itemClass);if(typeof t.itemClass=="function"){const j=t.itemClass(w);return _.getCustomClass(d,j)}return d}function f(w,u){const d=g.value&&x(r(w))||!g.value&&w.raw[s.value]===k.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(w);return _.getCustomStyle(j,b)}return j}const n=e.computed(()=>!g.value);function m(w,u,d){w.checked=d,!w.raw[h.value]&&(n.value&&(i.value=w.raw[s.value]),N(w))}const P=e.computed(()=>g.value&&D.value==="OnCheckClearByClick"),O=e.computed(()=>!g.value||g.value&&(D.value==="OnCheckAndClick"||D.value==="OnClick"));function G(w,u,d){if(w.raw[h.value]){d==null||d.preventDefault(),d==null||d.stopPropagation();return}i.value=w.raw[s.value],c.value=u,P.value&&I(),O.value&&(N(w),B()),o.emit("clickItem",{data:T.value,index:u,dataItem:w.raw}),o.emit("activeChange",T.value)}return{getKey:r,selectedItems:T,listViewItemClass:a,listViewItemStyle:f,updateSelectedItems:B,onCheckItem:m,onClickItem:G}}const A=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(),S=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),D=R.useHierarchy(t),C=R.useGroupData(t,g),c=R.useDataView(t,new Map,M,D,g),i=R.useSelection(t,c,g,l,o),F=Q(t,v),I=R.usePagination(t,c),y=e.computed(()=>c.dataView.value.length),N=R.useRow(t,o,i,g),k=R.useEdit(t,o,g,N,l),T=R.useVisualDataBound(t),x=R.useVisualDataCell(t,{},T),B=R.useVisualDataRow(t,c,k,D,g,T,x),r=R.useVisualGroupRow(t,g,x,B),a=R.useVisualSummaryRow(t,g,x,B),f=R.useVisualData(t,h,c,y,s,B,r,a),{getVisualData:n}=f;l.value=n(0,y.value+s-1);const m=e.computed(()=>{const V={"f-list-view":!0,"f-list-view-multiple":t.multiSelect};return t.size!=="default"&&(V[`${t.size}-item`]=!0),_.getCustomClass(V,t.customClass)}),P=e.computed(()=>!!o.slots.footer||S.value);function O(){return t.header==="SearchBar"?Y:t.header==="ContentHeader"?le:Y}const G=O(),{renderHeader:w}=G(t,o,F),u=ae(),d=se(t,o,c,u),j=ce(t,o,l,d,u,i),{renderListArea:b}=oe(t,o,l,c,C,u,i,f,j,d);function ie(V){F.search(V)}function re(V){V&&(c.load(V),l.value=n(0,y.value+s-1))}function ue(){i.clearSelection(),u.clearActiveItem()}function de(){return j.selectedItems.value}function fe(){return j.selectedItems.value.map(V=>V[g.idField.value])}function $(V){i.selectedValues.value=V,j.updateSelectedItems()}function me(){return i.currentSelectedDataId.value}function ge(V){N.activeRowById(V)}function he(V){const L=g.idField.value,E=l.value.find(K=>K.raw[L]===V),z=l.value.findIndex(K=>K.raw[L]===V);E&&z>-1&&j.onClickItem(E,z)}function pe(V){const L=g.idField.value,E=l.value.find(z=>z.raw[L]===V);E&&N.changeRow(E)}function Ce(V){I.updatePagination(V)}function ve(V){return l.value.filter(L=>V.includes(L.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(V){t.multiSelect&&(V.preventDefault(),V.stopPropagation())}e.watch(()=>t.selectionValues,(V,L)=>{V!==L&&$(V)});const we=R.useSidebar(t,i),{sidebarWidth:Se,showSidebarCheckBox:be}=we,Ie=R.useColumn(t,o),{applyColumnSorter:Ne,columnContext:Ve,updateColumnRenderContext:Fe}=Ie,ke=R.useVirtualScroll(t,c,l,Ve,f,y,s,Se,k);return R.getPagination(t,o,c,ke,I,i),()=>e.createVNode("div",{class:m.value,onClick:ye},[w(),e.createVNode("div",{ref:v,class:"f-list-view-content",onMouseover:()=>{p.value=!0},onMouseleave:()=>{p.value=!1}},[b()]),P.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"}],S=e.computed(()=>t.data.length>0?t.data:v);return()=>{var p;return e.createVNode(e.Fragment,null,[(p=S.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])])])])]))])}}});A.install=t=>{t.component(A.name,A),t.component(W.name,W)},H.FListView=A,H.FListViewTable=W,H.default=A,H.listViewProps=U,Object.defineProperties(H,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});