@opentiny/vue-modal - npm Package Compare versions

Comparing version 3.9.0 to 3.10.0

lib/index.js

@@ -139,2 +139,3 @@ function _extends() {
     zIndex: [Number, String],
+    tiny_theme: String,
     mode: null,
@@ -147,4 +148,24 @@ description: String,
     },
+    position: {
+      type: String,
+      default: "",
+      validator: function validator(val) {
+        return ["", "bottom-right"].includes(val);
+      }
+    },
+    modalBoxClass: String,
     confirmContent: String,
-    cancelContent: String
+    cancelContent: String,
+    confirmBtnProps: {
+      type: Object,
+      default: function _default8() {
+        return {};
+      }
+    },
+    cancelBtnProps: {
+      type: Object,
+      default: function _default9() {
+        return {};
+      }
+    }
   }),
@@ -159,3 +180,3 @@ setup: function setup(props, context) {
 });
-var version = "3.9.0";
+var version = "3.10.0";
 TINYModal.version = version;
@@ -205,3 +226,4 @@ TINYModal.model = {
       lockView: false,
-      showHeader: false
+      showHeader: false,
+      showClose: false
     };
@@ -208,0 +230,0 @@ }

lib/mobile-first.js

@@ -109,3 +109,3 @@ function _extends() {
       type: [Number, String],
-      default: 15
+      default: 80
     },
