vue-devui 1.3.4-alpha.3 → 1.3.4-alpha.4

package/vue-devui.es.js

@@ -968,14 +968,14 @@ const AlertCloseIcon = () => createVNode("svg", {
 }, [createVNode("path", {
   "d": "M11.6426,3.19816936 C11.9239974,2.91574512 12.4131626,2.93784891         12.7352108,3.24751057 C13.0571998,3.5572302 13.0901298,4.03723416         12.8087324,4.31965839 L9.14064666,7.99900183 L12.8087324,11.6803416         C13.0645482,11.9370909 13.0605893,12.3571292 12.8158402,12.6640749         L12.7352108,12.7524894 C12.4131626,13.0621511 11.9239974,13.0842548         11.6426,12.8018306 L8,9.14489021 L4.35740003,12.8018306 C4.10158422,13.05858         3.6740594,13.0636532 3.35648225,12.8298003 L3.26478919,12.7524894         C2.94280021,12.4427698 2.90987023,11.9627658 3.19126762,11.6803416         L6.8583349,7.99900183 L3.19126762,4.31965839 C2.93545181,4.06290908         2.93941068,3.64287076 3.18415975,3.3359251 L3.26478919,3.24751057         C3.58683735,2.93784891 4.07600264,2.91574512 4.35740003,3.19816936         L8,6.85411161 L11.6426,3.19816936 Z"
 }, null)])])]);
