ar-design 0.4.19 → 0.4.20
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.
|
@@ -156,6 +156,8 @@
|
|
|
156
156
|
width: 100%;
|
|
157
157
|
|
|
158
158
|
> span {
|
|
159
|
+
position: sticky;
|
|
160
|
+
left: 0.5rem;
|
|
159
161
|
display: flex;
|
|
160
162
|
align-items: center;
|
|
161
163
|
gap: 0.5rem;
|
|
@@ -377,6 +379,11 @@
|
|
|
377
379
|
border-radius: var(--border-radius-pill);
|
|
378
380
|
}
|
|
379
381
|
}
|
|
382
|
+
|
|
383
|
+
> span {
|
|
384
|
+
position: sticky;
|
|
385
|
+
left: 0.5rem;
|
|
386
|
+
}
|
|
380
387
|
}
|
|
381
388
|
|
|
382
389
|
> .subitem-open-button-wrapper {
|
|
@@ -26,9 +26,9 @@ const MemoizedTHeadCell = function ({ refs, states, columns, config, }) {
|
|
|
26
26
|
}) },
|
|
27
27
|
React.createElement("div", null,
|
|
28
28
|
React.createElement("span", { style: { fontWeight: 500 } },
|
|
29
|
-
React.createElement("span", null,
|
|
29
|
+
(_direction === "asc" || _direction === "desc") && (React.createElement("span", null,
|
|
30
30
|
_direction === "asc" && React.createElement(ARIcon, { icon: "ArrowUp" }),
|
|
31
|
-
_direction === "desc" && React.createElement(ARIcon, { icon: "ArrowDown" })),
|
|
31
|
+
_direction === "desc" && React.createElement(ARIcon, { icon: "ArrowDown" }))),
|
|
32
32
|
c.title),
|
|
33
33
|
config.isProperties && isProperties && (React.createElement("span", { ref: (element) => (refs.propertiesButton.current[cIndex] = element), className: "properties-field", onClick: (event) => {
|
|
34
34
|
event.stopPropagation();
|
|
@@ -91,7 +91,7 @@ function TBody({ data, columns, methods, states, config }) {
|
|
|
91
91
|
return (React.createElement("div", { key: `last-before-${i}`, style: { left: `${i + 0.65}rem` }, className: "last-before" }));
|
|
92
92
|
}),
|
|
93
93
|
React.createElement("div", { className: "before" }))),
|
|
94
|
-
React.isValidElement(render) ? (render) : column.editable && methods.onEditable ? (React.createElement(Editable, { c: column, item: item, trackByValue: methods.trackBy?.(item) ?? "", onEditable: methods.onEditable, validation: config.validation })) : (render),
|
|
94
|
+
React.isValidElement(render) ? (render) : column.editable && methods.onEditable ? (React.createElement(Editable, { c: column, item: item, trackByValue: methods.trackBy?.(item) ?? "", onEditable: methods.onEditable, validation: config.validation })) : (React.createElement("span", null, render)),
|
|
95
95
|
config.isTreeView && cIndex === 0 && (React.createElement("div", { className: "after" },
|
|
96
96
|
React.createElement("div", { className: "circle" }))))));
|
|
97
97
|
};
|
|
@@ -5,6 +5,6 @@ const Header = ({ title, description, actions }) => {
|
|
|
5
5
|
React.createElement("div", { className: "title" },
|
|
6
6
|
React.createElement("h4", null, title),
|
|
7
7
|
description && React.createElement("h5", null, description)),
|
|
8
|
-
|
|
8
|
+
actions && React.createElement(ActionButtons, { actions: actions })));
|
|
9
9
|
};
|
|
10
10
|
export default memo(Header);
|