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

package/dist/treeshaking/components/banner/OBanner.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,129 @@
+import { useTheme } from "../../shared/theme.mjs";
+import ContentWrapper_default from "../common/ContentWrapper.mjs";
+import OBannerContent_default from "./OBannerContent.mjs";
+import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
+import { OCarousel, OCarouselItem, OFigure } from "@opensig/opendesign";
+import { useScreen } from "@opendesign-plus/composables";
+// src/components/banner/OBanner.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "content-height"
+};
+var _hoisted_2 = { key: 0 };
+var _hoisted_3 = {
+	key: 1,
+	class: "content-height"
+};
+var _hoisted_4 = {
+	key: 2,
+	class: "content-height"
+};
+var OBanner_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "OBanner",
+	props: {
+		options: {},
+		size: {},
+		contentJustifyCenter: { type: Boolean },
+		autoPlay: { type: Boolean }
+	},
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { isLight } = useTheme();
+		const { isPhone } = useScreen();
+		const singleBanner = computed(() => {
+			if (!props.options) return void 0;
+			if (Array.isArray(props.options)) return props.options.length === 1 ? props.options[0] : void 0;
+			return props.options;
+		});
+		const multiBanner = computed(() => {
+			if (!Array.isArray(props.options) || props.options.length <= 1) return void 0;
+			return props.options;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["home-banner", __props.size]) }, [singleBanner.value ? (openBlock(), createElementBlock("div", _hoisted_1, [__props.size === "tiny" ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(singleBanner.value.title), 1)) : !unref(isPhone) ? (openBlock(), createBlock(OBannerContent_default, {
+				key: 1,
+				info: singleBanner.value,
+				size: __props.size,
+				"content-justify-center": __props.contentJustifyCenter,
+				"is-phone": unref(isPhone),
+				"is-light": unref(isLight),
+				onClick: _cache[0] || (_cache[0] = ($event) => emit("click", $event))
+			}, null, 8, [
+				"info",
+				"size",
+				"content-justify-center",
+				"is-phone",
+				"is-light"
+			])) : (openBlock(), createBlock(ContentWrapper_default, {
+				key: 2,
+				class: "banner-wrapper"
+			}, {
+				default: withCtx(() => [createVNode(unref(OFigure), {
+					class: "banner-bg",
+					src: singleBanner.value.bg,
+					fit: "cover"
+				}, null, 8, ["src"])]),
+				_: 1
+			}))])) : multiBanner.value ? (openBlock(), createElementBlock("div", _hoisted_3, [!unref(isPhone) ? (openBlock(), createBlock(unref(OCarousel), {
+				key: 0,
+				class: "banner-carousel",
+				effect: "toggle",
+				"active-class": "current-slide",
+				"indicator-click": "",
+				"auto-play": __props.autoPlay
+			}, {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(multiBanner.value, (info, index) => {
+					return openBlock(), createBlock(unref(OCarouselItem), {
+						key: index,
+						class: normalizeClass(["banner-item", `banner-item${index}`])
+					}, {
+						default: withCtx(() => [createVNode(OBannerContent_default, {
+							info,
+							size: __props.size,
+							"content-justify-center": __props.contentJustifyCenter,
+							"is-phone": unref(isPhone),
+							"is-light": unref(isLight),
+							onClick: _cache[1] || (_cache[1] = ($event) => emit("click", $event))
+						}, null, 8, [
+							"info",
+							"size",
+							"content-justify-center",
+							"is-phone",
+							"is-light"
+						])]),
+						_: 2
+					}, 1032, ["class"]);
+				}), 128))]),
+				_: 1
+			}, 8, ["auto-play"])) : (openBlock(), createBlock(unref(OCarousel), {
+				key: 1,
+				class: "banner-carousel",
+				effect: "gallery",
+				"indicator-click": "",
+				arrow: "never",
+				"auto-play": __props.autoPlay
+			}, {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(multiBanner.value, (info, index) => {
+					return openBlock(), createBlock(unref(OCarouselItem), {
+						key: index,
+						class: normalizeClass(["banner-item", `banner-item${index}`])
+					}, {
+						default: withCtx(() => [createVNode(ContentWrapper_default, { class: "banner-wrapper" }, {
+							default: withCtx(() => [createVNode(unref(OFigure), {
+								class: "banner-bg",
+								src: info.bg,
+								onClick: ($event) => emit("click", info.href)
+							}, null, 8, ["src", "onClick"])]),
+							_: 2
+						}, 1024)]),
+						_: 2
+					}, 1032, ["class"]);
+				}), 128))]),
+				_: 1
+			}, 8, ["auto-play"]))])) : (openBlock(), createElementBlock("div", _hoisted_4, [..._cache[2] || (_cache[2] = [createElementVNode("p", null, "No data.", -1)])]))], 2);
+		};
+	}
+});
+export { OBanner_vue_vue_type_script_setup_true_lang_default as default };

