stk-table-vue 0.2.9 → 0.3.0

package/src/StkTable/utils.ts

@@ -1,4 +1,4 @@
-import { DEFAULT_COL_WIDTH } from './const';
+import { DEFAULT_COL_WIDTH, STK_ID_PREFIX } from './const';
 import { Order, SortConfig, SortOption, SortState, StkTableColumn } from './types';
 
 /** 是否空值 */
@@ -182,20 +182,38 @@ export function howDeepTheHeader(arr: StkTableColumn<any>[], level = 1) {
     return Math.max(...levels);
 }
 
-/** 获取列宽 */
+/**
+ * 获取列宽
+ *
+ * 关于列宽的操作往往在横向滚动中使用。既然已经有横向滚动了，则列宽会被压缩至minWidth，所以优先取minWidth
+ */
 export function getColWidth(col: StkTableColumn<any> | null): number {
-    const val = col?.width ?? DEFAULT_COL_WIDTH;
+    const val = col?.minWidth ?? col?.width ?? DEFAULT_COL_WIDTH;
     if (typeof val === 'number') {
         return Math.floor(val);
     }
     return parseInt(val);
 }
 
-/** 获取列宽配置。用于支持列宽配置数字 */
-export function getColWidthStr(col: StkTableColumn<any> | null | undefined, key: 'width' | 'minWidth' | 'maxWidth' = 'width') {
-    const val = col?.[key];
-    if (typeof val === 'number') {
-        return val + 'px';
+/** 获取计算后的宽度 */
+export function getCalculatedColWidth(col: StkTableColumn<any> | null) {
+    return col?.__WIDTH__ ?? +DEFAULT_COL_WIDTH;
+}
+
+/** number列宽+px */
+export function transformWidthToStr(width?: string | number) {
+    if (typeof width === 'number') {
+        return width + 'px';
     }
-    return val;
+    return width;
+}
+
+/** 创建组件唯一标识 */
+export function createStkTableId() {
+    if (!window.__STK_TB_ID_COUNT__) {
+        window.__STK_TB_ID_COUNT__ = 0;
+    }
+    window.__STK_TB_ID_COUNT__ += 1;
+
+    return STK_ID_PREFIX + window.__STK_TB_ID_COUNT__.toString(36);
 }

package/src/vite-env.d.ts

@@ -4,3 +4,7 @@ declare module '*.vue' {
     const component: DefineComponent<object, object, any>;
     export default component;
 }
+
+interface Window {
+    __STK_TB_ID_COUNT__: number;
+}