vary-ui 3.22.46 → 3.22.50

package/dist/lib/Input/Input.js

@@ -1,8 +1,9 @@
 import { defineComponent, ref, computed, inject, watch, createVNode } from 'vue';
-import { W as Wrap } from '../../Wrap-DzLByCXj.js';
-import { c as isFun } from '../../utils-BBP7kr-V.js';
-import { c as config } from '../../config-CzBnUX60.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-D7Ud-N38.js';
+import { W as Wrap } from '../../Wrap-D0FSa0EY.js';
+import { c as isFun } from '../../utils-CKmXyjAy.js';
+import { c as config } from '../../config-B07fLkJm.js';
+import { Icon } from '@iconify/vue';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BXzNjKnu.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
@@ -16,7 +17,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     },
     clearable: {
       type: Boolean,
-      defalut: false
+      default: false
     },
     prefix: {
       type: String,
@@ -94,10 +95,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const validateField = inject("validateField", (event, v) => {}); // 触发校验事件
     const inputValue = ref("");
     if (_props.modelValue) {
-      inputValue.value = _props.modelValue === null || _props.modelValue == undefined ? "" : _props.modelValue + "";
+      inputValue.value = _props.modelValue === null || _props.modelValue === undefined ? "" : _props.modelValue + "";
     }
     watch(() => _props.modelValue, v => {
-      inputValue.value = v === null || v == undefined ? "" : v + "";
+      inputValue.value = v === null || v === undefined ? "" : v + "";
       validateField("change", v + "");
       validateField("input", v + "");
     });
@@ -208,17 +209,17 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           "onClick": e => {
             emitClear();
           }
-        }, [createVNode("span", {
-          "class": "icon-close-round-fill"
+        }, [createVNode(Icon, {
+          "icon": "mdi:close-circle"
         }, null)]), !_props.disabled && !_props.readonly && _props.type === "password" && createVNode("div", {
           "class": "v_input_eye",
           "onClick": () => {
             eyeOpen.value = !eyeOpen.value;
           }
-        }, [eyeOpen.value ? createVNode("span", {
-          "class": "icon-eye"
-        }, null) : createVNode("span", {
-          "class": "icon-eye-off"
+        }, [eyeOpen.value ? createVNode(Icon, {
+          "icon": "mdi:eye"
+        }, null) : createVNode(Icon, {
+          "icon": "mdi:eye-off"
         }, null)])],
         prefix: _slots.prefix,
         suffix: _slots.suffix

package/dist/lib/Link/Link.js

@@ -1,7 +1,7 @@
 import { defineComponent, computed, createVNode } from 'vue';
-import { c as config } from '../../config-CzBnUX60.js';
+import { c as config } from '../../config-B07fLkJm.js';
 import { Icon } from '@iconify/vue';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-D7Ud-N38.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BXzNjKnu.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
@@ -12,35 +12,35 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     // primary, success, danger, warning, info
     primary: {
       type: Boolean,
-      defalut: false
+      default: false
     },
     success: {
       type: Boolean,
-      defalut: false
+      default: false
     },
     danger: {
       type: Boolean,
-      defalut: false
+      default: false
     },
     warning: {
       type: Boolean,
-      defalut: false
+      default: false
     },
     info: {
       type: Boolean,
-      defalut: false
+      default: false
     },
     disabled: {
       type: Boolean,
-      defalut: false
+      default: false
     },
     size: {
       type: String,
-      defalut: ""
+      default: ""
     },
     icon: {
       type: String,
-      defalut: ""
+      default: ""
     }
   },
   emits: ["click"],

package/dist/lib/Loading/Loading.js

@@ -1,7 +1,7 @@
 import { shallowRef, createApp, h } from 'vue';
-import { L as Loading } from '../../Loading-BKbyQIb2.js';
-import { c as config } from '../../config-CzBnUX60.js';
-import '../../_plugin-vue_export-helper-D7Ud-N38.js';
+import { L as Loading } from '../../Loading-D2Ra4DKv.js';
+import { c as config } from '../../config-B07fLkJm.js';
+import '../../_plugin-vue_export-helper-BXzNjKnu.js';
 
 const defaultOptions = {
     lock: false,

package/dist/lib/Menu/Menu.js

@@ -1,7 +1,6 @@
-import { defineComponent, ref, watch, createVNode } from 'vue';
-import { k as debounce } from '../../utils-BBP7kr-V.js';
-import Scroll from '../Scroll/Scroll.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-D7Ud-N38.js';
+import { defineComponent, ref, computed, watch, createVNode } from 'vue';
+import { Icon } from '@iconify/vue';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BXzNjKnu.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
@@ -37,123 +36,151 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     slots: _slots,
     emit: _emit
   }) {
-    const expandNodeKeys = ref([]);
+    const expandNodeKeys = ref(new Set());
     const activeNodeKey = ref("");
     const rowKey = _props.rowKey || "key";
-    const data = [..._props.data];
-    const allRows = [];
-    const initData = debounce(function () {
-      if (_props.data.length = -0) return;
-      function p(rows, __chain = "") {
-        rows.forEach(d => {
-          d.__chain = __chain ? __chain + "---" + d[rowKey] : d[rowKey];
-          allRows.push(d);
-          if (d.children) p(d.children, d.__chain);
-        });
+    // 响应式数据
+    const menuData = computed(() => _props.data || []);
+    // 扁平化所有节点，用于查找
+    const flattenNodes = (nodes, parentChain = []) => {
+      const result = [];
+      nodes.forEach(node => {
+        const key = node[rowKey];
+        const chain = [...parentChain, key];
+        result.push(Object.assign(Object.assign({}, node), {
+          __chain: chain
+        }));
+        if (node.children && node.children.length > 0) {
+          result.push(...flattenNodes(node.children, chain));
+        }
+      });
+      return result;
+    };
+    // 查找节点的所有父节点key
+    const findParentKeys = targetKey => {
+      const allNodes = flattenNodes(menuData.value);
+      const targetNode = allNodes.find(node => node[rowKey] === targetKey);
+      if (targetNode && targetNode.__chain) {
+        // 返回除了自己之外的所有父节点
+        return targetNode.__chain.slice(0, -1);
       }
-      p(data);
-      updateActiveKey(_props.modelValue.toString());
-      updateExpandNode(_props.modelValue.toString());
-    }, 100);
-    function updateActiveKey(key) {
-      activeNodeKey.value = key;
-    }
-    function updateExpandNode(key) {
+      return [];
+    };
+    // 初始化展开状态
+    const initExpandState = () => {
       if (_props.defaultOpenAll) {
-        // 设置了展开全部
-        expandNodeKeys.value = allRows.map(d => d[rowKey]);
+        // 默认展开全部有子节点的项
+        const allNodes = flattenNodes(menuData.value);
+        const keysWithChildren = allNodes.filter(node => node.children && node.children.length > 0).map(node => node[rowKey]);
+        expandNodeKeys.value = new Set(keysWithChildren);
+      } else if (_props.modelValue) {
+        // 根据modelValue展开到对应路径
+        const parentKeys = findParentKeys(_props.modelValue);
+        expandNodeKeys.value = new Set(parentKeys);
+      } else {
+        expandNodeKeys.value = new Set();
+      }
+    };
+    // 初始化激活状态
+    const initActiveState = () => {
+      activeNodeKey.value = _props.modelValue || "";
+    };
+    // 处理菜单项点击
+    const handleItemClick = item => {
+      const key = item[rowKey];
+      // 触发menu-click事件
+      _emit("menu-click", item);
+      // 如果是叶子节点（没有children），设置为激活
+      if (!item.children || item.children.length === 0) {
+        activeNodeKey.value = key;
+        _emit("update:model-value", key);
+        _emit("change", key, item);
         return;
       }
-      // 根据modelValue更新
-      // console.log(allRows);
-      const findOne = allRows.find(d => d[rowKey] == key);
-      if (findOne) {
-        expandNodeKeys.value = findOne.__chain.split("---");
+      // 有子节点，处理展开/收起
+      const isExpanded = expandNodeKeys.value.has(key);
+      if (_props.onlyOneOpen) {
+        // 只允许一个展开项
+        if (isExpanded) {
+          // 当前已展开，关闭它
+          expandNodeKeys.value.clear();
+          _emit("menu-close", item);
+        } else {
+          // 当前未展开，关闭其他所有项，展开当前项
+          expandNodeKeys.value.clear();
+          expandNodeKeys.value.add(key);
+          _emit("menu-open", item);
+        }
       } else {
-        expandNodeKeys.value = [];
+        // 允许多个展开项
+        if (isExpanded) {
+          // 当前已展开，关闭它
+          expandNodeKeys.value.delete(key);
+          _emit("menu-close", item);
+        } else {
+          // 当前未展开，展开它
+          expandNodeKeys.value.add(key);
+          _emit("menu-open", item);
+        }
+      }
+    };
+    // 监听modelValue变化
+    watch(() => _props.modelValue, newValue => {
+      activeNodeKey.value = newValue || "";
+      if (!_props.defaultOpenAll && newValue) {
+        // 根据新的modelValue更新展开状态
+        const parentKeys = findParentKeys(newValue);
+        expandNodeKeys.value = new Set(parentKeys);
       }
-      // console.log(expandNodeKeys.value);
-    }
-    watch(() => _props.modelValue, v => {
-      initData();
     }, {
       immediate: true
     });
-    watch(() => _props.modelValue, v => {
-      initData();
+    // 监听data变化
+    watch(() => _props.data, () => {
+      initExpandState();
+      initActiveState();
     }, {
-      immediate: true
+      immediate: true,
+      deep: true
+    });
+    // 监听defaultOpenAll变化
+    watch(() => _props.defaultOpenAll, () => {
+      initExpandState();
     });
     return () => {
-      function renderNode(row, __level, _parent) {
-        // console.log(rowKey, row[rowKey]);
-        if (!row[rowKey]) {
-          console.warn("Menu item miss key prop");
-        }
-        const isActive = (!row.children || row.children.length == 0) && activeNodeKey.value === row[rowKey];
-        const isExpand = expandNodeKeys.value.includes(row[rowKey]);
+      // 渲染菜单节点
+      const renderMenuItem = (item, level = 1) => {
+        const key = item[rowKey];
+        const hasChildren = item.children && item.children.length > 0;
+        const isActive = !hasChildren && activeNodeKey.value === key;
+        const isExpanded = expandNodeKeys.value.has(key);
         return createVNode("div", {
-          "class": [],
-          "key": row[rowKey]
+          "key": key
         }, [createVNode("div", {
           "class": ["v_menu_item", {
             "v_menu_item--active": isActive,
-            "v_menu_item--open": isExpand
+            "v_menu_item--open": isExpanded
           }],
           "style": {
-            "padding-left": __level * 1 + "em"
+            paddingLeft: `${level * 1}em`
           },
-          "onClick": e => {
-            // 先触发事件
-            _emit("menu-click", row);
-            // 没有子菜单,
-            if (!row.children || row.children.length == 0) {
-              activeNodeKey.value = row[rowKey];
-              _emit("update:model-value", row[rowKey]);
-              _emit("change", row[rowKey], row);
-              return;
-            }
-            // 有子菜单, 要看当前是否为展开状态
-            if (_props.onlyOneOpen) {
-              // 如果开启了只允许一个展开项, 直接赋值
-              if (isExpand) {
-                expandNodeKeys.value = [];
-                _emit("menu-open", row);
-              } else {
-                expandNodeKeys.value = [row[rowKey]];
-                _emit("menu-close", row);
-              }
-              return;
-            }
-            // 允许多个展开项
-            if (isExpand) {
-              // console.log(expandNodeKeys.value);
-              expandNodeKeys.value = expandNodeKeys.value.filter(r => r !== row[rowKey]);
-              _emit("menu-open", row);
-            } else {
-              expandNodeKeys.value.push(row[rowKey]);
-              _emit("menu-close", row);
-            }
-          }
+          "onClick": () => handleItemClick(item)
         }, [createVNode("div", {
           "class": "v_menu_item_content"
-        }, [_slots.default ? _slots.default(row) : createVNode("div", {
+        }, [_slots.default ? _slots.default(item) : createVNode("div", {
           "class": "v_menu_item_text"
-        }, [row.title])]), row.children && row.children.length > 0 && createVNode("span", {
-          "class": "icon-arrow-right"
-        }, null)]), isExpand && row.children && row.children.length > 0 && createVNode("div", {
-          "class": ["v_menu_children", {
-            "v_menu_children--open": isExpand
-          }]
-        }, [row.children.map(r => renderNode(r, __level + 1))])]);
-      }
-      return createVNode(Scroll, {
-        "class": "v_menu"
-      }, {
-        default: () => [createVNode("div", {
-          "class": "v_menu_body"
-        }, [data.map(r => renderNode(r, 1))])]
-      });
+        }, [item.title])]), hasChildren && createVNode(Icon, {
+          "icon": "mdi:chevron-right",
+          "class": "v_menu_item_arrow"
+        }, null)]), hasChildren && isExpanded && createVNode("div", {
+          "class": "v_menu_children"
+        }, [item.children.map(child => renderMenuItem(child, level + 1))])]);
+      };
+      return createVNode("div", {
+        "class": "v_menu v_menu_scroll_container"
+      }, [createVNode("div", {
+        "class": "v_menu_body"
+      }, [menuData.value.map(item => renderMenuItem(item, 1))])]);
     };
   }
 });

