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

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/OBrandLogo.vue_vue_type_style_index_0_scoped_6b4fb6c1_lang.css

@@ -0,0 +1,105 @@
+.hover-icon-rotate .o-icon[data-v-6b4fb6c1] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-6b4fb6c1] {
+    transform: rotate(-180deg);
+}
+}
+.o-brand-logo[data-v-6b4fb6c1] .o-row {
+  --row-gap-x: var(--o-gap-6);
+  --row-gap-y: var(--o-gap-6);
+}
+@media (max-width: 1680px) {
+.o-brand-logo[data-v-6b4fb6c1] .o-row {
+    --row-gap-x: var(--o-gap-5);
+    --row-gap-y: var(--o-gap-5);
+}
+}
+@media (max-width: 1200px) {
+.o-brand-logo[data-v-6b4fb6c1] .o-row {
+    --row-gap-x: var(--o-gap-4);
+    --row-gap-y: var(--o-gap-4);
+}
+}
+@media (max-width: 840px) {
+.o-brand-logo[data-v-6b4fb6c1] .o-row {
+    --row-gap-x: var(--o-gap-3);
+    --row-gap-y: var(--o-gap-3);
+}
+}
+.o-brand-logo[data-v-6b4fb6c1] .o-card {
+  --card-main-padding: var(--o-gap-5) var(--o-gap-5) var(--o-gap-4) var(--o-gap-5);
+  --card-content-gap: var(--o-gap-5);
+}
+@media (max-width: 1680px) {
+.o-brand-logo[data-v-6b4fb6c1] .o-card {
+    --card-main-padding: var(--o-gap-4) var(--o-gap-4) var(--o-gap-3) var(--o-gap-4);
+    --card-content-gap: var(--o-gap-4);
+}
+}
+@media (max-width: 1200px) {
+.o-brand-logo[data-v-6b4fb6c1] .o-card {
+    --card-main-padding: var(--o-gap-3) var(--o-gap-3) var(--o-gap-2) var(--o-gap-3);
+    --card-content-gap: var(--o-gap-3);
+}
+}
+.o-brand-logo[data-v-6b4fb6c1] .o-card.type-dark {
+  color: red;
+}
+.o-brand-logo[data-v-6b4fb6c1] .o-card.type-dark .o-card-cover .o-figure {
+  background-color: rgb(43, 43, 47);
+}
+.o-brand-logo[data-v-6b4fb6c1] .o-card .o-card-cover {
+  --card-cover-padding: var(--o-gap-5) var(--o-gap-5) 0;
+}
+@media (max-width: 1680px) {
+.o-brand-logo[data-v-6b4fb6c1] .o-card .o-card-cover {
+    --card-cover-padding: var(--o-gap-4) var(--o-gap-4) 0;
+}
+}
+@media (max-width: 1200px) {
+.o-brand-logo[data-v-6b4fb6c1] .o-card .o-card-cover {
+    --card-cover-padding: var(--o-gap-3) var(--o-gap-3) 0;
+}
+}
+.o-brand-logo[data-v-6b4fb6c1] .o-card .o-card-cover .o-figure {
+  height: 100px;
+  background-color: rgba(237, 237, 240, 0.9);
+  padding: var(--o-gap-4);
+}
+@media (max-width: 1680px) {
+.o-brand-logo[data-v-6b4fb6c1] .o-card .o-card-cover .o-figure {
+    padding: var(--o-gap-3);
+}
+}
+@media (max-width: 1200px) {
+.o-brand-logo[data-v-6b4fb6c1] .o-card .o-card-cover .o-figure {
+    padding: var(--o-gap-2);
+}
+}
+.o-brand-logo[data-v-6b4fb6c1] .o-card .o-card-cover .o-figure img {
+  height: 56px;
+}
+.o-brand-logo .o-brand-logo-btn[data-v-6b4fb6c1] {
+  display: flex;
+  align-items: center;
+  gap: var(--o-gap-3) var(--o-gap-7);
+}
+.o-brand-logo .o-brand-logo-btn .o-btn:hover .o-icon[data-v-6b4fb6c1], .o-brand-logo .o-brand-logo-btn .o-btn:active .o-icon[data-v-6b4fb6c1] {
+  transform: rotate(180deg);
+}
+.o-brand-logo .o-brand-logo-btn .o-btn .o-icon[data-v-6b4fb6c1] {
+  font-size: 24px;
+  transition: rotate var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (max-width: 1680px) {
+.o-brand-logo .o-brand-logo-btn .o-btn .o-icon[data-v-6b4fb6c1] {
+    font-size: 20px;
+}
+}
+@media (max-width: 840px) {
+.o-brand-logo .o-brand-logo-btn .o-btn .o-icon[data-v-6b4fb6c1] {
+    font-size: 24px;
+}
+}

package/dist/treeshaking/components/brand/OBrandLogo.vue_vue_type_style_index_1_lang.css

@@ -0,0 +1,11 @@
+.hover-icon-rotate .o-icon {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon {
+    transform: rotate(-180deg);
+}
+}
+.o-brand-logo-dropdown .o-dropdown-item {
+  --dropdown-item-justify: flex-start;
+}

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.d.ts

@@ -0,0 +1,3 @@
+import { BrandStandardPropsT } from './types';
+declare const _default: import('vue').DefineComponent<BrandStandardPropsT, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BrandStandardPropsT> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _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/OBrandStandard.vue_vue_type_style_index_0_scoped_a9afbc57_lang.css

@@ -0,0 +1,120 @@
+.hover-icon-rotate .o-icon[data-v-a9afbc57] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-a9afbc57] {
+    transform: rotate(-180deg);
+}
+}
+.o-brand-standard[data-v-a9afbc57] {
+  --card-main-padding: var(--o-gap-7) var(--o-gap-6);
+}
+@media (max-width: 1680px) {
+.o-brand-standard[data-v-a9afbc57] {
+    --card-main-padding: var(--o-gap-5);
+}
+}
+@media (max-width: 1200px) {
+.o-brand-standard[data-v-a9afbc57] {
+    --card-main-padding: var(--o-gap-4);
+}
+}
+@media (max-width: 840px) {
+.o-brand-standard[data-v-a9afbc57] {
+    --card-main-padding: var(--o-gap-3);
+}
+}
+.o-brand-standard .o-brand-standard-content[data-v-a9afbc57] {
+  color: var(--o-color-info1);
+  font-weight: 400;
+  font-size: 18px;
+  line-height: 26px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-brand-standard .o-brand-standard-content[data-v-a9afbc57] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-brand-standard .o-brand-standard-content[data-v-a9afbc57] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-brand-standard .o-brand-standard-content[data-v-a9afbc57] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+.o-brand-standard .o-brand-standard-content[data-v-a9afbc57] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+.o-brand-standard .o-brand-standard-content .o-brand-standard-line + .o-brand-standard-line[data-v-a9afbc57] {
+  margin-top: var(--o-gap-3);
+}
+@media (max-width: 1680px) {
+.o-brand-standard .o-brand-standard-content .o-brand-standard-line + .o-brand-standard-line[data-v-a9afbc57] {
+    margin-top: var(--o-gap-2);
+}
+}
+@media (max-width: 840px) {
+.o-brand-standard .o-brand-standard-content .o-brand-standard-line + .o-brand-standard-line[data-v-a9afbc57] {
+    margin-top: var(--o-gap-3);
+}
+}
+.o-brand-standard .o-brand-standard-content .o-brand-standard-line + .o-brand-standard-line.more-gap[data-v-a9afbc57] {
+  margin-top: var(--o-gap-4);
+}
+@media (max-width: 1680px) {
+.o-brand-standard .o-brand-standard-content .o-brand-standard-line + .o-brand-standard-line.more-gap[data-v-a9afbc57] {
+    margin-top: var(--o-gap-3);
+}
+}
+@media (max-width: 1200px) {
+.o-brand-standard .o-brand-standard-content .o-brand-standard-line + .o-brand-standard-line.more-gap[data-v-a9afbc57] {
+    margin-top: var(--o-gap-2);
+}
+}
+.o-brand-standard .o-brand-standard-content .o-brand-standard-line.none-gap[data-v-a9afbc57] {
+  margin-top: 0;
+}
+.o-brand-standard .o-brand-standard-content .o-brand-standard-code[data-v-a9afbc57] {
+  display: inline-block;
+  width: 1em;
+}
+.o-brand-standard .o-brand-standard-content .o-brand-standard-strong[data-v-a9afbc57] {
+  font-weight: 500;
+}
+.o-brand-standard .o-brand-standard-img[data-v-a9afbc57] {
+  margin-top: var(--o-gap-5);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+@media (max-width: 1680px) {
+.o-brand-standard .o-brand-standard-img[data-v-a9afbc57] {
+    margin-top: var(--o-gap-4);
+}
+}
+@media (max-width: 1200px) {
+.o-brand-standard .o-brand-standard-img[data-v-a9afbc57] {
+    margin-top: var(--o-gap-3);
+}
+}
+.o-brand-standard .o-brand-standard-img .o-brand-standard-img-light[data-v-a9afbc57] {
+  display: block;
+}
+.o-brand-standard .o-brand-standard-img .o-brand-standard-img-dark[data-v-a9afbc57] {
+  display: none;
+}
+.o-brand-standard .o-brand-standard-img [data-o-theme*=dark] .o-brand-standard-img-light[data-v-a9afbc57] {
+  display: none;
+}
+.o-brand-standard .o-brand-standard-img [data-o-theme*=dark] .o-brand-standard-img-dark[data-v-a9afbc57] {
+  display: block;
+}

package/dist/treeshaking/components/brand/index.d.ts

@@ -0,0 +1,63 @@
+import { App } from 'vue';
+declare const OBrandLogo: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').BrandLogoPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        list: import('../../index').BrandLogoItemT[];
+        formats: string[];
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('../../index').BrandLogoPropsT> & Readonly<{}>, {}, {}, {}, {}, {
+        list: import('../../index').BrandLogoItemT[];
+        formats: string[];
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('../../index').BrandLogoPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    list: import('../../index').BrandLogoItemT[];
+    formats: string[];
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+    install(app: App): void;
+};
+declare const OBrandFile: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').BrandFilePropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        list: import('../../index').BrandFileItemT[];
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('../../index').BrandFilePropsT> & Readonly<{}>, {}, {}, {}, {}, {
+        list: import('../../index').BrandFileItemT[];
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('../../index').BrandFilePropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    list: import('../../index').BrandFileItemT[];
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+    install(app: App): void;
+};
+declare const OBrandStandard: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').BrandStandardPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('../../index').BrandStandardPropsT> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('../../index').BrandStandardPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+    install(app: App): void;
+};
+export { OBrandLogo, OBrandFile, OBrandStandard };
+export * from './types';

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

@@ -0,0 +1,14 @@
+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/types.d.ts

@@ -0,0 +1,60 @@
+export type BrandFormatLabelT = string;
+export interface BrandLogoFormatT {
+    /** 格式展示名（如 JPG / PNG / SVG / AI） */
+    label: string;
+    /** 下载地址 */
+    url: string;
+    /** 下载文件名；缺省用 `${title}.${label小写}` */
+    filename?: string;
+}
+export interface BrandLogoItemT {
+    title: string;
+    /** 封面图（默认用 png 字段或 formats 第一项） */
+    cover?: string;
+    /** 自描述格式列表；未传时 fallback 到组件级 formats prop + item[lower(label)] 动态字段 */
+    formats?: BrandLogoFormatT[];
+    /** 附加到 OCard 上的 class，供调用者深度定制（如黑底 logo 卡） */
+    coverClass?: string;
+    [key: string]: unknown;
+}
+export interface BrandFileItemT {
+    title: string;
+    /** 封面图 */
+    cover?: string;
+    /** 附件下载地址 */
+    file: string;
+    /** 下载文件名；缺省取 file 的 basename */
+    filename?: string;
+    /** 附加到 OCard 上的 class */
+    coverClass?: string;
+    [key: string]: unknown;
+}
+export interface BrandLogoPropsT {
+    list: BrandLogoItemT[];
+    /** 默认格式列表；item.formats 未传时生效 */
+    formats?: string[];
+}
+export interface BrandFilePropsT {
+    list: BrandFileItemT[];
+}
+export interface BrandStandardLineT {
+    /** 加粗前缀（与 text 同行）；只传它不传 text 即独立标题行 */
+    titleText?: string;
+    /** 行主文本 */
+    text?: string;
+    /** 行首 1em 缩进占位（如 A. / B.，用于枚举对齐） */
+    code?: string;
+    /** 与上一行的间距：more 更大 / none 无；缺省为默认间距 */
+    gap?: 'more' | 'none';
+}
+export interface BrandStandardItemT {
+    /** 描述行数组 */
+    descs: BrandStandardLineT[];
+    /** 配图（底部居中展示） */
+    image?: string;
+    /** 暗色主题配图（与 image 成对使用，暗色主题下替换显示） */
+    imageDark?: string;
+}
+export interface BrandStandardPropsT {
+    item: BrandStandardItemT;
+}

package/dist/treeshaking/components/brand/utils.d.ts

@@ -0,0 +1,3 @@
+export declare function useBrandDownload(): {
+    downloadByUrl: (url: string, filename: string) => Promise<void>;
+};

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

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

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 };

package/dist/treeshaking/components/common/AppAvatar.vue_vue_type_style_index_0_scoped_9aaf13f3_lang.css

@@ -0,0 +1,20 @@
+.hover-icon-rotate .o-icon[data-v-9aaf13f3] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-9aaf13f3] {
+    transform: rotate(-180deg);
+}
+}
+.img-avatar[data-v-9aaf13f3] {
+  background-color: transparent !important;
+}
+.word-avatar[data-v-9aaf13f3] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--o-color-info1-inverse);
+}
+.round[data-v-9aaf13f3] {
+  border-radius: 50%;
+}