react-public-components 1.2.4 → 1.2.6

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 (54) hide show
  1. package/README.md +5 -2
  2. package/dist/AnnouncementBar/index.cjs +3 -2
  3. package/dist/AnnouncementBar/index.css +102 -11
  4. package/dist/AnnouncementBar/index.css.map +1 -1
  5. package/dist/AnnouncementBar/index.d.ts +22 -3
  6. package/dist/AnnouncementBar/index.js +2 -1
  7. package/dist/CeilingBox/index.cjs +9 -0
  8. package/dist/CeilingBox/index.cjs.map +1 -0
  9. package/dist/CeilingBox/index.css +25 -0
  10. package/dist/CeilingBox/index.css.map +1 -0
  11. package/dist/CeilingBox/index.d.ts +28 -0
  12. package/dist/CeilingBox/index.js +3 -0
  13. package/dist/CeilingBox/index.js.map +1 -0
  14. package/dist/LazyLoadBox/index.cjs +18 -0
  15. package/dist/LazyLoadBox/index.cjs.map +1 -0
  16. package/dist/LazyLoadBox/index.css +57 -0
  17. package/dist/LazyLoadBox/index.css.map +1 -0
  18. package/dist/LazyLoadBox/index.d.ts +104 -0
  19. package/dist/LazyLoadBox/index.js +3 -0
  20. package/dist/LazyLoadBox/index.js.map +1 -0
  21. package/dist/PeriodSelect/index.cjs +22 -0
  22. package/dist/PeriodSelect/index.cjs.map +1 -0
  23. package/dist/PeriodSelect/index.css +88 -0
  24. package/dist/PeriodSelect/index.css.map +1 -0
  25. package/dist/PeriodSelect/index.d.ts +36 -0
  26. package/dist/PeriodSelect/index.js +3 -0
  27. package/dist/PeriodSelect/index.js.map +1 -0
  28. package/dist/chunk-5Q7THN6M.js +115 -0
  29. package/dist/chunk-5Q7THN6M.js.map +1 -0
  30. package/dist/chunk-O4EABET3.js +89 -0
  31. package/dist/chunk-O4EABET3.js.map +1 -0
  32. package/dist/chunk-QU33CY3M.cjs +83 -0
  33. package/dist/chunk-QU33CY3M.cjs.map +1 -0
  34. package/dist/chunk-RFTYEXKU.js +79 -0
  35. package/dist/chunk-RFTYEXKU.js.map +1 -0
  36. package/dist/chunk-UIU6VCEQ.cjs +117 -0
  37. package/dist/chunk-UIU6VCEQ.cjs.map +1 -0
  38. package/dist/chunk-V55FEQYU.cjs +196 -0
  39. package/dist/chunk-V55FEQYU.cjs.map +1 -0
  40. package/dist/chunk-VYPIRVL4.js +193 -0
  41. package/dist/chunk-VYPIRVL4.js.map +1 -0
  42. package/dist/chunk-ZXMFWVE4.cjs +91 -0
  43. package/dist/chunk-ZXMFWVE4.cjs.map +1 -0
  44. package/dist/index.cjs +91 -72
  45. package/dist/index.css +272 -11
  46. package/dist/index.css.map +1 -1
  47. package/dist/index.d.ts +1 -0
  48. package/dist/index.js +18 -15
  49. package/dist/src/index.d.ts +7 -1
  50. package/package.json +3 -2
  51. package/dist/chunk-5YQVSOHK.js +0 -44
  52. package/dist/chunk-5YQVSOHK.js.map +0 -1
  53. package/dist/chunk-B3HZIYQQ.cjs +0 -46
  54. package/dist/chunk-B3HZIYQQ.cjs.map +0 -1
@@ -0,0 +1 @@
1
+ export * from "./src/index";
package/dist/index.js CHANGED
@@ -1,33 +1,37 @@
1
+ export { Watermark_default as Watermark } from './chunk-5GLC2HU6.js';
2
+ export { TagInput_default as TagInput } from './chunk-OLLVIQPL.js';
3
+ export { TextEllipsis_default as TextEllipsis } from './chunk-ETFLLRTO.js';
4
+ export { TiltCard_default as TiltCard } from './chunk-B4VXFHER.js';
1
5
  export { TreeFilterPanel_default as TreeFilterPanel } from './chunk-5R2YXBXM.js';
