@grid-form/common
Advanced tools
| .grid-table { | ||
| width: 100%; | ||
| border-collapse: collapse; | ||
| text-align: center; | ||
| } | ||
| .grid-table td,th { | ||
| border-bottom:1px solid #ebeef5; | ||
| padding: 3px; | ||
| height: 24px; | ||
| } | ||
| .grid-table .striped { | ||
| background: #fafafa; | ||
| } | ||
| .grid-table.bordered th, .grid-table.bordered td { | ||
| border: 1.0px solid #ebeef5 !important; | ||
| } | ||
| .grid-table .text { | ||
| text-align:left; margin-left:20px; padding:8px 0 8px 0; | ||
| } |
+1
-1
| { | ||
| "name": "@grid-form/common", | ||
| "version": "0.1.3", | ||
| "version": "0.2.0", | ||
| "description": "", | ||
@@ -5,0 +5,0 @@ "homepage": "https://github.com/0604hx/grid-form", |
+4
-3
@@ -11,4 +11,5 @@ import { ref, reactive, toRaw, unref, onMounted, computed, nextTick, watch } from 'vue' | ||
| export const RenderProps = { | ||
| renders:{type:Object}, | ||
| renders:{type:Object, default:({})}, | ||
| form: {type:Object}, | ||
| transformNumber: {type:Boolean, default: true}, //是否将 NUMBER、RATE 等类型的值,转换为数值型 | ||
| initValue: {type:Object}, //外部的表单初始值 | ||
@@ -200,3 +201,3 @@ gridGap: {type:Number, default: 10}, //栅栏间隔,单位 px | ||
| } | ||
| else if((v._widget === 'RATE' || v._widget === 'NUMBER') && !isNaN(itemV)){ | ||
| else if((v._widget === 'RATE' || v._widget === 'NUMBER') && props.transformNumber && !isNaN(itemV)){ | ||
| itemV = Number(itemV) | ||
@@ -248,3 +249,3 @@ } | ||
| extendFormItems(items) | ||
| items && extendFormItems(items) | ||
@@ -251,0 +252,0 @@ nextTick(()=>{ |
+1
-19
@@ -40,21 +40,3 @@ <!--简单的二维表格--> | ||
| <style> | ||
| .grid-table { | ||
| width: 100%; | ||
| border-collapse: collapse; | ||
| text-align: center; | ||
| } | ||
| .grid-table td,th { | ||
| border-bottom:1px solid #ebeef5; | ||
| padding: 3px; | ||
| height: 24px; | ||
| } | ||
| .grid-table .striped { | ||
| background: #fafafa; | ||
| } | ||
| .grid-table.bordered th, .grid-table.bordered td { | ||
| border: 1.0px solid #ebeef5 !important; | ||
| } | ||
| .grid-table .text { | ||
| text-align:left; margin-left:20px; padding:8px 0 8px 0; | ||
| } | ||
| @import './table.css'; | ||
| </style> |
35149
0.18%10
11.11%721
2.85%