antd-mobile 5.12.7 → 5.14.0

package/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/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/cjs/locales/ko-KR.d.ts

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

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

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

package/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/cjs/locales/zh-HK.d.ts

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

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

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

package/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/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/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/cjs/utils/use-inner-visible.d.ts

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

package/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/es/components/action-sheet/action-sheet.css

@@ -7,15 +7,15 @@
   display: flex;
   justify-content: center;
   color: var(--adm-color-weak);
-  font-size: 15px;
+  font-size: var(--adm-font-size-7);
   padding: 18px 12px;
-  border-bottom: 1px solid var(--adm-border-color);
+  border-bottom: 1px solid var(--adm-color-border);
 }
 .adm-action-sheet-button-list {
-  border-bottom: 1px solid var(--adm-border-color);
+  border-bottom: 1px solid var(--adm-color-border);
 }
 .adm-action-sheet-button-item-wrapper {
-  border-bottom: 1px solid var(--adm-border-color);
+  border-bottom: 1px solid var(--adm-color-border);
 }
 .adm-action-sheet-button-item-wrapper:last-child {
   border-bottom: none;
@@ -23,7 +23,7 @@
 .adm-action-sheet-button-item {
   text-align: center;
   display: block;
-  background-color: #ffffff;
+  background-color: var(--adm-color-background);
   padding: 16px;
 }
 .adm-action-sheet-button-item:active {
@@ -36,10 +36,10 @@
 }
 .adm-action-sheet-button-item-name {
   color: var(--adm-color-text);
-  font-size: 18px;
+  font-size: var(--adm-font-size-10);
 }
 .adm-action-sheet-button-item-description {
-  font-size: 12px;
+  font-size: var(--adm-font-size-4);
   color: var(--adm-color-weak);
   padding-top: 2px;
 }
@@ -47,6 +47,6 @@
   color: var(--adm-color-danger);
 }
 .adm-action-sheet-cancel {
-  background-color: #f5f5f5;
+  background-color: var(--adm-color-box);
   padding-top: 8px;
 }

package/es/components/badge/badge.css

