@zerodep-dev/vue-tsx-pro-ui 0.0.0-stage → 0.1.0

package/dist/patterns/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","names":[],"sources":["../../src/patterns/messages.ts"],"sourcesContent":["/**\n * 页面组合（AppShell、FilterBar、NotificationCenter、KanbanBoard、DeadlineBadge、ThemeSwitcher）自带的文案：\n * 中文与英文各一份，可以在 createUi 的 lang.messages.patterns 里按字段改写（见 config/lang/messages.ts）\n */\nimport type { MessageTable } from '../config/lang/messages';\n\n/** 页面组合的文案 */\nexport interface PatternsMessages {\n  /** 查询栏的查询按钮，默认“查询” */\n  readonly filterSearch: string;\n  /** 查询栏的重置按钮，默认“重置” */\n  readonly filterReset: string;\n  /** 查询栏展开更多条件，默认“展开” */\n  readonly filterExpand: string;\n  /** 查询栏收起更多条件，默认“收起” */\n  readonly filterCollapse: string;\n  /** 收起的条件里已经填了几项：`(2)` → “已设 2 项” */\n  readonly filterActive: (count: number) => string;\n  /** 查询栏的高级筛选（按钮、条件构造器的名称、摘要的开头），默认“高级筛选” */\n  readonly filterAdvanced: string;\n  /** 时限标记：还剩几个工作日，默认“剩 n 个工作日” */\n  readonly deadlineRemaining: (workdays: number) => string;\n  /** 时限标记：今天到期，默认“今天到期” */\n  readonly deadlineDue: string;\n  /** 时限标记：超时几个工作日（0 时是周末、假日里刚过期），默认“超时 n 个工作日”“已超时” */\n  readonly deadlineOverdue: (workdays: number) => string;\n  /** 时限标记：按时完成，默认“按时完成” */\n  readonly deadlineDone: string;\n  /** 时限标记：超时完成，默认“超时 n 个工作日完成” */\n  readonly deadlineDoneLate: (workdays: number) => string;\n  /** 时限标记的完整说明（title 与读屏）：截止日，默认“截止 2026-10-23” */\n  readonly deadlineOn: (date: string) => string;\n  /** 通知中心的标题与按钮名称，默认“通知” */\n  readonly notifications: string;\n  /** 通知中心按钮的名称（带未读数），默认“通知，未读 n 条” */\n  readonly notificationsUnread: (count: number) => string;\n  /** 通知中心：全部标为已读，默认“全部标为已读” */\n  readonly notificationsMarkAllRead: string;\n  /** 通知中心：不按类型筛选，默认“全部” */\n  readonly notificationsAll: string;\n  /** 通知中心：只看未读，默认“只看未读” */\n  readonly notificationsUnreadOnly: string;\n  /** 通知中心：没有通知，默认“没有通知” */\n  readonly notificationsEmpty: string;\n  /** 通知中心：一条未读的标记（读屏），默认“未读” */\n  readonly notificationUnreadMark: string;\n  /** 看板卡片把手的操作说明，默认“按空格拿起，左右方向键换列、上下方向键调整位置，再按空格放下，Esc 取消” */\n  readonly kanbanInstructions: string;\n  /** 看板：一列没有卡片时，默认“没有” */\n  readonly kanbanEmpty: string;\n  /** 窄屏时收着侧边导航的抽屉的标题，默认“导航” */\n  readonly navigation: string;\n  /** 窄屏时打开侧边导航的按钮，默认“打开导航” */\n  readonly navigationOpen: string;\n  /** 抽屉式侧边导航的开关按钮上的文字，默认“菜单” */\n  readonly navigationMenu: string;\n  /** 抽屉式侧边导航的宽度调整手柄，默认“调整导航宽度” */\n  readonly navigationResize: string;\n  /** AppShell 侧栏底部收起成图标栏的按钮，默认“收起侧栏” */\n  readonly sidebarCollapse: string;\n  /** AppShell 侧栏收起后展开的按钮，默认“展开侧栏” */\n  readonly sidebarExpand: string;\n  /** 页签区的名称，默认“打开的页面” */\n  readonly pageTabsLabel: string;\n  /** 页签的右键菜单的名称，默认“页签操作” */\n  readonly pageTabsMenu: string;\n  /** 页签的右键菜单：关闭这一个，默认“关闭” */\n  readonly pageTabsClose: string;\n  /** 页签的右键菜单：关闭其他的，默认“关闭其他” */\n  readonly pageTabsCloseOthers: string;\n  /** 页签的右键菜单：关闭右边的，默认“关闭右侧” */\n  readonly pageTabsCloseRight: string;\n  /** 查询表格：刷新，默认“刷新” */\n  readonly queryTableRefresh: string;\n  /** 查询表格：行高菜单，默认“行高” */\n  readonly queryTableDensity: string;\n  /** 行高：紧凑，默认“紧凑” */\n  readonly queryTableDensityCompact: string;\n  /** 行高：标准，默认“标准” */\n  readonly queryTableDensityStandard: string;\n  /** 行高：宽松，默认“宽松” */\n  readonly queryTableDensityComfortable: string;\n  /** 查询表格：全屏，默认“全屏” */\n  readonly queryTableFullscreen: string;\n  /** 查询表格：退出全屏，默认“退出全屏” */\n  readonly queryTableExitFullscreen: string;\n  /** 查询表格分页导航的名称：`('任务台账')` → “任务台账分页” */\n  readonly queryTablePagination: (title: string) => string;\n  /** 查询表格的查询栏（search 地标）的名称：`('任务台账')` → “任务台账查询” */\n  readonly queryTableSearch: (title: string) => string;\n  /** 分步表单：上一步，默认“上一步” */\n  readonly stepsFormPrevious: string;\n  /** 分步表单：下一步，默认“下一步” */\n  readonly stepsFormNext: string;\n  /** 分步表单：最后一步的提交，默认“提交” */\n  readonly stepsFormSubmit: string;\n  /** 分步表单这一步内容的名称：`(2, 3)` → “第 2 步，共 3 步” */\n  readonly stepsFormStep: (step: number, total: number) => string;\n  /** 导入的四步：上传文件、对应列、校验与预览、完成 */\n  readonly dataImportSteps: readonly [string, string, string, string];\n  /** 导入：支持的格式说明：`('.xlsx, .csv')` → “支持 .xlsx, .csv” */\n  readonly dataImportAccept: (accept: string) => string;\n  /** 导入：下载模板按钮，默认“下载模板” */\n  readonly dataImportTemplate: string;\n  /** 导入：选工作表，默认“工作表” */\n  readonly dataImportSheet: string;\n  /** 导入：读文件失败：`('…')` → “读不了这个文件：…” */\n  readonly dataImportParseFailed: (reason: string) => string;\n  /** 导入：文件里没有数据行，默认“文件里没有数据行” */\n  readonly dataImportEmpty: string;\n  /** 导入：对应列表格的列标题“字段” */\n  readonly dataImportField: string;\n  /** 导入：对应列表格的列标题“文件中的列” */\n  readonly dataImportColumn: string;\n  /** 导入：对应列表格的列标题“示例” */\n  readonly dataImportSample: string;\n  /** 导入：不导入这个字段，默认“不导入” */\n  readonly dataImportSkip: string;\n  /** 导入：必填字段还没对应：`(['零件号'])` → “必填的字段还没对应：零件号” */\n  readonly dataImportUnmapped: (labels: readonly string[]) => string;\n  /** 导入：校验结果：`(120, 118, 2)` → “共 120 行，可以导入 118 行，2 行有错” */\n  readonly dataImportSummary: (total: number, valid: number, invalid: number) => string;\n  /** 导入：只看有错的行，默认“只看有错的行” */\n  readonly dataImportOnlyErrors: string;\n  /** 导入：预览表的“序号”列（第几行数据） */\n  readonly dataImportRow: string;\n  /** 导入：预览表的“校验”列 */\n  readonly dataImportStatus: string;\n  /** 导入：没有错的行，默认“可以导入” */\n  readonly dataImportValid: string;\n  /** 导入：改了格子之后的提示，默认“格子可以直接改，改完重新校验” */\n  readonly dataImportEditHint: string;\n  /** 导入：确认按钮：`(118)` → “导入 118 行” */\n  readonly dataImportSubmit: (count: number) => string;\n  /** 导入：完成：`(118)` → “已导入 118 行” */\n  readonly dataImportDone: (count: number) => string;\n  /** 导入：再导入一份，默认“再导入一份” */\n  readonly dataImportAgain: string;\n  /** 导入：数字列里不是数字，默认“不是数字” */\n  readonly dataImportNotNumber: string;\n  /** 导入：所在的预览表的名称，默认“导入预览” */\n  readonly dataImportPreview: string;\n  /** 主题切换的名称，默认“主题” */\n  readonly themeLabel: string;\n  /** 留言：留言列表的名称，默认“留言” */\n  readonly comments: string;\n  /** 留言：没有留言时，默认“还没有留言” */\n  readonly commentsEmpty: string;\n  /** 留言：输入框的提示，默认“写下留言，输入 @ 提及相关的人” */\n  readonly commentPlaceholder: string;\n  /** 留言：回复按钮，默认“回复” */\n  readonly commentReply: string;\n  /** 留言：回复某人时输入框的名称：`('林小满')` → “回复 林小满” */\n  readonly commentReplyTo: (name: string) => string;\n  /** 留言：发送按钮，默认“发送” */\n  readonly commentSend: string;\n  /** 留言：取消回复，默认“取消” */\n  readonly commentCancel: string;\n  /** 留言：添加附件的按钮，默认“附件” */\n  readonly commentAttach: string;\n  /** 留言：发送的快捷键说明，默认“Ctrl + Enter 发送” */\n  readonly commentSendHint: string;\n  /** 留言：发送失败，默认“发送失败，内容已保留，请重试” */\n  readonly commentSendFailed: string;\n  /** 留言：改过的留言的标记，默认“已编辑” */\n  readonly commentEdited: string;\n  /** 留言：一条留言下面回复列表的名称：`(3)` → “3 条回复” */\n  readonly commentReplies: (count: number) => string;\n  /** 留言：附件列表的名称，默认“附件” */\n  readonly commentAttachments: string;\n}\n\n/** 页面组合的文案表：中文与英文，别的语言先找同语种、再用英文 */\nexport const patternsMessages: MessageTable<PatternsMessages> = {\n  'zh-CN': {\n    filterSearch: '查询',\n    filterReset: '重置',\n    filterExpand: '展开',\n    filterCollapse: '收起',\n    filterActive: (count) => `已设 ${count} 项`,\n    filterAdvanced: '高级筛选',\n    deadlineRemaining: (workdays) => `剩 ${workdays} 个工作日`,\n    deadlineDue: '今天到期',\n    deadlineOverdue: (workdays) => (workdays > 0 ? `超时 ${workdays} 个工作日` : '已超时'),\n    deadlineDone: '按时完成',\n    deadlineDoneLate: (workdays) => `超时 ${workdays} 个工作日完成`,\n    deadlineOn: (date) => `截止 ${date}`,\n    notifications: '通知',\n    notificationsUnread: (count) => (count > 0 ? `通知，未读 ${count} 条` : '通知'),\n    notificationsMarkAllRead: '全部标为已读',\n    notificationsAll: '全部',\n    notificationsUnreadOnly: '只看未读',\n    notificationsEmpty: '没有通知',\n    notificationUnreadMark: '未读',\n    kanbanInstructions: '按空格拿起，左右方向键换列、上下方向键调整位置，再按空格放下，Esc 取消',\n    kanbanEmpty: '没有',\n    navigation: '导航',\n    navigationOpen: '打开导航',\n    navigationMenu: '菜单',\n    navigationResize: '调整导航宽度',\n    sidebarCollapse: '收起侧栏',\n    sidebarExpand: '展开侧栏',\n    pageTabsLabel: '打开的页面',\n    pageTabsMenu: '页签操作',\n    pageTabsClose: '关闭',\n    pageTabsCloseOthers: '关闭其他',\n    pageTabsCloseRight: '关闭右侧',\n    queryTableRefresh: '刷新',\n    queryTableDensity: '行高',\n    queryTableDensityCompact: '紧凑',\n    queryTableDensityStandard: '标准',\n    queryTableDensityComfortable: '宽松',\n    queryTableFullscreen: '全屏',\n    queryTableExitFullscreen: '退出全屏',\n    queryTablePagination: (title) => `${title}分页`,\n    queryTableSearch: (title) => `${title}查询`,\n    stepsFormPrevious: '上一步',\n    stepsFormNext: '下一步',\n    stepsFormSubmit: '提交',\n    stepsFormStep: (step, total) => `第 ${step} 步，共 ${total} 步`,\n    dataImportSteps: ['上传文件', '对应列', '校验与预览', '完成'],\n    dataImportAccept: (accept) => `支持 ${accept}`,\n    dataImportTemplate: '下载模板',\n    dataImportSheet: '工作表',\n    dataImportParseFailed: (reason) => `读不了这个文件：${reason}`,\n    dataImportEmpty: '文件里没有数据行',\n    dataImportField: '字段',\n    dataImportColumn: '文件中的列',\n    dataImportSample: '示例',\n    dataImportSkip: '不导入',\n    dataImportUnmapped: (labels) => `必填的字段还没对应：${labels.join('、')}`,\n    dataImportSummary: (total, valid, invalid) =>\n      `共 ${total} 行，可以导入 ${valid} 行${invalid ? `，${invalid} 行有错` : ''}`,\n    dataImportOnlyErrors: '只看有错的行',\n    dataImportRow: '序号',\n    dataImportStatus: '校验',\n    dataImportValid: '可以导入',\n    dataImportEditHint: '有错的格子可以直接改，改完重新校验',\n    dataImportSubmit: (count) => `导入 ${count} 行`,\n    dataImportDone: (count) => `已导入 ${count} 行`,\n    dataImportAgain: '再导入一份',\n    dataImportNotNumber: '不是数字',\n    dataImportPreview: '导入预览',\n    themeLabel: '主题',\n    comments: '留言',\n    commentsEmpty: '还没有留言',\n    commentPlaceholder: '写下留言，输入 @ 提及相关的人',\n    commentReply: '回复',\n    commentReplyTo: (name) => `回复 ${name}`,\n    commentSend: '发送',\n    commentCancel: '取消',\n    commentAttach: '附件',\n    commentSendHint: 'Ctrl + Enter 发送',\n    commentSendFailed: '发送失败，内容已保留，请重试',\n    commentEdited: '已编辑',\n    commentReplies: (count) => `${count} 条回复`,\n    commentAttachments: '附件',\n  },\n  'en-US': {\n    filterSearch: 'Search',\n    filterReset: 'Reset',\n    filterExpand: 'More filters',\n    filterCollapse: 'Fewer filters',\n    filterActive: (count) => `${count} set`,\n    filterAdvanced: 'Advanced filter',\n    deadlineRemaining: (workdays) => `${workdays} ${workdays === 1 ? 'workday' : 'workdays'} left`,\n    deadlineDue: 'Due today',\n    deadlineOverdue: (workdays) =>\n      workdays > 0 ? `${workdays} ${workdays === 1 ? 'workday' : 'workdays'} overdue` : 'Overdue',\n    deadlineDone: 'Done on time',\n    deadlineDoneLate: (workdays) =>\n      `Done ${workdays} ${workdays === 1 ? 'workday' : 'workdays'} late`,\n    deadlineOn: (date) => `Due ${date}`,\n    notifications: 'Notifications',\n    notificationsUnread: (count) =>\n      count > 0 ? `Notifications, ${count} unread` : 'Notifications',\n    notificationsMarkAllRead: 'Mark all as read',\n    notificationsAll: 'All',\n    notificationsUnreadOnly: 'Unread only',\n    notificationsEmpty: 'No notifications',\n    notificationUnreadMark: 'Unread',\n    kanbanInstructions:\n      'Press space to pick up, use the left and right arrow keys to change column and the up and down arrow keys to change position, press space again to drop, Escape to cancel',\n    kanbanEmpty: 'None',\n    navigation: 'Navigation',\n    navigationOpen: 'Open navigation',\n    navigationMenu: 'Menu',\n    navigationResize: 'Resize navigation',\n    sidebarCollapse: 'Collapse sidebar',\n    sidebarExpand: 'Expand sidebar',\n    pageTabsLabel: 'Open pages',\n    pageTabsMenu: 'Tab actions',\n    pageTabsClose: 'Close',\n    pageTabsCloseOthers: 'Close others',\n    pageTabsCloseRight: 'Close tabs to the right',\n    queryTableRefresh: 'Refresh',\n    queryTableDensity: 'Row height',\n    queryTableDensityCompact: 'Compact',\n    queryTableDensityStandard: 'Standard',\n    queryTableDensityComfortable: 'Comfortable',\n    queryTableFullscreen: 'Full screen',\n    queryTableExitFullscreen: 'Exit full screen',\n    queryTablePagination: (title) => `${title} pagination`,\n    queryTableSearch: (title) => `Search ${title}`,\n    stepsFormPrevious: 'Previous',\n    stepsFormNext: 'Next',\n    stepsFormSubmit: 'Submit',\n    stepsFormStep: (step, total) => `Step ${step} of ${total}`,\n    dataImportSteps: ['Upload', 'Map columns', 'Review', 'Done'],\n    dataImportAccept: (accept) => `Supports ${accept}`,\n    dataImportTemplate: 'Download template',\n    dataImportSheet: 'Sheet',\n    dataImportParseFailed: (reason) => `Can't read this file: ${reason}`,\n    dataImportEmpty: 'The file has no data rows',\n    dataImportField: 'Field',\n    dataImportColumn: 'Column in file',\n    dataImportSample: 'Sample',\n    dataImportSkip: \"Don't import\",\n    dataImportUnmapped: (labels) => `Required fields not mapped: ${labels.join(', ')}`,\n    dataImportSummary: (total, valid, invalid) =>\n      `${total} rows, ${valid} ready to import${invalid ? `, ${invalid} with problems` : ''}`,\n    dataImportOnlyErrors: 'Only rows with problems',\n    dataImportRow: '#',\n    dataImportStatus: 'Check',\n    dataImportValid: 'Ready',\n    dataImportEditHint: 'Fix cells in place; they are checked again',\n    dataImportSubmit: (count) => `Import ${count} rows`,\n    dataImportDone: (count) => `Imported ${count} rows`,\n    dataImportAgain: 'Import another file',\n    dataImportNotNumber: 'Not a number',\n    dataImportPreview: 'Import preview',\n    themeLabel: 'Theme',\n    comments: 'Comments',\n    commentsEmpty: 'No comments yet',\n    commentPlaceholder: 'Write a comment, type @ to mention someone',\n    commentReply: 'Reply',\n    commentReplyTo: (name) => `Reply to ${name}`,\n    commentSend: 'Send',\n    commentCancel: 'Cancel',\n    commentAttach: 'Attach',\n    commentSendHint: 'Ctrl + Enter to send',\n    commentSendFailed: 'Could not send. Your text is kept, please try again',\n    commentEdited: 'Edited',\n    commentReplies: (count) => (count === 1 ? '1 reply' : `${count} replies`),\n    commentAttachments: 'Attachments',\n  },\n};\n"],"mappings":"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"}

