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

package/dist/treeshaking/components/user-center/verify/Verify.mjs

@@ -0,0 +1,58 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import Verify_vue_vue_type_script_lang_default from "./Verify.vue_vue_type_script_lang.mjs";
+import './Verify.vue_vue_type_style_index_0_lang.css';
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, normalizeClass, normalizeStyle, openBlock, resolveComponent, resolveDynamicComponent, toDisplayString, withModifiers } from "vue";
+// src/components/user-center/verify/Verify.vue
+var _hoisted_1 = {
+	key: 0,
+	class: "verifybox-top"
+};
+var _hoisted_2 = { class: "iconfont icon-close" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_IconClose = resolveComponent("IconClose");
+	return $setup.clickShow ? (openBlock(), createElementBlock("div", {
+		key: 0,
+		class: normalizeClass(["o-user-center-verify", $props.mode == "pop" ? "mask" : ""]),
+		onTouchstart: withModifiers(() => {}, ["prevent"])
+	}, [createElementVNode("div", {
+		class: normalizeClass($props.mode == "pop" ? "verifybox" : ""),
+		style: normalizeStyle({ "max-width": parseInt($props.imgSize.width) + 64 + "px" })
+	}, [$props.mode == "pop" ? (openBlock(), createElementBlock("div", _hoisted_1, [createTextVNode(toDisplayString($setup.t("common.PLEASE_DRAG_SLIDER")) + " ", 1), createElementVNode("span", {
+		class: "verifybox-close",
+		onClick: _cache[0] || (_cache[0] = (...args) => $setup.closeBox && $setup.closeBox(...args)),
+		onTouchstart: _cache[1] || (_cache[1] = withModifiers((...args) => $setup.closeBox && $setup.closeBox(...args), ["prevent"]))
+	}, [createElementVNode("i", _hoisted_2, [createVNode(_component_IconClose)])], 32)])) : createCommentVNode("", true), createElementVNode("div", {
+		class: "verifybox-bottom",
+		style: normalizeStyle({ padding: $props.mode == "pop" ? "15px" : "0" })
+	}, [$setup.componentType ? (openBlock(), createBlock(resolveDynamicComponent($setup.componentType), {
+		key: 0,
+		ref: "instance",
+		"captcha-type": $props.captchaType,
+		figure: $props.figure,
+		arith: $props.arith,
+		mode: $props.mode,
+		"v-space": $props.vSpace,
+		explain: $props.explain,
+		"img-size": $props.imgSize,
+		"block-size": $props.blockSize,
+		"bar-size": $props.barSize,
+		"api-type": $props.apiType,
+		community: $props.community,
+		"captcha-apis": $props.captchaApis
+	}, null, 8, [
+		"captcha-type",
+		"figure",
+		"arith",
+		"mode",
+		"v-space",
+		"explain",
+		"img-size",
+		"block-size",
+		"bar-size",
+		"api-type",
+		"community",
+		"captcha-apis"
+	])) : createCommentVNode("", true)], 4)], 6)], 34)) : createCommentVNode("", true);
+}
+var Verify_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Verify_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+export { Verify_default as default };

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

@@ -0,0 +1,72 @@
+import { useI18n } from "../../../i18n/index.mjs";
+import icon_close_default from "../../../_virtual/~icons/user-center/icon-close.mjs";
+import VerifySlide_default from "./VerifySlide.mjs";
+import { ref } from "vue";
+// src/components/user-center/verify/Verify.vue?vue&type=script&lang.ts
+/**
+* Verify 验证码组件
+* @description 分发验证码使用
+* */
+var Verify_vue_vue_type_script_lang_default = {
+	name: "Vue2Verify",
+	components: {
+		VerifySlide: VerifySlide_default,
+		IconClose: icon_close_default
+	},
+	props: {
+		captchaType: {
+			type: String,
+			required: true
+		},
+		figure: { type: Number },
+		arith: { type: Number },
+		mode: {
+			type: String,
+			default: "pop"
+		},
+		vSpace: { type: Number },
+		explain: { type: String },
+		imgSize: {
+			type: Object,
+			default() {
+				return {
+					width: "310px",
+					height: "155px"
+				};
+			}
+		},
+		blockSize: { type: Object },
+		barSize: { type: Object },
+		apiType: {
+			type: String,
+			default: "ACCOUNT"
+		},
+		community: {
+			type: String,
+			default: "openeuler"
+		},
+		captchaApis: {
+			type: Object,
+			required: true
+		}
+	},
+	setup() {
+		const clickShow = ref(false);
+		const componentType = ref("VerifySlide");
+		const { t } = useI18n();
+		const closeBox = () => {
+			clickShow.value = false;
+		};
+		const show = () => {
+			clickShow.value = true;
+		};
+		return {
+			clickShow,
+			componentType,
+			closeBox,
+			show,
+			t
+		};
+	}
+};
+export { Verify_vue_vue_type_script_lang_default as default };

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

