antd-mobile 5.15.1 → 5.16.0

package/cjs/components/progress-bar/progress-bar.js

@@ -11,25 +11,47 @@ var _nativeProps = require("../../utils/native-props");
 
 var _withDefaultProps = require("../../utils/with-default-props");
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _isNodeWithContent = require("../../utils/is-node-with-content");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const classPrefix = `adm-progress-bar`;
+const defaultProps = {
+  percent: 0,
+  rounded: true,
+  text: false
+};
 
 const ProgressBar = p => {
-  const props = (0, _withDefaultProps.mergeProps)({
-    percent: 0
-  }, p);
+  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
   const fillStyle = {
     width: `${props.percent}%`
   };
+
+  const textElement = function () {
+    if (props.text === true) {
+      return `${props.percent}%`;
+    }
+
+    if (typeof props.text === 'function') {
+      return props.text(props.percent);
+    }
+
+    return props.text;
+  }();
+
   return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
-    className: classPrefix
+    className: (0, _classnames.default)(classPrefix, props.rounded && `${classPrefix}-rounded`)
   }, _react.default.createElement("div", {
     className: `${classPrefix}-trail`
   }, _react.default.createElement("div", {
     className: `${classPrefix}-fill`,
     style: fillStyle
-  }))));
+  })), (0, _isNodeWithContent.isNodeWithContent)(textElement) && _react.default.createElement("div", {
+    className: `${classPrefix}-text`
+  }, textElement)));
 };
 
 exports.ProgressBar = ProgressBar;

package/cjs/components/slider/slider.js

@@ -178,7 +178,8 @@ const Slider = p => {
             dragLockRef.current -= 1;
           }, 100);
         }
-      }
+      },
+      "aria-label": props['aria-label']
     });
   };
 

package/cjs/components/slider/thumb.d.ts

@@ -1,4 +1,5 @@
 import React, { FC, RefObject, ReactNode } from 'react';
+import { NativeProps } from '../../utils/native-props';
 declare type ThumbProps = {
     value: number;
     min: number;
@@ -8,6 +9,6 @@ declare type ThumbProps = {
     trackRef: RefObject<HTMLDivElement>;
     icon?: React.ReactNode;
     popover: boolean | ((value: number) => ReactNode);
-};
+} & NativeProps;
 declare const Thumb: FC<ThumbProps>;
 export default Thumb;

package/cjs/components/slider/thumb.js

@@ -13,6 +13,8 @@ var _thumbIcon = require("./thumb-icon");
 
 var _popover = require("../popover/popover");
 
+var _configProvider = require("../config-provider");
+
 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; }
@@ -29,6 +31,9 @@ const Thumb = props => {
     icon
   } = props;
   const prevValue = (0, _react.useRef)(value);
