@rainbow-oh/yee-c 0.14.0 → 0.14.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.
- package/dist/cjs/Menu/wrapper.js +6 -0
- package/dist/cjs/Table/style/index.less +17 -0
- package/dist/cjs/Table/theader/filter.js +2 -2
- package/dist/cjs/style/themes.css +1 -1
- package/dist/cjs/style/variables.css +1 -1
- package/dist/cjs/version.d.ts +1 -1
- package/dist/cjs/version.js +1 -1
- package/dist/esm/Menu/wrapper.js +8 -0
- package/dist/esm/Table/style/index.less +17 -0
- package/dist/esm/Table/theader/filter.js +4 -2
- package/dist/esm/style/themes.css +1 -1
- package/dist/esm/style/variables.css +1 -1
- package/dist/esm/version.d.ts +1 -1
- package/dist/esm/version.js +1 -1
- package/dist/umd/yee-c.min.css +1 -1
- package/dist/umd/yee-c.min.js +1 -1
- package/package.json +1 -1
- package/src/Menu/wrapper.tsx +8 -0
- package/src/Table/style/index.less +17 -0
- package/src/Table/theader/filter.tsx +9 -7
- package/src/version.ts +1 -1
package/dist/cjs/Menu/wrapper.js
CHANGED
|
@@ -98,6 +98,12 @@ var MenuWrapper = (baseprops) => {
|
|
|
98
98
|
value: selectedKeys,
|
|
99
99
|
defaultValue: defaultSelectedKeys
|
|
100
100
|
});
|
|
101
|
+
(0, import_react.useEffect)(() => {
|
|
102
|
+
if (inlineCollapsed) {
|
|
103
|
+
setMergedOpenKeys([]);
|
|
104
|
+
onOpenChange == null ? void 0 : onOpenChange([]);
|
|
105
|
+
}
|
|
106
|
+
}, [inlineCollapsed]);
|
|
101
107
|
const [focusedKey, setFocusedKey] = (0, import_react.useState)(void 0);
|
|
102
108
|
const latestOpenKeys = (0, import_useLatest.default)(mergedOpenKeys);
|
|
103
109
|
const latestFocusedKey = (0, import_useLatest.default)(focusedKey);
|
|
@@ -3,6 +3,10 @@
|
|
|
3
3
|
@{pls} {
|
|
4
4
|
position: relative;
|
|
5
5
|
|
|
6
|
+
&-spin {
|
|
7
|
+
z-index: 2;
|
|
8
|
+
}
|
|
9
|
+
|
|
6
10
|
&-bordered {
|
|
7
11
|
> @{pls}-thead,
|
|
8
12
|
> @{pls}-tbody {
|
|
@@ -121,6 +125,19 @@
|
|
|
121
125
|
display: inline-flex;
|
|
122
126
|
cursor: pointer;
|
|
123
127
|
}
|
|
128
|
+
|
|
129
|
+
&-popup {
|
|
130
|
+
display: flex;
|
|
131
|
+
flex-direction: column;
|
|
132
|
+
max-height: calc(
|
|
133
|
+
var(--yee-table-filter-popup-height) - var(--yee-popover-padding) * 2
|
|
134
|
+
);
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
&-list {
|
|
138
|
+
min-height: 0;
|
|
139
|
+
overflow: auto;
|
|
140
|
+
}
|
|
124
141
|
}
|
|
125
142
|
|
|
126
143
|
&-content {
|
|
@@ -171,7 +171,7 @@ var HeaderFilter = import_react.default.memo((props) => {
|
|
|
171
171
|
}
|
|
172
172
|
];
|
|
173
173
|
}
|
|
174
|
-
popup = /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_clsx.default)(`${prefixCls}-filter-popup`) }, searchInputNode, /* @__PURE__ */ import_react.default.createElement(import_Divider.default, { style: { margin: "8px 0" } }), /* @__PURE__ */ import_react.default.createElement(
|
|
174
|
+
popup = /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_clsx.default)(`${prefixCls}-filter-popup`) }, searchInputNode, /* @__PURE__ */ import_react.default.createElement(import_Divider.default, { style: { margin: "8px 0" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-filter-list` }, /* @__PURE__ */ import_react.default.createElement(
|
|
175
175
|
import_Tree.default,
|
|
176
176
|
{
|
|
177
177
|
dataSource,
|
|
@@ -180,7 +180,7 @@ var HeaderFilter = import_react.default.memo((props) => {
|
|
|
180
180
|
checkedKeys: selectNodes,
|
|
181
181
|
onCheck: (keys) => setSelectNodes(keys)
|
|
182
182
|
}
|
|
183
|
-
), /* @__PURE__ */ import_react.default.createElement(import_Divider.default, { style: { margin: "8px 0" } }), /* @__PURE__ */ import_react.default.createElement(import_Space.default, { block: true, style: { justifyContent: "flex-end" } }, /* @__PURE__ */ import_react.default.createElement(import_Button.default, { size: "small", onClick: reset }, tableLocale.filterReset), /* @__PURE__ */ import_react.default.createElement(import_Button.default, { size: "small", onClick: () => ok("filter"), type: "primary" }, tableLocale.filterConfirm)));
|
|
183
|
+
)), /* @__PURE__ */ import_react.default.createElement(import_Divider.default, { style: { margin: "8px 0" } }), /* @__PURE__ */ import_react.default.createElement(import_Space.default, { block: true, style: { justifyContent: "flex-end" } }, /* @__PURE__ */ import_react.default.createElement(import_Button.default, { size: "small", onClick: reset }, tableLocale.filterReset), /* @__PURE__ */ import_react.default.createElement(import_Button.default, { size: "small", onClick: () => ok("filter"), type: "primary" }, tableLocale.filterConfirm)));
|
|
184
184
|
} else if (searchable) {
|
|
185
185
|
popup = /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_clsx.default)(`${prefixCls}-filter-content`) }, searchInputNode, /* @__PURE__ */ import_react.default.createElement(
|
|
186
186
|
import_Space.default,
|
package/dist/cjs/version.d.ts
CHANGED
package/dist/cjs/version.js
CHANGED
package/dist/esm/Menu/wrapper.js
CHANGED
|
@@ -63,6 +63,14 @@ var MenuWrapper = function MenuWrapper(baseprops) {
|
|
|
63
63
|
mergedSelectedKeys = _useMergedState4[0],
|
|
64
64
|
setMergedSelectedKeys = _useMergedState4[1];
|
|
65
65
|
|
|
66
|
+
// Reset `openKeys` when inline collapsed
|
|
67
|
+
useEffect(function () {
|
|
68
|
+
if (inlineCollapsed) {
|
|
69
|
+
setMergedOpenKeys([]);
|
|
70
|
+
onOpenChange === null || onOpenChange === void 0 || onOpenChange([]);
|
|
71
|
+
}
|
|
72
|
+
}, [inlineCollapsed]);
|
|
73
|
+
|
|
66
74
|
// -------- Keyboard control ------------------------------
|
|
67
75
|
var _useState = useState(undefined),
|
|
68
76
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -3,6 +3,10 @@
|
|
|
3
3
|
@{pls} {
|
|
4
4
|
position: relative;
|
|
5
5
|
|
|
6
|
+
&-spin {
|
|
7
|
+
z-index: 2;
|
|
8
|
+
}
|
|
9
|
+
|
|
6
10
|
&-bordered {
|
|
7
11
|
> @{pls}-thead,
|
|
8
12
|
> @{pls}-tbody {
|
|
@@ -121,6 +125,19 @@
|
|
|
121
125
|
display: inline-flex;
|
|
122
126
|
cursor: pointer;
|
|
123
127
|
}
|
|
128
|
+
|
|
129
|
+
&-popup {
|
|
130
|
+
display: flex;
|
|
131
|
+
flex-direction: column;
|
|
132
|
+
max-height: calc(
|
|
133
|
+
var(--yee-table-filter-popup-height) - var(--yee-popover-padding) * 2
|
|
134
|
+
);
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
&-list {
|
|
138
|
+
min-height: 0;
|
|
139
|
+
overflow: auto;
|
|
140
|
+
}
|
|
124
141
|
}
|
|
125
142
|
|
|
126
143
|
&-content {
|
|
@@ -188,7 +188,9 @@ var HeaderFilter = /*#__PURE__*/React.memo(function (props) {
|
|
|
188
188
|
style: {
|
|
189
189
|
margin: '8px 0'
|
|
190
190
|
}
|
|
191
|
-
}), /*#__PURE__*/React.createElement(
|
|
191
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
192
|
+
className: "".concat(prefixCls, "-filter-list")
|
|
193
|
+
}, /*#__PURE__*/React.createElement(Tree, {
|
|
192
194
|
dataSource: dataSource,
|
|
193
195
|
checkable: true,
|
|
194
196
|
multiple: true,
|
|
@@ -196,7 +198,7 @@ var HeaderFilter = /*#__PURE__*/React.memo(function (props) {
|
|
|
196
198
|
onCheck: function onCheck(keys) {
|
|
197
199
|
return setSelectNodes(keys);
|
|
198
200
|
}
|
|
199
|
-
}), /*#__PURE__*/React.createElement(Divider, {
|
|
201
|
+
})), /*#__PURE__*/React.createElement(Divider, {
|
|
200
202
|
style: {
|
|
201
203
|
margin: '8px 0'
|
|
202
204
|
}
|
package/dist/esm/version.d.ts
CHANGED
package/dist/esm/version.js
CHANGED