antd-mobile 5.12.7 → 5.14.0

package/2x/cjs/global/global.css

@@ -1,18 +1,50 @@
 :root {
+  --adm-radius-s: 8px;
+  --adm-radius-m: 16px;
+  --adm-radius-l: 24px;
+  --adm-font-size-1: 18px;
+  --adm-font-size-2: 20px;
+  --adm-font-size-3: 22px;
+  --adm-font-size-4: 24px;
+  --adm-font-size-5: 26px;
+  --adm-font-size-6: 28px;
+  --adm-font-size-7: 30px;
+  --adm-font-size-8: 32px;
+  --adm-font-size-9: 34px;
+  --adm-font-size-10: 36px;
+  --adm-hd: 2;
   --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-border-color: #eeeeee;
-  --adm-font-size-main: 26px;
-  --adm-color-text: #333333;
-  --adm-hd: 2;
+  --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 {

package/2x/cjs/global/index.js

@@ -8,4 +8,5 @@ if (_canUseDom.canUseDom) {
   // Make sure the `:active` CSS selector of `button` and `a` take effect
   // See: https://stackoverflow.com/questions/3885018/active-pseudo-class-doesnt-work-in-mobile-safari
   document.addEventListener('touchstart', () => {}, true);
-}
+} // Only for debugging. Must COMMENT this line before commit:
+// import './css-vars-patch.less'

package/2x/cjs/global/theme-dark.css

@@ -0,0 +1,14 @@
+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);
+}

package/2x/cjs/global/theme-default.css

@@ -0,0 +1,33 @@
+:root {
+  --adm-radius-s: 8px;
+  --adm-radius-m: 16px;
+  --adm-radius-l: 24px;
+  --adm-font-size-1: 18px;
+  --adm-font-size-2: 20px;
+  --adm-font-size-3: 22px;
+  --adm-font-size-4: 24px;
+  --adm-font-size-5: 26px;
+  --adm-font-size-6: 28px;
+  --adm-font-size-7: 30px;
+  --adm-font-size-8: 32px;
+  --adm-font-size-9: 34px;
+  --adm-font-size-10: 36px;
+  --adm-hd: 2;
+  --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);
+}

package/2x/cjs/index.d.ts

@@ -12,6 +12,7 @@ export { default as CascadePicker } from './components/cascade-picker';
 export { default as CascadePickerView } from './components/cascade-picker-view';
 export { default as Cascader } from './components/cascader';
 export { default as CascaderView } from './components/cascader-view';
+export { default as CenterPopup } from './components/center-popup';
 export { default as CheckList } from './components/check-list';
 export { default as Checkbox } from './components/checkbox';
 export { default as Collapse } from './components/collapse';
@@ -77,3 +78,5 @@ export { default as Toast } from './components/toast';
 export { default as TreeSelect } from './components/tree-select';
 export { default as VirtualInput } from './components/virtual-input';
 export { default as WaterMark } from './components/water-mark';
+export { createErrorBlock } from './components/error-block';
+export { reduceMotion, restoreMotion } from './utils/reduce-and-restore-motion';

package/2x/cjs/index.js

@@ -75,6 +75,12 @@ Object.defineProperty(exports, "CascaderView", {
     return _cascaderView.default;
   }
 });
