vue-devui 1.5.0 → 1.5.2

package/vue-devui.es.js

@@ -22310,6 +22310,8 @@ class Transform {
   reset() {
     this.transformX = this.TRANSFORMX;
     this.transformY = this.TRANSFORMY;
+    this.oTransformX = this.transformX;
+    this.oTransformY = this.transformY;
     this.zoom = this.ZOOM;
   }
   setPosition() {
@@ -23708,8 +23710,7 @@ function getRoot(path) {
 function clearSelect_isHorizontal(ele, event) {
   let element = event.target;
   let stack = [];
-  const { path } = event;
-  const root2 = getRoot(path);
+  const root2 = getRoot(event.composedPath());
   stack = [...Array.from(root2.children)];
   if (element.tagName === "SPAN") {
     element = element.parentElement;
@@ -23819,7 +23820,7 @@ function changeRoute(props, router, useRouter, key) {
 }
 const ns$9 = useNamespace("menu");
 function useClick(e) {
-  const paths = e.path;
+  const paths = e.composedPath();
   for (let i = 0; i < paths.length; i++) {
     const path = paths[i];
     if (path.classList.contains(`${ns$9.b()}-horizontal`)) {
@@ -23852,7 +23853,7 @@ var MenuItem = defineComponent({
     const {
       disabled
     } = toRefs(props);
-    const isSelect = ref(initSelect(defaultSelectKey, key, multiple, disabled));
+    const isSelect = ref(initSelect(defaultSelectKey.value, key, multiple, disabled));
     const isLayer1 = ref(true);
     const rootMenuEmit = inject("rootMenuEmit");
     const useRouter = inject("useRouter");
@@ -23931,7 +23932,7 @@ var MenuItem = defineComponent({
         classObject.value[menuItemSelect] = false;
       }
     });
-    watch(() => defaultSelectKey, (n) => {
+    watch(() => [...defaultSelectKey.value], (n) => {
       isSelect.value = initSelect(n, key, multiple, disabled);
       classObject.value[menuItemSelect] = isSelect.value;
     });
@@ -24375,7 +24376,8 @@ var Menu = defineComponent({
     const {
       openKeys,
       mode,
-      collapsed
+      collapsed,
+      defaultSelectKeys
     } = toRefs(props);
     const menuId = randomId(16);
     const store = useStore(menuId);
@@ -24384,7 +24386,7 @@ var Menu = defineComponent({
     provide("defaultIndent", props["indentSize"]);
     provide("multiple", props["multiple"]);
     provide("openKeys", openKeys);
-    provide("defaultSelectKey", props.defaultSelectKeys);
+    provide("defaultSelectKey", defaultSelectKeys);
     provide("mode", mode);
     provide("collapsedIndent", props["collapsedIndent"]);
     provide("rootMenuEmit", ctx2.emit);
@@ -26261,18 +26263,18 @@ var Tag = defineComponent({
       e.stopPropagation();
       emit("tagDelete", e);
     };
+    const contentColor = computed(() => {
+      return isDefaultTag() ? "" : checked.value ? "#fff" : themeColor.value;
+    });
     const closeIconEl = () => {
+      const iconName = isDefaultTag() ? "error-o" : "close";
       return deletable.value ? createVNode("a", {
         "class": "remove-button",
         "onClick": handleDelete
-      }, [isDefaultTag() ? createVNode(resolveComponent("d-icon"), {
-        "size": "12px",
-        "name": "error-o",
-        "color": "#adb0b8"
-      }, null) : createVNode(resolveComponent("d-icon"), {
+      }, [createVNode(resolveComponent("d-icon"), {
         "size": "12px",
-        "name": "close",
-        "color": themeColor.value
+        "name": iconName,
+        "color": contentColor.value
       }, null)]) : null;
     };
     const unWatch = watch(checked, (newVal) => {
@@ -26288,7 +26290,7 @@ var Tag = defineComponent({
         "class": tagClass.value,
         "style": {
           display: "block",
-          color: checked.value ? "#fff" : themeColor.value,
+          color: contentColor.value,
           backgroundColor: checked.value ? themeColor.value : !color2.value ? "" : "var(--devui-base-bg, #ffffff)"
         },
         "title": tagTitle
@@ -39034,7 +39036,7 @@ const installs = [
   VirtualListInstall
 ];
 var vueDevui = {
-  version: "1.5.0",
+  version: "1.5.2",
   install(app) {
     installs.forEach((p) => app.use(p));
   }