修改样式

Author: zhipenglin

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kne/info-page",
-  "version": "0.2.5",
+  "version": "0.2.6",
   "description": "一般用在复杂的详情展示页面，InfoPage提供了一个标准的展示信息的格式",
   "syntax": {
     "esmodules": true

src/TableView/style.module.scss

@@ -20,15 +20,12 @@
   }
 
   background: var(--bg-color-grey-1);
-
-  .col {
-    white-space: nowrap;
-  }
 }
 
 .body {
   .col {
     cursor: pointer;
+    word-break: break-all;
   }
 
   &.is-selected-all {
@@ -63,7 +60,7 @@
 .col {
   border-bottom: 1px solid #f0f0f0;
   transition: background-color 300ms;
-  flex: var(--col-span) 0 var(--col-width);
+  flex: var(--col-span) calc(1 / var(--col-span)) var(--col-width);
   overflow: hidden;
   display: flex;
   align-items: var(--col-align);