vary-ui 3.21.50 → 3.21.52

package/dist/{Loading-CHvjzGBQ.js → Loading-DMFKMWpc.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, onMounted, createVNode } from 'vue';
-import { c as config } from './config-Twa_hIhN.js';
-import { _ as _export_sfc } from './_plugin-vue_export-helper-BEsJRPvd.js';
+import { c as config } from './config-BAKtXHgR.js';
+import { _ as _export_sfc } from './_plugin-vue_export-helper-BwJJ-9J8.js';
 
 var _a;
 var _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/{Wrap-BQbRmjJj.js → Wrap-GIpwRQ0Z.js}

@@ -1,5 +1,5 @@
 import { defineComponent, createVNode } from 'vue';
-import { _ as _export_sfc } from './_plugin-vue_export-helper-BEsJRPvd.js';
+import { _ as _export_sfc } from './_plugin-vue_export-helper-BwJJ-9J8.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/Button/Button.js

@@ -1,6 +1,6 @@
 import { defineComponent, computed, createVNode } from 'vue';
-import { c as config } from '../../config-Twa_hIhN.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BEsJRPvd.js';
+import { c as config } from '../../config-BAKtXHgR.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BwJJ-9J8.js';
 
 console.log(config);
 var _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/lib/Card/Card.js

@@ -1,6 +1,6 @@
 import { defineComponent, createVNode, createTextVNode } from 'vue';
-import { c as config } from '../../config-Twa_hIhN.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BEsJRPvd.js';
+import { c as config } from '../../config-BAKtXHgR.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BwJJ-9J8.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/Checkbox/Checkbox.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, watch, inject, createVNode } from 'vue';
-import { c as config } from '../../config-Twa_hIhN.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BEsJRPvd.js';
+import { c as config } from '../../config-BAKtXHgR.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BwJJ-9J8.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/CheckboxGroup/CheckboxGroup.js

@@ -1,8 +1,8 @@
 import { defineComponent, ref, watch, provide, createVNode } from 'vue';
-import { i as isArray } from '../../utils-DIWiLPoW.js';
+import { i as isArray } from '../../utils-B7J83i5S.js';
 import Checkbox from '../Checkbox/Checkbox.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BEsJRPvd.js';
-import '../../config-Twa_hIhN.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BwJJ-9J8.js';
+import '../../config-BAKtXHgR.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/Confirm/Confirm.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, createVNode, createApp, h } from 'vue';
 import Button from '../Button/Button.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BEsJRPvd.js';
-import '../../config-Twa_hIhN.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BwJJ-9J8.js';
+import '../../config-BAKtXHgR.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/Date/Date.js

@@ -1,11 +1,11 @@
 import { defineComponent, shallowRef, ref, reactive, watch, createVNode, createTextVNode } from 'vue';
-import { n as now, e as isTime, g as isYear, h as isMonth, d as isDate, f as isDateTime } from '../../utils-DIWiLPoW.js';
+import { n as now, e as isTime, g as isYear, h as isMonth, d as isDate, f as isDateTime } from '../../utils-B7J83i5S.js';
 import Popover from '../Popover/Popover.js';
 import Scroll from '../Scroll/Scroll.js';
 import Link from '../Link/Link.js';
-import { W as Wrap } from '../../Wrap-BQbRmjJj.js';
-import { c as config } from '../../config-Twa_hIhN.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BEsJRPvd.js';
+import { W as Wrap } from '../../Wrap-GIpwRQ0Z.js';
+import { c as config } from '../../config-BAKtXHgR.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BwJJ-9J8.js';
 
 const weeks = ["周日", "周一", "周二", "周三", "周四", "周五", "周六"];
 const months = ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"].map((r, i) => {

package/dist/lib/Dialog/Dialog.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, watch, onMounted, onBeforeUnmount, createVNode, createTextVNode } from 'vue';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BEsJRPvd.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BwJJ-9J8.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/Divider/Divider.js

@@ -1,5 +1,5 @@
 import { defineComponent, createVNode } from 'vue';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BEsJRPvd.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BwJJ-9J8.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/Field/Field.js

@@ -1,6 +1,6 @@
 import { defineComponent, inject, createVNode } from 'vue';
-import { c as config } from '../../config-Twa_hIhN.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BEsJRPvd.js';
+import { c as config } from '../../config-BAKtXHgR.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BwJJ-9J8.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/Form/Form.js

