@opentiny/vue-modal - npm Package Compare versions

Comparing version 2.9.0 to 2.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 = "2.9.0";
+var version = "2.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

@@ -163,3 +163,3 @@ function _extends() {
       type: [Number, String],
-      default: 15
+      default: 80
     },
@@ -205,6 +205,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;
@@ -240,3 +241,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: {
@@ -249,3 +250,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: {
@@ -310,3 +311,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
@@ -316,10 +317,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", {
@@ -335,3 +342,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"
       }],
@@ -345,8 +352,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)
       }, {
@@ -356,4 +361,2 @@ "text-color-warning": status === "warning"
         "text-color-error": status === "error"
-      }, {
-        "h-4 self-start": type === "message"
       })
@@ -364,7 +367,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", {
@@ -374,3 +373,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"
       }],
@@ -386,6 +385,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"
       }],
@@ -399,3 +398,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
@@ -402,0 +403,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";
@@ -61,3 +75,4 @@ import { renderless, api } from "@opentiny/vue-renderless/modal/vue";
 var __vue2_script = 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: {
@@ -80,8 +95,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 = {
@@ -96,3 +116,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: {
@@ -158,13 +178,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"
@@ -171,0 +192,0 @@ }, ["wl", "wr", "swst", "sest", "st", "swlb", "selb", "sb"].map(function(type2) {

package.json

 {
   "name": "@opentiny/vue-modal",
-  "version": "2.9.0",
+  "version": "2.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": "~2.9.0",
-    "@opentiny/vue-button": "~2.9.0",
-    "@opentiny/vue-locale": "~2.9.0"
+    "@opentiny/vue-renderless": "~3.10.0",
+    "@opentiny/vue-common": "~2.10.0",
+    "@opentiny/vue-button": "~2.10.0",
+    "@opentiny/vue-locale": "~2.10.0"
   },
@@ -15,0 +16,0 @@ "license": "MIT",

src/index.d.ts

@@ -32,4 +32,4 @@ 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, {}, {}, {
     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;
@@ -52,3 +52,3 @@ isFormReset: {
     marginSize: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
@@ -63,8 +63,8 @@ };
     minHeight: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: () => number;
+        type: (StringConstructor | NumberConstructor)[];
+        default: () => 200;
     };
     minWidth: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: () => number;
+        type: (StringConstructor | NumberConstructor)[];
+        default: () => 340;
     };
@@ -84,3 +84,3 @@ modelValue: BooleanConstructor;
     top: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
@@ -93,4 +93,5 @@ };
     vSize: StringConstructor;
-    width: (NumberConstructor | StringConstructor)[];
-    zIndex: (NumberConstructor | StringConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    zIndex: (StringConstructor | NumberConstructor)[];
+    tiny_theme: StringConstructor;
     mode: null;
@@ -103,4 +104,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;
@@ -110,34 +125,32 @@ 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;
-    top: string | number;
+    minHeight: string | number;
+    minWidth: string | number;
+    showClose: boolean;
+    lockScroll: boolean;
     fullscreen: boolean;
     isFormReset: boolean;
-    lockScroll: boolean;
-    showClose: boolean;
-    duration: string | number;
-    minHeight: string | number;
-    minWidth: string | number;
+    marginSize: string | number;
     escClosable: boolean;
     animat: boolean;
     lockView: boolean;
-    marginSize: string | number;
+    status: string;
+    confirmBtnProps: Record<string, any>;
+    cancelBtnProps: Record<string, any>;
 } & {
-    width?: string | number | undefined;
-    height?: string | number | undefined;
+    title?: string | undefined;
     tiny_mode?: string | undefined;
-    options?: unknown[] | undefined;
-    id?: string | undefined;
-    title?: string | undefined;
     tiny_template?: unknown;
@@ -147,41 +160,45 @@ tiny_renderless?: Function | undefined;
     tiny_chart_theme?: Record<string, any> | undefined;
+    width?: string | number | undefined;
+    height?: string | number | undefined;
+    id?: string | undefined;
     description?: string | undefined;
+    zIndex?: string | number | undefined;
+    options?: unknown[] | undefined;
+    mode?: any;
     events?: Record<string, any> | undefined;
-    mode?: any;
     beforeClose?: Function | undefined;
-    zIndex?: string | number | undefined;
+    message?: unknown;
     vSize?: string | undefined;
+    modalBoxClass?: string | undefined;
     confirmContent?: string | undefined;
     cancelContent?: string | undefined;
-    message?: unknown;
 }> & import("vue").VueConstructor<import("vue").default> & (new (...args: any[]) => import("@vue/composition-api/dist/vue-composition-api.js").ComponentRenderProxy<{
     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;
-    top: string | number;
+    minHeight: string | number;
+    minWidth: string | number;
+    showClose: boolean;
+    lockScroll: boolean;
     fullscreen: boolean;
     isFormReset: boolean;
-    lockScroll: boolean;
-    showClose: boolean;
-    duration: string | number;
-    minHeight: string | number;
-    minWidth: string | number;
+    marginSize: string | number;
     escClosable: boolean;
     animat: boolean;
     lockView: boolean;
-    marginSize: string | number;
+    status: string;
+    confirmBtnProps: Record<string, any>;
+    cancelBtnProps: Record<string, any>;
 } & {
-    width?: string | number | undefined;
-    height?: string | number | undefined;
+    title?: string | undefined;
     tiny_mode?: string | undefined;
-    options?: unknown[] | undefined;
-    id?: string | undefined;
-    title?: string | undefined;
     tiny_template?: unknown;
@@ -191,41 +208,45 @@ tiny_renderless?: Function | undefined;
     tiny_chart_theme?: Record<string, any> | undefined;
+    width?: string | number | undefined;
+    height?: string | number | undefined;
+    id?: string | undefined;
     description?: string | undefined;
+    zIndex?: string | number | undefined;
+    options?: unknown[] | undefined;
+    mode?: any;
     events?: Record<string, any> | undefined;
-    mode?: any;
     beforeClose?: Function | undefined;
-    zIndex?: string | number | undefined;
+    message?: unknown;
     vSize?: string | undefined;
+    modalBoxClass?: string | undefined;
     confirmContent?: string | undefined;
     cancelContent?: string | undefined;
-    message?: unknown;
 }, import("@vue/composition-api/dist/vue-composition-api.js").ShallowUnwrapRef<() => import("vue").VNode>, import("@vue/composition-api/dist/vue-composition-api.js").Data, {}, {}, {
     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;
-    top: string | number;
+    minHeight: string | number;
+    minWidth: string | number;
+    showClose: boolean;
+    lockScroll: boolean;
     fullscreen: boolean;
     isFormReset: boolean;
-    lockScroll: boolean;
-    showClose: boolean;
-    duration: string | number;
-    minHeight: string | number;
-    minWidth: string | number;
+    marginSize: string | number;
     escClosable: boolean;
     animat: boolean;
     lockView: boolean;
-    marginSize: string | number;
+    status: string;
+    confirmBtnProps: Record<string, any>;
+    cancelBtnProps: Record<string, any>;
 } & {
-    width?: string | number | undefined;
-    height?: string | number | undefined;
+    title?: string | undefined;
     tiny_mode?: string | undefined;
-    options?: unknown[] | undefined;
-    id?: string | undefined;
-    title?: string | undefined;
     tiny_template?: unknown;
@@ -235,27 +256,35 @@ tiny_renderless?: Function | undefined;
     tiny_chart_theme?: Record<string, any> | undefined;
+    width?: string | number | undefined;
+    height?: string | number | undefined;
+    id?: string | undefined;
     description?: string | undefined;
+    zIndex?: string | number | undefined;
+    options?: unknown[] | undefined;
+    mode?: any;
     events?: Record<string, any> | undefined;
-    mode?: any;
     beforeClose?: Function | undefined;
-    zIndex?: string | number | undefined;
+    message?: unknown;
     vSize?: string | undefined;
+    modalBoxClass?: string | undefined;
     confirmContent?: string | undefined;
     cancelContent?: string | undefined;
-    message?: unknown;
 }, {
     type: string;
+    top: string | number;
+    _constants: Record<string, any>;
+    mask: boolean;
     showHeader: boolean;
-    mask: boolean;
-    _constants: Record<string, any>;
-    status: string;
-    top: string | number;
-    isFormReset: boolean;
-    showClose: boolean;
     duration: string | number;
+    position: string;
     minHeight: string | number;
     minWidth: string | number;
+    showClose: boolean;
+    isFormReset: boolean;
+    marginSize: string | number;
     animat: boolean;
     lockView: boolean;
-    marginSize: string | number;
+    status: string;
+    confirmBtnProps: Record<string, any>;
+    cancelBtnProps: Record<string, any>;
 }, 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<import("@vue/composition-api/dist/vue-composition-api.js").Data> & import("@vue/composition-api/dist/vue-composition-api.js").Data, {}, {}, {
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api/dist/vue-composition-api.js").ShallowUnwrapRef<import("@vue/composition-api/dist/vue-composition-api.js").Data> & import("@vue/composition-api/dist/vue-composition-api.js").Data, {}, {}, {
     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;
@@ -88,29 +88,25 @@ options: ArrayConstructor;
     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;
-    top: string | number;
+    minHeight: string | number;
+    minWidth: string | number;
+    showClose: boolean;
+    lockScroll: boolean;
     fullscreen: boolean;
     isFormReset: boolean;
-    lockScroll: boolean;
-    showClose: boolean;
-    duration: string | number;
-    minHeight: string | number;
-    minWidth: string | number;
+    marginSize: string | number;
     escClosable: boolean;
     animat: boolean;
     lockView: boolean;
-    marginSize: string | number;
+    status: string;
 } & {
-    width?: string | number | undefined;
-    height?: string | number | undefined;
+    title?: string | undefined;
     tiny_mode?: string | undefined;
-    options?: unknown[] | undefined;
-    id?: string | undefined;
-    title?: string | undefined;
     tiny_template?: unknown;
@@ -120,39 +116,39 @@ tiny_renderless?: Function | undefined;
     tiny_chart_theme?: Record<string, any> | undefined;
+    width?: string | number | undefined;
+    height?: string | number | undefined;
+    id?: string | undefined;
     description?: string | undefined;
+    zIndex?: string | number | undefined;
+    options?: unknown[] | undefined;
     events?: Record<string, any> | undefined;
     beforeClose?: Function | undefined;
-    zIndex?: string | number | undefined;
+    message?: string | undefined;
     vSize?: string | undefined;
     confirmContent?: string | undefined;
     cancelContent?: string | undefined;
-    message?: string | undefined;
 }> & import("vue").VueConstructor<import("vue").default> & (new (...args: any[]) => import("@vue/composition-api/dist/vue-composition-api.js").ComponentRenderProxy<{
     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;
-    top: string | number;
+    minHeight: string | number;
+    minWidth: string | number;
+    showClose: boolean;
+    lockScroll: boolean;
     fullscreen: boolean;
     isFormReset: boolean;
-    lockScroll: boolean;
-    showClose: boolean;
-    duration: string | number;
-    minHeight: string | number;
-    minWidth: string | number;
+    marginSize: string | number;
     escClosable: boolean;
     animat: boolean;
     lockView: boolean;
-    marginSize: string | number;
+    status: string;
 } & {
-    width?: string | number | undefined;
-    height?: string | number | undefined;
+    title?: string | undefined;
     tiny_mode?: string | undefined;
-    options?: unknown[] | undefined;
-    id?: string | undefined;
-    title?: string | undefined;
     tiny_template?: unknown;
@@ -162,39 +158,39 @@ tiny_renderless?: Function | undefined;
     tiny_chart_theme?: Record<string, any> | undefined;
+    width?: string | number | undefined;
+    height?: string | number | undefined;
+    id?: string | undefined;
     description?: string | undefined;
+    zIndex?: string | number | undefined;
+    options?: unknown[] | undefined;
     events?: Record<string, any> | undefined;
     beforeClose?: Function | undefined;
-    zIndex?: string | number | undefined;
+    message?: string | undefined;
     vSize?: string | undefined;
     confirmContent?: string | undefined;
     cancelContent?: string | undefined;
-    message?: string | undefined;
 }, import("@vue/composition-api/dist/vue-composition-api.js").ShallowUnwrapRef<import("@vue/composition-api/dist/vue-composition-api.js").Data>, import("@vue/composition-api/dist/vue-composition-api.js").Data, {}, {}, {
     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;
-    top: string | number;
+    minHeight: string | number;
+    minWidth: string | number;
+    showClose: boolean;
+    lockScroll: boolean;
     fullscreen: boolean;
     isFormReset: boolean;
-    lockScroll: boolean;
-    showClose: boolean;
-    duration: string | number;
-    minHeight: string | number;
-    minWidth: string | number;
+    marginSize: string | number;
     escClosable: boolean;
     animat: boolean;
     lockView: boolean;
-    marginSize: string | number;
+    status: string;
 } & {
-    width?: string | number | undefined;
-    height?: string | number | undefined;
+    title?: string | undefined;
     tiny_mode?: string | undefined;
-    options?: unknown[] | undefined;
-    id?: string | undefined;
-    title?: string | undefined;
     tiny_template?: unknown;
@@ -204,25 +200,29 @@ tiny_renderless?: Function | undefined;
     tiny_chart_theme?: Record<string, any> | undefined;
+    width?: string | number | undefined;
+    height?: string | number | undefined;
+    id?: string | undefined;
     description?: string | undefined;
+    zIndex?: string | number | undefined;
+    options?: unknown[] | undefined;
     events?: Record<string, any> | undefined;
     beforeClose?: Function | undefined;
-    zIndex?: string | number | undefined;
+    message?: string | undefined;
     vSize?: string | undefined;
     confirmContent?: string | undefined;
     cancelContent?: string | undefined;
-    message?: string | undefined;
 }, {
     type: string;
+    top: string | number;
+    mask: boolean;
     showHeader: boolean;
-    mask: boolean;
-    status: string;
-    top: string | number;
-    isFormReset: boolean;
-    showClose: boolean;
     duration: string | number;
     minHeight: string | number;
     minWidth: string | number;
+    showClose: boolean;
+    isFormReset: boolean;
+    marginSize: string | number;
     animat: boolean;
     lockView: boolean;
-    marginSize: string | number;
+    status: string;
 }, true>);
-export default _sfc_main;
+export default _default;

src/mobile.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<import("@vue/composition-api/dist/vue-composition-api.js").Data> & import("@vue/composition-api/dist/vue-composition-api.js").Data, {}, {}, Readonly<{
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api/dist/vue-composition-api.js").ShallowUnwrapRef<import("@vue/composition-api/dist/vue-composition-api.js").Data> & import("@vue/composition-api/dist/vue-composition-api.js").Data, {}, {}, Readonly<{
     [x: string]: any;
@@ -12,2 +12,2 @@ }>, {
 }, 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<import("@vue/composition-api/dist/vue-composition-api.js").Data> & import("@vue/composition-api/dist/vue-composition-api.js").Data, {}, {}, Readonly<{
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api/dist/vue-composition-api.js").ShallowUnwrapRef<import("@vue/composition-api/dist/vue-composition-api.js").Data> & import("@vue/composition-api/dist/vue-composition-api.js").Data, {}, {}, Readonly<{
     [x: string]: any;
@@ -12,2 +12,2 @@ }>, {
 }, true>);
-export default _sfc_main;
+export default _default;

Fixed 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

55511

increased by5.84%

Number of package files

12

increased by9.09%

Lines of code

1633

increased by4.75%

Number of medium supply chain risk alerts

0

decreased by-100%

Is type module

Yes

Dependency changes

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

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

• + Added@opentiny/vue-icon@2.10.1(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-button@2.9.0(transitive)

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

• - Removed@opentiny/vue-icon@2.9.1(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-button@~2.10.0

• Updated@opentiny/vue-common@~2.10.0

• Updated@opentiny/vue-locale@~2.10.0

• Updated@opentiny/vue-renderless@~3.10.0