@dazhicheng/ui 1.6.34 → 1.6.35

package/dist/components/tt-input-textarea/index.vue.js

@@ -1,9 +1,9 @@
-import { defineComponent as ve, mergeModels as Q, useModel as me, ref as v, useAttrs as be, inject as ge, computed as I, toValue as X, nextTick as N, onMounted as ye, withDirectives as xe, createElementBlock as A, openBlock as E, normalizeClass as L, unref as W, createVNode as Y, createCommentVNode as ee, createBlock as we, mergeProps as te, createSlots as We, renderList as Ce, withCtx as Ve, renderSlot as Be, normalizeProps as Ie, guardReactiveProps as ke, withModifiers as Se, Teleport as Te, withKeys as O, normalizeStyle as Ee } from "vue";
+import { defineComponent as ve, mergeModels as X, useModel as me, ref as v, useAttrs as be, inject as ge, computed as T, toValue as Y, nextTick as N, onMounted as ye, withDirectives as xe, createElementBlock as A, openBlock as E, normalizeClass as L, unref as C, createVNode as ee, createCommentVNode as te, createBlock as we, mergeProps as ae, createSlots as We, renderList as Ce, withCtx as Ve, renderSlot as Be, normalizeProps as Ie, guardReactiveProps as Te, withModifiers as ke, Teleport as Se, withKeys as O, normalizeStyle as Ee } from "vue";
 import "../../node_modules/.pnpm/vue-types@5.1.3_vue@3.5.21_typescript@5.9.3_/node_modules/vue-types/shim/index.modern.js";
 import { useDesign as Oe } from "../../packages/hooks/src/useDesign.js";
 import "axios";
-import { useZIndex as $e, useFormItem as Re, ElInput as ae } from "element-plus";
-import { isArray as De, isObject as Me, isNumber as Fe, isString as He, isStringNumber as Ne, isClient as le } from "../../packages/utils/src/is.js";
+import { useZIndex as $e, useFormItem as Re, ElInput as ie } from "element-plus";
+import { isArray as De, isObject as Me, isNumber as Fe, isString as He, isStringNumber as Ne, isClient as _ } from "../../packages/utils/src/is.js";
 import "dayjs";
 import "numeral";
 import "xe-utils";
@@ -16,7 +16,7 @@ import "../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/mode-ecb
 import "../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/pad-pkcs7.js";
 import "lodash-es";
 import "vue-router";
-import { useEventListener as _, onClickOutside as Ae } from "@vueuse/core";
+import { useEventListener as P, onClickOutside as Ae } from "@vueuse/core";
 import { FieldContextKey as Le } from "vee-validate";
 import "../tt-icon/index.js";
 import _e from "../../directives/disabled-tip/index.js";
