@cldemo/ui-kit 1.1.3 → 1.1.4

package/buildLibs/modules/shared/{Index.vue_vue_type_script_setup_true_lang-D7bJ5UAn.js → Index.vue_vue_type_script_setup_true_lang-DY3tZQZe.js}

@@ -1,10 +1,11 @@
-import { defineComponent as R, useTemplateRef as A, reactive as K, ref as U, computed as c, onMounted as $, onBeforeUnmount as q, watch as z, openBlock as m, createElementBlock as g, normalizeStyle as J, normalizeClass as G, unref as L, Fragment as y, createTextVNode as j, toDisplayString as O, withDirectives as Q, createElementVNode as W, vModelText as X, createBlock as Y, withModifiers as Z, nextTick as ee } from "vue";
+import { defineComponent as A, useTemplateRef as K, reactive as U, ref as $, computed as u, onMounted as q, onBeforeUnmount as z, watch as J, openBlock as m, createElementBlock as h, normalizeStyle as O, normalizeClass as G, unref as L, Fragment as y, createTextVNode as j, toDisplayString as Q, withDirectives as W, createElementVNode as X, vModelText as Y, createBlock as Z, withModifiers as ee, nextTick as te } from "vue";
 import l from "@cldemo/ui-kit/common/base";
-import te from "@cldemo/ui-kit/common/Element";
-import { _ as ae } from "./Index.vue_vue_type_script_setup_true_lang-CIA-Kc0M.js";
+import { getPlaintextOutText as ae } from "@cldemo/ui-kit/common/globalConfig";
+import le from "@cldemo/ui-kit/common/Element";
+import { _ as ne } from "./Index.vue_vue_type_script_setup_true_lang-CIA-Kc0M.js";
 /* empty css               */
 /* empty css                   */
