@nutui/nutui-react 1.4.8 → 1.4.9-beta.0

package/dist/style.es.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.4.8 Wed Feb 22 2023 16:48:10 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.4.9 Wed Mar 01 2023 15:35:44 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/styles/variables.scss

@@ -346,7 +346,68 @@ $icon-line-height: var(--nutui-icon-line-height, 20px) !default;
 
 $uploader-picture-width: var(--nutui-uploader-picture-width, 100px) !default;
 $uploader-picture-height: var(--nutui-uploader-picture-height, 100px) !default;
+$uploader-picture-border: var(--nutui-uploader-picture-border, 0px) !default;
+$uploader-picture-border-radius: var(
+  --nutui-uploader-picture-border-radius,
+  2px
+) !default;
 $uploader-background: var(--nutui-uploader-background, $gray4) !default;
+$uploader-background-disabled: var(
+  --nutui-uploader-background-disabled,
+  $gray4
+) !default;
+$uploader-picture-icon-opacity: var(
+  --nutui-uploader-picture-icon-opacity,
+  0.7
+) !default;
+$uploader-picture-icon-opacity-disabled: var(
+  --nutui-uploader-picture-icon-opacity-disabled,
+  0.3
+) !default;
+$uploader-picture-icon-margin-bottom: var(
+  --nutui-uploader-picture-icon-margin-bottom,
+  6px
+) !default;
+$uploader-picture-icon-tip-font-size: var(
+  --nutui-uploader-picture-icon-tip-font-size,
+  12px
+) !default;
+$uploader-picture-icon-tip-color: var(
+  --nutui-uploader-picture-icon-tip-color,
+  #bfbfbf
+) !default;
+$uploader-preview-progress-background: var(
+  --nutui-uploader-preview-progress-background,
+  rgba(0, 0, 0, 0.65)
+) !default;
+$uploader-preview-margin-right: var(
+  --nutui-uploader-preview-margin-right,
+  10px
+) !default;
+$uploader-preview-margin-bottom: var(
+  --nutui-uploader-preview-margin-bottom,
+  10px
+) !default;
+$uploader-preview-tips-height: var(
+  --nutui-uploader-preview-tips-height,
+  24px
+) !default;
+$uploader-preview-tips-background: var(
+  --nutui-uploader-preview-tips-background,
+  rgba(0, 0, 0, 0.45)
+) !default;
+$uploader-preview-tips-padding: var(
+  --nutui-uploader-preview-tips-padding,
+  0 5px
+) !default;
+$uploader-preview-close-right: var(
+  --nutui-uploader-preview-close-right,
+  0px
+) !default;
+$uploader-preview-close-top: var(
+  --nutui-uploader-preview-close-top,
+  0px
+) !default;
 
 // picker（✅）（todo:react版本picker组件dom元素类名变化较大，picker.scss暂不改动）
 $picker-cancel-color: var(--nutui-picker-cancel-color, #808080) !default;
@@ -372,6 +433,7 @@ $picker-bar-title-font-weight: var(
   --nutui-picker-bar-title-font-weight,
   normal
 ) !default;
+$picker-list-height: var(--nutui-picker-list-height, 252px) !default;
 $picker-item-height: var(--nutui-picker-item-height, 36px) !default;
 $picker-item-text-color: var(
   --nutui-picker-item-text-color,
@@ -398,6 +460,7 @@ $picker-mask-bg-img: var(
   linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4)),
   linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4))
 ) !default;
