antd-mobile 5.12.4 → 5.12.7

package/bundle/antd-mobile.es.js

@@ -1,5 +1,5 @@
 import { __rest, __awaiter } from "tslib";
-import React$1, { useContext, useRef, useEffect, useMemo, useState, memo, forwardRef, useImperativeHandle, useCallback, createContext, cloneElement, createRef } from "react";
+import React$1, { useContext, useRef, useEffect, useMemo, useState, useImperativeHandle, memo, forwardRef, useCallback, createContext, cloneElement, createRef } from "react";
 import classNames from "classnames";
 import { useUnmountedRef, useUpdate, useMemoizedFn, useUpdateEffect, useIsomorphicLayoutEffect, createUpdateEffect, useThrottleFn, useDebounceEffect, useMount, useInViewport, useClickAway, useUnmount, useLockFn, useTimeout } from "ahooks";
 import { useSpring, animated, to } from "@react-spring/web";
@@ -9023,131 +9023,11 @@ const Popup = (p2) => {
   }, shouldRender && props.children))));
   return renderToContainer(props.getContainer, node);
 };
-var button = "";
-var dotLoading = "";
-const classPrefix$1e = `adm-dot-loading`;
-const colorRecord$3 = {
-  default: "var(--adm-color-weak)",
-  primary: "var(--adm-color-primary)",
-  white: "var(--adm-color-white)"
-};
-const defaultProps$X = {
-  color: "default"
-};
-const DotLoading = memo((p2) => {
-  var _a;
-  const props = mergeProps(defaultProps$X, p2);
-  return withNativeProps(props, React$1.createElement("div", {
-    style: {
-      color: (_a = colorRecord$3[props.color]) !== null && _a !== void 0 ? _a : props.color
-    },
-    className: classNames("adm-loading", classPrefix$1e)
-  }, React$1.createElement("svg", {
-    height: "1em",
-    viewBox: "0 0 100 40",
-    style: {
-      verticalAlign: "-0.125em"
-    }
-  }, React$1.createElement("g", {
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd"
-  }, React$1.createElement("g", {
-    transform: "translate(-100.000000, -71.000000)"
-  }, React$1.createElement("g", {
-    transform: "translate(95.000000, 71.000000)"
-  }, React$1.createElement("g", {
-    transform: "translate(5.000000, 0.000000)"
-  }, [0, 1, 2].map((i) => React$1.createElement("rect", {
-    key: i,
-    fill: "currentColor",
-    x: 20 + i * 26,
-    y: "16",
-    width: "8",
-    height: "8",
-    rx: "2"
-  }, React$1.createElement("animate", {
-    attributeName: "y",
-    from: "16",
-    to: "16",
-    dur: "2s",
-    begin: `${i * 0.2}s`,
-    repeatCount: "indefinite",
-    values: "16; 6; 26; 16; 16",
-    keyTimes: "0; 0.1; 0.3; 0.4; 1"
-  }))))))))));
-});
-function isPromise(obj) {
-  return !!obj && typeof obj === "object" && typeof obj.then === "function";
-}
-const classPrefix$1d = `adm-button`;
-const defaultProps$W = {
-  color: "default",
-  fill: "solid",
-  block: false,
-  loading: false,
-  loadingIcon: React$1.createElement(DotLoading, {
-    color: "currentColor"
-  }),
-  type: "button",
-  shape: "default",
-  size: "middle"
-};
-const Button = forwardRef((p2, ref) => {
-  const props = mergeProps(defaultProps$W, p2);
-  const [innerLoading, setInnerLoading] = useState(false);
-  const nativeButtonRef = useRef(null);
-  const loading = props.loading === "auto" ? innerLoading : props.loading;
-  const disabled = props.disabled || loading;
-  useImperativeHandle(ref, () => ({
-    get nativeElement() {
-      return nativeButtonRef.current;
-    }
-  }));
-  const handleClick = (e) => __awaiter(void 0, void 0, void 0, function* () {
-    if (!props.onClick)
-      return;
-    const promise = props.onClick(e);
-    if (isPromise(promise)) {
-      try {
-        setInnerLoading(true);
-        yield promise;
-        setInnerLoading(false);
-      } catch (e2) {
-        setInnerLoading(false);
-        throw e2;
-      }
-    }
-  });
-  return withNativeProps(props, React$1.createElement("button", {
-    ref: nativeButtonRef,
-    type: props.type,
-    onClick: handleClick,
-    className: classNames(classPrefix$1d, props.color ? `${classPrefix$1d}-${props.color}` : null, {
-      [`${classPrefix$1d}-block`]: props.block,
-      [`${classPrefix$1d}-disabled`]: disabled,
-      [`${classPrefix$1d}-fill-outline`]: props.fill === "outline",
-      [`${classPrefix$1d}-fill-none`]: props.fill === "none",
-      [`${classPrefix$1d}-mini`]: props.size === "mini",
-      [`${classPrefix$1d}-small`]: props.size === "small",
-      [`${classPrefix$1d}-large`]: props.size === "large",
-      [`${classPrefix$1d}-loading`]: loading
-    }, `${classPrefix$1d}-shape-${props.shape}`),
-    disabled,
-    onMouseDown: props.onMouseDown,
-    onMouseUp: props.onMouseUp,
-    onTouchStart: props.onTouchStart,
-    onTouchEnd: props.onTouchEnd
-  }, loading ? React$1.createElement("div", {
-    className: `${classPrefix$1d}-loading-wrapper`
-  }, props.loadingIcon, props.loadingText) : props.children));
-});
 var safeArea = "";
