@cldemo/ui-kit 1.0.0

package/buildLibs/utils/Web/ClDatetime.css

@@ -0,0 +1 @@
+.panel-datetime{width:31.25rem}.panel-datetime>.datetime-default{min-width:220px;width:auto}.panel-datetime>.datetime-range{min-width:600px;width:auto}.panel-datetime>.datetime-dropdown{padding:4px}.panel-datetime .dropdownLayer-text-container>.dropdownLayer-text-clear{padding:0 5px}.panel-datetime.datetime-range{min-width:600px;width:auto}.panel-datetime table{margin:0;font-size:14px;user-select:none}.panel-datetime table tr td,.panel-datetime table tr th{text-align:center;width:30px;height:30px;border-radius:4px;border:none;box-sizing:border-box;padding:1px;margin:0}.panel-datetime table tr th.time-head{padding:0}.panel-datetime table tr td.day{color:#666}.panel-datetime table tr td.old,.panel-datetime table tr td span.old,.panel-datetime table tr td.new,.panel-datetime table tr td span.new{color:#9e9e9e}.panel-datetime table tr td.day:hover,.panel-datetime table tr td.focused{background:#eee;cursor:pointer}.panel-datetime table tr td.disabled,.panel-datetime table tr td.disabled:hover{background:none;color:#b5b5b5;cursor:no-drop;text-decoration:line-through}.panel-datetime table tr td.active{color:#fff;background-color:#1088f0;border-color:#2e6da4;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.panel-datetime table tr td.active:focus{color:#fff;background-color:#286090;border-color:#122b40}.panel-datetime table tr td.active:hover{color:#fff;background-color:#286090;border-color:#204d74}.panel-datetime table tr td.time-head-month,.panel-datetime table tr td.time-body-month,.panel-datetime table tr td.time-head-year,.panel-datetime table tr td.time-body-year{width:210px}.panel-datetime table tr td span{display:block;width:25%;height:54px;line-height:54px;float:left;margin:0;cursor:pointer;border-radius:4px;color:#666;font-weight:400}.panel-datetime table tr td span:hover,.panel-datetime table tr td span.focused{background:#eee}.panel-datetime table tr td span.disabled,.panel-datetime table tr td span.disabled:hover{background:none;color:#b5b5b5;cursor:no-drop;text-decoration:line-through}.panel-datetime table tr td span.active,.panel-datetime table tr td span.active:hover{color:#fff;background-color:#1088f0;border-color:#2e6da4;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.panel-datetime table tr td.time-body-month>div{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline}.panel-datetime table tr td span.month{line-height:1;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:3px;word-break:break-all;float:none}.panel-datetime .datetime-switch-year,.panel-datetime .datetime-switch-month{padding:0 5px 1px;margin-top:1px}.panel-datetime .time-prev,.panel-datetime .time-next{width:20px;height:20px}.panel-datetime .time-head-day .time-prev,.panel-datetime .time-head-day .time-next{width:40px}.panel-datetime .prev-year,.panel-datetime .prev-month,.panel-datetime .next-year,.panel-datetime .next-month{width:20px;height:20px}.panel-datetime .prev-year,.panel-datetime .prev-month,.panel-datetime .time-prev{float:left}.panel-datetime .next-year,.panel-datetime .next-month,.panel-datetime .time-next{float:right}.panel-datetime .datetime-switch-year,.panel-datetime .datetime-switch-month,.panel-datetime .prev-year,.panel-datetime .prev-month,.panel-datetime .next-year,.panel-datetime .next-month,.panel-datetime tfoot tr th{cursor:pointer}.panel-datetime .datetime-switch-year:hover,.panel-datetime .datetime-switch-month:hover,.panel-datetime .prev-year:hover,.panel-datetime .prev-month:hover,.panel-datetime .next-year:hover,.panel-datetime .next-month:hover,.panel-datetime tfoot tr th:hover{background:#eee}.datetime-range{width:600px}.panel-range-calendar{display:flex;flex-direction:row;align-items:flex-start}.datetime-range .calendar-range{display:block;max-width:270px;padding:4px;position:relative}.calendar-range.calendar-left{margin-right:1px}.calendar-range.calendar-quick{text-align:left;width:auto;padding:4px 0}.calendar-range>.calendar-text,.calendar-range>.calendar-panel{position:relative;padding-right:8px}.calendar-range>.calendar-text>.time-input-base{width:100%;position:relative}.calendar-range>.calendar-text>.time-input-base>.form-control{height:30px;line-height:30px;padding-top:0;padding-bottom:0;width:100%;cursor:default}.calendar-range>.calendar-text>.time-input-base>.form-control:focus{border:1px solid #cfcfcf}.calendar-range>.calendar-text>.time-input-base>i{position:absolute;top:8px;left:auto;right:7px;cursor:default}.calendar-range>.calendar-panel{margin-top:3px}.calendar-range .range-in{background-color:#ebf4f8;border-color:transparent;color:#000;border-radius:0}.calendar-range .range-end{background:#eee;cursor:pointer}.calendar-range .active.date-start,.calendar-range .active.date-end,.calendar-range .active.date-start.date-end{border-radius:4px}.calendar-range .active.date-start{border-bottom-right-radius:0;border-top-right-radius:0}.calendar-range .active.date-end{border-bottom-left-radius:0;border-top-left-radius:0}.calendar-quick ul{list-style:none;margin:0 auto;padding:0;width:120px}.calendar-quick li{font-size:13px;background:#f5f5f5;border:1px solid #f5f5f5;border-radius:4px;color:#1088f0;padding:3px 12px;margin-bottom:8px;cursor:pointer;line-height:normal}.calendar-quick li:hover,.calendar-quick li.active{background:#1088f0;border:1px solid #1088f0;color:#fff}.calendar-quick li.quick-disabled{cursor:no-drop}.calendar-quick li.calendar-quick-special:hover{background:#f5f5f5;border:1px solid #f5f5f5;color:#1088f0;cursor:default}.calendar-quick li.calendar-quick-special.active:hover{background:#1088f0;border:1px solid #1088f0;color:#fff;cursor:default}.calendar-quick .panel-quick-btn>span{margin-right:5px}.calendar-quick .panel-quick-btn>span:last-child{margin-right:0}.calendar-quick .panel-quick-btn>.panel-btn-parent .btn-label{font-size:13px}.datetime-times{position:relative;text-align:center;padding-bottom:7px;width:210px;height:auto}.datetime-times-inner{clear:both;text-align:center;padding-bottom:7px;height:200px}.datetime-times .times-container{position:absolute;inset:0;visibility:visible;opacity:1}.datetime-times .times-overlay{width:100%;height:100%;background-color:#0009;border-radius:4px}.datetime-times .times-submit{position:absolute;cursor:pointer;right:10px;top:10px;color:#16d742}.datetime-times .times-submit>i{opacity:.5;transition:opacity .3s linear}.datetime-times .times-submit:hover>i{opacity:1}.datetime-times .times-cancel{position:absolute;cursor:pointer;left:10px;top:10px;color:red}.datetime-times .times-cancel>i{opacity:.5;transition:opacity .3s linear}.datetime-times .times-cancel:hover>i{opacity:1}.times-clock{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin-top:-23px;width:170px;height:170px;padding:4px;border-radius:50%;border:2px solid #fff;background-color:#333}.times-clock .clock-nums{width:135px;height:135px;padding:14px;position:relative}.times-clock .clock-nums .clock-num{position:absolute;width:1.5rem;height:1.5rem;line-height:1.5rem;text-align:center;color:#ccc;font-weight:700;font-size:.75rem;border-radius:50%;cursor:pointer}.times-clock .clock-nums .clock-num:hover{background-color:#0275d8;color:#fff}.times-clock .clock-nums .clock-num.clock-num1{left:50%;top:0}.times-clock .clock-nums .clock-num.clock-num2{left:75%;top:6.7%}.times-clock .clock-nums .clock-num.clock-num3{left:93.3%;top:25%}.times-clock .clock-nums .clock-num.clock-num4{left:100%;top:50%}.times-clock .clock-nums .clock-num.clock-num5{left:93.3%;top:75%}.times-clock .clock-nums .clock-num.clock-num6{left:75%;top:93.3%}.times-clock .clock-nums .clock-num.clock-num7{left:50%;top:100%}.times-clock .clock-nums .clock-num.clock-num8{left:25%;top:93.3%}.times-clock .clock-nums .clock-num.clock-num9{left:6.7%;top:75%}.times-clock .clock-nums .clock-num.clock-num10{left:0;top:50%}.times-clock .clock-nums .clock-num.clock-num11{left:6.7%;top:25%}.times-clock .clock-nums .clock-num.clock-num12{left:25%;top:6.7%}.times-clock .clock-nums .clock-num.clock-nums-disabled{cursor:no-drop;opacity:.5}.times-clock .clock-nums .clock-num.clock-nums-disabled:hover{background-color:transparent!important}.times-clock .clock-pointer{z-index:1}.times-clock .clock-pointer .pointer-hour,.times-clock .clock-pointer .pointer-minute,.times-clock .clock-pointer .pointer-second{position:absolute;left:50%;top:50%;background-color:#fff;transform-origin:.55rem 50%;transition:.3s;cursor:pointer}.times-clock .clock-pointer .pointer-hour{width:48px;height:4px;margin:-2px 0 0 -10px}.times-clock .clock-pointer .pointer-minute{width:57px;height:3px;margin:-1px 0 0 -10px}.times-clock .clock-pointer .pointer-second{width:66px;height:2px;margin:-1px 0 0 -10px}.times-clock .clock-pointer .pointer-active{background-color:#0275d8;z-index:1}.times-clock .clock-pointer .pointer-disabled{cursor:default}.times-clock .clock-am{position:absolute;text-align:center;right:-20px;bottom:-17px;padding:0 3px;cursor:pointer;font-size:12px;font-weight:400;border-radius:4px;border:2px solid #fff;color:#777;background-color:#333}.times-clock .clock-am>small{font-weight:700}.times-clock .clock-am>.am-am{margin-right:2px}.times-clock .clock-am .am-active{color:#409eef}.datetime-times .clock-set{position:relative;width:50px;display:inline-block;height:32px;line-height:32px;margin:0 4px;background-color:#fff;border-radius:3px;padding-right:20px;cursor:pointer}.datetime-times .clock-set .panel-inputNumber.inputNumber-small{width:50px}.datetime-times .clock-set .panel-inputNumber.inputNumber-small>.panel-input.box-width{width:auto}.datetime-times.times-open .clock-set.clock-set-active,.datetime-times.times-open .clock-set.clock-set-active .panel-inputNumber .inputNumber-controls{background-color:#fff}.datetime-times.times-open .clock-set.clock-set-active{border-radius:4px}.datetime-times .times-container{display:none}.datetime-times.times-open .times-container{display:block}.datetime-times.times-open .clock-set,.datetime-times.times-open .clock-set .panel-inputNumber .inputNumber-controls{background-color:#b5b5b5}.datetime-times.times-open .clock-set .panel-inputNumber .inputNumber-controls>i{color:#959191}.datetime-times.times-open .clock-set .panel-inputNumber .inputNumber-controls:hover>i{color:#1088f0}.datetime-days-times{margin-top:5px}.datetime-days-times .datetime-times-inner{display:none!important}.datetime-days-times .datetime-times{position:static}.datetime-days-submit{text-align:center;height:30px;line-height:30px;border-radius:4px;border:1px solid #2196f3;color:#fff;background-color:#2196f3;cursor:pointer}.datetime-days-submit:hover{background-color:#08c!important;border:1px solid #0088cc!important}.datetime-days-submit.days-submit-disabled,.datetime-days-submit.days-submit-disabled:hover{cursor:no-drop;background-color:#d7d7d7!important;border-color:#d0d0d0!important}.datetime-errmsg{font-size:12px;margin:0;padding:0;list-style:none;word-break:break-all;color:red}.datetime-errmsg>li{margin-top:5px}.datetime-default .datetime-errmsg{width:210px}.datetime-noPopup{position:relative}.datetime-noPopup.datetime-default{width:220px}.datetime-noPopup.datetime-range{width:600px}.panel-datetime.datetime-themeStyle-noBorder{width:auto!important;height:auto!important;display:inline-block}.datetime-themeStyle-noBorder .dropdownLayer-text>.dropdownLayer-text-container{border-width:0!important;height:auto!important;padding:1px 5px 1px 1px!important}.datetime-themeStyle-noBorder .clIcon-calendar{display:none}.datetime-themeStyle-noBorder .dropdownLayer-text-container>.dropdownLayer-text-arrow{padding:0}.panel-datetime.datetime-themeStyle-noBorder.panel-dropdownLayer>.datetime-dropdown.dropdownLayer-dropdown.dropdownLayer-dropdown-open.dropdownLayer-dropdown-down{border-top-left-radius:4px;border-top-right-radius:4px}.panel-datetime.datetime-themeStyle-noBorder.panel-dropdownLayer>.datetime-dropdown.dropdownLayer-dropdown.dropdownLayer-dropdown-open.dropdownLayer-dropdown-down{border-top-width:1px}.panel-datetime.datetime-themeStyle-noBorder.panel-dropdownLayer>.datetime-dropdown.dropdownLayer-dropdown.dropdownLayer-dropdown-open.dropdownLayer-dropdown-up{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.panel-datetime.datetime-themeStyle-noBorder.panel-dropdownLayer>.datetime-dropdown.dropdownLayer-dropdown.dropdownLayer-dropdown-open.dropdownLayer-dropdown-up{border-bottom-width:1px}

package/buildLibs/utils/Web/ClDatetime.d.ts

@@ -0,0 +1,3 @@
+import type { DefineComponent } from 'vue'
+declare const _default: DefineComponent<object, object, any>
+export default _default