@ndscnj/roomkit-web-vue3 25.12.2409 → 25.12.2411

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/es/components/RoomFooter/index/indexPC.vue.mjs +1 -1
  2. package/es/components/RoomFooter/index/indexPC.vue2.mjs +2 -2
  3. package/es/components/RoomFooter/voteControl/VoteControlH5.vue.d.ts +6 -0
  4. package/es/components/RoomFooter/voteControl/VoteControlH5.vue.mjs +7 -0
  5. package/es/components/RoomFooter/voteControl/VoteControlH5.vue2.mjs +105 -0
  6. package/es/components/RoomFooter/voteControl/VoteControlPC.vue.d.ts +2 -0
  7. package/es/components/RoomFooter/voteControl/VoteControlPC.vue.mjs +49 -0
  8. package/es/components/RoomFooter/voteControl/VoteControlPC.vue2.mjs +4 -0
  9. package/es/components/RoomFooter/voteControl/index.d.ts +6 -0
  10. package/es/components/RoomFooter/voteControl/index.mjs +7 -0
  11. package/es/components/RoomFooter/voteControl/useMoreControlHooks.mjs +22 -0
  12. package/es/constants/icon.d.ts +2 -0
  13. package/es/constants/icon.mjs +2 -0
  14. package/es/index.mjs +180 -152
  15. package/lib/components/RoomFooter/index/indexPC.vue.js +1 -1
  16. package/lib/components/RoomFooter/index/indexPC.vue2.js +6 -6
  17. package/lib/components/RoomFooter/voteControl/VoteControlH5.vue.d.ts +6 -0
  18. package/lib/components/RoomFooter/voteControl/VoteControlH5.vue.js +7 -0
  19. package/lib/components/RoomFooter/voteControl/VoteControlH5.vue2.js +105 -0
  20. package/lib/components/RoomFooter/voteControl/VoteControlPC.vue.d.ts +2 -0
  21. package/lib/components/RoomFooter/voteControl/VoteControlPC.vue.js +49 -0
  22. package/lib/components/RoomFooter/voteControl/VoteControlPC.vue2.js +4 -0
  23. package/lib/components/RoomFooter/voteControl/index.d.ts +6 -0
  24. package/lib/components/RoomFooter/voteControl/index.js +7 -0
  25. package/lib/components/RoomFooter/voteControl/useMoreControlHooks.js +22 -0
  26. package/lib/constants/icon.d.ts +2 -0
  27. package/lib/constants/icon.js +2 -0
  28. package/lib/index.js +180 -152
  29. package/package.json +1 -1
  30. package/src/TUIRoom/components/RoomFooter/index/indexPC.vue +1 -1
  31. package/src/TUIRoom/components/RoomFooter/voteControl/VoteControlH5.vue +122 -0
  32. package/src/TUIRoom/components/RoomFooter/voteControl/VoteControlPC.vue +31 -0
  33. package/src/TUIRoom/components/RoomFooter/voteControl/index.ts +8 -0
  34. package/src/TUIRoom/components/RoomFooter/voteControl/useMoreControlHooks.ts +23 -0
  35. package/src/TUIRoom/components/RoomFooter/voteControl.vue +3 -2
  36. package/src/TUIRoom/constants/icon.ts +2 -0
  37. package/es/components/RoomFooter/voteControl.vue.d.ts +0 -15
  38. package/es/components/RoomFooter/voteControl.vue.mjs +0 -7
  39. package/es/components/RoomFooter/voteControl.vue2.mjs +0 -71
  40. package/lib/components/RoomFooter/voteControl.vue.d.ts +0 -15
  41. package/lib/components/RoomFooter/voteControl.vue.js +0 -7
  42. package/lib/components/RoomFooter/voteControl.vue2.js +0 -71
@@ -1,7 +1,7 @@
1
1
  import _sfc_main from "./indexPC.vue2.mjs";
2
2
  /* empty css */
3
3
  import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
4
- const indexPc = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f808bd91"]]);
4
+ const indexPc = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3a373c3a"]]);
5
5
  export {
6
6
  indexPc as default
7
7
  };
