quail-ui 0.2.3 → 0.2.4

package/dist/index.js

@@ -1,4 +1,4 @@
-import { openBlock as n, createElementBlock as s, createElementVNode as o, createStaticVNode as e1, defineComponent as T, ref as S, watch as n1, onMounted as h1, withDirectives as X, vModelText as i1, computed as F, createVNode as c1, Transition as u1, withCtx as C1, normalizeStyle as M1, withModifiers as f1, toDisplayString as O, renderSlot as _1, createCommentVNode as U, getCurrentInstance as k1, resolveComponent as l1, normalizeClass as W, unref as K, createBlock as Z, resolveDynamicComponent as t1, Fragment as x1, renderList as H1, vModelCheckbox as y1, pushScopeId as L1, popScopeId as V1, createTextVNode as z1 } from "vue";
+import { openBlock as n, createElementBlock as s, createElementVNode as o, createStaticVNode as e1, defineComponent as T, ref as S, watch as n1, onMounted as h1, withDirectives as X, vModelText as i1, computed as F, createVNode as c1, Transition as u1, withCtx as C1, normalizeStyle as M1, withModifiers as f1, toDisplayString as O, renderSlot as l1, createCommentVNode as U, getCurrentInstance as k1, resolveComponent as d1, normalizeClass as W, unref as K, createBlock as Z, resolveDynamicComponent as t1, Fragment as x1, renderList as H1, vModelCheckbox as y1, pushScopeId as L1, popScopeId as V1, createTextVNode as z1 } from "vue";
 const l = (t, e) => {
   const _ = t.__vccOpts || t;
   for (const [a, w] of e)
@@ -1034,7 +1034,7 @@ var w1 = { exports: {} };
   (function(_, a) {
     t.exports = a();
   })(O0, function() {
-    var _ = 1e3, a = 6e4, w = 36e5, p = "millisecond", v = "second", f = "minute", x = "hour", $ = "day", k = "week", L = "month", N = "quarter", b = "year", Y = "date", d1 = "Invalid Date", v1 = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, $1 = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, g1 = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(h) {
+    var _ = 1e3, a = 6e4, w = 36e5, p = "millisecond", v = "second", f = "minute", x = "hour", $ = "day", k = "week", L = "month", N = "quarter", b = "year", Y = "date", a1 = "Invalid Date", v1 = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, $1 = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, g1 = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(h) {
       var c = ["th", "st", "nd", "rd"], r = h % 100;
       return "[" + h + (c[(r - 20) % 10] || c[r] || c[0]) + "]";
     } }, o1 = function(h, c, r) {
@@ -1111,7 +1111,7 @@ var w1 = { exports: {} };
       }, c.$utils = function() {
         return g;
       }, c.isValid = function() {
-        return this.$d.toString() !== d1;
+        return this.$d.toString() !== a1;
       }, c.isSame = function(r, d) {
         var i = H(r);
         return this.startOf(d) <= i && i <= this.endOf(d);
@@ -1188,7 +1188,7 @@ var w1 = { exports: {} };
       }, c.format = function(r) {
         var d = this, i = this.$locale();
         if (!this.isValid())
-          return i.invalidDate || d1;
+          return i.invalidDate || a1;
         var u = r || "YYYY-MM-DDTHH:mm:ssZ", C = g.z(this), m = this.$H, M = this.$m, y = this.$M, V = i.weekdays, I = i.months, A = i.meridiem, D = function(z, Q, P, J) {
           return z && (z[Q] || z(d, u)) || P[Q].slice(0, J);
         }, q = function(z) {
@@ -1307,9 +1307,9 @@ var w1 = { exports: {} };
       }, c.toString = function() {
         return this.$d.toUTCString();
       }, h;
-    }(), a1 = R.prototype;
-    return H.prototype = a1, [["$ms", p], ["$s", v], ["$m", f], ["$H", x], ["$W", $], ["$M", L], ["$y", b], ["$D", Y]].forEach(function(h) {
-      a1[h[1]] = function(c) {
+    }(), _1 = R.prototype;
+    return H.prototype = _1, [["$ms", p], ["$s", v], ["$m", f], ["$H", x], ["$W", $], ["$M", L], ["$y", b], ["$D", Y]].forEach(function(h) {
+      _1[h[1]] = function(c) {
         return this.$g(c, h[0], h[1]);
       };
     }), H.extend = function(h, c) {
@@ -1426,10 +1426,10 @@ const q0 = /* @__PURE__ */ l(E0, [["__scopeId", "data-v-9b99e67f"]]), P0 = ["onC
             onClick: f1(v, ["stop"])
           }, [
             o("div", W0, [
-              t.title ? (n(), s("div", N0, O(t.title), 1)) : _1(f.$slots, "header", { key: 1 }, void 0, !0)
+              t.title ? (n(), s("div", N0, O(t.title), 1)) : l1(f.$slots, "header", { key: 1 }, void 0, !0)
             ]),
             o("div", G0, [
-              _1(f.$slots, "default", {}, void 0, !0)
+              l1(f.$slots, "default", {}, void 0, !0)
             ])
           ], 12, P0)
         ]),
@@ -1438,10 +1438,10 @@ const q0 = /* @__PURE__ */ l(E0, [["__scopeId", "data-v-9b99e67f"]]), P0 = ["onC
     ])) : U("", !0);
   }
 });
