vary-ui 3.21.60 → 3.21.61

package/dist/{Loading-BbLWtuW5.js → Loading-B77BLpR0.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, onMounted, createVNode } from 'vue';
-import { c as config } from './config-me5lgqIx.js';
-import { _ as _export_sfc } from './_plugin-vue_export-helper-DHfgb4ce.js';
+import { c as config } from './config-B6AmLjb9.js';
+import { _ as _export_sfc } from './_plugin-vue_export-helper-99LJS6sQ.js';
 
 var _a;
 var _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/{Wrap-Bz5zyUL3.js → Wrap-CiLfWOx5.js}

@@ -1,5 +1,5 @@
 import { defineComponent, createVNode } from 'vue';
-import { _ as _export_sfc } from './_plugin-vue_export-helper-DHfgb4ce.js';
+import { _ as _export_sfc } from './_plugin-vue_export-helper-99LJS6sQ.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-me5lgqIx.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-DHfgb4ce.js';
+import { c as config } from '../../config-B6AmLjb9.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.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-me5lgqIx.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-DHfgb4ce.js';
+import { c as config } from '../../config-B6AmLjb9.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.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-me5lgqIx.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-DHfgb4ce.js';
+import { c as config } from '../../config-B6AmLjb9.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.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-C-seGVif.js';
+import { i as isArray } from '../../utils-AtwISkPO.js';
 import Checkbox from '../Checkbox/Checkbox.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-DHfgb4ce.js';
-import '../../config-me5lgqIx.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.js';
+import '../../config-B6AmLjb9.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-DHfgb4ce.js';
-import '../../config-me5lgqIx.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.js';
+import '../../config-B6AmLjb9.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-C-seGVif.js';
+import { n as now, e as isTime, g as isYear, h as isMonth, d as isDate, f as isDateTime } from '../../utils-AtwISkPO.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-Bz5zyUL3.js';
-import { c as config } from '../../config-me5lgqIx.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-DHfgb4ce.js';
+import { W as Wrap } from '../../Wrap-CiLfWOx5.js';
+import { c as config } from '../../config-B6AmLjb9.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.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-DHfgb4ce.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.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-DHfgb4ce.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.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-me5lgqIx.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-DHfgb4ce.js';
+import { c as config } from '../../config-B6AmLjb9.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.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-DHfgb4ce.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.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-Bz5zyUL3.js';
-import { c as isFun } from '../../utils-C-seGVif.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-DHfgb4ce.js';
+import { W as Wrap } from '../../Wrap-CiLfWOx5.js';
+import { c as isFun } from '../../utils-AtwISkPO.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.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-me5lgqIx.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-DHfgb4ce.js';
+import { c as config } from '../../config-B6AmLjb9.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.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-BbLWtuW5.js';
-import { c as config } from '../../config-me5lgqIx.js';
-import '../../_plugin-vue_export-helper-DHfgb4ce.js';
+import { L as Loading } from '../../Loading-B77BLpR0.js';
+import { c as config } from '../../config-B6AmLjb9.js';
+import '../../_plugin-vue_export-helper-99LJS6sQ.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-C-seGVif.js';
+import { k as debounce } from '../../utils-AtwISkPO.js';
 import Scroll from '../Scroll/Scroll.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-DHfgb4ce.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.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-me5lgqIx.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-DHfgb4ce.js';
+import { c as config } from '../../config-B6AmLjb9.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.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-me5lgqIx.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-DHfgb4ce.js';
-import '../../utils-C-seGVif.js';
+import { c as config } from '../../config-B6AmLjb9.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.js';
+import '../../utils-AtwISkPO.js';
 import '../Popover/Popover.js';
-import '../../Wrap-Bz5zyUL3.js';
+import '../../Wrap-CiLfWOx5.js';
 import '../Input/Input.js';
 import '../Checkbox/Checkbox.js';
 import '../Scroll/Scroll.js';
-import '../../Loading-BbLWtuW5.js';
+import '../../Loading-B77BLpR0.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-C-seGVif.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-DHfgb4ce.js';
+import { t as throttle } from '../../utils-AtwISkPO.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.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-me5lgqIx.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-DHfgb4ce.js';
+import { c as config } from '../../config-B6AmLjb9.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.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-DHfgb4ce.js';
-import '../../config-me5lgqIx.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.js';
+import '../../config-B6AmLjb9.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-DHfgb4ce.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.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-C-seGVif.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-DHfgb4ce.js';
+import { k as debounce } from '../../utils-AtwISkPO.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.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-C-seGVif.js';
+import { k as debounce } from '../../utils-AtwISkPO.js';
 import Popover from '../Popover/Popover.js';