@@ -24,7 +24,7 @@ const Pe = 'a[href],button:not([disabled]),input:not([disabled]):not([type="hidd
   name: "TtInputTextarea",
   inheritAttrs: !1,
   __name: "index",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ X({
     minHeight: { default: 28 },
     maxHeight: { default: 100 },
     autofocus: { type: Boolean, default: !1 },
@@ -47,20 +47,20 @@ const Pe = 'a[href],button:not([disabled]),input:not([disabled]):not([type="hidd
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Q(["change", "input", "focus", "blur", "clear"], ["update:modelValue"]),
-  setup(P, { expose: ie, emit: ne }) {
-    const n = P, b = ne, g = me(P, "modelValue"), y = v(null), c = v(null), u = v(null), k = v(null), o = v(!1), $ = v(!1), K = v(2e3), C = be(), { prefixCls: R } = Oe("input-textarea"), { nextZIndex: oe } = $e(), { formItem: f } = Re(), s = ge(Le, null), d = v({
+  emits: /* @__PURE__ */ X(["change", "input", "focus", "blur", "clear"], ["update:modelValue"]),
+  setup(K, { expose: le, emit: ne }) {
+    const r = K, g = ne, y = me(K, "modelValue"), m = v(null), f = v(null), s = v(null), x = v(null), n = v(!1), $ = v(!1), z = v(2e3), V = be(), { prefixCls: R } = Oe("input-textarea"), { nextZIndex: oe } = $e(), { formItem: p } = Re(), d = ge(Le, null), c = v({
       top: 0,
       left: 0,
       width: 0,
       height: 0
     });
-    function S() {
+    function k() {
       var t;
-      const e = y.value || ((t = c.value) == null ? void 0 : t.$el);
+      const e = m.value || ((t = f.value) == null ? void 0 : t.$el);
       if (e) {
         const a = e.getBoundingClientRect();
-        d.value = {
+        c.value = {
           top: a.top,
           left: a.left,
           width: a.width,
@@ -68,141 +68,148 @@ const Pe = 'a[href],button:not([disabled]),input:not([disabled]):not([type="hidd
         };
       }
     }
-    _(
+    P(
       window,
       "scroll",
       () => {
-        o.value && (S(), (d.value.top + d.value.height < 0 || d.value.top > window.innerHeight) && (o.value = !1));
+        n.value && (k(), (c.value.top + c.value.height < 0 || c.value.top > window.innerHeight) && (n.value = !1));
       },
       { capture: !0, passive: !0 }
-    ), _(
+    ), P(
       window,
       "resize",
       () => {
-        o.value && S();
+        n.value && k();
       },
       { passive: !0 }
-    ), _(
+    ), P(
       window,
       "keydown",
       (e) => {
-        o.value && (e.key === "Escape" || e.key === "Esc") && M(e);
+        n.value && (e.key === "Escape" || e.key === "Esc") && M(e);
       },
       { capture: !0 }
     ), Ae(
-      k,
+      x,
       (e) => {
-        var a, l;
-        if (!o.value) return;
+        var a, i;
+        if (!n.value) return;
         const t = e.target;
-        t && ((a = y.value) != null && a.contains(t) || (l = k.value) != null && l.contains(t)) || (o.value = !1);
+        t && ((a = m.value) != null && a.contains(t) || (i = x.value) != null && i.contains(t)) || (n.value = !1);
       },
-      { ignore: [y] }
+      { ignore: [m] }
     );
-    const x = I(() => {
-      if (C.disabled !== void 0)
-        return !!C.disabled;
-      if (n.disabled)
+    const w = T(() => {
+      if (V.disabled !== void 0)
+        return !!V.disabled;
+      if (r.disabled)
         return !0;
-      const e = n.disabledTip;
-      return De(e) && e.length > 0 ? e.some((t) => !!X(t == null ? void 0 : t.condition)) : Me(e) ? !!X(e.condition) : !1;
-    }), D = I(() => x.value ? n.expandOnDisabled : !0), z = I(() => {
+      const e = r.disabledTip;
+      return De(e) && e.length > 0 ? e.some((t) => !!Y(t == null ? void 0 : t.condition)) : Me(e) ? !!Y(e.condition) : !1;
+    }), D = T(() => w.value ? r.expandOnDisabled : !0), U = T(() => {
       var e, t;
-      return s ? !!((e = s.errorMessage) != null && e.value) || ((t = s.errors) == null ? void 0 : t.value) && s.errors.value.length > 0 : f != null && f.validateState ? f.validateState === "error" : n.isInValid !== void 0 ? !!n.isInValid : C.isInValid !== void 0 ? !!C.isInValid : !1;
-    }), U = I(() => {
+      return d ? !!((e = d.errorMessage) != null && e.value) || ((t = d.errors) == null ? void 0 : t.value) && d.errors.value.length > 0 : p != null && p.validateState ? p.validateState === "error" : r.isInValid !== void 0 ? !!r.isInValid : V.isInValid !== void 0 ? !!V.isInValid : !1;
+    }), q = T(() => {
       const {
         "data-testid": e,
         class: t,
         style: a,
-        onFocus: l,
-        onBlur: i,
-        onChange: r,
-        onInput: p,
-        onClear: m,
+        onFocus: i,
+        onBlur: l,
+        onChange: o,
+        onInput: u,
+        onClear: b,
         form: h,
-        isInValid: w,
+        isInValid: W,
         ...H
-      } = C;
+      } = V;
       return H;
-    }), re = I(() => {
-      var J;
-      if (!o.value)
+    }), re = T(() => {
+      var Q;
+      if (!n.value)
         return { display: "none" };
-      const e = d.value.top, t = d.value.left, a = d.value.height > 0 ? d.value.height : n.minHeight, l = n.maxHeight, i = le ? window.innerHeight : 800, r = le ? window.innerWidth : 1200, p = e + l > i;
-      let m = e;
-      p && e + a - l >= 0 ? m = e + a - l : p && (m = Math.max(8, i - l - 8));
-      const h = d.value.width > 0 ? d.value.width : ((J = y.value) == null ? void 0 : J.offsetWidth) || 200, { numericWidth: w, cssWidth: H } = ue(h, r);
-      let B = t;
-      return B + w > r - 8 ? B = Math.max(8, r - w - 8) : B = Math.max(8, B), {
+      const e = c.value.top, t = c.value.left, a = c.value.height > 0 ? c.value.height : r.minHeight, i = r.maxHeight, l = _ ? window.innerHeight : 800, o = _ ? window.innerWidth : 1200, u = e + i > l;
+      let b = e;
+      u && e + a - i >= 0 ? b = e + a - i : u && (b = Math.max(8, l - i - 8));
+      const h = c.value.width > 0 ? c.value.width : ((Q = m.value) == null ? void 0 : Q.offsetWidth) || 200, { numericWidth: W, cssWidth: H } = ue(h, o);
+      let I = t;
+      return I + W > o - 8 ? I = Math.max(8, o - W - 8) : I = Math.max(8, I), {
         position: "fixed",
-        top: `${m}px`,
-        left: `${B}px`,
+        top: `${b}px`,
+        left: `${I}px`,
         width: H,
         maxWidth: "calc(100vw - 16px)",
-        zIndex: K.value,
+        zIndex: z.value,
         display: "block"
       };
     });
     function ue(e, t) {
-      if (Fe(n.expandWidth))
-        return { numericWidth: n.expandWidth, cssWidth: `${n.expandWidth}px` };
-      if (He(n.expandWidth) && n.expandWidth.trim().length > 0) {
-        const l = n.expandWidth.trim();
-        if (l.endsWith("px")) {
-          const i = parseFloat(l) || e;
-          return { numericWidth: i, cssWidth: `${i}px` };
+      if (Fe(r.expandWidth))
+        return { numericWidth: r.expandWidth, cssWidth: `${r.expandWidth}px` };
+      if (He(r.expandWidth) && r.expandWidth.trim().length > 0) {
+        const i = r.expandWidth.trim();
+        if (i.endsWith("px")) {
+          const l = parseFloat(i) || e;
+          return { numericWidth: l, cssWidth: `${l}px` };
         }
-        if (l.endsWith("%")) {
-          const i = parseFloat(l) / 100;
-          return { numericWidth: Math.round(t * i), cssWidth: l };
+        if (i.endsWith("%")) {
+          const l = parseFloat(i) / 100;
+          return { numericWidth: Math.round(t * l), cssWidth: i };
         }
-        if (Ne(l)) {
-          const i = Number(l);
-          return { numericWidth: i, cssWidth: `${i}px` };
+        if (Ne(i)) {
+          const l = Number(i);
+          return { numericWidth: l, cssWidth: `${l}px` };
         }
-        return { numericWidth: e, cssWidth: l };
+        return { numericWidth: e, cssWidth: i };
       }
-      const a = Math.max(e, n.minExpandWidth);
+      const a = Math.max(e, r.minExpandWidth);
       return { numericWidth: a, cssWidth: `${a}px` };
     }
-    function q() {
-      !o.value && D.value && T();
+    function j() {
+      !n.value && D.value && S();
     }
-    async function T(e) {
-      var t, a, l, i;
+    async function S(e) {
+      var t, a, i, l;
       if (!$.value) {
+        if (n.value) {
+          const o = _ ? document.activeElement : null, u = x.value;
+          if (o && (u != null && u.contains(o)))
+            return;
+        }
         if (!D.value) {
-          e && b("focus", e);
+          e && g("focus", e);
           return;
         }
-        if (S(), o.value = !0, K.value = oe(), await N(), !x.value) {
-          const r = ((t = u.value) == null ? void 0 : t.textarea) || ((l = (a = u.value) == null ? void 0 : a.$el) == null ? void 0 : l.querySelector("textarea"));
-          r ? r.focus({ preventScroll: !0 }) : (i = u.value) == null || i.focus();
+        if (k(), n.value = !0, z.value = oe(), await N(), !w.value) {
+          const o = ((t = s.value) == null ? void 0 : t.textarea) || ((i = (a = s.value) == null ? void 0 : a.$el) == null ? void 0 : i.querySelector("textarea"));
+          o ? o.focus({ preventScroll: !0 }) : (l = s.value) == null || l.focus();
         }
-        e && b("focus", e);
+        e && g("focus", e);
       }
     }
-    function V(e, t) {
+    function B(e, t) {
       var a;
-      if ((a = f == null ? void 0 : f.validate) == null || a.call(f, e).catch(() => {
-      }), s) {
-        const l = t !== void 0 ? t : g.value;
-        s.setValue(l), e === "blur" ? (s.handleBlur(), s.validate().catch(() => {
-        })) : e === "change" ? s.handleChange(l) : e === "input" && s.validate().catch(() => {
+      if ((a = p == null ? void 0 : p.validate) == null || a.call(p, e).catch(() => {
+      }), d) {
+        const i = t !== void 0 ? t : y.value;
+        d.setValue(i), e === "blur" ? (d.handleBlur(), d.validate().catch(() => {
+        })) : e === "change" ? d.handleChange(i) : e === "input" && d.validate().catch(() => {
         });
       }
     }
-    function j(e) {
-      b("input", e), V("input", e);
+    function Z(e) {
+      g("input", e), B("input", e);
     }
     function se(e) {
-      o.value = !1, b("blur", e), V("blur");
+      var a, i;
+      const t = e.relatedTarget;
+      t && ((a = m.value) != null && a.contains(t) || (i = x.value) != null && i.contains(t)) || (n.value = !1, g("blur", e), B("blur"));
     }
     function M(e) {
-      var a, l, i, r, p;
-      e.stopPropagation(), "preventDefault" in e && e.preventDefault(), $.value = !0, o.value = !1, (a = u.value) == null || a.blur();
-      const t = ((l = c.value) == null ? void 0 : l.input) || ((r = (i = c.value) == null ? void 0 : i.$el) == null ? void 0 : r.querySelector("input"));
-      t ? t.focus({ preventScroll: !0 }) : (p = c.value) == null || p.focus(), N(() => {
+      var a, i, l, o, u;
+      e.stopPropagation(), "preventDefault" in e && e.preventDefault(), $.value = !0, n.value = !1, (a = s.value) == null || a.blur();
+      const t = ((i = f.value) == null ? void 0 : i.input) || ((o = (l = f.value) == null ? void 0 : l.$el) == null ? void 0 : o.querySelector("input"));
+      t ? t.focus({ preventScroll: !0 }) : (u = f.value) == null || u.focus(), N(() => {
         $.value = !1;
       });
     }
@@ -212,56 +219,56 @@ const Pe = 'a[href],button:not([disabled]),input:not([disabled]):not([type="hidd
       const t = window.getComputedStyle(e);
       return t.display !== "none" && t.visibility !== "hidden";
     }
-    function Z(e) {
-      var m;
+    function G(e) {
+      var b;
       e.stopPropagation(), "preventDefault" in e && e.preventDefault();
-      const t = y.value, a = k.value, l = !("shiftKey" in e && e.shiftKey);
-      if (o.value = !1, V("blur"), !t)
+      const t = m.value, a = x.value, i = !("shiftKey" in e && e.shiftKey);
+      if (n.value = !1, B("blur"), !t)
         return;
-      const r = Array.from(document.querySelectorAll(Pe)).filter((h) => a != null && a.contains(h) || t.contains(h) ? !1 : de(h)).filter((h) => {
-        const w = t.compareDocumentPosition(h);
-        return l ? !!(w & Node.DOCUMENT_POSITION_FOLLOWING) : !!(w & Node.DOCUMENT_POSITION_PRECEDING);
-      }), p = l ? r[0] : r[r.length - 1];
-      p ? N(() => {
-        p.focus({ preventScroll: !0 });
-      }) : (m = c.value) == null || m.blur();
+      const o = Array.from(document.querySelectorAll(Pe)).filter((h) => a != null && a.contains(h) || t.contains(h) ? !1 : de(h)).filter((h) => {
+        const W = t.compareDocumentPosition(h);
+        return i ? !!(W & Node.DOCUMENT_POSITION_FOLLOWING) : !!(W & Node.DOCUMENT_POSITION_PRECEDING);
+      }), u = i ? o[0] : o[o.length - 1];
+      u ? N(() => {
+        u.focus({ preventScroll: !0 });
+      }) : (b = f.value) == null || b.blur();
     }
-    function G(e) {
-      b("change", e), V("change", e);
+    function J(e) {
+      g("change", e), B("change", e);
     }
     function F() {
-      g.value = "", b("clear"), V("change", "");
+      y.value = "", g("clear"), B("change", "");
     }
     function ce() {
-      var e, t, a, l;
-      if (o.value) {
-        const i = ((e = u.value) == null ? void 0 : e.textarea) || ((a = (t = u.value) == null ? void 0 : t.$el) == null ? void 0 : a.querySelector("textarea"));
-        i ? i.focus({ preventScroll: !0 }) : (l = u.value) == null || l.focus();
+      var e, t, a, i;
+      if (n.value) {
+        const l = ((e = s.value) == null ? void 0 : e.textarea) || ((a = (t = s.value) == null ? void 0 : t.$el) == null ? void 0 : a.querySelector("textarea"));
+        l ? l.focus({ preventScroll: !0 }) : (i = s.value) == null || i.focus();
       } else
-        T();
+        S();
     }
     function fe() {
       var e, t;
-      o.value ? (e = u.value) == null || e.blur() : (t = c.value) == null || t.blur();
+      n.value ? (e = s.value) == null || e.blur() : (t = f.value) == null || t.blur();
     }
     function pe() {
       var e, t;
-      o.value ? (e = u.value) == null || e.select() : (t = c.value) == null || t.select();
+      n.value ? (e = s.value) == null || e.select() : (t = f.value) == null || t.select();
     }
     function he() {
       F();
     }
     return ye(() => {
-      S(), n.autofocus && T();
-    }), ie({
+      k(), r.autofocus && S();
+    }), le({
       /**
        * 未激活态单行触发输入框实例引用（ElInput）
        */
-      referenceRef: c,
+      referenceRef: f,
       /**
        * 激活展开态的多行文本框实例引用（ElInput）
        */
-      textareaRef: u,
+      textareaRef: s,
       /**
        * 使输入框获取焦点并展开多行浮层
        */
@@ -280,70 +287,71 @@ const Pe = 'a[href],button:not([disabled]),input:not([disabled]):not([type="hidd
       clear: he
     }), (e, t) => xe((E(), A("div", {
       ref_key: "wrapperRef",
-      ref: y,
+      ref: m,
       class: L([
-        W(R),
+        C(R),
         {
           "is-not-border": !e.border,
-          "is-disabled": x.value,
-          "is-error": z.value
+          "is-disabled": w.value,
+          "is-error": U.value
         }
       ]),
-      onClick: q
+      onClick: j
     }, [
-      Y(W(ae), te({
+      ee(C(ie), ae({
         ref_key: "referenceRef",
-        ref: c,
-        modelValue: g.value,
-        "onUpdate:modelValue": t[0] || (t[0] = (a) => g.value = a)
-      }, U.value, {
-        disabled: x.value,
+        ref: f,
+        modelValue: y.value,
+        "onUpdate:modelValue": t[0] || (t[0] = (a) => y.value = a)
+      }, q.value, {
+        tabindex: n.value ? -1 : void 0,
+        disabled: w.value,
         readonly: e.readonly,
         placeholder: e.placeholder,
         clearable: e.clearable,
         type: "text",
         "input-style": { height: `${e.minHeight}px` },
-        onInput: j,
-        onFocus: T,
-        onChange: G,
+        onInput: Z,
+        onFocus: S,
+        onChange: J,
         onClear: F
       }), We({ _: 2 }, [
         Ce(Object.keys(e.$slots), (a) => ({
           name: a,
-          fn: Ve((l) => [
-            Be(e.$slots, a, Ie(ke(l || {})))
+          fn: Ve((i) => [
+            Be(e.$slots, a, Ie(Te(i || {})))
           ])
         }))
-      ]), 1040, ["modelValue", "disabled", "readonly", "placeholder", "clearable", "input-style"]),
-      x.value && D.value ? (E(), A("div", {
+      ]), 1040, ["modelValue", "tabindex", "disabled", "readonly", "placeholder", "clearable", "input-style"]),
+      w.value && D.value ? (E(), A("div", {
         key: 0,
-        class: L(`${W(R)}__disabled-mask`),
-        onClick: Se(q, ["stop"])
-      }, null, 2)) : ee("", !0),
-      (E(), we(Te, { to: e.teleportTo }, [
-        o.value ? (E(), A("div", {
+        class: L(`${C(R)}__disabled-mask`),
+        onClick: ke(j, ["stop"])
+      }, null, 2)) : te("", !0),
+      (E(), we(Se, { to: e.teleportTo }, [
+        n.value ? (E(), A("div", {
           key: 0,
           ref_key: "floatingRef",
-          ref: k,
+          ref: x,
           class: L([
-            `${W(R)}__floating`,
+            `${C(R)}__floating`,
             {
-              "is-error": z.value
+              "is-error": U.value
             }
           ]),
           style: Ee(re.value),
           onKeydown: [
             O(M, ["esc"]),
-            O(Z, ["tab"])
+            O(G, ["tab"])
           ]
         }, [
-          Y(W(ae), te({
+          ee(C(ie), ae({
             ref_key: "textareaRef",
-            ref: u,
-            modelValue: g.value,
-            "onUpdate:modelValue": t[1] || (t[1] = (a) => g.value = a)
-          }, U.value, {
-            disabled: x.value,
+            ref: s,
+            modelValue: y.value,
+            "onUpdate:modelValue": t[1] || (t[1] = (a) => y.value = a)
+          }, q.value, {
+            disabled: w.value,
             readonly: e.readonly,
             placeholder: e.placeholder,
             maxlength: e.maxlength,
@@ -354,19 +362,19 @@ const Pe = 'a[href],button:not([disabled]),input:not([disabled]):not([type="hidd
             "input-style": {
               height: `${e.maxHeight}px`
             },
-            onInput: j,
+            onInput: Z,
             onBlur: se,
-            onChange: G,
+            onChange: J,
             onClear: F,
             onKeydown: [
               O(M, ["esc"]),
-              O(Z, ["tab"])
+              O(G, ["tab"])
             ]
           }), null, 16, ["modelValue", "disabled", "readonly", "placeholder", "maxlength", "show-word-limit", "clearable", "input-style"])
-        ], 38)) : ee("", !0)
+        ], 38)) : te("", !0)
       ], 8, ["to"]))
     ], 2)), [
-      [W(_e), n.disabledTip]
+      [C(_e), r.disabledTip]
     ]);
   }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dazhicheng/ui",
-  "version": "1.6.34",
+  "version": "1.6.35",
   "description": "",
   "main": "./dist/index.js",
   "module": "./dist/index.js",