package/dist/treeshaking/components/banner/OBannerContent.mjs

@@ -0,0 +1,6 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import OBannerContent_vue_vue_type_script_setup_true_lang_default from "./OBannerContent.vue_vue_type_script_setup_true_lang.mjs";
+import './OBannerContent.vue_vue_type_style_index_0_scoped_1904d05a_lang.css';
+// src/components/banner/OBannerContent.vue
+var OBannerContent_default = /*#__PURE__*/ _plugin_vue_export_helper_default(OBannerContent_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-1904d05a"]]);
+export { OBannerContent_default as default };

package/dist/treeshaking/components/banner/OBannerContent.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,93 @@
+import ContentWrapper_default from "../common/ContentWrapper.mjs";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, toDisplayString, unref, withCtx } from "vue";
+import { OButton, OFigure } from "@opensig/opendesign";
+// src/components/banner/OBannerContent.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "banner-content" };
+var _hoisted_2 = ["src"];
+var _hoisted_3 = {
+	key: 4,
+	class: "banner-opts"
+};
+var OBannerContent_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "OBannerContent",
+	props: {
+		info: {},
+		size: {},
+		contentJustifyCenter: { type: Boolean },
+		isPhone: { type: Boolean },
+		isLight: { type: Boolean }
+	},
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const onClick = (href, hasBtn) => {
+			if (href && !hasBtn) {
+				window.open(href);
+				emit("click", href);
+			}
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(OFigure), {
+				class: normalizeClass(["banner-bg", {
+					"with-sticky-bg": __props.info.withStickyBg,
+					"cursor-pointer": __props.info.href && !__props.info.btn
+				}]),
+				src: __props.info.bg,
+				style: normalizeStyle({ "--pad-offset": __props.info.pad_offset }),
+				onClick: _cache[0] || (_cache[0] = ($event) => onClick(__props.info.href, __props.info.btn))
+			}, {
+				default: withCtx(() => [createVNode(ContentWrapper_default, { class: normalizeClass(["banner-wrapper", ["banner-wrapper", __props.contentJustifyCenter ? "content-center" : ""]]) }, {
+					default: withCtx(() => [createElementVNode("div", _hoisted_1, [
+						!__props.isPhone && __props.info.attach ? (openBlock(), createElementBlock("img", {
+							key: 0,
+							src: __props.info.attach,
+							class: "banner-attach"
+						}, null, 8, _hoisted_2)) : createCommentVNode("", true),
+						__props.info.title ? (openBlock(), createElementBlock("div", {
+							key: 1,
+							class: normalizeClass({
+								"banner-title": true,
+								"text-dark": __props.info.text_theme === "dark"
+							})
+						}, toDisplayString(__props.info.title), 3)) : createCommentVNode("", true),
+						__props.info.subtitle ? (openBlock(), createElementBlock("div", {
+							key: 2,
+							class: normalizeClass({
+								"banner-subtitle": true,
+								"text-dark": __props.info.text_theme === "dark"
+							})
+						}, toDisplayString(__props.info.subtitle), 3)) : createCommentVNode("", true),
+						__props.info.bg_text ? (openBlock(), createElementBlock("div", {
+							key: 3,
+							class: "banner-text",
+							style: normalizeStyle({
+								backgroundImage: `url(${__props.info.bg_text})`,
+								"--pc-width": __props.info.pc_text_width,
+								"--pc-height": __props.info.pc_text_height,
+								"--pad-width": __props.info.pad_text_width,
+								"--pad-height": __props.info.pad_text_height
+							})
+						}, null, 4)) : createCommentVNode("", true),
+						__props.info.btn ? (openBlock(), createElementBlock("div", _hoisted_3, [createVNode(unref(OButton), {
+							href: __props.info.href,
+							target: "_blank",
+							variant: "solid",
+							color: "primary",
+							size: __props.size === "tiny" ? void 0 : __props.size
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(__props.info.btn), 1)]),
+							_: 1
+						}, 8, ["href", "size"])])) : createCommentVNode("", true)
+					])]),
+					_: 1
+				}, 8, ["class"])]),
+				_: 1
+			}, 8, [
+				"src",
+				"class",
+				"style"
+			]);
+		};
+	}
+});
+export { OBannerContent_vue_vue_type_script_setup_true_lang_default as default };

