@nutui/nutui-react 2.0.21 → 2.0.23-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +24 -0
- package/dist/esm/ActionSheet/style/style.css +1 -1
- package/dist/esm/ActionSheet.js +4 -0
- package/dist/esm/Address/style/style.css +1 -1
- package/dist/esm/Address.js +4 -0
- package/dist/esm/Calendar/style/style.css +1 -1
- package/dist/esm/CalendarCard/style/css.js +1 -0
- package/dist/esm/CalendarCard/style/index.js +2 -0
- package/dist/esm/CalendarCard/style/style.css +1 -0
- package/dist/esm/CalendarCard.js +513 -0
- package/dist/esm/CalendarItem.js +2 -0
- package/dist/esm/Cascader/style/style.css +1 -1
- package/dist/esm/Cascader.js +4 -0
- package/dist/esm/DatePicker/style/style.css +1 -1
- package/dist/esm/DatePicker.js +4 -4
- package/dist/esm/Dialog/style/style.css +1 -1
- package/dist/esm/Dialog.js +4 -0
- package/dist/esm/FixedNav/style/style.css +1 -1
- package/dist/esm/Image.js +24 -10
- package/dist/esm/ImagePreview/style/style.css +1 -1
- package/dist/esm/Input.js +1 -1
- package/dist/esm/Menu/style/style.css +1 -1
- package/dist/esm/Menu.js +4 -2
- package/dist/esm/MenuItem/style/style.css +1 -1
- package/dist/esm/MenuItem.js +4 -2
- package/dist/esm/NoticeBar/style/style.css +1 -1
- package/dist/esm/NoticeBar.js +9 -6
- package/dist/esm/NumberKeyboard/style/style.css +1 -1
- package/dist/esm/Overlay/style/style.css +1 -1
- package/dist/esm/Overlay.js +4 -0
- package/dist/esm/Picker/style/style.css +1 -1
- package/dist/esm/Picker.js +32 -9
- package/dist/esm/Popover/style/style.css +1 -1
- package/dist/esm/Popup/style/style.css +1 -1
- package/dist/esm/Popup.js +4 -0
- package/dist/esm/PullToRefresh.js +2 -14
- package/dist/esm/Range.js +2 -2
- package/dist/esm/ShortPassword/style/style.css +1 -1
- package/dist/esm/SideNavBar/style/style.css +1 -1
- package/dist/esm/Swipe.js +8 -5
- package/dist/esm/TabPane/style/style.css +1 -1
- package/dist/esm/Tabs/style/style.css +1 -1
- package/dist/esm/TimeSelect/style/style.css +1 -1
- package/dist/esm/Toast.js +4 -0
- package/dist/esm/Tour/style/style.css +1 -1
- package/dist/esm/nutui-react.es.js +136 -134
- package/dist/esm/overlay2.js +76 -15
- package/dist/esm/popup2.js +5 -4
- package/dist/esm/supports-passive.js +17 -0
- package/dist/esm/types/src/packages/calendarcard/__tests__/calendarcard.spec.d.ts +1 -0
- package/dist/esm/types/src/packages/calendarcard/calendarcard.d.ts +24 -0
- package/dist/esm/types/src/packages/calendarcard/calendarcard.taro.d.ts +24 -0
- package/dist/esm/types/src/packages/calendarcard/demo.d.ts +3 -0
- package/dist/esm/types/src/packages/calendarcard/demo.taro.d.ts +3 -0
- package/dist/esm/types/src/packages/calendarcard/icon.d.ts +5 -0
- package/dist/esm/types/src/packages/calendarcard/icon.taro.d.ts +5 -0
- package/dist/esm/types/src/packages/calendarcard/index.d.ts +3 -0
- package/dist/esm/types/src/packages/calendarcard/index.taro.d.ts +3 -0
- package/dist/esm/types/src/packages/calendarcard/types.d.ts +11 -0
- package/dist/esm/types/src/packages/calendarcard/utils.d.ts +19 -0
- package/dist/esm/types/src/packages/datepicker/datepicker.d.ts +2 -1
- package/dist/esm/types/src/packages/datepicker/datepicker.taro.d.ts +2 -1
- package/dist/esm/types/src/packages/image/demo.taro.d.ts +0 -1
- package/dist/esm/types/src/packages/nutui.react.build.d.ts +2 -1
- package/dist/esm/types/src/packages/nutui.react.d.ts +3 -1
- package/dist/esm/types/src/packages/nutui.react.scss.d.ts +1 -0
- package/dist/esm/types/src/packages/nutui.react.taro.d.ts +3 -1
- package/dist/esm/types/src/packages/nutui.react.taro.scss.d.ts +1 -0
- package/dist/esm/types/src/packages/nutui.taro.react.build.d.ts +2 -1
- package/dist/esm/types/src/packages/picker/picker.d.ts +2 -0
- package/dist/esm/types/src/packages/picker/picker.taro.d.ts +2 -0
- package/dist/esm/types/src/utils/use-lock-scoll-taro.d.ts +2 -0
- package/dist/esm/types/src/utils/use-lock-scroll.d.ts +2 -0
- package/dist/esm/types/src/utils/use-props-value.d.ts +1 -1
- package/dist/esm/types/src/utils/use-touch.d.ts +8 -9
- package/dist/esm/use-props-value.js +3 -2
- package/dist/esm/use-touch.js +23 -32
- package/dist/locales/base.js +1 -1
- package/dist/locales/en-US.js +1 -1
- package/dist/locales/id-ID.js +1 -1
- package/dist/locales/tr-TR.js +1 -1
- package/dist/locales/zh-CN.js +1 -1
- package/dist/locales/zh-TW.js +1 -1
- package/dist/locales/zh-UG.js +1 -1
- package/dist/nutui.react.es.js +733 -228
- package/dist/nutui.react.umd.js +733 -228
- package/dist/packages/calendarcard/calendarcard.scss +104 -0
- package/dist/packages/noticebar/noticebar.scss +1 -0
- package/dist/packages/overlay/overlay.scss +5 -0
- package/dist/packages/tabpane/tabpane.scss +0 -8
- package/dist/packages/tabs/tabs.scss +6 -8
- package/dist/style.css +1 -1
- package/dist/style.mjs +1 -1
- package/dist/styles/themes/default.scss +1 -0
- package/dist/types/index.d.ts +3 -1
- package/dist/types/packages/calendarcard/calendarcard.d.ts +76 -0
- package/dist/types/packages/calendarcard/icon.d.ts +5 -0
- package/dist/types/packages/calendarcard/index.d.ts +3 -0
- package/dist/types/packages/calendarcard/types.d.ts +11 -0
- package/dist/types/packages/calendarcard/utils.d.ts +19 -0
- package/dist/types/packages/datepicker/datepicker.d.ts +6 -1
- package/dist/types/packages/picker/picker.d.ts +6 -0
- package/dist/types/utils/use-lock-scroll.d.ts +2 -0
- package/dist/types/utils/use-props-value.d.ts +1 -1
- package/dist/types/utils/use-touch.d.ts +8 -9
- package/package.json +1 -1
- package/dist/esm/types/src/packages/dialog/dialogwrap.taro.d.ts +0 -14
|
@@ -26,6 +26,7 @@ import Tabs from '@/packages/tabs';
|
|
|
26
26
|
import Address from '@/packages/address';
|
|
27
27
|
import Calendar from '@/packages/calendar';
|
|
28
28
|
import CalendarItem from '@/packages/calendaritem';
|
|
29
|
+
import CalendarCard from '@/packages/calendarcard';
|
|
29
30
|
import Cascader from '@/packages/cascader';
|
|
30
31
|
import Checkbox from '@/packages/checkbox';
|
|
31
32
|
import CheckboxGroup from '@/packages/checkboxgroup';
|
|
@@ -93,4 +94,4 @@ import TimeDetail from '@/packages/timedetail';
|
|
|
93
94
|
import TimeSelect from '@/packages/timeselect';
|
|
94
95
|
import TrendArrow from '@/packages/trendarrow';
|
|
95
96
|
import WaterMark from '@/packages/watermark';
|
|
96
|
-
export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Col, Divider, Grid, GridItem, Layout, Row, Space, Sticky, BackTop, Elevator, FixedNav, NavBar, SideNavBar, SideNavBarItem, SubSideNavBar, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, Cascader, Checkbox, CheckboxGroup, DatePicker, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Pagination, Price, Progress, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark };
|
|
97
|
+
export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Col, Divider, Grid, GridItem, Layout, Row, Space, Sticky, BackTop, Elevator, FixedNav, NavBar, SideNavBar, SideNavBarItem, SubSideNavBar, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, CalendarCard, Cascader, Checkbox, CheckboxGroup, DatePicker, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Pagination, Price, Progress, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark };
|
|
@@ -26,6 +26,7 @@ import Tabs from '@/packages/tabs';
|
|
|
26
26
|
import Address from '@/packages/address';
|
|
27
27
|
import Calendar from '@/packages/calendar';
|
|
28
28
|
import CalendarItem from '@/packages/calendaritem';
|
|
29
|
+
import CalendarCard from '@/packages/calendarcard';
|
|
29
30
|
import Cascader from '@/packages/cascader';
|
|
30
31
|
import Checkbox from '@/packages/checkbox';
|
|
31
32
|
import CheckboxGroup from '@/packages/checkboxgroup';
|
|
@@ -121,6 +122,7 @@ import '@/packages/tabs/tabs.scss';
|
|
|
121
122
|
import '@/packages/address/address.scss';
|
|
122
123
|
import '@/packages/calendar/calendar.scss';
|
|
123
124
|
import '@/packages/calendaritem/calendaritem.scss';
|
|
125
|
+
import '@/packages/calendarcard/calendarcard.scss';
|
|
124
126
|
import '@/packages/cascader/cascader.scss';
|
|
125
127
|
import '@/packages/checkbox/checkbox.scss';
|
|
126
128
|
import '@/packages/checkboxgroup/checkboxgroup.scss';
|
|
@@ -188,4 +190,4 @@ import '@/packages/timedetail/timedetail.scss';
|
|
|
188
190
|
import '@/packages/timeselect/timeselect.scss';
|
|
189
191
|
import '@/packages/trendarrow/trendarrow.scss';
|
|
190
192
|
import '@/packages/watermark/watermark.scss';
|
|
191
|
-
export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Col, Divider, Grid, GridItem, Layout, Row, Space, Sticky, BackTop, Elevator, FixedNav, NavBar, SideNavBar, SideNavBarItem, SubSideNavBar, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, Cascader, Checkbox, CheckboxGroup, DatePicker, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Pagination, Price, Progress, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark };
|
|
193
|
+
export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Col, Divider, Grid, GridItem, Layout, Row, Space, Sticky, BackTop, Elevator, FixedNav, NavBar, SideNavBar, SideNavBarItem, SubSideNavBar, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, CalendarCard, Cascader, Checkbox, CheckboxGroup, DatePicker, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Pagination, Price, Progress, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark };
|
|
@@ -26,6 +26,7 @@ import '@/packages/tabs/tabs.scss';
|
|
|
26
26
|
import '@/packages/address/address.scss';
|
|
27
27
|
import '@/packages/calendar/calendar.scss';
|
|
28
28
|
import '@/packages/calendaritem/calendaritem.scss';
|
|
29
|
+
import '@/packages/calendarcard/calendarcard.scss';
|
|
29
30
|
import '@/packages/cascader/cascader.scss';
|
|
30
31
|
import '@/packages/checkbox/checkbox.scss';
|
|
31
32
|
import '@/packages/checkboxgroup/checkboxgroup.scss';
|
|
@@ -26,6 +26,7 @@ import Tabs from '@/packages/tabs/index.taro';
|
|
|
26
26
|
import Address from '@/packages/address/index.taro';
|
|
27
27
|
import Calendar from '@/packages/calendar/index.taro';
|
|
28
28
|
import CalendarItem from '@/packages/calendaritem/index.taro';
|
|
29
|
+
import CalendarCard from '@/packages/calendarcard/index.taro';
|
|
29
30
|
import Cascader from '@/packages/cascader/index.taro';
|
|
30
31
|
import Checkbox from '@/packages/checkbox/index.taro';
|
|
31
32
|
import CheckboxGroup from '@/packages/checkboxgroup/index.taro';
|
|
@@ -121,6 +122,7 @@ import '@/packages/tabs/tabs.scss';
|
|
|
121
122
|
import '@/packages/address/address.scss';
|
|
122
123
|
import '@/packages/calendar/calendar.scss';
|
|
123
124
|
import '@/packages/calendaritem/calendaritem.scss';
|
|
125
|
+
import '@/packages/calendarcard/calendarcard.scss';
|
|
124
126
|
import '@/packages/cascader/cascader.scss';
|
|
125
127
|
import '@/packages/checkbox/checkbox.scss';
|
|
126
128
|
import '@/packages/checkboxgroup/checkboxgroup.scss';
|
|
@@ -188,4 +190,4 @@ import '@/packages/timedetail/timedetail.scss';
|
|
|
188
190
|
import '@/packages/timeselect/timeselect.scss';
|
|
189
191
|
import '@/packages/trendarrow/trendarrow.scss';
|
|
190
192
|
import '@/packages/watermark/watermark.scss';
|
|
191
|
-
export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Col, Divider, Grid, GridItem, Layout, Row, Space, Sticky, BackTop, Elevator, FixedNav, NavBar, SideNavBar, SideNavBarItem, SubSideNavBar, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, Cascader, Checkbox, CheckboxGroup, DatePicker, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Pagination, Price, Progress, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark };
|
|
193
|
+
export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Col, Divider, Grid, GridItem, Layout, Row, Space, Sticky, BackTop, Elevator, FixedNav, NavBar, SideNavBar, SideNavBarItem, SubSideNavBar, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, CalendarCard, Cascader, Checkbox, CheckboxGroup, DatePicker, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Pagination, Price, Progress, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark };
|
|
@@ -26,6 +26,7 @@ import '@/packages/tabs/tabs.scss';
|
|
|
26
26
|
import '@/packages/address/address.scss';
|
|
27
27
|
import '@/packages/calendar/calendar.scss';
|
|
28
28
|
import '@/packages/calendaritem/calendaritem.scss';
|
|
29
|
+
import '@/packages/calendarcard/calendarcard.scss';
|
|
29
30
|
import '@/packages/cascader/cascader.scss';
|
|
30
31
|
import '@/packages/checkbox/checkbox.scss';
|
|
31
32
|
import '@/packages/checkboxgroup/checkboxgroup.scss';
|
|
@@ -26,6 +26,7 @@ import Tabs from '@/packages/tabs/index.taro';
|
|
|
26
26
|
import Address from '@/packages/address/index.taro';
|
|
27
27
|
import Calendar from '@/packages/calendar/index.taro';
|
|
28
28
|
import CalendarItem from '@/packages/calendaritem/index.taro';
|
|
29
|
+
import CalendarCard from '@/packages/calendarcard/index.taro';
|
|
29
30
|
import Cascader from '@/packages/cascader/index.taro';
|
|
30
31
|
import Checkbox from '@/packages/checkbox/index.taro';
|
|
31
32
|
import CheckboxGroup from '@/packages/checkboxgroup/index.taro';
|
|
@@ -93,4 +94,4 @@ import TimeDetail from '@/packages/timedetail/index.taro';
|
|
|
93
94
|
import TimeSelect from '@/packages/timeselect/index.taro';
|
|
94
95
|
import TrendArrow from '@/packages/trendarrow/index.taro';
|
|
95
96
|
import WaterMark from '@/packages/watermark/index.taro';
|
|
96
|
-
export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Col, Divider, Grid, GridItem, Layout, Row, Space, Sticky, BackTop, Elevator, FixedNav, NavBar, SideNavBar, SideNavBarItem, SubSideNavBar, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, Cascader, Checkbox, CheckboxGroup, DatePicker, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Pagination, Price, Progress, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark };
|
|
97
|
+
export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Col, Divider, Grid, GridItem, Layout, Row, Space, Sticky, BackTop, Elevator, FixedNav, NavBar, SideNavBar, SideNavBarItem, SubSideNavBar, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, CalendarCard, Cascader, Checkbox, CheckboxGroup, DatePicker, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Pagination, Price, Progress, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark };
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { RefObject } from 'react';
|
|
2
|
+
import { PopupProps } from '@/packages/popup/popup';
|
|
2
3
|
import { PickerOption } from './types';
|
|
3
4
|
import { BasicComponent } from '@/utils/typings';
|
|
4
5
|
export type PickerActions = {
|
|
@@ -13,6 +14,7 @@ export interface PickerProps extends Omit<BasicComponent, 'children'> {
|
|
|
13
14
|
defaultValue?: (number | string)[];
|
|
14
15
|
threeDimensional?: boolean;
|
|
15
16
|
duration: number | string;
|
|
17
|
+
popupProps: Partial<Omit<PopupProps, 'title' | 'onClose'>>;
|
|
16
18
|
onConfirm?: (selectedOptions: PickerOption[], selectedValue: (string | number)[]) => void;
|
|
17
19
|
onClose?: (selectedOptions: PickerOption[], selectedValue: (string | number)[]) => void;
|
|
18
20
|
afterClose?: (selectedOptions: PickerOption[], selectedValue: (string | number)[], pickerRef: RefObject<HTMLDivElement>) => void;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { RefObject } from 'react';
|
|
2
|
+
import { PopupProps } from '@/packages/popup/popup.taro';
|
|
2
3
|
import { PickerOption } from './types';
|
|
3
4
|
import { BasicComponent } from '@/utils/typings';
|
|
4
5
|
export type PickerActions = {
|
|
@@ -13,6 +14,7 @@ export interface PickerProps extends Omit<BasicComponent, 'children'> {
|
|
|
13
14
|
defaultValue?: (number | string)[];
|
|
14
15
|
threeDimensional?: boolean;
|
|
15
16
|
duration: number | string;
|
|
17
|
+
popupProps: Partial<Omit<PopupProps, 'title' | 'onClose'>>;
|
|
16
18
|
onConfirm?: (selectedOptions: PickerOption[], selectedValue: (string | number)[]) => void;
|
|
17
19
|
onClose?: (selectedOptions: PickerOption[], selectedValue: (string | number)[]) => void;
|
|
18
20
|
afterClose?: (selectedOptions: PickerOption[], selectedValue: (string | number)[], pickerRef: RefObject<HTMLDivElement>) => void;
|
|
@@ -4,5 +4,5 @@ interface UsePropsValue<T> {
|
|
|
4
4
|
finalValue?: T;
|
|
5
5
|
onChange?: (value: T) => void;
|
|
6
6
|
}
|
|
7
|
-
export declare function usePropsValue<T>({ value, defaultValue, finalValue, onChange, }: UsePropsValue<T>): [
|
|
7
|
+
export declare function usePropsValue<T>({ value, defaultValue, finalValue, onChange, }: UsePropsValue<T>): readonly [T, (v: T, forceTrigger?: boolean) => void];
|
|
8
8
|
export {};
|
|
@@ -1,17 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
type Direction = '' | 'vertical' | 'horizontal';
|
|
2
3
|
export declare function useTouch(): {
|
|
3
4
|
move: (event: React.TouchEvent<HTMLElement>) => void;
|
|
4
5
|
start: (event: React.TouchEvent<HTMLElement>) => void;
|
|
5
6
|
reset: () => void;
|
|
6
|
-
startX: number
|
|
7
|
-
startY: number
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
offsetY: number;
|
|
14
|
-
direction: Direction;
|
|
7
|
+
startX: React.MutableRefObject<number>;
|
|
8
|
+
startY: React.MutableRefObject<number>;
|
|
9
|
+
deltaX: React.MutableRefObject<number>;
|
|
10
|
+
deltaY: React.MutableRefObject<number>;
|
|
11
|
+
offsetX: React.MutableRefObject<number>;
|
|
12
|
+
offsetY: React.MutableRefObject<number>;
|
|
13
|
+
direction: React.MutableRefObject<Direction>;
|
|
15
14
|
isVertical: () => boolean;
|
|
16
15
|
isHorizontal: () => boolean;
|
|
17
16
|
};
|
|
@@ -16,12 +16,13 @@ function usePropsValue(_ref) {
|
|
|
16
16
|
stateRef.current = value;
|
|
17
17
|
}
|
|
18
18
|
var setState = useCallback(function(v) {
|
|
19
|
+
var forceTrigger = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
|
|
19
20
|
var prevState = stateRef.current;
|
|
20
21
|
stateRef.current = v;
|
|
21
|
-
if (prevState !== stateRef.current) {
|
|
22
|
+
if (prevState !== stateRef.current || forceTrigger) {
|
|
22
23
|
forceUpdate();
|
|
24
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(v);
|
|
23
25
|
}
|
|
24
|
-
onChange === null || onChange === void 0 ? void 0 : onChange(v);
|
|
25
26
|
}, [value, onChange]);
|
|
26
27
|
return [stateRef.current, setState];
|
|
27
28
|
}
|
package/dist/esm/use-touch.js
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { useState } from "react";
|
|
1
|
+
import { useRef } from "react";
|
|
3
2
|
var MIN_DISTANCE = 10;
|
|
4
3
|
function getDirection(x, y) {
|
|
5
4
|
if (x > y && x > MIN_DISTANCE) {
|
|
@@ -11,45 +10,39 @@ function getDirection(x, y) {
|
|
|
11
10
|
return "";
|
|
12
11
|
}
|
|
13
12
|
function useTouch() {
|
|
14
|
-
var
|
|
15
|
-
var
|
|
16
|
-
var
|
|
17
|
-
var
|
|
18
|
-
var
|
|
19
|
-
var
|
|
20
|
-
var
|
|
21
|
-
var _useState15 = useState(0), _useState16 = _slicedToArray(_useState15, 2), offsetY = _useState16[0], SetOffsetY = _useState16[1];
|
|
22
|
-
var _useState17 = useState(""), _useState18 = _slicedToArray(_useState17, 2), direction = _useState18[0], SetDirection = _useState18[1];
|
|
13
|
+
var startX = useRef(0);
|
|
14
|
+
var startY = useRef(0);
|
|
15
|
+
var deltaX = useRef(0);
|
|
16
|
+
var deltaY = useRef(0);
|
|
17
|
+
var offsetX = useRef(0);
|
|
18
|
+
var offsetY = useRef(0);
|
|
19
|
+
var direction = useRef("");
|
|
23
20
|
var isVertical = function isVertical2() {
|
|
24
|
-
return direction === "vertical";
|
|
21
|
+
return direction.current === "vertical";
|
|
25
22
|
};
|
|
26
23
|
var isHorizontal = function isHorizontal2() {
|
|
27
|
-
return direction === "horizontal";
|
|
24
|
+
return direction.current === "horizontal";
|
|
28
25
|
};
|
|
29
26
|
var reset = function reset2() {
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
27
|
+
deltaX.current = 0;
|
|
28
|
+
deltaY.current = 0;
|
|
29
|
+
offsetX.current = 0;
|
|
30
|
+
offsetY.current = 0;
|
|
31
|
+
direction.current = "";
|
|
35
32
|
};
|
|
36
33
|
var start = function start2(event) {
|
|
37
34
|
reset();
|
|
38
|
-
|
|
39
|
-
|
|
35
|
+
startX.current = event.touches[0].clientX;
|
|
36
|
+
startY.current = event.touches[0].clientY;
|
|
40
37
|
};
|
|
41
38
|
var move = function move2(event) {
|
|
42
39
|
var touch = event.touches[0];
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
SetOffsetX(Math.abs(dX));
|
|
50
|
-
SetOffsetY(Math.abs(dY));
|
|
51
|
-
if (!direction) {
|
|
52
|
-
SetDirection(getDirection(offsetX, offsetY));
|
|
40
|
+
deltaX.current = touch.clientX < 0 ? 0 : touch.clientX - startX.current;
|
|
41
|
+
deltaY.current = touch.clientY - startY.current;
|
|
42
|
+
offsetX.current = Math.abs(deltaX.current);
|
|
43
|
+
offsetY.current = Math.abs(deltaY.current);
|
|
44
|
+
if (!direction.current) {
|
|
45
|
+
direction.current = getDirection(offsetX.current, offsetY.current);
|
|
53
46
|
}
|
|
54
47
|
};
|
|
55
48
|
return {
|
|
@@ -58,8 +51,6 @@ function useTouch() {
|
|
|
58
51
|
reset,
|
|
59
52
|
startX,
|
|
60
53
|
startY,
|
|
61
|
-
moveX,
|
|
62
|
-
moveY,
|
|
63
54
|
deltaX,
|
|
64
55
|
deltaY,
|
|
65
56
|
offsetX,
|
package/dist/locales/base.js
CHANGED
package/dist/locales/en-US.js
CHANGED
package/dist/locales/id-ID.js
CHANGED
package/dist/locales/tr-TR.js
CHANGED
package/dist/locales/zh-CN.js
CHANGED
package/dist/locales/zh-TW.js
CHANGED
package/dist/locales/zh-UG.js
CHANGED