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.
- package/README.md +5 -2
- package/dist/AnnouncementBar/index.cjs +3 -2
- package/dist/AnnouncementBar/index.css +102 -11
- package/dist/AnnouncementBar/index.css.map +1 -1
- package/dist/AnnouncementBar/index.d.ts +22 -3
- package/dist/AnnouncementBar/index.js +2 -1
- package/dist/CeilingBox/index.cjs +9 -0
- package/dist/CeilingBox/index.cjs.map +1 -0
- package/dist/CeilingBox/index.css +25 -0
- package/dist/CeilingBox/index.css.map +1 -0
- package/dist/CeilingBox/index.d.ts +28 -0
- package/dist/CeilingBox/index.js +3 -0
- package/dist/CeilingBox/index.js.map +1 -0
- package/dist/LazyLoadBox/index.cjs +18 -0
- package/dist/LazyLoadBox/index.cjs.map +1 -0
- package/dist/LazyLoadBox/index.css +57 -0
- package/dist/LazyLoadBox/index.css.map +1 -0
- package/dist/LazyLoadBox/index.d.ts +104 -0
- package/dist/LazyLoadBox/index.js +3 -0
- package/dist/LazyLoadBox/index.js.map +1 -0
- package/dist/PeriodSelect/index.cjs +22 -0
- package/dist/PeriodSelect/index.cjs.map +1 -0
- package/dist/PeriodSelect/index.css +88 -0
- package/dist/PeriodSelect/index.css.map +1 -0
- package/dist/PeriodSelect/index.d.ts +36 -0
- package/dist/PeriodSelect/index.js +3 -0
- package/dist/PeriodSelect/index.js.map +1 -0
- package/dist/chunk-5Q7THN6M.js +115 -0
- package/dist/chunk-5Q7THN6M.js.map +1 -0
- package/dist/chunk-O4EABET3.js +89 -0
- package/dist/chunk-O4EABET3.js.map +1 -0
- package/dist/chunk-QU33CY3M.cjs +83 -0
- package/dist/chunk-QU33CY3M.cjs.map +1 -0
- package/dist/chunk-RFTYEXKU.js +79 -0
- package/dist/chunk-RFTYEXKU.js.map +1 -0
- package/dist/chunk-UIU6VCEQ.cjs +117 -0
- package/dist/chunk-UIU6VCEQ.cjs.map +1 -0
- package/dist/chunk-V55FEQYU.cjs +196 -0
- package/dist/chunk-V55FEQYU.cjs.map +1 -0
- package/dist/chunk-VYPIRVL4.js +193 -0
- package/dist/chunk-VYPIRVL4.js.map +1 -0
- package/dist/chunk-ZXMFWVE4.cjs +91 -0
- package/dist/chunk-ZXMFWVE4.cjs.map +1 -0
- package/dist/index.cjs +91 -72
- package/dist/index.css +272 -11
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +18 -15
- package/dist/src/index.d.ts +7 -1
- package/package.json +3 -2
- package/dist/chunk-5YQVSOHK.js +0 -44
- package/dist/chunk-5YQVSOHK.js.map +0 -1
- package/dist/chunk-B3HZIYQQ.cjs +0 -46
- package/dist/chunk-B3HZIYQQ.cjs.map +0 -1
package/dist/index.d.ts
ADDED
|
@@ -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 {
|
|
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 {
|
|
13
|
-
export {
|
|
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 {
|
|
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 {
|
|
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 {
|
|
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 {
|
|
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-
|
|
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 {
|
|
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
|
package/dist/src/index.d.ts
CHANGED
|
@@ -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.
|
|
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}\"",
|
package/dist/chunk-5YQVSOHK.js
DELETED
|
@@ -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"]}
|
package/dist/chunk-B3HZIYQQ.cjs
DELETED
|
@@ -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"]}
|