antd-mobile 5.16.0 → 5.17.1

package/bundle/style.css

@@ -80,7 +80,8 @@ div.adm-px-tester {
   position: fixed;
   right: -100vw;
   bottom: -100vh;
-  user-select: none;
+  -webkit-user-select: none;
+          user-select: none;
   pointer-events: none;
 }
 .adm-action-sheet-popup > .adm-popup-body {
@@ -308,7 +309,8 @@ div.adm-px-tester {
   border-radius: var(--border-radius);
   cursor: pointer;
   transition: opacity ease 0.15s;
-  user-select: none;
+  -webkit-user-select: none;
+          user-select: none;
 }
 .adm-button:focus {
   outline: none;
@@ -636,6 +638,11 @@ div.adm-px-tester {
   display: inline-block;
   padding: 8px 8px;
 }
+.adm-picker-header-button-disabled,
+.adm-picker-header-button-disabled:active {
+  opacity: 0.4;
+  cursor: not-allowed;
+}
 .adm-picker-header-title {
   padding: 4px 4px;
   font-size: var(--title-font-size);
@@ -654,6 +661,28 @@ div.adm-px-tester {
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
 }
+.adm-spin-loading {
+  --color: var(--adm-color-weak);
+  --size: 32px;
+  width: var(--size);
+  height: var(--size);
+}
+.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: var(--color);
+}
+@keyframes adm-spin-loading-rotate {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
 .adm-picker-view {
   --height: 240px;
   --item-height: 34px;
@@ -663,18 +692,20 @@ div.adm-px-tester {
   display: flex;
   position: relative;
   overflow: hidden;
-  background: var(--adm-color-white);
+  background: var(--adm-color-background);
 }
 .adm-picker-view-column {
   height: 100%;
   flex: 1;
-  user-select: none;
+  -webkit-user-select: none;
+          user-select: none;
   touch-action: none;
   position: relative;
   z-index: 0;
 }
 .adm-picker-view-column-wheel {
   width: 100%;
+  cursor: -webkit-grab;
   cursor: grab;
   position: absolute;
   top: calc(50% - var(--item-height) / 2);
@@ -756,10 +787,21 @@ div.adm-px-tester {
   border-bottom: solid 1px var(--adm-color-border);
 }
 .adm-picker-view-mask-top {
-  background: linear-gradient(0deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.8) 50%, #ffffff);
+  background: var(--adm-color-background);
+  -webkit-mask: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.8) 50%, #000000 100%);
+          mask: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.8) 50%, #000000 100%);
 }
 .adm-picker-view-mask-bottom {
-  background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.8) 50%, #ffffff);
+  background: var(--adm-color-background);
+  -webkit-mask: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.8) 50%, #000000 100%);
+          mask: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.8) 50%, #000000 100%);
+}
+.adm-picker-view-loading-content {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 .adm-cascader-view {
   --height: auto;
@@ -842,6 +884,7 @@ div.adm-px-tester {
 .adm-tabs-tab {
   white-space: nowrap;
   padding: 8px 0 10px;
+  width: -webkit-min-content;
   width: min-content;
   margin: 0 auto;
   font-size: var(--title-font-size);
@@ -1227,7 +1270,8 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   height: 12px;
 }
 .adm-dialog-footer {
-  user-select: none;
+  -webkit-user-select: none;
+          user-select: none;
 }
 .adm-dialog-footer .adm-dialog-action-row {
   display: flex;
@@ -1321,7 +1365,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   border-left: 1px solid var(--adm-color-border);
 }
 .adm-dropdown {
-  background-color: white;
+  background-color: var(--adm-color-background);
 }
 .adm-dropdown .adm-dropdown-nav {
   display: flex;
@@ -1372,7 +1416,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
 }
 .adm-dropdown-item-content {
   width: 100%;
-  background: white;
+  background: var(--adm-color-background);
 }
 .adm-dropdown-item-content-hidden {
   display: none;
@@ -1408,6 +1452,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
 }
 .adm-empty-image-container .adm-empty-image {
   width: 64px;
+  height: intrinsic;
 }
 .adm-empty-description {
   margin-top: 8px;
@@ -1503,7 +1548,8 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   overflow: hidden;
   cursor: pointer;
   transition: opacity ease 0.15s;
-  user-select: none;
+  -webkit-user-select: none;
+          user-select: none;
   touch-action: none;
   background: var(--background);
   color: var(--adm-color-white);
@@ -1550,8 +1596,11 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   display: flex;
   justify-content: center;
   align-items: center;
+  cursor: -webkit-grab;
   cursor: grab;
-  user-select: none;
+  -webkit-user-select: none;
+          user-select: none;
+  background-color: var(--adm-color-background);
 }
 .adm-floating-panel .adm-floating-panel-header .adm-floating-panel-bar {
   height: 3px;
@@ -1602,7 +1651,8 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   top: 0;
   font-family: SimSun, sans-serif;
   color: var(--adm-color-danger);
-  user-select: none;
+  -webkit-user-select: none;
+          user-select: none;
 }
 .adm-form-item-label .adm-form-item-required-text {
   margin-left: 4px;
@@ -1666,7 +1716,8 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   white-space: normal;
   text-align: left;
   cursor: auto;
-  user-select: text;
+  -webkit-user-select: text;
+          user-select: text;
   animation: none;
 }
 .adm-popover.adm-popover-dark {
@@ -1691,6 +1742,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   border-radius: 8px;
   box-shadow: 0 0 30px 0 rgba(51, 51, 51, 0.2);
   font-size: var(--adm-font-size-7);
+  width: -webkit-max-content;
   width: max-content;
   min-width: 32px;
   max-width: calc(100vw - 24px);
@@ -1777,7 +1829,8 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   --gap-vertical: var(--gap);
   display: grid;
   grid-gap: 10px;
-  column-gap: var(--gap-horizontal);
+  -webkit-column-gap: var(--gap-horizontal);
+          column-gap: var(--gap-horizontal);
   row-gap: var(--gap-vertical);
   grid-template-columns: repeat(var(--columns), minmax(0, 1fr));
   align-items: stretch;
@@ -1789,7 +1842,8 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   width: 100vw;
   height: 100vh;
   touch-action: none;
-  user-select: none;
+  -webkit-user-select: none;
+          user-select: none;
 }
 .adm-image-viewer-footer {
   position: absolute;
@@ -1801,6 +1855,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   height: 100%;
   position: relative;
   z-index: 1;
+  cursor: -webkit-grab;
   cursor: grab;
   touch-action: none;
 }
@@ -1824,6 +1879,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   top: 0;
   width: 100%;
   height: 100%;
+  cursor: -webkit-grab;
   cursor: grab;
   touch-action: none;
 }
@@ -1848,28 +1904,6 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   color: #e6e6e6;
   font-size: var(--adm-font-size-6);
 }
-.adm-spin-loading {
-  --color: var(--adm-color-weak);
-  --size: 32px;
-  width: var(--size);
-  height: var(--size);
-}
-.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: var(--color);
-}
-@keyframes adm-spin-loading-rotate {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
 .adm-space-item {
   flex: none;
 }
@@ -2059,7 +2093,8 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   overflow: visible;
   color: var(--adm-color-weak);
   font-size: var(--adm-font-size-4);
-  user-select: none;
+  -webkit-user-select: none;
+          user-select: none;
   touch-action: none;
 }
 .adm-index-bar-sidebar-bubble {
@@ -2103,6 +2138,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   width: 100%;
 }
 .adm-index-bar-sticky .adm-index-bar-anchor-title {
+  position: -webkit-sticky;
   position: sticky;
   z-index: 900;
   top: var(--sticky-offset-top);
@@ -2154,10 +2190,15 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   background: transparent;
   border: 0;
   outline: none;
-  appearance: none;
+  -webkit-appearance: none;
+          appearance: none;
   min-height: 1.5em;
   text-align: var(--text-align);
 }
