@ndscnj/roomkit-web-vue3 25.12.2418 → 25.12.2419

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.
@@ -0,0 +1,4 @@
1
+ const _imports_0 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAKhSURBVFiF7ZWxftMwEIf/F3lgI0yl1VDzBNwv8sBGusHWbt2IR6a2T9DyBC1P0HRkKmxsKVM7WI76BkxJx3RjiHMMOMW4tmO70Ilbkp9P0vfJ0p0VHhjMzFrrS631s8lkctF0vnooXCk1AvAcQF9rTU0lWgtk4CCitwAYwG5TiVYCWXiSJFtxHF+tra196nQ6b5pKNBZgZl8pdbmEO+ccANzc3PxoI9FIIIWPADzJwpfRRqK2QAbeLYK3laglkIH7IvJ+PB5/rRrfRGKlQA4exnE8rCNdV6JSoC28iQT9TXiv1xssFguXvx/M3FVKjQH4RLQVRdGdRKcpnJm7RXOCIDgiolOl1F5BejlnNp/PZ9nEPYEquDHmXCk1ZmY/DxeRQwAuSZKDkvUKq+eegFLquOK1nwHwlVKjpUQOvuWcu9thdjNEtFNUuvcEiOg6/X2dz1lrP4tIuJQIguC4DlxEwuy5/7Hh/IPJZHKhtSYA+xsbG/50Ov2SzU+nU7e+vn5LRLsAXtWBV13gwjKsIXGltf62PPO2cCzLkJm7nudxPikiewC2AQyttWHVQnk4gCERnZWNnc/nzjk3o8yntbC8MlEpkYPXjR0yxowAsIh8LBtFRC8BbBPRSRRFB/l87rafLBaL21VkInoHAJ6I+ETk4jg+qppgjDkVkf0gCG6jKLobmz9za22tdm2M2QQwKOyERZG+/qGIHAZBcITfLfY8hR80/VYAgNdksLU2NMYglXgqIn0ATEQfrLUnTeErBXq93qCoIeFXheynf2cismmMOS0Zdx3HcalcqQAzd4nouEZ1dAEMypJE9B1AcwHn3IyZX9QQWBWzqmTlEaQdrnKBh0btKvgv8K/CS29pP23JjxkMwHlJkoRpN+s/soBLkiT8CfdGvsMQPqX9AAAAAElFTkSuQmCC";
2
+ export {
3
+ _imports_0 as default
4
+ };
@@ -1,49 +1,7 @@
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: "more-control-container"
16
- };
17
- const _sfc_main = /* @__PURE__ */ defineComponent({
18
- __name: "MoreControlPC",
19
- setup(__props) {
20
- const moreControlConfig = roomService.getComponentConfig("MoreControl");
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
- });
1
+ import _sfc_main from "./MoreControlPC.vue2.mjs";
2
+ /* empty css */
3
+ import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
4
+ const MoreControlPc = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ca02c770"]]);
47
5
  export {
48
- _sfc_main as default
6
+ MoreControlPc as default
49
7
  };
@@ -1,4 +1,53 @@
1
- import _sfc_main from "./MoreControlPC.vue.mjs";
1
+ import { defineComponent, createElementBlock, createCommentVNode, unref, openBlock, createVNode, withCtx, createElementVNode } from "vue";
2
+ import _imports_0 from "../../../assets/imgs/vote-icon.png.mjs";
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: "more-control-container"
16
+ };
17
+ const _sfc_main = /* @__PURE__ */ defineComponent({
18
+ __name: "MoreControlPC",
19
+ setup(__props) {
20
+ const moreControlConfig = roomService.getComponentConfig("MoreControl");
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(() => [..._cache[0] || (_cache[0] = [
39
+ createElementVNode("img", {
40
+ class: "ndsc-img-box",
41
+ src: _imports_0,
42
+ alt: ""
43
+ }, null, -1)
44
+ ])]),
45
+ _: 1
46
+ }, 8, ["is-active", "title"])
47
+ ])) : createCommentVNode("", true);
48
+ };
49
+ }
50
+ });
2
51
  export {
3
52
  _sfc_main as default
4
53
  };
