feat: 修复字段显示长度的问题

Author: jetsung

mock/history.ts

@@ -17,7 +17,7 @@ const genList = (current: number, pageSize: number) => {
       {
         'id|+1': 1, // 自增 ID
         'url_id|1-100': 1, // 短链接 ID（1-100随机）
-        short_code: '@word(5,8)', // 5-8位短码
+        short_code: '@word(6,16)', // 5-8位短码
         ip_address: '@ip', // IPv4 地址
         user_agent: '@string(16,32)', // 浏览器 UA
         referer: function () {

mock/shorten.ts

@@ -16,7 +16,7 @@ const genList = (current: number, pageSize: number) => {
 
   for (let i = 0; i < pageSize; i += 1) {
     const index = (current - 1) * 10 + i + 1;
-    const code = Random.word(6, 8);
+    const code = Random.word(6, 16);
     tableListDataSource.push({
       id: index,
       code: code,

package.json

@@ -74,7 +74,7 @@
     "@types/react-helmet": "^6.1.11",
     "@typescript-eslint/eslint-plugin": "^8.31.0",
     "@typescript-eslint/parser": "^8.31.0",
-    "@umijs/lint": "^4.4.6",
+    "@umijs/lint": "4.4.10",
     "@umijs/max": "^4.4.10",
     "cross-env": "^7.0.3",
     "eslint": "^9.25.1",
@@ -87,7 +87,7 @@
     "mockjs": "^1.1.0",
     "prettier": "^3.5.3",
     "react-dev-inspector": "^2.0.1",
-    "swagger-ui-dist": "^5.20.7",
+    "swagger-ui-dist": "5.21.0",
     "ts-node": "^10.9.2",
     "typescript": "^5.8.3",
     "umi-presets-pro": "^2.0.3",

src/pages/History/index.tsx

@@ -55,15 +55,18 @@ const TableList: React.FC = () => {
       sorter: true,
       dataIndex: 'id',
       hideInSearch: true,
+      width: 12,
     },
     {
       title: '短码',
       dataIndex: 'short_code',
       copyable: true,
+      width: 150,
     },
     {
       title: '访问者 IP',
       dataIndex: 'ip_address',
+      width: 100,
     },
     {
       title: '来源 URL',
@@ -76,13 +79,13 @@ const TableList: React.FC = () => {
       hideInSearch: true,
     },
     {
-      title: '国家',
-      dataIndex: 'country',
+      title: '区域',
+      dataIndex: 'region',
       hideInSearch: true,
     },
     {
-      title: '区域',
-      dataIndex: 'region',
+      title: '国家',
+      dataIndex: 'country',
       hideInSearch: true,
     },
     {
@@ -120,13 +123,15 @@ const TableList: React.FC = () => {
       dataIndex: 'accessed_at',
       valueType: 'dateTime',
       hideInSearch: true,
+      width: 146,
     },
     {
       title: '创建时间',
       sorter: true,
       dataIndex: 'created_at',
       valueType: 'dateTime',
       hideInSearch: true,
+      width: 146,
     },
   ];
 
@@ -187,7 +192,7 @@ const TableList: React.FC = () => {
             country: { show: false },
             region: { show: false },
             province: { show: false },
-            city: { show: false },
+            city: { show: true },
             // browser: { show: false },
             os: { show: false },
             device_type: { show: false },

src/pages/Shortener/index.tsx

@@ -144,6 +144,7 @@ const TableList: React.FC = () => {
       sorter: true,
       dataIndex: 'id',
       hideInSearch: true,
+      width: 12,
     },
     // {
     //   title: '短码',
@@ -165,7 +166,7 @@ const TableList: React.FC = () => {
     {
       title: '短码',
       dataIndex: 'code',
-      width: 10,
+      width: 180,
       render: (_, entity) => (
         <span className={styles.codeContainer}>
           <a
@@ -217,6 +218,7 @@ const TableList: React.FC = () => {
       title: '状态',
       dataIndex: 'status',
       hideInForm: true,
+      width: 58,
       valueEnum: {
         0: {
           text: '启用',
@@ -238,18 +240,21 @@ const TableList: React.FC = () => {
       dataIndex: 'updated_at',
       valueType: 'dateTime',
       hideInSearch: true,
+      width: 146,
     },
     {
       title: '创建时间',
       sorter: true,
       dataIndex: 'created_at',
       valueType: 'dateTime',
       hideInSearch: true,
+      width: 146,
     },
     {
       title: '操作',
       dataIndex: 'option',
       valueType: 'option',
+      width: 80,
       render: (_, record) => [
         <a
           key="update"