@v2coding/ui 0.1.30 → 0.1.31

package/dist/v2coding-ui.ssr.js

@@ -8343,7 +8343,11 @@ var script$f = {
       type: Boolean,
       default: false
     },
-    beforeClose: Function
+    beforeClose: Function,
+    destroyOnClose: {
+      type: Boolean,
+      default: true
+    }
   },
   data: function data() {
     return {
@@ -8355,7 +8359,8 @@ var script$f = {
       dragWidth: this.width,
       wrapperWidth: this.width,
       wrapperLeft: 0,
-      minWidth: 256
+      minWidth: 256,
+      key: 0
     };
   },
   computed: {
@@ -8473,14 +8478,24 @@ var script$f = {
   },
   watch: {
     value: function value(val) {
+      var _this2 = this;
+
       this.visible = val;
+
+      if (!val) {
+        if (this.destroyOnClose) {
+          this.$nextTick(function () {
+            _this2.key++;
+          });
+        }
+      }
     },
     visible: function visible(val) {
-      var _this2 = this;
+      var _this3 = this;
 
       if (val === false) {
         this.timer = setTimeout(function () {
-          _this2.wrapShow = false;
+          _this3.wrapShow = false;
         }, 300);
       } else {
         if (this.timer) clearTimeout(this.timer);
@@ -8544,6 +8559,7 @@ var __vue_render__$e = function __vue_render__() {
       value: _vm.visible,
       expression: "visible"
     }],
+    key: _vm.key,
     class: _vm.classes,
     style: _vm.mainStyles
   }, [_c('div', {
@@ -8589,7 +8605,7 @@ var __vue_staticRenderFns__$e = [];
 
 var __vue_inject_styles__$f = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-0c67e85e_0", {
+  inject("data-v-74205198_0", {
     source: ".ui-drawer{width:auto;height:100%;position:fixed;top:0}.ui-drawer-inner{position:absolute}.ui-drawer-left{left:0}.ui-drawer-right{right:0}.ui-drawer-hidden{display:none!important}.ui-drawer-wrap{position:fixed;overflow:auto;top:0;right:0;bottom:0;left:0;z-index:1000;-webkit-overflow-scrolling:touch;outline:0}.ui-drawer-wrap-inner{position:absolute;overflow:hidden}.ui-drawer-wrap-dragging{user-select:none}.ui-drawer-wrap *{-webkit-tap-highlight-color:transparent}.ui-drawer-mask{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(55,55,55,.6);height:100%;z-index:1000}.ui-drawer-mask-hidden{display:none}.ui-drawer-mask-inner{position:absolute}.ui-drawer-content{width:100%;height:100%;position:absolute;top:0;bottom:0;background-color:#fff;border:0;background-clip:padding-box;box-shadow:0 4px 12px rgba(0,0,0,.15)}.ui-drawer-content-no-mask{pointer-events:auto}.ui-drawer-header{border-bottom:1px solid #e8eaec;padding:14px 16px;line-height:1}.ui-drawer-header p,.ui-drawer-header-inner{display:inline-block;width:100%;height:20px;line-height:20px;font-size:16px;color:#17233d;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-drawer-close{z-index:1;font-size:12px;position:absolute;right:15px;top:15px;overflow:hidden;cursor:pointer}.ui-drawer-close .el-icon-close{font-size:20px;color:#999;transition:color .2s ease;position:relative;top:1px}.ui-drawer-close .el-icon-close:hover{color:#444}.ui-drawer-body{width:100%;height:calc(100% - 51px);padding:16px;font-size:14px;line-height:1.5;word-wrap:break-word;position:absolute;overflow:auto;box-sizing:border-box}.ui-drawer-no-header .ui-drawer-body{height:100%}.ui-drawer-no-mask{pointer-events:none}.ui-drawer-no-mask .ui-drawer-drag{pointer-events:auto}.ui-drawer-drag{top:0;height:100%;width:0;position:absolute}.ui-drawer-drag-left{right:0}.ui-drawer-drag-move-trigger{width:8px;height:100px;line-height:100px;position:absolute;top:50%;background:#f3f3f3;transform:translate(-50%,-50%);border-radius:4px/6px;box-shadow:0 0 1px 1px rgba(0,0,0,.2);cursor:col-resize}.ui-drawer-drag-move-trigger-point{display:inline-block;width:50%;transform:translateX(50%)}.ui-drawer-drag-move-trigger-point i{display:block;border-bottom:1px solid silver;padding-bottom:2px}.fade-appear,.fade-enter-active{animation-duration:.15s;animation-fill-mode:both;animation-play-state:paused}.fade-leave-active{animation-duration:.15s;animation-fill-mode:both;animation-play-state:paused}.fade-appear,.fade-enter-active{animation-name:uiFadeInIn;animation-play-state:running}.fade-leave-active{animation-name:uiFadeInOut;animation-play-state:running}.fade-appear,.fade-enter-active{opacity:0;animation-timing-function:linear}.fade-leave-active{animation-timing-function:linear}@keyframes uiFadeIn{0%{opacity:0}100%{opacity:1}}@keyframes ivuFadeOut{0%{opacity:1}100%{opacity:0}}",
     map: undefined,
     media: undefined
@@ -8601,7 +8617,7 @@ var __vue_inject_styles__$f = function __vue_inject_styles__(inject) {
 var __vue_scope_id__$f = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$f = "data-v-0c67e85e";
+var __vue_module_identifier__$f = "data-v-74205198";
 /* functional template */
 
 var __vue_is_functional_template__$f = false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@v2coding/ui",
-  "version": "0.1.30",
+  "version": "0.1.31",
   "description": "",
 
   "main": "dist/v2coding-ui.ssr.js",