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

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

@@ -0,0 +1,216 @@
+import { ComponentPublicInstance } from 'vue';
+type __VLS_Props = {
+    wrapper?: string | HTMLElement | null | undefined;
+    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>;
+};
+type __VLS_PublicProps = {
+    'efficiency'?: number;
+    'accuracy'?: number;
+    'completeness'?: number;
+    'usability'?: number;
+    'feedback'?: string;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        feedbackRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                button: boolean;
+                disabled: boolean;
+                loading: boolean;
+            }> & Omit<{
+                readonly loading: boolean;
+                readonly disabled: boolean;
+                readonly button: boolean;
+                readonly icon?: import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any> | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "loading" | "disabled" | "button">;
+            $attrs: import('vue').Attrs;
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: ComponentPublicInstance | null;
+            $parent: ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: HTMLDivElement;
+            $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+                icon: {
+                    type: import('vue').PropType<import('vue').Component>;
+                };
+                button: {
+                    type: BooleanConstructor;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                };
+                loading: {
+                    type: BooleanConstructor;
+                };
+            }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                button: boolean;
+                disabled: boolean;
+                loading: boolean;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $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<{
+            button: boolean;
+            disabled: boolean;
+            loading: boolean;
+        }> & Omit<Readonly<import('vue').ExtractPropTypes<{
+            icon: {
+                type: import('vue').PropType<import('vue').Component>;
+            };
+            button: {
+                type: BooleanConstructor;
+            };
+            disabled: {
+                type: BooleanConstructor;
+            };
+            loading: {
+                type: BooleanConstructor;
+            };
+        }>> & Readonly<{}>, "loading" | "disabled" | "button"> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                default?(_: {}): any;
+            };
+        }) | null;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: 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;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "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, {
+    feedbackRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            button: boolean;
+            disabled: boolean;
+            loading: boolean;
+        }> & Omit<{
+            readonly loading: boolean;
+            readonly disabled: boolean;
+            readonly button: boolean;
+            readonly icon?: import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any> | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "loading" | "disabled" | "button">;
+        $attrs: import('vue').Attrs;
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: ComponentPublicInstance | null;
+        $parent: ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: HTMLDivElement;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+            icon: {
+                type: import('vue').PropType<import('vue').Component>;
+            };
+            button: {
+                type: BooleanConstructor;
+            };
+            disabled: {
+                type: BooleanConstructor;
+            };
+            loading: {
+                type: BooleanConstructor;
+            };
+        }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+            button: boolean;
+            disabled: boolean;
+            loading: boolean;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $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<{
+        button: boolean;
+        disabled: boolean;
+        loading: boolean;
+    }> & Omit<Readonly<import('vue').ExtractPropTypes<{
+        icon: {
+            type: import('vue').PropType<import('vue').Component>;
+        };
+        button: {
+            type: BooleanConstructor;
+        };
+        disabled: {
+            type: BooleanConstructor;
+        };
+        loading: {
+            type: BooleanConstructor;
+        };
+    }>> & Readonly<{}>, "loading" | "disabled" | "button"> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?(_: {}): any;
+        };
+    }) | null;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

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

