@bifrostui/react 1.3.1-beta.1 → 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 -59
  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 -91
  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 -175
  195. package/dist/Tooltip/Tooltip.types.d.ts +0 -50
  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 -163
  239. package/es/Popover/Popover.types.d.ts +0 -59
  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 -62
  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 -152
  266. package/es/Tooltip/Tooltip.types.d.ts +0 -50
  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,123 +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 mountTokens_exports = {};
29
- __export(mountTokens_exports, {
30
- mountResponsiveTokens: () => mountResponsiveTokens,
31
- mountTokens: () => mountTokens,
32
- overrideBuiltInThemes: () => overrideBuiltInThemes
33
- });
34
- module.exports = __toCommonJS(mountTokens_exports);
35
- var import_react = __toESM(require("react"));
36
- var import_utils = require("@bifrostui/utils");
37
- var import_constants = require("./constants");
38
- const updateTokens = (options) => {
39
- const { isRoot, rootString, container, containerId } = options || {};
40
- if (import_utils.isMini)
41
- return;
42
- const style = document.createElement("style");
43
- style.type = "text/css";
44
- style.appendChild(document.createTextNode(rootString));
45
- let containerNode;
46
- if (isRoot) {
47
- containerNode = document.head;
48
- } else if (containerId && container && import_react.default.isValidElement(container)) {
49
- containerNode = document.querySelector(`.${containerId}`);
50
- }
51
- if (containerNode) {
52
- containerNode.appendChild(style);
53
- }
54
- };
55
- const mountResponsiveTokens = (options) => {
56
- const { responsive, breakpoints = import_constants.breakpoints } = options || {};
57
- if (!responsive)
58
- return;
59
- const modeSelector = import_constants.rootSelector.defaultLight;
60
- let rootString = `${modeSelector.join(",")} { `;
61
- Object.entries(responsive).forEach((config) => {
62
- const [size, tokenConfig] = config || [];
63
- if (!size || !tokenConfig)
64
- return;
65
- const cssVariablesString = Object.entries(tokenConfig || {}).reduce(
66
- (acc, [key, value]) => {
67
- return `${acc} ${key}: ${value};`;
68
- },
69
- ""
70
- );
71
- const mediaQuery = size === "xs" ? "max-width" : "min-width";
72
- rootString += `@media (${mediaQuery}: ${breakpoints[size]}) { ${cssVariablesString} }`;
73
- });
74
- rootString = `${rootString} }`;
75
- updateTokens({ isRoot: true, rootString });
76
- };
77
- const overrideBuiltInThemes = (tokenOptions) => {
78
- if (!tokenOptions)
79
- return;
80
- Object.keys(import_constants.rootSelector).forEach((selectorKey) => {
81
- const modeSelector = import_constants.rootSelector[selectorKey];
82
- const token = tokenOptions[`${selectorKey}Token`];
83
- if (token) {
84
- let rootString = `${modeSelector.join(",")} { `;
85
- const cssVariablesString = Object.entries(token).reduce(
86
- (acc, [key, value]) => {
87
- return `${acc} ${key}: ${value};`;
88
- },
89
- ""
90
- );
91
- rootString = `${rootString} ${cssVariablesString} }`;
92
- updateTokens({ isRoot: true, rootString });
93
- }
94
- });
95
- };
96
- const mountComponentsTokens = (options) => {
97
- const { isRoot = false, token, container, containerId } = options || {};
98
- if (!token)
99
- return;
100
- const modeSelector = isRoot ? import_constants.rootSelector.defaultLight : [`.${containerId}`];
101
- let rootString = `${modeSelector.join(",")} { `;
102
- const cssVariablesString = Object.entries(token).reduce(
103
- (acc, [key, value]) => {
104
- return `${acc} ${key}: ${value};`;
105
- },
106
- ""
107
- );
108
- rootString = `${rootString} ${cssVariablesString} }`;
109
- updateTokens({ isRoot, rootString, container, containerId });
110
- };
111
- const mountTokens = (tokenOptions) => {
112
- if (import_utils.isMini)
113
- return;
114
- overrideBuiltInThemes(tokenOptions);
115
- mountResponsiveTokens(tokenOptions);
116
- mountComponentsTokens(tokenOptions);
117
- };
118
- // Annotate the CommonJS export names for ESM import in node:
119
- 0 && (module.exports = {
120
- mountResponsiveTokens,
121
- mountTokens,
122
- overrideBuiltInThemes
123
- });
@@ -1,91 +0,0 @@
1
- .bui-tooltip {
2
- --arrow-size: var(--bui-tooltip-arrow-size, 8px);
3
- --localtion-position: var(--bui-tooltip-localtion-position, 8px);
4
- --max-width: var(--bui-tooltip-max-width, 350px);
5
- --content-min-width: var(--bui-tooltip-content-min-width, 30px);
6
- --content-min-height: var(--bui-tooltip-content-min-height, 32px);
7
- --content-padding: var(--bui-tooltip-content-padding, 6px 8px);
8
- max-width: var(--max-width);
9
- font-size: var(--bui-text-size-1);
10
- position: absolute;
11
- visibility: hidden;
12
- z-index: var(--bui-z-index-tooltip);
13
- }
14
- .bui-tooltip .bui-tooltip-arrow {
15
- width: 0;
16
- height: 0;
17
- position: absolute;
18
- }
19
- .bui-tooltip .bui-tooltip-arrow.location-left {
20
- left: var(--localtion-position);
21
- }
22
- .bui-tooltip .bui-tooltip-arrow.location-right {
23
- right: var(--localtion-position);
24
- }
25
- .bui-tooltip .bui-tooltip-arrow.location-top {
26
- top: var(--localtion-position);
27
- }
28
- .bui-tooltip .bui-tooltip-arrow.location-bottom {
29
- bottom: var(--localtion-position);
30
- }
31
- .bui-tooltip.tooltip-top .location-center,
32
- .bui-tooltip.tooltip-bottom .location-center {
33
- left: 50%;
34
- transform: translateX(-50%);
35
- }
36
- .bui-tooltip.tooltip-left .location-center,
37
- .bui-tooltip.tooltip-right .location-center {
38
- top: 50%;
39
- transform: translateY(-50%);
40
- }
41
- .bui-tooltip.tooltip-top {
42
- padding-bottom: var(--arrow-size);
43
- }
44
- .bui-tooltip.tooltip-top .bui-tooltip-arrow {
45
- border-left: var(--arrow-size) solid transparent;
46
- border-right: var(--arrow-size) solid transparent;
47
- border-top: var(--arrow-size) solid var(--bui-color-bg-alpha-dark-7);
48
- bottom: 0;
49
- }
50
- .bui-tooltip.tooltip-bottom {
51
- padding-top: var(--arrow-size);
52
- }
53
- .bui-tooltip.tooltip-bottom .bui-tooltip-arrow {
54
- border-left: var(--arrow-size) solid transparent;
55
- border-right: var(--arrow-size) solid transparent;
56
- border-bottom: var(--arrow-size) solid var(--bui-color-bg-alpha-dark-7);
57
- top: 0;
58
- }
59
- .bui-tooltip.tooltip-left {
60
- padding-right: var(--arrow-size);
61
- }
62
- .bui-tooltip.tooltip-left .bui-tooltip-arrow {
63
- border-top: var(--arrow-size) solid transparent;
64
- border-bottom: var(--arrow-size) solid transparent;
65
- border-left: var(--arrow-size) solid var(--bui-color-bg-alpha-dark-7);
66
- right: 0;
67
- }
68
- .bui-tooltip.tooltip-right {
69
- padding-left: var(--arrow-size);
70
- }
71
- .bui-tooltip.tooltip-right .bui-tooltip-arrow {
72
- border-top: var(--arrow-size) solid transparent;
73
- border-bottom: var(--arrow-size) solid transparent;
74
- border-right: var(--arrow-size) solid var(--bui-color-bg-alpha-dark-7);
75
- left: 0;
76
- }
77
- .bui-tooltip .bui-tooltip-content {
78
- min-width: var(--content-min-width);
79
- min-height: var(--content-min-height);
80
- padding: var(--content-padding);
81
- color: var(--bui-color-white);
82
- text-align: left;
83
- text-decoration: none;
84
- word-wrap: break-word;
85
- background-color: var(--bui-color-bg-alpha-dark-7);
86
- border-radius: var(--bui-shape-radius-poster);
87
- box-shadow:
88
- 0 3px 6px -4px rgba(0, 0, 0, 0.12),
89
- 0 6px 16px 0 rgba(0, 0, 0, 0.08),
90
- 0 9px 28px 8px rgba(0, 0, 0, 0.05);
91
- }
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
- import { TooltipProps } from './Tooltip.types';
3
- import './Tooltip.less';
4
- declare const Tooltip: React.ForwardRefExoticComponent<Omit<TooltipProps<"div", {}>, "ref"> & React.RefAttributes<HTMLElement>>;
5
- export default Tooltip;
@@ -1,175 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __defProps = Object.defineProperties;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
6
- var __getOwnPropNames = Object.getOwnPropertyNames;
7
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
8
- var __getProtoOf = Object.getPrototypeOf;
9
- var __hasOwnProp = Object.prototype.hasOwnProperty;
10
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
11
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
12
- var __spreadValues = (a, b) => {
13
- for (var prop in b || (b = {}))
14
- if (__hasOwnProp.call(b, prop))
15
- __defNormalProp(a, prop, b[prop]);
16
- if (__getOwnPropSymbols)
17
- for (var prop of __getOwnPropSymbols(b)) {
18
- if (__propIsEnum.call(b, prop))
19
- __defNormalProp(a, prop, b[prop]);
20
- }
21
- return a;
22
- };
23
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
24
- var __objRest = (source, exclude) => {
25
- var target = {};
26
- for (var prop in source)
27
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
28
- target[prop] = source[prop];
29
- if (source != null && __getOwnPropSymbols)
30
- for (var prop of __getOwnPropSymbols(source)) {
31
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
32
- target[prop] = source[prop];
33
- }
34
- return target;
35
- };
36
- var __export = (target, all) => {
37
- for (var name in all)
38
- __defProp(target, name, { get: all[name], enumerable: true });
39
- };
40
- var __copyProps = (to, from, except, desc) => {
41
- if (from && typeof from === "object" || typeof from === "function") {
42
- for (let key of __getOwnPropNames(from))
43
- if (!__hasOwnProp.call(to, key) && key !== except)
44
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
45
- }
46
- return to;
47
- };
48
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
49
- // If the importer is in node compatibility mode or this is not an ESM
50
- // file that has been converted to a CommonJS file using a Babel-
51
- // compatible transform (i.e. "__esModule" has not been set), then set
52
- // "default" to the CommonJS "module.exports" for node compatibility.
53
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
54
- mod
55
- ));
56
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
57
- var Tooltip_exports = {};
58
- __export(Tooltip_exports, {
59
- default: () => Tooltip_default
60
- });
61
- module.exports = __toCommonJS(Tooltip_exports);
62
- var import_clsx = __toESM(require("clsx"));
63
- var import_react = __toESM(require("react"));
64
- var import_utils = require("@bifrostui/utils");
65
- var import_Portal = __toESM(require("../Portal"));
66
- var import_Tooltip2 = require("./Tooltip.css");
67
- const prefixCls = "bui-tooltip";
68
- const Tooltip = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
69
- const _a = props, {
70
- className,
71
- style,
72
- children,
73
- title,
74
- defaultOpen,
75
- placement = "top",
76
- trigger,
77
- onOpenChange,
78
- open,
79
- PortalProps
80
- } = _a, others = __objRest(_a, [
81
- "className",
82
- "style",
83
- "children",
84
- "title",
85
- "defaultOpen",
86
- "placement",
87
- "trigger",
88
- "onOpenChange",
89
- "open",
90
- "PortalProps"
91
- ]);
92
- const positionArr = placement.split(/([A-Z])/);
93
- const direction = positionArr[0];
94
- let location;
95
- if (positionArr.length > 1) {
96
- positionArr.splice(0, 1);
97
- location = positionArr.join("").toLowerCase();
98
- } else {
99
- location = "center";
100
- }
101
- const childrenRef = (0, import_react.useRef)();
102
- const [openStatus, setOpenStatus] = (0, import_react.useState)(defaultOpen);
103
- const [arrowDirection, setArrowDirection] = (0, import_react.useState)(direction);
104
- const [arrowLocation, setArrowLocation] = (0, import_react.useState)(location);
105
- const [tooltyles, setTooltyles] = (0, import_react.useState)({});
106
- const ttId = (0, import_utils.useUniqueId)();
107
- const onRootElementMouted = () => {
108
- const result = (0, import_utils.getStylesAndLocation)({
109
- childrenRef,
110
- arrowDirection,
111
- arrowLocation,
112
- selector: `[data-id="tt_${ttId}"]`
113
- });
114
- if (!result)
115
- return;
116
- const { styles, newArrowDirection, newArrowLocation } = result;
117
- if (newArrowDirection !== arrowDirection) {
118
- setArrowDirection(newArrowDirection);
119
- }
120
- if (newArrowLocation !== arrowLocation) {
121
- setArrowLocation(newArrowLocation);
122
- }
123
- setTooltyles(styles);
124
- };
125
- const changeOpenStatus = (event, status) => {
126
- if (open)
127
- return;
128
- setOpenStatus(status);
129
- onOpenChange == null ? void 0 : onOpenChange(event, { open: status });
130
- };
131
- const triggerClick = (event) => {
132
- const targetStatus = !openStatus;
133
- changeOpenStatus(event, targetStatus);
134
- };
135
- const hideTooltip = (event) => {
136
- changeOpenStatus(event, false);
137
- };
138
- const showTooltip = (event) => {
139
- changeOpenStatus(event, true);
140
- };
141
- const triggerEventOption = (0, import_utils.triggerEventTransform)({
142
- trigger,
143
- click: triggerClick,
144
- show: showTooltip,
145
- hide: hideTooltip
146
- });
147
- const childrenOptions = __spreadValues({
148
- ref: childrenRef
149
- }, triggerEventOption);
150
- return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, (open || openStatus) && title ? /* @__PURE__ */ import_react.default.createElement(
151
- import_Portal.default,
152
- __spreadProps(__spreadValues({
153
- onRootElementMouted
154
- }, PortalProps), {
155
- ref
156
- }),
157
- /* @__PURE__ */ import_react.default.createElement(
158
- "div",
159
- __spreadValues({
160
- className: (0, import_clsx.default)(prefixCls, className, `tooltip-${arrowDirection}`),
161
- style: __spreadValues(__spreadValues({}, style), tooltyles),
162
- "data-id": `tt_${ttId}`
163
- }, others),
164
- /* @__PURE__ */ import_react.default.createElement(
165
- "div",
166
- {
167
- className: (0, import_clsx.default)("bui-tooltip-arrow", `location-${arrowLocation}`)
168
- }
169
- ),
170
- /* @__PURE__ */ import_react.default.createElement("div", { className: "bui-tooltip-content" }, title)
171
- )
172
- ) : null, import_react.default.isValidElement(children) ? import_react.default.cloneElement(children, childrenOptions) : children);
173
- });
174
- Tooltip.displayName = "BuiTooltip";
175
- var Tooltip_default = Tooltip;
@@ -1,50 +0,0 @@
1
- import React from 'react';
2
- import { OverrideProps } from '@bifrostui/types';
3
- import { PortalCoreProps } from '../Portal/Portal.types';
4
- type triggerType = 'click' | 'hover';
5
- export type TooltipProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
6
- props: P & {
7
- /**
8
- * 气泡浮层显示内容
9
- */
10
- title?: string;
11
- /**
12
- * 默认是否显隐
13
- * @default false
14
- */
15
- defaultOpen?: boolean;
16
- /**
17
- * 用于手动控制气泡浮层显隐
18
- * @default false
19
- */
20
- open?: boolean;
21
- /**
22
- * 气泡框位置
23
- * @default 'top'
24
- */
25
- placement?: 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
26
- /**
27
- * 触发行为
28
- * - click: 点击触发
29
- * - hover: hover触发
30
- * - 或者是他们的数组
31
- * @default 'click'
32
- */
33
- trigger?: triggerType | triggerType[];
34
- /**
35
- * Portal组件的属性
36
- */
37
- PortalProps?: PortalCoreProps;
38
- /**
39
- * 点击事件回调方法
40
- * - event 触发事件
41
- * - data.open 浮层显隐状态
42
- * @returns
43
- */
44
- onOpenChange?: (event: React.SyntheticEvent, data: {
45
- open: boolean;
46
- }) => void;
47
- };
48
- defaultComponent: D;
49
- }, D>;
50
- export {};
@@ -1,15 +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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
14
- var Tooltip_types_exports = {};
15
- module.exports = __toCommonJS(Tooltip_types_exports);
@@ -1,2 +0,0 @@
1
- export { default as Tooltip, default } from './Tooltip';
2
- export * from './Tooltip.types';
@@ -1,41 +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 Tooltip_exports = {};
30
- __export(Tooltip_exports, {
31
- Tooltip: () => import_Tooltip.default,
32
- default: () => import_Tooltip.default
33
- });
34
- module.exports = __toCommonJS(Tooltip_exports);
35
- var import_Tooltip = __toESM(require("./Tooltip"));
36
- __reExport(Tooltip_exports, require("./Tooltip.types"), module.exports);
37
- // Annotate the CommonJS export names for ESM import in node:
38
- 0 && (module.exports = {
39
- Tooltip,
40
- ...require("./Tooltip.types")
41
- });
@@ -1,40 +0,0 @@
1
- export interface BaseLang {
2
- dialog?: {
3
- cancel?: string;
4
- confirm?: string;
5
- placeholder?: string;
6
- };
7
- picker?: {
8
- cancel?: string;
9
- confirm?: string;
10
- };
11
- calendar?: {
12
- Monday?: string;
13
- Tuesday?: string;
14
- Wednesday?: string;
15
- Thursday?: string;
16
- Friday?: string;
17
- Saturday?: string;
18
- Sunday?: string;
19
- };
20
- input?: {
21
- placeholder?: string;
22
- };
23
- textarea?: {
24
- placeholder?: string;
25
- };
26
- selector?: {
27
- select?: string;
28
- };
29
- citySelector?: {
30
- selectedCityGroupName?: string;
31
- currentCityGroupName?: string;
32
- hotCitiesGroupName?: string;
33
- located?: string;
34
- current?: string;
35
- hot?: string;
36
- gpsType?: Record<string, string>;
37
- currentType?: Record<string, string>;
38
- hotCityType?: Record<string, string>;
39
- };
40
- }
@@ -1,15 +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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
14
- var base_exports = {};
15
- module.exports = __toCommonJS(base_exports);
@@ -1,3 +0,0 @@
1
- import { BaseLang } from './base';
2
- declare const enUS: BaseLang;
3
- export default enUS;
@@ -1,69 +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 en_US_exports = {};
19
- __export(en_US_exports, {
20
- default: () => en_US_default
21
- });
22
- module.exports = __toCommonJS(en_US_exports);
23
- const enUS = {
24
- dialog: {
25
- cancel: "Cancel",
26
- confirm: "Confirm",
27
- placeholder: "Placeholder"
28
- },
29
- picker: {
30
- cancel: "Cancel",
31
- confirm: "Confirm"
32
- },
33
- calendar: {
34
- Monday: "Mon",
35
- Tuesday: "Tue",
36
- Wednesday: "Wed",
37
- Thursday: "Thu",
38
- Friday: "Fri",
39
- Saturday: "Sat",
40
- Sunday: "Sun"
41
- },
42
- input: {
43
- placeholder: "Placeholder"
44
- },
45
- textarea: {
46
- placeholder: "Placeholder"
47
- },
48
- selector: {
49
- select: "Please select"
50
- },
51
- citySelector: {
52
- selectedCityGroupName: "Selected City",
53
- currentCityGroupName: "Current City",
54
- hotCitiesGroupName: "Hot Cities",
55
- gpsType: {
56
- title: "Current",
57
- code: "GPS"
58
- },
59
- currentType: {
60
- title: "Selected",
61
- code: "CRRT"
62
- },
63
- hotCityType: {
64
- title: "Hot",
65
- code: "HOT"
66
- }
67
- }
68
- };
69
- var en_US_default = enUS;
@@ -1,3 +0,0 @@
1
- import { ThemeProps } from '../../ThemeProvider';
2
- declare function useLocaleText(componentName: string, theme?: Partial<ThemeProps>): any;
3
- export default useLocaleText;