ai.touchui-vue 1.30.2 → 1.30.4

package/packages/theme/src/less/component/calendar.less

@@ -1,282 +1,282 @@
-// 日历组件
-.to-calendar {
-	position:relative; background:@bg; text-align:center; user-select:none;
-	.header {
-		height:1+2*@gap; line-height:1+2*@gap; background:@primary; display:flex; width:100%; color:@bg; vertical-align:top;
-		.prevYear,
-		.nextYear,
-		.prev,
-		.next { width:1+2*@gap; cursor:pointer;}
-		.prev:after { font-family:"icon"; content:"\e009";}
-		.next:after { font-family:"icon"; content:"\e05a";}
-		.prevYear:after { font-family:"icon"; content:"\e035";}
-		.nextYear:after { font-family:"icon"; content:"\e046";}
-		.info {
-			flex:1;
-			span { padding:0 0.5em; display:inline-block;}
-		}
-		.info-unfold {
-			cursor:pointer;
-			&:after { color:@primary-light-3; font-size:75%; font-family:"icon"; content:"\e081";}
-		}
-	}
-	.week {
-		background:@primary; height:1+2*@gap; line-height:1+2*@gap; color:@bg;
-		> ul { display:flex;}
-		> ul > li { flex:1}
-	}
-	.day {
-		height:(1+2*@gap)*6+@gap;
-		> ul { overflow:hidden; padding:0.5*@gap 0; display:flex; flex-wrap:wrap;}
-		> ul > li { width:14.2857%; padding:0; height:1+2*@gap; text-align:center; position:relative; cursor:pointer;}
-		//> ul > li:nth-child(7n) { flex:1; width:auto;}
-		> ul > li.sat { color:@danger;}
-		> ul > li.sun { color:@danger;}
-		> ul > li:not(:empty):after { content:""; width:1+2*@gap; height:1+2*@gap; display:block; .x_round; margin:auto;}
-		> ul > li.end:after,
-		> ul > li.start:after,
-		> ul > li.on:after { background:@warning;}
-		> ul > li > span.solar { position:absolute; margin:0; top:0; bottom:0; left:0; right:0; line-height:1+2*@gap;}
-		> ul > li > span.lunar { display:none;}
-		> ul > li.dis span { cursor:not-allowed; color:@fg-light-8;}
-		> ul > li.cur { color:@primary;}
-		> ul > li.start,
-		> ul > li.end,
-		> ul > li.on { color:@bg;}
-		> ul > li.range { background:@warning-op-2;}
-		> ul > li.start { background:linear-gradient(to right, @warning-op-0 0%,  @warning-op-0 50%, @warning-op-2 50%);}
-		> ul > li.end { background:linear-gradient(to right, @warning-op-2 0%, @warning-op-2 50%, @warning-op-0 50%);}
-		> ul > li.start.end { background:none;}
-		> ul > li.on:nth-child(7n) > span,
-		> ul > li.on:nth-child(7n+1) > span { color:@bg;}
-	}
-	.month {
-		> ul > li.end:after,
-		> ul > li.start:after,
-		> ul > li.start,
-		> ul > li.end,
-		> ul > li.on { color:@bg;}
-		> ul > li.range { background:@warning-op-2;}
-		> ul > li.start { background:linear-gradient(to right, @warning-op-0 0%,  @warning-op-0 50%, @warning-op-2 50%);}
-		> ul > li.end { background:linear-gradient(to right, @warning-op-2 0%, @warning-op-2 50%, @warning-op-0 50%);}
-		> ul > li.end:after,
-		> ul > li.start:after,
-		> ul > li.on:after { background:@warning;}
-		> ul > li.start.end { background:none;}
-	}
-	.shortcut {
-		background:@bg; position:absolute; bottom:1+2*@gap; left:0; width:100%; line-height:1+2*@gap; color:@fg-light-1; border-top:1px @fg-light-9-3 solid; box-shadow:0 -3px 10px @fg-light-9-3; z-index:2;
-		li { float:left; width:25%; text-align:center; cursor:pointer; .x_bs;}
-		li:nth-child(4n) { border-right:0 none;}
-	}
-	.select {
-		position:absolute; width:100%; bottom:0; top:1+2*@gap; background:@bg; color:@bg; z-index:12;
-		ul { overflow:hidden;}
-		ul li { width:20%; float:left; text-align:center; height:1+2*@gap; z-index:14; position:relative; line-height:1+2*@gap; cursor:pointer;}
-		ul li:after { content:""; width:1+2*@gap; height:1+2*@gap; .x_round; z-index:-1; position:absolute; margin:0 auto; top:0; left:0; right:0; bottom:0;}
-		ul li.on:after { background:@warning;}
-		ul li.on { color:@bg;}
-		ul li.dis { cursor:not-allowed; color:@fg-light-7;}
-		ul li.cur { color:@fg-light-1;}
-		ul li.cur:after { background:@primary-light-9;}
-		ul li.on.cur { color:@bg;}
-		ul li.on.cur:after { background:@warning;}
-		.year {
-			width:100%; margin:0 auto; overflow:hidden; display:table; table-layout:fixed; background:@primary;
-			> ul { display:table-cell; vertical-align:middle; padding-bottom:0.5em;}
-			.prev,
-			.next { display:table-cell; vertical-align:middle; width:1+2*@gap; cursor:pointer; color:@primary-light-3;}
-			.prev:after { font-family:"icon"; content:"\e009";}
-			.next:after { font-family:"icon"; content:"\e05a";}
-		}
-		.month {
-			color:@fg-light-1; margin-top:0.5em;
-			> ul > li { width:16.66%; overflow:hidden;}
-			> ul > li:nth-child(6n) { width:auto; float:none;}
-		}
-	}
-	.time {
-		background:@bg-dark-0-5; display:flex;
-		.input { flex:1; width:1px;}
-		> .text { color:@fg-light-6; padding:0 0.5*@gap; line-height:1+2*@gap;}
-		.option {
-			background:@bg; position:absolute; top:0; bottom:1+2*@gap; left:0; width:100%; box-shadow:0 -0.25em 0.25em rgba(0,0,0,0.1);
-			.to-header { text-align:left;}
-			.content {
-				display:flex; position:absolute; top:(1+2*@gap)*1.167; bottom:0; width:100%; left:0;
-				.to-scroll { flex:1; border-right:1px solid @fg-light-9-5;}
-				.to-scroll:last-child { border:0 none;}
-				> ul > li { float:left; width:16.6%; height:1+2*@gap; position:relative; z-index:13; overflow:hidden; line-height:1+2*@gap; cursor:pointer;}
-				> ul > li:nth-child(6n) { float:none; width:auto;}
-				> ul > li:after { content:""; width:1+2*@gap; height:1+2*@gap; .x_round; z-index:-1; position:absolute; margin:0 auto; top:0; left:0; right:0; bottom:0;}
-				> ul > li.on:after { background:@warning !important;}
-				> ul > li.on { color:@bg;}
-				> ul > li.dis { cursor:not-allowed; color:@fg-light-7;}
-			}
-		}
-		> .on {
-			background:@bg;
-			.text { color:@fg-light-1;}
-		}
-		> .on .option { display:block;}
-		.submit {
-			display:flex;
-		}
-	}
-	.to-calendar-points {
-		text-align:right; position:absolute; right:0; top:0; position:absolute; right:0; top:0; transform:scale(0.5); transform-origin:top right;
-		.to-tag { margin-top:0.1em; display:block;}
-	}
-}
-.to-calendar-type-month {
-	.select {
-		position:relative; top:auto; padding-bottom:6*@gap;
-	}
-}
-.to-calendar-size-large {
-	border:1px solid @fg-light-8-5;
-	.day {
-		overflow:hidden; height:auto; background:@bg-dark-0-2;
-		> ul {
-			margin-left:-1px; margin-bottom:-1px; padding:0;
-			> li {
-				height:5.3em+@gap; box-sizing:border-box; padding:0.5*@gap; border-left:1px solid @fg-light-8-5; border-bottom:1px solid @fg-light-8-5;
-				&:not(:empty):after { z-index:-1; width:auto; height:auto; border-radius:0; position:absolute; left:-1px; top:-1px; right:-1px; bottom:-1px; box-sizing:border-box;}
-				> span.solar { z-index:1; line-height:1em; left:0.5*@gap; top:0.5*@gap; text-align:left;}
-			}
-			> li:not(:empty) { background:@bg;}
-			> li:not(:empty):hover { background:@bg-dark-0-7;}
-			> li:empty { border-left:0;}
-			> li:nth-child(7n) { border-right:0 none;}
-			> li.on:nth-child(7n) > span,
-			> li.on:nth-child(7n+1) > span {
-				color:@danger;
-			}
-			> li.on { color:@fg; z-index:2;}
-			> li.on {
-				&:not(:empty):after { background:@primary-op-1; border:1px solid @primary-light-5;}
-			}
-			> li:last-child:after { border-right:1px solid @fg-light-8-5;}
-		}
-	}
-	.to-calendar-points {
-		transform:scale(0.8); z-index:1; left:0; top:auto; bottom:0.2*@gap; right:auto; text-align:left; transform-origin:bottom left;
-		.to-tag { margin-top:0;}
-	}
-	.to-calendar-legend {
-		border-top:1px solid @fg-light-8-5; padding:0.25*@gap;
-	}
-}
-
-
-// 农历
-.to-calendar-lunar {
-	.day {
-		> ul > li > span.solar { line-height:1.2; font-size:85.71%; top:((1+2*@gap)-(1.2*0.875)-(1.2*0.75))/0.875/2;}
-		> ul > li > span.lunar { line-height:1.2; position:absolute; margin:0; font-size:75%; bottom:((1+2*@gap)-(1.2*0.875)-(1.2*0.75))/0.75/2; left:0; right:0; text-align:center; width:100%; overflow:hidden; color:@fg-light-6; display:inline-block; margin:auto; white-space:nowrap;}
-		> ul > li > span.lunar-month { color:@primary;}
-		> ul > li.on > span.lunar { color:@bg;}
-	}
-}
-.to-calendar-lunar.to-calendar-s {
-	.day {
-		> ul > li > span.solar { line-height:1+2*@gap;}
-		> ul > li > span.lunar { display:none;}
-	}
-}
-
-
-// 含有时间
-.to-calendar-hasTime {
-	height:10*(1+2*@gap)+@gap;
-}
-
-
-// hover
-.s_pc {
-	.to-calendar {
-		.header {
-			.prevYear:hover,
-			.nextYear:hover,
-			.info-unfold:hover,
-			.prev:hover,
-			.next:hover { background:@primary-light-3;}
-		}
-		.day {
-			> ul > li:not(:empty):hover:after { background:@bg-dark-0-7;}
-			> ul > li.end:hover:after,
-			> ul > li.start:hover:after,
-			> ul > li.on:hover:after{ background:@warning;}
-			> ul > li.dis:hover:after { background:none;}
-		}
-		.select {
-			ul li:hover:after{ background:@bg-dark-0-7;}
-			ul li:hover{color:@fg-light-1;}
-			ul li.on:hover:after{ background:@warning;}
-			ul li.on:hover{ color:@bg;}
-			ul li.dis:hover:after { background:none;}
-			.year {
-				.next:hover,
-				.prev:hover { background:@primary-dark-1;}
-			}
-		}
-		.shortcut {
-			li:hover { background:@bg-dark-0-7;}
-		}
-		.time {
-			.option {
-				> ul > li:hover:after { background:@bg-dark-0-7; color:@fg-light-1;}
-				> ul > li.dis:hover:after { background:none;}
-			}
-		}
-	}
-	.to-calendar-size-large {
-		.day {
-			> ul > li:not(:empty):hover:after { background:@bg-dark-0-5; border:1px solid @fg-light-8-5;}
-			> ul > li.on:hover:after { background:@primary-light-9; border:1px solid @primary-light-5;}
-		}
-	}
-}
-
-
-
-
-.s_pc,
-.s_phone,
-.s_pad {
-	.to-calendar {
-		.header {
-			.info.active,
-			.prev.active,
-			.next.active { background:@primary-dark-1;}
-		}
-		.day {
-			> ul > li:not(:empty).active:after { background:@bg-dark-0-7;}
-			> ul > li.on.active:after{ background:@warning;}
-			> ul > li.dis.active:after { background:none;}
-		}
-		.time {
-			.option {
-				> ul > li.active:after { background:@bg-dark-0-7; color:@fg-light-1;}
-				> ul > li.dis.active:after { background:none;}
-			}
-		}
-		.select {
-			ul li.active:after{ background:@bg-dark-0-7;}
-			ul li.active{color:@fg-light-1;}
-			ul li.on.active:after{ background:@warning;}
-			ul li.on.active{ color:@bg;}
-			ul li.dis.active:after { background:none;}
-			.year {
-				.next.active,
-				.prev.active { background:@primary-dark-1;}
-			}
-		}
-	}
-	.to-calendar-size-large {
-		.day {
-			> ul > li:not(:empty):active:after { background:@bg-dark-1;}
-			> ul > li.on:active:after { background:@primary-op-2;}
-		}
-	}
-}
+// 日历组件
+.to-calendar {
+	position:relative; background:@bg; text-align:center; user-select:none;
+	.header {
+		height:1+2*@gap; line-height:1+2*@gap; background:@primary; display:flex; width:100%; color:@bg; vertical-align:top;
+		.prevYear,
+		.nextYear,
+		.prev,
+		.next { width:1+2*@gap; cursor:pointer;}
+		.prev:after { font-family:"icon"; content:"\e009";}
+		.next:after { font-family:"icon"; content:"\e05a";}
+		.prevYear:after { font-family:"icon"; content:"\e035";}
+		.nextYear:after { font-family:"icon"; content:"\e046";}
+		.info {
+			flex:1;
+			span { padding:0 0.5em; display:inline-block;}
+		}
+		.info-unfold {
+			cursor:pointer;
+			&:after { color:@primary-light-3; font-size:75%; font-family:"icon"; content:"\e081";}
+		}
+	}
+	.week {
+		background:@primary; height:1+2*@gap; line-height:1+2*@gap; color:@bg;
+		> ul { display:flex;}
+		> ul > li { flex:1}
+	}
+	.day {
+		height:(1+2*@gap)*6+@gap;
+		> ul { overflow:hidden; padding:0.5*@gap 0; display:flex; flex-wrap:wrap;}
+		> ul > li { width:14.2857%; padding:0; height:1+2*@gap; text-align:center; position:relative; cursor:pointer;}
+		//> ul > li:nth-child(7n) { flex:1; width:auto;}
+		> ul > li.sat { color:@danger;}
+		> ul > li.sun { color:@danger;}
+		> ul > li:not(:empty):after { content:""; width:1+2*@gap; height:1+2*@gap; display:block; .x_round; margin:auto;}
+		> ul > li.end:after,
+		> ul > li.start:after,
+		> ul > li.on:after { background:@warning;}
+		> ul > li > span.solar { position:absolute; margin:0; top:0; bottom:0; left:0; right:0; line-height:1+2*@gap;}
+		> ul > li > span.lunar { display:none;}
+		> ul > li.dis span { cursor:not-allowed; color:@fg-light-8;}
+		> ul > li.cur { color:@primary;}
+		> ul > li.start,
+		> ul > li.end,
+		> ul > li.on { color:@bg;}
+		> ul > li.range { background:@warning-op-2;}
+		> ul > li.start { background:linear-gradient(to right, @warning-op-0 0%,  @warning-op-0 50%, @warning-op-2 50%);}
+		> ul > li.end { background:linear-gradient(to right, @warning-op-2 0%, @warning-op-2 50%, @warning-op-0 50%);}
+		> ul > li.start.end { background:none;}
+		> ul > li.on:nth-child(7n) > span,
+		> ul > li.on:nth-child(7n+1) > span { color:@bg;}
+	}
+	.month {
+		> ul > li.end:after,
+		> ul > li.start:after,
+		> ul > li.start,
+		> ul > li.end,
+		> ul > li.on { color:@bg;}
+		> ul > li.range { background:@warning-op-2;}
+		> ul > li.start { background:linear-gradient(to right, @warning-op-0 0%,  @warning-op-0 50%, @warning-op-2 50%);}
+		> ul > li.end { background:linear-gradient(to right, @warning-op-2 0%, @warning-op-2 50%, @warning-op-0 50%);}
+		> ul > li.end:after,
+		> ul > li.start:after,
+		> ul > li.on:after { background:@warning;}
+		> ul > li.start.end { background:none;}
+	}
+	.shortcut {
+		background:@bg; position:absolute; bottom:1+2*@gap; left:0; width:100%; line-height:1+2*@gap; color:@fg-light-1; border-top:1px @fg-light-9-3 solid; box-shadow:0 -3px 10px @fg-light-9-3; z-index:2;
+		li { float:left; width:25%; text-align:center; cursor:pointer; .x_bs;}
+		li:nth-child(4n) { border-right:0 none;}
+	}
+	.select {
+		position:absolute; width:100%; bottom:0; top:1+2*@gap; background:@bg; color:@bg; z-index:12;
+		ul { overflow:hidden;}
+		ul li { width:20%; float:left; text-align:center; height:1+2*@gap; z-index:14; position:relative; line-height:1+2*@gap; cursor:pointer;}
+		ul li:after { content:""; width:1+2*@gap; height:1+2*@gap; .x_round; z-index:-1; position:absolute; margin:0 auto; top:0; left:0; right:0; bottom:0;}
+		ul li.on:after { background:@warning;}
+		ul li.on { color:@bg;}
+		ul li.dis { cursor:not-allowed; color:@fg-light-7;}
+		ul li.cur { color:@fg-light-1;}
+		ul li.cur:after { background:@primary-light-9;}
+		ul li.on.cur { color:@bg;}
+		ul li.on.cur:after { background:@warning;}
+		.year {
+			width:100%; margin:0 auto; overflow:hidden; display:table; table-layout:fixed; background:@primary;
+			> ul { display:table-cell; vertical-align:middle; padding-bottom:0.5em;}
+			.prev,
+			.next { display:table-cell; vertical-align:middle; width:1+2*@gap; cursor:pointer; color:@primary-light-3;}
+			.prev:after { font-family:"icon"; content:"\e009";}
+			.next:after { font-family:"icon"; content:"\e05a";}
+		}
+		.month {
+			color:@fg-light-1; margin-top:0.5em;
+			> ul > li { width:16.66%; overflow:hidden;}
+			> ul > li:nth-child(6n) { width:auto; float:none;}
+		}
+	}
+	.time {
+		background:@bg-dark-0-5; display:flex;
+		.input { flex:1; width:1px;}
+		> .text { color:@fg-light-6; padding:0 0.5*@gap; line-height:1+2*@gap;}
+		.option {
+			background:@bg; position:absolute; top:0; bottom:1+2*@gap; left:0; width:100%; box-shadow:0 -0.25em 0.25em rgba(0,0,0,0.1);
+			.to-header { text-align:left;}
+			.content {
+				display:flex; position:absolute; top:(1+2*@gap)*1.167; bottom:0; width:100%; left:0;
+				.to-scroll { flex:1; border-right:1px solid @fg-light-9-5;}
+				.to-scroll:last-child { border:0 none;}
+				> ul > li { float:left; width:16.6%; height:1+2*@gap; position:relative; z-index:13; overflow:hidden; line-height:1+2*@gap; cursor:pointer;}
+				> ul > li:nth-child(6n) { float:none; width:auto;}
+				> ul > li:after { content:""; width:1+2*@gap; height:1+2*@gap; .x_round; z-index:-1; position:absolute; margin:0 auto; top:0; left:0; right:0; bottom:0;}
+				> ul > li.on:after { background:@warning !important;}
+				> ul > li.on { color:@bg;}
+				> ul > li.dis { cursor:not-allowed; color:@fg-light-7;}
+			}
+		}
+		> .on {
+			background:@bg;
+			.text { color:@fg-light-1;}
+		}
+		> .on .option { display:block;}
+		.submit {
+			display:flex;
+		}
+	}
+	.to-calendar-points {
+		text-align:right; position:absolute; right:0; top:0; position:absolute; right:0; top:0; transform:scale(0.5); transform-origin:top right;
+		.to-tag { margin-top:0.1em; display:block;}
+	}
+}
+.to-calendar-type-month {
+	.select {
+		position:relative; top:auto; padding-bottom:6*@gap;
+	}
+}
+.to-calendar-size-large {
+	border:1px solid @fg-light-8-5;
+	.day {
+		overflow:hidden; height:auto; background:@bg-dark-0-2;
+		> ul {
+			margin-left:-1px; margin-bottom:-1px; padding:0;
+			> li {
+				height:5.3em+@gap; box-sizing:border-box; padding:0.5*@gap; border-left:1px solid @fg-light-8-5; border-bottom:1px solid @fg-light-8-5;
+				&:not(:empty):after { z-index:-1; width:auto; height:auto; border-radius:0; position:absolute; left:-1px; top:-1px; right:-1px; bottom:-1px; box-sizing:border-box;}
+				> span.solar { z-index:1; line-height:1em; left:0.5*@gap; top:0.5*@gap; text-align:left;}
+			}
+			> li:not(:empty) { background:@bg;}
+			> li:not(:empty):hover { background:@bg-dark-0-7;}
+			> li:empty { border-left:0;}
+			> li:nth-child(7n) { border-right:0 none;}
+			> li.on:nth-child(7n) > span,
+			> li.on:nth-child(7n+1) > span {
+				color:@danger;
+			}
+			> li.on { color:@fg; z-index:2;}
+			> li.on {
+				&:not(:empty):after { background:@primary-op-1; border:1px solid @primary-light-5;}
+			}
+			> li:last-child:after { border-right:1px solid @fg-light-8-5;}
+		}
+	}
+	.to-calendar-points {
+		transform:scale(0.8); z-index:1; left:0; top:auto; bottom:0.2*@gap; right:auto; text-align:left; transform-origin:bottom left;
+		.to-tag { margin-top:0;}
+	}
+	.to-calendar-legend {
+		border-top:1px solid @fg-light-8-5; padding:0.25*@gap;
+	}
+}
+
+
+// 农历
+.to-calendar-lunar {
+	.day {
+		> ul > li > span.solar { line-height:1.2; font-size:85.71%; top:((1+2*@gap)-(1.2*0.875)-(1.2*0.75))/0.875/2;}
+		> ul > li > span.lunar { line-height:1.2; position:absolute; margin:0; font-size:75%; bottom:((1+2*@gap)-(1.2*0.875)-(1.2*0.75))/0.75/2; left:0; right:0; text-align:center; width:100%; overflow:hidden; color:@fg-light-6; display:inline-block; margin:auto; white-space:nowrap;}
+		> ul > li > span.lunar-month { color:@primary;}
+		> ul > li.on > span.lunar { color:@bg;}
+	}
+}
+.to-calendar-lunar.to-calendar-s {
+	.day {
+		> ul > li > span.solar { line-height:1+2*@gap;}
+		> ul > li > span.lunar { display:none;}
+	}
+}
+
+
+// 含有时间
+.to-calendar-hasTime {
+	height:10*(1+2*@gap)+@gap;
+}
+
+
+// hover
+.s_pc {
+	.to-calendar {
+		.header {
+			.prevYear:hover,
+			.nextYear:hover,
+			.info-unfold:hover,
+			.prev:hover,
+			.next:hover { background:@primary-light-3;}
+		}
+		.day {
+			> ul > li:not(:empty):hover:after { background:@bg-dark-0-7;}
+			> ul > li.end:hover:after,
+			> ul > li.start:hover:after,
+			> ul > li.on:hover:after{ background:@warning;}
+			> ul > li.dis:hover:after { background:none;}
+		}
+		.select {
+			ul li:hover:after{ background:@bg-dark-0-7;}
+			ul li:hover{color:@fg-light-1;}
+			ul li.on:hover:after{ background:@warning;}
+			ul li.on:hover{ color:@bg;}
+			ul li.dis:hover:after { background:none;}
+			.year {
+				.next:hover,
+				.prev:hover { background:@primary-dark-1;}
+			}
+		}
+		.shortcut {
+			li:hover { background:@bg-dark-0-7;}
+		}
+		.time {
+			.option {
+				> ul > li:hover:after { background:@bg-dark-0-7; color:@fg-light-1;}
+				> ul > li.dis:hover:after { background:none;}
+			}
+		}
+	}
+	.to-calendar-size-large {
+		.day {
+			> ul > li:not(:empty):hover:after { background:@bg-dark-0-5; border:1px solid @fg-light-8-5;}
+			> ul > li.on:hover:after { background:@primary-light-9; border:1px solid @primary-light-5;}
+		}
+	}
+}
+
+
+
+
+.s_pc,
+.s_phone,
+.s_pad {
+	.to-calendar {
+		.header {
+			.info.active,
+			.prev.active,
+			.next.active { background:@primary-dark-1;}
+		}
+		.day {
+			> ul > li:not(:empty).active:after { background:@bg-dark-0-7;}
+			> ul > li.on.active:after{ background:@warning;}
+			> ul > li.dis.active:after { background:none;}
+		}
+		.time {
+			.option {
+				> ul > li.active:after { background:@bg-dark-0-7; color:@fg-light-1;}
+				> ul > li.dis.active:after { background:none;}
+			}
+		}
+		.select {
+			ul li.active:after{ background:@bg-dark-0-7;}
+			ul li.active{color:@fg-light-1;}
+			ul li.on.active:after{ background:@warning;}
+			ul li.on.active{ color:@bg;}
+			ul li.dis.active:after { background:none;}
+			.year {
+				.next.active,
+				.prev.active { background:@primary-dark-1;}
+			}
+		}
+	}
+	.to-calendar-size-large {
+		.day {
+			> ul > li:not(:empty):active:after { background:@bg-dark-1;}
+			> ul > li.on:active:after { background:@primary-op-2;}
+		}
+	}
+}

package/packages/theme/src/less/component/card-dark.less

@@ -1,18 +1,18 @@
-.theme-dark {
-	.to-card-flex {
-		.to-cardItem {
-			&-line {
-				border-color: @dark-fg-dark-8;
-			}
-	
-			>.content {
-				color: @dark-fg-op-5;
-			}
-	
-			// label/value
-			>.label {
-				color: @dark-fg-op-5;
-			}
-		}
-	}
+.theme-dark {
+	.to-card-flex {
+		.to-cardItem {
+			&-line {
+				border-color: @dark-fg-dark-8;
+			}
+	
+			>.content {
+				color: @dark-fg-op-5;
+			}
+	
+			// label/value
+			>.label {
+				color: @dark-fg-op-5;
+			}
+		}
+	}
 }