@opentiny/vue-drawer 3.10.0 → 3.11.0-alpha.2

package/lib/index.js

@@ -97,7 +97,7 @@ var Drawer = {
     });
   }
 };
-var version = "3.10.0";
+var version = "3.11.0-alpha.2";
 Drawer.model = {
   prop: "modelValue",
   event: "update:modelValue"

package/lib/mobile-first.js

@@ -3,7 +3,7 @@ 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(o, allowArrayLike) {
+function _createForOfIteratorHelperLoose_tiny(o, allowArrayLike) {
   var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
   if (it)
     return (it = it.call(o)).next.bind(it);
@@ -41,7 +41,7 @@ function _arrayLikeToArray(arr, len) {
 }
 var _export_sfc = function _export_sfc2(sfc, props) {
   var target = sfc.__vccOpts || sfc;
-  for (var _iterator = _createForOfIteratorHelperLoose(props), _step; !(_step = _iterator()).done; ) {
+  for (var _iterator = _createForOfIteratorHelperLoose_tiny(props), _step; !(_step = _iterator()).done; ) {
     var _step$value = _step.value, key = _step$value[0], val = _step$value[1];
     target[key] = val;
   }

package/lib/pc.js

@@ -3,8 +3,8 @@ import { props, setup as _setup } from "@opentiny/vue-common";
 import "@opentiny/vue-theme/drawer/index.css";
 import { IconClose } from "@opentiny/vue-icon";
 import Button from "@opentiny/vue-button";
-import { resolveComponent, withDirectives, openBlock, createElementBlock, normalizeClass, normalizeStyle, createCommentVNode, createElementVNode, renderSlot, toDisplayString, createVNode, withCtx, createTextVNode, vShow } from "vue";
-function _createForOfIteratorHelperLoose(o, allowArrayLike) {
+import { resolveComponent, openBlock, createElementBlock, createVNode, Transition, withCtx, normalizeClass, normalizeStyle, createCommentVNode, withDirectives, createElementVNode, renderSlot, toDisplayString, createTextVNode, vShow } from "vue";
+function _createForOfIteratorHelperLoose_tiny(o, allowArrayLike) {
   var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
   if (it)
     return (it = it.call(o)).next.bind(it);
@@ -42,7 +42,7 @@ function _arrayLikeToArray(arr, len) {
 }
 var _export_sfc = function _export_sfc2(sfc, props) {
   var target = sfc.__vccOpts || sfc;
-  for (var _iterator = _createForOfIteratorHelperLoose(props), _step; !(_step = _iterator()).done; ) {
+  for (var _iterator = _createForOfIteratorHelperLoose_tiny(props), _step; !(_step = _iterator()).done; ) {
     var _step$value = _step.value, key = _step$value[0], val = _step$value[1];
     target[key] = val;
   }
@@ -102,127 +102,138 @@ var _hoisted_8 = {
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_icon_close = resolveComponent("icon-close");
   var _component_tiny_button = resolveComponent("tiny-button");
-  return withDirectives((openBlock(), createElementBlock(
-    "div",
-    _hoisted_1,
-    [$props.mask ? (openBlock(), createElementBlock(
-      "div",
-      {
-        key: 0,
-        ref: "mask",
-        class: normalizeClass(["tiny-drawer__mask", {
-          "show-bg-color": _ctx.state.toggle
-        }]),
-        style: normalizeStyle({
-          zIndex: $props.zIndex
-        }),
-        onClick: _cache[0] || (_cache[0] = function($event) {
-          return $props.maskClosable && _ctx.close();
-        })
-      },
-      null,
-      6
-      /* CLASS, STYLE */
-    )) : createCommentVNode("v-if", true), createElementVNode(
-      "div",
-      {
-        "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",
-          "drag-effects": !_ctx.state.dragEvent.isDrag
-        }, $props.customClass]),
-        style: normalizeStyle({
-          width: ["left", "right"].includes($props.placement) ? _ctx.state.computedWidth : null,
-          zIndex: $props.zIndex
-        })
-      },
-      [$props.dragable ? (openBlock(), createElementBlock(
+  return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(Transition, {
+    name: "drawer-fade"
+  }, {
+    default: withCtx(function() {
+      return [$props.mask && $props.visible ? (openBlock(), createElementBlock(
         "div",
-        _hoisted_2,
-        null,
-        512
-        /* NEED_PATCH */
-      )) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_3, [$props.showHeader ? (openBlock(), createElementBlock(
-        "div",
-        _hoisted_4,
-        [renderSlot(_ctx.$slots, "header", {}, function() {
-          return [createElementVNode("div", _hoisted_5, [$props.title ? (openBlock(), createElementBlock(
-            "div",
-            _hoisted_6,
-            toDisplayString($props.title),
-            1
-            /* TEXT */
-          )) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_7, [renderSlot(_ctx.$slots, "header-right")])])];
-        }), $props.showClose ? (openBlock(), createElementBlock("button", {
+        {
           key: 0,
-          type: "button",
-          class: "tiny-drawer__headerbtn",
-          "aria-label": "Close",
-          onClick: _cache[1] || (_cache[1] = function() {
-            return _ctx.close && _ctx.close.apply(_ctx, arguments);
+          ref: "mask",
+          class: normalizeClass(["tiny-drawer__mask", {
+            "show-bg-color": _ctx.state.toggle
+          }]),
+          style: normalizeStyle({
+            zIndex: $props.zIndex
+          }),
+          onClick: _cache[0] || (_cache[0] = function($event) {
+            return $props.maskClosable && _ctx.close();
           })
-        }, [createVNode(_component_icon_close, {
-          class: "tiny-svg-size tiny-drawer__close"
-        })])) : createCommentVNode("v-if", true)],
-        512
-        /* NEED_PATCH */
-      )) : createCommentVNode("v-if", true), createElementVNode(
+        },
+        null,
+        6
+        /* CLASS, STYLE */
+      )) : createCommentVNode("v-if", true)];
+    }),
+    _: 1
+    /* STABLE */
+  }), createVNode(Transition, {
+    name: "drawer-slideRight",
+    persisted: ""
+  }, {
+    default: withCtx(function() {
+      return [withDirectives(createElementVNode(
         "div",
         {
-          "data-tag": "drawer-body",
-          ref: "body",
-          class: normalizeClass(["tiny-drawer__body", {
-            "flex flex-col": $props.flex
-          }])
+          "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",
+            "drag-effects": !_ctx.state.dragEvent.isDrag
+          }, $props.customClass]),
+          style: normalizeStyle({
+            width: ["left", "right"].includes($props.placement) ? _ctx.state.computedWidth : null,
+            zIndex: $props.zIndex
+          })
         },
-        [renderSlot(_ctx.$slots, "default")],
-        2
-        /* CLASS */
-      ), $props.showFooter ? (openBlock(), createElementBlock(
-        "div",
-        _hoisted_8,
-        [renderSlot(_ctx.$slots, "footer", {}, function() {
-          return [createVNode(_component_tiny_button, {
-            type: "primary",
-            onClick: _ctx.confirm
-          }, {
-            default: withCtx(function() {
-              return [createTextVNode(
-                toDisplayString(_ctx.t("ui.button.confirm")),
-                1
-                /* TEXT */
-              )];
-            }),
-            _: 1
-            /* STABLE */
-          }, 8, ["onClick"]), createVNode(_component_tiny_button, {
-            plain: "",
-            onClick: _ctx.close
-          }, {
-            default: withCtx(function() {
-              return [createTextVNode(
-                toDisplayString(_ctx.t("ui.button.cancel")),
-                1
-                /* TEXT */
-              )];
-            }),
-            _: 1
-            /* STABLE */
-          }, 8, ["onClick"])];
-        })],
-        512
-        /* NEED_PATCH */
-      )) : createCommentVNode("v-if", true)])],
-      6
-      /* CLASS, STYLE */
-    )],
-    512
-    /* NEED_PATCH */
-  )), [[vShow, $props.visible]]);
+        [$props.dragable ? (openBlock(), createElementBlock(
+          "div",
+          _hoisted_2,
+          null,
+          512
+          /* NEED_PATCH */
+        )) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_3, [$props.showHeader ? (openBlock(), createElementBlock(
+          "div",
+          _hoisted_4,
+          [renderSlot(_ctx.$slots, "header", {}, function() {
+            return [createElementVNode("div", _hoisted_5, [$props.title ? (openBlock(), createElementBlock(
+              "div",
+              _hoisted_6,
+              toDisplayString($props.title),
+              1
+              /* TEXT */
+            )) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_7, [renderSlot(_ctx.$slots, "header-right")])])];
+          }), $props.showClose ? (openBlock(), createElementBlock("button", {
+            key: 0,
+            type: "button",
+            class: "tiny-drawer__headerbtn",
+            "aria-label": "Close",
+            onClick: _cache[1] || (_cache[1] = function() {
+              return _ctx.close && _ctx.close.apply(_ctx, arguments);
+            })
+          }, [createVNode(_component_icon_close, {
+            class: "tiny-svg-size tiny-drawer__close"
+          })])) : createCommentVNode("v-if", true)],
+          512
+          /* NEED_PATCH */
+        )) : createCommentVNode("v-if", true), createElementVNode(
+          "div",
+          {
+            "data-tag": "drawer-body",
+            ref: "body",
+            class: normalizeClass(["tiny-drawer__body", {
+              "flex flex-col": $props.flex
+            }])
+          },
+          [renderSlot(_ctx.$slots, "default")],
+          2
+          /* CLASS */
+        ), $props.showFooter ? (openBlock(), createElementBlock(
+          "div",
+          _hoisted_8,
+          [renderSlot(_ctx.$slots, "footer", {}, function() {
+            return [createVNode(_component_tiny_button, {
+              type: "primary",
+              onClick: _ctx.confirm
+            }, {
+              default: withCtx(function() {
+                return [createTextVNode(
+                  toDisplayString(_ctx.t("ui.button.confirm")),
+                  1
+                  /* TEXT */
+                )];
+              }),
+              _: 1
+              /* STABLE */
+            }, 8, ["onClick"]), createVNode(_component_tiny_button, {
+              plain: "",
+              onClick: _ctx.close
+            }, {
+              default: withCtx(function() {
+                return [createTextVNode(
+                  toDisplayString(_ctx.t("ui.button.cancel")),
+                  1
+                  /* TEXT */
+                )];
+              }),
+              _: 1
+              /* STABLE */
+            }, 8, ["onClick"])];
+          })],
+          512
+          /* NEED_PATCH */
+        )) : createCommentVNode("v-if", true)])],
+        6
+        /* CLASS, STYLE */
+      ), [[vShow, $props.visible]])];
+    }),
+    _: 3
+    /* FORWARDED */
+  })]);
 }
 var pc = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/package.json

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

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