@@ -1,7 +1,7 @@
1
1
  import MoreControlH5 from "./MoreControlH5.vue.mjs";
2
- import _sfc_main from "./MoreControlPC.vue.mjs";
2
+ import MoreControlPc from "./MoreControlPC.vue.mjs";
3
3
  import { isMobile } from "../../../utils/environment.mjs";
4
- const MoreControl = isMobile ? MoreControlH5 : _sfc_main;
4
+ const MoreControl = isMobile ? MoreControlH5 : MoreControlPc;
5
5
  export {
6
6
  MoreControl as default
7
7
  };
@@ -7,6 +7,7 @@ function useControl() {
7
7
  const { t } = useI18n();
8
8
  const basicStore = useBasicStore();
9
9
  const { sidebarName } = storeToRefs(basicStore);
10
+ const isSidebarOpen = computed(() => basicStore.isSidebarOpen);
10
11
  const iconName = computed(
11
12
  () => sidebarName.value === "vote" ? ICON_NAME.MoreActive : ICON_NAME.More
12
13
  );
@@ -14,7 +15,8 @@ function useControl() {
14
15
  t,
15
16
  basicStore,
16
17
  iconName,
17
- sidebarName
18
+ sidebarName,
19
+ isSidebarOpen
18
20
  };
19
21
  }
20
22
  export {
@@ -8,7 +8,7 @@ function _sfc_render(_ctx, _cache) {
8
8
  renderSlot(_ctx.$slots, "content", {}, void 0, true)
9
9
  ]);
10
10
  }
11
- const indexPC = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-41107c5f"]]);
11
+ const indexPC = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-183c195c"]]);
12
12
  export {
13
13
  indexPC as default
14
14
  };
@@ -2,7 +2,7 @@ import _sfc_main from "./conference.vue2.mjs";
2
2
  /* empty css */
3
3
  /* empty css */
4
4
  import _export_sfc from "./_virtual/_plugin-vue_export-helper.mjs";
5
- const ConferenceMainView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b4d71215"]]);
5
+ const ConferenceMainView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4dd66a12"]]);
6
6
  export {
7
7
  ConferenceMainView as default
8
8
  };
@@ -282,7 +282,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
282
282
  }, 512), [
283
283
  [vShow, unref(showRoomTool)]
284
284
  ]),