package/dist/lib/Message/Message.js

@@ -1,6 +1,6 @@
 import { defineComponent, onMounted, h, createApp } from 'vue';
-import { c as config } from '../../config-CzBnUX60.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-D7Ud-N38.js';
+import { c as config } from '../../config-B07fLkJm.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BXzNjKnu.js';
 
 var _sfc_main = defineComponent({
     props: {

package/dist/lib/Pagination/Pagination.js

@@ -1,15 +1,14 @@
 import { defineComponent, ref, watch, createVNode, createTextVNode } from 'vue';
 import Select from '../Select/Select.js';
-import { c as config } from '../../config-CzBnUX60.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-D7Ud-N38.js';
-import '../../_tslib-DdKtBmML.js';
-import '../../utils-BBP7kr-V.js';
+import { c as config } from '../../config-B07fLkJm.js';
+import { Icon } from '@iconify/vue';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BXzNjKnu.js';
+import '../../_tslib-DlAW9n5F.js';
+import '../../utils-CKmXyjAy.js';
 import '../Popover/Popover.js';
-import '../../Wrap-DzLByCXj.js';
-import '../Input/Input.js';
+import '../../Wrap-D0FSa0EY.js';
 import '../Checkbox/Checkbox.js';
-import '../Scroll/Scroll.js';
-import '../../Loading-BKbyQIb2.js';
+import '../../Loading-D2Ra4DKv.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
@@ -148,8 +147,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             changePage(pageNo.value - 1);
           }
         }
-      }, [createVNode("span", {
-        "class": "icon-arrow-left"
+      }, [createVNode(Icon, {
+        "icon": "mdi:chevron-left"
       }, null)]), showData.total > 0 && createVNode("div", {
         "class": ["v_pagination_item", "v_pagination_first", {
           "v_pagination_item--active": pageNo.value === 1
@@ -194,8 +193,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             changePage(pageNo.value + 1);
           }
         }
-      }, [createVNode("span", {
-        "class": "icon-arrow-right"
+      }, [createVNode(Icon, {
+        "icon": "mdi:chevron-right"
       }, null)]), showData.total > 0 && _props.pageSizes && _props.pageSizes.length > 0 && createVNode(Select, {
         "modelValue": pageSize.value.toString(),
         "data": _props.pageSizes.map(p => {

package/dist/lib/Popover/Popover.js

@@ -1,5 +1,6 @@
 import { defineComponent, shallowRef, ref, reactive, watch, createVNode, Teleport, nextTick } from 'vue';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-D7Ud-N38.js';
+import { t as throttle } from '../../utils-CKmXyjAy.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BXzNjKnu.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
@@ -49,6 +50,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       "min-width": ""
     });
     const popOpen = ref(false);
+    // 节流的位置更新函数
+    const throttledUpdatePosition = throttle(() => {
+      if (popOpen.value) {
+        computedVerticlePosition();
+      }
+    }, 16); // 约 60fps
     function close(e) {
       if (e && e.target && e.target !== window && rootRef.value && rootRef.value.contains(e.target)) {
         return; // 如果是由组件内部元素触发的点击事件, 阻止关闭窗口
@@ -67,6 +74,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       _emit("close");
       // 移除滚动事件
       window.removeEventListener("vary-scroll", throttleComputedVerticlePosition);
+      // 移除页面滚动和窗口大小变化监听
+      window.removeEventListener("scroll", throttledUpdatePosition, true);
+      window.removeEventListener("resize", throttledUpdatePosition);
       // 通过click触发的才需要移除监听事件
       _props.trigger === "click" && window.removeEventListener("click", close);
     }
@@ -82,8 +92,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       _emit("update:model-value", true);
       _emit("change", true);
       _emit("open");
-      // 添加滚动事件
-      window.addEventListener("vary-scroll", throttleComputedVerticlePosition);
       // 打开弹窗后， 计算弹窗的尺寸
       nextTick().then(() => {
         // 输入框高度:
@@ -108,6 +116,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           }
         }
         computedVerticlePosition();
+        // 添加页面滚动和窗口大小变化监听，实时更新位置
+        window.addEventListener("scroll", throttledUpdatePosition, true);
+        window.addEventListener("resize", throttledUpdatePosition);
       });
       // 200毫秒后, 添加全局事件, 点击窗口任意位置, 关闭下拉框
       // 如果是hover模式触发，鼠标移出组件范围会自动关闭
@@ -139,15 +150,16 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       if (window.innerHeight - bodyRect.bottom > popRect.height) {
         // 如果下方空间足够，显示在下方
         popPosition.value = "bottom";
-        popStyle.top = `${bodyRect.bottom + window.scrollY}px`;
+        // pop 使用的是 position: fixed，因此这里必须使用 viewport 坐标（不要叠加 scrollY）
+        popStyle.top = `${bodyRect.bottom}px`;
       } else if (bodyRect.top > popRect.height) {
         // 如果上方空间足够，显示在上方
         popPosition.value = "top";
-        popStyle.top = `${bodyRect.top + window.scrollY - popRect.height}px`;
+        popStyle.top = `${bodyRect.top - popRect.height}px`;
       } else {
         // 如果上下空间都不够，强制显示在下方
         popPosition.value = "bottom";
-        popStyle.top = `${bodyRect.bottom + window.scrollY}px`;
+        popStyle.top = `${bodyRect.bottom}px`;
       }
       // 计算水平位置
       if (_props.align && ["left", "center", "right"].includes(_props.align)) {
@@ -165,15 +177,16 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       // 设置水平位置
       switch (popAlign.value) {
         case "left":
-          popStyle.left = `${bodyRect.left + window.scrollX}px`;
+          // pop 使用的是 position: fixed，因此这里必须使用 viewport 坐标（不要叠加 scrollX）
+          popStyle.left = `${bodyRect.left}px`;
           popStyle.right = "";
           break;
         case "right":
-          popStyle.right = `${window.innerWidth - bodyRect.right + window.scrollX}px`;
+          popStyle.right = `${window.innerWidth - bodyRect.right}px`;
           popStyle.left = "";
           break;
         case "center":
-          popStyle.left = `${bodyRect.left + window.scrollX + (bodyRect.width - popRect.width) / 2}px`;
+          popStyle.left = `${bodyRect.left + (bodyRect.width - popRect.width) / 2}px`;
           popStyle.right = "";
           break;
       }

package/dist/lib/Radio/Radio.js

@@ -1,6 +1,6 @@
 import { defineComponent, inject, ref, computed, createVNode } from 'vue';
-import { c as config } from '../../config-CzBnUX60.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-D7Ud-N38.js';
+import { c as config } from '../../config-B07fLkJm.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BXzNjKnu.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/RadioButton/RadioButton.js

@@ -1,6 +1,6 @@
 import { defineComponent, inject, ref, computed, createVNode } from 'vue';
-import { c as config } from '../../config-CzBnUX60.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-D7Ud-N38.js';
+import { c as config } from '../../config-B07fLkJm.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BXzNjKnu.js';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {

package/dist/lib/RadioGroup/RadioGroup.js

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

package/dist/lib/Scene/Scene.js

@@ -1,10 +1,10 @@
 import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, renderSlot } from 'vue';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-D7Ud-N38.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BXzNjKnu.js';
 
 var _sfc_main = /*@__PURE__*/ defineComponent({
     __name: 'Scene',
     props: {
-        flex: { type: Boolean, defalut: false },
+        flex: { type: Boolean, default: false },
         row: { type: Boolean, default: false }, // display:flex
         column: { type: Boolean, default: false }, // flex-direction: column
         wrap: { type: Boolean, default: false }, // flex-wrap:wrap

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-BBP7kr-V.js';
-import { _ as _export_sfc } from '../../_plugin-vue_export-helper-D7Ud-N38.js';
+import { k as debounce } from '../../utils-CKmXyjAy.js';
+import { _ as _export_sfc } from '../../_plugin-vue_export-helper-BXzNjKnu.js';
 
 /**
  * note: