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

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;