package/dist/table/ColumnHeaderActions.d.ts

@@ -0,0 +1,71 @@
+import * as css from '@zerodep-dev/vue-tsx-pro-tsx/styles';
+import { type IconButtonProps } from '../base/IconButton';
+import type { ColumnFilterOption, ColumnStickies, SortState } from './columns';
+/** ColumnHeaderActions 的样式：trigger、active、panel、options、footer */
+export declare const columnHeaderActionStyles: Readonly<{
+    active: css.CompiledStyles;
+    footer: css.CompiledStyles;
+    options: css.CompiledStyles;
+    panel: css.CompiledStyles;
+    trigger: css.CompiledStyles;
+}>;
+/** 表头筛选按钮的属性 */
+export interface ColumnFilterButtonProps {
+    /** 列标题的文字：按钮的名称 */
+    label: string;
+    /** 可以勾选的值；关键字筛选时为 'text' */
+    options: readonly ColumnFilterOption[] | 'text';
+    /** 选中的值（关键字筛选时是 [关键字]） */
+    values: readonly string[];
+    /** 改了筛选 */
+    onChange: (values: string[]) => void;
+    /** 按钮的部件属性 */
+    propsTrigger?: Partial<IconButtonProps>;
+}
+/** 表头筛选：漏斗按钮，弹出勾选的值（多时可以搜索）或关键字输入框；改了立即生效 */
+export declare const ColumnFilterButton: import("@zerodep-dev/vue-tsx-pro-tsx").TsxComponent<ColumnFilterButtonProps>;
+/** 列菜单里的一项操作 */
+export interface ColumnMenuActions {
+    /** 按这一列升序 */
+    sortAscending: unknown;
+    /** 按这一列降序 */
+    sortDescending: unknown;
+    /** 取消这一列的排序 */
+    unsort: unknown;
+    /** 固定在开头 */
+    pinStart: unknown;
+    /** 固定在结尾 */
+    pinEnd: unknown;
+    /** 取消固定 */
+    unpin: unknown;
+    /** 往前移一列 */
+    moveBackward: unknown;
+    /** 往后移一列 */
+    moveForward: unknown;
+    /** 隐藏这一列 */
+    hide: unknown;
+}
+/** 列菜单按钮的属性 */
+export interface ColumnMenuButtonProps {
+    /** 列标题的文字：按钮的名称 */
+    label: string;
+    /** 可以排序：菜单里有升序、降序 */
+    sortable: boolean;
+    /** 这一列当前的排序 */
+    sorted?: SortState['direction'];
+    /** 这一列当前固定在哪一侧 */
+    pinned?: keyof ColumnStickies;
+    /** 能不能往前、往后移（已经在头上、尾上时不能） */
+    canMove: {
+        backward: boolean;
+        forward: boolean;
+    };
+    /** 能不能隐藏（只剩一列时不能） */
+    canHide: boolean;
+    /** 选了一项 */
+    onAction: (action: keyof ColumnMenuActions) => void;
+    /** 按钮的部件属性 */
+    propsTrigger?: Partial<IconButtonProps>;
+}
+/** 列菜单：⋮ 按钮，弹出排序、固定、移动、隐藏 */
+export declare const ColumnMenuButton: import("@zerodep-dev/vue-tsx-pro-tsx").TsxComponent<ColumnMenuButtonProps>;

