@canvas-components/react-components 0.2.0 → 0.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.cjs +266 -124
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +14 -1
  4. package/dist/index.d.ts +14 -1
  5. package/dist/index.js +267 -125
  6. package/dist/index.js.map +1 -1
  7. package/package.json +1 -1
package/dist/index.d.cts CHANGED
@@ -23,6 +23,12 @@ declare const ReactCheckbox: react.ForwardRefExoticComponent<ReactCheckboxProps
23
23
 
24
24
  /** 通用过滤条件操作符。 */
25
25
  type ReactFilterConditionOperator = "none" | "eq" | "neq" | "gt" | "gte" | "lt" | "lte" | "between" | "notBetween" | "startsWith" | "notStartsWith" | "endsWith" | "notEndsWith" | "includes" | "notIncludes" | "blank" | "notBlank";
26
+ /** 通用过滤条件。 */
27
+ interface ReactFilterPanelCondition {
28
+ operator: ReactFilterConditionOperator;
29
+ value?: string;
30
+ secondValue?: string;
31
+ }
26
32
  /** 通用过滤面板草稿。 */
27
33
  interface ReactFilterPanelValue {
28
34
  keyword: string;
@@ -37,6 +43,8 @@ interface ReactFilterPanelValue {
37
43
  secondConditionOperator?: ReactFilterConditionOperator;
38
44
  secondConditionValue?: string;
39
45
  secondConditionSecondValue?: string;
46
+ /** 动态条件列表；存在时优先于旧的两条件字段。 */
47
+ conditions?: ReactFilterPanelCondition[];
40
48
  }
41
49
  /** 通用过滤候选项。 */
42
50
  interface ReactFilterPanelOption {
@@ -67,6 +75,9 @@ interface ReactFilterPanelTexts {
67
75
  relationOrLabel: string;
68
76
  resetAction: string;
69
77
  applyAction: string;
78
+ conditionLabel?: string;
79
+ addConditionAction?: string;
80
+ deleteConditionAction?: string;
70
81
  }
71
82
  /** 通用过滤面板请求。 */
72
83
  interface ReactFilterPanelRequest {
@@ -377,6 +388,8 @@ interface ReactModalProps {
377
388
  closable?: boolean;
378
389
  /** 是否提供全屏切换操作。@default true */
379
390
  fullscreenable?: boolean;
391
+ /** 是否允许拖拽标题栏移动 Modal。@default false */
392
+ draggable?: boolean;
380
393
  /** 当前是否全屏，传入后进入受控模式。 */
381
394
  fullscreen?: boolean;
382
395
  /** 默认是否全屏。@default false */
@@ -1128,4 +1141,4 @@ declare function useReactContentScale(): ReactContentScaleValue;
1128
1141
  */
1129
1142
  declare const REACT_COMPONENT_PREFIX = "canvas-react";
1130
1143
 
1131
- export { REACT_COMPONENT_PREFIX, ReactAutoComplete, type ReactAutoCompleteProps, ReactCheckbox, type ReactCheckboxProps, type ReactCheckboxRef, ReactColorPicker, type ReactColorPickerProps, ReactContentScaleProvider, type ReactContentScaleValue, ReactDatePicker, type ReactDatePickerProps, ReactDateRangePicker, type ReactDateRangePickerProps, ReactDateTimePicker, type ReactDateTimePickerProps, ReactDateTimeRangePicker, type ReactDateTimeRangePickerProps, type ReactFilterConditionOperator, ReactFilterPanel, type ReactFilterPanelOption, type ReactFilterPanelRequest, type ReactFilterPanelTexts, type ReactFilterPanelValue, ReactImagePreview, type ReactImagePreviewProps, ReactInput, ReactInputNumber, type ReactInputNumberProps, type ReactInputProps, ReactInputRange, type ReactInputRangeProps, type ReactInputRangeValue, ReactModal, type ReactModalButtonProps, type ReactModalCancelEvent, type ReactModalProps, ReactMonthPicker, type ReactMonthPickerProps, ReactNumberInput, type ReactNumberInputProps, ReactPagination, type ReactPaginationProps, ReactPopconfirm, type ReactPopconfirmButtonProps, type ReactPopconfirmPlacement, type ReactPopconfirmProps, ReactPopup, type ReactPopupProps, ReactQuarterPicker, type ReactQuarterPickerProps, type ReactResizablePanel, type ReactResizablePanelSizes, ReactResizablePanels, type ReactResizablePanelsDirection, type ReactResizablePanelsProps, type ReactResizablePanelsResizeInfo, ReactSelect, type ReactSelectChangeInfo, type ReactSelectFilterOption, type ReactSelectOption, type ReactSelectProps, ReactTimePicker, type ReactTimePickerProps, ReactTimeRangePicker, type ReactTimeRangePickerProps, ReactTransition, type ReactTransitionDuration, type ReactTransitionOptions, type ReactTransitionPhase, type ReactTransitionProps, type ReactTransitionState, ReactVirtualList, type ReactVirtualListProps, type ReactVirtualListRef, ReactYearPicker, type ReactYearPickerProps, resolveResizablePanelSizes, useReactContentScale, useReactTransition };
1144
+ export { REACT_COMPONENT_PREFIX, ReactAutoComplete, type ReactAutoCompleteProps, ReactCheckbox, type ReactCheckboxProps, type ReactCheckboxRef, ReactColorPicker, type ReactColorPickerProps, ReactContentScaleProvider, type ReactContentScaleValue, ReactDatePicker, type ReactDatePickerProps, ReactDateRangePicker, type ReactDateRangePickerProps, ReactDateTimePicker, type ReactDateTimePickerProps, ReactDateTimeRangePicker, type ReactDateTimeRangePickerProps, type ReactFilterConditionOperator, ReactFilterPanel, type ReactFilterPanelCondition, type ReactFilterPanelOption, type ReactFilterPanelRequest, type ReactFilterPanelTexts, type ReactFilterPanelValue, ReactImagePreview, type ReactImagePreviewProps, ReactInput, ReactInputNumber, type ReactInputNumberProps, type ReactInputProps, ReactInputRange, type ReactInputRangeProps, type ReactInputRangeValue, ReactModal, type ReactModalButtonProps, type ReactModalCancelEvent, type ReactModalProps, ReactMonthPicker, type ReactMonthPickerProps, ReactNumberInput, type ReactNumberInputProps, ReactPagination, type ReactPaginationProps, ReactPopconfirm, type ReactPopconfirmButtonProps, type ReactPopconfirmPlacement, type ReactPopconfirmProps, ReactPopup, type ReactPopupProps, ReactQuarterPicker, type ReactQuarterPickerProps, type ReactResizablePanel, type ReactResizablePanelSizes, ReactResizablePanels, type ReactResizablePanelsDirection, type ReactResizablePanelsProps, type ReactResizablePanelsResizeInfo, ReactSelect, type ReactSelectChangeInfo, type ReactSelectFilterOption, type ReactSelectOption, type ReactSelectProps, ReactTimePicker, type ReactTimePickerProps, ReactTimeRangePicker, type ReactTimeRangePickerProps, ReactTransition, type ReactTransitionDuration, type ReactTransitionOptions, type ReactTransitionPhase, type ReactTransitionProps, type ReactTransitionState, ReactVirtualList, type ReactVirtualListProps, type ReactVirtualListRef, ReactYearPicker, type ReactYearPickerProps, resolveResizablePanelSizes, useReactContentScale, useReactTransition };
package/dist/index.d.ts CHANGED
@@ -23,6 +23,12 @@ declare const ReactCheckbox: react.ForwardRefExoticComponent<ReactCheckboxProps
23
23
 
24
24
  /** 通用过滤条件操作符。 */
25
25
  type ReactFilterConditionOperator = "none" | "eq" | "neq" | "gt" | "gte" | "lt" | "lte" | "between" | "notBetween" | "startsWith" | "notStartsWith" | "endsWith" | "notEndsWith" | "includes" | "notIncludes" | "blank" | "notBlank";
26
+ /** 通用过滤条件。 */
27
+ interface ReactFilterPanelCondition {
28
+ operator: ReactFilterConditionOperator;
29
+ value?: string;
30
+ secondValue?: string;
31
+ }
26
32
  /** 通用过滤面板草稿。 */
27
33
  interface ReactFilterPanelValue {
28
34
  keyword: string;
@@ -37,6 +43,8 @@ interface ReactFilterPanelValue {
37
43
  secondConditionOperator?: ReactFilterConditionOperator;
38
44
  secondConditionValue?: string;
39
45
  secondConditionSecondValue?: string;
46
+ /** 动态条件列表；存在时优先于旧的两条件字段。 */
47
+ conditions?: ReactFilterPanelCondition[];
40
48
  }
41
49
  /** 通用过滤候选项。 */
42
50
  interface ReactFilterPanelOption {
@@ -67,6 +75,9 @@ interface ReactFilterPanelTexts {
67
75
  relationOrLabel: string;
68
76
  resetAction: string;
69
77
  applyAction: string;
78
+ conditionLabel?: string;
79
+ addConditionAction?: string;
80
+ deleteConditionAction?: string;
70
81
  }
71
82
  /** 通用过滤面板请求。 */
72
83
  interface ReactFilterPanelRequest {
@@ -377,6 +388,8 @@ interface ReactModalProps {
377
388
  closable?: boolean;
378
389
  /** 是否提供全屏切换操作。@default true */
379
390
  fullscreenable?: boolean;
391
+ /** 是否允许拖拽标题栏移动 Modal。@default false */
392
+ draggable?: boolean;
380
393
  /** 当前是否全屏，传入后进入受控模式。 */
381
394
  fullscreen?: boolean;
382
395
  /** 默认是否全屏。@default false */
@@ -1128,4 +1141,4 @@ declare function useReactContentScale(): ReactContentScaleValue;
1128
1141
  */
1129
1142
  declare const REACT_COMPONENT_PREFIX = "canvas-react";
1130
1143
 
1131
- export { REACT_COMPONENT_PREFIX, ReactAutoComplete, type ReactAutoCompleteProps, ReactCheckbox, type ReactCheckboxProps, type ReactCheckboxRef, ReactColorPicker, type ReactColorPickerProps, ReactContentScaleProvider, type ReactContentScaleValue, ReactDatePicker, type ReactDatePickerProps, ReactDateRangePicker, type ReactDateRangePickerProps, ReactDateTimePicker, type ReactDateTimePickerProps, ReactDateTimeRangePicker, type ReactDateTimeRangePickerProps, type ReactFilterConditionOperator, ReactFilterPanel, type ReactFilterPanelOption, type ReactFilterPanelRequest, type ReactFilterPanelTexts, type ReactFilterPanelValue, ReactImagePreview, type ReactImagePreviewProps, ReactInput, ReactInputNumber, type ReactInputNumberProps, type ReactInputProps, ReactInputRange, type ReactInputRangeProps, type ReactInputRangeValue, ReactModal, type ReactModalButtonProps, type ReactModalCancelEvent, type ReactModalProps, ReactMonthPicker, type ReactMonthPickerProps, ReactNumberInput, type ReactNumberInputProps, ReactPagination, type ReactPaginationProps, ReactPopconfirm, type ReactPopconfirmButtonProps, type ReactPopconfirmPlacement, type ReactPopconfirmProps, ReactPopup, type ReactPopupProps, ReactQuarterPicker, type ReactQuarterPickerProps, type ReactResizablePanel, type ReactResizablePanelSizes, ReactResizablePanels, type ReactResizablePanelsDirection, type ReactResizablePanelsProps, type ReactResizablePanelsResizeInfo, ReactSelect, type ReactSelectChangeInfo, type ReactSelectFilterOption, type ReactSelectOption, type ReactSelectProps, ReactTimePicker, type ReactTimePickerProps, ReactTimeRangePicker, type ReactTimeRangePickerProps, ReactTransition, type ReactTransitionDuration, type ReactTransitionOptions, type ReactTransitionPhase, type ReactTransitionProps, type ReactTransitionState, ReactVirtualList, type ReactVirtualListProps, type ReactVirtualListRef, ReactYearPicker, type ReactYearPickerProps, resolveResizablePanelSizes, useReactContentScale, useReactTransition };
1144
+ export { REACT_COMPONENT_PREFIX, ReactAutoComplete, type ReactAutoCompleteProps, ReactCheckbox, type ReactCheckboxProps, type ReactCheckboxRef, ReactColorPicker, type ReactColorPickerProps, ReactContentScaleProvider, type ReactContentScaleValue, ReactDatePicker, type ReactDatePickerProps, ReactDateRangePicker, type ReactDateRangePickerProps, ReactDateTimePicker, type ReactDateTimePickerProps, ReactDateTimeRangePicker, type ReactDateTimeRangePickerProps, type ReactFilterConditionOperator, ReactFilterPanel, type ReactFilterPanelCondition, type ReactFilterPanelOption, type ReactFilterPanelRequest, type ReactFilterPanelTexts, type ReactFilterPanelValue, ReactImagePreview, type ReactImagePreviewProps, ReactInput, ReactInputNumber, type ReactInputNumberProps, type ReactInputProps, ReactInputRange, type ReactInputRangeProps, type ReactInputRangeValue, ReactModal, type ReactModalButtonProps, type ReactModalCancelEvent, type ReactModalProps, ReactMonthPicker, type ReactMonthPickerProps, ReactNumberInput, type ReactNumberInputProps, ReactPagination, type ReactPaginationProps, ReactPopconfirm, type ReactPopconfirmButtonProps, type ReactPopconfirmPlacement, type ReactPopconfirmProps, ReactPopup, type ReactPopupProps, ReactQuarterPicker, type ReactQuarterPickerProps, type ReactResizablePanel, type ReactResizablePanelSizes, ReactResizablePanels, type ReactResizablePanelsDirection, type ReactResizablePanelsProps, type ReactResizablePanelsResizeInfo, ReactSelect, type ReactSelectChangeInfo, type ReactSelectFilterOption, type ReactSelectOption, type ReactSelectProps, ReactTimePicker, type ReactTimePickerProps, ReactTimeRangePicker, type ReactTimeRangePickerProps, ReactTransition, type ReactTransitionDuration, type ReactTransitionOptions, type ReactTransitionPhase, type ReactTransitionProps, type ReactTransitionState, ReactVirtualList, type ReactVirtualListProps, type ReactVirtualListRef, ReactYearPicker, type ReactYearPickerProps, resolveResizablePanelSizes, useReactContentScale, useReactTransition };