vxe-pc-ui 4.3.63 → 4.3.64
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/es/button/src/button-group.js +1 -0
- package/es/button/src/button.js +16 -5
- package/es/button/style.css +4 -3
- package/es/button/style.min.css +1 -1
- package/es/button-group/style.css +8 -2
- package/es/button-group/style.min.css +1 -1
- package/es/date-picker/src/date-picker.js +104 -32
- package/es/date-picker/style.css +37 -12
- package/es/date-picker/style.min.css +1 -1
- package/es/icon/style.css +1 -1
- package/es/style.css +1 -1
- package/es/style.min.css +1 -1
- package/es/ui/index.js +8 -2
- package/es/ui/src/log.js +1 -1
- package/es/vxe-button/style.css +4 -3
- package/es/vxe-button/style.min.css +1 -1
- package/es/vxe-button-group/style.css +8 -2
- package/es/vxe-button-group/style.min.css +1 -1
- package/es/vxe-date-picker/style.css +37 -12
- package/es/vxe-date-picker/style.min.css +1 -1
- package/lib/button/src/button-group.js +1 -0
- package/lib/button/src/button-group.min.js +1 -1
- package/lib/button/src/button.js +17 -5
- package/lib/button/src/button.min.js +1 -1
- package/lib/button/style/style.css +4 -3
- package/lib/button/style/style.min.css +1 -1
- package/lib/button-group/style/style.css +8 -2
- package/lib/button-group/style/style.min.css +1 -1
- package/lib/date-picker/src/date-picker.js +114 -31
- package/lib/date-picker/src/date-picker.min.js +1 -1
- package/lib/date-picker/style/style.css +37 -12
- package/lib/date-picker/style/style.min.css +1 -1
- package/lib/icon/style/style.css +1 -1
- package/lib/icon/style/style.min.css +1 -1
- package/lib/index.umd.js +141 -39
- package/lib/index.umd.min.js +1 -1
- package/lib/style.css +1 -1
- package/lib/style.min.css +1 -1
- package/lib/ui/index.js +8 -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 +4 -3
- package/lib/vxe-button/style/style.min.css +1 -1
- package/lib/vxe-button-group/style/style.css +8 -2
- package/lib/vxe-button-group/style/style.min.css +1 -1
- package/lib/vxe-date-picker/style/style.css +37 -12
- package/lib/vxe-date-picker/style/style.min.css +1 -1
- package/package.json +1 -1
- package/packages/button/src/button-group.ts +1 -0
- package/packages/button/src/button.ts +17 -5
- package/packages/date-picker/src/date-picker.ts +106 -33
- package/packages/ui/index.ts +7 -1
- package/styles/components/button-group.scss +14 -2
- package/styles/components/button.scss +7 -5
- package/styles/components/date-picker.scss +33 -11
- package/types/components/button-group.d.ts +3 -1
- package/types/components/button.d.ts +2 -2
- package/types/components/date-picker.d.ts +32 -1
- /package/es/icon/{iconfont.1736058631411.ttf → iconfont.1736093254019.ttf} +0 -0
- /package/es/icon/{iconfont.1736058631411.woff → iconfont.1736093254019.woff} +0 -0
- /package/es/icon/{iconfont.1736058631411.woff2 → iconfont.1736093254019.woff2} +0 -0
- /package/es/{iconfont.1736058631411.ttf → iconfont.1736093254019.ttf} +0 -0
- /package/es/{iconfont.1736058631411.woff → iconfont.1736093254019.woff} +0 -0
- /package/es/{iconfont.1736058631411.woff2 → iconfont.1736093254019.woff2} +0 -0
- /package/lib/icon/style/{iconfont.1736058631411.ttf → iconfont.1736093254019.ttf} +0 -0
- /package/lib/icon/style/{iconfont.1736058631411.woff → iconfont.1736093254019.woff} +0 -0
- /package/lib/icon/style/{iconfont.1736058631411.woff2 → iconfont.1736093254019.woff2} +0 -0
- /package/lib/{iconfont.1736058631411.ttf → iconfont.1736093254019.ttf} +0 -0
- /package/lib/{iconfont.1736058631411.woff → iconfont.1736093254019.woff} +0 -0
- /package/lib/{iconfont.1736058631411.woff2 → iconfont.1736093254019.woff2} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
.vxe-button{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;vertical-align:middle;position:relative;background-color:var(--vxe-ui-layout-background-color);outline:0;font-size:var(--vxe-ui-font-size-default);max-width:var(--vxe-ui-button-max-width);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border .2s ease-in-out}.vxe-button.align--left{justify-content:left}.vxe-button.align--center{justify-content:center}.vxe-button.align--right{justify-content:right}.vxe-button:not(.is--disabled){color:var(--vxe-ui-font-color);cursor:pointer}.vxe-button.is--loading{cursor:progress}.vxe-button.is--loading:before{content:"";position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:hsla(0,0%,100%,.35);pointer-events:none}.vxe-button.is--disabled{color:var(--vxe-ui-font-disabled-color)}.vxe-button.is--disabled:not(.is--loading){cursor:no-drop}.vxe-button.type--text{text-decoration:none;border:0;padding:.1em .5em;background-color:transparent;text-decoration:none}.vxe-button.type--text:not(.is--disabled):focus{color:var(--vxe-ui-font-darken-color)}.vxe-button.type--text:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--text:not(.is--disabled):active{color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--text.theme--primary{color:var(--vxe-ui-font-primary-color)}.vxe-button.type--text.theme--primary:not(.is--disabled):focus{color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--text.theme--primary:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--text.theme--primary:not(.is--disabled):active{color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--text.theme--primary.is--disabled{color:var(--vxe-ui-font-primary-disabled-color)}.vxe-button.type--text.theme--success{color:var(--vxe-ui-status-success-color)}.vxe-button.type--text.theme--success:not(.is--disabled):focus{color:var(--vxe-ui-status-success-darken-color)}.vxe-button.type--text.theme--success:not(.is--disabled):hover{color:var(--vxe-ui-status-success-lighten-color)}.vxe-button.type--text.theme--success:not(.is--disabled):active{color:var(--vxe-ui-status-success-darken-color)}.vxe-button.type--text.theme--success.is--disabled{color:var(--vxe-ui-status-success-disabled-color)}.vxe-button.type--text.theme--info{color:var(--vxe-ui-status-info-color)}.vxe-button.type--text.theme--info:not(.is--disabled):focus{color:var(--vxe-ui-status-info-darken-color)}.vxe-button.type--text.theme--info:not(.is--disabled):hover{color:var(--vxe-ui-status-info-lighten-color)}.vxe-button.type--text.theme--info:not(.is--disabled):active{color:var(--vxe-ui-status-info-darken-color)}.vxe-button.type--text.theme--info.is--disabled{color:var(--vxe-ui-status-info-disabled-color)}.vxe-button.type--text.theme--warning{color:var(--vxe-ui-status-warning-color)}.vxe-button.type--text.theme--warning:not(.is--disabled):focus{color:var(--vxe-ui-status-warning-darken-color)}.vxe-button.type--text.theme--warning:not(.is--disabled):hover{color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button.type--text.theme--warning:not(.is--disabled):active{color:var(--vxe-ui-status-warning-darken-color)}.vxe-button.type--text.theme--warning.is--disabled{color:var(--vxe-ui-status-warning-disabled-color)}.vxe-button.type--text.theme--danger{color:var(--vxe-ui-status-danger-color)}.vxe-button.type--text.theme--danger:not(.is--disabled):focus{color:var(--vxe-ui-status-danger-darken-color)}.vxe-button.type--text.theme--danger:not(.is--disabled):hover{color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button.type--text.theme--danger:not(.is--disabled):active{color:var(--vxe-ui-status-danger-darken-color)}.vxe-button.type--text.theme--danger.is--disabled{color:var(--vxe-ui-status-danger-disabled-color)}.vxe-button.type--text.theme--error{color:var(--vxe-ui-status-error-color)}.vxe-button.type--text.theme--error:not(.is--disabled):focus{color:var(--vxe-ui-status-error-darken-color)}.vxe-button.type--text.theme--error:not(.is--disabled):hover{color:var(--vxe-ui-status-error-lighten-color)}.vxe-button.type--text.theme--error:not(.is--disabled):active{color:var(--vxe-ui-status-error-darken-color)}.vxe-button.type--text.theme--error.is--disabled{color:var(--vxe-ui-status-error-disabled-color)}.vxe-button.type--text.theme--perfect{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect:not(.is--disabled):focus{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect:not(.is--disabled):hover{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect:not(.is--disabled):active{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect.is--disabled{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button{font-family:inherit;height:var(--vxe-ui-button-height-default);line-height:1;border:1px solid var(--vxe-ui-input-border-color);text-decoration:none}.vxe-button.type--button.is--round{border-radius:var(--vxe-ui-button-round-border-radius-default)}.vxe-button.type--button:not(.is--round){border-radius:var(--vxe-ui-base-border-radius)}.vxe-button.type--button.is--circle{padding:0 .5em;text-align:center;justify-content:center;min-width:var(--vxe-ui-button-height-default);border-radius:50%}.vxe-button.type--button:not(.is--circle){padding:0 1em}.vxe-button.type--button:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--button:not(.is--disabled):focus{border-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button:not(.is--disabled):active{color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color);background-color:var(--vxe-ui-layout-background-color)}.vxe-button.type--button.theme--primary{color:#fff}.vxe-button.type--button.theme--primary:not(.is--disabled){border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button.theme--primary:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--button.theme--primary:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--button.theme--primary.is--disabled{border-color:var(--vxe-ui-font-primary-disabled-color);background-color:var(--vxe-ui-font-primary-disabled-color)}.vxe-button.type--button.theme--primary.is--loading{border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button.theme--success{color:#fff}.vxe-button.type--button.theme--success:not(.is--disabled){border-color:var(--vxe-ui-status-success-color);background-color:var(--vxe-ui-status-success-color)}.vxe-button.type--button.theme--success:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-success-lighten-color);border-color:var(--vxe-ui-status-success-lighten-color)}.vxe-button.type--button.theme--success:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-success-darken-color);border-color:var(--vxe-ui-status-success-darken-color)}.vxe-button.type--button.theme--success.is--disabled{border-color:var(--vxe-ui-status-success-disabled-color);background-color:var(--vxe-ui-status-success-disabled-color)}.vxe-button.type--button.theme--success.is--loading{border-color:var(--vxe-ui-status-success-color);background-color:var(--vxe-ui-status-success-color)}.vxe-button.type--button.theme--info{color:#fff}.vxe-button.type--button.theme--info:not(.is--disabled){border-color:var(--vxe-ui-status-info-color);background-color:var(--vxe-ui-status-info-color)}.vxe-button.type--button.theme--info:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-info-lighten-color);border-color:var(--vxe-ui-status-info-lighten-color)}.vxe-button.type--button.theme--info:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-info-darken-color);border-color:var(--vxe-ui-status-info-darken-color)}.vxe-button.type--button.theme--info.is--disabled{border-color:var(--vxe-ui-status-info-disabled-color);background-color:var(--vxe-ui-status-info-disabled-color)}.vxe-button.type--button.theme--info.is--loading{border-color:var(--vxe-ui-status-info-color);background-color:var(--vxe-ui-status-info-color)}.vxe-button.type--button.theme--warning{color:#fff}.vxe-button.type--button.theme--warning:not(.is--disabled){border-color:var(--vxe-ui-status-warning-color);background-color:var(--vxe-ui-status-warning-color)}.vxe-button.type--button.theme--warning:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-warning-lighten-color);border-color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button.type--button.theme--warning:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-warning-darken-color);border-color:var(--vxe-ui-status-warning-darken-color)}.vxe-button.type--button.theme--warning.is--disabled{border-color:var(--vxe-ui-status-warning-disabled-color);background-color:var(--vxe-ui-status-warning-disabled-color)}.vxe-button.type--button.theme--warning.is--loading{border-color:var(--vxe-ui-status-warning-color);background-color:var(--vxe-ui-status-warning-color)}.vxe-button.type--button.theme--danger{color:#fff}.vxe-button.type--button.theme--danger:not(.is--disabled){border-color:var(--vxe-ui-status-danger-color);background-color:var(--vxe-ui-status-danger-color)}.vxe-button.type--button.theme--danger:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-danger-lighten-color);border-color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button.type--button.theme--danger:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-danger-darken-color);border-color:var(--vxe-ui-status-danger-darken-color)}.vxe-button.type--button.theme--danger.is--disabled{border-color:var(--vxe-ui-status-danger-disabled-color);background-color:var(--vxe-ui-status-danger-disabled-color)}.vxe-button.type--button.theme--danger.is--loading{border-color:var(--vxe-ui-status-danger-color);background-color:var(--vxe-ui-status-danger-color)}.vxe-button.type--button.theme--error{color:#fff}.vxe-button.type--button.theme--error:not(.is--disabled){border-color:var(--vxe-ui-status-error-color);background-color:var(--vxe-ui-status-error-color)}.vxe-button.type--button.theme--error:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-error-lighten-color);border-color:var(--vxe-ui-status-error-lighten-color)}.vxe-button.type--button.theme--error:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-error-darken-color);border-color:var(--vxe-ui-status-error-darken-color)}.vxe-button.type--button.theme--error.is--disabled{border-color:var(--vxe-ui-status-error-disabled-color);background-color:var(--vxe-ui-status-error-disabled-color)}.vxe-button.type--button.theme--error.is--loading{border-color:var(--vxe-ui-status-error-color);background-color:var(--vxe-ui-status-error-color)}.vxe-button.type--button.theme--perfect{color:var(--vxe-ui-font-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled){border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled):hover{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled):active{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect.is--disabled{border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect.is--loading{border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-button.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-button.size--medium.type--button{height:var(--vxe-ui-button-height-medium)}.vxe-button.size--medium.type--button.is--circle{min-width:var(--vxe-ui-button-height-medium)}.vxe-button.size--medium.type--button.is--round{border-radius:var(--vxe-ui-button-round-border-radius-medium)}.vxe-button.size--medium .vxe-button--icon,.vxe-button.size--medium .vxe-button--loading-icon{min-width:var(--vxe-ui-font-size-medium)}.vxe-button.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-button.size--small.type--button{height:var(--vxe-ui-button-height-small)}.vxe-button.size--small.type--button.is--circle{min-width:var(--vxe-ui-button-height-small)}.vxe-button.size--small.type--button.is--round{border-radius:var(--vxe-ui-button-round-border-radius-small)}.vxe-button.size--small .vxe-button--icon,.vxe-button.size--small .vxe-button--loading-icon{min-width:var(--vxe-ui-font-size-small)}.vxe-button.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-button.size--mini.type--button{height:var(--vxe-ui-button-height-mini)}.vxe-button.size--mini.type--button.is--circle{min-width:var(--vxe-ui-button-height-mini)}.vxe-button.size--mini.type--button.is--round{border-radius:var(--vxe-ui-button-round-border-radius-mini)}.vxe-button.size--mini .vxe-button--icon,.vxe-button.size--mini .vxe-button--loading-icon{min-width:var(--vxe-ui-font-size-mini)}.vxe-button+.vxe-button--dropdown,.vxe-button+.vxe-button-wrapper,.vxe-button+.vxe-button.type--button,.vxe-button-wrapper+.vxe-button--dropdown,.vxe-button-wrapper+.vxe-button-wrapper,.vxe-button-wrapper+.vxe-button.type--button,.vxe-input+.vxe-button--dropdown,.vxe-input+.vxe-button-wrapper,.vxe-input+.vxe-button.type--button{margin-left:.72em}.vxe-button--icon,.vxe-button--loading-icon{min-width:var(--vxe-ui-font-size-default)}.vxe-button--icon+.vxe-button--content,.vxe-button--loading-icon+.vxe-button--content{margin-left:.25em}.vxe-button--tooltip-prefix-icon+.vxe-button--content,.vxe-button--tooltip-prefix-icon+.vxe-button--icon,.vxe-button--tooltip-prefix-icon+.vxe-button--loading-icon{padding-left:.25em}.vxe-button--content+.vxe-button--tooltip-suffix-icon{margin-left:.25em}.vxe-button--dropdown,.vxe-button--wrapper{display:inline-block}.vxe-button--dropdown{position:relative;outline:0}.vxe-button--dropdown+.vxe-button--dropdown,.vxe-button--dropdown+.vxe-button-wrapper,.vxe-button--dropdown+.vxe-button.type--button{margin-left:12px}.vxe-button--dropdown>.vxe-button.type--button.theme--primary{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--success{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--info{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--warning{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--danger{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--error{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--perfect{color:var(--vxe-ui-font-color)}.vxe-button--dropdown.is--active>.vxe-button:not(.is--disabled){color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--primary{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--success{color:var(--vxe-ui-status-success-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--info{color:var(--vxe-ui-status-info-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--warning{color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--danger{color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--error{color:var(--vxe-ui-status-error-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--perfect{color:var(--vxe-ui-table-header-background-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--primary{color:#fff;background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--success{color:#fff;background-color:var(--vxe-ui-status-success-lighten-color);border-color:var(--vxe-ui-status-success-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--info{color:#fff;background-color:var(--vxe-ui-status-info-lighten-color);border-color:var(--vxe-ui-status-info-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--warning{color:#fff;background-color:var(--vxe-ui-status-warning-lighten-color);border-color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--danger{color:#fff;background-color:var(--vxe-ui-status-danger-lighten-color);border-color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--error{color:#fff;background-color:var(--vxe-ui-status-error-lighten-color);border-color:var(--vxe-ui-status-error-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--perfect{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-button--dropdown.is--active .vxe-button--dropdown-arrow{transform:rotate(180deg)}.vxe-button--dropdown-arrow{display:inline-block;font-size:12px;margin-left:4px;transition:transform .2s ease-in-out}.vxe-button--dropdown-panel{display:none;position:absolute;right:0;padding:4px 0}.vxe-button--dropdown-panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden;transform-style:preserve-3d}.vxe-button--dropdown-panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-button--dropdown-panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-button--dropdown-wrapper{padding:5px;background-color:var(--vxe-ui-layout-background-color);border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color);box-shadow:0 1px 6px rgba(0,0,0,.2)}.vxe-button--dropdown-wrapper>.vxe-button.type--button,.vxe-button--dropdown-wrapper>.vxe-button.type--text{display:block;width:100%;border:0;margin:.4em 0 0 0}.vxe-button--dropdown-wrapper>.vxe-button.type--text{padding:2px 8px}.vxe-button--dropdown-wrapper>.vxe-button:first-child{margin-top:0}.vxe-button--dropdown-wrapper>.vxe-button:last-child{margin-bottom:0}
|
|
1
|
+
.vxe-button{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;vertical-align:middle;position:relative;background-color:var(--vxe-ui-layout-background-color);outline:0;font-size:var(--vxe-ui-font-size-default);max-width:var(--vxe-ui-button-max-width);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border .2s ease-in-out}.vxe-button.align--left{justify-content:left}.vxe-button.align--center{justify-content:center}.vxe-button.align--right{justify-content:right}.vxe-button:not(.is--disabled){color:var(--vxe-ui-font-color);cursor:pointer}.vxe-button.is--loading{cursor:progress}.vxe-button.is--loading:before{content:"";position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:hsla(0,0%,100%,.35);pointer-events:none}.vxe-button.is--disabled{color:var(--vxe-ui-font-disabled-color)}.vxe-button.is--disabled:not(.is--loading){cursor:no-drop}.vxe-button.type--text{text-decoration:none;border:0;padding:.1em .5em;background-color:transparent;text-decoration:none}.vxe-button.type--text:not(.is--disabled):focus{color:var(--vxe-ui-font-darken-color)}.vxe-button.type--text:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--text:not(.is--disabled):active{color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--text.theme--primary{color:var(--vxe-ui-font-primary-color)}.vxe-button.type--text.theme--primary:not(.is--disabled):focus{color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--text.theme--primary:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--text.theme--primary:not(.is--disabled):active{color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--text.theme--primary.is--disabled{color:var(--vxe-ui-font-primary-disabled-color)}.vxe-button.type--text.theme--success{color:var(--vxe-ui-status-success-color)}.vxe-button.type--text.theme--success:not(.is--disabled):focus{color:var(--vxe-ui-status-success-darken-color)}.vxe-button.type--text.theme--success:not(.is--disabled):hover{color:var(--vxe-ui-status-success-lighten-color)}.vxe-button.type--text.theme--success:not(.is--disabled):active{color:var(--vxe-ui-status-success-darken-color)}.vxe-button.type--text.theme--success.is--disabled{color:var(--vxe-ui-status-success-disabled-color)}.vxe-button.type--text.theme--info{color:var(--vxe-ui-status-info-color)}.vxe-button.type--text.theme--info:not(.is--disabled):focus{color:var(--vxe-ui-status-info-darken-color)}.vxe-button.type--text.theme--info:not(.is--disabled):hover{color:var(--vxe-ui-status-info-lighten-color)}.vxe-button.type--text.theme--info:not(.is--disabled):active{color:var(--vxe-ui-status-info-darken-color)}.vxe-button.type--text.theme--info.is--disabled{color:var(--vxe-ui-status-info-disabled-color)}.vxe-button.type--text.theme--warning{color:var(--vxe-ui-status-warning-color)}.vxe-button.type--text.theme--warning:not(.is--disabled):focus{color:var(--vxe-ui-status-warning-darken-color)}.vxe-button.type--text.theme--warning:not(.is--disabled):hover{color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button.type--text.theme--warning:not(.is--disabled):active{color:var(--vxe-ui-status-warning-darken-color)}.vxe-button.type--text.theme--warning.is--disabled{color:var(--vxe-ui-status-warning-disabled-color)}.vxe-button.type--text.theme--danger{color:var(--vxe-ui-status-danger-color)}.vxe-button.type--text.theme--danger:not(.is--disabled):focus{color:var(--vxe-ui-status-danger-darken-color)}.vxe-button.type--text.theme--danger:not(.is--disabled):hover{color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button.type--text.theme--danger:not(.is--disabled):active{color:var(--vxe-ui-status-danger-darken-color)}.vxe-button.type--text.theme--danger.is--disabled{color:var(--vxe-ui-status-danger-disabled-color)}.vxe-button.type--text.theme--error{color:var(--vxe-ui-status-error-color)}.vxe-button.type--text.theme--error:not(.is--disabled):focus{color:var(--vxe-ui-status-error-darken-color)}.vxe-button.type--text.theme--error:not(.is--disabled):hover{color:var(--vxe-ui-status-error-lighten-color)}.vxe-button.type--text.theme--error:not(.is--disabled):active{color:var(--vxe-ui-status-error-darken-color)}.vxe-button.type--text.theme--error.is--disabled{color:var(--vxe-ui-status-error-disabled-color)}.vxe-button.type--text.theme--perfect{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect:not(.is--disabled):focus{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect:not(.is--disabled):hover{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect:not(.is--disabled):active{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect.is--disabled{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button{font-family:inherit;height:var(--vxe-ui-button-height-default);line-height:1;border:1px solid var(--vxe-ui-input-border-color);text-decoration:none}.vxe-button.type--button.is--round{border-radius:var(--vxe-ui-button-round-border-radius-default)}.vxe-button.type--button:not(.is--round){border-radius:var(--vxe-ui-base-border-radius)}.vxe-button.type--button.is--circle{padding:0 .5em;text-align:center;justify-content:center;min-width:var(--vxe-ui-button-height-default);border-radius:50%}.vxe-button.type--button:not(.is--circle){padding:0 1em}.vxe-button.type--button:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--button:not(.is--disabled):focus{border-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button:not(.is--disabled):active{color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color);background-color:var(--vxe-ui-layout-background-color)}.vxe-button.type--button.theme--primary{color:#fff}.vxe-button.type--button.theme--primary:not(.is--disabled){border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button.theme--primary:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--button.theme--primary:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--button.theme--primary.is--disabled{border-color:var(--vxe-ui-font-primary-disabled-color);background-color:var(--vxe-ui-font-primary-disabled-color)}.vxe-button.type--button.theme--primary.is--loading{border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button.theme--success{color:#fff}.vxe-button.type--button.theme--success:not(.is--disabled){border-color:var(--vxe-ui-status-success-color);background-color:var(--vxe-ui-status-success-color)}.vxe-button.type--button.theme--success:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-success-lighten-color);border-color:var(--vxe-ui-status-success-lighten-color)}.vxe-button.type--button.theme--success:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-success-darken-color);border-color:var(--vxe-ui-status-success-darken-color)}.vxe-button.type--button.theme--success.is--disabled{border-color:var(--vxe-ui-status-success-disabled-color);background-color:var(--vxe-ui-status-success-disabled-color)}.vxe-button.type--button.theme--success.is--loading{border-color:var(--vxe-ui-status-success-color);background-color:var(--vxe-ui-status-success-color)}.vxe-button.type--button.theme--info{color:#fff}.vxe-button.type--button.theme--info:not(.is--disabled){border-color:var(--vxe-ui-status-info-color);background-color:var(--vxe-ui-status-info-color)}.vxe-button.type--button.theme--info:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-info-lighten-color);border-color:var(--vxe-ui-status-info-lighten-color)}.vxe-button.type--button.theme--info:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-info-darken-color);border-color:var(--vxe-ui-status-info-darken-color)}.vxe-button.type--button.theme--info.is--disabled{border-color:var(--vxe-ui-status-info-disabled-color);background-color:var(--vxe-ui-status-info-disabled-color)}.vxe-button.type--button.theme--info.is--loading{border-color:var(--vxe-ui-status-info-color);background-color:var(--vxe-ui-status-info-color)}.vxe-button.type--button.theme--warning{color:#fff}.vxe-button.type--button.theme--warning:not(.is--disabled){border-color:var(--vxe-ui-status-warning-color);background-color:var(--vxe-ui-status-warning-color)}.vxe-button.type--button.theme--warning:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-warning-lighten-color);border-color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button.type--button.theme--warning:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-warning-darken-color);border-color:var(--vxe-ui-status-warning-darken-color)}.vxe-button.type--button.theme--warning.is--disabled{border-color:var(--vxe-ui-status-warning-disabled-color);background-color:var(--vxe-ui-status-warning-disabled-color)}.vxe-button.type--button.theme--warning.is--loading{border-color:var(--vxe-ui-status-warning-color);background-color:var(--vxe-ui-status-warning-color)}.vxe-button.type--button.theme--danger{color:#fff}.vxe-button.type--button.theme--danger:not(.is--disabled){border-color:var(--vxe-ui-status-danger-color);background-color:var(--vxe-ui-status-danger-color)}.vxe-button.type--button.theme--danger:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-danger-lighten-color);border-color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button.type--button.theme--danger:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-danger-darken-color);border-color:var(--vxe-ui-status-danger-darken-color)}.vxe-button.type--button.theme--danger.is--disabled{border-color:var(--vxe-ui-status-danger-disabled-color);background-color:var(--vxe-ui-status-danger-disabled-color)}.vxe-button.type--button.theme--danger.is--loading{border-color:var(--vxe-ui-status-danger-color);background-color:var(--vxe-ui-status-danger-color)}.vxe-button.type--button.theme--error{color:#fff}.vxe-button.type--button.theme--error:not(.is--disabled){border-color:var(--vxe-ui-status-error-color);background-color:var(--vxe-ui-status-error-color)}.vxe-button.type--button.theme--error:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-error-lighten-color);border-color:var(--vxe-ui-status-error-lighten-color)}.vxe-button.type--button.theme--error:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-error-darken-color);border-color:var(--vxe-ui-status-error-darken-color)}.vxe-button.type--button.theme--error.is--disabled{border-color:var(--vxe-ui-status-error-disabled-color);background-color:var(--vxe-ui-status-error-disabled-color)}.vxe-button.type--button.theme--error.is--loading{border-color:var(--vxe-ui-status-error-color);background-color:var(--vxe-ui-status-error-color)}.vxe-button.type--button.theme--perfect{color:var(--vxe-ui-font-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled){border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled):hover{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled):active{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect.is--disabled{border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect.is--loading{border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-button.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-button.size--medium.type--button{height:var(--vxe-ui-button-height-medium)}.vxe-button.size--medium.type--button.is--circle{min-width:var(--vxe-ui-button-height-medium)}.vxe-button.size--medium.type--button.is--round{border-radius:var(--vxe-ui-button-round-border-radius-medium)}.vxe-button.size--medium .vxe-button--icon,.vxe-button.size--medium .vxe-button--loading-icon{min-width:var(--vxe-ui-font-size-medium)}.vxe-button.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-button.size--small.type--button{height:var(--vxe-ui-button-height-small)}.vxe-button.size--small.type--button.is--circle{min-width:var(--vxe-ui-button-height-small)}.vxe-button.size--small.type--button.is--round{border-radius:var(--vxe-ui-button-round-border-radius-small)}.vxe-button.size--small .vxe-button--icon,.vxe-button.size--small .vxe-button--loading-icon{min-width:var(--vxe-ui-font-size-small)}.vxe-button.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-button.size--mini.type--button{height:var(--vxe-ui-button-height-mini)}.vxe-button.size--mini.type--button.is--circle{min-width:var(--vxe-ui-button-height-mini)}.vxe-button.size--mini.type--button.is--round{border-radius:var(--vxe-ui-button-round-border-radius-mini)}.vxe-button.size--mini .vxe-button--icon,.vxe-button.size--mini .vxe-button--loading-icon{min-width:var(--vxe-ui-font-size-mini)}.vxe-button+.vxe-button--dropdown,.vxe-button+.vxe-button-wrapper,.vxe-button+.vxe-button.type--button,.vxe-button-wrapper+.vxe-button--dropdown,.vxe-button-wrapper+.vxe-button-wrapper,.vxe-button-wrapper+.vxe-button.type--button,.vxe-input+.vxe-button--dropdown,.vxe-input+.vxe-button-wrapper,.vxe-input+.vxe-button.type--button{margin-left:.72em}.vxe-button--dropdown+.vxe-button--dropdown,.vxe-button--dropdown+.vxe-button-wrapper,.vxe-button--dropdown+.vxe-button.type--button{margin-left:.72em}.vxe-button--icon,.vxe-button--loading-icon{min-width:var(--vxe-ui-font-size-default)}.vxe-button--icon+.vxe-button--content,.vxe-button--loading-icon+.vxe-button--content{margin-left:.25em}.vxe-button--tooltip-prefix-icon+.vxe-button--content,.vxe-button--tooltip-prefix-icon+.vxe-button--icon,.vxe-button--tooltip-prefix-icon+.vxe-button--loading-icon{padding-left:.25em}.vxe-button--content+.vxe-button--tooltip-suffix-icon{margin-left:.25em}.vxe-button--dropdown,.vxe-button--wrapper{display:inline-block}.vxe-button--dropdown{position:relative;outline:0}.vxe-button--dropdown>.vxe-button.type--button.theme--primary{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--success{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--info{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--warning{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--danger{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--error{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--perfect{color:var(--vxe-ui-font-color)}.vxe-button--dropdown.is--active>.vxe-button:not(.is--disabled){color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--primary{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--success{color:var(--vxe-ui-status-success-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--info{color:var(--vxe-ui-status-info-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--warning{color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--danger{color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--error{color:var(--vxe-ui-status-error-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--perfect{color:var(--vxe-ui-table-header-background-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--primary{color:#fff;background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--success{color:#fff;background-color:var(--vxe-ui-status-success-lighten-color);border-color:var(--vxe-ui-status-success-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--info{color:#fff;background-color:var(--vxe-ui-status-info-lighten-color);border-color:var(--vxe-ui-status-info-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--warning{color:#fff;background-color:var(--vxe-ui-status-warning-lighten-color);border-color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--danger{color:#fff;background-color:var(--vxe-ui-status-danger-lighten-color);border-color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--error{color:#fff;background-color:var(--vxe-ui-status-error-lighten-color);border-color:var(--vxe-ui-status-error-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--perfect{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-button--dropdown.is--active .vxe-button--dropdown-arrow{transform:rotate(180deg)}.vxe-button--dropdown-arrow{display:inline-block;font-size:12px;margin-left:4px;transition:transform .2s ease-in-out}.vxe-button--dropdown-panel{display:none;position:absolute;right:0;padding:4px 0}.vxe-button--dropdown-panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden;transform-style:preserve-3d}.vxe-button--dropdown-panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-button--dropdown-panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-button--dropdown-wrapper{padding:5px;background-color:var(--vxe-ui-layout-background-color);border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color);box-shadow:0 1px 6px rgba(0,0,0,.2)}.vxe-button--dropdown-wrapper>.vxe-button.type--button,.vxe-button--dropdown-wrapper>.vxe-button.type--text{display:block;width:100%;border:0;margin:.4em 0 0 0}.vxe-button--dropdown-wrapper>.vxe-button.type--text{padding:2px 8px}.vxe-button--dropdown-wrapper>.vxe-button:first-child{margin-top:0}.vxe-button--dropdown-wrapper>.vxe-button:last-child{margin-bottom:0}
|
|
@@ -4,6 +4,12 @@
|
|
|
4
4
|
.vxe-button-group.is--vertical {
|
|
5
5
|
flex-direction: column;
|
|
6
6
|
}
|
|
7
|
-
.vxe-button-group.is--vertical .vxe-button
|
|
8
|
-
|
|
7
|
+
.vxe-button-group.is--vertical .vxe-button + .vxe-button-wrapper, .vxe-button-group.is--vertical .vxe-button + .vxe-button, .vxe-button-group.is--vertical .vxe-button + .vxe-button--dropdown,
|
|
8
|
+
.vxe-button-group.is--vertical .vxe-button-wrapper + .vxe-button-wrapper,
|
|
9
|
+
.vxe-button-group.is--vertical .vxe-button-wrapper + .vxe-button,
|
|
10
|
+
.vxe-button-group.is--vertical .vxe-button-wrapper + .vxe-button--dropdown {
|
|
11
|
+
margin-top: 0.5em;
|
|
12
|
+
}
|
|
13
|
+
.vxe-button-group.is--vertical .vxe-button--dropdown + .vxe-button-wrapper, .vxe-button-group.is--vertical .vxe-button--dropdown + .vxe-button, .vxe-button-group.is--vertical .vxe-button--dropdown + .vxe-button--dropdown {
|
|
14
|
+
margin-top: 0.5em;
|
|
9
15
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vxe-button-group{display:inline-flex}.vxe-button-group.is--vertical{flex-direction:column}.vxe-button-group.is--vertical .vxe-button{margin
|
|
1
|
+
.vxe-button-group{display:inline-flex}.vxe-button-group.is--vertical{flex-direction:column}.vxe-button-group.is--vertical .vxe-button+.vxe-button,.vxe-button-group.is--vertical .vxe-button+.vxe-button--dropdown,.vxe-button-group.is--vertical .vxe-button+.vxe-button-wrapper,.vxe-button-group.is--vertical .vxe-button-wrapper+.vxe-button,.vxe-button-group.is--vertical .vxe-button-wrapper+.vxe-button--dropdown,.vxe-button-group.is--vertical .vxe-button-wrapper+.vxe-button-wrapper{margin-top:.5em}.vxe-button-group.is--vertical .vxe-button--dropdown+.vxe-button,.vxe-button-group.is--vertical .vxe-button--dropdown+.vxe-button--dropdown,.vxe-button-group.is--vertical .vxe-button--dropdown+.vxe-button-wrapper{margin-top:.5em}
|
|
@@ -11,6 +11,7 @@ var _utils = require("../../ui/src/utils");
|
|
|
11
11
|
var _dom = require("../../ui/src/dom");
|
|
12
12
|
var _util = require("./util");
|
|
13
13
|
var _vn = require("../..//ui/src/vn");
|
|
14
|
+
var _buttonGroup = _interopRequireDefault(require("../../button/src/button-group"));
|
|
14
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
16
|
var _default = exports.default = (0, _vue.defineComponent)({
|
|
16
17
|
name: 'VxeDatePicker',
|
|
@@ -92,6 +93,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
92
93
|
type: Boolean,
|
|
93
94
|
default: null
|
|
94
95
|
},
|
|
96
|
+
shortcutConfig: Object,
|
|
95
97
|
// 已废弃 startWeek,被 startDay 替换
|
|
96
98
|
startWeek: Number,
|
|
97
99
|
// 已废弃
|
|
@@ -99,7 +101,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
99
101
|
// 已废弃
|
|
100
102
|
autocomplete: String
|
|
101
103
|
},
|
|
102
|
-
emits: ['update:modelValue', 'input', 'change', 'keydown', 'keyup', 'wheel', 'click', 'focus', 'blur', 'clear', 'prefix-click', 'suffix-click', 'date-prev', 'date-today', 'date-next'],
|
|
104
|
+
emits: ['update:modelValue', 'input', 'change', 'keydown', 'keyup', 'wheel', 'click', 'focus', 'blur', 'clear', 'prefix-click', 'suffix-click', 'date-prev', 'date-today', 'date-next', 'shortcut-click'],
|
|
103
105
|
setup(props, context) {
|
|
104
106
|
const {
|
|
105
107
|
slots,
|
|
@@ -617,6 +619,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
617
619
|
} = props;
|
|
618
620
|
return immediate;
|
|
619
621
|
});
|
|
622
|
+
const computeShortcutOpts = (0, _vue.computed)(() => {
|
|
623
|
+
return Object.assign({}, (0, _ui.getConfig)().datePicker.shortcutConfig, props.shortcutConfig);
|
|
624
|
+
});
|
|
620
625
|
const updateModelValue = modelValue => {
|
|
621
626
|
const {
|
|
622
627
|
isActivated,
|
|
@@ -637,18 +642,25 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
637
642
|
};
|
|
638
643
|
const parseDate = (value, format) => {
|
|
639
644
|
const {
|
|
640
|
-
type
|
|
645
|
+
type,
|
|
646
|
+
multiple
|
|
641
647
|
} = props;
|
|
642
648
|
if (type === 'time') {
|
|
643
649
|
return (0, _util.toStringTimeDate)(value);
|
|
644
650
|
}
|
|
651
|
+
if (_xeUtils.default.isArray(value)) {
|
|
652
|
+
return _xeUtils.default.toStringDate(value[0], format);
|
|
653
|
+
}
|
|
654
|
+
if (_xeUtils.default.isString(value)) {
|
|
655
|
+
return _xeUtils.default.toStringDate(multiple ? _xeUtils.default.last(value.split(',')) : value, format);
|
|
656
|
+
}
|
|
645
657
|
return _xeUtils.default.toStringDate(value, format);
|
|
646
658
|
};
|
|
647
659
|
const triggerEvent = evnt => {
|
|
648
660
|
const {
|
|
649
661
|
inputValue
|
|
650
662
|
} = reactData;
|
|
651
|
-
|
|
663
|
+
dispatchEvent(evnt.type, {
|
|
652
664
|
value: inputValue
|
|
653
665
|
}, evnt);
|
|
654
666
|
};
|
|
@@ -656,7 +668,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
656
668
|
reactData.inputValue = value;
|
|
657
669
|
emit('update:modelValue', value);
|
|
658
670
|
if (_xeUtils.default.toValueString(props.modelValue) !== value) {
|
|
659
|
-
|
|
671
|
+
dispatchEvent('change', {
|
|
660
672
|
value
|
|
661
673
|
}, evnt);
|
|
662
674
|
// 自动更新校验状态
|
|
@@ -675,7 +687,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
675
687
|
if (inpImmediate) {
|
|
676
688
|
handleChange(value, evnt);
|
|
677
689
|
} else {
|
|
678
|
-
|
|
690
|
+
dispatchEvent('input', {
|
|
679
691
|
value
|
|
680
692
|
}, evnt);
|
|
681
693
|
}
|
|
@@ -701,7 +713,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
701
713
|
const {
|
|
702
714
|
inputValue
|
|
703
715
|
} = reactData;
|
|
704
|
-
|
|
716
|
+
dispatchEvent('prefix-click', {
|
|
705
717
|
value: inputValue
|
|
706
718
|
}, evnt);
|
|
707
719
|
}
|
|
@@ -721,7 +733,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
721
733
|
hidePanel();
|
|
722
734
|
}
|
|
723
735
|
handleChange('', evnt);
|
|
724
|
-
|
|
736
|
+
dispatchEvent('clear', {
|
|
725
737
|
value
|
|
726
738
|
}, evnt);
|
|
727
739
|
};
|
|
@@ -731,7 +743,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
731
743
|
const {
|
|
732
744
|
inputValue
|
|
733
745
|
} = reactData;
|
|
734
|
-
|
|
746
|
+
dispatchEvent('suffix-click', {
|
|
735
747
|
value: inputValue
|
|
736
748
|
}, evnt);
|
|
737
749
|
}
|
|
@@ -810,7 +822,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
810
822
|
reactData.selectMonth = month;
|
|
811
823
|
}
|
|
812
824
|
};
|
|
813
|
-
const dateChange = date => {
|
|
825
|
+
const dateChange = (date, isReload) => {
|
|
814
826
|
const {
|
|
815
827
|
modelValue,
|
|
816
828
|
multiple
|
|
@@ -837,10 +849,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
837
849
|
dateCheckMonth(date);
|
|
838
850
|
if (multiple) {
|
|
839
851
|
// 如果为多选
|
|
840
|
-
const dateMultipleValue = computeDateMultipleValue.value;
|
|
841
852
|
if (isDateTimeType) {
|
|
842
853
|
// 如果是datetime特殊类型
|
|
843
|
-
const dateListValue = [...computeDateListValue.value];
|
|
854
|
+
const dateListValue = isReload ? [] : [...computeDateListValue.value];
|
|
844
855
|
const datetimeRest = [];
|
|
845
856
|
const eqIndex = _xeUtils.default.findIndexOf(dateListValue, val => _xeUtils.default.isDateSame(date, val, 'yyyyMMdd'));
|
|
846
857
|
if (eqIndex === -1) {
|
|
@@ -862,6 +873,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
862
873
|
type: 'update'
|
|
863
874
|
});
|
|
864
875
|
} else {
|
|
876
|
+
const dateMultipleValue = isReload ? [] : computeDateMultipleValue.value;
|
|
865
877
|
// 如果是日期类型
|
|
866
878
|
if (dateMultipleValue.some(val => _xeUtils.default.isEqual(val, inpVal))) {
|
|
867
879
|
handleChange(dateMultipleValue.filter(val => !_xeUtils.default.isEqual(val, inpVal)).join(','), {
|
|
@@ -950,7 +962,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
950
962
|
if (!reactData.visiblePanel) {
|
|
951
963
|
reactData.isActivated = false;
|
|
952
964
|
}
|
|
953
|
-
|
|
965
|
+
dispatchEvent('blur', {
|
|
954
966
|
value
|
|
955
967
|
}, evnt);
|
|
956
968
|
// 自动更新校验状态
|
|
@@ -976,7 +988,23 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
976
988
|
reactData.selectMonth = month;
|
|
977
989
|
};
|
|
978
990
|
const dateNowHandle = () => {
|
|
979
|
-
const
|
|
991
|
+
const {
|
|
992
|
+
type
|
|
993
|
+
} = props;
|
|
994
|
+
const firstDayOfWeek = computeFirstDayOfWeek.value;
|
|
995
|
+
let currentDate = new Date();
|
|
996
|
+
switch (type) {
|
|
997
|
+
case 'week':
|
|
998
|
+
currentDate = _xeUtils.default.getWhatWeek(currentDate, 0, firstDayOfWeek);
|
|
999
|
+
break;
|
|
1000
|
+
case 'datetime':
|
|
1001
|
+
currentDate = new Date();
|
|
1002
|
+
reactData.datetimePanelValue = new Date();
|
|
1003
|
+
break;
|
|
1004
|
+
default:
|
|
1005
|
+
currentDate = _xeUtils.default.getWhatDay(Date.now(), 0, 'first');
|
|
1006
|
+
break;
|
|
1007
|
+
}
|
|
980
1008
|
reactData.currentDate = currentDate;
|
|
981
1009
|
dateMonthHandle(currentDate, 0);
|
|
982
1010
|
};
|
|
@@ -1025,7 +1053,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
1025
1053
|
}
|
|
1026
1054
|
}
|
|
1027
1055
|
reactData.selectMonth = viewDate;
|
|
1028
|
-
|
|
1056
|
+
dispatchEvent('date-prev', {
|
|
1029
1057
|
viewType: datePanelType,
|
|
1030
1058
|
viewDate,
|
|
1031
1059
|
value,
|
|
@@ -1035,11 +1063,11 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
1035
1063
|
};
|
|
1036
1064
|
const dateTodayMonthEvent = evnt => {
|
|
1037
1065
|
dateNowHandle();
|
|
1066
|
+
dateChange(reactData.currentDate, true);
|
|
1038
1067
|
if (!props.multiple) {
|
|
1039
|
-
dateChange(reactData.currentDate);
|
|
1040
1068
|
hidePanel();
|
|
1041
1069
|
}
|
|
1042
|
-
|
|
1070
|
+
dispatchEvent('date-today', {
|
|
1043
1071
|
type: props.type
|
|
1044
1072
|
}, evnt);
|
|
1045
1073
|
};
|
|
@@ -1077,7 +1105,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
1077
1105
|
}
|
|
1078
1106
|
}
|
|
1079
1107
|
reactData.selectMonth = viewDate;
|
|
1080
|
-
|
|
1108
|
+
dispatchEvent('date-next', {
|
|
1081
1109
|
viewType: datePanelType,
|
|
1082
1110
|
value,
|
|
1083
1111
|
type
|
|
@@ -1361,17 +1389,25 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
1361
1389
|
offsetMonth = _xeUtils.default.getWhatMonth(offsetMonth, 4);
|
|
1362
1390
|
}
|
|
1363
1391
|
dateMoveMonth(offsetMonth);
|
|
1364
|
-
} else {
|
|
1392
|
+
} else if (datePanelType === 'week') {
|
|
1365
1393
|
let offsetDay = datePanelValue || _xeUtils.default.getWhatDay(Date.now(), 0, 'first');
|
|
1366
1394
|
const firstDayOfWeek = computeFirstDayOfWeek.value;
|
|
1395
|
+
if (isUpArrow) {
|
|
1396
|
+
offsetDay = _xeUtils.default.getWhatWeek(offsetDay, -1, firstDayOfWeek);
|
|
1397
|
+
} else if (isDwArrow) {
|
|
1398
|
+
offsetDay = _xeUtils.default.getWhatWeek(offsetDay, 1, firstDayOfWeek);
|
|
1399
|
+
}
|
|
1400
|
+
dateMoveDay(offsetDay);
|
|
1401
|
+
} else {
|
|
1402
|
+
let offsetDay = datePanelValue || _xeUtils.default.getWhatDay(Date.now(), 0, 'first');
|
|
1367
1403
|
if (isLeftArrow) {
|
|
1368
1404
|
offsetDay = _xeUtils.default.getWhatDay(offsetDay, -1);
|
|
1369
1405
|
} else if (isUpArrow) {
|
|
1370
|
-
offsetDay = _xeUtils.default.getWhatWeek(offsetDay, -1,
|
|
1406
|
+
offsetDay = _xeUtils.default.getWhatWeek(offsetDay, -1, offsetDay.getDay());
|
|
1371
1407
|
} else if (isRightArrow) {
|
|
1372
1408
|
offsetDay = _xeUtils.default.getWhatDay(offsetDay, 1);
|
|
1373
1409
|
} else if (isDwArrow) {
|
|
1374
|
-
offsetDay = _xeUtils.default.getWhatWeek(offsetDay, 1,
|
|
1410
|
+
offsetDay = _xeUtils.default.getWhatWeek(offsetDay, 1, offsetDay.getDay());
|
|
1375
1411
|
}
|
|
1376
1412
|
dateMoveDay(offsetDay);
|
|
1377
1413
|
}
|
|
@@ -1544,7 +1580,27 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
1544
1580
|
const clickEvent = evnt => {
|
|
1545
1581
|
triggerEvent(evnt);
|
|
1546
1582
|
};
|
|
1547
|
-
|
|
1583
|
+
const handleShortcutEvent = ({
|
|
1584
|
+
option,
|
|
1585
|
+
$event
|
|
1586
|
+
}) => {
|
|
1587
|
+
const shortcutOpts = computeShortcutOpts.value;
|
|
1588
|
+
const {
|
|
1589
|
+
autoClose
|
|
1590
|
+
} = shortcutOpts;
|
|
1591
|
+
const clickMethod = option.clickMethod || shortcutOpts.clickMethod;
|
|
1592
|
+
const shortcutParams = {
|
|
1593
|
+
$datePicker: $xeDatePicker,
|
|
1594
|
+
option: option
|
|
1595
|
+
};
|
|
1596
|
+
if (clickMethod) {
|
|
1597
|
+
clickMethod(shortcutParams);
|
|
1598
|
+
}
|
|
1599
|
+
if (autoClose) {
|
|
1600
|
+
hidePanel();
|
|
1601
|
+
}
|
|
1602
|
+
dispatchEvent('shortcut-click', shortcutParams, $event);
|
|
1603
|
+
};
|
|
1548
1604
|
// 全局事件
|
|
1549
1605
|
const handleGlobalMousedownEvent = evnt => {
|
|
1550
1606
|
const {
|
|
@@ -2047,6 +2103,27 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
2047
2103
|
}, item.label);
|
|
2048
2104
|
})) : (0, _vue.createCommentVNode)()])];
|
|
2049
2105
|
};
|
|
2106
|
+
const renderShortcutBtn = (pos, isVertical) => {
|
|
2107
|
+
const shortcutOpts = computeShortcutOpts.value;
|
|
2108
|
+
const {
|
|
2109
|
+
options,
|
|
2110
|
+
position,
|
|
2111
|
+
align,
|
|
2112
|
+
mode
|
|
2113
|
+
} = shortcutOpts;
|
|
2114
|
+
if ((0, _utils.isEnableConf)(shortcutOpts) && options && options.length && (position || 'left') === pos) {
|
|
2115
|
+
return (0, _vue.h)('div', {
|
|
2116
|
+
class: `vxe-date-picker--panel-${pos}-wrapper`
|
|
2117
|
+
}, [(0, _vue.h)(_buttonGroup.default, {
|
|
2118
|
+
options,
|
|
2119
|
+
mode,
|
|
2120
|
+
align,
|
|
2121
|
+
vertical: isVertical,
|
|
2122
|
+
onClick: handleShortcutEvent
|
|
2123
|
+
})]);
|
|
2124
|
+
}
|
|
2125
|
+
return (0, _ui.renderEmptyElement)($xeDatePicker);
|
|
2126
|
+
};
|
|
2050
2127
|
const renderPanel = () => {
|
|
2051
2128
|
const {
|
|
2052
2129
|
type
|
|
@@ -2060,12 +2137,18 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
2060
2137
|
} = reactData;
|
|
2061
2138
|
const vSize = computeSize.value;
|
|
2062
2139
|
const btnTransfer = computeBtnTransfer.value;
|
|
2140
|
+
const shortcutOpts = computeShortcutOpts.value;
|
|
2141
|
+
const {
|
|
2142
|
+
options,
|
|
2143
|
+
position
|
|
2144
|
+
} = shortcutOpts;
|
|
2063
2145
|
const headerSlot = slots.header;
|
|
2064
2146
|
const footerSlot = slots.footer;
|
|
2065
2147
|
const topSlot = slots.top;
|
|
2066
2148
|
const bottomSlot = slots.bottom;
|
|
2067
2149
|
const leftSlot = slots.left;
|
|
2068
2150
|
const rightSlot = slots.right;
|
|
2151
|
+
const hasShortcutBtn = options && options.length;
|
|
2069
2152
|
const renders = [];
|
|
2070
2153
|
if (type === 'datetime') {
|
|
2071
2154
|
renders.push((0, _vue.h)('div', {
|
|
@@ -2100,10 +2183,10 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
2100
2183
|
'is--transfer': btnTransfer,
|
|
2101
2184
|
'ani--leave': isAniVisible,
|
|
2102
2185
|
'ani--enter': visiblePanel,
|
|
2103
|
-
'show--top': !!(topSlot || headerSlot),
|
|
2104
|
-
'show--bottom': !!(bottomSlot || footerSlot),
|
|
2105
|
-
'show--left': !!leftSlot,
|
|
2106
|
-
'show--right': !!rightSlot
|
|
2186
|
+
'show--top': !!(topSlot || headerSlot || hasShortcutBtn && (position === 'top' || position === 'header')),
|
|
2187
|
+
'show--bottom': !!(bottomSlot || footerSlot || hasShortcutBtn && (position === 'bottom' || position === 'footer')),
|
|
2188
|
+
'show--left': !!(leftSlot || hasShortcutBtn && position === 'left'),
|
|
2189
|
+
'show--right': !!(rightSlot || hasShortcutBtn && position === 'right')
|
|
2107
2190
|
}],
|
|
2108
2191
|
placement: panelPlacement,
|
|
2109
2192
|
style: panelStyle
|
|
@@ -2111,23 +2194,23 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
2111
2194
|
class: 'vxe-date-picker--panel-layout-wrapper'
|
|
2112
2195
|
}, [topSlot ? (0, _vue.h)('div', {
|
|
2113
2196
|
class: 'vxe-date-picker--panel-top-wrapper'
|
|
2114
|
-
}, topSlot({})) : (
|
|
2197
|
+
}, topSlot({})) : renderShortcutBtn('top'), (0, _vue.h)('div', {
|
|
2115
2198
|
class: 'vxe-date-picker--panel-body-layout-wrapper'
|
|
2116
2199
|
}, [leftSlot ? (0, _vue.h)('div', {
|
|
2117
2200
|
class: 'vxe-date-picker--panel-left-wrapper'
|
|
2118
|
-
}, leftSlot({})) : (
|
|
2201
|
+
}, leftSlot({})) : renderShortcutBtn('left', true), (0, _vue.h)('div', {
|
|
2119
2202
|
class: 'vxe-date-picker--panel-body-content-wrapper'
|
|
2120
2203
|
}, [headerSlot ? (0, _vue.h)('div', {
|
|
2121
2204
|
class: 'vxe-date-picker--panel-header-wrapper'
|
|
2122
|
-
}, headerSlot({})) : (
|
|
2205
|
+
}, headerSlot({})) : renderShortcutBtn('header'), (0, _vue.h)('div', {
|
|
2123
2206
|
class: 'vxe-date-picker--panel-body-wrapper'
|
|
2124
2207
|
}, renders), footerSlot ? (0, _vue.h)('div', {
|
|
2125
2208
|
class: 'vxe-date-picker--panel-footer-wrapper'
|
|
2126
|
-
}, footerSlot({})) : (
|
|
2209
|
+
}, footerSlot({})) : renderShortcutBtn('footer')]), rightSlot ? (0, _vue.h)('div', {
|
|
2127
2210
|
class: 'vxe-date-picker--panel-right-wrapper'
|
|
2128
|
-
}, rightSlot({})) : (
|
|
2211
|
+
}, rightSlot({})) : renderShortcutBtn('right', true)]), bottomSlot ? (0, _vue.h)('div', {
|
|
2129
2212
|
class: 'vxe-date-picker--panel-bottom-wrapper'
|
|
2130
|
-
}, bottomSlot({})) : (
|
|
2213
|
+
}, bottomSlot({})) : renderShortcutBtn('bottom')])] : [])]);
|
|
2131
2214
|
};
|
|
2132
2215
|
const renderPrefixIcon = () => {
|
|
2133
2216
|
const {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_util=require("./util"),_vn=require("../..//ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeDatePicker",props:{modelValue:[String,Number,Date],immediate:{type:Boolean,default:!0},name:String,type:{type:String,default:"date"},clearable:{type:Boolean,default:()=>(0,_ui.getConfig)().datePicker.clearable},readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},placeholder:String,maxLength:[String,Number],autoComplete:{type:String,default:"off"},align:String,form:String,className:String,size:{type:String,default:()=>(0,_ui.getConfig)().datePicker.size||(0,_ui.getConfig)().size},multiple:Boolean,startDate:{type:[String,Number,Date],default:()=>(0,_ui.getConfig)().datePicker.startDate},endDate:{type:[String,Number,Date],default:()=>(0,_ui.getConfig)().datePicker.endDate},minDate:[String,Number,Date],maxDate:[String,Number,Date],startDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().datePicker.startDay},labelFormat:String,valueFormat:String,editable:{type:Boolean,default:!0},festivalMethod:{type:Function,default:()=>(0,_ui.getConfig)().datePicker.festivalMethod},disabledMethod:{type:Function,default:()=>(0,_ui.getConfig)().datePicker.disabledMethod},selectDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().datePicker.selectDay},prefixIcon:String,suffixIcon:String,placement:String,transfer:{type:Boolean,default:null},startWeek:Number,maxlength:[String,Number],autocomplete:String},emits:["update:modelValue","input","change","keydown","keyup","wheel","click","focus","blur","clear","prefix-click","suffix-click","date-prev","date-today","date-next"],setup(A,e){const{slots:b,emit:h}=e,x=(0,_vue.inject)("$xeModal",null),N=(0,_vue.inject)("$xeDrawer",null),W=(0,_vue.inject)("$xeTable",null),a=(0,_vue.inject)("$xeForm",null),l=(0,_vue.inject)("xeFormItemInfo",null);var M=_xeUtils.default.uniqueId();const C=(0,_ui.useSize)(A)["computeSize"],Y=(0,_vue.reactive)({initialized:!1,panelIndex:0,visiblePanel:!1,isAniVisible:!1,panelStyle:{},panelPlacement:"",isActivated:!1,inputValue:"",datetimePanelValue:null,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null}),p={yearSize:12,monthSize:20,quarterSize:8,hpTimeout:void 0},k=(0,_vue.ref)(),U=(0,_vue.ref)(),F=(0,_vue.ref)(),E=(0,_vue.ref)(),B=(0,_vue.ref)(),R={refElem:k,refInput:U},D={xID:M,props:A,context:e,reactData:Y,internalData:p,getRefMaps:()=>R};let s={};const z=(0,_vue.computed)(()=>{var e=A["transfer"];if(null===e){var t=(0,_ui.getConfig)().datePicker.transfer;if(_xeUtils.default.isBoolean(t))return t;if(W||x||N||a)return!0}return e}),P=(0,_vue.computed)(()=>{var e=A["readonly"];return null===e?!!a&&a.props.readonly:e}),S=(0,_vue.computed)(()=>{var e=A["disabled"];return null===e?!!a&&a.props.disabled:e}),v=(0,_vue.computed)(()=>{var e=A["type"];return"time"===e||"datetime"===e}),g=(0,_vue.computed)(()=>{return v.value||-1<["date","week","month","quarter","year"].indexOf(A.type)}),G=(0,_vue.computed)(()=>A.clearable),j=(0,_vue.computed)(()=>A.startDate?_xeUtils.default.toStringDate(A.startDate):null),$=(0,_vue.computed)(()=>A.endDate?_xeUtils.default.toStringDate(A.endDate):null),Q=(0,_vue.computed)(()=>-1<["date","week","month","quarter","year"].indexOf(A.type)),L=(0,_vue.computed)(()=>{var{modelValue:e,multiple:t}=A,a=g.value;const l=o.value;return t&&e&&a?_xeUtils.default.toValueString(e).split(",").map(e=>{e=d(e,l);return _xeUtils.default.isValidDate(e),e}):[]}),Z=(0,_vue.computed)(()=>{var e=L.value;const t=o.value;return e.map(e=>_xeUtils.default.toDateString(e,t))}),i=(0,_vue.computed)(()=>{var e=L.value;const t=n.value;return e.map(e=>_xeUtils.default.toDateString(e,t)).join(", ")}),o=(0,_vue.computed)(()=>{var{type:e,valueFormat:t}=A;return t||("time"===e?"HH:mm:ss":"datetime"===e?"yyyy-MM-dd HH:mm:ss":"yyyy-MM-dd")}),q=(0,_vue.computed)(()=>{var e=A["modelValue"],t=g.value,a=o.value;let l=null;return l=e&&t&&(t=d(e,a),_xeUtils.default.isValidDate(t))?t:l}),J=(0,_vue.computed)(()=>{var e=j.value,t=Y["selectMonth"];return!(!t||!e)&&t<=e}),X=(0,_vue.computed)(()=>{var e=$.value,t=Y["selectMonth"];return!(!t||!e)&&e<=t}),ee=(0,_vue.computed)(()=>{var e=Y["datetimePanelValue"],t=he.value;return e?_xeUtils.default.toDateString(e,t?"HH:mm:ss":"HH:mm"):""}),te=(0,_vue.computed)(()=>{var e=q.value,t=v.value;return e&&t?1e3*(3600*e.getHours()+60*e.getMinutes()+e.getSeconds()):0}),n=(0,_vue.computed)(()=>{var e=A["labelFormat"];return g.value?e||(0,_ui.getI18n)("vxe.input.date.labelFormat."+A.type):null}),u=(0,_vue.computed)(()=>{var t=p["yearSize"],{selectMonth:e,currentDate:a}=Y,l=[];if(e&&a){var i=a.getFullYear(),a=e.getFullYear(),u=new Date(a-a%t,0,1);for(let e=-4;e<t+4;e++){var r=_xeUtils.default.getWhatYear(u,e,"first"),s=r.getFullYear();l.push({date:r,isCurrent:!0,isPrev:e<0,isNow:i===s,isNext:e>=t,year:s})}}return l}),ae=(0,_vue.computed)(()=>{if(g.value){var{datePanelType:a,selectMonth:l}=Y,i=u.value;let e="",t;return l&&(e=l.getFullYear(),t=l.getMonth()+1),"quarter"===a?(0,_ui.getI18n)("vxe.input.date.quarterLabel",[e]):"month"===a?(0,_ui.getI18n)("vxe.input.date.monthLabel",[e]):"year"===a?i.length?i[0].year+" - "+i[i.length-1].year:"":(0,_ui.getI18n)("vxe.input.date.dayLabel",[e,t?(0,_ui.getI18n)("vxe.input.date.m"+t):"-"])}return""}),y=(0,_vue.computed)(()=>{var{startDay:e,startWeek:t}=A;return _xeUtils.default.toNumber(_xeUtils.default.isNumber(e)||_xeUtils.default.isString(e)?e:t)}),le=(0,_vue.computed)(()=>{var a=[];if(g.value){let t=y.value;a.push(t);for(let e=0;e<6;e++)6<=t?t=0:t++,a.push(t)}return a}),ie=(0,_vue.computed)(()=>{return g.value?le.value.map(e=>({value:e,label:(0,_ui.getI18n)("vxe.input.date.weeks.w"+e)})):[]}),ue=(0,_vue.computed)(()=>{var e;return g.value?(e=ie.value,[{label:(0,_ui.getI18n)("vxe.input.date.weeks.w")}].concat(e)):[]}),re=(0,_vue.computed)(()=>{var e=u.value;return _xeUtils.default.chunk(e,4)}),se=(0,_vue.computed)(()=>{var t=p["quarterSize"],{selectMonth:e,currentDate:a}=Y,l=[];if(e&&a){var i=a.getFullYear(),u=(0,_util.getDateQuarter)(a),r=_xeUtils.default.getWhatYear(e,0,"first"),s=r.getFullYear();for(let e=-2;e<t-2;e++){var n=_xeUtils.default.getWhatQuarter(r,e),d=n.getFullYear(),v=(0,_util.getDateQuarter)(n),o=d<s;l.push({date:n,isPrev:o,isCurrent:d===s,isNow:d===i&&v===u,isNext:!o&&s<d,quarter:v})}}return l}),ne=(0,_vue.computed)(()=>{var e=se.value;return _xeUtils.default.chunk(e,2)}),de=(0,_vue.computed)(()=>{var t=p["monthSize"],{selectMonth:a,currentDate:e}=Y,l=[];if(a&&e){var i=e.getFullYear(),u=e.getMonth(),r=_xeUtils.default.getWhatYear(a,0,"first").getFullYear();for(let e=-4;e<t-4;e++){var s=_xeUtils.default.getWhatYear(a,0,e),n=s.getFullYear(),d=s.getMonth(),v=n<r;l.push({date:s,isPrev:v,isCurrent:n===r,isNow:n===i&&d===u,isNext:!v&&r<n,month:d})}}return l}),ve=(0,_vue.computed)(()=>{var e=de.value;return _xeUtils.default.chunk(e,4)}),oe=(0,_vue.computed)(()=>{var{selectMonth:t,currentDate:e}=Y,a=[];if(t&&e){var l=te.value,i=le.value,u=e.getFullYear(),r=e.getMonth(),s=e.getDate(),n=t.getFullYear(),d=t.getMonth(),e=t.getDay(),i=-i.indexOf(e),v=new Date(_xeUtils.default.getWhatDay(t,i).getTime()+l);for(let e=0;e<42;e++){var o=_xeUtils.default.getWhatDay(v,e),p=o.getFullYear(),c=o.getMonth(),_=o.getDate(),f=o<t;a.push({date:o,isPrev:f,isCurrent:p===n&&c===d,isNow:p===u&&c===r&&_===s,isNext:!f&&d!==c,label:_})}}return a}),pe=(0,_vue.computed)(()=>{var e=oe.value;return _xeUtils.default.chunk(e,7)}),ce=(0,_vue.computed)(()=>{var e=pe.value;const a=y.value;return e.map(e=>{var t=e[0];return[{date:t.date,isWeekNumber:!0,isPrev:!1,isCurrent:!1,isNow:!1,isNext:!1,label:_xeUtils.default.getYearWeek(t.date,a)}].concat(e)})}),_e=(0,_vue.computed)(()=>{var t=[];if(v.value)for(let e=0;e<24;e++)t.push({value:e,label:(""+e).padStart(2,"0")});return t}),fe=(0,_vue.computed)(()=>{var t=[];if(v.value)for(let e=0;e<60;e++)t.push({value:e,label:(""+e).padStart(2,"0")});return t}),me=(0,_vue.computed)(()=>{var e=o.value;return!/HH/.test(e)||/mm/.test(e)}),he=(0,_vue.computed)(()=>{var e=o.value;return!/HH/.test(e)||/ss/.test(e)}),xe=(0,_vue.computed)(()=>{return fe.value}),ge=(0,_vue.computed)(()=>{var{type:e,editable:t,multiple:a}=A;return P.value||a||!t||"week"===e||"quarter"===e}),ye=(0,_vue.computed)(()=>"text"),be=(0,_vue.computed)(()=>{var e=A["placeholder"];return(e=e||(0,_ui.getConfig)().datePicker.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseSelect")}),r=(0,_vue.computed)(()=>{var e=A["immediate"];return e}),ke=e=>{var{isActivated:t,visiblePanel:a}=Y;let l="";e&&(l=_xeUtils.default.isNumber(e)&&/^[0-9]{11,15}$/.test(""+e)?new Date(e):e),Y.inputValue=l,t&&a&&Qe()},d=(e,t)=>{var a=A["type"];return"time"===a?(0,_util.toStringTimeDate)(e):_xeUtils.default.toStringDate(e,t)},t=e=>{var t=Y["inputValue"];s.dispatchEvent(e.type,{value:t},e)},c=(e,t)=>{Y.inputValue=e,h("update:modelValue",e),_xeUtils.default.toValueString(A.modelValue)!==e&&(s.dispatchEvent("change",{value:e},t),a)&&l&&a.triggerItemEvent(t,l.itemConfig.field,e)},Ue=e=>{var t=g.value,a=r.value,l=e.target.value;Y.inputValue=l,t||(a?c(l,e):s.dispatchEvent("input",{value:l},e))},Ee=e=>{r.value||t(e)},De=e=>{Y.isActivated=!0,g.value&&T(e),t(e)},Pe=e=>{var t;S.value||(t=Y["inputValue"],s.dispatchEvent("prefix-click",{value:t},e))},V=()=>new Promise(e=>{Y.visiblePanel=!1,p.hpTimeout=window.setTimeout(()=>{Y.isAniVisible=!1,e()},350)}),Se=(e,t)=>{g.value&&V(),c("",e),s.dispatchEvent("clear",{value:t},e)},Ve=e=>{var t;S.value||(t=Y["inputValue"],s.dispatchEvent("suffix-click",{value:t},e))},_=e=>{var t=A["type"],a=n.value,l=o.value,i=y.value;let u=null,r="";e&&(u=d(e,l)),_xeUtils.default.isValidDate(u)?(r=_xeUtils.default.toDateString(u,a,{firstDay:i}),a&&"week"===t&&(e=_xeUtils.default.getYearWeek(u,i),(l=_xeUtils.default.getWhatWeek(u,0,1===e?(6+i)%7:i,i).getFullYear())!==u.getFullYear())&&-1<(t=a.indexOf("yyyy"))&&(e=Number(r.substring(t,t+4)))&&!isNaN(e)&&(r=r.replace(""+e,""+l))):u=null,Y.datePanelValue=u,Y.datePanelLabel=r},we=()=>{var e=g.value,t=Y["inputValue"];e&&(_(t),Y.inputValue=A.multiple?i.value:Y.datePanelLabel)},Te=()=>{var e=g.value;ke(A.modelValue),e&&we()},Ne=()=>{Y.inputValue=A.multiple?i.value:Y.datePanelLabel},f=e=>{var t=y.value,a=_xeUtils.default.getYearWeek(e,t),t=_xeUtils.default.getWhatWeek(e,0,t,t),a=_xeUtils.default.getWhatMonth(1===a?_xeUtils.default.getWhatDay(t,6):e,0,"first");_xeUtils.default.isEqual(a,Y.selectMonth)||(Y.selectMonth=a)},m=t=>{var{modelValue:e,multiple:a}=A;const l=Y["datetimePanelValue"];var i=v.value;const u=o.value;var r=y.value;"week"===A.type?(n=_xeUtils.default.toNumber(A.selectDay),t=_xeUtils.default.getWhatWeek(t,0,n,r)):i&&l&&(t.setHours(l.getHours()),t.setMinutes(l.getMinutes()),t.setSeconds(l.getSeconds()));const s=_xeUtils.default.toDateString(t,u,{firstDay:r});if(f(t),a){var n=Z.value;if(i){r=[...L.value];const d=[];a=_xeUtils.default.findIndexOf(r,e=>_xeUtils.default.isDateSame(t,e,"yyyyMMdd"));-1===a?r.push(t):r.splice(a,1),r.forEach(e=>{e&&(l&&(e.setHours(l.getHours()),e.setMinutes(l.getMinutes()),e.setSeconds(l.getSeconds())),d.push(e))}),c(d.map(e=>_xeUtils.default.toDateString(e,u)).join(","),{type:"update"})}else n.some(e=>_xeUtils.default.isEqual(e,s))?c(n.filter(e=>!_xeUtils.default.isEqual(e,s)).join(","),{type:"update"}):c(n.concat([s]).join(","),{type:"update"})}else _xeUtils.default.isEqual(e,s)||c(s,{type:"update"})},w=()=>{var a=A["type"],{inputValue:l,datetimePanelValue:i}=Y,u=n.value;if(!ge.value)if(l){let t=d(l,u);if(_xeUtils.default.isValidDate(t))if("time"===a)l!==(t=_xeUtils.default.toDateString(t,u))&&c(t,{type:"check"}),Y.inputValue=t;else{let e=!1;var r=y.value;"datetime"===a?(a=q.value,l===_xeUtils.default.toDateString(a,u)&&l===_xeUtils.default.toDateString(t,u)||(e=!0,i&&(i.setHours(t.getHours()),i.setMinutes(t.getMinutes()),i.setSeconds(t.getSeconds())))):e=!0,Y.inputValue=_xeUtils.default.toDateString(t,u,{firstDay:r}),e&&m(t)}else Ne()}else c("",{type:"check"})},We=e=>{var t=Y["inputValue"];r.value||c(t,e),w(),Y.visiblePanel||(Y.isActivated=!1),s.dispatchEvent("blur",{value:t},e),a&&l&&a.triggerItemEvent(e,l.itemConfig.field,t)},Me=e=>{t(e)},Ce=e=>{t(e)},Ae=e=>{t(e)},Ye=(e,t)=>{var a=y.value,l=_xeUtils.default.getYearWeek(e,a),a=_xeUtils.default.getWhatWeek(e,0,a,a),l=_xeUtils.default.getWhatMonth(1===l?_xeUtils.default.getWhatDay(a,6):e,t,"first");Y.selectMonth=l},Le=()=>{var e=_xeUtils.default.getWhatDay(Date.now(),0,"first");Y.currentDate=e,Ye(e,0)},qe=()=>{let e=Y["datePanelType"];e="month"===e||"quarter"===e?"year":"month",Y.datePanelType=e},Ie=t=>{var a=A["type"],{datePanelType:l,selectMonth:i,inputValue:u}=Y,r=p["yearSize"];if(!J.value){let e;e="year"===a?_xeUtils.default.getWhatYear(i,-r,"first"):"month"===a||"quarter"===a?"year"===l?_xeUtils.default.getWhatYear(i,-r,"first"):_xeUtils.default.getWhatYear(i,-1,"first"):"year"===l?_xeUtils.default.getWhatYear(i,-r,"first"):"month"===l?_xeUtils.default.getWhatYear(i,-1,"first"):_xeUtils.default.getWhatMonth(i,-1,"first"),Y.selectMonth=e,s.dispatchEvent("date-prev",{viewType:l,viewDate:e,value:u,type:a},t)}},Oe=e=>{Le(),A.multiple||(m(Y.currentDate),V()),s.dispatchEvent("date-today",{type:A.type},e)},Ke=t=>{var a=A["type"],{datePanelType:l,selectMonth:i,inputValue:u}=Y,r=p["yearSize"];if(!X.value){let e;e="year"===a?_xeUtils.default.getWhatYear(i,r,"first"):"month"===a||"quarter"===a?"year"===l?_xeUtils.default.getWhatYear(i,r,"first"):_xeUtils.default.getWhatYear(i,1,"first"):"year"===l?_xeUtils.default.getWhatYear(i,r,"first"):"month"===l?_xeUtils.default.getWhatYear(i,1,"first"):_xeUtils.default.getWhatMonth(i,1,"first"),Y.selectMonth=e,s.dispatchEvent("date-next",{viewType:l,value:u,type:a},t)}},I=e=>{var t=A["disabledMethod"],a=Y["datePanelType"],l=j.value,i=$.value,e=e["date"];return!!(l&&l.getTime()>e.getTime())||!!(i&&i.getTime()<e.getTime())||!!t&&t({type:a,viewType:a,date:e,$datePicker:D})},He=e=>{var{type:t,multiple:a}=A,l=Y["datePanelType"];"month"===t?"year"===l?(Y.datePanelType="month",f(e)):(m(e),a||V()):"year"===t?(m(e),a||V()):"quarter"===t?"year"===l?(Y.datePanelType="quarter",f(e)):(m(e),a||V()):"month"===l?(Y.datePanelType="week"===t?t:"day",f(e)):"year"===l?(Y.datePanelType="month",f(e)):(m(e),"datetime"===t||a||V())},O=e=>{I(e)||He(e.date)},Fe=t=>{I({date:t})||(oe.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyyMMdd"))||f(t),_(t))},Be=t=>{I({date:t})||(u.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyy"))||f(t),_(t))},Re=t=>{I({date:t})||(se.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyyq"))||f(t),_(t))},ze=t=>{I({date:t})||(de.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyyMM"))||f(t),_(t))},K=e=>{var t;I(e)||(t=Y["datePanelType"],("month"===t?ze:"quarter"===t?Re:"year"===t?Be:Fe)(e.date))},Ge=e=>{var t;e&&(t=e.offsetHeight,e.parentNode.scrollTop=e.offsetTop-4*t)},je=e=>{var t=Y["datetimePanelValue"];Y.datetimePanelValue=t?new Date(t.getTime()):new Date,Ge(e.currentTarget)},$e=()=>{var e=A["multiple"];const t=Y["datetimePanelValue"];var a=q.value,l=v.value;if(l){const i=o.value;if(e){e=Z.value;if(l){l=[...L.value];const u=[];l.forEach(e=>{e&&(t&&(e.setHours(t.getHours()),e.setMinutes(t.getMinutes()),e.setSeconds(t.getSeconds())),u.push(e))}),c(u.map(e=>_xeUtils.default.toDateString(e,i)).join(","),{type:"update"})}else c(e.join(","),{type:"update"})}else m(a||Y.currentDate)}V()},Qe=()=>{var e=A["type"],t=v.value,a=q.value;-1<["year","quarter","month","week"].indexOf(e)?Y.datePanelType=e:Y.datePanelType="day",Y.currentDate=_xeUtils.default.getWhatDay(Date.now(),0,"first"),a?(Ye(a,0),_(a)):Le(),t&&(Y.datetimePanelValue=Y.datePanelValue||_xeUtils.default.getWhatDay(Date.now(),0,"first"),(0,_vue.nextTick)(()=>{var e=B.value;_xeUtils.default.arrayEach(e.querySelectorAll("li.is--selected"),e=>{Ge(e)})}))},Ze=()=>(0,_vue.nextTick)().then(()=>{var l=A["placement"],i=Y["panelIndex"],u=U.value,r=F.value,e=z.value;if(u&&r){var s=u.offsetHeight,n=u.offsetWidth,d=r.offsetHeight,r=r.offsetWidth,i={zIndex:i},{boundingTop:u,boundingLeft:v,visibleHeight:o,visibleWidth:p}=(0,_dom.getAbsolutePos)(u);let a="bottom";if(e){let e=v,t=u+s;"top"===l?(a="top",t=u-d):l||(t+d+5>o&&(a="top",t=u-d),t<5&&(a="bottom",t=u+s)),e+r+5>p&&(e-=e+r+5-p),e<5&&(e=5),Object.assign(i,{left:e+"px",top:t+"px",minWidth:n+"px"})}else"top"===l?(a="top",i.bottom=s+"px"):l||(i.top=s+"px",o<u+s+d&&5<u-s-d&&(a="top",i.top="",i.bottom=s+"px"));return Y.panelStyle=i,Y.panelPlacement=a,(0,_vue.nextTick)()}}),Je=()=>{var e=Y["visiblePanel"],t=S.value,a=g.value;return(t||e?(0,_vue.nextTick):(Y.initialized||(Y.initialized=!0),p.hpTimeout&&(clearTimeout(p.hpTimeout),p.hpTimeout=void 0),Y.isActivated=!0,Y.isAniVisible=!0,a&&Qe(),setTimeout(()=>{Y.visiblePanel=!0},10),Y.panelIndex<(0,_utils.getLastZIndex)()&&(Y.panelIndex=(0,_utils.nextZIndex)()),Ze))()},T=e=>{P.value||(e.preventDefault(),Je())},Xe=e=>{t(e)},et=e=>{var{visiblePanel:t,isActivated:a}=Y,l=g.value,i=k.value,u=E.value;!S.value&&a&&(Y.isActivated=(0,_dom.getEventTargetNode)(e,i).flag||(0,_dom.getEventTargetNode)(e,u).flag,Y.isActivated||(l?t&&(V(),w()):w()))},tt=t=>{var a=A["clearable"],l=Y["visiblePanel"],i=g.value;if(!S.value){var u=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.TAB),r=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.DELETE),s=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ESCAPE),n=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ENTER),d=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_LEFT),v=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),o=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_RIGHT),p=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN),c=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.PAGE_UP),_=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.PAGE_DOWN),d=d||v||o||p;let e=Y.isActivated;if(u)e&&w(),e=!1,Y.isActivated=e;else if(d){if(i&&e)if(l){var o=t,{isActivated:d,datePanelValue:f,datePanelType:m}=Y;if(d){o.preventDefault();var d=_ui.globalEvents.hasKey(o,_ui.GLOBAL_EVENT_KEYS.ARROW_LEFT),h=_ui.globalEvents.hasKey(o,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),x=_ui.globalEvents.hasKey(o,_ui.GLOBAL_EVENT_KEYS.ARROW_RIGHT),o=_ui.globalEvents.hasKey(o,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN);if("year"===m){let e=_xeUtils.default.getWhatYear(f||Date.now(),0,"first");d?e=_xeUtils.default.getWhatYear(e,-1):h?e=_xeUtils.default.getWhatYear(e,-4):x?e=_xeUtils.default.getWhatYear(e,1):o&&(e=_xeUtils.default.getWhatYear(e,4)),Be(e)}else if("quarter"===m){let e=_xeUtils.default.getWhatQuarter(f||Date.now(),0,"first");d?e=_xeUtils.default.getWhatQuarter(e,-1):h?e=_xeUtils.default.getWhatQuarter(e,-2):x?e=_xeUtils.default.getWhatQuarter(e,1):o&&(e=_xeUtils.default.getWhatQuarter(e,2)),Re(e)}else if("month"===m){let e=_xeUtils.default.getWhatMonth(f||Date.now(),0,"first");d?e=_xeUtils.default.getWhatMonth(e,-1):h?e=_xeUtils.default.getWhatMonth(e,-4):x?e=_xeUtils.default.getWhatMonth(e,1):o&&(e=_xeUtils.default.getWhatMonth(e,4)),ze(e)}else{let e=f||_xeUtils.default.getWhatDay(Date.now(),0,"first");m=y.value;d?e=_xeUtils.default.getWhatDay(e,-1):h?e=_xeUtils.default.getWhatWeek(e,-1,m):x?e=_xeUtils.default.getWhatDay(e,1):o&&(e=_xeUtils.default.getWhatWeek(e,1,m)),Fe(e)}}}else(v||p)&&T(t)}else n?i&&(l?Y.datePanelValue?He(Y.datePanelValue):V():e&&T(t)):(c||_)&&i&&e&&(f=t,d=Y.isActivated)&&(d=_ui.globalEvents.hasKey(f,_ui.GLOBAL_EVENT_KEYS.PAGE_UP),f.preventDefault(),(d?Ie:Ke)(f));u||s?l&&V():r&&a&&e&&Se(t,null)}},at=e=>{var t=Y["visiblePanel"];S.value||t&&(t=E.value,((0,_dom.getEventTargetNode)(e,t).flag?Ze:(V(),w))())},lt=()=>{var{isActivated:e,visiblePanel:t}=Y;t?(V(),w()):e&&w()};s={dispatchEvent:(e,t,a)=>{h(e,(0,_ui.createEvent)(a,{$datePicker:D},t))},focus(){var e=U.value;return Y.isActivated=!0,e.focus(),(0,_vue.nextTick)()},blur(){return U.value.blur(),(Y.isActivated=!1,_vue.nextTick)()},select(){return U.value.select(),(Y.isActivated=!1,_vue.nextTick)()},showPanel:Je,hidePanel:V,updatePlacement:Ze},Object.assign(D,s);const H=(e,t)=>{var a,l=A["festivalMethod"];return l?(a=Y["datePanelType"],e=(a=(l=l({type:a,viewType:a,date:e.date,$datePicker:D}))?_xeUtils.default.isString(l)?{label:l}:l:{}).extra?_xeUtils.default.isString(a.extra)?{label:a.extra}:a.extra:null,l=[(0,_vue.h)("span",{class:["vxe-date-picker--date-label",{"is-notice":a.notice}]},e&&e.label?[(0,_vue.h)("span",""+t),(0,_vue.h)("span",{class:["vxe-date-picker--date-label--extra",e.important?"is-important":"",e.className],style:e.style},_xeUtils.default.toValueString(e.label))]:""+t)],(e=a.label)&&(e=_xeUtils.default.toValueString(e).split(","),l.push((0,_vue.h)("span",{class:["vxe-date-picker--date-festival",a.important?"is-important":"",a.className],style:a.style},[1<e.length?(0,_vue.h)("span",{class:["vxe-date-picker--date-festival--overlap","overlap--"+e.length]},e.map(e=>(0,_vue.h)("span",e.substring(0,3)))):(0,_vue.h)("span",{class:"vxe-date-picker--date-festival--label"},e[0].substring(0,3))]))),l):t},it=()=>{var e=Y["datePanelType"];switch(e){case"week":{const u=A["multiple"],{datePanelType:r,datePanelValue:s}=Y,n=q.value;var t=ue.value,a=ce.value;const d=L.value,v="yyyyMMdd";return[(0,_vue.h)("table",{class:`vxe-date-picker--date-${r}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("thead",[(0,_vue.h)("tr",t.map(e=>(0,_vue.h)("th",e.label)))]),(0,_vue.h)("tbody",a.map(e=>{const t=u?e.some(t=>d.some(e=>_xeUtils.default.isDateSame(e,t.date,v))):e.some(e=>_xeUtils.default.isDateSame(n,e.date,v)),a=e.some(e=>_xeUtils.default.isDateSame(s,e.date,v));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":I(e),"is--selected":t,"is--hover":a},onClick:()=>O(e),onMouseenter:()=>K(e)},H(e,e.label))))}))])];return}case"month":{const o=A["multiple"],{datePanelType:p,datePanelValue:c}=Y,_=q.value;t=ve.value;const f=L.value,m="yyyyMM";return[(0,_vue.h)("table",{class:`vxe-date-picker--date-${p}-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":I(t),"is--selected":o?f.some(e=>_xeUtils.default.isDateSame(e,t.date,m)):_xeUtils.default.isDateSame(_,t.date,m),"is--hover":_xeUtils.default.isDateSame(c,t.date,m)},onClick:()=>O(t),onMouseenter:()=>K(t)},H(t,(0,_ui.getI18n)("vxe.input.date.months.m"+t.month)))))))])];return}case"quarter":{const h=A["multiple"],{datePanelType:x,datePanelValue:g}=Y,y=q.value;a=ne.value;const b=L.value,k="yyyyq";return[(0,_vue.h)("table",{class:`vxe-date-picker--date-${x}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tbody",a.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":I(t),"is--selected":h?b.some(e=>_xeUtils.default.isDateSame(e,t.date,k)):_xeUtils.default.isDateSame(y,t.date,k),"is--hover":_xeUtils.default.isDateSame(g,t.date,k)},onClick:()=>O(t),onMouseenter:()=>K(t)},H(t,(0,_ui.getI18n)("vxe.input.date.quarters.q"+t.quarter)))))))])];return}case"year":{const U=A["multiple"],{datePanelType:E,datePanelValue:D}=Y,P=q.value;var l=re.value;const S=L.value,V="yyyy";return[(0,_vue.h)("table",{class:`vxe-date-picker--date-${E}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tbody",l.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":I(t),"is--selected":U?S.some(e=>_xeUtils.default.isDateSame(e,t.date,V)):_xeUtils.default.isDateSame(P,t.date,V),"is--hover":_xeUtils.default.isDateSame(D,t.date,V)},onClick:()=>O(t),onMouseenter:()=>K(t)},H(t,t.year))))))])];return}}{const w=A["multiple"],{datePanelType:T,datePanelValue:N}=Y,W=q.value;var e=ie.value,i=pe.value;const M=L.value,C="yyyyMMdd";return[(0,_vue.h)("table",{class:`vxe-date-picker--date-${T}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("thead",[(0,_vue.h)("tr",e.map(e=>(0,_vue.h)("th",e.label)))]),(0,_vue.h)("tbody",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":I(t),"is--selected":w?M.some(e=>_xeUtils.default.isDateSame(e,t.date,C)):_xeUtils.default.isDateSame(W,t.date,C),"is--hover":_xeUtils.default.isDateSame(N,t.date,C)},onClick:()=>O(t),onMouseenter:()=>K(t)},H(t,t.label))))))])]}},ut=()=>{var e=A["multiple"],t=Y["datePanelType"],a=J.value,l=X.value,i=ae.value;return[(0,_vue.h)("div",{class:"vxe-date-picker--date-picker-header"},[(0,_vue.h)("div",{class:"vxe-date-picker--date-picker-type-wrapper"},["year"===t?(0,_vue.h)("span",{class:"vxe-date-picker--date-picker-label"},i):(0,_vue.h)("span",{class:"vxe-date-picker--date-picker-btn",onClick:qe},i)]),(0,_vue.h)("div",{class:"vxe-date-picker--date-picker-btn-wrapper"},[(0,_vue.h)("span",{class:["vxe-date-picker--date-picker-btn vxe-date-picker--date-picker-prev-btn",{"is--disabled":a}],onClick:Ie},[(0,_vue.h)("i",{class:"vxe-icon-caret-left"})]),(0,_vue.h)("span",{class:"vxe-date-picker--date-picker-btn vxe-date-picker--date-picker-current-btn",onClick:Oe},[(0,_vue.h)("i",{class:"vxe-icon-dot"})]),(0,_vue.h)("span",{class:["vxe-date-picker--date-picker-btn vxe-date-picker--date-picker-next-btn",{"is--disabled":l}],onClick:Ke},[(0,_vue.h)("i",{class:"vxe-icon-caret-right"})]),e&&Q.value?(0,_vue.h)("span",{class:"vxe-date-picker--date-picker-btn vxe-date-picker--date-picker-confirm-btn"},[(0,_vue.h)("button",{class:"vxe-date-picker--date-picker-confirm",type:"button",onClick:$e},(0,_ui.getI18n)("vxe.button.confirm"))]):null])]),(0,_vue.h)("div",{class:"vxe-date-picker--date-picker-body"},it())]},rt=()=>{const t=Y["datetimePanelValue"];var e=ee.value,a=_e.value,l=me.value,i=fe.value,u=he.value,r=xe.value;return[(0,_vue.h)("div",{class:"vxe-date-picker--time-picker-header"},[l?(0,_vue.h)("div",{class:"vxe-date-picker--time-picker-title"},e):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-date-picker--time-picker-btn"},[(0,_vue.h)("button",{class:"vxe-date-picker--time-picker-confirm",type:"button",onClick:$e},(0,_ui.getI18n)("vxe.button.confirm"))])]),(0,_vue.h)("div",{ref:B,class:"vxe-date-picker--time-picker-body"},[(0,_vue.h)("ul",{class:"vxe-date-picker--time-picker-hour-list"},a.map((l,e)=>(0,_vue.h)("li",{key:e,class:{"is--selected":t&&t.getHours()===l.value},onClick:e=>{return e=e,t=l,(a=Y.datetimePanelValue)&&a.setHours(t.value),void je(e);var t,a}},l.label))),l?(0,_vue.h)("ul",{class:"vxe-date-picker--time-picker-minute-list"},i.map((l,e)=>(0,_vue.h)("li",{key:e,class:{"is--selected":t&&t.getMinutes()===l.value},onClick:e=>{return e=e,t=l,(a=Y.datetimePanelValue)&&a.setMinutes(t.value),void je(e);var t,a}},l.label))):(0,_vue.createCommentVNode)(),l&&u?(0,_vue.h)("ul",{class:"vxe-date-picker--time-picker-second-list"},r.map((l,e)=>(0,_vue.h)("li",{key:e,class:{"is--selected":t&&t.getSeconds()===l.value},onClick:e=>{return e=e,t=l,(a=Y.datetimePanelValue)&&a.setSeconds(t.value),void je(e);var t,a}},l.label))):(0,_vue.createCommentVNode)()])]},st=()=>(0,_vue.h)("div",{class:"vxe-date-picker--control-icon",onClick:T},[(0,_vue.h)("i",{class:["vxe-date-picker--date-picker-icon",(0,_ui.getIcon)().DATE_PICKER_DATE]})]);return(0,_vue.watch)(()=>A.modelValue,e=>{ke(e),we()}),(0,_vue.watch)(()=>A.type,()=>{Object.assign(Y,{inputValue:"",datetimePanelValue:null,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null}),Te()}),(0,_vue.watch)(n,()=>{g.value&&(_(Y.datePanelValue),Y.inputValue=A.multiple?i.value:Y.datePanelLabel)}),(0,_vue.nextTick)(()=>{_ui.globalEvents.on(D,"mousewheel",at),_ui.globalEvents.on(D,"mousedown",et),_ui.globalEvents.on(D,"keydown",tt),_ui.globalEvents.on(D,"blur",lt)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(D,"mousewheel"),_ui.globalEvents.off(D,"mousedown"),_ui.globalEvents.off(D,"keydown"),_ui.globalEvents.off(D,"blur")}),Te(),D.renderVN=()=>{var e,t,a,l,i,u,r,s,n,d,{className:v,type:o,align:p,name:c,autocomplete:_,autoComplete:f}=A,{inputValue:m,visiblePanel:h,isActivated:x}=Y,g=C.value,y=S.value;return P.value?(0,_vue.h)("div",{ref:k,class:["vxe-date-picker--readonly","type--"+o,v]},m):(e=ge.value,t=ye.value,a=be.value,l=G.value,u=A.prefixIcon,i=(i=b.prefix)||u?(0,_vue.h)("div",{class:"vxe-date-picker--prefix",onClick:Pe},[(0,_vue.h)("div",{class:"vxe-date-picker--prefix-icon"},i?(0,_vn.getSlotVNs)(i({})):[(0,_vue.h)("i",{class:u})])]):null,u=A.suffixIcon,r=Y.inputValue,s=b.suffix,n=S.value,d=G.value,n=(0,_vue.h)("div",{class:["vxe-date-picker--suffix",{"is--clear":d&&!n&&!(""===r||_xeUtils.default.eqNull(r))}]},[d?(0,_vue.h)("div",{class:"vxe-date-picker--clear-icon",onClick:Se},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]):(0,_vue.createCommentVNode)(),st(),s||u?(0,_vue.h)("div",{class:"vxe-date-picker--suffix-icon",onClick:Ve},s?(0,_vn.getSlotVNs)(s({})):[(0,_vue.h)("i",{class:u})]):(0,_vue.createCommentVNode)()]),(0,_vue.h)("div",{ref:k,class:["vxe-date-picker","type--"+o,v,{["size--"+g]:g,["is--"+p]:p,"is--prefix":!!i,"is--suffix":!!n,"is--visible":h,"is--disabled":y,"is--active":x,"show--clear":l&&!y&&!(""===m||_xeUtils.default.eqNull(m))}],spellcheck:!1},[i||(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-date-picker--wrapper"},[(0,_vue.h)("input",{ref:U,class:"vxe-date-picker--inner",value:m,name:c,type:t,placeholder:a,readonly:e,disabled:y,autocomplete:f||_,onKeydown:Me,onKeyup:Ce,onWheel:Ae,onClick:Xe,onInput:Ue,onChange:Ee,onFocus:De,onBlur:We})]),n||(0,_vue.createCommentVNode)(),(()=>{var e=A["type"],{initialized:t,isAniVisible:a,visiblePanel:l,panelPlacement:i,panelStyle:u}=Y,r=C.value,s=z.value,n=b.header,d=b.footer,v=b.top,o=b.bottom,p=b.left,c=b.right,_=[];return _.push("datetime"===e?(0,_vue.h)("div",{key:e,ref:E,class:"vxe-date-picker--panel-datetime-layout-wrapper"},[(0,_vue.h)("div",{class:"vxe-date-picker--panel-datetime-left-wrapper"},ut()),(0,_vue.h)("div",{class:"vxe-date-picker--panel-datetime-right-wrapper"},rt())]):"time"===e?(0,_vue.h)("div",{key:e,ref:E,class:"vxe-date-picker--panel-wrapper"},rt()):(0,_vue.h)("div",{key:e||"default",ref:E,class:"vxe-date-picker--panel-wrapper"},ut())),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!s||!t},[(0,_vue.h)("div",{ref:F,class:["vxe-table--ignore-clear vxe-date-picker--panel","type--"+e,{["size--"+r]:r,"is--transfer":s,"ani--leave":a,"ani--enter":l,"show--top":!(!v&&!n),"show--bottom":!(!o&&!d),"show--left":!!p,"show--right":!!c}],placement:i,style:u},t&&(l||a)?[(0,_vue.h)("div",{class:"vxe-date-picker--panel-layout-wrapper"},[v?(0,_vue.h)("div",{class:"vxe-date-picker--panel-top-wrapper"},v({})):(0,_ui.renderEmptyElement)(D),(0,_vue.h)("div",{class:"vxe-date-picker--panel-body-layout-wrapper"},[p?(0,_vue.h)("div",{class:"vxe-date-picker--panel-left-wrapper"},p({})):(0,_ui.renderEmptyElement)(D),(0,_vue.h)("div",{class:"vxe-date-picker--panel-body-content-wrapper"},[n?(0,_vue.h)("div",{class:"vxe-date-picker--panel-header-wrapper"},n({})):(0,_ui.renderEmptyElement)(D),(0,_vue.h)("div",{class:"vxe-date-picker--panel-body-wrapper"},_),d?(0,_vue.h)("div",{class:"vxe-date-picker--panel-footer-wrapper"},d({})):(0,_ui.renderEmptyElement)(D)]),c?(0,_vue.h)("div",{class:"vxe-date-picker--panel-right-wrapper"},c({})):(0,_ui.renderEmptyElement)(D)]),o?(0,_vue.h)("div",{class:"vxe-date-picker--panel-bottom-wrapper"},o({})):(0,_ui.renderEmptyElement)(D)])]:[])])})()]))},D},render(){return this.renderVN()}});
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_util=require("./util"),_vn=require("../..//ui/src/vn"),_buttonGroup=_interopRequireDefault(require("../../button/src/button-group"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeDatePicker",props:{modelValue:[String,Number,Date],immediate:{type:Boolean,default:!0},name:String,type:{type:String,default:"date"},clearable:{type:Boolean,default:()=>(0,_ui.getConfig)().datePicker.clearable},readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},placeholder:String,maxLength:[String,Number],autoComplete:{type:String,default:"off"},align:String,form:String,className:String,size:{type:String,default:()=>(0,_ui.getConfig)().datePicker.size||(0,_ui.getConfig)().size},multiple:Boolean,startDate:{type:[String,Number,Date],default:()=>(0,_ui.getConfig)().datePicker.startDate},endDate:{type:[String,Number,Date],default:()=>(0,_ui.getConfig)().datePicker.endDate},minDate:[String,Number,Date],maxDate:[String,Number,Date],startDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().datePicker.startDay},labelFormat:String,valueFormat:String,editable:{type:Boolean,default:!0},festivalMethod:{type:Function,default:()=>(0,_ui.getConfig)().datePicker.festivalMethod},disabledMethod:{type:Function,default:()=>(0,_ui.getConfig)().datePicker.disabledMethod},selectDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().datePicker.selectDay},prefixIcon:String,suffixIcon:String,placement:String,transfer:{type:Boolean,default:null},shortcutConfig:Object,startWeek:Number,maxlength:[String,Number],autocomplete:String},emits:["update:modelValue","input","change","keydown","keyup","wheel","click","focus","blur","clear","prefix-click","suffix-click","date-prev","date-today","date-next","shortcut-click"],setup(A,r){const{slots:b,emit:h}=r,g=(0,_vue.inject)("$xeModal",null),W=(0,_vue.inject)("$xeDrawer",null),N=(0,_vue.inject)("$xeTable",null),a=(0,_vue.inject)("$xeForm",null),l=(0,_vue.inject)("xeFormItemInfo",null);var e=_xeUtils.default.uniqueId();const M=(0,_ui.useSize)(A)["computeSize"],Y=(0,_vue.reactive)({initialized:!1,panelIndex:0,visiblePanel:!1,isAniVisible:!1,panelStyle:{},panelPlacement:"",isActivated:!1,inputValue:"",datetimePanelValue:null,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null}),c={yearSize:12,monthSize:20,quarterSize:8,hpTimeout:void 0},k=(0,_vue.ref)(),U=(0,_vue.ref)(),C=(0,_vue.ref)(),D=(0,_vue.ref)(),F=(0,_vue.ref)(),B={refElem:k,refInput:U},s={xID:e,props:A,context:r,reactData:Y,internalData:c,getRefMaps:()=>B};const R=(0,_vue.computed)(()=>{var e=A["transfer"];if(null===e){var t=(0,_ui.getConfig)().datePicker.transfer;if(_xeUtils.default.isBoolean(t))return t;if(N||g||W||a)return!0}return e}),P=(0,_vue.computed)(()=>{var e=A["readonly"];return null===e?!!a&&a.props.readonly:e}),S=(0,_vue.computed)(()=>{var e=A["disabled"];return null===e?!!a&&a.props.disabled:e}),o=(0,_vue.computed)(()=>{var e=A["type"];return"time"===e||"datetime"===e}),x=(0,_vue.computed)(()=>{return o.value||-1<["date","week","month","quarter","year"].indexOf(A.type)}),G=(0,_vue.computed)(()=>A.clearable),z=(0,_vue.computed)(()=>A.startDate?_xeUtils.default.toStringDate(A.startDate):null),j=(0,_vue.computed)(()=>A.endDate?_xeUtils.default.toStringDate(A.endDate):null),$=(0,_vue.computed)(()=>-1<["date","week","month","quarter","year"].indexOf(A.type)),L=(0,_vue.computed)(()=>{var{modelValue:e,multiple:t}=A,a=x.value;const l=p.value;return t&&e&&a?_xeUtils.default.toValueString(e).split(",").map(e=>{e=d(e,l);return _xeUtils.default.isValidDate(e),e}):[]}),Q=(0,_vue.computed)(()=>{var e=L.value;const t=p.value;return e.map(e=>_xeUtils.default.toDateString(e,t))}),i=(0,_vue.computed)(()=>{var e=L.value;const t=n.value;return e.map(e=>_xeUtils.default.toDateString(e,t)).join(", ")}),p=(0,_vue.computed)(()=>{var{type:e,valueFormat:t}=A;return t||("time"===e?"HH:mm:ss":"datetime"===e?"yyyy-MM-dd HH:mm:ss":"yyyy-MM-dd")}),q=(0,_vue.computed)(()=>{var e=A["modelValue"],t=x.value,a=p.value;let l=null;return l=e&&t&&(t=d(e,a),_xeUtils.default.isValidDate(t))?t:l}),Z=(0,_vue.computed)(()=>{var e=z.value,t=Y["selectMonth"];return!(!t||!e)&&t<=e}),J=(0,_vue.computed)(()=>{var e=j.value,t=Y["selectMonth"];return!(!t||!e)&&e<=t}),X=(0,_vue.computed)(()=>{var e=Y["datetimePanelValue"],t=he.value;return e?_xeUtils.default.toDateString(e,t?"HH:mm:ss":"HH:mm"):""}),ee=(0,_vue.computed)(()=>{var e=q.value,t=o.value;return e&&t?1e3*(3600*e.getHours()+60*e.getMinutes()+e.getSeconds()):0}),n=(0,_vue.computed)(()=>{var e=A["labelFormat"];return x.value?e||(0,_ui.getI18n)("vxe.input.date.labelFormat."+A.type):null}),te=(0,_vue.computed)(()=>{var t=c["yearSize"],{selectMonth:e,currentDate:a}=Y,l=[];if(e&&a){var i=a.getFullYear(),a=e.getFullYear(),u=new Date(a-a%t,0,1);for(let e=-4;e<t+4;e++){var r=_xeUtils.default.getWhatYear(u,e,"first"),s=r.getFullYear();l.push({date:r,isCurrent:!0,isPrev:e<0,isNow:i===s,isNext:e>=t,year:s})}}return l}),ae=(0,_vue.computed)(()=>{if(x.value){var{datePanelType:a,selectMonth:l}=Y,i=te.value;let e="",t;return l&&(e=l.getFullYear(),t=l.getMonth()+1),"quarter"===a?(0,_ui.getI18n)("vxe.input.date.quarterLabel",[e]):"month"===a?(0,_ui.getI18n)("vxe.input.date.monthLabel",[e]):"year"===a?i.length?i[0].year+" - "+i[i.length-1].year:"":(0,_ui.getI18n)("vxe.input.date.dayLabel",[e,t?(0,_ui.getI18n)("vxe.input.date.m"+t):"-"])}return""}),y=(0,_vue.computed)(()=>{var{startDay:e,startWeek:t}=A;return _xeUtils.default.toNumber(_xeUtils.default.isNumber(e)||_xeUtils.default.isString(e)?e:t)}),le=(0,_vue.computed)(()=>{var a=[];if(x.value){let t=y.value;a.push(t);for(let e=0;e<6;e++)6<=t?t=0:t++,a.push(t)}return a}),ie=(0,_vue.computed)(()=>{return x.value?le.value.map(e=>({value:e,label:(0,_ui.getI18n)("vxe.input.date.weeks.w"+e)})):[]}),ue=(0,_vue.computed)(()=>{var e;return x.value?(e=ie.value,[{label:(0,_ui.getI18n)("vxe.input.date.weeks.w")}].concat(e)):[]}),re=(0,_vue.computed)(()=>{var e=te.value;return _xeUtils.default.chunk(e,4)}),se=(0,_vue.computed)(()=>{var t=c["quarterSize"],{selectMonth:e,currentDate:a}=Y,l=[];if(e&&a){var i=a.getFullYear(),u=(0,_util.getDateQuarter)(a),r=_xeUtils.default.getWhatYear(e,0,"first"),s=r.getFullYear();for(let e=-2;e<t-2;e++){var n=_xeUtils.default.getWhatQuarter(r,e),d=n.getFullYear(),v=(0,_util.getDateQuarter)(n),o=d<s;l.push({date:n,isPrev:o,isCurrent:d===s,isNow:d===i&&v===u,isNext:!o&&s<d,quarter:v})}}return l}),ne=(0,_vue.computed)(()=>{var e=se.value;return _xeUtils.default.chunk(e,2)}),de=(0,_vue.computed)(()=>{var t=c["monthSize"],{selectMonth:a,currentDate:e}=Y,l=[];if(a&&e){var i=e.getFullYear(),u=e.getMonth(),r=_xeUtils.default.getWhatYear(a,0,"first").getFullYear();for(let e=-4;e<t-4;e++){var s=_xeUtils.default.getWhatYear(a,0,e),n=s.getFullYear(),d=s.getMonth(),v=n<r;l.push({date:s,isPrev:v,isCurrent:n===r,isNow:n===i&&d===u,isNext:!v&&r<n,month:d})}}return l}),ve=(0,_vue.computed)(()=>{var e=de.value;return _xeUtils.default.chunk(e,4)}),oe=(0,_vue.computed)(()=>{var{selectMonth:t,currentDate:e}=Y,a=[];if(t&&e){var l=ee.value,i=le.value,u=e.getFullYear(),r=e.getMonth(),s=e.getDate(),n=t.getFullYear(),d=t.getMonth(),e=t.getDay(),i=-i.indexOf(e),v=new Date(_xeUtils.default.getWhatDay(t,i).getTime()+l);for(let e=0;e<42;e++){var o=_xeUtils.default.getWhatDay(v,e),c=o.getFullYear(),p=o.getMonth(),_=o.getDate(),f=o<t;a.push({date:o,isPrev:f,isCurrent:c===n&&p===d,isNow:c===u&&p===r&&_===s,isNext:!f&&d!==p,label:_})}}return a}),ce=(0,_vue.computed)(()=>{var e=oe.value;return _xeUtils.default.chunk(e,7)}),pe=(0,_vue.computed)(()=>{var e=ce.value;const a=y.value;return e.map(e=>{var t=e[0];return[{date:t.date,isWeekNumber:!0,isPrev:!1,isCurrent:!1,isNow:!1,isNext:!1,label:_xeUtils.default.getYearWeek(t.date,a)}].concat(e)})}),_e=(0,_vue.computed)(()=>{var t=[];if(o.value)for(let e=0;e<24;e++)t.push({value:e,label:(""+e).padStart(2,"0")});return t}),fe=(0,_vue.computed)(()=>{var t=[];if(o.value)for(let e=0;e<60;e++)t.push({value:e,label:(""+e).padStart(2,"0")});return t}),me=(0,_vue.computed)(()=>{var e=p.value;return!/HH/.test(e)||/mm/.test(e)}),he=(0,_vue.computed)(()=>{var e=p.value;return!/HH/.test(e)||/ss/.test(e)}),ge=(0,_vue.computed)(()=>{return fe.value}),xe=(0,_vue.computed)(()=>{var{type:e,editable:t,multiple:a}=A;return P.value||a||!t||"week"===e||"quarter"===e}),ye=(0,_vue.computed)(()=>"text"),be=(0,_vue.computed)(()=>{var e=A["placeholder"];return(e=e||(0,_ui.getConfig)().datePicker.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseSelect")}),ke=(0,_vue.computed)(()=>{var e=A["immediate"];return e}),Ue=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().datePicker.shortcutConfig,A.shortcutConfig)),De=e=>{var{isActivated:t,visiblePanel:a}=Y;let l="";e&&(l=_xeUtils.default.isNumber(e)&&/^[0-9]{11,15}$/.test(""+e)?new Date(e):e),Y.inputValue=l,t&&a&&Je()},d=(e,t)=>{var{type:a,multiple:l}=A;return"time"===a?(0,_util.toStringTimeDate)(e):_xeUtils.default.isArray(e)?_xeUtils.default.toStringDate(e[0],t):_xeUtils.default.isString(e)?_xeUtils.default.toStringDate(l?_xeUtils.default.last(e.split(",")):e,t):_xeUtils.default.toStringDate(e,t)},t=e=>{var t=Y["inputValue"];m(e.type,{value:t},e)},_=(e,t)=>{Y.inputValue=e,h("update:modelValue",e),_xeUtils.default.toValueString(A.modelValue)!==e&&(m("change",{value:e},t),a)&&l&&a.triggerItemEvent(t,l.itemConfig.field,e)},Pe=e=>{var t=x.value,a=ke.value,l=e.target.value;Y.inputValue=l,t||(a?_(l,e):m("input",{value:l},e))},Se=e=>{ke.value||t(e)},Ee=e=>{Y.isActivated=!0,x.value&&V(e),t(e)},we=e=>{var t;S.value||(t=Y["inputValue"],m("prefix-click",{value:t},e))},E=()=>new Promise(e=>{Y.visiblePanel=!1,c.hpTimeout=window.setTimeout(()=>{Y.isAniVisible=!1,e()},350)}),Ve=(e,t)=>{x.value&&E(),_("",e),m("clear",{value:t},e)},Te=e=>{var t;S.value||(t=Y["inputValue"],m("suffix-click",{value:t},e))},u=e=>{var t=A["type"],a=n.value,l=p.value,i=y.value;let u=null,r="";e&&(u=d(e,l)),_xeUtils.default.isValidDate(u)?(r=_xeUtils.default.toDateString(u,a,{firstDay:i}),a&&"week"===t&&(e=_xeUtils.default.getYearWeek(u,i),(l=_xeUtils.default.getWhatWeek(u,0,1===e?(6+i)%7:i,i).getFullYear())!==u.getFullYear())&&-1<(t=a.indexOf("yyyy"))&&(e=Number(r.substring(t,t+4)))&&!isNaN(e)&&(r=r.replace(""+e,""+l))):u=null,Y.datePanelValue=u,Y.datePanelLabel=r},We=()=>{var e=x.value,t=Y["inputValue"];e&&(u(t),Y.inputValue=A.multiple?i.value:Y.datePanelLabel)},Ne=()=>{var e=x.value;De(A.modelValue),e&&We()},Me=()=>{Y.inputValue=A.multiple?i.value:Y.datePanelLabel},f=e=>{var t=y.value,a=_xeUtils.default.getYearWeek(e,t),t=_xeUtils.default.getWhatWeek(e,0,t,t),a=_xeUtils.default.getWhatMonth(1===a?_xeUtils.default.getWhatDay(t,6):e,0,"first");_xeUtils.default.isEqual(a,Y.selectMonth)||(Y.selectMonth=a)},v=(t,e)=>{var{modelValue:a,multiple:l}=A;const i=Y["datetimePanelValue"];var u=o.value;const r=p.value;var s=y.value;"week"===A.type?(d=_xeUtils.default.toNumber(A.selectDay),t=_xeUtils.default.getWhatWeek(t,0,d,s)):u&&i&&(t.setHours(i.getHours()),t.setMinutes(i.getMinutes()),t.setSeconds(i.getSeconds()));const n=_xeUtils.default.toDateString(t,r,{firstDay:s});if(f(t),l)if(u){var d=e?[]:[...L.value];const v=[];s=_xeUtils.default.findIndexOf(d,e=>_xeUtils.default.isDateSame(t,e,"yyyyMMdd"));-1===s?d.push(t):d.splice(s,1),d.forEach(e=>{e&&(i&&(e.setHours(i.getHours()),e.setMinutes(i.getMinutes()),e.setSeconds(i.getSeconds())),v.push(e))}),_(v.map(e=>_xeUtils.default.toDateString(e,r)).join(","),{type:"update"})}else{l=e?[]:Q.value;l.some(e=>_xeUtils.default.isEqual(e,n))?_(l.filter(e=>!_xeUtils.default.isEqual(e,n)).join(","),{type:"update"}):_(l.concat([n]).join(","),{type:"update"})}else _xeUtils.default.isEqual(a,n)||_(n,{type:"update"})},w=()=>{var a=A["type"],{inputValue:l,datetimePanelValue:i}=Y,u=n.value;if(!xe.value)if(l){let t=d(l,u);if(_xeUtils.default.isValidDate(t))if("time"===a)l!==(t=_xeUtils.default.toDateString(t,u))&&_(t,{type:"check"}),Y.inputValue=t;else{let e=!1;var r=y.value;"datetime"===a?(a=q.value,l===_xeUtils.default.toDateString(a,u)&&l===_xeUtils.default.toDateString(t,u)||(e=!0,i&&(i.setHours(t.getHours()),i.setMinutes(t.getMinutes()),i.setSeconds(t.getSeconds())))):e=!0,Y.inputValue=_xeUtils.default.toDateString(t,u,{firstDay:r}),e&&v(t)}else Me()}else _("",{type:"check"})},Ce=e=>{var t=Y["inputValue"];ke.value||_(t,e),w(),Y.visiblePanel||(Y.isActivated=!1),m("blur",{value:t},e),a&&l&&a.triggerItemEvent(e,l.itemConfig.field,t)},Ae=e=>{t(e)},Ye=e=>{t(e)},Le=e=>{t(e)},qe=(e,t)=>{var a=y.value,l=_xeUtils.default.getYearWeek(e,a),a=_xeUtils.default.getWhatWeek(e,0,a,a),l=_xeUtils.default.getWhatMonth(1===l?_xeUtils.default.getWhatDay(a,6):e,t,"first");Y.selectMonth=l},Ie=()=>{var e=A["type"],t=y.value;let a=new Date;switch(e){case"week":a=_xeUtils.default.getWhatWeek(a,0,t);break;case"datetime":a=new Date,Y.datetimePanelValue=new Date;break;default:a=_xeUtils.default.getWhatDay(Date.now(),0,"first")}Y.currentDate=a,qe(a,0)},Oe=()=>{let e=Y["datePanelType"];e="month"===e||"quarter"===e?"year":"month",Y.datePanelType=e},Ke=t=>{var a=A["type"],{datePanelType:l,selectMonth:i,inputValue:u}=Y,r=c["yearSize"];if(!Z.value){let e;e="year"===a?_xeUtils.default.getWhatYear(i,-r,"first"):"month"===a||"quarter"===a?"year"===l?_xeUtils.default.getWhatYear(i,-r,"first"):_xeUtils.default.getWhatYear(i,-1,"first"):"year"===l?_xeUtils.default.getWhatYear(i,-r,"first"):"month"===l?_xeUtils.default.getWhatYear(i,-1,"first"):_xeUtils.default.getWhatMonth(i,-1,"first"),Y.selectMonth=e,m("date-prev",{viewType:l,viewDate:e,value:u,type:a},t)}},He=e=>{Ie(),v(Y.currentDate,!0),A.multiple||E(),m("date-today",{type:A.type},e)},Fe=t=>{var a=A["type"],{datePanelType:l,selectMonth:i,inputValue:u}=Y,r=c["yearSize"];if(!J.value){let e;e="year"===a?_xeUtils.default.getWhatYear(i,r,"first"):"month"===a||"quarter"===a?"year"===l?_xeUtils.default.getWhatYear(i,r,"first"):_xeUtils.default.getWhatYear(i,1,"first"):"year"===l?_xeUtils.default.getWhatYear(i,r,"first"):"month"===l?_xeUtils.default.getWhatYear(i,1,"first"):_xeUtils.default.getWhatMonth(i,1,"first"),Y.selectMonth=e,m("date-next",{viewType:l,value:u,type:a},t)}},I=e=>{var t=A["disabledMethod"],a=Y["datePanelType"],l=z.value,i=j.value,e=e["date"];return!!(l&&l.getTime()>e.getTime())||!!(i&&i.getTime()<e.getTime())||!!t&&t({type:a,viewType:a,date:e,$datePicker:s})},Be=e=>{var{type:t,multiple:a}=A,l=Y["datePanelType"];"month"===t?"year"===l?(Y.datePanelType="month",f(e)):(v(e),a||E()):"year"===t?(v(e),a||E()):"quarter"===t?"year"===l?(Y.datePanelType="quarter",f(e)):(v(e),a||E()):"month"===l?(Y.datePanelType="week"===t?t:"day",f(e)):"year"===l?(Y.datePanelType="month",f(e)):(v(e),"datetime"===t||a||E())},O=e=>{I(e)||Be(e.date)},Re=t=>{I({date:t})||(oe.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyyMMdd"))||f(t),u(t))},Ge=t=>{I({date:t})||(te.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyy"))||f(t),u(t))},ze=t=>{I({date:t})||(se.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyyq"))||f(t),u(t))},je=t=>{I({date:t})||(de.value.some(e=>_xeUtils.default.isDateSame(e.date,t,"yyyyMM"))||f(t),u(t))},K=e=>{var t;I(e)||(t=Y["datePanelType"],("month"===t?je:"quarter"===t?ze:"year"===t?Ge:Re)(e.date))},$e=e=>{var t;e&&(t=e.offsetHeight,e.parentNode.scrollTop=e.offsetTop-4*t)},Qe=e=>{var t=Y["datetimePanelValue"];Y.datetimePanelValue=t?new Date(t.getTime()):new Date,$e(e.currentTarget)},Ze=()=>{var e=A["multiple"];const t=Y["datetimePanelValue"];var a=q.value,l=o.value;if(l){const i=p.value;if(e){e=Q.value;if(l){l=[...L.value];const u=[];l.forEach(e=>{e&&(t&&(e.setHours(t.getHours()),e.setMinutes(t.getMinutes()),e.setSeconds(t.getSeconds())),u.push(e))}),_(u.map(e=>_xeUtils.default.toDateString(e,i)).join(","),{type:"update"})}else _(e.join(","),{type:"update"})}else v(a||Y.currentDate)}E()},Je=()=>{var e=A["type"],t=o.value,a=q.value;-1<["year","quarter","month","week"].indexOf(e)?Y.datePanelType=e:Y.datePanelType="day",Y.currentDate=_xeUtils.default.getWhatDay(Date.now(),0,"first"),a?(qe(a,0),u(a)):Ie(),t&&(Y.datetimePanelValue=Y.datePanelValue||_xeUtils.default.getWhatDay(Date.now(),0,"first"),(0,_vue.nextTick)(()=>{var e=F.value;_xeUtils.default.arrayEach(e.querySelectorAll("li.is--selected"),e=>{$e(e)})}))},Xe=()=>(0,_vue.nextTick)().then(()=>{var l=A["placement"],i=Y["panelIndex"],u=U.value,r=C.value,e=R.value;if(u&&r){var s=u.offsetHeight,n=u.offsetWidth,d=r.offsetHeight,r=r.offsetWidth,i={zIndex:i},{boundingTop:u,boundingLeft:v,visibleHeight:o,visibleWidth:c}=(0,_dom.getAbsolutePos)(u);let a="bottom";if(e){let e=v,t=u+s;"top"===l?(a="top",t=u-d):l||(t+d+5>o&&(a="top",t=u-d),t<5&&(a="bottom",t=u+s)),e+r+5>c&&(e-=e+r+5-c),e<5&&(e=5),Object.assign(i,{left:e+"px",top:t+"px",minWidth:n+"px"})}else"top"===l?(a="top",i.bottom=s+"px"):l||(i.top=s+"px",o<u+s+d&&5<u-s-d&&(a="top",i.top="",i.bottom=s+"px"));return Y.panelStyle=i,Y.panelPlacement=a,(0,_vue.nextTick)()}}),et=()=>{var e=Y["visiblePanel"],t=S.value,a=x.value;return(t||e?(0,_vue.nextTick):(Y.initialized||(Y.initialized=!0),c.hpTimeout&&(clearTimeout(c.hpTimeout),c.hpTimeout=void 0),Y.isActivated=!0,Y.isAniVisible=!0,a&&Je(),setTimeout(()=>{Y.visiblePanel=!0},10),Y.panelIndex<(0,_utils.getLastZIndex)()&&(Y.panelIndex=(0,_utils.nextZIndex)()),Xe))()},V=e=>{P.value||(e.preventDefault(),et())},tt=e=>{t(e)},at=({option:e,$event:t})=>{var a=Ue.value,l=a["autoClose"],a=e.clickMethod||a.clickMethod,e={$datePicker:s,option:e};a&&a(e),l&&E(),m("shortcut-click",e,t)},lt=e=>{var{visiblePanel:t,isActivated:a}=Y,l=x.value,i=k.value,u=D.value;!S.value&&a&&(Y.isActivated=(0,_dom.getEventTargetNode)(e,i).flag||(0,_dom.getEventTargetNode)(e,u).flag,Y.isActivated||(l?t&&(E(),w()):w()))},it=t=>{var a=A["clearable"],l=Y["visiblePanel"],i=x.value;if(!S.value){var u=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.TAB),r=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.DELETE),s=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ESCAPE),n=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ENTER),d=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_LEFT),v=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),o=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_RIGHT),c=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN),p=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.PAGE_UP),_=_ui.globalEvents.hasKey(t,_ui.GLOBAL_EVENT_KEYS.PAGE_DOWN),d=d||v||o||c;let e=Y.isActivated;if(u)e&&w(),e=!1,Y.isActivated=e;else if(d){if(i&&e)if(l){var o=t,{isActivated:d,datePanelValue:f,datePanelType:m}=Y;if(d){o.preventDefault();var d=_ui.globalEvents.hasKey(o,_ui.GLOBAL_EVENT_KEYS.ARROW_LEFT),h=_ui.globalEvents.hasKey(o,_ui.GLOBAL_EVENT_KEYS.ARROW_UP),g=_ui.globalEvents.hasKey(o,_ui.GLOBAL_EVENT_KEYS.ARROW_RIGHT),o=_ui.globalEvents.hasKey(o,_ui.GLOBAL_EVENT_KEYS.ARROW_DOWN);if("year"===m){let e=_xeUtils.default.getWhatYear(f||Date.now(),0,"first");d?e=_xeUtils.default.getWhatYear(e,-1):h?e=_xeUtils.default.getWhatYear(e,-4):g?e=_xeUtils.default.getWhatYear(e,1):o&&(e=_xeUtils.default.getWhatYear(e,4)),Ge(e)}else if("quarter"===m){let e=_xeUtils.default.getWhatQuarter(f||Date.now(),0,"first");d?e=_xeUtils.default.getWhatQuarter(e,-1):h?e=_xeUtils.default.getWhatQuarter(e,-2):g?e=_xeUtils.default.getWhatQuarter(e,1):o&&(e=_xeUtils.default.getWhatQuarter(e,2)),ze(e)}else if("month"===m){let e=_xeUtils.default.getWhatMonth(f||Date.now(),0,"first");d?e=_xeUtils.default.getWhatMonth(e,-1):h?e=_xeUtils.default.getWhatMonth(e,-4):g?e=_xeUtils.default.getWhatMonth(e,1):o&&(e=_xeUtils.default.getWhatMonth(e,4)),je(e)}else if("week"===m){let e=f||_xeUtils.default.getWhatDay(Date.now(),0,"first");m=y.value;h?e=_xeUtils.default.getWhatWeek(e,-1,m):o&&(e=_xeUtils.default.getWhatWeek(e,1,m)),Re(e)}else{let e=f||_xeUtils.default.getWhatDay(Date.now(),0,"first");d?e=_xeUtils.default.getWhatDay(e,-1):h?e=_xeUtils.default.getWhatWeek(e,-1,e.getDay()):g?e=_xeUtils.default.getWhatDay(e,1):o&&(e=_xeUtils.default.getWhatWeek(e,1,e.getDay())),Re(e)}}}else(v||c)&&V(t)}else n?i&&(l?Y.datePanelValue?Be(Y.datePanelValue):E():e&&V(t)):(p||_)&&i&&e&&(m=t,f=Y.isActivated)&&(f=_ui.globalEvents.hasKey(m,_ui.GLOBAL_EVENT_KEYS.PAGE_UP),m.preventDefault(),(f?Ke:Fe)(m));u||s?l&&E():r&&a&&e&&Ve(t,null)}},ut=e=>{var t=Y["visiblePanel"];S.value||t&&(t=D.value,((0,_dom.getEventTargetNode)(e,t).flag?Xe:(E(),w))())},rt=()=>{var{isActivated:e,visiblePanel:t}=Y;t?(E(),w()):e&&w()},m=(e,t,a)=>{h(e,(0,_ui.createEvent)(a,{$datePicker:s},t))},H=(e={dispatchEvent:m,focus(){var e=U.value;return Y.isActivated=!0,e.focus(),(0,_vue.nextTick)()},blur(){return U.value.blur(),(Y.isActivated=!1,_vue.nextTick)()},select(){return U.value.select(),(Y.isActivated=!1,_vue.nextTick)()},showPanel:et,hidePanel:E,updatePlacement:Xe},Object.assign(s,e),(e,t)=>{var a,l=A["festivalMethod"];return l?(a=Y["datePanelType"],e=(a=(l=l({type:a,viewType:a,date:e.date,$datePicker:s}))?_xeUtils.default.isString(l)?{label:l}:l:{}).extra?_xeUtils.default.isString(a.extra)?{label:a.extra}:a.extra:null,l=[(0,_vue.h)("span",{class:["vxe-date-picker--date-label",{"is-notice":a.notice}]},e&&e.label?[(0,_vue.h)("span",""+t),(0,_vue.h)("span",{class:["vxe-date-picker--date-label--extra",e.important?"is-important":"",e.className],style:e.style},_xeUtils.default.toValueString(e.label))]:""+t)],(e=a.label)&&(e=_xeUtils.default.toValueString(e).split(","),l.push((0,_vue.h)("span",{class:["vxe-date-picker--date-festival",a.important?"is-important":"",a.className],style:a.style},[1<e.length?(0,_vue.h)("span",{class:["vxe-date-picker--date-festival--overlap","overlap--"+e.length]},e.map(e=>(0,_vue.h)("span",e.substring(0,3)))):(0,_vue.h)("span",{class:"vxe-date-picker--date-festival--label"},e[0].substring(0,3))]))),l):t}),st=()=>{var e=Y["datePanelType"];switch(e){case"week":{const u=A["multiple"],{datePanelType:r,datePanelValue:s}=Y,n=q.value;var t=ue.value,a=pe.value;const d=L.value,v="yyyyMMdd";return[(0,_vue.h)("table",{class:`vxe-date-picker--date-${r}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("thead",[(0,_vue.h)("tr",t.map(e=>(0,_vue.h)("th",e.label)))]),(0,_vue.h)("tbody",a.map(e=>{const t=u?e.some(t=>d.some(e=>_xeUtils.default.isDateSame(e,t.date,v))):e.some(e=>_xeUtils.default.isDateSame(n,e.date,v)),a=e.some(e=>_xeUtils.default.isDateSame(s,e.date,v));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":I(e),"is--selected":t,"is--hover":a},onClick:()=>O(e),onMouseenter:()=>K(e)},H(e,e.label))))}))])];return}case"month":{const o=A["multiple"],{datePanelType:c,datePanelValue:p}=Y,_=q.value;t=ve.value;const f=L.value,m="yyyyMM";return[(0,_vue.h)("table",{class:`vxe-date-picker--date-${c}-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":I(t),"is--selected":o?f.some(e=>_xeUtils.default.isDateSame(e,t.date,m)):_xeUtils.default.isDateSame(_,t.date,m),"is--hover":_xeUtils.default.isDateSame(p,t.date,m)},onClick:()=>O(t),onMouseenter:()=>K(t)},H(t,(0,_ui.getI18n)("vxe.input.date.months.m"+t.month)))))))])];return}case"quarter":{const h=A["multiple"],{datePanelType:g,datePanelValue:x}=Y,y=q.value;a=ne.value;const b=L.value,k="yyyyq";return[(0,_vue.h)("table",{class:`vxe-date-picker--date-${g}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tbody",a.map(e=>(0,_vue.h)("tr",e.map(t=>(0,_vue.h)("td",{class:{"is--prev":t.isPrev,"is--current":t.isCurrent,"is--now":t.isNow,"is--next":t.isNext,"is--disabled":I(t),"is--selected":h?b.some(e=>_xeUtils.default.isDateSame(e,t.date,k)):_xeUtils.default.isDateSame(y,t.date,k),"is--hover":_xeUtils.default.isDateSame(x,t.date,k)},onClick:()=>O(t),onMouseenter:()=>K(t)},H(t,(0,_ui.getI18n)("vxe.input.date.quarters.q"+t.quarter)))))))])];return}case"year":{const U=A["multiple"],{datePanelType:D,datePanelValue:P}=Y,S=q.value;var l=re.value;const E=L.value,w="yyyy";return[(0,_vue.h)("table",{class:`vxe-date-picker--date-${D}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("tbody",l.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":I(t),"is--selected":U?E.some(e=>_xeUtils.default.isDateSame(e,t.date,w)):_xeUtils.default.isDateSame(S,t.date,w),"is--hover":_xeUtils.default.isDateSame(P,t.date,w)},onClick:()=>O(t),onMouseenter:()=>K(t)},H(t,t.year))))))])];return}}{const V=A["multiple"],{datePanelType:T,datePanelValue:W}=Y,N=q.value;var e=ie.value,i=ce.value;const M=L.value,C="yyyyMMdd";return[(0,_vue.h)("table",{class:`vxe-date-picker--date-${T}-view`,cellspacing:0,cellpadding:0,border:0},[(0,_vue.h)("thead",[(0,_vue.h)("tr",e.map(e=>(0,_vue.h)("th",e.label)))]),(0,_vue.h)("tbody",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":I(t),"is--selected":V?M.some(e=>_xeUtils.default.isDateSame(e,t.date,C)):_xeUtils.default.isDateSame(N,t.date,C),"is--hover":_xeUtils.default.isDateSame(W,t.date,C)},onClick:()=>O(t),onMouseenter:()=>K(t)},H(t,t.label))))))])]}},nt=()=>{var e=A["multiple"],t=Y["datePanelType"],a=Z.value,l=J.value,i=ae.value;return[(0,_vue.h)("div",{class:"vxe-date-picker--date-picker-header"},[(0,_vue.h)("div",{class:"vxe-date-picker--date-picker-type-wrapper"},["year"===t?(0,_vue.h)("span",{class:"vxe-date-picker--date-picker-label"},i):(0,_vue.h)("span",{class:"vxe-date-picker--date-picker-btn",onClick:Oe},i)]),(0,_vue.h)("div",{class:"vxe-date-picker--date-picker-btn-wrapper"},[(0,_vue.h)("span",{class:["vxe-date-picker--date-picker-btn vxe-date-picker--date-picker-prev-btn",{"is--disabled":a}],onClick:Ke},[(0,_vue.h)("i",{class:"vxe-icon-caret-left"})]),(0,_vue.h)("span",{class:"vxe-date-picker--date-picker-btn vxe-date-picker--date-picker-current-btn",onClick:He},[(0,_vue.h)("i",{class:"vxe-icon-dot"})]),(0,_vue.h)("span",{class:["vxe-date-picker--date-picker-btn vxe-date-picker--date-picker-next-btn",{"is--disabled":l}],onClick:Fe},[(0,_vue.h)("i",{class:"vxe-icon-caret-right"})]),e&&$.value?(0,_vue.h)("span",{class:"vxe-date-picker--date-picker-btn vxe-date-picker--date-picker-confirm-btn"},[(0,_vue.h)("button",{class:"vxe-date-picker--date-picker-confirm",type:"button",onClick:Ze},(0,_ui.getI18n)("vxe.button.confirm"))]):null])]),(0,_vue.h)("div",{class:"vxe-date-picker--date-picker-body"},st())]},dt=()=>{const t=Y["datetimePanelValue"];var e=X.value,a=_e.value,l=me.value,i=fe.value,u=he.value,r=ge.value;return[(0,_vue.h)("div",{class:"vxe-date-picker--time-picker-header"},[l?(0,_vue.h)("div",{class:"vxe-date-picker--time-picker-title"},e):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-date-picker--time-picker-btn"},[(0,_vue.h)("button",{class:"vxe-date-picker--time-picker-confirm",type:"button",onClick:Ze},(0,_ui.getI18n)("vxe.button.confirm"))])]),(0,_vue.h)("div",{ref:F,class:"vxe-date-picker--time-picker-body"},[(0,_vue.h)("ul",{class:"vxe-date-picker--time-picker-hour-list"},a.map((l,e)=>(0,_vue.h)("li",{key:e,class:{"is--selected":t&&t.getHours()===l.value},onClick:e=>{return e=e,t=l,(a=Y.datetimePanelValue)&&a.setHours(t.value),void Qe(e);var t,a}},l.label))),l?(0,_vue.h)("ul",{class:"vxe-date-picker--time-picker-minute-list"},i.map((l,e)=>(0,_vue.h)("li",{key:e,class:{"is--selected":t&&t.getMinutes()===l.value},onClick:e=>{return e=e,t=l,(a=Y.datetimePanelValue)&&a.setMinutes(t.value),void Qe(e);var t,a}},l.label))):(0,_vue.createCommentVNode)(),l&&u?(0,_vue.h)("ul",{class:"vxe-date-picker--time-picker-second-list"},r.map((l,e)=>(0,_vue.h)("li",{key:e,class:{"is--selected":t&&t.getSeconds()===l.value},onClick:e=>{return e=e,t=l,(a=Y.datetimePanelValue)&&a.setSeconds(t.value),void Qe(e);var t,a}},l.label))):(0,_vue.createCommentVNode)()])]},T=(e,t)=>{var a=Ue.value,{options:l,position:i,align:u,mode:r}=a;return(0,_utils.isEnableConf)(a)&&l&&l.length&&(i||"left")===e?(0,_vue.h)("div",{class:`vxe-date-picker--panel-${e}-wrapper`},[(0,_vue.h)(_buttonGroup.default,{options:l,mode:r,align:u,vertical:t,onClick:at})]):(0,_ui.renderEmptyElement)(s)},vt=()=>(0,_vue.h)("div",{class:"vxe-date-picker--control-icon",onClick:V},[(0,_vue.h)("i",{class:["vxe-date-picker--date-picker-icon",(0,_ui.getIcon)().DATE_PICKER_DATE]})]);return(0,_vue.watch)(()=>A.modelValue,e=>{De(e),We()}),(0,_vue.watch)(()=>A.type,()=>{Object.assign(Y,{inputValue:"",datetimePanelValue:null,datePanelValue:null,datePanelLabel:"",datePanelType:"day",selectMonth:null,currentDate:null}),Ne()}),(0,_vue.watch)(n,()=>{x.value&&(u(Y.datePanelValue),Y.inputValue=A.multiple?i.value:Y.datePanelLabel)}),(0,_vue.nextTick)(()=>{_ui.globalEvents.on(s,"mousewheel",ut),_ui.globalEvents.on(s,"mousedown",lt),_ui.globalEvents.on(s,"keydown",it),_ui.globalEvents.on(s,"blur",rt)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(s,"mousewheel"),_ui.globalEvents.off(s,"mousedown"),_ui.globalEvents.off(s,"keydown"),_ui.globalEvents.off(s,"blur")}),Ne(),s.renderVN=()=>{var e,t,a,l,i,u,r,s,n,d,{className:v,type:o,align:c,name:p,autocomplete:_,autoComplete:f}=A,{inputValue:m,visiblePanel:h,isActivated:g}=Y,x=M.value,y=S.value;return P.value?(0,_vue.h)("div",{ref:k,class:["vxe-date-picker--readonly","type--"+o,v]},m):(e=xe.value,t=ye.value,a=be.value,l=G.value,u=A.prefixIcon,i=(i=b.prefix)||u?(0,_vue.h)("div",{class:"vxe-date-picker--prefix",onClick:we},[(0,_vue.h)("div",{class:"vxe-date-picker--prefix-icon"},i?(0,_vn.getSlotVNs)(i({})):[(0,_vue.h)("i",{class:u})])]):null,u=A.suffixIcon,r=Y.inputValue,s=b.suffix,n=S.value,d=G.value,n=(0,_vue.h)("div",{class:["vxe-date-picker--suffix",{"is--clear":d&&!n&&!(""===r||_xeUtils.default.eqNull(r))}]},[d?(0,_vue.h)("div",{class:"vxe-date-picker--clear-icon",onClick:Ve},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]):(0,_vue.createCommentVNode)(),vt(),s||u?(0,_vue.h)("div",{class:"vxe-date-picker--suffix-icon",onClick:Te},s?(0,_vn.getSlotVNs)(s({})):[(0,_vue.h)("i",{class:u})]):(0,_vue.createCommentVNode)()]),(0,_vue.h)("div",{ref:k,class:["vxe-date-picker","type--"+o,v,{["size--"+x]:x,["is--"+c]:c,"is--prefix":!!i,"is--suffix":!!n,"is--visible":h,"is--disabled":y,"is--active":g,"show--clear":l&&!y&&!(""===m||_xeUtils.default.eqNull(m))}],spellcheck:!1},[i||(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-date-picker--wrapper"},[(0,_vue.h)("input",{ref:U,class:"vxe-date-picker--inner",value:m,name:p,type:t,placeholder:a,readonly:e,disabled:y,autocomplete:f||_,onKeydown:Ae,onKeyup:Ye,onWheel:Le,onClick:tt,onInput:Pe,onChange:Se,onFocus:Ee,onBlur:Ce})]),n||(0,_vue.createCommentVNode)(),(()=>{var e=A["type"],{initialized:t,isAniVisible:a,visiblePanel:l,panelPlacement:i,panelStyle:u}=Y,r=M.value,s=R.value,{options:n,position:d}=Ue.value,v=b.header,o=b.footer,c=b.top,p=b.bottom,_=b.left,f=b.right,n=n&&n.length,m=[];return m.push("datetime"===e?(0,_vue.h)("div",{key:e,ref:D,class:"vxe-date-picker--panel-datetime-layout-wrapper"},[(0,_vue.h)("div",{class:"vxe-date-picker--panel-datetime-left-wrapper"},nt()),(0,_vue.h)("div",{class:"vxe-date-picker--panel-datetime-right-wrapper"},dt())]):"time"===e?(0,_vue.h)("div",{key:e,ref:D,class:"vxe-date-picker--panel-wrapper"},dt()):(0,_vue.h)("div",{key:e||"default",ref:D,class:"vxe-date-picker--panel-wrapper"},nt())),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!s||!t},[(0,_vue.h)("div",{ref:C,class:["vxe-table--ignore-clear vxe-date-picker--panel","type--"+e,{["size--"+r]:r,"is--transfer":s,"ani--leave":a,"ani--enter":l,"show--top":!!(c||v||n&&("top"===d||"header"===d)),"show--bottom":!!(p||o||n&&("bottom"===d||"footer"===d)),"show--left":!!(_||n&&"left"===d),"show--right":!!(f||n&&"right"===d)}],placement:i,style:u},t&&(l||a)?[(0,_vue.h)("div",{class:"vxe-date-picker--panel-layout-wrapper"},[c?(0,_vue.h)("div",{class:"vxe-date-picker--panel-top-wrapper"},c({})):T("top"),(0,_vue.h)("div",{class:"vxe-date-picker--panel-body-layout-wrapper"},[_?(0,_vue.h)("div",{class:"vxe-date-picker--panel-left-wrapper"},_({})):T("left",!0),(0,_vue.h)("div",{class:"vxe-date-picker--panel-body-content-wrapper"},[v?(0,_vue.h)("div",{class:"vxe-date-picker--panel-header-wrapper"},v({})):T("header"),(0,_vue.h)("div",{class:"vxe-date-picker--panel-body-wrapper"},m),o?(0,_vue.h)("div",{class:"vxe-date-picker--panel-footer-wrapper"},o({})):T("footer")]),f?(0,_vue.h)("div",{class:"vxe-date-picker--panel-right-wrapper"},f({})):T("right",!0)]),p?(0,_vue.h)("div",{class:"vxe-date-picker--panel-bottom-wrapper"},p({})):T("bottom")])]:[])])})()]))},s},render(){return this.renderVN()}});
|