@ysgroup/ui 0.1.24 → 0.1.26

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@ysgroup/ui",
-  "version": "0.1.24",
+  "version": "0.1.26",
   "type": "module",
   "main": "src/index.ts",
   "types": "src/index.ts",
   "dependencies": {
     "@element-plus/icons-vue": "^2.3.1",
-    "@ysgroup/contracts": "0.1.7",
+    "@ysgroup/contracts": "0.1.8",
     "@ysgroup/theme": "^0.1.0"
   },
   "peerDependencies": {

package/src/columnWidths.ts

@@ -0,0 +1,25 @@
+/** 各业务仓在启动时注册本系统表格列宽；查找只认 table.field，缺键告警并回退 140。 */
+
+export type ColumnWidthMap = Record<string, Record<string, number>>;
+
+const MISSING_WIDTH = 140;
+let widths: ColumnWidthMap = {};
+const warned = new Set<string>();
+
+export function registerColumnWidths(map: ColumnWidthMap): void {
+  widths = map;
+  warned.clear();
+}
+
+export function columnWidth(table: string, field: string): number {
+  const width = widths[table]?.[field];
+  if (width == null) {
+    const key = `${table}.${field}`;
+    if (!warned.has(key)) {
+      warned.add(key);
+      console.warn(`[columnWidths] missing ${key}`);
+    }
+    return MISSING_WIDTH;
+  }
+  return width;
+}

package/src/components/YsCrudTable.vue

@@ -5,6 +5,7 @@
 import { computed, ref, watch } from "vue";
 import { FIELD_SPECS, ENUM_META } from "@ysgroup/contracts";
 import { enumLabel } from "../tokens-runtime";
+import { columnWidth as lookupColumnWidth } from "../columnWidths";
 import YsFormDialog from "./YsFormDialog.vue";
 import YsRowActionMenu from "./YsRowActionMenu.vue";
 import YsTableToolbar from "./YsTableToolbar.vue";
@@ -17,41 +18,6 @@ interface FieldSpec {
   sensitivity: string;
 }
 
-const COLUMN_WIDTHS: Record<string, number> = {
-  enabled: 54,
-  auto_trade: 72,
-  cname: 120,
-  account: 112,
-  type: 110,
-  trade_env: 72,
-  owner_id: 120,
-  team_id: 120,
-  broker_id: 120,
-  bank_card_id: 150,
-  fee_rate: 76,
-  commission_refund: 84,
-  positions_refund: 84,
-  interest: 72,
-  traded_br: 72,
-  traded_xt: 72,
-  cfmmc_username: 120,
-  futures_app_id: 120,
-  futures_auth_code: 130,
-  name: 140,
-  full_name: 200,
-  code: 110,
-  memo: 180,
-  phone: 120,
-  email: 180,
-  role: 90,
-  status: 80,
-  max_sessions: 80,
-};
-
-function columnWidth(field: FieldSpec): number {
-  return COLUMN_WIDTHS[field.key] ?? (field.widget === "switch" ? 64 : field.widget === "enum" ? 100 : 140);
-}
-
 const props = defineProps<{
   table: string;
   rows: Record<string, unknown>[];
@@ -81,6 +47,10 @@ const editing = ref<Record<string, unknown> | null>(null);
 const currentPage = ref(1);
 const pageSize = ref(20);
 
+function columnWidth(field: FieldSpec): number {
+  return lookupColumnWidth(props.table, field.key);
+}
+
 const allSpecs = computed<FieldSpec[]>(() => (FIELD_SPECS as unknown as Record<string, FieldSpec[]>)[props.table] ?? []);
 
 const displayColumns = computed<FieldSpec[]>(() => {

package/src/index.ts

@@ -13,3 +13,4 @@ export { default as YsSettingsCenterDialog } from "./components/YsSettingsCenter
 export { default as YsPortalGrid } from "./components/YsPortalGrid.vue";
 export { default as YsRoleTag } from "./components/YsRoleTag.vue";
 export { enumOptions, enumLabel, type EnumOption } from "./tokens-runtime";
+export { registerColumnWidths, columnWidth, type ColumnWidthMap } from "./columnWidths";