@xhsreds/reds-rn-next 0.1.2 → 0.1.4
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/benchmarks/out.json +900 -820
- package/coverage/.tmp/coverage-0.json +1 -1
- package/coverage/.tmp/coverage-1.json +1 -1
- package/coverage/.tmp/coverage-10.json +1 -1
- package/coverage/.tmp/coverage-12.json +1 -1
- package/coverage/.tmp/coverage-13.json +1 -1
- package/coverage/.tmp/coverage-14.json +1 -1
- package/coverage/.tmp/coverage-15.json +1 -1
- package/coverage/.tmp/coverage-16.json +1 -1
- package/coverage/.tmp/coverage-17.json +1 -1
- package/coverage/.tmp/coverage-18.json +1 -1
- package/coverage/.tmp/coverage-19.json +1 -1
- package/coverage/.tmp/coverage-2.json +1 -1
- package/coverage/.tmp/coverage-20.json +1 -1
- package/coverage/.tmp/coverage-21.json +1 -1
- package/coverage/.tmp/coverage-22.json +1 -1
- package/coverage/.tmp/coverage-23.json +1 -1
- package/coverage/.tmp/coverage-24.json +1 -1
- package/coverage/.tmp/coverage-25.json +1 -1
- package/coverage/.tmp/coverage-26.json +1 -1
- package/coverage/.tmp/coverage-27.json +1 -1
- package/coverage/.tmp/coverage-28.json +1 -1
- package/coverage/.tmp/coverage-29.json +1 -0
- package/coverage/.tmp/coverage-3.json +1 -1
- package/coverage/.tmp/coverage-30.json +1 -0
- package/coverage/.tmp/coverage-31.json +1 -0
- package/coverage/.tmp/coverage-32.json +1 -0
- package/coverage/.tmp/coverage-4.json +1 -1
- package/coverage/.tmp/coverage-5.json +1 -1
- package/coverage/.tmp/coverage-6.json +1 -1
- package/coverage/.tmp/coverage-7.json +1 -1
- package/coverage/.tmp/coverage-8.json +1 -1
- package/coverage/.tmp/coverage-9.json +1 -1
- package/lib/cjs/_chunks/CkkZzOy_.js +23 -0
- package/lib/cjs/_chunks/CkkZzOy_.js.map +1 -0
- package/lib/cjs/_chunks/GhFTd1qc.js +22 -0
- package/lib/cjs/_chunks/GhFTd1qc.js.map +1 -0
- package/lib/cjs/_chunks/RPaDcSae.js +20 -0
- package/lib/cjs/_chunks/RPaDcSae.js.map +1 -0
- package/lib/cjs/_chunks/bwo-gq0b.js +66 -0
- package/lib/cjs/_chunks/bwo-gq0b.js.map +1 -0
- package/lib/cjs/components/ActionSheets/ActionSheets.js +99 -0
- package/lib/cjs/components/ActionSheets/ActionSheets.js.map +1 -0
- package/lib/cjs/components/ActionSheets/index.js +37 -0
- package/lib/cjs/components/ActionSheets/index.js.map +1 -0
- package/lib/cjs/components/ActionSheets/interface/index.js +9 -0
- package/lib/cjs/components/ActionSheets/interface/index.js.map +1 -0
- package/lib/cjs/components/ActionSheets/styles.js +59 -0
- package/lib/cjs/components/ActionSheets/styles.js.map +1 -0
- package/lib/cjs/components/Alert/Alert.js +143 -0
- package/lib/cjs/components/Alert/Alert.js.map +1 -0
- package/lib/cjs/components/Alert/index.js +145 -0
- package/lib/cjs/components/Alert/index.js.map +1 -0
- package/lib/cjs/components/Alert/interface/index.js +8 -0
- package/lib/cjs/components/Alert/interface/index.js.map +1 -0
- package/lib/cjs/components/Alert/styles.js +124 -0
- package/lib/cjs/components/Alert/styles.js.map +1 -0
- package/lib/cjs/components/Avatar/Avatar.js +1 -1
- package/lib/cjs/components/Avatar/Avatar.js.map +1 -1
- package/lib/cjs/components/AvatarGroup/AvatarGroup.js +97 -98
- package/lib/cjs/components/AvatarGroup/AvatarGroup.js.map +1 -1
- package/lib/cjs/components/AvatarGroup/index.js +61 -21
- package/lib/cjs/components/AvatarGroup/index.js.map +1 -1
- package/lib/cjs/components/Button/Button.js +1 -1
- package/lib/cjs/components/Button/Button.js.map +1 -1
- package/lib/cjs/components/FAB/FAB.js +1 -1
- package/lib/cjs/components/FAB/FAB.js.map +1 -1
- package/lib/cjs/components/Image/hook/index.js +2 -2
- package/lib/cjs/components/Image/hook/index.js.map +1 -1
- package/lib/cjs/components/ImagePreview/ImagePreview.js +96 -68
- package/lib/cjs/components/ImagePreview/ImagePreview.js.map +1 -1
- package/lib/cjs/components/ImagePreview/ImageViewer3.js +3 -3
- package/lib/cjs/components/ImagePreview/ImageViewer3.js.map +1 -1
- package/lib/cjs/components/ImagePreview/index.js +65 -20
- package/lib/cjs/components/ImagePreview/index.js.map +1 -1
- package/lib/cjs/components/List/ListItem/ListItem.js +94 -113
- package/lib/cjs/components/List/ListItem/ListItem.js.map +1 -1
- package/lib/cjs/components/List/index.js +59 -18
- package/lib/cjs/components/List/index.js.map +1 -1
- package/lib/cjs/components/Picker/Picker.js +6 -1
- package/lib/cjs/components/Picker/Picker.js.map +1 -1
- package/lib/cjs/components/Picker/index.js +6 -1
- package/lib/cjs/components/Picker/index.js.map +1 -1
- package/lib/cjs/components/Sheets/Sheets.js +168 -16
- package/lib/cjs/components/Sheets/Sheets.js.map +1 -1
- package/lib/cjs/components/Sheets/index.js +9 -3
- package/lib/cjs/components/Sheets/index.js.map +1 -1
- package/lib/cjs/components/Sheets/interface/index.js +6 -1
- package/lib/cjs/components/Sheets/interface/index.js.map +1 -1
- package/lib/cjs/components/Sheets/styles.js +39 -11
- package/lib/cjs/components/Sheets/styles.js.map +1 -1
- package/lib/cjs/components/Silder/Silder.js +71 -0
- package/lib/cjs/components/Silder/Silder.js.map +1 -0
- package/lib/cjs/components/Silder/index.js +18 -0
- package/lib/cjs/components/Silder/index.js.map +1 -0
- package/lib/cjs/components/Silder/interface/index.js +9 -0
- package/lib/cjs/components/Silder/interface/index.js.map +1 -0
- package/lib/cjs/components/Silder/styles.js +29 -0
- package/lib/cjs/components/Silder/styles.js.map +1 -0
- package/lib/cjs/components/TabBar/TabBar.js +10 -10
- package/lib/cjs/components/TabBar/TabBar.js.map +1 -1
- package/lib/cjs/components/Tag/Tag.js +1 -1
- package/lib/cjs/components/Tag/Tag.js.map +1 -1
- package/lib/cjs/components/Text/hooks/loadFontFromFile.js +1 -1
- package/lib/cjs/components/Text/hooks/loadFontFromFile.js.map +1 -1
- package/lib/cjs/index.js +254 -30
- package/lib/cjs/index.js.map +1 -1
- package/lib/esm/_chunks/BJ2Kj1Vd.js +58 -0
- package/lib/esm/_chunks/BJ2Kj1Vd.js.map +1 -0
- package/lib/esm/_chunks/BKEXyO9m.js +19 -0
- package/lib/esm/_chunks/BKEXyO9m.js.map +1 -0
- package/lib/esm/_chunks/{D-HreRcG.js → CwHnr-H1.js} +2 -2
- package/lib/esm/_chunks/{D-HreRcG.js.map → CwHnr-H1.js.map} +1 -1
- package/lib/esm/_chunks/DHJk9lIr.js +19 -0
- package/lib/esm/_chunks/DHJk9lIr.js.map +1 -0
- package/lib/esm/_chunks/RRfNwNcs.js +17 -0
- package/lib/esm/_chunks/RRfNwNcs.js.map +1 -0
- package/lib/esm/components/ActionSheets/ActionSheets.js +95 -0
- package/lib/esm/components/ActionSheets/ActionSheets.js.map +1 -0
- package/lib/esm/components/ActionSheets/index.js +31 -0
- package/lib/esm/components/ActionSheets/index.js.map +1 -0
- package/lib/esm/components/ActionSheets/interface/index.js +2 -0
- package/lib/esm/components/ActionSheets/interface/index.js.map +1 -0
- package/lib/esm/components/ActionSheets/styles.js +55 -0
- package/lib/esm/components/ActionSheets/styles.js.map +1 -0
- package/lib/esm/components/Alert/Alert.js +135 -0
- package/lib/esm/components/Alert/Alert.js.map +1 -0
- package/lib/esm/components/Alert/index.js +139 -0
- package/lib/esm/components/Alert/index.js.map +1 -0
- package/lib/esm/components/Alert/interface/index.js +2 -0
- package/lib/esm/components/Alert/interface/index.js.map +1 -0
- package/lib/esm/components/Alert/styles.js +122 -0
- package/lib/esm/components/Alert/styles.js.map +1 -0
- package/lib/esm/components/Avatar/Avatar.js +2 -2
- package/lib/esm/components/Avatar/Avatar.js.map +1 -1
- package/lib/esm/components/Avatar/index.js +1 -1
- package/lib/esm/components/Avatar/styles.js +1 -1
- package/lib/esm/components/AvatarGroup/AvatarGroup.js +95 -100
- package/lib/esm/components/AvatarGroup/AvatarGroup.js.map +1 -1
- package/lib/esm/components/AvatarGroup/index.js +59 -19
- package/lib/esm/components/AvatarGroup/index.js.map +1 -1
- package/lib/esm/components/Badge/Badge.js +1 -1
- package/lib/esm/components/Badge/index.js +1 -1
- package/lib/esm/components/BottomBar/BottomBar.js +1 -1
- package/lib/esm/components/BottomBar/index.js +1 -1
- package/lib/esm/components/Button/Button.js +2 -2
- package/lib/esm/components/Button/Button.js.map +1 -1
- package/lib/esm/components/Button/index.js +1 -1
- package/lib/esm/components/Button/styleMap.js +1 -1
- package/lib/esm/components/Collapse/Collapse.js +1 -1
- package/lib/esm/components/Collapse/Item/Item.js +1 -1
- package/lib/esm/components/Collapse/Item/styles.js +1 -1
- package/lib/esm/components/Collapse/index.js +1 -1
- package/lib/esm/components/ConfigProvider/ConfigProvider.js +1 -1
- package/lib/esm/components/ConfigProvider/hooks/ConfigCache/ConfigCache.js +1 -1
- package/lib/esm/components/ConfigProvider/hooks/ConfigCache/index.js +1 -1
- package/lib/esm/components/ConfigProvider/hooks/themeToken/useThemeToken.js +1 -1
- package/lib/esm/components/ConfigProvider/index.js +1 -1
- package/lib/esm/components/Divider/Divider.js +1 -1
- package/lib/esm/components/Divider/index.js +1 -1
- package/lib/esm/components/Divider/styles.js +1 -1
- package/lib/esm/components/DropDown/DropDown.js +1 -1
- package/lib/esm/components/DropDown/DropDownItem.js +1 -1
- package/lib/esm/components/DropDown/index.js +1 -1
- package/lib/esm/components/DropDown/styles.js +1 -1
- package/lib/esm/components/Empty/Empty.js +1 -1
- package/lib/esm/components/Empty/index.js +1 -1
- package/lib/esm/components/Empty/styles.js +1 -1
- package/lib/esm/components/FAB/FAB.js +2 -2
- package/lib/esm/components/FAB/FAB.js.map +1 -1
- package/lib/esm/components/FAB/index.js +1 -1
- package/lib/esm/components/Image/Image.js +1 -1
- package/lib/esm/components/Image/hook/index.js +3 -3
- package/lib/esm/components/Image/hook/index.js.map +1 -1
- package/lib/esm/components/Image/index.js +1 -1
- package/lib/esm/components/ImagePreview/Gesture/useGesture.js +1 -1
- package/lib/esm/components/ImagePreview/ImagePreview.js +95 -71
- package/lib/esm/components/ImagePreview/ImagePreview.js.map +1 -1
- package/lib/esm/components/ImagePreview/ImageViewer.js +1 -1
- package/lib/esm/components/ImagePreview/ImageViewer3.js +4 -4
- package/lib/esm/components/ImagePreview/ImageViewer3.js.map +1 -1
- package/lib/esm/components/ImagePreview/index.js +63 -18
- package/lib/esm/components/ImagePreview/index.js.map +1 -1
- package/lib/esm/components/List/ListItem/ListItem.js +92 -115
- package/lib/esm/components/List/ListItem/ListItem.js.map +1 -1
- package/lib/esm/components/List/index.js +59 -18
- package/lib/esm/components/List/index.js.map +1 -1
- package/lib/esm/components/Picker/Picker.js +7 -2
- package/lib/esm/components/Picker/Picker.js.map +1 -1
- package/lib/esm/components/Picker/index.js +7 -2
- package/lib/esm/components/Picker/index.js.map +1 -1
- package/lib/esm/components/PickerView/PickerView.js +1 -1
- package/lib/esm/components/PickerView/Wheel.js +1 -1
- package/lib/esm/components/PickerView/index.js +1 -1
- package/lib/esm/components/Popover/Popover.js +1 -1
- package/lib/esm/components/Popover/component.js +1 -1
- package/lib/esm/components/Popover/hook.js +1 -1
- package/lib/esm/components/Popover/index.js +1 -1
- package/lib/esm/components/Portal/core/PortalProvider.js +1 -1
- package/lib/esm/components/Portal/index.js +1 -1
- package/lib/esm/components/Progress/Progress.js +1 -1
- package/lib/esm/components/Progress/index.js +1 -1
- package/lib/esm/components/ProgressIndicator/ProgressIndicator.js +1 -1
- package/lib/esm/components/ProgressIndicator/index.js +1 -1
- package/lib/esm/components/ProgressIndicator/styles.js +1 -1
- package/lib/esm/components/PullRefresh/PullRefresh.js +1 -1
- package/lib/esm/components/PullRefresh/component.js +1 -1
- package/lib/esm/components/PullRefresh/index.js +1 -1
- package/lib/esm/components/Result/Result.js +1 -1
- package/lib/esm/components/Result/index.js +1 -1
- package/lib/esm/components/Result/styles.js +1 -1
- package/lib/esm/components/Sheets/Sheets.js +170 -18
- package/lib/esm/components/Sheets/Sheets.js.map +1 -1
- package/lib/esm/components/Sheets/index.js +9 -3
- package/lib/esm/components/Sheets/index.js.map +1 -1
- package/lib/esm/components/Sheets/interface/index.js +1 -1
- package/lib/esm/components/Sheets/styles.js +39 -11
- package/lib/esm/components/Sheets/styles.js.map +1 -1
- package/lib/esm/components/Silder/Silder.js +67 -0
- package/lib/esm/components/Silder/Silder.js.map +1 -0
- package/lib/esm/components/Silder/index.js +12 -0
- package/lib/esm/components/Silder/index.js.map +1 -0
- package/lib/esm/components/Silder/interface/index.js +3 -0
- package/lib/esm/components/Silder/interface/index.js.map +1 -0
- package/lib/esm/components/Silder/styles.js +25 -0
- package/lib/esm/components/Silder/styles.js.map +1 -0
- package/lib/esm/components/Skeleton/Item/SkeletonItem.js +1 -1
- package/lib/esm/components/Skeleton/Skeleton.js +1 -1
- package/lib/esm/components/Skeleton/index.js +1 -1
- package/lib/esm/components/Switch/Switch.js +1 -1
- package/lib/esm/components/Switch/index.js +1 -1
- package/lib/esm/components/Tab/Tab.js +1 -1
- package/lib/esm/components/Tab/index.js +1 -1
- package/lib/esm/components/Tab/styles.js +1 -1
- package/lib/esm/components/TabBar/TabBar.js +11 -11
- package/lib/esm/components/TabBar/TabBar.js.map +1 -1
- package/lib/esm/components/TabBar/index.js +1 -1
- package/lib/esm/components/Tag/Tag.js +2 -2
- package/lib/esm/components/Tag/Tag.js.map +1 -1
- package/lib/esm/components/Tag/index.js +1 -1
- package/lib/esm/components/Text/Text.js +1 -1
- package/lib/esm/components/Text/hooks/cloneContainer.js +1 -1
- package/lib/esm/components/Text/hooks/index.js +1 -1
- package/lib/esm/components/Text/hooks/loadFontFromFile.js +2 -2
- package/lib/esm/components/Text/hooks/loadFontFromFile.js.map +1 -1
- package/lib/esm/components/Text/index.js +1 -1
- package/lib/esm/components/Text/styles.js +1 -1
- package/lib/esm/components/Toast/Toast.js +1 -1
- package/lib/esm/components/Toast/api.js +1 -1
- package/lib/esm/components/Toast/index.js +1 -1
- package/lib/esm/components/Toast/styles.js +1 -1
- package/lib/esm/index.js +253 -28
- package/lib/esm/index.js.map +1 -1
- package/lib/types/components/ActionSheets/ActionSheets.d.ts +10 -0
- package/lib/types/components/ActionSheets/demo/index.d.ts +2 -0
- package/lib/types/components/ActionSheets/index.d.ts +4 -0
- package/lib/types/components/ActionSheets/interface/index.d.ts +23 -0
- package/lib/types/components/ActionSheets/styles.d.ts +51 -0
- package/lib/types/components/ActionSheets/test/index.bench.d.ts +1 -0
- package/lib/types/components/ActionSheets/test/index.test.d.ts +1 -0
- package/lib/types/components/ActionSheets/test/paper.bench.d.ts +1 -0
- package/lib/types/components/Alert/Alert.d.ts +4 -0
- package/lib/types/components/Alert/demo/index.d.ts +2 -0
- package/lib/types/components/Alert/index.d.ts +4 -0
- package/lib/types/components/Alert/interface/index.d.ts +35 -0
- package/lib/types/components/Alert/styles.d.ts +108 -0
- package/lib/types/components/Alert/test/index.bench.d.ts +1 -0
- package/lib/types/components/Alert/test/index.test.d.ts +1 -0
- package/lib/types/components/Alert/test/paper.bench.d.ts +1 -0
- package/lib/types/components/FAB/test/paper.bench.d.ts +1 -0
- package/lib/types/components/Sheets/Sheets.d.ts +17 -1
- package/lib/types/components/Sheets/interface/index.d.ts +45 -0
- package/lib/types/components/Sheets/styles.d.ts +38 -9
- package/lib/types/components/Sheets/test/index.test.d.ts +1 -1
- package/lib/types/components/Silder/Silder.d.ts +13 -0
- package/lib/types/components/Silder/demo/index.d.ts +2 -0
- package/lib/types/components/Silder/index.d.ts +4 -0
- package/lib/types/components/Silder/interface/index.d.ts +19 -0
- package/lib/types/components/Silder/styles.d.ts +20 -0
- package/lib/types/components/Silder/test/index.bench.d.ts +1 -0
- package/lib/types/components/Silder/test/index.test.d.ts +1 -0
- package/lib/types/index.d.ts +6 -0
- package/package.json +2 -3
- package/src/components/ActionSheets/ActionSheets.tsx +66 -0
- package/src/components/ActionSheets/demo/index.tsx +65 -0
- package/src/components/ActionSheets/doc/index.mdx +24 -0
- package/src/components/ActionSheets/index.ts +5 -0
- package/src/components/ActionSheets/interface/index.ts +27 -0
- package/src/components/ActionSheets/styles.ts +54 -0
- package/src/components/ActionSheets/test/index.bench.tsx +13 -0
- package/src/components/ActionSheets/test/index.test.tsx +81 -0
- package/src/components/ActionSheets/test/paper.bench.tsx +17 -0
- package/src/components/Alert/Alert.tsx +170 -0
- package/src/components/Alert/demo/index.tsx +234 -0
- package/src/components/Alert/doc/index.mdx +37 -0
- package/src/components/Alert/index.ts +5 -0
- package/src/components/Alert/interface/index.ts +35 -0
- package/src/components/Alert/styles.ts +116 -0
- package/src/components/Alert/test/__snapshots__/index.test.tsx.snap +519 -0
- package/src/components/Alert/test/index.bench.tsx +13 -0
- package/src/components/Alert/test/index.test.tsx +62 -0
- package/src/components/Alert/test/paper.bench.tsx +26 -0
- package/src/components/Avatar/test/__snapshots__/index.test.tsx.snap +32 -0
- package/src/components/Avatar/test/paper.bench.tsx +1 -1
- package/src/components/Button/test/__snapshots__/index.test.tsx.snap +0 -10
- package/src/components/Divider/test/__snapshots__/index.test.tsx.snap +420 -6
- package/src/components/Divider/test/index.test.tsx +43 -35
- package/src/components/FAB/test/__snapshots__/index.test.tsx.snap +0 -2
- package/src/components/FAB/test/paper.bench.tsx +12 -0
- package/src/components/Picker/test/index.test.tsx +17 -25
- package/src/components/Progress/test/__snapshots__/index.test.tsx.snap +332 -3
- package/src/components/Progress/test/index.test.tsx +29 -19
- package/src/components/PullRefresh/test/index.bench.tsx +1 -1
- package/src/components/Sheets/Sheets.tsx +293 -20
- package/src/components/Sheets/demo/index.tsx +191 -14
- package/src/components/Sheets/doc/index.mdx +16 -5
- package/src/components/Sheets/interface/index.ts +50 -0
- package/src/components/Sheets/styles.ts +38 -10
- package/src/components/Sheets/test/index.test.tsx +71 -48
- package/src/components/Sheets/test/paper.bench.tsx +1 -1
- package/src/components/Silder/Silder.tsx +49 -0
- package/src/components/Silder/demo/index.tsx +53 -0
- package/src/components/Silder/doc/index.mdx +26 -0
- package/src/components/Silder/index.ts +5 -0
- package/src/components/Silder/interface/index.ts +20 -0
- package/src/components/Silder/styles.ts +24 -0
- package/src/components/Silder/test/index.bench.tsx +13 -0
- package/src/components/Silder/test/index.test.tsx +18 -0
- package/src/components/TabBar/TabBar.tsx +17 -17
- package/src/components/Toast/test/paper.bench.tsx +9 -5
- package/src/index.ts +17 -0
- package/lib/cjs/_chunks/DIhBCUjt.js +0 -17
- package/lib/cjs/_chunks/DIhBCUjt.js.map +0 -1
- package/lib/esm/_chunks/B3_9dzWY.js +0 -14
- package/lib/esm/_chunks/B3_9dzWY.js.map +0 -1
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import { _ as _slicedToArray } from '../../_chunks/CwHnr-H1.js';
|
|
2
|
+
import React__default, { useRef, useState, useEffect, useCallback, useMemo } from 'react';
|
|
3
|
+
import { Animated, TouchableWithoutFeedback, View } from 'react-native';
|
|
4
|
+
import { S as SilderDefaultProps } from '../../_chunks/RRfNwNcs.js';
|
|
5
|
+
import styles from './styles.js';
|
|
6
|
+
import '@xhsreds/reds-token-next';
|
|
7
|
+
|
|
8
|
+
var Silder = function Silder(_ref) {
|
|
9
|
+
var value = _ref.value,
|
|
10
|
+
defaultValue = _ref.defaultValue,
|
|
11
|
+
onChange = _ref.onChange,
|
|
12
|
+
onClick = _ref.onClick,
|
|
13
|
+
trackOnColor = _ref.trackOnColor,
|
|
14
|
+
trackOffColor = _ref.trackOffColor;
|
|
15
|
+
var isControlled = useRef(value !== void 0);
|
|
16
|
+
var _useState = useState(defaultValue),
|
|
17
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
18
|
+
isOn = _useState2[0],
|
|
19
|
+
setIsOn = _useState2[1];
|
|
20
|
+
var animatedValue = useRef(new Animated.Value(defaultValue ? 18 : 2)).current;
|
|
21
|
+
var thumbTranslateX = animatedValue.interpolate({
|
|
22
|
+
inputRange: [2, 18],
|
|
23
|
+
outputRange: [2, 18]
|
|
24
|
+
});
|
|
25
|
+
useEffect(function () {
|
|
26
|
+
onChange === null || onChange === void 0 || onChange(!!isOn);
|
|
27
|
+
}, [isOn]);
|
|
28
|
+
useEffect(function () {
|
|
29
|
+
isControlled.current && setIsOn(value);
|
|
30
|
+
}, [value]);
|
|
31
|
+
var toggleSilder = useCallback(function (e) {
|
|
32
|
+
onClick === null || onClick === void 0 || onClick(e);
|
|
33
|
+
!isControlled.current && setIsOn(function (v) {
|
|
34
|
+
return !v;
|
|
35
|
+
});
|
|
36
|
+
}, []);
|
|
37
|
+
var dynamicStyles = useMemo(function () {
|
|
38
|
+
Animated.timing(animatedValue, {
|
|
39
|
+
toValue: isOn ? 18 : 2,
|
|
40
|
+
duration: 200,
|
|
41
|
+
useNativeDriver: true
|
|
42
|
+
}).start();
|
|
43
|
+
return {
|
|
44
|
+
backgroundColor: isOn ? trackOnColor : trackOffColor,
|
|
45
|
+
transform: [{
|
|
46
|
+
translateX: thumbTranslateX
|
|
47
|
+
}]
|
|
48
|
+
};
|
|
49
|
+
}, [isOn]);
|
|
50
|
+
return /* @__PURE__ */React__default.createElement(TouchableWithoutFeedback, {
|
|
51
|
+
onPress: function onPress(e) {
|
|
52
|
+
return toggleSilder(e);
|
|
53
|
+
}
|
|
54
|
+
}, /* @__PURE__ */React__default.createElement(View, {
|
|
55
|
+
style: [styles.SilderContainer, {
|
|
56
|
+
backgroundColor: dynamicStyles.backgroundColor
|
|
57
|
+
}]
|
|
58
|
+
}, /* @__PURE__ */React__default.createElement(Animated.View, {
|
|
59
|
+
style: [styles.thumb, {
|
|
60
|
+
transform: dynamicStyles.transform
|
|
61
|
+
}]
|
|
62
|
+
})));
|
|
63
|
+
};
|
|
64
|
+
Silder.defaultProps = SilderDefaultProps;
|
|
65
|
+
|
|
66
|
+
export { Silder as default };
|
|
67
|
+
//# sourceMappingURL=Silder.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Silder.js","sources":["../../../../src/components/Silder/Silder.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useMemo, useCallback } from \"react\";\nimport { View, TouchableWithoutFeedback, Animated, GestureResponderEvent } from \"react-native\";\nimport { RedsSilder, SilderDefaultProps } from \"./interface/index\";\nimport styles from \"./styles\";\n\nconst Silder = ({ value, defaultValue, onChange, onClick, trackOnColor, trackOffColor }: RedsSilder) => {\n const isControlled = useRef(value !== undefined);\n const [isOn, setIsOn] = useState(defaultValue);\n\n const animatedValue = useRef(new Animated.Value(defaultValue ? 18 : 2)).current;\n const thumbTranslateX = animatedValue.interpolate({ inputRange: [2, 18], outputRange: [2, 18] });\n\n useEffect(() => {\n onChange?.(!!isOn);\n }, [isOn]);\n\n useEffect(() => {\n isControlled.current && setIsOn(value);\n }, [value]);\n\n const toggleSilder = useCallback((e: GestureResponderEvent) => {\n onClick?.(e);\n !isControlled.current && setIsOn((v) => !v);\n }, []);\n\n const dynamicStyles = useMemo(() => {\n Animated.timing(animatedValue, {\n toValue: isOn ? 18 : 2,\n duration: 200,\n useNativeDriver: true,\n }).start();\n return {\n backgroundColor: isOn ? trackOnColor : trackOffColor,\n transform: [{ translateX: thumbTranslateX }],\n };\n }, [isOn]);\n\n return (\n <TouchableWithoutFeedback onPress={(e) => toggleSilder(e)}>\n <View style={[styles.SilderContainer, { backgroundColor: dynamicStyles.backgroundColor }]}>\n <Animated.View style={[styles.thumb, { transform: dynamicStyles.transform }]}></Animated.View>\n </View>\n </TouchableWithoutFeedback>\n );\n};\n\nSilder.defaultProps = SilderDefaultProps;\n\nexport default Silder;\n"],"names":["Silder","_ref","value","defaultValue","onChange","onClick","trackOnColor","trackOffColor","isControlled","useRef","_useState","useState","_useState2","_slicedToArray","isOn","setIsOn","animatedValue","Animated","Value","current","thumbTranslateX","interpolate","inputRange","outputRange","useEffect","toggleSilder","useCallback","e","v","dynamicStyles","useMemo","timing","toValue","duration","useNativeDriver","start","backgroundColor","transform","translateX","React","createElement","TouchableWithoutFeedback","onPress","View","style","styles","SilderContainer","thumb","defaultProps","SilderDefaultProps"],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import Silder from './Silder.js';
|
|
2
|
+
export { i as SilderType } from '../../_chunks/RRfNwNcs.js';
|
|
3
|
+
import '../../_chunks/CwHnr-H1.js';
|
|
4
|
+
import 'react';
|
|
5
|
+
import 'react-native';
|
|
6
|
+
import './styles.js';
|
|
7
|
+
import '@xhsreds/reds-token-next';
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
export { Silder, Silder as default };
|
|
12
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { alwaysColor } from '@xhsreds/reds-token-next';
|
|
2
|
+
import { StyleSheet } from 'react-native';
|
|
3
|
+
|
|
4
|
+
var styles = StyleSheet.create({
|
|
5
|
+
SilderContainer: {
|
|
6
|
+
width: 40,
|
|
7
|
+
height: 24,
|
|
8
|
+
borderRadius: 15,
|
|
9
|
+
justifyContent: "center",
|
|
10
|
+
alignItems: "center"
|
|
11
|
+
},
|
|
12
|
+
thumb: {
|
|
13
|
+
width: 20,
|
|
14
|
+
height: 20,
|
|
15
|
+
borderRadius: 10,
|
|
16
|
+
backgroundColor: alwaysColor.White,
|
|
17
|
+
justifyContent: "center",
|
|
18
|
+
alignItems: "center",
|
|
19
|
+
position: "absolute",
|
|
20
|
+
left: 0
|
|
21
|
+
}
|
|
22
|
+
});
|
|
23
|
+
|
|
24
|
+
export { styles as default };
|
|
25
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sources":["../../../../src/components/Silder/styles.ts"],"sourcesContent":["import { alwaysColor } from \"@xhsreds/reds-token-next\";\nimport { StyleSheet } from \"react-native\";\n\nconst styles = StyleSheet.create({\n SilderContainer: {\n width: 40,\n height: 24,\n borderRadius: 15,\n justifyContent: \"center\",\n alignItems: \"center\",\n },\n thumb: {\n width: 20,\n height: 20,\n borderRadius: 10,\n backgroundColor: alwaysColor.White,\n justifyContent: \"center\",\n alignItems: \"center\",\n position: \"absolute\",\n left: 0,\n },\n});\n\nexport default styles;\n"],"names":["styles","StyleSheet","create","SilderContainer","width","height","borderRadius","justifyContent","alignItems","thumb","backgroundColor","alwaysColor","White","position","left"],"mappings":";;;AAGA,IAAMA,MAAA,GAASC,WAAWC,MAAO,CAAA;AAC/BC,EAAAA,eAAiB,EAAA;AACfC,IAAAA,KAAO,EAAA,EAAA;AACPC,IAAAA,MAAQ,EAAA,EAAA;AACRC,IAAAA,YAAc,EAAA,EAAA;AACdC,IAAAA,cAAgB,EAAA,QAAA;AAChBC,IAAAA,UAAY,EAAA,QAAA;GACd;AACAC,EAAAA,KAAO,EAAA;AACLL,IAAAA,KAAO,EAAA,EAAA;AACPC,IAAAA,MAAQ,EAAA,EAAA;AACRC,IAAAA,YAAc,EAAA,EAAA;IACdI,iBAAiBC,WAAY,CAAAC,KAAA;AAC7BL,IAAAA,cAAgB,EAAA,QAAA;AAChBC,IAAAA,UAAY,EAAA,QAAA;AACZK,IAAAA,QAAU,EAAA,UAAA;AACVC,IAAAA,IAAM,EAAA,CAAA;AACR,GAAA;AACF,CAAC;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { a as _objectSpread2 } from '../../../_chunks/CwHnr-H1.js';
|
|
2
2
|
import React__default, { useRef, useEffect } from 'react';
|
|
3
3
|
import { Animated, Easing } from 'react-native';
|
|
4
4
|
import { S as SkeletonItemDefaultProps } from '../../../_chunks/D-UGc_mn.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { a as _objectSpread2 } from '../../_chunks/CwHnr-H1.js';
|
|
2
2
|
import React__default from 'react';
|
|
3
3
|
import { View } from 'react-native';
|
|
4
4
|
import { S as SkeletonDefaultProps } from '../../_chunks/7_ZK_tBb.js';
|
|
@@ -2,7 +2,7 @@ import Skeleton from './Skeleton.js';
|
|
|
2
2
|
export { i as SkeletonType } from '../../_chunks/7_ZK_tBb.js';
|
|
3
3
|
export { default as SkeletonItem } from './Item/SkeletonItem.js';
|
|
4
4
|
export { i as SkeletonItemType } from '../../_chunks/D-UGc_mn.js';
|
|
5
|
-
import '../../_chunks/
|
|
5
|
+
import '../../_chunks/CwHnr-H1.js';
|
|
6
6
|
import 'react';
|
|
7
7
|
import 'react-native';
|
|
8
8
|
import './styles.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { _ as _slicedToArray } from '../../_chunks/CwHnr-H1.js';
|
|
2
2
|
import React__default, { useRef, useState, useEffect, useCallback, useMemo } from 'react';
|
|
3
3
|
import { Animated, TouchableWithoutFeedback, View } from 'react-native';
|
|
4
4
|
import { S as SwitchDefaultProps } from '../../_chunks/B3zY_xWO.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { _ as _slicedToArray, a as _objectSpread2, c as _toConsumableArray } from '../../_chunks/CwHnr-H1.js';
|
|
2
2
|
import React__default, { useState, useMemo, useEffect } from 'react';
|
|
3
3
|
import { TouchableWithoutFeedback, View, Text, ScrollView } from 'react-native';
|
|
4
4
|
import { b as TabLayoutType, a as TabThemeType, c as TabDefaultProps } from '../../_chunks/5aBuaARv.js';
|
|
@@ -2,7 +2,7 @@ import { StyleSheet } from 'react-native';
|
|
|
2
2
|
import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
|
|
3
3
|
import 'react';
|
|
4
4
|
import { useThemeColor } from '../ConfigProvider/hooks/themeToken/useThemeToken.js';
|
|
5
|
-
import '../../_chunks/
|
|
5
|
+
import '../../_chunks/CwHnr-H1.js';
|
|
6
6
|
import '@xhsreds/reds-token-next';
|
|
7
7
|
import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
|
|
8
8
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { c as _toConsumableArray,
|
|
1
|
+
import { c as _toConsumableArray, a as _objectSpread2 } from '../../_chunks/CwHnr-H1.js';
|
|
2
2
|
import React__default, { useMemo } from 'react';
|
|
3
3
|
import { View, TouchableWithoutFeedback, Text } from 'react-native';
|
|
4
4
|
import { T as TabBarDefaultProps } from '../../_chunks/DUTFT_ka.js';
|
|
@@ -12,6 +12,16 @@ import '@xhsreds/reds-token-next';
|
|
|
12
12
|
|
|
13
13
|
var defaultIconSize = 20;
|
|
14
14
|
var TabBar = function TabBar(props) {
|
|
15
|
+
var renderTabs = useMemo(function () {
|
|
16
|
+
if (props.customTabBar) {
|
|
17
|
+
var customIdx = Math.floor(props.list.length / 2);
|
|
18
|
+
return props.list.reduce(function (prev, cur, index) {
|
|
19
|
+
return index === customIdx ? [].concat(_toConsumableArray(prev), [props.customTabBar, cur]) : [].concat(_toConsumableArray(prev), [cur]);
|
|
20
|
+
}, []);
|
|
21
|
+
} else {
|
|
22
|
+
return props.list;
|
|
23
|
+
}
|
|
24
|
+
}, [props.list, props.customTabBar]);
|
|
15
25
|
var getTextClass = function getTextClass(item) {
|
|
16
26
|
var _item$iconProps;
|
|
17
27
|
return item !== null && item !== void 0 && (_item$iconProps = item.iconProps) !== null && _item$iconProps !== void 0 && _item$iconProps.icon ? props.activeTab === item.key ? styles.activeIconText : styles.iconText : props.activeTab === item.key ? styles.activeText : styles.text;
|
|
@@ -29,16 +39,6 @@ var TabBar = function TabBar(props) {
|
|
|
29
39
|
var _props$onChange;
|
|
30
40
|
props === null || props === void 0 || (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, item.key);
|
|
31
41
|
};
|
|
32
|
-
var renderTabs = useMemo(function () {
|
|
33
|
-
if (props.customTabBar) {
|
|
34
|
-
var customIdx = Math.floor(props.list.length / 2);
|
|
35
|
-
return props.list.reduce(function (prev, cur, index) {
|
|
36
|
-
return index === customIdx ? [].concat(_toConsumableArray(prev), [props.customTabBar, cur]) : [].concat(_toConsumableArray(prev), [cur]);
|
|
37
|
-
}, []);
|
|
38
|
-
} else {
|
|
39
|
-
return props.list;
|
|
40
|
-
}
|
|
41
|
-
}, [props.list, props.customTabBar]);
|
|
42
42
|
var Wrapper = function Wrapper(wrapperProps) {
|
|
43
43
|
return props !== null && props !== void 0 && props.badge ? /* @__PURE__ */React__default.createElement(View, {
|
|
44
44
|
style: styles.badgeWrapper
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabBar.js","sources":["../../../../src/components/TabBar/TabBar.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useMemo, useCallback } from \"react\";\nimport { View, Text, TouchableWithoutFeedback, Animated, GestureResponderEvent } from \"react-native\";\nimport { RedsTabBar, TabBarDefaultProps } from \"./interface/index\";\nimport styles from \"./styles\";\nimport Icon from \"../Icon\";\nimport { DataType, RedsBadge } from \"./interface\";\nimport Badge from \"../Badge\";\n/**\n * 默认icon大小\n */\nconst defaultIconSize = 20;\n\nconst TabBar = (props: RedsTabBar) => {\n /**\n * 计算文字class\n * @param item\n */\n const getTextClass = (item: DataType) => {\n return item?.iconProps?.icon\n ? props.activeTab === item.key\n ? styles.activeIconText\n : styles.iconText\n : props.activeTab === item.key\n ? styles.activeText\n : styles.text;\n };\n\n /**\n * 计算文字颜色\n * @param item\n */\n const getTextColor = (item: DataType) => {\n return {\n color: props.activeTab === item.key ? item.activeColor || \"rgba(0,0,0)\" : item.normalColor || \"rgba(0,0,0,0.45)\",\n };\n };\n\n /**\n * 计算Icon颜色\n */\n const getIconColor = (item: DataType) => {\n return (props.activeTab === item.key ? item.activeColor : item.normalColor) || item?.iconProps?.fill;\n };\n\n /**\n * 触发点击事件\n */\n const handleTabChange = (item: DataType) => {\n props?.onChange?.(item.key);\n };\n\n /**\n *
|
|
1
|
+
{"version":3,"file":"TabBar.js","sources":["../../../../src/components/TabBar/TabBar.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useMemo, useCallback } from \"react\";\nimport { View, Text, TouchableWithoutFeedback, Animated, GestureResponderEvent } from \"react-native\";\nimport { RedsTabBar, TabBarDefaultProps } from \"./interface/index\";\nimport styles from \"./styles\";\nimport Icon from \"../Icon\";\nimport { DataType, RedsBadge } from \"./interface\";\nimport Badge from \"../Badge\";\n/**\n * 默认icon大小\n */\nconst defaultIconSize = 20;\n\nconst TabBar = (props: RedsTabBar) => {\n /**\n * 渲染的tab数据\n */\n\n const renderTabs = useMemo(() => {\n if (props.customTabBar) {\n /** 记录插入位置 */\n const customIdx = Math.floor(props.list.length / 2);\n /** 插入数据 */\n return props.list.reduce((prev: DataType[], cur: DataType, index: number) => {\n return (index === customIdx ? [...prev, props.customTabBar, cur] : [...prev, cur]) as DataType[];\n }, [] as DataType[]);\n } else {\n return props.list;\n }\n }, [props.list, props.customTabBar]);\n\n /**\n * 计算文字class\n * @param item\n */\n const getTextClass = (item: DataType) => {\n return item?.iconProps?.icon\n ? props.activeTab === item.key\n ? styles.activeIconText\n : styles.iconText\n : props.activeTab === item.key\n ? styles.activeText\n : styles.text;\n };\n\n /**\n * 计算文字颜色\n * @param item\n */\n const getTextColor = (item: DataType) => {\n return {\n color: props.activeTab === item.key ? item.activeColor || \"rgba(0,0,0)\" : item.normalColor || \"rgba(0,0,0,0.45)\",\n };\n };\n\n /**\n * 计算Icon颜色\n */\n const getIconColor = (item: DataType) => {\n return (props.activeTab === item.key ? item.activeColor : item.normalColor) || item?.iconProps?.fill;\n };\n\n /**\n * 触发点击事件\n */\n const handleTabChange = (item: DataType) => {\n props?.onChange?.(item.key);\n };\n\n /**\n * 容器\n */\n const Wrapper = (wrapperProps: { badgeProps: RedsBadge; children: React.ReactNode }) => {\n return props?.badge ? (\n <View style={styles.badgeWrapper}>\n <Badge {...wrapperProps.badgeProps}>{wrapperProps.children}</Badge>\n </View>\n ) : (\n wrapperProps.children\n );\n };\n\n return (\n <View style={[styles.TabBarContainer, props.containerStyles]}>\n {renderTabs.map((item) => {\n return (\n <TouchableWithoutFeedback onPress={() => handleTabChange(item)} key={item.key}>\n <View style={styles.TabItemContainer}>\n <Wrapper badgeProps={item.badgeProps || {}} key={item.key}>\n <View style={styles.flexCenter}>\n {item.iconProps?.icon ? (\n <Icon\n icon={item.iconProps?.icon}\n fill={getIconColor(item) || \"pink\"}\n size={item?.iconProps?.size || defaultIconSize}\n onClick={() => handleTabChange(item)}\n />\n ) : (\n <></>\n )}\n {item.text ? <Text style={[getTextClass(item), getTextColor(item)]}>{item.text}</Text> : <></>}\n </View>\n </Wrapper>\n </View>\n </TouchableWithoutFeedback>\n );\n })}\n </View>\n );\n};\n\nTabBar.defaultProps = TabBarDefaultProps;\n\nexport default TabBar;\n"],"names":["defaultIconSize","TabBar","props","renderTabs","useMemo","customTabBar","customIdx","Math","floor","list","length","reduce","prev","cur","index","concat","_toConsumableArray","getTextClass","item","_item$iconProps","iconProps","icon","activeTab","key","styles","activeIconText","iconText","activeText","text","getTextColor","color","activeColor","normalColor","getIconColor","_item$iconProps2","fill","handleTabChange","_props$onChange","onChange","call","Wrapper","wrapperProps","badge","React","createElement","View","style","badgeWrapper","Badge","_objectSpread","badgeProps","children","TabBarContainer","containerStyles","map","_item$iconProps3","_item$iconProps4","_item$iconProps5","TouchableWithoutFeedback","onPress","TabItemContainer","flexCenter","Icon","size","onClick","Text","Fragment","defaultProps","TabBarDefaultProps"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { _ as _slicedToArray } from '../../_chunks/CwHnr-H1.js';
|
|
2
2
|
import React__default, { memo, forwardRef, useState, useImperativeHandle, useMemo } from 'react';
|
|
3
3
|
import { StyleSheet, View, TouchableNativeFeedback, Text } from 'react-native';
|
|
4
4
|
import { T as TagDefaultProps } from '../../_chunks/CszwJiJx.js';
|
|
@@ -81,7 +81,7 @@ var shapeStyles = {
|
|
|
81
81
|
borderBottomLeftRadius: 0
|
|
82
82
|
}
|
|
83
83
|
};
|
|
84
|
-
var Tag = /*#__PURE__*/memo(
|
|
84
|
+
var Tag = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function (props, ref) {
|
|
85
85
|
var content = props.content,
|
|
86
86
|
_props$type = props.type,
|
|
87
87
|
type = _props$type === void 0 ? TagDefaultProps.type : _props$type,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.js","sources":["../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import React, { useState, useMemo, useImperativeHandle, forwardRef, memo, FunctionComponent } from \"react\";\nimport { View, Text, StyleSheet, GestureResponderEvent, TouchableNativeFeedback } from \"react-native\";\nimport { RedsTag, TagDefaultProps } from \"./interface\";\nimport { lightColor, typography, alwaysColor } from \"@xhsreds/reds-token-next\";\n\nconst typeStyles = {\n primary: {\n backgroundColor: lightColor.Primary2,\n color: lightColor.Primary,\n borderColor: lightColor.Primary,\n },\n default: {\n backgroundColor: lightColor.Fill1,\n color: lightColor.Paragraph,\n borderColor: lightColor.Separator2,\n },\n warning: {\n backgroundColor: lightColor.Warning2,\n color: lightColor.Warning,\n borderColor: lightColor.Warning,\n },\n success: {\n backgroundColor: lightColor.Success2,\n color: lightColor.Success,\n borderColor: lightColor.Success,\n },\n info: {\n backgroundColor: lightColor.Info2,\n color: lightColor.Info,\n borderColor: lightColor.Info,\n },\n ghost: {\n backgroundColor: alwaysColor.Black,\n color: alwaysColor.White,\n borderColor: alwaysColor.LightTitle,\n },\n};\n\nconst sizeStyles: { [key: string]: any } = {\n mini: {\n fontSize: typography.C3FontSize,\n lineHeight: 16,\n height: 16,\n paddingHorizontal: 4,\n paddingVertical: 0,\n borderRadius: 4,\n },\n small: {\n fontSize: typography.C3FontSize,\n lineHeight: 20,\n height: 20,\n paddingHorizontal: 6,\n paddingVertical: 0,\n borderRadius: 4,\n },\n medium: {\n fontSize: typography.C2FontSize,\n lineHeight: 28,\n height: 28,\n paddingHorizontal: 10,\n paddingVertical: 0,\n borderRadius: 6,\n },\n large: {\n fontSize: typography.B2FontSize,\n lineHeight: 36,\n height: 36,\n paddingHorizontal: 16,\n paddingVertical: 0,\n borderRadius: 6,\n },\n};\n\nconst shapeStyles: { [key: string]: any } = {\n square: {},\n round: { borderRadius: 999 },\n mark: { borderRadius: 999, borderTopLeftRadius: 0, borderBottomLeftRadius: 0 },\n};\n\nconst Tag: FunctionComponent<RedsTag> = memo(\n forwardRef((props: RedsTag, ref) => {\n const {\n content,\n type = TagDefaultProps.type,\n size = TagDefaultProps.size,\n plain = TagDefaultProps.plain,\n borderRadius,\n disabled = TagDefaultProps.disabled,\n shape = TagDefaultProps.shape,\n closeabled = TagDefaultProps.closeabled,\n icon,\n afterIcon,\n closeIcon,\n onClose,\n children,\n } = props;\n\n const [visible, setVisible] = useState<boolean>(true);\n\n useImperativeHandle(ref, () => ({\n setVisible,\n }));\n\n const tagStyle = useMemo(() => {\n const style: any = {\n fontWeight: typography.C3FontWeight,\n alignItems: \"center\",\n justifyContent: \"center\",\n borderWidth: 0.5,\n borderColor: \"transparent\",\n cursor: disabled ? \"not-allowed\" : \"pointer\",\n userSelect: \"none\",\n opacity: disabled ? 0.5 : 1,\n alignSelf: \"flex-start\",\n flexShrink: 0,\n flexDirection: \"row\",\n paddingVertical: 0,\n includeFontPadding: false,\n };\n if (type) {\n const currentType = type as keyof typeof typeStyles;\n Object.assign(\n style,\n plain\n ? {\n backgroundColor: \"transparent\",\n borderColor: typeStyles[currentType].borderColor,\n color: typeStyles[currentType].color,\n }\n : {\n backgroundColor: typeStyles[currentType].backgroundColor,\n borderColor: \"transparent\",\n color: typeStyles[currentType].color,\n },\n );\n }\n\n if (size) {\n Object.assign(style, sizeStyles[size]);\n }\n\n if (borderRadius) {\n style.borderRadius = borderRadius;\n } else if (shape) {\n Object.assign(style, shapeStyles[shape]);\n }\n\n return style;\n }, [type, size, plain, borderRadius, shape, disabled]);\n\n const textStyle = useMemo(() => {\n return {\n color: type ? typeStyles[type as keyof typeof typeStyles].color : undefined,\n includeFontPadding: false,\n lineHeight: sizeStyles[size].lineHeight,\n height: sizeStyles[size].height,\n textAlignVertical: \"center\" as \"center\",\n paddingVertical: 0,\n };\n }, [type, size]);\n\n const handleClose = (event: GestureResponderEvent) => {\n if (!disabled) {\n setVisible(false);\n onClose && onClose(event);\n }\n };\n\n if (!visible) return null;\n\n return (\n <View style={[styles.tag, tagStyle]}>\n <TouchableNativeFeedback disabled={disabled}>\n <View style={{ flexDirection: \"row\", alignItems: \"center\" }}>\n {icon && <View style={{ marginRight: 3 }}>{icon}</View>}\n {!content ? (\n <Text style={textStyle}>{children}</Text>\n ) : (\n <Text style={textStyle}>{typeof content === \"function\" ? content({}) : content}</Text>\n )}\n {afterIcon && <View style={{ marginLeft: 3 }}>{afterIcon}</View>}\n </View>\n </TouchableNativeFeedback>\n {closeabled && (\n <TouchableNativeFeedback onPress={handleClose} style={{ marginLeft: 3 }}>\n {closeIcon}\n </TouchableNativeFeedback>\n )}\n </View>\n );\n }),\n);\n\nconst styles = StyleSheet.create({\n tag: {\n alignItems: \"center\",\n justifyContent: \"center\",\n borderWidth: 0.5,\n borderColor: \"transparent\",\n paddingHorizontal: 10,\n flexDirection: \"row\",\n },\n});\n\nexport default Tag;\n"],"names":["typeStyles","primary","backgroundColor","lightColor","Primary2","color","Primary","borderColor","Fill1","Paragraph","Separator2","warning","Warning2","Warning","success","Success2","Success","info","Info2","Info","ghost","alwaysColor","Black","White","LightTitle","sizeStyles","mini","fontSize","typography","C3FontSize","lineHeight","height","paddingHorizontal","paddingVertical","borderRadius","small","medium","C2FontSize","large","B2FontSize","shapeStyles","square","round","mark","borderTopLeftRadius","borderBottomLeftRadius","Tag","memo","forwardRef","props","ref","content","_props$type","type","TagDefaultProps","_props$size","size","_props$plain","plain","_props$disabled","disabled","_props$shape","shape","_props$closeabled","closeabled","icon","afterIcon","closeIcon","onClose","children","_useState","useState","_useState2","_slicedToArray","visible","setVisible","useImperativeHandle","tagStyle","useMemo","style","fontWeight","C3FontWeight","alignItems","justifyContent","borderWidth","cursor","userSelect","opacity","alignSelf","flexShrink","flexDirection","includeFontPadding","currentType","Object","assign","textStyle","textAlignVertical","handleClose","event","React","createElement","View","styles","tag","TouchableNativeFeedback","marginRight","Text","marginLeft","onPress","StyleSheet","create"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Tag.js","sources":["../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import React, { useState, useMemo, useImperativeHandle, forwardRef, memo, FunctionComponent } from \"react\";\nimport { View, Text, StyleSheet, GestureResponderEvent, TouchableNativeFeedback } from \"react-native\";\nimport { RedsTag, TagDefaultProps } from \"./interface\";\nimport { lightColor, typography, alwaysColor } from \"@xhsreds/reds-token-next\";\n\nconst typeStyles = {\n primary: {\n backgroundColor: lightColor.Primary2,\n color: lightColor.Primary,\n borderColor: lightColor.Primary,\n },\n default: {\n backgroundColor: lightColor.Fill1,\n color: lightColor.Paragraph,\n borderColor: lightColor.Separator2,\n },\n warning: {\n backgroundColor: lightColor.Warning2,\n color: lightColor.Warning,\n borderColor: lightColor.Warning,\n },\n success: {\n backgroundColor: lightColor.Success2,\n color: lightColor.Success,\n borderColor: lightColor.Success,\n },\n info: {\n backgroundColor: lightColor.Info2,\n color: lightColor.Info,\n borderColor: lightColor.Info,\n },\n ghost: {\n backgroundColor: alwaysColor.Black,\n color: alwaysColor.White,\n borderColor: alwaysColor.LightTitle,\n },\n};\n\nconst sizeStyles: { [key: string]: any } = {\n mini: {\n fontSize: typography.C3FontSize,\n lineHeight: 16,\n height: 16,\n paddingHorizontal: 4,\n paddingVertical: 0,\n borderRadius: 4,\n },\n small: {\n fontSize: typography.C3FontSize,\n lineHeight: 20,\n height: 20,\n paddingHorizontal: 6,\n paddingVertical: 0,\n borderRadius: 4,\n },\n medium: {\n fontSize: typography.C2FontSize,\n lineHeight: 28,\n height: 28,\n paddingHorizontal: 10,\n paddingVertical: 0,\n borderRadius: 6,\n },\n large: {\n fontSize: typography.B2FontSize,\n lineHeight: 36,\n height: 36,\n paddingHorizontal: 16,\n paddingVertical: 0,\n borderRadius: 6,\n },\n};\n\nconst shapeStyles: { [key: string]: any } = {\n square: {},\n round: { borderRadius: 999 },\n mark: { borderRadius: 999, borderTopLeftRadius: 0, borderBottomLeftRadius: 0 },\n};\n\nconst Tag: FunctionComponent<RedsTag> = memo(\n forwardRef((props: RedsTag, ref) => {\n const {\n content,\n type = TagDefaultProps.type,\n size = TagDefaultProps.size,\n plain = TagDefaultProps.plain,\n borderRadius,\n disabled = TagDefaultProps.disabled,\n shape = TagDefaultProps.shape,\n closeabled = TagDefaultProps.closeabled,\n icon,\n afterIcon,\n closeIcon,\n onClose,\n children,\n } = props;\n\n const [visible, setVisible] = useState<boolean>(true);\n\n useImperativeHandle(ref, () => ({\n setVisible,\n }));\n\n const tagStyle = useMemo(() => {\n const style: any = {\n fontWeight: typography.C3FontWeight,\n alignItems: \"center\",\n justifyContent: \"center\",\n borderWidth: 0.5,\n borderColor: \"transparent\",\n cursor: disabled ? \"not-allowed\" : \"pointer\",\n userSelect: \"none\",\n opacity: disabled ? 0.5 : 1,\n alignSelf: \"flex-start\",\n flexShrink: 0,\n flexDirection: \"row\",\n paddingVertical: 0,\n includeFontPadding: false,\n };\n if (type) {\n const currentType = type as keyof typeof typeStyles;\n Object.assign(\n style,\n plain\n ? {\n backgroundColor: \"transparent\",\n borderColor: typeStyles[currentType].borderColor,\n color: typeStyles[currentType].color,\n }\n : {\n backgroundColor: typeStyles[currentType].backgroundColor,\n borderColor: \"transparent\",\n color: typeStyles[currentType].color,\n },\n );\n }\n\n if (size) {\n Object.assign(style, sizeStyles[size]);\n }\n\n if (borderRadius) {\n style.borderRadius = borderRadius;\n } else if (shape) {\n Object.assign(style, shapeStyles[shape]);\n }\n\n return style;\n }, [type, size, plain, borderRadius, shape, disabled]);\n\n const textStyle = useMemo(() => {\n return {\n color: type ? typeStyles[type as keyof typeof typeStyles].color : undefined,\n includeFontPadding: false,\n lineHeight: sizeStyles[size].lineHeight,\n height: sizeStyles[size].height,\n textAlignVertical: \"center\" as \"center\",\n paddingVertical: 0,\n };\n }, [type, size]);\n\n const handleClose = (event: GestureResponderEvent) => {\n if (!disabled) {\n setVisible(false);\n onClose && onClose(event);\n }\n };\n\n if (!visible) return null;\n\n return (\n <View style={[styles.tag, tagStyle]}>\n <TouchableNativeFeedback disabled={disabled}>\n <View style={{ flexDirection: \"row\", alignItems: \"center\" }}>\n {icon && <View style={{ marginRight: 3 }}>{icon}</View>}\n {!content ? (\n <Text style={textStyle}>{children}</Text>\n ) : (\n <Text style={textStyle}>{typeof content === \"function\" ? content({}) : content}</Text>\n )}\n {afterIcon && <View style={{ marginLeft: 3 }}>{afterIcon}</View>}\n </View>\n </TouchableNativeFeedback>\n {closeabled && (\n <TouchableNativeFeedback onPress={handleClose} style={{ marginLeft: 3 }}>\n {closeIcon}\n </TouchableNativeFeedback>\n )}\n </View>\n );\n }),\n);\n\nconst styles = StyleSheet.create({\n tag: {\n alignItems: \"center\",\n justifyContent: \"center\",\n borderWidth: 0.5,\n borderColor: \"transparent\",\n paddingHorizontal: 10,\n flexDirection: \"row\",\n },\n});\n\nexport default Tag;\n"],"names":["typeStyles","primary","backgroundColor","lightColor","Primary2","color","Primary","borderColor","Fill1","Paragraph","Separator2","warning","Warning2","Warning","success","Success2","Success","info","Info2","Info","ghost","alwaysColor","Black","White","LightTitle","sizeStyles","mini","fontSize","typography","C3FontSize","lineHeight","height","paddingHorizontal","paddingVertical","borderRadius","small","medium","C2FontSize","large","B2FontSize","shapeStyles","square","round","mark","borderTopLeftRadius","borderBottomLeftRadius","Tag","memo","forwardRef","props","ref","content","_props$type","type","TagDefaultProps","_props$size","size","_props$plain","plain","_props$disabled","disabled","_props$shape","shape","_props$closeabled","closeabled","icon","afterIcon","closeIcon","onClose","children","_useState","useState","_useState2","_slicedToArray","visible","setVisible","useImperativeHandle","tagStyle","useMemo","style","fontWeight","C3FontWeight","alignItems","justifyContent","borderWidth","cursor","userSelect","opacity","alignSelf","flexShrink","flexDirection","includeFontPadding","currentType","Object","assign","textStyle","textAlignVertical","handleClose","event","React","createElement","View","styles","tag","TouchableNativeFeedback","marginRight","Text","marginLeft","onPress","StyleSheet","create"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { a as _objectSpread2, _ as _slicedToArray } from '../../_chunks/CwHnr-H1.js';
|
|
2
2
|
import { StyleSheet, TouchableOpacity, Text as Text$1, View } from 'react-native';
|
|
3
3
|
import React__default, { useState, Children, useLayoutEffect, useEffect, useCallback } from 'react';
|
|
4
4
|
import { CloneContainer } from './hooks/cloneContainer.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export { CloneContainer } from './cloneContainer.js';
|
|
2
2
|
export { getRenderText } from './getRenderText.js';
|
|
3
3
|
export { loadFontFromFile } from './loadFontFromFile.js';
|
|
4
|
-
import '../../../_chunks/
|
|
4
|
+
import '../../../_chunks/CwHnr-H1.js';
|
|
5
5
|
import 'react-native';
|
|
6
6
|
import 'react';
|
|
7
7
|
import './nativeEmojiMap/android.js';
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { h as _asyncToGenerator, i as _regeneratorRuntime } from '../../../_chunks/
|
|
1
|
+
import { h as _asyncToGenerator, i as _regeneratorRuntime } from '../../../_chunks/CwHnr-H1.js';
|
|
2
2
|
import { NativeModules } from 'react-native';
|
|
3
3
|
|
|
4
4
|
var loadFontFromFile = /*#__PURE__*/function () {
|
|
5
|
-
var _ref = _asyncToGenerator(
|
|
5
|
+
var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(fontFile, fontName) {
|
|
6
6
|
var testEnv,
|
|
7
7
|
_NativeModules$ReactJ,
|
|
8
8
|
_args = arguments;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"loadFontFromFile.js","sources":["../../../../../src/components/Text/hooks/loadFontFromFile.ts"],"sourcesContent":["import React from \"react\";\nimport { NativeModules } from \"react-native\";\n\nexport const loadFontFromFile = async (fontFile: any, fontName: string, testEnv: boolean = false): Promise<boolean> => {\n try {\n await NativeModules.ReactJSBridge[\"loadFontFromFile\"](...[fontFile, fontName]);\n } catch {\n if (!testEnv) {\n return false;\n }\n }\n return true;\n};\n"],"names":["loadFontFromFile","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","fontFile","fontName","testEnv","_NativeModules$ReactJ","_args","arguments","wrap","_callee$","_context","prev","next","NativeModules","ReactJSBridge","apply","t0","abrupt","stop","_x","_x2"],"mappings":";;;IAGaA,gBAAmB,gBAAA,YAAA;AAAA,EAAA,IAAAC,IAAA,GAAAC,iBAAA,
|
|
1
|
+
{"version":3,"file":"loadFontFromFile.js","sources":["../../../../../src/components/Text/hooks/loadFontFromFile.ts"],"sourcesContent":["import React from \"react\";\nimport { NativeModules } from \"react-native\";\n\nexport const loadFontFromFile = async (fontFile: any, fontName: string, testEnv: boolean = false): Promise<boolean> => {\n try {\n await NativeModules.ReactJSBridge[\"loadFontFromFile\"](...[fontFile, fontName]);\n } catch {\n if (!testEnv) {\n return false;\n }\n }\n return true;\n};\n"],"names":["loadFontFromFile","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","fontFile","fontName","testEnv","_NativeModules$ReactJ","_args","arguments","wrap","_callee$","_context","prev","next","NativeModules","ReactJSBridge","apply","t0","abrupt","stop","_x","_x2"],"mappings":";;;IAGaA,gBAAmB,gBAAA,YAAA;AAAA,EAAA,IAAAC,IAAA,GAAAC,iBAAA,cAAAC,mBAAA,EAAA,CAAAC,IAAA,CAAA,SAAAC,OAAAA,CAAOC,QAAe,EAAAC,QAAA,EAAA;AAAA,IAAA,IAAAC,OAAA;MAAAC,qBAAA;AAAAC,MAAAA,KAAA,GAAAC,SAAA,CAAA;AAAA,IAAA,OAAAR,mBAAA,EAAA,CAAAS,IAAA,CAAA,SAAAC,SAAAC,QAAA,EAAA;AAAA,MAAA,OAAA,CAAA,EAAA,QAAAA,QAAA,CAAAC,IAAA,GAAAD,QAAA,CAAAE,IAAA;AAAA,QAAA,KAAA,CAAA;UAAkBR,kEAAmB,KAA4B,CAAA;AAAAM,UAAAA,QAAA,CAAAC,IAAA,GAAA,CAAA,CAAA;AAAAD,UAAAA,QAAA,CAAAE,IAAA,GAAA,CAAA,CAAA;AAAA,UAAA,OAE7G,CAAAP,qBAAA,GAAAQ,aAAA,CAAcC,eAAc,kBAAkB,CAAA,CAAAC,KAAA,CAAAV,qBAAA,EAAK,CAACH,QAAA,EAAUC,QAAQ,CAAC,CAAA,CAAA;AAAA,QAAA,KAAA,CAAA;AAAAO,UAAAA,QAAA,CAAAE,IAAA,GAAA,EAAA,CAAA;AAAA,UAAA,MAAA;AAAA,QAAA,KAAA,CAAA;AAAAF,UAAAA,QAAA,CAAAC,IAAA,GAAA,CAAA,CAAA;UAAAD,QAAA,CAAAM,EAAA,GAAAN,QAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,UAAA,IAExEN,OAAS,EAAA;AAAAM,YAAAA,QAAA,CAAAE,IAAA,GAAA,EAAA,CAAA;AAAA,YAAA,MAAA;AAAA,WAAA;AAAA,UAAA,OAAAF,QAAA,CAAAO,MAAA,CAAA,QAAA,EACL,KAAA,CAAA,CAAA;AAAA,QAAA,KAAA,EAAA;AAAA,UAAA,OAAAP,QAAA,CAAAO,MAAA,CAAA,QAAA,EAGJ,IAAA,CAAA,CAAA;AAAA,QAAA,KAAA,EAAA,CAAA;AAAA,QAAA,KAAA,KAAA;UAAA,OAAAP,QAAA,CAAAQ,IAAA,EAAA,CAAA;AAAA,OAAA;AAAA,KAAA,EAAAjB,OAAA,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA;GACT,CAAA,CAAA,CAAA;AAAA,EAAA,OAAA,SATaL,gBAAmBA,CAAAuB,EAAA,EAAAC,GAAA,EAAA;AAAA,IAAA,OAAAvB,IAAA,CAAAkB,KAAA,CAAA,IAAA,EAAAR,SAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAShC;;;;"}
|
|
@@ -3,7 +3,7 @@ import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
|
|
|
3
3
|
import 'react';
|
|
4
4
|
import { useThemeColor } from '../ConfigProvider/hooks/themeToken/useThemeToken.js';
|
|
5
5
|
import { typography } from '@xhsreds/reds-token-next';
|
|
6
|
-
import '../../_chunks/
|
|
6
|
+
import '../../_chunks/CwHnr-H1.js';
|
|
7
7
|
import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
|
|
8
8
|
|
|
9
9
|
var createStyles = (function (_ref) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { a as _objectSpread2 } from '../../_chunks/CwHnr-H1.js';
|
|
2
2
|
import React__default, { useEffect } from 'react';
|
|
3
3
|
import { Animated, View, Text } from 'react-native';
|
|
4
4
|
import { Close, Check } from '@xhs/reder-icon-svg';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { b as _defineProperty,
|
|
1
|
+
import { b as _defineProperty, a as _objectSpread2 } from '../../_chunks/CwHnr-H1.js';
|
|
2
2
|
import React__default from 'react';
|
|
3
3
|
import { T as ToastBuiltInType, a as ToastDefaultProps } from '../../_chunks/smTB3TZu.js';
|
|
4
4
|
import ToastContainer from './Toast.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { a as _objectSpread2 } from '../../_chunks/CwHnr-H1.js';
|
|
2
2
|
import { StyleSheet, Dimensions } from 'react-native';
|
|
3
3
|
import { T as ToastBuiltInType, b as ToastPlacementType } from '../../_chunks/smTB3TZu.js';
|
|
4
4
|
|