+
 //input（✅）
 $input-border-bottom: var(--nutui-input-border-bottom, #eaf0fb) !default;
 $input-disabled-color: var(--nutui-input-disabled-color, #c8c9cc) !default;
@@ -1594,6 +1657,10 @@ $tabs-tab-smile-color: var(
   --nutui-tabs-tab-smile-color,
   $primary-color
 ) !default;
+$tabs-titles-background-color: var(
+  --nutui-tabs-titles-background-color,
+  $background-color
+) !default;
 $tabs-titles-border-radius: var(--nutui-tabs-titles-border-radius, 0) !default;
 $tabs-titles-item-large-font-size: var(
   --nutui-tabs-titles-item-large-font-size,
@@ -1613,16 +1680,15 @@ $tabs-titles-item-color: var(
 ) !default;
 $tabs-titles-item-active-color: var(
   --nutui-tabs-titles-item-active-color,
-  $title-color
+  $primary-color
 ) !default;
-$tabs-titles-background-color: var(
-  --nutui-tabs-titles-background-color,
-  $background-color
+$tabs-titles-item-active-font-weight: var(
+  --nutui-tabs-titles-item-active-font-weight,
+  600
 ) !default;
-$tabs-horizontal-tab-line-color: linear-gradient(
-  90deg,
-  $primary-color 0%,
-  rgba(#fa2c19, 0.15) 100%
+$tabs-horizontal-tab-line-color: var(
+  --nutui-tabs-horizontal-tab-line-color,
+  linear-gradient(90deg, $primary-color 0%, rgba(#fa2c19, 0.15) 100%)
 ) !default;
 $tabs-horizontal-tab-line-bottom: var(
   --nutui-tabs-horizontal-line-bottom,
@@ -1630,7 +1696,11 @@ $tabs-horizontal-tab-line-bottom: var(
 ) !default;
 $tabs-horizontal-tab-line-border-radius: var(
   --nutui-tabs-horizontal-line-border-radius,
-  0px
+  2px
+) !default;
+$tabs-horizontal-tab-line-opacity: var(
+  --nutui-tabs-horizontal-tab-line-opacity,
+  1
 ) !default;
 $tabs-horizontal-titles-height: var(
   --nutui-tabs-horizontal-titles-height,
@@ -1640,19 +1710,30 @@ $tabs-horizontal-titles-item-min-width: var(
   --nutui-tabs-horizontal-titles-item-min-width,
   50px
 ) !default;
+$tabs-horizontal-titles-item-active-background-color: var(
+  --nutui-tabs-horizontal-titles-item-active-background-color,
+  $background-color3
+) !default;
 $tabs-horizontal-titles-item-active-line-width: var(
   --nutui-tabs-horizontal-titles-item-active-line-width,
   40px
 ) !default;
-$tabs-vertical-tab-line-color: linear-gradient(
-  180deg,
-  $primary-color 0%,
-  rgba($primary-color, 0.15) 100%
+$tabs-horizontal-titles-item-active-line-height: var(
+  --nutui-tabs-horizontal-titles-item-active-line-height,
+  3px
+) !default;
+$tabs-vertical-tab-line-color: var(
+  --nutui-tabs-vertical-tab-line-color,
+  linear-gradient(180deg, $primary-color 0%, rgba(#fa2c19, 0.15) 100%)
 ) !default;
 $tabs-vertical-titles-item-height: var(
   --nutui-tabs-vertical-titles-item-height,
   40px
 ) !default;
+$tabs-vertical-titles-item-active-line-width: var(
+  --nutui-tabs-vertical-titles-item-active-line-width,
+  3px
+) !default;
 $tabs-vertical-titles-item-active-line-height: var(
   --nutui-tabs-vertical-titles-item-active-line-height,
   14px
@@ -1661,14 +1742,6 @@ $tabs-vertical-titles-width: var(
   --nutui-tabs-vertical-titles-width,
   100px
 ) !default;
-$tabs-titles-item-line-border-radius: var(
-  --nutui-tabs-titles-item-line-border-radius,
-  0
-) !default;
-$tabs-titles-item-line-opacity: var(
-  --nutui-tabs-titles-item-line-opacity,
-  1
-) !default;
 
 // indicator（✅）
 $indicator-color: var(--nutui-indicator-color, $primary-color) !default;
@@ -2122,6 +2195,7 @@ $table-tr-even-bg-color: var(--nutui-table-tr-even-bg-color, $gray4) !default;
 $table-tr-odd-bg-color: var(--nutui-table-tr-odd-bg-color, $gray6) !default;
 
 // navbar（✅）
+$navbar-width: var(--nutui-navbar-width, 100%) !default;
 $navbar-height: var(--nutui-navbar-height, 44px) !default;
 $navbar-margin-bottom: var(--nutui-navbar-margin-bottom, 20px) !default;
 $navbar-padding: var(--nutui-navbar-padding, 13px 16px) !default;

package/dist/types/index.d.ts

@@ -383,8 +383,8 @@ declare const Elevator: FunctionComponent<Partial<ElevatorProps> & React__defaul
     Context: typeof elevatorContext;
 };
 
-type Direction$2 = 'right' | 'left';
-type Position$3 = {
+type Direction$1 = 'right' | 'left';
+type Position$2 = {
     top?: string;
     bottom?: string;
 };
@@ -395,8 +395,8 @@ interface FixedNavProps extends BasicComponent {
     navList: Array<any>;
     activeText: string;
     unActiveText: string;
-    position: Position$3;
-    type: Direction$2;
+    position: Position$2;
+    type: Direction$1;
     onChange: (v: any) => void;
     onSelected: (v: any, event: MouseEvent$1) => void;
     slotList: React__default.ReactNode;
@@ -601,7 +601,9 @@ interface TabsProps extends BasicComponent {
     autoHeight: boolean;
     children?: React__default.ReactNode;
 }
-declare const Tabs: FunctionComponent<Partial<TabsProps>>;
+declare const Tabs: FunctionComponent<Partial<TabsProps>> & {
+    TabPane: typeof TabPane;
+};
 
 type CalendarRef$1 = {
     scrollToDate: (date: string) => void;
@@ -717,23 +719,19 @@ interface RadioGroupOptionType {
     onChange?: MouseEventHandler<HTMLDivElement>;
 }
 
-type Position$2 = 'left' | 'right';
-type Direction$1 = 'horizontal' | 'vertical';
+type CheckboxTextPosition = 'left' | 'right';
+type CheckboxDirection = 'horizontal' | 'vertical';
 interface CheckboxGroupProps {
     disabled: boolean;
     checkedValue: string[];
     max: number | undefined;
-    textPosition: Position$2;
-    direction: Direction$1;
+    textPosition: CheckboxTextPosition;
+    direction: CheckboxDirection;
     onChange: (value: string[]) => void;
     options: RadioGroupOptionType[];
 }
 declare const CheckboxGroup: React__default.ForwardRefExoticComponent<Partial<CheckboxGroupProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, "onChange"> & React__default.RefAttributes<unknown>>;
 
-interface InheritParentProps {
-    getParentVals?: () => string[] | undefined;
-    max?: number | undefined;
-}
 interface CheckboxProps extends BasicComponent {
     checked: boolean;
     disabled: boolean;
@@ -745,10 +743,10 @@ interface CheckboxProps extends BasicComponent {
     iconClassPrefix: string;
     iconFontClassName: string;
     indeterminate: boolean;
-    label: string;
+    label: string | number;
     onChange: (state: boolean, label: string) => void;
 }
-declare const Checkbox: FunctionComponent<Partial<CheckboxProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'> & InheritParentProps> & {
+declare const Checkbox: FunctionComponent<Partial<CheckboxProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'>> & {
     Group: typeof CheckboxGroup;
 };
 
@@ -1227,7 +1225,6 @@ type FileType<T> = {
     [key: string]: T;
 };
 type FileItemStatus = 'ready' | 'uploading' | 'success' | 'error' | 'removed';
-
 interface UploaderProps extends BasicComponent {
     url: string;
     maximum: string | number;
@@ -1236,6 +1233,7 @@ interface UploaderProps extends BasicComponent {
     listType: string;
     uploadIcon: string;
     uploadIconSize: string | number;
+    uploadIconTip: string;
     name: string;
     accept: string;
     disabled: boolean;
@@ -1259,6 +1257,7 @@ interface UploaderProps extends BasicComponent {
     onSuccess?: (param: {
         responseText: XMLHttpRequest['responseText'];
         option: UploadOptions;
+        fileList: FileItem[];
     }) => void;
     onProgress?: (param: {
         e: ProgressEvent<XMLHttpRequestEventTarget>;
@@ -1268,6 +1267,7 @@ interface UploaderProps extends BasicComponent {
     onFailure?: (param: {
         responseText: XMLHttpRequest['responseText'];
         option: UploadOptions;
+        fileList: FileItem[];
     }) => void;
     onUpdate?: (fileList: FileItem[]) => void;
     onOversize?: (file: File[]) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui-react",
-  "version": "1.4.8",
+  "version": "1.4.9-beta.0",
   "style": "dist/style.css",
   "main": "dist/nutui.react.umd.js",
   "module": "dist/esm/nutui-react.es.js",

package/dist/esm/types/src/packages/tabbar/use-props-value.d.ts

@@ -1,7 +0,0 @@
-type Options<T> = {
-    value?: T;
-    defaultValue?: T;
-    onChange?: (v: T) => void;
-};
-export declare const usePropsValue: <T>(options: Options<T>) => void;
-export {};