2
6
  export { TreeTransfer_default as TreeTransfer } from './chunk-WKF4C6TJ.js';
3
7
  export { TrendIndicator_default as TrendIndicator } from './chunk-RAF7I4A5.js';
4
8
  export { VideoPlayer_default as VideoPlayer } from './chunk-MQJBUHDB.js';
5
9
  export { VirtualList_default as VirtualList } from './chunk-2O2A5XYF.js';
6
- export { Watermark_default as Watermark } from './chunk-5GLC2HU6.js';
10
+ export { QuickDateRange_default as QuickDateRange } from './chunk-WEGDIRDB.js';
11
+ export { ScrollTracker_default as ScrollTracker, StickyHeader } from './chunk-WN557PFJ.js';
12
+ export { SegmentedProgress_default as SegmentedProgress } from './chunk-MLYM5LAX.js';
7
13
  export { SensitiveMask_default as SensitiveMask, maskSensitiveText } from './chunk-M4FZJALR.js';
8
14
  export { ShimmerSkeleton_default as ShimmerSkeleton } from './chunk-KCXXUUWC.js';
9
15
  export { Splitter_default as Splitter } from './chunk-W5JA3YTT.js';
10
16
  export { SpotlightCard_default as SpotlightCard } from './chunk-WZ2GV4HA.js';
11
17
  export { StatusTimeline_default as StatusTimeline } from './chunk-YFHKH6HL.js';
12
- export { TagInput_default as TagInput } from './chunk-OLLVIQPL.js';
13
- export { TextEllipsis_default as TextEllipsis } from './chunk-ETFLLRTO.js';
14
- export { TiltCard_default as TiltCard } from './chunk-B4VXFHER.js';
18
+ export { MiniSparkline_default as MiniSparkline } from './chunk-NNS4YN3C.js';
19
+ export { NumberStepper_default as NumberStepper } from './chunk-X2F2DVMB.js';
15
20
  export { NumericRangeInput_default as NumericRangeInput } from './chunk-L7X3RVEY.js';
16
21
  export { PasswordStrength_default as PasswordStrength, evaluatePasswordStrength } from './chunk-2INP6NM4.js';
17
22
  export { PdfViewer_default as PdfViewer } from './chunk-ZCBT56AG.js';
23
+ export { DEFAULT_PERIOD_OPTIONS, PeriodSelect_default as PeriodSelect } from './chunk-RFTYEXKU.js';
18
24
  export { PhotoViewer_default as PhotoViewer } from './chunk-3JJP4D5L.js';
19
25
  export { QrCodeCard_default as QrCodeCard } from './chunk-XUAHWX6B.js';
20
- export { QuickDateRange_default as QuickDateRange } from './chunk-WEGDIRDB.js';
21
- export { ScrollTracker_default as ScrollTracker, StickyHeader } from './chunk-WN557PFJ.js';
22
- export { SegmentedProgress_default as SegmentedProgress } from './chunk-MLYM5LAX.js';
26
+ export { JsonEditor_default as JsonEditor } from './chunk-ANTFNDH4.js';
23
27
  export { JsonTree_default as JsonTree } from './chunk-5HIRDMZH.js';
24
28
  export { KanbanBoard_default as KanbanBoard } from './chunk-HZERTFL6.js';
25
29
  export { KeyValEditor_default as KeyValEditor } from './chunk-Q7OVUH5K.js';
30
+ export { LazyLoadBox_default as LazyLoadBox } from './chunk-VYPIRVL4.js';
26
31
  export { Marquee_default as Marquee } from './chunk-3R3NOO4K.js';
27
32
  export { Masonry_default as Masonry } from './chunk-ES3KKDLM.js';
28
33
  export { MetricCard_default as MetricCard } from './chunk-IBYFOFSS.js';
