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

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

@@ -12,6 +12,8 @@ declare const OFeedbackDoc: {
         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>;
     }> & Readonly<{
@@ -26,7 +28,10 @@ declare const OFeedbackDoc: {
         "update:completeness": (value: number) => any;
         "update:usability": (value: number) => any;
         "update:feedback": (value: string) => any;
-    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+    }, import('vue').PublicProps, {
+        inputRadius: string;
+        radius: string;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         feedbackRef: ({
             $: import('vue').ComponentInternalInstance;
             $data: {};
@@ -130,6 +135,8 @@ declare const OFeedbackDoc: {
         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>;
     }> & Readonly<{
@@ -138,7 +145,10 @@ declare const OFeedbackDoc: {
         "onUpdate:completeness"?: ((value: number) => any) | undefined;
         "onUpdate:usability"?: ((value: number) => any) | undefined;
         "onUpdate:feedback"?: ((value: string) => any) | undefined;
-    }>, {}, {}, {}, {}, {}>;
+    }>, {}, {}, {}, {}, {
+        inputRadius: string;
+        radius: string;
+    }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -154,6 +164,8 @@ declare const OFeedbackDoc: {
     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>;
 }> & Readonly<{
@@ -168,7 +180,10 @@ declare const OFeedbackDoc: {
     "update:completeness": (value: number) => any;
     "update:usability": (value: number) => any;
     "update:feedback": (value: string) => any;
-}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+}, string, {
+    inputRadius: string;
+    radius: string;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
     };
@@ -185,6 +200,7 @@ declare const OFeedbackDocContent: {
     } & {
         hideClose?: boolean;
         disableTip?: boolean;
+        inputRadius?: string;
         submitData?: (data: Record<string, any>) => Promise<boolean>;
         submitIssue?: (data: Record<string, any>) => Promise<boolean>;
     }> & Readonly<{
@@ -208,6 +224,7 @@ declare const OFeedbackDocContent: {
         submit: (data: Record<string, any>) => any;
     }, import('vue').PublicProps, {
         hideClose: boolean;
+        inputRadius: string;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -224,6 +241,7 @@ declare const OFeedbackDocContent: {
     } & {
         hideClose?: boolean;
         disableTip?: boolean;
+        inputRadius?: string;
         submitData?: (data: Record<string, any>) => Promise<boolean>;
         submitIssue?: (data: Record<string, any>) => Promise<boolean>;
     }> & Readonly<{
@@ -237,6 +255,7 @@ declare const OFeedbackDocContent: {
         "onUpdate:feedback"?: ((value: string) => any) | undefined;
     }>, {}, {}, {}, {}, {
         hideClose: boolean;
+        inputRadius: string;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -250,6 +269,7 @@ declare const OFeedbackDocContent: {
 } & {
     hideClose?: boolean;
     disableTip?: boolean;
+    inputRadius?: string;
     submitData?: (data: Record<string, any>) => Promise<boolean>;
     submitIssue?: (data: Record<string, any>) => Promise<boolean>;
 }> & Readonly<{
@@ -273,6 +293,7 @@ declare const OFeedbackDocContent: {
     submit: (data: Record<string, any>) => any;
 }, string, {
     hideClose: boolean;
+    inputRadius: string;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
     install(app: App): void;
 };
@@ -286,6 +307,8 @@ declare const OFeedbackDocDialog: {
         feedback?: string;
     } & {
         disableTip?: boolean;
+        radius?: string;
+        inputRadius?: string;
         submitData?: (data: Record<string, any>) => Promise<boolean>;
         submitIssue?: (data: Record<string, any>) => Promise<boolean>;
     }> & Readonly<{
@@ -307,7 +330,10 @@ declare const OFeedbackDocDialog: {
     } & {
         close: () => any;
         change: () => any;
-    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+    }, import('vue').PublicProps, {
+        inputRadius: string;
+        radius: string;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -323,6 +349,8 @@ declare const OFeedbackDocDialog: {
         feedback?: string;
     } & {
         disableTip?: boolean;
+        radius?: string;
+        inputRadius?: string;
         submitData?: (data: Record<string, any>) => Promise<boolean>;
         submitIssue?: (data: Record<string, any>) => Promise<boolean>;
     }> & Readonly<{
@@ -334,7 +362,10 @@ declare const OFeedbackDocDialog: {
         "onUpdate:completeness"?: ((value: number) => any) | undefined;
         "onUpdate:usability"?: ((value: number) => any) | undefined;
         "onUpdate:feedback"?: ((value: string) => any) | undefined;
-    }>, {}, {}, {}, {}, {}>;
+    }>, {}, {}, {}, {}, {
+        inputRadius: string;
+        radius: string;
+    }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -347,6 +378,8 @@ declare const OFeedbackDocDialog: {
     feedback?: string;
 } & {
     disableTip?: boolean;
+    radius?: string;
+    inputRadius?: string;
     submitData?: (data: Record<string, any>) => Promise<boolean>;
     submitIssue?: (data: Record<string, any>) => Promise<boolean>;
 }> & Readonly<{
@@ -368,7 +401,10 @@ declare const OFeedbackDocDialog: {
 } & {
     close: () => any;
     change: () => any;
-}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+}, string, {
+    inputRadius: string;
+    radius: string;
+}, {}, 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 OFeedbackDocPopup: {
@@ -386,6 +422,8 @@ declare const OFeedbackDocPopup: {
         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>;
     }> & Readonly<{
@@ -411,6 +449,8 @@ declare const OFeedbackDocPopup: {
         position: "br" | "rt" | "tr" | "left" | "right" | "top" | "bottom" | "rb" | "tl" | "bl" | "lt" | "lb";
         offset: number;
         autoHide: boolean;
+        inputRadius: string;
+        radius: string;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -432,6 +472,8 @@ declare const OFeedbackDocPopup: {
         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>;
     }> & Readonly<{
@@ -448,6 +490,8 @@ declare const OFeedbackDocPopup: {
         position: "br" | "rt" | "tr" | "left" | "right" | "top" | "bottom" | "rb" | "tl" | "bl" | "lt" | "lb";
         offset: number;
         autoHide: boolean;
+        inputRadius: string;
+        radius: string;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -466,6 +510,8 @@ declare const OFeedbackDocPopup: {
     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>;
 }> & Readonly<{
@@ -491,6 +537,8 @@ declare const OFeedbackDocPopup: {
     position: "br" | "rt" | "tr" | "left" | "right" | "top" | "bottom" | "rb" | "tl" | "bl" | "lt" | "lb";
     offset: number;
     autoHide: boolean;
+    inputRadius: string;
+    radius: string;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
     install(app: App): void;
 };

package/dist/treeshaking/components/float-poster/OFloatPoster.css

@@ -0,0 +1,64 @@
+.hover-icon-rotate .o-icon[data-v-05718ef8] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-05718ef8] {
+    transform: rotate(-180deg);
+}
+}
+.o-float-poster[data-v-05718ef8] {
+  --o-float-poster-z-index: 666;
+  --o-float-poster-width: 125px;
+  --o-float-poster-left: 32px;
+  --o-float-poster-bottom: 164px;
+  --o-float-poster-close-width: 20px;
+  --o-float-poster-close-height: 20px;
+  --o-float-poster-close-top: -2px;
+  --o-float-poster-close-right: -2px;
+  position: fixed;
+  left: var(--o-float-poster-left);
+  bottom: var(--o-float-poster-bottom);
+  z-index: var(--o-float-poster-z-index);
+}
+@media (min-width: 841px) and (max-width: 1680px) {
+.o-float-poster[data-v-05718ef8] {
+    --o-float-poster-width: 94px;
+    --o-float-poster-close-width: 18px;
+    --o-float-poster-close-height: 18px;
+    --o-float-poster-close-top: -4px;
+    --o-float-poster-close-right: -4px;
+}
+}
+@media (max-width: 840px) {
+.o-float-poster[data-v-05718ef8] {
+    --o-float-poster-width: 83px;
+    --o-float-poster-close-width: 16px;
+    --o-float-poster-close-height: 16px;
+}
+}
+.o-float-poster .o-float-poster__link[data-v-05718ef8] {
+  position: absolute;
+  inset: 0;
+  z-index: 1;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  top: var(--o-float-poster-close-height);
+  cursor: pointer;
+}
+.o-float-poster .o-float-poster__img[data-v-05718ef8] {
+  display: block;
+  position: relative;
+  z-index: 2;
+  pointer-events: none;
+  width: var(--o-float-poster-width);
+}
+.o-float-poster .o-float-poster__close[data-v-05718ef8] {
+  position: absolute;
+  z-index: 1;
+  width: var(--o-float-poster-close-width);
+  height: var(--o-float-poster-close-height);
+  top: var(--o-float-poster-close-top);
+  right: var(--o-float-poster-close-right);
+  cursor: pointer;
+}

package/dist/treeshaking/components/float-poster/OFloatPoster.vue.d.ts

@@ -0,0 +1,24 @@
+type __VLS_Props = {
+    wrapper?: string | HTMLElement;
+    img: string;
+    href?: string;
+    target?: '_blank' | '_self';
+    closeStorageKey?: string;
+};
+type __VLS_PublicProps = {
+    'visible'?: boolean;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:visible": (value: boolean) => any;
+} & {
+    close: () => any;
+    "update:visible": (value: boolean) => any;
+    visit: (href?: string | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    onVisit?: ((href?: string | undefined) => any) | undefined;
+}>, {
+    target: "_blank" | "_self";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/treeshaking/components/float-poster/OFloatPoster.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from "./OFloatPoster.vue2.mjs";
+import './OFloatPoster.css';
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const _OFloatPoster = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-05718ef8"]]);
+export {
+  _OFloatPoster as default
+};

package/dist/treeshaking/components/float-poster/OFloatPoster.vue2.mjs

@@ -0,0 +1,84 @@
+import { defineComponent, useModel, computed, onMounted, openBlock, createBlock, withCtx, Teleport, createVNode, Transition, createElementBlock, createCommentVNode, createElementVNode, mergeModels } from "vue";
+import { isClient } from "@opensig/opendesign";
+import _sfc_main$1 from "../common/ClientOnly.vue.mjs";
+const _hoisted_1 = {
+  key: 0,
+  class: "o-float-poster"
+};
+const _hoisted_2 = ["href", "target"];
+const _hoisted_3 = ["src"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OFloatPoster",
+  props: /* @__PURE__ */ mergeModels({
+    wrapper: {},
+    img: {},
+    href: {},
+    target: { default: "_blank" },
+    closeStorageKey: {}
+  }, {
+    "visible": { type: Boolean, ...{
+      default: true
+    } },
+    "visibleModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["update:visible", "close", "visit"], ["update:visible"]),
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const visible = useModel(__props, "visible");
+    const teleportTo = computed(() => props.wrapper || "body");
+    onMounted(() => {
+      if (isClient && props.closeStorageKey) {
+        const closeStorageKey = sessionStorage.getItem(props.closeStorageKey);
+        if (closeStorageKey) {
+          visible.value = false;
+        }
+      }
+    });
+    function close() {
+      visible.value = false;
+      if (isClient && props.closeStorageKey) {
+        sessionStorage.setItem(props.closeStorageKey, "1");
+      }
+      emit("close");
+    }
+    function onClick() {
+      emit("visit", props.href);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, null, {
+        default: withCtx(() => [
+          (openBlock(), createBlock(Teleport, { to: teleportTo.value }, [
+            createVNode(Transition, { name: "o-float-poster" }, {
+              default: withCtx(() => [
+                visible.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+                  __props.href ? (openBlock(), createElementBlock("a", {
+                    key: 0,
+                    class: "o-float-poster__link",
+                    href: __props.href,
+                    target: __props.target,
+                    rel: "noopener noreferrer",
+                    onClick
+                  }, null, 8, _hoisted_2)) : createCommentVNode("", true),
+                  createElementVNode("img", {
+                    class: "o-float-poster__img",
+                    src: __props.img
+                  }, null, 8, _hoisted_3),
+                  createElementVNode("div", {
+                    class: "o-float-poster__close",
+                    onClick: close
+                  })
+                ])) : createCommentVNode("", true)
+              ]),
+              _: 1
+            })
+          ], 8, ["to"]))
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/float-poster/index.d.ts

@@ -0,0 +1,72 @@
+import { App } from 'vue';
+declare const OFloatPoster: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        visible?: boolean;
+    } & {
+        wrapper?: string | HTMLElement;
+        img: string;
+        href?: string;
+        target?: "_blank" | "_self";
+        closeStorageKey?: string;
+    }> & Readonly<{
+        onClose?: (() => any) | undefined;
+        "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+        onVisit?: ((href?: string | undefined) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:visible": (value: boolean) => any;
+    } & {
+        close: () => any;
+        "update:visible": (value: boolean) => any;
+        visit: (href?: string | undefined) => any;
+    }, import('vue').PublicProps, {
+        target: "_blank" | "_self";
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        visible?: boolean;
+    } & {
+        wrapper?: string | HTMLElement;
+        img: string;
+        href?: string;
+        target?: "_blank" | "_self";
+        closeStorageKey?: string;
+    }> & Readonly<{
+        onClose?: (() => any) | undefined;
+        "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+        onVisit?: ((href?: string | undefined) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        target: "_blank" | "_self";
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{
+    visible?: boolean;
+} & {
+    wrapper?: string | HTMLElement;
+    img: string;
+    href?: string;
+    target?: "_blank" | "_self";
+    closeStorageKey?: string;
+}> & Readonly<{
+    onClose?: (() => any) | undefined;
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    onVisit?: ((href?: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:visible": (value: boolean) => any;
+} & {
+    close: () => any;
+    "update:visible": (value: boolean) => any;
+    visit: (href?: string | undefined) => any;
+}, string, {
+    target: "_blank" | "_self";
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+    install(app: App): void;
+};
+export { OFloatPoster };
+export * from './types';

package/dist/treeshaking/components/float-poster/index.mjs

@@ -0,0 +1,9 @@
+import _OFloatPoster from "./OFloatPoster.vue.mjs";
+const OFloatPoster = Object.assign(_OFloatPoster, {
+  install(app) {
+    app.component("OFloatPoster", _OFloatPoster);
+  }
+});
+export {
+  OFloatPoster
+};

package/dist/treeshaking/components/float-poster/types.d.ts

@@ -0,0 +1,21 @@
+export interface FloatPosterProps {
+    /** 自定义挂载节点（Teleport 目标），不传则挂载到 body */
+    wrapper?: string | HTMLElement;
+    /** 图片地址 */
+    img: string;
+    /** 跳转链接 */
+    href?: string;
+    /** 链接打开方式，默认 _blank */
+    target?: '_blank' | '_self';
+    /** 关闭后记忆的 sessionStorage key；传入后关闭时写入，挂载时若已存在则自动隐藏 */
+    closeStorageKey?: string;
+    /** z-index，默认 666 */
+    zIndex?: number;
+    /** 是否展示，支持 v-model:visible，默认 true */
+    visible?: boolean;
+}
+export interface FloatPosterEmits {
+    (e: 'update:visible', value: boolean): void;
+    (e: 'close'): void;
+    (e: 'visit', href?: string): void;
+}