@opendesign-plus/components 0.0.1-rc.10 → 0.0.1-rc.100

package/dist/treeshaking/components/user-center/verify/VerifySlide.vue_vue_type_script_lang.mjs

@@ -0,0 +1,334 @@
+import { useI18n } from "../../../i18n/index.mjs";
+import { aesEncrypt } from "./utils/ase.mjs";
+import { resetSize } from "./utils/util.mjs";
+import icon_chevron_right_default from "../../../_virtual/~icons/user-center/icon-chevron-right.mjs";
+import icon_close_default from "../../../_virtual/~icons/user-center/icon-close.mjs";
+import icon_done_default from "../../../_virtual/~icons/user-center/icon-done.mjs";
+import icon_refresh_default from "../../../_virtual/~icons/user-center/icon-refresh.mjs";
+import { computed, getCurrentInstance, nextTick, onMounted, reactive, ref, shallowRef, toRefs } from "vue";
+import { OIcon } from "@opensig/opendesign";
+// src/components/user-center/verify/VerifySlide.vue?vue&type=script&lang.ts
+/**
+* VerifySlide
+* @description 滑块
+* */
+var VerifySlide_vue_vue_type_script_lang_default = {
+	name: "VerifySlide",
+	components: {
+		OIcon,
+		IconRefresh: icon_refresh_default
+	},
+	props: {
+		captchaType: { type: String },
+		mode: {
+			type: String,
+			default: "fixed"
+		},
+		vSpace: {
+			type: Number,
+			default: 15
+		},
+		explain: {
+			type: String,
+			default: "向右滑动完成验证"
+		},
+		imgSize: {
+			type: Object,
+			default() {
+				return {
+					width: "310px",
+					height: "155px"
+				};
+			}
+		},
+		blockSize: {
+			type: Object,
+			default() {
+				return {
+					width: "50px",
+					height: "50px"
+				};
+			}
+		},
+		barSize: {
+			type: Object,
+			default() {
+				return {
+					width: "310px",
+					height: "40px"
+				};
+			}
+		},
+		apiType: {
+			type: String,
+			default: "ACCOUNT"
+		},
+		community: {
+			type: String,
+			default: "openeuler"
+		},
+		captchaApis: {
+			type: Object,
+			required: true
+		}
+	},
+	setup(props) {
+		const { mode, captchaType, blockSize, apiType } = toRefs(props);
+		const { t } = useI18n();
+		const explain = computed(() => t("common.SWIPE_RIGHT"));
+		const { proxy } = getCurrentInstance();
+		const secretKey = ref("");
+		const passFlag = ref("");
+		const backImgBase = ref("");
+		const blockBackImgBase = ref("");
+		const backToken = ref("");
+		const startMoveTime = ref(0);
+		const endMovetime = ref(0);
+		const tipsBackColor = ref("");
+		const tipWords = ref("");
+		const text = ref("");
+		const finishText = ref("");
+		const setSize = reactive({
+			imgHeight: 0,
+			imgWidth: 0,
+			barHeight: 0,
+			barWidth: 0
+		});
+		const top = ref(0);
+		const left = ref(0);
+		const moveBlockLeft = ref(void 0);
+		const leftBarWidth = ref(void 0);
+		const moveBlockBackgroundColor = ref(void 0);
+		const leftBarBorderColor = ref(void 0);
+		const iconColor = ref(void 0);
+		const iconComponent = shallowRef(icon_chevron_right_default);
+		const status = ref(false);
+		const isEnd = ref(false);
+		const showRefresh = ref(true);
+		const transitionLeft = ref("");
+		const transitionWidth = ref("");
+		const startLeft = ref(0);
+		const barArea = computed(() => {
+			return proxy.$el.querySelector(".verify-bar-area");
+		});
+		function getPictrue() {
+			const data = { captchaType: captchaType.value };
+			(apiType.value === "ACCOUNT" ? props.captchaApis.reqGet : props.captchaApis.getImgToken)(data).then((res) => {
+				if (res.repCode === "0000") {
+					backImgBase.value = res.repData.originalImageBase64;
+					blockBackImgBase.value = res.repData.jigsawImageBase64;
+					backToken.value = res.repData.token;
+					secretKey.value = res.repData.secretKey;
+				} else tipWords.value = res.repMsg;
+			});
+		}
+		const refresh = () => {
+			showRefresh.value = true;
+			finishText.value = "";
+			transitionLeft.value = "left .2s";
+			moveBlockLeft.value = 0;
+			leftBarWidth.value = void 0;
+			transitionWidth.value = "width .2s";
+			leftBarBorderColor.value = void 0;
+			moveBlockBackgroundColor.value = void 0;
+			iconColor.value = void 0;
+			iconComponent.value = icon_chevron_right_default;
+			isEnd.value = false;
+			getPictrue();
+			setTimeout(() => {
+				transitionWidth.value = "";
+				transitionLeft.value = "";
+				text.value = explain.value;
+			}, 300);
+		};
+		function start(e) {
+			e = e || window.event;
+			let x;
+			if (!e.touches) x = e.clientX;
+			else x = e.touches[0].pageX;
+			startLeft.value = Math.floor(x - barArea.value.getBoundingClientRect().left);
+			startMoveTime.value = Number(/* @__PURE__ */ new Date());
+			if (isEnd.value === false) {
+				const color = {
+					openeuler: "#002fa7",
+					opengauss: "#6e1be8",
+					mindspore: "#0080f2",
+					openmind: "#121212"
+				}[props.community?.toLowerCase()];
+				text.value = "";
+				moveBlockBackgroundColor.value = color;
+				leftBarBorderColor.value = color;
+				iconColor.value = "#fff";
+				e.stopPropagation();
+				status.value = true;
+			}
+		}
+		function move(e) {
+			e = e || window.event;
+			if (status.value && isEnd.value === false) {
+				let x;
+				if (!e.touches) x = e.clientX;
+				else x = e.touches[0].pageX;
+				const barAreaLeft = barArea.value.getBoundingClientRect().left;
+				let blockLeft = x - barAreaLeft;
+				if (blockLeft >= barArea.value.offsetWidth - parseInt(blockSize.value.width) / 2 - 2) blockLeft = barArea.value.offsetWidth - parseInt(blockSize.value.width) / 2 - 2;
+				if (blockLeft <= 0) blockLeft = parseInt(blockSize.value.width) / 2;
+				moveBlockLeft.value = blockLeft - startLeft.value + "px";
+				leftBarWidth.value = blockLeft - startLeft.value + 5 + "px";
+			}
+		}
+		function end() {
+			endMovetime.value = Number(/* @__PURE__ */ new Date());
+			if (status.value && isEnd.value === false) {
+				let moveLeftDistance = parseInt((moveBlockLeft.value || "").replace("px", ""));
+				moveLeftDistance = moveLeftDistance * 310 / parseInt(String(setSize.imgWidth));
+				const data = {
+					captchaType: captchaType.value,
+					pointJson: secretKey.value ? aesEncrypt(JSON.stringify({
+						x: moveLeftDistance,
+						y: 5
+					}), secretKey.value) : JSON.stringify({
+						x: moveLeftDistance,
+						y: 5
+					}),
+					token: backToken.value
+				};
+				(apiType.value === "ACCOUNT" ? props.captchaApis.reqCheck : props.captchaApis.checkImgToken)(data).then((res) => {
+					if (res.repCode === "0000") {
+						moveBlockBackgroundColor.value = "#6dc335";
+						leftBarBorderColor.value = "#6dc335";
+						iconColor.value = "#fff";
+						iconComponent.value = icon_done_default;
+						showRefresh.value = false;
+						isEnd.value = true;
+						if (mode.value === "pop") setTimeout(() => {
+							proxy.$parent.clickShow = false;
+							refresh();
+						}, 1500);
+						passFlag.value = true;
+						tipWords.value = t("common.VERIFY_SUCCESS", { second: `${((endMovetime.value - startMoveTime.value) / 1e3).toFixed(2)}` });
+						const captchaVerification = secretKey.value ? aesEncrypt(backToken.value + "---" + JSON.stringify({
+							x: moveLeftDistance,
+							y: 5
+						}), secretKey.value) : backToken.value + "---" + JSON.stringify({
+							x: moveLeftDistance,
+							y: 5
+						});
+						setTimeout(() => {
+							tipWords.value = "";
+							proxy.$parent.closeBox();
+							proxy.$parent.$emit("success", { captchaVerification });
+						}, 1e3);
+					} else {
+						isEnd.value = true;
+						moveBlockBackgroundColor.value = "rgb(var(--varify-error-color2))";
+						leftBarBorderColor.value = "rgb(var(--varify-error-color2))";
+						iconColor.value = "#fff";
+						iconComponent.value = icon_close_default;
+						passFlag.value = false;
+						setTimeout(() => {
+							refresh();
+						}, 1e3);
+						proxy.$parent.$emit("error", proxy);
+						tipWords.value = t(`common.${{
+							6111: "VERIFY_FAILED",
+							6110: "VERIFY_FAILED_INVALID"
+						}[res?.repCode]}`) || t("common.VERIFY_FAILED");
+						setTimeout(() => {
+							tipWords.value = "";
+						}, 1e3);
+					}
+				}).catch(() => {
+					isEnd.value = true;
+					moveBlockBackgroundColor.value = "rgb(var(--varify-error-color2))";
+					leftBarBorderColor.value = "rgb(var(--varify-error-color2))";
+					iconColor.value = "#fff";
+					iconComponent.value = icon_close_default;
+					passFlag.value = false;
+					setTimeout(() => {
+						refresh();
+					}, 1e3);
+					proxy.$parent.$emit("error", proxy);
+					tipWords.value = t("common.VERIFY_FAILED");
+					setTimeout(() => {
+						tipWords.value = "";
+					}, 1e3);
+				});
+				status.value = false;
+			}
+		}
+		function init() {
+			text.value = explain.value;
+			getPictrue();
+			nextTick(() => {
+				const { imgHeight, imgWidth, barHeight, barWidth } = resetSize(proxy);
+				setSize.imgHeight = imgHeight;
+				setSize.imgWidth = imgWidth;
+				setSize.barHeight = barHeight;
+				setSize.barWidth = barWidth;
+				proxy.$parent.$emit("ready", proxy);
+			});
+			window.removeEventListener("touchmove", (e) => {
+				move(e);
+			});
+			window.removeEventListener("mousemove", (e) => {
+				move(e);
+			});
+			window.removeEventListener("touchend", () => {
+				end();
+			});
+			window.removeEventListener("mouseup", () => {
+				end();
+			});
+			window.addEventListener("touchmove", (e) => {
+				move(e);
+			});
+			window.addEventListener("mousemove", (e) => {
+				move(e);
+			});
+			window.addEventListener("touchend", () => {
+				end();
+			});
+			window.addEventListener("mouseup", () => {
+				end();
+			});
+		}
+		onMounted(() => {
+			init();
+			proxy.$el.onselectstart = function() {
+				return false;
+			};
+		});
+		return {
+			secretKey,
+			passFlag,
+			backImgBase,
+			blockBackImgBase,
+			backToken,
+			startMoveTime,
+			endMovetime,
+			tipsBackColor,
+			tipWords,
+			text,
+			finishText,
+			setSize,
+			top,
+			left,
+			moveBlockLeft,
+			leftBarWidth,
+			moveBlockBackgroundColor,
+			leftBarBorderColor,
+			iconColor,
+			iconComponent,
+			status,
+			isEnd,
+			showRefresh,
+			transitionLeft,
+			transitionWidth,
+			barArea,
+			refresh,
+			start
+		};
+	}
+};
+export { VerifySlide_vue_vue_type_script_lang_default as default };

