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

package/dist/styles/jd-font.scss

@@ -0,0 +1,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/theme-dark.scss

@@ -1,5 +1,6 @@
 :root,
 page {
+  // 品牌颜色
   --nutui-brand-1: #403635; // 梯度1
   --nutui-brand-2: #665452; // 梯度2
   --nutui-brand-3: #99706b; // 梯度3
@@ -11,20 +12,87 @@ page {
   --nutui-brand-9: #f26e61; // 梯度9
   --nutui-brand-10: #e5928a; // 梯度10
 
-  --nutui-brand-stop-1: #ff475d; // 梯度100
-  --nutui-brand-stop-2: #fa3725; // 渐变色止
+  --nutui-brand-11: #330f02; // 梯度11
 
-  --nutui-secondary-1: #1bbf30; // 辅助色
+  --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-brand-3);
-  --nutui-color-primary-text: #ffffff;
-  --nutui-color-primary-light: var(--nutui-brand-1);
-  --nutui-color-primary-light-pressed: var(--nutui-brand-2);
-  --nutui-color-text-link: #040608;
+  // 品牌主色调禁用态，背景、边框、镂空状态下的文字
+  --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: #292725;
+  --nutui-golden-2: #4d4134;
+  --nutui-golden-3: #c59463;
+  --nutui-golden-4: #d18e54;
+
+  --nutui-golden-stop-1: #fff9f0;
+  --nutui-golden-stop-2: #ffe3c2;
+
+  // service color 语义化
+  --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);
+
+  // success color
+  --nutui-green-1: #1f2920;
+  --nutui-green-2: #32c241;
+  --nutui-green-3: #12b222;
+
+  // success color 语义化
+  --nutui-color-success: var(--nutui-green-2); // 深背景
+  --nutui-color-success-light: var(--nutui-green-1); // 浅背景
+  --nutui-color-success-pressed: var(--nutui-green-3); // 文字
+
+  // danger color
+  --nutui-red-1: #2e2526;
+  --nutui-red-2: #ff3344;
+  --nutui-red-3: #ff3344;
+  --nutui-red-6: #ff3b3b;
+
+  // danger color 语义化
+  --nutui-color-danger: var(--nutui-red-2); // 背景或文字
+  --nutui-color-danger-light: var(--nutui-red-1); // 背景
+
+  // warning color
+  --nutui-yellow-1: #29271f;
+  --nutui-yellow-2: #faaf00;
+  --nutui-yellow-3: #c47600; //todo
+
+  // warning color 语义化
+  --nutui-color-warning: var(--nutui-yellow-2); // 深背景
+  --nutui-color-warning-light: var(--nutui-yellow-1); // 浅背景
+  --nutui-color-warning-pressed: var(--nutui-yellow-3); // 文字
+
+  // info color
+  --nutui-blue-1: #23292e;
+  --nutui-blue-2: #3385ff;
+
+  // info color 语义化
+  --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);
 
   // 背景色
   // 卡片背景色
