@canlooks/can-ui 0.0.133 → 0.0.135

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.
@@ -18,7 +18,7 @@ exports.style = (0, utils_1.defineCss)(({ divider, borderRadius, background, spa
18
18
  background-color: ${background.content};
19
19
  transition: margin .25s ${easing.easeOut};
20
20
 
21
- .${exports.classes.titleRow} {
21
+ > .${exports.classes.titleRow} {
22
22
  display: flex;
23
23
  align-items: center;
24
24
  gap: ${spacing[2]}px;
@@ -44,7 +44,7 @@ exports.style = (0, utils_1.defineCss)(({ divider, borderRadius, background, spa
44
44
  }
45
45
 
46
46
  &:not([data-read-only=true]):not([data-disabled=true]) {
47
- .${exports.classes.titleRow} {
47
+ > .${exports.classes.titleRow} {
48
48
  cursor: pointer;
49
49
  }
50
50
  }
@@ -52,17 +52,17 @@ exports.style = (0, utils_1.defineCss)(({ divider, borderRadius, background, spa
52
52
  &[data-disabled=true] {
53
53
  background-color: ${gray(.1)};
54
54
 
55
- .${exports.classes.titleRow} {
55
+ > .${exports.classes.titleRow} {
56
56
  cursor: not-allowed;
57
57
  }
58
58
  }
59
59
 
60
60
  &[data-expanded=true] {
61
- .${exports.classes.titleRow} {
61
+ > .${exports.classes.titleRow} {
62
62
  padding: 15px ${spacing[5]}px;
63
63
  }
64
64
 
65
- .${exports.classes.expandIcon} {
65
+ > .${exports.classes.expandIcon} {
66
66
  transform: rotate(90deg);
67
67
  }
68
68
  }
@@ -72,24 +72,24 @@ exports.style = (0, utils_1.defineCss)(({ divider, borderRadius, background, spa
72
72
  }
73
73
 
74
74
  &[data-size=small] {
75
- .${exports.classes.titleRow} {
75
+ > .${exports.classes.titleRow} {
76
76
  padding: 6px ${spacing[5]}px;
77
77
  }
78
78
 
79
79
  &[data-expanded=true] {
80
- .${exports.classes.titleRow} {
80
+ > .${exports.classes.titleRow} {
81
81
  padding: 11px ${spacing[5]}px;
82
82
  }
83
83
  }
84
84
  }
85
85
 
86
86
  &[data-size=large] {
87
- .${exports.classes.titleRow} {
87
+ > .${exports.classes.titleRow} {
88
88
  padding: 12px ${spacing[5]}px;
89
89
  }
90
90
 
91
91
  &[data-expanded=true] {
92
- .${exports.classes.titleRow} {
92
+ > .${exports.classes.titleRow} {
93
93
  padding: 17px ${spacing[5]}px;
94
94
  }
95
95
  }
@@ -40,9 +40,11 @@ exports.Curd = (0, react_1.memo)((props) => {
40
40
  setInnerPageSize(size);
41
41
  },
42
42
  openCreateDialog(defaultValue) {
43
+ activeRow.current = void 0;
43
44
  return curdDialogRef.current?.open(void 0, defaultValue);
44
45
  },
45
46
  openUpdateDialog(row, defaultValue) {
47
+ activeRow.current = row;
46
48
  return curdDialogRef.current?.open(row, defaultValue);
47
49
  },
48
50
  selectSingle() {
@@ -15,7 +15,7 @@ export const style = defineCss(({ divider, borderRadius, background, spacing, te
15
15
  background-color: ${background.content};
16
16
  transition: margin .25s ${easing.easeOut};
17
17
 
18
- .${classes.titleRow} {
18
+ > .${classes.titleRow} {
19
19
  display: flex;
20
20
  align-items: center;
21
21
  gap: ${spacing[2]}px;
@@ -41,7 +41,7 @@ export const style = defineCss(({ divider, borderRadius, background, spacing, te
41
41
  }
42
42
 
43
43
  &:not([data-read-only=true]):not([data-disabled=true]) {
44
- .${classes.titleRow} {
44
+ > .${classes.titleRow} {
45
45
  cursor: pointer;
46
46
  }
47
47
  }
@@ -49,17 +49,17 @@ export const style = defineCss(({ divider, borderRadius, background, spacing, te
49
49
  &[data-disabled=true] {
50
50
  background-color: ${gray(.1)};
51
51
 
52
- .${classes.titleRow} {
52
+ > .${classes.titleRow} {
53
53
  cursor: not-allowed;
54
54
  }
55
55
  }
56
56
 
57
57
  &[data-expanded=true] {
58
- .${classes.titleRow} {
58
+ > .${classes.titleRow} {
59
59
  padding: 15px ${spacing[5]}px;
60
60
  }
61
61
 
62
- .${classes.expandIcon} {
62
+ > .${classes.expandIcon} {
63
63
  transform: rotate(90deg);
64
64
  }
65
65
  }
@@ -69,24 +69,24 @@ export const style = defineCss(({ divider, borderRadius, background, spacing, te
69
69
  }
70
70
 
71
71
  &[data-size=small] {
72
- .${classes.titleRow} {
72
+ > .${classes.titleRow} {
73
73
  padding: 6px ${spacing[5]}px;
74
74
  }
75
75
 
76
76
  &[data-expanded=true] {
77
- .${classes.titleRow} {
77
+ > .${classes.titleRow} {
78
78
  padding: 11px ${spacing[5]}px;
79
79
  }
80
80
  }
81
81
  }
82
82
 
83
83
  &[data-size=large] {
84
- .${classes.titleRow} {
84
+ > .${classes.titleRow} {
85
85
  padding: 12px ${spacing[5]}px;
86
86
  }
87
87
 
88
88
  &[data-expanded=true] {
89
- .${classes.titleRow} {
89
+ > .${classes.titleRow} {
90
90
  padding: 17px ${spacing[5]}px;
91
91
  }
92
92
  }
@@ -37,9 +37,11 @@ export const Curd = memo((props) => {
37
37
  setInnerPageSize(size);
38
38
  },
39
39
  openCreateDialog(defaultValue) {
40
+ activeRow.current = void 0;
40
41
  return curdDialogRef.current?.open(void 0, defaultValue);
41
42
  },
42
43
  openUpdateDialog(row, defaultValue) {
44
+ activeRow.current = row;
43
45
  return curdDialogRef.current?.open(row, defaultValue);
44
46
  },
45
47
  selectSingle() {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@canlooks/can-ui",
3
- "version": "0.0.133",
3
+ "version": "0.0.135",
4
4
  "author": "C.CanLiang <canlooks@gmail.com>",
5
5
  "description": "My ui framework",
6
6
  "license": "MIT",