tuikit-atomicx-vue3 0.1.0 → 0.1.1

package/dist/components/ChatSetting/GroupChatSetting/GroupMembers/index.js

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

package/dist/components/ChatSetting/GroupChatSetting/PersonalSettings/PersonalSettings.js

@@ -0,0 +1,46 @@
+import { defineComponent, createElementBlock, openBlock, normalizeClass, createBlock, createCommentVNode, unref } from "vue";
+import { useUIKit } from "@tencentcloud/uikit-base-component-vue3";
+import SettingItem from "../../SettingItem/SettingItem.js";
+import { useGroupSettingState } from "../../../../states/GroupSettingState/GroupSettingState.js";
+import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
+const _hoisted_1 = {
+  class: /* @__PURE__ */ normalizeClass([
+    "personal-settings"
+  ])
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "PersonalSettings",
+  setup(__props) {
+    const { t } = useUIKit();
+    const {
+      isMuted,
+      isPinned,
+      setChatMuted,
+      setChatPinned
+    } = useGroupSettingState();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        unref(isMuted) !== void 0 ? (openBlock(), createBlock(unref(SettingItem), {
+          key: 0,
+          class: "personal-settings__mute-switch",
+          label: unref(t)("ChatSetting.mute_conversation"),
+          type: "switch",
+          value: unref(isMuted),
+          onChange: _cache[0] || (_cache[0] = (value) => unref(setChatMuted)(Boolean(value)))
+        }, null, 8, ["label", "value"])) : createCommentVNode("", true),
+        unref(isPinned) !== void 0 ? (openBlock(), createBlock(unref(SettingItem), {
+          key: 1,
+          class: "personal-settings__pin-switch",
+          label: unref(t)("ChatSetting.pin_conversation"),
+          type: "switch",
+          value: unref(isPinned),
+          onChange: _cache[1] || (_cache[1] = (value) => unref(setChatPinned)(Boolean(value)))
+        }, null, 8, ["label", "value"])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const PersonalSettings = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c64aee1b"]]);
+export {
+  PersonalSettings as default
+};

package/dist/components/ChatSetting/GroupChatSetting/PersonalSettings/PersonalSettings.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/ChatSetting/GroupChatSetting/PersonalSettings/index.d.ts

@@ -0,0 +1,3 @@
+import { default as PersonalSettings } from './PersonalSettings.vue';
+
+export { PersonalSettings, };

package/dist/components/ChatSetting/GroupChatSetting/PersonalSettings/index.js

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

package/dist/components/ChatSetting/GroupChatSetting/index.d.ts

@@ -0,0 +1,3 @@
+import { default as GroupChatSetting } from './GroupChatSetting.vue';
+
+export { GroupChatSetting, };

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

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

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

@@ -0,0 +1,268 @@
+import { defineComponent, ref, createElementBlock, openBlock, normalizeClass, createElementVNode, toDisplayString, createCommentVNode, Fragment, createVNode, unref, withCtx, createTextVNode, createBlock, normalizeStyle, nextTick } from "vue";
+import { useUIKit, TUIButton, IconEditNameCard } from "@tencentcloud/uikit-base-component-vue3";
+import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
+const _hoisted_1 = { class: "setting-item__label" };
+const _hoisted_2 = { class: "setting-item__content-wrapper" };
+const _hoisted_3 = {
+  key: 0,
+  class: "setting-item__switch"
+};
+const _hoisted_4 = ["checked", "disabled"];
+const _hoisted_5 = {
+  key: 0,
+  class: "setting-item__edit-container"
+};
+const _hoisted_6 = ["value", "placeholder", "disabled"];
+const _hoisted_7 = {
+  key: 0,
+  class: "setting-item__error"
+};
+const _hoisted_8 = { class: "setting-item__actions" };
+const _hoisted_9 = {
+  key: 1,
+  class: "setting-item__content"
+};
+const _hoisted_10 = { class: "setting-item__value" };
+const _hoisted_11 = {
+  key: 0,
+  class: "setting-item__edit-container"
+};
+const _hoisted_12 = ["value", "rows", "placeholder", "disabled"];
+const _hoisted_13 = {
+  key: 0,
+  class: "setting-item__error"
+};
+const _hoisted_14 = { class: "setting-item__actions" };
+const _hoisted_15 = {
+  key: 1,
+  class: "setting-item__content"
+};
+const _hoisted_16 = { class: "setting-item__value" };
+const _hoisted_17 = {
+  key: 3,
+  class: "setting-item__value"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __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 = {
+      SWITCH: "switch",
+      INPUT: "input",
+      TEXTAREA: "textarea",
+      DISPLAY: "display"
+    };
+    const { t } = useUIKit();
+    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);
+        }
+      }
+      return null;
+    }
+    function handleValueChange(event) {
+      const target = event.target;
+      const newValue = target.value;
+      editValue.value = newValue;
+      const error = validateValue(newValue);
+      errorMessage.value = error;
+    }
+    async function startEdit() {
+      if (props.disabled || props.type !== SettingItemType.INPUT && props.type !== SettingItemType.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();
+      }
+    }
+    function cancelEdit() {
+      isEditing.value = false;
+      editValue.value = "";
+      errorMessage.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 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 handleSwitchChange(event) {
+      if (props.type === SettingItemType.SWITCH) {
+        const target = event.target;
+        emit("change", target.checked);
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          "setting-item",
+          {
+            [`setting-item--${__props.type}`]: !!__props.type,
+            "setting-item--disabled": __props.disabled,
+            "setting-item--editing": isEditing.value,
+            "setting-item--error": !!errorMessage.value
+          }
+        ])
+      }, [
+        createElementVNode("div", _hoisted_1, toDisplayString(__props.label), 1),
+        createElementVNode("div", _hoisted_2, [
+          __props.type === SettingItemType.SWITCH ? (openBlock(), createElementBlock("label", _hoisted_3, [
+            createElementVNode("input", {
+              class: "setting-item__switch-input",
+              type: "checkbox",
+              checked: __props.value,
+              disabled: __props.disabled,
+              onChange: handleSwitchChange
+            }, null, 40, _hoisted_4),
+            _cache[0] || (_cache[0] = createElementVNode("span", { class: "setting-item__switch-slider" }, null, -1))
+          ])) : __props.type === SettingItemType.INPUT ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            isEditing.value && __props.editable ? (openBlock(), createElementBlock("div", _hoisted_5, [
+              createElementVNode("div", null, [
+                createElementVNode("input", {
+                  ref_key: "inputRef",
+                  ref: inputRef,
+                  class: normalizeClass([
+                    "setting-item__input",
+                    { "setting-item__input--error": !!errorMessage.value }
+                  ]),
+                  type: "text",
+                  value: editValue.value,
+                  placeholder: __props.placeholder,
+                  disabled: __props.disabled,
+                  onInput: handleValueChange,
+                  onKeydown: handleKeyPress
+                }, null, 42, _hoisted_6),
+                errorMessage.value ? (openBlock(), createElementBlock("div", _hoisted_7, toDisplayString(errorMessage.value), 1)) : createCommentVNode("", true)
+              ]),
+              createElementVNode("div", _hoisted_8, [
+                createVNode(unref(TUIButton), {
+                  class: "setting-item__btn--cancel",
+                  color: "gray",
+                  radius: "rect",
+                  disabled: __props.disabled,
+                  onClick: cancelEdit
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(unref(t)("ChatSetting.cancel")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["disabled"]),
+                createVNode(unref(TUIButton), {
+                  class: "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, ["disabled"])
+              ])
+            ])) : (openBlock(), createElementBlock("div", _hoisted_9, [
+              createElementVNode("span", _hoisted_10, toDisplayString(__props.value || __props.placeholder || unref(t)("ChatSetting.not_set")), 1),
+              __props.editable ? (openBlock(), createBlock(unref(IconEditNameCard), {
+                key: 0,
+                class: "setting-item__edit-btn unique-icon-btn",
+                style: normalizeStyle({ cursor: __props.disabled ? "not-allowed" : "pointer" }),
+                onClick: startEdit
+              }, null, 8, ["style"])) : createCommentVNode("", true)
+            ]))
+          ], 64)) : __props.type === SettingItemType.TEXTAREA ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+            isEditing.value && __props.editable ? (openBlock(), createElementBlock("div", _hoisted_11, [
+              createElementVNode("div", null, [
+                createElementVNode("textarea", {
+                  ref_key: "textareaRef",
+                  ref: textareaRef,
+                  class: normalizeClass([
+                    "setting-item__textarea",
+                    { "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_12),
+                errorMessage.value ? (openBlock(), createElementBlock("div", _hoisted_13, toDisplayString(errorMessage.value), 1)) : createCommentVNode("", true)
+              ]),
+              createElementVNode("div", _hoisted_14, [
+                createVNode(unref(TUIButton), {
+                  class: "setting-item__btn--cancel",
+                  color: "gray",
+                  radius: "rect",
+                  disabled: __props.disabled,
+                  onClick: cancelEdit
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(unref(t)("ChatSetting.cancel")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["disabled"]),
+                createVNode(unref(TUIButton), {
+                  class: "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, ["disabled"])
+              ])
+            ])) : (openBlock(), createElementBlock("div", _hoisted_15, [
+              createElementVNode("span", _hoisted_16, toDisplayString(__props.value || __props.placeholder || unref(t)("ChatSetting.not_set")), 1),
+              __props.editable ? (openBlock(), createBlock(unref(IconEditNameCard), {
+                key: 0,
+                class: "setting-item__edit-btn unique-icon-btn",
+                style: normalizeStyle({ cursor: __props.disabled ? "not-allowed" : "pointer" }),
+                onClick: startEdit
+              }, null, 8, ["style"])) : createCommentVNode("", true)
+            ]))
+          ], 64)) : __props.type === SettingItemType.DISPLAY ? (openBlock(), createElementBlock("span", _hoisted_17, toDisplayString(__props.value || __props.placeholder || unref(t)("ChatSetting.not_set")), 1)) : createCommentVNode("", true)
+        ])
+      ], 2);
+    };
+  }
+});
+const SettingItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-dce9a70b"]]);
+export {
+  SettingItem as default
+};

package/dist/components/ChatSetting/SettingItem/SettingItem.vue.d.ts

@@ -0,0 +1,26 @@
+declare const _default: import('vue').DefineComponent<{
+    type?: any;
+    label?: any;
+    placeholder?: any;
+    disabled?: any;
+    value?: any;
+    editable?: any;
+    validator?: any;
+    rows?: any;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+    confirm: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<{
+    type?: any;
+    label?: any;
+    placeholder?: any;
+    disabled?: any;
+    value?: any;
+    editable?: any;
+    validator?: any;
+    rows?: any;
+}> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/ChatSetting/SettingItem/index.d.ts

@@ -0,0 +1,3 @@
+import { default as SettingItem } from './SettingItem.vue';
+
+export { SettingItem };

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

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

package/dist/components/ChatSetting/i18n/en-US.d.ts

@@ -0,0 +1,95 @@
+declare const ChatSetting: {
+    cancel: string;
+    confirm: string;
+    not_set: string;
+    user_id: string;
+    nickname: string;
+    nickname_placeholder: string;
+    signature: string;
+    remark: string;
+    remark_placeholder: string;
+    remark_update_success: string;
+    pin_conversation: string;
+    mute_conversation: string;
+    copied: string;
+    remove_member_dialog_title: string;
+    add_member_dialog_title: string;
+    failed_to_load_more_members: string;
+    failed_to_remove_member: string;
+    me: string;
+    group_id: string;
+    group_name: string;
+    group_name_placeholder: string;
+    group_introduction: string;
+    group_introduction_placeholder: string;
+    group_notification: string;
+    group_notification_placeholder: string;
+    my_name_card: string;
+    my_name_card_placeholder: string;
+    group_type: string;
+    group_type_work: string;
+    group_type_public: string;
+    group_type_meeting: string;
+    group_type_community: string;
+    group_type_avchatroom: string;
+    group_type_unknown: string;
+    group_name_required_string: string;
+    group_name_required: string;
+    group_name_max_length: string;
+    group_name_unchanged: string;
+    group_introduction_required_string: string;
+    group_introduction_max_length: string;
+    group_introduction_unchanged: string;
+    group_notification_required_string: string;
+    group_notification_max_length: string;
+    group_notification_unchanged: string;
+    group_name_card_required_string: string;
+    group_name_card_unchanged: string;
+    group_name_update_success: string;
+    group_name_update_failed: string;
+    group_introduction_update_success: string;
+    group_introduction_update_failed: string;
+    group_notification_update_success: string;
+    group_notification_update_failed: string;
+    group_name_card_update_success: string;
+    group_name_card_update_failed: string;
+    group_member_add_success: string;
+    group_member_add_failed: string;
+    group_member_add_partially_failed: string;
+    group_member_remove_success: string;
+    group_member_remove_failed: string;
+    group_members: string;
+    add: string;
+    remove: string;
+    loading: string;
+    all_members_shown: string;
+    collapse: string;
+    transfer_group_owner: string;
+    quit_group: string;
+    dismiss_group: string;
+    confirm_quit_group: string;
+    select_new_owner_error: string;
+    only_one_owner_error: string;
+    transfer_owner_success: string;
+    transfer_owner_failed: string;
+    quit_group_success: string;
+    quit_group_failed: string;
+    group_management: string;
+    set_admin: string;
+    unset_admin: string;
+    mute_members: string;
+    unmute_members: string;
+    operation_success: string;
+    operation_failed: string;
+    all_members_muted: string;
+    all_members_unmuted: string;
+    mute_all_failed: string;
+    group_admin: string;
+    mute_management: string;
+    mute_all_members: string;
+    mute_all_members_description: string;
+    group_member_role_owner: string;
+    group_member_role_admin: string;
+    group_member_role_member: string;
+};
+export default ChatSetting;

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

@@ -0,0 +1,107 @@
+const ChatSetting = {
+  // SettingItem
+  cancel: "Cancel",
+  confirm: "Confirm",
+  not_set: "Not Set",
+  // C2CChatSetting
+  user_id: "User ID",
+  nickname: "Nickname",
+  nickname_placeholder: "No nickname set",
+  signature: "Signature",
+  remark: "Remark",
+  remark_placeholder: "No remark set",
+  remark_update_success: "Remark updated successfully",
+  pin_conversation: "Pin Conversation",
+  mute_conversation: "Mute Conversation",
+  copied: "Copied",
+  // GroupChatSetting
+  remove_member_dialog_title: "Remove Group Member",
+  add_member_dialog_title: "Add Group Member",
+  failed_to_load_more_members: "Failed to load more members",
+  failed_to_remove_member: "Failed to remove member",
+  me: "Me",
+  // GroupInfo
+  group_id: "Group ID",
+  group_name: "Group Name",
+  group_name_placeholder: "No group name set",
+  group_introduction: "Group Introduction",
+  group_introduction_placeholder: "No group introduction",
+  group_notification: "Group Notification",
+  group_notification_placeholder: "No group notification",
+  my_name_card: "My Name Card",
+  my_name_card_placeholder: "No name card set",
+  group_type: "Group Type",
+  group_type_work: "Work Group",
+  group_type_public: "Public Group",
+  group_type_meeting: "Meeting Group",
+  group_type_community: "Community",
+  group_type_avchatroom: "Live Group",
+  group_type_unknown: "Unknown Type",
+  // Validation messages
+  group_name_required_string: "Group name must be a string",
+  group_name_required: "Group name cannot be empty",
+  group_name_max_length: "Group name cannot exceed 25 characters",
+  group_name_unchanged: "Please modify the group name before submitting",
+  group_introduction_required_string: "Group introduction must be a string",
+  group_introduction_max_length: "Group introduction cannot exceed 100 characters",
+  group_introduction_unchanged: "Please modify the group introduction before submitting",
+  group_notification_required_string: "Group notification must be a string",
+  group_notification_max_length: "Group notification cannot exceed 100 characters",
+  group_notification_unchanged: "Please modify the group notification before submitting",
+  group_name_card_required_string: "Name card must be a string",
+  group_name_card_unchanged: "Please modify the name card before submitting",
+  // Success/Error messages
+  group_name_update_success: "Group name updated successfully",
+  group_name_update_failed: "Failed to update group name",
+  group_introduction_update_success: "Group introduction updated successfully",
+  group_introduction_update_failed: "Failed to update group introduction",
+  group_notification_update_success: "Group notification updated successfully",
+  group_notification_update_failed: "Failed to update group notification",
+  group_name_card_update_success: "Name card updated successfully",
+  group_name_card_update_failed: "Failed to update name card",
+  group_member_add_success: "Member added successfully",
+  group_member_add_failed: "Failed to add member",
+  group_member_add_partially_failed: "Partially member added failed",
+  group_member_remove_success: "Member removed successfully",
+  group_member_remove_failed: "Failed to remove member",
+  // GroupMembers
+  group_members: "Group Members",
+  add: "Add",
+  remove: "Remove",
+  loading: "Loading...",
+  all_members_shown: "All members shown",
+  collapse: "Collapse",
+  // GroupActions
+  transfer_group_owner: "Transfer Group Owner",
+  quit_group: "Quit Group",
+  dismiss_group: "Dismiss Group",
+  confirm_quit_group: "Are you sure you want to quit the group?",
+  select_new_owner_error: "Please select a new owner",
+  only_one_owner_error: "Only one member can be selected as the new owner",
+  transfer_owner_success: "Ownership transferred successfully",
+  transfer_owner_failed: "Failed to transfer ownership",
+  quit_group_success: "Successfully left the group",
+  quit_group_failed: "Failed to leave the group",
+  // GroupManagement
+  group_management: "Group Management",
+  set_admin: "Set Admin",
+  unset_admin: "Remove Admin",
+  mute_members: "Mute Members",
+  unmute_members: "Unmute Members",
+  operation_success: "Operation completed successfully",
+  operation_failed: "Operation failed",
+  all_members_muted: "All members muted",
+  all_members_unmuted: "All members unmuted",
+  mute_all_failed: "Failed to update mute all setting",
+  group_admin: "Group Admin",
+  mute_management: "Mute Management",
+  mute_all_members: "Mute All Members",
+  mute_all_members_description: "When enabled, only the group owner and admins can speak",
+  // GroupMemberRole
+  group_member_role_owner: "Group Owner",
+  group_member_role_admin: "Admin",
+  group_member_role_member: "Member"
+};
+export {
+  ChatSetting as default
+};

package/dist/components/ChatSetting/i18n/index.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,10 @@
+import { i18next } from "@tencentcloud/uikit-base-component-vue3";
+import ChatSetting$1 from "./en-US.js";
+import ChatSetting from "./zh-CN.js";
+const resources = {
+  "en-US": ChatSetting$1,
+  "zh-CN": ChatSetting
+};
+Object.entries(resources).forEach(([lng, resource]) => {
+  i18next.addResourceBundle(lng, "translation", { ChatSetting: resource }, true, false);
+});