quasar-ui-danx 0.5.3 → 0.5.4

package/dist/danx.es.js

@@ -14282,49 +14282,57 @@ const T3 = {
     contentClass: { default: "" }
   },
   emits: ["update:model-value", "change"],
-  setup(t, { emit: e }) {
-    const n = e, r = t, s = F(r.modelValue), o = F(), i = F(null), l = F("0"), a = F("0"), u = F(!1);
+  setup(t, { expose: e, emit: n }) {
+    const r = n, s = t, o = F(s.modelValue), i = F(), l = F(null), a = F("0"), u = F("0"), c = F(!1);
     We(() => {
-      var _, m;
-      i.value && (l.value = ((_ = i.value) == null ? void 0 : _.offsetWidth) + "px", a.value = ((m = i.value) == null ? void 0 : m.offsetHeight) + "px");
-    }), de(() => r.modelValue, (_) => {
-      !u.value && o.value && (o.value.innerText = _, s.value = _);
+      var h, p;
+      l.value && (a.value = ((h = l.value) == null ? void 0 : h.offsetWidth) + "px", u.value = ((p = l.value) == null ? void 0 : p.offsetHeight) + "px");
+    }), de(() => s.modelValue, (h) => {
+      !c.value && i.value && (i.value.innerText = h, o.value = h);
     }), We(() => {
-      o.value.innerText = s.value;
+      i.value.innerText = o.value;
     });
-    const c = wr(() => {
-      n("update:model-value", s.value), n("change", s.value);
-    }, r.debounceDelay);
-    function d(_) {
-      s.value = _.target.innerText, c();
-    }
-    const f = O(() => [
-      ...r.readonly ? [] : [
-        `hover:bg-${r.color} focus:bg-${r.color}`,
-        `hover:text-${r.textColor} focus:text-${r.textColor}`,
-        `hover:outline-${r.color} focus:outline-${r.color}`,
+    const d = wr(() => {
+      r("update:model-value", o.value), r("change", o.value);
+    }, s.debounceDelay);
+    function f(h) {
+      o.value = h.target.innerText, d();
+    }
+    const _ = O(() => [
+      ...s.readonly ? [] : [
+        `hover:bg-${s.color} focus:bg-${s.color}`,
+        `hover:text-${s.textColor} focus:text-${s.textColor}`,
+        `hover:outline-${s.color} focus:outline-${s.color}`,
         "focus:outline-4 hover:outline-4",
-        r.contentClass || ""
+        s.contentClass || ""
       ],
-      s.value ? "" : "!bg-none"
+      o.value ? "" : "!bg-none"
     ]);
-    return (_, m) => (g(), x("div", k8, [
+    function m(h = !1) {
+      if (i.value && !s.readonly && (i.value.focus(), h && o.value)) {
+        const p = document.createRange();
+        p.selectNodeContents(i.value);
+        const b = window.getSelection();
+        b == null || b.removeAllRanges(), b == null || b.addRange(p);
+      }
+    }
+    return e({ focus: m }), (h, p) => (g(), x("div", k8, [
       T("div", {
         ref_key: "textDiv",
-        ref: o,
-        contenteditable: _.readonly ? "false" : "true",
-        class: V(["relative inline-block transition duration-300 outline-none outline-offset-0 border-none rounded-sm z-10 min-w-10 min-h-10", f.value]),
-        style: qt({ minWidth: l.value, minHeight: a.value }),
-        onInput: d,
-        onFocusin: m[0] || (m[0] = (h) => u.value = !0),
-        onFocusout: m[1] || (m[1] = (h) => u.value = !1)
+        ref: i,
+        contenteditable: h.readonly ? "false" : "true",
+        class: V(["relative inline-block transition duration-300 outline-none outline-offset-0 border-none rounded-sm z-10 min-w-10 min-h-10", _.value]),
+        style: qt({ minWidth: a.value, minHeight: u.value }),
+        onInput: f,
+        onFocusin: p[0] || (p[0] = (b) => c.value = !0),
+        onFocusout: p[1] || (p[1] = (b) => c.value = !1)
       }, null, 46, C8),
-      !s.value && _.placeholder && !u.value && !_.readonly ? (g(), x("div", {
+      !o.value && h.placeholder && !c.value && !h.readonly ? (g(), x("div", {
         key: 0,
         ref_key: "placeholderDiv",
-        ref: i,
+        ref: l,
         class: "text-gray-600 absolute-top-left whitespace-nowrap z-1 pointer-events-none"
-      }, R(_.placeholder), 513)) : L("", !0)
+      }, R(h.placeholder), 513)) : L("", !0)
     ]));
   }
 }), T8 = ["contenteditable"], E8 = { key: 0 }, I8 = /* @__PURE__ */ re({
@@ -35211,7 +35219,7 @@ function cF(t, e = "") {
 function z1(t, e = "") {
   return Object.entries(t).map(([n, r]) => typeof r == "object" ? z1(r, `${e}${n}-`) : `--${e}${n}: ${r}`).join(";");
 }
-const LL = "0.5.2", OL = {
+const LL = "0.5.3", OL = {
   version: LL
 }, { version: FL } = OL;
 function dF() {