@opentiny/vue-drawer 3.14.0 → 3.15.0

package/lib/index.js

@@ -12,7 +12,7 @@ function _extends() {
   };
   return _extends.apply(this, arguments);
 }
-import { $prefix, $setup, $props } from "@opentiny/vue-common";
+import { defineComponent, $prefix, $setup, $props } from "@opentiny/vue-common";
 import PcTemplate from "./pc.js";
 import MobileFirstTemplate from "./mobile-first.js";
 var template = function template2(mode) {
@@ -92,7 +92,7 @@ var drawerProps = _extends({}, $props, {
   beforeClose: Function,
   tipsProps: Object
 });
-var Drawer = {
+var Drawer = defineComponent({
   name: $prefix + "Drawer",
   props: drawerProps,
   setup: function setup(props, context) {
@@ -102,8 +102,8 @@ var Drawer = {
       template
     });
   }
-};
-var version = "3.14.0";
+});
+var version = "3.15.0";
 Drawer.model = {
   prop: "modelValue",
   event: "update:modelValue"

package/lib/mobile-first.js

@@ -1,13 +1,14 @@
-import { renderless, api } from "@opentiny/vue-renderless/drawer/vue";
-import { props, setup as _setup } from "@opentiny/vue-common";
-import { IconClose } from "@opentiny/vue-icon";
-import Button from "@opentiny/vue-button";
-import { resolveComponent, withDirectives, openBlock, createElementBlock, normalizeClass, createCommentVNode, createElementVNode, normalizeStyle, renderSlot, toDisplayString, createVNode, withCtx, createTextVNode, vShow } from "vue";
-function _createForOfIteratorHelperLoose_tiny(o, allowArrayLike) {
+import { renderless, api } from '@opentiny/vue-renderless/drawer/vue';
+import { defineComponent, props, setup } from '@opentiny/vue-common';
+import { IconClose } from '@opentiny/vue-icon';
+import Button from '@opentiny/vue-button';
+import { resolveComponent, withDirectives, openBlock, createElementBlock, normalizeClass, createCommentVNode, createElementVNode, normalizeStyle, renderSlot, toDisplayString, createVNode, withCtx, createTextVNode, vShow } from 'vue';
+
+function _createForOfIteratorHelperLoose(o, allowArrayLike) {
   var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
   if (it)
     return (it = it.call(o)).next.bind(it);
-  if (Array.isArray(o) || (it = _unsupportedIterableToArray_tiny(o)) || allowArrayLike && o && typeof o.length === "number") {
+  if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
     if (it)
       o = it;
     var i = 0;
@@ -19,20 +20,20 @@ function _createForOfIteratorHelperLoose_tiny(o, allowArrayLike) {
   }
   throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _unsupportedIterableToArray_tiny(o, minLen) {
+function _unsupportedIterableToArray(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _arrayLikeToArray_tiny(o, minLen);
+    return _arrayLikeToArray(o, minLen);
   var n = Object.prototype.toString.call(o).slice(8, -1);
   if (n === "Object" && o.constructor)
     n = o.constructor.name;
   if (n === "Map" || n === "Set")
     return Array.from(o);
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-    return _arrayLikeToArray_tiny(o, minLen);
+    return _arrayLikeToArray(o, minLen);
 }
-function _arrayLikeToArray_tiny(arr, len) {
+function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++)
@@ -41,28 +42,28 @@ function _arrayLikeToArray_tiny(arr, len) {
 }
 var _export_sfc = function _export_sfc2(sfc, props) {
   var target = sfc.__vccOpts || sfc;
-  for (var _iterator = _createForOfIteratorHelperLoose_tiny(props), _step; !(_step = _iterator()).done; ) {
+  for (var _iterator = _createForOfIteratorHelperLoose(props), _step; !(_step = _iterator()).done; ) {
     var _step$value = _step.value, key = _step$value[0], val = _step$value[1];
     target[key] = val;
   }
   return target;
 };
 
-var _sfc_main = {
+var _sfc_main = defineComponent({
   components: {
     TinyButton: Button,
     IconClose: IconClose()
   },
   props: [].concat(props, ["visible", "title", "showHeader", "showFooter", "customClass", "placement", "width", "mask", "dragable", "maskClosable", "lockScroll", "flex", "beforeClose"]),
-  setup: function setup(props2, context) {
-    return _setup({
+  setup: function setup$1(props2, context) {
+    return setup({
       props: props2,
       context,
       renderless,
       api
     });
   }
-};
+});
 var _hoisted_1 = {
   "data-tag": "tiny-drawer",
   class: "text-sm"
@@ -98,7 +99,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return withDirectives((openBlock(), createElementBlock(
     "div",
     _hoisted_1,
-    [$props.mask ? (openBlock(), createElementBlock(
+    [_ctx.mask ? (openBlock(), createElementBlock(
       "div",
       {
         key: 0,
@@ -121,45 +122,45 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         class: normalizeClass(_ctx.m("fixed w-full max-w-full flex flex-col bg-color-bg-1 z-50 shadow-sm border-color-border-separator", {
           "transition-all ease-linear duration-200": !_ctx.state.dragEvent.isDrag
         }, {
-          "h-full": ["left", "right"].includes($props.placement)
+          "h-full": ["left", "right"].includes(_ctx.placement)
         }, {
-          "max-h-full": ["top", "bottom"].includes($props.placement)
+          "max-h-full": ["top", "bottom"].includes(_ctx.placement)
         }, {
-          "left-0 bottom-0 translate-y-full border-t-0.5 rounded-t-lg": $props.placement === "bottom"
+          "left-0 bottom-0 translate-y-full border-t-0.5 rounded-t-lg": _ctx.placement === "bottom"
         }, {
-          "left-0 top-0 -translate-y-full border-b-0.5 rounded-b-lg": $props.placement === "top"
+          "left-0 top-0 -translate-y-full border-b-0.5 rounded-b-lg": _ctx.placement === "top"
         }, {
-          "translate-y-0": ["top", "bottom"].includes($props.placement) && _ctx.state.toggle
+          "translate-y-0": ["top", "bottom"].includes(_ctx.placement) && _ctx.state.toggle
         }, {
-          "left-0 top-0 -translate-x-full border-r-0.5 rounded-r-lg": $props.placement === "left"
+          "left-0 top-0 -translate-x-full border-r-0.5 rounded-r-lg": _ctx.placement === "left"
         }, {
-          "right-0 top-0 translate-x-full border-l-0.5 rounded-l-lg": $props.placement === "right"
+          "right-0 top-0 translate-x-full border-l-0.5 rounded-l-lg": _ctx.placement === "right"
         }, {
-          "translate-x-0": ["left", "right"].includes($props.placement) && _ctx.state.toggle
-        }, $props.customClass)),
+          "translate-x-0": ["left", "right"].includes(_ctx.placement) && _ctx.state.toggle
+        }, _ctx.customClass)),
         style: normalizeStyle({
-          width: ["left", "right"].includes($props.placement) ? _ctx.state.computedWidth : null
+          width: ["left", "right"].includes(_ctx.placement) ? _ctx.state.computedWidth : null
         })
       },
-      [$props.dragable ? (openBlock(), createElementBlock(
+      [_ctx.dragable ? (openBlock(), createElementBlock(
         "div",
         {
           key: 0,
           "data-tag": "drawer-drag-bar",
           ref: "dragBar",
-          class: normalizeClass(["h-full absolute top-0 w-2 cursor-e-resize", $props.placement === "left" ? "-right-1" : "-left-1"])
+          class: normalizeClass(["h-full absolute top-0 w-2 cursor-e-resize", _ctx.placement === "left" ? "-right-1" : "-left-1"])
         },
         null,
         2
         /* CLASS */
-      )) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_2, [$props.showHeader ? (openBlock(), createElementBlock(
+      )) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_2, [_ctx.showHeader ? (openBlock(), createElementBlock(
         "div",
         _hoisted_3,
         [renderSlot(_ctx.$slots, "header", {}, function() {
-          return [$props.title ? (openBlock(), createElementBlock(
+          return [_ctx.title ? (openBlock(), createElementBlock(
             "div",
             _hoisted_4,
-            toDisplayString($props.title),
+            toDisplayString(_ctx.title),
             1
             /* TEXT */
           )) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_5, [renderSlot(_ctx.$slots, "header-right", {}, function() {
@@ -179,13 +180,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           "data-tag": "drawer-body",
           ref: "body",
           class: normalizeClass(["flex-auto overflow-auto", {
-            "flex flex-col": $props.flex
+            "flex flex-col": _ctx.flex
           }])
         },
         [renderSlot(_ctx.$slots, "default")],
         2
         /* CLASS */
-      ), $props.showFooter ? (openBlock(), createElementBlock(
+      ), _ctx.showFooter ? (openBlock(), createElementBlock(
         "div",
         _hoisted_6,
         [createElementVNode("div", _hoisted_7, [renderSlot(_ctx.$slots, "footer", {}, function() {
@@ -231,9 +232,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     )],
     512
     /* NEED_PATCH */
-  )), [[vShow, $props.visible]]);
+  )), [[vShow, _ctx.visible]]);
 }
 var mobileFirst = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export {
-  mobileFirst as default
-};
+
+export { mobileFirst as default };

package/lib/pc.js

@@ -1,15 +1,16 @@
-import { renderless, api } from "@opentiny/vue-renderless/drawer/vue";
-import { props, setup as _setup } from "@opentiny/vue-common";
-import "@opentiny/vue-theme/drawer/index.css";
-import { iconClose, iconHelpCircle } from "@opentiny/vue-icon";
-import Button from "@opentiny/vue-button";
-import Tooltip from "@opentiny/vue-tooltip";
-import { resolveComponent, openBlock, createElementBlock, createVNode, Transition, withCtx, normalizeClass, normalizeStyle, createCommentVNode, withDirectives, createElementVNode, renderSlot, toDisplayString, createBlock, normalizeProps, mergeProps, createTextVNode, vShow } from "vue";
-function _createForOfIteratorHelperLoose_tiny(o, allowArrayLike) {
+import { renderless, api } from '@opentiny/vue-renderless/drawer/vue';
+import { defineComponent, props, setup } from '@opentiny/vue-common';
+import '@opentiny/vue-theme/drawer/index.css';
+import { iconClose, iconHelpCircle } from '@opentiny/vue-icon';
+import Button from '@opentiny/vue-button';
+import Tooltip from '@opentiny/vue-tooltip';
+import { resolveComponent, openBlock, createElementBlock, createVNode, Transition, withCtx, normalizeClass, normalizeStyle, createCommentVNode, withDirectives, createElementVNode, renderSlot, toDisplayString, createBlock, normalizeProps, mergeProps, createTextVNode, vShow } from 'vue';
+
+function _createForOfIteratorHelperLoose(o, allowArrayLike) {
   var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
   if (it)
     return (it = it.call(o)).next.bind(it);
-  if (Array.isArray(o) || (it = _unsupportedIterableToArray_tiny(o)) || allowArrayLike && o && typeof o.length === "number") {
+  if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
     if (it)
       o = it;
     var i = 0;
@@ -21,20 +22,20 @@ function _createForOfIteratorHelperLoose_tiny(o, allowArrayLike) {
   }
   throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _unsupportedIterableToArray_tiny(o, minLen) {
+function _unsupportedIterableToArray(o, minLen) {
   if (!o)
     return;
   if (typeof o === "string")
-    return _arrayLikeToArray_tiny(o, minLen);
+    return _arrayLikeToArray(o, minLen);
   var n = Object.prototype.toString.call(o).slice(8, -1);
   if (n === "Object" && o.constructor)
     n = o.constructor.name;
   if (n === "Map" || n === "Set")
     return Array.from(o);
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-    return _arrayLikeToArray_tiny(o, minLen);
+    return _arrayLikeToArray(o, minLen);
 }
-function _arrayLikeToArray_tiny(arr, len) {
+function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length)
     len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++)
@@ -43,14 +44,14 @@ function _arrayLikeToArray_tiny(arr, len) {
 }
 var _export_sfc = function _export_sfc2(sfc, props) {
   var target = sfc.__vccOpts || sfc;
-  for (var _iterator = _createForOfIteratorHelperLoose_tiny(props), _step; !(_step = _iterator()).done; ) {
+  for (var _iterator = _createForOfIteratorHelperLoose(props), _step; !(_step = _iterator()).done; ) {
     var _step$value = _step.value, key = _step$value[0], val = _step$value[1];
     target[key] = val;
   }
   return target;
 };
 
-var _sfc_main = {
+var _sfc_main = defineComponent({
   components: {
     TinyButton: Button,
     TinyTooltip: Tooltip,
@@ -58,15 +59,15 @@ var _sfc_main = {
     IconHelpCircle: iconHelpCircle()
   },
   props: [].concat(props, ["visible", "title", "showHeader", "showFooter", "customClass", "placement", "width", "mask", "dragable", "maskClosable", "lockScroll", "flex", "showClose", "zIndex", "beforeClose", "tipsProps"]),
-  setup: function setup(props2, context) {
-    return _setup({
+  setup: function setup$1(props2, context) {
+    return setup({
       props: props2,
       context,
       renderless,
       api
     });
   }
-};
+});
 var _hoisted_1 = {
   "data-tag": "tiny-drawer",
   class: "tiny-drawer"
@@ -114,7 +115,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     name: "drawer-fade"
   }, {
     default: withCtx(function() {
-      return [$props.mask && $props.visible ? (openBlock(), createElementBlock(
+      return [_ctx.mask && _ctx.visible ? (openBlock(), createElementBlock(
         "div",
         {
           key: 0,
@@ -123,7 +124,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             "show-bg-color": _ctx.state.toggle
           }]),
           style: normalizeStyle({
-            zIndex: $props.zIndex
+            zIndex: _ctx.zIndex
           }),
           onClick: _cache[0] || (_cache[0] = function($event) {
             return _ctx.handleClose("mask");
@@ -137,7 +138,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
     /* STABLE */
   }), createVNode(Transition, {
-    name: "drawer-slide-" + $props.placement,
+    name: "drawer-slide-" + _ctx.placement,
     persisted: ""
   }, {
     default: withCtx(function() {
@@ -147,39 +148,39 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           "data-tag": "tiny-drawer-main",
           ref: "drawerBox",
           class: normalizeClass(["tiny-drawer__main", {
-            "is-left": $props.placement === "left",
-            "is-right": $props.placement === "right",
-            "is-top": $props.placement === "top",
-            "is-bottom": $props.placement === "bottom",
+            "is-left": _ctx.placement === "left",
+            "is-right": _ctx.placement === "right",
+            "is-top": _ctx.placement === "top",
+            "is-bottom": _ctx.placement === "bottom",
             "drag-effects": !_ctx.state.dragEvent.isDrag,
             "toggle": _ctx.state.toggle
-          }, "tiny-drawer-main", $props.customClass]),
+          }, "tiny-drawer-main", _ctx.customClass]),
           style: normalizeStyle({
-            width: ["left", "right"].includes($props.placement) ? _ctx.state.computedWidth : null,
-            zIndex: $props.zIndex
+            width: ["left", "right"].includes(_ctx.placement) ? _ctx.state.computedWidth : null,
+            zIndex: _ctx.zIndex
           })
         },
-        [$props.dragable ? (openBlock(), createElementBlock(
+        [_ctx.dragable ? (openBlock(), createElementBlock(
           "div",
           _hoisted_2,
           null,
           512
           /* NEED_PATCH */
-        )) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_3, [$props.showHeader ? (openBlock(), createElementBlock(
+        )) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_3, [_ctx.showHeader ? (openBlock(), createElementBlock(
           "div",
           _hoisted_4,
           [renderSlot(_ctx.$slots, "header", {}, function() {
-            return [createElementVNode("div", _hoisted_5, [createElementVNode("div", _hoisted_6, [$props.title ? (openBlock(), createElementBlock(
+            return [createElementVNode("div", _hoisted_5, [createElementVNode("div", _hoisted_6, [_ctx.title ? (openBlock(), createElementBlock(
               "div",
               _hoisted_7,
-              toDisplayString($props.title),
+              toDisplayString(_ctx.title),
               1
               /* TEXT */
-            )) : createCommentVNode("v-if", true), $props.tipsProps ? (openBlock(), createBlock(
+            )) : createCommentVNode("v-if", true), _ctx.tipsProps ? (openBlock(), createBlock(
               _component_tiny_tooltip,
               normalizeProps(mergeProps({
                 key: 1
-              }, $props.tipsProps)),
+              }, _ctx.tipsProps)),
               {
                 default: withCtx(function() {
                   return [createVNode(_component_icon_help_circle, {
@@ -192,7 +193,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               16
               /* FULL_PROPS */
             )) : createCommentVNode("v-if", true)]), createElementVNode("div", _hoisted_8, [renderSlot(_ctx.$slots, "header-right")])])];
-          }), $props.showClose ? (openBlock(), createElementBlock("button", {
+          }), _ctx.showClose ? (openBlock(), createElementBlock("button", {
             key: 0,
             type: "button",
             class: "tiny-drawer__headerbtn",
@@ -211,13 +212,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             "data-tag": "drawer-body",
             ref: "body",
             class: normalizeClass(["tiny-drawer__body", {
-              "flex flex-col": $props.flex
+              "flex flex-col": _ctx.flex
             }, "drawer-body"])
           },
           [renderSlot(_ctx.$slots, "default")],
           2
           /* CLASS */
-        ), $props.showFooter ? (openBlock(), createElementBlock(
+        ), _ctx.showFooter ? (openBlock(), createElementBlock(
           "div",
           _hoisted_9,
           [renderSlot(_ctx.$slots, "footer", {}, function() {
@@ -264,13 +265,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         )) : createCommentVNode("v-if", true)])],
         6
         /* CLASS, STYLE */
-      ), [[vShow, $props.visible]])];
+      ), [[vShow, _ctx.visible]])];
     }),
     _: 3
     /* FORWARDED */
   }, 8, ["name"])]);
 }
 var pc = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export {
-  pc as default
-};
+
+export { pc as default };

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "@opentiny/vue-drawer",
-  "version": "3.14.0",
+  "version": "3.15.0",
   "description": "",
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "sideEffects": false,
   "type": "module",
   "dependencies": {
-    "@opentiny/vue-button": "~3.14.0",
-    "@opentiny/vue-tooltip": "~3.14.0",
-    "@opentiny/vue-common": "~3.14.0",
-    "@opentiny/vue-renderless": "~3.14.0",
-    "@opentiny/vue-icon": "~3.14.0",
-    "@opentiny/vue-theme": "~3.14.0"
+    "@opentiny/vue-button": "~3.15.0",
+    "@opentiny/vue-tooltip": "~3.15.0",
+    "@opentiny/vue-common": "~3.15.0",
+    "@opentiny/vue-renderless": "~3.15.0",
+    "@opentiny/vue-icon": "~3.15.0",
+    "@opentiny/vue-theme": "~3.15.0"
   },
   "license": "MIT",
   "types": "index.d.ts"

package/src/index.d.ts

@@ -10,7 +10,7 @@ export declare const drawerProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    customClass: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+    customClass: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
     placement: {
         type: StringConstructor;
         default: string;
@@ -61,73 +61,145 @@ export declare const drawerProps: {
     tiny_theme: StringConstructor;
     tiny_chart_theme: ObjectConstructor;
 };
-declare const _default: {
-    name: string;
-    props: {
-        _constants: {
-            type: ObjectConstructor;
-            default: () => {
-                SCROLL_LOCK_CLASS(mode: string): string;
-                DEFAULT_WIDTH: string;
-            };
-        };
-        visible: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        customClass: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-        placement: {
-            type: StringConstructor;
-            default: string;
-        };
-        width: {
-            type: StringConstructor;
-        };
-        title: StringConstructor;
-        showClose: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        showHeader: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        showFooter: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        mask: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        maskClosable: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        dragable: BooleanConstructor;
-        lockScroll: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        flex: {
-            type: BooleanConstructor;
-            default: boolean;
+declare const _default: import("@vue/runtime-core").DefineComponent<{
+    _constants: {
+        type: ObjectConstructor;
+        default: () => {
+            SCROLL_LOCK_CLASS(mode: string): string;
+            DEFAULT_WIDTH: string;
         };
-        zIndex: {
-            type: NumberConstructor;
-            default: number;
+    };
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    customClass: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+    placement: {
+        type: StringConstructor;
+        default: string;
+    };
+    width: {
+        type: StringConstructor;
+    };
+    title: StringConstructor;
+    showClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showHeader: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showFooter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    mask: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maskClosable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dragable: BooleanConstructor;
+    lockScroll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    flex: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    beforeClose: FunctionConstructor;
+    tipsProps: ObjectConstructor;
+    tiny_mode: StringConstructor;
+    tiny_mode_root: BooleanConstructor;
+    tiny_template: (ObjectConstructor | FunctionConstructor)[];
+    tiny_renderless: FunctionConstructor;
+    tiny_theme: StringConstructor;
+    tiny_chart_theme: ObjectConstructor;
+}, () => import("@vue/runtime-core").VNode<import("@vue/runtime-core").RendererNode, import("@vue/runtime-core").RendererElement, {
+    [key: string]: any;
+}>, 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: {
+        type: ObjectConstructor;
+        default: () => {
+            SCROLL_LOCK_CLASS(mode: string): string;
+            DEFAULT_WIDTH: string;
         };
-        beforeClose: FunctionConstructor;
-        tipsProps: ObjectConstructor;
-        tiny_mode: StringConstructor;
-        tiny_mode_root: BooleanConstructor;
-        tiny_template: (ObjectConstructor | FunctionConstructor)[];
-        tiny_renderless: FunctionConstructor;
-        tiny_theme: StringConstructor;
-        tiny_chart_theme: ObjectConstructor;
-    };
-    setup(props: any, context: any): () => import("@vue/runtime-core").VNode<import("@vue/runtime-core").RendererNode, import("@vue/runtime-core").RendererElement, {
-        [key: string]: any;
-    }>;
-};
+    };
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    customClass: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+    placement: {
+        type: StringConstructor;
+        default: string;
+    };
+    width: {
+        type: StringConstructor;
+    };
+    title: StringConstructor;
+    showClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showHeader: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showFooter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    mask: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maskClosable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dragable: BooleanConstructor;
+    lockScroll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    flex: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    beforeClose: FunctionConstructor;
+    tipsProps: ObjectConstructor;
+    tiny_mode: StringConstructor;
+    tiny_mode_root: BooleanConstructor;
+    tiny_template: (ObjectConstructor | FunctionConstructor)[];
+    tiny_renderless: FunctionConstructor;
+    tiny_theme: StringConstructor;
+    tiny_chart_theme: ObjectConstructor;
+}>>, {
+    tiny_mode_root: boolean;
+    _constants: Record<string, any>;
+    placement: string;
+    zIndex: number;
+    visible: boolean;
+    mask: boolean;
+    showClose: boolean;
+    showHeader: boolean;
+    showFooter: boolean;
+    maskClosable: boolean;
+    dragable: boolean;
+    lockScroll: boolean;
+    flex: boolean;
+}, {}>;
 export default _default;

package/src/mobile-first.vue.d.ts

@@ -9,16 +9,16 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     tiny_chart_theme?: any;
     width?: any;
     placement?: any;
-    mask?: any;
     visible?: any;
+    mask?: any;
     customClass?: any;
     showHeader?: any;
     showFooter?: any;
     maskClosable?: any;
+    dragable?: any;
     lockScroll?: any;
     flex?: any;
     beforeClose?: any;
-    dragable?: any;
 }>, {
     t: (this: any, path: any, options?: any) => any;
     vm: any;
@@ -38,16 +38,16 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     tiny_chart_theme?: any;
     width?: any;
     placement?: any;
-    mask?: any;
     visible?: any;
+    mask?: any;
     customClass?: any;
     showHeader?: any;
     showFooter?: any;
     maskClosable?: any;
+    dragable?: any;
     lockScroll?: any;
     flex?: any;
     beforeClose?: any;
-    dragable?: any;
 }>>>, {
     readonly title?: any;
     readonly tiny_mode?: any;
@@ -59,15 +59,15 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     readonly tiny_chart_theme?: any;
     readonly width?: any;
     readonly placement?: any;
-    readonly mask?: any;
     readonly visible?: any;
+    readonly mask?: any;
     readonly customClass?: any;
     readonly showHeader?: any;
     readonly showFooter?: any;
     readonly maskClosable?: any;
+    readonly dragable?: any;
     readonly lockScroll?: any;
     readonly flex?: any;
     readonly beforeClose?: any;
-    readonly dragable?: any;
 }, {}>;
 export default _default;

package/src/pc.vue.d.ts

@@ -10,17 +10,17 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     width?: any;
     placement?: any;
     zIndex?: any;
-    mask?: any;
     visible?: any;
+    mask?: any;
     customClass?: any;
+    showClose?: any;
     showHeader?: any;
     showFooter?: any;
-    showClose?: any;
     maskClosable?: any;
+    dragable?: any;
     lockScroll?: any;
     flex?: any;
     beforeClose?: any;
-    dragable?: any;
     tipsProps?: any;
 }>, {
     t: (this: any, path: any, options?: any) => any;
@@ -42,17 +42,17 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     width?: any;
     placement?: any;
     zIndex?: any;
-    mask?: any;
     visible?: any;
+    mask?: any;
     customClass?: any;
+    showClose?: any;
     showHeader?: any;
     showFooter?: any;
-    showClose?: any;
     maskClosable?: any;
+    dragable?: any;
     lockScroll?: any;
     flex?: any;
     beforeClose?: any;
-    dragable?: any;
     tipsProps?: any;
 }>>>, {
     readonly title?: any;
@@ -66,17 +66,17 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     readonly width?: any;
     readonly placement?: any;
     readonly zIndex?: any;
-    readonly mask?: any;
     readonly visible?: any;
+    readonly mask?: any;
     readonly customClass?: any;
+    readonly showClose?: any;
     readonly showHeader?: any;
     readonly showFooter?: any;
-    readonly showClose?: any;
     readonly maskClosable?: any;
+    readonly dragable?: any;
     readonly lockScroll?: any;
     readonly flex?: any;
     readonly beforeClose?: any;
-    readonly dragable?: any;
     readonly tipsProps?: any;
 }, {}>;
 export default _default;