rayyy-vue-table-components
Version:
Vue 3 + Element Plus 表格組件庫
84 lines (83 loc) • 2.42 kB
TypeScript
export declare const NAVIGATION_ITEMS: readonly [{
readonly id: "transfer-dialog";
readonly title: "TransferDialog 示範";
readonly description: "表格列配置功能";
readonly icon: "⚙️";
readonly section: "transfer-demo";
}, {
readonly id: "sort-table";
readonly title: "排序表格示範";
readonly description: "排序和選擇功能";
readonly icon: "📊";
readonly section: "sort-table-demo";
}, {
readonly id: "search-bar";
readonly title: "搜尋欄示範";
readonly description: "搜尋和篩選功能";
readonly icon: "🔍";
readonly section: "search-bar-demo";
}, {
readonly id: "buttons-dialogs";
readonly title: "按鈕和對話框示範";
readonly description: "基礎組件展示";
readonly icon: "🎯";
readonly section: "buttons-dialogs-demo";
}];
export declare const DEMO_CONSTANTS: {
readonly LOADING_DURATION: 2000;
readonly STATUS_CONFIG: {
readonly active: {
readonly icon: "●";
readonly text: "啟用";
readonly class: "text-green-500 text-lg";
};
readonly inactive: {
readonly icon: "●";
readonly text: "停用";
readonly class: "text-red-500 text-lg";
};
readonly pending: {
readonly icon: "○";
readonly text: "待處理";
readonly class: "text-yellow-500 text-lg";
};
};
};
export type UserStatus = 'active' | 'inactive' | 'pending';
export interface User extends Record<string, unknown> {
id: number;
name: string;
email: string;
age: number;
department: string;
salary: number;
status: UserStatus;
joinDate: string;
}
export declare const DEMO_USER_DATA: User[];
export declare const DEPARTMENT_OPTIONS: readonly [{
readonly label: "全部";
readonly value: "";
}, {
readonly label: "工程部";
readonly value: "engineering";
}, {
readonly label: "設計部";
readonly value: "design";
}, {
readonly label: "行銷部";
readonly value: "marketing";
}];
export declare const STATUS_OPTIONS: readonly [{
readonly label: "全部";
readonly value: "";
}, {
readonly label: "啟用";
readonly value: "active";
}, {
readonly label: "停用";
readonly value: "inactive";
}, {
readonly label: "待處理";
readonly value: "pending";
}];