@nutui/nutui-react 2.0.0-alpha.6 → 2.0.0-alpha.8

package/dist/style.mjs

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.0-alpha.6 Fri May 12 2023 15:14:02 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-alpha.8 Fri May 12 2023 19:08:00 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/styles/variables-jmapp.scss

@@ -894,25 +894,19 @@ $infiniteloading-bottom-color: var(
 ) !default;
 
 //range（✅）
-$range-tip-font-color: var(--nutui-range-tip-font-color, $gray1) !default;
-$range-bg-color: var(--nutui-range-bg-color, rgba(#3768fa, 0.5)) !default;
-$range-bg-color-tick: var(
-  --nutui-range-bg-color-tick,
-  rgba(#3768fa, 0.9)
-) !default;
-$range-bar-bg-color: linear-gradient(
-  135deg,
-  $primary-color 0%,
-  $primary-color-end 100%
-) !default;
-$range-bar-btn-bg-color: var(
-  --nutui-range-bar-btn-bg-color,
+$range-font-color: var(--nutui-range-font-color, $gray1) !default;
+$range-height: var(--nutui-range-height, 4px) !default;
+$range-margin: var(--nutui-range-margin, 15px) !default;
+$range-inactive-color: var(--nutui-range-inactive-color, #fa958c) !default;
+$range-active-color: var(--nutui-range-active-color, $primary-color) !default;
+$range-button-background: var(
+  --nutui-range-button-background,
   $primary-text-color
 ) !default;
-$range-bar-btn-width: var(--nutui-range-bar-btn-width, 24px) !default;
-$range-bar-btn-height: var(--nutui-range-bar-btn-height, 24px) !default;
-$range-bar-btn-border: var(
-  --nutui-range-bar-btn-border,
+$range-button-width: var(--nutui-range-button-width, 24px) !default;
+$range-button-height: var(--nutui-range-button-height, 24px) !default;
+$range-button-border: var(
+  --nutui-range-button-border,
   1px solid $primary-color
 ) !default;
 

package/dist/styles/variables.scss

@@ -880,22 +880,19 @@ $infiniteloading-bottom-color: var(
 ) !default;
 
 //range（✅）
-$range-tip-font-color: var(--nutui-range-tip-font-color, $gray1) !default;
-$range-bg-color: var(--nutui-range-bg-color, rgba(#fa2c19, 0.5)) !default;
-$range-bg-color-tick: var(--nutui-range-bg-color-tick, #fa958c) !default;
-$range-bar-bg-color: linear-gradient(
-  135deg,
-  $primary-color 0%,
-  $primary-color-end 100%
-) !default;
-$range-bar-btn-bg-color: var(
-  --nutui-range-bar-btn-bg-color,
+$range-font-color: var(--nutui-range-font-color, $gray1) !default;
+$range-height: var(--nutui-range-height, 4px) !default;
+$range-margin: var(--nutui-range-margin, 15px) !default;
+$range-inactive-color: var(--nutui-range-inactive-color, #fa958c) !default;
+$range-active-color: var(--nutui-range-active-color, $primary-color) !default;
+$range-button-background: var(
+  --nutui-range-button-background,
   $primary-text-color
 ) !default;
-$range-bar-btn-width: var(--nutui-range-bar-btn-width, 24px) !default;
-$range-bar-btn-height: var(--nutui-range-bar-btn-height, 24px) !default;
-$range-bar-btn-border: var(
-  --nutui-range-bar-btn-border,
+$range-button-width: var(--nutui-range-button-width, 24px) !default;
+$range-button-height: var(--nutui-range-button-height, 24px) !default;
+$range-button-border: var(
+  --nutui-range-button-border,
   1px solid $primary-color
 ) !default;
 

package/dist/types/index.d.ts

@@ -595,6 +595,7 @@ interface CascaderOption {
     loading?: boolean;
     root?: boolean;
 }
+type CascaderValue = Exclude<CascaderOption['value'], undefined>[];
 interface optionKey {
     textKey: string;
     valueKey: string;
@@ -607,7 +608,8 @@ interface CascaderProps extends BasicComponent {
     activeColor: string;
     activeIcon: string;
     options: CascaderOption[];
-    value: string[];
+    value?: CascaderValue;
+    defaultValue?: CascaderValue;
     title: string;
     optionKey: optionKey;
     format: Record<string, string | number | null>;
@@ -617,8 +619,8 @@ interface CascaderProps extends BasicComponent {
     lazy: boolean;
     onLoad: (node: any, resolve: any) => void;
     onClose?: () => void;
-    onChange: (value: any, params: any) => void;
-    onPathChange: (value: any, params: any) => void;
+    onChange: (value: CascaderValue, params?: any) => void;
+    onPathChange: (value: CascaderValue, params: any) => void;
 }
 declare const Cascader: React__default.ForwardRefExoticComponent<Partial<CascaderProps> & {
     children?: React__default.ReactNode;
@@ -960,34 +962,26 @@ declare const Radio: FunctionComponent<Partial<RadioProps> & React__default.HTML
     RadioGroup: typeof RadioGroup;
 };
 
-type SliderValue = number | number[];
-interface RangeProps {
-    className: string;
-    style: CSSProperties;
+type RangeValue = number | number[];
+interface RangeProps extends BasicComponent {
+    value: RangeValue;
+    defaultValue: RangeValue;
     range: boolean;
     disabled: boolean;
-    activeColor: string;
-    inactiveColor: string;
-    buttonColor: string;
-    hiddenRange: boolean;
-    hiddenTag: boolean;
-    min: number | string;
-    max: number | string;
-    minDesc: number | string;
-    maxDesc: number | string;
-    curValueDesc: number | string;
-    step: number | string;
-    modelValue: SliderValue;
-    button: React__default.ReactNode;
+    min: number;
+    max: number;
+    step: number;
+    minDescription: ReactNode;
+    maxDescription: ReactNode;
+    button: ReactNode;
     vertical: boolean;
     marks: Record<string, unknown>;
-    dragStart?: () => void;
-    dragEnd?: () => void;
-    onChange?: (value: number) => void;
-    onDragStart?: () => void;
-    onDragEnd?: () => void;
+    currentDescription: ((value: RangeValue) => ReactNode) | null;
+    onChange: (value: RangeValue) => void;
+    onStart: () => void;
+    onEnd: (value: RangeValue) => void;
 }
-declare const Range: FunctionComponent<Partial<RangeProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onClick' | 'onChange'>>;
+declare const Range: FunctionComponent<Partial<RangeProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onClick' | 'onChange' | 'defaultValue'>>;
 
 interface RateProps extends BasicComponent {
     count: number;

package/package.json

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