@opendesign-plus/components 0.0.1-rc.5 → 0.0.1-rc.50

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

@@ -0,0 +1,303 @@
+import { defineComponent, useModel, reactive, computed, ref, openBlock, createElementBlock, createBlock, unref, withCtx, createVNode, createCommentVNode, createElementVNode, toDisplayString, Fragment, renderList, 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";
+import { useI18n } from "../../i18n/index.mjs";
+const _hoisted_1 = { class: "o-feedback-doc" };
+const _hoisted_2 = { class: "o-feedback-title" };
+const _hoisted_3 = { class: "o-feedback-star-wrap" };
+const _hoisted_4 = { class: "o-feedback-doc-title" };
+const _hoisted_5 = {
+  key: 1,
+  class: "o-feedback-input-wrap"
+};
+const _hoisted_6 = {
+  key: 2,
+  class: "o-feedback-doc-btn-box"
+};
+const _hoisted_7 = {
+  key: 3,
+  class: "o-feedback-doc-submit"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OFeedbackDocContent",
+  props: /* @__PURE__ */ mergeModels({
+    hideClose: { type: Boolean, default: false },
+    disableTip: { type: Boolean },
+    submitData: {},
+    submitIssue: {}
+  }, {
+    "efficiency": {
+      default: 0
+    },
+    "efficiencyModifiers": {},
+    "accuracy": {
+      default: 0
+    },
+    "accuracyModifiers": {},
+    "completeness": {
+      default: 0
+    },
+    "completenessModifiers": {},
+    "usability": {
+      default: 0
+    },
+    "usabilityModifiers": {},
+    "feedback": {
+      default: ""
+    },
+    "feedbackModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["change", "close", "submit"], ["update:efficiency", "update:accuracy", "update:completeness", "update:usability", "update:feedback"]),
+  setup(__props, { emit: __emit }) {
+    const message = useMessage(null);
+    const { lePadV } = useScreen();
+    const { locale, t } = useI18n();
+    const props = __props;
+    const efficiencyRate = useModel(__props, "efficiency");
+    const accuracyRate = useModel(__props, "accuracy");
+    const completenessRate = useModel(__props, "completeness");
+    const usabilityRate = useModel(__props, "usability");
+    const feedback = useModel(__props, "feedback");
+    const emits = __emit;
+    const multiRate = reactive([
+      {
+        key: "efficiency",
+        name: {
+          zh: "获取效率",
+          en: "Retrieval efficiency"
+        },
+        value: efficiencyRate,
+        isChange: false
+      },
+      {
+        key: "accuracy",
+        name: {
+          zh: "正确性",
+          en: "Accuracy"
+        },
+        value: accuracyRate,
+        isChange: false
+      },
+      {
+        key: "completeness",
+        name: {
+          zh: "完整性",
+          en: "Completeness"
+        },
+        value: completenessRate,
+        isChange: false
+      },
+      {
+        key: "usability",
+        name: {
+          zh: "易理解",
+          en: "Comprehensibility"
+        },
+        value: usabilityRate,
+        isChange: false
+      }
+    ]);
+    const showInput = computed(() => {
+      return multiRate.every((item) => item.value > 0) && multiRate.some((item) => item.value > 0 && item.value <= 3);
+    });
+    const disableSubmit = computed(() => {
+      return multiRate.some((item) => item.value === 0);
+    });
+    const closeFeedbackPopup = () => {
+      emits("close");
+    };
+    const onRateChange = (item) => {
+      item.isChange = true;
+      emits("change");
+    };
+    const close = () => {
+      emits("close");
+      multiRate.forEach((item) => {
+        item.value = 0;
+        item.isChange = false;
+      });
+    };
+    const working = ref(false);
+    const onSubmitDocFeedback = async (source) => {
+      if (working.value) {
+        return;
+      }
+      working.value = true;
+      const data = {
+        feedbackPageUrl: window.location.href,
+        efficiency: efficiencyRate.value,
+        accuracy: accuracyRate.value,
+        completeness: completenessRate.value,
+        usability: usabilityRate.value,
+        feedback: feedback.value
+      };
+      emits("submit", data);
+      try {
+        if (source === "issue" && props.submitIssue) {
+          const result = await props.submitIssue(data);
+          if (result) {
+            close();
+          } else if (!props.disableTip) {
+            message.danger(t("feedback.submitFailed"));
+          }
+        } else if (props.submitData) {
+          const result = await props.submitData(data);
+          if (result) {
+            if (!props.disableTip) {
+              message.success(t("feedback.submitSuccess"));
+            }
+            close();
+          } else if (!props.disableTip) {
+            message.danger(t("feedback.submitFailed"));
+          }
+        }
+      } catch {
+        if (!props.disableTip) {
+          message.danger(t("feedback.submitFailed"));
+        }
+      } finally {
+        working.value = false;
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        !__props.hideClose ? (openBlock(), createBlock(unref(OIcon), {
+          key: 0,
+          class: "o-feedback-icon-close",
+          onClick: closeFeedbackPopup
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(IconClose))
+          ]),
+          _: 1
+        })) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_2, toDisplayString(unref(t)("feedback.docRating")), 1),
+        createElementVNode("div", _hoisted_3, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(multiRate, (item) => {
+            return openBlock(), createElementBlock("div", {
+              key: item.key,
+              class: "o-feedback-star-line"
+            }, [
+              createElementVNode("div", _hoisted_4, toDisplayString(item.name[unref(locale)]), 1),
+              createVNode(unref(ORate), {
+                modelValue: item.value,
+                "onUpdate:modelValue": ($event) => item.value = $event,
+                class: "o-feedback-doc-rate",
+                size: unref(lePadV) ? "large" : "medium",
+                count: 5,
+                color: "primary",
+                onChange: ($event) => onRateChange(item)
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "size", "onChange"])
+            ]);
+          }), 128))
+        ]),
+        showInput.value ? (openBlock(), createElementBlock("div", _hoisted_5, [
+          createVNode(unref(OTextarea), {
+            modelValue: feedback.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => feedback.value = $event),
+            class: "o-feedback-input",
+            "max-length": 200,
+            resize: "none",
+            placeholder: unref(t)("feedback.placeholder")
+          }, null, 8, ["modelValue", "placeholder"])
+        ])) : createCommentVNode("", true),
+        unref(lePadV) ? (openBlock(), createElementBlock("div", _hoisted_6, [
+          showInput.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            createVNode(unref(OButton), {
+              color: "normal",
+              variant: "text",
+              size: "large",
+              onClick: _cache[1] || (_cache[1] = ($event) => onSubmitDocFeedback("issue"))
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(t)("feedback.submitIssue")), 1)
+              ]),
+              _: 1
+            }),
+            createVNode(unref(ODivider), {
+              class: "divider-btn",
+              direction: "v"
+            }),
+            createVNode(unref(OButton), {
+              color: "normal",
+              variant: "text",
+              size: "large",
+              onClick: _cache[2] || (_cache[2] = ($event) => onSubmitDocFeedback("directly"))
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(t)("feedback.submitDirectly")), 1)
+              ]),
+              _: 1
+            })
+          ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            createVNode(unref(OButton), {
+              color: "normal",
+              variant: "text",
+              size: "large",
+              onClick: closeFeedbackPopup
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(t)("feedback.cancel")), 1)
+              ]),
+              _: 1
+            }),
+            createVNode(unref(ODivider), {
+              class: "divider-btn",
+              direction: "v"
+            }),
+            createVNode(unref(OButton), {
+              color: "normal",
+              variant: "text",
+              size: "large",
+              disabled: disableSubmit.value,
+              onClick: _cache[3] || (_cache[3] = ($event) => onSubmitDocFeedback("directly"))
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(t)("feedback.submit")), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled"])
+          ], 64))
+        ])) : (openBlock(), createElementBlock("div", _hoisted_7, [
+          showInput.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            createVNode(unref(OLink), {
+              color: "primary",
+              "hover-underline": false,
+              onClick: _cache[4] || (_cache[4] = ($event) => onSubmitDocFeedback("directly"))
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(t)("feedback.submitDirectly")), 1)
+              ]),
+              _: 1
+            }),
+            createVNode(unref(OLink), {
+              color: "primary",
+              "hover-underline": false,
+              onClick: _cache[5] || (_cache[5] = ($event) => onSubmitDocFeedback("issue"))
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(t)("feedback.submitIssue")), 1)
+              ]),
+              _: 1
+            })
+          ], 64)) : (openBlock(), createBlock(unref(OLink), {
+            key: 1,
+            color: "primary",
+            "hover-underline": false,
+            disabled: disableSubmit.value,
+            onClick: _cache[6] || (_cache[6] = ($event) => onSubmitDocFeedback("directly"))
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(t)("feedback.submit")), 1)
+            ]),
+            _: 1
+          }, 8, ["disabled"]))
+        ]))
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,34 @@
+type __VLS_Props = {
+    disableTip?: boolean;
+    submitData?: (data: Record<string, any>) => Promise<boolean>;
+    submitIssue?: (data: Record<string, any>) => Promise<boolean>;
+};
+type __VLS_PublicProps = {
+    'visible'?: boolean;
+    'efficiency'?: number;
+    'accuracy'?: number;
+    'completeness'?: number;
+    'usability'?: number;
+    'feedback'?: string;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:visible": (value: boolean) => any;
+    "update:efficiency": (value: number) => any;
+    "update:accuracy": (value: number) => any;
+    "update:completeness": (value: number) => any;
+    "update:usability": (value: number) => any;
+    "update:feedback": (value: string) => any;
+} & {
+    close: () => any;
+    change: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onChange?: (() => any) | undefined;
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    "onUpdate:efficiency"?: ((value: number) => any) | undefined;
+    "onUpdate:accuracy"?: ((value: number) => any) | undefined;
+    "onUpdate:completeness"?: ((value: number) => any) | undefined;
+    "onUpdate:usability"?: ((value: number) => any) | undefined;
+    "onUpdate:feedback"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,92 @@
+import { defineComponent, useModel, 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";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OFeedbackDocDialog",
+  props: /* @__PURE__ */ mergeModels({
+    disableTip: { type: Boolean },
+    submitData: { type: Function },
+    submitIssue: { type: Function }
+  }, {
+    "visible": { type: Boolean, ...{
+      default: false
+    } },
+    "visibleModifiers": {},
+    "efficiency": {
+      default: 0
+    },
+    "efficiencyModifiers": {},
+    "accuracy": {
+      default: 0
+    },
+    "accuracyModifiers": {},
+    "completeness": {
+      default: 0
+    },
+    "completenessModifiers": {},
+    "usability": {
+      default: 0
+    },
+    "usabilityModifiers": {},
+    "feedback": {
+      default: ""
+    },
+    "feedbackModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["change", "close"], ["update:visible", "update:efficiency", "update:accuracy", "update:completeness", "update:usability", "update:feedback"]),
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const { isPhone } = useScreen();
+    const visible = useModel(__props, "visible");
+    const efficiencyRate = useModel(__props, "efficiency");
+    const accuracyRate = useModel(__props, "accuracy");
+    const completenessRate = useModel(__props, "completeness");
+    const usabilityRate = useModel(__props, "usability");
+    const feedback = useModel(__props, "feedback");
+    const onDialogVisibleChange = (visible2) => {
+      if (!visible2) {
+        emits("close");
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ODialog), {
+        visible: visible.value,
+        "onUpdate:visible": _cache[7] || (_cache[7] = ($event) => visible.value = $event),
+        size: "small",
+        "phone-half-full": true,
+        scroller: false,
+        style: normalizeStyle({
+          "--dlg-width": unref(isPhone) ? "100%" : "360px",
+          "--dlg-radius": unref(isPhone) ? "var(--o-radius-xs) var(--o-radius-xs) 0 0" : "var(--o-radius-xs)"
+        }),
+        onChange: onDialogVisibleChange
+      }, {
+        default: withCtx(() => [
+          createVNode(_OFeedbackDocContent, {
+            efficiency: efficiencyRate.value,
+            "onUpdate:efficiency": _cache[0] || (_cache[0] = ($event) => efficiencyRate.value = $event),
+            accuracy: accuracyRate.value,
+            "onUpdate:accuracy": _cache[1] || (_cache[1] = ($event) => accuracyRate.value = $event),
+            completeness: completenessRate.value,
+            "onUpdate:completeness": _cache[2] || (_cache[2] = ($event) => completenessRate.value = $event),
+            usability: usabilityRate.value,
+            "onUpdate:usability": _cache[3] || (_cache[3] = ($event) => usabilityRate.value = $event),
+            feedback: feedback.value,
+            "onUpdate:feedback": _cache[4] || (_cache[4] = ($event) => feedback.value = $event),
+            "hide-close": true,
+            "disable-tip": __props.disableTip,
+            "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"])
+        ]),
+        _: 1
+      }, 8, ["visible", "style"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,4 @@
+import _sfc_main from "./OFeedbackDocDialog.vue.mjs";
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,11 @@
+.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-e70ea0e4] {
+    transform: rotate(-180deg);
+}
+}
+.o-popup[data-v-e70ea0e4] {
+  cursor: default;
+}

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

@@ -0,0 +1,44 @@
+import { ComponentPublicInstance } from 'vue';
+type __VLS_Props = {
+    visible?: boolean;
+    wrapper?: string | HTMLElement | null | undefined;
+    target?: string | HTMLElement | ComponentPublicInstance | null;
+    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>;
+};
+type __VLS_PublicProps = {
+    'efficiency'?: number;
+    'accuracy'?: number;
+    'completeness'?: number;
+    'usability'?: number;
+    'feedback'?: string;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:efficiency": (value: number) => any;
+    "update:accuracy": (value: number) => any;
+    "update:completeness": (value: number) => any;
+    "update:usability": (value: number) => any;
+    "update:feedback": (value: string) => any;
+} & {
+    close: () => any;
+    change: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onChange?: (() => any) | undefined;
+    "onUpdate:efficiency"?: ((value: number) => any) | undefined;
+    "onUpdate:accuracy"?: ((value: number) => any) | undefined;
+    "onUpdate:completeness"?: ((value: number) => any) | undefined;
+    "onUpdate:usability"?: ((value: number) => any) | undefined;
+    "onUpdate:feedback"?: ((value: string) => any) | undefined;
+}>, {
+    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

@@ -0,0 +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"]]);
+export {
+  _OFeedbackDocPopup as default
+};

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

@@ -0,0 +1,91 @@
+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";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OFeedbackDocPopup",
+  props: /* @__PURE__ */ mergeModels({
+    visible: { type: Boolean, default: false },
+    wrapper: {},
+    target: { default: null },
+    autoHide: { type: Boolean, default: true },
+    position: { default: "lt" },
+    disableTip: { type: Boolean },
+    offset: { default: 24 },
+    submitData: {},
+    submitIssue: {}
+  }, {
+    "efficiency": {
+      default: 0
+    },
+    "efficiencyModifiers": {},
+    "accuracy": {
+      default: 0
+    },
+    "accuracyModifiers": {},
+    "completeness": {
+      default: 0
+    },
+    "completenessModifiers": {},
+    "usability": {
+      default: 0
+    },
+    "usabilityModifiers": {},
+    "feedback": {
+      default: ""
+    },
+    "feedbackModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["change", "close"], ["update:efficiency", "update:accuracy", "update:completeness", "update:usability", "update:feedback"]),
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const efficiencyRate = useModel(__props, "efficiency");
+    const accuracyRate = useModel(__props, "accuracy");
+    const completenessRate = useModel(__props, "completeness");
+    const usabilityRate = useModel(__props, "usability");
+    const feedback = useModel(__props, "feedback");
+    const { locale } = useI18n();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(OPopup), {
+        visible: __props.visible,
+        target: __props.target,
+        "auto-hide": __props.autoHide,
+        offset: __props.offset,
+        wrapper: __props.wrapper,
+        position: __props.position,
+        trigger: "hover",
+        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": unref(locale) !== "zh" ? "296px" : "240px"
+        })
+      }, {
+        default: withCtx(() => [
+          createVNode(_OFeedbackDocContent, {
+            efficiency: efficiencyRate.value,
+            "onUpdate:efficiency": _cache[0] || (_cache[0] = ($event) => efficiencyRate.value = $event),
+            accuracy: accuracyRate.value,
+            "onUpdate:accuracy": _cache[1] || (_cache[1] = ($event) => accuracyRate.value = $event),
+            completeness: completenessRate.value,
+            "onUpdate:completeness": _cache[2] || (_cache[2] = ($event) => completenessRate.value = $event),
+            usability: usabilityRate.value,
+            "onUpdate:usability": _cache[3] || (_cache[3] = ($event) => usabilityRate.value = $event),
+            feedback: feedback.value,
+            "onUpdate:feedback": _cache[4] || (_cache[4] = ($event) => feedback.value = $event),
+            "disable-tip": __props.disableTip,
+            "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"])
+        ]),
+        _: 1
+      }, 8, ["visible", "target", "auto-hide", "offset", "wrapper", "position", "style"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};