vue-devui 1.0.0-rc.10 → 1.0.0-rc.11

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, defineComponent, ref, onMounted, Transition, withDirectives, vShow, nextTick, watch, provide, reactive, toRefs, onUnmounted, mergeProps, unref, Comment, Text, h, Fragment, inject, cloneVNode, computed, Teleport, createTextVNode, onBeforeUnmount, render, resolveDirective, resolveDynamicComponent, isVNode, toRef, shallowRef, createApp, withModifiers, resolveComponent, renderSlot, useSlots, effect, onBeforeMount, onUpdated, getCurrentInstance } from "vue";
+import { createVNode, defineComponent, ref, onMounted, Transition, withDirectives, vShow, nextTick, watch, provide, reactive, toRefs, onUnmounted, mergeProps, unref, Comment, Text, h, Fragment, inject, cloneVNode, computed, Teleport, createTextVNode, onBeforeUnmount, render, resolveDirective, resolveDynamicComponent, isVNode, toRef, shallowRef, createApp, withModifiers, resolveComponent, renderSlot, useSlots, effect, onBeforeMount, onUpdated, watchEffect, getCurrentInstance, toRaw } from "vue";
 import { offset, autoPlacement, arrow, shift, computePosition } from "@floating-ui/dom";
 import { onClickOutside } from "@vueuse/core";
 const AlertCloseIcon = () => createVNode("svg", {
@@ -1972,7 +1972,7 @@ var lodash = { exports: {} };
       }
       function baseFunctions(object4, props) {
         return arrayFilter(props, function(key) {
-          return isFunction(object4[key]);
+          return isFunction2(object4[key]);
         });
       }
       function baseGet(object4, path) {
@@ -2135,7 +2135,7 @@ var lodash = { exports: {} };
         if (!isObject2(value) || isMasked(value)) {
           return false;
         }
-        var pattern4 = isFunction(value) ? reIsNative : reIsHostCtor;
+        var pattern4 = isFunction2(value) ? reIsNative : reIsHostCtor;
         return pattern4.test(toSource(value));
       }
       function baseIsRegExp(value) {
@@ -2257,7 +2257,7 @@ var lodash = { exports: {} };
             newValue = objValue;
             if (isArguments(objValue)) {
               newValue = toPlainObject(objValue);
-            } else if (!isObject2(objValue) || isFunction(objValue)) {
+            } else if (!isObject2(objValue) || isFunction2(objValue)) {
               newValue = initCloneObject(srcValue);
             }
           } else {
@@ -3559,7 +3559,7 @@ var lodash = { exports: {} };
       function isMasked(func) {
         return !!maskSrcKey && maskSrcKey in func;
       }
-      var isMaskable = coreJsData ? isFunction : stubFalse;
+      var isMaskable = coreJsData ? isFunction2 : stubFalse;
       function isPrototype(value) {
         var Ctor = value && value.constructor, proto = typeof Ctor == "function" && Ctor.prototype || objectProto;
         return value === proto;
@@ -4672,12 +4672,12 @@ var lodash = { exports: {} };
       var isArray = Array2.isArray;
       var isArrayBuffer = nodeIsArrayBuffer ? baseUnary(nodeIsArrayBuffer) : baseIsArrayBuffer;
       function isArrayLike(value) {
-        return value != null && isLength(value.length) && !isFunction(value);
+        return value != null && isLength(value.length) && !isFunction2(value);
       }
       function isArrayLikeObject(value) {
         return isObjectLike(value) && isArrayLike(value);
       }
-      function isBoolean(value) {
+      function isBoolean2(value) {
         return value === true || value === false || isObjectLike(value) && baseGetTag(value) == boolTag;
       }
       var isBuffer = nativeIsBuffer || stubFalse;
@@ -4724,7 +4724,7 @@ var lodash = { exports: {} };
       function isFinite(value) {
         return typeof value == "number" && nativeIsFinite(value);
       }
-      function isFunction(value) {
+      function isFunction2(value) {
         if (!isObject2(value)) {
           return false;
         }
@@ -5047,7 +5047,7 @@ var lodash = { exports: {} };
             index2 = length;
             value = defaultValue;
           }
-          object4 = isFunction(value) ? value.call(object4) : value;
+          object4 = isFunction2(value) ? value.call(object4) : value;
         }
         return object4;
       }
@@ -5068,7 +5068,7 @@ var lodash = { exports: {} };
           if (isArrLike) {
             accumulator = isArr ? new Ctor() : [];
           } else if (isObject2(object4)) {
-            accumulator = isFunction(Ctor) ? baseCreate(getPrototype(object4)) : {};
+            accumulator = isFunction2(Ctor) ? baseCreate(getPrototype(object4)) : {};
           } else {
             accumulator = {};
           }
@@ -5485,7 +5485,7 @@ var lodash = { exports: {} };
           object4 = this;
           methodNames = baseFunctions(source, keys(source));
         }
-        var chain2 = !(isObject2(options) && "chain" in options) || !!options.chain, isFunc = isFunction(object4);
+        var chain2 = !(isObject2(options) && "chain" in options) || !!options.chain, isFunc = isFunction2(object4);
         arrayEach(methodNames, function(methodName) {
           var func = source[methodName];
           object4[methodName] = func;
@@ -5811,7 +5811,7 @@ var lodash = { exports: {} };
       lodash2.isArrayBuffer = isArrayBuffer;
       lodash2.isArrayLike = isArrayLike;
       lodash2.isArrayLikeObject = isArrayLikeObject;
-      lodash2.isBoolean = isBoolean;
+      lodash2.isBoolean = isBoolean2;
       lodash2.isBuffer = isBuffer;
       lodash2.isDate = isDate;
       lodash2.isElement = isElement;
@@ -5820,7 +5820,7 @@ var lodash = { exports: {} };
       lodash2.isEqualWith = isEqualWith;
       lodash2.isError = isError;
       lodash2.isFinite = isFinite;
-      lodash2.isFunction = isFunction;
+      lodash2.isFunction = isFunction2;
       lodash2.isInteger = isInteger;
       lodash2.isLength = isLength;
       lodash2.isMap = isMap;
@@ -8081,6 +8081,16 @@ Schema.register = function register(type4, validator) {
 Schema.warning = warning;
 Schema.messages = messages;
 Schema.validators = validators;
+function getFieldValue(obj, path) {
+  return {
+    get value() {
+      return lodash.exports.get(obj, path);
+    },
+    set value(val) {
+      lodash.exports.set(obj, path, val);
+    }
+  };
+}
 function useFormItem(messageType, _rules, validateState) {
   const formContext = inject(FORM_TOKEN);
   const ns2 = useNamespace("form");
@@ -8119,17 +8129,12 @@ function useFormItemValidate(props, _rules) {
   const computedField = computed(() => {
     return typeof props.field === "string" ? props.field : "";
   });
-  const fieldValue = computed({
-    get: () => {
-      const formData = formContext.data;
-      if (!formData || !props.field) {
-        return;
-      }
-      return formData[props.field];
-    },
-    set: (val) => {
-      formContext.data[props.field] = val;
+  const fieldValue = computed(() => {
+    const formData = formContext.data;
+    if (!formData || !props.field) {
+      return;
     }
+    return getFieldValue(formData, props.field).value;
   });
   const getRuleByTrigger = (triggerVal) => {
     return _rules.value.filter((rule) => {
@@ -8198,13 +8203,16 @@ function useFormItemValidate(props, _rules) {
     if (!formContext.data || !props.field) {
       return;
     }
-    isResetting = true;
-    fieldValue.value = initFieldValue;
+    const currentValue = getFieldValue(formContext.data, props.field);
+    if (!lodash.exports.isEqual(currentValue.value, initFieldValue)) {
+      isResetting = true;
+    }
+    currentValue.value = initFieldValue;
     await nextTick();
     clearValidate();
   };
   onMounted(() => {
-    initFieldValue = lodash.exports.cloneDeep(formContext.data[props.field]);
+    initFieldValue = lodash.exports.clone(fieldValue.value);
   });
   return { validateState, validateMessage, validate, resetField, clearValidate };
 }
@@ -8872,9 +8880,9 @@ var DIcon = defineComponent({
       [ns2.m("operable")]: operable.value
     }));
     const onClick = (e) => {
+      e.stopImmediatePropagation();
       if (disabled.value) {
         e.preventDefault();
-        e.stopImmediatePropagation();
       }
     };
     return () => {
@@ -8908,7 +8916,7 @@ var IconInstall = {
     app.component(IconGroup.name, IconGroup);
   }
 };
-function _isSlot$4(s) {
+function _isSlot$5(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 var AutoComplete = defineComponent({
@@ -9022,7 +9030,7 @@ var AutoComplete = defineComponent({
                       ${width.value + "px"}
                     `
             }
-          }, [createVNode(DAutoCompleteDropdown, null, _isSlot$4(_slot = customRenderSolts()) ? _slot : {
+          }, [createVNode(DAutoCompleteDropdown, null, _isSlot$5(_slot = customRenderSolts()) ? _slot : {
             default: () => [_slot]
           })])]
         })]
@@ -9033,7 +9041,7 @@ var AutoComplete = defineComponent({
         let _slot2;
         return createVNode(Teleport, {
           "to": "body"
-        }, _isSlot$4(_slot2 = renderBasicDropdown()) ? _slot2 : {
+        }, _isSlot$5(_slot2 = renderBasicDropdown()) ? _slot2 : {
           default: () => [_slot2]
         });
       } else {
@@ -9410,6 +9418,10 @@ const badgeProps = {
   },
   textColor: {
     type: String
+  },
+  hidden: {
+    type: Boolean,
+    default: false
   }
 };
 var badge = "";
@@ -9420,7 +9432,7 @@ var Badge = defineComponent({
     const ns2 = useNamespace("badge");
     const className2 = computed(() => {
       const base = ns2.e("content");
-      return [base, props.showDot ? ns2.m("dot") : ns2.m("count"), props.status && ns2.m(props.status), ctx2.slots.default && props.position && ns2.m(props.position), ctx2.slots.default && ns2.m("fixed")].join(" ");
+      return [base, props.showDot ? ns2.m("dot") : ns2.m("count"), props.status && ns2.m(props.status), ctx2.slots.default && props.position && ns2.m(props.position), ctx2.slots.default && ns2.m("fixed"), props.hidden ? ns2.m("hidden") : ns2.m("show")].join(" ");
     });
     const style = computed(() => {
       const styleMap = {
@@ -9614,6 +9626,10 @@ const cardProps = {
   src: {
     type: String,
     default: ""
+  },
+  shadow: {
+    type: String,
+    default: "hover"
   }
 };
 var card = "";
@@ -9637,7 +9653,7 @@ var Card = defineComponent({
     return () => {
       var _a, _b, _c, _d, _e, _f, _g;
       return createVNode("div", {
-        "class": ["card-container", ns2.b()]
+        "class": ["card-container", ns2.b(), ns2.em("shadow", props.shadow)]
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots), createVNode("div", {
         "class": ns2.e("header")
       }, [((_b = slots.avatar) == null ? void 0 : _b.call(slots)) ? createVNode("div", {
@@ -11044,7 +11060,7 @@ const Month = (props) => {
   }, null)])]);
 };
 var index$5 = "";
-const Item = (props) => {
+const Item$1 = (props) => {
   const {
     button: Btn,
     disabled = false,
@@ -11105,13 +11121,13 @@ const CalendarToolbar = (props) => {
   }
   return createVNode("div", {
     "class": "devui-calendar-toolbar"
-  }, [createVNode(Item, {
+  }, [createVNode(Item$1, {
     "disabled": dis[0],
     "date": current,
     "pos": pos,
     "button": Year,
     "cb": onPreviousYear
-  }, null), createVNode(Item, {
+  }, null), createVNode(Item$1, {
     "disabled": dis[1],
     "date": current,
     "pos": pos,
@@ -11120,14 +11136,14 @@ const CalendarToolbar = (props) => {
     "cb": onPreviousMonth
   }, null), createVNode(Title, {
     "date": current
-  }, null), createVNode(Item, {
+  }, null), createVNode(Item$1, {
     "disabled": dis[2],
     "date": current,
     "pos": pos,
     "button": Month,
     "rotate": 90,
     "cb": onNextMonth
-  }, null), createVNode(Item, {
+  }, null), createVNode(Item$1, {
     "disabled": dis[3],
     "date": current,
     "pos": pos,
@@ -11745,7 +11761,7 @@ var Drawer = defineComponent({
     });
   }
 });
-function _isSlot$3(s) {
+function _isSlot$4(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 const defaultOptions$1 = {
@@ -11772,7 +11788,7 @@ function initInstance$1(state) {
       });
       return () => createVNode(Drawer, mergeProps(state, {
         "onUpdate:modelValue": handleVisibleChange
-      }), _isSlot$3(content2) ? content2 : {
+      }), _isSlot$4(content2) ? content2 : {
         default: () => [content2]
       });
     }
@@ -13525,6 +13541,8 @@ function middleNum(num, min = 0, max = 100) {
   return middle;
 }
 const isNumber = (value) => typeof value === "number";
+const isBoolean = (value) => typeof value === "boolean";
+const isFunction = (value) => Object.prototype.toString.call(value) === "[object Function]";
 const isUndefined = (value) => value === void 0;
 const isNull = (value) => value === null;
 const ns$5 = useNamespace("input-number");
@@ -14405,7 +14423,7 @@ var Notification = defineComponent({
     });
   }
 });
-function _isSlot$2(s) {
+function _isSlot$3(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 const defaultOptions = {
@@ -14422,7 +14440,7 @@ function initInstance(props, content2) {
       });
       return () => createVNode(Notification, mergeProps(props, {
         "onDestroy": app.unmount
-      }), _isSlot$2(content2) ? content2 : {
+      }), _isSlot$3(content2) ? content2 : {
         default: () => [content2]
       });
     }
@@ -15638,7 +15656,7 @@ var Radio = defineComponent({
   }
 });
 var radioGroup = "";
-function _isSlot$1(s) {
+function _isSlot$2(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 var RadioGroup = defineComponent({
@@ -15658,7 +15676,7 @@ var RadioGroup = defineComponent({
             return createVNode(Radio, {
               "key": item,
               "value": item
-            }, _isSlot$1(item) ? item : {
+            }, _isSlot$2(item) ? item : {
               default: () => [item]
             });
           });
@@ -16245,6 +16263,7 @@ const keywordsHandles = (ctx2, props) => {
   const onClearHandle = () => {
     keywords.value = "";
     ctx2.emit("update:modelValue", "");
+    ctx2.emit("search", "");
   };
   const clearIconShow = computed(() => keywords.value.length > 0);
   return {
@@ -16484,7 +16503,7 @@ function useSelect$1(props, ctx2, focus, blur, isSelectFocus) {
         option2._checked = !option2._checked;
       }
       if (index2 > -1) {
-        checkedItems.splice(index2);
+        checkedItems.splice(index2, 1);
       } else {
         checkedItems.push(item.value);
       }
@@ -16582,6 +16601,16 @@ function useSelect$1(props, ctx2, focus, blur, isSelectFocus) {
   const isShowEmptyText = computed(() => {
     return !!emptyText.value && (!props.allowCreate || isLoading.value || props.allowCreate && injectOptionsArray.value.length === 0);
   });
+  const isDisabled = (item) => {
+    const checkOptionDisabledKey = props.optionDisabledKey ? !!item[props.optionDisabledKey] : false;
+    if (!props.multiple) {
+      return checkOptionDisabledKey;
+    } else {
+      let tempModelValue = [];
+      tempModelValue = props.modelValue;
+      return checkOptionDisabledKey || !!props.multipleLimit && props.multipleLimit <= tempModelValue.length && !tempModelValue.includes(item.value);
+    }
+  };
   watch(() => props.modelValue, () => {
     formItemContext == null ? void 0 : formItemContext.validate("change").catch((err) => console.warn(err));
   }, { deep: true });
@@ -16607,6 +16636,8 @@ function useSelect$1(props, ctx2, focus, blur, isSelectFocus) {
     tagDelete,
     onFocus,
     onBlur,
+    isDisabled,
+    toggleChange,
     debounceQueryFilter,
     isShowCreateOption
   };
@@ -16695,6 +16726,10 @@ const selectProps = {
   onValueChange: {
     type: Function,
     default: void 0
+  },
+  multipleLimit: {
+    type: Number,
+    default: 0
   }
 };
 const optionProps = {
@@ -17183,6 +17218,8 @@ var Select = defineComponent({
       onFocus,
       onBlur,
       debounceQueryFilter,
+      isDisabled,
+      toggleChange,
       isShowCreateOption
     } = useSelect$1(props, ctx2, focus, blur, isSelectFocus);
     const scrollbarNs = useNamespace("scrollbar");
@@ -17195,7 +17232,8 @@ var Select = defineComponent({
     const dropdownEmptyCls = ns2.em("dropdown", "empty");
     ctx2.expose({
       focus,
-      blur
+      blur,
+      toggleChange
     });
     provide(SELECT_TOKEN, reactive(__spreadProps(__spreadValues({}, toRefs(props)), {
       selectDisabled,
@@ -17242,12 +17280,12 @@ var Select = defineComponent({
             "key": i,
             "value": item.value,
             "name": item.name,
-            "disabled": props.optionDisabledKey ? !!item[props.optionDisabledKey] : false
+            "disabled": isDisabled(item)
           }, {
             default: () => [props.multiple ? createVNode(Checkbox, {
               "modelValue": item._checked,
               "label": item.name,
-              "disabled": props.optionDisabledKey ? !!item[props.optionDisabledKey] : false
+              "disabled": isDisabled(item)
             }, null) : item.name || item.value]
           }))]), [[vShow, !isLoading.value]]), isShowEmptyText.value && createVNode("div", null, [((_c = ctx2.slots) == null ? void 0 : _c.empty) && ctx2.slots.empty(), !((_d = ctx2.slots) == null ? void 0 : _d.empty) && createVNode("p", {
             "class": dropdownEmptyCls
@@ -17577,157 +17615,126 @@ const sliderProps = {
     type: Number,
     default: 0
   },
-  showInput: {
-    type: Boolean,
-    default: false
-  },
   step: {
     type: Number,
     default: 1
   },
   tipsRenderer: {
-    type: String,
-    default: ""
-  },
-  color: {
-    type: String,
-    default: ""
+    type: [Function, null],
+    default: () => (value) => `${value}`
+  }
+};
+function useSliderEvent(props, ctx2) {
+  let isClick = true;
+  let startPosition = 0;
+  let startX = 0;
+  const sliderRunway = ref();
+  const currentValue = ref(Number(props.modelValue));
+  const currentPosition = ref(0);
+  const percentDisplay = ref("");
+  const popoverShow = ref(false);
+  const newPosition = ref(0);
+  function getSliderWidth() {
+    var _a;
+    return Boolean(sliderRunway.value) ? ((_a = sliderRunway.value) == null ? void 0 : _a.clientWidth) || 0 : 0;
+  }
+  function initCurrentPosition() {
+    const sliderWidth = getSliderWidth();
+    currentPosition.value = sliderWidth * (currentValue.value - props.min) / (props.max - props.min);
+  }
+  function setPosition(position) {
+    const clientWidth = getSliderWidth();
+    const sliderWidth = Math.round(clientWidth);
+    if (position < 0) {
+      position = 0;
+    }
+    const LengthPerStep = sliderWidth / ((props.max - props.min) / props.step);
+    const steps = Math.round(position / LengthPerStep);
+    const value = steps * LengthPerStep;
+    if (Math.round(value) >= sliderWidth) {
+      currentPosition.value = sliderWidth;
+      currentValue.value = props.max;
+      percentDisplay.value = "100%";
+      ctx2.emit("update:modelValue", props.max);
+      return;
+    }
+    percentDisplay.value = Math.round(value * 100 / sliderWidth) + "%";
+    currentValue.value = Math.round(value * (props.max - props.min) / sliderWidth) + props.min;
+    currentPosition.value = position;
+    ctx2.emit("update:modelValue", currentValue.value);
+  }
+  function dragStart(event) {
+    isClick = false;
+    startX = event.clientX;
+    startPosition = currentPosition.value;
+    newPosition.value = startPosition;
+  }
+  function onDragging(event) {
+    popoverShow.value = true;
+    const currentX = event.clientX;
+    const pxOffset = currentX - startX;
+    newPosition.value = startPosition + pxOffset;
+    setPosition(newPosition.value);
+  }
+  function onDragEnd() {
+    popoverShow.value = false;
+    setTimeout(() => {
+      isClick = true;
+    }, 100);
+    window.removeEventListener("mousemove", onDragging);
+    window.removeEventListener("mouseup", onDragEnd);
   }
-};
+  function handleButtonMousedown(event) {
+    popoverShow.value = true;
+    if (!props.disabled) {
+      event.preventDefault();
+      dragStart(event);
+      window.addEventListener("mousemove", onDragging);
+      window.addEventListener("mouseup", onDragEnd);
+    }
+  }
+  function handleRunwayMousedown(event) {
+    if (!props.disabled && isClick) {
+      const _e = event.target;
+      startX = _e.getBoundingClientRect().left;
+      const currentX = event.clientX;
+      setPosition(currentX - startX);
+      handleButtonMousedown(event);
+    }
+  }
+  watch(() => props.modelValue, () => {
+    currentValue.value = Number(props.modelValue);
+    if (currentValue.value > props.max) {
+      percentDisplay.value = "100%";
+    } else if (currentValue.value < props.min) {
+      percentDisplay.value = "0%";
+    } else {
+      percentDisplay.value = (currentValue.value - props.min) * 100 / (props.max - props.min) + "%";
+    }
+    initCurrentPosition();
+  }, { immediate: true });
+  onMounted(initCurrentPosition);
+  return { sliderRunway, popoverShow, percentDisplay, currentValue, handleRunwayMousedown, handleButtonMousedown };
+}
 var slider = "";
 var Slider = defineComponent({
   name: "DSlider",
   props: sliderProps,
   emits: ["update:modelValue"],
   setup(props, ctx2) {
-    let isClick = true;
-    let startPosition = 0;
-    let startX = 0;
     const ns2 = useNamespace("slider");
-    const popoverShow = ref(false);
-    const sliderRunway = ref(null);
-    const inputValue = ref(props.modelValue);
-    const currentPosition = ref(0);
-    const newPostion = ref(0);
-    const percentDispaly = ref("");
-    function handleOnInput(event) {
-      inputValue.value = parseInt(event.target.value);
-      if (!inputValue.value) {
-        inputValue.value = props.min;
-        percentDispaly.value = "0%";
-      } else {
-        if (inputValue.value < props.min || inputValue.value > props.max) {
-          return;
-        }
-        const re = /^(?:[1-9]?\d|100)$/;
-        if (re.test(`${inputValue.value}`)) {
-          percentDispaly.value = (inputValue.value - props.min) * 100 / (props.max - props.min) + "%";
-          ctx2.emit("update:modelValue", inputValue.value);
-        }
-      }
-    }
-    function setPostion(newPosition) {
-      const clientWidth = !!sliderRunway.value ? sliderRunway.value.clientWidth : 0;
-      const sliderWidth = Math.round(clientWidth);
-      if (newPosition < 0) {
-        newPosition = 0;
-      }
-      const LengthPerStep = sliderWidth / ((props.max - props.min) / props.step);
-      const steps = Math.round(newPosition / LengthPerStep);
-      const value = steps * LengthPerStep;
-      if (Math.round(value) >= sliderWidth) {
-        currentPosition.value = sliderWidth;
-        inputValue.value = props.max;
-        percentDispaly.value = "100%";
-        ctx2.emit("update:modelValue", props.max);
-        return;
-      }
-      percentDispaly.value = Math.round(value * 100 / sliderWidth) + "%";
-      inputValue.value = Math.round(value * (props.max - props.min) / sliderWidth) + props.min;
-      currentPosition.value = newPosition;
-      ctx2.emit("update:modelValue", inputValue.value);
-    }
-    function dragStart(event) {
-      isClick = false;
-      startX = event.clientX;
-      startPosition = currentPosition.value;
-      newPostion.value = startPosition;
-    }
-    function onDragging(event) {
-      popoverShow.value = true;
-      const currentX = event.clientX;
-      const pxOffset = currentX - startX;
-      newPostion.value = startPosition + pxOffset;
-      setPostion(newPostion.value);
-    }
-    function onDragEnd() {
-      popoverShow.value = false;
-      setTimeout(() => {
-        isClick = true;
-      }, 100);
-      window.removeEventListener("mousemove", onDragging);
-      window.removeEventListener("mouseup", onDragEnd);
-    }
-    const renderShowInput = () => {
-      return props.showInput ? createVNode("div", {
-        "class": ns2.e("input-wrap")
-      }, [createVNode("input", {
-        "onInput": handleOnInput,
-        "value": inputValue.value + "",
-        "disabled": props.disabled
-      }, null)]) : "";
-    };
-    if (props.modelValue > props.max) {
-      percentDispaly.value = "100%";
-    } else if (props.modelValue < props.min) {
-      percentDispaly.value = "0%";
-    } else {
-      percentDispaly.value = (props.modelValue - props.min) * 100 / (props.max - props.min) + "%";
-    }
-    onMounted(() => {
-      const sliderWidth = !!sliderRunway.value ? sliderRunway.value.clientWidth : 0;
-      currentPosition.value = sliderWidth * (inputValue.value - props.min) / (props.max - props.min);
-    });
-    function handleButtonMousedown(event) {
-      popoverShow.value = true;
-      if (props.disabled) {
-        return;
-      }
-      event.preventDefault();
-      dragStart(event);
-      window.addEventListener("mousemove", onDragging);
-      window.addEventListener("mouseup", onDragEnd);
-    }
-    function handleRunwayMousedown(event) {
-      if (!props.disabled && isClick) {
-        const _e = event.target;
-        startX = _e.getBoundingClientRect().left;
-        const currentX = event.clientX;
-        setPostion(currentX - startX);
-        handleButtonMousedown(event);
-      } else {
-        return;
-      }
-    }
+    const {
+      sliderRunway,
+      popoverShow,
+      percentDisplay,
+      currentValue,
+      handleRunwayMousedown,
+      handleButtonMousedown
+    } = useSliderEvent(props, ctx2);
     const disableClass = computed(() => {
       return props.disabled ? " disabled" : "";
     });
-    const popover2 = () => {
-      return createVNode("div", {
-        "class": ns2.e("popover"),
-        "style": {
-          left: percentDispaly.value,
-          opacity: popoverShow.value ? 1 : 0
-        }
-      }, [createVNode("div", {
-        "class": ns2.e("popover-arrow")
-      }, null), createVNode("div", {
-        "class": ns2.e("popover-content")
-      }, [inputValue.value + " " + props.tipsRenderer])]);
-    };
-    const color = computed(() => {
-      return props.disabled ? "" : props.color;
-    });
+    const tipsContent = computed(() => isFunction(props.tipsRenderer) ? props.tipsRenderer(currentValue.value) : "");
     return () => createVNode("div", {
       "class": ns2.b()
     }, [createVNode("div", {
@@ -17738,23 +17745,26 @@ var Slider = defineComponent({
     }, [createVNode("div", {
       "class": [ns2.e("bar"), disableClass.value],
       "style": {
-        width: percentDispaly.value,
-        backgroundColor: color.value
+        width: percentDisplay.value
       }
     }, null), createVNode("div", {
       "class": [ns2.e("button"), disableClass.value],
       "style": {
-        left: percentDispaly.value,
-        borderColor: color.value
+        left: percentDisplay.value
       },
       "onMousedown": handleButtonMousedown,
       "onMouseenter": () => popoverShow.value = true,
       "onMouseout": () => popoverShow.value = false
-    }, null), props.tipsRenderer === "null" ? "" : popover2()]), createVNode("span", {
-      "class": ns2.e("min-count")
-    }, [props.min]), createVNode("span", {
-      "class": ns2.e("max-count")
-    }, [props.max]), renderShowInput()]);
+    }, null), props.tipsRenderer === null ? null : popoverShow.value ? createVNode("div", {
+      "class": ns2.e("popover"),
+      "style": {
+        left: percentDisplay.value
+      }
+    }, [createVNode("div", {
+      "class": ns2.e("popover-arrow")
+    }, null), createVNode("div", {
+      "class": ns2.e("popover-content")
+    }, [tipsContent.value])]) : null])]);
   }
 });
 var SliderInstall = {
@@ -18592,9 +18602,6 @@ const statisticProps = {
     type: String,
     default: ""
   },
-  valueStyle: {
-    type: Object
-  },
   animationDuration: {
     type: Number,
     default: 2e3
@@ -18748,12 +18755,12 @@ class Tween {
 var statistic = "";
 var Statistic = defineComponent({
   name: "DStatistic",
-  inheritAttrs: false,
   props: statisticProps,
   setup(props, ctx2) {
     var _a;
     const innerValue = ref((_a = props.valueFrom) != null ? _a : props.value);
     const tween = ref(null);
+    const ns2 = useNamespace("statistic");
     const animation = (from = ((_b) => (_b = props.valueFrom) != null ? _b : 0)(), to = typeof props.value === "number" ? props.value : Number(props.value)) => {
       if (from !== to) {
         tween.value = new Tween({
@@ -18791,22 +18798,20 @@ var Statistic = defineComponent({
     });
     return () => {
       var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
-      return createVNode("div", mergeProps({
-        "class": "devui-statistic"
-      }, ctx2.attrs), [createVNode("div", {
-        "class": "devui-statistic-title",
-        "style": props.titleStyle
+      return createVNode("div", {
+        "class": ns2.b()
+      }, [createVNode("div", {
+        "class": ns2.e("title")
       }, [((_b = (_a2 = ctx2.slots).title) == null ? void 0 : _b.call(_a2)) || props.title]), createVNode("div", {
-        "class": "devui-statistic-content",
-        "style": props.valueStyle
+        "class": ns2.e("content")
       }, [props.prefix || ((_d = (_c = ctx2.slots).prefix) == null ? void 0 : _d.call(_c)) ? createVNode("span", {
-        "class": "devui-statistic-prefix"
+        "class": ns2.e("prefix")
       }, [((_f = (_e = ctx2.slots).prefix) == null ? void 0 : _f.call(_e)) || props.prefix]) : null, createVNode("span", {
-        "class": "devui-statistic--value"
+        "class": ns2.e("value")
       }, [statisticValue.value]), props.suffix || ((_h = (_g = ctx2.slots).suffix) == null ? void 0 : _h.call(_g)) ? createVNode("span", {
-        "class": "devui-statistic-suffix"
+        "class": ns2.e("suffix")
       }, [((_j = (_i = ctx2.slots).suffix) == null ? void 0 : _j.call(_i)) || props.suffix]) : null]), props.extra || ((_l = (_k = ctx2.slots).extra) == null ? void 0 : _l.call(_k)) ? createVNode("div", {
-        "class": "devui-statistic-extra"
+        "class": ns2.e("extra")
       }, [createTextVNode(" "), ((_n = (_m = ctx2.slots).extra) == null ? void 0 : _n.call(_m)) || props.extra]) : null]);
     };
   }
@@ -18968,7 +18973,7 @@ var SwitchInstall = {
     app.component(Switch.name, Switch);
   }
 };
-const TableProps = {
+const tableProps = {
   data: {
     type: Array,
     default: []
@@ -19045,6 +19050,13 @@ const TableProps = {
   rowKey: {
     type: String
   },
+  defaultExpandAll: {
+    type: Boolean,
+    default: false
+  },
+  expandRowKeys: {
+    type: Array
+  },
   trackBy: {
     type: Function
   }
@@ -19150,6 +19162,103 @@ function useTableLayout(table2) {
   };
   return { tableWidth, updateColumnWidth };
 }
+function useTableWatcher(props, store) {
+  watchEffect(() => {
+    if (props.expandRowKeys) {
+      store.setExpandRows(props.expandRowKeys);
+    }
+  });
+}
+function formatWidth(width) {
+  if (width === "") {
+    return width;
+  }
+  if (typeof width === "number") {
+    return width;
+  }
+  return parseInt(width, 10) || 80;
+}
+function getRowIdentity(row2, rowKey) {
+  const paths = rowKey.split(".");
+  let obj = row2;
+  for (const p of paths) {
+    obj = obj[p];
+  }
+  return `${obj}`;
+}
+function getRowKeysMap(data, rowKey) {
+  const rowKeyMap = {};
+  (data || []).forEach((row2, index2) => {
+    rowKeyMap[getRowIdentity(row2, rowKey)] = { row: row2, index: index2 };
+  });
+  return rowKeyMap;
+}
+function toggleRowExpandStatus(rowsArr, row2, status2) {
+  let isChanged = false;
+  const index2 = rowsArr.indexOf(row2);
+  const isIncluded = index2 !== -1;
+  const addRow = () => {
+    rowsArr.push(row2);
+    isChanged = true;
+  };
+  const deleteRow = () => {
+    rowsArr.splice(index2, 1);
+    isChanged = true;
+  };
+  if (isBoolean(status2)) {
+    if (status2 && !isIncluded) {
+      addRow();
+    } else if (!status2 && isIncluded) {
+      deleteRow();
+    }
+  } else {
+    if (isIncluded) {
+      deleteRow();
+    } else {
+      addRow();
+    }
+  }
+  return isChanged;
+}
+function useExpand(dataSource) {
+  const tableInstance = getCurrentInstance();
+  const rowKey = tableInstance.props.rowKey || "";
+  const defaultExpandAll = ref(tableInstance.props.defaultExpandAll);
+  const _expandedRows = ref([]);
+  const updateExpandRows = () => {
+    if (defaultExpandAll.value) {
+      _expandedRows.value = dataSource.value.slice();
+    } else {
+      _expandedRows.value = [];
+    }
+  };
+  const setExpandRows = (rowKeys) => {
+    const data = dataSource.value || [];
+    const rowKeysMap = getRowKeysMap(data, rowKey);
+    _expandedRows.value = rowKeys.reduce((pre, cur) => {
+      const currentRow = rowKeysMap[cur];
+      if (currentRow) {
+        pre.push(currentRow.row);
+      }
+      return pre;
+    }, []);
+  };
+  const toggleRowExpansion = (row2, expanded) => {
+    const isChanged = toggleRowExpandStatus(_expandedRows.value, row2, expanded);
+    if (isChanged) {
+      tableInstance.emit("expand-change", row2, _expandedRows.value.slice());
+    }
+  };
+  const isRowExpanded = (row2) => {
+    return _expandedRows.value.includes(row2);
+  };
+  return {
+    isRowExpanded,
+    updateExpandRows,
+    setExpandRows,
+    toggleRowExpansion
+  };
+}
 function replaceColumn(array4, column) {
   return array4.map((item) => {
     var _a;
@@ -19281,81 +19390,17 @@ const createFixedLogic = (columns) => {
   });
   return { isFixedLeft };
 };
-const createExpandRow = (dataSource, trackBy) => {
-  const _expandedRows = ref(/* @__PURE__ */ new Set());
-  const isRowExpanded = (row2) => {
-    return _expandedRows.value.has(trackBy(row2));
-  };
-  const expandRow = (row2) => {
-    _expandedRows.value.add(trackBy(row2));
-  };
-  const collapseRow = (row2) => {
-    _expandedRows.value.delete(trackBy(row2));
-  };
-  const toggleRow = (row2) => {
-    if (isRowExpanded(row2)) {
-      collapseRow(row2);
-    } else {
-      expandRow(row2);
-    }
-  };
-  const getExpandedRows = () => {
-    return dataSource.value.filter((item) => isRowExpanded(item));
-  };
-  const expandAllRows = () => {
-    dataSource.value.forEach((item) => {
-      expandRow(item);
-    });
-  };
-  const collapseAllRows = () => {
-    dataSource.value.forEach((item) => {
-      collapseRow(item);
-    });
-  };
-  return {
-    _expandedRows,
-    toggleRow,
-    expandRow,
-    collapseRow,
-    isRowExpanded,
-    getExpandedRows,
-    expandAllRows,
-    collapseAllRows
-  };
-};
 function createStore(dataSource, table2) {
   const _data = ref([]);
+  const { _columns, flatColumns, insertColumn, removeColumn, sortColumn, updateColumns } = createColumnGenerator();
+  const { _checkAll, _checkSet, _halfChecked, getCheckedRows, isRowChecked, checkRow } = createSelection(_data, table2.props.trackBy);
+  const { sortData, thList } = createSorter(dataSource, _data);
+  const { isFixedLeft } = createFixedLogic(_columns);
+  const { isRowExpanded, updateExpandRows, setExpandRows, toggleRowExpansion } = useExpand(_data);
   watch(dataSource, (value) => {
     _data.value = [...value];
+    updateExpandRows();
   }, { deep: true, immediate: true });
-  const {
-    _columns,
-    flatColumns,
-    insertColumn,
-    removeColumn,
-    sortColumn,
-    updateColumns
-  } = createColumnGenerator();
-  const {
-    _checkAll,
-    _checkSet,
-    _halfChecked,
-    getCheckedRows,
-    isRowChecked,
-    checkRow
-  } = createSelection(_data, table2.props.trackBy);
-  const { sortData, thList } = createSorter(dataSource, _data);
-  const { isFixedLeft } = createFixedLogic(_columns);
-  const {
-    _expandedRows,
-    toggleRow,
-    expandRow,
-    collapseRow,
-    isRowExpanded,
-    getExpandedRows,
-    expandAllRows,
-    collapseAllRows
-  } = createExpandRow(dataSource, table2.props.trackBy);
   return {
     _table: table2,
     states: {
@@ -19366,8 +19411,7 @@ function createStore(dataSource, table2) {
       _checkAll,
       _halfChecked,
       isFixedLeft,
-      thList,
-      _expandedRows
+      thList
     },
     insertColumn,
     sortColumn,
@@ -19377,13 +19421,9 @@ function createStore(dataSource, table2) {
     sortData,
     isRowChecked,
     checkRow,
-    toggleRow,
-    expandRow,
-    collapseRow,
     isRowExpanded,
-    getExpandedRows,
-    expandAllRows,
-    collapseAllRows
+    setExpandRows,
+    toggleRowExpansion
   };
 }
 var ColGroup = defineComponent({
@@ -19636,7 +19676,7 @@ var ListItem = defineComponent({
     };
   }
 });
-function _isSlot(s) {
+function _isSlot$1(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 var SingleFilter = defineComponent({
@@ -19656,7 +19696,7 @@ var SingleFilter = defineComponent({
       let _slot;
       return createVNode(Fragment, null, [createVNode(List, {
         "class": "filter-single-menu"
-      }, _isSlot(_slot = props.filterList.map((item) => createVNode(ListItem, {
+      }, _isSlot$1(_slot = props.filterList.map((item) => createVNode(ListItem, {
         "class": ["filter-item", {
           "filter-item-active": selectedItem.value === item
         }],
@@ -20149,47 +20189,47 @@ var TableBody = defineComponent({
     const onCellClick = (cellClickArg) => {
       table2.emit("cell-click", cellClickArg);
     };
+    const onRowClick = (rowClickArg) => {
+      table2.emit("row-click", rowClickArg);
+    };
     return () => createVNode("tbody", {
       "class": ns2.e("tbody")
     }, [data.value.map((row2, rowIndex) => {
-      const tableRow = () => {
-        return createVNode("tr", {
-          "key": rowIndex,
-          "class": {
-            "hover-enabled": hoverEnabled.value,
-            "expanded": table2.store.isRowExpanded(row2)
-          }
-        }, [flatColumns.value.map((column, columnIndex) => {
-          var _a;
-          const cellId = `${rowIndex}-${columnIndex}`;
-          const [rowspan, colspan] = (_a = tableSpans.value[cellId]) != null ? _a : [1, 1];
-          if (removeCells.value.includes(cellId)) {
-            return null;
-          }
-          return createVNode(TD, {
-            "column": column,
-            "index": rowIndex,
-            "row": row2,
-            "rowspan": rowspan,
-            "colspan": colspan,
-            "onClick": () => onCellClick({
-              rowIndex,
-              columnIndex,
-              column,
-              row: row2
-            })
-          }, null);
-        })]);
-      };
-      const expandedRow = () => {
-        var _a, _b, _c, _d;
-        return flatColumns.value.some((column) => column.type === "expand") && createVNode("tr", null, [createVNode("td", {
-          "colspan": flatColumns.value.length
-        }, [(_d = (_c = (_b = (_a = flatColumns.value.filter((column) => column.type === "expand")) == null ? void 0 : _a[0]) == null ? void 0 : _b.slots) == null ? void 0 : _c.default) == null ? void 0 : _d.call(_c, {
+      var _a, _b, _c, _d;
+      return createVNode(Fragment, null, [createVNode("tr", {
+        "key": rowIndex,
+        "class": {
+          "hover-enabled": hoverEnabled.value,
+          expanded: table2.store.isRowExpanded(row2)
+        },
+        "onClick": () => onRowClick({
           row: row2
-        })])]);
-      };
-      return createVNode(Fragment, null, [tableRow(), table2.store.isRowExpanded(row2) && expandedRow()]);
+        })
+      }, [flatColumns.value.map((column, columnIndex) => {
+        var _a2;
+        const cellId = `${rowIndex}-${columnIndex}`;
+        const [rowspan, colspan] = (_a2 = tableSpans.value[cellId]) != null ? _a2 : [1, 1];
+        if (removeCells.value.includes(cellId)) {
+          return null;
+        }
+        return createVNode(TD, {
+          "column": column,
+          "index": rowIndex,
+          "row": row2,
+          "rowspan": rowspan,
+          "colspan": colspan,
+          "onClick": () => onCellClick({
+            rowIndex,
+            columnIndex,
+            column,
+            row: row2
+          })
+        }, null);
+      })]), flatColumns.value.some((column) => column.type === "expand") && table2.store.isRowExpanded(row2) && createVNode("tr", null, [createVNode("td", {
+        "colspan": flatColumns.value.length
+      }, [(_d = (_c = (_b = (_a = flatColumns.value.filter((column) => column.type === "expand")) == null ? void 0 : _a[0]) == null ? void 0 : _b.slots) == null ? void 0 : _c.default) == null ? void 0 : _d.call(_c, {
+        row: row2
+      })])])]);
     })]);
   }
 });
@@ -20255,8 +20295,8 @@ var Table = defineComponent({
   directives: {
     dLoading: loadingDirective
   },
-  props: TableProps,
-  emits: ["sort-change", "cell-click", "check-change", "check-all-change", "expand-change"],
+  props: tableProps,
+  emits: ["sort-change", "cell-click", "row-click", "check-change", "check-all-change", "expand-change"],
   setup(props, ctx2) {
     const table2 = getCurrentInstance();
     const store = createStore(toRef(props, "data"), table2);
@@ -20273,6 +20313,7 @@ var Table = defineComponent({
       classes,
       styles
     } = useTable(props, tableWidth);
+    useTableWatcher(props, store);
     const isEmpty2 = computed(() => props.data.length === 0);
     const ns2 = useNamespace("table");
     const hiddenColumns = ref(null);
@@ -20388,21 +20429,12 @@ const tableColumnProps = {
     default: false
   }
 };
-function formatWidth(width) {
-  if (width === "") {
-    return width;
-  }
-  if (typeof width === "number") {
-    return width;
-  }
-  return parseInt(width, 10) || 80;
-}
 const cellMap = {
   checkable: {
     renderHeader(column, store) {
       return h(Checkbox, {
         modelValue: store.states._checkAll.value,
-        halfchecked: store.states._halfChecked.value,
+        halfChecked: store.states._halfChecked.value,
         onChange: (val) => {
           store.states._checkAll.value = val;
           store._table.emit("check-all-change", val);
@@ -20439,8 +20471,7 @@ const cellMap = {
         "name": "chevron-right",
         "class": "icon-expand-row",
         "onClick": () => {
-          store.toggleRow(rowData);
-          store._table.emit("expand-change", rowData, store.getExpandedRows());
+          store.toggleRowExpansion(rowData);
         }
       }, null);
     }
@@ -20927,7 +20958,9 @@ var Tabs = defineComponent({
       const content2 = (_b = (_a = ctx2.slots).default) == null ? void 0 : _b.call(_a);
       return createVNode("div", {
         "class": tabsClasses.value
-      }, [props.tabPosition === "bottom" ? [content2, tabNav2] : [tabNav2, content2]]);
+      }, [props.tabPosition === "bottom" ? [content2, tabNav2] : [tabNav2, content2], createVNode("div", {
+        "style": "clear: both"
+      }, null)]);
     };
   }
 });
@@ -21230,52 +21263,241 @@ var TextareaInstall = {
     app.component(Textarea.name, Textarea);
   }
 };
-const timeAxisProps = {
-  direction: {
+const timeSelectProps = {
+  modelValue: {
     type: String,
-    default: "vertical"
+    default: ""
   },
-  center: {
+  disabled: {
     type: Boolean,
     default: false
   },
-  mode: {
+  start: {
     type: String,
-    default: "normal"
+    default: "00:00"
   },
-  timePosition: {
+  end: {
     type: String,
-    default: "left"
-  }
-};
-const timeAxisItemProps = {
-  time: {
-    type: String
-  },
-  dotColor: {
-    type: String
+    default: "24:00"
   },
-  lineStyle: {
+  step: {
     type: String,
-    default: "solid"
+    default: "00:30"
   },
-  lineColor: {
-    type: String
+  minTime: {
+    type: String,
+    default: "-1:-1"
   },
-  position: {
-    type: String
+  maxTime: {
+    type: String,
+    default: "24:00"
   },
-  timePosition: {
+  placeholder: {
     type: String,
-    default: "left"
+    default: "\u8BF7\u9009\u62E9\u65F6\u95F4"
   },
-  type: {
+  size: {
     type: String,
-    default: "primary"
-  }
-};
-var TimelineItem = defineComponent({
-  name: "DTimelineItem",
+    default: "md"
+  },
+  "onUpdate:modelValue": {
+    type: Function
+  },
+  clearable: {
+    type: Boolean,
+    default: true
+  }
+};
+function useTimeSelect(props, ctx2) {
+  const select2 = ref();
+  const padTime = (time) => {
+    return `${time}`.padStart(2, "0");
+  };
+  const parseTimeToNumber = (time) => {
+    const timeArr = (time || "").split(":");
+    if (timeArr.length < 2) {
+      return null;
+    }
+    const hour = Number.parseInt(timeArr[0], 10);
+    const minute = Number.parseInt(timeArr[1], 10);
+    return {
+      hour,
+      minute
+    };
+  };
+  const formatTime = (time) => {
+    return `${padTime(time.hour)}:${padTime(time.minute)}`;
+  };
+  const nextTime = (time, step2) => {
+    const timeValue = parseTimeToNumber(time);
+    const stepValue = parseTimeToNumber(step2);
+    const nextTimeObj = {
+      hour: timeValue.hour,
+      minute: timeValue.minute
+    };
+    nextTimeObj.minute += stepValue.minute;
+    nextTimeObj.hour += stepValue.hour;
+    nextTimeObj.hour += Math.floor(nextTimeObj.minute / 60);
+    nextTimeObj.minute = nextTimeObj.minute % 60;
+    return formatTime(nextTimeObj);
+  };
+  const start = computed(() => {
+    const startTime = parseTimeToNumber(props.start);
+    return startTime ? formatTime(startTime) : "00:00";
+  });
+  const end = computed(() => {
+    const endTime = parseTimeToNumber(props.end);
+    return endTime ? formatTime(endTime) : "24:00";
+  });
+  const step = computed(() => {
+    const stepTime = parseTimeToNumber(props.step);
+    return stepTime ? formatTime(stepTime) : "00:30";
+  });
+  const minTime = computed(() => {
+    const min = parseTimeToNumber(props.minTime);
+    return min ? formatTime(min) : null;
+  });
+  const maxTime = computed(() => {
+    const max = parseTimeToNumber(props.maxTime);
+    return max ? formatTime(max) : null;
+  });
+  const compareTime = (time1, time2) => {
+    const time1Obj = parseTimeToNumber(time1);
+    const time2Obj = parseTimeToNumber(time2);
+    const minutes01 = time1Obj.minute + time1Obj.hour * 60;
+    const minutes02 = time2Obj.minute + time2Obj.hour * 60;
+    if (minutes01 === minutes02) {
+      return 0;
+    }
+    return minutes01 > minutes02 ? 1 : -1;
+  };
+  const options = computed(() => {
+    const list2 = [];
+    if (props.start && props.end && props.step) {
+      let current = start.value;
+      let currentTime;
+      while (compareTime(current, end.value) <= 0) {
+        currentTime = current;
+        list2.push({
+          value: currentTime,
+          name: currentTime,
+          disabled: compareTime(current, minTime.value || "-1:-1") <= 0 || compareTime(current, maxTime.value || "24:00") > 0
+        });
+        current = nextTime(current, step.value);
+      }
+    }
+    return list2;
+  });
+  const changeData = (data) => {
+    ctx2.emit("update:modelValue", data.value);
+    ctx2.emit("change", data.value);
+  };
+  const clearData = (value) => {
+    ctx2.emit("update:modelValue", value);
+  };
+  const focusFun = (e) => {
+    ctx2.emit("focus", e);
+  };
+  const blurFun = (e) => {
+    ctx2.emit("blur", e);
+  };
+  return {
+    options,
+    changeData,
+    select: select2,
+    clearData,
+    focusFun,
+    blurFun
+  };
+}
+var TimeSelect = defineComponent({
+  name: "DTimeSelect",
+  components: {
+    Select
+  },
+  props: timeSelectProps,
+  emits: ["change", "blur", "focus", "update:modelValue"],
+  setup(props, ctx2) {
+    const {
+      options,
+      changeData,
+      select: select2,
+      clearData,
+      focusFun,
+      blurFun
+    } = useTimeSelect(props, ctx2);
+    return () => {
+      return createVNode(Fragment, null, [createVNode(Select, {
+        "ref": select2,
+        "modelValue": props.modelValue,
+        "options": options.value,
+        "onValueChange": changeData,
+        "placeholder": props.placeholder,
+        "option-disabled-key": "disabled",
+        "disabled": props.disabled,
+        "allow-clear": props.clearable,
+        "size": props.size,
+        "onClear": clearData,
+        "onFocus": focusFun,
+        "onBlur": blurFun
+      }, null)]);
+    };
+  }
+});
+var TimeSelectInstall = {
+  title: "TimeSelect \u65F6\u95F4\u9009\u62E9\u5668",
+  category: "\u6570\u636E\u5F55\u5165",
+  status: "100%",
+  install(app) {
+    app.component(TimeSelect.name, TimeSelect);
+  }
+};
+const timeAxisProps = {
+  direction: {
+    type: String,
+    default: "vertical"
+  },
+  center: {
+    type: Boolean,
+    default: false
+  },
+  mode: {
+    type: String,
+    default: "normal"
+  },
+  timePosition: {
+    type: String,
+    default: "left"
+  }
+};
+const timeAxisItemProps = {
+  time: {
+    type: String
+  },
+  dotColor: {
+    type: String
+  },
+  lineStyle: {
+    type: String,
+    default: "solid"
+  },
+  lineColor: {
+    type: String
+  },
+  position: {
+    type: String
+  },
+  timePosition: {
+    type: String,
+    default: "left"
+  },
+  type: {
+    type: String,
+    default: "primary"
+  }
+};
+var TimelineItem = defineComponent({
+  name: "DTimelineItem",
   components: {
     DIcon
   },
@@ -21550,7 +21772,6 @@ var DTreeNodeToggle = defineComponent({
 });
 const ns = useNamespace("tree");
 function useTreeNode(data) {
-  const { getChildren } = inject(USE_TREE_TOKEN);
   const nodeClass = computed(() => {
     var _a;
     return [ns.e("node"), ((_a = data.value) == null ? void 0 : _a.expanded) && ns.em("node", "open")];
@@ -21560,16 +21781,19 @@ function useTreeNode(data) {
     return { paddingLeft: `${NODE_INDENT * (((_a = data.value) == null ? void 0 : _a.level) - 1)}px` };
   });
   const nodeVLineClass = computed(() => {
-    var _a, _b;
-    return [!((_a = data.value) == null ? void 0 : _a.isLeaf) && ((_b = data.value) == null ? void 0 : _b.expanded) && ns.e("node-vline")];
-  });
-  const nodeVLineStyle = computed(() => {
     var _a;
-    return {
-      height: `${NODE_HEIGHT * (getChildren(data.value, { expanded: true }).length - 1) + NODE_HEIGHT / 2 + 1}px`,
-      left: `${NODE_INDENT * (((_a = data.value) == null ? void 0 : _a.level) - 1) + 9}px`,
-      top: `${NODE_HEIGHT}px`
-    };
+    return [((_a = data.value) == null ? void 0 : _a.level) !== 1 && ns.e("node-vline")];
+  });
+  const nodeVLineStyles = computed(() => {
+    if (!data.value || data.value.level === 1) {
+      return [];
+    }
+    const { currentIndex = 0, parentChildNode = 0, level, expanded, isLeaf } = data.value;
+    return Array.from({ length: data.value.level - 1 }).map((_, index2) => ({
+      height: `${currentIndex + 1 === parentChildNode && index2 === 0 ? isLeaf || !expanded ? NODE_HEIGHT / 2 : NODE_HEIGHT : NODE_HEIGHT}px`,
+      left: `${NODE_INDENT * (level - index2 - 2) + 9}px`,
+      top: `0px`
+    }));
   });
   const nodeHLineClass = computed(() => {
     var _a;
@@ -21589,7 +21813,7 @@ function useTreeNode(data) {
     nodeContentClass,
     nodeTitleClass,
     nodeVLineClass,
-    nodeVLineStyle,
+    nodeVLineStyles,
     nodeHLineClass
   };
 }
@@ -21609,98 +21833,1060 @@ var DTreeNodeContent = defineComponent({
       nodeTitleClass
     } = useTreeNode(data);
     return () => {
-      var _a;
-      return createVNode("span", {
-        "class": nodeTitleClass.value
-      }, [(_a = data.value) == null ? void 0 : _a.label]);
+      var _a;
+      return createVNode("span", {
+        "class": nodeTitleClass.value
+      }, [(_a = data.value) == null ? void 0 : _a.label]);
+    };
+  }
+});
+var DTreeNode = defineComponent({
+  name: "DTreeNode",
+  props: {
+    data: {
+      type: Object,
+      default: () => ({})
+    },
+    check: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props, {
+    slots
+  }) {
+    const {
+      data,
+      check
+    } = toRefs(props);
+    const {
+      toggleSelectNode,
+      toggleCheckNode,
+      toggleNode,
+      getChildren
+    } = inject(USE_TREE_TOKEN);
+    const ns2 = useNamespace("tree");
+    const {
+      nodeClass,
+      nodeStyle,
+      nodeContentClass,
+      nodeVLineClass,
+      nodeVLineStyles,
+      nodeHLineClass
+    } = useTreeNode(data);
+    const halfChecked = computed(() => {
+      const children = getChildren == null ? void 0 : getChildren(data.value);
+      const checkedChildren = children == null ? void 0 : children.filter((item) => item.checked);
+      if (["upward", "both"].includes(check.value)) {
+        return checkedChildren.length > 0 && checkedChildren.length < children.length;
+      } else {
+        return false;
+      }
+    });
+    return () => {
+      var _a, _b, _c;
+      const checkboxProps2 = {
+        key: (_a = data.value) == null ? void 0 : _a.id,
+        disabled: (_b = data.value) == null ? void 0 : _b.disableCheck,
+        halfchecked: halfChecked.value,
+        modelValue: (_c = data.value) == null ? void 0 : _c.checked,
+        "onUpdate:modelValue": () => {
+          toggleCheckNode == null ? void 0 : toggleCheckNode(data.value);
+        },
+        onClick: (event) => {
+          event.stopPropagation();
+        }
+      };
+      return createVNode("div", {
+        "class": nodeClass.value,
+        "style": nodeStyle.value
+      }, [nodeVLineStyles.value.map((item) => createVNode("span", {
+        "class": nodeVLineClass.value,
+        "style": item
+      }, null)), createVNode("div", {
+        "class": nodeContentClass.value,
+        "onClick": () => {
+          toggleSelectNode == null ? void 0 : toggleSelectNode(data.value);
+        }
+      }, [createVNode("span", {
+        "class": nodeHLineClass.value
+      }, null), slots.icon ? renderSlot(useSlots(), "icon", {
+        nodeData: data,
+        toggleNode
+      }) : createVNode(DTreeNodeToggle, {
+        "data": data.value
+      }, null), createVNode("div", {
+        "class": ns2.em("node-content", "value-wrapper"),
+        "style": {
+          height: `${NODE_HEIGHT}px`
+        }
+      }, [check.value && createVNode(Checkbox, checkboxProps2, null), slots.default ? renderSlot(useSlots(), "default", {
+        nodeData: data
+      }) : createVNode(DTreeNodeContent, {
+        "data": data.value
+      }, null)])])]);
+    };
+  }
+});
+const virtualListProps = {
+  data: {
+    type: Array,
+    default: () => []
+  },
+  component: {
+    type: String,
+    default: "div"
+  },
+  height: {
+    type: Number,
+    default: 100
+  },
+  itemHeight: {
+    type: Number,
+    default: 0
+  },
+  virtual: {
+    type: Boolean,
+    default: true
+  },
+  fullHeight: {
+    type: Boolean
+  },
+  itemKey: {
+    type: [String, Number, Function]
+  }
+};
+const resizeObserverContainerProps = {
+  height: {
+    type: Number
+  },
+  offset: {
+    type: Number || void 0
+  },
+  disabled: {
+    type: Function
+  },
+  onInnerResize: {
+    type: Function
+  }
+};
+const scrollBarProps = {
+  scrollTop: {
+    type: Number
+  },
+  scrollHeight: {
+    type: Number
+  },
+  height: {
+    type: Number
+  },
+  count: {
+    type: Number
+  },
+  onScroll: {
+    type: Function
+  },
+  onStartMove: {
+    type: Function
+  },
+  onStopMove: {
+    type: Function
+  }
+};
+const resizeObserverProps = {
+  disabled: {
+    type: Boolean
+  },
+  onResize: {
+    type: Function
+  }
+};
+function useVirtual(props) {
+  const isVirtual = computed(() => {
+    const {
+      height,
+      virtual
+    } = props;
+    return !!(virtual !== false && height);
+  });
+  const inVirtual = computed(() => {
+    const {
+      height,
+      data
+    } = props;
+    return isVirtual.value && data && 20 * data.length > height;
+  });
+  return {
+    isVirtual,
+    inVirtual
+  };
+}
+function useHeights(mergedData, getKey) {
+  const instance = /* @__PURE__ */ new Map();
+  let heights = /* @__PURE__ */ new Map();
+  const updatedMark = ref(Symbol("update"));
+  watch(mergedData, () => {
+    heights = /* @__PURE__ */ new Map();
+    updatedMark.value = Symbol("update");
+  });
+  let heightUpdateId = 0;
+  function collectHeight() {
+    heightUpdateId += 1;
+    const currentId = heightUpdateId;
+    Promise.resolve().then(() => {
+      if (currentId !== heightUpdateId) {
+        return;
+      }
+      instance.forEach((element, key) => {
+        if (element && element.offsetParent) {
+          const {
+            offsetHeight
+          } = element;
+          if (heights.get(key) !== offsetHeight) {
+            updatedMark.value = Symbol("update");
+            heights.set(key, element.offsetHeight);
+          }
+        }
+      });
+    });
+  }
+  function setInstance(item, ins) {
+    const key = getKey(item);
+    if (ins) {
+      instance.set(key, ins.$el || ins);
+      collectHeight();
+    } else {
+      instance.delete(key);
+    }
+  }
+  return [setInstance, collectHeight, heights, updatedMark];
+}
+var useOriginScroll = (isScrollAtTop, isScrollAtBottom) => {
+  let lock = false;
+  let lockTimeout = null;
+  function lockScroll2() {
+    if (lockTimeout) {
+      clearTimeout(lockTimeout);
+    }
+    lock = true;
+    lockTimeout = setTimeout(() => {
+      lock = false;
+    }, 50);
+  }
+  return (deltaY, smoothOffset = false) => {
+    const originScroll = deltaY < 0 && isScrollAtTop.value || deltaY > 0 && isScrollAtBottom.value;
+    if (smoothOffset && originScroll) {
+      if (lockTimeout) {
+        clearTimeout(lockTimeout);
+      }
+      lock = false;
+    } else if (!originScroll || lock) {
+      lockScroll2();
+    }
+    return !lock && originScroll;
+  };
+};
+const isValid = (value) => {
+  return value !== void 0 && value !== null && value !== "";
+};
+const isEmptyElement = (c) => {
+  var _a, _b;
+  return !!c && (c.type === Comment || c.type === Fragment && ((_a = c == null ? void 0 : c.children) == null ? void 0 : _a.length) === 0 || c.type === Text && ((_b = c == null ? void 0 : c.children) == null ? void 0 : _b.trim()) === "");
+};
+const flattenChildren = (children, filterEmpty = true) => {
+  const temp = Array.isArray(children) ? children : [children];
+  const res = [];
+  temp.forEach((child) => {
+    if (Array.isArray(child)) {
+      res.push(...flattenChildren(child, filterEmpty));
+    } else if (child && child.type === Fragment) {
+      res.push(...flattenChildren(child.children, filterEmpty));
+    } else if (child && isVNode(child)) {
+      if (filterEmpty && !isEmptyElement(child)) {
+        res.push(child);
+      } else if (!filterEmpty) {
+        res.push(child);
+      }
+    } else if (isValid(child)) {
+      res.push(child);
+    }
+  });
+  return res;
+};
+const findDOMNode = (instance) => {
+  var _a;
+  let node = ((_a = instance == null ? void 0 : instance.vnode) == null ? void 0 : _a.el) || instance && ((instance == null ? void 0 : instance.$el) || instance);
+  while (node && !node.tagName) {
+    node = node.nextSibling;
+  }
+  return node;
+};
+const isFF = typeof navigator === "object" && /Firefox/i.test(navigator.userAgent);
+function useFrameWheel(inVirtual, isScrollAtTop, isScrollAtBottom, onWheelDelta) {
+  let offsetRef = 0;
+  let nextFrame = null;
+  let wheelValue = null;
+  let isMouseScroll = false;
+  const originScroll = useOriginScroll(isScrollAtTop, isScrollAtBottom);
+  const onRawWheel = (event) => {
+    var _a;
+    if (!inVirtual.value) {
+      return;
+    }
+    if (nextFrame) {
+      window.cancelAnimationFrame(nextFrame);
+    }
+    const {
+      deltaY
+    } = event;
+    offsetRef += deltaY;
+    wheelValue = deltaY;
+    if (originScroll(deltaY, false)) {
+      return;
+    }
+    if (!isFF) {
+      (_a = event == null ? void 0 : event.preventDefault) == null ? void 0 : _a.call(event);
+    }
+    nextFrame = window.requestAnimationFrame(() => {
+      const patchMultiple = isMouseScroll ? 10 : 1;
+      onWheelDelta(offsetRef * patchMultiple);
+      offsetRef = 0;
+    });
+  };
+  const onFireFoxScroll = (event) => {
+    if (!inVirtual.value) {
+      return;
+    }
+    isMouseScroll = event.detail === wheelValue;
+  };
+  return [onRawWheel, onFireFoxScroll];
+}
+const SMOOTH_PTG = 14 / 15;
+function useMobileTouchMove(inVirtual, listRef, callback) {
+  let touched = false;
+  let touchY = 0;
+  let element = null;
+  let interval = null;
+  const onTouchMove = (e) => {
+    if (touched) {
+      const currentY = Math.ceil(e.touches[0].pageY);
+      let offsetY = touchY - currentY;
+      touchY = currentY;
+      if (callback(offsetY)) {
+        e.preventDefault();
+      }
+      if (interval) {
+        clearInterval(interval);
+      }
+      interval = setInterval(() => {
+        offsetY *= SMOOTH_PTG;
+        if (!callback(offsetY, true) || Math.abs(offsetY) <= 0.1) {
+          if (interval) {
+            clearInterval(interval);
+          }
+        }
+      }, 16);
+    }
+  };
+  const cleanUpEvents = () => {
+    if (element) {
+      element.removeEventListener("touchmove", onTouchMove);
+      element.removeEventListener("touchend", () => {
+        touched = false;
+        cleanUpEvents();
+      });
+    }
+  };
+  const onTouchEnd = () => {
+    touched = false;
+    cleanUpEvents();
+  };
+  const onTouchStart = (e) => {
+    cleanUpEvents();
+    if (e.touches.length === 1 && !touched) {
+      touched = true;
+      touchY = Math.ceil(e.touches[0].pageY);
+      element = e.target;
+      element.addEventListener("touchmove", onTouchMove, {
+        passive: false
+      });
+      element.addEventListener("touchend", onTouchEnd);
+    }
+  };
+  onMounted(() => {
+    watch(inVirtual, (val) => {
+      var _a, _b;
+      (_a = listRef.value) == null ? void 0 : _a.removeEventListener("touchstart", onTouchStart);
+      cleanUpEvents();
+      if (interval) {
+        clearInterval(interval);
+      }
+      if (val) {
+        (_b = listRef.value) == null ? void 0 : _b.addEventListener("touchstart", onTouchStart, {
+          passive: false
+        });
+      }
+    }, {
+      immediate: true
+    });
+  });
+}
+var ResizeObserver$1 = defineComponent({
+  name: "ResizeObserver",
+  props: resizeObserverProps,
+  emits: ["resize"],
+  setup(props, {
+    slots
+  }) {
+    const state = reactive({
+      width: 0,
+      height: 0,
+      offsetHeight: 0,
+      offsetWidth: 0
+    });
+    const currentElement = ref(null);
+    const resizeObserver = ref(null);
+    const destroyObserver = () => {
+      if (resizeObserver.value) {
+        resizeObserver.value.disconnect();
+        resizeObserver.value = null;
+      }
+    };
+    const onTriggerResize = (entries) => {
+      const {
+        onResize
+      } = props;
+      const target = entries[0].target;
+      const {
+        width,
+        height
+      } = target.getBoundingClientRect();
+      const {
+        offsetWidth,
+        offsetHeight
+      } = target;
+      const fixedWidth = Math.floor(width);
+      const fixedHeight = Math.floor(height);
+      if (state.width !== fixedWidth || state.height !== fixedHeight || state.offsetWidth !== offsetWidth || state.offsetHeight !== offsetHeight) {
+        const size = {
+          width: fixedWidth,
+          height: fixedHeight,
+          offsetWidth,
+          offsetHeight
+        };
+        Object.assign(state, size);
+        if (onResize) {
+          Promise.resolve().then(() => {
+            onResize(__spreadProps(__spreadValues({}, size), {
+              offsetWidth,
+              offsetHeight
+            }), target);
+          });
+        }
+      }
+    };
+    const instance = getCurrentInstance();
+    const registerObserver = () => {
+      const {
+        disabled
+      } = props;
+      if (disabled) {
+        destroyObserver();
+        return;
+      }
+      if (instance) {
+        const element = findDOMNode(instance);
+        const elementChanged = element !== currentElement.value;
+        if (elementChanged) {
+          destroyObserver();
+          currentElement.value = element;
+        }
+        if (!resizeObserver.value && element) {
+          resizeObserver.value = new ResizeObserver(onTriggerResize);
+          resizeObserver.value.observe(element);
+        }
+      }
+    };
+    onMounted(() => {
+      registerObserver();
+    });
+    onUpdated(() => {
+      registerObserver();
+    });
+    onUnmounted(() => {
+      destroyObserver();
+    });
+    return () => {
+      var _a;
+      return (_a = slots.default) == null ? void 0 : _a.call(slots)[0];
+    };
+  }
+});
+const INIT_INNER_STYLE = {
+  display: "flex",
+  flexDirection: "column"
+};
+var ResizeObserverContainer = defineComponent({
+  name: "ResizeObserverContainer",
+  props: resizeObserverContainerProps,
+  setup(props, ctx2) {
+    const {
+      height,
+      offset: offset2
+    } = toRefs(props);
+    const outerStyle = ref({});
+    const innerStyle = ref(INIT_INNER_STYLE);
+    watch([() => height.value, () => offset2.value], () => {
+      if (props.offset !== void 0) {
+        outerStyle.value = {
+          height: `${height.value}px`,
+          position: "relative",
+          overflow: "hidden"
+        };
+        innerStyle.value = __spreadProps(__spreadValues({}, innerStyle.value), {
+          transform: `translateY(${offset2.value}px)`,
+          position: "absolute",
+          left: 0,
+          right: 0,
+          top: 0
+        });
+      }
+    });
+    return () => createVNode("div", {
+      "style": outerStyle.value
+    }, [createVNode(ResizeObserver$1, {
+      "onResize": ({
+        offsetHeight
+      }) => {
+        if (offsetHeight && props.onInnerResize) {
+          props.onInnerResize();
+        }
+      }
+    }, {
+      default: () => {
+        var _a, _b;
+        return [createVNode("div", {
+          "style": innerStyle.value
+        }, [(_b = (_a = ctx2.slots).default) == null ? void 0 : _b.call(_a)])];
+      }
+    })]);
+  }
+});
+function getPageY(e) {
+  return "touches" in e ? e.touches[0].pageY : e.pageY;
+}
+var ScrollBar = defineComponent({
+  name: "ScrollBar",
+  props: scrollBarProps,
+  setup(props, ctx2) {
+    const scrollbarRef = ref(null);
+    const thumbRef = ref(null);
+    const moveRaf = ref(0);
+    const state = reactive({
+      dragging: false,
+      pageY: null,
+      startTop: null,
+      visible: false
+    });
+    const visibleTimeout = ref(null);
+    const canScroll = computed(() => {
+      return (props.scrollHeight || 0) > (props.height || 0);
+    });
+    const getSpinHeight = () => {
+      const {
+        height = 0,
+        count = 0
+      } = props;
+      let baseHeight = height / count * 10;
+      baseHeight = Math.max(baseHeight, 20);
+      baseHeight = Math.min(baseHeight, height / 2);
+      return Math.floor(baseHeight);
+    };
+    const getEnableScrollRange = () => {
+      const {
+        scrollHeight = 0,
+        height = 0
+      } = props;
+      return scrollHeight - height || 0;
+    };
+    const getEnableHeightRange = () => {
+      const {
+        height = 0
+      } = props;
+      const spinHeight = getSpinHeight();
+      return height - spinHeight || 0;
+    };
+    const getTop = () => {
+      const {
+        scrollTop = 0
+      } = props;
+      const enableScrollRange = getEnableScrollRange();
+      const enableHeightRange = getEnableHeightRange();
+      if (scrollTop === 0 || enableScrollRange === 0) {
+        return 0;
+      }
+      const ptg = scrollTop / enableScrollRange;
+      return ptg * enableHeightRange;
+    };
+    const onMouseMove = (e) => {
+      const {
+        dragging,
+        pageY,
+        startTop
+      } = state;
+      const {
+        onScroll
+      } = props;
+      window.cancelAnimationFrame(moveRaf.value);
+      if (dragging) {
+        const offsetY = getPageY(e) - (pageY || 0);
+        const newTop = (startTop || 0) + offsetY;
+        const enableScrollRange = getEnableScrollRange();
+        const enableHeightRange = getEnableHeightRange();
+        const ptg = enableHeightRange ? newTop / enableHeightRange : 0;
+        const newScrollTop = Math.ceil(ptg * enableScrollRange);
+        moveRaf.value = window.requestAnimationFrame(() => {
+          if (onScroll) {
+            onScroll(newScrollTop);
+          }
+        });
+      }
+    };
+    const onMouseUp = (callback) => {
+      const {
+        onStopMove
+      } = props;
+      state.dragging = false;
+      if (onStopMove) {
+        onStopMove();
+      }
+      if (callback) {
+        callback();
+      }
+    };
+    const onMouseDown = (e, callback) => {
+      var _a, _b;
+      const {
+        onStartMove
+      } = props;
+      Object.assign(state, {
+        dragging: true,
+        pageY: getPageY(e),
+        startTop: getTop()
+      });
+      if (onStartMove) {
+        onStartMove();
+      }
+      window.addEventListener("mousemove", onMouseMove);
+      window.addEventListener("mouseup", () => onMouseUp(callback));
+      (_a = thumbRef == null ? void 0 : thumbRef.value) == null ? void 0 : _a.addEventListener("touchmove", onMouseMove, {
+        passive: false
+      });
+      (_b = thumbRef == null ? void 0 : thumbRef.value) == null ? void 0 : _b.addEventListener("touchend", () => onMouseUp(callback));
+      e.stopPropagation();
+      e.preventDefault();
+    };
+    const removeEvents = () => {
+      var _a, _b, _c, _d;
+      window.removeEventListener("mousemove", onMouseMove);
+      window.removeEventListener("mouseup", () => onMouseUp(removeEvents));
+      (_a = scrollbarRef == null ? void 0 : scrollbarRef.value) == null ? void 0 : _a.removeEventListener("touchstart", (e) => {
+        e.preventDefault();
+      }, {
+        passive: false
+      });
+      (_b = thumbRef == null ? void 0 : thumbRef.value) == null ? void 0 : _b.removeEventListener("touchstart", (e) => onMouseDown(e, removeEvents), {
+        passive: false
+      });
+      (_c = thumbRef == null ? void 0 : thumbRef.value) == null ? void 0 : _c.removeEventListener("touchmove", onMouseMove, {
+        passive: false
+      });
+      (_d = thumbRef == null ? void 0 : thumbRef.value) == null ? void 0 : _d.removeEventListener("touchend", () => onMouseUp(removeEvents));
+      window.cancelAnimationFrame(moveRaf.value);
+    };
+    const onContainerMouseDown = (e) => {
+      e.stopPropagation();
+      e.preventDefault();
+    };
+    onBeforeUnmount(() => {
+      removeEvents();
+      if (visibleTimeout.value) {
+        clearTimeout(visibleTimeout.value);
+      }
+    });
+    onMounted(() => {
+      var _a, _b;
+      (_a = scrollbarRef == null ? void 0 : scrollbarRef.value) == null ? void 0 : _a.addEventListener("touchstart", (e) => {
+        e.preventDefault();
+      }, {
+        passive: false
+      });
+      (_b = thumbRef.value) == null ? void 0 : _b.addEventListener("touchstart", (e) => onMouseDown(e, removeEvents), {
+        passive: false
+      });
+    });
+    const onShowBar = () => {
+      if (visibleTimeout.value) {
+        clearTimeout(visibleTimeout.value);
+      }
+      state.visible = true;
+      visibleTimeout.value = setTimeout(() => {
+        state.visible = false;
+      }, 1e3);
+    };
+    ctx2.expose({
+      onShowBar
+    });
+    return () => {
+      const display = canScroll.value && state.visible ? void 0 : "none";
+      return createVNode("div", {
+        "ref": scrollbarRef,
+        "style": {
+          width: "8px",
+          top: 0,
+          bottom: 0,
+          right: 0,
+          position: "absolute",
+          display
+        },
+        "onMousedown": onContainerMouseDown,
+        "onMousemove": onShowBar
+      }, [createVNode("div", {
+        "ref": thumbRef,
+        "style": {
+          width: "100%",
+          height: getSpinHeight() + "px",
+          top: getTop() + "px",
+          left: 0,
+          position: "absolute",
+          background: "rgba(0, 0, 0, 0.5)",
+          borderRadius: "99px",
+          cursor: "pointer",
+          userSelect: "none"
+        },
+        "onMousedown": (e) => onMouseDown(e, removeEvents)
+      }, null)]);
     };
   }
 });
-var DTreeNode = defineComponent({
-  name: "DTreeNode",
-  props: {
-    data: {
-      type: Object,
-      default: () => ({})
-    },
-    check: {
-      type: Boolean,
-      default: false
-    }
-  },
-  setup(props, {
-    slots
-  }) {
-    const {
-      data,
-      check
-    } = toRefs(props);
-    const {
-      toggleSelectNode,
-      toggleCheckNode,
-      toggleNode,
-      getChildren
-    } = inject(USE_TREE_TOKEN);
-    const ns2 = useNamespace("tree");
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const Item = ({
+  setRef
+}, {
+  slots
+}) => {
+  var _a;
+  const children = flattenChildren((_a = slots.default) == null ? void 0 : _a.call(slots));
+  return children && children.length ? cloneVNode(children[0], {
+    ref: setRef
+  }) : children;
+};
+Item.props = {
+  setRef: {
+    type: Function
+  }
+};
+function renderChildren(list2, startIndex, endIndex, setNodeRef, {
+  getKey
+}, renderFunc) {
+  if (renderFunc === void 0) {
+    return "";
+  }
+  return list2.slice(startIndex, endIndex + 1).map((item, index2) => {
+    const eleIndex = startIndex + index2;
+    const node = renderFunc(item, eleIndex, {});
+    const key = getKey(item);
+    return createVNode(Item, {
+      "key": key,
+      "setRef": (ele) => setNodeRef(item, ele)
+    }, _isSlot(node) ? node : {
+      default: () => [node]
+    });
+  });
+}
+const ScrollStyle = {
+  overflowY: "auto",
+  overflowAnchor: "none"
+};
+var VirtualList = defineComponent({
+  name: "DVirtualList",
+  props: virtualListProps,
+  setup(props, ctx2) {
     const {
-      nodeClass,
-      nodeStyle,
-      nodeContentClass,
-      nodeVLineClass,
-      nodeVLineStyle,
-      nodeHLineClass
-    } = useTreeNode(data);
-    const halfChecked = computed(() => {
-      const children = getChildren == null ? void 0 : getChildren(data.value);
-      const checkedChildren = children == null ? void 0 : children.filter((item) => item.checked);
-      if (["upward", "both"].includes(check.value)) {
-        return checkedChildren.length > 0 && checkedChildren.length < children.length;
+      isVirtual,
+      inVirtual
+    } = useVirtual(props);
+    const state = reactive({
+      scrollTop: 0,
+      scrollMoving: false
+    });
+    const data = computed(() => {
+      return props.data || [];
+    });
+    const mergedData = shallowRef([]);
+    watch(data, () => {
+      mergedData.value = toRaw(data.value).slice();
+    }, {
+      immediate: true
+    });
+    const itemKey = shallowRef(null);
+    watch(() => props.itemKey, (val) => {
+      if (typeof val === "function") {
+        itemKey.value = val;
+      } else {
+        if (val) {
+          itemKey.value = (item) => item == null ? void 0 : item[val];
+        }
+      }
+    }, {
+      immediate: true
+    });
+    const componentRef = ref();
+    const fillerInnerRef = ref();
+    const barRef = ref();
+    const getKey = (item) => {
+      if (!itemKey.value || !props.itemKey) {
+        return;
+      }
+      return itemKey.value(item);
+    };
+    const [setInstance, collectHeight, heights, updatedMark] = useHeights(mergedData, getKey);
+    const calRes = reactive({
+      scrollHeight: void 0,
+      start: 0,
+      end: 0,
+      offset: void 0
+    });
+    const offsetHeight = ref(0);
+    onMounted(() => {
+      nextTick(() => {
+        var _a;
+        offsetHeight.value = ((_a = fillerInnerRef.value) == null ? void 0 : _a.offsetHeight) || 0;
+      });
+    });
+    onUpdated(() => {
+      nextTick(() => {
+        var _a;
+        offsetHeight.value = ((_a = fillerInnerRef.value) == null ? void 0 : _a.offsetHeight) || 0;
+      });
+    });
+    watch([isVirtual, mergedData], () => {
+      if (!isVirtual.value) {
+        Object.assign(calRes, {
+          scrollHeight: void 0,
+          start: 0,
+          end: mergedData.value.length - 1,
+          offset: void 0
+        });
+      }
+    }, {
+      immediate: true
+    });
+    watch([isVirtual, mergedData, offsetHeight, inVirtual], () => {
+      if (isVirtual.value && !inVirtual.value) {
+        Object.assign(calRes, {
+          scrollHeight: offsetHeight.value,
+          start: 0,
+          end: mergedData.value.length - 1,
+          offset: void 0
+        });
+      }
+    }, {
+      immediate: true
+    });
+    watch([inVirtual, isVirtual, () => state.scrollTop, mergedData, updatedMark, () => props.height, offsetHeight], () => {
+      if (!isVirtual.value || !inVirtual.value) {
+        return;
+      }
+      let itemTop = 0;
+      let startIndex;
+      let startOffset;
+      let endIndex;
+      const mergedDataValue = unref(mergedData);
+      const scrollTop = state.scrollTop;
+      const {
+        height
+      } = props;
+      const scrollTopHeight = scrollTop + height;
+      for (let i = 0; i < mergedDataValue.length; i += 1) {
+        const mergedDataItem = mergedDataValue[i];
+        let cacheHeight;
+        if (props.itemKey) {
+          const key = getKey(mergedDataItem);
+          cacheHeight = heights.get(key);
+        }
+        if (cacheHeight === void 0) {
+          cacheHeight = props.itemHeight || 20;
+        }
+        const currentItemBottom = itemTop + cacheHeight;
+        if (startIndex === void 0 && currentItemBottom >= scrollTop) {
+          startIndex = i;
+          startOffset = itemTop;
+        }
+        if (endIndex === void 0 && currentItemBottom > scrollTopHeight) {
+          endIndex = i;
+        }
+        itemTop = currentItemBottom;
+      }
+      if (startIndex === void 0) {
+        startIndex = 0;
+        startOffset = 0;
+      }
+      if (endIndex === void 0) {
+        endIndex = mergedDataValue.length - 1;
+      }
+      endIndex = Math.min(endIndex + 1, mergedDataValue.length);
+      Object.assign(calRes, {
+        scrollHeight: itemTop,
+        start: startIndex,
+        end: endIndex,
+        offset: startOffset
+      });
+    }, {
+      immediate: true
+    });
+    const maxScrollHeight = computed(() => (calRes.scrollHeight || 0) - props.height);
+    const keepInRange = (newScrollTop) => {
+      let newTop = newScrollTop;
+      if (!Number.isNaN(maxScrollHeight.value)) {
+        newTop = Math.min(newTop, maxScrollHeight.value);
+      }
+      newTop = Math.max(newTop, 0);
+      return newTop;
+    };
+    const isScrollAtTop = computed(() => state.scrollTop <= 0);
+    const isScrollAtBottom = computed(() => state.scrollTop >= maxScrollHeight.value);
+    const originScroll = useOriginScroll(isScrollAtTop, isScrollAtBottom);
+    const syncScrollTop = (newTop) => {
+      let value;
+      if (typeof newTop === "function") {
+        value = newTop(state.scrollTop);
       } else {
+        value = newTop;
+      }
+      const alignedTop = keepInRange(value);
+      if (componentRef.value) {
+        componentRef.value.scrollTop = alignedTop;
+      }
+      state.scrollTop = alignedTop;
+    };
+    const onScrollBar = (newScrollTop) => {
+      const newTop = newScrollTop;
+      syncScrollTop(newTop);
+    };
+    const onComponentScroll = (e) => {
+      var _a, _b;
+      const {
+        scrollTop: newScrollTop
+      } = e.currentTarget;
+      if (Math.abs(newScrollTop - state.scrollTop) >= 1) {
+        syncScrollTop(newScrollTop);
+      }
+      (_b = (_a = barRef == null ? void 0 : barRef.value) == null ? void 0 : _a.onShowBar) == null ? void 0 : _b.call(_a);
+      ctx2.emit("scroll", e);
+    };
+    const [onRawWheel, onFireFoxScroll] = useFrameWheel(isVirtual, isScrollAtTop, isScrollAtBottom, (offsetY) => {
+      syncScrollTop((top) => {
+        const newTop = top + offsetY;
+        return newTop;
+      });
+    });
+    useMobileTouchMove(isVirtual, componentRef, (deltaY, smoothOffset) => {
+      if (originScroll(deltaY, !!smoothOffset)) {
         return false;
       }
+      onRawWheel({
+        deltaY
+      });
+      return true;
     });
-    return () => {
-      var _a, _b, _c;
-      const checkboxProps2 = {
-        key: (_a = data.value) == null ? void 0 : _a.id,
-        disabled: (_b = data.value) == null ? void 0 : _b.disableCheck,
-        halfchecked: halfChecked.value,
-        modelValue: (_c = data.value) == null ? void 0 : _c.checked,
-        "onUpdate:modelValue": () => {
-          toggleCheckNode(data.value);
-        },
-        onClick: (event) => {
-          event.stopPropagation();
+    const onMozMousePixelScroll = (e) => {
+      if (isVirtual.value) {
+        e.preventDefault();
+      }
+    };
+    const removeEventListener = () => {
+      if (componentRef.value) {
+        componentRef.value.removeEventListener("wheel", onRawWheel, {
+          passive: false
+        });
+        componentRef.value.removeEventListener("DOMMouseScroll", onFireFoxScroll);
+        componentRef.value.removeEventListener("MozMousePixelScroll", onMozMousePixelScroll);
+      }
+    };
+    watchEffect(() => {
+      nextTick(() => {
+        if (componentRef.value) {
+          removeEventListener();
+          componentRef.value.addEventListener("wheel", onRawWheel, {
+            passive: false
+          });
+          componentRef.value.addEventListener("DOMMouseScroll", onFireFoxScroll);
+          componentRef.value.addEventListener("MozMousePixelScroll", onMozMousePixelScroll);
         }
-      };
-      return createVNode("div", {
-        "class": nodeClass.value,
-        "style": nodeStyle.value
-      }, [createVNode("span", {
-        "class": nodeVLineClass.value,
-        "style": nodeVLineStyle.value
-      }, null), createVNode("div", {
-        "class": nodeContentClass.value,
-        "onClick": () => {
-          toggleSelectNode(data.value);
+      });
+    });
+    onBeforeUnmount(() => {
+      removeEventListener();
+    });
+    const componentStyle = computed(() => {
+      let cs = null;
+      if (props.height) {
+        cs = __spreadValues({
+          maxHeight: isVirtual.value ? props.height + "px" : void 0
+        }, ScrollStyle);
+        if (isVirtual.value) {
+          cs.overflowY = "hidden";
+          if (state.scrollMoving) {
+            cs.pointerEvents = "none";
+          }
         }
-      }, [createVNode("span", {
-        "class": nodeHLineClass.value
-      }, null), slots.icon ? renderSlot(useSlots(), "icon", {
-        nodeData: data,
-        toggleNode
-      }) : createVNode(DTreeNodeToggle, {
-        "data": data.value
-      }, null), createVNode("div", {
-        "class": ns2.em("node-content", "value-wrapper"),
+      }
+      return cs;
+    });
+    watch([() => calRes.start, () => calRes.end, mergedData], () => {
+      const renderList = mergedData.value.slice(calRes.start, calRes.end + 1);
+      ctx2.emit("show-change", renderList, mergedData.value);
+    }, {
+      flush: "post"
+    });
+    return () => {
+      const Component = props.component;
+      return createVNode("div", {
         "style": {
-          height: `${NODE_HEIGHT}px`
+          position: "relative"
         }
-      }, [check.value && createVNode(Checkbox, checkboxProps2, null), slots.default ? renderSlot(useSlots(), "default", {
-        nodeData: data
-      }) : createVNode(DTreeNodeContent, {
-        "data": data
-      }, null)])])]);
+      }, [createVNode(Component, {
+        "style": componentStyle.value,
+        "ref": componentRef,
+        "onScroll": onComponentScroll
+      }, {
+        default: () => [createVNode(ResizeObserverContainer, {
+          "height": calRes.scrollHeight,
+          "offset": calRes.offset,
+          "onInnerResize": collectHeight,
+          "ref": fillerInnerRef
+        }, {
+          default: () => renderChildren(mergedData.value, calRes.start, calRes.end, setInstance, {
+            getKey
+          }, ctx2.slots.item)
+        })]
+      }), isVirtual.value && createVNode(ScrollBar, {
+        "ref": barRef,
+        "scrollTop": state.scrollTop,
+        "height": props.height,
+        "scrollHeight": calRes.scrollHeight,
+        "count": mergedData.value.length,
+        "onScroll": onScrollBar,
+        "onStartMove": () => {
+          state.scrollMoving = true;
+        },
+        "onStopMove": () => {
+          state.scrollMoving = false;
+        }
+      }, null)]);
     };
   }
 });
@@ -21747,7 +22933,7 @@ function omit(obj, ...keys) {
 }
 function generateInnerTree(tree2, key = "children", level = 0, path = []) {
   level++;
-  return tree2.reduce((acc, item) => {
+  return tree2.reduce((acc, item, currentIndex) => {
     var _a, _b;
     const newItem = Object.assign({}, item);
     if (newItem.id === void 0) {
@@ -21755,6 +22941,8 @@ function generateInnerTree(tree2, key = "children", level = 0, path = []) {
       newItem.idType = "random";
     }
     newItem.level = level;
+    newItem.parentChildNode = tree2.length;
+    newItem.currentIndex = currentIndex;
     if (path.length > 0 && ((_a = path[path.length - 1]) == null ? void 0 : _a.level) >= level) {
       while (((_b = path[path.length - 1]) == null ? void 0 : _b.level) >= level) {
         path.pop();
@@ -21777,11 +22965,21 @@ const DEFAULT_CONFIG = {
   recursive: true
 };
 function useCore() {
+  const nodeMap = /* @__PURE__ */ new Map();
   return function useCore2(data) {
     const getLevel = (node) => {
       return data.value.find((item) => item.id === node.id).level;
     };
     const getChildren = (node, userConfig = DEFAULT_CONFIG) => {
+      if (node.isLeaf) {
+        return [];
+      }
+      if (node.id && nodeMap.has(node.id)) {
+        const cacheNode = nodeMap.get(node.id);
+        if (cacheNode) {
+          return cacheNode;
+        }
+      }
       const getInnerExpendedTree = () => {
         return computed(() => {
           let excludeNodes = [];
@@ -21791,7 +22989,7 @@ function useCore() {
             if (excludeNodes.map((innerNode) => innerNode.id).includes(item.id)) {
               continue;
             }
-            if (item.expanded !== true) {
+            if (item.expanded !== true && !item.isLeaf) {
               excludeNodes = getChildren(item);
             }
             result22.push(item);
@@ -21810,6 +23008,9 @@ function useCore() {
           result2.push(treeData.value[i]);
         }
       }
+      if (node.id) {
+        nodeMap.set(node.id, result2);
+      }
       return result2;
     };
     const getParent = (node) => {
@@ -21839,11 +23040,16 @@ function useCore() {
       return data.value.find((item) => item.id === node.id);
     };
     const setNodeValue = (node, key, value) => {
+      nodeMap.clear();
       data.value[getIndex(node)][key] = value;
     };
     const setTree = (newTree) => {
+      nodeMap.clear();
       data.value = generateInnerTree(newTree);
     };
+    onUnmounted(() => {
+      nodeMap.clear();
+    });
     return {
       getLevel,
       getChildren,
@@ -22040,6 +23246,9 @@ const treeProps = {
   check: {
     type: [Boolean, String],
     default: false
+  },
+  height: {
+    type: [Number, String]
   }
 };
 var tree = "";
@@ -22076,28 +23285,43 @@ var Tree = defineComponent({
     expose({
       treeFactory
     });
+    const renderDTreeNode = (treeNode) => slots.default ? renderSlot(useSlots(), "default", {
+      treeFactory,
+      nodeData: treeNode
+    }) : createVNode(DTreeNode, {
+      "data": treeNode,
+      "check": check.value
+    }, {
+      default: () => slots.content ? renderSlot(useSlots(), "content", {
+        nodeData: treeNode
+      }) : createVNode(DTreeNodeContent, {
+        "data": treeNode
+      }, null),
+      icon: () => slots.icon ? renderSlot(useSlots(), "icon", {
+        nodeData: treeNode,
+        toggleNode
+      }) : createVNode(DTreeNodeToggle, {
+        "data": treeNode
+      }, null)
+    });
     return () => {
-      return createVNode("div", {
+      const Component = props.height ? VirtualList : "div";
+      const treeData = getExpendedTree == null ? void 0 : getExpendedTree().value;
+      const vSlotsProps = {
+        default: props.height || (() => treeData == null ? void 0 : treeData.map(renderDTreeNode)),
+        item: props.height && ((treeNode) => renderDTreeNode(treeNode))
+      };
+      let virtualListProps2 = {};
+      if (props.height) {
+        virtualListProps2 = {
+          height: props.height,
+          data: treeData,
+          itemHeight: NODE_HEIGHT
+        };
+      }
+      return createVNode(Component, mergeProps({
         "class": ns2.b()
-      }, [getExpendedTree == null ? void 0 : getExpendedTree().value.map((treeNode) => slots.default ? renderSlot(useSlots(), "default", {
-        treeFactory,
-        nodeData: treeNode
-      }) : createVNode(DTreeNode, {
-        "data": treeNode,
-        "check": check.value
-      }, {
-        default: () => slots.content ? renderSlot(useSlots(), "content", {
-          nodeData: treeNode
-        }) : createVNode(DTreeNodeContent, {
-          "data": treeNode
-        }, null),
-        icon: () => slots.icon ? renderSlot(useSlots(), "icon", {
-          nodeData: treeNode,
-          toggleNode
-        }) : createVNode(DTreeNodeToggle, {
-          "data": treeNode
-        }, null)
-      }))]);
+      }, virtualListProps2), vSlotsProps);
     };
   }
 });
@@ -22176,17 +23400,29 @@ const uploadProps = {
     type: Function,
     default: void 0
   },
-  "on-error": {
+  onError: {
+    type: Function,
+    default: void 0
+  },
+  onSuccess: {
     type: Function,
     default: void 0
   },
-  "on-success": {
+  onExceed: {
     type: Function,
     default: void 0
   },
   oneTimeUpload: {
     type: Boolean,
     default: false
+  },
+  limit: {
+    type: Number,
+    default: 0
+  },
+  httpRequest: {
+    type: Function,
+    default: void 0
   }
 };
 const getAllFilesBeyondMaximalFileSizeMsg = (maximalSize) => `\u6700\u5927\u652F\u6301\u4E0A\u4F20${maximalSize}MB\u7684\u6587\u4EF6, \u60A8\u672C\u6B21\u4E0A\u4F20\u7684\u6240\u6709\u6587\u4EF6\u8D85\u8FC7\u53EF\u4E0A\u4F20\u6587\u4EF6\u5927\u5C0F`;
@@ -22502,7 +23738,9 @@ var Upload = defineComponent({
       modelValue,
       multiple,
       accept,
-      webkitdirectory
+      webkitdirectory,
+      limit,
+      httpRequest
     } = toRefs(props);
     const ns2 = useNamespace("upload");
     const inputGroupNs = useNamespace("input-group");
@@ -22525,7 +23763,7 @@ var Upload = defineComponent({
       _oneTimeUpload,
       getSameNameFiles
     } = useUpload();
-    const isDropOVer = ref(false);
+    const isDropOver = ref(false);
     const alertMsg = (errorMsg) => {
       NotificationService.open({
         type: "warning",
@@ -22553,7 +23791,7 @@ var Upload = defineComponent({
       }
     };
     const onFileOver = (event) => {
-      isDropOVer.value = event;
+      isDropOver.value = event;
       ctx2.emit("fileOver", event);
     };
     const deleteUploadedFile = (file) => {
@@ -22564,7 +23802,7 @@ var Upload = defineComponent({
       ctx2.emit("update:modelValue", newUploadedFiles);
     };
     const onDeleteFile = (event, file, status2) => {
-      event.stopPropagation();
+      event == null ? void 0 : event.stopPropagation();
       if (status2 === UploadStatus.uploaded) {
         deleteUploadedFile(file);
       }
@@ -22593,20 +23831,32 @@ var Upload = defineComponent({
           removeFiles();
           return;
         }
+        if (typeof (httpRequest == null ? void 0 : httpRequest.value) === "function") {
+          const files = fileUploaders.value.map((tempFileUploader) => tempFileUploader.file);
+          httpRequest.value(files);
+          return;
+        }
         const uploadObservable = oneTimeUpload.value ? _oneTimeUpload() : upload2(fileUploader);
         uploadObservable == null ? void 0 : uploadObservable.then((results2) => {
-          props["on-success"] && props["on-success"](results2);
+          props.onSuccess && props.onSuccess(results2);
           const newFiles = results2.map((result2) => result2.file);
           const newUploadedFiles = [...newFiles, ...modelValue.value];
           ctx2.emit("update:modelValue", newUploadedFiles);
+          props.onChange && props.onChange(newFiles, newUploadedFiles);
         }).catch((error) => {
-          props["on-error"] && props["on-error"](error);
+          props.onError && props.onError(error);
+          props.onChange && props.onChange([error.file], modelValue.value);
         });
       });
     };
     const _dealFiles = (promise) => {
       resetSameNameFiles();
       promise.then((files) => {
+        if (limit.value && modelValue.value.length + files.length > limit.value) {
+          props.onExceed && props.onExceed(files, modelValue.value);
+          return;
+        }
+        props.onChange && props.onChange(files, modelValue.value);
         files.forEach((file) => {
           if (!multiple.value) {
             removeFiles();
@@ -22638,15 +23888,27 @@ var Upload = defineComponent({
       }));
     };
     const onFileDrop = (files) => {
-      isDropOVer.value = false;
+      isDropOver.value = false;
       _dealFiles(triggerDropFiles(files));
       ctx2.emit("fileDrop", files);
     };
+    const submit = (event, fileUploader) => {
+      fileUpload(event, fileUploader);
+    };
+    const clearFiles = (event) => {
+      fileUploaders.value.forEach((fileUploader) => {
+        onDeleteFile(event, fileUploader.file, fileUploader.status);
+      });
+    };
+    ctx2.expose({
+      submit,
+      clearFiles
+    });
     return () => {
       var _a, _b, _c, _d;
       return createVNode("div", null, [withDirectives(createVNode("div", {
         "class": ns2.b(),
-        "style": `border: ${isDropOVer.value ? "1px solid #15bf15" : "0"}`
+        "style": `border: ${isDropOver.value ? "1px solid #15bf15" : "0"}`
       }, [((_b = (_a = ctx2.slots).default) == null ? void 0 : _b.call(_a)) ? createVNode("div", {
         "onClick": handleClick
       }, [ctx2.slots.default()]) : createVNode("div", {
@@ -22820,6 +24082,7 @@ const installs = [
   TabsInstall,
   TagInstall,
   TextareaInstall,
+  TimeSelectInstall,
   TimelineInstall,
   TooltipInstall,
   TreeInstall,
@@ -22831,4 +24094,4 @@ var vueDevui = {
     installs.forEach((p) => app.use(p));
   }
 };
-export { Alert, Aside, AutoComplete, Avatar, Badge, Button, ButtonGroup, Card, Checkbox, CheckboxButton, CheckboxGroup, Col, Collapse, CollapseItem, Column, Content, Countdown, DatePicker, Drawer, DrawerService, Dropdown, DropdownMenu, EditableSelect, FixedOverlay, FlexibleOverlay, Footer$1 as Footer, Form, FormItem, FormOperation, Fullscreen, Header$1 as Header, DIcon as Icon, IconGroup, ImagePreviewDirective, ImagePreviewService, DInput as Input, InputNumber, Layout, loadingDirective as Loading, loading as LoadingService, Modal, Notification, NotificationService, Option, Pagination, Panel, PanelBody, PanelFooter, PanelHeader, Popover, Progress, Radio, RadioButton, RadioGroup, Rate, Result, RippleDirective, Row, Search, Select, Skeleton, SkeletonItem, Slider, Splitter, Statistic, Status, StickSlider, Switch, Tab, Table, Tabs, Tag, Textarea, Timeline, TimelineItem, Tooltip, Tree, Upload, vueDevui as default };
+export { Alert, Aside, AutoComplete, Avatar, Badge, Button, ButtonGroup, Card, Checkbox, CheckboxButton, CheckboxGroup, Col, Collapse, CollapseItem, Column, Content, Countdown, DatePicker, Drawer, DrawerService, Dropdown, DropdownMenu, EditableSelect, FixedOverlay, FlexibleOverlay, Footer$1 as Footer, Form, FormItem, FormOperation, Fullscreen, Header$1 as Header, DIcon as Icon, IconGroup, ImagePreviewDirective, ImagePreviewService, DInput as Input, InputNumber, Layout, loadingDirective as Loading, loading as LoadingService, Modal, Notification, NotificationService, Option, Pagination, Panel, PanelBody, PanelFooter, PanelHeader, Popover, Progress, Radio, RadioButton, RadioGroup, Rate, Result, RippleDirective, Row, Search, Select, Skeleton, SkeletonItem, Slider, Splitter, Statistic, Status, StickSlider, Switch, Tab, Table, Tabs, Tag, Textarea, TimeSelect, Timeline, TimelineItem, Tooltip, Tree, Upload, vueDevui as default };