vue-devui 1.0.2 → 1.2.0

package/vue-devui.es.js

@@ -10220,7 +10220,9 @@ var Checkbox = defineComponent({
         "fill-rule": "nonzero",
         "points": "5.17391304 6.56521739 7.7173913 9.10869565 11.826087 5 13 6.17391304 7.7173913 11.4565217 4 7.73913043",
         "class": polygonCls
-      }, null)])])]), props.label || ((_b = (_a = ctx2.slots).default) == null ? void 0 : _b.call(_a))])])]);
+      }, null)])])]), createVNode("span", {
+        "class": ns2.e("label-text")
+      }, [props.label || ((_b = (_a = ctx2.slots).default) == null ? void 0 : _b.call(_a))])])])]);
     };
   }
 });
@@ -10262,12 +10264,11 @@ var CheckboxGroup = defineComponent({
         }
       };
       return createVNode("div", {
-        "class": ns2.e("group")
-      }, [createVNode("div", {
-        "class": {
-          [ns2.m("list-inline")]: props.direction === "row"
-        }
-      }, [getContent()])]);
+        "class": [ns2.e("group"), {
+          "is-row": props.direction === "row",
+          "is-column": props.direction === "column"
+        }]
+      }, [getContent()]);
     };
   }
 });
@@ -11282,7 +11283,10 @@ var DInput = defineComponent({
     const prefixVisible = ctx2.slots.prefix || props.prefix;
     const suffixVisible = ctx2.slots.suffix || props.suffix || props.showPassword || props.clearable;
     const showPwdVisible = computed(() => props.showPassword && !inputDisabled.value);
-    const showClearable = computed(() => props.clearable && !inputDisabled.value);
+    const showClearable = computed(() => {
+      var _a;
+      return props.clearable && !inputDisabled.value && ((_a = modelValue.value) == null ? void 0 : _a.length) > 0;
+    });
     watch(() => props.modelValue, () => {
       if (props.validateEvent) {
         formItemContext == null ? void 0 : formItemContext.validate("change").catch((err) => console.warn(err));
@@ -11329,7 +11333,7 @@ var DInput = defineComponent({
         "class": ns2.em("password", "icon"),
         "name": passwordVisible.value ? "preview" : "preview-forbidden",
         "onClick": clickPasswordIcon
-      }, null), showClearable.value && modelValue.value.length > 0 && createVNode(DIcon, {
+      }, null), showClearable.value && createVNode(DIcon, {
         "size": inputSize.value,
         "class": ns2.em("clear", "icon"),
         "name": "close",
@@ -17368,6 +17372,7 @@ var MenuItem = defineComponent({
       e.stopPropagation();
       const ele = e.currentTarget;
       let changeRouteResult = void 0;
+      props.disabled && e.preventDefault();
       if (!props.disabled) {
         if (!multiple) {
           menuStore.emit("menuItem:clear:select");
@@ -17423,7 +17428,9 @@ var MenuItem = defineComponent({
     }, [(_b = (_a = ctx2.slots).icon) == null ? void 0 : _b.call(_a)]);
     const menuItems = ref(null);
     watch(disabled, () => {
-      classObject.value[menuItemSelect] = false;
+      if (!multiple) {
+        classObject.value[menuItemSelect] = false;
+      }
     });
     watch(() => defaultSelectKey, (n) => {
       isSelect.value = initSelect(n, key, multiple, disabled);
@@ -17509,61 +17516,12 @@ var MenuItem = defineComponent({
     };
   }
 });
-const ns$a = useNamespace("menu");
-const subNs$1 = useNamespace("submenu");
-const menuItemHorizontalWrapperHidden = `${ns$a.b()}-item-horizontal-wrapper-hidden`;
-const menuItemHorizontalWrapperShow = `${ns$a.b()}-item-horizontal-wrapper-show`;
-function useShowSubMenu(eventName, e, wrapper) {
-  const target = e.currentTarget;
-  const targetParent = target.parentElement;
-  const wrapperChildren = wrapper.children;
-  wrapper.style.padding = `0 20px !important`;
-  if (eventName === "mouseenter") {
-    if ((targetParent == null ? void 0 : targetParent.tagName) === "DIV") {
-      wrapper.classList.add(`${ns$a.b()}-item-horizontal-wrapper-level`);
-      const { width } = target.getClientRects()[0];
-      wrapper.style.top = `0px`;
-      wrapper.style.left = `${width}px`;
-    } else {
-      wrapper.style.top = `26px`;
-      wrapper.style.left = `0px`;
-    }
-    wrapper.classList.remove(menuItemHorizontalWrapperHidden);
-    wrapper.classList.add(menuItemHorizontalWrapperShow);
-    for (let i = 0; i < wrapperChildren.length; i++) {
-      const ul = wrapperChildren[i];
-      if (ul.tagName === "UL" && ul.classList.contains(subNs$1.b())) {
-        const levelUlWrapper = ul.getElementsByClassName(`${ns$a.b()}-item-horizontal-wrapper`)[0];
-        ul.addEventListener("mouseenter", (ev) => {
-          ev.stopPropagation();
-          useShowSubMenu("mouseenter", ev, levelUlWrapper);
-          levelUlWrapper.classList.remove(menuItemHorizontalWrapperHidden);
-          levelUlWrapper.classList.add(menuItemHorizontalWrapperShow);
-        });
-        ul.addEventListener("mouseleave", (ev) => {
-          ev.stopPropagation();
-          useShowSubMenu("mouseleave", ev, levelUlWrapper);
-          levelUlWrapper.classList.remove(menuItemHorizontalWrapperShow);
-          levelUlWrapper.classList.add(menuItemHorizontalWrapperHidden);
-        });
-      }
-    }
-  }
-  if (eventName === "mouseleave") {
-    wrapper.classList.remove(menuItemHorizontalWrapperShow);
-    wrapper.classList.add(menuItemHorizontalWrapperHidden);
+function useNearestMenuElement(ele) {
+  while (ele && ele.tagName !== "LI" && ele.tagName !== "UL") {
+    ele = ele.parentElement;
   }
+  return ele;
 }
-const subMenuProps = {
-  title: {
-    type: String,
-    default: ""
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  }
-};
 const elTransition = "0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out";
 const TransitionObj = {
   "before-enter"(el) {
@@ -17637,6 +17595,61 @@ var MenuTransition = defineComponent({
     };
   }
 });
+const subMenuProps = {
+  title: {
+    type: String,
+    default: ""
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  }
+};
+const ns$a = useNamespace("menu");
+const subNs$1 = useNamespace("submenu");
+const menuItemHorizontalWrapperHidden = `${ns$a.b()}-item-horizontal-wrapper-hidden`;
+const menuItemHorizontalWrapperShow = `${ns$a.b()}-item-horizontal-wrapper-show`;
+function useShowSubMenu(eventName, e, wrapper) {
+  const target = e.currentTarget;
+  const targetParent = target.parentElement;
+  const wrapperChildren = wrapper.children;
+  wrapper.style.padding = `0 20px !important`;
+  if (eventName === "mouseenter") {
+    if ((targetParent == null ? void 0 : targetParent.tagName) === "DIV") {
+      wrapper.classList.add(`${ns$a.b()}-item-horizontal-wrapper-level`);
+      const { width } = target.getClientRects()[0];
+      wrapper.style.top = `0px`;
+      wrapper.style.left = `${width}px`;
+    } else {
+      wrapper.style.top = `26px`;
+      wrapper.style.left = `0px`;
+    }
+    wrapper.classList.remove(menuItemHorizontalWrapperHidden);
+    wrapper.classList.add(menuItemHorizontalWrapperShow);
+    for (let i = 0; i < wrapperChildren.length; i++) {
+      const ul = wrapperChildren[i];
+      if (ul.tagName === "UL" && ul.classList.contains(subNs$1.b())) {
+        const levelUlWrapper = ul.getElementsByClassName(`${ns$a.b()}-item-horizontal-wrapper`)[0];
+        ul.addEventListener("mouseenter", (ev) => {
+          ev.stopPropagation();
+          useShowSubMenu("mouseenter", ev, levelUlWrapper);
+          levelUlWrapper.classList.remove(menuItemHorizontalWrapperHidden);
+          levelUlWrapper.classList.add(menuItemHorizontalWrapperShow);
+        });
+        ul.addEventListener("mouseleave", (ev) => {
+          ev.stopPropagation();
+          useShowSubMenu("mouseleave", ev, levelUlWrapper);
+          levelUlWrapper.classList.remove(menuItemHorizontalWrapperShow);
+          levelUlWrapper.classList.add(menuItemHorizontalWrapperHidden);
+        });
+      }
+    }
+  }
+  if (eventName === "mouseleave") {
+    wrapper.classList.remove(menuItemHorizontalWrapperShow);
+    wrapper.classList.add(menuItemHorizontalWrapperHidden);
+  }
+}
 const ns$9 = useNamespace("menu");
 const subNs = useNamespace("submenu");
 const subMenuClass = subNs.b();
@@ -17650,9 +17663,9 @@ var SubMenu = defineComponent({
         key
       }
     } = getCurrentInstance();
-    const key_ = String(key);
-    const isOpen = ref(false);
+    let key_ = String(key);
     const defaultOpenKeys = inject("openKeys");
+    const isOpen = ref(defaultOpenKeys.value.includes(key_));
     const indent = inject("defaultIndent");
     const isCollapsed = inject("isCollapsed");
     const mode = inject("mode");
@@ -17661,17 +17674,11 @@ var SubMenu = defineComponent({
     const isHorizontal = mode.value === "horizontal";
     if (key_ === "null") {
       console.warn(`[devui][menu]: Key can not be null`);
-    } else {
-      if (defaultOpenKeys.value.includes(key_)) {
-        isOpen.value = true;
-      } else {
-        isOpen.value = false;
-      }
+      key_ = `randomKey-${randomId(16)}`;
     }
     const clickHandle = (e) => {
-      e.preventDefault();
       e.stopPropagation();
-      const ele = e.currentTarget;
+      const ele = useNearestMenuElement(e.target);
       if (ele.classList.contains(subMenuClass) && isHorizontal) {
         return;
       }
@@ -17680,30 +17687,21 @@ var SubMenu = defineComponent({
         useClick(e);
       }
       if (!props.disabled && mode.value !== "horizontal") {
-        const target = e.target;
-        let cur = e.target;
-        if (target.tagName === "UL") {
-          if (target.classList.contains(`${subMenuClass}-open`)) {
-            isOpen.value = !isOpen.value;
-          } else {
-            isOpen.value = isOpen.value;
-          }
+        const cur = useNearestMenuElement(e.target);
+        const idx = defaultOpenKeys.value.indexOf(key_);
+        if (idx >= 0 && cur.tagName === "UL") {
+          defaultOpenKeys.value.splice(idx, 1);
         } else {
-          while (cur && cur.tagName !== "UL") {
-            if (cur.tagName === "LI") {
-              break;
-            }
-            cur = cur.parentElement;
-          }
           if (cur.tagName === "UL") {
-            isOpen.value = !isOpen.value;
+            defaultOpenKeys.value.push(key_);
           }
         }
+        isOpen.value = defaultOpenKeys.value.indexOf(key_) >= 0;
         parentEmit("submenu-change", {
           type: "submenu-change",
           state: isOpen.value,
           key: key_,
-          el: cur
+          el: ele
         });
       }
     };
@@ -17732,11 +17730,11 @@ var SubMenu = defineComponent({
     });
     onMounted(() => {
       var _a;
-      const el = title.value;
-      const e = subMenu.value;
+      const subMenuTitle = title.value;
+      const subMenuWrapper = subMenu.value;
       addLayer();
-      class_layer.value = `layer_${(_a = Array.from(e.classList).at(-1)) == null ? void 0 : _a.replace("layer_", "")}`;
-      if (isHorizontal) {
+      class_layer.value = `layer_${(_a = Array.from(subMenuWrapper.classList).at(-1)) == null ? void 0 : _a.replace("layer_", "")}`;
+      if (isHorizontal && !props.disabled) {
         subMenu.value.addEventListener("mouseenter", (ev) => {
           ev.stopPropagation();
           useShowSubMenu("mouseenter", ev, wrapperDom);
@@ -17747,22 +17745,22 @@ var SubMenu = defineComponent({
         });
       }
       watch(isCollapsed, (newValue) => {
-        const layer = Number(getLayer(e));
+        const layer = Number(getLayer(subMenuWrapper));
         if (!Number.isNaN(layer)) {
           layer > 2 && (isShow.value = !isCollapsed.value);
         }
         if (newValue) {
-          el.style.padding !== "0" && (oldPadding = el.style.padding);
+          subMenuTitle.style.padding !== "0" && (oldPadding = subMenuTitle.style.padding);
           setTimeout(() => {
-            el.style.padding = "0";
-            el.style.width = "";
-            el.style.textAlign = `center`;
+            subMenuTitle.style.padding = "0";
+            subMenuTitle.style.width = "";
+            subMenuTitle.style.textAlign = `center`;
           }, 300);
-          el.style.display = `block`;
+          subMenuTitle.style.display = `block`;
         } else {
-          el.style.padding = `${oldPadding}`;
-          el.style.textAlign = ``;
-          el.style.display = `flex`;
+          subMenuTitle.style.padding = `${oldPadding}`;
+          subMenuTitle.style.textAlign = ``;
+          subMenuTitle.style.display = `flex`;
         }
       });
     });
@@ -17770,10 +17768,10 @@ var SubMenu = defineComponent({
       var _a, _b, _c, _d;
       return withDirectives(createVNode("ul", {
         "onClick": clickHandle,
-        "class": [subMenuClass, class_layer.value],
+        "class": [subMenuClass, class_layer.value, props["disabled"] && `${subMenuClass}-disabled`],
         "ref": subMenu
       }, [createVNode("div", {
-        "class": [`${subMenuClass}-title`, props["disabled"] && `${subMenuClass}-disabled`],
+        "class": [`${subMenuClass}-title`],
         "style": `padding: 0 ${indent}px`,
         "ref": title
       }, [createVNode("span", {
@@ -17786,10 +17784,10 @@ var SubMenu = defineComponent({
           "icon icon-chevron-right": class_layer.value === `layer_${subMenuClass}`,
           "is-opened": isOpen.value
         }
-      }, null), [[vShow, !isCollapsed.value && key !== "overflowContainer"]])]), isHorizontal ? createVNode("div", {
+      }, null), [[vShow, !isCollapsed.value && key !== "overflowContainer"]])]), isHorizontal ? withDirectives(createVNode("div", {
         "class": `${ns$9.b()}-item-horizontal-wrapper ${ns$9.b()}-item-horizontal-wrapper-hidden`,
         "ref": wrapper
-      }, [(_d = (_c = ctx2.slots).default) == null ? void 0 : _d.call(_c)]) : createVNode(MenuTransition, null, {
+      }, [(_d = (_c = ctx2.slots).default) == null ? void 0 : _d.call(_c)]), [[vShow, !props.disabled]]) : createVNode(MenuTransition, null, {
         default: () => {
           var _a2, _b2;
           return [withDirectives(createVNode("div", {
@@ -17894,51 +17892,67 @@ var Menu = defineComponent({
     provide("useRouter", props.router);
     setDefaultIndent(props["indentSize"]);
     const menuRoot = ref(null);
-    const overflow_container = ref(null);
     const overflowItemLength = ref(0);
+    const overflowContainer = ref(null);
+    const selectClassName = `${ns2.b()}-item-select`;
     const rootClassName = computed(() => ({
       [`${ns2.b()}`]: true,
       [`${ns2.b()}-vertical`]: mode.value === "vertical",
       [`${ns2.b()}-horizontal`]: mode.value === "horizontal",
       [`${ns2.b()}-collapsed`]: collapsed.value
     }));
+    const overflowContainerClassName = reactive({
+      [selectClassName]: false,
+      [`${ns2.b()}-overflow-container`]: true
+    });
+    const resetOverflowContainerSelectState = (e) => {
+      const children = Array.from(e.children);
+      for (const item of children) {
+        if (item.classList.contains(selectClassName)) {
+          overflowContainerClassName[selectClassName] = true;
+          break;
+        } else {
+          overflowContainerClassName[selectClassName] = false;
+        }
+      }
+    };
     onMounted(() => {
       var _a;
       if (props["mode"] === "horizontal") {
         let flag = false;
-        const overflowContainer = (_a = overflow_container.value) == null ? void 0 : _a.$el;
+        const overflowContainerElement = (_a = overflowContainer.value) == null ? void 0 : _a.$el;
         const root2 = menuRoot.value;
         const children = root2.children;
-        const container = overflowContainer.children[1];
+        const container = overflowContainerElement.children[1];
         const ob = new IntersectionObserver((entries) => {
-          entries.forEach((v) => {
-            if (!v.isIntersecting) {
-              const cloneNode = v.target.cloneNode(true);
-              if (v.target.classList.contains(`${ns2.b()}-overflow-container`)) {
-                if (flag && v.target.previousElementSibling && container.children.length) {
-                  root2.appendChild(v.target.previousElementSibling);
+          entries.forEach((entry) => {
+            if (!entry.isIntersecting) {
+              const cloneNode = entry.target.cloneNode(true);
+              if (entry.target.classList.contains(`${ns2.b()}-overflow-container`)) {
+                if (flag && entry.target.previousElementSibling && container.children.length) {
+                  root2.appendChild(entry.target.previousElementSibling);
                 } else {
                   flag = true;
                 }
               } else {
                 overflowItemLength.value += 1;
-                v.target.style.visibility = "hidden";
-                if (overflowContainer.nextSibling) {
-                  root2.insertBefore(v.target, overflowContainer.nextSibling);
+                entry.target.style.visibility = "hidden";
+                if (overflowContainerElement.nextSibling) {
+                  root2.insertBefore(entry.target, overflowContainerElement.nextSibling);
                 } else {
-                  root2.appendChild(v.target);
+                  root2.appendChild(entry.target);
                 }
                 container.appendChild(cloneNode);
+                resetOverflowContainerSelectState(container);
               }
             } else {
-              if (!v.target.classList.contains(`${ns2.b()}-overflow-container`) && v.target.style.visibility === "hidden") {
-                ob.unobserve(v.target);
-                const el = container.lastChild;
-                if (el) {
-                  root2.insertBefore(el, overflowContainer);
-                }
-                const obItem = overflowContainer.previousElementSibling;
-                if (obItem) {
+              if (!entry.target.classList.contains(`${ns2.b()}-overflow-container`) && entry.target.style.visibility === "hidden") {
+                ob.unobserve(entry.target);
+                root2.insertBefore(entry.target, overflowContainerElement);
+                entry.target.style.visibility = "";
+                const obItem = overflowContainerElement.previousElementSibling;
+                const canObAgin = obItem && entry.boundingClientRect.width % entry.target.getBoundingClientRect().width === 0;
+                if (canObAgin) {
                   ob.observe(obItem);
                 }
                 if (obItem == null ? void 0 : obItem.classList.contains("devui-submenu")) {
@@ -17953,9 +17967,12 @@ var Menu = defineComponent({
                     useShowSubMenu("mouseleave", ev, wrapper);
                   });
                 }
-                v.target.style.visibility = "";
-                v.target.remove();
                 overflowItemLength.value -= 1;
+                ob.observe(entry.target);
+                if (container.lastChild) {
+                  container.removeChild(container.lastChild);
+                }
+                resetOverflowContainerSelectState(container);
               }
             }
           });
@@ -17974,12 +17991,12 @@ var Menu = defineComponent({
       return createVNode("ul", {
         "ref": menuRoot,
         "class": rootClassName.value,
-        "style": [props["collapsed"] ? `width:${props["collapsedIndent"] * 2}px` : `width: ${props["width"]}`, "white-space: nowrap"]
+        "style": [props["collapsed"] ? `width:${props["collapsedIndent"] * 2}px` : `width: ${props["width"]}`]
       }, [(_b = (_a = ctx2.slots).default) == null ? void 0 : _b.call(_a), withDirectives(createVNode(SubMenu, {
-        "ref": overflow_container,
+        "ref": overflowContainer,
         "key": "overflowContainer",
         "title": "...",
-        "class": `${ns2.b()}-overflow-container`
+        "class": overflowContainerClassName
       }, null), [[vShow, overflowItemLength.value > 0 && mode.value === "horizontal"]])]);
     };
   }
@@ -18350,6 +18367,10 @@ const modalProps = {
   type: {
     type: String,
     default: ""
+  },
+  keepLast: {
+    type: Boolean,
+    default: false
   }
 };
 function useModal(props, emit) {
@@ -18404,6 +18425,7 @@ function addUnit(value, defaultUnit = "px") {
     return "";
   }
 }
+const modalPosition = ref("translate(-50%, -50%)");
 const useDraggable = (targetRef, dragRef, draggable) => {
   let transform = {
     offsetX: 0,
@@ -18431,7 +18453,7 @@ const useDraggable = (targetRef, dragRef, draggable) => {
         offsetX: moveX,
         offsetY: moveY
       };
-      targetRef.value.style.transform = `translate(${addUnit(moveX)}, ${addUnit(moveY)})`;
+      modalPosition.value = `translate(calc(-50% + ${addUnit(moveX)}), calc(-50% + ${addUnit(moveY)}))`;
     };
     const onMouseup = () => {
       document.removeEventListener("mousemove", onMousemove);
@@ -18462,6 +18484,16 @@ const useDraggable = (targetRef, dragRef, draggable) => {
   onBeforeUnmount(() => {
     offDraggable();
   });
+  const clearPosition = () => {
+    transform = {
+      offsetX: 0,
+      offsetY: 0
+    };
+    modalPosition.value = "translate(-50%, -50%)";
+  };
+  return {
+    clearPosition
+  };
 };
 var Header = defineComponent({
   name: "DModalHeader",
@@ -18509,7 +18541,8 @@ var Modal = defineComponent({
       showClose,
       showOverlay,
       appendToBody,
-      closeOnClickOverlay
+      closeOnClickOverlay,
+      keepLast
     } = toRefs(props);
     const {
       execClose
@@ -18518,7 +18551,14 @@ var Modal = defineComponent({
     const dialogRef = ref();
     const headerRef = ref();
     const draggable = computed(() => props.draggable);
-    useDraggable(dialogRef, headerRef, draggable);
+    const {
+      clearPosition
+    } = useDraggable(dialogRef, headerRef, draggable);
+    watch(modelValue, (val) => {
+      if (val && !keepLast.value) {
+        clearPosition();
+      }
+    });
     const renderType = () => {
       const typeList = [{
         type: "success",
@@ -18538,7 +18578,12 @@ var Modal = defineComponent({
         icon: "info-o"
       }];
       const item = typeList.find((i) => i.type === props.type);
-      return createVNode(Header, null, {
+      return createVNode("div", {
+        "style": {
+          cursor: props.draggable ? "move" : "default"
+        },
+        "ref": headerRef
+      }, [createVNode(Header, null, {
         default: () => [createVNode("div", {
           "class": "type-content"
         }, [createVNode("div", {
@@ -18548,22 +18593,24 @@ var Modal = defineComponent({
         }, null)]), createVNode("div", {
           "class": "type-content-text"
         }, [item == null ? void 0 : item.text])])]
-      });
+      })]);
     };
     return () => createVNode(Teleport, {
       "to": "body",
       "disabled": !appendToBody.value
     }, {
-      default: () => [showOverlay.value && createVNode(FixedOverlay, {
-        "modelValue": modelValue.value,
-        "onUpdate:modelValue": execClose,
+      default: () => [showOverlay.value && createVNode(FixedOverlay, mergeProps({
+        "modelValue": modelValue.value
+      }, {
+        "onUpdate:modelValue": execClose
+      }, {
         "class": ns2.e("overlay"),
         "lock-scroll": false,
         "close-on-click-overlay": closeOnClickOverlay.value,
         "style": {
           zIndex: "calc(var(--devui-z-index-modal, 1050) - 1)"
         }
-      }, null), createVNode(Transition, {
+      }), null), createVNode(Transition, {
         "name": props.showAnimation ? ns2.m("wipe") : ""
       }, {
         default: () => {
@@ -18572,7 +18619,10 @@ var Modal = defineComponent({
             "ref": dialogRef,
             "class": ns2.b()
           }, attrs, {
-            "onClick": (e) => e.stopPropagation()
+            "onClick": (e) => e.stopPropagation(),
+            "style": {
+              transform: modalPosition.value
+            }
           }), [showClose.value && createVNode("div", {
             "onClick": execClose,
             "class": "btn-close"
@@ -19555,7 +19605,7 @@ const tagProps = {
   },
   size: {
     type: String,
-    default: "xs"
+    default: "md"
   }
 };
 function useClass(props) {
@@ -30095,7 +30145,7 @@ const installs = [
   UploadInstall
 ];
 var vueDevui = {
-  version: "1.0.1",
+  version: "1.1.0",
   install(app) {
     installs.forEach((p) => app.use(p));
   }