antd-mobile 5.17.0 → 5.18.0

package/cjs/components/virtual-input/virtual-input.js

@@ -0,0 +1,141 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VirtualInput = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _nativeProps = require("../../utils/native-props");
+
+var _withDefaultProps = require("../../utils/with-default-props");
+
+var _usePropsValue = require("../../utils/use-props-value");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _antdMobileIcons = require("antd-mobile-icons");
+
+var _ahooks = require("ahooks");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const classPrefix = 'adm-virtual-input';
+const defaultProps = {
+  defaultValue: ''
+};
+const VirtualInput = (0, _react.forwardRef)((p, ref) => {
+  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  const [value, setValue] = (0, _usePropsValue.usePropsValue)(props);
+  const rootRef = (0, _react.useRef)(null);
+  const contentRef = (0, _react.useRef)(null);
+  const [hasFocus, setHasFocus] = (0, _react.useState)(false);
+
+  function scrollToEnd() {
+    const root = rootRef.current;
+    if (!root) return;
+
+    if (document.activeElement !== root) {
+      return;
+    }
+
+    const content = contentRef.current;
+    if (!content) return;
+    content.scrollLeft = content.clientWidth;
+  }
+
+  (0, _ahooks.useIsomorphicLayoutEffect)(() => {
+    scrollToEnd();
+  }, [value]);
+  (0, _react.useEffect)(() => {
+    if (hasFocus) {
+      scrollToEnd();
+    }
+  }, [hasFocus]);
+  (0, _react.useImperativeHandle)(ref, () => ({
+    focus: () => {
+      var _a;
+
+      (_a = rootRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    },
+    blur: () => {
+      var _a;
+
+      (_a = rootRef.current) === null || _a === void 0 ? void 0 : _a.blur();
+    }
+  }));
+
+  function onFocus() {
+    var _a;
+
+    setHasFocus(true);
+    (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props);
+  }
+
+  function onBlur() {
+    var _a;
+
+    setHasFocus(false);
+    (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props);
+  }
+
+  const keyboard = props.keyboard;
+
+  const keyboardElement = keyboard && _react.default.cloneElement(keyboard, {
+    onInput: v => {
+      var _a, _b;
+
+      setValue(value + v);
+      (_b = (_a = keyboard.props).onInput) === null || _b === void 0 ? void 0 : _b.call(_a, v);
+    },
+    onDelete: () => {
+      var _a, _b;
+
+      setValue(value.slice(0, -1));
+      (_b = (_a = keyboard.props).onDelete) === null || _b === void 0 ? void 0 : _b.call(_a);
+    },
+    visible: hasFocus,
+    onClose: () => {
+      var _a, _b, _c;
+
+      (_a = rootRef.current) === null || _a === void 0 ? void 0 : _a.blur();
+      (_c = (_b = keyboard.props).onClose) === null || _c === void 0 ? void 0 : _c.call(_b);
+    },
+    getContainer: null
+  });
+
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
+    ref: rootRef,
+    className: (0, _classnames.default)(classPrefix, {
+      [`${classPrefix}-disabled`]: props.disabled
+    }),
+    tabIndex: props.disabled ? undefined : 0,
+    onFocus: onFocus,
+    onBlur: onBlur,
+    onClick: props.onClick
+  }, _react.default.createElement("div", {
+    className: `${classPrefix}-content`,
+    ref: contentRef
+  }, value, _react.default.createElement("div", {
+    className: `${classPrefix}-caret-container`
+  }, hasFocus && _react.default.createElement("div", {
+    className: `${classPrefix}-caret`
+  }))), props.clearable && !!value && hasFocus && _react.default.createElement("div", {
+    className: `${classPrefix}-clear`,
+    onClick: e => {
+      var _a;
+
+      e.stopPropagation();
+      setValue('');
+      (_a = props.onClear) === null || _a === void 0 ? void 0 : _a.call(props);
+    }
+  }, _react.default.createElement(_antdMobileIcons.CloseCircleFill, null)), !value && _react.default.createElement("div", {
+    className: `${classPrefix}-placeholder`
+  }, props.placeholder), keyboardElement));
+});
+exports.VirtualInput = VirtualInput;

package/cjs/components/water-mark/index.d.ts

@@ -0,0 +1,4 @@
+import './water-mark.less';
+import { WaterMark } from './water-mark';
+export type { WaterMarkProps } from './water-mark';
+export default WaterMark;

