ai.touchui-vue 1.31.3 → 1.32.0

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

@@ -1,45 +1,45 @@
-.theme-dark {
-
-	// 甘特图组件
-	.to-gantt {
-		background: @dark-bg;
-
-		.bg {
-			.month {
-				li {
-					border-bottom: 1px solid @dark-fg-dark-8;
-					background: @dark-bg-light-0-2;
-				}
-
-				li:after {
-					background: @dark-bg-light-2;
-				}
-			}
-
-			.week {
-				li {
-					border-right: 1px solid @dark-fg-dark-9-3;
-				}
-			}
-		}
-
-		.content {
-			li {
-				.bar {
-					.title {
-						color: @dark-bg;
-					}
-				}
-
-				.info {
-					color: @dark-fg-dark-5;
-				}
-			}
-		}
-	}
-
-	// 边框
-	.to-gantt-border {
-		border: 1px solid @dark-fg-dark-8-5;
-	}
+.theme-dark {
+
+	// 甘特图组件
+	.to-gantt {
+		background: @dark-bg;
+
+		.bg {
+			.month {
+				li {
+					border-bottom: 1px solid @dark-fg-dark-8;
+					background: @dark-bg-light-0-2;
+				}
+
+				li:after {
+					background: @dark-bg-light-2;
+				}
+			}
+
+			.week {
+				li {
+					border-right: 1px solid @dark-fg-dark-9-3;
+				}
+			}
+		}
+
+		.content {
+			li {
+				.bar {
+					.title {
+						color: @dark-bg;
+					}
+				}
+
+				.info {
+					color: @dark-fg-dark-5;
+				}
+			}
+		}
+	}
+
+	// 边框
+	.to-gantt-border {
+		border: 1px solid @dark-fg-dark-8-5;
+	}
 }

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

@@ -1,53 +1,53 @@
-// 甘特图组件
-.to-gantt {
-	background:@bg; position:relative; overflow-x:auto; overflow-y:hidden;
-	.bg {
-		position:absolute; bottom:0; top:0; left:0; overflow:visible;
-		.month {
-			ul { display:inline-block; margin-left:-1000em; left:1000em; position:relative;}
-			li { float:left; width:9em; text-align:center; line-height:1+2*@gap; border-bottom:1px solid @fg-light-8; position:relative; background:@bg-dark-0-2;}
-			li:after { content:""; position:absolute; right:0; width:1px; height:1000em; background:@bg-dark-2;}
-			.x_clear;
-		}
-		.week {
-			display:inline-block; margin-left:-1000em; left:1000em; position:relative;
-			ul { position:relative;}
-			li { float:left; box-sizing:border-box; border-right:1px solid @fg-light-9-3; height:1000em; width:2.1em;}
-		}
-	}
-	.content {
-		position:relative; margin-top:1+2*@gap; padding-bottom:@gap;
-		ul { padding-top:0.5*@gap;}
-		li {
-			position:relative; margin-top:0.5*@gap;
-			.bar {
-				background:@primary-light-3; position:relative;
-				.progress { display:block; height:1+1.5*@gap; width:3em; background:@primary-dark-1;}
-				.title { position:absolute; z-index:2; color:@bg; left:0.75em; top:0; line-height:1+1.5*@gap; right:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
-			}
-			.info { line-height:1+0.25*@gap; margin-top:0.5*@gap; color:@fg-light-5; white-space:nowrap; display:none;}
-			.info ~ .info { margin-top:0.25*@gap;}
-			&.delayed {
-				.bar { background:@warning-light-3;}
-				.progress { background:@warning-dark-1;}
-			}
-		}
-	}
-}
-
-
-
-// 边框
-.to-gantt-border { border:1px solid @fg-light-8-5;}
-
-
-
-// 信息插件
-.to-gantt-info {
-	.content {
-		li {
-			margin-top:@gap;
-			.info { display:block;}
-		}
-	}
+// 甘特图组件
+.to-gantt {
+	background:@bg; position:relative; overflow-x:auto; overflow-y:hidden;
+	.bg {
+		position:absolute; bottom:0; top:0; left:0; overflow:visible;
+		.month {
+			ul { display:inline-block; margin-left:-1000em; left:1000em; position:relative;}
+			li { float:left; width:9em; text-align:center; line-height:1+2*@gap; border-bottom:1px solid @fg-light-8; position:relative; background:@bg-dark-0-2;}
+			li:after { content:""; position:absolute; right:0; width:1px; height:1000em; background:@bg-dark-2;}
+			.x_clear;
+		}
+		.week {
+			display:inline-block; margin-left:-1000em; left:1000em; position:relative;
+			ul { position:relative;}
+			li { float:left; box-sizing:border-box; border-right:1px solid @fg-light-9-3; height:1000em; width:2.1em;}
+		}
+	}
+	.content {
+		position:relative; margin-top:1+2*@gap; padding-bottom:@gap;
+		ul { padding-top:0.5*@gap;}
+		li {
+			position:relative; margin-top:0.5*@gap;
+			.bar {
+				background:@primary-light-3; position:relative;
+				.progress { display:block; height:1+1.5*@gap; width:3em; background:@primary-dark-1;}
+				.title { position:absolute; z-index:2; color:@bg; left:0.75em; top:0; line-height:1+1.5*@gap; right:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
+			}
+			.info { line-height:1+0.25*@gap; margin-top:0.5*@gap; color:@fg-light-5; white-space:nowrap; display:none;}
+			.info ~ .info { margin-top:0.25*@gap;}
+			&.delayed {
+				.bar { background:@warning-light-3;}
+				.progress { background:@warning-dark-1;}
+			}
+		}
+	}
+}
+
+
+
+// 边框
+.to-gantt-border { border:1px solid @fg-light-8-5;}
+
+
+
+// 信息插件
+.to-gantt-info {
+	.content {
+		li {
+			margin-top:@gap;
+			.info { display:block;}
+		}
+	}
 }

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

@@ -1,7 +1,7 @@
-.theme-dark {
-	.to-guider {
-		>.bg {
-			background: rgba(0,0,0,0.8);
-		}
-	}
+.theme-dark {
+	.to-guider {
+		>.bg {
+			background: rgba(0,0,0,0.8);
+		}
+	}
 }

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

@@ -1,15 +1,15 @@
-.to-guider {
-	position:absolute; left:0; top:0; width:100%; height:100%; z-index:100000; pointer-events:none;
-	> .bg { pointer-events:all; background:@fg-op-3; left:0; right:0; top:0; bottom:0; position:absolute; transition:left 0.2s ease-out,top 0.2s ease-out,width 0.2s ease-out,height 0.2s ease-out;}
-}
-.to-guiderContent {
-	padding:1em 0.5em; display:flex;
-	> .content {
-		flex:1; margin-left:0.5em;
-		.title { font-weight:600; font-size:1.2em; }
-		.desc { line-height:1.8;}
-		.fn {
-			margin-top:1em; text-align:right;
-		}
-	}
-}
+.to-guider {
+	position:absolute; left:0; top:0; width:100%; height:100%; z-index:100000; pointer-events:none;
+	> .bg { pointer-events:all; background:@fg-op-3; left:0; right:0; top:0; bottom:0; position:absolute; transition:left 0.2s ease-out,top 0.2s ease-out,width 0.2s ease-out,height 0.2s ease-out;}
+}
+.to-guiderContent {
+	padding:1em 0.5em; display:flex;
+	> .content {
+		flex:1; margin-left:0.5em;
+		.title { font-weight:600; font-size:1.2em; }
+		.desc { line-height:1.8;}
+		.fn {
+			margin-top:1em; text-align:right;
+		}
+	}
+}

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

@@ -1,42 +1,42 @@
-.theme-dark {
-
-	// 导航模式
-	.to-header-nav {
-		background: @dark-bg;
-		border-bottom: 1px solid @dark-fg-dark-8-5;
-
-
-		.tab {
-			li {
-				color: @dark-fg;
-			}
-
-			li.on {
-				color: @dark-bg;
-			}
-		}
-
-		.fn {
-			>[class*="to-icon"] {
-				color: @dark-fg-dark-8;
-			}
-
-			>.to-select {
-				color: @dark-fg;
-
-				&:after {
-					color: @dark-fg-op-5;
-				}
-			}
-
-			>.to-group,
-			>.to-mix:not(.to-mix-search) {
-				border: 1px solid @dark-fg-dark-8-5;
-			}
-
-			.line {
-				background: @dark-fg-dark-8-5;
-			}
-		}
-	}
+.theme-dark {
+
+	// 导航模式
+	.to-header-nav {
+		background: @dark-bg;
+		border-bottom: 1px solid @dark-fg-dark-8-5;
+
+
+		.tab {
+			li {
+				color: @dark-fg;
+			}
+
+			li.on {
+				color: @dark-bg;
+			}
+		}
+
+		.fn {
+			>[class*="to-icon"] {
+				color: @dark-fg-dark-8;
+			}
+
+			>.to-select {
+				color: @dark-fg;
+
+				&:after {
+					color: @dark-fg-op-5;
+				}
+			}
+
+			>.to-group,
+			>.to-mix:not(.to-mix-search) {
+				border: 1px solid @dark-fg-dark-8-5;
+			}
+
+			.line {
+				background: @dark-fg-dark-8-5;
+			}
+		}
+	}
 }

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

@@ -1,121 +1,121 @@
-// 头部组件
-.to-header {
-	line-height:(1+2*@gap)*1.1667; min-height:(1+2*@gap)*1.1667; overflow:hidden; display:flex;
-	> .back {
-		font-size:116.67%; width:0; flex:1;
-		button { padding:0 @gap; vertical-align:top; .x_to; max-width:100%;}
-		button > span:not([class*="to-icon"]) { font-weight:bold; margin-left:0.5*@gap;}
-		.tip { font-size:85.71%;}
-	}
-	> .text {
-		font-weight:bold; font-size:116.67%; padding:0 @gap; .x_to; width:0; flex:1;
-		&-right { float:right;}
-		.to-menu-icon,
-		[class*="to-icon"],
-		.to-pic {
-			vertical-align:middle; margin-right:0.5*@gap; top:-0.15em; position:relative;
-			img { vertical-align:middle;}
-		}
-		.tip { font-size:85.71%; margin-left:1em; font-weight:normal; display:inline-block; vertical-align:top;}
-	}
-	> .back .tip,
-	> .text .tip {
-		button,
-		.to-select,
-		.to-button,
-		.to-input,
-		.to-segment { vertical-align:top; margin-top:((1+2*@gap)*1.1667-(1+2*@gap))/2;}
-	}
-	> .content {
-		flex:1; padding:((1+2*@gap)*1.1667-(1+2*@gap))/2;
-		.to-input { width:100%; float:left;}
-	}
-	.pt {
-		float:right; font-size:116.67%;
-		height:1+2*@gap; width:1+2*@gap; line-height:1; position:relative; cursor:pointer; text-align:center; box-sizing:border-box;
-		> .icon { margin-top:((1+2*@gap)-1-(1+0.5)*0.6667)/2;}
-		> .text { display:block; white-space:nowrap; font-size:66.67%; margin-top:0.5em;}
-		> .to-tag { position:absolute; top:0.25*@gap; right:0.25*@gap; font-size:66.67%;}
-	}
-	.logo {
-		float:left;
-		img { height:1+2*@gap;}
-		> [class*="to-icon"] { font-size:150%; width:(1+2*@gap)/1.5;}
-	}
-	.logo + .text { padding-left:0;}
-	.right,
-	.left,
-	.center,
-	.auto,
-	.fn {
-		padding-right:((1+2*@gap)*1.1667-(1+2*@gap))/2; align-items:center; line-height:1+2*@gap;
-		> [class*="to-icon"] {
-			width:1+2*@gap; height:1+2*@gap; line-height:1+2*@gap; text-align:center; cursor:pointer; position:relative;
-			> .to-tag { position:absolute; top:0.25*@gap; right:0.25*@gap; font-size:66.67%;}
-		}
-	}
-	.fn {
-		display:flex;
-	}
-	.left {
-		position:relative; z-index:1; display:flex;
-		> div { float:left;}
-	}
-	.right {
-		position:relative; z-index:1; display:flex;
-		> div { float:left;}
-	}
-	.auto { overflow:hidden; text-align:center;}
-	> .center {
-		position:absolute; left:0; right:0; text-align:center; z-index:0; font-weight:bold; font-size:116.67%;
-		> div { margin:0 auto;}
-	}
-}
-.to-header-floatFn {
-	> .content { padding:0.5*@gap; box-sizing:border-box;}
-	> .content > button { width:100%; text-align:left; padding-left:@gap; padding-right:@gap;}
-}
-
-
-// 抬头等级
-.to-header-level-2 {
-	> .text {
-		padding-left:0; font-size:100%;
-	}
-}
-
-
-// 导航模式
-.to-header-nav {
-	background:@bg; font-size:100%; height:2.5+2*@gap; border-bottom:1px solid @fg-light-8-5; box-sizing:border-box;
-	.logo {
-		padding:@gap;
-		img { height:2.5em;}
-		.text { line-height:1.6667; font-size:150%;}
-	}
-	.tab {
-		float:left; margin-top:((2.5+2*@gap)-(1+@gap))/2; margin-left:@gap;
-		li { float:left; padding:0 @gap; cursor:pointer; height:1+@gap; line-height:1+@gap; border-radius:0.25em; color:@fg;}
-		li.on { background:@primary-dark-1; cursor:default; color:@bg;}
-	}
-	.fn {
-		> [class*="to-icon"] { color:@fg-light-8; font-size:150%; height:(2.5+2*@gap)/1.5; width:(2.5+2*@gap)/1.5; line-height:(2.5+2*@gap)/1.5;}
-		> .to-select {
-			float:left; background:none; font-size:100%; border:0 none; margin-top:((2.5+2*@gap)-(1+2*@gap))/2; margin-left:@gap; margin-right:0; color:@fg;
-			&:after { color:@fg-op-5;}
-		}
-		> .to-group,
-		> .to-mix:not(.to-mix-search) { border:1px solid @fg-light-8-5; margin-top:((2.5+2*@gap)-(1+2*@gap))/2; margin-left:@gap; margin-right:0;}
-		> .to-mix:not(.to-mix-search) { position:relative; top:-1px;}
-		> button {
-			font-size:100%; height:2.5+2*@gap; line-height:2.5+2*@gap; padding:0 @gap; background:none; margin-left:@gap; margin-right:0;
-			img { border-radius:55%; vertical-align:middle; margin-right:0.5*@gap; margin-left:0; height:2.5em;}
-		}
-		// > button:hover {
-		// 	background:@fg-light-9-5;
-		// }
-		.line {
-			float:left; width:1px; background:@fg-light-8-5; height:2.5+1.8*@gap;
-		}
-	}
-}
+// 头部组件
+.to-header {
+	line-height:(1+2*@gap)*1.1667; min-height:(1+2*@gap)*1.1667; overflow:hidden; display:flex;
+	> .back {
+		font-size:116.67%; width:0; flex:1;
+		button { padding:0 @gap; vertical-align:top; .x_to; max-width:100%;}
+		button > span:not([class*="to-icon"]) { font-weight:bold; margin-left:0.5*@gap;}
+		.tip { font-size:85.71%;}
+	}
+	> .text {
+		font-weight:bold; font-size:116.67%; padding:0 @gap; .x_to; width:0; flex:1;
+		&-right { float:right;}
+		.to-menu-icon,
+		[class*="to-icon"],
+		.to-pic {
+			vertical-align:middle; margin-right:0.5*@gap; top:-0.15em; position:relative;
+			img { vertical-align:middle;}
+		}
+		.tip { font-size:85.71%; margin-left:1em; font-weight:normal; display:inline-block; vertical-align:top;}
+	}
+	> .back .tip,
+	> .text .tip {
+		button,
+		.to-select,
+		.to-button,
+		.to-input,
+		.to-segment { vertical-align:top; margin-top:((1+2*@gap)*1.1667-(1+2*@gap))/2;}
+	}
+	> .content {
+		flex:1; padding:((1+2*@gap)*1.1667-(1+2*@gap))/2;
+		.to-input { width:100%; float:left;}
+	}
+	.pt {
+		float:right; font-size:116.67%;
+		height:1+2*@gap; width:1+2*@gap; line-height:1; position:relative; cursor:pointer; text-align:center; box-sizing:border-box;
+		> .icon { margin-top:((1+2*@gap)-1-(1+0.5)*0.6667)/2;}
+		> .text { display:block; white-space:nowrap; font-size:66.67%; margin-top:0.5em;}
+		> .to-tag { position:absolute; top:0.25*@gap; right:0.25*@gap; font-size:66.67%;}
+	}
+	.logo {
+		float:left;
+		img { height:1+2*@gap;}
+		> [class*="to-icon"] { font-size:150%; width:(1+2*@gap)/1.5;}
+	}
+	.logo + .text { padding-left:0;}
+	.right,
+	.left,
+	.center,
+	.auto,
+	.fn {
+		padding-right:((1+2*@gap)*1.1667-(1+2*@gap))/2; align-items:center; line-height:1+2*@gap;
+		> [class*="to-icon"] {
+			width:1+2*@gap; height:1+2*@gap; line-height:1+2*@gap; text-align:center; cursor:pointer; position:relative;
+			> .to-tag { position:absolute; top:0.25*@gap; right:0.25*@gap; font-size:66.67%;}
+		}
+	}
+	.fn {
+		display:flex;
+	}
+	.left {
+		position:relative; z-index:1; display:flex;
+		> div { float:left;}
+	}
+	.right {
+		position:relative; z-index:1; display:flex;
+		> div { float:left;}
+	}
+	.auto { overflow:hidden; text-align:center;}
+	> .center {
+		position:absolute; left:0; right:0; text-align:center; z-index:0; font-weight:bold; font-size:116.67%;
+		> div { margin:0 auto;}
+	}
+}
+.to-header-floatFn {
+	> .content { padding:0.5*@gap; box-sizing:border-box;}
+	> .content > button { width:100%; text-align:left; padding-left:@gap; padding-right:@gap;}
+}
+
+
+// 抬头等级
+.to-header-level-2 {
+	> .text {
+		padding-left:0; font-size:100%;
+	}
+}
+
+
+// 导航模式
+.to-header-nav {
+	background:@bg; font-size:100%; height:2.5+2*@gap; border-bottom:1px solid @fg-light-8-5; box-sizing:border-box;
+	.logo {
+		padding:@gap;
+		img { height:2.5em;}
+		.text { line-height:1.6667; font-size:150%;}
+	}
+	.tab {
+		float:left; margin-top:((2.5+2*@gap)-(1+@gap))/2; margin-left:@gap;
+		li { float:left; padding:0 @gap; cursor:pointer; height:1+@gap; line-height:1+@gap; border-radius:0.25em; color:@fg;}
+		li.on { background:@primary-dark-1; cursor:default; color:@bg;}
+	}
+	.fn {
+		> [class*="to-icon"] { color:@fg-light-8; font-size:150%; height:(2.5+2*@gap)/1.5; width:(2.5+2*@gap)/1.5; line-height:(2.5+2*@gap)/1.5;}
+		> .to-select {
+			float:left; background:none; font-size:100%; border:0 none; margin-top:((2.5+2*@gap)-(1+2*@gap))/2; margin-left:@gap; margin-right:0; color:@fg;
+			&:after { color:@fg-op-5;}
+		}
+		> .to-group,
+		> .to-mix:not(.to-mix-search) { border:1px solid @fg-light-8-5; margin-top:((2.5+2*@gap)-(1+2*@gap))/2; margin-left:@gap; margin-right:0;}
+		> .to-mix:not(.to-mix-search) { position:relative; top:-1px;}
+		> button {
+			font-size:100%; height:2.5+2*@gap; line-height:2.5+2*@gap; padding:0 @gap; background:none; margin-left:@gap; margin-right:0;
+			img { border-radius:55%; vertical-align:middle; margin-right:0.5*@gap; margin-left:0; height:2.5em;}
+		}
+		// > button:hover {
+		// 	background:@fg-light-9-5;
+		// }
+		.line {
+			float:left; width:1px; background:@fg-light-8-5; height:2.5+1.8*@gap;
+		}
+	}
+}

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

@@ -1,16 +1,16 @@
-.theme-dark {
-
-	// 键盘组件
-	.to-keyboard {
-		background: @dark-bg-light-0-7;
-
-		ul li>span {
-			background: @dark-bg;
-		}
-
-		ul li.strong>span,
-		ul li.finish>span {
-			background: @dark-bg-light-1;
-		}
-	}
+.theme-dark {
+
+	// 键盘组件
+	.to-keyboard {
+		background: @dark-bg-light-0-7;
+
+		ul li>span {
+			background: @dark-bg;
+		}
+
+		ul li.strong>span,
+		ul li.finish>span {
+			background: @dark-bg-light-1;
+		}
+	}
 }

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

@@ -1,22 +1,22 @@
-
-
-
-// 键盘组件
-.to-keyboard {
-	background:@bg-dark-0-7; padding-top:0.25*@gap; overflow:hidden;
-	ul { letter-spacing:-@gap; overflow:hidden; text-align:center; margin-bottom:0.25*@gap; width:100%; font-family:consolas,"iconsolas";}
-	ul li { position:relative; letter-spacing:0; font-family:"microsoft yahei",helvetica; display:inline-block; color:#333; width:10%; line-height:1+@gap; height:1+@gap; overflow:hidden; .x_bs;}
-	ul li > span { margin:0 0.25*@gap; display:block; background:@bg;}
-	ul li.width-thick { width:15%;}
-	ul li.width-thick-3 { width:25%;}
-	ul li.width-thick-4 { width:40%;}
-	ul li.strong > span,
-	ul li.finish > span { background:@bg-dark-1;}
-}
-
-
-
-// 圆角按钮
-.to-keyboard-r {
-	ul li > span { border-radius:0.25em;}
+
+
+
+// 键盘组件
+.to-keyboard {
+	background:@bg-dark-0-7; padding-top:0.25*@gap; overflow:hidden;
+	ul { letter-spacing:-@gap; overflow:hidden; text-align:center; margin-bottom:0.25*@gap; width:100%; font-family:consolas,"iconsolas";}
+	ul li { position:relative; letter-spacing:0; font-family:"microsoft yahei",helvetica; display:inline-block; color:#333; width:10%; line-height:1+@gap; height:1+@gap; overflow:hidden; .x_bs;}
+	ul li > span { margin:0 0.25*@gap; display:block; background:@bg;}
+	ul li.width-thick { width:15%;}
+	ul li.width-thick-3 { width:25%;}
+	ul li.width-thick-4 { width:40%;}
+	ul li.strong > span,
+	ul li.finish > span { background:@bg-dark-1;}
+}
+
+
+
+// 圆角按钮
+.to-keyboard-r {
+	ul li > span { border-radius:0.25em;}
 }