+Object.defineProperty(exports, "CenterPopup", {
+  enumerable: true,
+  get: function () {
+    return _centerPopup.default;
+  }
+});
 Object.defineProperty(exports, "CheckList", {
   enumerable: true,
   get: function () {
@@ -465,6 +471,24 @@ Object.defineProperty(exports, "WaterMark", {
     return _waterMark.default;
   }
 });
+Object.defineProperty(exports, "createErrorBlock", {
+  enumerable: true,
+  get: function () {
+    return _errorBlock.createErrorBlock;
+  }
+});
+Object.defineProperty(exports, "reduceMotion", {
+  enumerable: true,
+  get: function () {
+    return _reduceAndRestoreMotion.reduceMotion;
+  }
+});
+Object.defineProperty(exports, "restoreMotion", {
+  enumerable: true,
+  get: function () {
+    return _reduceAndRestoreMotion.restoreMotion;
+  }
+});
 Object.defineProperty(exports, "setDefaultConfig", {
   enumerable: true,
   get: function () {
@@ -500,6 +524,8 @@ var _cascader = _interopRequireDefault(require("./components/cascader"));
 
 var _cascaderView = _interopRequireDefault(require("./components/cascader-view"));
 
+var _centerPopup = _interopRequireDefault(require("./components/center-popup"));
+
 var _checkList = _interopRequireDefault(require("./components/check-list"));
 
 var _checkbox = _interopRequireDefault(require("./components/checkbox"));
@@ -522,7 +548,7 @@ var _ellipsis = _interopRequireDefault(require("./components/ellipsis"));
 
 var _empty = _interopRequireDefault(require("./components/empty"));
 
-var _errorBlock = _interopRequireDefault(require("./components/error-block"));
+var _errorBlock = _interopRequireWildcard(require("./components/error-block"));
 
 var _floatingBubble = _interopRequireDefault(require("./components/floating-bubble"));
 
@@ -628,6 +654,8 @@ var _virtualInput = _interopRequireDefault(require("./components/virtual-input")
 
 var _waterMark = _interopRequireDefault(require("./components/water-mark"));
 
+var _reduceAndRestoreMotion = require("./utils/reduce-and-restore-motion");
+
 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); }

package/2x/cjs/locales/base.d.ts

@@ -90,6 +90,8 @@ export declare const base: {
     };
     InfiniteScroll: {
         noMore: string;
+        failedToLoad: string;
+        retry: string;
     };
     Mask: {
         name: string;

package/2x/cjs/locales/base.js

@@ -96,7 +96,9 @@ const base = {
     upload: 'Upload'
   },
   InfiniteScroll: {
-    noMore: 'No more'
+    noMore: 'No more',
+    failedToLoad: 'Failed to load',
+    retry: 'Retry'
   },
   Mask: {
     name: 'Mask'

package/2x/cjs/locales/en-US.d.ts

@@ -90,6 +90,8 @@ declare const enUS: {
     };
     InfiniteScroll: {
         noMore: string;
+        failedToLoad: string;
+        retry: string;
     };
     Mask: {
         name: string;

package/2x/cjs/locales/es-ES.d.ts

@@ -90,6 +90,8 @@ declare const esES: {
     };
     InfiniteScroll: {
         noMore: string;
+        failedToLoad: string;
+        retry: string;
     };
     Mask: {
         name: string;

package/2x/cjs/locales/fa-IR.d.ts

@@ -90,6 +90,8 @@ declare const faIR: {
     };
     InfiniteScroll: {
         noMore: string;
+        failedToLoad: string;
+        retry: string;
     };
     Mask: {
         name: string;

package/2x/cjs/locales/fr-FR.d.ts

@@ -0,0 +1,108 @@
+declare const frFR: {
+    locale: string;
+    common: {
+        confirm: string;
+        cancel: string;
+        loading: string;
+    };
+    Calendar: {
+        markItems: string[];
+        renderYearAndMonth: (year: number, month: number) => string;
+    };
+    Cascader: {
+        placeholder: string;
+    };
+    Dialog: {
+        ok: string;
+    };
+    ErrorBlock: {
+        default: {
+            title: string;
+            description: string;
+        };
+        busy: {
+            title: string;
+            description: string;
+        };
+        disconnected: {
+            title: string;
+            description: string;
+        };
+        empty: {
+            title: string;
+            description: string;
+        };
+    };
+    Form: {
+        required: string;
+        optional: string;
+        defaultValidateMessages: {
+            default: string;
+            required: string;
+            enum: string;
+            whitespace: string;
+            date: {
+                format: string;
+                parse: string;
+                invalid: string;
+            };
+            types: {
+                string: string;
+                method: string;
+                array: string;
+                object: string;
+                number: string;
+                date: string;
+                boolean: string;
+                integer: string;
+                float: string;
+                regexp: string;
+                email: string;
+                url: string;
+                hex: string;
+            };
+            string: {
+                len: string;
+                min: string;
+                max: string;
+                range: string;
+            };
+            number: {
+                len: string;
+                min: string;
+                max: string;
+                range: string;
+            };
+            array: {
+                len: string;
+                min: string;
+                max: string;
+                range: string;
+            };
+            pattern: {
+                mismatch: string;
+            };
+        };
+    };
+    ImageUploader: {
+        uploading: string;
+        upload: string;
+    };
+    InfiniteScroll: {
+        noMore: string;
+        failedToLoad: string;
+        retry: string;
+    };
+    Mask: {
+        name: string;
+    };
+    Modal: {
+        ok: string;
+    };
+    PullToRefresh: {
+        pulling: string;
+        canRelease: string;
+        complete: string;
+    };
+};
+export default frFR;

package/2x/cjs/locales/fr-FR.js

@@ -0,0 +1,119 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _mergeLocale = require("../utils/merge-locale");
+
+var _base = require("./base");
+
+const typeTemplate = '${label}Pas un valide${type}';
+const frFR = (0, _mergeLocale.mergeLocale)(_base.base, {
+  locale: 'fr-FR',
+  common: {
+    confirm: 'Valider',
+    cancel: 'Annuler',
+    loading: 'Chargement'
+  },
+  Calendar: {
+    markItems: ['un', 'deux', 'trois', 'quatre', 'cinq', 'six', 'sept'],
+    renderYearAndMonth: (year, month) => `${year}Année ${month}Mois`
+  },
+  Cascader: {
+    placeholder: 'Veuillez sélectionner'
+  },
+  Dialog: {
+    ok: 'Je l’ai compris'
+  },
+  ErrorBlock: {
+    default: {
+      title: 'La page rencontre des problèmes mineurs',
+      description: 'Venez essayer plus tard'
+    },
+    busy: {
+      title: 'Pas chargé.',
+      description: 'Tentative de rafraîchir la page'
+    },
+    disconnected: {
+      title: 'Le réseau est occupé',
+      description: 'Tentative de rafraîchir la page'
+    },
+    empty: {
+      title: 'Vous n’avez pas trouvé ce que vous cherchez',
+      description: 'Trouvez les autres'
+    }
+  },
+  Form: {
+    required: 'Qu’il remplit',
+    optional: 'Décharge sélectionnés',
+    defaultValidateMessages: {
+      default: 'Erreur de validation de champ${label}',
+      required: 'Veuillez entrer le${label}',
+      enum: '${label}doit être l’un des[${enum}]',
+      whitespace: '${label}Ne peut pas être un caractère vide',
+      date: {
+        format: '${label}Format de date invalide',
+        parse: '${label}Non convertible en date',
+        invalid: '${label}Est une date non valide'
+      },
+      types: {
+        string: typeTemplate,
+        method: typeTemplate,
+        array: typeTemplate,
+        object: typeTemplate,
+        number: typeTemplate,
+        date: typeTemplate,
+        boolean: typeTemplate,
+        integer: typeTemplate,
+        float: typeTemplate,
+        regexp: typeTemplate,
+        email: typeTemplate,
+        url: typeTemplate,
+        hex: typeTemplate
+      },
+      string: {
+        len: '${label}pour${len}Un caractère',
+        min: '${label}Au moins${min}Un caractère',
+        max: '${label}Un maximum de${max}Un caractère',
+        range: '${label}Dans les${min}-${max}Entre les caractères'
+      },
+      number: {
+        len: '${label}Doit être égal à${len}',
+        min: '${label}La valeur minimale est${min}',
+        max: '${label}La valeur maximale est${max}',
+        range: '${label}Dans les${min}-${max}entre'
+      },
+      array: {
+        len: 'pour${len}个${label}',
+        min: 'Au moins${min}个${label}',
+        max: 'Un maximum de${max}个${label}',
+        range: '${label}Montant de${min}-${max}entre'
+      },
+      pattern: {
+        mismatch: '${label}Ne correspond pas au modèle${pattern}'
+      }
+    }
+  },
+  ImageUploader: {
+    uploading: 'Téléchargement...',
+    upload: 'Télécharger'
+  },
+  InfiniteScroll: {
+    noMore: 'Non, plus maintenant.'
+  },
+  Mask: {
+    name: 'Masques'
+  },
+  Modal: {
+    ok: 'Je l’ai compris'
+  },
+  PullToRefresh: {
+    pulling: 'Rafraîchir la liste déroulante',
+    canRelease: 'Libérez instantanément rafraîchir',
+    complete: 'Rafraîchir avec succès'
+  }
+});
+var _default = frFR;
+exports.default = _default;

package/2x/cjs/locales/ko-KR.d.ts

@@ -90,6 +90,8 @@ declare const koKR: {
     };
     InfiniteScroll: {
         noMore: string;
+        failedToLoad: string;
+        retry: string;
     };
     Mask: {
         name: string;

package/2x/cjs/locales/zh-CN.d.ts

@@ -90,6 +90,8 @@ declare const zhCN: {
     };
     InfiniteScroll: {
         noMore: string;
+        failedToLoad: string;
+        retry: string;
     };
     Mask: {
         name: string;

package/2x/cjs/locales/zh-CN.js

@@ -101,7 +101,9 @@ const zhCN = (0, _mergeLocale.mergeLocale)(_base.base, {
     upload: '上传'
   },
   InfiniteScroll: {
-    noMore: '没有更多了'
+    noMore: '没有更多了',
+    failedToLoad: '加载失败',
+    retry: '重新加载'
   },
   Mask: {
     name: '遮罩层'

package/2x/cjs/locales/zh-HK.d.ts

@@ -90,6 +90,8 @@ declare const zhHK: {
     };
     InfiniteScroll: {
         noMore: string;
+        failedToLoad: string;
+        retry: string;
     };
     Mask: {
         name: string;

package/2x/cjs/locales/zh-TW.d.ts

@@ -90,6 +90,8 @@ declare const zhTW: {
     };
     InfiniteScroll: {
         noMore: string;
+        failedToLoad: string;
+        retry: string;
     };
     Mask: {
         name: string;

package/2x/cjs/utils/measure-css-length.js

@@ -10,7 +10,7 @@ var _isDev = require("./is-dev");
 var _devLog = require("./dev-log");
 
 function measureCSSLength(raw) {
-  if (raw === null || raw === undefined) {
+  if (raw === null || raw === undefined || raw === '') {
     if (_isDev.isDev) {
       (0, _devLog.devError)('Global', 'Seems like the you will encounter a style messed problem. Please check the browser environment to make sure it supports CSS variables.');
     }
@@ -28,7 +28,7 @@ function measureCSSLength(raw) {
     return parseFloat(withUnit) * window.innerWidth / 100;
   } else {
     if (_isDev.isDev) {
-      (0, _devLog.devError)('Global', 'You are using a not supported CSS unit. Only `px` `rem` and `vw` are supported.');
+      (0, _devLog.devError)('Global', `You are using a not supported CSS unit in \`${raw}\`. Only \`px\` \`rem\` and \`vw\` are supported.`);
     }
 
     return 0;

package/2x/cjs/utils/reduce-and-restore-motion.d.ts

@@ -0,0 +1,4 @@
+export declare function reduceMotion(): void;
+export declare function restoreMotion(): void;
+export declare function isMotionReduced(): boolean;
+export declare function useMotionReduced(): boolean;

package/2x/cjs/utils/reduce-and-restore-motion.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isMotionReduced = isMotionReduced;
+exports.reduceMotion = reduceMotion;
+exports.restoreMotion = restoreMotion;
+exports.useMotionReduced = useMotionReduced;
+
+var _web = require("@react-spring/web");
+
+var _shim = require("use-sync-external-store/shim");
+
+let reduced = false;
+const subscribers = new Set();
+
+function notify() {
+  subscribers.forEach(subscriber => {
+    subscriber();
+  });
+}
+
+function reduceMotion() {
+  reduced = true;
+  notify();
+
+  _web.Globals.assign({
+    skipAnimation: true
+  });
+}
+
+function restoreMotion() {
+  reduced = false;
+  notify();
+
+  _web.Globals.assign({
+    skipAnimation: false
+  });
+}
+
+function isMotionReduced() {
+  return reduced;
+}
+
+function useMotionReduced() {
+  return (0, _shim.useSyncExternalStore)(onStoreChange => {
+    subscribers.add(onStoreChange);
+    return () => {
+      subscribers.delete(onStoreChange);
+    };
+  }, isMotionReduced);
+}

package/2x/cjs/utils/use-inner-visible.d.ts

@@ -0,0 +1 @@
+export declare function useInnerVisible(outerVisible: boolean): boolean;

package/2x/cjs/utils/use-inner-visible.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useInnerVisible = useInnerVisible;
+
+var _react = require("react");
+
+var _ahooks = require("ahooks");
+
+function useInnerVisible(outerVisible) {
+  const [innerVisible, setInnerVisible] = (0, _react.useState)(outerVisible);
+  (0, _ahooks.useIsomorphicLayoutEffect)(() => {
+    setInnerVisible(outerVisible);
+  }, [outerVisible]);
+  return innerVisible;
+}

package/2x/es/components/action-sheet/action-sheet.css

@@ -8,17 +8,17 @@
   display: flex;
   justify-content: center;
   color: var(--adm-color-weak);
-  font-size: 30px;
+  font-size: var(--adm-font-size-7);
   padding: 36px 24px;
-  border-bottom: 2px solid var(--adm-border-color);
+  border-bottom: 2px solid var(--adm-color-border);
 }
 
 .adm-action-sheet-button-list {
-  border-bottom: 2px solid var(--adm-border-color);
+  border-bottom: 2px solid var(--adm-color-border);
 }
 
 .adm-action-sheet-button-item-wrapper {
-  border-bottom: 2px solid var(--adm-border-color);
+  border-bottom: 2px solid var(--adm-color-border);
 }
 
 .adm-action-sheet-button-item-wrapper:last-child {
@@ -28,7 +28,7 @@
 .adm-action-sheet-button-item {
   text-align: center;
   display: block;
-  background-color: #ffffff;
+  background-color: var(--adm-color-background);
   padding: 32px;
 }
 
@@ -44,11 +44,11 @@
 
 .adm-action-sheet-button-item-name {
   color: var(--adm-color-text);
-  font-size: 36px;
+  font-size: var(--adm-font-size-10);
 }
 
 .adm-action-sheet-button-item-description {
-  font-size: 24px;
+  font-size: var(--adm-font-size-4);
   color: var(--adm-color-weak);
   padding-top: 4px;
 }
@@ -58,6 +58,6 @@
 }
 
 .adm-action-sheet-cancel {
-  background-color: #f5f5f5;
+  background-color: var(--adm-color-box);
   padding-top: 16px;
 }