@@ -1,5 +1,5 @@
 import { defineComponent, provide, createVNode } from 'vue';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BEsJRPvd.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BwJJ-9J8.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/Input/Input.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, watch, createVNode, mergeProps } from 'vue';
-import { W as Wrap } from '../../Wrap-BQbRmjJj.js';
-import { c as isFun } from '../../utils-DIWiLPoW.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BEsJRPvd.js';
+import { W as Wrap } from '../../Wrap-GIpwRQ0Z.js';
+import { c as isFun } from '../../utils-B7J83i5S.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BwJJ-9J8.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   inheritAttrs: false,

package/dist/lib/Link/Link.js

@@ -1,6 +1,6 @@
 import { defineComponent, computed, createVNode } from 'vue';
-import { c as config } from '../../config-Twa_hIhN.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BEsJRPvd.js';
+import { c as config } from '../../config-BAKtXHgR.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BwJJ-9J8.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/Loading/Loading.js

@@ -1,7 +1,7 @@
 import { shallowRef, createApp, h } from 'vue';
-import { L as Loading } from '../../Loading-CHvjzGBQ.js';
-import { c as config } from '../../config-Twa_hIhN.js';
-import '../../_plugin-vue_export-helper-BEsJRPvd.js';
+import { L as Loading } from '../../Loading-DMFKMWpc.js';
+import { c as config } from '../../config-BAKtXHgR.js';
+import '../../_plugin-vue_export-helper-BwJJ-9J8.js';
 
 const defaultOptions = {
     lock: false,

package/dist/lib/Menu/Menu.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, watch, createVNode } from 'vue';
-import { k as debounce } from '../../utils-DIWiLPoW.js';
+import { k as debounce } from '../../utils-B7J83i5S.js';
 import Scroll from '../Scroll/Scroll.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BEsJRPvd.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BwJJ-9J8.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/Message/Message.js

@@ -1,6 +1,6 @@
 import { defineComponent, onMounted, h, createApp } from 'vue';