package/dist/treeshaking/components/user-center/verify/utils/ase.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @word 要加密的内容
+ * @keyWord String  服务器随机返回的关键字
+ *  */
+export declare function aesEncrypt(word: string, keyWord: string): string;

package/dist/treeshaking/components/user-center/verify/utils/ase.mjs

@@ -0,0 +1,17 @@
+import { __toESM } from "../../../../_virtual/_rolldown/runtime.mjs";
+import { require_crypto_js } from "../../../../_virtual/crypto-js/index.js.mjs";
+// src/components/user-center/verify/utils/ase.ts
+var import_crypto_js = /* @__PURE__ */ __toESM(require_crypto_js(), 1);
+/**
+* @word 要加密的内容
+* @keyWord String  服务器随机返回的关键字
+*  */
+function aesEncrypt(word, keyWord) {
+	const key = import_crypto_js.default.enc.Utf8.parse(keyWord);
+	const srcs = import_crypto_js.default.enc.Utf8.parse(word);
+	return import_crypto_js.default.AES.encrypt(srcs, key, {
+		mode: import_crypto_js.default.mode.ECB,
+		padding: import_crypto_js.default.pad.Pkcs7
+	}).toString();
+}
+export { aesEncrypt };

package/dist/treeshaking/components/user-center/verify/utils/util.d.ts