+.adm-input-element::-webkit-input-placeholder {
+  color: var(--placeholder-color);
+  font-family: inherit;
+}
 .adm-input-element::placeholder {
   color: var(--placeholder-color);
   font-family: inherit;
@@ -2243,6 +2284,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   flex-direction: column;
   align-items: center;
   position: relative;
+  width: -webkit-min-content;
   width: min-content;
   margin: 0 auto;
   padding: 12px 0;
@@ -2255,6 +2297,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   padding: 0 4px;
 }
 .adm-jumbo-tabs-tab-description {
+  width: -webkit-min-content;
   width: min-content;
   padding: 0 8px;
   border-radius: 10px;
@@ -2327,7 +2370,8 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   color: var(--adm-color-text);
 }
 .adm-modal-footer {
-  user-select: none;
+  -webkit-user-select: none;
+          user-select: none;
   padding: 8px 12px 12px;
 }
 .adm-modal-footer-empty {
@@ -2473,7 +2517,8 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
 }
 .adm-number-keyboard-popup.adm-popup {
   width: 100%;
-  user-select: none;
+  -webkit-user-select: none;
+          user-select: none;
   z-index: 1050;
 }
 .adm-number-keyboard-popup.adm-popup .adm-popup-body {
@@ -2491,7 +2536,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   align-items: center;
   padding: 0 12px;
   color: var(--adm-color-weak);
-  background-color: var(--adm-color-white);
+  background-color: var(--adm-color-background);
 }
 .adm-number-keyboard-header-close-button {
   padding: 0 12px;
@@ -2558,7 +2603,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
 }
 .adm-number-keyboard-key.extra-key,
 .adm-number-keyboard-key.number-key {
-  background-color: var(--adm-color-white);
+  background-color: var(--adm-color-background);
 }
 .adm-number-keyboard-key.extra-key:active::before,
 .adm-number-keyboard-key.number-key:active::before {
@@ -2642,7 +2687,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   font-size: var(--adm-font-size-10);
   width: var(--cell-size);
   height: var(--cell-size);
-  background: var(--adm-color-white);
+  background: var(--adm-color-background);
 }
 .adm-passcode-input:not(.seperated) {
   border-radius: var(--border-radius);
@@ -2937,7 +2982,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
 }
 .adm-result {
   padding: 32px 12px;
-  background-color: var(--adm-color-white);
+  background-color: var(--adm-color-background);
 }
 .adm-result-icon {
   box-sizing: border-box;
@@ -3151,7 +3196,8 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   position: absolute;
   z-index: 100;
   right: 0;
-  user-select: none;
+  -webkit-user-select: none;
+          user-select: none;
   pointer-events: none;
 }
 .adm-side-bar-item-corner-top {
@@ -3174,7 +3220,8 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   --fill-color: var(--adm-color-primary);
   padding: 5px 14px;
   list-style: none;
-  user-select: none;
+  -webkit-user-select: none;
+          user-select: none;
 }
 .adm-slider-track-container {
   padding: 8px 0;
@@ -3229,9 +3276,11 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   width: 12px;
   height: 12px;
   margin: 8px;
-  user-select: none;
+  -webkit-user-select: none;
+          user-select: none;
 }
 .adm-slider-thumb-container {
+  cursor: -webkit-grab;
   cursor: grab;
   touch-action: none;
   position: absolute;
@@ -3257,7 +3306,8 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   color: var(--adm-color-text);
   text-align: center;
   word-break: keep-all;
-  user-select: none;
+  -webkit-user-select: none;
+          user-select: none;
   transform: translateX(-50%);
 }
 .adm-slider-disabled {
@@ -3482,6 +3532,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
 .adm-swipe-action {
   --background: var(--adm-color-background);
   background: var(--background);
+  cursor: -webkit-grab;
   cursor: grab;
   overflow: hidden;
   touch-action: pan-y;
@@ -3537,6 +3588,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   padding: var(--track-padding);
 }
 .adm-swiper-track-allow-touch-move {
+  cursor: -webkit-grab;
   cursor: grab;
 }
 .adm-swiper-track-inner {
@@ -3702,6 +3754,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   color: var(--adm-color-weak);
   white-space: nowrap;
   padding: 4px 8px;
+  width: -webkit-min-content;
   width: min-content;
   position: relative;
   cursor: pointer;
@@ -3777,10 +3830,15 @@ a.adm-list-item:active:not(.adm-list-item-disabled)::after {
   background: transparent;
   border: 0;
   outline: none;
-  appearance: none;
+  -webkit-appearance: none;
+          appearance: none;
   min-height: 1.5em;
   text-align: var(--text-align);
 }
+.adm-text-area-element::-webkit-input-placeholder {
+  color: var(--placeholder-color);
+  font-family: inherit;
+}
 .adm-text-area-element::placeholder {
   color: var(--placeholder-color);
   font-family: inherit;

package/cjs/components/button/button.css

@@ -21,7 +21,8 @@
   border-radius: var(--border-radius);
   cursor: pointer;
   transition: opacity ease 0.15s;
-  user-select: none;
+  -webkit-user-select: none;
+          user-select: none;
 }
 .adm-button:focus {
   outline: none;

package/cjs/components/calendar/calendar.js

@@ -225,8 +225,8 @@ const Calendar = (0, _react.forwardRef)((p, ref) => {
 
   const mark = _react.default.createElement("div", {
     className: `${classPrefix}-mark`
-  }, markItems.map(item => _react.default.createElement("div", {
-    key: item,
+  }, markItems.map((item, index) => _react.default.createElement("div", {
+    key: index,
     className: `${classPrefix}-mark-cell`
   }, item)));
 

package/cjs/components/cascader/cascader.js

@@ -103,7 +103,7 @@ const Cascader = (0, _react.forwardRef)((p, ref) => {
   }, props.title), _react.default.createElement("a", {
     className: `${classPrefix}-header-button`,
     onClick: () => {
-      setValue(innerValue);
+      setValue(innerValue, true);
       setVisible(false);
     }
   }, props.confirmText)), _react.default.createElement("div", {

package/cjs/components/cascader-view/cascader-view.js

@@ -27,6 +27,8 @@ var _optionSkeleton = require("./option-skeleton");
 
 var _skeleton = _interopRequireDefault(require("../skeleton"));
 
+var _ahooks = require("ahooks");
+
 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); }
@@ -53,6 +55,11 @@ const CascaderView = p => {
     }
   }));
   const [tabActiveIndex, setTabActiveIndex] = (0, _react.useState)(0);
+  (0, _ahooks.useUpdateEffect)(() => {
+    var _a;
+
+    (_a = props.onTabsChange) === null || _a === void 0 ? void 0 : _a.call(props, tabActiveIndex);
+  }, [tabActiveIndex]);
   const generateValueExtend = (0, _useCascaderValueExtend.useCascaderValueExtend)(props.options);
   const levels = (0, _react.useMemo)(() => {
     const ret = [];
@@ -109,11 +116,8 @@ const CascaderView = p => {
   }, _react.default.createElement(_tabs.default, {
     activeKey: tabActiveIndex.toString(),
     onChange: key => {
-      var _a;
-
       const activeIndex = parseInt(key);
       setTabActiveIndex(activeIndex);
-      (_a = props.onTabsChange) === null || _a === void 0 ? void 0 : _a.call(props, activeIndex);
     },
     stretch: false,
     className: `${classPrefix}-tabs`

package/cjs/components/center-popup/center-popup.js

@@ -39,7 +39,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
-const defaultProps = _popupBaseProps.defaultPopupBaseProps;
+const defaultProps = Object.assign(Object.assign({}, _popupBaseProps.defaultPopupBaseProps), {
+  getContainer: null
+});
 
 const CenterPopup = p => {
   const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);

package/cjs/components/date-picker/date-picker.d.ts

@@ -3,7 +3,7 @@ import type { PickerProps, PickerRef, PickerActions } from '../picker';
 import { NativeProps } from '../../utils/native-props';
 import type { Precision, DatePickerFilter } from './date-picker-utils';
 export declare type DatePickerRef = PickerRef;
-export declare type DatePickerProps = Pick<PickerProps, 'onCancel' | 'onClose' | 'closeOnMaskClick' | 'visible' | 'confirmText' | 'cancelText' | 'getContainer' | 'afterShow' | 'afterClose' | 'onClick' | 'title' | 'stopPropagation' | 'style' | 'mouseWheel' | 'forceRender' | 'destroyOnClose'> & {
+export declare type DatePickerProps = Pick<PickerProps, 'onCancel' | 'onClose' | 'closeOnMaskClick' | 'visible' | 'confirmText' | 'cancelText' | 'getContainer' | 'loading' | 'loadingContent' | 'afterShow' | 'afterClose' | 'onClick' | 'title' | 'stopPropagation' | 'style' | 'mouseWheel' | 'forceRender' | 'destroyOnClose'> & {
     value?: Date | null;
     defaultValue?: Date | null;
     onSelect?: (value: Date) => void;
@@ -15,7 +15,7 @@ export declare type DatePickerProps = Pick<PickerProps, 'onCancel' | 'onClose' |
     renderLabel?: (type: Precision, data: number) => ReactNode;
     filter?: DatePickerFilter;
 } & NativeProps;
-export declare const DatePicker: React.ForwardRefExoticComponent<Pick<PickerProps, "style" | "title" | "onClick" | "visible" | "destroyOnClose" | "forceRender" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation" | "onCancel" | "onClose" | "closeOnMaskClick" | "cancelText" | "mouseWheel" | "confirmText"> & {
+export declare const DatePicker: React.ForwardRefExoticComponent<Pick<PickerProps, "style" | "title" | "onClick" | "visible" | "destroyOnClose" | "forceRender" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation" | "onCancel" | "onClose" | "loading" | "closeOnMaskClick" | "cancelText" | "mouseWheel" | "loadingContent" | "confirmText"> & {
     value?: Date | null | undefined;
     defaultValue?: Date | null | undefined;
     onSelect?: ((value: Date) => void) | undefined;

package/cjs/components/date-picker/date-picker.js

@@ -54,7 +54,7 @@ const DatePicker = (0, _react.forwardRef)((p, ref) => {
     return (0, _datePickerUtils.convertDateToStringArray)(date, props.precision);
   }, [value, props.precision, props.min, props.max]);
   const onConfirm = (0, _react.useCallback)(val => {
-    setValue((0, _datePickerUtils.convertStringArrayToDate)(val, props.precision));
+    setValue((0, _datePickerUtils.convertStringArrayToDate)(val, props.precision), true);
   }, [setValue, props.precision]);
   const onSelect = (0, _ahooks.useMemoizedFn)(val => {
     var _a;
@@ -76,6 +76,8 @@ const DatePicker = (0, _react.forwardRef)((p, ref) => {
     onConfirm: onConfirm,
     onSelect: onSelect,
     getContainer: props.getContainer,
+    loading: props.loading,
+    loadingContent: props.loadingContent,
     afterShow: props.afterShow,
     afterClose: props.afterClose,
     onClick: props.onClick,

package/cjs/components/date-picker/index.d.ts

@@ -3,7 +3,7 @@ import './date-picker.less';
 import { prompt } from './prompt';
 export type { DatePickerProps, DatePickerRef } from './date-picker';
 export type { DatePickerFilter } from './date-picker-utils';
-declare const _default: import("react").ForwardRefExoticComponent<Pick<import("../picker").PickerProps, "style" | "title" | "onClick" | "visible" | "destroyOnClose" | "forceRender" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation" | "onCancel" | "onClose" | "closeOnMaskClick" | "cancelText" | "mouseWheel" | "confirmText"> & {
+declare const _default: import("react").ForwardRefExoticComponent<Pick<import("../picker").PickerProps, "style" | "title" | "onClick" | "visible" | "destroyOnClose" | "forceRender" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation" | "onCancel" | "onClose" | "loading" | "closeOnMaskClick" | "cancelText" | "mouseWheel" | "loadingContent" | "confirmText"> & {
     value?: Date | null | undefined;
     defaultValue?: Date | null | undefined;
     onSelect?: ((value: Date) => void) | undefined;

package/cjs/components/date-picker-view/date-picker-view.d.ts

@@ -2,7 +2,7 @@ import { FC, ReactNode } from 'react';
 import type { PickerViewProps } from '../picker-view';
 import { NativeProps } from '../../utils/native-props';
 import type { Precision, DatePickerFilter } from '../date-picker/date-picker-utils';
-export declare type DatePickerViewProps = Pick<PickerViewProps, 'style' | 'mouseWheel'> & {
+export declare type DatePickerViewProps = Pick<PickerViewProps, 'style' | 'mouseWheel' | 'loading' | 'loadingContent'> & {
     value?: Date;
     defaultValue?: Date;
     onChange?: (value: Date) => void;

package/cjs/components/date-picker-view/date-picker-view.js

@@ -52,6 +52,8 @@ const DatePickerView = p => {
   }, [props.onChange, props.precision]);
   return (0, _nativeProps.withNativeProps)(props, _react.default.createElement(_pickerView.default, {
     columns: selected => (0, _datePickerUtils.generateDatePickerColumns)(selected, props.min, props.max, props.precision, props.renderLabel, props.filter),
+    loading: props.loading,
+    loadingContent: props.loadingContent,
     value: pickerValue,
     mouseWheel: props.mouseWheel,
     onChange: onChange

package/cjs/components/dialog/dialog.css

@@ -52,7 +52,8 @@
   height: 12px;
 }
 .adm-dialog-footer {
-  user-select: none;
+  -webkit-user-select: none;
+          user-select: none;
 }
 .adm-dialog-footer .adm-dialog-action-row {
   display: flex;

package/cjs/components/dialog/dialog.js

@@ -26,7 +26,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 const defaultProps = {
   actions: [],
   closeOnAction: false,
-  closeOnMaskClick: false
+  closeOnMaskClick: false,
+  getContainer: null
 };
 
 const Dialog = p => {

package/cjs/components/dropdown/dropdown.css

@@ -1,5 +1,5 @@
 .adm-dropdown {
-  background-color: white;
+  background-color: var(--adm-color-background);
 }
 .adm-dropdown .adm-dropdown-nav {
   display: flex;
@@ -50,7 +50,7 @@
 }
 .adm-dropdown-item-content {
   width: 100%;
-  background: white;
+  background: var(--adm-color-background);
 }
 .adm-dropdown-item-content-hidden {
   display: none;

package/cjs/components/empty/empty.css

@@ -11,6 +11,7 @@
 }
 .adm-empty-image-container .adm-empty-image {
   width: 64px;
+  height: intrinsic;
 }
 .adm-empty-description {
   margin-top: 8px;

package/cjs/components/floating-bubble/floating-bubble.css

@@ -39,7 +39,8 @@
   overflow: hidden;
   cursor: pointer;
   transition: opacity ease 0.15s;
-  user-select: none;
+  -webkit-user-select: none;
+          user-select: none;
   touch-action: none;
   background: var(--background);
   color: var(--adm-color-white);

package/cjs/components/floating-panel/floating-panel.css

@@ -38,8 +38,11 @@
   display: flex;
   justify-content: center;
   align-items: center;
+  cursor: -webkit-grab;
   cursor: grab;
-  user-select: none;
+  -webkit-user-select: none;
+          user-select: none;
+  background-color: var(--adm-color-background);
 }
 .adm-floating-panel .adm-floating-panel-header .adm-floating-panel-bar {
   height: 3px;

package/cjs/components/form/form-item.css

@@ -15,7 +15,8 @@
   top: 0;
   font-family: SimSun, sans-serif;
   color: var(--adm-color-danger);
-  user-select: none;
+  -webkit-user-select: none;
+          user-select: none;
 }
 .adm-form-item-label .adm-form-item-required-text {
   margin-left: 4px;