@fangxinyan/lumina 0.6.12 → 0.6.14
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/dist/Alert.cjs +3 -3
- package/dist/Alert.js +2 -2
- package/dist/AppShell.cjs +5 -5
- package/dist/AppShell.js +1 -1
- package/dist/AutoComplete.cjs +5 -5
- package/dist/AutoComplete.js +4 -4
- package/dist/Avatar.cjs +2 -2
- package/dist/Avatar.js +1 -1
- package/dist/Badge.cjs +2 -2
- package/dist/Badge.js +1 -1
- package/dist/Button.cjs +4 -4
- package/dist/Button.js +2 -2
- package/dist/Calendar.cjs +3 -3
- package/dist/Calendar.js +2 -2
- package/dist/Card.cjs +3 -3
- package/dist/Card.js +2 -2
- package/dist/Cascader.cjs +5 -5
- package/dist/Cascader.js +4 -4
- package/dist/Checkbox.cjs +3 -3
- package/dist/Checkbox.js +2 -2
- package/dist/Collapse.cjs +3 -3
- package/dist/Collapse.js +2 -2
- package/dist/ColorPicker.cjs +2 -2
- package/dist/ColorPicker.js +1 -1
- package/dist/CommandPalette.cjs +5 -5
- package/dist/CommandPalette.js +4 -4
- package/dist/ContextMenu.cjs +2 -2
- package/dist/ContextMenu.js +1 -1
- package/dist/Divider.cjs +2 -2
- package/dist/Divider.js +1 -1
- package/dist/{Drawer-7N3URAJ6.css → Drawer-7KICRM4L.css} +1 -1
- package/dist/Drawer.cjs +3 -3
- package/dist/Drawer.d.cts +4 -0
- package/dist/Drawer.d.ts +4 -0
- package/dist/Drawer.js +2 -2
- package/dist/Empty.cjs +2 -2
- package/dist/Empty.js +1 -1
- package/dist/Form.cjs +4 -4
- package/dist/Form.js +1 -1
- package/dist/Icon.cjs +49 -49
- package/dist/Icon.js +1 -1
- package/dist/{Image-SGSRTHQX.css → Image-TDCXJISG.css} +1 -1
- package/dist/Image.cjs +6 -6
- package/dist/Image.d.cts +4 -0
- package/dist/Image.d.ts +4 -0
- package/dist/Image.js +2 -2
- package/dist/Input.cjs +5 -5
- package/dist/Input.js +3 -3
- package/dist/InputNumber.cjs +5 -5
- package/dist/InputNumber.js +4 -4
- package/dist/List.cjs +2 -2
- package/dist/List.js +1 -1
- package/dist/Message.cjs +6 -6
- package/dist/Message.js +2 -2
- package/dist/{Modal-MCFDYVUQ.css → Modal-ZFWNFEA5.css} +1 -1
- package/dist/Modal.cjs +4 -4
- package/dist/Modal.d.cts +4 -0
- package/dist/Modal.d.ts +4 -0
- package/dist/Modal.js +3 -3
- package/dist/Pagination.cjs +7 -7
- package/dist/Pagination.js +6 -6
- package/dist/Popover.cjs +2 -2
- package/dist/Popover.js +1 -1
- package/dist/Progress.cjs +2 -2
- package/dist/Progress.js +1 -1
- package/dist/Radio.cjs +3 -3
- package/dist/Radio.js +1 -1
- package/dist/Select.cjs +6 -6
- package/dist/Select.js +5 -5
- package/dist/Skeleton.cjs +2 -2
- package/dist/Skeleton.js +1 -1
- package/dist/Slider.cjs +2 -2
- package/dist/Slider.js +1 -1
- package/dist/Spin.cjs +2 -2
- package/dist/Spin.js +1 -1
- package/dist/Splitter.cjs +2 -2
- package/dist/Splitter.js +1 -1
- package/dist/StatusBar.cjs +3 -3
- package/dist/StatusBar.js +1 -1
- package/dist/Surface.cjs +4 -4
- package/dist/Surface.js +2 -2
- package/dist/Switch.cjs +2 -2
- package/dist/Switch.js +1 -1
- package/dist/Table.cjs +9 -9
- package/dist/Table.js +8 -8
- package/dist/TablePro.cjs +10 -10
- package/dist/TablePro.js +9 -9
- package/dist/Tabs.cjs +2 -2
- package/dist/Tabs.js +1 -1
- package/dist/Tag.cjs +3 -3
- package/dist/Tag.js +2 -2
- package/dist/Textarea.cjs +4 -4
- package/dist/Textarea.js +2 -2
- package/dist/Theme.cjs +11 -11
- package/dist/Theme.d.cts +1 -1
- package/dist/Theme.d.ts +1 -1
- package/dist/Theme.js +1 -1
- package/dist/ThemePanel.cjs +13 -13
- package/dist/ThemePanel.js +10 -10
- package/dist/Timeline.cjs +3 -3
- package/dist/Timeline.js +2 -2
- package/dist/Tooltip.cjs +2 -2
- package/dist/Tooltip.js +1 -1
- package/dist/Typography.cjs +7 -7
- package/dist/Typography.js +2 -2
- package/dist/{chunk-KZZ5Y56R.cjs → chunk-262ED6WQ.cjs} +3 -3
- package/dist/{chunk-ZTIECMCF.js → chunk-3VSHGM54.js} +84 -28
- package/dist/{chunk-3VXBSLPT.js → chunk-3VXGZ3SJ.js} +3 -3
- package/dist/{chunk-FPII6I52.js → chunk-4HJBF4GY.js} +3 -3
- package/dist/{chunk-3HPHQV2L.cjs → chunk-4TTRHEGM.cjs} +3 -3
- package/dist/{chunk-5JNRCBTF.js → chunk-4YSGGZDB.js} +4 -4
- package/dist/{chunk-2LM5UYNU.cjs → chunk-5A6KSYWA.cjs} +1 -1
- package/dist/{chunk-76OH42CM.cjs → chunk-5ERD3W24.cjs} +4 -4
- package/dist/{chunk-64ZQHLHL.js → chunk-5MOYKVB7.js} +2 -2
- package/dist/{chunk-PEFIXNAV.cjs → chunk-5QEI7GGA.cjs} +6 -6
- package/dist/{chunk-NUF3EA7T.js → chunk-6HF6UF73.js} +2 -2
- package/dist/{chunk-I5XCHN67.js → chunk-6K5YI4ZE.js} +2 -2
- package/dist/{chunk-5CWTC3I2.js → chunk-6LC4QROE.js} +3 -3
- package/dist/{chunk-OVTB7FQQ.js → chunk-6LN4VVX7.js} +2 -2
- package/dist/{chunk-RYRBNMCC.js → chunk-6MEOLYNQ.js} +1 -1
- package/dist/{chunk-MOLKLUSQ.js → chunk-6PHPRZTT.js} +4 -4
- package/dist/{chunk-GT34KAMX.cjs → chunk-6Q76VLCE.cjs} +3 -3
- package/dist/{chunk-FL25IGIG.cjs → chunk-7IO3EOHN.cjs} +3 -3
- package/dist/{chunk-4LOOWTRX.cjs → chunk-7QXP6DXC.cjs} +4 -4
- package/dist/{chunk-HXQWVPT3.cjs → chunk-7YJV45U6.cjs} +11 -11
- package/dist/{chunk-F3DN2JGE.cjs → chunk-A4Z7PLHV.cjs} +129 -73
- package/dist/{chunk-762NV3E4.js → chunk-A6O25EP2.js} +2 -2
- package/dist/{chunk-XN52S7PT.js → chunk-AAPZLBHQ.js} +1 -1
- package/dist/{chunk-RBDBEXUU.js → chunk-ARUPS7JH.js} +2 -2
- package/dist/{chunk-5KGGB3EH.cjs → chunk-ATUPFAPZ.cjs} +3 -3
- package/dist/{chunk-D56CNYUP.cjs → chunk-BNY2NVTL.cjs} +3 -3
- package/dist/{chunk-ZGDAYWWC.cjs → chunk-BT2RXFT4.cjs} +15 -13
- package/dist/{chunk-SGNDIRZC.js → chunk-BVQOJKRX.js} +8 -6
- package/dist/{chunk-MZCKPLHQ.cjs → chunk-BW76ENTW.cjs} +1 -1
- package/dist/{chunk-ZCMFLRZS.js → chunk-CFZVWY5N.js} +2 -2
- package/dist/{chunk-Q5KHJ32P.js → chunk-D7GK6H6V.js} +1 -1
- package/dist/{chunk-BY2YW5XN.js → chunk-DSLYWX4O.js} +1 -1
- package/dist/{chunk-GEANNF4T.js → chunk-EQ4FPOQQ.js} +14 -4
- package/dist/{chunk-J2R3BEEH.cjs → chunk-ES7AWMNH.cjs} +1 -1
- package/dist/{chunk-N4JH6HHA.cjs → chunk-FDUQPAQE.cjs} +1 -1
- package/dist/{chunk-SNX4FZYB.js → chunk-FDZG27IG.js} +1 -1
- package/dist/{chunk-VM6CJYP6.cjs → chunk-FQJY4D3T.cjs} +1 -1
- package/dist/{chunk-3GJZRYTD.js → chunk-FYSXJXNW.js} +1 -1
- package/dist/{chunk-7ZCTEIOW.js → chunk-GNV6W4BN.js} +1 -1
- package/dist/{chunk-PWPL3DRN.js → chunk-HBO7ZDEQ.js} +1 -1
- package/dist/{chunk-QKWRN2JL.js → chunk-I777JTTG.js} +1 -1
- package/dist/{chunk-QDXBI3PV.js → chunk-IOAOG5L7.js} +3 -3
- package/dist/{chunk-JWZ6HJIF.cjs → chunk-IOUAZYK2.cjs} +1 -1
- package/dist/{chunk-VRA4CQCJ.js → chunk-IPSNC5VZ.js} +2 -2
- package/dist/{chunk-F65KYGPX.cjs → chunk-IVFVLRWJ.cjs} +14 -14
- package/dist/{chunk-R53WIZY5.js → chunk-IZHH6CVY.js} +1 -1
- package/dist/{chunk-WIZVOZNO.js → chunk-JFL2WMJZ.js} +2 -2
- package/dist/{chunk-DDCAHAAE.cjs → chunk-JMFHL7GN.cjs} +1 -1
- package/dist/{chunk-44WHEN76.js → chunk-KMPFESEV.js} +1 -1
- package/dist/{chunk-P434GBHP.js → chunk-KYV75JPQ.js} +1 -1
- package/dist/{chunk-AYZ4BWHG.cjs → chunk-LEMMFFEY.cjs} +4 -4
- package/dist/{chunk-MLOT2AGK.cjs → chunk-M4NJTJKV.cjs} +1 -1
- package/dist/{chunk-TWJAYAK2.js → chunk-MOZ52KN6.js} +1 -1
- package/dist/{chunk-XWRQ7ZLT.cjs → chunk-MPOO5VPW.cjs} +1 -1
- package/dist/{chunk-HFM4YKM5.cjs → chunk-MYW7LNB2.cjs} +1 -1
- package/dist/{chunk-IMAGOTLP.cjs → chunk-N7OQNSII.cjs} +1 -1
- package/dist/{chunk-7IWYBQAE.js → chunk-OTSDPQPV.js} +2 -2
- package/dist/{chunk-LF3ATJFY.cjs → chunk-P2OQTJZP.cjs} +1 -1
- package/dist/{chunk-62RPBEAW.js → chunk-P64NPZBG.js} +2 -2
- package/dist/{chunk-73T32MII.cjs → chunk-PBT4UKPL.cjs} +3 -3
- package/dist/{chunk-DGB6KVU3.cjs → chunk-PKNRTFNE.cjs} +1 -1
- package/dist/{chunk-5C3ZSOKF.cjs → chunk-POU3W5J3.cjs} +1 -1
- package/dist/{chunk-ZC5VDX4W.cjs → chunk-PSQ3HNZP.cjs} +1 -1
- package/dist/{chunk-6VSNO7IH.js → chunk-PU7VXDAS.js} +1 -1
- package/dist/{chunk-GJAEGIPM.cjs → chunk-QMX67CVT.cjs} +1 -1
- package/dist/{chunk-CBZJ4UL4.js → chunk-QNN3YV2P.js} +2 -2
- package/dist/{chunk-JPAYPF6H.js → chunk-R3DTXVP2.js} +1 -1
- package/dist/{chunk-Z35Q432P.cjs → chunk-RFI5R42I.cjs} +4 -4
- package/dist/{chunk-3NSBPQBT.cjs → chunk-RMFSX7DO.cjs} +18 -8
- package/dist/{chunk-TJB7U72Z.js → chunk-RR2BKV65.js} +1 -1
- package/dist/{chunk-AA2FRQUQ.cjs → chunk-RSSOX4RQ.cjs} +8 -8
- package/dist/{chunk-LW6Z2WDZ.cjs → chunk-RZEFKXL3.cjs} +3 -3
- package/dist/{chunk-XPV672EI.cjs → chunk-S2ZGXBUH.cjs} +1 -1
- package/dist/{chunk-7DNK5JB2.js → chunk-S7IHWY24.js} +2 -2
- package/dist/{chunk-4N64ZL5M.cjs → chunk-SOQ56ZI2.cjs} +1 -1
- package/dist/{chunk-S4CZ3VO6.cjs → chunk-SW2HMNCA.cjs} +4 -4
- package/dist/{chunk-KOY7GNP3.cjs → chunk-TBNPJPYG.cjs} +1 -1
- package/dist/{chunk-AHS2AFTD.js → chunk-TJECLLN4.js} +1 -1
- package/dist/{chunk-HR5QBBIS.js → chunk-TYLDISRK.js} +1 -1
- package/dist/{chunk-7UCXY4T5.cjs → chunk-ULUD3FED.cjs} +9 -6
- package/dist/{chunk-FJHFUES7.cjs → chunk-V5KUC5VH.cjs} +1 -1
- package/dist/{chunk-XOYMBL5R.cjs → chunk-VA2I7ZAL.cjs} +1 -1
- package/dist/{chunk-7OYMY22O.cjs → chunk-VS3I5OKA.cjs} +8 -8
- package/dist/{chunk-EXN64ADJ.js → chunk-WMGMIE2D.js} +8 -5
- package/dist/{chunk-VUTCNATX.cjs → chunk-X5MYHDEQ.cjs} +6 -6
- package/dist/{chunk-2EY34PPA.cjs → chunk-X7XP6GEI.cjs} +1 -1
- package/dist/{chunk-WIBAYFBB.js → chunk-XCXUGHDF.js} +1 -1
- package/dist/{chunk-W72IIGOV.js → chunk-XG5D777V.js} +2 -2
- package/dist/{chunk-Q77BWQNG.js → chunk-YAFDVNXT.js} +1 -1
- package/dist/{chunk-HTW62OMX.cjs → chunk-ZBTGYTQE.cjs} +4 -4
- package/dist/{chunk-XVDD6JEU.cjs → chunk-ZBWUIR2J.cjs} +6 -6
- package/dist/{chunk-PHONNUK2.js → chunk-ZD3L4V3H.js} +2 -2
- package/dist/{chunk-ACZA7HHP.js → chunk-ZR4IMROK.js} +1 -1
- package/dist/{chunk-GVPGJXZT.js → chunk-ZTCRD2FL.js} +1 -1
- package/dist/index.cjs +174 -174
- package/dist/index.d.cts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +48 -48
- package/dist/styles.css +7 -4
- package/dist/{tokens-RGFJKRC7.css → tokens-RYJ3DFTU.css} +4 -1
- package/dist/tokens.css +4 -1
- package/docs/llms/drawer.md +13 -0
- package/docs/llms/image.md +14 -0
- package/docs/llms/modal.md +13 -0
- package/docs/llms/theme.md +3 -3
- package/docs/llms.md +1 -1
- package/package.json +1 -1
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkMPOO5VPW_cjs = require('./chunk-MPOO5VPW.cjs');
|
|
4
4
|
var chunk6EOSMK34_cjs = require('./chunk-6EOSMK34.cjs');
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
var
|
|
10
|
-
var
|
|
11
|
-
var
|
|
12
|
-
require('./tokens-
|
|
5
|
+
var chunkPKNRTFNE_cjs = require('./chunk-PKNRTFNE.cjs');
|
|
6
|
+
var chunkMYW7LNB2_cjs = require('./chunk-MYW7LNB2.cjs');
|
|
7
|
+
var chunkPSQ3HNZP_cjs = require('./chunk-PSQ3HNZP.cjs');
|
|
8
|
+
var chunkS2ZGXBUH_cjs = require('./chunk-S2ZGXBUH.cjs');
|
|
9
|
+
var chunkVS3I5OKA_cjs = require('./chunk-VS3I5OKA.cjs');
|
|
10
|
+
var chunkSW2HMNCA_cjs = require('./chunk-SW2HMNCA.cjs');
|
|
11
|
+
var chunkQMX67CVT_cjs = require('./chunk-QMX67CVT.cjs');
|
|
12
|
+
require('./tokens-RYJ3DFTU.css');
|
|
13
13
|
require('./shared-NJHRNLRH.css');
|
|
14
14
|
require('./ThemePanel-TEHB2JCQ.css');
|
|
15
15
|
var React = require('react');
|
|
@@ -121,10 +121,17 @@ var ACCENT_PALETTE_FIELDS = [
|
|
|
121
121
|
{ key: "soft", label: "\u67D4\u548C\u5E95" },
|
|
122
122
|
{ key: "glow", label: "\u5149\u6655" }
|
|
123
123
|
];
|
|
124
|
+
var THEME_PANEL_RANGES = {
|
|
125
|
+
intensity: { min: 0, max: 20, step: 1 },
|
|
126
|
+
radius: { min: 0, max: 64, step: 2 },
|
|
127
|
+
shadowScale: { min: 0.2, max: 3, step: 0.05 },
|
|
128
|
+
shadowFloatScale: { min: 0.2, max: 4, step: 0.05 }
|
|
129
|
+
};
|
|
130
|
+
var getShadowScaleRange = (key) => key === "shadow-float-scale" ? THEME_PANEL_RANGES.shadowFloatScale : THEME_PANEL_RANGES.shadowScale;
|
|
124
131
|
function accentFromPreset(preset) {
|
|
125
132
|
const accent = preset?.accent ?? "sky";
|
|
126
133
|
if (typeof accent === "string") {
|
|
127
|
-
return
|
|
134
|
+
return chunkPKNRTFNE_cjs.ACCENT_PRESETS[accent]?.accent ?? accent;
|
|
128
135
|
}
|
|
129
136
|
return accent.accent;
|
|
130
137
|
}
|
|
@@ -312,15 +319,15 @@ function fontConfigToText(font) {
|
|
|
312
319
|
return typeof font === "string" ? font : JSON.stringify(font);
|
|
313
320
|
}
|
|
314
321
|
function fontToStack(font) {
|
|
315
|
-
if (typeof font === "string") return
|
|
316
|
-
return font.sans ?? font.display ??
|
|
322
|
+
if (typeof font === "string") return chunkPKNRTFNE_cjs.FONT_STACKS[font] ?? font;
|
|
323
|
+
return font.sans ?? font.display ?? chunkPKNRTFNE_cjs.FONT_STACKS.system;
|
|
317
324
|
}
|
|
318
325
|
function tokenPickerValue(value, fallback) {
|
|
319
326
|
return cssColorToHex(value ?? fallback, fallback);
|
|
320
327
|
}
|
|
321
|
-
function parseScaleToken(value, fallback = 1) {
|
|
328
|
+
function parseScaleToken(value, fallback = 1, range = THEME_PANEL_RANGES.shadowScale) {
|
|
322
329
|
const parsed = Number.parseFloat(value ?? "");
|
|
323
|
-
return Number.isFinite(parsed) ? Math.min(
|
|
330
|
+
return Number.isFinite(parsed) ? Math.min(range.max, Math.max(range.min, parsed)) : fallback;
|
|
324
331
|
}
|
|
325
332
|
function formatScaleToken(value) {
|
|
326
333
|
return value.toFixed(2).replace(/\.?0+$/, "");
|
|
@@ -346,7 +353,7 @@ var ThemePanel = React__namespace.forwardRef(
|
|
|
346
353
|
className = "",
|
|
347
354
|
...rest
|
|
348
355
|
}, ref) => {
|
|
349
|
-
const theme =
|
|
356
|
+
const theme = chunkPKNRTFNE_cjs.useTheme();
|
|
350
357
|
const rootRef = React__namespace.useRef(null);
|
|
351
358
|
const previewSnapshotRef = React__namespace.useRef(null);
|
|
352
359
|
const updateThemeRef = React__namespace.useRef(theme.update);
|
|
@@ -791,10 +798,14 @@ var ThemePanel = React__namespace.forwardRef(
|
|
|
791
798
|
};
|
|
792
799
|
const rootClass = ["theme-panel", compact && "compact", className].filter(Boolean).join(" ");
|
|
793
800
|
const shadowScale = parseScaleToken(
|
|
794
|
-
theme.tokens["shadow-scale"] ?? readCssVar(rootRef.current, "--shadow-scale", "1")
|
|
801
|
+
theme.tokens["shadow-scale"] ?? readCssVar(rootRef.current, "--shadow-scale", "1"),
|
|
802
|
+
1,
|
|
803
|
+
THEME_PANEL_RANGES.shadowScale
|
|
795
804
|
);
|
|
796
805
|
const shadowFloatScale = parseScaleToken(
|
|
797
|
-
theme.tokens["shadow-float-scale"] ?? readCssVar(rootRef.current, "--shadow-float-scale", "1")
|
|
806
|
+
theme.tokens["shadow-float-scale"] ?? readCssVar(rootRef.current, "--shadow-float-scale", "1"),
|
|
807
|
+
1,
|
|
808
|
+
THEME_PANEL_RANGES.shadowFloatScale
|
|
798
809
|
);
|
|
799
810
|
const updateThemeToken = (key, value) => {
|
|
800
811
|
theme.setTokens({ ...theme.tokens, [key]: value });
|
|
@@ -817,7 +828,7 @@ var ThemePanel = React__namespace.forwardRef(
|
|
|
817
828
|
/* @__PURE__ */ jsxRuntime.jsx("small", { children: fontMode === "preset" ? "\u9009\u62E9\u5185\u7F6E\u5B57\u4F53" : "\u586B\u5199 CSS font-family" })
|
|
818
829
|
] }),
|
|
819
830
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
820
|
-
|
|
831
|
+
chunkPSQ3HNZP_cjs.RadioGroup,
|
|
821
832
|
{
|
|
822
833
|
className: "theme-panel-create-mode",
|
|
823
834
|
variant: "segmented",
|
|
@@ -836,7 +847,7 @@ var ThemePanel = React__namespace.forwardRef(
|
|
|
836
847
|
fontMode === "custom" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-create-field", children: [
|
|
837
848
|
/* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u5B57\u4F53\u6808" }),
|
|
838
849
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
839
|
-
|
|
850
|
+
chunkVS3I5OKA_cjs.Input,
|
|
840
851
|
{
|
|
841
852
|
size: "sm",
|
|
842
853
|
value: fontConfigToText(font),
|
|
@@ -861,7 +872,7 @@ var ThemePanel = React__namespace.forwardRef(
|
|
|
861
872
|
] }),
|
|
862
873
|
/* @__PURE__ */ jsxRuntime.jsxs("span", { className: "theme-panel-token-input", children: [
|
|
863
874
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
864
|
-
|
|
875
|
+
chunkS2ZGXBUH_cjs.ColorPicker,
|
|
865
876
|
{
|
|
866
877
|
className: "theme-panel-token-picker",
|
|
867
878
|
value: tokenPickerValue(tokens[field.key], surfaceFallback),
|
|
@@ -872,7 +883,7 @@ var ThemePanel = React__namespace.forwardRef(
|
|
|
872
883
|
}
|
|
873
884
|
),
|
|
874
885
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
875
|
-
|
|
886
|
+
chunkVS3I5OKA_cjs.Input,
|
|
876
887
|
{
|
|
877
888
|
size: "sm",
|
|
878
889
|
value: tokens[field.key] ?? "",
|
|
@@ -898,7 +909,7 @@ var ThemePanel = React__namespace.forwardRef(
|
|
|
898
909
|
] }),
|
|
899
910
|
/* @__PURE__ */ jsxRuntime.jsxs("span", { className: "theme-panel-token-input", children: [
|
|
900
911
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
901
|
-
|
|
912
|
+
chunkS2ZGXBUH_cjs.ColorPicker,
|
|
902
913
|
{
|
|
903
914
|
className: "theme-panel-token-picker",
|
|
904
915
|
value: tokenPickerValue(tokens[field.key], surfaceFallback),
|
|
@@ -909,7 +920,7 @@ var ThemePanel = React__namespace.forwardRef(
|
|
|
909
920
|
}
|
|
910
921
|
),
|
|
911
922
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
912
|
-
|
|
923
|
+
chunkVS3I5OKA_cjs.Input,
|
|
913
924
|
{
|
|
914
925
|
size: "sm",
|
|
915
926
|
value: tokens[field.key] ?? "",
|
|
@@ -927,7 +938,7 @@ var ThemePanel = React__namespace.forwardRef(
|
|
|
927
938
|
] }),
|
|
928
939
|
/* @__PURE__ */ jsxRuntime.jsxs("span", { className: "theme-panel-token-scale", children: [
|
|
929
940
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
930
|
-
|
|
941
|
+
chunkVS3I5OKA_cjs.Input,
|
|
931
942
|
{
|
|
932
943
|
size: "sm",
|
|
933
944
|
value: tokens[field.key] ?? "1",
|
|
@@ -935,13 +946,13 @@ var ThemePanel = React__namespace.forwardRef(
|
|
|
935
946
|
}
|
|
936
947
|
),
|
|
937
948
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
938
|
-
|
|
949
|
+
chunkMPOO5VPW_cjs.Slider,
|
|
939
950
|
{
|
|
940
|
-
value: parseScaleToken(tokens[field.key]),
|
|
951
|
+
value: parseScaleToken(tokens[field.key], 1, getShadowScaleRange(field.key)),
|
|
941
952
|
onChange: (value) => onTokenChange(field.key, formatScaleToken(value)),
|
|
942
|
-
min:
|
|
943
|
-
max: field.key
|
|
944
|
-
step:
|
|
953
|
+
min: getShadowScaleRange(field.key).min,
|
|
954
|
+
max: getShadowScaleRange(field.key).max,
|
|
955
|
+
step: getShadowScaleRange(field.key).step
|
|
945
956
|
}
|
|
946
957
|
)
|
|
947
958
|
] })
|
|
@@ -963,7 +974,7 @@ var ThemePanel = React__namespace.forwardRef(
|
|
|
963
974
|
] }),
|
|
964
975
|
/* @__PURE__ */ jsxRuntime.jsxs("span", { className: "theme-panel-token-input", children: [
|
|
965
976
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
966
|
-
|
|
977
|
+
chunkS2ZGXBUH_cjs.ColorPicker,
|
|
967
978
|
{
|
|
968
979
|
className: "theme-panel-token-picker",
|
|
969
980
|
value: tokenPickerValue(accentPalette[field.key], accentFallback),
|
|
@@ -974,7 +985,7 @@ var ThemePanel = React__namespace.forwardRef(
|
|
|
974
985
|
}
|
|
975
986
|
),
|
|
976
987
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
977
|
-
|
|
988
|
+
chunkVS3I5OKA_cjs.Input,
|
|
978
989
|
{
|
|
979
990
|
size: "sm",
|
|
980
991
|
value: accentPalette[field.key],
|
|
@@ -988,7 +999,7 @@ var ThemePanel = React__namespace.forwardRef(
|
|
|
988
999
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: setRootRef, className: rootClass, ...rest, children: [
|
|
989
1000
|
(title || description) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-head", children: [
|
|
990
1001
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-title", children: [
|
|
991
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1002
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunkQMX67CVT_cjs.Icon, { name: "sliders", size: 14 }),
|
|
992
1003
|
title && /* @__PURE__ */ jsxRuntime.jsx("span", { children: title })
|
|
993
1004
|
] }),
|
|
994
1005
|
description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "theme-panel-desc", children: description })
|
|
@@ -999,7 +1010,7 @@ var ThemePanel = React__namespace.forwardRef(
|
|
|
999
1010
|
/* @__PURE__ */ jsxRuntime.jsx("span", { children: theme.colorScheme })
|
|
1000
1011
|
] }),
|
|
1001
1012
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1002
|
-
|
|
1013
|
+
chunkPSQ3HNZP_cjs.RadioGroup,
|
|
1003
1014
|
{
|
|
1004
1015
|
variant: "segmented",
|
|
1005
1016
|
size: "sm",
|
|
@@ -1024,7 +1035,7 @@ var ThemePanel = React__namespace.forwardRef(
|
|
|
1024
1035
|
const deletable = allowDeleteTheme && !protectedPresetKeys.has(key) && key in theme.themes;
|
|
1025
1036
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `theme-panel-preset-shell ${deletable ? "deletable" : ""}`, children: [
|
|
1026
1037
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
1027
|
-
|
|
1038
|
+
chunkSW2HMNCA_cjs.Button,
|
|
1028
1039
|
{
|
|
1029
1040
|
type: "button",
|
|
1030
1041
|
variant: "ghost",
|
|
@@ -1045,7 +1056,7 @@ var ThemePanel = React__namespace.forwardRef(
|
|
|
1045
1056
|
}
|
|
1046
1057
|
),
|
|
1047
1058
|
deletable && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1048
|
-
|
|
1059
|
+
chunkSW2HMNCA_cjs.Button,
|
|
1049
1060
|
{
|
|
1050
1061
|
type: "button",
|
|
1051
1062
|
variant: "danger",
|
|
@@ -1059,7 +1070,7 @@ var ThemePanel = React__namespace.forwardRef(
|
|
|
1059
1070
|
)
|
|
1060
1071
|
] }, key);
|
|
1061
1072
|
}) }),
|
|
1062
|
-
allowCreateTheme && !isCreatingTheme && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1073
|
+
allowCreateTheme && !isCreatingTheme && /* @__PURE__ */ jsxRuntime.jsx(chunkSW2HMNCA_cjs.Button, { type: "button", variant: "primary", size: "sm", icon: "plus", block: true, onClick: beginCreateTheme, children: "\u65B0\u5EFA\u4E3B\u9898" }),
|
|
1063
1074
|
allowCreateTheme && isCreatingTheme && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-create", children: [
|
|
1064
1075
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-create-head", children: [
|
|
1065
1076
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
@@ -1067,7 +1078,7 @@ var ThemePanel = React__namespace.forwardRef(
|
|
|
1067
1078
|
/* @__PURE__ */ jsxRuntime.jsx("small", { children: previewDraft ? "\u5B9E\u65F6\u9884\u89C8\u4E2D" : "\u9884\u89C8\u5DF2\u6682\u505C" })
|
|
1068
1079
|
] }),
|
|
1069
1080
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1070
|
-
|
|
1081
|
+
chunkMYW7LNB2_cjs.Switch,
|
|
1071
1082
|
{
|
|
1072
1083
|
size: "sm",
|
|
1073
1084
|
checked: previewDraft,
|
|
@@ -1078,7 +1089,7 @@ var ThemePanel = React__namespace.forwardRef(
|
|
|
1078
1089
|
)
|
|
1079
1090
|
] }),
|
|
1080
1091
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1081
|
-
|
|
1092
|
+
chunkVS3I5OKA_cjs.Input,
|
|
1082
1093
|
{
|
|
1083
1094
|
size: "sm",
|
|
1084
1095
|
value: draftName,
|
|
@@ -1089,7 +1100,7 @@ var ThemePanel = React__namespace.forwardRef(
|
|
|
1089
1100
|
}
|
|
1090
1101
|
),
|
|
1091
1102
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1092
|
-
|
|
1103
|
+
chunkPSQ3HNZP_cjs.RadioGroup,
|
|
1093
1104
|
{
|
|
1094
1105
|
className: "theme-panel-create-mode",
|
|
1095
1106
|
variant: "segmented",
|
|
@@ -1105,7 +1116,7 @@ var ThemePanel = React__namespace.forwardRef(
|
|
|
1105
1116
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-create-field", children: [
|
|
1106
1117
|
/* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u57FA\u5E95" }),
|
|
1107
1118
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1108
|
-
|
|
1119
|
+
chunkPSQ3HNZP_cjs.RadioGroup,
|
|
1109
1120
|
{
|
|
1110
1121
|
variant: "segmented",
|
|
1111
1122
|
size: "sm",
|
|
@@ -1121,11 +1132,11 @@ var ThemePanel = React__namespace.forwardRef(
|
|
|
1121
1132
|
createMode === "simple" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-create-grid", children: [
|
|
1122
1133
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-create-field", children: [
|
|
1123
1134
|
/* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u8868\u9762" }),
|
|
1124
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1135
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunkS2ZGXBUH_cjs.ColorPicker, { size: "sm", value: draftSurface, onChange: updateDraftSurface })
|
|
1125
1136
|
] }),
|
|
1126
1137
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-create-field", children: [
|
|
1127
1138
|
/* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u5F3A\u8C03" }),
|
|
1128
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1139
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunkS2ZGXBUH_cjs.ColorPicker, { size: "sm", value: draftAccent, onChange: updateDraftAccent })
|
|
1129
1140
|
] })
|
|
1130
1141
|
] }),
|
|
1131
1142
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-create-sliders", children: [
|
|
@@ -1133,7 +1144,16 @@ var ThemePanel = React__namespace.forwardRef(
|
|
|
1133
1144
|
/* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u9634\u5F71\u5F3A\u5EA6" }),
|
|
1134
1145
|
/* @__PURE__ */ jsxRuntime.jsx("span", { children: draftIntensity })
|
|
1135
1146
|
] }),
|
|
1136
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1147
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1148
|
+
chunkMPOO5VPW_cjs.Slider,
|
|
1149
|
+
{
|
|
1150
|
+
value: draftIntensity,
|
|
1151
|
+
onChange: setDraftIntensity,
|
|
1152
|
+
min: THEME_PANEL_RANGES.intensity.min,
|
|
1153
|
+
max: THEME_PANEL_RANGES.intensity.max,
|
|
1154
|
+
step: THEME_PANEL_RANGES.intensity.step
|
|
1155
|
+
}
|
|
1156
|
+
),
|
|
1137
1157
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-label", children: [
|
|
1138
1158
|
/* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u5706\u89D2" }),
|
|
1139
1159
|
/* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
|
|
@@ -1141,12 +1161,21 @@ var ThemePanel = React__namespace.forwardRef(
|
|
|
1141
1161
|
"px"
|
|
1142
1162
|
] })
|
|
1143
1163
|
] }),
|
|
1144
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1164
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1165
|
+
chunkMPOO5VPW_cjs.Slider,
|
|
1166
|
+
{
|
|
1167
|
+
value: draftRadius,
|
|
1168
|
+
onChange: setDraftRadius,
|
|
1169
|
+
min: THEME_PANEL_RANGES.radius.min,
|
|
1170
|
+
max: THEME_PANEL_RANGES.radius.max,
|
|
1171
|
+
step: THEME_PANEL_RANGES.radius.step
|
|
1172
|
+
}
|
|
1173
|
+
)
|
|
1145
1174
|
] }),
|
|
1146
1175
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-create-field", children: [
|
|
1147
1176
|
/* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u5BC6\u5EA6" }),
|
|
1148
1177
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1149
|
-
|
|
1178
|
+
chunkPSQ3HNZP_cjs.RadioGroup,
|
|
1150
1179
|
{
|
|
1151
1180
|
variant: "segmented",
|
|
1152
1181
|
size: "sm",
|
|
@@ -1159,7 +1188,7 @@ var ThemePanel = React__namespace.forwardRef(
|
|
|
1159
1188
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-create-field", children: [
|
|
1160
1189
|
/* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u5B57\u4F53" }),
|
|
1161
1190
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1162
|
-
|
|
1191
|
+
chunkPSQ3HNZP_cjs.RadioGroup,
|
|
1163
1192
|
{
|
|
1164
1193
|
variant: "segmented",
|
|
1165
1194
|
size: "sm",
|
|
@@ -1198,7 +1227,7 @@ var ThemePanel = React__namespace.forwardRef(
|
|
|
1198
1227
|
},
|
|
1199
1228
|
children: [
|
|
1200
1229
|
/* @__PURE__ */ jsxRuntime.jsxs("span", { className: "theme-panel-create-preview-label", children: [
|
|
1201
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1230
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunkQMX67CVT_cjs.Icon, { name: "palette", size: 13 }),
|
|
1202
1231
|
/* @__PURE__ */ jsxRuntime.jsx("span", { children: draftName.trim() || "\u81EA\u5B9A\u4E49\u4E3B\u9898" })
|
|
1203
1232
|
] }),
|
|
1204
1233
|
/* @__PURE__ */ jsxRuntime.jsx("i", { "aria-hidden": true })
|
|
@@ -1206,9 +1235,9 @@ var ThemePanel = React__namespace.forwardRef(
|
|
|
1206
1235
|
}
|
|
1207
1236
|
),
|
|
1208
1237
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-create-actions", children: [
|
|
1209
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1238
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunkSW2HMNCA_cjs.Button, { type: "button", variant: "ghost", size: "sm", icon: "x", onClick: cancelCreateTheme, children: "\u53D6\u6D88" }),
|
|
1210
1239
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1211
|
-
|
|
1240
|
+
chunkSW2HMNCA_cjs.Button,
|
|
1212
1241
|
{
|
|
1213
1242
|
type: "button",
|
|
1214
1243
|
variant: "primary",
|
|
@@ -1228,20 +1257,20 @@ var ThemePanel = React__namespace.forwardRef(
|
|
|
1228
1257
|
/* @__PURE__ */ jsxRuntime.jsx("span", { children: theme.accent === "custom" ? customAccent : theme.accent })
|
|
1229
1258
|
] }),
|
|
1230
1259
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-swatches", children: [
|
|
1231
|
-
Object.keys(
|
|
1232
|
-
|
|
1260
|
+
Object.keys(chunkPKNRTFNE_cjs.ACCENT_PRESETS).map((key) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1261
|
+
chunkSW2HMNCA_cjs.Button,
|
|
1233
1262
|
{
|
|
1234
1263
|
type: "button",
|
|
1235
1264
|
size: "sm",
|
|
1236
1265
|
"aria-label": key,
|
|
1237
1266
|
className: `theme-panel-swatch ${theme.accent === key ? "active" : ""}`,
|
|
1238
|
-
style: { background:
|
|
1267
|
+
style: { background: chunkPKNRTFNE_cjs.ACCENT_PRESETS[key].accent },
|
|
1239
1268
|
onClick: () => theme.setAccent(key)
|
|
1240
1269
|
},
|
|
1241
1270
|
key
|
|
1242
1271
|
)),
|
|
1243
1272
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1244
|
-
|
|
1273
|
+
chunkS2ZGXBUH_cjs.ColorPicker,
|
|
1245
1274
|
{
|
|
1246
1275
|
size: "sm",
|
|
1247
1276
|
value: customAccent,
|
|
@@ -1258,7 +1287,16 @@ var ThemePanel = React__namespace.forwardRef(
|
|
|
1258
1287
|
/* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u9634\u5F71\u5F3A\u5EA6" }),
|
|
1259
1288
|
/* @__PURE__ */ jsxRuntime.jsx("span", { children: theme.intensity })
|
|
1260
1289
|
] }),
|
|
1261
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1290
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1291
|
+
chunkMPOO5VPW_cjs.Slider,
|
|
1292
|
+
{
|
|
1293
|
+
value: theme.intensity,
|
|
1294
|
+
onChange: theme.setIntensity,
|
|
1295
|
+
min: THEME_PANEL_RANGES.intensity.min,
|
|
1296
|
+
max: THEME_PANEL_RANGES.intensity.max,
|
|
1297
|
+
step: THEME_PANEL_RANGES.intensity.step
|
|
1298
|
+
}
|
|
1299
|
+
),
|
|
1262
1300
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-label", children: [
|
|
1263
1301
|
/* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u9634\u5F71\u6269\u6563" }),
|
|
1264
1302
|
/* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
|
|
@@ -1267,13 +1305,13 @@ var ThemePanel = React__namespace.forwardRef(
|
|
|
1267
1305
|
] })
|
|
1268
1306
|
] }),
|
|
1269
1307
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1270
|
-
|
|
1308
|
+
chunkMPOO5VPW_cjs.Slider,
|
|
1271
1309
|
{
|
|
1272
1310
|
value: shadowScale,
|
|
1273
1311
|
onChange: (value) => updateThemeToken("shadow-scale", formatScaleToken(value)),
|
|
1274
|
-
min:
|
|
1275
|
-
max:
|
|
1276
|
-
step:
|
|
1312
|
+
min: THEME_PANEL_RANGES.shadowScale.min,
|
|
1313
|
+
max: THEME_PANEL_RANGES.shadowScale.max,
|
|
1314
|
+
step: THEME_PANEL_RANGES.shadowScale.step
|
|
1277
1315
|
}
|
|
1278
1316
|
),
|
|
1279
1317
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-label", children: [
|
|
@@ -1284,13 +1322,13 @@ var ThemePanel = React__namespace.forwardRef(
|
|
|
1284
1322
|
] })
|
|
1285
1323
|
] }),
|
|
1286
1324
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1287
|
-
|
|
1325
|
+
chunkMPOO5VPW_cjs.Slider,
|
|
1288
1326
|
{
|
|
1289
1327
|
value: shadowFloatScale,
|
|
1290
1328
|
onChange: (value) => updateThemeToken("shadow-float-scale", formatScaleToken(value)),
|
|
1291
|
-
min:
|
|
1292
|
-
max:
|
|
1293
|
-
step:
|
|
1329
|
+
min: THEME_PANEL_RANGES.shadowFloatScale.min,
|
|
1330
|
+
max: THEME_PANEL_RANGES.shadowFloatScale.max,
|
|
1331
|
+
step: THEME_PANEL_RANGES.shadowFloatScale.step
|
|
1294
1332
|
}
|
|
1295
1333
|
)
|
|
1296
1334
|
] }),
|
|
@@ -1299,7 +1337,16 @@ var ThemePanel = React__namespace.forwardRef(
|
|
|
1299
1337
|
/* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u9634\u5F71" }),
|
|
1300
1338
|
/* @__PURE__ */ jsxRuntime.jsx("span", { children: theme.intensity })
|
|
1301
1339
|
] }),
|
|
1302
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1340
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1341
|
+
chunkMPOO5VPW_cjs.Slider,
|
|
1342
|
+
{
|
|
1343
|
+
value: theme.intensity,
|
|
1344
|
+
onChange: theme.setIntensity,
|
|
1345
|
+
min: THEME_PANEL_RANGES.intensity.min,
|
|
1346
|
+
max: THEME_PANEL_RANGES.intensity.max,
|
|
1347
|
+
step: THEME_PANEL_RANGES.intensity.step
|
|
1348
|
+
}
|
|
1349
|
+
)
|
|
1303
1350
|
] }),
|
|
1304
1351
|
sections.includes("radius") && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-row", children: [
|
|
1305
1352
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-label", children: [
|
|
@@ -1309,12 +1356,21 @@ var ThemePanel = React__namespace.forwardRef(
|
|
|
1309
1356
|
"px"
|
|
1310
1357
|
] })
|
|
1311
1358
|
] }),
|
|
1312
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1359
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1360
|
+
chunkMPOO5VPW_cjs.Slider,
|
|
1361
|
+
{
|
|
1362
|
+
value: theme.radius,
|
|
1363
|
+
onChange: theme.setRadius,
|
|
1364
|
+
min: THEME_PANEL_RANGES.radius.min,
|
|
1365
|
+
max: THEME_PANEL_RANGES.radius.max,
|
|
1366
|
+
step: THEME_PANEL_RANGES.radius.step
|
|
1367
|
+
}
|
|
1368
|
+
)
|
|
1313
1369
|
] }),
|
|
1314
1370
|
sections.includes("font") && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-row", children: [
|
|
1315
1371
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "theme-panel-label", children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u5B57\u4F53" }) }),
|
|
1316
1372
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1317
|
-
|
|
1373
|
+
chunkPSQ3HNZP_cjs.RadioGroup,
|
|
1318
1374
|
{
|
|
1319
1375
|
variant: "segmented",
|
|
1320
1376
|
size: "sm",
|
|
@@ -1327,7 +1383,7 @@ var ThemePanel = React__namespace.forwardRef(
|
|
|
1327
1383
|
sections.includes("density") && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-row", children: [
|
|
1328
1384
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "theme-panel-label", children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u5BC6\u5EA6" }) }),
|
|
1329
1385
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1330
|
-
|
|
1386
|
+
chunkPSQ3HNZP_cjs.RadioGroup,
|
|
1331
1387
|
{
|
|
1332
1388
|
variant: "segmented",
|
|
1333
1389
|
size: "sm",
|
|
@@ -1339,7 +1395,7 @@ var ThemePanel = React__namespace.forwardRef(
|
|
|
1339
1395
|
] }),
|
|
1340
1396
|
sections.includes("advanced") && !isCreatingTheme && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-row theme-panel-advanced-row", children: [
|
|
1341
1397
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1342
|
-
|
|
1398
|
+
chunkSW2HMNCA_cjs.Button,
|
|
1343
1399
|
{
|
|
1344
1400
|
type: "button",
|
|
1345
1401
|
variant: "ghost",
|
|
@@ -1357,7 +1413,7 @@ var ThemePanel = React__namespace.forwardRef(
|
|
|
1357
1413
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-create-field", children: [
|
|
1358
1414
|
/* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u57FA\u5E95" }),
|
|
1359
1415
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1360
|
-
|
|
1416
|
+
chunkPSQ3HNZP_cjs.RadioGroup,
|
|
1361
1417
|
{
|
|
1362
1418
|
variant: "segmented",
|
|
1363
1419
|
size: "sm",
|
|
@@ -1389,7 +1445,7 @@ var ThemePanel = React__namespace.forwardRef(
|
|
|
1389
1445
|
canSaveCurrentThemeAsNew && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-save-as-field", children: [
|
|
1390
1446
|
/* @__PURE__ */ jsxRuntime.jsx("span", { children: isCurrentSavedTheme ? "\u4E3B\u9898\u540D" : "\u65B0\u4E3B\u9898\u540D" }),
|
|
1391
1447
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1392
|
-
|
|
1448
|
+
chunkVS3I5OKA_cjs.Input,
|
|
1393
1449
|
{
|
|
1394
1450
|
size: "sm",
|
|
1395
1451
|
value: saveAsName,
|
|
@@ -1403,7 +1459,7 @@ var ThemePanel = React__namespace.forwardRef(
|
|
|
1403
1459
|
canSaveCurrentThemeAsNew && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-save-as-field", children: [
|
|
1404
1460
|
/* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u526F\u6807\u9898" }),
|
|
1405
1461
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1406
|
-
|
|
1462
|
+
chunkVS3I5OKA_cjs.Input,
|
|
1407
1463
|
{
|
|
1408
1464
|
size: "sm",
|
|
1409
1465
|
value: saveAsDescription,
|
|
@@ -1417,9 +1473,9 @@ var ThemePanel = React__namespace.forwardRef(
|
|
|
1417
1473
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-advanced-footer", children: [
|
|
1418
1474
|
/* @__PURE__ */ jsxRuntime.jsx("span", { children: isCurrentSavedTheme ? `\u5F53\u524D\u9884\u8BBE: ${getActiveThemeMeta().label}` : canSaveCurrentThemeAsNew ? "\u9ED8\u8BA4\u9884\u8BBE\u4F1A\u4FDD\u5B58\u4E3A\u65B0\u4E3B\u9898" : "\u5F53\u524D\u8C03\u6574\u4EC5\u8FD0\u884C\u65F6\u751F\u6548" }),
|
|
1419
1475
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "theme-panel-advanced-buttons", children: [
|
|
1420
|
-
canUpdateCurrentTheme && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1476
|
+
canUpdateCurrentTheme && /* @__PURE__ */ jsxRuntime.jsx(chunkSW2HMNCA_cjs.Button, { type: "button", variant: "primary", size: "sm", icon: "check", onClick: saveCurrentThemeUpdate, children: "\u4FDD\u5B58\u4FEE\u6539" }),
|
|
1421
1477
|
canSaveCurrentThemeAsNew && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1422
|
-
|
|
1478
|
+
chunkSW2HMNCA_cjs.Button,
|
|
1423
1479
|
{
|
|
1424
1480
|
type: "button",
|
|
1425
1481
|
variant: canUpdateCurrentTheme ? "ghost" : "primary",
|
|
@@ -1434,7 +1490,7 @@ var ThemePanel = React__namespace.forwardRef(
|
|
|
1434
1490
|
] })
|
|
1435
1491
|
] })
|
|
1436
1492
|
] }),
|
|
1437
|
-
showReset && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1493
|
+
showReset && /* @__PURE__ */ jsxRuntime.jsx(chunkSW2HMNCA_cjs.Button, { type: "button", variant: "ghost", size: "sm", icon: "reload", block: true, onClick: resetTheme, children: "\u91CD\u7F6E\u4E3B\u9898" })
|
|
1438
1494
|
] });
|
|
1439
1495
|
}
|
|
1440
1496
|
);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { renderIconSlot, Icon } from './chunk-
|
|
2
|
-
import './tokens-
|
|
1
|
+
import { renderIconSlot, Icon } from './chunk-FDZG27IG.js';
|
|
2
|
+
import './tokens-RYJ3DFTU.css';
|
|
3
3
|
import './shared-NJHRNLRH.css';
|
|
4
4
|
import './Alert-HVPI6L4V.css';
|
|
5
5
|
import * as React from 'react';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
require('./tokens-
|
|
3
|
+
var chunkQMX67CVT_cjs = require('./chunk-QMX67CVT.cjs');
|
|
4
|
+
require('./tokens-RYJ3DFTU.css');
|
|
5
5
|
require('./shared-NJHRNLRH.css');
|
|
6
6
|
require('./Checkbox-EDNPZRIP.css');
|
|
7
7
|
var React = require('react');
|
|
@@ -65,7 +65,7 @@ var Checkbox = React__namespace.forwardRef(({
|
|
|
65
65
|
onClick: toggle,
|
|
66
66
|
id,
|
|
67
67
|
className: "checkbox-box",
|
|
68
|
-
children: indeterminate ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
68
|
+
children: indeterminate ? /* @__PURE__ */ jsxRuntime.jsx(chunkQMX67CVT_cjs.Icon, { name: "minus", size: 11 }) : value ? /* @__PURE__ */ jsxRuntime.jsx(chunkQMX67CVT_cjs.Icon, { name: "check", size: 11 }) : null
|
|
69
69
|
}
|
|
70
70
|
),
|
|
71
71
|
label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "checkbox-label", children: label })
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
require('./tokens-
|
|
3
|
+
var chunkQMX67CVT_cjs = require('./chunk-QMX67CVT.cjs');
|
|
4
|
+
require('./tokens-RYJ3DFTU.css');
|
|
5
5
|
require('./shared-NJHRNLRH.css');
|
|
6
6
|
require('./Collapse-UNBHEPYP.css');
|
|
7
7
|
var React = require('react');
|
|
@@ -112,7 +112,7 @@ var Collapse = React__namespace.forwardRef(({
|
|
|
112
112
|
toggle(it.key, it.disabled);
|
|
113
113
|
}
|
|
114
114
|
},
|
|
115
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
115
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(chunkQMX67CVT_cjs.Icon, { name: "chevDown", size: 16 })
|
|
116
116
|
}
|
|
117
117
|
)
|
|
118
118
|
]
|