@@ -151,6 +151,7 @@ type: {
     var _this = this;
-    var state = this.state, slots = this.slots, type = this.type, resize = this.resize, status = this.status, showHeader = this.showHeader, showFooter = this.showFooter, title = this.title, message = this.message, mask = this.mask, t = this.t, description = this.description, options = this.options, showClose = this.showClose, confirmContent = this.confirmContent, cancelContent = this.cancelContent, m = this.m;
+    var state = this.state, slots = this.slots, type = this.type, resize = this.resize, status = this.status, showHeader = this.showHeader, showFooter = this.showFooter, title = this.title, message = this.message, mask = this.mask, t = this.t, description = this.description, options = this.options, showClose = this.showClose, confirmContent = this.confirmContent, cancelContent = this.cancelContent, m = this.m, position = this.position, modalBoxClass = this.modalBoxClass;
     var zoomLocat = state.zoomLocat, visible = state.visible, contentVisible = state.contentVisible, modalTop = state.modalTop, isMsg = state.isMsg;
     var defaultSlot = slots.default;
     var footerSlot = slots.footer;
+    var isBottomRight = position === "bottom-right";
     var statusIcon = typeof status === "string" ? STATUS_MAPPING_COMPINENT[status.toUpperCase()] : status;
@@ -186,3 +187,3 @@ var mobileStatusIcon = typeof status === "string" ? MOBILE_STATUS_MAPPING_COMPINENT[status.toUpperCase()] : status;
       [type === "confirm" ? h(Button, {
-        class: "ml-2 min-w-[4.5rem]",
+        class: "ml-2 min-w-[theme(spacing.18)]",
         props: {
@@ -195,3 +196,3 @@ tiny_mode: "mobile-first"
       }, cancelContent || t("ui.buttonMessage.cancel")) : null, h(Button, {
-        class: "ml-2 min-w-[4.5rem]",
+        class: "ml-2 min-w-[theme(spacing.18)]",
         props: {
@@ -256,3 +257,3 @@ tiny_mode: "mobile-first",
       },
-      class: ["absolute p-3 pointer-events-auto box-border", {
+      class: m("absolute pointer-events-auto box-border", {
         "bottom-0 sm:bottom-auto top-auto w-full flex sm:block max-h-full": !isMsg
@@ -262,10 +263,16 @@ }, {
       }, {
-        "sm:max-h-[60%] sm:w-[25.875rem] left-1/2 -translate-x-1/2": !zoomLocat
+        "sm:max-h-[60%]": !zoomLocat
       }, {
-        "sm:top-1/2 sm:-translate-y-1/2": !isMsg && !zoomLocat
+        "sm:w-[theme(spacing.112)]": !zoomLocat && type !== "message"
       }, {
-        "rounded m-0 px-3 py-2 sm:py-2.5 sm:w-auto min-w-[88px] max-w-[248px] sm:min-w-[100px] sm:max-w-[600px] box-border sm:shadow-lg": type === "message"
+        "left-1/2 -translate-x-1/2": !isBottomRight && !zoomLocat
       }, {
+        "sm:top-1/2 sm:-translate-y-1/2": !isBottomRight && !isMsg && !zoomLocat
+      }, {
+        "sm:bottom-0 sm:right-0": isBottomRight
+      }, {
+        "rounded m-0 px-3 py-2 sm:px-4 sm:py-2.5 sm:w-auto min-w-[theme(spacing.20)] max-w-[theme(spacing.64)] sm:min-w-[theme(spacing.32)] sm:max-w-[theme(spacing.144)] box-border sm:shadow-lg": type === "message"
+      }, {
         "bg-color-icon-primary opacity-80 sm:opacity-100 text-white sm:text-color-text-primary sm:bg-white ": type === "message"
-      }]
+      }, modalBoxClass)
     }, [h("div", {
@@ -281,3 +288,3 @@ class: ["flex flex-col w-full max-h-full rounded-lg sm:rounded  overflow-hidden", {
       }, {
-        " leading-4 text-sm sm:text-xs bg-color-icon-primary text-white sm:text-color-text-primary sm:bg-white": type === "message"
+        "leading-4 sm:leading-5.5 sm:h-auto bg-color-icon-primary text-white sm:text-color-text-primary sm:bg-white": type === "message"
       }],
@@ -291,8 +298,6 @@ on: {
       },
-      class: m("h-4 w-4 hidden sm:inline-block", "mr-2 w-auto fill-current", {
-        "h-6": type !== "message"
-      }, {
+      class: m("hidden sm:inline-block mr-2 fill-current", type === "message" ? "h-4.5 w-4.5 self-start shrink-0 mt-0.5" : "h-6 w-auto", {
         "text-color-success": status === "success"
       }, {
-        "text-color-info-secondary": ["info", "question"].indexOf(status) !== -1
+        "text-color-info-secondary": ["info", "question"].includes(status)
       }, {
@@ -302,4 +307,2 @@ "text-color-warning": status === "warning"
         "text-color-error": status === "error"
-      }, {
-        "h-4 self-start": type === "message"
       })
@@ -310,7 +313,3 @@ }), h(mobileStatusIcon, {
       },
-      class: m("h-4 w-4 inline-block sm:hidden", "mr-1.5 w-auto fill-current", {
-        "h-6": type !== "message"
-      }, {
-        "w-5 h-5 self-center shrink-0": type === "message"
-      })
+      class: ["inline-block sm:hidden mr-1.5 fill-current", type === "message" ? "w-5 h-5 self-center shrink-0" : "h-6 w-auto"]
     })] : null, h("span", {
@@ -320,3 +319,3 @@ class: ["flex-auto text-base sm:text-sm", {
       }, {
-        "line-clamp-2 text-center leading-[22px] sm:text-left sm:leading-4 sm:max-w-[520px]": type === "message"
+        "line-clamp-2 text-center leading-5.5 sm:text-left": type === "message"
       }],
@@ -332,6 +331,6 @@ attrs: {
     }) : null, showClose ? h(IconClose(mode), {
-      class: ["flex-none  cursor-pointer", {
+      class: ["flex-none cursor-pointer", {
         "h-4 w-4 ml-2": type !== "message"
       }, {
-        "hidden sm:block sm:w-4 sm:h-4 sm:ml-4 self-start": type === "message"
+        "hidden sm:block w-4 h-4 ml-4 self-start sm:mt-0.5 sm:translate-y-px": type === "message"
       }],
@@ -345,3 +344,5 @@ on: {
       class: "hidden sm:block mr-8"
-    }) : null, h("div", defaultSlot ? defaultSlot.call(this, {
+    }) : null, h("div", {
+      class: "w-full"
+    }, defaultSlot ? defaultSlot.call(this, {
       $modal: this
@@ -348,0 +349,0 @@ }, h) : [h("div", {

lib/pc.js

@@ -0,1 +1,15 @@
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
 import { defineComponent, props, setup as _setup, h } from "@opentiny/vue-common";
@@ -7,3 +21,4 @@ import { renderless, api } from "@opentiny/vue-renderless/modal/vue";
 var _sfc_main = /* @__PURE__ */ defineComponent({
-  props: [].concat(props, ["_constants", "animat", "beforeClose", "duration", "escClosable", "events", "fullscreen", "height", "id", "isFormReset", "lockScroll", "lockView", "marginSize", "mask", "maskClosable", "message", "minHeight", "minWidth", "modelValue", "resize", "showFooter", "showHeader", "status", "title", "top", "type", "vSize", "width", "zIndex", "showClose", "messageClosable"]),
+  props: [].concat(props, ["_constants", "animat", "beforeClose", "duration", "escClosable", "events", "fullscreen", "height", "id", "isFormReset", "lockScroll", "lockView", "marginSize", "mask", "maskClosable", "message", "minHeight", "minWidth", "modelValue", "resize", "showFooter", "showHeader", "status", "title", "top", "type", "vSize", "width", "zIndex", "showClose", "messageClosable", "confirmContent", "cancelContent", "confirmBtnProps", "cancelBtnProps"]),
+  emits: ["update:modelValue", "show", "close", "confirm", "cancel", "hide", "custom-mousedown", "custom-mouseup", "custom-mousemove"],
   components: {
@@ -26,8 +41,13 @@ Button
   render: function render() {
-    var _ref, _this = this;
+    var _ref, _ref2, _ref3, _this = this;
     var state = this.state, scopedSlots = this.scopedSlots, vSize = this.vSize, type = this.type, resize = this.resize, animat = this.animat, status = this.status, showHeader = this.showHeader, messageClosable = this.messageClosable;
     var showFooter = this.showFooter, title = this.title, message = this.message, lockScroll = this.lockScroll, lockView = this.lockView, mask = this.mask, constants = this._constants, t = this.t;
+    var confirmContent = this.confirmContent, cancelContent = this.cancelContent, confirmBtnProps = this.confirmBtnProps, cancelBtnProps = this.cancelBtnProps;
     var zoomLocat = state.zoomLocat, visible = state.visible, contentVisible = state.contentVisible, modalTop = state.modalTop, isMsg = state.isMsg;
     var defaultSlot = scopedSlots.default;
     var footerSlot = scopedSlots.footer;
+    var confirmButtonProps = Object.prototype.toString.call(confirmBtnProps) === "[object Object]" ? confirmBtnProps : {};
+    var cancelButtonProps = Object.prototype.toString.call(cancelBtnProps) === "[object Object]" ? cancelBtnProps : {};
+    var confirmButtonText = (_ref = confirmContent != null ? confirmContent : confirmBtnProps.text) != null ? _ref : t("ui.button.confirm");
+    var cancelButtonText = (_ref2 = cancelContent != null ? cancelContent : cancelButtonProps.text) != null ? _ref2 : t("ui.button.cancel");
     var STATUS_MAPPING_COMPINENT = {
@@ -42,3 +62,3 @@ QUESTION: iconHelpSolid(),
     return h("div", {
-      class: ["tiny-modal", "tiny-modal__wrapper", "type__" + type, (_ref = {}, _ref["size__" + vSize] = vSize, _ref["status__" + status] = typeof status === "string", _ref.is__animat = animat, _ref.lock__scroll = lockScroll, _ref.lock__view = lockView, _ref.is__mask = mask, _ref.is__maximize = zoomLocat, _ref.is__visible = contentVisible, _ref.active = visible, _ref)],
+      class: ["tiny-modal", "tiny-modal__wrapper", "type__" + type, (_ref3 = {}, _ref3["size__" + vSize] = vSize, _ref3["status__" + status] = typeof status === "string", _ref3.is__animat = animat, _ref3.lock__scroll = lockScroll, _ref3.lock__view = lockView, _ref3.is__mask = mask, _ref3.is__maximize = zoomLocat, _ref3.is__visible = contentVisible, _ref3.active = visible, _ref3)],
       style: {
@@ -104,13 +124,14 @@ zIndex: this.state.modalZindex,
     }, h) : [h(Button, {
-      props: {
+      props: _extends({
         type: "primary"
-      },
+      }, confirmButtonProps),
       on: {
         click: this.confirmEvent
       }
-    }, t("ui.button.confirm")), type === "confirm" ? h(Button, {
+    }, confirmButtonText), type === "confirm" ? h(Button, {
       on: {
         click: this.cancelEvent
-      }
-    }, t("ui.button.cancel")) : null]) : null, !isMsg && resize ? h("span", {
+      },
+      props: _extends({}, cancelButtonProps)
+    }, cancelButtonText) : null]) : null, !isMsg && resize ? h("span", {
       class: "tiny-modal__resize"
@@ -117,0 +138,0 @@ }, ["wl", "wr", "swst", "sest", "st", "swlb", "selb", "sb"].map(function(type2) {

package.json

 {
   "name": "@opentiny/vue-modal",
-  "version": "3.9.0",
+  "version": "3.10.0",
   "description": "",
@@ -8,7 +8,8 @@ "main": "./lib/index.js",
   "sideEffects": false,
+  "type": "module",
   "dependencies": {
-    "@opentiny/vue-renderless": "~3.9.0",
-    "@opentiny/vue-common": "~3.9.0",
-    "@opentiny/vue-button": "~3.9.0",
-    "@opentiny/vue-locale": "~3.9.0"
+    "@opentiny/vue-renderless": "~3.10.0",
+    "@opentiny/vue-common": "~3.10.0",
+    "@opentiny/vue-button": "~3.10.0",
+    "@opentiny/vue-locale": "~3.10.0"
   },
@@ -15,0 +16,0 @@ "license": "MIT",

src/index.d.ts

@@ -28,8 +28,8 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
         type: BooleanConstructor;
-        default: () => boolean;
+        default: () => true;
     };
     beforeClose: FunctionConstructor;
     duration: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: () => number;
+        type: (StringConstructor | NumberConstructor)[];
+        default: () => 3000;
     };
@@ -39,3 +39,3 @@ escClosable: BooleanConstructor;
     fullscreen: BooleanConstructor;
-    height: (NumberConstructor | StringConstructor)[];
+    height: (StringConstructor | NumberConstructor)[];
     id: StringConstructor;
@@ -49,6 +49,6 @@ isFormReset: {
         type: BooleanConstructor;
-        default: () => boolean;
+        default: () => true;
     };
     marginSize: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
@@ -58,3 +58,3 @@ };
         type: BooleanConstructor;
-        default: () => boolean;
+        default: () => true;
     };
@@ -64,8 +64,8 @@ maskClosable: BooleanConstructor;
     minHeight: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: () => number;
+        type: (StringConstructor | NumberConstructor)[];
+        default: () => 200;
     };
     minWidth: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: () => number;
+        type: (StringConstructor | NumberConstructor)[];
+        default: () => 340;
     };
@@ -85,3 +85,3 @@ modelValue: BooleanConstructor;
     top: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
@@ -94,4 +94,5 @@ };
     vSize: StringConstructor;
-    width: (NumberConstructor | StringConstructor)[];
-    zIndex: (NumberConstructor | StringConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    zIndex: (StringConstructor | NumberConstructor)[];
+    tiny_theme: StringConstructor;
     mode: null;
@@ -104,4 +105,18 @@ description: StringConstructor;
     };
+    position: {
+        type: StringConstructor;
+        default: string;
+        validator(val: unknown): boolean;
+    };
+    modalBoxClass: StringConstructor;
     confirmContent: StringConstructor;
     cancelContent: StringConstructor;
+    confirmBtnProps: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    cancelBtnProps: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
     tiny_mode: StringConstructor;
@@ -111,7 +126,6 @@ tiny_mode_root: BooleanConstructor;
     tiny_renderless: FunctionConstructor;
-    tiny_theme: StringConstructor;
     tiny_chart_theme: ObjectConstructor;
-}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+}, () => import("@vue/runtime-core").VNode<import("@vue/runtime-core").RendererNode, import("@vue/runtime-core").RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
+}>, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
     _constants: {
@@ -143,8 +157,8 @@ type: ObjectConstructor;
         type: BooleanConstructor;
-        default: () => boolean;
+        default: () => true;
     };
     beforeClose: FunctionConstructor;
     duration: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: () => number;
+        type: (StringConstructor | NumberConstructor)[];
+        default: () => 3000;
     };
@@ -154,3 +168,3 @@ escClosable: BooleanConstructor;
     fullscreen: BooleanConstructor;
-    height: (NumberConstructor | StringConstructor)[];
+    height: (StringConstructor | NumberConstructor)[];
     id: StringConstructor;
@@ -164,6 +178,6 @@ isFormReset: {
         type: BooleanConstructor;
-        default: () => boolean;
+        default: () => true;
     };
     marginSize: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
@@ -173,3 +187,3 @@ };
         type: BooleanConstructor;
-        default: () => boolean;
+        default: () => true;
     };
@@ -179,8 +193,8 @@ maskClosable: BooleanConstructor;
     minHeight: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: () => number;
+        type: (StringConstructor | NumberConstructor)[];
+        default: () => 200;
     };
     minWidth: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: () => number;
+        type: (StringConstructor | NumberConstructor)[];
+        default: () => 340;
     };
@@ -200,3 +214,3 @@ modelValue: BooleanConstructor;
     top: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
@@ -209,4 +223,5 @@ };
     vSize: StringConstructor;
-    width: (NumberConstructor | StringConstructor)[];
-    zIndex: (NumberConstructor | StringConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    zIndex: (StringConstructor | NumberConstructor)[];
+    tiny_theme: StringConstructor;
     mode: null;
@@ -219,4 +234,18 @@ description: StringConstructor;
     };
+    position: {
+        type: StringConstructor;
+        default: string;
+        validator(val: unknown): boolean;
+    };
+    modalBoxClass: StringConstructor;
     confirmContent: StringConstructor;
     cancelContent: StringConstructor;
+    confirmBtnProps: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    cancelBtnProps: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
     tiny_mode: StringConstructor;
@@ -226,28 +255,30 @@ tiny_mode_root: BooleanConstructor;
     tiny_renderless: FunctionConstructor;
-    tiny_theme: StringConstructor;
     tiny_chart_theme: ObjectConstructor;
 }>>, {
     type: string;
+    top: string | number;
+    tiny_mode_root: boolean;
+    _constants: Record<string, any>;
     modelValue: boolean;
+    mask: boolean;
     showHeader: boolean;
     showFooter: boolean;
-    mask: boolean;
     maskClosable: boolean;
-    tiny_mode_root: boolean;
-    _constants: Record<string, any>;
+    duration: string | number;
+    position: string;
     resize: boolean;
-    status: string | Record<string, any>;
+    minHeight: string | number;
+    minWidth: string | number;
+    showClose: boolean;
+    lockScroll: boolean;
     fullscreen: boolean;
     isFormReset: boolean;
-    lockScroll: boolean;
-    showClose: boolean;
-    top: string | number;
-    duration: string | number;
-    minHeight: string | number;
-    minWidth: string | number;
+    marginSize: string | number;
     animat: boolean;
     escClosable: boolean;
     lockView: boolean;
-    marginSize: string | number;
-}>;
+    status: string | Record<string, any>;
+    confirmBtnProps: Record<string, any>;
+    cancelBtnProps: Record<string, any>;
+}, {}>;
 export default _default;

src/mobile-first.vue.d.ts

@@ -1,2 +0,2 @@
-declare const _sfc_main: import("@vue/runtime-core").DefineComponent<{
+declare const _default: import("@vue/runtime-core").DefineComponent<{
     animat: {
@@ -8,3 +8,3 @@ type: BooleanConstructor;
     duration: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: () => number;
@@ -15,3 +15,3 @@ };
     fullscreen: BooleanConstructor;
-    height: (NumberConstructor | StringConstructor)[];
+    height: (StringConstructor | NumberConstructor)[];
     id: StringConstructor;
@@ -28,3 +28,3 @@ isFormReset: {
     marginSize: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
@@ -39,7 +39,7 @@ };
     minHeight: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: () => number;
     };
     minWidth: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: () => number;
@@ -60,3 +60,3 @@ };
     top: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
@@ -69,4 +69,4 @@ };
     vSize: StringConstructor;
-    width: (NumberConstructor | StringConstructor)[];
-    zIndex: (NumberConstructor | StringConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    zIndex: (StringConstructor | NumberConstructor)[];
     description: StringConstructor;
@@ -95,3 +95,3 @@ options: ArrayConstructor;
     m: (...cssClasses: any[]) => string;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "zoom" | "show" | "hide" | "custom-mousedown" | "custom-mousemove" | "custom-mouseup")[], "update:modelValue" | "zoom" | "show" | "hide" | "custom-mousedown" | "custom-mousemove" | "custom-mouseup", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
+}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("update:modelValue" | "hide" | "zoom" | "show" | "custom-mousedown" | "custom-mousemove" | "custom-mouseup")[], "update:modelValue" | "hide" | "zoom" | "show" | "custom-mousedown" | "custom-mousemove" | "custom-mouseup", import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
     animat: {
@@ -103,3 +103,3 @@ type: BooleanConstructor;
     duration: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: () => number;
@@ -110,3 +110,3 @@ };
     fullscreen: BooleanConstructor;