285
- createVNode(unref(Index$1), null, {
285
+ createVNode(unref(Index$1), { onOnVote: onVote }, {
286
286
  content: withCtx(() => [
287
287
  renderSlot(_ctx.$slots, "content", {}, void 0, true)
288
288
  ]),
package/es/index.mjs CHANGED
@@ -3966,6 +3966,9 @@ to {
3966
3966
  border-radius: 8px;
3967
3967
  color: var(--text-color-primary);
3968
3968
  background-color: var(--button-color-secondary-default);
3969
+ }.ndsc-img-box[data-v-ca02c770] {
3970
+ width: 24px;
3971
+ height: 24px;
3969
3972
  }.footer-container[data-v-4afcea78] {
3970
3973
  position: absolute;
3971
3974
  bottom: 0;
@@ -5075,17 +5078,14 @@ to {
5075
5078
  font-size: 16px;
5076
5079
  font-weight: 400;
5077
5080
  text-align: end;
5078
- }.more-container[data-v-41107c5f] {
5079
- padding: 20px;
5080
- }
5081
- .more-container .more-title[data-v-41107c5f] {
5081
+ }.more-container .more-title[data-v-183c195c] {
5082
5082
  display: flex;
5083
5083
  align-items: center;
5084
5084
  }
5085
- .more-container .more-title .email-icon[data-v-41107c5f] {
5085
+ .more-container .more-title .email-icon[data-v-183c195c] {
5086
5086
  color: var(--uikit-color-gray-7);
5087
5087
  }
5088
- .more-container .more-title .more-notice[data-v-41107c5f] {
5088
+ .more-container .more-title .more-notice[data-v-183c195c] {
5089
5089
  width: 100%;
5090
5090
  height: 22px;
5091
5091
  padding-left: 8px;
@@ -5094,15 +5094,15 @@ to {
5094
5094
  line-height: 22px;
5095
5095
  color: var(--text-color-primary);
5096
5096
  }
5097
- .more-container .more-item[data-v-41107c5f] {
5097
+ .more-container .more-item[data-v-183c195c] {
5098
5098
  position: relative;
5099
5099
  display: flex;
5100
5100
  flex-direction: column;
5101
5101
  }
5102
- .more-container .more-item[data-v-41107c5f]:not(:first-child) {
5102
+ .more-container .more-item[data-v-183c195c]:not(:first-child) {
5103
5103
  margin-top: 20px;
5104
5104
  }
5105
- .more-container .more-item:not(:first-child) .item-title[data-v-41107c5f] {
5105
+ .more-container .more-item:not(:first-child) .item-title[data-v-183c195c] {
5106
5106
  width: 100%;
5107
5107
  padding-bottom: 8px;
5108
5108
  font-size: 14px;
@@ -5110,7 +5110,7 @@ to {
5110
5110
  line-height: 22px;
5111
5111
  color: var(--text-color-primary);
5112
5112
  }
5113
- .more-container .more-item:not(:first-child) .more-content[data-v-41107c5f] {
5113
+ .more-container .more-item:not(:first-child) .more-content[data-v-183c195c] {
5114
5114
  position: relative;
5115
5115
  box-sizing: border-box;
5116
5116
  display: inline-block;
@@ -5130,7 +5130,7 @@ to {
5130
5130
  background-color: var(--bg-color-input);
5131
5131
  border: 1px solid var(--stroke-color-module);
5132
5132
  }
5133
- .more-container .more-item:not(:first-child) .copy-icon[data-v-41107c5f] {
5133
+ .more-container .more-item:not(:first-child) .copy-icon[data-v-183c195c] {
5134
5134
  position: absolute;
5135
5135
  top: 45px;
5136
5136
  right: 10px;
@@ -9168,7 +9168,7 @@ body, html {
9168
9168
  }
9169
9169
  .tui-room :not([class|=el]) {
9170
9170
  transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
9171
- }.tui-room[data-v-b4d71215] {
9171
+ }.tui-room[data-v-4dd66a12] {
9172
9172
  position: relative;
9173
9173
  display: flex;
9174
9174
  flex-direction: column;
@@ -9180,7 +9180,7 @@ body, html {
9180
9180
  text-align: left;
9181
9181
  background-color: var(--bg-color-topbar);
9182
9182
  }
9183
- .tui-room .header[data-v-b4d71215] {
9183
+ .tui-room .header[data-v-4dd66a12] {
9184
9184
  position: absolute;
9185
9185
  top: 0;
9186
9186
  left: 0;
@@ -9191,20 +9191,20 @@ body, html {
9191
9191
  border-bottom: 1px solid var(--stroke-color-primary);
9192
9192
  box-shadow: 0 1px 0 var(--uikit-color-black-8);
9193
9193
  }
9194
- .tui-room .content[data-v-b4d71215] {
9194
+ .tui-room .content[data-v-4dd66a12] {
9195
9195
  position: absolute;
9196
9196
  top: 0;
9197
9197
  width: 100%;
9198
9198
  height: 100%;
9199
9199
  background-color: var(--bg-color-topbar);
9200
9200
  }
9201
- .tui-room.tui-room-h5[data-v-b4d71215] {
9201
+ .tui-room.tui-room-h5[data-v-4dd66a12] {
9202
9202
  width: 100%;
9203
9203
  min-width: 350px;
9204
9204
  height: 100%;
9205
9205
  min-height: 525px;
9206
9206
  }
9207
- #roomContainer.chat-room[data-v-b4d71215] {
9207
+ #roomContainer.chat-room[data-v-4dd66a12] {
9208
9208
  position: absolute;
9209
9209
  top: 0;
9210
9210
  right: 0;
@@ -9216,8 +9216,8 @@ body, html {
9216
9216
  margin: auto;
9217
9217
  border-radius: 10px;
9218
9218
  }
9219
- #roomContainer.tui-room-h5[data-v-b4d71215],
9220
- #roomContainer .chat-room[data-v-b4d71215] {
9219
+ #roomContainer.tui-room-h5[data-v-4dd66a12],
9220
+ #roomContainer .chat-room[data-v-4dd66a12] {
9221
9221
  width: 100%;
9222
9222
  height: 100%;
9223
9223
  }.user-info-container[data-v-9e9aff53] {
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
+ const _imports_0 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAKhSURBVFiF7ZWxftMwEIf/F3lgI0yl1VDzBNwv8sBGusHWbt2IR6a2T9DyBC1P0HRkKmxsKVM7WI76BkxJx3RjiHMMOMW4tmO70Ilbkp9P0vfJ0p0VHhjMzFrrS631s8lkctF0vnooXCk1AvAcQF9rTU0lWgtk4CCitwAYwG5TiVYCWXiSJFtxHF+tra196nQ6b5pKNBZgZl8pdbmEO+ccANzc3PxoI9FIIIWPADzJwpfRRqK2QAbeLYK3laglkIH7IvJ+PB5/rRrfRGKlQA4exnE8rCNdV6JSoC28iQT9TXiv1xssFguXvx/M3FVKjQH4RLQVRdGdRKcpnJm7RXOCIDgiolOl1F5BejlnNp/PZ9nEPYEquDHmXCk1ZmY/DxeRQwAuSZKDkvUKq+eegFLquOK1nwHwlVKjpUQOvuWcu9thdjNEtFNUuvcEiOg6/X2dz1lrP4tIuJQIguC4DlxEwuy5/7Hh/IPJZHKhtSYA+xsbG/50Ov2SzU+nU7e+vn5LRLsAXtWBV13gwjKsIXGltf62PPO2cCzLkJm7nudxPikiewC2AQyttWHVQnk4gCERnZWNnc/nzjk3o8yntbC8MlEpkYPXjR0yxowAsIh8LBtFRC8BbBPRSRRFB/l87rafLBaL21VkInoHAJ6I+ETk4jg+qppgjDkVkf0gCG6jKLobmz9za22tdm2M2QQwKOyERZG+/qGIHAZBcITfLfY8hR80/VYAgNdksLU2NMYglXgqIn0ATEQfrLUnTeErBXq93qCoIeFXheynf2cismmMOS0Zdx3HcalcqQAzd4nouEZ1dAEMypJE9B1AcwHn3IyZX9QQWBWzqmTlEaQdrnKBh0btKvgv8K/CS29pP23JjxkMwHlJkoRpN+s/soBLkiT8CfdGvsMQPqX9AAAAAElFTkSuQmCC";
4
+ exports.default = _imports_0;
@@ -1,49 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const Vue = require("vue");
4
- const uikitBaseComponentVue3 = require("@tencentcloud/uikit-base-component-vue3");
5
- const IconButton = require("../../common/base/IconButton.vue.js");
6
- const useMoreControlHooks = require("./useMoreControlHooks.js");
7
- require("../../../services/main.js");
8
- const roomService = require("../../../services/roomService.js");
9
- require("../../../locales/index.js");
10
- require("@tencentcloud/tuiroom-engine-js");
11
- require("../../../utils/environment.js");
12
- require("mitt");
13
- require("../../../services/manager/roomActionManager.js");
14
- require("@tencentcloud/tui-core");
15
- const _hoisted_1 = {
16
- key: 0,
17
- class: "more-control-container"
18
- };
19
- const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
20
- __name: "MoreControlPC",
21
- setup(__props) {
22
- const moreControlConfig = roomService.roomService.getComponentConfig("MoreControl");
23
- const { t, basicStore, sidebarName } = useMoreControlHooks.default();
24
- function toggleMoreSidebar() {
25
- if (basicStore.setSidebarOpenStatus && basicStore.sidebarName === "vote") {
26
- basicStore.setSidebarOpenStatus(false);
27
- basicStore.setSidebarName("");
28
- return;
29
- }
30
- basicStore.setSidebarOpenStatus(true);
31
- basicStore.setSidebarName("vote");
32
- }
33
- return (_ctx, _cache) => {
34
- return Vue.unref(moreControlConfig).visible ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
35
- Vue.createVNode(IconButton.default, {
36
- "is-active": Vue.unref(sidebarName) === "vote",
37
- title: Vue.unref(t)("Vote"),
38
- onClickIcon: toggleMoreSidebar
39
- }, {
40
- default: Vue.withCtx(() => [
41
- Vue.createVNode(Vue.unref(uikitBaseComponentVue3.IconMore), { size: "24" })
42
- ]),
43
- _: 1
44
- }, 8, ["is-active", "title"])
45
- ])) : Vue.createCommentVNode("", true);
46
- };
47
- }
48
- });
49
- exports.default = _sfc_main;
3
+ const MoreControlPC_vue_vue_type_script_setup_true_lang = require("./MoreControlPC.vue2.js");
4
+ ;/* empty css */
5
+ const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
6
+ const MoreControlPc = /* @__PURE__ */ _pluginVue_exportHelper.default(MoreControlPC_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-ca02c770"]]);
7
+ exports.default = MoreControlPc;
@@ -1,4 +1,53 @@
1
1
  "use strict";
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const MoreControlPC_vue_vue_type_script_setup_true_lang = require("./MoreControlPC.vue.js");
4
- exports.default = MoreControlPC_vue_vue_type_script_setup_true_lang.default;
3
+ const Vue = require("vue");
4
+ const voteIcon = require("../../../assets/imgs/vote-icon.png.js");
5
+ const IconButton = require("../../common/base/IconButton.vue.js");
6
+ const useMoreControlHooks = require("./useMoreControlHooks.js");
7
+ require("../../../services/main.js");
8
+ const roomService = require("../../../services/roomService.js");
9
+ require("../../../locales/index.js");
10
+ require("@tencentcloud/tuiroom-engine-js");
11
+ require("../../../utils/environment.js");
12
+ require("mitt");
13
+ require("../../../services/manager/roomActionManager.js");
14
+ require("@tencentcloud/tui-core");
15
+ const _hoisted_1 = {
16
+ key: 0,
17
+ class: "more-control-container"
18
+ };
19
+ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
20
+ __name: "MoreControlPC",
21
+ setup(__props) {
22
+ const moreControlConfig = roomService.roomService.getComponentConfig("MoreControl");
23
+ const { t, basicStore, sidebarName } = useMoreControlHooks.default();
24
+ function toggleMoreSidebar() {
25
+ if (basicStore.setSidebarOpenStatus && basicStore.sidebarName === "vote") {
26
+ basicStore.setSidebarOpenStatus(false);
27
+ basicStore.setSidebarName("");
28
+ return;
29
+ }
30
+ basicStore.setSidebarOpenStatus(true);
31
+ basicStore.setSidebarName("vote");
32
+ }
33
+ return (_ctx, _cache) => {
34
+ return Vue.unref(moreControlConfig).visible ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
35
+ Vue.createVNode(IconButton.default, {
36
+ "is-active": Vue.unref(sidebarName) === "vote",
37
+ title: Vue.unref(t)("Vote"),
38
+ onClickIcon: toggleMoreSidebar
39
+ }, {
40
+ default: Vue.withCtx(() => [..._cache[0] || (_cache[0] = [
41
+ Vue.createElementVNode("img", {
42
+ class: "ndsc-img-box",
43
+ src: voteIcon.default,
44
+ alt: ""
45
+ }, null, -1)
46
+ ])]),
47
+ _: 1
48
+ }, 8, ["is-active", "title"])
49
+ ])) : Vue.createCommentVNode("", true);
50
+ };
51
+ }
52
+ });
53
+ exports.default = _sfc_main;
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
3
  const MoreControlH5 = require("./MoreControlH5.vue.js");
4
- const MoreControlPC_vue_vue_type_script_setup_true_lang = require("./MoreControlPC.vue.js");
4
+ const MoreControlPC = require("./MoreControlPC.vue.js");
5
5
  const environment = require("../../../utils/environment.js");
6
- const MoreControl = environment.isMobile ? MoreControlH5.default : MoreControlPC_vue_vue_type_script_setup_true_lang.default;
6
+ const MoreControl = environment.isMobile ? MoreControlH5.default : MoreControlPC.default;
7
7
  exports.default = MoreControl;
@@ -9,6 +9,7 @@ function useControl() {
9
9
  const { t } = index.useI18n();
10
10
  const basicStore = basic.useBasicStore();
11
11
  const { sidebarName } = pinia.storeToRefs(basicStore);
12
+ const isSidebarOpen = Vue.computed(() => basicStore.isSidebarOpen);
12
13
  const iconName = Vue.computed(
13
14
  () => sidebarName.value === "vote" ? icon.ICON_NAME.MoreActive : icon.ICON_NAME.More
14
15
  );
@@ -16,7 +17,8 @@ function useControl() {
16
17
  t,
17
18
  basicStore,
18
19
  iconName,
19
- sidebarName
20
+ sidebarName,
21
+ isSidebarOpen
20
22
  };
21
23
  }
22
24
  exports.default = useControl;
@@ -10,5 +10,5 @@ function _sfc_render(_ctx, _cache) {
10
10
  Vue.renderSlot(_ctx.$slots, "content", {}, void 0, true)
11
11
  ]);
12
12
  }
13
- const indexPC = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-41107c5f"]]);
13
+ const indexPC = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-183c195c"]]);
14
14
  exports.default = indexPC;
@@ -4,5 +4,5 @@ const conference_vue_vue_type_script_setup_true_lang = require("./conference.vue
4
4
  ;/* empty css */
5
5
  ;/* empty css */
6
6
  const _pluginVue_exportHelper = require("./_virtual/_plugin-vue_export-helper.js");
7
- const ConferenceMainView = /* @__PURE__ */ _pluginVue_exportHelper.default(conference_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-b4d71215"]]);
7
+ const ConferenceMainView = /* @__PURE__ */ _pluginVue_exportHelper.default(conference_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-4dd66a12"]]);
8
8
  exports.default = ConferenceMainView;
@@ -284,7 +284,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
284
284
  }, 512), [
285
285
  [Vue.vShow, Vue.unref(showRoomTool)]
286
286
  ]),
287
- Vue.createVNode(Vue.unref(index$3.default), null, {
287
+ Vue.createVNode(Vue.unref(index$3.default), { onOnVote: onVote }, {
288
288
  content: Vue.withCtx(() => [
289
289
  Vue.renderSlot(_ctx.$slots, "content", {}, void 0, true)
290
290
  ]),
package/lib/index.js CHANGED
@@ -3966,6 +3966,9 @@ to {
3966
3966
  border-radius: 8px;
3967
3967
  color: var(--text-color-primary);
3968
3968
  background-color: var(--button-color-secondary-default);
3969
+ }.ndsc-img-box[data-v-ca02c770] {
3970
+ width: 24px;
3971
+ height: 24px;
3969
3972
  }.footer-container[data-v-4afcea78] {
3970
3973
  position: absolute;
3971
3974
  bottom: 0;
@@ -5075,17 +5078,14 @@ to {
5075
5078
  font-size: 16px;
5076
5079
  font-weight: 400;
5077
5080
  text-align: end;
5078
- }.more-container[data-v-41107c5f] {
5079
- padding: 20px;
5080
- }
5081
- .more-container .more-title[data-v-41107c5f] {
5081
+ }.more-container .more-title[data-v-183c195c] {
5082
5082
  display: flex;
5083
5083
  align-items: center;
5084
5084
  }
5085
- .more-container .more-title .email-icon[data-v-41107c5f] {
5085
+ .more-container .more-title .email-icon[data-v-183c195c] {
5086
5086
  color: var(--uikit-color-gray-7);
5087
5087
  }
5088
- .more-container .more-title .more-notice[data-v-41107c5f] {
5088
+ .more-container .more-title .more-notice[data-v-183c195c] {
5089
5089
  width: 100%;
5090
5090
  height: 22px;
5091
5091
  padding-left: 8px;
@@ -5094,15 +5094,15 @@ to {
5094
5094
  line-height: 22px;
5095
5095
  color: var(--text-color-primary);
5096
5096
  }
5097
- .more-container .more-item[data-v-41107c5f] {
5097
+ .more-container .more-item[data-v-183c195c] {
5098
5098
  position: relative;
5099
5099
  display: flex;
5100
5100
  flex-direction: column;
5101
5101
  }
5102
- .more-container .more-item[data-v-41107c5f]:not(:first-child) {
5102
+ .more-container .more-item[data-v-183c195c]:not(:first-child) {
5103
5103
  margin-top: 20px;
5104
5104
  }
5105
- .more-container .more-item:not(:first-child) .item-title[data-v-41107c5f] {
5105
+ .more-container .more-item:not(:first-child) .item-title[data-v-183c195c] {
5106
5106
  width: 100%;
5107
5107
  padding-bottom: 8px;
5108
5108
  font-size: 14px;
@@ -5110,7 +5110,7 @@ to {
5110
5110
  line-height: 22px;
5111
5111
  color: var(--text-color-primary);
5112
5112
  }
5113
- .more-container .more-item:not(:first-child) .more-content[data-v-41107c5f] {
5113
+ .more-container .more-item:not(:first-child) .more-content[data-v-183c195c] {
5114
5114
  position: relative;
5115
5115
  box-sizing: border-box;
5116
5116
  display: inline-block;
@@ -5130,7 +5130,7 @@ to {
5130
5130
  background-color: var(--bg-color-input);
5131
5131
  border: 1px solid var(--stroke-color-module);
5132
5132
  }
5133
- .more-container .more-item:not(:first-child) .copy-icon[data-v-41107c5f] {
5133
+ .more-container .more-item:not(:first-child) .copy-icon[data-v-183c195c] {
5134
5134
  position: absolute;
5135
5135
  top: 45px;
5136
5136
  right: 10px;
@@ -9168,7 +9168,7 @@ body, html {
9168
9168
  }
9169
9169
  .tui-room :not([class|=el]) {
9170
9170
  transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
9171
- }.tui-room[data-v-b4d71215] {
9171
+ }.tui-room[data-v-4dd66a12] {
9172
9172
  position: relative;
9173
9173
  display: flex;
9174
9174
  flex-direction: column;
@@ -9180,7 +9180,7 @@ body, html {
9180
9180
  text-align: left;
9181
9181
  background-color: var(--bg-color-topbar);
9182
9182
  }
9183
- .tui-room .header[data-v-b4d71215] {
9183
+ .tui-room .header[data-v-4dd66a12] {
9184
9184
  position: absolute;
9185
9185
  top: 0;
9186
9186
  left: 0;
@@ -9191,20 +9191,20 @@ body, html {
9191
9191
  border-bottom: 1px solid var(--stroke-color-primary);
9192
9192
  box-shadow: 0 1px 0 var(--uikit-color-black-8);
9193
9193
  }
9194
- .tui-room .content[data-v-b4d71215] {
9194
+ .tui-room .content[data-v-4dd66a12] {
9195
9195
  position: absolute;
9196
9196
  top: 0;
9197
9197
  width: 100%;
9198
9198
  height: 100%;
9199
9199
  background-color: var(--bg-color-topbar);
9200
9200
  }
9201
- .tui-room.tui-room-h5[data-v-b4d71215] {
9201
+ .tui-room.tui-room-h5[data-v-4dd66a12] {
9202
9202
  width: 100%;
9203
9203
  min-width: 350px;
9204
9204
  height: 100%;
9205
9205
  min-height: 525px;
9206
9206
  }
9207
- #roomContainer.chat-room[data-v-b4d71215] {
9207
+ #roomContainer.chat-room[data-v-4dd66a12] {
9208
9208
  position: absolute;
9209
9209
  top: 0;
9210
9210
  right: 0;
@@ -9216,8 +9216,8 @@ body, html {
9216
9216
  margin: auto;
9217
9217
  border-radius: 10px;
9218
9218
  }
9219
- #roomContainer.tui-room-h5[data-v-b4d71215],
9220
- #roomContainer .chat-room[data-v-b4d71215] {
9219
+ #roomContainer.tui-room-h5[data-v-4dd66a12],
9220
+ #roomContainer .chat-room[data-v-4dd66a12] {
9221
9221
  width: 100%;
9222
9222
  height: 100%;
9223
9223
  }.user-info-container[data-v-9e9aff53] {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ndscnj/roomkit-web-vue3",
3
- "version": "25.12.2418",
3
+ "version": "25.12.2419",
4
4
  "main": "./lib/index.js",
5
5
  "module": "./es/index.mjs",
6
6
  "types": "./es/index.d.ts",
@@ -5,7 +5,7 @@
5
5
  :title="t('Vote')"
6
6
  @click-icon="toggleMoreSidebar"
7
7
  >
8
- <IconMore size="24" />
8
+ <img class="ndsc-img-box" src="../../../assets/imgs/vote-icon.png" alt=""/>
9
9
  </icon-button>
10
10
  </div>
11
11
  </template>
@@ -28,4 +28,9 @@ function toggleMoreSidebar() {
28
28
  basicStore.setSidebarName('vote');
29
29
  }
30
30
  </script>
31
- <style lang="scss" scoped></style>
31
+ <style lang="scss" scoped>
32
+ .ndsc-img-box{
33
+ width:24px;
34
+ height: 24px
35
+ }
36
+ </style>
@@ -9,7 +9,7 @@ export default function useControl() {
9
9
 
10
10
  const basicStore = useBasicStore();
11
11
  const { sidebarName } = storeToRefs(basicStore);
12
-
12
+ const isSidebarOpen = computed(() => basicStore.isSidebarOpen);
13
13
  const iconName = computed(() =>
14
14
  sidebarName.value === 'vote' ? ICON_NAME.MoreActive : ICON_NAME.More
15
15
  );
@@ -19,5 +19,6 @@ export default function useControl() {
19
19
  basicStore,
20
20
  iconName,
21
21
  sidebarName,
22
+ isSidebarOpen
22
23
  };
23
24
  }
@@ -9,7 +9,6 @@
9
9
 
10
10
  <style lang="scss" scoped>
11
11
  .more-container {
12
- padding: 20px;
13
12
 
14
13
  .more-title {
15
14
  display: flex;
@@ -22,7 +22,7 @@
22
22
  <slot name="content"></slot>
23
23
  </template>
24
24
  </room-footer>
25
- <room-sidebar>
25
+ <room-sidebar @on-vote="onVote">
26
26
  <template #content>
27
27
  <slot name="content"></slot>
28
28
  </template>