+  const {
+    locale
+  } = (0, _configProvider.useConfig)();
 
   const currentPosition = () => {
     return {
@@ -70,7 +75,14 @@ const Thumb = props => {
   return _react.default.createElement("div", Object.assign({
     className: `${classPrefix}-thumb-container`,
     style: currentPosition()
-  }, bind()), renderPopoverContent ? _react.default.createElement(_popover.Popover, {
+  }, bind(), {
+    role: 'slider',
+    "aria-label": props['aria-label'] || locale.Slider.name,
+    "aria-valuemax": max,
+    "aria-valuemin": min,
+    "aria-valuenow": value,
+    "aria-disabled": disabled
+  }), renderPopoverContent ? _react.default.createElement(_popover.Popover, {
     content: renderPopoverContent(value),
     placement: 'top',
     visible: dragging,

package/cjs/components/stepper/stepper.js

@@ -25,6 +25,8 @@ var _button = _interopRequireDefault(require("../button"));
 
 var _big = _interopRequireDefault(require("big.js"));
 
+var _configProvider = require("../config-provider");
+
 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; }
@@ -48,6 +50,9 @@ const Stepper = p => {
     min,
     inputReadOnly
   } = props;
+  const {
+    locale
+  } = (0, _configProvider.useConfig)();
   const [value, setValue] = (0, _usePropsValue.usePropsValue)(props);
   const [inputValue, setInputValue] = (0, _react.useState)(() => convertValueToText(value, props.digits));
 
@@ -129,7 +134,8 @@ const Stepper = p => {
     disabled: minusDisabled(),
     fill: 'none',
     shape: 'rectangular',
-    color: 'primary'
+    color: 'primary',
+    "aria-label": locale.Stepper.decrease
   }, _react.default.createElement(_antdMobileIcons.MinusOutline, null)), _react.default.createElement("div", {
     className: `${classPrefix}-middle`
   }, _react.default.createElement(_input.default, {
@@ -151,14 +157,19 @@ const Stepper = p => {
       setHasFocus(false);
       (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e);
     },
-    readOnly: inputReadOnly
+    readOnly: inputReadOnly,
+    role: 'spinbutton',
+    "aria-valuenow": Number(inputValue),
+    "aria-valuemax": max,
+    "aria-valuemin": min
   })), _react.default.createElement(_button.default, {
     className: `${classPrefix}-plus`,
     onClick: handlePlus,
     disabled: plusDisabled(),
     fill: 'none',
     shape: 'rectangular',
-    color: 'primary'
+    color: 'primary',
+    "aria-label": locale.Stepper.increase
   }, _react.default.createElement(_antdMobileIcons.AddOutline, null))));
 };
 

package/cjs/components/steps/steps.css

@@ -14,7 +14,7 @@
 .adm-step .adm-step-indicator .adm-step-icon-container {
   position: absolute;
   z-index: 1;
-  background: var(--adm-color-white);
+  background: var(--adm-color-background);
   color: var(--icon-color);
 }
 .adm-step .adm-step-indicator .adm-step-icon-container > .antd-mobile-icon {

package/cjs/locales/base.d.ts

@@ -104,6 +104,13 @@ export declare const base: {
         canRelease: string;
         complete: string;
     };
+    Slider: {
+        name: string;
+    };
+    Stepper: {
+        decrease: string;
+        increase: string;
+    };
     Switch: {
         name: string;
     };

package/cjs/locales/base.js

@@ -111,6 +111,13 @@ const base = {
     canRelease: 'Release to refresh immediately',
     complete: 'Refresh successful'
   },
+  Slider: {
+    name: 'Slider'
+  },
+  Stepper: {
+    decrease: 'decrease',
+    increase: 'increase'
+  },
   Switch: {
     name: 'Switch'
   }

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

@@ -104,6 +104,13 @@ declare const enUS: {
         canRelease: string;
         complete: string;
     };
+    Slider: {
+        name: string;
+    };
+    Stepper: {
+        decrease: string;
+        increase: string;
+    };
     Switch: {
         name: string;
     };

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

@@ -104,6 +104,13 @@ declare const esES: {
         canRelease: string;
         complete: string;
     };
+    Slider: {
+        name: string;
+    };
+    Stepper: {
+        decrease: string;
+        increase: string;
+    };
     Switch: {
         name: string;
     };

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

@@ -104,6 +104,13 @@ declare const faIR: {
         canRelease: string;
         complete: string;
     };
+    Slider: {
+        name: string;
+    };
+    Stepper: {
+        decrease: string;
+        increase: string;
+    };
     Switch: {
         name: string;
     };

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

@@ -104,6 +104,13 @@ declare const frFR: {
         canRelease: string;
         complete: string;
     };
+    Slider: {
+        name: string;
+    };
+    Stepper: {
+        decrease: string;
+        increase: string;
+    };
     Switch: {
         name: string;
     };

package/cjs/locales/id-ID.d.ts

@@ -0,0 +1,118 @@
+declare const idID: {
+    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;
+    };
+    Slider: {
+        name: string;
+    };
+    Stepper: {
+        decrease: string;
+        increase: string;
+    };
+    Switch: {
+        name: string;
+    };
+};
+export default idID;

package/cjs/locales/id-ID.js

@@ -0,0 +1,121 @@
+"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} bukan ${type} yang valid';
+const idID = (0, _mergeLocale.mergeLocale)(_base.base, {
+  locale: 'id-ID',
+  common: {
+    confirm: 'Yakin',
+    cancel: 'Batal ',
+    loading: 'memuat'
+  },
+  Calendar: {
+    markItems: ['Senin', 'Selasa', 'Rabu', 'Kamis', 'Jumat', 'Sabtu', 'Minggu'],
+    renderYearAndMonth: (year, month) => `${year} Tahun ${month} Bulan`
+  },
+  Cascader: {
+    placeholder: 'Silahkan Pilih'
+  },
+  Dialog: {
+    ok: 'Saya mendapatkannya'
+  },
+  ErrorBlock: {
+    default: {
+      title: 'Halaman mengalami beberapa permasalahan kecil',
+      description: 'Coba lagi nanti'
+    },
+    busy: {
+      title: 'kepadatan diawal',
+      description: 'Coba untuk menyegarkan'
+    },
+    disconnected: {
+      title: 'jaringan sedikit sibuk',
+      description: 'Gerakkan jari Anda untuk membantu memperbaiki'
+    },
+    empty: {
+      title: 'Itu tidak menemukan apa yang Anda butuhkan',
+      description: 'Silahkan cari yang lain'
+    }
+  },
+  Form: {
+    required: 'Diperlukan',
+    optional: 'opsional untuk diisi',
+    defaultValidateMessages: {
+      default: 'Kesalahan validasi bidang ${label}',
+      required: 'Harap masukkan ${label}',
+      enum: '${label} harus salah satu dari [${enum}]',
+      whitespace: '${label} tidak boleh berupa karakter kosong',
+      date: {
+        format: 'Format tanggal ${label} tidak valid',
+        parse: '${label} tidak dapat dikonversi ke tanggal',
+        invalid: '${label} adalah tanggal yang tidak valid'
+      },
+      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} harus berupa ${len} karakter',
+        min: '${label} Minimal ${min} karakter',
+        max: '${label}Maksimum ${max} karakter',
+        range: '${label} harus antara ${min}-${max} karakter'
+      },
+      number: {
+        len: '${label} harus sama dengan ${len}',
+        min: 'Nilai minimum ${label} adalah ${min}',
+        max: '${label} memiliki nilai maksimum ${max}',
+        range: '${label} harus antara ${min}-${max}'
+      },
+      array: {
+        len: 'Harus ${len} ${label}',
+        min: 'Minimal ${min} ${label}',
+        max: 'Hingga ${max} ${label}',
+        range: 'Jumlah ${label} harus antara ${min}-${max}'
+      },
+      pattern: {
+        mismatch: '${label} tidak cocok dengan pola ${pattern}'
+      }
+    }
+  },
+  ImageUploader: {
+    uploading: 'mengunggah...',
+    upload: 'diunggah'
+  },
+  InfiniteScroll: {
+    noMore: 'tidak ada lagi',
+    failedToLoad: 'Gagal memuat',
+    retry: 'memuat ulang'
+  },
+  Mask: {
+    name: 'lapisan pelindung'
+  },
+  Modal: {
+    ok: 'Saya mendapatkannya'
+  },
+  PullToRefresh: {
+    pulling: 'Tarik ke bawah untuk menyegarkan',
+    canRelease: 'Lepaskan untuk menyegarkan segera',
+    complete: 'Segarkan berhasil'
+  }
+});
+var _default = idID;
+exports.default = _default;

package/cjs/locales/kk-KZ.d.ts

@@ -0,0 +1,118 @@
+declare const kkKZ: {
+    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;
+    };
+    Slider: {
+        name: string;
+    };
+    Stepper: {
+        decrease: string;
+        increase: string;
+    };
+    Switch: {
+        name: string;
+    };
+};
+export default kkKZ;