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

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

@@ -1,120 +0,0 @@
-import { defineComponent, openBlock, createElementBlock, createVNode, unref, withCtx, Fragment, renderList, createBlock, normalizeClass, createElementVNode, createTextVNode, toDisplayString } from "vue";
-import { ORow, OCol, OCard, ODropdown, OButton, OIcon, OIconChevronDown, ODropdownItem } from "@opensig/opendesign";
-import { useI18n } from "../../i18n/index.mjs";
-import { useBrandDownload } from "./utils.mjs";
-const _hoisted_1 = { class: "o-brand-logo" };
-const _hoisted_2 = { class: "o-brand-logo-btn" };
-const _sfc_main = /* @__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) => {
-      var _a;
-      if ((_a = item.formats) == null ? void 0 : _a.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) => {
-      var _a, _b;
-      return item.cover || item.png || ((_b = (_a = item.formats) == null ? void 0 : _a[0]) == null ? void 0 : _b.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", item.coverClass])
-                  }, {
-                    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 {
-  _sfc_main as default
-};

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

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

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

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

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

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

@@ -1,59 +0,0 @@
-import { defineComponent, openBlock, createBlock, unref, withCtx, createElementVNode, createElementBlock, Fragment, renderList, normalizeClass, toDisplayString, createCommentVNode } from "vue";
-import { OCard, OFigure } from "@opensig/opendesign";
-const _hoisted_1 = { class: "o-brand-standard-content" };
-const _hoisted_2 = {
-  key: 0,
-  class: "o-brand-standard-code"
-};
-const _hoisted_3 = {
-  key: 1,
-  class: "o-brand-standard-strong"
-};
-const _hoisted_4 = { key: 2 };
-const _hoisted_5 = {
-  key: 0,
-  class: "o-brand-standard-img"
-};
-const _sfc_main = /* @__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 {
-  _sfc_main as default
-};

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

@@ -1,63 +0,0 @@
-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

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

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

@@ -1,60 +0,0 @@
-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

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

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

@@ -1,28 +0,0 @@
-import { useMessage } from "@opensig/opendesign";
-import { useI18n } from "../../i18n/index.mjs";
-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 };
-}
-export {
-  useBrandDownload
-};