-const classPrefix$1c = "adm-safe-area";
+const classPrefix$1e = "adm-safe-area";
 const SafeArea = (props) => {
   return withNativeProps(props, React$1.createElement("div", {
-    className: classNames(classPrefix$1c, `${classPrefix$1c}-position-${props.position}`)
+    className: classNames(classPrefix$1e, `${classPrefix$1e}-position-${props.position}`)
   }));
 };
 const fullClone = Object.assign({}, ReactDOM);
@@ -9263,8 +9143,8 @@ function renderImperatively(element) {
     close
   };
 }
-const classPrefix$1b = `adm-action-sheet`;
-const defaultProps$V = {
+const classPrefix$1d = `adm-action-sheet`;
+const defaultProps$X = {
   visible: false,
   actions: [],
   cancelText: "",
@@ -9273,7 +9153,7 @@ const defaultProps$V = {
   safeArea: true
 };
 const ActionSheet = (p2) => {
-  const props = mergeProps(defaultProps$V, p2);
+  const props = mergeProps(defaultProps$X, p2);
   return React$1.createElement(Popup, {
     visible: props.visible,
     onMaskClick: () => {
@@ -9284,23 +9164,23 @@ const ActionSheet = (p2) => {
       }
     },
     afterClose: props.afterClose,
-    className: classNames(`${classPrefix$1b}-popup`, props.popupClassName),
+    className: classNames(`${classPrefix$1d}-popup`, props.popupClassName),
     style: props.popupStyle,
     getContainer: props.getContainer
   }, withNativeProps(props, React$1.createElement("div", {
-    className: classPrefix$1b
+    className: classPrefix$1d
   }, props.extra && React$1.createElement("div", {
-    className: `${classPrefix$1b}-extra`
+    className: `${classPrefix$1d}-extra`
   }, props.extra), React$1.createElement("div", {
-    className: `${classPrefix$1b}-button-list`
+    className: `${classPrefix$1d}-button-list`
   }, props.actions.map((action, index2) => React$1.createElement("div", {
     key: action.key,
-    className: `${classPrefix$1b}-button-item-wrapper`
-  }, React$1.createElement(Button, {
-    block: true,
-    fill: "none",
-    shape: "rectangular",
-    disabled: action.disabled,
+    className: `${classPrefix$1d}-button-item-wrapper`
+  }, React$1.createElement("a", {
+    className: classNames("adm-plain-anchor", `${classPrefix$1d}-button-item`, {
+      [`${classPrefix$1d}-button-item-danger`]: action.danger,
+      [`${classPrefix$1d}-button-item-disabled`]: action.disabled
+    }),
     onClick: () => {
       var _a, _b, _c;
       (_a = action.onClick) === null || _a === void 0 ? void 0 : _a.call(action);
@@ -9308,29 +9188,23 @@ const ActionSheet = (p2) => {
       if (props.closeOnAction) {
         (_c = props.onClose) === null || _c === void 0 ? void 0 : _c.call(props);
       }
-    },
-    className: classNames(`${classPrefix$1b}-button-item`, {
-      [`${classPrefix$1b}-button-item-danger`]: action.danger
-    })
+    }
   }, React$1.createElement("div", {
-    className: `${classPrefix$1b}-button-item-name`
+    className: `${classPrefix$1d}-button-item-name`
   }, action.text), action.description && React$1.createElement("div", {
-    className: `${classPrefix$1b}-button-item-description`
+    className: `${classPrefix$1d}-button-item-description`
   }, action.description))))), props.cancelText && React$1.createElement("div", {
-    className: `${classPrefix$1b}-cancel`
+    className: `${classPrefix$1d}-cancel`
   }, React$1.createElement("div", {
-    className: `${classPrefix$1b}-button-item-wrapper`
-  }, React$1.createElement(Button, {
-    block: true,
-    fill: "none",
-    shape: "rectangular",
-    className: `${classPrefix$1b}-button-item`,
+    className: `${classPrefix$1d}-button-item-wrapper`
+  }, React$1.createElement("a", {
+    className: classNames("adm-plain-anchor", `${classPrefix$1d}-button-item`),
     onClick: () => {
       var _a;
       (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
     }
   }, React$1.createElement("div", {
-    className: `${classPrefix$1b}-button-item-name`
+    className: `${classPrefix$1d}-button-item-name`
   }, props.cancelText)))), props.safeArea && React$1.createElement(SafeArea, {
     position: "bottom"
   }))));
@@ -9342,12 +9216,12 @@ var index$h = attachPropertiesToComponent(ActionSheet, {
   show: showActionSheet
 });
 var autoCenter = "";
-const classPrefix$1a = "adm-auto-center";
+const classPrefix$1c = "adm-auto-center";
 const AutoCenter = (props) => {
   return withNativeProps(props, React$1.createElement("div", {
-    className: classPrefix$1a
+    className: classPrefix$1c
   }, React$1.createElement("div", {
-    className: `${classPrefix$1a}-content`
+    className: `${classPrefix$1c}-content`
   }, props.children)));
 };
 var avatar = "";
@@ -9389,15 +9263,15 @@ const Fallback = memo(() => React$1.createElement("svg", {
   fillRule: "nonzero",
   mask: "url(#mask-2)"
 }))))));
-const classPrefix$19 = "adm-avatar";
-const defaultProps$U = {
+const classPrefix$1b = "adm-avatar";
+const defaultProps$W = {
   fallback: React$1.createElement(Fallback, null),
   fit: "cover"
 };
 const Avatar = (p2) => {
-  const props = mergeProps(defaultProps$U, p2);
+  const props = mergeProps(defaultProps$W, p2);
   return withNativeProps(props, React$1.createElement(Image$1, {
-    className: classPrefix$19,
+    className: classPrefix$1b,
     src: props.src,
     fallback: props.fallback,
     placeholder: props.fallback,
@@ -9409,7 +9283,7 @@ const Avatar = (p2) => {
   }));
 };
 var badge = "";
-const classPrefix$18 = `adm-badge`;
+const classPrefix$1a = `adm-badge`;
 const dot = React$1.createElement(React$1.Fragment, null);
 const Badge$1 = (props) => {
   const {
@@ -9418,22 +9292,142 @@ const Badge$1 = (props) => {
     children
   } = props;
   const isDot = content === dot;
-  const badgeCls = classNames(classPrefix$18, !!children && `${classPrefix$18}-fixed`, isDot && `${classPrefix$18}-dot`, props.bordered && `${classPrefix$18}-bordered`);
+  const badgeCls = classNames(classPrefix$1a, !!children && `${classPrefix$1a}-fixed`, isDot && `${classPrefix$1a}-dot`, props.bordered && `${classPrefix$1a}-bordered`);
   const element = content || content === 0 ? withNativeProps(props, React$1.createElement("div", {
     className: badgeCls,
     style: {
       "--color": color
     }
   }, !isDot && React$1.createElement("div", {
-    className: `${classPrefix$18}-content`
+    className: `${classPrefix$1a}-content`
   }, content))) : null;
   return children ? React$1.createElement("div", {
-    className: `${classPrefix$18}-wrap`
+    className: `${classPrefix$1a}-wrap`
   }, children, element) : element;
 };
 var Badge = attachPropertiesToComponent(Badge$1, {
   dot
 });
+var button = "";
+var dotLoading = "";
+const classPrefix$19 = `adm-dot-loading`;
+const colorRecord$3 = {
+  default: "var(--adm-color-weak)",
+  primary: "var(--adm-color-primary)",
+  white: "var(--adm-color-white)"
+};
+const defaultProps$V = {
+  color: "default"
+};
+const DotLoading = memo((p2) => {
+  var _a;
+  const props = mergeProps(defaultProps$V, p2);
+  return withNativeProps(props, React$1.createElement("div", {
+    style: {
+      color: (_a = colorRecord$3[props.color]) !== null && _a !== void 0 ? _a : props.color
+    },
+    className: classNames("adm-loading", classPrefix$19)
+  }, React$1.createElement("svg", {
+    height: "1em",
+    viewBox: "0 0 100 40",
+    style: {
+      verticalAlign: "-0.125em"
+    }
+  }, React$1.createElement("g", {
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, React$1.createElement("g", {
+    transform: "translate(-100.000000, -71.000000)"
+  }, React$1.createElement("g", {
+    transform: "translate(95.000000, 71.000000)"
+  }, React$1.createElement("g", {
+    transform: "translate(5.000000, 0.000000)"
+  }, [0, 1, 2].map((i) => React$1.createElement("rect", {
+    key: i,
+    fill: "currentColor",
+    x: 20 + i * 26,
+    y: "16",
+    width: "8",
+    height: "8",
+    rx: "2"
+  }, React$1.createElement("animate", {
+    attributeName: "y",
+    from: "16",
+    to: "16",
+    dur: "2s",
+    begin: `${i * 0.2}s`,
+    repeatCount: "indefinite",
+    values: "16; 6; 26; 16; 16",
+    keyTimes: "0; 0.1; 0.3; 0.4; 1"
+  }))))))))));
+});
+function isPromise(obj) {
+  return !!obj && typeof obj === "object" && typeof obj.then === "function";
+}
+const classPrefix$18 = `adm-button`;
+const defaultProps$U = {
+  color: "default",
+  fill: "solid",
+  block: false,
+  loading: false,
+  loadingIcon: React$1.createElement(DotLoading, {
+    color: "currentColor"
+  }),
+  type: "button",
+  shape: "default",
+  size: "middle"
+};
+const Button = forwardRef((p2, ref) => {
+  const props = mergeProps(defaultProps$U, p2);
+  const [innerLoading, setInnerLoading] = useState(false);
+  const nativeButtonRef = useRef(null);
+  const loading = props.loading === "auto" ? innerLoading : props.loading;
+  const disabled = props.disabled || loading;
+  useImperativeHandle(ref, () => ({
+    get nativeElement() {
+      return nativeButtonRef.current;
+    }
+  }));
+  const handleClick = (e) => __awaiter(void 0, void 0, void 0, function* () {
+    if (!props.onClick)
+      return;
+    const promise = props.onClick(e);
+    if (isPromise(promise)) {
+      try {
+        setInnerLoading(true);
+        yield promise;
+        setInnerLoading(false);
+      } catch (e2) {
+        setInnerLoading(false);
+        throw e2;
+      }
+    }
+  });
+  return withNativeProps(props, React$1.createElement("button", {
+    ref: nativeButtonRef,
+    type: props.type,
+    onClick: handleClick,
+    className: classNames(classPrefix$18, props.color ? `${classPrefix$18}-${props.color}` : null, {
+      [`${classPrefix$18}-block`]: props.block,
+      [`${classPrefix$18}-disabled`]: disabled,
+      [`${classPrefix$18}-fill-outline`]: props.fill === "outline",
+      [`${classPrefix$18}-fill-none`]: props.fill === "none",
+      [`${classPrefix$18}-mini`]: props.size === "mini",
+      [`${classPrefix$18}-small`]: props.size === "small",
+      [`${classPrefix$18}-large`]: props.size === "large",
+      [`${classPrefix$18}-loading`]: loading
+    }, `${classPrefix$18}-shape-${props.shape}`),
+    disabled,
+    onMouseDown: props.onMouseDown,
+    onMouseUp: props.onMouseUp,
+    onTouchStart: props.onTouchStart,
+    onTouchEnd: props.onTouchEnd
+  }, loading ? React$1.createElement("div", {
+    className: `${classPrefix$18}-loading-wrapper`
+  }, props.loadingIcon, props.loadingText) : props.children));
+});
 var calendar = "";
 const ArrowLeft = () => {
   return React$1.createElement("svg", {
@@ -9655,7 +9649,7 @@ const Calendar = forwardRef((p2, ref) => {
         isSelect = isBegin || isEnd || d.isAfter(begin, "day") && d.isBefore(end, "day");
       }
       const inThisMonth = d.month() === current.month();
-      const disabled = maxDay && d.isAfter(maxDay, "day") || minDay && d.isBefore(minDay, "day");
+      const disabled = props.shouldDisableDate ? props.shouldDisableDate(d.toDate()) : maxDay && d.isAfter(maxDay, "day") || minDay && d.isBefore(minDay, "day");
       cells.push(React$1.createElement("div", {
         key: d.valueOf(),
         className: classNames(`${classPrefix$17}-cell`, (disabled || !inThisMonth) && `${classPrefix$17}-cell-disabled`, inThisMonth && {
@@ -12282,7 +12276,8 @@ const defaultProps$H = {
   fallback: React$1.createElement("div", {
     className: `${classPrefix$S}-tip`
   }, React$1.createElement(BrokenImageIcon, null)),
-  lazy: false
+  lazy: false,
+  draggable: false
 };
 const Image$1 = staged((p2) => {
   const props = mergeProps(defaultProps$H, p2);
@@ -12327,7 +12322,8 @@ const Image$1 = staged((p2) => {
       referrerPolicy: props.referrerPolicy,
       sizes: props.sizes,
       srcSet,
-      useMap: props.useMap
+      useMap: props.useMap,
+      draggable: props.draggable
     });
     return React$1.createElement(React$1.Fragment, null, !loaded && props.placeholder, img);
   }
@@ -14076,7 +14072,9 @@ const Popover$1 = forwardRef((p2, ref) => {
     const floatingElement = floatingRef.current;
     if (!targetElement || !floatingElement)
       return;
-    return autoUpdate(targetElement, floatingElement, update);
+    return autoUpdate(targetElement, floatingElement, update, {
+      elementResize: typeof ResizeObserver !== "undefined"
+    });
   }, [targetElement]);
   useClickAway(() => {
     if (!props.trigger)
@@ -14336,9 +14334,7 @@ const FormItem = (props) => {
     return renderLayout(children);
   }
   let Variables = {};
-  if (typeof label === "string") {
-    Variables.label = label;
-  }
+  Variables.label = typeof label === "string" ? label : "";
   if (messageVariables) {
     Variables = Object.assign(Object.assign({}, Variables), messageVariables);
   }
@@ -18007,7 +18003,8 @@ const TextArea = forwardRef((p2, ref) => {
       var _a;
       compositingRef.current = false;
       if (maxLength) {
-        setValue([...value].slice(0, maxLength).join(""));
+        const v = e.target.value;
+        setValue([...v].slice(0, maxLength).join(""));
       }
       (_a = props.onCompositionEnd) === null || _a === void 0 ? void 0 : _a.call(props, e);
     },

package/bundle/style.css

@@ -63,19 +63,31 @@ div.adm-px-tester {
   justify-content: center;
   color: var(--adm-color-weak);
   font-size: 15px;
-  padding: 18px 16px;
+  padding: 18px 12px;
+  border-bottom: 1px solid var(--adm-border-color);
+}
+.adm-action-sheet-button-list {
   border-bottom: 1px solid var(--adm-border-color);
 }
 .adm-action-sheet-button-item-wrapper {
-  background-color: #ffffff;
-  border-top: 1px solid var(--adm-border-color);
+  border-bottom: 1px solid var(--adm-border-color);
 }
-.adm-action-sheet-button-item-wrapper:first-child {
-  border-top: none;
+.adm-action-sheet-button-item-wrapper:last-child {
+  border-bottom: none;
 }
 .adm-action-sheet-button-item {
-  padding: 14px;
   text-align: center;
+  display: block;
+  background-color: #ffffff;
+  padding: 16px;
+}
+.adm-action-sheet-button-item:active {
+  background-color: #eeeeee;
+}
+.adm-action-sheet-button-item-disabled {
+  cursor: not-allowed;
+  pointer-events: none;
+  opacity: 0.4;
 }
 .adm-action-sheet-button-item-name {
   color: var(--adm-color-text);
@@ -84,7 +96,7 @@ div.adm-px-tester {
 .adm-action-sheet-button-item-description {
   font-size: 12px;
   color: var(--adm-color-weak);
-  padding-top: 4px;
+  padding-top: 2px;
 }
 .adm-action-sheet-button-item-danger .adm-action-sheet-button-item-name {
   color: var(--adm-color-danger);
@@ -145,6 +157,77 @@ div.adm-px-tester {
 .adm-mask-content {
   z-index: 1;
 }
+.adm-safe-area {
+  display: block;
+  width: 100%;
+}
+.adm-safe-area-position-top {
+  padding-top: calc(env(safe-area-inset-top) * var(--adm-hd));
+}
+.adm-safe-area-position-bottom {
+  padding-bottom: calc(env(safe-area-inset-bottom) * var(--adm-hd));
+}
+.adm-auto-center {
+  display: flex;
+  justify-content: center;
+}
+.adm-auto-center-content {
+  flex: 0 1 auto;
+}
+.adm-avatar {
+  --size: var(--adm-avatar-size, 44px);
+  --border-radius: var(--adm-avatar-border-radius, 4px);
+  border-radius: var(--border-radius);
+}
+.adm-avatar.adm-image {
+  --width: var(--size);
+  --height: var(--size);
+}
+.adm-avatar-fallback {
+  height: 100%;
+  width: 100%;
+  display: block;
+}
+.adm-badge-wrap {
+  display: inline-block;
+  position: relative;
+}
+.adm-badge {
+  display: inline-flex;
+  vertical-align: middle;
+  box-sizing: content-box;
+  border-radius: 100px;
+  background-color: var(--color);
+  --right: 0;
+  --top: 0;
+  --color: var(--adm-badge-color, #ff411c);
+}
+.adm-badge-content {
+  color: #fff;
+  box-sizing: border-box;
+  min-width: 8px;
+  padding: 1px 4px;
+  font-size: 9px;
+  line-height: 12px;
+  white-space: nowrap;
+  font-weight: normal;
+  text-align: center;
+}
+.adm-badge-fixed {
+  position: absolute;
+  right: var(--right);
+  top: var(--top);
+  transform: translate(50%, -50%);
+}
+.adm-badge-dot {
+  min-width: 10px;
+  width: 10px;
+  height: 10px;
+  border-radius: 5px;
+}
+.adm-badge-bordered {
+  border: solid 1px var(--adm-color-white);
+}
 .adm-button {
   --color: var(--adm-color-white);
   --text-color: var(--adm-button-text-color, var(--adm-color-text));
@@ -275,77 +358,6 @@ div.adm-px-tester {
 .adm-dot-loading {
   display: inline-block;
 }
-.adm-safe-area {
-  display: block;
-  width: 100%;
-}
-.adm-safe-area-position-top {
-  padding-top: calc(env(safe-area-inset-top) * var(--adm-hd));
-}
-.adm-safe-area-position-bottom {
-  padding-bottom: calc(env(safe-area-inset-bottom) * var(--adm-hd));
-}
-.adm-auto-center {
-  display: flex;
-  justify-content: center;
-}
-.adm-auto-center-content {
-  flex: 0 1 auto;
-}
-.adm-avatar {
-  --size: var(--adm-avatar-size, 44px);
-  --border-radius: var(--adm-avatar-border-radius, 4px);
-  border-radius: var(--border-radius);
-}
-.adm-avatar.adm-image {
-  --width: var(--size);
-  --height: var(--size);
-}
-.adm-avatar-fallback {
-  height: 100%;
-  width: 100%;
-  display: block;
-}
-.adm-badge-wrap {
-  display: inline-block;
-  position: relative;
-}
-.adm-badge {
-  display: inline-flex;
-  vertical-align: middle;
-  box-sizing: content-box;
-  border-radius: 100px;
-  background-color: var(--color);
-  --right: 0;
-  --top: 0;
-  --color: var(--adm-badge-color, #ff411c);
-}
-.adm-badge-content {
-  color: #fff;
-  box-sizing: border-box;
-  min-width: 8px;
-  padding: 1px 4px;
-  font-size: 9px;
-  line-height: 12px;
-  white-space: nowrap;
-  font-weight: normal;
-  text-align: center;
-}
-.adm-badge-fixed {
-  position: absolute;
-  right: var(--right);
-  top: var(--top);
-  transform: translate(50%, -50%);
-}
-.adm-badge-dot {
-  min-width: 10px;
-  width: 10px;
-  height: 10px;
-  border-radius: 5px;
-}
-.adm-badge-bordered {
-  border: solid 1px var(--adm-color-white);
-}
 .adm-calendar .adm-calendar-header {
   display: flex;
   flex-direction: row;
@@ -419,6 +431,9 @@ div.adm-px-tester {
   border-top-right-radius: 4px;
   border-bottom-right-radius: 4px;
 }
+.adm-calendar-cell.adm-calendar-cell-disabled.adm-calendar-cell.adm-calendar-cell-selected {
+  color: var(--adm-color-light);
+}
 .adm-calendar-cell .adm-calendar-cell-top {
   flex: none;
   font-size: 18px;
@@ -1609,6 +1624,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   border-radius: 8px;
   box-shadow: 0 0 30px 0 rgba(51, 51, 51, 0.2);
   font-size: 15px;
+  width: max-content;
   min-width: 32px;
   max-width: calc(100vw - 24px);
   overflow-y: hidden;