@iyulab/flex-table 0.31.1 → 0.31.2
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/CHANGELOG.md +12 -0
- package/README.md +5 -2
- package/dist/{flex-table-BH1lOINr.js → flex-table-2xx4M0ti.js} +2 -2
- package/dist/flex-table.js +1 -1
- package/dist/react.js +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## [0.31.2] - 2026-09-02
|
|
4
|
+
|
|
5
|
+
### Fixed
|
|
6
|
+
|
|
7
|
+
- **`ColumnDefinition`'s README reference was missing three real, shipped
|
|
8
|
+
fields**: `headerAlign` (per-column header alignment, added in a later
|
|
9
|
+
commit than the rest of the snippet), `options`/`autocomplete` (select-type
|
|
10
|
+
columns and autocomplete editing, since `0.13.0`). The `select` value of
|
|
11
|
+
`ColumnType` was also missing from its inline comment. None of these had
|
|
12
|
+
any mention anywhere in the README — a consumer had no way to discover
|
|
13
|
+
select columns or autocomplete existed short of reading the source.
|
|
14
|
+
|
|
3
15
|
## [0.31.1] - 2026-09-01
|
|
4
16
|
|
|
5
17
|
### Fixed
|
package/README.md
CHANGED
|
@@ -107,13 +107,16 @@ npm install @iyulab/flex-table
|
|
|
107
107
|
interface ColumnDefinition {
|
|
108
108
|
key: string; // Unique key matching data property names
|
|
109
109
|
header: string; // Display header text
|
|
110
|
-
type?: ColumnType; // 'text' | 'number' | 'boolean' | 'date' | 'datetime'
|
|
111
|
-
width?: number; // Column width in pixels (default:
|
|
110
|
+
type?: ColumnType; // 'text' | 'number' | 'boolean' | 'date' | 'datetime' | 'select' (any other string falls back to 'text')
|
|
111
|
+
width?: number; // Column width in pixels (default: auto)
|
|
112
112
|
minWidth?: number; // Minimum width in pixels (default: 40, enforced in rendering)
|
|
113
113
|
hidden?: boolean; // Hide column from view
|
|
114
114
|
sortable?: boolean; // Enable sorting (default: true)
|
|
115
|
+
headerAlign?: 'start' | 'center' | 'end'; // Header label alignment (default: 'start'), independent of cell content alignment
|
|
115
116
|
editable?: boolean; // Per-column edit control (follows global editable)
|
|
116
117
|
pinned?: 'left' | 'right'; // Freeze column during horizontal scroll
|
|
118
|
+
options?: string[] | SelectOption[]; // Allowed values for type: 'select' (SelectOption = { label, value })
|
|
119
|
+
autocomplete?: boolean | 'strict'; // Suggest existing column values while editing; 'strict' rejects values not in the list
|
|
117
120
|
format?: string | ((value, row, col) => string); // Display format, see "format vs renderer" below
|
|
118
121
|
renderer?: CellRenderer; // Custom cell render: (value, row, col) => TemplateResult | string
|
|
119
122
|
editor?: CellEditor; // Custom cell editor: (value, row, col) => TemplateResult
|
|
@@ -1497,7 +1497,7 @@ async function K(e) {
|
|
|
1497
1497
|
};
|
|
1498
1498
|
}
|
|
1499
1499
|
//#endregion
|
|
1500
|
-
//#region \0@oxc-project+runtime@0.
|
|
1500
|
+
//#region \0@oxc-project+runtime@0.148.0/helpers/esm/decorate.js
|
|
1501
1501
|
function q(e, t, n, r) {
|
|
1502
1502
|
var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
|
|
1503
1503
|
if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
|
|
@@ -2069,7 +2069,7 @@ var J = {
|
|
|
2069
2069
|
this._readDensityTokens(), this._measureViewport(), this.shadowRoot && Array.isArray(this.shadowRoot.adoptedStyleSheets) && (this._baseStyleSheets = [...this.shadowRoot.adoptedStyleSheets]), this._syncStylesheets();
|
|
2070
2070
|
}
|
|
2071
2071
|
_syncStylesheets() {
|
|
2072
|
-
|
|
2072
|
+
this.shadowRoot && Array.isArray(this.shadowRoot.adoptedStyleSheets) && (this.shadowRoot.adoptedStyleSheets = [...this._baseStyleSheets, ...this.stylesheets]);
|
|
2073
2073
|
}
|
|
2074
2074
|
_readDensityTokens() {
|
|
2075
2075
|
let e = getComputedStyle(this).getPropertyValue("--ft-row-height").trim();
|
package/dist/flex-table.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as e, i as t, n, r, t as i } from "./flex-table-
|
|
1
|
+
import { a as e, i as t, n, r, t as i } from "./flex-table-2xx4M0ti.js";
|
|
2
2
|
export { i as FlexTable, t as RowSelectionState, r as UndoStack, n as exportData, e as renderCell };
|
package/dist/react.js
CHANGED