-import { c as config } from '../../config-Twa_hIhN.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BEsJRPvd.js';
+import { c as config } from '../../config-BAKtXHgR.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BwJJ-9J8.js';
 
 var _sfc_main = defineComponent({
     props: {

package/dist/lib/Pagination/Pagination.js

@@ -1,14 +1,14 @@
 import { defineComponent, ref, watch, createVNode, createTextVNode } from 'vue';
 import Select from '../Select/Select.js';
-import { c as config } from '../../config-Twa_hIhN.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BEsJRPvd.js';
-import '../../utils-DIWiLPoW.js';
+import { c as config } from '../../config-BAKtXHgR.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BwJJ-9J8.js';
+import '../../utils-B7J83i5S.js';
 import '../Popover/Popover.js';
-import '../../Wrap-BQbRmjJj.js';
+import '../../Wrap-GIpwRQ0Z.js';
 import '../Input/Input.js';
 import '../Checkbox/Checkbox.js';
 import '../Scroll/Scroll.js';
-import '../../Loading-CHvjzGBQ.js';
+import '../../Loading-DMFKMWpc.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/Popover/Popover.js

@@ -1,6 +1,6 @@
 import { defineComponent, shallowRef, ref, watch, onMounted, onBeforeUnmount, createVNode, nextTick } from 'vue';
-import { t as throttle } from '../../utils-DIWiLPoW.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BEsJRPvd.js';
+import { t as throttle } from '../../utils-B7J83i5S.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BwJJ-9J8.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/Radio/Radio.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, watch, createVNode, inject } from 'vue';
-import { c as config } from '../../config-Twa_hIhN.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BEsJRPvd.js';
+import { c as config } from '../../config-BAKtXHgR.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BwJJ-9J8.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/RadioGroup/RadioGroup.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, watch, provide, createVNode } from 'vue';
 import Radio from '../Radio/Radio.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BEsJRPvd.js';
-import '../../config-Twa_hIhN.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BwJJ-9J8.js';
+import '../../config-BAKtXHgR.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/Scene/Scene.js

@@ -1,5 +1,5 @@
 import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, renderSlot } from 'vue';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BEsJRPvd.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BwJJ-9J8.js';
 
 var _sfc_main = /*@__PURE__*/ defineComponent({
     __name: 'Scene',

package/dist/lib/Scroll/Scroll.js

@@ -1,6 +1,6 @@
 import { defineComponent, shallowRef, ref, onMounted, nextTick, onBeforeUnmount, createVNode } from 'vue';
-import { k as debounce } from '../../utils-DIWiLPoW.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BEsJRPvd.js';
+import { k as debounce } from '../../utils-B7J83i5S.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BwJJ-9J8.js';
 
 /**
  * note:

package/dist/lib/Select/Select.js

@@ -1,13 +1,13 @@
 import { defineComponent, ref, shallowRef, reactive, watch, createVNode, createTextVNode, isVNode, nextTick } from 'vue';
-import { k as debounce } from '../../utils-DIWiLPoW.js';
+import { k as debounce } from '../../utils-B7J83i5S.js';
 import Popover from '../Popover/Popover.js';
-import { W as Wrap } from '../../Wrap-BQbRmjJj.js';
+import { W as Wrap } from '../../Wrap-GIpwRQ0Z.js';
 import Input from '../Input/Input.js';
 import Checkbox from '../Checkbox/Checkbox.js';
 import Scroll from '../Scroll/Scroll.js';
-import { c as config } from '../../config-Twa_hIhN.js';
-import { L as Loading } from '../../Loading-CHvjzGBQ.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BEsJRPvd.js';
+import { c as config } from '../../config-BAKtXHgR.js';
+import { L as Loading } from '../../Loading-DMFKMWpc.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BwJJ-9J8.js';
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.

package/dist/lib/Skeleton/Skeleton.js

@@ -1,5 +1,5 @@
 import { defineComponent, createVNode } from 'vue';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BEsJRPvd.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BwJJ-9J8.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/Tab/Tab.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, watch, onBeforeUnmount, createVNode } from 'vue';
-import { m as matchChildrenCoponent } from '../../utils-DIWiLPoW.js';
+import { m as matchChildrenCoponent } from '../../utils-B7J83i5S.js';
 import TabPanel from '../TabPanel/TabPanel.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BEsJRPvd.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BwJJ-9J8.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/TabPanel/TabPanel.js

@@ -1,5 +1,5 @@
 import { defineComponent, createVNode } from 'vue';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BEsJRPvd.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BwJJ-9J8.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   setup(_props, {

package/dist/lib/Table/Table.js

@@ -1,11 +1,12 @@
-import { defineComponent, ref, reactive, shallowRef, nextTick, onMounted, watch, onBeforeMount, createVNode, createTextVNode } from 'vue';
-import { k as debounce, m as matchChildrenCoponent } from '../../utils-DIWiLPoW.js';
+import { defineComponent, getCurrentInstance, ref, shallowRef, reactive, nextTick, onMounted, watch, onBeforeMount, createVNode, createTextVNode } from 'vue';
+import { k as debounce, m as matchChildrenCoponent } from '../../utils-B7J83i5S.js';
 import Checkbox from '../Checkbox/Checkbox.js';
 import Scroll from '../Scroll/Scroll.js';
 import TableColumn from '../TableColumn/TableColumn.js';
-import { c as config } from '../../config-Twa_hIhN.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BEsJRPvd.js';
+import { c as config } from '../../config-BAKtXHgR.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BwJJ-9J8.js';
 
+let colKey = 0;
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     data: {
@@ -29,9 +30,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       default: false
     },
     selection: {
-      type: Boolean,
-      default: false
+      type: Array,
+      default: () => []
     },
+    // 默认选中的行
     placeholder: {
       type: String,
       default: ""
@@ -53,7 +55,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     },
     rowKey: {
       type: [String, Function],
-      default: "key"
+      default: ""
     },
     scrollX: {
       type: Boolean,
@@ -66,21 +68,41 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     height: {
       type: String,
       default: ""
-    }
+    },
+    autoSelectRowOnClick: {
+      type: Boolean,
+      default: false
+    },
+    // 点击行时只选中当前行
+    autoToggleRowOnClick: {
+      type: Boolean,
+      default: false
+    } // 点击行时切换当前行选中状态
   },
-  emits: ["row-click", "selection-change", "sort-change", "cell-click"],
+  emits: ["row-click", "selection-change", "update:selection", "sort-change", "cell-click"],
   setup(_props, {
     emit: _emit,
     slots: _slots,
     attrs: _attrs,
     expose: _expose
   }) {
-    if (!_props.rowKey) {
-      console.warn("Miss Rowkey Prop");
-    }
+    console.log(getCurrentInstance());
+    const openDebug = _attrs.debug !== undefined; // 只要不是undefined就设置为true
     const rootRef = ref(null);
     // 启用选中功能时, 保存选中的行key
-    const selectedRowMap = reactive({});
+    const selectedRowMap = ref({});
+    const updateSelectedRowMap = debounce(function (selection) {
+      console.log('updateSelectedRowMap', selection);
+      selectedRowMap.value = {}; // 清空selectedRowMap
+      selection.forEach(r => {
+        const key = getRowKey(r);
+        selectedRowMap.value[key] = r;
+      });
+    }, 200);
+    // 如果selection不为空, 则更新selectedRowMap
+    if (_props.selection.length > 0) {
+      updateSelectedRowMap();
+    }
     const showLeftShadow = ref(false); // 是否显示左浮动表格的阴影
     const showRightShadow = ref(false); // 是否显示右浮动表格的阴影
     const rowsHeight = ref([]); // 行高
@@ -100,19 +122,19 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const scrollBodyRightRef = shallowRef(null);
     const scrollBodyMainRef = shallowRef(null);
     const showFixedColumn = ref(false); // 是否显示固定列
+    const dataList = ref([]); // 数据列表
     const sortFields = reactive(Object.assign({
       prop: "",
       order: ""
     }, _props.defaultSort)); // 用来保存排序的依据
     const defineWidth = ref(0); // 定义的宽度
     function getRowKey(r) {
-      // r: row, ri: rowIndex
-      if (!_props.rowKey) {
-        console.error("table component miss rowKey prop");
-      }
       const rowKey = typeof _props.rowKey === "function" ? _props.rowKey({
         row: r
-      }) : r[_props.rowKey];
+      }) : _props.rowKey ? r[_props.rowKey] : r['key'] || r['id'];
+      if (!rowKey) {
+        console.warn("table component miss rowKey prop");
+      }
       return rowKey;
     }
     const fixedLeftColumns = ref([]);
@@ -120,6 +142,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const mainColumns = ref([]);
     let mergeColumns = [];
     function init() {
+      const list = JSON.parse(JSON.stringify([..._props.data])); // 先从data中获取
+      dataList.value = list;
       mergeColumns = JSON.parse(JSON.stringify([..._props.columns])); // 先从columns中获取
       const slotColumns = _slots.default ? matchChildrenCoponent(_slots.default(), TableColumn) : [];
       slotColumns.forEach(r => {
@@ -156,16 +180,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       const leftColumns = [];
       const rightColumns = [];
       const normalColumns = [];
-      // 分离列
-      let hasSelectionColumn = false;
       mergeColumns.forEach(c => {
         var _a;
         // 处理c.width为纯数字的情况, 如果是纯数字就加上px单位， 否则就保持原有规则
         c.width = c.width ? (c.width + '').replace('px', '') : 0;
         c.visible = (_a = c.visible) !== null && _a !== void 0 ? _a : true; // 所有列的默认visible设置为true
-        if (c.prop === 'selection') {
-          hasSelectionColumn = true; // 如果存在selection列， 则设置为true
-        }
+        c.colKey = colKey++; // 给列添加一个唯一的key
+        if (c.prop === 'selection') ;
         if (c.visible === false) return; // visible为false的直接跳过
         if (c.fixed === "left") {
           leftColumns.push(c);
@@ -175,16 +196,16 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           normalColumns.push(c);
         }
       });
-      if (!hasSelectionColumn && _props.selection) {
-        // 如果存在selection列， 则不添加
-        // 如果不存在selection slot 或者  column中未定义， 且table中有selection属性， 就自动添加
-        //  给mainColumn和leftColumn都添加一列
-        leftColumns.unshift({
-          label: "1",
-          prop: "selection",
-          align: "center"
-        });
-      }
+      // if (!hasSelectionColumn && _props.selection) {
+      //   // 如果存在selection列， 则不添加
+      //   // 如果不存在selection slot 或者  column中未定义， 且table中有selection属性， 就自动添加
+      //   //  给mainColumn和leftColumn都添加一列
+      //   leftColumns.unshift({
+      //     label: "1",
+      //     prop: "selection",
+      //     align: "center",
+      //   });
+      // }
       mainColumns.value = [...leftColumns, ...normalColumns, ...rightColumns];
       fixedLeftColumns.value = leftColumns;
       fixedRightColumns.value = rightColumns;
@@ -216,14 +237,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         showFixedColumn.value = true; // 固定列显示
         showRightShadow.value = true; // 右边阴影显示
       }
-      // console.log('各列原宽度', mainColumns.value.map(c => c._maxWidth + 'px'))
-      // console.log('视图宽度', rootWidth)
-      // console.log('表格需要的宽度', needWidth)
-      // console.log('最终使用的宽度', initTableWidth)
-      // console.log('固定列的总宽度', fixedWidthTotal)
-      // console.log('需要分配的宽度', initTableWidth - needWidth)
-      // console.log('需要分配的列数', flexColumnTotal)
-      // console.log('每列需要增加的宽度', Math.floor((initTableWidth - needWidth) / flexColumnTotal))
+      openDebug && console.log('各列原宽度', mainColumns.value.map(c => c._maxWidth + 'px'));
+      openDebug && console.log('视图宽度', rootWidth);
+      openDebug && console.log('表格需要的宽度', needWidth);
+      openDebug && console.log('最终使用的宽度', initTableWidth);
+      openDebug && console.log('固定列的总宽度', fixedWidthTotal);
+      openDebug && console.log('需要分配的宽度', initTableWidth - needWidth);
+      openDebug && console.log('需要分配的列数', flexColumnTotal);
+      openDebug && console.log('每列需要增加的宽度', Math.floor((initTableWidth - needWidth) / flexColumnTotal));
       const splitWidth = Math.floor((initTableWidth - needWidth) / flexColumnTotal);
       defineWidth.value = initTableWidth;
       nextTick(() => {
@@ -247,7 +268,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           total += parseInt(colWidthTmp[ci] + '');
           // console.log(ci, thEles[ci], tdEles[ci], thWidth, tdWidth, colWidthTmp[ci])
         });
-        // console.log('colWidthTmp', colWidthTmp, total, initTableWidth)
+        openDebug && console.log('colWidthTmp', colWidthTmp, total, initTableWidth);
         if (total < initTableWidth) {
           // 如果计算的总宽度小于预想宽度
           const index = mainColumns.value.findIndex(c => !c.width); // 找到第一个没有width的列
@@ -267,21 +288,24 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       });
     }) : null;
     let needWidth = 0; // 表格需要的宽度
+    let fixedWidthTotal = 0; // 固定列的总宽度
     let flexColumnTotal = 0; // 可变列的总数量
     function initStyle() {
       // 先计算表格各列的宽度
       // 同步表格的宽度
       needWidth = 0;
+      fixedWidthTotal = 0;
       flexColumnTotal = 0;
       const thEles = headMainRef.value.querySelectorAll('th');
       // const tdEles = bodyMainRef.value.querySelector('tr').querySelectorAll('td');
       const tdEles = bodyMainRef.value.querySelectorAll('col');
       // 只计算需要的宽度
       mainColumns.value.forEach((c, ci) => {
+        var _a;
         const th = thEles[ci].getBoundingClientRect();
         const thWidth = th.width;
-        const td = tdEles[ci].getBoundingClientRect();
-        const tdWidth = td.width;
+        const td = (_a = tdEles[ci]) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+        const tdWidth = (td === null || td === void 0 ? void 0 : td.width) || 0;
         // console.log('td', tdEles[ci], tdWidth)
         let maxWidth = Math.ceil(Math.max(thWidth, tdWidth));
         if (c.prop === 'selection') {
@@ -295,6 +319,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             const width = parseInt(c.width + '');
             c._maxWidth = width;
             needWidth += width;
+            fixedWidthTotal += width;
           }
         } else {
           needWidth += maxWidth;
@@ -305,57 +330,79 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       });
       mapSize();
     }
-    _expose({
-      // 切换全部状态， 全选或者全不选
-      toggleAllSelection(selected) {
-        if (selected) {
-          _props.data.forEach((r, ri) => {
-            const key = getRowKey(r);
-            selectedRowMap[key] = r;
-          });
-          _emit("selection-change", _props.data);
-        } else {
-          Object.keys(selectedRowMap).forEach(key => {
-            delete selectedRowMap[key];
-          });
-          _emit("selection-change", []);
-        }
-      },
-      // 设置某一行的选中状态
-      setRowSelection(row, selected, clearAll = false) {
-        const key = getRowKey(row);
-        if (clearAll) {
-          // 如果需要清空所有选中的行, 则清空selectedRowMap
-          Object.keys(selectedRowMap).forEach(key => {
-            delete selectedRowMap[key];
-          });
-        }
-        if (selected) {
-          selectedRowMap[key] = row;
-        } else {
-          delete selectedRowMap[key];
-        }
-        _emit("selection-change", Object.values(selectedRowMap));
-      },
-      // 获取所有选中的行
-      getAllSelection() {
-        return Object.values(selectedRowMap);
-      },
-      // 清空所有选中的行
-      clearAllSelection() {
-        Object.keys(selectedRowMap).forEach(key => {
-          delete selectedRowMap[key];
-        });
-        _emit("selection-change", []);
+    /**
+     * 选中状态发生变化时, 更新selection
+     */
+    function selectionChange(selection) {
+      updateSelectedRowMap(selection);
+      _emit("update:selection", selection);
+      _emit("selection-change", selection);
+    }
+    /**
+     * 切换全部状态， 全选或者全不选
+     * @param selected 是否选中
+     */
+    function toggleAllSelection(selected) {
+      if (selected) {
+        selectionChange(dataList.value);
+      } else {
+        selectionChange([]);
+      }
+    }
+    /**
+     * 自动切换某一行的选中状态
+     * @param row 行数据
+     * @param clearAll 是否清空所有选中的行
+     */
+    function toggleRowSelection(row, clearAll = false) {
+      const key = getRowKey(row);
+      const map = clearAll ? {} : Object.assign({}, selectedRowMap.value);
+      if (map[key]) {
+        delete map[key];
+      } else {
+        map[key] = row;
       }
+      selectionChange(Object.values(map));
+    }
+    /**
+     * 设置某一行的选中状态
+     * @param row 行数据
+     * @param selected 是否选中
+     * @param clearAll 是否清空所有选中的行
+     */
+    function setRowSelection(row, selected, clearAll = false) {
+      const key = getRowKey(row);
+      const map = clearAll ? {} : Object.assign({}, selectedRowMap.value);
+      if (selected) {
+        map[key] = row;
+      } else {
+        delete map[key];
+      }
+      selectionChange(Object.values(map));
+    }
+    /**
+     * 获取所有选中的行
+     * @returns 选中的行数据
+     */
+    function getAllSelection() {
+      return Object.values(selectedRowMap.value);
+    }
+    /**
+     * 清空所有选中的行
+     */
+    function clearAllSelection() {
+      selectionChange([]);
+    }
+    _expose({
+      toggleAllSelection,
+      toggleRowSelection,
+      setRowSelection,
+      getAllSelection,
+      clearAllSelection
     });
     onMounted(() => {
-      if (_props.data.length === 0) {
-        return;
-      }
       init();
       nextTick(() => {
-        init();
         initStyle();
         if (rootRef.value) {
           ro.observe(rootRef.value);
@@ -363,8 +410,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       });
     });
     watch(() => _props.data, () => {
+      init();
       nextTick(() => {
-        _props.data.length > 0 && initStyle();
+        initStyle();
       });
     }, {
       deep: true
@@ -377,6 +425,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     }, {
       deep: true
     });
+    watch(() => _props.selection, (newVal, oldVal) => {
+      updateSelectedRowMap(newVal);
+    }, {
+      deep: true
+      // immediate: true
+    });
     onBeforeMount(() => {
       // 组件销毁前, 取消对元素的监控
       if (rootRef.value) {
@@ -392,22 +446,17 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         // 多选框的列单独处理
         body = createVNode(Checkbox, {
           "key": "all",
-          "partial": Object.keys(selectedRowMap).length > 0 && Object.keys(selectedRowMap).length < _props.data.length,
-          "modelValue": Object.keys(selectedRowMap).length === _props.data.length ? true : false,
+          "partial": Object.keys(selectedRowMap.value).length > 0 && Object.keys(selectedRowMap.value).length < dataList.value.length,
+          "modelValue": dataList.value.length > 0 && Object.keys(selectedRowMap.value).length === dataList.value.length ? true : false,
           "onChange": v => {
             if (v) {
               // 全选
-              _props.data.forEach((r, ri) => {
-                const key = getRowKey(r);
-                selectedRowMap[key] = r;
-              });
+              toggleAllSelection(true);
             } else {
               // 取消全选
-              Object.keys(selectedRowMap).forEach(k => {
-                delete selectedRowMap[k];
-              });
+              toggleAllSelection(false);
             }
-            _emit("selection-change", Object.values(selectedRowMap));
+            _emit("selection-change", Object.values(selectedRowMap.value));
           }
         }, null);
       } else {
@@ -485,14 +534,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       } else if (c.prop === "selection") {
         body = createVNode(Checkbox, {
           "key": rowKey,
-          "modelValue": selectedRowMap[rowKey] ? true : false,
+          "modelValue": selectedRowMap.value[rowKey] ? true : false,
           "onChange": v => {
-            if (v) {
-              selectedRowMap[rowKey] = r;
-            } else {
-              delete selectedRowMap[rowKey];
+            if (!_props.autoSelectRowOnClick && !_props.autoToggleRowOnClick) {
+              // 如果这两个都没打开, 这里需要手动触发
+              toggleRowSelection(r);
             }
-            _emit("selection-change", Object.values(selectedRowMap));
           }
         }, null);
       } else {
@@ -514,6 +561,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     function cellClick(p) {
       // 点击单元格事件
       // console.log('cellClick', p)
+      if (_props.autoSelectRowOnClick) {
+        // 点击行时只选中当前行
+        setRowSelection(p.row, true, true);
+      } else if (_props.autoToggleRowOnClick) {
+        // 点击行时切换当前行选中状态
+        toggleRowSelection(p.row);
+      }
       _emit("cell-click", p);
     }
     return () => {
@@ -526,7 +580,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           "v_table--full-border": _props.border == 'full',
           "v_table--enable_scroll": _props.scrollX,
           'v_table--layout-fixed': defineWidth.value > 0,
-          'v_table--debug': _attrs.debug !== undefined
+          'v_table--debug': openDebug
         }],
         "onMouseleave": () => {
           currentRowIndex.value = -1;
@@ -646,7 +700,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           return createVNode("col", {
             "width": c.width && c.width !== 'minimal' ? c.width + 'px' : colsWidth.value[ci]
           }, null);
-        })]), createVNode("tbody", null, [_props.data.map((r, ri) => {
+        })]), createVNode("tbody", null, [dataList.value.map((r, ri) => {
           return createVNode("tr", {
             "key": getRowKey(r),
             "class": [{
@@ -714,7 +768,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           } : {}
         }, [createVNode("colgroup", null, [mainColumns.value.map((c, ci) => createVNode("col", {
           "width": c.width && c.width !== 'minimal' ? c.width + 'px' : colsWidth.value[ci]
-        }, null))]), createVNode("tbody", null, [_props.data.map((r, ri) => createVNode("tr", {
+        }, null))]), createVNode("tbody", null, [dataList.value.map((r, ri) => createVNode("tr", {
           "key": getRowKey(r),
           "class": [{
             "v_table_tr--hover": ri === currentRowIndex.value
@@ -749,7 +803,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             ri,
             ci
           })]);
-        })]))])]), _props.data.length === 0 && createVNode("div", {
+        })]))])]), dataList.value.length === 0 && createVNode("div", {
           "class": "v_table_empty"
         }, [_slots.empty ? _slots.empty() : "Empty Data"])]
       }),