package/dist/table/ColumnHeaderActions.js

@@ -0,0 +1,247 @@
+import { useLang, useTextMatcher } from "../config/context.js";
+import { mergePartProps } from "../utils/props.js";
+import { Button } from "../base/Button.js";
+import { IconButton } from "../base/IconButton.js";
+import { plainText } from "../utils/data/text.js";
+import { Separator } from "../layout/Separator.js";
+import { Checkbox } from "../input/Checkbox.js";
+import { Menu as Menu$1, MenuItem } from "../overlay/Menu.js";
+import { Popover } from "../overlay/Popover.js";
+import { TextField } from "../input/TextField.js";
+import { Fragment, createVNode, mergeProps, ref } from "vue";
+import { _component, readonlyProp } from "@zerodep-dev/vue-tsx-pro-tsx";
+import * as css from "@zerodep-dev/vue-tsx-pro-tsx/styles";
+import { EllipsisVertical, Funnel } from "@lucide/icons";
+//#region src/table/ColumnHeaderActions.tsx
+/**
+* 列标题上的两个小按钮：表头筛选（ColumnFilterButton，弹出勾选的值或关键字）与列菜单（ColumnMenuButton：排序、固定、移动、隐藏）。
+* DataTableView 在列定义写了 filter、或表格开了 columnMenu 时放进列标题；状态都在外层（DataTable），这里只管画与报告。
+*/
+/** 选项多于这么多时，筛选里多一个搜索框 */
+var SEARCH_THRESHOLD = 8;
+/** ColumnHeaderActions 的样式：trigger、active、panel、options、footer */
+var columnHeaderActionStyles = css.create({
+	trigger: {
+		flexShrink: 0,
+		marginBlock: "-0.25em"
+	},
+	active: { color: "_accentText" },
+	panel: {
+		display: "flex",
+		flexDirection: "column",
+		gap: "_sm",
+		minWidth: "12rem"
+	},
+	options: {
+		display: "flex",
+		flexDirection: "column",
+		gap: "_xs",
+		maxHeight: "16rem",
+		overflowY: "auto",
+		fontWeight: "_normal",
+		color: "_text"
+	},
+	footer: {
+		display: "flex",
+		justifyContent: "flex-end"
+	}
+});
+/** 表头筛选按钮的属性 */
+/** 表头筛选：漏斗按钮，弹出勾选的值（多时可以搜索）或关键字输入框；改了立即生效 */
+var ColumnFilterButton = /*#__PURE__*/ _component((_props, _ctx) => {
+	const _cache = [];
+	const label = readonlyProp(_props, "label");
+	const options = readonlyProp(_props, "options");
+	const values = readonlyProp(_props, "values");
+	const onChange = readonlyProp(_props, "onChange");
+	const propsTrigger = readonlyProp(_props, "propsTrigger");
+	const lang = useLang();
+	const matcher = useTextMatcher();
+	let search = ref("");
+	const shown = () => {
+		if (options.value === "text" || !search.value) return options.value === "text" ? [] : options.value;
+		const match = matcher();
+		return options.value.filter((option) => match(plainText(option.label) ?? option.value, search.value));
+	};
+	function toggle(value, checked) {
+		onChange.value(checked ? [...values.value, value] : values.value.filter((item) => item !== value));
+	}
+	function renderOptions() {
+		if (options.value === "text") return createVNode(TextField, {
+			"_value": values.value[0] ?? "",
+			"onUpdate:_value": _cache[0] || (_cache[0] = (text) => onChange.value(text ? [text] : [])),
+			"aria-label": lang.tableFilterSearch,
+			"placeholder": lang.tableFilterSearch,
+			"clearable": true,
+			"autofocus": true,
+			"size": "sm"
+		}, null);
+		return createVNode(Fragment, null, [options.value.length > SEARCH_THRESHOLD && createVNode(TextField, {
+			"_value": search.value,
+			"onUpdate:_value": _cache[1] || (_cache[1] = (text) => search.value = text),
+			"aria-label": lang.tableFilterSearch,
+			"placeholder": lang.tableFilterSearch,
+			"clearable": true,
+			"size": "sm"
+		}, null), createVNode("div", mergeProps(css.attrs(columnHeaderActionStyles.options), {
+			"role": "group",
+			"aria-label": label.value
+		}), [shown().map((option) => createVNode(Checkbox, {
+			"key": option.value,
+			"_checked": values.value.includes(option.value),
+			"onUpdate:_checked": (checked) => toggle(option.value, checked)
+		}, { default: () => [option.label ?? option.value] }))])]);
+	}
+	return () => {
+		const active = values.value.length > 0;
+		return createVNode(Popover, {
+			"placement": "bottom-end",
+			"aria-label": lang.tableFilterColumn(label.value, false),
+			"trigger": (props) => createVNode(IconButton, mergePartProps({
+				icon: Funnel,
+				size: "xs",
+				variant: "ghost",
+				tone: "neutral",
+				sx: [columnHeaderActionStyles.trigger, active && columnHeaderActionStyles.active],
+				"aria-label": lang.tableFilterColumn(label.value, active)
+			}, propsTrigger.value, props), null)
+		}, { default: () => [createVNode("div", css.attrs(columnHeaderActionStyles.panel), [renderOptions(), createVNode("div", css.attrs(columnHeaderActionStyles.footer), [createVNode(Button, {
+			"size": "sm",
+			"variant": "ghost",
+			"disabled": !active,
+			"onClick": _cache[2] || (_cache[2] = () => onChange.value([])),
+			"key": "__site0"
+		}, {
+			default: () => [lang.tableFilterClear],
+			$stable: true
+		})])])] });
+	};
+}, {
+	name: "ColumnFilterButton",
+	props: [
+		"label",
+		"options",
+		"values",
+		"onChange",
+		"propsTrigger"
+	]
+});
+/** 列菜单里的一项操作 */
+/** 列菜单按钮的属性 */
+/** 列菜单：⋮ 按钮，弹出排序、固定、移动、隐藏 */
+var ColumnMenuButton = /*#__PURE__*/ _component((_props2, _ctx2) => {
+	const _cache2 = [];
+	const label = readonlyProp(_props2, "label");
+	const sortable = readonlyProp(_props2, "sortable");
+	const sorted = readonlyProp(_props2, "sorted");
+	const pinned = readonlyProp(_props2, "pinned");
+	const canMove = readonlyProp(_props2, "canMove");
+	const canHide = readonlyProp(_props2, "canHide");
+	const onAction = readonlyProp(_props2, "onAction");
+	const propsTrigger = readonlyProp(_props2, "propsTrigger");
+	const lang = useLang();
+	return () => createVNode(Menu$1, {
+		"placement": "bottom-end",
+		"trigger": _cache2[0] || (_cache2[0] = (props) => createVNode(IconButton, mergePartProps({
+			icon: EllipsisVertical,
+			size: "xs",
+			variant: "ghost",
+			tone: "neutral",
+			sx: columnHeaderActionStyles.trigger,
+			"aria-label": lang.tableColumnMenu(label.value)
+		}, propsTrigger.value, props), null)),
+		"key": "__site10"
+	}, {
+		default: () => [
+			sortable.value && createVNode(Fragment, null, [
+				createVNode(MenuItem, {
+					"disabled": sorted.value === "ascending",
+					"onAction": _cache2[1] || (_cache2[1] = () => onAction.value("sortAscending")),
+					"key": "__site1"
+				}, {
+					default: () => [lang.tableSortAscending],
+					$stable: true
+				}),
+				createVNode(MenuItem, {
+					"disabled": sorted.value === "descending",
+					"onAction": _cache2[2] || (_cache2[2] = () => onAction.value("sortDescending")),
+					"key": "__site2"
+				}, {
+					default: () => [lang.tableSortDescending],
+					$stable: true
+				}),
+				sorted.value && createVNode(MenuItem, {
+					"onAction": _cache2[3] || (_cache2[3] = () => onAction.value("unsort")),
+					"key": "__site3"
+				}, {
+					default: () => [lang.tableSortClear],
+					$stable: true
+				}),
+				createVNode(Separator, { "decorative": false }, null)
+			]),
+			pinned.value !== "start" && createVNode(MenuItem, {
+				"onAction": _cache2[4] || (_cache2[4] = () => onAction.value("pinStart")),
+				"key": "__site4"
+			}, {
+				default: () => [lang.tablePinStart],
+				$stable: true
+			}),
+			pinned.value !== "end" && createVNode(MenuItem, {
+				"onAction": _cache2[5] || (_cache2[5] = () => onAction.value("pinEnd")),
+				"key": "__site5"
+			}, {
+				default: () => [lang.tablePinEnd],
+				$stable: true
+			}),
+			pinned.value && createVNode(MenuItem, {
+				"onAction": _cache2[6] || (_cache2[6] = () => onAction.value("unpin")),
+				"key": "__site6"
+			}, {
+				default: () => [lang.tableUnpin],
+				$stable: true
+			}),
+			createVNode(Separator, { "decorative": false }, null),
+			createVNode(MenuItem, {
+				"disabled": !canMove.value.backward,
+				"onAction": _cache2[7] || (_cache2[7] = () => onAction.value("moveBackward")),
+				"key": "__site7"
+			}, {
+				default: () => [lang.tableMoveBackward],
+				$stable: true
+			}),
+			createVNode(MenuItem, {
+				"disabled": !canMove.value.forward,
+				"onAction": _cache2[8] || (_cache2[8] = () => onAction.value("moveForward")),
+				"key": "__site8"
+			}, {
+				default: () => [lang.tableMoveForward],
+				$stable: true
+			}),
+			createVNode(MenuItem, {
+				"disabled": !canHide.value,
+				"onAction": _cache2[9] || (_cache2[9] = () => onAction.value("hide")),
+				"key": "__site9"
+			}, {
+				default: () => [lang.tableHideColumn],
+				$stable: true
+			})
+		],
+		$stable: true
+	});
+}, {
+	name: "ColumnMenuButton",
+	props: [
+		"label",
+		"sortable",
+		"sorted",
+		"pinned",
+		"canMove",
+		"canHide",
+		"onAction",
+		"propsTrigger"
+	]
+});
+//#endregion
+export { ColumnFilterButton, ColumnMenuButton, columnHeaderActionStyles };
+
+//# sourceMappingURL=ColumnHeaderActions.js.map