@@ -0,0 +1,159 @@
+import { defineComponent, useModel, ref, openBlock, createElementBlock, renderSlot, createVNode, unref, withCtx, createBlock, mergeModels } from "vue";
+import { OIcon } from "@opensig/opendesign";
+import { useScreen } from "@opendesign-plus/composables";
+import _OFeedbackDocPopup from "./OFeedbackDocPopup.vue.mjs";
+import _sfc_main$1 from "./OFeedbackDocDialog.vue.mjs";
+import IconSmile from "../../_virtual/icon-smile.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OFeedbackDoc",
+  props: /* @__PURE__ */ mergeModels({
+    wrapper: {},
+    target: {},
+    position: {},
+    disableTip: { type: Boolean },
+    offset: {},
+    submitData: { type: Function },
+    submitIssue: { type: Function }
+  }, {
+    "efficiency": {
+      default: 0
+    },
+    "efficiencyModifiers": {},
+    "accuracy": {
+      default: 0
+    },
+    "accuracyModifiers": {},
+    "completeness": {
+      default: 0
+    },
+    "completenessModifiers": {},
+    "usability": {
+      default: 0
+    },
+    "usabilityModifiers": {},
+    "feedback": {
+      default: ""
+    },
+    "feedbackModifiers": {}
+  }),
+  emits: ["update:efficiency", "update:accuracy", "update:completeness", "update:usability", "update:feedback"],
+  setup(__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 { lePadV } = useScreen();
+    const feedbackRef = ref();
+    const showDlg = ref(false);
+    const showPopup = ref(false);
+    const autoHide = ref(true);
+    let timer;
+    const onMouseEnter = () => {
+      if (lePadV.value) {
+        return;
+      }
+      clearTimeout(timer);
+      showPopup.value = true;
+    };
+    const onMouseLeave = () => {
+      if (lePadV.value) {
+        return;
+      }
+      if (!autoHide.value) {
+        return;
+      }
+      clearTimeout(timer);
+      timer = setTimeout(() => {
+        showPopup.value = false;
+      }, 300);
+    };
+    const onClose = () => {
+      showDlg.value = false;
+      showPopup.value = false;
+      autoHide.value = true;
+      efficiencyRate.value = 0;
+      accuracyRate.value = 0;
+      completenessRate.value = 0;
+      usabilityRate.value = 0;
+      feedback.value = "";
+    };
+    const onChange = () => {
+      autoHide.value = false;
+    };
+    const onClick = () => {
+      if (!lePadV.value) {
+        return;
+      }
+      showDlg.value = true;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        id: "o-feedback-doc-wrap",
+        class: "o-feedback-doc-wrap",
+        onMouseenter: onMouseEnter,
+        onMouseleave: onMouseLeave
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          createVNode(unref(OIcon), {
+            ref_key: "feedbackRef",
+            ref: feedbackRef,
+            class: "o-feedback-icon-smile",
+            onClick
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(IconSmile))
+            ]),
+            _: 1
+          }, 512)
+        ], true),
+        unref(lePadV) ? (openBlock(), createBlock(_sfc_main$1, {
+          key: 0,
+          visible: showDlg.value,
+          "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => showDlg.value = $event),
+          efficiency: efficiencyRate.value,
+          "onUpdate:efficiency": _cache[1] || (_cache[1] = ($event) => efficiencyRate.value = $event),
+          accuracy: accuracyRate.value,
+          "onUpdate:accuracy": _cache[2] || (_cache[2] = ($event) => accuracyRate.value = $event),
+          completeness: completenessRate.value,
+          "onUpdate:completeness": _cache[3] || (_cache[3] = ($event) => completenessRate.value = $event),
+          usability: usabilityRate.value,
+          "onUpdate:usability": _cache[4] || (_cache[4] = ($event) => usabilityRate.value = $event),
+          feedback: feedback.value,
+          "onUpdate:feedback": _cache[5] || (_cache[5] = ($event) => feedback.value = $event),
+          "disable-tip": __props.disableTip,
+          "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, {
+          key: 1,
+          efficiency: efficiencyRate.value,
+          "onUpdate:efficiency": _cache[6] || (_cache[6] = ($event) => efficiencyRate.value = $event),
+          accuracy: accuracyRate.value,
+          "onUpdate:accuracy": _cache[7] || (_cache[7] = ($event) => accuracyRate.value = $event),
+          completeness: completenessRate.value,
+          "onUpdate:completeness": _cache[8] || (_cache[8] = ($event) => completenessRate.value = $event),
+          usability: usabilityRate.value,
+          "onUpdate:usability": _cache[9] || (_cache[9] = ($event) => usabilityRate.value = $event),
+          feedback: feedback.value,
+          "onUpdate:feedback": _cache[10] || (_cache[10] = ($event) => feedback.value = $event),
+          visible: showPopup.value,
+          target: __props.target || feedbackRef.value,
+          "auto-hide": autoHide.value,
+          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", "offset", "submit-data", "submit-issue"]))
+      ], 32);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,115 @@
+.hover-icon-rotate .o-icon[data-v-28bdd67f] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-28bdd67f] {
+    transform: rotate(-180deg);
+}
+}
+.o-feedback-doc[data-v-28bdd67f] {
+  position: relative;
+  color: var(--o-color-info1);
+  text-align: center;
+}
+.o-feedback-doc .o-feedback-icon-close[data-v-28bdd67f] {
+  position: absolute;
+  top: -8px;
+  right: -6px;
+  color: var(--o-color-info2);
+  font-size: 20px;
+  cursor: pointer;
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.o-feedback-doc .o-feedback-icon-close[data-v-28bdd67f]:hover {
+    transform: rotate(180deg);
+    color: var(--o-color-primary1);
+}
+}
+.o-feedback-doc .o-feedback-title[data-v-28bdd67f] {
+  font-size: 14px;
+  line-height: 22px;
+  font-weight: 600;
+  margin-bottom: 12px;
+}
+@media (max-width: 840px) {
+.o-feedback-doc .o-feedback-title[data-v-28bdd67f] {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+.o-feedback-doc .o-feedback-star-wrap[data-v-28bdd67f] {
+  padding: 0 16px;
+}
+@media (max-width: 840px) {
+.o-feedback-doc .o-feedback-star-wrap[data-v-28bdd67f] {
+    padding: 0 24px;
+}
+}
+.o-feedback-doc .o-feedback-doc-title[data-v-28bdd67f] {
+  margin-right: 16px;
+  font-size: 12px;
+  line-height: 18px;
+  color: var(--o-color-info2);
+  text-align: left;
+}
+@media (max-width: 840px) {
+.o-feedback-doc .o-feedback-doc-title[data-v-28bdd67f] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+.o-feedback-doc .o-feedback-star-line[data-v-28bdd67f] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-top: 12px;
+}
+.o-feedback-doc .o-feedback-doc-rate[data-v-28bdd67f] {
+  --rate-size: 16px;
+}
+@media (max-width: 840px) {
+.o-feedback-doc .o-feedback-doc-rate[data-v-28bdd67f] {
+    --rate-size: 32px;
+}
+}
+.o-feedback-doc .o-feedback-input-wrap[data-v-28bdd67f] {
+  margin-top: 12px;
+}
+@media (max-width: 840px) {
+.o-feedback-doc .o-feedback-input-wrap[data-v-28bdd67f] {
+    padding: 0 8px;
+}
+}
+.o-feedback-doc .o-feedback-input[data-v-28bdd67f] {
+  width: 100%;
+}
+.o-feedback-doc .o-feedback-doc-submit[data-v-28bdd67f] {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 16px;
+  margin-top: 12px;
+  padding: 3px 0;
+  font-size: 14px;
+  line-height: 22px;
+}
+.o-feedback-doc-btn-box[data-v-28bdd67f] {
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  margin-top: 16px;
+}
+.o-feedback-doc-btn-box .o-btn[data-v-28bdd67f] {
+  flex: 1;
+  padding: 2px 0;
+  font-size: 16px;
+  line-height: 24px;
+  --btn-bg-color-hover: none;
+  --btn-bg-color-active: none;
+  --btn-padding: 0 50px;
+  --btn-color: var(--o-color-info1);
+}
+.o-feedback-doc-btn-box .divider-btn[data-v-28bdd67f] {
+  height: 24px;
+}

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

@@ -0,0 +1,36 @@
+type __VLS_Props = {
+    hideClose?: boolean;
+    disableTip?: boolean;
+    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;
+    submit: (data: Record<string, any>) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onChange?: (() => any) | undefined;
+    onSubmit?: ((data: Record<string, any>) => 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;
+}>, {
+    hideClose: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

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