@@ -65,7 +65,7 @@ import VirtualBackground from "../VirtualBackground.vue.mjs";
65
65
  import AIControl from "../AIControl.vue.mjs";
66
66
  import BasicBeauty from "../BasicBeauty.vue.mjs";
67
67
  import bus from "../../../hooks/useMitt.mjs";
68
- import voteControl from "../voteControl.vue.mjs";
68
+ import VoteControl from "../voteControl/index.mjs";
69
69
  import useRoomFooter from "./useRoomFooterHooks.mjs";
70
70
  const _hoisted_1 = { class: "footer-container" };
71
71
  const _hoisted_2 = { class: "left-container" };
@@ -137,7 +137,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
137
137
  class: "center-container-item",
138
138
  onClick: _cache[9] || (_cache[9] = ($event) => handleControlClick("MasterApplyControl"))
139
139
  })) : createCommentVNode("", true),
140
- createVNode(voteControl, {
140
+ createVNode(unref(VoteControl), {
141
141
  class: "center-container-item",
142
142
  onClick: _cache[10] || (_cache[10] = ($event) => handleControlClick("voteControl")),
143
143
  onOnVote: onVote
@@ -0,0 +1,6 @@
1
+ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
2
+ "show-overlay": (...args: any[]) => void;
3
+ }, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
4
+ "onShow-overlay"?: ((...args: any[]) => any) | undefined;
5
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
6
+ export default _default;
@@ -0,0 +1,7 @@
1
+ import _sfc_main from "./VoteControlH5.vue2.mjs";
2
+ /* empty css */
3
+ import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
4
+ const VoteControlH5 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4fb119e2"]]);
5
+ export {
6
+ VoteControlH5 as default
7
+ };
@@ -0,0 +1,105 @@
1
+ import { defineComponent, ref, onMounted, onUnmounted, createElementBlock, openBlock, createCommentVNode, unref, withDirectives, createBlock, withCtx, createVNode, createElementVNode, createTextVNode, toDisplayString } from "vue";
2
+ import { IconExtension } from "@tencentcloud/uikit-base-component-vue3";
3
+ import IconButton from "../../common/base/IconButton.vue.mjs";
4
+ import useControl from "./useMoreControlHooks.mjs";
5
+ import _sfc_main$1 from "../ChatControl.vue.mjs";
6
+ import InviteControl from "../InviteControl.vue.mjs";
7
+ import ContactControl from "../ContactControl.vue.mjs";
8
+ import { useRoomStore } from "../../../stores/room.mjs";
9
+ import bus from "../../../hooks/useMitt.mjs";
10
+ import vTap from "../../../directives/vTap.mjs";
11
+ import "../../../services/main.mjs";
12
+ import { roomService } from "../../../services/roomService.mjs";
13
+ import "../../../locales/index.mjs";
14
+ import "@tencentcloud/tuiroom-engine-js";
15
+ import "../../../utils/environment.mjs";
16
+ import "mitt";
17
+ import "../../../services/manager/roomActionManager.mjs";
18
+ import "@tencentcloud/tui-core";
19
+ const _hoisted_1 = {
20
+ key: 0,
21
+ class: "more-control-container"
22
+ };
23
+ const _hoisted_2 = { class: "control-compent" };
24
+ const _hoisted_3 = { class: "close" };
25
+ const _sfc_main = /* @__PURE__ */ defineComponent({
26
+ __name: "VoteControlH5",
27
+ emits: ["show-overlay"],
28
+ setup(__props, { emit: __emit }) {
29
+ const moreControlConfig = roomService.getComponentConfig("MoreControl");
30
+ const showMoreContent = ref(false);
31
+ const moreContentRef = ref();
32
+ const { t, sidebarName } = useControl();
33
+ const roomStore = useRoomStore();
34
+ const emit = __emit;
35
+ function showMore() {
36
+ showMoreContent.value = true;
37
+ }
38
+ function handleCancelControl() {
39
+ showMoreContent.value = false;
40
+ }
41
+ function handleControlClick(name) {
42
+ bus.emit("experience-communication", name);
43
+ }
44
+ function handleShowOverlay(data) {
45
+ showMoreContent.value = false;
46
+ emit("show-overlay", data);
47
+ }
48
+ function handleDocumentClick(event) {
49
+ if (showMoreContent.value && !moreContentRef.value.contains(event.target)) {
50
+ showMoreContent.value = false;
51
+ }
52
+ }
53
+ onMounted(() => {
54
+ document == null ? void 0 : document.addEventListener("click", handleDocumentClick, true);
55
+ });
56
+ onUnmounted(() => {
57
+ document == null ? void 0 : document.removeEventListener("click", handleDocumentClick, true);
58
+ });
59
+ return (_ctx, _cache) => {
60
+ return openBlock(), createElementBlock("div", null, [
61
+ unref(moreControlConfig).visible ? (openBlock(), createElementBlock("div", _hoisted_1, [
62
+ withDirectives((openBlock(), createBlock(IconButton, {
63
+ "is-active": unref(sidebarName) === "more",
64
+ title: unref(t)("More")
65
+ }, {
66
+ default: withCtx(() => [
67
+ createVNode(unref(IconExtension), { size: "24" })
68
+ ]),
69
+ _: 1
70
+ }, 8, ["is-active", "title"])), [
71
+ [unref(vTap), showMore]
72
+ ])
73
+ ])) : createCommentVNode("", true),
74
+ showMoreContent.value ? (openBlock(), createElementBlock("div", {
75
+ key: 1,
76
+ ref_key: "moreContentRef",
77
+ ref: moreContentRef,
78
+ class: "show-more-content"
79
+ }, [
80
+ createElementVNode("div", _hoisted_2, [
81
+ unref(roomStore).isSpeakAfterTakingSeatMode ? (openBlock(), createBlock(_sfc_main$1, {
82
+ key: 0,
83
+ onClick: _cache[0] || (_cache[0] = ($event) => handleControlClick("chatControl"))
84
+ })) : createCommentVNode("", true),
85
+ createVNode(ContactControl, {
86
+ onClick: _cache[1] || (_cache[1] = ($event) => handleControlClick("contactControl"))
87
+ }),
88
+ createVNode(InviteControl, {
89
+ onShowOverlay: handleShowOverlay,
90
+ onClick: _cache[2] || (_cache[2] = ($event) => handleControlClick("inviteControl"))
91
+ })
92
+ ]),
93
+ withDirectives((openBlock(), createElementBlock("div", _hoisted_3, [
94
+ createTextVNode(toDisplayString(unref(t)("Cancel")), 1)
95
+ ])), [
96
+ [unref(vTap), handleCancelControl]
97
+ ])
98
+ ], 512)) : createCommentVNode("", true)
99
+ ]);
100
+ };
101
+ }
102
+ });
103
+ export {
104
+ _sfc_main as default
105
+ };
@@ -0,0 +1,2 @@
1
+ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
2
+ export default _default;
@@ -0,0 +1,49 @@
1
+ import { defineComponent, createElementBlock, createCommentVNode, unref, openBlock, createVNode, withCtx } from "vue";
2
+ import { IconMore } from "@tencentcloud/uikit-base-component-vue3";
3
+ import IconButton from "../../common/base/IconButton.vue.mjs";
4
+ import useControl from "./useMoreControlHooks.mjs";
5
+ import "../../../services/main.mjs";
6
+ import { roomService } from "../../../services/roomService.mjs";
7
+ import "../../../locales/index.mjs";
8
+ import "@tencentcloud/tuiroom-engine-js";
9
+ import "../../../utils/environment.mjs";
10
+ import "mitt";
11
+ import "../../../services/manager/roomActionManager.mjs";
12
+ import "@tencentcloud/tui-core";
13
+ const _hoisted_1 = {
14
+ key: 0,
15
+ class: "vote-control-container"
16
+ };
17
+ const _sfc_main = /* @__PURE__ */ defineComponent({
18
+ __name: "VoteControlPC",
19
+ setup(__props) {
20
+ const moreControlConfig = roomService.getComponentConfig("VoteControl");
21
+ const { t, basicStore, sidebarName } = useControl();
22
+ function toggleMoreSidebar() {
23
+ if (basicStore.setSidebarOpenStatus && basicStore.sidebarName === "vote") {
24
+ basicStore.setSidebarOpenStatus(false);
25
+ basicStore.setSidebarName("");
26
+ return;
27
+ }
28
+ basicStore.setSidebarOpenStatus(true);
29
+ basicStore.setSidebarName("vote");
30
+ }
31
+ return (_ctx, _cache) => {
32
+ return unref(moreControlConfig).visible ? (openBlock(), createElementBlock("div", _hoisted_1, [
33
+ createVNode(IconButton, {
34
+ "is-active": unref(sidebarName) === "vote",
35
+ title: unref(t)("Vote"),
36
+ onClickIcon: toggleMoreSidebar
37
+ }, {
38
+ default: withCtx(() => [
39
+ createVNode(unref(IconMore), { size: "24" })
40
+ ]),
41
+ _: 1
42
+ }, 8, ["is-active", "title"])
43
+ ])) : createCommentVNode("", true);
44
+ };
45
+ }
46
+ });
47
+ export {
48
+ _sfc_main as default
49
+ };
@@ -0,0 +1,4 @@
1
+ import _sfc_main from "./VoteControlPC.vue.mjs";
2
+ export {
3
+ _sfc_main as default
4
+ };
@@ -0,0 +1,6 @@
1
+ declare const VoteControl: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
2
+ "show-overlay": (...args: any[]) => void;
3
+ }, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
4
+ "onShow-overlay"?: ((...args: any[]) => any) | undefined;
5
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any> | import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
6
+ export default VoteControl;
@@ -0,0 +1,7 @@
1
+ import VoteControlH5 from "./VoteControlH5.vue.mjs";
2
+ import _sfc_main from "./VoteControlPC.vue.mjs";
3
+ import { isMobile } from "../../../utils/environment.mjs";
4
+ const VoteControl = isMobile ? VoteControlH5 : _sfc_main;
5
+ export {
6
+ VoteControl as default
7
+ };
@@ -0,0 +1,22 @@
1
+ import { computed } from "vue";
2
+ import { useBasicStore } from "../../../stores/basic.mjs";
3
+ import { storeToRefs } from "pinia";
4
+ import { useI18n } from "../../../locales/index.mjs";
5
+ import { ICON_NAME } from "../../../constants/icon.mjs";
6
+ function useControl() {
7
+ const { t } = useI18n();
8
+ const basicStore = useBasicStore();
9
+ const { sidebarName } = storeToRefs(basicStore);
10
+ const iconName = computed(
11
+ () => sidebarName.value === "more" ? ICON_NAME.MoreActive : ICON_NAME.More
12
+ );
13
+ return {
14
+ t,
15
+ basicStore,
16
+ iconName,
17
+ sidebarName
18
+ };
19
+ }
20
+ export {
21
+ useControl as default
22
+ };
@@ -20,6 +20,8 @@ export declare enum ICON_NAME {
20
20
  ManageMember = "manage-member",
21
21
  More = "more",
22
22
  MoreActive = "more-active",
23
+ Vote = "vote",
24
+ VoteActive = "vote-active",
23
25
  SettingActive = "setting-active",
24
26
  Setting = "setting",
25
27
  LineArrowUp = "line-arrow-up",
@@ -20,6 +20,8 @@ var ICON_NAME = /* @__PURE__ */ ((ICON_NAME2) => {
20
20
  ICON_NAME2["ManageMember"] = "manage-member";
21
21
  ICON_NAME2["More"] = "more";
22
22
  ICON_NAME2["MoreActive"] = "more-active";
23
+ ICON_NAME2["Vote"] = "vote";
24
+ ICON_NAME2["VoteActive"] = "vote-active";
23
25
  ICON_NAME2["SettingActive"] = "setting-active";
24
26
  ICON_NAME2["Setting"] = "setting";
25
27
  ICON_NAME2["LineArrowUp"] = "line-arrow-up";
package/es/index.mjs CHANGED
@@ -3928,170 +3928,45 @@ to {
3928
3928
  }
3929
3929
  .footer .mirror-container .mirror-text[data-v-21a63691] {
3930
3930
  margin-left: 4px;
3931
- }span[data-v-939000cb] {
3932
- padding-right: 5px;
3933
- font-size: 12px;
3934
- font-weight: 500;
3935
- line-height: 17px;
3936
- }
3937
- .contact-container-main[data-v-939000cb] {
3938
- position: fixed;
3939
- bottom: 0;
3940
- display: flex;
3941
- flex-direction: column;
3942
- width: 100%;
3943
- padding-bottom: 4vh;
3944
- border-radius: 15px 15px 0 0;
3945
- animation-name: popup-939000cb;
3931
+ }.show-more-content[data-v-4fb119e2] {
3932
+ position: absolute;
3933
+ bottom: 15px;
3934
+ left: 5%;
3935
+ width: 90%;
3936
+ height: 17vh;
3937
+ padding: 10px;
3938
+ border-radius: 13px;
3939
+ animation-name: popup-4fb119e2;
3946
3940
  animation-duration: 200ms;
3947
3941
  background-color: var(--bg-color-operate);
3948
3942
  }
3949
- @keyframes popup-939000cb {
3943
+ @keyframes popup-4fb119e2 {
3950
3944
  from {
3951
- transform: scaleY(0);
3952
- transform-origin: bottom;
3945
+ bottom: 0;
3953
3946
  }
3954
3947
  to {
3955
- transform: scaleY(1);
3956
- transform-origin: bottom;
3948
+ bottom: 15px;
3957
3949
  }
3958
3950
  }
3959
- .contact-container-main .contact-title-main[data-v-939000cb] {
3951
+ .control-compent[data-v-4fb119e2] {
3960
3952
  display: flex;
3961
- flex-direction: row;
3962
- align-items: center;
3963
- padding: 30px 0 20px 25px;
3964
- font-family: "PingFang SC";
3965
- font-size: 20px;
3966
- font-style: normal;
3967
- font-weight: 500;
3968
- line-height: 24px;
3969
- color: var(--text-color-primary);
3970
3953
  }
3971
- .contact-container-main .contact-content-main[data-v-939000cb] {
3954
+ .close[data-v-4fb119e2] {
3955
+ position: relative;
3956
+ top: 10%;
3972
3957
  display: flex;
3973
- flex-direction: row;
3974
3958
  align-items: center;
3975
- width: 90%;
3976
- height: 15%;
3977
- padding: 0 0 0 25px;
3978
- margin-bottom: 10px;
3979
- }
3980
- .contact-container-main .contact-title[data-v-939000cb],
3981
- .contact-container-main .contact-content[data-v-939000cb] {
3982
- width: 28%;
3983
- font-family: "PingFang SC";
3984
- font-size: 14px;
3985
- font-style: normal;
3986
- font-weight: 400;
3987
- line-height: 20px;
3988
- white-space: nowrap;
3989
- color: var(--text-color-primary);
3990
- }
3991
- .contact-container-main .contact-content[data-v-939000cb] {
3992
- width: 62%;
3993
- overflow: hidden;
3994
- font-size: 14px;
3995
- text-overflow: ellipsis;
3996
- white-space: nowrap;
3997
- color: var(--text-color-secondary);
3998
- }
3999
- .contact-container-main .contact-bottom[data-v-939000cb] {
4000
- width: 90%;
4001
- padding-left: 40px;
4002
- font-family: "PingFang SC";
4003
- font-size: 12px;
3959
+ justify-content: center;
3960
+ width: 100%;
3961
+ padding: 10px;
4004
3962
  font-style: normal;
4005
3963
  font-weight: 400;
4006
- line-height: 17px;
3964
+ line-height: 24px;
4007
3965
  text-align: center;
4008
- color: var(--text-color-secondary);
4009
- }
4010
- .contact-container-main .copy[data-v-939000cb] {
4011
- margin-left: 30px;
4012
- color: var(--text-color-link);
4013
- }
4014
- .cancel[data-v-939000cb] {
4015
- flex: 1;
4016
- padding-right: 30px;
4017
- font-size: 16px;
4018
- font-weight: 400;
4019
- text-align: end;
4020
- }.more-container[data-v-d1a96ffd] {
4021
- padding: 20px;
4022
- }
4023
- .more-container .more-title[data-v-d1a96ffd] {
4024
- display: flex;
4025
- align-items: center;
4026
- }
4027
- .more-container .more-title .email-icon[data-v-d1a96ffd] {
4028
- color: var(--uikit-color-gray-7);
4029
- }
4030
- .more-container .more-title .more-notice[data-v-d1a96ffd] {
4031
- width: 100%;
4032
- height: 22px;
4033
- padding-left: 8px;
4034
- font-size: 14px;
4035
- font-weight: 400;
4036
- line-height: 22px;
4037
- color: var(--text-color-primary);
4038
- }
4039
- .more-container .more-item[data-v-d1a96ffd] {
4040
- position: relative;
4041
- display: flex;
4042
- flex-direction: column;
4043
- }
4044
- .more-container .more-item[data-v-d1a96ffd]:not(:first-child) {
4045
- margin-top: 20px;
4046
- }
4047
- .more-container .more-item:not(:first-child) .item-title[data-v-d1a96ffd] {
4048
- width: 100%;
4049
- padding-bottom: 8px;
4050
- font-size: 14px;
4051
- font-weight: 400;
4052
- line-height: 22px;
4053
- color: var(--text-color-primary);
4054
- }
4055
- .more-container .more-item:not(:first-child) .more-content[data-v-d1a96ffd] {
4056
- position: relative;
4057
- box-sizing: border-box;
4058
- display: inline-block;
4059
- flex: 1;
4060
- height: 42px;
4061
- padding: 10px 30px 10px 16px;
4062
- overflow: hidden;
4063
- font-size: 14px;
4064
- font-weight: 500;
4065
- line-height: 22px;
4066
- text-overflow: ellipsis;
4067
- white-space: nowrap;
4068
3966
  border-radius: 8px;
4069
- outline: none;
4070
- transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
4071
3967
  color: var(--text-color-primary);
4072
- background-color: var(--bg-color-input);
4073
- border: 1px solid var(--stroke-color-module);
4074
- }
4075
- .more-container .more-item:not(:first-child) .copy-icon[data-v-d1a96ffd] {
4076
- position: absolute;
4077
- top: 45px;
4078
- right: 10px;
4079
- display: flex;
4080
- align-items: center;
4081
- justify-content: center;
4082
- cursor: pointer;
4083
- color: var(--text-color-link);
4084
- }.contact-container[data-v-c9bb5a2b] {
4085
- position: fixed;
4086
- top: 0;
4087
- bottom: 0;
4088
- left: 0;
4089
- z-index: 11;
4090
- box-sizing: border-box;
4091
- width: 100vw;
4092
- height: auto;
4093
- background-color: var(--uikit-color-black-8);
4094
- }.footer-container[data-v-f808bd91] {
3968
+ background-color: var(--button-color-secondary-default);
3969
+ }.footer-container[data-v-3a373c3a] {
4095
3970
  position: absolute;
4096
3971
  bottom: 0;
4097
3972
  display: flex;
@@ -4105,25 +3980,25 @@ to {
4105
3980
  background-color: var(--bg-color-topbar);
4106
3981
  box-shadow: 0 -8px 30px var(--uikit-color-black-8);
4107
3982
  }
4108
- .footer-container .left-container[data-v-f808bd91] {
3983
+ .footer-container .left-container[data-v-3a373c3a] {
4109
3984
  display: flex;
4110
3985
  align-items: center;
4111
3986
  height: 100%;
4112
3987
  }
4113
- .footer-container .left-container .left-container-item[data-v-f808bd91]:not(:first-child) {
3988
+ .footer-container .left-container .left-container-item[data-v-3a373c3a]:not(:first-child) {
4114
3989
  margin-left: 1rem;
4115
3990
  }
4116
- .footer-container .center-container[data-v-f808bd91] {
3991
+ .footer-container .center-container[data-v-3a373c3a] {
4117
3992
  position: relative;
4118
3993
  display: flex;
4119
3994
  align-items: center;
4120
3995
  height: 100%;
4121
3996
  margin: 0 auto;
4122
3997
  }
4123
- .footer-container .center-container .center-container-item[data-v-f808bd91]:not(:first-child) {
3998
+ .footer-container .center-container .center-container-item[data-v-3a373c3a]:not(:first-child) {
4124
3999
  margin-left: 16px;
4125
4000
  }
4126
- .footer-container .right-container[data-v-f808bd91] {
4001
+ .footer-container .right-container[data-v-3a373c3a] {
4127
4002
  display: flex;
4128
4003
  align-items: center;
4129
4004
  height: 100%;
@@ -5111,6 +4986,159 @@ to {
5111
4986
  right: 0;
5112
4987
  z-index: 101;
5113
4988
  height: 100%;
4989
+ }span[data-v-939000cb] {
4990
+ padding-right: 5px;
4991
+ font-size: 12px;
4992
+ font-weight: 500;
4993
+ line-height: 17px;
4994
+ }
4995
+ .contact-container-main[data-v-939000cb] {
4996
+ position: fixed;
4997
+ bottom: 0;
4998
+ display: flex;
4999
+ flex-direction: column;
5000
+ width: 100%;
5001
+ padding-bottom: 4vh;
5002
+ border-radius: 15px 15px 0 0;
5003
+ animation-name: popup-939000cb;
5004
+ animation-duration: 200ms;
5005
+ background-color: var(--bg-color-operate);
5006
+ }
5007
+ @keyframes popup-939000cb {
5008
+ from {
5009
+ transform: scaleY(0);
5010
+ transform-origin: bottom;
5011
+ }
5012
+ to {
5013
+ transform: scaleY(1);
5014
+ transform-origin: bottom;
5015
+ }
5016
+ }
5017
+ .contact-container-main .contact-title-main[data-v-939000cb] {
5018
+ display: flex;
5019
+ flex-direction: row;
5020
+ align-items: center;
5021
+ padding: 30px 0 20px 25px;
5022
+ font-family: "PingFang SC";
5023
+ font-size: 20px;
5024
+ font-style: normal;
5025
+ font-weight: 500;
5026
+ line-height: 24px;
5027
+ color: var(--text-color-primary);
5028
+ }
5029
+ .contact-container-main .contact-content-main[data-v-939000cb] {
5030
+ display: flex;
5031
+ flex-direction: row;
5032
+ align-items: center;
5033
+ width: 90%;
5034
+ height: 15%;
5035
+ padding: 0 0 0 25px;
5036
+ margin-bottom: 10px;
5037
+ }
5038
+ .contact-container-main .contact-title[data-v-939000cb],
5039
+ .contact-container-main .contact-content[data-v-939000cb] {
5040
+ width: 28%;
5041
+ font-family: "PingFang SC";
5042
+ font-size: 14px;
5043
+ font-style: normal;
5044
+ font-weight: 400;
5045
+ line-height: 20px;
5046
+ white-space: nowrap;
5047
+ color: var(--text-color-primary);
5048
+ }
5049
+ .contact-container-main .contact-content[data-v-939000cb] {
5050
+ width: 62%;
5051
+ overflow: hidden;
5052
+ font-size: 14px;
5053
+ text-overflow: ellipsis;
5054
+ white-space: nowrap;
5055
+ color: var(--text-color-secondary);
5056
+ }
5057
+ .contact-container-main .contact-bottom[data-v-939000cb] {
5058
+ width: 90%;
5059
+ padding-left: 40px;
5060
+ font-family: "PingFang SC";
5061
+ font-size: 12px;
5062
+ font-style: normal;
5063
+ font-weight: 400;
5064
+ line-height: 17px;
5065
+ text-align: center;
5066
+ color: var(--text-color-secondary);
5067
+ }
5068
+ .contact-container-main .copy[data-v-939000cb] {
5069
+ margin-left: 30px;
5070
+ color: var(--text-color-link);
5071
+ }
5072
+ .cancel[data-v-939000cb] {
5073
+ flex: 1;
5074
+ padding-right: 30px;
5075
+ font-size: 16px;
5076
+ font-weight: 400;
5077
+ text-align: end;
5078
+ }.more-container[data-v-d1a96ffd] {
5079
+ padding: 20px;
5080
+ }
5081
+ .more-container .more-title[data-v-d1a96ffd] {
5082
+ display: flex;
5083
+ align-items: center;
5084
+ }
5085
+ .more-container .more-title .email-icon[data-v-d1a96ffd] {
5086
+ color: var(--uikit-color-gray-7);
5087
+ }
5088
+ .more-container .more-title .more-notice[data-v-d1a96ffd] {
5089
+ width: 100%;
5090
+ height: 22px;
5091
+ padding-left: 8px;
5092
+ font-size: 14px;
5093
+ font-weight: 400;
5094
+ line-height: 22px;
5095
+ color: var(--text-color-primary);
5096
+ }
5097
+ .more-container .more-item[data-v-d1a96ffd] {
5098
+ position: relative;
5099
+ display: flex;
5100
+ flex-direction: column;
5101
+ }
5102
+ .more-container .more-item[data-v-d1a96ffd]:not(:first-child) {
5103
+ margin-top: 20px;
5104
+ }
5105
+ .more-container .more-item:not(:first-child) .item-title[data-v-d1a96ffd] {
5106
+ width: 100%;
5107
+ padding-bottom: 8px;
5108
+ font-size: 14px;
5109
+ font-weight: 400;
5110
+ line-height: 22px;
5111
+ color: var(--text-color-primary);
5112
+ }
5113
+ .more-container .more-item:not(:first-child) .more-content[data-v-d1a96ffd] {
5114
+ position: relative;
5115
+ box-sizing: border-box;
5116
+ display: inline-block;
5117
+ flex: 1;
5118
+ height: 42px;
5119
+ padding: 10px 30px 10px 16px;
5120
+ overflow: hidden;
5121
+ font-size: 14px;
5122
+ font-weight: 500;
5123
+ line-height: 22px;
5124
+ text-overflow: ellipsis;
5125
+ white-space: nowrap;
5126
+ border-radius: 8px;
5127
+ outline: none;
5128
+ transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
5129
+ color: var(--text-color-primary);
5130
+ background-color: var(--bg-color-input);
5131
+ border: 1px solid var(--stroke-color-module);
5132
+ }
5133
+ .more-container .more-item:not(:first-child) .copy-icon[data-v-d1a96ffd] {
5134
+ position: absolute;
5135
+ top: 45px;
5136
+ right: 10px;
5137
+ display: flex;
5138
+ align-items: center;
5139
+ justify-content: center;
5140
+ cursor: pointer;
5141
+ color: var(--text-color-link);
5114
5142
  }.conversation[data-v-b897add1] {
5115
5143
  height: 100%;
5116
5144
  padding: 20px;
@@ -3,5 +3,5 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
3
3
  const indexPC_vue_vue_type_script_setup_true_lang = require("./indexPC.vue2.js");
4
4
  ;/* empty css */
5
5
  const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
6
- const indexPc = /* @__PURE__ */ _pluginVue_exportHelper.default(indexPC_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-f808bd91"]]);
6
+ const indexPc = /* @__PURE__ */ _pluginVue_exportHelper.default(indexPC_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-3a373c3a"]]);
7
7
  exports.default = indexPc;