29
- export { MiniSparkline_default as MiniSparkline } from './chunk-NNS4YN3C.js';
30
- export { NumberStepper_default as NumberStepper } from './chunk-X2F2DVMB.js';
34
+ export { FlipCard_default as FlipCard } from './chunk-RIR43PO3.js';
31
35
  export { Fullscreen_default as Fullscreen } from './chunk-EMT4NUI5.js';
32
36
  export { GradientText_default as GradientText } from './chunk-ZLHNRKOQ.js';
33
37
  export { GuidedTour_default as GuidedTour } from './chunk-IF4XAUV3.js';
@@ -35,7 +39,7 @@ export { HoverCard_default as HoverCard } from './chunk-6TKNFV4B.js';
35
39
  export { ImageCropper_default as ImageCropper } from './chunk-QRZ2GVVJ.js';
36
40
  export { InfiniteScrollList_default as InfiniteScrollList } from './chunk-JNA5AQ2K.js';
37
41
  export { JsonDiffViewer_default as JsonDiffViewer } from './chunk-O2YTJPG4.js';
38
- export { JsonEditor_default as JsonEditor } from './chunk-ANTFNDH4.js';
42
+ export { DiffViewer_default as DiffViewer } from './chunk-BFQV5MYD.js';
39
43
  export { DisabledBox_default as DisabledBox } from './chunk-EJYTTSW6.js';
40
44
  export { DragSortList_default as DragSortList } from './chunk-Y54KVULF.js';
41
45
  export { DualRangeSlider_default as DualRangeSlider } from './chunk-A4LXKZQ5.js';
@@ -43,7 +47,7 @@ export { EnvBadge_default as EnvBadge } from './chunk-BRHXKRG6.js';
43
47
  export { FileDropZone_default as FileDropZone } from './chunk-Y7A3WQQN.js';
44
48
  export { FilePreviewer_default as FilePreviewer, inferFileType } from './chunk-56VELHCH.js';
45
49
  export { FilterChips_default as FilterChips } from './chunk-YXTLWTY4.js';
46
- export { FlipCard_default as FlipCard } from './chunk-RIR43PO3.js';
50
+ export { CodeSnippet_default as CodeSnippet, openInCodePen, openInCodeSandbox, openInNewTab, openInStackBlitz } from './chunk-4KMVABTM.js';
47
51
  export { CollapseBox_default as CollapseBox } from './chunk-XLOGMDAQ.js';
48
52
  export { Color, ColorPicker_default as ColorPicker, generateColor } from './chunk-EDNBPLUS.js';
49
53
  export { ContextMenu_default as ContextMenu } from './chunk-CURWX7OY.js';
@@ -51,14 +55,13 @@ export { CountUp_default as CountUp } from './chunk-OBK6XTUY.js';
51
55
  export { CronPicker_default as CronPicker } from './chunk-PUMVD7CP.js';
52
56
  export { CopyButton_default as CopyButton } from './chunk-P5CS7V4W.js';
53
57
  export { DebounceSelect_default as DebounceSelect } from './chunk-AXPVN2OO.js';
54
- export { DiffViewer_default as DiffViewer } from './chunk-BFQV5MYD.js';
55
58
  export { ActivityLog_default as ActivityLog } from './chunk-IBI6AT5Z.js';
56
- export { AnnouncementBar_default as AnnouncementBar } from './chunk-5YQVSOHK.js';
59
+ export { AnnouncementBar_default as AnnouncementBar } from './chunk-O4EABET3.js';
57
60
  export { AudioPlayer_default as AudioPlayer } from './chunk-PTFKE67K.js';
61
+ import './chunk-2IDVNTKR.js';
58
62
  export { BadgeRibbon_default as BadgeRibbon } from './chunk-F36V2QTN.js';
59
63
  export { BorderBeam_default as BorderBeam } from './chunk-J3IKUWXD.js';
60
64
  export { CascadeDrawer_default as CascadeDrawer } from './chunk-6UTLBY6Y.js';
61
- export { CodeSnippet_default as CodeSnippet, openInCodePen, openInCodeSandbox, openInNewTab, openInStackBlitz } from './chunk-4KMVABTM.js';
62
- import './chunk-2IDVNTKR.js';
65
+ export { CeilingBox_default as CeilingBox } from './chunk-5Q7THN6M.js';
63
66
  //# sourceMappingURL=index.js.map
