@opendesign-plus-test/components 0.0.1-rc.121 → 0.0.1-rc.123

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

@@ -1,20 +1,20 @@
-.hover-icon-rotate .o-icon[data-v-340348ce] {
+.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-340348ce] {
+.hover-icon-rotate:hover .o-icon[data-v-9aaf13f3] {
     transform: rotate(-180deg);
 }
 }
-.img-avatar[data-v-340348ce] {
+.img-avatar[data-v-9aaf13f3] {
   background-color: transparent !important;
 }
-.word-avatar[data-v-340348ce] {
+.word-avatar[data-v-9aaf13f3] {
   display: flex;
   align-items: center;
   justify-content: center;
   color: var(--o-color-info1-inverse);
 }
-.round[data-v-340348ce] {
+.round[data-v-9aaf13f3] {
   border-radius: 50%;
 }

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

@@ -1,7 +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-340348ce"]]);
+const AppAvatar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9aaf13f3"]]);
 export {
   AppAvatar as default
 };

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

@@ -22,7 +22,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     // 大小尺寸自定义，单位px
     customSize: {
       type: Number,
-      default: 0
+      default: 20
     },
     // round--圆形 square--方形
     variant: {
@@ -41,8 +41,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       var _a;
       const avatarStyle = {
         "background-color": "",
-        width: "32px",
-        height: "32px",
+        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";

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

@@ -14,6 +14,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const slots = useSlots();
     let resizeObserver = null;
+    let resizeRafId = null;
     const checkOverflow = () => {
       if (!isClient) return;
       const ele = contentRef.value;
@@ -31,14 +32,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       ellipsis.value = ele.scrollWidth > ele.offsetWidth + 1 || ele.scrollHeight > ele.offsetHeight + 1;
     };
+    const onWindowResize = () => {
+      if (resizeRafId !== null) cancelAnimationFrame(resizeRafId);
+      resizeRafId = requestAnimationFrame(checkOverflow);
+    };
     onMounted(() => {
       checkOverflow();
       if (!isClient || !contentRef.value) return;
       resizeObserver = new ResizeObserver(() => checkOverflow());
       resizeObserver.observe(contentRef.value);
+      window.addEventListener("resize", onWindowResize);
     });
     onUnmounted(() => {
       resizeObserver == null ? void 0 : resizeObserver.disconnect();
+      if (resizeRafId !== null) cancelAnimationFrame(resizeRafId);
+      window.removeEventListener("resize", onWindowResize);
     });
     watch(() => [props.lines, props.width], () => {
       if (isClient) requestAnimationFrame(checkOverflow);

package/dist/treeshaking/components/events/OEventsList.css

@@ -271,6 +271,11 @@
 .o-events-list .list-content .o-card .o-card-content .tags-wrapper .o-tag .o-tag-icon {
   height: 16px;
 }
+@media (max-width: 840px) {
+.o-events-list .list-content .o-card .o-card-content .tags-wrapper .o-tag .o-tag-icon {
+    --tag-icon-gap: -8px;
+}
+}
 .o-events-list .list-content .o-card .o-card-content .tags-wrapper .o-tag .o-tag-icon svg {
   width: 16px;
   height: 16px;

package/dist/treeshaking/components/header/OHeader.css

@@ -1,35 +1,35 @@
-.hover-icon-rotate .o-icon[data-v-77f78215] {
+.hover-icon-rotate .o-icon[data-v-dd346a41] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-77f78215] {
+.hover-icon-rotate:hover .o-icon[data-v-dd346a41] {
     transform: rotate(-180deg);
 }
 }
-.header[data-v-77f78215] {
+.header[data-v-dd346a41] {
   --o-header-height: 72px;
   --o-header-content-max-width: 1488px;
   --o-header-content-padding: 0;
 }
 @media (max-width: 1680px) {
-.header[data-v-77f78215] {
+.header[data-v-dd346a41] {
     --o-header-content-max-width: 100%;
     --o-header-content-padding: 64px;
 }
 }
 @media (max-width: 1440px) {
-.header[data-v-77f78215] {
+.header[data-v-dd346a41] {
     --o-header-height: 64px;
     --o-header-content-padding: 40px;
 }
 }
 @media (max-width: 1200px) {
-.header[data-v-77f78215] {
+.header[data-v-dd346a41] {
     --o-header-height: 56px;
     --o-header-content-padding: 32px;
 }
 }
-.header-wrap[data-v-77f78215] {
+.header-wrap[data-v-dd346a41] {
   background-color: var(--o-color-fill2);
   position: fixed;
   left: 0;
@@ -40,7 +40,7 @@
   backdrop-filter: blur(5px);
   height: var(--o-header-height);
 }
-.header-content[data-v-77f78215] {
+.header-content[data-v-dd346a41] {
   display: flex;
   align-items: center;
   height: 100%;
@@ -48,7 +48,7 @@
   margin: 0 auto;
   padding: 0 var(--o-header-content-padding);
 }
-.header-logo[data-v-77f78215] {
+.header-logo[data-v-dd346a41] {
   height: 100%;
   display: flex;
   align-items: center;
@@ -56,27 +56,27 @@
   margin-right: 24px;
   flex-shrink: 0;
 }
-.logo[data-v-77f78215] {
+.logo[data-v-dd346a41] {
   height: 32px;
 }
-.header-nav-top[data-v-77f78215] {
+.header-nav-top[data-v-dd346a41] {
   flex: 1;
   height: 100%;
   min-width: 0;
   overflow: hidden;
   position: relative;
 }
-.header-nav-flatten[data-v-77f78215] {
+.header-nav-flatten[data-v-dd346a41] {
   flex: 1;
   height: 100%;
   min-width: 0;
   position: relative;
 }
-.header-toolbar[data-v-77f78215] {
+.header-toolbar[data-v-dd346a41] {
   height: 100%;
   position: relative;
 }
-.header-nav-content[data-v-77f78215] {
+.header-nav-content[data-v-dd346a41] {
   position: fixed;
   top: var(--o-header-height);
   left: 0;
@@ -86,6 +86,6 @@
   box-shadow: var(--o-shadow-1);
   overflow: hidden;
 }
-[data-o-theme*=dark] .header-wrap[data-v-77f78215] {
+[data-o-theme*=dark] .header-wrap[data-v-dd346a41] {
   border-bottom: 1px solid var(--o-color-control4);
 }

package/dist/treeshaking/components/header/OHeader.vue.mjs

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

package/dist/treeshaking/components/header/OHeader.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, provide, onUnmounted, openBlock, createElementBlock, createElementVNode, renderSlot, createCommentVNode, createBlock, createVNode } from "vue";
+import { defineComponent, ref, computed, provide, readonly, onUnmounted, openBlock, createElementBlock, createElementVNode, renderSlot, createCommentVNode, createBlock, createVNode } from "vue";
 import HeaderNav from "./components/HeaderNav.vue.mjs";
 import HeaderContent from "./components/HeaderContent.vue.mjs";
 import HeaderFlatten from "./components/HeaderFlatten.vue.mjs";
@@ -136,6 +136,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       hoverId.value = val;
       scheduleClose(false);
     };
+    const navFirstHoverTime = ref(0);
+    const navStepCount = ref(0);
+    provide("navStepCount", readonly(navStepCount));
+    provide("navFirstHoverTime", readonly(navFirstHoverTime));
+    provide("increNavStepCount", () => {
+      navStepCount.value++;
+    });
+    provide("updateNavFirstHoverTime", () => {
+      if (!navFirstHoverTime.value) {
+        navFirstHoverTime.value = Date.now();
+      }
+    });
+    provide("clearNavHandleTrace", () => {
+      navStepCount.value = 0;
+      navFirstHoverTime.value = 0;
+    });
     onUnmounted(() => {
       cancelClose();
     });

package/dist/treeshaking/components/header/OHeaderMobile.css

@@ -1,15 +1,15 @@
-.hover-icon-rotate .o-icon[data-v-f067c92a] {
+.hover-icon-rotate .o-icon[data-v-0a2d44bb] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-f067c92a] {
+.hover-icon-rotate:hover .o-icon[data-v-0a2d44bb] {
     transform: rotate(-180deg);
 }
 }
-.header[data-v-f067c92a] {
+.header[data-v-0a2d44bb] {
   --o-header-height: 56px;
 }
-.header-box[data-v-f067c92a] {
+.header-box[data-v-0a2d44bb] {
   background-color: var(--o-color-fill2);
   position: fixed;
   left: 0;
@@ -19,30 +19,30 @@
   box-shadow: var(--o-shadow-1);
   backdrop-filter: blur(5px);
 }
-.header-wrap[data-v-f067c92a] {
+.header-wrap[data-v-0a2d44bb] {
   display: flex;
   align-items: center;
   height: var(--o-header-height);
   justify-content: space-between;
   position: relative;
 }
-.header-simple[data-v-f067c92a] {
+.header-simple[data-v-0a2d44bb] {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
-.header-simple .o-icon[data-v-f067c92a] {
+.header-simple .o-icon[data-v-0a2d44bb] {
   font-size: 24px;
 }
-.header-simple .simple-header-left[data-v-f067c92a] {
+.header-simple .simple-header-left[data-v-0a2d44bb] {
   display: flex;
   gap: 16px;
   color: var(--o-color-info1);
   overflow: hidden;
   flex-grow: 1;
 }
-.header-simple .simple-header-left .header-title[data-v-f067c92a] {
+.header-simple .simple-header-left .header-title[data-v-0a2d44bb] {
   color: var(--o-color-info1);
   font-weight: 500;
   overflow: hidden;
@@ -52,55 +52,55 @@
   line-height: 26px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.header-simple .simple-header-left .header-title[data-v-f067c92a] {
+.header-simple .simple-header-left .header-title[data-v-0a2d44bb] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.header-simple .simple-header-left .header-title[data-v-f067c92a] {
+.header-simple .simple-header-left .header-title[data-v-0a2d44bb] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.header-simple .simple-header-left .header-title[data-v-f067c92a] {
+.header-simple .simple-header-left .header-title[data-v-0a2d44bb] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.header-simple .simple-header-left .header-title[data-v-f067c92a] {
+.header-simple .simple-header-left .header-title[data-v-0a2d44bb] {
     font-size: 14px;
     line-height: 22px;
 }
 }
-.header-simple .simple-header-right[data-v-f067c92a] {
+.header-simple .simple-header-right[data-v-0a2d44bb] {
   flex-shrink: 0;
   color: var(--o-color-info1);
   font-weight: 500;
   font-size: 16px;
   line-height: 24px;
 }
-.header-left[data-v-f067c92a] {
+.header-left[data-v-0a2d44bb] {
   display: flex;
   align-items: center;
 }
-.header-left .o-icon[data-v-f067c92a] {
+.header-left .o-icon[data-v-0a2d44bb] {
   --icon-size: 24px;
 }
-.logo[data-v-f067c92a] {
+.logo[data-v-0a2d44bb] {
   height: 24px;
   width: auto;
 }
-.header-content-mb[data-v-f067c92a] {
+.header-content-mb[data-v-0a2d44bb] {
   position: fixed;
   top: var(--o-header-height);
   left: 0;
   height: 0;
   z-index: 998;
 }
-.header-content-active[data-v-f067c92a] {
+.header-content-active[data-v-0a2d44bb] {
   width: 100%;
   height: calc(100vh - var(--o-header-height));
 }

package/dist/treeshaking/components/header/OHeaderMobile.vue.d.ts

@@ -1,8 +1,9 @@
-import { NavT, LangItemT } from './types.ts';
+import { NavT, LangItemT, NavItemT } from './types.ts';
 export interface OHeaderT {
     (e: 'go-back'): void;
     (e: 'lang-click', val: LangItemT): void;
     (e: 'go-home'): void;
+    (e: 'handle-click', val: NavItemT): void;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -18,7 +19,7 @@ declare function __VLS_template(): {
             $data: {};
             $props: {
                 readonly menuShow: boolean;
-                readonly navData: import('./types.ts').NavItemT[];
+                readonly navData: NavItemT[];
                 readonly codeData?: import('./types.ts').CodeT | undefined;
                 readonly langData?: import('./types.ts').LangT | undefined;
                 readonly activeIndex: string | number;
@@ -48,7 +49,7 @@ declare function __VLS_template(): {
                 "on-click": () => any;
                 "lang-click": (val: LangItemT) => any;
             }, string, {
-                navData: import('./types.ts').NavItemT[];
+                navData: NavItemT[];
                 menuShow: boolean;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -71,7 +72,7 @@ declare function __VLS_template(): {
             $nextTick: typeof import('vue').nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
-            navData: import('./types.ts').NavItemT[];
+            navData: NavItemT[];
             menuShow: boolean;
         }> & Omit<Readonly<import('./types.ts').NavMobileItemT> & Readonly<{
             "onHandle-click"?: ((val: any) => any) | undefined;
@@ -87,10 +88,12 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<NavT, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "handle-click": (val: NavItemT) => any;
     "go-home": () => any;
     "lang-click": (val: LangItemT) => any;
     "go-back": () => any;
 }, string, import('vue').PublicProps, Readonly<NavT> & Readonly<{
+    "onHandle-click"?: ((val: NavItemT) => any) | undefined;
     "onGo-home"?: (() => any) | undefined;
     "onLang-click"?: ((val: LangItemT) => any) | undefined;
     "onGo-back"?: (() => any) | undefined;
@@ -100,7 +103,7 @@ declare const __VLS_component: import('vue').DefineComponent<NavT, {}, {}, {}, {
         $data: {};
         $props: {
             readonly menuShow: boolean;
-            readonly navData: import('./types.ts').NavItemT[];
+            readonly navData: NavItemT[];
             readonly codeData?: import('./types.ts').CodeT | undefined;
             readonly langData?: import('./types.ts').LangT | undefined;
             readonly activeIndex: string | number;
@@ -130,7 +133,7 @@ declare const __VLS_component: import('vue').DefineComponent<NavT, {}, {}, {}, {
             "on-click": () => any;
             "lang-click": (val: LangItemT) => any;
         }, string, {
-            navData: import('./types.ts').NavItemT[];
+            navData: NavItemT[];
             menuShow: boolean;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -153,7 +156,7 @@ declare const __VLS_component: import('vue').DefineComponent<NavT, {}, {}, {}, {
         $nextTick: typeof import('vue').nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{
-        navData: import('./types.ts').NavItemT[];
+        navData: NavItemT[];
         menuShow: boolean;
     }> & Omit<Readonly<import('./types.ts').NavMobileItemT> & Readonly<{
         "onHandle-click"?: ((val: any) => any) | undefined;

package/dist/treeshaking/components/header/OHeaderMobile.vue.mjs

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

package/dist/treeshaking/components/header/OHeaderMobile.vue2.mjs

@@ -38,7 +38,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     headerTitle: {},
     isFlatten: { type: Boolean }
   },
-  emits: ["go-back", "lang-click", "go-home"],
+  emits: ["go-back", "lang-click", "go-home", "handle-click"],
   setup(__props, { emit: __emit }) {
     const emit = __emit;
     const props = __props;
@@ -57,7 +57,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const mobileClick = () => {
       menuPanel();
     };
-    const handleClick = () => {
+    const handleClick = (val) => {
+      emit("handle-click", val);
       menuPanel();
     };
     const langClick = (val) => {