@opendesign-plus/components 0.0.1-rc.44 → 0.0.1-rc.46

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

@@ -1,6 +1,6 @@
 import { App } from 'vue';
 declare const OActivityForm: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').ActivityFormPropsT> & Readonly<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').ActivityFormPropsT> & Readonly<{
         onConfirm?: ((...args: any[]) => any) | undefined;
         onClose?: ((...args: any[]) => any) | undefined;
     }>, {
@@ -142,7 +142,7 @@ declare const OActivityForm: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('../../index').ActivityFormPropsT> & Readonly<{
+    }, Readonly<import('./types').ActivityFormPropsT> & Readonly<{
         onConfirm?: ((...args: any[]) => any) | undefined;
         onClose?: ((...args: any[]) => any) | undefined;
     }>, {
@@ -151,7 +151,7 @@ declare const OActivityForm: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('../../index').ActivityFormPropsT> & Readonly<{
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').ActivityFormPropsT> & Readonly<{
     onConfirm?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
 }>, {
@@ -163,7 +163,7 @@ declare const OActivityForm: {
     install(app: App): void;
 };
 declare const OActivityApproval: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').ActivityTablePropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').ActivityTablePropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         formRef: ({
             $: import('vue').ComponentInternalInstance;
             $data: {};
@@ -297,11 +297,11 @@ declare const OActivityApproval: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('../../index').ActivityTablePropsT> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    }, Readonly<import('./types').ActivityTablePropsT> & Readonly<{}>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('../../index').ActivityTablePropsT> & 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 & (new () => {
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').ActivityTablePropsT> & 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 & (new () => {
     $slots: {
         'filter-empty'?(_: {}): any;
         'filter-empty'?(_: {}): any;
@@ -310,7 +310,7 @@ declare const OActivityApproval: {
     install(app: App): void;
 };
 declare const OActivityMyCalendar: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').MyActivityCalendarPropsT> & Readonly<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').MyActivityCalendarPropsT> & Readonly<{
         onEdit?: ((...args: any[]) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         edit: (...args: any[]) => void;
@@ -627,13 +627,13 @@ declare const OActivityMyCalendar: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('../../index').MyActivityCalendarPropsT> & Readonly<{
+    }, Readonly<import('./types').MyActivityCalendarPropsT> & Readonly<{
         onEdit?: ((...args: any[]) => any) | undefined;
     }>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('../../index').MyActivityCalendarPropsT> & Readonly<{
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').MyActivityCalendarPropsT> & Readonly<{
     onEdit?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     edit: (...args: any[]) => void;

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

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

@@ -15,6 +15,7 @@
   text-overflow: ellipsis;
 }
 .tooltip-text-wrapper .tooltip-text.multi-lines {
+  word-break: break-all;
   white-space: normal;
   text-overflow: ellipsis;
   display: -webkit-box;

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

@@ -18,6 +18,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (!isClient) return;
       const ele = contentRef.value;
       if (!ele) return;
+      if (props.lines && props.lines > 1) {
+        const visibleHeight = ele.offsetHeight;
+        const prevDisplay = ele.style.display;
+        ele.style.display = "block";
+        const naturalHeight = ele.scrollHeight;
+        ele.style.display = prevDisplay;
+        if (naturalHeight && visibleHeight) {
+          ellipsis.value = naturalHeight > visibleHeight + 1;
+        }
+        return;
+      }
       ellipsis.value = ele.scrollWidth > ele.offsetWidth + 1 || ele.scrollHeight > ele.offsetHeight + 1;
     };
     onMounted(() => {
@@ -61,7 +72,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, {
           target: withCtx(() => [
             createElementVNode("div", {
-              class: normalizeClass(["tooltip-text", __props.type, ellipsis.value && "ellipsis", __props.lines > 1 && "multi-lines"]),
+              class: normalizeClass(["tooltip-text", __props.type, ellipsis.value && "ellipsis", __props.lines && __props.lines > 1 && "multi-lines"]),
               ref_key: "contentRef",
               ref: contentRef,
               style: normalizeStyle(`--lines: ${__props.lines};`)

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

@@ -476,7 +476,7 @@
   background: linear-gradient(142.13deg, color-mix(in srgb, transparent 0%, transparent) 0%, color-mix(in srgb, rgba(var(--o-white), 0.6) 60%, transparent) 100%), var(--o-color-primary1);
 }
 .o-events-apply .events-apply-grid .step-item.step-3.is-dark {
-  background: linear-gradient(142.13deg, color-mix(in srgb, var(--o-color-primary1) 40%, transparent) 0%, color-mix(in srgb, var(--o-color-primary1) 16%, transparent) 100%), var(--o-color-fill2);
+  background: linear-gradient(142.13deg, color-mix(in srgb, var(--o-color-primary1) 40%, transparent) 30%, color-mix(in srgb, var(--o-color-primary1) 16%, transparent) 97%), var(--o-color-fill2);
 }
 .o-events-apply .events-apply-grid .step-item.step-3 .step-idx {
   background-color: #fff;

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

@@ -36,6 +36,8 @@
 .o-events-calendar .o-collapse {
   --collapse-padding: 0;
   --collapse-radius: 0 0 var(--events-card-radius) var(--events-card-radius);
+  --collapse-item-title-color: var(--o-color-info1);
+  --collapse-item-title-color_expanded: var(--o-color-info1);
 }
 @media (min-width: 601px) and (max-width: 840px) {
 .o-events-calendar .o-collapse {
@@ -51,6 +53,16 @@
   padding: var(--o-gap-4) var(--o-gap-6);
   align-items: center;
 }
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-events-calendar .o-collapse .o-collapse-item .o-collapse-item-header {
+    padding: var(--o-gap-3) var(--o-gap-5);
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-events-calendar .o-collapse .o-collapse-item .o-collapse-item-header {
+    padding: var(--o-gap-2) var(--o-gap-4);
+}
+}
 @media (max-width: 840px) {
 .o-events-calendar .o-collapse .o-collapse-item .o-collapse-item-header {
     padding: var(--o-gap-2) var(--o-gap-3);
@@ -81,10 +93,21 @@
 .o-events-calendar .collapse-header .collapse-title {
   display: flex;
   align-items: center;
+  --title-icon-size: 24px;
+}
+@media (max-width: 1680px) {
+.o-events-calendar .collapse-header .collapse-title {
+    --title-icon-size: 20px;
+}
+}
+@media (max-width: 840px) {
+.o-events-calendar .collapse-header .collapse-title {
+    --title-icon-size: 24px;
+}
 }
 .o-events-calendar .collapse-header .collapse-title .title-icon {
-  width: 24px;
-  height: 24px;
+  width: var(--title-icon-size);
+  height: var(--title-icon-size);
   border-radius: 50%;
   color: #fff;
   display: flex;
@@ -93,24 +116,19 @@
   margin-right: var(--o-gap-4);
   background-color: rgb(var(--bg-color));
 }
-@media (max-width: 840px) {
+@media (min-width: 1201px) and (max-width: 1680px) {
 .o-events-calendar .collapse-header .collapse-title .title-icon {
-    margin-right: var(--o-gap-2);
-}
+    margin-right: var(--o-gap-3);
 }
-.o-events-calendar .collapse-header .collapse-title .o-icon {
-  font-size: 20px;
-  color: var(--o-white);
 }
-@media (min-width: 1201px) and (max-width: 1680px) {
-.o-events-calendar .collapse-header .collapse-title .o-icon {
-    font-size: 16px;
+@media (max-width: 1200px) {
+.o-events-calendar .collapse-header .collapse-title .title-icon {
+    margin-right: var(--o-gap-2);
 }
 }
-@media (min-width: 841px) and (max-width: 1200px) {
 .o-events-calendar .collapse-header .collapse-title .o-icon {
-    font-size: 16px;
-}
+  font-size: var(--title-icon-size);
+  color: var(--o-white);
 }
 .o-events-calendar .collapse-header .collapse-title .o-icon svg {
   fill: none;

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

@@ -147,6 +147,11 @@
   gap: var(--o-gap-6);
   margin-top: var(--o-gap-6);
 }
+@media screen and (max-width: 1000px) {
+.o-events-list .list-content {
+    grid-template-columns: repeat(3, 1fr);
+}
+}
 @media (max-width: 840px) {
 .o-events-list .list-content {
     grid-template-columns: repeat(1, 1fr);
@@ -180,6 +185,7 @@
 .o-events-list .list-content .o-card {
   aspect-ratio: 1/1;
   position: relative;
+  --card-radius: var(--events-card-radius);
 }
 @media (max-width: 840px) {
 .o-events-list .list-content .o-card {

package/dist/treeshaking/components/events/OEventsList.vue.d.ts

@@ -3,8 +3,10 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<{
         empty?: () => any;
+        filter?: () => any;
     }> & {
         empty?: () => any;
+        filter?: () => any;
     };
     refs: {};
     rootEl: HTMLDivElement;

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

@@ -1,7 +1,7 @@
 import { App } from 'vue';
 declare const OEventsCalendar: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').EventsCalendarPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        data: import('../../index').CalendarItemT[];
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').EventsCalendarPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        data: import('./types').CalendarItemT[];
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -9,24 +9,24 @@ declare const OEventsCalendar: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('../../index').EventsCalendarPropsT> & Readonly<{}>, {}, {}, {}, {}, {
-        data: import('../../index').CalendarItemT[];
+    }, Readonly<import('./types').EventsCalendarPropsT> & Readonly<{}>, {}, {}, {}, {}, {
+        data: import('./types').CalendarItemT[];
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('../../index').EventsCalendarPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    data: import('../../index').CalendarItemT[];
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').EventsCalendarPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    data: import('./types').CalendarItemT[];
 }, {}, 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 OEventsList: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').EventsListPropsT> & Readonly<{
-        onSearch?: ((params: import('../../index').SearchParamsT) => any) | undefined;
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').EventsListPropsT> & Readonly<{
+        onSearch?: ((params: import('./types').SearchParamsT) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        search: (params: import('../../index').SearchParamsT) => any;
+        search: (params: import('./types').SearchParamsT) => any;
     }, import('vue').PublicProps, {
-        data: import('../../index').EventsCardItemT[];
+        data: import('./types').EventsCardItemT[];
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -34,42 +34,44 @@ declare const OEventsList: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('../../index').EventsListPropsT> & Readonly<{
-        onSearch?: ((params: import('../../index').SearchParamsT) => any) | undefined;
+    }, Readonly<import('./types').EventsListPropsT> & Readonly<{
+        onSearch?: ((params: import('./types').SearchParamsT) => any) | undefined;
     }>, {}, {}, {}, {}, {
-        data: import('../../index').EventsCardItemT[];
+        data: import('./types').EventsCardItemT[];
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('../../index').EventsListPropsT> & Readonly<{
-    onSearch?: ((params: import('../../index').SearchParamsT) => any) | undefined;
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').EventsListPropsT> & Readonly<{
+    onSearch?: ((params: import('./types').SearchParamsT) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    search: (params: import('../../index').SearchParamsT) => any;
+    search: (params: import('./types').SearchParamsT) => any;
 }, string, {
-    data: import('../../index').EventsCardItemT[];
+    data: import('./types').EventsCardItemT[];
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: Readonly<{
         empty?: () => any;
+        filter?: () => any;
     }> & {
         empty?: () => any;
+        filter?: () => any;
     };
 }) & {
     install(app: App): void;
 };
 declare const OEventsApply: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').EventsApplyPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').EventsApplyPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('../../index').EventsApplyPropsT> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    }, Readonly<import('./types').EventsApplyPropsT> & Readonly<{}>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('../../index').EventsApplyPropsT> & 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 & (new () => {
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').EventsApplyPropsT> & 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 & (new () => {
     $slots: Partial<Record<`step${number}`, (_: {}) => any>>;
 }) & {
     install(app: App): void;

package/dist/treeshaking/components/feedback-doc/OFeedbackDoc.css

@@ -1,20 +1,20 @@
-.hover-icon-rotate .o-icon[data-v-9b45490c] {
+.hover-icon-rotate .o-icon[data-v-21912699] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-9b45490c] {
+.hover-icon-rotate:hover .o-icon[data-v-21912699] {
     transform: rotate(-180deg);
 }
 }
-.o-feedback-doc-wrap[data-v-9b45490c] {
+.o-feedback-doc-wrap[data-v-21912699] {
   color: var(--o-color-info1);
   cursor: pointer;
 }
 @media (hover: hover) {
-.o-feedback-doc-wrap[data-v-9b45490c]:hover {
+.o-feedback-doc-wrap[data-v-21912699]:hover {
     color: var(--o-color-primary1);
 }
 }
-.o-feedback-doc-wrap .o-feedback-icon-smile[data-v-9b45490c] {
+.o-feedback-doc-wrap .o-feedback-icon-smile[data-v-21912699] {
   font-size: 24px;
 }

package/dist/treeshaking/components/feedback-doc/OFeedbackDoc.vue.d.ts

@@ -4,6 +4,7 @@ type __VLS_Props = {
     target?: string | HTMLElement | ComponentPublicInstance | null;
     position?: 'br' | 'rt' | 'tr' | 'left' | 'right' | 'top' | 'bottom' | 'rb' | 'tl' | 'bl' | 'lt' | 'lb';
     disableTip?: boolean;
+    offset?: number;
     submitData?: (data: Record<string, any>) => Promise<boolean>;
     submitIssue?: (data: Record<string, any>) => Promise<boolean>;
 };

package/dist/treeshaking/components/feedback-doc/OFeedbackDoc.vue.mjs

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

package/dist/treeshaking/components/feedback-doc/OFeedbackDoc.vue2.mjs

@@ -11,6 +11,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     target: {},
     position: {},
     disableTip: { type: Boolean },
+    offset: {},
     submitData: { type: Function },
     submitIssue: { type: Function }
   }, {
@@ -143,11 +144,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           wrapper: __props.wrapper || "#o-feedback-doc-wrap",
           position: __props.position,
           "disable-tip": __props.disableTip,
+          offset: __props.offset,
           "submit-data": __props.submitData,
           "submit-issue": __props.submitIssue,
           onChange,
           onClose
-        }, null, 8, ["efficiency", "accuracy", "completeness", "usability", "feedback", "visible", "target", "auto-hide", "wrapper", "position", "disable-tip", "submit-data", "submit-issue"]))
+        }, null, 8, ["efficiency", "accuracy", "completeness", "usability", "feedback", "visible", "target", "auto-hide", "wrapper", "position", "disable-tip", "offset", "submit-data", "submit-issue"]))
       ], 32);
     };
   }

package/dist/treeshaking/components/feedback-doc/OFeedbackDocPopup.css

@@ -1,22 +1,11 @@
-.hover-icon-rotate .o-icon[data-v-11cde3dd] {
+.hover-icon-rotate .o-icon[data-v-e70ea0e4] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-11cde3dd] {
+.hover-icon-rotate:hover .o-icon[data-v-e70ea0e4] {
     transform: rotate(-180deg);
 }
 }
-.o-popup[data-v-11cde3dd] {
+.o-popup[data-v-e70ea0e4] {
   cursor: default;
-}
-.o-popup .o-feedback-doc-popup[data-v-11cde3dd] {
-  top: 12px;
-  width: 240px;
-  padding: 12px;
-  background-color: var(--o-color-fill2);
-  box-shadow: var(--o-shadow-2);
-  border-radius: var(--o-radius-xs);
-}
-.o-popup .o-feedback-doc-popup-en[data-v-11cde3dd] {
-  width: 296px;
 }

package/dist/treeshaking/components/feedback-doc/OFeedbackDocPopup.vue.d.ts

@@ -6,6 +6,7 @@ type __VLS_Props = {
     autoHide?: boolean;
     position?: 'br' | 'rt' | 'tr' | 'left' | 'right' | 'top' | 'bottom' | 'rb' | 'tl' | 'bl' | 'lt' | 'lb';
     disableTip?: boolean;
+    offset?: number;
     submitData?: (data: Record<string, any>) => Promise<boolean>;
     submitIssue?: (data: Record<string, any>) => Promise<boolean>;
 };
@@ -37,6 +38,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     target: string | HTMLElement | ComponentPublicInstance | null;
     visible: boolean;
     position: "br" | "rt" | "tr" | "left" | "right" | "top" | "bottom" | "rb" | "tl" | "bl" | "lt" | "lb";
+    offset: number;
     autoHide: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/treeshaking/components/feedback-doc/OFeedbackDocPopup.vue.mjs

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

package/dist/treeshaking/components/feedback-doc/OFeedbackDocPopup.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, useModel, openBlock, createBlock, unref, withCtx, createVNode, mergeModels } from "vue";
+import { defineComponent, useModel, openBlock, createBlock, unref, normalizeStyle, withCtx, createVNode, mergeModels } from "vue";
 import { OPopup } from "@opensig/opendesign";
 import _OFeedbackDocContent from "./OFeedbackDocContent.vue.mjs";
 import { useI18n } from "../../i18n/index.mjs";
@@ -9,8 +9,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     wrapper: {},
     target: { default: null },
     autoHide: { type: Boolean, default: true },
-    position: { default: "rt" },
+    position: { default: "lt" },
     disableTip: { type: Boolean },
+    offset: { default: 24 },
     submitData: {},
     submitIssue: {}
   }, {
@@ -49,17 +50,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         visible: __props.visible,
         target: __props.target,
         "auto-hide": __props.autoHide,
-        "body-class": `o-feedback-doc-popup ${unref(locale) !== "zh" ? "o-feedback-doc-popup-en" : ""}`,
-        offset: 24,
+        offset: __props.offset,
         wrapper: __props.wrapper,
         position: __props.position,
         trigger: "hover",
-        style: {
-          "box-shadow": "var(--o-shadow-2)",
+        style: normalizeStyle({
+          "--popup-radius": "var(--o-radius-xs)",
+          "--popup-shadow": "var(--o-shadow-2)",
           "--popup-bg-color": "var(--o-color-fill2)",
           "--popup-padding": "12px",
-          "--popup-min-width": "240px"
-        }
+          "--popup-min-width": unref(locale) !== "zh" ? "296px" : "240px"
+        })
       }, {
         default: withCtx(() => [
           createVNode(_OFeedbackDocContent, {
@@ -81,7 +82,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, null, 8, ["efficiency", "accuracy", "completeness", "usability", "feedback", "disable-tip", "submit-data", "submit-issue"])
         ]),
         _: 1
-      }, 8, ["visible", "target", "auto-hide", "body-class", "wrapper", "position"]);
+      }, 8, ["visible", "target", "auto-hide", "offset", "wrapper", "position", "style"]);
     };
   }
 });

package/dist/treeshaking/components/feedback-doc/index.d.ts

@@ -11,6 +11,7 @@ declare const OFeedbackDoc: {
         target?: string | HTMLElement | import('vue').ComponentPublicInstance | null;
         position?: "br" | "rt" | "tr" | "left" | "right" | "top" | "bottom" | "rb" | "tl" | "bl" | "lt" | "lb";
         disableTip?: boolean;
+        offset?: number;
         submitData?: (data: Record<string, any>) => Promise<boolean>;
         submitIssue?: (data: Record<string, any>) => Promise<boolean>;
     }> & Readonly<{
@@ -128,6 +129,7 @@ declare const OFeedbackDoc: {
         target?: string | HTMLElement | import('vue').ComponentPublicInstance | null;
         position?: "br" | "rt" | "tr" | "left" | "right" | "top" | "bottom" | "rb" | "tl" | "bl" | "lt" | "lb";
         disableTip?: boolean;
+        offset?: number;
         submitData?: (data: Record<string, any>) => Promise<boolean>;
         submitIssue?: (data: Record<string, any>) => Promise<boolean>;
     }> & Readonly<{
@@ -151,6 +153,7 @@ declare const OFeedbackDoc: {
     target?: string | HTMLElement | import('vue').ComponentPublicInstance | null;
     position?: "br" | "rt" | "tr" | "left" | "right" | "top" | "bottom" | "rb" | "tl" | "bl" | "lt" | "lb";
     disableTip?: boolean;
+    offset?: number;
     submitData?: (data: Record<string, any>) => Promise<boolean>;
     submitIssue?: (data: Record<string, any>) => Promise<boolean>;
 }> & Readonly<{
@@ -382,6 +385,7 @@ declare const OFeedbackDocPopup: {
         autoHide?: boolean;
         position?: "br" | "rt" | "tr" | "left" | "right" | "top" | "bottom" | "rb" | "tl" | "bl" | "lt" | "lb";
         disableTip?: boolean;
+        offset?: number;
         submitData?: (data: Record<string, any>) => Promise<boolean>;
         submitIssue?: (data: Record<string, any>) => Promise<boolean>;
     }> & Readonly<{
@@ -405,6 +409,7 @@ declare const OFeedbackDocPopup: {
         target: string | HTMLElement | import('vue').ComponentPublicInstance | null;
         visible: boolean;
         position: "br" | "rt" | "tr" | "left" | "right" | "top" | "bottom" | "rb" | "tl" | "bl" | "lt" | "lb";
+        offset: number;
         autoHide: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
@@ -426,6 +431,7 @@ declare const OFeedbackDocPopup: {
         autoHide?: boolean;
         position?: "br" | "rt" | "tr" | "left" | "right" | "top" | "bottom" | "rb" | "tl" | "bl" | "lt" | "lb";
         disableTip?: boolean;
+        offset?: number;
         submitData?: (data: Record<string, any>) => Promise<boolean>;
         submitIssue?: (data: Record<string, any>) => Promise<boolean>;
     }> & Readonly<{
@@ -440,6 +446,7 @@ declare const OFeedbackDocPopup: {
         target: string | HTMLElement | import('vue').ComponentPublicInstance | null;
         visible: boolean;
         position: "br" | "rt" | "tr" | "left" | "right" | "top" | "bottom" | "rb" | "tl" | "bl" | "lt" | "lb";
+        offset: number;
         autoHide: boolean;
     }>;
     __isFragment?: never;
@@ -458,6 +465,7 @@ declare const OFeedbackDocPopup: {
     autoHide?: boolean;
     position?: "br" | "rt" | "tr" | "left" | "right" | "top" | "bottom" | "rb" | "tl" | "bl" | "lt" | "lb";
     disableTip?: boolean;
+    offset?: number;
     submitData?: (data: Record<string, any>) => Promise<boolean>;
     submitIssue?: (data: Record<string, any>) => Promise<boolean>;
 }> & Readonly<{
@@ -481,6 +489,7 @@ declare const OFeedbackDocPopup: {
     target: string | HTMLElement | import('vue').ComponentPublicInstance | null;
     visible: boolean;
     position: "br" | "rt" | "tr" | "left" | "right" | "top" | "bottom" | "rb" | "tl" | "bl" | "lt" | "lb";
+    offset: number;
     autoHide: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
     install(app: App): void;