@@ -0,0 +1,6 @@
+export declare function resetSize(vm: any): {
+    imgWidth: any;
+    imgHeight: any;
+    barWidth: any;
+    barHeight: any;
+};

package/dist/treeshaking/components/user-center/verify/utils/util.mjs

@@ -0,0 +1,21 @@
+// src/components/user-center/verify/utils/util.ts
+function resetSize(vm) {
+	let imgWidth, imgHeight, barWidth, barHeight;
+	const parentWidth = vm.$el.parentNode.offsetWidth || window.offsetWidth;
+	const parentHeight = vm.$el.parentNode.offsetHeight || window.offsetHeight;
+	if (vm.imgSize.width.indexOf("%") !== -1) imgWidth = parseInt(vm.imgSize.width) / 100 * parentWidth + "px";
+	else imgWidth = vm.imgSize.width;
+	if (vm.imgSize.height.indexOf("%") !== -1) imgHeight = parseInt(vm.imgSize.height) / 100 * parentHeight + "px";
+	else imgHeight = vm.imgSize.height;
+	if (vm.barSize.width.indexOf("%") !== -1) barWidth = parseInt(vm.barSize.width) / 100 * parentWidth + "px";
+	else barWidth = vm.barSize.width;
+	if (vm.barSize.height.indexOf("%") !== -1) barHeight = parseInt(vm.barSize.height) / 100 * parentHeight + "px";
+	else barHeight = vm.barSize.height;
+	return {
+		imgWidth,
+		imgHeight,
+		barWidth,
+		barHeight
+	};
+}
+export { resetSize };