package/dist/table/ColumnHeaderActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnHeaderActions.js","names":["_vtp_readonlyProp","_vue_ref","_createVNode","_Fragment","_mergeProps","Menu"],"sources":["../../src/table/ColumnHeaderActions.tsx"],"sourcesContent":["/**\n * 列标题上的两个小按钮：表头筛选（ColumnFilterButton，弹出勾选的值或关键字）与列菜单（ColumnMenuButton：排序、固定、移动、隐藏）。\n * DataTableView 在列定义写了 filter、或表格开了 columnMenu 时放进列标题；状态都在外层（DataTable），这里只管画与报告。\n */\nimport { EllipsisVertical, Funnel } from '@lucide/icons';\nimport { _component } from '@zerodep-dev/vue-tsx-pro-tsx';\nimport * as css from '@zerodep-dev/vue-tsx-pro-tsx/styles';\nimport type { VNodeChild } from 'vue';\nimport { Button } from '../base/Button';\nimport { IconButton, type IconButtonProps } from '../base/IconButton';\nimport { useLang, useTextMatcher } from '../config/context';\nimport { Checkbox } from '../input/Checkbox';\nimport { TextField } from '../input/TextField';\nimport { Separator } from '../layout/Separator';\nimport { Menu, MenuItem } from '../overlay/Menu';\nimport { Popover } from '../overlay/Popover';\nimport { plainText } from '../utils/data/text';\nimport { mergePartProps } from '../utils/props';\nimport type { ColumnFilterOption, ColumnStickies, SortState } from './columns';\n\n/** 选项多于这么多时，筛选里多一个搜索框 */\nconst SEARCH_THRESHOLD = 8;\n\n/** ColumnHeaderActions 的样式：trigger、active、panel、options、footer */\nexport const columnHeaderActionStyles = css.create({\n  // 比正文小一档，不撑高表头\n  trigger: { flexShrink: 0, marginBlock: '-0.25em' },\n  active: { color: '_accentText' },\n  panel: { display: 'flex', flexDirection: 'column', gap: '_sm', minWidth: '12rem' },\n  options: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: '_xs',\n    maxHeight: '16rem',\n    overflowY: 'auto',\n    fontWeight: '_normal',\n    color: '_text',\n  },\n  footer: { display: 'flex', justifyContent: 'flex-end' },\n});\n\n/** 表头筛选按钮的属性 */\nexport interface ColumnFilterButtonProps {\n  /** 列标题的文字：按钮的名称 */\n  label: string;\n  /** 可以勾选的值；关键字筛选时为 'text' */\n  options: readonly ColumnFilterOption[] | 'text';\n  /** 选中的值（关键字筛选时是 [关键字]） */\n  values: readonly string[];\n  /** 改了筛选 */\n  onChange: (values: string[]) => void;\n  /** 按钮的部件属性 */\n  propsTrigger?: Partial<IconButtonProps>;\n}\n\n/** 表头筛选：漏斗按钮，弹出勾选的值（多时可以搜索）或关键字输入框；改了立即生效 */\nexport const ColumnFilterButton = _component(\n  ({ label, options, values, onChange, propsTrigger }: ColumnFilterButtonProps) => {\n    const lang = useLang();\n    const matcher = useTextMatcher();\n    let search = _state('');\n\n    const shown = () => {\n      if (options === 'text' || !search) return options === 'text' ? [] : options;\n      const match = matcher();\n      return options.filter((option) => match(plainText(option.label) ?? option.value, search));\n    };\n\n    function toggle(value: string, checked: boolean) {\n      onChange(checked ? [...values, value] : values.filter((item) => item !== value));\n    }\n\n    function renderOptions(): VNodeChild {\n      if (options === 'text')\n        return (\n          <TextField\n            _value={values[0] ?? ''}\n            onUpdate:_value={(text: string) => onChange(text ? [text] : [])}\n            aria-label={lang.tableFilterSearch}\n            placeholder={lang.tableFilterSearch}\n            clearable\n            autofocus\n            size=\"sm\"\n          />\n        );\n      return (\n        <>\n          {options.length > SEARCH_THRESHOLD && (\n            <TextField\n              _value={search}\n              onUpdate:_value={(text: string) => (search = text)}\n              aria-label={lang.tableFilterSearch}\n              placeholder={lang.tableFilterSearch}\n              clearable\n              size=\"sm\"\n            />\n          )}\n          <div {...css.attrs(columnHeaderActionStyles.options)} role=\"group\" aria-label={label}>\n            {shown().map((option) => (\n              <Checkbox\n                key={option.value}\n                _checked={values.includes(option.value)}\n                onUpdate:_checked={(checked: boolean) => toggle(option.value, checked)}\n              >\n                {option.label ?? option.value}\n              </Checkbox>\n            ))}\n          </div>\n        </>\n      );\n    }\n\n    return () => {\n      const active = values.length > 0;\n      return (\n        <Popover\n          placement=\"bottom-end\"\n          aria-label={lang.tableFilterColumn(label, false)}\n          trigger={(props) => (\n            <IconButton\n              {...mergePartProps<IconButtonProps>(\n                {\n                  icon: Funnel,\n                  size: 'xs',\n                  variant: 'ghost',\n                  tone: 'neutral',\n                  sx: [columnHeaderActionStyles.trigger, active && columnHeaderActionStyles.active],\n                  'aria-label': lang.tableFilterColumn(label, active),\n                },\n                propsTrigger,\n                props,\n              )}\n            />\n          )}\n        >\n          <div {...css.attrs(columnHeaderActionStyles.panel)}>\n            {renderOptions()}\n            <div {...css.attrs(columnHeaderActionStyles.footer)}>\n              <Button size=\"sm\" variant=\"ghost\" disabled={!active} onClick={() => onChange([])}>\n                {lang.tableFilterClear}\n              </Button>\n            </div>\n          </div>\n        </Popover>\n      );\n    };\n  },\n);\n\n/** 列菜单里的一项操作 */\nexport interface ColumnMenuActions {\n  /** 按这一列升序 */\n  sortAscending: unknown;\n  /** 按这一列降序 */\n  sortDescending: unknown;\n  /** 取消这一列的排序 */\n  unsort: unknown;\n  /** 固定在开头 */\n  pinStart: unknown;\n  /** 固定在结尾 */\n  pinEnd: unknown;\n  /** 取消固定 */\n  unpin: unknown;\n  /** 往前移一列 */\n  moveBackward: unknown;\n  /** 往后移一列 */\n  moveForward: unknown;\n  /** 隐藏这一列 */\n  hide: unknown;\n}\n\n/** 列菜单按钮的属性 */\nexport interface ColumnMenuButtonProps {\n  /** 列标题的文字：按钮的名称 */\n  label: string;\n  /** 可以排序：菜单里有升序、降序 */\n  sortable: boolean;\n  /** 这一列当前的排序 */\n  sorted?: SortState['direction'];\n  /** 这一列当前固定在哪一侧 */\n  pinned?: keyof ColumnStickies;\n  /** 能不能往前、往后移（已经在头上、尾上时不能） */\n  canMove: { backward: boolean; forward: boolean };\n  /** 能不能隐藏（只剩一列时不能） */\n  canHide: boolean;\n  /** 选了一项 */\n  onAction: (action: keyof ColumnMenuActions) => void;\n  /** 按钮的部件属性 */\n  propsTrigger?: Partial<IconButtonProps>;\n}\n\n/** 列菜单：⋮ 按钮，弹出排序、固定、移动、隐藏 */\nexport const ColumnMenuButton = _component(\n  ({\n    label,\n    sortable,\n    sorted,\n    pinned,\n    canMove,\n    canHide,\n    onAction,\n    propsTrigger,\n  }: ColumnMenuButtonProps) => {\n    const lang = useLang();\n    return () => (\n      <Menu\n        placement=\"bottom-end\"\n        trigger={(props) => (\n          <IconButton\n            {...mergePartProps<IconButtonProps>(\n              {\n                icon: EllipsisVertical,\n                size: 'xs',\n                variant: 'ghost',\n                tone: 'neutral',\n                sx: columnHeaderActionStyles.trigger,\n                'aria-label': lang.tableColumnMenu(label),\n              },\n              propsTrigger,\n              props,\n            )}\n          />\n        )}\n      >\n        {sortable && (\n          <>\n            <MenuItem disabled={sorted === 'ascending'} onAction={() => onAction('sortAscending')}>\n              {lang.tableSortAscending}\n            </MenuItem>\n            <MenuItem\n              disabled={sorted === 'descending'}\n              onAction={() => onAction('sortDescending')}\n            >\n              {lang.tableSortDescending}\n            </MenuItem>\n            {sorted && (\n              <MenuItem onAction={() => onAction('unsort')}>{lang.tableSortClear}</MenuItem>\n            )}\n            <Separator decorative={false} />\n          </>\n        )}\n        {pinned !== 'start' && (\n          <MenuItem onAction={() => onAction('pinStart')}>{lang.tablePinStart}</MenuItem>\n        )}\n        {pinned !== 'end' && (\n          <MenuItem onAction={() => onAction('pinEnd')}>{lang.tablePinEnd}</MenuItem>\n        )}\n        {pinned && <MenuItem onAction={() => onAction('unpin')}>{lang.tableUnpin}</MenuItem>}\n        <Separator decorative={false} />\n        <MenuItem disabled={!canMove.backward} onAction={() => onAction('moveBackward')}>\n          {lang.tableMoveBackward}\n        </MenuItem>\n        <MenuItem disabled={!canMove.forward} onAction={() => onAction('moveForward')}>\n          {lang.tableMoveForward}\n        </MenuItem>\n        <MenuItem disabled={!canHide} onAction={() => onAction('hide')}>\n          {lang.tableHideColumn}\n        </MenuItem>\n      </Menu>\n    );\n  },\n);\n"],"mappings":"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"}

package/dist/table/ColumnResizer.d.ts

@@ -0,0 +1,12 @@
+import { type ResizeHandleManaged, type ResizeHandleProps } from '../layout/ResizeHandle';
+/** 分隔条的角色、可聚焦、名称与取值由组件管理 */
+export type ColumnResizerManaged = ResizeHandleManaged | 'aria-label';
+/** 未声明的属性落到手柄（span）上 */
+export interface ColumnResizerProps extends Omit<ResizeHandleProps, 'aria-label'> {
+    /** 列名：手柄的无障碍名称取语言包（调整“列名”的列宽） */
+    label: string;
+    /** 拖动或用键盘调整了宽度 */
+    onWidthChange: (width: number) => void;
+}
+/** 列宽调整手柄：拖动或用 ← / → 调整所在列的宽度 */
+export declare const ColumnResizer: import("@zerodep-dev/vue-tsx-pro-tsx").TsxComponent<ColumnResizerProps>;

package/dist/table/ColumnResizer.js

@@ -0,0 +1,32 @@
+import { useLang } from "../config/context.js";
+import { ResizeHandle } from "../layout/ResizeHandle.js";
+import "./columns.js";
+import { createVNode, mergeProps } from "vue";
+import { _component, readonlyProp, restProps } from "@zerodep-dev/vue-tsx-pro-tsx";
+//#region src/table/ColumnResizer.tsx
+/** 分隔条的角色、可聚焦、名称与取值由组件管理 */
+/** 未声明的属性落到手柄（span）上 */
+/** 列宽调整手柄：拖动或用 ← / → 调整所在列的宽度 */
+var ColumnResizer = /*#__PURE__*/ _component((_props, _ctx) => {
+	const label = readonlyProp(_props, "label");
+	const minWidth = readonlyProp(_props, "minWidth", () => 64);
+	const onWidthChange = readonlyProp(_props, "onWidthChange");
+	const rest = restProps(_props, _ctx, true);
+	const lang = useLang();
+	return () => createVNode(ResizeHandle, mergeProps(rest, {
+		"minWidth": minWidth.value,
+		"onWidthChange": onWidthChange.value,
+		"aria-label": lang.tableResizeColumn(label.value)
+	}), null);
+}, {
+	name: "ColumnResizer",
+	props: [
+		"label",
+		"minWidth",
+		"onWidthChange"
+	]
+});
+//#endregion
+export { ColumnResizer };
+
+//# sourceMappingURL=ColumnResizer.js.map

package/dist/table/ColumnResizer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnResizer.js","names":["_vtp_readonlyProp","_vtp_restProps","_createVNode","_mergeProps"],"sources":["../../src/table/ColumnResizer.tsx"],"sourcesContent":["/**\n * 列宽调整手柄：表头单元格结束边的 ResizeHandle，名称取语言包（调整“列名”的列宽），最小宽度默认 COLUMN_MIN_WIDTH。\n * 宽度从所在单元格量起，所以要放在 th 里；DataTableView 的可调整列都用它。\n *\n *   <th>…<ColumnResizer label=\"金额\" width={widths.amount} onWidthChange={(px) => …} /></th>\n */\nimport { _component } from '@zerodep-dev/vue-tsx-pro-tsx';\nimport { useLang } from '../config/context';\nimport {\n  ResizeHandle,\n  type ResizeHandleManaged,\n  type ResizeHandleProps,\n} from '../layout/ResizeHandle';\nimport { COLUMN_MIN_WIDTH } from './columns';\n\n/** 分隔条的角色、可聚焦、名称与取值由组件管理 */\nexport type ColumnResizerManaged = ResizeHandleManaged | 'aria-label';\n\n/** 未声明的属性落到手柄（span）上 */\nexport interface ColumnResizerProps extends Omit<ResizeHandleProps, 'aria-label'> {\n  /** 列名：手柄的无障碍名称取语言包（调整“列名”的列宽） */\n  label: string;\n  /** 拖动或用键盘调整了宽度 */\n  onWidthChange: (width: number) => void;\n}\n\n/** 列宽调整手柄：拖动或用 ← / → 调整所在列的宽度 */\nexport const ColumnResizer = _component(\n  ({ label, minWidth = COLUMN_MIN_WIDTH, onWidthChange, ...rest }: ColumnResizerProps) => {\n    const lang = useLang();\n    return () => (\n      <ResizeHandle\n        {...rest}\n        minWidth={minWidth}\n        onWidthChange={onWidthChange}\n        aria-label={lang.tableResizeColumn(label)}\n      />\n    );\n  },\n);\n"],"mappings":";;;;;;;;;AA2BA,IAAa,gBAAgB,0BAC3B,QAAA,SAAwF;CAAA,MAAA,QAAAA,aAAA,QAAA,OAAA;CAAA,MAAA,WAAAA,aAAA,QAAA,kBAAA,EAAnD;CAAA,MAAA,gBAAAA,aAAA,QAAA,eAAA;CAAA,MAAoB,OAAIC,UAAA,QAAA,MAAA,IAAA;CAC3D,MAAM,OAAO,QAAQ;CACrB,aAAOC,YAAA,cAAAC,WAEC,MAAI;EAAA,YAAA,SAAA;EAAA,iBAAA,cAAA;EAAA,cAGI,KAAK,kBAAiB,MAAA,KAAM;CAAC,CAAA,GAAA,IAAA;AAG/C,GAAC;CAAA,MAAA;CAAA,OAAA;EAAA;EAAA;EAAA;CAAA;AAAA,CACH"}

package/dist/table/ColumnSettings.d.ts

@@ -0,0 +1,34 @@
+import * as css from '@zerodep-dev/vue-tsx-pro-tsx/styles';
+import { type ButtonProps } from '../base/Button';
+import { type IconButtonProps } from '../base/IconButton';
+import { type SortableProps } from '../display/Sortable';
+import { type PopoverProps } from '../overlay/Popover';
+import { type DataTableColumn } from './columns';
+/** ColumnSettings 的属性 */
+export interface ColumnSettingsProps<T> {
+    /** 全部的列（列定义的顺序） */
+    columns: readonly DataTableColumn<T>[];
+    /** 隐藏的列的 key：父级写 _hidden={x}，与 DataTable 的 hiddenColumns 绑同一个状态 */
+    _hidden?: string[];
+    /** 列的顺序：父级写 _order={x}，与 DataTable 的 columnOrder 绑同一个状态 */
+    _order?: string[];
+    /** 点了“重置”：显示与顺序回到列定义；要连列宽、固定一起还原时在这里清掉 */
+    onReset?: () => void;
+    /** 触发按钮的部件属性 */
+    propsTrigger?: Partial<IconButtonProps>;
+    /** 弹出层（Popover）的部件属性 */
+    propsPanel?: Partial<PopoverProps>;
+    /** 列表（Sortable）的部件属性 */
+    propsList?: Partial<SortableProps<DataTableColumn<T>>>;
+    /** “重置”按钮的部件属性 */
+    propsReset?: Partial<ButtonProps>;
+}
+/** ColumnSettings 的样式：panel、list、header */
+export declare const columnSettingsStyles: Readonly<{
+    header: css.CompiledStyles;
+    list: css.CompiledStyles;
+    panel: css.CompiledStyles;
+    title: css.CompiledStyles;
+}>;
+/** 列设置：勾选显示、拖动排序、重置 */
+export declare const ColumnSettings: <T>(props: ColumnSettingsProps<T>) => import("@zerodep-dev/vue-tsx-pro-tsx").TsxNode;

package/dist/table/ColumnSettings.js

@@ -0,0 +1,136 @@
+import { useLang } from "../config/context.js";
+import { mergePartProps } from "../utils/props.js";
+import { Button } from "../base/Button.js";
+import { IconButton } from "../base/IconButton.js";
+import { plainText } from "../utils/data/text.js";
+import { arrangeColumns } from "./columns.js";
+import { Sortable } from "../display/Sortable.js";
+import { Checkbox } from "../input/Checkbox.js";
+import { Popover } from "../overlay/Popover.js";
+import { createVNode, isVNode, mergeProps } from "vue";
+import { _component, bindable, readonlyProp } from "@zerodep-dev/vue-tsx-pro-tsx";
+import * as css from "@zerodep-dev/vue-tsx-pro-tsx/styles";
+import { Columns3 } from "@lucide/icons";
+//#region src/table/ColumnSettings.tsx
+/**
+* 列设置：表格工具栏上的按钮，弹出全部的列——勾选显示哪些、拖动（或聚焦把手后用键盘）调整顺序，“重置”回到列定义。
+* 写回的 hidden、order 与 DataTable 的 hiddenColumns、columnOrder 是同一份，两边双向绑定同一个状态即可。
+*
+*   <ColumnSettings columns={columns} _hidden={hidden} _order={order} />
+*   <DataTable columns={columns} _hiddenColumns={hidden} _columnOrder={order} … />
+*
+* 只剩一列可见时不能再隐藏。部件：Trigger（IconButton）、Panel（Popover 的弹出层）、List（Sortable）、Reset（Button）。
+*/
+/** ColumnSettings 的属性 */
+function _isSlot(s) {
+	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+/** ColumnSettings 的样式：panel、list、header */
+var columnSettingsStyles = css.create({
+	panel: {
+		display: "flex",
+		flexDirection: "column",
+		gap: "_sm",
+		minWidth: "14rem"
+	},
+	list: {
+		maxHeight: "20rem",
+		overflowY: "auto"
+	},
+	header: {
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "space-between",
+		gap: "_md"
+	},
+	title: {
+		fontWeight: "_semibold",
+		fontSize: "_sm"
+	}
+});
+/** 列设置：勾选显示、拖动排序、重置 */
+var ColumnSettings = /*#__PURE__*/ _component((_props, _ctx) => {
+	const _cache = [];
+	const columns = readonlyProp(_props, "columns");
+	const hidden = bindable(_props, "_hidden", () => [], _ctx.emit);
+	const order = bindable(_props, "_order", () => [], _ctx.emit);
+	const onReset = readonlyProp(_props, "onReset");
+	const propsTrigger = readonlyProp(_props, "propsTrigger");
+	const propsPanel = readonlyProp(_props, "propsPanel");
+	const propsList = readonlyProp(_props, "propsList");
+	const propsReset = readonlyProp(_props, "propsReset");
+	const lang = useLang();
+	const labelOf = (column) => plainText(column.header) ?? column.key;
+	const arranged = () => arrangeColumns(columns.value, order.value, void 0);
+	const visibleCount = () => columns.value.length - hidden.value.length;
+	function toggle(key, visible) {
+		hidden.value = visible ? hidden.value.filter((item) => item !== key) : [...hidden.value, key];
+	}
+	function reset() {
+		hidden.value = [];
+		order.value = [];
+		onReset.value?.();
+	}
+	return () => createVNode(Popover, mergeProps(mergePartProps({
+		placement: "bottom-end",
+		"aria-label": lang.tableColumnSettings
+	}, propsPanel.value), {
+		"trigger": _cache[0] || (_cache[0] = (props) => createVNode(IconButton, mergePartProps({
+			icon: Columns3,
+			variant: "ghost",
+			tone: "neutral",
+			"aria-label": lang.tableColumnSettings
+		}, propsTrigger.value, props), null)),
+		"key": "__site2"
+	}), {
+		default: () => [createVNode("div", css.attrs(columnSettingsStyles.panel), [createVNode("div", css.attrs(columnSettingsStyles.header), [createVNode("span", css.attrs(columnSettingsStyles.title), [lang.tableColumnSettings]), createVNode(Button, mergeProps(mergePartProps({
+			size: "sm",
+			variant: "ghost"
+		}, propsReset.value, {
+			disabled: hidden.value.length === 0 && order.value.length === 0,
+			onClick: reset
+		}), { "key": "__site0" }), {
+			default: () => [lang.tableColumnSettingsReset],
+			$stable: true
+		})]), createVNode(Sortable, mergeProps(mergePartProps({
+			sx: columnSettingsStyles.list,
+			"aria-label": lang.tableColumnSettings
+		}, propsList.value), {
+			"_items": arranged(),
+			"onUpdate:_items": _cache[1] || (_cache[1] = (next) => order.value = next.map((column) => column.key)),
+			"getKey": _cache[2] || (_cache[2] = (column) => column.key),
+			"getLabel": labelOf,
+			"key": "__site1"
+		}), {
+			default: (column) => {
+				let _slot;
+				const visible = !hidden.value.includes(column.key);
+				return createVNode(Checkbox, {
+					"_checked": visible,
+					"disabled": visible && visibleCount() <= 1,
+					"onUpdate:_checked": (checked) => toggle(column.key, checked)
+				}, _isSlot(_slot = labelOf(column)) ? _slot : { default: () => [_slot] });
+			},
+			$stable: true
+		})])],
+		$stable: true
+	});
+}, {
+	name: "ColumnSettings",
+	props: [
+		"columns",
+		"_hidden",
+		"onUpdate:_hidden",
+		"_order",
+		"onUpdate:_order",
+		"onReset",
+		"propsTrigger",
+		"propsPanel",
+		"propsList",
+		"propsReset"
+	]
+});
+//#endregion
+export { ColumnSettings, columnSettingsStyles };
+
+//# sourceMappingURL=ColumnSettings.js.map

package/dist/table/ColumnSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnSettings.js","names":["_isVNode","_vtp_readonlyProp","_vtp_bindable","_createVNode","_mergeProps"],"sources":["../../src/table/ColumnSettings.tsx"],"sourcesContent":["/**\n * 列设置：表格工具栏上的按钮，弹出全部的列——勾选显示哪些、拖动（或聚焦把手后用键盘）调整顺序，“重置”回到列定义。\n * 写回的 hidden、order 与 DataTable 的 hiddenColumns、columnOrder 是同一份，两边双向绑定同一个状态即可。\n *\n *   <ColumnSettings columns={columns} _hidden={hidden} _order={order} />\n *   <DataTable columns={columns} _hiddenColumns={hidden} _columnOrder={order} … />\n *\n * 只剩一列可见时不能再隐藏。部件：Trigger（IconButton）、Panel（Popover 的弹出层）、List（Sortable）、Reset（Button）。\n */\nimport { Columns3 } from '@lucide/icons';\nimport { _component } from '@zerodep-dev/vue-tsx-pro-tsx';\nimport * as css from '@zerodep-dev/vue-tsx-pro-tsx/styles';\nimport { Button, type ButtonProps } from '../base/Button';\nimport { IconButton, type IconButtonProps } from '../base/IconButton';\nimport { useLang } from '../config/context';\nimport { Sortable, type SortableProps } from '../display/Sortable';\nimport { Checkbox } from '../input/Checkbox';\nimport { Popover, type PopoverProps } from '../overlay/Popover';\nimport { plainText } from '../utils/data/text';\nimport { mergePartProps } from '../utils/props';\nimport { arrangeColumns, type DataTableColumn } from './columns';\n\n/** ColumnSettings 的属性 */\nexport interface ColumnSettingsProps<T> {\n  /** 全部的列（列定义的顺序） */\n  columns: readonly DataTableColumn<T>[];\n  /** 隐藏的列的 key：父级写 _hidden={x}，与 DataTable 的 hiddenColumns 绑同一个状态 */\n  _hidden?: string[];\n  /** 列的顺序：父级写 _order={x}，与 DataTable 的 columnOrder 绑同一个状态 */\n  _order?: string[];\n  /** 点了“重置”：显示与顺序回到列定义；要连列宽、固定一起还原时在这里清掉 */\n  onReset?: () => void;\n  /** 触发按钮的部件属性 */\n  propsTrigger?: Partial<IconButtonProps>;\n  /** 弹出层（Popover）的部件属性 */\n  propsPanel?: Partial<PopoverProps>;\n  /** 列表（Sortable）的部件属性 */\n  propsList?: Partial<SortableProps<DataTableColumn<T>>>;\n  /** “重置”按钮的部件属性 */\n  propsReset?: Partial<ButtonProps>;\n}\n\n/** ColumnSettings 的样式：panel、list、header */\nexport const columnSettingsStyles = css.create({\n  panel: { display: 'flex', flexDirection: 'column', gap: '_sm', minWidth: '14rem' },\n  list: { maxHeight: '20rem', overflowY: 'auto' },\n  header: { display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: '_md' },\n  title: { fontWeight: '_semibold', fontSize: '_sm' },\n});\n\n/** 列设置：勾选显示、拖动排序、重置 */\nexport const ColumnSettings = _component(\n  <T,>({\n    columns,\n    _hidden: hidden = _bindable<string[]>([]),\n    _order: order = _bindable<string[]>([]),\n    onReset,\n    propsTrigger,\n    propsPanel,\n    propsList,\n    propsReset,\n  }: ColumnSettingsProps<T>) => {\n    const lang = useLang();\n    const labelOf = (column: DataTableColumn<T>) => plainText(column.header) ?? column.key;\n    // 按当前顺序列出（固定列照常在两头）\n    const arranged = () => arrangeColumns(columns, order, undefined);\n    const visibleCount = () => columns.length - hidden.length;\n\n    function toggle(key: string, visible: boolean) {\n      hidden = visible ? hidden.filter((item) => item !== key) : [...hidden, key];\n    }\n\n    function reset() {\n      hidden = [];\n      order = [];\n      onReset?.();\n    }\n\n    return () => (\n      <Popover\n        {...mergePartProps<Partial<PopoverProps>>(\n          { placement: 'bottom-end', 'aria-label': lang.tableColumnSettings },\n          propsPanel,\n        )}\n        trigger={(props) => (\n          <IconButton\n            {...mergePartProps<IconButtonProps>(\n              {\n                icon: Columns3,\n                variant: 'ghost',\n                tone: 'neutral',\n                'aria-label': lang.tableColumnSettings,\n              },\n              propsTrigger,\n              props,\n            )}\n          />\n        )}\n      >\n        <div {...css.attrs(columnSettingsStyles.panel)}>\n          <div {...css.attrs(columnSettingsStyles.header)}>\n            <span {...css.attrs(columnSettingsStyles.title)}>{lang.tableColumnSettings}</span>\n            <Button\n              {...mergePartProps<ButtonProps>({ size: 'sm', variant: 'ghost' }, propsReset, {\n                disabled: hidden.length === 0 && order.length === 0,\n                onClick: reset,\n              })}\n            >\n              {lang.tableColumnSettingsReset}\n            </Button>\n          </div>\n          <Sortable\n            {...mergePartProps<Partial<SortableProps<DataTableColumn<T>>>>(\n              { sx: columnSettingsStyles.list, 'aria-label': lang.tableColumnSettings },\n              propsList,\n            )}\n            _items={arranged()}\n            onUpdate:_items={(next: DataTableColumn<T>[]) =>\n              (order = next.map((column) => column.key))\n            }\n            getKey={(column) => column.key}\n            getLabel={labelOf}\n          >\n            {(column) => {\n              const visible = !hidden.includes(column.key);\n              return (\n                <Checkbox\n                  _checked={visible}\n                  // 只剩这一列可见时不能再隐藏\n                  disabled={visible && visibleCount() <= 1}\n                  onUpdate:_checked={(checked: boolean) => toggle(column.key, checked)}\n                >\n                  {labelOf(column)}\n                </Checkbox>\n              );\n            }}\n          </Sortable>\n        </div>\n      </Popover>\n    );\n  },\n);\n"],"mappings":"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"}