@deot/vc-components 1.0.23 → 1.0.24

package/dist/index.cjs

@@ -8501,7 +8501,7 @@ const props$P = {
   },
   width: {
     type: Number,
-    default: 300
+    default: 600
   },
   height: {
     type: Number,
@@ -8527,6 +8527,8 @@ const props$P = {
   maskStyle: [Object, String],
   wrapperClass: [Object, String],
   wrapperStyle: [Object, String],
+  contentStyle: [Object, String],
+  contentClass: [Object, String],
   closeWithCancel: {
     type: Boolean,
     default: true
@@ -8686,7 +8688,8 @@ const DrawerView = /* @__PURE__ */ vue.defineComponent({
           "class": "vc-drawer__content-container"
         }, [vue.createVNode(Scroller, {
           "native": false,
-          "contentClass": "vc-drawer__content"
+          "contentClass": [props.contentClass, 'vc-drawer__content'],
+          "contentStyle": props.contentStyle
         }, {
           default: () => [typeof props.content === 'string' ? vue.createVNode("div", {
             "innerHTML": props.content
@@ -8978,7 +8981,10 @@ const props$L = {
     type: String,
     default: "right"
   },
-  contentStyle: String
+  contentStyle: [Object, String],
+  contentClass: [Object, String],
+  labelStyle: [Object, String],
+  labelClass: [Object, String]
 };
 
 const filterEmpty = (val) => {
@@ -9053,10 +9059,13 @@ const useFormItem = (expose) => {
   });
   const labelStyle = vue.computed(() => {
     const labelWidth = props.labelWidth === 0 || props.labelWidth ? props.labelWidth : isNest.value ? 0 : form.props.labelWidth;
-    return {
-      width: labelPosition.value !== "top" && labelWidth && labelWidth > 0 ? `${labelWidth}px` : "auto",
-      textAlign: labelPosition.value === "top" ? "left" : labelPosition.value
-    };
+    return [
+      {
+        width: labelPosition.value !== "top" && labelWidth && labelWidth > 0 ? `${labelWidth}px` : "auto",
+        textAlign: labelPosition.value === "top" ? "left" : labelPosition.value
+      },
+      props.labelStyle
+    ];
   });
   const contentStyle = vue.computed(() => {
     const labelWidth = props.labelWidth === 0 || props.labelWidth ? props.labelWidth : form.props.labelWidth;
@@ -9268,14 +9277,14 @@ const FormItem = /* @__PURE__ */ vue.defineComponent({
       })];
       return vue.createVNode("div", {
         "class": ['vc-form-item', classes.value]
-      }, [vue.createVNode("div", {
+      }, [(label || slots.label) && vue.createVNode("div", {
         "style": labelStyle.value,
-        "class": "vc-form-item__label",
+        "class": ['vc-form-item__label', props.labelClass],
         "for": labelFor
       }, [vue.createVNode("label", null, [label || slots.label?.()])]), vue.createVNode("div", {
         "class": "vc-form-item__wrapper"
       }, [vue.createVNode("div", {
-        "class": "vc-form-item__content",
+        "class": ['vc-form-item__content', props.contentClass],
         "style": contentStyle.value
       }, [slots.default?.(), slots.error ? slots.error({
         show: showError.value,
@@ -10308,10 +10317,14 @@ const props$z = {
     validator: (v) => /(small|medium|large)/.test(v),
     default: "small"
   },
+  contentStyle: [Object, String],
   contentClass: [Object, String],
   width: {
     type: Number
   },
+  height: {
+    type: Number
+  },
   mask: {
     type: Boolean,
     default: true
@@ -10403,6 +10416,9 @@ const ModalView = /* @__PURE__ */ vue.defineComponent({
     const x = vue.ref(0);
     const y = vue.ref(0);
     const isActive = vue.ref(false);
+
+    // 注: 服务端渲染为0, 在客服端激活前，展示端存在问题【高度不定】
+    const MAX_HEIGHT = vcShared.IS_SERVER ? 0 : window.innerHeight - 20;
     const defaultSize = vue.computed(() => {
       let width = 0;
       let height = 0;
@@ -10422,16 +10438,20 @@ const ModalView = /* @__PURE__ */ vue.defineComponent({
       }
       return {
         width: props.width || width,
-        height
+        height: Math.min(props.height || height, MAX_HEIGHT)
       };
     });
     const basicStyle = vue.computed(() => {
-      return {
+      const result = {
         width: `${defaultSize.value.width}px`,
-        minHeight: `${defaultSize.value.height}px`,
-        // 注: 服务端渲染为0, 在客服端激活前，展示端存在问题【高度不定】
-        maxHeight: vcShared.IS_SERVER ? 0 : `${window.innerHeight - 20}px`
+        maxHeight: `${MAX_HEIGHT}px`
       };
+      if (props.height) {
+        result.height = `${defaultSize.value.height}px`;
+      } else {
+        result.minHeight = `${defaultSize.value.height}px`;
+      }
+      return result;
     });
     const draggableStyle = vue.computed(() => {
       if (vcShared.IS_SERVER || !props.draggable) return {};
@@ -10554,6 +10574,7 @@ const ModalView = /* @__PURE__ */ vue.defineComponent({
      * container在最大值时，需要移除，宽度才会缩回去
      */
     const handleContentResize = () => {
+      if (props.height) return;
       const needRefreshScroller = !!scroller.value.wrapper.style.getPropertyValue('height');
       const needRefreshContainer = !!container.value.style.getPropertyValue('height');
       needRefreshContainer && container.value.style.removeProperty('height');
@@ -10699,7 +10720,8 @@ const ModalView = /* @__PURE__ */ vue.defineComponent({
               "height": isTransitionEnd.value ? row.height : void 0,
               "contentClass": [{
                 'is-confirm': props.mode
-              }, props.contentClass, 'vc-modal__content']
+              }, props.contentClass, 'vc-modal__content'],
+              "contentStyle": props.contentStyle
             }, {
               default: () => [typeof props.content === 'string' ? vue.createVNode("div", {
                 "innerHTML": props.content
@@ -15638,6 +15660,8 @@ const props$c = {
   stripe: Boolean,
   // 是否带有纵向边框
   border: Boolean,
+  // 是否分割线
+  divider: Boolean,
   // 非常影响表格虚拟滚动的性能，按容器的高度手动优化该值
   // 后续考虑移除，动态计算
   rows: {
@@ -15778,6 +15802,7 @@ const Table = /* @__PURE__ */ vue.defineComponent({
         'vc-table--fit': props.fit,
         'vc-table--striped': props.stripe,
         'vc-table--border': props.border || states.isGroup,
+        'vc-table--divider': props.border || props.divider,
         'vc-table--group': states.isGroup,
         'vc-table--fluid-height': props.maxHeight,
         'vc-table--scrollable-x': layout.states.scrollX,
@@ -16562,7 +16587,7 @@ const defaultRenderCell = (rowData = {}) => {
   }
   const line = column.line || VcInstance.options.TableColumn?.line;
   if (line && value) {
-    const base = rowData.isHead || rowData.isTail ? 30 : 20;
+    const base = rowData.isHead || rowData.isTail ? 36 : 24; // 目前gap是12
     const style = {
       // 目前左右pading为10
       // TODO: 含有border还要-1

package/dist/index.d.ts

@@ -860,6 +860,8 @@ export declare const Drawer: {
     maskStyle: (ObjectConstructor | StringConstructor)[];
     wrapperClass: (ObjectConstructor | StringConstructor)[];
     wrapperStyle: (ObjectConstructor | StringConstructor)[];
+    contentStyle: (ObjectConstructor | StringConstructor)[];
+    contentClass: (ObjectConstructor | StringConstructor)[];
     closeWithCancel: {
     type: BooleanConstructor;
     default: boolean;
@@ -953,6 +955,8 @@ export declare const Drawer: {
     maskStyle: (ObjectConstructor | StringConstructor)[];
     wrapperClass: (ObjectConstructor | StringConstructor)[];
     wrapperStyle: (ObjectConstructor | StringConstructor)[];
+    contentStyle: (ObjectConstructor | StringConstructor)[];
+    contentClass: (ObjectConstructor | StringConstructor)[];
     closeWithCancel: {
     type: BooleanConstructor;
     default: boolean;
@@ -1043,6 +1047,8 @@ default: string;
 maskStyle: (ObjectConstructor | StringConstructor)[];
 wrapperClass: (ObjectConstructor | StringConstructor)[];
 wrapperStyle: (ObjectConstructor | StringConstructor)[];
+contentStyle: (ObjectConstructor | StringConstructor)[];
+contentClass: (ObjectConstructor | StringConstructor)[];
 closeWithCancel: {
 type: BooleanConstructor;
 default: boolean;
@@ -1134,6 +1140,8 @@ default: string;
 maskStyle: (ObjectConstructor | StringConstructor)[];
 wrapperClass: (ObjectConstructor | StringConstructor)[];
 wrapperStyle: (ObjectConstructor | StringConstructor)[];
+contentStyle: (ObjectConstructor | StringConstructor)[];
+contentClass: (ObjectConstructor | StringConstructor)[];
 closeWithCancel: {
 type: BooleanConstructor;
 default: boolean;
@@ -1201,6 +1209,8 @@ default: string;
 maskStyle: (ObjectConstructor | StringConstructor)[];
 wrapperClass: (ObjectConstructor | StringConstructor)[];
 wrapperStyle: (ObjectConstructor | StringConstructor)[];
+contentStyle: (ObjectConstructor | StringConstructor)[];
+contentClass: (ObjectConstructor | StringConstructor)[];
 closeWithCancel: {
 type: BooleanConstructor;
 default: boolean;
@@ -1435,7 +1445,10 @@ labelPosition: {
 type: PropType<"left" | "right" | "top">;
 default: string;
 };
-contentStyle: StringConstructor;
+contentStyle: (ObjectConstructor | StringConstructor)[];
+contentClass: (ObjectConstructor | StringConstructor)[];
+labelStyle: (ObjectConstructor | StringConstructor)[];
+labelClass: (ObjectConstructor | StringConstructor)[];
 }>, () => JSX_2.Element | (VNode<RendererNode, RendererElement, {
 [key: string]: any;
 }>[] | undefined)[], {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
@@ -1482,7 +1495,10 @@ labelPosition: {
 type: PropType<"left" | "right" | "top">;
 default: string;
 };
-contentStyle: StringConstructor;
+contentStyle: (ObjectConstructor | StringConstructor)[];
+contentClass: (ObjectConstructor | StringConstructor)[];
+labelStyle: (ObjectConstructor | StringConstructor)[];
+labelClass: (ObjectConstructor | StringConstructor)[];
 }>> & Readonly<{}>, {
 label: string;
 styleless: boolean;
@@ -2904,6 +2920,8 @@ export declare const MDrawer: {
     maskStyle: (ObjectConstructor | StringConstructor)[];
     wrapperClass: (ObjectConstructor | StringConstructor)[];
     wrapperStyle: (ObjectConstructor | StringConstructor)[];
+    contentStyle: (ObjectConstructor | StringConstructor)[];
+    contentClass: (ObjectConstructor | StringConstructor)[];
     closeWithCancel: {
     type: BooleanConstructor;
     default: boolean;
@@ -2997,6 +3015,8 @@ export declare const MDrawer: {
     maskStyle: (ObjectConstructor | StringConstructor)[];
     wrapperClass: (ObjectConstructor | StringConstructor)[];
     wrapperStyle: (ObjectConstructor | StringConstructor)[];
+    contentStyle: (ObjectConstructor | StringConstructor)[];
+    contentClass: (ObjectConstructor | StringConstructor)[];
     closeWithCancel: {
     type: BooleanConstructor;
     default: boolean;
@@ -3087,6 +3107,8 @@ default: string;
 maskStyle: (ObjectConstructor | StringConstructor)[];
 wrapperClass: (ObjectConstructor | StringConstructor)[];
 wrapperStyle: (ObjectConstructor | StringConstructor)[];
+contentStyle: (ObjectConstructor | StringConstructor)[];
+contentClass: (ObjectConstructor | StringConstructor)[];
 closeWithCancel: {
 type: BooleanConstructor;
 default: boolean;
@@ -3158,6 +3180,8 @@ cancelDisabled: boolean;
         wrapperStyle?: string | Record<string, any> | undefined;
         onOk?: Function | undefined;
         wrapperClass?: string | Record<string, any> | undefined;
+        contentStyle?: string | Record<string, any> | undefined;
+        contentClass?: string | Record<string, any> | undefined;
         maskStyle?: string | Record<string, any> | undefined;
     } & {
         onClose: (...args: any[]) => any;
@@ -3202,6 +3226,8 @@ default: string;
 maskStyle: (ObjectConstructor | StringConstructor)[];
 wrapperClass: (ObjectConstructor | StringConstructor)[];
 wrapperStyle: (ObjectConstructor | StringConstructor)[];
+contentStyle: (ObjectConstructor | StringConstructor)[];
+contentClass: (ObjectConstructor | StringConstructor)[];
 closeWithCancel: {
 type: BooleanConstructor;
 default: boolean;
@@ -3269,6 +3295,8 @@ default: string;
 maskStyle: (ObjectConstructor | StringConstructor)[];
 wrapperClass: (ObjectConstructor | StringConstructor)[];
 wrapperStyle: (ObjectConstructor | StringConstructor)[];
+contentStyle: (ObjectConstructor | StringConstructor)[];
+contentClass: (ObjectConstructor | StringConstructor)[];
 closeWithCancel: {
 type: BooleanConstructor;
 default: boolean;
@@ -3756,7 +3784,10 @@ labelPosition: {
 type: PropType<"left" | "right" | "top">;
 default: string;
 };
-contentStyle: StringConstructor;
+contentStyle: (ObjectConstructor | StringConstructor)[];
+contentClass: (ObjectConstructor | StringConstructor)[];
+labelStyle: (ObjectConstructor | StringConstructor)[];
+labelClass: (ObjectConstructor | StringConstructor)[];
 }>, () => JSX_2.Element | (VNode<RendererNode, RendererElement, {
 [key: string]: any;
 }>[] | undefined)[], {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
@@ -3807,7 +3838,10 @@ labelPosition: {
 type: PropType<"left" | "right" | "top">;
 default: string;
 };
-contentStyle: StringConstructor;
+contentStyle: (ObjectConstructor | StringConstructor)[];
+contentClass: (ObjectConstructor | StringConstructor)[];
+labelStyle: (ObjectConstructor | StringConstructor)[];
+labelClass: (ObjectConstructor | StringConstructor)[];
 }>> & Readonly<{}>, {
 label: string;
 styleless: boolean;
@@ -5256,10 +5290,14 @@ export declare const Modal: {
     validator: (v: string) => boolean;
     default: string;
     };
+    contentStyle: (ObjectConstructor | StringConstructor)[];
     contentClass: (ObjectConstructor | StringConstructor)[];
     width: {
     type: NumberConstructor;
     };
+    height: {
+    type: NumberConstructor;
+    };
     mask: {
     type: BooleanConstructor;
     default: boolean;
@@ -5371,10 +5409,14 @@ export declare const Modal: {
     validator: (v: string) => boolean;
     default: string;
     };
+    contentStyle: (ObjectConstructor | StringConstructor)[];
     contentClass: (ObjectConstructor | StringConstructor)[];
     width: {
     type: NumberConstructor;
     };
+    height: {
+    type: NumberConstructor;
+    };
     mask: {
     type: BooleanConstructor;
     default: boolean;
@@ -5483,10 +5525,14 @@ type: PropType<"small" | "medium" | "large">;
 validator: (v: string) => boolean;
 default: string;
 };
+contentStyle: (ObjectConstructor | StringConstructor)[];
 contentClass: (ObjectConstructor | StringConstructor)[];
 width: {
 type: NumberConstructor;
 };
+height: {
+type: NumberConstructor;
+};
 mask: {
 type: BooleanConstructor;
 default: boolean;
@@ -5599,10 +5645,14 @@ type: PropType<"small" | "medium" | "large">;
 validator: (v: string) => boolean;
 default: string;
 };
+contentStyle: (ObjectConstructor | StringConstructor)[];
 contentClass: (ObjectConstructor | StringConstructor)[];
 width: {
 type: NumberConstructor;
 };
+height: {
+type: NumberConstructor;
+};
 mask: {
 type: BooleanConstructor;
 default: boolean;
@@ -5683,10 +5733,14 @@ type: PropType<"small" | "medium" | "large">;
 validator: (v: string) => boolean;
 default: string;
 };
+contentStyle: (ObjectConstructor | StringConstructor)[];
 contentClass: (ObjectConstructor | StringConstructor)[];
 width: {
 type: NumberConstructor;
 };
+height: {
+type: NumberConstructor;
+};
 mask: {
 type: BooleanConstructor;
 default: boolean;
@@ -7039,6 +7093,7 @@ default: boolean;
 };
 stripe: BooleanConstructor;
 border: BooleanConstructor;
+divider: BooleanConstructor;
 rows: {
 type: NumberConstructor;
 default: number;
@@ -7110,6 +7165,7 @@ default: boolean;
 };
 stripe: BooleanConstructor;
 border: BooleanConstructor;
+divider: BooleanConstructor;
 rows: {
 type: NumberConstructor;
 default: number;
@@ -7197,6 +7253,7 @@ showHeader: boolean;
 rows: number;
 defaultSort: Record<string, any>;
 stripe: boolean;
+divider: boolean;
 showSummary: boolean;
 highlight: boolean;
 treeMap: Record<string, any>;
@@ -9501,6 +9558,8 @@ declare const props_2: {
     maskStyle: (ObjectConstructor | StringConstructor)[];
     wrapperClass: (ObjectConstructor | StringConstructor)[];
     wrapperStyle: (ObjectConstructor | StringConstructor)[];
+    contentStyle: (ObjectConstructor | StringConstructor)[];
+    contentClass: (ObjectConstructor | StringConstructor)[];
     closeWithCancel: {
         type: BooleanConstructor;
         default: boolean;
@@ -9627,10 +9686,14 @@ declare const props_5: {
         validator: (v: string) => boolean;
         default: string;
     };
+    contentStyle: (ObjectConstructor | StringConstructor)[];
     contentClass: (ObjectConstructor | StringConstructor)[];
     width: {
         type: NumberConstructor;
     };
+    height: {
+        type: NumberConstructor;
+    };
     mask: {
         type: BooleanConstructor;
         default: boolean;
@@ -10791,6 +10854,7 @@ default: boolean;
 };
 stripe: BooleanConstructor;
 border: BooleanConstructor;
+divider: BooleanConstructor;
 rows: {
 type: NumberConstructor;
 default: number;
@@ -10862,6 +10926,7 @@ default: boolean;
 };
 stripe: BooleanConstructor;
 border: BooleanConstructor;
+divider: BooleanConstructor;
 rows: {
 type: NumberConstructor;
 default: number;
@@ -10949,6 +11014,7 @@ showHeader: boolean;
 rows: number;
 defaultSort: Record<string, any>;
 stripe: boolean;
+divider: boolean;
 showSummary: boolean;
 highlight: boolean;
 treeMap: Record<string, any>;

package/dist/index.iife.js

@@ -14697,7 +14697,7 @@ var VcComponents = (function (exports, vue) {
 	  },
 	  width: {
 	    type: Number,
-	    default: 300
+	    default: 600
 	  },
 	  height: {
 	    type: Number,
@@ -14723,6 +14723,8 @@ var VcComponents = (function (exports, vue) {
 	  maskStyle: [Object, String],
 	  wrapperClass: [Object, String],
 	  wrapperStyle: [Object, String],
+	  contentStyle: [Object, String],
+	  contentClass: [Object, String],
 	  closeWithCancel: {
 	    type: Boolean,
 	    default: true
@@ -14882,7 +14884,8 @@ var VcComponents = (function (exports, vue) {
 	          "class": "vc-drawer__content-container"
 	        }, [vue.createVNode(Scroller, {
 	          "native": false,
-	          "contentClass": "vc-drawer__content"
+	          "contentClass": [props.contentClass, 'vc-drawer__content'],
+	          "contentStyle": props.contentStyle
 	        }, {
 	          default: () => [typeof props.content === 'string' ? vue.createVNode("div", {
 	            "innerHTML": props.content
@@ -15174,7 +15177,10 @@ var VcComponents = (function (exports, vue) {
 	    type: String,
 	    default: "right"
 	  },
-	  contentStyle: String
+	  contentStyle: [Object, String],
+	  contentClass: [Object, String],
+	  labelStyle: [Object, String],
+	  labelClass: [Object, String]
 	};
 
 	class Validator {
@@ -15381,10 +15387,13 @@ var VcComponents = (function (exports, vue) {
 	  });
 	  const labelStyle = vue.computed(() => {
 	    const labelWidth = props.labelWidth === 0 || props.labelWidth ? props.labelWidth : isNest.value ? 0 : form.props.labelWidth;
-	    return {
-	      width: labelPosition.value !== "top" && labelWidth && labelWidth > 0 ? `${labelWidth}px` : "auto",
-	      textAlign: labelPosition.value === "top" ? "left" : labelPosition.value
-	    };
+	    return [
+	      {
+	        width: labelPosition.value !== "top" && labelWidth && labelWidth > 0 ? `${labelWidth}px` : "auto",
+	        textAlign: labelPosition.value === "top" ? "left" : labelPosition.value
+	      },
+	      props.labelStyle
+	    ];
 	  });
 	  const contentStyle = vue.computed(() => {
 	    const labelWidth = props.labelWidth === 0 || props.labelWidth ? props.labelWidth : form.props.labelWidth;
@@ -15596,14 +15605,14 @@ var VcComponents = (function (exports, vue) {
 	      })];
 	      return vue.createVNode("div", {
 	        "class": ['vc-form-item', classes.value]
-	      }, [vue.createVNode("div", {
+	      }, [(label || slots.label) && vue.createVNode("div", {
 	        "style": labelStyle.value,
-	        "class": "vc-form-item__label",
+	        "class": ['vc-form-item__label', props.labelClass],
 	        "for": labelFor
 	      }, [vue.createVNode("label", null, [label || slots.label?.()])]), vue.createVNode("div", {
 	        "class": "vc-form-item__wrapper"
 	      }, [vue.createVNode("div", {
-	        "class": "vc-form-item__content",
+	        "class": ['vc-form-item__content', props.contentClass],
 	        "style": contentStyle.value
 	      }, [slots.default?.(), slots.error ? slots.error({
 	        show: showError.value,
@@ -17057,10 +17066,14 @@ var VcComponents = (function (exports, vue) {
 	    validator: (v) => /(small|medium|large)/.test(v),
 	    default: "small"
 	  },
+	  contentStyle: [Object, String],
 	  contentClass: [Object, String],
 	  width: {
 	    type: Number
 	  },
+	  height: {
+	    type: Number
+	  },
 	  mask: {
 	    type: Boolean,
 	    default: true
@@ -17152,6 +17165,9 @@ var VcComponents = (function (exports, vue) {
 	    const x = vue.ref(0);
 	    const y = vue.ref(0);
 	    const isActive = vue.ref(false);
+
+	    // 注: 服务端渲染为0, 在客服端激活前，展示端存在问题【高度不定】
+	    const MAX_HEIGHT = IS_SERVER$2 ? 0 : window.innerHeight - 20;
 	    const defaultSize = vue.computed(() => {
 	      let width = 0;
 	      let height = 0;
@@ -17171,16 +17187,20 @@ var VcComponents = (function (exports, vue) {
 	      }
 	      return {
 	        width: props.width || width,
-	        height
+	        height: Math.min(props.height || height, MAX_HEIGHT)
 	      };
 	    });
 	    const basicStyle = vue.computed(() => {
-	      return {
+	      const result = {
 	        width: `${defaultSize.value.width}px`,
-	        minHeight: `${defaultSize.value.height}px`,
-	        // 注: 服务端渲染为0, 在客服端激活前，展示端存在问题【高度不定】
-	        maxHeight: IS_SERVER$2 ? 0 : `${window.innerHeight - 20}px`
+	        maxHeight: `${MAX_HEIGHT}px`
 	      };
+	      if (props.height) {
+	        result.height = `${defaultSize.value.height}px`;
+	      } else {
+	        result.minHeight = `${defaultSize.value.height}px`;
+	      }
+	      return result;
 	    });
 	    const draggableStyle = vue.computed(() => {
 	      if (IS_SERVER$2 || !props.draggable) return {};
@@ -17303,6 +17323,7 @@ var VcComponents = (function (exports, vue) {
 	     * container在最大值时，需要移除，宽度才会缩回去
 	     */
 	    const handleContentResize = () => {
+	      if (props.height) return;
 	      const needRefreshScroller = !!scroller.value.wrapper.style.getPropertyValue('height');
 	      const needRefreshContainer = !!container.value.style.getPropertyValue('height');
 	      needRefreshContainer && container.value.style.removeProperty('height');
@@ -17448,7 +17469,8 @@ var VcComponents = (function (exports, vue) {
 	              "height": isTransitionEnd.value ? row.height : void 0,
 	              "contentClass": [{
 	                'is-confirm': props.mode
-	              }, props.contentClass, 'vc-modal__content']
+	              }, props.contentClass, 'vc-modal__content'],
+	              "contentStyle": props.contentStyle
 	            }, {
 	              default: () => [typeof props.content === 'string' ? vue.createVNode("div", {
 	                "innerHTML": props.content
@@ -39712,6 +39734,8 @@ var VcComponents = (function (exports, vue) {
 	  stripe: Boolean,
 	  // 是否带有纵向边框
 	  border: Boolean,
+	  // 是否分割线
+	  divider: Boolean,
 	  // 非常影响表格虚拟滚动的性能，按容器的高度手动优化该值
 	  // 后续考虑移除，动态计算
 	  rows: {
@@ -39852,6 +39876,7 @@ var VcComponents = (function (exports, vue) {
 	        'vc-table--fit': props.fit,
 	        'vc-table--striped': props.stripe,
 	        'vc-table--border': props.border || states.isGroup,
+	        'vc-table--divider': props.border || props.divider,
 	        'vc-table--group': states.isGroup,
 	        'vc-table--fluid-height': props.maxHeight,
 	        'vc-table--scrollable-x': layout.states.scrollX,
@@ -40636,7 +40661,7 @@ var VcComponents = (function (exports, vue) {
 	  }
 	  const line = column.line || VcInstance.options.TableColumn?.line;
 	  if (line && value) {
-	    const base = rowData.isHead || rowData.isTail ? 30 : 20;
+	    const base = rowData.isHead || rowData.isTail ? 36 : 24; // 目前gap是12
 	    const style = {
 	      // 目前左右pading为10
 	      // TODO: 含有border还要-1