@para-ui/core 4.0.55 → 4.0.57
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/Argv/index.js +1 -1
- package/AutoButton/index.js +14 -11
- package/Button/SplitButton.d.ts +2 -0
- package/Button/index.js +1 -1
- package/ButtonGroup/index.js +1 -1
- package/ComboSelect/index.js +2 -1
- package/CycleSelector/index.d.ts +2 -0
- package/CycleSelector/index.js +8 -4
- package/DatePicker/index.js +1 -1
- package/Descriptions/index.js +1 -1
- package/Desktop/index.js +1 -1
- package/Drawer/index.js +1 -1
- package/DynamicMultiBox/index.js +2 -1
- package/FieldForm/FieldFormItem/index.d.ts +1 -0
- package/FieldForm/FormItemInput.d.ts +2 -0
- package/FieldForm/index.js +15 -7
- package/Form/index.js +3 -2
- package/FormItem/index.js +3 -2
- package/FunctionModal/index.js +3 -3
- package/InputCode/index.js +1 -1
- package/Modal/index.js +1 -1
- package/OperateBtn/index.js +1 -1
- package/PageHeader/index.js +1 -1
- package/Pagination/index.js +1 -1
- package/PopConfirm/index.js +1 -1
- package/QuickReply/index.js +1 -1
- package/README.md +12 -0
- package/Selector/index.js +3 -2
- package/Stepper/index.js +1 -1
- package/Table/index.js +2 -52
- package/Tabs/index.js +3 -3
- package/TimePicker/index.js +1 -1
- package/ToggleButton/index.js +1 -1
- package/Transfer/index.js +1 -1
- package/Upload/index.js +1 -1
- package/_verture/{index-0e866545.js → index-3b048316.js} +1 -1
- package/_verture/{index-7e60b72c.js → index-cd9ede02.js} +6 -3
- package/_verture/useResizeObserver-960e470e.js +54 -0
- package/index.js +4 -3
- package/package.json +1 -1
- package/umd/Argv.js +1 -1
- package/umd/AutoButton.js +4 -4
- package/umd/Button.js +1 -1
- package/umd/ButtonGroup.js +4 -4
- package/umd/ComboSelect.js +1 -1
- package/umd/CycleSelector.js +2 -2
- package/umd/DatePicker.js +1 -1
- package/umd/Descriptions.js +1 -1
- package/umd/Desktop.js +1 -1
- package/umd/Drawer.js +1 -1
- package/umd/DynamicMultiBox.js +1 -1
- package/umd/FieldForm.js +2 -2
- package/umd/Form.js +1 -1
- package/umd/FormItem.js +1 -1
- package/umd/FunctionModal.js +1 -1
- package/umd/InputCode.js +1 -1
- package/umd/Modal.js +1 -1
- package/umd/OperateBtn.js +4 -4
- package/umd/PageHeader.js +1 -1
- package/umd/Pagination.js +1 -1
- package/umd/PopConfirm.js +1 -1
- package/umd/QuickReply.js +1 -1
- package/umd/Selector.js +1 -1
- package/umd/SelectorPicker.js +1 -1
- package/umd/Table.js +1 -1
- package/umd/Tabs.js +1 -1
- package/umd/TimePicker.js +1 -1
- package/umd/ToggleButton.js +1 -1
- package/umd/Transfer.js +1 -1
- package/umd/Upload.js +1 -1
- /package/_verture/{modalContext-3ed7e7f6.js → modalContext-ce07f2de.js} +0 -0
package/Argv/index.js
CHANGED
|
@@ -5,7 +5,7 @@ import clsx from 'clsx';
|
|
|
5
5
|
import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
|
|
6
6
|
import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
|
|
7
7
|
import { UUID, debounce } from '@paraview/lib';
|
|
8
|
-
import { B as Button } from '../_verture/index-
|
|
8
|
+
import { B as Button } from '../_verture/index-cd9ede02.js';
|
|
9
9
|
import { TextField } from '../TextField/index.js';
|
|
10
10
|
import { Modal } from '../Modal/index.js';
|
|
11
11
|
import { Message } from '../Message/index.js';
|
package/AutoButton/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
|
|
2
2
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { useState, useRef, useEffect, Fragment } from 'react';
|
|
4
|
-
import { B as Button, P as PopConfirm } from '../_verture/index-
|
|
4
|
+
import { B as Button, P as PopConfirm } from '../_verture/index-cd9ede02.js';
|
|
5
5
|
import AutoTips from '../AutoTips/index.js';
|
|
6
6
|
import MoreVert from '@para-ui/icons/MoreVert';
|
|
7
7
|
import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
|
|
@@ -9,6 +9,7 @@ import { D as Dropdown } from '../_verture/index-bde7aabe.js';
|
|
|
9
9
|
import { Tooltip } from '../Tooltip/index.js';
|
|
10
10
|
import clsx from 'clsx';
|
|
11
11
|
import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
|
|
12
|
+
import { u as useResizeObserver } from '../_verture/useResizeObserver-960e470e.js';
|
|
12
13
|
import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
|
|
13
14
|
import '@para-ui/icons/LoadingF';
|
|
14
15
|
import '@para-ui/icons/Down';
|
|
@@ -59,13 +60,12 @@ const AutoButton = props => {
|
|
|
59
60
|
const constData = useRef({
|
|
60
61
|
timer: null
|
|
61
62
|
});
|
|
63
|
+
useResizeObserver({
|
|
64
|
+
dom: comRef.current,
|
|
65
|
+
cb: () => changeSize()
|
|
66
|
+
});
|
|
62
67
|
useEffect(() => {
|
|
63
68
|
changeSize();
|
|
64
|
-
window.addEventListener('resize', changeSize);
|
|
65
|
-
return () => {
|
|
66
|
-
window.removeEventListener('resize', changeSize);
|
|
67
|
-
clearTimeout(constData.current.timer);
|
|
68
|
-
};
|
|
69
69
|
}, [list]);
|
|
70
70
|
const changeSize = () => {
|
|
71
71
|
clearTimeout(constData.current.timer);
|
|
@@ -201,9 +201,10 @@ const AutoButton = props => {
|
|
|
201
201
|
children: [list.map((item, index) => {
|
|
202
202
|
if (morePos !== null && morePos <= index) return null;
|
|
203
203
|
const {
|
|
204
|
-
buttonType
|
|
204
|
+
buttonType,
|
|
205
|
+
popConfirmProps
|
|
205
206
|
} = item,
|
|
206
|
-
otherItemProps = __rest(item, ["buttonType"]);
|
|
207
|
+
otherItemProps = __rest(item, ["buttonType", "popConfirmProps"]);
|
|
207
208
|
let Dom = Button;
|
|
208
209
|
const styleItem = {
|
|
209
210
|
marginRight: morePos === index + 1 ? 0 : marginRight
|
|
@@ -216,9 +217,11 @@ const AutoButton = props => {
|
|
|
216
217
|
if (buttonType === 'split') {
|
|
217
218
|
Dom = Button.SplitButton;
|
|
218
219
|
}
|
|
219
|
-
return
|
|
220
|
-
|
|
221
|
-
|
|
220
|
+
return jsx(Fragment, {
|
|
221
|
+
children: handlePopConfirm(item, jsx(Dom, Object.assign({}, otherItemProps, {
|
|
222
|
+
style: styleItem
|
|
223
|
+
})))
|
|
224
|
+
}, index);
|
|
222
225
|
}), handleMoreBtn()]
|
|
223
226
|
}));
|
|
224
227
|
};
|
package/Button/SplitButton.d.ts
CHANGED
package/Button/index.js
CHANGED
|
@@ -4,7 +4,7 @@ import 'react';
|
|
|
4
4
|
import 'clsx';
|
|
5
5
|
import '@para-ui/icons/LoadingF';
|
|
6
6
|
import '../Tooltip/index.js';
|
|
7
|
-
export { B as Button, B as default } from '../_verture/index-
|
|
7
|
+
export { B as Button, B as default } from '../_verture/index-cd9ede02.js';
|
|
8
8
|
import '../_verture/constant-5317fc89.js';
|
|
9
9
|
import 'rc-tooltip';
|
|
10
10
|
import 'rc-tooltip/lib/placements';
|
package/ButtonGroup/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
|
|
2
2
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
|
-
import { B as Button } from '../_verture/index-
|
|
3
|
+
import { B as Button } from '../_verture/index-cd9ede02.js';
|
|
4
4
|
import clsx from 'clsx';
|
|
5
5
|
import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
|
|
6
6
|
import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
|
package/ComboSelect/index.js
CHANGED
|
@@ -7,7 +7,7 @@ import Close from '@para-ui/icons/Close';
|
|
|
7
7
|
import CloseCircleF from '@para-ui/icons/CloseCircleF';
|
|
8
8
|
import Table from '../Table/index.js';
|
|
9
9
|
import { T as Tree } from '../_verture/index-320d67c4.js';
|
|
10
|
-
import { B as Button } from '../_verture/index-
|
|
10
|
+
import { B as Button } from '../_verture/index-cd9ede02.js';
|
|
11
11
|
import { D as Dropdown } from '../_verture/index-bde7aabe.js';
|
|
12
12
|
import { Popover } from '../Popover/index.js';
|
|
13
13
|
import AutoTips from '../AutoTips/index.js';
|
|
@@ -55,6 +55,7 @@ import '@para-ui/icons/Right';
|
|
|
55
55
|
import '@para-ui/icons/DoubleLeft';
|
|
56
56
|
import '@para-ui/icons/DoubleRight';
|
|
57
57
|
import '../ScrollBar/index.js';
|
|
58
|
+
import '../_verture/useResizeObserver-960e470e.js';
|
|
58
59
|
import '../_verture/toConsumableArray-599cd94a.js';
|
|
59
60
|
import '../_verture/slicedToArray-61604a6c.js';
|
|
60
61
|
import '../_verture/defineProperty-6f62bb2a.js';
|
package/CycleSelector/index.d.ts
CHANGED
package/CycleSelector/index.js
CHANGED
|
@@ -9,7 +9,7 @@ import DatePicker from '../DatePicker/index.js';
|
|
|
9
9
|
import Select from '../Select/index.js';
|
|
10
10
|
import { TextField } from '../TextField/index.js';
|
|
11
11
|
import { Popover } from '../Popover/index.js';
|
|
12
|
-
import { B as Button } from '../_verture/index-
|
|
12
|
+
import { B as Button } from '../_verture/index-cd9ede02.js';
|
|
13
13
|
import { G as GlobalContext } from '../_verture/index-ca413216.js';
|
|
14
14
|
import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
|
|
15
15
|
import HelperText from '../HelperText/index.js';
|
|
@@ -243,7 +243,8 @@ const CycleSelector = props => {
|
|
|
243
243
|
tipRender,
|
|
244
244
|
showPopover,
|
|
245
245
|
cRef,
|
|
246
|
-
onChange
|
|
246
|
+
onChange,
|
|
247
|
+
disabledCustom = false
|
|
247
248
|
} = props;
|
|
248
249
|
const {
|
|
249
250
|
language,
|
|
@@ -313,7 +314,7 @@ const CycleSelector = props => {
|
|
|
313
314
|
setValueCom(valC);
|
|
314
315
|
constData.current.valueCom = valC;
|
|
315
316
|
handleSelectData();
|
|
316
|
-
}, [value, language]);
|
|
317
|
+
}, [value, language, disabledCustom]);
|
|
317
318
|
useEffect(() => {
|
|
318
319
|
if (showPopover !== undefined) {
|
|
319
320
|
if (showPopover) handlePopoverDefaultValue();
|
|
@@ -364,7 +365,7 @@ const CycleSelector = props => {
|
|
|
364
365
|
week,
|
|
365
366
|
date
|
|
366
367
|
} = constData.current.timeDetail;
|
|
367
|
-
|
|
368
|
+
let selectList = [{
|
|
368
369
|
label: intl('noRepetition'),
|
|
369
370
|
value: 0
|
|
370
371
|
}, {
|
|
@@ -383,6 +384,9 @@ const CycleSelector = props => {
|
|
|
383
384
|
label: intl('customRepetition'),
|
|
384
385
|
value: 5
|
|
385
386
|
}];
|
|
387
|
+
if (disabledCustom) {
|
|
388
|
+
selectList = selectList.filter(item => item.value !== 5);
|
|
389
|
+
}
|
|
386
390
|
setList(selectList);
|
|
387
391
|
setMonthCycleTypeList([{
|
|
388
392
|
label: intl('day' + day),
|
package/DatePicker/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import dayjsGenerateConfig from 'rc-picker/es/generate/dayjs';
|
|
2
2
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
|
-
import { B as Button } from '../_verture/index-
|
|
3
|
+
import { B as Button } from '../_verture/index-cd9ede02.js';
|
|
4
4
|
import { Tag } from '../Tag/index.js';
|
|
5
5
|
import { _ as _defineProperty } from '../_verture/defineProperty-6f62bb2a.js';
|
|
6
6
|
import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
|
package/Descriptions/index.js
CHANGED
|
@@ -3,7 +3,7 @@ import { useState, useEffect, Fragment as Fragment$1 } from 'react';
|
|
|
3
3
|
import { Title } from '../Title/index.js';
|
|
4
4
|
import AutoTips from '../AutoTips/index.js';
|
|
5
5
|
import CollapseBox from '../CollapseBox/index.js';
|
|
6
|
-
import { B as Button } from '../_verture/index-
|
|
6
|
+
import { B as Button } from '../_verture/index-cd9ede02.js';
|
|
7
7
|
import clsx from 'clsx';
|
|
8
8
|
import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
|
|
9
9
|
import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
|
package/Desktop/index.js
CHANGED
|
@@ -5,7 +5,7 @@ import { DeepClone } from '@paraview/lib';
|
|
|
5
5
|
import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
|
|
6
6
|
import AutoTips from '../AutoTips/index.js';
|
|
7
7
|
import NavigateBefore from '@para-ui/icons/Left';
|
|
8
|
-
import { B as Button } from '../_verture/index-
|
|
8
|
+
import { B as Button } from '../_verture/index-cd9ede02.js';
|
|
9
9
|
import ReactDOM from 'react-dom';
|
|
10
10
|
import { Tooltip } from '../Tooltip/index.js';
|
|
11
11
|
import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
|
package/Drawer/index.js
CHANGED
|
@@ -3,7 +3,7 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
|
3
3
|
import { useState, useRef, useEffect } from 'react';
|
|
4
4
|
import clsx from 'clsx';
|
|
5
5
|
import RcDrawer from 'rc-drawer';
|
|
6
|
-
import { B as Button } from '../_verture/index-
|
|
6
|
+
import { B as Button } from '../_verture/index-cd9ede02.js';
|
|
7
7
|
import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
|
|
8
8
|
import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
|
|
9
9
|
import AutoTips from '../AutoTips/index.js';
|
package/DynamicMultiBox/index.js
CHANGED
|
@@ -52,7 +52,7 @@ import '@para-ui/icons/Up';
|
|
|
52
52
|
import '../MultiBox/index.js';
|
|
53
53
|
import '@para-ui/icons/Internet';
|
|
54
54
|
import '../Table/index.js';
|
|
55
|
-
import '../_verture/index-
|
|
55
|
+
import '../_verture/index-cd9ede02.js';
|
|
56
56
|
import '@para-ui/icons/CheckCircleF';
|
|
57
57
|
import '@para-ui/icons/WarningCircle';
|
|
58
58
|
import '@para-ui/icons/WarningCircleF';
|
|
@@ -70,6 +70,7 @@ import '@para-ui/icons/Right';
|
|
|
70
70
|
import '@para-ui/icons/DoubleLeft';
|
|
71
71
|
import '@para-ui/icons/DoubleRight';
|
|
72
72
|
import '../ScrollBar/index.js';
|
|
73
|
+
import '../_verture/useResizeObserver-960e470e.js';
|
|
73
74
|
import '../_verture/index-320d67c4.js';
|
|
74
75
|
import '../_verture/toConsumableArray-599cd94a.js';
|
|
75
76
|
import '../_verture/slicedToArray-61604a6c.js';
|
|
@@ -39,6 +39,7 @@ export interface FormItemProps<Values = any> extends FormItemLabelProps, FormIte
|
|
|
39
39
|
hideError?: boolean;
|
|
40
40
|
disabled?: boolean;
|
|
41
41
|
size?: 'small' | 'medium' | 'large';
|
|
42
|
+
noSpacing?: boolean;
|
|
42
43
|
}
|
|
43
44
|
export interface ItemHolderProps extends FormItemProps {
|
|
44
45
|
errors: ReactNode[];
|
|
@@ -11,6 +11,8 @@ interface FormItemInputMiscProps {
|
|
|
11
11
|
warnings: ReactNode[];
|
|
12
12
|
marginBottom?: number | null;
|
|
13
13
|
onErrorVisibleChanged?: (visible: boolean) => void;
|
|
14
|
+
hideError?: boolean;
|
|
15
|
+
noSpacing?: boolean;
|
|
14
16
|
}
|
|
15
17
|
export interface FormItemInputProps {
|
|
16
18
|
status?: ValidateStatus;
|
package/FieldForm/index.js
CHANGED
|
@@ -4852,11 +4852,14 @@ var FormItemInput = function FormItemInput(props) {
|
|
|
4852
4852
|
status = props.status,
|
|
4853
4853
|
helperText = props.helperText,
|
|
4854
4854
|
marginBottom = props.marginBottom,
|
|
4855
|
-
onErrorVisibleChanged = props.onErrorVisibleChanged
|
|
4855
|
+
onErrorVisibleChanged = props.onErrorVisibleChanged,
|
|
4856
|
+
hideError = props.hideError,
|
|
4857
|
+
_props$noSpacing = props.noSpacing,
|
|
4858
|
+
noSpacing = _props$noSpacing === void 0 ? false : _props$noSpacing;
|
|
4856
4859
|
var _useContext = useContext(FormContext),
|
|
4857
4860
|
prefixCls = _useContext.prefixCls; // 获取 Form context
|
|
4858
4861
|
return jsxs("div", Object.assign({
|
|
4859
|
-
className: clsx("".concat(prefixCls, "-content"), _defineProperty(_defineProperty({}, "".concat(prefixCls, "-content__").concat(fieldId), fieldId), 'has-helper-text', !!(errors.length || warnings.length || helperText && (status === 'error' || status === 'warning'))))
|
|
4862
|
+
className: clsx("".concat(prefixCls, "-content"), _defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-content__").concat(fieldId), fieldId), 'has-spacing', !noSpacing), 'has-helper-text', !hideError && !!(errors.length || warnings.length || helperText && (status === 'error' || status === 'warning'))))
|
|
4860
4863
|
}, {
|
|
4861
4864
|
children: [jsx("div", Object.assign({
|
|
4862
4865
|
className: "".concat(prefixCls, "-control-input")
|
|
@@ -4869,7 +4872,7 @@ var FormItemInput = function FormItemInput(props) {
|
|
|
4869
4872
|
})), jsx("div", Object.assign({
|
|
4870
4873
|
className: "".concat(prefixCls, "-helper-text")
|
|
4871
4874
|
}, {
|
|
4872
|
-
children: marginBottom !== null || errors.length || warnings.length || helperText && (status === 'error' || status === 'warning') ? jsxs(Fragment, {
|
|
4875
|
+
children: !hideError && (marginBottom !== null || errors.length || warnings.length || helperText && (status === 'error' || status === 'warning')) ? jsxs(Fragment, {
|
|
4873
4876
|
children: [jsx(ErrorList, {
|
|
4874
4877
|
errors: errors,
|
|
4875
4878
|
warnings: warnings,
|
|
@@ -4962,6 +4965,8 @@ function ItemHolder(props) {
|
|
|
4962
4965
|
onSubItemMetaChange = props.onSubItemMetaChange,
|
|
4963
4966
|
layout = props.layout,
|
|
4964
4967
|
hideLabel = props.hideLabel,
|
|
4968
|
+
hideError = props.hideError,
|
|
4969
|
+
noSpacing = props.noSpacing,
|
|
4965
4970
|
label = props.label,
|
|
4966
4971
|
labelProps = props.labelProps,
|
|
4967
4972
|
labelAlign = props.labelAlign,
|
|
@@ -5019,7 +5024,9 @@ function ItemHolder(props) {
|
|
|
5019
5024
|
status: status,
|
|
5020
5025
|
helperText: helperText,
|
|
5021
5026
|
marginBottom: marginBottom,
|
|
5022
|
-
onErrorVisibleChanged: onErrorVisibleChanged
|
|
5027
|
+
onErrorVisibleChanged: onErrorVisibleChanged,
|
|
5028
|
+
hideError: hideError,
|
|
5029
|
+
noSpacing: noSpacing
|
|
5023
5030
|
}, {
|
|
5024
5031
|
children: jsx(NoStyleItemContext.Provider, Object.assign({
|
|
5025
5032
|
value: onSubItemMetaChange
|
|
@@ -5193,11 +5200,12 @@ function InternalFormItem(props) {
|
|
|
5193
5200
|
isRequired,
|
|
5194
5201
|
mergedName
|
|
5195
5202
|
} = _ref;
|
|
5203
|
+
var _a, _b, _c;
|
|
5196
5204
|
if (! /*#__PURE__*/isValidElement(mergedChildren)) return null;
|
|
5197
|
-
|
|
5205
|
+
let childProps = Object.assign(Object.assign(Object.assign({}, mergedChildren.props), control), {
|
|
5198
5206
|
disabled: disabled !== null && disabled !== void 0 ? disabled : formDisabled,
|
|
5199
5207
|
error: !!(mergedValidateStatus === 'error' || mergedValidateStatus === 'warning'),
|
|
5200
|
-
size: size !== null &&
|
|
5208
|
+
size: (_c = (_b = (_a = mergedChildren.props) === null || _a === void 0 ? void 0 : _a.size) !== null && _b !== void 0 ? _b : size) !== null && _c !== void 0 ? _c : formSize
|
|
5201
5209
|
});
|
|
5202
5210
|
if (!childProps.fieldId) {
|
|
5203
5211
|
childProps['data-field-id'] = fieldId;
|
|
@@ -5311,7 +5319,7 @@ function useFormInstance() {
|
|
|
5311
5319
|
return form;
|
|
5312
5320
|
}
|
|
5313
5321
|
|
|
5314
|
-
var css_248z = "@charset \"UTF-8\";\n/**\n* @author yaoxue\n* @date 2024/08/21\n* @description 表单\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-field-form-item {\n vertical-align: top;\n}\n.paraui-v4-field-form-item.is-horizontal {\n display: flex;\n}\n.paraui-v4-field-form-item.is-horizontal .paraui-v4-field-form-label {\n margin-right: 8px;\n padding: 0;\n flex-shrink: 0;\n text-align: end;\n}\n.paraui-v4-field-form-item.is-horizontal .paraui-v4-field-form-label.is-left {\n text-align: start;\n}\n.paraui-v4-field-form-item.is-horizontal .paraui-v4-field-form-label.is-multiline .paraui-v4-field-form-label-comp {\n display: inline-block;\n}\n.paraui-v4-field-form-item.is-horizontal .paraui-v4-field-form-label-comp {\n width: 100%;\n display: inline-flex;\n align-items: center;\n margin: 0;\n max-width: 100%;\n min-height: 32px;\n}\n.paraui-v4-field-form-content {\n flex: 1;\n margin-bottom: 20px;\n}\n.paraui-v4-field-form-content.has-helper-text {\n margin-bottom: 0;\n}\n.paraui-v4-field-form-control-input {\n display: flex;\n align-items: center;\n min-height: 32px;\n}\n.paraui-v4-field-form-control-input-content {\n width: 100%;\n}\n.paraui-v4-field-form-control-input-content .paraui-v4-radio-group > .radio-group-content .radio-item-box {\n margin-bottom: 0;\n}\n.paraui-v4-field-form-control-input-content .text-field-error-text {\n display: none;\n}\n.paraui-v4-field-form-helper-text {\n line-height: 20px;\n word-break: break-all;\n}\n.paraui-v4-field-form-helper-text .is-warning > .paraui-v4-helper-text.paraui-v4-helper-text-error {\n color: rgb(255, 147, 38);\n}";
|
|
5322
|
+
var css_248z = "@charset \"UTF-8\";\n/**\n* @author yaoxue\n* @date 2024/08/21\n* @description 表单\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-field-form-item {\n vertical-align: top;\n}\n.paraui-v4-field-form-item.is-horizontal {\n display: flex;\n}\n.paraui-v4-field-form-item.is-horizontal .paraui-v4-field-form-label {\n margin-right: 8px;\n padding: 0;\n flex-shrink: 0;\n text-align: end;\n}\n.paraui-v4-field-form-item.is-horizontal .paraui-v4-field-form-label.is-left {\n text-align: start;\n}\n.paraui-v4-field-form-item.is-horizontal .paraui-v4-field-form-label.is-multiline .paraui-v4-field-form-label-comp {\n display: inline-block;\n}\n.paraui-v4-field-form-item.is-horizontal .paraui-v4-field-form-label-comp {\n width: 100%;\n display: inline-flex;\n align-items: center;\n margin: 0;\n max-width: 100%;\n min-height: 32px;\n}\n.paraui-v4-field-form-content {\n flex: 1;\n}\n.paraui-v4-field-form-content.has-spacing {\n margin-bottom: 20px;\n}\n.paraui-v4-field-form-content.has-spacing.has-helper-text {\n margin-bottom: 0;\n}\n.paraui-v4-field-form-control-input {\n display: flex;\n align-items: center;\n min-height: 32px;\n}\n.paraui-v4-field-form-control-input-content {\n width: 100%;\n}\n.paraui-v4-field-form-control-input-content .paraui-v4-radio-group > .radio-group-content .radio-item-box {\n margin-bottom: 0;\n}\n.paraui-v4-field-form-control-input-content .text-field-error-text {\n display: none;\n}\n.paraui-v4-field-form-helper-text {\n line-height: 20px;\n word-break: break-all;\n}\n.paraui-v4-field-form-helper-text .is-warning > .paraui-v4-helper-text.paraui-v4-helper-text-error {\n color: rgb(255, 147, 38);\n}";
|
|
5315
5323
|
styleInject(css_248z);
|
|
5316
5324
|
|
|
5317
5325
|
const FieldForm = FieldForm$1;
|
package/Form/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { DeepClone } from '@paraview/lib';
|
|
3
3
|
import React__default from 'react';
|
|
4
|
-
import { F as FormItem, l as localeJson, v as validate } from '../_verture/index-
|
|
4
|
+
import { F as FormItem, l as localeJson, v as validate } from '../_verture/index-3b048316.js';
|
|
5
5
|
import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
|
|
6
6
|
import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
|
|
7
7
|
import '../TextField/index.js';
|
|
@@ -44,7 +44,7 @@ import '../Switch/index.js';
|
|
|
44
44
|
import 'rc-switch';
|
|
45
45
|
import '@para-ui/icons/Delete';
|
|
46
46
|
import '@para-ui/icons/LinkGroup';
|
|
47
|
-
import '../_verture/index-
|
|
47
|
+
import '../_verture/index-cd9ede02.js';
|
|
48
48
|
import '@para-ui/icons/CheckCircleF';
|
|
49
49
|
import '@para-ui/icons/WarningCircle';
|
|
50
50
|
import '@para-ui/icons/WarningCircleF';
|
|
@@ -71,6 +71,7 @@ import '@para-ui/icons/Right';
|
|
|
71
71
|
import '@para-ui/icons/DoubleLeft';
|
|
72
72
|
import '@para-ui/icons/DoubleRight';
|
|
73
73
|
import '../ScrollBar/index.js';
|
|
74
|
+
import '../_verture/useResizeObserver-960e470e.js';
|
|
74
75
|
import '../_verture/index-320d67c4.js';
|
|
75
76
|
import '../_verture/toConsumableArray-599cd94a.js';
|
|
76
77
|
import '../_verture/defineProperty-6f62bb2a.js';
|
package/FormItem/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import 'react/jsx-runtime';
|
|
2
2
|
import 'react';
|
|
3
|
-
export { F as default } from '../_verture/index-
|
|
3
|
+
export { F as default } from '../_verture/index-3b048316.js';
|
|
4
4
|
import 'clsx';
|
|
5
5
|
import '../Label/index.js';
|
|
6
6
|
import '../_verture/constant-5317fc89.js';
|
|
@@ -44,7 +44,7 @@ import '../Switch/index.js';
|
|
|
44
44
|
import 'rc-switch';
|
|
45
45
|
import '@para-ui/icons/Delete';
|
|
46
46
|
import '@para-ui/icons/LinkGroup';
|
|
47
|
-
import '../_verture/index-
|
|
47
|
+
import '../_verture/index-cd9ede02.js';
|
|
48
48
|
import '@para-ui/icons/CheckCircleF';
|
|
49
49
|
import '@para-ui/icons/WarningCircle';
|
|
50
50
|
import '@para-ui/icons/WarningCircleF';
|
|
@@ -71,6 +71,7 @@ import '@para-ui/icons/Right';
|
|
|
71
71
|
import '@para-ui/icons/DoubleLeft';
|
|
72
72
|
import '@para-ui/icons/DoubleRight';
|
|
73
73
|
import '../ScrollBar/index.js';
|
|
74
|
+
import '../_verture/useResizeObserver-960e470e.js';
|
|
74
75
|
import '../_verture/index-320d67c4.js';
|
|
75
76
|
import '../_verture/toConsumableArray-599cd94a.js';
|
|
76
77
|
import '../_verture/defineProperty-6f62bb2a.js';
|
package/FunctionModal/index.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { u as useModal } from '../_verture/modalContext-
|
|
2
|
-
export { F as FunctionModalProvider, u as default, a as useClose } from '../_verture/modalContext-
|
|
1
|
+
import { u as useModal } from '../_verture/modalContext-ce07f2de.js';
|
|
2
|
+
export { F as FunctionModalProvider, u as default, a as useClose } from '../_verture/modalContext-ce07f2de.js';
|
|
3
3
|
import '../_verture/tslib.es6-55ed4bd2.js';
|
|
4
4
|
import 'react/jsx-runtime';
|
|
5
5
|
import 'react';
|
|
6
6
|
import '../Modal/index.js';
|
|
7
7
|
import 'rc-dialog';
|
|
8
|
-
import '../_verture/index-
|
|
8
|
+
import '../_verture/index-cd9ede02.js';
|
|
9
9
|
import 'clsx';
|
|
10
10
|
import '@para-ui/icons/LoadingF';
|
|
11
11
|
import '../Tooltip/index.js';
|
package/InputCode/index.js
CHANGED
|
@@ -8,7 +8,7 @@ import HelperText from '../HelperText/index.js';
|
|
|
8
8
|
import { TextField } from '../TextField/index.js';
|
|
9
9
|
import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
|
|
10
10
|
import Label from '../Label/index.js';
|
|
11
|
-
import { B as Button } from '../_verture/index-
|
|
11
|
+
import { B as Button } from '../_verture/index-cd9ede02.js';
|
|
12
12
|
import AutoTips from '../AutoTips/index.js';
|
|
13
13
|
import '../_verture/index-ca413216.js';
|
|
14
14
|
import '@paraview/lib';
|
package/Modal/index.js
CHANGED
|
@@ -2,7 +2,7 @@ import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
|
|
|
2
2
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
3
3
|
import React__default from 'react';
|
|
4
4
|
import Dialog from 'rc-dialog';
|
|
5
|
-
import { B as Button } from '../_verture/index-
|
|
5
|
+
import { B as Button } from '../_verture/index-cd9ede02.js';
|
|
6
6
|
import Close from '@para-ui/icons/Close';
|
|
7
7
|
import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
|
|
8
8
|
import { g as getConfirmLocale, l as localeJson } from '../_verture/index-ca413216.js';
|
package/OperateBtn/index.js
CHANGED
|
@@ -2,7 +2,7 @@ import { a as __awaiter } from '../_verture/tslib.es6-55ed4bd2.js';
|
|
|
2
2
|
import { jsxs, jsx, Fragment as Fragment$1 } from 'react/jsx-runtime';
|
|
3
3
|
import { useState, Fragment } from 'react';
|
|
4
4
|
import More from '@para-ui/icons/More';
|
|
5
|
-
import { B as Button, P as PopConfirm } from '../_verture/index-
|
|
5
|
+
import { B as Button, P as PopConfirm } from '../_verture/index-cd9ede02.js';
|
|
6
6
|
import { Tooltip } from '../Tooltip/index.js';
|
|
7
7
|
import { Popover } from '../Popover/index.js';
|
|
8
8
|
import AutoTips from '../AutoTips/index.js';
|
package/PageHeader/index.js
CHANGED
|
@@ -6,7 +6,7 @@ import * as iconList from '@para-ui/icons';
|
|
|
6
6
|
import More from '@para-ui/icons/More';
|
|
7
7
|
import { DeepClone, UUID } from '@paraview/lib';
|
|
8
8
|
import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
|
|
9
|
-
import { B as Button } from '../_verture/index-
|
|
9
|
+
import { B as Button } from '../_verture/index-cd9ede02.js';
|
|
10
10
|
import AutoTips from '../AutoTips/index.js';
|
|
11
11
|
import Right from '@para-ui/icons/Right';
|
|
12
12
|
import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
|
package/Pagination/index.js
CHANGED
|
@@ -5,7 +5,7 @@ import { $ as $prefixCls, a as $rcPrefixCls } from '../_verture/constant-5317fc8
|
|
|
5
5
|
import { TextField } from '../TextField/index.js';
|
|
6
6
|
import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
|
|
7
7
|
import Select from '../Select/index.js';
|
|
8
|
-
import { B as Button } from '../_verture/index-
|
|
8
|
+
import { B as Button } from '../_verture/index-cd9ede02.js';
|
|
9
9
|
import NavigateBefore from '@para-ui/icons/Left';
|
|
10
10
|
import PaginationCom from 'rc-pagination';
|
|
11
11
|
import Right from '@para-ui/icons/Right';
|
package/PopConfirm/index.js
CHANGED
|
@@ -5,7 +5,7 @@ import '@para-ui/icons/CheckCircleF';
|
|
|
5
5
|
import '@para-ui/icons/WarningCircle';
|
|
6
6
|
import '@para-ui/icons/CloseCircleF';
|
|
7
7
|
import '@para-ui/icons/WarningCircleF';
|
|
8
|
-
export { P as PopConfirm, P as default } from '../_verture/index-
|
|
8
|
+
export { P as PopConfirm, P as default } from '../_verture/index-cd9ede02.js';
|
|
9
9
|
import '../Tooltip/index.js';
|
|
10
10
|
import 'clsx';
|
|
11
11
|
import '../_verture/useFormatMessage-1fc7c957.js';
|
package/QuickReply/index.js
CHANGED
|
@@ -3,7 +3,7 @@ import { useState, useRef } from 'react';
|
|
|
3
3
|
import clsx from 'clsx';
|
|
4
4
|
import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
|
|
5
5
|
import { d as dist } from '../_verture/index-0f5ee6f7.js';
|
|
6
|
-
import { B as Button, P as PopConfirm } from '../_verture/index-
|
|
6
|
+
import { B as Button, P as PopConfirm } from '../_verture/index-cd9ede02.js';
|
|
7
7
|
import { Checkbox } from '../Checkbox/index.js';
|
|
8
8
|
import { TextField } from '../TextField/index.js';
|
|
9
9
|
import Empty from '../Empty/index.js';
|
package/README.md
CHANGED
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
## 🎉 para-ui/core@4.0.57 发布
|
|
2
|
+
|
|
3
|
+
🎁【Feature】
|
|
4
|
+
- 【周期选择器-CycleSelector】新增禁用自定义重复选项disabledCustom参数
|
|
5
|
+
|
|
6
|
+
## 🎉 para-ui/core@4.0.56 发布
|
|
7
|
+
|
|
8
|
+
🎁【Feature】
|
|
9
|
+
- 【SplitButton-分体式按钮】支持自定义前置按钮
|
|
10
|
+
- 【FieldForm-表单】新增是否隐藏帮助信息、item之间是否有间距参数;修复组件size参数覆盖问题
|
|
11
|
+
- 【AutoButton-自动按钮】调整外部尺寸发生变化,重新计算
|
|
12
|
+
|
|
1
13
|
## 🎉 para-ui/core@4.0.55 发布
|
|
2
14
|
|
|
3
15
|
🎁【Feature】
|
package/Selector/index.js
CHANGED
|
@@ -1176,7 +1176,7 @@ const Selector = props => {
|
|
|
1176
1176
|
reqId: Math.random().toString(),
|
|
1177
1177
|
/** 请求数据 */
|
|
1178
1178
|
reqParams: {
|
|
1179
|
-
size:
|
|
1179
|
+
size: size,
|
|
1180
1180
|
pagination: false,
|
|
1181
1181
|
isLazy: false
|
|
1182
1182
|
},
|
|
@@ -1193,12 +1193,13 @@ const Selector = props => {
|
|
|
1193
1193
|
/** 搜索配置 */
|
|
1194
1194
|
searchConfig: {
|
|
1195
1195
|
page: 1,
|
|
1196
|
-
size:
|
|
1196
|
+
size: size,
|
|
1197
1197
|
reqId: Math.random().toString(),
|
|
1198
1198
|
/** 当前页数据源 本地数据为当前页所有的数据,请求数据为当前展示的数据 */
|
|
1199
1199
|
currentSourceData: []
|
|
1200
1200
|
}
|
|
1201
1201
|
}); // 常量
|
|
1202
|
+
constData.current.searchConfig.size = size;
|
|
1202
1203
|
constData.current.reqParams.size = size;
|
|
1203
1204
|
constData.current.reqParams.pagination = pagination;
|
|
1204
1205
|
constData.current.reqParams.isLazy = isLazy;
|
package/Stepper/index.js
CHANGED
package/Table/index.js
CHANGED
|
@@ -6,7 +6,7 @@ import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
|
|
|
6
6
|
import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
|
|
7
7
|
import { Popover } from '../Popover/index.js';
|
|
8
8
|
import { Checkbox } from '../Checkbox/index.js';
|
|
9
|
-
import { B as Button } from '../_verture/index-
|
|
9
|
+
import { B as Button } from '../_verture/index-cd9ede02.js';
|
|
10
10
|
import AutoTips from '../AutoTips/index.js';
|
|
11
11
|
import Screen from '@para-ui/icons/ScreenF';
|
|
12
12
|
import SolidArrowUp from '@para-ui/icons/UpTriangleF';
|
|
@@ -24,6 +24,7 @@ import { Pagination } from '../Pagination/index.js';
|
|
|
24
24
|
import { Loading } from '../Loading/index.js';
|
|
25
25
|
import { u as useGlobalProps } from '../_verture/useGlobalProps-4ae1a007.js';
|
|
26
26
|
import ScrollBar from '../ScrollBar/index.js';
|
|
27
|
+
import { u as useResizeObserver } from '../_verture/useResizeObserver-960e470e.js';
|
|
27
28
|
import '../Tooltip/index.js';
|
|
28
29
|
import 'rc-tooltip';
|
|
29
30
|
import 'rc-tooltip/lib/placements';
|
|
@@ -1868,57 +1869,6 @@ const TableElement = props => {
|
|
|
1868
1869
|
var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-table {\n width: 100%;\n height: 100%;\n overflow: auto;\n background-color: white;\n font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n font-size: 14px;\n font-weight: 400;\n position: relative;\n}\n.paraui-v4-table.paraui-v4-virtual > .table-contain {\n margin-right: 8px;\n}\n.paraui-v4-table.paraui-v4-virtual > .table-contain::-webkit-scrollbar {\n width: 0;\n}\n.paraui-v4-table.paraui-v4-virtual.paraui-v4-table-pagination .paraui-v4-scroll-bar {\n height: calc(100% - 40px);\n}\n.paraui-v4-table.paraui-v4-virtual.table-scroll-left .paraui-v4-scroll-bar, .paraui-v4-table.paraui-v4-virtual.table-scroll-right .paraui-v4-scroll-bar, .paraui-v4-table.paraui-v4-virtual.table-scroll-middle .paraui-v4-scroll-bar {\n padding-bottom: 8px;\n}\n.paraui-v4-table.paraui-v4-table-draggable * {\n user-select: none !important;\n}\n.paraui-v4-table.paraui-v4-table-fixed-table > .table-contain > table {\n table-layout: fixed;\n}\n.paraui-v4-table.paraui-v4-table-fixed-cloumn > .table-contain > table .table-checkbox {\n left: 0;\n}\n.paraui-v4-table.paraui-v4-table-fixed-cloumn > .table-contain > table .table-radio {\n left: 0;\n}\n.paraui-v4-table.paraui-v4-table-fixed-cloumn > .table-contain > table .table-expandable {\n left: 0;\n}\n.paraui-v4-table.paraui-v4-table-fixed-cloumn.paraui-v4-table-radio.paraui-v4-table-check .table-radio {\n left: 48px;\n}\n.paraui-v4-table.paraui-v4-table-fixed-cloumn.paraui-v4-table-expandable.paraui-v4-table-check .table-expandable {\n left: 48px;\n}\n.paraui-v4-table.paraui-v4-table-fixed-cloumn.paraui-v4-table-expandable.paraui-v4-table-check.paraui-v4-table-radio .table-expandable {\n left: 80px;\n}\n.paraui-v4-table.paraui-v4-table-no-data > .table-container > table {\n height: 100%;\n}\n.paraui-v4-table.paraui-v4-table-no-data > .table-container > table .paraui-v4-empty {\n overflow: hidden;\n}\n.paraui-v4-table.paraui-v4-table-load.paraui-v4-table-no-data > .table-container > table {\n height: auto;\n}\n.paraui-v4-table.paraui-v4-table-pagination > .table-contain {\n height: calc(100% - 40px);\n}\n.paraui-v4-table.paraui-v4-table-pagination.table-load-more > .table-contain {\n height: 100%;\n}\n.paraui-v4-table.paraui-v4-table-load-more.paraui-v4-table-pagination > .table-contain {\n height: 100%;\n}\n.paraui-v4-table > .table-contain {\n height: 100%;\n position: relative;\n}\n.paraui-v4-table > .table-contain > table {\n height: auto;\n}\n.paraui-v4-table > .table-contain > table .table-checkbox > label {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v4-table > .table-contain > table .table-checkbox .table-header-box {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v4-table > .table-contain > table .table-radio > label {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v4-table > .table-contain > table .table-radio .table-header-box {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v4-table > .table-contain > table .table-expandable > svg {\n vertical-align: middle;\n}\n.paraui-v4-table > .table-contain > table > .table-head {\n width: 100%;\n white-space: nowrap;\n}\n.paraui-v4-table > .table-contain > table > .table-head > tr th {\n height: 48px;\n}\n.paraui-v4-table > .table-contain > table > .table-head.table-head-scroll tr th {\n max-width: 240px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-serial-number .table-header-box .table-header-title {\n padding-right: 0;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box {\n height: 47px;\n line-height: 47px;\n position: relative;\n padding: 0 8px;\n display: flex;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-title {\n max-width: 100%;\n display: flex;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-title > .table-header-title-label {\n width: 100%;\n color: rgb(92, 101, 115);\n font-weight: 700;\n font-size: 14px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span {\n width: 20px;\n height: 20px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n border-radius: 2px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span:hover {\n background-color: rgba(46, 101, 230, 0.1);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span:hover > svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span > svg {\n font-size: 12px;\n color: rgb(92, 101, 115);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span > .up-svg {\n position: relative;\n top: 3px;\n transform: scale(0.8);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span > .down-svg {\n position: relative;\n top: -3px;\n transform: scale(0.8);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span {\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n cursor: pointer;\n border-radius: 2px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span:hover {\n background-color: rgba(46, 101, 230, 0.1);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span:hover > svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span > svg {\n font-size: 14px;\n color: rgb(92, 101, 115);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-show > span > svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-select > span > svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-select > span:after {\n position: absolute;\n width: 4px;\n height: 4px;\n border-radius: 50%;\n background-color: rgb(244, 66, 66);\n content: \"\";\n right: 3px;\n top: 2px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort > .table-header-title {\n padding-right: 8px;\n max-width: calc(100% - 20px);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box.table-header-box-filter > .table-header-title {\n padding-right: 8px;\n max-width: calc(100% - 20px);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort.table-header-box-filter > .table-header-title {\n max-width: calc(100% - 40px);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort-asc > .table-sort-svg > span > .up-svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort-desc > .table-sort-svg > span > .down-svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-head .show-colums {\n width: 53px;\n cursor: pointer;\n border-left: 1px solid rgb(234, 236, 241);\n right: 0;\n}\n.paraui-v4-table > .table-contain > table > .table-head .show-colums .table-header-box {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n}\n.paraui-v4-table > .table-contain > table > .table-head .show-colums .table-header-box > svg {\n font-size: 20px;\n color: rgb(92, 101, 115);\n}\n.paraui-v4-table > .table-contain > table > .table-head .show-colums .table-header-box:hover > svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-head .drag-row {\n width: 53px;\n cursor: pointer;\n border-left: 1px solid rgb(234, 236, 241);\n right: 0;\n}\n.paraui-v4-table > .table-contain > table > .table-head.table-head-no-btn tr th:first-child .table-header-box {\n padding-left: 20px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-head-btn {\n width: 32px;\n padding: 0;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-head-btn > .table-header-box {\n width: 32px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-head-btn:first-child {\n width: 48px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-head-btn:first-child > .table-header-box {\n width: 48px;\n}\n.paraui-v4-table > .table-contain > table > .table-body {\n width: 100%;\n}\n.paraui-v4-table > .table-contain > table > .table-body.table-body-scroll tr td {\n max-width: 240px;\n}\n.paraui-v4-table > .table-contain > table > .table-body tr td {\n background-color: white;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-table > .table-contain > table > .table-body tr td.table-operate {\n padding-right: 16px;\n}\n.paraui-v4-table > .table-contain > table > .table-body tr td.table-operate > .table-operate-box {\n display: flex;\n align-items: center;\n}\n.paraui-v4-table > .table-contain > table > .table-body tr td.table-operate > .table-operate-box .drag-btn-line {\n display: inline-block;\n width: 1px;\n height: 12px;\n background-color: rgb(213, 224, 250);\n margin: 0 10px;\n}\n.paraui-v4-table > .table-contain > table > .table-body tr td.table-operate > .table-operate-box .drag-row-btn {\n cursor: all-scroll;\n}\n.paraui-v4-table > .table-contain > table > .table-body tr td.table-operate > .table-operate-box .drag-row-btn svg {\n font-size: 18px;\n}\n.paraui-v4-table > .table-contain > table > .table-body tr td.table-operate.table-operate-center {\n padding-right: 8px;\n}\n.paraui-v4-table > .table-contain > table > .table-body tr td.table-operate.table-operate-center > .table-operate-box {\n justify-content: center;\n}\n.paraui-v4-table > .table-contain > table > .table-body tr:nth-of-type(2n) td {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-table > .table-contain > table > .table-body tr:hover td {\n background-color: rgb(233, 239, 255);\n}\n.paraui-v4-table > .table-contain > table > .table-body tr .table-expandable > svg {\n transition: all 0.3s;\n cursor: pointer;\n font-size: 18px;\n color: rgb(92, 101, 115);\n transform: rotate(270deg);\n}\n.paraui-v4-table > .table-contain > table > .table-body tr .table-expandable > svg:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-body tr .table-expandable > .expand {\n transform: rotate(360deg);\n}\n.paraui-v4-table > .table-contain > table > .table-body .more-table-row {\n cursor: pointer;\n position: sticky;\n bottom: 0;\n z-index: 10;\n}\n.paraui-v4-table > .table-contain > table > .table-body .more-table-row .more-btn {\n color: rgb(46, 101, 230);\n font-size: 14px;\n}\n.paraui-v4-table > .table-contain > table > .table-body .more-table-row > .td-element {\n position: relative;\n background: white;\n box-shadow: 4px -4px 8px 0px rgb(234, 236, 241);\n}\n.paraui-v4-table > .table-contain > table > .table-body.table-body-no-btn tr td:first-child {\n padding-left: 20px;\n}\n.paraui-v4-table > .table-contain > table > .table-body.table-body-no-btn tr.more-table-row td:first-child {\n padding-left: 8px;\n}\n.paraui-v4-table > .table-contain > table > .table-body.table-body-no-btn > .table-no-data > td:first-child {\n padding: 0;\n}\n.paraui-v4-table > .table-contain > table > .table-body .table-body-btn {\n width: 32px;\n padding: 0;\n}\n.paraui-v4-table > .table-contain > table > .table-body .table-body-btn:first-child {\n width: 48px;\n}\n.paraui-v4-table > .table-contain > table > .table-body > .table-no-data {\n height: calc(100% - 50px);\n}\n.paraui-v4-table > .table-contain > table > .table-body > .table-no-data:hover td {\n background-color: white;\n}\n.paraui-v4-table > .table-contain > table > .table-body > .table-no-data > td {\n padding: 56px 0 0 0;\n}\n.paraui-v4-table > .table-contain > .table-pos-line {\n position: absolute;\n top: 0;\n width: 1px;\n background-color: rgb(46, 101, 230);\n z-index: 1000;\n}\n.paraui-v4-table > .table-pagination {\n width: 100%;\n height: 36px;\n display: flex;\n align-items: flex-end;\n}\n.paraui-v4-table > .table-pagination .table-pagination-right {\n display: flex;\n height: 32px;\n align-items: center;\n color: rgb(29, 33, 38);\n line-height: 32px;\n padding-left: 16px;\n}\n.paraui-v4-table > .table-pagination .table-pagination-right .all-select {\n margin-left: 12px;\n}\n.paraui-v4-table > .table-pagination .table-pagination-right .line {\n width: 1px;\n height: 12px;\n background-color: rgb(212, 218, 227);\n margin: 0 10px;\n}\n.paraui-v4-table > .table-pagination .table-pagination-right .check-number {\n width: 65px;\n display: inline-block;\n}\n.paraui-v4-table > .table-pagination .table-pagination-com {\n flex: 1;\n justify-content: flex-end;\n}\n.paraui-v4-table > .table-pagination .refresh-btn {\n margin-left: 20px;\n}\n\n.paraui-v4-table-show-colums-popover > .component-popover-content {\n min-width: 200px;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box {\n padding-top: 4px;\n max-height: 320px;\n overflow-y: auto;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item {\n height: 30px;\n line-height: 30px;\n cursor: pointer;\n display: flex;\n padding: 0 10px;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item > label {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item > span {\n padding-left: 8px;\n color: rgb(29, 33, 38);\n font-size: 14px;\n display: inline-block;\n width: calc(100% - 14px);\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item:hover {\n background: rgb(247, 248, 250);\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item.show-colums-select-item-disabled {\n cursor: inherit;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item.show-colums-select-item-disabled > span {\n color: rgb(29, 33, 38);\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item.show-colums-select-item-disabled:hover {\n background: transparent;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer {\n height: 36px;\n border-top: 1px solid rgb(247, 248, 250);\n text-align: center;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer > button {\n width: 100%;\n height: 100%;\n margin: 0;\n}\n\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-box {\n padding-top: 4px;\n max-height: 320px;\n overflow-y: auto;\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item {\n height: 30px;\n line-height: 30px;\n cursor: pointer;\n display: flex;\n padding: 0 10px;\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item > label {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item > span {\n padding-left: 8px;\n color: rgb(29, 33, 38);\n font-size: 14px;\n display: inline-block;\n width: calc(100% - 14px);\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item:hover {\n background: rgb(247, 248, 250);\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-footer {\n height: 36px;\n border-top: 1px solid rgb(247, 248, 250);\n text-align: center;\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-footer > button {\n width: 50%;\n height: 100%;\n margin: 0;\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select.filter-select-none {\n text-align: center;\n padding: 20px 0;\n}\n.paraui-v4-filter-popover.paraui-v4-filter-popover-default > .component-popover-content {\n min-width: 200px;\n}";
|
|
1869
1870
|
styleInject(css_248z);
|
|
1870
1871
|
|
|
1871
|
-
/**
|
|
1872
|
-
* @author linhd
|
|
1873
|
-
* @date 2024/12/23 10:45
|
|
1874
|
-
* @description 监听元素发生变化
|
|
1875
|
-
*/
|
|
1876
|
-
var useResizeObserver = function useResizeObserver(props) {
|
|
1877
|
-
var constData = useRef({});
|
|
1878
|
-
useEffect(function () {
|
|
1879
|
-
resizeObserverDom();
|
|
1880
|
-
return function () {
|
|
1881
|
-
clearInterval(constData.current.resizeTimer);
|
|
1882
|
-
clearTimeout(constData.current.resizeLimit);
|
|
1883
|
-
};
|
|
1884
|
-
}, [props.dom]);
|
|
1885
|
-
// 判断宽高发生变化
|
|
1886
|
-
var isChangeSize = function isChangeSize(rect) {
|
|
1887
|
-
var width = rect.width;
|
|
1888
|
-
var height = rect.height;
|
|
1889
|
-
if (width === constData.current.width && height === constData.current.height) {
|
|
1890
|
-
return;
|
|
1891
|
-
}
|
|
1892
|
-
constData.current.width = width;
|
|
1893
|
-
constData.current.height = height;
|
|
1894
|
-
clearTimeout(constData.current.resizeLimit);
|
|
1895
|
-
constData.current.resizeLimit = setTimeout(function () {
|
|
1896
|
-
props.cb();
|
|
1897
|
-
}, 100);
|
|
1898
|
-
};
|
|
1899
|
-
// 监听表格容器宽高发生变化
|
|
1900
|
-
var resizeObserverDom = function resizeObserverDom() {
|
|
1901
|
-
var dom = props.dom;
|
|
1902
|
-
if (!dom) return;
|
|
1903
|
-
if (window.ResizeObserver === undefined) {
|
|
1904
|
-
clearInterval(constData.current.resizeTimer);
|
|
1905
|
-
constData.current.resizeTimer = setInterval(function () {
|
|
1906
|
-
var tableRefEleRect = dom.getBoundingClientRect();
|
|
1907
|
-
isChangeSize(tableRefEleRect);
|
|
1908
|
-
});
|
|
1909
|
-
} else {
|
|
1910
|
-
// 创建一个ResizeObserver实例并传入回调函数
|
|
1911
|
-
var resizeObserver = new ResizeObserver(function (entries) {
|
|
1912
|
-
var _a;
|
|
1913
|
-
var contentRect = (_a = entries[0]) === null || _a === void 0 ? void 0 : _a.contentRect;
|
|
1914
|
-
isChangeSize(contentRect);
|
|
1915
|
-
});
|
|
1916
|
-
// 开始观察元素
|
|
1917
|
-
resizeObserver.observe(dom);
|
|
1918
|
-
}
|
|
1919
|
-
};
|
|
1920
|
-
};
|
|
1921
|
-
|
|
1922
1872
|
const Table = propsInit => {
|
|
1923
1873
|
const props = useGlobalProps(propsInit, 'Table');
|
|
1924
1874
|
// 判断浏览器
|