@xhsreds/reds-rn-next 0.0.5 → 0.0.9
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 +13 -13
- package/lib/cjs/components/Button/index.js +2 -2
- package/lib/cjs/components/Button/index.js.map +1 -1
- package/lib/cjs/components/Button/interface/index.js +8 -1
- package/lib/cjs/components/Button/interface/index.js.map +1 -1
- package/lib/cjs/components/ConfigProvider/ConfigProvider.js +40 -8
- package/lib/cjs/components/ConfigProvider/ConfigProvider.js.map +1 -1
- package/lib/cjs/components/ConfigProvider/hooks/ConfigCache/ConfigCache.js +1 -1
- package/lib/cjs/components/ConfigProvider/hooks/ConfigCache/ConfigCache.js.map +1 -1
- package/lib/cjs/components/ConfigProvider/hooks/ConfigCache/index.js +1 -1
- package/lib/cjs/components/ConfigProvider/hooks/themeToken/useThemeToken.js +1 -1
- package/lib/cjs/components/ConfigProvider/hooks/themeToken/useThemeToken.js.map +1 -1
- package/lib/cjs/components/ConfigProvider/index.js +3 -3
- package/lib/cjs/components/ConfigProvider/interface/index.js +17 -0
- package/lib/cjs/components/ConfigProvider/interface/index.js.map +1 -1
- package/lib/cjs/components/Popover/hook.js.map +1 -1
- package/lib/cjs/components/Popover/index.js +1 -1
- package/lib/cjs/components/Popover/index.js.map +1 -1
- package/lib/cjs/components/Popover/interface/index.js +2 -3
- package/lib/cjs/components/Popover/interface/index.js.map +1 -1
- package/lib/cjs/components/Switch/index.js +2 -2
- package/lib/cjs/components/Switch/index.js.map +1 -1
- package/lib/cjs/components/Switch/interface/index.js +3 -3
- package/lib/cjs/components/Switch/interface/index.js.map +1 -1
- package/lib/cjs/index.js +5 -3
- package/lib/cjs/index.js.map +1 -1
- package/lib/esm/components/Button/index.js +2 -2
- package/lib/esm/components/Button/index.js.map +1 -1
- package/lib/esm/components/Button/interface/index.js +8 -2
- package/lib/esm/components/Button/interface/index.js.map +1 -1
- package/lib/esm/components/ConfigProvider/ConfigProvider.js +42 -6
- package/lib/esm/components/ConfigProvider/ConfigProvider.js.map +1 -1
- package/lib/esm/components/ConfigProvider/hooks/ConfigCache/ConfigCache.js +1 -1
- package/lib/esm/components/ConfigProvider/hooks/ConfigCache/ConfigCache.js.map +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/hooks/themeToken/useThemeToken.js.map +1 -1
- package/lib/esm/components/ConfigProvider/index.js +2 -2
- package/lib/esm/components/ConfigProvider/interface/index.js +17 -1
- package/lib/esm/components/ConfigProvider/interface/index.js.map +1 -1
- package/lib/esm/components/Popover/hook.js.map +1 -1
- package/lib/esm/components/Popover/index.js +1 -1
- package/lib/esm/components/Popover/index.js.map +1 -1
- package/lib/esm/components/Popover/interface/index.js +2 -3
- package/lib/esm/components/Popover/interface/index.js.map +1 -1
- package/lib/esm/components/Switch/index.js +3 -3
- 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 +3 -2
- package/lib/esm/index.js.map +1 -1
- package/lib/types/packages/reds-rn/src/components/Button/demo/index.d.ts +2 -0
- package/lib/types/packages/reds-rn/src/components/Button/index.d.ts +3 -0
- package/lib/types/{src → packages/reds-rn/src}/components/Button/interface/index.d.ts +1 -0
- package/lib/types/packages/reds-rn/src/components/Button/test/index.bench.d.ts +1 -0
- package/lib/types/packages/reds-rn/src/components/Button/test/index.test.d.ts +1 -0
- package/lib/types/packages/reds-rn/src/components/ConfigProvider/ConfigProvider.d.ts +4 -0
- package/lib/types/packages/reds-rn/src/components/ConfigProvider/demo/index.d.ts +2 -0
- package/lib/types/{src → packages/reds-rn/src}/components/ConfigProvider/hooks/ConfigCache/interface.d.ts +1 -1
- package/lib/types/{src → packages/reds-rn/src}/components/ConfigProvider/index.d.ts +1 -1
- package/lib/types/{src → packages/reds-rn/src}/components/ConfigProvider/interface/index.d.ts +1 -0
- package/lib/types/packages/reds-rn/src/components/ConfigProvider/test/index.bench.d.ts +1 -0
- package/lib/types/packages/reds-rn/src/components/ConfigProvider/test/index.test.d.ts +1 -0
- package/lib/types/packages/reds-rn/src/components/Popover/demo/index.d.ts +2 -0
- package/lib/types/{src → packages/reds-rn/src}/components/Popover/hook.d.ts +2 -1
- package/lib/types/{src → packages/reds-rn/src}/components/Popover/interface/index.d.ts +2 -2
- package/lib/types/packages/reds-rn/src/components/Popover/test/index.bench.d.ts +1 -0
- package/lib/types/packages/reds-rn/src/components/Popover/test/index.test.d.ts +1 -0
- package/lib/types/packages/reds-rn/src/components/Switch/demo/index.d.ts +2 -0
- package/lib/types/{src → packages/reds-rn/src}/components/Switch/interface/index.d.ts +3 -3
- package/lib/types/packages/reds-rn/src/components/Switch/test/index.bench.d.ts +1 -0
- package/lib/types/packages/reds-rn/src/components/Switch/test/index.test.d.ts +1 -0
- package/lib/types/{src → packages/reds-rn/src}/index.d.ts +1 -0
- package/lib/types/utils/redsBench.d.ts +3 -0
- package/package.json +3 -3
- package/src/components/Button/demo/index.tsx +6 -6
- package/src/components/Button/index.tsx +3 -1
- package/src/components/Button/interface/index.ts +6 -0
- package/src/components/Button/test/index.bench.tsx +1 -1
- package/src/components/Button/test/index.test.tsx +0 -1
- package/src/components/ConfigProvider/ConfigProvider.tsx +2 -1
- package/src/components/ConfigProvider/demo/index.tsx +8 -8
- package/src/components/ConfigProvider/index.ts +1 -1
- package/src/components/ConfigProvider/interface/index.ts +16 -0
- package/src/components/ConfigProvider/test/index.bench.tsx +1 -1
- package/src/components/Popover/demo/index.tsx +2 -2
- package/src/components/Popover/doc/index.mdx +11 -11
- package/src/components/Popover/hook.ts +2 -1
- package/src/components/Popover/interface/index.ts +2 -3
- package/src/components/Switch/demo/index.tsx +4 -3
- package/src/components/Switch/doc/index.mdx +4 -4
- package/src/components/Switch/index.tsx +2 -2
- package/src/components/Switch/interface/index.ts +4 -5
- package/src/index.ts +2 -0
- package/tsconfig.json +6 -2
- package/lib/cjs/_chunks/DiJl2cva.js +0 -49
- package/lib/cjs/_chunks/DiJl2cva.js.map +0 -1
- package/lib/cjs/components/NN/index.js +0 -83
- package/lib/cjs/components/NN/index.js.map +0 -1
- package/lib/cjs/components/NN/interface/index.js +0 -13
- package/lib/cjs/components/NN/interface/index.js.map +0 -1
- package/lib/cjs/components/NNNN/index.js +0 -83
- package/lib/cjs/components/NNNN/index.js.map +0 -1
- package/lib/cjs/components/NNNN/interface/index.js +0 -13
- package/lib/cjs/components/NNNN/interface/index.js.map +0 -1
- package/lib/cjs/components/PP/index.js +0 -83
- package/lib/cjs/components/PP/index.js.map +0 -1
- package/lib/cjs/components/PP/interface/index.js +0 -14
- package/lib/cjs/components/PP/interface/index.js.map +0 -1
- package/lib/esm/_chunks/Br6Ked0G.js +0 -46
- package/lib/esm/_chunks/Br6Ked0G.js.map +0 -1
- package/lib/esm/components/NN/index.js +0 -79
- package/lib/esm/components/NN/index.js.map +0 -1
- package/lib/esm/components/NN/interface/index.js +0 -11
- package/lib/esm/components/NN/interface/index.js.map +0 -1
- package/lib/esm/components/NNNN/index.js +0 -79
- package/lib/esm/components/NNNN/index.js.map +0 -1
- package/lib/esm/components/NNNN/interface/index.js +0 -11
- package/lib/esm/components/NNNN/interface/index.js.map +0 -1
- package/lib/esm/components/PP/index.js +0 -79
- package/lib/esm/components/PP/index.js.map +0 -1
- package/lib/esm/components/PP/interface/index.js +0 -12
- package/lib/esm/components/PP/interface/index.js.map +0 -1
- package/lib/types/src/components/Button/index.d.ts +0 -4
- package/lib/types/src/components/ConfigProvider/ConfigProvider.d.ts +0 -4
- package/lib/types/src/components/NN/index.d.ts +0 -7
- package/lib/types/src/components/NN/interface/index.d.ts +0 -10
- package/lib/types/src/components/NNNN/index.d.ts +0 -7
- package/lib/types/src/components/NNNN/interface/index.d.ts +0 -10
- package/lib/types/src/components/PP/index.d.ts +0 -7
- package/lib/types/src/components/PP/interface/index.d.ts +0 -11
- package/src/components/Button/demo/index.jsx +0 -50
- /package/lib/types/{src → packages/reds-rn/src}/components/ConfigProvider/hooks/ConfigCache/ConfigCache.d.ts +0 -0
- /package/lib/types/{src → packages/reds-rn/src}/components/ConfigProvider/hooks/ConfigCache/index.d.ts +0 -0
- /package/lib/types/{src → packages/reds-rn/src}/components/ConfigProvider/hooks/ConfigContext/ConfigContext.d.ts +0 -0
- /package/lib/types/{src → packages/reds-rn/src}/components/ConfigProvider/hooks/themeToken/useThemeToken.d.ts +0 -0
- /package/lib/types/{src → packages/reds-rn/src}/components/Popover/component.d.ts +0 -0
- /package/lib/types/{src → packages/reds-rn/src}/components/Popover/index.d.ts +0 -0
- /package/lib/types/{src → packages/reds-rn/src}/components/Popover/manifest.d.ts +0 -0
- /package/lib/types/{src → packages/reds-rn/src}/components/Switch/index.d.ts +0 -0
|
@@ -2,16 +2,16 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var components_ConfigProvider_ConfigProvider = require('
|
|
5
|
+
var components_ConfigProvider_ConfigProvider = require('./ConfigProvider.js');
|
|
6
6
|
var components_ConfigProvider_hooks_themeToken_useThemeToken = require('./hooks/themeToken/useThemeToken.js');
|
|
7
7
|
require('../../_chunks/CAyGJuk1.js');
|
|
8
8
|
require('./hooks/ConfigCache/ConfigCache.js');
|
|
9
|
-
require('@
|
|
9
|
+
require('@xhsreds/reds-token-next');
|
|
10
10
|
require('./hooks/ConfigContext/ConfigContext.js');
|
|
11
11
|
require('react');
|
|
12
12
|
|
|
13
13
|
|
|
14
14
|
|
|
15
|
-
exports.default = components_ConfigProvider_ConfigProvider.
|
|
15
|
+
exports.default = components_ConfigProvider_ConfigProvider.default;
|
|
16
16
|
exports.useThemeColor = components_ConfigProvider_hooks_themeToken_useThemeToken.useThemeColor;
|
|
17
17
|
//# sourceMappingURL=index.js.map
|
|
@@ -16,6 +16,23 @@ var defaultProps = {
|
|
|
16
16
|
inherit: true,
|
|
17
17
|
token: {}
|
|
18
18
|
};
|
|
19
|
+
var ConfigProviderDefaultProps = {
|
|
20
|
+
id: "root",
|
|
21
|
+
parentId: "root",
|
|
22
|
+
theme: {
|
|
23
|
+
colorMode: "light",
|
|
24
|
+
inherit: true,
|
|
25
|
+
token: {
|
|
26
|
+
lightColor: {},
|
|
27
|
+
darkColor: {},
|
|
28
|
+
alwaysColor: {}
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
colorMode: "light",
|
|
32
|
+
inherit: true,
|
|
33
|
+
token: {}
|
|
34
|
+
};
|
|
19
35
|
|
|
36
|
+
exports.ConfigProviderDefaultProps = ConfigProviderDefaultProps;
|
|
20
37
|
exports.defaultProps = defaultProps;
|
|
21
38
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/ConfigProvider/interface/index.ts"],"sourcesContent":["type ColorMode = \"light\" | \"dark\";\ntype Component = \"Button\" | \"Popover\";\n\ntype ComponentsToken = {\n [K in Component]?: {\n lightColor?: Record<string, string>;\n darkColor?: Record<string, string>;\n alwaysColor?: Record<string, string>;\n };\n};\n\ninterface IThemeConfig {\n token?: {\n lightColor?: Record<string, string>;\n darkColor?: Record<string, string>;\n alwaysColor?: Record<string, string>;\n components?: ComponentsToken;\n };\n inherit?: boolean;\n colorMode?: ColorMode;\n}\n\nexport interface ConfigProviderProps {\n id?: string;\n children: React.ReactNode;\n theme?: IThemeConfig;\n parentId?: string;\n}\nexport interface RedsConfigProvider {\n id?: string;\n parentId?: string;\n theme?: IThemeConfig;\n colorMode?: string;\n inherit?: boolean;\n token: Object;\n}\n\nexport interface RedsConfigProviderEvent {}\nexport const defaultProps: RedsConfigProvider = {\n id: \"root\",\n parentId: \"root\",\n theme: {\n colorMode: \"light\",\n inherit: true,\n token: {\n lightColor: {},\n darkColor: {},\n alwaysColor: {},\n },\n },\n colorMode: \"light\",\n inherit: true,\n token: {},\n};\n"],"names":["defaultProps","id","parentId","theme","colorMode","inherit","token","lightColor","darkColor","alwaysColor"],"mappings":";;AAsCO,IAAMA,YAAmC,GAAA;AAC9CC,EAAAA,EAAI,EAAA,MAAA;AACJC,EAAAA,QAAU,EAAA,MAAA;AACVC,EAAAA,KAAO,EAAA;AACLC,IAAAA,SAAW,EAAA,OAAA;AACXC,IAAAA,OAAS,EAAA,IAAA;AACTC,IAAAA,KAAO,EAAA;MACLC,YAAY,EAAC;MACbC,WAAW,EAAC;AACZC,MAAAA,aAAa,EAAC;AAChB,KAAA;GACF;AACAL,EAAAA,SAAW,EAAA,OAAA;AACXC,EAAAA,OAAS,EAAA,IAAA;AACTC,EAAAA,OAAO,EAAC;AACV
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/ConfigProvider/interface/index.ts"],"sourcesContent":["type ColorMode = \"light\" | \"dark\";\ntype Component = \"Button\" | \"Popover\";\n\ntype ComponentsToken = {\n [K in Component]?: {\n lightColor?: Record<string, string>;\n darkColor?: Record<string, string>;\n alwaysColor?: Record<string, string>;\n };\n};\n\ninterface IThemeConfig {\n token?: {\n lightColor?: Record<string, string>;\n darkColor?: Record<string, string>;\n alwaysColor?: Record<string, string>;\n components?: ComponentsToken;\n };\n inherit?: boolean;\n colorMode?: ColorMode;\n}\n\nexport interface ConfigProviderProps {\n id?: string;\n children: React.ReactNode;\n theme?: IThemeConfig;\n parentId?: string;\n}\nexport interface RedsConfigProvider {\n id?: string;\n parentId?: string;\n theme?: IThemeConfig;\n colorMode?: string;\n inherit?: boolean;\n token: Object;\n}\n\nexport interface RedsConfigProviderEvent {}\nexport const defaultProps: RedsConfigProvider = {\n id: \"root\",\n parentId: \"root\",\n theme: {\n colorMode: \"light\",\n inherit: true,\n token: {\n lightColor: {},\n darkColor: {},\n alwaysColor: {},\n },\n },\n colorMode: \"light\",\n inherit: true,\n token: {},\n};\nexport const ConfigProviderDefaultProps: RedsConfigProvider = {\n id: \"root\",\n parentId: \"root\",\n theme: {\n colorMode: \"light\",\n inherit: true,\n token: {\n lightColor: {},\n darkColor: {},\n alwaysColor: {},\n },\n },\n colorMode: \"light\",\n inherit: true,\n token: {},\n};\n"],"names":["defaultProps","id","parentId","theme","colorMode","inherit","token","lightColor","darkColor","alwaysColor","ConfigProviderDefaultProps"],"mappings":";;AAsCO,IAAMA,YAAmC,GAAA;AAC9CC,EAAAA,EAAI,EAAA,MAAA;AACJC,EAAAA,QAAU,EAAA,MAAA;AACVC,EAAAA,KAAO,EAAA;AACLC,IAAAA,SAAW,EAAA,OAAA;AACXC,IAAAA,OAAS,EAAA,IAAA;AACTC,IAAAA,KAAO,EAAA;MACLC,YAAY,EAAC;MACbC,WAAW,EAAC;AACZC,MAAAA,aAAa,EAAC;AAChB,KAAA;GACF;AACAL,EAAAA,SAAW,EAAA,OAAA;AACXC,EAAAA,OAAS,EAAA,IAAA;AACTC,EAAAA,OAAO,EAAC;AACV,EAAA;AACO,IAAMI,0BAAiD,GAAA;AAC5DT,EAAAA,EAAI,EAAA,MAAA;AACJC,EAAAA,QAAU,EAAA,MAAA;AACVC,EAAAA,KAAO,EAAA;AACLC,IAAAA,SAAW,EAAA,OAAA;AACXC,IAAAA,OAAS,EAAA,IAAA;AACTC,IAAAA,KAAO,EAAA;MACLC,YAAY,EAAC;MACbC,WAAW,EAAC;AACZC,MAAAA,aAAa,EAAC;AAChB,KAAA;GACF;AACAL,EAAAA,SAAW,EAAA,OAAA;AACXC,EAAAA,OAAS,EAAA,IAAA;AACTC,EAAAA,OAAO,EAAC;AACV;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hook.js","sources":["../../../../src/components/Popover/hook.ts"],"sourcesContent":["import { useRef } from \"react\";\nimport { Platform, View } from \"react-native\";\nimport type { MeasureOnSuccessCallback, NativeMethods, LayoutChangeEvent } from \"react-native\";\nimport { useFloating as useFloatingUI, shift, limitShift, flip, offset, arrow } from \"@floating-ui/react-native\";\n\nexport const useFloating = ({ placement, needModal }: { placement: \"
|
|
1
|
+
{"version":3,"file":"hook.js","sources":["../../../../src/components/Popover/hook.ts"],"sourcesContent":["import { useRef } from \"react\";\nimport { Platform, View } from \"react-native\";\nimport type { MeasureOnSuccessCallback, NativeMethods, LayoutChangeEvent } from \"react-native\";\nimport { useFloating as useFloatingUI, shift, limitShift, flip, offset, arrow } from \"@floating-ui/react-native\";\nimport { RedsPopover } from \"./interface\";\n\nexport const useFloating = ({ placement, needModal }: { placement: RedsPopover[\"placement\"]; needModal: boolean }) => {\n const arrowRef = useRef(null);\n const floatingHeight = useRef(0);\n const referenceX = useRef(0);\n const referenceY = useRef(0);\n const { refs, floatingStyles, middlewareData, elements, ...other } = useFloatingUI({\n placement,\n sameScrollView: !needModal,\n // offset 9,箭头加空隙的宽度\n middleware: [\n shift({ limiter: limitShift({ offset: 9 }), padding: 8 }),\n flip(),\n offset(9),\n arrow({ element: arrowRef, padding: 8 }),\n ],\n });\n // hack 的方式解决 android reactnode measure 方法返回 x、y 一直为 0 的情况。\n // https://github.com/facebook/react-native/issues/35755\n if (Platform.OS === \"android\" && elements.reference) {\n if (!elements.reference.oldmeasure) {\n elements.reference.oldmeasure = (elements.reference as View).measure.bind(elements.reference);\n elements.reference.measure = (fn: MeasureOnSuccessCallback) => {\n return (elements.reference.oldmeasure as NativeMethods[\"measure\"])((x, y, ...other) => {\n return fn(referenceX.current, referenceY.current, ...other);\n });\n };\n }\n }\n\n return {\n setFloatingRef: <T>(ref: T) => refs.setFloating(ref),\n setReferenceRef: <T>(ref: T) => refs.setReference(ref),\n // setOffsetParentRef: <T>(ref: T) => refs.setOffsetParent(ref),\n setOffsetParentRef: refs.offsetParent,\n setArrowRef: arrowRef,\n onReferenceLayout: (event: { nativeEvent: { layout: { x: any; y: any } } }) => {\n const { x, y } = event.nativeEvent.layout;\n referenceX.current = x;\n referenceY.current = y;\n },\n onFloatingLayout: (event: LayoutChangeEvent) => {\n const { height } = event.nativeEvent.layout;\n floatingHeight.current = height;\n },\n refs,\n elements,\n middlewareData,\n floatingStyles:\n (floatingStyles.left || floatingStyles.top) && middlewareData.arrow?.x\n ? floatingStyles\n : { ...floatingStyles, opacity: 0 }, // 因为 rn 的大小位置信息获取皆为异步,且时间有差异,渲染有时间差。故在未全部计算完成前,控制透明度\n arrowStyles: {\n position: \"absolute\",\n left: middlewareData.arrow?.x != null ? middlewareData.arrow.x : null,\n top: middlewareData.offset?.placement.includes(\"top\") ? floatingHeight.current : -12,\n transform: middlewareData.offset?.placement.includes(\"top\") ? `rotate(180deg)` : `rotate(0deg)`,\n },\n ...other,\n };\n};\n"],"names":["useFloating","_ref","_middlewareData$arrow","_middlewareData$arrow2","_middlewareData$offse","_middlewareData$offse2","placement","needModal","arrowRef","useRef","floatingHeight","referenceX","referenceY","_useFloatingUI","useFloatingUI","sameScrollView","middleware","shift","limiter","limitShift","offset","padding","flip","arrow","element","refs","floatingStyles","middlewareData","elements","other","_objectWithoutProperties","_excluded","Platform","OS","reference","oldmeasure","measure","bind","fn","x","y","_len","arguments","length","Array","_key","current","concat","_objectSpread","setFloatingRef","ref","setFloating","setReferenceRef","setReference","setOffsetParentRef","offsetParent","setArrowRef","onReferenceLayout","event","_event$nativeEvent$la","nativeEvent","layout","onFloatingLayout","height","left","top","opacity","arrowStyles","position","includes","transform"],"mappings":"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"}
|
|
@@ -7,7 +7,7 @@ var React = require('react');
|
|
|
7
7
|
var reactNative = require('react-native');
|
|
8
8
|
var components_Popover_component = require('./component.js');
|
|
9
9
|
var components_Popover_hook = require('./hook.js');
|
|
10
|
-
var redsTokenNext = require('@
|
|
10
|
+
var redsTokenNext = require('@xhsreds/reds-token-next');
|
|
11
11
|
require('@floating-ui/react-native');
|
|
12
12
|
|
|
13
13
|
var index = (function (_ref) {
|
|
@@ -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 \"@
|
|
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 \"@xhsreds/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":"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"}
|
|
@@ -1,15 +1,14 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var PopoverDefaultProps = {
|
|
4
4
|
visible: void 0,
|
|
5
5
|
placement: "top",
|
|
6
6
|
content: "",
|
|
7
7
|
opacity: 0,
|
|
8
|
-
mode: "light",
|
|
9
8
|
trigger: "click",
|
|
10
9
|
zIndex: 1e3,
|
|
11
10
|
closeOnClickAgain: true
|
|
12
11
|
};
|
|
13
12
|
|
|
14
|
-
exports.
|
|
13
|
+
exports.PopoverDefaultProps = PopoverDefaultProps;
|
|
15
14
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/Popover/interface/index.ts"],"sourcesContent":["import { ReactNode } from \"react\";\nexport interface RedsPopover {\n visible?: boolean;\n placement?: \"top\" | \"bottom\";\n content?: string;\n opacity?: number;\n mode?: \"light\" | \"dark\";\n trigger?: \"click\" | \"touch\";\n zIndex?: number;\n closeOnClickAgain?: boolean;\n children?: ReactNode;\n onClickMask?: (evnet: Event) => void;\n onVisibleChange?: (value: boolean) => void;\n}\n\nexport interface RedsPopoverEvent {}\nexport const
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/Popover/interface/index.ts"],"sourcesContent":["import { ReactNode } from \"react\";\nexport interface RedsPopover {\n visible?: boolean;\n placement?: \"top-start\" | \"top\" | \"top-end\" | \"bottom-start\" | \"bottom\" | \"bottom-end\";\n content?: string;\n opacity?: number;\n mode?: \"light\" | \"dark\";\n trigger?: \"click\" | \"touch\";\n zIndex?: number;\n closeOnClickAgain?: boolean;\n children?: ReactNode;\n onClickMask?: (evnet: Event) => void;\n onVisibleChange?: (value: boolean) => void;\n}\n\nexport interface RedsPopoverEvent {}\nexport const PopoverDefaultProps: RedsPopover = {\n visible: undefined,\n placement: \"top\",\n content: \"\",\n opacity: 0,\n trigger: \"click\",\n zIndex: 1000,\n closeOnClickAgain: true,\n};\n"],"names":["PopoverDefaultProps","visible","placement","content","opacity","trigger","zIndex","closeOnClickAgain"],"mappings":";;AAgBO,IAAMA,mBAAmC,GAAA;EAC9CC,OAAS,EAAA,KAAA,CAAA;AACTC,EAAAA,SAAW,EAAA,KAAA;AACXC,EAAAA,OAAS,EAAA,EAAA;AACTC,EAAAA,OAAS,EAAA,CAAA;AACTC,EAAAA,OAAS,EAAA,OAAA;AACTC,EAAAA,MAAQ,EAAA,GAAA;AACRC,EAAAA,iBAAmB,EAAA,IAAA;AACrB;;;;"}
|
|
@@ -6,7 +6,7 @@ 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
|
-
var redsTokenNext = require('@
|
|
9
|
+
var redsTokenNext = require('@xhsreds/reds-token-next');
|
|
10
10
|
|
|
11
11
|
var Switch = function Switch(_ref) {
|
|
12
12
|
var isOn = _ref.value,
|
|
@@ -60,7 +60,7 @@ var Switch = function Switch(_ref) {
|
|
|
60
60
|
}]
|
|
61
61
|
})));
|
|
62
62
|
};
|
|
63
|
-
Switch.defaultProps = components_Switch_interface_index.
|
|
63
|
+
Switch.defaultProps = components_Switch_interface_index.SwitchDefaultProps;
|
|
64
64
|
var styles = reactNative.StyleSheet.create({
|
|
65
65
|
switchContainer: {
|
|
66
66
|
width: 40,
|
|
@@ -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,
|
|
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, SwitchDefaultProps } from \"./interface/index\";\nimport { alwaysColor } from \"@xhsreds/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 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 = SwitchDefaultProps;\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","SwitchDefaultProps","StyleSheet","create","width","height","borderRadius","justifyContent","alignItems","alwaysColor","White","position","left"],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var redsTokenNext = require('@
|
|
3
|
+
var redsTokenNext = require('@xhsreds/reds-token-next');
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var SwitchDefaultProps = {
|
|
6
6
|
value: void 0,
|
|
7
7
|
defaultValue: false,
|
|
8
8
|
disabled: false,
|
|
@@ -10,5 +10,5 @@ var defaultProps = {
|
|
|
10
10
|
trackOffColor: redsTokenNext.lightColor.Fill2
|
|
11
11
|
};
|
|
12
12
|
|
|
13
|
-
exports.
|
|
13
|
+
exports.SwitchDefaultProps = SwitchDefaultProps;
|
|
14
14
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/Switch/interface/index.ts"],"sourcesContent":["import { GestureResponderEvent } from \"react-native\";\nimport { lightColor } from \"@
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/Switch/interface/index.ts"],"sourcesContent":["import { GestureResponderEvent } from \"react-native\";\nimport { lightColor } from \"@xhsreds/reds-token-next\";\nexport interface RedsSwitch {\n value?: boolean;\n defaultValue?: boolean;\n disabled?: boolean;\n trackOnColor?: string;\n trackOffColor?: string;\n onChange?: (value: boolean) => any;\n onClick?: (value: GestureResponderEvent) => any;\n}\n\nexport interface RedsSwitchEvent {}\nexport const SwitchDefaultProps: RedsSwitch = {\n value: undefined,\n defaultValue: false,\n disabled: false,\n trackOnColor: lightColor.Primary,\n trackOffColor: lightColor.Fill2,\n};\n"],"names":["SwitchDefaultProps","value","defaultValue","disabled","trackOnColor","lightColor","Primary","trackOffColor","Fill2"],"mappings":";;;;AAaO,IAAMA,kBAAiC,GAAA;EAC5CC,KAAO,EAAA,KAAA,CAAA;AACPC,EAAAA,YAAc,EAAA,KAAA;AACdC,EAAAA,QAAU,EAAA,KAAA;EACVC,cAAcC,wBAAW,CAAAC,OAAA;EACzBC,eAAeF,wBAAW,CAAAG,KAAAA;AAC5B;;;;"}
|
package/lib/cjs/index.js
CHANGED
|
@@ -3,15 +3,16 @@
|
|
|
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
|
-
var components_ConfigProvider_ConfigProvider = require('./
|
|
6
|
+
var components_ConfigProvider_ConfigProvider = require('./components/ConfigProvider/ConfigProvider.js');
|
|
7
7
|
var components_ConfigProvider_hooks_themeToken_useThemeToken = require('./components/ConfigProvider/hooks/themeToken/useThemeToken.js');
|
|
8
|
+
var components_Popover_interface_index = require('./components/Popover/interface/index.js');
|
|
8
9
|
require('./_chunks/CAyGJuk1.js');
|
|
9
10
|
require('react');
|
|
10
11
|
require('react-native');
|
|
11
12
|
require('./components/Popover/component.js');
|
|
12
13
|
require('./components/Popover/hook.js');
|
|
13
14
|
require('@floating-ui/react-native');
|
|
14
|
-
require('@
|
|
15
|
+
require('@xhsreds/reds-token-next');
|
|
15
16
|
require('./components/Switch/interface/index.js');
|
|
16
17
|
require('./components/ConfigProvider/hooks/ConfigCache/ConfigCache.js');
|
|
17
18
|
require('./components/ConfigProvider/hooks/ConfigContext/ConfigContext.js');
|
|
@@ -21,6 +22,7 @@ require('./components/ConfigProvider/hooks/ConfigContext/ConfigContext.js');
|
|
|
21
22
|
exports.Button = components_Button_index.default;
|
|
22
23
|
exports.Popover = components_Popover_index.default;
|
|
23
24
|
exports.Switch = components_Switch_index.default;
|
|
24
|
-
exports.ConfigProvider = components_ConfigProvider_ConfigProvider.
|
|
25
|
+
exports.ConfigProvider = components_ConfigProvider_ConfigProvider.default;
|
|
25
26
|
exports.useThemeColor = components_ConfigProvider_hooks_themeToken_useThemeToken.useThemeColor;
|
|
27
|
+
exports.PopoverDefaultProps = components_Popover_interface_index.PopoverDefaultProps;
|
|
26
28
|
//# 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":";;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -2,7 +2,7 @@ import { _ as _objectSpread2 } from '../../_chunks/BHmvJnIm.js';
|
|
|
2
2
|
import React, { forwardRef } from 'react';
|
|
3
3
|
import { View, Text } from 'react-native';
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var Button = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
6
6
|
return /* @__PURE__ */React.createElement(View, _objectSpread2({
|
|
7
7
|
ref: ref,
|
|
8
8
|
style: _objectSpread2({
|
|
@@ -21,5 +21,5 @@ var index = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
21
21
|
}, props.children));
|
|
22
22
|
});
|
|
23
23
|
|
|
24
|
-
export {
|
|
24
|
+
export { Button as default };
|
|
25
25
|
//# sourceMappingURL=index.js.map
|
|
@@ -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\
|
|
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\nconst Button: React.FC<any> = 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\nexport default Button;\n"],"names":["Button","forwardRef","props","ref","React","createElement","View","_objectSpread","style","paddingLeft","paddingRight","height","backgroundColor","borderRadius","justifyContent","alignItems","Text","color","children"],"mappings":";;;;AAGMA,IAAAA,MAAwB,gBAAAC,UAAA,CAAiB,UAACC,KAAA,EAAYC,GAAQ,EAAA;AAEhE,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;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { lightColor } from '@
|
|
1
|
+
import { lightColor } from '@xhsreds/reds-token-next';
|
|
2
2
|
|
|
3
3
|
var defaultProps = {
|
|
4
4
|
defaultValue: false,
|
|
@@ -6,6 +6,12 @@ var defaultProps = {
|
|
|
6
6
|
trackOnColor: lightColor.Primary,
|
|
7
7
|
trackOffColor: lightColor.Fill2
|
|
8
8
|
};
|
|
9
|
+
var ButtonDefaultProps = {
|
|
10
|
+
defaultValue: false,
|
|
11
|
+
disabled: false,
|
|
12
|
+
trackOnColor: lightColor.Primary,
|
|
13
|
+
trackOffColor: lightColor.Fill2
|
|
14
|
+
};
|
|
9
15
|
|
|
10
|
-
export { defaultProps };
|
|
16
|
+
export { ButtonDefaultProps, defaultProps };
|
|
11
17
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/Button/interface/index.ts"],"sourcesContent":["import { GestureResponderEvent } from \"react-native\";\nimport { lightColor } from \"@
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/Button/interface/index.ts"],"sourcesContent":["import { GestureResponderEvent } from \"react-native\";\nimport { lightColor } from \"@xhsreds/reds-token-next\";\nexport interface RedsButton {\n value?: boolean;\n defaultValue?: boolean;\n disabled?: boolean;\n trackOnColor?: string;\n trackOffColor?: string;\n onChange?: (value: boolean) => void;\n onClick?: (value: Event) => void;\n}\n\nexport const defaultProps: RedsButton = {\n defaultValue: false,\n disabled: false,\n trackOnColor: lightColor.Primary,\n trackOffColor: lightColor.Fill2,\n};\nexport const ButtonDefaultProps: RedsButton = {\n defaultValue: false,\n disabled: false,\n trackOnColor: lightColor.Primary,\n trackOffColor: lightColor.Fill2,\n};\n"],"names":["defaultProps","defaultValue","disabled","trackOnColor","lightColor","Primary","trackOffColor","Fill2","ButtonDefaultProps"],"mappings":";;AAYO,IAAMA,YAA2B,GAAA;AACtCC,EAAAA,YAAc,EAAA,KAAA;AACdC,EAAAA,QAAU,EAAA,KAAA;EACVC,cAAcC,UAAW,CAAAC,OAAA;EACzBC,eAAeF,UAAW,CAAAG,KAAAA;AAC5B,EAAA;AACO,IAAMC,kBAAiC,GAAA;AAC5CP,EAAAA,YAAc,EAAA,KAAA;AACdC,EAAAA,QAAU,EAAA,KAAA;EACVC,cAAcC,UAAW,CAAAC,OAAA;EACzBC,eAAeF,UAAW,CAAAG,KAAAA;AAC5B;;;;"}
|
|
@@ -1,7 +1,43 @@
|
|
|
1
|
-
import '../../_chunks/BHmvJnIm.js';
|
|
2
|
-
import './hooks/ConfigCache/ConfigCache.js';
|
|
3
|
-
import './hooks/ConfigContext/ConfigContext.js';
|
|
4
|
-
|
|
5
|
-
import '@
|
|
6
|
-
|
|
1
|
+
import { _ as _objectSpread2 } from '../../_chunks/BHmvJnIm.js';
|
|
2
|
+
import { configCache } from './hooks/ConfigCache/ConfigCache.js';
|
|
3
|
+
import { ConfigProviderContext } from './hooks/ConfigContext/ConfigContext.js';
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import '@xhsreds/reds-token-next';
|
|
6
|
+
|
|
7
|
+
var ConfigProvider = function ConfigProvider(props) {
|
|
8
|
+
var _theme$token, _theme$token2, _theme$token3, _theme$token4;
|
|
9
|
+
var _props$id = props.id,
|
|
10
|
+
id = _props$id === void 0 ? "root" : _props$id,
|
|
11
|
+
_props$theme = props.theme,
|
|
12
|
+
theme = _props$theme === void 0 ? {
|
|
13
|
+
colorMode: "light",
|
|
14
|
+
inherit: true
|
|
15
|
+
} : _props$theme,
|
|
16
|
+
_props$parentId = props.parentId,
|
|
17
|
+
parentId = _props$parentId === void 0 ? "root" : _props$parentId,
|
|
18
|
+
children = props.children;
|
|
19
|
+
var themeCache = {
|
|
20
|
+
colorMode: theme.colorMode || "light",
|
|
21
|
+
token: {
|
|
22
|
+
lightColor: _objectSpread2({}, (_theme$token = theme.token) === null || _theme$token === void 0 ? void 0 : _theme$token.lightColor),
|
|
23
|
+
darkColor: _objectSpread2({}, (_theme$token2 = theme.token) === null || _theme$token2 === void 0 ? void 0 : _theme$token2.darkColor),
|
|
24
|
+
alwaysColor: _objectSpread2({}, (_theme$token3 = theme.token) === null || _theme$token3 === void 0 ? void 0 : _theme$token3.alwaysColor),
|
|
25
|
+
components: _objectSpread2({}, (_theme$token4 = theme.token) === null || _theme$token4 === void 0 ? void 0 : _theme$token4.components)
|
|
26
|
+
},
|
|
27
|
+
inherit: theme.inherit
|
|
28
|
+
};
|
|
29
|
+
configCache.addNewConfigCache({
|
|
30
|
+
id: id,
|
|
31
|
+
themeCache: themeCache,
|
|
32
|
+
parentId: parentId
|
|
33
|
+
});
|
|
34
|
+
var configProviderContextValue = {
|
|
35
|
+
id: id
|
|
36
|
+
};
|
|
37
|
+
return /* @__PURE__ */React.createElement(ConfigProviderContext.Provider, {
|
|
38
|
+
value: configProviderContextValue
|
|
39
|
+
}, children);
|
|
40
|
+
};
|
|
41
|
+
|
|
42
|
+
export { ConfigProvider as default };
|
|
7
43
|
//# sourceMappingURL=ConfigProvider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConfigProvider.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ConfigProvider.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\";\nimport React from \"react\";\n\nconst ConfigProvider: React.FC<ConfigProviderProps> = (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":";;;;;;AAKA,IAAMA,cAAA,GAAgD,SAAhDA,cAAAA,CAAiDC,KAA+B,EAAA;AAAA,EAAA,IAAAC,YAAA,EAAAC,aAAA,EAAAC,aAAA,EAAAC,aAAA,CAAA;AAC9E,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,5 +1,5 @@
|
|
|
1
1
|
import { c as _createClass, _ as _objectSpread2, d as _classCallCheck, e as _typeof } from '../../../../_chunks/BHmvJnIm.js';
|
|
2
|
-
import { lightColor, darkColor, alwaysColor } from '@
|
|
2
|
+
import { lightColor, darkColor, alwaysColor } from '@xhsreds/reds-token-next';
|
|
3
3
|
|
|
4
4
|
var __defProp = Object.defineProperty;
|
|
5
5
|
var __defNormalProp = function __defNormalProp(obj, key, value) {
|
|
@@ -1 +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":";;;;;;;;;;;;;;;AAAmD,IAG7CA,WAAY,gBAAA,YAAA;EAIhB,SAAAA,WAAAA,CAAAC,IAAA,EAA8C;AAAA,IAAA,IAAhCC,EAAI,GAAAD,IAAA,CAAJC,EAAI;MAAAC,UAAA,GAAAF,IAAA,CAAAE,UAAA,CAAA;AAAAC,IAAAA,eAAA,OAAAJ,WAAA,CAAA,CAAA;AAHlBK,IAAAA,aAAA,CAAA,IAAA,EAAO,eAA4C,EAAC,CAAA,CAAA;AACpDA,IAAAA,aAAA,CAAA,IAAA,EAAO,wBAAkC,EAAA,KAAA,CAAA,CAAA;AAGvC,IAAA,IAAMC,cAAiB,GAAA;MACrBC,WAAWJ,UAAW,CAAAI,SAAA;AACtBC,MAAAA,KAAO,EAAA;AACLC,QAAAA,UAAY,EAAAC,cAAA,CACPD,EAAAA,EAAAA,UAAA,CACL;AACAE,QAAAA,SAAW,EAAAD,cAAA,CACNC,EAAAA,EAAAA,SAAA,CACL;QACAC,WAAa,EAAAF,cAAA,CAAA,EAAA,EACRE,WAAA,CAAA;AAEP,OAAA;KACF,CAAA;IACA,IAAA,CAAKC,kBAAkB;AAAEX,MAAAA,EAAA,EAAAA,EAAA;AAAIC,MAAAA,YAAYG,cAAgB;AAAAQ,MAAAA,QAAA,EAAUZ,EAAAA;AAAG,KAAC,CAAA,CAAA;AACzE,GAAA;EAAA,OAAAa,YAAA,CAAAf,WAAA,EAAA,CAAA;IAAAgB,GAAA,EAAA,mBAAA;AAAAC,IAAAA,KAAA,EAEA,SAAAJ,iBAAAK,CAAAA,KAAA,EAA8D;AAAA,MAAA,IAA1ChB,EAAI,GAAAgB,KAAA,CAAJhB,EAAI;QAAAC,UAAA,GAAAe,KAAA,CAAAf,UAAA;QAAYW,iBAAAA;AAClC,MAAA,IAAIK,OAAOC,IAAK,CAAA,IAAA,CAAKC,WAAW,CAAE,CAAAC,QAAA,CAASpB,EAAE,CAAG,EAAA;AAAA,QAAA,IAAAqB,qBAAA,EAAAC,iBAAA,EAAAC,sBAAA,EAAAC,kBAAA,EAAAC,sBAAA,EAAAC,kBAAA,EAAAC,sBAAA,EAAAC,kBAAA,CAAA;QACzC,IAAA,CAAAT,WAAA,CAAYnB,EAAE,CAAA,CAAEY,QAAW,GAAAA,QAAA,CAAA;AAC3B,QAAA,IAAA,CAAAO,WAAA,CAAYnB,EAAE,CAAA,CAAEC,UAAa,GAAA;UAChCI,WAAWJ,UAAW,CAAAI,SAAA;AACtBC,UAAAA,KAAO,EAAA;AACLC,YAAAA,UAAY,EAAAC,cAAA,CAAAA,cAAA,MAAAa,qBAAA,GACP,IAAK,CAAAF,WAAA,CAAYP,QAAQ,CAAA,CAAEX,WAAWK,KAAO,MAAAe,IAAAA,IAAAA,qBAAA,uBAA7CA,qBAAA,CAA6Cd,UAAA,CAAA,EAAA,CAAAe,iBAAA,GAC7CrB,WAAWK,KAAO,cAAAgB,iBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAlBA,iBAAA,CAAkBf,UAAA,CACvB;AACAE,YAAAA,SAAW,EAAAD,cAAA,CAAAA,cAAA,MAAAe,sBAAA,GACN,IAAK,CAAAJ,WAAA,CAAYP,QAAQ,CAAA,CAAEX,WAAWK,KAAO,MAAAiB,IAAAA,IAAAA,sBAAA,uBAA7CA,sBAAA,CAA6Cd,SAAA,CAAA,EAAA,CAAAe,kBAAA,GAC7CvB,WAAWK,KAAO,cAAAkB,kBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAlBA,kBAAA,CAAkBf,SAAA,CACvB;AACAC,YAAAA,WAAa,EAAAF,cAAA,CAAAA,cAAA,MAAAiB,sBAAA,GACR,IAAK,CAAAN,WAAA,CAAYP,QAAQ,CAAA,CAAEX,WAAWK,KAAO,MAAAmB,IAAAA,IAAAA,sBAAA,uBAA7CA,sBAAA,CAA6Cf,WAAA,CAAA,EAAA,CAAAgB,kBAAA,GAC7CzB,WAAWK,KAAO,cAAAoB,kBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAlBA,kBAAA,CAAkBhB,WAAA,CACvB;AACAmB,YAAAA,UAAY,EAAArB,cAAA,CAAAA,cAAA,MAAAmB,sBAAA,GACP,IAAK,CAAAR,WAAA,CAAYP,QAAQ,CAAA,CAAEX,WAAWK,KAAO,MAAAqB,IAAAA,IAAAA,sBAAA,KAA7CA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,sBAAA,CAA6CE,UAAA,IAAAD,kBAAA,GAC7C3B,WAAWK,KAAO,MAAAsB,IAAAA,IAAAA,kBAAA,KAAlBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,kBAAA,CAAkBC,UAAA,CAAA;AAEzB,WAAA;SACF,CAAA;AACF,OAAO,MAAA;AACL,QAAA,IAAA,CAAKV,YAAYnB,EAAE,CAAA,GAAI;AAAEA,UAAAA,EAAA,EAAAA,EAAA;AAAIC,UAAAA,YAAAA;AAAYW,UAAAA,QAAS,EAATA,QAAAA;SAAS,CAAA;AAClD,QAAA,IAAIK,OAAOC,IAAK,CAAA,IAAA,CAAKC,WAAW,CAAA,CAAEW,SAAS,CAAG,EAAA;UAC5C,IAAA,CAAKC,sBAAyB,GAAA,IAAA,CAAA;AAChC,SAAA;AACF,OAAA;AACF,KAAA;AAAA,GAAA,EAAA;IAAAjB,GAAA,EAAA,iBAAA;AAAAC,IAAAA,KAAA,EAEA,SAAAiB,eAAAC,CAAAA,KAAA,EAAgF;AAAA,MAAA,IAA9DjC,EAAI,GAAAiC,KAAA,CAAJjC,EAAI;QAAAK,SAAA,GAAA4B,KAAA,CAAA5B,SAAA,CAAA;MACpB,IAAA,CAAKc,WAAY,CAAAnB,EAAE,CAAE,CAAAC,UAAA,CAAWI,SAAY,GAAAA,SAAA,CAAA;AAC9C,KAAA;AAAA,GAAA,EAAA;IAAAS,GAAA,EAAA,kBAAA;AAAAC,IAAAA,KAAA,EAEA,SAAAmB,gBAAiBlC,CAAAA,EAAY,EAAA;AAAA,MAAA,IAAAmC,oBAAA,CAAA;MAC3B,OAAAA,CAAAA,oBAAA,GAAO,IAAK,CAAAhB,WAAA,CAAYnB,EAAE,CAAA,MAAAmC,IAAAA,IAAAA,oBAAA,gBAAAA,oBAAA,GAAnBA,oBAAA,CAAsBlC,UAAY,cAAAkC,oBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAlCA,oBAAA,CAAkC9B,SAAA,CAAA;AAC3C,KAAA;AAAA,GAAA,EAAA;IAAAS,GAAA,EAAA,cAAA;IAAAC,KAAA,EAEA,SAAAqB,YAAapC,CAAAA,EAAY,EAAAqC,SAAA,EAAuDvB,GAAkC,EAAA;AAAA,MAAA,IAAAwB,qBAAA,CAAA;AAChH,MAAA,IAAI,EAAAA,qBAAA,GAAA,IAAK,CAAAnB,WAAA,CAAYnB,EAAE,CAAA,MAAAsC,IAAAA,IAAAA,qBAAA,uBAAnBA,qBAAA,CAAsBtC,QAAOA,EAAI,EAAA;AAAA,QAAA,IAAAuC,qBAAA,CAAA;QAC5B,OAAAA,CAAAA,qBAAA,GAAA,IAAA,CAAKpB,YAAYnB,EAAE,CAAA,CAAEC,WAAWK,KAAQ,MAAA,IAAA,IAAAiC,qBAAA,KAAxCA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,qBAAA,CAAwCF,SAAS,EAAEvB,GAAG,CAAA,CAAA;AAC/D,OAAO,MAAA;AAAA,QAAA,IAAA0B,qBAAA,CAAA;QACE,OAAA,IAAA,CAAKJ,aAAa,CAAA,CAAAI,qBAAA,GAAK,IAAA,CAAArB,WAAA,CAAYnB,EAAE,CAAG,cAAAwC,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAtBA,qBAAA,CAAsB5B,QAAA,KAAY,MAAQ,EAAAyB,SAAA,EAAWvB,GAAG,CAAA,CAAA;AACnF,OAAA;AACF,KAAA;AAAA,GAAA,EAAA;IAAAA,GAAA,EAAA,mBAAA;AAAAC,IAAAA,KAAA,EAEA,SAAA0B,iBAAAA,CAAkBzC,IAAYc,GAA6B,EAAA;MACzD,OAAO,IAAK,CAAAsB,YAAA,CAAapC,EAAI,EAAA,YAAA,EAAcc,GAAG,CAAA,CAAA;AAChD,KAAA;AAAA,GAAA,EAAA;IAAAA,GAAA,EAAA,kBAAA;AAAAC,IAAAA,KAAA,EAEA,SAAA2B,gBAAAA,CAAiB1C,IAAYc,GAA6B,EAAA;MACxD,OAAO,IAAK,CAAAsB,YAAA,CAAapC,EAAI,EAAA,WAAA,EAAac,GAAG,CAAA,CAAA;AAC/C,KAAA;AAAA,GAAA,EAAA;IAAAA,GAAA,EAAA,oBAAA;AAAAC,IAAAA,KAAA,EAEA,SAAA4B,kBAAAA,CAAmB3C,IAAYc,GAA6B,EAAA;MAC1D,OAAO,IAAK,CAAAsB,YAAA,CAAapC,EAAI,EAAA,aAAA,EAAec,GAAG,CAAA,CAAA;AACjD,KAAA;AAAA,GAAA,EAAA;IAAAA,GAAA,EAAA,0BAAA;IAAAC,KAAA,EAEA,SAAA6B,wBACE5C,CAAAA,EACA,EAAAqC,SAAA,EACAQ,SACK,EAAA;AAAA,MAAA,IAAAC,qBAAA,CAAA;AACL,MAAA,IAAI,EAAAA,qBAAA,GAAA,IAAK,CAAA3B,WAAA,CAAYnB,EAAE,CAAA,MAAA8C,IAAAA,IAAAA,qBAAA,uBAAnBA,qBAAA,CAAsB9C,QAAOA,EAAI,EAAA;QAAA,IAAA+C,sBAAA,EAAAC,sBAAA,CAAA;AACnC,QAAA,IAAMC,cAAiB,GAAAzC,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAA,CAAAuC,sBAAA,GAClB,IAAK,CAAA5B,WAAA,CAAYnB,EAAE,CAAE,CAAAC,UAAA,CAAWK,8CAAhCyC,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,sBAAA,CAAwCV,SAAS,CAAA,CAAA,EAAA,CAAAW,sBAAA,GACjD,IAAK,CAAA7B,WAAA,CAAYnB,EAAE,CAAA,CAAEC,WAAWK,KAAO,MAAA,IAAA,IAAA0C,sBAAA,KAAA,KAAA,CAAA,IAAA,CAAAA,sBAAA,GAAvCA,sBAAA,CAAuCnB,UAAA,MAAA,IAAA,IAAAmB,sBAAA,KAAA,KAAA,CAAA,IAAA,CAAAA,sBAAA,GAAvCA,sBAAA,CAAoDH,SAAS,CAAA,MAAAG,IAAAA,IAAAA,sBAAA,KAA7DA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,sBAAA,CAAiEX,SAAS,CAAA,CAC/E,CAAA;AACO,QAAA,OAAAY,cAAA,CAAA;AACT,OAAO,MAAA;AAAA,QAAA,IAAAC,qBAAA,CAAA;QACE,OAAA,IAAA,CAAKN,yBAAyB,CAAA,CAAAM,qBAAA,GAAK,IAAA,CAAA/B,WAAA,CAAYnB,EAAE,CAAG,cAAAkD,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAtBA,qBAAA,CAAsBtC,QAAA,KAAY,MAAQ,EAAAyB,SAAA,EAAWQ,SAAS,CAAA,CAAA;AACrG,OAAA;AACF,KAAA;AAAA,GAAA,EAAA;IAAA/B,GAAA,EAAA,+BAAA;AAAAC,IAAAA,KAAA,EAEA,SAAAoC,6BAAAA,CAA8BnD,IAAY6C,SAAsB,EAAA;MAC9D,OAAO,IAAK,CAAAD,wBAAA,CAAyB5C,EAAI,EAAA,YAAA,EAAc6C,SAAS,CAAA,CAAA;AAClE,KAAA;AAAA,GAAA,EAAA;IAAA/B,GAAA,EAAA,8BAAA;AAAAC,IAAAA,KAAA,EAEA,SAAAqC,4BAAAA,CAA6BpD,IAAY6C,SAAsB,EAAA;MAC7D,OAAO,IAAK,CAAAD,wBAAA,CAAyB5C,EAAI,EAAA,WAAA,EAAa6C,SAAS,CAAA,CAAA;AACjE,KAAA;AAAA,GAAA,EAAA;IAAA/B,GAAA,EAAA,gCAAA;AAAAC,IAAAA,KAAA,EAEA,SAAAsC,8BAAAA,CAA+BrD,IAAY6C,SAAsB,EAAA;MAC/D,OAAO,IAAK,CAAAD,wBAAA,CAAyB5C,EAAI,EAAA,aAAA,EAAe6C,SAAS,CAAA,CAAA;AACnE,KAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAAA,CAAA,EAAA,CAAA;AAGW1B,IAAAA,WAAc,GAAA,IAAIrB,WAAY,CAAA;AAAEE,EAAAA,EAAI,EAAA,MAAA;AAAQC,EAAAA,UAAY,EAAA;AAAEI,IAAAA,SAAW,EAAA,OAAA;GAAW;AAAAO,EAAAA,QAAA,EAAU,MAAA;AAAO,CAAC;;;;"}
|
|
1
|
+
{"version":3,"file":"ConfigCache.js","sources":["../../../../../../src/components/ConfigProvider/hooks/ConfigCache/ConfigCache.ts"],"sourcesContent":["import { alwaysColor, lightColor, darkColor } from \"@xhsreds/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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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useContext } from 'react';
|
|
2
|
-
import { lightColor, darkColor } from '@
|
|
2
|
+
import { lightColor, darkColor } from '@xhsreds/reds-token-next';
|
|
3
3
|
import { configCache } from '../ConfigCache/ConfigCache.js';
|
|
4
4
|
import { ConfigProviderContext } from '../ConfigContext/ConfigContext.js';
|
|
5
5
|
import '../../../../_chunks/BHmvJnIm.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useThemeToken.js","sources":["../../../../../../src/components/ConfigProvider/hooks/themeToken/useThemeToken.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { lightColor, darkColor } from \"@
|
|
1
|
+
{"version":3,"file":"useThemeToken.js","sources":["../../../../../../src/components/ConfigProvider/hooks/themeToken/useThemeToken.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { lightColor, darkColor } from \"@xhsreds/reds-token-next\";\nimport { configCache } from \"../ConfigCache\";\nimport { ConfigProviderContext } from \"../ConfigContext/ConfigContext\";\nimport { ThemeColor, ColorMode, LightToken, DarkToken, Component } from \"../ConfigCache/interface\";\n\nconst staticColor = {\n lightColor,\n darkColor,\n};\n\nexport interface IThemeInstance {\n colorMode: ColorMode;\n}\nexport interface MyProxyConstructor {\n new <T, H extends Record<string, unknown>>(target: T, handler: ProxyHandler<H>): H;\n}\n\nexport const useThemeColor = (component?: Component, staticColorType: \"lightColor\" | \"darkColor\" = \"lightColor\") => {\n const id = useContext(ConfigProviderContext).id;\n const themeColor: ThemeColor = new (Proxy as MyProxyConstructor)(\n {},\n {\n get(this: IThemeInstance, _, key: LightToken | DarkToken) {\n if (!id) {\n return staticColor[staticColorType][key];\n }\n if (configCache.getColorModeById(id) === \"dark\") {\n return component\n ? configCache.getDarkTokenByIdAndComponent(id, component)\n : configCache.getDarkTokenById(id, key);\n } else {\n return component\n ? configCache.getLightTokenByIdAndComponent(id, component)\n : configCache.getLightTokenById(id, key);\n }\n },\n },\n );\n\n return themeColor;\n};\n"],"names":["staticColor","lightColor","darkColor","useThemeColor","component","staticColorType","arguments","length","undefined","id","useContext","ConfigProviderContext","themeColor","Proxy","get","_","key","configCache","getColorModeById","getDarkTokenByIdAndComponent","getDarkTokenById","getLightTokenByIdAndComponent","getLightTokenById"],"mappings":";;;;;;AAMA,IAAMA,WAAc,GAAA;AAClBC,EAAAA,UAAA,EAAAA,UAAA;AACAC,EAAAA,SAAA,EAAAA,SAAAA;AACF,CAAA,CAAA;IASaC,aAAgB,GAAA,SAAhBA,aAAgBA,CAACC,SAAuB,EAA+D;AAAA,EAAA,IAA/DC,eAAA,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAA8C,YAAiB,CAAA;AAC5G,EAAA,IAAAG,EAAA,GAAKC,UAAW,CAAAC,qBAAqB,CAAE,CAAAF,EAAA,CAAA;AAC7C,EAAA,IAAMG,aAAyB,IAAKC,KAAA,CAClC,EAAC,EACD;AACEC,IAAAA,GAAA,EAAAA,SAAAA,GAAAA,CAA0BC,GAAGC,GAA6B,EAAA;MACxD,IAAI,CAACP,EAAI,EAAA;AACA,QAAA,OAAAT,WAAA,CAAYK,eAAe,CAAA,CAAEW,GAAG,CAAA,CAAA;AACzC,OAAA;MACA,IAAIC,WAAY,CAAAC,gBAAA,CAAiBT,EAAE,CAAA,KAAM,MAAQ,EAAA;AACxC,QAAA,OAAAL,SAAA,GACHa,YAAYE,4BAA6B,CAAAV,EAAA,EAAIL,SAAS,CACtD,GAAAa,WAAA,CAAYG,gBAAiB,CAAAX,EAAA,EAAIO,GAAG,CAAA,CAAA;AAC1C,OAAO,MAAA;AACE,QAAA,OAAAZ,SAAA,GACHa,YAAYI,6BAA8B,CAAAZ,EAAA,EAAIL,SAAS,CACvD,GAAAa,WAAA,CAAYK,iBAAkB,CAAAb,EAAA,EAAIO,GAAG,CAAA,CAAA;AAC3C,OAAA;AACF,KAAA;AACF,GACF,CAAA,CAAA;AAEO,EAAA,OAAAJ,UAAA,CAAA;AACT;;;;"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import
|
|
1
|
+
import ConfigProvider from './ConfigProvider.js';
|
|
2
2
|
export { useThemeColor } from './hooks/themeToken/useThemeToken.js';
|
|
3
3
|
import '../../_chunks/BHmvJnIm.js';
|
|
4
4
|
import './hooks/ConfigCache/ConfigCache.js';
|
|
5
|
-
import '@
|
|
5
|
+
import '@xhsreds/reds-token-next';
|
|
6
6
|
import './hooks/ConfigContext/ConfigContext.js';
|
|
7
7
|
import 'react';
|
|
8
8
|
|
|
@@ -14,6 +14,22 @@ var defaultProps = {
|
|
|
14
14
|
inherit: true,
|
|
15
15
|
token: {}
|
|
16
16
|
};
|
|
17
|
+
var ConfigProviderDefaultProps = {
|
|
18
|
+
id: "root",
|
|
19
|
+
parentId: "root",
|
|
20
|
+
theme: {
|
|
21
|
+
colorMode: "light",
|
|
22
|
+
inherit: true,
|
|
23
|
+
token: {
|
|
24
|
+
lightColor: {},
|
|
25
|
+
darkColor: {},
|
|
26
|
+
alwaysColor: {}
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
|
+
colorMode: "light",
|
|
30
|
+
inherit: true,
|
|
31
|
+
token: {}
|
|
32
|
+
};
|
|
17
33
|
|
|
18
|
-
export { defaultProps };
|
|
34
|
+
export { ConfigProviderDefaultProps, defaultProps };
|
|
19
35
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/ConfigProvider/interface/index.ts"],"sourcesContent":["type ColorMode = \"light\" | \"dark\";\ntype Component = \"Button\" | \"Popover\";\n\ntype ComponentsToken = {\n [K in Component]?: {\n lightColor?: Record<string, string>;\n darkColor?: Record<string, string>;\n alwaysColor?: Record<string, string>;\n };\n};\n\ninterface IThemeConfig {\n token?: {\n lightColor?: Record<string, string>;\n darkColor?: Record<string, string>;\n alwaysColor?: Record<string, string>;\n components?: ComponentsToken;\n };\n inherit?: boolean;\n colorMode?: ColorMode;\n}\n\nexport interface ConfigProviderProps {\n id?: string;\n children: React.ReactNode;\n theme?: IThemeConfig;\n parentId?: string;\n}\nexport interface RedsConfigProvider {\n id?: string;\n parentId?: string;\n theme?: IThemeConfig;\n colorMode?: string;\n inherit?: boolean;\n token: Object;\n}\n\nexport interface RedsConfigProviderEvent {}\nexport const defaultProps: RedsConfigProvider = {\n id: \"root\",\n parentId: \"root\",\n theme: {\n colorMode: \"light\",\n inherit: true,\n token: {\n lightColor: {},\n darkColor: {},\n alwaysColor: {},\n },\n },\n colorMode: \"light\",\n inherit: true,\n token: {},\n};\n"],"names":["defaultProps","id","parentId","theme","colorMode","inherit","token","lightColor","darkColor","alwaysColor"],"mappings":"AAsCO,IAAMA,YAAmC,GAAA;AAC9CC,EAAAA,EAAI,EAAA,MAAA;AACJC,EAAAA,QAAU,EAAA,MAAA;AACVC,EAAAA,KAAO,EAAA;AACLC,IAAAA,SAAW,EAAA,OAAA;AACXC,IAAAA,OAAS,EAAA,IAAA;AACTC,IAAAA,KAAO,EAAA;MACLC,YAAY,EAAC;MACbC,WAAW,EAAC;AACZC,MAAAA,aAAa,EAAC;AAChB,KAAA;GACF;AACAL,EAAAA,SAAW,EAAA,OAAA;AACXC,EAAAA,OAAS,EAAA,IAAA;AACTC,EAAAA,OAAO,EAAC;AACV;;;;"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/ConfigProvider/interface/index.ts"],"sourcesContent":["type ColorMode = \"light\" | \"dark\";\ntype Component = \"Button\" | \"Popover\";\n\ntype ComponentsToken = {\n [K in Component]?: {\n lightColor?: Record<string, string>;\n darkColor?: Record<string, string>;\n alwaysColor?: Record<string, string>;\n };\n};\n\ninterface IThemeConfig {\n token?: {\n lightColor?: Record<string, string>;\n darkColor?: Record<string, string>;\n alwaysColor?: Record<string, string>;\n components?: ComponentsToken;\n };\n inherit?: boolean;\n colorMode?: ColorMode;\n}\n\nexport interface ConfigProviderProps {\n id?: string;\n children: React.ReactNode;\n theme?: IThemeConfig;\n parentId?: string;\n}\nexport interface RedsConfigProvider {\n id?: string;\n parentId?: string;\n theme?: IThemeConfig;\n colorMode?: string;\n inherit?: boolean;\n token: Object;\n}\n\nexport interface RedsConfigProviderEvent {}\nexport const defaultProps: RedsConfigProvider = {\n id: \"root\",\n parentId: \"root\",\n theme: {\n colorMode: \"light\",\n inherit: true,\n token: {\n lightColor: {},\n darkColor: {},\n alwaysColor: {},\n },\n },\n colorMode: \"light\",\n inherit: true,\n token: {},\n};\nexport const ConfigProviderDefaultProps: RedsConfigProvider = {\n id: \"root\",\n parentId: \"root\",\n theme: {\n colorMode: \"light\",\n inherit: true,\n token: {\n lightColor: {},\n darkColor: {},\n alwaysColor: {},\n },\n },\n colorMode: \"light\",\n inherit: true,\n token: {},\n};\n"],"names":["defaultProps","id","parentId","theme","colorMode","inherit","token","lightColor","darkColor","alwaysColor","ConfigProviderDefaultProps"],"mappings":"AAsCO,IAAMA,YAAmC,GAAA;AAC9CC,EAAAA,EAAI,EAAA,MAAA;AACJC,EAAAA,QAAU,EAAA,MAAA;AACVC,EAAAA,KAAO,EAAA;AACLC,IAAAA,SAAW,EAAA,OAAA;AACXC,IAAAA,OAAS,EAAA,IAAA;AACTC,IAAAA,KAAO,EAAA;MACLC,YAAY,EAAC;MACbC,WAAW,EAAC;AACZC,MAAAA,aAAa,EAAC;AAChB,KAAA;GACF;AACAL,EAAAA,SAAW,EAAA,OAAA;AACXC,EAAAA,OAAS,EAAA,IAAA;AACTC,EAAAA,OAAO,EAAC;AACV,EAAA;AACO,IAAMI,0BAAiD,GAAA;AAC5DT,EAAAA,EAAI,EAAA,MAAA;AACJC,EAAAA,QAAU,EAAA,MAAA;AACVC,EAAAA,KAAO,EAAA;AACLC,IAAAA,SAAW,EAAA,OAAA;AACXC,IAAAA,OAAS,EAAA,IAAA;AACTC,IAAAA,KAAO,EAAA;MACLC,YAAY,EAAC;MACbC,WAAW,EAAC;AACZC,MAAAA,aAAa,EAAC;AAChB,KAAA;GACF;AACAL,EAAAA,SAAW,EAAA,OAAA;AACXC,EAAAA,OAAS,EAAA,IAAA;AACTC,EAAAA,OAAO,EAAC;AACV;;;;"}
|