@@ -0,0 +1,105 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import VerifySlide_vue_vue_type_script_lang_default from "./VerifySlide.vue_vue_type_script_lang.mjs";
+import { Fragment, Transition, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, normalizeClass, normalizeStyle, openBlock, resolveComponent, resolveDynamicComponent, toDisplayString, vShow, withCtx, withDirectives, withModifiers } from "vue";
+// src/components/user-center/verify/VerifySlide.vue
+var _hoisted_1 = { style: { "position": "relative" } };
+var _hoisted_2 = ["src"];
+var _hoisted_3 = { class: "iconfont icon-refresh" };
+var _hoisted_4 = ["textContent"];
+var _hoisted_5 = ["textContent"];
+var _hoisted_6 = ["src"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_IconRefresh = resolveComponent("IconRefresh");
+	const _component_OIcon = resolveComponent("OIcon");
+	return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", {
+		class: "verify-img-out",
+		style: normalizeStyle({ height: parseInt($setup.setSize.imgHeight) + $props.vSpace + "px" })
+	}, [createElementVNode("div", {
+		class: "verify-img-panel",
+		style: normalizeStyle({
+			width: $setup.setSize.imgWidth,
+			height: $setup.setSize.imgHeight
+		})
+	}, [$setup.backImgBase ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+		createElementVNode("img", {
+			src: "data:image/png;base64," + $setup.backImgBase,
+			alt: "",
+			style: {
+				"width": "100%",
+				"height": "100%",
+				"display": "block"
+			}
+		}, null, 8, _hoisted_2),
+		withDirectives(createElementVNode("div", {
+			class: "verify-refresh",
+			onClick: _cache[0] || (_cache[0] = (...args) => $setup.refresh && $setup.refresh(...args)),
+			onTouchstart: _cache[1] || (_cache[1] = withModifiers((...args) => $setup.refresh && $setup.refresh(...args), ["prevent"]))
+		}, [createElementVNode("i", _hoisted_3, [createVNode(_component_IconRefresh)])], 544), [[vShow, $setup.showRefresh]]),
+		createVNode(Transition, { name: "tips" }, {
+			default: withCtx(() => [$setup.tipWords ? (openBlock(), createElementBlock("span", {
+				key: 0,
+				class: normalizeClass(["verify-tips", $setup.passFlag ? "suc-bg" : "err-bg"])
+			}, "\xA0\xA0\xA0" + toDisplayString($setup.tipWords), 3)) : createCommentVNode("", true)]),
+			_: 1
+		})
+	], 64)) : createCommentVNode("", true)], 4)], 4), createElementVNode("div", {
+		class: "verify-bar-area",
+		style: normalizeStyle({
+			width: $setup.setSize.imgWidth,
+			height: $props.barSize.height,
+			"line-height": $props.barSize.height
+		})
+	}, [createElementVNode("span", {
+		class: "verify-msg",
+		textContent: toDisplayString($setup.text)
+	}, null, 8, _hoisted_4), createElementVNode("div", {
+		class: normalizeClass(["verify-left-bar", $setup.isEnd ? $setup.passFlag ? "suc-bg" : "err-bg" : ""]),
+		style: normalizeStyle({
+			width: $setup.leftBarWidth,
+			height: $props.barSize.height,
+			"border-color": $setup.leftBarWidth !== void 0 ? $setup.leftBarBorderColor : "transparent",
+			transaction: $setup.transitionWidth
+		})
+	}, [createElementVNode("span", {
+		class: "verify-msg",
+		textContent: toDisplayString($setup.finishText)
+	}, null, 8, _hoisted_5), createElementVNode("div", {
+		class: "verify-move-block",
+		style: normalizeStyle({
+			width: $props.barSize.height,
+			height: $props.barSize.height,
+			"background-color": $setup.moveBlockBackgroundColor,
+			"border-color": $setup.moveBlockBackgroundColor,
+			left: $setup.moveBlockLeft,
+			transition: $setup.transitionLeft
+		}),
+		onTouchstart: _cache[2] || (_cache[2] = withModifiers((...args) => $setup.start && $setup.start(...args), ["prevent"])),
+		onMousedown: _cache[3] || (_cache[3] = withModifiers((...args) => $setup.start && $setup.start(...args), ["prevent"]))
+	}, [createVNode(_component_OIcon, {
+		class: "verify-icon",
+		style: normalizeStyle({ color: $setup.iconColor })
+	}, {
+		default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent($setup.iconComponent)))]),
+		_: 1
+	}, 8, ["style"]), createElementVNode("div", {
+		class: "verify-sub-block",
+		style: normalizeStyle({
+			width: Math.floor(parseInt($setup.setSize.imgWidth) * 47 / 310) + "px",
+			height: $setup.setSize.imgHeight,
+			top: "-" + (parseInt($setup.setSize.imgHeight) + $props.vSpace) + "px",
+			"background-size": $setup.setSize.imgWidth + " " + $setup.setSize.imgHeight
+		})
+	}, [$setup.blockBackImgBase ? (openBlock(), createElementBlock("img", {
+		key: 0,
+		src: "data:image/png;base64," + $setup.blockBackImgBase,
+		alt: "",
+		style: {
+			"width": "100%",
+			"height": "100%",
+			"display": "block",
+			"-webkit-user-drag": "none"
+		}
+	}, null, 8, _hoisted_6)) : createCommentVNode("", true)], 4)], 36)], 6)], 4)]);
+}
+var VerifySlide_default = /*#__PURE__*/ _plugin_vue_export_helper_default(VerifySlide_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+export { VerifySlide_default as default };

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.mjs

@@ -1,13 +1,17 @@
-import CryptoJS from "../../../../_virtual/crypto-js/index.js.mjs";
+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 = CryptoJS.enc.Utf8.parse(keyWord);
-  const srcs = CryptoJS.enc.Utf8.parse(word);
-  const encrypted = CryptoJS.AES.encrypt(srcs, key, {
-    mode: CryptoJS.mode.ECB,
-    padding: CryptoJS.pad.Pkcs7
-  });
-  return encrypted.toString();
+	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
-};
+export { aesEncrypt };

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

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