mooho-base-admin-plus 2.2.14 → 2.3.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mooho-base-admin-plus",
   "description": "MOOHO basic framework for admin by Vue3",
-  "version": "2.2.14",
+  "version": "2.3.0",
   "author": "jinyifan <jinyifan@mooho.com.cn>",
   "license": "MIT",
   "private": false,

package/src/components/view/column-edit.vue

@@ -288,6 +288,32 @@
                 </Select>
               </FormItem>
             </Col>
+            <Col v-bind="grid8" v-if="viewType == 'TableView' && data.controlType == 'Label'">
+              <FormItem label="强制单行" key="is_fixed" prop="isSingleLine">
+                <Switch
+                  :model-value="!!data.isSingleLine"
+                  @update:model-value="
+                    $event => {
+                      data.isSingleLine = $event;
+                      //$forceUpdate();
+                    }
+                  "
+                />
+              </FormItem>
+            </Col>
+            <Col v-bind="grid8" v-if="viewType == 'TableView' && data.controlType == 'Label'">
+              <FormItem label="固定在最前" key="isFixed" prop="isFixed">
+                <Switch
+                  :model-value="!!data.isFixed"
+                  @update:model-value="
+                    $event => {
+                      data.isFixed = $event;
+                      //$forceUpdate();
+                    }
+                  "
+                />
+              </FormItem>
+            </Col>
             <Col v-bind="grid8">
               <FormItem label="是否必填" key="isRequired" prop="isRequired">
                 <Switch

package/src/components/view/view-table.vue

@@ -121,7 +121,11 @@
               <slot name="column" :row="rowData(row, index)" :index="index" :column="column" :code="column.code"></slot>
             </template>
             <template v-else-if="column.controlType === 'Label'">
-              <div v-html="showData(rowData(row, index), column)"></div>
+              <div
+                :title="column.isSingleLine ? showData(rowData(row, index), column) : null"
+                :class="{ 'single-line': column.isSingleLine }"
+                v-html="showData(rowData(row, index), column)"
+              ></div>
             </template>
             <template v-else-if="column.controlType === 'Hyperlink'">
               <a :href="getHyperlink(rowData(row, index), column.hyperlink)" :target="column.isNewWindow ? '_blank' : ''">
@@ -980,6 +984,7 @@
 
         this.columns.forEach(column => {
           column.name = this.getNameI18n(column);
+          column.fixed = column.isFixed ? 'left' : null;
         });
 
         if (this.tableView.snEnable) {

package/src/styles/css/default.css

@@ -584,3 +584,9 @@
 ::-webkit-scrollbar-track {
   background-color: transparent;
 }
+
+.single-line {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}