@nutui/nutui-react 1.1.0 → 1.1.1-beta.0

package/dist/style.es.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.1.0 Fri Feb 25 2022 16:51:24 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.1.1-beta.0 Mon Mar 21 2022 10:49:02 GMT+0800 (China Standard Time)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/styles/themes/default.scss

@@ -35,6 +35,8 @@
 @import '../../packages/swiper/swiper.scss';
 @import '../../packages/swiperitem/swiperitem.scss';
 @import '../../packages/backtop/backtop.scss';
+@import '../../packages/tabs/tabs.scss';
+@import '../../packages/tabpane/tabpane.scss';
 @import '../../packages/rate/rate.scss';
 @import '../../packages/input/input.scss';
 @import '../../packages/textarea/textarea.scss';
@@ -49,6 +51,8 @@
 @import '../../packages/uploader/uploader.scss';
 @import '../../packages/calendar/calendar.scss';
 @import '../../packages/calendaritem/calendaritem.scss';
+@import '../../packages/datepicker/datepicker.scss';
+@import '../../packages/skeleton/skeleton.scss';
 @import '../../packages/address/address.scss';
 @import '../../packages/barrage/barrage.scss';
 @import '../../packages/signature/signature.scss';

package/dist/styles/variables.scss

@@ -349,3 +349,28 @@ $dialog-footer-ok-max-width: 128px !default;
 // 在组件中import
 //@import './mixins/index';
 //@import './animation/index';
+
+// tabs
+$tabs-tab-smile-color: $primary-color !default;
+$tabs-titles-border-radius: 0 !default;
+$tabs-titles-item-large-font-size: $font-size-3 !default;
+$tabs-titles-item-font-size: $font-size-2 !default;
+$tabs-titles-item-small-font-size: $font-size-1 !default;
+$tabs-titles-item-color: $title-color !default;
+$tabs-titles-background-color: $help-color !default;
+$tabs-horizontal-tab-line-color: linear-gradient(
+  90deg,
+  $primary-color 0%,
+  rgba($primary-color, 0.15) 100%
+) !default;
+$tabs-horizontal-titles-height: 46px !default;
+$tabs-horizontal-titles-item-min-width: 50px !default;
+$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%
+) !default;
+$tabs-vertical-titles-item-height: 40px !default;
+$tabs-vertical-titles-item-active-line-height: 14px !default;
+$tabs-vertical-titles-width: 100px !default;

package/dist/types/address/address.d.ts