package/dist/treeshaking/components/banner/index.mjs

@@ -1,16 +1,10 @@
-import _OBanner from "./OBanner.vue.mjs";
-import _OBannerContent from "./OBannerContent.vue.mjs";
-const OBanner = Object.assign(_OBanner, {
-  install(app) {
-    app.component("OBanner", _OBanner);
-  }
-});
-const OBannerContent = Object.assign(_OBannerContent, {
-  install(app) {
-    app.component("OBannerContent", _OBannerContent);
-  }
-});
-export {
-  OBanner,
-  OBannerContent
-};
+import OBannerContent_default from "./OBannerContent.mjs";
+import OBanner_default from "./OBanner.mjs";
+// src/components/banner/index.ts
+var OBanner = Object.assign(OBanner_default, { install(app) {
+	app.component("OBanner", OBanner_default);
+} });
+var OBannerContent = Object.assign(OBannerContent_default, { install(app) {
+	app.component("OBannerContent", OBannerContent_default);
+} });
+export { OBanner, OBannerContent };

package/dist/treeshaking/components/brand/OBrandFile.mjs

@@ -0,0 +1,6 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import OBrandFile_vue_vue_type_script_setup_true_lang_default from "./OBrandFile.vue_vue_type_script_setup_true_lang.mjs";
+import './OBrandFile.vue_vue_type_style_index_0_scoped_9919f662_lang.css';
+// src/components/brand/OBrandFile.vue
+var OBrandFile_default = /*#__PURE__*/ _plugin_vue_export_helper_default(OBrandFile_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-9919f662"]]);
+export { OBrandFile_default as default };

package/dist/treeshaking/components/brand/OBrandFile.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,59 @@
+import { useI18n } from "../../i18n/index.mjs";
+import { useBrandDownload } from "./utils.mjs";
+import { Fragment, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
+import { OButton, OCard, OCol, ORow } from "@opensig/opendesign";
+// src/components/brand/OBrandFile.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "o-brand-file" };
+var _hoisted_2 = { class: "o-brand-file-btn" };
+var OBrandFile_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "OBrandFile",
+	props: { list: { default: () => [] } },
+	setup(__props) {
+		const props = __props;
+		const { t } = useI18n();
+		const { downloadByUrl } = useBrandDownload();
+		const getFilename = (item) => item.filename || item.file.split("/").pop() || item.title;
+		const downloadFile = (item) => {
+			downloadByUrl(item.file, getFilename(item));
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(ORow), null, {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(props.list, (item, index) => {
+					return openBlock(), createBlock(unref(OCol), {
+						key: index,
+						flex: "0 1 33.33%",
+						laptop: { flex: "0 1 33.33%" },
+						pad: { flex: "0 1 33.33%" },
+						"pad-v": { flex: "0 1 50%" },
+						phone: { flex: "0 1 100%" }
+					}, {
+						default: withCtx(() => [createVNode(unref(OCard), {
+							title: item.title,
+							cover: item.cover,
+							class: normalizeClass(["o-brand-file-card", item.coverClass])
+						}, {
+							default: withCtx(() => [createElementVNode("div", _hoisted_2, [createVNode(unref(OButton), {
+								size: "large",
+								color: "primary",
+								variant: "outline",
+								round: "pill",
+								onClick: ($event) => downloadFile(item)
+							}, {
+								default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("brand.download")), 1)]),
+								_: 1
+							}, 8, ["onClick"])])]),
+							_: 2
+						}, 1032, [
+							"title",
+							"cover",
+							"class"
+						])]),
+						_: 2
+					}, 1024);
+				}), 128))]),
+				_: 1
+			})]);
+		};
+	}
+});
+export { OBrandFile_vue_vue_type_script_setup_true_lang_default as default };