-    height: (NumberConstructor | StringConstructor)[];
+    height: (StringConstructor | NumberConstructor)[];
     id: StringConstructor;
@@ -123,3 +123,3 @@ isFormReset: {
     marginSize: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
@@ -134,7 +134,7 @@ };
     minHeight: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: () => number;
     };
     minWidth: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: () => number;
@@ -155,3 +155,3 @@ };
     top: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
@@ -164,4 +164,4 @@ };
     vSize: StringConstructor;
-    width: (NumberConstructor | StringConstructor)[];
-    zIndex: (NumberConstructor | StringConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    zIndex: (StringConstructor | NumberConstructor)[];
     description: StringConstructor;
@@ -183,5 +183,5 @@ options: ArrayConstructor;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onHide?: ((...args: any[]) => any) | undefined;
     onZoom?: ((...args: any[]) => any) | undefined;
     onShow?: ((...args: any[]) => any) | undefined;
-    onHide?: ((...args: any[]) => any) | undefined;
     "onCustom-mousedown"?: ((...args: any[]) => any) | undefined;
@@ -192,23 +192,23 @@ "onCustom-mousemove"?: ((...args: any[]) => any) | undefined;
     type: string;
+    top: string | number;
+    tiny_mode_root: boolean;
     modelValue: boolean;
+    mask: boolean;
     showHeader: boolean;
     showFooter: boolean;
-    mask: boolean;
     maskClosable: boolean;
-    tiny_mode_root: boolean;
+    duration: string | number;
     resize: boolean;
-    status: string | Record<string, any>;
+    minHeight: string | number;
+    minWidth: string | number;
+    showClose: boolean;
+    lockScroll: boolean;
     fullscreen: boolean;
     isFormReset: boolean;
-    lockScroll: boolean;
-    showClose: boolean;
-    top: string | number;
-    duration: string | number;
-    minHeight: string | number;
-    minWidth: string | number;
+    marginSize: string | number;
     animat: boolean;
     escClosable: boolean;
     lockView: boolean;
-    marginSize: string | number;
-}>;
-export default _sfc_main;
+    status: string | Record<string, any>;
+}, {}>;
+export default _default;

