antd-mobile 5.28.2 → 5.29.1

package/cjs/locales/nb-NO.js

@@ -0,0 +1,144 @@
+"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} er ikke gyldig som ${type}';
+const nbNO = (0, _mergeLocale.mergeLocale)(_base.base, {
+  locale: 'nb-NO',
+  common: {
+    confirm: 'Bekreft',
+    cancel: 'Avbryt',
+    loading: 'Laster',
+    close: 'Lukk'
+  },
+  Calendar: {
+    markItems: ['Man', 'Tir', 'Ons', 'Tor', 'Fre', 'Lør', 'Søn'],
+    renderYearAndMonth: (year, month) => `${month}.${year}`
+  },
+  Cascader: {
+    placeholder: 'Velg'
+  },
+  Dialog: {
+    ok: 'OK'
+  },
+  DatePicker: {
+    tillNow: 'Til nå'
+  },
+  ErrorBlock: {
+    default: {
+      title: 'Oops, noe gikk galt',
+      description: 'Vent et minutt og prøv igjen'
+    },
+    busy: {
+      title: 'Oops, ikke laster',
+      description: 'Prøv å oppdatere siden'
+    },
+    disconnected: {
+      title: 'Nettverket er opptatt',
+      description: 'Prøv å oppdatere siden'
+    },
+    empty: {
+      title: 'Hmm, fant ikke det...',
+      description: 'Vil du prøve en ny søk?'
+    }
+  },
+  Form: {
+    required: 'Påkrevd',
+    optional: 'Valgfritt',
+    defaultValidateMessages: {
+      default: 'Feltvalideringsfeil for ${label}',
+      required: 'Vennligst skriv inn ${label}',
+      enum: '${label} må være en av [${enum}]',
+      whitespace: '${label} kan ikke være et blankt tegn',
+      date: {
+        format: 'Ugyldig datoformat for ${label}',
+        parse: '${label} kan ikke konverteres til en dato',
+        invalid: '${label} er en ugyldig dato'
+      },
+      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} må være ${len} tegn',
+        min: '${label} må ha minst ${min} tegn',
+        max: '${label} må ha opptil ${max} tegn',
+        range: '${label} må ha mellom ${min}-${max} tegn'
+      },
+      number: {
+        len: '${label} må være lik ${len}',
+        min: '${label} må være minimum ${min}',
+        max: '${label} må være maksimum ${max}',
+        range: '${label} må være mellom ${min}-${max}'
+      },
+      array: {
+        len: 'Må ha ${len} ${label}',
+        min: 'Minst ${min} ${label}',
+        max: 'Maksimalt ${max} ${label}',
+        range: 'Antall ${label} må være mellom ${min}-${max}'
+      },
+      pattern: {
+        mismatch: '${label} samsvarer ikke med mønsteret ${pattern}'
+      }
+    }
+  },
+  ImageUploader: {
+    uploading: 'Laster opp...',
+    upload: 'Last opp'
+  },
+  InfiniteScroll: {
+    noMore: 'Ingen flere',
+    failedToLoad: 'Kunne ikke laste inn',
+    retry: 'Prøv igjen'
+  },
+  Input: {
+    clear: 'slett'
+  },
+  Mask: {
+    name: 'Maske'
+  },
+  Modal: {
+    ok: 'OK'
+  },
+  PasscodeInput: {
+    name: 'Inndata for adgangskode'
+  },
+  PullToRefresh: {
+    pulling: 'Dra ned for å oppdatere',
+    canRelease: 'Slipp for å oppdatere umiddelbart',
+    complete: 'Oppdatering fullført'
+  },
+  SearchBar: {
+    name: 'Søkefelt'
+  },
+  Slider: {
+    name: 'Glideregister'
+  },
+  Stepper: {
+    decrease: 'reduser',
+    increase: 'øk'
+  },
+  Switch: {
+    name: 'Bryter'
+  },
+  Selector: {
+    name: 'Velger'
+  }
+});
+var _default = nbNO;
+exports.default = _default;

package/cjs/locales/nl-NL.d.ts

@@ -0,0 +1,134 @@
+declare const nlNL: {
+    locale: string;
+    common: {
+        confirm: string;
+        cancel: string;
+        loading: string;
+        close: string;
+    };
+    Calendar: {
+        markItems: string[];
+        renderYearAndMonth: (year: number, month: number) => string;
+    };
+    Cascader: {
+        placeholder: string;
+    };
+    Dialog: {
+        ok: string;
+    };
+    DatePicker: {
+        tillNow: 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;
+    };
+    Input: {
+        clear: string;
+    };
+    Mask: {
+        name: string;
+    };
+    Modal: {
+        ok: string;
+    };
+    PasscodeInput: {
+        name: string;
+    };
+    PullToRefresh: {
+        pulling: string;
+        canRelease: string;
+        complete: string;
+    };
+    SearchBar: {
+        name: string;
+    };
+    Slider: {
+        name: string;
+    };
+    Stepper: {
+        decrease: string;
+        increase: string;
+    };
+    Switch: {
+        name: string;
+    };
+    Selector: {
+        name: string;
+    };
+};
+export default nlNL;

