@bifrostui/react 1.3.1-beta.0 → 1.3.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.
Files changed (281) hide show
  1. package/dist/ActionSheet/ActionSheet.css +3 -6
  2. package/dist/ActionSheet/ActionSheetItem.css +6 -10
  3. package/dist/Alert/index.css +8 -14
  4. package/dist/Avatar/Avatar.css +9 -13
  5. package/dist/Avatar/AvatarGroup.css +8 -15
  6. package/dist/Backdrop/Backdrop.css +1 -2
  7. package/dist/Badge/Badge.css +17 -27
  8. package/dist/Button/Button.css +17 -26
  9. package/dist/Calendar/Calendar.css +18 -33
  10. package/dist/Calendar/Calendar.d.ts +1 -1
  11. package/dist/Calendar/Calendar.js +17 -38
  12. package/dist/Calendar/Calendar.types.d.ts +0 -21
  13. package/dist/Card/CardFooter.css +1 -2
  14. package/dist/Card/CardHeader.css +1 -3
  15. package/dist/Checkbox/Checkbox.css +5 -7
  16. package/dist/CitySelector/CitySelector.css +15 -29
  17. package/dist/CitySelector/CitySelectorCore.js +16 -25
  18. package/dist/CitySelector/Selector/index.css +4 -4
  19. package/dist/Countdown/Countdown.css +1 -2
  20. package/dist/Dialog/Dialog.d.ts +2 -2
  21. package/dist/Dialog/Dialog.js +8 -20
  22. package/dist/Dialog/Dialog.types.d.ts +1 -12
  23. package/dist/Dialog/FunctionalDialog.js +2 -38
  24. package/dist/Dialog/index.css +18 -27
  25. package/dist/Divider/Divider.css +4 -6
  26. package/dist/IconButton/IconButton.css +7 -9
  27. package/dist/Image/index.css +1 -2
  28. package/dist/Input/Input.css +5 -10
  29. package/dist/List/List.css +0 -3
  30. package/dist/List/ListItem.css +3 -3
  31. package/dist/List/ListItemContent.css +1 -1
  32. package/dist/Loading/Loading.css +2 -4
  33. package/dist/Modal/Modal.miniapp.d.ts +1 -1
  34. package/dist/NavBar/NavBar.css +5 -9
  35. package/dist/Picker/Picker.css +29 -25
  36. package/dist/Picker/Picker.js +11 -31
  37. package/dist/Picker/Picker.types.d.ts +0 -4
  38. package/dist/Picker/PickerPanel.css +8 -8
  39. package/dist/Picker/PickerPanel.js +8 -14
  40. package/dist/Picker/utils.d.ts +0 -16
  41. package/dist/Picker/utils.js +2 -32
  42. package/dist/Portal/Portal.types.d.ts +0 -4
  43. package/dist/Portal/PortalCore.js +1 -8
  44. package/dist/Progress/Progress.css +6 -8
  45. package/dist/Radio/Radio.css +1 -2
  46. package/dist/Rating/Rating.css +4 -8
  47. package/dist/Select/Select.css +10 -21
  48. package/dist/Select/Select.js +1 -1
  49. package/dist/Select/SelectOption.js +0 -3
  50. package/dist/Skeleton/Skeleton.css +2 -3
  51. package/dist/Slider/Slider.css +13 -24
  52. package/dist/Steps/Step.css +11 -11
  53. package/dist/Steps/Steps.css +5 -14
  54. package/dist/Swiper/Swiper.css +1 -2
  55. package/dist/Switch/Switch.css +16 -31
  56. package/dist/TabBar/TabBar.css +3 -7
  57. package/dist/TabBar/TabBarItem.css +1 -0
  58. package/dist/Tabs/Tab.css +6 -2
  59. package/dist/Tabs/Tabs.css +4 -7
  60. package/dist/Tag/Tag.css +10 -7
  61. package/dist/Tag/TagGroup.css +1 -9
  62. package/dist/TextArea/TextArea.css +8 -14
  63. package/dist/Toast/FunctionalToast.js +0 -18
  64. package/dist/Toast/Toast.css +14 -15
  65. package/dist/Toast/Toast.d.ts +2 -2
  66. package/dist/Toast/Toast.js +48 -52
  67. package/dist/Toast/Toast.types.d.ts +1 -15
  68. package/dist/index.d.ts +0 -7
  69. package/dist/index.js +1 -15
  70. package/es/ActionSheet/ActionSheet.css +3 -6
  71. package/es/ActionSheet/ActionSheetItem.css +6 -10
  72. package/es/Alert/index.css +8 -14
  73. package/es/Avatar/Avatar.css +9 -13
  74. package/es/Avatar/AvatarGroup.css +8 -15
  75. package/es/Backdrop/Backdrop.css +1 -2
  76. package/es/Badge/Badge.css +17 -27
  77. package/es/Button/Button.css +17 -26
  78. package/es/Calendar/Calendar.css +18 -33
  79. package/es/Calendar/Calendar.d.ts +1 -1
  80. package/es/Calendar/Calendar.js +17 -38
  81. package/es/Calendar/Calendar.types.d.ts +0 -21
  82. package/es/Card/CardFooter.css +1 -2
  83. package/es/Card/CardHeader.css +1 -3
  84. package/es/Checkbox/Checkbox.css +5 -7
  85. package/es/CitySelector/CitySelector.css +15 -29
  86. package/es/CitySelector/CitySelectorCore.js +16 -25
  87. package/es/CitySelector/Selector/index.css +4 -4
  88. package/es/Countdown/Countdown.css +1 -2
  89. package/es/Dialog/Dialog.d.ts +2 -2
  90. package/es/Dialog/Dialog.js +8 -20
  91. package/es/Dialog/Dialog.types.d.ts +1 -12
  92. package/es/Dialog/FunctionalDialog.js +2 -38
  93. package/es/Dialog/index.css +18 -27
  94. package/es/Divider/Divider.css +4 -6
  95. package/es/IconButton/IconButton.css +7 -9
  96. package/es/Image/index.css +1 -2
  97. package/es/Input/Input.css +5 -10
  98. package/es/List/List.css +0 -3
  99. package/es/List/ListItem.css +3 -3
  100. package/es/List/ListItemContent.css +1 -1
  101. package/es/Loading/Loading.css +2 -4
  102. package/es/Modal/Modal.miniapp.d.ts +1 -1
  103. package/es/NavBar/NavBar.css +5 -9
  104. package/es/Picker/Picker.css +29 -25
  105. package/es/Picker/Picker.js +12 -32
  106. package/es/Picker/Picker.types.d.ts +0 -4
  107. package/es/Picker/PickerPanel.css +8 -8
  108. package/es/Picker/PickerPanel.js +8 -14
  109. package/es/Picker/utils.d.ts +0 -16
  110. package/es/Picker/utils.js +1 -29
  111. package/es/Portal/Portal.types.d.ts +0 -4
  112. package/es/Portal/PortalCore.js +1 -8
  113. package/es/Progress/Progress.css +6 -8
  114. package/es/Radio/Radio.css +1 -2
  115. package/es/Rating/Rating.css +4 -8
  116. package/es/Select/Select.css +10 -21
  117. package/es/Select/Select.js +1 -1
  118. package/es/Select/SelectOption.js +0 -3
  119. package/es/Skeleton/Skeleton.css +2 -3
  120. package/es/Slider/Slider.css +13 -24
  121. package/es/Steps/Step.css +11 -11
  122. package/es/Steps/Steps.css +5 -14
  123. package/es/Swiper/Swiper.css +1 -2
  124. package/es/Switch/Switch.css +16 -31
  125. package/es/TabBar/TabBar.css +3 -7
  126. package/es/TabBar/TabBarItem.css +1 -0
  127. package/es/Tabs/Tab.css +6 -2
  128. package/es/Tabs/Tabs.css +4 -7
  129. package/es/Tag/Tag.css +10 -7
  130. package/es/Tag/TagGroup.css +1 -9
  131. package/es/TextArea/TextArea.css +8 -14
  132. package/es/Toast/FunctionalToast.js +0 -18
  133. package/es/Toast/Toast.css +14 -15
  134. package/es/Toast/Toast.d.ts +2 -2
  135. package/es/Toast/Toast.js +49 -53
  136. package/es/Toast/Toast.types.d.ts +1 -15
  137. package/es/index.d.ts +0 -7
  138. package/es/index.js +0 -7
  139. package/package.json +5 -5
  140. package/dist/Breadcrumb/Breadcrumb.css +0 -34
  141. package/dist/Breadcrumb/Breadcrumb.d.ts +0 -5
  142. package/dist/Breadcrumb/Breadcrumb.js +0 -128
  143. package/dist/Breadcrumb/Breadcrumb.types.d.ts +0 -49
  144. package/dist/Breadcrumb/Breadcrumb.types.js +0 -15
  145. package/dist/Breadcrumb/BreadcrumbItem.d.ts +0 -4
  146. package/dist/Breadcrumb/BreadcrumbItem.js +0 -78
  147. package/dist/Breadcrumb/index.d.ts +0 -4
  148. package/dist/Breadcrumb/index.js +0 -45
  149. package/dist/Collapse/Collapse.css +0 -6
  150. package/dist/Collapse/Collapse.d.ts +0 -5
  151. package/dist/Collapse/Collapse.js +0 -165
  152. package/dist/Collapse/Collapse.types.d.ts +0 -16
  153. package/dist/Collapse/Collapse.types.js +0 -15
  154. package/dist/Collapse/index.d.ts +0 -2
  155. package/dist/Collapse/index.js +0 -41
  156. package/dist/CollapsePanel/CollapsePanel.css +0 -32
  157. package/dist/CollapsePanel/CollapsePanel.d.ts +0 -5
  158. package/dist/CollapsePanel/CollapsePanel.js +0 -159
  159. package/dist/CollapsePanel/CollapsePanel.types.d.ts +0 -64
  160. package/dist/CollapsePanel/CollapsePanel.types.js +0 -15
  161. package/dist/CollapsePanel/CollapsePanelItem.d.ts +0 -4
  162. package/dist/CollapsePanel/CollapsePanelItem.js +0 -112
  163. package/dist/CollapsePanel/index.d.ts +0 -4
  164. package/dist/CollapsePanel/index.js +0 -45
  165. package/dist/Popover/Popover.css +0 -97
  166. package/dist/Popover/Popover.d.ts +0 -5
  167. package/dist/Popover/Popover.js +0 -186
  168. package/dist/Popover/Popover.types.d.ts +0 -60
  169. package/dist/Popover/Popover.types.js +0 -15
  170. package/dist/Popover/index.d.ts +0 -2
  171. package/dist/Popover/index.js +0 -41
  172. package/dist/ThemeProvider/ThemeProvider.d.ts +0 -4
  173. package/dist/ThemeProvider/ThemeProvider.js +0 -90
  174. package/dist/ThemeProvider/ThemeProvider.types.d.ts +0 -127
  175. package/dist/ThemeProvider/ThemeProvider.types.js +0 -27
  176. package/dist/ThemeProvider/hooks/ThemeContext.d.ts +0 -4
  177. package/dist/ThemeProvider/hooks/ThemeContext.js +0 -35
  178. package/dist/ThemeProvider/hooks/createTheme.d.ts +0 -2
  179. package/dist/ThemeProvider/hooks/createTheme.js +0 -55
  180. package/dist/ThemeProvider/hooks/index.d.ts +0 -4
  181. package/dist/ThemeProvider/hooks/index.js +0 -43
  182. package/dist/ThemeProvider/hooks/useTheme.d.ts +0 -1
  183. package/dist/ThemeProvider/hooks/useTheme.js +0 -39
  184. package/dist/ThemeProvider/index.d.ts +0 -4
  185. package/dist/ThemeProvider/index.js +0 -45
  186. package/dist/ThemeProvider/utils/constants.d.ts +0 -38
  187. package/dist/ThemeProvider/utils/constants.js +0 -65
  188. package/dist/ThemeProvider/utils/index.d.ts +0 -2
  189. package/dist/ThemeProvider/utils/index.js +0 -23
  190. package/dist/ThemeProvider/utils/mountTokens.d.ts +0 -26
  191. package/dist/ThemeProvider/utils/mountTokens.js +0 -123
  192. package/dist/Tooltip/Tooltip.css +0 -91
  193. package/dist/Tooltip/Tooltip.d.ts +0 -5
  194. package/dist/Tooltip/Tooltip.js +0 -177
  195. package/dist/Tooltip/Tooltip.types.d.ts +0 -51
  196. package/dist/Tooltip/Tooltip.types.js +0 -15
  197. package/dist/Tooltip/index.d.ts +0 -2
  198. package/dist/Tooltip/index.js +0 -41
  199. package/dist/locales/base.d.ts +0 -40
  200. package/dist/locales/base.js +0 -15
  201. package/dist/locales/en-US.d.ts +0 -3
  202. package/dist/locales/en-US.js +0 -69
  203. package/dist/locales/hooks/useLocaleText.d.ts +0 -3
  204. package/dist/locales/hooks/useLocaleText.js +0 -43
  205. package/dist/locales/index.d.ts +0 -5
  206. package/dist/locales/index.js +0 -49
  207. package/dist/locales/zh-CN.d.ts +0 -3
  208. package/dist/locales/zh-CN.js +0 -51
  209. package/dist/locales/zh-TW.d.ts +0 -3
  210. package/dist/locales/zh-TW.js +0 -51
  211. package/es/Breadcrumb/Breadcrumb.css +0 -34
  212. package/es/Breadcrumb/Breadcrumb.d.ts +0 -5
  213. package/es/Breadcrumb/Breadcrumb.js +0 -101
  214. package/es/Breadcrumb/Breadcrumb.types.d.ts +0 -49
  215. package/es/Breadcrumb/Breadcrumb.types.js +0 -1
  216. package/es/Breadcrumb/BreadcrumbItem.d.ts +0 -4
  217. package/es/Breadcrumb/BreadcrumbItem.js +0 -51
  218. package/es/Breadcrumb/index.d.ts +0 -4
  219. package/es/Breadcrumb/index.js +0 -9
  220. package/es/Collapse/Collapse.css +0 -6
  221. package/es/Collapse/Collapse.d.ts +0 -5
  222. package/es/Collapse/Collapse.js +0 -144
  223. package/es/Collapse/Collapse.types.d.ts +0 -16
  224. package/es/Collapse/Collapse.types.js +0 -1
  225. package/es/Collapse/index.d.ts +0 -2
  226. package/es/Collapse/index.js +0 -6
  227. package/es/CollapsePanel/CollapsePanel.css +0 -32
  228. package/es/CollapsePanel/CollapsePanel.d.ts +0 -5
  229. package/es/CollapsePanel/CollapsePanel.js +0 -132
  230. package/es/CollapsePanel/CollapsePanel.types.d.ts +0 -64
  231. package/es/CollapsePanel/CollapsePanel.types.js +0 -1
  232. package/es/CollapsePanel/CollapsePanelItem.d.ts +0 -4
  233. package/es/CollapsePanel/CollapsePanelItem.js +0 -85
  234. package/es/CollapsePanel/index.d.ts +0 -4
  235. package/es/CollapsePanel/index.js +0 -9
  236. package/es/Popover/Popover.css +0 -97
  237. package/es/Popover/Popover.d.ts +0 -5
  238. package/es/Popover/Popover.js +0 -159
  239. package/es/Popover/Popover.types.d.ts +0 -60
  240. package/es/Popover/Popover.types.js +0 -1
  241. package/es/Popover/index.d.ts +0 -2
  242. package/es/Popover/index.js +0 -6
  243. package/es/ThemeProvider/ThemeProvider.d.ts +0 -4
  244. package/es/ThemeProvider/ThemeProvider.js +0 -61
  245. package/es/ThemeProvider/ThemeProvider.types.d.ts +0 -127
  246. package/es/ThemeProvider/ThemeProvider.types.js +0 -1
  247. package/es/ThemeProvider/hooks/ThemeContext.d.ts +0 -4
  248. package/es/ThemeProvider/hooks/ThemeContext.js +0 -6
  249. package/es/ThemeProvider/hooks/createTheme.d.ts +0 -2
  250. package/es/ThemeProvider/hooks/createTheme.js +0 -38
  251. package/es/ThemeProvider/hooks/index.d.ts +0 -4
  252. package/es/ThemeProvider/hooks/index.js +0 -8
  253. package/es/ThemeProvider/hooks/useTheme.d.ts +0 -1
  254. package/es/ThemeProvider/hooks/useTheme.js +0 -10
  255. package/es/ThemeProvider/index.d.ts +0 -4
  256. package/es/ThemeProvider/index.js +0 -8
  257. package/es/ThemeProvider/utils/constants.d.ts +0 -38
  258. package/es/ThemeProvider/utils/constants.js +0 -40
  259. package/es/ThemeProvider/utils/index.d.ts +0 -2
  260. package/es/ThemeProvider/utils/index.js +0 -2
  261. package/es/ThemeProvider/utils/mountTokens.d.ts +0 -26
  262. package/es/ThemeProvider/utils/mountTokens.js +0 -88
  263. package/es/Tooltip/Tooltip.css +0 -91
  264. package/es/Tooltip/Tooltip.d.ts +0 -5
  265. package/es/Tooltip/Tooltip.js +0 -150
  266. package/es/Tooltip/Tooltip.types.d.ts +0 -51
  267. package/es/Tooltip/Tooltip.types.js +0 -1
  268. package/es/Tooltip/index.d.ts +0 -2
  269. package/es/Tooltip/index.js +0 -6
  270. package/es/locales/base.d.ts +0 -40
  271. package/es/locales/base.js +0 -0
  272. package/es/locales/en-US.d.ts +0 -3
  273. package/es/locales/en-US.js +0 -50
  274. package/es/locales/hooks/useLocaleText.d.ts +0 -3
  275. package/es/locales/hooks/useLocaleText.js +0 -26
  276. package/es/locales/index.d.ts +0 -5
  277. package/es/locales/index.js +0 -11
  278. package/es/locales/zh-CN.d.ts +0 -3
  279. package/es/locales/zh-CN.js +0 -32
  280. package/es/locales/zh-TW.d.ts +0 -3
  281. package/es/locales/zh-TW.js +0 -32
