rayyy-vue-table-components 2.0.44 → 2.0.46

package/dist/src/components/items/BaseWaringDialog.vue.d.ts

@@ -3,7 +3,6 @@ type __VLS_Props = {
     waringText?: string;
     subWaringText?: string;
     titleText?: string;
-    modalWidth?: string;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;

package/dist/src/components/tables/BaseTable.vue.d.ts

@@ -15,6 +15,7 @@ declare const _default: <T extends Record<string, unknown> = Record<string, unkn
         data: T[];
         columns: TableColumn<T>[];
         showSelection?: boolean;
+        showIndex?: boolean;
         showSummary?: boolean;
         showOverFlowTooltip?: boolean;
         summaryMethod?: ((param: {

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

@@ -15,6 +15,8 @@ export interface BaseTableProps<T extends Record<string, unknown> = Record<strin
   columns: TableColumn<T>[]
   /** 是否顯示選擇列 */
   showSelection?: boolean
+  /** 是否顯示索引列 */
+  showIndex?: boolean
   /** 是否顯示匯總行 */
   showSummary?: boolean
   /** 是否顯示溢出提示 */
@@ -230,8 +232,6 @@ export interface BaseDialogProps {
   subTitle?: string
   /** 關閉前回調 */
   beforeClose?: () => void
-  /** 自定義寬度 */
-  customWidth?: string
   /** 是否為警告對話框 */
   isWaring?: boolean
   /** 是否為主要對話框 */
@@ -272,8 +272,6 @@ export interface BaseWaringDialogProps {
   subWaringText?: string
   /** 標題文字 */
   titleText?: string
-  /** 對話框寬度 */
-  modalWidth?: string
 }
 
 /** BaseWaringDialog 組件 Emits 類型 */
@@ -325,7 +323,6 @@ export interface TransferDialogInstance<T = Record<string, unknown>> {
   $emit: TransferDialogEmits<T>
 }
 
-
 // ==================== BaseInput 組件類型 ====================
 
 /** BaseInput 組件 Props 類型 */
@@ -404,7 +401,6 @@ export interface BaseSelectorInstance {
   $emit: BaseSelectorEmits
 }
 
-
 // ==================== 搜尋相關組件類型 ====================
 
 // ==================== SearchBar 組件類型 ====================
@@ -799,7 +795,6 @@ export declare const BaseSelector: DefineComponent<
   install: (app: App) => void
 }
 
-
 /** SearchBar 組件定義 */
 export declare const SearchBar: DefineComponent<
   SearchBarProps,

package/package.json

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

package/src/assets/styles/element/index.scss

@@ -33,7 +33,7 @@ $colors: (
   --main-color-light-8: #b3def0;
   --main-color-light-9: #ccedf7;
   --main-color-dark-2: #005b96;
-  --main-color-border: #606266;
+  --main-color-border: #c5c8cc;
 
   // 成功色系
   --el-color-success: #67c23a;

package/src/components/items/BaseDialog.vue

@@ -33,10 +33,8 @@ const v = computed({
 })
 
 const getWidth = computed(() => {
-  if (width.value < 1000) {
-    return '80%'
-  } else if (props.customWidth) {
-    return props.customWidth
+  if (width.value < 500) {
+    return '100%'
   }
   return '50%'
 })

package/src/components/items/BaseWaringDialog.vue

@@ -6,12 +6,11 @@ import BaseDialog from './BaseDialog.vue'
 const { t } = useI18n()
 
 const props = defineProps<{
-    modelValue: boolean
-    waringText?: string
-    subWaringText?: string
-    titleText?: string
-    modalWidth?: string
-  }>()
+  modelValue: boolean
+  waringText?: string
+  subWaringText?: string
+  titleText?: string
+}>()
 
 const emit = defineEmits<{
   (e: 'update:modelValue', value: boolean): void
@@ -31,7 +30,6 @@ const handleSubmit = () => {
   <base-dialog
     v-model="dialogVisible"
     :title="titleText || t('common.warning')"
-    :custom-width="modalWidth"
     :is-waring="true"
     @click:submit="handleSubmit"
   >

package/src/components/tables/BaseTable.vue

@@ -13,6 +13,7 @@ type Props<T extends Record<string, unknown> = Record<string, unknown>> = {
   data: T[]
   columns: TableColumn<T>[]
   showSelection?: boolean
+  showIndex?: boolean
   showSummary?: boolean
   showOverFlowTooltip?: boolean
   summaryMethod?: (param: {
@@ -30,6 +31,7 @@ const props = withDefaults(defineProps<Props<T>>(), {
   loading: false,
   data: () => [],
   showSelection: false,
+  showIndex: false,
   showSummary: false,
   showOverFlowTooltip: false,
   showCheckBtn: false,
@@ -101,6 +103,9 @@ const operatorWidth = computed(() => {
     <!-- 選擇列 -->
     <el-table-column v-if="showSelection" type="selection" width="60" fixed="left" align="center" />
 
+    <!-- 索引列 -->
+    <el-table-column v-if="showIndex" type="index" width="60" fixed="left" align="center" label="No" />
+
     <!-- 數據列 -->
     <el-table-column v-for="(column, index) in columns" :key="index" v-bind="column">
       <template #default="{ row }">

package/src/types/components.d.ts

@@ -16,6 +16,8 @@ export interface BaseTableProps<T extends Record<string, unknown> = Record<strin
   columns: TableColumn<T>[]
   /** 是否顯示選擇列 */
   showSelection?: boolean
+  /** 是否顯示索引列 */
+  showIndex?: boolean
   /** 是否顯示匯總行 */
   showSummary?: boolean
   /** 是否顯示溢出提示 */
@@ -231,8 +233,6 @@ export interface BaseDialogProps {
   subTitle?: string
   /** 關閉前回調 */
   beforeClose?: () => void
-  /** 自定義寬度 */
-  customWidth?: string
   /** 是否為警告對話框 */
   isWaring?: boolean
   /** 是否為主要對話框 */
@@ -273,8 +273,6 @@ export interface BaseWaringDialogProps {
   subWaringText?: string
   /** 標題文字 */
   titleText?: string
-  /** 對話框寬度 */
-  modalWidth?: string
 }
 
 /** BaseWaringDialog 組件 Emits 類型 */
@@ -326,7 +324,6 @@ export interface TransferDialogInstance<T = Record<string, unknown>> {
   $emit: TransferDialogEmits<T>
 }
 
-
 // ==================== BaseInput 組件類型 ====================
 
 /** BaseInput 組件 Props 類型 */
@@ -405,7 +402,6 @@ export interface BaseSelectorInstance {
   $emit: BaseSelectorEmits
 }
 
-
 // ==================== 搜尋相關組件類型 ====================
 
 // ==================== SearchBar 組件類型 ====================
@@ -800,7 +796,6 @@ export declare const BaseSelector: DefineComponent<
   install: (app: App) => void
 }
 
-
 /** SearchBar 組件定義 */
 export declare const SearchBar: DefineComponent<
   SearchBarProps,