@canlooks/can-ui 0.0.143 → 0.0.144
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/curd/curd.d.ts +1 -0
- package/dist/cjs/components/curd/curd.js +2 -1
- package/dist/cjs/components/curd/curd.style.d.ts +1 -0
- package/dist/cjs/components/curd/curd.style.js +7 -0
- package/dist/esm/components/curd/curd.d.ts +1 -0
- package/dist/esm/components/curd/curd.js +2 -1
- package/dist/esm/components/curd/curd.style.d.ts +1 -0
- package/dist/esm/components/curd/curd.style.js +7 -0
- package/package.json +1 -1
|
@@ -30,6 +30,7 @@ export type CurdRef<R extends RowType = RowType, F extends FormValue = FormValue
|
|
|
30
30
|
setPage(page: number): void;
|
|
31
31
|
setPageSize(size: number): void;
|
|
32
32
|
setFilterValue(filterValue: FormValue): void;
|
|
33
|
+
resetFilter(): void;
|
|
33
34
|
openCreateDialog(defaultValue?: F): Promise<F> | undefined;
|
|
34
35
|
openUpdateDialog(row: R, defaultValue?: F): Promise<F> | undefined;
|
|
35
36
|
selectSingle(): Promise<R> | undefined;
|
|
@@ -211,10 +211,11 @@ exports.Curd = (0, react_1.memo)((props) => {
|
|
|
211
211
|
message.success(deleteName + '成功').then();
|
|
212
212
|
};
|
|
213
213
|
return ((0, jsx_runtime_1.jsx)("div", { ...wrapperProps, css: curd_style_1.style, className: (0, utils_1.clsx)(curd_style_1.classes.root, wrapperProps?.className), "data-variant": variant, children: (0, jsx_runtime_1.jsxs)(form_1.Form, { ...(0, utils_1.mergeComponentProps)({
|
|
214
|
+
ref: innerFilterRef,
|
|
215
|
+
className: curd_style_1.classes.filterForm,
|
|
214
216
|
variant: 'plain',
|
|
215
217
|
initialValue: initialFilterValue
|
|
216
218
|
}, filterProps, {
|
|
217
|
-
ref: innerFilterRef,
|
|
218
219
|
...filterableProps?.showButton === false
|
|
219
220
|
? { onChange: filterHandler }
|
|
220
221
|
: { onFinish: filterHandler }
|
|
@@ -6,6 +6,7 @@ const utils_1 = require("../../utils");
|
|
|
6
6
|
const button_style_1 = require("../button/button.style");
|
|
7
7
|
const loading_style_1 = require("../loading/loading.style");
|
|
8
8
|
exports.classes = (0, utils_1.defineInnerClasses)('curd', [
|
|
9
|
+
'filterForm',
|
|
9
10
|
'filter',
|
|
10
11
|
'filterGridContainer',
|
|
11
12
|
'filterGrid',
|
|
@@ -31,6 +32,12 @@ exports.style = (0, utils_1.defineCss)(({ spacing, text, background, borderRadiu
|
|
|
31
32
|
min-height: 0;
|
|
32
33
|
display: flex;
|
|
33
34
|
flex-direction: column;
|
|
35
|
+
|
|
36
|
+
.${exports.classes.filterForm} {
|
|
37
|
+
min-height: 0;
|
|
38
|
+
display: flex;
|
|
39
|
+
flex-direction: column;
|
|
40
|
+
}
|
|
34
41
|
|
|
35
42
|
.${exports.classes.filter} {
|
|
36
43
|
display: flex;
|
|
@@ -30,6 +30,7 @@ export type CurdRef<R extends RowType = RowType, F extends FormValue = FormValue
|
|
|
30
30
|
setPage(page: number): void;
|
|
31
31
|
setPageSize(size: number): void;
|
|
32
32
|
setFilterValue(filterValue: FormValue): void;
|
|
33
|
+
resetFilter(): void;
|
|
33
34
|
openCreateDialog(defaultValue?: F): Promise<F> | undefined;
|
|
34
35
|
openUpdateDialog(row: R, defaultValue?: F): Promise<F> | undefined;
|
|
35
36
|
selectSingle(): Promise<R> | undefined;
|
|
@@ -208,10 +208,11 @@ export const Curd = memo((props) => {
|
|
|
208
208
|
message.success(deleteName + '成功').then();
|
|
209
209
|
};
|
|
210
210
|
return (_jsx("div", { ...wrapperProps, css: style, className: clsx(classes.root, wrapperProps?.className), "data-variant": variant, children: _jsxs(Form, { ...mergeComponentProps({
|
|
211
|
+
ref: innerFilterRef,
|
|
212
|
+
className: classes.filterForm,
|
|
211
213
|
variant: 'plain',
|
|
212
214
|
initialValue: initialFilterValue
|
|
213
215
|
}, filterProps, {
|
|
214
|
-
ref: innerFilterRef,
|
|
215
216
|
...filterableProps?.showButton === false
|
|
216
217
|
? { onChange: filterHandler }
|
|
217
218
|
: { onFinish: filterHandler }
|
|
@@ -3,6 +3,7 @@ import { defineInnerClasses, defineCss } from '../../utils';
|
|
|
3
3
|
import { classes as buttonClasses } from '../button/button.style';
|
|
4
4
|
import { classes as loadingClasses } from '../loading/loading.style';
|
|
5
5
|
export const classes = defineInnerClasses('curd', [
|
|
6
|
+
'filterForm',
|
|
6
7
|
'filter',
|
|
7
8
|
'filterGridContainer',
|
|
8
9
|
'filterGrid',
|
|
@@ -28,6 +29,12 @@ export const style = defineCss(({ spacing, text, background, borderRadius }) =>
|
|
|
28
29
|
min-height: 0;
|
|
29
30
|
display: flex;
|
|
30
31
|
flex-direction: column;
|
|
32
|
+
|
|
33
|
+
.${classes.filterForm} {
|
|
34
|
+
min-height: 0;
|
|
35
|
+
display: flex;
|
|
36
|
+
flex-direction: column;
|
|
37
|
+
}
|
|
31
38
|
|
|
32
39
|
.${classes.filter} {
|
|
33
40
|
display: flex;
|