package/dist/treeshaking/components/brand/OBrandLogo.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import OBrandLogo_vue_vue_type_script_setup_true_lang_default from "./OBrandLogo.vue_vue_type_script_setup_true_lang.mjs";
+import './OBrandLogo.vue_vue_type_style_index_0_scoped_6b4fb6c1_lang.css';
+import './OBrandLogo.vue_vue_type_style_index_1_lang.css';
+// src/components/brand/OBrandLogo.vue
+var OBrandLogo_default = /*#__PURE__*/ _plugin_vue_export_helper_default(OBrandLogo_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-6b4fb6c1"]]);
+export { OBrandLogo_default as default };

package/dist/treeshaking/components/brand/OBrandLogo.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,101 @@
+import { useI18n } from "../../i18n/index.mjs";
+import { useBrandDownload } from "./utils.mjs";
+import { Fragment, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
+import { OButton, OCard, OCol, ODropdown, ODropdownItem, OIcon, OIconChevronDown, ORow } from "@opensig/opendesign";
+// src/components/brand/OBrandLogo.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "o-brand-logo" };
+var _hoisted_2 = { class: "o-brand-logo-btn" };
+var OBrandLogo_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "OBrandLogo",
+	props: {
+		list: { default: () => [] },
+		formats: { default: () => [
+			"JPG",
+			"PNG",
+			"SVG"
+		] }
+	},
+	setup(__props) {
+		const props = __props;
+		const { t } = useI18n();
+		const { downloadByUrl } = useBrandDownload();
+		const resolveFormats = (item) => {
+			if (item.formats?.length) return item.formats;
+			return props.formats.map((label) => {
+				const url = item[label.toLowerCase()];
+				if (!url) return null;
+				return {
+					label,
+					url,
+					filename: `${item.title}.${label.toLowerCase()}`
+				};
+			}).filter((format) => format !== null);
+		};
+		const getCover = (item) => item.cover || item.png || item.formats?.[0]?.url;
+		const downloadLogo = (item, format) => {
+			downloadByUrl(format.url, format.filename || `${item.title}.${format.label.toLowerCase()}`);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(ORow), null, {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(props.list, (item, index) => {
+					return openBlock(), createBlock(unref(OCol), {
+						key: index,
+						flex: "0 1 33.33%",
+						laptop: { flex: "0 1 33.33%" },
+						pad: { flex: "0 1 33.33%" },
+						"pad-v": { flex: "0 1 50%" },
+						phone: { flex: "0 1 100%" }
+					}, {
+						default: withCtx(() => [createVNode(unref(OCard), {
+							title: item.title,
+							cover: getCover(item),
+							"cover-fit": "contain",
+							class: normalizeClass(["o-brand-logo-card", `type-${item.type}`])
+						}, {
+							default: withCtx(() => [createElementVNode("div", _hoisted_2, [createVNode(unref(ODropdown), {
+								trigger: "hover",
+								optionPosition: "bottom",
+								optionWrapClass: "o-brand-logo-dropdown"
+							}, {
+								dropdown: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(resolveFormats(item), (format) => {
+									return openBlock(), createBlock(unref(ODropdownItem), {
+										key: format.label,
+										size: "large",
+										color: "primary",
+										variant: "text",
+										onClick: ($event) => downloadLogo(item, format)
+									}, {
+										default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("brand.download")) + toDisplayString(format.label), 1)]),
+										_: 2
+									}, 1032, ["onClick"]);
+								}), 128))]),
+								default: withCtx(() => [createVNode(unref(OButton), {
+									color: "primary",
+									variant: "outline",
+									size: "large",
+									round: "pill"
+								}, {
+									suffix: withCtx(() => [createVNode(unref(OIcon), null, {
+										default: withCtx(() => [createVNode(unref(OIconChevronDown))]),
+										_: 1
+									})]),
+									default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("brand.download")) + " ", 1)]),
+									_: 1
+								})]),
+								_: 2
+							}, 1024)])]),
+							_: 2
+						}, 1032, [
+							"title",
+							"cover",
+							"class"
+						])]),
+						_: 2
+					}, 1024);
+				}), 128))]),
+				_: 1
+			})]);
+		};
+	}
+});
+export { OBrandLogo_vue_vue_type_script_setup_true_lang_default as default };

package/dist/treeshaking/components/brand/OBrandStandard.mjs

