@duskmoon-dev/components 0.1.2 → 0.2.1
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 +1 -0
- package/dist/classes/app.d.ts +2 -2
- package/dist/classes/auto-complete.d.ts +4 -2
- package/dist/classes/checkbox.d.ts +9 -5
- package/dist/classes/color-picker.d.ts +2 -1
- package/dist/classes/dm-drawer.d.ts +1 -1
- package/dist/classes/dm-toolbar.d.ts +1 -1
- package/dist/classes/index.d.ts +0 -1
- package/dist/classes/index.js +49 -38
- package/dist/components/alert/index.js +3 -3
- package/dist/components/app/index.js +3 -10
- package/dist/components/auto-complete/AutoComplete.types.d.ts +2 -0
- package/dist/components/auto-complete/index.js +14 -8
- package/dist/components/cascader/index.js +10 -1
- package/dist/components/checkbox/index.js +10 -21
- package/dist/components/col/index.d.ts +1 -1
- package/dist/components/collapse/index.js +3 -1
- package/dist/components/color-picker/index.js +6 -2
- package/dist/components/date-picker/DatePicker.types.d.ts +4 -1
- package/dist/components/date-picker/index.js +1 -2
- package/dist/components/descriptions/index.js +10 -1
- package/dist/components/dm-date-picker/index.js +1 -2
- package/dist/components/dm-drawer/index.js +1 -3
- package/dist/components/dm-page-header/index.js +1 -3
- package/dist/components/dm-pro-table/DmProTable.d.ts +1 -1
- package/dist/components/dm-pro-table/DmProTable.types.d.ts +3 -2
- package/dist/components/dm-pro-table/index.js +14 -26
- package/dist/components/dm-query/index.js +11 -4
- package/dist/components/dm-search/index.js +5 -3
- package/dist/components/dm-table/index.js +5 -3
- package/dist/components/dm-toolbar/index.js +1 -3
- package/dist/components/dm-tree/index.js +3 -1
- package/dist/components/mentions/index.js +1 -7
- package/dist/components/popover/index.d.ts +1 -1
- package/dist/components/tour/index.js +4 -1
- package/dist/components/transfer/index.js +7 -6
- package/dist/components/typography/index.js +1 -7
- package/dist/generated/version.d.ts +1 -0
- package/dist/index.d.ts +0 -1
- package/dist/index.js +441 -440
- package/dist/infrastructure.d.ts +1 -1
- package/dist/infrastructure.js +5 -1
- package/dist/styles.css +5442 -0
- package/package.json +33 -12
- package/dist/classes/dm-pro-table-inner.d.ts +0 -1
- package/dist/components/dm-pro-table-inner/DmProTableInner.d.ts +0 -7
- package/dist/components/dm-pro-table-inner/DmProTableInner.types.d.ts +0 -5
- package/dist/components/dm-pro-table-inner/index.d.ts +0 -2
- package/dist/components/dm-pro-table-inner/index.js +0 -2620
package/dist/index.js
CHANGED
|
@@ -77,7 +77,11 @@ var ThemeInitScript = () => {
|
|
|
77
77
|
};
|
|
78
78
|
// src/infrastructure.ts
|
|
79
79
|
import { useCallback as useCallback2, useState as useState2 } from "react";
|
|
80
|
-
|
|
80
|
+
|
|
81
|
+
// src/generated/version.ts
|
|
82
|
+
var version = "0.2.1";
|
|
83
|
+
|
|
84
|
+
// src/infrastructure.ts
|
|
81
85
|
var theme = {
|
|
82
86
|
defaultSeed: {
|
|
83
87
|
colorPrimary: "#0065ff"
|
|
@@ -1089,7 +1093,16 @@ function CascaderMenus({
|
|
|
1089
1093
|
})
|
|
1090
1094
|
});
|
|
1091
1095
|
}
|
|
1092
|
-
var CascaderPanel = forwardRef3(({
|
|
1096
|
+
var CascaderPanel = forwardRef3(({
|
|
1097
|
+
className,
|
|
1098
|
+
options = [],
|
|
1099
|
+
fieldNames,
|
|
1100
|
+
value,
|
|
1101
|
+
defaultValue,
|
|
1102
|
+
onChange,
|
|
1103
|
+
onSelect,
|
|
1104
|
+
...props
|
|
1105
|
+
}, ref) => {
|
|
1093
1106
|
const names = useMemo4(() => normalizeFieldNames(fieldNames), [fieldNames]);
|
|
1094
1107
|
const [activeValue, setActiveValue] = useState5(normalizeSingleValue(value ?? defaultValue));
|
|
1095
1108
|
const [internalValue, setInternalValue] = useState5(defaultValue);
|
|
@@ -1680,9 +1693,9 @@ var alertColorClasses = {
|
|
|
1680
1693
|
error: "alert-error"
|
|
1681
1694
|
};
|
|
1682
1695
|
var alertAppearanceClasses = {
|
|
1683
|
-
filled: "",
|
|
1684
|
-
outline: "alert-
|
|
1685
|
-
tonal: "
|
|
1696
|
+
filled: "alert-filled",
|
|
1697
|
+
outline: "alert-outlined",
|
|
1698
|
+
tonal: ""
|
|
1686
1699
|
};
|
|
1687
1700
|
function getAlertClasses({
|
|
1688
1701
|
color = "info",
|
|
@@ -1998,14 +2011,10 @@ import {
|
|
|
1998
2011
|
var appClass = "app";
|
|
1999
2012
|
var appRootClass = "app-root";
|
|
2000
2013
|
var appHolderClass = "app-holder";
|
|
2001
|
-
function getAppClasses({
|
|
2002
|
-
className
|
|
2003
|
-
}) {
|
|
2014
|
+
function getAppClasses({ className }) {
|
|
2004
2015
|
return cn(appClass, className);
|
|
2005
2016
|
}
|
|
2006
|
-
function getAppRootClasses({
|
|
2007
|
-
className
|
|
2008
|
-
}) {
|
|
2017
|
+
function getAppRootClasses({ className }) {
|
|
2009
2018
|
return cn(appRootClass, className);
|
|
2010
2019
|
}
|
|
2011
2020
|
|
|
@@ -2834,23 +2843,14 @@ AppBase.displayName = "App";
|
|
|
2834
2843
|
var App = AppBase;
|
|
2835
2844
|
App.Context = AppContext;
|
|
2836
2845
|
App.useApp = () => useContext3(AppContext);
|
|
2837
|
-
function AppRoot({
|
|
2838
|
-
className,
|
|
2839
|
-
...props
|
|
2840
|
-
}) {
|
|
2846
|
+
function AppRoot({ className, ...props }) {
|
|
2841
2847
|
return /* @__PURE__ */ jsx16("div", {
|
|
2842
2848
|
...props,
|
|
2843
2849
|
className: getAppRootClasses({ className })
|
|
2844
2850
|
});
|
|
2845
2851
|
}
|
|
2846
2852
|
// src/components/auto-complete/AutoComplete.tsx
|
|
2847
|
-
import React13, {
|
|
2848
|
-
forwardRef as forwardRef10,
|
|
2849
|
-
useId,
|
|
2850
|
-
useMemo as useMemo8,
|
|
2851
|
-
useRef as useRef4,
|
|
2852
|
-
useState as useState10
|
|
2853
|
-
} from "react";
|
|
2853
|
+
import React13, { forwardRef as forwardRef10, useId, useMemo as useMemo8, useRef as useRef4, useState as useState10 } from "react";
|
|
2854
2854
|
|
|
2855
2855
|
// src/classes/auto-complete.ts
|
|
2856
2856
|
var autoCompleteBaseClass = "autocomplete";
|
|
@@ -2866,17 +2866,27 @@ var autoCompleteOptionFocusedClass = "autocomplete-option-focused";
|
|
|
2866
2866
|
var autoCompleteOptionDisabledClass = "autocomplete-option-disabled";
|
|
2867
2867
|
var autoCompleteClearClass = "autocomplete-clear";
|
|
2868
2868
|
var autoCompleteNoOptionsClass = "autocomplete-no-options";
|
|
2869
|
+
var autoCompleteColorClasses = {
|
|
2870
|
+
primary: "autocomplete-primary",
|
|
2871
|
+
secondary: "autocomplete-secondary",
|
|
2872
|
+
tertiary: "autocomplete-tertiary",
|
|
2873
|
+
info: "autocomplete-info",
|
|
2874
|
+
success: "autocomplete-success",
|
|
2875
|
+
warning: "autocomplete-warning",
|
|
2876
|
+
error: "autocomplete-error"
|
|
2877
|
+
};
|
|
2869
2878
|
var autoCompleteSizeClasses = {
|
|
2870
2879
|
sm: "autocomplete-sm",
|
|
2871
2880
|
md: "",
|
|
2872
2881
|
lg: "autocomplete-lg"
|
|
2873
2882
|
};
|
|
2874
2883
|
function getAutoCompleteClasses({
|
|
2884
|
+
color,
|
|
2875
2885
|
disabled,
|
|
2876
2886
|
open: open2,
|
|
2877
2887
|
className
|
|
2878
2888
|
}) {
|
|
2879
|
-
return cn(autoCompleteBaseClass, disabled && "autocomplete-disabled", open2 && "autocomplete-open", className);
|
|
2889
|
+
return cn(autoCompleteBaseClass, color && autoCompleteColorClasses[color], disabled && "autocomplete-disabled", open2 && "autocomplete-open", className);
|
|
2880
2890
|
}
|
|
2881
2891
|
function getAutoCompleteInputClasses({
|
|
2882
2892
|
size = "md",
|
|
@@ -2947,6 +2957,7 @@ var AutoCompleteRoot = forwardRef10(({
|
|
|
2947
2957
|
allowClear,
|
|
2948
2958
|
children,
|
|
2949
2959
|
className,
|
|
2960
|
+
color,
|
|
2950
2961
|
defaultOpen,
|
|
2951
2962
|
defaultValue = "",
|
|
2952
2963
|
disabled,
|
|
@@ -3084,6 +3095,7 @@ var AutoCompleteRoot = forwardRef10(({
|
|
|
3084
3095
|
...props,
|
|
3085
3096
|
ref,
|
|
3086
3097
|
className: getAutoCompleteClasses({
|
|
3098
|
+
color,
|
|
3087
3099
|
disabled,
|
|
3088
3100
|
open: isOpen,
|
|
3089
3101
|
className
|
|
@@ -3290,11 +3302,10 @@ import {
|
|
|
3290
3302
|
} from "react";
|
|
3291
3303
|
|
|
3292
3304
|
// src/classes/checkbox.ts
|
|
3293
|
-
var checkboxBaseClass = "checkbox";
|
|
3305
|
+
var checkboxBaseClass = "checkbox-wrapper";
|
|
3306
|
+
var checkboxInputBaseClass = "checkbox";
|
|
3294
3307
|
var checkboxInputClass = "checkbox-input";
|
|
3295
|
-
var
|
|
3296
|
-
var checkboxCheckmarkClass = "checkbox-checkmark";
|
|
3297
|
-
var checkboxLabelBaseClass = "checkbox-label";
|
|
3308
|
+
var checkboxLabelBaseClass = "checkbox-text";
|
|
3298
3309
|
var checkboxColorClasses = {
|
|
3299
3310
|
primary: "checkbox-primary",
|
|
3300
3311
|
secondary: "checkbox-secondary",
|
|
@@ -3312,17 +3323,17 @@ var checkboxLabelPositionClasses = {
|
|
|
3312
3323
|
var checkboxErrorClass = "checkbox-error";
|
|
3313
3324
|
var checkboxLoadingClass = "checkbox-loading";
|
|
3314
3325
|
function getCheckboxClasses({
|
|
3315
|
-
size = "md",
|
|
3316
|
-
error,
|
|
3317
3326
|
loading,
|
|
3318
3327
|
className
|
|
3319
3328
|
}) {
|
|
3320
|
-
return cn(
|
|
3329
|
+
return cn("checkbox-label", checkboxBaseClass, loading && checkboxLoadingClass, className);
|
|
3321
3330
|
}
|
|
3322
|
-
function
|
|
3323
|
-
color = "primary"
|
|
3331
|
+
function getCheckboxInputClasses({
|
|
3332
|
+
color = "primary",
|
|
3333
|
+
size = "md",
|
|
3334
|
+
error
|
|
3324
3335
|
}) {
|
|
3325
|
-
return cn(
|
|
3336
|
+
return cn(checkboxInputBaseClass, checkboxInputClass, checkboxColorClasses[color], checkboxSizeClasses[size], error && checkboxErrorClass);
|
|
3326
3337
|
}
|
|
3327
3338
|
function getCheckboxLabelClasses({
|
|
3328
3339
|
labelPosition = "right"
|
|
@@ -3355,8 +3366,6 @@ var Checkbox = forwardRef13(({
|
|
|
3355
3366
|
const isDisabled = disabled || loading;
|
|
3356
3367
|
return /* @__PURE__ */ jsxs12("label", {
|
|
3357
3368
|
className: getCheckboxClasses({
|
|
3358
|
-
size,
|
|
3359
|
-
error,
|
|
3360
3369
|
loading,
|
|
3361
3370
|
className
|
|
3362
3371
|
}),
|
|
@@ -3365,18 +3374,10 @@ var Checkbox = forwardRef13(({
|
|
|
3365
3374
|
...props,
|
|
3366
3375
|
ref: inputRef,
|
|
3367
3376
|
type: "checkbox",
|
|
3368
|
-
className:
|
|
3377
|
+
className: getCheckboxInputClasses({ color, size, error }),
|
|
3369
3378
|
disabled: isDisabled,
|
|
3370
3379
|
"aria-checked": indeterminate ? "mixed" : ariaChecked
|
|
3371
3380
|
}),
|
|
3372
|
-
/* @__PURE__ */ jsx20("span", {
|
|
3373
|
-
className: getCheckboxBoxClasses({ color }),
|
|
3374
|
-
"aria-hidden": "true",
|
|
3375
|
-
children: /* @__PURE__ */ jsx20("span", {
|
|
3376
|
-
className: checkboxCheckmarkClass,
|
|
3377
|
-
children: indeterminate ? "-" : "✓"
|
|
3378
|
-
})
|
|
3379
|
-
}),
|
|
3380
3381
|
children ? /* @__PURE__ */ jsx20("span", {
|
|
3381
3382
|
className: getCheckboxLabelClasses({ labelPosition }),
|
|
3382
3383
|
children
|
|
@@ -3565,7 +3566,9 @@ var Collapse = forwardRef15(({
|
|
|
3565
3566
|
open2 ? /* @__PURE__ */ jsx22("div", {
|
|
3566
3567
|
id: contentId,
|
|
3567
3568
|
className: collapseContentClass,
|
|
3568
|
-
children:
|
|
3569
|
+
children: /* @__PURE__ */ jsx22("div", {
|
|
3570
|
+
children: item.children
|
|
3571
|
+
})
|
|
3569
3572
|
}) : null
|
|
3570
3573
|
]
|
|
3571
3574
|
}, itemKey);
|
|
@@ -3676,8 +3679,9 @@ import { forwardRef as forwardRef17, useState as useState14 } from "react";
|
|
|
3676
3679
|
var colorPickerBaseClass = "color-picker";
|
|
3677
3680
|
var colorPickerSwatchClass = "color-picker-swatch";
|
|
3678
3681
|
var colorPickerTextClass = "color-picker-text";
|
|
3679
|
-
var colorPickerPanelClass = "color-picker-panel popover popover-show";
|
|
3682
|
+
var colorPickerPanelClass = "color-picker-panel popover popover-bottom popover-show";
|
|
3680
3683
|
var colorPickerInputClass = "color-picker-input input";
|
|
3684
|
+
var colorPickerFormatSelectClass = "color-picker-format-select select select-sm";
|
|
3681
3685
|
var colorPickerPresetsClass = "color-picker-presets";
|
|
3682
3686
|
var colorPickerPresetClass = "color-picker-preset";
|
|
3683
3687
|
var colorPickerPresetLabelClass = "color-picker-preset-label";
|
|
@@ -3851,7 +3855,9 @@ var ColorPicker = forwardRef17(({
|
|
|
3851
3855
|
type: "button",
|
|
3852
3856
|
"aria-label": `Select color ${presetCss}`,
|
|
3853
3857
|
className: colorPickerSwatchClass,
|
|
3854
|
-
style: {
|
|
3858
|
+
style: {
|
|
3859
|
+
backgroundColor: colorToCss(presetColor, "hex")
|
|
3860
|
+
},
|
|
3855
3861
|
onClick: () => emitChange(presetColor)
|
|
3856
3862
|
}, `${presetIndex}-${colorIndex}`);
|
|
3857
3863
|
})
|
|
@@ -3897,6 +3903,7 @@ var ColorPicker = forwardRef17(({
|
|
|
3897
3903
|
children: typeof showText === "function" ? showText(cssValue) : cssValue
|
|
3898
3904
|
}) : null,
|
|
3899
3905
|
/* @__PURE__ */ jsxs14("select", {
|
|
3906
|
+
className: colorPickerFormatSelectClass,
|
|
3900
3907
|
"aria-label": "Color format",
|
|
3901
3908
|
value: format,
|
|
3902
3909
|
disabled,
|
|
@@ -4092,8 +4099,7 @@ var DatePickerRoot = forwardRef18(({
|
|
|
4092
4099
|
}) : null,
|
|
4093
4100
|
/* @__PURE__ */ jsx25("span", {
|
|
4094
4101
|
className: datePickerIconClass,
|
|
4095
|
-
"aria-hidden": "true"
|
|
4096
|
-
children: "calendar"
|
|
4102
|
+
"aria-hidden": "true"
|
|
4097
4103
|
}),
|
|
4098
4104
|
(presetItems.length > 0 || showNow) && visible ? /* @__PURE__ */ jsxs15("div", {
|
|
4099
4105
|
className: getDatePickerDropdownClasses({ open: visible }),
|
|
@@ -4282,7 +4288,16 @@ function toItems(items, children) {
|
|
|
4282
4288
|
};
|
|
4283
4289
|
});
|
|
4284
4290
|
}
|
|
4285
|
-
var DescriptionsItem = forwardRef19(({
|
|
4291
|
+
var DescriptionsItem = forwardRef19(({
|
|
4292
|
+
children,
|
|
4293
|
+
label,
|
|
4294
|
+
span,
|
|
4295
|
+
labelStyle,
|
|
4296
|
+
contentStyle,
|
|
4297
|
+
className,
|
|
4298
|
+
style,
|
|
4299
|
+
...props
|
|
4300
|
+
}, ref) => /* @__PURE__ */ jsxs16("div", {
|
|
4286
4301
|
...props,
|
|
4287
4302
|
ref,
|
|
4288
4303
|
className: cn(descriptionsItemClass, className),
|
|
@@ -4806,9 +4821,7 @@ import { forwardRef as forwardRef24 } from "react";
|
|
|
4806
4821
|
// src/classes/dm-drawer.ts
|
|
4807
4822
|
var dmDrawerBaseClass = "dm-drawer";
|
|
4808
4823
|
var dmDrawerFooterActionClass = "dm-drawer-footer-action";
|
|
4809
|
-
function getDmDrawerClasses({
|
|
4810
|
-
className
|
|
4811
|
-
}) {
|
|
4824
|
+
function getDmDrawerClasses({ className }) {
|
|
4812
4825
|
return cn(dmDrawerBaseClass, className);
|
|
4813
4826
|
}
|
|
4814
4827
|
function getDmDrawerFooterClasses({
|
|
@@ -5897,9 +5910,7 @@ var dmToolbarItemClass = "dm-toolbar-item";
|
|
|
5897
5910
|
var dmToolbarPrimaryItemClass = "dm-toolbar-primary-item";
|
|
5898
5911
|
var dmToolbarSecondaryItemClass = "dm-toolbar-secondary-item";
|
|
5899
5912
|
var dmToolbarMoreClass = "dm-toolbar-more";
|
|
5900
|
-
function getDmToolbarClasses({
|
|
5901
|
-
className
|
|
5902
|
-
}) {
|
|
5913
|
+
function getDmToolbarClasses({ className }) {
|
|
5903
5914
|
return cn(dmToolbarBaseClass, className);
|
|
5904
5915
|
}
|
|
5905
5916
|
function getDmToolbarItemClasses({
|
|
@@ -6784,6 +6795,9 @@ function getDmProTableClasses({ className }) {
|
|
|
6784
6795
|
return cn(dmProTableBaseClass, className);
|
|
6785
6796
|
}
|
|
6786
6797
|
|
|
6798
|
+
// src/components/dm-table/DmTable.tsx
|
|
6799
|
+
import { useMemo as useMemo21, useState as useState29 } from "react";
|
|
6800
|
+
|
|
6787
6801
|
// src/classes/dm-table.ts
|
|
6788
6802
|
var dmTableBaseClass = "dm-table";
|
|
6789
6803
|
var dmTableSearchClass = "dm-table-search";
|
|
@@ -6798,8 +6812,6 @@ var dmTablePaginationClass = "dm-table-pagination";
|
|
|
6798
6812
|
function getDmTableClasses({ className }) {
|
|
6799
6813
|
return cn(dmTableBaseClass, className);
|
|
6800
6814
|
}
|
|
6801
|
-
// src/components/dm-table/DmTable.tsx
|
|
6802
|
-
import { useMemo as useMemo21, useState as useState29 } from "react";
|
|
6803
6815
|
|
|
6804
6816
|
// src/components/dm-search/DmSearch.tsx
|
|
6805
6817
|
import {
|
|
@@ -7614,7 +7626,10 @@ var DmSearch = forwardRef36(({
|
|
|
7614
7626
|
value: values[item.dataIndex],
|
|
7615
7627
|
loading,
|
|
7616
7628
|
enableDefaultPlaceHolder,
|
|
7617
|
-
setValue: (value) => setValues((current) => ({
|
|
7629
|
+
setValue: (value) => setValues((current) => ({
|
|
7630
|
+
...current,
|
|
7631
|
+
[item.dataIndex]: value
|
|
7632
|
+
}))
|
|
7618
7633
|
})
|
|
7619
7634
|
]
|
|
7620
7635
|
}, item.key))
|
|
@@ -8493,22 +8508,8 @@ function DmTable({
|
|
|
8493
8508
|
});
|
|
8494
8509
|
}
|
|
8495
8510
|
DmTable.displayName = "DmTable";
|
|
8496
|
-
// src/components/dm-pro-table-inner/DmProTableInner.tsx
|
|
8497
|
-
import { jsx as jsx49 } from "react/jsx-runtime";
|
|
8498
|
-
function DmProTableInner({
|
|
8499
|
-
rowData,
|
|
8500
|
-
className,
|
|
8501
|
-
...props
|
|
8502
|
-
}) {
|
|
8503
|
-
return /* @__PURE__ */ jsx49(DmTable, {
|
|
8504
|
-
...props,
|
|
8505
|
-
className: getDmTableClasses({ className }),
|
|
8506
|
-
dataSource: rowData
|
|
8507
|
-
});
|
|
8508
|
-
}
|
|
8509
|
-
DmProTableInner.displayName = "DmProTableInner";
|
|
8510
8511
|
// src/components/dm-pro-table/DmProTable.tsx
|
|
8511
|
-
import { jsx as
|
|
8512
|
+
import { jsx as jsx49, jsxs as jsxs35 } from "react/jsx-runtime";
|
|
8512
8513
|
function renderToolbar(toolBarRender) {
|
|
8513
8514
|
if (typeof toolBarRender === "function")
|
|
8514
8515
|
return toolBarRender();
|
|
@@ -8521,6 +8522,7 @@ function DmProTable({
|
|
|
8521
8522
|
showTitleBar = true,
|
|
8522
8523
|
columnSettingVisible,
|
|
8523
8524
|
className,
|
|
8525
|
+
rowData,
|
|
8524
8526
|
...props
|
|
8525
8527
|
}) {
|
|
8526
8528
|
return /* @__PURE__ */ jsxs35("div", {
|
|
@@ -8529,17 +8531,17 @@ function DmProTable({
|
|
|
8529
8531
|
showTitleBar ? /* @__PURE__ */ jsxs35("div", {
|
|
8530
8532
|
className: dmProTableHeaderClass,
|
|
8531
8533
|
children: [
|
|
8532
|
-
/* @__PURE__ */
|
|
8534
|
+
/* @__PURE__ */ jsx49("div", {
|
|
8533
8535
|
className: dmProTableTitleClass,
|
|
8534
8536
|
children: headerTitle
|
|
8535
8537
|
}),
|
|
8536
8538
|
/* @__PURE__ */ jsxs35("div", {
|
|
8537
8539
|
className: dmProTableToolbarClass,
|
|
8538
8540
|
children: [
|
|
8539
|
-
toolbarItems?.length ? /* @__PURE__ */
|
|
8541
|
+
toolbarItems?.length ? /* @__PURE__ */ jsx49(DmToolbar, {
|
|
8540
8542
|
items: toolbarItems
|
|
8541
8543
|
}) : renderToolbar(toolBarRender),
|
|
8542
|
-
columnSettingVisible ? /* @__PURE__ */
|
|
8544
|
+
columnSettingVisible ? /* @__PURE__ */ jsx49(Button, {
|
|
8543
8545
|
type: "button",
|
|
8544
8546
|
color: "secondary",
|
|
8545
8547
|
appearance: "outline",
|
|
@@ -8550,9 +8552,10 @@ function DmProTable({
|
|
|
8550
8552
|
})
|
|
8551
8553
|
]
|
|
8552
8554
|
}) : null,
|
|
8553
|
-
/* @__PURE__ */
|
|
8555
|
+
/* @__PURE__ */ jsx49(DmTable, {
|
|
8554
8556
|
...props,
|
|
8555
|
-
columnSettingVisible: showTitleBar ? false : columnSettingVisible
|
|
8557
|
+
columnSettingVisible: showTitleBar ? false : columnSettingVisible,
|
|
8558
|
+
dataSource: rowData
|
|
8556
8559
|
})
|
|
8557
8560
|
]
|
|
8558
8561
|
});
|
|
@@ -8568,7 +8571,7 @@ function getDmProviderClasses({ className }) {
|
|
|
8568
8571
|
}
|
|
8569
8572
|
|
|
8570
8573
|
// src/components/dm-provider/DmProvider.tsx
|
|
8571
|
-
import { jsx as
|
|
8574
|
+
import { jsx as jsx50 } from "react/jsx-runtime";
|
|
8572
8575
|
var DmProvider = forwardRef38(({
|
|
8573
8576
|
children,
|
|
8574
8577
|
className,
|
|
@@ -8596,7 +8599,7 @@ var DmProvider = forwardRef38(({
|
|
|
8596
8599
|
setDmPrimaryColor(colorPrimary);
|
|
8597
8600
|
}
|
|
8598
8601
|
}, [theme2]);
|
|
8599
|
-
return /* @__PURE__ */
|
|
8602
|
+
return /* @__PURE__ */ jsx50(ConfigProvider, {
|
|
8600
8603
|
...props,
|
|
8601
8604
|
ref,
|
|
8602
8605
|
component,
|
|
@@ -8610,8 +8613,13 @@ var DmProvider = forwardRef38(({
|
|
|
8610
8613
|
});
|
|
8611
8614
|
DmProvider.displayName = "DmProvider";
|
|
8612
8615
|
// src/components/dm-query/DmQuery.tsx
|
|
8613
|
-
import {
|
|
8614
|
-
|
|
8616
|
+
import {
|
|
8617
|
+
forwardRef as forwardRef39,
|
|
8618
|
+
useImperativeHandle as useImperativeHandle5,
|
|
8619
|
+
useRef as useRef10,
|
|
8620
|
+
useState as useState31
|
|
8621
|
+
} from "react";
|
|
8622
|
+
import { jsx as jsx51, jsxs as jsxs36, Fragment as Fragment7 } from "react/jsx-runtime";
|
|
8615
8623
|
function toSearchItem(item) {
|
|
8616
8624
|
return {
|
|
8617
8625
|
key: item.key,
|
|
@@ -8641,7 +8649,7 @@ var DmQuery = forwardRef39(({
|
|
|
8641
8649
|
setSelectedItem(data.find((item) => item.name === value || item.key === value));
|
|
8642
8650
|
}
|
|
8643
8651
|
}));
|
|
8644
|
-
return /* @__PURE__ */
|
|
8652
|
+
return /* @__PURE__ */ jsx51(DmSearch, {
|
|
8645
8653
|
...props,
|
|
8646
8654
|
ref: searchRef,
|
|
8647
8655
|
defaultCollapsed: collapsed,
|
|
@@ -8651,7 +8659,7 @@ var DmQuery = forwardRef39(({
|
|
|
8651
8659
|
extra: /* @__PURE__ */ jsxs36(Fragment7, {
|
|
8652
8660
|
children: [
|
|
8653
8661
|
props.extra,
|
|
8654
|
-
/* @__PURE__ */
|
|
8662
|
+
/* @__PURE__ */ jsx51("button", {
|
|
8655
8663
|
type: "button",
|
|
8656
8664
|
hidden: true,
|
|
8657
8665
|
onClick: () => {
|
|
@@ -8728,7 +8736,7 @@ function getSplitterHandleClasses({
|
|
|
8728
8736
|
}
|
|
8729
8737
|
|
|
8730
8738
|
// src/components/splitter/Splitter.tsx
|
|
8731
|
-
import { jsx as
|
|
8739
|
+
import { jsx as jsx52, jsxs as jsxs37 } from "react/jsx-runtime";
|
|
8732
8740
|
function toCssSize(size) {
|
|
8733
8741
|
if (typeof size === "number")
|
|
8734
8742
|
return `${size}px`;
|
|
@@ -8770,7 +8778,7 @@ var SplitterPanel = forwardRef40((props, ref) => {
|
|
|
8770
8778
|
delete domProps.resizable;
|
|
8771
8779
|
delete domProps.size;
|
|
8772
8780
|
delete domProps.style;
|
|
8773
|
-
return /* @__PURE__ */
|
|
8781
|
+
return /* @__PURE__ */ jsx52("div", {
|
|
8774
8782
|
...domProps,
|
|
8775
8783
|
ref,
|
|
8776
8784
|
className: getSplitterPanelClasses({
|
|
@@ -8826,7 +8834,7 @@ var SplitterRoot = forwardRef40(({
|
|
|
8826
8834
|
setCollapsedIndexes(nextCollapsedIndexes);
|
|
8827
8835
|
panel.props.onCollapse?.(nextCollapsed);
|
|
8828
8836
|
}
|
|
8829
|
-
return /* @__PURE__ */
|
|
8837
|
+
return /* @__PURE__ */ jsx52("div", {
|
|
8830
8838
|
...props,
|
|
8831
8839
|
ref,
|
|
8832
8840
|
className: getSplitterClasses({ layout, className }),
|
|
@@ -8858,21 +8866,21 @@ var SplitterRoot = forwardRef40(({
|
|
|
8858
8866
|
disabled: handleDisabled
|
|
8859
8867
|
}),
|
|
8860
8868
|
children: [
|
|
8861
|
-
/* @__PURE__ */
|
|
8869
|
+
/* @__PURE__ */ jsx52("button", {
|
|
8862
8870
|
type: "button",
|
|
8863
8871
|
"aria-label": "Resize previous panel smaller",
|
|
8864
8872
|
disabled: handleDisabled,
|
|
8865
8873
|
onClick: () => resizeAt(index, -1),
|
|
8866
8874
|
children: "-"
|
|
8867
8875
|
}),
|
|
8868
|
-
/* @__PURE__ */
|
|
8876
|
+
/* @__PURE__ */ jsx52("button", {
|
|
8869
8877
|
type: "button",
|
|
8870
8878
|
"aria-label": "Resize previous panel larger",
|
|
8871
8879
|
disabled: handleDisabled,
|
|
8872
8880
|
onClick: () => resizeAt(index, 1),
|
|
8873
8881
|
children: "+"
|
|
8874
8882
|
}),
|
|
8875
|
-
panel.props.collapsible ? /* @__PURE__ */
|
|
8883
|
+
panel.props.collapsible ? /* @__PURE__ */ jsx52("button", {
|
|
8876
8884
|
type: "button",
|
|
8877
8885
|
"aria-label": collapsed ? "Expand panel" : "Collapse panel",
|
|
8878
8886
|
onClick: () => toggleCollapse(index),
|
|
@@ -8889,7 +8897,7 @@ SplitterRoot.displayName = "Splitter";
|
|
|
8889
8897
|
SplitterRoot.Panel = SplitterPanel;
|
|
8890
8898
|
var Splitter = SplitterRoot;
|
|
8891
8899
|
// src/components/dm-splitter/DmSplitter.tsx
|
|
8892
|
-
import { jsx as
|
|
8900
|
+
import { jsx as jsx53, jsxs as jsxs38 } from "react/jsx-runtime";
|
|
8893
8901
|
function storageAvailable() {
|
|
8894
8902
|
return typeof window !== "undefined" && Boolean(window.localStorage);
|
|
8895
8903
|
}
|
|
@@ -9018,13 +9026,13 @@ var DmSplitterRoot = forwardRef41(({
|
|
|
9018
9026
|
}),
|
|
9019
9027
|
style: wrapperStyle,
|
|
9020
9028
|
children: [
|
|
9021
|
-
shouldRenderReset ? /* @__PURE__ */
|
|
9029
|
+
shouldRenderReset ? /* @__PURE__ */ jsx53("button", {
|
|
9022
9030
|
type: "button",
|
|
9023
9031
|
className: dmSplitterResetClass,
|
|
9024
9032
|
onClick: handleReset,
|
|
9025
9033
|
children: resetLabel
|
|
9026
9034
|
}) : null,
|
|
9027
|
-
/* @__PURE__ */
|
|
9035
|
+
/* @__PURE__ */ jsx53(Splitter, {
|
|
9028
9036
|
...props,
|
|
9029
9037
|
ref,
|
|
9030
9038
|
layout,
|
|
@@ -9074,7 +9082,7 @@ function getEmptyClasses({ className }) {
|
|
|
9074
9082
|
}
|
|
9075
9083
|
|
|
9076
9084
|
// src/components/empty/Empty.tsx
|
|
9077
|
-
import { jsx as
|
|
9085
|
+
import { jsx as jsx54, jsxs as jsxs39 } from "react/jsx-runtime";
|
|
9078
9086
|
var defaultImage = /* @__PURE__ */ jsxs39("svg", {
|
|
9079
9087
|
"aria-hidden": "true",
|
|
9080
9088
|
focusable: "false",
|
|
@@ -9082,7 +9090,7 @@ var defaultImage = /* @__PURE__ */ jsxs39("svg", {
|
|
|
9082
9090
|
width: "64",
|
|
9083
9091
|
height: "48",
|
|
9084
9092
|
children: [
|
|
9085
|
-
/* @__PURE__ */
|
|
9093
|
+
/* @__PURE__ */ jsx54("rect", {
|
|
9086
9094
|
x: "8",
|
|
9087
9095
|
y: "12",
|
|
9088
9096
|
width: "48",
|
|
@@ -9091,7 +9099,7 @@ var defaultImage = /* @__PURE__ */ jsxs39("svg", {
|
|
|
9091
9099
|
fill: "currentColor",
|
|
9092
9100
|
opacity: "0.16"
|
|
9093
9101
|
}),
|
|
9094
|
-
/* @__PURE__ */
|
|
9102
|
+
/* @__PURE__ */ jsx54("path", {
|
|
9095
9103
|
d: "M16 20h32M16 28h20",
|
|
9096
9104
|
stroke: "currentColor",
|
|
9097
9105
|
strokeWidth: "3",
|
|
@@ -9100,13 +9108,13 @@ var defaultImage = /* @__PURE__ */ jsxs39("svg", {
|
|
|
9100
9108
|
})
|
|
9101
9109
|
]
|
|
9102
9110
|
});
|
|
9103
|
-
var simpleImage = /* @__PURE__ */
|
|
9111
|
+
var simpleImage = /* @__PURE__ */ jsx54("svg", {
|
|
9104
9112
|
"aria-hidden": "true",
|
|
9105
9113
|
focusable: "false",
|
|
9106
9114
|
viewBox: "0 0 48 36",
|
|
9107
9115
|
width: "48",
|
|
9108
9116
|
height: "36",
|
|
9109
|
-
children: /* @__PURE__ */
|
|
9117
|
+
children: /* @__PURE__ */ jsx54("rect", {
|
|
9110
9118
|
x: "6",
|
|
9111
9119
|
y: "10",
|
|
9112
9120
|
width: "36",
|
|
@@ -9128,16 +9136,16 @@ var EmptyBase = forwardRef42(({
|
|
|
9128
9136
|
className: getEmptyClasses({ className }),
|
|
9129
9137
|
...props,
|
|
9130
9138
|
children: [
|
|
9131
|
-
image !== null && image !== false ? /* @__PURE__ */
|
|
9139
|
+
image !== null && image !== false ? /* @__PURE__ */ jsx54("div", {
|
|
9132
9140
|
className: emptyImageClass,
|
|
9133
9141
|
style: imageStyle,
|
|
9134
9142
|
children: image
|
|
9135
9143
|
}) : null,
|
|
9136
|
-
description !== false ? /* @__PURE__ */
|
|
9144
|
+
description !== false ? /* @__PURE__ */ jsx54("div", {
|
|
9137
9145
|
className: emptyDescriptionClass,
|
|
9138
9146
|
children: description
|
|
9139
9147
|
}) : null,
|
|
9140
|
-
children ? /* @__PURE__ */
|
|
9148
|
+
children ? /* @__PURE__ */ jsx54("div", {
|
|
9141
9149
|
className: emptyFooterClass,
|
|
9142
9150
|
children
|
|
9143
9151
|
}) : null
|
|
@@ -9174,7 +9182,7 @@ function getSpinClasses({
|
|
|
9174
9182
|
}
|
|
9175
9183
|
|
|
9176
9184
|
// src/components/spin/Spin.tsx
|
|
9177
|
-
import { jsx as
|
|
9185
|
+
import { jsx as jsx55, jsxs as jsxs40 } from "react/jsx-runtime";
|
|
9178
9186
|
var defaultIndicator;
|
|
9179
9187
|
function setDefaultIndicator(indicator) {
|
|
9180
9188
|
defaultIndicator = indicator;
|
|
@@ -9229,10 +9237,10 @@ var SpinBase = forwardRef43(({
|
|
|
9229
9237
|
}),
|
|
9230
9238
|
...props,
|
|
9231
9239
|
children: [
|
|
9232
|
-
finalIndicator ?? /* @__PURE__ */
|
|
9240
|
+
finalIndicator ?? /* @__PURE__ */ jsx55("span", {
|
|
9233
9241
|
className: spinDotClass
|
|
9234
9242
|
}),
|
|
9235
|
-
tip ? /* @__PURE__ */
|
|
9243
|
+
tip ? /* @__PURE__ */ jsx55("div", {
|
|
9236
9244
|
className: spinTipClass,
|
|
9237
9245
|
children: tip
|
|
9238
9246
|
}) : null
|
|
@@ -9245,7 +9253,7 @@ var SpinBase = forwardRef43(({
|
|
|
9245
9253
|
className: cn(spinNestedLoadingClass, wrapperClassName),
|
|
9246
9254
|
children: [
|
|
9247
9255
|
active ? spin : null,
|
|
9248
|
-
/* @__PURE__ */
|
|
9256
|
+
/* @__PURE__ */ jsx55("div", {
|
|
9249
9257
|
className: cn(spinContainerClass, active && spinBlurClass),
|
|
9250
9258
|
children
|
|
9251
9259
|
})
|
|
@@ -9256,7 +9264,7 @@ SpinBase.displayName = "Spin";
|
|
|
9256
9264
|
var Spin = SpinBase;
|
|
9257
9265
|
Spin.setDefaultIndicator = setDefaultIndicator;
|
|
9258
9266
|
// src/components/dm-status/DmStatus.tsx
|
|
9259
|
-
import { jsx as
|
|
9267
|
+
import { jsx as jsx56, jsxs as jsxs41, Fragment as Fragment8 } from "react/jsx-runtime";
|
|
9260
9268
|
var defaultDescriptions = {
|
|
9261
9269
|
empty: "No data",
|
|
9262
9270
|
error: "Loading failed"
|
|
@@ -9268,7 +9276,7 @@ var emptyImage = /* @__PURE__ */ jsxs41("svg", {
|
|
|
9268
9276
|
width: "96",
|
|
9269
9277
|
height: "72",
|
|
9270
9278
|
children: [
|
|
9271
|
-
/* @__PURE__ */
|
|
9279
|
+
/* @__PURE__ */ jsx56("rect", {
|
|
9272
9280
|
x: "14",
|
|
9273
9281
|
y: "18",
|
|
9274
9282
|
width: "68",
|
|
@@ -9277,7 +9285,7 @@ var emptyImage = /* @__PURE__ */ jsxs41("svg", {
|
|
|
9277
9285
|
fill: "currentColor",
|
|
9278
9286
|
opacity: "0.12"
|
|
9279
9287
|
}),
|
|
9280
|
-
/* @__PURE__ */
|
|
9288
|
+
/* @__PURE__ */ jsx56("path", {
|
|
9281
9289
|
d: "M28 31h40M28 42h24",
|
|
9282
9290
|
stroke: "currentColor",
|
|
9283
9291
|
strokeWidth: "4",
|
|
@@ -9293,14 +9301,14 @@ var errorImage = /* @__PURE__ */ jsxs41("svg", {
|
|
|
9293
9301
|
width: "96",
|
|
9294
9302
|
height: "72",
|
|
9295
9303
|
children: [
|
|
9296
|
-
/* @__PURE__ */
|
|
9304
|
+
/* @__PURE__ */ jsx56("circle", {
|
|
9297
9305
|
cx: "48",
|
|
9298
9306
|
cy: "36",
|
|
9299
9307
|
r: "25",
|
|
9300
9308
|
fill: "currentColor",
|
|
9301
9309
|
opacity: "0.12"
|
|
9302
9310
|
}),
|
|
9303
|
-
/* @__PURE__ */
|
|
9311
|
+
/* @__PURE__ */ jsx56("path", {
|
|
9304
9312
|
d: "M39 27l18 18M57 27L39 45",
|
|
9305
9313
|
stroke: "currentColor",
|
|
9306
9314
|
strokeWidth: "5",
|
|
@@ -9319,7 +9327,7 @@ function normalizeImage(image, imageStyle) {
|
|
|
9319
9327
|
if (typeof image !== "string") {
|
|
9320
9328
|
return image;
|
|
9321
9329
|
}
|
|
9322
|
-
return /* @__PURE__ */
|
|
9330
|
+
return /* @__PURE__ */ jsx56("img", {
|
|
9323
9331
|
src: image,
|
|
9324
9332
|
alt: "",
|
|
9325
9333
|
className: dmStatusImageClass,
|
|
@@ -9339,7 +9347,7 @@ var DmStatus = forwardRef44(({
|
|
|
9339
9347
|
...props
|
|
9340
9348
|
}, ref) => {
|
|
9341
9349
|
if (status === "success") {
|
|
9342
|
-
return /* @__PURE__ */
|
|
9350
|
+
return /* @__PURE__ */ jsx56(Fragment8, {
|
|
9343
9351
|
children
|
|
9344
9352
|
});
|
|
9345
9353
|
}
|
|
@@ -9348,12 +9356,12 @@ var DmStatus = forwardRef44(({
|
|
|
9348
9356
|
...style
|
|
9349
9357
|
};
|
|
9350
9358
|
if (status === "loading") {
|
|
9351
|
-
return /* @__PURE__ */
|
|
9359
|
+
return /* @__PURE__ */ jsx56("div", {
|
|
9352
9360
|
ref,
|
|
9353
9361
|
className: getDmStatusClasses({ status, className }),
|
|
9354
9362
|
style: mergedStyle,
|
|
9355
9363
|
...props,
|
|
9356
|
-
children: /* @__PURE__ */
|
|
9364
|
+
children: /* @__PURE__ */ jsx56(Spin, {
|
|
9357
9365
|
...loadingProps,
|
|
9358
9366
|
wrapperClassName: dmStatusLoadingClass,
|
|
9359
9367
|
children
|
|
@@ -9362,14 +9370,14 @@ var DmStatus = forwardRef44(({
|
|
|
9362
9370
|
}
|
|
9363
9371
|
const finalImage = normalizeImage(image ?? (status === "error" ? errorImage : emptyImage), imageStyle);
|
|
9364
9372
|
const finalDescription = description ?? defaultDescriptions[status === "error" ? "error" : "empty"];
|
|
9365
|
-
return /* @__PURE__ */
|
|
9373
|
+
return /* @__PURE__ */ jsx56("div", {
|
|
9366
9374
|
ref,
|
|
9367
9375
|
className: getDmStatusClasses({ status, className }),
|
|
9368
9376
|
style: mergedStyle,
|
|
9369
9377
|
...props,
|
|
9370
|
-
children: /* @__PURE__ */
|
|
9378
|
+
children: /* @__PURE__ */ jsx56("div", {
|
|
9371
9379
|
className: dmStatusContentClass,
|
|
9372
|
-
children: /* @__PURE__ */
|
|
9380
|
+
children: /* @__PURE__ */ jsx56(Empty, {
|
|
9373
9381
|
image: finalImage,
|
|
9374
9382
|
imageStyle: typeof image === "string" ? undefined : imageStyle,
|
|
9375
9383
|
description: finalDescription,
|
|
@@ -9477,7 +9485,7 @@ function getTabPanelClasses({
|
|
|
9477
9485
|
}
|
|
9478
9486
|
|
|
9479
9487
|
// src/components/tabs/Tabs.tsx
|
|
9480
|
-
import { jsx as
|
|
9488
|
+
import { jsx as jsx57, jsxs as jsxs42, Fragment as Fragment10 } from "react/jsx-runtime";
|
|
9481
9489
|
function stringifyKey(key, index) {
|
|
9482
9490
|
return key == null ? String(index) : String(key);
|
|
9483
9491
|
}
|
|
@@ -9521,7 +9529,7 @@ function getTabLabel(item) {
|
|
|
9521
9529
|
const label = item.label ?? item.key;
|
|
9522
9530
|
return /* @__PURE__ */ jsxs42(Fragment10, {
|
|
9523
9531
|
children: [
|
|
9524
|
-
item.icon ? /* @__PURE__ */
|
|
9532
|
+
item.icon ? /* @__PURE__ */ jsx57("span", {
|
|
9525
9533
|
className: tabIconClass,
|
|
9526
9534
|
children: item.icon
|
|
9527
9535
|
}) : null,
|
|
@@ -9538,7 +9546,7 @@ function shouldRenderPanel({
|
|
|
9538
9546
|
return true;
|
|
9539
9547
|
return !(item.destroyInactiveTabPane ?? destroyInactiveTabPane);
|
|
9540
9548
|
}
|
|
9541
|
-
var TabPane = (props) => /* @__PURE__ */
|
|
9549
|
+
var TabPane = (props) => /* @__PURE__ */ jsx57(Fragment10, {
|
|
9542
9550
|
children: props.children
|
|
9543
9551
|
});
|
|
9544
9552
|
TabPane.displayName = "Tabs.TabPane";
|
|
@@ -9634,7 +9642,7 @@ var TabsBase = forwardRef45(({
|
|
|
9634
9642
|
onEdit?.(item.key, "remove");
|
|
9635
9643
|
}
|
|
9636
9644
|
}
|
|
9637
|
-
const tabList = /* @__PURE__ */
|
|
9645
|
+
const tabList = /* @__PURE__ */ jsx57("div", {
|
|
9638
9646
|
className: tabsBarClass,
|
|
9639
9647
|
children: /* @__PURE__ */ jsxs42("div", {
|
|
9640
9648
|
role: "tablist",
|
|
@@ -9653,7 +9661,7 @@ var TabsBase = forwardRef45(({
|
|
|
9653
9661
|
const showClose = editable && item.closable !== false && !item.disabled;
|
|
9654
9662
|
return /* @__PURE__ */ jsxs42(Fragment9, {
|
|
9655
9663
|
children: [
|
|
9656
|
-
/* @__PURE__ */
|
|
9664
|
+
/* @__PURE__ */ jsx57("button", {
|
|
9657
9665
|
ref: (element) => {
|
|
9658
9666
|
tabRefs.current[index] = element;
|
|
9659
9667
|
},
|
|
@@ -9673,7 +9681,7 @@ var TabsBase = forwardRef45(({
|
|
|
9673
9681
|
onKeyDown: (event) => handleKeyDown(item, index, event),
|
|
9674
9682
|
children: getTabLabel(item)
|
|
9675
9683
|
}),
|
|
9676
|
-
showClose ? /* @__PURE__ */
|
|
9684
|
+
showClose ? /* @__PURE__ */ jsx57("button", {
|
|
9677
9685
|
type: "button",
|
|
9678
9686
|
className: tabsCloseClass,
|
|
9679
9687
|
"aria-label": `Close tab ${item.key}`,
|
|
@@ -9686,7 +9694,7 @@ var TabsBase = forwardRef45(({
|
|
|
9686
9694
|
]
|
|
9687
9695
|
}, item.key);
|
|
9688
9696
|
}),
|
|
9689
|
-
editable && !hideAdd ? /* @__PURE__ */
|
|
9697
|
+
editable && !hideAdd ? /* @__PURE__ */ jsx57("button", {
|
|
9690
9698
|
type: "button",
|
|
9691
9699
|
className: tabsAddClass,
|
|
9692
9700
|
"aria-label": "Add tab",
|
|
@@ -9701,7 +9709,7 @@ var TabsBase = forwardRef45(({
|
|
|
9701
9709
|
if (!shouldRenderPanel({ item, active, destroyInactiveTabPane })) {
|
|
9702
9710
|
return null;
|
|
9703
9711
|
}
|
|
9704
|
-
return /* @__PURE__ */
|
|
9712
|
+
return /* @__PURE__ */ jsx57("div", {
|
|
9705
9713
|
id: `${tabsId}-panel-${item.key}`,
|
|
9706
9714
|
role: "tabpanel",
|
|
9707
9715
|
"aria-labelledby": `${tabsId}-tab-${item.key}`,
|
|
@@ -9732,7 +9740,7 @@ var Tabs = Object.assign(TabsBase, {
|
|
|
9732
9740
|
TabPane
|
|
9733
9741
|
});
|
|
9734
9742
|
// src/components/dm-tabs/DmTabs.tsx
|
|
9735
|
-
import { jsx as
|
|
9743
|
+
import { jsx as jsx58 } from "react/jsx-runtime";
|
|
9736
9744
|
var DmTabs = forwardRef46(({
|
|
9737
9745
|
type = "line",
|
|
9738
9746
|
tabPosition = "top",
|
|
@@ -9744,10 +9752,10 @@ var DmTabs = forwardRef46(({
|
|
|
9744
9752
|
style,
|
|
9745
9753
|
items,
|
|
9746
9754
|
...props
|
|
9747
|
-
}, ref) => /* @__PURE__ */
|
|
9755
|
+
}, ref) => /* @__PURE__ */ jsx58("div", {
|
|
9748
9756
|
className: getDmTabsShellClasses({}),
|
|
9749
9757
|
style,
|
|
9750
|
-
children: /* @__PURE__ */
|
|
9758
|
+
children: /* @__PURE__ */ jsx58(Tabs, {
|
|
9751
9759
|
...props,
|
|
9752
9760
|
ref,
|
|
9753
9761
|
items,
|
|
@@ -9846,7 +9854,7 @@ function getTreeNodeClasses({
|
|
|
9846
9854
|
}
|
|
9847
9855
|
|
|
9848
9856
|
// src/components/tree/Tree.tsx
|
|
9849
|
-
import { jsx as
|
|
9857
|
+
import { jsx as jsx59, jsxs as jsxs43 } from "react/jsx-runtime";
|
|
9850
9858
|
function normalizeKeys4(keys) {
|
|
9851
9859
|
return keys?.map(String) ?? [];
|
|
9852
9860
|
}
|
|
@@ -9951,17 +9959,17 @@ var TreeNode = forwardRef47(({
|
|
|
9951
9959
|
"aria-disabled": disabled || undefined,
|
|
9952
9960
|
className: getTreeNodeClasses({ disabled, className }),
|
|
9953
9961
|
children: [
|
|
9954
|
-
checkable ? /* @__PURE__ */
|
|
9962
|
+
checkable ? /* @__PURE__ */ jsx59("input", {
|
|
9955
9963
|
type: "checkbox",
|
|
9956
9964
|
className: treeNodeCheckboxClass,
|
|
9957
9965
|
disabled,
|
|
9958
9966
|
readOnly: true
|
|
9959
9967
|
}) : null,
|
|
9960
|
-
hasNode5(icon) ? /* @__PURE__ */
|
|
9968
|
+
hasNode5(icon) ? /* @__PURE__ */ jsx59("span", {
|
|
9961
9969
|
className: treeNodeIconClass,
|
|
9962
9970
|
children: icon
|
|
9963
9971
|
}) : null,
|
|
9964
|
-
/* @__PURE__ */
|
|
9972
|
+
/* @__PURE__ */ jsx59("span", {
|
|
9965
9973
|
className: treeNodeTitleClass,
|
|
9966
9974
|
children: title
|
|
9967
9975
|
}),
|
|
@@ -10140,7 +10148,7 @@ function TreeRoot({
|
|
|
10140
10148
|
style: { paddingInlineStart: item.level * 16 },
|
|
10141
10149
|
draggable: nodeDraggable,
|
|
10142
10150
|
children: [
|
|
10143
|
-
/* @__PURE__ */
|
|
10151
|
+
/* @__PURE__ */ jsx59("button", {
|
|
10144
10152
|
type: "button",
|
|
10145
10153
|
"aria-label": expanded ? `Collapse ${item.keyString}` : `Expand ${item.keyString}`,
|
|
10146
10154
|
className: treeNodeSwitcherClass,
|
|
@@ -10151,7 +10159,7 @@ function TreeRoot({
|
|
|
10151
10159
|
},
|
|
10152
10160
|
children: expandable ? expanded ? "v" : ">" : showLine ? "-" : ""
|
|
10153
10161
|
}),
|
|
10154
|
-
nodeCheckable ? /* @__PURE__ */
|
|
10162
|
+
nodeCheckable ? /* @__PURE__ */ jsx59("input", {
|
|
10155
10163
|
type: "checkbox",
|
|
10156
10164
|
className: treeNodeCheckboxClass,
|
|
10157
10165
|
"aria-label": `Check ${item.keyString}`,
|
|
@@ -10160,17 +10168,17 @@ function TreeRoot({
|
|
|
10160
10168
|
onChange: (event) => checkNode(item, event),
|
|
10161
10169
|
onClick: (event) => event.stopPropagation()
|
|
10162
10170
|
}) : null,
|
|
10163
|
-
showIcon && hasNode5(item.node.icon) ? /* @__PURE__ */
|
|
10171
|
+
showIcon && hasNode5(item.node.icon) ? /* @__PURE__ */ jsx59("span", {
|
|
10164
10172
|
className: treeNodeIconClass,
|
|
10165
10173
|
children: item.node.icon
|
|
10166
10174
|
}) : null,
|
|
10167
|
-
/* @__PURE__ */
|
|
10175
|
+
/* @__PURE__ */ jsx59("span", {
|
|
10168
10176
|
className: treeNodeTitleClass,
|
|
10169
10177
|
children: title
|
|
10170
10178
|
})
|
|
10171
10179
|
]
|
|
10172
10180
|
}),
|
|
10173
|
-
expanded && item.children.length > 0 ? /* @__PURE__ */
|
|
10181
|
+
expanded && item.children.length > 0 ? /* @__PURE__ */ jsx59("ul", {
|
|
10174
10182
|
className: treeNodeChildrenClass,
|
|
10175
10183
|
role: "group",
|
|
10176
10184
|
children: item.children.map(renderNode)
|
|
@@ -10178,7 +10186,7 @@ function TreeRoot({
|
|
|
10178
10186
|
]
|
|
10179
10187
|
}, item.keyString);
|
|
10180
10188
|
}
|
|
10181
|
-
return /* @__PURE__ */
|
|
10189
|
+
return /* @__PURE__ */ jsx59("div", {
|
|
10182
10190
|
...props,
|
|
10183
10191
|
ref,
|
|
10184
10192
|
className: getTreeClasses({
|
|
@@ -10190,7 +10198,7 @@ function TreeRoot({
|
|
|
10190
10198
|
}),
|
|
10191
10199
|
role: "tree",
|
|
10192
10200
|
"aria-multiselectable": multiple || undefined,
|
|
10193
|
-
children: /* @__PURE__ */
|
|
10201
|
+
children: /* @__PURE__ */ jsx59("ul", {
|
|
10194
10202
|
className: treeListClass,
|
|
10195
10203
|
children: flatRoots.map(renderNode)
|
|
10196
10204
|
})
|
|
@@ -10198,7 +10206,7 @@ function TreeRoot({
|
|
|
10198
10206
|
}
|
|
10199
10207
|
var TreeBase = forwardRef47(TreeRoot);
|
|
10200
10208
|
function DirectoryTreeRoot({ className, multiple = true, ...props }, ref) {
|
|
10201
|
-
return /* @__PURE__ */
|
|
10209
|
+
return /* @__PURE__ */ jsx59(TreeBase, {
|
|
10202
10210
|
...props,
|
|
10203
10211
|
ref,
|
|
10204
10212
|
multiple,
|
|
@@ -10212,7 +10220,7 @@ Tree.TreeNode = TreeNodeComponent;
|
|
|
10212
10220
|
Tree.DirectoryTree = DirectoryTree;
|
|
10213
10221
|
Tree.displayName = "Tree";
|
|
10214
10222
|
// src/components/dm-tree/DmTree.tsx
|
|
10215
|
-
import { jsx as
|
|
10223
|
+
import { jsx as jsx60, jsxs as jsxs44 } from "react/jsx-runtime";
|
|
10216
10224
|
var defaultFieldNames2 = {
|
|
10217
10225
|
title: "title",
|
|
10218
10226
|
key: "key",
|
|
@@ -10395,11 +10403,13 @@ function CommonDmTree({
|
|
|
10395
10403
|
const source = node.data ?? node;
|
|
10396
10404
|
const titleField = fieldName(fieldNames, "title");
|
|
10397
10405
|
const title = source[titleField] ?? source.title;
|
|
10398
|
-
const actions = typeof itemToolbar === "function" ? itemToolbar(source) : Array.isArray(itemToolbar) ? /* @__PURE__ */
|
|
10399
|
-
className: getDmTreeItemToolbarClasses({
|
|
10406
|
+
const actions = typeof itemToolbar === "function" ? itemToolbar(source) : Array.isArray(itemToolbar) ? /* @__PURE__ */ jsx60("span", {
|
|
10407
|
+
className: getDmTreeItemToolbarClasses({
|
|
10408
|
+
alwaysShow: itemToolbarAlwaysShow
|
|
10409
|
+
}),
|
|
10400
10410
|
children: itemToolbar.filter((action) => shouldShowAction(action, source)).map((action, index) => {
|
|
10401
10411
|
const disabled = isActionDisabled(action, source);
|
|
10402
|
-
return /* @__PURE__ */
|
|
10412
|
+
return /* @__PURE__ */ jsx60("button", {
|
|
10403
10413
|
type: "button",
|
|
10404
10414
|
className: dmTreeItemToolbarClass,
|
|
10405
10415
|
"aria-label": action.title,
|
|
@@ -10417,11 +10427,11 @@ function CommonDmTree({
|
|
|
10417
10427
|
return /* @__PURE__ */ jsxs44("span", {
|
|
10418
10428
|
className: dmTreeNodeTitleClass,
|
|
10419
10429
|
children: [
|
|
10420
|
-
beforeIcon ? /* @__PURE__ */
|
|
10430
|
+
beforeIcon ? /* @__PURE__ */ jsx60("span", {
|
|
10421
10431
|
className: dmTreeNodePrefixClass,
|
|
10422
10432
|
children: typeof beforeIcon === "function" ? beforeIcon(source) : beforeIcon
|
|
10423
10433
|
}) : null,
|
|
10424
|
-
/* @__PURE__ */
|
|
10434
|
+
/* @__PURE__ */ jsx60("span", {
|
|
10425
10435
|
style: { minWidth: cssSize(minNodeWidth) },
|
|
10426
10436
|
children: title
|
|
10427
10437
|
}),
|
|
@@ -10429,25 +10439,25 @@ function CommonDmTree({
|
|
|
10429
10439
|
]
|
|
10430
10440
|
});
|
|
10431
10441
|
}
|
|
10432
|
-
return /* @__PURE__ */
|
|
10442
|
+
return /* @__PURE__ */ jsx60("div", {
|
|
10433
10443
|
className: getDmTreeClasses({ autoWidth, className }),
|
|
10434
10444
|
style: { width: mergedWidth, height: "100%", ...style },
|
|
10435
10445
|
children: /* @__PURE__ */ jsxs44("div", {
|
|
10436
10446
|
className: dmTreeContentClass,
|
|
10437
10447
|
children: [
|
|
10438
|
-
customTopToolbar ? /* @__PURE__ */
|
|
10448
|
+
customTopToolbar ? /* @__PURE__ */ jsx60("div", {
|
|
10439
10449
|
className: dmTreeToolbarClass,
|
|
10440
10450
|
children: customTopToolbar
|
|
10441
10451
|
}) : null,
|
|
10442
|
-
buttonTopToolbar ? /* @__PURE__ */
|
|
10452
|
+
buttonTopToolbar ? /* @__PURE__ */ jsx60("div", {
|
|
10443
10453
|
className: dmTreeToolbarClass,
|
|
10444
10454
|
children: renderToolbar2(buttonTopToolbar, selectedKey, selectedItem)
|
|
10445
10455
|
}) : null,
|
|
10446
|
-
iconTopToolbar ? /* @__PURE__ */
|
|
10456
|
+
iconTopToolbar ? /* @__PURE__ */ jsx60("div", {
|
|
10447
10457
|
className: dmTreeIconToolbarClass,
|
|
10448
10458
|
children: renderToolbar2(iconTopToolbar, selectedKey, selectedItem)
|
|
10449
10459
|
}) : null,
|
|
10450
|
-
showAll ? /* @__PURE__ */
|
|
10460
|
+
showAll ? /* @__PURE__ */ jsx60("button", {
|
|
10451
10461
|
type: "button",
|
|
10452
10462
|
className: getDmTreeAllButtonClasses({
|
|
10453
10463
|
selected: selectedKey === allItem.value
|
|
@@ -10455,20 +10465,20 @@ function CommonDmTree({
|
|
|
10455
10465
|
onClick: () => onChange?.(undefined, allItem.value, selectedKey),
|
|
10456
10466
|
children: allItem.label
|
|
10457
10467
|
}) : null,
|
|
10458
|
-
showSearch ? /* @__PURE__ */
|
|
10468
|
+
showSearch ? /* @__PURE__ */ jsx60("div", {
|
|
10459
10469
|
className: dmTreeSearchClass,
|
|
10460
|
-
children: /* @__PURE__ */
|
|
10470
|
+
children: /* @__PURE__ */ jsx60(Input, {
|
|
10461
10471
|
allowClear: true,
|
|
10462
10472
|
placeholder: searchPlaceholder,
|
|
10463
10473
|
value: searchValue,
|
|
10464
10474
|
onChange: handleSearch
|
|
10465
10475
|
})
|
|
10466
10476
|
}) : null,
|
|
10467
|
-
/* @__PURE__ */
|
|
10477
|
+
/* @__PURE__ */ jsx60("div", {
|
|
10468
10478
|
className: dmTreeBodyClass,
|
|
10469
|
-
children: loading ? /* @__PURE__ */
|
|
10479
|
+
children: loading ? /* @__PURE__ */ jsx60(DmStatus, {
|
|
10470
10480
|
status: "loading"
|
|
10471
|
-
}) : normalizedTree.length > 0 ? /* @__PURE__ */
|
|
10481
|
+
}) : normalizedTree.length > 0 ? /* @__PURE__ */ jsx60(Tree, {
|
|
10472
10482
|
...treeProps,
|
|
10473
10483
|
treeData: normalizedTree,
|
|
10474
10484
|
selectedKeys: selectedKey === undefined ? [] : [selectedKey],
|
|
@@ -10481,7 +10491,7 @@ function CommonDmTree({
|
|
|
10481
10491
|
setInternalExpandedKeys(keys);
|
|
10482
10492
|
onExpand?.(keys, info);
|
|
10483
10493
|
}
|
|
10484
|
-
}) : emptyNode ?? /* @__PURE__ */
|
|
10494
|
+
}) : emptyNode ?? /* @__PURE__ */ jsx60(DmStatus, {
|
|
10485
10495
|
status: "empty"
|
|
10486
10496
|
})
|
|
10487
10497
|
})
|
|
@@ -10506,7 +10516,7 @@ function OptionDmTree(props) {
|
|
|
10506
10516
|
const tabItems = items.map(({ TreeSetting, key, ...item }) => ({
|
|
10507
10517
|
...item,
|
|
10508
10518
|
key,
|
|
10509
|
-
children: /* @__PURE__ */
|
|
10519
|
+
children: /* @__PURE__ */ jsx60(CommonDmTree, {
|
|
10510
10520
|
...TreeSetting,
|
|
10511
10521
|
minNodeWidth: TreeSetting.minNodeWidth ?? minNodeWidth,
|
|
10512
10522
|
onChange: (node, selected, before) => {
|
|
@@ -10521,11 +10531,11 @@ function OptionDmTree(props) {
|
|
|
10521
10531
|
}
|
|
10522
10532
|
})
|
|
10523
10533
|
}));
|
|
10524
|
-
return /* @__PURE__ */
|
|
10534
|
+
return /* @__PURE__ */ jsx60("div", {
|
|
10525
10535
|
...rest,
|
|
10526
10536
|
className: getDmTreeClasses({ optionTree: true, className }),
|
|
10527
10537
|
style: { width: cssSize(width) ?? "100%", height: "100%", ...style },
|
|
10528
|
-
children: /* @__PURE__ */
|
|
10538
|
+
children: /* @__PURE__ */ jsx60(DmTabs, {
|
|
10529
10539
|
centered: true,
|
|
10530
10540
|
optionTree: true,
|
|
10531
10541
|
type: "line",
|
|
@@ -10538,7 +10548,7 @@ function OptionDmTree(props) {
|
|
|
10538
10548
|
}
|
|
10539
10549
|
var DmTree = (props) => {
|
|
10540
10550
|
if ("isTabTree" in props && props.isTabTree) {
|
|
10541
|
-
return /* @__PURE__ */
|
|
10551
|
+
return /* @__PURE__ */ jsx60(OptionDmTree, {
|
|
10542
10552
|
...props
|
|
10543
10553
|
});
|
|
10544
10554
|
}
|
|
@@ -10606,7 +10616,7 @@ function getTooltipClasses({
|
|
|
10606
10616
|
}
|
|
10607
10617
|
|
|
10608
10618
|
// src/components/tooltip/Tooltip.tsx
|
|
10609
|
-
import { jsx as
|
|
10619
|
+
import { jsx as jsx61, jsxs as jsxs45 } from "react/jsx-runtime";
|
|
10610
10620
|
var Tooltip = forwardRef48(({
|
|
10611
10621
|
title,
|
|
10612
10622
|
placement = "top",
|
|
@@ -10669,7 +10679,7 @@ var Tooltip = forwardRef48(({
|
|
|
10669
10679
|
}),
|
|
10670
10680
|
children: [
|
|
10671
10681
|
title,
|
|
10672
|
-
arrow ? /* @__PURE__ */
|
|
10682
|
+
arrow ? /* @__PURE__ */ jsx61("span", {
|
|
10673
10683
|
className: tooltipArrowClass
|
|
10674
10684
|
}) : null
|
|
10675
10685
|
]
|
|
@@ -10679,7 +10689,7 @@ var Tooltip = forwardRef48(({
|
|
|
10679
10689
|
});
|
|
10680
10690
|
Tooltip.displayName = "Tooltip";
|
|
10681
10691
|
// src/components/dm-truncate/DmTruncate.tsx
|
|
10682
|
-
import { jsx as
|
|
10692
|
+
import { jsx as jsx62, jsxs as jsxs46 } from "react/jsx-runtime";
|
|
10683
10693
|
function toPlainText(value) {
|
|
10684
10694
|
if (typeof value === "string" || typeof value === "number") {
|
|
10685
10695
|
return String(value);
|
|
@@ -10829,7 +10839,7 @@ var DmTruncate = forwardRef49(({
|
|
|
10829
10839
|
ref.current = node;
|
|
10830
10840
|
}
|
|
10831
10841
|
}
|
|
10832
|
-
const textNode = /* @__PURE__ */
|
|
10842
|
+
const textNode = /* @__PURE__ */ jsx62("span", {
|
|
10833
10843
|
ref: textRef,
|
|
10834
10844
|
className: getDmTruncateTextClasses({
|
|
10835
10845
|
multiline,
|
|
@@ -10839,7 +10849,7 @@ var DmTruncate = forwardRef49(({
|
|
|
10839
10849
|
style: textClampStyle,
|
|
10840
10850
|
children: displayValue
|
|
10841
10851
|
});
|
|
10842
|
-
return /* @__PURE__ */
|
|
10852
|
+
return /* @__PURE__ */ jsx62("div", {
|
|
10843
10853
|
...props,
|
|
10844
10854
|
ref: setRefs,
|
|
10845
10855
|
className: getDmTruncateClasses(className),
|
|
@@ -10847,13 +10857,13 @@ var DmTruncate = forwardRef49(({
|
|
|
10847
10857
|
children: /* @__PURE__ */ jsxs46("span", {
|
|
10848
10858
|
className: dmTruncateContentClass,
|
|
10849
10859
|
children: [
|
|
10850
|
-
!showOverflowTag && shouldShowPopover ? /* @__PURE__ */
|
|
10860
|
+
!showOverflowTag && shouldShowPopover ? /* @__PURE__ */ jsx62(Tooltip, {
|
|
10851
10861
|
title: popoverContent,
|
|
10852
10862
|
placement: "bottom",
|
|
10853
10863
|
...tooltipProps,
|
|
10854
10864
|
children: textNode
|
|
10855
10865
|
}) : textNode,
|
|
10856
|
-
/* @__PURE__ */
|
|
10866
|
+
/* @__PURE__ */ jsx62("span", {
|
|
10857
10867
|
ref: measureRef,
|
|
10858
10868
|
"aria-hidden": "true",
|
|
10859
10869
|
className: dmTruncateMeasureClass,
|
|
@@ -10866,18 +10876,18 @@ var DmTruncate = forwardRef49(({
|
|
|
10866
10876
|
},
|
|
10867
10877
|
children: textValue
|
|
10868
10878
|
}),
|
|
10869
|
-
showOverflowTag && shouldShowPopover ? /* @__PURE__ */
|
|
10879
|
+
showOverflowTag && shouldShowPopover ? /* @__PURE__ */ jsx62(Tooltip, {
|
|
10870
10880
|
title: popoverContent,
|
|
10871
10881
|
placement: "bottom",
|
|
10872
10882
|
...tooltipProps,
|
|
10873
|
-
children: /* @__PURE__ */
|
|
10883
|
+
children: /* @__PURE__ */ jsx62("span", {
|
|
10874
10884
|
"aria-label": "Text overflow",
|
|
10875
10885
|
role: "img",
|
|
10876
10886
|
className: dmTruncateOverflowTagClass,
|
|
10877
10887
|
children: "!"
|
|
10878
10888
|
})
|
|
10879
10889
|
}) : null,
|
|
10880
|
-
copyable && hasText ? /* @__PURE__ */
|
|
10890
|
+
copyable && hasText ? /* @__PURE__ */ jsx62("button", {
|
|
10881
10891
|
type: "button",
|
|
10882
10892
|
className: cn(dmTruncateCopyClass, "btn btn-text btn-xs"),
|
|
10883
10893
|
"aria-label": copied ? "Copied" : "Copy",
|
|
@@ -10905,7 +10915,7 @@ function getFlexClasses({
|
|
|
10905
10915
|
}
|
|
10906
10916
|
|
|
10907
10917
|
// src/components/flex/Flex.tsx
|
|
10908
|
-
import { jsx as
|
|
10918
|
+
import { jsx as jsx63 } from "react/jsx-runtime";
|
|
10909
10919
|
var gapMap = {
|
|
10910
10920
|
small: 8,
|
|
10911
10921
|
middle: 16,
|
|
@@ -10948,7 +10958,7 @@ var Flex = forwardRef50(({
|
|
|
10948
10958
|
...props
|
|
10949
10959
|
}, ref) => {
|
|
10950
10960
|
const resolvedGap = resolveGap(gap);
|
|
10951
|
-
return /* @__PURE__ */
|
|
10961
|
+
return /* @__PURE__ */ jsx63(Component, {
|
|
10952
10962
|
...props,
|
|
10953
10963
|
ref,
|
|
10954
10964
|
className: getFlexClasses({ vertical, wrap, className }),
|
|
@@ -11017,7 +11027,7 @@ function getFloatButtonBackTopClasses({
|
|
|
11017
11027
|
}
|
|
11018
11028
|
|
|
11019
11029
|
// src/components/float-button/FloatButton.tsx
|
|
11020
|
-
import { jsx as
|
|
11030
|
+
import { jsx as jsx64, jsxs as jsxs47, Fragment as Fragment11 } from "react/jsx-runtime";
|
|
11021
11031
|
var FloatButtonGroupContext = createContext5({});
|
|
11022
11032
|
function isTooltipConfig(tooltip) {
|
|
11023
11033
|
return typeof tooltip === "object" && tooltip !== null && !React57.isValidElement(tooltip) && "title" in tooltip;
|
|
@@ -11035,7 +11045,7 @@ function renderBadge(badge) {
|
|
|
11035
11045
|
const visible = badge.dot || count !== undefined;
|
|
11036
11046
|
if (!visible)
|
|
11037
11047
|
return null;
|
|
11038
|
-
return /* @__PURE__ */
|
|
11048
|
+
return /* @__PURE__ */ jsx64("span", {
|
|
11039
11049
|
className: cn(floatButtonBadgeClass, "badge badge-error absolute -right-1 -top-1", badge.dot && "badge-dot h-2 min-h-2 w-2 min-w-2 rounded-full p-0"),
|
|
11040
11050
|
style: badge.color ? { backgroundColor: badge.color } : undefined,
|
|
11041
11051
|
"aria-hidden": badge.dot ? true : undefined,
|
|
@@ -11080,11 +11090,11 @@ var InternalFloatButton = forwardRef51(({
|
|
|
11080
11090
|
const tooltipConfig = getTooltip(tooltip);
|
|
11081
11091
|
const content = /* @__PURE__ */ jsxs47(Fragment11, {
|
|
11082
11092
|
children: [
|
|
11083
|
-
icon ? /* @__PURE__ */
|
|
11093
|
+
icon ? /* @__PURE__ */ jsx64("span", {
|
|
11084
11094
|
className: floatButtonIconClass,
|
|
11085
11095
|
children: icon
|
|
11086
11096
|
}) : null,
|
|
11087
|
-
description ? /* @__PURE__ */
|
|
11097
|
+
description ? /* @__PURE__ */ jsx64("span", {
|
|
11088
11098
|
className: floatButtonDescriptionClass,
|
|
11089
11099
|
children: description
|
|
11090
11100
|
}) : null,
|
|
@@ -11098,7 +11108,7 @@ var InternalFloatButton = forwardRef51(({
|
|
|
11098
11108
|
hasDescription: Boolean(description),
|
|
11099
11109
|
className
|
|
11100
11110
|
});
|
|
11101
|
-
const tooltipNode = tooltipConfig?.title ? /* @__PURE__ */
|
|
11111
|
+
const tooltipNode = tooltipConfig?.title ? /* @__PURE__ */ jsx64("span", {
|
|
11102
11112
|
role: "tooltip",
|
|
11103
11113
|
className: cn(floatButtonTooltipClass, "tooltip tooltip-show", tooltipConfig.placement && `tooltip-${tooltipConfig.placement}`),
|
|
11104
11114
|
children: tooltipConfig.title
|
|
@@ -11155,7 +11165,7 @@ var FloatButtonGroup = forwardRef51(({
|
|
|
11155
11165
|
const isControlled = open3 !== undefined;
|
|
11156
11166
|
const [internalOpen, setInternalOpen] = useState40(trigger ? false : true);
|
|
11157
11167
|
const visible = isControlled ? open3 : internalOpen;
|
|
11158
|
-
return /* @__PURE__ */
|
|
11168
|
+
return /* @__PURE__ */ jsx64(FloatButtonGroupContext.Provider, {
|
|
11159
11169
|
value: { shape },
|
|
11160
11170
|
children: /* @__PURE__ */ jsxs47("div", {
|
|
11161
11171
|
...props,
|
|
@@ -11179,7 +11189,7 @@ var FloatButtonGroup = forwardRef51(({
|
|
|
11179
11189
|
},
|
|
11180
11190
|
children: [
|
|
11181
11191
|
visible ? children : null,
|
|
11182
|
-
trigger === "click" ? /* @__PURE__ */
|
|
11192
|
+
trigger === "click" ? /* @__PURE__ */ jsx64("button", {
|
|
11183
11193
|
type: "button",
|
|
11184
11194
|
className: "float-button-group-trigger",
|
|
11185
11195
|
"aria-expanded": visible,
|
|
@@ -11223,7 +11233,7 @@ var FloatButtonBackTop = forwardRef51(({
|
|
|
11223
11233
|
scrollTarget.addEventListener("scroll", updateVisible);
|
|
11224
11234
|
return () => scrollTarget.removeEventListener("scroll", updateVisible);
|
|
11225
11235
|
}, [target, visibilityHeight]);
|
|
11226
|
-
return /* @__PURE__ */
|
|
11236
|
+
return /* @__PURE__ */ jsx64(InternalFloatButton, {
|
|
11227
11237
|
...props,
|
|
11228
11238
|
ref,
|
|
11229
11239
|
icon,
|
|
@@ -11287,7 +11297,7 @@ function getFormItemClasses({
|
|
|
11287
11297
|
}
|
|
11288
11298
|
|
|
11289
11299
|
// src/components/form/Form.tsx
|
|
11290
|
-
import { jsx as
|
|
11300
|
+
import { jsx as jsx65, jsxs as jsxs48, Fragment as Fragment12 } from "react/jsx-runtime";
|
|
11291
11301
|
function nameKey(name) {
|
|
11292
11302
|
return Array.isArray(name) ? name.join(".") : String(name);
|
|
11293
11303
|
}
|
|
@@ -11504,9 +11514,9 @@ var FormBase = forwardRef52(({
|
|
|
11504
11514
|
setFieldError,
|
|
11505
11515
|
wrapperCol
|
|
11506
11516
|
]);
|
|
11507
|
-
return /* @__PURE__ */
|
|
11517
|
+
return /* @__PURE__ */ jsx65(FormContext.Provider, {
|
|
11508
11518
|
value: contextValue,
|
|
11509
|
-
children: /* @__PURE__ */
|
|
11519
|
+
children: /* @__PURE__ */ jsx65("form", {
|
|
11510
11520
|
...props,
|
|
11511
11521
|
name,
|
|
11512
11522
|
className: getFormClasses({ layout, disabled, className }),
|
|
@@ -11567,7 +11577,7 @@ var FormItem = forwardRef52(({
|
|
|
11567
11577
|
});
|
|
11568
11578
|
}
|
|
11569
11579
|
if (noStyle) {
|
|
11570
|
-
return /* @__PURE__ */
|
|
11580
|
+
return /* @__PURE__ */ jsx65(Fragment12, {
|
|
11571
11581
|
children: renderControl()
|
|
11572
11582
|
});
|
|
11573
11583
|
}
|
|
@@ -11580,21 +11590,21 @@ var FormItem = forwardRef52(({
|
|
|
11580
11590
|
className
|
|
11581
11591
|
}),
|
|
11582
11592
|
children: [
|
|
11583
|
-
label ? /* @__PURE__ */
|
|
11593
|
+
label ? /* @__PURE__ */ jsx65("label", {
|
|
11584
11594
|
className: formItemLabelClass,
|
|
11585
11595
|
children: label
|
|
11586
11596
|
}) : null,
|
|
11587
|
-
/* @__PURE__ */
|
|
11597
|
+
/* @__PURE__ */ jsx65("div", {
|
|
11588
11598
|
className: formItemControlClass,
|
|
11589
11599
|
children: renderControl()
|
|
11590
11600
|
}),
|
|
11591
|
-
extra ? /* @__PURE__ */
|
|
11601
|
+
extra ? /* @__PURE__ */ jsx65("div", {
|
|
11592
11602
|
className: formItemExtraClass,
|
|
11593
11603
|
children: extra
|
|
11594
11604
|
}) : null,
|
|
11595
|
-
help || fieldErrors.length > 0 ? /* @__PURE__ */
|
|
11605
|
+
help || fieldErrors.length > 0 ? /* @__PURE__ */ jsx65("div", {
|
|
11596
11606
|
className: formItemHelpClass,
|
|
11597
|
-
children: help ?? fieldErrors.map((error, index) => /* @__PURE__ */
|
|
11607
|
+
children: help ?? fieldErrors.map((error, index) => /* @__PURE__ */ jsx65("div", {
|
|
11598
11608
|
children: error
|
|
11599
11609
|
}, index))
|
|
11600
11610
|
}) : null
|
|
@@ -11614,7 +11624,7 @@ function FormList({ name, initialValue = [], children }) {
|
|
|
11614
11624
|
function setList(next) {
|
|
11615
11625
|
form.setFieldValue(name, next);
|
|
11616
11626
|
}
|
|
11617
|
-
return /* @__PURE__ */
|
|
11627
|
+
return /* @__PURE__ */ jsx65("div", {
|
|
11618
11628
|
className: formListClass,
|
|
11619
11629
|
children: children(fields, {
|
|
11620
11630
|
add: (defaultValue, insertIndex = list.length) => {
|
|
@@ -11635,17 +11645,17 @@ function FormList({ name, initialValue = [], children }) {
|
|
|
11635
11645
|
}, { errors: [] })
|
|
11636
11646
|
});
|
|
11637
11647
|
}
|
|
11638
|
-
var ErrorList = forwardRef52(({ errors = [], className, ...props }, ref) => /* @__PURE__ */
|
|
11648
|
+
var ErrorList = forwardRef52(({ errors = [], className, ...props }, ref) => /* @__PURE__ */ jsx65("div", {
|
|
11639
11649
|
...props,
|
|
11640
11650
|
ref,
|
|
11641
11651
|
className: [formErrorListClass, className].filter(Boolean).join(" "),
|
|
11642
|
-
children: errors.map((error, index) => /* @__PURE__ */
|
|
11652
|
+
children: errors.map((error, index) => /* @__PURE__ */ jsx65("div", {
|
|
11643
11653
|
children: error
|
|
11644
11654
|
}, index))
|
|
11645
11655
|
}));
|
|
11646
11656
|
ErrorList.displayName = "Form.ErrorList";
|
|
11647
11657
|
function FormProvider({ children }) {
|
|
11648
|
-
return /* @__PURE__ */
|
|
11658
|
+
return /* @__PURE__ */ jsx65(ProviderContext.Provider, {
|
|
11649
11659
|
value: {},
|
|
11650
11660
|
children
|
|
11651
11661
|
});
|
|
@@ -11785,7 +11795,7 @@ function getImagePreviewGroupClasses({
|
|
|
11785
11795
|
}
|
|
11786
11796
|
|
|
11787
11797
|
// src/components/image/Image.tsx
|
|
11788
|
-
import { jsx as
|
|
11798
|
+
import { jsx as jsx66, jsxs as jsxs49 } from "react/jsx-runtime";
|
|
11789
11799
|
function previewEnabled(preview) {
|
|
11790
11800
|
return preview !== false;
|
|
11791
11801
|
}
|
|
@@ -11796,7 +11806,7 @@ function renderPlaceholder(placeholder) {
|
|
|
11796
11806
|
if (placeholder === false || placeholder === undefined || placeholder === null) {
|
|
11797
11807
|
return null;
|
|
11798
11808
|
}
|
|
11799
|
-
return /* @__PURE__ */
|
|
11809
|
+
return /* @__PURE__ */ jsx66("span", {
|
|
11800
11810
|
className: imagePlaceholderClass,
|
|
11801
11811
|
children: placeholder === true ? null : placeholder
|
|
11802
11812
|
});
|
|
@@ -11861,7 +11871,7 @@ var ImageBase = forwardRef53(({
|
|
|
11861
11871
|
"data-preview-enabled": isPreviewEnabled || undefined,
|
|
11862
11872
|
"data-preview-visible": previewVisible || undefined,
|
|
11863
11873
|
children: [
|
|
11864
|
-
hasImage ? /* @__PURE__ */
|
|
11874
|
+
hasImage ? /* @__PURE__ */ jsx66("img", {
|
|
11865
11875
|
...imgProps,
|
|
11866
11876
|
src: currentSrc,
|
|
11867
11877
|
alt,
|
|
@@ -11872,14 +11882,14 @@ var ImageBase = forwardRef53(({
|
|
|
11872
11882
|
onError: handleError
|
|
11873
11883
|
}) : null,
|
|
11874
11884
|
!hasImage || loading ? renderPlaceholder(placeholder) : null,
|
|
11875
|
-
isPreviewEnabled && hasImage && !failed ? /* @__PURE__ */
|
|
11885
|
+
isPreviewEnabled && hasImage && !failed ? /* @__PURE__ */ jsx66("button", {
|
|
11876
11886
|
type: "button",
|
|
11877
11887
|
className: imagePreviewMaskClass,
|
|
11878
11888
|
"aria-label": "Preview image",
|
|
11879
11889
|
onClick: () => setPreviewVisible(!previewVisible),
|
|
11880
11890
|
children: config2.mask
|
|
11881
11891
|
}) : null,
|
|
11882
|
-
previewVisible && isPreviewEnabled ? /* @__PURE__ */
|
|
11892
|
+
previewVisible && isPreviewEnabled ? /* @__PURE__ */ jsx66("img", {
|
|
11883
11893
|
src: config2.src ?? currentSrc,
|
|
11884
11894
|
alt,
|
|
11885
11895
|
className: cn(imageImgClass, "image-preview-img"),
|
|
@@ -11889,7 +11899,7 @@ var ImageBase = forwardRef53(({
|
|
|
11889
11899
|
});
|
|
11890
11900
|
});
|
|
11891
11901
|
ImageBase.displayName = "Image";
|
|
11892
|
-
var PreviewGroup = forwardRef53(({ preview = true, className, children, ...props }, ref) => /* @__PURE__ */
|
|
11902
|
+
var PreviewGroup = forwardRef53(({ preview = true, className, children, ...props }, ref) => /* @__PURE__ */ jsx66("div", {
|
|
11893
11903
|
...props,
|
|
11894
11904
|
ref,
|
|
11895
11905
|
className: getImagePreviewGroupClasses({ className }),
|
|
@@ -11928,7 +11938,7 @@ function getInputNumberClasses({
|
|
|
11928
11938
|
}
|
|
11929
11939
|
|
|
11930
11940
|
// src/components/input-number/InputNumber.tsx
|
|
11931
|
-
import { jsx as
|
|
11941
|
+
import { jsx as jsx67, jsxs as jsxs50 } from "react/jsx-runtime";
|
|
11932
11942
|
function clamp2(value, min, max) {
|
|
11933
11943
|
const withMin = min === undefined ? value : Math.max(min, value);
|
|
11934
11944
|
return max === undefined ? withMin : Math.min(max, withMin);
|
|
@@ -11997,7 +12007,7 @@ var InputNumber = forwardRef54(({
|
|
|
11997
12007
|
className
|
|
11998
12008
|
}),
|
|
11999
12009
|
children: [
|
|
12000
|
-
/* @__PURE__ */
|
|
12010
|
+
/* @__PURE__ */ jsx67("input", {
|
|
12001
12011
|
...props,
|
|
12002
12012
|
ref,
|
|
12003
12013
|
type: "text",
|
|
@@ -12023,7 +12033,7 @@ var InputNumber = forwardRef54(({
|
|
|
12023
12033
|
controls ? /* @__PURE__ */ jsxs50("span", {
|
|
12024
12034
|
className: inputNumberControlsClass,
|
|
12025
12035
|
children: [
|
|
12026
|
-
/* @__PURE__ */
|
|
12036
|
+
/* @__PURE__ */ jsx67("button", {
|
|
12027
12037
|
type: "button",
|
|
12028
12038
|
className: inputNumberControlClass,
|
|
12029
12039
|
disabled: disabled || max !== undefined && Number(currentValue) >= max,
|
|
@@ -12031,7 +12041,7 @@ var InputNumber = forwardRef54(({
|
|
|
12031
12041
|
onClick: () => stepValue("up"),
|
|
12032
12042
|
children: "+"
|
|
12033
12043
|
}),
|
|
12034
|
-
/* @__PURE__ */
|
|
12044
|
+
/* @__PURE__ */ jsx67("button", {
|
|
12035
12045
|
type: "button",
|
|
12036
12046
|
className: inputNumberControlClass,
|
|
12037
12047
|
disabled: disabled || min !== undefined && Number(currentValue) <= min,
|
|
@@ -12080,7 +12090,7 @@ function getListItemClasses({
|
|
|
12080
12090
|
}
|
|
12081
12091
|
|
|
12082
12092
|
// src/components/list/List.tsx
|
|
12083
|
-
import { jsx as
|
|
12093
|
+
import { jsx as jsx68, jsxs as jsxs51 } from "react/jsx-runtime";
|
|
12084
12094
|
function hasNode6(node) {
|
|
12085
12095
|
return node !== undefined && node !== null && node !== false;
|
|
12086
12096
|
}
|
|
@@ -12093,10 +12103,10 @@ function ListRoot({
|
|
|
12093
12103
|
className,
|
|
12094
12104
|
...props
|
|
12095
12105
|
}, ref) {
|
|
12096
|
-
const renderedItems = dataSource && renderItem ? dataSource.map((item, index) => /* @__PURE__ */
|
|
12106
|
+
const renderedItems = dataSource && renderItem ? dataSource.map((item, index) => /* @__PURE__ */ jsx68(React61.Fragment, {
|
|
12097
12107
|
children: renderItem(item, index)
|
|
12098
12108
|
}, index)) : children;
|
|
12099
|
-
return /* @__PURE__ */
|
|
12109
|
+
return /* @__PURE__ */ jsx68("div", {
|
|
12100
12110
|
...props,
|
|
12101
12111
|
ref,
|
|
12102
12112
|
className: getListClasses({ bordered, size, className }),
|
|
@@ -12109,15 +12119,15 @@ var ListItemMeta = forwardRef55(({ avatar, title, description, className, childr
|
|
|
12109
12119
|
ref,
|
|
12110
12120
|
className: cn(listItemContentClass, className),
|
|
12111
12121
|
children: [
|
|
12112
|
-
avatar ? /* @__PURE__ */
|
|
12122
|
+
avatar ? /* @__PURE__ */ jsx68("div", {
|
|
12113
12123
|
className: listItemLeadingClass,
|
|
12114
12124
|
children: avatar
|
|
12115
12125
|
}) : null,
|
|
12116
|
-
hasNode6(title) ? /* @__PURE__ */
|
|
12126
|
+
hasNode6(title) ? /* @__PURE__ */ jsx68("div", {
|
|
12117
12127
|
className: listItemTextClass,
|
|
12118
12128
|
children: title
|
|
12119
12129
|
}) : null,
|
|
12120
|
-
hasNode6(description) ? /* @__PURE__ */
|
|
12130
|
+
hasNode6(description) ? /* @__PURE__ */ jsx68("div", {
|
|
12121
12131
|
className: listItemSecondaryClass,
|
|
12122
12132
|
children: description
|
|
12123
12133
|
}) : null,
|
|
@@ -12176,7 +12186,7 @@ var ListItemRoot = forwardRef55(({
|
|
|
12176
12186
|
onClick: handleClick,
|
|
12177
12187
|
onKeyDown: handleKeyDown,
|
|
12178
12188
|
children: [
|
|
12179
|
-
/* @__PURE__ */
|
|
12189
|
+
/* @__PURE__ */ jsx68("div", {
|
|
12180
12190
|
className: listItemContentClass,
|
|
12181
12191
|
children
|
|
12182
12192
|
}),
|
|
@@ -12191,13 +12201,7 @@ var List = Object.assign(ListRootWithRef, {
|
|
|
12191
12201
|
});
|
|
12192
12202
|
List.displayName = "List";
|
|
12193
12203
|
// src/components/mentions/Mentions.tsx
|
|
12194
|
-
import React62, {
|
|
12195
|
-
forwardRef as forwardRef56,
|
|
12196
|
-
useId as useId4,
|
|
12197
|
-
useMemo as useMemo30,
|
|
12198
|
-
useRef as useRef15,
|
|
12199
|
-
useState as useState44
|
|
12200
|
-
} from "react";
|
|
12204
|
+
import React62, { forwardRef as forwardRef56, useId as useId4, useMemo as useMemo30, useRef as useRef15, useState as useState44 } from "react";
|
|
12201
12205
|
|
|
12202
12206
|
// src/classes/mentions.ts
|
|
12203
12207
|
var mentionsBaseClass = "mentions";
|
|
@@ -12237,7 +12241,7 @@ function getMentionsOptionClasses({
|
|
|
12237
12241
|
}
|
|
12238
12242
|
|
|
12239
12243
|
// src/components/mentions/Mentions.tsx
|
|
12240
|
-
import { jsx as
|
|
12244
|
+
import { jsx as jsx69, jsxs as jsxs52 } from "react/jsx-runtime";
|
|
12241
12245
|
function optionLabel3(option) {
|
|
12242
12246
|
return option.label ?? option.value;
|
|
12243
12247
|
}
|
|
@@ -12295,7 +12299,7 @@ function filterOptions3(options, searchText, filterOption) {
|
|
|
12295
12299
|
}
|
|
12296
12300
|
return options.filter((option) => optionText2(option).toLowerCase().includes(query));
|
|
12297
12301
|
}
|
|
12298
|
-
var Option3 = forwardRef56(({ children, ...props }, ref) => /* @__PURE__ */
|
|
12302
|
+
var Option3 = forwardRef56(({ children, ...props }, ref) => /* @__PURE__ */ jsx69("div", {
|
|
12299
12303
|
...props,
|
|
12300
12304
|
ref,
|
|
12301
12305
|
children
|
|
@@ -12420,7 +12424,7 @@ var MentionsRoot = forwardRef56(({
|
|
|
12420
12424
|
}
|
|
12421
12425
|
function renderOption(option, index) {
|
|
12422
12426
|
const focused = index === activeIndex;
|
|
12423
|
-
return /* @__PURE__ */
|
|
12427
|
+
return /* @__PURE__ */ jsx69("button", {
|
|
12424
12428
|
type: "button",
|
|
12425
12429
|
id: `${listboxId}-option-${index}`,
|
|
12426
12430
|
role: "option",
|
|
@@ -12447,7 +12451,7 @@ var MentionsRoot = forwardRef56(({
|
|
|
12447
12451
|
className
|
|
12448
12452
|
}),
|
|
12449
12453
|
children: [
|
|
12450
|
-
/* @__PURE__ */
|
|
12454
|
+
/* @__PURE__ */ jsx69("textarea", {
|
|
12451
12455
|
...props,
|
|
12452
12456
|
ref: setTextareaRef,
|
|
12453
12457
|
role: "combobox",
|
|
@@ -12463,14 +12467,14 @@ var MentionsRoot = forwardRef56(({
|
|
|
12463
12467
|
onClick: handleClick,
|
|
12464
12468
|
onKeyDown: handleKeyDown
|
|
12465
12469
|
}),
|
|
12466
|
-
isOpen ? /* @__PURE__ */
|
|
12470
|
+
isOpen ? /* @__PURE__ */ jsx69("div", {
|
|
12467
12471
|
id: listboxId,
|
|
12468
12472
|
role: "listbox",
|
|
12469
12473
|
className: getMentionsDropdownClasses({ placement }),
|
|
12470
|
-
children: visibleOptions.length > 0 ? /* @__PURE__ */
|
|
12474
|
+
children: visibleOptions.length > 0 ? /* @__PURE__ */ jsx69("div", {
|
|
12471
12475
|
className: mentionsOptionsClass,
|
|
12472
12476
|
children: visibleOptions.map(renderOption)
|
|
12473
|
-
}) : notFoundContent != null ? /* @__PURE__ */
|
|
12477
|
+
}) : notFoundContent != null ? /* @__PURE__ */ jsx69("div", {
|
|
12474
12478
|
className: mentionsNoOptionsClass,
|
|
12475
12479
|
children: notFoundContent
|
|
12476
12480
|
}) : null
|
|
@@ -12512,7 +12516,7 @@ function getPopoverClasses({
|
|
|
12512
12516
|
}
|
|
12513
12517
|
|
|
12514
12518
|
// src/components/popover/Popover.tsx
|
|
12515
|
-
import { jsx as
|
|
12519
|
+
import { jsx as jsx70, jsxs as jsxs53 } from "react/jsx-runtime";
|
|
12516
12520
|
function callHandler2(handler, event) {
|
|
12517
12521
|
handler?.(event);
|
|
12518
12522
|
}
|
|
@@ -12657,11 +12661,11 @@ var Popover = forwardRef57(({
|
|
|
12657
12661
|
className
|
|
12658
12662
|
}),
|
|
12659
12663
|
children: [
|
|
12660
|
-
title ? /* @__PURE__ */
|
|
12664
|
+
title ? /* @__PURE__ */ jsx70("strong", {
|
|
12661
12665
|
children: title
|
|
12662
12666
|
}) : null,
|
|
12663
12667
|
content ?? null,
|
|
12664
|
-
arrow ? /* @__PURE__ */
|
|
12668
|
+
arrow ? /* @__PURE__ */ jsx70("span", {
|
|
12665
12669
|
className: popoverArrowClass
|
|
12666
12670
|
}) : null
|
|
12667
12671
|
]
|
|
@@ -12713,7 +12717,7 @@ function getPopconfirmClasses({
|
|
|
12713
12717
|
}
|
|
12714
12718
|
|
|
12715
12719
|
// src/components/popconfirm/Popconfirm.tsx
|
|
12716
|
-
import { jsx as
|
|
12720
|
+
import { jsx as jsx71, jsxs as jsxs54 } from "react/jsx-runtime";
|
|
12717
12721
|
function normalizeTriggers(trigger) {
|
|
12718
12722
|
return Array.isArray(trigger) ? trigger : [trigger ?? "click"];
|
|
12719
12723
|
}
|
|
@@ -12856,18 +12860,18 @@ var Popconfirm = forwardRef58(({
|
|
|
12856
12860
|
/* @__PURE__ */ jsxs54("span", {
|
|
12857
12861
|
className: popconfirmBodyClass,
|
|
12858
12862
|
children: [
|
|
12859
|
-
icon ? /* @__PURE__ */
|
|
12863
|
+
icon ? /* @__PURE__ */ jsx71("span", {
|
|
12860
12864
|
className: popconfirmIconClass,
|
|
12861
12865
|
children: icon
|
|
12862
12866
|
}) : null,
|
|
12863
12867
|
/* @__PURE__ */ jsxs54("span", {
|
|
12864
12868
|
className: popconfirmContentClass,
|
|
12865
12869
|
children: [
|
|
12866
|
-
title ? /* @__PURE__ */
|
|
12870
|
+
title ? /* @__PURE__ */ jsx71("span", {
|
|
12867
12871
|
className: popconfirmTitleClass,
|
|
12868
12872
|
children: title
|
|
12869
12873
|
}) : null,
|
|
12870
|
-
description ? /* @__PURE__ */
|
|
12874
|
+
description ? /* @__PURE__ */ jsx71("span", {
|
|
12871
12875
|
className: popconfirmDescriptionClass,
|
|
12872
12876
|
children: description
|
|
12873
12877
|
}) : null
|
|
@@ -12878,7 +12882,7 @@ var Popconfirm = forwardRef58(({
|
|
|
12878
12882
|
/* @__PURE__ */ jsxs54("span", {
|
|
12879
12883
|
className: popconfirmActionsClass,
|
|
12880
12884
|
children: [
|
|
12881
|
-
showCancel ? /* @__PURE__ */
|
|
12885
|
+
showCancel ? /* @__PURE__ */ jsx71(Button, {
|
|
12882
12886
|
appearance: "text",
|
|
12883
12887
|
color: "secondary",
|
|
12884
12888
|
size: "sm",
|
|
@@ -12888,7 +12892,7 @@ var Popconfirm = forwardRef58(({
|
|
|
12888
12892
|
},
|
|
12889
12893
|
children: cancelText
|
|
12890
12894
|
}) : null,
|
|
12891
|
-
/* @__PURE__ */
|
|
12895
|
+
/* @__PURE__ */ jsx71(Button, {
|
|
12892
12896
|
color: "primary",
|
|
12893
12897
|
size: "sm",
|
|
12894
12898
|
...okButtonProps,
|
|
@@ -12900,7 +12904,7 @@ var Popconfirm = forwardRef58(({
|
|
|
12900
12904
|
})
|
|
12901
12905
|
]
|
|
12902
12906
|
}),
|
|
12903
|
-
arrow ? /* @__PURE__ */
|
|
12907
|
+
arrow ? /* @__PURE__ */ jsx71("span", {
|
|
12904
12908
|
className: popconfirmArrowClass
|
|
12905
12909
|
}) : null
|
|
12906
12910
|
]
|
|
@@ -12940,7 +12944,7 @@ function getProgressClasses({
|
|
|
12940
12944
|
}
|
|
12941
12945
|
|
|
12942
12946
|
// src/components/progress/Progress.tsx
|
|
12943
|
-
import { jsx as
|
|
12947
|
+
import { jsx as jsx72, jsxs as jsxs55 } from "react/jsx-runtime";
|
|
12944
12948
|
function clampPercent(percent) {
|
|
12945
12949
|
if (Number.isNaN(percent))
|
|
12946
12950
|
return 0;
|
|
@@ -12972,11 +12976,11 @@ var Progress = forwardRef59(({
|
|
|
12972
12976
|
}),
|
|
12973
12977
|
...props,
|
|
12974
12978
|
children: [
|
|
12975
|
-
/* @__PURE__ */
|
|
12979
|
+
/* @__PURE__ */ jsx72("div", {
|
|
12976
12980
|
className: "progress-bar",
|
|
12977
12981
|
style: indeterminate ? undefined : { width: `${safePercent}%` }
|
|
12978
12982
|
}),
|
|
12979
|
-
showInfo && /* @__PURE__ */
|
|
12983
|
+
showInfo && /* @__PURE__ */ jsx72("span", {
|
|
12980
12984
|
className: "progress-label",
|
|
12981
12985
|
children: format(safePercent)
|
|
12982
12986
|
}),
|
|
@@ -13024,7 +13028,7 @@ function getQRCodeClasses({
|
|
|
13024
13028
|
}
|
|
13025
13029
|
|
|
13026
13030
|
// src/components/qr-code/QRCode.tsx
|
|
13027
|
-
import { jsx as
|
|
13031
|
+
import { jsx as jsx73, jsxs as jsxs56 } from "react/jsx-runtime";
|
|
13028
13032
|
var moduleCountByErrorLevel = {
|
|
13029
13033
|
L: 21,
|
|
13030
13034
|
M: 25,
|
|
@@ -13065,10 +13069,10 @@ function createModules(value, errorLevel) {
|
|
|
13065
13069
|
function renderIcon2(icon, iconSize) {
|
|
13066
13070
|
if (!icon)
|
|
13067
13071
|
return null;
|
|
13068
|
-
return /* @__PURE__ */
|
|
13072
|
+
return /* @__PURE__ */ jsx73("span", {
|
|
13069
13073
|
className: qrCodeIconClass,
|
|
13070
13074
|
style: { width: iconSize, height: iconSize },
|
|
13071
|
-
children: typeof icon === "string" ? /* @__PURE__ */
|
|
13075
|
+
children: typeof icon === "string" ? /* @__PURE__ */ jsx73("img", {
|
|
13072
13076
|
src: icon,
|
|
13073
13077
|
alt: ""
|
|
13074
13078
|
}) : icon
|
|
@@ -13079,13 +13083,13 @@ function QRCodeModules({
|
|
|
13079
13083
|
color
|
|
13080
13084
|
}) {
|
|
13081
13085
|
const count = modules.length;
|
|
13082
|
-
return /* @__PURE__ */
|
|
13086
|
+
return /* @__PURE__ */ jsx73("svg", {
|
|
13083
13087
|
className: qrCodeSvgClass,
|
|
13084
13088
|
viewBox: `0 0 ${count} ${count}`,
|
|
13085
13089
|
role: "img",
|
|
13086
13090
|
"aria-label": "QR code",
|
|
13087
13091
|
shapeRendering: "crispEdges",
|
|
13088
|
-
children: modules.map((row, rowIndex) => row.map((dark, colIndex) => dark ? /* @__PURE__ */
|
|
13092
|
+
children: modules.map((row, rowIndex) => row.map((dark, colIndex) => dark ? /* @__PURE__ */ jsx73("rect", {
|
|
13089
13093
|
x: colIndex,
|
|
13090
13094
|
y: rowIndex,
|
|
13091
13095
|
width: 1,
|
|
@@ -13098,12 +13102,12 @@ function CSSModules({
|
|
|
13098
13102
|
modules,
|
|
13099
13103
|
color
|
|
13100
13104
|
}) {
|
|
13101
|
-
return /* @__PURE__ */
|
|
13105
|
+
return /* @__PURE__ */ jsx73("span", {
|
|
13102
13106
|
className: qrCodeModulesClass,
|
|
13103
13107
|
style: { gridTemplateColumns: `repeat(${modules.length}, 1fr)` },
|
|
13104
13108
|
role: "img",
|
|
13105
13109
|
"aria-label": "QR code",
|
|
13106
|
-
children: modules.flatMap((row, rowIndex) => row.map((dark, colIndex) => /* @__PURE__ */
|
|
13110
|
+
children: modules.flatMap((row, rowIndex) => row.map((dark, colIndex) => /* @__PURE__ */ jsx73("span", {
|
|
13107
13111
|
className: cn(qrCodeModuleClass, dark && "qr-code-module-dark"),
|
|
13108
13112
|
style: dark ? { backgroundColor: color } : undefined
|
|
13109
13113
|
}, `${rowIndex}-${colIndex}`)))
|
|
@@ -13149,12 +13153,12 @@ var QRCode = forwardRef60(({
|
|
|
13149
13153
|
},
|
|
13150
13154
|
"data-value": value,
|
|
13151
13155
|
children: [
|
|
13152
|
-
type === "svg" ? /* @__PURE__ */
|
|
13156
|
+
type === "svg" ? /* @__PURE__ */ jsx73(QRCodeModules, {
|
|
13153
13157
|
modules,
|
|
13154
13158
|
color
|
|
13155
|
-
}) : /* @__PURE__ */
|
|
13159
|
+
}) : /* @__PURE__ */ jsx73("span", {
|
|
13156
13160
|
className: qrCodeCanvasClass,
|
|
13157
|
-
children: /* @__PURE__ */
|
|
13161
|
+
children: /* @__PURE__ */ jsx73(CSSModules, {
|
|
13158
13162
|
modules,
|
|
13159
13163
|
color
|
|
13160
13164
|
})
|
|
@@ -13163,11 +13167,11 @@ var QRCode = forwardRef60(({
|
|
|
13163
13167
|
label ? /* @__PURE__ */ jsxs56("span", {
|
|
13164
13168
|
className: qrCodeMaskClass,
|
|
13165
13169
|
children: [
|
|
13166
|
-
/* @__PURE__ */
|
|
13170
|
+
/* @__PURE__ */ jsx73("span", {
|
|
13167
13171
|
className: qrCodeMaskTitleClass,
|
|
13168
13172
|
children: label
|
|
13169
13173
|
}),
|
|
13170
|
-
status === "expired" && onRefresh ? /* @__PURE__ */
|
|
13174
|
+
status === "expired" && onRefresh ? /* @__PURE__ */ jsx73("button", {
|
|
13171
13175
|
type: "button",
|
|
13172
13176
|
className: qrCodeRefreshClass,
|
|
13173
13177
|
onClick: onRefresh,
|
|
@@ -13224,7 +13228,7 @@ function getRadioLabelClasses({
|
|
|
13224
13228
|
}
|
|
13225
13229
|
|
|
13226
13230
|
// src/components/radio/Radio.tsx
|
|
13227
|
-
import { jsx as
|
|
13231
|
+
import { jsx as jsx74, jsxs as jsxs57 } from "react/jsx-runtime";
|
|
13228
13232
|
var Radio = forwardRef61(({
|
|
13229
13233
|
color = "primary",
|
|
13230
13234
|
size = "md",
|
|
@@ -13245,21 +13249,21 @@ var Radio = forwardRef61(({
|
|
|
13245
13249
|
className
|
|
13246
13250
|
}),
|
|
13247
13251
|
children: [
|
|
13248
|
-
/* @__PURE__ */
|
|
13252
|
+
/* @__PURE__ */ jsx74("input", {
|
|
13249
13253
|
...props,
|
|
13250
13254
|
ref,
|
|
13251
13255
|
type: "radio",
|
|
13252
13256
|
className: radioInputClass,
|
|
13253
13257
|
disabled: isDisabled
|
|
13254
13258
|
}),
|
|
13255
|
-
/* @__PURE__ */
|
|
13259
|
+
/* @__PURE__ */ jsx74("span", {
|
|
13256
13260
|
className: getRadioCircleClasses({ color }),
|
|
13257
13261
|
"aria-hidden": "true",
|
|
13258
|
-
children: /* @__PURE__ */
|
|
13262
|
+
children: /* @__PURE__ */ jsx74("span", {
|
|
13259
13263
|
className: radioDotClass
|
|
13260
13264
|
})
|
|
13261
13265
|
}),
|
|
13262
|
-
children ? /* @__PURE__ */
|
|
13266
|
+
children ? /* @__PURE__ */ jsx74("span", {
|
|
13263
13267
|
className: getRadioLabelClasses({ labelPosition }),
|
|
13264
13268
|
children
|
|
13265
13269
|
}) : null
|
|
@@ -13312,7 +13316,7 @@ function getRateItemClasses({
|
|
|
13312
13316
|
}
|
|
13313
13317
|
|
|
13314
13318
|
// src/components/rate/Rate.tsx
|
|
13315
|
-
import { jsx as
|
|
13319
|
+
import { jsx as jsx75 } from "react/jsx-runtime";
|
|
13316
13320
|
function clampValue(value, count, allowHalf) {
|
|
13317
13321
|
if (!Number.isFinite(value))
|
|
13318
13322
|
return 0;
|
|
@@ -13390,7 +13394,7 @@ var Rate = forwardRef62(({
|
|
|
13390
13394
|
commitValue(keyValues[event.key]);
|
|
13391
13395
|
}
|
|
13392
13396
|
}
|
|
13393
|
-
return /* @__PURE__ */
|
|
13397
|
+
return /* @__PURE__ */ jsx75("div", {
|
|
13394
13398
|
...props,
|
|
13395
13399
|
ref,
|
|
13396
13400
|
role: "radiogroup",
|
|
@@ -13414,7 +13418,7 @@ var Rate = forwardRef62(({
|
|
|
13414
13418
|
const checked = currentValue > 0 && Math.ceil(currentValue) === index;
|
|
13415
13419
|
const focusable = isInteractive && (checked || currentValue === 0 && index === 1);
|
|
13416
13420
|
const itemValue = half ? index - 0.5 : index;
|
|
13417
|
-
return /* @__PURE__ */
|
|
13421
|
+
return /* @__PURE__ */ jsx75("span", {
|
|
13418
13422
|
role: "radio",
|
|
13419
13423
|
"aria-checked": checked,
|
|
13420
13424
|
"aria-disabled": disabled || undefined,
|
|
@@ -13483,7 +13487,7 @@ function getResultPresentedIconClasses(status = "info") {
|
|
|
13483
13487
|
}
|
|
13484
13488
|
|
|
13485
13489
|
// src/components/result/Result.tsx
|
|
13486
|
-
import { jsx as
|
|
13490
|
+
import { jsx as jsx76, jsxs as jsxs58 } from "react/jsx-runtime";
|
|
13487
13491
|
var statusLabels = {
|
|
13488
13492
|
success: "Success",
|
|
13489
13493
|
error: "Error",
|
|
@@ -13497,17 +13501,17 @@ function PresentedIconGlyph({
|
|
|
13497
13501
|
status
|
|
13498
13502
|
}) {
|
|
13499
13503
|
if (status === "404" || status === "403" || status === "500") {
|
|
13500
|
-
return /* @__PURE__ */
|
|
13504
|
+
return /* @__PURE__ */ jsx76("span", {
|
|
13501
13505
|
"aria-hidden": "true",
|
|
13502
13506
|
children: status
|
|
13503
13507
|
});
|
|
13504
13508
|
}
|
|
13505
13509
|
if (status === "success") {
|
|
13506
|
-
return /* @__PURE__ */
|
|
13510
|
+
return /* @__PURE__ */ jsx76("svg", {
|
|
13507
13511
|
"aria-hidden": "true",
|
|
13508
13512
|
focusable: "false",
|
|
13509
13513
|
viewBox: "0 0 24 24",
|
|
13510
|
-
children: /* @__PURE__ */
|
|
13514
|
+
children: /* @__PURE__ */ jsx76("path", {
|
|
13511
13515
|
d: "M5 12.5l4.25 4.25L19 7",
|
|
13512
13516
|
fill: "none",
|
|
13513
13517
|
stroke: "currentColor",
|
|
@@ -13523,14 +13527,14 @@ function PresentedIconGlyph({
|
|
|
13523
13527
|
focusable: "false",
|
|
13524
13528
|
viewBox: "0 0 24 24",
|
|
13525
13529
|
children: [
|
|
13526
|
-
/* @__PURE__ */
|
|
13530
|
+
/* @__PURE__ */ jsx76("path", {
|
|
13527
13531
|
d: "M12 4l8 15H4L12 4z",
|
|
13528
13532
|
fill: "none",
|
|
13529
13533
|
stroke: "currentColor",
|
|
13530
13534
|
strokeLinejoin: "round",
|
|
13531
13535
|
strokeWidth: "2"
|
|
13532
13536
|
}),
|
|
13533
|
-
/* @__PURE__ */
|
|
13537
|
+
/* @__PURE__ */ jsx76("path", {
|
|
13534
13538
|
d: "M12 9v4M12 17h.01",
|
|
13535
13539
|
fill: "none",
|
|
13536
13540
|
stroke: "currentColor",
|
|
@@ -13541,11 +13545,11 @@ function PresentedIconGlyph({
|
|
|
13541
13545
|
});
|
|
13542
13546
|
}
|
|
13543
13547
|
if (status === "error") {
|
|
13544
|
-
return /* @__PURE__ */
|
|
13548
|
+
return /* @__PURE__ */ jsx76("svg", {
|
|
13545
13549
|
"aria-hidden": "true",
|
|
13546
13550
|
focusable: "false",
|
|
13547
13551
|
viewBox: "0 0 24 24",
|
|
13548
|
-
children: /* @__PURE__ */
|
|
13552
|
+
children: /* @__PURE__ */ jsx76("path", {
|
|
13549
13553
|
d: "M8 8l8 8M16 8l-8 8",
|
|
13550
13554
|
fill: "none",
|
|
13551
13555
|
stroke: "currentColor",
|
|
@@ -13554,11 +13558,11 @@ function PresentedIconGlyph({
|
|
|
13554
13558
|
})
|
|
13555
13559
|
});
|
|
13556
13560
|
}
|
|
13557
|
-
return /* @__PURE__ */
|
|
13561
|
+
return /* @__PURE__ */ jsx76("svg", {
|
|
13558
13562
|
"aria-hidden": "true",
|
|
13559
13563
|
focusable: "false",
|
|
13560
13564
|
viewBox: "0 0 24 24",
|
|
13561
|
-
children: /* @__PURE__ */
|
|
13565
|
+
children: /* @__PURE__ */ jsx76("path", {
|
|
13562
13566
|
d: "M12 11v6M12 7h.01",
|
|
13563
13567
|
fill: "none",
|
|
13564
13568
|
stroke: "currentColor",
|
|
@@ -13569,11 +13573,11 @@ function PresentedIconGlyph({
|
|
|
13569
13573
|
}
|
|
13570
13574
|
function PresentedIcon({ status }) {
|
|
13571
13575
|
const normalizedStatus = normalizeResultStatus(status);
|
|
13572
|
-
return /* @__PURE__ */
|
|
13576
|
+
return /* @__PURE__ */ jsx76("span", {
|
|
13573
13577
|
className: getResultPresentedIconClasses(normalizedStatus),
|
|
13574
13578
|
"aria-label": statusLabels[normalizedStatus],
|
|
13575
13579
|
role: "img",
|
|
13576
|
-
children: /* @__PURE__ */
|
|
13580
|
+
children: /* @__PURE__ */ jsx76(PresentedIconGlyph, {
|
|
13577
13581
|
status: normalizedStatus
|
|
13578
13582
|
})
|
|
13579
13583
|
});
|
|
@@ -13593,21 +13597,21 @@ var Result = forwardRef63(({
|
|
|
13593
13597
|
className: getResultClasses({ status, className }),
|
|
13594
13598
|
...props,
|
|
13595
13599
|
children: [
|
|
13596
|
-
/* @__PURE__ */
|
|
13600
|
+
/* @__PURE__ */ jsx76("div", {
|
|
13597
13601
|
className: resultIconClass,
|
|
13598
|
-
children: icon ?? /* @__PURE__ */
|
|
13602
|
+
children: icon ?? /* @__PURE__ */ jsx76(PresentedIcon, {
|
|
13599
13603
|
status
|
|
13600
13604
|
})
|
|
13601
13605
|
}),
|
|
13602
|
-
title ? /* @__PURE__ */
|
|
13606
|
+
title ? /* @__PURE__ */ jsx76("div", {
|
|
13603
13607
|
className: resultTitleClass,
|
|
13604
13608
|
children: title
|
|
13605
13609
|
}) : null,
|
|
13606
|
-
subTitle ? /* @__PURE__ */
|
|
13610
|
+
subTitle ? /* @__PURE__ */ jsx76("div", {
|
|
13607
13611
|
className: resultSubTitleClass,
|
|
13608
13612
|
children: subTitle
|
|
13609
13613
|
}) : null,
|
|
13610
|
-
extra ? /* @__PURE__ */
|
|
13614
|
+
extra ? /* @__PURE__ */ jsx76("div", {
|
|
13611
13615
|
className: resultExtraClass,
|
|
13612
13616
|
children: extra
|
|
13613
13617
|
}) : null
|
|
@@ -13644,7 +13648,7 @@ function getRowClasses({
|
|
|
13644
13648
|
}
|
|
13645
13649
|
|
|
13646
13650
|
// src/components/row/Row.tsx
|
|
13647
|
-
import { jsx as
|
|
13651
|
+
import { jsx as jsx77 } from "react/jsx-runtime";
|
|
13648
13652
|
var alignStyleMap = {
|
|
13649
13653
|
top: "flex-start",
|
|
13650
13654
|
middle: "center",
|
|
@@ -13676,7 +13680,7 @@ var Row = forwardRef64(({
|
|
|
13676
13680
|
...props
|
|
13677
13681
|
}, ref) => {
|
|
13678
13682
|
const [horizontalGutter, verticalGutter] = resolveGutter(gutter);
|
|
13679
|
-
return /* @__PURE__ */
|
|
13683
|
+
return /* @__PURE__ */ jsx77("div", {
|
|
13680
13684
|
...props,
|
|
13681
13685
|
ref,
|
|
13682
13686
|
className: getRowClasses({ align, justify, wrap, className }),
|
|
@@ -13725,7 +13729,7 @@ function getSegmentedItemClasses({
|
|
|
13725
13729
|
}
|
|
13726
13730
|
|
|
13727
13731
|
// src/components/segmented/Segmented.tsx
|
|
13728
|
-
import { jsx as
|
|
13732
|
+
import { jsx as jsx78, jsxs as jsxs59 } from "react/jsx-runtime";
|
|
13729
13733
|
function normalizeOption(option) {
|
|
13730
13734
|
if (typeof option === "object" && option !== null && "value" in option) {
|
|
13731
13735
|
return option;
|
|
@@ -13760,7 +13764,7 @@ var Segmented = forwardRef65(({
|
|
|
13760
13764
|
}
|
|
13761
13765
|
onChange?.(option.value);
|
|
13762
13766
|
}
|
|
13763
|
-
return /* @__PURE__ */
|
|
13767
|
+
return /* @__PURE__ */ jsx78("div", {
|
|
13764
13768
|
...props,
|
|
13765
13769
|
ref,
|
|
13766
13770
|
role: "radiogroup",
|
|
@@ -13782,7 +13786,7 @@ var Segmented = forwardRef65(({
|
|
|
13782
13786
|
}),
|
|
13783
13787
|
onClick: () => selectOption(option),
|
|
13784
13788
|
children: [
|
|
13785
|
-
option.icon ? /* @__PURE__ */
|
|
13789
|
+
option.icon ? /* @__PURE__ */ jsx78("span", {
|
|
13786
13790
|
className: segmentedIconClass,
|
|
13787
13791
|
children: option.icon
|
|
13788
13792
|
}) : null,
|
|
@@ -13832,7 +13836,7 @@ function getSkeletonClasses({
|
|
|
13832
13836
|
}
|
|
13833
13837
|
|
|
13834
13838
|
// src/components/skeleton/Skeleton.tsx
|
|
13835
|
-
import { jsx as
|
|
13839
|
+
import { jsx as jsx79, jsxs as jsxs60, Fragment as Fragment13 } from "react/jsx-runtime";
|
|
13836
13840
|
function resolveAnimation(active, animation) {
|
|
13837
13841
|
if (animation)
|
|
13838
13842
|
return animation;
|
|
@@ -13858,7 +13862,7 @@ function SkeletonLine({
|
|
|
13858
13862
|
round,
|
|
13859
13863
|
width
|
|
13860
13864
|
}) {
|
|
13861
|
-
return /* @__PURE__ */
|
|
13865
|
+
return /* @__PURE__ */ jsx79("div", {
|
|
13862
13866
|
className: getSkeletonClasses({
|
|
13863
13867
|
variant: "text",
|
|
13864
13868
|
animation,
|
|
@@ -13876,7 +13880,7 @@ function SkeletonPrimitive({
|
|
|
13876
13880
|
children,
|
|
13877
13881
|
...props
|
|
13878
13882
|
}) {
|
|
13879
|
-
return /* @__PURE__ */
|
|
13883
|
+
return /* @__PURE__ */ jsx79("div", {
|
|
13880
13884
|
"aria-hidden": children ? undefined : true,
|
|
13881
13885
|
className: getSkeletonClasses({
|
|
13882
13886
|
variant,
|
|
@@ -13902,13 +13906,13 @@ var SkeletonRoot = forwardRef66(({
|
|
|
13902
13906
|
...props
|
|
13903
13907
|
}, ref) => {
|
|
13904
13908
|
if (!loading) {
|
|
13905
|
-
return children ? /* @__PURE__ */
|
|
13909
|
+
return children ? /* @__PURE__ */ jsx79(Fragment13, {
|
|
13906
13910
|
children
|
|
13907
13911
|
}) : null;
|
|
13908
13912
|
}
|
|
13909
13913
|
const resolvedAnimation = resolveAnimation(active, animation);
|
|
13910
13914
|
if (variant) {
|
|
13911
|
-
return /* @__PURE__ */
|
|
13915
|
+
return /* @__PURE__ */ jsx79("div", {
|
|
13912
13916
|
ref,
|
|
13913
13917
|
"aria-hidden": true,
|
|
13914
13918
|
className: getSkeletonClasses({
|
|
@@ -13931,7 +13935,7 @@ var SkeletonRoot = forwardRef66(({
|
|
|
13931
13935
|
className: cn(avatar ? skeletonAvatarTextClass : skeletonGroupClass, className),
|
|
13932
13936
|
...props,
|
|
13933
13937
|
children: [
|
|
13934
|
-
avatar && /* @__PURE__ */
|
|
13938
|
+
avatar && /* @__PURE__ */ jsx79("div", {
|
|
13935
13939
|
className: getSkeletonClasses({
|
|
13936
13940
|
variant: avatarConfig?.shape === "square" ? "rect" : "circle",
|
|
13937
13941
|
animation: resolvedAnimation,
|
|
@@ -13942,12 +13946,12 @@ var SkeletonRoot = forwardRef66(({
|
|
|
13942
13946
|
/* @__PURE__ */ jsxs60("div", {
|
|
13943
13947
|
className: skeletonGroupClass,
|
|
13944
13948
|
children: [
|
|
13945
|
-
showTitle && /* @__PURE__ */
|
|
13949
|
+
showTitle && /* @__PURE__ */ jsx79(SkeletonLine, {
|
|
13946
13950
|
animation: resolvedAnimation,
|
|
13947
13951
|
round,
|
|
13948
13952
|
width: titleConfig?.width
|
|
13949
13953
|
}),
|
|
13950
|
-
Array.from({ length: rows }, (_, index) => /* @__PURE__ */
|
|
13954
|
+
Array.from({ length: rows }, (_, index) => /* @__PURE__ */ jsx79(SkeletonLine, {
|
|
13951
13955
|
animation: resolvedAnimation,
|
|
13952
13956
|
round,
|
|
13953
13957
|
width: resolveWidth(paragraphConfig?.width, index, rows)
|
|
@@ -13958,32 +13962,32 @@ var SkeletonRoot = forwardRef66(({
|
|
|
13958
13962
|
});
|
|
13959
13963
|
});
|
|
13960
13964
|
SkeletonRoot.displayName = "Skeleton";
|
|
13961
|
-
var SkeletonButton = forwardRef66((props, ref) => /* @__PURE__ */
|
|
13965
|
+
var SkeletonButton = forwardRef66((props, ref) => /* @__PURE__ */ jsx79(SkeletonPrimitive, {
|
|
13962
13966
|
ref,
|
|
13963
13967
|
variant: "button",
|
|
13964
13968
|
...props
|
|
13965
13969
|
}));
|
|
13966
13970
|
SkeletonButton.displayName = "Skeleton.Button";
|
|
13967
|
-
var SkeletonInput = forwardRef66((props, ref) => /* @__PURE__ */
|
|
13971
|
+
var SkeletonInput = forwardRef66((props, ref) => /* @__PURE__ */ jsx79(SkeletonPrimitive, {
|
|
13968
13972
|
ref,
|
|
13969
13973
|
variant: "input",
|
|
13970
13974
|
...props
|
|
13971
13975
|
}));
|
|
13972
13976
|
SkeletonInput.displayName = "Skeleton.Input";
|
|
13973
|
-
var SkeletonAvatar = forwardRef66(({ shape = "circle", className, ...props }, ref) => /* @__PURE__ */
|
|
13977
|
+
var SkeletonAvatar = forwardRef66(({ shape = "circle", className, ...props }, ref) => /* @__PURE__ */ jsx79(SkeletonPrimitive, {
|
|
13974
13978
|
ref,
|
|
13975
13979
|
variant: shape === "square" ? "rect" : "circle",
|
|
13976
13980
|
className: cn(shape === "square" && skeletonRoundedClass, className),
|
|
13977
13981
|
...props
|
|
13978
13982
|
}));
|
|
13979
13983
|
SkeletonAvatar.displayName = "Skeleton.Avatar";
|
|
13980
|
-
var SkeletonImage = forwardRef66((props, ref) => /* @__PURE__ */
|
|
13984
|
+
var SkeletonImage = forwardRef66((props, ref) => /* @__PURE__ */ jsx79(SkeletonPrimitive, {
|
|
13981
13985
|
ref,
|
|
13982
13986
|
variant: "rect",
|
|
13983
13987
|
...props
|
|
13984
13988
|
}));
|
|
13985
13989
|
SkeletonImage.displayName = "Skeleton.Image";
|
|
13986
|
-
var SkeletonNode = forwardRef66((props, ref) => /* @__PURE__ */
|
|
13990
|
+
var SkeletonNode = forwardRef66((props, ref) => /* @__PURE__ */ jsx79(SkeletonPrimitive, {
|
|
13987
13991
|
ref,
|
|
13988
13992
|
variant: "rect",
|
|
13989
13993
|
...props
|
|
@@ -14049,7 +14053,7 @@ function getSliderMarkClasses({
|
|
|
14049
14053
|
}
|
|
14050
14054
|
|
|
14051
14055
|
// src/components/slider/Slider.tsx
|
|
14052
|
-
import { jsx as
|
|
14056
|
+
import { jsx as jsx80, jsxs as jsxs61 } from "react/jsx-runtime";
|
|
14053
14057
|
var hiddenInputStyle = {
|
|
14054
14058
|
position: "absolute",
|
|
14055
14059
|
inset: 0,
|
|
@@ -14315,7 +14319,7 @@ var Slider = forwardRef67(({
|
|
|
14315
14319
|
const values = Array.isArray(currentValue) ? currentValue : [currentValue];
|
|
14316
14320
|
const markEntries = Object.entries(marks ?? {}).map(([markValue, mark]) => [Number(markValue), mark]).filter(([markValue]) => Number.isFinite(markValue)).sort(([first], [second]) => first - second);
|
|
14317
14321
|
const inputStep = step === null ? undefined : step;
|
|
14318
|
-
return /* @__PURE__ */
|
|
14322
|
+
return /* @__PURE__ */ jsx80("div", {
|
|
14319
14323
|
...props,
|
|
14320
14324
|
ref,
|
|
14321
14325
|
"aria-disabled": disabled || undefined,
|
|
@@ -14323,7 +14327,7 @@ var Slider = forwardRef67(({
|
|
|
14323
14327
|
children: /* @__PURE__ */ jsxs61("div", {
|
|
14324
14328
|
className: sliderTrackClass,
|
|
14325
14329
|
children: [
|
|
14326
|
-
/* @__PURE__ */
|
|
14330
|
+
/* @__PURE__ */ jsx80("div", {
|
|
14327
14331
|
className: sliderTrackFilledClass,
|
|
14328
14332
|
style: getFilledStyle({
|
|
14329
14333
|
value: currentValue,
|
|
@@ -14333,19 +14337,19 @@ var Slider = forwardRef67(({
|
|
|
14333
14337
|
vertical
|
|
14334
14338
|
})
|
|
14335
14339
|
}),
|
|
14336
|
-
markEntries.length > 0 ? /* @__PURE__ */
|
|
14340
|
+
markEntries.length > 0 ? /* @__PURE__ */ jsx80("div", {
|
|
14337
14341
|
className: sliderMarksClass,
|
|
14338
14342
|
"aria-hidden": "true",
|
|
14339
14343
|
children: markEntries.map(([markValue, mark]) => {
|
|
14340
14344
|
const percent = getPercent(markValue, safeMin, safeMax, reverse);
|
|
14341
14345
|
const offsetStyle = vertical ? { bottom: `${percent}%` } : { left: `${percent}%` };
|
|
14342
|
-
return /* @__PURE__ */
|
|
14346
|
+
return /* @__PURE__ */ jsx80("span", {
|
|
14343
14347
|
className: getSliderMarkClasses({
|
|
14344
14348
|
active: isMarkActive(currentValue, markValue),
|
|
14345
14349
|
className: getMarkClassName(mark)
|
|
14346
14350
|
}),
|
|
14347
14351
|
style: { ...offsetStyle, ...getMarkStyle(mark) },
|
|
14348
|
-
children: /* @__PURE__ */
|
|
14352
|
+
children: /* @__PURE__ */ jsx80("span", {
|
|
14349
14353
|
className: sliderMarkLabelClass,
|
|
14350
14354
|
children: getMarkLabel(mark)
|
|
14351
14355
|
})
|
|
@@ -14354,7 +14358,7 @@ var Slider = forwardRef67(({
|
|
|
14354
14358
|
}) : null,
|
|
14355
14359
|
values.map((thumbValue, index) => {
|
|
14356
14360
|
const tooltipLabel = getTooltipLabel(tooltip, thumbValue);
|
|
14357
|
-
return /* @__PURE__ */
|
|
14361
|
+
return /* @__PURE__ */ jsx80("span", {
|
|
14358
14362
|
className: sliderThumbClass,
|
|
14359
14363
|
style: getThumbStyle({
|
|
14360
14364
|
value: thumbValue,
|
|
@@ -14363,13 +14367,13 @@ var Slider = forwardRef67(({
|
|
|
14363
14367
|
reverse,
|
|
14364
14368
|
vertical
|
|
14365
14369
|
}),
|
|
14366
|
-
children: tooltipLabel !== null ? /* @__PURE__ */
|
|
14370
|
+
children: tooltipLabel !== null ? /* @__PURE__ */ jsx80("span", {
|
|
14367
14371
|
className: sliderThumbLabelClass,
|
|
14368
14372
|
children: tooltipLabel
|
|
14369
14373
|
}) : null
|
|
14370
14374
|
}, index);
|
|
14371
14375
|
}),
|
|
14372
|
-
values.map((thumbValue, index) => /* @__PURE__ */
|
|
14376
|
+
values.map((thumbValue, index) => /* @__PURE__ */ jsx80("input", {
|
|
14373
14377
|
type: "range",
|
|
14374
14378
|
"aria-label": isRange ? index === 0 ? "Minimum value" : "Maximum value" : "Slider value",
|
|
14375
14379
|
className: sliderInputClass,
|
|
@@ -14421,7 +14425,7 @@ function getSpaceCompactClasses({
|
|
|
14421
14425
|
}
|
|
14422
14426
|
|
|
14423
14427
|
// src/components/space/Space.tsx
|
|
14424
|
-
import { jsx as
|
|
14428
|
+
import { jsx as jsx81, jsxs as jsxs62 } from "react/jsx-runtime";
|
|
14425
14429
|
var sizeMap = {
|
|
14426
14430
|
small: 8,
|
|
14427
14431
|
middle: 16,
|
|
@@ -14452,7 +14456,7 @@ var SpaceBase = forwardRef68(({
|
|
|
14452
14456
|
}, ref) => {
|
|
14453
14457
|
const gap = resolveSize(size);
|
|
14454
14458
|
const childList = Children4.toArray(children).filter((child) => child !== null && child !== undefined);
|
|
14455
|
-
return /* @__PURE__ */
|
|
14459
|
+
return /* @__PURE__ */ jsx81("div", {
|
|
14456
14460
|
...props,
|
|
14457
14461
|
ref,
|
|
14458
14462
|
className: getSpaceClasses({ direction, wrap, className }),
|
|
@@ -14466,11 +14470,11 @@ var SpaceBase = forwardRef68(({
|
|
|
14466
14470
|
},
|
|
14467
14471
|
children: childList.map((child, index) => /* @__PURE__ */ jsxs62(React74.Fragment, {
|
|
14468
14472
|
children: [
|
|
14469
|
-
/* @__PURE__ */
|
|
14473
|
+
/* @__PURE__ */ jsx81("div", {
|
|
14470
14474
|
className: spaceItemClass,
|
|
14471
14475
|
children: child
|
|
14472
14476
|
}),
|
|
14473
|
-
split && index < childList.length - 1 ? /* @__PURE__ */
|
|
14477
|
+
split && index < childList.length - 1 ? /* @__PURE__ */ jsx81("span", {
|
|
14474
14478
|
className: spaceSplitClass,
|
|
14475
14479
|
children: split
|
|
14476
14480
|
}) : null
|
|
@@ -14489,7 +14493,7 @@ var Compact = forwardRef68(({
|
|
|
14489
14493
|
...props
|
|
14490
14494
|
}, ref) => {
|
|
14491
14495
|
const gap = resolveSize(size);
|
|
14492
|
-
return /* @__PURE__ */
|
|
14496
|
+
return /* @__PURE__ */ jsx81("div", {
|
|
14493
14497
|
...props,
|
|
14494
14498
|
ref,
|
|
14495
14499
|
className: getSpaceCompactClasses({ block, direction, className }),
|
|
@@ -14520,7 +14524,7 @@ function getStatisticClasses({ className }) {
|
|
|
14520
14524
|
}
|
|
14521
14525
|
|
|
14522
14526
|
// src/components/statistic/Statistic.tsx
|
|
14523
|
-
import { jsx as
|
|
14527
|
+
import { jsx as jsx82, jsxs as jsxs63 } from "react/jsx-runtime";
|
|
14524
14528
|
function formatStatisticValue(value, precision) {
|
|
14525
14529
|
if (value === undefined || value === null)
|
|
14526
14530
|
return;
|
|
@@ -14568,23 +14572,23 @@ function StatisticBase({
|
|
|
14568
14572
|
className: getStatisticClasses({ className }),
|
|
14569
14573
|
...props,
|
|
14570
14574
|
children: [
|
|
14571
|
-
title !== undefined && /* @__PURE__ */
|
|
14575
|
+
title !== undefined && /* @__PURE__ */ jsx82("div", {
|
|
14572
14576
|
className: statisticTitleClass,
|
|
14573
14577
|
children: title
|
|
14574
14578
|
}),
|
|
14575
14579
|
/* @__PURE__ */ jsxs63("div", {
|
|
14576
14580
|
className: statisticContentClass,
|
|
14577
14581
|
children: [
|
|
14578
|
-
prefix !== undefined && /* @__PURE__ */
|
|
14582
|
+
prefix !== undefined && /* @__PURE__ */ jsx82("span", {
|
|
14579
14583
|
className: statisticPrefixClass,
|
|
14580
14584
|
children: prefix
|
|
14581
14585
|
}),
|
|
14582
|
-
/* @__PURE__ */
|
|
14586
|
+
/* @__PURE__ */ jsx82("span", {
|
|
14583
14587
|
className: statisticValueClass,
|
|
14584
14588
|
style: valueStyle,
|
|
14585
14589
|
children: renderedValue
|
|
14586
14590
|
}),
|
|
14587
|
-
suffix !== undefined && /* @__PURE__ */
|
|
14591
|
+
suffix !== undefined && /* @__PURE__ */ jsx82("span", {
|
|
14588
14592
|
className: statisticSuffixClass,
|
|
14589
14593
|
children: suffix
|
|
14590
14594
|
})
|
|
@@ -14618,7 +14622,7 @@ function Countdown({
|
|
|
14618
14622
|
const interval = window.setInterval(tick, 1000);
|
|
14619
14623
|
return () => window.clearInterval(interval);
|
|
14620
14624
|
}, [target, onChange, onFinish]);
|
|
14621
|
-
return /* @__PURE__ */
|
|
14625
|
+
return /* @__PURE__ */ jsx82(StatisticBase, {
|
|
14622
14626
|
...props,
|
|
14623
14627
|
value: formatCountdown(remaining, format)
|
|
14624
14628
|
});
|
|
@@ -14680,7 +14684,7 @@ function getStepsStepIconClasses({
|
|
|
14680
14684
|
}
|
|
14681
14685
|
|
|
14682
14686
|
// src/components/steps/Steps.tsx
|
|
14683
|
-
import { jsx as
|
|
14687
|
+
import { jsx as jsx83, jsxs as jsxs64, Fragment as Fragment14 } from "react/jsx-runtime";
|
|
14684
14688
|
function hasNode7(node) {
|
|
14685
14689
|
return node !== undefined && node !== null && node !== false;
|
|
14686
14690
|
}
|
|
@@ -14746,7 +14750,7 @@ function renderProgressDot({
|
|
|
14746
14750
|
index,
|
|
14747
14751
|
status
|
|
14748
14752
|
}) {
|
|
14749
|
-
const iconDot = /* @__PURE__ */
|
|
14753
|
+
const iconDot = /* @__PURE__ */ jsx83("span", {
|
|
14750
14754
|
className: "stepper-step-dot-inner"
|
|
14751
14755
|
});
|
|
14752
14756
|
if (typeof progressDot !== "function") {
|
|
@@ -14776,13 +14780,13 @@ function renderStepIcon({
|
|
|
14776
14780
|
index,
|
|
14777
14781
|
status
|
|
14778
14782
|
}) : item.icon ?? (status === "finish" ? "✓" : initial + index + 1);
|
|
14779
|
-
return /* @__PURE__ */
|
|
14783
|
+
return /* @__PURE__ */ jsx83("span", {
|
|
14780
14784
|
className: getStepsStepIconClasses({
|
|
14781
14785
|
progressDot: progressDotEnabled,
|
|
14782
14786
|
percent: progressPercent !== undefined
|
|
14783
14787
|
}),
|
|
14784
14788
|
"aria-hidden": progressPercent === undefined ? "true" : undefined,
|
|
14785
|
-
children: progressPercent !== undefined ? /* @__PURE__ */
|
|
14789
|
+
children: progressPercent !== undefined ? /* @__PURE__ */ jsx83("span", {
|
|
14786
14790
|
className: stepsStepPercentClass,
|
|
14787
14791
|
role: "progressbar",
|
|
14788
14792
|
"aria-label": `Step ${index + 1} progress`,
|
|
@@ -14805,13 +14809,13 @@ function renderStepContent(item) {
|
|
|
14805
14809
|
className: stepsStepLabelClass,
|
|
14806
14810
|
children: [
|
|
14807
14811
|
item.title,
|
|
14808
|
-
hasNode7(item.subTitle) ? /* @__PURE__ */
|
|
14812
|
+
hasNode7(item.subTitle) ? /* @__PURE__ */ jsx83("span", {
|
|
14809
14813
|
className: stepsStepSubtitleClass,
|
|
14810
14814
|
children: item.subTitle
|
|
14811
14815
|
}) : null
|
|
14812
14816
|
]
|
|
14813
14817
|
}) : null,
|
|
14814
|
-
hasNode7(description) ? /* @__PURE__ */
|
|
14818
|
+
hasNode7(description) ? /* @__PURE__ */ jsx83("span", {
|
|
14815
14819
|
className: stepsStepDescriptionClass,
|
|
14816
14820
|
children: description
|
|
14817
14821
|
}) : null
|
|
@@ -14836,7 +14840,7 @@ var StepsRoot = forwardRef69(({
|
|
|
14836
14840
|
const mergedCurrent = toInteger(current, 0);
|
|
14837
14841
|
const initialOffset = toInteger(initial, 0);
|
|
14838
14842
|
const progressDotEnabled = Boolean(progressDot);
|
|
14839
|
-
return /* @__PURE__ */
|
|
14843
|
+
return /* @__PURE__ */ jsx83("div", {
|
|
14840
14844
|
...props,
|
|
14841
14845
|
ref,
|
|
14842
14846
|
role: role ?? "list",
|
|
@@ -14878,7 +14882,7 @@ var StepsRoot = forwardRef69(({
|
|
|
14878
14882
|
}),
|
|
14879
14883
|
style: item.style,
|
|
14880
14884
|
children: [
|
|
14881
|
-
onChange ? /* @__PURE__ */
|
|
14885
|
+
onChange ? /* @__PURE__ */ jsx83("button", {
|
|
14882
14886
|
type: "button",
|
|
14883
14887
|
className: stepsStepButtonClass,
|
|
14884
14888
|
disabled: item.disabled,
|
|
@@ -14888,11 +14892,11 @@ var StepsRoot = forwardRef69(({
|
|
|
14888
14892
|
}
|
|
14889
14893
|
},
|
|
14890
14894
|
children: content
|
|
14891
|
-
}) : /* @__PURE__ */
|
|
14895
|
+
}) : /* @__PURE__ */ jsx83("div", {
|
|
14892
14896
|
className: stepsStepButtonClass,
|
|
14893
14897
|
children: content
|
|
14894
14898
|
}),
|
|
14895
|
-
/* @__PURE__ */
|
|
14899
|
+
/* @__PURE__ */ jsx83("span", {
|
|
14896
14900
|
className: stepsStepConnectorClass,
|
|
14897
14901
|
"aria-hidden": "true"
|
|
14898
14902
|
})
|
|
@@ -14938,7 +14942,7 @@ function getSwitchTrackClasses({
|
|
|
14938
14942
|
}
|
|
14939
14943
|
|
|
14940
14944
|
// src/components/switch/Switch.tsx
|
|
14941
|
-
import { jsx as
|
|
14945
|
+
import { jsx as jsx84, jsxs as jsxs65 } from "react/jsx-runtime";
|
|
14942
14946
|
var Switch = forwardRef70(({
|
|
14943
14947
|
checked,
|
|
14944
14948
|
defaultChecked,
|
|
@@ -14967,7 +14971,7 @@ var Switch = forwardRef70(({
|
|
|
14967
14971
|
return /* @__PURE__ */ jsxs65("label", {
|
|
14968
14972
|
className: getSwitchClasses({ size, loading, className }),
|
|
14969
14973
|
children: [
|
|
14970
|
-
/* @__PURE__ */
|
|
14974
|
+
/* @__PURE__ */ jsx84("input", {
|
|
14971
14975
|
...props,
|
|
14972
14976
|
ref,
|
|
14973
14977
|
type: "checkbox",
|
|
@@ -14983,10 +14987,10 @@ var Switch = forwardRef70(({
|
|
|
14983
14987
|
className: getSwitchTrackClasses({ color }),
|
|
14984
14988
|
"aria-hidden": "true",
|
|
14985
14989
|
children: [
|
|
14986
|
-
hasChildren && /* @__PURE__ */
|
|
14990
|
+
hasChildren && /* @__PURE__ */ jsx84("span", {
|
|
14987
14991
|
children: isChecked ? checkedChildren : unCheckedChildren
|
|
14988
14992
|
}),
|
|
14989
|
-
/* @__PURE__ */
|
|
14993
|
+
/* @__PURE__ */ jsx84("span", {
|
|
14990
14994
|
className: switchThumbClass
|
|
14991
14995
|
})
|
|
14992
14996
|
]
|
|
@@ -15033,7 +15037,7 @@ function getCheckableTagClasses({
|
|
|
15033
15037
|
}
|
|
15034
15038
|
|
|
15035
15039
|
// src/components/tag/Tag.tsx
|
|
15036
|
-
import { jsx as
|
|
15040
|
+
import { jsx as jsx85, jsxs as jsxs66 } from "react/jsx-runtime";
|
|
15037
15041
|
var defaultCloseIcon3 = "x";
|
|
15038
15042
|
var TagRoot = forwardRef71(({
|
|
15039
15043
|
color,
|
|
@@ -15050,13 +15054,13 @@ var TagRoot = forwardRef71(({
|
|
|
15050
15054
|
className: getTagClasses({ color, bordered, className }),
|
|
15051
15055
|
...props,
|
|
15052
15056
|
children: [
|
|
15053
|
-
icon ? /* @__PURE__ */
|
|
15057
|
+
icon ? /* @__PURE__ */ jsx85("span", {
|
|
15054
15058
|
className: tagIconClass,
|
|
15055
15059
|
"aria-hidden": "true",
|
|
15056
15060
|
children: icon
|
|
15057
15061
|
}) : null,
|
|
15058
15062
|
children,
|
|
15059
|
-
closable ? /* @__PURE__ */
|
|
15063
|
+
closable ? /* @__PURE__ */ jsx85("button", {
|
|
15060
15064
|
type: "button",
|
|
15061
15065
|
className: tagCloseClass,
|
|
15062
15066
|
"aria-label": "Close",
|
|
@@ -15098,7 +15102,7 @@ var CheckableTag = forwardRef71(({
|
|
|
15098
15102
|
event.preventDefault();
|
|
15099
15103
|
emitChange();
|
|
15100
15104
|
}
|
|
15101
|
-
return /* @__PURE__ */
|
|
15105
|
+
return /* @__PURE__ */ jsx85("span", {
|
|
15102
15106
|
...props,
|
|
15103
15107
|
ref,
|
|
15104
15108
|
role: "checkbox",
|
|
@@ -15155,7 +15159,7 @@ function getTimePickerPanelClasses({
|
|
|
15155
15159
|
}
|
|
15156
15160
|
|
|
15157
15161
|
// src/components/time-picker/TimePicker.tsx
|
|
15158
|
-
import { jsx as
|
|
15162
|
+
import { jsx as jsx86, jsxs as jsxs67 } from "react/jsx-runtime";
|
|
15159
15163
|
var TIME_PARTS_PATTERN = /^(\d{1,2}):(\d{2})(?::(\d{2}))?\s*([AaPp][Mm])?$/;
|
|
15160
15164
|
function padTimePart(value) {
|
|
15161
15165
|
return String(value).padStart(2, "0");
|
|
@@ -15277,7 +15281,7 @@ var TimePickerRoot = forwardRef72(({
|
|
|
15277
15281
|
className
|
|
15278
15282
|
}),
|
|
15279
15283
|
children: [
|
|
15280
|
-
/* @__PURE__ */
|
|
15284
|
+
/* @__PURE__ */ jsx86("input", {
|
|
15281
15285
|
className: timePickerInputClass,
|
|
15282
15286
|
disabled,
|
|
15283
15287
|
value: displayValue(currentValue, timeFormat, use12Hours),
|
|
@@ -15292,7 +15296,7 @@ var TimePickerRoot = forwardRef72(({
|
|
|
15292
15296
|
},
|
|
15293
15297
|
onChange: (event) => emitChange(event.currentTarget.value || undefined)
|
|
15294
15298
|
}),
|
|
15295
|
-
allowClear && currentValue && !disabled ? /* @__PURE__ */
|
|
15299
|
+
allowClear && currentValue && !disabled ? /* @__PURE__ */ jsx86("button", {
|
|
15296
15300
|
type: "button",
|
|
15297
15301
|
className: timePickerClearClass,
|
|
15298
15302
|
"aria-label": "Clear time",
|
|
@@ -15300,16 +15304,16 @@ var TimePickerRoot = forwardRef72(({
|
|
|
15300
15304
|
onClick: () => emitChange(undefined),
|
|
15301
15305
|
children: "x"
|
|
15302
15306
|
}) : null,
|
|
15303
|
-
/* @__PURE__ */
|
|
15307
|
+
/* @__PURE__ */ jsx86("span", {
|
|
15304
15308
|
className: timePickerIconClass,
|
|
15305
15309
|
"aria-hidden": "true",
|
|
15306
15310
|
children: "clock"
|
|
15307
15311
|
}),
|
|
15308
|
-
showNow && visible ? /* @__PURE__ */
|
|
15312
|
+
showNow && visible ? /* @__PURE__ */ jsx86("div", {
|
|
15309
15313
|
className: getTimePickerPanelClasses({ open: visible }),
|
|
15310
|
-
children: /* @__PURE__ */
|
|
15314
|
+
children: /* @__PURE__ */ jsx86("div", {
|
|
15311
15315
|
className: timePickerFooterClass,
|
|
15312
|
-
children: /* @__PURE__ */
|
|
15316
|
+
children: /* @__PURE__ */ jsx86("button", {
|
|
15313
15317
|
type: "button",
|
|
15314
15318
|
className: timePickerNowClass,
|
|
15315
15319
|
onMouseDown: (event) => event.preventDefault(),
|
|
@@ -15369,32 +15373,32 @@ var RangePicker2 = forwardRef72(({
|
|
|
15369
15373
|
className
|
|
15370
15374
|
}),
|
|
15371
15375
|
children: [
|
|
15372
|
-
/* @__PURE__ */
|
|
15376
|
+
/* @__PURE__ */ jsx86("input", {
|
|
15373
15377
|
className: timePickerInputClass,
|
|
15374
15378
|
disabled,
|
|
15375
15379
|
value: displayValue(currentValue?.[0], timeFormat, use12Hours),
|
|
15376
15380
|
placeholder: placeholder?.[0] ?? "Start time",
|
|
15377
15381
|
onChange: (event) => updateIndex(0, event.currentTarget.value || undefined)
|
|
15378
15382
|
}),
|
|
15379
|
-
/* @__PURE__ */
|
|
15383
|
+
/* @__PURE__ */ jsx86("span", {
|
|
15380
15384
|
className: timePickerSeparatorClass,
|
|
15381
15385
|
children: separator
|
|
15382
15386
|
}),
|
|
15383
|
-
/* @__PURE__ */
|
|
15387
|
+
/* @__PURE__ */ jsx86("input", {
|
|
15384
15388
|
className: timePickerInputClass,
|
|
15385
15389
|
disabled,
|
|
15386
15390
|
value: displayValue(currentValue?.[1], timeFormat, use12Hours),
|
|
15387
15391
|
placeholder: placeholder?.[1] ?? "End time",
|
|
15388
15392
|
onChange: (event) => updateIndex(1, event.currentTarget.value || undefined)
|
|
15389
15393
|
}),
|
|
15390
|
-
showNow ? /* @__PURE__ */
|
|
15394
|
+
showNow ? /* @__PURE__ */ jsx86("button", {
|
|
15391
15395
|
type: "button",
|
|
15392
15396
|
className: timePickerNowClass,
|
|
15393
15397
|
disabled,
|
|
15394
15398
|
onClick: () => emitChange([nowValue(), nowValue()]),
|
|
15395
15399
|
children: "Now"
|
|
15396
15400
|
}) : null,
|
|
15397
|
-
allowClear && (currentValue?.[0] || currentValue?.[1]) && !disabled ? /* @__PURE__ */
|
|
15401
|
+
allowClear && (currentValue?.[0] || currentValue?.[1]) && !disabled ? /* @__PURE__ */ jsx86("button", {
|
|
15398
15402
|
type: "button",
|
|
15399
15403
|
className: timePickerClearClass,
|
|
15400
15404
|
"aria-label": "Clear time range",
|
|
@@ -15451,7 +15455,7 @@ function getTimelineMarkerClasses({
|
|
|
15451
15455
|
}
|
|
15452
15456
|
|
|
15453
15457
|
// src/components/timeline/Timeline.tsx
|
|
15454
|
-
import { jsx as
|
|
15458
|
+
import { jsx as jsx87, jsxs as jsxs68 } from "react/jsx-runtime";
|
|
15455
15459
|
function buildItems({
|
|
15456
15460
|
items,
|
|
15457
15461
|
children,
|
|
@@ -15478,14 +15482,14 @@ var Timeline = forwardRef73(({
|
|
|
15478
15482
|
...props
|
|
15479
15483
|
}, ref) => {
|
|
15480
15484
|
const timelineItems = buildItems({ items, children, pending, reverse });
|
|
15481
|
-
return /* @__PURE__ */
|
|
15485
|
+
return /* @__PURE__ */ jsx87("div", {
|
|
15482
15486
|
...props,
|
|
15483
15487
|
ref,
|
|
15484
15488
|
className: getTimelineClasses({ mode, size, className }),
|
|
15485
15489
|
children: timelineItems.map((item, index) => /* @__PURE__ */ jsxs68("div", {
|
|
15486
15490
|
className: cn(timelineItemClass, item.pending && timelinePendingClass, item.className),
|
|
15487
15491
|
children: [
|
|
15488
|
-
/* @__PURE__ */
|
|
15492
|
+
/* @__PURE__ */ jsx87("span", {
|
|
15489
15493
|
className: getTimelineMarkerClasses({
|
|
15490
15494
|
color: item.color,
|
|
15491
15495
|
hasIcon: Boolean(item.dot)
|
|
@@ -15496,7 +15500,7 @@ var Timeline = forwardRef73(({
|
|
|
15496
15500
|
/* @__PURE__ */ jsxs68("div", {
|
|
15497
15501
|
className: timelineContentClass,
|
|
15498
15502
|
children: [
|
|
15499
|
-
item.label ? /* @__PURE__ */
|
|
15503
|
+
item.label ? /* @__PURE__ */ jsx87("span", {
|
|
15500
15504
|
className: timelineTimeClass,
|
|
15501
15505
|
children: item.label
|
|
15502
15506
|
}) : null,
|
|
@@ -15571,7 +15575,7 @@ function getTourIndicatorClasses({ active }) {
|
|
|
15571
15575
|
}
|
|
15572
15576
|
|
|
15573
15577
|
// src/components/tour/Tour.tsx
|
|
15574
|
-
import { jsx as
|
|
15578
|
+
import { jsx as jsx88, jsxs as jsxs69 } from "react/jsx-runtime";
|
|
15575
15579
|
var defaultCloseIcon4 = "x";
|
|
15576
15580
|
var fallbackRect = {
|
|
15577
15581
|
top: 0,
|
|
@@ -15723,7 +15727,10 @@ var Tour = forwardRef74(({
|
|
|
15723
15727
|
const descriptionId = `${rootId}-description`;
|
|
15724
15728
|
const lastStep = mergedCurrent >= steps.length - 1;
|
|
15725
15729
|
const showHighlight = hasMask && (targetRect.width > 0 || targetRect.height > 0);
|
|
15726
|
-
const rootStyle = {
|
|
15730
|
+
const rootStyle = {
|
|
15731
|
+
...style,
|
|
15732
|
+
...zIndex !== undefined ? { zIndex } : undefined
|
|
15733
|
+
};
|
|
15727
15734
|
const currentCloseIcon = step.closeIcon ?? closeIcon;
|
|
15728
15735
|
const currentNextButtonProps = mergeButtonProps(nextButtonProps, step.nextButtonProps);
|
|
15729
15736
|
const currentPrevButtonProps = mergeButtonProps(prevButtonProps, step.prevButtonProps);
|
|
@@ -15764,10 +15771,10 @@ var Tour = forwardRef74(({
|
|
|
15764
15771
|
if (indicatorsRender) {
|
|
15765
15772
|
return indicatorsRender(mergedCurrent, steps.length);
|
|
15766
15773
|
}
|
|
15767
|
-
return /* @__PURE__ */
|
|
15774
|
+
return /* @__PURE__ */ jsx88("div", {
|
|
15768
15775
|
className: tourIndicatorsClass,
|
|
15769
15776
|
"aria-label": "Tour steps",
|
|
15770
|
-
children: steps.map((_, index) => /* @__PURE__ */
|
|
15777
|
+
children: steps.map((_, index) => /* @__PURE__ */ jsx88("button", {
|
|
15771
15778
|
type: "button",
|
|
15772
15779
|
className: getTourIndicatorClasses({
|
|
15773
15780
|
active: index === mergedCurrent
|
|
@@ -15785,7 +15792,7 @@ var Tour = forwardRef74(({
|
|
|
15785
15792
|
className: getTourRootClasses({ open: visible, className }),
|
|
15786
15793
|
style: rootStyle,
|
|
15787
15794
|
children: [
|
|
15788
|
-
hasMask ? /* @__PURE__ */
|
|
15795
|
+
hasMask ? /* @__PURE__ */ jsx88("div", {
|
|
15789
15796
|
className: getTourMaskClasses({
|
|
15790
15797
|
visible: true,
|
|
15791
15798
|
className: maskConfig?.className
|
|
@@ -15796,7 +15803,7 @@ var Tour = forwardRef74(({
|
|
|
15796
15803
|
},
|
|
15797
15804
|
"aria-hidden": "true"
|
|
15798
15805
|
}) : null,
|
|
15799
|
-
showHighlight ? /* @__PURE__ */
|
|
15806
|
+
showHighlight ? /* @__PURE__ */ jsx88("div", {
|
|
15800
15807
|
className: tourTargetClass,
|
|
15801
15808
|
style: getHighlightStyle(targetRect, gap),
|
|
15802
15809
|
"aria-hidden": "true"
|
|
@@ -15817,18 +15824,18 @@ var Tour = forwardRef74(({
|
|
|
15817
15824
|
style: step.style
|
|
15818
15825
|
}),
|
|
15819
15826
|
children: [
|
|
15820
|
-
disabledInteraction ? /* @__PURE__ */
|
|
15827
|
+
disabledInteraction ? /* @__PURE__ */ jsx88("div", {
|
|
15821
15828
|
"aria-hidden": "true"
|
|
15822
15829
|
}) : null,
|
|
15823
15830
|
/* @__PURE__ */ jsxs69("div", {
|
|
15824
15831
|
className: tourHeaderClass,
|
|
15825
15832
|
children: [
|
|
15826
|
-
step.title ? /* @__PURE__ */
|
|
15833
|
+
step.title ? /* @__PURE__ */ jsx88("h2", {
|
|
15827
15834
|
id: titleId,
|
|
15828
15835
|
className: tourTitleClass,
|
|
15829
15836
|
children: step.title
|
|
15830
15837
|
}) : null,
|
|
15831
|
-
currentCloseIcon !== null && currentCloseIcon !== false ? /* @__PURE__ */
|
|
15838
|
+
currentCloseIcon !== null && currentCloseIcon !== false ? /* @__PURE__ */ jsx88("button", {
|
|
15832
15839
|
type: "button",
|
|
15833
15840
|
className: tourCloseClass,
|
|
15834
15841
|
"aria-label": "Close tour",
|
|
@@ -15837,11 +15844,11 @@ var Tour = forwardRef74(({
|
|
|
15837
15844
|
}) : null
|
|
15838
15845
|
]
|
|
15839
15846
|
}),
|
|
15840
|
-
step.cover ? /* @__PURE__ */
|
|
15847
|
+
step.cover ? /* @__PURE__ */ jsx88("div", {
|
|
15841
15848
|
className: tourCoverClass,
|
|
15842
15849
|
children: step.cover
|
|
15843
15850
|
}) : null,
|
|
15844
|
-
step.description ? /* @__PURE__ */
|
|
15851
|
+
step.description ? /* @__PURE__ */ jsx88("div", {
|
|
15845
15852
|
id: descriptionId,
|
|
15846
15853
|
className: tourBodyClass,
|
|
15847
15854
|
children: step.description
|
|
@@ -15853,7 +15860,7 @@ var Tour = forwardRef74(({
|
|
|
15853
15860
|
/* @__PURE__ */ jsxs69("div", {
|
|
15854
15861
|
className: tourActionsClass,
|
|
15855
15862
|
children: [
|
|
15856
|
-
mergedCurrent > 0 ? /* @__PURE__ */
|
|
15863
|
+
mergedCurrent > 0 ? /* @__PURE__ */ jsx88(Button, {
|
|
15857
15864
|
appearance: "text",
|
|
15858
15865
|
color: "secondary",
|
|
15859
15866
|
size: "sm",
|
|
@@ -15865,7 +15872,7 @@ var Tour = forwardRef74(({
|
|
|
15865
15872
|
},
|
|
15866
15873
|
children: currentPrevButtonProps?.children ?? "Previous"
|
|
15867
15874
|
}) : null,
|
|
15868
|
-
/* @__PURE__ */
|
|
15875
|
+
/* @__PURE__ */ jsx88(Button, {
|
|
15869
15876
|
color: "primary",
|
|
15870
15877
|
size: "sm",
|
|
15871
15878
|
...currentNextButtonProps,
|
|
@@ -15880,7 +15887,7 @@ var Tour = forwardRef74(({
|
|
|
15880
15887
|
})
|
|
15881
15888
|
]
|
|
15882
15889
|
}),
|
|
15883
|
-
/* @__PURE__ */
|
|
15890
|
+
/* @__PURE__ */ jsx88("span", {
|
|
15884
15891
|
className: tourArrowClass,
|
|
15885
15892
|
"aria-hidden": "true"
|
|
15886
15893
|
})
|
|
@@ -15891,11 +15898,7 @@ var Tour = forwardRef74(({
|
|
|
15891
15898
|
});
|
|
15892
15899
|
Tour.displayName = "Tour";
|
|
15893
15900
|
// src/components/transfer/Transfer.tsx
|
|
15894
|
-
import {
|
|
15895
|
-
forwardRef as forwardRef75,
|
|
15896
|
-
useMemo as useMemo33,
|
|
15897
|
-
useState as useState54
|
|
15898
|
-
} from "react";
|
|
15901
|
+
import { forwardRef as forwardRef75, useMemo as useMemo33, useState as useState54 } from "react";
|
|
15899
15902
|
|
|
15900
15903
|
// src/classes/transfer.ts
|
|
15901
15904
|
var transferBaseClass = "transfer";
|
|
@@ -15936,7 +15939,7 @@ function getTransferListItemClasses({
|
|
|
15936
15939
|
}
|
|
15937
15940
|
|
|
15938
15941
|
// src/components/transfer/Transfer.tsx
|
|
15939
|
-
import { jsx as
|
|
15942
|
+
import { jsx as jsx89, jsxs as jsxs70 } from "react/jsx-runtime";
|
|
15940
15943
|
var defaultLocale2 = {
|
|
15941
15944
|
itemUnit: "item",
|
|
15942
15945
|
itemsUnit: "items",
|
|
@@ -16013,7 +16016,12 @@ function splitSelectedKeys(keys, targetKeySet) {
|
|
|
16013
16016
|
return groups;
|
|
16014
16017
|
}, { source: [], target: [] });
|
|
16015
16018
|
}
|
|
16016
|
-
var TransferSearch = forwardRef75(({
|
|
16019
|
+
var TransferSearch = forwardRef75(({
|
|
16020
|
+
className,
|
|
16021
|
+
placeholder = defaultLocale2.searchPlaceholder,
|
|
16022
|
+
onChange,
|
|
16023
|
+
...props
|
|
16024
|
+
}, ref) => /* @__PURE__ */ jsx89("input", {
|
|
16017
16025
|
...props,
|
|
16018
16026
|
ref,
|
|
16019
16027
|
type: "search",
|
|
@@ -16039,7 +16047,7 @@ var TransferOperation = forwardRef75(({
|
|
|
16039
16047
|
ref,
|
|
16040
16048
|
className: [transferOperationClass, className].filter(Boolean).join(" "),
|
|
16041
16049
|
children: [
|
|
16042
|
-
/* @__PURE__ */
|
|
16050
|
+
/* @__PURE__ */ jsx89("button", {
|
|
16043
16051
|
type: "button",
|
|
16044
16052
|
className: transferOperationButtonClass,
|
|
16045
16053
|
disabled: disabled || moveToRightDisabled,
|
|
@@ -16047,7 +16055,7 @@ var TransferOperation = forwardRef75(({
|
|
|
16047
16055
|
onClick: onMoveToRight,
|
|
16048
16056
|
children: operations[0] ?? ">"
|
|
16049
16057
|
}),
|
|
16050
|
-
oneWay ? null : /* @__PURE__ */
|
|
16058
|
+
oneWay ? null : /* @__PURE__ */ jsx89("button", {
|
|
16051
16059
|
type: "button",
|
|
16052
16060
|
className: transferOperationButtonClass,
|
|
16053
16061
|
disabled: disabled || moveToLeftDisabled,
|
|
@@ -16106,7 +16114,7 @@ function TransferListRoot({
|
|
|
16106
16114
|
/* @__PURE__ */ jsxs70("div", {
|
|
16107
16115
|
className: transferListHeaderClass,
|
|
16108
16116
|
children: [
|
|
16109
|
-
/* @__PURE__ */
|
|
16117
|
+
/* @__PURE__ */ jsx89("span", {
|
|
16110
16118
|
children: title
|
|
16111
16119
|
}),
|
|
16112
16120
|
/* @__PURE__ */ jsxs70("span", {
|
|
@@ -16118,17 +16126,17 @@ function TransferListRoot({
|
|
|
16118
16126
|
})
|
|
16119
16127
|
]
|
|
16120
16128
|
}),
|
|
16121
|
-
showSearch ? /* @__PURE__ */
|
|
16129
|
+
showSearch ? /* @__PURE__ */ jsx89(TransferSearch, {
|
|
16122
16130
|
value: mergedSearchValue,
|
|
16123
16131
|
disabled,
|
|
16124
16132
|
placeholder: searchPlaceholder,
|
|
16125
16133
|
"aria-label": `Search ${direction} list`,
|
|
16126
16134
|
onChange: handleSearch
|
|
16127
16135
|
}) : null,
|
|
16128
|
-
/* @__PURE__ */
|
|
16136
|
+
/* @__PURE__ */ jsx89("div", {
|
|
16129
16137
|
className: transferListBodyClass,
|
|
16130
16138
|
role: "listbox",
|
|
16131
|
-
children: visibleItems.length === 0 ? /* @__PURE__ */
|
|
16139
|
+
children: visibleItems.length === 0 ? /* @__PURE__ */ jsx89("div", {
|
|
16132
16140
|
className: transferListEmptyClass,
|
|
16133
16141
|
children: notFoundContent
|
|
16134
16142
|
}) : visibleItems.map((item) => {
|
|
@@ -16140,7 +16148,7 @@ function TransferListRoot({
|
|
|
16140
16148
|
disabled: disabled || item.disabled
|
|
16141
16149
|
}),
|
|
16142
16150
|
children: [
|
|
16143
|
-
/* @__PURE__ */
|
|
16151
|
+
/* @__PURE__ */ jsx89("input", {
|
|
16144
16152
|
type: "checkbox",
|
|
16145
16153
|
"aria-label": rendered.value,
|
|
16146
16154
|
checked: selected,
|
|
@@ -16151,7 +16159,7 @@ function TransferListRoot({
|
|
|
16151
16159
|
className: transferListItemContentClass,
|
|
16152
16160
|
children: [
|
|
16153
16161
|
rendered.label,
|
|
16154
|
-
item.description ? /* @__PURE__ */
|
|
16162
|
+
item.description ? /* @__PURE__ */ jsx89("span", {
|
|
16155
16163
|
className: transferListItemDescriptionClass,
|
|
16156
16164
|
children: item.description
|
|
16157
16165
|
}) : null
|
|
@@ -16164,7 +16172,7 @@ function TransferListRoot({
|
|
|
16164
16172
|
pageSize && pageCount > 1 ? /* @__PURE__ */ jsxs70("div", {
|
|
16165
16173
|
className: transferPaginationClass,
|
|
16166
16174
|
children: [
|
|
16167
|
-
/* @__PURE__ */
|
|
16175
|
+
/* @__PURE__ */ jsx89("button", {
|
|
16168
16176
|
type: "button",
|
|
16169
16177
|
className: transferPaginationButtonClass,
|
|
16170
16178
|
disabled: disabled || currentPage <= 1,
|
|
@@ -16178,7 +16186,7 @@ function TransferListRoot({
|
|
|
16178
16186
|
pageCount
|
|
16179
16187
|
]
|
|
16180
16188
|
}),
|
|
16181
|
-
/* @__PURE__ */
|
|
16189
|
+
/* @__PURE__ */ jsx89("button", {
|
|
16182
16190
|
type: "button",
|
|
16183
16191
|
className: transferPaginationButtonClass,
|
|
16184
16192
|
disabled: disabled || currentPage >= pageCount,
|
|
@@ -16264,7 +16272,7 @@ function TransferRoot({
|
|
|
16264
16272
|
ref,
|
|
16265
16273
|
className: getTransferClasses({ disabled, oneWay, className }),
|
|
16266
16274
|
children: [
|
|
16267
|
-
/* @__PURE__ */
|
|
16275
|
+
/* @__PURE__ */ jsx89(TransferListComponent, {
|
|
16268
16276
|
direction: "left",
|
|
16269
16277
|
title: titles[0],
|
|
16270
16278
|
items: sourceItems,
|
|
@@ -16280,7 +16288,7 @@ function TransferRoot({
|
|
|
16280
16288
|
onSearch,
|
|
16281
16289
|
onItemSelect: handleItemSelect
|
|
16282
16290
|
}),
|
|
16283
|
-
/* @__PURE__ */
|
|
16291
|
+
/* @__PURE__ */ jsx89(TransferOperation, {
|
|
16284
16292
|
disabled,
|
|
16285
16293
|
oneWay,
|
|
16286
16294
|
operations,
|
|
@@ -16289,7 +16297,7 @@ function TransferRoot({
|
|
|
16289
16297
|
onMoveToRight: () => move("right"),
|
|
16290
16298
|
onMoveToLeft: () => move("left")
|
|
16291
16299
|
}),
|
|
16292
|
-
/* @__PURE__ */
|
|
16300
|
+
/* @__PURE__ */ jsx89(TransferListComponent, {
|
|
16293
16301
|
direction: "right",
|
|
16294
16302
|
title: titles[1],
|
|
16295
16303
|
items: targetItems,
|
|
@@ -16367,7 +16375,7 @@ function getTreeSelectNodeClasses({
|
|
|
16367
16375
|
}
|
|
16368
16376
|
|
|
16369
16377
|
// src/components/tree-select/TreeSelect.tsx
|
|
16370
|
-
import { jsx as
|
|
16378
|
+
import { jsx as jsx90, jsxs as jsxs71 } from "react/jsx-runtime";
|
|
16371
16379
|
var SHOW_ALL = "SHOW_ALL";
|
|
16372
16380
|
var SHOW_PARENT = "SHOW_PARENT";
|
|
16373
16381
|
var SHOW_CHILD = "SHOW_CHILD";
|
|
@@ -16657,7 +16665,7 @@ function TreeSelectRoot({
|
|
|
16657
16665
|
}),
|
|
16658
16666
|
style: { paddingLeft: item.level * 16 },
|
|
16659
16667
|
children: [
|
|
16660
|
-
hasChildren || item.node.isLeaf === false ? /* @__PURE__ */
|
|
16668
|
+
hasChildren || item.node.isLeaf === false ? /* @__PURE__ */ jsx90("button", {
|
|
16661
16669
|
type: "button",
|
|
16662
16670
|
className: treeSelectSwitcherClass,
|
|
16663
16671
|
"aria-label": `${expanded ? "Collapse" : "Expand"} ${String(item.title)}`,
|
|
@@ -16667,11 +16675,11 @@ function TreeSelectRoot({
|
|
|
16667
16675
|
setExpanded(expanded ? currentExpandedKeys.filter((key) => key !== item.key) : [...currentExpandedKeys, item.key], item);
|
|
16668
16676
|
},
|
|
16669
16677
|
children: expanded ? "-" : "+"
|
|
16670
|
-
}) : /* @__PURE__ */
|
|
16678
|
+
}) : /* @__PURE__ */ jsx90("span", {
|
|
16671
16679
|
className: treeSelectSwitcherClass,
|
|
16672
16680
|
"aria-hidden": "true"
|
|
16673
16681
|
}),
|
|
16674
|
-
checkable ? /* @__PURE__ */
|
|
16682
|
+
checkable ? /* @__PURE__ */ jsx90("input", {
|
|
16675
16683
|
type: "checkbox",
|
|
16676
16684
|
className: treeSelectCheckboxClass,
|
|
16677
16685
|
checked: selected,
|
|
@@ -16679,7 +16687,7 @@ function TreeSelectRoot({
|
|
|
16679
16687
|
"aria-label": `Check ${String(item.title)}`,
|
|
16680
16688
|
onChange: () => selectItem(item)
|
|
16681
16689
|
}) : null,
|
|
16682
|
-
/* @__PURE__ */
|
|
16690
|
+
/* @__PURE__ */ jsx90("button", {
|
|
16683
16691
|
type: "button",
|
|
16684
16692
|
role: "treeitem",
|
|
16685
16693
|
"aria-selected": selected,
|
|
@@ -16696,7 +16704,7 @@ function TreeSelectRoot({
|
|
|
16696
16704
|
}, item.key);
|
|
16697
16705
|
}
|
|
16698
16706
|
const renderedItems = displayItems(selectedItems, flatNodes, selectedKeys, treeCheckedStrategy);
|
|
16699
|
-
const selection = multi ? renderedItems.map((item) => /* @__PURE__ */
|
|
16707
|
+
const selection = multi ? renderedItems.map((item) => /* @__PURE__ */ jsx90("span", {
|
|
16700
16708
|
className: treeSelectTagClass,
|
|
16701
16709
|
children: item.title
|
|
16702
16710
|
}, item.key)) : renderedItems[0]?.title;
|
|
@@ -16718,21 +16726,21 @@ function TreeSelectRoot({
|
|
|
16718
16726
|
"aria-expanded": currentOpen,
|
|
16719
16727
|
onClick: () => setDropdownOpen(!currentOpen),
|
|
16720
16728
|
children: [
|
|
16721
|
-
/* @__PURE__ */
|
|
16729
|
+
/* @__PURE__ */ jsx90("span", {
|
|
16722
16730
|
className: treeSelectSelectionClass,
|
|
16723
|
-
children: hasValue ? selection : /* @__PURE__ */
|
|
16731
|
+
children: hasValue ? selection : /* @__PURE__ */ jsx90("span", {
|
|
16724
16732
|
className: treeSelectPlaceholderClass,
|
|
16725
16733
|
children: placeholder
|
|
16726
16734
|
})
|
|
16727
16735
|
}),
|
|
16728
|
-
/* @__PURE__ */
|
|
16736
|
+
/* @__PURE__ */ jsx90("span", {
|
|
16729
16737
|
className: treeSelectIconClass,
|
|
16730
16738
|
"aria-hidden": "true",
|
|
16731
16739
|
children: "v"
|
|
16732
16740
|
})
|
|
16733
16741
|
]
|
|
16734
16742
|
}),
|
|
16735
|
-
allowClear && hasValue && !disabled ? /* @__PURE__ */
|
|
16743
|
+
allowClear && hasValue && !disabled ? /* @__PURE__ */ jsx90("button", {
|
|
16736
16744
|
type: "button",
|
|
16737
16745
|
className: treeSelectClearClass,
|
|
16738
16746
|
"aria-label": "Clear selection",
|
|
@@ -16742,7 +16750,7 @@ function TreeSelectRoot({
|
|
|
16742
16750
|
currentOpen ? /* @__PURE__ */ jsxs71("div", {
|
|
16743
16751
|
className: treeSelectDropdownClass,
|
|
16744
16752
|
children: [
|
|
16745
|
-
searchable ? /* @__PURE__ */
|
|
16753
|
+
searchable ? /* @__PURE__ */ jsx90("input", {
|
|
16746
16754
|
className: treeSelectSearchClass,
|
|
16747
16755
|
value: currentSearch,
|
|
16748
16756
|
placeholder: typeof placeholder === "string" ? placeholder : undefined,
|
|
@@ -16754,11 +16762,11 @@ function TreeSelectRoot({
|
|
|
16754
16762
|
onSearch?.(nextSearch);
|
|
16755
16763
|
}
|
|
16756
16764
|
}) : null,
|
|
16757
|
-
/* @__PURE__ */
|
|
16765
|
+
/* @__PURE__ */ jsx90("div", {
|
|
16758
16766
|
className: treeSelectListClass,
|
|
16759
16767
|
role: "tree",
|
|
16760
16768
|
"aria-multiselectable": multi || undefined,
|
|
16761
|
-
children: visibleFlatNodes.length > 0 && visibleTree.length > 0 ? visibleTree.map(renderNode) : /* @__PURE__ */
|
|
16769
|
+
children: visibleFlatNodes.length > 0 && visibleTree.length > 0 ? visibleTree.map(renderNode) : /* @__PURE__ */ jsx90("div", {
|
|
16762
16770
|
className: treeSelectEmptyClass,
|
|
16763
16771
|
children: "No data"
|
|
16764
16772
|
})
|
|
@@ -16775,13 +16783,7 @@ TreeSelect.SHOW_ALL = SHOW_ALL;
|
|
|
16775
16783
|
TreeSelect.SHOW_PARENT = SHOW_PARENT;
|
|
16776
16784
|
TreeSelect.SHOW_CHILD = SHOW_CHILD;
|
|
16777
16785
|
// src/components/typography/Typography.tsx
|
|
16778
|
-
import React83, {
|
|
16779
|
-
forwardRef as forwardRef77,
|
|
16780
|
-
useEffect as useEffect26,
|
|
16781
|
-
useMemo as useMemo35,
|
|
16782
|
-
useRef as useRef18,
|
|
16783
|
-
useState as useState56
|
|
16784
|
-
} from "react";
|
|
16786
|
+
import React83, { forwardRef as forwardRef77, useEffect as useEffect26, useMemo as useMemo35, useRef as useRef18, useState as useState56 } from "react";
|
|
16785
16787
|
|
|
16786
16788
|
// src/classes/typography.ts
|
|
16787
16789
|
var typographyBaseClass = "typography markdown-body";
|
|
@@ -16852,7 +16854,7 @@ function getTypographyLinkClasses({
|
|
|
16852
16854
|
}
|
|
16853
16855
|
|
|
16854
16856
|
// src/components/typography/Typography.tsx
|
|
16855
|
-
import { jsx as
|
|
16857
|
+
import { jsx as jsx91, jsxs as jsxs72, Fragment as Fragment15 } from "react/jsx-runtime";
|
|
16856
16858
|
function toText(children) {
|
|
16857
16859
|
if (typeof children === "string" || typeof children === "number") {
|
|
16858
16860
|
return String(children);
|
|
@@ -16924,37 +16926,37 @@ function wrapSemanticContent(content, {
|
|
|
16924
16926
|
}) {
|
|
16925
16927
|
let current = content;
|
|
16926
16928
|
if (code) {
|
|
16927
|
-
current = /* @__PURE__ */
|
|
16929
|
+
current = /* @__PURE__ */ jsx91("code", {
|
|
16928
16930
|
children: current
|
|
16929
16931
|
});
|
|
16930
16932
|
}
|
|
16931
16933
|
if (keyboard) {
|
|
16932
|
-
current = /* @__PURE__ */
|
|
16934
|
+
current = /* @__PURE__ */ jsx91("kbd", {
|
|
16933
16935
|
children: current
|
|
16934
16936
|
});
|
|
16935
16937
|
}
|
|
16936
16938
|
if (mark) {
|
|
16937
|
-
current = /* @__PURE__ */
|
|
16939
|
+
current = /* @__PURE__ */ jsx91("mark", {
|
|
16938
16940
|
children: current
|
|
16939
16941
|
});
|
|
16940
16942
|
}
|
|
16941
16943
|
if (strong) {
|
|
16942
|
-
current = /* @__PURE__ */
|
|
16944
|
+
current = /* @__PURE__ */ jsx91("strong", {
|
|
16943
16945
|
children: current
|
|
16944
16946
|
});
|
|
16945
16947
|
}
|
|
16946
16948
|
if (italic) {
|
|
16947
|
-
current = /* @__PURE__ */
|
|
16949
|
+
current = /* @__PURE__ */ jsx91("em", {
|
|
16948
16950
|
children: current
|
|
16949
16951
|
});
|
|
16950
16952
|
}
|
|
16951
16953
|
if (underline) {
|
|
16952
|
-
current = /* @__PURE__ */
|
|
16954
|
+
current = /* @__PURE__ */ jsx91("u", {
|
|
16953
16955
|
children: current
|
|
16954
16956
|
});
|
|
16955
16957
|
}
|
|
16956
16958
|
if (deleted) {
|
|
16957
|
-
current = /* @__PURE__ */
|
|
16959
|
+
current = /* @__PURE__ */ jsx91("del", {
|
|
16958
16960
|
children: current
|
|
16959
16961
|
});
|
|
16960
16962
|
}
|
|
@@ -16977,7 +16979,7 @@ function EditableContent({
|
|
|
16977
16979
|
}
|
|
16978
16980
|
}, [editing]);
|
|
16979
16981
|
if (!editable || disabled) {
|
|
16980
|
-
return /* @__PURE__ */
|
|
16982
|
+
return /* @__PURE__ */ jsx91(Fragment15, {
|
|
16981
16983
|
children
|
|
16982
16984
|
});
|
|
16983
16985
|
}
|
|
@@ -17016,7 +17018,7 @@ function EditableContent({
|
|
|
17016
17018
|
return /* @__PURE__ */ jsxs72("span", {
|
|
17017
17019
|
className: typographyEditingClass,
|
|
17018
17020
|
children: [
|
|
17019
|
-
/* @__PURE__ */
|
|
17021
|
+
/* @__PURE__ */ jsx91("textarea", {
|
|
17020
17022
|
ref: textareaRef,
|
|
17021
17023
|
className: typographyEditInputClass,
|
|
17022
17024
|
"aria-label": "Edit text",
|
|
@@ -17028,14 +17030,14 @@ function EditableContent({
|
|
|
17028
17030
|
},
|
|
17029
17031
|
onKeyDown: handleKeyDown
|
|
17030
17032
|
}),
|
|
17031
|
-
/* @__PURE__ */
|
|
17033
|
+
/* @__PURE__ */ jsx91("button", {
|
|
17032
17034
|
type: "button",
|
|
17033
17035
|
className: typographyActionClass,
|
|
17034
17036
|
"aria-label": "Save edit",
|
|
17035
17037
|
onClick: endEdit,
|
|
17036
17038
|
children: editableConfig.enterIcon ?? "Save"
|
|
17037
17039
|
}),
|
|
17038
|
-
/* @__PURE__ */
|
|
17040
|
+
/* @__PURE__ */ jsx91("button", {
|
|
17039
17041
|
type: "button",
|
|
17040
17042
|
className: typographyActionClass,
|
|
17041
17043
|
"aria-label": "Cancel edit",
|
|
@@ -17049,7 +17051,7 @@ function EditableContent({
|
|
|
17049
17051
|
return /* @__PURE__ */ jsxs72(Fragment15, {
|
|
17050
17052
|
children: [
|
|
17051
17053
|
children,
|
|
17052
|
-
/* @__PURE__ */
|
|
17054
|
+
/* @__PURE__ */ jsx91("button", {
|
|
17053
17055
|
type: "button",
|
|
17054
17056
|
className: typographyActionClass,
|
|
17055
17057
|
title: typeof editableConfig.tooltip === "string" ? editableConfig.tooltip : undefined,
|
|
@@ -17072,14 +17074,14 @@ function TypographyActions({
|
|
|
17072
17074
|
}) {
|
|
17073
17075
|
return /* @__PURE__ */ jsxs72(Fragment15, {
|
|
17074
17076
|
children: [
|
|
17075
|
-
ellipsis?.expandable ? /* @__PURE__ */
|
|
17077
|
+
ellipsis?.expandable ? /* @__PURE__ */ jsx91("button", {
|
|
17076
17078
|
type: "button",
|
|
17077
17079
|
className: cn(typographyActionClass, typographyExpandClass),
|
|
17078
17080
|
"aria-expanded": expanded,
|
|
17079
17081
|
onClick: onToggleExpand,
|
|
17080
17082
|
children: getExpandSymbol(ellipsis, expanded)
|
|
17081
17083
|
}) : null,
|
|
17082
|
-
copyable ? /* @__PURE__ */
|
|
17084
|
+
copyable ? /* @__PURE__ */ jsx91("button", {
|
|
17083
17085
|
type: "button",
|
|
17084
17086
|
className: typographyActionClass,
|
|
17085
17087
|
"aria-label": "Copy text",
|
|
@@ -17125,7 +17127,7 @@ function useTypographyBehavior({
|
|
|
17125
17127
|
sourceText
|
|
17126
17128
|
};
|
|
17127
17129
|
}
|
|
17128
|
-
var TypographyRoot = forwardRef77(({ className, ...props }, ref) => /* @__PURE__ */
|
|
17130
|
+
var TypographyRoot = forwardRef77(({ className, ...props }, ref) => /* @__PURE__ */ jsx91("div", {
|
|
17129
17131
|
...props,
|
|
17130
17132
|
ref,
|
|
17131
17133
|
className: getTypographyClasses(className)
|
|
@@ -17193,7 +17195,7 @@ var Text = forwardRef77(({
|
|
|
17193
17195
|
ellipsisConfig?.suffix && !expanded ? ellipsisConfig.suffix : null
|
|
17194
17196
|
]
|
|
17195
17197
|
}),
|
|
17196
|
-
/* @__PURE__ */
|
|
17198
|
+
/* @__PURE__ */ jsx91(TypographyActions, {
|
|
17197
17199
|
copyable: copyConfig,
|
|
17198
17200
|
ellipsis: ellipsisConfig,
|
|
17199
17201
|
disabled,
|
|
@@ -17267,7 +17269,7 @@ var Paragraph = forwardRef77(({
|
|
|
17267
17269
|
ellipsisConfig?.suffix && !expanded ? ellipsisConfig.suffix : null
|
|
17268
17270
|
]
|
|
17269
17271
|
}),
|
|
17270
|
-
/* @__PURE__ */
|
|
17272
|
+
/* @__PURE__ */ jsx91(TypographyActions, {
|
|
17271
17273
|
copyable: copyConfig,
|
|
17272
17274
|
ellipsis: ellipsisConfig,
|
|
17273
17275
|
disabled,
|
|
@@ -17342,7 +17344,7 @@ var Title = forwardRef77(({
|
|
|
17342
17344
|
content,
|
|
17343
17345
|
ellipsisConfig?.suffix && !expanded ? ellipsisConfig.suffix : null
|
|
17344
17346
|
]
|
|
17345
|
-
}), /* @__PURE__ */
|
|
17347
|
+
}), /* @__PURE__ */ jsx91(TypographyActions, {
|
|
17346
17348
|
copyable: copyConfig,
|
|
17347
17349
|
ellipsis: ellipsisConfig,
|
|
17348
17350
|
disabled,
|
|
@@ -17408,7 +17410,7 @@ var Link = forwardRef77(({
|
|
|
17408
17410
|
children: [
|
|
17409
17411
|
content,
|
|
17410
17412
|
ellipsisConfig?.suffix && !expanded ? ellipsisConfig.suffix : null,
|
|
17411
|
-
/* @__PURE__ */
|
|
17413
|
+
/* @__PURE__ */ jsx91(TypographyActions, {
|
|
17412
17414
|
ellipsis: ellipsisConfig,
|
|
17413
17415
|
disabled,
|
|
17414
17416
|
sourceText: "",
|
|
@@ -17475,7 +17477,7 @@ function getUploadItemClasses({
|
|
|
17475
17477
|
}
|
|
17476
17478
|
|
|
17477
17479
|
// src/components/upload/Upload.tsx
|
|
17478
|
-
import { jsx as
|
|
17480
|
+
import { jsx as jsx92, jsxs as jsxs73 } from "react/jsx-runtime";
|
|
17479
17481
|
var LIST_IGNORE = Symbol("Upload.LIST_IGNORE");
|
|
17480
17482
|
var uidSeed = 0;
|
|
17481
17483
|
function nextUid() {
|
|
@@ -17642,12 +17644,12 @@ function UploadRoot({
|
|
|
17642
17644
|
}
|
|
17643
17645
|
}
|
|
17644
17646
|
function renderTrigger() {
|
|
17645
|
-
const trigger = children ?? /* @__PURE__ */
|
|
17647
|
+
const trigger = children ?? /* @__PURE__ */ jsx92("button", {
|
|
17646
17648
|
type: "button",
|
|
17647
17649
|
children: "Upload"
|
|
17648
17650
|
});
|
|
17649
17651
|
if (dragger) {
|
|
17650
|
-
return /* @__PURE__ */
|
|
17652
|
+
return /* @__PURE__ */ jsx92("div", {
|
|
17651
17653
|
className: uploadDropzoneClass,
|
|
17652
17654
|
role: "button",
|
|
17653
17655
|
tabIndex: disabled ? -1 : 0,
|
|
@@ -17687,7 +17689,7 @@ function UploadRoot({
|
|
|
17687
17689
|
}
|
|
17688
17690
|
});
|
|
17689
17691
|
}
|
|
17690
|
-
return /* @__PURE__ */
|
|
17692
|
+
return /* @__PURE__ */ jsx92("button", {
|
|
17691
17693
|
type: "button",
|
|
17692
17694
|
className: uploadTriggerClass,
|
|
17693
17695
|
disabled,
|
|
@@ -17705,7 +17707,7 @@ function UploadRoot({
|
|
|
17705
17707
|
className
|
|
17706
17708
|
}),
|
|
17707
17709
|
children: [
|
|
17708
|
-
/* @__PURE__ */
|
|
17710
|
+
/* @__PURE__ */ jsx92("input", {
|
|
17709
17711
|
ref: inputRef,
|
|
17710
17712
|
className: uploadInputClass,
|
|
17711
17713
|
type: "file",
|
|
@@ -17719,7 +17721,7 @@ function UploadRoot({
|
|
|
17719
17721
|
}
|
|
17720
17722
|
}),
|
|
17721
17723
|
renderTrigger(),
|
|
17722
|
-
mergedFileList.length > 0 ? /* @__PURE__ */
|
|
17724
|
+
mergedFileList.length > 0 ? /* @__PURE__ */ jsx92("div", {
|
|
17723
17725
|
className: getUploadListClasses({ listType }),
|
|
17724
17726
|
children: mergedFileList.map((file) => {
|
|
17725
17727
|
const size = formatSize(file.size);
|
|
@@ -17729,27 +17731,27 @@ function UploadRoot({
|
|
|
17729
17731
|
/* @__PURE__ */ jsxs73("div", {
|
|
17730
17732
|
className: uploadItemInfoClass,
|
|
17731
17733
|
children: [
|
|
17732
|
-
/* @__PURE__ */
|
|
17734
|
+
/* @__PURE__ */ jsx92("button", {
|
|
17733
17735
|
type: "button",
|
|
17734
17736
|
className: uploadPreviewClass,
|
|
17735
17737
|
disabled,
|
|
17736
17738
|
onClick: () => onPreview?.(file),
|
|
17737
|
-
children: /* @__PURE__ */
|
|
17739
|
+
children: /* @__PURE__ */ jsx92("span", {
|
|
17738
17740
|
className: uploadItemNameClass,
|
|
17739
17741
|
children: file.name
|
|
17740
17742
|
})
|
|
17741
17743
|
}),
|
|
17742
|
-
size ? /* @__PURE__ */
|
|
17744
|
+
size ? /* @__PURE__ */ jsx92("span", {
|
|
17743
17745
|
className: uploadItemSizeClass,
|
|
17744
17746
|
children: size
|
|
17745
17747
|
}) : null,
|
|
17746
|
-
typeof file.percent === "number" ? /* @__PURE__ */
|
|
17748
|
+
typeof file.percent === "number" ? /* @__PURE__ */ jsx92("div", {
|
|
17747
17749
|
className: uploadProgressClass,
|
|
17748
17750
|
role: "progressbar",
|
|
17749
17751
|
"aria-valuemin": 0,
|
|
17750
17752
|
"aria-valuemax": 100,
|
|
17751
17753
|
"aria-valuenow": file.percent,
|
|
17752
|
-
children: /* @__PURE__ */
|
|
17754
|
+
children: /* @__PURE__ */ jsx92("div", {
|
|
17753
17755
|
className: uploadProgressBarClass,
|
|
17754
17756
|
style: {
|
|
17755
17757
|
width: `${Math.max(0, Math.min(100, file.percent))}%`
|
|
@@ -17758,9 +17760,9 @@ function UploadRoot({
|
|
|
17758
17760
|
}) : null
|
|
17759
17761
|
]
|
|
17760
17762
|
}),
|
|
17761
|
-
/* @__PURE__ */
|
|
17763
|
+
/* @__PURE__ */ jsx92("div", {
|
|
17762
17764
|
className: uploadItemActionsClass,
|
|
17763
|
-
children: /* @__PURE__ */
|
|
17765
|
+
children: /* @__PURE__ */ jsx92("button", {
|
|
17764
17766
|
type: "button",
|
|
17765
17767
|
className: uploadRemoveClass,
|
|
17766
17768
|
disabled,
|
|
@@ -17778,7 +17780,7 @@ function UploadRoot({
|
|
|
17778
17780
|
}
|
|
17779
17781
|
var UploadFrame = forwardRef78(UploadRoot);
|
|
17780
17782
|
UploadFrame.displayName = "Upload";
|
|
17781
|
-
var Dragger = forwardRef78((props, ref) => /* @__PURE__ */
|
|
17783
|
+
var Dragger = forwardRef78((props, ref) => /* @__PURE__ */ jsx92(UploadFrame, {
|
|
17782
17784
|
...props,
|
|
17783
17785
|
ref,
|
|
17784
17786
|
dragger: true
|
|
@@ -17798,7 +17800,7 @@ function getWatermarkClasses({ className }) {
|
|
|
17798
17800
|
}
|
|
17799
17801
|
|
|
17800
17802
|
// src/components/watermark/Watermark.tsx
|
|
17801
|
-
import { jsx as
|
|
17803
|
+
import { jsx as jsx93, jsxs as jsxs74 } from "react/jsx-runtime";
|
|
17802
17804
|
function encodeSvg(svg) {
|
|
17803
17805
|
return `url("data:image/svg+xml,${encodeURIComponent(svg)}")`;
|
|
17804
17806
|
}
|
|
@@ -17843,11 +17845,11 @@ var Watermark = forwardRef79(({
|
|
|
17843
17845
|
className: getWatermarkClasses({ className }),
|
|
17844
17846
|
style: { position: "relative", ...style },
|
|
17845
17847
|
children: [
|
|
17846
|
-
/* @__PURE__ */
|
|
17848
|
+
/* @__PURE__ */ jsx93("div", {
|
|
17847
17849
|
className: watermarkContentClass,
|
|
17848
17850
|
children
|
|
17849
17851
|
}),
|
|
17850
|
-
/* @__PURE__ */
|
|
17852
|
+
/* @__PURE__ */ jsx93("div", {
|
|
17851
17853
|
"aria-hidden": "true",
|
|
17852
17854
|
"data-watermark-source": image ?? (typeof content === "string" || typeof content === "number" ? String(content) : undefined),
|
|
17853
17855
|
"data-inherit": inherit || undefined,
|
|
@@ -17983,7 +17985,6 @@ export {
|
|
|
17983
17985
|
DmSearch,
|
|
17984
17986
|
DmQuery,
|
|
17985
17987
|
DmProvider,
|
|
17986
|
-
DmProTableInner,
|
|
17987
17988
|
DmProTable,
|
|
17988
17989
|
DmPagination,
|
|
17989
17990
|
DmPageHeader,
|