feat: add col flex (#2562)

* feat: add col `flex`

* feat: add types

Author: xrkffgg

components/grid/Col.jsx

@@ -27,6 +27,7 @@ export const ColProps = {
   xl: objectOrNumber,
   xxl: objectOrNumber,
   prefixCls: PropTypes.string,
+  flex: stringOrNumber,
 };
 
 export default {
@@ -38,13 +39,25 @@ export default {
       default: () => null,
     },
   },
+  methods: {
+    parseFlex(flex) {
+      if (typeof flex === 'number') {
+        return `${flex} ${flex} auto`;
+      }
+      if (/^\d+(\.\d+)?(px|em|rem|%)$/.test(flex)) {
+        return `0 0 ${flex}`;
+      }
+      return flex;
+    },
+  },
   render() {
     const {
       span,
       order,
       offset,
       push,
       pull,
+      flex,
       prefixCls: customizePrefixCls,
       $slots,
       rowContext,
@@ -105,6 +118,11 @@ export default {
         };
       }
     }
+
+    if (flex) {
+      divProps.style.flex = this.parseFlex(flex);
+    }
+
     return <div {...divProps}>{$slots.default}</div>;
   },
 };

types/grid/col.d.ts

@@ -19,6 +19,13 @@ export declare class Col extends AntdComponent {
    */
   order: ColSpanType;
 
+  /**
+   * the layout fill of flex
+   * @default none
+   * @type ColSpanType
+   */
+  flex: ColSpanType;
+
   /**
    * the number of cells to offset Col from the left
    * @default 0