src/mobile.vue.d.ts

@@ -1,2 +0,2 @@
-declare const _sfc_main: import("@vue/runtime-core").DefineComponent<Readonly<{
+declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     [x: string]: any;
@@ -12,7 +12,7 @@ }>, {
     m: (...cssClasses: any[]) => string;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
+}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
     [x: string]: any;
 }>>>, {
     [x: string]: any;
-}>;
-export default _sfc_main;
+}, {}>;
+export default _default;

src/pc.vue.d.ts

@@ -1,2 +0,2 @@
-declare const _sfc_main: import("@vue/runtime-core").DefineComponent<Readonly<{
+declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     [x: string]: any;
@@ -12,7 +12,17 @@ }>, {
     m: (...cssClasses: any[]) => string;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
+}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("close" | "update:modelValue" | "hide" | "confirm" | "cancel" | "show" | "custom-mousedown" | "custom-mousemove" | "custom-mouseup")[], "close" | "update:modelValue" | "hide" | "confirm" | "cancel" | "show" | "custom-mousedown" | "custom-mousemove" | "custom-mouseup", import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
     [x: string]: any;
-}>>>, {
+}>>> & {
+    onClose?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+    onCancel?: ((...args: any[]) => any) | undefined;
+    onHide?: ((...args: any[]) => any) | undefined;
+    onShow?: ((...args: any[]) => any) | undefined;
+    "onCustom-mousedown"?: ((...args: any[]) => any) | undefined;
+    "onCustom-mousemove"?: ((...args: any[]) => any) | undefined;
+    "onCustom-mouseup"?: ((...args: any[]) => any) | undefined;
+}, {
     [x: string]: any;
-}>;
-export default _sfc_main;
+}, {}>;
+export default _default;

New alerts

AI-detected possible typosquat

Supply chain risk

AI has identified this package as a potential typosquat of a more popular package. This suggests that the package may be intentionally mimicking another package's name, description, or other metadata.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

48362

increased by9.2%

Number of package files

12

increased by9.09%

Lines of code

1431

increased by6.55%

Is type module

Yes

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Added@opentiny/vue-button@3.10.0(transitive)

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

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

• + Added@opentiny/vue-locale@3.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-button@3.9.0(transitive)

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

• - Removed@opentiny/vue-icon@3.9.1(transitive)

• - Removed@opentiny/vue-locale@3.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-button@~3.10.0

• Updated@opentiny/vue-common@~3.10.0

• Updated@opentiny/vue-locale@~3.10.0

• Updated@opentiny/vue-renderless@~3.10.0