package/cjs/locales/nl-NL.js

@@ -0,0 +1,144 @@
+"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} is niet geldig als ${type}';
+const nlNL = (0, _mergeLocale.mergeLocale)(_base.base, {
+  locale: 'nl-NL',
+  common: {
+    confirm: 'Bevestigen',
+    cancel: 'Annuleren',
+    loading: 'Laden',
+    close: 'Sluiten'
+  },
+  Calendar: {
+    markItems: ['Ma', 'Di', 'Wo', 'Do', 'Vr', 'Za', 'Zo'],
+    renderYearAndMonth: (year, month) => `${month}-${year}`
+  },
+  Cascader: {
+    placeholder: 'Selecteren'
+  },
+  Dialog: {
+    ok: 'OK'
+  },
+  DatePicker: {
+    tillNow: 'Tot nu'
+  },
+  ErrorBlock: {
+    default: {
+      title: 'Oeps, er is iets fout gegaan',
+      description: 'Wacht een minuutje en probeer opnieuw'
+    },
+    busy: {
+      title: 'Oeps, niet aan het laden',
+      description: 'Probeer de pagina te vernieuwen'
+    },
+    disconnected: {
+      title: 'Netwerk is bezet',
+      description: 'Probeer de pagina te vernieuwen'
+    },
+    empty: {
+      title: 'Hmm, dat kon niet gevonden worden...',
+      description: 'Wil je een nieuwe zoekopdracht proberen?'
+    }
+  },
+  Form: {
+    required: 'Verplicht',
+    optional: 'Optioneel',
+    defaultValidateMessages: {
+      default: 'Veldvalidatiefout voor ${label}',
+      required: 'Vul ${label} in',
+      enum: '${label} moet een van de volgende zijn: [${enum}]',
+      whitespace: '${label} mag geen leeg karakter zijn',
+      date: {
+        format: 'Ongeldige datumnotatie voor ${label}',
+        parse: 'Kan ${label} niet converteren naar een datum',
+        invalid: 'Ongeldige datum voor ${label}'
+      },
+      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} moet ${len} tekens zijn',
+        min: '${label} moet minimaal ${min} tekens zijn',
+        max: '${label} mag maximaal ${max} tekens zijn',
+        range: '${label} moet tussen ${min}-${max} tekens zijn'
+      },
+      number: {
+        len: '${label} moet gelijk zijn aan ${len}',
+        min: '${label} moet minimaal ${min} zijn',
+        max: '${label} mag maximaal ${max} zijn',
+        range: '${label} moet tussen ${min}-${max} zijn'
+      },
+      array: {
+        len: 'Moet ${len} ${label} zijn',
+        min: 'Moet minimaal ${min} ${label} zijn',
+        max: 'Mag maximaal ${max} ${label} zijn',
+        range: 'Aantal ${label} moet tussen ${min}-${max} zijn'
+      },
+      pattern: {
+        mismatch: '${label} komt niet overeen met het patroon ${pattern}'
+      }
+    }
+  },
+  ImageUploader: {
+    uploading: 'Uploaden...',
+    upload: 'Uploaden'
+  },
+  InfiniteScroll: {
+    noMore: 'Geen meer',
+    failedToLoad: 'Laden mislukt',
+    retry: 'Opnieuw proberen'
+  },
+  Input: {
+    clear: 'wissen'
+  },
+  Mask: {
+    name: 'Masker'
+  },
+  Modal: {
+    ok: 'Begrepen'
+  },
+  PasscodeInput: {
+    name: 'Invoer voor toegangscode'
+  },
+  PullToRefresh: {
+    pulling: 'Trek naar beneden om te vernieuwen',
+    canRelease: 'Los om onmiddellijk te vernieuwen',
+    complete: 'Vernieuwen voltooid'
+  },
+  SearchBar: {
+    name: 'Zoekbalk'
+  },
+  Slider: {
+    name: 'Schuifregelaar'
+  },
+  Stepper: {
+    decrease: 'afnemen',
+    increase: 'toenemen'
+  },
+  Switch: {
+    name: 'Schakelaar'
+  },
+  Selector: {
+    name: 'Selector'
+  }
+});
+var _default = nlNL;
+exports.default = _default;

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

@@ -127,5 +127,8 @@ declare const zhCN: {
     Switch: {
         name: string;
     };
+    Selector: {
+        name: string;
+    };
 };
 export default zhCN;

