@nutui/nutui-react-taro 2.7.10 → 2.7.12

package/dist/styles/theme-dark.css

@@ -0,0 +1,71 @@
+: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-stop-1: #f54958;   --nutui-brand-stop-2: #fa3725; 
+  --nutui-secondary-1: #1bbf30; 
+  --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-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-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: #cccccc;
+
+  --nutui-black-1: rgba(255, 255, 255, 0);
+      --nutui-black-2: rgba(255, 255, 255, 0.2);
+      --nutui-black-3: rgba(255, 255, 255, 0.06);
+                  --nutui-black-10: rgba(0, 0, 0, 0.7);
+      
+  --nutui-white-1: rgba(31, 31, 31, 0);
+            --nutui-white-7: rgba(31, 31, 31, 0.4);
+  --nutui-white-8: rgba(31, 31, 31, 0.5);
+        --nutui-white-12: rgba(31, 31, 31, 0.9);
+  
+  --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-font-weight: 400;
+    --nutui-line-height-base: 1.5;
+
+    --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;
+
+    --nutui-radius-1: 0px;
+  --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;
+}

package/dist/styles/theme-default.css

@@ -0,0 +1,91 @@
+:root,
+page {
+  --nutui-brand-1: #ffeae8;   --nutui-brand-2: #fec3be;   --nutui-brand-3: #fd9d94;   --nutui-brand-4: #fc776b;   --nutui-brand-5: #fb5142;   --nutui-brand-6: #fa2c19;   --nutui-brand-7: #cf1f0f;   --nutui-brand-8: #a31508;   --nutui-brand-9: #780d03;   --nutui-brand-10: #4d0004; 
+  --nutui-brand-stop-1: #f53d4d;   --nutui-brand-stop-2: #fa2c19; 
+  --nutui-secondary-1: #14cc33; 
+  --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-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: #396acc;
+
+      --nutui-gray-1: #ffffff;
+    --nutui-gray-2: #f8f8f8;
+    --nutui-gray-3: #f6f6f6;
+      --nutui-gray-4: #bfbfbf;
+    --nutui-gray-5: #8c8c8c;
+    --nutui-gray-6: #595959;
+    --nutui-gray-7: #1a1a1a;
+
+  --nutui-black-1: rgba(0, 0, 0, 0);
+      --nutui-black-2: rgba(0, 0, 0, 0.02);
+      --nutui-black-3: rgba(0, 0, 0, 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-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-white-1: rgba(255, 255, 255, 0);
+  --nutui-white-2: rgba(255, 255, 255, 0.02);
+  --nutui-white-3: rgba(255, 255, 255, 0.06);
+  --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);
+  --nutui-white-7: rgba(255, 255, 255, 0.4);
+  --nutui-white-8: rgba(255, 255, 255, 0.5);
+  --nutui-white-9: rgba(255, 255, 255, 0.6);
+  --nutui-white-10: rgba(255, 255, 255, 0.7);
+  --nutui-white-11: rgba(255, 255, 255, 0.8);
+  --nutui-white-12: rgba(255, 255, 255, 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-font-weight: 400;
+  --nutui-font-weight-bold: 500;
+    --nutui-line-height-base: 1.5;
+
+    --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;
+
+    --nutui-radius-1: 0px;
+  --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;
+}

package/dist/styles/theme-jmapp.css

@@ -0,0 +1,186 @@
+:root,
+page {
+  --nutui-brand-1: #edf4ff;   --nutui-brand-2: #dce9ff;   --nutui-brand-3: #ccdefb;   --nutui-brand-4: #a6c8ff;   --nutui-brand-5: #82b1ff;   --nutui-brand-6: #5c99ff;   --nutui-brand-7: #317fff;   --nutui-brand-8: #3768fa;   --nutui-brand-9: #1b58ba;   --nutui-brand-10: #244986;   --nutui-brand-11: #193666;   --nutui-brand-12: #16243e; 
+  --nutui-brand-stop-1: var(--nutui-brand-8);   --nutui-brand-stop-2: var(--nutui-brand-8); 
+  --nutui-gray-0: #f4f4f4;     --nutui-gray-1: #f7f7f7;     --nutui-gray-2: #f0f0f0;     --nutui-gray-3: #ebebeb;     --nutui-gray-4: #e6e6e6;
+  --nutui-gray-5: #d9d9d9;
+  --nutui-gray-6: #cccccc;
+  --nutui-gray-7: #b5b5b5;
+  --nutui-gray-8: #8c8c8c;
+  --nutui-gray-9: #666666;
+  --nutui-gray-10: #595959;
+  --nutui-gray-11: #333333;
+  --nutui-gray-12: #262626;
+
+  --nutui-black-1: rgba(0, 0, 0, 0.02);
+  --nutui-black-2: rgba(0, 0, 0, 0.05);
+  --nutui-black-3: rgba(0, 0, 0, 0.1);
+  --nutui-black-4: rgba(0, 0, 0, 0.2);
+  --nutui-black-5: rgba(0, 0, 0, 0.3);     --nutui-black-6: rgba(0, 0, 0, 0.4);
+  --nutui-black-7: rgba(0, 0, 0, 0.5);     --nutui-black-8: rgba(0, 0, 0, 0.6);     --nutui-black-9: rgba(0, 0, 0, 0.7);     --nutui-black-10: rgba(0, 0, 0, 0.8);   --nutui-black-11: rgba(0, 0, 0, 0.9);     --nutui-black-12: rgba(0, 0, 0, 1); 
+  --nutui-white-1: rgba(255, 255, 255, 0.02);
+  --nutui-white-2: rgba(255, 255, 255, 0.05);
+  --nutui-white-3: rgba(255, 255, 255, 0.1);
+  --nutui-white-4: rgba(255, 255, 255, 0.2);
+  --nutui-white-5: rgba(255, 255, 255, 0.3);
+  --nutui-white-6: rgba(255, 255, 255, 0.4);
+  --nutui-white-7: rgba(255, 255, 255, 0.5);
+  --nutui-white-8: rgba(255, 255, 255, 0.6);
+  --nutui-white-9: rgba(255, 255, 255, 0.7);
+  --nutui-white-10: rgba(255, 255, 255, 0.8);
+  --nutui-white-11: rgba(255, 255, 255, 0.9);
+  --nutui-white-12: rgba(255, 255, 255, 1);
+
+  --nutui-green-1: #eaf9e8;
+  --nutui-green-2: #cdf5c9;
+  --nutui-green-3: #b2f0ae;
+  --nutui-green-4: #7de279;
+  --nutui-green-5: #51d04f;
+  --nutui-green-6: #00bc14;   --nutui-green-7: #12a300;
+  --nutui-green-8: #2b8e23;
+  --nutui-green-9: #007308;
+  --nutui-green-10: #005c05;
+  --nutui-green-11: #243f23;
+  --nutui-green-12: #192a18;
+
+  --nutui-orange-1: #fdf1ea;
+  --nutui-orange-2: #fee2d1;
+  --nutui-orange-3: #f5d6c3;
+  --nutui-orange-4: #fdd3b9;
+  --nutui-orange-5: #fcb487;
+  --nutui-orange-6: #ec7600;   --nutui-orange-7: #cd6600;
+  --nutui-orange-8: #ae5604;
+  --nutui-orange-9: #914600;
+  --nutui-orange-10: #743702;
+  --nutui-orange-11: #562a09;
+  --nutui-orange-12: #351f11;
+
+  --nutui-red-1: #fff0ed;
+  --nutui-red-2: #fee1da;
+  --nutui-red-3: #fdd1ca;
+  --nutui-red-4: #fbb1a5;
+  --nutui-red-5: #ff8b79;
+  --nutui-red-6: #ff5e4a;
+  --nutui-red-7: #ea3f2d;
+  --nutui-red-8: #d82515;   --nutui-red-9: #b7180a;
+  --nutui-red-10: #960800;
+  --nutui-red-11: #611d15;
+  --nutui-red-12: #3a1a16;
+
+  --nutui-info-1: #e5f8fa;
+  --nutui-info-2: #c4f0f7;
+  --nutui-info-3: #a3e8f2;
+  --nutui-info-4: #73d6ed;
+  --nutui-info-5: #00c2e3;
+  --nutui-info-6: #00abcc;   --nutui-info-7: #0094b5;
+  --nutui-info-8: #007d9e;
+  --nutui-info-9: #006985;
+  --nutui-info-10: #00526e;
+  --nutui-info-11: #003d59;
+  --nutui-info-12: #00324a;
+
+  --nutui-color-info: var(--nutui-info-6);
+  --nutui-color-text-disabled: var(--nutui-black-6);
+    --nutui-font-size-1: 10px;   --nutui-font-size-2: 11px;
+  --nutui-font-size-3: 12px;   --nutui-font-size-4: 14px;   --nutui-font-size-5: 16px;   --nutui-font-size-6: 18px;
+  --nutui-font-size-7: 20px;   --nutui-font-size-8: 24px;   --nutui-font-size-9: 32px;   --nutui-font-size-10: 40px;     --nutui-font-weight: 400;
+    --nutui-line-height-base: 1.5;
+
+    --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;
+
+    --nutui-radius-1: 2px;   --nutui-radius-2: 4px;   --nutui-radius-3: 6px;   --nutui-radius-4: 8px;   --nutui-radius-5: 12px;   --nutui-radius-6: 16px; 
+    --nutui-color-default: var(--nutui-gray-2);
+  --nutui-color-default-press: var(--nutui-gray-3);
+  --nutui-color-default-disabled: var(--nutui-gray-1);
+  --nutui-color-default-light: var(--nutui-gray-1);
+
+  --nutui-color-primary: var(--nutui-brand-8);
+  --nutui-color-primary-pressed: var(--nutui-brand-9);
+  --nutui-color-primary-disabled: var(--nutui-brand-3);
+  --nutui-color-primary-light: var(--nutui-brand-1);
+
+  --nutui-color-success: var(--nutui-green-6);
+  --nutui-color-success-press: var(--nutui-green-8);
+  --nutui-color-success-disabled: var(--nutui-green-3);
+  --nutui-color-success-light: var(--nutui-green-1);
+
+  --nutui-color-warning: var(--nutui-orange-6);
+  --nutui-color-warning-press: var(--nutui-orange-8);
+  --nutui-color-warning-disabled: var(--nutui-orange-3);
+  --nutui-color-warning-light: var(--nutui-orange-1);
+
+  --nutui-color-danger: var(--nutui-red-8);
+  --nutui-color-danger-press: var(--nutui-red-9);
+  --nutui-color-danger-disabled: var(--nutui-red-3);
+  --nutui-color-danger-light: var(--nutui-red-1);
+
+  --nutui-color-info: var(--nutui-info-6);
+  --nutui-color-info-press: var(--nutui-info-7);
+  --nutui-color-info-disabled: var(--nutui-info-3);
+  --nutui-color-info-light: var(--nutui-info-1);
+
+  --nutui-color-dark: var(--nutui-gray-12);
+  --nutui-color-light: var(--nutui-gray-0);
+
+  --nutui-color-surface-1: var(--nutui-gray-0);
+  --nutui-color-surface-2: var(--nutui-white-12);
+  --nutui-color-surface-3: var(--nutui-white-12);
+  --nutui-color-surface-4: var(--nutui-white-12);
+  --nutui-color-surface-overlay: var(--nutui-black-8);
+
+  --nutui-color-border-shade: var(--nutui-gray-3);
+  --nutui-color-border: var(--nutui-gray-2);
+  --nutui-color-border-tint: var(--nutui-gray-1);
+
+  --nutui-color-title: var(--nutui-gray-12);
+  --nutui-color-text: var(--nutui-gray-10);
+  --nutui-color-text-help: var(--nutui-gray-8);
+  --nutui-color-text-disabled: var(--nutui-gray-7);
+  --nutui-color-text-dark: var(--nutui-white-12);
+  --nutui-color-text-link: var(--nutui-color-primary);
+
+  --nutui-font-h1: var(--nutui-font-size-7);
+  --nutui-font-h2: var(--nutui-font-size-6);
+  --nutui-font-h3: var(--nutui-font-size-5);
+  --nutui-font-h4: var(--nutui-font-size-4);
+  --nutui-font-h5: var(--nutui-font-size-3);
+  --nutui-font-text-large: var(--nutui-font-size-5);
+  --nutui-font-text: var(--nutui-font-size-4);
+  --nutui-font-text-small: var(--nutui-font-size-3);
+  --nutui-font-text-xs: var(--nutui-font-size-2);
+  --nutui-font-text-mini: var(--nutui-font-size-1);
+
+  --nutui-font-weight: 400;
+  --nutui-font-weight-bold: 600;
+  --nutui-line-height: 140%;
+
+  --nutui-spacing-xxs: var(--nutui-spacing-1);
+  --nutui-spacing-xs: var(--nutui-spacing-2);
+  --nutui-spacing-s: var(--nutui-spacing-3);
+  --nutui-spacing-base: var(--nutui-spacing-4);
+  --nutui-spacing-l: var(--nutui-spacing-5);
+  --nutui-spacing-xl: var(--nutui-spacing-6);
+  --nutui-spacing-xxl: var(--nutui-spacing-7);
+  --nutui-spacing-xxxl: var(--nutui-spacing-8);
+  --nutui-spacing-4xl: var(--nutui-spacing-9);
+  --nutui-spacing-5xl: var(--nutui-spacing-10);
+
+  --nutui-radius-xxs: var(--nutui-radius-1);
+  --nutui-radius-xs: var(--nutui-radius-2);
+  --nutui-radius-s: var(--nutui-radius-3);
+  --nutui-radius-base: var(--nutui-radius-4);
+  --nutui-radius-l: var(--nutui-radius-5);
+  --nutui-radius-xl: var(--nutui-radius-6);
+    --nutui-radius-full: 50%;
+
+  --nutui-shadow-light: 0 0 4 0 rgba(0, 0, 0, 0.05);
+  --nutui-shadow-raised: 0 0 6 0 rgba(0, 0, 0, 0.1);
+  --nutui-shadow-overlay: 0 0 8 0 rgba(0, 0, 0, 0.2);
+
+    --nutui-color-primary-stop-1: var(--nutui-brand-stop-1);
+  --nutui-color-primary-stop-2: var(--nutui-brand-stop-2);
+  --nutui-color-primary-text: #ffffff;
+  --nutui-color-primary-light-pressed: var(--nutui-brand-2);
+  --nutui-color-text-link: var(--nutui-brand-8);
+}

package/dist/styles/variables-jmapp.scss

@@ -996,6 +996,10 @@ $calendar-day-active-border-radius: var(
   --nutui-calendar-day-active-border-radius,
   4px
 ) !default;
+$calendar-panel-item-width: var(
+  --nutui-calendar-panel-item-width,
+  24.85%
+) !default;
 
 //overlay（✅）
 $overlay-bg-color: var(--nutui-overlay-bg-color, $color-mask) !default;

package/dist/types/packages/searchbar/searchbar.taro.d.ts

@@ -1,5 +1,10 @@
-import { default as React, FunctionComponent, ChangeEvent, FocusEvent, MouseEvent } from 'react';
+import { default as React, FunctionComponent, MouseEvent } from 'react';
+import { InputProps, ITouchEvent } from '@tarojs/components';
+import { BaseEventOrig } from '@tarojs/components/types/common';
 import { BasicComponent } from '../../utils/typings';
+type inputEventDetail = InputProps.inputEventDetail;
+type inputForceEventDetail = InputProps.inputForceEventDetail;
+type inputValueEventDetail = InputProps.inputValueEventDetail;
 export interface SearchBarProps extends BasicComponent {
     /**
     * 当前输入的值
@@ -75,17 +80,17 @@ export interface SearchBarProps extends BasicComponent {
     * 输入内容时触发
     * @default -
     */
-    onChange?: (value: string, event?: ChangeEvent<HTMLInputElement>) => void
+    onChange?: (value: string, event?: BaseEventOrig<inputEventDetail>) => void
     /**
     * 聚焦时触发
     * @default -
     */
-    onFocus?: (value: string, event: FocusEvent<HTMLInputElement>) => void
+    onFocus?: (value: string, event: BaseEventOrig<inputForceEventDetail>) => void
     /**
     * 失焦时触发
     * @default -
     */
-    onBlur?: (value: string, event: FocusEvent<HTMLInputElement>) => void
+    onBlur?: (value: string, event: BaseEventOrig<inputValueEventDetail>) => void
     /**
     * 点击清空时触发
     * @default -
@@ -95,6 +100,7 @@ export interface SearchBarProps extends BasicComponent {
     * 点击输入区域时触发
     * @default -
     */
-    onInputClick?: (event: MouseEvent<HTMLInputElement>) => void
+    onInputClick?: (event: ITouchEvent) => void
 }
 export declare const SearchBar: FunctionComponent<Partial<SearchBarProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onFocus' | 'onBlur'>>;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui-react-taro",
-  "version": "2.7.10",
+  "version": "2.7.12",
   "style": "dist/style.css",
   "main": "dist/nutui.react.umd.js",
   "module": "dist/esm/nutui-react.es.js",