-const le = ["id"], ne = ["name", "placeholder", "disabled", "aria-label"], d = "100px", de = /* @__PURE__ */ R({
+const ie = ["id"], oe = ["name", "placeholder", "disabled", "aria-label"], d = "100px", ve = /* @__PURE__ */ A({
   name: "ClInputTextarea",
   __name: "Index",
   props: {
@@ -72,33 +73,40 @@ const le = ["id"], ne = ["name", "placeholder", "disabled", "aria-label"], d = "
       type: Boolean,
       default: !1
       // desc: 是否纯文本只读模式，只渲染文本不挂载文本域（\n 与 <br> 均按换行呈现）
+    },
+    plaintextEmptyText: {
+      type: String,
+      default: void 0
+      // desc: 纯文本只读模式下值为空时的显示文本（默认 "-"，显式传空串则显示空白；未显式传时依次读取组件配置段与 plaintextGlobal 段）
     }
   },
   emits: ["update:value", "update:modelValue", "onChange", "onInit", "onKeydownEnter", "onKeyupEnter", "onFocus", "onBlur", "onChangeDelay"],
-  setup(u, { expose: C, emit: D }) {
-    const t = u, o = D, T = t.id, p = A("refElTextarea"), h = K({
+  setup(c, { expose: T, emit: C }) {
+    const t = c, o = C, D = t.id, p = K("refElTextarea"), f = U({
       height: t.height || d
-    }), s = U(l.isString(t.value) ? t.value : ""), n = {
+    }), s = $(l.isString(t.value) ? t.value : ""), n = {
       lastValue: l.isString(t.value) ? t.value : "",
       prevDelayValue: l.isString(t.value) ? t.value : "",
       valueDelayRun: !1
-    }, S = c(() => {
+    }, S = u(() => {
       let e = t.name;
       return l.isEmpty(e) && (e = `textarea_${l.getRandom(8)}`), e;
-    }), V = c(() => t.isClean && !t.disabled && !l.isEmpty(s.value)), k = c(() => {
+    }), V = u(() => t.isClean && !t.disabled && !l.isEmpty(s.value)), k = u(() => {
       let e = {
         "panel-input-textarea": !0,
         // 纯文本模式无清除图标，不再预留图标位
         "textarea-clean": t.isClean && !t.isPlaintext
       };
-      return t.isPlaintext && (e["cl-plaintext-value"] = !0, e["cl-plaintext-value-pre"] = !0), e = l.getJsonMerge(e, te.getClassNameJson(t.className)), e;
-    }), _ = c(() => {
+      return t.isPlaintext && (e["cl-plaintext-value"] = !0, e["cl-plaintext-value-pre"] = !0), e = l.getJsonMerge(e, le.getClassNameJson(t.className)), e;
+    }), _ = u(() => {
       const e = s.value;
       return l.isString(e) ? e.replace(/<\/?br\s*\/?>/gi, `
 `) : "";
-    }), B = c(() => {
+    }), B = u(
+      () => ae("inputTextarea", t.plaintextEmptyText, _.value, t.value)
+    ), P = u(() => {
       const { width: e, heightMax: a } = t, r = {};
-      return l.isNonEmptyString(e) && (r.width = e), t.isPlaintext || (l.isEmpty(h.height) || (r.height = h.height), l.isNonEmptyString(a) && (r["max-height"] = a)), r;
+      return l.isNonEmptyString(e) && (r.width = e), t.isPlaintext || (l.isEmpty(f.height) || (r.height = f.height), l.isNonEmptyString(a) && (r["max-height"] = a)), r;
     });
     let i;
     const H = (e) => {
@@ -108,101 +116,101 @@ const le = ["id"], ne = ["name", "placeholder", "disabled", "aria-label"], d = "
         },
         Math.max(t.changeDelayTime, 0)
       );
-    }, v = (e) => {
+    }, x = (e) => {
       e !== n.lastValue && (n.lastValue = e, o("update:value", e), o("update:modelValue", e), o("onChange", e), H(e));
-    }, f = () => {
+    }, g = () => {
       if (t.isAutoHeight) {
         const e = p.value;
         if (e) {
           e.style.height = t.height || d;
           const a = e.scrollHeight + e.scrollTop + (e.offsetHeight - e.clientHeight);
-          e.style.height = "100%", h.height = a > 0 ? `${a}px` : t.height || d;
+          e.style.height = "100%", f.height = a > 0 ? `${a}px` : t.height || d;
         }
       }
-    }, x = () => {
+    }, v = () => {
       p.value?.focus();
     }, b = () => {
-      ee(() => {
+      te(() => {
         o("onInit");
       });
     };
-    $(() => {
+    q(() => {
       b();
-    }), q(() => {
+    }), z(() => {
       i && (clearTimeout(i), i = null);
-    }), z(
+    }), J(
       () => t.value,
       (e, a) => {
-        e !== a && (s.value = l.isString(e) ? e : "", n.lastValue = l.isString(e) ? e : "", requestAnimationFrame(() => f()), n.valueDelayRun || (n.prevDelayValue = e || ""));
+        e !== a && (s.value = l.isString(e) ? e : "", n.lastValue = l.isString(e) ? e : "", requestAnimationFrame(() => g()), n.valueDelayRun || (n.prevDelayValue = e || ""));
       }
     );
-    const P = (e) => {
+    const I = (e) => {
       const a = e.target;
       if (!a) return;
       const r = a.value;
-      requestAnimationFrame(() => f()), v(r);
-    }, I = (e) => {
-      e.key === "Enter" && o("onKeydownEnter", e);
+      requestAnimationFrame(() => g()), x(r);
     }, N = (e) => {
+      e.key === "Enter" && o("onKeydownEnter", e);
+    }, M = (e) => {
       e.key === "Enter" && o("onKeyupEnter", e);
-    }, M = () => {
-      s.value = "", v(""), x();
     }, w = () => {
-      o("onFocus");
+      s.value = "", x(""), v();
     }, F = () => {
+      o("onFocus");
+    }, R = () => {
       o("onBlur");
     }, E = () => l.trim(s.value);
-    return C({
+    return T({
       getValue: E,
       getValueData: () => ({ value: E(), show: s.value }),
       setValue: (e) => {
         i && (clearTimeout(i), i = null, n.valueDelayRun = !1);
         const a = l.isEmpty(e) ? "" : e;
-        n.lastValue = a, n.prevDelayValue = a, s.value = a, f();
+        n.lastValue = a, n.prevDelayValue = a, s.value = a, g();
       },
       initHeight: () => {
-        h.height = t.height || d, t.isAutoHeight && f();
+        f.height = t.height || d, t.isAutoHeight && g();
       },
       focus: () => {
-        x();
+        v();
       },
       getParentElement: () => p.value?.parentElement || null
-    }), (e, a) => (m(), g("div", {
-      id: L(T),
+    }), (e, a) => (m(), h("div", {
+      id: L(D),
       class: G(k.value),
-      style: J(B.value)
+      style: O(P.value)
     }, [
-      u.isPlaintext ? (m(), g(y, { key: 0 }, [
-        j(O(_.value), 1)
-      ], 64)) : (m(), g(y, { key: 1 }, [
-        Q(W("textarea", {
+      c.isPlaintext ? (m(), h(y, { key: 0 }, [
+        j(Q(B.value), 1)
+      ], 64)) : (m(), h(y, { key: 1 }, [
+        W(X("textarea", {
           ref_key: "refElTextarea",
           ref: p,
           class: "form-control text-area",
           "onUpdate:modelValue": a[0] || (a[0] = (r) => s.value = r),
           name: S.value,
-          placeholder: u.placeholder,
-          disabled: u.disabled,
-          "aria-label": u.placeholder || "文本输入区域",
-          onInput: P,
-          onKeydown: I,
-          onKeyup: N,
-          onFocus: w,
-          onBlur: F
-        }, null, 40, ne), [
-          [X, s.value]
+          placeholder: c.placeholder,
+          disabled: c.disabled,
+          "aria-label": c.placeholder || "文本输入区域",
+          onInput: I,
+          onKeydown: N,
+          onKeyup: M,
+          onFocus: F,
+          onBlur: R
+        }, null, 40, oe), [
+          [Y, s.value]
         ]),
-        V.value ? (m(), Y(ae, {
+        V.value ? (m(), Z(ne, {
           key: 0,
           name: "close-circle-fill",
           class: "textarea-clear-icon",
           "aria-label": "清除输入内容",
-          onClick: Z(M, ["stop"])
-        })) : (m(), g(y, { key: 1 }, [], 64))
+          onClick: ee(w, ["stop"])
+        })) : (m(), h(y, { key: 1 }, [], 64))
       ], 64))
-    ], 14, le));
+    ], 14, ie));
   }
 });
 export {
-  de as _
+  ve as _
 };