@zyzgroup/core-web 0.1.89 → 0.1.92

package/dist/css/better.css

@@ -153,6 +153,11 @@ body {
     */
     -ms-interpolation-mode: bicubic;
   }
+  /* .img-rect {
+    aspect-ratio: 1 / 1;
+    height: 0;
+    padding-top: 100%;
+  } */
 
   pre {
     max-width: 100%;

package/dist/css/theme.css

@@ -22,10 +22,10 @@
   --yz-padding-vertical: 10px;
   --yz-padding-vertical-double: 20px;
 
-  --yz-font-size: 16px; /* 1.4 line-height gap = 3 */
-  --yz-font-size-secondary: 14px; /* 1.4 line-height gap = 3 */
+  --yz-font-size: 16px; /* 1.4 line-height : 上下单边距 = 3px */
+  --yz-font-size-secondary: 14px; /* 1.4 line-height : 上下单边距 = 3px */
 
-  --yz-disabled-alpha: 0.4;
+  --yz-disabled-opacity: 0.4;
 
   --yz-button-height: 44px;
   --yz-button-padding-horizontal: 20px;
@@ -44,17 +44,6 @@
   --yz-input-height: 44px;
   --yz-input-border-radius: 4px;
 
-  /* 组件：颜色反向 */
-  --yz-foreground-reverse: #ffffff;
-  --yz-foreground-border-reverse: #e6e6e6;
-  --yz-panel-reverse: #f5f5f5;
-  --yz-panel-border-reverse: #b3b3b3;
-  --yz-gap-reverse: #cccccc;
-  --yz-placeholder-reverse: #8f8f8f;
-  --yz-font-reverse: #333333;
-  --yz-font-secondary-reverse: #666666;
-  --yz-font-tertiary-reverse: #999999;
-
   /* 组件：颜色加深 */
   --yz-foreground-common: #ffffff;
   --yz-foreground-border-common: #e6e6e6;
@@ -66,6 +55,17 @@
   --yz-font-secondary-common: #666666;
   --yz-font-tertiary-common: #999999;
 
+  /* 组件：颜色反向 */
+  --yz-foreground-reverse: #ffffff;
+  --yz-foreground-border-reverse: #e6e6e6;
+  --yz-panel-reverse: #f5f5f5;
+  --yz-panel-border-reverse: #b3b3b3;
+  --yz-gap-reverse: #cccccc;
+  --yz-placeholder-reverse: #8f8f8f;
+  --yz-font-reverse: #333333;
+  --yz-font-secondary-reverse: #666666;
+  --yz-font-tertiary-reverse: #999999;
+
   /* 预定义颜色：颜色加深 */
   --yz-xg-blue: #5a82f0;
   --yz-xg-blue-panel: #e6f0ff; /* #e3eeff */
@@ -77,11 +77,14 @@
   --yz-xg-red-panel-border: #fac8c8;
   --yz-xg-red-gradient: #fa8c78;
 
+  --yz-xg-green: #00be5a;
+  --yz-xg-green-gradient: #00e678;
+
   --yz-xg-yellow: #fa8c00;
   --yz-xg-yellow-gradient: #ffb400;
 
-  --yz-xg-green: #00be5a;
-  --yz-xg-green-gradient: #00e678;
+  --yz-xg-newenergy: #64c896;
+  --yz-xg-newenergy-panel: #ebfaf2;
 
   --yz-ks-green: #328a8c;
   --yz-ks-green-panel: #ebf4f4;
@@ -89,10 +92,19 @@
   --yz-yz-green: #29c999;
   --yz-yz-green-panel: #eef8f8;
 
-  --yz-xg-newenergy: #64c896;
-  --yz-xg-newenergy-panel: #ebfaf2;
+  --yz-sys-success: rgb(44, 122, 57);
+  --yz-sys-error: rgb(171, 43, 63);
+  --yz-sys-warning: rgb(150, 108, 30);
+
+  --yz-sys-rainbow-red: rgb(235, 95, 87);
+  --yz-sys-rainbow-orange: rgb(245, 139, 87);
+  --yz-sys-rainbow-yellow: rgb(250, 195, 95);
+  --yz-sys-rainbow-green: rgb(145, 200, 130);
+  --yz-sys-rainbow-blue: rgb(130, 170, 220);
+  --yz-sys-rainbow-indigo: rgb(155, 130, 200);
+  --yz-sys-rainbow-violet: rgb(200, 130, 180);
 
-  /* 预定义颜色模式：xg-blue:信鸽蓝 */
+  /* 预定义颜色模式：xg-blue : 信鸽蓝 */
   --yz-pattern-xg-blue-primary: var(--yz-xg-blue, #5a82f0);
   --yz-pattern-xg-blue-secondary: var(--yz-xg-blue-panel);
   --yz-pattern-xg-blue-gradient: var(--yz-xg-blue-gradient);
@@ -106,7 +118,7 @@
   --yz-pattern-xg-blue-font-secondary: var(--yz-font-secondary-common);
   --yz-pattern-xg-blue-font-tertiary: var(--yz-font-tertiary-common);
 
-  /* 预定义颜色模式：xg-red:信鸽红 */
+  /* 预定义颜色模式：xg-red : 信鸽红 */
   --yz-pattern-xg-red-primary: var(--yz-xg-red);
   --yz-pattern-xg-red-secondary: var(--yz-xg-red-panel);
   --yz-pattern-xg-red-gradient: var(--yz-xg-red-gradient);
@@ -120,7 +132,7 @@
   --yz-pattern-xg-red-font-secondary: var(--yz-font-secondary-common);
   --yz-pattern-xg-red-font-tertiary: var(--yz-font-tertiary-common);
 
-  /* 预定义颜色模式：xg-green:信鸽绿 */
+  /* 预定义颜色模式：xg-green : 信鸽绿 */
   --yz-pattern-xg-green-primary: var(--yz-xg-green);
   --yz-pattern-xg-green-foreground: var(--yz-foreground-common);
   --yz-pattern-xg-green-foreground-border: var(--yz-foreground-border-common);
@@ -132,7 +144,7 @@
   --yz-pattern-xg-green-font-secondary: var(--yz-font-secondary-common);
   --yz-pattern-xg-green-font-tertiary: var(--yz-font-tertiary-common);
 
-  /* 预定义颜色模式：ks-green:昆山绿 */
+  /* 预定义颜色模式：ks-green : 昆山绿 */
   --yz-pattern-ks-green-primary: var(--yz-ks-green);
   --yz-pattern-ks-green-secondary: var(--yz-ks-green-panel);
   --yz-pattern-ks-green-gradient: var(--yz-ks-green);
@@ -146,7 +158,7 @@
   --yz-pattern-ks-green-font-secondary: var(--yz-font-secondary-common);
   --yz-pattern-ks-green-font-tertiary: var(--yz-font-tertiary-common);
 
-  /* 预定义颜色模式：yz-green:扬州绿 */
+  /* 预定义颜色模式：yz-green : 扬州绿 */
   --yz-pattern-yz-green-primary: var(--yz-yz-green);
   --yz-pattern-yz-green-secondary: var(--yz-yz-green-panel);
   --yz-pattern-yz-green-gradient: var(--yz-yz-green);
@@ -179,17 +191,6 @@ html[data-theme="light"]:host {
 } */
 html[data-theme="dark"]:root,
 html[data-theme="dark"]:host {
-  /* 组件：颜色反向 */
-  --yz-foreground-reverse: #1d1d1d;
-  --yz-foreground-border-reverse: #333333;
-  --yz-panel-reverse: #242424;
-  --yz-panel-border-reverse: #555555;
-  --yz-gap-reverse: #444444;
-  --yz-placeholder-reverse: #707070;
-  --yz-font-reverse: #cdcdcd;
-  --yz-font-secondary-reverse: #8d8d8d;
-  --yz-font-tertiary-reverse: #5d5d5d;
-
   /* 组件：颜色加深 */
   --yz-foreground-common: #eeeeee;
   --yz-foreground-border-common: #dddddd;
@@ -201,6 +202,17 @@ html[data-theme="dark"]:host {
   --yz-font-secondary-common: #4d4d4d;
   --yz-font-tertiary-common: #7f7f7f;
 
+  /* 组件：颜色反向 */
+  --yz-foreground-reverse: #1d1d1d;
+  --yz-foreground-border-reverse: #333333;
+  --yz-panel-reverse: #242424;
+  --yz-panel-border-reverse: #555555;
+  --yz-gap-reverse: #444444;
+  --yz-placeholder-reverse: #707070;
+  --yz-font-reverse: #cdcdcd;
+  --yz-font-secondary-reverse: #8d8d8d;
+  --yz-font-tertiary-reverse: #5d5d5d;
+
   /* 预定义颜色：颜色加深  */
   --yz-xg-blue: #4a6ed7;
   --yz-xg-blue-panel: #aec6d9;
@@ -212,11 +224,14 @@ html[data-theme="dark"]:host {
   --yz-xg-red-panel-border: #f1a6a6;
   --yz-xg-red-gradient: #d97362;
 
+  --yz-xg-green: #009c4d;
+  --yz-xg-green-gradient: #00b36b;
+
   --yz-xg-yellow: #e67e00;
   --yz-xg-yellow-gradient: #e68a00;
 
-  --yz-xg-green: #009c4d;
-  --yz-xg-green-gradient: #00b36b;
+  --yz-xg-newenergy: #4a9b73;
+  --yz-xg-newenergy-panel: #c7e6d5;
 
   --yz-ks-green: #27706a;
   --yz-ks-green-panel: #3a7f7d;
@@ -224,6 +239,15 @@ html[data-theme="dark"]:host {
   --yz-yz-green: #1f9f86;
   --yz-yz-green-panel: #3a8c8a;
 
-  --yz-xg-newenergy: #4a9b73;
-  --yz-xg-newenergy-panel: #c7e6d5;
+  --yz-sys-success: rgb(78, 186, 101);
+  --yz-sys-error: rgb(255, 107, 128);
+  --yz-sys-warning: rgb(255, 193, 7);
+
+  --yz-sys-rainbow-red: rgb(235, 95, 87);
+  --yz-sys-rainbow-orange: rgb(245, 139, 87);
+  --yz-sys-rainbow-yellow: rgb(250, 195, 95);
+  --yz-sys-rainbow-green: rgb(145, 200, 130);
+  --yz-sys-rainbow-blue: rgb(130, 170, 220);
+  --yz-sys-rainbow-indigo: rgb(155, 130, 200);
+  --yz-sys-rainbow-violet: rgb(200, 130, 180);
 }