vue-devui 1.0.0-beta.18 → 1.0.0-beta.19

package/form/index.es.js

@@ -1,4 +1,6 @@
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -14,7 +16,9 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-import { defineComponent, provide, createVNode, ref, toRefs, reactive, watch, withDirectives, resolveDirective, resolveComponent, inject, computed, onMounted, onBeforeUnmount, Teleport } from "vue";
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+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);
@@ -116,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) {
@@ -191,1411 +196,381 @@ var Form = defineComponent({
     } = this;
     return createVNode("form", {
       "onSubmit": onSubmit,
-      "class": "d-form"
+      "class": "devui-form"
     }, [(_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 debounce = (callBack, wait) => {
-  let time = null;
-  return () => {
-    time && clearTimeout(time);
-    time = setTimeout(() => {
-      callBack == null ? void 0 : callBack();
-    }, wait);
-  };
-};
-const inBrowser = typeof window !== "undefined";
-function on(element, eventName, handler) {
-  if (document.addEventListener) {
-    if (element && eventName && handler) {
-      element.addEventListener(eventName, handler, false);
-    }
-  } else {
-    if (element && eventName && handler) {
-      element.attachEvent("on" + eventName, handler);
-    }
-  }
-}
-const ctx = Symbol("@@clickoutside");
-const nodeList = /* @__PURE__ */ new Map();
-let startClick;
-let nid = 0;
-let isFirst = true;
-function createDocumentHandler(el, binding, vnode) {
-  if (inBrowser && isFirst) {
-    isFirst = false;
-    on(document, "mousedown", (e) => {
-      startClick = e;
-    });
-    on(document, "mouseup", (e) => {
-      for (const [id, node] of nodeList) {
-        node[ctx].documentHandler(e, startClick);
-      }
-    });
-  }
-  return function(mouseup, mousedown) {
-    if (!vnode || !binding.instance || !mouseup.target || !mousedown.target || el.contains(mouseup.target) || el.contains(mousedown.target) || el === mouseup.target) {
-      return;
-    }
-    el[ctx].bindingFn && el[ctx].bindingFn();
-  };
+var baseOverlay = "";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
-const clickoutsideDirective = {
-  beforeMount: function(el, binding, vnode) {
-    nid++;
-    nodeList.set(nid, el);
-    el[ctx] = {
-      nid,
-      documentHandler: createDocumentHandler(el, binding, vnode),
-      bindingFn: binding.value
+const CommonOverlay = defineComponent({
+  setup(props, ctx2) {
+    return () => {
+      let _slot;
+      return createVNode(Teleport, {
+        "to": "#d-overlay-anchor"
+      }, {
+        default: () => [createVNode(Transition, {
+          "name": "devui-overlay-fade"
+        }, _isSlot(_slot = renderSlot(ctx2.slots, "default")) ? _slot : {
+          default: () => [_slot]
+        })]
+      });
     };
+  }
+});
+const overlayProps = {
+  visible: {
+    type: Boolean
   },
-  updated: function(el, binding, vnode) {
-    el[ctx].documentHandler = createDocumentHandler(el, binding, vnode);
-    el[ctx].bindingFn = binding.value;
+  backgroundBlock: {
+    type: Boolean,
+    default: false
   },
-  unmounted: function(el) {
-    nodeList.delete(el[ctx].nid);
-    delete el[ctx];
-  }
-};
-var popover = "";
-const popTypeClass = {
-  success: {
-    name: "right-o",
-    color: "rgb(61, 204, 166)"
+  backgroundClass: {
+    type: String,
+    default: ""
   },
-  error: {
-    name: "error-o",
-    color: "rgb(249, 95, 91)"
+  backgroundStyle: {
+    type: [String, Object]
   },
-  info: {
-    name: "info-o",
-    color: "rgb(81, 112, 255)"
+  onBackdropClick: {
+    type: Function
   },
-  warning: {
-    name: "warning-o",
-    color: "rgb(254, 204, 85)"
+  backdropClose: {
+    type: Boolean,
+    default: true
   },
-  default: {}
+  hasBackdrop: {
+    type: Boolean,
+    default: true
+  }
 };
-var Popover = defineComponent({
-  name: "DPopover",
-  directives: {
-    clickoutside: clickoutsideDirective
-  },
-  props: {
-    visible: {
-      type: Boolean,
-      default: false
-    },
-    position: {
-      type: String,
-      default: "bottom"
-    },
-    content: {
-      type: String,
-      default: "default"
-    },
-    trigger: {
-      type: String,
-      default: "click"
-    },
-    zIndex: {
-      type: Number,
-      default: 1060
-    },
-    controlled: {
-      type: Boolean,
-      default: false
-    },
-    popType: {
-      type: String,
-      default: "default"
-    },
-    showAnimation: {
-      type: Boolean,
-      default: true
-    },
-    mouseEnterDelay: {
-      type: Number,
-      default: 150
-    },
-    mouseLeaveDelay: {
-      type: Number,
-      default: 100
-    },
-    popMaxWidth: {
-      type: Number,
-      default: void 0
-    },
-    popoverStyle: {
-      type: Object,
-      default: () => ({})
+const fixedOverlayProps = __spreadProps(__spreadValues({}, overlayProps), {
+  overlayStyle: {
+    type: [String, Object],
+    default: void 0
+  }
+});
+const overlayEmits = ["update:visible", "backdropClick"];
+function useOverlayLogic(props, ctx2) {
+  const backgroundClass = computed(() => {
+    return [
+      "devui-overlay-background",
+      props.backgroundClass,
+      !props.hasBackdrop ? "devui-overlay-background__disabled" : "devui-overlay-background__color"
+    ];
+  });
+  const overlayClass = computed(() => {
+    return "devui-overlay";
+  });
+  const handleBackdropClick = (event) => {
+    var _a;
+    event.preventDefault();
+    (_a = props.onBackdropClick) == null ? void 0 : _a.call(props);
+    if (props.backdropClose) {
+      ctx2.emit("update:visible", false);
     }
-  },
+  };
+  const handleOverlayBubbleCancel = (event) => event.cancelBubble = true;
+  onMounted(() => {
+    const body = document.body;
+    const originOverflow = body.style.overflow;
+    const originPosition = body.style.position;
+    watch([() => props.visible, () => props.backgroundBlock], ([visible, backgroundBlock]) => {
+      if (backgroundBlock) {
+        const top = body.getBoundingClientRect().y;
+        if (visible) {
+          body.style.overflowY = "scroll";
+          body.style.position = visible ? "fixed" : "";
+          body.style.top = `${top}px`;
+        } else {
+          body.style.overflowY = originOverflow;
+          body.style.position = originPosition;
+          body.style.top = "";
+          window.scrollTo(0, -top);
+        }
+      }
+    });
+    onUnmounted(() => {
+      document.body.style.overflow = originOverflow;
+    });
+  });
+  return {
+    backgroundClass,
+    overlayClass,
+    handleBackdropClick,
+    handleOverlayBubbleCancel
+  };
+}
+var fixedOverlay = "";
+defineComponent({
+  name: "DFixedOverlay",
+  props: fixedOverlayProps,
+  emits: overlayEmits,
   setup(props, ctx2) {
     const {
-      slots
-    } = ctx2;
-    const visible = ref(props.visible);
-    const {
-      position,
-      content,
-      zIndex,
-      trigger,
-      popType,
-      popoverStyle,
-      mouseEnterDelay,
-      mouseLeaveDelay,
-      showAnimation,
-      popMaxWidth,
-      controlled
-    } = toRefs(props);
-    const style2 = __spreadValues({
-      zIndex: zIndex.value
-    }, popoverStyle.value);
-    const isClick = trigger.value === "click";
-    const iconType = reactive(popTypeClass[popType.value]);
-    const event = function() {
-      if (visible.value) {
-        visible.value = false;
-        return;
-      }
-      visible.value = true;
-    };
-    const onClick = isClick && controlled.value ? event : null;
-    const enter = debounce(() => {
-      visible.value = true;
-    }, mouseEnterDelay.value);
-    const leave = debounce(() => {
-      visible.value = false;
-    }, mouseLeaveDelay.value);
-    const onMouseenter = !isClick && controlled.value ? enter : null;
-    const onMouseleave = !isClick && controlled.value ? leave : null;
-    const hiddenContext = () => {
-      if (!controlled.value)
-        return;
-      visible.value = false;
-    };
-    popMaxWidth.value && (style2.maxWidth = `${popMaxWidth.value}px`);
-    watch(() => props.visible, (newVal) => {
-      if (controlled.value)
-        return;
-      visible.value = newVal;
+      backgroundClass,
+      overlayClass,
+      handleBackdropClick,
+      handleOverlayBubbleCancel
+    } = useOverlayLogic(props, ctx2);
+    return () => createVNode(CommonOverlay, null, {
+      default: () => [props.visible && createVNode("div", {
+        "class": backgroundClass.value,
+        "style": props.backgroundStyle,
+        "onClick": handleBackdropClick
+      }, [createVNode("div", {
+        "class": overlayClass.value,
+        "style": props.overlayStyle,
+        "onClick": handleOverlayBubbleCancel
+      }, [renderSlot(ctx2.slots, "default")])])]
     });
-    return () => {
-      var _a, _b;
-      return createVNode("div", {
-        "class": ["devui-popover", position.value, {
-          "devui-popover-animation": showAnimation.value,
-          "devui-popover-isVisible": visible.value
-        }]
-      }, [withDirectives(createVNode("div", {
-        "class": "devui-popover-reference",
-        "onMouseenter": onMouseenter,
-        "onMouseleave": onMouseleave,
-        "onClick": onClick
-      }, [(_a = slots.reference) == null ? void 0 : _a.call(slots)]), [[resolveDirective("clickoutside"), hiddenContext]]), createVNode("div", {
-        "class": ["devui-popover-content", iconType.name ? "is-icon" : ""],
-        "style": style2
-      }, [iconType.name && createVNode(resolveComponent("d-icon"), {
-        "name": iconType.name,
-        "color": iconType.color,
-        "class": "devui-popover-icon",
-        "size": "16px"
-      }, null), ((_b = slots.content) == null ? void 0 : _b.call(slots)) || createVNode("span", null, [content.value]), createVNode("span", {
-        "class": "after",
-        "style": style2
-      }, null)])]);
-    };
   }
 });
-var formLabel = "";
-var FormLabel = defineComponent({
-  name: "DFormLabel",
-  props: formLabelProps,
-  setup(props, ctx2) {
-    const dForm = reactive(inject(formInjectionKey, {}));
-    const labelData = reactive(dForm.labelData);
-    const isHorizontal = computed(() => labelData.layout === "horizontal").value;
-    const isLg = computed(() => labelData.labelSize === "lg").value;
-    const isSm = computed(() => labelData.labelSize === "sm").value;
-    const isCenter = computed(() => labelData.labelAlign === "center").value;
-    const isEnd = computed(() => labelData.labelAlign === "end").value;
-    const wrapperCls = `form-label${isHorizontal ? isSm ? " form-label_sm" : isLg ? " form-label_lg" : " form-label_sd" : ""}${isCenter ? " form-label_center" : isEnd ? " form-label_end" : ""}`;
-    const className = `${props.required ? " devui-required" : ""}`;
-    const style2 = {
-      display: isHorizontal ? "inline" : "inline-block"
-    };
-    return () => {
-      var _a, _b;
-      return createVNode("span", {
-        "class": wrapperCls,
-        "style": style2
-      }, [createVNode("span", {
-        "class": className
-      }, [(_b = (_a = ctx2.slots).default) == null ? void 0 : _b.call(_a), props.hasHelp && props.helpTips && createVNode(Popover, {
-        "content": props.helpTips,
-        "showAnimation": false,
-        "position": "top",
-        "trigger": "hover"
-      }, {
-        reference: () => createVNode("span", {
-          "class": "form-label-help"
-        }, [createVNode(Icon, {
-          "name": "helping",
-          "color": "#252b3a"
-        }, null)])
-      })])]);
-    };
+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 _extends() {
-  _extends = Object.assign || function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
+};
+function getScrollParent(element) {
+  const overflowRegex = /(auto|scroll|hidden)/;
+  for (let parent = element; parent = parent.parentElement; parent.parentElement !== document.body) {
+    const style2 = window.getComputedStyle(parent);
+    if (overflowRegex.test(style2.overflow + style2.overflowX + style2.overflowY)) {
+      return parent;
     }
-    return target;
-  };
-  return _extends.apply(this, arguments);
+  }
+  return window;
 }
-function _inheritsLoose(subClass, superClass) {
-  subClass.prototype = Object.create(superClass.prototype);
-  subClass.prototype.constructor = subClass;
-  _setPrototypeOf(subClass, superClass);
+function adjustArrowPosition(isArrowCenter, point, placement, originRect) {
+  let { x, y } = point;
+  if (!isArrowCenter) {
+    const { width, height } = originRect;
+    if (x && placement.includes("start")) {
+      x = 12;
+    }
+    if (x && placement.includes("end")) {
+      x = Math.round(width - 24);
+    }
+    if (y && placement.includes("start")) {
+      y = 10;
+    }
+    if (y && placement.includes("end")) {
+      y = height - 14;
+    }
+  }
+  return { x, y };
 }
-function _getPrototypeOf(o) {
-  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf2(o2) {
-    return o2.__proto__ || Object.getPrototypeOf(o2);
+function useOverlay(props, emit) {
+  const overlayRef = ref();
+  const arrowRef = ref();
+  const updateArrowPosition = (arrowEl, placement, point, overlayEl) => {
+    const { x, y } = adjustArrowPosition(props.isArrowCenter, point, placement, overlayEl.getBoundingClientRect());
+    const staticSide = {
+      top: "bottom",
+      right: "left",
+      bottom: "top",
+      left: "right"
+    }[placement.split("-")[0]];
+    Object.assign(arrowEl.style, {
+      left: x ? `${x}px` : "",
+      top: y ? `${y}px` : "",
+      right: "",
+      bottom: "",
+      [staticSide]: "-4px"
+    });
   };
-  return _getPrototypeOf(o);
-}
-function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf2(o2, p2) {
-    o2.__proto__ = p2;
-    return o2;
+  const updatePosition = async () => {
+    const hostEl = props.origin;
+    const overlayEl = unref(overlayRef.value);
+    const arrowEl = unref(arrowRef.value);
+    const middleware = [
+      shift(),
+      offset(props.offset),
+      autoPlacement({
+        alignment: props.align,
+        allowedPlacements: props.position
+      })
+    ];
+    props.showArrow && middleware.push(arrow({ element: arrowEl }));
+    const { x, y, placement, middlewareData } = await computePosition(hostEl, overlayEl, {
+      strategy: "fixed",
+      middleware
+    });
+    emit("positionChange", placement);
+    Object.assign(overlayEl.style, { top: `${y}px`, left: `${x}px` });
+    props.showArrow && updateArrowPosition(arrowEl, placement, middlewareData.arrow, overlayEl);
   };
-  return _setPrototypeOf(o, p);
-}
-function _isNativeReflectConstruct() {
-  if (typeof Reflect === "undefined" || !Reflect.construct)
-    return false;
-  if (Reflect.construct.sham)
-    return false;
-  if (typeof Proxy === "function")
-    return true;
-  try {
-    Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
-    }));
-    return true;
-  } catch (e) {
-    return false;
-  }
+  watch(() => props.modelValue, () => {
+    const originParent = getScrollParent(props.origin);
+    if (props.modelValue && props.origin) {
+      nextTick(updatePosition);
+      originParent.addEventListener("scroll", updatePosition);
+      originParent !== window && window.addEventListener("scroll", updatePosition);
+      window.addEventListener("resize", updatePosition);
+    } else {
+      originParent.removeEventListener("scroll", updatePosition);
+      originParent !== window && window.removeEventListener("scroll", updatePosition);
+      window.removeEventListener("resize", updatePosition);
+    }
+  });
+  onUnmounted(() => {
+    const originParent = getScrollParent(props.origin);
+    originParent.removeEventListener("scroll", updatePosition);
+    originParent !== window && window.removeEventListener("scroll", updatePosition);
+    window.removeEventListener("resize", updatePosition);
+  });
+  return { arrowRef, overlayRef, updatePosition };
 }
-function _construct(Parent, args, Class) {
-  if (_isNativeReflectConstruct()) {
-    _construct = Reflect.construct;
-  } else {
-    _construct = function _construct2(Parent2, args2, Class2) {
-      var a = [null];
-      a.push.apply(a, args2);
-      var Constructor = Function.bind.apply(Parent2, a);
-      var instance = new Constructor();
-      if (Class2)
-        _setPrototypeOf(instance, Class2.prototype);
-      return instance;
-    };
-  }
-  return _construct.apply(null, arguments);
-}
-function _isNativeFunction(fn) {
-  return Function.toString.call(fn).indexOf("[native code]") !== -1;
-}
-function _wrapNativeSuper(Class) {
-  var _cache = typeof Map === "function" ? /* @__PURE__ */ new Map() : void 0;
-  _wrapNativeSuper = function _wrapNativeSuper2(Class2) {
-    if (Class2 === null || !_isNativeFunction(Class2))
-      return Class2;
-    if (typeof Class2 !== "function") {
-      throw new TypeError("Super expression must either be null or a function");
-    }
-    if (typeof _cache !== "undefined") {
-      if (_cache.has(Class2))
-        return _cache.get(Class2);
-      _cache.set(Class2, Wrapper);
-    }
-    function Wrapper() {
-      return _construct(Class2, arguments, _getPrototypeOf(this).constructor);
-    }
-    Wrapper.prototype = Object.create(Class2.prototype, {
-      constructor: {
-        value: Wrapper,
-        enumerable: false,
-        writable: true,
-        configurable: true
-      }
-    });
-    return _setPrototypeOf(Wrapper, Class2);
-  };
-  return _wrapNativeSuper(Class);
-}
-var formatRegExp = /%[sdj%]/g;
-var warning = function warning2() {
-};
-if (typeof process !== "undefined" && process.env && false) {
-  warning = function warning3(type4, errors) {
-    if (typeof console !== "undefined" && console.warn && typeof ASYNC_VALIDATOR_NO_WARNING === "undefined") {
-      if (errors.every(function(e) {
-        return typeof e === "string";
-      })) {
-        console.warn(type4, errors);
-      }
-    }
-  };
-}
-function convertFieldsError(errors) {
-  if (!errors || !errors.length)
-    return null;
-  var fields = {};
-  errors.forEach(function(error) {
-    var field = error.field;
-    fields[field] = fields[field] || [];
-    fields[field].push(error);
-  });
-  return fields;
-}
-function format(template) {
-  for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-    args[_key - 1] = arguments[_key];
-  }
-  var i = 0;
-  var len = args.length;
-  if (typeof template === "function") {
-    return template.apply(null, args);
-  }
-  if (typeof template === "string") {
-    var str = template.replace(formatRegExp, function(x) {
-      if (x === "%%") {
-        return "%";
-      }
-      if (i >= len) {
-        return x;
-      }
-      switch (x) {
-        case "%s":
-          return String(args[i++]);
-        case "%d":
-          return Number(args[i++]);
-        case "%j":
-          try {
-            return JSON.stringify(args[i++]);
-          } catch (_) {
-            return "[Circular]";
-          }
-          break;
-        default:
-          return x;
-      }
-    });
-    return str;
-  }
-  return template;
-}
-function isNativeStringType(type4) {
-  return type4 === "string" || type4 === "url" || type4 === "hex" || type4 === "email" || type4 === "date" || type4 === "pattern";
-}
-function isEmptyValue(value, type4) {
-  if (value === void 0 || value === null) {
-    return true;
-  }
-  if (type4 === "array" && Array.isArray(value) && !value.length) {
-    return true;
-  }
-  if (isNativeStringType(type4) && typeof value === "string" && !value) {
-    return true;
-  }
-  return false;
-}
-function asyncParallelArray(arr, func, callback) {
-  var results = [];
-  var total = 0;
-  var arrLength = arr.length;
-  function count(errors) {
-    results.push.apply(results, errors || []);
-    total++;
-    if (total === arrLength) {
-      callback(results);
-    }
-  }
-  arr.forEach(function(a) {
-    func(a, count);
-  });
-}
-function asyncSerialArray(arr, func, callback) {
-  var index2 = 0;
-  var arrLength = arr.length;
-  function next(errors) {
-    if (errors && errors.length) {
-      callback(errors);
-      return;
-    }
-    var original = index2;
-    index2 = index2 + 1;
-    if (original < arrLength) {
-      func(arr[original], next);
-    } else {
-      callback([]);
-    }
-  }
-  next([]);
-}
-function flattenObjArr(objArr) {
-  var ret = [];
-  Object.keys(objArr).forEach(function(k) {
-    ret.push.apply(ret, objArr[k] || []);
-  });
-  return ret;
-}
-var AsyncValidationError = /* @__PURE__ */ function(_Error) {
-  _inheritsLoose(AsyncValidationError2, _Error);
-  function AsyncValidationError2(errors, fields) {
-    var _this;
-    _this = _Error.call(this, "Async Validation Error") || this;
-    _this.errors = errors;
-    _this.fields = fields;
-    return _this;
-  }
-  return AsyncValidationError2;
-}(/* @__PURE__ */ _wrapNativeSuper(Error));
-function asyncMap(objArr, option, func, callback, source) {
-  if (option.first) {
-    var _pending = new Promise(function(resolve, reject) {
-      var next = function next2(errors) {
-        callback(errors);
-        return errors.length ? reject(new AsyncValidationError(errors, convertFieldsError(errors))) : resolve(source);
-      };
-      var flattenArr = flattenObjArr(objArr);
-      asyncSerialArray(flattenArr, func, next);
-    });
-    _pending["catch"](function(e) {
-      return e;
+var flexibleOverlay = "";
+const FlexibleOverlay = defineComponent({
+  name: "DFlexibleOverlay",
+  inheritAttrs: false,
+  props: flexibleOverlayProps,
+  emits: ["update:modelValue", "positionChange"],
+  setup(props, {
+    slots,
+    attrs,
+    emit,
+    expose
+  }) {
+    const {
+      arrowRef,
+      overlayRef,
+      updatePosition
+    } = useOverlay(props, emit);
+    expose({
+      updatePosition
     });
-    return _pending;
-  }
-  var firstFields = option.firstFields === true ? Object.keys(objArr) : option.firstFields || [];
-  var objArrKeys = Object.keys(objArr);
-  var objArrLength = objArrKeys.length;
-  var total = 0;
-  var results = [];
-  var pending = new Promise(function(resolve, reject) {
-    var next = function next2(errors) {
-      results.push.apply(results, errors);
-      total++;
-      if (total === objArrLength) {
-        callback(results);
-        return results.length ? reject(new AsyncValidationError(results, convertFieldsError(results))) : resolve(source);
-      }
+    return () => {
+      var _a;
+      return props.modelValue && createVNode("div", mergeProps({
+        "ref": overlayRef,
+        "class": "devui-flexible-overlay"
+      }, attrs), [(_a = slots.default) == null ? void 0 : _a.call(slots), props.showArrow && createVNode("div", {
+        "ref": arrowRef,
+        "class": "devui-flexible-overlay-arrow"
+      }, null)]);
     };
-    if (!objArrKeys.length) {
-      callback(results);
-      resolve(source);
-    }
-    objArrKeys.forEach(function(key) {
-      var arr = objArr[key];
-      if (firstFields.indexOf(key) !== -1) {
-        asyncSerialArray(arr, func, next);
-      } else {
-        asyncParallelArray(arr, func, next);
-      }
-    });
-  });
-  pending["catch"](function(e) {
-    return e;
-  });
-  return pending;
-}
-function isErrorObj(obj) {
-  return !!(obj && obj.message !== void 0);
-}
-function getValue(value, path) {
-  var v = value;
-  for (var i = 0; i < path.length; i++) {
-    if (v == void 0) {
-      return v;
-    }
-    v = v[path[i]];
   }
-  return v;
-}
-function complementError(rule, source) {
-  return function(oe) {
-    var fieldValue;
-    if (rule.fullFields) {
-      fieldValue = getValue(source, rule.fullFields);
-    } else {
-      fieldValue = source[oe.field || rule.fullField];
-    }
-    if (isErrorObj(oe)) {
-      oe.field = oe.field || rule.fullField;
-      oe.fieldValue = fieldValue;
-      return oe;
-    }
-    return {
-      message: typeof oe === "function" ? oe() : oe,
-      fieldValue,
-      field: oe.field || rule.fullField
-    };
-  };
-}
-function deepMerge(target, source) {
-  if (source) {
-    for (var s in source) {
-      if (source.hasOwnProperty(s)) {
-        var value = source[s];
-        if (typeof value === "object" && typeof target[s] === "object") {
-          target[s] = _extends({}, target[s], value);
-        } else {
-          target[s] = value;
-        }
-      }
-    }
-  }
-  return target;
-}
-var required$1 = function required(rule, value, source, errors, options, type4) {
-  if (rule.required && (!source.hasOwnProperty(rule.field) || isEmptyValue(value, type4 || rule.type))) {
-    errors.push(format(options.messages.required, rule.fullField));
-  }
-};
-var whitespace = function whitespace2(rule, value, source, errors, options) {
-  if (/^\s+$/.test(value) || value === "") {
-    errors.push(format(options.messages.whitespace, rule.fullField));
-  }
-};
-var pattern$2 = {
-  email: /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+\.)+[a-zA-Z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]{2,}))$/,
-  url: new RegExp("^(?!mailto:)(?:(?:http|https|ftp)://|//)(?:\\S+(?::\\S*)?@)?(?:(?:(?:[1-9]\\d?|1\\d\\d|2[01]\\d|22[0-3])(?:\\.(?:1?\\d{1,2}|2[0-4]\\d|25[0-5])){2}(?:\\.(?:[0-9]\\d?|1\\d\\d|2[0-4]\\d|25[0-4]))|(?:(?:[a-z\\u00a1-\\uffff0-9]+-*)*[a-z\\u00a1-\\uffff0-9]+)(?:\\.(?:[a-z\\u00a1-\\uffff0-9]+-*)*[a-z\\u00a1-\\uffff0-9]+)*(?:\\.(?:[a-z\\u00a1-\\uffff]{2,})))|localhost)(?::\\d{2,5})?(?:(/|\\?|#)[^\\s]*)?$", "i"),
-  hex: /^#?([a-f0-9]{6}|[a-f0-9]{3})$/i
-};
-var types = {
-  integer: function integer(value) {
-    return types.number(value) && parseInt(value, 10) === value;
-  },
-  "float": function float(value) {
-    return types.number(value) && !types.integer(value);
+});
+const inBrowser = typeof window !== "undefined";
+const popoverProps = {
+  isOpen: {
+    type: Boolean,
+    default: false
   },
-  array: function array(value) {
-    return Array.isArray(value);
+  position: {
+    type: Array,
+    default: ["bottom"]
   },
-  regexp: function regexp(value) {
-    if (value instanceof RegExp) {
-      return true;
-    }
-    try {
-      return !!new RegExp(value);
-    } catch (e) {
-      return false;
-    }
+  align: {
+    type: String,
+    default: null
   },
-  date: function date(value) {
-    return typeof value.getTime === "function" && typeof value.getMonth === "function" && typeof value.getYear === "function" && !isNaN(value.getTime());
+  offset: {
+    type: [Number, Object],
+    default: 8
   },
-  number: function number(value) {
-    if (isNaN(value)) {
-      return false;
-    }
-    return typeof value === "number";
+  content: {
+    type: String,
+    default: ""
   },
-  object: function object(value) {
-    return typeof value === "object" && !types.array(value);
+  trigger: {
+    type: String,
+    default: "click"
   },
-  method: function method(value) {
-    return typeof value === "function";
+  popType: {
+    type: String,
+    default: "default"
   },
-  email: function email(value) {
-    return typeof value === "string" && value.length <= 320 && !!value.match(pattern$2.email);
+  showAnimation: {
+    type: Boolean,
+    default: true
   },
-  url: function url(value) {
-    return typeof value === "string" && value.length <= 2048 && !!value.match(pattern$2.url);
+  mouseEnterDelay: {
+    type: Number,
+    default: 150
   },
-  hex: function hex(value) {
-    return typeof value === "string" && !!value.match(pattern$2.hex);
-  }
-};
-var type$1 = function type(rule, value, source, errors, options) {
-  if (rule.required && value === void 0) {
-    required$1(rule, value, source, errors, options);
-    return;
-  }
-  var custom = ["integer", "float", "array", "regexp", "object", "method", "email", "number", "date", "url", "hex"];
-  var ruleType = rule.type;
-  if (custom.indexOf(ruleType) > -1) {
-    if (!types[ruleType](value)) {
-      errors.push(format(options.messages.types[ruleType], rule.fullField, rule.type));
-    }
-  } else if (ruleType && typeof value !== rule.type) {
-    errors.push(format(options.messages.types[ruleType], rule.fullField, rule.type));
-  }
-};
-var range = function range2(rule, value, source, errors, options) {
-  var len = typeof rule.len === "number";
-  var min = typeof rule.min === "number";
-  var max = typeof rule.max === "number";
-  var spRegexp = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g;
-  var val = value;
-  var key = null;
-  var num = typeof value === "number";
-  var str = typeof value === "string";
-  var arr = Array.isArray(value);
-  if (num) {
-    key = "number";
-  } else if (str) {
-    key = "string";
-  } else if (arr) {
-    key = "array";
-  }
-  if (!key) {
-    return false;
-  }
-  if (arr) {
-    val = value.length;
-  }
-  if (str) {
-    val = value.replace(spRegexp, "_").length;
-  }
-  if (len) {
-    if (val !== rule.len) {
-      errors.push(format(options.messages[key].len, rule.fullField, rule.len));
-    }
-  } else if (min && !max && val < rule.min) {
-    errors.push(format(options.messages[key].min, rule.fullField, rule.min));
-  } else if (max && !min && val > rule.max) {
-    errors.push(format(options.messages[key].max, rule.fullField, rule.max));
-  } else if (min && max && (val < rule.min || val > rule.max)) {
-    errors.push(format(options.messages[key].range, rule.fullField, rule.min, rule.max));
-  }
-};
-var ENUM$1 = "enum";
-var enumerable$1 = function enumerable(rule, value, source, errors, options) {
-  rule[ENUM$1] = Array.isArray(rule[ENUM$1]) ? rule[ENUM$1] : [];
-  if (rule[ENUM$1].indexOf(value) === -1) {
-    errors.push(format(options.messages[ENUM$1], rule.fullField, rule[ENUM$1].join(", ")));
-  }
-};
-var pattern$1 = function pattern(rule, value, source, errors, options) {
-  if (rule.pattern) {
-    if (rule.pattern instanceof RegExp) {
-      rule.pattern.lastIndex = 0;
-      if (!rule.pattern.test(value)) {
-        errors.push(format(options.messages.pattern.mismatch, rule.fullField, value, rule.pattern));
-      }
-    } else if (typeof rule.pattern === "string") {
-      var _pattern = new RegExp(rule.pattern);
-      if (!_pattern.test(value)) {
-        errors.push(format(options.messages.pattern.mismatch, rule.fullField, value, rule.pattern));
-      }
-    }
-  }
-};
-var rules = {
-  required: required$1,
-  whitespace,
-  type: type$1,
-  range,
-  "enum": enumerable$1,
-  pattern: pattern$1
-};
-var string = function string2(rule, value, callback, source, options) {
-  var errors = [];
-  var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
-  if (validate) {
-    if (isEmptyValue(value, "string") && !rule.required) {
-      return callback();
-    }
-    rules.required(rule, value, source, errors, options, "string");
-    if (!isEmptyValue(value, "string")) {
-      rules.type(rule, value, source, errors, options);
-      rules.range(rule, value, source, errors, options);
-      rules.pattern(rule, value, source, errors, options);
-      if (rule.whitespace === true) {
-        rules.whitespace(rule, value, source, errors, options);
-      }
-    }
-  }
-  callback(errors);
-};
-var method2 = function method3(rule, value, callback, source, options) {
-  var errors = [];
-  var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
-  if (validate) {
-    if (isEmptyValue(value) && !rule.required) {
-      return callback();
-    }
-    rules.required(rule, value, source, errors, options);
-    if (value !== void 0) {
-      rules.type(rule, value, source, errors, options);
-    }
-  }
-  callback(errors);
-};
-var number2 = function number3(rule, value, callback, source, options) {
-  var errors = [];
-  var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
-  if (validate) {
-    if (value === "") {
-      value = void 0;
-    }
-    if (isEmptyValue(value) && !rule.required) {
-      return callback();
-    }
-    rules.required(rule, value, source, errors, options);
-    if (value !== void 0) {
-      rules.type(rule, value, source, errors, options);
-      rules.range(rule, value, source, errors, options);
-    }
-  }
-  callback(errors);
-};
-var _boolean = function _boolean2(rule, value, callback, source, options) {
-  var errors = [];
-  var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
-  if (validate) {
-    if (isEmptyValue(value) && !rule.required) {
-      return callback();
-    }
-    rules.required(rule, value, source, errors, options);
-    if (value !== void 0) {
-      rules.type(rule, value, source, errors, options);
-    }
-  }
-  callback(errors);
-};
-var regexp2 = function regexp3(rule, value, callback, source, options) {
-  var errors = [];
-  var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
-  if (validate) {
-    if (isEmptyValue(value) && !rule.required) {
-      return callback();
-    }
-    rules.required(rule, value, source, errors, options);
-    if (!isEmptyValue(value)) {
-      rules.type(rule, value, source, errors, options);
-    }
-  }
-  callback(errors);
-};
-var integer2 = function integer3(rule, value, callback, source, options) {
-  var errors = [];
-  var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
-  if (validate) {
-    if (isEmptyValue(value) && !rule.required) {
-      return callback();
-    }
-    rules.required(rule, value, source, errors, options);
-    if (value !== void 0) {
-      rules.type(rule, value, source, errors, options);
-      rules.range(rule, value, source, errors, options);
-    }
+  mouseLeaveDelay: {
+    type: Number,
+    default: 100
   }
-  callback(errors);
 };
-var floatFn = function floatFn2(rule, value, callback, source, options) {
-  var errors = [];
-  var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
-  if (validate) {
-    if (isEmptyValue(value) && !rule.required) {
-      return callback();
-    }
-    rules.required(rule, value, source, errors, options);
-    if (value !== void 0) {
-      rules.type(rule, value, source, errors, options);
-      rules.range(rule, value, source, errors, options);
-    }
-  }
-  callback(errors);
-};
-var array2 = function array3(rule, value, callback, source, options) {
-  var errors = [];
-  var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
-  if (validate) {
-    if ((value === void 0 || value === null) && !rule.required) {
-      return callback();
-    }
-    rules.required(rule, value, source, errors, options, "array");
-    if (value !== void 0 && value !== null) {
-      rules.type(rule, value, source, errors, options);
-      rules.range(rule, value, source, errors, options);
-    }
-  }
-  callback(errors);
-};
-var object2 = function object3(rule, value, callback, source, options) {
-  var errors = [];
-  var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
-  if (validate) {
-    if (isEmptyValue(value) && !rule.required) {
-      return callback();
-    }
-    rules.required(rule, value, source, errors, options);
-    if (value !== void 0) {
-      rules.type(rule, value, source, errors, options);
-    }
-  }
-  callback(errors);
-};
-var ENUM = "enum";
-var enumerable2 = function enumerable3(rule, value, callback, source, options) {
-  var errors = [];
-  var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
-  if (validate) {
-    if (isEmptyValue(value) && !rule.required) {
-      return callback();
-    }
-    rules.required(rule, value, source, errors, options);
-    if (value !== void 0) {
-      rules[ENUM](rule, value, source, errors, options);
-    }
-  }
-  callback(errors);
-};
-var pattern2 = function pattern3(rule, value, callback, source, options) {
-  var errors = [];
-  var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
-  if (validate) {
-    if (isEmptyValue(value, "string") && !rule.required) {
-      return callback();
-    }
-    rules.required(rule, value, source, errors, options);
-    if (!isEmptyValue(value, "string")) {
-      rules.pattern(rule, value, source, errors, options);
-    }
-  }
-  callback(errors);
-};
-var date2 = function date3(rule, value, callback, source, options) {
-  var errors = [];
-  var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
-  if (validate) {
-    if (isEmptyValue(value, "date") && !rule.required) {
-      return callback();
-    }
-    rules.required(rule, value, source, errors, options);
-    if (!isEmptyValue(value, "date")) {
-      var dateObject;
-      if (value instanceof Date) {
-        dateObject = value;
-      } else {
-        dateObject = new Date(value);
-      }
-      rules.type(rule, dateObject, source, errors, options);
-      if (dateObject) {
-        rules.range(rule, dateObject.getTime(), source, errors, options);
-      }
-    }
-  }
-  callback(errors);
-};
-var required2 = function required3(rule, value, callback, source, options) {
-  var errors = [];
-  var type4 = Array.isArray(value) ? "array" : typeof value;
-  rules.required(rule, value, source, errors, options, type4);
-  callback(errors);
-};
-var type2 = function type3(rule, value, callback, source, options) {
-  var ruleType = rule.type;
-  var errors = [];
-  var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
-  if (validate) {
-    if (isEmptyValue(value, ruleType) && !rule.required) {
-      return callback();
-    }
-    rules.required(rule, value, source, errors, options, ruleType);
-    if (!isEmptyValue(value, ruleType)) {
-      rules.type(rule, value, source, errors, options);
-    }
-  }
-  callback(errors);
-};
-var any = function any2(rule, value, callback, source, options) {
-  var errors = [];
-  var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
-  if (validate) {
-    if (isEmptyValue(value) && !rule.required) {
-      return callback();
-    }
-    rules.required(rule, value, source, errors, options);
-  }
-  callback(errors);
-};
-var validators = {
-  string,
-  method: method2,
-  number: number2,
-  "boolean": _boolean,
-  regexp: regexp2,
-  integer: integer2,
-  "float": floatFn,
-  array: array2,
-  object: object2,
-  "enum": enumerable2,
-  pattern: pattern2,
-  date: date2,
-  url: type2,
-  hex: type2,
-  email: type2,
-  required: required2,
-  any
-};
-function newMessages() {
-  return {
-    "default": "Validation error on field %s",
-    required: "%s is required",
-    "enum": "%s must be one of %s",
-    whitespace: "%s cannot be empty",
-    date: {
-      format: "%s date %s is invalid for format %s",
-      parse: "%s date could not be parsed, %s is invalid ",
-      invalid: "%s date %s is invalid"
-    },
-    types: {
-      string: "%s is not a %s",
-      method: "%s is not a %s (function)",
-      array: "%s is not an %s",
-      object: "%s is not an %s",
-      number: "%s is not a %s",
-      date: "%s is not a %s",
-      "boolean": "%s is not a %s",
-      integer: "%s is not an %s",
-      "float": "%s is not a %s",
-      regexp: "%s is not a valid %s",
-      email: "%s is not a valid %s",
-      url: "%s is not a valid %s",
-      hex: "%s is not a valid %s"
-    },
-    string: {
-      len: "%s must be exactly %s characters",
-      min: "%s must be at least %s characters",
-      max: "%s cannot be longer than %s characters",
-      range: "%s must be between %s and %s characters"
-    },
-    number: {
-      len: "%s must equal %s",
-      min: "%s cannot be less than %s",
-      max: "%s cannot be greater than %s",
-      range: "%s must be between %s and %s"
-    },
-    array: {
-      len: "%s must be exactly %s in length",
-      min: "%s cannot be less than %s in length",
-      max: "%s cannot be greater than %s in length",
-      range: "%s must be between %s and %s in length"
-    },
-    pattern: {
-      mismatch: "%s value %s does not match pattern %s"
-    },
-    clone: function clone() {
-      var cloned = JSON.parse(JSON.stringify(this));
-      cloned.clone = this.clone;
-      return cloned;
-    }
-  };
-}
-var messages = newMessages();
-var Schema = /* @__PURE__ */ function() {
-  function Schema2(descriptor) {
-    this.rules = null;
-    this._messages = messages;
-    this.define(descriptor);
-  }
-  var _proto = Schema2.prototype;
-  _proto.define = function define(rules2) {
-    var _this = this;
-    if (!rules2) {
-      throw new Error("Cannot configure a schema with no rules");
-    }
-    if (typeof rules2 !== "object" || Array.isArray(rules2)) {
-      throw new Error("Rules must be an object");
-    }
-    this.rules = {};
-    Object.keys(rules2).forEach(function(name) {
-      var item = rules2[name];
-      _this.rules[name] = Array.isArray(item) ? item : [item];
-    });
-  };
-  _proto.messages = function messages2(_messages) {
-    if (_messages) {
-      this._messages = deepMerge(newMessages(), _messages);
-    }
-    return this._messages;
-  };
-  _proto.validate = function validate(source_, o, oc) {
-    var _this2 = this;
-    if (o === void 0) {
-      o = {};
-    }
-    if (oc === void 0) {
-      oc = function oc2() {
-      };
-    }
-    var source = source_;
-    var options = o;
-    var callback = oc;
-    if (typeof options === "function") {
-      callback = options;
-      options = {};
-    }
-    if (!this.rules || Object.keys(this.rules).length === 0) {
-      if (callback) {
-        callback(null, source);
-      }
-      return Promise.resolve(source);
-    }
-    function complete(results) {
-      var errors = [];
-      var fields = {};
-      function add(e) {
-        if (Array.isArray(e)) {
-          var _errors;
-          errors = (_errors = errors).concat.apply(_errors, e);
-        } else {
-          errors.push(e);
-        }
-      }
-      for (var i = 0; i < results.length; i++) {
-        add(results[i]);
-      }
-      if (!errors.length) {
-        callback(null, source);
-      } else {
-        fields = convertFieldsError(errors);
-        callback(errors, fields);
-      }
-    }
-    if (options.messages) {
-      var messages$1 = this.messages();
-      if (messages$1 === messages) {
-        messages$1 = newMessages();
-      }
-      deepMerge(messages$1, options.messages);
-      options.messages = messages$1;
-    } else {
-      options.messages = this.messages();
-    }
-    var series = {};
-    var keys = options.keys || Object.keys(this.rules);
-    keys.forEach(function(z) {
-      var arr = _this2.rules[z];
-      var value = source[z];
-      arr.forEach(function(r) {
-        var rule = r;
-        if (typeof rule.transform === "function") {
-          if (source === source_) {
-            source = _extends({}, source);
-          }
-          value = source[z] = rule.transform(value);
-        }
-        if (typeof rule === "function") {
-          rule = {
-            validator: rule
-          };
-        } else {
-          rule = _extends({}, rule);
-        }
-        rule.validator = _this2.getValidationMethod(rule);
-        if (!rule.validator) {
-          return;
-        }
-        rule.field = z;
-        rule.fullField = rule.fullField || z;
-        rule.type = _this2.getType(rule);
-        series[z] = series[z] || [];
-        series[z].push({
-          rule,
-          value,
-          source,
-          field: z
-        });
-      });
-    });
-    var errorFields = {};
-    return asyncMap(series, options, function(data, doIt) {
-      var rule = data.rule;
-      var deep = (rule.type === "object" || rule.type === "array") && (typeof rule.fields === "object" || typeof rule.defaultField === "object");
-      deep = deep && (rule.required || !rule.required && data.value);
-      rule.field = data.field;
-      function addFullField(key, schema) {
-        return _extends({}, schema, {
-          fullField: rule.fullField + "." + key,
-          fullFields: rule.fullFields ? [].concat(rule.fullFields, [key]) : [key]
-        });
-      }
-      function cb(e) {
-        if (e === void 0) {
-          e = [];
-        }
-        var errorList = Array.isArray(e) ? e : [e];
-        if (!options.suppressWarning && errorList.length) {
-          Schema2.warning("async-validator:", errorList);
-        }
-        if (errorList.length && rule.message !== void 0) {
-          errorList = [].concat(rule.message);
-        }
-        var filledErrors = errorList.map(complementError(rule, source));
-        if (options.first && filledErrors.length) {
-          errorFields[rule.field] = 1;
-          return doIt(filledErrors);
-        }
-        if (!deep) {
-          doIt(filledErrors);
-        } else {
-          if (rule.required && !data.value) {
-            if (rule.message !== void 0) {
-              filledErrors = [].concat(rule.message).map(complementError(rule, source));
-            } else if (options.error) {
-              filledErrors = [options.error(rule, format(options.messages.required, rule.field))];
-            }
-            return doIt(filledErrors);
-          }
-          var fieldsSchema = {};
-          if (rule.defaultField) {
-            Object.keys(data.value).map(function(key) {
-              fieldsSchema[key] = rule.defaultField;
-            });
-          }
-          fieldsSchema = _extends({}, fieldsSchema, data.rule.fields);
-          var paredFieldsSchema = {};
-          Object.keys(fieldsSchema).forEach(function(field) {
-            var fieldSchema = fieldsSchema[field];
-            var fieldSchemaList = Array.isArray(fieldSchema) ? fieldSchema : [fieldSchema];
-            paredFieldsSchema[field] = fieldSchemaList.map(addFullField.bind(null, field));
-          });
-          var schema = new Schema2(paredFieldsSchema);
-          schema.messages(options.messages);
-          if (data.rule.options) {
-            data.rule.options.messages = options.messages;
-            data.rule.options.error = options.error;
-          }
-          schema.validate(data.value, data.rule.options || options, function(errs) {
-            var finalErrors = [];
-            if (filledErrors && filledErrors.length) {
-              finalErrors.push.apply(finalErrors, filledErrors);
-            }
-            if (errs && errs.length) {
-              finalErrors.push.apply(finalErrors, errs);
-            }
-            doIt(finalErrors.length ? finalErrors : null);
-          });
-        }
-      }
-      var res;
-      if (rule.asyncValidator) {
-        res = rule.asyncValidator(rule, data.value, cb, data.source, options);
-      } else if (rule.validator) {
-        res = rule.validator(rule, data.value, cb, data.source, options);
-        if (res === true) {
-          cb();
-        } else if (res === false) {
-          cb(typeof rule.message === "function" ? rule.message(rule.fullField || rule.field) : rule.message || (rule.fullField || rule.field) + " fails");
-        } else if (res instanceof Array) {
-          cb(res);
-        } else if (res instanceof Error) {
-          cb(res.message);
-        }
-      }
-      if (res && res.then) {
-        res.then(function() {
-          return cb();
-        }, function(e) {
-          return cb(e);
-        });
-      }
-    }, function(results) {
-      complete(results);
-    }, source);
-  };
-  _proto.getType = function getType(rule) {
-    if (rule.type === void 0 && rule.pattern instanceof RegExp) {
-      rule.type = "pattern";
-    }
-    if (typeof rule.validator !== "function" && rule.type && !validators.hasOwnProperty(rule.type)) {
-      throw new Error(format("Unknown rule type %s", rule.type));
-    }
-    return rule.type || "string";
-  };
-  _proto.getValidationMethod = function getValidationMethod(rule) {
-    if (typeof rule.validator === "function") {
-      return rule.validator;
-    }
-    var keys = Object.keys(rule);
-    var messageIndex = keys.indexOf("message");
-    if (messageIndex !== -1) {
-      keys.splice(messageIndex, 1);
-    }
-    if (keys.length === 1 && keys[0] === "required") {
-      return validators.required;
-    }
-    return validators[this.getType(rule)] || void 0;
-  };
-  return Schema2;
-}();
-Schema.register = function register(type4, validator) {
-  if (typeof validator !== "function") {
-    throw new Error("Cannot register a validator by type, validator is not a function");
-  }
-  validators[type4] = validator;
-};
-Schema.warning = warning;
-Schema.messages = messages;
-Schema.validators = validators;
-var formItem = "";
-var FormItem = defineComponent({
-  name: "DFormItem",
-  props: formItemProps,
-  setup(props, ctx2) {
-    const formItemMitt = mitt();
-    const dForm = reactive(inject(formInjectionKey, {}));
-    const formData = reactive(dForm.formData);
-    const columnsClass = ref(dForm.columnsClass);
-    const initFormItemData = formData[props.prop];
-    const labelData = reactive(dForm.labelData);
-    const rules2 = reactive(dForm.rules);
-    const resetField = () => {
-      if (Array.isArray(initFormItemData)) {
-        formData[props.prop] = [...initFormItemData];
-      } else {
-        formData[props.prop] = initFormItemData;
-      }
-    };
-    const formItem2 = reactive({
-      dHasFeedback: props.dHasFeedback,
-      prop: props.prop,
-      formItemMitt,
-      resetField
-    });
-    provide(formItemInjectionKey, formItem2);
-    const isHorizontal = labelData.layout === "horizontal";
-    const isVertical = labelData.layout === "vertical";
-    const isColumns = labelData.layout === "columns";
-    const showMessage = ref(false);
-    const tipMessage = ref("");
-    const validate = (trigger) => {
-      const ruleKey = props.prop;
-      const ruleItem = rules2[ruleKey];
-      const descriptor = {};
-      descriptor[ruleKey] = ruleItem;
-      const validator = new Schema(descriptor);
-      validator.validate({
-        [ruleKey]: formData[ruleKey]
-      }).then(() => {
-        showMessage.value = false;
-        tipMessage.value = "";
-      }).catch(({
-        errors
-      }) => {
-        showMessage.value = true;
-        tipMessage.value = errors[0].message;
-      });
-    };
-    const validateEvents = [];
-    const addValidateEvents = () => {
-      if (rules2 && rules2[props.prop]) {
-        const ruleItem = rules2[props.prop];
-        let eventName = ruleItem["trigger"];
-        if (Array.isArray(ruleItem)) {
-          ruleItem.forEach((item) => {
-            eventName = item["trigger"];
-            const cb = () => validate();
-            validateEvents.push({
-              eventName: cb
-            });
-            formItem2.formItemMitt.on(dFormItemEvents[eventName], cb);
-          });
-        } else {
-          const cb = () => validate();
-          validateEvents.push({
-            eventName: cb
-          });
-          ruleItem && formItem2.formItemMitt.on(dFormItemEvents[eventName], cb);
-        }
-      }
-    };
-    const removeValidateEvents = () => {
-      if (rules2 && rules2[props.prop] && validateEvents.length > 0) {
-        validateEvents.forEach((item) => {
-          formItem2.formItemMitt.off(item.eventName, item.cb);
-        });
-      }
-    };
-    onMounted(() => {
-      dForm.formMitt.emit(dFormEvents.addField, formItem2);
-      addValidateEvents();
-    });
-    onBeforeUnmount(() => {
-      dForm.formMitt.emit(dFormEvents.removeField, formItem2);
-      removeValidateEvents();
-    });
-    return () => {
-      var _a, _b;
-      return createVNode("div", {
-        "class": `form-item${isHorizontal ? "" : isVertical ? " form-item-vertical" : " form-item-columns"}${isColumns ? " column-item " + columnsClass.value : ""}`
-      }, [(_b = (_a = ctx2.slots).default) == null ? void 0 : _b.call(_a), createVNode("div", {
-        "class": `d-validate-tip${isHorizontal ? " d-validate-tip-horizontal" : ""}`
-      }, [showMessage.value && tipMessage.value])]);
-    };
-  }
-});
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 var lodash = { exports: {} };
 /**
@@ -2026,9 +1001,9 @@ var lodash = { exports: {} };
       return result;
     }
     function arrayPush(array4, values) {
-      var index2 = -1, length = values.length, offset = array4.length;
+      var index2 = -1, length = values.length, offset2 = array4.length;
       while (++index2 < length) {
-        array4[offset + index2] = values[index2];
+        array4[offset2 + index2] = values[index2];
       }
       return array4;
     }
@@ -2776,7 +1751,7 @@ var lodash = { exports: {} };
         if (typeof func != "function") {
           throw new TypeError2(FUNC_ERROR_TEXT);
         }
-        return setTimeout2(function() {
+        return setTimeout(function() {
           func.apply(undefined$1, args);
         }, wait);
       }
@@ -3556,7 +2531,7 @@ var lodash = { exports: {} };
         end = end === undefined$1 ? length : end;
         return !start && end >= length ? array4 : baseSlice(array4, start, end);
       }
-      var clearTimeout2 = ctxClearTimeout || function(id) {
+      var clearTimeout = ctxClearTimeout || function(id) {
         return root.clearTimeout(id);
       };
       function cloneBuffer(buffer, isDeep) {
@@ -3635,13 +2610,13 @@ var lodash = { exports: {} };
         while (++argsIndex < rangeLength) {
           result2[argsIndex] = args[argsIndex];
         }
-        var offset = argsIndex;
+        var offset2 = argsIndex;
         while (++rightIndex < rightLength) {
-          result2[offset + rightIndex] = partials[rightIndex];
+          result2[offset2 + rightIndex] = partials[rightIndex];
         }
         while (++holdersIndex < holdersLength) {
           if (isUncurried || argsIndex < argsLength) {
-            result2[offset + holders[holdersIndex]] = args[argsIndex++];
+            result2[offset2 + holders[holdersIndex]] = args[argsIndex++];
           }
         }
         return result2;
@@ -4585,7 +3560,7 @@ var lodash = { exports: {} };
         return object4[key];
       }
       var setData = shortOut(baseSetData);
-      var setTimeout2 = ctxSetTimeout || function(func, wait) {
+      var setTimeout = ctxSetTimeout || function(func, wait) {
         return root.setTimeout(func, wait);
       };
       var setToString = shortOut(baseSetToString);
@@ -5356,7 +4331,7 @@ var lodash = { exports: {} };
         result2.placeholder = curryRight.placeholder;
         return result2;
       }
-      function debounce2(func, wait, options) {
+      function debounce(func, wait, options) {
         var lastArgs, lastThis, maxWait, result2, timerId, lastCallTime, lastInvokeTime = 0, leading = false, maxing = false, trailing = true;
         if (typeof func != "function") {
           throw new TypeError2(FUNC_ERROR_TEXT);
@@ -5377,7 +4352,7 @@ var lodash = { exports: {} };
         }
         function leadingEdge(time) {
           lastInvokeTime = time;
-          timerId = setTimeout2(timerExpired, wait);
+          timerId = setTimeout(timerExpired, wait);
           return leading ? invokeFunc(time) : result2;
         }
         function remainingWait(time) {
@@ -5393,7 +4368,7 @@ var lodash = { exports: {} };
           if (shouldInvoke(time)) {
             return trailingEdge(time);
           }
-          timerId = setTimeout2(timerExpired, remainingWait(time));
+          timerId = setTimeout(timerExpired, remainingWait(time));
         }
         function trailingEdge(time) {
           timerId = undefined$1;
@@ -5405,7 +4380,7 @@ var lodash = { exports: {} };
         }
         function cancel() {
           if (timerId !== undefined$1) {
-            clearTimeout2(timerId);
+            clearTimeout(timerId);
           }
           lastInvokeTime = 0;
           lastArgs = lastCallTime = lastThis = timerId = undefined$1;
@@ -5423,13 +4398,13 @@ var lodash = { exports: {} };
               return leadingEdge(lastCallTime);
             }
             if (maxing) {
-              clearTimeout2(timerId);
-              timerId = setTimeout2(timerExpired, wait);
+              clearTimeout(timerId);
+              timerId = setTimeout(timerExpired, wait);
               return invokeFunc(lastCallTime);
             }
           }
           if (timerId === undefined$1) {
-            timerId = setTimeout2(timerExpired, wait);
+            timerId = setTimeout(timerExpired, wait);
           }
           return result2;
         }
@@ -5536,7 +4511,7 @@ var lodash = { exports: {} };
           leading = "leading" in options ? !!options.leading : leading;
           trailing = "trailing" in options ? !!options.trailing : trailing;
         }
-        return debounce2(func, wait, {
+        return debounce(func, wait, {
           "leading": leading,
           "maxWait": wait,
           "trailing": trailing
@@ -6188,9 +5163,9 @@ var lodash = { exports: {} };
         var isEscaping, isEvaluating, index2 = 0, interpolate = options.interpolate || reNoMatch, source = "__p += '";
         var reDelimiters = RegExp2((options.escape || reNoMatch).source + "|" + interpolate.source + "|" + (interpolate === reInterpolate ? reEsTemplate : reNoMatch).source + "|" + (options.evaluate || reNoMatch).source + "|$", "g");
         var sourceURL = "//# sourceURL=" + (hasOwnProperty.call(options, "sourceURL") ? (options.sourceURL + "").replace(/\s/g, " ") : "lodash.templateSources[" + ++templateCounter + "]") + "\n";
-        string3.replace(reDelimiters, function(match, escapeValue, interpolateValue, esTemplateValue, evaluateValue, offset) {
+        string3.replace(reDelimiters, function(match, escapeValue, interpolateValue, esTemplateValue, evaluateValue, offset2) {
           interpolateValue || (interpolateValue = esTemplateValue);
-          source += string3.slice(index2, offset).replace(reUnescapedString, escapeStringChar);
+          source += string3.slice(index2, offset2).replace(reUnescapedString, escapeStringChar);
           if (escapeValue) {
             isEscaping = true;
             source += "' +\n__e(" + escapeValue + ") +\n'";
@@ -6202,7 +5177,7 @@ var lodash = { exports: {} };
           if (interpolateValue) {
             source += "' +\n((__t = (" + interpolateValue + ")) == null ? '' : __t) +\n'";
           }
-          index2 = offset + match.length;
+          index2 = offset2 + match.length;
           return match;
         });
         source += "';\n";
@@ -6547,7 +5522,7 @@ var lodash = { exports: {} };
       lodash2.create = create;
       lodash2.curry = curry;
       lodash2.curryRight = curryRight;
-      lodash2.debounce = debounce2;
+      lodash2.debounce = debounce;
       lodash2.defaults = defaults;
       lodash2.defaultsDeep = defaultsDeep;
       lodash2.defer = defer;
@@ -6837,177 +5812,1603 @@ var lodash = { exports: {} };
             source[methodName] = func;
           }
         });
-        return source;
-      }(), { "chain": false });
-      lodash2.VERSION = VERSION;
-      arrayEach(["bind", "bindKey", "curry", "curryRight", "partial", "partialRight"], function(methodName) {
-        lodash2[methodName].placeholder = lodash2;
+        return source;
+      }(), { "chain": false });
+      lodash2.VERSION = VERSION;
+      arrayEach(["bind", "bindKey", "curry", "curryRight", "partial", "partialRight"], function(methodName) {
+        lodash2[methodName].placeholder = lodash2;
+      });
+      arrayEach(["drop", "take"], function(methodName, index2) {
+        LazyWrapper.prototype[methodName] = function(n) {
+          n = n === undefined$1 ? 1 : nativeMax(toInteger(n), 0);
+          var result2 = this.__filtered__ && !index2 ? new LazyWrapper(this) : this.clone();
+          if (result2.__filtered__) {
+            result2.__takeCount__ = nativeMin(n, result2.__takeCount__);
+          } else {
+            result2.__views__.push({
+              "size": nativeMin(n, MAX_ARRAY_LENGTH),
+              "type": methodName + (result2.__dir__ < 0 ? "Right" : "")
+            });
+          }
+          return result2;
+        };
+        LazyWrapper.prototype[methodName + "Right"] = function(n) {
+          return this.reverse()[methodName](n).reverse();
+        };
+      });
+      arrayEach(["filter", "map", "takeWhile"], function(methodName, index2) {
+        var type4 = index2 + 1, isFilter = type4 == LAZY_FILTER_FLAG || type4 == LAZY_WHILE_FLAG;
+        LazyWrapper.prototype[methodName] = function(iteratee2) {
+          var result2 = this.clone();
+          result2.__iteratees__.push({
+            "iteratee": getIteratee(iteratee2, 3),
+            "type": type4
+          });
+          result2.__filtered__ = result2.__filtered__ || isFilter;
+          return result2;
+        };
+      });
+      arrayEach(["head", "last"], function(methodName, index2) {
+        var takeName = "take" + (index2 ? "Right" : "");
+        LazyWrapper.prototype[methodName] = function() {
+          return this[takeName](1).value()[0];
+        };
+      });
+      arrayEach(["initial", "tail"], function(methodName, index2) {
+        var dropName = "drop" + (index2 ? "" : "Right");
+        LazyWrapper.prototype[methodName] = function() {
+          return this.__filtered__ ? new LazyWrapper(this) : this[dropName](1);
+        };
+      });
+      LazyWrapper.prototype.compact = function() {
+        return this.filter(identity);
+      };
+      LazyWrapper.prototype.find = function(predicate) {
+        return this.filter(predicate).head();
+      };
+      LazyWrapper.prototype.findLast = function(predicate) {
+        return this.reverse().find(predicate);
+      };
+      LazyWrapper.prototype.invokeMap = baseRest(function(path, args) {
+        if (typeof path == "function") {
+          return new LazyWrapper(this);
+        }
+        return this.map(function(value) {
+          return baseInvoke(value, path, args);
+        });
+      });
+      LazyWrapper.prototype.reject = function(predicate) {
+        return this.filter(negate(getIteratee(predicate)));
+      };
+      LazyWrapper.prototype.slice = function(start, end) {
+        start = toInteger(start);
+        var result2 = this;
+        if (result2.__filtered__ && (start > 0 || end < 0)) {
+          return new LazyWrapper(result2);
+        }
+        if (start < 0) {
+          result2 = result2.takeRight(-start);
+        } else if (start) {
+          result2 = result2.drop(start);
+        }
+        if (end !== undefined$1) {
+          end = toInteger(end);
+          result2 = end < 0 ? result2.dropRight(-end) : result2.take(end - start);
+        }
+        return result2;
+      };
+      LazyWrapper.prototype.takeRightWhile = function(predicate) {
+        return this.reverse().takeWhile(predicate).reverse();
+      };
+      LazyWrapper.prototype.toArray = function() {
+        return this.take(MAX_ARRAY_LENGTH);
+      };
+      baseForOwn(LazyWrapper.prototype, function(func, methodName) {
+        var checkIteratee = /^(?:filter|find|map|reject)|While$/.test(methodName), isTaker = /^(?:head|last)$/.test(methodName), lodashFunc = lodash2[isTaker ? "take" + (methodName == "last" ? "Right" : "") : methodName], retUnwrapped = isTaker || /^find/.test(methodName);
+        if (!lodashFunc) {
+          return;
+        }
+        lodash2.prototype[methodName] = function() {
+          var value = this.__wrapped__, args = isTaker ? [1] : arguments, isLazy = value instanceof LazyWrapper, iteratee2 = args[0], useLazy = isLazy || isArray(value);
+          var interceptor = function(value2) {
+            var result3 = lodashFunc.apply(lodash2, arrayPush([value2], args));
+            return isTaker && chainAll ? result3[0] : result3;
+          };
+          if (useLazy && checkIteratee && typeof iteratee2 == "function" && iteratee2.length != 1) {
+            isLazy = useLazy = false;
+          }
+          var chainAll = this.__chain__, isHybrid = !!this.__actions__.length, isUnwrapped = retUnwrapped && !chainAll, onlyLazy = isLazy && !isHybrid;
+          if (!retUnwrapped && useLazy) {
+            value = onlyLazy ? value : new LazyWrapper(this);
+            var result2 = func.apply(value, args);
+            result2.__actions__.push({ "func": thru, "args": [interceptor], "thisArg": undefined$1 });
+            return new LodashWrapper(result2, chainAll);
+          }
+          if (isUnwrapped && onlyLazy) {
+            return func.apply(this, args);
+          }
+          result2 = this.thru(interceptor);
+          return isUnwrapped ? isTaker ? result2.value()[0] : result2.value() : result2;
+        };
+      });
+      arrayEach(["pop", "push", "shift", "sort", "splice", "unshift"], function(methodName) {
+        var func = arrayProto[methodName], chainName = /^(?:push|sort|unshift)$/.test(methodName) ? "tap" : "thru", retUnwrapped = /^(?:pop|shift)$/.test(methodName);
+        lodash2.prototype[methodName] = function() {
+          var args = arguments;
+          if (retUnwrapped && !this.__chain__) {
+            var value = this.value();
+            return func.apply(isArray(value) ? value : [], args);
+          }
+          return this[chainName](function(value2) {
+            return func.apply(isArray(value2) ? value2 : [], args);
+          });
+        };
+      });
+      baseForOwn(LazyWrapper.prototype, function(func, methodName) {
+        var lodashFunc = lodash2[methodName];
+        if (lodashFunc) {
+          var key = lodashFunc.name + "";
+          if (!hasOwnProperty.call(realNames, key)) {
+            realNames[key] = [];
+          }
+          realNames[key].push({ "name": methodName, "func": lodashFunc });
+        }
+      });
+      realNames[createHybrid(undefined$1, WRAP_BIND_KEY_FLAG).name] = [{
+        "name": "wrapper",
+        "func": undefined$1
+      }];
+      LazyWrapper.prototype.clone = lazyClone;
+      LazyWrapper.prototype.reverse = lazyReverse;
+      LazyWrapper.prototype.value = lazyValue;
+      lodash2.prototype.at = wrapperAt;
+      lodash2.prototype.chain = wrapperChain;
+      lodash2.prototype.commit = wrapperCommit;
+      lodash2.prototype.next = wrapperNext;
+      lodash2.prototype.plant = wrapperPlant;
+      lodash2.prototype.reverse = wrapperReverse;
+      lodash2.prototype.toJSON = lodash2.prototype.valueOf = lodash2.prototype.value = wrapperValue;
+      lodash2.prototype.first = lodash2.prototype.head;
+      if (symIterator) {
+        lodash2.prototype[symIterator] = wrapperToIterator;
+      }
+      return lodash2;
+    };
+    var _ = runInContext();
+    if (freeModule) {
+      (freeModule.exports = _)._ = _;
+      freeExports._ = _;
+    } else {
+      root._ = _;
+    }
+  }).call(commonjsGlobal);
+})(lodash, lodash.exports);
+const TransformOriginMap = {
+  top: "50% calc(100% + 8px)",
+  bottom: "50% -8px",
+  left: "calc(100% + 8px)",
+  right: "-8px 50%"
+};
+function usePopover(props, visible, placement, origin, popoverRef) {
+  const { trigger, isOpen } = toRefs(props);
+  const overlayStyles = computed(() => ({
+    zIndex: 1060,
+    transformOrigin: TransformOriginMap[placement.value]
+  }));
+  const onDocumentClick = (e) => {
+    var _a;
+    if (!origin.value.contains(e.target) && !((_a = popoverRef.value.$el) == null ? void 0 : _a.contains(e.target))) {
+      visible.value = false;
+    }
+  };
+  watch(isOpen, (isOpenVal) => {
+    visible.value = isOpenVal;
+  });
+  watch(visible, () => {
+    if (visible.value && trigger.value !== "manually") {
+      document.addEventListener("click", onDocumentClick);
+    } else {
+      document.removeEventListener("click", onDocumentClick);
+    }
+  });
+  onUnmounted(() => {
+    document.removeEventListener("click", onDocumentClick);
+  });
+  return { overlayStyles };
+}
+function usePopoverEvent(props, visible, origin) {
+  const { trigger, position, mouseEnterDelay, mouseLeaveDelay } = toRefs(props);
+  const isClick = computed(() => trigger.value === "click");
+  const placement = ref(position.value[0].split("-")[0]);
+  const isEnter = ref(false);
+  const onClick = () => isClick.value && (visible.value = !visible.value);
+  const enter = lodash.exports.debounce(() => {
+    isEnter.value && (visible.value = true);
+  }, mouseEnterDelay.value);
+  const leave = lodash.exports.debounce(() => {
+    !isEnter.value && (visible.value = false);
+  }, mouseLeaveDelay.value);
+  const onMouseenter = () => {
+    if (!isClick.value) {
+      isEnter.value = true;
+      enter();
+    }
+  };
+  const onMouseleave = () => {
+    if (!isClick.value) {
+      isEnter.value = false;
+      leave();
+    }
+  };
+  const handlePositionChange = (pos) => {
+    placement.value = pos.split("-")[0];
+  };
+  onMounted(() => {
+    if (trigger.value === "click") {
+      origin.value.addEventListener("click", onClick);
+    } else if (trigger.value === "hover") {
+      origin.value.addEventListener("mouseenter", onMouseenter);
+      origin.value.addEventListener("mouseleave", onMouseleave);
+    }
+  });
+  return { placement, handlePositionChange };
+}
+function SuccessIcon() {
+  return createVNode("svg", {
+    "class": "devui-icon devui-icon-success",
+    "viewBox": "0 0 16 16",
+    "version": "1.1",
+    "xmlns": "http://www.w3.org/2000/svg"
+  }, [createVNode("g", {
+    "stroke": "none",
+    "stroke-width": "1",
+    "fill": "none",
+    "fill-rule": "evenodd"
+  }, [createVNode("circle", {
+    "cx": "8",
+    "cy": "8",
+    "r": "7"
+  }, null), createVNode("path", {
+    "d": "M8,0 C3.6,0 0,3.6 0,8 C0,12.4 3.6,16 8,16 C12.4,16 16,12.4 16,8 C16,3.6 12.4,0 8,0 Z",
+    "fill-rule": "nonzero"
+  }, null), createVNode("polygon", {
+    "stroke-width": "0.4",
+    "fill-rule": "nonzero",
+    "points": "8.16 10.48 7.32 11.32 6.48 10.48 6.48 10.48 3.6 7.68 4.44 6.84 7.28 9.68 11.52 5.44 12.36 6.28"
+  }, null)])]);
+}
+function WarningIcon() {
+  return createVNode("svg", {
+    "class": "devui-icon devui-icon-warning",
+    "viewBox": "0 0 16 16",
+    "version": "1.1",
+    "xmlns": "http://www.w3.org/2000/svg"
+  }, [createVNode("g", {
+    "stroke": "none",
+    "stroke-width": "1",
+    "fill": "none",
+    "fill-rule": "evenodd"
+  }, [createVNode("polygon", {
+    "points": "7.5 1.74501946 1.39184847 13.5954649 7.08947368 14.2207621 13.9973698 13.5954649 10.9383683 5.61273879 8.40084114 1.27624313"
+  }, null), createVNode("path", {
+    "d": "M8.51325441,0.127397589 C8.70423071,0.228333932 8.8605922,0.383286648 8.96244623,0.57254229 L15.8714442,13.4101975 C16.1549662,13.9370117 15.9538562,14.5918482 15.4222523,14.8728158 C15.2642579,14.9563203 15.0879506,15 14.9088903,15 L1.09089441,15 C0.488410063,15 0,14.5159904 0,13.9189343 C0,13.7414873 0.0440768395,13.5667684 0.128340519,13.4101975 L7.03733844,0.57254229 C7.32086049,0.0457280838 7.98165058,-0.153569987 8.51325441,0.127397589 Z M8.87894737,11.2105263 L7.08947368,11.2105263 L7.08947368,13 L8.87894737,13 L8.87894737,11.2105263 Z M8.96842105,4.5 L7,4.5 L7.08947368,9.86842105 L8.87894737,9.86842105 L8.96842105,4.5 Z"
+  }, null)])]);
+}
+function InfoIcon() {
+  return createVNode("svg", {
+    "class": "devui-icon devui-icon-info",
+    "viewBox": "0 0 16 16",
+    "version": "1.1",
+    "xmlns": "http://www.w3.org/2000/svg"
+  }, [createVNode("g", {
+    "stroke": "none",
+    "stroke-width": "1",
+    "fill": "none",
+    "fill-rule": "evenodd"
+  }, [createVNode("circle", {
+    "cx": "8",
+    "cy": "8",
+    "r": "7"
+  }, null), createVNode("g", {
+    "stroke-width": "1"
+  }, [createVNode("path", {
+    "d": "M8,0 C3.6,0 0,3.6 0,8 C0,12.4 3.6,16 8,16 C12.4,16 16,12.4 16,8 C16,3.6 12.4,0 8,0 Z M9,5 L7,5 L7,3 L9,3 L9,5 Z M9,12.6 L7,12.6 L7,6.6 L9,6.6 L9,12.6 Z"
+  }, null)])])]);
+}
+function ErrorIcon() {
+  return createVNode("svg", {
+    "class": "devui-icon devui-icon-error",
+    "width": "16px",
+    "height": "16px",
+    "viewBox": "0 0 16 16",
+    "version": "1.1",
+    "xmlns": "http://www.w3.org/2000/svg"
+  }, [createVNode("g", {
+    "stroke": "none",
+    "stroke-width": "1",
+    "fill": "none",
+    "fill-rule": "evenodd"
+  }, [createVNode("circle", {
+    "cx": "8",
+    "cy": "8",
+    "r": "7"
+  }, null), createVNode("path", {
+    "d": "M8,0 C3.6,0 0,3.6 0,8 C0,12.4 3.6,16 8,16 C12.4,16 16,12.4 16,8 C16,3.6 12.4,0 8,0 Z M9,12.6 L7,12.6 L7,10.6 L9,10.6 L9,12.6 Z M9,9.1 L7,9.1 L6.9,3.1 L9.1,3.1 L9,9.1 Z",
+    "fill-rule": "nonzero"
+  }, null)])]);
+}
+var popoverIcon = "";
+var PopoverIcon = defineComponent({
+  props: {
+    type: {
+      type: String,
+      default: "default"
+    }
+  },
+  setup(props) {
+    return () => props.type && props.type !== "default" && createVNode("span", {
+      "class": "devui-popover-icon"
+    }, [props.type === "success" && createVNode(SuccessIcon, null, null), props.type === "warning" && createVNode(WarningIcon, null, null), props.type === "info" && createVNode(InfoIcon, null, null), props.type === "error" && createVNode(ErrorIcon, null, null)]);
+  }
+});
+var popover = "";
+var Popover = defineComponent({
+  name: "DPopover",
+  inheritAttrs: false,
+  props: popoverProps,
+  setup(props, {
+    slots,
+    attrs
+  }) {
+    const {
+      content,
+      popType,
+      position,
+      align,
+      offset: offset2,
+      showAnimation
+    } = toRefs(props);
+    const origin = ref();
+    const popoverRef = ref();
+    const visible = ref(false);
+    const {
+      placement,
+      handlePositionChange
+    } = usePopoverEvent(props, visible, origin);
+    const {
+      overlayStyles
+    } = usePopover(props, visible, placement, origin, popoverRef);
+    return () => {
+      var _a;
+      return createVNode(Fragment, null, [createVNode("div", {
+        "ref": origin,
+        "class": "devui-popover-reference"
+      }, [(_a = slots.reference) == null ? void 0 : _a.call(slots)]), createVNode(Teleport, {
+        "to": "body"
+      }, {
+        default: () => [createVNode(Transition, {
+          "name": showAnimation.value ? `devui-popover-fade-${placement.value}` : ""
+        }, {
+          default: () => [createVNode(FlexibleOverlay, mergeProps({
+            "modelValue": visible.value,
+            "onUpdate:modelValue": ($event) => visible.value = $event,
+            "ref": popoverRef,
+            "origin": origin.value,
+            "position": position.value,
+            "align": align.value,
+            "offset": offset2.value,
+            "class": ["devui-popover-content", popType.value !== "default" ? "is-icon" : ""],
+            "show-arrow": true,
+            "is-arrow-center": false,
+            "style": overlayStyles.value
+          }, attrs, {
+            "onPositionChange": handlePositionChange
+          }), {
+            default: () => {
+              var _a2;
+              return [createVNode(PopoverIcon, {
+                "type": popType.value
+              }, null), ((_a2 = slots.content) == null ? void 0 : _a2.call(slots)) || createVNode("span", null, [content.value])];
+            }
+          })]
+        })]
+      })]);
+    };
+  }
+});
+var formLabel = "";
+var FormLabel = defineComponent({
+  name: "DFormLabel",
+  props: formLabelProps,
+  setup(props, ctx2) {
+    const dForm = reactive(inject(formInjectionKey, {}));
+    const labelData = reactive(dForm.labelData);
+    const isHorizontal = computed(() => labelData.layout === "horizontal").value;
+    const isLg = computed(() => labelData.labelSize === "lg").value;
+    const isSm = computed(() => labelData.labelSize === "sm").value;
+    const isCenter = computed(() => labelData.labelAlign === "center").value;
+    const isEnd = computed(() => labelData.labelAlign === "end").value;
+    const wrapperCls = `devui-form-label${isHorizontal ? isSm ? " devui-form-label_sm" : isLg ? " devui-form-label_lg" : " devui-form-label_sd" : ""}${isCenter ? " devui-form-label_center" : isEnd ? " devui-form-label_end" : ""}`;
+    const className = `${props.required ? " devui-required" : ""}`;
+    const style2 = {
+      display: isHorizontal ? "inline" : "inline-block"
+    };
+    return () => {
+      var _a, _b;
+      return createVNode("span", {
+        "class": wrapperCls,
+        "style": style2
+      }, [createVNode("span", {
+        "class": className
+      }, [(_b = (_a = ctx2.slots).default) == null ? void 0 : _b.call(_a), props.hasHelp && props.helpTips && createVNode(Popover, {
+        "content": props.helpTips,
+        "showAnimation": false,
+        "position": "top",
+        "trigger": "hover"
+      }, {
+        reference: () => createVNode("span", {
+          "class": "devui-form-label-help"
+        }, [createVNode(Icon, {
+          "name": "helping",
+          "color": "#252b3a"
+        }, null)])
+      })])]);
+    };
+  }
+});
+function _extends() {
+  _extends = Object.assign || function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+function _inheritsLoose(subClass, superClass) {
+  subClass.prototype = Object.create(superClass.prototype);
+  subClass.prototype.constructor = subClass;
+  _setPrototypeOf(subClass, superClass);
+}
+function _getPrototypeOf(o) {
+  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf2(o2) {
+    return o2.__proto__ || Object.getPrototypeOf(o2);
+  };
+  return _getPrototypeOf(o);
+}
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf2(o2, p2) {
+    o2.__proto__ = p2;
+    return o2;
+  };
+  return _setPrototypeOf(o, p);
+}
+function _isNativeReflectConstruct() {
+  if (typeof Reflect === "undefined" || !Reflect.construct)
+    return false;
+  if (Reflect.construct.sham)
+    return false;
+  if (typeof Proxy === "function")
+    return true;
+  try {
+    Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
+    }));
+    return true;
+  } catch (e) {
+    return false;
+  }
+}
+function _construct(Parent, args, Class) {
+  if (_isNativeReflectConstruct()) {
+    _construct = Reflect.construct;
+  } else {
+    _construct = function _construct2(Parent2, args2, Class2) {
+      var a = [null];
+      a.push.apply(a, args2);
+      var Constructor = Function.bind.apply(Parent2, a);
+      var instance = new Constructor();
+      if (Class2)
+        _setPrototypeOf(instance, Class2.prototype);
+      return instance;
+    };
+  }
+  return _construct.apply(null, arguments);
+}
+function _isNativeFunction(fn) {
+  return Function.toString.call(fn).indexOf("[native code]") !== -1;
+}
+function _wrapNativeSuper(Class) {
+  var _cache = typeof Map === "function" ? /* @__PURE__ */ new Map() : void 0;
+  _wrapNativeSuper = function _wrapNativeSuper2(Class2) {
+    if (Class2 === null || !_isNativeFunction(Class2))
+      return Class2;
+    if (typeof Class2 !== "function") {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+    if (typeof _cache !== "undefined") {
+      if (_cache.has(Class2))
+        return _cache.get(Class2);
+      _cache.set(Class2, Wrapper);
+    }
+    function Wrapper() {
+      return _construct(Class2, arguments, _getPrototypeOf(this).constructor);
+    }
+    Wrapper.prototype = Object.create(Class2.prototype, {
+      constructor: {
+        value: Wrapper,
+        enumerable: false,
+        writable: true,
+        configurable: true
+      }
+    });
+    return _setPrototypeOf(Wrapper, Class2);
+  };
+  return _wrapNativeSuper(Class);
+}
+var formatRegExp = /%[sdj%]/g;
+var warning = function warning2() {
+};
+if (typeof process !== "undefined" && process.env && false) {
+  warning = function warning3(type4, errors) {
+    if (typeof console !== "undefined" && console.warn && typeof ASYNC_VALIDATOR_NO_WARNING === "undefined") {
+      if (errors.every(function(e) {
+        return typeof e === "string";
+      })) {
+        console.warn(type4, errors);
+      }
+    }
+  };
+}
+function convertFieldsError(errors) {
+  if (!errors || !errors.length)
+    return null;
+  var fields = {};
+  errors.forEach(function(error) {
+    var field = error.field;
+    fields[field] = fields[field] || [];
+    fields[field].push(error);
+  });
+  return fields;
+}
+function format(template) {
+  for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    args[_key - 1] = arguments[_key];
+  }
+  var i = 0;
+  var len = args.length;
+  if (typeof template === "function") {
+    return template.apply(null, args);
+  }
+  if (typeof template === "string") {
+    var str = template.replace(formatRegExp, function(x) {
+      if (x === "%%") {
+        return "%";
+      }
+      if (i >= len) {
+        return x;
+      }
+      switch (x) {
+        case "%s":
+          return String(args[i++]);
+        case "%d":
+          return Number(args[i++]);
+        case "%j":
+          try {
+            return JSON.stringify(args[i++]);
+          } catch (_) {
+            return "[Circular]";
+          }
+          break;
+        default:
+          return x;
+      }
+    });
+    return str;
+  }
+  return template;
+}
+function isNativeStringType(type4) {
+  return type4 === "string" || type4 === "url" || type4 === "hex" || type4 === "email" || type4 === "date" || type4 === "pattern";
+}
+function isEmptyValue(value, type4) {
+  if (value === void 0 || value === null) {
+    return true;
+  }
+  if (type4 === "array" && Array.isArray(value) && !value.length) {
+    return true;
+  }
+  if (isNativeStringType(type4) && typeof value === "string" && !value) {
+    return true;
+  }
+  return false;
+}
+function asyncParallelArray(arr, func, callback) {
+  var results = [];
+  var total = 0;
+  var arrLength = arr.length;
+  function count(errors) {
+    results.push.apply(results, errors || []);
+    total++;
+    if (total === arrLength) {
+      callback(results);
+    }
+  }
+  arr.forEach(function(a) {
+    func(a, count);
+  });
+}
+function asyncSerialArray(arr, func, callback) {
+  var index2 = 0;
+  var arrLength = arr.length;
+  function next(errors) {
+    if (errors && errors.length) {
+      callback(errors);
+      return;
+    }
+    var original = index2;
+    index2 = index2 + 1;
+    if (original < arrLength) {
+      func(arr[original], next);
+    } else {
+      callback([]);
+    }
+  }
+  next([]);
+}
+function flattenObjArr(objArr) {
+  var ret = [];
+  Object.keys(objArr).forEach(function(k) {
+    ret.push.apply(ret, objArr[k] || []);
+  });
+  return ret;
+}
+var AsyncValidationError = /* @__PURE__ */ function(_Error) {
+  _inheritsLoose(AsyncValidationError2, _Error);
+  function AsyncValidationError2(errors, fields) {
+    var _this;
+    _this = _Error.call(this, "Async Validation Error") || this;
+    _this.errors = errors;
+    _this.fields = fields;
+    return _this;
+  }
+  return AsyncValidationError2;
+}(/* @__PURE__ */ _wrapNativeSuper(Error));
+function asyncMap(objArr, option, func, callback, source) {
+  if (option.first) {
+    var _pending = new Promise(function(resolve, reject) {
+      var next = function next2(errors) {
+        callback(errors);
+        return errors.length ? reject(new AsyncValidationError(errors, convertFieldsError(errors))) : resolve(source);
+      };
+      var flattenArr = flattenObjArr(objArr);
+      asyncSerialArray(flattenArr, func, next);
+    });
+    _pending["catch"](function(e) {
+      return e;
+    });
+    return _pending;
+  }
+  var firstFields = option.firstFields === true ? Object.keys(objArr) : option.firstFields || [];
+  var objArrKeys = Object.keys(objArr);
+  var objArrLength = objArrKeys.length;
+  var total = 0;
+  var results = [];
+  var pending = new Promise(function(resolve, reject) {
+    var next = function next2(errors) {
+      results.push.apply(results, errors);
+      total++;
+      if (total === objArrLength) {
+        callback(results);
+        return results.length ? reject(new AsyncValidationError(results, convertFieldsError(results))) : resolve(source);
+      }
+    };
+    if (!objArrKeys.length) {
+      callback(results);
+      resolve(source);
+    }
+    objArrKeys.forEach(function(key) {
+      var arr = objArr[key];
+      if (firstFields.indexOf(key) !== -1) {
+        asyncSerialArray(arr, func, next);
+      } else {
+        asyncParallelArray(arr, func, next);
+      }
+    });
+  });
+  pending["catch"](function(e) {
+    return e;
+  });
+  return pending;
+}
+function isErrorObj(obj) {
+  return !!(obj && obj.message !== void 0);
+}
+function getValue(value, path) {
+  var v = value;
+  for (var i = 0; i < path.length; i++) {
+    if (v == void 0) {
+      return v;
+    }
+    v = v[path[i]];
+  }
+  return v;
+}
+function complementError(rule, source) {
+  return function(oe) {
+    var fieldValue;
+    if (rule.fullFields) {
+      fieldValue = getValue(source, rule.fullFields);
+    } else {
+      fieldValue = source[oe.field || rule.fullField];
+    }
+    if (isErrorObj(oe)) {
+      oe.field = oe.field || rule.fullField;
+      oe.fieldValue = fieldValue;
+      return oe;
+    }
+    return {
+      message: typeof oe === "function" ? oe() : oe,
+      fieldValue,
+      field: oe.field || rule.fullField
+    };
+  };
+}
+function deepMerge(target, source) {
+  if (source) {
+    for (var s in source) {
+      if (source.hasOwnProperty(s)) {
+        var value = source[s];
+        if (typeof value === "object" && typeof target[s] === "object") {
+          target[s] = _extends({}, target[s], value);
+        } else {
+          target[s] = value;
+        }
+      }
+    }
+  }
+  return target;
+}
+var required$1 = function required(rule, value, source, errors, options, type4) {
+  if (rule.required && (!source.hasOwnProperty(rule.field) || isEmptyValue(value, type4 || rule.type))) {
+    errors.push(format(options.messages.required, rule.fullField));
+  }
+};
+var whitespace = function whitespace2(rule, value, source, errors, options) {
+  if (/^\s+$/.test(value) || value === "") {
+    errors.push(format(options.messages.whitespace, rule.fullField));
+  }
+};
+var pattern$2 = {
+  email: /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+\.)+[a-zA-Z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]{2,}))$/,
+  url: new RegExp("^(?!mailto:)(?:(?:http|https|ftp)://|//)(?:\\S+(?::\\S*)?@)?(?:(?:(?:[1-9]\\d?|1\\d\\d|2[01]\\d|22[0-3])(?:\\.(?:1?\\d{1,2}|2[0-4]\\d|25[0-5])){2}(?:\\.(?:[0-9]\\d?|1\\d\\d|2[0-4]\\d|25[0-4]))|(?:(?:[a-z\\u00a1-\\uffff0-9]+-*)*[a-z\\u00a1-\\uffff0-9]+)(?:\\.(?:[a-z\\u00a1-\\uffff0-9]+-*)*[a-z\\u00a1-\\uffff0-9]+)*(?:\\.(?:[a-z\\u00a1-\\uffff]{2,})))|localhost)(?::\\d{2,5})?(?:(/|\\?|#)[^\\s]*)?$", "i"),
+  hex: /^#?([a-f0-9]{6}|[a-f0-9]{3})$/i
+};
+var types = {
+  integer: function integer(value) {
+    return types.number(value) && parseInt(value, 10) === value;
+  },
+  "float": function float(value) {
+    return types.number(value) && !types.integer(value);
+  },
+  array: function array(value) {
+    return Array.isArray(value);
+  },
+  regexp: function regexp(value) {
+    if (value instanceof RegExp) {
+      return true;
+    }
+    try {
+      return !!new RegExp(value);
+    } catch (e) {
+      return false;
+    }
+  },
+  date: function date(value) {
+    return typeof value.getTime === "function" && typeof value.getMonth === "function" && typeof value.getYear === "function" && !isNaN(value.getTime());
+  },
+  number: function number(value) {
+    if (isNaN(value)) {
+      return false;
+    }
+    return typeof value === "number";
+  },
+  object: function object(value) {
+    return typeof value === "object" && !types.array(value);
+  },
+  method: function method(value) {
+    return typeof value === "function";
+  },
+  email: function email(value) {
+    return typeof value === "string" && value.length <= 320 && !!value.match(pattern$2.email);
+  },
+  url: function url(value) {
+    return typeof value === "string" && value.length <= 2048 && !!value.match(pattern$2.url);
+  },
+  hex: function hex(value) {
+    return typeof value === "string" && !!value.match(pattern$2.hex);
+  }
+};
+var type$1 = function type(rule, value, source, errors, options) {
+  if (rule.required && value === void 0) {
+    required$1(rule, value, source, errors, options);
+    return;
+  }
+  var custom = ["integer", "float", "array", "regexp", "object", "method", "email", "number", "date", "url", "hex"];
+  var ruleType = rule.type;
+  if (custom.indexOf(ruleType) > -1) {
+    if (!types[ruleType](value)) {
+      errors.push(format(options.messages.types[ruleType], rule.fullField, rule.type));
+    }
+  } else if (ruleType && typeof value !== rule.type) {
+    errors.push(format(options.messages.types[ruleType], rule.fullField, rule.type));
+  }
+};
+var range = function range2(rule, value, source, errors, options) {
+  var len = typeof rule.len === "number";
+  var min = typeof rule.min === "number";
+  var max = typeof rule.max === "number";
+  var spRegexp = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g;
+  var val = value;
+  var key = null;
+  var num = typeof value === "number";
+  var str = typeof value === "string";
+  var arr = Array.isArray(value);
+  if (num) {
+    key = "number";
+  } else if (str) {
+    key = "string";
+  } else if (arr) {
+    key = "array";
+  }
+  if (!key) {
+    return false;
+  }
+  if (arr) {
+    val = value.length;
+  }
+  if (str) {
+    val = value.replace(spRegexp, "_").length;
+  }
+  if (len) {
+    if (val !== rule.len) {
+      errors.push(format(options.messages[key].len, rule.fullField, rule.len));
+    }
+  } else if (min && !max && val < rule.min) {
+    errors.push(format(options.messages[key].min, rule.fullField, rule.min));
+  } else if (max && !min && val > rule.max) {
+    errors.push(format(options.messages[key].max, rule.fullField, rule.max));
+  } else if (min && max && (val < rule.min || val > rule.max)) {
+    errors.push(format(options.messages[key].range, rule.fullField, rule.min, rule.max));
+  }
+};
+var ENUM$1 = "enum";
+var enumerable$1 = function enumerable(rule, value, source, errors, options) {
+  rule[ENUM$1] = Array.isArray(rule[ENUM$1]) ? rule[ENUM$1] : [];
+  if (rule[ENUM$1].indexOf(value) === -1) {
+    errors.push(format(options.messages[ENUM$1], rule.fullField, rule[ENUM$1].join(", ")));
+  }
+};
+var pattern$1 = function pattern(rule, value, source, errors, options) {
+  if (rule.pattern) {
+    if (rule.pattern instanceof RegExp) {
+      rule.pattern.lastIndex = 0;
+      if (!rule.pattern.test(value)) {
+        errors.push(format(options.messages.pattern.mismatch, rule.fullField, value, rule.pattern));
+      }
+    } else if (typeof rule.pattern === "string") {
+      var _pattern = new RegExp(rule.pattern);
+      if (!_pattern.test(value)) {
+        errors.push(format(options.messages.pattern.mismatch, rule.fullField, value, rule.pattern));
+      }
+    }
+  }
+};
+var rules = {
+  required: required$1,
+  whitespace,
+  type: type$1,
+  range,
+  "enum": enumerable$1,
+  pattern: pattern$1
+};
+var string = function string2(rule, value, callback, source, options) {
+  var errors = [];
+  var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
+  if (validate) {
+    if (isEmptyValue(value, "string") && !rule.required) {
+      return callback();
+    }
+    rules.required(rule, value, source, errors, options, "string");
+    if (!isEmptyValue(value, "string")) {
+      rules.type(rule, value, source, errors, options);
+      rules.range(rule, value, source, errors, options);
+      rules.pattern(rule, value, source, errors, options);
+      if (rule.whitespace === true) {
+        rules.whitespace(rule, value, source, errors, options);
+      }
+    }
+  }
+  callback(errors);
+};
+var method2 = function method3(rule, value, callback, source, options) {
+  var errors = [];
+  var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
+  if (validate) {
+    if (isEmptyValue(value) && !rule.required) {
+      return callback();
+    }
+    rules.required(rule, value, source, errors, options);
+    if (value !== void 0) {
+      rules.type(rule, value, source, errors, options);
+    }
+  }
+  callback(errors);
+};
+var number2 = function number3(rule, value, callback, source, options) {
+  var errors = [];
+  var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
+  if (validate) {
+    if (value === "") {
+      value = void 0;
+    }
+    if (isEmptyValue(value) && !rule.required) {
+      return callback();
+    }
+    rules.required(rule, value, source, errors, options);
+    if (value !== void 0) {
+      rules.type(rule, value, source, errors, options);
+      rules.range(rule, value, source, errors, options);
+    }
+  }
+  callback(errors);
+};
+var _boolean = function _boolean2(rule, value, callback, source, options) {
+  var errors = [];
+  var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
+  if (validate) {
+    if (isEmptyValue(value) && !rule.required) {
+      return callback();
+    }
+    rules.required(rule, value, source, errors, options);
+    if (value !== void 0) {
+      rules.type(rule, value, source, errors, options);
+    }
+  }
+  callback(errors);
+};
+var regexp2 = function regexp3(rule, value, callback, source, options) {
+  var errors = [];
+  var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
+  if (validate) {
+    if (isEmptyValue(value) && !rule.required) {
+      return callback();
+    }
+    rules.required(rule, value, source, errors, options);
+    if (!isEmptyValue(value)) {
+      rules.type(rule, value, source, errors, options);
+    }
+  }
+  callback(errors);
+};
+var integer2 = function integer3(rule, value, callback, source, options) {
+  var errors = [];
+  var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
+  if (validate) {
+    if (isEmptyValue(value) && !rule.required) {
+      return callback();
+    }
+    rules.required(rule, value, source, errors, options);
+    if (value !== void 0) {
+      rules.type(rule, value, source, errors, options);
+      rules.range(rule, value, source, errors, options);
+    }
+  }
+  callback(errors);
+};
+var floatFn = function floatFn2(rule, value, callback, source, options) {
+  var errors = [];
+  var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
+  if (validate) {
+    if (isEmptyValue(value) && !rule.required) {
+      return callback();
+    }
+    rules.required(rule, value, source, errors, options);
+    if (value !== void 0) {
+      rules.type(rule, value, source, errors, options);
+      rules.range(rule, value, source, errors, options);
+    }
+  }
+  callback(errors);
+};
+var array2 = function array3(rule, value, callback, source, options) {
+  var errors = [];
+  var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
+  if (validate) {
+    if ((value === void 0 || value === null) && !rule.required) {
+      return callback();
+    }
+    rules.required(rule, value, source, errors, options, "array");
+    if (value !== void 0 && value !== null) {
+      rules.type(rule, value, source, errors, options);
+      rules.range(rule, value, source, errors, options);
+    }
+  }
+  callback(errors);
+};
+var object2 = function object3(rule, value, callback, source, options) {
+  var errors = [];
+  var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
+  if (validate) {
+    if (isEmptyValue(value) && !rule.required) {
+      return callback();
+    }
+    rules.required(rule, value, source, errors, options);
+    if (value !== void 0) {
+      rules.type(rule, value, source, errors, options);
+    }
+  }
+  callback(errors);
+};
+var ENUM = "enum";
+var enumerable2 = function enumerable3(rule, value, callback, source, options) {
+  var errors = [];
+  var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
+  if (validate) {
+    if (isEmptyValue(value) && !rule.required) {
+      return callback();
+    }
+    rules.required(rule, value, source, errors, options);
+    if (value !== void 0) {
+      rules[ENUM](rule, value, source, errors, options);
+    }
+  }
+  callback(errors);
+};
+var pattern2 = function pattern3(rule, value, callback, source, options) {
+  var errors = [];
+  var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
+  if (validate) {
+    if (isEmptyValue(value, "string") && !rule.required) {
+      return callback();
+    }
+    rules.required(rule, value, source, errors, options);
+    if (!isEmptyValue(value, "string")) {
+      rules.pattern(rule, value, source, errors, options);
+    }
+  }
+  callback(errors);
+};
+var date2 = function date3(rule, value, callback, source, options) {
+  var errors = [];
+  var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
+  if (validate) {
+    if (isEmptyValue(value, "date") && !rule.required) {
+      return callback();
+    }
+    rules.required(rule, value, source, errors, options);
+    if (!isEmptyValue(value, "date")) {
+      var dateObject;
+      if (value instanceof Date) {
+        dateObject = value;
+      } else {
+        dateObject = new Date(value);
+      }
+      rules.type(rule, dateObject, source, errors, options);
+      if (dateObject) {
+        rules.range(rule, dateObject.getTime(), source, errors, options);
+      }
+    }
+  }
+  callback(errors);
+};
+var required2 = function required3(rule, value, callback, source, options) {
+  var errors = [];
+  var type4 = Array.isArray(value) ? "array" : typeof value;
+  rules.required(rule, value, source, errors, options, type4);
+  callback(errors);
+};
+var type2 = function type3(rule, value, callback, source, options) {
+  var ruleType = rule.type;
+  var errors = [];
+  var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
+  if (validate) {
+    if (isEmptyValue(value, ruleType) && !rule.required) {
+      return callback();
+    }
+    rules.required(rule, value, source, errors, options, ruleType);
+    if (!isEmptyValue(value, ruleType)) {
+      rules.type(rule, value, source, errors, options);
+    }
+  }
+  callback(errors);
+};
+var any = function any2(rule, value, callback, source, options) {
+  var errors = [];
+  var validate = rule.required || !rule.required && source.hasOwnProperty(rule.field);
+  if (validate) {
+    if (isEmptyValue(value) && !rule.required) {
+      return callback();
+    }
+    rules.required(rule, value, source, errors, options);
+  }
+  callback(errors);
+};
+var validators = {
+  string,
+  method: method2,
+  number: number2,
+  "boolean": _boolean,
+  regexp: regexp2,
+  integer: integer2,
+  "float": floatFn,
+  array: array2,
+  object: object2,
+  "enum": enumerable2,
+  pattern: pattern2,
+  date: date2,
+  url: type2,
+  hex: type2,
+  email: type2,
+  required: required2,
+  any
+};
+function newMessages() {
+  return {
+    "default": "Validation error on field %s",
+    required: "%s is required",
+    "enum": "%s must be one of %s",
+    whitespace: "%s cannot be empty",
+    date: {
+      format: "%s date %s is invalid for format %s",
+      parse: "%s date could not be parsed, %s is invalid ",
+      invalid: "%s date %s is invalid"
+    },
+    types: {
+      string: "%s is not a %s",
+      method: "%s is not a %s (function)",
+      array: "%s is not an %s",
+      object: "%s is not an %s",
+      number: "%s is not a %s",
+      date: "%s is not a %s",
+      "boolean": "%s is not a %s",
+      integer: "%s is not an %s",
+      "float": "%s is not a %s",
+      regexp: "%s is not a valid %s",
+      email: "%s is not a valid %s",
+      url: "%s is not a valid %s",
+      hex: "%s is not a valid %s"
+    },
+    string: {
+      len: "%s must be exactly %s characters",
+      min: "%s must be at least %s characters",
+      max: "%s cannot be longer than %s characters",
+      range: "%s must be between %s and %s characters"
+    },
+    number: {
+      len: "%s must equal %s",
+      min: "%s cannot be less than %s",
+      max: "%s cannot be greater than %s",
+      range: "%s must be between %s and %s"
+    },
+    array: {
+      len: "%s must be exactly %s in length",
+      min: "%s cannot be less than %s in length",
+      max: "%s cannot be greater than %s in length",
+      range: "%s must be between %s and %s in length"
+    },
+    pattern: {
+      mismatch: "%s value %s does not match pattern %s"
+    },
+    clone: function clone() {
+      var cloned = JSON.parse(JSON.stringify(this));
+      cloned.clone = this.clone;
+      return cloned;
+    }
+  };
+}
+var messages = newMessages();
+var Schema = /* @__PURE__ */ function() {
+  function Schema2(descriptor) {
+    this.rules = null;
+    this._messages = messages;
+    this.define(descriptor);
+  }
+  var _proto = Schema2.prototype;
+  _proto.define = function define(rules2) {
+    var _this = this;
+    if (!rules2) {
+      throw new Error("Cannot configure a schema with no rules");
+    }
+    if (typeof rules2 !== "object" || Array.isArray(rules2)) {
+      throw new Error("Rules must be an object");
+    }
+    this.rules = {};
+    Object.keys(rules2).forEach(function(name) {
+      var item = rules2[name];
+      _this.rules[name] = Array.isArray(item) ? item : [item];
+    });
+  };
+  _proto.messages = function messages2(_messages) {
+    if (_messages) {
+      this._messages = deepMerge(newMessages(), _messages);
+    }
+    return this._messages;
+  };
+  _proto.validate = function validate(source_, o, oc) {
+    var _this2 = this;
+    if (o === void 0) {
+      o = {};
+    }
+    if (oc === void 0) {
+      oc = function oc2() {
+      };
+    }
+    var source = source_;
+    var options = o;
+    var callback = oc;
+    if (typeof options === "function") {
+      callback = options;
+      options = {};
+    }
+    if (!this.rules || Object.keys(this.rules).length === 0) {
+      if (callback) {
+        callback(null, source);
+      }
+      return Promise.resolve(source);
+    }
+    function complete(results) {
+      var errors = [];
+      var fields = {};
+      function add(e) {
+        if (Array.isArray(e)) {
+          var _errors;
+          errors = (_errors = errors).concat.apply(_errors, e);
+        } else {
+          errors.push(e);
+        }
+      }
+      for (var i = 0; i < results.length; i++) {
+        add(results[i]);
+      }
+      if (!errors.length) {
+        callback(null, source);
+      } else {
+        fields = convertFieldsError(errors);
+        callback(errors, fields);
+      }
+    }
+    if (options.messages) {
+      var messages$1 = this.messages();
+      if (messages$1 === messages) {
+        messages$1 = newMessages();
+      }
+      deepMerge(messages$1, options.messages);
+      options.messages = messages$1;
+    } else {
+      options.messages = this.messages();
+    }
+    var series = {};
+    var keys = options.keys || Object.keys(this.rules);
+    keys.forEach(function(z) {
+      var arr = _this2.rules[z];
+      var value = source[z];
+      arr.forEach(function(r) {
+        var rule = r;
+        if (typeof rule.transform === "function") {
+          if (source === source_) {
+            source = _extends({}, source);
+          }
+          value = source[z] = rule.transform(value);
+        }
+        if (typeof rule === "function") {
+          rule = {
+            validator: rule
+          };
+        } else {
+          rule = _extends({}, rule);
+        }
+        rule.validator = _this2.getValidationMethod(rule);
+        if (!rule.validator) {
+          return;
+        }
+        rule.field = z;
+        rule.fullField = rule.fullField || z;
+        rule.type = _this2.getType(rule);
+        series[z] = series[z] || [];
+        series[z].push({
+          rule,
+          value,
+          source,
+          field: z
+        });
+      });
+    });
+    var errorFields = {};
+    return asyncMap(series, options, function(data, doIt) {
+      var rule = data.rule;
+      var deep = (rule.type === "object" || rule.type === "array") && (typeof rule.fields === "object" || typeof rule.defaultField === "object");
+      deep = deep && (rule.required || !rule.required && data.value);
+      rule.field = data.field;
+      function addFullField(key, schema) {
+        return _extends({}, schema, {
+          fullField: rule.fullField + "." + key,
+          fullFields: rule.fullFields ? [].concat(rule.fullFields, [key]) : [key]
+        });
+      }
+      function cb(e) {
+        if (e === void 0) {
+          e = [];
+        }
+        var errorList = Array.isArray(e) ? e : [e];
+        if (!options.suppressWarning && errorList.length) {
+          Schema2.warning("async-validator:", errorList);
+        }
+        if (errorList.length && rule.message !== void 0) {
+          errorList = [].concat(rule.message);
+        }
+        var filledErrors = errorList.map(complementError(rule, source));
+        if (options.first && filledErrors.length) {
+          errorFields[rule.field] = 1;
+          return doIt(filledErrors);
+        }
+        if (!deep) {
+          doIt(filledErrors);
+        } else {
+          if (rule.required && !data.value) {
+            if (rule.message !== void 0) {
+              filledErrors = [].concat(rule.message).map(complementError(rule, source));
+            } else if (options.error) {
+              filledErrors = [options.error(rule, format(options.messages.required, rule.field))];
+            }
+            return doIt(filledErrors);
+          }
+          var fieldsSchema = {};
+          if (rule.defaultField) {
+            Object.keys(data.value).map(function(key) {
+              fieldsSchema[key] = rule.defaultField;
+            });
+          }
+          fieldsSchema = _extends({}, fieldsSchema, data.rule.fields);
+          var paredFieldsSchema = {};
+          Object.keys(fieldsSchema).forEach(function(field) {
+            var fieldSchema = fieldsSchema[field];
+            var fieldSchemaList = Array.isArray(fieldSchema) ? fieldSchema : [fieldSchema];
+            paredFieldsSchema[field] = fieldSchemaList.map(addFullField.bind(null, field));
+          });
+          var schema = new Schema2(paredFieldsSchema);
+          schema.messages(options.messages);
+          if (data.rule.options) {
+            data.rule.options.messages = options.messages;
+            data.rule.options.error = options.error;
+          }
+          schema.validate(data.value, data.rule.options || options, function(errs) {
+            var finalErrors = [];
+            if (filledErrors && filledErrors.length) {
+              finalErrors.push.apply(finalErrors, filledErrors);
+            }
+            if (errs && errs.length) {
+              finalErrors.push.apply(finalErrors, errs);
+            }
+            doIt(finalErrors.length ? finalErrors : null);
+          });
+        }
+      }
+      var res;
+      if (rule.asyncValidator) {
+        res = rule.asyncValidator(rule, data.value, cb, data.source, options);
+      } else if (rule.validator) {
+        res = rule.validator(rule, data.value, cb, data.source, options);
+        if (res === true) {
+          cb();
+        } else if (res === false) {
+          cb(typeof rule.message === "function" ? rule.message(rule.fullField || rule.field) : rule.message || (rule.fullField || rule.field) + " fails");
+        } else if (res instanceof Array) {
+          cb(res);
+        } else if (res instanceof Error) {
+          cb(res.message);
+        }
+      }
+      if (res && res.then) {
+        res.then(function() {
+          return cb();
+        }, function(e) {
+          return cb(e);
+        });
+      }
+    }, function(results) {
+      complete(results);
+    }, source);
+  };
+  _proto.getType = function getType(rule) {
+    if (rule.type === void 0 && rule.pattern instanceof RegExp) {
+      rule.type = "pattern";
+    }
+    if (typeof rule.validator !== "function" && rule.type && !validators.hasOwnProperty(rule.type)) {
+      throw new Error(format("Unknown rule type %s", rule.type));
+    }
+    return rule.type || "string";
+  };
+  _proto.getValidationMethod = function getValidationMethod(rule) {
+    if (typeof rule.validator === "function") {
+      return rule.validator;
+    }
+    var keys = Object.keys(rule);
+    var messageIndex = keys.indexOf("message");
+    if (messageIndex !== -1) {
+      keys.splice(messageIndex, 1);
+    }
+    if (keys.length === 1 && keys[0] === "required") {
+      return validators.required;
+    }
+    return validators[this.getType(rule)] || void 0;
+  };
+  return Schema2;
+}();
+Schema.register = function register(type4, validator) {
+  if (typeof validator !== "function") {
+    throw new Error("Cannot register a validator by type, validator is not a function");
+  }
+  validators[type4] = validator;
+};
+Schema.warning = warning;
+Schema.messages = messages;
+Schema.validators = validators;
+var formItem = "";
+var FormItem = defineComponent({
+  name: "DFormItem",
+  props: formItemProps,
+  setup(props, ctx2) {
+    const formItemMitt = mitt();
+    const dForm = reactive(inject(formInjectionKey, {}));
+    const formData = reactive(dForm.formData);
+    const columnsClass = ref(dForm.columnsClass);
+    const initFormItemData = formData[props.prop];
+    const labelData = reactive(dForm.labelData);
+    const rules2 = reactive(dForm.rules);
+    const resetField = () => {
+      if (Array.isArray(initFormItemData)) {
+        formData[props.prop] = [...initFormItemData];
+      } else {
+        formData[props.prop] = initFormItemData;
+      }
+    };
+    const formItem2 = reactive({
+      dHasFeedback: props.dHasFeedback,
+      prop: props.prop,
+      formItemMitt,
+      resetField
+    });
+    provide(formItemInjectionKey, formItem2);
+    const isHorizontal = labelData.layout === "horizontal";
+    const isVertical = labelData.layout === "vertical";
+    const isColumns = labelData.layout === "columns";
+    const showMessage = ref(false);
+    const tipMessage = ref("");
+    const validate = (trigger) => {
+      const ruleKey = props.prop;
+      const ruleItem = rules2[ruleKey];
+      const descriptor = {};
+      descriptor[ruleKey] = ruleItem;
+      const validator = new Schema(descriptor);
+      validator.validate({
+        [ruleKey]: formData[ruleKey]
+      }).then(() => {
+        showMessage.value = false;
+        tipMessage.value = "";
+      }).catch(({
+        errors
+      }) => {
+        showMessage.value = true;
+        tipMessage.value = errors[0].message;
       });
-      arrayEach(["drop", "take"], function(methodName, index2) {
-        LazyWrapper.prototype[methodName] = function(n) {
-          n = n === undefined$1 ? 1 : nativeMax(toInteger(n), 0);
-          var result2 = this.__filtered__ && !index2 ? new LazyWrapper(this) : this.clone();
-          if (result2.__filtered__) {
-            result2.__takeCount__ = nativeMin(n, result2.__takeCount__);
-          } else {
-            result2.__views__.push({
-              "size": nativeMin(n, MAX_ARRAY_LENGTH),
-              "type": methodName + (result2.__dir__ < 0 ? "Right" : "")
+    };
+    const validateEvents = [];
+    const addValidateEvents = () => {
+      if (rules2 && rules2[props.prop]) {
+        const ruleItem = rules2[props.prop];
+        let eventName = ruleItem["trigger"];
+        if (Array.isArray(ruleItem)) {
+          ruleItem.forEach((item) => {
+            eventName = item["trigger"];
+            const cb = () => validate();
+            validateEvents.push({
+              eventName: cb
             });
-          }
-          return result2;
-        };
-        LazyWrapper.prototype[methodName + "Right"] = function(n) {
-          return this.reverse()[methodName](n).reverse();
-        };
-      });
-      arrayEach(["filter", "map", "takeWhile"], function(methodName, index2) {
-        var type4 = index2 + 1, isFilter = type4 == LAZY_FILTER_FLAG || type4 == LAZY_WHILE_FLAG;
-        LazyWrapper.prototype[methodName] = function(iteratee2) {
-          var result2 = this.clone();
-          result2.__iteratees__.push({
-            "iteratee": getIteratee(iteratee2, 3),
-            "type": type4
+            formItem2.formItemMitt.on(dFormItemEvents[eventName], cb);
           });
-          result2.__filtered__ = result2.__filtered__ || isFilter;
-          return result2;
-        };
-      });
-      arrayEach(["head", "last"], function(methodName, index2) {
-        var takeName = "take" + (index2 ? "Right" : "");
-        LazyWrapper.prototype[methodName] = function() {
-          return this[takeName](1).value()[0];
-        };
-      });
-      arrayEach(["initial", "tail"], function(methodName, index2) {
-        var dropName = "drop" + (index2 ? "" : "Right");
-        LazyWrapper.prototype[methodName] = function() {
-          return this.__filtered__ ? new LazyWrapper(this) : this[dropName](1);
-        };
-      });
-      LazyWrapper.prototype.compact = function() {
-        return this.filter(identity);
-      };
-      LazyWrapper.prototype.find = function(predicate) {
-        return this.filter(predicate).head();
-      };
-      LazyWrapper.prototype.findLast = function(predicate) {
-        return this.reverse().find(predicate);
-      };
-      LazyWrapper.prototype.invokeMap = baseRest(function(path, args) {
-        if (typeof path == "function") {
-          return new LazyWrapper(this);
-        }
-        return this.map(function(value) {
-          return baseInvoke(value, path, args);
-        });
-      });
-      LazyWrapper.prototype.reject = function(predicate) {
-        return this.filter(negate(getIteratee(predicate)));
-      };
-      LazyWrapper.prototype.slice = function(start, end) {
-        start = toInteger(start);
-        var result2 = this;
-        if (result2.__filtered__ && (start > 0 || end < 0)) {
-          return new LazyWrapper(result2);
-        }
-        if (start < 0) {
-          result2 = result2.takeRight(-start);
-        } else if (start) {
-          result2 = result2.drop(start);
-        }
-        if (end !== undefined$1) {
-          end = toInteger(end);
-          result2 = end < 0 ? result2.dropRight(-end) : result2.take(end - start);
-        }
-        return result2;
-      };
-      LazyWrapper.prototype.takeRightWhile = function(predicate) {
-        return this.reverse().takeWhile(predicate).reverse();
-      };
-      LazyWrapper.prototype.toArray = function() {
-        return this.take(MAX_ARRAY_LENGTH);
-      };
-      baseForOwn(LazyWrapper.prototype, function(func, methodName) {
-        var checkIteratee = /^(?:filter|find|map|reject)|While$/.test(methodName), isTaker = /^(?:head|last)$/.test(methodName), lodashFunc = lodash2[isTaker ? "take" + (methodName == "last" ? "Right" : "") : methodName], retUnwrapped = isTaker || /^find/.test(methodName);
-        if (!lodashFunc) {
-          return;
-        }
-        lodash2.prototype[methodName] = function() {
-          var value = this.__wrapped__, args = isTaker ? [1] : arguments, isLazy = value instanceof LazyWrapper, iteratee2 = args[0], useLazy = isLazy || isArray(value);
-          var interceptor = function(value2) {
-            var result3 = lodashFunc.apply(lodash2, arrayPush([value2], args));
-            return isTaker && chainAll ? result3[0] : result3;
-          };
-          if (useLazy && checkIteratee && typeof iteratee2 == "function" && iteratee2.length != 1) {
-            isLazy = useLazy = false;
-          }
-          var chainAll = this.__chain__, isHybrid = !!this.__actions__.length, isUnwrapped = retUnwrapped && !chainAll, onlyLazy = isLazy && !isHybrid;
-          if (!retUnwrapped && useLazy) {
-            value = onlyLazy ? value : new LazyWrapper(this);
-            var result2 = func.apply(value, args);
-            result2.__actions__.push({ "func": thru, "args": [interceptor], "thisArg": undefined$1 });
-            return new LodashWrapper(result2, chainAll);
-          }
-          if (isUnwrapped && onlyLazy) {
-            return func.apply(this, args);
-          }
-          result2 = this.thru(interceptor);
-          return isUnwrapped ? isTaker ? result2.value()[0] : result2.value() : result2;
-        };
-      });
-      arrayEach(["pop", "push", "shift", "sort", "splice", "unshift"], function(methodName) {
-        var func = arrayProto[methodName], chainName = /^(?:push|sort|unshift)$/.test(methodName) ? "tap" : "thru", retUnwrapped = /^(?:pop|shift)$/.test(methodName);
-        lodash2.prototype[methodName] = function() {
-          var args = arguments;
-          if (retUnwrapped && !this.__chain__) {
-            var value = this.value();
-            return func.apply(isArray(value) ? value : [], args);
-          }
-          return this[chainName](function(value2) {
-            return func.apply(isArray(value2) ? value2 : [], args);
+        } else {
+          const cb = () => validate();
+          validateEvents.push({
+            eventName: cb
           });
-        };
-      });
-      baseForOwn(LazyWrapper.prototype, function(func, methodName) {
-        var lodashFunc = lodash2[methodName];
-        if (lodashFunc) {
-          var key = lodashFunc.name + "";
-          if (!hasOwnProperty.call(realNames, key)) {
-            realNames[key] = [];
-          }
-          realNames[key].push({ "name": methodName, "func": lodashFunc });
+          ruleItem && formItem2.formItemMitt.on(dFormItemEvents[eventName], cb);
         }
-      });
-      realNames[createHybrid(undefined$1, WRAP_BIND_KEY_FLAG).name] = [{
-        "name": "wrapper",
-        "func": undefined$1
-      }];
-      LazyWrapper.prototype.clone = lazyClone;
-      LazyWrapper.prototype.reverse = lazyReverse;
-      LazyWrapper.prototype.value = lazyValue;
-      lodash2.prototype.at = wrapperAt;
-      lodash2.prototype.chain = wrapperChain;
-      lodash2.prototype.commit = wrapperCommit;
-      lodash2.prototype.next = wrapperNext;
-      lodash2.prototype.plant = wrapperPlant;
-      lodash2.prototype.reverse = wrapperReverse;
-      lodash2.prototype.toJSON = lodash2.prototype.valueOf = lodash2.prototype.value = wrapperValue;
-      lodash2.prototype.first = lodash2.prototype.head;
-      if (symIterator) {
-        lodash2.prototype[symIterator] = wrapperToIterator;
       }
-      return lodash2;
     };
-    var _ = runInContext();
-    if (freeModule) {
-      (freeModule.exports = _)._ = _;
-      freeExports._ = _;
-    } else {
-      root._ = _;
+    const removeValidateEvents = () => {
+      if (rules2 && rules2[props.prop] && validateEvents.length > 0) {
+        validateEvents.forEach((item) => {
+          formItem2.formItemMitt.off(item.eventName, item.cb);
+        });
+      }
+    };
+    onMounted(() => {
+      dForm.formMitt.emit(dFormEvents.addField, formItem2);
+      addValidateEvents();
+    });
+    onBeforeUnmount(() => {
+      dForm.formMitt.emit(dFormEvents.removeField, formItem2);
+      removeValidateEvents();
+    });
+    return () => {
+      var _a, _b;
+      return createVNode("div", {
+        "class": `devui-form-item${isHorizontal ? "" : isVertical ? " devui-form-item-vertical" : " devui-form-item-columns"}${isColumns ? " devui-column-item " + columnsClass.value : ""}`
+      }, [(_b = (_a = ctx2.slots).default) == null ? void 0 : _b.call(_a), createVNode("div", {
+        "class": `devui-validate-tip${isHorizontal ? " devui-validate-tip-horizontal" : ""}`
+      }, [showMessage.value && tipMessage.value])]);
+    };
+  }
+});
+function on(element, eventName, handler) {
+  if (document.addEventListener) {
+    if (element && eventName && handler) {
+      element.addEventListener(eventName, handler, false);
     }
-  }).call(commonjsGlobal);
-})(lodash, lodash.exports);
+  } else {
+    if (element && eventName && handler) {
+      element.attachEvent("on" + eventName, handler);
+    }
+  }
+}
+const ctx = Symbol("@@clickoutside");
+const nodeList = /* @__PURE__ */ new Map();
+let startClick;
+let nid = 0;
+let isFirst = true;
+function createDocumentHandler(el, binding, vnode) {
+  if (inBrowser && isFirst) {
+    isFirst = false;
+    on(document, "mousedown", (e) => {
+      startClick = e;
+    });
+    on(document, "mouseup", (e) => {
+      for (const [id, node] of nodeList) {
+        node[ctx].documentHandler(e, startClick);
+      }
+    });
+  }
+  return function(mouseup, mousedown) {
+    if (!vnode || !binding.instance || !mouseup.target || !mousedown.target || el.contains(mouseup.target) || el.contains(mousedown.target) || el === mouseup.target) {
+      return;
+    }
+    el[ctx].bindingFn && el[ctx].bindingFn();
+  };
+}
+const clickoutsideDirective = {
+  beforeMount: function(el, binding, vnode) {
+    nid++;
+    nodeList.set(nid, el);
+    el[ctx] = {
+      nid,
+      documentHandler: createDocumentHandler(el, binding, vnode),
+      bindingFn: binding.value
+    };
+  },
+  updated: function(el, binding, vnode) {
+    el[ctx].documentHandler = createDocumentHandler(el, binding, vnode);
+    el[ctx].bindingFn = binding.value;
+  },
+  unmounted: function(el) {
+    nodeList.delete(el[ctx].nid);
+    delete el[ctx];
+  }
+};
 var formControl = "";
 var FormControl = defineComponent({
   name: "DFormControl",
@@ -7087,7 +7488,7 @@ var FormControl = defineComponent({
         extraInfo
       } = props;
       return withDirectives(createVNode("div", {
-        "class": "form-control",
+        "class": "devui-form-control",
         "ref": formControl2,
         "data-uid": uid
       }, [showPopover.value && createVNode(Teleport, {
@@ -7109,12 +7510,12 @@ var FormControl = defineComponent({
           "position": popPosition.value
         }, null)])]
       }), createVNode("div", {
-        "class": `devui-form-control-container${isHorizontal ? " devui-form-control-container-horizontal" : ""}${feedbackStatus ? " has-feedback" : ""}${feedbackStatus === "error" ? " feedback-error" : ""}`
+        "class": `devui-form-control-container${isHorizontal ? " devui-form-control-container-horizontal" : ""}${feedbackStatus ? " devui-has-feedback" : ""}${feedbackStatus === "error" ? " devui-feedback-error" : ""}`
       }, [createVNode("div", {
         "class": "devui-control-content-wrapper",
         "id": uid
       }, [(_b = (_a = ctx2.slots).default) == null ? void 0 : _b.call(_a)]), (feedbackStatus || ((_d = (_c = ctx2.slots).suffixTemplate) == null ? void 0 : _d.call(_c))) && createVNode("span", {
-        "class": "feedback-status"
+        "class": "devui-feedback-status"
       }, [((_f = (_e = ctx2.slots).suffixTemplate) == null ? void 0 : _f.call(_e)) ? (_h = (_g = ctx2.slots).suffixTemplate) == null ? void 0 : _h.call(_g) : createVNode(Icon, {
         "name": iconData.value.name,
         "color": iconData.value.color
@@ -7132,7 +7533,7 @@ var FormOperation = defineComponent({
     return () => {
       var _a, _b;
       return createVNode("div", {
-        "class": "form-operation"
+        "class": "devui-form-operation"
       }, [(_b = (_a = ctx2.slots).default) == null ? void 0 : _b.call(_a)]);
     };
   }
@@ -7260,18 +7661,19 @@ function getKeyValueOfObjectList(obj) {
 }
 function handleErrorStrategy(el) {
   const classList = [...el.classList];
-  classList.push("d-validate-rules-error-pristine");
+  classList.push("devui-validate-rules-error-pristine");
   el.setAttribute("class", classList.join(" "));
 }
 function handleErrorStrategyPass(el) {
   const classList = [...el.classList];
-  const index2 = classList.indexOf("d-validate-rules-error-pristine");
+  const index2 = classList.indexOf("devui-validate-rules-error-pristine");
   index2 !== -1 && classList.splice(index2, 1);
   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 {
@@ -7292,7 +7694,7 @@ function handleValidateError({ el, tipEl, message = "", isFormTag, messageShowTy
   }
   tipEl.innerText = "" + message;
   tipEl.style.display = "inline-flex";
-  tipEl.setAttribute("class", "d-validate-tip");
+  tipEl.setAttribute("class", "devui-validate-tip");
   handleErrorStrategy(el);
 }
 function handleValidatePass(el, tipEl) {
@@ -7314,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;