@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.
Files changed (71) hide show
  1. package/Argv/index.js +1 -1
  2. package/AutoButton/index.js +14 -11
  3. package/Button/SplitButton.d.ts +2 -0
  4. package/Button/index.js +1 -1
  5. package/ButtonGroup/index.js +1 -1
  6. package/ComboSelect/index.js +2 -1
  7. package/CycleSelector/index.d.ts +2 -0
  8. package/CycleSelector/index.js +8 -4
  9. package/DatePicker/index.js +1 -1
  10. package/Descriptions/index.js +1 -1
  11. package/Desktop/index.js +1 -1
  12. package/Drawer/index.js +1 -1
  13. package/DynamicMultiBox/index.js +2 -1
  14. package/FieldForm/FieldFormItem/index.d.ts +1 -0
  15. package/FieldForm/FormItemInput.d.ts +2 -0
  16. package/FieldForm/index.js +15 -7
  17. package/Form/index.js +3 -2
  18. package/FormItem/index.js +3 -2
  19. package/FunctionModal/index.js +3 -3
  20. package/InputCode/index.js +1 -1
  21. package/Modal/index.js +1 -1
  22. package/OperateBtn/index.js +1 -1
  23. package/PageHeader/index.js +1 -1
  24. package/Pagination/index.js +1 -1
  25. package/PopConfirm/index.js +1 -1
  26. package/QuickReply/index.js +1 -1
  27. package/README.md +12 -0
  28. package/Selector/index.js +3 -2
  29. package/Stepper/index.js +1 -1
  30. package/Table/index.js +2 -52
  31. package/Tabs/index.js +3 -3
  32. package/TimePicker/index.js +1 -1
  33. package/ToggleButton/index.js +1 -1
  34. package/Transfer/index.js +1 -1
  35. package/Upload/index.js +1 -1
  36. package/_verture/{index-0e866545.js → index-3b048316.js} +1 -1
  37. package/_verture/{index-7e60b72c.js → index-cd9ede02.js} +6 -3
  38. package/_verture/useResizeObserver-960e470e.js +54 -0
  39. package/index.js +4 -3
  40. package/package.json +1 -1
  41. package/umd/Argv.js +1 -1
  42. package/umd/AutoButton.js +4 -4
  43. package/umd/Button.js +1 -1
  44. package/umd/ButtonGroup.js +4 -4
  45. package/umd/ComboSelect.js +1 -1
  46. package/umd/CycleSelector.js +2 -2
  47. package/umd/DatePicker.js +1 -1
  48. package/umd/Descriptions.js +1 -1
  49. package/umd/Desktop.js +1 -1
  50. package/umd/Drawer.js +1 -1
  51. package/umd/DynamicMultiBox.js +1 -1
  52. package/umd/FieldForm.js +2 -2
  53. package/umd/Form.js +1 -1
  54. package/umd/FormItem.js +1 -1
  55. package/umd/FunctionModal.js +1 -1
  56. package/umd/InputCode.js +1 -1
  57. package/umd/Modal.js +1 -1
  58. package/umd/OperateBtn.js +4 -4
  59. package/umd/PageHeader.js +1 -1
  60. package/umd/Pagination.js +1 -1
  61. package/umd/PopConfirm.js +1 -1
  62. package/umd/QuickReply.js +1 -1
  63. package/umd/Selector.js +1 -1
  64. package/umd/SelectorPicker.js +1 -1
  65. package/umd/Table.js +1 -1
  66. package/umd/Tabs.js +1 -1
  67. package/umd/TimePicker.js +1 -1
  68. package/umd/ToggleButton.js +1 -1
  69. package/umd/Transfer.js +1 -1
  70. package/umd/Upload.js +1 -1
  71. /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-7e60b72c.js';
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';
@@ -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-7e60b72c.js';
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 handlePopConfirm(item, jsx(Dom, Object.assign({}, otherItemProps, {
220
- style: styleItem
221
- }), index));
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
  };
@@ -60,6 +60,8 @@ export interface SplitButtonProps {
60
60
  placement?: Placement;
61
61
  /** button props */
62
62
  buttonProps?: ButtonProps;
63
+ /** 前置图标 */
64
+ startIcon?: React.ReactNode;
63
65
  /**
64
66
  * click callback
65
67
  * @param option
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-7e60b72c.js';
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';
@@ -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-7e60b72c.js';
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';
@@ -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-7e60b72c.js';
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';
@@ -56,6 +56,8 @@ export interface CycleSelectorProps extends HelperTextDetailProps {
56
56
  disabledDate?: (date: Dayjs) => boolean;
57
57
  /** 禁用时间 */
58
58
  disabledTime?: DisabledTime<Dayjs>;
59
+ /** 禁用自定义选项*/
60
+ disabledCustom?: boolean;
59
61
  /** 显示弹窗
60
62
  * 不传:组件里面控制
61
63
  * */
@@ -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-7e60b72c.js';
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
- const selectList = [{
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),
@@ -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-7e60b72c.js';
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';
@@ -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-7e60b72c.js';
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-7e60b72c.js';
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-7e60b72c.js';
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';
@@ -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-7e60b72c.js';
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;
@@ -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
- const childProps = Object.assign(Object.assign(Object.assign({}, mergedChildren.props), control), {
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 && size !== void 0 ? size : formSize
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-0e866545.js';
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-7e60b72c.js';
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-0e866545.js';
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-7e60b72c.js';
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';
@@ -1,11 +1,11 @@
1
- import { u as useModal } from '../_verture/modalContext-3ed7e7f6.js';
2
- export { F as FunctionModalProvider, u as default, a as useClose } from '../_verture/modalContext-3ed7e7f6.js';
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-7e60b72c.js';
8
+ import '../_verture/index-cd9ede02.js';
9
9
  import 'clsx';
10
10
  import '@para-ui/icons/LoadingF';
11
11
  import '../Tooltip/index.js';
@@ -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-7e60b72c.js';
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-7e60b72c.js';
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';
@@ -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-7e60b72c.js';
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';
@@ -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-7e60b72c.js';
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';
@@ -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-7e60b72c.js';
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';
@@ -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-7e60b72c.js';
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';
@@ -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-7e60b72c.js';
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: 10,
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: 10,
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
@@ -24,7 +24,7 @@ import '@para-ui/icons/Forbid';
24
24
  import '@paraview/lib';
25
25
 
26
26
  //默认图标
27
- const Icons = {
27
+ var Icons = {
28
28
  1: jsx(One, {
29
29
  size: "medium"
30
30
  }),
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-7e60b72c.js';
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
  // 判断浏览器