@@ -41,31 +109,35 @@ page {
   // 二级文字色（常规），用于次级标题、属性标示、非主要信息引导等。
   --nutui-gray-6: #999999;
   // 一级文字色（重要）主要内容用色，常用语常规标题内容、细文浏览、常规按钮文字以及图表引导。
-  --nutui-gray-7: #cccccc;
+  --nutui-gray-7: #e6e6e6;
+  // icon 禁用颜色
+  --nutui-gray-8: #dadce0;
 
   --nutui-black-1: rgba(255, 255, 255, 0);
   // 蒙层色
   // 容错蒙层
-  --nutui-black-2: rgba(255, 255, 255, 0.2);
+  --nutui-black-2: rgba(0, 0, 0, 0.1);
   // 线条色
   // 间隔线/容错线，用于结构或信息分割
   --nutui-black-3: rgba(255, 255, 255, 0.06);
-  // --nutui-black-4: rgba(0, 0, 0, 0.1);
-  // --nutui-black-5: rgba(0, 0, 0, 0.2);
-  // --nutui-black-6: rgba(0, 0, 0, 0.3);
-  // --nutui-black-7: rgba(0, 0, 0, 0.4);
-  // --nutui-black-8: rgba(0, 0, 0, 0.5);
-  // --nutui-black-9: rgba(0, 0, 0, 0.6);
+  --nutui-black-4: rgba(20, 20, 20, 0.1);
+  --nutui-black-5: rgba(20, 20, 20, 0.2);
+  --nutui-black-6: rgba(20, 20, 20, 0.3);
+  // 蒙层色
+  // 局部蒙层，像图片上的小蒙层，无货、采购中等
+  --nutui-black-7: rgba(20, 20, 20, 0.4);
+  --nutui-black-8: rgba(20, 20, 20, 0.5);
+  --nutui-black-9: rgba(20, 20, 20, 0.6);
   // 蒙层色
   // 全局蒙层，用于弹出层、弹窗、新功能引导出现的整页遮罩
-  --nutui-black-10: rgba(0, 0, 0, 0.7);
-  // --nutui-black-11: rgba(0, 0, 0, 0.8);
-  // --nutui-black-12: rgba(0, 0, 0, 0.9);
-  // --nutui-black-13: rgba(0, 0, 0, 1);
+  --nutui-black-10: rgba(20, 20, 20, 0.7);
+  --nutui-black-11: rgba(20, 20, 20, 0.8);
+  --nutui-black-12: rgba(20, 20, 20, 0.9);
+  --nutui-black-13: rgba(20, 20, 20, 1);
 
   --nutui-white-1: rgba(31, 31, 31, 0);
   // --nutui-white-2: rgba(255, 255, 255, 0.02);
-  // --nutui-white-3: rgba(255, 255, 255, 0.06);
+  // --nutui-white-3: rgba(255, 255, 255, 0.05);
   // --nutui-white-4: rgba(255, 255, 255, 0.1);
   // --nutui-white-5: rgba(255, 255, 255, 0.2);
   // --nutui-white-6: rgba(255, 255, 255, 0.3);
@@ -77,46 +149,180 @@ page {
   --nutui-white-12: rgba(31, 31, 31, 0.9);
   // --nutui-white-13: rgba(255, 255, 255, 1);
 
-  --nutui-color-info: #1988fa;
-  --nutui-color-text-disabled: var(--nutui-gray-4);
-
-  // 字体
-  --nutui-font-size-1: 10px;
-  --nutui-font-size-2: 12px;
-  --nutui-font-size-3: 14px;
-  --nutui-font-size-4: 16px;
-  --nutui-font-size-5: 18px;
-  --nutui-font-size-6: 20px;
-  --nutui-font-size-7: 22px;
-  --nutui-font-size-8: 24px;
-  --nutui-font-size-9: 26px;
-  --nutui-font-size-10: 28px;
-  // 字重
+  // 文字颜色值 语义化
+  --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);
+
+  // 字体 ok
+  --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);
+  // 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-line-height-base: 1.5;
 
+  // 对齐方式
+  --nutui-text-align: left;
+
   // space
-  --nutui-spacing-1: 2px;
-  --nutui-spacing-2: 4px;
-  --nutui-spacing-3: 6px;
-  --nutui-spacing-4: 8px;
-  --nutui-spacing-5: 10px;
-  --nutui-spacing-6: 12px;
-  --nutui-spacing-7: 14px;
-  --nutui-spacing-8: 16px;
-  --nutui-spacing-9: 18px;
-  --nutui-spacing-10: 20px;
-
-  // radius
-  --nutui-radius-1: 0px;
+  --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;
+
+  // 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);
+
+  // radius ok
+  --nutui-radius-0: 0px;
+  --nutui-radius-1: 1px;
   --nutui-radius-2: 2px;
-  --nutui-radius-3: 4px;
-  --nutui-radius-4: 6px;
-  --nutui-radius-5: 8px;
-  --nutui-radius-6: 10px;
-  --nutui-radius-7: 12px;
-  --nutui-radius-8: 14px;
-  --nutui-radius-9: 16px;
-  --nutui-radius-10: 18px;
+  --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;
+
+  // radius 语义化
+  // 内容描述型的详情页面通栏结构
+  --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
 }