-const ns$l = useNamespace("alert");
+const ns$k = useNamespace("alert");
 const AlertTypeIcon = (props) => createVNode("svg", {
   "width": "16px",
   "height": "16px",
   "viewBox": "0 0 16 16",
   "version": "1.1",
   "xmlns": "http://www.w3.org/2000/svg",
-  "class": [ns$l.e("icon"), props.type === "danger" ? ns$l.em("icon", "error") : ns$l.em("icon", props.type)]
+  "class": [ns$k.e("icon"), props.type === "danger" ? ns$k.em("icon", "error") : ns$k.em("icon", props.type)]
 }, [(() => {
   switch (props.type) {
     case "success":
@@ -7740,9 +7740,9 @@ var OverlayInstall = {
 const POPPER_TRIGGER_TOKEN = Symbol("popper-trigger");
 const isString$1 = (val) => typeof val === "string";
 const isObject$7 = (val) => val !== null && typeof val === "object";
-const ns$k = useNamespace("popper-trigger");
+const ns$j = useNamespace("popper-trigger");
 function wrapContent(content2) {
-  return h("span", { class: ns$k.b() }, content2);
+  return h("span", { class: ns$j.b() }, content2);
 }
 function getFirstValidChild(nodes) {
   for (const child of nodes) {
@@ -7927,10 +7927,10 @@ function usePopoverEvent(props, visible, origin) {
   });
   return { placement, handlePositionChange, onMouseenter, onMouseleave };
 }
-const ns$j = useNamespace("popover");
+const ns$i = useNamespace("popover");
 function SuccessIcon$3() {
   return createVNode("svg", {
-    "class": [ns$j.e("icon"), ns$j.em("icon", "success")],
+    "class": [ns$i.e("icon"), ns$i.em("icon", "success")],
     "viewBox": "0 0 16 16",
     "version": "1.1",
     "xmlns": "http://www.w3.org/2000/svg"
@@ -7954,7 +7954,7 @@ function SuccessIcon$3() {
 }
 function WarningIcon$2() {
   return createVNode("svg", {
-    "class": [ns$j.e("icon"), ns$j.em("icon", "warning")],
+    "class": [ns$i.e("icon"), ns$i.em("icon", "warning")],
     "viewBox": "0 0 16 16",
     "version": "1.1",
     "xmlns": "http://www.w3.org/2000/svg"
@@ -7971,7 +7971,7 @@ function WarningIcon$2() {
 }
 function InfoIcon$2() {
   return createVNode("svg", {
-    "class": [ns$j.e("icon"), ns$j.em("icon", "info")],
+    "class": [ns$i.e("icon"), ns$i.em("icon", "info")],
     "viewBox": "0 0 16 16",
     "version": "1.1",
     "xmlns": "http://www.w3.org/2000/svg"
@@ -7992,7 +7992,7 @@ function InfoIcon$2() {
 }
 function ErrorIcon$3() {
   return createVNode("svg", {
-    "class": [ns$j.e("icon"), ns$j.em("icon", "error")],
+    "class": [ns$i.e("icon"), ns$i.em("icon", "error")],
     "width": "16px",
     "height": "16px",
     "viewBox": "0 0 16 16",
@@ -11768,12 +11768,12 @@ var CarouselInstall = {
     app.component(CarouselItem.name, CarouselItem);
   }
 };
-const ns$i = useNamespace("cascader");
+const ns$h = useNamespace("cascader");
 const useRootClassName = (props, menuShow) => {
   return computed(() => ({
-    [`${ns$i.b()} ${ns$i.e("dropdown")} ${ns$i.em("dropdown", "animation")}`]: true,
-    [ns$i.em("dropdown", "open")]: menuShow.value,
-    [ns$i.e("disbaled")]: props.disabled
+    [`${ns$h.b()} ${ns$h.e("dropdown")} ${ns$h.em("dropdown", "animation")}`]: true,
+    [ns$h.em("dropdown", "open")]: menuShow.value,
+    [ns$h.e("disbaled")]: props.disabled
   }));
 };
 const useListClassName = (props) => {
@@ -11782,7 +11782,7 @@ const useListClassName = (props) => {
   const isActive = ((_a = itemProps == null ? void 0 : itemProps.valueCache) == null ? void 0 : _a[props.ulIndex]) === ((_b = props.cascaderItem) == null ? void 0 : _b.value);
   const isDisabled = (_c = props.cascaderItem) == null ? void 0 : _c.disabled;
   return computed(() => ({
-    [`${ns$i.e("li")} dropdown-item`]: true,
+    [`${ns$h.e("li")} dropdown-item`]: true,
     "leaf-active": isActive,
     disabled: isDisabled
   }));
@@ -11791,13 +11791,13 @@ const useUlClassName = (props) => {
   return computed(() => {
     var _a;
     return {
-      [ns$i.e("ul")]: true,
-      [ns$i.e("drop-no-data")]: ((_a = props == null ? void 0 : props.cascaderItems) == null ? void 0 : _a.length) === 0
+      [ns$h.e("ul")]: true,
+      [ns$h.e("drop-no-data")]: ((_a = props == null ? void 0 : props.cascaderItems) == null ? void 0 : _a.length) === 0
     };
   });
 };
 const dropdownOpenClass = (status2) => {
-  return status2 ? `${ns$i.e("drop-menu-wrapper")}` : "";
+  return status2 ? `${ns$h.e("drop-menu-wrapper")}` : "";
 };
 const useRootStyle = (props) => {
   return {
@@ -11871,8 +11871,7 @@ const cascaderProps = {
     default: () => true
   },
   size: {
-    type: String,
-    default: "md"
+    type: String
   }
 };
 const cascaderulProps = {
@@ -13602,17 +13601,17 @@ const tabsProps = {
     default: "top"
   }
 };
-const ns$h = useNamespace("tabs");
+const ns$g = useNamespace("tabs");
 function useTabNavRender(props, data) {
   const { cssClass, tabPosition, customWidth } = toRefs(props);
   const ulClasses = computed(() => ({
-    [ns$h.e("nav")]: true,
-    [ns$h.em("nav", props.type)]: true,
+    [ns$g.e("nav")]: true,
+    [ns$g.em("nav", props.type)]: true,
     [cssClass.value]: Boolean(cssClass.value),
-    [ns$h.em("nav", "top")]: tabPosition.value === "top",
-    [ns$h.em("nav", "right")]: tabPosition.value === "right",
-    [ns$h.em("nav", "bottom")]: tabPosition.value === "bottom",
-    [ns$h.em("nav", "left")]: tabPosition.value === "left"
+    [ns$g.em("nav", "top")]: tabPosition.value === "top",
+    [ns$g.em("nav", "right")]: tabPosition.value === "right",
+    [ns$g.em("nav", "bottom")]: tabPosition.value === "bottom",
+    [ns$g.em("nav", "left")]: tabPosition.value === "left"
   }));
   const aClasses = computed(() => ({
     ["custom-width"]: Boolean(customWidth.value)
@@ -13850,7 +13849,7 @@ var TabNav = defineComponent({
     };
   }
 });
-const ns$g = useNamespace("tabs");
+const ns$f = useNamespace("tabs");
 function useTabsEvent(ctx2) {
   const onUpdateModelValue = (value) => {
     ctx2.emit("update:modelValue", value);
@@ -13871,8 +13870,8 @@ function useTabsEvent(ctx2) {
 }
 function useTabsRender(props) {
   const tabsClasses = computed(() => ({
-    [ns$g.b()]: true,
-    [ns$g.m(props.tabPosition)]: true
+    [ns$f.b()]: true,
+    [ns$f.m(props.tabPosition)]: true
   }));
   return { tabsClasses };
 }
@@ -18764,8 +18763,7 @@ const timePickerProps = {
     default: true
   },
   size: {
-    type: String,
-    default: "md"
+    type: String
   },
   readonly: {
     type: Boolean,
@@ -21013,15 +21011,15 @@ function useKeydown(props, ctx2) {
     document.removeEventListener("keydown", handleKeydown);
   });
 }
-const ns$f = useNamespace("fullscreen");
+const ns$e = useNamespace("fullscreen");
 const launchNormalFullscreen = (targetElement, props) => {
-  targetElement.classList.add(ns$f.b());
+  targetElement.classList.add(ns$e.b());
   if (props.zIndex) {
     targetElement.setAttribute("style", `z-index: ${props.zIndex}`);
   }
 };
 const exitNormalFullscreen = (targetElement) => {
-  targetElement.classList.remove(ns$f.b());
+  targetElement.classList.remove(ns$e.b());
   targetElement.style.zIndex = "";
 };
 const launchImmersiveFullScreen = async (docElement) => {
@@ -21051,10 +21049,10 @@ const exitImmersiveFullScreen = async (doc) => {
   return await (fullscreenExit == null ? void 0 : fullscreenExit.then(() => !!document.fullscreenElement));
 };
 const addFullScreenStyle = () => {
-  document.getElementsByTagName("html")[0].classList.add(ns$f.e("html"));
+  document.getElementsByTagName("html")[0].classList.add(ns$e.e("html"));
 };
 const removeFullScreenStyle = () => {
-  document.getElementsByTagName("html")[0].classList.remove(ns$f.e("html"));
+  document.getElementsByTagName("html")[0].classList.remove(ns$e.e("html"));
 };
 function useFullscreen(props, slotElement, ctx2) {
   const { modelValue, mode } = toRefs(props);
@@ -22468,8 +22466,7 @@ const inputNumberProps = {
     default: -Infinity
   },
   size: {
-    type: String,
-    default: "md"
+    type: String
   },
   modelValue: {
     type: Number
@@ -22482,10 +22479,10 @@ const inputNumberProps = {
     default: ""
   }
 };
-const ns$e = useNamespace("input-number");
+const ns$d = useNamespace("input-number");
 function IncIcon() {
   return createVNode("svg", {
-    "class": ns$e.e("icon-arrow"),
+    "class": ns$d.e("icon-arrow"),
     "width": "1em",
     "height": "1em",
     "viewBox": "0 0 16 16",
@@ -22503,7 +22500,7 @@ function IncIcon() {
 }
 function DecIcon() {
   return createVNode("svg", {
-    "class": ns$e.e("icon-arrow"),
+    "class": ns$d.e("icon-arrow"),
     "width": "1em",
     "height": "1em",
     "viewBox": "0 0 16 16",
@@ -22519,26 +22516,28 @@ function DecIcon() {
     "fill-rule": "nonzero"
   }, null)])]);
 }
-const ns$d = useNamespace("input-number");
+const ns$c = useNamespace("input-number");
 function useRender$1(props, ctx2) {
+  const formContext = inject(FORM_TOKEN, void 0);
   const _a = ctx2.attrs, { style, class: customClass } = _a, otherAttrs = __objRest(_a, ["style", "class"]);
   const customStyle = { style };
+  const inputNumberSize = computed(() => props.size || (formContext == null ? void 0 : formContext.size) || "md");
   const wrapClass = computed(() => [
     {
-      [ns$d.b()]: true,
-      [ns$d.m(props.size)]: true
+      [ns$c.b()]: true,
+      [ns$c.m(inputNumberSize.value)]: true
     },
     customClass
   ]);
   const controlButtonsClass = computed(() => ({
-    [ns$d.e("control-buttons")]: true,
+    [ns$c.e("control-buttons")]: true,
     disabled: props.disabled
   }));
   const inputWrapClass = computed(() => ({
-    [ns$d.e("input-wrap")]: true
+    [ns$c.e("input-wrap")]: true
   }));
   const inputInnerClass = computed(() => ({
-    [ns$d.e("input-box")]: true,
+    [ns$c.e("input-box")]: true,
     disabled: props.disabled
   }));
   return { wrapClass, customStyle, otherAttrs, controlButtonsClass, inputWrapClass, inputInnerClass };
@@ -23324,12 +23323,12 @@ var MentionInstall = {
 const elements = [];
 let parents = [];
 const defaultIndent = ref(24);
-const ns$c = useNamespace("menu");
+const ns$b = useNamespace("menu");
 const subNs$2 = useNamespace("submenu");
-const menuClass = ns$c.b();
-const menuItemHorizontalWrapper = `${ns$c.b()}-item-horizontal-wrapper`;
-const menuItemSelect$1 = `${ns$c.b()}-item-select`;
-const menuActiveParent = `${ns$c.b()}-active-parent`;
+const menuClass = ns$b.b();
+const menuItemHorizontalWrapper = `${ns$b.b()}-item-horizontal-wrapper`;
+const menuItemSelect$1 = `${ns$b.b()}-item-select`;
+const menuActiveParent = `${ns$b.b()}-active-parent`;
 function setDefaultIndent(indent) {
   defaultIndent.value = indent;
 }
@@ -23354,7 +23353,7 @@ function addLayer() {
       continue;
     } else {
       if (shiftItem.tagName === "DIV") {
-        if (shiftItem.classList.contains(`${ns$c.b()}-item-vertical-wrapper`) || shiftItem.classList.contains(`${subNs$2.b()}-menu-item-vertical-wrapper`)) {
+        if (shiftItem.classList.contains(`${ns$b.b()}-item-vertical-wrapper`) || shiftItem.classList.contains(`${subNs$2.b()}-menu-item-vertical-wrapper`)) {
           const parent = shiftItem.parentElement;
           stack.unshift(...Array.from(shiftItem.children));
           if (parent == null ? void 0 : parent.classList.contains(menuClass)) {
@@ -23405,7 +23404,7 @@ function getRoot(path) {
   let rootElement = null;
   for (let i = 0; i < paths.length; i++) {
     const p = paths[i];
-    if ((_a = p == null ? void 0 : p.classList) == null ? void 0 : _a.contains(`${ns$c.b()}-horizontal`)) {
+    if ((_a = p == null ? void 0 : p.classList) == null ? void 0 : _a.contains(`${ns$b.b()}-horizontal`)) {
       rootElement = p;
     }
   }
@@ -23484,7 +23483,7 @@ const menuItemProps = {
     type: [String, Object]
   }
 };
-const ns$b = useNamespace("menu");
+const ns$a = useNamespace("menu");
 function initSelect(defaultSelectKeys, keys2, isMultiple, disabled) {
   const isSelect = ref(false);
   if (!isMultiple) {
@@ -23505,9 +23504,9 @@ function initSelect(defaultSelectKeys, keys2, isMultiple, disabled) {
 function addActiveParent(ele) {
   var _a, _b;
   let cur = ele.parentElement;
-  while (!cur.classList.contains(ns$b.b())) {
+  while (!cur.classList.contains(ns$a.b())) {
     if (((_a = cur.firstElementChild) == null ? void 0 : _a.tagName) === "DIV") {
-      (_b = cur == null ? void 0 : cur.firstElementChild) == null ? void 0 : _b.classList.add(`${ns$b.b()}-active-parent`);
+      (_b = cur == null ? void 0 : cur.firstElementChild) == null ? void 0 : _b.classList.add(`${ns$a.b()}-active-parent`);
     }
     cur = cur.parentElement;
   }
@@ -23523,25 +23522,25 @@ function changeRoute(props, router, useRouter, key) {
   }
   return void 0;
 }
-const ns$a = useNamespace("menu");
+const ns$9 = useNamespace("menu");
 function useClick(e) {
   const paths = e.path;
   for (let i = 0; i < paths.length; i++) {
     const path = paths[i];
-    if (path.classList.contains(`${ns$a.b()}-horizontal`)) {
+    if (path.classList.contains(`${ns$9.b()}-horizontal`)) {
       break;
-    } else if (path.classList.contains(`${ns$a.b()}-item-horizontal-wrapper`)) {
+    } else if (path.classList.contains(`${ns$9.b()}-item-horizontal-wrapper`)) {
       continue;
     } else {
       if (path.tagName !== "SPAN") {
-        path.classList.add(`${ns$a.b()}-item-select`);
+        path.classList.add(`${ns$9.b()}-item-select`);
       }
     }
   }
 }
-const ns$9 = useNamespace("menu");
-const menuItemSelect = `${ns$9.b()}-item-select`;
-const menuItemDisabled = `${ns$9.b()}-item-disabled`;
+const ns$8 = useNamespace("menu");
+const menuItemSelect = `${ns$8.b()}-item-select`;
+const menuItemDisabled = `${ns$8.b()}-item-disabled`;
 var MenuItem = defineComponent({
   name: "DMenuItem",
   props: menuItemProps,
@@ -23564,8 +23563,8 @@ var MenuItem = defineComponent({
     const useRouter = inject("useRouter");
     const router = instance == null ? void 0 : instance.appContext.config.globalProperties.$router;
     const classObject = computed(() => ({
-      [`${ns$9.b()}-item`]: true,
-      [`${ns$9.b()}-item-isCollapsed`]: isCollapsed.value,
+      [`${ns$8.b()}-item`]: true,
+      [`${ns$8.b()}-item-isCollapsed`]: isCollapsed.value,
       [menuItemSelect]: isSelect.value,
       [menuItemDisabled]: disabled.value
     }));
@@ -23625,11 +23624,11 @@ var MenuItem = defineComponent({
       }
       if (mode.value === "horizontal") {
         const ul = (_a2 = ele.parentElement) == null ? void 0 : _a2.parentElement;
-        ul == null ? void 0 : ul.classList.add(`${ns$9.b()}-active-parent`);
+        ul == null ? void 0 : ul.classList.add(`${ns$8.b()}-active-parent`);
       }
     };
     const icons = createVNode("span", {
-      "class": `${ns$9.b()}-icon`
+      "class": `${ns$8.b()}-icon`
     }, [(_b = (_a = ctx2.slots).icon) == null ? void 0 : _b.call(_a)]);
     const menuItems = ref(null);
     watch(disabled, () => {
@@ -23646,7 +23645,7 @@ var MenuItem = defineComponent({
       let oldPadding = "";
       const ele = menuItems.value;
       if (mode.value === "vertical") {
-        if ((_b2 = (_a2 = ele.parentElement) == null ? void 0 : _a2.parentElement) == null ? void 0 : _b2.classList.contains(ns$9.b())) {
+        if ((_b2 = (_a2 = ele.parentElement) == null ? void 0 : _a2.parentElement) == null ? void 0 : _b2.classList.contains(ns$8.b())) {
           isLayer1.value = true;
           if (isLayer1.value) {
             ele.style.paddingRight = ``;
@@ -23676,7 +23675,7 @@ var MenuItem = defineComponent({
     });
     return () => {
       return mode.value === "vertical" ? createVNode("div", {
-        "class": `${ns$9.b()}-item-vertical-wrapper`
+        "class": `${ns$8.b()}-item-vertical-wrapper`
       }, [createVNode("li", {
         "class": classObject.value,
         "onClick": onClick,
@@ -23810,10 +23809,10 @@ const subMenuProps = {
     default: false
   }
 };
-const ns$8 = useNamespace("menu");
+const ns$7 = useNamespace("menu");
 const subNs$1 = useNamespace("submenu");
-const menuItemHorizontalWrapperHidden = `${ns$8.b()}-item-horizontal-wrapper-hidden`;
-const menuItemHorizontalWrapperShow = `${ns$8.b()}-item-horizontal-wrapper-show`;
+const menuItemHorizontalWrapperHidden = `${ns$7.b()}-item-horizontal-wrapper-hidden`;
+const menuItemHorizontalWrapperShow = `${ns$7.b()}-item-horizontal-wrapper-show`;
 function useShowSubMenu(eventName, e, wrapper) {
   const target = e.currentTarget;
   const targetParent = target.parentElement;
@@ -23821,7 +23820,7 @@ function useShowSubMenu(eventName, e, wrapper) {
   wrapper.style.padding = `0 20px !important`;
   if (eventName === "mouseenter") {
     if ((targetParent == null ? void 0 : targetParent.tagName) === "DIV") {
-      wrapper.classList.add(`${ns$8.b()}-item-horizontal-wrapper-level`);
+      wrapper.classList.add(`${ns$7.b()}-item-horizontal-wrapper-level`);
       const { width } = target.getClientRects()[0];
       wrapper.style.top = `0px`;
       wrapper.style.left = `${width}px`;
@@ -23834,7 +23833,7 @@ function useShowSubMenu(eventName, e, wrapper) {
     for (let i = 0; i < wrapperChildren.length; i++) {
       const ul = wrapperChildren[i];
       if (ul.tagName === "UL" && ul.classList.contains(subNs$1.b())) {
-        const levelUlWrapper = ul.getElementsByClassName(`${ns$8.b()}-item-horizontal-wrapper`)[0];
+        const levelUlWrapper = ul.getElementsByClassName(`${ns$7.b()}-item-horizontal-wrapper`)[0];
         ul.addEventListener("mouseenter", (ev) => {
           ev.stopPropagation();
           useShowSubMenu("mouseenter", ev, levelUlWrapper);
@@ -23855,7 +23854,7 @@ function useShowSubMenu(eventName, e, wrapper) {
     wrapper.classList.add(menuItemHorizontalWrapperHidden);
   }
 }
-const ns$7 = useNamespace("menu");
+const ns$6 = useNamespace("menu");
 const subNs = useNamespace("submenu");
 const subMenuClass = subNs.b();
 var SubMenu = defineComponent({
@@ -23980,7 +23979,7 @@ var SubMenu = defineComponent({
         "style": `padding: 0 ${indent}px`,
         "ref": title
       }, [createVNode("span", {
-        "class": `${ns$7.b()}-icon`
+        "class": `${ns$6.b()}-icon`
       }, [(_b = (_a = ctx2.slots) == null ? void 0 : _a.icon) == null ? void 0 : _b.call(_a)]), withDirectives(createVNode("span", {
         "class": `${subMenuClass}-title-content`
       }, [props.title]), [[vShow, !isCollapsed.value]]), withDirectives(createVNode("i", {
@@ -23990,7 +23989,7 @@ var SubMenu = defineComponent({
           "is-opened": isOpen.value
         }
       }, null), [[vShow, !isCollapsed.value && key !== "overflowContainer"]])]), isHorizontal ? withDirectives(createVNode("div", {
-        "class": `${ns$7.b()}-item-horizontal-wrapper ${ns$7.b()}-item-horizontal-wrapper-hidden`,
+        "class": `${ns$6.b()}-item-horizontal-wrapper ${ns$6.b()}-item-horizontal-wrapper-hidden`,
         "ref": wrapper
       }, [(_d = (_c = ctx2.slots).default) == null ? void 0 : _d.call(_c)]), [[vShow, !props.disabled]]) : createVNode(MenuTransition, null, {
         default: () => {
@@ -24268,12 +24267,12 @@ const messageProps = {
     type: Function
   }
 };
-const ns$6 = useNamespace("message");
+const ns$5 = useNamespace("message");
 function SuccessIcon$1() {
   return createVNode("svg", {
     "viewBox": "0 0 1024 1024",
     "xmlns": "http://www.w3.org/2000/svg",
-    "class": ns$6.e("icon")
+    "class": ns$5.e("icon")
   }, [createVNode("path", {
     "fill": "currentColor",
     "d": "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm-55.808 536.384-99.52-99.584a38.4 38.4 0 1 0-54.336 54.336l126.72 126.72a38.272 38.272 0 0 0 54.336 0l262.4-262.464a38.4 38.4 0 1 0-54.272-54.336L456.192 600.384z"
@@ -24283,7 +24282,7 @@ function WarningIcon$1() {
   return createVNode("svg", {
     "viewBox": "0 0 1024 1024",
     "xmlns": "http://www.w3.org/2000/svg",
-    "class": ns$6.e("icon")
+    "class": ns$5.e("icon")
   }, [createVNode("path", {
     "fill": "currentColor",
     "d": "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 192a58.432 58.432 0 0 0-58.24 63.744l23.36 256.384a35.072 35.072 0 0 0 69.76 0l23.296-256.384A58.432 58.432 0 0 0 512 256zm0 512a51.2 51.2 0 1 0 0-102.4 51.2 51.2 0 0 0 0 102.4z"
@@ -24293,7 +24292,7 @@ function InfoIcon$1() {
   return createVNode("svg", {
     "viewBox": "0 0 1024 1024",
     "xmlns": "http://www.w3.org/2000/svg",
-    "class": ns$6.e("icon")
+    "class": ns$5.e("icon")
   }, [createVNode("path", {
     "fill": "currentColor",
     "d": "M512 64a448 448 0 1 1 0 896.064A448 448 0 0 1 512 64zm67.2 275.072c33.28 0 60.288-23.104 60.288-57.344s-27.072-57.344-60.288-57.344c-33.28 0-60.16 23.104-60.16 57.344s26.88 57.344 60.16 57.344zM590.912 699.2c0-6.848 2.368-24.64 1.024-34.752l-52.608 60.544c-10.88 11.456-24.512 19.392-30.912 17.28a12.992 12.992 0 0 1-8.256-14.72l87.68-276.992c7.168-35.136-12.544-67.2-54.336-71.296-44.096 0-108.992 44.736-148.48 101.504 0 6.784-1.28 23.68.064 33.792l52.544-60.608c10.88-11.328 23.552-19.328 29.952-17.152a12.8 12.8 0 0 1 7.808 16.128L388.48 728.576c-10.048 32.256 8.96 63.872 55.04 71.04 67.84 0 107.904-43.648 147.456-100.416z"
@@ -24303,7 +24302,7 @@ function ErrorIcon$1() {
   return createVNode("svg", {
     "viewBox": "0 0 1024 1024",
     "xmlns": "http://www.w3.org/2000/svg",
-    "class": ns$6.e("icon")
+    "class": ns$5.e("icon")
   }, [createVNode("path", {
     "fill": "currentColor",
     "d": "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 393.664L407.936 353.6a38.4 38.4 0 1 0-54.336 54.336L457.664 512 353.6 616.064a38.4 38.4 0 1 0 54.336 54.336L512 566.336 616.064 670.4a38.4 38.4 0 1 0 54.336-54.336L566.336 512 670.4 407.936a38.4 38.4 0 1 0-54.336-54.336L512 457.664z"
@@ -25068,7 +25067,7 @@ var Close = defineComponent({
     }, null)]);
   }
 });
-const ns$5 = useNamespace("notification");
+const ns$4 = useNamespace("notification");
 const XLINK = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink"
 };
@@ -25096,7 +25095,7 @@ function SuccessIcon() {
     "fill": "white"
   }, [createVNode("use", XLINK_HREF$1, null)]), createVNode("use", mergeProps({
     "id": "Mask",
-    "class": ns$5.e("image-success-path")
+    "class": ns$4.e("image-success-path")
   }, XLINK_HREF$1), null)])]);
 }
 function WarningIcon() {
@@ -25112,10 +25111,10 @@ function WarningIcon() {
     "fill": "none",
     "fill-rule": "evenodd"
   }, [createVNode("path", {
-    "class": ns$5.e("warning-outer"),
+    "class": ns$4.e("warning-outer"),
     "d": "M8.96244623,0.57254229 L15.8714442,13.4101975 C16.1549662,13.9370117            15.9538562,14.5918482 15.4222523,14.8728158 C15.2642579,14.9563203 15.0879506,           15 14.9088903,15 L1.09089441,15 C0.488410063,15 0,14.5159904 0,13.9189343 C0,13.7414873            0.0440768395,13.5667684 0.128340519,13.4101975 L7.03733844,0.57254229 C7.32086049,           0.0457280838 7.98165058,-0.153569987 8.51325441,0.127397589 C8.70423071,           0.228333932 8.8605922,0.383286648 8.96244623,0.57254229 Z"
   }, null), createVNode("path", {
-    "class": ns$5.e("warning-inner"),
+    "class": ns$4.e("warning-inner"),
     "stroke-width": "0.3",
     "fill-rule": "nonzero",
     "d": "M8.87894737,13 L7.08947368,13 L7.08947368,11.2105263 L8.87894737,11.2105263 L8.87894737,13 Z M8.62102372,9.86842105            L7.32800539,9.86842105 L7,4.5 L8.96842105,4.5 L8.62102372,9.86842105 Z"
@@ -25135,7 +25134,7 @@ function InfoIcon() {
     "fill": "none",
     "fill-rule": "evenodd"
   }, [createVNode("path", {
-    "class": ns$5.e("image-info-path"),
+    "class": ns$4.e("image-info-path"),
     "d": "M7,13 L7,6 L9,6 L9,13 L7,13 Z M7,5 L7,3 L9,3 L9,5 L7,5 Z",
     "id": "info"
   }, null)])]);
@@ -25161,7 +25160,7 @@ function ErrorIcon() {
     "fill": "white"
   }, [createVNode("use", XLINK_HREF$1, null)]), createVNode("use", mergeProps({
     "id": "Mask",
-    "class": ns$5.e("image-error-path")
+    "class": ns$4.e("image-error-path")
   }, XLINK_HREF$1), null)])]);
 }
 var TypeIcon = defineComponent({
@@ -28760,8 +28759,7 @@ var RippleInstall = {
 };
 const searchProps = {
   size: {
-    type: String,
-    default: "md"
+    type: String
   },
   placeholder: {
     type: String,
@@ -28808,25 +28806,26 @@ const searchProps = {
     default: void 0
   }
 };
-const SIZE_CLASS = {
-  lg: "lg",
-  md: "md",
-  sm: "sm"
-};
-const ICON_POSITION = {
-  right: "right",
-  left: "left"
-};
-const ns$4 = useNamespace("search");
-const getRootClass = (props, isFocus) => {
-  return computed(() => ({
-    [ns$4.b()]: true,
-    [ns$4.m("focus")]: isFocus.value,
-    [ns$4.m("disabled")]: props.disabled,
-    [ns$4.m("no-border")]: props.noBorder,
-    [ns$4.m(props.size)]: SIZE_CLASS[props.size],
-    [ns$4.m(props.iconPosition)]: ICON_POSITION[props.iconPosition]
+const useSearchClass = (props, isFocus) => {
+  const formContext = inject(FORM_TOKEN, void 0);
+  const ICON_POSITION = {
+    right: "right",
+    left: "left"
+  };
+  const ns2 = useNamespace("search");
+  const searchSize = computed(() => props.size || (formContext == null ? void 0 : formContext.size) || "md");
+  const rootClass = computed(() => ({
+    [ns2.b()]: true,
+    [ns2.m("focus")]: isFocus.value,
+    [ns2.m("disabled")]: props.disabled,
+    [ns2.m("no-border")]: props.noBorder,
+    [ns2.m(searchSize.value)]: !!searchSize.value,
+    [ns2.m(props.iconPosition)]: ICON_POSITION[props.iconPosition]
   }));
+  return {
+    rootClass,
+    searchSize
+  };
 };
 const keywordsHandles = (ctx2, props) => {
   const keywords = ref("");
@@ -28901,7 +28900,10 @@ var DSearch = defineComponent({
     const t = createI18nTranslate("DSearch", app);
     const ns2 = useNamespace("search");
     const isFocus = ref(false);
-    const rootClasses = getRootClass(props, isFocus);
+    const {
+      rootClass,
+      searchSize
+    } = useSearchClass(props, isFocus);
     const {
       keywords,
       clearIconShow,
@@ -28927,7 +28929,7 @@ var DSearch = defineComponent({
     };
     return () => {
       const inputProps2 = {
-        size: props.size,
+        size: searchSize.value,
         disabled: props.disabled,
         autoFocus: props.autoFocus,
         modelValue: keywords.value,
@@ -28938,7 +28940,7 @@ var DSearch = defineComponent({
         onBlur
       };
       return createVNode("label", {
-        "class": rootClasses.value
+        "class": rootClass.value
       }, [props.iconPosition === "left" && createVNode("div", {
         "class": ns2.e("icon"),
         "onClick": onClickHandle
@@ -33955,8 +33957,7 @@ const timeSelectProps = {
     default: ""
   },
   size: {
-    type: String,
-    default: "md"
+    type: String
   },
   "onUpdate:modelValue": {
     type: Function
@@ -38732,7 +38733,7 @@ const installs = [
   VirtualListInstall
 ];
 var vueDevui = {
-  version: "1.3.4-alpha.3",
+  version: "1.3.4-alpha.4",
   install(app) {
     installs.forEach((p) => app.use(p));
   }