rayyy-vue-table-components 1.2.17 → 1.2.19

package/dist/src/components/layout/MainPanel.vue.d.ts

@@ -0,0 +1,28 @@
+type __VLS_Props = {
+    title?: string;
+    showBack?: boolean | string | object;
+    depth?: number;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        searchBar?(_: {}): any;
+        main?(_: {}): any;
+        footer?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    title: string;
+    showBack: boolean | string | object;
+    depth: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/layout/SearchableListPanel.vue.d.ts

@@ -0,0 +1,40 @@
+import { Pager } from '../../types';
+type __VLS_Props = {
+    title: string;
+    pagination: Pager;
+    showBack?: boolean | string | object;
+    showSearch?: boolean;
+    showEdit?: boolean;
+    showFilter?: boolean;
+    showDefaultSearch?: boolean;
+    badgeValue?: number;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        firstButton?(_: {}): any;
+        customButton?(_: {}): any;
+        lastButton?(_: {}): any;
+        filterDrawBody?(_: {}): any;
+        main?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    search: (data: string | null) => any;
+    updatePage: (page: number) => any;
+    updatePageSize: (limit: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSearch?: ((data: string | null) => any) | undefined;
+    onUpdatePage?: ((page: number) => any) | undefined;
+    onUpdatePageSize?: ((limit: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/const/tableConst.d.ts

@@ -0,0 +1,83 @@
+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";
+}];

package/dist/src/index.d.ts

@@ -1,11 +1,11 @@
 import { App } from 'vue';
 import { default as BaseTable } from './components/tables/BaseTable.vue';
 import { default as BaseBtn } from './components/items/BaseBtn.vue';
-import { default as BaseInput } from './components/items/BaseInput.vue';
+import { default as BaseInput } from './components/form/BaseInput.vue';
 import { default as FilterBtn } from './components/items/FilterBtn.vue';
-import { default as BaseDialog } from './components/BaseDialog.vue';
+import { default as BaseDialog } from './components/items/BaseDialog.vue';
 import { default as SortTable } from './components/tables/SortTable.vue';
-import { default as SearchBar } from './components/SearchBar.vue';
+import { default as SearchBar } from './components/items/SearchBar.vue';
 export * from './types';
 export * from './utils/tableHelper';
 export * from './utils/tableStyles';

package/dist/src/router/constants.d.ts

@@ -2,11 +2,39 @@ export declare const ROUTES: {
     readonly ROOT: "/";
     readonly HOME: "/home";
     readonly DEMO: "/demo";
+    readonly SEARCHABLE_LIST_PANEL: "/demo/searchable-list-panel";
+    readonly BASE_MULTIPLE_INPUT: "/demo/base-multiple-input";
+    readonly TRANSFER_DIALOG: "/demo/transfer-dialog";
+    readonly BASE_TABLE: "/demo/base-table";
+    readonly BASE_BTN: "/demo/base-btn";
+    readonly BASE_INPUT: "/demo/base-input";
+    readonly FILTER_BTN: "/demo/filter-btn";
+    readonly BASE_DIALOG: "/demo/base-dialog";
+    readonly BASE_FORM: "/demo/base-form";
+    readonly SORT_TABLE: "/demo/sort-table";
+    readonly SEARCH_BAR: "/demo/search-bar";
+    readonly TRANSFER_ITEM: "/demo/transfer-item";
+    readonly FUNCTION_HEADER: "/demo/function-header";
+    readonly MAIN_PANEL: "/demo/main-panel";
     readonly NOT_FOUND: "/:catchAll(.*)";
 };
 export declare const ROUTE_NAMES: {
     readonly HOME_LAYOUT: "HomeLayout";
     readonly HOME: "Home";
     readonly DEMO: "Demo";
+    readonly SEARCHABLE_LIST_PANEL: "SearchableListPanel";
+    readonly BASE_MULTIPLE_INPUT: "BaseMultipleInput";
+    readonly TRANSFER_DIALOG: "TransferDialog";
+    readonly BASE_TABLE: "BaseTable";
+    readonly BASE_BTN: "BaseBtn";
+    readonly BASE_INPUT: "BaseInput";
+    readonly FILTER_BTN: "FilterBtn";
+    readonly BASE_DIALOG: "BaseDialog";
+    readonly BASE_FORM: "BaseForm";
+    readonly SORT_TABLE: "SortTable";
+    readonly SEARCH_BAR: "SearchBar";
+    readonly TRANSFER_ITEM: "TransferItem";
+    readonly FUNCTION_HEADER: "FunctionHeader";
+    readonly MAIN_PANEL: "MainPanel";
     readonly NOT_FOUND: "NotFoundPage";
 };

package/dist/src/types/OptionDto.d.ts

@@ -0,0 +1,7 @@
+/** Element Plus 選項格式 */
+export interface ElOptions {
+    /** 選項值 */
+    value: string | number | boolean;
+    /** 選項標籤 */
+    label: string;
+}

package/dist/src/types/components.d.ts

@@ -130,6 +130,92 @@ export interface BaseDialogInstance {
   $emit: BaseDialogEmits
 }
 
+// ==================== SearchableListPanel 組件類型 ====================
+
+/** SearchableListPanel 組件 Props 類型 */
+export interface SearchableListPanelProps {
+  /** 標題 */
+  title: string
+  /** 分頁資訊 */
+  pagination: import('./index').Pager
+  /** 是否顯示返回按鈕 */
+  showBack?: boolean | string | object
+  /** 是否顯示搜尋功能 */
+  showSearch?: boolean
+  /** 是否顯示編輯功能 */
+  showEdit?: boolean
+  /** 是否顯示篩選功能 */
+  showFilter?: boolean
+  /** 是否顯示預設搜尋 */
+  showDefaultSearch?: boolean
+  /** 測試屬性 */
+  dataCy?: string
+  /** 徽章數值 */
+  badgeValue?: number
+}
+
+/** SearchableListPanel 組件 Emits 類型 */
+export interface SearchableListPanelEmits {
+  /** 搜尋事件 */
+  (e: 'search', data: string | null): void
+  /** 更新頁面事件 */
+  (e: 'updatePage', page: number): boolean
+  /** 更新頁面大小事件 */
+  (e: 'updatePageSize', limit: number): boolean
+}
+
+/** SearchableListPanel 組件實例類型 */
+export interface SearchableListPanelInstance {
+  /** 組件 Props */
+  $props: SearchableListPanelProps
+  /** 組件 Emits */
+  $emit: SearchableListPanelEmits
+}
+
+/** SearchableListPanel 組件 Slots 類型 */
+export interface SearchableListPanelSlots {
+  /** 第一個按鈕 slot */
+  firstButton: () => VNode[]
+  /** 自定義按鈕 slot */
+  customButton: () => VNode[]
+  /** 最後一個按鈕 slot */
+  lastButton: () => VNode[]
+  /** 篩選抽屜內容 slot */
+  filterDrawBody: () => VNode[]
+  /** 主要內容 slot */
+  main: () => VNode[]
+}
+
+// ==================== BaseMultipleInput 組件類型 ====================
+
+/** BaseMultipleInput 組件 Props 類型 */
+export interface BaseMultipleInputProps {
+  /** 模型值（字符串數組） */
+  modelValue: string[]
+  /** 輸入框類型 */
+  type?: string
+  /** 驗證規則函數 */
+  validateRule?: (inputString: string) => boolean
+  /** 測試屬性 */
+  dataCy?: string
+}
+
+/** BaseMultipleInput 組件 Emits 類型 */
+export interface BaseMultipleInputEmits {
+  /** 更新模型值事件 */
+  (e: 'update:modelValue', val: string[]): void
+  /** 輸入錯誤事件 */
+  (e: 'inputError'): void
+}
+
+/** BaseMultipleInput 組件實例類型 */
+export interface BaseMultipleInputInstance {
+  /** 組件 Props */
+  $props: BaseMultipleInputProps
+  /** 組件 Emits */
+  $emit: BaseMultipleInputEmits
+}
+
 // ==================== 組件定義類型 ====================
 
 /** BaseTable 組件定義 */
@@ -177,6 +263,36 @@ export declare const BaseDialog: DefineComponent<
   install: (app: App) => void
 }
 
+/** SearchableListPanel 組件定義 */
+export declare const SearchableListPanel: DefineComponent<
+  SearchableListPanelProps,
+  {},
+  {},
+  {},
+  {},
+  {},
+  SearchableListPanelSlots,
+  SearchableListPanelEmits
+> & {
+  /** 安裝方法 */
+  install: (app: App) => void
+}
+
+/** BaseMultipleInput 組件定義 */
+export declare const BaseMultipleInput: DefineComponent<
+  BaseMultipleInputProps,
+  {},
+  {},
+  {},
+  {},
+  {},
+  {},
+  BaseMultipleInputEmits
+> & {
+  /** 安裝方法 */
+  install: (app: App) => void
+}
+
 // ==================== 插件類型 ====================
 
 /** 插件安裝選項 */
@@ -197,6 +313,10 @@ export interface VueTableComponentsPlugin {
   BaseBtn: typeof BaseBtn
   /** BaseDialog 組件 */
   BaseDialog: typeof BaseDialog
+  /** SearchableListPanel 組件 */
+  SearchableListPanel: typeof SearchableListPanel
+  /** BaseMultipleInput 組件 */
+  BaseMultipleInput: typeof BaseMultipleInput
 }
 
 // ==================== 全局類型擴展 ====================
@@ -206,5 +326,8 @@ declare module '@vue/runtime-core' {
     BaseTable: typeof BaseTable
     BaseBtn: typeof BaseBtn
     BaseDialog: typeof BaseDialog
+    FilterBtn: typeof FilterBtn
+    SearchableListPanel: typeof SearchableListPanel
+    BaseMultipleInput: typeof BaseMultipleInput
   }
 }

package/dist/src/utils/routeFormatters.d.ts

@@ -0,0 +1 @@
+export declare function extractSubRoutes(path: string, layer?: number): string;

package/dist/src/utils/tableStyles.d.ts

@@ -1,100 +1,58 @@
 /**
  * Table 樣式工具類
- * 將原本的 SCSS 樣式轉換為 Tailwind CSS 類名
+ * 注意：樣式定義已移至 src/assets/styles/_components.scss
+ * 此檔案僅保留工具函數和類型定義
  */
-export declare const tableCell = "p-0 h-10";
-export declare const tableHeader = "bg-primary-15 font-bold text-text text-sm leading-4";
-export declare const tableCellContent = "truncate";
-export declare const dismissedRow = "bg-blue-20";
-export declare const tableFooter = "font-bold";
-export declare const blueText = "text-blue-10";
-export declare const redText = "text-redText";
-export declare const sortTableContainer = "w-full mb-4";
-export declare const sortTableFunctionBar = "flex items-center h-12 bg-primary-20 px-1.5 rounded-t justify-end";
-export declare const sortTableSettingsBtn = "cursor-pointer text-primary-dark text-xl flex items-center justify-center hover:text-primary-40";
-export declare const filterBtn = "text-sky-500 hover:text-white hover:bg-sky-500 disabled:bg-white disabled:opacity-50";
-export declare const filterBtnText = "text-black ml-2 font-bold hover:text-white disabled:text-black/20";
-export declare const filterBtnIcon = "text-xl";
-export declare const transferSortWrapper = "border border-gray-200 h-96 overflow-auto";
-export declare const transferActiveBg = "bg-primary/10";
-export declare const transferActiveBorder = "border border-primary-10 rounded";
-export declare const transferItemWrapper = "border-t border-gray-200 px-4 flex items-center justify-between w-full";
-export declare const transferArrowWrapper = "w-28 text-primary-10";
-export declare const baseDialogTitle = "font-bold text-base";
-export declare const cursorGrab = "cursor-grab";
-export declare const cursorGrabbing = "cursor-grabbing";
-export declare const tableStyles: {
-    readonly cell: "p-0 h-10";
-    readonly header: "bg-primary-15 font-bold text-text text-sm leading-4";
-    readonly content: "truncate";
-    readonly dismissed: "bg-blue-20";
-    readonly footer: "font-bold";
-    readonly blueText: "text-blue-10";
-    readonly redText: "text-redText";
-};
-export declare const componentStyles: {
-    readonly sortTableContainer: "w-full mb-4";
-    readonly sortTableFunctionBar: "flex items-center h-12 bg-primary-20 px-1.5 rounded-t justify-end";
-    readonly sortTableSettingsBtn: "cursor-pointer text-primary-dark text-xl flex items-center justify-center hover:text-primary-40";
-    readonly filterBtn: "text-sky-500 hover:text-white hover:bg-sky-500 disabled:bg-white disabled:opacity-50";
-    readonly filterBtnText: "text-black ml-2 font-bold hover:text-white disabled:text-black/20";
-    readonly filterBtnIcon: "text-xl";
-    readonly transferSortWrapper: "border border-gray-200 h-96 overflow-auto";
-    readonly transferActiveBg: "bg-primary/10";
-    readonly transferActiveBorder: "border border-primary-10 rounded";
-    readonly transferItemWrapper: "border-t border-gray-200 px-4 flex items-center justify-between w-full";
-    readonly transferArrowWrapper: "w-28 text-primary-10";
-    readonly baseDialogTitle: "font-bold text-base";
-    readonly cursorGrab: "cursor-grab";
-    readonly cursorGrabbing: "cursor-grabbing";
-};
-export declare const dataTableConfig: {
-    readonly cellClass: "p-0 h-10";
-    readonly headerClass: "bg-primary-15 font-bold text-text text-sm leading-4";
-    readonly contentClass: "truncate";
-    readonly dismissedClass: "bg-blue-20";
-    readonly footerClass: "font-bold";
-    readonly blueTextClass: "text-blue-10";
-    readonly redTextClass: "text-redText";
-};
-export declare const allComponentStyles: {
-    readonly dataTableConfig: {
-        readonly cellClass: "p-0 h-10";
-        readonly headerClass: "bg-primary-15 font-bold text-text text-sm leading-4";
-        readonly contentClass: "truncate";
-        readonly dismissedClass: "bg-blue-20";
-        readonly footerClass: "font-bold";
-        readonly blueTextClass: "text-blue-10";
-        readonly redTextClass: "text-redText";
-    };
-    readonly sortTableContainer: "w-full mb-4";
-    readonly sortTableFunctionBar: "flex items-center h-12 bg-primary-20 px-1.5 rounded-t justify-end";
-    readonly sortTableSettingsBtn: "cursor-pointer text-primary-dark text-xl flex items-center justify-center hover:text-primary-40";
-    readonly filterBtn: "text-sky-500 hover:text-white hover:bg-sky-500 disabled:bg-white disabled:opacity-50";
-    readonly filterBtnText: "text-black ml-2 font-bold hover:text-white disabled:text-black/20";
-    readonly filterBtnIcon: "text-xl";
-    readonly transferSortWrapper: "border border-gray-200 h-96 overflow-auto";
-    readonly transferActiveBg: "bg-primary/10";
-    readonly transferActiveBorder: "border border-primary-10 rounded";
-    readonly transferItemWrapper: "border-t border-gray-200 px-4 flex items-center justify-between w-full";
-    readonly transferArrowWrapper: "w-28 text-primary-10";
-    readonly baseDialogTitle: "font-bold text-base";
-    readonly cursorGrab: "cursor-grab";
-    readonly cursorGrabbing: "cursor-grabbing";
-    readonly cell: "p-0 h-10";
-    readonly header: "bg-primary-15 font-bold text-text text-sm leading-4";
-    readonly content: "truncate";
-    readonly dismissed: "bg-blue-20";
-    readonly footer: "font-bold";
-    readonly blueText: "text-blue-10";
-    readonly redText: "text-redText";
-};
 export declare const createTableCellClass: (options?: {
     isDismissed?: boolean;
     isHeader?: boolean;
 }) => string;
 export declare const createTextClass: (type?: "blue" | "red" | "normal") => "" | "text-blue-10" | "text-redText";
-export type TableStylesType = typeof tableStyles;
-export type ComponentStylesType = typeof componentStyles;
-export type DataTableConfigType = typeof dataTableConfig;
-export type AllComponentStylesType = typeof allComponentStyles;
+export declare const STYLE_CLASSES: {
+    readonly tableCell: "table-cell";
+    readonly tableHeader: "table-header";
+    readonly tableCellContent: "table-cell-content";
+    readonly dismissedRow: "dismissed-row";
+    readonly tableFooter: "table-footer";
+    readonly blueText: "blue-text";
+    readonly redText: "red-text";
+    readonly sortTableContainer: "sort-table-container";
+    readonly sortTableFunctionBar: "sort-table-function-bar";
+    readonly sortTableSettingsBtn: "sort-table-settings-btn";
+    readonly filterBtn: "filter-btn";
+    readonly filterBtnText: "filter-btn-text";
+    readonly filterBtnIcon: "filter-btn-icon";
+    readonly transferSortWrapper: "transfer-sort-wrapper";
+    readonly transferActiveBg: "transfer-active-bg";
+    readonly transferActiveBorder: "transfer-active-border";
+    readonly transferItemWrapper: "transfer-item-wrapper";
+    readonly transferArrowWrapper: "transfer-arrow-wrapper";
+    readonly baseDialogTitle: "base-dialog-title";
+    readonly cursorGrab: "cursor-grab";
+    readonly cursorGrabbing: "cursor-grabbing";
+    readonly dataTableConfig: "data-table-config";
+    readonly componentStyles: "component-styles";
+};
+export type StyleClassesType = typeof STYLE_CLASSES;
+export interface TableCellStyleOptions {
+    isDismissed?: boolean;
+    isHeader?: boolean;
+}
+export type TextStyleType = 'blue' | 'red' | 'normal';
+/**
+ * 使用方式：
+ *
+ * 1. 在 Vue 組件中使用樣式類名：
+ *    <div :class="STYLE_CLASSES.tableCell">內容</div>
+ *
+ * 2. 使用樣式組合函數：
+ *    <div :class="createTableCellClass({ isHeader: true })">標題</div>
+ *
+ * 3. 使用文字樣式函數：
+ *    <span :class="createTextClass('blue')">藍色文字</span>
+ *
+ * 4. 在 SCSS 中使用對應的類名：
+ *    .my-custom-class {
+ *      @extend .table-cell;
+ *    }
+ */

package/dist/src/views/demo/BaseBtnDemo.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/src/views/demo/BaseDialogDemo.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/src/views/demo/BaseFormDemo.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/src/views/demo/BaseInputDemo.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/src/views/demo/BaseMultipleInputDemo.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/src/views/demo/BaseTableDemo.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/src/views/demo/FilterBtnDemo.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/src/views/demo/FunctionHeaderDemo.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/src/views/demo/MainPanelDemo.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/src/views/demo/SearchBarDemo.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/src/views/demo/SearchableListPanelDemo.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/src/views/demo/SortTableDemo.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/src/views/demo/TransferDialogDemo.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/src/views/demo/TransferItemDemo.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rayyy-vue-table-components",
-  "version": "1.2.17",
+  "version": "1.2.19",
   "description": "Vue 3 + Element Plus 表格組件庫",
   "type": "module",
   "main": "./dist/index.umd.js",

package/src/assets/styles/_base.scss

@@ -0,0 +1,45 @@
+// ==================== 基礎樣式 ====================
+// 包含表格基礎樣式、文字樣式等通用樣式
+
+// 表格基礎樣式
+.table-cell {
+  @apply p-0 h-10;
+}
+
+// 表格標題樣式
+.table-header {
+  @apply bg-primary-15 font-bold text-text text-sm leading-4;
+}
+
+// 表格內容樣式
+.table-cell-content {
+  @apply truncate;
+}
+
+// 被駁回行的樣式
+.dismissed-row {
+  @apply bg-blue-20;
+}
+
+// 表格底部樣式
+.table-footer {
+  @apply font-bold;
+}
+
+// 文字顏色樣式
+.blue-text {
+  @apply text-blue-10;
+}
+
+.red-text {
+  @apply text-redText;
+}
+
+// 通用樣式
+.cursor-grab {
+  cursor: grab;
+}
+
+.cursor-grabbing {
+  cursor: grabbing;
+}