@deot/vc-components 1.0.22 → 1.0.24

package/dist/index.js

@@ -8479,7 +8479,7 @@ const props$P = {
   },
   width: {
     type: Number,
-    default: 300
+    default: 600
   },
   height: {
     type: Number,
@@ -8505,6 +8505,8 @@ const props$P = {
   maskStyle: [Object, String],
   wrapperClass: [Object, String],
   wrapperStyle: [Object, String],
+  contentStyle: [Object, String],
+  contentClass: [Object, String],
   closeWithCancel: {
     type: Boolean,
     default: true
@@ -8664,7 +8666,8 @@ const DrawerView = /* @__PURE__ */ defineComponent({
           "class": "vc-drawer__content-container"
         }, [createVNode(Scroller, {
           "native": false,
-          "contentClass": "vc-drawer__content"
+          "contentClass": [props.contentClass, 'vc-drawer__content'],
+          "contentStyle": props.contentStyle
         }, {
           default: () => [typeof props.content === 'string' ? createVNode("div", {
             "innerHTML": props.content
@@ -8956,7 +8959,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) => {
@@ -9031,10 +9037,13 @@ const useFormItem = (expose) => {
   });
   const labelStyle = 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 = computed(() => {
     const labelWidth = props.labelWidth === 0 || props.labelWidth ? props.labelWidth : form.props.labelWidth;
@@ -9246,14 +9255,14 @@ const FormItem = /* @__PURE__ */ defineComponent({
       })];
       return createVNode("div", {
         "class": ['vc-form-item', classes.value]
-      }, [createVNode("div", {
+      }, [(label || slots.label) && createVNode("div", {
         "style": labelStyle.value,
-        "class": "vc-form-item__label",
+        "class": ['vc-form-item__label', props.labelClass],
         "for": labelFor
       }, [createVNode("label", null, [label || slots.label?.()])]), createVNode("div", {
         "class": "vc-form-item__wrapper"
       }, [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,
@@ -10286,10 +10295,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
@@ -10381,6 +10394,9 @@ const ModalView = /* @__PURE__ */ defineComponent({
     const x = ref(0);
     const y = ref(0);
     const isActive = ref(false);
+
+    // 注: 服务端渲染为0, 在客服端激活前，展示端存在问题【高度不定】
+    const MAX_HEIGHT = IS_SERVER$1 ? 0 : window.innerHeight - 20;
     const defaultSize = computed(() => {
       let width = 0;
       let height = 0;
@@ -10400,16 +10416,20 @@ const ModalView = /* @__PURE__ */ defineComponent({
       }
       return {
         width: props.width || width,
-        height
+        height: Math.min(props.height || height, MAX_HEIGHT)
       };
     });
     const basicStyle = computed(() => {
-      return {
+      const result = {
         width: `${defaultSize.value.width}px`,
-        minHeight: `${defaultSize.value.height}px`,
-        // 注: 服务端渲染为0, 在客服端激活前，展示端存在问题【高度不定】
-        maxHeight: IS_SERVER$1 ? 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 = computed(() => {
       if (IS_SERVER$1 || !props.draggable) return {};
@@ -10532,6 +10552,7 @@ const ModalView = /* @__PURE__ */ 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');
@@ -10677,7 +10698,8 @@ const ModalView = /* @__PURE__ */ 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' ? createVNode("div", {
                 "innerHTML": props.content
@@ -11755,7 +11777,8 @@ const Select = /* @__PURE__ */ defineComponent({
           }, [createVNode(Spin, {
             "size": 16
           }, null)]), createVNode(Scroller, {
-            "class": "vc-select__options"
+            "class": "vc-select__options",
+            "max-height": "200px"
           }, {
             default: () => [props.data ? createVNode("div", null, [props.data.map(item => {
               let _slot;
@@ -15077,6 +15100,7 @@ const TableBody = /* @__PURE__ */ defineComponent({
       const key = getValueOfRow(row, rowIndex);
       const selected = table.store.isSelected(row);
       const height = rowHeight || rowData.height;
+      const maxColumnIndex = columns.length - 1;
       return createVNode("div", {
         "key": key,
         "class": [getRowClass(row, rowIndex), 'vc-table__tr'],
@@ -15112,8 +15136,10 @@ const TableBody = /* @__PURE__ */ defineComponent({
           column,
           rowIndex,
           columnIndex,
+          selected,
           store: table.store,
-          selected
+          isHead: columnIndex === 0,
+          isTail: columnIndex === maxColumnIndex
         })]);
       })]);
     };
@@ -15612,6 +15638,8 @@ const props$c = {
   stripe: Boolean,
   // 是否带有纵向边框
   border: Boolean,
+  // 是否分割线
+  divider: Boolean,
   // 非常影响表格虚拟滚动的性能，按容器的高度手动优化该值
   // 后续考虑移除，动态计算
   rows: {
@@ -15752,6 +15780,7 @@ const Table = /* @__PURE__ */ 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,
@@ -16536,10 +16565,11 @@ const defaultRenderCell = (rowData = {}) => {
   }
   const line = column.line || VcInstance.options.TableColumn?.line;
   if (line && value) {
+    const base = rowData.isHead || rowData.isTail ? 36 : 24; // 目前gap是12
     const style = {
       // 目前左右pading为10
       // TODO: 含有border还要-1
-      width: (column.realWidth || column.width) - 20 + 'px'
+      width: (column.realWidth || column.width) - base + 'px'
     };
     return createVNode(Text, {
       "style": style,