@@ -34,7 +34,7 @@ export interface AddressProps {
     city: RegionData[];
     country: RegionData[];
     town: RegionData[];
-    isShowCustomAddress: Boolean;
+    isShowCustomAddress: boolean;
     existAddress: AddressList[];
     existAddressTitle: string;
     customAndExistTitle: string;

package/dist/types/address/existRender.d.ts

@@ -5,7 +5,7 @@ export interface ExistRenderProps {
     existAddress: AddressList[] | [];
     defaultIcon: string;
     selectedIcon: string;
-    isShowCustomAddress: Boolean;
+    isShowCustomAddress: boolean;
     customAndExistTitle: string;
     onSelected?: (prevExistAdd: AddressList, item: AddressList, copyExistAdd: AddressList[]) => void;
     onClose?: (cal: {

package/dist/types/badge/badge.d.ts

@@ -2,7 +2,7 @@ import { FunctionComponent } from 'react';
 export interface BadgeProps {
     value: any;
     dot: boolean;
-    max: Number;
+    max: number;
     top: string;
     right: string;
     zIndex: string;

package/dist/types/datepicker/datepicker.d.ts

@@ -0,0 +1,16 @@
+import React, { FunctionComponent } from 'react';
+export interface DatePickerProps {
+    modelValue: Date;
+    visible: boolean;
+    title: string;
+    type: string;
+    isShowChinese: boolean;
+    minuteStep: number;
+    minDate: Date;
+    maxDate: Date;
+    className: string;
+    style: React.CSSProperties;
+    onCloseDatePicker: () => void;
+    onConfirmDatePicker: (list: any[]) => void;
+}
+export declare const DatePicker: FunctionComponent<Partial<DatePickerProps> & React.HTMLAttributes<HTMLDivElement>>;

package/dist/types/datepicker/index.d.ts

@@ -0,0 +1,2 @@
+import { DatePicker } from './datepicker';
+export default DatePicker;

package/dist/types/nutui.react.d.ts

@@ -34,6 +34,8 @@ import Step from './step';
 import Swiper from './swiper';
 import SwiperItem from './swiperitem';
 import BackTop from './backtop';
+import Tabs from './tabs';
+import TabPane from './tabpane';
 import Rate from './rate';
 import Input from './input';
 import TextArea from './textarea';
@@ -48,9 +50,11 @@ import Badge from './badge';
 import Uploader from './uploader';
 import Calendar from './calendar';
 import CalendarItem from './calendaritem';
+import DatePicker from './datepicker';
+import Skeleton from './skeleton';
 import Address from './address';
 import Barrage from './barrage';
 import Signature from './signature';
 import Drag from './drag';
 import AnimatingNumbers from './animatingnumbers';
-export { Avatar, Button, Cell, CellGroup, Icon, Price, Overlay, Divider, Layout, Row, Col, Toast, Dialog, Popup, ActionSheet, Picker, Infiniteloading, Popover, Collapse, CollapseItem, Range, CircleProgress, NoticeBar, Notify, Switch, NavBar, Tabbar, TabbarItem, Elevator, FixedNav, Pagination, Steps, Step, Swiper, SwiperItem, BackTop, Rate, Input, TextArea, InputNumber, ShortPassword, Radio, RadioGroup, Checkbox, CheckboxGroup, Tag, Badge, Uploader, Calendar, CalendarItem, Address, Barrage, Signature, Drag, AnimatingNumbers };
+export { Avatar, Button, Cell, CellGroup, Icon, Price, Overlay, Divider, Layout, Row, Col, Toast, Dialog, Popup, ActionSheet, Picker, Infiniteloading, Popover, Collapse, CollapseItem, Range, CircleProgress, NoticeBar, Notify, Switch, NavBar, Tabbar, TabbarItem, Elevator, FixedNav, Pagination, Steps, Step, Swiper, SwiperItem, BackTop, Tabs, TabPane, Rate, Input, TextArea, InputNumber, ShortPassword, Radio, RadioGroup, Checkbox, CheckboxGroup, Tag, Badge, Uploader, Calendar, CalendarItem, DatePicker, Skeleton, Address, Barrage, Signature, Drag, AnimatingNumbers };

package/dist/types/signature/signature.d.ts

@@ -1,9 +1,9 @@
 import React, { FunctionComponent } from 'react';
 export interface SignatureProps {
-    type: String;
-    lineWidth: Number;
-    strokeStyle: String;
-    unSupportTpl: String;
+    type: string;
+    lineWidth: number;
+    strokeStyle: string;
+    unSupportTpl: string;
     className: string;
     confirm?: (canvas: HTMLCanvasElement, dataurl: string) => void;
     clear?: () => void;

package/dist/types/skeleton/index.d.ts

@@ -0,0 +1,2 @@
+import { Skeleton } from './skeleton';
+export default Skeleton;

package/dist/types/skeleton/skeleton.d.ts

@@ -0,0 +1,18 @@
+import React, { FunctionComponent } from 'react';
+declare type avatarShape = 'round' | 'square';
+export interface SkeletonProps {
+    width: number;
+    height: number;
+    animated: boolean;
+    row: number;
+    title: boolean;
+    avatar: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    avatarSize: string;
+    round: boolean;
+    loading: boolean;
+    avatarShape: avatarShape;
+}
+export declare const Skeleton: FunctionComponent<Partial<SkeletonProps>>;
+export {};

package/dist/types/tabpane/index.d.ts

@@ -0,0 +1,2 @@
+import { TabPane } from './tabpane';
+export default TabPane;

package/dist/types/tabpane/tabpane.d.ts

@@ -0,0 +1,8 @@
+import { FunctionComponent } from 'react';
+export interface TabPaneProps {
+    title: string | number;
+    paneKey: string | number;
+    activeKey: string | number;
+    disabled: boolean;
+}
+export declare const TabPane: FunctionComponent<Partial<TabPaneProps>>;

package/dist/types/tabs/index.d.ts

@@ -0,0 +1,2 @@
+import { Tabs } from './tabs';
+export default Tabs;

package/dist/types/tabs/tabs.d.ts

@@ -0,0 +1,28 @@
+import React, { FunctionComponent } from 'react';
+declare class Title {
+    title: string;
+    paneKey: string;
+    disabled: boolean;
+    index: number;
+    constructor();
+}
+export declare type TabsSize = 'large' | 'normal' | 'small';
+export interface TabsProps {
+    className: string;
+    style: React.CSSProperties;
+    value: string | number;
+    color: string;
+    background: string;
+    direction: string;
+    type: string;
+    titleScroll: boolean;
+    ellipsis: boolean;
+    animatedTime: number | string;
+    titleGutter: number | string;
+    size: TabsSize;
+    titleNode: () => JSX.Element[];
+    onChange: (t: Title) => void;
+    onClick: (t: Title) => void;
+}
+export declare const Tabs: FunctionComponent<Partial<TabsProps>>;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui-react",
-  "version": "1.1.0",
+  "version": "1.1.1-beta.0",
   "style": "dist/style.css",
   "main": "dist/nutui.react.umd.js",
   "module": "dist/esm/nutui-react.es.js",
@@ -51,6 +51,8 @@
     "build:es": "npx rollup -c rollup.config.es.js",
     "build": "npm run checked && vite build --config vite.config.build.ts && npm run build:es && npm run build:css && npm run build:loader-style && npm run build:types ",
     "build:site": "npm run checked && vite build --config vite.config.build.site.ts",
+    "lint": "eslint .",
+    "lint:fix": "eslint --fix .",
     "publish:beta": "npm publish --tag beta",
     "prepare": "husky install"
   },
@@ -101,8 +103,11 @@
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-import": "^2.23.2",
     "eslint-plugin-jsx-a11y": "^6.4.1",
+    "eslint-plugin-markdown": "^2.2.1",
+    "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-react": "^7.23.2",
     "eslint-plugin-react-hooks": "^4.2.0",
+    "eslint-plugin-unused-imports": "^2.0.0",
     "fs-extra": "^10.0.0",
     "glob": "^7.2.0",
     "husky": "^6.0.0",