-const J0 = /* @__PURE__ */ l(R0, [["__scopeId", "data-v-dff1e7ea"]]), K0 = ["href"], X0 = { class: "fence-text" }, t7 = {
+const J0 = /* @__PURE__ */ l(R0, [["__scopeId", "data-v-dff1e7ea"]]), K0 = ["href"], X0 = { class: "fence-text" }, t9 = {
   key: 1,
   class: "fence-inner"
-}, e7 = { class: "fence-text" }, n7 = /* @__PURE__ */ T({
+}, e9 = { class: "fence-text" }, n9 = /* @__PURE__ */ T({
   __name: "QFence",
   props: {
     link: {
@@ -1464,7 +1464,7 @@ const J0 = /* @__PURE__ */ l(R0, [["__scopeId", "data-v-dff1e7ea"]]), K0 = ["hre
     var _;
     const e = (_ = k1()) == null ? void 0 : _.appContext.components;
     return (a, w) => {
-      const p = l1("QIconHelp");
+      const p = d1("QIconHelp");
       return n(), s("div", {
         class: W(["fence", t.type])
       }, [
@@ -1482,7 +1482,7 @@ const J0 = /* @__PURE__ */ l(R0, [["__scopeId", "data-v-dff1e7ea"]]), K0 = ["hre
             class: "icon"
           })),
           o("div", X0, O(t.text), 1)
-        ], 8, K0)) : (n(), s("div", t7, [
+        ], 8, K0)) : (n(), s("div", t9, [
           t.icon && K(e) ? (n(), Z(t1(K(e)[t.icon]), {
             key: 0,
             class: "icon"
@@ -1490,32 +1490,32 @@ const J0 = /* @__PURE__ */ l(R0, [["__scopeId", "data-v-dff1e7ea"]]), K0 = ["hre
             key: 1,
             class: "icon"
           })),
-          o("div", e7, O(t.text), 1)
+          o("div", e9, O(t.text), 1)
         ]))
       ], 2);
     };
   }
 });
