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

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

@@ -0,0 +1,120 @@
+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", `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 {
+  _sfc_main as default
+};

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

@@ -0,0 +1,7 @@
+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-a9afbc57"]]);
+export {
+  _OBrandStandard as default
+};

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

@@ -0,0 +1,59 @@
+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,7 +1,7 @@
 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[];
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').BrandLogoPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        list: import('./types').BrandLogoItemT[];
         formats: string[];
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
@@ -10,22 +10,22 @@ declare const OBrandLogo: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('../../index').BrandLogoPropsT> & Readonly<{}>, {}, {}, {}, {}, {
-        list: import('../../index').BrandLogoItemT[];
+    }, Readonly<import('./types').BrandLogoPropsT> & Readonly<{}>, {}, {}, {}, {}, {
+        list: import('./types').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[];
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').BrandLogoPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    list: import('./types').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[];
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').BrandFilePropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        list: import('./types').BrandFileItemT[];
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -33,30 +33,30 @@ declare const OBrandFile: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('../../index').BrandFilePropsT> & Readonly<{}>, {}, {}, {}, {}, {
-        list: import('../../index').BrandFileItemT[];
+    }, Readonly<import('./types').BrandFilePropsT> & Readonly<{}>, {}, {}, {}, {}, {
+        list: import('./types').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[];
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').BrandFilePropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    list: import('./types').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, {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').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<{}>, {}, {}, {}, {}, {}>;
+    }, Readonly<import('./types').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 & {
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').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 };

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

@@ -1,14 +1,23 @@
-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 };
+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/utils.mjs

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

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

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

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

@@ -0,0 +1,83 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeStyle, normalizeClass, toDisplayString } from "vue";
+const _hoisted_1 = ["src"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "AppAvatar",
+  props: {
+    // 头像
+    avatar: {
+      type: String,
+      default: ""
+    },
+    // 用户名
+    name: {
+      type: String,
+      default: "",
+      required: true
+    },
+    // mini： 16 small： 24， medium： 40， large： 64
+    size: {
+      type: String,
+      default: "medium"
+    },
+    // 大小尺寸自定义，单位px
+    customSize: {
+      type: Number,
+      default: 20
+    },
+    // round--圆形 square--方形
+    variant: {
+      type: String,
+      default: "round"
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const bgColorArr = ["#058EF0", "#FA7305", "#03B5A5"];
+    const avatarText = computed(() => {
+      var _a;
+      return (_a = props.name) == null ? void 0 : _a.charAt(0).toUpperCase();
+    });
+    const getAvatarStyle = computed(() => {
+      var _a;
+      const avatarStyle = {
+        "background-color": "",
+        width: props.customSize + "px",
+        height: props.customSize + "px",
+        "font-size": "20px"
+      };
+      avatarStyle["background-color"] = props.name ? bgColorArr[((_a = props.name) == null ? void 0 : _a.length) % bgColorArr.length] : "transparent";
+      let sizeNum = 0;
+      if (props.customSize) {
+        sizeNum = Number(props.customSize);
+      } else {
+        const sizeToNum = {
+          mini: 16,
+          small: 24,
+          medium: 40,
+          large: 64
+        };
+        sizeNum = sizeToNum[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 {
+  _sfc_main as default
+};

package/dist/treeshaking/components/common/ClientOnly.vue.mjs

@@ -0,0 +1,16 @@
+import { defineComponent, ref, onMounted, renderSlot, createCommentVNode } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ClientOnly",
+  setup(__props) {
+    const isClient = ref(false);
+    onMounted(() => {
+      isClient.value = true;
+    });
+    return (_ctx, _cache) => {
+      return isClient.value ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/common/ClientOnly.vue2.mjs

@@ -0,0 +1,4 @@
+import _sfc_main from "./ClientOnly.vue.mjs";
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/common/ContentWrapper.vue.mjs

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

package/dist/treeshaking/components/common/ContentWrapper.vue2.mjs

@@ -0,0 +1,50 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeStyle, unref, renderSlot } from "vue";
+import { isBoolean, isString, isUndefined } from "@opensig/opendesign";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ContentWrapper",
+  props: {
+    verticalPadding: { type: [Boolean, String, Array], default: void 0 }
+  },
+  setup(__props) {
+    const DEFAULT = Symbol("default");
+    const props = __props;
+    const paddingTop = computed(() => {
+      if (!props.verticalPadding) {
+        return 0;
+      }
+      if (isBoolean(props.verticalPadding)) {
+        return DEFAULT;
+      } else if (isString(props.verticalPadding)) {
+        return props.verticalPadding;
+      } else {
+        return props.verticalPadding[0];
+      }
+    });
+    const paddingBottom = computed(() => {
+      if (!props.verticalPadding) {
+        return 0;
+      }
+      if (isBoolean(props.verticalPadding)) {
+        return DEFAULT;
+      } else if (isString(props.verticalPadding)) {
+        return props.verticalPadding;
+      } else {
+        return !isUndefined(props.verticalPadding[1]) ? props.verticalPadding[1] : props.verticalPadding[0];
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "content-wrapper",
+        style: normalizeStyle({
+          "--content-wrapper-vertical-paddingTop": paddingTop.value === unref(DEFAULT) ? void 0 : paddingTop.value,
+          "--content-wrapper-vertical-paddingBottom": paddingBottom.value === unref(DEFAULT) ? void 0 : paddingBottom.value
+        })
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 4);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/common/TooltipText.css

@@ -0,0 +1,35 @@
+.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-tooltip-text-wrapper .tooltip-text {
+  overflow: hidden;
+  word-break: keep-all;
+}
+.o-tooltip-text-wrapper .tooltip-text.ellipsis {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.o-tooltip-text-wrapper .tooltip-text.multi-lines {
+  word-break: break-all;
+  white-space: normal;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: var(--lines);
+}
+.o-tooltip-text-wrapper .button {
+  color: var(--o-color-primary1);
+  cursor: pointer;
+}
+.o-tooltip-text-wrapper .popup-box2 {
+  color: var(--o-color-info2);
+}
+.o-tooltip-text-wrapper .popup-box2.fz-14 {
+  font-size: 14px;
+  line-height: 22px;
+}