新增功能
This commit is contained in:
@@ -0,0 +1,247 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../common/vendor.js");
|
||||
const TUICallKit_src_TUICallService_index = require("../TUICallService/index.js");
|
||||
const TUICallKit_src_Components_context_CallInfoContext = require("./context/CallInfoContext.js");
|
||||
const TUICallKit_src_Components_context_CallerUserInfoContext = require("./context/CallerUserInfoContext.js");
|
||||
const TUICallKit_src_Components_context_UserInfoContextExcludeVolume = require("./context/UserInfoContextExcludeVolume.js");
|
||||
const TUICallKit_src_Components_context_FloatWindowContext = require("./context/FloatWindowContext.js");
|
||||
const TUICallKit_src_Components_context_CustomUIConfigContext = require("./context/CustomUIConfigContext.js");
|
||||
const TUICallKit_src_Components_context_TranslateContext = require("./context/TranslateContext.js");
|
||||
const TUICallKit_src_Components_util_isEmpty = require("./util/isEmpty.js");
|
||||
const TUICallKit_src_TUICallService_CallService_index = require("../TUICallService/CallService/index.js");
|
||||
const TUICallKit_src_TUICallService_const_index = require("../TUICallService/const/index.js");
|
||||
const TUICallKit_src_TUICallService_const_call = require("../TUICallService/const/call.js");
|
||||
if (!Array) {
|
||||
const _component_AISubtitle = common_vendor.resolveComponent("AISubtitle");
|
||||
_component_AISubtitle();
|
||||
}
|
||||
if (!Math) {
|
||||
(SingleCall + GroupCall)();
|
||||
}
|
||||
const SingleCall = () => "./components/SingleCall/SingleCall.js";
|
||||
const GroupCall = () => "./components/GroupCall/GroupCall.js";
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
__name: "TUICallKit",
|
||||
props: {
|
||||
beforeCalling: {},
|
||||
afterCalling: {},
|
||||
onMinimized: {},
|
||||
onMessageSentByMe: {},
|
||||
kickedOut: {},
|
||||
statusChanged: {},
|
||||
allowedMinimized: { type: Boolean, default: false },
|
||||
allowedFullScreen: { type: Boolean, default: true },
|
||||
videoDisplayMode: { default: TUICallKit_src_TUICallService_const_call.VideoDisplayMode.COVER },
|
||||
videoResolution: { default: TUICallKit_src_TUICallService_const_call.VideoResolution.RESOLUTION_720P }
|
||||
},
|
||||
setup(__props) {
|
||||
const isMobile = !TUICallKit_src_TUICallService_CallService_index.TUIGlobal.isPC;
|
||||
const bodyStyle = isMobile ? "TUICallKit-mobile transition-animation" : "TUICallKit-desktop";
|
||||
const miniMizedDeskStyle = common_vendor.ref("");
|
||||
const mobileAudioStyle = common_vendor.ref("");
|
||||
const mobileVideoStyle = common_vendor.ref("");
|
||||
const isShowFloatWindow = common_vendor.ref(false);
|
||||
const props = __props;
|
||||
const callStatus = common_vendor.ref(TUICallKit_src_TUICallService_CallService_index.TUIStore.getData(TUICallKit_src_TUICallService_const_call.StoreName.CALL, TUICallKit_src_TUICallService_const_index.NAME.CALL_STATUS));
|
||||
const callRole = common_vendor.ref(TUICallKit_src_TUICallService_CallService_index.TUIStore.getData(TUICallKit_src_TUICallService_const_call.StoreName.CALL, TUICallKit_src_TUICallService_const_index.NAME.CALL_ROLE));
|
||||
const callType = common_vendor.ref(TUICallKit_src_TUICallService_CallService_index.TUIStore.getData(TUICallKit_src_TUICallService_const_call.StoreName.CALL, TUICallKit_src_TUICallService_const_index.NAME.CALL_MEDIA_TYPE));
|
||||
const isGroupCall = common_vendor.ref(TUICallKit_src_TUICallService_CallService_index.TUIStore.getData(TUICallKit_src_TUICallService_const_call.StoreName.CALL, TUICallKit_src_TUICallService_const_index.NAME.IS_GROUP));
|
||||
const isEarPhone = common_vendor.ref(TUICallKit_src_TUICallService_CallService_index.TUIStore.getData(TUICallKit_src_TUICallService_const_call.StoreName.CALL, TUICallKit_src_TUICallService_const_index.NAME.IS_EAR_PHONE));
|
||||
const focusElement = common_vendor.ref(null);
|
||||
const localUserInfoExcludeVolume = common_vendor.ref(TUICallKit_src_TUICallService_CallService_index.TUIStore.getData(TUICallKit_src_TUICallService_const_call.StoreName.CALL, TUICallKit_src_TUICallService_const_index.NAME.LOCAL_USER_INFO_EXCLUDE_VOLUMN));
|
||||
const remoteUserListExcludeVolume = common_vendor.ref(TUICallKit_src_TUICallService_CallService_index.TUIStore.getData(TUICallKit_src_TUICallService_const_call.StoreName.CALL, TUICallKit_src_TUICallService_const_index.NAME.REMOTE_USER_INFO_EXCLUDE_VOLUMN_LIST));
|
||||
const callerUserInfo = common_vendor.ref(TUICallKit_src_TUICallService_CallService_index.TUIStore.getData(TUICallKit_src_TUICallService_const_call.StoreName.CALL, TUICallKit_src_TUICallService_const_index.NAME.CALLER_USER_INFO));
|
||||
const isFloatWindow = common_vendor.ref(TUICallKit_src_TUICallService_CallService_index.TUIStore.getData(TUICallKit_src_TUICallService_const_call.StoreName.CALL, TUICallKit_src_TUICallService_const_index.NAME.IS_MINIMIZED));
|
||||
const enableVirtualBackground = common_vendor.ref(TUICallKit_src_TUICallService_CallService_index.TUIStore.getData(TUICallKit_src_TUICallService_const_call.StoreName.CALL, TUICallKit_src_TUICallService_const_index.NAME.ENABLE_VIRTUAL_BACKGROUND));
|
||||
const isShowEnableVirtualBackground = common_vendor.ref(TUICallKit_src_TUICallService_CallService_index.TUIStore.getData(TUICallKit_src_TUICallService_const_call.StoreName.CALL, TUICallKit_src_TUICallService_const_index.NAME.IS_SHOW_ENABLE_VIRTUAL_BACKGROUND));
|
||||
const customUIConfigContextValue = common_vendor.ref(TUICallKit_src_TUICallService_CallService_index.TUIStore.getData(TUICallKit_src_TUICallService_const_call.StoreName.CALL, TUICallKit_src_TUICallService_const_index.NAME.CUSTOM_UI_CONFIG));
|
||||
const isMuteSpeaker = common_vendor.ref(TUICallKit_src_TUICallService_CallService_index.TUIStore.getData(TUICallKit_src_TUICallService_const_call.StoreName.CALL, TUICallKit_src_TUICallService_const_index.NAME.IS_MUTE_SPEAKER));
|
||||
const translate = common_vendor.ref(TUICallKit_src_TUICallService_CallService_index.TUIStore.getData(TUICallKit_src_TUICallService_const_call.StoreName.CALL, TUICallKit_src_TUICallService_const_index.NAME.TRANSLATE));
|
||||
const callInfoContextValue = common_vendor.reactive({
|
||||
callStatus,
|
||||
callRole,
|
||||
callType,
|
||||
isGroupCall,
|
||||
isEarPhone,
|
||||
focusElement,
|
||||
allowedFullScreen: props.allowedFullScreen,
|
||||
enableVirtualBackground,
|
||||
isShowEnableVirtualBackground,
|
||||
isMuteSpeaker
|
||||
});
|
||||
const callerUserInfoValue = common_vendor.reactive({ callerUserInfo });
|
||||
const userInfoExcludeVolumeContextValue = common_vendor.reactive({
|
||||
localUserInfoExcludeVolume,
|
||||
remoteUserListExcludeVolume
|
||||
});
|
||||
const floatWindowContextValue = common_vendor.reactive({ isFloatWindow });
|
||||
const translateContextValue = common_vendor.ref(translate);
|
||||
const {
|
||||
beforeCalling,
|
||||
afterCalling,
|
||||
onMinimized,
|
||||
onMessageSentByMe,
|
||||
videoDisplayMode,
|
||||
videoResolution,
|
||||
kickedOut,
|
||||
statusChanged,
|
||||
allowedMinimized
|
||||
} = common_vendor.toRefs(props);
|
||||
const handleCallStatusChange = (value) => {
|
||||
callInfoContextValue.callStatus = value;
|
||||
};
|
||||
const handleIsGroupChange = (value) => {
|
||||
callInfoContextValue.isGroupCall = value;
|
||||
};
|
||||
const handleToastInfoChange = (value) => {
|
||||
if (typeof value === "object") {
|
||||
const { content, type = "info" } = value;
|
||||
!TUICallKit_src_Components_util_isEmpty.isEmpty(content) && showToast(translate.value(content), type);
|
||||
}
|
||||
};
|
||||
const handleCallMediaTypeChange = (value) => {
|
||||
callInfoContextValue.callType = value;
|
||||
if (isMobile && isShowFloatWindow.value) {
|
||||
mobileVideoStyle.value = "miniMized-mobile-audio";
|
||||
mobileAudioStyle.value = "";
|
||||
}
|
||||
if (isMobile && !isShowFloatWindow.value) {
|
||||
mobileAudioStyle.value = "mobile-audio";
|
||||
}
|
||||
};
|
||||
const handleIsMinimizedChange = (value) => {
|
||||
floatWindowContextValue.isFloatWindow = value;
|
||||
if (value) {
|
||||
if (!isMobile) {
|
||||
miniMizedDeskStyle.value = "miniMized";
|
||||
} else {
|
||||
if (callInfoContextValue.callType === TUICallKit_src_TUICallService_const_call.CallMediaType.AUDIO) {
|
||||
mobileAudioStyle.value = "miniMized-mobile-audio";
|
||||
} else {
|
||||
mobileVideoStyle.value = "miniMized-mobile-video";
|
||||
}
|
||||
}
|
||||
} else {
|
||||
mobileAudioStyle.value = "mobile-audio";
|
||||
miniMizedDeskStyle.value = "";
|
||||
mobileVideoStyle.value = "";
|
||||
}
|
||||
};
|
||||
const handlePermissionErrorTipChange = (data) => {
|
||||
};
|
||||
const handleCallRoleChange = (value) => {
|
||||
callInfoContextValue.callRole = value;
|
||||
};
|
||||
const handleLocalUserInfoChange = (value) => {
|
||||
userInfoExcludeVolumeContextValue.localUserInfoExcludeVolume = value;
|
||||
};
|
||||
const handleRemoteUserInfoListChange = (value) => {
|
||||
userInfoExcludeVolumeContextValue.remoteUserListExcludeVolume = [...value];
|
||||
};
|
||||
const handleCallerUserInfoChange = (value) => {
|
||||
callerUserInfoValue.callerUserInfo = value;
|
||||
};
|
||||
const handEarPhoneChange = (value) => {
|
||||
callInfoContextValue.isEarPhone = value;
|
||||
};
|
||||
const handleEnableVirtualBackgroundChange = (value) => {
|
||||
callInfoContextValue.enableVirtualBackground = value;
|
||||
};
|
||||
const handleIsShowEnableVirtualBackgroundChange = (value) => {
|
||||
callInfoContextValue.isShowEnableVirtualBackground = value;
|
||||
};
|
||||
const handleCustomUIConfigChange = (value) => {
|
||||
customUIConfigContextValue.value = value;
|
||||
};
|
||||
const handleMuteSpeakerChange = (value) => {
|
||||
callInfoContextValue.isMuteSpeaker = value;
|
||||
};
|
||||
const handleTranslateChange = (value) => {
|
||||
translate.value = value;
|
||||
};
|
||||
common_vendor.watchEffect(() => {
|
||||
TUICallKit_src_TUICallService_index.TUICallKitAPI.setCallback({
|
||||
beforeCalling: beforeCalling && beforeCalling.value,
|
||||
afterCalling: afterCalling && afterCalling.value,
|
||||
onMinimized: onMinimized && onMinimized.value,
|
||||
onMessageSentByMe: onMessageSentByMe && onMessageSentByMe.value,
|
||||
kickedOut: kickedOut && kickedOut.value,
|
||||
statusChanged: statusChanged && statusChanged.value
|
||||
});
|
||||
});
|
||||
const watchOptions = {
|
||||
[TUICallKit_src_TUICallService_const_index.NAME.CALL_STATUS]: handleCallStatusChange,
|
||||
[TUICallKit_src_TUICallService_const_index.NAME.IS_GROUP]: handleIsGroupChange,
|
||||
[TUICallKit_src_TUICallService_const_index.NAME.TOAST_INFO]: handleToastInfoChange,
|
||||
[TUICallKit_src_TUICallService_const_index.NAME.CALL_MEDIA_TYPE]: handleCallMediaTypeChange,
|
||||
[TUICallKit_src_TUICallService_const_index.NAME.SHOW_PERMISSION_TIP]: handlePermissionErrorTipChange,
|
||||
[TUICallKit_src_TUICallService_const_index.NAME.CALL_ROLE]: handleCallRoleChange,
|
||||
[TUICallKit_src_TUICallService_const_index.NAME.LOCAL_USER_INFO_EXCLUDE_VOLUMN]: handleLocalUserInfoChange,
|
||||
[TUICallKit_src_TUICallService_const_index.NAME.REMOTE_USER_INFO_EXCLUDE_VOLUMN_LIST]: handleRemoteUserInfoListChange,
|
||||
[TUICallKit_src_TUICallService_const_index.NAME.CALLER_USER_INFO]: handleCallerUserInfoChange,
|
||||
[TUICallKit_src_TUICallService_const_index.NAME.IS_EAR_PHONE]: handEarPhoneChange,
|
||||
[TUICallKit_src_TUICallService_const_index.NAME.ENABLE_VIRTUAL_BACKGROUND]: handleEnableVirtualBackgroundChange,
|
||||
[TUICallKit_src_TUICallService_const_index.NAME.IS_SHOW_ENABLE_VIRTUAL_BACKGROUND]: handleIsShowEnableVirtualBackgroundChange,
|
||||
[TUICallKit_src_TUICallService_const_index.NAME.CUSTOM_UI_CONFIG]: handleCustomUIConfigChange,
|
||||
[TUICallKit_src_TUICallService_const_index.NAME.IS_MUTE_SPEAKER]: handleMuteSpeakerChange,
|
||||
[TUICallKit_src_TUICallService_const_index.NAME.TRANSLATE]: handleTranslateChange
|
||||
};
|
||||
common_vendor.onMounted(() => {
|
||||
if (allowedMinimized.value) {
|
||||
TUICallKit_src_TUICallService_index.TUICallKitAPI.enableFloatWindow(allowedMinimized.value);
|
||||
}
|
||||
TUICallKit_src_TUICallService_index.TUICallKitAPI.setVideoDisplayMode(videoDisplayMode.value);
|
||||
TUICallKit_src_TUICallService_index.TUICallKitAPI.setVideoResolution(videoResolution.value);
|
||||
TUICallKit_src_TUICallService_CallService_index.TUIStore.watch(
|
||||
TUICallKit_src_TUICallService_const_call.StoreName.CALL,
|
||||
watchOptions,
|
||||
{
|
||||
notifyRangeWhenWatch: TUICallKit_src_TUICallService_const_index.NAME.MYSELF
|
||||
}
|
||||
);
|
||||
TUICallKit_src_TUICallService_CallService_index.TUIStore.watch(TUICallKit_src_TUICallService_const_call.StoreName.CALL, {
|
||||
[TUICallKit_src_TUICallService_const_index.NAME.IS_MINIMIZED]: handleIsMinimizedChange
|
||||
});
|
||||
});
|
||||
function showToast(value, type) {
|
||||
switch (type) {
|
||||
case "info":
|
||||
common_vendor.index.showToast({
|
||||
title: value,
|
||||
icon: "none"
|
||||
});
|
||||
break;
|
||||
}
|
||||
}
|
||||
common_vendor.onUnmounted(async () => {
|
||||
TUICallKit_src_TUICallService_CallService_index.TUIStore.unwatch(TUICallKit_src_TUICallService_const_call.StoreName.CALL, {
|
||||
...watchOptions,
|
||||
[TUICallKit_src_TUICallService_const_index.NAME.IS_MINIMIZED]: handleIsMinimizedChange
|
||||
});
|
||||
await TUICallKit_src_TUICallService_index.TUICallKitAPI.handleExceptionExit();
|
||||
});
|
||||
common_vendor.provide(TUICallKit_src_Components_context_CallInfoContext.CallInfoContextKey, callInfoContextValue);
|
||||
common_vendor.provide(TUICallKit_src_Components_context_CallerUserInfoContext.CallerUserInfoContextKey, callerUserInfoValue);
|
||||
common_vendor.provide(TUICallKit_src_Components_context_UserInfoContextExcludeVolume.UserInfoExcludeVolumeContextKey, userInfoExcludeVolumeContextValue);
|
||||
common_vendor.provide(TUICallKit_src_Components_context_FloatWindowContext.FloatWindowContextKey, floatWindowContextValue);
|
||||
common_vendor.provide(TUICallKit_src_Components_context_CustomUIConfigContext.CustomUIConfigContextKey, customUIConfigContextValue);
|
||||
common_vendor.provide(TUICallKit_src_Components_context_TranslateContext.translateContextKey, translateContextValue);
|
||||
return (_ctx, _cache) => {
|
||||
return common_vendor.e({
|
||||
a: common_vendor.unref(callInfoContextValue).callStatus !== common_vendor.unref(TUICallKit_src_TUICallService_const_call.CallStatus).IDLE
|
||||
}, common_vendor.unref(callInfoContextValue).callStatus !== common_vendor.unref(TUICallKit_src_TUICallService_const_call.CallStatus).IDLE ? common_vendor.e({
|
||||
b: !common_vendor.unref(callInfoContextValue).isGroupCall
|
||||
}, !common_vendor.unref(callInfoContextValue).isGroupCall ? {} : {}, {
|
||||
c: common_vendor.s({
|
||||
visibility: common_vendor.unref(floatWindowContextValue).isFloatWindow ? "hidden" : ""
|
||||
}),
|
||||
d: common_vendor.n(common_vendor.unref(bodyStyle)),
|
||||
e: common_vendor.n(common_vendor.unref(miniMizedDeskStyle)),
|
||||
f: common_vendor.n(common_vendor.unref(mobileVideoStyle)),
|
||||
g: common_vendor.n(common_vendor.unref(mobileAudioStyle))
|
||||
}) : {});
|
||||
};
|
||||
}
|
||||
});
|
||||
wx.createComponent(_sfc_main);
|
||||
//# sourceMappingURL=../../../../.sourcemap/mp-weixin/TUICallKit/src/Components/TUICallKit.js.map
|
||||
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"single-call": "./components/SingleCall/SingleCall",
|
||||
"group-call": "./components/GroupCall/GroupCall"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<view wx:if="{{a}}" style="{{c}}" id="tuicallkit-id" class="{{[d, e, f, g]}}"><single-call wx:if="{{b}}" class="singCall" u-i="1f71368d-0" bind:__l="__l"></single-call><group-call wx:else class="singCall" u-i="1f71368d-1" bind:__l="__l"></group-call><a-i-subtitle u-i="1f71368d-2" bind:__l="__l"/></view>
|
||||
@@ -0,0 +1,86 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.TUICallKit-mobile {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
}
|
||||
.TUICallKit-mobile .singCall {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
}
|
||||
.transition-animation {
|
||||
transform: translateY(-100%);
|
||||
animation: slideInDown 0.5s ease forwards;
|
||||
}
|
||||
@keyframes slideInDown {
|
||||
from {
|
||||
transform: translateY(-100%);
|
||||
}
|
||||
to {
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
.TUICallKit-desktop {
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
position: relative;
|
||||
border-radius: inherit;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
color: white;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
overflow: hidden;
|
||||
z-index: 12;
|
||||
border-radius: 16px;
|
||||
}
|
||||
.TUICallKit-desktop .singCall {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.mobile-audio {
|
||||
background-color: white;
|
||||
}
|
||||
.miniMized {
|
||||
width: 168px !important;
|
||||
height: 56px !important;
|
||||
overflow: visible !important;
|
||||
}
|
||||
.miniMized-mobile-audio {
|
||||
width: 72px;
|
||||
height: 72px;
|
||||
position: fixed;
|
||||
top: 40px;
|
||||
right: 40px;
|
||||
}
|
||||
.miniMized-mobile-video {
|
||||
width: 40%;
|
||||
height: 30%;
|
||||
position: fixed;
|
||||
top: 40px;
|
||||
right: 40px;
|
||||
}
|
||||
+32
@@ -0,0 +1,32 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../../../common/vendor.js");
|
||||
const common_assets = require("../../../../../../common/assets.js");
|
||||
if (!Math) {
|
||||
Overlay();
|
||||
}
|
||||
const Overlay = () => "../../base/Overlay/Overlay.js";
|
||||
const __default__ = {
|
||||
options: {
|
||||
virtualHost: true
|
||||
}
|
||||
};
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
...__default__,
|
||||
__name: "BackGround",
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => {
|
||||
return {
|
||||
a: common_vendor.p({
|
||||
bgColor: "#22262ed9",
|
||||
bgImage: common_vendor.unref(common_assets.defaultAvatarSrc),
|
||||
customStyle: {
|
||||
position: "absolute",
|
||||
zIndex: 0
|
||||
}
|
||||
})
|
||||
};
|
||||
};
|
||||
}
|
||||
});
|
||||
wx.createComponent(_sfc_main);
|
||||
//# sourceMappingURL=../../../../../../../.sourcemap/mp-weixin/TUICallKit/src/Components/components/GroupCall/BackGround/BackGround.js.map
|
||||
+6
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"overlay": "../../base/Overlay/Overlay"
|
||||
}
|
||||
}
|
||||
+1
@@ -0,0 +1 @@
|
||||
<overlay wx:if="{{a}}" u-i="02aa72fe-0" bind:__l="__l" u-p="{{a}}"/>
|
||||
Vendored
+129
@@ -0,0 +1,129 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../../common/vendor.js");
|
||||
const TUICallKit_src_Components_context_FocusItemContext = require("../../context/FocusItemContext.js");
|
||||
const TUICallKit_src_Components_context_ButtonPanelContext = require("../../context/ButtonPanelContext.js");
|
||||
const TUICallKit_src_Components_hooks_useCallInfoContext = require("../../hooks/useCallInfoContext.js");
|
||||
const TUICallKit_src_TUICallService_index = require("../../../TUICallService/index.js");
|
||||
const TUICallKit_src_TUICallService_const_index = require("../../../TUICallService/const/index.js");
|
||||
require("../../util/stringToPath.js");
|
||||
const TUICallKit_src_Components_hooks_useUserInfoContextExcludeVolume = require("../../hooks/useUserInfoContextExcludeVolume.js");
|
||||
const TUICallKit_src_Components_hooks_useFloatWindowContext = require("../../hooks/useFloatWindowContext.js");
|
||||
require("../../../TUICallService/utils/env.js");
|
||||
const TUICallKit_src_TUICallService_CallService_index = require("../../../TUICallService/CallService/index.js");
|
||||
const TUICallKit_src_TUICallService_const_call = require("../../../TUICallService/const/call.js");
|
||||
if (!Math) {
|
||||
(TopBar + Waiting + MediaContainer + Tip + ButtonPanel + BackGround + SelectUser)();
|
||||
}
|
||||
const TopBar = () => "../common/TopBar/TopBar.js";
|
||||
const Waiting = () => "../common/Waiting/Waiting.js";
|
||||
const MediaContainer = () => "./MediaContainer/MediaContainer.js";
|
||||
const Tip = () => "../common/Tip/Tip.js";
|
||||
const ButtonPanel = () => "../common/ButtonPanel/ButtonPanel.js";
|
||||
const SelectUser = () => "../common/SelectUser/SelectUser.js";
|
||||
const BackGround = () => "./BackGround/BackGround.js";
|
||||
const count = 30;
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
__name: "GroupCall",
|
||||
setup(__props) {
|
||||
const focusElement = common_vendor.ref(null);
|
||||
const buttonPanelStatus = common_vendor.ref("open");
|
||||
const showSelectUser = common_vendor.ref(false);
|
||||
const memberCount = common_vendor.ref(0);
|
||||
const groupMemberList = common_vendor.ref([]);
|
||||
const backupGroupMemberList = common_vendor.ref([]);
|
||||
const offset = common_vendor.ref(0);
|
||||
const FocusContextValue = focusElement;
|
||||
const ButtonPanelContextValue = { status: buttonPanelStatus };
|
||||
const { callRole, callStatus } = common_vendor.toRefs(TUICallKit_src_Components_hooks_useCallInfoContext.useCallInfoContext());
|
||||
const { isFloatWindow } = common_vendor.toRefs(TUICallKit_src_Components_hooks_useFloatWindowContext.useFloatWindowContext());
|
||||
const { localUserInfoExcludeVolume, remoteUserListExcludeVolume } = common_vendor.toRefs(TUICallKit_src_Components_hooks_useUserInfoContextExcludeVolume.useUserInfoExcludeVolumeContext());
|
||||
const handleShowSelectUser = async (value) => {
|
||||
showSelectUser.value = value;
|
||||
if (showSelectUser.value) {
|
||||
await getGroupMemberList();
|
||||
const groupProfile = await TUICallKit_src_TUICallService_index.TUICallKitAPI.getGroupProfile();
|
||||
memberCount.value = groupProfile.memberCount;
|
||||
}
|
||||
};
|
||||
const handleCancel = () => {
|
||||
showSelectUser.value = false;
|
||||
TUICallKit_src_TUICallService_CallService_index.TUIStore.update(TUICallKit_src_TUICallService_const_call.StoreName.CALL, TUICallKit_src_TUICallService_const_index.NAME.SHOW_SELECT_USER, false);
|
||||
offset.value = 0;
|
||||
groupMemberList.value = [];
|
||||
};
|
||||
const getMoreMemberList = async () => {
|
||||
offset.value += count;
|
||||
await getGroupMemberList();
|
||||
};
|
||||
const getGroupMemberList = async () => {
|
||||
const memberList = await TUICallKit_src_TUICallService_index.TUICallKitAPI.getGroupMemberList(count, offset.value);
|
||||
const inCallUserIdList = [...remoteUserListExcludeVolume.value, localUserInfoExcludeVolume.value].map((obj) => obj.userId);
|
||||
groupMemberList.value.push(...memberList);
|
||||
groupMemberList.value = groupMemberList.value.map((obj) => {
|
||||
if (inCallUserIdList.includes(obj.userID)) {
|
||||
obj = { ...obj, isDisabled: true };
|
||||
}
|
||||
return obj;
|
||||
});
|
||||
backupGroupMemberList.value = groupMemberList.value;
|
||||
};
|
||||
const handleSelectedResult = async (selectedUserInfoList) => {
|
||||
try {
|
||||
if (selectedUserInfoList.length <= 0) {
|
||||
return;
|
||||
}
|
||||
showSelectUser.value = false;
|
||||
TUICallKit_src_TUICallService_CallService_index.TUIStore.update(TUICallKit_src_TUICallService_const_call.StoreName.CALL, TUICallKit_src_TUICallService_const_index.NAME.SHOW_SELECT_USER, false);
|
||||
offset.value = 0;
|
||||
const userIDList = selectedUserInfoList.map((obj) => obj.userID);
|
||||
await TUICallKit_src_TUICallService_index.TUICallKitAPI.inviteUser({ userIDList });
|
||||
groupMemberList.value = [];
|
||||
} catch (error) {
|
||||
common_vendor.index.__f__("debug", "at TUICallKit/src/Components/components/GroupCall/GroupCall.vue:95", error);
|
||||
}
|
||||
};
|
||||
const handleSearch = (searchValue) => {
|
||||
if (searchValue) {
|
||||
groupMemberList.value = groupMemberList.value.filter((obj) => {
|
||||
return obj.userID.includes(searchValue) || obj.nick.includes(searchValue);
|
||||
});
|
||||
} else {
|
||||
groupMemberList.value = backupGroupMemberList.value;
|
||||
}
|
||||
};
|
||||
const watchOptions = {
|
||||
[TUICallKit_src_TUICallService_const_index.NAME.SHOW_SELECT_USER]: handleShowSelectUser
|
||||
};
|
||||
common_vendor.onMounted(() => {
|
||||
TUICallKit_src_TUICallService_CallService_index.TUIStore.watch(TUICallKit_src_TUICallService_const_call.StoreName.CALL, watchOptions, { notifyRangeWhenWatch: TUICallKit_src_TUICallService_const_index.NAME.MYSELF });
|
||||
});
|
||||
common_vendor.onUnmounted(() => {
|
||||
TUICallKit_src_TUICallService_CallService_index.TUIStore.unwatch(TUICallKit_src_TUICallService_const_call.StoreName.CALL, watchOptions);
|
||||
});
|
||||
ButtonPanelContextValue.status = common_vendor.ref("open");
|
||||
FocusContextValue.value = null;
|
||||
common_vendor.provide(TUICallKit_src_Components_context_ButtonPanelContext.ButtonPanelContextKey, ButtonPanelContextValue);
|
||||
common_vendor.provide(TUICallKit_src_Components_context_FocusItemContext.FocusContextKey, FocusContextValue);
|
||||
return (_ctx, _cache) => {
|
||||
return common_vendor.e({
|
||||
a: common_vendor.unref(callStatus) === common_vendor.unref(TUICallKit_src_TUICallService_const_call.CallStatus).CALLING && common_vendor.unref(callRole) === common_vendor.unref(TUICallKit_src_TUICallService_const_call.CallRole).CALLEE && !common_vendor.unref(isFloatWindow)
|
||||
}, common_vendor.unref(callStatus) === common_vendor.unref(TUICallKit_src_TUICallService_const_call.CallStatus).CALLING && common_vendor.unref(callRole) === common_vendor.unref(TUICallKit_src_TUICallService_const_call.CallRole).CALLEE && !common_vendor.unref(isFloatWindow) ? {} : {}, {
|
||||
b: common_vendor.unref(showSelectUser)
|
||||
}, common_vendor.unref(showSelectUser) ? {
|
||||
c: common_vendor.o(handleSelectedResult),
|
||||
d: common_vendor.o(handleCancel),
|
||||
e: common_vendor.o(getMoreMemberList),
|
||||
f: common_vendor.o(handleSearch),
|
||||
g: common_vendor.p({
|
||||
isNeedSearch: true,
|
||||
userList: common_vendor.unref(groupMemberList),
|
||||
isPC: common_vendor.unref(TUICallKit_src_TUICallService_CallService_index.TUIGlobal).isPC,
|
||||
total: common_vendor.unref(memberCount)
|
||||
})
|
||||
} : {});
|
||||
};
|
||||
}
|
||||
});
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-b7299e7b"]]);
|
||||
wx.createComponent(Component);
|
||||
//# sourceMappingURL=../../../../../../.sourcemap/mp-weixin/TUICallKit/src/Components/components/GroupCall/GroupCall.js.map
|
||||
Vendored
+12
@@ -0,0 +1,12 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"top-bar": "../common/TopBar/TopBar",
|
||||
"waiting": "../common/Waiting/Waiting",
|
||||
"media-container": "./MediaContainer/MediaContainer",
|
||||
"tip": "../common/Tip/Tip",
|
||||
"button-panel": "../common/ButtonPanel/ButtonPanel",
|
||||
"select-user": "../common/SelectUser/SelectUser",
|
||||
"back-ground": "./BackGround/BackGround"
|
||||
}
|
||||
}
|
||||
Vendored
+1
@@ -0,0 +1 @@
|
||||
<view class="groupcall-container data-v-b7299e7b"><top-bar class="data-v-b7299e7b" u-i="b7299e7b-0" bind:__l="__l"/><waiting wx:if="{{a}}" class="data-v-b7299e7b" u-i="b7299e7b-1" bind:__l="__l"/><media-container class="data-v-b7299e7b" u-i="b7299e7b-2" bind:__l="__l"/><tip class="data-v-b7299e7b" u-i="b7299e7b-3" bind:__l="__l"/><button-panel class="data-v-b7299e7b" u-i="b7299e7b-4" bind:__l="__l"/><back-ground class="data-v-b7299e7b" u-i="b7299e7b-5" bind:__l="__l"/><select-user wx:if="{{b}}" class="data-v-b7299e7b" bindconfirm="{{c}}" bindcancel="{{d}}" bindgetMore="{{e}}" bindsearch="{{f}}" u-i="b7299e7b-6" bind:__l="__l" u-p="{{g}}"/></view>
|
||||
Vendored
+28
@@ -0,0 +1,28 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.groupcall-container.data-v-b7299e7b {
|
||||
height: 100%;
|
||||
}
|
||||
+222
@@ -0,0 +1,222 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../../../common/vendor.js");
|
||||
require("../../../../TUICallService/index.js");
|
||||
const TUICallKit_src_Components_hooks_useCallInfoContext = require("../../../hooks/useCallInfoContext.js");
|
||||
const TUICallKit_src_Components_hooks_useGetVolumeMap = require("../../../hooks/useGetVolumeMap.js");
|
||||
const TUICallKit_src_TUICallService_const_call = require("../../../../TUICallService/const/call.js");
|
||||
const TUICallKit_src_Components_hooks_useNetWorkStatus = require("../../../hooks/useNetWorkStatus.js");
|
||||
const TUICallKit_src_Components_hooks_usePlayer = require("../../../hooks/usePlayer.js");
|
||||
const TUICallKit_src_Components_hooks_useUserInfoContextExcludeVolume = require("../../../hooks/useUserInfoContextExcludeVolume.js");
|
||||
const TUICallKit_src_Components_hooks_useButtonPanelStatus = require("../../../hooks/useButtonPanelStatus.js");
|
||||
const TUICallKit_src_Components_hooks_useFocusContext = require("../../../hooks/useFocusContext.js");
|
||||
const TUICallKit_src_Components_hooks_useFloatWindowContext = require("../../../hooks/useFloatWindowContext.js");
|
||||
const TUICallKit_src_Components_hooks_useGroupCallLayout = require("../../../hooks/useGroupCallLayout.js");
|
||||
const TUICallKit_src_Components_hooks_useCustomUI = require("../../../hooks/useCustomUI.js");
|
||||
require("../../../util/stringToPath.js");
|
||||
require("../../../../TUICallService/utils/env.js");
|
||||
const TUICallKit_src_Components_components_base_util_classNames = require("../../base/util/classNames.js");
|
||||
require("../../base/util/checkEnv.js");
|
||||
const TUICallKit_src_TUICallService_CallService_index = require("../../../../TUICallService/CallService/index.js");
|
||||
if (!Math) {
|
||||
(AudioStream + StreamLoading + TKStreamInfo + Pusher + GridItem + Player + Grid + FloatWindow + Portal)();
|
||||
}
|
||||
const Pusher = () => "../../common/Pusher/Pusher.js";
|
||||
const Player = () => "../../common/Player/Player.js";
|
||||
const Grid = () => "../../base/Grid/Grid.js";
|
||||
const GridItem = () => "../../base/Grid/GridItem/GridItem.js";
|
||||
const AudioStream = () => "../../common/AudioStream/AudioStream.js";
|
||||
const TKStreamInfo = () => "../../common/TKStreamInfo/TKStreamInfo.js";
|
||||
const FloatWindow = () => "../../common/FloatWindow/FloatWindow.js";
|
||||
const Portal = () => "../../base/Portal/Portal.js";
|
||||
const StreamLoading = () => "./StreamLoading/StreamLoading.js";
|
||||
const __default__ = {
|
||||
options: {
|
||||
virtualHost: true
|
||||
}
|
||||
};
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
...__default__,
|
||||
__name: "MediaContainer",
|
||||
setup(__props) {
|
||||
const bigWindow = common_vendor.ref("local");
|
||||
const showSmallWindow = common_vendor.ref(false);
|
||||
TUICallKit_src_Components_hooks_useCustomUI.useCustomUI();
|
||||
const { localUserInfoExcludeVolume, remoteUserListExcludeVolume } = common_vendor.toRefs(TUICallKit_src_Components_hooks_useUserInfoContextExcludeVolume.useUserInfoExcludeVolumeContext());
|
||||
const { callStatus, callType, isShowEnableVirtualBackground, callRole } = common_vendor.toRefs(TUICallKit_src_Components_hooks_useCallInfoContext.useCallInfoContext());
|
||||
const focus = common_vendor.ref(TUICallKit_src_TUICallService_CallService_index.TUIGlobal.isPC ? null : callType.value === TUICallKit_src_TUICallService_const_call.CallMediaType.VIDEO ? 0 : null);
|
||||
const { netWorkQualityList } = TUICallKit_src_Components_hooks_useNetWorkStatus.useNetWorkStatus();
|
||||
const streamLength = common_vendor.computed(() => remoteUserListExcludeVolume.value.length + 1);
|
||||
TUICallKit_src_Components_hooks_usePlayer.usePlayer();
|
||||
const layout = TUICallKit_src_Components_hooks_useGroupCallLayout.useGroupCallLayout(focus, streamLength);
|
||||
const volumeMap = TUICallKit_src_Components_hooks_useGetVolumeMap.useGetVolumeMap();
|
||||
const { isFloatWindow } = common_vendor.toRefs(TUICallKit_src_Components_hooks_useFloatWindowContext.useFloatWindowContext());
|
||||
const focusElement = TUICallKit_src_Components_hooks_useFocusContext.useFocusContext();
|
||||
const { status: panelStatus } = TUICallKit_src_Components_hooks_useButtonPanelStatus.useButtonPanelStatus() || {};
|
||||
const enableFocus = !TUICallKit_src_TUICallService_CallService_index.TUIGlobal.isPC;
|
||||
const isCurrentUserStreamZoomIn = common_vendor.computed(() => String(focus.value) === "0");
|
||||
const showControlButton = common_vendor.computed(() => !TUICallKit_src_TUICallService_CallService_index.TUIGlobal.isPC && isCurrentUserStreamZoomIn.value && localUserInfoExcludeVolume.value.isVideoAvailable);
|
||||
const showSwitchCameraButton = common_vendor.computed(() => showControlButton.value);
|
||||
const showVirtualBackgroundButton = common_vendor.computed(() => showControlButton.value && isShowEnableVirtualBackground.value && TUICallKit_src_TUICallService_CallService_index.TUIGlobal.isWeChat);
|
||||
const showNickName = common_vendor.computed(() => TUICallKit_src_TUICallService_CallService_index.TUIGlobal.isPC || isCurrentUserStreamZoomIn.value);
|
||||
const unit = common_vendor.computed(() => TUICallKit_src_TUICallService_CallService_index.TUIGlobal.isPC || isFloatWindow.value ? "%" : "vw");
|
||||
const visibleStreamIdList = common_vendor.computed(() => {
|
||||
return [localUserInfoExcludeVolume.value, ...remoteUserListExcludeVolume.value].map((stream) => {
|
||||
var _a;
|
||||
if (isFloatWindow.value) {
|
||||
if (((_a = volumeMap.value) == null ? void 0 : _a[stream.domId]) >= 10) {
|
||||
return stream.domId;
|
||||
}
|
||||
} else {
|
||||
return stream.domId;
|
||||
}
|
||||
});
|
||||
});
|
||||
const showStream = common_vendor.computed(() => !(callRole.value === TUICallKit_src_TUICallService_const_call.CallRole.CALLEE && callStatus.value === TUICallKit_src_TUICallService_const_call.CallStatus.CALLING && !isFloatWindow.value));
|
||||
const mediaContainerStyle = common_vendor.computed(() => {
|
||||
let visibility = "";
|
||||
if (callRole.value === TUICallKit_src_TUICallService_const_call.CallRole.CALLEE && callStatus.value === TUICallKit_src_TUICallService_const_call.CallStatus.CALLING && !isFloatWindow.value) {
|
||||
visibility = "hidden";
|
||||
}
|
||||
return {
|
||||
visibility
|
||||
};
|
||||
});
|
||||
function changeFocus(value) {
|
||||
focus.value = value;
|
||||
focusElement.value = value;
|
||||
panelStatus.value = value !== null ? "close" : "open";
|
||||
}
|
||||
function isShowAudioStream(stream) {
|
||||
return !stream.isVideoAvailable;
|
||||
}
|
||||
function isMute(stream) {
|
||||
return !stream.isAudioAvailable;
|
||||
}
|
||||
function isShowNetWork(userId) {
|
||||
if (!netWorkQualityList.value)
|
||||
return;
|
||||
const isRemoteUser = userId !== localUserInfoExcludeVolume.value.userId;
|
||||
if (!TUICallKit_src_TUICallService_CallService_index.TUIGlobal.isWeChat && isRemoteUser)
|
||||
return;
|
||||
const targetNetwork = netWorkQualityList.value.find((item) => item.userId === userId);
|
||||
return targetNetwork && (targetNetwork == null ? void 0 : targetNetwork.quality) >= 4;
|
||||
}
|
||||
common_vendor.watch([remoteUserListExcludeVolume, callType], () => {
|
||||
var _a, _b;
|
||||
if ((_b = (_a = remoteUserListExcludeVolume.value) == null ? void 0 : _a[0]) == null ? void 0 : _b.isEnter) {
|
||||
bigWindow.value = "remote";
|
||||
}
|
||||
if (callType.value === TUICallKit_src_TUICallService_const_call.CallMediaType.AUDIO) {
|
||||
showSmallWindow.value = false;
|
||||
} else {
|
||||
showSmallWindow.value = true;
|
||||
}
|
||||
});
|
||||
const groupMediaContainerClassName = common_vendor.computed(() => TUICallKit_src_Components_components_base_util_classNames.classNames([
|
||||
"groupcall-media-container",
|
||||
{
|
||||
mobile: !TUICallKit_src_TUICallService_CallService_index.TUIGlobal.isPC,
|
||||
pc: TUICallKit_src_TUICallService_CallService_index.TUIGlobal.isPC,
|
||||
"two-layout": streamLength.value === 2 && focus.value === null,
|
||||
float: isFloatWindow.value
|
||||
}
|
||||
]));
|
||||
const isPusherLoading = common_vendor.computed(() => {
|
||||
if (callStatus.value === TUICallKit_src_TUICallService_const_call.CallStatus.CALLING) {
|
||||
if (callType.value === TUICallKit_src_TUICallService_const_call.CallMediaType.AUDIO && !localUserInfoExcludeVolume.value.isAudioAvailable || callType.value === TUICallKit_src_TUICallService_const_call.CallMediaType.VIDEO && !localUserInfoExcludeVolume.value.isVideoAvailable) {
|
||||
return true;
|
||||
}
|
||||
}
|
||||
return false;
|
||||
});
|
||||
return (_ctx, _cache) => {
|
||||
return common_vendor.e({
|
||||
a: common_vendor.p({
|
||||
["user-id"]: common_vendor.unref(localUserInfoExcludeVolume).userId,
|
||||
username: common_vendor.unref(localUserInfoExcludeVolume).displayUserInfo,
|
||||
avatar: common_vendor.unref(localUserInfoExcludeVolume).avatar,
|
||||
["is-video-available"]: common_vendor.unref(localUserInfoExcludeVolume).isVideoAvailable
|
||||
}),
|
||||
b: common_vendor.unref(isPusherLoading)
|
||||
}, common_vendor.unref(isPusherLoading) ? {} : {}, {
|
||||
c: !common_vendor.unref(isFloatWindow)
|
||||
}, !common_vendor.unref(isFloatWindow) ? {
|
||||
d: common_vendor.p({
|
||||
["is-self"]: true,
|
||||
["show-nick-name"]: common_vendor.unref(showNickName),
|
||||
showSwitchCameraButton: common_vendor.unref(showSwitchCameraButton),
|
||||
showVirtualBackgroundButton: common_vendor.unref(showVirtualBackgroundButton),
|
||||
showNetWorkStatus: isShowNetWork(common_vendor.unref(localUserInfoExcludeVolume).userId),
|
||||
nickName: common_vendor.unref(localUserInfoExcludeVolume).displayUserInfo,
|
||||
isMuted: !common_vendor.unref(localUserInfoExcludeVolume).isAudioAvailable,
|
||||
volume: common_vendor.unref(volumeMap) && common_vendor.unref(volumeMap)[common_vendor.unref(localUserInfoExcludeVolume).domId]
|
||||
})
|
||||
} : {}, {
|
||||
e: common_vendor.p({
|
||||
domId: common_vendor.unref(localUserInfoExcludeVolume).domId,
|
||||
["show-audio-stream"]: !common_vendor.unref(localUserInfoExcludeVolume).isVideoAvailable,
|
||||
show: common_vendor.unref(visibleStreamIdList).includes(common_vendor.unref(localUserInfoExcludeVolume).domId) && common_vendor.unref(showStream)
|
||||
}),
|
||||
f: common_vendor.unref(localUserInfoExcludeVolume).userId,
|
||||
g: common_vendor.p({
|
||||
index: 0
|
||||
}),
|
||||
h: common_vendor.f(common_vendor.unref(remoteUserListExcludeVolume), (remoteStreamItem, index, i0) => {
|
||||
return common_vendor.e({
|
||||
a: "0101734e-10-" + i0 + "," + ("0101734e-9-" + i0),
|
||||
b: common_vendor.p({
|
||||
["user-id"]: remoteStreamItem.userId,
|
||||
username: remoteStreamItem.displayUserInfo,
|
||||
avatar: remoteStreamItem.avatar
|
||||
}),
|
||||
c: !remoteStreamItem.isEnter
|
||||
}, !remoteStreamItem.isEnter ? {
|
||||
d: "0101734e-11-" + i0 + "," + ("0101734e-9-" + i0)
|
||||
} : {}, !common_vendor.unref(isFloatWindow) ? {
|
||||
e: "0101734e-12-" + i0 + "," + ("0101734e-9-" + i0),
|
||||
f: common_vendor.p({
|
||||
["show-nick-name"]: common_vendor.unref(TUICallKit_src_TUICallService_CallService_index.TUIGlobal).isPC || String(common_vendor.unref(focus)) === String(index + 1),
|
||||
["show-control-button"]: false,
|
||||
showNetWorkStatus: isShowNetWork(remoteStreamItem.userId),
|
||||
nickName: remoteStreamItem.displayUserInfo,
|
||||
["is-muted"]: isMute(remoteStreamItem),
|
||||
volume: common_vendor.unref(volumeMap) && common_vendor.unref(volumeMap)[remoteStreamItem.domId]
|
||||
})
|
||||
} : {}, {
|
||||
g: "0101734e-9-" + i0 + "," + ("0101734e-8-" + i0),
|
||||
h: common_vendor.p({
|
||||
domId: remoteStreamItem.domId,
|
||||
["show-audio-stream"]: isShowAudioStream(remoteStreamItem),
|
||||
show: common_vendor.unref(visibleStreamIdList).includes(remoteStreamItem.domId) && common_vendor.unref(showStream)
|
||||
}),
|
||||
i: remoteStreamItem.userId,
|
||||
j: "0101734e-8-" + i0 + ",0101734e-2",
|
||||
k: common_vendor.p({
|
||||
index: index + 1
|
||||
})
|
||||
});
|
||||
}),
|
||||
i: !common_vendor.unref(isFloatWindow),
|
||||
j: common_vendor.o(changeFocus),
|
||||
k: common_vendor.p({
|
||||
unit: common_vendor.unref(unit),
|
||||
["enable-focus"]: enableFocus,
|
||||
focus: common_vendor.unref(focus),
|
||||
length: common_vendor.unref(streamLength),
|
||||
layout: common_vendor.unref(layout)
|
||||
}),
|
||||
l: common_vendor.n(common_vendor.unref(groupMediaContainerClassName)),
|
||||
m: common_vendor.s(common_vendor.unref(mediaContainerStyle)),
|
||||
n: common_vendor.p({
|
||||
id: "source",
|
||||
disabled: !common_vendor.unref(isFloatWindow),
|
||||
source: "#source",
|
||||
to: "body"
|
||||
})
|
||||
});
|
||||
};
|
||||
}
|
||||
});
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-0101734e"]]);
|
||||
wx.createComponent(Component);
|
||||
//# sourceMappingURL=../../../../../../../.sourcemap/mp-weixin/TUICallKit/src/Components/components/GroupCall/MediaContainer/MediaContainer.js.map
|
||||
+14
@@ -0,0 +1,14 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"pusher": "../../common/Pusher/Pusher",
|
||||
"player": "../../common/Player/Player",
|
||||
"grid": "../../base/Grid/Grid",
|
||||
"grid-item": "../../base/Grid/GridItem/GridItem",
|
||||
"audio-stream": "../../common/AudioStream/AudioStream",
|
||||
"t-k-stream-info": "../../common/TKStreamInfo/TKStreamInfo",
|
||||
"float-window": "../../common/FloatWindow/FloatWindow",
|
||||
"portal": "../../base/Portal/Portal",
|
||||
"stream-loading": "./StreamLoading/StreamLoading"
|
||||
}
|
||||
}
|
||||
+1
@@ -0,0 +1 @@
|
||||
<portal wx:if="{{n}}" class="data-v-0101734e" u-s="{{['d']}}" id="source" u-i="0101734e-0" bind:__l="__l" u-p="{{n}}"><float-window class="data-v-0101734e" u-s="{{['d']}}" u-i="0101734e-1,0101734e-0" bind:__l="__l"><view class="{{['data-v-0101734e', l]}}" style="{{m}}"><grid wx:if="{{k}}" class="data-v-0101734e" u-s="{{['d']}}" bindtoggle="{{j}}" u-i="0101734e-2,0101734e-1" bind:__l="__l" u-p="{{k}}"><grid-item wx:if="{{g}}" class="data-v-0101734e" u-s="{{['d']}}" key="{{f}}" u-i="0101734e-3,0101734e-2" bind:__l="__l" u-p="{{g}}"><pusher wx:if="{{e}}" class="data-v-0101734e" u-s="{{['audio-stream','loading','stream-info']}}" u-i="0101734e-4,0101734e-3" bind:__l="__l" u-p="{{e}}"><audio-stream class="data-v-0101734e" u-i="0101734e-5,0101734e-4" bind:__l="__l" u-p="{{a}}" slot="audio-stream"/><view slot="loading"><stream-loading wx:if="{{b}}" class="data-v-0101734e" u-i="0101734e-6,0101734e-4" bind:__l="__l"/></view><view slot="stream-info"><t-k-stream-info wx:if="{{c}}" class="data-v-0101734e" u-i="0101734e-7,0101734e-4" bind:__l="__l" u-p="{{d}}"/></view></pusher></grid-item><grid-item wx:for="{{h}}" wx:for-item="remoteStreamItem" wx:key="i" class="data-v-0101734e" u-s="{{['d']}}" u-i="{{remoteStreamItem.j}}" bind:__l="__l" u-p="{{remoteStreamItem.k}}"><player wx:if="{{remoteStreamItem.h}}" class="data-v-0101734e" u-s="{{['audio-stream','loading','stream-info']}}" u-i="{{remoteStreamItem.g}}" bind:__l="__l" u-p="{{remoteStreamItem.h}}"><audio-stream class="data-v-0101734e" u-i="{{remoteStreamItem.a}}" bind:__l="__l" u-p="{{remoteStreamItem.b}}" slot="audio-stream"/><view slot="loading"><stream-loading wx:if="{{remoteStreamItem.c}}" class="data-v-0101734e" u-i="{{remoteStreamItem.d}}" bind:__l="__l"/></view><view slot="stream-info"><t-k-stream-info wx:if="{{i}}" class="data-v-0101734e" u-i="{{remoteStreamItem.e}}" bind:__l="__l" u-p="{{remoteStreamItem.f}}"/></view></player></grid-item></grid></view></float-window></portal>
|
||||
+58
@@ -0,0 +1,58 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.groupcall-media-container.data-v-0101734e {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
}
|
||||
.groupcall-media-container.pc.data-v-0101734e {
|
||||
border-radius: 12px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.groupcall-media-container.pc.two-layout.data-v-0101734e {
|
||||
margin-top: 20%;
|
||||
}
|
||||
.groupcall-media-container.pc .tk-toggle-window-item--small.data-v-0101734e {
|
||||
top: 2%;
|
||||
left: 2%;
|
||||
width: 22%;
|
||||
height: 21%;
|
||||
border-radius: 12px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.groupcall-media-container.mobile.data-v-0101734e {
|
||||
margin-top: 5.5vh;
|
||||
}
|
||||
.groupcall-media-container.mobile.float.data-v-0101734e {
|
||||
margin-top: 0;
|
||||
}
|
||||
.groupcall-media-container.mobile.two-layout.data-v-0101734e {
|
||||
margin-top: 15vh;
|
||||
}
|
||||
.groupcall-media-container.mobile.two-layout.float.data-v-0101734e {
|
||||
margin-top: 0;
|
||||
}
|
||||
+24
@@ -0,0 +1,24 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../../../../common/vendor.js");
|
||||
if (!Math) {
|
||||
Loading();
|
||||
}
|
||||
const Loading = () => "../../../base/Loading/Loading.js";
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
__name: "StreamLoading",
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => {
|
||||
return {
|
||||
a: common_vendor.p({
|
||||
mode: "dot",
|
||||
color: "#FFF",
|
||||
loadingWidth: "50px",
|
||||
loadingHeight: "50px"
|
||||
})
|
||||
};
|
||||
};
|
||||
}
|
||||
});
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-2a6a6e7b"]]);
|
||||
wx.createComponent(Component);
|
||||
//# sourceMappingURL=../../../../../../../../.sourcemap/mp-weixin/TUICallKit/src/Components/components/GroupCall/MediaContainer/StreamLoading/StreamLoading.js.map
|
||||
+6
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"loading": "../../../base/Loading/Loading"
|
||||
}
|
||||
}
|
||||
+1
@@ -0,0 +1 @@
|
||||
<view class="stream-loading-container data-v-2a6a6e7b"><loading wx:if="{{a}}" class="data-v-2a6a6e7b" u-i="2a6a6e7b-0" bind:__l="__l" u-p="{{a}}"/></view>
|
||||
+10
@@ -0,0 +1,10 @@
|
||||
|
||||
.stream-loading-container.data-v-2a6a6e7b {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
+146
@@ -0,0 +1,146 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../../../common/vendor.js");
|
||||
require("../../../../TUICallService/index.js");
|
||||
const TUICallKit_src_Components_hooks_useCallInfoContext = require("../../../hooks/useCallInfoContext.js");
|
||||
const TUICallKit_src_Components_hooks_useGetVolumeMap = require("../../../hooks/useGetVolumeMap.js");
|
||||
const TUICallKit_src_TUICallService_const_call = require("../../../../TUICallService/const/call.js");
|
||||
const TUICallKit_src_Components_hooks_usePlayer = require("../../../hooks/usePlayer.js");
|
||||
const TUICallKit_src_Components_hooks_useUserInfoContextExcludeVolume = require("../../../hooks/useUserInfoContextExcludeVolume.js");
|
||||
const TUICallKit_src_Components_hooks_useFloatWindowContext = require("../../../hooks/useFloatWindowContext.js");
|
||||
require("../../../util/stringToPath.js");
|
||||
require("../../../../TUICallService/utils/env.js");
|
||||
const TUICallKit_src_Components_components_SingleCall_hooks_useGetLargeViewName = require("../hooks/useGetLargeViewName.js");
|
||||
const TUICallKit_src_Components_components_base_util_classNames = require("../../base/util/classNames.js");
|
||||
require("../../base/util/checkEnv.js");
|
||||
const TUICallKit_src_TUICallService_CallService_index = require("../../../../TUICallService/CallService/index.js");
|
||||
if (!Math) {
|
||||
(AudioStream + TKStreamInfo + Pusher + ToggleWindowItem + Player + ToggleWindow + FloatWindow + Portal)();
|
||||
}
|
||||
const ToggleWindow = () => "../../base/ToggleWindow/ToggleWindow.js";
|
||||
const Portal = () => "../../base/Portal/Portal.js";
|
||||
const ToggleWindowItem = () => "../../base/ToggleWindow/ToggleWindowItem/ToggleWindowItem.js";
|
||||
const TKStreamInfo = () => "../../common/TKStreamInfo/TKStreamInfo.js";
|
||||
const Pusher = () => "../../common/Pusher/Pusher.js";
|
||||
const Player = () => "../../common/Player/Player.js";
|
||||
const AudioStream = () => "../../common/AudioStream/AudioStream.js";
|
||||
const FloatWindow = () => "../../common/FloatWindow/FloatWindow.js";
|
||||
const __default__ = {
|
||||
options: {
|
||||
virtualHost: true
|
||||
}
|
||||
};
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
...__default__,
|
||||
__name: "MediaContainer",
|
||||
setup(__props) {
|
||||
const largeViewName = TUICallKit_src_Components_components_SingleCall_hooks_useGetLargeViewName.useGetLargeViewName();
|
||||
const showSmallWindow = common_vendor.ref(true);
|
||||
const { isFloatWindow } = common_vendor.toRefs(TUICallKit_src_Components_hooks_useFloatWindowContext.useFloatWindowContext());
|
||||
const { localUserInfoExcludeVolume, remoteUserListExcludeVolume } = common_vendor.toRefs(TUICallKit_src_Components_hooks_useUserInfoContextExcludeVolume.useUserInfoExcludeVolumeContext());
|
||||
const volumeMap = TUICallKit_src_Components_hooks_useGetVolumeMap.useGetVolumeMap();
|
||||
const { callType, callStatus } = common_vendor.toRefs(TUICallKit_src_Components_hooks_useCallInfoContext.useCallInfoContext());
|
||||
TUICallKit_src_Components_hooks_usePlayer.usePlayer();
|
||||
const isPusherVideoAvailable = common_vendor.computed(() => {
|
||||
var _a, _b;
|
||||
return (_b = (_a = remoteUserListExcludeVolume.value) == null ? void 0 : _a[0]) == null ? void 0 : _b.isVideoAvailable;
|
||||
});
|
||||
const playerDomId = common_vendor.computed(() => {
|
||||
var _a, _b;
|
||||
return (_b = (_a = remoteUserListExcludeVolume.value) == null ? void 0 : _a[0]) == null ? void 0 : _b.domId;
|
||||
});
|
||||
const remoteStreamVolume = common_vendor.computed(() => {
|
||||
var _a, _b, _c;
|
||||
return (_c = volumeMap.value) == null ? void 0 : _c[(_b = (_a = remoteUserListExcludeVolume.value) == null ? void 0 : _a[0]) == null ? void 0 : _b.domId];
|
||||
});
|
||||
common_vendor.watch([callType, callStatus], () => {
|
||||
if (callType.value === TUICallKit_src_TUICallService_const_call.CallMediaType.AUDIO || callStatus.value === TUICallKit_src_TUICallService_const_call.CallStatus.CALLING) {
|
||||
showSmallWindow.value = false;
|
||||
} else {
|
||||
showSmallWindow.value = true;
|
||||
}
|
||||
}, {
|
||||
immediate: true
|
||||
});
|
||||
const singleMediaContainerClassName = common_vendor.computed(() => TUICallKit_src_Components_components_base_util_classNames.classNames([
|
||||
"singlecall-media-container",
|
||||
{
|
||||
mobile: !TUICallKit_src_TUICallService_CallService_index.TUIGlobal.isPC,
|
||||
pc: TUICallKit_src_TUICallService_CallService_index.TUIGlobal.isPC,
|
||||
float: isFloatWindow.value
|
||||
}
|
||||
]));
|
||||
function handleToggle(value) {
|
||||
largeViewName.value = value;
|
||||
}
|
||||
return (_ctx, _cache) => {
|
||||
return common_vendor.e({
|
||||
a: common_vendor.p({
|
||||
userId: common_vendor.unref(localUserInfoExcludeVolume).userId,
|
||||
username: common_vendor.unref(localUserInfoExcludeVolume).displayUserInfo,
|
||||
avatar: common_vendor.unref(localUserInfoExcludeVolume).avatar,
|
||||
["is-video-available"]: common_vendor.unref(localUserInfoExcludeVolume).isVideoAvailable,
|
||||
["is-small-window"]: !(common_vendor.unref(largeViewName) === common_vendor.unref(TUICallKit_src_TUICallService_const_call.ViewName).LOCAL),
|
||||
["is-muted"]: !common_vendor.unref(localUserInfoExcludeVolume).isAudioAvailable,
|
||||
volume: common_vendor.unref(volumeMap) && common_vendor.unref(volumeMap)[common_vendor.unref(localUserInfoExcludeVolume).domId]
|
||||
}),
|
||||
b: common_vendor.unref(callType) === common_vendor.unref(TUICallKit_src_TUICallService_const_call.CallMediaType).VIDEO
|
||||
}, common_vendor.unref(callType) === common_vendor.unref(TUICallKit_src_TUICallService_const_call.CallMediaType).VIDEO ? {
|
||||
c: common_vendor.p({
|
||||
["nick-name"]: common_vendor.unref(localUserInfoExcludeVolume).displayUserInfo,
|
||||
["is-self"]: true,
|
||||
["is-muted"]: !common_vendor.unref(localUserInfoExcludeVolume).isAudioAvailable,
|
||||
volume: common_vendor.unref(volumeMap) && common_vendor.unref(volumeMap)[common_vendor.unref(localUserInfoExcludeVolume).domId]
|
||||
})
|
||||
} : {}, {
|
||||
d: common_vendor.p({
|
||||
domId: common_vendor.unref(localUserInfoExcludeVolume).domId,
|
||||
["show-audio-stream"]: !common_vendor.unref(localUserInfoExcludeVolume).isVideoAvailable
|
||||
}),
|
||||
e: common_vendor.unref(TUICallKit_src_TUICallService_const_call.ViewName).LOCAL,
|
||||
f: common_vendor.p({
|
||||
value: common_vendor.unref(TUICallKit_src_TUICallService_const_call.ViewName).LOCAL
|
||||
}),
|
||||
g: common_vendor.p({
|
||||
userId: common_vendor.unref(remoteUserListExcludeVolume)[0] && common_vendor.unref(remoteUserListExcludeVolume)[0].userId,
|
||||
username: common_vendor.unref(remoteUserListExcludeVolume)[0] && common_vendor.unref(remoteUserListExcludeVolume)[0].displayUserInfo,
|
||||
avatar: common_vendor.unref(remoteUserListExcludeVolume)[0] && common_vendor.unref(remoteUserListExcludeVolume)[0].avatar,
|
||||
["is-video-available"]: common_vendor.unref(isPusherVideoAvailable),
|
||||
["is-small-window"]: !(common_vendor.unref(largeViewName) === common_vendor.unref(TUICallKit_src_TUICallService_const_call.ViewName).REMOTE),
|
||||
["is-muted"]: common_vendor.unref(remoteUserListExcludeVolume)[0] && !common_vendor.unref(remoteUserListExcludeVolume)[0].isAudioAvailable,
|
||||
volume: common_vendor.unref(remoteStreamVolume)
|
||||
}),
|
||||
h: common_vendor.unref(callType) === common_vendor.unref(TUICallKit_src_TUICallService_const_call.CallMediaType).VIDEO
|
||||
}, common_vendor.unref(callType) === common_vendor.unref(TUICallKit_src_TUICallService_const_call.CallMediaType).VIDEO ? {
|
||||
i: common_vendor.p({
|
||||
["nick-name"]: common_vendor.unref(remoteUserListExcludeVolume)[0] && common_vendor.unref(remoteUserListExcludeVolume)[0].displayUserInfo,
|
||||
["is-muted"]: common_vendor.unref(remoteUserListExcludeVolume)[0] && !common_vendor.unref(remoteUserListExcludeVolume)[0].isAudioAvailable,
|
||||
volume: common_vendor.unref(remoteStreamVolume)
|
||||
})
|
||||
} : {}, {
|
||||
j: common_vendor.p({
|
||||
["dom-id"]: common_vendor.unref(playerDomId),
|
||||
["show-audio-stream"]: !common_vendor.unref(isPusherVideoAvailable)
|
||||
}),
|
||||
k: common_vendor.unref(TUICallKit_src_TUICallService_const_call.ViewName).REMOTE,
|
||||
l: common_vendor.p({
|
||||
value: common_vendor.unref(TUICallKit_src_TUICallService_const_call.ViewName).REMOTE
|
||||
}),
|
||||
m: common_vendor.o(handleToggle),
|
||||
n: common_vendor.p({
|
||||
["big-window"]: common_vendor.unref(largeViewName),
|
||||
["show-small-window"]: common_vendor.unref(showSmallWindow)
|
||||
}),
|
||||
o: common_vendor.n(common_vendor.unref(singleMediaContainerClassName)),
|
||||
p: common_vendor.p({
|
||||
id: "source",
|
||||
disabled: !common_vendor.unref(isFloatWindow),
|
||||
source: "#source",
|
||||
to: "body"
|
||||
})
|
||||
});
|
||||
};
|
||||
}
|
||||
});
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-0a2abaee"]]);
|
||||
wx.createComponent(Component);
|
||||
//# sourceMappingURL=../../../../../../../.sourcemap/mp-weixin/TUICallKit/src/Components/components/SingleCall/MediaContainer/MediaContainer.js.map
|
||||
+13
@@ -0,0 +1,13 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"toggle-window": "../../base/ToggleWindow/ToggleWindow",
|
||||
"portal": "../../base/Portal/Portal",
|
||||
"toggle-window-item": "../../base/ToggleWindow/ToggleWindowItem/ToggleWindowItem",
|
||||
"t-k-stream-info": "../../common/TKStreamInfo/TKStreamInfo",
|
||||
"pusher": "../../common/Pusher/Pusher",
|
||||
"player": "../../common/Player/Player",
|
||||
"audio-stream": "../../common/AudioStream/AudioStream",
|
||||
"float-window": "../../common/FloatWindow/FloatWindow"
|
||||
}
|
||||
}
|
||||
+1
@@ -0,0 +1 @@
|
||||
<portal wx:if="{{p}}" class="data-v-0a2abaee" u-s="{{['d']}}" id="source" u-i="0a2abaee-0" bind:__l="__l" u-p="{{p}}"><float-window class="data-v-0a2abaee" u-s="{{['d']}}" u-i="0a2abaee-1,0a2abaee-0" bind:__l="__l"><view class="{{['data-v-0a2abaee', o]}}"><toggle-window wx:if="{{n}}" class="data-v-0a2abaee" u-s="{{['d']}}" bindtoggle="{{m}}" u-i="0a2abaee-2,0a2abaee-1" bind:__l="__l" u-p="{{n}}"><toggle-window-item wx:if="{{f}}" class="data-v-0a2abaee" u-s="{{['d']}}" key="{{e}}" u-i="0a2abaee-3,0a2abaee-2" bind:__l="__l" u-p="{{f}}"><pusher wx:if="{{d}}" class="data-v-0a2abaee" u-s="{{['audio-stream','stream-info']}}" u-i="0a2abaee-4,0a2abaee-3" bind:__l="__l" u-p="{{d}}"><audio-stream class="data-v-0a2abaee" u-i="0a2abaee-5,0a2abaee-4" bind:__l="__l" u-p="{{a}}" slot="audio-stream"/><view slot="stream-info"><t-k-stream-info wx:if="{{b}}" class="data-v-0a2abaee" u-i="0a2abaee-6,0a2abaee-4" bind:__l="__l" u-p="{{c}}"/></view></pusher></toggle-window-item><toggle-window-item wx:if="{{l}}" class="data-v-0a2abaee" u-s="{{['d']}}" key="{{k}}" u-i="0a2abaee-7,0a2abaee-2" bind:__l="__l" u-p="{{l}}"><player wx:if="{{j}}" class="data-v-0a2abaee" u-s="{{['audio-stream','stream-info']}}" u-i="0a2abaee-8,0a2abaee-7" bind:__l="__l" u-p="{{j}}"><audio-stream class="data-v-0a2abaee" u-i="0a2abaee-9,0a2abaee-8" bind:__l="__l" u-p="{{g}}" slot="audio-stream"/><view slot="stream-info"><t-k-stream-info wx:if="{{h}}" class="data-v-0a2abaee" u-i="0a2abaee-10,0a2abaee-8" bind:__l="__l" u-p="{{i}}"/></view></player></toggle-window-item></toggle-window></view></float-window></portal>
|
||||
+46
@@ -0,0 +1,46 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.singlecall-media-container.data-v-0a2abaee {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
z-index: 0;
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.singlecall-media-container.float.data-v-0a2abaee {
|
||||
position: relative;
|
||||
}
|
||||
.singlecall-media-container.pc.data-v-0a2abaee {
|
||||
border-radius: 12px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.roggle-btn.data-v-0a2abaee {
|
||||
position: absolute;
|
||||
left: 100px;
|
||||
z-index: 100;
|
||||
top: 0;
|
||||
}
|
||||
Vendored
+29
@@ -0,0 +1,29 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../../common/vendor.js");
|
||||
require("../../../TUICallService/index.js");
|
||||
const TUICallKit_src_Components_hooks_useCallInfoContext = require("../../hooks/useCallInfoContext.js");
|
||||
const TUICallKit_src_TUICallService_const_call = require("../../../TUICallService/const/call.js");
|
||||
require("../../util/stringToPath.js");
|
||||
require("../../../TUICallService/utils/env.js");
|
||||
if (!Math) {
|
||||
(TopBar + Waiting + MediaContainer + Tip + ButtonPanel)();
|
||||
}
|
||||
const TopBar = () => "../common/TopBar/TopBar.js";
|
||||
const Waiting = () => "../common/Waiting/Waiting.js";
|
||||
const MediaContainer = () => "./MediaContainer/MediaContainer.js";
|
||||
const Tip = () => "../common/Tip/Tip.js";
|
||||
const ButtonPanel = () => "../common/ButtonPanel/ButtonPanel.js";
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
__name: "SingleCall",
|
||||
setup(__props) {
|
||||
const { callStatus } = common_vendor.toRefs(TUICallKit_src_Components_hooks_useCallInfoContext.useCallInfoContext());
|
||||
return (_ctx, _cache) => {
|
||||
return common_vendor.e({
|
||||
a: common_vendor.unref(callStatus) === common_vendor.unref(TUICallKit_src_TUICallService_const_call.CallStatus).CALLING
|
||||
}, common_vendor.unref(callStatus) === common_vendor.unref(TUICallKit_src_TUICallService_const_call.CallStatus).CALLING ? {} : {});
|
||||
};
|
||||
}
|
||||
});
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-82edee45"]]);
|
||||
wx.createComponent(Component);
|
||||
//# sourceMappingURL=../../../../../../.sourcemap/mp-weixin/TUICallKit/src/Components/components/SingleCall/SingleCall.js.map
|
||||
Vendored
+10
@@ -0,0 +1,10 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"top-bar": "../common/TopBar/TopBar",
|
||||
"waiting": "../common/Waiting/Waiting",
|
||||
"media-container": "./MediaContainer/MediaContainer",
|
||||
"tip": "../common/Tip/Tip",
|
||||
"button-panel": "../common/ButtonPanel/ButtonPanel"
|
||||
}
|
||||
}
|
||||
Vendored
+1
@@ -0,0 +1 @@
|
||||
<view class="singlecall-container data-v-82edee45"><top-bar class="data-v-82edee45" u-i="82edee45-0" bind:__l="__l"/><waiting wx:if="{{a}}" class="data-v-82edee45" u-i="82edee45-1" bind:__l="__l"/><media-container class="data-v-82edee45" u-i="82edee45-2" bind:__l="__l"/><tip class="data-v-82edee45" u-i="82edee45-3" bind:__l="__l"/><button-panel class="data-v-82edee45" u-i="82edee45-4" bind:__l="__l"/></view>
|
||||
Vendored
+28
@@ -0,0 +1,28 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.singlecall-container.data-v-82edee45 {
|
||||
height: 100%;
|
||||
}
|
||||
+35
@@ -0,0 +1,35 @@
|
||||
"use strict";
|
||||
const TUICallKit_src_TUICallService_const_call = require("../../../../TUICallService/const/call.js");
|
||||
const common_vendor = require("../../../../../../common/vendor.js");
|
||||
const TUICallKit_src_Components_hooks_useCallInfoContext = require("../../../hooks/useCallInfoContext.js");
|
||||
require("../../../../TUICallService/index.js");
|
||||
require("../../../util/stringToPath.js");
|
||||
const TUICallKit_src_Components_hooks_useUserInfoContextExcludeVolume = require("../../../hooks/useUserInfoContextExcludeVolume.js");
|
||||
const TUICallKit_src_Components_hooks_useCustomUI = require("../../../hooks/useCustomUI.js");
|
||||
require("../../../../TUICallService/utils/env.js");
|
||||
function useGetLargeViewName() {
|
||||
const config = TUICallKit_src_Components_hooks_useCustomUI.useCustomUI();
|
||||
const { callStatus } = common_vendor.toRefs(TUICallKit_src_Components_hooks_useCallInfoContext.useCallInfoContext());
|
||||
const largeViewName = common_vendor.ref(TUICallKit_src_TUICallService_const_call.ViewName.LOCAL);
|
||||
const { remoteUserListExcludeVolume } = common_vendor.toRefs(TUICallKit_src_Components_hooks_useUserInfoContextExcludeVolume.useUserInfoExcludeVolumeContext());
|
||||
common_vendor.watch([remoteUserListExcludeVolume, config, callStatus], () => {
|
||||
var _a, _b, _c, _d;
|
||||
if (callStatus.value === TUICallKit_src_TUICallService_const_call.CallStatus.CALLING) {
|
||||
return;
|
||||
}
|
||||
const c2cLayoutModes = [TUICallKit_src_TUICallService_const_call.LayoutMode.RemoteInLargeView, TUICallKit_src_TUICallService_const_call.LayoutMode.LocalInLargeView];
|
||||
const customLayoutMode = (_a = config.value) == null ? void 0 : _a.layoutMode;
|
||||
if (c2cLayoutModes.includes(customLayoutMode)) {
|
||||
largeViewName.value = (_b = config.value) == null ? void 0 : _b.layoutMode;
|
||||
return;
|
||||
}
|
||||
if ((_d = (_c = remoteUserListExcludeVolume.value) == null ? void 0 : _c[0]) == null ? void 0 : _d.isEnter) {
|
||||
largeViewName.value = TUICallKit_src_TUICallService_const_call.ViewName.REMOTE;
|
||||
}
|
||||
}, {
|
||||
immediate: true
|
||||
});
|
||||
return largeViewName;
|
||||
}
|
||||
exports.useGetLargeViewName = useGetLargeViewName;
|
||||
//# sourceMappingURL=../../../../../../../.sourcemap/mp-weixin/TUICallKit/src/Components/components/SingleCall/hooks/useGetLargeViewName.js.map
|
||||
+94
@@ -0,0 +1,94 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../../../common/vendor.js");
|
||||
const TUICallKit_src_Components_components_base_util_classNames = require("../util/classNames.js");
|
||||
require("../util/checkEnv.js");
|
||||
const TUICallKit_src_Components_components_base_constants_index = require("../constants/index.js");
|
||||
const Fit = ["fill", "contain", "cover"];
|
||||
const Shape = ["circle", "square"];
|
||||
const AvatarProps = {
|
||||
icon: {
|
||||
type: String
|
||||
},
|
||||
size: {
|
||||
type: [Number, String],
|
||||
default: 100
|
||||
},
|
||||
shape: {
|
||||
type: String,
|
||||
values: Shape,
|
||||
default: "square"
|
||||
},
|
||||
src: {
|
||||
type: String
|
||||
},
|
||||
defaultSrc: {
|
||||
type: String
|
||||
},
|
||||
text: {
|
||||
type: String
|
||||
},
|
||||
fit: {
|
||||
type: String,
|
||||
values: Fit,
|
||||
default: "cover"
|
||||
},
|
||||
customClass: {
|
||||
type: String
|
||||
}
|
||||
};
|
||||
if (!Math) {
|
||||
TKImage();
|
||||
}
|
||||
const TKImage = () => "../TKImage/TKImage.js";
|
||||
const __default__ = {
|
||||
options: {
|
||||
virtualHost: true
|
||||
}
|
||||
};
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
...__default__,
|
||||
__name: "Avatar",
|
||||
props: AvatarProps,
|
||||
setup(__props) {
|
||||
const props = __props;
|
||||
const avatarSrc = common_vendor.ref("");
|
||||
common_vendor.watch(() => props.src, () => {
|
||||
avatarSrc.value = props.src;
|
||||
}, {
|
||||
immediate: true
|
||||
});
|
||||
const classname = common_vendor.computed(() => TUICallKit_src_Components_components_base_util_classNames.classNames([
|
||||
`${TUICallKit_src_Components_components_base_constants_index.PREFIX}-avatar`,
|
||||
`${TUICallKit_src_Components_components_base_constants_index.PREFIX}-avatar--${props.shape}`,
|
||||
`${TUICallKit_src_Components_components_base_constants_index.PREFIX}-avatar--${props.size}`,
|
||||
props.customClass
|
||||
]));
|
||||
const width = common_vendor.computed(() => typeof props.size === "number" ? `${props.size}px` : props.size);
|
||||
const height = common_vendor.computed(() => typeof props.size === "number" ? `${props.size}px` : props.size);
|
||||
const avatarStyle = common_vendor.computed(() => ({ width: width.value, height: height.value }));
|
||||
function handleError(e) {
|
||||
common_vendor.index.__f__("error", "at TUICallKit/src/Components/components/base/Avatar/Avatar.vue:44", e);
|
||||
if (props.defaultSrc) {
|
||||
avatarSrc.value = props.defaultSrc;
|
||||
}
|
||||
}
|
||||
return (_ctx, _cache) => {
|
||||
return common_vendor.e({
|
||||
a: common_vendor.unref(avatarSrc)
|
||||
}, common_vendor.unref(avatarSrc) ? {
|
||||
b: common_vendor.o(handleError),
|
||||
c: common_vendor.p({
|
||||
fit: _ctx.fit,
|
||||
width: common_vendor.unref(width),
|
||||
height: common_vendor.unref(height),
|
||||
src: common_vendor.unref(avatarSrc)
|
||||
})
|
||||
} : {}, {
|
||||
d: common_vendor.n(common_vendor.unref(classname)),
|
||||
e: common_vendor.s(common_vendor.unref(avatarStyle))
|
||||
});
|
||||
};
|
||||
}
|
||||
});
|
||||
wx.createComponent(_sfc_main);
|
||||
//# sourceMappingURL=../../../../../../../.sourcemap/mp-weixin/TUICallKit/src/Components/components/base/Avatar/Avatar.js.map
|
||||
Vendored
+6
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"t-k-image": "../TKImage/TKImage"
|
||||
}
|
||||
}
|
||||
Vendored
+1
@@ -0,0 +1 @@
|
||||
<view class="{{d}}" style="{{e}}"><t-k-image wx:if="{{a}}" binderror="{{b}}" u-i="a4cc1486-0" bind:__l="__l" u-p="{{c}}"/><slot wx:else/></view>
|
||||
Vendored
+95
@@ -0,0 +1,95 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.tk-justify-start {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.tk-justify-center {
|
||||
justify-content: center;
|
||||
}
|
||||
.tk-justify-end {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.tk-justify-space-between {
|
||||
justify-content: space-between;
|
||||
}
|
||||
.tk-justify-space-around {
|
||||
justify-content: space-around;
|
||||
}
|
||||
.tk-justify-space-evenly {
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
.tk-align-center {
|
||||
align-items: center;
|
||||
}
|
||||
.tk-align-start {
|
||||
align-items: flex-start;
|
||||
}
|
||||
.tk-align-end {
|
||||
align-items: flex-end;
|
||||
}
|
||||
.tk-align-stretch {
|
||||
align-items: stretch;
|
||||
}
|
||||
.tk-align-baseline {
|
||||
align-items: baseline;
|
||||
}
|
||||
.tk-blur {
|
||||
backdrop-filter: blur(12px);
|
||||
-webkit-backdrop-filter: blur(12px);
|
||||
}
|
||||
.tk-round {
|
||||
border-radius: 20px;
|
||||
}
|
||||
.tk-circle {
|
||||
border-radius: 100%;
|
||||
}
|
||||
.tk-avatar {
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
color: #ffffff;
|
||||
background: #c0c4cc;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.tk-avatar.tk-avatar--square {
|
||||
border-radius: 4px;
|
||||
}
|
||||
.tk-avatar.tk-avatar--circle {
|
||||
border-radius: 100%;
|
||||
}
|
||||
.tk-avatar .tk-avatar_img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.tk-avatar .tk-avatar_image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
+131
@@ -0,0 +1,131 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../../../common/vendor.js");
|
||||
const TUICallKit_src_Components_components_base_util_classNames = require("../util/classNames.js");
|
||||
const TUICallKit_src_Components_components_base_util_checkEnv = require("../util/checkEnv.js");
|
||||
const TUICallKit_src_Components_components_base_constants_index = require("../constants/index.js");
|
||||
const Size = ["small", "middle", "large"];
|
||||
const Direction = ["row", "column"];
|
||||
const Shape = ["circle", "round"];
|
||||
const ButtonProps = {
|
||||
iconSrc: {
|
||||
type: String
|
||||
},
|
||||
iconSize: {
|
||||
type: Number
|
||||
},
|
||||
text: {
|
||||
type: String
|
||||
},
|
||||
loading: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
loadingColor: {
|
||||
type: String,
|
||||
default: "#fff"
|
||||
},
|
||||
loadingWidth: {
|
||||
type: String,
|
||||
default: "40px"
|
||||
},
|
||||
loadingHeight: {
|
||||
type: String,
|
||||
default: "40px"
|
||||
},
|
||||
size: {
|
||||
type: String,
|
||||
values: Size,
|
||||
default: "middle"
|
||||
},
|
||||
width: {
|
||||
type: String
|
||||
},
|
||||
height: {
|
||||
type: String
|
||||
},
|
||||
color: {
|
||||
type: String
|
||||
},
|
||||
direction: {
|
||||
type: String,
|
||||
values: Direction,
|
||||
default: "row"
|
||||
},
|
||||
shape: {
|
||||
type: String,
|
||||
values: Shape
|
||||
},
|
||||
buttonStyle: {
|
||||
type: Object
|
||||
},
|
||||
buttonTextStyle: {
|
||||
type: Object
|
||||
}
|
||||
};
|
||||
if (!Math) {
|
||||
(Loading + Icon)();
|
||||
}
|
||||
const Loading = () => "../Loading/Loading.js";
|
||||
const Icon = () => "../Icon/Icon.js";
|
||||
const __default__ = {
|
||||
options: {
|
||||
virtualHost: true
|
||||
}
|
||||
};
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
...__default__,
|
||||
__name: "Button",
|
||||
props: ButtonProps,
|
||||
emits: ["click"],
|
||||
setup(__props, { emit: __emit }) {
|
||||
const props = __props;
|
||||
const buttonTextClassName = `${TUICallKit_src_Components_components_base_constants_index.PREFIX}-button--content`;
|
||||
const style = common_vendor.computed(() => ({
|
||||
width: props.width,
|
||||
height: props.height,
|
||||
backgroundColor: props.color,
|
||||
flexDirection: props.direction,
|
||||
cursor: TUICallKit_src_Components_components_base_util_checkEnv.IS_PC ? "pointer" : "auto",
|
||||
...props.buttonStyle
|
||||
}));
|
||||
const buttonClassName = TUICallKit_src_Components_components_base_util_classNames.classNames([
|
||||
`${TUICallKit_src_Components_components_base_constants_index.PREFIX}-button`,
|
||||
{ [`${TUICallKit_src_Components_components_base_constants_index.PREFIX}-${props.shape}`]: props.shape },
|
||||
`${TUICallKit_src_Components_components_base_constants_index.PREFIX}-button--${props.size}`
|
||||
]);
|
||||
const emit = __emit;
|
||||
const handleClick = (event) => {
|
||||
!props.loading && emit("click", event);
|
||||
};
|
||||
return (_ctx, _cache) => {
|
||||
return common_vendor.e({
|
||||
a: _ctx.loading
|
||||
}, _ctx.loading ? {
|
||||
b: common_vendor.p({
|
||||
loadingWidth: _ctx.loadingWidth,
|
||||
loadingHeight: _ctx.loadingHeight,
|
||||
color: _ctx.loadingColor
|
||||
})
|
||||
} : {}, {
|
||||
c: _ctx.iconSrc && !_ctx.loading
|
||||
}, _ctx.iconSrc && !_ctx.loading ? {
|
||||
d: common_vendor.p({
|
||||
size: _ctx.iconSize,
|
||||
src: _ctx.iconSrc
|
||||
})
|
||||
} : {}, {
|
||||
e: _ctx.text
|
||||
}, _ctx.text ? {
|
||||
f: common_vendor.t(_ctx.text),
|
||||
g: common_vendor.s(_ctx.buttonTextStyle),
|
||||
h: common_vendor.n(buttonTextClassName)
|
||||
} : {}, {
|
||||
i: common_vendor.s(common_vendor.unref(style)),
|
||||
j: common_vendor.n(common_vendor.unref(buttonClassName)),
|
||||
k: common_vendor.o(handleClick)
|
||||
});
|
||||
};
|
||||
}
|
||||
});
|
||||
wx.createComponent(_sfc_main);
|
||||
//# sourceMappingURL=../../../../../../../.sourcemap/mp-weixin/TUICallKit/src/Components/components/base/Button/Button.js.map
|
||||
Vendored
+7
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"loading": "../Loading/Loading",
|
||||
"icon": "../Icon/Icon"
|
||||
}
|
||||
}
|
||||
Vendored
+1
@@ -0,0 +1 @@
|
||||
<view style="{{i}}" class="{{j}}" bindtap="{{k}}"><loading wx:if="{{a}}" u-i="3c7520c6-0" bind:__l="__l" u-p="{{b}}"/><icon wx:if="{{c}}" u-i="3c7520c6-1" bind:__l="__l" u-p="{{d}}"></icon><view wx:if="{{e}}" style="{{g}}" class="{{h}}">{{f}}</view></view>
|
||||
Vendored
+96
@@ -0,0 +1,96 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.tk-justify-start {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.tk-justify-center {
|
||||
justify-content: center;
|
||||
}
|
||||
.tk-justify-end {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.tk-justify-space-between {
|
||||
justify-content: space-between;
|
||||
}
|
||||
.tk-justify-space-around {
|
||||
justify-content: space-around;
|
||||
}
|
||||
.tk-justify-space-evenly {
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
.tk-align-center {
|
||||
align-items: center;
|
||||
}
|
||||
.tk-align-start {
|
||||
align-items: flex-start;
|
||||
}
|
||||
.tk-align-end {
|
||||
align-items: flex-end;
|
||||
}
|
||||
.tk-align-stretch {
|
||||
align-items: stretch;
|
||||
}
|
||||
.tk-align-baseline {
|
||||
align-items: baseline;
|
||||
}
|
||||
.tk-blur {
|
||||
backdrop-filter: blur(12px);
|
||||
-webkit-backdrop-filter: blur(12px);
|
||||
}
|
||||
.tk-round {
|
||||
border-radius: 20px;
|
||||
}
|
||||
.tk-circle {
|
||||
border-radius: 100%;
|
||||
}
|
||||
.tk-button {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.tk-button.tk-button--small {
|
||||
height: 24px;
|
||||
}
|
||||
.tk-button.tk-button--middle {
|
||||
height: 32px;
|
||||
}
|
||||
.tk-button.tk-button--large {
|
||||
height: 40px;
|
||||
}
|
||||
.tk-button .tk-button--content {
|
||||
color: #606266;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
}
|
||||
.tk-button.tk-circle.tk-button--small {
|
||||
width: 24px;
|
||||
}
|
||||
.tk-button.tk-circle.tk-button--default {
|
||||
width: 32px;
|
||||
}
|
||||
.tk-button.tk-circle.tk-button--large {
|
||||
width: 40px;
|
||||
}
|
||||
+39
@@ -0,0 +1,39 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../../../common/vendor.js");
|
||||
const Grid = require("../../../../../../Grid.js");
|
||||
const __default__ = {
|
||||
options: {
|
||||
virtualHost: true
|
||||
}
|
||||
};
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
...__default__,
|
||||
__name: "Grid",
|
||||
props: Grid.GridProps,
|
||||
emits: Grid.ChangeFocusEmits,
|
||||
setup(__props, { emit: __emit }) {
|
||||
const props = __props;
|
||||
const focus = common_vendor.ref(props.focus);
|
||||
const layout = common_vendor.ref(props.layout);
|
||||
const unit = common_vendor.ref(props.unit);
|
||||
const emit = __emit;
|
||||
function handleFocusChange(value) {
|
||||
emit("toggle", value);
|
||||
}
|
||||
common_vendor.watch(() => props.focus, () => focus.value = props.focus);
|
||||
common_vendor.watch(() => props.layout, () => layout.value = props.layout);
|
||||
common_vendor.watch(() => props.unit, () => unit.value = props.unit);
|
||||
common_vendor.provide(Grid.GridContextKey, {
|
||||
layout,
|
||||
enableFocus: props.enableFocus,
|
||||
handleFocusChange,
|
||||
focus,
|
||||
unit
|
||||
});
|
||||
return (_ctx, _cache) => {
|
||||
return {};
|
||||
};
|
||||
}
|
||||
});
|
||||
wx.createComponent(_sfc_main);
|
||||
//# sourceMappingURL=../../../../../../../.sourcemap/mp-weixin/TUICallKit/src/Components/components/base/Grid/Grid.js.map
|
||||
+4
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
+1
@@ -0,0 +1 @@
|
||||
<view style="{{'height:' + '100%'}}"><slot/></view>
|
||||
Vendored
+75
@@ -0,0 +1,75 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../../../../common/vendor.js");
|
||||
const Grid = require("../../../../../../../Grid.js");
|
||||
const TUICallKit_src_Components_components_base_constants_index = require("../../constants/index.js");
|
||||
const TUICallKit_src_Components_components_base_util_index = require("../../util/index.js");
|
||||
const TUICallKit_src_Components_components_base_util_checkEnv = require("../../util/checkEnv.js");
|
||||
const TUICallKit_src_Components_components_base_util_classNames = require("../../util/classNames.js");
|
||||
const __default__ = {
|
||||
options: {
|
||||
virtualHost: true
|
||||
}
|
||||
};
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
...__default__,
|
||||
__name: "GridItem",
|
||||
props: ["index", "height", "customStyle"],
|
||||
setup(__props) {
|
||||
const props = __props;
|
||||
const {
|
||||
layout,
|
||||
enableFocus,
|
||||
handleFocusChange,
|
||||
focus,
|
||||
unit
|
||||
} = common_vendor.inject(Grid.GridContextKey);
|
||||
const colWidth = 100 / 12;
|
||||
const rowHeight = colWidth;
|
||||
const style = common_vendor.ref({});
|
||||
const gridItemClassName = TUICallKit_src_Components_components_base_util_classNames.classNames([
|
||||
`${TUICallKit_src_Components_components_base_constants_index.PREFIX}-grid-item`,
|
||||
{
|
||||
pc: TUICallKit_src_Components_components_base_util_checkEnv.IS_PC,
|
||||
mobile: !TUICallKit_src_Components_components_base_util_checkEnv.IS_PC,
|
||||
h5: TUICallKit_src_Components_components_base_util_checkEnv.IS_H5
|
||||
}
|
||||
]);
|
||||
const handleClick = () => {
|
||||
const value = String(props.index) === String(focus.value) ? null : props.index;
|
||||
enableFocus && handleFocusChange(value);
|
||||
};
|
||||
const show = common_vendor.computed(() => !!TUICallKit_src_Components_components_base_util_index.findTarget(layout.value, { key: "i", value: props.index }));
|
||||
common_vendor.watchEffect(() => {
|
||||
const target = TUICallKit_src_Components_components_base_util_index.findTarget(layout.value, { key: "i", value: props.index });
|
||||
if (!target)
|
||||
return;
|
||||
const { x, y, w, h, customStyle, customProps } = target;
|
||||
style.value = {
|
||||
width: w * colWidth + unit.value,
|
||||
height: props.height || h * rowHeight + unit.value,
|
||||
left: x * colWidth + unit.value,
|
||||
top: y * rowHeight + unit.value,
|
||||
position: "absolute",
|
||||
visibility: (customProps == null ? void 0 : customProps.show) === false ? "hidden" : "",
|
||||
...props.customStyle,
|
||||
...customStyle
|
||||
};
|
||||
});
|
||||
common_vendor.onUnmounted(() => {
|
||||
if (String(props.index) === String(focus.value)) {
|
||||
enableFocus && handleFocusChange(null);
|
||||
}
|
||||
});
|
||||
return (_ctx, _cache) => {
|
||||
return common_vendor.e({
|
||||
a: common_vendor.unref(show)
|
||||
}, common_vendor.unref(show) ? {
|
||||
b: common_vendor.n(common_vendor.unref(gridItemClassName)),
|
||||
c: common_vendor.s(common_vendor.unref(style)),
|
||||
d: common_vendor.o(handleClick)
|
||||
} : {});
|
||||
};
|
||||
}
|
||||
});
|
||||
wx.createComponent(_sfc_main);
|
||||
//# sourceMappingURL=../../../../../../../../.sourcemap/mp-weixin/TUICallKit/src/Components/components/base/Grid/GridItem/GridItem.js.map
|
||||
+4
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
+1
@@ -0,0 +1 @@
|
||||
<view wx:if="{{a}}" class="{{b}}" style="{{c}}" bindtap="{{d}}"><slot/></view>
|
||||
+77
@@ -0,0 +1,77 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.tk-justify-start {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.tk-justify-center {
|
||||
justify-content: center;
|
||||
}
|
||||
.tk-justify-end {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.tk-justify-space-between {
|
||||
justify-content: space-between;
|
||||
}
|
||||
.tk-justify-space-around {
|
||||
justify-content: space-around;
|
||||
}
|
||||
.tk-justify-space-evenly {
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
.tk-align-center {
|
||||
align-items: center;
|
||||
}
|
||||
.tk-align-start {
|
||||
align-items: flex-start;
|
||||
}
|
||||
.tk-align-end {
|
||||
align-items: flex-end;
|
||||
}
|
||||
.tk-align-stretch {
|
||||
align-items: stretch;
|
||||
}
|
||||
.tk-align-baseline {
|
||||
align-items: baseline;
|
||||
}
|
||||
.tk-blur {
|
||||
backdrop-filter: blur(12px);
|
||||
-webkit-backdrop-filter: blur(12px);
|
||||
}
|
||||
.tk-round {
|
||||
border-radius: 20px;
|
||||
}
|
||||
.tk-circle {
|
||||
border-radius: 100%;
|
||||
}
|
||||
.tk-grid-item {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
.tk-grid-item.h5 {
|
||||
transition-property: width, height, left, top;
|
||||
transition-duration: 0.3s;
|
||||
transition-timing-function: ease-in;
|
||||
}
|
||||
+41
@@ -0,0 +1,41 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../../../common/vendor.js");
|
||||
const IconProps = {
|
||||
src: {
|
||||
type: String
|
||||
},
|
||||
size: {
|
||||
type: Number,
|
||||
default: 20
|
||||
}
|
||||
};
|
||||
if (!Math) {
|
||||
TKImage();
|
||||
}
|
||||
const TKImage = () => "../TKImage/TKImage.js";
|
||||
const __default__ = {
|
||||
options: {
|
||||
virtualHost: true
|
||||
}
|
||||
};
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
...__default__,
|
||||
__name: "Icon",
|
||||
props: IconProps,
|
||||
setup(__props) {
|
||||
const props = __props;
|
||||
const width = common_vendor.computed(() => `${props.size}px`);
|
||||
const height = common_vendor.computed(() => `${props.size}px`);
|
||||
return (_ctx, _cache) => {
|
||||
return {
|
||||
a: common_vendor.p({
|
||||
src: _ctx.src,
|
||||
width: common_vendor.unref(width),
|
||||
height: common_vendor.unref(height)
|
||||
})
|
||||
};
|
||||
};
|
||||
}
|
||||
});
|
||||
wx.createComponent(_sfc_main);
|
||||
//# sourceMappingURL=../../../../../../../.sourcemap/mp-weixin/TUICallKit/src/Components/components/base/Icon/Icon.js.map
|
||||
+6
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"t-k-image": "../TKImage/TKImage"
|
||||
}
|
||||
}
|
||||
+1
@@ -0,0 +1 @@
|
||||
<t-k-image wx:if="{{a}}" u-i="6303e23d-0" bind:__l="__l" u-p="{{a}}"></t-k-image>
|
||||
Vendored
+62
@@ -0,0 +1,62 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../../../../common/vendor.js");
|
||||
const TUICallKit_src_Components_components_base_util_classNames = require("../../util/classNames.js");
|
||||
require("../../util/checkEnv.js");
|
||||
const TUICallKit_src_Components_components_base_Layout_constant = require("../constant.js");
|
||||
const TUICallKit_src_Components_components_base_constants_index = require("../../constants/index.js");
|
||||
const ColJustify = ["start", "center", "end", "space-around", "space-between", "space-evenly"];
|
||||
const ColAlign = ["top", "middle", "bottom"];
|
||||
const colProps = {
|
||||
span: {
|
||||
type: Number,
|
||||
default: 24
|
||||
},
|
||||
justify: {
|
||||
type: String,
|
||||
values: ColJustify,
|
||||
default: "start"
|
||||
},
|
||||
align: {
|
||||
type: String,
|
||||
values: ColAlign,
|
||||
default: "middle"
|
||||
},
|
||||
offset: {
|
||||
type: Number,
|
||||
default: 0
|
||||
}
|
||||
};
|
||||
const __default__ = {
|
||||
options: {
|
||||
virtualHost: true
|
||||
}
|
||||
};
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
...__default__,
|
||||
__name: "Col",
|
||||
props: colProps,
|
||||
setup(__props) {
|
||||
const props = __props;
|
||||
const { gutter } = common_vendor.inject(TUICallKit_src_Components_components_base_Layout_constant.RowContextKey, { gutter: common_vendor.computed(() => 0) });
|
||||
const classname = TUICallKit_src_Components_components_base_util_classNames.classNames([
|
||||
`${TUICallKit_src_Components_components_base_constants_index.PREFIX}-col`,
|
||||
`${TUICallKit_src_Components_components_base_constants_index.PREFIX}-justify-${props.justify}`,
|
||||
`${TUICallKit_src_Components_components_base_constants_index.PREFIX}-align-${props.align}`
|
||||
]);
|
||||
const width = common_vendor.computed(() => `${props.span / 24 * 100}%`);
|
||||
const marginLeft = common_vendor.computed(() => `${props.offset / 24 * 100}%`);
|
||||
const paddingLeft = common_vendor.computed(() => `${gutter.value / 2}px`);
|
||||
const paddingRight = paddingLeft;
|
||||
return (_ctx, _cache) => {
|
||||
return {
|
||||
a: common_vendor.n(common_vendor.unref(classname)),
|
||||
b: common_vendor.unref(width),
|
||||
c: common_vendor.unref(marginLeft),
|
||||
d: common_vendor.unref(paddingLeft),
|
||||
e: common_vendor.unref(paddingRight)
|
||||
};
|
||||
};
|
||||
}
|
||||
});
|
||||
wx.createComponent(_sfc_main);
|
||||
//# sourceMappingURL=../../../../../../../../.sourcemap/mp-weixin/TUICallKit/src/Components/components/base/Layout/Col/Col.js.map
|
||||
Vendored
+4
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
Vendored
+1
@@ -0,0 +1 @@
|
||||
<view class="{{a}}" style="{{'width:' + b + ';' + ('margin-left:' + c) + ';' + ('padding-left:' + d) + ';' + ('padding-right:' + e)}}"><slot/></view>
|
||||
Vendored
+74
@@ -0,0 +1,74 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.tk-justify-start {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.tk-justify-center {
|
||||
justify-content: center;
|
||||
}
|
||||
.tk-justify-end {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.tk-justify-space-between {
|
||||
justify-content: space-between;
|
||||
}
|
||||
.tk-justify-space-around {
|
||||
justify-content: space-around;
|
||||
}
|
||||
.tk-justify-space-evenly {
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
.tk-align-center {
|
||||
align-items: center;
|
||||
}
|
||||
.tk-align-start {
|
||||
align-items: flex-start;
|
||||
}
|
||||
.tk-align-end {
|
||||
align-items: flex-end;
|
||||
}
|
||||
.tk-align-stretch {
|
||||
align-items: stretch;
|
||||
}
|
||||
.tk-align-baseline {
|
||||
align-items: baseline;
|
||||
}
|
||||
.tk-blur {
|
||||
backdrop-filter: blur(12px);
|
||||
-webkit-backdrop-filter: blur(12px);
|
||||
}
|
||||
.tk-round {
|
||||
border-radius: 20px;
|
||||
}
|
||||
.tk-circle {
|
||||
border-radius: 100%;
|
||||
}
|
||||
.tk-col {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
Vendored
+59
@@ -0,0 +1,59 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../../../../common/vendor.js");
|
||||
const TUICallKit_src_Components_components_base_util_classNames = require("../../util/classNames.js");
|
||||
require("../../util/checkEnv.js");
|
||||
const TUICallKit_src_Components_components_base_Layout_constant = require("../constant.js");
|
||||
const TUICallKit_src_Components_components_base_constants_index = require("../../constants/index.js");
|
||||
const RowJustify = ["start", "center", "end", "space-around", "space-between", "space-evenly"];
|
||||
const RowAlign = ["top", "middle", "bottom"];
|
||||
const rowProps = {
|
||||
gutter: {
|
||||
type: Number,
|
||||
default: 0
|
||||
},
|
||||
justify: {
|
||||
type: String,
|
||||
values: RowJustify,
|
||||
default: "start"
|
||||
},
|
||||
align: {
|
||||
type: String,
|
||||
values: RowAlign,
|
||||
default: "top"
|
||||
},
|
||||
customStyle: {
|
||||
type: Object,
|
||||
default: () => {
|
||||
}
|
||||
}
|
||||
};
|
||||
const __default__ = {
|
||||
options: {
|
||||
virtualHost: true
|
||||
}
|
||||
};
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
...__default__,
|
||||
__name: "Row",
|
||||
props: rowProps,
|
||||
setup(__props) {
|
||||
const props = __props;
|
||||
const gutter = common_vendor.computed(() => props.gutter);
|
||||
common_vendor.provide(TUICallKit_src_Components_components_base_Layout_constant.RowContextKey, {
|
||||
gutter
|
||||
});
|
||||
const classname = TUICallKit_src_Components_components_base_util_classNames.classNames([
|
||||
`${TUICallKit_src_Components_components_base_constants_index.PREFIX}-row`,
|
||||
`${TUICallKit_src_Components_components_base_constants_index.PREFIX}-justify-${props.justify}`,
|
||||
`${TUICallKit_src_Components_components_base_constants_index.PREFIX}-align-${props.align}`
|
||||
]);
|
||||
return (_ctx, _cache) => {
|
||||
return {
|
||||
a: common_vendor.n(common_vendor.unref(classname)),
|
||||
b: common_vendor.s(_ctx.customStyle)
|
||||
};
|
||||
};
|
||||
}
|
||||
});
|
||||
wx.createComponent(_sfc_main);
|
||||
//# sourceMappingURL=../../../../../../../../.sourcemap/mp-weixin/TUICallKit/src/Components/components/base/Layout/Row/Row.js.map
|
||||
Vendored
+4
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
Vendored
+1
@@ -0,0 +1 @@
|
||||
<view class="{{a}}" style="{{b}}"><slot/></view>
|
||||
Vendored
+75
@@ -0,0 +1,75 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.tk-justify-start {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.tk-justify-center {
|
||||
justify-content: center;
|
||||
}
|
||||
.tk-justify-end {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.tk-justify-space-between {
|
||||
justify-content: space-between;
|
||||
}
|
||||
.tk-justify-space-around {
|
||||
justify-content: space-around;
|
||||
}
|
||||
.tk-justify-space-evenly {
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
.tk-align-center {
|
||||
align-items: center;
|
||||
}
|
||||
.tk-align-start {
|
||||
align-items: flex-start;
|
||||
}
|
||||
.tk-align-end {
|
||||
align-items: flex-end;
|
||||
}
|
||||
.tk-align-stretch {
|
||||
align-items: stretch;
|
||||
}
|
||||
.tk-align-baseline {
|
||||
align-items: baseline;
|
||||
}
|
||||
.tk-blur {
|
||||
backdrop-filter: blur(12px);
|
||||
-webkit-backdrop-filter: blur(12px);
|
||||
}
|
||||
.tk-round {
|
||||
border-radius: 20px;
|
||||
}
|
||||
.tk-circle {
|
||||
border-radius: 100%;
|
||||
}
|
||||
.tk-row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
}
|
||||
Vendored
+4
@@ -0,0 +1,4 @@
|
||||
"use strict";
|
||||
const RowContextKey = "RowContextKey";
|
||||
exports.RowContextKey = RowContextKey;
|
||||
//# sourceMappingURL=../../../../../../../.sourcemap/mp-weixin/TUICallKit/src/Components/components/base/Layout/constant.js.map
|
||||
Vendored
+48
@@ -0,0 +1,48 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../../../../common/vendor.js");
|
||||
const TUICallKit_src_Components_components_base_constants_index = require("../../constants/index.js");
|
||||
const LoadingCircleProps = {
|
||||
width: {
|
||||
type: String,
|
||||
default: "40px"
|
||||
},
|
||||
height: {
|
||||
type: String,
|
||||
default: "40px"
|
||||
},
|
||||
color: {
|
||||
type: String
|
||||
}
|
||||
};
|
||||
const __default__ = {
|
||||
options: {
|
||||
virtualHost: true
|
||||
}
|
||||
};
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
...__default__,
|
||||
__name: "Circle",
|
||||
props: LoadingCircleProps,
|
||||
setup(__props) {
|
||||
const props = __props;
|
||||
const circleContainerStyle = common_vendor.computed(() => {
|
||||
const style = {
|
||||
width: props.width,
|
||||
height: props.height
|
||||
};
|
||||
if (props.color) {
|
||||
style["--tk-loading-primary-color"] = props.color;
|
||||
}
|
||||
return style;
|
||||
});
|
||||
const circleContainerClassName = `${TUICallKit_src_Components_components_base_constants_index.PREFIX}-loading_circle-container`;
|
||||
return (_ctx, _cache) => {
|
||||
return {
|
||||
a: common_vendor.n(circleContainerClassName),
|
||||
b: common_vendor.s(common_vendor.unref(circleContainerStyle))
|
||||
};
|
||||
};
|
||||
}
|
||||
});
|
||||
wx.createComponent(_sfc_main);
|
||||
//# sourceMappingURL=../../../../../../../../.sourcemap/mp-weixin/TUICallKit/src/Components/components/base/Loading/Circle/Circle.js.map
|
||||
wx/unpackage/dist/dev/mp-weixin/TUICallKit/src/Components/components/base/Loading/Circle/Circle.json
Vendored
+4
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
wx/unpackage/dist/dev/mp-weixin/TUICallKit/src/Components/components/base/Loading/Circle/Circle.wxml
Vendored
+1
@@ -0,0 +1 @@
|
||||
<view class="{{a}}" style="{{b}}"></view>
|
||||
wx/unpackage/dist/dev/mp-weixin/TUICallKit/src/Components/components/base/Loading/Circle/Circle.wxss
Vendored
+89
@@ -0,0 +1,89 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.tk-justify-start {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.tk-justify-center {
|
||||
justify-content: center;
|
||||
}
|
||||
.tk-justify-end {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.tk-justify-space-between {
|
||||
justify-content: space-between;
|
||||
}
|
||||
.tk-justify-space-around {
|
||||
justify-content: space-around;
|
||||
}
|
||||
.tk-justify-space-evenly {
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
.tk-align-center {
|
||||
align-items: center;
|
||||
}
|
||||
.tk-align-start {
|
||||
align-items: flex-start;
|
||||
}
|
||||
.tk-align-end {
|
||||
align-items: flex-end;
|
||||
}
|
||||
.tk-align-stretch {
|
||||
align-items: stretch;
|
||||
}
|
||||
.tk-align-baseline {
|
||||
align-items: baseline;
|
||||
}
|
||||
.tk-blur {
|
||||
backdrop-filter: blur(12px);
|
||||
-webkit-backdrop-filter: blur(12px);
|
||||
}
|
||||
.tk-round {
|
||||
border-radius: 20px;
|
||||
}
|
||||
.tk-circle {
|
||||
border-radius: 100%;
|
||||
}
|
||||
.tk-loading_circle-container {
|
||||
height: 100%;
|
||||
border: 2px solid;
|
||||
border-radius: 50%;
|
||||
border-top-color: transparent;
|
||||
border-right-color: transparent;
|
||||
border-bottom-color: #ffffff;
|
||||
border-left-color: #ffffff;
|
||||
background: 0 0;
|
||||
vertical-align: middle;
|
||||
box-sizing: border-box;
|
||||
animation: spin 1s linear infinite;
|
||||
}
|
||||
@keyframes spin {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
Vendored
+56
@@ -0,0 +1,56 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../../../../common/vendor.js");
|
||||
const TUICallKit_src_Components_components_base_constants_index = require("../../constants/index.js");
|
||||
const LoadingDotProps = {
|
||||
width: {
|
||||
type: String,
|
||||
default: "40px"
|
||||
},
|
||||
height: {
|
||||
type: String,
|
||||
default: "40px"
|
||||
},
|
||||
color: {
|
||||
type: String
|
||||
}
|
||||
};
|
||||
const __default__ = {
|
||||
options: {
|
||||
virtualHost: true
|
||||
}
|
||||
};
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
...__default__,
|
||||
__name: "Dot",
|
||||
props: LoadingDotProps,
|
||||
setup(__props) {
|
||||
const props = __props;
|
||||
const dotContainerClassName = `${TUICallKit_src_Components_components_base_constants_index.PREFIX}-loading_dot-container`;
|
||||
const dotClassName = `${TUICallKit_src_Components_components_base_constants_index.PREFIX}-loading_dot`;
|
||||
const dotContainerStyle = common_vendor.computed(() => ({
|
||||
width: props.width,
|
||||
height: props.height
|
||||
}));
|
||||
const dotStyle = common_vendor.computed(() => {
|
||||
const style = {};
|
||||
if (props.color) {
|
||||
style.backgroundColor = props.color;
|
||||
}
|
||||
return style;
|
||||
});
|
||||
return (_ctx, _cache) => {
|
||||
return {
|
||||
a: common_vendor.n(dotClassName),
|
||||
b: common_vendor.s(common_vendor.unref(dotStyle)),
|
||||
c: common_vendor.n(dotClassName),
|
||||
d: common_vendor.s(common_vendor.unref(dotStyle)),
|
||||
e: common_vendor.n(dotClassName),
|
||||
f: common_vendor.s(common_vendor.unref(dotStyle)),
|
||||
g: common_vendor.n(dotContainerClassName),
|
||||
h: common_vendor.s(common_vendor.unref(dotContainerStyle))
|
||||
};
|
||||
};
|
||||
}
|
||||
});
|
||||
wx.createComponent(_sfc_main);
|
||||
//# sourceMappingURL=../../../../../../../../.sourcemap/mp-weixin/TUICallKit/src/Components/components/base/Loading/Dot/Dot.js.map
|
||||
Vendored
+4
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
Vendored
+1
@@ -0,0 +1 @@
|
||||
<view class="{{g}}" style="{{h}}"><view class="{{a}}" style="{{b}}"/><view class="{{c}}" style="{{d}}"/><view class="{{e}}" style="{{f}}"/></view>
|
||||
Vendored
+120
@@ -0,0 +1,120 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.tk-justify-start {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.tk-justify-center {
|
||||
justify-content: center;
|
||||
}
|
||||
.tk-justify-end {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.tk-justify-space-between {
|
||||
justify-content: space-between;
|
||||
}
|
||||
.tk-justify-space-around {
|
||||
justify-content: space-around;
|
||||
}
|
||||
.tk-justify-space-evenly {
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
.tk-align-center {
|
||||
align-items: center;
|
||||
}
|
||||
.tk-align-start {
|
||||
align-items: flex-start;
|
||||
}
|
||||
.tk-align-end {
|
||||
align-items: flex-end;
|
||||
}
|
||||
.tk-align-stretch {
|
||||
align-items: stretch;
|
||||
}
|
||||
.tk-align-baseline {
|
||||
align-items: baseline;
|
||||
}
|
||||
.tk-blur {
|
||||
backdrop-filter: blur(12px);
|
||||
-webkit-backdrop-filter: blur(12px);
|
||||
}
|
||||
.tk-round {
|
||||
border-radius: 20px;
|
||||
}
|
||||
.tk-circle {
|
||||
border-radius: 100%;
|
||||
}
|
||||
.tk-loading_dot-container {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
}
|
||||
.tk-loading_dot-container .tk-loading_dot:nth-child(1) {
|
||||
opacity: 0;
|
||||
animation-duration: 0.8s;
|
||||
animation-delay: 0s;
|
||||
animation-play-state: running;
|
||||
}
|
||||
.tk-loading_dot-container .tk-loading_dot:nth-child(2) {
|
||||
opacity: 0.083;
|
||||
animation-duration: 0.8s;
|
||||
animation-delay: 0.2666666667s;
|
||||
animation-play-state: running;
|
||||
}
|
||||
.tk-loading_dot-container .tk-loading_dot:nth-child(3) {
|
||||
opacity: 0.1667;
|
||||
animation-duration: 0.8s;
|
||||
animation-delay: 0.5333333333s;
|
||||
animation-play-state: running;
|
||||
}
|
||||
.tk-loading_dot-container .tk-loading_dot {
|
||||
width: 20%;
|
||||
height: 20%;
|
||||
border-radius: 50%;
|
||||
background-color: #ffffff;
|
||||
animation-duration: 1.8s;
|
||||
animation-name: dotting;
|
||||
animation-timing-function: linear;
|
||||
animation-iteration-count: infinite;
|
||||
animation-fill-mode: both;
|
||||
}
|
||||
@keyframes dotting {
|
||||
0% {
|
||||
opacity: 0.15;
|
||||
}
|
||||
1% {
|
||||
opacity: 0.8;
|
||||
}
|
||||
33% {
|
||||
opacity: 0.8;
|
||||
}
|
||||
34% {
|
||||
opacity: 0.15;
|
||||
}
|
||||
100% {
|
||||
opacity: 0.15;
|
||||
}
|
||||
}
|
||||
Vendored
+81
@@ -0,0 +1,81 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../../../common/vendor.js");
|
||||
const TUICallKit_src_Components_components_base_constants_index = require("../constants/index.js");
|
||||
const LoadingMode = ["circle", "dot"];
|
||||
const LoadingLayout = ["row", "column"];
|
||||
const LoadingProps = {
|
||||
mode: {
|
||||
type: String,
|
||||
values: LoadingMode,
|
||||
default: "circle"
|
||||
},
|
||||
loadingWidth: {
|
||||
type: String,
|
||||
default: "40px"
|
||||
},
|
||||
loadingHeight: {
|
||||
type: String,
|
||||
default: "40px"
|
||||
},
|
||||
color: {
|
||||
type: String
|
||||
},
|
||||
text: {
|
||||
type: String
|
||||
},
|
||||
layout: {
|
||||
type: String,
|
||||
values: LoadingLayout,
|
||||
default: "column"
|
||||
}
|
||||
};
|
||||
if (!Math) {
|
||||
(LoadingDot + LoadingCircle)();
|
||||
}
|
||||
const LoadingDot = () => "./Dot/Dot.js";
|
||||
const LoadingCircle = () => "./Circle/Circle.js";
|
||||
const __default__ = {
|
||||
options: {
|
||||
virtualHost: true
|
||||
}
|
||||
};
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
...__default__,
|
||||
__name: "Loading",
|
||||
props: LoadingProps,
|
||||
setup(__props) {
|
||||
const props = __props;
|
||||
const loadingContainerClassName = `${TUICallKit_src_Components_components_base_constants_index.PREFIX}-loading ${TUICallKit_src_Components_components_base_constants_index.PREFIX}-loading--${props.mode}`;
|
||||
const loadingTextClassName = `${TUICallKit_src_Components_components_base_constants_index.PREFIX}-loading_text`;
|
||||
const loadingContainerStyle = common_vendor.computed(() => ({
|
||||
flexDirection: props.layout
|
||||
}));
|
||||
return (_ctx, _cache) => {
|
||||
return common_vendor.e({
|
||||
a: _ctx.mode === "dot"
|
||||
}, _ctx.mode === "dot" ? {
|
||||
b: common_vendor.p({
|
||||
width: _ctx.loadingWidth,
|
||||
height: _ctx.loadingHeight,
|
||||
color: _ctx.color
|
||||
})
|
||||
} : {
|
||||
c: common_vendor.p({
|
||||
width: _ctx.loadingWidth,
|
||||
height: _ctx.loadingHeight,
|
||||
color: _ctx.color
|
||||
})
|
||||
}, {
|
||||
d: _ctx.text
|
||||
}, _ctx.text ? {
|
||||
e: common_vendor.t(_ctx.text),
|
||||
f: common_vendor.n(loadingTextClassName)
|
||||
} : {}, {
|
||||
g: common_vendor.n(loadingContainerClassName),
|
||||
h: common_vendor.s(common_vendor.unref(loadingContainerStyle))
|
||||
});
|
||||
};
|
||||
}
|
||||
});
|
||||
wx.createComponent(_sfc_main);
|
||||
//# sourceMappingURL=../../../../../../../.sourcemap/mp-weixin/TUICallKit/src/Components/components/base/Loading/Loading.js.map
|
||||
Vendored
+7
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"loading-dot": "./Dot/Dot",
|
||||
"loading-circle": "./Circle/Circle"
|
||||
}
|
||||
}
|
||||
Vendored
+1
@@ -0,0 +1 @@
|
||||
<view class="{{g}}" style="{{h}}"><loading-dot wx:if="{{a}}" u-i="aa1910d2-0" bind:__l="__l" u-p="{{b}}"/><loading-circle wx:else u-i="aa1910d2-1" bind:__l="__l" u-p="{{c||''}}"/><view wx:if="{{d}}" class="{{f}}">{{e}}</view></view>
|
||||
Vendored
+76
@@ -0,0 +1,76 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.tk-justify-start {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.tk-justify-center {
|
||||
justify-content: center;
|
||||
}
|
||||
.tk-justify-end {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.tk-justify-space-between {
|
||||
justify-content: space-between;
|
||||
}
|
||||
.tk-justify-space-around {
|
||||
justify-content: space-around;
|
||||
}
|
||||
.tk-justify-space-evenly {
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
.tk-align-center {
|
||||
align-items: center;
|
||||
}
|
||||
.tk-align-start {
|
||||
align-items: flex-start;
|
||||
}
|
||||
.tk-align-end {
|
||||
align-items: flex-end;
|
||||
}
|
||||
.tk-align-stretch {
|
||||
align-items: stretch;
|
||||
}
|
||||
.tk-align-baseline {
|
||||
align-items: baseline;
|
||||
}
|
||||
.tk-blur {
|
||||
backdrop-filter: blur(12px);
|
||||
-webkit-backdrop-filter: blur(12px);
|
||||
}
|
||||
.tk-round {
|
||||
border-radius: 20px;
|
||||
}
|
||||
.tk-circle {
|
||||
border-radius: 100%;
|
||||
}
|
||||
.tk-loading {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
.tk-loading .tk-loading_text {
|
||||
margin: 10px;
|
||||
}
|
||||
Vendored
+178
@@ -0,0 +1,178 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../../../common/vendor.js");
|
||||
const TUICallKit_src_Components_components_base_util_classNames = require("../util/classNames.js");
|
||||
require("../util/checkEnv.js");
|
||||
const TUICallKit_src_Components_components_base_constants_index = require("../constants/index.js");
|
||||
const common_assets = require("../../../../../../common/assets.js");
|
||||
const MessageType = [TUICallKit_src_Components_components_base_constants_index.NAME.SUCCESS, TUICallKit_src_Components_components_base_constants_index.NAME.INFO, TUICallKit_src_Components_components_base_constants_index.NAME.WARNING, TUICallKit_src_Components_components_base_constants_index.NAME.ERROR];
|
||||
const MessageProps = {
|
||||
isShow: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
message: {
|
||||
type: String,
|
||||
default: ""
|
||||
},
|
||||
type: {
|
||||
type: String,
|
||||
values: MessageType,
|
||||
default: TUICallKit_src_Components_components_base_constants_index.NAME.INFO
|
||||
},
|
||||
duration: {
|
||||
type: Number,
|
||||
default: 3e3
|
||||
},
|
||||
offset: {
|
||||
type: Number,
|
||||
default: 16
|
||||
},
|
||||
showClose: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
showIcon: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
customClass: {
|
||||
type: String
|
||||
},
|
||||
customStyle: {
|
||||
type: Object
|
||||
}
|
||||
};
|
||||
const MessageEmits = {
|
||||
onClose: null
|
||||
};
|
||||
function useMessage(props, emits) {
|
||||
const messageContent = common_vendor.ref((props == null ? void 0 : props.message) || MessageProps.message.default);
|
||||
const messageDuration = common_vendor.ref((props == null ? void 0 : props.duration) || MessageProps.duration.default);
|
||||
const messageType = common_vendor.ref((props == null ? void 0 : props.type) || MessageProps.type.default);
|
||||
const messageOffset = common_vendor.ref((props == null ? void 0 : props.offset) || MessageProps.offset.default);
|
||||
const isShowCloseIcon = common_vendor.ref((props == null ? void 0 : props.showClose) || MessageProps.showClose.default);
|
||||
const visible = common_vendor.ref(false);
|
||||
let timerId = -1;
|
||||
const show = (messageObj) => {
|
||||
if (timerId > -1) {
|
||||
clearTimeout(timerId);
|
||||
timerId = -1;
|
||||
}
|
||||
visible.value = true;
|
||||
updateData(messageObj || {});
|
||||
if (messageDuration.value) {
|
||||
timerId = setTimeout(() => {
|
||||
close();
|
||||
}, messageDuration.value);
|
||||
}
|
||||
};
|
||||
const close = () => {
|
||||
visible.value = false;
|
||||
if (timerId > -1) {
|
||||
clearTimeout(timerId);
|
||||
timerId = -1;
|
||||
}
|
||||
};
|
||||
const updateData = (messageObj) => {
|
||||
const {
|
||||
message = messageContent.value,
|
||||
type = messageType.value,
|
||||
offset = messageOffset.value,
|
||||
duration = messageDuration.value,
|
||||
showClose = isShowCloseIcon.value
|
||||
} = messageObj;
|
||||
messageDuration.value = (props == null ? void 0 : props.duration) === 0 ? props == null ? void 0 : props.duration : duration;
|
||||
messageContent.value = message;
|
||||
messageType.value = type;
|
||||
messageOffset.value = offset;
|
||||
isShowCloseIcon.value = showClose;
|
||||
};
|
||||
common_vendor.watch(
|
||||
() => props == null ? void 0 : props.isShow,
|
||||
(newValue) => {
|
||||
if (newValue) {
|
||||
show();
|
||||
}
|
||||
},
|
||||
{ immediate: true }
|
||||
);
|
||||
common_vendor.watch(visible, (newValue) => {
|
||||
if (!newValue) {
|
||||
emits("onClose");
|
||||
}
|
||||
});
|
||||
return {
|
||||
messageContent,
|
||||
messageDuration,
|
||||
messageType,
|
||||
messageOffset,
|
||||
isShowCloseIcon,
|
||||
visible,
|
||||
show,
|
||||
close
|
||||
};
|
||||
}
|
||||
if (!Math) {
|
||||
Icon();
|
||||
}
|
||||
const Icon = () => "../Icon/Icon.js";
|
||||
const __default__ = {
|
||||
options: {
|
||||
virtualHost: true
|
||||
}
|
||||
};
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
...__default__,
|
||||
__name: "Message",
|
||||
props: MessageProps,
|
||||
emits: MessageEmits,
|
||||
setup(__props, { expose: __expose, emit: __emit }) {
|
||||
const props = __props;
|
||||
const emits = __emit;
|
||||
const { messageContent, messageType, messageOffset, isShowCloseIcon, visible, show, close } = useMessage(props, emits);
|
||||
const messageClassName = common_vendor.computed(() => TUICallKit_src_Components_components_base_util_classNames.classNames([
|
||||
`${TUICallKit_src_Components_components_base_constants_index.PREFIX}-message`,
|
||||
`${TUICallKit_src_Components_components_base_constants_index.PREFIX}-message--${messageType.value}`,
|
||||
props.customClass
|
||||
]));
|
||||
const typeIconClassName = common_vendor.computed(() => TUICallKit_src_Components_components_base_util_classNames.classNames([`${TUICallKit_src_Components_components_base_constants_index.PREFIX}-message_icon`]));
|
||||
const closeIconClassName = common_vendor.computed(() => TUICallKit_src_Components_components_base_util_classNames.classNames([`${TUICallKit_src_Components_components_base_constants_index.PREFIX}-message_close`]));
|
||||
const top = common_vendor.computed(() => `${messageOffset.value}px`);
|
||||
const messageStyle = common_vendor.computed(() => ({ top: top.value, ...props.customStyle }));
|
||||
const IconSrcMap = {
|
||||
info: common_assets.InfoSrc,
|
||||
waring: common_assets.WaringSrc,
|
||||
success: common_assets.SuccessSrc,
|
||||
error: common_assets.ErrorSrc
|
||||
};
|
||||
__expose({
|
||||
show,
|
||||
close
|
||||
});
|
||||
return (_ctx, _cache) => {
|
||||
return common_vendor.e({
|
||||
a: common_vendor.unref(visible)
|
||||
}, common_vendor.unref(visible) ? {
|
||||
b: common_vendor.p({
|
||||
src: IconSrcMap[common_vendor.unref(messageType)]
|
||||
}),
|
||||
c: common_vendor.n(common_vendor.unref(typeIconClassName)),
|
||||
d: _ctx.showIcon,
|
||||
e: common_vendor.t(common_vendor.unref(messageContent)),
|
||||
f: common_vendor.p({
|
||||
src: common_vendor.unref(common_assets.CloseSrc)
|
||||
}),
|
||||
g: common_vendor.unref(isShowCloseIcon),
|
||||
h: common_vendor.n(common_vendor.unref(closeIconClassName)),
|
||||
i: common_vendor.o(
|
||||
//@ts-ignore
|
||||
(...args) => common_vendor.unref(close) && common_vendor.unref(close)(...args)
|
||||
),
|
||||
j: common_vendor.n(common_vendor.unref(messageClassName)),
|
||||
k: common_vendor.s(common_vendor.unref(messageStyle))
|
||||
} : {});
|
||||
};
|
||||
}
|
||||
});
|
||||
wx.createComponent(_sfc_main);
|
||||
//# sourceMappingURL=../../../../../../../.sourcemap/mp-weixin/TUICallKit/src/Components/components/base/Message/Message.js.map
|
||||
Vendored
+6
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"icon": "../Icon/Icon"
|
||||
}
|
||||
}
|
||||
Vendored
+1
@@ -0,0 +1 @@
|
||||
<view wx:if="{{a}}" class="{{j}}" style="{{k}}"><view class="{{c}}" hidden="{{!d}}"><icon wx:if="{{b}}" u-i="a18301a6-0" bind:__l="__l" u-p="{{b}}"></icon></view><label>{{e}}</label><view hidden="{{!g}}" class="{{h}}" bindtap="{{i}}"><icon wx:if="{{f}}" u-i="a18301a6-1" bind:__l="__l" u-p="{{f}}"></icon></view></view>
|
||||
Vendored
+110
@@ -0,0 +1,110 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.tk-justify-start {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.tk-justify-center {
|
||||
justify-content: center;
|
||||
}
|
||||
.tk-justify-end {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.tk-justify-space-between {
|
||||
justify-content: space-between;
|
||||
}
|
||||
.tk-justify-space-around {
|
||||
justify-content: space-around;
|
||||
}
|
||||
.tk-justify-space-evenly {
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
.tk-align-center {
|
||||
align-items: center;
|
||||
}
|
||||
.tk-align-start {
|
||||
align-items: flex-start;
|
||||
}
|
||||
.tk-align-end {
|
||||
align-items: flex-end;
|
||||
}
|
||||
.tk-align-stretch {
|
||||
align-items: stretch;
|
||||
}
|
||||
.tk-align-baseline {
|
||||
align-items: baseline;
|
||||
}
|
||||
.tk-blur {
|
||||
backdrop-filter: blur(12px);
|
||||
-webkit-backdrop-filter: blur(12px);
|
||||
}
|
||||
.tk-round {
|
||||
border-radius: 20px;
|
||||
}
|
||||
.tk-circle {
|
||||
border-radius: 100%;
|
||||
}
|
||||
.tk-message {
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
padding: 10px;
|
||||
border-radius: 4px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 14px;
|
||||
z-index: 9999;
|
||||
color: #000000;
|
||||
border-color: #e9e9eb;
|
||||
background-color: #f4f4f5;
|
||||
}
|
||||
.tk-message .tk-message_icon {
|
||||
margin-right: 5px;
|
||||
}
|
||||
.tk-message .tk-message_close {
|
||||
cursor: pointer;
|
||||
margin-left: 5px;
|
||||
}
|
||||
.tk-message--info {
|
||||
color: #909399;
|
||||
border-color: #e9e9eb;
|
||||
background-color: #f4f4f5;
|
||||
}
|
||||
.tk-message--success {
|
||||
color: #67c23a;
|
||||
border-color: #e1f3d8;
|
||||
background-color: #f0f9eb;
|
||||
}
|
||||
.tk-message--warning {
|
||||
color: #e6a23c;
|
||||
border-color: #faecd8;
|
||||
background-color: #fdf6ec;
|
||||
}
|
||||
.tk-message--error {
|
||||
color: #f56c6c;
|
||||
border-color: #fde2e2;
|
||||
background-color: #fef0f0;
|
||||
}
|
||||
Vendored
+119
@@ -0,0 +1,119 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../../../common/vendor.js");
|
||||
const TUICallKit_src_Components_components_base_util_classNames = require("../util/classNames.js");
|
||||
require("../util/checkEnv.js");
|
||||
const TUICallKit_src_Components_components_base_constants_index = require("../constants/index.js");
|
||||
const OverlayProps = {
|
||||
show: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
showMask: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
showBackgroundImage: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
blur: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
bgColor: {
|
||||
type: String
|
||||
},
|
||||
bgImage: {
|
||||
type: String
|
||||
},
|
||||
zIndex: {
|
||||
type: Number,
|
||||
default: 11e3
|
||||
},
|
||||
customClass: {
|
||||
type: String
|
||||
},
|
||||
customStyle: {
|
||||
type: Object
|
||||
},
|
||||
customMaskStyle: {
|
||||
type: Object
|
||||
},
|
||||
fit: {
|
||||
type: String,
|
||||
default: "cover"
|
||||
},
|
||||
defaultSrc: {
|
||||
type: String
|
||||
}
|
||||
};
|
||||
const OverlayEmits = ["click", "error"];
|
||||
if (!Math) {
|
||||
TKImage();
|
||||
}
|
||||
const TKImage = () => "../TKImage/TKImage.js";
|
||||
const __default__ = {
|
||||
options: {
|
||||
virtualHost: true
|
||||
}
|
||||
};
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
...__default__,
|
||||
__name: "Overlay",
|
||||
props: OverlayProps,
|
||||
emits: OverlayEmits,
|
||||
setup(__props, { emit: __emit }) {
|
||||
const props = __props;
|
||||
const emit = __emit;
|
||||
const overlayContainerClassName = TUICallKit_src_Components_components_base_util_classNames.classNames([
|
||||
`${TUICallKit_src_Components_components_base_constants_index.PREFIX}-overlay`,
|
||||
props.customClass
|
||||
]);
|
||||
const maskContainerClassName = `${TUICallKit_src_Components_components_base_constants_index.PREFIX}-overlay_mask-container`;
|
||||
const maskClassName = common_vendor.computed(() => TUICallKit_src_Components_components_base_util_classNames.classNames([
|
||||
`${TUICallKit_src_Components_components_base_constants_index.PREFIX}-overlay_mask`,
|
||||
{ [`${TUICallKit_src_Components_components_base_constants_index.PREFIX}-blur`]: props.blur }
|
||||
]));
|
||||
const slotClassName = `${TUICallKit_src_Components_components_base_constants_index.PREFIX}-overlay_slot`;
|
||||
const overlayStyle = common_vendor.computed(() => ({ zIndex: props.zIndex, ...props.customStyle }));
|
||||
const maskStyle = common_vendor.computed(() => ({
|
||||
backgroundColor: props.bgColor,
|
||||
...props.customMaskStyle
|
||||
}));
|
||||
function handleClick() {
|
||||
emit("click");
|
||||
}
|
||||
const handleError = (event) => {
|
||||
emit("error", event);
|
||||
};
|
||||
return (_ctx, _cache) => {
|
||||
return common_vendor.e({
|
||||
a: _ctx.show
|
||||
}, _ctx.show ? common_vendor.e({
|
||||
b: _ctx.showMask
|
||||
}, _ctx.showMask ? {
|
||||
c: common_vendor.n(common_vendor.unref(maskClassName)),
|
||||
d: common_vendor.s(common_vendor.unref(maskStyle))
|
||||
} : {}, {
|
||||
e: _ctx.showBackgroundImage
|
||||
}, _ctx.showBackgroundImage ? {
|
||||
f: common_vendor.o(handleError),
|
||||
g: common_vendor.p({
|
||||
fit: _ctx.fit,
|
||||
src: _ctx.bgImage,
|
||||
width: "100%",
|
||||
height: "100%",
|
||||
defaultSrc: _ctx.defaultSrc
|
||||
})
|
||||
} : {}, {
|
||||
h: common_vendor.n(maskContainerClassName),
|
||||
i: common_vendor.n(slotClassName),
|
||||
j: common_vendor.n(common_vendor.unref(overlayContainerClassName)),
|
||||
k: common_vendor.s(common_vendor.unref(overlayStyle)),
|
||||
l: common_vendor.o(handleClick)
|
||||
}) : {});
|
||||
};
|
||||
}
|
||||
});
|
||||
wx.createComponent(_sfc_main);
|
||||
//# sourceMappingURL=../../../../../../../.sourcemap/mp-weixin/TUICallKit/src/Components/components/base/Overlay/Overlay.js.map
|
||||
Vendored
+6
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"t-k-image": "../TKImage/TKImage"
|
||||
}
|
||||
}
|
||||
Vendored
+1
@@ -0,0 +1 @@
|
||||
<view wx:if="{{a}}" class="{{j}}" style="{{k}}" bindtap="{{l}}"><view class="{{h}}"><view wx:if="{{b}}" class="{{c}}" style="{{d}}"/><t-k-image wx:if="{{e}}" binderror="{{f}}" u-i="5caa95bf-0" bind:__l="__l" u-p="{{g}}"/></view><view class="{{i}}"><slot/></view></view>
|
||||
Vendored
+100
@@ -0,0 +1,100 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.tk-justify-start {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.tk-justify-center {
|
||||
justify-content: center;
|
||||
}
|
||||
.tk-justify-end {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.tk-justify-space-between {
|
||||
justify-content: space-between;
|
||||
}
|
||||
.tk-justify-space-around {
|
||||
justify-content: space-around;
|
||||
}
|
||||
.tk-justify-space-evenly {
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
.tk-align-center {
|
||||
align-items: center;
|
||||
}
|
||||
.tk-align-start {
|
||||
align-items: flex-start;
|
||||
}
|
||||
.tk-align-end {
|
||||
align-items: flex-end;
|
||||
}
|
||||
.tk-align-stretch {
|
||||
align-items: stretch;
|
||||
}
|
||||
.tk-align-baseline {
|
||||
align-items: baseline;
|
||||
}
|
||||
.tk-blur {
|
||||
backdrop-filter: blur(12px);
|
||||
-webkit-backdrop-filter: blur(12px);
|
||||
}
|
||||
.tk-round {
|
||||
border-radius: 20px;
|
||||
}
|
||||
.tk-circle {
|
||||
border-radius: 100%;
|
||||
}
|
||||
.tk-overlay {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.tk-overlay .tk-overlay_mask-container {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 0;
|
||||
position: absolute;
|
||||
}
|
||||
.tk-overlay .tk-overlay_mask {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
z-index: 1;
|
||||
}
|
||||
.tk-overlay .tk-overlay_slot {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
z-index: 1;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
+42
@@ -0,0 +1,42 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../../../common/vendor.js");
|
||||
const TUICallKit_src_Components_components_base_util_checkEnv = require("../util/checkEnv.js");
|
||||
const TUICallKit_src_Components_components_base_util_checkVueVersion = require("../util/checkVueVersion.js");
|
||||
const PortalProps = {
|
||||
disabled: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
to: {
|
||||
type: String,
|
||||
default: "body"
|
||||
},
|
||||
source: {
|
||||
type: String,
|
||||
default: "body"
|
||||
}
|
||||
};
|
||||
if (!Math) {
|
||||
PortalMini();
|
||||
}
|
||||
const PortalMini = () => "./miniprogram/Portal.js";
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
__name: "Portal",
|
||||
props: PortalProps,
|
||||
setup(__props) {
|
||||
const { majorVersion } = TUICallKit_src_Components_components_base_util_checkVueVersion.checkVueVersion();
|
||||
common_vendor.computed(() => majorVersion === "3");
|
||||
common_vendor.computed(() => majorVersion === "2");
|
||||
return (_ctx, _cache) => {
|
||||
return common_vendor.e({
|
||||
a: common_vendor.unref(TUICallKit_src_Components_components_base_util_checkEnv.IN_MINI_APP)
|
||||
}, common_vendor.unref(TUICallKit_src_Components_components_base_util_checkEnv.IN_MINI_APP) ? {
|
||||
b: common_vendor.p({
|
||||
disabled: _ctx.disabled
|
||||
})
|
||||
} : {});
|
||||
};
|
||||
}
|
||||
});
|
||||
wx.createComponent(_sfc_main);
|
||||
//# sourceMappingURL=../../../../../../../.sourcemap/mp-weixin/TUICallKit/src/Components/components/base/Portal/Portal.js.map
|
||||
Vendored
+6
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"portal-mini": "./miniprogram/Portal"
|
||||
}
|
||||
}
|
||||
Vendored
+1
@@ -0,0 +1 @@
|
||||
<view><portal-mini wx:if="{{a}}" u-s="{{['d']}}" u-i="2e071a5d-0" bind:__l="__l" u-p="{{b}}"><slot/></portal-mini></view>
|
||||
+21
@@ -0,0 +1,21 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../../../../common/vendor.js");
|
||||
const __default__ = {
|
||||
options: {
|
||||
virtualHost: true
|
||||
}
|
||||
};
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
...__default__,
|
||||
__name: "Portal",
|
||||
props: ["disabled"],
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => {
|
||||
return {
|
||||
a: !__props.disabled
|
||||
};
|
||||
};
|
||||
}
|
||||
});
|
||||
wx.createComponent(_sfc_main);
|
||||
//# sourceMappingURL=../../../../../../../../.sourcemap/mp-weixin/TUICallKit/src/Components/components/base/Portal/miniprogram/Portal.js.map
|
||||
+4
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
+1
@@ -0,0 +1 @@
|
||||
<root-portal enable="{{a}}"><slot/></root-portal>
|
||||
Vendored
+106
@@ -0,0 +1,106 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../../../common/vendor.js");
|
||||
const TUICallKit_src_Components_components_base_util_classNames = require("../util/classNames.js");
|
||||
const TUICallKit_src_Components_components_base_util_checkEnv = require("../util/checkEnv.js");
|
||||
const TUICallKit_src_Components_components_base_constants_index = require("../constants/index.js");
|
||||
const Fit = ["fill", "contain", "cover"];
|
||||
const MiniProgramImageFitMap = {
|
||||
fill: "scaleToFill",
|
||||
contain: "aspectFit",
|
||||
cover: "aspectFill"
|
||||
};
|
||||
const ImageProps = {
|
||||
width: {
|
||||
type: String,
|
||||
default: "320px"
|
||||
},
|
||||
height: {
|
||||
type: String,
|
||||
default: "240px"
|
||||
},
|
||||
src: {
|
||||
type: String
|
||||
},
|
||||
fit: {
|
||||
type: String,
|
||||
values: Fit,
|
||||
default: "fill"
|
||||
},
|
||||
customStyle: {
|
||||
type: Object
|
||||
},
|
||||
defaultSrc: {
|
||||
type: String
|
||||
}
|
||||
};
|
||||
const imageEmits = {
|
||||
error: (evt) => evt
|
||||
};
|
||||
const __default__ = {
|
||||
options: {
|
||||
virtualHost: true
|
||||
}
|
||||
};
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
...__default__,
|
||||
__name: "TKImage",
|
||||
props: ImageProps,
|
||||
emits: imageEmits,
|
||||
setup(__props, { emit: __emit }) {
|
||||
const props = __props;
|
||||
const emit = __emit;
|
||||
const hasLoadError = common_vendor.ref(false);
|
||||
const imgSrc = common_vendor.ref(props.src);
|
||||
common_vendor.watch(() => props.src, () => {
|
||||
hasLoadError.value = false;
|
||||
imgSrc.value = props.src;
|
||||
});
|
||||
const classname = common_vendor.computed(() => TUICallKit_src_Components_components_base_util_classNames.classNames([`${TUICallKit_src_Components_components_base_constants_index.PREFIX}-image`]));
|
||||
const imgStyle = common_vendor.computed(() => {
|
||||
return {
|
||||
"width": props.width,
|
||||
"height": props.height,
|
||||
...props.customStyle
|
||||
};
|
||||
});
|
||||
const imageClassName = common_vendor.computed(() => TUICallKit_src_Components_components_base_util_classNames.classNames([
|
||||
`${TUICallKit_src_Components_components_base_constants_index.PREFIX}-image_inner`
|
||||
]));
|
||||
const objectFit = common_vendor.computed(() => {
|
||||
if (TUICallKit_src_Components_components_base_util_checkEnv.IN_WX_MINI_APP) {
|
||||
return MiniProgramImageFitMap[props.fit] || MiniProgramImageFitMap.cover;
|
||||
} else {
|
||||
return props.fit;
|
||||
}
|
||||
});
|
||||
function handleError(e) {
|
||||
hasLoadError.value = true;
|
||||
imgSrc.value = props.defaultSrc;
|
||||
emit("error", e);
|
||||
}
|
||||
return (_ctx, _cache) => {
|
||||
return common_vendor.e({
|
||||
a: common_vendor.unref(hasLoadError) && !_ctx.defaultSrc
|
||||
}, common_vendor.unref(hasLoadError) && !_ctx.defaultSrc ? {} : common_vendor.e({
|
||||
b: !common_vendor.unref(TUICallKit_src_Components_components_base_util_checkEnv.IN_WX_MINI_APP)
|
||||
}, !common_vendor.unref(TUICallKit_src_Components_components_base_util_checkEnv.IN_WX_MINI_APP) ? {
|
||||
c: common_vendor.n(common_vendor.unref(imageClassName)),
|
||||
d: common_vendor.unref(imgSrc),
|
||||
e: common_vendor.unref(objectFit),
|
||||
f: common_vendor.o(handleError)
|
||||
} : {}, {
|
||||
g: common_vendor.unref(TUICallKit_src_Components_components_base_util_checkEnv.IN_WX_MINI_APP)
|
||||
}, common_vendor.unref(TUICallKit_src_Components_components_base_util_checkEnv.IN_WX_MINI_APP) ? {
|
||||
h: common_vendor.n(common_vendor.unref(imageClassName)),
|
||||
i: common_vendor.unref(imgSrc),
|
||||
j: common_vendor.unref(objectFit),
|
||||
k: common_vendor.o(handleError)
|
||||
} : {}), {
|
||||
l: common_vendor.n(common_vendor.unref(classname)),
|
||||
m: common_vendor.s(common_vendor.unref(imgStyle))
|
||||
});
|
||||
};
|
||||
}
|
||||
});
|
||||
wx.createComponent(_sfc_main);
|
||||
//# sourceMappingURL=../../../../../../../.sourcemap/mp-weixin/TUICallKit/src/Components/components/base/TKImage/TKImage.js.map
|
||||
Vendored
+4
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
Vendored
+1
@@ -0,0 +1 @@
|
||||
<view class="{{l}}" style="{{m}}"><block wx:if="{{a}}"><slot name="error"/></block><block wx:else><image wx:if="{{b}}" class="{{c}}" src="{{d}}" style="{{'object-fit:' + e}}" binderror="{{f}}"/><image wx:if="{{g}}" class="{{h}}" src="{{i}}" mode="{{j}}" binderror="{{k}}"/></block></view>
|
||||
Vendored
+82
@@ -0,0 +1,82 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.tk-justify-start {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.tk-justify-center {
|
||||
justify-content: center;
|
||||
}
|
||||
.tk-justify-end {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.tk-justify-space-between {
|
||||
justify-content: space-between;
|
||||
}
|
||||
.tk-justify-space-around {
|
||||
justify-content: space-around;
|
||||
}
|
||||
.tk-justify-space-evenly {
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
.tk-align-center {
|
||||
align-items: center;
|
||||
}
|
||||
.tk-align-start {
|
||||
align-items: flex-start;
|
||||
}
|
||||
.tk-align-end {
|
||||
align-items: flex-end;
|
||||
}
|
||||
.tk-align-stretch {
|
||||
align-items: stretch;
|
||||
}
|
||||
.tk-align-baseline {
|
||||
align-items: baseline;
|
||||
}
|
||||
.tk-blur {
|
||||
backdrop-filter: blur(12px);
|
||||
-webkit-backdrop-filter: blur(12px);
|
||||
}
|
||||
.tk-round {
|
||||
border-radius: 20px;
|
||||
}
|
||||
.tk-circle {
|
||||
border-radius: 100%;
|
||||
}
|
||||
.tk-image {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
overflow: hidden;
|
||||
vertical-align: middle;
|
||||
width: 300px;
|
||||
height: 225px;
|
||||
}
|
||||
.tk-image .tk-image_inner {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
+70
@@ -0,0 +1,70 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../../../common/vendor.js");
|
||||
const TUICallKit_src_Components_components_base_constants_index = require("../constants/index.js");
|
||||
const TUICallKit_src_Components_components_base_util_classNames = require("../util/classNames.js");
|
||||
require("../util/checkEnv.js");
|
||||
const TUICallKit_src_Components_components_base_util_filterObject = require("../util/filterObject.js");
|
||||
const TextProps = {
|
||||
width: {
|
||||
type: String
|
||||
},
|
||||
color: {
|
||||
type: String
|
||||
},
|
||||
size: {
|
||||
type: String
|
||||
},
|
||||
weight: {
|
||||
type: Number
|
||||
},
|
||||
truncated: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
lineClamp: {
|
||||
type: Number
|
||||
},
|
||||
textStyle: {
|
||||
type: Object
|
||||
}
|
||||
};
|
||||
const __default__ = {
|
||||
options: {
|
||||
virtualHost: true
|
||||
}
|
||||
};
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
...__default__,
|
||||
__name: "TKText",
|
||||
props: TextProps,
|
||||
emits: ["click"],
|
||||
setup(__props, { emit: __emit }) {
|
||||
const props = __props;
|
||||
const emit = __emit;
|
||||
const textClassName = TUICallKit_src_Components_components_base_util_classNames.classNames([
|
||||
`${TUICallKit_src_Components_components_base_constants_index.PREFIX}-text`,
|
||||
{ [`${TUICallKit_src_Components_components_base_constants_index.PREFIX}-text--line-clamp`]: props.lineClamp }
|
||||
]);
|
||||
const style = common_vendor.computed(() => TUICallKit_src_Components_components_base_util_filterObject.filterObject({
|
||||
maxWidth: props.width,
|
||||
fontSize: props.size,
|
||||
fontWeight: props.weight,
|
||||
color: props.color,
|
||||
textOverflow: props.truncated ? "ellipsis" : "auto",
|
||||
"-webkit-line-clamp": props.lineClamp,
|
||||
...props.textStyle
|
||||
}));
|
||||
const handleClick = () => {
|
||||
emit("click");
|
||||
};
|
||||
return (_ctx, _cache) => {
|
||||
return {
|
||||
a: common_vendor.n(common_vendor.unref(textClassName)),
|
||||
b: common_vendor.s(common_vendor.unref(style)),
|
||||
c: common_vendor.o(handleClick)
|
||||
};
|
||||
};
|
||||
}
|
||||
});
|
||||
wx.createComponent(_sfc_main);
|
||||
//# sourceMappingURL=../../../../../../../.sourcemap/mp-weixin/TUICallKit/src/Components/components/base/TKText/TKText.js.map
|
||||
Vendored
+4
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
Vendored
+1
@@ -0,0 +1 @@
|
||||
<label class="{{a}}" style="{{b}}" bindtap="{{c}}"><slot></slot></label>
|
||||
Vendored
+83
@@ -0,0 +1,83 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.tk-justify-start {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.tk-justify-center {
|
||||
justify-content: center;
|
||||
}
|
||||
.tk-justify-end {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.tk-justify-space-between {
|
||||
justify-content: space-between;
|
||||
}
|
||||
.tk-justify-space-around {
|
||||
justify-content: space-around;
|
||||
}
|
||||
.tk-justify-space-evenly {
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
.tk-align-center {
|
||||
align-items: center;
|
||||
}
|
||||
.tk-align-start {
|
||||
align-items: flex-start;
|
||||
}
|
||||
.tk-align-end {
|
||||
align-items: flex-end;
|
||||
}
|
||||
.tk-align-stretch {
|
||||
align-items: stretch;
|
||||
}
|
||||
.tk-align-baseline {
|
||||
align-items: baseline;
|
||||
}
|
||||
.tk-blur {
|
||||
backdrop-filter: blur(12px);
|
||||
-webkit-backdrop-filter: blur(12px);
|
||||
}
|
||||
.tk-round {
|
||||
border-radius: 20px;
|
||||
}
|
||||
.tk-circle {
|
||||
border-radius: 100%;
|
||||
}
|
||||
.tk-text {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
line-height: normal;
|
||||
white-space: nowrap;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
color: #303133;
|
||||
}
|
||||
.tk-text.tk-text--line-clamp {
|
||||
display: -webkit-inline-box;
|
||||
-webkit-box-orient: vertical;
|
||||
white-space: normal;
|
||||
}
|
||||
+60
@@ -0,0 +1,60 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../../../common/vendor.js");
|
||||
const TUICallKit_src_Components_components_base_ToggleWindow_constant = require("./constant.js");
|
||||
const TUICallKit_src_Components_components_base_constants_index = require("../constants/index.js");
|
||||
const ToggleWindowProps = {
|
||||
bigWindow: {
|
||||
type: String
|
||||
},
|
||||
showSmallWindow: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
smallWindowWidth: {
|
||||
type: String,
|
||||
default: "30%"
|
||||
},
|
||||
smallWindowHeight: {
|
||||
type: String,
|
||||
default: "30%"
|
||||
}
|
||||
};
|
||||
const ToggleWindowEmits = ["toggle"];
|
||||
const __default__ = {
|
||||
options: {
|
||||
virtualHost: true
|
||||
}
|
||||
};
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
...__default__,
|
||||
__name: "ToggleWindow",
|
||||
props: ToggleWindowProps,
|
||||
emits: ToggleWindowEmits,
|
||||
setup(__props, { emit: __emit }) {
|
||||
const props = __props;
|
||||
const emit = __emit;
|
||||
const currentBigWindow = common_vendor.ref(props.bigWindow);
|
||||
const toggleWindowContainerClassName = `${TUICallKit_src_Components_components_base_constants_index.PREFIX}-toggle-window`;
|
||||
const toggleWindow = (value) => {
|
||||
currentBigWindow.value = value;
|
||||
emit("toggle", value);
|
||||
};
|
||||
common_vendor.watch(() => props.bigWindow, () => {
|
||||
currentBigWindow.value = props.bigWindow;
|
||||
});
|
||||
common_vendor.provide(TUICallKit_src_Components_components_base_ToggleWindow_constant.ToggleWindowContextKey, {
|
||||
bigWindow: currentBigWindow,
|
||||
toggleWindow,
|
||||
smallWindowWidth: common_vendor.toRef(props, "smallWindowWidth"),
|
||||
smallWindowHeight: common_vendor.toRef(props, "smallWindowHeight"),
|
||||
showSmallWindow: common_vendor.toRef(props, "showSmallWindow")
|
||||
});
|
||||
return (_ctx, _cache) => {
|
||||
return {
|
||||
a: common_vendor.n(toggleWindowContainerClassName)
|
||||
};
|
||||
};
|
||||
}
|
||||
});
|
||||
wx.createComponent(_sfc_main);
|
||||
//# sourceMappingURL=../../../../../../../.sourcemap/mp-weixin/TUICallKit/src/Components/components/base/ToggleWindow/ToggleWindow.js.map
|
||||
+4
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
+1
@@ -0,0 +1 @@
|
||||
<view class="{{a}}"><slot/></view>
|
||||
+72
@@ -0,0 +1,72 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.tk-justify-start {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.tk-justify-center {
|
||||
justify-content: center;
|
||||
}
|
||||
.tk-justify-end {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.tk-justify-space-between {
|
||||
justify-content: space-between;
|
||||
}
|
||||
.tk-justify-space-around {
|
||||
justify-content: space-around;
|
||||
}
|
||||
.tk-justify-space-evenly {
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
.tk-align-center {
|
||||
align-items: center;
|
||||
}
|
||||
.tk-align-start {
|
||||
align-items: flex-start;
|
||||
}
|
||||
.tk-align-end {
|
||||
align-items: flex-end;
|
||||
}
|
||||
.tk-align-stretch {
|
||||
align-items: stretch;
|
||||
}
|
||||
.tk-align-baseline {
|
||||
align-items: baseline;
|
||||
}
|
||||
.tk-blur {
|
||||
backdrop-filter: blur(12px);
|
||||
-webkit-backdrop-filter: blur(12px);
|
||||
}
|
||||
.tk-round {
|
||||
border-radius: 20px;
|
||||
}
|
||||
.tk-circle {
|
||||
border-radius: 100%;
|
||||
}
|
||||
.tk-toggle-window {
|
||||
height: 100%;
|
||||
position: relative;
|
||||
}
|
||||
+60
@@ -0,0 +1,60 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../../../../common/vendor.js");
|
||||
const TUICallKit_src_Components_components_base_ToggleWindow_constant = require("../constant.js");
|
||||
const TUICallKit_src_Components_components_base_util_classNames = require("../../util/classNames.js");
|
||||
const TUICallKit_src_Components_components_base_util_checkEnv = require("../../util/checkEnv.js");
|
||||
const TUICallKit_src_Components_components_base_constants_index = require("../../constants/index.js");
|
||||
const ToggleWindowItemProps = {
|
||||
value: {
|
||||
type: String
|
||||
}
|
||||
};
|
||||
const __default__ = {
|
||||
options: {
|
||||
virtualHost: true
|
||||
}
|
||||
};
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
...__default__,
|
||||
__name: "ToggleWindowItem",
|
||||
props: ToggleWindowItemProps,
|
||||
setup(__props) {
|
||||
const props = __props;
|
||||
const {
|
||||
bigWindow,
|
||||
toggleWindow,
|
||||
smallWindowWidth,
|
||||
smallWindowHeight,
|
||||
showSmallWindow
|
||||
} = common_vendor.inject(TUICallKit_src_Components_components_base_ToggleWindow_constant.ToggleWindowContextKey);
|
||||
const classname = common_vendor.computed(() => TUICallKit_src_Components_components_base_util_classNames.classNames([
|
||||
`${TUICallKit_src_Components_components_base_constants_index.PREFIX}-toggle-window-item`,
|
||||
`${TUICallKit_src_Components_components_base_constants_index.PREFIX}-toggle-window-item--${bigWindow.value === props.value ? "big" : "small"}`,
|
||||
{
|
||||
pc: TUICallKit_src_Components_components_base_util_checkEnv.IS_PC,
|
||||
mobile: !TUICallKit_src_Components_components_base_util_checkEnv.IS_PC
|
||||
}
|
||||
]));
|
||||
const windowItemStyle = common_vendor.computed(() => {
|
||||
let style = {};
|
||||
if (bigWindow.value !== props.value) {
|
||||
style = { width: smallWindowWidth.value, height: smallWindowHeight.value };
|
||||
if (!showSmallWindow.value) {
|
||||
style.visibility = "hidden";
|
||||
} else {
|
||||
style.visibility = "";
|
||||
}
|
||||
}
|
||||
return style;
|
||||
});
|
||||
return (_ctx, _cache) => {
|
||||
return {
|
||||
a: common_vendor.n(common_vendor.unref(classname)),
|
||||
b: common_vendor.s(common_vendor.unref(windowItemStyle)),
|
||||
c: common_vendor.o(() => common_vendor.unref(toggleWindow)(_ctx.value))
|
||||
};
|
||||
};
|
||||
}
|
||||
});
|
||||
wx.createComponent(_sfc_main);
|
||||
//# sourceMappingURL=../../../../../../../../.sourcemap/mp-weixin/TUICallKit/src/Components/components/base/ToggleWindow/ToggleWindowItem/ToggleWindowItem.js.map
|
||||
+4
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
+1
@@ -0,0 +1 @@
|
||||
<view class="{{a}}" style="{{b}}" bindtap="{{c}}"><slot/></view>
|
||||
+96
@@ -0,0 +1,96 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.tk-justify-start {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.tk-justify-center {
|
||||
justify-content: center;
|
||||
}
|
||||
.tk-justify-end {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.tk-justify-space-between {
|
||||
justify-content: space-between;
|
||||
}
|
||||
.tk-justify-space-around {
|
||||
justify-content: space-around;
|
||||
}
|
||||
.tk-justify-space-evenly {
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
.tk-align-center {
|
||||
align-items: center;
|
||||
}
|
||||
.tk-align-start {
|
||||
align-items: flex-start;
|
||||
}
|
||||
.tk-align-end {
|
||||
align-items: flex-end;
|
||||
}
|
||||
.tk-align-stretch {
|
||||
align-items: stretch;
|
||||
}
|
||||
.tk-align-baseline {
|
||||
align-items: baseline;
|
||||
}
|
||||
.tk-blur {
|
||||
backdrop-filter: blur(12px);
|
||||
-webkit-backdrop-filter: blur(12px);
|
||||
}
|
||||
.tk-round {
|
||||
border-radius: 20px;
|
||||
}
|
||||
.tk-circle {
|
||||
border-radius: 100%;
|
||||
}
|
||||
.tk-toggle-window-item {
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
}
|
||||
.tk-toggle-window-item.tk-toggle-window-item--big {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 0;
|
||||
}
|
||||
.tk-toggle-window-item.mobile.tk-toggle-window-item--small {
|
||||
z-index: 1;
|
||||
width: 24.3% !important;
|
||||
height: 19.7% !important;
|
||||
border-radius: 5px;
|
||||
left: 98%;
|
||||
top: 8%;
|
||||
transform: translateX(-100%);
|
||||
overflow: hidden;
|
||||
}
|
||||
.tk-toggle-window-item.pc.tk-toggle-window-item--small {
|
||||
top: 2%;
|
||||
left: 2%;
|
||||
width: 22%;
|
||||
height: 21%;
|
||||
border-radius: 12px;
|
||||
overflow: hidden;
|
||||
z-index: 1;
|
||||
}
|
||||
Vendored
+4
@@ -0,0 +1,4 @@
|
||||
"use strict";
|
||||
const ToggleWindowContextKey = "ToggleWindowContextKey";
|
||||
exports.ToggleWindowContextKey = ToggleWindowContextKey;
|
||||
//# sourceMappingURL=../../../../../../../.sourcemap/mp-weixin/TUICallKit/src/Components/components/base/ToggleWindow/constant.js.map
|
||||
Vendored
+11
@@ -0,0 +1,11 @@
|
||||
"use strict";
|
||||
const PREFIX = "tk";
|
||||
const NAME = {
|
||||
SUCCESS: "success",
|
||||
INFO: "info",
|
||||
WARNING: "warning",
|
||||
ERROR: "error"
|
||||
};
|
||||
exports.NAME = NAME;
|
||||
exports.PREFIX = PREFIX;
|
||||
//# sourceMappingURL=../../../../../../../.sourcemap/mp-weixin/TUICallKit/src/Components/components/base/constants/index.js.map
|
||||
+25
@@ -0,0 +1,25 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../../../common/vendor.js");
|
||||
const IN_WX_MINI_APP = typeof common_vendor.wx$1 !== "undefined" && typeof common_vendor.wx$1.getSystemInfoSync === "function" && Boolean(common_vendor.wx$1.getSystemInfoSync().fontSizeSetting);
|
||||
const IN_UNI_NATIVE_APP = typeof common_vendor.index !== "undefined" && typeof common_vendor.index === "undefined";
|
||||
const IN_MINI_APP = IN_WX_MINI_APP || IN_UNI_NATIVE_APP;
|
||||
const IN_BROWSER = function() {
|
||||
if (typeof common_vendor.index !== "undefined") {
|
||||
return !IN_MINI_APP;
|
||||
}
|
||||
return typeof window !== "undefined" && !IN_MINI_APP;
|
||||
}();
|
||||
const USER_AGENT = IN_BROWSER && window && window.navigator && window.navigator.userAgent || "";
|
||||
const IS_ANDROID = /Android/i.test(USER_AGENT);
|
||||
const IS_WIN_PHONE = /(?:Windows Phone)/.test(USER_AGENT);
|
||||
const IS_SYMBIAN = /(?:SymbianOS)/.test(USER_AGENT);
|
||||
const IS_IOS = /iPad/i.test(USER_AGENT) || /iPhone/i.test(USER_AGENT) || /iPod/i.test(USER_AGENT);
|
||||
const IS_H5 = IS_ANDROID || IS_WIN_PHONE || IS_SYMBIAN || IS_IOS;
|
||||
const IS_PC = IN_BROWSER && !IS_H5;
|
||||
IS_PC && USER_AGENT.includes("Windows NT");
|
||||
IS_PC && USER_AGENT.includes("Mac");
|
||||
exports.IN_MINI_APP = IN_MINI_APP;
|
||||
exports.IN_WX_MINI_APP = IN_WX_MINI_APP;
|
||||
exports.IS_H5 = IS_H5;
|
||||
exports.IS_PC = IS_PC;
|
||||
//# sourceMappingURL=../../../../../../../.sourcemap/mp-weixin/TUICallKit/src/Components/components/base/util/checkEnv.js.map
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user