@nutui/nutui-react 3.0.0-beta.0 → 3.0.0-beta.10

package/dist/styles/theme-default.scss

@@ -17,32 +17,29 @@ page {
   --nutui-brand-stop-2: #ff0f23; // 渐变色止
 
   // 品牌颜色语义化
-  --nutui-color-primary: var(
-    --nutui-brand-6
-  ); // 品牌主色调默认态，主要功能控件的背景、边框、镂空状态下的文字等
-  --nutui-color-primary-stop-1: var(--nutui-brand-stop-1); // 品牌渐变色左端
-  --nutui-color-primary-stop-2: var(--nutui-brand-stop-2); // 品牌渐变色右端
-  --nutui-color-primary-text: var(
-    --nutui-color-background-gray-1
-  ); // 品牌主色调或其他深色背景下的文字
-  --nutui-color-primary-pressed: var(
-    --nutui-brand-7
-  ); // 品牌主色调点击态，背景、边框、镂空状态下的文字
-  --nutui-color-primary-disabled: var(
-    --nutui-color-content-gray-1
-  ); // 品牌主色调禁用态，背景、边框、镂空状态下的文字
-  --nutui-color-primary-disabled-special: var(
-    --nutui-brand-3
-  ); // 品牌主色调特殊禁用态，通过操作后可转位默认态
-  --nutui-color-primary-light-pressed: var(
-    --nutui-brand-1
-  ); // 品牌主色调镂空背景点击态
+  // 品牌主色调默认态，主要功能控件的背景、边框、镂空状态下的文字等
+  --nutui-color-primary: var(--nutui-brand-6);
+  // 品牌渐变色左端
+  --nutui-color-primary-stop-1: var(--nutui-brand-stop-1);
+  // 品牌渐变色右端
+  --nutui-color-primary-stop-2: var(--nutui-brand-stop-2);
+  // 品牌主色调或其他深色背景下的文字
+  --nutui-color-primary-text: var(--nutui-color-background-gray-1);
+  // 品牌主色调点击态，背景、边框、镂空状态下的文字
+  --nutui-color-primary-pressed: var(--nutui-brand-7);
+  // 品牌主色调禁用态，背景、边框、镂空状态下的文字
+  --nutui-color-primary-disabled: var(--nutui-color-content-gray-1);
+  // 品牌主色调特殊禁用态，通过操作后可转位默认态
+  --nutui-color-primary-disabled-special: var(--nutui-brand-3);
+  // 品牌主色调镂空背景点击态
+  --nutui-color-primary-light-pressed: var(--nutui-brand-1);
+  --nutui-color-primary-specialdisabled: var(--nutui-red-3);
 
   // service color
   --nutui-golden-1: #fff2e0;
   --nutui-golden-2: #ffd4a3;
-  --nutui-golden-3: #cc8241; // todo
-  --nutui-golden-4: #994d00; // todo
+  --nutui-golden-3: #cc8241;
+  --nutui-golden-4: #994d00;
 
   --nutui-golden-stop-1: #fff9f0;
   --nutui-golden-stop-2: #ffe3c2;
@@ -67,7 +64,9 @@ page {
 
   // danger color
   --nutui-red-1: #ffebef;
+  --nutui-red-3: #ffadbe;
   --nutui-red-2: #ff0f23;
+  --nutui-red-6: #ff3333;
 
   // danger color 语义化
   --nutui-color-danger: var(--nutui-red-2); // 背景或文字
@@ -100,7 +99,7 @@ page {
   // 卡片内嵌背景色，用于卡片内部的信息包裹，感知较弱。
   --nutui-gray-2: #f7f8fc;
   // 页面基底色，用于卡片式页面的兜底，永远置于页面最底层。
-  --nutui-gray-3: #f5f6fa;
+  --nutui-gray-3: #f2f3f5;
   // 文字色
   // 四级文字色，不可操作内容色，用于预置内容、无效内容、特殊不可点击按钮、组件边框线等。
   --nutui-gray-4: #c2c4cc;
@@ -110,6 +109,8 @@ page {
   --nutui-gray-6: #505259;
   // 一级文字色（重要）主要内容用色，常用语常规标题内容、细文浏览、常规按钮文字以及图表引导。
   --nutui-gray-7: #1a1a1a;
+  // icon 未选中颜色
+  --nutui-gray-8: #dadce0;
 
   --nutui-black-1: rgba(0, 0, 0, 0);
   // 蒙层色
@@ -152,43 +153,43 @@ page {
   --nutui-color-content-gray-2: var(--nutui-gray-5);
   --nutui-color-content-gray-3: var(--nutui-gray-6);
   --nutui-color-content-gray-4: var(--nutui-gray-7);
-  --nutui-color-title: var(--nutui-color-content-gray-4); // 一级文字色（重要）
-  --nutui-color-text: var(
-    --nutui-color-content-gray-3
-  ); // 二级文字色或可操作用色（常规）
-  --nutui-color-text-help: var(
-    --nutui-color-content-gray-2
-  ); // 三级文字色（次要）
-  --nutui-color-text-disabled: var(
-    --nutui-color-content-gray-1
-  ); // 四级文字色（不可操作）
+  // 一级文字色（重要）
+  --nutui-color-title: var(--nutui-color-content-gray-4);
+  // 二级文字色或可操作用色（常规）
+  --nutui-color-text: var(--nutui-color-content-gray-3);
+  // 三级文字色（次要）
+  --nutui-color-text-help: var(--nutui-color-content-gray-2);
+  // 四级文字色（不可操作）
+  --nutui-color-text-disabled: var(--nutui-color-content-gray-1);
 
   // 背景颜色值 语义化
   --nutui-color-background-gray-1: var(--nutui-gray-1);
   --nutui-color-background-gray-2: var(--nutui-gray-2);
   --nutui-color-background-gray-3: var(--nutui-gray-3);
-  --nutui-color-background: var(--nutui-color-background-gray-3); // 页面背景
-  --nutui-color-background-overlay: var(
-    --nutui-color-background-gray-1
-  ); // 卡片背景
-  --nutui-color-background-sunken: var(
-    --nutui-color-background-gray-2
-  ); // 卡片内容器背景
+  // 页面背景
+  --nutui-color-background: var(--nutui-color-background-gray-3);
+  // 卡片背景
+  --nutui-color-background-overlay: var(--nutui-color-background-gray-1);
+  // 卡片内容器背景
+  --nutui-color-background-sunken: var(--nutui-color-background-gray-2);
 
   // 蒙层颜色值 语义化
   --nutui-color-mask-gray-1: var(--nutui-black-2);
   --nutui-color-mask-gray-2: var(--nutui-black-7);
   --nutui-color-mask-gray-3: var(--nutui-black-10);
-  --nutui-color-mask: var(--nutui-color-mask-gray-3); // 全部蒙层
-  --nutui-color-mask-part: var(--nutui-color-mask-gray-2); // 局部弹层
-  --nutui-color-mask-fault-toleran: var(--nutui-color-mask-gray-1); // 容错弹层
+  // 全部蒙层
+  --nutui-color-mask: var(--nutui-color-mask-gray-3);
+  // 局部弹层
+  --nutui-color-mask-part: var(--nutui-color-mask-gray-2);
+  // 容错弹层
+  --nutui-color-mask-fault-toleran: var(--nutui-color-mask-gray-1);
 
   // 线颜色值 语义化
   --nutui-color-line-gray-1: var(--nutui-black-3);
-  --nutui-color-border: var(--nutui-color-line-gray-1); // 间隔线或容错线
-  --nutui-color-border-disabled: var(
-    --nutui-color-content-gray-1
-  ); // 组件边框禁用色
+  // 间隔线或容错线
+  --nutui-color-border: var(--nutui-color-line-gray-1);
+  // 组件边框禁用色
+  --nutui-color-border-disabled: var(--nutui-color-content-gray-1);
 
   // 字体 ok
   --nutui-font-size-8: 8px;
@@ -212,29 +213,30 @@ page {
   --nutui-font-size-26: 26px;
 
   // 字号语义化
-  --nutui-font-size-xxs: var(--nutui-font-size-10); // 标签内文字
-  --nutui-font-size-xs: var(
-    --nutui-font-size-11
-  ); // 导购或信息密集的次要内容、辅助信息
-  --nutui-font-size-s: var(
-    --nutui-font-size-12
-  ); // 汉字：次要内容、辅助类信息 数字：羊角符号、小数点及角分
-  --nutui-font-size-base: var(--nutui-font-size-14); // 标准内容、名称类关键信息
-  --nutui-font-size-l: var(
-    --nutui-font-size-16
-  ); // 汉字：楼层标题、卡片标题 数字：重复型价格，如搜推商卡
-  --nutui-font-size-xl: var(
-    --nutui-font-size-18
-  ); // 汉字：页面标题、页面级最重要内容 数字：模块级主价格，如购物车、结算、底导
-  --nutui-font-size-xxl: var(
-    --nutui-font-size-24
-  ); // 数字：页面级主价格，如商详、收银台
-  --nutui-font-size-xxxl: var(--nutui-font-size-26); // zanwu
+  // 标签内文字
+  --nutui-font-size-xxs: var(--nutui-font-size-10);
+  // 导购或信息密集的次要内容、辅助信息
+  --nutui-font-size-xs: var(--nutui-font-size-11);
+  // 汉字：次要内容、辅助类信息 数字：羊角符号、小数点及角分
+  --nutui-font-size-s: var(--nutui-font-size-12);
+  // 标准内容、名称类关键信息
+  --nutui-font-size-base: var(--nutui-font-size-14);
+  // 汉字：楼层标题、卡片标题 数字：重复型价格，如搜推商卡
+  --nutui-font-size-l: var(--nutui-font-size-16);
+  // 汉字：页面标题、页面级最重要内容 数字：模块级主价格，如购物车、结算、底导
+  --nutui-font-size-xl: var(--nutui-font-size-18);
+  // 数字：页面级主价格，如商详、收银台
+  --nutui-font-size-xxl: var(--nutui-font-size-24);
+  // zanwu
+  --nutui-font-size-xxxl: var(--nutui-font-size-26);
 
   // 字重 ok
-  --nutui-font-weight-light: 300; // 次要内容
-  --nutui-font-weight: 400; // 常规内容
-  --nutui-font-weight-bold: 600; // 强化内容
+  // 次要内容
+  --nutui-font-weight-light: 300;
+  // 常规内容
+  --nutui-font-weight: 400;
+  // 强化内容
+  --nutui-font-weight-bold: 600;
 
   // 行高
   --nutui-line-height-base: 1.5;
@@ -261,22 +263,22 @@ page {
   --nutui-spacing-16: 16px;
 
   // space 语义化
-  --nutui-spacing-xxxs: var(--nutui-spacing-2); // 狭小空间内的紧密关联内容
-  --nutui-spacing-xxs: var(
-    --nutui-spacing-4
-  ); // 导购：紧密关联内容；平台：紧密关联内容
-  --nutui-spacing-xs: var(
-    --nutui-spacing-6
-  ); // 导购：常规关联内容；平台：替代常规关联内容
-  --nutui-spacing-s: var(--nutui-spacing-7); // 一行二、一行三卡片间距
-  --nutui-spacing-base: var(
-    --nutui-spacing-8
-  ); // 导购：弱关联内容；平台：常规关联内容
-  --nutui-spacing-l: var(--nutui-spacing-9); // 一行四卡片间距
-  --nutui-spacing-xl: var(
-    --nutui-spacing-12
-  ); // 导购：无关联内容；平台：弱关联内容
-  --nutui-spacing-xxl: var(--nutui-spacing-16); // 平台：无关联内容
+  // 狭小空间内的紧密关联内容
+  --nutui-spacing-xxxs: var(--nutui-spacing-2);
+  // 导购：紧密关联内容；平台：紧密关联内容
+  --nutui-spacing-xxs: var(--nutui-spacing-4);
+  // 导购：常规关联内容；平台：替代常规关联内容
+  --nutui-spacing-xs: var(--nutui-spacing-6);
+  // 一行二、一行三卡片间距
+  --nutui-spacing-s: var(--nutui-spacing-7);
+  // 导购：弱关联内容；平台：常规关联内容
+  --nutui-spacing-base: var(--nutui-spacing-8);
+  // 一行四卡片间距
+  --nutui-spacing-l: var(--nutui-spacing-9);
+  // 导购：无关联内容；平台：弱关联内容
+  --nutui-spacing-xl: var(--nutui-spacing-12);
+  // 平台：无关联内容
+  --nutui-spacing-xxl: var(--nutui-spacing-16);
 
   // radius ok
   --nutui-radius-0: 0px;
@@ -306,15 +308,20 @@ page {
   --nutui-radius-24: 24px;
 
   // radius 语义化
-  --nutui-radius-xxxs: var(--nutui-radius-0); // 内容描述型的详情页面通栏结构
-  --nutui-radius-xxs: var(--nutui-radius-2); // 标签
-  --nutui-radius-xs: var(--nutui-radius-4); // 单行高度20、24、28的组件
-  --nutui-radius-s: var(--nutui-radius-6); // 单行高度32、36的组件
-  --nutui-radius-base: var(--nutui-radius-8); // 单行高度40及以上的组件
-  --nutui-radius-l: var(--nutui-radius-8); // 入口型非通栏卡片
-  --nutui-radius-xl: var(
-    --nutui-radius-12
-  ); // 结构分割、通栏卡片、临时操作层组件等场景
+  // 内容描述型的详情页面通栏结构
+  --nutui-radius-xxxs: var(--nutui-radius-0);
+  // 标签
+  --nutui-radius-xxs: var(--nutui-radius-2);
+  // 单行高度20、24、28的组件
+  --nutui-radius-xs: var(--nutui-radius-4);
+  // 单行高度32、36的组件
+  --nutui-radius-s: var(--nutui-radius-6);
+  // 单行高度40及以上的组件
+  --nutui-radius-base: var(--nutui-radius-8);
+  // 入口型非通栏卡片
+  --nutui-radius-l: var(--nutui-radius-8);
+  // 结构分割、通栏卡片、临时操作层组件等场景
+  --nutui-radius-xl: var(--nutui-radius-12);
   --nutui-radius-xxl: var(--nutui-radius-14); // zanwu
   --nutui-radius-xxxl: var(--nutui-radius-16); // zanwu
 }

package/dist/styles/themes/default.css

@@ -0,0 +1 @@
+:root,page{--nutui-brand-1: #ffebf1;--nutui-brand-2: #ffd6e1;--nutui-brand-3: #ffadbe;--nutui-brand-4: #ff8595;--nutui-brand-5: #ff5c67;--nutui-brand-6: #ff0f23;--nutui-brand-7: #e53029;--nutui-brand-8: #cc2c21;--nutui-brand-9: #992412;--nutui-brand-10: #661b08;--nutui-brand-11: #330f02;--nutui-brand-stop-1: #ff475d;--nutui-brand-stop-2: #ff0f23;--nutui-color-primary: var(--nutui-brand-6);--nutui-color-primary-stop-1: var(--nutui-brand-stop-1);--nutui-color-primary-stop-2: var(--nutui-brand-stop-2);--nutui-color-primary-text: var(--nutui-color-background-gray-1);--nutui-color-primary-pressed: var(--nutui-brand-7);--nutui-color-primary-disabled: var(--nutui-color-content-gray-1);--nutui-color-primary-disabled-special: var(--nutui-brand-3);--nutui-color-primary-light-pressed: var(--nutui-brand-1);--nutui-color-primary-specialdisabled: var(--nutui-red-3);--nutui-golden-1: #fff2e0;--nutui-golden-2: #ffd4a3;--nutui-golden-3: #cc8241;--nutui-golden-4: #994d00;--nutui-golden-stop-1: #fff9f0;--nutui-golden-stop-2: #ffe3c2;--nutui-color-service: var(--nutui-golden-1);--nutui-color-service-border: var(--nutui-golden-2);--nutui-color-service-pressed: var(--nutui-golden-4);--nutui-color-service-stop-1: var(--nutui-golden-stop-1);--nutui-color-service-stop-2: var(--nutui-golden-stop-2);--nutui-color-service-text: var(--nutui-golden-3);--nutui-green-1: #ebfbeb;--nutui-green-2: #00d900;--nutui-green-3: #2aa32a;--nutui-color-success: var(--nutui-green-2);--nutui-color-success-light: var(--nutui-green-1);--nutui-color-success-pressed: var(--nutui-green-3);--nutui-red-1: #ffebef;--nutui-red-3: #ffadbe;--nutui-red-2: #ff0f23;--nutui-red-6: #ff3333;--nutui-color-danger: var(--nutui-red-2);--nutui-color-danger-light: var(--nutui-red-1);--nutui-yellow-1: #fff5cc;--nutui-yellow-2: #ffbf00;--nutui-yellow-3: #c47600;--nutui-color-warning: var(--nutui-yellow-2);--nutui-color-warning-light: var(--nutui-yellow-1);--nutui-color-warning-pressed: var(--nutui-yellow-3);--nutui-blue-1: #e5f5ff;--nutui-blue-2: #0073ff;--nutui-color-info: var(--nutui-blue-2);--nutui-color-info-light: var(--nutui-blue-1);--nutui-secondary-1: #14cc33;--nutui-color-text-link: var(--nutui-blue-2);--nutui-gray-1: #ffffff;--nutui-gray-2: #f7f8fc;--nutui-gray-3: #f2f3f5;--nutui-gray-4: #c2c4cc;--nutui-gray-5: #888b94;--nutui-gray-6: #505259;--nutui-gray-7: #1a1a1a;--nutui-gray-8: #dadce0;--nutui-black-1: rgba(0, 0, 0, 0);--nutui-black-2: rgba(0, 0, 0, .02);--nutui-black-3: rgba(0, 0, 0, .06);--nutui-black-4: rgba(0, 0, 0, .1);--nutui-black-5: rgba(0, 0, 0, .2);--nutui-black-6: rgba(0, 0, 0, .3);--nutui-black-7: rgba(0, 0, 0, .4);--nutui-black-8: rgba(0, 0, 0, .5);--nutui-black-9: rgba(0, 0, 0, .6);--nutui-black-10: rgba(0, 0, 0, .7);--nutui-black-11: rgba(0, 0, 0, .8);--nutui-black-12: rgba(0, 0, 0, .9);--nutui-black-13: rgba(0, 0, 0, 1);--nutui-white-1: rgba(255, 255, 255, 0);--nutui-white-2: rgba(255, 255, 255, .02);--nutui-white-3: rgba(255, 255, 255, .05);--nutui-white-4: rgba(255, 255, 255, .1);--nutui-white-5: rgba(255, 255, 255, .2);--nutui-white-6: rgba(255, 255, 255, .3);--nutui-white-7: rgba(255, 255, 255, .4);--nutui-white-8: rgba(255, 255, 255, .5);--nutui-white-9: rgba(255, 255, 255, .6);--nutui-white-10: rgba(255, 255, 255, .7);--nutui-white-11: rgba(255, 255, 255, .8);--nutui-white-12: rgba(255, 255, 255, .9);--nutui-white-13: rgba(255, 255, 255, 1);--nutui-color-content-gray-1: var(--nutui-gray-4);--nutui-color-content-gray-2: var(--nutui-gray-5);--nutui-color-content-gray-3: var(--nutui-gray-6);--nutui-color-content-gray-4: var(--nutui-gray-7);--nutui-color-title: var(--nutui-color-content-gray-4);--nutui-color-text: var(--nutui-color-content-gray-3);--nutui-color-text-help: var(--nutui-color-content-gray-2);--nutui-color-text-disabled: var(--nutui-color-content-gray-1);--nutui-color-background-gray-1: var(--nutui-gray-1);--nutui-color-background-gray-2: var(--nutui-gray-2);--nutui-color-background-gray-3: var(--nutui-gray-3);--nutui-color-background: var(--nutui-color-background-gray-3);--nutui-color-background-overlay: var(--nutui-color-background-gray-1);--nutui-color-background-sunken: var(--nutui-color-background-gray-2);--nutui-color-mask-gray-1: var(--nutui-black-2);--nutui-color-mask-gray-2: var(--nutui-black-7);--nutui-color-mask-gray-3: var(--nutui-black-10);--nutui-color-mask: var(--nutui-color-mask-gray-3);--nutui-color-mask-part: var(--nutui-color-mask-gray-2);--nutui-color-mask-fault-toleran: var(--nutui-color-mask-gray-1);--nutui-color-line-gray-1: var(--nutui-black-3);--nutui-color-border: var(--nutui-color-line-gray-1);--nutui-color-border-disabled: var(--nutui-color-content-gray-1);--nutui-font-size-8: 8px;--nutui-font-size-9: 9px;--nutui-font-size-10: 10px;--nutui-font-size-11: 11px;--nutui-font-size-12: 12px;--nutui-font-size-13: 13px;--nutui-font-size-14: 14px;--nutui-font-size-15: 15px;--nutui-font-size-16: 16px;--nutui-font-size-17: 17px;--nutui-font-size-18: 18px;--nutui-font-size-19: 19px;--nutui-font-size-20: 20px;--nutui-font-size-21: 21px;--nutui-font-size-22: 22px;--nutui-font-size-23: 23px;--nutui-font-size-24: 24px;--nutui-font-size-25: 25px;--nutui-font-size-26: 26px;--nutui-font-size-xxs: var(--nutui-font-size-10);--nutui-font-size-xs: var(--nutui-font-size-11);--nutui-font-size-s: var(--nutui-font-size-12);--nutui-font-size-base: var(--nutui-font-size-14);--nutui-font-size-l: var(--nutui-font-size-16);--nutui-font-size-xl: var(--nutui-font-size-18);--nutui-font-size-xxl: var(--nutui-font-size-24);--nutui-font-size-xxxl: var(--nutui-font-size-26);--nutui-font-weight-light: 300;--nutui-font-weight: 400;--nutui-font-weight-bold: 600;--nutui-line-height-base: 1.5;--nutui-text-align: left;--nutui-spacing-1: 1px;--nutui-spacing-2: 2px;--nutui-spacing-3: 3px;--nutui-spacing-4: 4px;--nutui-spacing-5: 5px;--nutui-spacing-6: 6px;--nutui-spacing-7: 7px;--nutui-spacing-8: 8px;--nutui-spacing-9: 9px;--nutui-spacing-10: 10px;--nutui-spacing-11: 11px;--nutui-spacing-12: 12px;--nutui-spacing-13: 13px;--nutui-spacing-14: 14px;--nutui-spacing-15: 15px;--nutui-spacing-16: 16px;--nutui-spacing-xxxs: var(--nutui-spacing-2);--nutui-spacing-xxs: var(--nutui-spacing-4);--nutui-spacing-xs: var(--nutui-spacing-6);--nutui-spacing-s: var(--nutui-spacing-7);--nutui-spacing-base: var(--nutui-spacing-8);--nutui-spacing-l: var(--nutui-spacing-9);--nutui-spacing-xl: var(--nutui-spacing-12);--nutui-spacing-xxl: var(--nutui-spacing-16);--nutui-radius-0: 0px;--nutui-radius-1: 1px;--nutui-radius-2: 2px;--nutui-radius-3: 3px;--nutui-radius-4: 4px;--nutui-radius-5: 5px;--nutui-radius-6: 6px;--nutui-radius-7: 7px;--nutui-radius-8: 8px;--nutui-radius-9: 9px;--nutui-radius-10: 10px;--nutui-radius-11: 11px;--nutui-radius-12: 12px;--nutui-radius-13: 13px;--nutui-radius-14: 14px;--nutui-radius-15: 15px;--nutui-radius-16: 16px;--nutui-radius-17: 17px;--nutui-radius-18: 18px;--nutui-radius-19: 19px;--nutui-radius-20: 20px;--nutui-radius-21: 21px;--nutui-radius-22: 22px;--nutui-radius-23: 23px;--nutui-radius-24: 24px;--nutui-radius-xxxs: var(--nutui-radius-0);--nutui-radius-xxs: var(--nutui-radius-2);--nutui-radius-xs: var(--nutui-radius-4);--nutui-radius-s: var(--nutui-radius-6);--nutui-radius-base: var(--nutui-radius-8);--nutui-radius-l: var(--nutui-radius-8);--nutui-radius-xl: var(--nutui-radius-12);--nutui-radius-xxl: var(--nutui-radius-14);--nutui-radius-xxxl: var(--nutui-radius-16)}:root,page{--nutui-brand-1: #403635;--nutui-brand-2: #665452;--nutui-brand-3: #99706b;--nutui-brand-4: #cc5f52;--nutui-brand-5: #f2503d;--nutui-brand-6: #fa3725;--nutui-brand-7: #f24130;--nutui-brand-8: #e55446;--nutui-brand-9: #f26e61;--nutui-brand-10: #e5928a;--nutui-brand-11: #330f02;--nutui-brand-stop-1: #ff475d;--nutui-brand-stop-2: #fa3725;--nutui-color-primary: var(--nutui-brand-6);--nutui-color-primary-stop-1: var(--nutui-brand-stop-1);--nutui-color-primary-stop-2: var(--nutui-brand-stop-2);--nutui-color-primary-text: var(--nutui-color-background-gray-1);--nutui-color-primary-pressed: var(--nutui-brand-7);--nutui-color-primary-disabled: var(--nutui-color-content-gray-1);--nutui-color-primary-disabled-special: var(--nutui-brand-3);--nutui-color-primary-light-pressed: var(--nutui-brand-1);--nutui-color-primary-specialdisabled: var(--nutui-red-3);--nutui-golden-1: #292725;--nutui-golden-2: #4d4134;--nutui-golden-3: #c59463;--nutui-golden-4: #d18e54;--nutui-golden-stop-1: #fff9f0;--nutui-golden-stop-2: #ffe3c2;--nutui-color-service: var(--nutui-golden-1);--nutui-color-service-border: var(--nutui-golden-2);--nutui-color-service-pressed: var(--nutui-golden-4);--nutui-color-service-stop-1: var(--nutui-golden-stop-1);--nutui-color-service-stop-2: var(--nutui-golden-stop-2);--nutui-color-service-text: var(--nutui-golden-3);--nutui-green-1: #1f2920;--nutui-green-2: #32c241;--nutui-green-3: #12b222;--nutui-color-success: var(--nutui-green-2);--nutui-color-success-light: var(--nutui-green-1);--nutui-color-success-pressed: var(--nutui-green-3);--nutui-red-1: #2e2526;--nutui-red-2: #ff3344;--nutui-red-3: #ff3344;--nutui-red-6: #ff3b3b;--nutui-color-danger: var(--nutui-red-2);--nutui-color-danger-light: var(--nutui-red-1);--nutui-yellow-1: #29271f;--nutui-yellow-2: #faaf00;--nutui-yellow-3: #c47600;--nutui-color-warning: var(--nutui-yellow-2);--nutui-color-warning-light: var(--nutui-yellow-1);--nutui-color-warning-pressed: var(--nutui-yellow-3);--nutui-blue-1: #23292e;--nutui-blue-2: #3385ff;--nutui-color-info: var(--nutui-blue-2);--nutui-color-info-light: var(--nutui-blue-1);--nutui-secondary-1: #14cc33;--nutui-color-text-link: var(--nutui-blue-2);--nutui-gray-1: #1f1f1f;--nutui-gray-2: #141414;--nutui-gray-3: #0a0a0a;--nutui-gray-4: #666666;--nutui-gray-5: #818181;--nutui-gray-6: #999999;--nutui-gray-7: #e6e6e6;--nutui-gray-8: #dadce0;--nutui-black-1: rgba(255, 255, 255, 0);--nutui-black-2: rgba(0, 0, 0, .1);--nutui-black-3: rgba(255, 255, 255, .06);--nutui-black-4: rgba(20, 20, 20, .1);--nutui-black-5: rgba(20, 20, 20, .2);--nutui-black-6: rgba(20, 20, 20, .3);--nutui-black-7: rgba(20, 20, 20, .4);--nutui-black-8: rgba(20, 20, 20, .5);--nutui-black-9: rgba(20, 20, 20, .6);--nutui-black-10: rgba(20, 20, 20, .7);--nutui-black-11: rgba(20, 20, 20, .8);--nutui-black-12: rgba(20, 20, 20, .9);--nutui-black-13: rgba(20, 20, 20, 1);--nutui-white-1: rgba(31, 31, 31, 0);--nutui-white-7: rgba(31, 31, 31, .4);--nutui-white-8: rgba(31, 31, 31, .5);--nutui-white-12: rgba(31, 31, 31, .9);--nutui-color-content-gray-1: var(--nutui-gray-4);--nutui-color-content-gray-2: var(--nutui-gray-5);--nutui-color-content-gray-3: var(--nutui-gray-6);--nutui-color-content-gray-4: var(--nutui-gray-7);--nutui-color-title: var(--nutui-color-content-gray-4);--nutui-color-text: var(--nutui-color-content-gray-3);--nutui-color-text-help: var(--nutui-color-content-gray-2);--nutui-color-text-disabled: var(--nutui-color-content-gray-1);--nutui-color-background-gray-1: var(--nutui-gray-1);--nutui-color-background-gray-2: var(--nutui-gray-2);--nutui-color-background-gray-3: var(--nutui-gray-3);--nutui-color-background: var(--nutui-color-background-gray-3);--nutui-color-background-overlay: var(--nutui-color-background-gray-1);--nutui-color-background-sunken: var(--nutui-color-background-gray-2);--nutui-color-mask-gray-1: var(--nutui-black-2);--nutui-color-mask-gray-2: var(--nutui-black-7);--nutui-color-mask-gray-3: var(--nutui-black-10);--nutui-color-mask: var(--nutui-color-mask-gray-3);--nutui-color-mask-part: var(--nutui-color-mask-gray-2);--nutui-color-mask-fault-toleran: var(--nutui-color-mask-gray-1);--nutui-color-line-gray-1: var(--nutui-black-3);--nutui-color-border: var(--nutui-color-line-gray-1);--nutui-color-border-disabled: var(--nutui-color-content-gray-1);--nutui-font-size-8: 8px;--nutui-font-size-9: 9px;--nutui-font-size-10: 10px;--nutui-font-size-11: 11px;--nutui-font-size-12: 12px;--nutui-font-size-13: 13px;--nutui-font-size-14: 14px;--nutui-font-size-15: 15px;--nutui-font-size-16: 16px;--nutui-font-size-17: 17px;--nutui-font-size-18: 18px;--nutui-font-size-19: 19px;--nutui-font-size-20: 20px;--nutui-font-size-21: 21px;--nutui-font-size-22: 22px;--nutui-font-size-23: 23px;--nutui-font-size-24: 24px;--nutui-font-size-25: 25px;--nutui-font-size-26: 26px;--nutui-font-size-xxs: var(--nutui-font-size-10);--nutui-font-size-xs: var(--nutui-font-size-11);--nutui-font-size-s: var(--nutui-font-size-12);--nutui-font-size-base: var(--nutui-font-size-14);--nutui-font-size-l: var(--nutui-font-size-16);--nutui-font-size-xl: var(--nutui-font-size-18);--nutui-font-size-xxl: var(--nutui-font-size-24);--nutui-font-size-xxxl: var(--nutui-font-size-26);--nutui-font-weight-light: 300;--nutui-font-weight: 400;--nutui-font-weight-bold: 600;--nutui-line-height-base: 1.5;--nutui-text-align: left;--nutui-spacing-1: 1px;--nutui-spacing-2: 2px;--nutui-spacing-3: 3px;--nutui-spacing-4: 4px;--nutui-spacing-5: 5px;--nutui-spacing-6: 6px;--nutui-spacing-7: 7px;--nutui-spacing-8: 8px;--nutui-spacing-9: 9px;--nutui-spacing-10: 10px;--nutui-spacing-11: 11px;--nutui-spacing-12: 12px;--nutui-spacing-13: 13px;--nutui-spacing-14: 14px;--nutui-spacing-15: 15px;--nutui-spacing-16: 16px;--nutui-spacing-xxxs: var(--nutui-spacing-2);--nutui-spacing-xxs: var(--nutui-spacing-4);--nutui-spacing-xs: var(--nutui-spacing-6);--nutui-spacing-s: var(--nutui-spacing-7);--nutui-spacing-base: var(--nutui-spacing-8);--nutui-spacing-l: var(--nutui-spacing-9);--nutui-spacing-xl: var(--nutui-spacing-12);--nutui-spacing-xxl: var(--nutui-spacing-16);--nutui-radius-0: 0px;--nutui-radius-1: 1px;--nutui-radius-2: 2px;--nutui-radius-3: 3px;--nutui-radius-4: 4px;--nutui-radius-5: 5px;--nutui-radius-6: 6px;--nutui-radius-7: 7px;--nutui-radius-8: 8px;--nutui-radius-9: 9px;--nutui-radius-10: 10px;--nutui-radius-11: 11px;--nutui-radius-12: 12px;--nutui-radius-13: 13px;--nutui-radius-14: 14px;--nutui-radius-15: 15px;--nutui-radius-16: 16px;--nutui-radius-17: 17px;--nutui-radius-18: 18px;--nutui-radius-19: 19px;--nutui-radius-20: 20px;--nutui-radius-21: 21px;--nutui-radius-22: 22px;--nutui-radius-23: 23px;--nutui-radius-24: 24px;--nutui-radius-xxxs: var(--nutui-radius-0);--nutui-radius-xxs: var(--nutui-radius-2);--nutui-radius-xs: var(--nutui-radius-4);--nutui-radius-s: var(--nutui-radius-6);--nutui-radius-base: var(--nutui-radius-8);--nutui-radius-l: var(--nutui-radius-8);--nutui-radius-xl: var(--nutui-radius-12);--nutui-radius-xxl: var(--nutui-radius-14);--nutui-radius-xxxl: var(--nutui-radius-16)}@font-face{font-family:JD;src:url(data:font/ttf;charset=utf-8;base64,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) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JD-Bold;src:url(data:font/ttf;charset=utf-8;base64,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) format("truetype");font-weight:700;font-style:normal;font-display:swap}

package/dist/styles/themes/default.scss

@@ -1,106 +1,3 @@
 @import '../theme-default.scss';
-@import '../variables.scss';
-@import '../mixins/index.scss';
-@import '../animation/index.scss';
-@import '../../es/packages/watermark/style/watermark.scss';
-@import '../../es/packages/virtuallist/style/virtuallist.scss';
-@import '../../es/packages/uploader/style/uploader.scss';
-@import '../../es/packages/video/style/video.scss';
-@import '../../es/packages/toast/style/toast.scss';
-@import '../../es/packages/timeselect/style/timeselect.scss';
-@import '../../es/packages/tour/style/tour.scss';
-@import '../../es/packages/trendarrow/style/trendarrow.scss';
-@import '../../es/packages/textarea/style/textarea.scss';
-@import '../../es/packages/timedetail/style/timedetail.scss';
-@import '../../es/packages/tag/style/tag.scss';
-@import '../../es/packages/tabs/style/tabs.scss';
-@import '../../es/packages/tabpane/style/tabpane.scss';
-@import '../../es/packages/table/style/table.scss';
-@import '../../es/packages/tabbaritem/style/tabbaritem.scss';
-@import '../../es/packages/switch/style/switch.scss';
-@import '../../es/packages/tabbar/style/tabbar.scss';
-@import '../../es/packages/swiperitem/style/swiperitem.scss';
-@import '../../es/packages/swiper/style/swiper.scss';
-@import '../../es/packages/swipe/style/swipe.scss';
-@import '../../es/packages/subsidenavbar/style/subsidenavbar.scss';
-@import '../../es/packages/sticky/style/sticky.scss';
-@import '../../es/packages/step/style/step.scss';
-@import '../../es/packages/steps/style/steps.scss';
-@import '../../es/packages/skeleton/style/skeleton.scss';
-@import '../../es/packages/signature/style/signature.scss';
-@import '../../es/packages/space/style/space.scss';
-@import '../../es/packages/sidenavbaritem/style/sidenavbaritem.scss';
-@import '../../es/packages/shortpassword/style/shortpassword.scss';
-@import '../../es/packages/sidenavbar/style/sidenavbar.scss';
-@import '../../es/packages/safearea/style/safearea.scss';
-@import '../../es/packages/searchbar/style/searchbar.scss';
-@import '../../es/packages/row/style/row.scss';
-@import '../../es/packages/resultpage/style/resultpage.scss';
-@import '../../es/packages/range/style/range.scss';
-@import '../../es/packages/rate/style/rate.scss';
-@import '../../es/packages/radiogroup/style/radiogroup.scss';
-@import '../../es/packages/radio/style/radio.scss';
-@import '../../es/packages/price/style/price.scss';
-@import '../../es/packages/pulltorefresh/style/pulltorefresh.scss';
-@import '../../es/packages/popup/style/popup.scss';
-@import '../../es/packages/progress/style/progress.scss';
-@import '../../es/packages/popover/style/popover.scss';
-@import '../../es/packages/picker/style/picker.scss';
-@import '../../es/packages/overlay/style/overlay.scss';
-@import '../../es/packages/pagination/style/pagination.scss';
-@import '../../es/packages/numberkeyboard/style/numberkeyboard.scss';
-@import '../../es/packages/noticebar/style/noticebar.scss';
-@import '../../es/packages/navbar/style/navbar.scss';
-@import '../../es/packages/notify/style/notify.scss';
-@import '../../es/packages/menu/style/menu.scss';
-@import '../../es/packages/menuitem/style/menuitem.scss';
-@import '../../es/packages/layout/style/layout.scss';
-@import '../../es/packages/loading/style/loading.scss';
-@import '../../es/packages/inputnumber/style/inputnumber.scss';
-@import '../../es/packages/input/style/input.scss';
-@import '../../es/packages/infiniteloading/style/infiniteloading.scss';
-@import '../../es/packages/indicator/style/indicator.scss';
-@import '../../es/packages/imagepreview/style/imagepreview.scss';
-@import '../../es/packages/image/style/image.scss';
-@import '../../es/packages/hoverbuttonitem/style/hoverbuttonitem.scss';
-@import '../../es/packages/hoverbutton/style/hoverbutton.scss';
-@import '../../es/packages/griditem/style/griditem.scss';
-@import '../../es/packages/grid/style/grid.scss';
-@import '../../es/packages/formitem/style/formitem.scss';
-@import '../../es/packages/form/style/form.scss';
-@import '../../es/packages/fixednav/style/fixednav.scss';
-@import '../../es/packages/empty/style/empty.scss';
-@import '../../es/packages/ellipsis/style/ellipsis.scss';
-@import '../../es/packages/drag/style/drag.scss';
-@import '../../es/packages/elevator/style/elevator.scss';
-@import '../../es/packages/divider/style/divider.scss';
-@import '../../es/packages/countup/style/countup.scss';
-@import '../../es/packages/dialog/style/dialog.scss';
-@import '../../es/packages/countdown/style/countdown.scss';
-@import '../../es/packages/datepicker/style/datepicker.scss';
-@import '../../es/packages/collapseitem/style/collapseitem.scss';
-@import '../../es/packages/configprovider/style/configprovider.scss';
-@import '../../es/packages/collapse/style/collapse.scss';
-@import '../../es/packages/col/style/col.scss';
-@import '../../es/packages/circleprogress/style/circleprogress.scss';
-@import '../../es/packages/checkboxgroup/style/checkboxgroup.scss';
-@import '../../es/packages/cellgroup/style/cellgroup.scss';
-@import '../../es/packages/checkbox/style/checkbox.scss';
-@import '../../es/packages/cascader/style/cascader.scss';
-@import '../../es/packages/cell/style/cell.scss';
-@import '../../es/packages/card/style/card.scss';
-@import '../../es/packages/calendaritem/style/calendaritem.scss';
-@import '../../es/packages/calendarcard/style/calendarcard.scss';
-@import '../../es/packages/calendar/style/calendar.scss';
-@import '../../es/packages/button/style/button.scss';
-@import '../../es/packages/badge/style/badge.scss';
-@import '../../es/packages/barrage/style/barrage.scss';
-@import '../../es/packages/backtop/style/backtop.scss';
-@import '../../es/packages/avatargroup/style/avatargroup.scss';
-@import '../../es/packages/avatarcropper/style/avatarcropper.scss';
-@import '../../es/packages/avatar/style/avatar.scss';
-@import '../../es/packages/audio/style/audio.scss';
-@import '../../es/packages/animatingnumbers/style/animatingnumbers.scss';
-@import '../../es/packages/animate/style/animate.scss';
-@import '../../es/packages/actionsheet/style/actionsheet.scss';
-@import '../../es/packages/address/style/address.scss';
+@import '../theme-dark.scss';
+@import '../jd-font';

package/dist/styles/variables-jmapp.scss

@@ -2394,6 +2394,10 @@ $countup-border-radius: var(--nutui-countup-border-radius, 4px) !default;
 $countup-lr-margin: var(--nutui-countup-lr-margin, 0) !default;
 $countup-bg-color: var(--nutui-countup-bg-color, inherit) !default;
 $countup-color: var(--nutui-countup-color, $color-title) !default;
+$countup-separator-color: var(
+  --nutui-countup-separator-color,
+  $color-title
+) !default;
 
 // layout（✅）
 $row-content-color: var(--nutui-row-content-color, #fff) !default;

package/dist/styles/variables-jrkf.scss

@@ -192,9 +192,9 @@ $font-family:
 // Font
 $font-size-xxs: $font-text-mini !default;
 $font-size-xs: $font-text-xs !default;
-$font-size-small: $font-text-small !default;
+$font-size-s: $font-text-small !default;
 $font-size-base: $font-text !default;
-$font-size-large: $font-text-large !default;
+$font-size-l: $font-text-large !default;
 $font-size-xl: $font-h2 !default;
 $font-size-xxl: var(--nutui-font-size-8) !default;
 $font-size-xxxl: var(--nutui-font-size-10) !default;
@@ -280,7 +280,7 @@ $button-large-padding: var(
 ) !default;
 $button-large-font-size: var(
   --nutui-button-large-font-size,
-  $font-size-large
+  $font-size-l
 ) !default;
 $button-large-font-weight: var(
   --nutui-button-large-font-weight,
@@ -312,7 +312,7 @@ $button-mini-padding: var(
 $button-mini-height: var(--nutui-button-mini-height, 24px) !default;
 $button-mini-font-size: var(
   --nutui-button-mini-font-size,
-  $font-size-small
+  $font-size-s
 ) !default;
 $button-mini-border-radius: var(
   --nutui-button-mini-border-radius,
@@ -408,7 +408,7 @@ $cell-title-font-size: var(
 ) !default;
 $cell-description-font-size: var(
   --nutui-cell-description-font-size,
-  $font-size-small
+  $font-size-s
 ) !default;
 $cell-description-color: var(
   --nutui-cell-description-color,
@@ -461,7 +461,7 @@ $cell-group-description-color: var(
 ) !default;
 $cell-group-description-font-size: var(
   --nutui-cell-group-description-font-size,
-  $font-size-small
+  $font-size-s
 ) !default;
 $cell-group-description-line-height: var(
   --nutui-cell-group-description-line-height,
@@ -478,7 +478,7 @@ $cell-group-wrap-margin: var(--nutui-cell-group-wrap-margin, 10px 0) !default;
 $divider-margin: var(--nutui-divider-margin, 16px 0) !default;
 $divider-text-font-size: var(
   --nutui-divider-text-font-size,
-  $font-size-small
+  $font-size-s
 ) !default;
 $divider-border-color: var(
   --nutui-divider-border-color,
@@ -802,7 +802,7 @@ $numberkeyboard-key-color: var(
 ) !default;
 $numberkeyboard-key-confirm-font-size: var(
   --nutui-numberkeyboard-key-confirm-font-size,
-  $font-size-large
+  $font-size-l
 ) !default;
 $numberkeyboard-key-confirm-color: var(
   --nutui-numberkeyboard-key-confirm-color,
@@ -1011,7 +1011,7 @@ $calendar-disable-color: var(
 ) !default;
 $calendar-base-font-size: var(
   --nutui-calendar-base-font-size,
-  $font-size-large
+  $font-size-l
 ) !default;
 $calendar-title-font-size: var(
   --nutui-calendar-title-font-size,
@@ -1233,7 +1233,7 @@ $steps-base-icon-margin-bottom: var(
 ) !default;
 $steps-base-icon-font-size: var(
   --nutui-steps-base-icon-font-size,
-  $font-size-small
+  $font-size-s
 ) !default;
 $steps-base-line-width: var(--nutui-steps-base-line-width, 70%) !default;
 $steps-base-line-height: var(--nutui-steps-base-line-height, 1px) !default;
@@ -1255,7 +1255,7 @@ $steps-base-title-margin-bottom: var(
 ) !default;
 $steps-base-description-font-size: var(
   --nutui-steps-base-description-font-size,
-  $font-size-small
+  $font-size-s
 ) !default;
 $steps-base-description-color: var(
   --nutui-steps-base-description-color,
@@ -1392,7 +1392,7 @@ $dialog-footer-ok-max-width: var(
 ) !default;
 $dialog-header-font-size: var(
   --nutui-dialog-header-font-size,
-  $font-size-large
+  $font-size-l
 ) !default;
 $dialog-header-font-weight: var(
   --nutui-dialog-header-font-weight,
@@ -1424,7 +1424,7 @@ $checkbox-label-font-size: var(
 ) !default;
 $checkbox-icon-font-size: var(
   --nutui-checkbox-icon-font-size,
-  $font-size-large
+  $font-size-l
 ) !default;
 $checkbox-button-font-size: var(
   --nutui-checkbox-button-font-size,
@@ -1463,10 +1463,7 @@ $checkbox-list-item-padding: var(
 ) !default;
 
 //radio（✅）
-$radio-icon-font-size: var(
-  --nutui-radio-icon-font-size,
-  $font-size-large
-) !default;
+$radio-icon-font-size: var(--nutui-radio-icon-font-size, $font-size-l) !default;
 $radio-label-color: var(--nutui-radio-label-color, $color-text) !default;
 $radio-label-disable-color: var(
   --nutui-radio-label-disable-color,
@@ -1551,10 +1548,7 @@ $noticebar-background: var(
   rgba(251, 248, 220, 1)
 ) !default;
 $noticebar-color: var(--nutui-noticebar-color, #d9500b) !default;
-$noticebar-font-size: var(
-  --nutui-noticebar-font-size,
-  $font-size-small
-) !default;
+$noticebar-font-size: var(--nutui-noticebar-font-size, $font-size-s) !default;
 $noticebar-line-height: var(--nutui-noticebar-line-height, 24px) !default;
 $noticebar-box-padding: var(
   --nutui-noticebar-box-padding,
@@ -1790,7 +1784,7 @@ $tabs-titles-item-active-font-weight: var(
 ) !default;
 $tabs-titles-item-active-font-size: var(
   --nutui-tabs-titles-item-active-font-size,
-  $font-size-large
+  $font-size-l
 ) !default;
 $tabs-titles-item-active-background-color: var(
   --nutui-tabs-titles-item-active-background-color,
@@ -2151,7 +2145,7 @@ $grid-item-text-color: var(
 ) !default;
 $grid-item-text-font-size: var(
   --nutui-grid-item-text-font-size,
-  $font-size-small
+  $font-size-s
 ) !default;
 
 // table（✅）
@@ -2242,7 +2236,7 @@ $sidenavbar-sub-list-color: var(
 $elevator-list-bg-color: var(--nutui-elevator-list-bg-color, $white) !default;
 $elevator-list-font-size: var(
   --nutui-elevator-list-font-size,
-  $font-size-small
+  $font-size-s
 ) !default;
 $elevator-list-color: var(
   --nutui-elevator-list-color,
@@ -2409,7 +2403,7 @@ $circleprogress-text-color: var(
 ) !default;
 $circleprogress-text-size: var(
   --nutui-circleprogress-text-size,
-  $font-size-large
+  $font-size-l
 ) !default;
 
 // Ellipsis
@@ -2436,6 +2430,10 @@ $countup-border-radius: var(--nutui-countup-border-radius, 4px) !default;
 $countup-lr-margin: var(--nutui-countup-lr-margin, 0) !default;
 $countup-bg-color: var(--nutui-countup-bg-color, inherit) !default;
 $countup-color: var(--nutui-countup-color, $color-text-title) !default;
+$countup-separator-color: var(
+  --nutui-countup-separator-color,
+  $color-title
+) !default;
 
 // layout（✅）
 $row-content-color: var(--nutui-row-content-color, #fff) !default;
@@ -2464,9 +2462,9 @@ $space-gap: var(--nutui-space-gap, 8px) !default;
 
 // loading
 $loading-icon-color: var(--nutui-loading-icon-color, $color-text-help) !default;
-$loading-icon-size: var(--nutui-loading-icon-size, $font-size-small) !default;
+$loading-icon-size: var(--nutui-loading-icon-size, $font-size-s) !default;
 $loading-color: var(--nutui-loading-color, $color-text-help) !default;
-$loading-font-size: var(--nutui-loading-font-size, $font-size-small) !default;
+$loading-font-size: var(--nutui-loading-font-size, $font-size-s) !default;
 // ResultPage
 $resultpage-width: var(--nutui-resultpage-width, 247px) !default;
 $resultpage-icon-size: var(--nutui-resultpage-icon-size, 48px) !default;