vxe-pc-ui 4.4.1 → 4.4.3

package/es/table-select/src/table-select.js

@@ -380,7 +380,7 @@ export default defineComponent({
             if (internalData.hpTimeout) {
                 clearTimeout(internalData.hpTimeout);
             }
-            internalData.hpTimeout = window.setTimeout(() => {
+            internalData.hpTimeout = setTimeout(() => {
                 reactData.isAniVisible = false;
                 internalData.hpTimeout = undefined;
             }, 350);

package/es/tree-select/src/tree-select.js

@@ -341,7 +341,7 @@ export default defineComponent({
         };
         const hideOptionPanel = () => {
             reactData.visiblePanel = false;
-            internalData.hpTimeout = window.setTimeout(() => {
+            internalData.hpTimeout = setTimeout(() => {
                 reactData.isAniVisible = false;
             }, 350);
         };

package/es/ui/index.js

@@ -1,7 +1,7 @@
 import { VxeUI, setConfig, setIcon } from '@vxe-ui/core';
 import { dynamicApp } from '../dynamics';
 import { warnLog } from './src/log';
-export const version = "4.4.1";
+export const version = "4.4.3";
 VxeUI.uiVersion = version;
 VxeUI.dynamicApp = dynamicApp;
 export function config(options) {
@@ -359,6 +359,7 @@ setIcon({
     SELECT_LOADED: iconPrefix + 'spinner roll',
     SELECT_OPEN: iconPrefix + 'caret-down rotate180',
     SELECT_CLOSE: iconPrefix + 'caret-down',
+    ADD_OPTION: iconPrefix + 'add',
     // icon-picker
     ICON_PICKER_OPEN: iconPrefix + 'caret-down rotate180',
     ICON_PICKER_CLOSE: iconPrefix + 'caret-down',

package/es/ui/src/log.js

@@ -1,4 +1,4 @@
 import { log } from '@vxe-ui/core';
-const version = `ui v${"4.4.1"}`;
+const version = `ui v${"4.4.3"}`;
 export const warnLog = log.create('warn', version);
 export const errLog = log.create('error', version);

package/es/vxe-select/style.css

@@ -117,6 +117,7 @@
 }
 
 .vxe-select-option {
+  position: relative;
   padding: 0 0.6em;
   max-width: 600px;
   white-space: nowrap;
@@ -128,6 +129,15 @@
           user-select: none;
   cursor: pointer;
 }
+.vxe-select-option.is--add {
+  padding-right: 2em;
+}
+.vxe-select-option.is--add:hover .vxe-select-option--add-icon {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-select-option.is--add .vxe-select-option--add-icon {
+  display: block;
+}
 .vxe-select-option.is--selected {
   color: var(--vxe-ui-font-primary-color);
 }
@@ -145,6 +155,13 @@
   cursor: default;
 }
 
+.vxe-select-option--add-icon {
+  display: none;
+  position: absolute;
+  top: 0;
+  right: 0.6em;
+}
+
 .vxe-select--search-icon {
   margin-right: 0.5em;
 }

package/es/vxe-select/style.min.css

@@ -1 +1 @@
-.vxe-select{position:relative;display:inline-block;width:180px;color:var(--vxe-ui-font-color);text-align:left}.vxe-select>.vxe-input .vxe-input--inner{cursor:pointer}.vxe-select.is--disabled>.vxe-input .vxe-input--inner{cursor:no-drop}.vxe-select.is--loading>.vxe-input .vxe-input--inner{cursor:progress}.vxe-select>.vxe-input{width:100%}.vxe-select>.vxe-input .vxe-input--suffix-icon>i{display:inline-block;transition:transform .2s ease-in-out}.vxe-select.is--active:not(.is--filter)>.vxe-input{border-color:var(--vxe-ui-font-primary-color)}.vxe-select--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-select-slots{display:none}.vxe-select--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-select--panel:not(.is--transfer){min-width:100%}.vxe-select--panel.is--transfer{position:fixed}.vxe-select--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-select--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-select--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-select--panel-search{display:block;padding:var(--vxe-ui-layout-padding-default)}.vxe-select--panel-search .vxe-select-search--input{width:100%}.vxe-select--panel-wrapper{position:relative;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-select--panel-header{border-bottom:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-select--panel-footer{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-select--panel-footer,.vxe-select--panel-header{padding:4px 0}.vxe-select-option--wrapper{position:relative;overflow-x:hidden;overflow-y:auto}.vxe-select--y-space{width:0;float:left}.vxe-select--body,.vxe-select-option--wrapper{padding:0;margin:0;border:0;outline:0}.vxe-select-option--wrapper{max-height:18em}.vxe-select-option{padding:0 .6em;max-width:600px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.vxe-select-option.is--selected{color:var(--vxe-ui-font-primary-color)}.vxe-select-option:not(.is--disabled).is--hover{background-color:var(--vxe-ui-base-hover-background-color)}.vxe-select-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-select-optgroup{color:var(--vxe-ui-select-title-color);font-size:12px;cursor:default}.vxe-select--search-icon{margin-right:.5em}.vxe-select--empty-placeholder,.vxe-select--search-loading{padding:0 .6em;text-align:center;color:var(--vxe-ui-select-empty-color)}.vxe-select,.vxe-select--panel{font-size:var(--vxe-ui-font-size-default)}.vxe-select--panel.size--medium,.vxe-select.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-select--panel.size--small,.vxe-select.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-select--panel.size--mini,.vxe-select.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-select--panel .vxe-select-option{height:var(--vxe-ui-select-option-height-default)}.vxe-select--panel .vxe-select--empty-placeholder,.vxe-select--panel .vxe-select--search-loading,.vxe-select--panel .vxe-select-option{line-height:var(--vxe-ui-select-option-height-default)}.vxe-select--panel.size--medium .vxe-select-option{height:var(--vxe-ui-select-option-height-medium)}.vxe-select--panel.size--medium .vxe-select--empty-placeholder,.vxe-select--panel.size--medium .vxe-select--search-loading,.vxe-select--panel.size--medium .vxe-select-option{line-height:var(--vxe-ui-select-option-height-medium)}.vxe-select--panel.size--small .vxe-select-option{height:var(--vxe-ui-select-option-height-small)}.vxe-select--panel.size--small .vxe-select--empty-placeholder,.vxe-select--panel.size--small .vxe-select--search-loading,.vxe-select--panel.size--small .vxe-select-option{line-height:var(--vxe-ui-select-option-height-small)}.vxe-select--panel.size--mini .vxe-select-option{height:var(--vxe-ui-select-option-height-mini)}.vxe-select--panel.size--mini .vxe-select--empty-placeholder,.vxe-select--panel.size--mini .vxe-select--search-loading,.vxe-select--panel.size--mini .vxe-select-option{line-height:var(--vxe-ui-select-option-height-mini)}
+.vxe-select{position:relative;display:inline-block;width:180px;color:var(--vxe-ui-font-color);text-align:left}.vxe-select>.vxe-input .vxe-input--inner{cursor:pointer}.vxe-select.is--disabled>.vxe-input .vxe-input--inner{cursor:no-drop}.vxe-select.is--loading>.vxe-input .vxe-input--inner{cursor:progress}.vxe-select>.vxe-input{width:100%}.vxe-select>.vxe-input .vxe-input--suffix-icon>i{display:inline-block;transition:transform .2s ease-in-out}.vxe-select.is--active:not(.is--filter)>.vxe-input{border-color:var(--vxe-ui-font-primary-color)}.vxe-select--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-select-slots{display:none}.vxe-select--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-select--panel:not(.is--transfer){min-width:100%}.vxe-select--panel.is--transfer{position:fixed}.vxe-select--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-select--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-select--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-select--panel-search{display:block;padding:var(--vxe-ui-layout-padding-default)}.vxe-select--panel-search .vxe-select-search--input{width:100%}.vxe-select--panel-wrapper{position:relative;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-select--panel-header{border-bottom:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-select--panel-footer{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-select--panel-footer,.vxe-select--panel-header{padding:4px 0}.vxe-select-option--wrapper{position:relative;overflow-x:hidden;overflow-y:auto}.vxe-select--y-space{width:0;float:left}.vxe-select--body,.vxe-select-option--wrapper{padding:0;margin:0;border:0;outline:0}.vxe-select-option--wrapper{max-height:18em}.vxe-select-option{position:relative;padding:0 .6em;max-width:600px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.vxe-select-option.is--add{padding-right:2em}.vxe-select-option.is--add:hover .vxe-select-option--add-icon{color:var(--vxe-ui-font-primary-color)}.vxe-select-option.is--add .vxe-select-option--add-icon{display:block}.vxe-select-option.is--selected{color:var(--vxe-ui-font-primary-color)}.vxe-select-option:not(.is--disabled).is--hover{background-color:var(--vxe-ui-base-hover-background-color)}.vxe-select-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-select-optgroup{color:var(--vxe-ui-select-title-color);font-size:12px;cursor:default}.vxe-select-option--add-icon{display:none;position:absolute;top:0;right:.6em}.vxe-select--search-icon{margin-right:.5em}.vxe-select--empty-placeholder,.vxe-select--search-loading{padding:0 .6em;text-align:center;color:var(--vxe-ui-select-empty-color)}.vxe-select,.vxe-select--panel{font-size:var(--vxe-ui-font-size-default)}.vxe-select--panel.size--medium,.vxe-select.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-select--panel.size--small,.vxe-select.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-select--panel.size--mini,.vxe-select.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-select--panel .vxe-select-option{height:var(--vxe-ui-select-option-height-default)}.vxe-select--panel .vxe-select--empty-placeholder,.vxe-select--panel .vxe-select--search-loading,.vxe-select--panel .vxe-select-option{line-height:var(--vxe-ui-select-option-height-default)}.vxe-select--panel.size--medium .vxe-select-option{height:var(--vxe-ui-select-option-height-medium)}.vxe-select--panel.size--medium .vxe-select--empty-placeholder,.vxe-select--panel.size--medium .vxe-select--search-loading,.vxe-select--panel.size--medium .vxe-select-option{line-height:var(--vxe-ui-select-option-height-medium)}.vxe-select--panel.size--small .vxe-select-option{height:var(--vxe-ui-select-option-height-small)}.vxe-select--panel.size--small .vxe-select--empty-placeholder,.vxe-select--panel.size--small .vxe-select--search-loading,.vxe-select--panel.size--small .vxe-select-option{line-height:var(--vxe-ui-select-option-height-small)}.vxe-select--panel.size--mini .vxe-select-option{height:var(--vxe-ui-select-option-height-mini)}.vxe-select--panel.size--mini .vxe-select--empty-placeholder,.vxe-select--panel.size--mini .vxe-select--search-loading,.vxe-select--panel.size--mini .vxe-select-option{line-height:var(--vxe-ui-select-option-height-mini)}

package/lib/color-picker/src/color-picker.js

@@ -13,7 +13,6 @@ var _util = require("./util");
 var _button = _interopRequireDefault(require("../../button/src/button"));
 var _input = _interopRequireDefault(require("../../input/src/input"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const WinEyeDropper = window.EyeDropper;
 var _default = exports.default = (0, _vue.defineComponent)({
   name: 'VxeColorPicker',
   props: {
@@ -81,6 +80,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
     const $xeTable = (0, _vue.inject)('$xeTable', null);
     const $xeForm = (0, _vue.inject)('$xeForm', null);
     const formItemInfo = (0, _vue.inject)('xeFormItemInfo', null);
+    const WinEyeDropper = typeof window !== 'undefined' ? window.EyeDropper : null;
     const xID = _xeUtils.default.uniqueId();
     const {
       computeSize
@@ -365,7 +365,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
     };
     const hideOptionPanel = () => {
       reactData.visiblePanel = false;
-      internalData.hpTimeout = window.setTimeout(() => {
+      internalData.hpTimeout = setTimeout(() => {
         reactData.isAniVisible = false;
       }, 350);
     };

package/lib/color-picker/src/color-picker.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_util=require("./util"),_button=_interopRequireDefault(require("../../button/src/button")),_input=_interopRequireDefault(require("../../input/src/input"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const WinEyeDropper=window.EyeDropper;var _default=exports.default=(0,_vue.defineComponent)({name:"VxeColorPicker",props:{modelValue:String,placeholder:String,clearable:{type:Boolean,default:()=>(0,_ui.getConfig)().colorPicker.clearable},type:{type:String,default:()=>(0,_ui.getConfig)().colorPicker.type},size:{type:String,default:()=>(0,_ui.getConfig)().colorPicker.size||(0,_ui.getConfig)().size},className:[String,Function],popupClassName:[String,Function],colors:{type:Array,default:()=>_xeUtils.default.clone((0,_ui.getConfig)().colorPicker.colors,!0)||[]},showAlpha:{type:Boolean,default:()=>(0,_ui.getConfig)().colorPicker.showAlpha},showEyeDropper:{type:Boolean,default:()=>(0,_ui.getConfig)().colorPicker.showEyeDropper},showColorExtractor:{type:Boolean,default:()=>(0,_ui.getConfig)().colorPicker.showColorExtractor},showQuick:{type:Boolean,default:()=>(0,_ui.getConfig)().colorPicker.showQuick},readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},clickToCopy:{type:Boolean,default:()=>(0,_ui.getConfig)().colorPicker.clickToCopy},placement:String,transfer:{type:Boolean,default:null}},emits:["update:modelValue","change","clear","click"],setup(d,e){const t=e["emit"],o=(0,_vue.inject)("$xeModal",null),i=(0,_vue.inject)("$xeDrawer",null),q=(0,_vue.inject)("$xeTable",null),a=(0,_vue.inject)("$xeForm",null),r=(0,_vue.inject)("xeFormItemInfo",null);var l=_xeUtils.default.uniqueId();const S=(0,_ui.useSize)(d)["computeSize"],_=(0,_vue.ref)(),M=(0,_vue.ref)(),h=(0,_vue.ref)(),p=(0,_vue.ref)(),m=(0,_vue.ref)(),g=(0,_vue.ref)(),x=(0,_vue.ref)(),v=(0,_vue.ref)(),f=(0,_vue.ref)(),b=(0,_vue.reactive)({initialized:!1,selectColor:""+(d.modelValue||""),panelColor:"",hexValue:"",rValue:0,gValue:0,bValue:0,aValue:0,panelIndex:0,panelStyle:{},panelPlacement:null,visiblePanel:!1,isAniVisible:!1,isActivated:!1}),u={},W=(0,_vue.computed)(()=>{var e=d["readonly"];return null===e?!!a&&a.props.readonly:e}),k=(0,_vue.computed)(()=>{var e=d["disabled"];return null===e?!!a&&a.props.disabled:e}),C=(0,_vue.computed)(()=>{var e=d["transfer"];if(null===e){var l=(0,_ui.getConfig)().colorPicker.transfer;if(_xeUtils.default.isBoolean(l))return l;if(q||o||i||a)return!0}return e}),H=(0,_vue.computed)(()=>{var e=d["colors"];return e?e.map(e=>_xeUtils.default.isString(e)?{label:e,value:e}:{label:_xeUtils.default.eqNull(e.label)?e.value:e.label,value:e.value}):[]}),y=(0,_vue.computed)(()=>{var e=d["type"];return"rgb"===e||"rgba"===e?"rgb":"hex"}),V=(0,_vue.computed)(()=>{return"rgb"===y.value}),N={refElem:_},$={},w={xID:l,props:d,context:e,reactData:b,getRefMaps:()=>N,getComputeMaps:()=>$},n=()=>{var e=d["modelValue"];b.selectColor=_xeUtils.default.toValueString(e),E()},E=()=>{var e,{selectColor:l,isAniVisible:o}=b,t=V.value,i=p.value,a=g.value,l=(0,_util.parseColor)(l);b.hexValue=l.hex,b.rValue=l.r,b.gValue=l.g,b.bValue=l.b,b.aValue=l.a,l.value&&(t?"hex"===l.type&&(t=(0,_util.hexToRgb)(l.hex))&&(b.rValue=t.r,b.gValue=t.g,b.bValue=t.b,b.aValue=t.a):"hex"!==l.type&&(b.hexValue=(0,_util.rgbToHex)(l))),o&&(t="hex"===l.type?(0,_util.hexToHsv)(l.hex):(0,_util.rgbToHsv)(l),o=v.value,t&&(o&&(e=o.clientHeight*(1-t.v),o=o.clientWidth*t.s,A(o,e)),i)&&T(_xeUtils.default.ceil((1-t.h/360)*i.clientWidth)),a)&&D(a.clientWidth*l.a)},c=()=>(0,_vue.nextTick)().then(()=>{var t=d["placement"],i=b["panelIndex"],a=_.value,r=h.value,e=C.value;if(r&&a){var u=a.offsetHeight,n=a.offsetWidth,c=r.offsetHeight,r=r.offsetWidth,i={zIndex:i},{boundingTop:a,boundingLeft:s,visibleHeight:v,visibleWidth:p}=(0,_dom.getAbsolutePos)(a);let o="bottom";if(e){let e=s,l=a+u;"top"===t?(o="top",l=a-c):t||(l+c+5>v&&(o="top",l=a-c),l<5&&(o="bottom",l=a+u)),e+r+5>p&&(e-=e+r+5-p),e<5&&(e=5),Object.assign(i,{left:e+"px",top:l+"px",minWidth:n+"px"})}else"top"===t?(o="top",i.bottom=u+"px"):t||v<a+u+c&&5<a-u-c&&(o="top",i.bottom=u+"px");return b.panelStyle=i,b.panelPlacement=o,(0,_vue.nextTick)()}}),s=()=>{var e=u["hpTimeout"];k.value||(e&&(clearTimeout(e),u.hpTimeout=void 0),b.initialized||(b.initialized=!0),b.isActivated=!0,b.isAniVisible=!0,setTimeout(()=>{E(),b.visiblePanel=!0},10),b.panelIndex<(0,_utils.getLastZIndex)()&&(b.panelIndex=(0,_utils.nextZIndex)()),c())},P=()=>{b.visiblePanel=!1,u.hpTimeout=window.setTimeout(()=>{b.isAniVisible=!1},350)},U=(e,l)=>{var o;(b.selectColor=l)!==d.modelValue&&(o=l,t("update:modelValue",o),B("change",{value:l},e),a)&&r&&a.triggerItemEvent(e,r.itemConfig.field,l)},j=(e,l)=>{U(e,l),B("clear",{value:l},e)},L=()=>{k.value||b.visiblePanel||s()},F=()=>{b.isActivated=!1},O=e=>{j(e,null),P()},X=e=>{var l=b["selectColor"];U(e,l),P()},G=e=>{e.preventDefault(),(b.visiblePanel?P:s)()},Q=e=>{G(e),B("click",{},e)},T=t=>{var i=p.value,a=m.value;if(i&&a){t<0&&(t=0);var i=_xeUtils.default.toInteger(i.clientWidth),r=255,i=_xeUtils.default.ceil(1530/i*t),u=i%r;let e=0,l=0,o=0;switch(Math.ceil(i/r)){case 1:e=r,o=u;break;case 2:e=r-u,o=r;break;case 3:l=u,o=r;break;case 4:l=r,o=r-u;break;case 5:e=u,l=r;break;case 6:e=r,l=r-u}b.panelColor=(0,_util.toRgb)(e,l,o),a.style.left=(0,_dom.toCssUnit)(t)}},I=e=>{var l=p.value,o=m.value;l&&o&&(o=l.getBoundingClientRect(),l=_xeUtils.default.toInteger(l.clientWidth),l=_xeUtils.default.ceil(Math.min(l-1,Math.max(1,e.clientX-o.x))),T(l))},Y=e=>{e.preventDefault(),document.onmousemove=e=>{e.preventDefault(),I(e)},document.onmouseup=e=>{document.onmousemove=null,document.onmouseup=null,I(e)}},D=e=>{var l=b["selectColor"],o=g.value,t=x.value;o&&t&&(o=o.getBoundingClientRect().width,o=_xeUtils.default.ceil(100/o*(e=o<(e=e<0?0:e)?o:e)/100,2),b.aValue=o,t.style.left=(0,_dom.toCssUnit)(e),b.selectColor=(0,_util.updateColorAlpha)(l,o))},R=e=>{var l=g.value,o=x.value;l&&o&&(l=(o=l.getBoundingClientRect()).width,l=Math.min(l,Math.max(0,e.clientX-o.x)),D(l),E())},Z=e=>{e.preventDefault(),document.onmousemove=e=>{e.preventDefault(),R(e)},document.onmouseup=e=>{document.onmousemove=null,document.onmouseup=null,R(e)}},z=()=>{var{rValue:e,gValue:l,bValue:o,aValue:t}=b;b.selectColor=(0,_util.toRgb)(e,l,o,t),E()},J=()=>{var e=b["aValue"],l=g.value,o=x.value;l&&o&&(o=l.getBoundingClientRect().width*e,D(o))},K=(e,l)=>{l=l.value;b.selectColor=l,E()},A=(e,l)=>{var o=f.value;o&&(o.style.top=(0,_dom.toCssUnit)(l),o.style.left=(0,_dom.toCssUnit)(e))},ee=()=>{if(WinEyeDropper)try{(new WinEyeDropper).open().then(e=>{e&&e.sRGBHex&&(b.selectColor=e.sRGBHex,E())}).catch(()=>{})}catch(e){}},le=e=>{var l,o=d["showAlpha"],{panelColor:t,aValue:i}=b,a=v.value,r=f.value;a&&r&&(r=a.getBoundingClientRect(),l=e.clientY-r.y,e=e.clientX-r.x,r=(0,_util.parseColor)(t))&&(t="hex"===r.type?(0,_util.hexToHsv)(r.hex):(0,_util.rgbToHsv)(r))&&(r=(0,_util.hsvToRgb)(t.h,e/a.clientWidth,1-l/a.clientHeight),b.selectColor=(0,_util.toRgb)(r.r,r.g,r.b,o?i:null),A(e,l),E())},oe=()=>{var e=b["selectColor"];e&&_ui.VxeUI.clipboard.copy(e)&&_ui.VxeUI.modal&&_ui.VxeUI.modal.message({content:(0,_ui.getI18n)("vxe.colorPicker.copySuccess",[e]),status:"success"})},te=e=>{var l=b["visiblePanel"];k.value||l&&(l=h.value,((0,_dom.getEventTargetNode)(e,l).flag?c:P)())},ie=e=>{var l,o,t=b["visiblePanel"];k.value||(l=_.value,o=h.value,b.isActivated=(0,_dom.getEventTargetNode)(e,l).flag||(0,_dom.getEventTargetNode)(e,o).flag,t&&!b.isActivated&&P())},ae=()=>{P()},B=(e,l,o)=>{t(e,(0,_ui.createEvent)(o,{$colorPicker:w},l))};l={dispatchEvent:B};Object.assign(w,l,{});return(0,_vue.watch)(()=>d.modelValue,()=>{n()}),(0,_vue.onMounted)(()=>{_ui.globalEvents.on(w,"mousewheel",te),_ui.globalEvents.on(w,"mousedown",ie),_ui.globalEvents.on(w,"blur",ae)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(w,"mousewheel"),_ui.globalEvents.off(w,"mousedown"),_ui.globalEvents.off(w,"blur")}),n(),(0,_vue.provide)("$xeColorPicker",w),w.renderVN=()=>{var{className:e,popupClassName:l,clearable:o,modelValue:t}=d,{initialized:i,isActivated:a,isAniVisible:r,visiblePanel:u}=b,n=S.value,c=k.value,s=C.value;return W.value?(0,_vue.h)("div",{ref:_,class:["vxe-color-picker--readonly",e]},[(0,_vue.h)("div",{class:"vxe-color-picker--readonly-color",style:{backgroundColor:t}})]):(0,_vue.h)("div",{ref:_,class:["vxe-color-picker",e?_xeUtils.default.isFunction(e)?e({$colorPicker:w}):e:"",{["size--"+n]:n,"is--selected":!!t,"is--visible":u,"is--disabled":c,"is--active":a}]},[(0,_vue.h)("input",{ref:M,class:"vxe-color-picker--input",onFocus:L,onBlur:F}),(0,_vue.h)("div",{class:"vxe-color-picker--inner",onClick:Q},[(0,_vue.h)("div",{class:"vxe-color-picker--inner-color",style:{backgroundColor:t}})]),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!s||!i},[(0,_vue.h)("div",{ref:h,class:["vxe-table--ignore-clear vxe-color-picker--panel",l?_xeUtils.default.isFunction(l)?l({$colorPicker:w}):l:"",{["size--"+n]:n,"is--transfer":s,"ani--leave":r,"ani--enter":u}],placement:b.panelPlacement,style:b.panelStyle},[i&&(u||r)?(0,_vue.h)("div",{class:"vxe-color-picker--panel-wrapper"},[(e=d.showColorExtractor,c=b.panelColor,e?(0,_vue.h)("div",{ref:v,class:"vxe-color-picker--color-wrapper",onMousedown:le},[(0,_vue.h)("div",{class:"vxe-color-picker--color-bg",style:{backgroundColor:c}}),(0,_vue.h)("div",{class:"vxe-color-picker--white-bg"}),(0,_vue.h)("div",{class:"vxe-color-picker--black-bg"}),(0,_vue.h)("div",{ref:f,class:"vxe-color-picker--color-active"})]):(0,_ui.renderEmptyElement)(w)),(()=>{var{showAlpha:e,clickToCopy:l,showEyeDropper:o}=d,{hexValue:t,rValue:i,gValue:a,bValue:r,aValue:u,selectColor:n,panelColor:c}=b,s=y.value,v=V.value;return(0,_vue.h)("div",{class:"vxe-color-picker--bar-wrapper"},[(0,_vue.h)("div",{class:"vxe-color-picker--slider-wrapper"},[o&&WinEyeDropper?(0,_vue.h)("div",{class:"vxe-color-picker--color-dropper"},[(0,_vue.h)("span",{class:"vxe-color-picker--color-dropper-btn",onClick:ee},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().EYE_DROPPER})])]):(0,_ui.renderEmptyElement)(w),(0,_vue.h)("div",{class:"vxe-color-picker--slider-preview"},[(0,_vue.h)("div",{class:"vxe-color-picker--preview-btn"},[(0,_vue.h)("div",{class:"vxe-color-picker--preview-color",style:{backgroundColor:n}},l?[(0,_vue.h)("span",{class:"vxe-color-picker--preview-copy-btn",onClick:oe},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().COLOR_COPY})])]:[])])]),(0,_vue.h)("div",{class:"vxe-color-picker--slider-handle"},[(0,_vue.h)("div",{ref:p,class:"vxe-color-picker--bar-hue-slider",onClick:I},[(0,_vue.h)("div",{ref:m,class:"vxe-color-picker--bar-hue-btn",onMousedown:Y})]),e?(0,_vue.h)("div",{ref:g,class:"vxe-color-picker--bar-alpha-slider",onClick:R},[(0,_vue.h)("div",{class:"vxe-color-picker--bar-alpha-bg",style:{background:`linear-gradient(to right, rgba(0, 0, 0, 0), ${c})`}}),(0,_vue.h)("div",{ref:x,class:"vxe-color-picker--bar-alpha-btn",onMousedown:Z})]):(0,_ui.renderEmptyElement)(w)])]),(0,_vue.h)("div",{class:`vxe-color-picker--${s}-wrapper`},v?[(0,_vue.h)("div",{class:"vxe-color-picker--input-wrapper"},[(0,_vue.h)(_input.default,{type:"integer",size:"mini",align:"center",min:0,max:255,maxLength:3,placeholder:"",modelValue:i,"onUpdate:modelValue"(e){b.rValue=e},onChange:z}),(0,_vue.h)(_input.default,{type:"integer",size:"mini",align:"center",min:0,max:255,maxLength:3,placeholder:"",modelValue:a,"onUpdate:modelValue"(e){b.gValue=e},onChange:z}),(0,_vue.h)(_input.default,{type:"integer",size:"mini",align:"center",min:0,max:255,maxLength:3,placeholder:"",modelValue:r,"onUpdate:modelValue"(e){b.bValue=e},onChange:z}),(0,_vue.h)(_input.default,{type:"number",size:"mini",align:"center",min:0,max:1,step:.01,maxLength:4,placeholder:"",modelValue:u,"onUpdate:modelValue"(e){b.aValue=e},onChange:J})]),(0,_vue.h)("div",{class:"vxe-color-picker--input-title"},[(0,_vue.h)("span","R"),(0,_vue.h)("span","G"),(0,_vue.h)("span","B"),(0,_vue.h)("span","A")])]:[(0,_vue.h)("div",{class:"vxe-color-picker--input-title"},"HEX"),(0,_vue.h)("div",{class:"vxe-color-picker--input-wrapper"},[(0,_vue.h)(_input.default,{type:"text",size:"mini",align:"center",maxLength:9,placeholder:"",modelValue:t,"onUpdate:modelValue"(e){b.hexValue=e},onChange(){var e=(0,_util.parseColor)(b.hexValue);e&&e.value&&(b.selectColor=e.value,E())}})])])])})(),(a=d.showQuick,t=H.value,a&&t.length?(0,_vue.h)("div",{class:"vxe-color-picker--quick-wrapper"},t.map((l,e)=>(0,_vue.h)("div",{key:e,class:"vxe-color-picker--quick-item",title:l.label||"",style:{backgroundColor:l.value},onClick(e){K(e,l)}}))):(0,_ui.renderEmptyElement)(w)),(0,_vue.h)("div",{class:"vxe-color-picker--footer-wrapper"},[o?(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.colorPicker.clear"),size:"mini",onClick:O}):(0,_ui.renderEmptyElement)(w),(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.colorPicker.confirm"),size:"mini",status:"primary",onClick:X})])]):(0,_ui.renderEmptyElement)(w)])])])},w},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_util=require("./util"),_button=_interopRequireDefault(require("../../button/src/button")),_input=_interopRequireDefault(require("../../input/src/input"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeColorPicker",props:{modelValue:String,placeholder:String,clearable:{type:Boolean,default:()=>(0,_ui.getConfig)().colorPicker.clearable},type:{type:String,default:()=>(0,_ui.getConfig)().colorPicker.type},size:{type:String,default:()=>(0,_ui.getConfig)().colorPicker.size||(0,_ui.getConfig)().size},className:[String,Function],popupClassName:[String,Function],colors:{type:Array,default:()=>_xeUtils.default.clone((0,_ui.getConfig)().colorPicker.colors,!0)||[]},showAlpha:{type:Boolean,default:()=>(0,_ui.getConfig)().colorPicker.showAlpha},showEyeDropper:{type:Boolean,default:()=>(0,_ui.getConfig)().colorPicker.showEyeDropper},showColorExtractor:{type:Boolean,default:()=>(0,_ui.getConfig)().colorPicker.showColorExtractor},showQuick:{type:Boolean,default:()=>(0,_ui.getConfig)().colorPicker.showQuick},readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},clickToCopy:{type:Boolean,default:()=>(0,_ui.getConfig)().colorPicker.clickToCopy},placement:String,transfer:{type:Boolean,default:null}},emits:["update:modelValue","change","clear","click"],setup(d,e){const t=e["emit"],o=(0,_vue.inject)("$xeModal",null),q=(0,_vue.inject)("$xeDrawer",null),S=(0,_vue.inject)("$xeTable",null),i=(0,_vue.inject)("$xeForm",null),a=(0,_vue.inject)("xeFormItemInfo",null),p="undefined"!=typeof window?window.EyeDropper:null;var l=_xeUtils.default.uniqueId();const M=(0,_ui.useSize)(d)["computeSize"],_=(0,_vue.ref)(),H=(0,_vue.ref)(),h=(0,_vue.ref)(),m=(0,_vue.ref)(),g=(0,_vue.ref)(),x=(0,_vue.ref)(),f=(0,_vue.ref)(),v=(0,_vue.ref)(),b=(0,_vue.ref)(),k=(0,_vue.reactive)({initialized:!1,selectColor:""+(d.modelValue||""),panelColor:"",hexValue:"",rValue:0,gValue:0,bValue:0,aValue:0,panelIndex:0,panelStyle:{},panelPlacement:null,visiblePanel:!1,isAniVisible:!1,isActivated:!1}),r={},N=(0,_vue.computed)(()=>{var e=d["readonly"];return null===e?!!i&&i.props.readonly:e}),C=(0,_vue.computed)(()=>{var e=d["disabled"];return null===e?!!i&&i.props.disabled:e}),y=(0,_vue.computed)(()=>{var e=d["transfer"];if(null===e){var l=(0,_ui.getConfig)().colorPicker.transfer;if(_xeUtils.default.isBoolean(l))return l;if(S||o||q||i)return!0}return e}),W=(0,_vue.computed)(()=>{var e=d["colors"];return e?e.map(e=>_xeUtils.default.isString(e)?{label:e,value:e}:{label:_xeUtils.default.eqNull(e.label)?e.value:e.label,value:e.value}):[]}),V=(0,_vue.computed)(()=>{var e=d["type"];return"rgb"===e||"rgba"===e?"rgb":"hex"}),w=(0,_vue.computed)(()=>{return"rgb"===V.value}),$={refElem:_},j={},E={xID:l,props:d,context:e,reactData:k,getRefMaps:()=>$,getComputeMaps:()=>j},u=()=>{var e=d["modelValue"];k.selectColor=_xeUtils.default.toValueString(e),P()},P=()=>{var e,{selectColor:l,isAniVisible:o}=k,t=w.value,i=m.value,a=x.value,l=(0,_util.parseColor)(l);k.hexValue=l.hex,k.rValue=l.r,k.gValue=l.g,k.bValue=l.b,k.aValue=l.a,l.value&&(t?"hex"===l.type&&(t=(0,_util.hexToRgb)(l.hex))&&(k.rValue=t.r,k.gValue=t.g,k.bValue=t.b,k.aValue=t.a):"hex"!==l.type&&(k.hexValue=(0,_util.rgbToHex)(l))),o&&(t="hex"===l.type?(0,_util.hexToHsv)(l.hex):(0,_util.rgbToHsv)(l),o=v.value,t&&(o&&(e=o.clientHeight*(1-t.v),o=o.clientWidth*t.s,B(o,e)),i)&&T(_xeUtils.default.ceil((1-t.h/360)*i.clientWidth)),a)&&R(a.clientWidth*l.a)},n=()=>(0,_vue.nextTick)().then(()=>{var t=d["placement"],i=k["panelIndex"],a=_.value,r=h.value,e=y.value;if(r&&a){var u=a.offsetHeight,n=a.offsetWidth,c=r.offsetHeight,r=r.offsetWidth,i={zIndex:i},{boundingTop:a,boundingLeft:s,visibleHeight:v,visibleWidth:p}=(0,_dom.getAbsolutePos)(a);let o="bottom";if(e){let e=s,l=a+u;"top"===t?(o="top",l=a-c):t||(l+c+5>v&&(o="top",l=a-c),l<5&&(o="bottom",l=a+u)),e+r+5>p&&(e-=e+r+5-p),e<5&&(e=5),Object.assign(i,{left:e+"px",top:l+"px",minWidth:n+"px"})}else"top"===t?(o="top",i.bottom=u+"px"):t||v<a+u+c&&5<a-u-c&&(o="top",i.bottom=u+"px");return k.panelStyle=i,k.panelPlacement=o,(0,_vue.nextTick)()}}),c=()=>{var e=r["hpTimeout"];C.value||(e&&(clearTimeout(e),r.hpTimeout=void 0),k.initialized||(k.initialized=!0),k.isActivated=!0,k.isAniVisible=!0,setTimeout(()=>{P(),k.visiblePanel=!0},10),k.panelIndex<(0,_utils.getLastZIndex)()&&(k.panelIndex=(0,_utils.nextZIndex)()),n())},s=()=>{k.visiblePanel=!1,r.hpTimeout=setTimeout(()=>{k.isAniVisible=!1},350)},U=(e,l)=>{var o;(k.selectColor=l)!==d.modelValue&&(o=l,t("update:modelValue",o),D("change",{value:l},e),i)&&a&&i.triggerItemEvent(e,a.itemConfig.field,l)},L=(e,l)=>{U(e,l),D("clear",{value:l},e)},F=()=>{C.value||k.visiblePanel||c()},O=()=>{k.isActivated=!1},X=e=>{L(e,null),s()},G=e=>{var l=k["selectColor"];U(e,l),s()},Q=e=>{e.preventDefault(),(k.visiblePanel?s:c)()},Y=e=>{Q(e),D("click",{},e)},T=t=>{var i=m.value,a=g.value;if(i&&a){t<0&&(t=0);var i=_xeUtils.default.toInteger(i.clientWidth),r=255,i=_xeUtils.default.ceil(1530/i*t),u=i%r;let e=0,l=0,o=0;switch(Math.ceil(i/r)){case 1:e=r,o=u;break;case 2:e=r-u,o=r;break;case 3:l=u,o=r;break;case 4:l=r,o=r-u;break;case 5:e=u,l=r;break;case 6:e=r,l=r-u}k.panelColor=(0,_util.toRgb)(e,l,o),a.style.left=(0,_dom.toCssUnit)(t)}},I=e=>{var l=m.value,o=g.value;l&&o&&(o=l.getBoundingClientRect(),l=_xeUtils.default.toInteger(l.clientWidth),l=_xeUtils.default.ceil(Math.min(l-1,Math.max(1,e.clientX-o.x))),T(l))},Z=e=>{e.preventDefault(),document.onmousemove=e=>{e.preventDefault(),I(e)},document.onmouseup=e=>{document.onmousemove=null,document.onmouseup=null,I(e)}},R=e=>{var l=k["selectColor"],o=x.value,t=f.value;o&&t&&(o=o.getBoundingClientRect().width,o=_xeUtils.default.ceil(100/o*(e=o<(e=e<0?0:e)?o:e)/100,2),k.aValue=o,t.style.left=(0,_dom.toCssUnit)(e),k.selectColor=(0,_util.updateColorAlpha)(l,o))},z=e=>{var l=x.value,o=f.value;l&&o&&(l=(o=l.getBoundingClientRect()).width,l=Math.min(l,Math.max(0,e.clientX-o.x)),R(l),P())},J=e=>{e.preventDefault(),document.onmousemove=e=>{e.preventDefault(),z(e)},document.onmouseup=e=>{document.onmousemove=null,document.onmouseup=null,z(e)}},A=()=>{var{rValue:e,gValue:l,bValue:o,aValue:t}=k;k.selectColor=(0,_util.toRgb)(e,l,o,t),P()},K=()=>{var e=k["aValue"],l=x.value,o=f.value;l&&o&&(o=l.getBoundingClientRect().width*e,R(o))},ee=(e,l)=>{l=l.value;k.selectColor=l,P()},B=(e,l)=>{var o=b.value;o&&(o.style.top=(0,_dom.toCssUnit)(l),o.style.left=(0,_dom.toCssUnit)(e))},le=()=>{if(p)try{(new p).open().then(e=>{e&&e.sRGBHex&&(k.selectColor=e.sRGBHex,P())}).catch(()=>{})}catch(e){}},oe=e=>{var l,o=d["showAlpha"],{panelColor:t,aValue:i}=k,a=v.value,r=b.value;a&&r&&(r=a.getBoundingClientRect(),l=e.clientY-r.y,e=e.clientX-r.x,r=(0,_util.parseColor)(t))&&(t="hex"===r.type?(0,_util.hexToHsv)(r.hex):(0,_util.rgbToHsv)(r))&&(r=(0,_util.hsvToRgb)(t.h,e/a.clientWidth,1-l/a.clientHeight),k.selectColor=(0,_util.toRgb)(r.r,r.g,r.b,o?i:null),B(e,l),P())},te=()=>{var e=k["selectColor"];e&&_ui.VxeUI.clipboard.copy(e)&&_ui.VxeUI.modal&&_ui.VxeUI.modal.message({content:(0,_ui.getI18n)("vxe.colorPicker.copySuccess",[e]),status:"success"})},ie=e=>{var l=k["visiblePanel"];C.value||l&&(l=h.value,((0,_dom.getEventTargetNode)(e,l).flag?n:s)())},ae=e=>{var l,o,t=k["visiblePanel"];C.value||(l=_.value,o=h.value,k.isActivated=(0,_dom.getEventTargetNode)(e,l).flag||(0,_dom.getEventTargetNode)(e,o).flag,t&&!k.isActivated&&s())},re=()=>{s()},D=(e,l,o)=>{t(e,(0,_ui.createEvent)(o,{$colorPicker:E},l))};l={dispatchEvent:D};Object.assign(E,l,{});return(0,_vue.watch)(()=>d.modelValue,()=>{u()}),(0,_vue.onMounted)(()=>{_ui.globalEvents.on(E,"mousewheel",ie),_ui.globalEvents.on(E,"mousedown",ae),_ui.globalEvents.on(E,"blur",re)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(E,"mousewheel"),_ui.globalEvents.off(E,"mousedown"),_ui.globalEvents.off(E,"blur")}),u(),(0,_vue.provide)("$xeColorPicker",E),E.renderVN=()=>{var{className:e,popupClassName:l,clearable:o,modelValue:t}=d,{initialized:i,isActivated:a,isAniVisible:r,visiblePanel:u}=k,n=M.value,c=C.value,s=y.value;return N.value?(0,_vue.h)("div",{ref:_,class:["vxe-color-picker--readonly",e]},[(0,_vue.h)("div",{class:"vxe-color-picker--readonly-color",style:{backgroundColor:t}})]):(0,_vue.h)("div",{ref:_,class:["vxe-color-picker",e?_xeUtils.default.isFunction(e)?e({$colorPicker:E}):e:"",{["size--"+n]:n,"is--selected":!!t,"is--visible":u,"is--disabled":c,"is--active":a}]},[(0,_vue.h)("input",{ref:H,class:"vxe-color-picker--input",onFocus:F,onBlur:O}),(0,_vue.h)("div",{class:"vxe-color-picker--inner",onClick:Y},[(0,_vue.h)("div",{class:"vxe-color-picker--inner-color",style:{backgroundColor:t}})]),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!s||!i},[(0,_vue.h)("div",{ref:h,class:["vxe-table--ignore-clear vxe-color-picker--panel",l?_xeUtils.default.isFunction(l)?l({$colorPicker:E}):l:"",{["size--"+n]:n,"is--transfer":s,"ani--leave":r,"ani--enter":u}],placement:k.panelPlacement,style:k.panelStyle},[i&&(u||r)?(0,_vue.h)("div",{class:"vxe-color-picker--panel-wrapper"},[(e=d.showColorExtractor,c=k.panelColor,e?(0,_vue.h)("div",{ref:v,class:"vxe-color-picker--color-wrapper",onMousedown:oe},[(0,_vue.h)("div",{class:"vxe-color-picker--color-bg",style:{backgroundColor:c}}),(0,_vue.h)("div",{class:"vxe-color-picker--white-bg"}),(0,_vue.h)("div",{class:"vxe-color-picker--black-bg"}),(0,_vue.h)("div",{ref:b,class:"vxe-color-picker--color-active"})]):(0,_ui.renderEmptyElement)(E)),(()=>{var{showAlpha:e,clickToCopy:l,showEyeDropper:o}=d,{hexValue:t,rValue:i,gValue:a,bValue:r,aValue:u,selectColor:n,panelColor:c}=k,s=V.value,v=w.value;return(0,_vue.h)("div",{class:"vxe-color-picker--bar-wrapper"},[(0,_vue.h)("div",{class:"vxe-color-picker--slider-wrapper"},[o&&p?(0,_vue.h)("div",{class:"vxe-color-picker--color-dropper"},[(0,_vue.h)("span",{class:"vxe-color-picker--color-dropper-btn",onClick:le},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().EYE_DROPPER})])]):(0,_ui.renderEmptyElement)(E),(0,_vue.h)("div",{class:"vxe-color-picker--slider-preview"},[(0,_vue.h)("div",{class:"vxe-color-picker--preview-btn"},[(0,_vue.h)("div",{class:"vxe-color-picker--preview-color",style:{backgroundColor:n}},l?[(0,_vue.h)("span",{class:"vxe-color-picker--preview-copy-btn",onClick:te},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().COLOR_COPY})])]:[])])]),(0,_vue.h)("div",{class:"vxe-color-picker--slider-handle"},[(0,_vue.h)("div",{ref:m,class:"vxe-color-picker--bar-hue-slider",onClick:I},[(0,_vue.h)("div",{ref:g,class:"vxe-color-picker--bar-hue-btn",onMousedown:Z})]),e?(0,_vue.h)("div",{ref:x,class:"vxe-color-picker--bar-alpha-slider",onClick:z},[(0,_vue.h)("div",{class:"vxe-color-picker--bar-alpha-bg",style:{background:`linear-gradient(to right, rgba(0, 0, 0, 0), ${c})`}}),(0,_vue.h)("div",{ref:f,class:"vxe-color-picker--bar-alpha-btn",onMousedown:J})]):(0,_ui.renderEmptyElement)(E)])]),(0,_vue.h)("div",{class:`vxe-color-picker--${s}-wrapper`},v?[(0,_vue.h)("div",{class:"vxe-color-picker--input-wrapper"},[(0,_vue.h)(_input.default,{type:"integer",size:"mini",align:"center",min:0,max:255,maxLength:3,placeholder:"",modelValue:i,"onUpdate:modelValue"(e){k.rValue=e},onChange:A}),(0,_vue.h)(_input.default,{type:"integer",size:"mini",align:"center",min:0,max:255,maxLength:3,placeholder:"",modelValue:a,"onUpdate:modelValue"(e){k.gValue=e},onChange:A}),(0,_vue.h)(_input.default,{type:"integer",size:"mini",align:"center",min:0,max:255,maxLength:3,placeholder:"",modelValue:r,"onUpdate:modelValue"(e){k.bValue=e},onChange:A}),(0,_vue.h)(_input.default,{type:"number",size:"mini",align:"center",min:0,max:1,step:.01,maxLength:4,placeholder:"",modelValue:u,"onUpdate:modelValue"(e){k.aValue=e},onChange:K})]),(0,_vue.h)("div",{class:"vxe-color-picker--input-title"},[(0,_vue.h)("span","R"),(0,_vue.h)("span","G"),(0,_vue.h)("span","B"),(0,_vue.h)("span","A")])]:[(0,_vue.h)("div",{class:"vxe-color-picker--input-title"},"HEX"),(0,_vue.h)("div",{class:"vxe-color-picker--input-wrapper"},[(0,_vue.h)(_input.default,{type:"text",size:"mini",align:"center",maxLength:9,placeholder:"",modelValue:t,"onUpdate:modelValue"(e){k.hexValue=e},onChange(){var e=(0,_util.parseColor)(k.hexValue);e&&e.value&&(k.selectColor=e.value,P())}})])])])})(),(a=d.showQuick,t=W.value,a&&t.length?(0,_vue.h)("div",{class:"vxe-color-picker--quick-wrapper"},t.map((l,e)=>(0,_vue.h)("div",{key:e,class:"vxe-color-picker--quick-item",title:l.label||"",style:{backgroundColor:l.value},onClick(e){ee(e,l)}}))):(0,_ui.renderEmptyElement)(E)),(0,_vue.h)("div",{class:"vxe-color-picker--footer-wrapper"},[o?(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.colorPicker.clear"),size:"mini",onClick:X}):(0,_ui.renderEmptyElement)(E),(0,_vue.h)(_button.default,{content:(0,_ui.getI18n)("vxe.colorPicker.confirm"),size:"mini",status:"primary",onClick:G})])]):(0,_ui.renderEmptyElement)(E)])])])},E},render(){return this.renderVN()}});

package/lib/date-picker/src/date-picker.js

@@ -739,7 +739,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
     const hidePanel = () => {
       return new Promise(resolve => {
         reactData.visiblePanel = false;
-        internalData.hpTimeout = window.setTimeout(() => {
+        internalData.hpTimeout = setTimeout(() => {
           reactData.isAniVisible = false;
           resolve();
         }, 350);

package/lib/date-picker/src/date-picker.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_util=require("./util"),_vn=require("../..//ui/src/vn"),_buttonGroup=_interopRequireDefault(require("../../button/src/button-group"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeDatePicker",props:{modelValue:[String,Number,Date],immediate:{type:Boolean,default:!0},name:String,type:{type:String,default:"date"},clearable:{type:Boolean,default:()=>(0,_ui.getConfig)().datePicker.clearable},readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},placeholder:String,maxLength:[String,Number],autoComplete:{type:String,default:"off"},align:String,form:String,className:String,size:{type:String,default:()=>(0,_ui.getConfig)().datePicker.size||(0,_ui.getConfig)().size},multiple:Boolean,limitCount:{type:[String,Number],default:()=>(0,_ui.getConfig)().upload.limitCount},startDate:{type:[String,Number,Date],default:()=>(0,_ui.getConfig)().datePicker.startDate},endDate:{type:[String,Number,Date],default:()=>(0,_ui.getConfig)().datePicker.endDate},minDate:[String,Number,Date],maxDate:[String,Number,Date],startDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().datePicker.startDay},labelFormat:String,valueFormat:String,editable:{type:Boolean,default:!0},festivalMethod:{type:Function,default:()=>(0,_ui.getConfig)().datePicker.festivalMethod},disabledMethod:{type:Function,default:()=>(0,_ui.getConfig)().datePicker.disabledMethod},selectDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().datePicker.selectDay},prefixIcon:String,suffixIcon:String,placement:String,transfer:{type:Boolean,default:null},shortcutConfig:Object,startWeek:Number,maxlength:[String,Number],autocomplete:String},emits:["update:modelValue","input","change","keydown","keyup","click","focus","blur","clear","prefix-click","suffix-click","date-prev","date-today","date-next","shortcut-click"],setup(O,u){const{slots:b,emit:r}=u,h=(0,_vue.inject)("$xeModal",null),g=(0,_vue.inject)("$xeDrawer",null),W=(0,_vue.inject)("$xeTable",null),a=(0,_vue.inject)("$xeForm",null),l=(0,_vue.inject)("xeFormItemInfo",null);var e=_xeUtils.default.uniqueId();const N=(0,_ui.useSize)(O)["computeSize"],K=(0,_vue.reactive)({initialized:!1,panelIndex:0,visiblePanel:!1,isAniVisible:!1,panelStyle:{},panelPlacement:"",isActivated:!1,inputValue:"",datetimePanelValue:null,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null}),c={yearSize:12,monthSize:20,quarterSize:8,hpTimeout:void 0},k=(0,_vue.ref)(),U=(0,_vue.ref)(),M=(0,_vue.ref)(),D=(0,_vue.ref)(),C=(0,_vue.ref)(),A={refElem:k,refInput:U},s={xID:e,props:O,context:u,reactData:K,internalData:c,getRefMaps:()=>A};const Y=(0,_vue.computed)(()=>{var e=O["transfer"];if(null===e){var t=(0,_ui.getConfig)().datePicker.transfer;if(_xeUtils.default.isBoolean(t))return t;if(W||h||g||a)return!0}return e}),P=(0,_vue.computed)(()=>{var e=O["readonly"];return null===e?!!a&&a.props.readonly:e}),S=(0,_vue.computed)(()=>{var e=O["disabled"];return null===e?!!a&&a.props.disabled:e}),o=(0,_vue.computed)(()=>{var e=O["type"];return"time"===e||"datetime"===e}),x=(0,_vue.computed)(()=>{return o.value||-1<["date","week","month","quarter","year"].indexOf(O.type)}),L=(0,_vue.computed)(()=>O.clearable),q=(0,_vue.computed)(()=>O.startDate?_xeUtils.default.toStringDate(O.startDate):null),I=(0,_vue.computed)(()=>O.endDate?_xeUtils.default.toStringDate(O.endDate):null),$=(0,_vue.computed)(()=>-1<["date","week","month","quarter","year"].indexOf(O.type)),H=(0,_vue.computed)(()=>{var{modelValue:e,multiple:t}=O,a=x.value;const l=p.value;return t&&e&&a?_xeUtils.default.toValueString(e).split(",").map(e=>{e=d(e,l);return _xeUtils.default.isValidDate(e),e}):[]}),Q=(0,_vue.computed)(()=>{var e=H.value;const t=p.value;return e.map(e=>_xeUtils.default.toDateString(e,t))}),Z=(0,_vue.computed)(()=>{var e=H.value;const t=n.value;return e.map(e=>_xeUtils.default.toDateString(e,t)).join(", ")}),J=(0,_vue.computed)(()=>O.multiple?_xeUtils.default.toNumber(O.limitCount):0),F=(0,_vue.computed)(()=>{var e=O["multiple"],t=J.value,a=Q.value;return!(!e||!t)&&a.length>=t}),p=(0,_vue.computed)(()=>{var{type:e,valueFormat:t}=O;return t||("time"===e?"HH:mm:ss":"datetime"===e?"yyyy-MM-dd HH:mm:ss":"yyyy-MM-dd")}),B=(0,_vue.computed)(()=>{var e=O["modelValue"],t=x.value,a=p.value;let l=null;return l=e&&t&&(t=d(e,a),_xeUtils.default.isValidDate(t))?t:l}),X=(0,_vue.computed)(()=>{var e=q.value,t=K["selectMonth"];return!(!t||!e)&&t<=e}),ee=(0,_vue.computed)(()=>{var e=I.value,t=K["selectMonth"];return!(!t||!e)&&e<=t}),te=(0,_vue.computed)(()=>{var e=K["datetimePanelValue"],t=xe.value;return e?_xeUtils.default.toDateString(e,t?"HH:mm:ss":"HH:mm"):""}),ae=(0,_vue.computed)(()=>{var e=B.value,t=o.value;return e&&t?1e3*(3600*e.getHours()+60*e.getMinutes()+e.getSeconds()):0}),n=(0,_vue.computed)(()=>{var e=O["labelFormat"];return x.value?e||(0,_ui.getI18n)("vxe.input.date.labelFormat."+O.type):null}),le=(0,_vue.computed)(()=>{var t=c["yearSize"],{selectMonth:e,currentDate:a}=K,l=[];if(e&&a){var i=a.getFullYear(),a=e.getFullYear(),u=new Date(a-a%t,0,1);for(let e=-4;e<t+4;e++){var r=_xeUtils.default.getWhatYear(u,e,"first"),s=r.getFullYear();l.push({date:r,isCurrent:!0,isPrev:e<0,isNow:i===s,isNext:e>=t,year:s})}}return l}),ie=(0,_vue.computed)(()=>{if(x.value){var{datePanelType:a,selectMonth:l}=K,i=le.value;let e="",t;return l&&(e=l.getFullYear(),t=l.getMonth()+1),"quarter"===a?(0,_ui.getI18n)("vxe.input.date.quarterLabel",[e]):"month"===a?(0,_ui.getI18n)("vxe.input.date.monthLabel",[e]):"year"===a?i.length?i[0].year+" - "+i[i.length-1].year:"":(0,_ui.getI18n)("vxe.input.date.dayLabel",[e,t?(0,_ui.getI18n)("vxe.input.date.m"+t):"-"])}return""}),y=(0,_vue.computed)(()=>{var{startDay:e,startWeek:t}=O;return _xeUtils.default.toNumber(_xeUtils.default.isNumber(e)||_xeUtils.default.isString(e)?e:t)}),ue=(0,_vue.computed)(()=>{var a=[];if(x.value){let t=y.value;a.push(t);for(let e=0;e<6;e++)6<=t?t=0:t++,a.push(t)}return a}),re=(0,_vue.computed)(()=>{return x.value?ue.value.map(e=>({value:e,label:(0,_ui.getI18n)("vxe.input.date.weeks.w"+e)})):[]}),se=(0,_vue.computed)(()=>{var e;return x.value?(e=re.value,[{label:(0,_ui.getI18n)("vxe.input.date.weeks.w")}].concat(e)):[]}),ne=(0,_vue.computed)(()=>{var e=le.value;return _xeUtils.default.chunk(e,4)}),de=(0,_vue.computed)(()=>{var t=c["quarterSize"],{selectMonth:e,currentDate:a}=K,l=[];if(e&&a){var i=a.getFullYear(),u=(0,_util.getDateQuarter)(a),r=_xeUtils.default.getWhatYear(e,0,"first"),s=r.getFullYear();for(let e=-2;e<t-2;e++){var n=_xeUtils.default.getWhatQuarter(r,e),d=n.getFullYear(),v=(0,_util.getDateQuarter)(n),o=d<s;l.push({date:n,isPrev:o,isCurrent:d===s,isNow:d===i&&v===u,isNext:!o&&s<d,quarter:v})}}return l}),ve=(0,_vue.computed)(()=>{var e=de.value;return _xeUtils.default.chunk(e,2)}),oe=(0,_vue.computed)(()=>{var t=c["monthSize"],{selectMonth:a,currentDate:e}=K,l=[];if(a&&e){var i=e.getFullYear(),u=e.getMonth(),r=_xeUtils.default.getWhatYear(a,0,"first").getFullYear();for(let e=-4;e<t-4;e++){var s=_xeUtils.default.getWhatYear(a,0,e),n=s.getFullYear(),d=s.getMonth(),v=n<r;l.push({date:s,isPrev:v,isCurrent:n===r,isNow:n===i&&d===u,isNext:!v&&r<n,month:d})}}return l}),ce=(0,_vue.computed)(()=>{var e=oe.value;return _xeUtils.default.chunk(e,4)}),pe=(0,_vue.computed)(()=>{var{selectMonth:t,currentDate:e}=K,a=[];if(t&&e){var l=ae.value,i=ue.value,u=e.getFullYear(),r=e.getMonth(),s=e.getDate(),n=t.getFullYear(),d=t.getMonth(),e=t.getDay(),i=-i.indexOf(e),v=new Date(_xeUtils.default.getWhatDay(t,i).getTime()+l);for(let e=0;e<42;e++){var o=_xeUtils.default.getWhatDay(v,e),c=o.getFullYear(),p=o.getMonth(),_=o.getDate(),f=o<t;a.push({date:o,isPrev:f,isCurrent:c===n&&p===d,isNow:c===u&&p===r&&_===s,isNext:!f&&d!==p,label:_})}}return a}),_e=(0,_vue.computed)(()=>{var e=pe.value;return _xeUtils.default.chunk(e,7)}),fe=(0,_vue.computed)(()=>{var e=_e.value;const a=y.value;return e.map(e=>{var t=e[0];return[{date:t.date,isWeekNumber:!0,isPrev:!1,isCurrent:!1,isNow:!1,isNext:!1,label:_xeUtils.default.getYearWeek(t.date,a)}].concat(e)})}),me=(0,_vue.computed)(()=>{var t=[];if(o.value)for(let e=0;e<24;e++)t.push({value:e,label:(""+e).padStart(2,"0")});return t}),he=(0,_vue.computed)(()=>{var t=[];if(o.value)for(let e=0;e<60;e++)t.push({value:e,label:(""+e).padStart(2,"0")});return t}),ge=(0,_vue.computed)(()=>{var e=p.value;return!/HH/.test(e)||/mm/.test(e)}),xe=(0,_vue.computed)(()=>{var e=p.value;return!/HH/.test(e)||/ss/.test(e)}),ye=(0,_vue.computed)(()=>{return he.value}),be=(0,_vue.computed)(()=>{var{type:e,editable:t,multiple:a}=O;return P.value||a||!t||"week"===e||"quarter"===e}),ke=(0,_vue.computed)(()=>"text"),Ue=(0,_vue.computed)(()=>{var e=O["placeholder"];return(e=e||(0,_ui.getConfig)().datePicker.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseSelect")}),De=(0,_vue.computed)(()=>{var e=O["immediate"];return e}),Pe=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().datePicker.shortcutConfig,O.shortcutConfig)),Se=e=>{var{isActivated:t,visiblePanel:a}=K;let l="";e&&(l=_xeUtils.default.isNumber(e)&&/^[0-9]{11,15}$/.test(""+e)?new Date(e):e),K.inputValue=l,t&&a&&Xe()},d=(e,t)=>{var{type:a,multiple:l}=O;return"time"===a?(0,_util.toStringTimeDate)(e):_xeUtils.default.isArray(e)?_xeUtils.default.toStringDate(e[0],t):_xeUtils.default.isString(e)?_xeUtils.default.toStringDate(l?_xeUtils.default.last(e.split(",")):e,t):_xeUtils.default.toStringDate(e,t)},t=e=>{var t=K["inputValue"];m(e.type,{value:t},e)},_=(e,t)=>{K.inputValue=e,r("update:modelValue",e),_xeUtils.default.toValueString(O.modelValue)!==e&&(m("change",{value:e},t),a)&&l&&a.triggerItemEvent(t,l.itemConfig.field,e)},Ee=e=>{var t=x.value,a=De.value,l=e.target.value;K.inputValue=l,t||(a?_(l,e):m("input",{value:l},e))},we=e=>{De.value||t(e)},Ve=e=>{K.isActivated=!0,x.value&&V(e),t(e)},Te=e=>{var t;S.value||(t=K["inputValue"],m("prefix-click",{value:t},e))},E=()=>new Promise(e=>{K.visiblePanel=!1,c.hpTimeout=window.setTimeout(()=>{K.isAniVisible=!1,e()},350)}),We=(e,t)=>{x.value&&E(),_("",e),m("clear",{value:t},e)},Ne=e=>{var t;S.value||(t=K["inputValue"],m("suffix-click",{value:t},e))},i=e=>{var t=O["type"],a=n.value,l=p.value,i=y.value;let u=null,r="";e&&(u=d(e,l)),_xeUtils.default.isValidDate(u)?(r=_xeUtils.default.toDateString(u,a,{firstDay:i}),a&&"week"===t&&(e=_xeUtils.default.getYearWeek(u,i),(l=_xeUtils.default.getWhatWeek(u,0,1===e?(6+i)%7:i,i).getFullYear())!==u.getFullYear())&&-1<(t=a.indexOf("yyyy"))&&(e=Number(r.substring(t,t+4)))&&!isNaN(e)&&(r=r.replace(""+e,""+l))):u=null,K.datePanelValue=u,K.datePanelLabel=r},Me=()=>{var e=x.value,t=K["inputValue"];e&&(i(t),K.inputValue=O.multiple?Z.value:K.datePanelLabel)},Ce=()=>{var e=x.value;Se(O.modelValue),e&&Me()},Ae=()=>{K.inputValue=O.multiple?Z.value:K.datePanelLabel},f=e=>{var t=y.value,a=_xeUtils.default.getYearWeek(e,t),t=_xeUtils.default.getWhatWeek(e,0,t,t),a=_xeUtils.default.getWhatMonth(1===a?_xeUtils.default.getWhatDay(t,6):e,0,"first");_xeUtils.default.isEqual(a,K.selectMonth)||(K.selectMonth=a)},v=(t,e)=>{var{modelValue:a,multiple:l}=O;const i=K["datetimePanelValue"];var u=o.value;const r=p.value;var s=y.value;"week"===O.type?(d=_xeUtils.default.toNumber(O.selectDay),t=_xeUtils.default.getWhatWeek(t,0,d,s)):u&&i&&(t.setHours(i.getHours()),t.setMinutes(i.getMinutes()),t.setSeconds(i.getSeconds()));const n=_xeUtils.default.toDateString(t,r,{firstDay:s});if(f(t),l){var d=F.value;if(u){s=e?[]:[...H.value];const v=[];l=_xeUtils.default.findIndexOf(s,e=>_xeUtils.default.isDateSame(t,e,"yyyyMMdd"));if(-1===l){if(d)return;s.push(t)}else s.splice(l,1);s.forEach(e=>{e&&(i&&(e.setHours(i.getHours()),e.setMinutes(i.getMinutes()),e.setSeconds(i.getSeconds())),v.push(e))}),_(v.map(e=>_xeUtils.default.toDateString(e,r)).join(","),{type:"update"})}else{u=e?[]:Q.value;u.some(e=>_xeUtils.default.isEqual(e,n))?_(u.filter(e=>!_xeUtils.default.isEqual(e,n)).join(","),{type:"update"}):d||_(u.concat([n]).join(","),{type:"update"})}}else _xeUtils.default.isEqual(a,n)||_(n,{type:"update"})},w=()=>{var a=O["type"],{inputValue:l,datetimePanelValue:i}=K,u=n.value;if(!be.value)if(l){let t=d(l,u);if(_xeUtils.default.isValidDate(t))if("time"===a)l!==(t=_xeUtils.default.toDateString(t,u))&&_(t,{type:"check"}),K.inputValue=t;else{let e=!1;var r=y.value;"datetime"===a?(a=B.value,l===_xeUtils.default.toDateString(a,u)&&l===_xeUtils.default.toDateString(t,u)||(e=!0,i&&(i.setHours(t.getHours()),i.setMinutes(t.getMinutes()),i.setSeconds(t.getSeconds())))):e=!0,K.inputValue=_xeUtils.default.toDateString(t,u,{firstDay:r}),e&&v(t)}else Ae()}else _("",{type:"check"})},Ye=e=>{var t=K["inputValue"];De.value||_(t,e),w(),K.visiblePanel||(K.isActivated=!1),m("blur",{value:t},e),a&&l&&a.triggerItemEvent(e,l.itemConfig.field,t)},Le=e=>{t(e)},qe=e=>{t(e)},Ie=(e,t)=>{var a=y.value,l=_xeUtils.default.getYearWeek(e,a),a=_xeUtils.default.getWhatWeek(e,0,a,a),l=_xeUtils.default.getWhatMonth(1===l?_xeUtils.default.getWhatDay(a,6):e,t,"first");K.selectMonth=l},Oe=()=>{var e=O["type"],t=y.value;let a=new Date;switch(e){case"week":a=_xeUtils.default.getWhatWeek(a,0,t);break;case"datetime":a=new Date,K.datetimePanelValue=new Date;break;default:a=_xeUtils.default.getWhatDay(Date.now(),0,"first")}K.currentDate=a,Ie(a,0)},Ke=()=>{let e=K["datePanelType"];e="month"===e||"quarter"===e?"year":"month",K.datePanelType=e},He=t=>{var a=O["type"],{datePanelType:l,selectMonth:i,inputValue:u}=K,r=c["yearSize"];if(!X.value){let e;e="year"===a?_xeUtils.default.getWhatYear(i,-r,"first"):"month"===a||"quarter"===a?"year"===l?_xeUtils.default.getWhatYear(i,-r,"first"):_xeUtils.default.getWhatYear(i,-1,"first"):"year"===l?_xeUtils.default.getWhatYear(i,-r,"first"):"month"===l?_xeUtils.default.getWhatYear(i,-1,"first"):_xeUtils.default.getWhatMonth(i,-1,"first"),K.selectMonth=e,m("date-prev",{viewType:l,viewDate:e,value:u,type:a},t)}},Fe=e=>{Oe(),v(K.currentDate,!0),O.multiple||E(),m("date-today",{type:O.type},e)},Be=t=>{var a=O["type"],{datePanelType:l,selectMonth:i,inputValue:u}=K,r=c["yearSize"];if(!ee.value){let e;e="year"===a?_xeUtils.default.getWhatYear(i,r,"first"):"month"===a||"quarter"===a?"year"===l?_xeUtils.default.getWhatYear(i,r,"first"):_xeUtils.default.getWhatYear(i,1,"first"):"year"===l?_xeUtils.default.getWhatYear(i,r,"first"):"month"===l?_xeUtils.default.getWhatYear(i,1,"first"):_xeUtils.default.getWhatMonth(i,1,"first"),K.selectMonth=e,m("date-next",{viewType:l,value:u,type:a},t)}},R=e=>{var t=O["disabledMethod"],a=K["datePanelType"],l=q.value,i=I.value,e=e["date"];return!!(l&&l.getTime()>e.getTime())||!!(i&&i.getTime()<e.getTime())||!!t&&t({type:a,viewType:a,date:e,$datePicker:s})},Re=e=>{var{type:t,multiple:a}=O,l=K["datePanelType"];"month"===t?"year"===l?(K.datePanelType="month",f(e)):(v(e),a||E()):"year"===t?(v(e),a||E()):"quarter"===t?"year"===l?(K.datePanelType="quarter",f(e)):(v(e),a||E()):"month"===l?(K.datePanelType="week"===t?t:"day",f(e)):"year"===l?(K.datePanelType="month",f(e)):(v(e),"datetime"===t||a||E())},G=e=>{R(e)||Re(e.date)},Ge=t=>{R({date:t})||(pe.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyyMMdd"))||f(t),i(t))},ze=t=>{R({date:t})||(le.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyy"))||f(t),i(t))},je=t=>{R({date:t})||(de.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyyq"))||f(t),i(t))},$e=t=>{R({date:t})||(oe.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyyMM"))||f(t),i(t))},z=e=>{var t;R(e)||(t=K["datePanelType"],("month"===t?$e:"quarter"===t?je:"year"===t?ze:Ge)(e.date))},Qe=e=>{var t;e&&(t=e.offsetHeight,e.parentNode.scrollTop=e.offsetTop-4*t)},Ze=e=>{var t=K["datetimePanelValue"];K.datetimePanelValue=t?new Date(t.getTime()):new Date,Qe(e.currentTarget)},Je=()=>{var e=O["multiple"];const t=K["datetimePanelValue"];var a=B.value,l=o.value;if(l){const i=p.value;if(e){e=Q.value;if(l){l=[...H.value];const u=[];l.forEach(e=>{e&&(t&&(e.setHours(t.getHours()),e.setMinutes(t.getMinutes()),e.setSeconds(t.getSeconds())),u.push(e))}),_(u.map(e=>_xeUtils.default.toDateString(e,i)).join(","),{type:"update"})}else _(e.join(","),{type:"update"})}else v(a||K.currentDate)}E()},Xe=()=>{var e=O["type"],t=o.value,a=B.value;-1<["year","quarter","month","week"].indexOf(e)?K.datePanelType=e:K.datePanelType="day",K.currentDate=_xeUtils.default.getWhatDay(Date.now(),0,"first"),a?(Ie(a,0),i(a)):Oe(),t&&(K.datetimePanelValue=K.datePanelValue||_xeUtils.default.getWhatDay(Date.now(),0,"first"),(0,_vue.nextTick)(()=>{var e=C.value;_xeUtils.default.arrayEach(e.querySelectorAll("li.is--selected"),e=>{Qe(e)})}))},et=()=>(0,_vue.nextTick)().then(()=>{var l=O["placement"],i=K["panelIndex"],u=U.value,r=M.value,e=Y.value;if(u&&r){var s=u.offsetHeight,n=u.offsetWidth,d=r.offsetHeight,r=r.offsetWidth,i={zIndex:i},{boundingTop:u,boundingLeft:v,visibleHeight:o,visibleWidth:c}=(0,_dom.getAbsolutePos)(u);let a="bottom";if(e){let e=v,t=u+s;"top"===l?(a="top",t=u-d):l||(t+d+5>o&&(a="top",t=u-d),t<5&&(a="bottom",t=u+s)),e+r+5>c&&(e-=e+r+5-c),e<5&&(e=5),Object.assign(i,{left:e+"px",top:t+"px",minWidth:n+"px"})}else"top"===l?(a="top",i.bottom=s+"px"):l||(i.top=s+"px",o<u+s+d&&5<u-s-d&&(a="top",i.top="",i.bottom=s+"px"));return K.panelStyle=i,K.panelPlacement=a,(0,_vue.nextTick)()}}),tt=()=>{var e=K["visiblePanel"],t=S.value,a=x.value;return(t||e?(0,_vue.nextTick):(K.initialized||(K.initialized=!0),c.hpTimeout&&(clearTimeout(c.hpTimeout),c.hpTimeout=void 0),K.isActivated=!0,K.isAniVisible=!0,a&&Xe(),setTimeout(()=>{K.visiblePanel=!0},10),K.panelIndex<(0,_utils.getLastZIndex)()&&(K.panelIndex=(0,_utils.nextZIndex)()),et))()},V=e=>{P.value||(e.preventDefault(),tt())},at=e=>{t(e)},lt=({option:e,$event:t})=>{var a=Pe.value,l=a["autoClose"],a=e.clickMethod||a.clickMethod,e={$datePicker:s,option:e};a&&a(e),l&&E(),m("shortcut-click",e,t)},it=e=>{var{visiblePanel:t,isActivated:a}=K,l=x.value,i=k.value,u=D.value;!S.value&&a&&(K.isActivated=(0,_dom.getEventTargetNode)(e,i).flag||(0,_dom.getEventTargetNode)(e,u).flag,K.isActivated||(l?t&&(E(),w()):w()))},ut=t=>{var a=O["clearable"],l=K["visiblePanel"],i=x.value;if(!S.value){var u=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.TAB),r=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.DELETE),s=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ESCAPE),n=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ENTER),d=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_LEFT),v=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),o=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_RIGHT),c=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN),p=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.PAGE_UP),_=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.PAGE_DOWN),d=d||v||o||c;let e=K.isActivated;if(u)e&&w(),e=!1,K.isActivated=e;else if(d){if(i&&e)if(l){var o=t,{isActivated:d,datePanelValue:f,datePanelType:m}=K;if(d){o.preventDefault();var d=_ui.globalEvents.hasKey(o,_ui.GLOBAL_EVENT_KEYS.ARROW_LEFT),h=_ui.globalEvents.hasKey(o,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),g=_ui.globalEvents.hasKey(o,_ui.GLOBAL_EVENT_KEYS.ARROW_RIGHT),o=_ui.globalEvents.hasKey(o,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN);if("year"===m){let e=_xeUtils.default.getWhatYear(f||Date.now(),0,"first");d?e=_xeUtils.default.getWhatYear(e,-1):h?e=_xeUtils.default.getWhatYear(e,-4):g?e=_xeUtils.default.getWhatYear(e,1):o&&(e=_xeUtils.default.getWhatYear(e,4)),ze(e)}else if("quarter"===m){let e=_xeUtils.default.getWhatQuarter(f||Date.now(),0,"first");d?e=_xeUtils.default.getWhatQuarter(e,-1):h?e=_xeUtils.default.getWhatQuarter(e,-2):g?e=_xeUtils.default.getWhatQuarter(e,1):o&&(e=_xeUtils.default.getWhatQuarter(e,2)),je(e)}else if("month"===m){let e=_xeUtils.default.getWhatMonth(f||Date.now(),0,"first");d?e=_xeUtils.default.getWhatMonth(e,-1):h?e=_xeUtils.default.getWhatMonth(e,-4):g?e=_xeUtils.default.getWhatMonth(e,1):o&&(e=_xeUtils.default.getWhatMonth(e,4)),$e(e)}else if("week"===m){let e=f||_xeUtils.default.getWhatDay(Date.now(),0,"first");m=y.value;h?e=_xeUtils.default.getWhatWeek(e,-1,m):o&&(e=_xeUtils.default.getWhatWeek(e,1,m)),Ge(e)}else{let e=f||_xeUtils.default.getWhatDay(Date.now(),0,"first");d?e=_xeUtils.default.getWhatDay(e,-1):h?e=_xeUtils.default.getWhatWeek(e,-1,e.getDay()):g?e=_xeUtils.default.getWhatDay(e,1):o&&(e=_xeUtils.default.getWhatWeek(e,1,e.getDay())),Ge(e)}}}else(v||c)&&V(t)}else n?i&&(l?K.datePanelValue?Re(K.datePanelValue):E():e&&V(t)):(p||_)&&i&&e&&(m=t,f=K.isActivated)&&(f=_ui.globalEvents.hasKey(m,_ui.GLOBAL_EVENT_KEYS.PAGE_UP),m.preventDefault(),(f?He:Be)(m));u||s?l&&E():r&&a&&e&&We(t,null)}},rt=e=>{var t=K["visiblePanel"];S.value||t&&(t=D.value,((0,_dom.getEventTargetNode)(e,t).flag?et:(E(),w))())},st=()=>{var{isActivated:e,visiblePanel:t}=K;t?(E(),w()):e&&w()},m=(e,t,a)=>{r(e,(0,_ui.createEvent)(a,{$datePicker:s},t))},j=(e={dispatchEvent:m,focus(){var e=U.value;return K.isActivated=!0,e.focus(),(0,_vue.nextTick)()},blur(){return U.value.blur(),(K.isActivated=!1,_vue.nextTick)()},select(){return U.value.select(),(K.isActivated=!1,_vue.nextTick)()},showPanel:tt,hidePanel:E,updatePlacement:et},Object.assign(s,e),(e,t)=>{var a,l=O["festivalMethod"];return l?(a=K["datePanelType"],e=(a=(l=l({type:a,viewType:a,date:e.date,$datePicker:s}))?_xeUtils.default.isString(l)?{label:l}:l:{}).extra?_xeUtils.default.isString(a.extra)?{label:a.extra}:a.extra:null,l=[(0,_vue.h)("span",{class:["vxe-date-picker--date-label",{"is-notice":a.notice}]},e&&e.label?[(0,_vue.h)("span",""+t),(0,_vue.h)("span",{class:["vxe-date-picker--date-label--extra",e.important?"is-important":"",e.className],style:e.style},_xeUtils.default.toValueString(e.label))]:""+t)],(e=a.label)&&(e=_xeUtils.default.toValueString(e).split(","),l.push((0,_vue.h)("span",{class:["vxe-date-picker--date-festival",a.important?"is-important":"",a.className],style:a.style},[1<e.length?(0,_vue.h)("span",{class:["vxe-date-picker--date-festival--overlap","overlap--"+e.length]},e.map(e=>(0,_vue.h)("span",e.substring(0,3)))):(0,_vue.h)("span",{class:"vxe-date-picker--date-festival--label"},e[0].substring(0,3))]))),l):t}),nt=()=>{var e=K["datePanelType"];switch(e){case"week":{const l=O["multiple"],{datePanelType:i,datePanelValue:u}=K,r=B.value;var t=se.value,a=fe.value;const s=H.value,n=F.value,d="yyyyMMdd";return[(0,_vue.h)("table",{class:`vxe-date-picker--date-${i}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("thead",[(0,_vue.h)("tr",t.map(e=>(0,_vue.h)("th",e.label)))]),(0,_vue.h)("tbody",a.map(e=>{const t=l?e.some(t=>s.some(e=>_xeUtils.default.isDateSame(e,t.date,d))):e.some(e=>_xeUtils.default.isDateSame(r,e.date,d)),a=e.some(e=>_xeUtils.default.isDateSame(u,e.date,d));return(0,_vue.h)("tr",e.map(e=>(0,_vue.h)("td",{class:{"is--prev":e.isPrev,"is--current":e.isCurrent,"is--now":e.isNow,"is--next":e.isNext,"is--disabled":R(e),"is--selected":t,"is--over":n&&!t,"is--hover":!n&&a},onClick:()=>G(e),onMouseenter:()=>z(e)},j(e,e.label))))}))])];return}case"month":{const v=O["multiple"],{datePanelType:o,datePanelValue:c}=K,p=B.value;t=ce.value;const _=H.value,f=F.value,m="yyyyMM";return[(0,_vue.h)("table",{class:`vxe-date-picker--date-${o}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tbody",t.map(e=>(0,_vue.h)("tr",e.map(t=>{var e=v?_.some(e=>_xeUtils.default.isDateSame(e,t.date,m)):_xeUtils.default.isDateSame(p,t.date,m);return(0,_vue.h)("td",{class:{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":R(t),"is--selected":e,"is--over":f&&!e,"is--hover":!f&&_xeUtils.default.isDateSame(c,t.date,m)},onClick:()=>G(t),onMouseenter:()=>z(t)},j(t,(0,_ui.getI18n)("vxe.input.date.months.m"+t.month)))}))))])];return}case"quarter":{const h=O["multiple"],{datePanelType:g,datePanelValue:x}=K,y=B.value;a=ve.value;const b=H.value,k=F.value,U="yyyyq";return[(0,_vue.h)("table",{class:`vxe-date-picker--date-${g}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tbody",a.map(e=>(0,_vue.h)("tr",e.map(t=>{var e=h?b.some(e=>_xeUtils.default.isDateSame(e,t.date,U)):_xeUtils.default.isDateSame(y,t.date,U);return(0,_vue.h)("td",{class:{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":R(t),"is--selected":e,"is--over":k&&!e,"is--hover":!k&&_xeUtils.default.isDateSame(x,t.date,U)},onClick:()=>G(t),onMouseenter:()=>z(t)},j(t,(0,_ui.getI18n)("vxe.input.date.quarters.q"+t.quarter)))}))))])];return}case"year":{const D=O["multiple"],{datePanelType:P,datePanelValue:S}=K,E=B.value;var Y=ne.value;const w=H.value,V=F.value,T="yyyy";return[(0,_vue.h)("table",{class:`vxe-date-picker--date-${P}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tbody",Y.map(e=>(0,_vue.h)("tr",e.map(t=>{var e=D?w.some(e=>_xeUtils.default.isDateSame(e,t.date,T)):_xeUtils.default.isDateSame(E,t.date,T);return(0,_vue.h)("td",{class:{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":R(t),"is--selected":e,"is--over":V&&!e,"is--hover":!V&&_xeUtils.default.isDateSame(S,t.date,T)},onClick:()=>G(t),onMouseenter:()=>z(t)},j(t,t.year))}))))])];return}}{const W=O["multiple"],{datePanelType:N,datePanelValue:M}=K,q=B.value;var e=re.value,L=_e.value;const I=H.value,C=F.value,A="yyyyMMdd";return[(0,_vue.h)("table",{class:`vxe-date-picker--date-${N}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("thead",[(0,_vue.h)("tr",e.map(e=>(0,_vue.h)("th",e.label)))]),(0,_vue.h)("tbody",L.map(e=>(0,_vue.h)("tr",e.map(t=>{var e=W?I.some(e=>_xeUtils.default.isDateSame(e,t.date,A)):_xeUtils.default.isDateSame(q,t.date,A);return(0,_vue.h)("td",{class:{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":R(t),"is--selected":e,"is--over":C&&!e,"is--hover":!C&&_xeUtils.default.isDateSame(M,t.date,A)},onClick:()=>G(t),onMouseenter:()=>z(t)},j(t,t.label))}))))])]}},dt=()=>{var e=O["multiple"],t=K["datePanelType"],a=X.value,l=ee.value,i=ie.value,u=$.value;return[(0,_vue.h)("div",{class:"vxe-date-picker--date-picker-header"},[(0,_vue.h)("div",{class:"vxe-date-picker--date-picker-type-wrapper"},["year"===t?(0,_vue.h)("span",{class:"vxe-date-picker--date-picker-label"},i):(0,_vue.h)("span",{class:"vxe-date-picker--date-picker-btn",onClick:Ke},i)]),(0,_vue.h)("div",{class:"vxe-date-picker--date-picker-btn-wrapper"},[(0,_vue.h)("span",{class:["vxe-date-picker--date-picker-btn vxe-date-picker--date-picker-prev-btn",{"is--disabled":a}],onClick:He},[(0,_vue.h)("i",{class:"vxe-icon-caret-left"})]),(0,_vue.h)("span",{class:"vxe-date-picker--date-picker-btn vxe-date-picker--date-picker-current-btn",onClick:Fe},[(0,_vue.h)("i",{class:"vxe-icon-dot"})]),(0,_vue.h)("span",{class:["vxe-date-picker--date-picker-btn vxe-date-picker--date-picker-next-btn",{"is--disabled":l}],onClick:Be},[(0,_vue.h)("i",{class:"vxe-icon-caret-right"})]),e&&u?(0,_vue.h)("span",{class:"vxe-date-picker--date-picker-btn vxe-date-picker--date-picker-confirm-btn"},[(0,_vue.h)("button",{class:"vxe-date-picker--date-picker-confirm",type:"button",onClick:Je},(0,_ui.getI18n)("vxe.button.confirm"))]):null])]),(0,_vue.h)("div",{class:"vxe-date-picker--date-picker-body"},nt())]},vt=()=>{const t=K["datetimePanelValue"];var e=te.value,a=me.value,l=ge.value,i=he.value,u=xe.value,r=ye.value;return[(0,_vue.h)("div",{class:"vxe-date-picker--time-picker-header"},[l?(0,_vue.h)("div",{class:"vxe-date-picker--time-picker-title"},e):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-date-picker--time-picker-btn"},[(0,_vue.h)("button",{class:"vxe-date-picker--time-picker-confirm",type:"button",onClick:Je},(0,_ui.getI18n)("vxe.button.confirm"))])]),(0,_vue.h)("div",{ref:C,class:"vxe-date-picker--time-picker-body"},[(0,_vue.h)("ul",{class:"vxe-date-picker--time-picker-hour-list"},a.map((l,e)=>(0,_vue.h)("li",{key:e,class:{"is--selected":t&&t.getHours()===l.value},onClick:e=>{return e=e,t=l,(a=K.datetimePanelValue)&&a.setHours(t.value),void Ze(e);var t,a}},l.label))),l?(0,_vue.h)("ul",{class:"vxe-date-picker--time-picker-minute-list"},i.map((l,e)=>(0,_vue.h)("li",{key:e,class:{"is--selected":t&&t.getMinutes()===l.value},onClick:e=>{return e=e,t=l,(a=K.datetimePanelValue)&&a.setMinutes(t.value),void Ze(e);var t,a}},l.label))):(0,_vue.createCommentVNode)(),l&&u?(0,_vue.h)("ul",{class:"vxe-date-picker--time-picker-second-list"},r.map((l,e)=>(0,_vue.h)("li",{key:e,class:{"is--selected":t&&t.getSeconds()===l.value},onClick:e=>{return e=e,t=l,(a=K.datetimePanelValue)&&a.setSeconds(t.value),void Ze(e);var t,a}},l.label))):(0,_vue.createCommentVNode)()])]},T=(e,t)=>{var a=Pe.value,{options:l,position:i,align:u,mode:r}=a;return(0,_utils.isEnableConf)(a)&&l&&l.length&&(i||"left")===e?(0,_vue.h)("div",{class:`vxe-date-picker--panel-${e}-wrapper`},[(0,_vue.h)(_buttonGroup.default,{options:l,mode:r,align:u,vertical:t,onClick:lt})]):(0,_ui.renderEmptyElement)(s)},ot=()=>(0,_vue.h)("div",{class:"vxe-date-picker--control-icon",onClick:V},[(0,_vue.h)("i",{class:["vxe-date-picker--date-picker-icon",(0,_ui.getIcon)().DATE_PICKER_DATE]})]);return(0,_vue.watch)(()=>O.modelValue,e=>{Se(e),Me()}),(0,_vue.watch)(()=>O.type,()=>{Object.assign(K,{inputValue:"",datetimePanelValue:null,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null}),Ce()}),(0,_vue.watch)(n,()=>{x.value&&(i(K.datePanelValue),K.inputValue=O.multiple?Z.value:K.datePanelLabel)}),(0,_vue.nextTick)(()=>{_ui.globalEvents.on(s,"mousewheel",rt),_ui.globalEvents.on(s,"mousedown",it),_ui.globalEvents.on(s,"keydown",ut),_ui.globalEvents.on(s,"blur",st)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(s,"mousewheel"),_ui.globalEvents.off(s,"mousedown"),_ui.globalEvents.off(s,"keydown"),_ui.globalEvents.off(s,"blur")}),Ce(),s.renderVN=()=>{var e,t,a,l,i,u,r,s,n,d,{className:v,type:o,align:c,name:p,autocomplete:_,autoComplete:f}=O,{inputValue:m,visiblePanel:h,isActivated:g}=K,x=N.value,y=S.value;return P.value?(0,_vue.h)("div",{ref:k,class:["vxe-date-picker--readonly","type--"+o,v]},m):(e=be.value,t=ke.value,a=Ue.value,l=L.value,u=O.prefixIcon,i=(i=b.prefix)||u?(0,_vue.h)("div",{class:"vxe-date-picker--prefix",onClick:Te},[(0,_vue.h)("div",{class:"vxe-date-picker--prefix-icon"},i?(0,_vn.getSlotVNs)(i({})):[(0,_vue.h)("i",{class:u})])]):null,u=O.suffixIcon,r=K.inputValue,s=b.suffix,n=S.value,d=L.value,n=(0,_vue.h)("div",{class:["vxe-date-picker--suffix",{"is--clear":d&&!n&&!(""===r||_xeUtils.default.eqNull(r))}]},[d?(0,_vue.h)("div",{class:"vxe-date-picker--clear-icon",onClick:We},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]):(0,_vue.createCommentVNode)(),ot(),s||u?(0,_vue.h)("div",{class:"vxe-date-picker--suffix-icon",onClick:Ne},s?(0,_vn.getSlotVNs)(s({})):[(0,_vue.h)("i",{class:u})]):(0,_vue.createCommentVNode)()]),(0,_vue.h)("div",{ref:k,class:["vxe-date-picker","type--"+o,v,{["size--"+x]:x,["is--"+c]:c,"is--prefix":!!i,"is--suffix":!!n,"is--visible":h,"is--disabled":y,"is--active":g,"show--clear":l&&!y&&!(""===m||_xeUtils.default.eqNull(m))}],spellcheck:!1},[i||(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-date-picker--wrapper"},[(0,_vue.h)("input",{ref:U,class:"vxe-date-picker--inner",value:m,name:p,type:t,placeholder:a,readonly:e,disabled:y,autocomplete:f||_,onKeydown:Le,onKeyup:qe,onClick:at,onInput:Ee,onChange:we,onFocus:Ve,onBlur:Ye})]),n||(0,_vue.createCommentVNode)(),(()=>{var e=O["type"],{initialized:t,isAniVisible:a,visiblePanel:l,panelPlacement:i,panelStyle:u}=K,r=N.value,s=Y.value,{options:n,position:d}=Pe.value,v=b.header,o=b.footer,c=b.top,p=b.bottom,_=b.left,f=b.right,n=n&&n.length,m=[];return m.push("datetime"===e?(0,_vue.h)("div",{key:e,ref:D,class:"vxe-date-picker--panel-datetime-layout-wrapper"},[(0,_vue.h)("div",{class:"vxe-date-picker--panel-datetime-left-wrapper"},dt()),(0,_vue.h)("div",{class:"vxe-date-picker--panel-datetime-right-wrapper"},vt())]):"time"===e?(0,_vue.h)("div",{key:e,ref:D,class:"vxe-date-picker--panel-wrapper"},vt()):(0,_vue.h)("div",{key:e||"default",ref:D,class:"vxe-date-picker--panel-wrapper"},dt())),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!s||!t},[(0,_vue.h)("div",{ref:M,class:["vxe-table--ignore-clear vxe-date-picker--panel","type--"+e,{["size--"+r]:r,"is--transfer":s,"ani--leave":a,"ani--enter":l,"show--top":!!(c||v||n&&("top"===d||"header"===d)),"show--bottom":!!(p||o||n&&("bottom"===d||"footer"===d)),"show--left":!!(_||n&&"left"===d),"show--right":!!(f||n&&"right"===d)}],placement:i,style:u},t&&(l||a)?[(0,_vue.h)("div",{class:"vxe-date-picker--panel-layout-wrapper"},[c?(0,_vue.h)("div",{class:"vxe-date-picker--panel-top-wrapper"},c({})):T("top"),(0,_vue.h)("div",{class:"vxe-date-picker--panel-body-layout-wrapper"},[_?(0,_vue.h)("div",{class:"vxe-date-picker--panel-left-wrapper"},_({})):T("left",!0),(0,_vue.h)("div",{class:"vxe-date-picker--panel-body-content-wrapper"},[v?(0,_vue.h)("div",{class:"vxe-date-picker--panel-header-wrapper"},v({})):T("header"),(0,_vue.h)("div",{class:"vxe-date-picker--panel-body-wrapper"},m),o?(0,_vue.h)("div",{class:"vxe-date-picker--panel-footer-wrapper"},o({})):T("footer")]),f?(0,_vue.h)("div",{class:"vxe-date-picker--panel-right-wrapper"},f({})):T("right",!0)]),p?(0,_vue.h)("div",{class:"vxe-date-picker--panel-bottom-wrapper"},p({})):T("bottom")])]:[])])})()]))},s},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_util=require("./util"),_vn=require("../..//ui/src/vn"),_buttonGroup=_interopRequireDefault(require("../../button/src/button-group"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeDatePicker",props:{modelValue:[String,Number,Date],immediate:{type:Boolean,default:!0},name:String,type:{type:String,default:"date"},clearable:{type:Boolean,default:()=>(0,_ui.getConfig)().datePicker.clearable},readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},placeholder:String,maxLength:[String,Number],autoComplete:{type:String,default:"off"},align:String,form:String,className:String,size:{type:String,default:()=>(0,_ui.getConfig)().datePicker.size||(0,_ui.getConfig)().size},multiple:Boolean,limitCount:{type:[String,Number],default:()=>(0,_ui.getConfig)().upload.limitCount},startDate:{type:[String,Number,Date],default:()=>(0,_ui.getConfig)().datePicker.startDate},endDate:{type:[String,Number,Date],default:()=>(0,_ui.getConfig)().datePicker.endDate},minDate:[String,Number,Date],maxDate:[String,Number,Date],startDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().datePicker.startDay},labelFormat:String,valueFormat:String,editable:{type:Boolean,default:!0},festivalMethod:{type:Function,default:()=>(0,_ui.getConfig)().datePicker.festivalMethod},disabledMethod:{type:Function,default:()=>(0,_ui.getConfig)().datePicker.disabledMethod},selectDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().datePicker.selectDay},prefixIcon:String,suffixIcon:String,placement:String,transfer:{type:Boolean,default:null},shortcutConfig:Object,startWeek:Number,maxlength:[String,Number],autocomplete:String},emits:["update:modelValue","input","change","keydown","keyup","click","focus","blur","clear","prefix-click","suffix-click","date-prev","date-today","date-next","shortcut-click"],setup(O,u){const{slots:b,emit:r}=u,h=(0,_vue.inject)("$xeModal",null),g=(0,_vue.inject)("$xeDrawer",null),W=(0,_vue.inject)("$xeTable",null),a=(0,_vue.inject)("$xeForm",null),l=(0,_vue.inject)("xeFormItemInfo",null);var e=_xeUtils.default.uniqueId();const N=(0,_ui.useSize)(O)["computeSize"],K=(0,_vue.reactive)({initialized:!1,panelIndex:0,visiblePanel:!1,isAniVisible:!1,panelStyle:{},panelPlacement:"",isActivated:!1,inputValue:"",datetimePanelValue:null,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null}),c={yearSize:12,monthSize:20,quarterSize:8,hpTimeout:void 0},k=(0,_vue.ref)(),U=(0,_vue.ref)(),M=(0,_vue.ref)(),D=(0,_vue.ref)(),C=(0,_vue.ref)(),A={refElem:k,refInput:U},s={xID:e,props:O,context:u,reactData:K,internalData:c,getRefMaps:()=>A};const Y=(0,_vue.computed)(()=>{var e=O["transfer"];if(null===e){var t=(0,_ui.getConfig)().datePicker.transfer;if(_xeUtils.default.isBoolean(t))return t;if(W||h||g||a)return!0}return e}),P=(0,_vue.computed)(()=>{var e=O["readonly"];return null===e?!!a&&a.props.readonly:e}),S=(0,_vue.computed)(()=>{var e=O["disabled"];return null===e?!!a&&a.props.disabled:e}),o=(0,_vue.computed)(()=>{var e=O["type"];return"time"===e||"datetime"===e}),x=(0,_vue.computed)(()=>{return o.value||-1<["date","week","month","quarter","year"].indexOf(O.type)}),L=(0,_vue.computed)(()=>O.clearable),q=(0,_vue.computed)(()=>O.startDate?_xeUtils.default.toStringDate(O.startDate):null),I=(0,_vue.computed)(()=>O.endDate?_xeUtils.default.toStringDate(O.endDate):null),$=(0,_vue.computed)(()=>-1<["date","week","month","quarter","year"].indexOf(O.type)),H=(0,_vue.computed)(()=>{var{modelValue:e,multiple:t}=O,a=x.value;const l=p.value;return t&&e&&a?_xeUtils.default.toValueString(e).split(",").map(e=>{e=d(e,l);return _xeUtils.default.isValidDate(e),e}):[]}),Q=(0,_vue.computed)(()=>{var e=H.value;const t=p.value;return e.map(e=>_xeUtils.default.toDateString(e,t))}),Z=(0,_vue.computed)(()=>{var e=H.value;const t=n.value;return e.map(e=>_xeUtils.default.toDateString(e,t)).join(", ")}),J=(0,_vue.computed)(()=>O.multiple?_xeUtils.default.toNumber(O.limitCount):0),F=(0,_vue.computed)(()=>{var e=O["multiple"],t=J.value,a=Q.value;return!(!e||!t)&&a.length>=t}),p=(0,_vue.computed)(()=>{var{type:e,valueFormat:t}=O;return t||("time"===e?"HH:mm:ss":"datetime"===e?"yyyy-MM-dd HH:mm:ss":"yyyy-MM-dd")}),B=(0,_vue.computed)(()=>{var e=O["modelValue"],t=x.value,a=p.value;let l=null;return l=e&&t&&(t=d(e,a),_xeUtils.default.isValidDate(t))?t:l}),X=(0,_vue.computed)(()=>{var e=q.value,t=K["selectMonth"];return!(!t||!e)&&t<=e}),ee=(0,_vue.computed)(()=>{var e=I.value,t=K["selectMonth"];return!(!t||!e)&&e<=t}),te=(0,_vue.computed)(()=>{var e=K["datetimePanelValue"],t=xe.value;return e?_xeUtils.default.toDateString(e,t?"HH:mm:ss":"HH:mm"):""}),ae=(0,_vue.computed)(()=>{var e=B.value,t=o.value;return e&&t?1e3*(3600*e.getHours()+60*e.getMinutes()+e.getSeconds()):0}),n=(0,_vue.computed)(()=>{var e=O["labelFormat"];return x.value?e||(0,_ui.getI18n)("vxe.input.date.labelFormat."+O.type):null}),le=(0,_vue.computed)(()=>{var t=c["yearSize"],{selectMonth:e,currentDate:a}=K,l=[];if(e&&a){var i=a.getFullYear(),a=e.getFullYear(),u=new Date(a-a%t,0,1);for(let e=-4;e<t+4;e++){var r=_xeUtils.default.getWhatYear(u,e,"first"),s=r.getFullYear();l.push({date:r,isCurrent:!0,isPrev:e<0,isNow:i===s,isNext:e>=t,year:s})}}return l}),ie=(0,_vue.computed)(()=>{if(x.value){var{datePanelType:a,selectMonth:l}=K,i=le.value;let e="",t;return l&&(e=l.getFullYear(),t=l.getMonth()+1),"quarter"===a?(0,_ui.getI18n)("vxe.input.date.quarterLabel",[e]):"month"===a?(0,_ui.getI18n)("vxe.input.date.monthLabel",[e]):"year"===a?i.length?i[0].year+" - "+i[i.length-1].year:"":(0,_ui.getI18n)("vxe.input.date.dayLabel",[e,t?(0,_ui.getI18n)("vxe.input.date.m"+t):"-"])}return""}),y=(0,_vue.computed)(()=>{var{startDay:e,startWeek:t}=O;return _xeUtils.default.toNumber(_xeUtils.default.isNumber(e)||_xeUtils.default.isString(e)?e:t)}),ue=(0,_vue.computed)(()=>{var a=[];if(x.value){let t=y.value;a.push(t);for(let e=0;e<6;e++)6<=t?t=0:t++,a.push(t)}return a}),re=(0,_vue.computed)(()=>{return x.value?ue.value.map(e=>({value:e,label:(0,_ui.getI18n)("vxe.input.date.weeks.w"+e)})):[]}),se=(0,_vue.computed)(()=>{var e;return x.value?(e=re.value,[{label:(0,_ui.getI18n)("vxe.input.date.weeks.w")}].concat(e)):[]}),ne=(0,_vue.computed)(()=>{var e=le.value;return _xeUtils.default.chunk(e,4)}),de=(0,_vue.computed)(()=>{var t=c["quarterSize"],{selectMonth:e,currentDate:a}=K,l=[];if(e&&a){var i=a.getFullYear(),u=(0,_util.getDateQuarter)(a),r=_xeUtils.default.getWhatYear(e,0,"first"),s=r.getFullYear();for(let e=-2;e<t-2;e++){var n=_xeUtils.default.getWhatQuarter(r,e),d=n.getFullYear(),v=(0,_util.getDateQuarter)(n),o=d<s;l.push({date:n,isPrev:o,isCurrent:d===s,isNow:d===i&&v===u,isNext:!o&&s<d,quarter:v})}}return l}),ve=(0,_vue.computed)(()=>{var e=de.value;return _xeUtils.default.chunk(e,2)}),oe=(0,_vue.computed)(()=>{var t=c["monthSize"],{selectMonth:a,currentDate:e}=K,l=[];if(a&&e){var i=e.getFullYear(),u=e.getMonth(),r=_xeUtils.default.getWhatYear(a,0,"first").getFullYear();for(let e=-4;e<t-4;e++){var s=_xeUtils.default.getWhatYear(a,0,e),n=s.getFullYear(),d=s.getMonth(),v=n<r;l.push({date:s,isPrev:v,isCurrent:n===r,isNow:n===i&&d===u,isNext:!v&&r<n,month:d})}}return l}),ce=(0,_vue.computed)(()=>{var e=oe.value;return _xeUtils.default.chunk(e,4)}),pe=(0,_vue.computed)(()=>{var{selectMonth:t,currentDate:e}=K,a=[];if(t&&e){var l=ae.value,i=ue.value,u=e.getFullYear(),r=e.getMonth(),s=e.getDate(),n=t.getFullYear(),d=t.getMonth(),e=t.getDay(),i=-i.indexOf(e),v=new Date(_xeUtils.default.getWhatDay(t,i).getTime()+l);for(let e=0;e<42;e++){var o=_xeUtils.default.getWhatDay(v,e),c=o.getFullYear(),p=o.getMonth(),_=o.getDate(),f=o<t;a.push({date:o,isPrev:f,isCurrent:c===n&&p===d,isNow:c===u&&p===r&&_===s,isNext:!f&&d!==p,label:_})}}return a}),_e=(0,_vue.computed)(()=>{var e=pe.value;return _xeUtils.default.chunk(e,7)}),fe=(0,_vue.computed)(()=>{var e=_e.value;const a=y.value;return e.map(e=>{var t=e[0];return[{date:t.date,isWeekNumber:!0,isPrev:!1,isCurrent:!1,isNow:!1,isNext:!1,label:_xeUtils.default.getYearWeek(t.date,a)}].concat(e)})}),me=(0,_vue.computed)(()=>{var t=[];if(o.value)for(let e=0;e<24;e++)t.push({value:e,label:(""+e).padStart(2,"0")});return t}),he=(0,_vue.computed)(()=>{var t=[];if(o.value)for(let e=0;e<60;e++)t.push({value:e,label:(""+e).padStart(2,"0")});return t}),ge=(0,_vue.computed)(()=>{var e=p.value;return!/HH/.test(e)||/mm/.test(e)}),xe=(0,_vue.computed)(()=>{var e=p.value;return!/HH/.test(e)||/ss/.test(e)}),ye=(0,_vue.computed)(()=>{return he.value}),be=(0,_vue.computed)(()=>{var{type:e,editable:t,multiple:a}=O;return P.value||a||!t||"week"===e||"quarter"===e}),ke=(0,_vue.computed)(()=>"text"),Ue=(0,_vue.computed)(()=>{var e=O["placeholder"];return(e=e||(0,_ui.getConfig)().datePicker.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseSelect")}),De=(0,_vue.computed)(()=>{var e=O["immediate"];return e}),Pe=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().datePicker.shortcutConfig,O.shortcutConfig)),Se=e=>{var{isActivated:t,visiblePanel:a}=K;let l="";e&&(l=_xeUtils.default.isNumber(e)&&/^[0-9]{11,15}$/.test(""+e)?new Date(e):e),K.inputValue=l,t&&a&&Xe()},d=(e,t)=>{var{type:a,multiple:l}=O;return"time"===a?(0,_util.toStringTimeDate)(e):_xeUtils.default.isArray(e)?_xeUtils.default.toStringDate(e[0],t):_xeUtils.default.isString(e)?_xeUtils.default.toStringDate(l?_xeUtils.default.last(e.split(",")):e,t):_xeUtils.default.toStringDate(e,t)},t=e=>{var t=K["inputValue"];m(e.type,{value:t},e)},_=(e,t)=>{K.inputValue=e,r("update:modelValue",e),_xeUtils.default.toValueString(O.modelValue)!==e&&(m("change",{value:e},t),a)&&l&&a.triggerItemEvent(t,l.itemConfig.field,e)},Ee=e=>{var t=x.value,a=De.value,l=e.target.value;K.inputValue=l,t||(a?_(l,e):m("input",{value:l},e))},we=e=>{De.value||t(e)},Ve=e=>{K.isActivated=!0,x.value&&V(e),t(e)},Te=e=>{var t;S.value||(t=K["inputValue"],m("prefix-click",{value:t},e))},E=()=>new Promise(e=>{K.visiblePanel=!1,c.hpTimeout=setTimeout(()=>{K.isAniVisible=!1,e()},350)}),We=(e,t)=>{x.value&&E(),_("",e),m("clear",{value:t},e)},Ne=e=>{var t;S.value||(t=K["inputValue"],m("suffix-click",{value:t},e))},i=e=>{var t=O["type"],a=n.value,l=p.value,i=y.value;let u=null,r="";e&&(u=d(e,l)),_xeUtils.default.isValidDate(u)?(r=_xeUtils.default.toDateString(u,a,{firstDay:i}),a&&"week"===t&&(e=_xeUtils.default.getYearWeek(u,i),(l=_xeUtils.default.getWhatWeek(u,0,1===e?(6+i)%7:i,i).getFullYear())!==u.getFullYear())&&-1<(t=a.indexOf("yyyy"))&&(e=Number(r.substring(t,t+4)))&&!isNaN(e)&&(r=r.replace(""+e,""+l))):u=null,K.datePanelValue=u,K.datePanelLabel=r},Me=()=>{var e=x.value,t=K["inputValue"];e&&(i(t),K.inputValue=O.multiple?Z.value:K.datePanelLabel)},Ce=()=>{var e=x.value;Se(O.modelValue),e&&Me()},Ae=()=>{K.inputValue=O.multiple?Z.value:K.datePanelLabel},f=e=>{var t=y.value,a=_xeUtils.default.getYearWeek(e,t),t=_xeUtils.default.getWhatWeek(e,0,t,t),a=_xeUtils.default.getWhatMonth(1===a?_xeUtils.default.getWhatDay(t,6):e,0,"first");_xeUtils.default.isEqual(a,K.selectMonth)||(K.selectMonth=a)},v=(t,e)=>{var{modelValue:a,multiple:l}=O;const i=K["datetimePanelValue"];var u=o.value;const r=p.value;var s=y.value;"week"===O.type?(d=_xeUtils.default.toNumber(O.selectDay),t=_xeUtils.default.getWhatWeek(t,0,d,s)):u&&i&&(t.setHours(i.getHours()),t.setMinutes(i.getMinutes()),t.setSeconds(i.getSeconds()));const n=_xeUtils.default.toDateString(t,r,{firstDay:s});if(f(t),l){var d=F.value;if(u){s=e?[]:[...H.value];const v=[];l=_xeUtils.default.findIndexOf(s,e=>_xeUtils.default.isDateSame(t,e,"yyyyMMdd"));if(-1===l){if(d)return;s.push(t)}else s.splice(l,1);s.forEach(e=>{e&&(i&&(e.setHours(i.getHours()),e.setMinutes(i.getMinutes()),e.setSeconds(i.getSeconds())),v.push(e))}),_(v.map(e=>_xeUtils.default.toDateString(e,r)).join(","),{type:"update"})}else{u=e?[]:Q.value;u.some(e=>_xeUtils.default.isEqual(e,n))?_(u.filter(e=>!_xeUtils.default.isEqual(e,n)).join(","),{type:"update"}):d||_(u.concat([n]).join(","),{type:"update"})}}else _xeUtils.default.isEqual(a,n)||_(n,{type:"update"})},w=()=>{var a=O["type"],{inputValue:l,datetimePanelValue:i}=K,u=n.value;if(!be.value)if(l){let t=d(l,u);if(_xeUtils.default.isValidDate(t))if("time"===a)l!==(t=_xeUtils.default.toDateString(t,u))&&_(t,{type:"check"}),K.inputValue=t;else{let e=!1;var r=y.value;"datetime"===a?(a=B.value,l===_xeUtils.default.toDateString(a,u)&&l===_xeUtils.default.toDateString(t,u)||(e=!0,i&&(i.setHours(t.getHours()),i.setMinutes(t.getMinutes()),i.setSeconds(t.getSeconds())))):e=!0,K.inputValue=_xeUtils.default.toDateString(t,u,{firstDay:r}),e&&v(t)}else Ae()}else _("",{type:"check"})},Ye=e=>{var t=K["inputValue"];De.value||_(t,e),w(),K.visiblePanel||(K.isActivated=!1),m("blur",{value:t},e),a&&l&&a.triggerItemEvent(e,l.itemConfig.field,t)},Le=e=>{t(e)},qe=e=>{t(e)},Ie=(e,t)=>{var a=y.value,l=_xeUtils.default.getYearWeek(e,a),a=_xeUtils.default.getWhatWeek(e,0,a,a),l=_xeUtils.default.getWhatMonth(1===l?_xeUtils.default.getWhatDay(a,6):e,t,"first");K.selectMonth=l},Oe=()=>{var e=O["type"],t=y.value;let a=new Date;switch(e){case"week":a=_xeUtils.default.getWhatWeek(a,0,t);break;case"datetime":a=new Date,K.datetimePanelValue=new Date;break;default:a=_xeUtils.default.getWhatDay(Date.now(),0,"first")}K.currentDate=a,Ie(a,0)},Ke=()=>{let e=K["datePanelType"];e="month"===e||"quarter"===e?"year":"month",K.datePanelType=e},He=t=>{var a=O["type"],{datePanelType:l,selectMonth:i,inputValue:u}=K,r=c["yearSize"];if(!X.value){let e;e="year"===a?_xeUtils.default.getWhatYear(i,-r,"first"):"month"===a||"quarter"===a?"year"===l?_xeUtils.default.getWhatYear(i,-r,"first"):_xeUtils.default.getWhatYear(i,-1,"first"):"year"===l?_xeUtils.default.getWhatYear(i,-r,"first"):"month"===l?_xeUtils.default.getWhatYear(i,-1,"first"):_xeUtils.default.getWhatMonth(i,-1,"first"),K.selectMonth=e,m("date-prev",{viewType:l,viewDate:e,value:u,type:a},t)}},Fe=e=>{Oe(),v(K.currentDate,!0),O.multiple||E(),m("date-today",{type:O.type},e)},Be=t=>{var a=O["type"],{datePanelType:l,selectMonth:i,inputValue:u}=K,r=c["yearSize"];if(!ee.value){let e;e="year"===a?_xeUtils.default.getWhatYear(i,r,"first"):"month"===a||"quarter"===a?"year"===l?_xeUtils.default.getWhatYear(i,r,"first"):_xeUtils.default.getWhatYear(i,1,"first"):"year"===l?_xeUtils.default.getWhatYear(i,r,"first"):"month"===l?_xeUtils.default.getWhatYear(i,1,"first"):_xeUtils.default.getWhatMonth(i,1,"first"),K.selectMonth=e,m("date-next",{viewType:l,value:u,type:a},t)}},R=e=>{var t=O["disabledMethod"],a=K["datePanelType"],l=q.value,i=I.value,e=e["date"];return!!(l&&l.getTime()>e.getTime())||!!(i&&i.getTime()<e.getTime())||!!t&&t({type:a,viewType:a,date:e,$datePicker:s})},Re=e=>{var{type:t,multiple:a}=O,l=K["datePanelType"];"month"===t?"year"===l?(K.datePanelType="month",f(e)):(v(e),a||E()):"year"===t?(v(e),a||E()):"quarter"===t?"year"===l?(K.datePanelType="quarter",f(e)):(v(e),a||E()):"month"===l?(K.datePanelType="week"===t?t:"day",f(e)):"year"===l?(K.datePanelType="month",f(e)):(v(e),"datetime"===t||a||E())},G=e=>{R(e)||Re(e.date)},Ge=t=>{R({date:t})||(pe.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyyMMdd"))||f(t),i(t))},ze=t=>{R({date:t})||(le.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyy"))||f(t),i(t))},je=t=>{R({date:t})||(de.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyyq"))||f(t),i(t))},$e=t=>{R({date:t})||(oe.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyyMM"))||f(t),i(t))},z=e=>{var t;R(e)||(t=K["datePanelType"],("month"===t?$e:"quarter"===t?je:"year"===t?ze:Ge)(e.date))},Qe=e=>{var t;e&&(t=e.offsetHeight,e.parentNode.scrollTop=e.offsetTop-4*t)},Ze=e=>{var t=K["datetimePanelValue"];K.datetimePanelValue=t?new Date(t.getTime()):new Date,Qe(e.currentTarget)},Je=()=>{var e=O["multiple"];const t=K["datetimePanelValue"];var a=B.value,l=o.value;if(l){const i=p.value;if(e){e=Q.value;if(l){l=[...H.value];const u=[];l.forEach(e=>{e&&(t&&(e.setHours(t.getHours()),e.setMinutes(t.getMinutes()),e.setSeconds(t.getSeconds())),u.push(e))}),_(u.map(e=>_xeUtils.default.toDateString(e,i)).join(","),{type:"update"})}else _(e.join(","),{type:"update"})}else v(a||K.currentDate)}E()},Xe=()=>{var e=O["type"],t=o.value,a=B.value;-1<["year","quarter","month","week"].indexOf(e)?K.datePanelType=e:K.datePanelType="day",K.currentDate=_xeUtils.default.getWhatDay(Date.now(),0,"first"),a?(Ie(a,0),i(a)):Oe(),t&&(K.datetimePanelValue=K.datePanelValue||_xeUtils.default.getWhatDay(Date.now(),0,"first"),(0,_vue.nextTick)(()=>{var e=C.value;_xeUtils.default.arrayEach(e.querySelectorAll("li.is--selected"),e=>{Qe(e)})}))},et=()=>(0,_vue.nextTick)().then(()=>{var l=O["placement"],i=K["panelIndex"],u=U.value,r=M.value,e=Y.value;if(u&&r){var s=u.offsetHeight,n=u.offsetWidth,d=r.offsetHeight,r=r.offsetWidth,i={zIndex:i},{boundingTop:u,boundingLeft:v,visibleHeight:o,visibleWidth:c}=(0,_dom.getAbsolutePos)(u);let a="bottom";if(e){let e=v,t=u+s;"top"===l?(a="top",t=u-d):l||(t+d+5>o&&(a="top",t=u-d),t<5&&(a="bottom",t=u+s)),e+r+5>c&&(e-=e+r+5-c),e<5&&(e=5),Object.assign(i,{left:e+"px",top:t+"px",minWidth:n+"px"})}else"top"===l?(a="top",i.bottom=s+"px"):l||(i.top=s+"px",o<u+s+d&&5<u-s-d&&(a="top",i.top="",i.bottom=s+"px"));return K.panelStyle=i,K.panelPlacement=a,(0,_vue.nextTick)()}}),tt=()=>{var e=K["visiblePanel"],t=S.value,a=x.value;return(t||e?(0,_vue.nextTick):(K.initialized||(K.initialized=!0),c.hpTimeout&&(clearTimeout(c.hpTimeout),c.hpTimeout=void 0),K.isActivated=!0,K.isAniVisible=!0,a&&Xe(),setTimeout(()=>{K.visiblePanel=!0},10),K.panelIndex<(0,_utils.getLastZIndex)()&&(K.panelIndex=(0,_utils.nextZIndex)()),et))()},V=e=>{P.value||(e.preventDefault(),tt())},at=e=>{t(e)},lt=({option:e,$event:t})=>{var a=Pe.value,l=a["autoClose"],a=e.clickMethod||a.clickMethod,e={$datePicker:s,option:e};a&&a(e),l&&E(),m("shortcut-click",e,t)},it=e=>{var{visiblePanel:t,isActivated:a}=K,l=x.value,i=k.value,u=D.value;!S.value&&a&&(K.isActivated=(0,_dom.getEventTargetNode)(e,i).flag||(0,_dom.getEventTargetNode)(e,u).flag,K.isActivated||(l?t&&(E(),w()):w()))},ut=t=>{var a=O["clearable"],l=K["visiblePanel"],i=x.value;if(!S.value){var u=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.TAB),r=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.DELETE),s=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ESCAPE),n=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ENTER),d=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_LEFT),v=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),o=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_RIGHT),c=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN),p=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.PAGE_UP),_=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.PAGE_DOWN),d=d||v||o||c;let e=K.isActivated;if(u)e&&w(),e=!1,K.isActivated=e;else if(d){if(i&&e)if(l){var o=t,{isActivated:d,datePanelValue:f,datePanelType:m}=K;if(d){o.preventDefault();var d=_ui.globalEvents.hasKey(o,_ui.GLOBAL_EVENT_KEYS.ARROW_LEFT),h=_ui.globalEvents.hasKey(o,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),g=_ui.globalEvents.hasKey(o,_ui.GLOBAL_EVENT_KEYS.ARROW_RIGHT),o=_ui.globalEvents.hasKey(o,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN);if("year"===m){let e=_xeUtils.default.getWhatYear(f||Date.now(),0,"first");d?e=_xeUtils.default.getWhatYear(e,-1):h?e=_xeUtils.default.getWhatYear(e,-4):g?e=_xeUtils.default.getWhatYear(e,1):o&&(e=_xeUtils.default.getWhatYear(e,4)),ze(e)}else if("quarter"===m){let e=_xeUtils.default.getWhatQuarter(f||Date.now(),0,"first");d?e=_xeUtils.default.getWhatQuarter(e,-1):h?e=_xeUtils.default.getWhatQuarter(e,-2):g?e=_xeUtils.default.getWhatQuarter(e,1):o&&(e=_xeUtils.default.getWhatQuarter(e,2)),je(e)}else if("month"===m){let e=_xeUtils.default.getWhatMonth(f||Date.now(),0,"first");d?e=_xeUtils.default.getWhatMonth(e,-1):h?e=_xeUtils.default.getWhatMonth(e,-4):g?e=_xeUtils.default.getWhatMonth(e,1):o&&(e=_xeUtils.default.getWhatMonth(e,4)),$e(e)}else if("week"===m){let e=f||_xeUtils.default.getWhatDay(Date.now(),0,"first");m=y.value;h?e=_xeUtils.default.getWhatWeek(e,-1,m):o&&(e=_xeUtils.default.getWhatWeek(e,1,m)),Ge(e)}else{let e=f||_xeUtils.default.getWhatDay(Date.now(),0,"first");d?e=_xeUtils.default.getWhatDay(e,-1):h?e=_xeUtils.default.getWhatWeek(e,-1,e.getDay()):g?e=_xeUtils.default.getWhatDay(e,1):o&&(e=_xeUtils.default.getWhatWeek(e,1,e.getDay())),Ge(e)}}}else(v||c)&&V(t)}else n?i&&(l?K.datePanelValue?Re(K.datePanelValue):E():e&&V(t)):(p||_)&&i&&e&&(m=t,f=K.isActivated)&&(f=_ui.globalEvents.hasKey(m,_ui.GLOBAL_EVENT_KEYS.PAGE_UP),m.preventDefault(),(f?He:Be)(m));u||s?l&&E():r&&a&&e&&We(t,null)}},rt=e=>{var t=K["visiblePanel"];S.value||t&&(t=D.value,((0,_dom.getEventTargetNode)(e,t).flag?et:(E(),w))())},st=()=>{var{isActivated:e,visiblePanel:t}=K;t?(E(),w()):e&&w()},m=(e,t,a)=>{r(e,(0,_ui.createEvent)(a,{$datePicker:s},t))},j=(e={dispatchEvent:m,focus(){var e=U.value;return K.isActivated=!0,e.focus(),(0,_vue.nextTick)()},blur(){return U.value.blur(),(K.isActivated=!1,_vue.nextTick)()},select(){return U.value.select(),(K.isActivated=!1,_vue.nextTick)()},showPanel:tt,hidePanel:E,updatePlacement:et},Object.assign(s,e),(e,t)=>{var a,l=O["festivalMethod"];return l?(a=K["datePanelType"],e=(a=(l=l({type:a,viewType:a,date:e.date,$datePicker:s}))?_xeUtils.default.isString(l)?{label:l}:l:{}).extra?_xeUtils.default.isString(a.extra)?{label:a.extra}:a.extra:null,l=[(0,_vue.h)("span",{class:["vxe-date-picker--date-label",{"is-notice":a.notice}]},e&&e.label?[(0,_vue.h)("span",""+t),(0,_vue.h)("span",{class:["vxe-date-picker--date-label--extra",e.important?"is-important":"",e.className],style:e.style},_xeUtils.default.toValueString(e.label))]:""+t)],(e=a.label)&&(e=_xeUtils.default.toValueString(e).split(","),l.push((0,_vue.h)("span",{class:["vxe-date-picker--date-festival",a.important?"is-important":"",a.className],style:a.style},[1<e.length?(0,_vue.h)("span",{class:["vxe-date-picker--date-festival--overlap","overlap--"+e.length]},e.map(e=>(0,_vue.h)("span",e.substring(0,3)))):(0,_vue.h)("span",{class:"vxe-date-picker--date-festival--label"},e[0].substring(0,3))]))),l):t}),nt=()=>{var e=K["datePanelType"];switch(e){case"week":{const l=O["multiple"],{datePanelType:i,datePanelValue:u}=K,r=B.value;var t=se.value,a=fe.value;const s=H.value,n=F.value,d="yyyyMMdd";return[(0,_vue.h)("table",{class:`vxe-date-picker--date-${i}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("thead",[(0,_vue.h)("tr",t.map(e=>(0,_vue.h)("th",e.label)))]),(0,_vue.h)("tbody",a.map(e=>{const t=l?e.some(t=>s.some(e=>_xeUtils.default.isDateSame(e,t.date,d))):e.some(e=>_xeUtils.default.isDateSame(r,e.date,d)),a=e.some(e=>_xeUtils.default.isDateSame(u,e.date,d));return(0,_vue.h)("tr",e.map(e=>(0,_vue.h)("td",{class:{"is--prev":e.isPrev,"is--current":e.isCurrent,"is--now":e.isNow,"is--next":e.isNext,"is--disabled":R(e),"is--selected":t,"is--over":n&&!t,"is--hover":!n&&a},onClick:()=>G(e),onMouseenter:()=>z(e)},j(e,e.label))))}))])];return}case"month":{const v=O["multiple"],{datePanelType:o,datePanelValue:c}=K,p=B.value;t=ce.value;const _=H.value,f=F.value,m="yyyyMM";return[(0,_vue.h)("table",{class:`vxe-date-picker--date-${o}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tbody",t.map(e=>(0,_vue.h)("tr",e.map(t=>{var e=v?_.some(e=>_xeUtils.default.isDateSame(e,t.date,m)):_xeUtils.default.isDateSame(p,t.date,m);return(0,_vue.h)("td",{class:{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":R(t),"is--selected":e,"is--over":f&&!e,"is--hover":!f&&_xeUtils.default.isDateSame(c,t.date,m)},onClick:()=>G(t),onMouseenter:()=>z(t)},j(t,(0,_ui.getI18n)("vxe.input.date.months.m"+t.month)))}))))])];return}case"quarter":{const h=O["multiple"],{datePanelType:g,datePanelValue:x}=K,y=B.value;a=ve.value;const b=H.value,k=F.value,U="yyyyq";return[(0,_vue.h)("table",{class:`vxe-date-picker--date-${g}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tbody",a.map(e=>(0,_vue.h)("tr",e.map(t=>{var e=h?b.some(e=>_xeUtils.default.isDateSame(e,t.date,U)):_xeUtils.default.isDateSame(y,t.date,U);return(0,_vue.h)("td",{class:{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":R(t),"is--selected":e,"is--over":k&&!e,"is--hover":!k&&_xeUtils.default.isDateSame(x,t.date,U)},onClick:()=>G(t),onMouseenter:()=>z(t)},j(t,(0,_ui.getI18n)("vxe.input.date.quarters.q"+t.quarter)))}))))])];return}case"year":{const D=O["multiple"],{datePanelType:P,datePanelValue:S}=K,E=B.value;var Y=ne.value;const w=H.value,V=F.value,T="yyyy";return[(0,_vue.h)("table",{class:`vxe-date-picker--date-${P}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tbody",Y.map(e=>(0,_vue.h)("tr",e.map(t=>{var e=D?w.some(e=>_xeUtils.default.isDateSame(e,t.date,T)):_xeUtils.default.isDateSame(E,t.date,T);return(0,_vue.h)("td",{class:{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":R(t),"is--selected":e,"is--over":V&&!e,"is--hover":!V&&_xeUtils.default.isDateSame(S,t.date,T)},onClick:()=>G(t),onMouseenter:()=>z(t)},j(t,t.year))}))))])];return}}{const W=O["multiple"],{datePanelType:N,datePanelValue:M}=K,q=B.value;var e=re.value,L=_e.value;const I=H.value,C=F.value,A="yyyyMMdd";return[(0,_vue.h)("table",{class:`vxe-date-picker--date-${N}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("thead",[(0,_vue.h)("tr",e.map(e=>(0,_vue.h)("th",e.label)))]),(0,_vue.h)("tbody",L.map(e=>(0,_vue.h)("tr",e.map(t=>{var e=W?I.some(e=>_xeUtils.default.isDateSame(e,t.date,A)):_xeUtils.default.isDateSame(q,t.date,A);return(0,_vue.h)("td",{class:{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":R(t),"is--selected":e,"is--over":C&&!e,"is--hover":!C&&_xeUtils.default.isDateSame(M,t.date,A)},onClick:()=>G(t),onMouseenter:()=>z(t)},j(t,t.label))}))))])]}},dt=()=>{var e=O["multiple"],t=K["datePanelType"],a=X.value,l=ee.value,i=ie.value,u=$.value;return[(0,_vue.h)("div",{class:"vxe-date-picker--date-picker-header"},[(0,_vue.h)("div",{class:"vxe-date-picker--date-picker-type-wrapper"},["year"===t?(0,_vue.h)("span",{class:"vxe-date-picker--date-picker-label"},i):(0,_vue.h)("span",{class:"vxe-date-picker--date-picker-btn",onClick:Ke},i)]),(0,_vue.h)("div",{class:"vxe-date-picker--date-picker-btn-wrapper"},[(0,_vue.h)("span",{class:["vxe-date-picker--date-picker-btn vxe-date-picker--date-picker-prev-btn",{"is--disabled":a}],onClick:He},[(0,_vue.h)("i",{class:"vxe-icon-caret-left"})]),(0,_vue.h)("span",{class:"vxe-date-picker--date-picker-btn vxe-date-picker--date-picker-current-btn",onClick:Fe},[(0,_vue.h)("i",{class:"vxe-icon-dot"})]),(0,_vue.h)("span",{class:["vxe-date-picker--date-picker-btn vxe-date-picker--date-picker-next-btn",{"is--disabled":l}],onClick:Be},[(0,_vue.h)("i",{class:"vxe-icon-caret-right"})]),e&&u?(0,_vue.h)("span",{class:"vxe-date-picker--date-picker-btn vxe-date-picker--date-picker-confirm-btn"},[(0,_vue.h)("button",{class:"vxe-date-picker--date-picker-confirm",type:"button",onClick:Je},(0,_ui.getI18n)("vxe.button.confirm"))]):null])]),(0,_vue.h)("div",{class:"vxe-date-picker--date-picker-body"},nt())]},vt=()=>{const t=K["datetimePanelValue"];var e=te.value,a=me.value,l=ge.value,i=he.value,u=xe.value,r=ye.value;return[(0,_vue.h)("div",{class:"vxe-date-picker--time-picker-header"},[l?(0,_vue.h)("div",{class:"vxe-date-picker--time-picker-title"},e):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-date-picker--time-picker-btn"},[(0,_vue.h)("button",{class:"vxe-date-picker--time-picker-confirm",type:"button",onClick:Je},(0,_ui.getI18n)("vxe.button.confirm"))])]),(0,_vue.h)("div",{ref:C,class:"vxe-date-picker--time-picker-body"},[(0,_vue.h)("ul",{class:"vxe-date-picker--time-picker-hour-list"},a.map((l,e)=>(0,_vue.h)("li",{key:e,class:{"is--selected":t&&t.getHours()===l.value},onClick:e=>{return e=e,t=l,(a=K.datetimePanelValue)&&a.setHours(t.value),void Ze(e);var t,a}},l.label))),l?(0,_vue.h)("ul",{class:"vxe-date-picker--time-picker-minute-list"},i.map((l,e)=>(0,_vue.h)("li",{key:e,class:{"is--selected":t&&t.getMinutes()===l.value},onClick:e=>{return e=e,t=l,(a=K.datetimePanelValue)&&a.setMinutes(t.value),void Ze(e);var t,a}},l.label))):(0,_vue.createCommentVNode)(),l&&u?(0,_vue.h)("ul",{class:"vxe-date-picker--time-picker-second-list"},r.map((l,e)=>(0,_vue.h)("li",{key:e,class:{"is--selected":t&&t.getSeconds()===l.value},onClick:e=>{return e=e,t=l,(a=K.datetimePanelValue)&&a.setSeconds(t.value),void Ze(e);var t,a}},l.label))):(0,_vue.createCommentVNode)()])]},T=(e,t)=>{var a=Pe.value,{options:l,position:i,align:u,mode:r}=a;return(0,_utils.isEnableConf)(a)&&l&&l.length&&(i||"left")===e?(0,_vue.h)("div",{class:`vxe-date-picker--panel-${e}-wrapper`},[(0,_vue.h)(_buttonGroup.default,{options:l,mode:r,align:u,vertical:t,onClick:lt})]):(0,_ui.renderEmptyElement)(s)},ot=()=>(0,_vue.h)("div",{class:"vxe-date-picker--control-icon",onClick:V},[(0,_vue.h)("i",{class:["vxe-date-picker--date-picker-icon",(0,_ui.getIcon)().DATE_PICKER_DATE]})]);return(0,_vue.watch)(()=>O.modelValue,e=>{Se(e),Me()}),(0,_vue.watch)(()=>O.type,()=>{Object.assign(K,{inputValue:"",datetimePanelValue:null,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null}),Ce()}),(0,_vue.watch)(n,()=>{x.value&&(i(K.datePanelValue),K.inputValue=O.multiple?Z.value:K.datePanelLabel)}),(0,_vue.nextTick)(()=>{_ui.globalEvents.on(s,"mousewheel",rt),_ui.globalEvents.on(s,"mousedown",it),_ui.globalEvents.on(s,"keydown",ut),_ui.globalEvents.on(s,"blur",st)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(s,"mousewheel"),_ui.globalEvents.off(s,"mousedown"),_ui.globalEvents.off(s,"keydown"),_ui.globalEvents.off(s,"blur")}),Ce(),s.renderVN=()=>{var e,t,a,l,i,u,r,s,n,d,{className:v,type:o,align:c,name:p,autocomplete:_,autoComplete:f}=O,{inputValue:m,visiblePanel:h,isActivated:g}=K,x=N.value,y=S.value;return P.value?(0,_vue.h)("div",{ref:k,class:["vxe-date-picker--readonly","type--"+o,v]},m):(e=be.value,t=ke.value,a=Ue.value,l=L.value,u=O.prefixIcon,i=(i=b.prefix)||u?(0,_vue.h)("div",{class:"vxe-date-picker--prefix",onClick:Te},[(0,_vue.h)("div",{class:"vxe-date-picker--prefix-icon"},i?(0,_vn.getSlotVNs)(i({})):[(0,_vue.h)("i",{class:u})])]):null,u=O.suffixIcon,r=K.inputValue,s=b.suffix,n=S.value,d=L.value,n=(0,_vue.h)("div",{class:["vxe-date-picker--suffix",{"is--clear":d&&!n&&!(""===r||_xeUtils.default.eqNull(r))}]},[d?(0,_vue.h)("div",{class:"vxe-date-picker--clear-icon",onClick:We},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]):(0,_vue.createCommentVNode)(),ot(),s||u?(0,_vue.h)("div",{class:"vxe-date-picker--suffix-icon",onClick:Ne},s?(0,_vn.getSlotVNs)(s({})):[(0,_vue.h)("i",{class:u})]):(0,_vue.createCommentVNode)()]),(0,_vue.h)("div",{ref:k,class:["vxe-date-picker","type--"+o,v,{["size--"+x]:x,["is--"+c]:c,"is--prefix":!!i,"is--suffix":!!n,"is--visible":h,"is--disabled":y,"is--active":g,"show--clear":l&&!y&&!(""===m||_xeUtils.default.eqNull(m))}],spellcheck:!1},[i||(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-date-picker--wrapper"},[(0,_vue.h)("input",{ref:U,class:"vxe-date-picker--inner",value:m,name:p,type:t,placeholder:a,readonly:e,disabled:y,autocomplete:f||_,onKeydown:Le,onKeyup:qe,onClick:at,onInput:Ee,onChange:we,onFocus:Ve,onBlur:Ye})]),n||(0,_vue.createCommentVNode)(),(()=>{var e=O["type"],{initialized:t,isAniVisible:a,visiblePanel:l,panelPlacement:i,panelStyle:u}=K,r=N.value,s=Y.value,{options:n,position:d}=Pe.value,v=b.header,o=b.footer,c=b.top,p=b.bottom,_=b.left,f=b.right,n=n&&n.length,m=[];return m.push("datetime"===e?(0,_vue.h)("div",{key:e,ref:D,class:"vxe-date-picker--panel-datetime-layout-wrapper"},[(0,_vue.h)("div",{class:"vxe-date-picker--panel-datetime-left-wrapper"},dt()),(0,_vue.h)("div",{class:"vxe-date-picker--panel-datetime-right-wrapper"},vt())]):"time"===e?(0,_vue.h)("div",{key:e,ref:D,class:"vxe-date-picker--panel-wrapper"},vt()):(0,_vue.h)("div",{key:e||"default",ref:D,class:"vxe-date-picker--panel-wrapper"},dt())),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!s||!t},[(0,_vue.h)("div",{ref:M,class:["vxe-table--ignore-clear vxe-date-picker--panel","type--"+e,{["size--"+r]:r,"is--transfer":s,"ani--leave":a,"ani--enter":l,"show--top":!!(c||v||n&&("top"===d||"header"===d)),"show--bottom":!!(p||o||n&&("bottom"===d||"footer"===d)),"show--left":!!(_||n&&"left"===d),"show--right":!!(f||n&&"right"===d)}],placement:i,style:u},t&&(l||a)?[(0,_vue.h)("div",{class:"vxe-date-picker--panel-layout-wrapper"},[c?(0,_vue.h)("div",{class:"vxe-date-picker--panel-top-wrapper"},c({})):T("top"),(0,_vue.h)("div",{class:"vxe-date-picker--panel-body-layout-wrapper"},[_?(0,_vue.h)("div",{class:"vxe-date-picker--panel-left-wrapper"},_({})):T("left",!0),(0,_vue.h)("div",{class:"vxe-date-picker--panel-body-content-wrapper"},[v?(0,_vue.h)("div",{class:"vxe-date-picker--panel-header-wrapper"},v({})):T("header"),(0,_vue.h)("div",{class:"vxe-date-picker--panel-body-wrapper"},m),o?(0,_vue.h)("div",{class:"vxe-date-picker--panel-footer-wrapper"},o({})):T("footer")]),f?(0,_vue.h)("div",{class:"vxe-date-picker--panel-right-wrapper"},f({})):T("right",!0)]),p?(0,_vue.h)("div",{class:"vxe-date-picker--panel-bottom-wrapper"},p({})):T("bottom")])]:[])])})()]))},s},render(){return this.renderVN()}});

package/lib/form/src/form.js

@@ -556,7 +556,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
           }
         }).catch(() => {
           return new Promise(resolve => {
-            internalData.meTimeout = window.setTimeout(() => {
+            internalData.meTimeout = setTimeout(() => {
               itemList.forEach(item => {
                 if (item.errRule) {
                   item.showError = true;

package/lib/form/src/form.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_util=require("./util"),_tooltip=_interopRequireDefault(require("../../tooltip/src/tooltip")),_formConfigItem=_interopRequireDefault(require("./form-config-item")),_loading=_interopRequireDefault(require("../../loading/src/loading")),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}class Rule{constructor(e){Object.assign(this,{$options:e,required:e.required,min:e.min,max:e.min,type:e.type,pattern:e.pattern,validator:e.validator,trigger:e.trigger,maxWidth:e.maxWidth})}get content(){return(0,_utils.getFuncText)(this.$options.content||this.$options.message)}get message(){return this.content}}const validErrorRuleValue=(e,t)=>{var{type:e,min:i,max:l,pattern:r}=e,e="number"===e,o=e?_xeUtils.default.toNumber(t):_xeUtils.default.getSize(t);return!(!e||!isNaN(t))||!_xeUtils.default.eqNull(i)&&o<_xeUtils.default.toNumber(i)||!_xeUtils.default.eqNull(l)&&o>_xeUtils.default.toNumber(l)||!(!r||(_xeUtils.default.isRegExp(r)?r:new RegExp(r)).test(t))};var _default=exports.default=(0,_vue.defineComponent)({name:"VxeForm",props:{collapseStatus:{type:Boolean,default:!0},loading:Boolean,data:Object,size:{type:String,default:()=>(0,_ui.getConfig)().form.size||(0,_ui.getConfig)().size},span:{type:[String,Number],default:()=>(0,_ui.getConfig)().form.span},align:{type:String,default:()=>(0,_ui.getConfig)().form.align},verticalAlign:{type:String,default:()=>(0,_ui.getConfig)().form.verticalAlign},border:{type:Boolean,default:()=>(0,_ui.getConfig)().form.border},titleBackground:{type:Boolean,default:()=>(0,_ui.getConfig)().form.titleBackground},titleBold:{type:Boolean,default:()=>(0,_ui.getConfig)().form.titleBold},titleAlign:{type:String,default:()=>(0,_ui.getConfig)().form.titleAlign},titleWidth:{type:[String,Number],default:()=>(0,_ui.getConfig)().form.titleWidth},titleColon:{type:Boolean,default:()=>(0,_ui.getConfig)().form.titleColon},titleAsterisk:{type:Boolean,default:()=>(0,_ui.getConfig)().form.titleAsterisk},titleOverflow:{type:[Boolean,String],default:()=>(0,_ui.getConfig)().form.titleOverflow},vertical:{type:Boolean,default:()=>(0,_ui.getConfig)().form.vertical},padding:{type:Boolean,default:()=>(0,_ui.getConfig)().form.padding},className:[String,Function],readonly:Boolean,disabled:Boolean,items:Array,rules:Object,preventSubmit:{type:Boolean,default:()=>(0,_ui.getConfig)().form.preventSubmit},validConfig:Object,tooltipConfig:Object,collapseConfig:Object,customLayout:{type:Boolean,default:()=>(0,_ui.getConfig)().form.customLayout}},emits:["update:collapseStatus","collapse","toggle-collapse","submit","submit-invalid","reset"],setup(n,e){const{slots:d,emit:l}=e;var t=_xeUtils.default.uniqueId();const c=(0,_ui.useSize)(n)["computeSize"],m=(0,_vue.reactive)({collapseAll:n.collapseStatus,staticItems:[],formItems:[]}),f=(0,_vue.reactive)({meTimeout:void 0,stTimeout:void 0,tooltipStore:{item:null,visible:!1}}),u=((0,_vue.provide)("xeFormItemInfo",null),(0,_vue.inject)("$xeGrid",null)),g=(0,_vue.ref)(),v=(0,_vue.ref)();let i={};const p=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().form.validConfig,n.validConfig)),_=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().tooltip,(0,_ui.getConfig)().form.tooltipConfig,n.tooltipConfig));var r=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().form.collapseConfig,n.collapseConfig));const o={refElem:g},a={computeSize:c,computeValidOpts:p,computeTooltipOpts:_,computeCollapseOpts:r},h={xID:t,props:n,context:e,reactData:m,xegrid:u,getRefMaps:()=>o,getComputeMaps:()=>a};const s=e=>(e.length&&"development"===process.env.NODE_ENV&&e.forEach(e=>{e.slots&&_xeUtils.default.each(e.slots,e=>{_xeUtils.default.isFunction(e)||d[e]||(0,_log.errLog)("vxe.error.notSlot",[e])})}),m.staticItems=_xeUtils.default.mapTree(e,e=>(0,_util.createItem)(h,e),{children:"children"}),(0,_vue.nextTick)()),x=()=>{const t=[];return _xeUtils.default.eachTree(m.formItems,e=>{t.push(e)},{children:"children"}),t},y=t=>{var e=_xeUtils.default.findTree(m.formItems,e=>e.field===t,{children:"children"});return e?e.item:null},b=()=>m.collapseAll,C=()=>{var e=!b();return m.collapseAll=e,l("update:collapseStatus",e),(0,_vue.nextTick)()};const E=t=>{if(t){let e=t;(e=_xeUtils.default.isArray(t)?e:[t]).forEach(e=>{e&&(e=(0,_util.handleFieldOrItem)(h,e))&&(e.showError=!1)})}else x().forEach(e=>{e.showError=!1});return(0,_vue.nextTick)()},S=()=>{const r=n["data"];var e=x();return r&&e.forEach(e=>{var t,{field:i,itemRender:l}=e;(0,_utils.isEnableConf)(l)&&(t=(l=_ui.renderer.get(l.name))?l.formItemResetMethod||l.itemResetMethod:null,l&&t?t({data:r,field:i,property:i,item:e,$form:h,$grid:h.xegrid}):i&&_xeUtils.default.set(r,i,((e,t)=>{var{field:i,resetValue:l}=e,r=_xeUtils.default.get(t,i);return _xeUtils.default.isFunction(l)?l({field:i,item:e,data:t,$form:h,$grid:h.xegrid}):null===l&&_xeUtils.default.isArray(r)?[]:l})(e,r)))}),E()},U=e=>{e.preventDefault(),S(),i.dispatchEvent("reset",{data:n.data},e)},T=e=>{var i=g.value;if(i)for(let t=0;t<e.length;t++){var l=e[t],r=y(l);if(r&&(0,_utils.isEnableConf)(r.itemRender)){var o=r["itemRender"],a=_ui.renderer.get(o.name);t||(0,_dom.scrollToView)(i.querySelector("."+r.id));let e=null;o=o.autoFocus||o.autofocus||(a?a.formItemAutoFocus:null);if(_xeUtils.default.isFunction(o)?e=o({$form:h,$grid:u,item:r,data:n.data,field:l}):!0===o?e=i.querySelector(`.${r.id} input,textarea`):o&&(e=i.querySelector(`.${r.id} `+o)),e){e.focus();break}}}},w=(e,t,i)=>{const{data:f,rules:l}=n,r={};return _xeUtils.default.isArray(t)||(t=[t]),Promise.all(t.map(s=>{const n=[],d=[];if(s&&l){const c=_xeUtils.default.get(l,s);if(c){const m=_xeUtils.default.isUndefined(i)?_xeUtils.default.get(f,s):i;c.forEach(t=>{const{type:i,trigger:l,required:r,validator:o}=t;if("all"===e||!l||e===l)if(o){var a={itemValue:m,rule:t,rules:c,data:f,field:s,property:s,$form:h};let e;_xeUtils.default.isString(o)?(u=_ui.validators.get(o))?(u=u.formItemValidatorMethod||u.itemValidatorMethod)?e=u(a):"development"===process.env.NODE_ENV&&(0,_log.warnLog)("vxe.error.notValidators",[o]):"development"===process.env.NODE_ENV&&(0,_log.errLog)("vxe.error.notValidators",[o]):e=o(a),e&&(_xeUtils.default.isError(e)?n.push(new Rule({type:"custom",trigger:l,content:e.message,rule:new Rule(t)})):e.catch&&d.push(e.catch(e=>{n.push(new Rule({type:"custom",trigger:l,content:e?e.message:t.content||t.message,rule:new Rule(t)}))})))}else{var u="array"===i,a=_xeUtils.default.isArray(m);let e=!0;e=u||a?!a||!m.length:_xeUtils.default.isString(m)?(0,_utils.eqEmptyValue)(m.trim()):(0,_utils.eqEmptyValue)(m),(r?e||validErrorRuleValue(t,m):!e&&validErrorRuleValue(t,m))&&n.push(new Rule(t))}})}}return Promise.all(d).then(()=>{n.length&&(r[s]=n.map(e=>({$form:h,rule:e,data:f,field:s,property:s})))})})).then(()=>{if(!_xeUtils.default.isEmpty(r))return Promise.reject(r)})},I=(t,e,i)=>{var{data:l,rules:r}=n;const o=p.value,a={},u=[],s=[];return clearTimeout(f.meTimeout),l&&r?(t.forEach(t=>{const i=t["field"];i&&!(0,_util.isHiddenItem)(h,t)&&(0,_util.isActiveItem)(h,t)&&s.push(w(e||"all",i).then(()=>{t.errRule=null}).catch(e=>{e=e[i];return a[i]||(a[i]=[]),a[i].push(e),u.push(i),t.errRule=e[0].rule,Promise.reject(e)}))}),Promise.all(s).then(()=>{i&&i()}).catch(()=>new Promise(e=>{f.meTimeout=window.setTimeout(()=>{t.forEach(e=>{e.errRule&&(e.showError=!0)})},20),!1!==o.autoPos&&(0,_vue.nextTick)(()=>{T(u)}),i?(i(a),e()):e(a)}))):(i&&i(),Promise.resolve())};const q=t=>{var e=n["readonly"];t.preventDefault(),n.preventSubmit||(E(),e?i.dispatchEvent("submit",{data:n.data},t):I(x()).then(e=>{e?i.dispatchEvent("submit-invalid",{data:n.data,errMap:e},t):i.dispatchEvent("submit",{data:n.data},t)}))},R=()=>{var e=f["tooltipStore"],t=v.value;return e.visible&&(Object.assign(e,{item:null,visible:!1}),t)&&t.close(),(0,_vue.nextTick)()};const O=(e,i,t)=>i?w(e?["blur"].includes(e.type)?"blur":"change":"all",i,t).then(()=>{E(i)}).catch(e=>{var e=e[i],t=y(i);e&&t&&(t.showError=!0,t.errRule=e[0].rule)}):(0,_vue.nextTick)();i={dispatchEvent(e,t,i){l(e,(0,_ui.createEvent)(i,{$form:h,$grid:u},t))},reset:S,validate:e=>{var t=n["readonly"];return E(),t?(0,_vue.nextTick)():I(x(),"",e)},validateField:(e,t)=>{var i=n["readonly"];if(i)return(0,_vue.nextTick)();let l=[];return e&&(l=_xeUtils.default.isArray(e)?e:[e]),I(l.map(e=>(0,_util.handleFieldOrItem)(h,e)),"",t)},clearValidate:E,updateStatus:(e,t)=>{e=e.field;return O(new Event("change"),e,t)},toggleCollapse:C,getItems:x,getItemByField:y,closeTooltip:R};r={callSlot:(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=d[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[],triggerItemEvent:O,toggleCollapseEvent:e=>{C();var t=b();i.dispatchEvent("toggle-collapse",{status:t,collapse:t,data:n.data},e),i.dispatchEvent("collapse",{status:t,collapse:t,data:n.data},e)},triggerTitleTipEvent:(e,t)=>{var t=t["item"],i=f["tooltipStore"],l=v.value,e=e.currentTarget.children[0],r=(e.textContent||"").trim(),o=e.scrollWidth>e.clientWidth;clearTimeout(f.stTimeout),i.item!==t&&R(),r&&o&&(Object.assign(i,{item:t,visible:!0}),l)&&l.open(e,r)},handleTitleTipLeaveEvent:()=>{var e=_.value;let t=v.value;t&&t.setActived(!1),e.enterable?f.stTimeout=setTimeout(()=>{(t=v.value)&&!t.isActived()&&R()},e.leaveDelay):R()}};Object.assign(h,i,r);const V=(0,_vue.ref)(0),N=((0,_vue.watch)(()=>m.staticItems.length,()=>{V.value++}),(0,_vue.watch)(()=>m.staticItems,()=>{V.value++}),(0,_vue.watch)(V,()=>{m.formItems=m.staticItems}),(0,_vue.ref)(0));return(0,_vue.watch)(()=>n.items?n.items.length:-1,()=>{N.value++}),(0,_vue.watch)(()=>n.items,()=>{N.value++}),(0,_vue.watch)(N,()=>{s(n.items||[])}),(0,_vue.watch)(()=>n.collapseStatus,e=>{m.collapseAll=!!e}),(0,_vue.watch)(()=>n.readonly,()=>{E()}),(0,_vue.watch)(()=>n.disabled,()=>{E()}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{"development"===process.env.NODE_ENV&&n.customLayout&&n.items&&(0,_log.errLog)("vxe.error.errConflicts",["custom-layout","items"])})}),n.items&&s(n.items),(0,_vue.provide)("$xeForm",h),(0,_vue.provide)("$xeFormGroup",null),(0,_vue.provide)("$xeFormItem",null),h.renderVN=()=>{var{loading:e,border:t,className:i,data:l,customLayout:r}=n,o=m["formItems"],a=c.value,u=_.value,s=d.default;return(0,_vue.h)("form",{ref:g,class:["vxe-form",i?_xeUtils.default.isFunction(i)?i({items:o,data:l,$form:h}):i:"",{["size--"+a]:a,"is--border":t,"custom--layout":r,"is--loading":e}],onSubmit:q,onReset:U},[(0,_vue.h)("div",{class:"vxe-form--wrapper vxe-form--item-row"},r?s?s({}):[]:o.map((e,t)=>(0,_vue.h)(_formConfigItem.default,{key:t,itemConfig:e}))),(0,_vue.h)("div",{class:"vxe-form-slots",ref:"hideItem"},!r&&s?s({}):[]),(0,_vue.h)(_loading.default,{class:"vxe-form--loading",modelValue:e}),(0,_vue.h)(_tooltip.default,Object.assign({ref:v},u))])},h},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_util=require("./util"),_tooltip=_interopRequireDefault(require("../../tooltip/src/tooltip")),_formConfigItem=_interopRequireDefault(require("./form-config-item")),_loading=_interopRequireDefault(require("../../loading/src/loading")),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}class Rule{constructor(e){Object.assign(this,{$options:e,required:e.required,min:e.min,max:e.min,type:e.type,pattern:e.pattern,validator:e.validator,trigger:e.trigger,maxWidth:e.maxWidth})}get content(){return(0,_utils.getFuncText)(this.$options.content||this.$options.message)}get message(){return this.content}}const validErrorRuleValue=(e,t)=>{var{type:e,min:i,max:l,pattern:r}=e,e="number"===e,o=e?_xeUtils.default.toNumber(t):_xeUtils.default.getSize(t);return!(!e||!isNaN(t))||!_xeUtils.default.eqNull(i)&&o<_xeUtils.default.toNumber(i)||!_xeUtils.default.eqNull(l)&&o>_xeUtils.default.toNumber(l)||!(!r||(_xeUtils.default.isRegExp(r)?r:new RegExp(r)).test(t))};var _default=exports.default=(0,_vue.defineComponent)({name:"VxeForm",props:{collapseStatus:{type:Boolean,default:!0},loading:Boolean,data:Object,size:{type:String,default:()=>(0,_ui.getConfig)().form.size||(0,_ui.getConfig)().size},span:{type:[String,Number],default:()=>(0,_ui.getConfig)().form.span},align:{type:String,default:()=>(0,_ui.getConfig)().form.align},verticalAlign:{type:String,default:()=>(0,_ui.getConfig)().form.verticalAlign},border:{type:Boolean,default:()=>(0,_ui.getConfig)().form.border},titleBackground:{type:Boolean,default:()=>(0,_ui.getConfig)().form.titleBackground},titleBold:{type:Boolean,default:()=>(0,_ui.getConfig)().form.titleBold},titleAlign:{type:String,default:()=>(0,_ui.getConfig)().form.titleAlign},titleWidth:{type:[String,Number],default:()=>(0,_ui.getConfig)().form.titleWidth},titleColon:{type:Boolean,default:()=>(0,_ui.getConfig)().form.titleColon},titleAsterisk:{type:Boolean,default:()=>(0,_ui.getConfig)().form.titleAsterisk},titleOverflow:{type:[Boolean,String],default:()=>(0,_ui.getConfig)().form.titleOverflow},vertical:{type:Boolean,default:()=>(0,_ui.getConfig)().form.vertical},padding:{type:Boolean,default:()=>(0,_ui.getConfig)().form.padding},className:[String,Function],readonly:Boolean,disabled:Boolean,items:Array,rules:Object,preventSubmit:{type:Boolean,default:()=>(0,_ui.getConfig)().form.preventSubmit},validConfig:Object,tooltipConfig:Object,collapseConfig:Object,customLayout:{type:Boolean,default:()=>(0,_ui.getConfig)().form.customLayout}},emits:["update:collapseStatus","collapse","toggle-collapse","submit","submit-invalid","reset"],setup(n,e){const{slots:d,emit:l}=e;var t=_xeUtils.default.uniqueId();const c=(0,_ui.useSize)(n)["computeSize"],m=(0,_vue.reactive)({collapseAll:n.collapseStatus,staticItems:[],formItems:[]}),f=(0,_vue.reactive)({meTimeout:void 0,stTimeout:void 0,tooltipStore:{item:null,visible:!1}}),u=((0,_vue.provide)("xeFormItemInfo",null),(0,_vue.inject)("$xeGrid",null)),g=(0,_vue.ref)(),v=(0,_vue.ref)();let i={};const p=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().form.validConfig,n.validConfig)),_=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().tooltip,(0,_ui.getConfig)().form.tooltipConfig,n.tooltipConfig));var r=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().form.collapseConfig,n.collapseConfig));const o={refElem:g},a={computeSize:c,computeValidOpts:p,computeTooltipOpts:_,computeCollapseOpts:r},h={xID:t,props:n,context:e,reactData:m,xegrid:u,getRefMaps:()=>o,getComputeMaps:()=>a};const s=e=>(e.length&&"development"===process.env.NODE_ENV&&e.forEach(e=>{e.slots&&_xeUtils.default.each(e.slots,e=>{_xeUtils.default.isFunction(e)||d[e]||(0,_log.errLog)("vxe.error.notSlot",[e])})}),m.staticItems=_xeUtils.default.mapTree(e,e=>(0,_util.createItem)(h,e),{children:"children"}),(0,_vue.nextTick)()),x=()=>{const t=[];return _xeUtils.default.eachTree(m.formItems,e=>{t.push(e)},{children:"children"}),t},y=t=>{var e=_xeUtils.default.findTree(m.formItems,e=>e.field===t,{children:"children"});return e?e.item:null},b=()=>m.collapseAll,C=()=>{var e=!b();return m.collapseAll=e,l("update:collapseStatus",e),(0,_vue.nextTick)()};const E=t=>{if(t){let e=t;(e=_xeUtils.default.isArray(t)?e:[t]).forEach(e=>{e&&(e=(0,_util.handleFieldOrItem)(h,e))&&(e.showError=!1)})}else x().forEach(e=>{e.showError=!1});return(0,_vue.nextTick)()},S=()=>{const r=n["data"];var e=x();return r&&e.forEach(e=>{var t,{field:i,itemRender:l}=e;(0,_utils.isEnableConf)(l)&&(t=(l=_ui.renderer.get(l.name))?l.formItemResetMethod||l.itemResetMethod:null,l&&t?t({data:r,field:i,property:i,item:e,$form:h,$grid:h.xegrid}):i&&_xeUtils.default.set(r,i,((e,t)=>{var{field:i,resetValue:l}=e,r=_xeUtils.default.get(t,i);return _xeUtils.default.isFunction(l)?l({field:i,item:e,data:t,$form:h,$grid:h.xegrid}):null===l&&_xeUtils.default.isArray(r)?[]:l})(e,r)))}),E()},U=e=>{e.preventDefault(),S(),i.dispatchEvent("reset",{data:n.data},e)},T=e=>{var i=g.value;if(i)for(let t=0;t<e.length;t++){var l=e[t],r=y(l);if(r&&(0,_utils.isEnableConf)(r.itemRender)){var o=r["itemRender"],a=_ui.renderer.get(o.name);t||(0,_dom.scrollToView)(i.querySelector("."+r.id));let e=null;o=o.autoFocus||o.autofocus||(a?a.formItemAutoFocus:null);if(_xeUtils.default.isFunction(o)?e=o({$form:h,$grid:u,item:r,data:n.data,field:l}):!0===o?e=i.querySelector(`.${r.id} input,textarea`):o&&(e=i.querySelector(`.${r.id} `+o)),e){e.focus();break}}}},I=(e,t,i)=>{const{data:f,rules:l}=n,r={};return _xeUtils.default.isArray(t)||(t=[t]),Promise.all(t.map(s=>{const n=[],d=[];if(s&&l){const c=_xeUtils.default.get(l,s);if(c){const m=_xeUtils.default.isUndefined(i)?_xeUtils.default.get(f,s):i;c.forEach(t=>{const{type:i,trigger:l,required:r,validator:o}=t;if("all"===e||!l||e===l)if(o){var a={itemValue:m,rule:t,rules:c,data:f,field:s,property:s,$form:h};let e;_xeUtils.default.isString(o)?(u=_ui.validators.get(o))?(u=u.formItemValidatorMethod||u.itemValidatorMethod)?e=u(a):"development"===process.env.NODE_ENV&&(0,_log.warnLog)("vxe.error.notValidators",[o]):"development"===process.env.NODE_ENV&&(0,_log.errLog)("vxe.error.notValidators",[o]):e=o(a),e&&(_xeUtils.default.isError(e)?n.push(new Rule({type:"custom",trigger:l,content:e.message,rule:new Rule(t)})):e.catch&&d.push(e.catch(e=>{n.push(new Rule({type:"custom",trigger:l,content:e?e.message:t.content||t.message,rule:new Rule(t)}))})))}else{var u="array"===i,a=_xeUtils.default.isArray(m);let e=!0;e=u||a?!a||!m.length:_xeUtils.default.isString(m)?(0,_utils.eqEmptyValue)(m.trim()):(0,_utils.eqEmptyValue)(m),(r?e||validErrorRuleValue(t,m):!e&&validErrorRuleValue(t,m))&&n.push(new Rule(t))}})}}return Promise.all(d).then(()=>{n.length&&(r[s]=n.map(e=>({$form:h,rule:e,data:f,field:s,property:s})))})})).then(()=>{if(!_xeUtils.default.isEmpty(r))return Promise.reject(r)})},q=(t,e,i)=>{var{data:l,rules:r}=n;const o=p.value,a={},u=[],s=[];return clearTimeout(f.meTimeout),l&&r?(t.forEach(t=>{const i=t["field"];i&&!(0,_util.isHiddenItem)(h,t)&&(0,_util.isActiveItem)(h,t)&&s.push(I(e||"all",i).then(()=>{t.errRule=null}).catch(e=>{e=e[i];return a[i]||(a[i]=[]),a[i].push(e),u.push(i),t.errRule=e[0].rule,Promise.reject(e)}))}),Promise.all(s).then(()=>{i&&i()}).catch(()=>new Promise(e=>{f.meTimeout=setTimeout(()=>{t.forEach(e=>{e.errRule&&(e.showError=!0)})},20),!1!==o.autoPos&&(0,_vue.nextTick)(()=>{T(u)}),i?(i(a),e()):e(a)}))):(i&&i(),Promise.resolve())};const w=t=>{var e=n["readonly"];t.preventDefault(),n.preventSubmit||(E(),e?i.dispatchEvent("submit",{data:n.data},t):q(x()).then(e=>{e?i.dispatchEvent("submit-invalid",{data:n.data,errMap:e},t):i.dispatchEvent("submit",{data:n.data},t)}))},R=()=>{var e=f["tooltipStore"],t=v.value;return e.visible&&(Object.assign(e,{item:null,visible:!1}),t)&&t.close(),(0,_vue.nextTick)()};const O=(e,i,t)=>i?I(e?["blur"].includes(e.type)?"blur":"change":"all",i,t).then(()=>{E(i)}).catch(e=>{var e=e[i],t=y(i);e&&t&&(t.showError=!0,t.errRule=e[0].rule)}):(0,_vue.nextTick)();i={dispatchEvent(e,t,i){l(e,(0,_ui.createEvent)(i,{$form:h,$grid:u},t))},reset:S,validate:e=>{var t=n["readonly"];return E(),t?(0,_vue.nextTick)():q(x(),"",e)},validateField:(e,t)=>{var i=n["readonly"];if(i)return(0,_vue.nextTick)();let l=[];return e&&(l=_xeUtils.default.isArray(e)?e:[e]),q(l.map(e=>(0,_util.handleFieldOrItem)(h,e)),"",t)},clearValidate:E,updateStatus:(e,t)=>{e=e.field;return O(new Event("change"),e,t)},toggleCollapse:C,getItems:x,getItemByField:y,closeTooltip:R};r={callSlot:(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=d[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[],triggerItemEvent:O,toggleCollapseEvent:e=>{C();var t=b();i.dispatchEvent("toggle-collapse",{status:t,collapse:t,data:n.data},e),i.dispatchEvent("collapse",{status:t,collapse:t,data:n.data},e)},triggerTitleTipEvent:(e,t)=>{var t=t["item"],i=f["tooltipStore"],l=v.value,e=e.currentTarget.children[0],r=(e.textContent||"").trim(),o=e.scrollWidth>e.clientWidth;clearTimeout(f.stTimeout),i.item!==t&&R(),r&&o&&(Object.assign(i,{item:t,visible:!0}),l)&&l.open(e,r)},handleTitleTipLeaveEvent:()=>{var e=_.value;let t=v.value;t&&t.setActived(!1),e.enterable?f.stTimeout=setTimeout(()=>{(t=v.value)&&!t.isActived()&&R()},e.leaveDelay):R()}};Object.assign(h,i,r);const V=(0,_vue.ref)(0),N=((0,_vue.watch)(()=>m.staticItems.length,()=>{V.value++}),(0,_vue.watch)(()=>m.staticItems,()=>{V.value++}),(0,_vue.watch)(V,()=>{m.formItems=m.staticItems}),(0,_vue.ref)(0));return(0,_vue.watch)(()=>n.items?n.items.length:-1,()=>{N.value++}),(0,_vue.watch)(()=>n.items,()=>{N.value++}),(0,_vue.watch)(N,()=>{s(n.items||[])}),(0,_vue.watch)(()=>n.collapseStatus,e=>{m.collapseAll=!!e}),(0,_vue.watch)(()=>n.readonly,()=>{E()}),(0,_vue.watch)(()=>n.disabled,()=>{E()}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{"development"===process.env.NODE_ENV&&n.customLayout&&n.items&&(0,_log.errLog)("vxe.error.errConflicts",["custom-layout","items"])})}),n.items&&s(n.items),(0,_vue.provide)("$xeForm",h),(0,_vue.provide)("$xeFormGroup",null),(0,_vue.provide)("$xeFormItem",null),h.renderVN=()=>{var{loading:e,border:t,className:i,data:l,customLayout:r}=n,o=m["formItems"],a=c.value,u=_.value,s=d.default;return(0,_vue.h)("form",{ref:g,class:["vxe-form",i?_xeUtils.default.isFunction(i)?i({items:o,data:l,$form:h}):i:"",{["size--"+a]:a,"is--border":t,"custom--layout":r,"is--loading":e}],onSubmit:w,onReset:U},[(0,_vue.h)("div",{class:"vxe-form--wrapper vxe-form--item-row"},r?s?s({}):[]:o.map((e,t)=>(0,_vue.h)(_formConfigItem.default,{key:t,itemConfig:e}))),(0,_vue.h)("div",{class:"vxe-form-slots",ref:"hideItem"},!r&&s?s({}):[]),(0,_vue.h)(_loading.default,{class:"vxe-form--loading",modelValue:e}),(0,_vue.h)(_tooltip.default,Object.assign({ref:v},u))])},h},render(){return this.renderVN()}});