feat:表格文本水平偏移

src/services/defaults.ts

@@ -1690,7 +1690,7 @@ export const formComponents = [
           width: 0,
           height: 0,
           disableAnchor: true,
-          disableSize: true,
+          // disableSize: true,
           colWidth: 90,
           rowHeight: 32,
           bordered: false,
@@ -1914,7 +1914,7 @@ export const formComponents = [
           width: 0,
           height: 0,
           disableAnchor: true,
-          disableSize: true,
+          // disableSize: true,
           colWidth: 90,
           rowHeight: 32,
           bordered: false,
@@ -2145,7 +2145,7 @@ export const formComponents = [
           width: 0,
           height: 0,
           disableAnchor: true,
-          disableSize: true,
+          // disableSize: true,
           bordered:true,
           hLine:true,
           vLine:true,
@@ -2156,7 +2156,7 @@ export const formComponents = [
           stripeColor: "#407FFF1F",
           ellipsis: true,
           whiteSpace: "break-all",
-          // maxNum:11,
+          maxNum:11,
           colHeaders:true,
           pagination: {
             current: 1,

src/views/components/Custom.vue

@@ -199,6 +199,14 @@
               </t-tooltip>
             </t-radio-button>
           </t-radio-group>
+          <t-tooltip content="水平偏移">
+            <t-input
+              placeholder="X"
+              v-model.number="cell.textLeft"
+              style="width: 60px; margin-left: 8px"
+              @change="changeStyles('textLeft')"
+            />
+          </t-tooltip>
         </div>
       </t-space>
     </div>
@@ -337,6 +345,7 @@ const cell = ref({
   fontWeight: undefined,
   fontStyle: undefined,
   textAlign: undefined,
+  textLeft: undefined,
 });
 
 const getPenData = (data: any) => {
@@ -357,6 +366,7 @@ const getPenData = (data: any) => {
         cell.value.fontWeight = props.pen.styles[found].fontWeight;
         cell.value.fontStyle = props.pen.styles[found].fontStyle;
         cell.value.textAlign = props.pen.styles[found].textAlign;
+        cell.value.textLeft = props.pen.styles[found].textLeft;
       } else {
         cell.value.background = undefined;
         cell.value.textColor = undefined;
@@ -364,6 +374,7 @@ const getPenData = (data: any) => {
         cell.value.fontWeight = undefined;
         cell.value.fontStyle = undefined;
         cell.value.textAlign = undefined;
+        cell.value.textLeft = undefined;
       }
     } else if (props.pen.calculative.activeRow !== undefined) {
       cell.value.col = undefined;
@@ -379,6 +390,7 @@ const getPenData = (data: any) => {
         cell.value.fontWeight = props.pen.styles[found].fontWeight;
         cell.value.fontStyle = props.pen.styles[found].fontStyle;
         cell.value.textAlign = props.pen.styles[found].textAlign;
+        cell.value.textLeft = props.pen.styles[found].textLeft;
       } else {
         cell.value.background = undefined;
         cell.value.textColor = undefined;
@@ -386,6 +398,7 @@ const getPenData = (data: any) => {
         cell.value.fontWeight = undefined;
         cell.value.fontStyle = undefined;
         cell.value.textAlign = undefined;
+        cell.value.textLeft = undefined;
       }
     } else if (props.pen.calculative.activeCell) {
       cell.value.col = props.pen.calculative.activeCell.col;
@@ -400,6 +413,7 @@ const getPenData = (data: any) => {
         cell.value.fontWeight = props.pen.styles[found].fontWeight;
         cell.value.fontStyle = props.pen.styles[found].fontStyle;
         cell.value.textAlign = props.pen.styles[found].textAlign;
+        cell.value.textLeft = props.pen.styles[found].textLeft;
       } else {
         cell.value.background = undefined;
         cell.value.textColor = undefined;
@@ -407,6 +421,7 @@ const getPenData = (data: any) => {
         cell.value.fontWeight = undefined;
         cell.value.fontStyle = undefined;
         cell.value.textAlign = undefined;
+        cell.value.textLeft = undefined;
       }
     } else {
       cell.value.col = undefined;
@@ -417,6 +432,7 @@ const getPenData = (data: any) => {
       cell.value.fontWeight = undefined;
       cell.value.fontStyle = undefined;
       cell.value.textAlign = undefined;
+      cell.value.textLeft = undefined;
     }
   }
 };