@xhsreds/reds-rn-next 0.0.2-beta20240708190837 → 0.0.2
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/coverage/coverage-final.json +8 -5
- package/lib/cjs/_chunks/{Dx-JjEWA.js → CAyGJuk1.js} +27 -1
- package/lib/cjs/_chunks/{Dx-JjEWA.js.map → CAyGJuk1.js.map} +1 -1
- package/lib/cjs/_chunks/DiJl2cva.js +49 -0
- package/lib/cjs/_chunks/DiJl2cva.js.map +1 -0
- package/lib/cjs/components/Button/index.js +1 -1
- package/lib/cjs/components/Button/index.js.map +1 -1
- package/lib/cjs/components/Button/interface/index.js +12 -0
- package/lib/cjs/components/Button/interface/index.js.map +1 -1
- package/lib/cjs/components/ConfigProvider/ConfigProvider.js +15 -0
- package/lib/cjs/components/ConfigProvider/ConfigProvider.js.map +1 -0
- package/lib/cjs/components/ConfigProvider/hooks/ConfigCache/ConfigCache.js +147 -0
- package/lib/cjs/components/ConfigProvider/hooks/ConfigCache/ConfigCache.js.map +1 -0
- package/lib/cjs/components/ConfigProvider/hooks/ConfigCache/index.js +10 -0
- package/lib/cjs/components/ConfigProvider/hooks/ConfigCache/index.js.map +1 -0
- package/lib/cjs/components/ConfigProvider/hooks/ConfigCache/interface.js +3 -0
- package/lib/cjs/components/ConfigProvider/hooks/ConfigCache/interface.js.map +1 -0
- package/lib/cjs/components/ConfigProvider/hooks/ConfigContext/ConfigContext.js +10 -0
- package/lib/cjs/components/ConfigProvider/hooks/ConfigContext/ConfigContext.js.map +1 -0
- package/lib/cjs/components/ConfigProvider/hooks/themeToken/useThemeToken.js +24 -0
- package/lib/cjs/components/ConfigProvider/hooks/themeToken/useThemeToken.js.map +1 -0
- package/lib/cjs/components/ConfigProvider/index.js +17 -0
- package/lib/cjs/components/ConfigProvider/index.js.map +1 -0
- package/lib/cjs/components/ConfigProvider/interface/index.js +3 -0
- package/lib/cjs/components/ConfigProvider/interface/index.js.map +1 -0
- package/lib/cjs/components/Popover/component.js +1 -1
- package/lib/cjs/components/Popover/hook.js +1 -1
- package/lib/cjs/components/Popover/index.js +4 -4
- package/lib/cjs/components/Popover/index.js.map +1 -1
- package/lib/cjs/components/Switch/index.js +8 -6
- package/lib/cjs/components/Switch/index.js.map +1 -1
- package/lib/cjs/components/Switch/interface/index.js +2 -2
- package/lib/cjs/components/Switch/interface/index.js.map +1 -1
- package/lib/cjs/index.js +7 -1
- package/lib/cjs/index.js.map +1 -1
- package/lib/esm/_chunks/{Bm4Re-8r.js → BHmvJnIm.js} +25 -2
- package/lib/esm/_chunks/{Bm4Re-8r.js.map → BHmvJnIm.js.map} +1 -1
- package/lib/esm/_chunks/Br6Ked0G.js +46 -0
- package/lib/esm/_chunks/Br6Ked0G.js.map +1 -0
- package/lib/esm/components/Button/index.js +1 -1
- package/lib/esm/components/Button/index.js.map +1 -1
- package/lib/esm/components/Button/interface/index.js +11 -0
- package/lib/esm/components/Button/interface/index.js.map +1 -1
- package/lib/esm/components/ConfigProvider/ConfigProvider.js +7 -0
- package/lib/esm/components/ConfigProvider/ConfigProvider.js.map +1 -0
- package/lib/esm/components/ConfigProvider/hooks/ConfigCache/ConfigCache.js +145 -0
- package/lib/esm/components/ConfigProvider/hooks/ConfigCache/ConfigCache.js.map +1 -0
- package/lib/esm/components/ConfigProvider/hooks/ConfigCache/index.js +4 -0
- package/lib/esm/components/ConfigProvider/hooks/ConfigCache/index.js.map +1 -0
- package/lib/esm/components/ConfigProvider/hooks/ConfigCache/interface.js +2 -0
- package/lib/esm/components/ConfigProvider/hooks/ConfigCache/interface.js.map +1 -0
- package/lib/esm/components/ConfigProvider/hooks/ConfigContext/ConfigContext.js +8 -0
- package/lib/esm/components/ConfigProvider/hooks/ConfigContext/ConfigContext.js.map +1 -0
- package/lib/esm/components/ConfigProvider/hooks/themeToken/useThemeToken.js +22 -0
- package/lib/esm/components/ConfigProvider/hooks/themeToken/useThemeToken.js.map +1 -0
- package/lib/esm/components/ConfigProvider/index.js +12 -0
- package/lib/esm/components/ConfigProvider/index.js.map +1 -0
- package/lib/esm/components/ConfigProvider/interface/index.js +2 -0
- package/lib/esm/components/ConfigProvider/interface/index.js.map +1 -0
- 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 +4 -4
- package/lib/esm/components/Popover/index.js.map +1 -1
- package/lib/esm/components/Switch/index.js +9 -7
- package/lib/esm/components/Switch/index.js.map +1 -1
- package/lib/esm/components/Switch/interface/index.js +3 -3
- package/lib/esm/components/Switch/interface/index.js.map +1 -1
- package/lib/esm/index.js +5 -1
- package/lib/esm/index.js.map +1 -1
- package/lib/types/src/components/Button/index.d.ts +4 -0
- package/lib/types/src/components/Button/interface/index.d.ts +11 -0
- package/lib/types/src/components/ConfigProvider/ConfigProvider.d.ts +4 -0
- package/lib/types/src/components/ConfigProvider/hooks/ConfigCache/ConfigCache.d.ts +22 -0
- package/lib/types/src/components/ConfigProvider/hooks/ConfigCache/index.d.ts +1 -0
- package/lib/types/src/components/ConfigProvider/hooks/ConfigCache/interface.d.ts +36 -0
- package/lib/types/src/components/ConfigProvider/hooks/ConfigContext/ConfigContext.d.ts +5 -0
- package/lib/types/src/components/ConfigProvider/hooks/themeToken/useThemeToken.d.ts +8 -0
- package/lib/types/src/components/ConfigProvider/index.d.ts +3 -0
- package/lib/types/src/components/ConfigProvider/interface/index.d.ts +27 -0
- package/lib/types/src/components/Popover/component.d.ts +13 -0
- package/lib/types/src/components/Popover/hook.d.ts +66 -0
- package/lib/types/src/components/Popover/index.d.ts +4 -0
- package/lib/types/src/components/Popover/interface/index.d.ts +13 -0
- package/lib/types/src/components/Popover/manifest.d.ts +3 -0
- package/lib/types/src/components/Switch/index.d.ts +7 -0
- package/lib/types/src/components/Switch/interface/index.d.ts +11 -0
- package/lib/types/src/index.d.ts +5 -0
- package/package.json +8 -4
- package/rollup.config.js +25 -25
- package/src/components/Button/demo/index.jsx +50 -0
- package/src/components/Button/demo/index.tsx +50 -0
- package/src/components/Button/doc/index.mdx +18 -0
- package/src/components/Button/index.tsx +0 -1
- package/src/components/Button/interface/index.ts +17 -29
- package/src/components/Button/test/index.bench.tsx +18 -0
- package/src/components/Button/test/index.test.tsx +9 -0
- package/src/components/ConfigProvider/ConfigProvider.tsx +48 -0
- package/src/components/ConfigProvider/demo/base.jsx +114 -0
- package/src/components/ConfigProvider/demo/index.jsx +50 -0
- package/src/components/ConfigProvider/demo/index.tsx +50 -0
- package/src/components/ConfigProvider/demo/token.jsx +8 -0
- package/src/components/ConfigProvider/doc/index.mdx +22 -0
- package/src/components/ConfigProvider/doc/token.mdx +7 -0
- package/src/components/ConfigProvider/hooks/ConfigCache/ConfigCache.ts +115 -0
- package/src/components/ConfigProvider/hooks/ConfigCache/index.ts +1 -0
- package/src/components/ConfigProvider/hooks/ConfigCache/interface.ts +38 -0
- package/src/components/ConfigProvider/hooks/ConfigContext/ConfigContext.ts +9 -0
- package/src/components/ConfigProvider/hooks/themeToken/useThemeToken.ts +33 -0
- package/src/components/ConfigProvider/index.ts +4 -0
- package/src/components/ConfigProvider/interface/index.ts +28 -0
- package/src/components/ConfigProvider/test/index.bench.tsx +18 -0
- package/src/components/ConfigProvider/test/index.test.tsx +9 -0
- package/src/components/Popover/demo/{base.jsx → index.tsx} +2 -2
- package/src/components/Popover/doc/index.mdx +21 -15
- package/src/components/Popover/index.tsx +3 -3
- package/src/components/Switch/demo/{base.jsx → index.tsx} +9 -6
- package/src/components/Switch/doc/index.mdx +14 -12
- package/src/components/Switch/index.tsx +9 -6
- package/src/components/Switch/interface/index.ts +3 -3
- package/src/components/Switch/test/index.bench.tsx +2 -5
- package/src/components/Switch/test/index.test.tsx +11 -23
- package/src/index.ts +2 -1
- package/tsconfig.json +2 -2
- package/lib/cjs/components/Button/common/index.js +0 -11
- package/lib/cjs/components/Button/common/index.js.map +0 -1
- package/lib/cjs/components/Button/rn/index.js +0 -25
- package/lib/cjs/components/Button/rn/index.js.map +0 -1
- package/lib/cjs/index.d.ts +0 -37
- package/lib/cjs/index.d.ts.map +0 -1
- package/lib/cjs/utils/hook.js +0 -3
- package/lib/cjs/utils/hook.js.map +0 -1
- package/lib/esm/components/Button/common/index.js +0 -9
- package/lib/esm/components/Button/common/index.js.map +0 -1
- package/lib/esm/components/Button/rn/index.js +0 -21
- package/lib/esm/components/Button/rn/index.js.map +0 -1
- package/lib/esm/utils/hook.js +0 -2
- package/lib/esm/utils/hook.js.map +0 -1
- package/src/components/Button/common/index.ts +0 -6
- package/src/components/Button/rn/index.tsx +0 -20
- package/src/utils/hook.ts +0 -0
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var components_ConfigProvider_ConfigProvider = require('../../_chunks/DiJl2cva.js');
|
|
6
|
+
var components_ConfigProvider_hooks_themeToken_useThemeToken = require('./hooks/themeToken/useThemeToken.js');
|
|
7
|
+
require('../../_chunks/CAyGJuk1.js');
|
|
8
|
+
require('./hooks/ConfigCache/ConfigCache.js');
|
|
9
|
+
require('@xhs/reds-token-next');
|
|
10
|
+
require('./hooks/ConfigContext/ConfigContext.js');
|
|
11
|
+
require('react');
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
exports.default = components_ConfigProvider_ConfigProvider.ConfigProvider;
|
|
16
|
+
exports.useThemeColor = components_ConfigProvider_hooks_themeToken_useThemeToken.useThemeColor;
|
|
17
|
+
//# 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":";;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var _rollupPluginBabelHelpers = require('../../_chunks/
|
|
3
|
+
var _rollupPluginBabelHelpers = require('../../_chunks/CAyGJuk1.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var reactNative$1 = require('react-native');
|
|
6
6
|
var reactNative = require('@floating-ui/react-native');
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var _rollupPluginBabelHelpers = require('../../_chunks/
|
|
5
|
+
var _rollupPluginBabelHelpers = require('../../_chunks/CAyGJuk1.js');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var reactNative = require('react-native');
|
|
8
8
|
var components_Popover_component = require('./component.js');
|
|
@@ -112,9 +112,9 @@ var index = (function (_ref) {
|
|
|
112
112
|
})
|
|
113
113
|
}, /* @__PURE__ */React.createElement(reactNative.Text, {
|
|
114
114
|
style: {
|
|
115
|
-
fontWeight: redsTokenNext.typography.
|
|
116
|
-
fontSize: redsTokenNext.typography.
|
|
117
|
-
lineHeight: redsTokenNext.typography.
|
|
115
|
+
fontWeight: redsTokenNext.typography.B2LooseFontWeight,
|
|
116
|
+
fontSize: redsTokenNext.typography.B2LooseFontSize,
|
|
117
|
+
lineHeight: redsTokenNext.typography.B2LooseLineHeight,
|
|
118
118
|
color: popoverStyle.color
|
|
119
119
|
}
|
|
120
120
|
}, content), /* @__PURE__ */React.createElement(components_Popover_component.Arrow, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/Popover/index.tsx"],"sourcesContent":["import React, { useState, useMemo, cloneElement, isValidElement, useEffect } from \"react\";\nimport { Text, View, TouchableWithoutFeedback } from \"react-native\";\nimport { RedsPopover } from \"./interface/index\";\nimport { ModalWrapper, Arrow } from \"./component\";\nimport { useFloating } from \"./hook\";\nimport { typography } from \"@xhs/reds-token-next\";\n\nexport default ({\n mode = \"light\",\n opacity = 0,\n content,\n children,\n placement = \"top\",\n closeOnClickAgain = true,\n trigger = \"click\",\n zIndex = 1000,\n visible: defaultVisible = false,\n onVisibleChange,\n}: RedsPopover) => {\n const [visible, setVisible] = useState(defaultVisible);\n const needModal = useMemo(() => opacity !== 0, [opacity]);\n const {\n setArrowRef,\n setFloatingRef,\n setReferenceRef,\n setOffsetParentRef,\n floatingStyles,\n arrowStyles,\n onReferenceLayout,\n onFloatingLayout,\n } = useFloating({\n placement,\n needModal,\n });\n useEffect(() => {\n onVisibleChange?.(visible);\n }, [visible]);\n\n const popoverStyle = useMemo(() => {\n return mode === \"light\"\n ? {\n backgroundColor: \"#303034FC\",\n color: \"#FFFFFF\",\n }\n : {\n backgroundColor: \"#FFFFFFFC\",\n color: \"#000000\",\n };\n }, [mode]);\n\n return (\n <>\n {React.Children.map(children, (child, index) => {\n if (index === 0 && isValidElement(child)) {\n return (\n <TouchableWithoutFeedback\n onPress={() => {\n if (trigger === \"click\") {\n if (closeOnClickAgain) {\n setVisible(!visible);\n } else {\n setVisible(true);\n }\n }\n }}\n onPressIn={() => {\n trigger === \"touch\" && setVisible(true);\n }}\n onPressOut={() => {\n trigger === \"touch\" && setVisible(false);\n }}\n >\n {cloneElement<any>(child, {\n ref: setReferenceRef,\n collapsable: false,\n onLayout: onReferenceLayout,\n })}\n {/* <Text>131</Text> */}\n </TouchableWithoutFeedback>\n );\n }\n return child;\n })}\n <ModalWrapper\n needModal={needModal}\n visible={visible}\n ref={setOffsetParentRef}\n setVisible={setVisible}\n opacity={opacity}\n >\n {visible && (\n <View\n collapsable={false}\n ref={setFloatingRef}\n onLayout={onFloatingLayout}\n style={{\n ...floatingStyles,\n backgroundColor: popoverStyle.backgroundColor,\n paddingHorizontal: 12,\n paddingVertical: 7,\n maxWidth: 280,\n borderRadius: 12,\n zIndex,\n shadowColor: \"#000000\",\n shadowOffset: { width: 0, height: 1 },\n shadowOpacity: 0.1,\n shadowRadius: 4,\n elevation: 2,\n }}\n >\n <Text\n style={{\n fontWeight: typography.
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/Popover/index.tsx"],"sourcesContent":["import React, { useState, useMemo, cloneElement, isValidElement, useEffect } from \"react\";\nimport { Text, View, TouchableWithoutFeedback } from \"react-native\";\nimport { RedsPopover } from \"./interface/index\";\nimport { ModalWrapper, Arrow } from \"./component\";\nimport { useFloating } from \"./hook\";\nimport { typography } from \"@xhs/reds-token-next\";\n\nexport default ({\n mode = \"light\",\n opacity = 0,\n content,\n children,\n placement = \"top\",\n closeOnClickAgain = true,\n trigger = \"click\",\n zIndex = 1000,\n visible: defaultVisible = false,\n onVisibleChange,\n}: RedsPopover) => {\n const [visible, setVisible] = useState(defaultVisible);\n const needModal = useMemo(() => opacity !== 0, [opacity]);\n const {\n setArrowRef,\n setFloatingRef,\n setReferenceRef,\n setOffsetParentRef,\n floatingStyles,\n arrowStyles,\n onReferenceLayout,\n onFloatingLayout,\n } = useFloating({\n placement,\n needModal,\n });\n useEffect(() => {\n onVisibleChange?.(visible);\n }, [visible]);\n\n const popoverStyle = useMemo(() => {\n return mode === \"light\"\n ? {\n backgroundColor: \"#303034FC\",\n color: \"#FFFFFF\",\n }\n : {\n backgroundColor: \"#FFFFFFFC\",\n color: \"#000000\",\n };\n }, [mode]);\n\n return (\n <>\n {React.Children.map(children, (child, index) => {\n if (index === 0 && isValidElement(child)) {\n return (\n <TouchableWithoutFeedback\n onPress={() => {\n if (trigger === \"click\") {\n if (closeOnClickAgain) {\n setVisible(!visible);\n } else {\n setVisible(true);\n }\n }\n }}\n onPressIn={() => {\n trigger === \"touch\" && setVisible(true);\n }}\n onPressOut={() => {\n trigger === \"touch\" && setVisible(false);\n }}\n >\n {cloneElement<any>(child, {\n ref: setReferenceRef,\n collapsable: false,\n onLayout: onReferenceLayout,\n })}\n {/* <Text>131</Text> */}\n </TouchableWithoutFeedback>\n );\n }\n return child;\n })}\n <ModalWrapper\n needModal={needModal}\n visible={visible}\n ref={setOffsetParentRef}\n setVisible={setVisible}\n opacity={opacity}\n >\n {visible && (\n <View\n collapsable={false}\n ref={setFloatingRef}\n onLayout={onFloatingLayout}\n style={{\n ...floatingStyles,\n backgroundColor: popoverStyle.backgroundColor,\n paddingHorizontal: 12,\n paddingVertical: 7,\n maxWidth: 280,\n borderRadius: 12,\n zIndex,\n shadowColor: \"#000000\",\n shadowOffset: { width: 0, height: 1 },\n shadowOpacity: 0.1,\n shadowRadius: 4,\n elevation: 2,\n }}\n >\n <Text\n style={{\n fontWeight: typography.B2LooseFontWeight,\n fontSize: typography.B2LooseFontSize,\n lineHeight: typography.B2LooseLineHeight,\n color: popoverStyle.color,\n }}\n >\n {content}\n </Text>\n <Arrow ref={setArrowRef} style={{ ...arrowStyles }} color={popoverStyle.backgroundColor}></Arrow>\n </View>\n )}\n </ModalWrapper>\n </>\n );\n};\n"],"names":["_ref","_ref$mode","mode","_ref$opacity","opacity","content","children","_ref$placement","placement","_ref$closeOnClickAgai","closeOnClickAgain","_ref$trigger","trigger","_ref$zIndex","zIndex","_ref$visible","visible","defaultVisible","onVisibleChange","_useState","useState","_useState2","_slicedToArray","setVisible","needModal","useMemo","_useFloating","useFloating","setArrowRef","setFloatingRef","setReferenceRef","setOffsetParentRef","floatingStyles","arrowStyles","onReferenceLayout","onFloatingLayout","useEffect","popoverStyle","backgroundColor","color","React","Children","map","child","index","isValidElement","createElement","TouchableWithoutFeedback","onPress","onPressIn","onPressOut","cloneElement","ref","collapsable","onLayout","ModalWrapper","View","style","_objectSpread","paddingHorizontal","paddingVertical","maxWidth","borderRadius","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","Text","fontWeight","typography","B2LooseFontWeight","fontSize","B2LooseFontSize","lineHeight","B2LooseLineHeight","Arrow"],"mappings":";;;;;;;;;;;;AAOA,YAAe,CAAA,UAAAA,IAAA,EAWI;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CAVjBE,IAAO;AAAPA,IAAAA,IAAO,GAAAD,SAAA,KAAA,KAAA,CAAA,GAAA,OAAA,GAAAA,SAAA;IAAAE,YAAA,GAAAH,IAAA,CACPI,OAAU;AAAVA,IAAAA,OAAU,GAAAD,YAAA,KAAA,KAAA,CAAA,GAAA,CAAA,GAAAA,YAAA;IACVE,OAAA,GAAAL,IAAA,CAAAK,OAAA;IACAC,QAAA,GAAAN,IAAA,CAAAM,QAAA;IAAAC,cAAA,GAAAP,IAAA,CACAQ,SAAY;AAAZA,IAAAA,SAAY,GAAAD,cAAA,KAAA,KAAA,CAAA,GAAA,KAAA,GAAAA,cAAA;IAAAE,qBAAA,GAAAT,IAAA,CACZU,iBAAoB;AAApBA,IAAAA,iBAAoB,GAAAD,qBAAA,KAAA,KAAA,CAAA,GAAA,IAAA,GAAAA,qBAAA;IAAAE,YAAA,GAAAX,IAAA,CACpBY,OAAU;AAAVA,IAAAA,OAAU,GAAAD,YAAA,KAAA,KAAA,CAAA,GAAA,OAAA,GAAAA,YAAA;IAAAE,WAAA,GAAAb,IAAA,CACVc,MAAS;AAATA,IAAAA,MAAS,GAAAD,WAAA,KAAA,KAAA,CAAA,GAAA,GAAA,GAAAA,WAAA;IAAAE,YAAA,GAAAf,IAAA,CACTgB;AAASC,IAAAA,cAAiB,GAAAF,YAAA,KAAA,KAAA,CAAA,GAAA,KAAA,GAAAA,YAAA;IAC1BG,eAAA,GAAAlB,IAAA,CAAAkB,eAAA,CAAA;AAEA,EAAA,IAAAC,SAAA,GAA8BC,eAASH,cAAc,CAAA;IAAAI,UAAA,GAAAC,wCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA9CH,IAAAA,OAAA,GAAAK,UAAA,CAAA,CAAA,CAAA;AAASE,IAAAA,UAAU,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;EAC1B,IAAMG,YAAYC,aAAQ,CAAA,YAAA;IAAA,OAAMrB,YAAY,CAAG,CAAA;GAAA,EAAA,CAACA,OAAO,CAAC,CAAA,CAAA;EAClD,IAAAsB,YAAA,GASFC,mCAAY,CAAA;AACdnB,MAAAA,SAAA,EAAAA,SAAA;AACAgB,MAAAA,SAAA,EAAAA,SAAAA;AACF,KAAC,CAAA;IAXCI,WAAA,GAAAF,YAAA,CAAAE,WAAA;IACAC,cAAA,GAAAH,YAAA,CAAAG,cAAA;IACAC,eAAA,GAAAJ,YAAA,CAAAI,eAAA;IACAC,kBAAA,GAAAL,YAAA,CAAAK,kBAAA;IACAC,cAAA,GAAAN,YAAA,CAAAM,cAAA;IACAC,WAAA,GAAAP,YAAA,CAAAO,WAAA;IACAC,iBAAA,GAAAR,YAAA,CAAAQ,iBAAA;IACAC,gBAAA,GAAAT,YAAA,CAAAS,gBAAA,CAAA;AAKFC,EAAAA,eAAA,CAAU,YAAM;AACdlB,IAAAA,eAAA,aAAAA,eAAA,KAAA,KAAA,CAAA,IAAAA,eAAA,CAAkBF,OAAO,CAAA,CAAA;AAC3B,GAAA,EAAG,CAACA,OAAO,CAAC,CAAA,CAAA;AAEN,EAAA,IAAAqB,YAAA,GAAeZ,cAAQ,YAAM;IACjC,OAAOvB,SAAS,OACZ,GAAA;AACEoC,MAAAA,eAAiB,EAAA,WAAA;AACjBC,MAAAA,KAAO,EAAA,SAAA;AACT,KACA,GAAA;AACED,MAAAA,eAAiB,EAAA,WAAA;AACjBC,MAAAA,KAAO,EAAA,SAAA;KACT,CAAA;AACN,GAAA,EAAG,CAACrC,IAAI,CAAC,CAAA,CAAA;EAET,gEAEKsC,KAAM,CAAAC,QAAA,CAASC,IAAIpC,QAAU,EAAA,UAACqC,OAAOC,KAAU,EAAA;IAC9C,IAAIA,KAAU,KAAA,CAAA,iBAAKC,oBAAe,CAAAF,KAAK,CAAG,EAAA;AAEtC,MAAA,sBAAAH,KAAA,CAAAM,aAAA,CAACC,oCAAA,EAAA;QACCC,SAAS,SAAAA,OAAAA,GAAM;UACb,IAAIpC,YAAY,OAAS,EAAA;AACvB,YAAA,IAAIF,iBAAmB,EAAA;cACrBa,UAAA,CAAW,CAACP,OAAO,CAAA,CAAA;AACrB,aAAO,MAAA;cACLO,UAAA,CAAW,IAAI,CAAA,CAAA;AACjB,aAAA;AACF,WAAA;SACF;QACA0B,WAAW,SAAAA,SAAAA,GAAM;AACHrC,UAAAA,OAAA,KAAA,OAAA,IAAWW,WAAW,IAAI,CAAA,CAAA;SACxC;QACA2B,YAAY,SAAAA,UAAAA,GAAM;AACJtC,UAAAA,OAAA,KAAA,OAAA,IAAWW,WAAW,KAAK,CAAA,CAAA;AACzC,SAAA;AAAA,OAAA,eAEC4B,mBAAkBR,KAAO,EAAA;AACxBS,QAAAA,GAAK,EAAAtB,eAAA;AACLuB,QAAAA,WAAa,EAAA,KAAA;AACbC,QAAAA,QAAU,EAAApB,iBAAAA;AACZ,OAAC,CAEH,CAAA,CAAA;AAEJ,KAAA;AACO,IAAA,OAAAS,KAAA,CAAA;GACR,CACD,iBAAAH,KAAA,CAAAM,aAAA,CAACS,yCAAA,EAAA;AACC/B,IAAAA,SAAA,EAAAA,SAAA;AACAR,IAAAA,OAAA,EAAAA,OAAA;AACAoC,IAAAA,GAAK,EAAArB,kBAAA;AACLR,IAAAA,UAAA,EAAAA,UAAA;AACAnB,IAAAA,OAAA,EAAAA,OAAAA;GAAA,EAECY,OACC,mBAAAwB,KAAA,CAAAM,aAAA,CAACU,gBAAA,EAAA;AACCH,IAAAA,WAAa,EAAA,KAAA;AACbD,IAAAA,GAAK,EAAAvB,cAAA;AACLyB,IAAAA,QAAU,EAAAnB,gBAAA;AACVsB,IAAAA,KAAO,EAAAC,wCAAA,CAAAA,wCAAA,KACF1B,cAAA,CAAA,EAAA,EAAA,EAAA;MACHM,iBAAiBD,YAAa,CAAAC,eAAA;AAC9BqB,MAAAA,iBAAmB,EAAA,EAAA;AACnBC,MAAAA,eAAiB,EAAA,CAAA;AACjBC,MAAAA,QAAU,EAAA,GAAA;AACVC,MAAAA,YAAc,EAAA,EAAA;AACdhD,MAAAA,MAAA,EAAAA,MAAA;AACAiD,MAAAA,WAAa,EAAA,SAAA;AACbC,MAAAA,YAAc,EAAA;AAAEC,QAAAA,KAAO,EAAA,CAAA;AAAGC,QAAAA,QAAQ,CAAA;OAAE;AACpCC,MAAAA,aAAe,EAAA,GAAA;AACfC,MAAAA,YAAc,EAAA,CAAA;AACdC,MAAAA,SAAW,EAAA,CAAA;AAAA,KAAA,CAAA;AACb,GAAA,iBAEA7B,KAAA,CAAAM,aAAA,CAACwB,gBAAA,EAAA;AACCb,IAAAA,KAAO,EAAA;MACLc,YAAYC,wBAAW,CAAAC,iBAAA;MACvBC,UAAUF,wBAAW,CAAAG,eAAA;MACrBC,YAAYJ,wBAAW,CAAAK,iBAAA;MACvBtC,OAAOF,YAAa,CAAAE,KAAAA;AACtB,KAAA;GAAA,EAEClC,OACH,CAAA,iBACAmC,KAAA,CAAAM,aAAA,CAACgC,kCAAM,EAAA;AAAA1B,IAAAA,GAAA,EAAKxB,WAAa;AAAA6B,IAAAA,KAAA,EAAAC,wCAAA,CAAYzB,EAAAA,EAAAA,WAAY,CAAA;IAAGM,KAAO,EAAAF,YAAA,CAAaC,eAAAA;GAAiB,CAC3F,CAEJ,CACF,CAAA,CAAA;AAEJ,CAAA;;;;"}
|
|
@@ -2,20 +2,20 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var _rollupPluginBabelHelpers = require('../../_chunks/
|
|
5
|
+
var _rollupPluginBabelHelpers = require('../../_chunks/CAyGJuk1.js');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var reactNative = require('react-native');
|
|
8
8
|
var components_Switch_interface_index = require('./interface/index.js');
|
|
9
9
|
var redsTokenNext = require('@xhs/reds-token-next');
|
|
10
10
|
|
|
11
11
|
var Switch = function Switch(_ref) {
|
|
12
|
-
var
|
|
12
|
+
var isOn = _ref.value,
|
|
13
13
|
defaultValue = _ref.defaultValue,
|
|
14
14
|
onChange = _ref.onChange,
|
|
15
15
|
onClick = _ref.onClick,
|
|
16
16
|
trackOnColor = _ref.trackOnColor,
|
|
17
17
|
trackOffColor = _ref.trackOffColor;
|
|
18
|
-
var isControlled =
|
|
18
|
+
var isControlled = isOn !== void 0;
|
|
19
19
|
var _useState = React.useState(defaultValue),
|
|
20
20
|
_useState2 = _rollupPluginBabelHelpers._slicedToArray(_useState, 2),
|
|
21
21
|
value = _useState2[0],
|
|
@@ -28,14 +28,16 @@ var Switch = function Switch(_ref) {
|
|
|
28
28
|
});
|
|
29
29
|
}, []);
|
|
30
30
|
React.useEffect(function () {
|
|
31
|
-
isControlled && setValue(cValue);
|
|
32
31
|
onChange === null || onChange === void 0 || onChange(!!value);
|
|
33
32
|
reactNative.Animated.timing(animatedValue, {
|
|
34
33
|
toValue: value ? 18 : 2,
|
|
35
34
|
duration: 200,
|
|
36
35
|
useNativeDriver: true
|
|
37
36
|
}).start();
|
|
38
|
-
}, [value
|
|
37
|
+
}, [value]);
|
|
38
|
+
React.useEffect(function () {
|
|
39
|
+
isControlled && setValue(isOn);
|
|
40
|
+
}, [isOn]);
|
|
39
41
|
var toggleSwitch = function toggleSwitch(e) {
|
|
40
42
|
onClick === null || onClick === void 0 || onClick(e);
|
|
41
43
|
!isControlled && setValue(function (v) {
|
|
@@ -71,7 +73,7 @@ var styles = reactNative.StyleSheet.create({
|
|
|
71
73
|
width: 20,
|
|
72
74
|
height: 20,
|
|
73
75
|
borderRadius: 10,
|
|
74
|
-
backgroundColor: redsTokenNext.
|
|
76
|
+
backgroundColor: redsTokenNext.alwaysColor.White,
|
|
75
77
|
justifyContent: "center",
|
|
76
78
|
alignItems: "center",
|
|
77
79
|
position: "absolute",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/Switch/index.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useMemo } from \"react\";\nimport { View, TouchableWithoutFeedback, StyleSheet, Animated, GestureResponderEvent } from \"react-native\";\nimport { RedsSwitch, defaultProps } from \"./interface/index\";\nimport {
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/Switch/index.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useMemo } from \"react\";\nimport { View, TouchableWithoutFeedback, StyleSheet, Animated, GestureResponderEvent } from \"react-native\";\nimport { RedsSwitch, defaultProps } from \"./interface/index\";\nimport { alwaysColor } from \"@xhs/reds-token-next\";\n\nconst Switch = ({ value: isOn, defaultValue, onChange, onClick, trackOnColor, trackOffColor }: RedsSwitch) => {\n const isControlled = isOn !== undefined;\n const [value, setValue] = useState(defaultValue);\n\n const animatedValue = useRef(new Animated.Value(defaultValue ? 18 : 2)).current;\n\n const thumbTranslateX = useMemo(() => animatedValue.interpolate({ inputRange: [2, 18], outputRange: [2, 18] }), []);\n\n useEffect(() => {\n onChange?.(!!value);\n Animated.timing(animatedValue, {\n toValue: value ? 18 : 2,\n duration: 200,\n useNativeDriver: true,\n }).start();\n }, [value]);\n\n useEffect(() => {\n isControlled && setValue(isOn);\n }, [isOn]);\n\n const toggleSwitch = (e: GestureResponderEvent) => {\n onClick?.(e);\n !isControlled && setValue((v) => !v);\n };\n\n return (\n <TouchableWithoutFeedback onPress={(e) => toggleSwitch(e)}>\n <View style={[styles.switchContainer, { backgroundColor: value ? trackOnColor : trackOffColor }]}>\n <Animated.View style={[styles.thumb, { transform: [{ translateX: thumbTranslateX }] }]}></Animated.View>\n </View>\n </TouchableWithoutFeedback>\n );\n};\n\nSwitch.defaultProps = defaultProps;\n\nconst styles = StyleSheet.create({\n switchContainer: {\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 Switch;\n"],"names":["Switch","_ref","isOn","value","defaultValue","onChange","onClick","trackOnColor","trackOffColor","isControlled","_useState","useState","_useState2","_slicedToArray","setValue","animatedValue","useRef","Animated","Value","current","thumbTranslateX","useMemo","interpolate","inputRange","outputRange","useEffect","timing","toValue","duration","useNativeDriver","start","toggleSwitch","e","v","TouchableWithoutFeedback","onPress","React","createElement","View","style","styles","switchContainer","backgroundColor","thumb","transform","translateX","defaultProps","StyleSheet","create","width","height","borderRadius","justifyContent","alignItems","alwaysColor","White","position","left"],"mappings":"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"}
|
|
@@ -7,8 +7,8 @@ var defaultProps = {
|
|
|
7
7
|
disabled: false,
|
|
8
8
|
onClick: function onClick(event) {},
|
|
9
9
|
onChange: function onChange(value) {},
|
|
10
|
-
trackOnColor: redsTokenNext.
|
|
11
|
-
trackOffColor: redsTokenNext.
|
|
10
|
+
trackOnColor: redsTokenNext.lightColor.Primary,
|
|
11
|
+
trackOffColor: redsTokenNext.lightColor.Fill2
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
exports.defaultProps = defaultProps;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/Switch/interface/index.ts"],"sourcesContent":["import { GestureResponderEvent } from \"react-native\";\nimport {
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/Switch/interface/index.ts"],"sourcesContent":["import { GestureResponderEvent } from \"react-native\";\nimport { lightColor } from \"@xhs/reds-token-next\";\n\nexport interface RedsSwitch {\n value?: boolean;\n defaultValue?: boolean;\n disabled?: boolean;\n onClick?: (event: GestureResponderEvent) => void;\n onChange?: (value: boolean) => void;\n trackOnColor?: string;\n trackOffColor?: string;\n}\n\nexport const defaultProps: RedsSwitch = {\n defaultValue: false,\n disabled: false,\n onClick: (event: GestureResponderEvent) => {},\n onChange: (value: boolean) => {},\n trackOnColor: lightColor.Primary,\n trackOffColor: lightColor.Fill2,\n};\n"],"names":["defaultProps","defaultValue","disabled","onClick","event","onChange","value","trackOnColor","lightColor","Primary","trackOffColor","Fill2"],"mappings":";;;;AAaO,IAAMA,YAA2B,GAAA;AACtCC,EAAAA,YAAc,EAAA,KAAA;AACdC,EAAAA,QAAU,EAAA,KAAA;AACVC,EAAAA,OAAA,EAAS,SAAAA,OAAAA,CAACC,KAAiC,EAAA,EAAC;AAC5CC,EAAAA,QAAA,EAAU,SAAAA,QAAAA,CAACC,KAAmB,EAAA,EAAC;EAC/BC,cAAcC,wBAAW,CAAAC,OAAA;EACzBC,eAAeF,wBAAW,CAAAG,KAAAA;AAC5B;;;;"}
|
package/lib/cjs/index.js
CHANGED
|
@@ -3,7 +3,9 @@
|
|
|
3
3
|
var components_Button_index = require('./components/Button/index.js');
|
|
4
4
|
var components_Popover_index = require('./components/Popover/index.js');
|
|
5
5
|
var components_Switch_index = require('./components/Switch/index.js');
|
|
6
|
-
require('./_chunks/
|
|
6
|
+
var components_ConfigProvider_ConfigProvider = require('./_chunks/DiJl2cva.js');
|
|
7
|
+
var components_ConfigProvider_hooks_themeToken_useThemeToken = require('./components/ConfigProvider/hooks/themeToken/useThemeToken.js');
|
|
8
|
+
require('./_chunks/CAyGJuk1.js');
|
|
7
9
|
require('react');
|
|
8
10
|
require('react-native');
|
|
9
11
|
require('./components/Popover/component.js');
|
|
@@ -11,10 +13,14 @@ require('./components/Popover/hook.js');
|
|
|
11
13
|
require('@floating-ui/react-native');
|
|
12
14
|
require('@xhs/reds-token-next');
|
|
13
15
|
require('./components/Switch/interface/index.js');
|
|
16
|
+
require('./components/ConfigProvider/hooks/ConfigCache/ConfigCache.js');
|
|
17
|
+
require('./components/ConfigProvider/hooks/ConfigContext/ConfigContext.js');
|
|
14
18
|
|
|
15
19
|
|
|
16
20
|
|
|
17
21
|
exports.Button = components_Button_index.default;
|
|
18
22
|
exports.Popover = components_Popover_index.default;
|
|
19
23
|
exports.Switch = components_Switch_index.default;
|
|
24
|
+
exports.ConfigProvider = components_ConfigProvider_ConfigProvider.ConfigProvider;
|
|
25
|
+
exports.useThemeColor = components_ConfigProvider_hooks_themeToken_useThemeToken.useThemeColor;
|
|
20
26
|
//# sourceMappingURL=index.js.map
|
package/lib/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -6,6 +6,20 @@ function _arrayLikeToArray(r, a) {
|
|
|
6
6
|
function _arrayWithHoles(r) {
|
|
7
7
|
if (Array.isArray(r)) return r;
|
|
8
8
|
}
|
|
9
|
+
function _classCallCheck(a, n) {
|
|
10
|
+
if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
|
|
11
|
+
}
|
|
12
|
+
function _defineProperties(e, r) {
|
|
13
|
+
for (var t = 0; t < r.length; t++) {
|
|
14
|
+
var o = r[t];
|
|
15
|
+
o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o);
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
function _createClass(e, r, t) {
|
|
19
|
+
return r && _defineProperties(e.prototype, r), Object.defineProperty(e, "prototype", {
|
|
20
|
+
writable: !1
|
|
21
|
+
}), e;
|
|
22
|
+
}
|
|
9
23
|
function _defineProperty(e, r, t) {
|
|
10
24
|
return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
|
|
11
25
|
value: t,
|
|
@@ -99,6 +113,15 @@ function _toPropertyKey(t) {
|
|
|
99
113
|
var i = _toPrimitive(t, "string");
|
|
100
114
|
return "symbol" == typeof i ? i : i + "";
|
|
101
115
|
}
|
|
116
|
+
function _typeof(o) {
|
|
117
|
+
"@babel/helpers - typeof";
|
|
118
|
+
|
|
119
|
+
return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
|
|
120
|
+
return typeof o;
|
|
121
|
+
} : function (o) {
|
|
122
|
+
return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
|
|
123
|
+
}, _typeof(o);
|
|
124
|
+
}
|
|
102
125
|
function _unsupportedIterableToArray(r, a) {
|
|
103
126
|
if (r) {
|
|
104
127
|
if ("string" == typeof r) return _arrayLikeToArray(r, a);
|
|
@@ -107,5 +130,5 @@ function _unsupportedIterableToArray(r, a) {
|
|
|
107
130
|
}
|
|
108
131
|
}
|
|
109
132
|
|
|
110
|
-
export { _objectSpread2 as _, _slicedToArray as a, _objectWithoutProperties as b };
|
|
111
|
-
//# sourceMappingURL=
|
|
133
|
+
export { _objectSpread2 as _, _slicedToArray as a, _objectWithoutProperties as b, _createClass as c, _classCallCheck as d, _typeof as e };
|
|
134
|
+
//# sourceMappingURL=BHmvJnIm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"
|
|
1
|
+
{"version":3,"file":"BHmvJnIm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { _ as _objectSpread2 } from './BHmvJnIm.js';
|
|
2
|
+
import { configCache } from '../components/ConfigProvider/hooks/ConfigCache/ConfigCache.js';
|
|
3
|
+
import { ConfigProviderContext } from '../components/ConfigProvider/hooks/ConfigContext/ConfigContext.js';
|
|
4
|
+
|
|
5
|
+
var ConfigProvider = function ConfigProvider(props) {
|
|
6
|
+
var _theme$token, _theme$token2, _theme$token3, _theme$token4;
|
|
7
|
+
var _props$id = props.id,
|
|
8
|
+
id = _props$id === void 0 ? "root" : _props$id,
|
|
9
|
+
_props$theme = props.theme,
|
|
10
|
+
theme = _props$theme === void 0 ? {
|
|
11
|
+
colorMode: "light",
|
|
12
|
+
inherit: true
|
|
13
|
+
} : _props$theme,
|
|
14
|
+
_props$parentId = props.parentId,
|
|
15
|
+
parentId = _props$parentId === void 0 ? "root" : _props$parentId,
|
|
16
|
+
children = props.children;
|
|
17
|
+
var themeCache = {
|
|
18
|
+
colorMode: theme.colorMode || "light",
|
|
19
|
+
token: {
|
|
20
|
+
lightColor: _objectSpread2({}, (_theme$token = theme.token) === null || _theme$token === void 0 ? void 0 : _theme$token.lightColor),
|
|
21
|
+
darkColor: _objectSpread2({}, (_theme$token2 = theme.token) === null || _theme$token2 === void 0 ? void 0 : _theme$token2.darkColor),
|
|
22
|
+
alwaysColor: _objectSpread2({}, (_theme$token3 = theme.token) === null || _theme$token3 === void 0 ? void 0 : _theme$token3.alwaysColor),
|
|
23
|
+
components: _objectSpread2({}, (_theme$token4 = theme.token) === null || _theme$token4 === void 0 ? void 0 : _theme$token4.components)
|
|
24
|
+
},
|
|
25
|
+
inherit: theme.inherit
|
|
26
|
+
};
|
|
27
|
+
configCache.addNewConfigCache({
|
|
28
|
+
id: id,
|
|
29
|
+
themeCache: themeCache,
|
|
30
|
+
parentId: parentId
|
|
31
|
+
});
|
|
32
|
+
var configProviderContextValue = {
|
|
33
|
+
id: id
|
|
34
|
+
};
|
|
35
|
+
return /* @__PURE__ */React.createElement(ConfigProviderContext.Provider, {
|
|
36
|
+
value: configProviderContextValue
|
|
37
|
+
}, children);
|
|
38
|
+
};
|
|
39
|
+
|
|
40
|
+
var ConfigProvider$1 = /*#__PURE__*/Object.freeze({
|
|
41
|
+
__proto__: null,
|
|
42
|
+
default: ConfigProvider
|
|
43
|
+
});
|
|
44
|
+
|
|
45
|
+
export { ConfigProvider$1 as C, ConfigProvider as a };
|
|
46
|
+
//# sourceMappingURL=Br6Ked0G.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Br6Ked0G.js","sources":["../../../src/components/ConfigProvider/ConfigProvider.tsx"],"sourcesContent":["import { ConfigProviderProps } from \"./interface\";\nimport { configCache } from \"./hooks/ConfigCache/ConfigCache\";\nimport { ConfigProviderContext, IConfigProviderContext } from \"./hooks/ConfigContext/ConfigContext\";\n\nconst ConfigProvider = (props: ConfigProviderProps) => {\n const {\n id = \"root\",\n theme = {\n colorMode: \"light\",\n inherit: true,\n },\n parentId = \"root\",\n children,\n } = props;\n\n const themeCache = {\n colorMode: theme.colorMode || \"light\",\n token: {\n lightColor: {\n ...theme.token?.lightColor,\n },\n darkColor: {\n ...theme.token?.darkColor,\n },\n alwaysColor: {\n ...theme.token?.alwaysColor,\n },\n components: {\n ...theme.token?.components,\n },\n },\n inherit: theme.inherit,\n };\n\n configCache.addNewConfigCache({\n id,\n themeCache,\n parentId,\n });\n\n const configProviderContextValue: IConfigProviderContext = {\n id: id,\n };\n\n return <ConfigProviderContext.Provider value={configProviderContextValue}>{children}</ConfigProviderContext.Provider>;\n};\n\nexport default ConfigProvider;\n"],"names":["ConfigProvider","props","_theme$token","_theme$token2","_theme$token3","_theme$token4","_props$id","id","_props$theme","theme","colorMode","inherit","_props$parentId","parentId","children","themeCache","token","lightColor","_objectSpread","darkColor","alwaysColor","components","configCache","addNewConfigCache","configProviderContextValue","ConfigProviderContext","Provider","value"],"mappings":";;;;AAIA,IAAMA,cAAA,GAAiB,SAAjBA,cAAAA,CAAkBC,KAA+B,EAAA;AAAA,EAAA,IAAAC,YAAA,EAAAC,aAAA,EAAAC,aAAA,EAAAC,aAAA,CAAA;AAC/C,EAAA,IAAAC,SAAA,GAQFL,KAAA,CAPFM,EAAK;AAALA,IAAAA,EAAK,GAAAD,SAAA,KAAA,KAAA,CAAA,GAAA,MAAA,GAAAA,SAAA;IAAAE,YAAA,GAOHP,KAAA,CANFQ,KAAQ;IAARA,KAAQ,GAAAD,YAAA,KAAA,KAAA,CAAA,GAAA;AACNE,MAAAA,SAAW,EAAA,OAAA;AACXC,MAAAA,OAAS,EAAA,IAAA;AACX,KAAA,GAAAH,YAAA;IAAAI,eAAA,GAGEX,KAAA,CAFFY,QAAW;AAAXA,IAAAA,QAAW,GAAAD,eAAA,KAAA,KAAA,CAAA,GAAA,MAAA,GAAAA,eAAA;IACXE,QAAA,GACEb,KAAA,CADFa,QAAA,CAAA;AAGF,EAAA,IAAMC,UAAa,GAAA;AACjBL,IAAAA,SAAA,EAAWD,MAAMC,SAAa,IAAA,OAAA;AAC9BM,IAAAA,KAAO,EAAA;AACLC,MAAAA,UAAY,EAAAC,cAAA,CAAAhB,EAAAA,EAAAA,CAAAA,YAAA,GACPO,MAAMO,KAAO,MAAA,IAAA,IAAAd,YAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,YAAA,CAAae,UAAA,CAClB;AACAE,MAAAA,SAAW,EAAAD,cAAA,CAAAf,EAAAA,EAAAA,CAAAA,aAAA,GACNM,MAAMO,KAAO,MAAA,IAAA,IAAAb,aAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,aAAA,CAAagB,SAAA,CAClB;AACAC,MAAAA,WAAa,EAAAF,cAAA,CAAAd,EAAAA,EAAAA,CAAAA,aAAA,GACRK,MAAMO,KAAO,MAAA,IAAA,IAAAZ,aAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,aAAA,CAAagB,WAAA,CAClB;AACAC,MAAAA,UAAY,EAAAH,cAAA,CAAAb,EAAAA,EAAAA,CAAAA,aAAA,GACPI,MAAMO,KAAO,MAAAX,IAAAA,IAAAA,aAAA,KAAbA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,aAAA,CAAagB,UAAA,CAAA;KAEpB;IACAV,SAASF,KAAM,CAAAE,OAAAA;GACjB,CAAA;EAEAW,WAAA,CAAYC,iBAAkB,CAAA;AAC5BhB,IAAAA,EAAA,EAAAA,EAAA;AACAQ,IAAAA,UAAA,EAAAA,UAAA;AACAF,IAAAA,QAAA,EAAAA,QAAAA;AACF,GAAC,CAAA,CAAA;AAED,EAAA,IAAMW,0BAAqD,GAAA;AACzDjB,IAAAA,EAAA,EAAAA,EAAAA;GACF,CAAA;EAEA,0CAAQkB,qBAAsB,CAAAC,QAAA,EAAtB;AAA+BC,IAAAA,KAAA,EAAOH,0BAAAA;KAA6BV,QAAS,CAAA,CAAA;AACtF;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/Button/index.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { Text, View } from \"react-native\";\n\nexport default forwardRef<View>((props: any, ref) => {\n return (\n <View\n
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/Button/index.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { Text, View } from \"react-native\";\n\nexport default forwardRef<View>((props: any, ref) => {\n return (\n <View\n ref={ref}\n style={{\n paddingLeft: 24,\n paddingRight: 24,\n height: 40,\n backgroundColor: \"#ff2442\",\n borderRadius: 100,\n justifyContent: \"center\",\n alignItems: \"center\",\n ...props.style,\n }}\n {...props}\n >\n <Text style={{ color: \"#fff\" }}>{props.children}</Text>\n </View>\n );\n});\n"],"names":["forwardRef","props","ref","React","createElement","View","_objectSpread","style","paddingLeft","paddingRight","height","backgroundColor","borderRadius","justifyContent","alignItems","Text","color","children"],"mappings":";;;;AAGA,YAAA,aAAeA,UAAA,CAAiB,UAACC,KAAA,EAAYC,GAAQ,EAAA;AAEjD,EAAA,sBAAAC,KAAA,CAAAC,aAAA,CAACC,IAAA,EAAAC,cAAA,CAAA;AACCJ,IAAAA,GAAA,EAAAA,GAAA;AACAK,IAAAA,KAAO,EAAAD,cAAA,CAAA;AACLE,MAAAA,WAAa,EAAA,EAAA;AACbC,MAAAA,YAAc,EAAA,EAAA;AACdC,MAAAA,MAAQ,EAAA,EAAA;AACRC,MAAAA,eAAiB,EAAA,SAAA;AACjBC,MAAAA,YAAc,EAAA,GAAA;AACdC,MAAAA,cAAgB,EAAA,QAAA;AAChBC,MAAAA,UAAY,EAAA,QAAA;KACTb,EAAAA,KAAM,CAAAM,KAAA,CAAA;GAEPN,EAAAA,KAAA,kBAEJE,KAAA,CAAAC,aAAA,CAACW;AAAKR,IAAAA,KAAO,EAAA;AAAES,MAAAA,OAAO,MAAA;AAAO,KAAA;AAAA,GAAA,EAAIf,MAAMgB,QAAS,CAClD,CAAA,CAAA;AAEJ,CAAC,CAAA;;;;"}
|
|
@@ -1,2 +1,13 @@
|
|
|
1
|
+
import { lightColor } from '@xhs/reds-token-next';
|
|
1
2
|
|
|
3
|
+
var defaultProps = {
|
|
4
|
+
defaultValue: false,
|
|
5
|
+
disabled: false,
|
|
6
|
+
onClick: function onClick(event) {},
|
|
7
|
+
onChange: function onChange(value) {},
|
|
8
|
+
trackOnColor: lightColor.Primary,
|
|
9
|
+
trackOffColor: lightColor.Fill2
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
export { defaultProps };
|
|
2
13
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/Button/interface/index.ts"],"sourcesContent":["import { GestureResponderEvent } from \"react-native\";\nimport { lightColor } from \"@xhs/reds-token-next\";\n\nexport interface RedsButton {\n value?: boolean;\n defaultValue?: boolean;\n disabled?: boolean;\n onClick?: (event: GestureResponderEvent) => void;\n onChange?: (value: boolean) => void;\n trackOnColor?: string;\n trackOffColor?: string;\n}\n\nexport const defaultProps: RedsButton = {\n defaultValue: false,\n disabled: false,\n onClick: (event: GestureResponderEvent) => {},\n onChange: (value: boolean) => {},\n trackOnColor: lightColor.Primary,\n trackOffColor: lightColor.Fill2,\n};\n"],"names":["defaultProps","defaultValue","disabled","onClick","event","onChange","value","trackOnColor","lightColor","Primary","trackOffColor","Fill2"],"mappings":";;AAaO,IAAMA,YAA2B,GAAA;AACtCC,EAAAA,YAAc,EAAA,KAAA;AACdC,EAAAA,QAAU,EAAA,KAAA;AACVC,EAAAA,OAAA,EAAS,SAAAA,OAAAA,CAACC,KAAiC,EAAA,EAAC;AAC5CC,EAAAA,QAAA,EAAU,SAAAA,QAAAA,CAACC,KAAmB,EAAA,EAAC;EAC/BC,cAAcC,UAAW,CAAAC,OAAA;EACzBC,eAAeF,UAAW,CAAAG,KAAAA;AAC5B;;;;"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import '../../_chunks/BHmvJnIm.js';
|
|
2
|
+
import './hooks/ConfigCache/ConfigCache.js';
|
|
3
|
+
import './hooks/ConfigContext/ConfigContext.js';
|
|
4
|
+
export { a as default } from '../../_chunks/Br6Ked0G.js';
|
|
5
|
+
import '@xhs/reds-token-next';
|
|
6
|
+
import 'react';
|
|
7
|
+
//# sourceMappingURL=ConfigProvider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ConfigProvider.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
|
|
@@ -0,0 +1,145 @@
|
|
|
1
|
+
import { c as _createClass, _ as _objectSpread2, d as _classCallCheck, e as _typeof } from '../../../../_chunks/BHmvJnIm.js';
|
|
2
|
+
import { lightColor, darkColor, alwaysColor } from '@xhs/reds-token-next';
|
|
3
|
+
|
|
4
|
+
var __defProp = Object.defineProperty;
|
|
5
|
+
var __defNormalProp = function __defNormalProp(obj, key, value) {
|
|
6
|
+
return key in obj ? __defProp(obj, key, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
configurable: true,
|
|
9
|
+
writable: true,
|
|
10
|
+
value: value
|
|
11
|
+
}) : obj[key] = value;
|
|
12
|
+
};
|
|
13
|
+
var __publicField = function __publicField(obj, key, value) {
|
|
14
|
+
return __defNormalProp(obj, _typeof(key) !== "symbol" ? key + "" : key, value);
|
|
15
|
+
};
|
|
16
|
+
var ConfigCache = /*#__PURE__*/function () {
|
|
17
|
+
function ConfigCache(_ref) {
|
|
18
|
+
var id = _ref.id,
|
|
19
|
+
themeCache = _ref.themeCache;
|
|
20
|
+
_classCallCheck(this, ConfigCache);
|
|
21
|
+
__publicField(this, "configCache", {});
|
|
22
|
+
__publicField(this, "multipleConfigurations", false);
|
|
23
|
+
var rootThemeCache = {
|
|
24
|
+
colorMode: themeCache.colorMode,
|
|
25
|
+
token: {
|
|
26
|
+
lightColor: _objectSpread2({}, lightColor),
|
|
27
|
+
darkColor: _objectSpread2({}, darkColor),
|
|
28
|
+
alwaysColor: _objectSpread2({}, alwaysColor)
|
|
29
|
+
}
|
|
30
|
+
};
|
|
31
|
+
this.addNewConfigCache({
|
|
32
|
+
id: id,
|
|
33
|
+
themeCache: rootThemeCache,
|
|
34
|
+
parentId: id
|
|
35
|
+
});
|
|
36
|
+
}
|
|
37
|
+
return _createClass(ConfigCache, [{
|
|
38
|
+
key: "addNewConfigCache",
|
|
39
|
+
value: function addNewConfigCache(_ref2) {
|
|
40
|
+
var id = _ref2.id,
|
|
41
|
+
themeCache = _ref2.themeCache,
|
|
42
|
+
parentId = _ref2.parentId;
|
|
43
|
+
if (Object.keys(this.configCache).includes(id)) {
|
|
44
|
+
var _this$configCache$par, _themeCache$token, _this$configCache$par2, _themeCache$token2, _this$configCache$par3, _themeCache$token3, _this$configCache$par4, _themeCache$token4;
|
|
45
|
+
this.configCache[id].parentId = parentId;
|
|
46
|
+
this.configCache[id].themeCache = {
|
|
47
|
+
colorMode: themeCache.colorMode,
|
|
48
|
+
token: {
|
|
49
|
+
lightColor: _objectSpread2(_objectSpread2({}, (_this$configCache$par = this.configCache[parentId].themeCache.token) === null || _this$configCache$par === void 0 ? void 0 : _this$configCache$par.lightColor), (_themeCache$token = themeCache.token) === null || _themeCache$token === void 0 ? void 0 : _themeCache$token.lightColor),
|
|
50
|
+
darkColor: _objectSpread2(_objectSpread2({}, (_this$configCache$par2 = this.configCache[parentId].themeCache.token) === null || _this$configCache$par2 === void 0 ? void 0 : _this$configCache$par2.darkColor), (_themeCache$token2 = themeCache.token) === null || _themeCache$token2 === void 0 ? void 0 : _themeCache$token2.darkColor),
|
|
51
|
+
alwaysColor: _objectSpread2(_objectSpread2({}, (_this$configCache$par3 = this.configCache[parentId].themeCache.token) === null || _this$configCache$par3 === void 0 ? void 0 : _this$configCache$par3.alwaysColor), (_themeCache$token3 = themeCache.token) === null || _themeCache$token3 === void 0 ? void 0 : _themeCache$token3.alwaysColor),
|
|
52
|
+
components: _objectSpread2(_objectSpread2({}, (_this$configCache$par4 = this.configCache[parentId].themeCache.token) === null || _this$configCache$par4 === void 0 ? void 0 : _this$configCache$par4.components), (_themeCache$token4 = themeCache.token) === null || _themeCache$token4 === void 0 ? void 0 : _themeCache$token4.components)
|
|
53
|
+
}
|
|
54
|
+
};
|
|
55
|
+
} else {
|
|
56
|
+
this.configCache[id] = {
|
|
57
|
+
id: id,
|
|
58
|
+
themeCache: themeCache,
|
|
59
|
+
parentId: parentId
|
|
60
|
+
};
|
|
61
|
+
if (Object.keys(this.configCache).length > 1) {
|
|
62
|
+
this.multipleConfigurations = true;
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
}, {
|
|
67
|
+
key: "updateColorMode",
|
|
68
|
+
value: function updateColorMode(_ref3) {
|
|
69
|
+
var id = _ref3.id,
|
|
70
|
+
colorMode = _ref3.colorMode;
|
|
71
|
+
this.configCache[id].themeCache.colorMode = colorMode;
|
|
72
|
+
}
|
|
73
|
+
}, {
|
|
74
|
+
key: "getColorModeById",
|
|
75
|
+
value: function getColorModeById(id) {
|
|
76
|
+
var _this$configCache$id;
|
|
77
|
+
return (_this$configCache$id = this.configCache[id]) === null || _this$configCache$id === void 0 || (_this$configCache$id = _this$configCache$id.themeCache) === null || _this$configCache$id === void 0 ? void 0 : _this$configCache$id.colorMode;
|
|
78
|
+
}
|
|
79
|
+
}, {
|
|
80
|
+
key: "getTokenById",
|
|
81
|
+
value: function getTokenById(id, tokenType, key) {
|
|
82
|
+
var _this$configCache$id2;
|
|
83
|
+
if (((_this$configCache$id2 = this.configCache[id]) === null || _this$configCache$id2 === void 0 ? void 0 : _this$configCache$id2.id) === id) {
|
|
84
|
+
var _this$configCache$id$;
|
|
85
|
+
return (_this$configCache$id$ = this.configCache[id].themeCache.token) === null || _this$configCache$id$ === void 0 ? void 0 : _this$configCache$id$[tokenType][key];
|
|
86
|
+
} else {
|
|
87
|
+
var _this$configCache$id3;
|
|
88
|
+
return this.getTokenById(((_this$configCache$id3 = this.configCache[id]) === null || _this$configCache$id3 === void 0 ? void 0 : _this$configCache$id3.parentId) || "root", tokenType, key);
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
}, {
|
|
92
|
+
key: "getLightTokenById",
|
|
93
|
+
value: function getLightTokenById(id, key) {
|
|
94
|
+
return this.getTokenById(id, "lightColor", key);
|
|
95
|
+
}
|
|
96
|
+
}, {
|
|
97
|
+
key: "getDarkTokenById",
|
|
98
|
+
value: function getDarkTokenById(id, key) {
|
|
99
|
+
return this.getTokenById(id, "darkColor", key);
|
|
100
|
+
}
|
|
101
|
+
}, {
|
|
102
|
+
key: "getAlwaysTokenById",
|
|
103
|
+
value: function getAlwaysTokenById(id, key) {
|
|
104
|
+
return this.getTokenById(id, "alwaysColor", key);
|
|
105
|
+
}
|
|
106
|
+
}, {
|
|
107
|
+
key: "getTokenByIdAndComponent",
|
|
108
|
+
value: function getTokenByIdAndComponent(id, tokenType, component) {
|
|
109
|
+
var _this$configCache$id4;
|
|
110
|
+
if (((_this$configCache$id4 = this.configCache[id]) === null || _this$configCache$id4 === void 0 ? void 0 : _this$configCache$id4.id) === id) {
|
|
111
|
+
var _this$configCache$id$2, _this$configCache$id$3;
|
|
112
|
+
var componentToken = _objectSpread2(_objectSpread2({}, (_this$configCache$id$2 = this.configCache[id].themeCache.token) === null || _this$configCache$id$2 === void 0 ? void 0 : _this$configCache$id$2[tokenType]), (_this$configCache$id$3 = this.configCache[id].themeCache.token) === null || _this$configCache$id$3 === void 0 || (_this$configCache$id$3 = _this$configCache$id$3.components) === null || _this$configCache$id$3 === void 0 || (_this$configCache$id$3 = _this$configCache$id$3[component]) === null || _this$configCache$id$3 === void 0 ? void 0 : _this$configCache$id$3[tokenType]);
|
|
113
|
+
return componentToken;
|
|
114
|
+
} else {
|
|
115
|
+
var _this$configCache$id5;
|
|
116
|
+
return this.getTokenByIdAndComponent(((_this$configCache$id5 = this.configCache[id]) === null || _this$configCache$id5 === void 0 ? void 0 : _this$configCache$id5.parentId) || "root", tokenType, component);
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
}, {
|
|
120
|
+
key: "getLightTokenByIdAndComponent",
|
|
121
|
+
value: function getLightTokenByIdAndComponent(id, component) {
|
|
122
|
+
return this.getTokenByIdAndComponent(id, "lightColor", component);
|
|
123
|
+
}
|
|
124
|
+
}, {
|
|
125
|
+
key: "getDarkTokenByIdAndComponent",
|
|
126
|
+
value: function getDarkTokenByIdAndComponent(id, component) {
|
|
127
|
+
return this.getTokenByIdAndComponent(id, "darkColor", component);
|
|
128
|
+
}
|
|
129
|
+
}, {
|
|
130
|
+
key: "getAlwaysTokenByIdAndComponent",
|
|
131
|
+
value: function getAlwaysTokenByIdAndComponent(id, component) {
|
|
132
|
+
return this.getTokenByIdAndComponent(id, "alwaysColor", component);
|
|
133
|
+
}
|
|
134
|
+
}]);
|
|
135
|
+
}();
|
|
136
|
+
var configCache = new ConfigCache({
|
|
137
|
+
id: "root",
|
|
138
|
+
themeCache: {
|
|
139
|
+
colorMode: "light"
|
|
140
|
+
},
|
|
141
|
+
parentId: "root"
|
|
142
|
+
});
|
|
143
|
+
|
|
144
|
+
export { configCache };
|
|
145
|
+
//# sourceMappingURL=ConfigCache.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ConfigCache.js","sources":["../../../../../../src/components/ConfigProvider/hooks/ConfigCache/ConfigCache.ts"],"sourcesContent":["import { alwaysColor, lightColor, darkColor } from \"@xhs/reds-token-next\";\nimport { IConfigCache, Component, LightToken, DarkToken } from \"./interface\";\n\nclass ConfigCache {\n public configCache: Record<string, IConfigCache> = {};\n public multipleConfigurations: boolean = false;\n\n constructor({ id, themeCache }: IConfigCache) {\n const rootThemeCache = {\n colorMode: themeCache.colorMode,\n token: {\n lightColor: {\n ...lightColor,\n },\n darkColor: {\n ...darkColor,\n },\n alwaysColor: {\n ...alwaysColor,\n },\n },\n };\n this.addNewConfigCache({ id, themeCache: rootThemeCache, parentId: id });\n }\n\n addNewConfigCache({ id, themeCache, parentId }: IConfigCache) {\n if (Object.keys(this.configCache).includes(id)) {\n this.configCache[id].parentId = parentId;\n this.configCache[id].themeCache = {\n colorMode: themeCache.colorMode,\n token: {\n lightColor: {\n ...this.configCache[parentId].themeCache.token?.lightColor,\n ...themeCache.token?.lightColor,\n },\n darkColor: {\n ...this.configCache[parentId].themeCache.token?.darkColor,\n ...themeCache.token?.darkColor,\n },\n alwaysColor: {\n ...this.configCache[parentId].themeCache.token?.alwaysColor,\n ...themeCache.token?.alwaysColor,\n },\n components: {\n ...this.configCache[parentId].themeCache.token?.components,\n ...themeCache.token?.components,\n },\n },\n };\n } else {\n this.configCache[id] = { id, themeCache, parentId };\n if (Object.keys(this.configCache).length > 1) {\n this.multipleConfigurations = true;\n }\n }\n }\n\n updateColorMode({ id, colorMode }: { id: string; colorMode: \"light\" | \"dark\" }) {\n this.configCache[id].themeCache.colorMode = colorMode;\n }\n\n getColorModeById(id: string) {\n return this.configCache[id]?.themeCache?.colorMode;\n }\n\n getTokenById(id: string, tokenType: \"lightColor\" | \"darkColor\" | \"alwaysColor\", key: LightToken | DarkToken): any {\n if (this.configCache[id]?.id === id) {\n return this.configCache[id].themeCache.token?.[tokenType][key];\n } else {\n return this.getTokenById(this.configCache[id]?.parentId || \"root\", tokenType, key);\n }\n }\n\n getLightTokenById(id: string, key: LightToken | DarkToken) {\n return this.getTokenById(id, \"lightColor\", key);\n }\n\n getDarkTokenById(id: string, key: LightToken | DarkToken) {\n return this.getTokenById(id, \"darkColor\", key);\n }\n\n getAlwaysTokenById(id: string, key: LightToken | DarkToken) {\n return this.getTokenById(id, \"alwaysColor\", key);\n }\n\n getTokenByIdAndComponent(\n id: string,\n tokenType: \"lightColor\" | \"darkColor\" | \"alwaysColor\",\n component: Component,\n ): any {\n if (this.configCache[id]?.id === id) {\n const componentToken = {\n ...this.configCache[id].themeCache.token?.[tokenType],\n ...this.configCache[id].themeCache.token?.components?.[component]?.[tokenType],\n };\n return componentToken;\n } else {\n return this.getTokenByIdAndComponent(this.configCache[id]?.parentId || \"root\", tokenType, component);\n }\n }\n\n getLightTokenByIdAndComponent(id: string, component: Component) {\n return this.getTokenByIdAndComponent(id, \"lightColor\", component);\n }\n\n getDarkTokenByIdAndComponent(id: string, component: Component) {\n return this.getTokenByIdAndComponent(id, \"darkColor\", component);\n }\n\n getAlwaysTokenByIdAndComponent(id: string, component: Component) {\n return this.getTokenByIdAndComponent(id, \"alwaysColor\", component);\n }\n}\n\nexport const configCache = new ConfigCache({ id: \"root\", themeCache: { colorMode: \"light\" }, parentId: \"root\" });\n"],"names":["ConfigCache","_ref","id","themeCache","_classCallCheck","__publicField","rootThemeCache","colorMode","token","lightColor","_objectSpread","darkColor","alwaysColor","addNewConfigCache","parentId","_createClass","key","value","_ref2","Object","keys","configCache","includes","_this$configCache$par","_themeCache$token","_this$configCache$par2","_themeCache$token2","_this$configCache$par3","_themeCache$token3","_this$configCache$par4","_themeCache$token4","components","length","multipleConfigurations","updateColorMode","_ref3","getColorModeById","_this$configCache$id","getTokenById","tokenType","_this$configCache$id2","_this$configCache$id$","_this$configCache$id3","getLightTokenById","getDarkTokenById","getAlwaysTokenById","getTokenByIdAndComponent","component","_this$configCache$id4","_this$configCache$id$2","_this$configCache$id$3","componentToken","_this$configCache$id5","getLightTokenByIdAndComponent","getDarkTokenByIdAndComponent","getAlwaysTokenByIdAndComponent"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"interface.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|