@@ -1,90 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __export = (target, all) => {
8
- for (var name in all)
9
- __defProp(target, name, { get: all[name], enumerable: true });
10
- };
11
- var __copyProps = (to, from, except, desc) => {
12
- if (from && typeof from === "object" || typeof from === "function") {
13
- for (let key of __getOwnPropNames(from))
14
- if (!__hasOwnProp.call(to, key) && key !== except)
15
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
16
- }
17
- return to;
18
- };
19
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
20
- // If the importer is in node compatibility mode or this is not an ESM
21
- // file that has been converted to a CommonJS file using a Babel-
22
- // compatible transform (i.e. "__esModule" has not been set), then set
23
- // "default" to the CommonJS "module.exports" for node compatibility.
24
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
25
- mod
26
- ));
27
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
28
- var ThemeProvider_exports = {};
29
- __export(ThemeProvider_exports, {
30
- default: () => ThemeProvider_default
31
- });
32
- module.exports = __toCommonJS(ThemeProvider_exports);
33
- var import_react = __toESM(require("react"));
34
- var import_hooks = require("./hooks");
35
- var import_constants = require("./utils/constants");
36
- var import_mountTokens = require("./utils/mountTokens");
37
- const ThemeProvider = /* @__PURE__ */ import_react.default.forwardRef(
38
- (props, ref) => {
39
- var _a;
40
- const {
41
- isRoot,
42
- locale,
43
- responsive,
44
- defaultLightToken,
45
- defaultDarkToken,
46
- dmLightToken,
47
- dmDarkToken,
48
- token,
49
- children
50
- } = props;
51
- let containerId = ((0, import_react.useId)() || "").replace(/:/g, "");
52
- containerId = `${import_constants.BUI_VAR_PREFIX}${containerId}`;
53
- const theme = (0, import_react.useMemo)(() => {
54
- return { locale };
55
- }, [locale]);
56
- let childrenNode = children;
57
- if (import_react.default.isValidElement(children)) {
58
- childrenNode = import_react.default.cloneElement(children, {
59
- className: `${containerId} ${((_a = children == null ? void 0 : children.props) == null ? void 0 : _a.className) || ""}`.trim()
60
- });
61
- }
62
- (0, import_react.useEffect)(() => {
63
- if (responsive || defaultLightToken || defaultDarkToken || dmLightToken || dmDarkToken || token) {
64
- (0, import_mountTokens.mountTokens)({
65
- isRoot,
66
- containerId,
67
- container: children,
68
- responsive,
69
- defaultLightToken,
70
- defaultDarkToken,
71
- dmLightToken,
72
- dmDarkToken,
73
- token
74
- });
75
- }
76
- }, [
77
- isRoot,
78
- containerId,
79
- responsive,
80
- defaultLightToken,
81
- defaultDarkToken,
82
- dmLightToken,
83
- dmDarkToken,
84
- token
85
- ]);
86
- return /* @__PURE__ */ import_react.default.createElement(import_hooks.ThemeContext.Provider, { value: theme }, childrenNode);
87
- }
88
- );
89
- ThemeProvider.displayName = "BuiThemeProvider";
90
- var ThemeProvider_default = ThemeProvider;
@@ -1,127 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { OverrideProps } from '@bifrostui/types';
3
- import { BaseLang } from '../locales/base';
4
- export type ThemeProviderProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
5
- props: P & ThemeProps;
6
- defaultComponent: D;
7
- }, D>;
8
- export interface Breakpoints {
9
- /**
10
- * 超小屏幕 (小于 576px,实际为了处理临界值,断点值为 575.98px)
11
- * @default '575.98px'
12
- */
13
- xs?: string;
14
- /**
15
- * 小屏幕
16
- * @default '576px'
17
- */
18
- sm?: string;
19
- /**
20
- * 中等屏幕
21
- * @default '768px'
22
- */
23
- md?: string;
24
- /**
25
- * 大屏幕
26
- * @default '992px'
27
- */
28
- lg?: string;
29
- /**
30
- * 超大屏幕
31
- * @default '1200px'
32
- */
33
- xl?: string;
34
- }
35
- /**
36
- * 响应式屏幕断点配置
37
- */
38
- interface ResponsiveTokenOptions {
39
- /**
40
- * 超小屏幕 (小于 576px,实际为了处理临界值,断点值为 575.98px)
41
- */
42
- xs?: Record<string, string>;
43
- /**
44
- * 小屏幕 (≥ 576px)
45
- */
46
- sm?: Record<string, string>;
47
- /**
48
- * 中等屏幕 (≥ 768px)
49
- */
50
- md?: Record<string, string>;
51
- /**
52
- * 大屏幕 (≥ 992px)
53
- */
54
- lg?: Record<string, string>;
55
- /**
56
- * 超大屏幕 (≥ 1200px)
57
- */
58
- xl?: Record<string, string>;
59
- }
60
- interface ThemeProps {
61
- /**
62
- * 当前ThemeProvider是否为最顶层
63
- * 若当前应用会出现嵌套的ThemeProvider,则需要将最外层的ThemeProvider isRoot属性设置为true
64
- * TODO 不通过属性判断
65
- * @default false
66
- */
67
- isRoot?: boolean;
68
- /**
69
- * 挂载的容器
70
- * @default root
71
- */
72
- container?: ReactNode;
73
- /**
74
- * 挂载容器的id
75
- */
76
- containerId?: string;
77
- /**
78
- * 语言
79
- */
80
- locale?: BaseLang;
81
- /**
82
- * 响应式屏幕断点配置
83
- */
84
- responsive?: ResponsiveTokenOptions;
85
- /**
86
- * 默认高亮主题Token
87
- */
88
- defaultLightToken?: Record<string, string>;
89
- /**
90
- * 默认暗黑主题Token
91
- */
92
- defaultDarkToken?: Record<string, string>;
93
- /**
94
- * 大麦高亮主题Token
95
- */
96
- dmLightToken?: Record<string, string>;
97
- /**
98
- * 大麦暗黑主题Token
99
- */
100
- dmDarkToken?: Record<string, string>;
101
- /**
102
- * 组件全局Token
103
- */
104
- token?: Record<string, string>;
105
- }
106
- /**
107
- * 复写内置主题Tokens
108
- */
109
- type BuiltInThemesTokenOptions = Pick<ThemeProps, 'defaultLightToken' | 'defaultDarkToken' | 'dmLightToken' | 'dmDarkToken'>;
110
- /**
111
- * 挂载组件自定义Tokens参数
112
- */
113
- export type MountComponentsTokenOptions = Pick<ThemeProps, 'isRoot' | 'container' | 'containerId' | 'token'>;
114
- /**
115
- * 挂载响应式Tokens参数
116
- */
117
- type componentsTokenOptions = Pick<ThemeProps, 'token'>;
118
- export type MountResponsiveTokenOptions = Pick<ThemeProps, 'responsive'> & {
119
- breakpoints?: Breakpoints;
120
- };
121
- /**
122
- * 更新Tokens
123
- */
124
- export type UpdateTokensOptions = Pick<ThemeProps, 'isRoot' | 'containerId' | 'container'> & {
125
- rootString: string;
126
- };
127
- export { BaseLang, ResponsiveTokenOptions, ThemeProps, BuiltInThemesTokenOptions, componentsTokenOptions, };
@@ -1,27 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __export = (target, all) => {
6
- for (var name in all)
7
- __defProp(target, name, { get: all[name], enumerable: true });
8
- };
9
- var __copyProps = (to, from, except, desc) => {
10
- if (from && typeof from === "object" || typeof from === "function") {
11
- for (let key of __getOwnPropNames(from))
12
- if (!__hasOwnProp.call(to, key) && key !== except)
13
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
14
- }
15
- return to;
16
- };
17
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
18
- var ThemeProvider_types_exports = {};
19
- __export(ThemeProvider_types_exports, {
20
- BaseLang: () => import_base.BaseLang
21
- });
22
- module.exports = __toCommonJS(ThemeProvider_types_exports);
23
- var import_base = require("../locales/base");
24
- // Annotate the CommonJS export names for ESM import in node:
25
- 0 && (module.exports = {
26
- BaseLang
27
- });
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { ThemeProps } from '../ThemeProvider.types';
3
- declare const ThemeContext: React.Context<ThemeProps>;
4
- export default ThemeContext;
@@ -1,35 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __export = (target, all) => {
8
- for (var name in all)
9
- __defProp(target, name, { get: all[name], enumerable: true });
10
- };
11
- var __copyProps = (to, from, except, desc) => {
12
- if (from && typeof from === "object" || typeof from === "function") {
13
- for (let key of __getOwnPropNames(from))
14
- if (!__hasOwnProp.call(to, key) && key !== except)
15
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
16
- }
17
- return to;
18
- };
19
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
20
- // If the importer is in node compatibility mode or this is not an ESM
21
- // file that has been converted to a CommonJS file using a Babel-
22
- // compatible transform (i.e. "__esModule" has not been set), then set
23
- // "default" to the CommonJS "module.exports" for node compatibility.
24
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
25
- mod
26
- ));
27
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
28
- var ThemeContext_exports = {};
29
- __export(ThemeContext_exports, {
30
- default: () => ThemeContext_default
31
- });
32
- module.exports = __toCommonJS(ThemeContext_exports);
33
- var import_react = __toESM(require("react"));
34
- const ThemeContext = import_react.default.createContext(null);
35
- var ThemeContext_default = ThemeContext;
@@ -1,2 +0,0 @@
1
- import { ThemeProps } from '../ThemeProvider.types';
2
- export default function createTheme(options: ThemeProps): ThemeProps;
@@ -1,55 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
7
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
8
- var __spreadValues = (a, b) => {
9
- for (var prop in b || (b = {}))
10
- if (__hasOwnProp.call(b, prop))
11
- __defNormalProp(a, prop, b[prop]);
12
- if (__getOwnPropSymbols)
13
- for (var prop of __getOwnPropSymbols(b)) {
14
- if (__propIsEnum.call(b, prop))
15
- __defNormalProp(a, prop, b[prop]);
16
- }
17
- return a;
18
- };
19
- var __objRest = (source, exclude) => {
20
- var target = {};
21
- for (var prop in source)
22
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
23
- target[prop] = source[prop];
24
- if (source != null && __getOwnPropSymbols)
25
- for (var prop of __getOwnPropSymbols(source)) {
26
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
27
- target[prop] = source[prop];
28
- }
29
- return target;
30
- };
31
- var __export = (target, all) => {
32
- for (var name in all)
33
- __defProp(target, name, { get: all[name], enumerable: true });
34
- };
35
- var __copyProps = (to, from, except, desc) => {
36
- if (from && typeof from === "object" || typeof from === "function") {
37
- for (let key of __getOwnPropNames(from))
38
- if (!__hasOwnProp.call(to, key) && key !== except)
39
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
40
- }
41
- return to;
42
- };
43
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
44
- var createTheme_exports = {};
45
- __export(createTheme_exports, {
46
- default: () => createTheme
47
- });
48
- module.exports = __toCommonJS(createTheme_exports);
49
- function createTheme(options) {
50
- const _a = options || {}, { locale } = _a, others = __objRest(_a, ["locale"]);
51
- const buiTheme = __spreadValues({
52
- locale
53
- }, others);
54
- return buiTheme;
55
- }
@@ -1,4 +0,0 @@
1
- import createTheme from './createTheme';
2
- import ThemeContext from './ThemeContext';
3
- import useTheme from './useTheme';
4
- export { createTheme, ThemeContext, useTheme };
@@ -1,43 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __export = (target, all) => {
8
- for (var name in all)
9
- __defProp(target, name, { get: all[name], enumerable: true });
10
- };
11
- var __copyProps = (to, from, except, desc) => {
12
- if (from && typeof from === "object" || typeof from === "function") {
13
- for (let key of __getOwnPropNames(from))
14
- if (!__hasOwnProp.call(to, key) && key !== except)
15
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
16
- }
17
- return to;
18
- };
19
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
20
- // If the importer is in node compatibility mode or this is not an ESM
21
- // file that has been converted to a CommonJS file using a Babel-
22
- // compatible transform (i.e. "__esModule" has not been set), then set
23
- // "default" to the CommonJS "module.exports" for node compatibility.
24
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
25
- mod
26
- ));
27
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
28
- var hooks_exports = {};
29
- __export(hooks_exports, {
30
- ThemeContext: () => import_ThemeContext.default,
31
- createTheme: () => import_createTheme.default,
32
- useTheme: () => import_useTheme.default
33
- });
34
- module.exports = __toCommonJS(hooks_exports);
35
- var import_createTheme = __toESM(require("./createTheme"));
36
- var import_ThemeContext = __toESM(require("./ThemeContext"));
37
- var import_useTheme = __toESM(require("./useTheme"));
38
- // Annotate the CommonJS export names for ESM import in node:
39
- 0 && (module.exports = {
40
- ThemeContext,
41
- createTheme,
42
- useTheme
43
- });
@@ -1 +0,0 @@
1
- export default function useTheme(defaultTheme?: import("../ThemeProvider.types").ThemeProps): import("../ThemeProvider.types").ThemeProps;
@@ -1,39 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __export = (target, all) => {
8
- for (var name in all)
9
- __defProp(target, name, { get: all[name], enumerable: true });
10
- };
11
- var __copyProps = (to, from, except, desc) => {
12
- if (from && typeof from === "object" || typeof from === "function") {
13
- for (let key of __getOwnPropNames(from))
14
- if (!__hasOwnProp.call(to, key) && key !== except)
15
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
16
- }
17
- return to;
18
- };
19
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
20
- // If the importer is in node compatibility mode or this is not an ESM
21
- // file that has been converted to a CommonJS file using a Babel-
22
- // compatible transform (i.e. "__esModule" has not been set), then set
23
- // "default" to the CommonJS "module.exports" for node compatibility.
24
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
25
- mod
26
- ));
27
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
28
- var useTheme_exports = {};
29
- __export(useTheme_exports, {
30
- default: () => useTheme
31
- });
32
- module.exports = __toCommonJS(useTheme_exports);
33
- var import_react = __toESM(require("react"));
34
- var import_createTheme = __toESM(require("./createTheme"));
35
- var import_ThemeContext = __toESM(require("./ThemeContext"));
36
- function useTheme(defaultTheme = (0, import_createTheme.default)(null)) {
37
- const contextTheme = import_react.default.useContext(import_ThemeContext.default);
38
- return !contextTheme || Object.keys(contextTheme).length === 0 ? defaultTheme : contextTheme;
39
- }
@@ -1,4 +0,0 @@
1
- export { default, default as ThemeProvider } from './ThemeProvider';
2
- export * from './hooks';
3
- export * from './utils';
4
- export * from './ThemeProvider.types';
@@ -1,45 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __export = (target, all) => {
8
- for (var name in all)
9
- __defProp(target, name, { get: all[name], enumerable: true });
10
- };
11
- var __copyProps = (to, from, except, desc) => {
12
- if (from && typeof from === "object" || typeof from === "function") {
13
- for (let key of __getOwnPropNames(from))
14
- if (!__hasOwnProp.call(to, key) && key !== except)
15
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
16
- }
17
- return to;
18
- };
19
- var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
- // If the importer is in node compatibility mode or this is not an ESM
22
- // file that has been converted to a CommonJS file using a Babel-
23
- // compatible transform (i.e. "__esModule" has not been set), then set
24
- // "default" to the CommonJS "module.exports" for node compatibility.
25
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
- mod
27
- ));
28
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
- var ThemeProvider_exports = {};
30
- __export(ThemeProvider_exports, {
31
- ThemeProvider: () => import_ThemeProvider.default,
32
- default: () => import_ThemeProvider.default
33
- });
34
- module.exports = __toCommonJS(ThemeProvider_exports);
35
- var import_ThemeProvider = __toESM(require("./ThemeProvider"));
36
- __reExport(ThemeProvider_exports, require("./hooks"), module.exports);
37
- __reExport(ThemeProvider_exports, require("./utils"), module.exports);
38
- __reExport(ThemeProvider_exports, require("./ThemeProvider.types"), module.exports);
39
- // Annotate the CommonJS export names for ESM import in node:
40
- 0 && (module.exports = {
41
- ThemeProvider,
42
- ...require("./hooks"),
43
- ...require("./utils"),
44
- ...require("./ThemeProvider.types")
45
- });
@@ -1,38 +0,0 @@
1
- /**
2
- * 响应式屏幕断点
3
- */
4
- export declare const breakpoints: {
5
- /**
6
- * 超小屏幕 (小于 576px,实际为了处理临界值,断点值为 575.98px)
7
- */
8
- xs: string;
9
- /**
10
- * 小屏幕 (≥ 576px)
11
- */
12
- sm: string;
13
- /**
14
- * 中等屏幕 (≥ 768px)
15
- */
16
- md: string;
17
- /**
18
- * 大屏幕 (≥ 992px)
19
- */
20
- lg: string;
21
- /**
22
- * 超大屏幕 (≥ 1200px)
23
- */
24
- xl: string;
25
- };
26
- /**
27
- * 根节点选择器,用于挂载全局Tokens
28
- */
29
- export declare const rootSelector: {
30
- defaultLight: string[];
31
- defaultDark: string[];
32
- dmLight: string[];
33
- dmDark: string[];
34
- };
35
- /**
36
- * BUI css变量前缀
37
- */
38
- export declare const BUI_VAR_PREFIX = "bui-var-";
@@ -1,65 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __export = (target, all) => {
6
- for (var name in all)
7
- __defProp(target, name, { get: all[name], enumerable: true });
8
- };
9
- var __copyProps = (to, from, except, desc) => {
10
- if (from && typeof from === "object" || typeof from === "function") {
11
- for (let key of __getOwnPropNames(from))
12
- if (!__hasOwnProp.call(to, key) && key !== except)
13
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
14
- }
15
- return to;
16
- };
17
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
18
- var constants_exports = {};
19
- __export(constants_exports, {
20
- BUI_VAR_PREFIX: () => BUI_VAR_PREFIX,
21
- breakpoints: () => breakpoints,
22
- rootSelector: () => rootSelector
23
- });
24
- module.exports = __toCommonJS(constants_exports);
25
- const breakpoints = {
26
- /**
27
- * 超小屏幕 (小于 576px,实际为了处理临界值,断点值为 575.98px)
28
- */
29
- xs: "575.98px",
30
- /**
31
- * 小屏幕 (≥ 576px)
32
- */
33
- sm: "576px",
34
- /**
35
- * 中等屏幕 (≥ 768px)
36
- */
37
- md: "768px",
38
- /**
39
- * 大屏幕 (≥ 992px)
40
- */
41
- lg: "992px",
42
- /**
43
- * 超大屏幕 (≥ 1200px)
44
- */
45
- xl: "1200px"
46
- };
47
- const rootSelector = {
48
- defaultLight: [
49
- ":root",
50
- "page",
51
- "xhs-page",
52
- ".bui-default-light",
53
- '[data-color-mode="light"][data-theme="default"]'
54
- ],
55
- defaultDark: [".bui-dark", '[data-color-mode="dark"][data-theme="default"]'],
56
- dmLight: [".bui-dm-light", '[data-color-mode="light"][data-theme="dm"]'],
57
- dmDark: [".bui-dm-dark", '[data-color-mode="dark"][data-theme="dm"]']
58
- };
59
- const BUI_VAR_PREFIX = "bui-var-";
60
- // Annotate the CommonJS export names for ESM import in node:
61
- 0 && (module.exports = {
62
- BUI_VAR_PREFIX,
63
- breakpoints,
64
- rootSelector
65
- });
@@ -1,2 +0,0 @@
1
- export * from './constants';
2
- export * from './mountTokens';
@@ -1,23 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __copyProps = (to, from, except, desc) => {
6
- if (from && typeof from === "object" || typeof from === "function") {
7
- for (let key of __getOwnPropNames(from))
8
- if (!__hasOwnProp.call(to, key) && key !== except)
9
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
10
- }
11
- return to;
12
- };
13
- var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
14
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
15
- var utils_exports = {};
16
- module.exports = __toCommonJS(utils_exports);
17
- __reExport(utils_exports, require("./constants"), module.exports);
18
- __reExport(utils_exports, require("./mountTokens"), module.exports);
19
- // Annotate the CommonJS export names for ESM import in node:
20
- 0 && (module.exports = {
21
- ...require("./constants"),
22
- ...require("./mountTokens")
23
- });
@@ -1,26 +0,0 @@
1
- import { ThemeProps, MountResponsiveTokenOptions, BuiltInThemesTokenOptions } from '../ThemeProvider.types';
2
- /**
3
- * 挂载响应式自定义Tokens
4
- * 响应式相关的Tokens挂载在全局根节点上,暗黑模式或大麦高亮主题下可自定义额外Toekns复写响应式Tokens
5
- */
6
- export declare const mountResponsiveTokens: (options: MountResponsiveTokenOptions) => void;
7
- /**
8
- * 复写内置主题Tokens,复写的自定义token应为对应主题css变量的子集
9
- * BUI内置主题包括以下4种:
10
- * 1. 默认高亮模式(defaultLightToken 复写 default-light.less)
11
- * 2. 默认暗黑模式(defaultDarkToken 复写 default-dark.less)
12
- * 3. 大麦高亮模式(dmLightToken 复写 dm-light.less)
13
- * 4. 大麦暗黑模式(dmDarkToken 复写 dm-dark.less)
14
- */
15
- export declare const overrideBuiltInThemes: (tokenOptions: BuiltInThemesTokenOptions) => void;
16
- /**
17
- * 挂载Design Tokens
18
- * Tokens的优先级:
19
- * 1. 通常情况:组件的Tokens > 响应式Tokens > BUI内置Tokens(挂载顺序控制)
20
- * 2. 暗黑模式:组件的Tokens > BUI内置的两种暗黑模式Tokens > 响应式Tokens (选择器权重控制)
21
- *
22
- * - 挂载顺序决定BUI内置Tokens(暗黑模式除外)和响应式Tokens的优先级
23
- * - 选择器权重决定暗黑模式的Tokens和响应式Tokens的优先级
24
- * - 命名规则决定组件的Tokens(如:--bui-button-xxx)
25
- */
26
- export declare const mountTokens: (tokenOptions?: ThemeProps) => void;