-const o7 = /* @__PURE__ */ l(n7, [["__scopeId", "data-v-077653b0"]]);
-const s7 = {}, r7 = {
+const o9 = /* @__PURE__ */ l(n9, [["__scopeId", "data-v-077653b0"]]);
+const s9 = {}, r9 = {
   class: "pa-4 mb-4 rounded-sm text-center",
   color: "glass"
-}, i7 = /* @__PURE__ */ e1('<div class="spinners py-2 mb-2 d-flex justify-center" data-v-f4d8a4f4><i class="spinner one" aria-hidden="true" data-v-f4d8a4f4></i><i class="spinner two" aria-hidden="true" data-v-f4d8a4f4></i><i class="spinner three" aria-hidden="true" data-v-f4d8a4f4></i><i class="spinner four" aria-hidden="true" data-v-f4d8a4f4></i><i class="spinner five" aria-hidden="true" data-v-f4d8a4f4></i></div>', 1), c7 = [
-  i7
+}, i9 = /* @__PURE__ */ e1('<div class="spinners py-2 mb-2 d-flex justify-center" data-v-f4d8a4f4><i class="spinner one" aria-hidden="true" data-v-f4d8a4f4></i><i class="spinner two" aria-hidden="true" data-v-f4d8a4f4></i><i class="spinner three" aria-hidden="true" data-v-f4d8a4f4></i><i class="spinner four" aria-hidden="true" data-v-f4d8a4f4></i><i class="spinner five" aria-hidden="true" data-v-f4d8a4f4></i></div>', 1), c9 = [
+  i9
 ];
-function l7(t, e) {
-  return n(), s("div", r7, c7);
+function l9(t, e) {
+  return n(), s("div", r9, c9);
 }
-const d7 = /* @__PURE__ */ l(s7, [["render", l7], ["__scopeId", "data-v-f4d8a4f4"]]), a7 = { class: "menu frame" }, _7 = ["onClick"], h7 = {
+const d9 = /* @__PURE__ */ l(s9, [["render", l9], ["__scopeId", "data-v-f4d8a4f4"]]), a9 = { class: "menu frame" }, _9 = ["onClick"], h9 = {
   key: 0,
   class: "menu-item-divider"
-}, u7 = {
+}, u9 = {
   key: 1,
   class: "menu-item-inner"
-}, C7 = ["src", "alt"], f7 = { class: "menu-item-content" }, w7 = { class: "menu-title" }, p7 = {
+}, C9 = ["src", "alt"], f9 = { class: "menu-item-content" }, w9 = { class: "menu-title" }, p9 = {
   key: 0,
   class: "menu-subtitle"
-}, v7 = /* @__PURE__ */ T({
+}, v9 = /* @__PURE__ */ T({
   __name: "QMenu",
   props: {
     items: {
@@ -1533,32 +1533,32 @@ const d7 = /* @__PURE__ */ l(s7, [["render", l7], ["__scopeId", "data-v-f4d8a4f4
     function w(p) {
       p.action && p.action(p), p.disabled !== !0 && e("action", p);
     }
-    return (p, v) => (n(), s("div", a7, [
+    return (p, v) => (n(), s("div", a9, [
       (n(!0), s(x1, null, H1(_.items, (f) => (n(), s("div", {
         class: W(["menu-item", a(f)]),
         key: `menu-item-${f.id}`,
         onClick: (x) => w(f)
       }, [
-        f.divider ? (n(), s("div", h7)) : (n(), s("div", u7, [
+        f.divider ? (n(), s("div", h9)) : (n(), s("div", u9, [
           f.image ? (n(), s("img", {
             key: 0,
             class: "menu-image",
             src: f.image,
             alt: f.title
-          }, null, 8, C7)) : f.icon ? (n(), Z(t1(f.icon), {
+          }, null, 8, C9)) : f.icon ? (n(), Z(t1(f.icon), {
             key: 1,
             class: "menu-icon mr-1"
           })) : U("", !0),
-          o("div", f7, [
-            o("div", w7, O(f.title), 1),
-            f.subtitle ? (n(), s("div", p7, O(f.subtitle), 1)) : U("", !0)
+          o("div", f9, [
+            o("div", w9, O(f.title), 1),
+            f.subtitle ? (n(), s("div", p9, O(f.subtitle), 1)) : U("", !0)
           ])
         ]))
-      ], 10, _7))), 128))
+      ], 10, _9))), 128))
     ]));
   }
 });
-const $7 = /* @__PURE__ */ l(v7, [["__scopeId", "data-v-58914771"]]), g7 = (t) => (L1("data-v-f5802762"), t = t(), V1(), t), m7 = ["disabled"], M7 = /* @__PURE__ */ g7(() => /* @__PURE__ */ o("div", { class: "toggle-switch" }, null, -1)), k7 = /* @__PURE__ */ T({
+const $9 = /* @__PURE__ */ l(v9, [["__scopeId", "data-v-f9bd95cd"]]), g9 = (t) => (L1("data-v-f5802762"), t = t(), V1(), t), m9 = ["disabled"], M9 = /* @__PURE__ */ g9(() => /* @__PURE__ */ o("div", { class: "toggle-switch" }, null, -1)), k9 = /* @__PURE__ */ T({
   __name: "QSwitch",
   props: {
     modelValue: {
@@ -1588,14 +1588,14 @@ const $7 = /* @__PURE__ */ l(v7, [["__scopeId", "data-v-58914771"]]), g7 = (t) =
         "onUpdate:modelValue": v[0] || (v[0] = (f) => a.value = f),
         onChange: w,
         disabled: _.disabled
-      }, null, 40, m7), [
+      }, null, 40, m9), [
         [y1, a.value]
       ]),
-      M7
+      M9
     ], 2));
   }
 });
-const x7 = /* @__PURE__ */ l(k7, [["__scopeId", "data-v-f5802762"]]), H7 = ["placeholder"], y7 = ["disabled"], L7 = { clas: "" }, V7 = /* @__PURE__ */ T({
+const x9 = /* @__PURE__ */ l(k9, [["__scopeId", "data-v-f5802762"]]), H9 = ["placeholder"], y9 = ["disabled"], L9 = { clas: "" }, V9 = /* @__PURE__ */ T({
   __name: "QTextFieldWithButton",
   props: {
     type: {
@@ -1641,7 +1641,7 @@ const x7 = /* @__PURE__ */ l(k7, [["__scopeId", "data-v-f5802762"]]), H7 = ["pla
           class: "text-field",
           placeholder: _.placeholder,
           "onUpdate:modelValue": k[0] || (k[0] = (L) => a.value = L)
-        }, null, 8, H7), [
+        }, null, 8, H9), [
           [i1, a.value]
         ])
       ]),
@@ -1651,13 +1651,13 @@ const x7 = /* @__PURE__ */ l(k7, [["__scopeId", "data-v-f5802762"]]), H7 = ["pla
           disabled: !w.value,
           onClick: x
         }, [
-          o("div", L7, O(f.value), 1)
-        ], 8, y7)
+          o("div", L9, O(f.value), 1)
+        ], 8, y9)
       ])
     ], 2));
   }
 });
