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

package/components/list-view/index.esm.js

@@ -111,7 +111,7 @@ function q(e, l, w, S, C, a, s, h, O, g) {
   }), {
     onMouseenterItem: k,
     onMouseoverItem: y,
-    onMouseoutItem: F
+    onMouseoutItem: D
   } = a, {
     getKey: V,
     listViewItemClass: T,
@@ -138,7 +138,7 @@ function q(e, l, w, S, C, a, s, h, O, g) {
       onClick: (B) => c(n, m, B),
       onMouseenter: (B) => k(B, n, m),
       onMouseover: (B) => y(B, n, m),
-      onMouseout: (B) => F(B, n, m)
+      onMouseout: (B) => D(B, n, m)
     }, [M.value && t("div", {
       class: "f-list-select",
       onClick: (B) => B.stopPropagation()
@@ -170,7 +170,7 @@ function Ne(e, l, w, S, C, a, s, h, O, g) {
     onMouseoutItem: k
   } = a, {
     getKey: y,
-    listViewItemClass: F,
+    listViewItemClass: D,
     listViewItemStyle: V,
     onCheckItem: T,
     onClickItem: H
@@ -190,7 +190,7 @@ function Ne(e, l, w, S, C, a, s, h, O, g) {
   }
   function c(o, v, n) {
     return t("li", {
-      class: F(o, v),
+      class: D(o, v),
       id: y(o, v),
       key: y(o, v),
       style: V(o, v),
@@ -223,7 +223,7 @@ function Ue(e, l, w, S, C, a, s, h, O, g) {
     onMouseoutItem: k
   } = a, {
     getKey: y,
-    listViewItemClass: F,
+    listViewItemClass: D,
     onCheckItem: V,
     onClickItem: T
   } = s, {
@@ -252,33 +252,35 @@ function Ue(e, l, w, S, C, a, s, h, O, g) {
   const A = B();
   function I(r, d, x) {
     return t("li", {
-      class: F(r, d),
+      class: D(r, d),
       id: y(r, d),
       key: y(r, d),
-      onClick: (D) => T(r, d, D),
-      onMouseenter: (D) => u(D, r, d),
-      onMouseover: (D) => M(D, r, d),
-      onMouseout: (D) => k(D, r, d),
+      onClick: (F) => T(r, d, F),
+      onMouseenter: (F) => u(F, r, d),
+      onMouseover: (F) => M(F, r, d),
+      onMouseout: (F) => k(F, r, d),
       draggable: "true",
-      onDragstart: (D) => H(D, r, d),
-      onDragenter: (D) => j(D, d),
-      onDragend: (D) => o(D, r),
-      onDragover: (D) => c(D)
+      onDragstart: (F) => H(F, r, d),
+      onDragenter: (F) => j(F, d),
+      onDragend: (F) => o(F, r),
+      onDragover: (F) => c(F)
     }, [R.value && t("div", {
       class: "f-list-select",
-      onClick: (D) => D.stopPropagation()
+      onClick: (F) => F.stopPropagation()
     }, [t(K, {
       id: "list-" + y(r, d),
       customClass: "listview-checkbox",
       disabled: r[p.value] || !r.checked,
       checked: r.checked,
-      "onUpdate:checked": (D) => r.checked = D,
-      onChange: (D) => V(r, d, !D.checked)
+      "onUpdate:checked": (F) => r.checked = F,
+      onChange: (F) => V(r, d, !F.checked)
     }, null)]), t("div", {
       class: "f-list-content"
     }, [A(r)]), t("div", {
       class: "f-list-remove",
-      onClick: (D) => v(d)
+      onClick: (F) => {
+        F.stopPropagation(), v(d);
+      }
     }, [t("div", {
       class: "f-list-remove-icon"
     }, [t("i", {
@@ -300,27 +302,27 @@ function We(e, l, w, S, C, a, s, h, O, g) {
   } = C, {
     toggleGroupRow: i
   } = g;
-  function u(F, V) {
+  function u(D, V) {
     V.collapse = !V.collapse, w.value = i(V.collapse ? "collapse" : "expand", V, w.value);
   }
-  function M(F, V, T) {
+  function M(D, V, T) {
     return l.slots.group ? t(z, null, [l.slots.content && l.slots.group({
-      item: F.raw,
+      item: D.raw,
       index: V,
       selectedItem: T
     })]) : t("div", {
       class: "f-navlookup-recentHeader",
-      onClick: (H) => u(H, F)
+      onClick: (H) => u(H, D)
     }, [t("div", {
       class: "fv-grid-group-row-icon"
     }, [t("span", {
-      class: p(F)
+      class: p(D)
     }, null)]), t("div", {
       class: "f-navlookup-recommandLabel"
-    }, [F.raw[R.value[F.layer]]])]);
+    }, [D.raw[R.value[D.layer]]])]);
   }
-  function k(F, V, T) {
-    return F.layer > -1 && M(F, V, T);
+  function k(D, V, T) {
+    return D.layer > -1 && M(D, V, T);
   }
   return {
     renderItem: k
@@ -346,7 +348,7 @@ function Xe(e, l, w, S, C, a, s, h, O, g) {
     "f-list-view-group-multiselect": e.multiSelect,
     "d-flex": i.value,
     "flex-wrap": i.value
-  })), F = P(() => !!w.value && w.value.length > 0), V = P(() => w.value.length === 0);
+  })), D = P(() => !!w.value && w.value.length > 0), V = P(() => w.value.length === 0);
   P(() => V.value && !l.slots.empty);
   function T() {
     return p.value === "SingleView" ? q : p.value === "DraggableView" ? Ue : (p.value === "ContentView" || p.value === "CardView") && (e.contentTemplate || l.slots.content) ? Ne : q;
@@ -371,7 +373,7 @@ function Xe(e, l, w, S, C, a, s, h, O, g) {
     return t("ul", {
       class: y.value,
       style: "list-style: none;"
-    }, [F.value && v(), V.value && n()]);
+    }, [D.value && v(), V.value && n()]);
   }
   return {
     renderListArea: m
@@ -479,7 +481,7 @@ function qe(e, l, w, S) {
     const v = c - M, n = o - k;
     u.style.left = parseInt(u.style.left) + v + "px", u.style.top = parseInt(u.style.top) + n + "px", M = c, k = o;
   }
-  function F(c) {
+  function D(c) {
     const { left: o, top: v } = c.getBoundingClientRect(), n = c.cloneNode(!0);
     return n.style.cssText = `
         position:absolute;
@@ -504,7 +506,7 @@ function qe(e, l, w, S) {
   }
   function V(c, o, v) {
     if (c.stopPropagation(), i(), o) {
-      if (u = F(c.target), c.dataTransfer) {
+      if (u = D(c.target), c.dataTransfer) {
         const n = new Image();
         n.src = "", c.dataTransfer.setDragImage(n, 0, 0);
       }
@@ -538,7 +540,7 @@ function qe(e, l, w, S) {
 function Je(e, l, w, S, C, a) {
   const s = f(e.idField), h = f(e.disableField), O = f(e.draggable);
   f(e.itemClass);
-  const g = f(e.selection.multiSelect ?? !1), R = f(e.selection.multiSelectMode), { isDragging: p } = S, { activeIndex: i, focusedItemId: u, hoverIndex: M } = C, { clearSelection: k, getSelectedItems: y, toggleSelectItem: F, currentSelectedDataId: V } = a, T = f(y()), H = (I) => T.value.length === 0 ? !1 : T.value.some((r) => {
+  const g = f(e.selection.multiSelect ?? !1), R = f(e.selection.multiSelectMode), { isDragging: p } = S, { activeIndex: i, focusedItemId: u, hoverIndex: M } = C, { clearSelection: k, getSelectedItems: y, toggleSelectItem: D, currentSelectedDataId: V } = a, T = f(y()), H = (I) => T.value.length === 0 ? !1 : T.value.some((r) => {
     let d = "";
     return r.data ? d = r.data[s.value] : d = r[s.value], d === I;
   });
@@ -579,14 +581,14 @@ function Je(e, l, w, S, C, a) {
     if (d && (x.backgroundColor = "#dae9ff"), typeof e.itemStyle == "string")
       return $(x, e.itemStyle);
     if (typeof e.itemStyle == "function") {
-      const D = e.itemStyle(I);
-      return $(x, D);
+      const F = e.itemStyle(I);
+      return $(x, F);
     }
     return x;
   }
   const n = P(() => !g.value);
   function m(I, r, d) {
-    I.checked = d, !I.raw[h.value] && (n.value && (u.value = I.raw[s.value]), F(I));
+    I.checked = d, !I.raw[h.value] && (n.value && (u.value = I.raw[s.value]), D(I));
   }
   const L = P(() => g.value && R.value === "OnCheckClearByClick"), B = P(() => !g.value || g.value && (R.value === "OnCheckAndClick" || R.value === "OnClick"));
   function A(I, r, d) {
@@ -594,7 +596,7 @@ function Je(e, l, w, S, C, a) {
       d == null || d.preventDefault(), d == null || d.stopPropagation();
       return;
     }
-    u.value = I.raw[s.value], i.value = r, L.value && k(), B.value && (F(I), j()), l.emit("clickItem", { data: T.value, index: r, dataItem: I.raw }), l.emit("activeChange", T.value);
+    u.value = I.raw[s.value], i.value = r, L.value && k(), B.value && (D(I), j()), l.emit("clickItem", { data: T.value, index: r, dataItem: I.raw }), l.emit("activeChange", T.value);
   }
   return {
     getKey: c,
@@ -611,7 +613,7 @@ const U = /* @__PURE__ */ ee({
   props: te,
   emits: ["afterSearch", "checkValuesChange", "clickItem", "selectItem", "unSelectItem", "selectionChange", "removeItem", "change", "activeChange", "pageIndexChanged", "pageSizeChanged", "changed", "selectionUpdate"],
   setup(e, l) {
-    const w = f(), S = f(!0), C = f(!1), a = f([]), s = 0, h = f(e.columns), O = Se(e, l), g = ke(e), R = be(e), p = Ve(e, g), i = Fe(e, /* @__PURE__ */ new Map(), O, R, g), u = De(e, i, g, a, l), M = ze(e, w), k = Me(e, i), y = P(() => i.dataView.value.length), F = Re(e, l, u, g), V = Te(e, l, g, F, a), T = Oe(e), H = Be(e, {}, T), j = He(e, i, V, R, g, T, H), c = xe(e, g, H, j), o = Pe(e, g, H, j), v = je(e, h, i, y, s, j, c, o), {
+    const w = f(), S = f(!0), C = f(!1), a = f([]), s = 0, h = f(e.columns), O = Se(e, l), g = ke(e), R = be(e), p = Ve(e, g), i = Fe(e, /* @__PURE__ */ new Map(), O, R, g), u = De(e, i, g, a, l), M = ze(e, w), k = Me(e, i), y = P(() => i.dataView.value.length), D = Re(e, l, u, g), V = Te(e, l, g, D, a), T = Oe(e), H = Be(e, {}, T), j = He(e, i, V, R, g, T, H), c = xe(e, g, H, j), o = Pe(e, g, H, j), v = je(e, h, i, y, s, j, c, o), {
       getVisualData: n
     } = v;
     a.value = n(0, y.value + s - 1);
@@ -628,7 +630,7 @@ const U = /* @__PURE__ */ ee({
     const A = B(), {
       renderHeader: I
     } = A(e, l, M), r = $e(), d = qe(e, l, i, r), x = Je(e, l, a, d, r, u), {
-      renderListArea: D
+      renderListArea: F
     } = Xe(e, l, a, i, p, r, u, v, x, d);
     function ne(b) {
       M.search(b);
@@ -652,7 +654,7 @@ const U = /* @__PURE__ */ ee({
       return u.currentSelectedDataId.value;
     }
     function ue(b) {
-      F.activeRowById(b);
+      D.activeRowById(b);
     }
     function ce(b) {
       const _ = g.idField.value, G = a.value.find((N) => N.raw[_] === b), E = a.value.findIndex((N) => N.raw[_] === b);
@@ -660,7 +662,7 @@ const U = /* @__PURE__ */ ee({
     }
     function re(b) {
       const _ = g.idField.value, G = a.value.find((E) => E.raw[_] === b);
-      G && F.changeRow(G);
+      G && D.changeRow(G);
     }
     function de(b) {
       k.updatePagination(b);
@@ -708,7 +710,7 @@ const U = /* @__PURE__ */ ee({
       onMouseleave: () => {
         C.value = !1;
       }
-    }, [D()]), L.value && t("div", {
+    }, [F()]), L.value && t("div", {
       class: "f-list-view-footer"
     }, [e.footerTemplate ? e.footerTemplate() : l.slots.footer && l.slots.footer()])]);
   }

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

@@ -1,4 +1,4 @@
-(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:b}=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=>b(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:b,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:b(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:b,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:b(u,d),id:y(u,d),key:y(u,d),onClick:N=>T(u,d,N),onMouseenter:N=>i(N,u,d),onMouseover:N=>F(N,u,d),onMouseout:N=>I(N,u,d),draggable:"true",onDragstart:N=>x(N,u,d),onDragenter:N=>B(N,d),onDragend:N=>a(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-"+y(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"},[G(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: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(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 I(b,k,T){return b.layer>-1&&F(b,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})),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,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;"},[b.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 b(r){const{left:a,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:${a}px;
         top:${document.documentElement.scrollTop?f+document.documentElement.scrollTop:f}px;
@@ -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,a,f){if(r.stopPropagation(),c(),a){if(i=b(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:b,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 N=t.itemStyle(w);return _.getCustomStyle(j,N)}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]),b(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&&(b(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),b=R.useRow(t,o,i,g),k=R.useEdit(t,o,g,b,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:N}=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){b.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&&b.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}},[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"}],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"}})});
+        `,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"}})});