antd-mobile 0.0.0-dev-626cbf51f → 0.0.0-dev.bc248f5c7

package/es/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/es/global/global.css

@@ -1,18 +1,48 @@
 :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-border-color: #eeeeee;
-  --adm-font-size-main: 13px;
-  --adm-color-text: #333333;
-  --adm-hd: 1;
+  --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);
@@ -50,6 +80,7 @@ div.adm-px-tester {
   position: fixed;
   right: -100vw;
   bottom: -100vh;
-  user-select: none;
+  -webkit-user-select: none;
+          user-select: none;
   pointer-events: none;
 }

package/es/global/index.js

@@ -5,4 +5,5 @@ if (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/es/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/es/global/theme-default.css

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

package/es/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/es/index.js

@@ -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';
@@ -76,4 +77,6 @@ export { default as TextArea } from './components/text-area';
 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 { default as WaterMark } from './components/water-mark';
+export { createErrorBlock } from './components/error-block';
+export { reduceMotion, restoreMotion } from './utils/reduce-and-restore-motion';

package/es/locales/base.d.ts

@@ -90,6 +90,11 @@ export declare const base: {
     };
     InfiniteScroll: {
         noMore: string;
+        failedToLoad: string;
+        retry: string;
+    };
+    Input: {
+        clear: string;
     };
     Mask: {
         name: string;
@@ -97,10 +102,26 @@ export declare const base: {
     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;
+    };
 };
 export declare type Locale = typeof base;

package/es/locales/base.js

@@ -90,7 +90,12 @@ export const base = {
     upload: 'Upload'
   },
   InfiniteScroll: {
-    noMore: 'No more'
+    noMore: 'No more',
+    failedToLoad: 'Failed to load',
+    retry: 'Retry'
+  },
+  Input: {
+    clear: 'clear'
   },
   Mask: {
     name: 'Mask'
@@ -98,9 +103,25 @@ export const base = {
   Modal: {
     ok: 'OK'
   },
+  PasscodeInput: {
+    name: 'Passcode Input'
+  },
   PullToRefresh: {
     pulling: 'Scroll down to refresh',
     canRelease: 'Release to refresh immediately',
     complete: 'Refresh successful'
+  },
+  SearchBar: {
+    name: 'Search Bar'
+  },
+  Slider: {
+    name: 'Slider'
+  },
+  Stepper: {
+    decrease: 'decrease',
+    increase: 'increase'
+  },
+  Switch: {
+    name: 'Switch'
   }
 };

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

@@ -90,6 +90,11 @@ declare const enUS: {
     };
     InfiniteScroll: {
         noMore: string;
+        failedToLoad: string;
+        retry: string;
+    };
+    Input: {
+        clear: string;
     };
     Mask: {
         name: string;
@@ -97,10 +102,26 @@ declare const enUS: {
     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;
+    };
 };
 export default enUS;

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

@@ -90,6 +90,11 @@ declare const esES: {
     };
     InfiniteScroll: {
         noMore: string;
+        failedToLoad: string;
+        retry: string;
+    };
+    Input: {
+        clear: string;
     };
     Mask: {
         name: string;
@@ -97,10 +102,26 @@ declare const esES: {
     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;
+    };
 };
 export default esES;

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

@@ -90,6 +90,11 @@ declare const faIR: {
     };
     InfiniteScroll: {
         noMore: string;
+        failedToLoad: string;
+        retry: string;
+    };
+    Input: {
+        clear: string;
     };
     Mask: {
         name: string;
@@ -97,10 +102,26 @@ declare const faIR: {
     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;
+    };
 };
 export default faIR;