-const z7 = /* @__PURE__ */ l(V7, [["__scopeId", "data-v-7c4dff0c"]]);
+const z9 = /* @__PURE__ */ l(V9, [["__scopeId", "data-v-7c4dff0c"]]);
 function p1() {
   let t = parseInt(sessionStorage.getItem("quailui_global_popup_trigger") || "0") || 0;
   sessionStorage.setItem("quailui_global_popup_trigger", t + 1 + ""), window.dispatchEvent(new StorageEvent("storage", {
@@ -1666,10 +1666,10 @@ function p1() {
     oldValue: t + ""
   }));
 }
-const I7 = { class: "dropdown-menu" }, b7 = { class: "dropdown-menu-inner narrow-view" }, Q7 = ["onClick"], S7 = {
+const I9 = { class: "dropdown-menu" }, b9 = { class: "dropdown-menu-inner narrow-view" }, Q9 = ["onClick"], S9 = {
   key: 0,
   class: "dropdown-selected"
-}, B7 = ["src", "alt"], D7 = /* @__PURE__ */ T({
+}, B9 = ["src", "alt"], D9 = /* @__PURE__ */ T({
   __name: "QDropdownMenu",
   props: {
     items: {
@@ -1718,27 +1718,28 @@ const I7 = { class: "dropdown-menu" }, b7 = { class: "dropdown-menu-inner narrow
         $.key === "quailui_global_popup_trigger" && $.newValue && (a.value = !1);
       });
     }), ($, k) => {
-      const L = l1("QIconChevronDown"), N = l1("QMenu");
-      return n(), s("div", I7, [
-        o("div", b7, [
+      const L = d1("QIconChevronDown"), N = d1("QMenu");
+      return n(), s("div", I9, [
+        o("div", b9, [
           o("div", {
             class: W(["dropdown-menu-action", v.value]),
             onClick: f1(f, ["stop"])
           }, [
-            !t.hideSelected && w.value ? (n(), s("div", S7, [
+            !t.hideSelected && w.value ? (n(), s("div", S9, [
               w.value.image ? (n(), s("img", {
                 key: 0,
                 class: "menu-image",
                 src: w.value.image,
                 alt: w.value.title
-              }, null, 8, B7)) : w.value.icon ? (n(), Z(t1(w.value.icon), {
+              }, null, 8, B9)) : w.value.icon ? (n(), Z(t1(w.value.icon), {
                 key: 1,
                 class: "icon menu-icon"
               })) : U("", !0),
               z1(" " + O(w.value ? w.value.title : _.placeholder || "Select ..."), 1)
             ])) : U("", !0),
+            l1($.$slots, "default", {}, void 0, !0),
             c1(L, { class: "icon chevron-icon" })
-          ], 10, Q7),
+          ], 10, Q9),
           o("div", {
             ref_key: "menuWrapper",
             ref: p
@@ -1759,23 +1760,23 @@ const I7 = { class: "dropdown-menu" }, b7 = { class: "dropdown-menu-inner narrow
     };
   }
 });
-const j7 = /* @__PURE__ */ l(D7, [["__scopeId", "data-v-f4cb24e2"]]), Z7 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const j9 = /* @__PURE__ */ l(D9, [["__scopeId", "data-v-031a6030"]]), Z9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   QDatetimePicker: q0,
   QDialog: J0,
-  QDropdownMenu: j7,
-  QFence: o7,
-  QLoading: d7,
-  QMenu: $7,
-  QSwitch: x7,
-  QTextFieldWithButton: z7
+  QDropdownMenu: j9,
+  QFence: o9,
+  QLoading: d9,
+  QMenu: $9,
+  QSwitch: x9,
+  QTextFieldWithButton: z9
 }, Symbol.toStringTag, { value: "Module" }));
-const T7 = {
+const T9 = {
   install(t, e) {
     e != null && e.debug && console.log("options", e);
     for (const [_, a] of Object.entries(Z0))
       e != null && e.debug && console.log("[quail-ui] register icon component", _, a), t.component(_, a);
-    for (const [_, a] of Object.entries(Z7))
+    for (const [_, a] of Object.entries(Z9))
       e != null && e.debug && console.log("[quail-ui] register cpmmon component", _, a), t.component(_, a);
     document.body.addEventListener("click", (_) => {
       p1();
@@ -1783,8 +1784,8 @@ const T7 = {
   }
 };
 export {
-  Z7 as Common,
+  Z9 as Common,
   Z0 as Icons,
-  T7 as QuailUI
+  T9 as QuailUI
 };
 //# sourceMappingURL=index.js.map