x-essential-lib 0.1.0 → 0.1.1

package/.editorconfig

@@ -0,0 +1,5 @@
+[*.{js,jsx,ts,tsx,vue}]
+indent_style = space
+indent_size = 2
+trim_trailing_whitespace = true
+insert_final_newline = true

package/.eslintignore

@@ -0,0 +1 @@
+dist/

package/.eslintrc.cjs

@@ -0,0 +1,18 @@
+/* eslint-env node */
+require('@rushstack/eslint-patch/modern-module-resolution')
+
+module.exports = {
+  root: true,
+  extends: [
+    'plugin:vue/vue3-essential',
+    'eslint:recommended',
+    '@vue/eslint-config-typescript',
+    '@vue/eslint-config-prettier/skip-formatting'
+  ],
+  parserOptions: {
+    ecmaVersion: 'latest'
+  },
+  rules: {
+    'vue/multi-word-component-names': 'off'
+  }
+}

package/.husky/pre-commit

@@ -0,0 +1 @@
+npm run lint-staged

package/.prettierignore

@@ -0,0 +1,7 @@
+.husky/
+dist/
+src/types/auto-imports.d.ts
+src/types/components.d.ts
+src/types/typed-router.d.ts
+types/
+pnpm-lock.yaml

package/.prettierrc

@@ -0,0 +1,16 @@
+# global
+printWidth: 80
+tabWidth: 2
+useTabs: false
+# common
+singleQuote: true
+bracketSpacing: true
+bracketSameLine: false
+singleAttributePerLine: false
+# javascript
+semi: false
+quoteProps: consistent
+arrowParens: avoid
+trailingComma: none
+# html
+htmlWhitespaceSensitivity: ignore

package/dist/index.d.ts

@@ -0,0 +1,89 @@
+import { DefineComponent } from 'vue'
+
+export declare const XConfirmDlg: DefineComponent<
+  {
+    modelValue: {
+      type: Boolean
+      required: true
+    }
+  },
+        {
+    'update:modelValue'(value: boolean): void
+  },
+  unknown
+>
+
+export declare const XLoading: DefineComponent<
+  {
+    zIndex: {
+      type: Number
+      default: 1
+    }
+  },
+  {},
+  unknown
+>
+
+export declare const XMessage: DefineComponent<{}, {}, unknown>
+
+export declare const XPromptDlg: DefineComponent<
+  {
+    modelValue: {
+      type: Boolean
+      required: true
+    }
+  },
+  {
+    'update:modelValue'(value: boolean): void
+  },
+  unknown
+>
+
+export declare const XMessage: DefineComponent<{}, {}, unknown>
+
+export declare function waitMs(ms: number): Promise<void>
+
+export declare function waitUtil(
+  conditionFunc: () => boolean,
+  timeout?: number,
+  interval?: number
+): Promise<boolean>
+
+interface ButtonOptions {
+  color?: string
+  text?: string
+}
+
+interface ConfirmParams {
+  title: string
+  text: string
+  cancel?: ButtonOptions
+  confirm?: ButtonOptions
+}
+
+export declare function openConfirmDlg(
+  params: ConfirmParams
+): Promise<boolean | undefined>
+
+interface PromptParams {
+  title: string
+  text?: string
+  label?: string
+  placeholder?: string
+  rules?: ((val: string) => string | boolean)[]
+  value?: string
+  cancel?: ButtonOptions
+  confirm?: ButtonOptions
+}
+
+export declare function openPromptDlg(params: PromptParams): Promise<any>
+
+export declare function openWaitDlg()
+export declare function closeWaitDlg()
+
+export declare function messageError(text: string, timeout?: number)
+export declare function messageInfo(text: string, timeout?: number)
+export declare function messageSuccess(text: string, timeout?: number)
+export declare function messageWarning(text: string, timeout?: number)
+
+export declare function appAppear(name: string)

package/dist/index.js

