vue-devui 1.0.0-rc.0 → 1.0.0-rc.1

package/editable-select/index.es.js

@@ -147,8 +147,9 @@ const useInput = (inputValue, ctx2) => {
 };
 const useLazyLoad = (dropdownRef, inputValue, filterOtion, load) => {
   const loadMore = () => {
-    if (filterOtion !== false)
+    if (filterOtion !== false) {
       return;
+    }
     if (dropdownRef.value.clientHeight + dropdownRef.value.scrollTop >= dropdownRef.value.scrollHeight) {
       load(inputValue.value);
     }
@@ -178,8 +179,9 @@ const useKeyboardSelect = (dropdownRef, disabled, visible, hoverIndex, selectedI
     if (!newIndex) {
       newIndex = hoverIndex.value;
     }
-    if (!["ArrowDown", "ArrowUp"].includes(direction))
+    if (!["ArrowDown", "ArrowUp"].includes(direction)) {
       return;
+    }
     if (direction === "ArrowUp") {
       if (newIndex === 0) {
         newIndex = options.value.length - 1;
@@ -206,8 +208,9 @@ const useKeyboardSelect = (dropdownRef, disabled, visible, hoverIndex, selectedI
   };
   const handleKeydown = (event) => {
     const keyCode = event.key || event.code;
-    if (options.value.length === 0)
+    if (options.value.length === 0) {
       return;
+    }
     if (!visible.value) {
       return toggleMenu();
     }

package/form/index.es.js

@@ -17,8 +17,8 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { defineComponent, provide, createVNode, Teleport, Transition, renderSlot, isVNode, computed, onMounted, watch, onUnmounted, ref, nextTick, unref, mergeProps, toRefs, Fragment, reactive, inject, onBeforeUnmount, withDirectives, resolveDirective } from "vue";
-import { offset, autoPlacement, arrow, computePosition } from "@floating-ui/dom";
+import { defineComponent, provide, createVNode, toRefs, Teleport, Transition, renderSlot, isVNode, computed, onMounted, watch, onUnmounted, ref, unref, nextTick, mergeProps, Fragment, reactive, inject, onBeforeUnmount, withDirectives, resolveDirective } from "vue";
+import { shift, offset, autoPlacement, arrow, computePosition } from "@floating-ui/dom";
 function mitt(n) {
   return { all: n = n || /* @__PURE__ */ new Map(), on: function(t, e) {
     var i = n.get(t);
@@ -120,8 +120,9 @@ function isObject(obj) {
   return Object.prototype.toString.call(obj).slice(8, -1) === "Object";
 }
 function hasKey(obj, key) {
-  if (!isObject(obj))
+  if (!isObject(obj)) {
     return false;
+  }
   return Object.prototype.hasOwnProperty.call(obj, key);
 }
 function getElOffset(curEl) {
@@ -199,53 +200,54 @@ var Form = defineComponent({
     }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)]);
   }
 });
+const iconProps = {
+  name: {
+    type: String,
+    default: "",
+    required: true
+  },
+  size: {
+    type: String,
+    default: "inherit"
+  },
+  color: {
+    type: String,
+    default: "inherit"
+  },
+  classPrefix: {
+    type: String,
+    default: "icon"
+  }
+};
 var Icon = defineComponent({
   name: "DIcon",
-  props: {
-    name: {
-      type: String,
-      required: true
-    },
-    size: {
-      type: String,
-      default: "inherit"
-    },
-    color: {
-      type: String,
-      default: "inherit"
-    },
-    classPrefix: {
-      type: String,
-      default: "icon"
-    }
-  },
+  props: iconProps,
   setup(props) {
-    return __spreadValues({}, props);
-  },
-  render() {
     const {
       name,
       size,
       color,
       classPrefix
-    } = this;
-    return /^((https?):)?\/\//.test(name) ? createVNode("img", {
-      "src": name,
-      "alt": name.split("/")[name.split("/").length - 1],
-      "style": {
-        width: size,
-        verticalAlign: "text-bottom"
-      }
-    }, null) : createVNode("i", {
-      "class": `${classPrefix} ${classPrefix}-${name}`,
-      "style": {
-        fontSize: size,
-        color
-      }
-    }, null);
+    } = toRefs(props);
+    return () => {
+      return /^((https?):)?\/\//.test(name.value) ? createVNode("img", {
+        "src": name.value,
+        "alt": name.value.split("/")[name.value.split("/").length - 1],
+        "style": {
+          width: size.value,
+          verticalAlign: "text-bottom"
+        }
+      }, null) : createVNode("i", {
+        "class": `${classPrefix.value} ${classPrefix.value}-${name.value}`,
+        "style": {
+          fontSize: size.value,
+          color: color.value
+        }
+      }, null);
+    };
   }
 });
