vue-devui 1.5.3 → 1.5.4

package/vue-devui.es.js

@@ -33,7 +33,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { createVNode, getCurrentInstance, defineComponent, toRefs, inject, computed, Fragment, mergeProps, resolveComponent, isVNode, ref, reactive, createTextVNode, provide, onMounted, watch, Transition, withDirectives, vShow, nextTick, onUnmounted, unref, withModifiers, Comment as Comment$1, Text, h, cloneVNode, Teleport, onBeforeUnmount, render, resolveDirective, resolveDynamicComponent, toRef, shallowRef, onUpdated, onBeforeMount, readonly, toRaw, watchEffect, renderSlot, useSlots, createApp, shallowReactive, effect, TransitionGroup } from "vue";
+import { createVNode, getCurrentInstance, defineComponent, toRefs, inject, computed, Fragment, mergeProps, resolveComponent, isVNode, ref, reactive, createTextVNode, provide, onMounted, watch, Transition, withDirectives, vShow, nextTick, onUnmounted, unref, withModifiers, Comment as Comment$1, Text, h, cloneVNode, Teleport, onBeforeUnmount, render, resolveDirective, resolveDynamicComponent, toRef, shallowRef, onBeforeMount, onUpdated, readonly, toRaw, watchEffect, renderSlot, useSlots, createApp, shallowReactive, effect, TransitionGroup } from "vue";
 import { useRoute } from "vue-router";
 import { offset, autoPlacement, arrow, shift, computePosition, flip } from "@floating-ui/dom";
 import { onClickOutside, useResizeObserver } from "@vueuse/core";
@@ -951,6 +951,165 @@ var AccordionInstall = {
     app.component(Accordion.name, Accordion);
   }
 };
