@opendesign-plus-test/components 0.0.1-rc.178 → 0.0.1-rc.179

package/dist/treeshaking/components/anchor-bar/OAnchorBar.css

@@ -0,0 +1,138 @@
+.hover-icon-rotate .o-icon[data-v-77e4459f] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-77e4459f] {
+    transform: rotate(-180deg);
+}
+}
+.o-anchor-bar-sentinel[data-v-77e4459f] {
+  height: 0;
+}
+.o-anchor-bar-body[data-v-77e4459f] {
+  position: sticky;
+  top: var(--layout-header-height);
+  z-index: 9;
+  background-color: var(--o-color-fill2);
+  height: fit-content;
+  width: 100%;
+  border-bottom: 1px solid transparent;
+  transition: box-shadow var(--o-easing-standard) var(--o-duration-s), background-color var(--o-easing-standard) var(--o-duration-s), border-bottom-color var(--o-easing-standard) var(--o-duration-s);
+  padding: 0 calc(50vw - var(--grid-content-width) / 2);
+}
+@media (max-width: 840px) {
+.o-anchor-bar-body.is-mobile-fixed[data-v-77e4459f] {
+    position: fixed;
+    left: 0;
+    display: none;
+    padding: 0 var(--grid--layout-padding);
+}
+.o-anchor-bar-body.is-mobile-fixed.is-sticky[data-v-77e4459f] {
+    display: block;
+}
+}
+.o-anchor-bar-body[data-v-77e4459f] .o-tab-navs {
+  transition: justify-content var(--o-easing-standard) var(--o-duration-s);
+  justify-content: center;
+}
+.o-anchor-bar-body.is-sticky[data-v-77e4459f] {
+  box-shadow: var(--o-shadow-1);
+}
+.o-anchor-bar-body.is-sticky[data-v-77e4459f] .o-tab {
+  --tab-nav-justify: flex-start;
+}
+.o-anchor-bar-body.is-sticky[data-v-77e4459f] .o-tab .o-tab-navs {
+  justify-content: flex-start;
+}
+.o-anchor-bar-body .o-anchor-bar-tabs[data-v-77e4459f] .o-anchor {
+  width: 100%;
+  display: flex;
+}
+.o-anchor-bar-body .o-anchor-bar-tabs[data-v-77e4459f] .o-anchor .o-anchor-item-lines {
+  display: none;
+}
+.o-anchor-bar-body .o-anchor-bar-tabs[data-v-77e4459f] .o-anchor .o-anchor-line {
+  display: none;
+}
+.o-anchor-bar-body .o-anchor-bar-tabs[data-v-77e4459f] .o-anchor .o-anchor-items {
+  width: 100%;
+}
+.o-anchor-bar-body .o-anchor-bar-tabs[data-v-77e4459f] .o-anchor .o-anchor-item {
+  --anchor-item-link-color: var(--o-color-info3);
+  --anchor-item-min-width: 64px;
+}
+.o-anchor-bar-body .o-anchor-bar-tabs[data-v-77e4459f] .o-anchor .o-anchor-item-link {
+  font-weight: 400;
+  padding: var(--o-gap-3) 0;
+  --link-color: var(--o-color-info3);
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-anchor-bar-body .o-anchor-bar-tabs[data-v-77e4459f] .o-anchor .o-anchor-item-link {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-anchor-bar-body .o-anchor-bar-tabs[data-v-77e4459f] .o-anchor .o-anchor-item-link {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-anchor-bar-body .o-anchor-bar-tabs[data-v-77e4459f] .o-anchor .o-anchor-item-link {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+.o-anchor-bar-body .o-anchor-bar-tabs[data-v-77e4459f] .o-anchor .o-anchor-item-link {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 1680px) {
+.o-anchor-bar-body .o-anchor-bar-tabs[data-v-77e4459f] .o-anchor .o-anchor-item-link {
+    padding: var(--o-gap-2) 0;
+}
+}
+@media (max-width: 840px) {
+.o-anchor-bar-body .o-anchor-bar-tabs[data-v-77e4459f] .o-anchor .o-anchor-item-link {
+    padding: var(--o-gap-3) 0;
+}
+}
+.o-anchor-bar-body .o-anchor-bar-tabs[data-v-77e4459f] .o-anchor .o-anchor-item-link:hover {
+  background: none;
+}
+.o-anchor-bar-body .o-anchor-bar-tabs[data-v-77e4459f] .o-anchor .o-anchor-item-link.is-active {
+  background: none;
+  font-weight: 600;
+}
+.o-anchor-bar-body .o-anchor-bar-tabs[data-v-77e4459f] .o-tab {
+  --tab-nav-gap: var(--o-gap-6);
+}
+@media (max-width: 1680px) {
+.o-anchor-bar-body .o-anchor-bar-tabs[data-v-77e4459f] .o-tab {
+    --tab-nav-gap: var(--o-gap-5);
+}
+}
+@media (min-width: ) {
+.o-anchor-bar-body .o-anchor-bar-tabs[data-v-77e4459f] .o-tab {
+    --tab-nav-gap: var(--o-gap-4);
+}
+}
+@media (max-width: 840px) {
+.o-anchor-bar-body .o-anchor-bar-tabs[data-v-77e4459f] .o-tab {
+    --tab-nav-gap: var(--o-gap-3);
+}
+}
+.o-anchor-bar-body .o-anchor-bar-tabs[data-v-77e4459f] .o-tab .o-tab-nav {
+  padding-bottom: 0;
+}
+.o-anchor-bar-body .o-anchor-bar-tabs[data-v-77e4459f] .o-tab .o-tab-nav-anchor {
+  display: none;
+}
+[data-o-theme*=dark] .o-anchor-bar-body.is-sticky[data-v-77e4459f] {
+  border-bottom-color: var(--o-color-control4);
+}

package/dist/treeshaking/components/anchor-bar/OAnchorBar.vue.d.ts

@@ -0,0 +1,29 @@
+import { AnchorBarPropsT } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        sentinelRef: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<AnchorBarPropsT, {
+    isSticky: import('vue').Ref<boolean, boolean>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AnchorBarPropsT> & Readonly<{}>, {
+    mode: import('../../index').AnchorBarModeT;
+    mobileFixed: boolean;
+    items: import('../../index').AnchorBarItemT[];
+    targetOffset: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    sentinelRef: HTMLDivElement;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/treeshaking/components/anchor-bar/OAnchorBar.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from "./OAnchorBar.vue2.mjs";
+import './OAnchorBar.css';
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const _OAnchorBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-77e4459f"]]);
+export {
+  _OAnchorBar as default
+};

package/dist/treeshaking/components/anchor-bar/OAnchorBar.vue2.mjs

@@ -0,0 +1,103 @@
+import { defineComponent, ref, onMounted, openBlock, createElementBlock, Fragment, createElementVNode, normalizeClass, renderSlot, createBlock, unref, withCtx, createVNode, renderList, createTextVNode, toDisplayString } from "vue";
+import { useEventListener } from "@vueuse/core";
+import { OAnchor, OTab, OTabPane, OAnchorItem } from "@opensig/opendesign";
+import { useScreen } from "@opendesign-plus/composables";
+import { isAnchorSticky } from "../../shared/anchor.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OAnchorBar",
+  props: {
+    mobileFixed: { type: Boolean, default: false },
+    mode: { default: "anchor" },
+    items: { default: () => [] },
+    targetOffset: { default: void 0 }
+  },
+  setup(__props, { expose: __expose }) {
+    var _a;
+    const props = __props;
+    const active = ref(((_a = props.items[0]) == null ? void 0 : _a.id) ?? "");
+    const { lePadV } = useScreen();
+    const sentinelRef = ref();
+    const isSticky = ref(false);
+    const onScroll = () => {
+      const headerHeight = parseFloat(getComputedStyle(document.documentElement).getPropertyValue("--layout-header-height")) || 0;
+      const sentinel = sentinelRef.value;
+      if (!sentinel) return;
+      isSticky.value = isAnchorSticky(sentinel.getBoundingClientRect().top, headerHeight, lePadV.value);
+    };
+    useEventListener(window, "scroll", onScroll, { passive: true });
+    onMounted(() => onScroll());
+    __expose({ isSticky });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("div", {
+          ref_key: "sentinelRef",
+          ref: sentinelRef,
+          class: "o-anchor-bar-sentinel"
+        }, null, 512),
+        createElementVNode("div", {
+          class: normalizeClass(["o-anchor-bar-body", { "is-sticky": isSticky.value, "is-mobile-fixed": props.mobileFixed }])
+        }, [
+          !props.items.length ? renderSlot(_ctx.$slots, "default", { key: 0 }, void 0, true) : (openBlock(), createElementBlock("div", {
+            key: 1,
+            class: normalizeClass(["o-anchor-bar-tabs", `is-${props.mode}`])
+          }, [
+            props.mode === "anchor" ? (openBlock(), createBlock(unref(OAnchor), {
+              key: 0,
+              "target-offset": props.targetOffset
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(OTab), {
+                  modelValue: active.value,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => active.value = $event),
+                  line: false,
+                  "max-show": 10
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(props.items, (item) => {
+                      return openBlock(), createBlock(unref(OTabPane), {
+                        key: item.id ?? item.title
+                      }, {
+                        nav: withCtx(() => [
+                          createVNode(unref(OAnchorItem), {
+                            title: item.title,
+                            href: `#${item.id}`
+                          }, null, 8, ["title", "href"])
+                        ]),
+                        _: 2
+                      }, 1024);
+                    }), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 8, ["target-offset"])) : (openBlock(), createBlock(unref(OTab), {
+              key: 1,
+              modelValue: active.value,
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => active.value = $event),
+              line: false,
+              "max-show": 10
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(props.items, (item) => {
+                  return openBlock(), createBlock(unref(OTabPane), {
+                    key: item.id ?? item.title
+                  }, {
+                    nav: withCtx(() => [
+                      createTextVNode(toDisplayString(item.title), 1)
+                    ]),
+                    _: 2
+                  }, 1024);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"]))
+          ], 2))
+        ], 2)
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/anchor-bar/index.d.ts

@@ -0,0 +1,45 @@
+import { App } from 'vue';
+declare const OAnchorBar: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').AnchorBarPropsT> & Readonly<{}>, {
+        isSticky: import('vue').Ref<boolean, boolean>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        mode: import('../../index').AnchorBarModeT;
+        mobileFixed: boolean;
+        items: import('../../index').AnchorBarItemT[];
+        targetOffset: number;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        sentinelRef: HTMLDivElement;
+    }, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('../../index').AnchorBarPropsT> & Readonly<{}>, {
+        isSticky: import('vue').Ref<boolean, boolean>;
+    }, {}, {}, {}, {
+        mode: import('../../index').AnchorBarModeT;
+        mobileFixed: boolean;
+        items: import('../../index').AnchorBarItemT[];
+        targetOffset: number;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('../../index').AnchorBarPropsT> & Readonly<{}>, {
+    isSticky: import('vue').Ref<boolean, boolean>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    mode: import('../../index').AnchorBarModeT;
+    mobileFixed: boolean;
+    items: import('../../index').AnchorBarItemT[];
+    targetOffset: number;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+}) & {
+    install(app: App): void;
+};
+export { OAnchorBar };
+export * from './types';

package/dist/treeshaking/components/anchor-bar/index.mjs

@@ -0,0 +1,9 @@
+import _OAnchorBar from "./OAnchorBar.vue.mjs";
+const OAnchorBar = Object.assign(_OAnchorBar, {
+  install(app) {
+    app.component("OAnchorBar", _OAnchorBar);
+  }
+});
+export {
+  OAnchorBar
+};

package/dist/treeshaking/components/anchor-bar/types.d.ts

@@ -0,0 +1,20 @@
+export type AnchorBarModeT = 'anchor' | 'link';
+export type AnchorBarLinkTargetT = '_blank' | '_parent' | '_self' | '_top';
+export interface AnchorBarItemT {
+    /** 导航项标题 */
+    title: string;
+    /** anchor 模式：页内锚点 id（导航链接为 `#id`）；link 模式：仅作列表 key */
+    id?: string;
+    /** link 模式：跳转链接 */
+    href?: string;
+    /** link 模式：打开方式（如 _blank），默认当前页 */
+    target?: AnchorBarLinkTargetT;
+}
+export interface AnchorBarPropsT {
+    mobileFixed?: boolean;
+    /** 导航模式：anchor 页内锚点 / link 链接跳转 */
+    mode?: AnchorBarModeT;
+    items?: AnchorBarItemT[];
+    /** anchor 模式：传给内部 OAnchor 的滚动偏移量 */
+    targetOffset?: number;
+}

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

@@ -1,7 +1,7 @@
 import { App } from 'vue';
 declare const OBanner: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-        options?: import('./types').BannerItem | import('./types').BannerItem[];
+        options?: import('../../index').BannerItem | import('../../index').BannerItem[];
         size?: "large" | "medium" | "small" | "tiny";
         contentJustifyCenter?: boolean;
         autoPlay?: boolean;
@@ -17,7 +17,7 @@ declare const OBanner: {
         M: {};
         Defaults: {};
     }, Readonly<{
-        options?: import('./types').BannerItem | import('./types').BannerItem[];
+        options?: import('../../index').BannerItem | import('../../index').BannerItem[];
         size?: "large" | "medium" | "small" | "tiny";
         contentJustifyCenter?: boolean;
         autoPlay?: boolean;
@@ -28,7 +28,7 @@ declare const OBanner: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<{
-    options?: import('./types').BannerItem | import('./types').BannerItem[];
+    options?: import('../../index').BannerItem | import('../../index').BannerItem[];
     size?: "large" | "medium" | "small" | "tiny";
     contentJustifyCenter?: boolean;
     autoPlay?: boolean;
@@ -40,7 +40,7 @@ declare const OBanner: {
     install(app: App): void;
 };
 declare const OBannerContent: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').BannerContentProps> & Readonly<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').BannerContentProps> & Readonly<{
         onClick?: ((href: string | undefined) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
         click: (href: string | undefined) => any;
@@ -51,13 +51,13 @@ declare const OBannerContent: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./types').BannerContentProps> & Readonly<{
+    }, Readonly<import('../../index').BannerContentProps> & Readonly<{
         onClick?: ((href: string | undefined) => any) | undefined;
     }>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./types').BannerContentProps> & Readonly<{
+} & import('vue').ComponentOptionsBase<Readonly<import('../../index').BannerContentProps> & Readonly<{
     onClick?: ((href: string | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     click: (href: string | undefined) => any;

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

@@ -0,0 +1,65 @@
+.hover-icon-rotate .o-icon[data-v-2630f96f] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-2630f96f] {
+    transform: rotate(-180deg);
+}
+}
+.o-brand-file[data-v-2630f96f] .o-row {
+  --row-gap-x: var(--o-gap-6);
+  --row-gap-y: var(--o-gap-6);
+}
+@media (max-width: 1680px) {
+.o-brand-file[data-v-2630f96f] .o-row {
+    --row-gap-x: var(--o-gap-5);
+    --row-gap-y: var(--o-gap-5);
+}
+}
+@media (min-width: ) {
+.o-brand-file[data-v-2630f96f] .o-row {
+    --row-gap-x: var(--o-gap-4);
+    --row-gap-y: var(--o-gap-4);
+}
+}
+@media (max-width: 840px) {
+.o-brand-file[data-v-2630f96f] .o-row {
+    --row-gap-x: var(--o-gap-3);
+    --row-gap-y: var(--o-gap-3);
+}
+}
+.o-brand-file[data-v-2630f96f] .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-file[data-v-2630f96f] .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 (min-width: ) {
+.o-brand-file[data-v-2630f96f] .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-file[data-v-2630f96f] .o-card .o-card-cover {
+  --card-cover-padding: 0;
+}
+.o-brand-file[data-v-2630f96f] .o-card .o-card-cover .o-figure {
+  height: 266px;
+}
+@media (min-width: ) {
+.o-brand-file[data-v-2630f96f] .o-card .o-card-cover .o-figure {
+    height: 180px;
+}
+}
+.o-brand-file[data-v-2630f96f] .o-card .o-card-cover [data-o-theme*=dark] img {
+  filter: brightness(80%) grayscale(20%) contrast(1.2);
+}
+.o-brand-file .o-brand-file-btn[data-v-2630f96f] {
+  display: flex;
+  align-items: center;
+  gap: var(--o-gap-3) var(--o-gap-7);
+}

package/dist/treeshaking/components/brand/OBrandFile.vue.d.ts

@@ -0,0 +1,5 @@
+import { BrandFileItemT, BrandFilePropsT } from './types';
+declare const _default: import('vue').DefineComponent<BrandFilePropsT, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BrandFilePropsT> & Readonly<{}>, {
+    list: BrandFileItemT[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,7 @@
+import _sfc_main from "./OBrandFile.vue2.mjs";
+import './OBrandFile.css';
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const _OBrandFile = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2630f96f"]]);
+export {
+  _OBrandFile as default
+};

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

@@ -0,0 +1,70 @@
+import { defineComponent, openBlock, createElementBlock, createVNode, unref, withCtx, Fragment, renderList, createBlock, normalizeClass, createElementVNode, createTextVNode, toDisplayString } from "vue";
+import { ORow, OCol, OCard, OButton } from "@opensig/opendesign";
+import { useI18n } from "../../i18n/index.mjs";
+import { useBrandDownload } from "./utils.mjs";
+const _hoisted_1 = { class: "o-brand-file" };
+const _hoisted_2 = { class: "o-brand-file-btn" };
+const _sfc_main = /* @__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 {
+  _sfc_main as default
+};

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

@@ -0,0 +1,105 @@
+.hover-icon-rotate .o-icon[data-v-6db02a96] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-6db02a96] {
+    transform: rotate(-180deg);
+}
+}
+.o-brand-logo[data-v-6db02a96] .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-6db02a96] .o-row {
+    --row-gap-x: var(--o-gap-5);
+    --row-gap-y: var(--o-gap-5);
+}
+}
+@media (min-width: ) {
+.o-brand-logo[data-v-6db02a96] .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-6db02a96] .o-row {
+    --row-gap-x: var(--o-gap-3);
+    --row-gap-y: var(--o-gap-3);
+}
+}
+.o-brand-logo[data-v-6db02a96] .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-6db02a96] .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 (min-width: ) {
+.o-brand-logo[data-v-6db02a96] .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-6db02a96] .o-card.type-dark {
+  color: red;
+}
+.o-brand-logo[data-v-6db02a96] .o-card.type-dark .o-card-cover .o-figure {
+  background-color: rgb(43, 43, 47);
+}
+.o-brand-logo[data-v-6db02a96] .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-6db02a96] .o-card .o-card-cover {
+    --card-cover-padding: var(--o-gap-4) var(--o-gap-4) 0;
+}
+}
+@media (min-width: ) {
+.o-brand-logo[data-v-6db02a96] .o-card .o-card-cover {
+    --card-cover-padding: var(--o-gap-3) var(--o-gap-3) 0;
+}
+}
+.o-brand-logo[data-v-6db02a96] .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-6db02a96] .o-card .o-card-cover .o-figure {
+    padding: var(--o-gap-3);
+}
+}
+@media (min-width: ) {
+.o-brand-logo[data-v-6db02a96] .o-card .o-card-cover .o-figure {
+    padding: var(--o-gap-2);
+}
+}
+.o-brand-logo[data-v-6db02a96] .o-card .o-card-cover .o-figure img {
+  height: 56px;
+}
+.o-brand-logo .o-brand-logo-btn[data-v-6db02a96] {
+  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-6db02a96], .o-brand-logo .o-brand-logo-btn .o-btn:active .o-icon[data-v-6db02a96] {
+  transform: rotate(180deg);
+}
+.o-brand-logo .o-brand-logo-btn .o-btn .o-icon[data-v-6db02a96] {
+  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-6db02a96] {
+    font-size: 20px;
+}
+}
+@media (max-width: 840px) {
+.o-brand-logo .o-brand-logo-btn .o-btn .o-icon[data-v-6db02a96] {
+    font-size: 24px;
+}
+}

package/dist/treeshaking/components/brand/OBrandLogo.vue.d.ts

@@ -0,0 +1,6 @@
+import { BrandLogoItemT, BrandLogoPropsT } from './types';
+declare const _default: import('vue').DefineComponent<BrandLogoPropsT, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BrandLogoPropsT> & Readonly<{}>, {
+    list: BrandLogoItemT[];
+    formats: string[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;