package/cjs/locales/zh-CN.js

@@ -135,6 +135,9 @@ const zhCN = (0, _mergeLocale.mergeLocale)(_base.base, {
   },
   Switch: {
     name: '开关'
+  },
+  Selector: {
+    name: '选择组'
   }
 });
 var _default = zhCN;

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

@@ -127,5 +127,8 @@ declare const zhHK: {
     Switch: {
         name: string;
     };
+    Selector: {
+        name: string;
+    };
 };
 export default zhHK;

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

@@ -127,5 +127,8 @@ declare const zhTW: {
     Switch: {
         name: string;
     };
+    Selector: {
+        name: string;
+    };
 };
 export default zhTW;

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

@@ -50,6 +50,6 @@
   font-weight: bold;
 }
 .adm-action-sheet-cancel {
-  background-color: var(--adm-color-box);
+  background-color: var(--adm-color-fill-content);
   padding-top: 8px;
 }

package/es/components/action-sheet/action-sheet.js

@@ -55,13 +55,17 @@ export const ActionSheet = p => {
       if (props.closeOnAction) {
         (_c = props.onClose) === null || _c === void 0 ? void 0 : _c.call(props);
       }
-    }
+    },
+    role: 'option',
+    "aria-disabled": action.disabled
   }, React.createElement("div", {
     className: `${classPrefix}-button-item-name`
   }, action.text), action.description && React.createElement("div", {
     className: `${classPrefix}-button-item-description`
   }, action.description))))), props.cancelText && React.createElement("div", {
-    className: `${classPrefix}-cancel`
+    className: `${classPrefix}-cancel`,
+    role: 'option',
+    "aria-label": props.cancelText
   }, React.createElement("div", {
     className: `${classPrefix}-button-item-wrapper`
   }, React.createElement("a", {

package/es/components/avatar/avatar.d.ts

@@ -5,5 +5,5 @@ export declare type AvatarProps = {
     src: string;
     fallback?: ReactNode;
     fit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
-} & Pick<ImageProps, 'alt' | 'lazy' | 'onClick' | 'onError'> & NativeProps<'--size' | '--border-radius'>;
+} & Pick<ImageProps, 'alt' | 'lazy' | 'onClick' | 'onError' | 'onLoad'> & NativeProps<'--size' | '--border-radius'>;
 export declare const Avatar: FC<AvatarProps>;

package/es/components/avatar/avatar.js

@@ -19,6 +19,7 @@ export const Avatar = p => {
     lazy: props.lazy,
     fit: props.fit,
     onClick: props.onClick,
-    onError: props.onError
+    onError: props.onError,
+    onLoad: props.onLoad
   }));
 };

package/es/components/badge/badge.css

@@ -13,7 +13,7 @@
   --color: var(--adm-badge-color, #ff411c);
 }
 .adm-badge-content {
-  color: var(--adm-color-white);
+  color: var(--adm-color-text-light-solid);
   box-sizing: border-box;
   min-width: 8px;
   padding: 1px 4px;
@@ -36,5 +36,5 @@
   border-radius: 5px;
 }
 .adm-badge-bordered {
-  border: solid 1px var(--adm-color-white);
+  border: solid 1px var(--adm-color-text-light-solid);
 }

package/es/components/button/button.css

@@ -1,5 +1,5 @@
 .adm-button {
-  --color: var(--adm-color-white);
+  --color: var(--adm-color-text-light-solid);
   --text-color: var(--adm-button-text-color, var(--adm-color-text));
   --background-color: var(--adm-button-background-color, var(--adm-color-background));
   --border-radius: var(--adm-button-border-radius, 4px);
@@ -53,7 +53,7 @@
   --border-width: 0px;
 }
 .adm-button:not(.adm-button-default) {
-  --text-color: var(--adm-color-white);
+  --text-color: var(--adm-color-text-light-solid);
   --background-color: var(--color);
   --border-color: var(--color);
 }

package/es/components/calendar/calendar.js

@@ -81,7 +81,7 @@ export const Calendar = forwardRef((p, ref) => {
         return;
       }
     }
-    setCurrent(current[action](num, type));
+    setCurrent(nxtCurrent);
   };
   const header = React.createElement("div", {
     className: `${classPrefix}-header`

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

@@ -32,10 +32,10 @@
   font-size: var(--adm-font-size-7);
   text-align: center;
   white-space: nowrap;
-  background-color: var(--adm-color-box);
+  background-color: var(--adm-color-fill-content);
 }
 .adm-capsule-tabs-tab-active {
-  color: var(--adm-color-white);
+  color: var(--adm-color-text-light-solid);
   background-color: var(--adm-color-primary);
 }
 .adm-capsule-tabs-tab-disabled {

package/es/components/check-list/check-list-item.js

@@ -13,9 +13,11 @@ export const CheckListItem = props => {
   }
   const active = context.value.includes(props.value);
   const readOnly = props.readOnly || context.readOnly;
+  const defaultExtra = active ? context.activeIcon : null;
+  const renderExtra = context.extra ? context.extra(active) : defaultExtra;
   const extra = React.createElement("div", {
     className: `${classPrefix}-extra`
-  }, active ? context.activeIcon : null);
+  }, renderExtra);
   return withNativeProps(props, React.createElement(List.Item, {
     title: props.title,
     className: classNames(classPrefix, readOnly && `${classPrefix}-readonly`, active && `${classPrefix}-active`),

package/es/components/check-list/check-list.d.ts

@@ -7,6 +7,7 @@ export declare type CheckListProps = Pick<ListProps, 'mode' | 'style'> & {
     onChange?: (val: string[]) => void;
     multiple?: boolean;
     activeIcon?: ReactNode;
+    extra?: (active: boolean) => ReactNode;
     disabled?: boolean;
     readOnly?: boolean;
     children?: React.ReactNode;

package/es/components/check-list/check-list.js

@@ -26,6 +26,7 @@ export const CheckList = p => {
   }
   const {
     activeIcon,
+    extra,
     disabled,
     readOnly
   } = props;
@@ -35,6 +36,7 @@ export const CheckList = p => {
       check,
       uncheck,
       activeIcon,
+      extra,
       disabled,
       readOnly
     }

package/es/components/check-list/context.d.ts

@@ -4,6 +4,7 @@ export declare const CheckListContext: import("react").Context<{
     check: (val: string) => void;
     uncheck: (val: string) => void;
     activeIcon?: ReactNode;
+    extra?: ((active: boolean) => ReactNode) | undefined;
     disabled?: boolean | undefined;
     readOnly?: boolean | undefined;
 } | null>;

package/es/components/checkbox/checkbox.css

@@ -18,7 +18,7 @@
   box-sizing: border-box;
   width: var(--icon-size);
   height: var(--icon-size);
-  color: var(--adm-color-white);
+  color: var(--adm-color-text-light-solid);
 }
 .adm-checkbox .adm-checkbox-icon > svg {
   display: block;
@@ -41,7 +41,7 @@
 .adm-checkbox.adm-checkbox-disabled .adm-checkbox-icon.adm-checkbox-icon {
   color: #b7b7b7;
   border-color: var(--adm-color-light);
-  background-color: var(--adm-color-box);
+  background-color: var(--adm-color-fill-content);
 }
 .adm-checkbox .adm-checkbox-custom-icon {
   font-size: var(--icon-size);

package/es/components/ellipsis/ellipsis.js

@@ -120,7 +120,7 @@ export const Ellipsis = p => {
       setExpanded(true);
     }
   }, props.expandText)) : null;
-  const collapseActionElement = exceeded && props.expandText ? withStopPropagation(props.stopPropagationForActionButtons, React.createElement("a", {
+  const collapseActionElement = exceeded && props.collapseText ? withStopPropagation(props.stopPropagationForActionButtons, React.createElement("a", {
     onClick: () => {
       setExpanded(false);
     }

package/es/components/image/image.css

@@ -12,7 +12,7 @@
 }
 .adm-image-tip {
   position: relative;
-  background-color: var(--adm-color-box);
+  background-color: var(--adm-color-fill-content);
   height: 100%;
   min-height: 24px;
   min-width: 24px;

package/es/components/index-bar/index-bar.css

@@ -3,7 +3,7 @@
   overflow: hidden;
   height: 100%;
   position: relative;
-  background-color: var(--adm-color-white);
+  background-color: var(--adm-color-background);
   --sticky-offset-top: 0;
 }
 .adm-index-bar-body {
@@ -22,7 +22,7 @@
   padding: 0 12px;
   color: var(--adm-color-weak);
   font-size: var(--adm-font-size-main);
-  background-color: var(--adm-color-box);
+  background-color: var(--adm-color-fill-content);
 }
 .adm-index-bar-sidebar {
   position: absolute;
@@ -43,7 +43,7 @@
   right: 60px;
   width: 47px;
   height: 47px;
-  color: var(--adm-color-white);
+  color: var(--adm-color-text-light-solid);
   font-size: 25px;
   line-height: 47px;
   text-align: center;
@@ -70,7 +70,7 @@
   align-items: center;
 }
 .adm-index-bar-sidebar-item-active {
-  color: var(--adm-color-white);
+  color: var(--adm-color-text-light-solid);
   background-color: var(--adm-color-primary);
   border-radius: 50%;
 }