vary-ui 3.21.59 → 3.21.61

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/dist/{Loading-cd6nLjLn.js → Loading-B77BLpR0.js} +2 -2
  2. package/dist/{Wrap-BXw4DS1q.js → Wrap-CiLfWOx5.js} +1 -1
  3. package/dist/lib/Button/Button.js +2 -2
  4. package/dist/lib/Card/Card.js +2 -2
  5. package/dist/lib/Checkbox/Checkbox.js +2 -2
  6. package/dist/lib/CheckboxGroup/CheckboxGroup.js +3 -3
  7. package/dist/lib/Confirm/Confirm.js +2 -2
  8. package/dist/lib/Date/Date.js +4 -4
  9. package/dist/lib/Dialog/Dialog.js +1 -1
  10. package/dist/lib/Divider/Divider.js +1 -1
  11. package/dist/lib/Field/Field.js +2 -2
  12. package/dist/lib/Form/Form.js +1 -1
  13. package/dist/lib/Input/Input.js +3 -3
  14. package/dist/lib/Link/Link.js +2 -2
  15. package/dist/lib/Loading/Loading.js +3 -3
  16. package/dist/lib/Menu/Menu.js +2 -2
  17. package/dist/lib/Message/Message.js +2 -2
  18. package/dist/lib/Pagination/Pagination.js +5 -5
  19. package/dist/lib/Popover/Popover.js +2 -2
  20. package/dist/lib/Radio/Radio.js +2 -2
  21. package/dist/lib/RadioGroup/RadioGroup.js +2 -2
  22. package/dist/lib/Scene/Scene.js +1 -1
  23. package/dist/lib/Scroll/Scroll.js +2 -3
  24. package/dist/lib/Select/Select.js +5 -5
  25. package/dist/lib/Skeleton/Skeleton.js +1 -1
  26. package/dist/lib/Tab/Tab.js +2 -2
  27. package/dist/lib/TabPanel/TabPanel.js +1 -1
  28. package/dist/lib/Table/Table.js +54 -59
  29. package/dist/lib/TableColumn/TableColumn.js +1 -1
  30. package/dist/types/lib/Table/Table.vue.d.ts +0 -36
  31. package/dist/vary-ui.js +5 -5
  32. package/package.json +1 -1
  33. /package/dist/{_plugin-vue_export-helper-CzElMObC.js → _plugin-vue_export-helper-99LJS6sQ.js} +0 -0
  34. /package/dist/{config-ChShjSUx.js → config-B6AmLjb9.js} +0 -0
  35. /package/dist/{utils-B_6DLEXZ.js → utils-AtwISkPO.js} +0 -0
@@ -1,6 +1,6 @@
1
1
  import { defineComponent, ref, onMounted, createVNode } from 'vue';
2
- import { c as config } from './config-ChShjSUx.js';
3
- import { _ as _export_sfc } from './_plugin-vue_export-helper-CzElMObC.js';
2
+ import { c as config } from './config-B6AmLjb9.js';
3
+ import { _ as _export_sfc } from './_plugin-vue_export-helper-99LJS6sQ.js';
4
4
 
5
5
  var _a;
6
6
  var _sfc_main = /* @__PURE__ */ defineComponent({
@@ -1,5 +1,5 @@
1
1
  import { defineComponent, createVNode } from 'vue';
2
- import { _ as _export_sfc } from './_plugin-vue_export-helper-CzElMObC.js';
2
+ import { _ as _export_sfc } from './_plugin-vue_export-helper-99LJS6sQ.js';
3
3
 
4
4
  var _sfc_main = /* @__PURE__ */ defineComponent({
5
5
  props: {
@@ -1,6 +1,6 @@
1
1
  import { defineComponent, computed, createVNode } from 'vue';
2
- import { c as config } from '../../config-ChShjSUx.js';
3
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-CzElMObC.js';
2
+ import { c as config } from '../../config-B6AmLjb9.js';
3
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.js';
4
4
 
5
5
  console.log(config);
6
6
  var _sfc_main = /* @__PURE__ */ defineComponent({
@@ -1,6 +1,6 @@
1
1
  import { defineComponent, createVNode, createTextVNode } from 'vue';
2
- import { c as config } from '../../config-ChShjSUx.js';
3
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-CzElMObC.js';
2
+ import { c as config } from '../../config-B6AmLjb9.js';
3
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.js';
4
4
 
5
5
  var _sfc_main = /* @__PURE__ */ defineComponent({
6
6
  props: {
@@ -1,6 +1,6 @@
1
1
  import { defineComponent, ref, watch, inject, createVNode } from 'vue';
2
- import { c as config } from '../../config-ChShjSUx.js';
3
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-CzElMObC.js';
2
+ import { c as config } from '../../config-B6AmLjb9.js';
3
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.js';
4
4
 
5
5
  var _sfc_main = /* @__PURE__ */ defineComponent({
6
6
  props: {
@@ -1,8 +1,8 @@
1
1
  import { defineComponent, ref, watch, provide, createVNode } from 'vue';
2
- import { i as isArray } from '../../utils-B_6DLEXZ.js';
2
+ import { i as isArray } from '../../utils-AtwISkPO.js';
3
3
  import Checkbox from '../Checkbox/Checkbox.js';
4
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-CzElMObC.js';
5
- import '../../config-ChShjSUx.js';
4
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.js';
5
+ import '../../config-B6AmLjb9.js';
6
6
 
7
7
  var _sfc_main = /* @__PURE__ */ defineComponent({
8
8
  props: {
@@ -1,7 +1,7 @@
1
1
  import { defineComponent, ref, createVNode, createApp, h } from 'vue';
2
2
  import Button from '../Button/Button.js';
3
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-CzElMObC.js';
4
- import '../../config-ChShjSUx.js';
3
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.js';
4
+ import '../../config-B6AmLjb9.js';
5
5
 
6
6
  var _sfc_main = /* @__PURE__ */ defineComponent({
7
7
  props: {
@@ -1,11 +1,11 @@
1
1
  import { defineComponent, shallowRef, ref, reactive, watch, createVNode, createTextVNode } from 'vue';
2
- import { n as now, e as isTime, g as isYear, h as isMonth, d as isDate, f as isDateTime } from '../../utils-B_6DLEXZ.js';
2
+ import { n as now, e as isTime, g as isYear, h as isMonth, d as isDate, f as isDateTime } from '../../utils-AtwISkPO.js';
3
3
  import Popover from '../Popover/Popover.js';
4
4
  import Scroll from '../Scroll/Scroll.js';
5
5
  import Link from '../Link/Link.js';
6
- import { W as Wrap } from '../../Wrap-BXw4DS1q.js';
7
- import { c as config } from '../../config-ChShjSUx.js';
8
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-CzElMObC.js';
6
+ import { W as Wrap } from '../../Wrap-CiLfWOx5.js';
7
+ import { c as config } from '../../config-B6AmLjb9.js';
8
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.js';
9
9
 
10
10
  const weeks = ["周日", "周一", "周二", "周三", "周四", "周五", "周六"];
11
11
  const months = ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"].map((r, i) => {
@@ -1,5 +1,5 @@
1
1
  import { defineComponent, ref, watch, onMounted, onBeforeUnmount, createVNode, createTextVNode } from 'vue';
2
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-CzElMObC.js';
2
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.js';
3
3
 
4
4
  var _sfc_main = /* @__PURE__ */ defineComponent({
5
5
  props: {
@@ -1,5 +1,5 @@
1
1
  import { defineComponent, createVNode } from 'vue';
2
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-CzElMObC.js';
2
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.js';
3
3
 
4
4
  var _sfc_main = /* @__PURE__ */ defineComponent({
5
5
  props: {
@@ -1,6 +1,6 @@
1
1
  import { defineComponent, inject, createVNode } from 'vue';
2
- import { c as config } from '../../config-ChShjSUx.js';
3
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-CzElMObC.js';
2
+ import { c as config } from '../../config-B6AmLjb9.js';
3
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.js';
4
4
 
5
5
  var _sfc_main = /* @__PURE__ */ defineComponent({
6
6
  props: {
@@ -1,5 +1,5 @@
1
1
  import { defineComponent, provide, createVNode } from 'vue';
2
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-CzElMObC.js';
2
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.js';
3
3
 
4
4
  var _sfc_main = /* @__PURE__ */ defineComponent({
5
5
  props: {
@@ -1,7 +1,7 @@
1
1
  import { defineComponent, ref, watch, createVNode, mergeProps } from 'vue';
2
- import { W as Wrap } from '../../Wrap-BXw4DS1q.js';
3
- import { c as isFun } from '../../utils-B_6DLEXZ.js';
4
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-CzElMObC.js';
2
+ import { W as Wrap } from '../../Wrap-CiLfWOx5.js';
3
+ import { c as isFun } from '../../utils-AtwISkPO.js';
4
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.js';
5
5
 
6
6
  var _sfc_main = /* @__PURE__ */ defineComponent({
7
7
  inheritAttrs: false,
@@ -1,6 +1,6 @@
1
1
  import { defineComponent, computed, createVNode } from 'vue';
2
- import { c as config } from '../../config-ChShjSUx.js';
3
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-CzElMObC.js';
2
+ import { c as config } from '../../config-B6AmLjb9.js';
3
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.js';
4
4
 
5
5
  var _sfc_main = /* @__PURE__ */ defineComponent({
6
6
  props: {
@@ -1,7 +1,7 @@
1
1
  import { shallowRef, createApp, h } from 'vue';
2
- import { L as Loading } from '../../Loading-cd6nLjLn.js';
3
- import { c as config } from '../../config-ChShjSUx.js';
4
- import '../../_plugin-vue_export-helper-CzElMObC.js';
2
+ import { L as Loading } from '../../Loading-B77BLpR0.js';
3
+ import { c as config } from '../../config-B6AmLjb9.js';
4
+ import '../../_plugin-vue_export-helper-99LJS6sQ.js';
5
5
 
6
6
  const defaultOptions = {
7
7
  lock: false,
@@ -1,7 +1,7 @@
1
1
  import { defineComponent, ref, watch, createVNode } from 'vue';
2
- import { k as debounce } from '../../utils-B_6DLEXZ.js';
2
+ import { k as debounce } from '../../utils-AtwISkPO.js';
3
3
  import Scroll from '../Scroll/Scroll.js';
4
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-CzElMObC.js';
4
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.js';
5
5
 
6
6
  var _sfc_main = /* @__PURE__ */ defineComponent({
7
7
  props: {
@@ -1,6 +1,6 @@
1
1
  import { defineComponent, onMounted, h, createApp } from 'vue';
2
- import { c as config } from '../../config-ChShjSUx.js';
3
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-CzElMObC.js';
2
+ import { c as config } from '../../config-B6AmLjb9.js';
3
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.js';
4
4
 
5
5
  var _sfc_main = defineComponent({
6
6
  props: {
@@ -1,14 +1,14 @@
1
1
  import { defineComponent, ref, watch, createVNode, createTextVNode } from 'vue';
2
2
  import Select from '../Select/Select.js';
3
- import { c as config } from '../../config-ChShjSUx.js';
4
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-CzElMObC.js';
5
- import '../../utils-B_6DLEXZ.js';
3
+ import { c as config } from '../../config-B6AmLjb9.js';
4
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.js';
5
+ import '../../utils-AtwISkPO.js';
6
6
  import '../Popover/Popover.js';
7
- import '../../Wrap-BXw4DS1q.js';
7
+ import '../../Wrap-CiLfWOx5.js';
8
8
  import '../Input/Input.js';
9
9
  import '../Checkbox/Checkbox.js';
10
10
  import '../Scroll/Scroll.js';
11
- import '../../Loading-cd6nLjLn.js';
11
+ import '../../Loading-B77BLpR0.js';
12
12
 
13
13
  var _sfc_main = /* @__PURE__ */ defineComponent({
14
14
  props: {
@@ -1,6 +1,6 @@
1
1
  import { defineComponent, shallowRef, ref, watch, onMounted, onBeforeUnmount, createVNode, nextTick } from 'vue';
2
- import { t as throttle } from '../../utils-B_6DLEXZ.js';
3
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-CzElMObC.js';
2
+ import { t as throttle } from '../../utils-AtwISkPO.js';
3
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.js';
4
4
 
5
5
  var _sfc_main = /* @__PURE__ */ defineComponent({
6
6
  props: {
@@ -1,6 +1,6 @@
1
1
  import { defineComponent, ref, watch, createVNode, inject } from 'vue';
2
- import { c as config } from '../../config-ChShjSUx.js';
3
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-CzElMObC.js';
2
+ import { c as config } from '../../config-B6AmLjb9.js';
3
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.js';
4
4
 
5
5
  var _sfc_main = /* @__PURE__ */ defineComponent({
6
6
  props: {
@@ -1,7 +1,7 @@
1
1
  import { defineComponent, ref, watch, provide, createVNode } from 'vue';
2
2
  import Radio from '../Radio/Radio.js';
3
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-CzElMObC.js';
4
- import '../../config-ChShjSUx.js';
3
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.js';
4
+ import '../../config-B6AmLjb9.js';
5
5
 
6
6
  var _sfc_main = /* @__PURE__ */ defineComponent({
7
7
  props: {
@@ -1,5 +1,5 @@
1
1
  import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, renderSlot } from 'vue';
2
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-CzElMObC.js';
2
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.js';
3
3
 
4
4
  var _sfc_main = /*@__PURE__*/ defineComponent({
5
5
  __name: 'Scene',
@@ -1,6 +1,6 @@
1
1
  import { defineComponent, shallowRef, ref, onMounted, nextTick, onBeforeUnmount, createVNode } from 'vue';
2
- import { k as debounce } from '../../utils-B_6DLEXZ.js';
3
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-CzElMObC.js';
2
+ import { k as debounce } from '../../utils-AtwISkPO.js';
3
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.js';
4
4
 
5
5
  /**
6
6
  * note:
@@ -57,7 +57,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
57
57
  emit: _emit,
58
58
  expose: _expose
59
59
  }) {
60
- // console.log(_slots.default())
61
60
  const rootRef = shallowRef(null);
62
61
  const bodyRef = shallowRef(null);
63
62
  const thumbXRef = shallowRef(null);
@@ -1,13 +1,13 @@
1
1
  import { defineComponent, ref, shallowRef, reactive, watch, createVNode, createTextVNode, isVNode, nextTick } from 'vue';
2
- import { k as debounce } from '../../utils-B_6DLEXZ.js';
2
+ import { k as debounce } from '../../utils-AtwISkPO.js';
3
3
  import Popover from '../Popover/Popover.js';
4
- import { W as Wrap } from '../../Wrap-BXw4DS1q.js';
4
+ import { W as Wrap } from '../../Wrap-CiLfWOx5.js';
5
5
  import Input from '../Input/Input.js';
6
6
  import Checkbox from '../Checkbox/Checkbox.js';
7
7
  import Scroll from '../Scroll/Scroll.js';
8
- import { c as config } from '../../config-ChShjSUx.js';
9
- import { L as Loading } from '../../Loading-cd6nLjLn.js';
10
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-CzElMObC.js';
8
+ import { c as config } from '../../config-B6AmLjb9.js';
9
+ import { L as Loading } from '../../Loading-B77BLpR0.js';
10
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.js';
11
11
 
12
12
  /******************************************************************************
13
13
  Copyright (c) Microsoft Corporation.
@@ -1,5 +1,5 @@
1
1
  import { defineComponent, createVNode } from 'vue';
2
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-CzElMObC.js';
2
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.js';
3
3
 
4
4
  var _sfc_main = /* @__PURE__ */ defineComponent({
5
5
  props: {
@@ -1,7 +1,7 @@
1
1
  import { defineComponent, ref, watch, onBeforeUnmount, createVNode } from 'vue';
2
- import { m as matchChildrenCoponent } from '../../utils-B_6DLEXZ.js';
2
+ import { m as matchChildrenCoponent } from '../../utils-AtwISkPO.js';
3
3
  import TabPanel from '../TabPanel/TabPanel.js';
4
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-CzElMObC.js';
4
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.js';
5
5
 
6
6
  var _sfc_main = /* @__PURE__ */ defineComponent({
7
7
  props: {
@@ -1,5 +1,5 @@
1
1
  import { defineComponent, createVNode } from 'vue';
2
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-CzElMObC.js';
2
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.js';
3
3
 
4
4
  var _sfc_main = /* @__PURE__ */ defineComponent({
5
5
  setup(_props, {
@@ -1,10 +1,10 @@
1
- import { defineComponent, getCurrentInstance, ref, shallowRef, reactive, nextTick, onMounted, watch, onBeforeMount, createVNode, createTextVNode } from 'vue';
2
- import { k as debounce, m as matchChildrenCoponent } from '../../utils-B_6DLEXZ.js';
1
+ import { defineComponent, ref, shallowRef, reactive, nextTick, onMounted, watch, onBeforeMount, createVNode, createTextVNode } from 'vue';
2
+ import { k as debounce, m as matchChildrenCoponent } from '../../utils-AtwISkPO.js';
3
3
  import Checkbox from '../Checkbox/Checkbox.js';
4
4
  import Scroll from '../Scroll/Scroll.js';
5
5
  import TableColumn from '../TableColumn/TableColumn.js';
6
- import { c as config } from '../../config-ChShjSUx.js';
7
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-CzElMObC.js';
6
+ import { c as config } from '../../config-B6AmLjb9.js';
7
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.js';
8
8
 
9
9
  let colKey = 0;
10
10
  var _sfc_main = /* @__PURE__ */ defineComponent({
@@ -69,26 +69,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
69
69
  type: String,
70
70
  default: ""
71
71
  },
72
- maxHeight: {
73
- type: String,
74
- default: ""
75
- },
76
- minHeight: {
77
- type: String,
78
- default: ""
79
- },
80
72
  width: {
81
73
  type: String,
82
74
  default: ""
83
75
  },
84
- maxWidth: {
85
- type: String,
86
- default: ""
87
- },
88
- minWidth: {
89
- type: String,
90
- default: ""
91
- },
92
76
  autoSelectRowOnClick: {
93
77
  type: Boolean,
94
78
  default: false
@@ -135,22 +119,20 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
135
119
  attrs: _attrs,
136
120
  expose: _expose
137
121
  }) {
138
- console.log(getCurrentInstance());
139
- const openDebug = _attrs.debug !== undefined; // 只要不是undefined就设置为true
122
+ const debug = _attrs.debug !== undefined; // 只要不是undefined就设置为true
140
123
  const rootRef = ref(null);
141
124
  // 启用选中功能时, 保存选中的行key
142
125
  const selectedRowMap = ref({});
143
- const updateSelectedRowMap = debounce(function (selection) {
144
- console.log('updateSelectedRowMap', selection);
126
+ function updateSelectedRowMap(selection) {
145
127
  selectedRowMap.value = {}; // 清空selectedRowMap
146
128
  selection.forEach(r => {
147
129
  const key = getRowKey(r);
148
130
  selectedRowMap.value[key] = r;
149
131
  });
150
- }, 100);
132
+ }
151
133
  // 如果selection不为空, 则更新selectedRowMap
152
134
  if (_props.selection.length > 0) {
153
- updateSelectedRowMap();
135
+ updateSelectedRowMap(_props.selection);
154
136
  }
155
137
  const showLeftShadow = ref(false); // 是否显示左浮动表格的阴影
156
138
  const showRightShadow = ref(false); // 是否显示右浮动表格的阴影
@@ -197,6 +179,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
197
179
  const fixedRightColumns = ref([]);
198
180
  const mainColumns = ref([]);
199
181
  let mergeColumns = [];
182
+ /**
183
+ * 初始化表格, 初始化表格的列, 行数据
184
+ */
200
185
  function init() {
201
186
  const list = JSON.parse(JSON.stringify([..._props.data])); // 先从data中获取
202
187
  dataList.value = list;
@@ -279,11 +264,16 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
279
264
  rowsHeight.value = rawHeightTmp;
280
265
  }
281
266
  const computedSizeDebounce = debounce(function () {
267
+ debug && console.log('computedSizeDebounce');
282
268
  mapSize();
283
269
  }, 200);
270
+ /**
271
+ * 计算组件最终的宽度
272
+ * 再计算各列宽度
273
+ */
284
274
  function mapSize() {
285
275
  const rootWidth = rootRef.value.getBoundingClientRect().width;
286
- console.log(rootRef.value);
276
+ debug && console.log('mapSize', needWidth, rootWidth);
287
277
  const initTableWidth = Math.max(needWidth, rootWidth);
288
278
  if (needWidth <= rootWidth) {
289
279
  // 如果最大宽度小于根宽度, 则设置为根宽度
@@ -295,14 +285,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
295
285
  showFixedColumn.value = true; // 固定列显示
296
286
  showRightShadow.value = true; // 右边阴影显示
297
287
  }
298
- openDebug && console.log('各列原宽度', mainColumns.value.map(c => c._maxWidth + 'px'));
299
- openDebug && console.log('视图宽度', rootWidth);
300
- openDebug && console.log('表格需要的宽度', needWidth);
301
- openDebug && console.log('最终使用的宽度', initTableWidth);
302
- openDebug && console.log('固定列的总宽度', fixedWidthTotal);
303
- openDebug && console.log('需要分配的宽度', initTableWidth - needWidth);
304
- openDebug && console.log('需要分配的列数', flexColumnTotal);
305
- openDebug && console.log('每列需要增加的宽度', Math.floor((initTableWidth - needWidth) / flexColumnTotal));
288
+ debug && console.log('各列原宽度', mainColumns.value.map(c => c._maxWidth + 'px'));
289
+ debug && console.log('视图宽度', rootWidth);
290
+ debug && console.log('表格需要的宽度', needWidth);
291
+ debug && console.log('最终使用的宽度', initTableWidth);
292
+ debug && console.log('固定列的总宽度', fixedWidthTotal);
293
+ debug && console.log('需要分配的宽度', initTableWidth - needWidth);
294
+ debug && console.log('需要分配的列数', flexColumnTotal);
295
+ debug && console.log('每列需要增加的宽度', Math.floor((initTableWidth - needWidth) / flexColumnTotal));
306
296
  const splitWidth = Math.floor((initTableWidth - needWidth) / flexColumnTotal);
307
297
  defineWidth.value = initTableWidth;
308
298
  nextTick(() => {
@@ -326,7 +316,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
326
316
  total += parseInt(colWidthTmp[ci] + '');
327
317
  // console.log(ci, thEles[ci], tdEles[ci], thWidth, tdWidth, colWidthTmp[ci])
328
318
  });
329
- openDebug && console.log('colWidthTmp', colWidthTmp, total, initTableWidth);
319
+ debug && console.log('colWidthTmp', colWidthTmp, total, initTableWidth);
330
320
  if (total < initTableWidth) {
331
321
  // 如果计算的总宽度小于预想宽度
332
322
  const index = mainColumns.value.findIndex(c => !c.width); // 找到第一个没有width的列
@@ -348,6 +338,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
348
338
  let needWidth = 0; // 表格需要的宽度
349
339
  let fixedWidthTotal = 0; // 固定列的总宽度
350
340
  let flexColumnTotal = 0; // 可变列的总数量
341
+ /**
342
+ * 计算表格内容需要的实际宽度, 各列的最大宽度, 以及需要分配的列数
343
+ */
351
344
  function initStyle() {
352
345
  var _a;
353
346
  // 先计算表格各列的宽度
@@ -355,7 +348,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
355
348
  needWidth = 0;
356
349
  fixedWidthTotal = 0;
357
350
  flexColumnTotal = 0;
358
- const thEles = headMainRef.value.querySelectorAll('th');
351
+ const thEles = headMainRef.value.querySelectorAll('col');
359
352
  // const tdEles = bodyMainRef.value.querySelector('tr').querySelectorAll('td');
360
353
  const tdEles = ((_a = bodyMainRef.value) === null || _a === void 0 ? void 0 : _a.querySelectorAll('col')) || [];
361
354
  // 只计算需要的宽度
@@ -385,9 +378,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
385
378
  c._maxWidth = maxWidth;
386
379
  flexColumnTotal++;
387
380
  }
388
- // console.log('ci', ci, thEles[ci], tdEles[ci], thWidth, tdWidth, 'maxWidth', maxWidth, needWidth)
381
+ debug && console.log('ci', ci, thEles[ci], tdEles[ci], thWidth, tdWidth, 'maxWidth', maxWidth, needWidth);
389
382
  });
390
- mapSize();
383
+ debug && console.log('initStyle result', needWidth, fixedWidthTotal, flexColumnTotal);
391
384
  }
392
385
  /**
393
386
  * 选中状态发生变化时, 更新selection
@@ -463,16 +456,20 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
463
456
  init();
464
457
  nextTick(() => {
465
458
  initStyle();
466
- if (rootRef.value) {
467
- ro.observe(rootRef.value);
468
- }
459
+ setTimeout(() => {
460
+ if (rootRef.value) {
461
+ ro.observe(rootRef.value);
462
+ }
463
+ }, 1000);
469
464
  });
470
465
  });
471
466
  watch(() => _props.data, () => {
472
- console.log('data changed');
473
467
  init();
468
+ colsWidth.value = [];
469
+ defineWidth.value = 0;
474
470
  nextTick(() => {
475
471
  initStyle();
472
+ mapSize();
476
473
  });
477
474
  }, {
478
475
  deep: true
@@ -481,12 +478,19 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
481
478
  init();
482
479
  nextTick(() => {
483
480
  initStyle();
481
+ mapSize();
484
482
  });
485
483
  }, {
486
484
  deep: true
487
485
  });
488
486
  watch(() => _props.selection, (newVal, oldVal) => {
489
- updateSelectedRowMap(newVal);
487
+ // 获取newVal的key列表
488
+ const newKeys = newVal.map(r => getRowKey(r)).sort().join(',');
489
+ // 获取oldVal的key列表
490
+ const oldKeys = Object.keys(selectedRowMap.value).sort().join(',');
491
+ if (newKeys !== oldKeys) {
492
+ updateSelectedRowMap(newVal);
493
+ }
490
494
  }, {
491
495
  deep: true
492
496
  });
@@ -551,7 +555,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
551
555
  sortFields.prop = c.prop;
552
556
  sortFields.order = "desc";
553
557
  }
554
- // console.log(sortFields);
555
558
  _emit("sort-change", sortFields.prop, sortFields.order, c, ci);
556
559
  }
557
560
  }, [createVNode("span", {
@@ -572,7 +575,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
572
575
  "v_table_th--fix-width": c.width && c.width !== 'minimal'
573
576
  }],
574
577
  "onContextmenu": e => {
575
- console.log('onContextmenu', e);
578
+ debug && console.log('onContextmenu', e);
576
579
  if (_props.bodyMenu.enable) {
577
580
  openContextMenu(e, {
578
581
  menus: _props.headMenu.menus,
@@ -598,7 +601,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
598
601
  }) {
599
602
  const rowKey = getRowKey(r);
600
603
  let body = null;
601
- console.log('renderTd', c.td);
602
604
  if (c.td) {
603
605
  body = c.td({
604
606
  row: r,
@@ -624,9 +626,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
624
626
  "v_table_td--fix-width": c.width && c.width !== 'minimal'
625
627
  }],
626
628
  "onMouseenter": e => {
627
- // if (!_props.hover) return;
628
- // currentRowIndex.value = ri;
629
- // currentColIndex.value = ci;
629
+ if (!_props.hover) return;
630
+ currentRowIndex.value = ri;
631
+ currentColIndex.value = ci;
630
632
  },
631
633
  "onClick": e => {
632
634
  cellClick({
@@ -690,19 +692,16 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
690
692
  * @param data 菜单数据
691
693
  */
692
694
  function emitMenuClick(command, data) {
693
- console.log('emitMenuClick', command, data);
694
695
  _emit("menu-click", Object.assign({
695
696
  command
696
697
  }, data));
697
698
  }
698
699
  function rowClick(p) {
699
700
  // 点击行事件
700
- // console.log('rowClick', p)
701
701
  _emit("row-click", p);
702
702
  }
703
703
  function cellClick(p) {
704
704
  // 点击单元格事件
705
- // console.log('cellClick', p)
706
705
  if (_props.autoSelectRowOnClick) {
707
706
  // 点击行时只选中当前行
708
707
  setRowSelection(p.row, true, true);
@@ -722,7 +721,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
722
721
  "v_table--full-border": _props.border == 'full',
723
722
  "v_table--enable_scroll": _props.scrollX,
724
723
  'v_table--layout-fixed': defineWidth.value > 0,
725
- 'v_table--debug': openDebug
724
+ 'v_table--debug': debug
726
725
  }],
727
726
  "onMouseleave": () => {
728
727
  currentRowIndex.value = -1;
@@ -730,11 +729,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
730
729
  },
731
730
  "style": {
732
731
  height: _props.height,
733
- width: _props.width,
734
- maxHeight: _props.maxHeight,
735
- minHeight: _props.minHeight,
736
- maxWidth: _props.maxWidth,
737
- minWidth: _props.minWidth
732
+ width: _props.width
738
733
  }
739
734
  }, [createVNode("div", {
740
735
  "class": ['v_table_menu', {
@@ -1,5 +1,5 @@
1
1
  import { defineComponent } from 'vue';
2
- import { _ as _export_sfc } from '../../_plugin-vue_export-helper-CzElMObC.js';
2
+ import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.js';
3
3
 
4
4
  var _sfc_main = /* @__PURE__ */ defineComponent({
5
5
  props: {
@@ -80,26 +80,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
80
80
  type: StringConstructor;
81
81
  default: string;
82
82
  };
83
- maxHeight: {
84
- type: StringConstructor;
85
- default: string;
86
- };
87
- minHeight: {
88
- type: StringConstructor;
89
- default: string;
90
- };
91
83
  width: {
92
84
  type: StringConstructor;
93
85
  default: string;
94
86
  };
95
- maxWidth: {
96
- type: StringConstructor;
97
- default: string;
98
- };
99
- minWidth: {
100
- type: StringConstructor;
101
- default: string;
102
- };
103
87
  autoSelectRowOnClick: {
104
88
  type: BooleanConstructor;
105
89
  default: boolean;
@@ -184,26 +168,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
184
168
  type: StringConstructor;
185
169
  default: string;
186
170
  };
187
- maxHeight: {
188
- type: StringConstructor;
189
- default: string;
190
- };
191
- minHeight: {
192
- type: StringConstructor;
193
- default: string;
194
- };
195
171
  width: {
196
172
  type: StringConstructor;
197
173
  default: string;
198
174
  };
199
- maxWidth: {
200
- type: StringConstructor;
201
- default: string;
202
- };
203
- minWidth: {
204
- type: StringConstructor;
205
- default: string;
206
- };
207
175
  autoSelectRowOnClick: {
208
176
  type: BooleanConstructor;
209
177
  default: boolean;
@@ -250,11 +218,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
250
218
  scrollX: boolean;
251
219
  scrollY: boolean;
252
220
  height: string;
253
- maxHeight: string;
254
- minHeight: string;
255
221
  width: string;
256
- maxWidth: string;
257
- minWidth: string;
258
222
  autoSelectRowOnClick: boolean;
259
223
  autoToggleRowOnClick: boolean;
260
224
  headMenu: MenuConfig;
package/dist/vary-ui.js CHANGED
@@ -17,7 +17,7 @@ import Scroll from './lib/Scroll/Scroll.js';
17
17
  import Select from './lib/Select/Select.js';
18
18
  import Skeleton from './lib/Skeleton/Skeleton.js';
19
19
  import { defineComponent, ref, watch, createVNode, onMounted, onBeforeUnmount, createTextVNode, createApp, h } from 'vue';
20
- import { _ as _export_sfc } from './_plugin-vue_export-helper-CzElMObC.js';
20
+ import { _ as _export_sfc } from './_plugin-vue_export-helper-99LJS6sQ.js';
21
21
  import Tab from './lib/Tab/Tab.js';
22
22
  import Table from './lib/Table/Table.js';
23
23
  import TableColumn from './lib/TableColumn/TableColumn.js';
@@ -27,10 +27,10 @@ import RadioGroup from './lib/RadioGroup/RadioGroup.js';
27
27
  export { default as Message } from './lib/Message/Message.js';
28
28
  export { default as Confirm } from './lib/Confirm/Confirm.js';
29
29
  import './lib/Loading/Loading.js';
30
- import { c as config, s as setConfig } from './config-ChShjSUx.js';
31
- 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-B_6DLEXZ.js';
32
- import { L as Loading } from './Loading-cd6nLjLn.js';
33
- import './Wrap-BXw4DS1q.js';
30
+ import { c as config, s as setConfig } from './config-B6AmLjb9.js';
31
+ 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-AtwISkPO.js';
32
+ import { L as Loading } from './Loading-B77BLpR0.js';
33
+ import './Wrap-CiLfWOx5.js';
34
34
 
35
35
  var _sfc_main$2 = /* @__PURE__ */ defineComponent({
36
36
  props: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vary-ui",
3
- "version": "3.21.59",
3
+ "version": "3.21.61",
4
4
  "description": "vary-ui base vue3",
5
5
  "homepage": "https://varyui.com",
6
6
  "main": "dist/vary-ui.js",
File without changes
File without changes