@arco-design/mobile-react 2.25.3 → 2.26.0

package/cjs/image-preview/methods.js

@@ -1,11 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports.open = open;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _mobileUtils = require("@arco-design/mobile-utils");
+
 var _render = require("../_helpers/render");
+
 function open(Component) {
   return function (config, context) {
     var baseProps = (0, _extends2.default)({
@@ -13,32 +18,40 @@ function open(Component) {
     }, config || {}, {
       close: function close() {}
     });
-    var dynamicProps = (0, _extends2.default)({}, baseProps);
-
-    // 不同的key用不同的容器挂载
+    var dynamicProps = (0, _extends2.default)({}, baseProps); // 不同的key用不同的容器挂载
     // @en Different keys are mounted in different containers
+
     var id = "_ARCO_IMAGE_PREVIEW_DIV_" + (baseProps.key || '') + "_";
+
     var _appendElementById = (0, _mobileUtils.appendElementById)(id, baseProps.getContainer),
-      div = _appendElementById.child;
+        div = _appendElementById.child;
+
     var leaving = false;
+
     var _ReactDOMRender = new _render.ReactDOMRender(Component, div, context),
-      render = _ReactDOMRender.render;
+        render = _ReactDOMRender.render;
+
     function update(newConfig) {
       dynamicProps = (0, _extends2.default)({}, dynamicProps, newConfig || {});
       render(dynamicProps);
     }
+
     function close() {
       leaving = true;
       dynamicProps.openIndex = -1;
       render(dynamicProps);
     }
+
     dynamicProps.close = close;
+
     dynamicProps.onClose = function () {
       baseProps.onClose && baseProps.onClose();
+
       if (baseProps.unmountOnExit) {
         (0, _mobileUtils.removeElement)(div);
       }
     };
+
     dynamicProps.openIndex = -1;
     render(dynamicProps);
     setTimeout(function () {

package/cjs/image-preview/style/css/index.js

@@ -1,7 +1,11 @@
 "use strict";
 
 require("../../../../style/css/public.css");
+
 require("../../../transition/style/css");
+
 require("../../../carousel/style/css");
+
 require("../../../image/style/css");
+
 require("./index.css");

package/cjs/image-preview/style/index.js

@@ -1,7 +1,11 @@
 "use strict";
 
 require("../../../style/public.less");
+
 require("../../transition/style");
+
 require("../../carousel/style");
+
 require("../../image/style");
+
 require("./index.less");

package/cjs/index.d.ts

@@ -1,20 +1,17 @@
+export { default as Button } from './button';
 export { default as ActionSheet } from './action-sheet';
-export { default as Cell } from './cell';
-export { default as Loading } from './loading';
-export { default as Badge } from './badge';
 export { default as Avatar } from './avatar';
-export { default as Button } from './button';
+export { default as Badge } from './badge';
 export { default as Carousel } from './carousel';
-export { default as Toast } from './toast';
-export { default as Switch } from './switch';
+export { default as Cell } from './cell';
 export { default as Checkbox } from './checkbox';
 export { default as CircleProgress } from './circle-progress';
 export { default as Collapse } from './collapse';
-export { default as Tabs } from './tabs';
 export { default as ContextProvider } from './context-provider';
-export { default as Dialog } from './dialog';
 export { default as CountDown } from './count-down';
 export { default as DatePicker } from './date-picker';
+export { default as Divider } from './divider';
+export { default as Dialog } from './dialog';
 export { default as Dropdown } from './dropdown';
 export { default as DropdownMenu } from './dropdown-menu';
 export { default as Ellipsis } from './ellipsis';
@@ -22,14 +19,15 @@ export { default as Form } from './form';
 export { default as Input } from './input';
 export { default as Textarea } from './textarea';
 export { default as Radio } from './radio';
-export { default as ImagePicker } from './image-picker';
 export { default as Rate } from './rate';
 export { default as Slider } from './slider';
 export { default as Grid } from './grid';
 export { default as Image } from './image';
 export { default as ShowMonitor } from './show-monitor';
+export { default as ImagePicker } from './image-picker';
 export { default as ImagePreview } from './image-preview';
 export { default as LoadMore } from './load-more';
+export { default as Loading } from './loading';
 export { default as Masking } from './masking';
 export { default as NavBar } from './nav-bar';
 export { default as NoticeBar } from './notice-bar';
@@ -49,6 +47,9 @@ export { default as Steps } from './steps';
 export { default as Sticky } from './sticky';
 export { default as SwipeAction } from './swipe-action';
 export { default as SwipeLoad } from './swipe-load';
+export { default as Switch } from './switch';
 export { default as TabBar } from './tab-bar';
+export { default as Tabs } from './tabs';
 export { default as Tag } from './tag';
+export { default as Toast } from './toast';
 export { default as Transition } from './transition';

package/cjs/index.js

@@ -1,113 +1,226 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
-exports.Transition = exports.Toast = exports.Textarea = exports.Tag = exports.Tabs = exports.TabBar = exports.Switch = exports.SwipeLoad = exports.SwipeAction = exports.Sticky = exports.Steps = exports.Stepper = exports.Slider = exports.ShowMonitor = exports.SearchBar = exports.Rate = exports.Radio = exports.PullRefresh = exports.Progress = exports.Portal = exports.PopupSwiper = exports.Popup = exports.Popover = exports.PickerView = exports.Picker = exports.Pagination = exports.Notify = exports.NoticeBar = exports.NavBar = exports.Masking = exports.Loading = exports.LoadMore = exports.Input = exports.ImagePreview = exports.ImagePicker = exports.Image = exports.Grid = exports.Form = exports.Ellipsis = exports.DropdownMenu = exports.Dropdown = exports.Dialog = exports.DatePicker = exports.CountDown = exports.ContextProvider = exports.Collapse = exports.CircleProgress = exports.Checkbox = exports.Cell = exports.Carousel = exports.Button = exports.Badge = exports.Avatar = exports.ActionSheet = void 0;
+exports.Transition = exports.Toast = exports.Textarea = exports.Tag = exports.Tabs = exports.TabBar = exports.Switch = exports.SwipeLoad = exports.SwipeAction = exports.Sticky = exports.Steps = exports.Stepper = exports.Slider = exports.ShowMonitor = exports.SearchBar = exports.Rate = exports.Radio = exports.PullRefresh = exports.Progress = exports.Portal = exports.PopupSwiper = exports.Popup = exports.Popover = exports.PickerView = exports.Picker = exports.Pagination = exports.Notify = exports.NoticeBar = exports.NavBar = exports.Masking = exports.Loading = exports.LoadMore = exports.Input = exports.ImagePreview = exports.ImagePicker = exports.Image = exports.Grid = exports.Form = exports.Ellipsis = exports.DropdownMenu = exports.Dropdown = exports.Divider = exports.Dialog = exports.DatePicker = exports.CountDown = exports.ContextProvider = exports.Collapse = exports.CircleProgress = exports.Checkbox = exports.Cell = exports.Carousel = exports.Button = exports.Badge = exports.Avatar = exports.ActionSheet = void 0;
+
+var _button = _interopRequireDefault(require("./button"));
+
+exports.Button = _button.default;
+
 var _actionSheet = _interopRequireDefault(require("./action-sheet"));
+
 exports.ActionSheet = _actionSheet.default;
-var _cell = _interopRequireDefault(require("./cell"));
-exports.Cell = _cell.default;
-var _loading = _interopRequireDefault(require("./loading"));
-exports.Loading = _loading.default;
-var _badge = _interopRequireDefault(require("./badge"));
-exports.Badge = _badge.default;
+
 var _avatar = _interopRequireDefault(require("./avatar"));
+
 exports.Avatar = _avatar.default;
-var _button = _interopRequireDefault(require("./button"));
-exports.Button = _button.default;
+
+var _badge = _interopRequireDefault(require("./badge"));
+
+exports.Badge = _badge.default;
+
 var _carousel = _interopRequireDefault(require("./carousel"));
+
 exports.Carousel = _carousel.default;
-var _toast = _interopRequireDefault(require("./toast"));
-exports.Toast = _toast.default;
-var _switch = _interopRequireDefault(require("./switch"));
-exports.Switch = _switch.default;
+
+var _cell = _interopRequireDefault(require("./cell"));
+
+exports.Cell = _cell.default;
+
 var _checkbox = _interopRequireDefault(require("./checkbox"));
+
 exports.Checkbox = _checkbox.default;
+
 var _circleProgress = _interopRequireDefault(require("./circle-progress"));
+
 exports.CircleProgress = _circleProgress.default;
+
 var _collapse = _interopRequireDefault(require("./collapse"));
+
 exports.Collapse = _collapse.default;
-var _tabs = _interopRequireDefault(require("./tabs"));
-exports.Tabs = _tabs.default;
+
 var _contextProvider = _interopRequireDefault(require("./context-provider"));
+
 exports.ContextProvider = _contextProvider.default;
-var _dialog = _interopRequireDefault(require("./dialog"));
-exports.Dialog = _dialog.default;
+
 var _countDown = _interopRequireDefault(require("./count-down"));
+
 exports.CountDown = _countDown.default;
+
 var _datePicker = _interopRequireDefault(require("./date-picker"));
+
 exports.DatePicker = _datePicker.default;
+
+var _divider = _interopRequireDefault(require("./divider"));
+
+exports.Divider = _divider.default;
+
+var _dialog = _interopRequireDefault(require("./dialog"));
+
+exports.Dialog = _dialog.default;
+
 var _dropdown = _interopRequireDefault(require("./dropdown"));
+
 exports.Dropdown = _dropdown.default;
+
 var _dropdownMenu = _interopRequireDefault(require("./dropdown-menu"));
+
 exports.DropdownMenu = _dropdownMenu.default;
+
 var _ellipsis = _interopRequireDefault(require("./ellipsis"));
+
 exports.Ellipsis = _ellipsis.default;
+
 var _form = _interopRequireDefault(require("./form"));
+
 exports.Form = _form.default;
+
 var _input = _interopRequireDefault(require("./input"));
+
 exports.Input = _input.default;
+
 var _textarea = _interopRequireDefault(require("./textarea"));
+
 exports.Textarea = _textarea.default;
+
 var _radio = _interopRequireDefault(require("./radio"));
+
 exports.Radio = _radio.default;
-var _imagePicker = _interopRequireDefault(require("./image-picker"));
-exports.ImagePicker = _imagePicker.default;
+
 var _rate = _interopRequireDefault(require("./rate"));
+
 exports.Rate = _rate.default;
+
 var _slider = _interopRequireDefault(require("./slider"));
+
 exports.Slider = _slider.default;
+
 var _grid = _interopRequireDefault(require("./grid"));
+
 exports.Grid = _grid.default;
+
 var _image = _interopRequireDefault(require("./image"));
+
 exports.Image = _image.default;
+
 var _showMonitor = _interopRequireDefault(require("./show-monitor"));
+
 exports.ShowMonitor = _showMonitor.default;
+
+var _imagePicker = _interopRequireDefault(require("./image-picker"));
+
+exports.ImagePicker = _imagePicker.default;
+
 var _imagePreview = _interopRequireDefault(require("./image-preview"));
+
 exports.ImagePreview = _imagePreview.default;
+
 var _loadMore = _interopRequireDefault(require("./load-more"));
+
 exports.LoadMore = _loadMore.default;
+
+var _loading = _interopRequireDefault(require("./loading"));
+
+exports.Loading = _loading.default;
+
 var _masking = _interopRequireDefault(require("./masking"));
+
 exports.Masking = _masking.default;
+
 var _navBar = _interopRequireDefault(require("./nav-bar"));
+
 exports.NavBar = _navBar.default;
+
 var _noticeBar = _interopRequireDefault(require("./notice-bar"));
+
 exports.NoticeBar = _noticeBar.default;
+
 var _notify = _interopRequireDefault(require("./notify"));
+
 exports.Notify = _notify.default;
+
 var _pagination = _interopRequireDefault(require("./pagination"));
+
 exports.Pagination = _pagination.default;
+
 var _picker = _interopRequireDefault(require("./picker"));
+
 exports.Picker = _picker.default;
+
 var _pickerView = _interopRequireDefault(require("./picker-view"));
+
 exports.PickerView = _pickerView.default;
+
 var _popover = _interopRequireDefault(require("./popover"));
+
 exports.Popover = _popover.default;
+
 var _popup = _interopRequireDefault(require("./popup"));
+
 exports.Popup = _popup.default;
+
 var _popupSwiper = _interopRequireDefault(require("./popup-swiper"));
+
 exports.PopupSwiper = _popupSwiper.default;
+
 var _portal = _interopRequireDefault(require("./portal"));
+
 exports.Portal = _portal.default;
+
 var _progress = _interopRequireDefault(require("./progress"));
+
 exports.Progress = _progress.default;
+
 var _pullRefresh = _interopRequireDefault(require("./pull-refresh"));
+
 exports.PullRefresh = _pullRefresh.default;
+
 var _searchBar = _interopRequireDefault(require("./search-bar"));
+
 exports.SearchBar = _searchBar.default;
+
 var _stepper = _interopRequireDefault(require("./stepper"));
+
 exports.Stepper = _stepper.default;
+
 var _steps = _interopRequireDefault(require("./steps"));
+
 exports.Steps = _steps.default;
+
 var _sticky = _interopRequireDefault(require("./sticky"));
+
 exports.Sticky = _sticky.default;
+
 var _swipeAction = _interopRequireDefault(require("./swipe-action"));
+
 exports.SwipeAction = _swipeAction.default;
+
 var _swipeLoad = _interopRequireDefault(require("./swipe-load"));
+
 exports.SwipeLoad = _swipeLoad.default;
+
+var _switch = _interopRequireDefault(require("./switch"));
+
+exports.Switch = _switch.default;
+
 var _tabBar = _interopRequireDefault(require("./tab-bar"));
+
 exports.TabBar = _tabBar.default;
+
+var _tabs = _interopRequireDefault(require("./tabs"));
+
+exports.Tabs = _tabs.default;
+
 var _tag = _interopRequireDefault(require("./tag"));
+
 exports.Tag = _tag.default;
+
+var _toast = _interopRequireDefault(require("./toast"));
+
+exports.Toast = _toast.default;
+
 var _transition = _interopRequireDefault(require("./transition"));
+
 exports.Transition = _transition.default;

package/cjs/input/demo/style/css/mobile.css

@@ -52,7 +52,7 @@
   font-size: 0.26rem;
   line-height: 0.36rem;
   margin-bottom: -0.16rem;
-  padding: 0.32rem 0 0 0.32rem;
+  padding: 0.32rem 0.32rem 0 0.32rem;
 }
 #demo-input .demo-input-btn-input .arco-input-wrap {
   height: auto;
@@ -65,3 +65,7 @@
   font-weight: bold;
   margin-right: -0.24rem;
 }
+[dir="rtl"] #demo-input .demo-input-money {
+  margin-right: initial;
+  margin-left: -0.24rem;
+}

package/cjs/input/demo/style/mobile.less

@@ -57,7 +57,7 @@
         .rem(font-size, 13);
         .rem(line-height, 18);
         .rem(margin-bottom, -8);
-        .rem(padding, 16, 0, 0, 16);
+        .rem(padding, 16, 16, 0, 16);
     }
     .demo-input-btn-input .@{prefix}-input-wrap {
         height: auto;
@@ -70,6 +70,6 @@
     .demo-input-money {
         .rem(font-size, 20);
         font-weight: bold;
-        .rem(margin-right, -12);
+        .rem-with-rtl(margin-right, -12);
     }
 }