@fewangsit/wangsvue-fats 1.0.1-alpha.5 → 1.0.1-alpha.50

package/checkbox/index.es.js

@@ -0,0 +1,135 @@
+import { defineComponent as S, mergeModels as y, inject as w, useModel as N, reactive as q, onMounted as M, computed as V, watch as h, createElementBlock as L, openBlock as k, mergeProps as d, unref as u, createElementVNode as c, renderSlot as P, createVNode as I, normalizeClass as j, createTextVNode as x, createBlock as A, createCommentVNode as E, toDisplayString as F } from "vue";
+import { u as O } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
+import { c as T, e as $ } from "../utils/object.util.es.js";
+import { _ as B } from "../icon/index.es.js";
+const z = ["data-p-disabled", "data-p-highlight"], D = ["id", "aria-invalid", "aria-label", "aria-labelledby", "checked", "disabled", "input-id", "name", "readonly", "required", "tabindex", "value"], Q = /* @__PURE__ */ S({
+  __name: "Checkbox",
+  props: /* @__PURE__ */ y({
+    value: {},
+    modelValue: {},
+    label: {},
+    tooltip: {},
+    tooltipPos: {},
+    name: {},
+    withinTable: { type: Boolean, default: !1 },
+    binary: { type: Boolean, default: !0 },
+    triState: { type: [Boolean, null] },
+    invalid: { type: Boolean },
+    disabled: { type: Boolean },
+    selectable: { type: Boolean, default: !0 },
+    variant: {},
+    readonly: { type: Boolean },
+    useValidator: { type: Boolean },
+    fieldName: {},
+    required: { type: Boolean },
+    tabindex: {},
+    trueValue: { default: !0 },
+    falseValue: { default: !1 },
+    inputId: { default: "checkbox" },
+    inputClass: {},
+    inputStyle: {},
+    ariaLabelledby: {},
+    ariaLabel: {},
+    pt: {},
+    ptOptions: {},
+    unstyled: { type: Boolean },
+    labelClass: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ y(["update:modelValue", "change", "focus", "blur"], ["update:modelValue"]),
+  setup(p, { emit: g }) {
+    const i = w("preset", {}).checkbox, e = p, s = g, b = N(p, "modelValue"), l = q({
+      value: void 0
+    });
+    M(() => {
+      e.useValidator && (Object.assign(l, O(e.fieldName ?? "checkbox")), e.value != null && (l.value = e.value)), e.modelValue != null && (l.value = e.modelValue);
+    });
+    const o = V(() => e.triState ? l.value : e.binary ? l.value === e.trueValue : T(e.value, e.modelValue)), v = V(() => e.triState && b.value === !1), C = (a) => {
+      if (!e.disabled && !e.readonly) {
+        let t;
+        e.binary && !e.triState ? t = o.value ? e.falseValue : e.trueValue : e.triState ? t = // eslint-disable-next-line no-nested-ternary
+        l.value == null ? !1 : l.value === !1 ? !0 : null : Array.isArray(e.modelValue) && (o.value ? t = e.modelValue.filter(
+          (r) => !$(r, e.value)
+        ) : t = e.modelValue ? [...e.modelValue, e.value] : [e.value]), b.value = t, l.value = t, s("change", a);
+      }
+    };
+    return h(
+      () => e.value,
+      () => {
+        l.value = e.value;
+      }
+    ), h(
+      () => e.modelValue,
+      () => {
+        l.value = e.modelValue;
+      }
+    ), (a, t) => {
+      var r, m, f;
+      return k(), L("label", d((r = u(i)) == null ? void 0 : r.root, {
+        class: [
+          { "gap-1": e == null ? void 0 : e.label },
+          { "pointer-events-none": !(e != null && e.selectable) }
+        ],
+        "data-p-disabled": a.disabled,
+        "data-p-highlight": l.value,
+        "data-wv-name": "checkbox"
+      }), [
+        c("input", d({ id: a.inputId }, { ...(m = u(i)) == null ? void 0 : m.input, ...e }, {
+          "aria-invalid": a.invalid || void 0,
+          "aria-label": a.ariaLabel,
+          "aria-labelledby": a.ariaLabelledby,
+          checked: o.value,
+          disabled: a.disabled,
+          "input-id": a.inputId,
+          name: a.name,
+          readonly: a.readonly,
+          required: a.required,
+          style: a.inputStyle,
+          tabindex: a.tabindex,
+          value: l.value,
+          onBlur: t[0] || (t[0] = (n) => s("blur", n)),
+          onChange: C,
+          onFocus: t[1] || (t[1] = (n) => s("focus", n)),
+          "data-wv-section": "checkbox-input",
+          type: "checkbox"
+        }), null, 16, D),
+        c("div", d(
+          (f = u(i)) == null ? void 0 : f.box({
+            props: e,
+            context: {
+              checked: o.value,
+              partialChecked: v.value
+            }
+          }),
+          { "data-wv-section": "box" }
+        ), [
+          P(a.$slots, "icon", { checked: o.value }, () => {
+            var n;
+            return [
+              I(B, {
+                class: j([...(n = u(i)) == null ? void 0 : n.icon.class, { "text-transparent": !o.value }]),
+                icon: o.value ? "check" : v.value ? "subtract" : null
+              }, null, 8, ["class", "icon"])
+            ];
+          })
+        ], 16),
+        c("span", d(u(i).label({ props: e }), { "data-wv-section": "checkbox-label" }), [
+          x(F(a.label) + " ", 1),
+          a.tooltip ? (k(), A(B, d({
+            key: 0,
+            info: a.tooltip,
+            "tooltip-pos": a.tooltipPos
+          }, u(i).tooltipicon, {
+            "data-wv-section": "tooltipicon",
+            icon: "info"
+          }), null, 16, ["info", "tooltip-pos"])) : E("", !0)
+        ], 16)
+      ], 16, z);
+    };
+  }
+});
+export {
+  Q as _
+};

package/codesnippet/index.es.js

@@ -0,0 +1,118 @@
+import { defineComponent as T, mergeModels as H, useModel as S, inject as B, ref as k, shallowRef as w, computed as N, onMounted as P, watch as V, createElementBlock as d, openBlock as r, createBlock as $, createCommentVNode as x, createElementVNode as o, mergeProps as u, unref as m, withDirectives as z, vModelText as D, Fragment as E, renderList as W, toDisplayString as q, normalizeClass as F } from "vue";
+import { H as l } from "../vendor/highlight.js/es/core.es.js";
+import { j as J } from "../vendor/highlight.js/es/languages/javascript.es.js";
+import { j as R } from "../vendor/highlight.js/es/languages/json.es.js";
+import { t as U } from "../vendor/highlight.js/es/languages/typescript.es.js";
+import { v as A } from "../vendor/highlight.js/es/languages/vbscript-html.es.js";
+import { _ as G } from "../button/index.es.js";
+const I = { class: "relative w-full overflow-hidden" }, K = ["placeholder"], O = { class: "relative" }, Q = ["innerHTML"], re = /* @__PURE__ */ T({
+  __name: "CodeSnippet",
+  props: /* @__PURE__ */ H({
+    code: {},
+    lang: { default: "json" },
+    readonly: { type: Boolean },
+    placeholder: {}
+  }, {
+    code: { default: "" },
+    codeModifiers: {}
+  }),
+  emits: ["update:code"],
+  setup(g) {
+    l.registerLanguage("javascript", J), l.registerLanguage("typescript", U), l.registerLanguage("json", R), l.registerLanguage("html", A);
+    const L = g, a = S(g, "code"), n = B("preset", {}).codesnippet, j = k(), f = k(), v = w(0), h = w(!1), s = N(() => a.value.split(`
+`).map((i, c) => {
+      const p = l.highlight(i, {
+        language: L.lang
+      }).value;
+      return {
+        line: c + 1,
+        code: p
+      };
+    })), M = () => {
+      var e;
+      (e = navigator.clipboard) == null || e.writeText(a.value), h.value = !0, setTimeout(() => {
+        h.value = !1;
+      }, 1500);
+    };
+    P(() => {
+      y();
+    });
+    const y = () => {
+      if (f.value) {
+        const e = f.value.querySelector(
+          "[data-wv-section=linenumber]"
+        );
+        v.value = e.offsetWidth;
+      }
+    };
+    return V(s, () => {
+      y();
+    }), (e, i) => {
+      var c, p, b;
+      return r(), d("div", I, [
+        a.value.length && e.readonly ? (r(), $(G, u({ key: 0 }, (c = m(n)) == null ? void 0 : c.copybutton, {
+          icon: h.value ? "check" : "file-copy",
+          onClick: M,
+          size: "small",
+          text: ""
+        }), null, 16, ["icon"])) : x("", !0),
+        o("div", u((p = m(n)) == null ? void 0 : p.body, { style: { "scrollbar-width": "none" } }), [
+          e.readonly ? x("", !0) : z((r(), d("textarea", u({
+            key: 0,
+            ref_key: "textarea",
+            ref: j
+          }, (b = m(n)) == null ? void 0 : b.textarea, {
+            "onUpdate:modelValue": i[0] || (i[0] = (t) => a.value = t),
+            placeholder: e.placeholder,
+            spellcheck: !1,
+            style: `left: ${v.value}px; width: calc(100% - ${v.value + 6}px); scrollbar-width: none;`
+          }), null, 16, K)), [
+            [D, a.value]
+          ]),
+          o("table", {
+            ref_key: "codesnippet",
+            ref: f,
+            class: "relative"
+          }, [
+            o("tbody", O, [
+              (r(!0), d(E, null, W(s.value, ({ line: t, code: C }) => {
+                var _;
+                return r(), d("tr", {
+                  key: t,
+                  class: "h-5"
+                }, [
+                  o("td", u({ ref_for: !0 }, (_ = m(n)) == null ? void 0 : _.linenumber, {
+                    class: [
+                      {
+                        "pt-1.5": t === 1,
+                        "pb-1.5": t === s.value.length
+                      }
+                    ],
+                    "data-wv-section": "linenumber"
+                  }), q(t), 17),
+                  o("td", {
+                    class: F([
+                      "px-1.5",
+                      {
+                        "pt-1.5": t == 1,
+                        "pb-1.5": t === s.value.length
+                      }
+                    ])
+                  }, [
+                    o("pre", {
+                      innerHTML: C,
+                      class: "font-poppins"
+                    }, null, 8, Q)
+                  ], 2)
+                ]);
+              }), 128))
+            ])
+          ], 512)
+        ], 16)
+      ]);
+    };
+  }
+});
+export {
+  re as _
+};

package/codesnippetadapter/index.es.js

@@ -0,0 +1,26 @@
+import { defineComponent as n, ref as d, watch as p, createBlock as s, openBlock as c, unref as l, withCtx as i, createVNode as u } from "vue";
+import { n as m, N as f } from "../vendor/@tiptap/vue-3/dist/index.es.js";
+import { _ } from "../codesnippet/index.es.js";
+const x = /* @__PURE__ */ n({
+  __name: "CodeSnippetAdapter",
+  props: m,
+  setup(r) {
+    const o = r, e = d(o.node.attrs.code);
+    return p(e, () => {
+      o.updateAttributes({ code: e.value });
+    }), (w, t) => (c(), s(l(f), null, {
+      default: i(() => [
+        u(_, {
+          code: e.value,
+          "onUpdate:code": t[0] || (t[0] = (a) => e.value = a),
+          readonly: !o.editor.isEditable,
+          placeholder: "Masukan Code"
+        }, null, 8, ["code", "readonly"])
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  x as _
+};

package/columnlist/index.es.js

@@ -0,0 +1,229 @@
+import { reactive as $, defineComponent as _, mergeModels as q, useModel as U, ref as J, shallowRef as K, computed as B, watch as T, createElementBlock as w, openBlock as k, Fragment as E, renderList as z, createCommentVNode as G, mergeProps as I, withModifiers as C, createVNode as A } from "vue";
+import { _ as Q } from "../checkbox/index.es.js";
+import { _ as W } from "../icon/index.es.js";
+import { c as X } from "../vendor/lodash-es/cloneDeep.es.js";
+const Y = (o, d, l) => {
+  if (d && l > d) {
+    let r = 0;
+    return o.map((n) => {
+      const m = d !== void 0 && r < d, c = n.checkedByDefault !== !1 && d === void 0 || n.checkedByDefault !== !1 && m;
+      return c && r++, {
+        ...n,
+        visible: c
+      };
+    });
+  }
+  return o;
+}, x = "tableConfigs", Z = () => "user-" + (JSON.parse(localStorage.getItem("user") ?? "{}")._id ?? "unknown"), N = async () => {
+  let o = null;
+  return new Promise((d) => {
+    const l = indexedDB.open(Z(), 1);
+    l.onupgradeneeded = (r) => {
+      o = r.target.result, o.createObjectStore(x);
+    }, l.onsuccess = (r) => {
+      o = r.target.result, d(o);
+    };
+  });
+}, ee = async () => {
+  const l = (await N()).transaction(x, "readonly").objectStore(x);
+  return new Promise((r) => {
+    let n, m;
+    l.getAllKeys().onsuccess = (c) => {
+      n = c.target.result;
+    }, l.getAll().onsuccess = (c) => {
+      m = c.target.result;
+      const b = {};
+      n.forEach((g, y) => {
+        b[g] = m[y];
+      }), r(b);
+    };
+  });
+}, S = $({}), te = async () => {
+  const o = async (d, l) => {
+    S[d] = l, (await N()).transaction(x, "readwrite").objectStore(x).put(l, d);
+  };
+  return Object.assign(S, await ee()), {
+    config: S,
+    setConfig: o
+  };
+}, ae = ["id", "data-item-dragable", "draggable", "onDragenter", "onDragstart"], re = /* @__PURE__ */ _({
+  __name: "ColumnList",
+  props: /* @__PURE__ */ q({
+    tableId: {},
+    defaultColumns: {},
+    visibleColumns: {},
+    maxColumn: {},
+    type: {},
+    savedColumns: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(o, { expose: d }) {
+    const l = o, r = U(o, "modelValue"), n = J([]), m = K(), c = B(() => [...n.value].filter((a) => a.visible !== !1)), b = B(() => l.maxColumn ? c.value.length >= l.maxColumn : !1), g = (a) => a.dragable !== !1 && y(a), y = (a) => {
+      if (!b.value) return !0;
+      const t = r.value.findIndex((e) => e.field === a.field) > 0;
+      return b.value && t;
+    }, H = (a) => {
+      const t = [];
+      for (const e of a)
+        if (e.parentHeader) {
+          const s = t.find(
+            (f) => f.parentHeaderField === e.parentHeader.field
+          );
+          s ? s.siblingHeaders.push(e) : t.push({
+            ...e,
+            parentHeaderField: e.parentHeader.field,
+            siblingHeaders: []
+          });
+        } else
+          t.push(e);
+      return t;
+    }, D = (a) => {
+      const t = [];
+      for (const e of a)
+        e.parentHeaderField ? t.push(e, ...e.siblingHeaders) : t.push(e);
+      return t;
+    }, V = () => {
+      n.value = Y(
+        n.value,
+        l.maxColumn,
+        c.value.length
+      ), r.value = D([...c.value]);
+    }, h = async () => {
+      const a = D(
+        n.value
+      ).map((e) => ({
+        field: e.field,
+        width: e.width ?? "max-content",
+        visible: e.visible !== !1,
+        fixed: !!e.fixed
+      })), { setConfig: t } = await te();
+      await t(l.tableId, a);
+    }, R = () => {
+      r.value = D([...n.value]);
+    }, L = (a, t, e) => {
+      const { dataTransfer: s } = a;
+      m.value = t, s && (s.dropEffect = "move", s.effectAllowed = "move", s.setData("field", t.field), s.setData("index", e.toString()));
+    }, j = async () => {
+      m.value = void 0, R(), await h();
+    }, F = (a, t) => {
+      var e, s;
+      if (a.preventDefault(), g(t)) {
+        const f = a.target, u = f.tagName === "LI" ? f : f.closest("li");
+        if (u == null || u.classList.add("bg-primary-50"), (e = u == null ? void 0 : u.nextElementSibling) == null || e.classList.remove("bg-primary-50"), (s = u == null ? void 0 : u.previousElementSibling) == null || s.classList.remove("bg-primary-50"), !u || !m.value) return;
+        const i = n.value.findIndex(
+          (p) => {
+            var M;
+            return p.field === ((M = m.value) == null ? void 0 : M.field);
+          }
+        ), v = n.value.findIndex(
+          (p) => p.field === u.id
+        );
+        i !== -1 && v !== -1 && ([
+          n.value[i],
+          n.value[v]
+        ] = [
+          n.value[v],
+          n.value[i]
+        ]);
+      }
+    }, O = (a) => {
+      const t = a.target.querySelector("label");
+      t && t.click();
+    }, P = () => {
+      const a = X(l.defaultColumns);
+      if (l.maxColumn && a.length > l.maxColumn) {
+        let t = 0;
+        n.value = H(
+          a.map((e) => {
+            const s = l.maxColumn !== void 0 && t < l.maxColumn, f = e.checkedByDefault !== !1 && l.maxColumn === void 0 || e.checkedByDefault !== !1 && s;
+            return f && t++, {
+              ...e,
+              visible: f
+            };
+          })
+        );
+      } else
+        n.value = H(a);
+      r.value = D([...c.value]), h();
+    };
+    return T(
+      () => l.savedColumns,
+      (a) => {
+        n.value = H(a) ?? [];
+      },
+      { immediate: !0 }
+    ), d({
+      setColumnVisibilityConfig: h,
+      resetToDefault: P,
+      updateVisibleColumnsModel: V
+    }), (a, t) => (k(), w("ul", null, [
+      (k(!0), w(E, null, z(n.value, (e, s) => {
+        var f, u;
+        return k(), w(E, null, [
+          e.reorderable !== !1 ? (k(), w("li", I(
+            {
+              id: e.field,
+              key: e.field,
+              ref_for: !0
+            },
+            a.$preset.customcolumn.menuitem({
+              props: l,
+              context: { dragable: g(e) }
+            }),
+            {
+              "data-item-dragable": g(e),
+              draggable: g(e),
+              onClick: O,
+              onDragend: j,
+              onDragenter: C((i) => F(i, e), ["prevent"]),
+              onDragleave: t[2] || (t[2] = C(() => {
+              }, ["prevent"])),
+              onDragover: t[3] || (t[3] = C(() => {
+              }, ["prevent"])),
+              onDragstart: (i) => L(i, e, s),
+              onMouseenter: t[4] || (t[4] = (i) => i.target.classList.add("bg-primary-50")),
+              onMouseleave: t[5] || (t[5] = (i) => i.target.classList.remove("bg-primary-50")),
+              "data-wv-section": "custom-column-menu-item"
+            }
+          ), [
+            A(W, I(
+              {
+                onClick: t[0] || (t[0] = C(() => {
+                }, ["stop"])),
+                ref_for: !0
+              },
+              (f = a.$preset.customcolumn) == null ? void 0 : f.dragicon({
+                context: { dragable: g(e) }
+              }),
+              { icon: "dragable-menu" }
+            ), null, 16),
+            A(Q, {
+              "aria-label": e.header,
+              disabled: e.fixed,
+              label: ((u = e.parentHeader) == null ? void 0 : u.header) ?? e.header,
+              "model-value": e.visible !== !1,
+              selectable: y(e),
+              onClick: t[1] || (t[1] = C(() => {
+              }, ["stop"])),
+              "onUpdate:modelValue": (i) => {
+                var v;
+                e.visible = !!i, (v = e.siblingHeaders) == null || v.forEach((p) => {
+                  p.visible = !!i;
+                }), V(), h();
+              },
+              class: "!w-full"
+            }, null, 8, ["aria-label", "disabled", "label", "model-value", "selectable", "onUpdate:modelValue"])
+          ], 16, ae)) : G("", !0)
+        ], 64);
+      }), 256))
+    ]));
+  }
+});
+export {
+  re as _,
+  Y as s,
+  te as u
+};

package/components.d.ts

@@ -0,0 +1,84 @@
+export { default as ApproverInfo } from './approverinfo';
+export { default as Badge } from './badge';
+export { default as BadgeGroup } from './badgegroup';
+export { default as BaseTree } from './basetree';
+export { default as Breadcrumb } from './breadcrumb';
+export { default as Button } from './button';
+export { default as ButtonBulkAction } from './buttonbulkaction';
+export { default as ButtonCopy } from './buttoncopy';
+export { default as ButtonDownload } from './buttondownload';
+export { default as ButtonFilter } from './buttonfilter';
+export { default as ButtonRadio } from './buttonradio';
+export { default as ButtonScan } from './buttonscan';
+export { default as ButtonSearchByScan } from './buttonsearchbyscan';
+export { default as ButtonSearch } from './buttonsearch';
+export { default as ButtonSelectTree } from './buttonselecttree';
+export { default as ButtonSync } from './buttonsync';
+export { default as ButtonToggle } from './buttontoggle';
+export { default as Calendar } from './calendar';
+export { default as Card } from './card';
+export { default as Carousel } from './carousel';
+export { default as Checkbox } from './checkbox';
+export { default as CustomColumn } from './customcolumn';
+export { default as DataTable } from './datatable';
+export { default as Dialog } from './dialog';
+export { default as DialogConfirm } from './dialogconfirm';
+export { default as DialogForm } from './dialogform';
+export { default as DialogSelectTree } from './dialogselecttree';
+export { default as Dropdown } from './dropdown';
+export { default as Editor } from './editor';
+export { default as FileUpload } from './fileupload';
+export { default as Form } from './form';
+export { default as Icon } from './icon';
+export { default as Image } from './image';
+export { default as ImageCompressor } from './imagecompressor';
+export { default as InlineMessage } from './inlinemessage';
+export { default as InputBadge } from './inputbadge';
+export { default as InputCurrency } from './inputcurrency';
+export { default as InputEmail } from './inputemail';
+export { default as InputNumber } from './inputnumber';
+export { default as InputOtp } from './inputotp';
+export { default as InputPassword } from './inputpassword';
+export { default as InputPhoneNumber } from './inputphonenumber';
+export { default as InputRangeNumber } from './inputrangenumber';
+export { default as InputText } from './inputtext';
+export { default as InputURL } from './inputurl';
+export { default as InvisibleField } from './invisiblefield';
+export { default as LiteDropdown } from './litedropdown';
+export { default as LanguageSwitcher } from './languageswitcher';
+export { default as Loading } from './loading';
+export { default as Menu } from './menu';
+export { default as MultiSelect } from './multiselect';
+export { default as OverlayPanel } from './overlaypanel';
+export { default as Paginator } from './paginator';
+export { default as TabMenu } from './tabmenu';
+export { default as TagType } from './tagtype';
+export { default as Textarea } from './textarea';
+export { default as Timeline } from './timeline';
+export { default as Toast } from './toast';
+export { default as ToggleSwitch } from './toggleswitch';
+export { default as Tree } from './tree';
+export { default as UserName } from './username';
+export { default as ValidatorMessage } from './validatormessage';
+
+export { default as AssetInfo } from './assetinfo';
+export { default as ButtonAddByScan } from './buttonaddbyscan';
+export { default as ButtonSelectUser } from './buttonselectuser';
+export { default as ButtonViewLog } from './buttonviewlog';
+export { default as DialogLinkedAsset } from './dialoglinkedasset';
+export { default as DialogSelectUser } from './dialogselectuser';
+export { default as UserWithIcon } from './userwithicon';
+export { default as FilterContainer } from './filtercontainer';
+export { default as InputSearch } from './inputsearch';
+export { default as TransactionRoles } from './transactionroles';
+export { default as DatePicker } from './datepicker';
+export { default as DayPicker } from './daypicker';
+export { default as DialogPrintQR } from './dialogprintqr';
+export { default as DialogAssetNameDetail } from './dialogassetnamedetail';
+export { default as DialogReportTag } from './dialogreporttag';
+export { default as DialogReportDamage } from './dialogreportdamage';
+export { default as DialogReportMissing } from './dialogreportmissing';
+export { default as DialogTransferLog } from './dialogtransferlog';
+export { default as DialogDamageLog } from './dialogdamagelog';
+export { default as DisposalReport } from './disposalreport';
+export { default as Steps } from './steps';