@@ -0,0 +1,6 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import OBrandStandard_vue_vue_type_script_setup_true_lang_default from "./OBrandStandard.vue_vue_type_script_setup_true_lang.mjs";
+import './OBrandStandard.vue_vue_type_style_index_0_scoped_a9afbc57_lang.css';
+// src/components/brand/OBrandStandard.vue
+var OBrandStandard_default = /*#__PURE__*/ _plugin_vue_export_helper_default(OBrandStandard_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-a9afbc57"]]);
+export { OBrandStandard_default as default };

package/dist/treeshaking/components/brand/OBrandStandard.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,51 @@
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
+import { OCard, OFigure } from "@opensig/opendesign";
+// src/components/brand/OBrandStandard.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "o-brand-standard-content" };
+var _hoisted_2 = {
+	key: 0,
+	class: "o-brand-standard-code"
+};
+var _hoisted_3 = {
+	key: 1,
+	class: "o-brand-standard-strong"
+};
+var _hoisted_4 = { key: 2 };
+var _hoisted_5 = {
+	key: 0,
+	class: "o-brand-standard-img"
+};
+var OBrandStandard_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "OBrandStandard",
+	props: { item: {} },
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(OCard), { class: "o-brand-standard" }, {
+				default: withCtx(() => [createElementVNode("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(props.item.descs, (line, index) => {
+					return openBlock(), createElementBlock("div", {
+						key: index,
+						class: normalizeClass(["o-brand-standard-line", {
+							"more-gap": line.gap === "more",
+							"none-gap": line.gap === "none"
+						}])
+					}, [
+						line.code ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(line.code), 1)) : createCommentVNode("", true),
+						line.titleText ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(line.titleText), 1)) : createCommentVNode("", true),
+						line.text ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(line.text), 1)) : createCommentVNode("", true)
+					], 2);
+				}), 128))]), props.item.image || props.item.imageDark ? (openBlock(), createElementBlock("div", _hoisted_5, [props.item.image ? (openBlock(), createBlock(unref(OFigure), {
+					key: 0,
+					class: "o-brand-standard-img-light",
+					src: props.item.image
+				}, null, 8, ["src"])) : createCommentVNode("", true), props.item.imageDark ? (openBlock(), createBlock(unref(OFigure), {
+					key: 1,
+					class: "o-brand-standard-img-dark",
+					src: props.item.imageDark
+				}, null, 8, ["src"])) : createCommentVNode("", true)])) : createCommentVNode("", true)]),
+				_: 1
+			});
+		};
+	}
+});
+export { OBrandStandard_vue_vue_type_script_setup_true_lang_default as default };

package/dist/treeshaking/components/brand/index.mjs

@@ -1,23 +1,14 @@
-import _OBrandLogo from "./OBrandLogo.vue.mjs";
-import _OBrandFile from "./OBrandFile.vue.mjs";
-import _OBrandStandard from "./OBrandStandard.vue.mjs";
-const OBrandLogo = Object.assign(_OBrandLogo, {
-  install(app) {
-    app.component("OBrandLogo", _OBrandLogo);
-  }
-});
-const OBrandFile = Object.assign(_OBrandFile, {
-  install(app) {
-    app.component("OBrandFile", _OBrandFile);
-  }
-});
-const OBrandStandard = Object.assign(_OBrandStandard, {
-  install(app) {
-    app.component("OBrandStandard", _OBrandStandard);
-  }
-});
-export {
-  OBrandFile,
-  OBrandLogo,
-  OBrandStandard
-};
+import OBrandLogo_default from "./OBrandLogo.mjs";
+import OBrandFile_default from "./OBrandFile.mjs";
+import OBrandStandard_default from "./OBrandStandard.mjs";
+// src/components/brand/index.ts
+var OBrandLogo = Object.assign(OBrandLogo_default, { install(app) {
+	app.component("OBrandLogo", OBrandLogo_default);
+} });
+var OBrandFile = Object.assign(OBrandFile_default, { install(app) {
+	app.component("OBrandFile", OBrandFile_default);
+} });
+var OBrandStandard = Object.assign(OBrandStandard_default, { install(app) {
+	app.component("OBrandStandard", OBrandStandard_default);
+} });
+export { OBrandFile, OBrandLogo, OBrandStandard };

package/dist/treeshaking/components/brand/utils.mjs

@@ -1,28 +1,24 @@
-import { useMessage } from "@opensig/opendesign";
 import { useI18n } from "../../i18n/index.mjs";