package/dist/treeshaking/components/video/OVideoDetail.mjs

@@ -0,0 +1,5 @@
+import OVideoDetail_vue_vue_type_script_setup_true_lang_default from "./OVideoDetail.vue_vue_type_script_setup_true_lang.mjs";
+import './OVideoDetail.vue_vue_type_style_index_0_lang.css';
+// src/components/video/OVideoDetail.vue
+var OVideoDetail_default = OVideoDetail_vue_vue_type_script_setup_true_lang_default;
+export { OVideoDetail_default as default };

package/dist/treeshaking/components/video/OVideoDetail.vue.d.ts

@@ -0,0 +1,7 @@
+import { CourseCollectionT } from './types';
+type __VLS_Props = {
+    data: CourseCollectionT;
+    layout?: 'horizontal' | 'vertical';
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/treeshaking/components/video/OVideoDetail.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,206 @@
+import { useI18n } from "../../i18n/index.mjs";
+import icon_chevron_right_default from "../../_virtual/~icons/components/icon-chevron-right.mjs";
+import WordAvatar_default from "../common/WordAvatar.mjs";
+import icon_video_default from "../../_virtual/~icons/video/icon-video.mjs";
+import icon_material_default from "../../_virtual/~icons/video/icon-material.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, ref, renderList, toDisplayString, unref, withCtx } from "vue";
+import { OCard, ODialog, ODivider, OIcon, OLink, OMenu, OMenuItem, OScroller } from "@opensig/opendesign";
+import { useScreen } from "@opendesign-plus/composables";
+// src/components/video/OVideoDetail.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "o-video-detail-content-wrapper" };
+var _hoisted_2 = { class: "o-video-card-item-header" };
+var _hoisted_3 = { class: "o-video-card-item-content o-video-info-desc" };
+var _hoisted_4 = { class: "o-video-card-item-content-font" };
+var _hoisted_5 = { class: "o-video-card-item-header" };
+var _hoisted_6 = { class: "o-video-card-item-header-title" };
+var _hoisted_7 = ["title"];
+var _hoisted_8 = { class: "o-video-course-main-header" };
+var _hoisted_9 = ["src"];
+var _hoisted_10 = { class: "o-video-course-info-wrapper" };
+var _hoisted_11 = { class: "o-video-course-info-title" };
+var _hoisted_12 = { class: "o-video-course-info-avatar" };
+var _hoisted_13 = { class: "o-video-info-detail-wrapper" };
+var _hoisted_14 = { class: "o-video-info-detail-name" };
+var _hoisted_15 = { class: "o-video-info-detail-position" };
+var _hoisted_16 = { class: "o-video-course-info-content-title" };
+var _hoisted_17 = { class: "o-video-course-info-content" };
+var _hoisted_18 = { class: "o-video-material-download-wrapper" };
+var _hoisted_19 = { class: "o-video-material-download-info" };
+var _hoisted_20 = { class: "o-video-material-download-tip" };
+var _hoisted_21 = {
+	key: 0,
+	class: "o-video-material-download-size"
+};
+var _hoisted_22 = { class: "o-video-dlg-title" };
+var _hoisted_23 = { class: "o-video-dlg-body" };
+var OVideoDetail_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "OVideoDetail",
+	props: {
+		data: {},
+		layout: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const { lePadV } = useScreen();
+		const { t } = useI18n();
+		const videoUrl = ref(props.data?.courseList?.[0]?.link || "");
+		const currentCourse = computed(() => {
+			return props.data?.courseList?.find((item) => item.link === videoUrl.value);
+		});
+		const hasMenu = computed(() => (props.data?.courseList?.length || 0) > 1);
+		const showDialog = ref(false);
+		const toggleDialog = (val) => {
+			showDialog.value = val;
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createElementVNode("div", _hoisted_1, [createVNode(unref(OCard), {
+				class: "o-video-card-item",
+				style: normalizeStyle({ "--video-banner-url": props.data?.banner ? `url(${props.data.banner})` : "none" })
+			}, {
+				header: withCtx(() => [createElementVNode("div", _hoisted_2, toDisplayString(props.data?.title), 1)]),
+				footer: withCtx(() => [createElementVNode("div", _hoisted_3, [props.data?.editorName ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("span", _hoisted_4, toDisplayString(unref(t)("video.editor")) + " " + toDisplayString(props.data?.editorName) + "(" + toDisplayString(props.data?.editorEmail) + ") ", 1), createVNode(unref(ODivider), { direction: "v" })], 64)) : createCommentVNode("", true), createElementVNode("span", null, toDisplayString(unref(t)("video.lastUpdated")) + " " + toDisplayString(props.data?.lastUpdated), 1)])]),
+				_: 1
+			}, 8, ["style"]), createElementVNode("div", { class: normalizeClass(["o-video-card-video-list", [`o-video-card-video-list--${props.layout || "horizontal"}`, { "o-video-card-video-list--no-menu": !hasMenu.value }]]) }, [
+				hasMenu.value ? (openBlock(), createBlock(unref(OCard), {
+					key: 0,
+					class: "o-video-course-menu-card"
+				}, {
+					header: withCtx(() => [createElementVNode("div", _hoisted_5, [createElementVNode("div", _hoisted_6, toDisplayString(unref(t)("video.sessionList")), 1), createElementVNode("div", {
+						class: "o-video-card-item-header-menu-wrapper",
+						onClick: _cache[0] || (_cache[0] = ($event) => toggleDialog(true))
+					}, [createElementVNode("div", {
+						class: "o-video-card-item-header-menu",
+						title: currentCourse.value?.title
+					}, toDisplayString(currentCourse.value?.title), 9, _hoisted_7), createVNode(unref(OIcon), null, {
+						default: withCtx(() => [createVNode(unref(icon_chevron_right_default))]),
+						_: 1
+					})])])]),
+					default: withCtx(() => [createVNode(unref(OScroller), {
+						"disabled-x": "",
+						"show-type": "always",
+						size: "small",
+						class: "o-video-video-scroller"
+					}, {
+						default: withCtx(() => [createVNode(unref(OMenu), {
+							modelValue: videoUrl.value,
+							"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => videoUrl.value = $event)
+						}, {
+							default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(props.data?.courseList, (item) => {
+								return openBlock(), createBlock(unref(OMenuItem), {
+									key: item.id,
+									value: item.link,
+									title: item.title
+								}, {
+									icon: withCtx(() => [createVNode(unref(OIcon), null, {
+										default: withCtx(() => [createVNode(unref(icon_video_default))]),
+										_: 1
+									})]),
+									default: withCtx(() => [createTextVNode(" " + toDisplayString(item.title), 1)]),
+									_: 2
+								}, 1032, ["value", "title"]);
+							}), 128))]),
+							_: 1
+						}, 8, ["modelValue"])]),
+						_: 1
+					})]),
+					_: 1
+				})) : createCommentVNode("", true),
+				createVNode(unref(OCard), { class: "o-video-course-video-card" }, {
+					header: withCtx(() => [createElementVNode("div", _hoisted_8, toDisplayString(currentCourse.value?.title), 1)]),
+					default: withCtx(() => [createElementVNode("video", {
+						controls: "",
+						muted: "",
+						preload: "auto",
+						class: "o-video-video-player",
+						src: videoUrl.value
+					}, null, 8, _hoisted_9)]),
+					_: 1
+				}),
+				createVNode(unref(OCard), { class: "o-video-course-info-card" }, createSlots({
+					default: withCtx(() => [createElementVNode("div", _hoisted_10, [
+						createElementVNode("div", _hoisted_11, toDisplayString(unref(t)("video.featuredSpeaker")), 1),
+						createElementVNode("div", _hoisted_12, [(openBlock(true), createElementBlock(Fragment, null, renderList(currentCourse.value?.speakers, (speaker) => {
+							return openBlock(), createElementBlock("div", {
+								key: speaker.id,
+								class: "o-video-course-info-avatar-item"
+							}, [createVNode(WordAvatar_default, {
+								name: speaker.name,
+								src: speaker.image,
+								style: {
+									width: "var(--avatar-size)",
+									height: "var(--avatar-size)"
+								}
+							}, null, 8, ["name", "src"]), createElementVNode("div", _hoisted_13, [createElementVNode("div", _hoisted_14, toDisplayString(speaker.name), 1), createElementVNode("div", _hoisted_15, toDisplayString(speaker.title), 1)])]);
+						}), 128))]),
+						createElementVNode("div", _hoisted_16, toDisplayString(unref(t)("video.abstract")), 1),
+						createElementVNode("div", _hoisted_17, toDisplayString(currentCourse.value?.description), 1),
+						createElementVNode("div", _hoisted_18, [createElementVNode("div", _hoisted_19, [
+							createVNode(unref(OIcon), null, {
+								default: withCtx(() => [createVNode(unref(icon_material_default))]),
+								_: 1
+							}),
+							createElementVNode("div", _hoisted_20, toDisplayString(unref(t)("video.downloadCourseware")), 1),
+							currentCourse.value?.materialSize ? (openBlock(), createElementBlock("span", _hoisted_21, toDisplayString(currentCourse.value.materialSize), 1)) : createCommentVNode("", true)
+						]), createVNode(unref(OLink), {
+							color: "primary",
+							target: "_self",
+							href: currentCourse.value?.material
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("video.download")), 1)]),
+							_: 1
+						}, 8, ["href"])])
+					])]),
+					_: 2
+				}, [__props.layout === "vertical" ? {
+					name: "header",
+					fn: withCtx(() => [_cache[6] || (_cache[6] = createElementVNode("div", { class: "o-video-card-item-header" }, toDisplayString("视频介绍材料"), -1))]),
+					key: "0"
+				} : void 0]), 1024)
+			], 2)]), createVNode(unref(ODialog), {
+				visible: showDialog.value,
+				"onUpdate:visible": _cache[5] || (_cache[5] = ($event) => showDialog.value = $event),
+				"phone-half-full": unref(lePadV),
+				scrollbar: true,
+				class: "o-video-courses-dialog-mb"
+			}, {
+				header: withCtx(() => [createElementVNode("p", _hoisted_22, toDisplayString(unref(t)("video.sessionList")), 1)]),
+				footer: withCtx(() => [createElementVNode("div", {
+					class: "o-video-dlg-action",
+					onClick: _cache[4] || (_cache[4] = ($event) => toggleDialog(false)),
+					style: { "cursor": "pointer" }
+				}, toDisplayString(unref(t)("video.cancel")), 1)]),
+				default: withCtx(() => [createElementVNode("div", _hoisted_23, [createVNode(unref(OScroller), {
+					"disabled-x": "",
+					"show-type": "always",
+					size: "small",
+					class: "o-video-video-scroller"
+				}, {
+					default: withCtx(() => [createVNode(unref(OMenu), {
+						modelValue: videoUrl.value,
+						"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => videoUrl.value = $event)
+					}, {
+						default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(props.data?.courseList, (item) => {
+							return openBlock(), createBlock(unref(OMenuItem), {
+								key: item.id,
+								value: item.link,
+								title: item.title,
+								onClick: _cache[2] || (_cache[2] = ($event) => toggleDialog(false))
+							}, {
+								icon: withCtx(() => [createVNode(unref(OIcon), null, {
+									default: withCtx(() => [createVNode(unref(icon_video_default))]),
+									_: 1
+								})]),
+								default: withCtx(() => [createTextVNode(" " + toDisplayString(item.title), 1)]),
+								_: 2
+							}, 1032, ["value", "title"]);
+						}), 128))]),
+						_: 1
+					}, 8, ["modelValue"])]),
+					_: 1
+				})])]),
+				_: 1
+			}, 8, ["visible", "phone-half-full"])], 64);
+		};
+	}
+});
+export { OVideoDetail_vue_vue_type_script_setup_true_lang_default as default };