bkui-vue 0.0.1-beta.6 → 0.0.1-beta.62

package/lib/date-picker/index.js

@@ -0,0 +1 @@
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../directives"),require("../icon"),require("js-calendar"),require("date-fns"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../directives","../icon","js-calendar","date-fns"],t);else{var n="object"==typeof exports?t(require("../shared"),require("vue"),require("../directives"),require("../icon"),require("js-calendar"),require("date-fns")):t(e["../shared"],e.vue,e["../directives"],e["../icon"],e["js-calendar"],e["date-fns"]);for(var a in n)("object"==typeof exports?exports:e)[a]=n[a]}}(self,((e,t,n,a,r,i)=>(()=>{"use strict";var o={4061:e=>{e.exports=n},6870:e=>{e.exports=a},4212:t=>{t.exports=e},7876:e=>{e.exports=i},7926:e=>{e.exports=r},748:e=>{e.exports=t}},l={};function c(e){var t=l[e];if(void 0!==t)return t.exports;var n=l[e]={exports:{}};return o[e](n,n.exports,c),n.exports}c.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return c.d(t,{a:t}),t},c.d=(e,t)=>{for(var n in t)c.o(t,n)&&!c.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},c.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),c.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var u={};return(()=>{c.r(u),c.d(u,{default:()=>ie});var e=c(4212);function t(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function n(e,n){if(e){if("string"==typeof e)return t(e,n);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?t(e,n):void 0}}function a(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i=[],o=!0,l=!1;try{for(n=n.call(e);!(o=(a=n.next()).done)&&(i.push(a.value),!t||i.length!==t);o=!0);}catch(e){l=!0,r=e}finally{try{o||null==n.return||n.return()}finally{if(l)throw r}}return i}}(e,t)||n(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function r(e){return function(e){if(Array.isArray(e))return t(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||n(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(e){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i(e)}var o=c(748),l=c(4061),s={placement:{type:String,default:"bottom-start",validator:function(e){return!(["top","top-start","top-end","bottom","bottom-start","bottom-end","left","left-start","left-end","right","right-start","right-end"].indexOf(e)<0&&(console.error("placement property is not valid: '".concat(e,"'")),1))}},className:{type:String},extPopoverCls:{type:String},appendToBody:{type:Boolean},triggerRef:{type:Object},onClick:Function};const d=(0,o.defineComponent)({props:s,emits:["changeVisible"],setup:function(t,n){var a=n.emit,r=Object.create(null),i=(0,o.ref)(null);(0,o.onMounted)((function(){c()})),(0,o.onBeforeUnmount)((function(){l()}));var l=function(){if(r&&0!==Object.keys(r).length){var e=r;e.isShow&&e.hide(),e.destroy(),r=null,a("changeVisible",!1)}},c=function(){r&&0!==Object.keys(r).length?(0,o.nextTick)((function(){r.update()})):(0,o.nextTick)((function(){r=new e.BKPopover(t.triggerRef,i.value,{placement:t.placement,trigger:"manual",modifiers:[{name:"computeStyles",options:{adaptive:!1,gpuAcceleration:!1}},{name:"offset",options:{offset:[0,4]}}]})}))},u=(0,o.computed)((function(){var n={};return t.appendToBody&&(n["z-index"]=1060+e.bkZIndexManager.getModalNextIndex()),n})),s=(0,o.reactive)({styles:u});return Object.assign(Object.assign({},(0,o.toRefs)(s)),{refContentRef:i,updateDropdown:c,destoryDropdown:l})},render:function(){var e,t,n;return(0,o.createVNode)("div",{ref:"refContentRef",class:["bk-date-picker-dropdown",this.className,this.extPopoverCls],style:this.styles,onClick:this.onClick},[null!==(n=null===(t=(e=this.$slots).default)||void 0===t?void 0:t.call(e))&&void 0!==n?n:""])}});var f=c(6870),p={showTime:{type:Boolean,required:!0},isTime:{type:Boolean,default:!1},timeDisabled:{type:Boolean,default:!1},clearable:{type:Boolean,default:!0}};const h=(0,o.defineComponent)({props:p,emits:["pick-clear","pick-success","pick-toggle-time"],setup:function(e,t){var n=t.emit,a=(0,o.computed)((function(){return{time:e.isTime?"选择日期":"选择时间",clear:"清除",ok:"确定"}})),i=(0,o.ref)(null);return{labels:a,handleClear:function(){n("pick-clear")},handleSuccess:function(){n("pick-success")},handleToggleTime:function(){e.timeDisabled||n("pick-toggle-time")},handleTab:function(e){var t=r(i.value.children)[e.shiftKey?"shift":"pop"]();document.activeElement===t&&(e.preventDefault(),e.stopPropagation())}}},render:function(){return(0,o.createVNode)("div",{class:"bk-picker-confirm",ref:"elRef",onKeydown:this.handleTab},[this.showTime?(0,o.createVNode)("a",{href:"javascript: void(0);",class:"bk-picker-confirm-time",disabled:this.timeDisabled,onClick:this.handleToggleTime},[this.labels.time]):"",this.clearable?(0,o.createVNode)("a",{href:"javascript: void(0);",onClick:this.handleClear,onKeydown:this.handleClear},[this.labels.clear]):"",(0,o.createVNode)("a",{href:"javascript: void(0);",class:"confirm",onClick:this.handleSuccess,onKeydown_enter:this.handleSuccess},[this.labels.ok])])}});function m(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var y=c(7926),g=c.n(y),b=c(7876),v={},k=/d{1,4}|M{1,4}|yy(?:yy)?|S{1,3}|Do|ZZ|([HhMsDm])\1?|[aA]|"[^"]*"|'[^']*'/g,D=/\d\d?/,w=/[0-9]*['a-z\u00A0-\u05FF\u0700-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+|[\u0600-\u06FF\\/]+(\s*?[\u0600-\u06FF]+){1,2}/i,S=function(){};function V(e,t){for(var n=[],a=0,r=e.length;a<r;a++)n.push(e[a].substr(0,t));return n}function M(e){return function(t,n,a){var r=a[e].indexOf(n.charAt(0).toUpperCase()+n.substr(1).toLowerCase());~r&&(t.month=r)}}function P(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:2,n=String(e);n.length<t;)n="0".concat(n);return n}var N=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],T=["January","February","March","April","May","June","July","August","September","October","November","December"],C=V(T,3),x=V(N,3);v.i18n={dayNamesShort:x,dayNames:N,monthNamesShort:C,monthNames:T,amPm:["am","pm"],DoFn:function(e){return e+["th","st","nd","rd"][e%10>3?0:(e-e%10!=10)*e%10]}};var F={D:function(e){return e.getDay()},DD:function(e){return P(e.getDay())},Do:function(e,t){return t.DoFn(e.getDate())},d:function(e){return e.getDate()},dd:function(e){return P(e.getDate())},ddd:function(e,t){return t.dayNamesShort[e.getDay()]},dddd:function(e,t){return t.dayNames[e.getDay()]},M:function(e){return e.getMonth()+1},MM:function(e){return P(e.getMonth()+1)},MMM:function(e,t){return t.monthNamesShort[e.getMonth()]},MMMM:function(e,t){return t.monthNames[e.getMonth()]},yy:function(e){return String(e.getFullYear()).substr(2)},yyyy:function(e){return e.getFullYear()},h:function(e){return e.getHours()%12||12},hh:function(e){return P(e.getHours()%12||12)},H:function(e){return e.getHours()},HH:function(e){return P(e.getHours())},m:function(e){return e.getMinutes()},mm:function(e){return P(e.getMinutes())},s:function(e){return e.getSeconds()},ss:function(e){return P(e.getSeconds())},S:function(e){return Math.round(e.getMilliseconds()/100)},SS:function(e){return P(Math.round(e.getMilliseconds()/10),2)},SSS:function(e){return P(e.getMilliseconds(),3)},a:function(e,t){return e.getHours()<12?t.amPm[0]:t.amPm[1]},A:function(e,t){return e.getHours()<12?t.amPm[0].toUpperCase():t.amPm[1].toUpperCase()},ZZ:function(e){var t=e.getTimezoneOffset();return(t>0?"-":"+")+P(100*Math.floor(Math.abs(t)/60)+Math.abs(t)%60,4)}},O={d:[D,function(e,t){e.day=t}],M:[D,function(e,t){e.month=t-1}],yy:[D,function(e,t){var n=new Date,a=+"".concat(n.getFullYear()).substr(0,2);e.year="".concat(t>68?a-1:a).concat(t)}],h:[D,function(e,t){e.hour=t}],m:[D,function(e,t){e.minute=t}],s:[D,function(e,t){e.second=t}],yyyy:[/\d{4}/,function(e,t){e.year=t}],S:[/\d/,function(e,t){e.millisecond=100*t}],SS:[/\d{2}/,function(e,t){e.millisecond=10*t}],SSS:[/\d{3}/,function(e,t){e.millisecond=t}],D:[D,S],ddd:[w,S],MMM:[w,M("monthNamesShort")],MMMM:[w,M("monthNames")],a:[w,function(e,t,n){var a=t.toLowerCase();a===n.amPm[0]?e.isPm=!1:a===n.amPm[1]&&(e.isPm=!0)}],ZZ:[/[\\+\\-]\d\d:?\d\d/,function(e,t){var n,a="".concat(t).match(/([\\+\\-]|\d\d)/gi);a&&(n=60*a[1]+parseInt(a[2],10),e.timezoneOffset="+"===a[0]?n:-n)}]};O.DD=O.D,O.dddd=O.ddd,O.Do=O.dd=O.d,O.mm=O.m,O.hh=O.H=O.HH=O.h,O.MM=O.M,O.ss=O.s,O.A=O.a,v.masks={default:"ddd MMM dd yyyy HH:mm:ss",shortDate:"M/D/yy",mediumDate:"MMM d, yyyy",longDate:"MMMM d, yyyy",fullDate:"dddd, MMMM d, yyyy",shortTime:"HH:mm",mediumTime:"HH:mm:ss",longTime:"HH:mm:ss.SSS"},v.format=function(e,t,n){var a=n||v.i18n;if("number"==typeof e&&(e=new Date(e)),"[object Date]"!==Object.prototype.toString.call(e)||isNaN(e.getTime()))throw new Error("Invalid Date in fecha.format");return(t=v.masks[t]||t||v.masks.default).replace(k,(function(t){return t in F?F[t](e,a):t.slice(1,t.length-1)}))},v.parse=function(e,t,n){var a=n||v.i18n;if("string"!=typeof t)throw new Error("Invalid format in fecha.parse");if(t=v.masks[t]||t,e.length>1e3)return!1;var r=!0,i={};if(t.replace(k,(function(t){if(O[t]){var n=O[t],o=e.search(n[0]);~o?e.replace(n[0],(function(t){return n[1](i,t,a),e=e.substr(o+t.length),t})):r=!1}return O[t]?"":t.slice(1,t.length-1)})),!r)return!1;var o,l=new Date;return!0===i.isPm&&null!==i.hour&&12!=+i.hour?i.hour=+i.hour+12:!1===i.isPm&&12==+i.hour&&(i.hour=0),null!==i.timezoneOffset&&void 0!==i.timezoneOffset?(i.minute=+(i.minute||0)-+i.timezoneOffset,o=new Date(Date.UTC(i.year||l.getFullYear(),i.month||0,i.day||1,i.hour||0,i.minute||0,i.second||0,i.millisecond||0))):o=new Date(i.year||l.getFullYear(),i.month||0,i.day||1,i.hour||0,i.minute||0,i.second||0,i.millisecond||0),o};const L=v;var H=" - ",A=function(e,t){var n=(0,b.toDate)(new Date(e));return!n||isNaN(n.getTime())?"":(0,b.format)(n,t||"yyyy-MM-dd")},j=function(e,t){if(Array.isArray(e)&&2===e.length){var n=e[0],a=e[1];if(n&&a)return A(n,t)+H+A(a,t)}else if(!Array.isArray(e)&&e instanceof Date)return A(e,t);return""},B=function(e,t){var n=Array.isArray(e)?e:e.split(H);if(2===n.length){var a=n[0],r=n[1];return[a instanceof Date?a:L.parse(a,t||"yyyy-MM-dd"),r instanceof Date?r:L.parse(r,t||"yyyy-MM-dd")]}return[]},R={default:{formatter:function(e){return e?"".concat(e):""},parser:function(e){return void 0===e||""===e?null:e}},date:{formatter:function(e,t){return A(e,t)},parser:function(e,t){return L.parse(e,t||"yyyy-MM-dd")}},datetime:{formatter:function(e,t){return A(e,t)},parser:function(e,t){return L.parse(e,t||"yyyy-MM-dd")}},daterange:{formatter:j,parser:B},datetimerange:{formatter:j,parser:B},timerange:{formatter:j,parser:B},time:{formatter:function(e,t){return A(e,t)},parser:function(e,t){return L.parse(e,t||"yyyy-MM-dd")}},month:{formatter:function(e,t){return A(e,t)},parser:function(e,t){return L.parse(e,t||"yyyy-MM-dd")}},year:{formatter:function(e,t){return A(e,t)},parser:function(e,t){return L.parse(e,t||"yyyy-MM-dd")}},multiple:{formatter:function(e,t){return e.filter(Boolean).map((function(e){return A(e,t)})).join(",")},parser:function(e,t){return("string"==typeof e?e.split(","):e).map((function(e){if(e instanceof Date)return e;var n=e;return"string"==typeof e?n=e.trim():"number"==typeof e||e||(n=""),L.parse(n,t||"yyyy-MM-dd")}))}},number:{formatter:function(e){return e?"".concat(e):""},parser:function(e){var t=Number(e);return isNaN(e)?null:t}}},z=function(e){return e?[e.getHours(),e.getMinutes(),e.getSeconds()]:[0,0,0]},I={date:"yyyy-MM-dd",month:"yyyy-MM",year:"yyyy",datetime:"yyyy-MM-dd HH:mm:ss",time:"HH:mm:ss",timerange:"HH:mm:ss",daterange:"yyyy-MM-dd",datetimerange:"yyyy-MM-dd HH:mm:ss"},Y=function(e,t,n,r){var i=t.includes("range"),o=(R[t]||R.default).parser,l=r||I[t],c=R.multiple.parser,u=e;if(!e||"time"!==t||e instanceof Date)if(n&&e)u=c(e,l);else if(i)if(e)if("string"==typeof e)u=o(e,l);else if("timerange"===t)u=o(e,l).map((function(e){return e||""}));else{var s=a(e,2),d=s[0],f=s[1];d instanceof Date&&f instanceof Date?u=e.map((function(e){return new Date(e)})):"string"==typeof d&&"string"==typeof f?u=o(e.join(H),l):d&&f||(u=[null,null])}else u=[null,null];else"string"==typeof e&&0!==t.indexOf("time")&&(u=o(e,l)||null);else u=o(e,l);return i||n?u||[]:[u]},q=function(e,t,n,a){var r=I[t];return n?(0,R.multiple.formatter)(e,a||r):(0,(R[t]||R.default).formatter)(e,a||r)},E=Symbol("date-picker");function U(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return["bk-picker-panel-icon-btn","bk-date-picker-".concat(e,"-btn"),"bk-date-picker-".concat(e,"-btn-arrow").concat(t)]}var K,J,Z=function(e,t){var n,a=new Date(e),r=a.getMonth()+t,i=(n=a.getFullYear(),new Date(n,r+1,0).getDate());return i<a.getDate()&&a.setDate(i),a.setMonth(r),a},$=(K={yyyy:function(e){return e.getFullYear()},m:function(e){return e.getMonth()+1},mm:function(e){return"0".concat(e.getMonth()+1).slice(-2)},mmm:function(e,t){return e.toLocaleDateString(t,{month:"long"}).slice(0,3)},Mmm:function(e,t){var n=e.toLocaleDateString(t,{month:"long"});return(n[0].toUpperCase()+n.slice(1).toLowerCase()).slice(0,3)},mmmm:function(e,t){return e.toLocaleDateString(t,{month:"long"})},Mmmm:function(e,t){var n=e.toLocaleDateString(t,{month:"long"});return n[0].toUpperCase()+n.slice(1).toLowerCase()}},J=new RegExp(["yyyy","Mmmm","mmmm","Mmm","mmm","mm","m"].join("|"),"g"),function(e,t,n){var a=t.match(/(\[[^\]]+\])([^\\[\]]+)(\[[^\]]+\])/).slice(1);return{separator:a[1],labels:[a[0],a[2]].map((function(t){return{label:t.replace(/\[[^\]]+\]/,(function(t){return t.slice(1,-1).replace(J,(function(t){return K[t](n,e)}))})),type:-1!==t.indexOf("yy")?"year":"month"}}))}}),_=function(e){var t=new Date(e);return t.setHours(0,0,0,0),t.getTime()},W=function(e,t,n){if(!t||!n)return!1;var r=a([t,n].sort(),2),i=r[0],o=r[1];return e>=i&&e<=o},G={tableDate:{type:Date,required:!0},disableDate:Function,selectionMode:{type:String,required:!0},modelValue:{type:[Date,String,Number,Array]},rangeState:{type:Object,default:function(){return{from:null,to:null,selecting:!1}}},focusedDate:{type:Date,required:!0}};const Q=(0,o.defineComponent)({props:G,emits:["pick","pick-click","changeRange"],setup:function(e,t){var n=t.emit,r=(0,o.computed)((function(){return new(g().Generator)({onlyDays:!0,weekStart:0})})),i=(0,o.computed)((function(){var e=["日","一","二","三","四","五","六"];return e.splice(0,7).concat(e.splice(0,0))})),l=(0,o.computed)((function(){return"range"===e.selectionMode&&e.rangeState.selecting?[e.rangeState.from]:e.modelValue}));return{headerDays:i,cells:(0,o.computed)((function(){var t=e.tableDate.getFullYear(),n=e.tableDate.getMonth(),i=_(new Date),o=l.value.filter(Boolean).map(_),c=a(l.value.map(_),2),u=c[0],s=c[1],d=e.rangeState.from&&_(e.rangeState.from),f=e.rangeState.to&&_(e.rangeState.to),p="range"===e.selectionMode,h="function"==typeof e.disableDate&&e.disableDate;return r.value(t,n,(function(e){e.date instanceof Date&&e.date.setTime(e.date.getTime()+6e4*e.date.getTimezoneOffset());var t=e.date&&_(e.date),a=e.date&&n===e.date.getMonth();return Object.assign(Object.assign({},e),{type:t===i?"today":e.type,selected:a&&o.includes(t),disabled:e.date&&h&&h(new Date(t)),range:a&&p&&W(t,d,f),start:a&&p&&t===u,end:a&&p&&t===s})})).cells.slice(0)})),getCellCls:function(e){var t;return["bk-date-picker-cells-cell",(t={},m(t,"bk-date-picker-cells-cell-selected",e.selected||e.start||e.end),m(t,"bk-date-picker-cells-cell-disabled",e.disabled),m(t,"bk-date-picker-cells-cell-today","today"===e.type),m(t,"bk-date-picker-cells-cell-prev-month","prevMonth"===e.type),m(t,"bk-date-picker-cells-cell-next-month","nextMonth"===e.type),m(t,"bk-date-picker-cells-cell-week-label","weekLabel"===e.type),m(t,"bk-date-picker-cells-cell-range",e.range&&!e.start&&!e.end),t)]},handleClick:function(e){if(!e.disabled&&"weekLabel"!==e.type){var t=new Date(_(e.date));n("pick",t),n("pick-click")}},handleMouseMove:function(t){if(e.rangeState.selecting&&!t.disabled){var a=t.date;n("changeRange",a)}}}},render:function(){var e=this;return(0,o.createVNode)("div",{class:"bk-date-picker-cells"},[(0,o.createVNode)("div",{class:"bk-date-picker-cells-header"},[this.headerDays.map((function(e){return(0,o.createVNode)("span",null,[e])}))]),this.cells.map((function(t){return(0,o.createVNode)("span",{class:e.getCellCls(t),onClick:function(){return e.handleClick(t)},onMouseenter:function(){return e.handleMouseMove(t)}},[(0,o.createVNode)("em",null,[t.desc])])}))])}});var X={modelValue:{type:[Date,String,Number,Array]},shortcuts:{type:Array,default:function(){return[]}},multiple:{type:Boolean,default:!1},clearable:{type:Boolean,default:!0},shortcutClose:{type:Boolean,default:!1},selectionMode:{type:String,default:"date",validator:function(e){return!(["year","month","date","time"].indexOf(e)<0&&(console.error("selectionMode property is not valid: '".concat(e,"'")),1))}},startDate:{type:Date},disableDate:Function,focusedDate:{type:Date,required:!0},confirm:{type:Boolean,default:!1},showTime:{type:Boolean,default:!1}};const ee=(0,o.defineComponent)({props:X,emits:["pick","pick-success","pick-clear"],setup:function(e,t){var n=this,a=t.emit,r=function(e){return e.match(/^time/)?"time-picker":"".concat(e,"-table")},i=e.modelValue.slice().sort(),l=(0,o.reactive)({currentView:e.selectionMode||"date",pickerTable:r(e.selectionMode),dates:i,panelDate:e.startDate||i[0]||new Date}),c=function(){setTimeout((function(){l.currentView=e.selectionMode}),500)},u=function(e){l.panelDate=e,"year-table"===l.pickerTable?l.pickerTable="month-table":l.pickerTable=r(l.currentView)},s=function(t,n){var r;r="year"===e.selectionMode?new Date(t.getFullYear(),0,1):"month"===e.selectionMode?new Date(l.panelDate.getFullYear(),t.getMonth(),1):new Date(t),l.dates=[r],a("pick",r,!1,n||e.selectionMode)},d=function(){c(),a("pick-success")},f=(0,o.ref)(null),p=(0,o.ref)(null),h=(0,o.computed)((function(){return l.pickerTable==="".concat(l.currentView,"-table")?s:u})),m=(0,o.computed)((function(){var e=l.panelDate,t=$("zh-CN","[yyyy]-[mm]",e),n=t.labels;return{separator:t.separator,labels:n.map((function(e){var t,n=e;return n.handler=(t=e.type,function(){l.pickerTable=r(t)}),n}))}})),y=(0,o.computed)((function(){return"year"===m.value.labels[0].type||"date"===l.currentView})),g=(0,o.computed)((function(){return"year"===m.value.labels[1].type||"date"===l.currentView})),b=(0,o.computed)((function(){return"time"===l.currentView}));return Object.assign(Object.assign({},(0,o.toRefs)(l)),{panelPickerHandlers:h,datePanelLabel:m,showLabelFirst:y,showLabelSecond:g,handleShortcutClick:function(t){t.value&&a("pick",t.value(),!1,void 0,t),t.onClick&&t.onClick(n),e.shortcutClose&&d()},changeYear:function(t){"year"===e.selectionMode||"year-table"===l.pickerTable?l.panelDate=new Date(l.panelDate.getFullYear()+10*t,0,1):l.panelDate=Z(l.panelDate,12*t)},changeMonth:function(e){l.panelDate=Z(l.panelDate,e)},reset:function(){l.currentView=e.selectionMode,l.pickerTable=r(l.currentView)},isTime:b,onToggleVisibility:function(e){var t,n;e&&(null===(t=null==f?void 0:f.value)||void 0===t||t.updateScroll(),null===(n=null==p?void 0:p.value)||void 0===n||n.updateScroll())},handleToggleTime:function(){l.currentView="time"===l.currentView?"date":"time"},handlePickSuccess:d,handlePickClear:function(){c(),a("pick-clear")}})},render:function(){var e=this;return(0,o.createVNode)("div",{class:["bk-picker-panel-body-wrapper",this.shortcuts.length?"bk-picker-panel-with-sidebar":""],onMousedown:function(e){e.preventDefault()}},[this.shortcuts.length?(0,o.createVNode)("div",{class:"bk-picker-panel-sidebar"},[this.shortcuts.map((function(t){return(0,o.createVNode)("div",{class:"bk-picker-panel-shortcut",onClick:function(){return e.handleShortcutClick(t)}},[t.text])}))]):"",(0,o.createVNode)("div",{class:"bk-picker-panel-body",style:"width: 261px;"},[(0,o.withDirectives)((0,o.createVNode)("div",{class:"bk-date-picker-header"},[(0,o.createVNode)("span",{class:U("prev","-double"),onClick:function(){return e.changeYear(-1)}},[(0,o.createVNode)(f.AngleDoubleLeft,{style:{fontSize:"20px",lineHeight:1}},null)]),"date-table"===this.pickerTable?(0,o.withDirectives)((0,o.createVNode)("span",{class:U("prev"),onClick:function(){return e.changeMonth(-1)}},[(0,o.createVNode)(f.AngleLeft,{style:{fontSize:"20px",lineHeight:1}},null)]),[[o.vShow,"date"===this.currentView]]):"",this.datePanelLabel&&Object.keys(this.datePanelLabel).length>0?(0,o.createVNode)("span",null,[(0,o.withDirectives)((0,o.createVNode)("span",{class:"bk-date-picker-header-label",onClick:function(){return e.datePanelLabel.labels[0].handler}},[this.datePanelLabel.labels[0].label]),[[o.vShow,this.showLabelFirst]]),"date"===this.currentView?" ".concat(this.datePanelLabel.separator," "):" ",(0,o.withDirectives)((0,o.createVNode)("span",{class:"bk-date-picker-header-label",onClick:function(){return e.datePanelLabel.labels[1].handler}},[this.datePanelLabel.labels[1].label]),[[o.vShow,this.showLabelSecond]])]):"",(0,o.createVNode)("span",{class:U("next","-double"),onClick:function(){return e.changeYear(1)}},[(0,o.createVNode)(f.AngleDoubleRight,{style:{fontSize:"20px",lineHeight:1}},null)]),"date-table"===this.pickerTable?(0,o.withDirectives)((0,o.createVNode)("span",{class:U("next"),onClick:function(){return e.changeMonth(1)}},[(0,o.createVNode)(f.AngleRight,{style:{fontSize:"20px",lineHeight:1}},null)]),[[o.vShow,"date"===this.currentView]]):""]),[[o.vShow,"time"!==this.currentView]]),(0,o.createVNode)("div",{class:"bk-picker-panel-content"},["time"!==this.currentView?"date-table"===e.pickerTable?(0,o.createVNode)(Q,{tableDate:e.panelDate,disableDate:e.disableDate,selectionMode:e.selectionMode,modelValue:e.dates,focusedDate:e.focusedDate,onPick:e.panelPickerHandlers},null):null:""]),this.confirm?(0,o.createVNode)(h,{clearable:this.clearable,showTime:this.showTime,isTime:this.isTime,"onPick-toggle-time":this.handleToggleTime,"onPick-clear":this.handlePickClear,"onPick-success":this.handlePickSuccess},null):""])])}});var te={modelValue:{type:[Date,String,Number,Array]},type:{type:String,default:"date",validator:function(e){return!(["year","month","date","daterange","datetime","datetimerange","time","timerange"].indexOf(e)<0&&(console.error("type property is not valid: '".concat(e,"'")),1))}},shortcuts:{type:Array,default:function(){return[]}},clearable:{type:Boolean,default:!0},splitPanels:{type:Boolean,default:!0},shortcutClose:{type:Boolean,default:!1},showTime:{type:Boolean,default:!1},selectionMode:{type:String,default:"date",validator:function(e){return!(["year","month","date","time"].indexOf(e)<0&&(console.error("selectionMode property is not valid: '".concat(e,"'")),1))}},startDate:{type:Date},upToNow:{type:Boolean,default:!1},disableDate:Function,focusedDate:{type:Date,required:!0},confirm:{type:Boolean,default:!1}};const ne=(0,o.defineComponent)({props:te,emits:["pick"],setup:function(e,t){var n=t.emit,r=e.modelValue.map((function(e){return e||function(){var e=new Date;return e.setHours(0),e.setMinutes(0),e.setSeconds(0),e}()})),i=a(r,2),l=i[0],c=i[1],u=e.startDate?e.startDate:l,s=(0,o.reactive)({currentView:e.selectionMode||"date",leftPickerTable:"".concat(e.selectionMode,"-table"),rightPickerTable:"".concat(e.selectionMode,"-table"),leftPanelDate:u,rightPanelDate:new Date(u.getFullYear(),u.getMonth()+1,1),rangeState:{from:e.modelValue[0],to:e.modelValue[1],selecting:l&&!c},upToNowEnable:!1,dates:e.modelValue}),d=function(e,t){return e&&t?e.getTime()-t.getTime():0},f=(0,o.ref)(null),p=(0,o.ref)(null),h=function t(n,a,r){var i=!(arguments.length>3&&void 0!==arguments[3])||arguments[3],o=new Date(s["".concat(n,"PanelDate")]);if(o["set".concat(a)](o["get".concat(a)]()+r),s["".concat(n,"PanelDate")]=o,i)if(e.splitPanels){var l="left"===n?"right":"left";"left"===n&&s.leftPanelDate>=s.rightPanelDate&&t(l,a,1),"right"===n&&s.rightPanelDate<=s.leftPanelDate&&t(l,a,-1)}else{var c="left"===n?"right":"left",u=s["".concat(c,"PanelDate")],d=new Date(u);if("Month"===a){var f=new Date(d.getFullYear(),d.getMonth()+r+1,0).getDate();d.setDate(Math.min(f,d.getDate()))}d["set".concat(a)](d["get".concat(a)]()+r),s["".concat(c,"PanelDate")]=d}},m=function(e){s["".concat(e,"PickerTable")]="year-table"},y=function(e){s["".concat(e,"PickerTable")]="month-table"},g=function(e){var t=s["".concat(e,"PanelDate")],n=$("zh-CN","[yyyy]-[mm]",t),a=n.labels;return{separator:n.separator,labels:a.map((function(t){var n,a,r=t;return r.handler=(n=t.type,a="month"===n?y:m,function(){return a(e)}),r}))}},b=function(t,r){if(console.warn("handleRangePick"),s.rangeState.selecting||"time"===s.currentView){if("time"===s.currentView)s.dates=t;else{var i=a([s.rangeState.from,t].sort(d),2),o=i[0],l=i[1],c="upToNow"===r?new Date:new Date(new Date(new Date(l.setHours(23)).setMinutes(59)).setSeconds(59));s.dates=[o,c],s.rangeState={from:o,to:c,selecting:!1}}!function(t,a){n("pick",s.dates,!1,a||e.type)}(0,r||"date")}else s.upToNowEnable=new Date(t).getTime()<(new Date).getTime(),s.rangeState={from:t,to:null,selecting:!0}},v=function(t,n){s["".concat(t,"PanelDate")]=n;var a=s["".concat(t,"PickerTable")];if(s["".concat(t,"PickerTable")]="year-table"===a?"month-table":"".concat(s.currentView,"-table"),!e.splitPanels){var r="left"===t?"right":"left";s["".concat(r,"PanelDate")]=n,h(r,"Month","left"===r?-1:1,!1)}};(0,o.watch)((function(){return e.selectionMode}),(function(e){s.currentView=e||"range"}));var k=(0,o.computed)((function(){return"time"===s.currentView})),D=(0,o.computed)((function(){return g("left")})),w=(0,o.computed)((function(){return g("right")})),S=(0,o.computed)((function(){return s.leftPickerTable.split("-").shift()})),V=(0,o.computed)((function(){return s.rightPickerTable.split("-").shift()})),M=(0,o.computed)((function(){return"year"===D.value.labels[0].type||"date"===s.currentView})),P=(0,o.computed)((function(){return"year"===D.value.labels[1].type||"date"===s.currentView})),N=(0,o.computed)((function(){return"year"===w.value.labels[0].type||"date"===s.currentView})),T=(0,o.computed)((function(){return"year"===w.value.labels[1].type||"date"===s.currentView})),C=(0,o.computed)((function(){var e="".concat(s.currentView,"-table");return{left:s.leftPickerTable!==e,right:s.rightPickerTable!==e}})),x=(0,o.computed)((function(){return{left:C.value.left?v.bind("left"):b,right:C.value.right?v.bind("right"):b}}));return Object.assign(Object.assign({},(0,o.toRefs)(s)),{isTime:k,prevYear:function(e){var t="year"===s.currentView?-10:-1;h(e,"FullYear",t)},nextYear:function(e){var t="year"===s.currentView?10:1;h(e,"FullYear",t)},prevMonth:function(e){h(e,"Month",-1)},nextMonth:function(e){h(e,"Month",1)},leftDatePanelLabel:D,rightDatePanelLabel:w,leftDatePanelView:S,rightDatePanelView:V,leftShowLabelFirst:M,leftShowLabelSecond:P,rightShowLabelFirst:N,rightShowLabelSecond:T,preSelecting:C,panelPickerHandlers:x,reset:function(){s.currentView=e.selectionMode,s.leftPickerTable="".concat(s.currentView,"-table"),s.rightPickerTable="".concat(s.currentView,"-table")},onToggleVisibility:function(e){var t,n;e&&(null===(t=null==f?void 0:f.value)||void 0===t||t.updateScroll(),null===(n=null==p?void 0:p.value)||void 0===n||n.updateScroll())},handleRangePick:b,handleChangeRange:function(e){s.rangeState.to=e}})},render:function(){var e=this;return(0,o.createVNode)("div",{class:["bk-picker-panel-body-wrapper","bk-date-picker-with-range",this.shortcuts.length||this.$slots.shortcuts?"bk-picker-panel-with-sidebar":""],onMousedown:function(e){e.preventDefault()}},[(0,o.createVNode)("div",{class:["bk-picker-panel-body",this.showTime?"bk-picker-panel-body-time":"bk-picker-panel-body-date"]},[(0,o.withDirectives)((0,o.createVNode)("div",{class:"bk-picker-panel-content bk-picker-panel-content-left",style:"width: 261px;"},[(0,o.withDirectives)((0,o.createVNode)("div",{class:"bk-date-picker-header"},[(0,o.createVNode)("span",{class:U("prev","-double"),onClick:function(){return e.prevYear("left")}},[(0,o.createVNode)(f.AngleDoubleLeft,{style:{fontSize:"20px",lineHeight:1}},null)]),"date-table"===this.leftPickerTable?(0,o.withDirectives)((0,o.createVNode)("span",{class:U("prev"),onClick:function(){return e.prevMonth("left")}},[(0,o.createVNode)(f.AngleLeft,{style:{fontSize:"20px",lineHeight:1}},null)]),[[o.vShow,"date"===this.currentView]]):"",this.leftDatePanelLabel&&Object.keys(this.leftDatePanelLabel).length>0?(0,o.createVNode)("span",null,[(0,o.withDirectives)((0,o.createVNode)("span",{class:"bk-date-picker-header-label",onClick:function(){return e.leftDatePanelLabel.labels[0].handler}},[this.leftDatePanelLabel.labels[0].label]),[[o.vShow,this.leftShowLabelFirst]]),"date"===this.leftDatePanelView?" ".concat(this.leftDatePanelLabel.separator," "):" ",(0,o.withDirectives)((0,o.createVNode)("span",{class:"bk-date-picker-header-label",onClick:function(){return e.leftDatePanelLabel.labels[1].handler}},[this.leftDatePanelLabel.labels[1].label]),[[o.vShow,this.leftShowLabelSecond]])]):"",this.splitPanels||"date-table"!==this.leftPickerTable?(0,o.createVNode)("span",{class:U("next","-double"),onClick:function(){return e.nextYear("left")}},[(0,o.createVNode)(f.AngleDoubleRight,{style:{fontSize:"20px",lineHeight:1}},null)]):"",this.splitPanels||"date-table"===this.leftPickerTable?(0,o.withDirectives)((0,o.createVNode)("span",{class:U("next"),onClick:function(){return e.nextMonth("left")}},[(0,o.createVNode)(f.AngleRight,{style:{fontSize:"20px",lineHeight:1}},null)]),[[o.vShow,"date"===this.currentView]]):""]),[[o.vShow,"time"!==this.currentView]]),"time"!==this.currentView?"date-table"===e.leftPickerTable?(0,o.createVNode)(Q,{selectionMode:"range",tableDate:e.leftPanelDate,disableDate:e.disableDate,rangeState:e.rangeState,modelValue:e.preSelecting.left?[e.dates[0]]:e.dates,focusedDate:e.focusedDate,onChangeRange:e.handleChangeRange,onPick:e.panelPickerHandlers.left},null):null:""]),[[o.vShow,!this.isTime]]),(0,o.withDirectives)((0,o.createVNode)("div",{class:"bk-picker-panel-content bk-picker-panel-content-right",style:"width: 261px;"},[(0,o.withDirectives)((0,o.createVNode)("div",{class:"bk-date-picker-header"},[this.splitPanels||"date-table"!==this.rightPickerTable?(0,o.createVNode)("span",{class:U("prev","-double"),onClick:function(){return e.prevYear("right")}},[(0,o.createVNode)(f.AngleDoubleLeft,{style:{fontSize:"20px",lineHeight:1}},null)]):"",this.splitPanels&&"date-table"===this.rightPickerTable?(0,o.withDirectives)((0,o.createVNode)("span",{class:U("prev","-double"),onClick:function(){return e.prevMonth("right")}},[(0,o.createVNode)(f.AngleLeft,{style:{fontSize:"20px",lineHeight:1}},null)]),[[o.vShow,"date"===this.currentView]]):"",this.rightDatePanelLabel&&Object.keys(this.rightDatePanelLabel).length>0?(0,o.createVNode)("span",null,[(0,o.withDirectives)((0,o.createVNode)("span",{class:"bk-date-picker-header-label",onClick:function(){return e.rightDatePanelLabel.labels[0].handler}},[this.rightDatePanelLabel.labels[0].label]),[[o.vShow,this.rightShowLabelFirst]]),"date"===this.rightDatePanelView?" ".concat(this.rightDatePanelLabel.separator," "):" ",(0,o.withDirectives)((0,o.createVNode)("span",{class:"bk-date-picker-header-label",onClick:function(){return e.rightDatePanelLabel.labels[1].handler}},[this.rightDatePanelLabel.labels[1].label]),[[o.vShow,this.rightShowLabelSecond]])]):"",this.upToNow?(e.rangeState.selecting||"time"===e.currentView)&&e.upToNowEnable?(0,o.createVNode)("span",{class:"up-to-now",onClick:function(){return e.handleRangePick(new Date,"upToNow")}},[(0,o.createTextVNode)("至今")]):(0,o.createVNode)("span",{class:"up-to-now disabled"},[(0,o.createTextVNode)("至今")]):"",(0,o.createVNode)("span",{class:U("next","-double"),onClick:function(){return e.nextYear("right")}},[(0,o.createVNode)(f.AngleDoubleRight,{style:{fontSize:"20px",lineHeight:1}},null)]),"date-table"===this.rightPickerTable?(0,o.withDirectives)((0,o.createVNode)("span",{class:U("next"),onClick:function(){return e.nextMonth("right")}},[(0,o.createVNode)(f.AngleRight,{style:{fontSize:"20px",lineHeight:1}},null)]),[[o.vShow,"date"===this.currentView]]):""]),[[o.vShow,"time"!==this.currentView]]),"time"!==this.currentView?"date-table"===e.rightPickerTable?(0,o.createVNode)(Q,{selectionMode:"range",tableDate:e.rightPanelDate,disableDate:e.disableDate,rangeState:e.rangeState,modelValue:e.preSelecting.right?[e.dates[e.dates.length-1]]:e.dates,focusedDate:e.focusedDate,onChangeRange:e.handleChangeRange,onPick:e.panelPickerHandlers.right},null):null:""]),[[o.vShow,!this.isTime]])])])}});var ae={type:{type:String,default:"date",validator:function(e){return!(["year","month","date","daterange","datetime","datetimerange","time","timerange"].indexOf(e)<0&&(console.error("type property is not valid: '".concat(e,"'")),1))}},extPopoverCls:{type:String,default:""},format:String,readonly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},editable:{type:Boolean,default:!0},clearable:{type:Boolean,default:!0},open:{type:Boolean,default:null},multiple:{type:Boolean,default:!1},timePickerOptions:{type:Object,default:function(){return{}}},splitPanels:{type:Boolean,default:!0},startDate:Date,placeholder:{type:String,default:""},placement:{type:String,default:"bottom-start",validator:function(e){return!(["top","top-start","top-end","bottom","bottom-start","bottom-end","left","left-start","left-end","right","right-start","right-end"].indexOf(e)<0&&(console.error("placement property is not valid: '".concat(e,"'")),1))}},transfer:{type:Boolean,default:!1},appendToBody:{type:Boolean,default:!1},shortcuts:{type:Array,default:function(){return[]}},shortcutClose:{type:Boolean,default:!1},modelValue:{type:[Date,String,Number,Array]},value:{type:[Date,String,Number,Array]},options:{type:Object,default:function(){return{}}},fontSize:{type:String,default:"normal"},upToNow:{type:Boolean,default:!1},useShortcutText:{type:Boolean,default:!1},shortcutSelectedIndex:{type:Number,default:-1},footerSlotCls:{type:String,default:""},allowCrossDay:{type:Boolean,default:!1},behavior:{type:String,default:"normal",validator:function(e){return["simplicity","normal"].indexOf(e)>-1}},disableDate:Function};const re=(0,o.defineComponent)({name:"DatePicker",directives:{clickoutside:l.clickoutside},props:ae,emits:["open-change","input","change","update:modelValue","clear","shortcut-change","pick-success"],slots:["header"],setup:function(e,t){var n=t.slots,l=t.emit,c=e.type.includes("range"),u=c?[null,null]:[null],s=((c?e.modelValue:[e.modelValue])||[]).every((function(e){return!e||"string"==typeof e&&""===e.trim()}))?u:Y(e.modelValue,e.type,e.multiple,e.format),d=null;-1!==e.shortcutSelectedIndex&&(d=e.shortcuts[e.shortcutSelectedIndex]||null)&&(s=d.value());var f=(0,o.reactive)({showClose:!1,visible:!1,internalValue:s,disableClickOutSide:!1,disableCloseUnderTransfer:!1,selectionMode:"date",forceInputRerender:1,isFocused:!1,focusedDate:s[0]||e.startDate||new Date,focusedTime:{column:0,picker:0,time:s.map(z),active:!1},internalFocus:!1,timeEnterMode:!0,shortcut:d,onSelectionModeChange:p});function p(e){var t=e;return e.match(/^date/)&&(t="date"),f.selectionMode=["year","month","date","time"].indexOf(t)>-1&&t,f.selectionMode}var h=(0,o.computed)((function(){if(e.multiple)return f.internalValue.slice();var t=e.type.includes("range"),n=f.internalValue.map((function(e){return e instanceof Date?new Date(e):e||""}));return e.type.match(/^time/)&&(n=n.map((function(t){return q(t,e.type,e.multiple,e.format)}))),t||e.multiple?n:n[0]})),m=(0,o.computed)((function(){return e.type.match(/^time/)?h.value:e.multiple?q(h.value,e.type,e.multiple,e.format):Array.isArray(h.value)?h.value.map((function(t){return q(t,e.type,e.multiple,e.format)})):q(h.value,e.type,e.multiple,e.format)})),y=(0,o.computed)((function(){return"daterange"===e.type||"datetimerange"===e.type?"DateRangePanel":"DatePanel"})),g=(0,o.computed)((function(){return null===e.open?f.visible:e.open})),b=(0,o.computed)((function(){return q(f.internalValue,e.type,e.multiple,e.format)})),v=(0,o.computed)((function(){var t;return(null===(t=f.shortcut)||void 0===t?void 0:t.text)&&e.useShortcutText?f.shortcut.text:b.value})),k=(0,o.computed)((function(){return!!n.trigger||"datetime"===e.type||"datetimerange"===e.type||e.multiple})),D=(0,o.computed)((function(){var t="";return"medium"===e.fontSize?t="medium-font":"large"===e.fontSize&&(t="large-font"),t})),w=(0,o.computed)((function(){var t="";return"medium"===e.fontSize?t="medium-width":"large"===e.fontSize&&(t="large-width"),t})),S=(0,o.computed)((function(){var t;return!(!(null===(t=f.shortcut)||void 0===t?void 0:t.text)||!e.useShortcutText)||!e.editable||e.readonly})),V=(0,o.computed)((function(){return!!n.footer})),M=(0,o.computed)((function(){return"RangeTimePickerPanel"===y.value&&e.allowCrossDay})),P=(0,o.ref)(null);(0,o.watch)((function(){return f.visible}),(function(e){var t,n;!1===e&&(null===(t=N.value)||void 0===t||t.destoryDropdown()),null===(n=N.value)||void 0===n||n.updateDropdown(),l("open-change",e)}));var N=(0,o.ref)(null);(0,o.watch)((function(){return e.modelValue}),(function(t){f.internalValue=Y(t,e.type,e.multiple,e.format)})),(0,o.watch)((function(){return e.open}),(function(e){f.visible=!0===e})),(0,o.watch)((function(){return e.type}),(function(e){p(e)})),(0,o.watch)((function(){return h}),(function(e,t){(JSON.stringify(e)!==JSON.stringify(t)||i(e)!==i(t))&&l("input",e)})),(0,o.onMounted)((function(){e.type.indexOf("date"),f.timeEnterMode=!0;var t=e.modelValue,n=h.value;i(t)===i(n)&&JSON.stringify(t)===JSON.stringify(n)||l("input",h.value),null!==e.open&&(f.visible=e.open),(0,o.provide)(E,{props:e,focus:function(){var e;null===(e=null==P?void 0:P.value)||void 0===e||e.focus()}})}));var T=(0,o.ref)(null),C=function(e){var t;if(f.disableCloseUnderTransfer)return f.disableCloseUnderTransfer=!1,!1;if(e&&"mousedown"===e.type&&f.visible)return e.preventDefault(),void e.stopPropagation();if(f.visible){var n=null===(t=null==T?void 0:T.value)||void 0===t?void 0:t.$el;if(e&&n&&n.contains(e.target))return;return f.visible=!1,null==e||e.preventDefault(),void(null==e||e.stopPropagation())}f.isFocused=!1,f.disableClickOutSide=!1},x=function(t){(0,o.nextTick)((function(){var n;l("change",m.value,t),l("update:modelValue",h.value),e.type.indexOf("time")<0&&(null===(n=null==P?void 0:P.value)||void 0===n||n.blur())}))},F=function(){var e;null===(e=null==T?void 0:T.value)||void 0===e||e.reset()},O=function(){var e;f.visible=!1,console.error("onPickSuccess"),(0,o.nextTick)((function(){l("pick-success")})),null===(e=null==P?void 0:P.value)||void 0===e||e.blur(),F()},L=(0,o.ref)(null);return Object.assign(Object.assign({},(0,o.toRefs)(f)),{panel:y,publicStringValue:m,opened:g,visualValue:b,displayValue:v,isConfirm:k,fontSizeCls:D,longWidthCls:w,localReadonly:S,hasFooter:V,allowCrossDayProp:M,pickerDropdownRef:N,inputRef:P,triggerRef:L,pickerPanelRef:T,handleClose:C,handleIconClick:function(){var e,t;null===(e=null==P?void 0:P.value)||void 0===e||e.focus(),null===(t=null==P?void 0:P.value)||void 0===t||t.click()},handleInputMouseenter:function(){e.readonly||e.disabled||(null==b?void 0:b.value)&&(f.showClose=!0)},handleInputMouseleave:function(e){var t;(null===(t=e.toElement)||void 0===t?void 0:t.classList.contains("clear-action"))||(f.showClose=!1)},handleFocus:function(t){e.readonly||(f.isFocused=!0,t&&"focus"===t.type||e.disabled||(f.visible=!0))},handleBlur:function(t){var n;f.internalFocus?f.internalFocus=!1:f.visible?t.preventDefault():(f.isFocused=!1,p(e.type),f.internalValue=f.internalValue.slice(),F(),null===(n=null==T?void 0:T.value)||void 0===n||n.onToggleVisibility(!1))},handleKeydown:function(e){var t=e.keyCode;if(9===t&&f.visible)if(e.stopPropagation(),e.preventDefault(),k.value){var n=N.value.$el.querySelectorAll(".bk-picker-confirm > *");f.internalFocus=!0,r(n)[e.shiftKey?"pop":"shift"]().focus()}else C();var a=[37,38,39,40];f.visible||!a.includes(t)?(27===t&&f.visible&&(e.stopPropagation(),C()),a.includes(t)&&f.focusedTime.active&&e.preventDefault()):f.visible=!0},handleInputChange:function(t){var n,a=e.type.includes("range")||e.multiple,r=b.value,i=t.target.value,o=Y(i,e.type,e.multiple,e.format),l=a?o:o[0],c=null===(n=e.disableDate)||void 0===n?void 0:n.call(e,l),u=o.reduce((function(e,t){return e&&t instanceof Date}),!0);i!==r&&!c&&u?(x(e.type),f.internalValue=o):f.forceInputRerender=f.forceInputRerender+1},handleClear:function(){f.visible=!1,f.internalValue=f.internalValue.map((function(){return null})),l("clear"),x(e.type),F(),f.showClose=!1,f.shortcut=null,setTimeout((function(){return p(e.type)}),500)},handleTransferClick:function(){e.appendToBody&&(f.disableCloseUnderTransfer=!0)},onPick:function(t){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=arguments.length>2?arguments[2]:void 0,o=arguments.length>3?arguments[3]:void 0,c=t;if(e.multiple){var u=c.getTime(),s=f.internalValue.findIndex((function(e){return e&&e.getTime()===u})),d=[].concat(r(f.internalValue),[c]).filter(Boolean),h=d.map((function(e){return e.getTime()})).filter((function(e,t,n){return n.indexOf(e)===t&&t!==s}));f.internalValue=h.map((function(e){return new Date(e)}))}else c=Y(t,e.type,e.multiple,e.format),f.internalValue=Array.isArray(c)?c:[c];if(f.internalValue[0]){var m=a(f.internalValue,1),y=m[0];f.focusedDate=y}f.focusedTime=Object.assign(Object.assign({},f.focusedTime),{time:f.internalValue.map(z)}),k.value||(p(e.type),f.visible=n),"upToNow"===i&&"daterange"===e.type&&O(),f.shortcut=o,x(i);var g=e.shortcuts.findIndex((function(e){return e===f.shortcut}));l("shortcut-change",f.shortcut,g)},onPickSuccess:O})},render:function(){var e,t,n,a=this,r=(0,o.createVNode)("div",null,[(0,o.createVNode)("span",{class:["icon-wrapper",this.disabled?"disabled":""],onClick:this.handleIconClick,onMouseenter:this.handleInputMouseenter,onMouseleave:this.handleInputMouseleave},["time"===this.type||"timerange"===this.type?(0,o.createVNode)("svg",{class:"picker-icon",x:"0px",y:"0px",viewBox:"0 0 1024 1024"},[(0,o.createVNode)("g",{id:"time"},[(0,o.createVNode)("path",{fill:"#c4c6cc",d:"M512,128c51.9,0,102.2,10.1,149.5,30.2c45.7,19.3,86.8,47,122.1,82.3s63,76.4,82.3,122.1c20,47.3,30.2,97.6,30.2,149.5S886,614.3,865.9,661.6c-19.3,45.7-47,86.8-82.3,122.1s-76.4,63-122.1,82.3c-47.3,20-97.6,30.2-149.5,30.2S409.8,886.1,362.5,866c-45.7-19.3-86.8-47-122.1-82.3s-63-76.4-82.3-122.1c-20-47.3-30.2-97.6-30.2-149.5s10.1-102.2,30.2-149.5c19.3-45.7,47-86.8,82.3-122.1s76.4-63,122.1-82.3C409.8,138.1,460.1,128,512,128 M512,64C264.6,64,64,264.6,64,512s200.6,448,448,448s448-200.6,448-448S759.4,64,512,64L512,64z"},null),(0,o.createVNode)("polygon",{fill:"#c4c6cc",points:"512,512 512,256 448,256 448,512 448,576 512,576 768,576 768,512"},null)])]):(0,o.createVNode)("svg",{class:"picker-icon",x:"0px",y:"0px",viewBox:"0 0 1024 1024"},[(0,o.createVNode)("g",{id:"date"},[(0,o.createVNode)("path",{fill:"#c4c6cc",d:"M896,128h-96v64h64v112H160V192h64v-64h-96c-17.7,0-32,14.3-32,32v736c0,17.7,14.3,32,32,32h768c17.7,0,32-14.3,32-32V160C928,142.3,913.7,128,896,128z M160,864V368h704v496H160z"},null),(0,o.createVNode)("rect",{x:"416",y:"128",fill:"#c4c6cc",width:"192",height:"64"},null),(0,o.createVNode)("rect",{x:"288",y:"96",fill:"#c4c6cc",width:"64",height:"128"},null),(0,o.createVNode)("rect",{x:"672",y:"96",fill:"#c4c6cc",width:"64",height:"128"},null),(0,o.createVNode)("polygon",{fill:"#c4c6cc",points:"403.7,514.4 557.1,514.4 557.1,515.3 420.1,765.5 483.5,765.5 620.3,504.3 620.3,466.5 403.7,466.5"},null)])])]),(0,o.createVNode)("input",{type:"text",class:["bk-date-picker-editor",this.readonly?"readonly":"",this.fontSizeCls,"simplicity"===this.behavior?"only-bottom-border":""],ref:"inputRef",key:this.forceInputRerender,readonly:this.localReadonly,disabled:this.disabled,placeholder:this.placeholder,value:this.displayValue,onFocus:this.handleFocus,onClick:this.handleFocus,onBlur:this.handleBlur,onMouseenter:this.handleInputMouseenter,onMouseleave:this.handleInputMouseleave,onKeydown:this.handleKeydown,onChange:this.handleInputChange},null),this.clearable&&this.showClose?(0,o.createVNode)("i",{class:"bk-icon icon-close-circle-shape clear-action",onClick:this.handleClear},null):""]);return(0,o.withDirectives)((0,o.createVNode)("div",{class:["bk-date-picker","datetimerange"===this.type?"long":"",this.longWidthCls]},[(0,o.createVNode)("div",{ref:"triggerRef",class:"bk-date-picker-rel"},[null!==(n=null===(t=(e=this.$slots).trigger)||void 0===t?void 0:t.call(e))&&void 0!==n?n:r]),(0,o.createVNode)(o.Teleport,{to:"body",disabled:!this.appendToBody},{default:function(){return[(0,o.createVNode)(o.Transition,{name:"bk-fade-down-transition"},{default:function(){return[(0,o.withDirectives)((0,o.createVNode)(d,{class:[a.appendToBody?"bk-date-picker-transfer":""],ref:"pickerDropdownRef",triggerRef:a.triggerRef,placement:a.placement,extPopoverCls:a.extPopoverCls,appendToBody:a.appendToBody,onClick:a.handleTransferClick},{default:function(){return["DateRangePanel"===a.panel?(0,o.createVNode)(ne,{ref:"pickerPanelRef",type:a.type,confirm:a.isConfirm,shortcuts:a.shortcuts,modelValue:a.internalValue,selectionMode:a.selectionMode,startDate:a.startDate,disableDate:a.disableDate,focusedDate:a.focusedDate,onPick:a.onPick,"onPick-success":a.onPickSuccess},null):(0,o.createVNode)(ee,{ref:"pickerPanelRef",clearable:a.clearable,showTime:"datetime"===a.type||"datetimerange"===a.type,confirm:a.isConfirm,shortcuts:a.shortcuts,multiple:a.multiple,shortcutClose:a.shortcutClose,selectionMode:a.selectionMode,modelValue:a.internalValue,startDate:a.startDate,disableDate:a.disableDate,focusedDate:a.focusedDate,onPick:a.onPick,"onPick-clear":a.handleClear,"onPick-success":a.onPickSuccess},null)]}}),[[o.vShow,a.opened]])]}})]}})]),[[(0,o.resolveDirective)("clickoutside"),this.handleClose]])}}),ie=(0,e.withInstall)(re)})(),u})()));

package/lib/date-picker/interface.d.ts

@@ -0,0 +1,22 @@
+import type { ComputedPlacement } from '@popperjs/core';
+import type { DatePickerProps } from './props';
+export declare type DatePickerPlacementType = ComputedPlacement;
+export declare type DatePickerTypeType = 'year' | 'month' | 'date' | 'daterange' | 'datetime' | 'datetimerange';
+export declare type TimePickerTypeType = 'time' | 'timerange';
+export declare type PickerTypeType = DatePickerTypeType | TimePickerTypeType;
+export interface IDatePickerShortcut {
+    text: string;
+    value?: () => Date[];
+    onClick?: (picker: any) => void;
+}
+export declare type DatePickerShortcutsType = IDatePickerShortcut[];
+declare type ValueType = Date | string | number;
+export declare type DatePickerValueType = ValueType | [ValueType, ValueType];
+export declare type DisableDateType = (date: number | Date) => boolean;
+export interface IDatePickerCtx {
+    props: DatePickerProps;
+    focus: () => void;
+}
+export declare type DatePickerPanelType = 'DateRangePanel' | 'DatePanel' | 'RangeTimePickerPanel' | 'TimePickerPanel';
+export declare type SelectionModeType = 'year' | 'month' | 'date' | 'time';
+export {};

package/lib/date-picker/props.d.ts

@@ -0,0 +1,114 @@
+import type { ExtractPropTypes } from 'vue';
+import { PropType } from 'vue';
+import type { DatePickerShortcutsType, DatePickerValueType, DisableDateType, PickerTypeType } from './interface';
+export declare const datePickerProps: {
+    readonly type: {
+        readonly type: PropType<PickerTypeType>;
+        readonly default: "date";
+        readonly validator: (value: any) => boolean;
+    };
+    readonly extPopoverCls: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly format: StringConstructor;
+    readonly readonly: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly editable: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly clearable: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly open: {
+        readonly type: BooleanConstructor;
+        readonly default: any;
+    };
+    readonly multiple: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly timePickerOptions: {
+        readonly type: PropType<Record<string, any>>;
+        readonly default: () => {};
+    };
+    readonly splitPanels: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly startDate: DateConstructor;
+    readonly placeholder: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly placement: {
+        readonly type: PropType<import("@popperjs/core").ComputedPlacement>;
+        readonly default: "bottom-start";
+        readonly validator: (value: any) => boolean;
+    };
+    readonly transfer: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly appendToBody: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly shortcuts: {
+        readonly type: PropType<DatePickerShortcutsType>;
+        readonly default: () => any[];
+    };
+    readonly shortcutClose: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly modelValue: {
+        readonly type: PropType<DatePickerValueType>;
+    };
+    readonly value: {
+        readonly type: PropType<DatePickerValueType>;
+    };
+    readonly options: {
+        readonly type: ObjectConstructor;
+        readonly default: () => {};
+    };
+    readonly fontSize: {
+        readonly type: PropType<"large" | "normal" | "medium">;
+        readonly default: "normal";
+    };
+    readonly upToNow: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly useShortcutText: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly shortcutSelectedIndex: {
+        readonly type: NumberConstructor;
+        readonly default: -1;
+    };
+    readonly footerSlotCls: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly allowCrossDay: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly behavior: {
+        readonly type: PropType<"normal" | "simplicity">;
+        readonly default: "normal";
+        readonly validator: (v: any) => boolean;
+    };
+    readonly disableDate: PropType<DisableDateType>;
+};
+export declare type DatePickerProps = Readonly<ExtractPropTypes<typeof datePickerProps>>;

package/lib/date-picker/utils.d.ts

@@ -0,0 +1,97 @@
+import type { InjectionKey } from 'vue';
+import type { IDatePickerCtx, PickerTypeType } from './interface';
+export declare const RANGE_SEPARATOR = " - ";
+export declare const typeValueResolver: {
+    default: {
+        formatter(value: any): string;
+        parser(text: any): any;
+    };
+    date: {
+        formatter: (value: any, format: any) => string;
+        parser: (text: any, format: any) => any;
+    };
+    datetime: {
+        formatter: (value: any, format: any) => string;
+        parser: (text: any, format: any) => any;
+    };
+    daterange: {
+        formatter: (value: any, format: any) => string;
+        parser: (text: any, format: any) => any[];
+    };
+    datetimerange: {
+        formatter: (value: any, format: any) => string;
+        parser: (text: any, format: any) => any[];
+    };
+    timerange: {
+        formatter: (value: any, format: any) => string;
+        parser: (text: any, format: any) => any[];
+    };
+    time: {
+        formatter: (value: any, format: any) => string;
+        parser: (text: any, format: any) => any;
+    };
+    month: {
+        formatter: (value: any, format: any) => string;
+        parser: (text: any, format: any) => any;
+    };
+    year: {
+        formatter: (value: any, format: any) => string;
+        parser: (text: any, format: any) => any;
+    };
+    multiple: {
+        formatter(value: any, format: any): any;
+        parser(v: any, format: any): any;
+    };
+    number: {
+        formatter(value: any): string;
+        parser(text: any): number;
+    };
+};
+/**
+ * 设置时间，当天的零点时间
+ *
+ * @return {Date} date 对象
+ */
+export declare const initTime: () => Date;
+/**
+ * 判断数组中的每个值是否为空
+ * 0, '', null, undefined 均判断为空
+ *
+ * @param {Array} arr 待判断的数组
+ *
+ * @return {boolean} 判断结果
+ */
+export declare const isAllEmptyArr: (arr: any[]) => boolean;
+export declare const keyValueMapper: {
+    40: string;
+    39: string;
+    38: string;
+    37: string;
+};
+export declare const mapPossibleValues: (key: string, horizontal: number, vertical: number) => number;
+export declare const extractTime: (date: Date) => number[];
+export declare const DEFAULT_FORMATS: Record<PickerTypeType, string>;
+export declare const parseDate: (val: any, type: any, multiple: any, format: any) => any;
+export declare const formatDate: (val: any, type: any, multiple: any, format: any) => any;
+export declare const datePickerKey: InjectionKey<IDatePickerCtx>;
+/**
+ * 寻找子组件
+ *
+ * @param {Object} context 上下文
+ * @param {string} componentName 要找的组件类型名称
+ *
+ * @return {Array} 组件集合
+ */
+export declare function findChildComponents(context: any, componentName: any): any;
+export declare function iconBtnCls(direction: any, type?: string): string[];
+export declare const getDayCountOfMonth: (year: any, month: any) => number;
+export declare const siblingMonth: (src: any, diff: any) => Date;
+export declare const formatDateLabels: (locale: any, format: any, date: any) => {
+    separator: any;
+    labels: {
+        label: any;
+        type: string;
+    }[];
+};
+export declare const clearHours: (time: any) => number;
+export declare const isInRange: (time: any, a: any, b: any) => boolean;

package/lib/dialog/dialog.css

@@ -1,3 +1,43 @@
+.bk-modal-wrapper {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.bk-modal-wrapper .bk-modal-outside {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+.bk-modal-wrapper.bk-model-fullscreen {
+  width: 100%;
+  height: 100%;
+  background: #fff;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+}
+.bk-modal-wrapper.normal {
+  width: 480px;
+  height: 240px;
+}
+.bk-modal-wrapper.small {
+  width: 400px;
+  height: 200px;
+}
+.bk-modal-wrapper.medium {
+  width: 640px;
+  height: 400px;
+}
+.bk-modal-wrapper.large {
+  width: 960px;
+  height: 720px;
+}
+.bk-modal-wrapper .bk-modal-body {
+  height: 100%;
+  background: #fff;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+}
 .bk-modal-wrapper.bk-dialog-wrapper {
   position: relative;
 }
@@ -33,6 +73,15 @@
   justify-content: center;
   align-items: center;
 }
+.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-tool .close-icon {
+  display: none;
+}
+.bk-modal-wrapper.bk-dialog-wrapper .move {
+  cursor: move;
+}
+.bk-modal-wrapper.bk-dialog-wrapper .content-dragging {
+  user-select: none;
+}
 .bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header {
   padding: 24px;
   font-size: 20px;