package/cjs/components/water-mark/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("./water-mark.css");
+
+var _waterMark2 = require("./water-mark");
+
+var _default = _waterMark2.WaterMark;
+exports.default = _default;

package/cjs/components/water-mark/water-mark.css

@@ -0,0 +1,14 @@
+.adm-water-mark {
+  --z-index: var(--adm-water-mark-z-index, 2000);
+  position: absolute;
+  z-index: var(--z-index);
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  pointer-events: none;
+  background-repeat: repeat;
+}
+.adm-water-mark-full-page {
+  position: fixed;
+}

package/cjs/components/water-mark/water-mark.d.ts

@@ -0,0 +1,21 @@
+import { FC } from 'react';
+import { NativeProps } from '../../utils/native-props';
+export declare type WaterMarkProps = {
+    gapX?: number;
+    gapY?: number;
+    zIndex?: number;
+    width?: number;
+    height?: number;
+    rotate?: number;
+    image?: string;
+    imageWidth?: number;
+    imageHeight?: number;
+    content?: string;
+    fontColor?: string;
+    fontStyle?: 'none' | 'normal' | 'italic' | 'oblique';
+    fontFamily?: string;
+    fontWeight?: 'normal' | 'light' | 'weight' | number;
+    fontSize?: number | string;
+    fullPage?: boolean;
+} & NativeProps<'--z-index'>;
+export declare const WaterMark: FC<WaterMarkProps>;

package/cjs/components/water-mark/water-mark.js

@@ -0,0 +1,102 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WaterMark = void 0;
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _nativeProps = require("../../utils/native-props");
+
+var _withDefaultProps = require("../../utils/with-default-props");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const classPrefix = `adm-water-mark`;
+const defaultProps = {
+  fullPage: true
+};
+
+const WaterMark = p => {
+  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  const {
+    zIndex = 2000,
+    gapX = 24,
+    gapY = 48,
+    width = 120,
+    height = 64,
+    rotate = -22,
+    image,
+    imageWidth = 120,
+    imageHeight = 64,
+    content,
+    fontStyle = 'normal',
+    fontWeight = 'normal',
+    fontColor = 'rgba(0,0,0,.15)',
+    fontSize = 14,
+    fontFamily = 'sans-serif'
+  } = props;
+  const [base64Url, setBase64Url] = (0, _react.useState)('');
+  (0, _react.useEffect)(() => {
+    const canvas = document.createElement('canvas');
+    const ratio = window.devicePixelRatio;
+    const ctx = canvas.getContext('2d');
+    const canvasWidth = `${(gapX + width) * ratio}px`;
+    const canvasHeight = `${(gapY + height) * ratio}px`;
+    const markWidth = width * ratio;
+    const markHeight = height * ratio;
+    canvas.setAttribute('width', canvasWidth);
+    canvas.setAttribute('height', canvasHeight);
+
+    if (ctx) {
+      if (image) {
+        ctx.translate(markWidth / 2, markHeight / 2);
+        ctx.rotate(Math.PI / 180 * Number(rotate));
+        const img = new Image();
+        img.crossOrigin = 'anonymous';
+        img.referrerPolicy = 'no-referrer';
+
+        img.onload = () => {
+          ctx.drawImage(img, -imageWidth * ratio / 2, -imageHeight * ratio / 2, imageWidth * ratio, imageHeight * ratio);
+          ctx.restore();
+          setBase64Url(canvas.toDataURL());
+        };
+
+        img.src = image;
+      } else if (content) {
+        ctx.textBaseline = 'middle';
+        ctx.textAlign = 'center'; // 文字绕中间旋转
+
+        ctx.translate(markWidth / 2, markHeight / 2);
+        ctx.rotate(Math.PI / 180 * Number(rotate));
+        const markSize = Number(fontSize) * ratio;
+        ctx.font = `${fontStyle} normal ${fontWeight} ${markSize}px/${markHeight}px ${fontFamily}`;
+        ctx.fillStyle = fontColor;
+        ctx.fillText(content, 0, 0);
+        ctx.restore();
+        setBase64Url(canvas.toDataURL());
+      }
+    } else {
+      throw new Error('Canvas is not supported in the current environment');
+    }
+  }, [gapX, gapY, rotate, fontStyle, fontWeight, width, height, fontFamily, fontColor, image, content, fontSize]);
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
+    className: (0, _classnames.default)(classPrefix, {
+      [`${classPrefix}-full-page`]: props.fullPage
+    }),
+    style: {
+      zIndex,
+      backgroundSize: `${gapX + width}px`,
+      backgroundImage: `url('${base64Url}')`
+    }
+  }));
+};
+
+exports.WaterMark = WaterMark;

