@keenaioc/data-view 0.0.0-poc.1 → 0.2.0-alpha.11

package/dist/operations.js

@@ -0,0 +1,117 @@
+import { getFieldValue, validateValue } from "./engine.js";
+import { getFieldTypeDefinition, parseClipboardValue } from "./registry.js";
+export const MAX_BATCH_CELLS = 1000;
+export function canWriteField(row, field, permissions) {
+    return !field.internal && !field.renderAction && getFieldTypeDefinition(field.type).editable && !field.readOnly && !field.system &&
+        field.canRead?.({ row, field }) !== false && field.canEdit?.({ row, field }) !== false && permissions?.canEditRow?.(row) !== false;
+}
+export function validateChanges(changes, permissions) {
+    if (!changes.length)
+        return "沒有可修改的儲存格";
+    if (changes.length > MAX_BATCH_CELLS)
+        return `一次最多 ${MAX_BATCH_CELLS} 格，請縮小範圍`;
+    const seen = new Set();
+    for (const c of changes) {
+        const key = JSON.stringify([c.rowId, c.field.id]);
+        if (seen.has(key))
+            return "同一批次不可重複修改同一格";
+        seen.add(key);
+        if (!canWriteField(c.row, c.field, permissions))
+            return `${c.rowId}／${c.field.label}：無修改權限`;
+        const error = validateValue(c.nextValue, c.field, c.row);
+        if (error)
+            return `${c.rowId}／${c.field.label}：${error}`;
+    }
+    return null;
+}
+/** Quoted TSV supports tabs/newlines inside text. No formulas are evaluated. */
+export function parseTSV(text) {
+    if (text.length > 1_000_000)
+        throw new Error("貼上內容過大");
+    const result = [];
+    let row = [];
+    let cell = "";
+    let quoted = false;
+    const input = text.replace(/\r\n?/g, "\n");
+    for (let i = 0; i < input.length; i++) {
+        const c = input[i];
+        if (c === '"') {
+            if (quoted && input[i + 1] === '"') {
+                cell += '"';
+                i++;
+            }
+            else if (quoted || cell === "")
+                quoted = !quoted;
+            else
+                cell += c;
+        }
+        else if (!quoted && (c === "\t" || c === "\n")) {
+            row.push(cell);
+            cell = "";
+            if (c === "\n") {
+                result.push(row);
+                row = [];
+            }
+        }
+        else
+            cell += c;
+    }
+    if (quoted)
+        throw new Error("貼上內容的引號未關閉");
+    if (cell || row.length || !input.endsWith("\n")) {
+        row.push(cell);
+        result.push(row);
+    }
+    if (result.reduce((n, r) => n + r.length, 0) > MAX_BATCH_CELLS)
+        throw new Error(`一次最多 ${MAX_BATCH_CELLS} 格`);
+    return result;
+}
+export function encodeTSV(rows) {
+    return rows.map((r) => r.map((value) => {
+        // Spreadsheet-safe export: prefix formula-leading text, never execute it.
+        const safe = /^[=+@\-]/.test(value) && !/^-?\d+(\.\d+)?$/.test(value) ? `'${value}` : value;
+        return /["\t\n\r]/.test(safe) ? `"${safe.replace(/"/g, '""')}"` : safe;
+    }).join("\t")).join("\n");
+}
+export function createPasteChanges(text, rows, fields, getRowId, rowIndex, columnIndex) {
+    const grid = parseTSV(text);
+    if (rowIndex < 0 || columnIndex < 0 || rowIndex + grid.length > rows.length || grid.some((r) => columnIndex + r.length > fields.length))
+        throw new Error("貼上範圍超出目前顯示的資料列或欄位");
+    return grid.flatMap((r, offset) => r.map((textValue, x) => {
+        const row = rows[rowIndex + offset];
+        const field = fields[columnIndex + x];
+        return { row, rowId: getRowId(row), field, previousValue: getFieldValue(row, field), nextValue: parseClipboardValue(textValue, field) };
+    }));
+}
+export function validateFieldChange(fields, change, permissions) {
+    if (permissions?.canManageFields !== true)
+        return "沒有管理欄位的權限";
+    const id = "fieldId" in change ? change.fieldId : change.action === "copy" ? change.sourceFieldId : null;
+    const existing = fields.find((f) => f.id === id);
+    if (change.action !== "add") {
+        if (!existing)
+            return "欄位不存在";
+        if (existing.internal || existing.renderAction || existing.system || !getFieldTypeDefinition(existing.type).deletable || existing.deletable === false)
+            return "系統或受保護欄位不能修改結構";
+        if (permissions?.canChangeField?.(existing, change.action) === false)
+            return "沒有變更此欄位的權限";
+    }
+    if (change.action === "rename")
+        return change.label.trim() ? null : "請填欄位名稱";
+    if (change.action === "delete")
+        return fields.length > 1 ? null : "至少保留一個欄位";
+    const field = change.field;
+    if (!/^[a-zA-Z][a-zA-Z0-9_\-]{0,79}$/.test(field.id) || ["__proto__", "constructor", "prototype"].includes(field.id))
+        return "欄位 ID 格式不正確";
+    if (fields.some((f) => f.id === field.id))
+        return "欄位 ID 已存在";
+    if (!field.label.trim())
+        return "請填欄位名稱";
+    if (!getFieldTypeDefinition(field.type)?.editable || field.internal || field.system || field.readOnly || field.renderAction)
+        return "系統欄位只能由接入專案建立";
+    if (change.action === "copy" && existing?.canRead)
+        return "有逐列讀取限制的欄位，請由專案管理員處理複製";
+    return null;
+}
+export function newOperationId() { return globalThis.crypto?.randomUUID?.() ?? `hy-${Date.now()}-${Math.random().toString(36).slice(2)}`; }
+//# sourceMappingURL=operations.js.map

package/dist/operations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"operations.js","sourceRoot":"","sources":["../src/operations.ts"],"names":[],"mappings":"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"}

package/dist/registry.d.ts

@@ -0,0 +1,17 @@
+import { type ReactNode } from "react";
+import type { FieldDefinition, FieldEditorProps, FieldType, FieldTypeDefinition, FilterOperator } from "./types.js";
+export declare const FILTER_OPERATOR_LABELS: Record<FilterOperator, string>;
+/** Single relations use the browser picker, which escapes clipped/virtualized cells. */
+export declare function RelationSelect<Row>({ value, field, onCommit, disabled }: FieldEditorProps<Row> & {
+    disabled?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ReferenceEditor<Row>({ value, field, onCommit, onCancel }: FieldEditorProps<Row>): import("react/jsx-runtime").JSX.Element;
+export declare const FIELD_TYPE_REGISTRY: Record<FieldType, FieldTypeDefinition>;
+export declare function getFieldTypeDefinition(type: FieldType): FieldTypeDefinition;
+export declare function renderFieldValue<Row>(value: unknown, field: FieldDefinition<Row>, row: Row): ReactNode;
+/** The registry owns clipboard conversion too, so every view uses the same types. */
+export declare function formatClipboardValue<Row>(value: unknown, field: FieldDefinition<Row>): string;
+export declare function parseClipboardValue<Row>(text: string, field: FieldDefinition<Row>): unknown;
+export declare function formatReadableValue<Row>(value: unknown, field: FieldDefinition<Row>, row: Row): string;
+export declare function formatReadableRow<Row>(row: Row, fields: FieldDefinition<Row>[]): string;
+//# sourceMappingURL=registry.d.ts.map

package/dist/registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../src/registry.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0D,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/F,OAAO,KAAK,EAEV,eAAe,EACf,gBAAgB,EAChB,SAAS,EACT,mBAAmB,EACnB,cAAc,EAIf,MAAM,YAAY,CAAC;AAOpB,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAgBjE,CAAC;AAwNF,wFAAwF;AACxF,wBAAgB,cAAc,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAgB,EAAE,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,2CAe/H;AAED,wBAAgB,eAAe,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,gBAAgB,CAAC,GAAG,CAAC,2CAe/F;AAgCD,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,SAAS,EAAE,mBAAmB,CAsDtE,CAAC;AAcF,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,SAAS,uBAErD;AAED,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,eAAe,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,GAAG,SAAS,CAMtG;AAED,qFAAqF;AACrF,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,eAAe,CAAC,GAAG,CAAC,GAAG,MAAM,CAI7F;AAED,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,eAAe,CAAC,GAAG,CAAC,GAAG,OAAO,CAiC3F;AAED,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,eAAe,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,GAAG,MAAM,CAMtG;AACD,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,eAAe,CAAC,GAAG,CAAC,EAAE,UAE9E"}

package/dist/registry.js

@@ -0,0 +1,482 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState } from "react";
+const TEXT_OPERATORS = ["contains", "notContains", "equals", "notEquals", "isEmpty", "isNotEmpty"];
+const NUMBER_OPERATORS = ["equals", "notEquals", "greaterThan", "greaterThanOrEqual", "lessThan", "lessThanOrEqual", "isEmpty", "isNotEmpty"];
+const DATE_OPERATORS = ["equals", "before", "after", "isEmpty", "isNotEmpty"];
+const OPTION_OPERATORS = ["equals", "notEquals", "containsAny", "isEmpty", "isNotEmpty"];
+export const FILTER_OPERATOR_LABELS = {
+    contains: "包含",
+    notContains: "不包含",
+    equals: "等於",
+    notEquals: "不等於",
+    greaterThan: "大於",
+    greaterThanOrEqual: "大於或等於",
+    lessThan: "小於",
+    lessThanOrEqual: "小於或等於",
+    before: "早於",
+    after: "晚於",
+    isEmpty: "為空白",
+    isNotEmpty: "不是空白",
+    isTrue: "已打勾",
+    isFalse: "未打勾",
+    containsAny: "包含其中一個",
+};
+function isEmpty(value) {
+    return value === null || value === undefined || value === "" || (Array.isArray(value) && value.length === 0);
+}
+function textOf(value) {
+    if (isEmpty(value))
+        return "";
+    if (Array.isArray(value))
+        return value.map(textOf).join("、");
+    if (typeof value === "object") {
+        const record = value;
+        return String(record.label ?? record.name ?? record.id ?? "");
+    }
+    return String(value);
+}
+function compareText(left, right) {
+    return textOf(left).localeCompare(textOf(right), "zh-Hant", { numeric: true });
+}
+function compareNumber(left, right) {
+    const a = Number(left);
+    const b = Number(right);
+    if (!Number.isFinite(a) && !Number.isFinite(b))
+        return 0;
+    if (!Number.isFinite(a))
+        return 1;
+    if (!Number.isFinite(b))
+        return -1;
+    return a - b;
+}
+function compareDate(left, right) {
+    const a = Date.parse(String(left ?? ""));
+    const b = Date.parse(String(right ?? ""));
+    if (Number.isNaN(a) && Number.isNaN(b))
+        return 0;
+    if (Number.isNaN(a))
+        return 1;
+    if (Number.isNaN(b))
+        return -1;
+    return a - b;
+}
+function commonFilter(value, rule) {
+    const left = textOf(value).toLocaleLowerCase("zh-Hant");
+    const right = textOf(rule.value).toLocaleLowerCase("zh-Hant");
+    if (rule.operator === "isEmpty")
+        return isEmpty(value);
+    if (rule.operator === "isNotEmpty")
+        return !isEmpty(value);
+    if (rule.operator === "contains")
+        return left.includes(right);
+    if (rule.operator === "notContains")
+        return !left.includes(right);
+    if (rule.operator === "notEquals")
+        return left !== right;
+    if (rule.operator === "containsAny") {
+        const values = Array.isArray(value) ? value.map((item) => textOf(item).toLocaleLowerCase("zh-Hant")) : [left];
+        const targets = Array.isArray(rule.value) ? rule.value.map((item) => textOf(item).toLocaleLowerCase("zh-Hant")) : [right];
+        return targets.some((target) => values.includes(target));
+    }
+    return left === right;
+}
+/** References compare permanent IDs, never translated or duplicate display names. */
+function referenceFilter(value, rule) {
+    if (rule.operator === "isEmpty" || rule.operator === "isNotEmpty")
+        return commonFilter(value, rule);
+    const ids = (v) => [...new Set((Array.isArray(v) ? v : isEmpty(v) ? [] : [v]).map((x) => typeof x === "object" && x ? String(x.id) : String(x)))].sort();
+    const values = ids(value), targets = ids(rule.value);
+    if (rule.operator === "containsAny")
+        return targets.some((id) => values.includes(id));
+    const equal = JSON.stringify(values) === JSON.stringify(targets);
+    return rule.operator === "notEquals" ? !equal : equal;
+}
+function numberFilter(value, rule) {
+    if (rule.operator === "isEmpty" || rule.operator === "isNotEmpty")
+        return commonFilter(value, rule);
+    if (isEmpty(value) || isEmpty(rule.value))
+        return false;
+    const left = Number(value);
+    const right = Number(rule.value);
+    if (!Number.isFinite(left) || !Number.isFinite(right))
+        return false;
+    if (rule.operator === "notEquals")
+        return left !== right;
+    if (rule.operator === "greaterThan")
+        return left > right;
+    if (rule.operator === "greaterThanOrEqual")
+        return left >= right;
+    if (rule.operator === "lessThan")
+        return left < right;
+    if (rule.operator === "lessThanOrEqual")
+        return left <= right;
+    return left === right;
+}
+function dateFilter(value, rule) {
+    if (rule.operator === "isEmpty" || rule.operator === "isNotEmpty")
+        return commonFilter(value, rule);
+    const left = Date.parse(String(value ?? ""));
+    const right = Date.parse(String(rule.value ?? ""));
+    if (Number.isNaN(left) || Number.isNaN(right))
+        return false;
+    if (rule.operator === "before")
+        return left < right;
+    if (rule.operator === "after")
+        return left > right;
+    return new Date(left).toISOString().slice(0, 10) === new Date(right).toISOString().slice(0, 10);
+}
+function group(value, field) {
+    if (isEmpty(value))
+        return { key: "__empty__", label: "空白" };
+    const items = Array.isArray(value) ? value : [value];
+    const ids = items.map((v) => typeof v === "object" && v ? String(v.id ?? textOf(v)) : String(v));
+    const normalized = ids.length === 1 ? ids[0] : JSON.stringify([...new Set(ids)].sort());
+    const option = field.options?.find((item) => item.value === String(value));
+    return { key: encodeURIComponent(normalized), label: option?.label ?? textOf(Array.isArray(value) ? [...value].sort((a, b) => textOf(a).localeCompare(textOf(b), "zh-Hant")) : value) };
+}
+function optionFor(value, field) {
+    return field.options?.find((item) => item.value === String(value));
+}
+function renderOption(value, field) {
+    const option = optionFor(value, field);
+    const label = option?.label ?? textOf(value);
+    if (!label)
+        return _jsx("span", { className: "hy-dv-empty", children: "\u2014" });
+    return _jsx("span", { className: "hy-dv-tag", style: { backgroundColor: option?.color, color: option?.textColor }, children: label });
+}
+function renderMultiOptions(value, field) {
+    const values = Array.isArray(value) ? value : isEmpty(value) ? [] : [value];
+    if (values.length === 0)
+        return _jsx("span", { className: "hy-dv-empty", children: "\u2014" });
+    return _jsx("span", { className: "hy-dv-tags", children: values.map((item, index) => _jsx("span", { children: renderOption(item, field) }, `${textOf(item)}-${index}`)) });
+}
+function renderPeople(value, field) {
+    const values = (Array.isArray(value) ? value : isEmpty(value) ? [] : [value]).map((item) => typeof item === "object" && item ? item : { id: String(item), label: String(item) });
+    if (!values.length)
+        return null;
+    const label = values.map((v) => v.label).join("、");
+    if (field.appearance?.people === "combined") {
+        const option = values.length === 1 ? field.options?.find((o) => o.value === values[0].id) : undefined;
+        return _jsx("span", { className: "hy-dv-person", title: label, style: { backgroundColor: option?.color, color: option?.textColor }, children: label });
+    }
+    return _jsx("span", { className: "hy-dv-tags", title: label, children: values.map((person) => {
+            const option = field.options?.find((o) => o.value === person.id);
+            return _jsxs("span", { className: "hy-dv-person", style: { backgroundColor: option?.color, color: option?.textColor }, children: [field.appearance?.avatar === true && _jsx("span", { className: "hy-dv-avatar", children: person.label.slice(0, 1) }), _jsx("span", { className: "hy-dv-pill-label", children: person.label })] }, person.id);
+        }) });
+}
+function renderRelations(value, field) {
+    if (field.appearance?.relation === "text")
+        return textOf(value);
+    const values = Array.isArray(value) ? value : isEmpty(value) ? [] : [value];
+    return _jsx("span", { className: "hy-dv-tags", children: values.map((item, index) => {
+            const relation = typeof item === "object" ? item : { id: String(item), label: String(item) };
+            return _jsx("span", { className: "hy-dv-relation", children: relation.label }, `${relation.id}-${index}`);
+        }) });
+}
+function renderAttachments(value) {
+    const values = Array.isArray(value) ? value : isEmpty(value) ? [] : [value];
+    if (values.length === 0)
+        return _jsx("span", { className: "hy-dv-empty", children: "\u2014" });
+    return _jsx("span", { className: "hy-dv-attachments", children: values.map((item, index) => {
+            const file = typeof item === "object" ? item : { id: String(item), name: String(item) };
+            return file.url && /^(https?:\/\/|\/(?!\/))/.test(file.url) ? _jsx("a", { href: file.url, target: "_blank", rel: "noreferrer", children: file.name }, `${file.id}-${index}`) : _jsx("span", { children: file.name }, `${file.id}-${index}`);
+        }) });
+}
+function formatNumber(value, field, style) {
+    if (isEmpty(value) || !Number.isFinite(Number(value)))
+        return _jsx("span", { className: "hy-dv-empty", children: "\u2014" });
+    const number = Number(value);
+    const precision = field.precision ?? (style === "currency" ? 0 : 2);
+    if (style === "currency")
+        return new Intl.NumberFormat("zh-TW", { style: "currency", currency: field.currency ?? "TWD", maximumFractionDigits: precision }).format(number);
+    if (style === "percent")
+        return new Intl.NumberFormat("zh-TW", { style: "percent", maximumFractionDigits: precision }).format(number);
+    return new Intl.NumberFormat("zh-TW", { maximumFractionDigits: precision }).format(number);
+}
+function TextEditor({ value, field, onCommit, onCancel }) {
+    const [draft, setDraft] = useState(textOf(value));
+    const done = useRef(false);
+    const commit = () => { if (!done.current) {
+        done.current = true;
+        onCommit(draft);
+    } };
+    const multiline = field.type === "multiLineText";
+    function keyDown(event) {
+        if (event.key === "Escape") {
+            done.current = true;
+            event.preventDefault();
+            onCancel();
+        }
+        if (event.key === "Enter" && (!multiline || event.metaKey || event.ctrlKey)) {
+            event.preventDefault();
+            commit();
+        }
+    }
+    const common = { autoFocus: true, value: draft, placeholder: field.placeholder, onChange: (event) => setDraft(event.target.value), onKeyDown: keyDown };
+    return multiline
+        ? _jsx("textarea", { className: "hy-dv-editor hy-dv-textarea", ...common, onBlur: commit })
+        : _jsx("input", { className: "hy-dv-editor", ...common, onBlur: commit });
+}
+function NumberEditor({ value, field, onCommit, onCancel }) {
+    const [draft, setDraft] = useState(isEmpty(value) ? "" : String(value));
+    const done = useRef(false);
+    function commit() { if (!done.current) {
+        done.current = true;
+        onCommit(draft === "" ? null : Number(draft));
+    } }
+    return _jsx("input", { autoFocus: true, className: "hy-dv-editor", type: "number", step: field.type === "percentage" ? "0.01" : "any", value: draft, onChange: (event) => setDraft(event.target.value), onBlur: commit, onKeyDown: (event) => {
+            if (event.key === "Escape") {
+                done.current = true;
+                event.preventDefault();
+                onCancel();
+            }
+            if (event.key === "Enter")
+                commit();
+        } });
+}
+function CheckboxEditor({ value, onCommit }) {
+    return _jsx("input", { autoFocus: true, className: "hy-dv-check", type: "checkbox", checked: Boolean(value), onChange: (event) => onCommit(event.target.checked) });
+}
+function DateEditor({ value, field, onCommit, onCancel }) {
+    const type = field.type === "date" ? "date" : "datetime-local";
+    const initial = isEmpty(value) ? "" : String(value).slice(0, type === "date" ? 10 : 16);
+    const [draft, setDraft] = useState(initial);
+    const done = useRef(false);
+    const commit = () => { if (!done.current) {
+        done.current = true;
+        onCommit(draft || null);
+    } };
+    return _jsx("input", { autoFocus: true, className: "hy-dv-editor", type: type, value: draft, onChange: (event) => setDraft(event.target.value), onBlur: commit, onKeyDown: (event) => {
+            if (event.key === "Escape") {
+                done.current = true;
+                event.preventDefault();
+                onCancel();
+            }
+            if (event.key === "Enter")
+                commit();
+        } });
+}
+function SelectEditor({ value, field, onCommit, onCancel }) {
+    return _jsxs("select", { autoFocus: true, className: "hy-dv-editor", value: isEmpty(value) ? "" : String(value), onChange: (event) => onCommit(event.target.value || null), onBlur: onCancel, children: [_jsx("option", { value: "", children: "\u7A7A\u767D" }), (field.options ?? []).map((option) => _jsx("option", { value: option.value, children: option.label }, option.value))] });
+}
+function MultiSelectEditor({ value, field, onCommit, onCancel }) {
+    const [draft, setDraft] = useState((Array.isArray(value) ? value : []).map(String));
+    return _jsx("select", { autoFocus: true, multiple: true, className: "hy-dv-editor hy-dv-multi-select", value: draft, onChange: (event) => setDraft([...event.target.selectedOptions].map((option) => option.value)), onBlur: () => onCommit(draft), onKeyDown: (event) => {
+            if (event.key === "Escape")
+                onCancel();
+            if (event.key === "Enter" && (event.metaKey || event.ctrlKey))
+                onCommit(draft);
+        }, children: (field.options ?? []).map((option) => _jsx("option", { value: option.value, children: option.label }, option.value)) });
+}
+/** Single relations use the browser picker, which escapes clipped/virtualized cells. */
+export function RelationSelect({ value, field, onCommit, disabled = false }) {
+    const current = (Array.isArray(value) ? value[0] : value);
+    const selected = typeof current === "object" ? current?.id ?? "" : String(current ?? "");
+    const options = field.options ?? [];
+    const unavailable = selected && !options.some((option) => option.value === selected);
+    return _jsxs("select", { className: "hy-dv-relation-select", "aria-label": `選擇${field.label}`, disabled: disabled, value: selected, onChange: (event) => {
+            const id = event.target.value;
+            if (!id) {
+                onCommit(null);
+                return;
+            }
+            const option = options.find((item) => item.value === id);
+            if (option)
+                onCommit({ id: option.value, label: option.label });
+        }, children: [_jsx("option", { value: "", children: field.placeholder ?? "未選擇" }), unavailable && _jsx("option", { value: selected, disabled: true, children: typeof current === "object" ? current?.label || "目前關聯（無可選項目）" : "目前關聯（無可選項目）" }), options.map((option) => _jsx("option", { value: option.value, children: option.label }, option.value))] });
+}
+export function ReferenceEditor({ value, field, onCommit, onCancel }) {
+    const multiple = field.type === "person" && field.multiple !== false;
+    const original = (Array.isArray(value) ? value : isEmpty(value) ? [] : [value]);
+    const [draft, setDraft] = useState(original.map((v) => v.id));
+    const [query, setQuery] = useState("");
+    function commit(ids) {
+        const values = ids.map((id) => ({ id, label: field.options?.find((o) => o.value === id)?.label ?? original.find((v) => v.id === id)?.label ?? "未命名" }));
+        onCommit(field.type === "person" ? values : values[0] ?? null);
+    }
+    const options = (field.options ?? []).filter((o) => o.label.toLocaleLowerCase().includes(query.toLocaleLowerCase()));
+    return _jsxs("div", { className: "hy-dv-reference-editor", onKeyDown: (e) => { if (e.key === "Escape") {
+            e.stopPropagation();
+            onCancel();
+        } }, children: [_jsx("input", { autoFocus: true, "aria-label": `搜尋${field.label}`, placeholder: "\u641C\u5C0B", value: query, onChange: (e) => setQuery(e.target.value) }), _jsx("div", { role: "group", "aria-label": field.label, children: options.map((option) => _jsxs("button", { type: "button", "aria-pressed": draft.includes(option.value), onClick: () => { const ids = multiple ? draft.includes(option.value) ? draft.filter((id) => id !== option.value) : [...draft, option.value] : [option.value]; setDraft(ids); if (!multiple)
+                        commit(ids); }, children: [option.label, draft.includes(option.value) ? " ✓" : ""] }, option.value)) }), _jsxs("footer", { children: [_jsx("button", { type: "button", onClick: () => commit([]), children: "\u7A7A\u767D" }), _jsx("button", { type: "button", onClick: onCancel, children: "\u53D6\u6D88" }), multiple && _jsx("button", { type: "button", onClick: () => commit(draft), children: "\u78BA\u8A8D" })] })] });
+}
+function AttachmentEditor({ onRequestAttachment, onCancel }) {
+    return _jsxs("label", { className: "hy-dv-upload", children: ["\u9078\u64C7\u9644\u4EF6", _jsx("input", { autoFocus: true, type: "file", multiple: true, onChange: (event) => {
+                    if (event.target.files?.length)
+                        onRequestAttachment?.([...event.target.files]);
+                    onCancel();
+                } })] });
+}
+const textSpec = (type, label, Editor = TextEditor) => ({
+    type, label, editable: true, deletable: true, operators: TEXT_OPERATORS, isEmpty,
+    validate: (value) => value === null || value === undefined || typeof value === "string" ? null : "請輸入文字",
+    compare: compareText, filter: commonFilter, group,
+    render: (value) => isEmpty(value) ? _jsx("span", { className: "hy-dv-empty", children: "\u2014" }) : _jsx("span", { className: type === "multiLineText" ? "hy-dv-prewrap" : undefined, children: textOf(value) }),
+    Editor,
+});
+const numberSpec = (type, label, style) => ({
+    type, label, editable: true, deletable: true, operators: NUMBER_OPERATORS, isEmpty,
+    validate: (value) => isEmpty(value) || (typeof value === "number" && Number.isFinite(value)) ? null : "請輸入有效數字",
+    compare: compareNumber, filter: numberFilter, group,
+    render: (value, field) => formatNumber(value, field, style), Editor: NumberEditor,
+});
+const dateSpec = (type, label, editable = true) => ({
+    type, label, editable, deletable: editable, operators: DATE_OPERATORS, isEmpty,
+    validate: (value) => isEmpty(value) || validDateValue(value, type === "date") ? null : "請輸入有效日期",
+    compare: compareDate, filter: dateFilter, group,
+    render: (value) => isEmpty(value) ? _jsx("span", { className: "hy-dv-empty", children: "\u2014" }) : !validDateValue(value, type === "date") ? _jsx("span", { className: "hy-dv-no-access", children: "\u65E5\u671F\u683C\u5F0F\u932F\u8AA4" }) : new Intl.DateTimeFormat("zh-TW", type === "date" ? { year: "numeric", month: "2-digit", day: "2-digit", timeZone: "UTC" } : { year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit" }).format(new Date(String(value))),
+    Editor: editable ? DateEditor : undefined,
+});
+export const FIELD_TYPE_REGISTRY = {
+    singleLineText: textSpec("singleLineText", "單行文字"),
+    multiLineText: textSpec("multiLineText", "多行文字"),
+    number: numberSpec("number", "數字"),
+    currency: numberSpec("currency", "金額", "currency"),
+    percentage: numberSpec("percentage", "百分比", "percent"),
+    checkbox: {
+        type: "checkbox", label: "打勾框", editable: true, deletable: true, operators: ["isTrue", "isFalse"], isEmpty: () => false,
+        validate: (value) => typeof value === "boolean" ? null : "請使用打勾或取消",
+        compare: (left, right) => Number(Boolean(left)) - Number(Boolean(right)),
+        filter: (value, rule) => rule.operator === "isTrue" ? Boolean(value) : !Boolean(value),
+        group: (value) => ({ key: value ? "checked" : "unchecked", label: value ? "已打勾" : "未打勾" }),
+        render: (value) => _jsx("span", { "aria-label": value ? "已打勾" : "未打勾", className: `hy-dv-checkbox ${value ? "is-checked" : ""}`, children: value ? "✓" : "" }),
+        toggleValue: (value) => !Boolean(value),
+        Editor: CheckboxEditor,
+    },
+    date: dateSpec("date", "日期"),
+    dateTime: dateSpec("dateTime", "日期＋時間"),
+    singleSelect: {
+        type: "singleSelect", label: "單選項", editable: true, deletable: true, operators: OPTION_OPERATORS, isEmpty,
+        validate: (value, field) => isEmpty(value) || field.options?.some((option) => option.value === String(value)) ? null : "選項不存在",
+        compare: (left, right, field) => {
+            const order = field.options?.map((option) => option.value) ?? [];
+            const a = order.indexOf(String(left));
+            const b = order.indexOf(String(right));
+            return a >= 0 && b >= 0 ? a - b : compareText(left, right);
+        },
+        filter: commonFilter, group, render: renderOption, Editor: SelectEditor,
+    },
+    multiSelect: {
+        type: "multiSelect", label: "多選項", editable: true, deletable: true, operators: OPTION_OPERATORS, isEmpty,
+        validate: (value, field) => isEmpty(value) || (Array.isArray(value) && value.every((v) => typeof v === "string" && field.options?.some((o) => o.value === v))) ? null : "多選值包含不存在的選項",
+        compare: compareText, filter: commonFilter, group, render: renderMultiOptions, Editor: MultiSelectEditor,
+    },
+    person: {
+        type: "person", label: "人員", editable: true, deletable: true, operators: OPTION_OPERATORS, isEmpty,
+        validate: (value, field) => isEmpty(value) || (Array.isArray(value) ? value : [value]).every((v) => validReference(v, field)) ? null : "人員格式或 ID 不正確",
+        compare: compareText, filter: referenceFilter, group, render: renderPeople, Editor: ReferenceEditor,
+    },
+    relation: {
+        type: "relation", label: "關聯資料", editable: true, deletable: true, operators: OPTION_OPERATORS, isEmpty,
+        validate: (value, field) => isEmpty(value) || validReference(value, field) ? null : "關聯資料格式或 ID 不正確",
+        compare: compareText, filter: referenceFilter, group, render: renderRelations, Editor: ReferenceEditor,
+    },
+    attachment: {
+        type: "attachment", label: "附件", editable: true, deletable: true, operators: ["isEmpty", "isNotEmpty"], isEmpty,
+        validate: (value) => isEmpty(value) || Array.isArray(value) ? null : "附件格式不正確",
+        compare: compareText, filter: commonFilter, group, render: renderAttachments, Editor: AttachmentEditor,
+    },
+    createdAt: dateSpec("createdAt", "建立時間", false),
+    updatedAt: dateSpec("updatedAt", "最後更新時間", false),
+    createdBy: { ...textSpec("createdBy", "建立者"), editable: false, deletable: false, Editor: undefined, filter: referenceFilter, render: renderPeople },
+    updatedBy: { ...textSpec("updatedBy", "最後修改者"), editable: false, deletable: false, Editor: undefined, filter: referenceFilter, render: renderPeople },
+    autoNumber: { ...numberSpec("autoNumber", "自動編號"), editable: false, deletable: false, Editor: undefined },
+    systemReadOnly: { ...textSpec("systemReadOnly", "唯讀系統欄位"), editable: false, deletable: false, Editor: undefined },
+};
+function validReference(value, field) {
+    if (!value || typeof value !== "object" || Array.isArray(value))
+        return false;
+    const record = value;
+    return typeof record.id === "string" && record.id.length > 0 && typeof record.label === "string" &&
+        (!field.options || field.options.some((o) => o.value === record.id));
+}
+function validDateValue(value, dateOnly) {
+    if (typeof value !== "string" || !(dateOnly ? /^\d{4}-\d{2}-\d{2}$/ : /^\d{4}-\d{2}-\d{2}T([01]\d|2[0-3]):[0-5]\d(?::[0-5]\d(?:\.\d{1,3})?)?(?:Z|[+-](?:[01]\d|2[0-3]):[0-5]\d)?$/).test(value))
+        return false;
+    const day = value.slice(0, 10);
+    const date = Date.parse(`${day}T00:00:00Z`);
+    return Number.isFinite(date) && new Date(date).toISOString().slice(0, 10) === day && Number.isFinite(Date.parse(value));
+}
+export function getFieldTypeDefinition(type) {
+    return FIELD_TYPE_REGISTRY[type];
+}
+export function renderFieldValue(value, field, row) {
+    if (field.internal || field.canRead?.({ row, field }) === false)
+        return null;
+    if (field.render)
+        return field.render(value, row);
+    if (isEmpty(value) && field.type !== "checkbox" && field.appearance?.empty !== "dash")
+        return null;
+    if (field.appearance?.systemValue || ["createdBy", "updatedBy", "systemReadOnly"].includes(field.type))
+        return _jsx("span", { className: "hy-dv-system-value", title: textOf(value), children: textOf(value) });
+    return getFieldTypeDefinition(field.type).render(value, field);
+}
+/** The registry owns clipboard conversion too, so every view uses the same types. */
+export function formatClipboardValue(value, field) {
+    if (isEmpty(value))
+        return "";
+    if (["multiSelect", "person", "relation", "attachment"].includes(field.type))
+        return JSON.stringify(value);
+    return String(value);
+}
+export function parseClipboardValue(text, field) {
+    const value = text.trim();
+    if (field.type === "attachment")
+        throw new Error("附件請使用上傳介面，不能透過貼上修改");
+    if (["number", "currency", "percentage"].includes(field.type)) {
+        if (!value)
+            return null;
+        const percent = field.type === "percentage" && value.endsWith("%");
+        const number = Number(percent ? value.slice(0, -1) : value);
+        if (!Number.isFinite(number))
+            throw new Error(`${field.label}需要有效數字`);
+        return percent ? number / 100 : number;
+    }
+    if (field.type === "checkbox") {
+        if (["true", "1", "是", "已打勾"].includes(value.toLowerCase()))
+            return true;
+        if (["", "false", "0", "否", "未打勾"].includes(value.toLowerCase()))
+            return false;
+        throw new Error(`${field.label}請填 true 或 false`);
+    }
+    if (["person", "relation", "multiSelect"].includes(field.type)) {
+        if (!value)
+            return field.type === "relation" ? null : [];
+        if (value.startsWith("[") || value.startsWith("{"))
+            return JSON.parse(value);
+        const options = value.split(/[、,]/).map((label) => {
+            const option = field.options?.find((o) => o.value === label.trim() || o.label === label.trim());
+            if (!option)
+                throw new Error(`${field.label}的選項不存在：${label}`);
+            return option;
+        });
+        if (field.type === "multiSelect")
+            return options.map((o) => o.value);
+        if (field.type === "relation") {
+            if (options.length !== 1)
+                throw new Error("關聯資料請使用單一值");
+            return { id: options[0].value, label: options[0].label };
+        }
+        return options.map((o) => ({ id: o.value, label: o.label }));
+    }
+    if (field.type === "singleSelect")
+        return value ? field.options?.find((o) => o.value === value || o.label === value)?.value ?? value : null;
+    if (field.type === "date" || field.type === "dateTime")
+        return value || null;
+    return text;
+}
+export function formatReadableValue(value, field, row) {
+    if (field.internal || field.renderAction || field.canRead?.({ row, field }) === false)
+        return "";
+    if (field.formatText)
+        return field.formatText(value, row);
+    if (field.type === "checkbox")
+        return value ? "已打勾" : "未打勾";
+    const items = Array.isArray(value) ? value : [value];
+    return items.map((v) => field.options?.find((o) => o.value === String(typeof v === "object" && v ? v.id : v))?.label ?? textOf(v)).join("、");
+}
+export function formatReadableRow(row, fields) {
+    return fields.filter((f) => !f.internal && !f.renderAction && f.canRead?.({ row, field: f }) !== false).map((f) => `${f.label}：${formatReadableValue(f.getValue ? f.getValue(row) : row[f.id], f, row)}`).join("\n");
+}
+//# sourceMappingURL=registry.js.map