@@ -1,5 +1,23 @@
 declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
-    [x: string]: any;
+    title?: any;
+    tiny_mode?: any;
+    tiny_mode_root?: any;
+    tiny_template?: any;
+    tiny_renderless?: any;
+    _constants?: any;
+    tiny_theme?: any;
+    tiny_chart_theme?: any;
+    width?: any;
+    placement?: any;
+    mask?: any;
+    visible?: any;
+    customClass?: any;
+    showHeader?: any;
+    showFooter?: any;
+    maskClosable?: any;
+    flex?: any;
+    lockScroll?: any;
+    dragable?: any;
 }>, {
     t: (this: any, path: any, options?: any) => any;
     vm: any;
@@ -10,8 +28,44 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     gcls: (key: any) => any;
     m: (...cssClasses: any[]) => string;
 }, 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;
+    title?: any;
+    tiny_mode?: any;
+    tiny_mode_root?: any;
+    tiny_template?: any;
+    tiny_renderless?: any;
+    _constants?: any;
+    tiny_theme?: any;
+    tiny_chart_theme?: any;
+    width?: any;
+    placement?: any;
+    mask?: any;
+    visible?: any;
+    customClass?: any;
+    showHeader?: any;
+    showFooter?: any;
+    maskClosable?: any;
+    flex?: any;
+    lockScroll?: any;
+    dragable?: any;
 }>>>, {
-    [x: string]: any;
+    readonly title?: any;
+    readonly tiny_mode?: any;
+    readonly tiny_mode_root?: any;
+    readonly tiny_template?: any;
+    readonly tiny_renderless?: any;
+    readonly _constants?: any;
+    readonly tiny_theme?: any;
+    readonly tiny_chart_theme?: any;
+    readonly width?: any;
+    readonly placement?: any;
+    readonly mask?: any;
+    readonly visible?: any;
+    readonly customClass?: any;
+    readonly showHeader?: any;
+    readonly showFooter?: any;
+    readonly maskClosable?: any;
+    readonly flex?: any;
+    readonly lockScroll?: any;
+    readonly dragable?: any;
 }, {}>;
 export default _default;

