@fewangsit/wangsvue-fats 1.0.0-alpha.41 → 1.0.0-alpha.43

package/components/customcolumn/ColumnList-fdR5JfHj.es.js

@@ -0,0 +1,159 @@
+import { defineComponent as $, mergeModels as q, useModel as F, ref as P, shallowRef as j, computed as w, watch as z, createElementBlock as c, openBlock as b, Fragment as h, renderList as G, createCommentVNode as H, mergeProps as I, withModifiers as i, createVNode as M, unref as S } from "vue";
+import { I as J, C as K } from "../../async-components/index-C8nb7p3T.es.js";
+import { s as O } from "./helpers/setVisibilityColumn.helper-CQ4P_C_9.es.js";
+import { u as Q } from "../datatable/store/dataTable.store-B4p-hj3w.es.js";
+import { c as T } from "../../vendor/lodash-es-CJerBxJQ.es.js";
+const W = ["id", "data-item-dragable", "draggable", "onDragenter", "onDragstart"], le = /* @__PURE__ */ $({
+  __name: "ColumnList",
+  props: /* @__PURE__ */ q({
+    tableId: {},
+    defaultColumns: {},
+    visibleColumns: {},
+    maxColumn: {},
+    type: {},
+    savedColumns: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(x, { expose: B }) {
+    const n = x, d = F(x, "modelValue"), o = P([]), m = j(), f = w(() => [...o.value].filter((a) => a.visible !== !1)), D = w(() => n.maxColumn ? f.value.length >= n.maxColumn : !1), u = (a) => a.dragable !== !1 && y(a), y = (a) => {
+      if (!D.value) return !0;
+      const l = d.value.findIndex((e) => e.field === a.field) > 0;
+      return D.value && l;
+    }, k = () => {
+      o.value = O(
+        o.value,
+        n.maxColumn,
+        f.value.length
+      ), d.value = [...f.value];
+    }, v = async () => {
+      const a = o.value.map(
+        (e) => ({
+          field: e.field,
+          width: e.width ?? "max-content",
+          visible: e.visible !== !1,
+          fixed: !!e.fixed
+        })
+      ), { setConfig: l } = await Q();
+      await l(n.tableId, a);
+    }, E = () => {
+      d.value = [...o.value];
+    }, R = (a, l, e) => {
+      const { dataTransfer: s } = a;
+      m.value = l, s && (s.dropEffect = "move", s.effectAllowed = "move", s.setData("field", l.field), s.setData("index", e.toString()));
+    }, L = async () => {
+      m.value = void 0, E(), await v();
+    }, A = (a, l) => {
+      var e, s;
+      if (a.preventDefault(), u(l)) {
+        const r = a.target, t = r.tagName === "LI" ? r : r.closest("li");
+        if (t == null || t.classList.add("bg-primary-50"), (e = t == null ? void 0 : t.nextElementSibling) == null || e.classList.remove("bg-primary-50"), (s = t == null ? void 0 : t.previousElementSibling) == null || s.classList.remove("bg-primary-50"), !t || !m.value) return;
+        const g = o.value.findIndex(
+          (p) => {
+            var V;
+            return p.field === ((V = m.value) == null ? void 0 : V.field);
+          }
+        ), C = o.value.findIndex(
+          (p) => p.field === t.id
+        );
+        g !== -1 && C !== -1 && ([
+          o.value[g],
+          o.value[C]
+        ] = [
+          o.value[C],
+          o.value[g]
+        ]);
+      }
+    }, N = (a) => {
+      const l = a.target.querySelector("label");
+      l && l.click();
+    }, U = () => {
+      const a = T(n.defaultColumns);
+      if (n.maxColumn && a.length > n.maxColumn) {
+        let l = 0;
+        o.value = a.map((e) => {
+          const s = n.maxColumn !== void 0 && l < n.maxColumn, r = e.checkedByDefault !== !1 && n.maxColumn === void 0 || e.checkedByDefault !== !1 && s;
+          return r && l++, {
+            ...e,
+            visible: r
+          };
+        });
+      } else
+        o.value = a;
+      d.value = [...f.value], v();
+    };
+    return z(
+      () => n.savedColumns,
+      (a) => {
+        o.value = a ?? [];
+      },
+      { immediate: !0 }
+    ), B({
+      setColumnVisibilityConfig: v,
+      resetToDefault: U,
+      updateVisibleColumnsModel: k
+    }), (a, l) => (b(), c("ul", null, [
+      (b(!0), c(h, null, G(o.value, (e, s) => {
+        var r;
+        return b(), c(h, null, [
+          e.reorderable !== !1 ? (b(), c("li", I(
+            {
+              id: e.field,
+              key: e.field,
+              ref_for: !0
+            },
+            a.$preset.customcolumn.menuitem({
+              props: n,
+              context: { dragable: u(e) }
+            }),
+            {
+              "data-item-dragable": u(e),
+              draggable: u(e),
+              onClick: N,
+              onDragend: L,
+              onDragenter: i((t) => A(t, e), ["prevent"]),
+              onDragleave: l[2] || (l[2] = i(() => {
+              }, ["prevent"])),
+              onDragover: l[3] || (l[3] = i(() => {
+              }, ["prevent"])),
+              onDragstart: (t) => R(t, e, s),
+              onMouseenter: l[4] || (l[4] = (t) => t.target.classList.add("bg-primary-50")),
+              onMouseleave: l[5] || (l[5] = (t) => t.target.classList.remove("bg-primary-50")),
+              "data-wv-section": "custom-column-menu-item"
+            }
+          ), [
+            M(S(J), I(
+              {
+                onClick: l[0] || (l[0] = i(() => {
+                }, ["stop"])),
+                ref_for: !0
+              },
+              (r = a.$preset.customcolumn) == null ? void 0 : r.dragicon({
+                context: { dragable: u(e) }
+              }),
+              { icon: "dragable-menu" }
+            ), null, 16),
+            M(S(K), {
+              "aria-label": e.header,
+              disabled: e.fixed,
+              label: e.header,
+              "model-value": e.visible !== !1,
+              selectable: y(e),
+              onClick: l[1] || (l[1] = i(() => {
+              }, ["stop"])),
+              "onUpdate:modelValue": (t) => {
+                e.visible = !!t, k(), v();
+              },
+              class: "!w-full"
+            }, null, 8, ["aria-label", "disabled", "label", "model-value", "selectable", "onUpdate:modelValue"])
+          ], 16, W)) : H("", !0)
+        ], 64);
+      }), 256))
+    ]));
+  }
+});
+export {
+  le as default
+};

package/components/customcolumn/ColumnList-yaNVEQFA.system.js

@@ -0,0 +1 @@
+System.register(["vue","../../async-components/index-DvjqHrYE.system.js","./helpers/setVisibilityColumn.helper-B1vEZDtD.system.js","../datatable/store/dataTable.store-C9376aEJ.system.js","../../vendor/lodash-es-C3G1Cc1m.system.js"],function(G,Y){"use strict";var w,M,I,B,S,C,E,d,c,p,R,L,x,u,y,D,N,j,A,F,P;return{setters:[l=>{w=l.defineComponent,M=l.mergeModels,I=l.useModel,B=l.ref,S=l.shallowRef,C=l.computed,E=l.watch,d=l.createElementBlock,c=l.openBlock,p=l.Fragment,R=l.renderList,L=l.createCommentVNode,x=l.mergeProps,u=l.withModifiers,y=l.createVNode,D=l.unref},l=>{N=l.I,j=l.C},l=>{A=l.s},l=>{F=l.u},l=>{P=l.c}],execute:function(){const l=["id","data-item-dragable","draggable","onDragenter","onDragstart"],Z=G("default",w({__name:"ColumnList",props:M({tableId:{},defaultColumns:{},visibleColumns:{},maxColumn:{},type:{},savedColumns:{}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(U,{expose:H}){const o=U,m=I(U,"modelValue"),s=B([]),v=S(),b=C(()=>[...s.value].filter(t=>t.visible!==!1)),$=C(()=>o.maxColumn?b.value.length>=o.maxColumn:!1),f=t=>t.dragable!==!1&&q(t),q=t=>{if(!$.value)return!0;const a=m.value.findIndex(e=>e.field===t.field)>0;return $.value&&a},T=()=>{s.value=A(s.value,o.maxColumn,b.value.length),m.value=[...b.value]},g=async()=>{const t=s.value.map(e=>({field:e.field,width:e.width??"max-content",visible:e.visible!==!1,fixed:!!e.fixed})),{setConfig:a}=await F();await a(o.tableId,t)},J=()=>{m.value=[...s.value]},K=(t,a,e)=>{const{dataTransfer:r}=t;v.value=a,r&&(r.dropEffect="move",r.effectAllowed="move",r.setData("field",a.field),r.setData("index",e.toString()))},O=async()=>{v.value=void 0,J(),await g()},Q=(t,a)=>{var e,r;if(t.preventDefault(),f(a)){const i=t.target,n=i.tagName==="LI"?i:i.closest("li");if(n==null||n.classList.add("bg-primary-50"),(e=n==null?void 0:n.nextElementSibling)==null||e.classList.remove("bg-primary-50"),(r=n==null?void 0:n.previousElementSibling)==null||r.classList.remove("bg-primary-50"),!n||!v.value)return;const h=s.value.findIndex(V=>{var z;return V.field===((z=v.value)==null?void 0:z.field)}),k=s.value.findIndex(V=>V.field===n.id);h!==-1&&k!==-1&&([s.value[h],s.value[k]]=[s.value[k],s.value[h]])}},W=t=>{const a=t.target.querySelector("label");a&&a.click()},X=()=>{const t=P(o.defaultColumns);if(o.maxColumn&&t.length>o.maxColumn){let a=0;s.value=t.map(e=>{const r=o.maxColumn!==void 0&&a<o.maxColumn,i=e.checkedByDefault!==!1&&o.maxColumn===void 0||e.checkedByDefault!==!1&&r;return i&&a++,{...e,visible:i}})}else s.value=t;m.value=[...b.value],g()};return E(()=>o.savedColumns,t=>{s.value=t??[]},{immediate:!0}),H({setColumnVisibilityConfig:g,resetToDefault:X,updateVisibleColumnsModel:T}),(t,a)=>(c(),d("ul",null,[(c(!0),d(p,null,R(s.value,(e,r)=>{var i;return c(),d(p,null,[e.reorderable!==!1?(c(),d("li",x({id:e.field,key:e.field,ref_for:!0},t.$preset.customcolumn.menuitem({props:o,context:{dragable:f(e)}}),{"data-item-dragable":f(e),draggable:f(e),onClick:W,onDragend:O,onDragenter:u(n=>Q(n,e),["prevent"]),onDragleave:a[2]||(a[2]=u(()=>{},["prevent"])),onDragover:a[3]||(a[3]=u(()=>{},["prevent"])),onDragstart:n=>K(n,e,r),onMouseenter:a[4]||(a[4]=n=>n.target.classList.add("bg-primary-50")),onMouseleave:a[5]||(a[5]=n=>n.target.classList.remove("bg-primary-50")),"data-wv-section":"custom-column-menu-item"}),[y(D(N),x({onClick:a[0]||(a[0]=u(()=>{},["stop"])),ref_for:!0},(i=t.$preset.customcolumn)==null?void 0:i.dragicon({context:{dragable:f(e)}}),{icon:"dragable-menu"}),null,16),y(D(j),{"aria-label":e.header,disabled:e.fixed,label:e.header,"model-value":e.visible!==!1,selectable:q(e),onClick:a[1]||(a[1]=u(()=>{},["stop"])),"onUpdate:modelValue":n=>{e.visible=!!n,T(),g()},class:"!w-full"},null,8,["aria-label","disabled","label","model-value","selectable","onUpdate:modelValue"])],16,l)):L("",!0)],64)}),256))]))}}))}}});

package/components/customcolumn/CustomColumn-CfvCLH4v.es.js

@@ -0,0 +1,139 @@
+import { defineComponent as h, defineAsyncComponent as E, onMounted as N, ref as V, shallowRef as $, computed as k, createElementBlock as H, openBlock as g, Fragment as U, createBlock as T, createCommentVNode as M, unref as u, withCtx as x, createVNode as B, mergeProps as D } from "vue";
+import { h as z } from "../../vendor/primevue-DkBtKf1Y.es.js";
+import { B as A } from "../../async-components/index-C8nb7p3T.es.js";
+import { u as F } from "../../plugins/WangsVue-Dl5OiLXF.es.js";
+import { s as P } from "./helpers/setVisibilityColumn.helper-CQ4P_C_9.es.js";
+import { u as R } from "../datatable/store/dataTable.store-B4p-hj3w.es.js";
+import { c as S } from "../../vendor/lodash-es-CJerBxJQ.es.js";
+async function W(p, r) {
+  const { config: v } = await R(), a = v[p];
+  return a ? a.map((l) => {
+    const s = r.find((b) => b.field === l.field);
+    if (!(!s || s.visible === !1))
+      return {
+        ...s,
+        ...l
+      };
+  }).filter((l) => !!l) : r;
+}
+const X = /* @__PURE__ */ h({
+  __name: "CustomColumn",
+  props: {
+    tableId: {},
+    defaultColumns: {},
+    visibleColumns: {},
+    maxColumn: {},
+    type: { default: "menu" }
+  },
+  emits: ["update:visibleColumns"],
+  setup(p, { expose: r, emit: v }) {
+    const a = E(() => import("./ColumnList-fdR5JfHj.es.js")), l = p, s = v;
+    N(() => C());
+    const { locale: b } = F("CustomColumn"), n = V(), m = V(), d = $([]), I = k(
+      () => "column-visibility-menu-" + l.tableId
+    ), i = k({
+      get: () => l.visibleColumns,
+      set: (e) => {
+        s(
+          "update:visibleColumns",
+          e.filter((t) => t.visible != !1)
+        );
+      }
+    }), L = async (e) => {
+      if (await C(), m.value && "toggle" in m.value) {
+        const t = e.currentTarget ?? e.target, c = t.tagName.toLowerCase() === "th" ? t : t.parentElement, f = {
+          ...e,
+          currentTarget: c
+        };
+        m.value.toggle(f);
+      }
+    }, C = async () => {
+      const e = await W(
+        l.tableId,
+        S(l.defaultColumns)
+      );
+      d.value = P(
+        e,
+        l.maxColumn,
+        e.filter((t) => t.visible !== !1).length
+      ), i.value = d.value.filter(
+        (t) => t.visible !== !1
+      );
+    };
+    return r({
+      toggleMenu: L,
+      resetToDefault: () => {
+        var e;
+        (e = n.value) == null || e.resetToDefault();
+      }
+    }), (e, t) => {
+      var c, f, y, w;
+      return g(), H(U, null, [
+        l.type === "menu" ? (g(), T(u(z), {
+          key: 0,
+          id: I.value,
+          ref_key: "visibilityMenu",
+          ref: m,
+          "data-table-id": e.tableId,
+          pt: {
+            root: {
+              class: [...(c = e.$preset.menu) == null ? void 0 : c.root.class, "shadow-panel"]
+            },
+            start: {
+              class: [
+                ...(f = e.$preset.menu) == null ? void 0 : f.start.class,
+                (y = e.$preset.customcolumn) == null ? void 0 : y.menustart.class
+              ]
+            }
+          },
+          onHide: (w = n.value) == null ? void 0 : w.setColumnVisibilityConfig,
+          "append-to": "body",
+          "auto-z-index": "",
+          "data-wv-name": "column-visibility",
+          "data-wv-section": "menu",
+          popup: ""
+        }, {
+          start: x(() => {
+            var o;
+            return [
+              B(u(A), {
+                label: u(b).resetDefaultText,
+                onClick: (o = n.value) == null ? void 0 : o.resetToDefault,
+                "data-wv-section": "button-reset-default",
+                text: ""
+              }, null, 8, ["label", "onClick"])
+            ];
+          }),
+          end: x(() => [
+            B(u(a), D({
+              ref_key: "columnList",
+              ref: n,
+              modelValue: i.value,
+              "onUpdate:modelValue": t[0] || (t[0] = (o) => i.value = o)
+            }, l, {
+              "saved-columns": d.value,
+              "data-wv-section": "custom-column-list"
+            }), null, 16, ["modelValue", "saved-columns"])
+          ]),
+          _: 1
+        }, 8, ["id", "data-table-id", "pt", "onHide"])) : M("", !0),
+        e.type === "flat" ? (g(), T(u(a), D({
+          key: 1,
+          ref_key: "columnList",
+          ref: n,
+          modelValue: i.value,
+          "onUpdate:modelValue": t[1] || (t[1] = (o) => i.value = o)
+        }, l, {
+          class: [
+            { "grid grid-rows-4 grid-flow-col-dense w-max gap-x-4": e.type === "flat" }
+          ],
+          "saved-columns": d.value,
+          "data-wv-section": "custom-column-flat-list"
+        }), null, 16, ["modelValue", "class", "saved-columns"])) : M("", !0)
+      ], 64);
+    };
+  }
+});
+export {
+  X as default
+};

package/components/customcolumn/CustomColumn-D3u59-Rd.system.js

@@ -0,0 +1 @@
+System.register(["vue","../../vendor/primevue-C5Z_k4WB.system.js","../../async-components/index-DvjqHrYE.system.js","../../plugins/WangsVue-Dugc3GRS.system.js","./helpers/setVisibilityColumn.helper-B1vEZDtD.system.js","../datatable/store/dataTable.store-C9376aEJ.system.js","../../vendor/lodash-es-C3G1Cc1m.system.js"],function(U,W){"use strict";var x,M,j,y,D,C,L,c,I,g,b,l,w,V,k,N,E,$,A,F,H;return{setters:[e=>{x=e.defineComponent,M=e.defineAsyncComponent,j=e.onMounted,y=e.ref,D=e.shallowRef,C=e.computed,L=e.createElementBlock,c=e.openBlock,I=e.Fragment,g=e.createBlock,b=e.createCommentVNode,l=e.unref,w=e.withCtx,V=e.createVNode,k=e.mergeProps},e=>{N=e.h},e=>{E=e.B},e=>{$=e.u},e=>{A=e.s},e=>{F=e.u},e=>{H=e.c}],execute:function(){async function e(B,m){const{config:T}=await F(),a=T[B];return a?a.map(n=>{const i=m.find(h=>h.field===n.field);if(!(!i||i.visible===!1))return{...i,...n}}).filter(n=>!!n):m}const q=U("default",x({__name:"CustomColumn",props:{tableId:{},defaultColumns:{},visibleColumns:{},maxColumn:{},type:{default:"menu"}},emits:["update:visibleColumns"],setup(B,{expose:m,emit:T}){const a=M(()=>W.import("./ColumnList-yaNVEQFA.system.js")),n=B,i=T;j(()=>P());const{locale:h}=$("CustomColumn"),u=y(),d=y(),f=D([]),z=C(()=>"column-visibility-menu-"+n.tableId),r=C({get:()=>n.visibleColumns,set:t=>{i("update:visibleColumns",t.filter(s=>s.visible!=!1))}}),Z=async t=>{if(await P(),d.value&&"toggle"in d.value){const s=t.currentTarget??t.target,p=s.tagName.toLowerCase()==="th"?s:s.parentElement,v={...t,currentTarget:p};d.value.toggle(v)}},P=async()=>{const t=await e(n.tableId,H(n.defaultColumns));f.value=A(t,n.maxColumn,t.filter(s=>s.visible!==!1).length),r.value=f.value.filter(s=>s.visible!==!1)};return m({toggleMenu:Z,resetToDefault:()=>{var t;(t=u.value)==null||t.resetToDefault()}}),(t,s)=>{var p,v,R,S;return c(),L(I,null,[n.type==="menu"?(c(),g(l(N),{key:0,id:z.value,ref_key:"visibilityMenu",ref:d,"data-table-id":t.tableId,pt:{root:{class:[...(p=t.$preset.menu)==null?void 0:p.root.class,"shadow-panel"]},start:{class:[...(v=t.$preset.menu)==null?void 0:v.start.class,(R=t.$preset.customcolumn)==null?void 0:R.menustart.class]}},onHide:(S=u.value)==null?void 0:S.setColumnVisibilityConfig,"append-to":"body","auto-z-index":"","data-wv-name":"column-visibility","data-wv-section":"menu",popup:""},{start:w(()=>{var o;return[V(l(E),{label:l(h).resetDefaultText,onClick:(o=u.value)==null?void 0:o.resetToDefault,"data-wv-section":"button-reset-default",text:""},null,8,["label","onClick"])]}),end:w(()=>[V(l(a),k({ref_key:"columnList",ref:u,modelValue:r.value,"onUpdate:modelValue":s[0]||(s[0]=o=>r.value=o)},n,{"saved-columns":f.value,"data-wv-section":"custom-column-list"}),null,16,["modelValue","saved-columns"])]),_:1},8,["id","data-table-id","pt","onHide"])):b("",!0),t.type==="flat"?(c(),g(l(a),k({key:1,ref_key:"columnList",ref:u,modelValue:r.value,"onUpdate:modelValue":s[1]||(s[1]=o=>r.value=o)},n,{class:[{"grid grid-rows-4 grid-flow-col-dense w-max gap-x-4":t.type==="flat"}],"saved-columns":f.value,"data-wv-section":"custom-column-flat-list"}),null,16,["modelValue","class","saved-columns"])):b("",!0)],64)}}}))}}});

package/components/customcolumn/helpers/setVisibilityColumn.helper-B1vEZDtD.system.js

@@ -0,0 +1 @@
+System.register([],function(c,u){"use strict";return{execute:function(){const l=c("s",(i,e,n)=>{if(e&&n>e){let s=0;return i.map(t=>{const f=e!==void 0&&s<e,r=t.checkedByDefault!==!1&&e===void 0||t.checkedByDefault!==!1&&f;return r&&s++,{...t,visible:r}})}return i})}}});

package/components/customcolumn/helpers/setVisibilityColumn.helper-CQ4P_C_9.es.js

@@ -0,0 +1,16 @@
+const c = (s, e, a) => {
+  if (e && a > e) {
+    let t = 0;
+    return s.map((i) => {
+      const f = e !== void 0 && t < e, r = i.checkedByDefault !== !1 && e === void 0 || i.checkedByDefault !== !1 && f;
+      return r && t++, {
+        ...i,
+        visible: r
+      };
+    });
+  }
+  return s;
+};
+export {
+  c as s
+};