tuikit-atomicx-vue3 3.3.4 → 3.4.2

package/dist/components/ChatSetting/SettingItem/SettingItem.js

@@ -1,270 +1,226 @@
-import { defineComponent, useCssModule, ref, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, toDisplayString, createCommentVNode, Fragment, createVNode, withCtx, createTextVNode, createBlock, normalizeStyle, nextTick } from "vue";
-import { useUIKit, TUIButton, IconEditNameCard } from "@tencentcloud/uikit-base-component-vue3";
-import { c as cs } from "../../../index-BF6QB9jF.js";
-import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = ["checked", "disabled"];
-const _hoisted_2 = ["value", "placeholder", "disabled"];
-const _hoisted_3 = ["value", "rows", "placeholder", "disabled"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as M, useCssModule as H, ref as f, createElementBlock as d, openBlock as u, normalizeClass as n, unref as e, createElementVNode as _, toDisplayString as r, createCommentVNode as b, Fragment as N, createVNode as k, withCtx as w, createTextVNode as T, createBlock as P, normalizeStyle as R, nextTick as W } from "vue";
+import { useUIKit as q, TUIButton as C, IconEditNameCard as U } from "@tencentcloud/uikit-base-component-vue3";
+import { c as V } from "../../../index-DPczIrgX.js";
+import { _ as z } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const L = ["checked", "disabled"], Y = ["value", "placeholder", "disabled"], $ = ["value", "rows", "placeholder", "disabled"], F = /* @__PURE__ */ M({
   __name: "SettingItem",
   props: ["label", "type", "value", "disabled", "placeholder", "editable", "validator", "rows"],
   emits: ["change", "confirm"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const SettingItemType = {
+  setup(t, { emit: X }) {
+    const a = t, I = X, l = {
       SWITCH: "switch",
       INPUT: "input",
       TEXTAREA: "textarea",
       DISPLAY: "display"
-    };
-    const { t } = useUIKit();
-    const classes = useCssModule();
-    const isEditing = ref(false);
-    const editValue = ref("");
-    const errorMessage = ref(null);
-    const inputRef = ref();
-    const textareaRef = ref();
-    function validateValue(value) {
-      if (props.type === SettingItemType.INPUT || props.type === SettingItemType.TEXTAREA) {
-        const { validator } = props;
-        if (validator) {
-          return validator(value, props.value);
-        }
+    }, { t: m } = q(), i = H(), g = f(!1), o = f(""), s = f(null), h = f(), y = f();
+    function D(c) {
+      if (a.type === l.INPUT || a.type === l.TEXTAREA) {
+        const { validator: v } = a;
+        if (v)
+          return v(c, a.value);
       }
       return null;
     }
-    function handleValueChange(event) {
-      const target = event.target;
-      const newValue = target.value;
-      editValue.value = newValue;
-      const error = validateValue(newValue);
-      errorMessage.value = error;
+    function x(c) {
+      const A = c.target.value;
+      o.value = A;
+      const B = D(A);
+      s.value = B;
     }
-    async function startEdit() {
-      if (props.disabled || props.type !== SettingItemType.INPUT && props.type !== SettingItemType.TEXTAREA) {
+    async function S() {
+      if (a.disabled || a.type !== l.INPUT && a.type !== l.TEXTAREA)
         return;
-      }
-      const currentValue = props.value || "";
-      editValue.value = currentValue;
-      isEditing.value = true;
-      await nextTick();
-      if (props.type === SettingItemType.INPUT && inputRef.value) {
-        inputRef.value.focus();
-        inputRef.value.select();
-      } else if (props.type === SettingItemType.TEXTAREA && textareaRef.value) {
-        textareaRef.value.focus();
-        textareaRef.value.select();
-      }
+      const c = a.value || "";
+      o.value = c, g.value = !0, await W(), a.type === l.INPUT && h.value ? (h.value.focus(), h.value.select()) : a.type === l.TEXTAREA && y.value && (y.value.focus(), y.value.select());
     }
-    function cancelEdit() {
-      isEditing.value = false;
-      editValue.value = "";
-      errorMessage.value = null;
+    function E() {
+      g.value = !1, o.value = "", s.value = null;
     }
-    function confirmEdit() {
-      if (props.type === SettingItemType.INPUT || props.type === SettingItemType.TEXTAREA) {
-        if (!errorMessage.value) {
-          emit("confirm", editValue.value);
-        }
-      }
-      isEditing.value = false;
-      editValue.value = "";
-      errorMessage.value = null;
+    function j() {
+      (a.type === l.INPUT || a.type === l.TEXTAREA) && (s.value || I("confirm", o.value)), g.value = !1, o.value = "", s.value = null;
     }
-    function handleKeyPress(event) {
-      if (event.key === "Enter" && !event.shiftKey && props.type === SettingItemType.INPUT) {
-        event.preventDefault();
-        if (!errorMessage.value) {
-          confirmEdit();
-        }
-      } else if (event.key === "Escape") {
-        event.preventDefault();
-        cancelEdit();
-      }
+    function p(c) {
+      c.key === "Enter" && !c.shiftKey && a.type === l.INPUT ? (c.preventDefault(), s.value || j()) : c.key === "Escape" && (c.preventDefault(), E());
     }
-    function handleSwitchChange(event) {
-      if (props.type === SettingItemType.SWITCH) {
-        const target = event.target;
-        emit("change", target.checked);
+    function K(c) {
+      if (a.type === l.SWITCH) {
+        const v = c.target;
+        I("change", v.checked);
       }
     }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([
-          unref(classes)["setting-item"],
-          {
-            [unref(classes)[`setting-item--${__props.type}`]]: !!__props.type,
-            [unref(classes)["setting-item--disabled"]]: __props.disabled,
-            [unref(classes)["setting-item--editing"]]: isEditing.value,
-            [unref(classes)["setting-item--error"]]: !!errorMessage.value
-          }
-        ])
+    return (c, v) => (u(), d("div", {
+      class: n([
+        e(i)["setting-item"],
+        {
+          [e(i)[`setting-item--${t.type}`]]: !!t.type,
+          [e(i)["setting-item--disabled"]]: t.disabled,
+          [e(i)["setting-item--editing"]]: g.value,
+          [e(i)["setting-item--error"]]: !!s.value
+        }
+      ])
+    }, [
+      _("div", {
+        class: n(e(i)["setting-item__label"])
+      }, r(t.label), 3),
+      _("div", {
+        class: n(e(i)["setting-item__content-wrapper"])
       }, [
-        createElementVNode("div", {
-          class: normalizeClass(unref(classes)["setting-item__label"])
-        }, toDisplayString(__props.label), 3),
-        createElementVNode("div", {
-          class: normalizeClass(unref(classes)["setting-item__content-wrapper"])
+        t.type === l.SWITCH ? (u(), d("label", {
+          key: 0,
+          class: n(e(i)["setting-item__switch"])
         }, [
-          __props.type === SettingItemType.SWITCH ? (openBlock(), createElementBlock("label", {
+          _("input", {
+            class: n(e(i)["setting-item__switch-input"]),
+            type: "checkbox",
+            checked: t.value,
+            disabled: t.disabled,
+            onChange: K
+          }, null, 42, L),
+          _("span", {
+            class: n(e(i)["setting-item__switch-slider"])
+          }, null, 2)
+        ], 2)) : t.type === l.INPUT ? (u(), d(N, { key: 1 }, [
+          g.value && t.editable ? (u(), d("div", {
             key: 0,
-            class: normalizeClass(unref(classes)["setting-item__switch"])
+            class: n(e(i)["setting-item__edit-container"])
           }, [
-            createElementVNode("input", {
-              class: normalizeClass(unref(classes)["setting-item__switch-input"]),
-              type: "checkbox",
-              checked: __props.value,
-              disabled: __props.disabled,
-              onChange: handleSwitchChange
-            }, null, 42, _hoisted_1),
-            createElementVNode("span", {
-              class: normalizeClass(unref(classes)["setting-item__switch-slider"])
-            }, null, 2)
-          ], 2)) : __props.type === SettingItemType.INPUT ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            isEditing.value && __props.editable ? (openBlock(), createElementBlock("div", {
-              key: 0,
-              class: normalizeClass(unref(classes)["setting-item__edit-container"])
-            }, [
-              createElementVNode("div", null, [
-                createElementVNode("input", {
-                  ref_key: "inputRef",
-                  ref: inputRef,
-                  class: normalizeClass([
-                    unref(classes)["setting-item__input"],
-                    { [unref(classes)["setting-item__input--error"]]: !!errorMessage.value }
-                  ]),
-                  type: "text",
-                  value: editValue.value,
-                  placeholder: __props.placeholder,
-                  disabled: __props.disabled,
-                  onInput: handleValueChange,
-                  onKeydown: handleKeyPress
-                }, null, 42, _hoisted_2),
-                errorMessage.value ? (openBlock(), createElementBlock("div", {
-                  key: 0,
-                  class: normalizeClass(unref(classes)["setting-item__error"])
-                }, toDisplayString(errorMessage.value), 3)) : createCommentVNode("", true)
-              ]),
-              createElementVNode("div", {
-                class: normalizeClass(unref(classes)["setting-item__actions"])
-              }, [
-                createVNode(unref(TUIButton), {
-                  class: normalizeClass(unref(classes)["setting-item__btn--cancel"]),
-                  color: "gray",
-                  radius: "rect",
-                  disabled: __props.disabled,
-                  onClick: cancelEdit
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(unref(t)("ChatSetting.cancel")), 1)
-                  ]),
-                  _: 1
-                }, 8, ["class", "disabled"]),
-                createVNode(unref(TUIButton), {
-                  class: normalizeClass(unref(classes)["setting-item__btn--confirm"]),
-                  color: "blue",
-                  radius: "rect",
-                  disabled: __props.disabled || !!errorMessage.value || props.value === editValue.value,
-                  onClick: confirmEdit
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(unref(t)("ChatSetting.confirm")), 1)
-                  ]),
-                  _: 1
-                }, 8, ["class", "disabled"])
-              ], 2)
-            ], 2)) : (openBlock(), createElementBlock("div", {
-              key: 1,
-              class: normalizeClass(unref(classes)["setting-item__content"])
-            }, [
-              createElementVNode("span", {
-                class: normalizeClass([unref(classes)["setting-item__value"], { [unref(classes)["setting-item__value--placeholder"]]: !__props.value }])
-              }, toDisplayString(__props.value || __props.placeholder || unref(t)("ChatSetting.not_set")), 3),
-              __props.editable ? (openBlock(), createBlock(unref(IconEditNameCard), {
+            _("div", null, [
+              _("input", {
+                ref_key: "inputRef",
+                ref: h,
+                class: n([
+                  e(i)["setting-item__input"],
+                  { [e(i)["setting-item__input--error"]]: !!s.value }
+                ]),
+                type: "text",
+                value: o.value,
+                placeholder: t.placeholder,
+                disabled: t.disabled,
+                onInput: x,
+                onKeydown: p
+              }, null, 42, Y),
+              s.value ? (u(), d("div", {
                 key: 0,
-                class: normalizeClass(unref(cs)(unref(classes)["setting-item__edit-btn"], "unique-icon-btn")),
-                style: normalizeStyle({ cursor: __props.disabled ? "not-allowed" : "pointer" }),
-                onClick: startEdit
-              }, null, 8, ["class", "style"])) : createCommentVNode("", true)
-            ], 2))
-          ], 64)) : __props.type === SettingItemType.TEXTAREA ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-            isEditing.value && __props.editable ? (openBlock(), createElementBlock("div", {
-              key: 0,
-              class: normalizeClass(unref(classes)["setting-item__edit-container"])
-            }, [
-              createElementVNode("div", null, [
-                createElementVNode("textarea", {
-                  ref_key: "textareaRef",
-                  ref: textareaRef,
-                  class: normalizeClass([
-                    unref(classes)["setting-item__textarea"],
-                    { [unref(classes)["setting-item__textarea--error"]]: !!errorMessage.value }
-                  ]),
-                  value: editValue.value,
-                  rows: __props.rows || 3,
-                  placeholder: __props.placeholder,
-                  disabled: __props.disabled,
-                  onInput: handleValueChange,
-                  onKeydown: handleKeyPress
-                }, null, 42, _hoisted_3),
-                errorMessage.value ? (openBlock(), createElementBlock("div", {
-                  key: 0,
-                  class: normalizeClass(unref(classes)["setting-item__error"])
-                }, toDisplayString(errorMessage.value), 3)) : createCommentVNode("", true)
-              ]),
-              createElementVNode("div", {
-                class: normalizeClass(unref(classes)["setting-item__actions"])
-              }, [
-                createVNode(unref(TUIButton), {
-                  class: normalizeClass(unref(classes)["setting-item__btn--cancel"]),
-                  color: "gray",
-                  radius: "rect",
-                  disabled: __props.disabled,
-                  onClick: cancelEdit
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(unref(t)("ChatSetting.cancel")), 1)
-                  ]),
-                  _: 1
-                }, 8, ["class", "disabled"]),
-                createVNode(unref(TUIButton), {
-                  class: normalizeClass(unref(classes)["setting-item__btn--confirm"]),
-                  color: "blue",
-                  radius: "rect",
-                  disabled: __props.disabled || !!errorMessage.value || props.value === editValue.value,
-                  onClick: confirmEdit
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(unref(t)("ChatSetting.confirm")), 1)
-                  ]),
-                  _: 1
-                }, 8, ["class", "disabled"])
-              ], 2)
-            ], 2)) : (openBlock(), createElementBlock("div", {
-              key: 1,
-              class: normalizeClass(unref(classes)["setting-item__content"])
+                class: n(e(i)["setting-item__error"])
+              }, r(s.value), 3)) : b("", !0)
+            ]),
+            _("div", {
+              class: n(e(i)["setting-item__actions"])
             }, [
-              createElementVNode("span", {
-                class: normalizeClass([unref(classes)["setting-item__value"], { [unref(classes)["setting-item__value--placeholder"]]: !__props.value }])
-              }, toDisplayString(__props.value || __props.placeholder || unref(t)("ChatSetting.not_set")), 3),
-              __props.editable ? (openBlock(), createBlock(unref(IconEditNameCard), {
+              k(e(C), {
+                class: n(e(i)["setting-item__btn--cancel"]),
+                color: "gray",
+                radius: "rect",
+                disabled: t.disabled,
+                onClick: E
+              }, {
+                default: w(() => [
+                  T(r(e(m)("ChatSetting.cancel")), 1)
+                ]),
+                _: 1
+              }, 8, ["class", "disabled"]),
+              k(e(C), {
+                class: n(e(i)["setting-item__btn--confirm"]),
+                color: "blue",
+                radius: "rect",
+                disabled: t.disabled || !!s.value || a.value === o.value,
+                onClick: j
+              }, {
+                default: w(() => [
+                  T(r(e(m)("ChatSetting.confirm")), 1)
+                ]),
+                _: 1
+              }, 8, ["class", "disabled"])
+            ], 2)
+          ], 2)) : (u(), d("div", {
+            key: 1,
+            class: n(e(i)["setting-item__content"])
+          }, [
+            _("span", {
+              class: n([e(i)["setting-item__value"], { [e(i)["setting-item__value--placeholder"]]: !t.value }])
+            }, r(t.value || t.placeholder || e(m)("ChatSetting.not_set")), 3),
+            t.editable ? (u(), P(e(U), {
+              key: 0,
+              class: n(e(V)(e(i)["setting-item__edit-btn"], "unique-icon-btn")),
+              style: R({ cursor: t.disabled ? "not-allowed" : "pointer" }),
+              onClick: S
+            }, null, 8, ["class", "style"])) : b("", !0)
+          ], 2))
+        ], 64)) : t.type === l.TEXTAREA ? (u(), d(N, { key: 2 }, [
+          g.value && t.editable ? (u(), d("div", {
+            key: 0,
+            class: n(e(i)["setting-item__edit-container"])
+          }, [
+            _("div", null, [
+              _("textarea", {
+                ref_key: "textareaRef",
+                ref: y,
+                class: n([
+                  e(i)["setting-item__textarea"],
+                  { [e(i)["setting-item__textarea--error"]]: !!s.value }
+                ]),
+                value: o.value,
+                rows: t.rows || 3,
+                placeholder: t.placeholder,
+                disabled: t.disabled,
+                onInput: x,
+                onKeydown: p
+              }, null, 42, $),
+              s.value ? (u(), d("div", {
                 key: 0,
-                class: normalizeClass(unref(cs)(unref(classes)["setting-item__edit-btn"], "unique-icon-btn")),
-                style: normalizeStyle({ cursor: __props.disabled ? "not-allowed" : "pointer" }),
-                onClick: startEdit
-              }, null, 8, ["class", "style"])) : createCommentVNode("", true)
-            ], 2))
-          ], 64)) : __props.type === SettingItemType.DISPLAY ? (openBlock(), createElementBlock("span", {
-            key: 3,
-            class: normalizeClass(unref(classes)["setting-item__value"])
-          }, toDisplayString(__props.value || __props.placeholder || unref(t)("ChatSetting.not_set")), 3)) : createCommentVNode("", true)
-        ], 2)
-      ], 2);
-    };
+                class: n(e(i)["setting-item__error"])
+              }, r(s.value), 3)) : b("", !0)
+            ]),
+            _("div", {
+              class: n(e(i)["setting-item__actions"])
+            }, [
+              k(e(C), {
+                class: n(e(i)["setting-item__btn--cancel"]),
+                color: "gray",
+                radius: "rect",
+                disabled: t.disabled,
+                onClick: E
+              }, {
+                default: w(() => [
+                  T(r(e(m)("ChatSetting.cancel")), 1)
+                ]),
+                _: 1
+              }, 8, ["class", "disabled"]),
+              k(e(C), {
+                class: n(e(i)["setting-item__btn--confirm"]),
+                color: "blue",
+                radius: "rect",
+                disabled: t.disabled || !!s.value || a.value === o.value,
+                onClick: j
+              }, {
+                default: w(() => [
+                  T(r(e(m)("ChatSetting.confirm")), 1)
+                ]),
+                _: 1
+              }, 8, ["class", "disabled"])
+            ], 2)
+          ], 2)) : (u(), d("div", {
+            key: 1,
+            class: n(e(i)["setting-item__content"])
+          }, [
+            _("span", {
+              class: n([e(i)["setting-item__value"], { [e(i)["setting-item__value--placeholder"]]: !t.value }])
+            }, r(t.value || t.placeholder || e(m)("ChatSetting.not_set")), 3),
+            t.editable ? (u(), P(e(U), {
+              key: 0,
+              class: n(e(V)(e(i)["setting-item__edit-btn"], "unique-icon-btn")),
+              style: R({ cursor: t.disabled ? "not-allowed" : "pointer" }),
+              onClick: S
+            }, null, 8, ["class", "style"])) : b("", !0)
+          ], 2))
+        ], 64)) : t.type === l.DISPLAY ? (u(), d("span", {
+          key: 3,
+          class: n(e(i)["setting-item__value"])
+        }, r(t.value || t.placeholder || e(m)("ChatSetting.not_set")), 3)) : b("", !0)
+      ], 2)
+    ], 2));
   }