package/src/pc.vue.d.ts

@@ -1,5 +1,25 @@
 declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
-    [x: string]: any;
+    title?: any;
+    tiny_mode?: any;
+    tiny_mode_root?: any;
+    tiny_template?: any;
+    tiny_renderless?: any;
+    _constants?: any;
+    tiny_theme?: any;
+    tiny_chart_theme?: any;
+    width?: any;
+    placement?: any;
+    zIndex?: any;
+    mask?: any;
+    visible?: any;
+    customClass?: any;
+    showHeader?: any;
+    showFooter?: any;
+    maskClosable?: any;
+    flex?: any;
+    showClose?: any;
+    lockScroll?: any;
+    dragable?: any;
 }>, {
     t: (this: any, path: any, options?: any) => any;
     vm: any;
@@ -10,8 +30,48 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     gcls: (key: any) => any;
     m: (...cssClasses: any[]) => string;
 }, 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;
+    title?: any;
+    tiny_mode?: any;
+    tiny_mode_root?: any;
+    tiny_template?: any;
+    tiny_renderless?: any;
+    _constants?: any;
+    tiny_theme?: any;
+    tiny_chart_theme?: any;
+    width?: any;
+    placement?: any;
+    zIndex?: any;
+    mask?: any;
+    visible?: any;
+    customClass?: any;
+    showHeader?: any;
+    showFooter?: any;
+    maskClosable?: any;
+    flex?: any;
+    showClose?: any;
+    lockScroll?: any;
+    dragable?: any;
 }>>>, {
-    [x: string]: any;
+    readonly title?: any;
+    readonly tiny_mode?: any;
+    readonly tiny_mode_root?: any;
+    readonly tiny_template?: any;
+    readonly tiny_renderless?: any;
+    readonly _constants?: any;
+    readonly tiny_theme?: any;
+    readonly tiny_chart_theme?: any;
+    readonly width?: any;
+    readonly placement?: any;
+    readonly zIndex?: any;
+    readonly mask?: any;
+    readonly visible?: any;
+    readonly customClass?: any;
+    readonly showHeader?: any;
+    readonly showFooter?: any;
+    readonly maskClosable?: any;
+    readonly flex?: any;
+    readonly showClose?: any;
+    readonly lockScroll?: any;
+    readonly dragable?: any;
 }, {}>;
 export default _default;