vxe-pc-ui 4.18.2 → 4.18.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/all.esm.js +129 -28
- package/dist/style.css +1 -1
- package/dist/style.min.css +1 -1
- package/es/button/src/button.js +11 -3
- package/es/button/style.css +1 -4
- package/es/button/style.min.css +1 -1
- package/es/color-picker/src/color-picker.js +14 -3
- package/es/date-picker/src/date-picker.js +12 -1
- package/es/date-range-picker/src/date-range-picker.js +12 -1
- package/es/icon/style.css +1 -1
- package/es/icon-picker/src/icon-picker.js +17 -6
- package/es/input/src/input.js +12 -1
- package/es/modal/src/modal.js +1 -1
- package/es/number-input/src/number-input.js +12 -1
- package/es/password-input/src/password-input.js +12 -0
- package/es/select/src/select.js +19 -8
- package/es/space/src/space.js +8 -4
- package/es/style.css +1 -1
- package/es/style.min.css +1 -1
- package/es/ui/index.js +3 -2
- package/es/ui/src/log.js +1 -1
- package/es/vxe-button/style.css +1 -4
- package/es/vxe-button/style.min.css +1 -1
- package/lib/button/src/button.js +12 -2
- package/lib/button/src/button.min.js +1 -1
- package/lib/button/style/style.css +1 -4
- package/lib/button/style/style.min.css +1 -1
- package/lib/color-picker/src/color-picker.js +18 -5
- package/lib/color-picker/src/color-picker.min.js +1 -1
- package/lib/date-picker/src/date-picker.js +13 -0
- package/lib/date-picker/src/date-picker.min.js +1 -1
- package/lib/date-range-picker/src/date-range-picker.js +13 -0
- package/lib/date-range-picker/src/date-range-picker.min.js +1 -1
- package/lib/icon/style/style.css +1 -1
- package/lib/icon/style/style.min.css +1 -1
- package/lib/icon-picker/src/icon-picker.js +21 -8
- package/lib/icon-picker/src/icon-picker.min.js +1 -1
- package/lib/index.umd.js +154 -33
- package/lib/index.umd.min.js +1 -1
- package/lib/input/src/input.js +13 -0
- package/lib/input/src/input.min.js +1 -1
- package/lib/modal/src/modal.js +1 -1
- package/lib/modal/src/modal.min.js +1 -1
- package/lib/number-input/src/number-input.js +13 -0
- package/lib/number-input/src/number-input.min.js +1 -1
- package/lib/password-input/src/password-input.js +14 -0
- package/lib/password-input/src/password-input.min.js +1 -1
- package/lib/select/src/select.js +23 -10
- package/lib/select/src/select.min.js +1 -1
- package/lib/space/src/space.js +9 -4
- package/lib/space/src/space.min.js +1 -1
- package/lib/style.css +1 -1
- package/lib/style.min.css +1 -1
- package/lib/ui/index.js +3 -2
- package/lib/ui/index.min.js +1 -1
- package/lib/ui/src/log.js +1 -1
- package/lib/ui/src/log.min.js +1 -1
- package/lib/vxe-button/style/style.css +1 -4
- package/lib/vxe-button/style/style.min.css +1 -1
- package/package.json +1 -1
- package/packages/button/src/button.ts +12 -4
- package/packages/color-picker/src/color-picker.ts +16 -4
- package/packages/date-picker/src/date-picker.ts +14 -2
- package/packages/date-range-picker/src/date-range-picker.ts +14 -2
- package/packages/icon-picker/src/icon-picker.ts +18 -6
- package/packages/input/src/input.ts +13 -1
- package/packages/modal/src/modal.ts +1 -1
- package/packages/number-input/src/number-input.ts +14 -2
- package/packages/password-input/src/password-input.ts +14 -1
- package/packages/select/src/select.ts +20 -8
- package/packages/space/src/space.ts +8 -4
- package/packages/ui/index.ts +2 -1
- package/styles/components/button.scss +1 -4
- package/types/components/button.d.ts +5 -0
- package/types/components/color-picker.d.ts +2 -0
- package/types/components/date-picker.d.ts +2 -0
- package/types/components/date-range-picker.d.ts +2 -0
- package/types/components/icon-picker.d.ts +2 -0
- package/types/components/input.d.ts +5 -0
- package/types/components/number-input.d.ts +5 -0
- package/types/components/password-input.d.ts +5 -0
- package/types/components/select.d.ts +5 -0
- package/types/components/space.d.ts +5 -0
- package/types/ui/global-icon.d.ts +2 -1
- /package/es/icon/{iconfont.1788693917694.ttf → iconfont.1788753701809.ttf} +0 -0
- /package/es/icon/{iconfont.1788693917694.woff → iconfont.1788753701809.woff} +0 -0
- /package/es/icon/{iconfont.1788693917694.woff2 → iconfont.1788753701809.woff2} +0 -0
- /package/es/{iconfont.1788693917694.ttf → iconfont.1788753701809.ttf} +0 -0
- /package/es/{iconfont.1788693917694.woff → iconfont.1788753701809.woff} +0 -0
- /package/es/{iconfont.1788693917694.woff2 → iconfont.1788753701809.woff2} +0 -0
- /package/lib/icon/style/{iconfont.1788693917694.ttf → iconfont.1788753701809.ttf} +0 -0
- /package/lib/icon/style/{iconfont.1788693917694.woff → iconfont.1788753701809.woff} +0 -0
- /package/lib/icon/style/{iconfont.1788693917694.woff2 → iconfont.1788753701809.woff2} +0 -0
- /package/lib/{iconfont.1788693917694.ttf → iconfont.1788753701809.ttf} +0 -0
- /package/lib/{iconfont.1788693917694.woff → iconfont.1788753701809.woff} +0 -0
- /package/lib/{iconfont.1788693917694.woff2 → iconfont.1788753701809.woff2} +0 -0
package/lib/input/src/input.js
CHANGED
|
@@ -78,6 +78,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
78
78
|
align: String,
|
|
79
79
|
form: String,
|
|
80
80
|
className: String,
|
|
81
|
+
width: [String, Number],
|
|
81
82
|
inputClassName: {
|
|
82
83
|
type: String,
|
|
83
84
|
default: () => (0, _ui.getConfig)().input.inputClassName
|
|
@@ -301,6 +302,16 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
301
302
|
}
|
|
302
303
|
return maxLen;
|
|
303
304
|
});
|
|
305
|
+
const computeCurrStyle = (0, _vue.computed)(() => {
|
|
306
|
+
const {
|
|
307
|
+
width
|
|
308
|
+
} = props;
|
|
309
|
+
const stys = {};
|
|
310
|
+
if (width) {
|
|
311
|
+
stys.width = (0, _dom.toCssUnit)(width);
|
|
312
|
+
}
|
|
313
|
+
return stys;
|
|
314
|
+
});
|
|
304
315
|
const computeIsDateTimeType = (0, _vue.computed)(() => {
|
|
305
316
|
const {
|
|
306
317
|
type
|
|
@@ -2736,6 +2747,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
2736
2747
|
class: ['vxe-input--readonly', `type--${type}`, className]
|
|
2737
2748
|
}, inputValue);
|
|
2738
2749
|
}
|
|
2750
|
+
const currStyle = computeCurrStyle.value;
|
|
2739
2751
|
const isCountError = computeIsCountError.value;
|
|
2740
2752
|
const inputCount = computeInputCount.value;
|
|
2741
2753
|
const inputReadonly = computeInputReadonly.value;
|
|
@@ -2762,6 +2774,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
2762
2774
|
'is--active': isActivated,
|
|
2763
2775
|
'show--clear': isClearable && !isDisabled && !(inputValue === '' || _xeUtils.default.eqNull(inputValue))
|
|
2764
2776
|
}],
|
|
2777
|
+
style: currStyle,
|
|
2765
2778
|
spellcheck: false
|
|
2766
2779
|
}, [prefix || (0, _vue.createCommentVNode)(), (0, _vue.h)('div', {
|
|
2767
2780
|
class: 'vxe-input--wrapper',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_util=require("../../date-panel/src/util"),_util2=require("../../number-input/src/util"),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let warnLog=(0,_log.createComponentLog)("input").warnLog;var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeInput",props:{modelValue:[String,Number,Date],immediate:{type:Boolean,default:!0},name:String,title:String,type:{type:String,default:"text"},clearable:{type:Boolean,default:()=>(0,_ui.getConfig)().input.clearable},delClearable:{type:Boolean,default:()=>(0,_ui.getConfig)().input.delClearable},readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},placeholder:{type:String,default:null},floatContent:{type:String,default:()=>(0,_ui.getConfig)().input.floatContent},floatAlign:{type:String,default:()=>(0,_ui.getConfig)().input.floatAlign},maxLength:{type:[String,Number],default:()=>(0,_ui.getConfig)().input.maxLength},autoComplete:{type:String,default:"off"},autoFocus:{type:Boolean,default:null},align:String,form:String,className:String,inputClassName:{type:String,default:()=>(0,_ui.getConfig)().input.inputClassName},size:{type:String,default:()=>(0,_ui.getConfig)().input.size||(0,_ui.getConfig)().size},multiple:Boolean,showWordCount:Boolean,countMethod:Function,min:{type:[String,Number],default:null},max:{type:[String,Number],default:null},step:[String,Number],trim:{type:Boolean,default:()=>(0,_ui.getConfig)().input.trim},exponential:{type:Boolean,default:()=>(0,_ui.getConfig)().input.exponential},controls:{type:Boolean,default:()=>(0,_ui.getConfig)().input.controls},digits:{type:[String,Number],default:()=>(0,_ui.getConfig)().input.digits},startDate:{type:[String,Number,Date],default:()=>(0,_ui.getConfig)().input.startDate},endDate:{type:[String,Number,Date],default:()=>(0,_ui.getConfig)().input.endDate},minDate:[String,Number,Date],maxDate:[String,Number,Date],startWeek:Number,startDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().input.startDay},labelFormat:String,valueFormat:String,editable:{type:Boolean,default:!0},festivalMethod:{type:Function,default:()=>(0,_ui.getConfig)().input.festivalMethod},disabledMethod:{type:Function,default:()=>(0,_ui.getConfig)().input.disabledMethod},selectDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().input.selectDay},prefixIcon:String,prefixConfig:Object,suffixIcon:String,suffixConfig:Object,placement:String,transfer:{type:Boolean,default:null},maxlength:[String,Number],autocomplete:String},emits:["update:modelValue","input","change","keydown","keyup","wheel","click","focus","blur","clear","lazy-change","search-click","toggle-visible","prev-number","next-number","prefix-click","suffix-click","date-prev","date-today","date-next"],setup(L,e){let{slots:z,emit:V}=e,P=(0,_vue.inject)("$xeSelect",null),T=(0,_vue.inject)("$xeTreeSelect",null),w=(0,_vue.inject)("$xeModal",null),k=(0,_vue.inject)("$xeDrawer",null),C=(0,_vue.inject)("$xeTable",null),u=(0,_vue.inject)("$xeForm",null),i=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();let j=(0,_ui.useSize)(L).computeSize,Y=(0,_vue.reactive)({initialized:!1,panelIndex:0,showPwd:!1,visiblePanel:!1,isAniVisible:!1,panelStyle:{},panelPlacement:"",isActivated:!1,inputValue:L.modelValue,datetimePanelValue:null,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null}),p={yearSize:12,monthSize:20,quarterSize:8,hpTimeout:void 0,dnTimeout:void 0},I=(0,_vue.ref)(),O=(0,_vue.ref)(),$=(0,_vue.ref)(),K=(0,_vue.ref)(),W=(0,_vue.ref)(),M={refElem:I,refInput:O},q={xID:t,props:L,context:e,reactData:Y,internalData:p,getRefMaps:()=>M},v=(e,t)=>{var a=L.type;return"time"===a?(0,_util.toStringTimeDate)(e):_xeUtils.default.toStringDate(e,t)},Q=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().input.prefixConfig,L.prefixConfig)),Z=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().input.suffixConfig,L.suffixConfig)),J=(0,_vue.computed)(()=>{var e=L.transfer;if(null===e){var t=(0,_ui.getConfig)().input.transfer;if(_xeUtils.default.isBoolean(t))return t;if(C||w||k||u)return!0}return e}),X=(0,_vue.computed)(()=>{var e;return"obsolete"===(0,_ui.getConfig)().inputReadonly||(e=L.readonly,null===e)?!!u&&u.props.readonly:e}),B=(0,_vue.computed)(()=>{var e=L.disabled;return null===e?!!u&&u.props.disabled:e}),ee=(0,_vue.computed)(()=>{var{maxLength:e,maxlength:t}=L,e=e||t;return R.value&&!_xeUtils.default.toNumber(e)?16:e}),o=(0,_vue.computed)(()=>{var e=L.type;return"time"===e||"datetime"===e}),R=(0,_vue.computed)(()=>-1<["number","integer","float"].indexOf(L.type)),te=(0,_vue.computed)(()=>_xeUtils.default.getSize(Y.inputValue)),ae=(0,_vue.computed)(()=>{var e=te.value,t=ee.value;return t&&e>_xeUtils.default.toNumber(t)}),F=(0,_vue.computed)(()=>o.value||-1<["date","week","month","quarter","year"].indexOf(L.type)),H=(0,_vue.computed)(()=>"password"===L.type),le=(0,_vue.computed)(()=>"search"===L.type),A=(0,_vue.computed)(()=>_xeUtils.default.toInteger(L.digits)||1),ue=(0,_vue.computed)(()=>{var e=L.type,t=A.value,a=L.step;return"integer"===e?_xeUtils.default.toInteger(a)||1:"float"===e?_xeUtils.default.toNumber(a)||1/Math.pow(10,t):_xeUtils.default.toNumber(a)||1}),ie=(0,_vue.computed)(()=>{var e=L.type,t=R.value,a=F.value,l=H.value;return L.clearable&&(l||t||a||"text"===e||"search"===e)}),ne=(0,_vue.computed)(()=>L.startDate?_xeUtils.default.toStringDate(L.startDate):null),re=(0,_vue.computed)(()=>L.endDate?_xeUtils.default.toStringDate(L.endDate):null),se=(0,_vue.computed)(()=>-1<["date","week","month","quarter","year"].indexOf(L.type)),d=(0,_vue.computed)(()=>{var{modelValue:e,multiple:t}=L,a=F.value;let l=_.value;return t&&e&&a?_xeUtils.default.toValueString(e).split(",").map(e=>{e=v(e,l);return _xeUtils.default.isValidDate(e)?e:null}):[]}),ve=(0,_vue.computed)(()=>{var e=d.value;let t=_.value;return e.map(e=>_xeUtils.default.toDateString(e,t))}),oe=(0,_vue.computed)(()=>{var e=d.value;let t=m.value;return e.map(e=>_xeUtils.default.toDateString(e,t)).join(", ")}),_=(0,_vue.computed)(()=>{var{type:e,valueFormat:t}=L;return t||("time"===e?"HH:mm:ss":"datetime"===e?"yyyy-MM-dd HH:mm:ss":"yyyy-MM-dd")}),c=(0,_vue.computed)(()=>{var e=L.modelValue,t=F.value,a=_.value;let l=null;return l=e&&t&&(t=v(e,a),_xeUtils.default.isValidDate(t))?t:l}),de=(0,_vue.computed)(()=>{var e=ne.value,t=Y.selectMonth;return!(!t||!e)&&t<=e}),pe=(0,_vue.computed)(()=>{var e=re.value,t=Y.selectMonth;return!(!t||!e)&&e<=t}),_e=(0,_vue.computed)(()=>{var e=Y.datetimePanelValue,t=ke.value;return e?_xeUtils.default.toDateString(e,t?"HH:mm:ss":"HH:mm"):""}),ce=(0,_vue.computed)(()=>{var e=c.value,t=o.value;return e&&t?1e3*(3600*e.getHours()+60*e.getMinutes()+e.getSeconds()):0}),m=(0,_vue.computed)(()=>{var e=L.labelFormat;return F.value?e||(0,_ui.getI18n)("vxe.input.date.labelFormat."+L.type):""}),me=(0,_vue.computed)(()=>{var{selectMonth:e,currentDate:t}=Y,a=p.yearSize,l=[];if(e&&t){var u=t.getFullYear(),t=e.getFullYear(),i=new Date(t-t%a,0,1);for(let e=-4;e<a+4;e++){var n=_xeUtils.default.getWhatYear(i,e,"first"),r=n.getFullYear();l.push({date:n,isCurrent:!0,isPrev:e<0,isNow:u===r,isNext:e>=a,year:r})}}return l}),fe=(0,_vue.computed)(()=>{let a="",l="";if(F.value){var{datePanelType:u,selectMonth:i}=Y,n=me.value;let e="",t;i&&(e=i.getFullYear(),t=i.getMonth()+1),"quarter"===u||"month"===u?a=(0,_ui.getI18n)("vxe.datePicker.yearTitle",[e]):"year"===u?a=n.length?n[0].year+" - "+n[n.length-1].year:"":(a=(0,_ui.getI18n)("vxe.datePicker.yearTitle",[e]),l=t?(0,_ui.getI18n)("vxe.input.date.m"+t):"-")}return{y:a,m:l}}),f=(0,_vue.computed)(()=>{var{startDay:e,startWeek:t}=L;return _xeUtils.default.toNumber(_xeUtils.default.isNumber(e)||_xeUtils.default.isString(e)?e:t)}),ge=(0,_vue.computed)(()=>{var a=[];if(F.value){let t=f.value;a.push(t);for(let e=0;e<6;e++)6<=t?t=0:t++,a.push(t)}return a}),xe=(0,_vue.computed)(()=>F.value?ge.value.map(e=>({value:e,label:(0,_ui.getI18n)("vxe.input.date.weeks.w"+e)})):[]),he=(0,_vue.computed)(()=>{var e;return F.value?(e=xe.value,[{label:(0,_ui.getI18n)("vxe.input.date.weeks.w")}].concat(e)):[]}),ye=(0,_vue.computed)(()=>{var e=me.value;return _xeUtils.default.chunk(e,4)}),be=(0,_vue.computed)(()=>{var{selectMonth:e,currentDate:t}=Y,a=p.quarterSize,l=[];if(e&&t){var u=t.getFullYear(),i=(0,_util.getDateQuarter)(t),n=_xeUtils.default.getWhatYear(e,0,"first"),r=n.getFullYear();for(let e=-2;e<a-2;e++){var s=_xeUtils.default.getWhatQuarter(n,e),v=s.getFullYear(),o=(0,_util.getDateQuarter)(s),d=v<r;l.push({date:s,isPrev:d,isCurrent:v===r,isNow:v===u&&o===i,isNext:!d&&r<v,quarter:o})}}return l}),Ue=(0,_vue.computed)(()=>{var e=be.value;return _xeUtils.default.chunk(e,2)}),Ee=(0,_vue.computed)(()=>{var{selectMonth:t,currentDate:e}=Y,a=p.monthSize,l=[];if(t&&e){var u=e.getFullYear(),i=e.getMonth(),n=_xeUtils.default.getWhatYear(t,0,"first").getFullYear();for(let e=-4;e<a-4;e++){var r=_xeUtils.default.getWhatYear(t,0,e),s=r.getFullYear(),v=r.getMonth(),o=s<n;l.push({date:r,isPrev:o,isCurrent:s===n,isNow:s===u&&v===i,isNext:!o&&n<s,month:v})}}return l}),Se=(0,_vue.computed)(()=>{var e=Ee.value;return _xeUtils.default.chunk(e,4)}),Ne=(0,_vue.computed)(()=>{var{selectMonth:t,currentDate:e}=Y,a=[];if(t&&e){var l=ce.value,u=ge.value,i=e.getFullYear(),n=e.getMonth(),r=e.getDate(),s=t.getFullYear(),v=t.getMonth(),e=t.getDay(),u=-u.indexOf(e),o=new Date(_xeUtils.default.getWhatDay(t,u).getTime()+l);for(let e=0;e<42;e++){var d=_xeUtils.default.getWhatDay(o,e),p=d.getFullYear(),_=d.getMonth(),c=d.getDate(),m=d<t;a.push({date:d,isPrev:m,isCurrent:p===s&&_===v,isNow:p===i&&_===n&&c===r,isNext:!m&&v!==_,label:c})}}return a}),De=(0,_vue.computed)(()=>{var e=Ne.value;return _xeUtils.default.chunk(e,7)}),Ve=(0,_vue.computed)(()=>{var e=De.value;let a=f.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)})}),Pe=(0,_vue.computed)(()=>{var t=[];if(o.value)for(let e=0;e<24;e++)t.push({value:e,label:(""+e).padStart(2,"0"),disabled:!1});return t}),Te=(0,_vue.computed)(()=>{var t=[];if(o.value)for(let e=0;e<60;e++)t.push({value:e,label:(""+e).padStart(2,"0"),disabled:!1});return t}),we=(0,_vue.computed)(()=>{var e=_.value;return!/HH/.test(e)||/mm/.test(e)}),ke=(0,_vue.computed)(()=>{var e=_.value;return!/HH/.test(e)||/ss/.test(e)}),Ce=(0,_vue.computed)(()=>Te.value),G=(0,_vue.computed)(()=>{var{type:e,editable:t,multiple:a}=L;return X.value||a||!t||"week"===e||"quarter"===e}),We=(0,_vue.computed)(()=>{var e=L.type,t=Y.showPwd,a=R.value,l=F.value,u=H.value;return l||a||u&&t||"number"===e?"text":e}),Me=(0,_vue.computed)(()=>{var e,t=L.placeholder;return t?(0,_utils.getFuncText)(t):_xeUtils.default.eqNull(t)?(e=(0,_ui.getConfig)().input.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseInput"):t}),Ae=(0,_vue.computed)(()=>{var{type:e,immediate:t}=L;return t||!("text"===e||"number"===e||"integer"===e||"float"===e)}),Le=(0,_vue.computed)(()=>{var e=L.type,t=Y.inputValue;return R.value?"integer"===e?_xeUtils.default.toInteger((0,_util2.handleNumber)(t)):_xeUtils.default.toNumber((0,_util2.handleNumber)(t)):0}),Ye=(0,_vue.computed)(()=>{var e=L.min,t=Y.inputValue,a=R.value,l=Le.value;return!(!t&&0!==t||!a||null===e)&&l<=_xeUtils.default.toNumber(e)}),Ie=(0,_vue.computed)(()=>{var e=L.max,t=Y.inputValue,a=R.value,l=Le.value;return!(!t&&0!==t||!a||null===e)&&l>=_xeUtils.default.toNumber(e)}),Oe=(0,_vue.computed)(()=>{var e=Y.inputValue;return e}),Ke=e=>{var{type:t,exponential:a}=L,l=ee.value,u=A.value,t="float"===t?(0,_util2.toFloatValueFixed)(e,t,u,""):_xeUtils.default.toValueString(e);return!a||e!==t&&_xeUtils.default.toValueString(e).toLowerCase()!==_xeUtils.default.toNumber(t).toExponential()?t.slice(0,l):e},r=(e,t,a)=>{V(e,(0,_ui.createEvent)(a,{$input:q},t))},a=()=>{var e=Oe.value,t=O.value;t&&(t.value=_xeUtils.default.eqNull(e)?"":""+e)},qe=e=>{V("update:modelValue",e)},g=e=>{var t=Y.inputValue;r(e.type,{value:t},e)},x=(e,t)=>{L.trim&&(e=(""+(e||"")).trim()),Y.inputValue=e,qe(e),r("input",{value:e},t),_xeUtils.default.toValueString(L.modelValue)!==e&&(r("change",{value:e},t),P||T||u&&i&&u.triggerItemEvent(t,i.itemConfig.field,e))},Be=(e,t)=>{var a=F.value,l=Ae.value;Y.inputValue=e,a||(l?x(e,t):(r("input",{value:e},t),P||T||u&&i&&u.triggerItemEvent(t,i.itemConfig.field,e)))},Re=e=>{var t=e.target.value;Be(t,e)},Fe=e=>{Ae.value||g(e),r("lazy-change",{value:Y.inputValue},e)},He=e=>{var t=Y.inputValue;Ae.value?a():x(t,e),U(),Y.visiblePanel||(Y.isActivated=!1),r("blur",{value:t},e),P||T||u&&i&&u.triggerItemEvent(e,i.itemConfig.field,t)},Ge=e=>{var t=Y.inputValue,a=R.value,l=F.value;Y.isActivated=!0,a?Y.inputValue=(0,_utils.eqEmptyValue)(t)?"":""+_xeUtils.default.toNumber(t):l&&Mt(e),g(e)},ze=e=>{var t;B.value||(t=Y.inputValue,r("prefix-click",{value:t},e))},h=()=>new Promise(e=>{Y.visiblePanel=!1,p.hpTimeout=setTimeout(()=>{Y.isAniVisible=!1,e()},350)}),je=(e,t)=>{var{type:a,autoFocus:l}=L,u=R.value;F.value&&h(),(l||null===l)&&(u||-1<["text","search","password"].indexOf(a))&&focus(),x("",e),r("clear",{value:t},e),r("lazy-change",{value:t},e)},$e=e=>{var t;B.value||(t=Y.inputValue,r("suffix-click",{value:t},e))},l=e=>{var t=L.type,a=m.value,l=_.value,u=f.value;let i=null,n="";e&&(i=v(e,l)),_xeUtils.default.isValidDate(i)?(n=_xeUtils.default.toDateString(i,a,{firstDay:u}),a&&"week"===t&&(e=_xeUtils.default.getYearWeek(i,u),(l=_xeUtils.default.getWhatWeek(i,0,1===e?(6+u)%7:u,u).getFullYear())!==i.getFullYear())&&-1<(t=a.indexOf("yyyy"))&&(e=Number(n.substring(t,t+4)))&&!isNaN(e)&&(n=n.replace(""+e,""+l))):i=null,Y.datePanelValue=i,Y.datePanelLabel=n},Qe=()=>{var e=F.value,t=Y.inputValue;e&&(l(t),Y.inputValue=L.multiple?oe.value:Y.datePanelLabel)},Ze=()=>{var e=L.type,t=Y.inputValue,a=F.value,l=A.value;a?Qe():"float"===e&&t&&t!==(a=(0,_util2.toFloatValueFixed)(t,e,l,""))&&x(a,{type:"init"})},Je=e=>null===L.max||""===L.max||_xeUtils.default.toNumber(e)<=_xeUtils.default.toNumber(L.max),Xe=e=>null===L.min||""===L.min||_xeUtils.default.toNumber(e)>=_xeUtils.default.toNumber(L.min),et=()=>{Y.inputValue=L.multiple?oe.value:Y.datePanelLabel},y=e=>{var t=f.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,Y.selectMonth)||(Y.selectMonth=a)},b=a=>{var{modelValue:e,multiple:l}=L;let u=Y.datetimePanelValue;var t=o.value;let i=_.value;var n=f.value;"week"===L.type?(s=_xeUtils.default.toNumber(L.selectDay),a=_xeUtils.default.getWhatWeek(a,0,s,n)):t&&(a.setHours(u.getHours()),a.setMinutes(u.getMinutes()),a.setSeconds(u.getSeconds()));let r=_xeUtils.default.toDateString(a,i,{firstDay:n});if(y(a),l){var s=ve.value;if(t){n=[...d.value];let t=[];l=_xeUtils.default.findIndexOf(n,e=>_xeUtils.default.isDateSame(a,e,"yyyyMMdd"));-1===l?n.push(a):n.splice(l,1),n.forEach(e=>{e&&(e.setHours(u.getHours()),e.setMinutes(u.getMinutes()),e.setSeconds(u.getSeconds()),t.push(e))}),x(t.map(e=>_xeUtils.default.toDateString(e,i)).join(","),{type:"update"})}else s.some(e=>_xeUtils.default.isEqual(e,r))?x(s.filter(e=>!_xeUtils.default.isEqual(e,r)).join(","),{type:"update"}):x(s.concat([r]).join(","),{type:"update"})}else _xeUtils.default.isEqual(e,r)||x(r,{type:"update"})},U=()=>{var{type:a,min:t,max:l,exponential:u}=L,{inputValue:i,datetimePanelValue:n}=Y,r=R.value,e=F.value,s=m.value;if(!G.value)if(r){if(i){var r=""+(0,_util2.handleNumber)(i);if(r){let e="integer"===a?_xeUtils.default.toInteger(r):_xeUtils.default.toNumber(r);Xe(e)?Je(e)||(e=l):e=t,u&&(r=_xeUtils.default.toValueString(i).toLowerCase())===_xeUtils.default.toNumber(e).toExponential()&&(e=r),x(Ke(e),{type:"check"})}else{let e=!t&&0!==t?"":""+t;x(e,{type:"check"})}}}else if(e)if(i){let t=v(i,s);if(_xeUtils.default.isValidDate(t))if("time"===a)i!==(t=_xeUtils.default.toDateString(t,s))&&x(t,{type:"check"}),Y.inputValue=t;else{let e=!1;l=f.value;"datetime"===a?(u=c.value,i===_xeUtils.default.toDateString(u,s)&&i===_xeUtils.default.toDateString(t,s)||(e=!0,n.setHours(t.getHours()),n.setMinutes(t.getMinutes()),n.setSeconds(t.getSeconds()))):e=!0,Y.inputValue=_xeUtils.default.toDateString(t,s,{firstDay:l}),e&&b(t)}else et()}else x("",{type:"check"})},tt=e=>{var t=Y.showPwd,a=B.value,l=G.value;a||l||(Y.showPwd=!t),r("toggle-visible",{visible:Y.showPwd},e)},at=e=>{r("search-click",{},e)},lt=(e,t)=>{var{min:a,max:l,type:u}=L,i=Y.inputValue,n=ue.value,u="integer"===u?_xeUtils.default.toInteger((0,_util2.handleNumber)(i)):_xeUtils.default.toNumber((0,_util2.handleNumber)(i)),i=e?_xeUtils.default.add(u,n):_xeUtils.default.subtract(u,n);let r;r=Xe(i)?Je(i)?i:l:a,Be(Ke(r),t)},n=e=>{var t=B.value,a=G.value,l=Ye.value;s(),t||a||l||lt(!1,e),r("next-number",{value:Y.inputValue},e)},ut=e=>{p.dnTimeout=setTimeout(()=>{n(e),ut(e)},60)},it=e=>{var t=B.value,a=G.value,l=Ie.value;s(),t||a||l||lt(!0,e),r("prev-number",{value:Y.inputValue},e)},nt=e=>{var t=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),a=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN);(t||a)&&(e.preventDefault(),(t?it:n)(e))},rt=e=>{var t,a,l,u,i,n,r,{type:s,exponential:v,controls:o}=L;R.value&&(t=(0,_dom.hasControlKey)(e),a=e.shiftKey,l=e.altKey,u=e.keyCode,i=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ESCAPE),n=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),r=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN),t||a||l||(_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.SPACEBAR)||"integer"===s&&110===u||(!v||69!==u)&&65<=u&&u<=90||186<=u&&u<=188||191<=u)&&e.preventDefault(),i?U():(n||r)&&o&&nt(e)),g(e)},st=e=>{g(e)},s=()=>{var e=p.dnTimeout;e&&(clearTimeout(e),p.dnTimeout=void 0)},vt=e=>{p.dnTimeout=setTimeout(()=>{it(e),vt(e)},60)},ot=t=>{if(s(),0===t.button){let e=(0,_dom.hasClass)(t.currentTarget,"is--prev");(e?it:n)(t),p.dnTimeout=setTimeout(()=>{(e?vt:ut)(t)},500)}},dt=e=>{var t;R.value&&L.controls&&Y.isActivated&&(0<(t=e.deltaY)?n(e):t<0&&it(e),e.preventDefault()),g(e)},pt=(e,t)=>{var a=f.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");Y.selectMonth=l},_t=()=>{var e=_xeUtils.default.getWhatDay(Date.now(),0,"first");Y.currentDate=e,pt(e,0)},ct=()=>{Y.datePanelType="year"},mt=()=>{let e=Y.datePanelType;e="month"===e||"quarter"===e?"year":"month",Y.datePanelType=e},ft=t=>{var a=L.type,{datePanelType:l,selectMonth:u,inputValue:i}=Y,n=p.yearSize;if(!de.value){let e;e="year"===a?_xeUtils.default.getWhatYear(u,-n,"first"):"month"===a||"quarter"===a?"year"===l?_xeUtils.default.getWhatYear(u,-n,"first"):_xeUtils.default.getWhatYear(u,-1,"first"):"year"===l?_xeUtils.default.getWhatYear(u,-n,"first"):"month"===l?_xeUtils.default.getWhatYear(u,-1,"first"):_xeUtils.default.getWhatMonth(u,-1,"first"),Y.selectMonth=e,r("date-prev",{viewType:l,viewDate:e,value:i,type:a},t)}},gt=e=>{_t(),L.multiple||(b(Y.currentDate),h()),r("date-today",{type:L.type},e)},xt=t=>{var a=L.type,{datePanelType:l,selectMonth:u,inputValue:i}=Y,n=p.yearSize;if(!pe.value){let e;e="year"===a?_xeUtils.default.getWhatYear(u,n,"first"):"month"===a||"quarter"===a?"year"===l?_xeUtils.default.getWhatYear(u,n,"first"):_xeUtils.default.getWhatYear(u,1,"first"):"year"===l?_xeUtils.default.getWhatYear(u,n,"first"):"month"===l?_xeUtils.default.getWhatYear(u,1,"first"):_xeUtils.default.getWhatMonth(u,1,"first"),Y.selectMonth=e,r("date-next",{viewType:l,viewDate:e,value:i,type:a},t)}},E=e=>{var t=L.disabledMethod,a=Y.datePanelType,l=ne.value,u=re.value,e=e.date;return!!(l&&l.getTime()>e.getTime())||!!(u&&u.getTime()<e.getTime())||!!t&&t({type:a,viewType:a,date:e,$input:q})},ht=e=>{var{type:t,multiple:a}=L,l=Y.datePanelType;"month"===t?"year"===l?(Y.datePanelType="month",y(e)):(b(e),a||h()):"year"===t?(b(e),a||h()):"quarter"===t?"year"===l?(Y.datePanelType="quarter",y(e)):(b(e),a||h()):"month"===l?(Y.datePanelType="week"===t?t:"day",y(e)):"year"===l?(Y.datePanelType="month",y(e)):(b(e),"datetime"===t||a||h())},S=e=>{E(e)||ht(e.date)},yt=t=>{E({date:t})||(Ne.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyyMMdd"))||y(t),l(t))},bt=t=>{E({date:t})||(me.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyy"))||y(t),l(t))},Ut=t=>{E({date:t})||(be.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyyq"))||y(t),l(t))},Et=t=>{E({date:t})||(Ee.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyyMM"))||y(t),l(t))},N=e=>{var t;E(e)||(t=Y.datePanelType,("month"===t?Et:"quarter"===t?Ut:"year"===t?bt:yt)(e.date))},St=e=>{var t;e&&(t=e.offsetHeight,e.parentNode.scrollTop=e.offsetTop-4*t)},Nt=e=>{Y.datetimePanelValue=new Date(Y.datetimePanelValue.getTime()),St(e.currentTarget)},Dt=(e,t)=>{Y.datetimePanelValue.setHours(t.value),Nt(e)},Vt=()=>{var e=L.multiple;let l=Y.datetimePanelValue;var t=c.value,u=o.value;if(u){let a=_.value;if(e){e=ve.value;if(u){u=[...d.value];let t=[];u.forEach(e=>{e&&(e.setHours(l.getHours()),e.setMinutes(l.getMinutes()),e.setSeconds(l.getSeconds()),t.push(e))}),x(t.map(e=>_xeUtils.default.toDateString(e,a)).join(","),{type:"update"})}else x(e.join(","),{type:"update"})}else b(t||Y.currentDate)}h()},Pt=(e,t)=>{Y.datetimePanelValue.setMinutes(t.value),Nt(e)},Tt=(e,t)=>{Y.datetimePanelValue.setSeconds(t.value),Nt(e)},wt=()=>{var e=L.type,t=o.value,a=c.value;-1<["year","quarter","month","week"].indexOf(e)?Y.datePanelType=e:Y.datePanelType="day",Y.currentDate=_xeUtils.default.getWhatDay(Date.now(),0,"first"),a?(pt(a,0),l(a)):_t(),t&&(Y.datetimePanelValue=Y.datePanelValue||_xeUtils.default.getWhatDay(Date.now(),0,"first"),(0,_vue.nextTick)(()=>{var e=W.value;_xeUtils.default.arrayEach(e.querySelectorAll("li.is--selected"),e=>{St(e)})}))},kt=()=>{Y.panelIndex<(0,_utils.getLastZIndex)()&&(Y.panelIndex=(0,_utils.nextZIndex)())},Ct=()=>(0,_vue.nextTick)().then(()=>{var l=L.placement,u=Y.panelIndex,i=O.value,n=$.value,e=J.value;if(i&&n){var r=i.offsetHeight,s=i.offsetWidth,v=n.offsetHeight,n=n.offsetWidth,u={zIndex:u},{boundingTop:i,boundingLeft:o,visibleHeight:d,visibleWidth:p}=(0,_dom.getAbsolutePos)(i);let a="bottom";if(e){let e=o,t=i+r;"top"===l?(a="top",t=i-v):l||(t+v+5>d&&(a="top",t=i-v),t<5&&(a="bottom",t=i+r)),e+n+5>p&&(e-=e+n+5-p),e<5&&(e=5),Object.assign(u,{left:e+"px",top:t+"px",minWidth:s+"px"})}else"top"===l?(a="top",u.bottom=r+"px"):l||(u.top=r+"px",d<i+r+v&&5<i-r-v&&(a="top",u.top="",u.bottom=r+"px"));return Y.panelStyle=u,Y.panelPlacement=a,(0,_vue.nextTick)()}}),Wt=()=>{var e=Y.visiblePanel,t=p.hpTimeout,a=B.value,l=F.value;return(a||e?(0,_vue.nextTick):(Y.initialized||(Y.initialized=!0),t&&(clearTimeout(t),p.hpTimeout=void 0),Y.isActivated=!0,Y.isAniVisible=!0,l&&wt(),setTimeout(()=>{Y.visiblePanel=!0},10),kt(),Ct))()},Mt=e=>{G.value||(e.preventDefault(),Wt())},At=e=>{g(e)},Lt=e=>{var{visiblePanel:t,isActivated:a}=Y,l=F.value,u=I.value,i=K.value;!B.value&&a&&(Y.isActivated=(0,_dom.getEventTargetNode)(e,u).flag||(0,_dom.getEventTargetNode)(e,i).flag,Y.isActivated||(l?t&&(h(),U()):U()))},Yt=t=>{var{clearable:a,delClearable:l}=L,u=Y.visiblePanel,i=B.value,n=F.value;if(!i){var i=_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),v=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ENTER),o=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_LEFT),d=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),p=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_RIGHT),_=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN),c=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.PAGE_UP),m=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.PAGE_DOWN),o=o||d||p||_;let e=Y.isActivated;i?(e&&U(),e=!1,Y.isActivated=e):o?n&&e&&(u?(t=>{var{isActivated:a,datePanelValue:l,datePanelType:u}=Y;if(a){t.preventDefault();var a=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_LEFT),i=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),n=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_RIGHT),t=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN);if("year"===u){let e=_xeUtils.default.getWhatYear(l||Date.now(),0,"first");a?e=_xeUtils.default.getWhatYear(e,-1):i?e=_xeUtils.default.getWhatYear(e,-4):n?e=_xeUtils.default.getWhatYear(e,1):t&&(e=_xeUtils.default.getWhatYear(e,4)),bt(e)}else if("quarter"===u){let e=_xeUtils.default.getWhatQuarter(l||Date.now(),0,"first");a?e=_xeUtils.default.getWhatQuarter(e,-1):i?e=_xeUtils.default.getWhatQuarter(e,-2):n?e=_xeUtils.default.getWhatQuarter(e,1):t&&(e=_xeUtils.default.getWhatQuarter(e,2)),Ut(e)}else if("month"===u){let e=_xeUtils.default.getWhatMonth(l||Date.now(),0,"first");a?e=_xeUtils.default.getWhatMonth(e,-1):i?e=_xeUtils.default.getWhatMonth(e,-4):n?e=_xeUtils.default.getWhatMonth(e,1):t&&(e=_xeUtils.default.getWhatMonth(e,4)),Et(e)}else{let e=l||_xeUtils.default.getWhatDay(Date.now(),0,"first");u=f.value;a?e=_xeUtils.default.getWhatDay(e,-1):i?e=_xeUtils.default.getWhatWeek(e,-1,u):n?e=_xeUtils.default.getWhatDay(e,1):t&&(e=_xeUtils.default.getWhatWeek(e,1,u)),yt(e)}}})(t):(d||_)&&Mt(t)):v?n&&(u?Y.datePanelValue?ht(Y.datePanelValue):h():e&&Mt(t)):(c||m)&&n&&e&&(p=t,o=Y.isActivated)&&(o=_ui.globalEvents.hasKey(p,_ui.GLOBAL_EVENT_KEYS.PAGE_UP),p.preventDefault(),(o?ft:xt)(p)),(i||s)&&u&&h(),l&&r&&a&&e&&je(t,null)}},It=e=>{var t=Y.visiblePanel;B.value||t&&(t=K.value,((0,_dom.getEventTargetNode)(e,t).flag?Ct:(h(),U))())},Ot=()=>{var{isActivated:e,visiblePanel:t}=Y;t&&h(),e&&(Y.isActivated=!1),(t||e)&&(t=O.value,U(),t)&&t.blur()};t={dispatchEvent:r,focus(){var e=O.value;return Y.isActivated=!0,e.focus(),(0,_vue.nextTick)()},blur(){return O.value.blur(),(Y.isActivated=!1,_vue.nextTick)()},select(){return O.value.select(),(Y.isActivated=!1,_vue.nextTick)()},showPanel:Wt,hidePanel:h,updatePlacement:Ct};Object.assign(q,t);let D=(e,t)=>{var a,l=L.festivalMethod;return l?(a=Y.datePanelType,e=(a=(l=l({type:a,viewType:a,date:e.date,$input:q}))?_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-input--date-label",{"is-notice":a.notice}]},e&&e.label?[(0,_vue.h)("span",""+(t||"")),(0,_vue.h)("span",{class:["vxe-input--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-input--date-festival",a.important?"is-important":"",a.className],style:a.style},[1<e.length?(0,_vue.h)("span",{class:["vxe-input--date-festival--overlap","overlap--"+e.length]},e.map(e=>(0,_vue.h)("span",e.substring(0,3)))):(0,_vue.h)("span",{class:"vxe-input--date-festival--label"},e[0].substring(0,3))]))),l):[""+(t||"")]},Kt=()=>{let a=L.multiple,{datePanelType:e,datePanelValue:l}=Y,u=c.value;var t=xe.value,i=De.value;let n=d.value,r="yyyyMMdd";return[(0,_vue.h)("table",{class:`vxe-input--date-${e}-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",i.map(e=>(0,_vue.h)("tr",e.map(t=>(0,_vue.h)("td",{class:{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":E(t),"is--selected":a?n.some(e=>_xeUtils.default.isDateSame(e,t.date,r)):_xeUtils.default.isDateSame(u,t.date,r),"is--hover":_xeUtils.default.isDateSame(l,t.date,r)},onClick:()=>S(t),onMouseenter:()=>N(t)},D(t,t.label))))))])]},qt=()=>{let l=L.multiple,{datePanelType:e,datePanelValue:u}=Y,i=c.value;var t=he.value,a=Ve.value;let n=d.value,r="yyyyMMdd";return[(0,_vue.h)("table",{class:`vxe-input--date-${e}-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=>{let t=l?e.some(t=>n.some(e=>_xeUtils.default.isDateSame(e,t.date,r))):e.some(e=>_xeUtils.default.isDateSame(i,e.date,r)),a=e.some(e=>_xeUtils.default.isDateSame(u,e.date,r));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":E(e),"is--selected":t,"is--hover":a},onClick:()=>S(e),onMouseenter:()=>N(e)},D(e,e.label))))}))])]},Bt=()=>{let a=L.multiple,{datePanelType:e,datePanelValue:l}=Y,u=c.value;var t=Se.value;let i=d.value,n="yyyyMM";return[(0,_vue.h)("table",{class:`vxe-input--date-${e}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tbody",t.map(e=>(0,_vue.h)("tr",e.map(t=>(0,_vue.h)("td",{class:{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":E(t),"is--selected":a?i.some(e=>_xeUtils.default.isDateSame(e,t.date,n)):_xeUtils.default.isDateSame(u,t.date,n),"is--hover":_xeUtils.default.isDateSame(l,t.date,n)},onClick:()=>S(t),onMouseenter:()=>N(t)},D(t,(0,_ui.getI18n)("vxe.input.date.months.m"+t.month)))))))])]},Rt=()=>{let a=L.multiple,{datePanelType:e,datePanelValue:l}=Y,u=c.value;var t=Ue.value;let i=d.value,n="yyyyq";return[(0,_vue.h)("table",{class:`vxe-input--date-${e}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tbody",t.map(e=>(0,_vue.h)("tr",e.map(t=>(0,_vue.h)("td",{class:{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":E(t),"is--selected":a?i.some(e=>_xeUtils.default.isDateSame(e,t.date,n)):_xeUtils.default.isDateSame(u,t.date,n),"is--hover":_xeUtils.default.isDateSame(l,t.date,n)},onClick:()=>S(t),onMouseenter:()=>N(t)},D(t,(0,_ui.getI18n)("vxe.input.date.quarters.q"+t.quarter)))))))])]},Ft=()=>{let a=L.multiple,{datePanelType:e,datePanelValue:l}=Y,u=c.value;var t=ye.value;let i=d.value,n="yyyy";return[(0,_vue.h)("table",{class:`vxe-input--date-${e}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tbody",t.map(e=>(0,_vue.h)("tr",e.map(t=>(0,_vue.h)("td",{class:{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":E(t),"is--selected":a?i.some(e=>_xeUtils.default.isDateSame(e,t.date,n)):_xeUtils.default.isDateSame(u,t.date,n),"is--hover":_xeUtils.default.isDateSame(l,t.date,n)},onClick:()=>S(t),onMouseenter:()=>N(t)},D(t,t.year))))))])]},Ht=()=>{var e=Y.datePanelType;switch(e){case"week":return qt();case"month":return Bt();case"quarter":return Rt();case"year":return Ft()}return Kt()},Gt=()=>{var e=L.multiple,t=Y.datePanelType,a=de.value,l=pe.value,u=fe.value;return[(0,_vue.h)("div",{class:"vxe-input--date-picker-header"},[(0,_vue.h)("div",{class:"vxe-input--date-picker-type-wrapper"},["year"===t?(0,_vue.h)("span",{class:"vxe-input--date-picker-label"},u.y):(0,_vue.h)("span",{class:"vxe-input--date-picker-btns"},[(0,_vue.h)("span",{class:"vxe-input--date-picker-btn",onClick:ct},u.y),u.m?(0,_vue.h)("span",{class:"vxe-input--date-picker-btn",onClick:mt},u.m):(0,_ui.renderEmptyElement)(q)])]),(0,_vue.h)("div",{class:"vxe-input--date-picker-btn-wrapper"},[(0,_vue.h)("span",{class:["vxe-input--date-picker-btn vxe-input--date-picker-prev-btn",{"is--disabled":a}],onClick:ft},[(0,_vue.h)("i",{class:"vxe-icon-caret-left"})]),(0,_vue.h)("span",{class:"vxe-input--date-picker-btn vxe-input--date-picker-current-btn",onClick:gt},[(0,_vue.h)("i",{class:"vxe-icon-dot"})]),(0,_vue.h)("span",{class:["vxe-input--date-picker-btn vxe-input--date-picker-next-btn",{"is--disabled":l}],onClick:xt},[(0,_vue.h)("i",{class:"vxe-icon-caret-right"})]),e&&se.value?(0,_vue.h)("span",{class:"vxe-input--date-picker-btn vxe-input--date-picker-confirm-btn"},[(0,_vue.h)("button",{class:"vxe-input--date-picker-confirm",type:"button",onClick:Vt},(0,_ui.getI18n)("vxe.button.confirm"))]):null])]),(0,_vue.h)("div",{class:"vxe-input--date-picker-body"},Ht())]},zt=()=>{let a=Y.datetimePanelValue;var e=_e.value,t=Pe.value,l=we.value,u=Te.value,i=ke.value,n=Ce.value;return[(0,_vue.h)("div",{class:"vxe-input--time-picker-header"},[l?(0,_vue.h)("span",{class:"vxe-input--time-picker-title"},e):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-input--time-picker-btn"},[(0,_vue.h)("button",{class:"vxe-input--time-picker-confirm",type:"button",onClick:Vt},(0,_ui.getI18n)("vxe.button.confirm"))])]),(0,_vue.h)("div",{ref:W,class:"vxe-input--time-picker-body"},[(0,_vue.h)("ul",{class:"vxe-input--time-picker-hour-list"},t.map((t,e)=>(0,_vue.h)("li",{key:e,class:{"is--selected":a&&a.getHours()===t.value},onClick:e=>Dt(e,t)},t.label))),l?(0,_vue.h)("ul",{class:"vxe-input--time-picker-minute-list"},u.map((t,e)=>(0,_vue.h)("li",{key:e,class:{"is--selected":a&&a.getMinutes()===t.value},onClick:e=>Pt(e,t)},t.label))):(0,_vue.createCommentVNode)(),l&&i?(0,_vue.h)("ul",{class:"vxe-input--time-picker-second-list"},n.map((t,e)=>(0,_vue.h)("li",{key:e,class:{"is--selected":a&&a.getSeconds()===t.value},onClick:e=>Tt(e,t)},t.label))):(0,_vue.createCommentVNode)()])]},jt=()=>{var e=Ie.value,t=Ye.value;return(0,_vue.h)("div",{class:"vxe-input--control-icon"},[(0,_vue.h)("div",{class:"vxe-input--number-icon"},[(0,_vue.h)("div",{class:["vxe-input--number-btn is--prev",{"is--disabled":e}],onMousedown:ot,onMouseup:s,onMouseleave:s},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().INPUT_PLUS_NUM})]),(0,_vue.h)("div",{class:["vxe-input--number-btn is--next",{"is--disabled":t}],onMousedown:ot,onMouseup:s,onMouseleave:s},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().INPUT_MINUS_NUM})])])])},$t=()=>(0,_vue.h)("div",{class:"vxe-input--control-icon",onClick:Mt},[(0,_vue.h)("i",{class:["vxe-input--date-picker-icon",(0,_ui.getIcon)().DATE_PICKER_DATE]})]),Qt=()=>(0,_vue.h)("div",{class:"vxe-input--control-icon",onClick:at},[(0,_vue.h)("i",{class:["vxe-input--search-icon",(0,_ui.getIcon)().INPUT_SEARCH]})]),Zt=()=>{var e=Y.showPwd;return(0,_vue.h)("div",{class:"vxe-input--control-icon",onClick:tt},[(0,_vue.h)("i",{class:["vxe-input--password-icon",e?(0,_ui.getIcon)().PASSWORD_INPUT_SHOW_PWD:(0,_ui.getIcon)().PASSWORD_INPUT_HIDE_PWD]})])},Jt=()=>{var e=L.controls,t=R.value,a=F.value,l=H.value,u=le.value;return(l?Zt:t&&e?jt:a?$t:u?Qt:(0,_vue.createCommentVNode))()};(0,_vue.watch)(()=>L.modelValue,e=>{Y.inputValue=e,Qe()}),(0,_vue.watch)(()=>L.type,()=>{Object.assign(Y,{inputValue:L.modelValue,datetimePanelValue:null,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null}),Ze()}),(0,_vue.watch)(m,()=>{F.value&&(l(Y.datePanelValue),Y.inputValue=L.multiple?oe.value:Y.datePanelLabel)});let Xt=(0,_vue.ref)(0);return(0,_vue.watch)(X,()=>{Xt.value++}),(0,_vue.watch)(Oe,()=>{Xt.value++}),(0,_vue.watch)(Xt,()=>{a(),(0,_vue.nextTick)(()=>{a()})}),(0,_vue.onMounted)(()=>{var e=L.type,e=(["date","time","datetime","week","month","quarter","year"].includes(e)?warnLog("vxe.error.useNew",[`<vxe-input type="${e}" ... />`,`<vxe-date-picker type="${e}" ... />`]):["number","integer","float"].includes(e)?warnLog("vxe.error.useNew",[`<vxe-input type="${e}" ... />`,`<vxe-number-input type="${e}" ... />`]):["password"].includes(e)&&warnLog("vxe.error.useNew",[`<vxe-input type="${e}" ... />`,"<vxe-password-input ... />"]),O.value);e&&e.addEventListener("wheel",dt,{passive:!1}),_ui.globalEvents.on(q,"mousewheel",It),_ui.globalEvents.on(q,"mousedown",Lt),_ui.globalEvents.on(q,"keydown",Yt),_ui.globalEvents.on(q,"blur",Ot),a()}),(0,_vue.onBeforeUnmount)(()=>{s(),U();var e=O.value;e&&e.removeEventListener("wheel",dt),_ui.globalEvents.off(q,"mousewheel"),_ui.globalEvents.off(q,"mousedown"),_ui.globalEvents.off(q,"keydown"),_ui.globalEvents.off(q,"blur")}),Ze(),q.renderVN=()=>{var e,t,a,l,u,i,n,r,s,v,o,d,p,_,c,m,f,g,{className:x,inputClassName:h,controls:y,type:b,title:U,floatContent:E,align:S,showWordCount:N,countMethod:D,name:V,autoComplete:P,autocomplete:T,floatAlign:w}=L,{inputValue:k,visiblePanel:C,isActivated:W}=Y,M=j.value,A=B.value;return X.value?(0,_vue.h)("div",{ref:I,class:["vxe-input--readonly","type--"+b,x]},k):(e=ae.value,t=te.value,a=G.value,l=ee.value,u=We.value,i=Me.value,n=ie.value,N=N&&["text","search"].includes(b),g=L.prefixIcon,s=Q.value,r=z.prefix,g=g||s.icon,s=s.content,r=r||g||s?(0,_vue.h)("div",{class:"vxe-input--prefix",onClick:ze},[(0,_vue.h)("div",{class:"vxe-input--prefix-icon"},r?(0,_vn.getSlotVNs)(r({})):[g?(0,_vue.h)("i",{class:g}):(0,_ui.renderEmptyElement)(q),s?(0,_vue.h)("span",{class:"vxe-input--prefix-text"},""+s):(0,_ui.renderEmptyElement)(q)])]):(0,_ui.renderEmptyElement)(q),g=L.suffixIcon,s=Y.inputValue,v=z.suffix,o=Z.value,d=B.value,p=R.value,_=F.value,c=H.value,m=le.value,f=ie.value,c=c||p||_||m,p=g||o.icon,_=o.content,m=f||v||p||_||c?(0,_vue.h)("div",{class:["vxe-input--suffix",{"is--clear":f&&!d&&!(""===s||_xeUtils.default.eqNull(s))}]},[f?(0,_vue.h)("div",{class:"vxe-input--clear-icon",onClick:je},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]):(0,_ui.renderEmptyElement)(q),c?Jt():(0,_ui.renderEmptyElement)(q),v||p||_?(0,_vue.h)("div",{class:"vxe-input--suffix-icon",onClick:$e},v?(0,_vn.getSlotVNs)(v({})):[p?(0,_vue.h)("i",{class:p}):(0,_ui.renderEmptyElement)(q),_?(0,_vue.h)("span",{class:"vxe-input--suffix-text"},""+_):(0,_ui.renderEmptyElement)(q)]):(0,_ui.renderEmptyElement)(q)]):(0,_ui.renderEmptyElement)(q),g=z.float,(0,_vue.h)("div",{ref:I,class:["vxe-input","type--"+b,E?"fla--"+(w||"center"):"",x,{["size--"+M]:M,["is--"+S]:S,"is--controls":y,"is--prefix":!!r,"is--suffix":!!m,"is--visible":C,"is--clear":n,"is--count":N,"is--disabled":A,"is--active":W,"show--clear":n&&!A&&!(""===k||_xeUtils.default.eqNull(k))}],spellcheck:!1},[r||(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-input--wrapper",title:U||null},[(0,_vue.h)("input",{ref:O,class:"vxe-input--inner"+(h?" "+h:""),name:V,type:u,placeholder:i,maxlength:l,readonly:a,disabled:A,autocomplete:P||T,onKeydown:rt,onKeyup:st,onClick:At,onInput:Re,onChange:Fe,onFocus:Ge,onBlur:He}),E||g?(0,_vue.h)("span",{class:"vxe-input--float-wrapper"},g?g({}):(0,_utils.getText)(E)):(0,_ui.renderEmptyElement)(q)]),m||(0,_vue.createCommentVNode)(),(()=>{var e=L.type,{initialized:t,isAniVisible:a,visiblePanel:l,panelPlacement:u,panelStyle:i}=Y,n=j.value,r=J.value,s=[];return F.value?(s.push("datetime"===e?(0,_vue.h)("div",{key:e,ref:K,class:"vxe-input--panel-layout-wrapper"},[(0,_vue.h)("div",{class:"vxe-input--panel-left-wrapper"},Gt()),(0,_vue.h)("div",{class:"vxe-input--panel-right-wrapper"},zt())]):"time"===e?(0,_vue.h)("div",{key:e,ref:K,class:"vxe-input--panel-wrapper"},zt()):(0,_vue.h)("div",{key:e||"default",ref:K,class:"vxe-input--panel-wrapper"},Gt())),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!r||!t},[(0,_vue.h)("div",{ref:$,class:["vxe-table--ignore-clear vxe-input--panel","type--"+e,{["size--"+n]:n,"is--transfer":r,"ani--leave":a,"ani--enter":l}],placement:u,style:i},l||a?s:[])])):(0,_vue.createCommentVNode)()})(),N?(0,_vue.h)("span",{class:["vxe-input--count",{"is--error":e}]},D?""+D({value:k}):t+(l?"/"+l:"")):(0,_vue.createCommentVNode)()]))},q},render(){return this.renderVN()}});
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_util=require("../../date-panel/src/util"),_util2=require("../../number-input/src/util"),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let warnLog=(0,_log.createComponentLog)("input").warnLog;var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeInput",props:{modelValue:[String,Number,Date],immediate:{type:Boolean,default:!0},name:String,title:String,type:{type:String,default:"text"},clearable:{type:Boolean,default:()=>(0,_ui.getConfig)().input.clearable},delClearable:{type:Boolean,default:()=>(0,_ui.getConfig)().input.delClearable},readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},placeholder:{type:String,default:null},floatContent:{type:String,default:()=>(0,_ui.getConfig)().input.floatContent},floatAlign:{type:String,default:()=>(0,_ui.getConfig)().input.floatAlign},maxLength:{type:[String,Number],default:()=>(0,_ui.getConfig)().input.maxLength},autoComplete:{type:String,default:"off"},autoFocus:{type:Boolean,default:null},align:String,form:String,className:String,width:[String,Number],inputClassName:{type:String,default:()=>(0,_ui.getConfig)().input.inputClassName},size:{type:String,default:()=>(0,_ui.getConfig)().input.size||(0,_ui.getConfig)().size},multiple:Boolean,showWordCount:Boolean,countMethod:Function,min:{type:[String,Number],default:null},max:{type:[String,Number],default:null},step:[String,Number],trim:{type:Boolean,default:()=>(0,_ui.getConfig)().input.trim},exponential:{type:Boolean,default:()=>(0,_ui.getConfig)().input.exponential},controls:{type:Boolean,default:()=>(0,_ui.getConfig)().input.controls},digits:{type:[String,Number],default:()=>(0,_ui.getConfig)().input.digits},startDate:{type:[String,Number,Date],default:()=>(0,_ui.getConfig)().input.startDate},endDate:{type:[String,Number,Date],default:()=>(0,_ui.getConfig)().input.endDate},minDate:[String,Number,Date],maxDate:[String,Number,Date],startWeek:Number,startDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().input.startDay},labelFormat:String,valueFormat:String,editable:{type:Boolean,default:!0},festivalMethod:{type:Function,default:()=>(0,_ui.getConfig)().input.festivalMethod},disabledMethod:{type:Function,default:()=>(0,_ui.getConfig)().input.disabledMethod},selectDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().input.selectDay},prefixIcon:String,prefixConfig:Object,suffixIcon:String,suffixConfig:Object,placement:String,transfer:{type:Boolean,default:null},maxlength:[String,Number],autocomplete:String},emits:["update:modelValue","input","change","keydown","keyup","wheel","click","focus","blur","clear","lazy-change","search-click","toggle-visible","prev-number","next-number","prefix-click","suffix-click","date-prev","date-today","date-next"],setup(Y,e){let{slots:j,emit:V}=e,P=(0,_vue.inject)("$xeSelect",null),w=(0,_vue.inject)("$xeTreeSelect",null),T=(0,_vue.inject)("$xeModal",null),k=(0,_vue.inject)("$xeDrawer",null),C=(0,_vue.inject)("$xeTable",null),u=(0,_vue.inject)("$xeForm",null),i=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();let $=(0,_ui.useSize)(Y).computeSize,I=(0,_vue.reactive)({initialized:!1,panelIndex:0,showPwd:!1,visiblePanel:!1,isAniVisible:!1,panelStyle:{},panelPlacement:"",isActivated:!1,inputValue:Y.modelValue,datetimePanelValue:null,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null}),p={yearSize:12,monthSize:20,quarterSize:8,hpTimeout:void 0,dnTimeout:void 0},O=(0,_vue.ref)(),K=(0,_vue.ref)(),Q=(0,_vue.ref)(),q=(0,_vue.ref)(),W=(0,_vue.ref)(),M={refElem:O,refInput:K},B={xID:t,props:Y,context:e,reactData:I,internalData:p,getRefMaps:()=>M},v=(e,t)=>{var a=Y.type;return"time"===a?(0,_util.toStringTimeDate)(e):_xeUtils.default.toStringDate(e,t)},Z=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().input.prefixConfig,Y.prefixConfig)),J=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().input.suffixConfig,Y.suffixConfig)),X=(0,_vue.computed)(()=>{var e=Y.transfer;if(null===e){var t=(0,_ui.getConfig)().input.transfer;if(_xeUtils.default.isBoolean(t))return t;if(C||T||k||u)return!0}return e}),ee=(0,_vue.computed)(()=>{var e;return"obsolete"===(0,_ui.getConfig)().inputReadonly||(e=Y.readonly,null===e)?!!u&&u.props.readonly:e}),R=(0,_vue.computed)(()=>{var e=Y.disabled;return null===e?!!u&&u.props.disabled:e}),te=(0,_vue.computed)(()=>{var{maxLength:e,maxlength:t}=Y,e=e||t;return F.value&&!_xeUtils.default.toNumber(e)?16:e}),ae=(0,_vue.computed)(()=>{var e=Y.width,t={};return e&&(t.width=(0,_dom.toCssUnit)(e)),t}),o=(0,_vue.computed)(()=>{var e=Y.type;return"time"===e||"datetime"===e}),F=(0,_vue.computed)(()=>-1<["number","integer","float"].indexOf(Y.type)),le=(0,_vue.computed)(()=>_xeUtils.default.getSize(I.inputValue)),ue=(0,_vue.computed)(()=>{var e=le.value,t=te.value;return t&&e>_xeUtils.default.toNumber(t)}),H=(0,_vue.computed)(()=>o.value||-1<["date","week","month","quarter","year"].indexOf(Y.type)),G=(0,_vue.computed)(()=>"password"===Y.type),ie=(0,_vue.computed)(()=>"search"===Y.type),A=(0,_vue.computed)(()=>_xeUtils.default.toInteger(Y.digits)||1),L=(0,_vue.computed)(()=>{var e=Y.type,t=A.value,a=Y.step;return"integer"===e?_xeUtils.default.toInteger(a)||1:"float"===e?_xeUtils.default.toNumber(a)||1/Math.pow(10,t):_xeUtils.default.toNumber(a)||1}),ne=(0,_vue.computed)(()=>{var e=Y.type,t=F.value,a=H.value,l=G.value;return Y.clearable&&(l||t||a||"text"===e||"search"===e)}),re=(0,_vue.computed)(()=>Y.startDate?_xeUtils.default.toStringDate(Y.startDate):null),se=(0,_vue.computed)(()=>Y.endDate?_xeUtils.default.toStringDate(Y.endDate):null),ve=(0,_vue.computed)(()=>-1<["date","week","month","quarter","year"].indexOf(Y.type)),d=(0,_vue.computed)(()=>{var{modelValue:e,multiple:t}=Y,a=H.value;let l=_.value;return t&&e&&a?_xeUtils.default.toValueString(e).split(",").map(e=>{e=v(e,l);return _xeUtils.default.isValidDate(e)?e:null}):[]}),oe=(0,_vue.computed)(()=>{var e=d.value;let t=_.value;return e.map(e=>_xeUtils.default.toDateString(e,t))}),de=(0,_vue.computed)(()=>{var e=d.value;let t=m.value;return e.map(e=>_xeUtils.default.toDateString(e,t)).join(", ")}),_=(0,_vue.computed)(()=>{var{type:e,valueFormat:t}=Y;return t||("time"===e?"HH:mm:ss":"datetime"===e?"yyyy-MM-dd HH:mm:ss":"yyyy-MM-dd")}),c=(0,_vue.computed)(()=>{var e=Y.modelValue,t=H.value,a=_.value;let l=null;return l=e&&t&&(t=v(e,a),_xeUtils.default.isValidDate(t))?t:l}),pe=(0,_vue.computed)(()=>{var e=re.value,t=I.selectMonth;return!(!t||!e)&&t<=e}),_e=(0,_vue.computed)(()=>{var e=se.value,t=I.selectMonth;return!(!t||!e)&&e<=t}),ce=(0,_vue.computed)(()=>{var e=I.datetimePanelValue,t=Ce.value;return e?_xeUtils.default.toDateString(e,t?"HH:mm:ss":"HH:mm"):""}),me=(0,_vue.computed)(()=>{var e=c.value,t=o.value;return e&&t?1e3*(3600*e.getHours()+60*e.getMinutes()+e.getSeconds()):0}),m=(0,_vue.computed)(()=>{var e=Y.labelFormat;return H.value?e||(0,_ui.getI18n)("vxe.input.date.labelFormat."+Y.type):""}),fe=(0,_vue.computed)(()=>{var{selectMonth:e,currentDate:t}=I,a=p.yearSize,l=[];if(e&&t){var u=t.getFullYear(),t=e.getFullYear(),i=new Date(t-t%a,0,1);for(let e=-4;e<a+4;e++){var n=_xeUtils.default.getWhatYear(i,e,"first"),r=n.getFullYear();l.push({date:n,isCurrent:!0,isPrev:e<0,isNow:u===r,isNext:e>=a,year:r})}}return l}),ge=(0,_vue.computed)(()=>{let a="",l="";if(H.value){var{datePanelType:u,selectMonth:i}=I,n=fe.value;let e="",t;i&&(e=i.getFullYear(),t=i.getMonth()+1),"quarter"===u||"month"===u?a=(0,_ui.getI18n)("vxe.datePicker.yearTitle",[e]):"year"===u?a=n.length?n[0].year+" - "+n[n.length-1].year:"":(a=(0,_ui.getI18n)("vxe.datePicker.yearTitle",[e]),l=t?(0,_ui.getI18n)("vxe.input.date.m"+t):"-")}return{y:a,m:l}}),f=(0,_vue.computed)(()=>{var{startDay:e,startWeek:t}=Y;return _xeUtils.default.toNumber(_xeUtils.default.isNumber(e)||_xeUtils.default.isString(e)?e:t)}),xe=(0,_vue.computed)(()=>{var a=[];if(H.value){let t=f.value;a.push(t);for(let e=0;e<6;e++)6<=t?t=0:t++,a.push(t)}return a}),he=(0,_vue.computed)(()=>H.value?xe.value.map(e=>({value:e,label:(0,_ui.getI18n)("vxe.input.date.weeks.w"+e)})):[]),ye=(0,_vue.computed)(()=>{var e;return H.value?(e=he.value,[{label:(0,_ui.getI18n)("vxe.input.date.weeks.w")}].concat(e)):[]}),be=(0,_vue.computed)(()=>{var e=fe.value;return _xeUtils.default.chunk(e,4)}),Ue=(0,_vue.computed)(()=>{var{selectMonth:e,currentDate:t}=I,a=p.quarterSize,l=[];if(e&&t){var u=t.getFullYear(),i=(0,_util.getDateQuarter)(t),n=_xeUtils.default.getWhatYear(e,0,"first"),r=n.getFullYear();for(let e=-2;e<a-2;e++){var s=_xeUtils.default.getWhatQuarter(n,e),v=s.getFullYear(),o=(0,_util.getDateQuarter)(s),d=v<r;l.push({date:s,isPrev:d,isCurrent:v===r,isNow:v===u&&o===i,isNext:!d&&r<v,quarter:o})}}return l}),Ee=(0,_vue.computed)(()=>{var e=Ue.value;return _xeUtils.default.chunk(e,2)}),Se=(0,_vue.computed)(()=>{var{selectMonth:t,currentDate:e}=I,a=p.monthSize,l=[];if(t&&e){var u=e.getFullYear(),i=e.getMonth(),n=_xeUtils.default.getWhatYear(t,0,"first").getFullYear();for(let e=-4;e<a-4;e++){var r=_xeUtils.default.getWhatYear(t,0,e),s=r.getFullYear(),v=r.getMonth(),o=s<n;l.push({date:r,isPrev:o,isCurrent:s===n,isNow:s===u&&v===i,isNext:!o&&n<s,month:v})}}return l}),Ne=(0,_vue.computed)(()=>{var e=Se.value;return _xeUtils.default.chunk(e,4)}),De=(0,_vue.computed)(()=>{var{selectMonth:t,currentDate:e}=I,a=[];if(t&&e){var l=me.value,u=xe.value,i=e.getFullYear(),n=e.getMonth(),r=e.getDate(),s=t.getFullYear(),v=t.getMonth(),e=t.getDay(),u=-u.indexOf(e),o=new Date(_xeUtils.default.getWhatDay(t,u).getTime()+l);for(let e=0;e<42;e++){var d=_xeUtils.default.getWhatDay(o,e),p=d.getFullYear(),_=d.getMonth(),c=d.getDate(),m=d<t;a.push({date:d,isPrev:m,isCurrent:p===s&&_===v,isNow:p===i&&_===n&&c===r,isNext:!m&&v!==_,label:c})}}return a}),Ve=(0,_vue.computed)(()=>{var e=De.value;return _xeUtils.default.chunk(e,7)}),Pe=(0,_vue.computed)(()=>{var e=Ve.value;let a=f.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)})}),we=(0,_vue.computed)(()=>{var t=[];if(o.value)for(let e=0;e<24;e++)t.push({value:e,label:(""+e).padStart(2,"0"),disabled:!1});return t}),Te=(0,_vue.computed)(()=>{var t=[];if(o.value)for(let e=0;e<60;e++)t.push({value:e,label:(""+e).padStart(2,"0"),disabled:!1});return t}),ke=(0,_vue.computed)(()=>{var e=_.value;return!/HH/.test(e)||/mm/.test(e)}),Ce=(0,_vue.computed)(()=>{var e=_.value;return!/HH/.test(e)||/ss/.test(e)}),We=(0,_vue.computed)(()=>Te.value),z=(0,_vue.computed)(()=>{var{type:e,editable:t,multiple:a}=Y;return ee.value||a||!t||"week"===e||"quarter"===e}),Me=(0,_vue.computed)(()=>{var e=Y.type,t=I.showPwd,a=F.value,l=H.value,u=G.value;return l||a||u&&t||"number"===e?"text":e}),Ae=(0,_vue.computed)(()=>{var e,t=Y.placeholder;return t?(0,_utils.getFuncText)(t):_xeUtils.default.eqNull(t)?(e=(0,_ui.getConfig)().input.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseInput"):t}),Le=(0,_vue.computed)(()=>{var{type:e,immediate:t}=Y;return t||!("text"===e||"number"===e||"integer"===e||"float"===e)}),Ye=(0,_vue.computed)(()=>{var e=Y.type,t=I.inputValue;return F.value?"integer"===e?_xeUtils.default.toInteger((0,_util2.handleNumber)(t)):_xeUtils.default.toNumber((0,_util2.handleNumber)(t)):0}),Ie=(0,_vue.computed)(()=>{var e=Y.min,t=I.inputValue,a=F.value,l=Ye.value;return!(!t&&0!==t||!a||null===e)&&l<=_xeUtils.default.toNumber(e)}),Oe=(0,_vue.computed)(()=>{var e=Y.max,t=I.inputValue,a=F.value,l=Ye.value;return!(!t&&0!==t||!a||null===e)&&l>=_xeUtils.default.toNumber(e)}),Ke=(0,_vue.computed)(()=>{var e=I.inputValue;return e}),qe=e=>{var{type:t,exponential:a}=Y,l=te.value,u=A.value,t="float"===t?(0,_util2.toFloatValueFixed)(e,t,u,""):_xeUtils.default.toValueString(e);return!a||e!==t&&_xeUtils.default.toValueString(e).toLowerCase()!==_xeUtils.default.toNumber(t).toExponential()?t.slice(0,l):e},r=(e,t,a)=>{V(e,(0,_ui.createEvent)(a,{$input:B},t))},a=()=>{var e=Ke.value,t=K.value;t&&(t.value=_xeUtils.default.eqNull(e)?"":""+e)},Be=e=>{V("update:modelValue",e)},g=e=>{var t=I.inputValue;r(e.type,{value:t},e)},x=(e,t)=>{Y.trim&&(e=(""+(e||"")).trim()),I.inputValue=e,Be(e),r("input",{value:e},t),_xeUtils.default.toValueString(Y.modelValue)!==e&&(r("change",{value:e},t),P||w||u&&i&&u.triggerItemEvent(t,i.itemConfig.field,e))},Re=(e,t)=>{var a=H.value,l=Le.value;I.inputValue=e,a||(l?x(e,t):(r("input",{value:e},t),P||w||u&&i&&u.triggerItemEvent(t,i.itemConfig.field,e)))},Fe=e=>{var t=e.target.value;Re(t,e)},He=e=>{Le.value||g(e),r("lazy-change",{value:I.inputValue},e)},Ge=e=>{var t=I.inputValue;Le.value?a():x(t,e),U(),I.visiblePanel||(I.isActivated=!1),r("blur",{value:t},e),P||w||u&&i&&u.triggerItemEvent(e,i.itemConfig.field,t)},ze=e=>{var t=I.inputValue,a=F.value,l=H.value;I.isActivated=!0,a?I.inputValue=(0,_utils.eqEmptyValue)(t)?"":""+_xeUtils.default.toNumber(t):l&&At(e),g(e)},je=e=>{var t;R.value||(t=I.inputValue,r("prefix-click",{value:t},e))},h=()=>new Promise(e=>{I.visiblePanel=!1,p.hpTimeout=setTimeout(()=>{I.isAniVisible=!1,e()},350)}),$e=(e,t)=>{var{type:a,autoFocus:l}=Y,u=F.value;H.value&&h(),(l||null===l)&&(u||-1<["text","search","password"].indexOf(a))&&focus(),x("",e),r("clear",{value:t},e),r("lazy-change",{value:t},e)},Qe=e=>{var t;R.value||(t=I.inputValue,r("suffix-click",{value:t},e))},l=e=>{var t=Y.type,a=m.value,l=_.value,u=f.value;let i=null,n="";e&&(i=v(e,l)),_xeUtils.default.isValidDate(i)?(n=_xeUtils.default.toDateString(i,a,{firstDay:u}),a&&"week"===t&&(e=_xeUtils.default.getYearWeek(i,u),(l=_xeUtils.default.getWhatWeek(i,0,1===e?(6+u)%7:u,u).getFullYear())!==i.getFullYear())&&-1<(t=a.indexOf("yyyy"))&&(e=Number(n.substring(t,t+4)))&&!isNaN(e)&&(n=n.replace(""+e,""+l))):i=null,I.datePanelValue=i,I.datePanelLabel=n},Ze=()=>{var e=H.value,t=I.inputValue;e&&(l(t),I.inputValue=Y.multiple?de.value:I.datePanelLabel)},Je=()=>{var e=Y.type,t=I.inputValue,a=H.value,l=A.value;a?Ze():"float"===e&&t&&t!==(a=(0,_util2.toFloatValueFixed)(t,e,l,""))&&x(a,{type:"init"})},Xe=e=>null===Y.max||""===Y.max||_xeUtils.default.toNumber(e)<=_xeUtils.default.toNumber(Y.max),et=e=>null===Y.min||""===Y.min||_xeUtils.default.toNumber(e)>=_xeUtils.default.toNumber(Y.min),tt=()=>{I.inputValue=Y.multiple?de.value:I.datePanelLabel},y=e=>{var t=f.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,I.selectMonth)||(I.selectMonth=a)},b=a=>{var{modelValue:e,multiple:l}=Y;let u=I.datetimePanelValue;var t=o.value;let i=_.value;var n=f.value;"week"===Y.type?(s=_xeUtils.default.toNumber(Y.selectDay),a=_xeUtils.default.getWhatWeek(a,0,s,n)):t&&(a.setHours(u.getHours()),a.setMinutes(u.getMinutes()),a.setSeconds(u.getSeconds()));let r=_xeUtils.default.toDateString(a,i,{firstDay:n});if(y(a),l){var s=oe.value;if(t){n=[...d.value];let t=[];l=_xeUtils.default.findIndexOf(n,e=>_xeUtils.default.isDateSame(a,e,"yyyyMMdd"));-1===l?n.push(a):n.splice(l,1),n.forEach(e=>{e&&(e.setHours(u.getHours()),e.setMinutes(u.getMinutes()),e.setSeconds(u.getSeconds()),t.push(e))}),x(t.map(e=>_xeUtils.default.toDateString(e,i)).join(","),{type:"update"})}else s.some(e=>_xeUtils.default.isEqual(e,r))?x(s.filter(e=>!_xeUtils.default.isEqual(e,r)).join(","),{type:"update"}):x(s.concat([r]).join(","),{type:"update"})}else _xeUtils.default.isEqual(e,r)||x(r,{type:"update"})},U=()=>{var{type:a,min:t,max:l,exponential:u}=Y,{inputValue:i,datetimePanelValue:n}=I,r=F.value,e=H.value,s=m.value;if(!z.value)if(r){if(i){var r=""+(0,_util2.handleNumber)(i);if(r){let e="integer"===a?_xeUtils.default.toInteger(r):_xeUtils.default.toNumber(r);et(e)?Xe(e)||(e=l):e=t,u&&(r=_xeUtils.default.toValueString(i).toLowerCase())===_xeUtils.default.toNumber(e).toExponential()&&(e=r),x(qe(e),{type:"check"})}else{let e=!t&&0!==t?"":""+t;x(e,{type:"check"})}}}else if(e)if(i){let t=v(i,s);if(_xeUtils.default.isValidDate(t))if("time"===a)i!==(t=_xeUtils.default.toDateString(t,s))&&x(t,{type:"check"}),I.inputValue=t;else{let e=!1;l=f.value;"datetime"===a?(u=c.value,i===_xeUtils.default.toDateString(u,s)&&i===_xeUtils.default.toDateString(t,s)||(e=!0,n.setHours(t.getHours()),n.setMinutes(t.getMinutes()),n.setSeconds(t.getSeconds()))):e=!0,I.inputValue=_xeUtils.default.toDateString(t,s,{firstDay:l}),e&&b(t)}else tt()}else x("",{type:"check"})},at=e=>{var t=I.showPwd,a=R.value,l=z.value;a||l||(I.showPwd=!t),r("toggle-visible",{visible:I.showPwd},e)},lt=e=>{r("search-click",{},e)},ut=(e,t)=>{var{min:a,max:l,type:u}=Y,i=I.inputValue,n=L.value,u="integer"===u?_xeUtils.default.toInteger((0,_util2.handleNumber)(i)):_xeUtils.default.toNumber((0,_util2.handleNumber)(i)),i=e?_xeUtils.default.add(u,n):_xeUtils.default.subtract(u,n);let r;r=et(i)?Xe(i)?i:l:a,Re(qe(r),t)},n=e=>{var t=R.value,a=z.value,l=Ie.value;s(),t||a||l||ut(!1,e),r("next-number",{value:I.inputValue},e)},it=e=>{p.dnTimeout=setTimeout(()=>{n(e),it(e)},60)},nt=e=>{var t=R.value,a=z.value,l=Oe.value;s(),t||a||l||ut(!0,e),r("prev-number",{value:I.inputValue},e)},rt=e=>{var t=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),a=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN);(t||a)&&(e.preventDefault(),(t?nt:n)(e))},st=e=>{var t,a,l,u,i,n,r,{type:s,exponential:v,controls:o}=Y;F.value&&(t=(0,_dom.hasControlKey)(e),a=e.shiftKey,l=e.altKey,u=e.keyCode,i=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ESCAPE),n=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),r=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN),t||a||l||(_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.SPACEBAR)||"integer"===s&&110===u||(!v||69!==u)&&65<=u&&u<=90||186<=u&&u<=188||191<=u)&&e.preventDefault(),i?U():(n||r)&&o&&rt(e)),g(e)},vt=e=>{g(e)},s=()=>{var e=p.dnTimeout;e&&(clearTimeout(e),p.dnTimeout=void 0)},ot=e=>{p.dnTimeout=setTimeout(()=>{nt(e),ot(e)},60)},dt=t=>{if(s(),0===t.button){let e=(0,_dom.hasClass)(t.currentTarget,"is--prev");(e?nt:n)(t),p.dnTimeout=setTimeout(()=>{(e?ot:it)(t)},500)}},pt=e=>{var t;F.value&&Y.controls&&I.isActivated&&(0<(t=e.deltaY)?n(e):t<0&&nt(e),e.preventDefault()),g(e)},_t=(e,t)=>{var a=f.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");I.selectMonth=l},ct=()=>{var e=_xeUtils.default.getWhatDay(Date.now(),0,"first");I.currentDate=e,_t(e,0)},mt=()=>{I.datePanelType="year"},ft=()=>{let e=I.datePanelType;e="month"===e||"quarter"===e?"year":"month",I.datePanelType=e},gt=t=>{var a=Y.type,{datePanelType:l,selectMonth:u,inputValue:i}=I,n=p.yearSize;if(!pe.value){let e;e="year"===a?_xeUtils.default.getWhatYear(u,-n,"first"):"month"===a||"quarter"===a?"year"===l?_xeUtils.default.getWhatYear(u,-n,"first"):_xeUtils.default.getWhatYear(u,-1,"first"):"year"===l?_xeUtils.default.getWhatYear(u,-n,"first"):"month"===l?_xeUtils.default.getWhatYear(u,-1,"first"):_xeUtils.default.getWhatMonth(u,-1,"first"),I.selectMonth=e,r("date-prev",{viewType:l,viewDate:e,value:i,type:a},t)}},xt=e=>{ct(),Y.multiple||(b(I.currentDate),h()),r("date-today",{type:Y.type},e)},ht=t=>{var a=Y.type,{datePanelType:l,selectMonth:u,inputValue:i}=I,n=p.yearSize;if(!_e.value){let e;e="year"===a?_xeUtils.default.getWhatYear(u,n,"first"):"month"===a||"quarter"===a?"year"===l?_xeUtils.default.getWhatYear(u,n,"first"):_xeUtils.default.getWhatYear(u,1,"first"):"year"===l?_xeUtils.default.getWhatYear(u,n,"first"):"month"===l?_xeUtils.default.getWhatYear(u,1,"first"):_xeUtils.default.getWhatMonth(u,1,"first"),I.selectMonth=e,r("date-next",{viewType:l,viewDate:e,value:i,type:a},t)}},E=e=>{var t=Y.disabledMethod,a=I.datePanelType,l=re.value,u=se.value,e=e.date;return!!(l&&l.getTime()>e.getTime())||!!(u&&u.getTime()<e.getTime())||!!t&&t({type:a,viewType:a,date:e,$input:B})},yt=e=>{var{type:t,multiple:a}=Y,l=I.datePanelType;"month"===t?"year"===l?(I.datePanelType="month",y(e)):(b(e),a||h()):"year"===t?(b(e),a||h()):"quarter"===t?"year"===l?(I.datePanelType="quarter",y(e)):(b(e),a||h()):"month"===l?(I.datePanelType="week"===t?t:"day",y(e)):"year"===l?(I.datePanelType="month",y(e)):(b(e),"datetime"===t||a||h())},S=e=>{E(e)||yt(e.date)},bt=t=>{E({date:t})||(De.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyyMMdd"))||y(t),l(t))},Ut=t=>{E({date:t})||(fe.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyy"))||y(t),l(t))},Et=t=>{E({date:t})||(Ue.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyyq"))||y(t),l(t))},St=t=>{E({date:t})||(Se.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyyMM"))||y(t),l(t))},N=e=>{var t;E(e)||(t=I.datePanelType,("month"===t?St:"quarter"===t?Et:"year"===t?Ut:bt)(e.date))},Nt=e=>{var t;e&&(t=e.offsetHeight,e.parentNode.scrollTop=e.offsetTop-4*t)},Dt=e=>{I.datetimePanelValue=new Date(I.datetimePanelValue.getTime()),Nt(e.currentTarget)},Vt=(e,t)=>{I.datetimePanelValue.setHours(t.value),Dt(e)},Pt=()=>{var e=Y.multiple;let l=I.datetimePanelValue;var t=c.value,u=o.value;if(u){let a=_.value;if(e){e=oe.value;if(u){u=[...d.value];let t=[];u.forEach(e=>{e&&(e.setHours(l.getHours()),e.setMinutes(l.getMinutes()),e.setSeconds(l.getSeconds()),t.push(e))}),x(t.map(e=>_xeUtils.default.toDateString(e,a)).join(","),{type:"update"})}else x(e.join(","),{type:"update"})}else b(t||I.currentDate)}h()},wt=(e,t)=>{I.datetimePanelValue.setMinutes(t.value),Dt(e)},Tt=(e,t)=>{I.datetimePanelValue.setSeconds(t.value),Dt(e)},kt=()=>{var e=Y.type,t=o.value,a=c.value;-1<["year","quarter","month","week"].indexOf(e)?I.datePanelType=e:I.datePanelType="day",I.currentDate=_xeUtils.default.getWhatDay(Date.now(),0,"first"),a?(_t(a,0),l(a)):ct(),t&&(I.datetimePanelValue=I.datePanelValue||_xeUtils.default.getWhatDay(Date.now(),0,"first"),(0,_vue.nextTick)(()=>{var e=W.value;_xeUtils.default.arrayEach(e.querySelectorAll("li.is--selected"),e=>{Nt(e)})}))},Ct=()=>{I.panelIndex<(0,_utils.getLastZIndex)()&&(I.panelIndex=(0,_utils.nextZIndex)())},Wt=()=>(0,_vue.nextTick)().then(()=>{var l=Y.placement,u=I.panelIndex,i=K.value,n=Q.value,e=X.value;if(i&&n){var r=i.offsetHeight,s=i.offsetWidth,v=n.offsetHeight,n=n.offsetWidth,u={zIndex:u},{boundingTop:i,boundingLeft:o,visibleHeight:d,visibleWidth:p}=(0,_dom.getAbsolutePos)(i);let a="bottom";if(e){let e=o,t=i+r;"top"===l?(a="top",t=i-v):l||(t+v+5>d&&(a="top",t=i-v),t<5&&(a="bottom",t=i+r)),e+n+5>p&&(e-=e+n+5-p),e<5&&(e=5),Object.assign(u,{left:e+"px",top:t+"px",minWidth:s+"px"})}else"top"===l?(a="top",u.bottom=r+"px"):l||(u.top=r+"px",d<i+r+v&&5<i-r-v&&(a="top",u.top="",u.bottom=r+"px"));return I.panelStyle=u,I.panelPlacement=a,(0,_vue.nextTick)()}}),Mt=()=>{var e=I.visiblePanel,t=p.hpTimeout,a=R.value,l=H.value;return(a||e?(0,_vue.nextTick):(I.initialized||(I.initialized=!0),t&&(clearTimeout(t),p.hpTimeout=void 0),I.isActivated=!0,I.isAniVisible=!0,l&&kt(),setTimeout(()=>{I.visiblePanel=!0},10),Ct(),Wt))()},At=e=>{z.value||(e.preventDefault(),Mt())},Lt=e=>{g(e)},Yt=e=>{var{visiblePanel:t,isActivated:a}=I,l=H.value,u=O.value,i=q.value;!R.value&&a&&(I.isActivated=(0,_dom.getEventTargetNode)(e,u).flag||(0,_dom.getEventTargetNode)(e,i).flag,I.isActivated||(l?t&&(h(),U()):U()))},It=t=>{var{clearable:a,delClearable:l}=Y,u=I.visiblePanel,i=R.value,n=H.value;if(!i){var i=_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),v=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ENTER),o=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_LEFT),d=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),p=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_RIGHT),_=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN),c=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.PAGE_UP),m=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.PAGE_DOWN),o=o||d||p||_;let e=I.isActivated;i?(e&&U(),e=!1,I.isActivated=e):o?n&&e&&(u?(t=>{var{isActivated:a,datePanelValue:l,datePanelType:u}=I;if(a){t.preventDefault();var a=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_LEFT),i=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),n=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_RIGHT),t=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN);if("year"===u){let e=_xeUtils.default.getWhatYear(l||Date.now(),0,"first");a?e=_xeUtils.default.getWhatYear(e,-1):i?e=_xeUtils.default.getWhatYear(e,-4):n?e=_xeUtils.default.getWhatYear(e,1):t&&(e=_xeUtils.default.getWhatYear(e,4)),Ut(e)}else if("quarter"===u){let e=_xeUtils.default.getWhatQuarter(l||Date.now(),0,"first");a?e=_xeUtils.default.getWhatQuarter(e,-1):i?e=_xeUtils.default.getWhatQuarter(e,-2):n?e=_xeUtils.default.getWhatQuarter(e,1):t&&(e=_xeUtils.default.getWhatQuarter(e,2)),Et(e)}else if("month"===u){let e=_xeUtils.default.getWhatMonth(l||Date.now(),0,"first");a?e=_xeUtils.default.getWhatMonth(e,-1):i?e=_xeUtils.default.getWhatMonth(e,-4):n?e=_xeUtils.default.getWhatMonth(e,1):t&&(e=_xeUtils.default.getWhatMonth(e,4)),St(e)}else{let e=l||_xeUtils.default.getWhatDay(Date.now(),0,"first");u=f.value;a?e=_xeUtils.default.getWhatDay(e,-1):i?e=_xeUtils.default.getWhatWeek(e,-1,u):n?e=_xeUtils.default.getWhatDay(e,1):t&&(e=_xeUtils.default.getWhatWeek(e,1,u)),bt(e)}}})(t):(d||_)&&At(t)):v?n&&(u?I.datePanelValue?yt(I.datePanelValue):h():e&&At(t)):(c||m)&&n&&e&&(p=t,o=I.isActivated)&&(o=_ui.globalEvents.hasKey(p,_ui.GLOBAL_EVENT_KEYS.PAGE_UP),p.preventDefault(),(o?gt:ht)(p)),(i||s)&&u&&h(),l&&r&&a&&e&&$e(t,null)}},Ot=e=>{var t=I.visiblePanel;R.value||t&&(t=q.value,((0,_dom.getEventTargetNode)(e,t).flag?Wt:(h(),U))())},Kt=()=>{var{isActivated:e,visiblePanel:t}=I;t&&h(),e&&(I.isActivated=!1),(t||e)&&(t=K.value,U(),t)&&t.blur()};t={dispatchEvent:r,focus(){var e=K.value;return I.isActivated=!0,e.focus(),(0,_vue.nextTick)()},blur(){return K.value.blur(),(I.isActivated=!1,_vue.nextTick)()},select(){return K.value.select(),(I.isActivated=!1,_vue.nextTick)()},showPanel:Mt,hidePanel:h,updatePlacement:Wt};Object.assign(B,t);let D=(e,t)=>{var a,l=Y.festivalMethod;return l?(a=I.datePanelType,e=(a=(l=l({type:a,viewType:a,date:e.date,$input:B}))?_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-input--date-label",{"is-notice":a.notice}]},e&&e.label?[(0,_vue.h)("span",""+(t||"")),(0,_vue.h)("span",{class:["vxe-input--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-input--date-festival",a.important?"is-important":"",a.className],style:a.style},[1<e.length?(0,_vue.h)("span",{class:["vxe-input--date-festival--overlap","overlap--"+e.length]},e.map(e=>(0,_vue.h)("span",e.substring(0,3)))):(0,_vue.h)("span",{class:"vxe-input--date-festival--label"},e[0].substring(0,3))]))),l):[""+(t||"")]},qt=()=>{let a=Y.multiple,{datePanelType:e,datePanelValue:l}=I,u=c.value;var t=he.value,i=Ve.value;let n=d.value,r="yyyyMMdd";return[(0,_vue.h)("table",{class:`vxe-input--date-${e}-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",i.map(e=>(0,_vue.h)("tr",e.map(t=>(0,_vue.h)("td",{class:{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":E(t),"is--selected":a?n.some(e=>_xeUtils.default.isDateSame(e,t.date,r)):_xeUtils.default.isDateSame(u,t.date,r),"is--hover":_xeUtils.default.isDateSame(l,t.date,r)},onClick:()=>S(t),onMouseenter:()=>N(t)},D(t,t.label))))))])]},Bt=()=>{let l=Y.multiple,{datePanelType:e,datePanelValue:u}=I,i=c.value;var t=ye.value,a=Pe.value;let n=d.value,r="yyyyMMdd";return[(0,_vue.h)("table",{class:`vxe-input--date-${e}-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=>{let t=l?e.some(t=>n.some(e=>_xeUtils.default.isDateSame(e,t.date,r))):e.some(e=>_xeUtils.default.isDateSame(i,e.date,r)),a=e.some(e=>_xeUtils.default.isDateSame(u,e.date,r));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":E(e),"is--selected":t,"is--hover":a},onClick:()=>S(e),onMouseenter:()=>N(e)},D(e,e.label))))}))])]},Rt=()=>{let a=Y.multiple,{datePanelType:e,datePanelValue:l}=I,u=c.value;var t=Ne.value;let i=d.value,n="yyyyMM";return[(0,_vue.h)("table",{class:`vxe-input--date-${e}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tbody",t.map(e=>(0,_vue.h)("tr",e.map(t=>(0,_vue.h)("td",{class:{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":E(t),"is--selected":a?i.some(e=>_xeUtils.default.isDateSame(e,t.date,n)):_xeUtils.default.isDateSame(u,t.date,n),"is--hover":_xeUtils.default.isDateSame(l,t.date,n)},onClick:()=>S(t),onMouseenter:()=>N(t)},D(t,(0,_ui.getI18n)("vxe.input.date.months.m"+t.month)))))))])]},Ft=()=>{let a=Y.multiple,{datePanelType:e,datePanelValue:l}=I,u=c.value;var t=Ee.value;let i=d.value,n="yyyyq";return[(0,_vue.h)("table",{class:`vxe-input--date-${e}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tbody",t.map(e=>(0,_vue.h)("tr",e.map(t=>(0,_vue.h)("td",{class:{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":E(t),"is--selected":a?i.some(e=>_xeUtils.default.isDateSame(e,t.date,n)):_xeUtils.default.isDateSame(u,t.date,n),"is--hover":_xeUtils.default.isDateSame(l,t.date,n)},onClick:()=>S(t),onMouseenter:()=>N(t)},D(t,(0,_ui.getI18n)("vxe.input.date.quarters.q"+t.quarter)))))))])]},Ht=()=>{let a=Y.multiple,{datePanelType:e,datePanelValue:l}=I,u=c.value;var t=be.value;let i=d.value,n="yyyy";return[(0,_vue.h)("table",{class:`vxe-input--date-${e}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tbody",t.map(e=>(0,_vue.h)("tr",e.map(t=>(0,_vue.h)("td",{class:{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":E(t),"is--selected":a?i.some(e=>_xeUtils.default.isDateSame(e,t.date,n)):_xeUtils.default.isDateSame(u,t.date,n),"is--hover":_xeUtils.default.isDateSame(l,t.date,n)},onClick:()=>S(t),onMouseenter:()=>N(t)},D(t,t.year))))))])]},Gt=()=>{var e=I.datePanelType;switch(e){case"week":return Bt();case"month":return Rt();case"quarter":return Ft();case"year":return Ht()}return qt()},zt=()=>{var e=Y.multiple,t=I.datePanelType,a=pe.value,l=_e.value,u=ge.value;return[(0,_vue.h)("div",{class:"vxe-input--date-picker-header"},[(0,_vue.h)("div",{class:"vxe-input--date-picker-type-wrapper"},["year"===t?(0,_vue.h)("span",{class:"vxe-input--date-picker-label"},u.y):(0,_vue.h)("span",{class:"vxe-input--date-picker-btns"},[(0,_vue.h)("span",{class:"vxe-input--date-picker-btn",onClick:mt},u.y),u.m?(0,_vue.h)("span",{class:"vxe-input--date-picker-btn",onClick:ft},u.m):(0,_ui.renderEmptyElement)(B)])]),(0,_vue.h)("div",{class:"vxe-input--date-picker-btn-wrapper"},[(0,_vue.h)("span",{class:["vxe-input--date-picker-btn vxe-input--date-picker-prev-btn",{"is--disabled":a}],onClick:gt},[(0,_vue.h)("i",{class:"vxe-icon-caret-left"})]),(0,_vue.h)("span",{class:"vxe-input--date-picker-btn vxe-input--date-picker-current-btn",onClick:xt},[(0,_vue.h)("i",{class:"vxe-icon-dot"})]),(0,_vue.h)("span",{class:["vxe-input--date-picker-btn vxe-input--date-picker-next-btn",{"is--disabled":l}],onClick:ht},[(0,_vue.h)("i",{class:"vxe-icon-caret-right"})]),e&&ve.value?(0,_vue.h)("span",{class:"vxe-input--date-picker-btn vxe-input--date-picker-confirm-btn"},[(0,_vue.h)("button",{class:"vxe-input--date-picker-confirm",type:"button",onClick:Pt},(0,_ui.getI18n)("vxe.button.confirm"))]):null])]),(0,_vue.h)("div",{class:"vxe-input--date-picker-body"},Gt())]},jt=()=>{let a=I.datetimePanelValue;var e=ce.value,t=we.value,l=ke.value,u=Te.value,i=Ce.value,n=We.value;return[(0,_vue.h)("div",{class:"vxe-input--time-picker-header"},[l?(0,_vue.h)("span",{class:"vxe-input--time-picker-title"},e):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-input--time-picker-btn"},[(0,_vue.h)("button",{class:"vxe-input--time-picker-confirm",type:"button",onClick:Pt},(0,_ui.getI18n)("vxe.button.confirm"))])]),(0,_vue.h)("div",{ref:W,class:"vxe-input--time-picker-body"},[(0,_vue.h)("ul",{class:"vxe-input--time-picker-hour-list"},t.map((t,e)=>(0,_vue.h)("li",{key:e,class:{"is--selected":a&&a.getHours()===t.value},onClick:e=>Vt(e,t)},t.label))),l?(0,_vue.h)("ul",{class:"vxe-input--time-picker-minute-list"},u.map((t,e)=>(0,_vue.h)("li",{key:e,class:{"is--selected":a&&a.getMinutes()===t.value},onClick:e=>wt(e,t)},t.label))):(0,_vue.createCommentVNode)(),l&&i?(0,_vue.h)("ul",{class:"vxe-input--time-picker-second-list"},n.map((t,e)=>(0,_vue.h)("li",{key:e,class:{"is--selected":a&&a.getSeconds()===t.value},onClick:e=>Tt(e,t)},t.label))):(0,_vue.createCommentVNode)()])]},$t=()=>{var e=Oe.value,t=Ie.value;return(0,_vue.h)("div",{class:"vxe-input--control-icon"},[(0,_vue.h)("div",{class:"vxe-input--number-icon"},[(0,_vue.h)("div",{class:["vxe-input--number-btn is--prev",{"is--disabled":e}],onMousedown:dt,onMouseup:s,onMouseleave:s},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().INPUT_PLUS_NUM})]),(0,_vue.h)("div",{class:["vxe-input--number-btn is--next",{"is--disabled":t}],onMousedown:dt,onMouseup:s,onMouseleave:s},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().INPUT_MINUS_NUM})])])])},Qt=()=>(0,_vue.h)("div",{class:"vxe-input--control-icon",onClick:At},[(0,_vue.h)("i",{class:["vxe-input--date-picker-icon",(0,_ui.getIcon)().DATE_PICKER_DATE]})]),Zt=()=>(0,_vue.h)("div",{class:"vxe-input--control-icon",onClick:lt},[(0,_vue.h)("i",{class:["vxe-input--search-icon",(0,_ui.getIcon)().INPUT_SEARCH]})]),Jt=()=>{var e=I.showPwd;return(0,_vue.h)("div",{class:"vxe-input--control-icon",onClick:at},[(0,_vue.h)("i",{class:["vxe-input--password-icon",e?(0,_ui.getIcon)().PASSWORD_INPUT_SHOW_PWD:(0,_ui.getIcon)().PASSWORD_INPUT_HIDE_PWD]})])},Xt=()=>{var e=Y.controls,t=F.value,a=H.value,l=G.value,u=ie.value;return(l?Jt:t&&e?$t:a?Qt:u?Zt:(0,_vue.createCommentVNode))()};(0,_vue.watch)(()=>Y.modelValue,e=>{I.inputValue=e,Ze()}),(0,_vue.watch)(()=>Y.type,()=>{Object.assign(I,{inputValue:Y.modelValue,datetimePanelValue:null,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null}),Je()}),(0,_vue.watch)(m,()=>{H.value&&(l(I.datePanelValue),I.inputValue=Y.multiple?de.value:I.datePanelLabel)});let ea=(0,_vue.ref)(0);return(0,_vue.watch)(ee,()=>{ea.value++}),(0,_vue.watch)(Ke,()=>{ea.value++}),(0,_vue.watch)(ea,()=>{a(),(0,_vue.nextTick)(()=>{a()})}),(0,_vue.onMounted)(()=>{var e=Y.type,e=(["date","time","datetime","week","month","quarter","year"].includes(e)?warnLog("vxe.error.useNew",[`<vxe-input type="${e}" ... />`,`<vxe-date-picker type="${e}" ... />`]):["number","integer","float"].includes(e)?warnLog("vxe.error.useNew",[`<vxe-input type="${e}" ... />`,`<vxe-number-input type="${e}" ... />`]):["password"].includes(e)&&warnLog("vxe.error.useNew",[`<vxe-input type="${e}" ... />`,"<vxe-password-input ... />"]),K.value);e&&e.addEventListener("wheel",pt,{passive:!1}),_ui.globalEvents.on(B,"mousewheel",Ot),_ui.globalEvents.on(B,"mousedown",Yt),_ui.globalEvents.on(B,"keydown",It),_ui.globalEvents.on(B,"blur",Kt),a()}),(0,_vue.onBeforeUnmount)(()=>{s(),U();var e=K.value;e&&e.removeEventListener("wheel",pt),_ui.globalEvents.off(B,"mousewheel"),_ui.globalEvents.off(B,"mousedown"),_ui.globalEvents.off(B,"keydown"),_ui.globalEvents.off(B,"blur")}),Je(),B.renderVN=()=>{var e,t,a,l,u,i,n,r,s,v,o,d,p,_,c,m,f,g,x,{className:h,inputClassName:y,controls:b,type:U,title:E,floatContent:S,align:N,showWordCount:D,countMethod:V,name:P,autoComplete:w,autocomplete:T,floatAlign:k}=Y,{inputValue:C,visiblePanel:W,isActivated:L}=I,M=$.value,A=R.value;return ee.value?(0,_vue.h)("div",{ref:O,class:["vxe-input--readonly","type--"+U,h]},C):(e=ae.value,t=ue.value,a=le.value,l=z.value,u=te.value,i=Me.value,n=Ae.value,r=ne.value,D=D&&["text","search"].includes(U),x=Y.prefixIcon,v=Z.value,s=j.prefix,x=x||v.icon,v=v.content,s=s||x||v?(0,_vue.h)("div",{class:"vxe-input--prefix",onClick:je},[(0,_vue.h)("div",{class:"vxe-input--prefix-icon"},s?(0,_vn.getSlotVNs)(s({})):[x?(0,_vue.h)("i",{class:x}):(0,_ui.renderEmptyElement)(B),v?(0,_vue.h)("span",{class:"vxe-input--prefix-text"},""+v):(0,_ui.renderEmptyElement)(B)])]):(0,_ui.renderEmptyElement)(B),x=Y.suffixIcon,v=I.inputValue,o=j.suffix,d=J.value,p=R.value,_=F.value,c=H.value,m=G.value,f=ie.value,g=ne.value,m=m||_||c||f,_=x||d.icon,c=d.content,f=g||o||_||c||m?(0,_vue.h)("div",{class:["vxe-input--suffix",{"is--clear":g&&!p&&!(""===v||_xeUtils.default.eqNull(v))}]},[g?(0,_vue.h)("div",{class:"vxe-input--clear-icon",onClick:$e},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]):(0,_ui.renderEmptyElement)(B),m?Xt():(0,_ui.renderEmptyElement)(B),o||_||c?(0,_vue.h)("div",{class:"vxe-input--suffix-icon",onClick:Qe},o?(0,_vn.getSlotVNs)(o({})):[_?(0,_vue.h)("i",{class:_}):(0,_ui.renderEmptyElement)(B),c?(0,_vue.h)("span",{class:"vxe-input--suffix-text"},""+c):(0,_ui.renderEmptyElement)(B)]):(0,_ui.renderEmptyElement)(B)]):(0,_ui.renderEmptyElement)(B),x=j.float,(0,_vue.h)("div",{ref:O,class:["vxe-input","type--"+U,S?"fla--"+(k||"center"):"",h,{["size--"+M]:M,["is--"+N]:N,"is--controls":b,"is--prefix":!!s,"is--suffix":!!f,"is--visible":W,"is--clear":r,"is--count":D,"is--disabled":A,"is--active":L,"show--clear":r&&!A&&!(""===C||_xeUtils.default.eqNull(C))}],style:e,spellcheck:!1},[s||(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-input--wrapper",title:E||null},[(0,_vue.h)("input",{ref:K,class:"vxe-input--inner"+(y?" "+y:""),name:P,type:i,placeholder:n,maxlength:u,readonly:l,disabled:A,autocomplete:w||T,onKeydown:st,onKeyup:vt,onClick:Lt,onInput:Fe,onChange:He,onFocus:ze,onBlur:Ge}),S||x?(0,_vue.h)("span",{class:"vxe-input--float-wrapper"},x?x({}):(0,_utils.getText)(S)):(0,_ui.renderEmptyElement)(B)]),f||(0,_vue.createCommentVNode)(),(()=>{var e=Y.type,{initialized:t,isAniVisible:a,visiblePanel:l,panelPlacement:u,panelStyle:i}=I,n=$.value,r=X.value,s=[];return H.value?(s.push("datetime"===e?(0,_vue.h)("div",{key:e,ref:q,class:"vxe-input--panel-layout-wrapper"},[(0,_vue.h)("div",{class:"vxe-input--panel-left-wrapper"},zt()),(0,_vue.h)("div",{class:"vxe-input--panel-right-wrapper"},jt())]):"time"===e?(0,_vue.h)("div",{key:e,ref:q,class:"vxe-input--panel-wrapper"},jt()):(0,_vue.h)("div",{key:e||"default",ref:q,class:"vxe-input--panel-wrapper"},zt())),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!r||!t},[(0,_vue.h)("div",{ref:Q,class:["vxe-table--ignore-clear vxe-input--panel","type--"+e,{["size--"+n]:n,"is--transfer":r,"ani--leave":a,"ani--enter":l}],placement:u,style:i},l||a?s:[])])):(0,_vue.createCommentVNode)()})(),D?(0,_vue.h)("span",{class:["vxe-input--count",{"is--error":t}]},V?""+V({value:C}):a+(u?"/"+u:"")):(0,_vue.createCommentVNode)()]))},B},render(){return this.renderVN()}});
|
package/lib/modal/src/modal.js
CHANGED
|
@@ -898,7 +898,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
898
898
|
const handleGlobalKeydownEvent = evnt => {
|
|
899
899
|
const isEsc = _ui.globalEvents.hasKey(evnt, _ui.GLOBAL_EVENT_KEYS.ESCAPE);
|
|
900
900
|
if (isEsc) {
|
|
901
|
-
const lastModal = _xeUtils.default.max(_store.allActiveModals, item => item.reactData.modalZindex);
|
|
901
|
+
const lastModal = _xeUtils.default.max(_store.allActiveModals.filter(item => item.reactData.zoomStatus !== 'minimize'), item => item.reactData.modalZindex);
|
|
902
902
|
// 多个时,只关掉最上层的窗口
|
|
903
903
|
if (lastModal) {
|
|
904
904
|
setTimeout(() => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_ui=require("../../ui"),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log"),_store=require("./store"),_button=_interopRequireDefault(require("../../button")),_loading=_interopRequireDefault(require("../../loading"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{warnLog,errLog}=(0,_log.createComponentLog)("modal");function createInternalData(){return{isMoveStatus:!1}}function createReactData(){return{initialized:!1,visible:!1,contentVisible:!1,modalTop:0,modalZindex:0,prevZoomStatus:"",zoomStatus:"",revertLocat:null,prevLocat:null,firstOpen:!0,resizeFlag:1}}let msgQueue=[],notifyQueue=[],lockScrollAttrKey="data-vxe-lock-scroll",lockScrollCssWidthKey="--vxe-ui-modal-lock-scroll-view-width";var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeModal",props:{modelValue:Boolean,id:String,type:{type:String,default:"modal"},loading:{type:Boolean,default:null},status:String,iconStatus:String,className:String,top:{type:[Number,String],default:()=>(0,_ui.getConfig)().modal.top},position:[String,Object],title:String,duration:{type:[Number,String],default:()=>(0,_ui.getConfig)().modal.duration},content:[Number,String],useHtml:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.useHtml},showCancelButton:{type:Boolean,default:null},cancelButtonText:{type:String,default:()=>(0,_ui.getConfig)().modal.cancelButtonText},showConfirmButton:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.showConfirmButton},confirmButtonText:{type:String,default:()=>(0,_ui.getConfig)().modal.confirmButtonText},lockView:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.lockView},lockScroll:Boolean,mask:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.mask},maskClosable:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.maskClosable},escClosable:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.escClosable},cancelClosable:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.cancelClosable},confirmClosable:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.confirmClosable},resize:Boolean,border:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.border},showTitleBackground:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.showTitleBackground},showHeader:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.showHeader},showFooter:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.showFooter},preload:Boolean,showZoom:Boolean,zoomConfig:Object,showMaximize:{type:Boolean,default:()=>(0,_utils.handleBooleanDefaultValue)((0,_ui.getConfig)().modal.showMaximize)},showMinimize:{type:Boolean,default:()=>(0,_utils.handleBooleanDefaultValue)((0,_ui.getConfig)().modal.showMinimize)},showClose:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.showClose},dblclickZoom:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.dblclickZoom},width:{type:[Number,String],default:()=>(0,_ui.getConfig)().modal.width},height:{type:[Number,String],default:()=>(0,_ui.getConfig)().modal.height},minWidth:{type:[Number,String],default:()=>(0,_ui.getConfig)().modal.minWidth},minHeight:{type:[Number,String],default:()=>(0,_ui.getConfig)().modal.minHeight},zIndex:Number,marginSize:{type:[Number,String],default:()=>(0,_ui.getConfig)().modal.marginSize},fullscreen:Boolean,draggable:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.draggable},remember:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.remember},destroyOnClose:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.destroyOnClose},showTitleOverflow:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.showTitleOverflow},transfer:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.transfer},appendTo:{type:[String,Function],default:()=>(0,_ui.getConfig)().modal.appendTo},isWithinAppendTo:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.isWithinAppendTo},storage:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.storage},storageKey:{type:String,default:()=>(0,_ui.getConfig)().modal.storageKey},padding:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.padding},size:{type:String,default:()=>(0,_ui.getConfig)().modal.size||(0,_ui.getConfig)().size},beforeHideMethod:Function,slots:Object,message:[Number,String],animat:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.animat}},emits:["update:modelValue","show","hide","before-hide","close","confirm","cancel","zoom","resize","move"],setup(M,e){let{slots:N,emit:i}=e,s=_xeUtils.default.uniqueId(),o=(0,_vue.inject)("$xeModal",null),T=(0,_vue.inject)("$xeDrawer",null),k=(0,_vue.inject)("$xeTable",null),B=(0,_vue.inject)("$xeForm",null),O=(0,_ui.useSize)(M).computeSize,E=(0,_vue.reactive)(createReactData()),f=createInternalData(),U=(0,_vue.ref)(),A=(0,_vue.ref)(),D=(0,_vue.ref)(),n=(0,_vue.ref)(),u=(0,_vue.ref)(),H={refElem:U},Z=(0,_vue.computed)(()=>{var e=M.transfer;if(null===e){var t=(0,_ui.getConfig)().modal.transfer;if(_xeUtils.default.isBoolean(t))return t;if(k||o||T||B)return!0}return e}),I=(0,_vue.computed)(()=>"message"===M.type||"notification"===M.type),L=(0,_vue.computed)(()=>"minimize"===E.zoomStatus),$=(0,_vue.computed)(()=>"maximize"===E.zoomStatus),l=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().modal.zoomConfig,M.zoomConfig)),j={computeSize:O,computeZoomOpts:l},V={xID:s,props:M,context:e,reactData:E,internalData:f,getRefMaps:()=>H,getComputeMaps:()=>j};let z=()=>A.value,r=()=>{var{width:e,height:t,minWidth:o,minHeight:i}=M,l=I.value,a=L.value,s=z();return s&&(s.style.width=e?(0,_dom.toCssUnit)(e):"",s.style.height=t?(0,_dom.toCssUnit)(t):"",s.style.minWidth=l||a||!o?"":(0,_dom.toCssUnit)(o),s.style.minHeight=l||a||!i?"":(0,_dom.toCssUnit)(i)),(0,_vue.nextTick)()},d=()=>{var e=M.zIndex,t=E.modalZindex;e?E.modalZindex=e:I.value?t<(0,_utils.getSubLastZIndex)()&&(E.modalZindex=(0,_utils.nextSubZIndex)()):t<(0,_utils.getLastZIndex)()&&(E.modalZindex=(0,_utils.nextZIndex)())},m=()=>(0,_vue.nextTick)().then(()=>{var{position:o,isWithinAppendTo:i}=M,l=U.value,a=z();if(a){i=(0,_dom.getPopupWrapperElement)(i?l:document.body);if(i){var l=i.clientWidth,i=i.clientHeight,s=_xeUtils.default.toNumber(M.marginSize),n="center"===o,{top:o,left:u}=_xeUtils.default.isString(o)?{top:o,left:o}:Object.assign({},o),r=n||"center"===o;let e="",t="";t=u&&!(n||"center"===u)?(0,_dom.toCssUnit)(u):Math.max(s,l/2-a.offsetWidth/2)+"px",e=o&&!r?(0,_dom.toCssUnit)(o):Math.max(s,i/2-a.offsetHeight/2)+"px",a.style.top=e,a.style.left=t}}}),c=()=>{(0,_vue.nextTick)(()=>{var e=M.type,e="notification"===e?notifyQueue:msgQueue;let o=0;e.forEach(e=>{var t=e.getBox();t&&(o+=_xeUtils.default.toNumber(e.props.top),e.reactData.modalTop=o,o+=t.clientHeight)})})},g=()=>{-1<_store.allActiveModals.indexOf(V)&&_xeUtils.default.remove(_store.allActiveModals,e=>e===V)},v=()=>{var e=M.type,e="notification"===e?notifyQueue:msgQueue;-1<e.indexOf(V)&&_xeUtils.default.remove(e,e=>e===V),c()},a=e=>{let t=M.remember;var o=E.visible;let i=I.value;var l=M.beforeHideMethod||(0,_ui.getConfig)().modal.beforeHideMethod;let a={type:e};return o&&Promise.resolve(l?l(a):null).then(e=>{_xeUtils.default.isError(e)||((e=U.value)&&e.setAttribute("data-effect","y"),i&&v(),E.contentVisible=!1,t||b(),g(),w("before-hide",a,null),setTimeout(()=>{E.visible=!1,oe(!1),w("hide",a,null)},200),y(),setTimeout(()=>{var e=U.value;e&&e.removeAttribute("data-effect")},350))}).catch(e=>e),(0,_vue.nextTick)()},P=e=>{var t="close";w(t,{type:t},e),a(t)},q=e=>{var t=M.confirmClosable,o="confirm";w(o,{type:o},e),t&&a(o)},K=e=>{var t=M.cancelClosable,o="cancel";w(o,{type:o},e),t&&a(o)},p=e=>{var t=(0,_ui.getConfig)().version,e=_xeUtils.default.toStringJSON(localStorage.getItem(e)||"");return e&&e._v===t?e:{_v:t}},S=()=>{var{id:e,storage:t,storageKey:o}=M,{zoomStatus:i,revertLocat:l}=E;i||e&&t&&(i=z())&&((t=p(o))[e]=[i.style.left,i.style.top,i.clientWidth,i.clientHeight].concat(l?[l.left,l.top,l.width,l.height]:[]).map(e=>e?_xeUtils.default.toNumber(e):"").join(","),localStorage.setItem(o,_xeUtils.default.toJSONString(t)))},_=()=>{let s=M.isWithinAppendTo;let{minimizeLayout:e,minimizeMaxSize:t,minimizeHorizontalOffset:n,minimizeVerticalOffset:u,minimizeOffsetMethod:r}=l.value,d="horizontal"===e,m=E.zoomStatus,o=[],i=[],c=(_store.allActiveModals.forEach(e=>{e.xID!==V.xID&&"modal"===e.props.type&&"minimize"===e.reactData.zoomStatus&&("horizontal"===e.getComputeMaps().computeZoomOpts.value.minimizeLayout?o:i).push(e)}),d?o:i);return t&&c.length>=t?(_ui.VxeUI.modal&&_ui.VxeUI.modal.message({status:"error",content:(0,_ui.getI18n)("vxe.modal.miniMaxSize",[t])}),Promise.resolve({status:!1})):(E.prevZoomStatus=m,E.zoomStatus="minimize",(0,_vue.nextTick)().then(()=>{var t=U.value,e=z();if(!e)return{status:!1};var o=D.value;if(!o)return{status:!1};t=(0,_dom.getPopupWrapperElement)(s?t:document.body);if(!t)return{status:!1};var t=t.clientHeight,i=(m||(E.revertLocat={top:e.offsetTop,left:e.offsetLeft,width:e.offsetWidth+(e.style.width?0:1),height:e.offsetHeight+(e.style.height?0:1)}),_xeUtils.default[d?"max":"min"](c,e=>{e=e.getBox();return e?_xeUtils.default.toNumber(e.style[d?"left":"top"]):0}));let l=t-o.offsetHeight-16,a=16;if(i){t=i.getBox();if(t){i=_xeUtils.default.toNumber(t.style.left),t=_xeUtils.default.toNumber(t.style.top);let e={};e=d?Object.assign({},n):Object.assign({},u),a=i+_xeUtils.default.toNumber(e.left),l=t+_xeUtils.default.toNumber(e.top),r&&(e=r({$modal:V,left:a,top:l}),a=_xeUtils.default.toNumber(e.left),l=_xeUtils.default.toNumber(e.top))}}return Object.assign(e.style,{top:l+"px",left:a+"px",width:"200px",height:o.offsetHeight+"px",minHeight:"",minWidth:""}),S(),{status:!0}}))},h=()=>{let l=M.isWithinAppendTo,a=E.zoomStatus;return E.prevZoomStatus=a,E.zoomStatus="maximize",(0,_vue.nextTick)().then(()=>{var e=z();if(e){if(!a){var t=U.value,t=(0,_dom.getPopupWrapperElement)(l?t:document.body);if(!t)return{status:!1};var o=t.clientWidth,t=t.clientHeight,i=_xeUtils.default.toNumber(M.marginSize);E.revertLocat={top:Math.max(i,t/2-e.offsetHeight/2),left:Math.max(i,o/2-e.offsetWidth/2),width:e.offsetWidth+(e.style.width?0:1),height:e.offsetHeight+(e.style.height?0:1)}}Object.assign(e.style,{top:"0",left:"0",width:"100%",height:"100%",minHeight:"",minWidth:""})}return S(),{status:!0}})},x=()=>{var e=M.duration;-1!==e&&(f.msgTimeout=setTimeout(()=>a("close"),_xeUtils.default.toNumber(e)))},y=()=>{var e=document.documentElement,t=e.getAttribute(lockScrollAttrKey);t&&((t=t.split(",").filter(e=>e!==s)).length?e.setAttribute(lockScrollAttrKey,t.join(",")):(e.removeAttribute(lockScrollAttrKey),e.style.removeProperty(lockScrollCssWidthKey)))},t=()=>{let{remember:o,showFooter:i}=M;var e,{initialized:t,visible:l}=E,a=I.value;return t||(E.initialized=!0),l||(t=M.lockScroll,l=I.value,t&&!l&&(t=document.documentElement,l=document.body.clientWidth,(e=(e=t.getAttribute(lockScrollAttrKey))?e.split(","):[]).includes(s)||(e.push(s),t.setAttribute(lockScrollAttrKey,e.join(","))),t.style.setProperty(lockScrollCssWidthKey,l+"px")),f.isMoveStatus=!1,E.visible=!0,E.contentVisible=!1,d(),_store.allActiveModals.push(V),setTimeout(()=>{E.contentVisible=!0,(0,_vue.nextTick)(()=>{M.fullscreen||r(),i&&(e=n.value,t=u.value,e=e||t)&&e.focus();var e,t={type:""};oe(!0),w("show",t,null)})},10),a?(-1===(e="notification"===(e=M.type)?notifyQueue:msgQueue).indexOf(V)&&e.push(V),c(),x()):((0,_vue.nextTick)(()=>{var e=E.firstOpen,t=U.value;t&&t.setAttribute("data-effect","y"),e?(E.firstOpen=!1,(()=>{var{id:e,storage:t,storageKey:o}=M;return!!(e&&t&&p(o)[e])})()?(()=>{var e,t,o,i,l,a,{id:s,storage:n,storageKey:u}=M;s&&n&&(n=p(u)[s])&&(u=z(),[s,n,e,t,o,i,l,a]=n.split(","),u&&(s&&(u.style.left=s+"px"),n&&(u.style.top=n+"px"),e&&(u.style.width=e+"px"),t)&&(u.style.height=t+"px"),o)&&i&&(E.revertLocat={left:o,top:i,width:l,height:a})})():M.fullscreen?(0,_vue.nextTick)(()=>h()):(r(),m().then(()=>{setTimeout(()=>m(),20)}))):o||(r(),m().then(()=>{setTimeout(()=>m(),20)}))}),setTimeout(()=>{var e=U.value;e&&e.removeAttribute("data-effect")},350))),(0,_vue.nextTick)()},F=e=>{var t=U.value;M.maskClosable&&e.target===t&&a("mask")},R=()=>{var e=f.msgTimeout;e&&I.value&&(clearTimeout(e),f.msgTimeout=void 0)},Y=()=>{var e=f.msgTimeout;e||I.value&&x()},X=t=>{if(_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ESCAPE)){let e=_xeUtils.default.max(_store.allActiveModals,e=>e.reactData.modalZindex);e&&setTimeout(()=>{e===V&&e.props.escClosable&&(w("close",{type:"exit"},t),a("exit"))},10)}},Q=()=>{f.isMoveStatus||m()};let b=()=>(E.prevZoomStatus=E.zoomStatus,(E.zoomStatus="",_vue.nextTick)().then(()=>{var e,t=E.revertLocat;return t?(e=z(),E.revertLocat=null,e&&Object.assign(e.style,{top:t.top+"px",left:t.left+"px",width:t.width+"px",height:t.height+"px"}),S(),(0,_vue.nextTick)().then(()=>({status:!0}))):{status:!1}})),C=t=>{let o=E.zoomStatus;return new Promise(e=>{if(t)return"maximize"===t?void e(h()):"minimize"===t?void e(_()):void e(b());e((o?b:h)())}).then(()=>E.zoomStatus||"revert")},J=t=>{var{zoomStatus:e,prevZoomStatus:o}=E;return C("minimize"===e?o||"revert":"minimize").then(e=>{e={type:e};w("zoom",e,t)})},W=t=>C().then(e=>{e={type:e};w("zoom",e,t)});let G=()=>{let t=E.modalZindex;_store.allActiveModals.some(e=>e.reactData.visible&&e.reactData.modalZindex>t)&&d()},ee=e=>{let{storage:t,isWithinAppendTo:o}=M;var i=E.zoomStatus;let m=_xeUtils.default.toNumber(M.marginSize),c=z();if(c&&"maximize"!==i&&0===e.button&&!(0,_dom.getEventTargetNode)(e,c,"trigger--btn").flag){e.preventDefault();i=U.value,i=(0,_dom.getPopupWrapperElement)(o?i:document.body);if(i){let n=i.clientWidth,u=i.clientHeight,r=e.clientX-c.offsetLeft,d=e.clientY-c.offsetTop;document.onmousemove=e=>{e.preventDefault();var t=c.offsetWidth,o=c.offsetHeight,i=m,t=n-t-m-1,l=m,o=u-o-m-1;let a=e.clientX-r,s=e.clientY-d;(a=a>t?t:a)<i&&(a=i),(s=s>o?o:s)<l&&(s=l),c.style.left=a+"px",c.style.top=s+"px",c.className=c.className.replace(/\s?is--drag/,"")+" is--drag",w("move",{type:"move"},e),f.isMoveStatus=!0,E.resizeFlag++},document.onmouseup=()=>{document.onmousemove=null,document.onmouseup=null,t&&(0,_vue.nextTick)(()=>{S()}),E.resizeFlag++,setTimeout(()=>{c.className=c.className.replace(/\s?is--drag/,"")},50)}}}},te=e=>{e.preventDefault();let{storage:b,isWithinAppendTo:t}=M;var o=U.value,o=(0,_dom.getPopupWrapperElement)(t?o:document.body);if(o){let a=o.clientWidth,s=o.clientHeight,n=_xeUtils.default.toNumber(M.marginSize);let u=e.target.getAttribute("data-type"),r=_xeUtils.default.toNumber(M.minWidth),d=_xeUtils.default.toNumber(M.minHeight),m=a,c=s,f=z(),g=f.clientWidth,v=f.clientHeight,p=e.clientX,_=e.clientY,h=f.offsetTop,x=f.offsetLeft,y={type:"resize"};document.onmousemove=e=>{e.preventDefault();let t,o,i,l;switch(u){case"wl":t=p-e.clientX,i=t+g,x-t>n&&i>r&&(f.style.width=`${i<m?i:m}px`,f.style.left=x-t+"px");break;case"swst":t=p-e.clientX,o=_-e.clientY,i=t+g,l=o+v,x-t>n&&i>r&&(f.style.width=`${i<m?i:m}px`,f.style.left=x-t+"px"),h-o>n&&l>d&&(f.style.height=`${l<c?l:c}px`,f.style.top=h-o+"px");break;case"swlb":t=p-e.clientX,o=e.clientY-_,i=t+g,l=o+v,x-t>n&&i>r&&(f.style.width=`${i<m?i:m}px`,f.style.left=x-t+"px"),h+l+n<s&&l>d&&(f.style.height=`${l<c?l:c}px`);break;case"st":o=_-e.clientY,l=v+o,h-o>n&&l>d&&(f.style.height=`${l<c?l:c}px`,f.style.top=h-o+"px");break;case"wr":t=e.clientX-p,i=t+g,x+i+n<a&&i>r&&(f.style.width=`${i<m?i:m}px`);break;case"sest":t=e.clientX-p,o=_-e.clientY,i=t+g,l=o+v,x+i+n<a&&i>r&&(f.style.width=`${i<m?i:m}px`),h-o>n&&l>d&&(f.style.height=`${l<c?l:c}px`,f.style.top=h-o+"px");break;case"selb":t=e.clientX-p,o=e.clientY-_,i=t+g,l=o+v,x+i+n<a&&i>r&&(f.style.width=`${i<m?i:m}px`),h+l+n<s&&l>d&&(f.style.height=`${l<c?l:c}px`);break;case"sb":o=e.clientY-_,l=o+v,h+l+n<s&&l>d&&(f.style.height=`${l<c?l:c}px`)}f.className=f.className.replace(/\s?is--drag/,"")+" is--drag",b&&S(),w("resize",y,e)},document.onmouseup=()=>{E.revertLocat=null,document.onmousemove=null,document.onmouseup=null,setTimeout(()=>{f.className=f.className.replace(/\s?is--drag/,"")},50)}}},w=(e,t,o)=>{i(e,(0,_ui.createEvent)(o,{$modal:V},t))},oe=e=>{i("update:modelValue",e)},ie=(e={dispatchEvent:w,open:t,close(){return a("close")},getBox:z,getPosition:()=>{if(!I.value){var e=z();if(e)return{top:e.offsetTop,left:e.offsetLeft}}return null},setPosition:(e,t)=>{var o;return I.value||(o=z())&&(_xeUtils.default.isNumber(e)&&(o.style.top=e+"px"),_xeUtils.default.isNumber(t))&&(o.style.left=t+"px"),(0,_vue.nextTick)()},isMinimized:()=>"minimize"===E.zoomStatus,isMaximized:()=>"maximize"===E.zoomStatus,zoom(){return C()},minimize(){return E.visible?_():Promise.resolve({status:!1})},maximize(){return E.visible?h():Promise.resolve({status:!1})},revert(){return E.visible?b():Promise.resolve({status:!1})}},Object.assign(V,e),()=>{var{slots:e={},showClose:t,showZoom:o,showMaximize:i,showMinimize:l,title:a}=M,s=E.zoomStatus,n=N.title||e.title,e=N.corner||e.corner,u=L.value,r=$.value;return[(0,_vue.h)("div",{class:"vxe-modal--header-title"},n?(0,_vn.getSlotVNs)(n({$modal:V,minimized:u,maximized:r})):a?(0,_utils.getFuncText)(a):(0,_ui.getI18n)("vxe.alert.title")),(0,_vue.h)("div",{class:"vxe-modal--header-right"},[e&&!u?(0,_vue.h)("div",{class:"vxe-modal--corner-wrapper"},(0,_vn.getSlotVNs)(e({$modal:V}))):(0,_ui.renderEmptyElement)(V),(_xeUtils.default.isBoolean(l)?l:o)?(0,_vue.h)("div",{class:["vxe-modal--zoom-btn","trigger--btn"],title:(0,_ui.getI18n)("vxe.modal.zoom"+("minimize"===s?"Out":"Min")),onClick:J},[(0,_vue.h)("i",{class:"minimize"===s?(0,_ui.getIcon)().MODAL_ZOOM_REVERT:(0,_ui.getIcon)().MODAL_ZOOM_MIN})]):(0,_ui.renderEmptyElement)(V),(_xeUtils.default.isBoolean(i)?i:o)&&"minimize"!==s?(0,_vue.h)("div",{class:["vxe-modal--zoom-btn","trigger--btn"],title:(0,_ui.getI18n)("vxe.modal.zoom"+("maximize"===s?"Out":"In")),onClick:W},[(0,_vue.h)("i",{class:"maximize"===s?(0,_ui.getIcon)().MODAL_ZOOM_OUT:(0,_ui.getIcon)().MODAL_ZOOM_IN})]):(0,_ui.renderEmptyElement)(V),t?(0,_vue.h)("div",{class:["vxe-modal--close-btn","trigger--btn"],title:(0,_ui.getI18n)("vxe.modal.close"),onClick:P},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().MODAL_CLOSE})]):(0,_ui.renderEmptyElement)(V)])]}),le=()=>{var{slots:e={},showCancelButton:t,showConfirmButton:o,type:i,loading:l}=M,a=N.leftfoot||e.leftfoot,e=N.rightfoot||e.rightfoot,s=[];return(_xeUtils.default.isBoolean(t)?t:"confirm"===i)&&s.push((0,_vue.h)(_button.default,{key:1,ref:u,content:M.cancelButtonText||(0,_ui.getI18n)("vxe.button.cancel"),onClick:K})),(_xeUtils.default.isBoolean(o)?o:"confirm"===i||"alert"===i)&&s.push((0,_vue.h)(_button.default,{key:2,ref:n,loading:l,status:"primary",content:M.confirmButtonText||(0,_ui.getI18n)("vxe.button.confirm"),onClick:q})),(0,_vue.h)("div",{class:"vxe-modal--footer-wrapper"},[(0,_vue.h)("div",{class:"vxe-modal--footer-left"},a?(0,_vn.getSlotVNs)(a({$modal:V})):[]),(0,_vue.h)("div",{class:"vxe-modal--footer-right"},e?(0,_vn.getSlotVNs)(e({$modal:V})):s)])};return V.renderVN=()=>{var{border:e,showTitleBackground:t,slots:o={},className:i,type:l,animat:a,draggable:s,iconStatus:n,position:u,loading:r,destroyOnClose:d,status:m,lockScroll:c,padding:f,lockView:g,mask:v,resize:p,appendTo:_,isWithinAppendTo:h}=M,{initialized:x,modalTop:y,contentVisible:b,visible:z,zoomStatus:S}=E,o=N.aside||o.aside,C=O.value,w=I.value,T=L.value,k=Z.value,B={};return w&&(B.onMouseover=R,B.onMouseout=Y),(0,_vue.h)(_vue.Teleport,{to:(0,_dom.getPopupContainer)(_),disabled:!k||!x},[(0,_vue.h)("div",Object.assign({ref:U,class:["vxe-modal--wrapper","type--"+l,"zoom--"+(S||"revert"),u?"pos--"+u:"",h?"ctx--within":"ctx--free",i||"",{["size--"+C]:C,["status--"+m]:m,"is--padding":f,"is--border":e,"is--title-bg":t,"is--animat":a,"lock--scroll":c,"lock--view":g,"is--draggable":s,"is--resize":p,"is--mask":v,"is--visible":b,"is--active":z,"is--loading":r}],style:{zIndex:E.modalZindex,top:y?y+"px":null},onClick:F},B),[(0,_vue.h)("div",{ref:A,class:"vxe-modal--box",onMousedown:G},[!w&&!o||T?(0,_ui.renderEmptyElement)(V):(0,_vue.h)("div",{class:"vxe-modal--aside"},o?(0,_vn.getSlotVNs)(o({$modal:V})):[m||n?(0,_vue.h)("div",{class:"vxe-modal--status-wrapper"},[(0,_vue.h)("i",{class:["vxe-modal--status-icon",n||(0,_ui.getIcon)()[("MODAL_"+m).toLocaleUpperCase()]]})]):(0,_ui.renderEmptyElement)(V)]),(0,_vue.h)("div",{class:"vxe-modal--container"},!E.initialized||d&&!E.visible?[]:[(()=>{var e,{slots:t={},showZoom:o,showMaximize:i,draggable:l}=M,t=N.header||t.header;return M.showHeader?(e={},l&&(e.onMousedown=ee),(_xeUtils.default.isBoolean(i)?i:o)&&M.dblclickZoom&&"modal"===M.type&&(e.onDblclick=W),(0,_vue.h)("div",Object.assign({ref:D,class:["vxe-modal--header",{"is--ellipsis":M.showTitleOverflow}]},e),t?(0,_vn.getSlotVNs)(t({$modal:V})):ie())):(0,_ui.renderEmptyElement)(V)})(),(()=>{var{slots:e={},status:t,message:o,iconStatus:i,useHtml:l}=M,o=M.content||o,a=I.value,s=N.default||e.default,n=N.left||e.left,e=N.right||e.right,u=[];return a||!t&&!i||u.push((0,_vue.h)("div",{class:"vxe-modal--status-wrapper"},[(0,_vue.h)("i",{class:["vxe-modal--status-icon",i||(0,_ui.getIcon)()[("MODAL_"+t).toLocaleUpperCase()]]})])),u.push(l&&!s?(0,_vue.h)("div",{key:"hc",class:"vxe-modal--content",innerHTML:(0,_utils.getFuncText)(o)}):(0,_vue.h)("div",{key:"dc",class:"vxe-modal--content"},s?(0,_vn.getSlotVNs)(s({$modal:V})):(0,_utils.getFuncText)(o))),(0,_vue.h)("div",{class:"vxe-modal--body"},[n?(0,_vue.h)("div",{class:"vxe-modal--body-left"},(0,_vn.getSlotVNs)(n({$modal:V}))):(0,_ui.renderEmptyElement)(V),(0,_vue.h)("div",{class:"vxe-modal--body-default"},u),e?(0,_vue.h)("div",{class:"vxe-modal--body-right"},(0,_vn.getSlotVNs)(e({$modal:V}))):(0,_ui.renderEmptyElement)(V),a?(0,_ui.renderEmptyElement)(V):(0,_vue.h)(_loading.default,{class:"vxe-modal--loading",modelValue:M.loading})])})(),(()=>{var{slots:e={}}=M,e=N.footer||e.footer;return M.showFooter?(0,_vue.h)("div",{class:"vxe-modal--footer"},e?(0,_vn.getSlotVNs)(e({$modal:V})):[le()]):(0,_ui.renderEmptyElement)(V)})(),!w&&p?(0,_vue.h)("span",{class:"vxe-modal--resize"},["wl","wr","swst","sest","st","swlb","selb","sb"].map(e=>(0,_vue.h)("span",{class:e+"-resize","data-type":e,onMousedown:te}))):(0,_ui.renderEmptyElement)(V)])])])])},(0,_vue.watch)(()=>M.width,r),(0,_vue.watch)(()=>M.height,r),(0,_vue.watch)(()=>M.modelValue,e=>{e?t():a("model")}),(0,_vue.onMounted)(()=>{"modal"===M.type&&M.showFooter&&!(M.showConfirmButton||M.showCancelButton||N.footer)&&warnLog("vxe.modal.footPropErr"),E.initialized=!!M.preload,(0,_vue.nextTick)(()=>{M.storage&&!M.id&&errLog("vxe.error.reqProp",["id"]),M.modelValue&&t(),r()}),M.escClosable&&_ui.globalEvents.on(V,"keydown",X),_ui.globalEvents.on(V,"resize",Q)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(V,"keydown"),_ui.globalEvents.off(V,"resize"),v(),g(),y(),_xeUtils.default.assign(E,createReactData()),_xeUtils.default.assign(f,createInternalData())}),(0,_vue.provide)("$xeModal",V),V},render(){return this.renderVN()}});
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_ui=require("../../ui"),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log"),_store=require("./store"),_button=_interopRequireDefault(require("../../button")),_loading=_interopRequireDefault(require("../../loading"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{warnLog,errLog}=(0,_log.createComponentLog)("modal");function createInternalData(){return{isMoveStatus:!1}}function createReactData(){return{initialized:!1,visible:!1,contentVisible:!1,modalTop:0,modalZindex:0,prevZoomStatus:"",zoomStatus:"",revertLocat:null,prevLocat:null,firstOpen:!0,resizeFlag:1}}let msgQueue=[],notifyQueue=[],lockScrollAttrKey="data-vxe-lock-scroll",lockScrollCssWidthKey="--vxe-ui-modal-lock-scroll-view-width";var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeModal",props:{modelValue:Boolean,id:String,type:{type:String,default:"modal"},loading:{type:Boolean,default:null},status:String,iconStatus:String,className:String,top:{type:[Number,String],default:()=>(0,_ui.getConfig)().modal.top},position:[String,Object],title:String,duration:{type:[Number,String],default:()=>(0,_ui.getConfig)().modal.duration},content:[Number,String],useHtml:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.useHtml},showCancelButton:{type:Boolean,default:null},cancelButtonText:{type:String,default:()=>(0,_ui.getConfig)().modal.cancelButtonText},showConfirmButton:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.showConfirmButton},confirmButtonText:{type:String,default:()=>(0,_ui.getConfig)().modal.confirmButtonText},lockView:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.lockView},lockScroll:Boolean,mask:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.mask},maskClosable:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.maskClosable},escClosable:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.escClosable},cancelClosable:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.cancelClosable},confirmClosable:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.confirmClosable},resize:Boolean,border:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.border},showTitleBackground:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.showTitleBackground},showHeader:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.showHeader},showFooter:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.showFooter},preload:Boolean,showZoom:Boolean,zoomConfig:Object,showMaximize:{type:Boolean,default:()=>(0,_utils.handleBooleanDefaultValue)((0,_ui.getConfig)().modal.showMaximize)},showMinimize:{type:Boolean,default:()=>(0,_utils.handleBooleanDefaultValue)((0,_ui.getConfig)().modal.showMinimize)},showClose:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.showClose},dblclickZoom:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.dblclickZoom},width:{type:[Number,String],default:()=>(0,_ui.getConfig)().modal.width},height:{type:[Number,String],default:()=>(0,_ui.getConfig)().modal.height},minWidth:{type:[Number,String],default:()=>(0,_ui.getConfig)().modal.minWidth},minHeight:{type:[Number,String],default:()=>(0,_ui.getConfig)().modal.minHeight},zIndex:Number,marginSize:{type:[Number,String],default:()=>(0,_ui.getConfig)().modal.marginSize},fullscreen:Boolean,draggable:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.draggable},remember:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.remember},destroyOnClose:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.destroyOnClose},showTitleOverflow:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.showTitleOverflow},transfer:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.transfer},appendTo:{type:[String,Function],default:()=>(0,_ui.getConfig)().modal.appendTo},isWithinAppendTo:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.isWithinAppendTo},storage:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.storage},storageKey:{type:String,default:()=>(0,_ui.getConfig)().modal.storageKey},padding:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.padding},size:{type:String,default:()=>(0,_ui.getConfig)().modal.size||(0,_ui.getConfig)().size},beforeHideMethod:Function,slots:Object,message:[Number,String],animat:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.animat}},emits:["update:modelValue","show","hide","before-hide","close","confirm","cancel","zoom","resize","move"],setup(M,e){let{slots:N,emit:i}=e,s=_xeUtils.default.uniqueId(),o=(0,_vue.inject)("$xeModal",null),T=(0,_vue.inject)("$xeDrawer",null),k=(0,_vue.inject)("$xeTable",null),B=(0,_vue.inject)("$xeForm",null),O=(0,_ui.useSize)(M).computeSize,E=(0,_vue.reactive)(createReactData()),f=createInternalData(),U=(0,_vue.ref)(),A=(0,_vue.ref)(),D=(0,_vue.ref)(),n=(0,_vue.ref)(),u=(0,_vue.ref)(),H={refElem:U},Z=(0,_vue.computed)(()=>{var e=M.transfer;if(null===e){var t=(0,_ui.getConfig)().modal.transfer;if(_xeUtils.default.isBoolean(t))return t;if(k||o||T||B)return!0}return e}),I=(0,_vue.computed)(()=>"message"===M.type||"notification"===M.type),L=(0,_vue.computed)(()=>"minimize"===E.zoomStatus),$=(0,_vue.computed)(()=>"maximize"===E.zoomStatus),l=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().modal.zoomConfig,M.zoomConfig)),j={computeSize:O,computeZoomOpts:l},V={xID:s,props:M,context:e,reactData:E,internalData:f,getRefMaps:()=>H,getComputeMaps:()=>j};let z=()=>A.value,r=()=>{var{width:e,height:t,minWidth:o,minHeight:i}=M,l=I.value,a=L.value,s=z();return s&&(s.style.width=e?(0,_dom.toCssUnit)(e):"",s.style.height=t?(0,_dom.toCssUnit)(t):"",s.style.minWidth=l||a||!o?"":(0,_dom.toCssUnit)(o),s.style.minHeight=l||a||!i?"":(0,_dom.toCssUnit)(i)),(0,_vue.nextTick)()},d=()=>{var e=M.zIndex,t=E.modalZindex;e?E.modalZindex=e:I.value?t<(0,_utils.getSubLastZIndex)()&&(E.modalZindex=(0,_utils.nextSubZIndex)()):t<(0,_utils.getLastZIndex)()&&(E.modalZindex=(0,_utils.nextZIndex)())},m=()=>(0,_vue.nextTick)().then(()=>{var{position:o,isWithinAppendTo:i}=M,l=U.value,a=z();if(a){i=(0,_dom.getPopupWrapperElement)(i?l:document.body);if(i){var l=i.clientWidth,i=i.clientHeight,s=_xeUtils.default.toNumber(M.marginSize),n="center"===o,{top:o,left:u}=_xeUtils.default.isString(o)?{top:o,left:o}:Object.assign({},o),r=n||"center"===o;let e="",t="";t=u&&!(n||"center"===u)?(0,_dom.toCssUnit)(u):Math.max(s,l/2-a.offsetWidth/2)+"px",e=o&&!r?(0,_dom.toCssUnit)(o):Math.max(s,i/2-a.offsetHeight/2)+"px",a.style.top=e,a.style.left=t}}}),c=()=>{(0,_vue.nextTick)(()=>{var e=M.type,e="notification"===e?notifyQueue:msgQueue;let o=0;e.forEach(e=>{var t=e.getBox();t&&(o+=_xeUtils.default.toNumber(e.props.top),e.reactData.modalTop=o,o+=t.clientHeight)})})},g=()=>{-1<_store.allActiveModals.indexOf(V)&&_xeUtils.default.remove(_store.allActiveModals,e=>e===V)},v=()=>{var e=M.type,e="notification"===e?notifyQueue:msgQueue;-1<e.indexOf(V)&&_xeUtils.default.remove(e,e=>e===V),c()},a=e=>{let t=M.remember;var o=E.visible;let i=I.value;var l=M.beforeHideMethod||(0,_ui.getConfig)().modal.beforeHideMethod;let a={type:e};return o&&Promise.resolve(l?l(a):null).then(e=>{_xeUtils.default.isError(e)||((e=U.value)&&e.setAttribute("data-effect","y"),i&&v(),E.contentVisible=!1,t||b(),g(),w("before-hide",a,null),setTimeout(()=>{E.visible=!1,oe(!1),w("hide",a,null)},200),y(),setTimeout(()=>{var e=U.value;e&&e.removeAttribute("data-effect")},350))}).catch(e=>e),(0,_vue.nextTick)()},P=e=>{var t="close";w(t,{type:t},e),a(t)},q=e=>{var t=M.confirmClosable,o="confirm";w(o,{type:o},e),t&&a(o)},K=e=>{var t=M.cancelClosable,o="cancel";w(o,{type:o},e),t&&a(o)},p=e=>{var t=(0,_ui.getConfig)().version,e=_xeUtils.default.toStringJSON(localStorage.getItem(e)||"");return e&&e._v===t?e:{_v:t}},S=()=>{var{id:e,storage:t,storageKey:o}=M,{zoomStatus:i,revertLocat:l}=E;i||e&&t&&(i=z())&&((t=p(o))[e]=[i.style.left,i.style.top,i.clientWidth,i.clientHeight].concat(l?[l.left,l.top,l.width,l.height]:[]).map(e=>e?_xeUtils.default.toNumber(e):"").join(","),localStorage.setItem(o,_xeUtils.default.toJSONString(t)))},_=()=>{let s=M.isWithinAppendTo;let{minimizeLayout:e,minimizeMaxSize:t,minimizeHorizontalOffset:n,minimizeVerticalOffset:u,minimizeOffsetMethod:r}=l.value,d="horizontal"===e,m=E.zoomStatus,o=[],i=[],c=(_store.allActiveModals.forEach(e=>{e.xID!==V.xID&&"modal"===e.props.type&&"minimize"===e.reactData.zoomStatus&&("horizontal"===e.getComputeMaps().computeZoomOpts.value.minimizeLayout?o:i).push(e)}),d?o:i);return t&&c.length>=t?(_ui.VxeUI.modal&&_ui.VxeUI.modal.message({status:"error",content:(0,_ui.getI18n)("vxe.modal.miniMaxSize",[t])}),Promise.resolve({status:!1})):(E.prevZoomStatus=m,E.zoomStatus="minimize",(0,_vue.nextTick)().then(()=>{var t=U.value,e=z();if(!e)return{status:!1};var o=D.value;if(!o)return{status:!1};t=(0,_dom.getPopupWrapperElement)(s?t:document.body);if(!t)return{status:!1};var t=t.clientHeight,i=(m||(E.revertLocat={top:e.offsetTop,left:e.offsetLeft,width:e.offsetWidth+(e.style.width?0:1),height:e.offsetHeight+(e.style.height?0:1)}),_xeUtils.default[d?"max":"min"](c,e=>{e=e.getBox();return e?_xeUtils.default.toNumber(e.style[d?"left":"top"]):0}));let l=t-o.offsetHeight-16,a=16;if(i){t=i.getBox();if(t){i=_xeUtils.default.toNumber(t.style.left),t=_xeUtils.default.toNumber(t.style.top);let e={};e=d?Object.assign({},n):Object.assign({},u),a=i+_xeUtils.default.toNumber(e.left),l=t+_xeUtils.default.toNumber(e.top),r&&(e=r({$modal:V,left:a,top:l}),a=_xeUtils.default.toNumber(e.left),l=_xeUtils.default.toNumber(e.top))}}return Object.assign(e.style,{top:l+"px",left:a+"px",width:"200px",height:o.offsetHeight+"px",minHeight:"",minWidth:""}),S(),{status:!0}}))},h=()=>{let l=M.isWithinAppendTo,a=E.zoomStatus;return E.prevZoomStatus=a,E.zoomStatus="maximize",(0,_vue.nextTick)().then(()=>{var e=z();if(e){if(!a){var t=U.value,t=(0,_dom.getPopupWrapperElement)(l?t:document.body);if(!t)return{status:!1};var o=t.clientWidth,t=t.clientHeight,i=_xeUtils.default.toNumber(M.marginSize);E.revertLocat={top:Math.max(i,t/2-e.offsetHeight/2),left:Math.max(i,o/2-e.offsetWidth/2),width:e.offsetWidth+(e.style.width?0:1),height:e.offsetHeight+(e.style.height?0:1)}}Object.assign(e.style,{top:"0",left:"0",width:"100%",height:"100%",minHeight:"",minWidth:""})}return S(),{status:!0}})},x=()=>{var e=M.duration;-1!==e&&(f.msgTimeout=setTimeout(()=>a("close"),_xeUtils.default.toNumber(e)))},y=()=>{var e=document.documentElement,t=e.getAttribute(lockScrollAttrKey);t&&((t=t.split(",").filter(e=>e!==s)).length?e.setAttribute(lockScrollAttrKey,t.join(",")):(e.removeAttribute(lockScrollAttrKey),e.style.removeProperty(lockScrollCssWidthKey)))},t=()=>{let{remember:o,showFooter:i}=M;var e,{initialized:t,visible:l}=E,a=I.value;return t||(E.initialized=!0),l||(t=M.lockScroll,l=I.value,t&&!l&&(t=document.documentElement,l=document.body.clientWidth,(e=(e=t.getAttribute(lockScrollAttrKey))?e.split(","):[]).includes(s)||(e.push(s),t.setAttribute(lockScrollAttrKey,e.join(","))),t.style.setProperty(lockScrollCssWidthKey,l+"px")),f.isMoveStatus=!1,E.visible=!0,E.contentVisible=!1,d(),_store.allActiveModals.push(V),setTimeout(()=>{E.contentVisible=!0,(0,_vue.nextTick)(()=>{M.fullscreen||r(),i&&(e=n.value,t=u.value,e=e||t)&&e.focus();var e,t={type:""};oe(!0),w("show",t,null)})},10),a?(-1===(e="notification"===(e=M.type)?notifyQueue:msgQueue).indexOf(V)&&e.push(V),c(),x()):((0,_vue.nextTick)(()=>{var e=E.firstOpen,t=U.value;t&&t.setAttribute("data-effect","y"),e?(E.firstOpen=!1,(()=>{var{id:e,storage:t,storageKey:o}=M;return!!(e&&t&&p(o)[e])})()?(()=>{var e,t,o,i,l,a,{id:s,storage:n,storageKey:u}=M;s&&n&&(n=p(u)[s])&&(u=z(),[s,n,e,t,o,i,l,a]=n.split(","),u&&(s&&(u.style.left=s+"px"),n&&(u.style.top=n+"px"),e&&(u.style.width=e+"px"),t)&&(u.style.height=t+"px"),o)&&i&&(E.revertLocat={left:o,top:i,width:l,height:a})})():M.fullscreen?(0,_vue.nextTick)(()=>h()):(r(),m().then(()=>{setTimeout(()=>m(),20)}))):o||(r(),m().then(()=>{setTimeout(()=>m(),20)}))}),setTimeout(()=>{var e=U.value;e&&e.removeAttribute("data-effect")},350))),(0,_vue.nextTick)()},F=e=>{var t=U.value;M.maskClosable&&e.target===t&&a("mask")},R=()=>{var e=f.msgTimeout;e&&I.value&&(clearTimeout(e),f.msgTimeout=void 0)},Y=()=>{var e=f.msgTimeout;e||I.value&&x()},X=t=>{if(_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ESCAPE)){let e=_xeUtils.default.max(_store.allActiveModals.filter(e=>"minimize"!==e.reactData.zoomStatus),e=>e.reactData.modalZindex);e&&setTimeout(()=>{e===V&&e.props.escClosable&&(w("close",{type:"exit"},t),a("exit"))},10)}},Q=()=>{f.isMoveStatus||m()};let b=()=>(E.prevZoomStatus=E.zoomStatus,(E.zoomStatus="",_vue.nextTick)().then(()=>{var e,t=E.revertLocat;return t?(e=z(),E.revertLocat=null,e&&Object.assign(e.style,{top:t.top+"px",left:t.left+"px",width:t.width+"px",height:t.height+"px"}),S(),(0,_vue.nextTick)().then(()=>({status:!0}))):{status:!1}})),C=t=>{let o=E.zoomStatus;return new Promise(e=>{if(t)return"maximize"===t?void e(h()):"minimize"===t?void e(_()):void e(b());e((o?b:h)())}).then(()=>E.zoomStatus||"revert")},J=t=>{var{zoomStatus:e,prevZoomStatus:o}=E;return C("minimize"===e?o||"revert":"minimize").then(e=>{e={type:e};w("zoom",e,t)})},W=t=>C().then(e=>{e={type:e};w("zoom",e,t)});let G=()=>{let t=E.modalZindex;_store.allActiveModals.some(e=>e.reactData.visible&&e.reactData.modalZindex>t)&&d()},ee=e=>{let{storage:t,isWithinAppendTo:o}=M;var i=E.zoomStatus;let m=_xeUtils.default.toNumber(M.marginSize),c=z();if(c&&"maximize"!==i&&0===e.button&&!(0,_dom.getEventTargetNode)(e,c,"trigger--btn").flag){e.preventDefault();i=U.value,i=(0,_dom.getPopupWrapperElement)(o?i:document.body);if(i){let n=i.clientWidth,u=i.clientHeight,r=e.clientX-c.offsetLeft,d=e.clientY-c.offsetTop;document.onmousemove=e=>{e.preventDefault();var t=c.offsetWidth,o=c.offsetHeight,i=m,t=n-t-m-1,l=m,o=u-o-m-1;let a=e.clientX-r,s=e.clientY-d;(a=a>t?t:a)<i&&(a=i),(s=s>o?o:s)<l&&(s=l),c.style.left=a+"px",c.style.top=s+"px",c.className=c.className.replace(/\s?is--drag/,"")+" is--drag",w("move",{type:"move"},e),f.isMoveStatus=!0,E.resizeFlag++},document.onmouseup=()=>{document.onmousemove=null,document.onmouseup=null,t&&(0,_vue.nextTick)(()=>{S()}),E.resizeFlag++,setTimeout(()=>{c.className=c.className.replace(/\s?is--drag/,"")},50)}}}},te=e=>{e.preventDefault();let{storage:b,isWithinAppendTo:t}=M;var o=U.value,o=(0,_dom.getPopupWrapperElement)(t?o:document.body);if(o){let a=o.clientWidth,s=o.clientHeight,n=_xeUtils.default.toNumber(M.marginSize);let u=e.target.getAttribute("data-type"),r=_xeUtils.default.toNumber(M.minWidth),d=_xeUtils.default.toNumber(M.minHeight),m=a,c=s,f=z(),g=f.clientWidth,v=f.clientHeight,p=e.clientX,_=e.clientY,h=f.offsetTop,x=f.offsetLeft,y={type:"resize"};document.onmousemove=e=>{e.preventDefault();let t,o,i,l;switch(u){case"wl":t=p-e.clientX,i=t+g,x-t>n&&i>r&&(f.style.width=`${i<m?i:m}px`,f.style.left=x-t+"px");break;case"swst":t=p-e.clientX,o=_-e.clientY,i=t+g,l=o+v,x-t>n&&i>r&&(f.style.width=`${i<m?i:m}px`,f.style.left=x-t+"px"),h-o>n&&l>d&&(f.style.height=`${l<c?l:c}px`,f.style.top=h-o+"px");break;case"swlb":t=p-e.clientX,o=e.clientY-_,i=t+g,l=o+v,x-t>n&&i>r&&(f.style.width=`${i<m?i:m}px`,f.style.left=x-t+"px"),h+l+n<s&&l>d&&(f.style.height=`${l<c?l:c}px`);break;case"st":o=_-e.clientY,l=v+o,h-o>n&&l>d&&(f.style.height=`${l<c?l:c}px`,f.style.top=h-o+"px");break;case"wr":t=e.clientX-p,i=t+g,x+i+n<a&&i>r&&(f.style.width=`${i<m?i:m}px`);break;case"sest":t=e.clientX-p,o=_-e.clientY,i=t+g,l=o+v,x+i+n<a&&i>r&&(f.style.width=`${i<m?i:m}px`),h-o>n&&l>d&&(f.style.height=`${l<c?l:c}px`,f.style.top=h-o+"px");break;case"selb":t=e.clientX-p,o=e.clientY-_,i=t+g,l=o+v,x+i+n<a&&i>r&&(f.style.width=`${i<m?i:m}px`),h+l+n<s&&l>d&&(f.style.height=`${l<c?l:c}px`);break;case"sb":o=e.clientY-_,l=o+v,h+l+n<s&&l>d&&(f.style.height=`${l<c?l:c}px`)}f.className=f.className.replace(/\s?is--drag/,"")+" is--drag",b&&S(),w("resize",y,e)},document.onmouseup=()=>{E.revertLocat=null,document.onmousemove=null,document.onmouseup=null,setTimeout(()=>{f.className=f.className.replace(/\s?is--drag/,"")},50)}}},w=(e,t,o)=>{i(e,(0,_ui.createEvent)(o,{$modal:V},t))},oe=e=>{i("update:modelValue",e)},ie=(e={dispatchEvent:w,open:t,close(){return a("close")},getBox:z,getPosition:()=>{if(!I.value){var e=z();if(e)return{top:e.offsetTop,left:e.offsetLeft}}return null},setPosition:(e,t)=>{var o;return I.value||(o=z())&&(_xeUtils.default.isNumber(e)&&(o.style.top=e+"px"),_xeUtils.default.isNumber(t))&&(o.style.left=t+"px"),(0,_vue.nextTick)()},isMinimized:()=>"minimize"===E.zoomStatus,isMaximized:()=>"maximize"===E.zoomStatus,zoom(){return C()},minimize(){return E.visible?_():Promise.resolve({status:!1})},maximize(){return E.visible?h():Promise.resolve({status:!1})},revert(){return E.visible?b():Promise.resolve({status:!1})}},Object.assign(V,e),()=>{var{slots:e={},showClose:t,showZoom:o,showMaximize:i,showMinimize:l,title:a}=M,s=E.zoomStatus,n=N.title||e.title,e=N.corner||e.corner,u=L.value,r=$.value;return[(0,_vue.h)("div",{class:"vxe-modal--header-title"},n?(0,_vn.getSlotVNs)(n({$modal:V,minimized:u,maximized:r})):a?(0,_utils.getFuncText)(a):(0,_ui.getI18n)("vxe.alert.title")),(0,_vue.h)("div",{class:"vxe-modal--header-right"},[e&&!u?(0,_vue.h)("div",{class:"vxe-modal--corner-wrapper"},(0,_vn.getSlotVNs)(e({$modal:V}))):(0,_ui.renderEmptyElement)(V),(_xeUtils.default.isBoolean(l)?l:o)?(0,_vue.h)("div",{class:["vxe-modal--zoom-btn","trigger--btn"],title:(0,_ui.getI18n)("vxe.modal.zoom"+("minimize"===s?"Out":"Min")),onClick:J},[(0,_vue.h)("i",{class:"minimize"===s?(0,_ui.getIcon)().MODAL_ZOOM_REVERT:(0,_ui.getIcon)().MODAL_ZOOM_MIN})]):(0,_ui.renderEmptyElement)(V),(_xeUtils.default.isBoolean(i)?i:o)&&"minimize"!==s?(0,_vue.h)("div",{class:["vxe-modal--zoom-btn","trigger--btn"],title:(0,_ui.getI18n)("vxe.modal.zoom"+("maximize"===s?"Out":"In")),onClick:W},[(0,_vue.h)("i",{class:"maximize"===s?(0,_ui.getIcon)().MODAL_ZOOM_OUT:(0,_ui.getIcon)().MODAL_ZOOM_IN})]):(0,_ui.renderEmptyElement)(V),t?(0,_vue.h)("div",{class:["vxe-modal--close-btn","trigger--btn"],title:(0,_ui.getI18n)("vxe.modal.close"),onClick:P},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().MODAL_CLOSE})]):(0,_ui.renderEmptyElement)(V)])]}),le=()=>{var{slots:e={},showCancelButton:t,showConfirmButton:o,type:i,loading:l}=M,a=N.leftfoot||e.leftfoot,e=N.rightfoot||e.rightfoot,s=[];return(_xeUtils.default.isBoolean(t)?t:"confirm"===i)&&s.push((0,_vue.h)(_button.default,{key:1,ref:u,content:M.cancelButtonText||(0,_ui.getI18n)("vxe.button.cancel"),onClick:K})),(_xeUtils.default.isBoolean(o)?o:"confirm"===i||"alert"===i)&&s.push((0,_vue.h)(_button.default,{key:2,ref:n,loading:l,status:"primary",content:M.confirmButtonText||(0,_ui.getI18n)("vxe.button.confirm"),onClick:q})),(0,_vue.h)("div",{class:"vxe-modal--footer-wrapper"},[(0,_vue.h)("div",{class:"vxe-modal--footer-left"},a?(0,_vn.getSlotVNs)(a({$modal:V})):[]),(0,_vue.h)("div",{class:"vxe-modal--footer-right"},e?(0,_vn.getSlotVNs)(e({$modal:V})):s)])};return V.renderVN=()=>{var{border:e,showTitleBackground:t,slots:o={},className:i,type:l,animat:a,draggable:s,iconStatus:n,position:u,loading:r,destroyOnClose:d,status:m,lockScroll:c,padding:f,lockView:g,mask:v,resize:p,appendTo:_,isWithinAppendTo:h}=M,{initialized:x,modalTop:y,contentVisible:b,visible:z,zoomStatus:S}=E,o=N.aside||o.aside,C=O.value,w=I.value,T=L.value,k=Z.value,B={};return w&&(B.onMouseover=R,B.onMouseout=Y),(0,_vue.h)(_vue.Teleport,{to:(0,_dom.getPopupContainer)(_),disabled:!k||!x},[(0,_vue.h)("div",Object.assign({ref:U,class:["vxe-modal--wrapper","type--"+l,"zoom--"+(S||"revert"),u?"pos--"+u:"",h?"ctx--within":"ctx--free",i||"",{["size--"+C]:C,["status--"+m]:m,"is--padding":f,"is--border":e,"is--title-bg":t,"is--animat":a,"lock--scroll":c,"lock--view":g,"is--draggable":s,"is--resize":p,"is--mask":v,"is--visible":b,"is--active":z,"is--loading":r}],style:{zIndex:E.modalZindex,top:y?y+"px":null},onClick:F},B),[(0,_vue.h)("div",{ref:A,class:"vxe-modal--box",onMousedown:G},[!w&&!o||T?(0,_ui.renderEmptyElement)(V):(0,_vue.h)("div",{class:"vxe-modal--aside"},o?(0,_vn.getSlotVNs)(o({$modal:V})):[m||n?(0,_vue.h)("div",{class:"vxe-modal--status-wrapper"},[(0,_vue.h)("i",{class:["vxe-modal--status-icon",n||(0,_ui.getIcon)()[("MODAL_"+m).toLocaleUpperCase()]]})]):(0,_ui.renderEmptyElement)(V)]),(0,_vue.h)("div",{class:"vxe-modal--container"},!E.initialized||d&&!E.visible?[]:[(()=>{var e,{slots:t={},showZoom:o,showMaximize:i,draggable:l}=M,t=N.header||t.header;return M.showHeader?(e={},l&&(e.onMousedown=ee),(_xeUtils.default.isBoolean(i)?i:o)&&M.dblclickZoom&&"modal"===M.type&&(e.onDblclick=W),(0,_vue.h)("div",Object.assign({ref:D,class:["vxe-modal--header",{"is--ellipsis":M.showTitleOverflow}]},e),t?(0,_vn.getSlotVNs)(t({$modal:V})):ie())):(0,_ui.renderEmptyElement)(V)})(),(()=>{var{slots:e={},status:t,message:o,iconStatus:i,useHtml:l}=M,o=M.content||o,a=I.value,s=N.default||e.default,n=N.left||e.left,e=N.right||e.right,u=[];return a||!t&&!i||u.push((0,_vue.h)("div",{class:"vxe-modal--status-wrapper"},[(0,_vue.h)("i",{class:["vxe-modal--status-icon",i||(0,_ui.getIcon)()[("MODAL_"+t).toLocaleUpperCase()]]})])),u.push(l&&!s?(0,_vue.h)("div",{key:"hc",class:"vxe-modal--content",innerHTML:(0,_utils.getFuncText)(o)}):(0,_vue.h)("div",{key:"dc",class:"vxe-modal--content"},s?(0,_vn.getSlotVNs)(s({$modal:V})):(0,_utils.getFuncText)(o))),(0,_vue.h)("div",{class:"vxe-modal--body"},[n?(0,_vue.h)("div",{class:"vxe-modal--body-left"},(0,_vn.getSlotVNs)(n({$modal:V}))):(0,_ui.renderEmptyElement)(V),(0,_vue.h)("div",{class:"vxe-modal--body-default"},u),e?(0,_vue.h)("div",{class:"vxe-modal--body-right"},(0,_vn.getSlotVNs)(e({$modal:V}))):(0,_ui.renderEmptyElement)(V),a?(0,_ui.renderEmptyElement)(V):(0,_vue.h)(_loading.default,{class:"vxe-modal--loading",modelValue:M.loading})])})(),(()=>{var{slots:e={}}=M,e=N.footer||e.footer;return M.showFooter?(0,_vue.h)("div",{class:"vxe-modal--footer"},e?(0,_vn.getSlotVNs)(e({$modal:V})):[le()]):(0,_ui.renderEmptyElement)(V)})(),!w&&p?(0,_vue.h)("span",{class:"vxe-modal--resize"},["wl","wr","swst","sest","st","swlb","selb","sb"].map(e=>(0,_vue.h)("span",{class:e+"-resize","data-type":e,onMousedown:te}))):(0,_ui.renderEmptyElement)(V)])])])])},(0,_vue.watch)(()=>M.width,r),(0,_vue.watch)(()=>M.height,r),(0,_vue.watch)(()=>M.modelValue,e=>{e?t():a("model")}),(0,_vue.onMounted)(()=>{"modal"===M.type&&M.showFooter&&!(M.showConfirmButton||M.showCancelButton||N.footer)&&warnLog("vxe.modal.footPropErr"),E.initialized=!!M.preload,(0,_vue.nextTick)(()=>{M.storage&&!M.id&&errLog("vxe.error.reqProp",["id"]),M.modelValue&&t(),r()}),M.escClosable&&_ui.globalEvents.on(V,"keydown",X),_ui.globalEvents.on(V,"resize",Q)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(V,"keydown"),_ui.globalEvents.off(V,"resize"),v(),g(),y(),_xeUtils.default.assign(E,createReactData()),_xeUtils.default.assign(f,createInternalData())}),(0,_vue.provide)("$xeModal",V),V},render(){return this.renderVN()}});
|
|
@@ -66,6 +66,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
66
66
|
type: String,
|
|
67
67
|
default: () => (0, _ui.getConfig)().numberInput.inputClassName
|
|
68
68
|
},
|
|
69
|
+
width: [String, Number],
|
|
69
70
|
size: {
|
|
70
71
|
type: String,
|
|
71
72
|
default: () => (0, _ui.getConfig)().numberInput.size || (0, _ui.getConfig)().size
|
|
@@ -365,6 +366,16 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
365
366
|
} = props;
|
|
366
367
|
return 'vxe-number-input--input' + (inputClassName ? ' ' + inputClassName : '');
|
|
367
368
|
});
|
|
369
|
+
const computeCurrStyle = (0, _vue.computed)(() => {
|
|
370
|
+
const {
|
|
371
|
+
width
|
|
372
|
+
} = props;
|
|
373
|
+
const stys = {};
|
|
374
|
+
if (width) {
|
|
375
|
+
stys.width = (0, _dom.toCssUnit)(width);
|
|
376
|
+
}
|
|
377
|
+
return stys;
|
|
378
|
+
});
|
|
368
379
|
const refMaps = {
|
|
369
380
|
refElem,
|
|
370
381
|
refInput: refInputTarget
|
|
@@ -1192,6 +1203,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
1192
1203
|
class: ['vxe-number-input--readonly', `type--${type}`, className]
|
|
1193
1204
|
}, numLabel);
|
|
1194
1205
|
}
|
|
1206
|
+
const currStyle = computeCurrStyle.value;
|
|
1195
1207
|
const inputReadonly = computeInputReadonly.value;
|
|
1196
1208
|
const isClearable = computeIsClearable.value;
|
|
1197
1209
|
const isControls = (0, _utils.isEnableConf)(controlOpts) && (controls === false ? controls : showButton);
|
|
@@ -1207,6 +1219,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
1207
1219
|
'is--active': isActivated,
|
|
1208
1220
|
'show--clear': isClearable && !isDisabled && !(inputValue === '' || _xeUtils.default.eqNull(inputValue))
|
|
1209
1221
|
}],
|
|
1222
|
+
style: currStyle,
|
|
1210
1223
|
spellcheck: false,
|
|
1211
1224
|
onMouseenter: mouseenterEvent,
|
|
1212
1225
|
onMouseleave: mouseleaveEvent
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_log=require("../../ui/src/log"),_dom=require("../../ui/src/dom"),_vn=require("../../ui/src/vn"),_util=require("./util");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let errLog=(0,_log.createComponentLog)("number-input").errLog;var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeNumberInput",props:{modelValue:[String,Number],immediate:{type:Boolean,default:!0},name:String,type:{type:String,default:"number"},clearable:{type:Boolean,default:()=>(0,_ui.getConfig)().numberInput.clearable},readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},placeholder:String,floatContent:{type:String,default:()=>(0,_ui.getConfig)().numberInput.floatContent},floatAlign:{type:String,default:()=>(0,_ui.getConfig)().numberInput.floatAlign},maxLength:{type:[String,Number],default:()=>(0,_ui.getConfig)().numberInput.maxLength},autoComplete:{type:String,default:"off"},align:String,form:String,className:String,inputClassName:{type:String,default:()=>(0,_ui.getConfig)().numberInput.inputClassName},size:{type:String,default:()=>(0,_ui.getConfig)().numberInput.size||(0,_ui.getConfig)().size},min:{type:[String,Number],default:null},max:{type:[String,Number],default:null},step:[String,Number],exponential:{type:Boolean,default:()=>(0,_ui.getConfig)().numberInput.exponential},negative:{type:Boolean,default:()=>(0,_ui.getConfig)().numberInput.negative},showCurrency:{type:Boolean,default:()=>(0,_ui.getConfig)().numberInput.showCurrency},currencySymbol:{type:String,default:()=>(0,_ui.getConfig)().numberInput.currencySymbol},controlConfig:Object,roundingMode:{type:String,default:()=>(0,_ui.getConfig)().numberInput.roundingMode},digits:{type:[String,Number],default:null},autoFill:{type:Boolean,default:()=>(0,_ui.getConfig)().numberInput.autoFill},editable:{type:Boolean,default:!0},plusIcon:String,minusIcon:String,prefixIcon:String,prefixConfig:Object,suffixIcon:String,suffixConfig:Object,showTooltip:{type:Boolean,default:()=>(0,_ui.getConfig)().numberInput.showTooltip},tooltipConfig:Object,controls:{type:Boolean,default:null},maxlength:[String,Number],autocomplete:String},emits:["update:modelValue","input","change","keydown","keyup","wheel","click","focus","blur","clear","lazy-change","plus-number","minus-number","prefix-click","suffix-click","prev-number","next-number"],setup(x,e){let{slots:y,emit:n}=e,i=(0,_vue.inject)("$xeForm",null),a=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();let B=(0,_ui.useSize)(x).computeSize,h=(0,_vue.reactive)({isFocus:!1,isActivated:!1,inputValue:""}),o={},E=(0,_vue.ref)(),m=(0,_vue.ref)(),q=(0,_vue.ref)(),V=(0,_vue.computed)(()=>{var e=x.readonly;return null===e?!!i&&i.props.readonly:e}),N=(0,_vue.computed)(()=>{var e=x.disabled;return null===e?!!i&&i.props.disabled:e}),r=(0,_vue.computed)(()=>{var{type:e,digits:t}=x;let u=t;return null===u&&null===(u=(0,_ui.getConfig)().numberInput.digits)&&"amount"===e&&(u=2),_xeUtils.default.toInteger(u)||1}),C=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().numberInput.controlConfig,x.controlConfig)),F=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().numberInput.prefixConfig,x.prefixConfig)),K=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().numberInput.suffixConfig,x.suffixConfig)),j=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().numberInput.tooltipConfig,x.tooltipConfig)),s=(0,_vue.computed)(()=>{var e=x.type;return"float"===e||"amount"===e}),R=(0,_vue.computed)(()=>{var e=x.type,t=r.value,u=s.value,l=x.step;return"integer"===e?_xeUtils.default.toInteger(l)||1:u?_xeUtils.default.toNumber(l)||1/Math.pow(10,t):_xeUtils.default.toNumber(l)||1}),I=(0,_vue.computed)(()=>x.clearable),U=(0,_vue.computed)(()=>{var e=x.editable;return V.value||!e}),D=(0,_vue.computed)(()=>{var e=x.placeholder;return(e=e||(0,_ui.getConfig)().numberInput.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseInput")}),_=(0,_vue.computed)(()=>{var{type:e,maxLength:t,maxlength:u,min:l,max:n}=x,i=r.value;return(0,_utils.eqEmptyValue)(l)||(0,_utils.eqEmptyValue)(n)?t||u?_xeUtils.default.toNumber(t||u):16:(""+n).length+("integer"===e?0:i+1)+(0<=_xeUtils.default.toNumber(l)?0:1)}),v=(0,_vue.computed)(()=>{var e=x.immediate;return e}),l=(0,_vue.computed)(()=>{var e=x.type,t=h.inputValue;return"integer"===e?_xeUtils.default.toInteger((0,_util.handleNumber)(t)):_xeUtils.default.toNumber((0,_util.handleNumber)(t))}),S=(0,_vue.computed)(()=>{var{type:t,roundingMode:u,showCurrency:l,currencySymbol:n,autoFill:i}=x,a=h.inputValue,o=r.value;if("amount"!==t)return _xeUtils.default.toString(a);{var t=_xeUtils.default.toNumber(a),a={digits:o};"floor"===u?a.floor=!0:"ceil"===u?a.ceil=!0:a.round=!0;let e=_xeUtils.default.commafy(t,a);return i||([o,u]=e.split("."),u&&(t=u.replace(/0+$/,""),e=t?[o,".",t].join(""):o)),l?""+(n||(0,_ui.getI18n)("vxe.numberInput.currencySymbol")||"")+e:e}}),p=(0,_vue.computed)(()=>{var e=x.min,t=h.inputValue,u=l.value;return!(!t&&0!==t||null===e)&&u<=_xeUtils.default.toNumber(e)}),d=(0,_vue.computed)(()=>{var e=x.max,t=h.inputValue,u=l.value;return!(!t&&0!==t||null===e)&&u>=_xeUtils.default.toNumber(e)}),z=(0,_vue.computed)(()=>{var e=x.inputClassName;return"vxe-number-input--input"+(e?" "+e:"")}),P={refElem:E,refInput:m},Y={computeControlOpts:C},c={xID:t,props:x,context:e,reactData:h,internalData:o,getRefMaps:()=>P,getComputeMaps:()=>Y},f=(e,t,u)=>{n(e,(0,_ui.createEvent)(u,{$numberInput:c},t))},g=e=>_xeUtils.default.eqNull(e)?"":""+e,b=e=>{var{type:t,exponential:u,roundingMode:l,autoFill:n}=x,i=_.value,a=r.value;let o="";return s.value?(o=(0,_util.toFloatValueFixed)(e,t,a,l),n||(o=g(_xeUtils.default.toNumber(o)))):o=g(e),!u||e!==o&&g(e).toLowerCase()!==_xeUtils.default.toNumber(o).toExponential()?o.slice(0,i):e},T=e=>{var t=h.inputValue;f(e.type,{value:t},e)},A=(e,t,u)=>{var e=(0,_utils.eqEmptyValue)(e)?null:Number(e),l=e!==x.modelValue;l&&(o.isUM=!0,n("update:modelValue",e)),h.inputValue!==t&&(0,_vue.nextTick)(()=>{h.inputValue=t||""}),f("input",{value:e},u),l&&(f("change",{value:e},u),i)&&a&&i.triggerItemEvent(u,a.itemConfig.field,e)},G=(e,t)=>{var u=v.value,l=(0,_utils.eqEmptyValue)(e)?null:_xeUtils.default.toNumber(e);h.inputValue=e,u?A(l,e,t):(f("input",{value:l},t),i&&a&&i.triggerItemEvent(t,a.itemConfig.field,l))},W=e=>{var t=e.target.value;G(t,e)},$=e=>{v.value||T(e),f("lazy-change",{value:h.inputValue},e)},H=e=>{var t;U.value||(t=h.inputValue,h.inputValue=(0,_utils.eqEmptyValue)(t)?"":""+_xeUtils.default.toNumber(t),h.isFocus=!0,h.isActivated=!0,T(e))},J=e=>{var t;N.value||(t=h.inputValue,f("prefix-click",{value:t},e))},Q=(e,t)=>{focus(),A(null,"",e),f("clear",{value:t},e),f("lazy-change",{value:t},e),(0,_vue.nextTick)(()=>{L()})},X=e=>{var t;N.value||(t=h.inputValue,f("suffix-click",{value:t},e))},Z=t=>{var{type:u,roundingMode:l,autoFill:n}=x,i=h.inputValue,a=r.value,o=s.value;if((0,_utils.eqEmptyValue)(t))h.inputValue="";else{let e=""+t;o&&(e=(0,_util.toFloatValueFixed)(t,u,a,l),n||(e=""+_xeUtils.default.toNumber(e))),e!==i&&(h.inputValue=e)}},ee=()=>{var{type:u,roundingMode:l,autoFill:n}=x,i=h.inputValue,a=r.value,e=s.value;if(e&&i){let e="",t=null;i&&(e=(0,_util.toFloatValueFixed)(i,u,a,l),t=_xeUtils.default.toNumber(e),n||(e=""+t)),i!==t?A(t,e,{type:"init"}):h.inputValue=e}},te=e=>null===x.max||""===x.max||_xeUtils.default.toNumber(e)<=_xeUtils.default.toNumber(x.max),ue=e=>null===x.min||""===x.min||_xeUtils.default.toNumber(e)>=_xeUtils.default.toNumber(x.min),M=()=>{var{type:t,min:u,max:l,negative:n,exponential:i,clearable:a}=x,o=h.inputValue;if(!U.value)if((0,_utils.eqEmptyValue)(o)){if(a)return void A(null,"",{type:"check"});let e=null,t=o;!u&&0!==u||(e=_xeUtils.default.toNumber(u),t=""+e),void A(e,""+(t||""),{type:"check"})}else if(o||u||l){let e="integer"===t?_xeUtils.default.toInteger((0,_util.handleNumber)(o)):_xeUtils.default.toNumber((0,_util.handleNumber)(o));ue(e)?te(e)||(e=l):e=u,n||(e=Math.abs(e)),i&&(a=g(o).toLowerCase())===_xeUtils.default.toNumber(e).toExponential()&&(e=a);t=b(e);A((0,_utils.eqEmptyValue)(t)?null:Number(t),t,{type:"check"})}},le=e=>{var t=h.inputValue,u=v.value,l=t?Number(t):null;u||A(l,g(t),e),M(),h.isFocus=!1,h.isActivated=!1,f("blur",{value:l},e),i&&a&&i.triggerItemEvent(e,a.itemConfig.field,l)},ne=()=>{L()},ie=()=>{re()},ae=(e,t)=>{var{min:u,max:l,type:n}=x,i=h.inputValue,a=R.value,n="integer"===n?_xeUtils.default.toInteger((0,_util.handleNumber)(i)):_xeUtils.default.toNumber((0,_util.handleNumber)(i)),i=e?_xeUtils.default.add(n,a):_xeUtils.default.subtract(n,a);let o;o=ue(i)?te(i)?i:l:u,G(b(o),t)},w=e=>{var t=N.value,u=V.value,l=d.value;t||u||l||ae(!0,e),h.isActivated=!0,L(),f("plus-number",{value:h.inputValue},e),f("lazy-change",{value:h.inputValue},e),f("next-number",{value:h.inputValue},e)},k=e=>{var t=N.value,u=V.value,l=p.value;t||u||l||ae(!1,e),h.isActivated=!0,L(),f("minus-number",{value:h.inputValue},e),f("lazy-change",{value:h.inputValue},e),f("prev-number",{value:h.inputValue},e)},oe=e=>{var t=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),u=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN);(t||u)&&(e.preventDefault(),(t?w:k)(e))},L=()=>{var e,t,u,{type:l,showTooltip:n}=x,i=h.inputValue;n&&_ui.VxeUI.tooltip&&(n=S.value,u=(e=j.value).contentMethod,t=m.value,(u=(0,_utils.getText)(u?u({$numberInput:c,type:l,inputValue:t.value,value:i||"",label:n}):n))?_ui.VxeUI.tooltip.open(t,Object.assign({},Object.assign(Object.assign({},e),{content:u}),{contentMethod:void 0})):_ui.VxeUI.tooltip.close())},re=()=>{var e=x.showTooltip;e&&_ui.VxeUI.tooltip&&_ui.VxeUI.tooltip.close()},se=e=>{var{type:t,negative:u,exponential:l,controls:n}=x,i=C.value,a=i.isArrow,o=U.value,r=(0,_dom.hasControlKey)(e),s=e.shiftKey,v=e.altKey,p=e.key,m=e.keyCode,_=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ESCAPE),d=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),c=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN);r||s||v||(_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.SPACEBAR)||!u&&"-"===p||"integer"===t&&"."===p||(!l||69!==m)&&65<=m&&m<=90||186<=m&&m<=188||191<=m)&&e.preventDefault(),_?M():(d||c)&&(0,_utils.isEnableConf)(i)&&(!1===n?n:a)&&!o&&oe(e),T(e)},ve=e=>{L(),T(e)},pe=()=>{var e=o.dnTimeout;e&&(clearTimeout(e),o.dnTimeout=void 0)},me=()=>{var e=o.ainTimeout;e&&(clearTimeout(e),o.ainTimeout=void 0)},_e=e=>{u(),o.ainTimeout=setTimeout(()=>{k(e),_e(e)},60)},de=e=>{u(),o.ainTimeout=setTimeout(()=>{w(e),de(e)},60)},u=()=>{pe(),me()},ce=e=>{o.isMouseDown?o.isMouseDown=!1:(u(),((0,_dom.hasClass)(e.currentTarget,"is--plus")?w:k)(e))},fe=t=>{if(u(),o.isMouseDown=!0,0===t.button){let e=(0,_dom.hasClass)(t.currentTarget,"is--plus");(e?w:k)(t),o.dnTimeout=setTimeout(()=>{(e?de:_e)(t)},500)}},ge=e=>{var t=x.controls,u=C.value,l=u.isWheel,n=U.value;(0,_utils.isEnableConf)(u)&&(!1===t?t:l)&&!n&&h.isActivated&&(e.stopPropagation(),e.preventDefault(),0<(u=e.deltaY)?k(e):u<0&&w(e)),T(e)},be=e=>{L(),T(e)},xe=e=>{var t=h.isActivated,u=E.value,l=q.value,n=N.value,i=U.value,a=v.value;n||i||!t||(h.isActivated=(0,_dom.getEventTargetNode)(e,u).flag||(0,_dom.getEventTargetNode)(e,l).flag,h.isActivated)||(a||(n=h.inputValue,i=n?Number(n):null,A(i,g(n),e)),M(),re())},ye=t=>{var u=x.clearable,l=N.value,n=U.value;if(!l&&!n){l=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.TAB),n=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.DELETE);let e=h.isActivated;l&&(e&&M(),e=!1,h.isActivated=e),n&&u&&e&&Q(t,null)}},he=()=>{var e=h.isActivated;e&&M()};t={dispatchEvent:f,focus(){var e;return U.value||(e=m.value,h.isActivated=!0,e.focus()),(0,_vue.nextTick)()},blur(){return m.value.blur(),(h.isActivated=!1,_vue.nextTick)()},select(){return m.value.select(),(h.isActivated=!1,_vue.nextTick)()}};Object.assign(c,t);let Ee=()=>{var e=x.prefixIcon,t=F.value,u=y.prefix,e=e||t.icon,t=t.content;return u||e||t?(0,_vue.h)("div",{class:"vxe-number-input--prefix",onClick:J},[(0,_vue.h)("div",{class:"vxe-number-input--prefix-icon"},u?(0,_vn.getSlotVNs)(u({})):[e?(0,_vue.h)("i",{class:e}):(0,_ui.renderEmptyElement)(c),t?(0,_vue.h)("span",{class:"vxe-prefix-input--suffix-text"},""+t):(0,_ui.renderEmptyElement)(c)])]):(0,_ui.renderEmptyElement)(c)},Ve=()=>{var e=x.suffixIcon,t=h.inputValue,u=y.suffix,l=K.value,n=N.value,i=I.value,e=e||l.icon,l=l.content;return(0,_vue.h)("div",{class:["vxe-number-input--suffix",{"is--clear":i&&!n&&!(""===t||_xeUtils.default.eqNull(t))}]},[i?(0,_vue.h)("div",{class:"vxe-number-input--clear-icon",onClick:Q},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]):(0,_ui.renderEmptyElement)(c),u||e||l?(0,_vue.h)("div",{class:"vxe-number-input--suffix-icon",onClick:X},u?(0,_vn.getSlotVNs)(u({})):[e?(0,_vue.h)("i",{class:e}):(0,_ui.renderEmptyElement)(c),l?(0,_vue.h)("span",{class:"vxe-number-input--suffix-text"},""+l):(0,_ui.renderEmptyElement)(c)]):(0,_ui.renderEmptyElement)(c)])},O=()=>{var{type:e,name:t,autocomplete:u,autoComplete:l}=x,{inputValue:n,isFocus:i}=h,a=N.value,o=S.value,r=U.value,s=_.value,v=D.value,p=z.value;return(0,_vue.h)("div",{key:"ni",class:"vxe-number-input--input-wrapper"},[Ee(),(0,_vue.h)("div",{class:"vxe-number-input--input-inner"},[(0,_vue.h)("input",{ref:m,class:p,name:t,type:"text",value:i||"amount"!==e?n:o,placeholder:v,maxlength:s,readonly:r,disabled:a,autocomplete:l||u,onKeydown:se,onKeyup:ve,onClick:be,onInput:W,onChange:$,onFocus:H,onBlur:le}),Ue()]),Ve()])},Ne=()=>{var e=x.minusIcon,t=p.value;return(0,_vue.h)("button",{key:"prev",class:["vxe-number-input--minus-btn is--minus",{"is--disabled":t}],type:"button",onClick:ce,onMousedown:fe,onMouseup:u,onMouseleave:u},[(0,_vue.h)("i",{class:e||(0,_ui.getIcon)().NUMBER_INPUT_MINUS_NUM})])},Ce=()=>{var e=x.plusIcon,t=d.value;return(0,_vue.h)("button",{key:"next",class:["vxe-number-input--plus-btn is--plus",{"is--disabled":t}],type:"button",onClick:ce,onMousedown:fe,onMouseup:u,onMouseleave:u},[(0,_vue.h)("i",{class:e||(0,_ui.getIcon)().NUMBER_INPUT_PLUS_NUM})])},Ie=()=>(0,_vue.h)("div",{key:"cplr",class:"vxe-number-input--side-control"},[Ce(),Ne()]),Ue=()=>{var e=x.floatContent,t=y.float;return e||t?(0,_vue.h)("span",{class:"vxe-number-input--float-wrapper"},t?t({}):(0,_utils.getText)(e)):(0,_ui.renderEmptyElement)(c)};return c.renderVN=()=>{var{className:e,controls:t,type:u,align:l,prefixIcon:n,suffixIcon:i,floatContent:a,floatAlign:o}=x,{inputValue:r,isActivated:s}=h,v=B.value,p=C.value,{layout:m,showButton:_}=p,d=N.value,c=V.value,f=S.value,g=y.prefix,b=y.suffix;return c?(0,_vue.h)("div",{ref:E,class:["vxe-number-input--readonly","type--"+u,e]},f):(c=U.value,f=I.value,p=(0,_utils.isEnableConf)(p)&&(!1===t?t:_),(0,_vue.h)("div",{ref:E,class:["vxe-number-input","type--"+u,p?"ctl--"+("right"===m||"left"===m?m:"default"):"",a?"fla--"+(o||"center"):"",e,{["size--"+v]:v,["is--"+l]:l,"is--controls":p&&!c,"is--prefix":!!g||n,"is--suffix":!!b||i,"is--disabled":d,"is--active":s,"show--clear":f&&!d&&!(""===r||_xeUtils.default.eqNull(r))}],spellcheck:!1,onMouseenter:ne,onMouseleave:ie},p?"right"===m?[O(),Ie()]:"left"===m?[Ie(),O()]:[Ne(),O(),Ce()]:[O()]))},(0,_vue.watch)(()=>x.modelValue,e=>{o.isUM||Z(e),o.isUM=!1}),(0,_vue.watch)(()=>x.type,()=>{Object.assign(h,{inputValue:x.modelValue}),ee()}),(0,_vue.onMounted)(()=>{x.showTooltip&&!_ui.VxeUI.tooltip&&errLog("vxe.error.reqComp",["vxe-tooltip"]),Z(x.modelValue);var e=m.value;e&&e.addEventListener("wheel",ge,{passive:!1}),_ui.globalEvents.on(c,"mousedown",xe),_ui.globalEvents.on(c,"keydown",ye),_ui.globalEvents.on(c,"blur",he)}),(0,_vue.onBeforeUnmount)(()=>{h.isFocus=!1,u(),M();var e=m.value;e&&e.removeEventListener("wheel",ge),_ui.globalEvents.off(c,"mousedown"),_ui.globalEvents.off(c,"keydown"),_ui.globalEvents.off(c,"blur")}),ee(),c},render(){return this.renderVN()}});
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_log=require("../../ui/src/log"),_dom=require("../../ui/src/dom"),_vn=require("../../ui/src/vn"),_util=require("./util");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let errLog=(0,_log.createComponentLog)("number-input").errLog;var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeNumberInput",props:{modelValue:[String,Number],immediate:{type:Boolean,default:!0},name:String,type:{type:String,default:"number"},clearable:{type:Boolean,default:()=>(0,_ui.getConfig)().numberInput.clearable},readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},placeholder:String,floatContent:{type:String,default:()=>(0,_ui.getConfig)().numberInput.floatContent},floatAlign:{type:String,default:()=>(0,_ui.getConfig)().numberInput.floatAlign},maxLength:{type:[String,Number],default:()=>(0,_ui.getConfig)().numberInput.maxLength},autoComplete:{type:String,default:"off"},align:String,form:String,className:String,inputClassName:{type:String,default:()=>(0,_ui.getConfig)().numberInput.inputClassName},width:[String,Number],size:{type:String,default:()=>(0,_ui.getConfig)().numberInput.size||(0,_ui.getConfig)().size},min:{type:[String,Number],default:null},max:{type:[String,Number],default:null},step:[String,Number],exponential:{type:Boolean,default:()=>(0,_ui.getConfig)().numberInput.exponential},negative:{type:Boolean,default:()=>(0,_ui.getConfig)().numberInput.negative},showCurrency:{type:Boolean,default:()=>(0,_ui.getConfig)().numberInput.showCurrency},currencySymbol:{type:String,default:()=>(0,_ui.getConfig)().numberInput.currencySymbol},controlConfig:Object,roundingMode:{type:String,default:()=>(0,_ui.getConfig)().numberInput.roundingMode},digits:{type:[String,Number],default:null},autoFill:{type:Boolean,default:()=>(0,_ui.getConfig)().numberInput.autoFill},editable:{type:Boolean,default:!0},plusIcon:String,minusIcon:String,prefixIcon:String,prefixConfig:Object,suffixIcon:String,suffixConfig:Object,showTooltip:{type:Boolean,default:()=>(0,_ui.getConfig)().numberInput.showTooltip},tooltipConfig:Object,controls:{type:Boolean,default:null},maxlength:[String,Number],autocomplete:String},emits:["update:modelValue","input","change","keydown","keyup","wheel","click","focus","blur","clear","lazy-change","plus-number","minus-number","prefix-click","suffix-click","prev-number","next-number"],setup(y,e){let{slots:h,emit:n}=e,i=(0,_vue.inject)("$xeForm",null),a=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();let B=(0,_ui.useSize)(y).computeSize,E=(0,_vue.reactive)({isFocus:!1,isActivated:!1,inputValue:""}),o={},N=(0,_vue.ref)(),m=(0,_vue.ref)(),q=(0,_vue.ref)(),V=(0,_vue.computed)(()=>{var e=y.readonly;return null===e?!!i&&i.props.readonly:e}),C=(0,_vue.computed)(()=>{var e=y.disabled;return null===e?!!i&&i.props.disabled:e}),r=(0,_vue.computed)(()=>{var{type:e,digits:t}=y;let u=t;return null===u&&null===(u=(0,_ui.getConfig)().numberInput.digits)&&"amount"===e&&(u=2),_xeUtils.default.toInteger(u)||1}),I=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().numberInput.controlConfig,y.controlConfig)),F=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().numberInput.prefixConfig,y.prefixConfig)),K=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().numberInput.suffixConfig,y.suffixConfig)),j=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().numberInput.tooltipConfig,y.tooltipConfig)),s=(0,_vue.computed)(()=>{var e=y.type;return"float"===e||"amount"===e}),R=(0,_vue.computed)(()=>{var e=y.type,t=r.value,u=s.value,l=y.step;return"integer"===e?_xeUtils.default.toInteger(l)||1:u?_xeUtils.default.toNumber(l)||1/Math.pow(10,t):_xeUtils.default.toNumber(l)||1}),U=(0,_vue.computed)(()=>y.clearable),S=(0,_vue.computed)(()=>{var e=y.editable;return V.value||!e}),D=(0,_vue.computed)(()=>{var e=y.placeholder;return(e=e||(0,_ui.getConfig)().numberInput.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseInput")}),d=(0,_vue.computed)(()=>{var{type:e,maxLength:t,maxlength:u,min:l,max:n}=y,i=r.value;return(0,_utils.eqEmptyValue)(l)||(0,_utils.eqEmptyValue)(n)?t||u?_xeUtils.default.toNumber(t||u):16:(""+n).length+("integer"===e?0:i+1)+(0<=_xeUtils.default.toNumber(l)?0:1)}),v=(0,_vue.computed)(()=>{var e=y.immediate;return e}),l=(0,_vue.computed)(()=>{var e=y.type,t=E.inputValue;return"integer"===e?_xeUtils.default.toInteger((0,_util.handleNumber)(t)):_xeUtils.default.toNumber((0,_util.handleNumber)(t))}),T=(0,_vue.computed)(()=>{var{type:t,roundingMode:u,showCurrency:l,currencySymbol:n,autoFill:i}=y,a=E.inputValue,o=r.value;if("amount"!==t)return _xeUtils.default.toString(a);{var t=_xeUtils.default.toNumber(a),a={digits:o};"floor"===u?a.floor=!0:"ceil"===u?a.ceil=!0:a.round=!0;let e=_xeUtils.default.commafy(t,a);return i||([o,u]=e.split("."),u&&(t=u.replace(/0+$/,""),e=t?[o,".",t].join(""):o)),l?""+(n||(0,_ui.getI18n)("vxe.numberInput.currencySymbol")||"")+e:e}}),p=(0,_vue.computed)(()=>{var e=y.min,t=E.inputValue,u=l.value;return!(!t&&0!==t||null===e)&&u<=_xeUtils.default.toNumber(e)}),_=(0,_vue.computed)(()=>{var e=y.max,t=E.inputValue,u=l.value;return!(!t&&0!==t||null===e)&&u>=_xeUtils.default.toNumber(e)}),z=(0,_vue.computed)(()=>{var e=y.inputClassName;return"vxe-number-input--input"+(e?" "+e:"")}),P=(0,_vue.computed)(()=>{var e=y.width,t={};return e&&(t.width=(0,_dom.toCssUnit)(e)),t}),Y={refElem:N,refInput:m},G={computeControlOpts:I},c={xID:t,props:y,context:e,reactData:E,internalData:o,getRefMaps:()=>Y,getComputeMaps:()=>G},f=(e,t,u)=>{n(e,(0,_ui.createEvent)(u,{$numberInput:c},t))},g=e=>_xeUtils.default.eqNull(e)?"":""+e,b=e=>{var{type:t,exponential:u,roundingMode:l,autoFill:n}=y,i=d.value,a=r.value;let o="";return s.value?(o=(0,_util.toFloatValueFixed)(e,t,a,l),n||(o=g(_xeUtils.default.toNumber(o)))):o=g(e),!u||e!==o&&g(e).toLowerCase()!==_xeUtils.default.toNumber(o).toExponential()?o.slice(0,i):e},x=e=>{var t=E.inputValue;f(e.type,{value:t},e)},A=(e,t,u)=>{var e=(0,_utils.eqEmptyValue)(e)?null:Number(e),l=e!==y.modelValue;l&&(o.isUM=!0,n("update:modelValue",e)),E.inputValue!==t&&(0,_vue.nextTick)(()=>{E.inputValue=t||""}),f("input",{value:e},u),l&&(f("change",{value:e},u),i)&&a&&i.triggerItemEvent(u,a.itemConfig.field,e)},W=(e,t)=>{var u=v.value,l=(0,_utils.eqEmptyValue)(e)?null:_xeUtils.default.toNumber(e);E.inputValue=e,u?A(l,e,t):(f("input",{value:l},t),i&&a&&i.triggerItemEvent(t,a.itemConfig.field,l))},$=e=>{var t=e.target.value;W(t,e)},H=e=>{v.value||x(e),f("lazy-change",{value:E.inputValue},e)},J=e=>{var t;S.value||(t=E.inputValue,E.inputValue=(0,_utils.eqEmptyValue)(t)?"":""+_xeUtils.default.toNumber(t),E.isFocus=!0,E.isActivated=!0,x(e))},Q=e=>{var t;C.value||(t=E.inputValue,f("prefix-click",{value:t},e))},X=(e,t)=>{focus(),A(null,"",e),f("clear",{value:t},e),f("lazy-change",{value:t},e),(0,_vue.nextTick)(()=>{L()})},Z=e=>{var t;C.value||(t=E.inputValue,f("suffix-click",{value:t},e))},ee=t=>{var{type:u,roundingMode:l,autoFill:n}=y,i=E.inputValue,a=r.value,o=s.value;if((0,_utils.eqEmptyValue)(t))E.inputValue="";else{let e=""+t;o&&(e=(0,_util.toFloatValueFixed)(t,u,a,l),n||(e=""+_xeUtils.default.toNumber(e))),e!==i&&(E.inputValue=e)}},te=()=>{var{type:u,roundingMode:l,autoFill:n}=y,i=E.inputValue,a=r.value,e=s.value;if(e&&i){let e="",t=null;i&&(e=(0,_util.toFloatValueFixed)(i,u,a,l),t=_xeUtils.default.toNumber(e),n||(e=""+t)),i!==t?A(t,e,{type:"init"}):E.inputValue=e}},ue=e=>null===y.max||""===y.max||_xeUtils.default.toNumber(e)<=_xeUtils.default.toNumber(y.max),le=e=>null===y.min||""===y.min||_xeUtils.default.toNumber(e)>=_xeUtils.default.toNumber(y.min),w=()=>{var{type:t,min:u,max:l,negative:n,exponential:i,clearable:a}=y,o=E.inputValue;if(!S.value)if((0,_utils.eqEmptyValue)(o)){if(a)return void A(null,"",{type:"check"});let e=null,t=o;!u&&0!==u||(e=_xeUtils.default.toNumber(u),t=""+e),void A(e,""+(t||""),{type:"check"})}else if(o||u||l){let e="integer"===t?_xeUtils.default.toInteger((0,_util.handleNumber)(o)):_xeUtils.default.toNumber((0,_util.handleNumber)(o));le(e)?ue(e)||(e=l):e=u,n||(e=Math.abs(e)),i&&(a=g(o).toLowerCase())===_xeUtils.default.toNumber(e).toExponential()&&(e=a);t=b(e);A((0,_utils.eqEmptyValue)(t)?null:Number(t),t,{type:"check"})}},ne=e=>{var t=E.inputValue,u=v.value,l=t?Number(t):null;u||A(l,g(t),e),w(),E.isFocus=!1,E.isActivated=!1,f("blur",{value:l},e),i&&a&&i.triggerItemEvent(e,a.itemConfig.field,l)},ie=()=>{L()},ae=()=>{se()},oe=(e,t)=>{var{min:u,max:l,type:n}=y,i=E.inputValue,a=R.value,n="integer"===n?_xeUtils.default.toInteger((0,_util.handleNumber)(i)):_xeUtils.default.toNumber((0,_util.handleNumber)(i)),i=e?_xeUtils.default.add(n,a):_xeUtils.default.subtract(n,a);let o;o=le(i)?ue(i)?i:l:u,W(b(o),t)},M=e=>{var t=C.value,u=V.value,l=_.value;t||u||l||oe(!0,e),E.isActivated=!0,L(),f("plus-number",{value:E.inputValue},e),f("lazy-change",{value:E.inputValue},e),f("next-number",{value:E.inputValue},e)},k=e=>{var t=C.value,u=V.value,l=p.value;t||u||l||oe(!1,e),E.isActivated=!0,L(),f("minus-number",{value:E.inputValue},e),f("lazy-change",{value:E.inputValue},e),f("prev-number",{value:E.inputValue},e)},re=e=>{var t=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),u=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN);(t||u)&&(e.preventDefault(),(t?M:k)(e))},L=()=>{var e,t,u,{type:l,showTooltip:n}=y,i=E.inputValue;n&&_ui.VxeUI.tooltip&&(n=T.value,u=(e=j.value).contentMethod,t=m.value,(u=(0,_utils.getText)(u?u({$numberInput:c,type:l,inputValue:t.value,value:i||"",label:n}):n))?_ui.VxeUI.tooltip.open(t,Object.assign({},Object.assign(Object.assign({},e),{content:u}),{contentMethod:void 0})):_ui.VxeUI.tooltip.close())},se=()=>{var e=y.showTooltip;e&&_ui.VxeUI.tooltip&&_ui.VxeUI.tooltip.close()},ve=e=>{var{type:t,negative:u,exponential:l,controls:n}=y,i=I.value,a=i.isArrow,o=S.value,r=(0,_dom.hasControlKey)(e),s=e.shiftKey,v=e.altKey,p=e.key,m=e.keyCode,d=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ESCAPE),_=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),c=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN);r||s||v||(_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.SPACEBAR)||!u&&"-"===p||"integer"===t&&"."===p||(!l||69!==m)&&65<=m&&m<=90||186<=m&&m<=188||191<=m)&&e.preventDefault(),d?w():(_||c)&&(0,_utils.isEnableConf)(i)&&(!1===n?n:a)&&!o&&re(e),x(e)},pe=e=>{L(),x(e)},me=()=>{var e=o.dnTimeout;e&&(clearTimeout(e),o.dnTimeout=void 0)},de=()=>{var e=o.ainTimeout;e&&(clearTimeout(e),o.ainTimeout=void 0)},_e=e=>{u(),o.ainTimeout=setTimeout(()=>{k(e),_e(e)},60)},ce=e=>{u(),o.ainTimeout=setTimeout(()=>{M(e),ce(e)},60)},u=()=>{me(),de()},fe=e=>{o.isMouseDown?o.isMouseDown=!1:(u(),((0,_dom.hasClass)(e.currentTarget,"is--plus")?M:k)(e))},ge=t=>{if(u(),o.isMouseDown=!0,0===t.button){let e=(0,_dom.hasClass)(t.currentTarget,"is--plus");(e?M:k)(t),o.dnTimeout=setTimeout(()=>{(e?ce:_e)(t)},500)}},be=e=>{var t=y.controls,u=I.value,l=u.isWheel,n=S.value;(0,_utils.isEnableConf)(u)&&(!1===t?t:l)&&!n&&E.isActivated&&(e.stopPropagation(),e.preventDefault(),0<(u=e.deltaY)?k(e):u<0&&M(e)),x(e)},xe=e=>{L(),x(e)},ye=e=>{var t=E.isActivated,u=N.value,l=q.value,n=C.value,i=S.value,a=v.value;n||i||!t||(E.isActivated=(0,_dom.getEventTargetNode)(e,u).flag||(0,_dom.getEventTargetNode)(e,l).flag,E.isActivated)||(a||(n=E.inputValue,i=n?Number(n):null,A(i,g(n),e)),w(),se())},he=t=>{var u=y.clearable,l=C.value,n=S.value;if(!l&&!n){l=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.TAB),n=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.DELETE);let e=E.isActivated;l&&(e&&w(),e=!1,E.isActivated=e),n&&u&&e&&X(t,null)}},Ee=()=>{var e=E.isActivated;e&&w()};t={dispatchEvent:f,focus(){var e;return S.value||(e=m.value,E.isActivated=!0,e.focus()),(0,_vue.nextTick)()},blur(){return m.value.blur(),(E.isActivated=!1,_vue.nextTick)()},select(){return m.value.select(),(E.isActivated=!1,_vue.nextTick)()}};Object.assign(c,t);let Ne=()=>{var e=y.prefixIcon,t=F.value,u=h.prefix,e=e||t.icon,t=t.content;return u||e||t?(0,_vue.h)("div",{class:"vxe-number-input--prefix",onClick:Q},[(0,_vue.h)("div",{class:"vxe-number-input--prefix-icon"},u?(0,_vn.getSlotVNs)(u({})):[e?(0,_vue.h)("i",{class:e}):(0,_ui.renderEmptyElement)(c),t?(0,_vue.h)("span",{class:"vxe-prefix-input--suffix-text"},""+t):(0,_ui.renderEmptyElement)(c)])]):(0,_ui.renderEmptyElement)(c)},Ve=()=>{var e=y.suffixIcon,t=E.inputValue,u=h.suffix,l=K.value,n=C.value,i=U.value,e=e||l.icon,l=l.content;return(0,_vue.h)("div",{class:["vxe-number-input--suffix",{"is--clear":i&&!n&&!(""===t||_xeUtils.default.eqNull(t))}]},[i?(0,_vue.h)("div",{class:"vxe-number-input--clear-icon",onClick:X},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]):(0,_ui.renderEmptyElement)(c),u||e||l?(0,_vue.h)("div",{class:"vxe-number-input--suffix-icon",onClick:Z},u?(0,_vn.getSlotVNs)(u({})):[e?(0,_vue.h)("i",{class:e}):(0,_ui.renderEmptyElement)(c),l?(0,_vue.h)("span",{class:"vxe-number-input--suffix-text"},""+l):(0,_ui.renderEmptyElement)(c)]):(0,_ui.renderEmptyElement)(c)])},O=()=>{var{type:e,name:t,autocomplete:u,autoComplete:l}=y,{inputValue:n,isFocus:i}=E,a=C.value,o=T.value,r=S.value,s=d.value,v=D.value,p=z.value;return(0,_vue.h)("div",{key:"ni",class:"vxe-number-input--input-wrapper"},[Ne(),(0,_vue.h)("div",{class:"vxe-number-input--input-inner"},[(0,_vue.h)("input",{ref:m,class:p,name:t,type:"text",value:i||"amount"!==e?n:o,placeholder:v,maxlength:s,readonly:r,disabled:a,autocomplete:l||u,onKeydown:ve,onKeyup:pe,onClick:xe,onInput:$,onChange:H,onFocus:J,onBlur:ne}),Se()]),Ve()])},Ce=()=>{var e=y.minusIcon,t=p.value;return(0,_vue.h)("button",{key:"prev",class:["vxe-number-input--minus-btn is--minus",{"is--disabled":t}],type:"button",onClick:fe,onMousedown:ge,onMouseup:u,onMouseleave:u},[(0,_vue.h)("i",{class:e||(0,_ui.getIcon)().NUMBER_INPUT_MINUS_NUM})])},Ie=()=>{var e=y.plusIcon,t=_.value;return(0,_vue.h)("button",{key:"next",class:["vxe-number-input--plus-btn is--plus",{"is--disabled":t}],type:"button",onClick:fe,onMousedown:ge,onMouseup:u,onMouseleave:u},[(0,_vue.h)("i",{class:e||(0,_ui.getIcon)().NUMBER_INPUT_PLUS_NUM})])},Ue=()=>(0,_vue.h)("div",{key:"cplr",class:"vxe-number-input--side-control"},[Ie(),Ce()]),Se=()=>{var e=y.floatContent,t=h.float;return e||t?(0,_vue.h)("span",{class:"vxe-number-input--float-wrapper"},t?t({}):(0,_utils.getText)(e)):(0,_ui.renderEmptyElement)(c)};return c.renderVN=()=>{var e,{className:t,controls:u,type:l,align:n,prefixIcon:i,suffixIcon:a,floatContent:o,floatAlign:r}=y,{inputValue:s,isActivated:v}=E,p=B.value,m=I.value,{layout:d,showButton:_}=m,c=C.value,f=V.value,g=T.value,b=h.prefix,x=h.suffix;return f?(0,_vue.h)("div",{ref:N,class:["vxe-number-input--readonly","type--"+l,t]},g):(f=P.value,g=S.value,e=U.value,m=(0,_utils.isEnableConf)(m)&&(!1===u?u:_),(0,_vue.h)("div",{ref:N,class:["vxe-number-input","type--"+l,m?"ctl--"+("right"===d||"left"===d?d:"default"):"",o?"fla--"+(r||"center"):"",t,{["size--"+p]:p,["is--"+n]:n,"is--controls":m&&!g,"is--prefix":!!b||i,"is--suffix":!!x||a,"is--disabled":c,"is--active":v,"show--clear":e&&!c&&!(""===s||_xeUtils.default.eqNull(s))}],style:f,spellcheck:!1,onMouseenter:ie,onMouseleave:ae},m?"right"===d?[O(),Ue()]:"left"===d?[Ue(),O()]:[Ce(),O(),Ie()]:[O()]))},(0,_vue.watch)(()=>y.modelValue,e=>{o.isUM||ee(e),o.isUM=!1}),(0,_vue.watch)(()=>y.type,()=>{Object.assign(E,{inputValue:y.modelValue}),te()}),(0,_vue.onMounted)(()=>{y.showTooltip&&!_ui.VxeUI.tooltip&&errLog("vxe.error.reqComp",["vxe-tooltip"]),ee(y.modelValue);var e=m.value;e&&e.addEventListener("wheel",be,{passive:!1}),_ui.globalEvents.on(c,"mousedown",ye),_ui.globalEvents.on(c,"keydown",he),_ui.globalEvents.on(c,"blur",Ee)}),(0,_vue.onBeforeUnmount)(()=>{E.isFocus=!1,u(),w();var e=m.value;e&&e.removeEventListener("wheel",be),_ui.globalEvents.off(c,"mousedown"),_ui.globalEvents.off(c,"keydown"),_ui.globalEvents.off(c,"blur")}),te(),c},render(){return this.renderVN()}});
|
|
@@ -10,6 +10,7 @@ var _xeUtils = _interopRequireDefault(require("xe-utils"));
|
|
|
10
10
|
var _ui = require("../../ui");
|
|
11
11
|
var _utils = require("../../ui/src/utils");
|
|
12
12
|
var _vn = require("../../ui/src/vn");
|
|
13
|
+
var _dom = require("../../ui/src/dom");
|
|
13
14
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
15
|
var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
15
16
|
name: 'VxePasswordInput',
|
|
@@ -45,6 +46,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
45
46
|
type: String,
|
|
46
47
|
default: () => (0, _ui.getConfig)().passwordInput.inputClassName
|
|
47
48
|
},
|
|
49
|
+
width: [String, Number],
|
|
48
50
|
size: {
|
|
49
51
|
type: String,
|
|
50
52
|
default: () => (0, _ui.getConfig)().passwordInput.size || (0, _ui.getConfig)().size
|
|
@@ -166,6 +168,16 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
166
168
|
} = reactData;
|
|
167
169
|
return inputValue;
|
|
168
170
|
});
|
|
171
|
+
const computeCurrStyle = (0, _vue.computed)(() => {
|
|
172
|
+
const {
|
|
173
|
+
width
|
|
174
|
+
} = props;
|
|
175
|
+
const stys = {};
|
|
176
|
+
if (width) {
|
|
177
|
+
stys.width = (0, _dom.toCssUnit)(width);
|
|
178
|
+
}
|
|
179
|
+
return stys;
|
|
180
|
+
});
|
|
169
181
|
const dispatchEvent = (type, params, evnt) => {
|
|
170
182
|
emit(type, (0, _ui.createEvent)(evnt, {
|
|
171
183
|
$passwordInput: $xePasswordInput
|
|
@@ -392,6 +404,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
392
404
|
class: ['vxe-password-input--readonly', className]
|
|
393
405
|
}, (0, _utils.getText)(inputValue));
|
|
394
406
|
}
|
|
407
|
+
const currStyle = computeCurrStyle.value;
|
|
395
408
|
const vSize = computeSize.value;
|
|
396
409
|
const inputType = computeInputType.value;
|
|
397
410
|
const inpPlaceholder = computeInpPlaceholder.value;
|
|
@@ -411,6 +424,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
|
411
424
|
'is--active': isActivated,
|
|
412
425
|
'show--clear': isClearable && !isDisabled && !(inputValue === '' || _xeUtils.default.eqNull(inputValue))
|
|
413
426
|
}],
|
|
427
|
+
style: currStyle,
|
|
414
428
|
spellcheck: false
|
|
415
429
|
}, [prefix || (0, _ui.renderEmptyElement)($xePasswordInput), (0, _vue.h)('div', {
|
|
416
430
|
class: 'vxe-password-input--wrapper'
|