-});
-const style0 = {
+}), G = {
   "setting-item": "_setting-item_j0ui4_1",
   "setting-item--disabled": "_setting-item--disabled_j0ui4_13",
   "setting-item__switch-slider": "_setting-item__switch-slider_j0ui4_17",
@@ -285,11 +241,9 @@ const style0 = {
   "setting-item__actions": "_setting-item__actions_j0ui4_135",
   "setting-item__btn--cancel": "_setting-item__btn--cancel_j0ui4_140",
   "setting-item__btn--confirm": "_setting-item__btn--confirm_j0ui4_140"
-};
-const cssModules = {
-  "$style": style0
-};
-const SettingItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+}, J = {
+  $style: G
+}, te = /* @__PURE__ */ z(F, [["__cssModules", J]]);
 export {
-  SettingItem as default
+  te as default
 };

package/dist/components/ChatSetting/SettingItem/index.js

@@ -1,4 +1,4 @@
-import { default as default2 } from "./SettingItem.js";
+import { default as a } from "./SettingItem.js";
 export {
-  default2 as SettingItem
+  a as SettingItem
 };

package/dist/components/ChatSetting/i18n/en-US.js

@@ -1,4 +1,4 @@
-const ChatSetting = {
+const e = {
   // SettingItem
   cancel: "Cancel",
   confirm: "Confirm",
@@ -103,5 +103,5 @@ const ChatSetting = {
   group_member_role_member: "Member"
 };
 export {
-  ChatSetting as default
+  e as default
 };

package/dist/components/ChatSetting/i18n/index.js

@@ -1,9 +1,9 @@
-import ChatSetting$1 from "./en-US.js";
-import ChatSetting from "./zh-CN.js";
-const resources = {
-  "en-US": ChatSetting$1,
-  "zh-CN": ChatSetting
+import t from "./en-US.js";
+import o from "./zh-CN.js";
+const i = {
+  "en-US": t,
+  "zh-CN": o
 };
 export {
-  resources
+  i as resources
 };

package/dist/components/ChatSetting/i18n/zh-CN.js

@@ -1,4 +1,4 @@
-const ChatSetting = {
+const e = {
   // SettingItem
   cancel: "取消",
   confirm: "确认",
@@ -103,5 +103,5 @@ const ChatSetting = {
   group_member_role_member: "群成员"
 };
 export {
-  ChatSetting as default
+  e as default
 };

package/dist/components/ChatSetting/index.js

@@ -1,9 +1,9 @@
-import ChatSettingComponent from "./ChatSetting.js";
-import { addI18n } from "../../i18n/index.js";
-import { resources } from "./i18n/index.js";
-addI18n("zh-CN", { translation: { ChatSetting: resources["zh-CN"] } });
-addI18n("en-US", { translation: { ChatSetting: resources["en-US"] } });
-const ChatSetting = ChatSettingComponent;
+import o from "./ChatSetting.js";
+import { addI18n as t } from "../../i18n/index.js";
+import { resources as n } from "./i18n/index.js";
+t("zh-CN", { translation: { ChatSetting: n["zh-CN"] } });
+t("en-US", { translation: { ChatSetting: n["en-US"] } });
+const i = o;
 export {
-  ChatSetting
+  i as ChatSetting
 };