64
67
  //# sourceMappingURL=index.js.map
@@ -121,6 +121,12 @@ export type { DualRangeSliderProps } from '../DualRangeSlider';
121
121
  export { default as FilterChips } from '../FilterChips';
122
122
  export type { FilterChipsProps, FilterChipItem } from '../FilterChips';
123
123
  export { default as AnnouncementBar } from '../AnnouncementBar';
124
- export type { AnnouncementBarProps } from '../AnnouncementBar';
124
+ export type { AnnouncementBarProps, AnnouncementType } from '../AnnouncementBar';
125
125
  export { default as JsonDiffViewer } from '../JsonDiffViewer';
126
126
  export type { JsonDiffViewerProps } from '../JsonDiffViewer';
127
+ export { default as CeilingBox } from '../CeilingBox';
128
+ export type { CeilingBoxProps } from '../CeilingBox';
129
+ export { default as PeriodSelect, DEFAULT_PERIOD_OPTIONS } from '../PeriodSelect';
130
+ export type { PeriodSelectProps, PeriodSelectOption, PeriodSelectSize, } from '../PeriodSelect';
131
+ export { default as LazyLoadBox } from '../LazyLoadBox';
132
+ export type { LazyLoadBoxProps, LazyLoadBoxRef, LazyRenderProps, } from '../LazyLoadBox';
package/package.json CHANGED
@@ -1,11 +1,12 @@
1
1
  {
2
2
  "name": "react-public-components",
3
- "version": "1.2.4",
3
+ "version": "1.2.6",
4
4
  "description": "企业级现代 React 通用核心组件库,零 UI 库依赖,开箱即用",
5
5
  "type": "module",
6
6
  "main": "./dist/index.cjs",
7
7
  "module": "./dist/index.js",
8
8
  "types": "./dist/index.d.ts",
9
+ "typings": "./dist/index.d.ts",
9
10
  "exports": {
10
11
  ".": {
11
12
  "types": "./dist/index.d.ts",
@@ -28,7 +29,7 @@
28
29
  ],
29
30
  "scripts": {
30
31
  "dev": "vite",
31
- "build": "tsup && tsc --emitDeclarationOnly",
32
+ "build": "tsup && tsc --emitDeclarationOnly && node -e \"fs.writeFileSync('dist/index.d.ts', 'export * from \\\"./src/index\\\";\\n')\"",
32
33
  "build:demo": "vite build",
33
34
  "lint": "ESLINT_USE_FLAT_CONFIG=false eslint . --ext ts,tsx --report-unused-disable-directives",
34
35
  "format": "prettier --write \"**/*.{ts,tsx,json,md,less,css}\"",
@@ -1,44 +0,0 @@
1
- import { useState } from 'react';
2
- import { jsxs, jsx } from 'react/jsx-runtime';
3
-
4
- // AnnouncementBar/index.tsx
5
- var AnnouncementBar = ({
6
- children,
7
- closable = true,
8
- background,
9
- onClose,
10
- className = "",
11
- style
12
- }) => {
13
- const [visible, setVisible] = useState(true);
14
- if (!visible) return null;
15
- const handleClose = () => {
16
- setVisible(false);
17
- onClose == null ? void 0 : onClose();
18
- };
19
- return /* @__PURE__ */ jsxs(
20
- "div",
21
- {
22
- className: `rpc_announcement_bar ${className}`,
23
- style: { background: background || void 0, ...style },
24
- children: [
25
- /* @__PURE__ */ jsx("div", { className: "rpc_announcement_bar_content", children }),
26
- closable && /* @__PURE__ */ jsx(
27
- "button",
28
- {
29
- type: "button",
30
- className: "rpc_announcement_bar_close",
31
- onClick: handleClose,
32
- title: "\u5173\u95ED\u901A\u77E5",
33
- children: "\u2715"
34
- }
35
- )
36
- ]
37
- }
38
- );
39
- };
40
- var AnnouncementBar_default = AnnouncementBar;
41
-
42
- export { AnnouncementBar_default };
43
- //# sourceMappingURL=chunk-5YQVSOHK.js.map
44
- //# sourceMappingURL=chunk-5YQVSOHK.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../AnnouncementBar/index.tsx"],"names":[],"mappings":";;;;AAkBA,IAAM,kBAAkD,CAAC;AAAA,EACxD,QAAA;AAAA,EACA,QAAA,GAAW,IAAA;AAAA,EACX,UAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ;AACD,CAAA,KAAM;AACL,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAkB,IAAI,CAAA;AAEpD,EAAA,IAAI,CAAC,SAAS,OAAO,IAAA;AAErB,EAAA,MAAM,cAAc,MAAM;AACzB,IAAA,UAAA,CAAW,KAAK,CAAA;AAChB,IAAA,OAAA,IAAA,IAAA,GAAA,MAAA,GAAA,OAAA,EAAA;AAAA,EACD,CAAA;AAEA,EAAA,uBACC,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACA,SAAA,EAAW,wBAAwB,SAAS,CAAA,CAAA;AAAA,MAC5C,OAAO,EAAE,UAAA,EAAY,UAAA,IAAc,MAAA,EAAW,GAAG,KAAA,EAAM;AAAA,MAEvD,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,8BAAA,EAAgC,QAAA,EAAS,CAAA;AAAA,QAEvD,QAAA,oBACA,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACA,IAAA,EAAK,QAAA;AAAA,YACL,SAAA,EAAU,4BAAA;AAAA,YACV,OAAA,EAAS,WAAA;AAAA,YACT,KAAA,EAAM,0BAAA;AAAA,YACN,QAAA,EAAA;AAAA;AAAA;AAED;AAAA;AAAA,GAEF;AAEF,CAAA;AAEA,IAAO,uBAAA,GAAQ","file":"chunk-5YQVSOHK.js","sourcesContent":["import React, { useState, ReactNode, CSSProperties } from 'react';\nimport './index.less';\n\nexport interface AnnouncementBarProps {\n\t/** 横幅广播内容 */\n\tchildren: ReactNode;\n\t/** 是否支持点击关闭,默认为 true */\n\tclosable?: boolean;\n\t/** 自定义渐变或背景样式 */\n\tbackground?: string;\n\t/** 关闭回调 */\n\tonClose?: () => void;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst AnnouncementBar: React.FC<AnnouncementBarProps> = ({\n\tchildren,\n\tclosable = true,\n\tbackground,\n\tonClose,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst [visible, setVisible] = useState<boolean>(true);\n\n\tif (!visible) return null;\n\n\tconst handleClose = () => {\n\t\tsetVisible(false);\n\t\tonClose?.();\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tclassName={`rpc_announcement_bar ${className}`}\n\t\t\tstyle={{ background: background || undefined, ...style }}\n\t\t>\n\t\t\t<div className=\"rpc_announcement_bar_content\">{children}</div>\n\n\t\t\t{closable && (\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclassName=\"rpc_announcement_bar_close\"\n\t\t\t\t\tonClick={handleClose}\n\t\t\t\t\ttitle=\"关闭通知\"\n\t\t\t\t>\n\t\t\t\t\t✕\n\t\t\t\t</button>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default AnnouncementBar;\n"]}
@@ -1,46 +0,0 @@
1
- 'use strict';
2
-
3
- var react = require('react');
4
- var jsxRuntime = require('react/jsx-runtime');
5
-
6
- // AnnouncementBar/index.tsx
7
- var AnnouncementBar = ({
8
- children,
9
- closable = true,
10
- background,
11
- onClose,
12
- className = "",
13
- style
14
- }) => {
15
- const [visible, setVisible] = react.useState(true);
16
- if (!visible) return null;
17
- const handleClose = () => {
18
- setVisible(false);
19
- onClose == null ? void 0 : onClose();
20
- };
21
- return /* @__PURE__ */ jsxRuntime.jsxs(
22
- "div",
23
- {
24
- className: `rpc_announcement_bar ${className}`,
25
- style: { background: background || void 0, ...style },
26
- children: [
27
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rpc_announcement_bar_content", children }),
28
- closable && /* @__PURE__ */ jsxRuntime.jsx(
29
- "button",
30
- {
31
- type: "button",
32
- className: "rpc_announcement_bar_close",
33
- onClick: handleClose,
34
- title: "\u5173\u95ED\u901A\u77E5",
35
- children: "\u2715"
36
- }
37
- )
38
- ]
39
- }
40
- );
41
- };
42
- var AnnouncementBar_default = AnnouncementBar;
43
-
44
- exports.AnnouncementBar_default = AnnouncementBar_default;
45
- //# sourceMappingURL=chunk-B3HZIYQQ.cjs.map
46
- //# sourceMappingURL=chunk-B3HZIYQQ.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../AnnouncementBar/index.tsx"],"names":["useState","jsxs","jsx"],"mappings":";;;;;;AAkBA,IAAM,kBAAkD,CAAC;AAAA,EACxD,QAAA;AAAA,EACA,QAAA,GAAW,IAAA;AAAA,EACX,UAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ;AACD,CAAA,KAAM;AACL,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIA,eAAkB,IAAI,CAAA;AAEpD,EAAA,IAAI,CAAC,SAAS,OAAO,IAAA;AAErB,EAAA,MAAM,cAAc,MAAM;AACzB,IAAA,UAAA,CAAW,KAAK,CAAA;AAChB,IAAA,OAAA,IAAA,IAAA,GAAA,MAAA,GAAA,OAAA,EAAA;AAAA,EACD,CAAA;AAEA,EAAA,uBACCC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACA,SAAA,EAAW,wBAAwB,SAAS,CAAA,CAAA;AAAA,MAC5C,OAAO,EAAE,UAAA,EAAY,UAAA,IAAc,MAAA,EAAW,GAAG,KAAA,EAAM;AAAA,MAEvD,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,8BAAA,EAAgC,QAAA,EAAS,CAAA;AAAA,QAEvD,QAAA,oBACAA,cAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACA,IAAA,EAAK,QAAA;AAAA,YACL,SAAA,EAAU,4BAAA;AAAA,YACV,OAAA,EAAS,WAAA;AAAA,YACT,KAAA,EAAM,0BAAA;AAAA,YACN,QAAA,EAAA;AAAA;AAAA;AAED;AAAA;AAAA,GAEF;AAEF,CAAA;AAEA,IAAO,uBAAA,GAAQ","file":"chunk-B3HZIYQQ.cjs","sourcesContent":["import React, { useState, ReactNode, CSSProperties } from 'react';\nimport './index.less';\n\nexport interface AnnouncementBarProps {\n\t/** 横幅广播内容 */\n\tchildren: ReactNode;\n\t/** 是否支持点击关闭,默认为 true */\n\tclosable?: boolean;\n\t/** 自定义渐变或背景样式 */\n\tbackground?: string;\n\t/** 关闭回调 */\n\tonClose?: () => void;\n\t/** 自定义类名 */\n\tclassName?: string;\n\t/** 自定义样式 */\n\tstyle?: CSSProperties;\n}\n\nconst AnnouncementBar: React.FC<AnnouncementBarProps> = ({\n\tchildren,\n\tclosable = true,\n\tbackground,\n\tonClose,\n\tclassName = '',\n\tstyle,\n}) => {\n\tconst [visible, setVisible] = useState<boolean>(true);\n\n\tif (!visible) return null;\n\n\tconst handleClose = () => {\n\t\tsetVisible(false);\n\t\tonClose?.();\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tclassName={`rpc_announcement_bar ${className}`}\n\t\t\tstyle={{ background: background || undefined, ...style }}\n\t\t>\n\t\t\t<div className=\"rpc_announcement_bar_content\">{children}</div>\n\n\t\t\t{closable && (\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclassName=\"rpc_announcement_bar_close\"\n\t\t\t\t\tonClick={handleClose}\n\t\t\t\t\ttitle=\"关闭通知\"\n\t\t\t\t>\n\t\t\t\t\t✕\n\t\t\t\t</button>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default AnnouncementBar;\n"]}