@opentiny/vue-drawer 2.9.0 → 2.11.0-alpha.0

package/lib/index.js

@@ -97,7 +97,7 @@ var Drawer = {
     });
   }
 };
-var version = "2.9.0";
+var version = "2.11.0-alpha.0";
 Drawer.model = {
   prop: "modelValue",
   event: "update:modelValue"

package/lib/pc.js

@@ -77,17 +77,15 @@ var render = function render2() {
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
   return _c("div", {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: _vm.visible,
-      expression: "visible"
-    }],
     staticClass: "tiny-drawer",
     attrs: {
       "data-tag": "tiny-drawer"
     }
-  }, [_vm.mask ? _c("div", {
+  }, [_c("transition", {
+    attrs: {
+      "name": "drawer-fade"
+    }
+  }, [_vm.mask && _vm.visible ? _c("div", {
     ref: "mask",
     class: ["tiny-drawer__mask", {
       "show-bg-color": _vm.state.toggle
@@ -100,7 +98,17 @@ var render = function render2() {
         _vm.maskClosable && _vm.close();
       }
     }
-  }) : _vm._e(), _c("div", {
+  }) : _vm._e()]), _c("transition", {
+    attrs: {
+      "name": "drawer-slideRight"
+    }
+  }, [_c("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.visible,
+      expression: "visible"
+    }],
     ref: "drawerBox",
     class: ["tiny-drawer__main", {
       "is-left": _vm.placement === "left",
@@ -179,7 +187,7 @@ var render = function render2() {
         "click": _vm.close
       }
     }, [_vm._v(_vm._s(_vm.t("ui.button.cancel")))])];
-  })], 2) : _vm._e()])])]);
+  })], 2) : _vm._e()])])])], 1);
 };
 var staticRenderFns = [];
 var __cssModules = {};

package/package.json

@@ -1,14 +1,15 @@
 {
   "name": "@opentiny/vue-drawer",
-  "version": "2.9.0",
+  "version": "2.11.0-alpha.0",
   "description": "",
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "sideEffects": false,
+  "type": "module",
   "dependencies": {
-    "@opentiny/vue-button": "~2.9.0",
-    "@opentiny/vue-common": "~2.9.0",
-    "@opentiny/vue-renderless": "~3.9.0"
+    "@opentiny/vue-button": "~2.11.0",
+    "@opentiny/vue-common": "~2.11.0",
+    "@opentiny/vue-renderless": "~3.11.0"
   },
   "license": "MIT",
   "types": "index.d.ts"

package/src/index.d.ts

@@ -11,7 +11,7 @@ declare const _default: {
             type: BooleanConstructor;
             default: boolean;
         };
-        customClass: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        customClass: (ArrayConstructor | ObjectConstructor | StringConstructor)[];
         placement: {
             type: StringConstructor;
             default: string;
@@ -61,6 +61,6 @@ declare const _default: {
         tiny_theme: StringConstructor;
         tiny_chart_theme: ObjectConstructor;
     };
-    setup(props: any, context: any): () => import("vue").VNode;
+    setup(props: any, context: any): () => any;
 };
 export default _default;

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

@@ -1,15 +1,2 @@
-declare const _sfc_main: {
-    components: undefined;
-    props: string[];
-    setup(props: any, context: any): {
-        t: (this: any, path: any, options?: any) => any;
-        vm: any;
-        f: (props: any, attrs?: {}) => {};
-        a: (attrs: any, filters: any, include: any) => {};
-        d: (props: any) => void;
-        dp: (props: any) => void;
-        gcls: (key: any) => any;
-        m: (...cssClasses: any[]) => string;
-    };
-};
-export default _sfc_main;
+declare const _default: import("vue/types/vue").ExtendedVue<import("vue").default, unknown, unknown, unknown, Record<"title" | "tiny_mode" | "tiny_mode_root" | "tiny_template" | "tiny_renderless" | "_constants" | "tiny_theme" | "tiny_chart_theme" | "width" | "mask" | "visible" | "showHeader" | "showFooter" | "customClass" | "maskClosable" | "placement" | "lockScroll" | "flex" | "dragable", any>>;
+export default _default;

package/src/pc.vue.d.ts

@@ -1,15 +1,2 @@
-declare const _sfc_main: {
-    components: undefined;
-    props: string[];
-    setup(props: any, context: any): {
-        t: (this: any, path: any, options?: any) => any;
-        vm: any;
-        f: (props: any, attrs?: {}) => {};
-        a: (attrs: any, filters: any, include: any) => {};
-        d: (props: any) => void;
-        dp: (props: any) => void;
-        gcls: (key: any) => any;
-        m: (...cssClasses: any[]) => string;
-    };
-};
-export default _sfc_main;
+declare const _default: import("vue/types/vue").ExtendedVue<import("vue").default, unknown, unknown, unknown, Record<"title" | "tiny_mode" | "tiny_mode_root" | "tiny_template" | "tiny_renderless" | "_constants" | "tiny_theme" | "tiny_chart_theme" | "width" | "mask" | "visible" | "showHeader" | "showFooter" | "customClass" | "maskClosable" | "placement" | "zIndex" | "showClose" | "lockScroll" | "flex" | "dragable", any>>;
+export default _default;