@opentiny/vue-tooltip - npm Package Compare versions

Comparing version 2.9.1 to 2.10.0

lib/index.js

@@ -15,3 +15,3 @@ function _extends() {
 }
-import { defineComponent, $prefix, $props, $setup } from "@opentiny/vue-common";
+import { defineComponent, $prefix, $setup, $props } from "@opentiny/vue-common";
 import PcTemplate from "./pc.js";
@@ -28,139 +28,140 @@ import MobileFirstTemplate from "./mobile-first.js";
 };
+var tooltipProps = _extends({}, $props, {
+  adjustArrow: {
+    type: Boolean,
+    default: function _default() {
+      return false;
+    }
+  },
+  appendToBody: {
+    type: Boolean,
+    default: function _default2() {
+      return true;
+    }
+  },
+  arrowOffset: {
+    type: Number,
+    default: function _default3() {
+      return 0;
+    }
+  },
+  boundariesPadding: {
+    type: Number,
+    default: function _default4() {
+      return 5;
+    }
+  },
+  content: {
+    type: String
+  },
+  disabled: {
+    type: Boolean
+  },
+  enterable: {
+    type: Boolean,
+    default: function _default5() {
+      return true;
+    }
+  },
+  hideAfter: {
+    type: Number,
+    default: function _default6() {
+      return 0;
+    }
+  },
+  manual: {
+    type: Boolean
+  },
+  modelValue: {
+    type: Boolean
+  },
+  offset: {
+    default: function _default7() {
+      return 0;
+    }
+  },
+  effect: {
+    type: String,
+    default: function _default8() {
+      return "dark";
+    }
+  },
+  openDelay: {
+    type: Number,
+    default: function _default9() {
+      return 0;
+    }
+  },
+  closeDelay: {
+    type: Number,
+    default: function _default10() {
+      return 100;
+    }
+  },
+  placement: {
+    type: String,
+    default: function _default11() {
+      return "bottom";
+    }
+  },
+  popper: {},
+  popperClass: {
+    type: String
+  },
+  popperOptions: {
+    default: function _default12() {
+      return {
+        gpuAcceleration: false,
+        boundariesPadding: 10
+      };
+    }
+  },
+  pre: {
+    type: Boolean
+  },
+  reference: {},
+  renderContent: {
+    type: Function
+  },
+  tabindex: {
+    type: Number,
+    default: function _default13() {
+      return 0;
+    }
+  },
+  transformOrigin: {
+    type: [Boolean, String],
+    default: function _default14() {
+      return true;
+    }
+  },
+  transition: {
+    type: String,
+    default: function _default15() {
+      return "tiny-fade-in-linear";
+    }
+  },
+  type: {
+    type: String,
+    validator: function validator(value) {
+      return Boolean(~["normal", "warning", "error", "info", "success"].indexOf(value));
+    }
+  },
+  visibleArrow: {
+    type: Boolean,
+    default: function _default16() {
+      return true;
+    }
+  },
+  zIndex: {
+    type: String,
+    default: function _default17() {
+      return "next";
+    }
+  }
+});
 var Tooltip = defineComponent({
   name: $prefix + "Tooltip",
   componentName: "Tooltip",
-  props: _extends({}, $props, {
-    adjustArrow: {
-      type: Boolean,
-      default: function _default() {
-        return false;
-      }
-    },
-    appendToBody: {
-      type: Boolean,
-      default: function _default2() {
-        return true;
-      }
-    },
-    arrowOffset: {
-      type: Number,
-      default: function _default3() {
-        return 0;
-      }
-    },
-    boundariesPadding: {
-      type: Number,
-      default: function _default4() {
-        return 5;
-      }
-    },
-    content: {
-      type: String
-    },
-    disabled: {
-      type: Boolean
-    },
-    enterable: {
-      type: Boolean,
-      default: function _default5() {
-        return true;
-      }
-    },
-    hideAfter: {
-      type: Number,
-      default: function _default6() {
-        return 0;
-      }
-    },
-    manual: {
-      type: Boolean
-    },
-    modelValue: {
-      type: Boolean
-    },
-    offset: {
-      default: function _default7() {
-        return 0;
-      }
-    },
-    effect: {
-      type: String,
-      default: function _default8() {
-        return "dark";
-      }
-    },
-    openDelay: {
-      type: Number,
-      default: function _default9() {
-        return 0;
-      }
-    },
-    closeDelay: {
-      type: Number,
-      default: function _default10() {
-        return 100;
-      }
-    },
-    placement: {
-      type: String,
-      default: function _default11() {
-        return "bottom";
-      }
-    },
-    popper: {},
-    popperClass: {
-      type: String
-    },
-    popperOptions: {
-      default: function _default12() {
-        return {
-          gpuAcceleration: false,
-          boundariesPadding: 10
-        };
-      }
-    },
-    pre: {
-      type: Boolean
-    },
-    reference: {},
-    renderContent: {
-      type: Function
-    },
-    tabindex: {
-      type: Number,
-      default: function _default13() {
-        return 0;
-      }
-    },
-    transformOrigin: {
-      type: [Boolean, String],
-      default: function _default14() {
-        return true;
-      }
-    },
-    transition: {
-      type: String,
-      default: function _default15() {
-        return "tiny-fade-in-linear";
-      }
-    },
-    type: {
-      type: String,
-      validator: function validator(value) {
-        return Boolean(~["normal", "warning", "error", "info", "success"].indexOf(value));
-      }
-    },
-    visibleArrow: {
-      type: Boolean,
-      default: function _default16() {
-        return true;
-      }
-    },
-    zIndex: {
-      type: String,
-      default: function _default17() {
-        return "next";
-      }
-    }
-  }),
+  props: tooltipProps,
   setup: function setup(props, context) {
@@ -174,3 +175,3 @@ return $setup({
 });
-var version = "2.9.0";
+var version = "2.10.0";
 Tooltip.model = {
@@ -177,0 +178,0 @@ prop: "modelValue",

lib/pc.js

@@ -274,3 +274,6 @@ import { renderless, api } from "@opentiny/vue-renderless/tooltip/vue";
                     }],
-                    "class": ["tiny-tooltip", "tiny-tooltip__popper", typeClass, _this.popperClass],
+                    "class": ["tiny-tooltip", "tiny-tooltip__popper", typeClass, _this.popperClass, {
+                      "tiny-tooltip__show-tips": _this.state.showContent
+                    }],
+                    "style": "max-width:" + _this.state.tipsMaxWidth + "px",
                     "on": {
@@ -277,0 +280,0 @@ "mouseenter": function mouseenter() {

package.json

 {
   "name": "@opentiny/vue-tooltip",
-  "version": "2.9.1",
+  "version": "2.10.0",
   "description": "",
@@ -8,5 +8,6 @@ "main": "./lib/index.js",
   "sideEffects": false,
+  "type": "module",
   "dependencies": {
-    "@opentiny/vue-renderless": "~3.9.0",
-    "@opentiny/vue-common": "~2.9.0"
+    "@opentiny/vue-renderless": "~3.10.0",
+    "@opentiny/vue-common": "~2.10.0"
   },
@@ -13,0 +14,0 @@ "license": "MIT",

src/index.d.ts

@@ -0,9 +1,113 @@
+export declare const tooltipProps: {
+    adjustArrow: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
+    appendToBody: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
+    arrowOffset: {
+        type: NumberConstructor;
+        default: () => number;
+    };
+    boundariesPadding: {
+        type: NumberConstructor;
+        default: () => number;
+    };
+    content: {
+        type: StringConstructor;
+    };
+    disabled: {
+        type: BooleanConstructor;
+    };
+    enterable: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
+    hideAfter: {
+        type: NumberConstructor;
+        default: () => number;
+    };
+    manual: {
+        type: BooleanConstructor;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+    };
+    offset: {
+        default: () => number;
+    };
+    effect: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    openDelay: {
+        type: NumberConstructor;
+        default: () => number;
+    };
+    closeDelay: {
+        type: NumberConstructor;
+        default: () => number;
+    };
+    placement: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    popper: {};
+    popperClass: {
+        type: StringConstructor;
+    };
+    popperOptions: {
+        default: () => {
+            gpuAcceleration: boolean;
+            boundariesPadding: number;
+        };
+    };
+    pre: {
+        type: BooleanConstructor;
+    };
+    reference: {};
+    renderContent: {
+        type: FunctionConstructor;
+    };
+    tabindex: {
+        type: NumberConstructor;
+        default: () => number;
+    };
+    transformOrigin: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: () => boolean;
+    };
+    transition: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    type: {
+        type: StringConstructor;
+        validator: (value: string) => boolean;
+    };
+    visibleArrow: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
+    zIndex: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    tiny_mode: StringConstructor;
+    tiny_mode_root: BooleanConstructor;
+    tiny_template: (ObjectConstructor | FunctionConstructor)[];
+    tiny_renderless: FunctionConstructor;
+    tiny_theme: StringConstructor;
+    tiny_chart_theme: ObjectConstructor;
+};
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api/dist/vue-composition-api.js").ShallowUnwrapRef<() => import("vue").VNode> & import("@vue/composition-api/dist/vue-composition-api.js").Data, {}, {}, {
     adjustArrow: {
         type: BooleanConstructor;
-        default: () => false;
+        default: () => boolean;
     };
     appendToBody: {
         type: BooleanConstructor;
-        default: () => true;
+        default: () => boolean;
     };
@@ -26,3 +130,3 @@ arrowOffset: {
         type: BooleanConstructor;
-        default: () => true;
+        default: () => boolean;
     };
@@ -93,3 +197,3 @@ hideAfter: {
         type: BooleanConstructor;
-        default: () => true;
+        default: () => boolean;
     };
@@ -107,17 +211,12 @@ zIndex: {
 }, {
+    pre: boolean;
     disabled: boolean;
     tiny_mode_root: boolean;
-    adjustArrow: boolean;
-    appendToBody: boolean;
-    arrowOffset: number;
-    boundariesPadding: number;
-    enterable: boolean;
-    hideAfter: number;
-    manual: boolean;
     modelValue: boolean;
+    tabindex: number;
+    transition: string;
+    zIndex: string;
     offset: number;
-    effect: string;
-    openDelay: number;
-    closeDelay: number;
     placement: string;
+    manual: boolean;
     popperOptions: {
@@ -127,9 +226,15 @@ gpuAcceleration: boolean;
     };
-    pre: boolean;
-    tabindex: number;
     transformOrigin: string | boolean;
-    transition: string;
+    appendToBody: boolean;
+    arrowOffset: number;
+    boundariesPadding: number;
+    closeDelay: number;
+    openDelay: number;
     visibleArrow: boolean;
-    zIndex: string;
+    adjustArrow: boolean;
+    enterable: boolean;
+    hideAfter: number;
+    effect: string;
 } & {
+    type?: string | undefined;
     tiny_mode?: string | undefined;
@@ -140,24 +245,18 @@ tiny_template?: unknown;
     tiny_chart_theme?: Record<string, any> | undefined;
+    popper?: unknown;
     content?: string | undefined;
-    popper?: unknown;
     popperClass?: string | undefined;
     reference?: unknown;
     renderContent?: undefined;
-    type?: string | undefined;
 }> & import("vue").VueConstructor<import("vue").default> & (new (...args: any[]) => import("@vue/composition-api/dist/vue-composition-api.js").ComponentRenderProxy<{
+    pre: boolean;
     disabled: boolean;
     tiny_mode_root: boolean;
-    adjustArrow: boolean;
-    appendToBody: boolean;
-    arrowOffset: number;
-    boundariesPadding: number;
-    enterable: boolean;
-    hideAfter: number;
-    manual: boolean;
     modelValue: boolean;
+    tabindex: number;
+    transition: string;
+    zIndex: string;
     offset: number;
-    effect: string;
-    openDelay: number;
-    closeDelay: number;
     placement: string;
+    manual: boolean;
     popperOptions: {
@@ -167,9 +266,15 @@ gpuAcceleration: boolean;
     };
-    pre: boolean;
-    tabindex: number;
     transformOrigin: string | boolean;
-    transition: string;
+    appendToBody: boolean;
+    arrowOffset: number;
+    boundariesPadding: number;
+    closeDelay: number;
+    openDelay: number;
     visibleArrow: boolean;
-    zIndex: string;
+    adjustArrow: boolean;
+    enterable: boolean;
+    hideAfter: number;
+    effect: string;
 } & {
+    type?: string | undefined;
     tiny_mode?: string | undefined;
@@ -180,24 +285,18 @@ tiny_template?: unknown;
     tiny_chart_theme?: Record<string, any> | undefined;
+    popper?: unknown;
     content?: string | undefined;
-    popper?: unknown;
     popperClass?: string | undefined;
     reference?: unknown;
     renderContent?: undefined;
-    type?: string | undefined;
 }, import("@vue/composition-api/dist/vue-composition-api.js").ShallowUnwrapRef<() => import("vue").VNode>, import("@vue/composition-api/dist/vue-composition-api.js").Data, {}, {}, {
+    pre: boolean;
     disabled: boolean;
     tiny_mode_root: boolean;
-    adjustArrow: boolean;
-    appendToBody: boolean;
-    arrowOffset: number;
-    boundariesPadding: number;
-    enterable: boolean;
-    hideAfter: number;
-    manual: boolean;
     modelValue: boolean;
+    tabindex: number;
+    transition: string;
+    zIndex: string;
     offset: number;
-    effect: string;
-    openDelay: number;
-    closeDelay: number;
     placement: string;
+    manual: boolean;
     popperOptions: {
@@ -207,9 +306,15 @@ gpuAcceleration: boolean;
     };
-    pre: boolean;
-    tabindex: number;
     transformOrigin: string | boolean;
-    transition: string;
+    appendToBody: boolean;
+    arrowOffset: number;
+    boundariesPadding: number;
+    closeDelay: number;
+    openDelay: number;
     visibleArrow: boolean;
-    zIndex: string;
+    adjustArrow: boolean;
+    enterable: boolean;
+    hideAfter: number;
+    effect: string;
 } & {
+    type?: string | undefined;
     tiny_mode?: string | undefined;
@@ -220,19 +325,12 @@ tiny_template?: unknown;
     tiny_chart_theme?: Record<string, any> | undefined;
+    popper?: unknown;
     content?: string | undefined;
-    popper?: unknown;
     popperClass?: string | undefined;
     reference?: unknown;
     renderContent?: undefined;
-    type?: string | undefined;
 }, {
-    adjustArrow: boolean;
-    appendToBody: boolean;
-    arrowOffset: number;
-    boundariesPadding: number;
-    enterable: boolean;
-    hideAfter: number;
+    tabindex: number;
+    transition: string;
+    zIndex: string;
     offset: number;
-    effect: string;
-    openDelay: number;
-    closeDelay: number;
     placement: string;
@@ -243,8 +341,14 @@ popperOptions: {
     };
-    tabindex: number;
     transformOrigin: string | boolean;
-    transition: string;
+    appendToBody: boolean;
+    arrowOffset: number;
+    boundariesPadding: number;
+    closeDelay: number;
+    openDelay: number;
     visibleArrow: boolean;
-    zIndex: string;
+    adjustArrow: boolean;
+    enterable: boolean;
+    hideAfter: number;
+    effect: string;
 }, true>);
 export default _default;

src/mobile-first.vue.d.ts

@@ -1,2 +0,2 @@
-declare const _sfc_main: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api/dist/vue-composition-api.js").ShallowUnwrapRef<unknown> & import("@vue/composition-api/dist/vue-composition-api.js").Data, {}, {}, unknown, {
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api/dist/vue-composition-api.js").ShallowUnwrapRef<unknown> & import("@vue/composition-api/dist/vue-composition-api.js").Data, {}, {}, unknown, {
     [x: string]: any;
@@ -8,2 +8,2 @@ }> & import("vue").VueConstructor<import("vue").default> & (new (...args: any[]) => import("@vue/composition-api/dist/vue-composition-api.js").ComponentRenderProxy<{
 }, {}, true>);
-export default _sfc_main;
+export default _default;

src/pc.vue.d.ts

@@ -1,2 +0,2 @@
-declare const _sfc_main: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api/dist/vue-composition-api.js").ShallowUnwrapRef<unknown> & import("@vue/composition-api/dist/vue-composition-api.js").Data, {}, {}, unknown, {
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api/dist/vue-composition-api.js").ShallowUnwrapRef<unknown> & import("@vue/composition-api/dist/vue-composition-api.js").Data, {}, {}, unknown, {
     [x: string]: any;
@@ -8,2 +8,2 @@ }> & import("vue").VueConstructor<import("vue").default> & (new (...args: any[]) => import("@vue/composition-api/dist/vue-composition-api.js").ComponentRenderProxy<{
 }, {}, true>);
-export default _sfc_main;
+export default _default;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

39923

increased by6.34%

Number of package files

11

increased by10%

Lines of code

1305

increased by9.11%

Is type module

Yes

Dependency changes

• + Added@opentiny/vue-common@2.10.0(transitive)

• + Added@opentiny/vue-locale@2.10.0(transitive)

• + Added@opentiny/vue-renderless@3.10.7(transitive)

• + Added@opentiny/vue-theme@3.10.4(transitive)

• + Added@opentiny/vue-theme-mobile@3.10.1(transitive)

• - Removed@opentiny/vue-common@2.9.0(transitive)

• - Removed@opentiny/vue-locale@2.9.0(transitive)

• - Removed@opentiny/vue-renderless@3.9.3(transitive)

• - Removed@opentiny/vue-theme@3.9.4(transitive)

• - Removed@opentiny/vue-theme-mobile@3.9.0(transitive)

• Updated@opentiny/vue-common@~2.10.0

• Updated@opentiny/vue-renderless@~3.10.0