@tencentcloud/roomkit-web-vue3
Version:
<h1 align="center"> TUIRoomKit</h1> Conference (TUIRoomKit) is a product suitable for multi-person audio and video conversation scenarios such as business meetings, webinars, and online education. By integrating this product, you can add room management,
104 lines (103 loc) • 4.66 kB
JavaScript
;
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
const Vue = require("vue");
const index$1 = require("../../../../../components/common/base/Dialog/index.js");
require("../../../../../utils/environment.js");
;/* empty css */
;/* empty css */
require("../../../../../hooks/useZIndex.js");
const uikitBaseComponentVue3 = require("@tencentcloud/uikit-base-component-vue3");
;/* empty css */
;/* empty css */
;/* empty css */
;/* empty css */
;/* empty css */
require("../../../../../components/common/base/IconButton.vue2.js");
;/* empty css */
const index$2 = require("../../../../../components/common/base/Input/index.js");
;/* empty css */
;/* empty css */
require("../../../../../stores/basic.js");
;/* empty css */
require("../../../../../services/main.js");
require("../../../../../services/roomService.js");
const index = require("../../../../../locales/index.js");
require("@tencentcloud/tuiroom-engine-js");
require("mitt");
require("../../../../../services/manager/roomActionManager.js");
require("@tencentcloud/tui-core");
;/* empty css */
;/* empty css */
;/* empty css */
;/* empty css */
;/* empty css */
const _hoisted_1 = { class: "dialog-content" };
const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
__name: "changeNameCardDialog",
props: {
userInfo: {},
confirmFunction: { type: Function }
},
setup(__props) {
const props = __props;
const { t } = index.useI18n();
const inputUserName = Vue.ref(props.userInfo.nameCard);
const isShowDialog = Vue.ref(true);
const isConfirmButtonDisable = Vue.computed(() => !inputUserName.value.trim());
async function handleConfirm() {
await props.confirmFunction(inputUserName.value);
isShowDialog.value = false;
}
function handleCancel() {
inputUserName.value = props.userInfo.nameCard || props.userInfo.userName || "";
isShowDialog.value = false;
}
return (_ctx, _cache) => {
return Vue.openBlock(), Vue.createBlock(Vue.unref(index$1.default), {
modelValue: isShowDialog.value,
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isShowDialog.value = $event),
title: Vue.unref(t)("change name"),
modal: true,
width: "480px",
"before-close": handleCancel,
"close-on-click-modal": true,
"append-to-room-container": true
}, {
footer: Vue.withCtx(() => [
Vue.createVNode(Vue.unref(uikitBaseComponentVue3.TUIButton), {
type: "primary",
style: { "min-width": "88px" },
onClick: handleConfirm,
disabled: isConfirmButtonDisable.value
}, {
default: Vue.withCtx(() => [
Vue.createTextVNode(Vue.toDisplayString(Vue.unref(t)("Confirm")), 1)
]),
_: 1
}, 8, ["disabled"]),
Vue.createVNode(Vue.unref(uikitBaseComponentVue3.TUIButton), {
style: { "min-width": "88px" },
onClick: handleCancel
}, {
default: Vue.withCtx(() => [
Vue.createTextVNode(Vue.toDisplayString(Vue.unref(t)("Cancel")), 1)
]),
_: 1
})
]),
default: Vue.withCtx(() => [
Vue.createElementVNode("div", _hoisted_1, [
Vue.createVNode(Vue.unref(index$2.default), {
"model-value": inputUserName.value,
onInput: _cache[0] || (_cache[0] = ($event) => inputUserName.value = $event),
class: "dialog-input",
placeholder: Vue.unref(t)("Please input user name")
}, null, 8, ["model-value", "placeholder"])
])
]),
_: 1
}, 8, ["modelValue", "title"]);
};
}
});
exports.default = _sfc_main;