@opendesign-plus-test/components 0.0.1-rc.83 → 0.0.1-rc.85

package/dist/treeshaking/components/banner/OBanner.css

@@ -1,133 +1,133 @@
-.hover-icon-rotate .o-icon[data-v-fddea127] {
+.hover-icon-rotate .o-icon[data-v-8cfcc7ff] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-fddea127] {
+.hover-icon-rotate:hover .o-icon[data-v-8cfcc7ff] {
     transform: rotate(-180deg);
 }
 }
-.home-banner[data-v-fddea127] {
+.home-banner[data-v-8cfcc7ff] {
   overflow: hidden;
   position: relative;
 }
-.home-banner.tiny[data-v-fddea127] {
+.home-banner.tiny[data-v-8cfcc7ff] {
   font-size: 48px;
   line-height: 64px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.home-banner.tiny[data-v-fddea127] {
+.home-banner.tiny[data-v-8cfcc7ff] {
     font-size: 40px;
     line-height: 56px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.home-banner.tiny[data-v-fddea127] {
+.home-banner.tiny[data-v-8cfcc7ff] {
     font-size: 32px;
     line-height: 44px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.home-banner.tiny[data-v-fddea127] {
+.home-banner.tiny[data-v-8cfcc7ff] {
     font-size: 32px;
     line-height: 44px;
 }
 }
 @media (max-width: 600px) {
-.home-banner.tiny[data-v-fddea127] {
+.home-banner.tiny[data-v-8cfcc7ff] {
     font-size: 20px;
     line-height: 28px;
 }
 }
-.home-banner.tiny[data-v-fddea127] {
+.home-banner.tiny[data-v-8cfcc7ff] {
   font-weight: 500;
   margin: var(--o-gap-8) 0;
   color: var(--o-color-info1);
 }
-.home-banner .content-height[data-v-fddea127] {
+.home-banner .content-height[data-v-8cfcc7ff] {
   height: 100%;
 }
-.home-banner.large[data-v-fddea127] {
+.home-banner.large[data-v-8cfcc7ff] {
   --banner-height: 460px;
   height: var(--banner-height);
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.home-banner.large[data-v-fddea127] {
+.home-banner.large[data-v-8cfcc7ff] {
     --banner-height: 400px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.home-banner.large[data-v-fddea127] {
+.home-banner.large[data-v-8cfcc7ff] {
     --banner-height: 360px;
 }
 }
 @media (max-width: 840px) {
-.home-banner.large[data-v-fddea127] {
+.home-banner.large[data-v-8cfcc7ff] {
     --banner-height: 184px;
 }
 }
-.home-banner.medium[data-v-fddea127] {
+.home-banner.medium[data-v-8cfcc7ff] {
   --banner-height: 360px;
   height: var(--banner-height);
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.home-banner.medium[data-v-fddea127] {
+.home-banner.medium[data-v-8cfcc7ff] {
     --banner-height: 280px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.home-banner.medium[data-v-fddea127] {
+.home-banner.medium[data-v-8cfcc7ff] {
     --banner-height: 220px;
 }
 }
 @media (max-width: 840px) {
-.home-banner.medium[data-v-fddea127] {
+.home-banner.medium[data-v-8cfcc7ff] {
     --banner-height: 120px;
 }
 }
-.home-banner.small[data-v-fddea127] {
+.home-banner.small[data-v-8cfcc7ff] {
   --banner-height: 280px;
   height: var(--banner-height);
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.home-banner.small[data-v-fddea127] {
+.home-banner.small[data-v-8cfcc7ff] {
     --banner-height: 220px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.home-banner.small[data-v-fddea127] {
+.home-banner.small[data-v-8cfcc7ff] {
     --banner-height: 180px;
 }
 }
 @media (max-width: 840px) {
-.home-banner.small[data-v-fddea127] {
+.home-banner.small[data-v-8cfcc7ff] {
     display: none;
 }
 }
-.home-banner[data-v-fddea127] .o-btn {
+.home-banner[data-v-8cfcc7ff] .o-btn {
   border-radius: var(--btn-height);
 }
-.banner-carousel[data-v-fddea127] {
+.banner-carousel[data-v-8cfcc7ff] {
   width: 100%;
   height: 100%;
 }
 @media (min-width: 841px) {
-.banner-carousel[data-v-fddea127] {
+.banner-carousel[data-v-8cfcc7ff] {
     --carousel-indicator-offset: 53px;
 }
 }
 @media (max-width: 840px) {
-.banner-carousel[data-v-fddea127] {
+.banner-carousel[data-v-8cfcc7ff] {
     --carousel-indicator-offset: 1px;
 }
 }
-.banner-carousel[data-v-fddea127] .o-carousel-indicator-bar {
+.banner-carousel[data-v-8cfcc7ff] .o-carousel-indicator-bar {
   height: 24px;
 }
-.banner-item[data-v-fddea127] {
+.banner-item[data-v-8cfcc7ff] {
   width: 100%;
   height: 100%;
 }
-@keyframes fade-up-fddea127 {
+@keyframes fade-up-8cfcc7ff {
 from {
     transform: translateY(var(--d));
     opacity: 0;
@@ -137,15 +137,15 @@ to {
     opacity: 1;
 }
 }
-.current-slide .banner-title[data-v-fddea127] {
-  animation: fade-up-fddea127 400ms ease-in;
+.current-slide .banner-title[data-v-8cfcc7ff] {
+  animation: fade-up-8cfcc7ff 400ms ease-in;
 }
-.current-slide .banner-subtitle[data-v-fddea127] {
-  animation: fade-up-fddea127 400ms ease-in;
+.current-slide .banner-subtitle[data-v-8cfcc7ff] {
+  animation: fade-up-8cfcc7ff 400ms ease-in;
 }
-.current-slide .banner-text[data-v-fddea127] {
-  animation: fade-up-fddea127 400ms ease-in;
+.current-slide .banner-text[data-v-8cfcc7ff] {
+  animation: fade-up-8cfcc7ff 400ms ease-in;
 }
-.current-slide .banner-opts[data-v-fddea127] {
-  animation: fade-up-fddea127 400ms ease-in;
+.current-slide .banner-opts[data-v-8cfcc7ff] {
+  animation: fade-up-8cfcc7ff 400ms ease-in;
 }

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

@@ -2,7 +2,7 @@ import _sfc_main from "./OBanner.vue2.mjs";
 import './OBanner.css';
 import './OBanner2.css';
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _OBanner = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fddea127"]]);
+const _OBanner = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8cfcc7ff"]]);
 export {
   _OBanner as default
 };

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

@@ -1,8 +1,9 @@
 import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, toDisplayString, unref, createBlock, withCtx, createVNode, Fragment, renderList, createElementVNode } from "vue";
 import { OFigure, OCarousel, OCarouselItem } from "@opensig/opendesign";
-import { useTheme, useScreen } from "@opendesign-plus/composables";
+import { useScreen } from "@opendesign-plus/composables";
 import ContentWrapper from "../common/ContentWrapper.vue.mjs";
 import _OBannerContent from "./OBannerContent.vue.mjs";
+import { useTheme } from "../../shared/theme.mjs";
 const _hoisted_1 = {
   key: 0,
   class: "content-height"

package/dist/treeshaking/components/banner/OBanner2.css

@@ -1,39 +1,39 @@
-.hover-icon-rotate .o-icon[data-v-fddea127] {
+.hover-icon-rotate .o-icon[data-v-8cfcc7ff] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-fddea127] {
+.hover-icon-rotate:hover .o-icon[data-v-8cfcc7ff] {
     transform: rotate(-180deg);
 }
 }
-.banner-item0 .banner-attach[data-v-fddea127] {
+.banner-item0 .banner-attach[data-v-8cfcc7ff] {
   height: 120px;
 }
 @media (min-width: 601px) and (max-width: 1200px) {
-.banner-item0 .banner-attach[data-v-fddea127] {
+.banner-item0 .banner-attach[data-v-8cfcc7ff] {
     height: 80px;
 }
 }
-.banner-item1 .banner-attach[data-v-fddea127] {
+.banner-item1 .banner-attach[data-v-8cfcc7ff] {
   height: 156px;
 }
 @media (min-width: 601px) and (max-width: 1200px) {
-.banner-item1 .banner-attach[data-v-fddea127] {
+.banner-item1 .banner-attach[data-v-8cfcc7ff] {
     height: 120px;
 }
 }
-.banner-item2 .banner-content[data-v-fddea127] {
+.banner-item2 .banner-content[data-v-8cfcc7ff] {
   width: 100%;
   justify-content: center;
 }
-.banner-item2 .banner-attach[data-v-fddea127] {
+.banner-item2 .banner-attach[data-v-8cfcc7ff] {
   height: 38%;
   margin-top: -60px;
   object-fit: contain;
 }
-.banner-wrapper[data-v-fddea127] {
+.banner-wrapper[data-v-8cfcc7ff] {
   height: 100%;
 }
-.banner-wrapper .banner-bg[data-v-fddea127] {
+.banner-wrapper .banner-bg[data-v-8cfcc7ff] {
   height: 100%;
 }

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

@@ -0,0 +1,27 @@
+.hover-icon-rotate .o-icon[data-v-51e2ce78] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-51e2ce78] {
+    transform: rotate(-180deg);
+}
+}
+.tooltip-text-wrapper .tooltip-text[data-v-51e2ce78] {
+  overflow: hidden;
+  word-break: keep-all;
+}
+.tooltip-text-wrapper .tooltip-text.ellipsis[data-v-51e2ce78] {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.tooltip-text-wrapper .tooltip-text.multi-lines[data-v-51e2ce78] {
+  white-space: normal;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: var(--lines);
+}
+.tooltip-text-wrapper .button[data-v-51e2ce78] {
+  color: var(--o-color-primary1);
+  cursor: pointer;
+}

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

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

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

@@ -0,0 +1,85 @@
+import { defineComponent, ref, useSlots, onMounted, onUnmounted, watch, computed, openBlock, createElementBlock, normalizeStyle, createVNode, unref, withCtx, createElementVNode, normalizeClass, toDisplayString, renderSlot } from "vue";
+import { isClient, OPopover } from "@opensig/opendesign";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "TooltipText",
+  props: {
+    lines: {},
+    width: {},
+    type: { default: "" },
+    size: { default: 14 }
+  },
+  setup(__props) {
+    const contentRef = ref(null);
+    const ellipsis = ref(true);
+    const props = __props;
+    const slots = useSlots();
+    let resizeObserver = null;
+    const checkOverflow = () => {
+      if (!isClient) return;
+      const ele = contentRef.value;
+      if (!ele) return;
+      ellipsis.value = ele.scrollWidth > ele.offsetWidth + 1 || ele.scrollHeight > ele.offsetHeight + 1;
+    };
+    onMounted(() => {
+      checkOverflow();
+      if (!isClient || !contentRef.value) return;
+      resizeObserver = new ResizeObserver(() => checkOverflow());
+      resizeObserver.observe(contentRef.value);
+    });
+    onUnmounted(() => {
+      resizeObserver == null ? void 0 : resizeObserver.disconnect();
+    });
+    watch(() => [props.lines, props.width], () => {
+      if (isClient) requestAnimationFrame(checkOverflow);
+    });
+    const getTextFromNode = (node) => {
+      const children = node.children ?? "";
+      if (Array.isArray(children)) {
+        return children.map((v) => getTextFromNode(v)).join("");
+      }
+      return String(children);
+    };
+    const contentText = computed(() => {
+      var _a;
+      const nodes = ((_a = slots.default) == null ? void 0 : _a.call(slots)) || [];
+      return nodes.map((node) => getTextFromNode(node)).join("\n");
+    });
+    const wrapperStyle = computed(() => {
+      const calcWidth = Number.isNaN(Number(props.width)) ? props.width : `${props.width}px`;
+      return { width: calcWidth };
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "tooltip-text-wrapper",
+        style: normalizeStyle(wrapperStyle.value)
+      }, [
+        createVNode(unref(OPopover), {
+          anchor: "",
+          disabled: !ellipsis.value,
+          adjustMinWidth: false,
+          adjustWidth: true
+        }, {
+          target: withCtx(() => [
+            createElementVNode("div", {
+              class: normalizeClass(["tooltip-text", __props.type, ellipsis.value && "ellipsis", __props.lines > 1 && "multi-lines"]),
+              ref_key: "contentRef",
+              ref: contentRef,
+              style: normalizeStyle(`--lines: ${__props.lines};`)
+            }, [
+              renderSlot(_ctx.$slots, "default", {}, void 0, true)
+            ], 6)
+          ]),
+          default: withCtx(() => [
+            createElementVNode("div", {
+              class: normalizeClass(["popup-box2", `fz-${__props.size}`])
+            }, toDisplayString(contentText.value), 3)
+          ]),
+          _: 3
+        }, 8, ["disabled"])
+      ], 4);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,15 @@
+.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);
+}
+}
+.tooltip-text-wrapper .popup-box2 {
+  color: var(--o-color-info2);
+}
+.tooltip-text-wrapper .popup-box2.fz-14 {
+  font-size: 14px;
+  line-height: 22px;
+}

package/dist/treeshaking/components/config-provider/OPlusConfigProvider.vue.d.ts

@@ -1,5 +1,5 @@
 export interface OPlusConfigProviderPropsT {
-    locale?: 'zh' | 'en';
+    locale?: string;
     theme?: 'light' | 'dark';
 }
 declare function __VLS_template(): {
@@ -12,7 +12,7 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<OPlusConfigProviderPropsT, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<OPlusConfigProviderPropsT> & Readonly<{}>, {
-    locale: "zh" | "en";
+    locale: string;
     theme: "light" | "dark";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/treeshaking/components/config-provider/index.d.ts

@@ -1,7 +1,7 @@
 import { App } from 'vue';
 declare const OPlusConfigProvider: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./OPlusConfigProvider.vue').OPlusConfigProviderPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        locale: "zh" | "en";
+        locale: string;
         theme: "light" | "dark";
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
@@ -11,14 +11,14 @@ declare const OPlusConfigProvider: {
         M: {};
         Defaults: {};
     }, Readonly<import('./OPlusConfigProvider.vue').OPlusConfigProviderPropsT> & Readonly<{}>, {}, {}, {}, {}, {
-        locale: "zh" | "en";
+        locale: string;
         theme: "light" | "dark";
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('./OPlusConfigProvider.vue').OPlusConfigProviderPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    locale: "zh" | "en";
+    locale: string;
     theme: "light" | "dark";
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {

package/dist/treeshaking/components/cookie-notice/OCookieNotice.vue.mjs

@@ -2,7 +2,7 @@ import _sfc_main from "./OCookieNotice.vue2.mjs";
 import './OCookieNotice.css';
 import './OCookieNotice2.css';
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _OCookieNotice = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b731c798"]]);
+const _OCookieNotice = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f4e92a4b"]]);
 export {
   _OCookieNotice as default
 };

package/dist/treeshaking/components/cookie-notice/OCookieNotice.vue2.mjs

@@ -237,7 +237,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         default: withCtx(() => [
                           (openBlock(), createElementBlock("svg", _hoisted_4, [..._cache[4] || (_cache[4] = [
                             createElementVNode("path", {
-                              fill: "#002fa7",
+                              fill: "var(--o-color-primary1)",
                               d: "M21 12c0 4.971-4.029 9-9 9s-9-4.029-9-9c0-4.971 4.029-9 9-9s9 4.029 9 9z"
                             }, null, -1),
                             createElementVNode("path", {