@farris/ui-vue 1.7.2-beta.1 → 1.7.2-beta.2

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

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