@deot/vc-components 1.0.19 → 1.0.21

package/dist/index.cjs

@@ -8542,6 +8542,14 @@ const props$P = {
     type: [String, Boolean],
     default: "取消"
   },
+  okDisabled: {
+    type: Boolean,
+    default: false
+  },
+  cancelDisabled: {
+    type: Boolean,
+    default: false
+  },
   footer: {
     type: Boolean,
     default: true
@@ -8691,11 +8699,13 @@ const DrawerView = /* @__PURE__ */ vue.defineComponent({
           "class": ['vc-drawer__footer']
         }, [slots['footer-extra']?.(), !slots.footer ? vue.createVNode(vue.Fragment, null, [props.cancelText && vue.createVNode(Button, {
           "style": "margin-right: 8px;",
+          "disabled": props.cancelDisabled,
           "onClick": e => handleBefore(e, handleCancel)
         }, {
           default: () => [props.cancelText]
         }), props.okText && vue.createVNode(Button, {
           "type": "primary",
+          "disabled": props.okDisabled,
           "onClick": e => handleBefore(e, handleOk)
         }, {
           default: () => [props.okText]
@@ -10353,6 +10363,14 @@ const props$z = {
     type: Boolean,
     default: false
   },
+  okDisabled: {
+    type: Boolean,
+    default: false
+  },
+  cancelDisabled: {
+    type: Boolean,
+    default: false
+  },
   /**
    * 兼容portal设计, 实现Promise方式
    */
@@ -10698,11 +10716,13 @@ const ModalView = /* @__PURE__ */ vue.defineComponent({
           }, 'vc-modal__footer']
         }, [slots['footer-extra']?.(), !slots.footer ? vue.createVNode(vue.Fragment, null, [props.cancelText && vue.createVNode(Button, {
           "style": "margin-right: 8px;",
+          "disabled": props.cancelDisabled,
           "onClick": e => handleBefore(e, handleCancel)
         }, {
           default: () => [props.cancelText]
         }), props.okText && vue.createVNode(Button, {
           "type": "primary",
+          "disabled": props.okDisabled,
           "onClick": e => handleBefore(e, handleOk)
         }, {
           default: () => [props.okText]
@@ -13109,12 +13129,21 @@ const RecycleList = /* @__PURE__ */ vue.defineComponent({
       const current = props.inverted ? rebuildData.value[rebuildDataIndexMap.value[index]] : rebuildData.value[index];
       if (!current) return; // 受到`removeUnusedPlaceholders`影响，无效的会被回收
 
+      const oldSize = current.size;
       const dom = preloads.value[index] || curloads.value[props.inverted ? index : index - firstItemIndex.value];
       if (dom) {
         current.size = dom[K.offsetSize] || placeholderSize.value;
       } else if (current) {
         current.size = placeholderSize.value;
       }
+
+      // 这样的考虑欠佳，待优化
+      if (oldSize !== current.size) {
+        emit('row-resize', {
+          index: current.id,
+          size: current.size
+        });
+      }
     };
     const refreshItemPosition = () => {
       const sizes = Array.from({
@@ -13344,13 +13373,6 @@ const RecycleList = /* @__PURE__ */ vue.defineComponent({
       leading: false,
       trailing: true
     });
-    const handleRowChange = (e, row) => {
-      emit('row-resize', {
-        index: row.id,
-        height: e.height,
-        width: e.width
-      });
-    };
 
     // 设置初始数据
     const setDataSource = async (v, oldV) => {
@@ -13481,8 +13503,7 @@ const RecycleList = /* @__PURE__ */ vue.defineComponent({
             "data-column": item.column,
             "data-size": item.size,
             "data-position": item.position,
-            "onResize": handleResize,
-            "onChange": e => handleRowChange(e, item)
+            "onResize": handleResize
           }, {
             default: () => [slots.default?.({
               row: item.data || {},
@@ -14871,8 +14892,7 @@ const NormalList = /* @__PURE__ */ vue.defineComponent({
     const handleResize = (e, index) => {
       emit('row-resize', {
         index,
-        height: e.height,
-        width: e.width
+        size: e.height
       });
     };
     return () => {
@@ -15134,7 +15154,9 @@ const TableBody = /* @__PURE__ */ vue.defineComponent({
     const handleMergeRowResize = v => {
       if (table.props.rowHeight) return;
       states.list[v.index].rows.forEach(row => {
-        row.heightMap[props.fixed || 'main'] = v.height;
+        const old = row.heightMap[props.fixed || 'main'];
+        if (old === v.size) return;
+        row.heightMap[props.fixed || 'main'] = v.size;
         const heights = [row.heightMap.main];
         if (states.leftFixedCount) {
           heights.push(row.heightMap.left);
@@ -15456,7 +15478,7 @@ const TableHeader = /* @__PURE__ */ vue.defineComponent({
       }, [vue.createVNode("div", {
         "class": ['vc-table__cell',
         // {
-        // 	"highlight": column.filteredValue && column.filteredValue.length > 0
+        // 	"is-highlight": column.filteredValue && column.filteredValue.length > 0
         // },
         column.labelClass]
       }, [column.renderHeader ? column.renderHeader({
@@ -15490,6 +15512,7 @@ const TableFooter = /* @__PURE__ */ vue.defineComponent({
     border: Boolean
   },
   setup(props) {
+    vue.inject('vc-table');
     const states = useStates({
       data: 'data',
       columns: 'columns',
@@ -15583,7 +15606,8 @@ const TableFooter = /* @__PURE__ */ vue.defineComponent({
         "key": columnIndex,
         "class": [getRowClasses(column, columnIndex), 'vc-table__td'],
         "style": [{
-          width: `${column.realWidth}px`
+          width: `${column.realWidth}px`,
+          height: `44px`
         }]
       }, [vue.createVNode("div", {
         "class": ['vc-table__cell', column.labelClass]
@@ -15672,7 +15696,7 @@ const props$c = {
   getSpan: Function,
   placeholder: {
     type: [String, Function],
-    default: "--"
+    default: "-"
   },
   /**
    * 排序全部交给外部处理，内部不处理数据，只做交互
@@ -16311,7 +16335,7 @@ const getFitIndex = (options = {}) => {
   }
   let endIndex = 0;
   hiddenEl$1.innerText = suffix;
-  value.split("").forEach((item, i) => {
+  (value || "").split("").forEach((item, i) => {
     let old = hiddenEl$1.innerText;
     old = old.substring(0, old.length - suffix.length);
     hiddenEl$1.innerText = old + item + suffix;
@@ -16362,9 +16386,10 @@ const Text = /* @__PURE__ */ vue.defineComponent({
       emit('clip', endIndex.value);
     };
     const handleResize = props.resize === true || props.resize === 0 ? calcPosition : lodashEs.debounce(calcPosition, props.resize || 0);
+    let poper;
     const handleMouseOver = e => {
       if (endIndex.value > 0) {
-        Popover.open({
+        poper = Popover.open({
           el: document.body,
           name: 'vc-text-popover',
           // 确保不重复创建
@@ -16389,6 +16414,7 @@ const Text = /* @__PURE__ */ vue.defineComponent({
     });
     vue.onBeforeUnmount(() => {
       props.resize !== false && helperResize.Resize.off(instance.vnode.el, handleResize);
+      poper?.destroy?.();
     });
     const Content = props.tag;
     return () => {
@@ -16531,7 +16557,7 @@ const defaultRenderCell = (rowData = {}) => {
     return column.formatter(rowData);
   }
   const line = column.line || VcInstance.options.TableColumn?.line;
-  if (line) {
+  if (line && value) {
     const style = {
       // 目前左右pading为10
       // TODO: 含有border还要-1

package/dist/index.d.ts

@@ -872,6 +872,14 @@ export declare const Drawer: {
     type: (StringConstructor | BooleanConstructor)[];
     default: string;
     };
+    okDisabled: {
+    type: BooleanConstructor;
+    default: boolean;
+    };
+    cancelDisabled: {
+    type: BooleanConstructor;
+    default: boolean;
+    };
     footer: {
     type: BooleanConstructor;
     default: boolean;
@@ -899,6 +907,8 @@ export declare const Drawer: {
     closeWithCancel: boolean;
     okText: string | boolean;
     cancelText: string | boolean;
+    okDisabled: boolean;
+    cancelDisabled: boolean;
     }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
     P: {};
     B: {};
@@ -955,6 +965,14 @@ export declare const Drawer: {
     type: (StringConstructor | BooleanConstructor)[];
     default: string;
     };
+    okDisabled: {
+    type: BooleanConstructor;
+    default: boolean;
+    };
+    cancelDisabled: {
+    type: BooleanConstructor;
+    default: boolean;
+    };
     footer: {
     type: BooleanConstructor;
     default: boolean;
@@ -982,6 +1000,8 @@ export declare const Drawer: {
     closeWithCancel: boolean;
     okText: string | boolean;
     cancelText: string | boolean;
+    okDisabled: boolean;
+    cancelDisabled: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -1035,6 +1055,14 @@ cancelText: {
 type: (StringConstructor | BooleanConstructor)[];
 default: string;
 };
+okDisabled: {
+type: BooleanConstructor;
+default: boolean;
+};
+cancelDisabled: {
+type: BooleanConstructor;
+default: boolean;
+};
 footer: {
 type: BooleanConstructor;
 default: boolean;
@@ -1062,6 +1090,8 @@ scrollable: boolean;
 closeWithCancel: boolean;
 okText: string | boolean;
 cancelText: string | boolean;
+okDisabled: boolean;
+cancelDisabled: boolean;
 }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & {
     open: (options: Options) => PortalLeaf;
     destroy: () => void;
@@ -1116,6 +1146,14 @@ cancelText: {
 type: (StringConstructor | BooleanConstructor)[];
 default: string;
 };
+okDisabled: {
+type: BooleanConstructor;
+default: boolean;
+};
+cancelDisabled: {
+type: BooleanConstructor;
+default: boolean;
+};
 footer: {
 type: BooleanConstructor;
 default: boolean;
@@ -1175,6 +1213,14 @@ cancelText: {
 type: (StringConstructor | BooleanConstructor)[];
 default: string;
 };
+okDisabled: {
+type: BooleanConstructor;
+default: boolean;
+};
+cancelDisabled: {
+type: BooleanConstructor;
+default: boolean;
+};
 footer: {
 type: BooleanConstructor;
 default: boolean;
@@ -1202,6 +1248,8 @@ scrollable: boolean;
 closeWithCancel: boolean;
 okText: string | boolean;
 cancelText: string | boolean;
+okDisabled: boolean;
+cancelDisabled: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
 export declare const Dropdown: DefineComponent<ExtractPropTypes<    {
@@ -2868,6 +2916,14 @@ export declare const MDrawer: {
     type: (StringConstructor | BooleanConstructor)[];
     default: string;
     };
+    okDisabled: {
+    type: BooleanConstructor;
+    default: boolean;
+    };
+    cancelDisabled: {
+    type: BooleanConstructor;
+    default: boolean;
+    };
     footer: {
     type: BooleanConstructor;
     default: boolean;
@@ -2895,6 +2951,8 @@ export declare const MDrawer: {
     closeWithCancel: boolean;
     okText: string | boolean;
     cancelText: string | boolean;
+    okDisabled: boolean;
+    cancelDisabled: boolean;
     }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
     P: {};
     B: {};
@@ -2951,6 +3009,14 @@ export declare const MDrawer: {
     type: (StringConstructor | BooleanConstructor)[];
     default: string;
     };
+    okDisabled: {
+    type: BooleanConstructor;
+    default: boolean;
+    };
+    cancelDisabled: {
+    type: BooleanConstructor;
+    default: boolean;
+    };
     footer: {
     type: BooleanConstructor;
     default: boolean;
@@ -2978,6 +3044,8 @@ export declare const MDrawer: {
     closeWithCancel: boolean;
     okText: string | boolean;
     cancelText: string | boolean;
+    okDisabled: boolean;
+    cancelDisabled: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -3031,6 +3099,14 @@ cancelText: {
 type: (StringConstructor | BooleanConstructor)[];
 default: string;
 };
+okDisabled: {
+type: BooleanConstructor;
+default: boolean;
+};
+cancelDisabled: {
+type: BooleanConstructor;
+default: boolean;
+};
 footer: {
 type: BooleanConstructor;
 default: boolean;
@@ -3058,6 +3134,8 @@ scrollable: boolean;
 closeWithCancel: boolean;
 okText: string | boolean;
 cancelText: string | boolean;
+okDisabled: boolean;
+cancelDisabled: boolean;
 }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & {
     open: (options: Partial<{
         footer: boolean;
@@ -3072,6 +3150,8 @@ cancelText: string | boolean;
         closeWithCancel: boolean;
         okText: string | boolean;
         cancelText: string | boolean;
+        okDisabled: boolean;
+        cancelDisabled: boolean;
     } & {
         title?: string | undefined;
         onCancel?: Function | undefined;
@@ -3134,6 +3214,14 @@ cancelText: {
 type: (StringConstructor | BooleanConstructor)[];
 default: string;
 };
+okDisabled: {
+type: BooleanConstructor;
+default: boolean;
+};
+cancelDisabled: {
+type: BooleanConstructor;
+default: boolean;
+};
 footer: {
 type: BooleanConstructor;
 default: boolean;
@@ -3193,6 +3281,14 @@ cancelText: {
 type: (StringConstructor | BooleanConstructor)[];
 default: string;
 };
+okDisabled: {
+type: BooleanConstructor;
+default: boolean;
+};
+cancelDisabled: {
+type: BooleanConstructor;
+default: boolean;
+};
 footer: {
 type: BooleanConstructor;
 default: boolean;
@@ -3220,6 +3316,8 @@ scrollable: boolean;
 closeWithCancel: boolean;
 okText: string | boolean;
 cancelText: string | boolean;
+okDisabled: boolean;
+cancelDisabled: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
 export declare const MDropdown: DefineComponent<ExtractPropTypes<    {
@@ -5210,6 +5308,14 @@ export declare const Modal: {
     type: BooleanConstructor;
     default: boolean;
     };
+    okDisabled: {
+    type: BooleanConstructor;
+    default: boolean;
+    };
+    cancelDisabled: {
+    type: BooleanConstructor;
+    default: boolean;
+    };
     onOk: {
     type: FunctionConstructor;
     };
@@ -5236,6 +5342,8 @@ export declare const Modal: {
     closeWithCancel: boolean;
     okText: string | boolean;
     cancelText: string | boolean;
+    okDisabled: boolean;
+    cancelDisabled: boolean;
     escClosable: boolean;
     draggable: boolean;
     }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
@@ -5315,6 +5423,14 @@ export declare const Modal: {
     type: BooleanConstructor;
     default: boolean;
     };
+    okDisabled: {
+    type: BooleanConstructor;
+    default: boolean;
+    };
+    cancelDisabled: {
+    type: BooleanConstructor;
+    default: boolean;
+    };
     onOk: {
     type: FunctionConstructor;
     };
@@ -5341,6 +5457,8 @@ export declare const Modal: {
     closeWithCancel: boolean;
     okText: string | boolean;
     cancelText: string | boolean;
+    okDisabled: boolean;
+    cancelDisabled: boolean;
     escClosable: boolean;
     draggable: boolean;
     }>;
@@ -5417,6 +5535,14 @@ border: {
 type: BooleanConstructor;
 default: boolean;
 };
+okDisabled: {
+type: BooleanConstructor;
+default: boolean;
+};
+cancelDisabled: {
+type: BooleanConstructor;
+default: boolean;
+};
 onOk: {
 type: FunctionConstructor;
 };
@@ -5443,6 +5569,8 @@ scrollable: boolean;
 closeWithCancel: boolean;
 okText: string | boolean;
 cancelText: string | boolean;
+okDisabled: boolean;
+cancelDisabled: boolean;
 escClosable: boolean;
 draggable: boolean;
 }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & {
@@ -5523,6 +5651,14 @@ border: {
 type: BooleanConstructor;
 default: boolean;
 };
+okDisabled: {
+type: BooleanConstructor;
+default: boolean;
+};
+cancelDisabled: {
+type: BooleanConstructor;
+default: boolean;
+};
 onOk: {
 type: FunctionConstructor;
 };
@@ -5599,6 +5735,14 @@ border: {
 type: BooleanConstructor;
 default: boolean;
 };
+okDisabled: {
+type: BooleanConstructor;
+default: boolean;
+};
+cancelDisabled: {
+type: BooleanConstructor;
+default: boolean;
+};
 onOk: {
 type: FunctionConstructor;
 };
@@ -5625,6 +5769,8 @@ scrollable: boolean;
 closeWithCancel: boolean;
 okText: string | boolean;
 cancelText: string | boolean;
+okDisabled: boolean;
+cancelDisabled: boolean;
 escClosable: boolean;
 draggable: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
@@ -9367,6 +9513,14 @@ declare const props_2: {
         type: (StringConstructor | BooleanConstructor)[];
         default: string;
     };
+    okDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    cancelDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     footer: {
         type: BooleanConstructor;
         default: boolean;
@@ -9525,6 +9679,14 @@ declare const props_5: {
         type: BooleanConstructor;
         default: boolean;
     };
+    okDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    cancelDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     onOk: {
         type: FunctionConstructor;
     };