+const actionTimelineProps = {
+  data: {
+    type: Array
+  },
+  layout: {
+    type: String,
+    default: "horizontal"
+  },
+  loadMoreConfig: {
+    type: Object
+  },
+  showTailLine: {
+    type: Boolean,
+    default: true
+  },
+  showStatusBgColor: {
+    type: Boolean,
+    default: false
+  },
+  showStatusLineColor: {
+    type: Boolean,
+    default: false
+  }
+};
+var actionTimeline = "";
+var ActionTimeline = defineComponent({
+  name: "DActionTimeline",
+  props: actionTimelineProps,
+  emits: ["actionLoadMore"],
+  setup(props, ctx2) {
+    const {
+      layout: layout2,
+      data,
+      showTailLine,
+      showStatusBgColor,
+      showStatusLineColor,
+      loadMoreConfig
+    } = toRefs(props);
+    const isVertical = computed(() => layout2.value === "vertical");
+    const containerClass = computed(() => ({
+      "dp-action-timeline": true,
+      "dp-action-timeline-status-bg": showStatusBgColor.value,
+      "dp-action-timeline-status-line": showStatusLineColor.value
+    }));
+    const timelineItemClass = (childIndex, parentIndex, actionData, item) => ({
+      "dp-action-timeline-item": true,
+      "dp-action-timeline-item-info": showStatusLineColor.value && item.status === "color-info",
+      "dp-action-timeline-item-danger": showStatusLineColor.value && item.status === "color-danger",
+      "dp-action-timeline-item-success": showStatusLineColor.value && item.status === "color-info",
+      "vertical-list-item": isVertical.value,
+      "list-last-item": actionData.actions && (data == null ? void 0 : data.value) && childIndex === actionData.actions.length - 1 && parentIndex === data.value.length - 1 && showTailLine.value
+    });
+    const itemIconClass = (item, flag = false) => {
+      var _a, _b;
+      if (flag) {
+        return {
+          "dp-action-timeline-list-icon": true,
+          "item-empty-icon": !item.icon,
+          [(_a = item.status) != null ? _a : ""]: true
+        };
+      } else {
+        return {
+          icon: true,
+          [(_b = item.icon) != null ? _b : ""]: true
+        };
+      }
+    };
+    const renderVerticalBody = (actionData, parentIndex) => {
+      var _a;
+      return (_a = actionData.actions) == null ? void 0 : _a.map((item, index2) => {
+        var _a2, _b, _c, _d;
+        return createVNode("div", {
+          "class": timelineItemClass(index2, parentIndex, actionData, item)
+        }, [createVNode("div", {
+          "class": "vertical-list-item-top"
+        }, [createVNode("div", {
+          "class": "vertical-list-item-top-left"
+        }, [createVNode("div", {
+          "class": itemIconClass(item, true)
+        }, [!item.icon && createVNode("div", {
+          "class": "list-empty-icon-dot"
+        }, null), createVNode("em", {
+          "class": itemIconClass(item)
+        }, null)]), createVNode("div", {
+          "class": "vertical-list-item-top-left-title"
+        }, [(_b = (_a2 = ctx2.slots).title) == null ? void 0 : _b.call(_a2, {
+          option: item
+        })])]), createVNode("div", {
+          "class": "dp-action-timeline-item-data"
+        }, [item.createdAt])]), createVNode("div", {
+          "class": "vertical-list-item-bottom"
+        }, [(_d = (_c = ctx2.slots).content) == null ? void 0 : _d.call(_c, {
+          option: item
+        })])]);
+      });
+    };
+    const renderHorizontalBody = (actionData, parentIndex) => {
+      var _a;
+      return (_a = actionData.actions) == null ? void 0 : _a.map((item, index2) => {
+        var _a2, _b, _c;
+        return createVNode("div", {
+          "class": timelineItemClass(index2, parentIndex, actionData, item)
+        }, [createVNode("div", {
+          "class": itemIconClass(item, true)
+        }, [!item.icon && createVNode("div", {
+          "class": "list-empty-icon-dot"
+        }, null), createVNode("em", {
+          "class": itemIconClass(item)
+        }, null)]), createVNode("div", {
+          "class": "dp-action-timeline-list-data"
+        }, [(_b = (_a2 = ctx2.slots).content) == null ? void 0 : _b.call(_a2, {
+          option: item
+        })]), createVNode("div", {
+          "class": "dp-action-timeline-item-date"
+        }, [item.createdAt]), !(actionData.actions && (data == null ? void 0 : data.value) && index2 === actionData.actions.length - 1 && parentIndex === ((_c = data == null ? void 0 : data.value) == null ? void 0 : _c.length) - 1) && createVNode("div", {
+          "class": "border-bottom"
+        }, null)]);
+      });
+    };
+    const handleLoadMoreClicked = () => {
+      ctx2.emit("actionLoadMore");
+    };
+    const handleBackTopClicked = () => {
+      window.scrollTo(0, 0);
+    };
+    const renderLoadMore = () => {
+      var _a, _b;
+      return createVNode("div", {
+        "class": "dp-action-timeline-operation-container"
+      }, [((_a = loadMoreConfig == null ? void 0 : loadMoreConfig.value) == null ? void 0 : _a.loadMore) && createVNode("div", {
+        "class": "dp-action-timeline-operation",
+        "onClick": handleLoadMoreClicked
+      }, [loadMoreConfig.value.loadMoreText]), ((_b = loadMoreConfig == null ? void 0 : loadMoreConfig.value) == null ? void 0 : _b.isToTop) && createVNode("div", {
+        "class": "dp-action-timeline-operation",
+        "onClick": handleBackTopClicked
+      }, [loadMoreConfig.value.toTopText])]);
+    };
+    return () => {
+      var _a, _b;
+      return createVNode(Fragment, null, [(_a = data == null ? void 0 : data.value) == null ? void 0 : _a.map((item, parentIndex) => createVNode("div", {
+        "class": containerClass.value
+      }, [createVNode("div", {
+        "class": "dp-action-timeline-title"
+      }, [createVNode("p", null, [item.time])]), createVNode("div", {
+        "class": "dp-action-timeline-body"
+      }, [isVertical.value ? renderVerticalBody(item, parentIndex) : renderHorizontalBody(item, parentIndex)]), createVNode("div", {
+        "class": "border-left"
+      }, null)])), Boolean((_b = data == null ? void 0 : data.value) == null ? void 0 : _b.length) && renderLoadMore()]);
+    };
+  }
+});
+var ActionTimelineInstall = {
+  title: "ActionTimeline \u64CD\u4F5C\u65F6\u95F4\u8F74",
+  category: "\u6F14\u8FDB\u4E2D",
+  status: "100%",
+  install(app) {
+    app.component(ActionTimeline.name, ActionTimeline);
+  }
+};
 const AlertCloseIcon = () => createVNode("svg", {
   "width": "10px",
   "height": "10px",
@@ -11302,7 +11461,7 @@ var Breadcrumb = defineComponent({
 var BreadcrumbInstall = {
   title: "Breadcrumb \u9762\u5305\u5C51",
   category: "\u5BFC\u822A",
-  status: "50%",
+  status: "100%",
   install(app) {
     app.component(Breadcrumb.name, Breadcrumb);
     app.component(BreadcrumbItem.name, BreadcrumbItem);
@@ -13339,6 +13498,449 @@ var CascaderInstall = {
     app.component(Cascader.name, Cascader);
   }
 };
+const codeEditorProps = {
+  modelValue: {
+    type: String,
+    default: ""
+  },
+  mode: {
+    type: String,
+    default: "normal"
+  },
+  originalText: {
+    type: String,
+    default: ""
+  },
+  theme: {
+    type: String,
+    default: "light"
+  },
+  autoHeight: {
+    type: Boolean,
+    default: false
+  },
+  refreshAll: {
+    type: Boolean,
+    default: false
+  },
+  offsetLeft: {
+    type: Number
+  },
+  addCommentIcon: {
+    type: String,
+    default: ""
+  },
+  expandCommentIcon: {
+    type: String,
+    default: ""
+  },
+  options: {
+    type: Object,
+    default: () => ({})
+  },
+  mouseTargetTypes: {
+    type: Array,
+    default: () => [2, 4]
+  },
+  editorDecorations: {
+    type: Array,
+    default: () => []
+  },
+  comments: {
+    type: Array,
+    default: () => []
+  }
+};
+function useCodeEditor(props, ctx2) {
+  const editorEl = ref();
+  const {
+    modelValue,
+    originalText,
+    options,
+    mode,
+    theme,
+    autoHeight,
+    offsetLeft,
+    refreshAll,
+    mouseTargetTypes,
+    editorDecorations,
+    comments,
+    addCommentIcon,
+    expandCommentIcon
+  } = toRefs(props);
+  let monaco;
+  let editor;
+  let diffEditor;
+  let themeService;
+  let currentTheme;
+  let commentViewZones = [];
+  let heightMap = /* @__PURE__ */ new Map();
+  let commentWidgets = [];
+  let currentDecorations = [];
+  let currentLineDecoration = [];
+  let modifyValueFromInner = false;
+  watch(editorDecorations, refreshDecorations, { deep: true });
+  watch(comments, () => {
+    refreshViewZones();
+    refreshOverlayWidgets();
+  }, { deep: true });
+  watch(options, () => {
+    updateLanguage();
+    updateOptions();
+  }, { deep: true });
+  watch(originalText, setDiffEditorOriginValue);
+  watch(theme, setCurrentTheme);
+  watch(modelValue, () => {
+    if (!modifyValueFromInner) {
+      setValue();
+    } else {
+      modifyValueFromInner = false;
+    }
+  });
+  onBeforeMount(() => {
+    if (window["devuiThemeService"]) {
+      themeService = window["devuiThemeService"];
+      if (themeService.eventBus) {
+        themeService.eventBus.add("themeChanged", setCurrentTheme);
+      }
+    }
+  });
+  onMounted(async () => {
+    if (inBrowser) {
+      monaco = await import("monaco-editor");
+      setCurrentTheme();
+      init();
+      if (mode.value === "review") {
+        nextTick(() => {
+          refreshDecorations();
+          refreshOverlayWidgets();
+          refreshViewZones();
+        });
+      }
+    }
+  });
+  function init() {
+    if (mode.value === "normal" || mode.value === "review") {
+      initNormalEditor();
+    } else if (mode.value.includes("diff")) {
+      initDiffEditor();
+    }
+    if (!options.value["theme"]) {
+      monaco.editor.setTheme(currentTheme);
+    }
+    handleAutoHeight();
+    setValueEmitter();
+  }
+  function initNormalEditor() {
+    if (!editor) {
+      editor = monaco.editor.create(editorEl.value, options.value);
+      editor.setModel(monaco.editor.createModel(modelValue.value, options.value["language"]));
+      ctx2.emit("afterEditorInit", editor);
+      if (mode.value === "review") {
+        editor.onMouseMove(handleMouseMove);
+        editor.onMouseLeave(handleMouseLeave);
+        editor.onMouseDown(handleMouseDown);
+      }
+    }
+  }
+  function initDiffEditor() {
+    if (!diffEditor) {
+      diffEditor = monaco.editor.createDiffEditor(editorEl.value, options.value);
+      diffEditor.setModel({
+        original: monaco.editor.createModel(originalText.value, options.value["language"]),
+        modified: monaco.editor.createModel(modelValue.value, options.value["language"])
+      });
+      ctx2.emit("afterEditorInit", diffEditor);
+    }
+  }
+  function setValue() {
+    if (mode.value === "normal" || mode.value === "review") {
+      setEditorValue();
+    } else if (mode.value === "diff") {
+      setDiffEditorValue();
+    }
+  }
+  function setEditorValue() {
+    var _a;
+    if (!editor || !editor.getModel()) {
+      return;
+    }
+    (_a = editor.getModel().modified) == null ? void 0 : _a.setValue(modelValue.value);
+  }
+  function setDiffEditorValue() {
+    var _a;
+    if (!diffEditor || !diffEditor.getModel()) {
+      return;
+    }
+    (_a = diffEditor.getModel().modified) == null ? void 0 : _a.setValue(modelValue.value);
+  }
+  function setCurrentTheme() {
+    if (options.value["theme"]) {
+      return;
+    }
+    if (theme.value === "light") {
+      currentTheme = themeService && themeService.currentTheme.isDark ? "vs-dark" : "vs";
+    } else if (theme.value === "dark") {
+      currentTheme = themeService && themeService.currentTheme.isDark ? "vs" : "vs-dark";
+    }
+    if (editor) {
+      monaco.editor.setTheme(currentTheme);
+    }
+  }
+  function handleAutoHeight() {
+    if (autoHeight.value) {
+      editor.onDidChangeModelDecorations(() => {
+        setTimeout(updateEditorHeightAuto);
+      });
+    }
+  }
+  function setValueEmitter() {
+    let model;
+    if (editor) {
+      model = editor.getModel();
+    } else if (diffEditor) {
+      model = diffEditor.getModel().modified;
+    }
+    model.onDidChangeContent(lodash.exports.throttle(() => {
+      modifyValueFromInner = true;
+      ctx2.emit("update: modelValue", model.getValue());
+    }, 100));
+  }
+  function setDiffEditorOriginValue() {
+    var _a;
+    if (!diffEditor || !diffEditor.getModel()) {
+      return;
+    }
+    (_a = diffEditor.getModel().original) == null ? void 0 : _a.setValue(originalText.value);
+  }
+  function updateLanguage() {
+    const language = options.value.language;
+    if (editor) {
+      if (mode.value === "normal" || mode.value === "review") {
+        const model = diffEditor.getModel();
+        monaco.editor.setModelLanguage(model.modified, language);
+        monaco.editor.setModelLanguage(model.original, language);
+      }
+    }
+  }
+  function updateOptions() {
+    if (editor) {
+      editor.updateOptions(__spreadValues({}, options.value));
+    }
+    if (diffEditor) {
+      diffEditor.updateOptions(__spreadValues({}, options.value));
+    }
+  }
+  function updateEditorHeightAuto() {
+    var _a;
+    const lineHeight = editor.getOption(monaco.editor.EditorOption.lineHeight);
+    const lineCount = ((_a = editor.getModel()) == null ? void 0 : _a.getLineCount()) || 1;
+    const height = editor.getTopForLineNumber(lineCount + 1) + lineHeight;
+    if (editorEl.value) {
+      editorEl.value.style.height = `${height}px`;
+    }
+    editor.layout();
+  }
+  function handleMouseMove(event) {
+    if (event.target && event.target.position) {
+      const currentLineNumber = event.target.position.lineNumber;
+      if (!isDecorationExisted(currentLineNumber)) {
+        const lineDecoration = [
+          {
+            range: new monaco.Range(currentLineNumber, 0, currentLineNumber, 0),
+            option: {
+              isWholeLine: true,
+              glyphMarginClassName: `icon-pointer ${addCommentIcon.value}`
+            }
+          }
+        ];
+        currentLineDecoration = editor.deltaDecorations(currentLineDecoration, lineDecoration);
+      } else {
+        currentLineDecoration = editor.deltaDecorations(currentLineDecoration, []);
+      }
+    }
+  }
+  function handleMouseLeave() {
+    editor.deltaDecorations(currentLineDecoration, []);
+  }
+  function handleMouseDown(event) {
+    if (mouseTargetTypes.value.includes(event.target.type)) {
+      ctx2.emit("click", event);
+    }
+  }
+  function refreshDecorations() {
+    if (editorDecorations.value.length >= 0 && editor) {
+      const tempDecorations = editorDecorations.value.map(setDecorations);
+      setTimeout(() => {
+        currentDecorations = editor.deltaDecorations(currentDecorations, tempDecorations);
+      });
+      currentDecorations = editor.deltaDecorations(currentLineDecoration, []);
+    }
+  }
+  function setDecorations(decoration) {
+    return {
+      range: new monaco.Range(decoration.lineNumber, 1, decoration.lineNumber, 1),
+      options: {
+        isWholeLine: true,
+        className: decoration.customClasses || "",
+        glyphMarginClassName: `icon-pointer ${decoration.icon || expandCommentIcon.value} ${decoration.glyphClassName || ""}`
+      }
+    };
+  }
+  function isDecorationExisted(lineNumber) {
+    return editorDecorations.value.some((ed) => ed.lineNumber === lineNumber);
+  }
+  function refreshViewZones() {
+    if (editor) {
+      editor.changeViewZones((changeAccessor) => {
+        resetViewZones(changeAccessor);
+        renderViewZones(changeAccessor);
+        if (autoHeight.value) {
+          updateEditorHeightAuto();
+        }
+      });
+    }
+  }
+  function resetViewZones(changeAccessor) {
+    if (commentViewZones.length > 0) {
+      commentViewZones.forEach((commentId) => {
+        changeAccessor.removeZone(commentId.id);
+      });
+      commentViewZones = [];
+      heightMap = /* @__PURE__ */ new Map();
+    }
+  }
+  function renderViewZones(changeAccessor) {
+    if (comments.value && comments.value.length) {
+      const renderedComments = comments.value.filter((comment2) => comment2.isExpanded);
+      renderedComments.forEach((comment2) => {
+        const commentId = changeAccessor.addZone({
+          afterLineNumber: comment2.lineNumber,
+          heightInPx: comment2.heightInPx ? comment2.heightInPx : 0,
+          afterColumn: 1,
+          domNode: document.createElement("div"),
+          ondomNodeTop: (top) => {
+            layoutOverlayWidget(comment2.lineNumber, { top });
+          },
+          onComputedHeight: (height) => {
+            layoutOverlayWidget(comment2.lineNumber, { height });
+          }
+        });
+        commentViewZones.push({ lineNumber: comment2.lineNumber, id: commentId });
+      });
+    }
+  }
+  function layoutOverlayWidget(lineNumber, ...positionInfos) {
+    const index2 = comments.value.findIndex((comment2) => comment2.lineNumber === lineNumber);
+    const editorLayoutInfo = editor.getLayoutInfo();
+    const layoutInfo = calculateLayoutInfo(positionInfos, editorLayoutInfo, index2);
+    if (layoutInfo.height) {
+      heightMap.set(index2, layoutInfo.height);
+    }
+    comments.value[index2].domNode.style.width = `${editorLayoutInfo.width - layoutInfo.minimapWidth - layoutInfo.offsetLeft}px`;
+    handleDomNodePosition(layoutInfo.top, layoutInfo.height, index2);
+  }
+  function calculateLayoutInfo(positionInfos, editorLayoutInfo, index2) {
+    let _offsetLeft = 0;
+    const indexOffsetLeft = comments.value[index2].offserLeft;
+    if (indexOffsetLeft) {
+      _offsetLeft = indexOffsetLeft;
+    } else {
+      _offsetLeft = (offsetLeft == null ? void 0 : offsetLeft.value) ? offsetLeft == null ? void 0 : offsetLeft.value : 0;
+    }
+    return {
+      top: positionInfos[0].top,
+      height: positionInfos[0].height,
+      minimapWidth: editorLayoutInfo.minimap.minimapWidth,
+      offsetLeft: _offsetLeft
+    };
+  }
+  function handleDomNodePosition(top, hieght, index2) {
+    comments.value[index2].domNode.style.height = `${hieght}px`;
+    if (heightMap.get(index2) === 0) {
+      comments.value[index2].domNode.style.top = `-${1e4 + top}px`;
+    } else {
+      comments.value[index2].domNode.style.top = `${top}px`;
+    }
+  }
+  function refreshOverlayWidgets() {
+    if (editor) {
+      renderOverlayWidget();
+    }
+  }
+  function renderOverlayWidget() {
+    if (refreshAll.value) {
+      resetAllOverlayWidget();
+    } else {
+      resetOverlayWidget();
+    }
+    const renderedWidget = comments.value.filter((comment2) => comment2.isExpanded);
+    renderedWidget == null ? void 0 : renderedWidget.forEach((comment2) => {
+      const commentIndex = commentWidgets.findIndex((cw) => cw.lineNumber === comment2.lineNumber);
+      if (commentIndex === -1) {
+        const overlayWidget = buildOverlayWidget(comment2);
+        commentWidgets.push({ lineNumber: comment2.lineNumber, widget: overlayWidget });
+        editor.addOverlayWidget(overlayWidget);
+      }
+    });
+  }
+  function resetOverlayWidget() {
+    comments.value.forEach((comment2) => {
+      if (!comment2.isExpanded) {
+        const commentIndex = commentWidgets.findIndex((cw) => cw.lineNumber === comment2.lineNumber);
+        if (commentIndex !== -1) {
+          const commentRemoved = commentWidgets.splice(commentIndex, 1)[0];
+          editor.removeOverlayWidget(commentRemoved.widget);
+        }
+      }
+    });
+  }
+  function resetAllOverlayWidget() {
+    if (commentWidgets.length > 0) {
+      commentWidgets.forEach((widget) => {
+        editor.removeOverlayWidget(widget.widget);
+      });
+      commentWidgets = [];
+    }
+  }
+  function buildOverlayWidget(comment2) {
+    return {
+      getId: () => {
+        return `widget-lineNumber${comment2.lineNumber}`;
+      },
+      getDomNode: () => {
+        return comment2.domNode;
+      },
+      getPosition: () => {
+        return null;
+      }
+    };
+  }
+  return { editorEl };
+}
+var codeEditor = "";
+var CodeEditor = defineComponent({
+  name: "DCodeEditor",
+  props: codeEditorProps,
+  emits: ["update: modelValue", "afterEditorInit", "click"],
+  setup(props, ctx2) {
+    const {
+      editorEl
+    } = useCodeEditor(props, ctx2);
+    return () => createVNode("div", {
+      "ref": editorEl,
+      "class": "devui-code-editor"
+    }, null);
+  }
+});
+var CodeEditorInstall = {
+  title: "Code Editor \u4EE3\u7801\u7F16\u8F91\u5668",
+  category: "\u6F14\u8FDB\u4E2D",
+  status: "100%",
+  install(app) {
+    app.component(CodeEditor.name, CodeEditor);
+  }
+};
 const SELECT_TOKEN$1 = Symbol("dCollapse");
 const collapseProps = {
   modelValue: {
@@ -23069,7 +23671,7 @@ var Content = defineComponent({
   }
 });
 var header$1 = "";
-var Header$1 = defineComponent({
+var Header = defineComponent({
   name: "DHeader",
   setup(props, {
     slots
@@ -23084,7 +23686,7 @@ var Header$1 = defineComponent({
   }
 });
 var footer = "";
-var Footer$1 = defineComponent({
+var Footer = defineComponent({
   name: "DFooter",
   setup(props, {
     slots
@@ -23119,8 +23721,8 @@ var LayoutInstall = {
   install(app) {
     app.component(Layout.name, Layout);
     app.component(Content.name, Content);
-    app.component(Header$1.name, Header$1);
-    app.component(Footer$1.name, Footer$1);
+    app.component(Header.name, Header);
+    app.component(Footer.name, Footer);
     app.component(Aside.name, Aside);
   }
 };
@@ -23888,7 +24490,7 @@ var MenuItem = defineComponent({
             useClick(e);
           }
           isSelect.value = true;
-          changeRouteResult = changeRoute(props, router, useRouter, key);
+          changeRouteResult = changeRoute(props, router, useRouter.value, key);
         } else {
           if (ele.classList.contains(menuItemSelect)) {
             rootMenuEmit("deselect", {
@@ -24384,7 +24986,8 @@ var Menu = defineComponent({
       openKeys,
       mode,
       collapsed,
-      defaultSelectKeys
+      defaultSelectKeys,
+      router
     } = toRefs(props);
     const menuId = randomId(16);
     const store = useStore(menuId);
@@ -24397,7 +25000,7 @@ var Menu = defineComponent({
     provide("mode", mode);
     provide("collapsedIndent", props["collapsedIndent"]);
     provide("rootMenuEmit", ctx2.emit);
-    provide("useRouter", props.router);
+    provide("useRouter", router);
     setDefaultIndent(props["indentSize"]);
     const menuRoot = ref(null);
     const overflowItemLength = ref(0);
@@ -25004,7 +25607,7 @@ const useDraggable = (targetRef, dragRef, draggable) => {
     modalPosition
   };
 };
-var Header = defineComponent({
+var ModalHeader = defineComponent({
   name: "DModalHeader",
   setup(props, {
     slots
@@ -25018,7 +25621,7 @@ var Header = defineComponent({
     };
   }
 });
-var Body = defineComponent({
+var ModalBody = defineComponent({
   name: "DModalBody",
   setup(props, {
     slots
@@ -25103,7 +25706,7 @@ var Modal = defineComponent({
           cursor: props.draggable ? "move" : "default"
         },
         "ref": headerRef
-      }, [createVNode(Header, null, {
+      }, [createVNode(ModalHeader, null, {
         default: () => [createVNode("div", {
           "class": "type-content"
         }, [createVNode("div", {
@@ -25155,9 +25758,9 @@ var Modal = defineComponent({
               cursor: props.draggable ? "move" : "default"
             },
             "ref": headerRef
-          }, [slots.header ? slots.header() : title.value && createVNode(Header, null, {
+          }, [slots.header ? slots.header() : title.value && createVNode(ModalHeader, null, {
             default: () => [title.value]
-          })]), createVNode(Body, null, {
+          })]), createVNode(ModalBody, null, {
             default: () => {
               var _a2;
               return [(_a2 = slots.default) == null ? void 0 : _a2.call(slots)];
@@ -25168,7 +25771,7 @@ var Modal = defineComponent({
     });
   }
 });
-var Footer = defineComponent({
+var ModalFooter = defineComponent({
   name: "DModalFooter",
   setup(props, {
     slots
@@ -25246,9 +25849,9 @@ var ModalInstall = {
   status: "100%",
   install(app) {
     app.component(Modal.name, Modal);
-    app.component(Header.name, Header);
-    app.component(Body.name, Body);
-    app.component(Footer.name, Footer);
+    app.component(ModalHeader.name, ModalHeader);
+    app.component(ModalBody.name, ModalBody);
+    app.component(ModalFooter.name, ModalFooter);
     if (!inBrowser) {
       return;
     }
@@ -25850,6 +26453,7 @@ function useSelect$2(props, selectRef, ctx2, focus, blur2, isSelectFocus, t) {
       handleClose();
       blur2();
     }
+    filterQuery.value = "";
   };
   const tagDelete = (data) => {
     let { modelValue } = props;
@@ -37206,6 +37810,11 @@ function useOperate() {
       }
       setNodeValue(parentNode, "expanded", true);
       setNodeValue(parentNode, "isLeaf", false);
+      let childrenLen = parentNode.childNodeCount;
+      if (!childrenLen) {
+        childrenLen = 0;
+        setNodeValue(parentNode, "childNodeCount", childrenLen + 1);
+      }
       if (lastChild) {
         setNodeValue(lastChild, "parentChildNodeCount", children.length + 1);
       }
@@ -38970,6 +39579,7 @@ var UploadInstall = {
 var devui = "";
 const installs = [
   AccordionInstall,
+  ActionTimelineInstall,
   AlertInstall,
   AnchorInstall,
   AutoCompleteInstall,
@@ -38982,6 +39592,7 @@ const installs = [
   CarouselInstall,
   CascaderInstall,
   CheckboxInstall,
+  CodeEditorInstall,
   CollapseInstall,
   ColorPickerInstall,
   CommentInstall,
@@ -39049,9 +39660,9 @@ const installs = [
   VirtualListInstall
 ];
 var vueDevui = {
-  version: "1.5.3",
+  version: "1.5.4",
   install(app) {
     installs.forEach((p) => app.use(p));
   }
 };
-export { Accordion, Alert, Anchor, Aside, AutoComplete, Avatar, BackTop, Badge, Breadcrumb, DButton as Button, ButtonGroup, Card, Carousel, CarouselItem, Cascader, Checkbox, CheckboxButton, DCheckboxGroup as CheckboxGroup, Col, Collapse, CollapseItem, ColorPicker, Column, Comment, Content, Countdown, DRangeDatePickerPro, DatePicker, DatePickerPro, DraggableDirective, Drawer, DrawerService, Dropdown$1 as Dropdown, DropdownMenu, DroppableDirective, EditableSelect, FixedOverlay, FlexibleOverlay, Footer$1 as Footer, Form, FormItem, FormOperation, Fullscreen, Gantt, Header$1 as Header, DIcon as Icon, IconGroup, ImagePreviewDirective, ImagePreviewService, DInput as Input, InputIcon, InputNumber, Layout, List, ListItem, LoadingDirective, loading as LoadingService, Mention, Menu, MenuItem, Message, Modal, 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, 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 };
+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, Col, Collapse, CollapseItem, ColorPicker, Column, Comment, Content, Countdown, DRangeDatePickerPro, DatePicker, DatePickerPro, DraggableDirective, Drawer, DrawerService, Dropdown$1 as Dropdown, DropdownMenu, DroppableDirective, EditableSelect, FixedOverlay, FlexibleOverlay, Footer, Form, FormItem, FormOperation, Fullscreen, Gantt, Header, DIcon as Icon, IconGroup, ImagePreviewDirective, ImagePreviewService, DInput as Input, InputIcon, InputNumber, Layout, List, ListItem, LoadingDirective, loading as LoadingService, 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 };