@fewangsit/wangsvue-fats 1.0.1-alpha.66 → 1.0.1-alpha.67

package/buttonscan/index.es.js

@@ -15,7 +15,7 @@ const Te = (t) => {
     t.message
   ))
     return t.message;
-}, ie = `(function(){"use strict";let n=null,t=null,a,c,r="";self.onmessage=s=>{const e=s.data;switch(c=e.companyCode,e.command){case"sync":l(e);break;case"connect":g(e);break;case"scan":S(e);break;case"stopscan":p(e);break}};const d=s=>{let e="established";n&&n.readyState===WebSocket.OPEN?(e="reused",s.onopen(n,e),m(s.timeout)):n=new WebSocket("wss://dev-api.tagsamurai.com/rfid-reader-go/"),n.onopen=()=>{r=Math.random().toString(36).substring(2,15)+Math.random().toString(36).substring(2,15),e="established",n&&s.onopen(n,e),m(s.timeout)},n.onmessage=o=>{s.onmessage(o),m(s.timeout)},n.onerror=o=>{console.error("🚀 ~ Scanner Worker: openConnection ~ error:",o),s.onerror(o),n==null||n.close(),n=null,t&&clearTimeout(t)}},u=()=>{p({userId:a}),a=void 0,n&&n.close(),n=null,t&&clearTimeout(t),console.info("Socket connection has been closed!")},m=(s=0)=>{s&&(t&&clearTimeout(t),t=setTimeout(u,s))},l=({userId:s})=>{a=s,d({onopen:e=>{e.send(JSON.stringify({data:{command:"connect",userId:s,sessionId:r,companyCode:c,source:"app"},event:"reader"}))},onmessage:e=>{postMessage({status:"synced",...JSON.parse(e.data)})},onerror:e=>{postMessage({status:"sync_error",error:e})}})},g=({userId:s})=>{a=s,d({onopen:(e,o)=>{o==="established"?e.send(JSON.stringify({data:{command:"connect",userId:s,source:"app",sessionId:r,companyCode:c},event:"reader"})):postMessage({status:"connection_reused"})},onmessage:e=>{postMessage({status:"connection_established",...JSON.parse(e.data)})},onerror:e=>{postMessage({status:"error_connecting",error:e})}})},S=({scanCommand:s,userId:e,serialNumber:o,jenisDevice:f})=>{a=e,d({onopen:i=>{i.send(JSON.stringify({data:{command:s,userId:e,sessionId:r,companyCode:c,source:"app",serialNumber:o,jenisDevice:f},event:"reader"})),postMessage({status:"scan_started"})},onmessage:i=>{postMessage({status:"scanned",...JSON.parse(i.data)})},onerror:i=>{postMessage({status:"scan_error",error:i})}})},p=({userId:s})=>{n&&n.readyState===WebSocket.OPEN&&(n.send(JSON.stringify({data:{command:"stopscan",userId:s,source:"app",sessionId:r,companyCode:c},event:"reader"})),postMessage({status:"scan_stopped"}),console.info("Scan Process Stopped!"))}})();
+}, ie = `(function(){"use strict";let n=null,t=null,a,c,r="";self.onmessage=s=>{const e=s.data;switch(c=e.companyCode,e.command){case"sync":l(e);break;case"connect":g(e);break;case"scan":S(e);break;case"stopscan":p(e);break}};const d=s=>{let e="established";n&&n.readyState===WebSocket.OPEN?(e="reused",s.onopen(n,e),m(s.timeout)):n=new WebSocket("wss://dev-api.tagsamurai.com/rfid-reader-go"),n.onopen=()=>{r=Math.random().toString(36).substring(2,15)+Math.random().toString(36).substring(2,15),e="established",n&&s.onopen(n,e),m(s.timeout)},n.onmessage=o=>{s.onmessage(o),m(s.timeout)},n.onerror=o=>{console.error("🚀 ~ Scanner Worker: openConnection ~ error:",o),s.onerror(o),n==null||n.close(),n=null,t&&clearTimeout(t)}},u=()=>{p({userId:a}),a=void 0,n&&n.close(),n=null,t&&clearTimeout(t),console.info("Socket connection has been closed!")},m=(s=0)=>{s&&(t&&clearTimeout(t),t=setTimeout(u,s))},l=({userId:s})=>{a=s,d({onopen:e=>{e.send(JSON.stringify({data:{command:"connect",userId:s,sessionId:r,companyCode:c,source:"app"},event:"reader"}))},onmessage:e=>{postMessage({status:"synced",...JSON.parse(e.data)})},onerror:e=>{postMessage({status:"sync_error",error:e})}})},g=({userId:s})=>{a=s,d({onopen:(e,o)=>{o==="established"?e.send(JSON.stringify({data:{command:"connect",userId:s,source:"app",sessionId:r,companyCode:c},event:"reader"})):postMessage({status:"connection_reused"})},onmessage:e=>{postMessage({status:"connection_established",...JSON.parse(e.data)})},onerror:e=>{postMessage({status:"error_connecting",error:e})}})},S=({scanCommand:s,userId:e,serialNumber:o,jenisDevice:f})=>{a=e,d({onopen:i=>{i.send(JSON.stringify({data:{command:s,userId:e,sessionId:r,companyCode:c,source:"app",serialNumber:o,jenisDevice:f},event:"reader"})),postMessage({status:"scan_started"})},onmessage:i=>{postMessage({status:"scanned",...JSON.parse(i.data)})},onerror:i=>{postMessage({status:"scan_error",error:i})}})},p=({userId:s})=>{n&&n.readyState===WebSocket.OPEN&&(n.send(JSON.stringify({data:{command:"stopscan",userId:s,source:"app",sessionId:r,companyCode:c},event:"reader"})),postMessage({status:"scan_stopped"}),console.info("Scan Process Stopped!"))}})();
 `, ae = typeof self < "u" && self.Blob && new Blob([ie], { type: "text/javascript;charset=utf-8" });
 function xe(t) {
   let u;

package/buttonselecttree/index.d.ts

@@ -1,4 +1,4 @@
-import { Slot } from 'vue';
+import { ShallowRef, Slot } from 'vue';
 
 import { TreeNode } from '../basetree';
 import { QueryParams, ShortFetchResponse } from '../datatable';
@@ -199,7 +199,9 @@ declare class ButtonSelectTree extends ClassComponent<
   ButtonSelectTreeProps,
   ButtonSelectTreeSlots,
   ButtonSelectTreeEmits
-> {}
+> {
+  dialogTreeKey: ShallowRef<number>;
+}
 
 declare module '@vue/runtime-core' {
   interface GlobalComponents {

package/buttonselecttree/index.es.js

@@ -1,15 +1,15 @@
-import { defineComponent as G, onMounted as L, reactive as W, ref as d, computed as c, watch as A, createElementBlock as M, openBlock as i, Fragment as F, createVNode as u, createBlock as p, mergeProps as z, withCtx as y, createCommentVNode as N, normalizeStyle as Y, normalizeClass as j, createSlots as J, renderSlot as P, nextTick as U } from "vue";
-import { u as q } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
-import { _ as Q } from "../badge/index.es.js";
-import { _ as h } from "../button/index.es.js";
-import { _ as X } from "../dialogselecttree/index.es.js";
-import { _ as Z } from "../fieldwrapper/index.es.js";
+import { defineComponent as L, onMounted as W, reactive as F, ref as d, computed as p, watch as A, createElementBlock as M, openBlock as i, Fragment as z, createVNode as u, createBlock as c, mergeProps as Y, withCtx as y, createCommentVNode as N, normalizeStyle as j, normalizeClass as J, createSlots as P, renderSlot as U, nextTick as q } from "vue";
+import { u as Q } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
+import { _ as X } from "../badge/index.es.js";
+import { _ as k } from "../button/index.es.js";
+import { _ as Z } from "../dialogselecttree/index.es.js";
+import { _ as ee } from "../fieldwrapper/index.es.js";
 import { _ as D } from "../icon/index.es.js";
-import { _ as ee } from "../validatormessage/index.es.js";
-const le = {
+import { _ as le } from "../validatormessage/index.es.js";
+const te = {
   key: 0,
   class: "inline-flex gap-1 items-center"
-}, ue = /* @__PURE__ */ G({
+}, fe = /* @__PURE__ */ L({
   __name: "ButtonSelectTree",
   props: {
     type: {},
@@ -47,31 +47,31 @@ const le = {
     fetchTreeOnButtonRender: { type: Boolean, default: !1 }
   },
   emits: ["update:value", "dialogShown", "dialogHidden", "reset"],
-  setup($, { emit: K }) {
-    const f = K, l = $;
-    L(() => {
+  setup($, { expose: K, emit: x }) {
+    const f = x, l = $;
+    W(() => {
       var e, a;
       l.useValidator && (Object.assign(
         s,
-        q(l.fieldName, (t) => _(t))
-      ), l.value && ((a = (e = k.value) == null ? void 0 : e.treeComponent) == null || a.fetchTreeList(), s.value = l.value));
+        Q(l.fieldName, (t) => V(t))
+      ), l.value && ((a = (e = w.value) == null ? void 0 : e.treeComponent) == null || a.fetchTreeList(), s.value = l.value));
     });
-    const s = W({
+    const s = F({
       value: l.value
-    }), k = d(), m = d(l.fetchTreeOnButtonRender), b = d(l.fetchTreeOnButtonRender), w = d(0), n = d(
+    }), w = d(), m = d(l.fetchTreeOnButtonRender), b = d(l.fetchTreeOnButtonRender), v = d(0), n = d(
       !Array.isArray(l.value) && typeof l.value != "number" && typeof l.value != "string" ? l.value : void 0
-    ), v = c({
+    ), g = p({
       get: () => n.value,
       set: (e) => {
-        n.value = e, f("update:value", g(e, l.fieldDataKey));
+        n.value = e, f("update:value", h(e, l.fieldDataKey));
       }
-    }), B = c(() => E(s.value ?? l.value)), x = c(() => {
+    }), B = p(() => _(s.value ?? l.value)), C = p(() => {
       var t;
       const a = (l.selectionMode === "checkbox" ? ((t = B.value) == null ? void 0 : t.filter((o) => (o == null ? void 0 : o.toString()) != "-1")) ?? [] : []).length;
       return a && l.selectionMode === "checkbox" ? a + (l.type === "group" ? " group(s) selected" : " category(s) selected") : l.label ? l.label : l.type === "group" ? "Select Group" : "Select Category";
-    }), C = c(
+    }), E = p(
       () => l.width ? `width: ${l.width}px !important` : void 0
-    ), E = (e) => {
+    ), _ = (e) => {
       const a = JSON.parse(
         sessionStorage.getItem(`flatten${l.type}nodes`) ?? "[]"
       );
@@ -84,28 +84,28 @@ const le = {
         }
         return t.key;
       }) : [];
-    }, g = (e, a) => {
+    }, h = (e, a) => {
       if (Array.isArray(e) && l.selectionMode === "checkbox")
         return e.map((t) => a ? t == null ? void 0 : t[a] : t);
       if (e && l.selectionMode === "single")
         return a ? e == null ? void 0 : e[a] : e;
-    }, _ = async (e) => (await U(), (Array.isArray(e) && !(e != null && e.length) || !Array.isArray(e) && !e) && l.mandatory ? l.validatorMessage ? l.validatorMessage : l.type === "group" ? "You must pick a group" : "You must pick a category" : l.invalid && l.validatorMessage ? l.validatorMessage : !0), V = (e) => {
+    }, V = async (e) => (await q(), (Array.isArray(e) && !(e != null && e.length) || !Array.isArray(e) && !e) && l.mandatory ? l.validatorMessage ? l.validatorMessage : l.type === "group" ? "You must pick a group" : "You must pick a category" : l.invalid && l.validatorMessage ? l.validatorMessage : !0), O = (e) => {
       var a;
       if (e) {
-        const { keys: t, singleNode: o, selectedNodes: r } = e, R = ((a = t[-1]) == null ? void 0 : a.checked) ?? !1;
+        const { keys: t, singleNode: o, selectedNodes: r } = e, H = ((a = t[-1]) == null ? void 0 : a.checked) ?? !1;
         if (l.selectionMode === "single")
-          v.value = o, s.value = g(v.value, l.fieldDataKey);
+          g.value = o, s.value = h(g.value, l.fieldDataKey);
         else {
-          const H = r == null ? void 0 : r.filter((I) => {
+          const I = r == null ? void 0 : r.filter((G) => {
             var T;
-            return !((T = l.excludedKeys) != null && T.includes(I.key));
+            return !((T = l.excludedKeys) != null && T.includes(G.key));
           });
-          s.value = g(H, l.fieldDataKey) ?? [];
+          s.value = h(I, l.fieldDataKey) ?? [];
         }
-        f("update:value", s.value, R);
+        f("update:value", s.value, H);
       }
-    }, O = () => {
-      v.value = void 0, w.value++, f("reset");
+    }, R = () => {
+      g.value = void 0, v.value++, f("reset");
     }, S = () => {
       m.value = !0, b.value = !1, f("dialogShown");
     };
@@ -120,20 +120,20 @@ const le = {
         l.selectionMode === "single" && (n.value = e);
       },
       { immediate: !0 }
-    ), (e, a) => (i(), M(F, null, [
-      u(Z, z(e.$attrs, {
+    ), K({ dialogTreeKey: v }), (e, a) => (i(), M(z, null, [
+      u(ee, Y(e.$attrs, {
         info: e.fieldInfo,
         label: l.fieldLabel,
         mandatory: l.mandatory,
         "show-optional-text": e.$attrs["show-optional-text"] != !1
       }), {
         default: y(() => [
-          n.value ? (i(), M("span", le, [
-            u(Q, {
+          n.value ? (i(), M("span", te, [
+            u(X, {
               label: n.value.name,
               format: "nowrap"
             }, null, 8, ["label"]),
-            e.singleEditable ? (i(), p(h, {
+            e.singleEditable ? (i(), c(k, {
               key: 0,
               onClick: S,
               class: "p-0 m-0 !min-w-0 !min-h-0 !h-4 !w-4 focus-visible:ring-0 focus-visible:bg-primary-50",
@@ -148,9 +148,9 @@ const le = {
               ]),
               _: 1
             })) : N("", !0),
-            e.singleResetable ? (i(), p(h, {
+            e.singleResetable ? (i(), c(k, {
               key: 1,
-              onClick: O,
+              onClick: R,
               class: "p-0 m-0 !min-w-0 !min-h-0 !h-4 !w-4 focus-visible:ring-0 focus-visible:bg-danger-50",
               text: ""
             }, {
@@ -163,24 +163,24 @@ const le = {
               ]),
               _: 1
             })) : N("", !0)
-          ])) : (i(), p(h, {
+          ])) : (i(), c(k, {
             key: 1,
-            class: j({ "!w-full": !l.width }),
+            class: J({ "!w-full": !l.width }),
             disabled: e.disabled,
-            label: x.value,
-            style: Y(C.value),
+            label: C.value,
+            style: j(E.value),
             onClick: S
           }, null, 8, ["class", "disabled", "label", "style"])),
-          u(ee, {
+          u(le, {
             message: s.errorMessage
           }, null, 8, ["message"])
         ]),
         _: 1
       }, 16, ["info", "label", "mandatory", "show-optional-text"]),
-      (i(), p(X, {
-        key: w.value + +b.value,
+      (i(), c(Z, {
+        key: v.value + +b.value,
         ref_key: "dialogTreeInstance",
-        ref: k,
+        ref: w,
         visible: m.value,
         "onUpdate:visible": a[0] || (a[0] = (t) => m.value = t),
         "allow-empty-selection": e.allowEmptySelection,
@@ -202,12 +202,12 @@ const le = {
         "show-disposable-groups": l.showDisposableGroups,
         type: l.type,
         onHide: a[1] || (a[1] = (t) => e.$emit("dialogHidden")),
-        onSelect: V
-      }, J({ _: 2 }, [
+        onSelect: O
+      }, P({ _: 2 }, [
         e.$slots.treenode ? {
           name: "treenode",
           fn: y(({ node: t }) => [
-            P(e.$slots, "treenode", { node: t })
+            U(e.$slots, "treenode", { node: t })
           ]),
           key: "0"
         } : void 0
@@ -216,5 +216,5 @@ const le = {
   }
 });
 export {
-  ue as _
+  fe as _
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fewangsit/wangsvue-fats",
-  "version": "1.0.1-alpha.66",
+  "version": "1.0.1-alpha.67",
   "author": "Wangsit FE Developer",
   "description": "Fixed Asset Tagsamurai VueJS Component Library",
   "type": "module",