@@ -0,0 +1,513 @@
+(function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.appendChild(document.createTextNode('.x-cont[data-v-a8f3d91f]{position:absolute;top:0;left:0;bottom:0;right:0;display:flex;align-items:center;justify-content:center}.lds-spinner[data-v-a8f3d91f]{color:official;display:inline-block;position:relative;width:40px;height:40px}.lds-spinner div[data-v-a8f3d91f]{transform-origin:20px 20px;animation:lds-spinner-a8f3d91f 1.2s linear infinite}.lds-spinner div[data-v-a8f3d91f]:after{content:" ";display:block;position:absolute;top:3px;left:18px;width:2px;height:6px;border-radius:5%;background:#9e9e9e}.lds-spinner div[data-v-a8f3d91f]:nth-child(1){transform:rotate(0);animation-delay:-1.1s}.lds-spinner div[data-v-a8f3d91f]:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.lds-spinner div[data-v-a8f3d91f]:nth-child(3){transform:rotate(60deg);animation-delay:-.9s}.lds-spinner div[data-v-a8f3d91f]:nth-child(4){transform:rotate(90deg);animation-delay:-.8s}.lds-spinner div[data-v-a8f3d91f]:nth-child(5){transform:rotate(120deg);animation-delay:-.7s}.lds-spinner div[data-v-a8f3d91f]:nth-child(6){transform:rotate(150deg);animation-delay:-.6s}.lds-spinner div[data-v-a8f3d91f]:nth-child(7){transform:rotate(180deg);animation-delay:-.5s}.lds-spinner div[data-v-a8f3d91f]:nth-child(8){transform:rotate(210deg);animation-delay:-.4s}.lds-spinner div[data-v-a8f3d91f]:nth-child(9){transform:rotate(240deg);animation-delay:-.3s}.lds-spinner div[data-v-a8f3d91f]:nth-child(10){transform:rotate(270deg);animation-delay:-.2s}.lds-spinner div[data-v-a8f3d91f]:nth-child(11){transform:rotate(300deg);animation-delay:-.1s}.lds-spinner div[data-v-a8f3d91f]:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes lds-spinner-a8f3d91f{0%{opacity:1}to{opacity:0}}.x-cont[data-v-70ed4b89]{position:absolute;left:50%;bottom:20px;transform:translate(-50%);z-index:9999}')),document.head.appendChild(a)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+import { getCurrentInstance as oe, inject as F, defineComponent as I, useModel as G, ref as _, computed as w, onMounted as W, onBeforeUnmount as L, watch as O, resolveComponent as m, openBlock as V, createBlock as M, withKeys as j, withModifiers as R, withCtx as p, createVNode as g, createTextVNode as h, toDisplayString as D, createElementBlock as K, normalizeStyle as le, pushScopeId as ae, popScopeId as se, createElementVNode as v, reactive as re, Fragment as ce, renderList as ie, unref as ue } from "vue";
+function de(t) {
+  return { all: t = t || /* @__PURE__ */ new Map(), on: function(n, e) {
+    var o = t.get(n);
+    o ? o.push(e) : t.set(n, [e]);
+  }, off: function(n, e) {
+    var o = t.get(n);
+    o && (e ? o.splice(o.indexOf(e) >>> 0, 1) : t.set(n, []));
+  }, emit: function(n, e) {
+    var o = t.get(n);
+    o && o.slice().map(function(l) {
+      l(e);
+    }), (o = t.get("*")) && o.slice().map(function(l) {
+      l(n, e);
+    });
+  } };
+}
+const s = de();
+async function ke(t) {
+  return new Promise((n) => {
+    setTimeout(n, t);
+  });
+}
+async function X(t, n, e) {
+  const o = Date.now();
+  return new Promise((l) => {
+    const u = async () => {
+      t() ? l(!0) : n && Date.now() - o > n ? l(!1) : setTimeout(u, e ?? 30);
+    };
+    u();
+  });
+}
+function fe(t, n) {
+  const e = oe();
+  if (!e)
+    throw new Error(`[Vuetify] ${t} must be called from inside a setup function`);
+  return e;
+}
+const me = Symbol.for("vuetify:locale");
+function z() {
+  const t = F(me);
+  if (!t)
+    throw new Error("[Vuetify] Could not find injected locale instance");
+  return t;
+}
+const pe = Symbol.for("vuetify:theme");
+function ve() {
+  fe("useTheme");
+  const t = F(pe, null);
+  if (!t)
+    throw new Error("Could not find Vuetify theme injection");
+  return t;
+}
+const Ie = /* @__PURE__ */ I({
+  __name: "index",
+  props: {
+    modelValue: { type: Boolean, required: !0 },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(t) {
+    const n = z(), e = G(t, "modelValue"), o = _(""), l = _(""), u = _(), c = _(), i = w(() => {
+      var r;
+      return ((r = u.value) == null ? void 0 : r.color) ?? "primary";
+    }), f = w(() => {
+      var r;
+      return ((r = u.value) == null ? void 0 : r.text) ?? n.t("cancel");
+    }), d = w(() => {
+      var r;
+      return ((r = c.value) == null ? void 0 : r.color) ?? "primary";
+    }), b = w(() => {
+      var r;
+      return ((r = c.value) == null ? void 0 : r.text) ?? n.t("confirm");
+    });
+    let T = 0, C = !1;
+    const B = (r) => {
+      o.value = r.title, l.value = r.text, u.value = r.cancel, c.value = r.confirm, T = r.seq, C = !1, e.value = !0;
+    };
+    W(() => {
+      s.on("confirmDlg", B);
+    }), L(() => {
+      s.off("confirmDlg", B);
+    });
+    const E = () => {
+      e.value = !1, C || (s.emit("confirmDlgResult" + T, !0), C = !0);
+    };
+    return O(e, (r) => {
+      !r && !C && (s.emit("confirmDlgResult" + T, !1), C = !0);
+    }), (r, y) => {
+      const k = m("v-card-title"), U = m("v-card-text"), $ = m("v-btn"), a = m("v-card-actions"), x = m("v-card"), N = m("v-dialog");
+      return V(), M(N, {
+        modelValue: e.value,
+        "onUpdate:modelValue": y[1] || (y[1] = (q) => e.value = q),
+        onKeydown: [
+          y[2] || (y[2] = j(R((q) => e.value = !1, ["stop", "prevent"]), ["esc"])),
+          j(R(E, ["stop", "prevent"]), ["enter"])
+        ],
+        transition: "dialog-top-transition",
+        "max-width": "600px"
+      }, {
+        default: p(() => [
+          g(x, null, {
+            default: p(() => [
+              g(k, null, {
+                default: p(() => [
+                  h(D(o.value), 1)
+                ]),
+                _: 1
+              }),
+              g(U, null, {
+                default: p(() => [
+                  h(D(l.value), 1)
+                ]),
+                _: 1
+              }),
+              g(a, { class: "d-flex justify-end" }, {
+                default: p(() => [
+                  g($, {
+                    onClick: y[0] || (y[0] = (q) => e.value = !1),
+                    color: i.value,
+                    variant: "text"
+                  }, {
+                    default: p(() => [
+                      h(D(f.value), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["color"]),
+                  g($, {
+                    onClick: E,
+                    color: d.value,
+                    variant: "text"
+                  }, {
+                    default: p(() => [
+                      h(D(b.value), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["color"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["modelValue", "onKeydown"]);
+    };
+  }
+}), _e = (t) => (ae("data-v-a8f3d91f"), t = t(), se(), t), ge = /* @__PURE__ */ _e(() => /* @__PURE__ */ v("div", { class: "lds-spinner" }, [
+  /* @__PURE__ */ v("div"),
+  /* @__PURE__ */ v("div"),
+  /* @__PURE__ */ v("div"),
+  /* @__PURE__ */ v("div"),
+  /* @__PURE__ */ v("div"),
+  /* @__PURE__ */ v("div"),
+  /* @__PURE__ */ v("div"),
+  /* @__PURE__ */ v("div"),
+  /* @__PURE__ */ v("div"),
+  /* @__PURE__ */ v("div"),
+  /* @__PURE__ */ v("div"),
+  /* @__PURE__ */ v("div")
+], -1)), xe = [
+  ge
+], ye = /* @__PURE__ */ I({
+  __name: "index",
+  props: {
+    zIndex: {
+      type: Number,
+      default: 1
+    }
+  },
+  setup(t) {
+    const n = ve(), e = t, o = w(() => ({
+      background: n.current.value.dark ? "#1e1e1e" : "#ffffff",
+      zIndex: e.zIndex
+    }));
+    return (l, u) => (V(), K("div", {
+      class: "x-cont",
+      style: le(o.value)
+    }, xe, 4));
+  }
+}), H = (t, n) => {
+  const e = t.__vccOpts || t;
+  for (const [o, l] of n)
+    e[o] = l;
+  return e;
+}, Te = /* @__PURE__ */ H(ye, [["__scopeId", "data-v-a8f3d91f"]]), we = /* @__PURE__ */ I({
+  __name: "item",
+  props: {
+    id: {
+      type: Number,
+      required: !0
+    },
+    type: {
+      type: String,
+      required: !0
+    },
+    text: {
+      type: String,
+      required: !0
+    },
+    timeout: {
+      type: Number,
+      default: 5e3
+    }
+  },
+  emits: ["timeout"],
+  setup(t, { emit: n }) {
+    const e = t, o = _(!0), l = n, u = w(() => {
+      let c = "";
+      switch (e.type) {
+        case "error":
+          c = "cancel";
+          break;
+        case "info":
+          c = "info";
+          break;
+        case "success":
+          c = "check-circle";
+          break;
+        case "warning":
+          c = "error";
+          break;
+      }
+      return c;
+    });
+    return W(() => {
+      setTimeout(() => {
+        l("timeout", e.id);
+      }, e.timeout);
+    }), O(o, (c) => {
+      c || l("timeout", e.id);
+    }), (c, i) => {
+      const f = m("v-alert");
+      return V(), M(f, {
+        modelValue: o.value,
+        "onUpdate:modelValue": i[0] || (i[0] = (d) => o.value = d),
+        class: "mt-2",
+        type: t.type,
+        icon: u.value,
+        text: t.text,
+        "max-width": "90%",
+        width: "500px",
+        elevation: "1",
+        density: "compact",
+        closable: ""
+      }, null, 8, ["modelValue", "type", "icon", "text"]);
+    };
+  }
+}), De = /* @__PURE__ */ I({
+  __name: "index",
+  setup(t) {
+    const n = re({ items: [] });
+    W(() => {
+      s.on("message", e);
+    }), L(() => {
+      s.off("message", e);
+    });
+    const e = (i) => {
+      u(i.type, i.text, i.timeout);
+    }, o = (i) => {
+      c(i);
+    };
+    let l = 0;
+    const u = (i, f, d) => {
+      const b = l++;
+      n.items.push({ id: b, type: i, text: f, timeout: d });
+    }, c = (i) => {
+      const f = n.items.findIndex((d) => d.id === i);
+      f >= 0 && n.items.splice(f, 1);
+    };
+    return (i, f) => (V(), K("div", {
+      onClick: f[0] || (f[0] = R(() => {
+      }, ["stop"])),
+      class: "x-cont d-flex flex-column-reverse align-center"
+    }, [
+      (V(!0), K(ce, null, ie(n.items, (d) => (V(), M(we, {
+        onTimeout: o,
+        id: d.id,
+        type: d.type,
+        text: d.text,
+        timeout: d.timeout,
+        key: d.id
+      }, null, 8, ["id", "type", "text", "timeout"]))), 128))
+    ]));
+  }
+}), $e = /* @__PURE__ */ H(De, [["__scopeId", "data-v-70ed4b89"]]), qe = /* @__PURE__ */ I({
+  __name: "index",
+  props: {
+    modelValue: { type: Boolean, required: !0 },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(t) {
+    const n = z(), e = G(t, "modelValue"), o = _(""), l = _(""), u = _(), c = _(), i = _(), f = _(""), d = _(), b = _(), T = w(() => {
+      var a;
+      return ((a = d.value) == null ? void 0 : a.color) ?? "primary";
+    }), C = w(() => {
+      var a;
+      return ((a = d.value) == null ? void 0 : a.text) ?? n.t("cancel");
+    }), B = w(() => {
+      var a;
+      return ((a = b.value) == null ? void 0 : a.color) ?? "primary";
+    }), E = w(() => {
+      var a;
+      return ((a = b.value) == null ? void 0 : a.text) ?? n.t("confirm");
+    }), r = _();
+    let y = 0, k = !1;
+    const U = async (a) => {
+      var x;
+      o.value = a.title, l.value = a.text, u.value = a.label, c.value = a.placeholder, i.value = a.rules, f.value = a.value, d.value = a.cancel, b.value = a.confirm, y = a.seq, k = !1, e.value = !0, await X(() => r.value !== void 0, 1e3), (x = r.value) == null || x.focus();
+    };
+    W(() => {
+      s.on("promptDlg", U);
+    }), L(() => {
+      s.off("promptDlg", U);
+    });
+    const $ = () => {
+      e.value = !1, k || (s.emit("promptDlgResult" + y, f.value ?? ""), k = !0);
+    };
+    return O(e, (a) => {
+      !a && !k && (s.emit("promptDlgResult" + y, void 0), k = !0);
+    }), (a, x) => {
+      const N = m("v-card-title"), q = m("v-card-text"), Y = m("v-text-field"), Z = m("v-form"), P = m("v-btn"), ee = m("v-card-actions"), te = m("v-card"), ne = m("v-dialog");
+      return V(), M(ne, {
+        modelValue: e.value,
+        "onUpdate:modelValue": x[2] || (x[2] = (S) => e.value = S),
+        onKeydown: [
+          x[3] || (x[3] = j(R((S) => e.value = !1, ["stop", "prevent"]), ["esc"])),
+          j(R($, ["stop", "prevent"]), ["enter"])
+        ],
+        transition: "dialog-top-transition",
+        "max-width": "600px"
+      }, {
+        default: p(() => [
+          g(te, null, {
+            default: p(() => [
+              g(N, null, {
+                default: p(() => [
+                  h(D(o.value), 1)
+                ]),
+                _: 1
+              }),
+              g(q, null, {
+                default: p(() => [
+                  h(D(l.value), 1)
+                ]),
+                _: 1
+              }),
+              g(Z, { class: "mx-3" }, {
+                default: p(() => [
+                  g(Y, {
+                    modelValue: f.value,
+                    "onUpdate:modelValue": x[0] || (x[0] = (S) => f.value = S),
+                    label: u.value,
+                    placeholder: c.value,
+                    rules: i.value,
+                    ref_key: "target",
+                    ref: r
+                  }, null, 8, ["modelValue", "label", "placeholder", "rules"])
+                ]),
+                _: 1
+              }),
+              g(ee, { class: "d-flex justify-end" }, {
+                default: p(() => [
+                  g(P, {
+                    onClick: x[1] || (x[1] = (S) => e.value = !1),
+                    color: T.value,
+                    variant: "text"
+                  }, {
+                    default: p(() => [
+                      h(D(C.value), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["color"]),
+                  g(P, {
+                    onClick: $,
+                    color: B.value,
+                    variant: "text"
+                  }, {
+                    default: p(() => [
+                      h(D(E.value), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["color"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["modelValue", "onKeydown"]);
+    };
+  }
+}), he = { class: "mx-auto my-auto" }, Ve = { class: "d-flex align-center justify-center w-100 h-100" }, Se = /* @__PURE__ */ I({
+  __name: "index",
+  setup(t) {
+    const n = z(), e = _(!1), o = () => {
+      e.value = !0;
+    }, l = () => {
+      e.value = !1;
+    };
+    return W(() => {
+      s.on("openWaitDlg", o), s.on("closeWaitDlg", l);
+    }), L(() => {
+      s.off("openWaitDlg", o), s.off("closeWaitDlg", l);
+    }), (u, c) => {
+      const i = m("v-card"), f = m("v-dialog");
+      return V(), M(f, {
+        "model-value": e.value,
+        "onUpdate:modelValue": c[0] || (c[0] = (d) => e.value = d),
+        persistent: "",
+        "no-click-animation": "",
+        fullscreen: ""
+      }, {
+        default: p(() => [
+          v("div", he, [
+            g(i, {
+              width: "300px",
+              height: "80px",
+              loading: ""
+            }, {
+              default: p(() => [
+                v("div", Ve, [
+                  v("span", null, D(ue(n).t("waitingResponse")), 1)
+                ])
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        _: 1
+      }, 8, ["model-value"]);
+    };
+  }
+});
+let A = Date.now();
+function J() {
+  const t = Date.now();
+  return t - A > 500 ? (A = t, !0) : !1;
+}
+let be = 0;
+function Q() {
+  return ++be;
+}
+async function Re(t) {
+  if (!J())
+    return;
+  let n = !1, e;
+  const o = (u) => {
+    e = u, n = !0;
+  }, l = Q();
+  return s.on("confirmDlgResult" + l, o), s.emit("confirmDlg", { ...t, seq: l }), await X(() => n), s.off("confirmDlgResult" + l, o), e;
+}
+async function We(t) {
+  if (!J())
+    return;
+  let n = !1, e;
+  const o = (u) => {
+    e = u, n = !0;
+  }, l = Q();
+  return s.on("promptDlgResult" + l, o), s.emit("promptDlg", { ...t, seq: l }), await X(() => n), s.off("promptDlgResult" + l, o), e;
+}
+function Me() {
+  s.emit("openWaitDlg");
+}
+function Be() {
+  s.emit("closeWaitDlg");
+}
+function Ee(t, n) {
+  s.emit("message", { type: "error", text: t, timeout: n });
+}
+function Ue(t, n) {
+  s.emit("message", { type: "info", text: t, timeout: n });
+}
+function je(t, n) {
+  s.emit("message", { type: "success", text: t, timeout: n });
+}
+function Le(t, n) {
+  s.emit("message", { type: "warning", text: t, timeout: n });
+}
+function Ne(t) {
+  var o, l;
+  if (!window.appAppear) {
+    window.appAppear = !0;
+    return;
+  }
+  const n = "single-spa-application:" + t, e = (o = document.getElementById(n)) == null ? void 0 : o.classList;
+  e && (e.remove("app-left", "app-right", "app-reset"), (l = window.routeExtras) != null && l.forward ? e.add("app-left") : e.add("app-right"), setTimeout(() => {
+    e.add("app-reset");
+  }, 0));
+}
+export {
+  Ie as XConfirmDlg,
+  Te as XLoading,
+  $e as XMessage,
+  qe as XPromptDlg,
+  Se as XWaitDlg,
+  Ne as appAppear,
+  Be as closeWaitDlg,
+  Ee as messageError,
+  Ue as messageInfo,
+  je as messageSuccess,
+  Le as messageWarning,
+  Re as openConfirmDlg,
+  We as openPromptDlg,
+  Me as openWaitDlg,
+  ke as waitMs,
+  X as waitUtil
+};

package/index.html

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>x-essential-lib</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>