package/cjs/global/css-vars-patch.css

@@ -0,0 +1,312 @@
+@supports not (color: var(--adm-color-text)) {
+  .adm-button {
+    color: #333333;
+    background-color: #ffffff;
+    font-size: 17px;
+    border-width: 1px;
+    border-style: solid;
+    border-color: #eeeeee;
+    border-radius: 4px;
+  }
+  .adm-button::before {
+    transform: translate(-1px, -1px);
+    border: 1px solid #000;
+    border-radius: 4px;
+  }
+  .adm-button-default.adm-button-fill-outline {
+    background-color: transparent;
+    border-color: #333333;
+  }
+  .adm-button-default.adm-button-fill-none {
+    background-color: transparent;
+    border-width: 0;
+  }
+  .adm-button:not(.adm-button-default) {
+    color: #ffffff;
+  }
+  .adm-button:not(.adm-button-default).adm-button-fill-outline {
+    background-color: transparent;
+  }
+  .adm-button:not(.adm-button-default).adm-button-fill-none {
+    background-color: transparent;
+    border-width: 0;
+  }
+  .adm-button-primary {
+    background-color: #1677ff;
+    border-color: #1677ff;
+  }
+  .adm-button-primary.adm-button-fill-outline,
+  .adm-button-primary.adm-button-fill-none {
+    color: #1677ff;
+  }
+  .adm-button-success {
+    background-color: #00b578;
+    border-color: #00b578;
+  }
+  .adm-button-success.adm-button-fill-outline,
+  .adm-button-success.adm-button-fill-none {
+    color: #00b578;
+  }
+  .adm-button-danger {
+    background-color: #00b578;
+    border-color: #00b578;
+  }
+  .adm-button-danger.adm-button-fill-outline,
+  .adm-button-danger.adm-button-fill-none {
+    color: #00b578;
+  }
+  .adm-button-warning {
+    background-color: #ff8f1f;
+    border-color: #ff8f1f;
+  }
+  .adm-button-warning.adm-button-fill-outline,
+  .adm-button-warning.adm-button-fill-none {
+    color: #ff8f1f;
+  }
+  .adm-button.adm-button-mini {
+    font-size: 13px;
+  }
+  .adm-button.adm-button-small {
+    padding-top: 3px;
+    padding-bottom: 3px;
+    font-size: 15px;
+  }
+  .adm-button.adm-button-large {
+    padding-top: 11px;
+    padding-bottom: 11px;
+    font-size: 18px;
+  }
+  .adm-button.adm-button-shape-rounded {
+    border-radius: 1000px;
+  }
+  .adm-button.adm-button-shape-rounded::before {
+    border-radius: 1000px;
+  }
+  .adm-button.adm-button-shape-rectangular {
+    border-radius: 0;
+  }
+  .adm-center-popup {
+    z-index: 1000;
+  }
+  .adm-center-popup-wrap {
+    min-width: 280px;
+    max-width: 75vw;
+  }
+  .adm-center-popup-body {
+    background-color: #ffffff;
+    border-radius: 8px;
+  }
+  .adm-error-block-image {
+    height: 100px;
+    width: auto;
+  }
+  .adm-error-block-description {
+    font-size: var(--adm-font-size-4);
+  }
+  .adm-error-block-description-title {
+    font-size: var(--adm-font-size-7);
+  }
+  .adm-error-block-full-page {
+    padding-top: calc(50vh - 200px);
+  }
+  .adm-error-block-full-page .adm-error-block-image {
+    height: 200px;
+    width: auto;
+  }
+  .adm-error-block-full-page .adm-error-block-description {
+    font-size: var(--adm-font-size-main);
+  }
+  .adm-error-block-full-page .adm-error-block-description-title {
+    color: #333333;
+  }
+  .adm-image {
+    width: auto;
+    height: auto;
+  }
+  .adm-image-tip {
+    background-color: #f5f5f5;
+  }
+  .adm-image-tip > svg {
+    color: #999999;
+  }
+  .adm-mask {
+    z-index: 1000;
+  }
+  .adm-modal-body {
+    font-size: 14px;
+  }
+  .adm-modal-title {
+    font-size: 18px;
+  }
+  .adm-modal-content {
+    font-size: 15px;
+    color: #333333;
+  }
+  .adm-modal-close {
+    color: #999999;
+    font-size: 18px;
+  }
+  .adm-modal-footer.adm-space.adm-space-vertical > .adm-space-item.adm-space-item {
+    margin-bottom: 20px;
+  }
+  .adm-modal-footer.adm-space.adm-space-vertical > .adm-space-item.adm-space-item:last-child {
+    margin-bottom: 0;
+  }
+  .adm-modal-footer .adm-modal-button {
+    font-size: 18px;
+  }
+  .adm-page-indicator-dot {
+    width: 3px;
+    height: 3px;
+    border-radius: 1px;
+    background: rgba(0, 0, 0, 0.2);
+  }
+  .adm-page-indicator-dot-active {
+    border-radius: 1px;
+    background: #1677ff;
+  }
+  .adm-page-indicator-color-white .adm-page-indicator-dot-active.adm-page-indicator-dot-active {
+    background: #ffffff;
+  }
+  .adm-page-indicator-horizontal .adm-page-indicator-dot {
+    margin-right: 3px;
+  }
+  .adm-page-indicator-horizontal .adm-page-indicator-dot-active {
+    width: 13px;
+  }
+  .adm-page-indicator-vertical .adm-page-indicator-dot {
+    margin-bottom: 3px;
+  }
+  .adm-page-indicator-vertical .adm-page-indicator-dot-active {
+    height: 13px;
+  }
+  .adm-popover-menu.adm-popover .adm-popover-inner-content {
+    padding: 0 !important;
+  }
+  .adm-popover-menu-item-text {
+    border-top: solid 1px #eeeeee;
+  }
+  .adm-popover-menu-item:active:not(.adm-popover-menu-item-disabled) {
+    background-color: #eeeeee;
+  }
+  .adm-popover-menu-item:active:not(.adm-popover-menu-item-disabled)::after {
+    border-bottom: solid 1px #eeeeee;
+  }
+  .adm-popover.adm-popover-dark.adm-popover-menu.adm-popover-menu .adm-popover-menu-item-text {
+    border-color: #333333;
+  }
+  .adm-popover.adm-popover-dark.adm-popover-menu.adm-popover-menu .adm-popover-menu-item:active:not(.adm-popover-menu-item-disabled) {
+    background-color: #333333;
+  }
+  .adm-popover.adm-popover-dark.adm-popover-menu.adm-popover-menu .adm-popover-menu-item:active:not(.adm-popover-menu-item-disabled)::after {
+    border-color: #333333;
+  }
+  .adm-popover.adm-popover-dark.adm-popover-menu.adm-popover-menu .adm-popover-inner.adm-popover-inner.adm-popover-inner {
+    background-color: rgba(0, 0, 0, 0.9);
+  }
+  .adm-popover {
+    z-index: 1030;
+  }
+  .adm-popover.adm-popover-dark {
+    color: #ffffff;
+  }
+  .adm-popover.adm-popover-dark .adm-popover-inner {
+    background-color: rgba(0, 0, 0, 0.75);
+  }
+  .adm-popover-inner {
+    background-color: #ffffff;
+    font-size: 15px;
+  }
+  .adm-popover-inner-content {
+    padding: 8px 12px;
+  }
+  .adm-popover-arrow {
+    display: none !important;
+  }
+  .adm-scroll-mask-left {
+    background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0));
+  }
+  .adm-scroll-mask-right {
+    background: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0));
+  }
+  .adm-space-vertical > .adm-space-item {
+    margin-bottom: 8px;
+  }
+  .adm-space-horizontal > .adm-space-item {
+    margin-right: 8px;
+  }
+  .adm-space-horizontal.adm-space-wrap {
+    flex-wrap: wrap;
+    margin-bottom: -8px;
+  }
+  .adm-space-horizontal.adm-space-wrap > .adm-space-item {
+    padding-bottom: 8px;
+  }
+  .adm-spin-loading {
+    width: 32px;
+    height: 32px;
+  }
+  .adm-spin-loading-svg {
+    width: 100%;
+    height: 100%;
+    animation: adm-spin-loading-rotate 0.8s infinite linear;
+  }
+  .adm-spin-loading-svg > .adm-spin-loading-fill {
+    stroke: #999999;
+  }
+  .adm-swiper {
+    display: block;
+    width: 100%;
+    height: auto;
+    border-radius: 0;
+  }
+  .adm-swiper-track {
+    padding: 0;
+  }
+  .adm-swiper-horizontal .adm-swiper-track {
+    transform: translateX(0%);
+  }
+  .adm-swiper-horizontal .adm-swiper-track-inner {
+    width: 100%;
+  }
+  .adm-swiper-vertical .adm-swiper-track {
+    transform: translateY(0%);
+  }
+  .adm-swiper-vertical .adm-swiper-track-inner {
+    height: 100%;
+  }
+  .adm-tabs-header {
+    border-bottom: solid 1px #eeeeee;
+  }
+  .adm-tabs-tab {
+    font-size: 17px;
+  }
+  .adm-tabs-tab-active {
+    color: #1677ff;
+  }
+  .adm-tabs-tab-line {
+    height: 2px;
+    background: #1677ff;
+    border-radius: 2px;
+  }
+  .adm-tabs-content {
+    padding: 12px;
+  }
+  .adm-tabs-header-mask-left {
+    background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0));
+  }
+  .adm-tabs-header-mask-right {
+    background: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0));
+  }
+  .adm-toast-mask .adm-toast-main {
+    font-size: 15px;
+  }
+  .adm-toast-loading.adm-toast-loading {
+    width: 48px;
+    height: 48px;
+    margin: 0 auto 8px;
+  }
+  .adm-toast-loading.adm-toast-loading .adm-spin-loading-fill {
+    stroke: #ffffff;
+  }
+}

