@opendesign-plus/components 0.0.1-rc.102 → 0.0.1-rc.103

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

@@ -1,334 +0,0 @@
-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/video/OVideoDetail.mjs

@@ -1,5 +0,0 @@
-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_vue_type_script_setup_true_lang.mjs

@@ -1,206 +0,0 @@
-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 };