-var overlay = "";
+var baseOverlay = "";
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
@@ -292,43 +294,13 @@ const overlayProps = {
     default: true
   }
 };
-const overlayEmits = ["update:visible", "backdropClick"];
 const fixedOverlayProps = __spreadProps(__spreadValues({}, overlayProps), {
   overlayStyle: {
     type: [String, Object],
     default: void 0
   }
 });
-const flexibleOverlayProps = {
-  modelValue: {
-    type: Boolean,
-    default: false
-  },
-  origin: {
-    type: Object,
-    require: true
-  },
-  position: {
-    type: Array,
-    default: ["bottom"]
-  },
-  offset: {
-    type: [Number, Object],
-    default: 8
-  },
-  align: {
-    type: String,
-    default: null
-  },
-  showArrow: {
-    type: Boolean,
-    default: false
-  },
-  isArrowCenter: {
-    type: Boolean,
-    default: true
-  }
-};
+const overlayEmits = ["update:visible", "backdropClick"];
 function useOverlayLogic(props, ctx2) {
   const backgroundClass = computed(() => {
     return [
@@ -379,6 +351,7 @@ function useOverlayLogic(props, ctx2) {
     handleOverlayBubbleCancel
   };
 }
+var fixedOverlay = "";
 defineComponent({
   name: "DFixedOverlay",
   props: fixedOverlayProps,
@@ -403,6 +376,36 @@ defineComponent({
     });
   }
 });
+const flexibleOverlayProps = {
+  modelValue: {
+    type: Boolean,
+    default: false
+  },
+  origin: {
+    type: Object,
+    require: true
+  },
+  position: {
+    type: Array,
+    default: ["bottom"]
+  },
+  offset: {
+    type: [Number, Object],
+    default: 8
+  },
+  align: {
+    type: String,
+    default: null
+  },
+  showArrow: {
+    type: Boolean,
+    default: false
+  },
+  isArrowCenter: {
+    type: Boolean,
+    default: true
+  }
+};
 function getScrollParent(element) {
   const overflowRegex = /(auto|scroll|hidden)/;
   for (let parent = element; parent = parent.parentElement; parent.parentElement !== document.body) {
@@ -456,6 +459,7 @@ function useOverlay(props, emit) {
     const overlayEl = unref(overlayRef.value);
     const arrowEl = unref(arrowRef.value);
     const middleware = [
+      shift(),
       offset(props.offset),
       autoPlacement({
         alignment: props.align,
@@ -490,7 +494,7 @@ function useOverlay(props, emit) {
     originParent !== window && window.removeEventListener("scroll", updatePosition);
     window.removeEventListener("resize", updatePosition);
   });
-  return { arrowRef, overlayRef };
+  return { arrowRef, overlayRef, updatePosition };
 }
 var flexibleOverlay = "";
 const FlexibleOverlay = defineComponent({
@@ -501,12 +505,17 @@ const FlexibleOverlay = defineComponent({
   setup(props, {
     slots,
     attrs,
-    emit
+    emit,
+    expose
   }) {
     const {
       arrowRef,
-      overlayRef
+      overlayRef,
+      updatePosition
     } = useOverlay(props, emit);
+    expose({
+      updatePosition
+    });
     return () => {
       var _a;
       return props.modelValue && createVNode("div", mergeProps({
@@ -7662,8 +7671,9 @@ function handleErrorStrategyPass(el) {
   el.setAttribute("class", classList.join(" "));
 }
 function getFormControlUID(el) {
-  if (el.tagName.toLocaleLowerCase() === "body")
+  if (el.tagName.toLocaleLowerCase() === "body") {
     return "";
+  }
   if (el.parentElement.id.startsWith("dfc-")) {
     return el.parentElement.id;
   } else {
@@ -7706,8 +7716,9 @@ function validateFn({ validator, modelValue, el, tipEl, isFormTag, messageShowTy
     handleValidatePass(el, tipEl);
   }).catch((err) => {
     const { errors } = err;
-    if (!errors || errors.length === 0)
+    if (!errors || errors.length === 0) {
       return;
+    }
     let msg = "";
     if (typeof errors[0].message === "object") {
       msg = errors[0].message.default;