ai.touchui-vue 1.30.2 → 1.30.3

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

@@ -1,90 +1,90 @@
-.to-card {
-	padding:@gap; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:1.25;
-	.to-cardFn {
-		top:@gap; right:@gap; position:absolute;
-	}
-}
-.to-card-wrap {
-	white-space:normal;
-	word-wrap: break-word;
-}
-.to-card-flex {
-	display:flex; align-items:center; white-space:normal;
-	.to-cardItem {
-		margin-left:@gap;
-		&:first-child { margin-left:0 !important;}
-		&-main {
-			flex:1; width:1px;
-			// 必须放在 main 之中，如果 h 模式下，side 中的 content 变成 1px 会很糟糕
-			// 1px 宽度必须设置，不然无法支持 ellipsis
-			> .title {
-				.main { flex:1; width:1px;}
-				.side { margin-left:@gap; font-size:85.71%;}
-			}
-			> .content {
-				.main { flex:1; width:1px;}
-				.side { margin-left:@gap;}
-			}
-		}
-		&-more:before { content:"\e05a"; font-family:icon; opacity:0.4;}
-		&-line { border-left:1px solid @fg-light-8-5; padding-left:@gap;}
-		// title/content
-		> .title {
-			display:flex; align-items:center; line-height:1.75; font-size:116.67%;
-		}
-		> .content {
-			display:flex; align-items:center; line-height:1.75; color:@fg-op-5;
-		}
-		> .title + .content { margin-top:0.25*@gap;}
-		// label/value
-		> .value { font-size:116.67%; text-align:center; line-height:1.5;}
-		> .label { color:@fg-op-5; text-align:center; line-height:1.5;}
-		> .pic + .label { margin-top:0.5*@gap;}
-		> .value + .label { margin-top:0.25*@gap;}
-		> .to-pic { vertical-align:top;}
-	}
-	.to-cardItem-align-top { align-self:flex-start;}
-}
-
-
-
-// 色彩
-.to-card.to-box-mode-fill:not(.to-box-color-default):not(.to-box-color-bg) {
-	.to-cardItem {
-		.label,
-		.content { color:@bg-op-6;}
-	}
-}
-
-
-
-// 类型
-.to-card-type-v {
-	display:block; text-align:center;
-	.to-cardItem {
-		margin-left:0; margin-top:0.5*@gap; display:block;
-		&-main { width:auto;}
-		&:first-child { margin-top:0 !important;}
-		> .title {
-			display:block;
-			.main { display:block; width:auto;}
-		}
-		> .content {
-			display:block;
-			.main { display:block; width:auto;}
-		}
-	}
-}
-.to-card-padding-0.to-card-type-v {
-	.to-cardItem {
-		> .title { padding:0 1/1.1667*@gap;}
-		> .content { padding:0 @gap;}
-	}
-}
-
-
-// 自动宽度设置
-.to-card-width-auto .to-cardItem-main,
-.to-card-width-auto .to-cardItem-main > .title .main,
-.to-card-width-auto .to-cardItem-main > .content .main { width:auto;}
+.to-card {
+	padding:@gap; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:1.25;
+	.to-cardFn {
+		top:@gap; right:@gap; position:absolute;
+	}
+}
+.to-card-wrap {
+	white-space:normal;
+	word-wrap: break-word;
+}
+.to-card-flex {
+	display:flex; align-items:center; white-space:normal;
+	.to-cardItem {
+		margin-left:@gap;
+		&:first-child { margin-left:0 !important;}
+		&-main {
+			flex:1; width:1px;
+			// 必须放在 main 之中，如果 h 模式下，side 中的 content 变成 1px 会很糟糕
+			// 1px 宽度必须设置，不然无法支持 ellipsis
+			> .title {
+				.main { flex:1; width:1px;}
+				.side { margin-left:@gap; font-size:85.71%;}
+			}
+			> .content {
+				.main { flex:1; width:1px;}
+				.side { margin-left:@gap;}
+			}
+		}
+		&-more:before { content:"\e05a"; font-family:icon; opacity:0.4;}
+		&-line { border-left:1px solid @fg-light-8-5; padding-left:@gap;}
+		// title/content
+		> .title {
+			display:flex; align-items:center; line-height:1.75; font-size:116.67%;
+		}
+		> .content {
+			display:flex; align-items:center; line-height:1.75; color:@fg-op-5;
+		}
+		> .title + .content { margin-top:0.25*@gap;}
+		// label/value
+		> .value { font-size:116.67%; text-align:center; line-height:1.5;}
+		> .label { color:@fg-op-5; text-align:center; line-height:1.5;}
+		> .pic + .label { margin-top:0.5*@gap;}
+		> .value + .label { margin-top:0.25*@gap;}
+		> .to-pic { vertical-align:top;}
+	}
+	.to-cardItem-align-top { align-self:flex-start;}
+}
+
+
+
+// 色彩
+.to-card.to-box-mode-fill:not(.to-box-color-default):not(.to-box-color-bg) {
+	.to-cardItem {
+		.label,
+		.content { color:@bg-op-6;}
+	}
+}
+
+
+
+// 类型
+.to-card-type-v {
+	display:block; text-align:center;
+	.to-cardItem {
+		margin-left:0; margin-top:0.5*@gap; display:block;
+		&-main { width:auto;}
+		&:first-child { margin-top:0 !important;}
+		> .title {
+			display:block;
+			.main { display:block; width:auto;}
+		}
+		> .content {
+			display:block;
+			.main { display:block; width:auto;}
+		}
+	}
+}
+.to-card-padding-0.to-card-type-v {
+	.to-cardItem {
+		> .title { padding:0 1/1.1667*@gap;}
+		> .content { padding:0 @gap;}
+	}
+}
+
+
+// 自动宽度设置
+.to-card-width-auto .to-cardItem-main,
+.to-card-width-auto .to-cardItem-main > .title .main,
+.to-card-width-auto .to-cardItem-main > .content .main { width:auto;}
 .to-card-width-auto:not(.to-card-type-v) { display:inline-flex;}

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