@@ -776,7 +830,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           return createVNode("col", {
             "width": c.width && c.width !== 'minimal' ? c.width + 'px' : colsWidth.value[i]
           }, null);
-        })]), createVNode("tbody", null, [_props.data.map((r, ri) => createVNode("tr", {
+        })]), createVNode("tbody", null, [dataList.value.map((r, ri) => createVNode("tr", {
           "key": getRowKey(r),
           "class": [{
             "v_table_tr--hover": ri === currentRowIndex.value

package/dist/lib/TableColumn/TableColumn.js

@@ -1,5 +1,5 @@
 import { defineComponent } from 'vue';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BEsJRPvd.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BwJJ-9J8.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/types/lib/Table/Table.vue.d.ts

@@ -10,7 +10,6 @@ export type TableColumnProp = {
     sortable?: Slot | boolean;
     filter?: Slot | boolean;
     visible?: boolean;
-    _maxWidth?: number;
 };
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     data: {
@@ -34,8 +33,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
     selection: {
-        type: BooleanConstructor;
-        default: boolean;
+        type: PropType<any[]>;
+        default: () => any[];
     };
     placeholder: {
         type: StringConstructor;
@@ -74,7 +73,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: string;
     };
-}>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("row-click" | "selection-change" | "sort-change" | "cell-click")[], "row-click" | "selection-change" | "sort-change" | "cell-click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    autoSelectRowOnClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoToggleRowOnClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("row-click" | "selection-change" | "update:selection" | "sort-change" | "cell-click")[], "row-click" | "selection-change" | "update:selection" | "sort-change" | "cell-click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     data: {
         type: PropType<any[]>;
         default: () => any[];
@@ -96,8 +103,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
     selection: {
-        type: BooleanConstructor;
-        default: boolean;
+        type: PropType<any[]>;
+        default: () => any[];
     };
     placeholder: {
         type: StringConstructor;
@@ -136,9 +143,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    autoSelectRowOnClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoToggleRowOnClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     "onRow-click"?: (...args: any[]) => any;
     "onSelection-change"?: (...args: any[]) => any;
+    "onUpdate:selection"?: (...args: any[]) => any;
     "onSort-change"?: (...args: any[]) => any;
     "onCell-click"?: (...args: any[]) => any;
 }>, {
@@ -147,7 +163,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     hover: boolean;
     border: boolean | "full";
     stripe: boolean;
-    selection: boolean;
+    selection: any[];
     placeholder: string;
     align: string;
     size: string;
@@ -158,5 +174,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     scrollX: boolean;
     scrollY: boolean;
     height: string;
+    autoSelectRowOnClick: boolean;
+    autoToggleRowOnClick: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/vary-ui.js

@@ -17,7 +17,7 @@ import Scroll from './lib/Scroll/Scroll.js';
 import Select from './lib/Select/Select.js';
 import Skeleton from './lib/Skeleton/Skeleton.js';
 import { defineComponent, ref, watch, createVNode, onMounted, onBeforeUnmount, createTextVNode, createApp, h } from 'vue';
-import { _ as _export_sfc } from './_plugin-vue_export-helper-BEsJRPvd.js';
+import { _ as _export_sfc } from './_plugin-vue_export-helper-BwJJ-9J8.js';
 import Tab from './lib/Tab/Tab.js';
 import Table from './lib/Table/Table.js';
 import TableColumn from './lib/TableColumn/TableColumn.js';
@@ -27,10 +27,10 @@ import RadioGroup from './lib/RadioGroup/RadioGroup.js';
 export { default as Message } from './lib/Message/Message.js';
 export { default as Confirm } from './lib/Confirm/Confirm.js';
 import './lib/Loading/Loading.js';
-import { c as config, s as setConfig } from './config-Twa_hIhN.js';
-export { k as debounce, i as isArray, b as isBoolean, d as isDate, f as isDateTime, c as isFun, h as isMonth, j as isNumber, a as isObject, e as isTime, g as isYear, m as matchChildrenCoponent, n as now, t as throttle } from './utils-DIWiLPoW.js';
-import { L as Loading } from './Loading-CHvjzGBQ.js';
-import './Wrap-BQbRmjJj.js';
+import { c as config, s as setConfig } from './config-BAKtXHgR.js';
+export { k as debounce, i as isArray, b as isBoolean, d as isDate, f as isDateTime, c as isFun, h as isMonth, j as isNumber, a as isObject, e as isTime, g as isYear, m as matchChildrenCoponent, n as now, t as throttle } from './utils-B7J83i5S.js';
+import { L as Loading } from './Loading-DMFKMWpc.js';
+import './Wrap-GIpwRQ0Z.js';
 
 var _sfc_main$2 = /* @__PURE__ */ defineComponent({
   props: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vary-ui",
-  "version": "3.21.50",
+  "version": "3.21.52",
   "description": "vary-ui base vue3",
   "homepage": "https://varyui.com",
   "main": "dist/vary-ui.js",