vue-devui 1.0.0-rc.6 → 1.0.0-rc.7

package/form/index.es.js

@@ -29,24 +29,8 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import { defineComponent, toRefs, provide, reactive, createVNode, Teleport, Transition, renderSlot, isVNode, computed, onMounted, watch, onUnmounted, ref, unref, nextTick, mergeProps, Fragment, inject, onBeforeUnmount } from "vue";
+import { defineComponent, provide, reactive, toRefs, createVNode, Teleport, Transition, renderSlot, isVNode, computed, onMounted, watch, onUnmounted, ref, unref, nextTick, mergeProps, Fragment, inject, onBeforeUnmount } from "vue";
 import { offset, autoPlacement, arrow, shift, computePosition } from "@floating-ui/dom";
-function mitt(n) {
-  return { all: n = n || /* @__PURE__ */ new Map(), on: function(t, e) {
-    var i = n.get(t);
-    i ? i.push(e) : n.set(t, [e]);
-  }, off: function(t, e) {
-    var i = n.get(t);
-    i && (e ? i.splice(i.indexOf(e) >>> 0, 1) : n.set(t, []));
-  }, emit: function(t, e) {
-    var i = n.get(t);
-    i && i.slice().map(function(n2) {
-      n2(e);
-    }), (i = n.get("*")) && i.slice().map(function(n2) {
-      n2(t, e);
-    });
-  } };
-}
 const formProps = {
   data: {
     type: Object,
@@ -67,27 +51,16 @@ const formProps = {
   rules: {
     type: Object
   },
-  messageShowType: {
+  messageType: {
     type: String,
     default: "popover"
+  },
+  popPosition: {
+    type: Array,
+    default: ["right", "bottom"]
   }
 };
-const dFormEvents = {
-  addField: "d.form.addField",
-  removeField: "d.form.removeField"
-};
 const FORM_TOKEN = Symbol("dForm");
-var eventBus = mitt();
-const EventBus = eventBus;
-function isObject(obj) {
-  return Object.prototype.toString.call(obj).slice(8, -1) === "Object";
-}
-function hasKey(obj, key) {
-  if (!isObject(obj)) {
-    return false;
-  }
-  return Object.prototype.hasOwnProperty.call(obj, key);
-}
 function createBem(namespace, element, modifier) {
   let cls = namespace;
   if (element) {
@@ -863,7 +836,7 @@ var lodash = { exports: {} };
         function object4() {
         }
         return function(proto) {
-          if (!isObject2(proto)) {
+          if (!isObject(proto)) {
             return {};
           }
           if (objectCreate) {
@@ -1225,7 +1198,7 @@ var lodash = { exports: {} };
         if (result2 !== undefined$1) {
           return result2;
         }
-        if (!isObject2(value)) {
+        if (!isObject(value)) {
           return value;
         }
         var isArr = isArray(value);
@@ -1572,7 +1545,7 @@ var lodash = { exports: {} };
         return true;
       }
       function baseIsNative(value) {
-        if (!isObject2(value) || isMasked(value)) {
+        if (!isObject(value) || isMasked(value)) {
           return false;
         }
         var pattern4 = isFunction(value) ? reIsNative : reIsHostCtor;
@@ -1612,7 +1585,7 @@ var lodash = { exports: {} };
         return result2;
       }
       function baseKeysIn(object4) {
-        if (!isObject2(object4)) {
+        if (!isObject(object4)) {
           return nativeKeysIn(object4);
         }
         var isProto = isPrototype(object4), result2 = [];
@@ -1657,7 +1630,7 @@ var lodash = { exports: {} };
         }
         baseFor(source, function(srcValue, key) {
           stack || (stack = new Stack());
-          if (isObject2(srcValue)) {
+          if (isObject(srcValue)) {
             baseMergeDeep(object4, source, key, srcIndex, baseMerge, customizer, stack);
           } else {
             var newValue = customizer ? customizer(safeGet(object4, key), srcValue, key + "", object4, source, stack) : undefined$1;
@@ -1697,7 +1670,7 @@ var lodash = { exports: {} };
             newValue = objValue;
             if (isArguments(objValue)) {
               newValue = toPlainObject(objValue);
-            } else if (!isObject2(objValue) || isFunction(objValue)) {
+            } else if (!isObject(objValue) || isFunction(objValue)) {
               newValue = initCloneObject(srcValue);
             }
           } else {
@@ -1836,7 +1809,7 @@ var lodash = { exports: {} };
         return shuffleSelf(array4, baseClamp(n, 0, array4.length));
       }
       function baseSet(object4, path, value, customizer) {
-        if (!isObject2(object4)) {
+        if (!isObject(object4)) {
           return object4;
         }
         path = castPath(path, object4);
@@ -1850,7 +1823,7 @@ var lodash = { exports: {} };
             var objValue = nested[key];
             newValue = customizer ? customizer(objValue, key, nested) : undefined$1;
             if (newValue === undefined$1) {
-              newValue = isObject2(objValue) ? objValue : isIndex(path[index2 + 1]) ? [] : {};
+              newValue = isObject(objValue) ? objValue : isIndex(path[index2 + 1]) ? [] : {};
             }
           }
           assignValue(nested, key, newValue);
@@ -2300,7 +2273,7 @@ var lodash = { exports: {} };
               return new Ctor(args[0], args[1], args[2], args[3], args[4], args[5], args[6]);
           }
           var thisBinding = baseCreate(Ctor.prototype), result2 = Ctor.apply(thisBinding, args);
-          return isObject2(result2) ? result2 : thisBinding;
+          return isObject(result2) ? result2 : thisBinding;
         };
       }
       function createCurry(func, bitmask, arity) {
@@ -2614,7 +2587,7 @@ var lodash = { exports: {} };
         return objValue;
       }
       function customDefaultsMerge(objValue, srcValue, key, object4, source, stack) {
-        if (isObject2(objValue) && isObject2(srcValue)) {
+        if (isObject(objValue) && isObject(srcValue)) {
           stack.set(srcValue, objValue);
           baseMerge(objValue, srcValue, undefined$1, customDefaultsMerge, stack);
           stack["delete"](srcValue);
@@ -2962,7 +2935,7 @@ var lodash = { exports: {} };
         return !!length && (type4 == "number" || type4 != "symbol" && reIsUint.test(value)) && (value > -1 && value % 1 == 0 && value < length);
       }
       function isIterateeCall(value, index2, object4) {
-        if (!isObject2(object4)) {
+        if (!isObject(object4)) {
           return false;
         }
         var type4 = typeof index2;
@@ -3005,7 +2978,7 @@ var lodash = { exports: {} };
         return value === proto;
       }
       function isStrictComparable(value) {
-        return value === value && !isObject2(value);
+        return value === value && !isObject(value);
       }
       function matchesStrictComparable(key, srcValue) {
         return function(object4) {
@@ -3887,7 +3860,7 @@ var lodash = { exports: {} };
           throw new TypeError2(FUNC_ERROR_TEXT);
         }
         wait = toNumber(wait) || 0;
-        if (isObject2(options)) {
+        if (isObject(options)) {
           leading = !!options.leading;
           maxing = "maxWait" in options;
           maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
@@ -4057,7 +4030,7 @@ var lodash = { exports: {} };
         if (typeof func != "function") {
           throw new TypeError2(FUNC_ERROR_TEXT);
         }
-        if (isObject2(options)) {
+        if (isObject(options)) {
           leading = "leading" in options ? !!options.leading : leading;
           trailing = "trailing" in options ? !!options.trailing : trailing;
         }
@@ -4165,7 +4138,7 @@ var lodash = { exports: {} };
         return typeof value == "number" && nativeIsFinite(value);
       }
       function isFunction(value) {
-        if (!isObject2(value)) {
+        if (!isObject(value)) {
           return false;
         }
         var tag = baseGetTag(value);
@@ -4177,7 +4150,7 @@ var lodash = { exports: {} };
       function isLength(value) {
         return typeof value == "number" && value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;
       }
-      function isObject2(value) {
+      function isObject(value) {
         var type4 = typeof value;
         return value != null && (type4 == "object" || type4 == "function");
       }
@@ -4284,9 +4257,9 @@ var lodash = { exports: {} };
         if (isSymbol(value)) {
           return NAN;
         }
-        if (isObject2(value)) {
+        if (isObject(value)) {
           var other = typeof value.valueOf == "function" ? value.valueOf() : value;
-          value = isObject2(other) ? other + "" : other;
+          value = isObject(other) ? other + "" : other;
         }
         if (typeof value != "string") {
           return value === 0 ? value : +value;
@@ -4507,7 +4480,7 @@ var lodash = { exports: {} };
           var Ctor = object4 && object4.constructor;
           if (isArrLike) {
             accumulator = isArr ? new Ctor() : [];
-          } else if (isObject2(object4)) {
+          } else if (isObject(object4)) {
             accumulator = isFunction(Ctor) ? baseCreate(getPrototype(object4)) : {};
           } else {
             accumulator = {};
@@ -4789,7 +4762,7 @@ var lodash = { exports: {} };
       }
       function truncate(string3, options) {
         var length = DEFAULT_TRUNC_LENGTH, omission = DEFAULT_TRUNC_OMISSION;
-        if (isObject2(options)) {
+        if (isObject(options)) {
           var separator = "separator" in options ? options.separator : separator;
           length = "length" in options ? toInteger(options.length) : length;
           omission = "omission" in options ? baseToString(options.omission) : omission;
@@ -4919,13 +4892,13 @@ var lodash = { exports: {} };
       });
       function mixin(object4, source, options) {
         var props = keys(source), methodNames = baseFunctions(source, props);
-        if (options == null && !(isObject2(source) && (methodNames.length || !props.length))) {
+        if (options == null && !(isObject(source) && (methodNames.length || !props.length))) {
           options = source;
           source = object4;
           object4 = this;
           methodNames = baseFunctions(source, keys(source));
         }
-        var chain2 = !(isObject2(options) && "chain" in options) || !!options.chain, isFunc = isFunction(object4);
+        var chain2 = !(isObject(options) && "chain" in options) || !!options.chain, isFunc = isFunction(object4);
         arrayEach(methodNames, function(methodName) {
           var func = source[methodName];
           object4[methodName] = func;
@@ -5271,7 +5244,7 @@ var lodash = { exports: {} };
       lodash2.isNil = isNil;
       lodash2.isNull = isNull;
       lodash2.isNumber = isNumber;
-      lodash2.isObject = isObject2;
+      lodash2.isObject = isObject;
       lodash2.isObjectLike = isObjectLike;
       lodash2.isPlainObject = isPlainObject;
       lodash2.isRegExp = isRegExp;
@@ -5582,16 +5555,8 @@ function useFormValidation(itemContexts) {
 var Form = defineComponent({
   name: "DForm",
   props: formProps,
-  emits: ["submit"],
   setup(props, ctx) {
-    const formMitt = mitt();
     const ns = useNamespace("form");
-    const {
-      data,
-      layout,
-      labelSize,
-      labelAlign
-    } = toRefs(props);
     const {
       itemContexts,
       addItemContext,
@@ -5601,34 +5566,17 @@ var Form = defineComponent({
       validate,
       validateFields
     } = useFormValidation(itemContexts);
-    formMitt.on(dFormEvents.addField, (field) => {
-    });
-    formMitt.on(dFormEvents.removeField, (field) => {
-      if (field.prop)
-        ;
-    });
-    provide(FORM_TOKEN, reactive({
-      formData: data,
-      formMitt,
-      labelData: {
-        layout,
-        labelSize,
-        labelAlign
-      },
-      rules: props.rules,
-      messageShowType: "popover",
+    const onSubmit = (e) => {
+      e.preventDefault();
+    };
+    provide(FORM_TOKEN, reactive(__spreadProps(__spreadValues({}, toRefs(props)), {
       addItemContext,
       removeItemContext
-    }));
+    })));
     ctx.expose({
       validate,
       validateFields
     });
-    const onSubmit = (e) => {
-      e.preventDefault();
-      ctx.emit("submit", e);
-      EventBus.emit(`formSubmit:${props.name}`);
-    };
     return () => {
       var _a, _b;
       return createVNode("form", {
@@ -5809,8 +5757,8 @@ const flexibleOverlayProps = {
 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)) {
+    const style = window.getComputedStyle(parent);
+    if (overflowRegex.test(style.overflow + style.overflowX + style.overflowY)) {
       return parent;
     }
   }
@@ -6241,23 +6189,30 @@ const formItemProps = {
     type: Boolean,
     default: false
   },
+  messageType: {
+    type: String
+  },
+  popPosition: {
+    type: Array
+  },
   rules: {
     type: [Object, Array]
   }
 };
 const FORM_ITEM_TOKEN = Symbol("dFormItem");
 function useFormLabel() {
-  const { labelData } = inject(FORM_TOKEN);
+  const formContext = inject(FORM_TOKEN);
   const formItemContext = inject(FORM_ITEM_TOKEN);
   const ns = useNamespace("form");
   const labelClasses = computed(() => ({
     [`${ns.e("label")}`]: true,
-    [`${ns.em("label", "vertical")}`]: labelData.layout === "vertical",
-    [`${ns.em("label", labelData.labelSize)}`]: labelData.layout === "horizontal",
-    [`${ns.em("label", labelData.labelAlign)}`]: labelData.layout === "horizontal"
+    [`${ns.em("label", "vertical")}`]: formContext.layout === "vertical",
+    [`${ns.em("label", formContext.labelSize)}`]: formContext.layout === "horizontal",
+    [`${ns.em("label", formContext.labelAlign)}`]: formContext.layout === "horizontal"
   }));
   const labelInnerClasses = computed(() => ({
-    [`${ns.em("label", "required")}`]: formItemContext.required
+    [`${ns.e("label-span")}`]: true,
+    [`${ns.em("label", "required")}`]: formItemContext.isRequired
   }));
   return { labelClasses, labelInnerClasses };
 }
@@ -7292,15 +7247,16 @@ Schema.register = function register(type4, validator) {
 Schema.warning = warning;
 Schema.messages = messages;
 Schema.validators = validators;
-function useFormItem() {
-  const formContext = reactive(inject(FORM_TOKEN));
-  const labelData = reactive(formContext.labelData);
+function useFormItem(messageType, _rules, validateState) {
+  const formContext = inject(FORM_TOKEN);
   const ns = useNamespace("form");
   const itemClasses = computed(() => ({
-    [`${ns.em("item", "horizontal")}`]: labelData.layout === "horizontal",
-    [`${ns.em("item", "vertical")}`]: labelData.layout === "vertical"
+    [`${ns.em("item", "horizontal")}`]: formContext.layout === "horizontal",
+    [`${ns.em("item", "vertical")}`]: formContext.layout === "vertical",
+    [`${ns.em("item", "error")}`]: messageType.value === "text" && validateState.value === "error"
   }));
-  return { itemClasses };
+  const isRequired = computed(() => _rules.value.some((rule) => Boolean(rule.required)));
+  return { itemClasses, isRequired };
 }
 function useFormItemRule(props) {
   const formContext = inject(FORM_TOKEN);
@@ -7328,7 +7284,7 @@ function useFormItemValidate(props, _rules) {
     return typeof props.field === "string" ? props.field : "";
   });
   const fieldValue = computed(() => {
-    const formData = formContext.formData;
+    const formData = formContext.data;
     if (!formData || !props.field) {
       return;
     }
@@ -7395,9 +7351,15 @@ var FormItem = defineComponent({
   props: formItemProps,
   setup(props, ctx) {
     const formContext = inject(FORM_TOKEN);
-    const {
-      itemClasses
-    } = useFormItem();
+    const _a = toRefs(props), {
+      messageType: itemMessageType,
+      popPosition: itemPopPosition
+    } = _a, otherProps = __objRest(_a, [
+      "messageType",
+      "popPosition"
+    ]);
+    const messageType = computed(() => (itemMessageType == null ? void 0 : itemMessageType.value) || formContext.messageType);
+    const popPosition = computed(() => (itemPopPosition == null ? void 0 : itemPopPosition.value) || formContext.popPosition);
     const {
       _rules
     } = useFormItemRule(props);
@@ -7406,7 +7368,14 @@ var FormItem = defineComponent({
       validateMessage,
       validate
     } = useFormItemValidate(props, _rules);
-    const context = reactive(__spreadProps(__spreadValues({}, toRefs(props)), {
+    const {
+      itemClasses,
+      isRequired
+    } = useFormItem(messageType, _rules, validateState);
+    const context = reactive(__spreadProps(__spreadValues({}, otherProps), {
+      messageType,
+      popPosition,
+      isRequired,
       validateState,
       validateMessage,
       validate
@@ -7421,10 +7390,10 @@ var FormItem = defineComponent({
       formContext == null ? void 0 : formContext.removeItemContext(context);
     });
     return () => {
-      var _a, _b;
+      var _a2, _b;
       return createVNode("div", {
         "class": itemClasses.value
-      }, [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)]);
+      }, [(_b = (_a2 = ctx.slots).default) == null ? void 0 : _b.call(_a2)]);
     };
   }
 });
@@ -7439,16 +7408,15 @@ const formControlProps = {
 };
 function useFormControl(props) {
   const formContext = inject(FORM_TOKEN);
-  const labelData = reactive(formContext.labelData);
   const ns = useNamespace("form");
   const { feedbackStatus } = toRefs(props);
   const controlClasses = computed(() => ({
     [`${ns.e("control")}`]: true,
-    [`${ns.em("control", "horizontal")}`]: labelData.layout === "horizontal"
+    [`${ns.em("control", "horizontal")}`]: formContext.layout === "horizontal"
   }));
   const controlContainerClasses = computed(() => ({
     [`${ns.e("control-container")}`]: true,
-    [`${ns.em("control-container", "horizontal")}`]: labelData.layout === "horizontal",
+    [`${ns.em("control-container", "horizontal")}`]: formContext.layout === "horizontal",
     [`${ns.em("control-container", "has-feedback")}`]: Boolean(feedbackStatus.value),
     [`${ns.em("control-container", "feedback-error")}`]: Boolean(feedbackStatus.value === "error")
   }));
@@ -7456,8 +7424,11 @@ function useFormControl(props) {
 }
 function useFormControlValidate() {
   const formItemContext = inject(FORM_ITEM_TOKEN);
+  const showPopover = computed(() => formItemContext.messageType === "popover" && formItemContext.validateState === "error");
+  const showMessage = computed(() => formItemContext.messageType === "text" && formItemContext.validateState === "error");
   const errorMessage = computed(() => formItemContext.validateMessage);
-  return { errorMessage };
+  const popPosition = computed(() => formItemContext.popPosition);
+  return { showPopover, showMessage, errorMessage, popPosition };
 }
 var formControl = "";
 var FormControl = defineComponent({
@@ -7465,49 +7436,56 @@ var FormControl = defineComponent({
   props: formControlProps,
   setup(props, ctx) {
     const formControl2 = ref();
-    const uid = lodash.exports.uniqueId("dfc-");
     const ns = useNamespace("form");
     const {
       controlClasses,
       controlContainerClasses
     } = useFormControl(props);
     const {
-      errorMessage
+      showPopover,
+      showMessage,
+      errorMessage,
+      popPosition
     } = useFormControlValidate();
-    return () => {
-      var _a, _b;
-      return createVNode("div", {
-        "class": controlClasses.value,
-        "ref": formControl2,
-        "data-uid": uid
-      }, [createVNode("div", {
-        "class": controlContainerClasses.value
-      }, [createVNode("div", {
-        "class": ns.e("control-content"),
-        "id": uid
-      }, [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)])]), createVNode("div", {
-        "class": ns.e("control-info")
-      }, [errorMessage.value && createVNode("div", {
-        "class": "error-message"
-      }, [errorMessage.value]), props.extraInfo && createVNode("div", {
-        "class": ns.e("control-extra")
-      }, [props.extraInfo])])]);
-    };
+    return () => createVNode("div", {
+      "class": controlClasses.value,
+      "ref": formControl2
+    }, [createVNode("div", {
+      "class": controlContainerClasses.value
+    }, [createVNode(Popover, {
+      "is-open": showPopover.value,
+      "trigger": "manually",
+      "content": errorMessage.value,
+      "pop-type": "error",
+      "position": popPosition.value
+    }, {
+      reference: () => {
+        var _a, _b;
+        return createVNode("div", {
+          "class": ns.e("control-content")
+        }, [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)]);
+      }
+    })]), createVNode("div", {
+      "class": ns.e("control-info")
+    }, [showMessage.value && createVNode("div", {
+      "class": "error-message"
+    }, [errorMessage.value]), props.extraInfo && createVNode("div", {
+      "class": ns.e("control-extra")
+    }, [props.extraInfo])])]);
   }
 });
 var formOperation = "";
 var FormOperation = defineComponent({
   name: "DFormOperation",
   setup(props, ctx) {
-    const formContext = reactive(inject(FORM_TOKEN));
-    const labelData = reactive(formContext.labelData);
+    const formContext = inject(FORM_TOKEN);
     const LabelSizeMap = {
       sm: 80,
       md: 100,
       lg: 150
     };
     const styles = computed(() => ({
-      marginLeft: labelData.layout === "horizontal" ? `${LabelSizeMap[labelData.labelSize] + 16}px` : void 0
+      marginLeft: formContext.layout === "horizontal" ? `${LabelSizeMap[formContext.labelSize] + 16}px` : void 0
     }));
     return () => {
       var _a, _b;
@@ -7518,364 +7496,16 @@ var FormOperation = defineComponent({
     };
   }
 });
-var style = "";
-function getAvaliableRuleObj(ruleName, value) {
-  if (!ruleName) {
-    console.error("[v-d-validate] validator's key is invalid");
-    return null;
-  }
-  switch (ruleName) {
-    case "maxlength":
-      return {
-        type: "string",
-        max: value,
-        asyncValidator: (rule, val) => {
-          return new Promise((resolve, reject) => {
-            if (val.length > value) {
-              reject("\u6700\u5927\u957F\u5EA6\u4E3A" + value);
-            } else {
-              resolve("\u6821\u9A8C\u901A\u8FC7");
-            }
-          });
-        }
-      };
-    case "minlength":
-      return {
-        type: "string",
-        min: value,
-        asyncValidator: (rule, val) => {
-          return new Promise((resolve, reject) => {
-            if (val.length < value) {
-              reject("\u6700\u5C0F\u957F\u5EA6\u4E3A" + value);
-            } else {
-              resolve("\u6821\u9A8C\u901A\u8FC7");
-            }
-          });
-        }
-      };
-    case "min":
-      return {
-        type: "number",
-        asyncValidator: (rule, val) => {
-          return new Promise((resolve, reject) => {
-            if (val < value) {
-              reject("\u6700\u5C0F\u503C\u4E3A" + value);
-            } else {
-              resolve("\u6821\u9A8C\u901A\u8FC7");
-            }
-          });
-        }
-      };
-    case "max":
-      return {
-        type: "number",
-        asyncValidator: (rule, val) => {
-          return new Promise((resolve, reject) => {
-            if (val > value) {
-              reject("\u6700\u5927\u503C\u4E3A" + value);
-            } else {
-              resolve("\u6821\u9A8C\u901A\u8FC7");
-            }
-          });
-        }
-      };
-    case "required":
-      return {
-        reqiured: true,
-        asyncValidator: (rule, val) => {
-          return new Promise((resolve, reject) => {
-            if (!val) {
-              reject("\u5FC5\u586B\u9879");
-            } else {
-              resolve("\u6821\u9A8C\u901A\u8FC7");
-            }
-          });
-        }
-      };
-    case "requiredTrue":
-      return {
-        asyncValidator: (rule, val) => {
-          return new Promise((resolve, reject) => {
-            if (!val) {
-              reject("\u5FC5\u987B\u4E3Atrue\u503C");
-            } else {
-              resolve("\u6821\u9A8C\u901A\u8FC7");
-            }
-          });
-        }
-      };
-    case "email":
-      return {
-        type: "email",
-        message: "\u90AE\u7BB1\u683C\u5F0F\u4E0D\u6B63\u786E"
-      };
-    case "pattern":
-      return {
-        type: "regexp",
-        pattern: value,
-        message: "\u53EA\u80FD\u5305\u542B\u6570\u5B57\u4E0E\u5927\u5C0F\u5199\u5B57\u7B26",
-        validator: (rule, val) => value.test(val)
-      };
-    case "whitespace":
-      return {
-        message: "\u8F93\u5165\u4E0D\u80FD\u5168\u90E8\u4E3A\u7A7A\u683C\u6216\u7A7A\u5B57\u7B26",
-        validator: (rule, val) => !!val.trim()
-      };
-    default:
-      return {
-        [ruleName]: value
-      };
-  }
-}
-function getKeyValueOfObjectList(obj) {
-  const kvArr = [];
-  for (const key in obj) {
-    if (Object.prototype.hasOwnProperty.call(obj, key)) {
-      kvArr.push({
-        key,
-        value: obj[key]
-      });
-    }
-  }
-  return kvArr;
-}
-function handleErrorStrategy(el) {
-  const classList = [...el.classList];
-  classList.push("devui-validate-rules-error-pristine");
-  el.setAttribute("class", classList.join(" "));
-}
-function handleErrorStrategyPass(el) {
-  const classList = [...el.classList];
-  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") {
-    return "";
-  }
-  if (el.parentElement.id.startsWith("dfc-")) {
-    return el.parentElement.id;
-  } else {
-    getFormControlUID(el.parentElement);
-  }
-}
-function handleValidateError({
-  el,
-  tipEl,
-  message = "",
-  isFormTag,
-  messageShowType,
-  dfcUID,
-  popPosition = "right-bottom",
-  updateOn
-}) {
-  if (isFormTag && messageShowType === "toast") {
-    alert(message);
-    return;
-  }
-  if (!dfcUID) {
-    dfcUID = getFormControlUID(el);
-  }
-  if (messageShowType === "popover") {
-    EventBus.emit("showPopoverErrorMessage", {
-      showPopover: true,
-      message,
-      uid: dfcUID,
-      popPosition,
-      updateOn
-    });
-    return;
-  }
-  tipEl.innerText = "" + message;
-  tipEl.style.display = "inline-flex";
-  tipEl.setAttribute("class", "devui-validate-tip");
-  handleErrorStrategy(el);
-}
-function handleValidatePass(el, tipEl) {
-  tipEl.style.display = "none";
-  handleErrorStrategyPass(el);
-}
-function getRefName(binding) {
-  const _refs = binding.instance.$refs;
-  const refName = Object.keys(_refs)[0];
-  return refName;
-}
-function getFormName(binding) {
-  const _refs = binding.instance.$refs;
-  const key = Object.keys(_refs)[0];
-  return _refs[key]["name"];
-}
-function validateFn({
-  validator,
-  modelValue,
-  el,
-  tipEl,
-  isFormTag,
-  messageShowType,
-  dfcUID,
-  popPosition,
-  updateOn
-}) {
-  validator.validate({ modelName: modelValue }).then(() => {
-    handleValidatePass(el, tipEl);
-  }).catch((err) => {
-    const { errors } = err;
-    if (!errors || errors.length === 0) {
-      return;
-    }
-    let msg = "";
-    if (typeof errors[0].message === "object") {
-      msg = errors[0].message.default;
-    } else {
-      msg = errors[0].message;
-    }
-    handleValidateError({ el, tipEl, message: msg, isFormTag, messageShowType, dfcUID, popPosition, updateOn });
-  });
-}
-function checkValidPopsition(positionStr) {
-  const validPosition = [
-    "left",
-    "right",
-    "top",
-    "bottom",
-    "left-top",
-    "left-bottom",
-    "top-left",
-    "top-right",
-    "right-top",
-    "right-bottom",
-    "bottom-left",
-    "bottom-right"
-  ];
-  const isValid = validPosition.includes(positionStr);
-  !isValid && console.warn(`invalid popPosition value '${positionStr}'.`);
-  return isValid;
-}
-var dValidateRules = {
-  mounted(el, binding, vnode) {
-    var _a;
-    const isFormTag = el.tagName === "FORM";
-    const dfcUID = el.parentNode.parentNode.parentElement.dataset.uid;
-    const refName = getRefName(binding);
-    const hasOptions = isObject(binding.value) && hasKey(binding.value, "options");
-    let { rules: bindingRules, options = {}, messageShowType = "popover" } = binding.value;
-    let { errorStrategy } = binding.value;
-    if (refName) {
-      messageShowType = (_a = binding.instance[refName]["messageShowType"]) != null ? _a : "popover";
-    }
-    let {
-      updateOn = "change",
-      errorStrategy: ErrorStrategy = "dirty",
-      asyncDebounceTime = 300,
-      popPosition = ["right", "bottom"]
-    } = options;
-    if (messageShowType === "popover") {
-      if (Array.isArray(popPosition)) {
-        popPosition = popPosition.length > 1 ? popPosition.join("-") : popPosition[0];
-        if (!checkValidPopsition(popPosition)) {
-          popPosition = "right-bottom";
-        }
-      } else if (!checkValidPopsition(popPosition)) {
-        popPosition = "right-bottom";
-      }
-    }
-    if (!errorStrategy) {
-      errorStrategy = ErrorStrategy;
-    }
-    let customRule = {};
-    if (hasOptions) {
-      customRule = bindingRules != null ? bindingRules : binding.value;
-    } else {
-      customRule = binding.value;
-    }
-    const isCustomValidator = customRule && isObject(customRule) && (hasKey(customRule, "validators") || hasKey(customRule, "asyncValidators"));
-    const rules2 = Array.isArray(customRule) ? customRule : [customRule];
-    const tipEl = document.createElement("span");
-    if (messageShowType !== "none") {
-      el.parentNode.append(tipEl);
-    }
-    const descriptor = {
-      modelName: []
-    };
-    rules2.forEach((rule) => {
-      const kvObjList = !Array.isArray(rule) && getKeyValueOfObjectList(rule);
-      let ruleObj = {};
-      let avaliableRuleObj = {};
-      kvObjList.forEach((item) => {
-        avaliableRuleObj = getAvaliableRuleObj(item.key, item.value);
-        ruleObj = __spreadValues(__spreadValues({}, ruleObj), avaliableRuleObj);
-      });
-      descriptor.modelName.push(ruleObj);
-    });
-    if (isCustomValidator) {
-      const { validators: validators2, asyncValidators } = customRule;
-      validators2 && validators2.forEach((item) => {
-        const ruleObj = {
-          message: (item == null ? void 0 : item.message) || "",
-          validator: (rule, value) => item.validator(rule, value)
-        };
-        descriptor.modelName.push(ruleObj);
-      });
-      asyncValidators && asyncValidators.forEach((item) => {
-        const ruleObj = {
-          message: (item == null ? void 0 : item.message) || "",
-          asyncValidator: (rule, value) => {
-            return new Promise(lodash.exports.debounce((resolve, reject) => {
-              const res = item.asyncValidator(rule, value);
-              if (res) {
-                resolve("");
-              } else {
-                reject(rule.message);
-              }
-            }, asyncDebounceTime));
-          }
-        };
-        descriptor.modelName.push(ruleObj);
-      });
-    }
-    const validator = new Schema(descriptor);
-    const htmlEventValidateHandler = (e) => {
-      const modelValue = e.target.value;
-      if (messageShowType === "popover") {
-        EventBus.emit("showPopoverErrorMessage", {
-          showPopover: false,
-          message: "",
-          uid: dfcUID,
-          popPosition,
-          updateOn
-        });
-      }
-      validateFn({ validator, modelValue, el, tipEl, isFormTag: false, messageShowType, dfcUID, popPosition, updateOn });
-    };
-    vnode.children[0].el.addEventListener(updateOn, htmlEventValidateHandler);
-    if (messageShowType === "popover" && updateOn === "change") {
-      vnode.children[0].el.addEventListener("focus", () => {
-        EventBus.emit("showPopoverErrorMessage", { showPopover: false, uid: dfcUID, updateOn });
-      });
-    }
-    if (errorStrategy === "pristine") {
-      handleErrorStrategy(el);
-      vnode.children[0].props.value = "" + vnode.children[0].props.value;
-    }
-    const formName = getFormName(binding);
-    formName && EventBus.on(`formSubmit:${formName}`, () => {
-      const modelValue = isFormTag ? "" : vnode.children[0].el.value;
-      validateFn({ validator, modelValue, el, tipEl, isFormTag, messageShowType, updateOn: "submit" });
-    });
-  }
-};
 var index = {
   title: "Form \u8868\u5355",
   category: "\u6570\u636E\u5F55\u5165",
   status: "75%",
   install(app) {
     app.component(Form.name, Form);
-    app.directive("d-validate-rules", dValidateRules);
     app.component(FormLabel.name, FormLabel);
     app.component(FormItem.name, FormItem);
     app.component(FormControl.name, FormControl);
     app.component(FormOperation.name, FormOperation);
   }
 };
-export { Form, FormControl, FormItem, FormLabel, FormOperation, index as default };
+export { FORM_ITEM_TOKEN, FORM_TOKEN, Form, FormControl, FormItem, FormLabel, FormOperation, index as default, formControlProps, formItemProps, formProps };