vxe-pc-ui 3.17.27 → 3.17.29

package/lib/color-picker/style/style.css

@@ -1,3 +1,40 @@
+.vxe-color-picker,
+.vxe-color-picker--readonly,
+.vxe-color-picker--panel {
+  --vxe-ui-color-picker-current-font-size: var(--vxe-ui-font-size-default);
+  --vxe-ui-color-picker-current-height: var(--vxe-ui-input-height-default);
+}
+.vxe-color-picker.size--xlarge,
+.vxe-color-picker--readonly.size--xlarge,
+.vxe-color-picker--panel.size--xlarge {
+  --vxe-ui-color-picker-current-font-size: var(--vxe-ui-font-size-xlarge);
+  --vxe-ui-color-picker-current-height: var(--vxe-ui-input-height-xlarge);
+}
+.vxe-color-picker.size--large,
+.vxe-color-picker--readonly.size--large,
+.vxe-color-picker--panel.size--large {
+  --vxe-ui-color-picker-current-font-size: var(--vxe-ui-font-size-large);
+  --vxe-ui-color-picker-current-height: var(--vxe-ui-input-height-large);
+}
+.vxe-color-picker.size--medium,
+.vxe-color-picker--readonly.size--medium,
+.vxe-color-picker--panel.size--medium {
+  --vxe-ui-color-picker-current-font-size: var(--vxe-ui-font-size-medium);
+  --vxe-ui-color-picker-current-height: var(--vxe-ui-input-height-medium);
+}
+.vxe-color-picker.size--small,
+.vxe-color-picker--readonly.size--small,
+.vxe-color-picker--panel.size--small {
+  --vxe-ui-color-picker-current-font-size: var(--vxe-ui-font-size-small);
+  --vxe-ui-color-picker-current-height: var(--vxe-ui-input-height-small);
+}
+.vxe-color-picker.size--mini,
+.vxe-color-picker--readonly.size--mini,
+.vxe-color-picker--panel.size--mini {
+  --vxe-ui-color-picker-current-font-size: var(--vxe-ui-font-size-mini);
+  --vxe-ui-color-picker-current-height: var(--vxe-ui-input-height-mini);
+}
+
 .vxe-color-picker.is--selected .vxe-color-picker--inner-color {
   color: #fff;
 }
@@ -18,8 +55,10 @@
 
 .vxe-color-picker--inner,
 .vxe-color-picker--preview-btn,