package/cjs/global/global.css

@@ -0,0 +1,86 @@
+:root {
+  --adm-radius-s: 4px;
+  --adm-radius-m: 8px;
+  --adm-radius-l: 12px;
+  --adm-font-size-1: 9px;
+  --adm-font-size-2: 10px;
+  --adm-font-size-3: 11px;
+  --adm-font-size-4: 12px;
+  --adm-font-size-5: 13px;
+  --adm-font-size-6: 14px;
+  --adm-font-size-7: 15px;
+  --adm-font-size-8: 16px;
+  --adm-font-size-9: 17px;
+  --adm-font-size-10: 18px;
+  --adm-color-primary: #1677ff;
+  --adm-color-success: #00b578;
+  --adm-color-warning: #ff8f1f;
+  --adm-color-danger: #ff3141;
+  --adm-color-white: #ffffff;
+  --adm-color-text: #333333;
+  --adm-color-text-secondary: #666666;
+  --adm-color-weak: #999999;
+  --adm-color-light: #cccccc;
+  --adm-color-border: #eeeeee;
+  --adm-color-box: #f5f5f5;
+  --adm-color-background: #ffffff;
+  --adm-font-size-main: var(--adm-font-size-5);
+  --adm-font-family: -apple-system, blinkmacsystemfont, 'Helvetica Neue',
+    helvetica, segoe ui, arial, roboto, 'PingFang SC', 'miui',
+    'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
+  --adm-border-color: var(--adm-color-border);
+}
+html[data-prefers-color-scheme='dark'] {
+  --adm-color-primary: #3086ff;
+  --adm-color-success: #34b368;
+  --adm-color-warning: #ffa930;
+  --adm-color-danger: #ff4a58;
+  --adm-color-text: #e6e6e6;
+  --adm-color-text-secondary: #b3b3b3;
+  --adm-color-weak: #808080;
+  --adm-color-light: #4d4d4d;
+  --adm-color-border: #2b2b2b;
+  --adm-color-box: #0a0a0a;
+  --adm-color-background: #1a1a1a;
+  --adm-border-color: var(--adm-color-border);
+}
+:root {
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+body {
+  color: var(--adm-color-text);
+  font-size: var(--adm-font-size-main);
+  font-family: var(--adm-font-family);
+}
+a,
+button {
+  cursor: pointer;
+}
+a {
+  color: var(--adm-color-primary);
+  transition: opacity ease-in-out 0.2s;
+}
+a:active {
+  opacity: 0.8;
+}
+.adm-plain-anchor {
+  color: unset;
+  transition: none;
+}
+.adm-plain-anchor:active {
+  opacity: unset;
+}
+body.adm-overflow-hidden {
+  overflow: hidden !important;
+}
+div.adm-px-tester {
+  --size: 1;
+  height: calc(var(--size) / 2 * 2px);
+  width: 0;
+  position: fixed;
+  right: -100vw;
+  bottom: -100vh;
+  -webkit-user-select: none;
+          user-select: none;
+  pointer-events: none;
+}

package/cjs/global/index.d.ts

@@ -0,0 +1 @@
+import './global.less';