-import { W as Wrap } from '../../Wrap-Bz5zyUL3.js';
+import { W as Wrap } from '../../Wrap-CiLfWOx5.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-me5lgqIx.js';
-import { L as Loading } from '../../Loading-BbLWtuW5.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-DHfgb4ce.js';
+import { c as config } from '../../config-B6AmLjb9.js';
+import { L as Loading } from '../../Loading-B77BLpR0.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.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-DHfgb4ce.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.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-C-seGVif.js';
+import { m as matchChildrenCoponent } from '../../utils-AtwISkPO.js';
 import TabPanel from '../TabPanel/TabPanel.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-DHfgb4ce.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.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-DHfgb4ce.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   setup(_props, {

package/dist/lib/Table/Table.js

@@ -1,10 +1,10 @@
 import { defineComponent, ref, shallowRef, reactive, nextTick, onMounted, watch, onBeforeMount, createVNode, createTextVNode } from 'vue';
-import { k as debounce, m as matchChildrenCoponent } from '../../utils-C-seGVif.js';
+import { k as debounce, m as matchChildrenCoponent } from '../../utils-AtwISkPO.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-me5lgqIx.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-DHfgb4ce.js';
+import { c as config } from '../../config-B6AmLjb9.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-99LJS6sQ.js';
 
 let colKey = 0;
 var _sfc_main = /* @__PURE__ */ defineComponent({
@@ -179,6 +179,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const fixedRightColumns = ref([]);
     const mainColumns = ref([]);
     let mergeColumns = [];
+    /**
+     * 初始化表格, 初始化表格的列, 行数据
+     */
     function init() {
       const list = JSON.parse(JSON.stringify([..._props.data])); // 先从data中获取
       dataList.value = list;
@@ -261,10 +264,16 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       rowsHeight.value = rawHeightTmp;
     }
     const computedSizeDebounce = debounce(function () {
+      debug && console.log('computedSizeDebounce');
       mapSize();
     }, 200);
+    /**
+     * 计算组件最终的宽度
+     * 再计算各列宽度
+     */
     function mapSize() {
       const rootWidth = rootRef.value.getBoundingClientRect().width;
+      debug && console.log('mapSize', needWidth, rootWidth);
       const initTableWidth = Math.max(needWidth, rootWidth);
       if (needWidth <= rootWidth) {
         // 如果最大宽度小于根宽度, 则设置为根宽度
@@ -329,6 +338,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     let needWidth = 0; // 表格需要的宽度
     let fixedWidthTotal = 0; // 固定列的总宽度
     let flexColumnTotal = 0; // 可变列的总数量
+    /**
+     * 计算表格内容需要的实际宽度, 各列的最大宽度， 以及需要分配的列数
+     */
     function initStyle() {
       var _a;
       // 先计算表格各列的宽度
@@ -336,7 +348,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       needWidth = 0;
       fixedWidthTotal = 0;
       flexColumnTotal = 0;
-      const thEles = headMainRef.value.querySelectorAll('th');
+      const thEles = headMainRef.value.querySelectorAll('col');
       // const tdEles = bodyMainRef.value.querySelector('tr').querySelectorAll('td');
       const tdEles = ((_a = bodyMainRef.value) === null || _a === void 0 ? void 0 : _a.querySelectorAll('col')) || [];
       // 只计算需要的宽度
@@ -366,9 +378,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           c._maxWidth = maxWidth;
           flexColumnTotal++;
         }
-        // console.log('ci', ci, thEles[ci], tdEles[ci], thWidth, tdWidth, 'maxWidth', maxWidth, needWidth)
+        debug && console.log('ci', ci, thEles[ci], tdEles[ci], thWidth, tdWidth, 'maxWidth', maxWidth, needWidth);
       });
-      mapSize();
+      debug && console.log('initStyle result', needWidth, fixedWidthTotal, flexColumnTotal);
     }
     /**
      * 选中状态发生变化时, 更新selection
@@ -444,15 +456,20 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       init();
       nextTick(() => {
         initStyle();
-        if (rootRef.value) {
-          ro.observe(rootRef.value);
-        }
+        setTimeout(() => {
+          if (rootRef.value) {
+            ro.observe(rootRef.value);
+          }
+        }, 1000);
       });
     });
     watch(() => _props.data, () => {
       init();
+      colsWidth.value = [];
+      defineWidth.value = 0;
       nextTick(() => {
         initStyle();
+        mapSize();
       });
     }, {
       deep: true
@@ -461,6 +478,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       init();
       nextTick(() => {
         initStyle();
+        mapSize();
       });
     }, {
       deep: true

package/dist/lib/TableColumn/TableColumn.js

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

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-DHfgb4ce.js';
+import { _ as _export_sfc } from './_plugin-vue_export-helper-99LJS6sQ.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-me5lgqIx.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-C-seGVif.js';
-import { L as Loading } from './Loading-BbLWtuW5.js';
-import './Wrap-Bz5zyUL3.js';
+import { c as config, s as setConfig } from './config-B6AmLjb9.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-AtwISkPO.js';
+import { L as Loading } from './Loading-B77BLpR0.js';
+import './Wrap-CiLfWOx5.js';
 
 var _sfc_main$2 = /* @__PURE__ */ defineComponent({
   props: {

package/package.json

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