-.vxe-color-picker--bar-alpha-slider {
-  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAWElEQVRIiWM8fubkfwYygKWJOSM5+mCAhRLNoxaPWjxq8ajFoxbTyeL/DAfJ0Xjs3Cl7Siwmu4Yht1aDgZEYx6MWj1o8avGoxaMWD3qLya5X//4nqx6HAQC7RBGFzolqTAAAAABJRU5ErkJggg==);
+.vxe-color-picker--bar-alpha-slider,
+.vxe-color-picker--readonly-color.is--empty {
+  background-color: #ffffff;
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAWElEQVRIiWM8fubkfwYygKWJOSM5+mCAhRLNoxaPWjxq8ajFoxbTyeL/DAfJ0Xjs3Cl7Siwmu4Yht1aDgZEYx6MWj1o8avGoxaMWD3qLya5X//4nqx6HAQC7RBGFzolqTAAAAABJRU5ErkJggg==);
 }
 
 .vxe-color-picker--inner,
@@ -444,42 +483,12 @@
 
 .vxe-color-picker,
 .vxe-color-picker--readonly {
-  height: var(--vxe-ui-input-height-default);
-  line-height: var(--vxe-ui-input-height-default);
-}
-.vxe-color-picker.size--medium,
-.vxe-color-picker--readonly.size--medium {
-  height: var(--vxe-ui-input-height-medium);
-  line-height: var(--vxe-ui-input-height-medium);
-}
-.vxe-color-picker.size--small,
-.vxe-color-picker--readonly.size--small {
-  height: var(--vxe-ui-input-height-small);
-  line-height: var(--vxe-ui-input-height-small);
-}
-.vxe-color-picker.size--mini,
-.vxe-color-picker--readonly.size--mini {
-  height: var(--vxe-ui-input-height-mini);
-  line-height: var(--vxe-ui-input-height-mini);
+  height: var(--vxe-ui-color-picker-current-height);
+  line-height: var(--vxe-ui-color-picker-current-height);
 }
 
 .vxe-color-picker,
 .vxe-color-picker--readonly,
 .vxe-color-picker--panel {
-  font-size: var(--vxe-ui-font-size-default);
-}
-.vxe-color-picker.size--medium,
-.vxe-color-picker--readonly.size--medium,
-.vxe-color-picker--panel.size--medium {
-  font-size: var(--vxe-ui-font-size-medium);
-}
-.vxe-color-picker.size--small,
-.vxe-color-picker--readonly.size--small,
-.vxe-color-picker--panel.size--small {
-  font-size: var(--vxe-ui-font-size-small);
-}
-.vxe-color-picker.size--mini,
-.vxe-color-picker--readonly.size--mini,
-.vxe-color-picker--panel.size--mini {
-  font-size: var(--vxe-ui-font-size-mini);
+  font-size: var(--vxe-ui-color-picker-current-font-size);
 }

package/lib/color-picker/style/style.min.css

@@ -1 +1 @@
-.vxe-color-picker.is--selected .vxe-color-picker--inner-color{color:#fff}.vxe-color-picker.is--active{border-color:var(--vxe-ui-font-primary-color)}.vxe-color-picker,.vxe-color-picker--readonly{position:relative;display:inline-block;width:2.4em;padding:.25em;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-layout-background-color)}.vxe-color-picker--bar-alpha-slider,.vxe-color-picker--inner,.vxe-color-picker--preview-btn{background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAWElEQVRIiWM8fubkfwYygKWJOSM5+mCAhRLNoxaPWjxq8ajFoxbTyeL/DAfJ0Xjs3Cl7Siwmu4Yht1aDgZEYx6MWj1o8avGoxaMWD3qLya5X//4nqx6HAQC7RBGFzolqTAAAAABJRU5ErkJggg==)}.vxe-color-picker--inner,.vxe-color-picker--readonly-color{width:100%;height:100%;background-size:1em 1em;border-radius:var(--vxe-ui-base-border-radius)}.vxe-color-picker--readonly-color{border:1px solid var(--vxe-ui-input-border-color)}.vxe-color-picker--inner{cursor:pointer}.vxe-color-picker--input{position:absolute;z-index:-1;width:1px;height:1px;outline:0;border:0}.vxe-color-picker--inner-color{width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-color-picker--panel-wrapper{position:relative;width:23.4em;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);box-shadow:var(--vxe-ui-base-popup-box-shadow);background-color:var(--vxe-ui-layout-background-color)}.vxe-color-picker--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-color-picker--panel:not(.is--transfer){min-width:100%}.vxe-color-picker--panel.is--transfer{position:fixed}.vxe-color-picker--panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden}.vxe-color-picker--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-color-picker--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-color-picker--panel.ani--enter>div::after{display:none}.vxe-color-picker--panel>div::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-color-picker--color-wrapper{position:relative;height:160px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-color-picker--black-bg,.vxe-color-picker--color-bg,.vxe-color-picker--white-bg{position:absolute;top:0;left:0;width:100%;height:100%}.vxe-color-picker--white-bg{background:linear-gradient(to right,#fff,rgba(255,255,255,0))}.vxe-color-picker--black-bg{background:linear-gradient(to top,#000,rgba(255,255,255,0))}.vxe-color-picker--color-active{position:absolute;left:0;top:0;width:.8em;height:.8em;border-radius:50%;border:1px solid #fff;background-color:transparent;box-shadow:0 0 4px 1px rgba(0,0,0,.3);transform:translate(-.4em,-.4em);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-color-picker--quick-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;overflow-x:hidden;overflow-y:auto;max-height:9.2em}.vxe-color-picker--quick-item{width:1.5em;height:1.5em;margin:.4em;border:1px solid var(--vxe-ui-base-popup-border-color);border-radius:var(--vxe-ui-base-border-radius);cursor:pointer;transition:transform .1s ease-in-out}.vxe-color-picker--quick-item:hover{transform:scale(1.2);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-color-picker--quick-item:active{transform:scale(.8)}.vxe-color-picker--bar-wrapper{margin-top:.4em}.vxe-color-picker--slider-wrapper{display:flex;flex-direction:row}.vxe-color-picker--color-dropper,.vxe-color-picker--slider-preview{padding-left:.8em}.vxe-color-picker--color-dropper{display:flex;flex-direction:row;justify-content:center;align-items:center;padding-left:.8em;font-size:1.2em;cursor:pointer;transition:transform .1s ease-in-out}.vxe-color-picker--color-dropper:hover{color:var(--vxe-ui-font-primary-color)}.vxe-color-picker--color-dropper:active{transform:scale(.8)}.vxe-color-picker--slider-preview{display:flex;flex-direction:row;flex-shrink:0;align-items:center;justify-content:center}.vxe-color-picker--preview-btn,.vxe-color-picker--preview-color{width:2.2em;height:2.2em;border-radius:50%}.vxe-color-picker--preview-btn{background-size:.8em .8em}.vxe-color-picker--preview-color{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;border:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-color-picker--preview-color:hover::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:rgba(0,0,0,.3);z-index:0}.vxe-color-picker--preview-color:hover .vxe-color-picker--preview-copy-btn{display:block;z-index:1}.vxe-color-picker--preview-color:active .vxe-color-picker--preview-copy-btn{font-size:.8em}.vxe-color-picker--preview-copy-btn{display:none;color:#fff;cursor:pointer}.vxe-color-picker--slider-handle{display:flex;flex-direction:column;justify-content:center;flex-grow:1;padding:0 .8em}.vxe-color-picker--bar-alpha-slider,.vxe-color-picker--bar-hue-slider{position:relative;height:1em;width:100%;margin:.4em 0;cursor:pointer}.vxe-color-picker--bar-alpha-bg,.vxe-color-picker--bar-alpha-slider,.vxe-color-picker--bar-hue-slider{border-radius:var(--vxe-ui-base-border-radius)}.vxe-color-picker--bar-hue-slider{background:linear-gradient(to left,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.vxe-color-picker--bar-alpha-btn,.vxe-color-picker--bar-hue-btn{position:absolute;left:0;top:-4px;width:.6em;height:calc(100% + 8px);border-radius:.2em;background-color:#fff;border:1px solid var(--vxe-ui-base-popup-border-color);transform:translateX(-.3em);cursor:grab;box-shadow:0 0 8px 0 rgba(0,0,0,.3);transition:transform .1s ease-in-out}.vxe-color-picker--bar-alpha-btn:hover,.vxe-color-picker--bar-hue-btn:hover{transform:translateX(-.3em) scale(1.1)}.vxe-color-picker--bar-alpha-btn:active,.vxe-color-picker--bar-hue-btn:active{transform:translateX(-.3em) scale(1.2);cursor:grabbing}.vxe-color-picker--bar-alpha-slider{background-size:1em 1em}.vxe-color-picker--bar-alpha-slider .vxe-color-picker--bar-alpha-bg{position:absolute;top:0;left:0;width:100%;height:100%}.vxe-color-picker--custom-wrapper{display:flex;flex-direction:row;padding:0 .8em}.vxe-color-picker--type-switch{position:relative;flex-shrink:0;margin-top:.4em}.vxe-color-picker--type-icon{padding:.25em;color:var(--vxe-ui-input-placeholder-color)}.vxe-color-picker--type-icon i{display:inline-block;transition:transform .2s ease-in-out}.vxe-color-picker--type-label{padding-left:.25em;line-height:2em;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-color-picker--type-popup{position:absolute;display:none;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);box-shadow:var(--vxe-ui-base-popup-box-shadow);background-color:var(--vxe-ui-layout-background-color);padding:.25em 1em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-color-picker--type-popup.is--visible{display:block}.vxe-color-picker--type-item{line-height:1.6em;cursor:pointer}.vxe-color-picker--type-item:hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-color-picker--hex-wrapper,.vxe-color-picker--rgb-wrapper{flex-grow:1;text-align:center;margin-top:.4em}.vxe-color-picker--input-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:right}.vxe-color-picker--input-title{display:flex;flex-direction:row;align-items:center;justify-content:center;line-height:1.4em;color:var(--vxe-ui-input-placeholder-color)}.vxe-color-picker--hex-wrapper{display:flex;flex-direction:column}.vxe-color-picker--hex-wrapper .vxe-color-picker--input-wrapper>.vxe-input{width:98%}.vxe-color-picker--rgb-wrapper{display:flex;flex-direction:column;overflow:hidden}.vxe-color-picker--rgb-wrapper .vxe-color-picker--input-wrapper>.vxe-number-input{width:23%;margin-left:2%}.vxe-color-picker--rgb-wrapper .vxe-color-picker--input-wrapper>.vxe-number-input .vxe-number-input--input{padding:0 0 0 .15em}.vxe-color-picker--rgb-wrapper .vxe-color-picker--input-title>span{display:block;width:50px;margin:0 .4em}.vxe-color-picker--footer-wrapper{text-align:right;margin-top:.4em;padding:0 .4em .4em .4em}.vxe-color-picker,.vxe-color-picker--readonly{height:var(--vxe-ui-input-height-default);line-height:var(--vxe-ui-input-height-default)}.vxe-color-picker--readonly.size--medium,.vxe-color-picker.size--medium{height:var(--vxe-ui-input-height-medium);line-height:var(--vxe-ui-input-height-medium)}.vxe-color-picker--readonly.size--small,.vxe-color-picker.size--small{height:var(--vxe-ui-input-height-small);line-height:var(--vxe-ui-input-height-small)}.vxe-color-picker--readonly.size--mini,.vxe-color-picker.size--mini{height:var(--vxe-ui-input-height-mini);line-height:var(--vxe-ui-input-height-mini)}.vxe-color-picker,.vxe-color-picker--panel,.vxe-color-picker--readonly{font-size:var(--vxe-ui-font-size-default)}.vxe-color-picker--panel.size--medium,.vxe-color-picker--readonly.size--medium,.vxe-color-picker.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-color-picker--panel.size--small,.vxe-color-picker--readonly.size--small,.vxe-color-picker.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-color-picker--panel.size--mini,.vxe-color-picker--readonly.size--mini,.vxe-color-picker.size--mini{font-size:var(--vxe-ui-font-size-mini)}
+.vxe-color-picker,.vxe-color-picker--panel,.vxe-color-picker--readonly{--vxe-ui-color-picker-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-color-picker-current-height:var(--vxe-ui-input-height-default)}.vxe-color-picker--panel.size--xlarge,.vxe-color-picker--readonly.size--xlarge,.vxe-color-picker.size--xlarge{--vxe-ui-color-picker-current-font-size:var(--vxe-ui-font-size-xlarge);--vxe-ui-color-picker-current-height:var(--vxe-ui-input-height-xlarge)}.vxe-color-picker--panel.size--large,.vxe-color-picker--readonly.size--large,.vxe-color-picker.size--large{--vxe-ui-color-picker-current-font-size:var(--vxe-ui-font-size-large);--vxe-ui-color-picker-current-height:var(--vxe-ui-input-height-large)}.vxe-color-picker--panel.size--medium,.vxe-color-picker--readonly.size--medium,.vxe-color-picker.size--medium{--vxe-ui-color-picker-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-color-picker-current-height:var(--vxe-ui-input-height-medium)}.vxe-color-picker--panel.size--small,.vxe-color-picker--readonly.size--small,.vxe-color-picker.size--small{--vxe-ui-color-picker-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-color-picker-current-height:var(--vxe-ui-input-height-small)}.vxe-color-picker--panel.size--mini,.vxe-color-picker--readonly.size--mini,.vxe-color-picker.size--mini{--vxe-ui-color-picker-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-color-picker-current-height:var(--vxe-ui-input-height-mini)}.vxe-color-picker.is--selected .vxe-color-picker--inner-color{color:#fff}.vxe-color-picker.is--active{border-color:var(--vxe-ui-font-primary-color)}.vxe-color-picker,.vxe-color-picker--readonly{position:relative;display:inline-block;width:2.4em;padding:.25em;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-layout-background-color)}.vxe-color-picker--bar-alpha-slider,.vxe-color-picker--inner,.vxe-color-picker--preview-btn,.vxe-color-picker--readonly-color.is--empty{background-color:#fff;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAWElEQVRIiWM8fubkfwYygKWJOSM5+mCAhRLNoxaPWjxq8ajFoxbTyeL/DAfJ0Xjs3Cl7Siwmu4Yht1aDgZEYx6MWj1o8avGoxaMWD3qLya5X//4nqx6HAQC7RBGFzolqTAAAAABJRU5ErkJggg==)}.vxe-color-picker--inner,.vxe-color-picker--readonly-color{width:100%;height:100%;background-size:1em 1em;border-radius:var(--vxe-ui-base-border-radius)}.vxe-color-picker--readonly-color{border:1px solid var(--vxe-ui-input-border-color)}.vxe-color-picker--inner{cursor:pointer}.vxe-color-picker--input{position:absolute;z-index:-1;width:1px;height:1px;outline:0;border:0}.vxe-color-picker--inner-color{width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-color-picker--panel-wrapper{position:relative;width:23.4em;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);box-shadow:var(--vxe-ui-base-popup-box-shadow);background-color:var(--vxe-ui-layout-background-color)}.vxe-color-picker--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-color-picker--panel:not(.is--transfer){min-width:100%}.vxe-color-picker--panel.is--transfer{position:fixed}.vxe-color-picker--panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden}.vxe-color-picker--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-color-picker--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-color-picker--panel.ani--enter>div::after{display:none}.vxe-color-picker--panel>div::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-color-picker--color-wrapper{position:relative;height:160px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-color-picker--black-bg,.vxe-color-picker--color-bg,.vxe-color-picker--white-bg{position:absolute;top:0;left:0;width:100%;height:100%}.vxe-color-picker--white-bg{background:linear-gradient(to right,#fff,rgba(255,255,255,0))}.vxe-color-picker--black-bg{background:linear-gradient(to top,#000,rgba(255,255,255,0))}.vxe-color-picker--color-active{position:absolute;left:0;top:0;width:.8em;height:.8em;border-radius:50%;border:1px solid #fff;background-color:transparent;box-shadow:0 0 4px 1px rgba(0,0,0,.3);transform:translate(-.4em,-.4em);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-color-picker--quick-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;overflow-x:hidden;overflow-y:auto;max-height:9.2em}.vxe-color-picker--quick-item{width:1.5em;height:1.5em;margin:.4em;border:1px solid var(--vxe-ui-base-popup-border-color);border-radius:var(--vxe-ui-base-border-radius);cursor:pointer;transition:transform .1s ease-in-out}.vxe-color-picker--quick-item:hover{transform:scale(1.2);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-color-picker--quick-item:active{transform:scale(.8)}.vxe-color-picker--bar-wrapper{margin-top:.4em}.vxe-color-picker--slider-wrapper{display:flex;flex-direction:row}.vxe-color-picker--color-dropper,.vxe-color-picker--slider-preview{padding-left:.8em}.vxe-color-picker--color-dropper{display:flex;flex-direction:row;justify-content:center;align-items:center;padding-left:.8em;font-size:1.2em;cursor:pointer;transition:transform .1s ease-in-out}.vxe-color-picker--color-dropper:hover{color:var(--vxe-ui-font-primary-color)}.vxe-color-picker--color-dropper:active{transform:scale(.8)}.vxe-color-picker--slider-preview{display:flex;flex-direction:row;flex-shrink:0;align-items:center;justify-content:center}.vxe-color-picker--preview-btn,.vxe-color-picker--preview-color{width:2.2em;height:2.2em;border-radius:50%}.vxe-color-picker--preview-btn{background-size:.8em .8em}.vxe-color-picker--preview-color{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;border:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-color-picker--preview-color:hover::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:rgba(0,0,0,.3);z-index:0}.vxe-color-picker--preview-color:hover .vxe-color-picker--preview-copy-btn{display:block;z-index:1}.vxe-color-picker--preview-color:active .vxe-color-picker--preview-copy-btn{font-size:.8em}.vxe-color-picker--preview-copy-btn{display:none;color:#fff;cursor:pointer}.vxe-color-picker--slider-handle{display:flex;flex-direction:column;justify-content:center;flex-grow:1;padding:0 .8em}.vxe-color-picker--bar-alpha-slider,.vxe-color-picker--bar-hue-slider{position:relative;height:1em;width:100%;margin:.4em 0;cursor:pointer}.vxe-color-picker--bar-alpha-bg,.vxe-color-picker--bar-alpha-slider,.vxe-color-picker--bar-hue-slider{border-radius:var(--vxe-ui-base-border-radius)}.vxe-color-picker--bar-hue-slider{background:linear-gradient(to left,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.vxe-color-picker--bar-alpha-btn,.vxe-color-picker--bar-hue-btn{position:absolute;left:0;top:-4px;width:.6em;height:calc(100% + 8px);border-radius:.2em;background-color:#fff;border:1px solid var(--vxe-ui-base-popup-border-color);transform:translateX(-.3em);cursor:grab;box-shadow:0 0 8px 0 rgba(0,0,0,.3);transition:transform .1s ease-in-out}.vxe-color-picker--bar-alpha-btn:hover,.vxe-color-picker--bar-hue-btn:hover{transform:translateX(-.3em) scale(1.1)}.vxe-color-picker--bar-alpha-btn:active,.vxe-color-picker--bar-hue-btn:active{transform:translateX(-.3em) scale(1.2);cursor:grabbing}.vxe-color-picker--bar-alpha-slider{background-size:1em 1em}.vxe-color-picker--bar-alpha-slider .vxe-color-picker--bar-alpha-bg{position:absolute;top:0;left:0;width:100%;height:100%}.vxe-color-picker--custom-wrapper{display:flex;flex-direction:row;padding:0 .8em}.vxe-color-picker--type-switch{position:relative;flex-shrink:0;margin-top:.4em}.vxe-color-picker--type-icon{padding:.25em;color:var(--vxe-ui-input-placeholder-color)}.vxe-color-picker--type-icon i{display:inline-block;transition:transform .2s ease-in-out}.vxe-color-picker--type-label{padding-left:.25em;line-height:2em;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-color-picker--type-popup{position:absolute;display:none;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);box-shadow:var(--vxe-ui-base-popup-box-shadow);background-color:var(--vxe-ui-layout-background-color);padding:.25em 1em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-color-picker--type-popup.is--visible{display:block}.vxe-color-picker--type-item{line-height:1.6em;cursor:pointer}.vxe-color-picker--type-item:hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-color-picker--hex-wrapper,.vxe-color-picker--rgb-wrapper{flex-grow:1;text-align:center;margin-top:.4em}.vxe-color-picker--input-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:right}.vxe-color-picker--input-title{display:flex;flex-direction:row;align-items:center;justify-content:center;line-height:1.4em;color:var(--vxe-ui-input-placeholder-color)}.vxe-color-picker--hex-wrapper{display:flex;flex-direction:column}.vxe-color-picker--hex-wrapper .vxe-color-picker--input-wrapper>.vxe-input{width:98%}.vxe-color-picker--rgb-wrapper{display:flex;flex-direction:column;overflow:hidden}.vxe-color-picker--rgb-wrapper .vxe-color-picker--input-wrapper>.vxe-number-input{width:23%;margin-left:2%}.vxe-color-picker--rgb-wrapper .vxe-color-picker--input-wrapper>.vxe-number-input .vxe-number-input--input{padding:0 0 0 .15em}.vxe-color-picker--rgb-wrapper .vxe-color-picker--input-title>span{display:block;width:50px;margin:0 .4em}.vxe-color-picker--footer-wrapper{text-align:right;margin-top:.4em;padding:0 .4em .4em .4em}.vxe-color-picker,.vxe-color-picker--readonly{height:var(--vxe-ui-color-picker-current-height);line-height:var(--vxe-ui-color-picker-current-height)}.vxe-color-picker,.vxe-color-picker--panel,.vxe-color-picker--readonly{font-size:var(--vxe-ui-color-picker-current-font-size)}

package/lib/drawer/index.js

@@ -1,22 +1,21 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.VxeDrawer = exports.DrawerController = exports.Drawer = void 0;
 var _core = require("@vxe-ui/core");
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
-var _drawer = _interopRequireWildcard(require("./src/drawer"));
+var _drawer = _interopRequireDefault(require("./src/drawer"));
+var _store = require("./src/store");
 var _dynamics = require("../dynamics");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function handleDrawer(options) {
   // 使用动态组件渲染动态弹框
   (0, _dynamics.checkDynamic)();
   return new Promise(function (resolve) {
     var opts = Object.assign({}, options);
-    if (opts.id && _drawer.allActiveDrawers.some(function (comp) {
+    if (opts.id && _store.allActiveDrawers.some(function (comp) {
       return comp.id === opts.id;
     })) {
       resolve('exist');
@@ -45,7 +44,7 @@ function handleDrawer(options) {
   });
 }
 function getDrawer(id) {
-  return _xeUtils.default.find(_drawer.allActiveDrawers, function ($drawer) {
+  return _xeUtils.default.find(_store.allActiveDrawers, function ($drawer) {
     return $drawer.id === id;
   });
 }
@@ -55,7 +54,7 @@ function getDrawer(id) {
  * 如果不传则关闭所有窗口
  */
 function closeDrawer(id) {
-  var drawers = id ? [getDrawer(id)] : _drawer.allActiveDrawers;
+  var drawers = id ? [getDrawer(id)] : _store.allActiveDrawers;
   var restPromises = [];
   drawers.forEach(function ($drawer) {
     if ($drawer) {

package/lib/drawer/index.min.js

@@ -1 +1 @@
-function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.VxeDrawer=exports.DrawerController=exports.Drawer=void 0;var _core=require("@vxe-ui/core"),_xeUtils=_interopRequireDefault(require("xe-utils")),_drawer=_interopRequireWildcard(require("./src/drawer")),_dynamics=require("../dynamics");function _interopRequireWildcard(e,r){var i,u;return"function"==typeof WeakMap&&(i=new WeakMap,u=new WeakMap),(_interopRequireWildcard=function(e,r){if(!r&&e&&e.__esModule)return e;var t,n,a={__proto__:null,default:e};if(null!==e&&("object"==_typeof(e)||"function"==typeof e)){if(t=r?u:i){if(t.has(e))return t.get(e);t.set(e,a)}for(var o in e)"default"!==o&&{}.hasOwnProperty.call(e,o)&&((n=(t=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,o))&&(n.get||n.set)?t(a,o,n):a[o]=e[o])}return a})(e,r)}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function handleDrawer(e){return(0,_dynamics.checkDynamic)(),new Promise(function(t){var n,a,r=Object.assign({},e);r.id&&_drawer.allActiveDrawers.some(function(e){return e.id===r.id})?t("exist"):(n=Object.assign({},r.events),a={key:_xeUtils.default.uniqueId(),props:Object.assign(r,{value:!0}),on:Object.assign(Object.assign({},n),{hide:function(e){var r=_dynamics.dynamicStore.modals;n.hide&&n.hide.call(this,e),_dynamics.dynamicStore.modals=r.filter(function(e){return e.key!==a.key}),t(e.type)}})},_dynamics.dynamicStore.drawers.push(a))})}function getDrawer(r){return _xeUtils.default.find(_drawer.allActiveDrawers,function(e){return e.id===r})}function closeDrawer(e){var e=e?[getDrawer(e)]:_drawer.allActiveDrawers,r=[];return e.forEach(function(e){e&&r.push(e.close())}),Promise.all(r)}function openDrawer(e){return handleDrawer(Object.assign({},e))}var DrawerController=exports.DrawerController={get:getDrawer,close:closeDrawer,open:openDrawer},VxeDrawer=exports.VxeDrawer=Object.assign(_drawer.default,{install:function(e){e.component(_drawer.default.name,_drawer.default)}}),Drawer=(_core.VxeUI.drawer=DrawerController,_dynamics.dynamicApp.use(VxeDrawer),_core.VxeUI.component(_drawer.default),exports.Drawer=VxeDrawer),_default=exports.default=VxeDrawer;
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.VxeDrawer=exports.DrawerController=exports.Drawer=void 0;var _core=require("@vxe-ui/core"),_xeUtils=_interopRequireDefault(require("xe-utils")),_drawer=_interopRequireDefault(require("./src/drawer")),_store=require("./src/store"),_dynamics=require("../dynamics");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function handleDrawer(e){return(0,_dynamics.checkDynamic)(),new Promise(function(t){var a,n,r=Object.assign({},e);r.id&&_store.allActiveDrawers.some(function(e){return e.id===r.id})?t("exist"):(a=Object.assign({},r.events),n={key:_xeUtils.default.uniqueId(),props:Object.assign(r,{value:!0}),on:Object.assign(Object.assign({},a),{hide:function(e){var r=_dynamics.dynamicStore.modals;a.hide&&a.hide.call(this,e),_dynamics.dynamicStore.modals=r.filter(function(e){return e.key!==n.key}),t(e.type)}})},_dynamics.dynamicStore.drawers.push(n))})}function getDrawer(r){return _xeUtils.default.find(_store.allActiveDrawers,function(e){return e.id===r})}function closeDrawer(e){var e=e?[getDrawer(e)]:_store.allActiveDrawers,r=[];return e.forEach(function(e){e&&r.push(e.close())}),Promise.all(r)}function openDrawer(e){return handleDrawer(Object.assign({},e))}var DrawerController=exports.DrawerController={get:getDrawer,close:closeDrawer,open:openDrawer},VxeDrawer=exports.VxeDrawer=Object.assign(_drawer.default,{install:function(e){e.component(_drawer.default.name,_drawer.default)}}),Drawer=(_core.VxeUI.drawer=DrawerController,_dynamics.dynamicApp.use(VxeDrawer),_core.VxeUI.component(_drawer.default),exports.Drawer=VxeDrawer),_default=exports.default=VxeDrawer;

package/lib/drawer/src/drawer.js

@@ -3,12 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.allActiveDrawers = void 0;
+exports.default = void 0;
 var _comp = require("../../ui/src/comp");
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 var _ui = require("../../ui");
 var _utils = require("../../ui/src/utils");
 var _dom = require("../../ui/src/dom");
+var _store = require("./store");
 var _vn = require("../../ui/src/vn");
 var _button = _interopRequireDefault(require("../../button"));
 var _loading = _interopRequireDefault(require("../../loading"));
@@ -17,7 +18,6 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var allActiveDrawers = exports.allActiveDrawers = [];
 var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defineVxeComponent)({
   name: 'VxeDrawer',
   mixins: [_ui.globalMixins.sizeMixin, _ui.globalMixins.permissionMixin],
@@ -133,14 +133,48 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       }
     },
     preload: Boolean,
-    width: [Number, String],
-    height: [Number, String],
+    width: {
+      type: [Number, String],
+      default: function _default() {
+        return (0, _ui.getConfig)().drawer.width;
+      }
+    },
+    height: {
+      type: [Number, String],
+      default: function _default() {
+        return (0, _ui.getConfig)().drawer.height;
+      }
+    },
+    minWidth: {
+      type: [Number, String],
+      default: function _default() {
+        return (0, _ui.getConfig)().drawer.minWidth;
+      }
+    },
+    minHeight: {
+      type: [Number, String],
+      default: function _default() {
+        return (0, _ui.getConfig)().drawer.minHeight;
+      }
+    },
     resize: {
       type: Boolean,
       default: function _default() {
         return (0, _ui.getConfig)().drawer.resize;
       }
     },
+    border: {
+      type: Boolean,
+      default: function _default() {
+        return (0, _ui.getConfig)().drawer.border;
+      }
+    },
+    showTitleBackground: {
+      type: Boolean,
+      default: function _default() {
+        return (0, _ui.getConfig)().drawer.showTitleBackground;
+      }
+    },
     zIndex: Number,
     transfer: {
       type: Boolean,
@@ -154,6 +188,12 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         return (0, _ui.getConfig)().drawer.appendTo;
       }
     },
+    isWithinAppendTo: {
+      type: Boolean,
+      default: function _default() {
+        return (0, _ui.getConfig)().drawer.isWithinAppendTo;
+      }
+    },
     padding: {
       type: Boolean,
       default: function _default() {
@@ -205,7 +245,8 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     };
     return {
       xID: _xeUtils.default.uniqueId(),
-      reactData: reactData
+      reactData: reactData,
+      reFlag: 0
     };
   },
   computed: Object.assign(Object.assign({}, {}), {
@@ -291,12 +332,16 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     recalculate: function recalculate() {
       var $xeDrawer = this;
       var props = $xeDrawer;
-      var width = props.width,
+      var position = props.position,
+        width = props.width,
         height = props.height;
       var boxElem = $xeDrawer.getBox();
       if (boxElem) {
-        boxElem.style.width = (0, _dom.toCssUnit)(width);
-        boxElem.style.height = (0, _dom.toCssUnit)(height);
+        if (position === 'top' || position === 'bottom') {
+          boxElem.style.height = (0, _dom.toCssUnit)(height);
+        } else {
+          boxElem.style.width = (0, _dom.toCssUnit)(width);
+        }
       }
       return $xeDrawer.$nextTick();
     },
@@ -314,8 +359,8 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     },
     removeActiveQueue: function removeActiveQueue() {
       var $xeDrawer = this;
-      if (allActiveDrawers.indexOf($xeDrawer) > -1) {
-        _xeUtils.default.remove(allActiveDrawers, function (item) {
+      if (_store.allActiveDrawers.indexOf($xeDrawer) > -1) {
+        _xeUtils.default.remove(_store.allActiveDrawers, function (item) {
           return item === $xeDrawer;
         });
       }
@@ -332,6 +377,10 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       if (visible) {
         Promise.resolve(beforeHideMethod ? beforeHideMethod(params) : null).then(function (rest) {
           if (!_xeUtils.default.isError(rest)) {
+            var el = $xeDrawer.$refs.refElem;
+            if (el) {
+              el.setAttribute('data-effect', 'y');
+            }
             reactData.contentVisible = false;
             $xeDrawer.removeActiveQueue();
             $xeDrawer.dispatchEvent('before-hide', params, null);
@@ -340,6 +389,12 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
               $xeDrawer.emitModel(false);
               $xeDrawer.dispatchEvent('hide', params, null);
             }, 200);
+            setTimeout(function () {
+              var el = $xeDrawer.$refs.refElem;
+              if (el) {
+                el.removeAttribute('data-effect');
+              }
+            }, 350);
           }
         }).catch(function (e) {
           return e;
@@ -399,7 +454,13 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         reactData.visible = true;
         reactData.contentVisible = false;
         $xeDrawer.updateZindex();
-        allActiveDrawers.push($xeDrawer);
+        _store.allActiveDrawers.push($xeDrawer);
+        $xeDrawer.$nextTick(function () {
+          var el = $xeDrawer.$refs.refElem;
+          if (el) {
+            el.setAttribute('data-effect', 'y');
+          }
+        });
         setTimeout(function () {
           $xeDrawer.recalculate();
           reactData.contentVisible = true;
@@ -420,6 +481,12 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
             $xeDrawer.dispatchEvent('show', params, null);
           });
         }, 10);
+        setTimeout(function () {
+          var el = $xeDrawer.$refs.refElem;
+          if (el) {
+            el.removeAttribute('data-effect');
+          }
+        }, 350);
       }
       return $xeDrawer.$nextTick();
     },
@@ -436,7 +503,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var $xeDrawer = this;
       var isEsc = _ui.globalEvents.hasKey(evnt, _ui.GLOBAL_EVENT_KEYS.ESCAPE);
       if (isEsc) {
-        var lastDrawer = _xeUtils.default.max(allActiveDrawers, function (item) {
+        var lastDrawer = _xeUtils.default.max(_store.allActiveDrawers, function (item) {
           return item.reactData.drawerZIndex;
         });
         // 多个时，只关掉最上层的窗口
@@ -457,27 +524,33 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var $xeDrawer = this;
       var reactData = $xeDrawer.reactData;
       var drawerZIndex = reactData.drawerZIndex;
-      if (allActiveDrawers.some(function (comp) {
+      if (_store.allActiveDrawers.some(function (comp) {
         return comp.reactData.visible && comp.reactData.drawerZIndex > drawerZIndex;
       })) {
         $xeDrawer.updateZindex();
       }
     },
     dragEvent: function dragEvent(evnt) {
-      var $xeModal = this;
-      var reactData = $xeModal.reactData;
+      var $xeDrawer = this;
+      var props = $xeDrawer;
+      var reactData = $xeDrawer.reactData;
       evnt.preventDefault();
-      var _getDomNode = (0, _dom.getDomNode)(),
-        visibleHeight = _getDomNode.visibleHeight,
-        visibleWidth = _getDomNode.visibleWidth;
+      var isWithinAppendTo = props.isWithinAppendTo;
+      var el = $xeDrawer.$refs.refElem;
+      var parentWrapperEl = (0, _dom.getPopupWrapperElement)(isWithinAppendTo ? el : document.body);
+      if (!parentWrapperEl) {
+        return;
+      }
+      var visibleWidth = parentWrapperEl.clientWidth;
+      var visibleHeight = parentWrapperEl.clientHeight;
       var marginSize = 0;
       var targetElem = evnt.target;
       var type = targetElem.getAttribute('type');
-      var minWidth = 0;
-      var minHeight = 0;
+      var minWidth = _xeUtils.default.toNumber(props.minWidth);
+      var minHeight = _xeUtils.default.toNumber(props.minHeight);
       var maxWidth = visibleWidth;
       var maxHeight = visibleHeight;
-      var boxElem = $xeModal.getBox();
+      var boxElem = $xeDrawer.getBox();
       var clientWidth = boxElem.clientWidth;
       var clientHeight = boxElem.clientHeight;
       var disX = evnt.clientX;
@@ -532,7 +605,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
             break;
         }
         boxElem.className = boxElem.className.replace(/\s?is--drag/, '') + ' is--drag';
-        $xeModal.dispatchEvent('resize', params, evnt);
+        $xeDrawer.dispatchEvent('resize', params, evnt);
         reactData.resizeFlag++;
       };
       document.onmouseup = function () {
@@ -709,7 +782,9 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var props = $xeDrawer;
       var slots = $xeDrawer.$scopedSlots;
       var reactData = $xeDrawer.reactData;
-      var _props$slots6 = props.slots,
+      var border = props.border,
+        showTitleBackground = props.showTitleBackground,
+        _props$slots6 = props.slots,
         propSlots = _props$slots6 === void 0 ? {} : _props$slots6,
         className = props.className,
         position = props.position,
@@ -719,7 +794,8 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         lockView = props.lockView,
         mask = props.mask,
         resize = props.resize,
-        destroyOnClose = props.destroyOnClose;
+        destroyOnClose = props.destroyOnClose,
+        isWithinAppendTo = props.isWithinAppendTo;
       var initialized = reactData.initialized,
         contentVisible = reactData.contentVisible,
         visible = reactData.visible;
@@ -728,7 +804,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var dragType = $xeDrawer.computeDragType;
       return h('div', {
         ref: 'refElem',
-        class: ['vxe-drawer--wrapper', "pos--".concat(position), className || '', _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--padding', padding), 'lock--scroll', lockScroll), 'lock--view', lockView), 'is--mask', mask), 'is--visible', contentVisible), 'is--active', visible), 'is--loading', loading)],
+        class: ['vxe-drawer--wrapper', "pos--".concat(position), isWithinAppendTo ? 'ctx--within' : 'ctx--free', className || '', _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--padding', padding), 'is--border', border), 'is--title-bg', showTitleBackground), 'lock--scroll', lockScroll), 'lock--view', lockView), 'is--mask', mask), 'is--visible', contentVisible), 'is--active', visible), 'is--loading', loading)],
         style: {
           zIndex: reactData.drawerZIndex
         },
@@ -763,9 +839,17 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
   watch: {
     width: function width() {
       var $xeDrawer = this;
-      $xeDrawer.recalculate();
+      $xeDrawer.reFlag++;
     },
     height: function height() {
+      var $xeDrawer = this;
+      $xeDrawer.reFlag++;
+    },
+    position: function position() {
+      var $xeDrawer = this;
+      $xeDrawer.reFlag++;
+    },
+    reFlag: function reFlag() {
       var $xeDrawer = this;
       $xeDrawer.recalculate();
     },

package/lib/drawer/src/drawer.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.allActiveDrawers=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_vn=require("../../ui/src/vn"),_button=_interopRequireDefault(require("../../button")),_loading=_interopRequireDefault(require("../../loading"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,r){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0===r)return("string"===t?String:Number)(e);r=r.call(e,t||"default");if("object"!=_typeof(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}var allActiveDrawers=exports.allActiveDrawers=[],_default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeDrawer",mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{value:Boolean,id:String,title:String,loading:{type:Boolean,default:null},className:String,position:{type:[String,Object],default:function(){return(0,_ui.getConfig)().drawer.position}},lockView:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.lockView}},lockScroll:Boolean,mask:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.mask}},maskClosable:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.maskClosable}},escClosable:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.escClosable}},cancelClosable:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.cancelClosable}},confirmClosable:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.confirmClosable}},showHeader:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.showHeader}},showFooter:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.showFooter}},showClose:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.showClose}},content:[Number,String],useHtml:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.useHtml}},showCancelButton:{type:Boolean,default:null},cancelButtonText:{type:String,default:function(){return(0,_ui.getConfig)().drawer.cancelButtonText}},showConfirmButton:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.showConfirmButton}},confirmButtonText:{type:String,default:function(){return(0,_ui.getConfig)().drawer.confirmButtonText}},destroyOnClose:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.destroyOnClose}},showTitleOverflow:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.showTitleOverflow}},preload:Boolean,width:[Number,String],height:[Number,String],resize:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.resize}},zIndex:Number,transfer:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.transfer}},appendTo:{type:[String,Function],default:function(){return(0,_ui.getConfig)().drawer.appendTo}},padding:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.padding}},size:{type:String,default:function(){return(0,_ui.getConfig)().drawer.size||(0,_ui.getConfig)().size}},beforeHideMethod:{type:Function,default:function(){return(0,_ui.getConfig)().drawer.beforeHideMethod}},slots:Object},inject:{$xeModal:{default:null},$xeParentDrawer:{from:"$xeDrawer",default:null},$xeTable:{default:null},$xeForm:{default:null}},provide:function(){return{$xeDrawer:this}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{initialized:!1,visible:!1,contentVisible:!1,drawerZIndex:0,resizeFlag:1}}},computed:Object.assign(Object.assign({},{}),{computeBtnTransfer:function(){var e=this,t=e.$xeTable,r=e.$xeModal,n=e.$xeParentDrawer,i=e.$xeForm,e=e.transfer;if(null===e){var o=(0,_ui.getConfig)().select.transfer;if(_xeUtils.default.isBoolean(o))return o;if(t||r||n||i)return!0}return e},computeDragType:function(){switch(this.position){case"top":return"sb";case"bottom":return"st";case"left":return"wr"}return"wl"}}),methods:{dispatchEvent:function(e,t,r){this.$emit(e,(0,_ui.createEvent)(r,{$drawer:this},t))},emitModel:function(e){var t=this._events;this.$emit("input",e),t&&t.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},callSlot:function(e,t,r){var n=this.$scopedSlots;return e&&(_xeUtils.default.isString(e)&&(e=n[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e.call(this,t,r)):[]},open:function(){return this.openDrawer()},close:function(){return this.closeDrawer("close")},getBox:function(){return this.$refs.refDrawerBox},recalculate:function(){var e=this.width,t=this.height,r=this.getBox();return r&&(r.style.width=(0,_dom.toCssUnit)(e),r.style.height=(0,_dom.toCssUnit)(t)),this.$nextTick()},updateZindex:function(){var e=this.reactData,t=this.zIndex,r=e.drawerZIndex;t?e.drawerZIndex=t:r<(0,_utils.getLastZIndex)()&&(e.drawerZIndex=(0,_utils.nextZIndex)())},removeActiveQueue:function(){var t=this;-1<allActiveDrawers.indexOf(t)&&_xeUtils.default.remove(allActiveDrawers,function(e){return e===t})},closeDrawer:function(e){var t=this,r=t.reactData,n=t.beforeHideMethod,i=r.visible,o={type:e};return i&&Promise.resolve(n?n(o):null).then(function(e){_xeUtils.default.isError(e)||(r.contentVisible=!1,t.removeActiveQueue(),t.dispatchEvent("before-hide",o,null),setTimeout(function(){r.visible=!1,t.emitModel(!1),t.dispatchEvent("hide",o,null)},200))}).catch(function(e){return e}),t.$nextTick()},closeEvent:function(e){var t="close";this.dispatchEvent(t,{type:t},e),this.closeDrawer(t)},confirmEvent:function(e){var t=this.confirmClosable,r="confirm";this.dispatchEvent(r,{type:r},e),t&&this.closeDrawer(r)},cancelEvent:function(e){var t=this.cancelClosable,r="cancel";this.dispatchEvent(r,{type:r},e),t&&this.closeDrawer(r)},openDrawer:function(){var r=this,e=r.reactData,n=r.showFooter,t=r.appendTo,i=e.initialized,o=e.visible,a=r.computeBtnTransfer;return i||(e.initialized=!0,a&&(i=r.$refs.refElem,(0,_dom.getPopupAppendElement)(t).appendChild(i))),o||(e.visible=!0,e.contentVisible=!1,r.updateZindex(),allActiveDrawers.push(r),setTimeout(function(){r.recalculate(),e.contentVisible=!0,r.$nextTick(function(){n&&(e=r.$refs.refConfirmBtn,t=r.$refs.refCancelBtn,e=e||t)&&e.focus();var e,t={type:""};r.emitModel(!0),r.dispatchEvent("show",t,null)})},10)),r.$nextTick()},selfClickEvent:function(e){var t=this.$refs.refElem;this.maskClosable&&e.target===t&&this.closeDrawer("mask")},handleGlobalKeydownEvent:function(e){var t,r=this;_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ESCAPE)&&(t=_xeUtils.default.max(allActiveDrawers,function(e){return e.reactData.drawerZIndex}))&&setTimeout(function(){t===r&&t.escClosable&&(r.dispatchEvent("close",{type:"exit"},e),r.closeDrawer("exit"))},10)},boxMousedownEvent:function(){var t=this.reactData.drawerZIndex;allActiveDrawers.some(function(e){return e.reactData.visible&&e.reactData.drawerZIndex>t})&&this.updateZindex()},dragEvent:function(e){var o=this,a=o.reactData,t=(e.preventDefault(),(0,_dom.getDomNode)()),l=t.visibleHeight,s=t.visibleWidth,u=e.target.getAttribute("type"),c=s,d=l,f=o.getBox(),p=f.clientWidth,v=f.clientHeight,w=e.clientX,m=e.clientY,h=f.offsetTop,g=f.offsetLeft,y={type:"resize"};document.onmousemove=function(e){var t,r,n,i;switch(e.preventDefault(),u){case"wl":n=(t=w-e.clientX)+p,0<g-t&&0<n&&(f.style.width="".concat(n<c?n:c,"px"));break;case"st":r=m-e.clientY,i=v+r,0<h-r&&0<i&&(f.style.height="".concat(i<d?i:d,"px"));break;case"wr":t=e.clientX-w,g+(n=t+p)+0<s&&0<n&&(f.style.width="".concat(n<c?n:c,"px"));break;case"sb":r=e.clientY-m,h+(i=r+v)+0<l&&0<i&&(f.style.height="".concat(i<d?i:d,"px"))}f.className=f.className.replace(/\s?is--drag/,"")+" is--drag",o.dispatchEvent("resize",y,e),a.resizeFlag++},document.onmouseup=function(){document.onmousemove=null,document.onmouseup=null,a.resizeFlag++,setTimeout(function(){f.className=f.className.replace(/\s?is--drag/,"")},50)}},renderTitles:function(e){var t=this,r=t.$scopedSlots,n=t.slots,n=void 0===n?{}:n,i=t.showClose,o=t.title,a=r.title||n.title,r=r.corner||n.corner;return[e("div",{class:"vxe-drawer--header-title"},a?t.callSlot(a,{$drawer:t},e):o?(0,_utils.getFuncText)(o):(0,_ui.getI18n)("vxe.alert.title")),e("div",{class:"vxe-drawer--header-right"},[r?e("div",{class:"vxe-drawer--corner-wrapper"},t.callSlot(r,{$drawer:t},e)):(0,_ui.renderEmptyElement)(t),i?e("div",{class:["vxe-drawer--close-btn","trigger--btn"],attrs:{title:(0,_ui.getI18n)("vxe.drawer.close")},on:{click:t.closeEvent}},[e("i",{class:(0,_ui.getIcon)().DRAWER_CLOSE})]):(0,_ui.renderEmptyElement)(t)])]},renderHeader:function(e){var t=this,r=t.$scopedSlots,n=t.slots,r=r.header||(void 0===n?{}:n).header;return t.showHeader?e("div",{class:["vxe-drawer--header",{"is--ellipsis":t.showTitleOverflow}]},r?t.callSlot(r,{$drawer:t},e):t.renderTitles(e)):(0,_ui.renderEmptyElement)(t)},renderBody:function(e){var t=this,r=t,n=t.$scopedSlots,i=r.slots,i=void 0===i?{}:i,o=r.content,a=r.useHtml,l=n.default||i.default,s=n.left||i.left,n=n.right||i.right;return e("div",{class:"vxe-drawer--body"},[s?e("div",{class:"vxe-drawer--body-left"},t.callSlot(s,{$drawer:t},e)):(0,_ui.renderEmptyElement)(t),e("div",{class:"vxe-drawer--body-default"},[a&&!l?e("div",{key:"hc",class:"vxe-drawer--content",domProps:{innerHTML:(0,_utils.getFuncText)(o)}}):e("div",{class:"vxe-drawer--content"},l?t.callSlot(l,{$drawer:t},e):(0,_utils.getFuncText)(o))]),n?e("div",{class:"vxe-drawer--body-right"},t.callSlot(n,{$drawer:t},e)):(0,_ui.renderEmptyElement)(t),e(_loading.default,{class:"vxe-drawer--loading",props:{value:r.loading}})])},renderDefaultFooter:function(e){var t=this,r=t,n=t.$scopedSlots,i=r.slots,i=void 0===i?{}:i,o=r.showConfirmButton,a=r.loading,l=n.leftfoot||i.leftfoot,n=n.rightfoot||i.rightfoot,i=[];return r.showCancelButton&&i.push(e(_button.default,{key:1,ref:"refCancelBtn",props:{content:r.cancelButtonText||(0,_ui.getI18n)("vxe.button.cancel")},on:{click:t.cancelEvent}})),o&&i.push(e(_button.default,{key:2,ref:"refConfirmBtn",props:{status:"primary",loading:a,content:r.confirmButtonText||(0,_ui.getI18n)("vxe.button.confirm")},on:{click:t.confirmEvent}})),e("div",{class:"vxe-drawer--footer-wrapper"},[e("div",{class:"vxe-drawer--footer-left"},l?t.callSlot(l,{$drawer:t},e):[]),e("div",{class:"vxe-drawer--footer-right"},n?t.callSlot(n,{$drawer:t},e):i)])},renderFooter:function(e){var t=this,r=t.$scopedSlots,n=t.slots,r=r.footer||(void 0===n?{}:n).footer;return t.showFooter?e("div",{class:"vxe-drawer--footer"},r?t.callSlot(r,{$drawer:t},e):[t.renderDefaultFooter(e)]):(0,_ui.renderEmptyElement)(t)},renderVN:function(e){var t=this,r=t.$scopedSlots,n=t.reactData,i=t.slots,o=t.className,a=t.loading,l=t.lockScroll,s=t.padding,u=t.lockView,c=t.mask,d=t.resize,f=t.destroyOnClose,p=n.initialized,v=n.contentVisible,w=n.visible,r=r.aside||(void 0===i?{}:i).aside,i=t.computeSize,m=t.computeDragType;return e("div",{ref:"refElem",class:["vxe-drawer--wrapper","pos--".concat(t.position),o||"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(i),i),"is--padding",s),"lock--scroll",l),"lock--view",u),"is--mask",c),"is--visible",v),"is--active",w),"is--loading",a)],style:{zIndex:n.drawerZIndex},on:{click:t.selfClickEvent}},p?[e("div",{ref:"refDrawerBox",class:"vxe-drawer--box",on:{mousedown:t.boxMousedownEvent}},[r?e("div",{class:"vxe-drawer--aside"},t.callSlot(r,{$drawer:t},e)):(0,_ui.renderEmptyElement)(t),e("div",{class:"vxe-drawer--container"},!n.initialized||f&&!n.visible?[]:[t.renderHeader(e),t.renderBody(e),t.renderFooter(e),d?e("span",{class:"vxe-drawer--resize"},[e("span",{class:"".concat(m,"-resize"),attrs:{type:m},on:{mousedown:t.dragEvent}})]):(0,_ui.renderEmptyElement)(t)])])]:[])}},watch:{width:function(){this.recalculate()},height:function(){this.recalculate()},value:function(e){e?this.openDrawer():this.closeDrawer("model")}},mounted:function(){var e=this,t=e;e.reactData.initialized=!!t.preload,e.$nextTick(function(){t.value&&e.openDrawer()}),t.escClosable&&_ui.globalEvents.on(e,"keydown",e.handleGlobalKeydownEvent)},beforeDestroy:function(){var e=this.$refs.refElem;e&&e.parentNode&&e.parentNode.removeChild(e),_ui.globalEvents.off(this,"keydown"),this.removeActiveQueue()},render:function(e){return this.renderVN(e)}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_store=require("./store"),_vn=require("../../ui/src/vn"),_button=_interopRequireDefault(require("../../button")),_loading=_interopRequireDefault(require("../../loading"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,r){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0===r)return("string"===t?String:Number)(e);r=r.call(e,t||"default");if("object"!=_typeof(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeDrawer",mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{value:Boolean,id:String,title:String,loading:{type:Boolean,default:null},className:String,position:{type:[String,Object],default:function(){return(0,_ui.getConfig)().drawer.position}},lockView:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.lockView}},lockScroll:Boolean,mask:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.mask}},maskClosable:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.maskClosable}},escClosable:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.escClosable}},cancelClosable:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.cancelClosable}},confirmClosable:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.confirmClosable}},showHeader:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.showHeader}},showFooter:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.showFooter}},showClose:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.showClose}},content:[Number,String],useHtml:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.useHtml}},showCancelButton:{type:Boolean,default:null},cancelButtonText:{type:String,default:function(){return(0,_ui.getConfig)().drawer.cancelButtonText}},showConfirmButton:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.showConfirmButton}},confirmButtonText:{type:String,default:function(){return(0,_ui.getConfig)().drawer.confirmButtonText}},destroyOnClose:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.destroyOnClose}},showTitleOverflow:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.showTitleOverflow}},preload:Boolean,width:{type:[Number,String],default:function(){return(0,_ui.getConfig)().drawer.width}},height:{type:[Number,String],default:function(){return(0,_ui.getConfig)().drawer.height}},minWidth:{type:[Number,String],default:function(){return(0,_ui.getConfig)().drawer.minWidth}},minHeight:{type:[Number,String],default:function(){return(0,_ui.getConfig)().drawer.minHeight}},resize:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.resize}},border:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.border}},showTitleBackground:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.showTitleBackground}},zIndex:Number,transfer:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.transfer}},appendTo:{type:[String,Function],default:function(){return(0,_ui.getConfig)().drawer.appendTo}},isWithinAppendTo:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.isWithinAppendTo}},padding:{type:Boolean,default:function(){return(0,_ui.getConfig)().drawer.padding}},size:{type:String,default:function(){return(0,_ui.getConfig)().drawer.size||(0,_ui.getConfig)().size}},beforeHideMethod:{type:Function,default:function(){return(0,_ui.getConfig)().drawer.beforeHideMethod}},slots:Object},inject:{$xeModal:{default:null},$xeParentDrawer:{from:"$xeDrawer",default:null},$xeTable:{default:null},$xeForm:{default:null}},provide:function(){return{$xeDrawer:this}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{initialized:!1,visible:!1,contentVisible:!1,drawerZIndex:0,resizeFlag:1},reFlag:0}},computed:Object.assign(Object.assign({},{}),{computeBtnTransfer:function(){var e=this,t=e.$xeTable,r=e.$xeModal,n=e.$xeParentDrawer,i=e.$xeForm,e=e.transfer;if(null===e){var o=(0,_ui.getConfig)().select.transfer;if(_xeUtils.default.isBoolean(o))return o;if(t||r||n||i)return!0}return e},computeDragType:function(){switch(this.position){case"top":return"sb";case"bottom":return"st";case"left":return"wr"}return"wl"}}),methods:{dispatchEvent:function(e,t,r){this.$emit(e,(0,_ui.createEvent)(r,{$drawer:this},t))},emitModel:function(e){var t=this._events;this.$emit("input",e),t&&t.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},callSlot:function(e,t,r){var n=this.$scopedSlots;return e&&(_xeUtils.default.isString(e)&&(e=n[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e.call(this,t,r)):[]},open:function(){return this.openDrawer()},close:function(){return this.closeDrawer("close")},getBox:function(){return this.$refs.refDrawerBox},recalculate:function(){var e=this.position,t=this.width,r=this.height,n=this.getBox();return n&&("top"===e||"bottom"===e?n.style.height=(0,_dom.toCssUnit)(r):n.style.width=(0,_dom.toCssUnit)(t)),this.$nextTick()},updateZindex:function(){var e=this.reactData,t=this.zIndex,r=e.drawerZIndex;t?e.drawerZIndex=t:r<(0,_utils.getLastZIndex)()&&(e.drawerZIndex=(0,_utils.nextZIndex)())},removeActiveQueue:function(){var t=this;-1<_store.allActiveDrawers.indexOf(t)&&_xeUtils.default.remove(_store.allActiveDrawers,function(e){return e===t})},closeDrawer:function(e){var t=this,r=t.reactData,n=t.beforeHideMethod,i=r.visible,o={type:e};return i&&Promise.resolve(n?n(o):null).then(function(e){_xeUtils.default.isError(e)||((e=t.$refs.refElem)&&e.setAttribute("data-effect","y"),r.contentVisible=!1,t.removeActiveQueue(),t.dispatchEvent("before-hide",o,null),setTimeout(function(){r.visible=!1,t.emitModel(!1),t.dispatchEvent("hide",o,null)},200),setTimeout(function(){var e=t.$refs.refElem;e&&e.removeAttribute("data-effect")},350))}).catch(function(e){return e}),t.$nextTick()},closeEvent:function(e){var t="close";this.dispatchEvent(t,{type:t},e),this.closeDrawer(t)},confirmEvent:function(e){var t=this.confirmClosable,r="confirm";this.dispatchEvent(r,{type:r},e),t&&this.closeDrawer(r)},cancelEvent:function(e){var t=this.cancelClosable,r="cancel";this.dispatchEvent(r,{type:r},e),t&&this.closeDrawer(r)},openDrawer:function(){var r=this,e=r.reactData,n=r.showFooter,t=r.appendTo,i=e.initialized,o=e.visible,a=r.computeBtnTransfer;return i||(e.initialized=!0,a&&(i=r.$refs.refElem,(0,_dom.getPopupAppendElement)(t).appendChild(i))),o||(e.visible=!0,e.contentVisible=!1,r.updateZindex(),_store.allActiveDrawers.push(r),r.$nextTick(function(){var e=r.$refs.refElem;e&&e.setAttribute("data-effect","y")}),setTimeout(function(){r.recalculate(),e.contentVisible=!0,r.$nextTick(function(){n&&(e=r.$refs.refConfirmBtn,t=r.$refs.refCancelBtn,e=e||t)&&e.focus();var e,t={type:""};r.emitModel(!0),r.dispatchEvent("show",t,null)})},10),setTimeout(function(){var e=r.$refs.refElem;e&&e.removeAttribute("data-effect")},350)),r.$nextTick()},selfClickEvent:function(e){var t=this.$refs.refElem;this.maskClosable&&e.target===t&&this.closeDrawer("mask")},handleGlobalKeydownEvent:function(e){var t,r=this;_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ESCAPE)&&(t=_xeUtils.default.max(_store.allActiveDrawers,function(e){return e.reactData.drawerZIndex}))&&setTimeout(function(){t===r&&t.escClosable&&(r.dispatchEvent("close",{type:"exit"},e),r.closeDrawer("exit"))},10)},boxMousedownEvent:function(){var t=this.reactData.drawerZIndex;_store.allActiveDrawers.some(function(e){return e.reactData.visible&&e.reactData.drawerZIndex>t})&&this.updateZindex()},dragEvent:function(e){var o,a,l,s,u,d,c,f,p,v,g,m,h,w,_,y=this,t=y,x=y.reactData,r=(e.preventDefault(),t.isWithinAppendTo),n=y.$refs.refElem,r=(0,_dom.getPopupWrapperElement)(r?n:document.body);r&&(o=r.clientWidth,a=r.clientHeight,l=e.target.getAttribute("type"),s=_xeUtils.default.toNumber(t.minWidth),u=_xeUtils.default.toNumber(t.minHeight),d=o,c=a,f=y.getBox(),p=f.clientWidth,v=f.clientHeight,g=e.clientX,m=e.clientY,h=f.offsetTop,w=f.offsetLeft,_={type:"resize"},document.onmousemove=function(e){var t,r,n,i;switch(e.preventDefault(),l){case"wl":n=(t=g-e.clientX)+p,0<w-t&&s<n&&(f.style.width="".concat(n<d?n:d,"px"));break;case"st":r=m-e.clientY,i=v+r,0<h-r&&u<i&&(f.style.height="".concat(i<c?i:c,"px"));break;case"wr":t=e.clientX-g,w+(n=t+p)+0<o&&s<n&&(f.style.width="".concat(n<d?n:d,"px"));break;case"sb":r=e.clientY-m,h+(i=r+v)+0<a&&u<i&&(f.style.height="".concat(i<c?i:c,"px"))}f.className=f.className.replace(/\s?is--drag/,"")+" is--drag",y.dispatchEvent("resize",_,e),x.resizeFlag++},document.onmouseup=function(){document.onmousemove=null,document.onmouseup=null,x.resizeFlag++,setTimeout(function(){f.className=f.className.replace(/\s?is--drag/,"")},50)})},renderTitles:function(e){var t=this,r=t.$scopedSlots,n=t.slots,n=void 0===n?{}:n,i=t.showClose,o=t.title,a=r.title||n.title,r=r.corner||n.corner;return[e("div",{class:"vxe-drawer--header-title"},a?t.callSlot(a,{$drawer:t},e):o?(0,_utils.getFuncText)(o):(0,_ui.getI18n)("vxe.alert.title")),e("div",{class:"vxe-drawer--header-right"},[r?e("div",{class:"vxe-drawer--corner-wrapper"},t.callSlot(r,{$drawer:t},e)):(0,_ui.renderEmptyElement)(t),i?e("div",{class:["vxe-drawer--close-btn","trigger--btn"],attrs:{title:(0,_ui.getI18n)("vxe.drawer.close")},on:{click:t.closeEvent}},[e("i",{class:(0,_ui.getIcon)().DRAWER_CLOSE})]):(0,_ui.renderEmptyElement)(t)])]},renderHeader:function(e){var t=this,r=t.$scopedSlots,n=t.slots,r=r.header||(void 0===n?{}:n).header;return t.showHeader?e("div",{class:["vxe-drawer--header",{"is--ellipsis":t.showTitleOverflow}]},r?t.callSlot(r,{$drawer:t},e):t.renderTitles(e)):(0,_ui.renderEmptyElement)(t)},renderBody:function(e){var t=this,r=t,n=t.$scopedSlots,i=r.slots,i=void 0===i?{}:i,o=r.content,a=r.useHtml,l=n.default||i.default,s=n.left||i.left,n=n.right||i.right;return e("div",{class:"vxe-drawer--body"},[s?e("div",{class:"vxe-drawer--body-left"},t.callSlot(s,{$drawer:t},e)):(0,_ui.renderEmptyElement)(t),e("div",{class:"vxe-drawer--body-default"},[a&&!l?e("div",{key:"hc",class:"vxe-drawer--content",domProps:{innerHTML:(0,_utils.getFuncText)(o)}}):e("div",{class:"vxe-drawer--content"},l?t.callSlot(l,{$drawer:t},e):(0,_utils.getFuncText)(o))]),n?e("div",{class:"vxe-drawer--body-right"},t.callSlot(n,{$drawer:t},e)):(0,_ui.renderEmptyElement)(t),e(_loading.default,{class:"vxe-drawer--loading",props:{value:r.loading}})])},renderDefaultFooter:function(e){var t=this,r=t,n=t.$scopedSlots,i=r.slots,i=void 0===i?{}:i,o=r.showConfirmButton,a=r.loading,l=n.leftfoot||i.leftfoot,n=n.rightfoot||i.rightfoot,i=[];return r.showCancelButton&&i.push(e(_button.default,{key:1,ref:"refCancelBtn",props:{content:r.cancelButtonText||(0,_ui.getI18n)("vxe.button.cancel")},on:{click:t.cancelEvent}})),o&&i.push(e(_button.default,{key:2,ref:"refConfirmBtn",props:{status:"primary",loading:a,content:r.confirmButtonText||(0,_ui.getI18n)("vxe.button.confirm")},on:{click:t.confirmEvent}})),e("div",{class:"vxe-drawer--footer-wrapper"},[e("div",{class:"vxe-drawer--footer-left"},l?t.callSlot(l,{$drawer:t},e):[]),e("div",{class:"vxe-drawer--footer-right"},n?t.callSlot(n,{$drawer:t},e):i)])},renderFooter:function(e){var t=this,r=t.$scopedSlots,n=t.slots,r=r.footer||(void 0===n?{}:n).footer;return t.showFooter?e("div",{class:"vxe-drawer--footer"},r?t.callSlot(r,{$drawer:t},e):[t.renderDefaultFooter(e)]):(0,_ui.renderEmptyElement)(t)},renderVN:function(e){var t=this,r=t.$scopedSlots,n=t.reactData,i=t.border,o=t.showTitleBackground,a=t.slots,l=t.className,s=t.loading,u=t.lockScroll,d=t.padding,c=t.lockView,f=t.mask,p=t.resize,v=t.destroyOnClose,g=t.isWithinAppendTo,m=n.initialized,h=n.contentVisible,w=n.visible,r=r.aside||(void 0===a?{}:a).aside,a=t.computeSize,_=t.computeDragType;return e("div",{ref:"refElem",class:["vxe-drawer--wrapper","pos--".concat(t.position),g?"ctx--within":"ctx--free",l||"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(a),a),"is--padding",d),"is--border",i),"is--title-bg",o),"lock--scroll",u),"lock--view",c),"is--mask",f),"is--visible",h),"is--active",w),"is--loading",s)],style:{zIndex:n.drawerZIndex},on:{click:t.selfClickEvent}},m?[e("div",{ref:"refDrawerBox",class:"vxe-drawer--box",on:{mousedown:t.boxMousedownEvent}},[r?e("div",{class:"vxe-drawer--aside"},t.callSlot(r,{$drawer:t},e)):(0,_ui.renderEmptyElement)(t),e("div",{class:"vxe-drawer--container"},!n.initialized||v&&!n.visible?[]:[t.renderHeader(e),t.renderBody(e),t.renderFooter(e),p?e("span",{class:"vxe-drawer--resize"},[e("span",{class:"".concat(_,"-resize"),attrs:{type:_},on:{mousedown:t.dragEvent}})]):(0,_ui.renderEmptyElement)(t)])])]:[])}},watch:{width:function(){this.reFlag++},height:function(){this.reFlag++},position:function(){this.reFlag++},reFlag:function(){this.recalculate()},value:function(e){e?this.openDrawer():this.closeDrawer("model")}},mounted:function(){var e=this,t=e;e.reactData.initialized=!!t.preload,e.$nextTick(function(){t.value&&e.openDrawer()}),t.escClosable&&_ui.globalEvents.on(e,"keydown",e.handleGlobalKeydownEvent)},beforeDestroy:function(){var e=this.$refs.refElem;e&&e.parentNode&&e.parentNode.removeChild(e),_ui.globalEvents.off(this,"keydown"),this.removeActiveQueue()},render:function(e){return this.renderVN(e)}});

package/lib/drawer/src/store.js

@@ -0,0 +1,7 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.allActiveDrawers = void 0;
+var allActiveDrawers = exports.allActiveDrawers = [];

package/lib/drawer/src/store.min.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.allActiveDrawers=void 0;var allActiveDrawers=exports.allActiveDrawers=[];