+import { useMessage } from "@opensig/opendesign";
+// src/components/brand/utils.ts
 function useBrandDownload() {
-  const { t } = useI18n();
-  const message = useMessage();
-  const downloadByUrl = async (url, filename) => {
-    try {
-      const response = await fetch(url);
-      const blob = await response.blob();
-      const blobUrl = URL.createObjectURL(blob);
-      const a = document.createElement("a");
-      a.href = blobUrl;
-      a.download = filename;
-      document.body.appendChild(a);
-      a.click();
-      document.body.removeChild(a);
-      URL.revokeObjectURL(blobUrl);
-    } catch {
-      message.danger({
-        content: t("brand.downloadFail")
-      });
-    }
-  };
-  return { downloadByUrl };
+	const { t } = useI18n();
+	const message = useMessage();
+	const downloadByUrl = async (url, filename) => {
+		try {
+			const blob = await (await fetch(url)).blob();
+			const blobUrl = URL.createObjectURL(blob);
+			const a = document.createElement("a");
+			a.href = blobUrl;
+			a.download = filename;
+			document.body.appendChild(a);
+			a.click();
+			document.body.removeChild(a);
+			URL.revokeObjectURL(blobUrl);
+		} catch {
+			message.danger({ content: t("brand.downloadFail") });
+		}
+	};
+	return { downloadByUrl };
 }
-export {
-  useBrandDownload
-};
+export { useBrandDownload };

package/dist/treeshaking/components/common/AppAvatar.mjs

@@ -0,0 +1,6 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import AppAvatar_vue_vue_type_script_setup_true_lang_default from "./AppAvatar.vue_vue_type_script_setup_true_lang.mjs";
+import './AppAvatar.vue_vue_type_style_index_0_scoped_9aaf13f3_lang.css';
+// src/components/common/AppAvatar.vue
+var AppAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(AppAvatar_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-9aaf13f3"]]);
+export { AppAvatar_default as default };

package/dist/treeshaking/components/common/AppAvatar.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,73 @@
+import { computed, createElementBlock, defineComponent, normalizeClass, normalizeStyle, openBlock, toDisplayString } from "vue";
+// src/components/common/AppAvatar.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["src"];
+var AppAvatar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "AppAvatar",
+	props: {
+		avatar: {
+			type: String,
+			default: ""
+		},
+		name: {
+			type: String,
+			default: "",
+			required: true
+		},
+		size: {
+			type: String,
+			default: "medium"
+		},
+		customSize: {
+			type: Number,
+			default: 20
+		},
+		variant: {
+			type: String,
+			default: "round"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const bgColorArr = [
+			"#058EF0",
+			"#FA7305",
+			"#03B5A5"
+		];
+		const avatarText = computed(() => props.name?.charAt(0).toUpperCase());
+		const getAvatarStyle = computed(() => {
+			const avatarStyle = {
+				"background-color": "",
+				width: props.customSize + "px",
+				height: props.customSize + "px",
+				"font-size": "20px"
+			};
+			avatarStyle["background-color"] = props.name ? bgColorArr[props.name?.length % bgColorArr.length] : "transparent";
+			let sizeNum = 0;
+			if (props.customSize) sizeNum = Number(props.customSize);
+			else sizeNum = {
+				mini: 16,
+				small: 24,
+				medium: 40,
+				large: 64
+			}[props.size];
+			avatarStyle.height = `${sizeNum}px`;
+			avatarStyle.width = `${sizeNum}px`;
+			avatarStyle["font-size"] = `${sizeNum / 2}px`;
+			return avatarStyle;
+		});
+		return (_ctx, _cache) => {
+			return __props.avatar && !__props.avatar.includes("gitcode") ? (openBlock(), createElementBlock("img", {
+				key: 0,
+				src: __props.avatar,
+				class: normalizeClass(["img-avatar", __props.variant]),
+				style: normalizeStyle(getAvatarStyle.value),
+				alt: ""
+			}, null, 14, _hoisted_1)) : (openBlock(), createElementBlock("div", {
+				key: 1,
+				class: normalizeClass(["word-avatar", __props.variant]),
+				style: normalizeStyle(getAvatarStyle.value)
+			}, toDisplayString(avatarText.value), 7));
+		};
+	}
+});
+export { AppAvatar_vue_vue_type_script_setup_true_lang_default as default };