@@ -1,48 +1,48 @@
-.theme-dark {
-	// 对话组件
-	.to-chat {
-		>ul {
-			>li.user-u {
-				>.content {
-					>.name { color:@dark-fg-dark-6;}
-					>.wrapper {
-						border:1px @dark-fg-dark-8 solid; background:@dark-bg-light-0-2;
-						&:after { background:@dark-bg-light-0-2; border-right:1px @dark-fg-dark-8 solid; border-bottom:1px @dark-fg-dark-8 solid;}
-					}
-					>.quote {
-						>.quoteWrapper { background:@dark-fg-op-0-5; color:@dark-fg-dark-6;}
-					}
-				}
-			}
-			>li.type-time {
-				>.time { color:@dark-fg-dark-6;}
-			}
-		}
-	}
-
-	// hover
-	&.s_pc {
-		.to-chat-link {
-			.box:hover {
-				.wrapper {
-					background:@dark-bg-light-0-6;
-					&:after { background:@dark-bg-light-0-6;}
-				}
-			}
-		}
-	}
-
-	// active
-	&.s_pad,
-	&.s_pc,
-	&.s_phone {
-		.to-chat-link {
-			.box.active {
-				.wrapper {
-					background:@dark-bg-light-0-6;
-					&:after { background:@dark-bg-light-0-6;}
-				}
-			}
-		}
-	}
+.theme-dark {
+	// 对话组件
+	.to-chat {
+		>ul {
+			>li.user-u {
+				>.content {
+					>.name { color:@dark-fg-dark-6;}
+					>.wrapper {
+						border:1px @dark-fg-dark-8 solid; background:@dark-bg-light-0-2;
+						&:after { background:@dark-bg-light-0-2; border-right:1px @dark-fg-dark-8 solid; border-bottom:1px @dark-fg-dark-8 solid;}
+					}
+					>.quote {
+						>.quoteWrapper { background:@dark-fg-op-0-5; color:@dark-fg-dark-6;}
+					}
+				}
+			}
+			>li.type-time {
+				>.time { color:@dark-fg-dark-6;}
+			}
+		}
+	}
+
+	// hover
+	&.s_pc {
+		.to-chat-link {
+			.box:hover {
+				.wrapper {
+					background:@dark-bg-light-0-6;
+					&:after { background:@dark-bg-light-0-6;}
+				}
+			}
+		}
+	}
+
+	// active
+	&.s_pad,
+	&.s_pc,
+	&.s_phone {
+		.to-chat-link {
+			.box.active {
+				.wrapper {
+					background:@dark-bg-light-0-6;
+					&:after { background:@dark-bg-light-0-6;}
+				}
+			}
+		}
+	}
 }

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

@@ -1,71 +1,71 @@
-// 对话组件
-.to-chat {
-	> ul {
-		> li {
-			display:flex;
-			> .avatar {
-				img { width:4.5em; height:4.5em;}
-			}
-			> .content {
-				flex:1; padding-bottom:1px; max-width:75%; // fix overflow border
-				> .name { color:@fg-light-6; margin-left:@gap; margin-bottom:0.5*@gap;}
-				> .wrapper {
-					display:inline-block; border:1px @fg-light-9 solid; border-radius:0.25em; padding:0.75*@gap @gap; position:relative; margin-left:@gap; background:@bg-dark-0-2; line-height:1+0.5*@gap; min-height:1.5*@gap;
-					&:after { content:""; width:0.5em; height:0.5em; display:inline-block; background:@bg-dark-0-2; position:absolute; left:-0.25em; top:(1+2*@gap)/2-0.25*1.44; /* 整体高度/2-本身高度/2=本身居中于整体的高度位置 */ .x_rotate(135); border-right:1px @fg-light-9 solid; border-bottom:1px @fg-light-9 solid;}
-					.to-icon-talk:after { .x_rotate(180); display:inline-block;}
-				}
-				> .fn { padding:0 @gap; margin-top:0.25*@gap;}
-				> .quote {
-					margin:0.25em @gap 0; max-width:50%;
-					> .quoteWrapper { font-size:0.9em; border-radius:0.25em; background:@fg-op-0-5; padding:0.75*@gap @gap; display:inline-block; color:@fg-light-6;}
-				}
-			}
-		}
-		> li:not(:first-child) { margin-top:2*@gap;}
-		> li.type-time {
-			text-align:center;
-			> .time { flex:1; color:@fg-light-6; text-align:center;}
-		}
-		> li.user-i {
-			flex-direction:row-reverse;
-			> .content {
-				text-align:right;
-				> .name { margin-left:0; margin-right:@gap;}
-				> .wrapper {
-					margin:0 @gap 0 0; text-align:left; background:@primary; border:1px @primary-dark-1 solid; color:#fff;
-					&:after { left:auto; right:-0.25em; border:none; background:@primary; border-left:1px @primary-dark-1 solid; border-top:1px @primary-dark-1 solid;}
-					.to-icon-talk:after { .x_rotate(0); display:inline-block;}
-				}
-			}
-		}
-	}
-}
-
-
-
-// hover
-.s_pc {
-	.to-chat-link {
-		.box { cursor:pointer;}
-		.box:hover {
-			.wrapper { 
-				background:@bg-dark-0-6;
-				&:after { background:@bg-dark-0-6;}
-			}
-		}
-	}
-}
-
-
-
-// active
-.s_pad, .s_pc, .s_phone {
-	.to-chat-link {
-		.box.active {
-			.wrapper {
-				background:@bg-dark-0-6;
-				&:after { background:@bg-dark-0-6;}
-			}
-		}
-	}
-}
+// 对话组件
+.to-chat {
+	> ul {
+		> li {
+			display:flex;
+			> .avatar {
+				img { width:4.5em; height:4.5em;}
+			}
+			> .content {
+				flex:1; padding-bottom:1px; max-width:75%; // fix overflow border
+				> .name { color:@fg-light-6; margin-left:@gap; margin-bottom:0.5*@gap;}
+				> .wrapper {
+					display:inline-block; border:1px @fg-light-9 solid; border-radius:0.25em; padding:0.75*@gap @gap; position:relative; margin-left:@gap; background:@bg-dark-0-2; line-height:1+0.5*@gap; min-height:1.5*@gap;
+					&:after { content:""; width:0.5em; height:0.5em; display:inline-block; background:@bg-dark-0-2; position:absolute; left:-0.25em; top:(1+2*@gap)/2-0.25*1.44; /* 整体高度/2-本身高度/2=本身居中于整体的高度位置 */ .x_rotate(135); border-right:1px @fg-light-9 solid; border-bottom:1px @fg-light-9 solid;}
+					.to-icon-talk:after { .x_rotate(180); display:inline-block;}
+				}
+				> .fn { padding:0 @gap; margin-top:0.25*@gap;}
+				> .quote {
+					margin:0.25em @gap 0; max-width:50%;
+					> .quoteWrapper { font-size:0.9em; border-radius:0.25em; background:@fg-op-0-5; padding:0.75*@gap @gap; display:inline-block; color:@fg-light-6;}
+				}
+			}
+		}
+		> li:not(:first-child) { margin-top:2*@gap;}
+		> li.type-time {
+			text-align:center;
+			> .time { flex:1; color:@fg-light-6; text-align:center;}
+		}
+		> li.user-i {
+			flex-direction:row-reverse;
+			> .content {
+				text-align:right;
+				> .name { margin-left:0; margin-right:@gap;}
+				> .wrapper {
+					margin:0 @gap 0 0; text-align:left; background:@primary; border:1px @primary-dark-1 solid; color:#fff;
+					&:after { left:auto; right:-0.25em; border:none; background:@primary; border-left:1px @primary-dark-1 solid; border-top:1px @primary-dark-1 solid;}
+					.to-icon-talk:after { .x_rotate(0); display:inline-block;}
+				}
+			}
+		}
+	}
+}
+
+
+
+// hover
+.s_pc {
+	.to-chat-link {
+		.box { cursor:pointer;}
+		.box:hover {
+			.wrapper { 
+				background:@bg-dark-0-6;
+				&:after { background:@bg-dark-0-6;}
+			}
+		}
+	}
+}
+
+
+
+// active
+.s_pad, .s_pc, .s_phone {
+	.to-chat-link {
+		.box.active {
+			.wrapper {
+				background:@bg-dark-0-6;
+				&:after { background:@bg-dark-0-6;}
+			}
+		}
+	}
+}

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

@@ -1,42 +1,42 @@
-.theme-dark {
-	code {
-		background: @dark-bg-light-0-4;
-	}
-	
-	.to-code {
-		background: @dark-bg-light-0-4;
-	
-		.strong-2,
-		.strong-2 {
-			border-color: @dark-fg-dark-8;
-			background: @dark-bg-light-0-6;
-		}
-	
-		&-border {
-			border: 1px solid @dark-fg-dark-8-5;
-		}
-	
-		&-rower {
-			>.num {
-				color: @dark-fg-dark-8;
-				background: @dark-bg-light-0-4;
-			}
-		}
-	
-	
-		&-black {
-			background: @dark-fg-dark-2;
-			color: @dark-fg-dark-2;
-	
-			>.num {
-				background: @dark-fg-dark-2;
-				color: @dark-bg-light-5;
-			}
-	
-			code {
-				background: @dark-fg-dark-2;
-				color: @dark-bg;
-			}
-		}
-	}
+.theme-dark {
+	code {
+		background: @dark-bg-light-0-4;
+	}
+	
+	.to-code {
+		background: @dark-bg-light-0-4;
+	
+		.strong-2,
+		.strong-2 {
+			border-color: @dark-fg-dark-8;
+			background: @dark-bg-light-0-6;
+		}
+	
+		&-border {
+			border: 1px solid @dark-fg-dark-8-5;
+		}
+	
+		&-rower {
+			>.num {
+				color: @dark-fg-dark-8;
+				background: @dark-bg-light-0-4;
+			}
+		}
+	
+	
+		&-black {
+			background: @dark-fg-dark-2;
+			color: @dark-fg-dark-2;
+	
+			>.num {
+				background: @dark-fg-dark-2;
+				color: @dark-bg-light-5;
+			}
+	
+			code {
+				background: @dark-fg-dark-2;
+				color: @dark-bg;
+			}
+		}
+	}
 }

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

@@ -1,33 +1,33 @@
-code { font-family:Consolas,"Liberation Mono",Courier,monospace,simsun; background:@bg-dark-0-4; border:1px solid #ddd; line-height:1+0.5*@gap; display:inline-block; vertical-align:middle; padding:0 0.25em; margin:0 0.25em; position:relative;}
-.to-code {
-	background:@bg-dark-0-4; overflow:auto; font-family:Consolas,"Liberation Mono",Courier,monospace,simsun;
-	pre { font-family: Consolas, "Liberation Mono", Courier, monospace, simsun; margin-top:-1-0.5*@gap;}
-	pre span { font-family: Consolas, "Liberation Mono", Courier, monospace, simsun;}
-	pre code { border:0 none; border-radius:0;}
-	.strong-2,
-	.strong { display:inline-block; border:1px solid @warning-light-2; height:1+0.5*@gap; box-sizing:border-box; background:@warning-light-8; border-radius:0.25em; padding:0 0.25em;}
-	.strong-2 { border-color:@fg-light-8; background:@bg-dark-0-6;}
-	&-border {
-		border:1px solid @fg-light-8-5;
-	}
-	&-rower {
-		position:relative; overflow:hidden;
-		> .num { width:3em; line-height:1+0.5*@gap; color:@fg-light-7; position:absolute; left:0; top:0; overflow:hidden; z-index:4; padding-right:1em; background:@bg-dark-0-4;}
-		> .num ul li { text-align:right; width:3em; overflow:hidden;}
-		> .code { padding-left:4em; overflow:auto; height:100%;}
-		code { margin:0;}
-	}
-	&-full {
-		height:100%;
-	}
-	&-black {
-		background:@fg-light-2; color:@fg-light-2; overflow:visible;
-		> .num { background:@fg-light-2; color:@bg-dark-5;}
-		code { background:@fg-light-2; color:@bg;}
-		.strong { color:@danger; background:none; border:none;}
-	}
-	&-wrap {
-		pre { white-space:pre-wrap;}
-	}
-}
-
+code { font-family:Consolas,"Liberation Mono",Courier,monospace,simsun; background:@bg-dark-0-4; border:1px solid #ddd; line-height:1+0.5*@gap; display:inline-block; vertical-align:middle; padding:0 0.25em; margin:0 0.25em; position:relative;}
+.to-code {
+	background:@bg-dark-0-4; overflow:auto; font-family:Consolas,"Liberation Mono",Courier,monospace,simsun;
+	pre { font-family: Consolas, "Liberation Mono", Courier, monospace, simsun; margin-top:-1-0.5*@gap;}
+	pre span { font-family: Consolas, "Liberation Mono", Courier, monospace, simsun;}
+	pre code { border:0 none; border-radius:0;}
+	.strong-2,
+	.strong { display:inline-block; border:1px solid @warning-light-2; height:1+0.5*@gap; box-sizing:border-box; background:@warning-light-8; border-radius:0.25em; padding:0 0.25em;}
+	.strong-2 { border-color:@fg-light-8; background:@bg-dark-0-6;}
+	&-border {
+		border:1px solid @fg-light-8-5;
+	}
+	&-rower {
+		position:relative; overflow:hidden;
+		> .num { width:3em; line-height:1+0.5*@gap; color:@fg-light-7; position:absolute; left:0; top:0; overflow:hidden; z-index:4; padding-right:1em; background:@bg-dark-0-4;}
+		> .num ul li { text-align:right; width:3em; overflow:hidden;}
+		> .code { padding-left:4em; overflow:auto; height:100%;}
+		code { margin:0;}
+	}
+	&-full {
+		height:100%;
+	}
+	&-black {
+		background:@fg-light-2; color:@fg-light-2; overflow:visible;
+		> .num { background:@fg-light-2; color:@bg-dark-5;}
+		code { background:@fg-light-2; color:@bg;}
+		.strong { color:@danger; background:none; border:none;}
+	}
+	&-wrap {
+		pre { white-space:pre-wrap;}
+	}
+}
+

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

@@ -1,5 +1,5 @@
-
-
-
-// 遮罩插件
+
+
+
+// 遮罩插件
 .to-cover { position:absolute; top:0; left:0; width:100%; height:100%; z-index:999;}