@ndscnj/roomkit-web-vue3 25.11.1813 → 25.11.1818

package/.vscode/settings.json

@@ -0,0 +1,7 @@
+{
+    "vue3snippets.enable-compile-vue-file-on-did-save-code": false,
+    "search.exclude": {
+        "**/dist": true,
+        "**/node_modules": true
+    },
+}

package/es/components/RoomFooter/MoreControl/MoreControlH5.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./MoreControlH5.vue2.mjs";
 /* empty css                    */
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const MoreControlH5 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e6771dcb"]]);
+const MoreControlH5 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e2487c4a"]]);
 export {
   MoreControlH5 as default
 };

package/es/components/RoomFooter/MoreControl/MoreControlH5.vue2.mjs

@@ -16,6 +16,7 @@ import "../../../utils/environment.mjs";
 import "mitt";
 import "../../../services/manager/roomActionManager.mjs";
 import "@tencentcloud/tui-core";
+import AIControl from "../AIControl.vue.mjs";
 const _hoisted_1 = {
   key: 0,
   class: "more-control-container"
@@ -88,6 +89,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createVNode(InviteControl, {
               onShowOverlay: handleShowOverlay,
               onClick: _cache[2] || (_cache[2] = ($event) => handleControlClick("inviteControl"))
+            }),
+            createVNode(AIControl, {
+              onClick: _cache[3] || (_cache[3] = ($event) => handleControlClick("AIControl"))
             })
           ]),
           withDirectives((openBlock(), createElementBlock("div", _hoisted_3, [

package/es/index.mjs

@@ -3597,7 +3597,36 @@ to {
   width: 100vw;
   height: auto;
   background-color: var(--uikit-color-black-8);
-}.show-more-content[data-v-e6771dcb] {
+}.tool-box[data-v-34681937] {
+  position: absolute;
+  bottom: 72px;
+  z-index: 2;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 5px 0;
+  border-radius: 15px;
+  background-color: var(--bg-color-dialog);
+  box-shadow: 0 -8px 30p var(--uikit-color-black-8);
+}
+.tool-box .tool-box-item[data-v-34681937] {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  width: 100%;
+  padding: 7px 10px;
+  font-size: 12px;
+  white-space: nowrap;
+  cursor: pointer;
+}
+.tool-box .tool-box-item .icon[data-v-34681937] {
+  margin-right: 8px;
+}
+.tool-box .tool-box-item[data-v-34681937]:hover {
+  border-radius: 8px;
+  background-color: var(--list-color-hover);
+}.show-more-content[data-v-e2487c4a] {
   position: absolute;
   bottom: 15px;
   left: 5%;
@@ -3605,11 +3634,11 @@ to {
   height: 17vh;
   padding: 10px;
   border-radius: 13px;
-  animation-name: popup-e6771dcb;
+  animation-name: popup-e2487c4a;
   animation-duration: 200ms;
   background-color: var(--bg-color-operate);
 }
-@keyframes popup-e6771dcb {
+@keyframes popup-e2487c4a {
 from {
     bottom: 0;
 }
@@ -3617,10 +3646,10 @@ to {
     bottom: 15px;
 }
 }
-.control-compent[data-v-e6771dcb] {
+.control-compent[data-v-e2487c4a] {
   display: flex;
 }
-.close[data-v-e6771dcb] {
+.close[data-v-e2487c4a] {
   position: relative;
   top: 10%;
   display: flex;
@@ -3752,35 +3781,6 @@ to {
   padding: 1rem;
   margin-top: 10px;
   border-radius: 8px;
-}.tool-box[data-v-34681937] {
-  position: absolute;
-  bottom: 72px;
-  z-index: 2;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: 5px 0;
-  border-radius: 15px;
-  background-color: var(--bg-color-dialog);
-  box-shadow: 0 -8px 30p var(--uikit-color-black-8);
-}
-.tool-box .tool-box-item[data-v-34681937] {
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  width: 100%;
-  padding: 7px 10px;
-  font-size: 12px;
-  white-space: nowrap;
-  cursor: pointer;
-}
-.tool-box .tool-box-item .icon[data-v-34681937] {
-  margin-right: 8px;
-}
-.tool-box .tool-box-item[data-v-34681937]:hover {
-  border-radius: 8px;
-  background-color: var(--list-color-hover);
 }.test-preview[data-v-21a63691] {
   position: relative;
   box-sizing: border-box;

package/lib/components/RoomFooter/MoreControl/MoreControlH5.vue.js

@@ -3,5 +3,5 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const MoreControlH5_vue_vue_type_script_setup_true_lang = require("./MoreControlH5.vue2.js");
 ;/* empty css                    */
 const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
-const MoreControlH5 = /* @__PURE__ */ _pluginVue_exportHelper.default(MoreControlH5_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-e6771dcb"]]);
+const MoreControlH5 = /* @__PURE__ */ _pluginVue_exportHelper.default(MoreControlH5_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-e2487c4a"]]);
 exports.default = MoreControlH5;

package/lib/components/RoomFooter/MoreControl/MoreControlH5.vue2.js

@@ -18,6 +18,7 @@ require("../../../utils/environment.js");
 require("mitt");
 require("../../../services/manager/roomActionManager.js");
 require("@tencentcloud/tui-core");
+const AIControl = require("../AIControl.vue.js");
 const _hoisted_1 = {
   key: 0,
   class: "more-control-container"
@@ -90,6 +91,9 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
             Vue.createVNode(InviteControl.default, {
               onShowOverlay: handleShowOverlay,
               onClick: _cache[2] || (_cache[2] = ($event) => handleControlClick("inviteControl"))
+            }),
+            Vue.createVNode(AIControl.default, {
+              onClick: _cache[3] || (_cache[3] = ($event) => handleControlClick("AIControl"))
             })
           ]),
           Vue.withDirectives((Vue.openBlock(), Vue.createElementBlock("div", _hoisted_3, [

package/lib/index.js

@@ -3597,7 +3597,36 @@ to {
   width: 100vw;
   height: auto;
   background-color: var(--uikit-color-black-8);
-}.show-more-content[data-v-e6771dcb] {
+}.tool-box[data-v-34681937] {
+  position: absolute;
+  bottom: 72px;
+  z-index: 2;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 5px 0;
+  border-radius: 15px;
+  background-color: var(--bg-color-dialog);
+  box-shadow: 0 -8px 30p var(--uikit-color-black-8);
+}
+.tool-box .tool-box-item[data-v-34681937] {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  width: 100%;
+  padding: 7px 10px;
+  font-size: 12px;
+  white-space: nowrap;
+  cursor: pointer;
+}
+.tool-box .tool-box-item .icon[data-v-34681937] {
+  margin-right: 8px;
+}
+.tool-box .tool-box-item[data-v-34681937]:hover {
+  border-radius: 8px;
+  background-color: var(--list-color-hover);
+}.show-more-content[data-v-e2487c4a] {
   position: absolute;
   bottom: 15px;
   left: 5%;
@@ -3605,11 +3634,11 @@ to {
   height: 17vh;
   padding: 10px;
   border-radius: 13px;
-  animation-name: popup-e6771dcb;
+  animation-name: popup-e2487c4a;
   animation-duration: 200ms;
   background-color: var(--bg-color-operate);
 }
-@keyframes popup-e6771dcb {
+@keyframes popup-e2487c4a {
 from {
     bottom: 0;
 }
@@ -3617,10 +3646,10 @@ to {
     bottom: 15px;
 }
 }
-.control-compent[data-v-e6771dcb] {
+.control-compent[data-v-e2487c4a] {
   display: flex;
 }
-.close[data-v-e6771dcb] {
+.close[data-v-e2487c4a] {
   position: relative;
   top: 10%;
   display: flex;
@@ -3752,35 +3781,6 @@ to {
   padding: 1rem;
   margin-top: 10px;
   border-radius: 8px;
-}.tool-box[data-v-34681937] {
-  position: absolute;
-  bottom: 72px;
-  z-index: 2;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: 5px 0;
-  border-radius: 15px;
-  background-color: var(--bg-color-dialog);
-  box-shadow: 0 -8px 30p var(--uikit-color-black-8);
-}
-.tool-box .tool-box-item[data-v-34681937] {
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  width: 100%;
-  padding: 7px 10px;
-  font-size: 12px;
-  white-space: nowrap;
-  cursor: pointer;
-}
-.tool-box .tool-box-item .icon[data-v-34681937] {
-  margin-right: 8px;
-}
-.tool-box .tool-box-item[data-v-34681937]:hover {
-  border-radius: 8px;
-  background-color: var(--list-color-hover);
 }.test-preview[data-v-21a63691] {
   position: relative;
   box-sizing: border-box;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndscnj/roomkit-web-vue3",
-  "version": "25.11.1813",
+  "version": "25.11.1818",
   "main": "./lib/index.js",
   "module": "./es/index.mjs",
   "types": "./es/index.d.ts",

package/src/TUIRoom/components/RoomFooter/MoreControl/MoreControlH5.vue

@@ -20,6 +20,9 @@
           @show-overlay="handleShowOverlay"
           @click="handleControlClick('inviteControl')"
         />
+        <AIControl
+          @click="handleControlClick('AIControl')"
+        />
       </div>
       <div v-tap="handleCancelControl" class="close">{{ t('Cancel') }}</div>
     </div>
@@ -37,6 +40,7 @@ import { useRoomStore } from '../../../stores/room';
 import bus from '../../../hooks/useMitt';
 import vTap from '../../../directives/vTap';
 import { roomService } from '../../../services';
+import AIControl from '../AIControl.vue';
 
 const moreControlConfig = roomService.getComponentConfig('MoreControl');
 const showMoreContent = ref(false);