@@ -13,11 +13,11 @@
   --color: var(--adm-badge-color, #ff411c);
 }
 .adm-badge-content {
-  color: #fff;
+  color: var(--adm-color-white);
   box-sizing: border-box;
   min-width: 8px;
   padding: 1px 4px;
-  font-size: 9px;
+  font-size: var(--adm-font-size-1);
   line-height: 12px;
   white-space: nowrap;
   font-weight: normal;

package/es/components/button/button.css

@@ -1,11 +1,11 @@
 .adm-button {
   --color: var(--adm-color-white);
   --text-color: var(--adm-button-text-color, var(--adm-color-text));
-  --background-color: var(--adm-button-background-color, var(--adm-color-white));
+  --background-color: var(--adm-button-background-color, var(--adm-color-background));
   --border-radius: var(--adm-button-border-radius, 4px);
   --border-width: var(--adm-button-border-width, 1px);
   --border-style: var(--adm-button-border-style, solid);
-  --border-color: var(--adm-button-border-color, var(--adm-border-color));
+  --border-color: var(--adm-button-border-color, var(--adm-color-border));
   color: var(--text-color);
   background-color: var(--background-color);
   position: relative;
@@ -14,7 +14,7 @@
   height: auto;
   padding: 7px 12px;
   margin: 0;
-  font-size: 17px;
+  font-size: var(--adm-font-size-9);
   line-height: 1.4;
   text-align: center;
   border: var(--border-width) var(--border-style) var(--border-color);
@@ -91,7 +91,7 @@
 .adm-button.adm-button-mini {
   padding-top: 3px;
   padding-bottom: 3px;
-  font-size: 13px;
+  font-size: var(--adm-font-size-main);
 }
 .adm-button.adm-button-mini.adm-button-shape-rounded {
   padding-left: 9px;
@@ -100,12 +100,12 @@
 .adm-button.adm-button-small {
   padding-top: 3px;
   padding-bottom: 3px;
-  font-size: 15px;
+  font-size: var(--adm-font-size-7);
 }
 .adm-button.adm-button-large {
   padding-top: 11px;
   padding-bottom: 11px;
-  font-size: 18px;
+  font-size: var(--adm-font-size-10);
 }
 .adm-button.adm-button-shape-rounded {
   --border-radius: 1000px;

package/es/components/button/button.patch.css

@@ -0,0 +1,86 @@
+.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;
+}

package/es/components/calendar/calendar.css

@@ -17,7 +17,7 @@
   transform: rotate(180deg);
 }
 .adm-calendar .adm-calendar-header .adm-calendar-title {
-  font-size: 18px;
+  font-size: var(--adm-font-size-10);
   flex: auto;
   text-align: center;
 }
@@ -76,11 +76,11 @@
 }
 .adm-calendar-cell .adm-calendar-cell-top {
   flex: none;
-  font-size: 18px;
+  font-size: var(--adm-font-size-10);
 }
 .adm-calendar-cell .adm-calendar-cell-bottom {
   flex: none;
-  font-size: 12px;
+  font-size: var(--adm-font-size-4);
   height: 12px;
   line-height: 12px;
   color: var(--adm-color-weak);
@@ -90,10 +90,10 @@
   flex-direction: row;
   justify-content: flex-start;
   align-items: center;
-  border-bottom: solid 1px var(--adm-border-color);
+  border-bottom: solid 1px var(--adm-color-border);
   height: 45px;
   box-sizing: border-box;
-  font-size: 15px;
+  font-size: var(--adm-font-size-7);
   padding: 0 8px;
 }
 .adm-calendar-mark .adm-calendar-mark-cell {

package/es/components/capsule-tabs/capsule-tabs.css

@@ -5,7 +5,7 @@
 .adm-capsule-tabs-header {
   position: relative;
   padding: 12px 6px;
-  border-bottom: solid 1px var(--adm-border-color);
+  border-bottom: solid 1px var(--adm-color-border);
 }
 .adm-capsule-tabs-tab-list {
   display: flex;
@@ -29,13 +29,13 @@
   margin: 0 auto;
   border-radius: 20px;
   cursor: pointer;
-  font-size: 15px;
+  font-size: var(--adm-font-size-7);
   text-align: center;
   white-space: nowrap;
-  background-color: #f5f5f5;
+  background-color: var(--adm-color-box);
 }
 .adm-capsule-tabs-tab-active {
-  color: #fff;
+  color: var(--adm-color-white);
   background-color: var(--adm-color-primary);
 }
 .adm-capsule-tabs-tab-disabled {
@@ -45,20 +45,3 @@
 .adm-capsule-tabs-content {
   padding: 12px;
 }
-.adm-capsule-tabs-header-mask {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  z-index: 1;
-  width: 30px;
-  height: 100%;
-  pointer-events: none;
-}
-.adm-capsule-tabs-header-mask-left {
-  left: 0;
-  background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
-}
-.adm-capsule-tabs-header-mask-right {
-  right: 0;
-  background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0));
-}

package/es/components/card/card.css

@@ -1,5 +1,5 @@
 .adm-card {
-  background: #ffffff;
+  background: var(--adm-color-background);
   border-radius: 8px;
   padding: 0 12px;
 }
@@ -12,10 +12,10 @@
   padding: 12px 0;
 }
 .adm-card-header:not(:last-child) {
-  border-bottom: solid 0.5px var(--adm-border-color);
+  border-bottom: solid 0.5px var(--adm-color-border);
 }
 .adm-card-header-title {
-  font-size: 15px;
+  font-size: var(--adm-font-size-7);
   line-height: 1.4;
   font-weight: bold;
 }

package/es/components/cascader/cascader.css

@@ -13,13 +13,13 @@
   padding: 6px 8px;
 }
 .adm-cascader-header-button {
-  font-size: 15px;
+  font-size: var(--adm-font-size-7);
   display: inline-block;
   padding: 4px 4px;
 }
 .adm-cascader-header-title {
   padding: 4px 4px;
-  font-size: 15px;
+  font-size: var(--adm-font-size-7);
   color: var(--adm-color-text);
   text-align: center;
   flex: 1;