vue-devui 1.5.12 → 1.5.13-hotfix.1

package/vue-devui.es.js

@@ -2168,9 +2168,18 @@ const formProps = {
   hideRequiredMark: {
     type: Boolean,
     default: false
+  },
+  styleType: {
+    type: String,
+    default: "default"
+  },
+  appendToBodyScrollStrategy: {
+    type: String,
+    default: "reposition"
   }
 };
 const FORM_TOKEN = Symbol("dForm");
+const STYLE_TOKEN = Symbol("dForm");
 function useFieldCollection() {
   const itemContexts = [];
   const addItemContext = (field) => {
@@ -7650,7 +7659,7 @@ var Form = defineComponent({
   props: formProps,
   emits: ["validate"],
   setup(props, ctx2) {
-    const ns2 = useNamespace$1("form");
+    const ns2 = useNamespace("form");
     const {
       itemContexts,
       addItemContext,
@@ -7677,6 +7686,7 @@ var Form = defineComponent({
       addItemContext,
       removeItemContext
     })));
+    provide(STYLE_TOKEN, props.styleType);
     ctx2.expose({
       validate,
       validateFields,
@@ -7718,7 +7728,7 @@ const formItemProps = {
     default: void 0
   },
   helpTips: {
-    type: String,
+    type: [String, Object],
     default: ""
   },
   feedbackStatus: {
@@ -7731,12 +7741,6 @@ const formItemProps = {
 };
 const FORM_ITEM_TOKEN = Symbol("dFormItem");
 const LABEL_DATA = Symbol("labelData");
-const formLabelProps = {
-  helpTips: {
-    type: String,
-    default: ""
-  }
-};
 const fixedOverlayProps = {
   modelValue: {
     type: Boolean,
@@ -8456,7 +8460,13 @@ function useFormLabel() {
   const formContext = inject(FORM_TOKEN);
   const formItemContext = inject(FORM_ITEM_TOKEN);
   const labelData = inject(LABEL_DATA);
-  const ns2 = useNamespace$1("form");
+  const ns2 = useNamespace("form");
+  const defaultTipsPopover = {
+    content: "",
+    position: ["top"],
+    trigger: "hover",
+    popType: "info"
+  };
   const labelClasses = computed(() => ({
     [`${ns2.e("label")}`]: true,
     [`${ns2.em("label", "vertical")}`]: labelData.value.layout === "vertical",
@@ -8468,17 +8478,24 @@ function useFormLabel() {
     [`${ns2.em("label", "required")}`]: formItemContext.isRequired,
     [`${ns2.em("label", "required-hide")}`]: formItemContext.isRequired && formContext.hideRequiredMark
   }));
-  return { labelClasses, labelInnerClasses };
+  const tipsPopover = computed(() => {
+    if (typeof labelData.value.helpTips === "string") {
+      return __spreadProps(__spreadValues({}, defaultTipsPopover), { content: labelData.value.helpTips });
+    } else {
+      return __spreadValues(__spreadValues({}, defaultTipsPopover), labelData.value.helpTips);
+    }
+  });
+  return { labelClasses, labelInnerClasses, tipsPopover };
 }
 var formLabel = "";
 var FormLabel = defineComponent({
   name: "DFormLabel",
-  props: formLabelProps,
-  setup(props, ctx2) {
-    const ns2 = useNamespace$1("form");
+  setup(_, ctx2) {
+    const ns2 = useNamespace("form");
     const {
       labelClasses,
-      labelInnerClasses
+      labelInnerClasses,
+      tipsPopover
     } = useFormLabel();
     return () => {
       var _a, _b;
@@ -8486,12 +8503,9 @@ var FormLabel = defineComponent({
         "class": labelClasses.value
       }, [createVNode("span", {
         "class": labelInnerClasses.value
-      }, [(_b = (_a = ctx2.slots).default) == null ? void 0 : _b.call(_a)]), props.helpTips && createVNode(Popover, {
-        "content": props.helpTips,
-        "position": ["top"],
-        "trigger": "hover",
-        "pop-type": "info"
-      }, {
+      }, [(_b = (_a = ctx2.slots).default) == null ? void 0 : _b.call(_a)]), tipsPopover.value.content && createVNode(Popover, mergeProps({
+        "class": ns2.e("label-tips-popover")
+      }, tipsPopover.value), {
         default: () => [createVNode(HelpTipsIcon, {
           "class": ns2.e("label-help")
         }, null), createTextVNode(",")]
@@ -8518,7 +8532,7 @@ var PopoverInstall = {
 };
 function useFormControl(props) {
   const labelData = inject(LABEL_DATA);
-  const ns2 = useNamespace$1("form");
+  const ns2 = useNamespace("form");
   const { feedbackStatus } = toRefs(props);
   const controlClasses = computed(() => ({
     [ns2.e("control")]: true,
@@ -8530,7 +8544,7 @@ function useFormControl(props) {
     [ns2.em("control-container", "has-feedback")]: Boolean(feedbackStatus == null ? void 0 : feedbackStatus.value),
     [ns2.em("control-container", "feedback-error")]: Boolean((feedbackStatus == null ? void 0 : feedbackStatus.value) === "error")
   }));
-  return { controlClasses, controlContainerClasses };
+  return { controlClasses, controlContainerClasses, labelData };
 }
 function useFormControlValidate() {
   const formItemContext = inject(FORM_ITEM_TOKEN);
@@ -8547,11 +8561,15 @@ var FormControl = defineComponent({
   name: "DFormControl",
   props: formControlProps,
   setup(props, ctx2) {
+    const formContext = inject(FORM_TOKEN);
     const formControl2 = ref();
-    const ns2 = useNamespace$1("form");
+    const popoverRef = ref();
+    const ns2 = useNamespace("form");
+    const showPopoverClick = ref(true);
     const {
       controlClasses,
-      controlContainerClasses
+      controlContainerClasses,
+      labelData
     } = useFormControl(props);
     const {
       feedbackStatus,
@@ -8561,17 +8579,52 @@ var FormControl = defineComponent({
       errorMessage,
       popPosition
     } = useFormControlValidate();
+    const align = computed(() => {
+      var _a, _b;
+      if ((_a = popPosition.value) == null ? void 0 : _a.some((item) => item.includes("start"))) {
+        return "start";
+      }
+      if ((_b = popPosition.value) == null ? void 0 : _b.some((item) => item.includes("end"))) {
+        return "end";
+      }
+      return void 0;
+    });
+    const onDocumentClick = (e) => {
+      const composedPath = e.composedPath();
+      if (composedPath.includes(popoverRef.value.triggerEl)) {
+        showPopoverClick.value = true;
+      } else {
+        showPopoverClick.value = false;
+      }
+    };
+    watch(showPopover, (val) => {
+      if (val) {
+        setTimeout(() => {
+          document.addEventListener("click", onDocumentClick);
+        });
+      } else {
+        showPopoverClick.value = true;
+        document.removeEventListener("click", onDocumentClick);
+      }
+    });
+    onUnmounted(() => {
+      document.removeEventListener("click", onDocumentClick);
+    });
     return () => createVNode("div", {
       "class": controlClasses.value,
       "ref": formControl2
     }, [createVNode("div", {
       "class": controlContainerClasses.value
     }, [createVNode(Popover, {
-      "is-open": showPopover.value,
+      "ref": popoverRef,
+      "is-open": showPopover.value && showPopoverClick.value,
       "trigger": "manually",
       "content": errorMessage.value,
       "pop-type": "error",
-      "position": popPosition.value
+      "position": popPosition.value,
+      "align": align.value,
+      "scroll-element": "auto",
+      "append-to-body-scroll-strategy": formContext.appendToBodyScrollStrategy
     }, {
       default: () => {
         var _a, _b;
@@ -8583,7 +8636,7 @@ var FormControl = defineComponent({
       "class": ns2.e("control-info")
     }, [showMessage.value && createVNode("div", {
       "class": "error-message"
-    }, [errorMessage.value]), props.extraInfo && createVNode("div", {
+    }, [errorMessage.value]), labelData.value.formItemCtx.slots.extraInfo ? labelData.value.formItemCtx.slots.extraInfo() : props.extraInfo && createVNode("div", {
       "class": ns2.e("control-extra")
     }, [props.extraInfo])])]);
   }
@@ -9602,7 +9655,7 @@ function getFieldValue(obj, path) {
 }
 function useFormItem(messageType, _rules, validateState) {
   const formContext = inject(FORM_TOKEN);
-  const ns2 = useNamespace$1("form");
+  const ns2 = useNamespace("form");
   const itemClasses = computed(() => ({
     [`${ns2.em("item", "horizontal")}`]: formContext.layout === "horizontal",
     [`${ns2.em("item", "vertical")}`]: formContext.layout === "vertical",
@@ -9766,7 +9819,9 @@ var FormItem = defineComponent({
     const labelData = computed(() => ({
       layout: formContext.layout,
       labelSize: formContext.labelSize,
-      labelAlign: formContext.labelAlign
+      labelAlign: formContext.labelAlign,
+      helpTips: helpTips.value,
+      formItemCtx: ctx2
     }));
     provide(LABEL_DATA, labelData);
     const context = reactive(__spreadProps(__spreadValues({}, otherProps), {
@@ -9782,6 +9837,7 @@ var FormItem = defineComponent({
     }));
     provide(FORM_ITEM_TOKEN, context);
     ctx2.expose({
+      validate,
       resetField,
       clearValidate
     });
@@ -9795,9 +9851,7 @@ var FormItem = defineComponent({
     });
     return () => createVNode("div", {
       "class": itemClasses.value
-    }, [createVNode(FormLabel, {
-      "help-tips": helpTips.value
-    }, {
+    }, [createVNode(FormLabel, null, {
       default: () => [ctx2.slots.label ? ctx2.slots.label() : label == null ? void 0 : label.value]
     }), createVNode(FormControl, {
       "feedback-status": feedbackStatus == null ? void 0 : feedbackStatus.value,
@@ -10617,6 +10671,20 @@ var AutoCompleteInstall = {
     app.component(AutoComplete.name, AutoComplete);
   }
 };
+var AutoFocus = {
+  mounted: (el, binding) => {
+    if (binding.value) {
+      el.focus();
+    }
+  }
+};
+var AutoFocusInstall = {
+  title: "AutoFocus \u81EA\u52A8\u805A\u7126",
+  category: "\u516C\u5171",
+  install(app) {
+    app.directive("dAutoFocus", AutoFocus);
+  }
+};
 const IconBody = (props) => {
   const {
     width,
@@ -13392,19 +13460,28 @@ const inputProps = {
   placeholder: {
     type: String,
     default: ""
+  },
+  title: {
+    type: String,
+    default: ""
+  },
+  autofocus: {
+    type: Boolean,
+    default: false
   }
 };
 function useInputRender$1(props, ctx2) {
   const formContext = inject(FORM_TOKEN, void 0);
   const formItemContext = inject(FORM_ITEM_TOKEN, void 0);
   const isValidateError = computed(() => (formItemContext == null ? void 0 : formItemContext.validateState) === "error");
-  const ns2 = useNamespace$1("input");
-  const slotNs = useNamespace$1("input-slot");
+  const ns2 = useNamespace("input");
+  const slotNs = useNamespace("input-slot");
   const isFocus = ref(false);
   const { error: error2, size, disabled } = toRefs(props);
   const slots = ctx2.slots;
   const inputDisabled = computed(() => disabled.value || (formContext == null ? void 0 : formContext.disabled));
   const inputSize = computed(() => (size == null ? void 0 : size.value) || (formContext == null ? void 0 : formContext.size) || "");
+  const styleType = inject(STYLE_TOKEN, void 0);
   const _a = ctx2.attrs, { style, class: customClass } = _a, otherAttrs = __objRest(_a, ["style", "class"]);
   const customStyle = { style };
   const wrapClasses = computed(() => ({
@@ -13420,7 +13497,8 @@ function useInputRender$1(props, ctx2) {
       [ns2.m(inputSize.value)]: Boolean(inputSize.value),
       [slotNs.b()]: slots.prepend || slots.append,
       [ns2.m("append")]: slots.append,
-      [ns2.m("prepend")]: slots.prepend
+      [ns2.m("prepend")]: slots.prepend,
+      [ns2.m("gray-style")]: styleType === "gray"
     },
     customClass
   ]);
@@ -13428,6 +13506,7 @@ function useInputRender$1(props, ctx2) {
 }
 function useInputEvent$1(isFocus, props, ctx2, focus) {
   const formItemContext = inject(FORM_ITEM_TOKEN, void 0);
+  const isComposition = ref(false);
   const onFocus = (e) => {
     isFocus.value = true;
     ctx2.emit("focus", e);
@@ -13441,6 +13520,9 @@ function useInputEvent$1(isFocus, props, ctx2, focus) {
   };
   const onInput = (e) => {
     ctx2.emit("input", e.target.value);
+    if (isComposition.value) {
+      return;
+    }
     ctx2.emit("update:modelValue", e.target.value);
   };
   const onChange = (e) => {
@@ -13454,7 +13536,22 @@ function useInputEvent$1(isFocus, props, ctx2, focus) {
     ctx2.emit("clear");
     focus();
   };
-  return { onFocus, onBlur, onInput, onChange, onKeydown, onClear };
+  const onCompositionStart = () => {
+    isComposition.value = true;
+  };
+  const onCompositionUpdate = (e) => {
+    var _a;
+    const text = (_a = e.target) == null ? void 0 : _a.value;
+    const lastCharacter = text[text.length - 1] || "";
+    isComposition.value = !/([(\uAC00-\uD7AF)|(\u3130-\u318F)])+/gi.test(lastCharacter);
+  };
+  const onCompositionEnd = (e) => {
+    if (isComposition.value) {
+      isComposition.value = false;
+      onInput(e);
+    }
+  };
+  return { onFocus, onBlur, onInput, onChange, onKeydown, onClear, onCompositionStart, onCompositionUpdate, onCompositionEnd };
 }
 function useInputFunction(input2) {
   const refInput = computed(() => input2.value);
@@ -13475,6 +13572,9 @@ function useInputFunction(input2) {
 var input = "";
 var DInput = defineComponent({
   name: "DInput",
+  directives: {
+    dAutoFocus: AutoFocus
+  },
   inheritAttrs: false,
   props: inputProps,
   emits: ["update:modelValue", "focus", "blur", "input", "change", "keydown", "clear"],
@@ -13483,10 +13583,13 @@ var DInput = defineComponent({
     const t = createI18nTranslate("DInput", app);
     const formItemContext = inject(FORM_ITEM_TOKEN, void 0);
     const {
-      modelValue
+      modelValue,
+      placeholder,
+      title,
+      autofocus
     } = toRefs(props);
-    const ns2 = useNamespace$1("input");
-    const slotNs = useNamespace$1("input-slot");
+    const ns2 = useNamespace("input");
+    const slotNs = useNamespace("input-slot");
     const {
       inputDisabled,
       inputSize,
@@ -13508,7 +13611,10 @@ var DInput = defineComponent({
       onInput,
       onChange,
       onKeydown,
-      onClear
+      onClear,
+      onCompositionStart,
+      onCompositionUpdate,
+      onCompositionEnd
     } = useInputEvent$1(isFocus, props, ctx2, focus);
     const passwordVisible = ref(false);
     const clickPasswordIcon = () => {
@@ -13533,7 +13639,7 @@ var DInput = defineComponent({
       blur: blur2
     });
     return () => {
-      var _a, _b, _c, _d, _e, _f, _g, _h;
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i;
       return createVNode("div", mergeProps({
         "class": inputClasses.value
       }, customStyle), [ctx2.slots.prepend && createVNode("div", {
@@ -13545,25 +13651,29 @@ var DInput = defineComponent({
       }, [ctx2.slots.prefix && ((_d = (_c = ctx2.slots).prefix) == null ? void 0 : _d.call(_c)), props.prefix && createVNode(DIcon, {
         "size": inputSize.value,
         "name": props.prefix
-      }, null)]), createVNode("input", mergeProps({
+      }, null)]), withDirectives(createVNode("input", mergeProps({
         "ref": input2,
         "value": modelValue.value,
         "disabled": inputDisabled.value,
         "class": ns2.e("inner"),
-        "placeholder": props.placeholder || t("placeholder")
+        "placeholder": (_e = placeholder.value) != null ? _e : t("placeholder")
       }, otherAttrs, {
+        "title": title.value,
         "type": props.showPassword ? passwordVisible.value ? "text" : "password" : "text",
         "onInput": onInput,
         "onFocus": onFocus,
         "onBlur": onBlur,
         "onChange": onChange,
-        "onKeydown": onKeydown
-      }), null), suffixVisible && createVNode("span", {
+        "onKeydown": onKeydown,
+        "onCompositionstart": onCompositionStart,
+        "onCompositionupdate": onCompositionUpdate,
+        "onCompositionend": onCompositionEnd
+      }), null), [[resolveDirective("dAutoFocus"), autofocus.value]]), suffixVisible && createVNode("span", {
         "class": slotNs.e("suffix")
       }, [props.suffix && createVNode(DIcon, {
         "size": inputSize.value,
         "name": props.suffix
-      }, null), ctx2.slots.suffix && ((_f = (_e = ctx2.slots).suffix) == null ? void 0 : _f.call(_e)), showPwdVisible.value && createVNode(DIcon, {
+      }, null), ctx2.slots.suffix && ((_g = (_f = ctx2.slots).suffix) == null ? void 0 : _g.call(_f)), showPwdVisible.value && createVNode(DIcon, {
         "size": inputSize.value,
         "class": ns2.em("password", "icon"),
         "name": passwordVisible.value ? "preview" : "preview-forbidden",
@@ -13571,11 +13681,12 @@ var DInput = defineComponent({
       }, null), showClearable.value && createVNode(DIcon, {
         "size": inputSize.value,
         "class": ns2.em("clear", "icon"),
-        "name": "close",
+        "name": "error-o",
+        "color": "#adb0b8",
         "onClick": onClear
       }, null)])]), ctx2.slots.append && createVNode("div", {
         "class": slotNs.e("append")
-      }, [(_h = (_g = ctx2.slots).append) == null ? void 0 : _h.call(_g)])]);
+      }, [(_i = (_h = ctx2.slots).append) == null ? void 0 : _i.call(_h)])]);
     };
   }
 });
@@ -13899,8 +14010,11 @@ function useCodeEditor(props, ctx2) {
       model = diffEditor.getModel().modified;
     }
     model == null ? void 0 : model.onDidChangeContent(lodash.exports.throttle(() => {
-      modifyValueFromInner = true;
-      ctx2.emit("update:modelValue", model.getValue());
+      const editorValue = model.getValue();
+      if (modelValue.value !== editorValue) {
+        modifyValueFromInner = true;
+        ctx2.emit("update:modelValue", model.getValue());
+      }
     }, 100));
   }
   function setDiffEditorOriginValue() {
@@ -14294,6 +14408,10 @@ const codeReviewProps = {
     type: Boolean,
     default: false
   },
+  diffType: {
+    type: String,
+    default: "modify"
+  },
   outputFormat: {
     type: String,
     default: "line-by-line"
@@ -14322,6 +14440,7 @@ var CodeReviewHeader = defineComponent({
   setup(_, ctx2) {
     const ns2 = useNamespace$1("code-review");
     const {
+      diffType,
       diffInfo,
       isFold,
       rootCtx
@@ -14346,7 +14465,9 @@ var CodeReviewHeader = defineComponent({
         [ns2.em("header", "unfold")]: !isFold.value
       }],
       "onClick": onClick
-    }, [createVNode("div", {
+    }, [createVNode("span", {
+      "class": ["diff-type", diffType.value]
+    }, [diffType.value[0].toUpperCase()]), createVNode("div", {
       "class": "file-info"
     }, [createVNode(FoldIcon, {
       "class": {
@@ -15151,6 +15272,9 @@ var CodeReview = defineComponent({
   emits: ["foldChange", "addComment", "afterViewInit", "contentRefresh"],
   setup(props, ctx2) {
     const ns2 = useNamespace$1("code-review");
+    const {
+      diffType
+    } = toRefs(props);
     const {
       renderHtml,
       reviewContentRef,
@@ -15178,6 +15302,7 @@ var CodeReview = defineComponent({
       });
     });
     provide(CodeReviewInjectionKey, {
+      diffType,
       reviewContentRef,
       diffInfo: diffFile.value[0],
       isFold,
@@ -25171,7 +25296,7 @@ function locale(key) {
     underline: "\u4E0B\u5212\u7EBF",
     strike: "\u5220\u9664\u7EBF",
     color: "\u5B57\u4F53\u989C\u8272",
-    backgound: "\u80CC\u666F\u8272",
+    background: "\u80CC\u666F\u8272",
     orderedlist: "\u6709\u5E8F\u5217\u8868",
     unorderedlist: "\u65E0\u5E8F\u5217\u8868",
     checklist: "\u4EFB\u52A1\u5217\u8868",
@@ -28055,7 +28180,7 @@ var imagePreview = defineComponent({
   props: imagePreviewProps,
   emits: [],
   setup(props) {
-    const ns2 = useNamespace$1("image-preview");
+    const ns2 = useNamespace("image-preview");
     let transform = null;
     const index2 = ref(0);
     const url2 = computed(() => props.previewUrlList[index2.value]);
@@ -28350,16 +28475,11 @@ function unmountedPreviewImages() {
   ImagePreviewService.close();
 }
 function getImgByEl(el) {
-  const imgs = [...el.querySelectorAll("img")];
-  const urlList = imgs.map((item) => {
-    var _a;
-    return (_a = item.getAttribute("preview-src") || item.getAttribute("src")) != null ? _a : "";
-  });
+  const urlList = [...el.querySelectorAll("img")].map((ele) => ele.getAttribute("src"));
   return urlList;
 }
 function handleImg(e) {
   var _a;
-  e.stopPropagation();
   const el = e.currentTarget;
   const target = e.target;
   if (((_a = target == null ? void 0 : target.nodeName) == null ? void 0 : _a.toLowerCase()) === "img") {
@@ -28892,7 +29012,7 @@ var List = defineComponent({
   setup(props, {
     slots
   }) {
-    const ns2 = useNamespace$1("list");
+    const ns2 = useNamespace("list");
     return () => {
       var _a;
       return createVNode("div", {
@@ -28907,7 +29027,7 @@ var ListItem = defineComponent({
   setup(props, {
     slots
   }) {
-    const ns2 = useNamespace$1("list-item");
+    const ns2 = useNamespace("list-item");
     return () => {
       var _a;
       return createVNode("div", {
@@ -28919,7 +29039,6 @@ var ListItem = defineComponent({
 var ListInstall = {
   title: "List \u5217\u8868",
   category: "\u6570\u636E\u5C55\u793A",
-  status: "10%",
   install(app) {
     app.component(List.name, List);
     app.component(ListItem.name, ListItem);
@@ -32351,6 +32470,7 @@ var Select = defineComponent({
       toggleChange,
       isShowCreateOption
     } = useSelect$2(props, selectRef, ctx2, focus, blur2, isSelectFocus, t);
+    const dropdownContainer = ref();
     const scrollbarNs = useNamespace$1("scrollbar");
     const ns2 = useNamespace$1("select");
     const dropdownCls = ns2.e("dropdown");
@@ -32377,10 +32497,20 @@ var Select = defineComponent({
         updateDropdownWidth();
       }
     });
+    const scrollToBottom = () => {
+      const compareHeight = dropdownContainer.value.scrollHeight - dropdownContainer.value.clientHeight;
+      const scrollTop = dropdownContainer.value.scrollTop;
+      if (scrollTop === compareHeight) {
+        ctx2.emit("load-more");
+      }
+    };
     onMounted(() => {
       isRender.value = true;
       updateDropdownWidth();
       window.addEventListener("resize", updateDropdownWidth);
+      nextTick(() => {
+        dropdownContainer.value.addEventListener("scroll", scrollToBottom);
+      });
     });
     onUnmounted(() => {
       window.removeEventListener("resize", updateDropdownWidth);
@@ -32435,7 +32565,8 @@ var Select = defineComponent({
                   visibility: isOpen.value ? "visible" : "hidden"
                 }
               }, [withDirectives(createVNode("ul", {
-                "class": listCls
+                "class": listCls,
+                "ref": dropdownContainer
               }, [isShowCreateOption.value && createVNode(Option, {
                 "value": filterQuery.value,
                 "name": filterQuery.value,
@@ -33468,7 +33599,7 @@ var Progress = defineComponent({
       data,
       $slots
     } = this;
-    const ns2 = useNamespace$1("progress");
+    const ns2 = useNamespace("progress");
     const isOutside = percentageTextPlacement === "outside";
     const isInsideBg = percentageTextPlacement === "insideBg";
     const createPercentageText = () => {
@@ -35097,7 +35228,7 @@ const skeletonProps = {
 const roundInjectionKey = Symbol("round");
 const animationInjectionKey = Symbol("showAnimation");
 function useSkeletonItem(props) {
-  const ns2 = useNamespace$1("skeleton-item");
+  const ns2 = useNamespace("skeleton-item");
   const { variant, size } = toRefs(props);
   const round = inject(roundInjectionKey, void 0);
   const showAnimation = inject(animationInjectionKey, void 0);
@@ -35171,7 +35302,7 @@ var Skeleton = defineComponent({
   name: "DSkeleton",
   props: skeletonProps,
   setup(props, ctx2) {
-    const ns2 = useNamespace$1("skeleton");
+    const ns2 = useNamespace("skeleton");
     const {
       loading: loading2,
       rows,
@@ -36358,7 +36489,7 @@ var Steps = defineComponent({
       direction,
       simple
     } = toRefs(props);
-    const ns2 = useNamespace$1("steps");
+    const ns2 = useNamespace("steps");
     const activeStep = ref(modelValue.value);
     provide(ACTIVE_STEP, activeStep);
     provide(STEPS_PROPS, props);
@@ -36408,7 +36539,7 @@ var Step = defineComponent({
       icon: icon2,
       status: status2
     } = toRefs(props);
-    const ns2 = useNamespace$1("step");
+    const ns2 = useNamespace("step");
     const instance = getCurrentInstance();
     const activeStep = inject(ACTIVE_STEP);
     const steps2 = inject(STEPS);
@@ -43681,6 +43812,7 @@ const installs = [
   AlertInstall,
   AnchorInstall,
   AutoCompleteInstall,
+  AutoFocusInstall,
   AvatarInstall,
   BackTopInstall,
   BadgeInstall,
@@ -43762,9 +43894,9 @@ const installs = [
   VirtualListInstall
 ];
 var vueDevui = {
-  version: "1.5.12",
+  version: "1.5.13-hotfix.1",
   install(app) {
     installs.forEach((p) => app.use(p));
   }
 };
-export { Accordion, ActionTimeline, Alert, Anchor, Aside, AutoComplete, Avatar, BackTop, Badge, Breadcrumb, BreadcrumbItem, DButton as Button, ButtonGroup, Card, Carousel, CarouselItem, Cascader, Checkbox, CheckboxButton, DCheckboxGroup as CheckboxGroup, CodeEditor, CodeReview, Col, Collapse, CollapseItem, ColorPicker, Column, Comment, Content, Countdown, DChart, DRangeDatePickerPro, DatePicker, DatePickerPro, draggableDirective as DraggableDirective, Drawer, DrawerService, Dropdown$1 as Dropdown, DropdownMenu, droppableDirective as DroppableDirective, EditableSelect, EditorMd, FixedOverlay, FlexibleOverlay, Footer, Form, FormItem, FormOperation, Fullscreen, Gantt, GitGraph, Header, DIcon as Icon, IconGroup, ImagePreviewDirective, ImagePreviewService, DInput as Input, InputIcon, InputNumber, Layout, List, ListItem, LoadingDirective, loading as LoadingService, MdRender, Mention, Menu, MenuItem, Message, Modal, ModalBody, ModalFooter, ModalHeader, MultiAutoComplete, NavSprite, Notification, NotificationService, Option, OptionGroup, Pagination, Panel, PanelBody, PanelFooter, PanelHeader, Popover, Progress, QuadrantDiagram, Radio, RadioButton, RadioGroup, Rate, ReadTip, Result, RippleDirective, Row, DSearch as Search, Select, Skeleton, SkeletonItem, Slider, SortableDirective, Splitter, SplitterPane, Statistic, Status, Step, Steps, StepsGuide, StepsGuideDirective, StickSlider, Sticky, SubMenu, Switch, Tab, Table, Tabs, Tag, TagInput, Textarea, TimePicker, TimeSelect, Timeline, TimelineItem, Tooltip, Transfer, Tree, TreeSelect, Upload, VirtualList, vueDevui as default, fileDropDirective };
+export { Accordion, ActionTimeline, Alert, Anchor, Aside, AutoComplete, AutoFocus, Avatar, BackTop, Badge, Breadcrumb, BreadcrumbItem, DButton as Button, ButtonGroup, Card, Carousel, CarouselItem, Cascader, Checkbox, CheckboxButton, DCheckboxGroup as CheckboxGroup, CodeEditor, CodeReview, Col, Collapse, CollapseItem, ColorPicker, Column, Comment, Content, Countdown, DChart, DRangeDatePickerPro, DatePicker, DatePickerPro, draggableDirective as DraggableDirective, Drawer, DrawerService, Dropdown$1 as Dropdown, DropdownMenu, droppableDirective as DroppableDirective, EditableSelect, EditorMd, FixedOverlay, FlexibleOverlay, Footer, Form, FormItem, FormOperation, Fullscreen, Gantt, GitGraph, Header, DIcon as Icon, IconGroup, ImagePreviewDirective, ImagePreviewService, DInput as Input, InputIcon, InputNumber, Layout, List, ListItem, LoadingDirective, loading as LoadingService, MdRender, Mention, Menu, MenuItem, Message, Modal, ModalBody, ModalFooter, ModalHeader, MultiAutoComplete, NavSprite, Notification, NotificationService, Option, OptionGroup, Pagination, Panel, PanelBody, PanelFooter, PanelHeader, Popover, Progress, QuadrantDiagram, Radio, RadioButton, RadioGroup, Rate, ReadTip, Result, RippleDirective, Row, DSearch as Search, Select, Skeleton, SkeletonItem, Slider, SortableDirective, Splitter, SplitterPane, Statistic, Status, Step, Steps, StepsGuide, StepsGuideDirective, StickSlider, Sticky, SubMenu, Switch, Tab, Table, Tabs, Tag, TagInput, Textarea, TimePicker, TimeSelect, Timeline, TimelineItem, Tooltip, Transfer, Tree, TreeSelect, Upload, VirtualList, vueDevui as default, fileDropDirective };