@opendesign-plus/components 0.0.1-rc.61 → 0.0.1-rc.63

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

@@ -5,6 +5,8 @@ type __VLS_Props = {
     position?: 'br' | 'rt' | 'tr' | 'left' | 'right' | 'top' | 'bottom' | 'rb' | 'tl' | 'bl' | 'lt' | 'lb';
     disableTip?: boolean;
     offset?: number;
+    radius?: string;
+    inputRadius?: string;
     submitData?: (data: Record<string, any>) => Promise<boolean>;
     submitIssue?: (data: Record<string, any>) => Promise<boolean>;
 };
@@ -121,7 +123,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     "onUpdate:completeness"?: ((value: number) => any) | undefined;
     "onUpdate:usability"?: ((value: number) => any) | undefined;
     "onUpdate:feedback"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+}>, {
+    inputRadius: string;
+    radius: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     feedbackRef: ({
         $: import('vue').ComponentInternalInstance;
         $data: {};

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-12fab110"]]);
+const _OFeedbackDoc = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8badb8f3"]]);
 export {
   _OFeedbackDoc as default
 };

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

@@ -12,8 +12,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     position: {},
     disableTip: { type: Boolean },
     offset: {},
-    submitData: { type: Function },
-    submitIssue: { type: Function }
+    radius: { default: "var(--o-radius-xs)" },
+    inputRadius: { default: "var(--o-radius-xs)" },
+    submitData: {},
+    submitIssue: {}
   }, {
     "efficiency": {
       default: 0
@@ -122,11 +124,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           feedback: feedback.value,
           "onUpdate:feedback": _cache[5] || (_cache[5] = ($event) => feedback.value = $event),
           "disable-tip": __props.disableTip,
+          radius: __props.radius,
+          "input-radius": __props.inputRadius,
           "submit-data": __props.submitData,
           "submit-issue": __props.submitIssue,
           onChange,
           onClose
-        }, null, 8, ["visible", "efficiency", "accuracy", "completeness", "usability", "feedback", "disable-tip", "submit-data", "submit-issue"])) : (openBlock(), createBlock(_OFeedbackDocPopup, {
+        }, null, 8, ["visible", "efficiency", "accuracy", "completeness", "usability", "feedback", "disable-tip", "radius", "input-radius", "submit-data", "submit-issue"])) : (openBlock(), createBlock(_OFeedbackDocPopup, {
           key: 1,
           efficiency: efficiencyRate.value,
           "onUpdate:efficiency": _cache[6] || (_cache[6] = ($event) => efficiencyRate.value = $event),
@@ -145,11 +149,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           position: __props.position,
           "disable-tip": __props.disableTip,
           offset: __props.offset,
+          radius: __props.radius,
+          "input-radius": __props.inputRadius,
           "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", "offset", "submit-data", "submit-issue"]))
+        }, null, 8, ["efficiency", "accuracy", "completeness", "usability", "feedback", "visible", "target", "auto-hide", "wrapper", "position", "disable-tip", "offset", "radius", "input-radius", "submit-data", "submit-issue"]))
       ], 32);
     };
   }

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

@@ -1,17 +1,17 @@
-.hover-icon-rotate .o-icon[data-v-65aea2b5] {
+.hover-icon-rotate .o-icon[data-v-994ce5c5] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-65aea2b5] {
+.hover-icon-rotate:hover .o-icon[data-v-994ce5c5] {
     transform: rotate(-180deg);
 }
 }
-.o-feedback-doc[data-v-65aea2b5] {
+.o-feedback-doc[data-v-994ce5c5] {
   position: relative;
   color: var(--o-color-info1);
   text-align: center;
 }
-.o-feedback-doc .o-feedback-icon-close[data-v-65aea2b5] {
+.o-feedback-doc .o-feedback-icon-close[data-v-994ce5c5] {
   position: absolute;
   top: -8px;
   right: -6px;
@@ -21,47 +21,47 @@
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.o-feedback-doc .o-feedback-icon-close[data-v-65aea2b5]:hover {
+.o-feedback-doc .o-feedback-icon-close[data-v-994ce5c5]:hover {
     transform: rotate(180deg);
     color: var(--o-color-primary1);
 }
 }
-.o-feedback-doc .o-feedback-title[data-v-65aea2b5] {
+.o-feedback-doc .o-feedback-title[data-v-994ce5c5] {
   font-size: 14px;
   line-height: 22px;
   font-weight: 600;
   margin-bottom: 12px;
 }
 @media (max-width: 840px) {
-.o-feedback-doc .o-feedback-title[data-v-65aea2b5] {
+.o-feedback-doc .o-feedback-title[data-v-994ce5c5] {
     font-size: 18px;
     line-height: 26px;
 }
 }
-.o-feedback-doc .o-feedback-star-wrap[data-v-65aea2b5] {
+.o-feedback-doc .o-feedback-star-wrap[data-v-994ce5c5] {
   padding: 0 16px;
 }
 @media (max-width: 840px) {
-.o-feedback-doc .o-feedback-star-wrap[data-v-65aea2b5] {
+.o-feedback-doc .o-feedback-star-wrap[data-v-994ce5c5] {
     padding: 0 56px;
 }
 }
 @media (max-width: 600px) {
-.o-feedback-doc .o-feedback-star-wrap[data-v-65aea2b5] {
+.o-feedback-doc .o-feedback-star-wrap[data-v-994ce5c5] {
     padding: 0 24px;
 }
 }
 @media (max-width: 840px) {
-.o-feedback-doc .o-feedback-star-wrap.en[data-v-65aea2b5] {
+.o-feedback-doc .o-feedback-star-wrap.en[data-v-994ce5c5] {
     padding: 0 16px;
 }
 }
 @media (max-width: 600px) {
-.o-feedback-doc .o-feedback-star-wrap.en[data-v-65aea2b5] {
+.o-feedback-doc .o-feedback-star-wrap.en[data-v-994ce5c5] {
     padding: 0;
 }
 }
-.o-feedback-doc .o-feedback-doc-title[data-v-65aea2b5] {
+.o-feedback-doc .o-feedback-doc-title[data-v-994ce5c5] {
   margin-right: 16px;
   font-size: 12px;
   line-height: 18px;
@@ -69,50 +69,50 @@
   text-align: left;
 }
 @media (max-width: 840px) {
-.o-feedback-doc .o-feedback-doc-title[data-v-65aea2b5] {
+.o-feedback-doc .o-feedback-doc-title[data-v-994ce5c5] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.o-feedback-doc .o-feedback-doc-title[data-v-65aea2b5] {
+.o-feedback-doc .o-feedback-doc-title[data-v-994ce5c5] {
     margin-right: 8px;
 }
 }
-.o-feedback-doc .o-feedback-star-line[data-v-65aea2b5] {
+.o-feedback-doc .o-feedback-star-line[data-v-994ce5c5] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-top: 12px;
 }
-.o-feedback-doc .o-feedback-doc-rate[data-v-65aea2b5] {
+.o-feedback-doc .o-feedback-doc-rate[data-v-994ce5c5] {
   --rate-size: 16px;
 }
 @media (max-width: 840px) {
-.o-feedback-doc .o-feedback-doc-rate[data-v-65aea2b5] {
+.o-feedback-doc .o-feedback-doc-rate[data-v-994ce5c5] {
     --rate-size: 32px;
 }
 }
-.o-feedback-doc .o-feedback-doc-rate.en[data-v-65aea2b5] {
+.o-feedback-doc .o-feedback-doc-rate.en[data-v-994ce5c5] {
   --rate-gap: 4px;
 }
 @media (max-width: 600px) {
-.o-feedback-doc .o-feedback-doc-rate.en[data-v-65aea2b5] {
+.o-feedback-doc .o-feedback-doc-rate.en[data-v-994ce5c5] {
     --rate-gap: 2px;
 }
 }
-.o-feedback-doc .o-feedback-input-wrap[data-v-65aea2b5] {
+.o-feedback-doc .o-feedback-input-wrap[data-v-994ce5c5] {
   margin-top: 12px;
 }
 @media (max-width: 840px) {
-.o-feedback-doc .o-feedback-input-wrap[data-v-65aea2b5] {
+.o-feedback-doc .o-feedback-input-wrap[data-v-994ce5c5] {
     padding: 0 8px;
 }
 }
-.o-feedback-doc .o-feedback-input[data-v-65aea2b5] {
+.o-feedback-doc .o-feedback-input[data-v-994ce5c5] {
   width: 100%;
 }
-.o-feedback-doc .o-feedback-doc-submit[data-v-65aea2b5] {
+.o-feedback-doc .o-feedback-doc-submit[data-v-994ce5c5] {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -122,13 +122,13 @@
   font-size: 14px;
   line-height: 22px;
 }
-.o-feedback-doc-btn-box[data-v-65aea2b5] {
+.o-feedback-doc-btn-box[data-v-994ce5c5] {
   display: flex;
   align-items: center;
   justify-content: space-around;
   margin-top: 16px;
 }
-.o-feedback-doc-btn-box .o-btn[data-v-65aea2b5] {
+.o-feedback-doc-btn-box .o-btn[data-v-994ce5c5] {
   flex: 1;
   padding: 2px 0;
   font-size: 16px;
@@ -138,6 +138,6 @@
   --btn-padding: 0 50px;
   --btn-color: var(--o-color-info1);
 }
-.o-feedback-doc-btn-box .divider-btn[data-v-65aea2b5] {
+.o-feedback-doc-btn-box .divider-btn[data-v-994ce5c5] {
   height: 24px;
 }

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

@@ -1,6 +1,7 @@
 type __VLS_Props = {
     hideClose?: boolean;
     disableTip?: boolean;
+    inputRadius?: string;
     submitData?: (data: Record<string, any>) => Promise<boolean>;
     submitIssue?: (data: Record<string, any>) => Promise<boolean>;
 };
@@ -32,5 +33,6 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     "onUpdate:feedback"?: ((value: string) => any) | undefined;
 }>, {
     hideClose: boolean;
+    inputRadius: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

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

@@ -1,7 +1,7 @@
 import _sfc_main from "./OFeedbackDocContent.vue2.mjs";
 import './OFeedbackDocContent.css';
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _OFeedbackDocContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-65aea2b5"]]);
+const _OFeedbackDocContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-994ce5c5"]]);
 export {
   _OFeedbackDocContent as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent, useModel, reactive, computed, ref, openBlock, createElementBlock, createBlock, unref, withCtx, createVNode, createCommentVNode, createElementVNode, toDisplayString, normalizeClass, Fragment, renderList, createTextVNode, mergeModels } from "vue";
+import { defineComponent, useModel, reactive, computed, ref, openBlock, createElementBlock, createBlock, unref, withCtx, createVNode, createCommentVNode, createElementVNode, toDisplayString, normalizeClass, Fragment, renderList, normalizeStyle, createTextVNode, mergeModels } from "vue";
 import { useMessage, OIcon, ORate, OTextarea, OButton, ODivider, OLink } from "@opensig/opendesign";
 import { useScreen } from "@opendesign-plus/composables";
 import IconClose from "../../_virtual/icon-close.mjs";
@@ -23,6 +23,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: /* @__PURE__ */ mergeModels({
     hideClose: { type: Boolean, default: false },
     disableTip: { type: Boolean },
+    inputRadius: { default: "var(--o-radius-xs)" },
     submitData: {},
     submitIssue: {}
   }, {
@@ -200,8 +201,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             class: "o-feedback-input",
             "max-length": 200,
             resize: "none",
-            placeholder: unref(t)("feedback.placeholder")
-          }, null, 8, ["modelValue", "placeholder"])
+            placeholder: unref(t)("feedback.placeholder"),
+            style: normalizeStyle({
+              "--input-radius": props.inputRadius,
+              "--_box-radius": props.inputRadius
+            })
+          }, null, 8, ["modelValue", "placeholder", "style"])
         ])) : createCommentVNode("", true),
         unref(lePadV) ? (openBlock(), createElementBlock("div", _hoisted_5, [
           showInput.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [

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

@@ -1,5 +1,7 @@
 type __VLS_Props = {
     disableTip?: boolean;
+    radius?: string;
+    inputRadius?: string;
     submitData?: (data: Record<string, any>) => Promise<boolean>;
     submitIssue?: (data: Record<string, any>) => Promise<boolean>;
 };
@@ -30,5 +32,8 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     "onUpdate:completeness"?: ((value: number) => any) | undefined;
     "onUpdate:usability"?: ((value: number) => any) | undefined;
     "onUpdate:feedback"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {
+    inputRadius: string;
+    radius: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -1,4 +1,4 @@
-import { defineComponent, useModel, openBlock, createBlock, unref, normalizeStyle, withCtx, createVNode, mergeModels } from "vue";
+import { defineComponent, useModel, computed, openBlock, createBlock, unref, normalizeStyle, withCtx, createVNode, mergeModels } from "vue";
 import { ODialog } from "@opensig/opendesign";
 import { useScreen } from "@opendesign-plus/composables";
 import _OFeedbackDocContent from "./OFeedbackDocContent.vue.mjs";
@@ -6,8 +6,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "OFeedbackDocDialog",
   props: /* @__PURE__ */ mergeModels({
     disableTip: { type: Boolean },
-    submitData: { type: Function },
-    submitIssue: { type: Function }
+    radius: { default: "var(--o-radius-xs)" },
+    inputRadius: { default: "var(--o-radius-xs)" },
+    submitData: {},
+    submitIssue: {}
   }, {
     "visible": { type: Boolean, ...{
       default: false
@@ -36,6 +38,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }),
   emits: /* @__PURE__ */ mergeModels(["change", "close"], ["update:visible", "update:efficiency", "update:accuracy", "update:completeness", "update:usability", "update:feedback"]),
   setup(__props, { emit: __emit }) {
+    const props = __props;
     const emits = __emit;
     const { isPhone } = useScreen();
     const visible = useModel(__props, "visible");
@@ -44,6 +47,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const completenessRate = useModel(__props, "completeness");
     const usabilityRate = useModel(__props, "usability");
     const feedback = useModel(__props, "feedback");
+    const dlgRadius = computed(() => {
+      return isPhone.value ? `${props.radius} ${props.radius} 0 0` : props.radius;
+    });
     const onDialogVisibleChange = (visible2) => {
       if (!visible2) {
         emits("close");
@@ -58,7 +64,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         scroller: false,
         style: normalizeStyle({
           "--dlg-width": unref(isPhone) ? "100%" : "424px",
-          "--dlg-radius": unref(isPhone) ? "var(--o-radius-xs) var(--o-radius-xs) 0 0" : "var(--o-radius-xs)"
+          "--dlg-radius": dlgRadius.value
         }),
         onChange: onDialogVisibleChange
       }, {
@@ -76,11 +82,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "onUpdate:feedback": _cache[4] || (_cache[4] = ($event) => feedback.value = $event),
             "hide-close": true,
             "disable-tip": __props.disableTip,
+            "input-radius": __props.inputRadius,
             "submit-data": __props.submitData,
             "submit-issue": __props.submitIssue,
             onChange: _cache[5] || (_cache[5] = ($event) => emits("change")),
             onClose: _cache[6] || (_cache[6] = ($event) => emits("close"))
-          }, null, 8, ["efficiency", "accuracy", "completeness", "usability", "feedback", "disable-tip", "submit-data", "submit-issue"])
+          }, null, 8, ["efficiency", "accuracy", "completeness", "usability", "feedback", "disable-tip", "input-radius", "submit-data", "submit-issue"])
         ]),
         _: 1
       }, 8, ["visible", "style"]);

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

@@ -1,11 +1,11 @@
-.hover-icon-rotate .o-icon[data-v-e70ea0e4] {
+.hover-icon-rotate .o-icon[data-v-61cd944c] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-e70ea0e4] {
+.hover-icon-rotate:hover .o-icon[data-v-61cd944c] {
     transform: rotate(-180deg);
 }
 }
-.o-popup[data-v-e70ea0e4] {
+.o-popup[data-v-61cd944c] {
   cursor: default;
 }

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

@@ -7,6 +7,8 @@ type __VLS_Props = {
     position?: 'br' | 'rt' | 'tr' | 'left' | 'right' | 'top' | 'bottom' | 'rb' | 'tl' | 'bl' | 'lt' | 'lb';
     disableTip?: boolean;
     offset?: number;
+    radius?: string;
+    inputRadius?: string;
     submitData?: (data: Record<string, any>) => Promise<boolean>;
     submitIssue?: (data: Record<string, any>) => Promise<boolean>;
 };
@@ -40,5 +42,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     position: "br" | "rt" | "tr" | "left" | "right" | "top" | "bottom" | "rb" | "tl" | "bl" | "lt" | "lb";
     offset: number;
     autoHide: boolean;
+    inputRadius: string;
+    radius: string;
 }, {}, {}, {}, 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-e70ea0e4"]]);
+const _OFeedbackDocPopup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-61cd944c"]]);
 export {
   _OFeedbackDocPopup as default
 };

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

@@ -12,6 +12,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     position: { default: "lt" },
     disableTip: { type: Boolean },
     offset: { default: 24 },
+    radius: { default: "var(--o-radius-xs)" },
+    inputRadius: { default: "var(--o-radius-xs)" },
     submitData: {},
     submitIssue: {}
   }, {
@@ -55,11 +57,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         position: __props.position,
         trigger: "hover",
         style: normalizeStyle({
-          "--popup-radius": "var(--o-radius-xs)",
+          "--popup-radius": __props.radius,
           "--popup-shadow": "var(--o-shadow-2)",
           "--popup-bg-color": "var(--o-color-fill2)",
           "--popup-padding": "12px",
-          "--popup-min-width": unref(locale) !== "zh" ? "296px" : "240px"
+          "--popup-min-width": unref(locale) !== "zh" ? "296px" : "240px",
+          cursor: "default"
         })
       }, {
         default: withCtx(() => [
@@ -75,11 +78,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             feedback: feedback.value,
             "onUpdate:feedback": _cache[4] || (_cache[4] = ($event) => feedback.value = $event),
             "disable-tip": __props.disableTip,
+            "input-radius": __props.inputRadius,
             "submit-data": __props.submitData,
             "submit-issue": __props.submitIssue,
             onChange: _cache[5] || (_cache[5] = ($event) => emits("change")),
             onClose: _cache[6] || (_cache[6] = ($event) => emits("close"))
-          }, null, 8, ["efficiency", "accuracy", "completeness", "usability", "feedback", "disable-tip", "submit-data", "submit-issue"])
+          }, null, 8, ["efficiency", "accuracy", "completeness", "usability", "feedback", "disable-tip", "input-radius", "submit-data", "submit-issue"])
         ]),
         _: 1
       }, 8, ["visible", "target", "auto-hide", "offset", "wrapper", "position", "style"]);