@arco-design/mobile-react 2.31.2 → 2.31.4

package/cjs/form/linked-container.js

@@ -0,0 +1,72 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.DefaultDatePickerLinkedContainer = DefaultDatePickerLinkedContainer;
+exports.DefaultPickerLinkedContainer = DefaultPickerLinkedContainer;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _mobileUtils = require("@arco-design/mobile-utils");
+
+var _helper = require("../date-picker/helper");
+
+var _contextProvider = require("../context-provider");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
+
+function DefaultPickerLinkedContainer(_ref) {
+  var value = _ref.value;
+
+  var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
+      prefixCls = _useContext.prefixCls,
+      locale = _useContext.locale;
+
+  var className = prefixCls + "-form-picker-link-container";
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: className
+  }, value && value.length ? value.join('-') : /*#__PURE__*/_react.default.createElement("span", {
+    className: className + "-placeholder"
+  }, locale == null ? void 0 : locale.Form.pickerDefaultHint));
+}
+
+function DefaultDatePickerLinkedContainer(_ref2) {
+  var ts = _ref2.ts,
+      types = _ref2.types;
+
+  var _useContext2 = (0, _react.useContext)(_contextProvider.GlobalContext),
+      prefixCls = _useContext2.prefixCls,
+      locale = _useContext2.locale;
+
+  var className = prefixCls + "-form-picker-link-container";
+  var dateTimeStr = (0, _react.useMemo)(function () {
+    return formatDateTimeStr(ts, types);
+  }, [ts, types]);
+
+  function formatDateTimeStr(timestamp, itemTypes) {
+    var dateObj = (0, _helper.convertTsToDateObj)(timestamp);
+    var validDateObj = Object.keys(dateObj).reduce(function (acc, key) {
+      var _ref3;
+
+      return (0, _extends2.default)({}, acc, itemTypes.includes(key) ? (_ref3 = {}, _ref3[key] = (0, _mobileUtils.formatDateNumber)(dateObj[key]), _ref3) : {});
+    }, {});
+    var dateStr = [validDateObj.year, validDateObj.month, validDateObj.date].filter(function (v) {
+      return v;
+    }).join('-');
+    var timeStr = [validDateObj.hour, validDateObj.minute, validDateObj.second].filter(function (v) {
+      return v;
+    }).join(':');
+    return dateStr + " " + timeStr;
+  }
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: className
+  }, ts ? dateTimeStr : /*#__PURE__*/_react.default.createElement("span", {
+    className: className + "-placeholder"
+  }, locale == null ? void 0 : locale.Form.pickerDefaultHint));
+}

package/cjs/form/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/cjs/form/style/index.less

@@ -39,14 +39,14 @@
     }
     &-item-control {
         padding: 16px 0;
-        .arco-input-wrap, .arco-input {
+        .@{prefix}-input-wrap, .@{prefix}-input {
             padding: 0;
         }
         &-wrapper {
             width: 100%;
             flex: 1;
             position: relative;
-            .arco-input-wrap {
+            .@{prefix}-input-wrap {
                 .use-var(height, input-text-line-height);
             }
         }
@@ -75,7 +75,7 @@
 
     &-item.@{prefix}-form-item-vertical {
         display: block;
-        .arco-input-wrap {
+        .@{prefix}-input-wrap {
             .set-prop-with-rtl(padding-left, 0);
         }
         .@{prefix}-form-label-item {

package/cjs/form/type.d.ts

@@ -1,5 +1,6 @@
 import { IRules } from '@arco-design/mobile-utils';
 import { ReactNode } from 'react';
+import { Promise } from 'es6-promise';
 export declare type FieldValue = any;
 export declare type FieldItem = Record<string, any>;
 export declare type ILayout = 'horizontal' | 'vertical' | 'inline';
@@ -169,19 +170,14 @@ export interface IFormInstance {
      * 校验所有表单项
      * @en Validate all fields
      */
-    validateFields: () => Promise<FieldItem>;
+    validateFields: () => Promise<IFieldError[]>;
     /**
      * 提交表单
      * @en Submit all fields
      */
     submit: () => void;
 }
-export declare type InternalFormInstance = Omit<IFormInstance, 'validateFields'> & {
-    /**
-     * 校验所有表单项
-     * @en Validate all fields
-     */
-    validateFields: () => Promise<FieldItem>;
+export declare type InternalFormInstance = IFormInstance & {
     /**
      * 获取内部方法
      * @en Get internal methods
@@ -223,8 +219,8 @@ export interface IFormItemContext {
     validateMessages?: Record<string, unknown>;
 }
 export declare type IShouldUpdateFunc = (data: {
-    preStore: FieldItem;
-    curStore: FieldItem;
+    preValue: any;
+    curValue: any;
 }) => boolean;
 export interface FormItemProps {
     /**
@@ -272,7 +268,7 @@ export interface FormItemProps {
      * 表单项是否刷新
      * @en Form item is updated
      */
-    shouldUpdate?: boolean | IShouldUpdateFunc;
+    shouldUpdate?: IShouldUpdateFunc;
     /**
      * 表单项规则
      * @en Form item rules
@@ -327,7 +323,7 @@ export interface IFormItemInnerProps {
      * 表单项是否刷新
      * @en Form item is updated
      */
-    shouldUpdate?: boolean | IShouldUpdateFunc;
+    shouldUpdate?: IShouldUpdateFunc;
     /**
      * 表单项下方节点
      * @en Form item extra node

package/cjs/form/useForm.js

@@ -6,14 +6,12 @@ exports.__esModule = true;
 exports.default = useForm;
 exports.defaultFormDataMethods = void 0;
 
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _extends5 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _extends6 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var _react = require("react");
 
+var _es6Promise = require("es6-promise");
+
 /* eslint-disable no-console */
 var defaultFunc = function defaultFunc() {};
 
@@ -59,40 +57,41 @@ var FormData = function FormData() {
   this._callbacks = {};
 
   this.setFieldsValue = function (values) {
-    _this._formData = (0, _extends5.default)({}, _this._formData, values);
+    var oldValues = Object.keys(values).reduce(function (acc, key) {
+      var _extends2;
 
-    _this.notifyField(values);
+      return (0, _extends6.default)({}, acc, (_extends2 = {}, _extends2[key] = _this.getFieldValue(key), _extends2));
+    }, {});
+    _this._formData = (0, _extends6.default)({}, _this._formData, values);
+    var onValuesChange = _this._callbacks.onValuesChange;
+    onValuesChange && onValuesChange(values, _this._formData);
 
-    Object.keys(values).forEach(function (key) {
-      if (key in _this._fieldsList) {
-        var _this$_fieldsList$key;
+    _this.notifyField(values, oldValues);
 
-        (_this$_fieldsList$key = _this._fieldsList[key]) == null ? void 0 : _this$_fieldsList$key.onValueChange();
-      }
-    });
     return true;
   };
 
   this.setFieldValue = function (name, value) {
-    var _extends2, _onValuesChange, _this$notifyField;
+    var _oldValues, _extends3, _onValuesChange, _this$notifyField;
 
-    _this._formData = (0, _extends5.default)({}, _this._formData, (_extends2 = {}, _extends2[name] = value, _extends2));
+    var oldValues = (_oldValues = {}, _oldValues[name] = _this.getFieldValue(name), _oldValues);
+    _this._formData = (0, _extends6.default)({}, _this._formData, (_extends3 = {}, _extends3[name] = value, _extends3));
     var onValuesChange = _this._callbacks.onValuesChange;
     onValuesChange && onValuesChange((_onValuesChange = {}, _onValuesChange[name] = value, _onValuesChange), _this._formData);
 
-    _this.notifyField((_this$notifyField = {}, _this$notifyField[name] = value, _this$notifyField));
+    _this.notifyField((_this$notifyField = {}, _this$notifyField[name] = value, _this$notifyField), oldValues);
 
     return true;
   };
 
-  this.notifyField = function (values) {
+  this.notifyField = function (values, oldValues) {
     Object.keys(values).map(function (fieldName) {
       var _this$_fieldsList;
 
       var fieldObj = ((_this$_fieldsList = _this._fieldsList) == null ? void 0 : _this$_fieldsList[fieldName]) || null;
 
       if (fieldObj) {
-        fieldObj.onValueChange(values[fieldName]);
+        fieldObj.onValueChange(values[fieldName], oldValues[fieldName]);
       }
     });
   };
@@ -157,11 +156,11 @@ var FormData = function FormData() {
     var initialValue = self.props.initialValue;
 
     if (initialValue !== undefined && name) {
-      var _extends3, _extends4;
+      var _extends4, _extends5;
 
-      _this._initialValues = (0, _extends5.default)({}, _this._initialValues, (_extends3 = {}, _extends3[name] = initialValue, _extends3));
+      _this._initialValues = (0, _extends6.default)({}, _this._initialValues, (_extends4 = {}, _extends4[name] = initialValue, _extends4));
 
-      _this.setFieldsValue((0, _extends5.default)({}, _this._formData, (_extends4 = {}, _extends4[name] = initialValue, _extends4)));
+      _this.setFieldsValue((0, _extends6.default)({}, _this._formData, (_extends5 = {}, _extends5[name] = initialValue, _extends5)));
     }
 
     return function () {
@@ -173,7 +172,7 @@ var FormData = function FormData() {
   };
 
   this.setInitialValues = function (initVal) {
-    _this._initialValues = (0, _extends5.default)({}, initVal || {});
+    _this._initialValues = (0, _extends6.default)({}, initVal || {});
 
     _this.setFieldsValue(initVal);
   };
@@ -190,8 +189,8 @@ var FormData = function FormData() {
         return errors;
       }));
     });
-    var summaryPromise = new Promise(function (resolve, reject) {
-      Promise.all(promiseList).then(function (res) {
+    var summaryPromise = new _es6Promise.Promise(function (resolve, reject) {
+      _es6Promise.Promise.all(promiseList).then(function (res) {
         var errorResults = res.filter(function (item) {
           var _item$errors;
 
@@ -208,31 +207,20 @@ var FormData = function FormData() {
     return summaryPromise;
   };
 
-  this.submit = /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-    return _regenerator.default.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            _this.validateFields().then(function (result) {
-              var onSubmit = _this._callbacks.onSubmit;
-              onSubmit == null ? void 0 : onSubmit(_this._formData, result);
-            }).catch(function (e) {
-              var onSubmitFailed = _this._callbacks.onSubmitFailed;
-
-              if (!onSubmitFailed) {
-                return;
-              }
-
-              onSubmitFailed(_this._formData, e);
-            });
-
-          case 1:
-          case "end":
-            return _context.stop();
-        }
+  this.submit = function () {
+    _this.validateFields().then(function (result) {
+      var onSubmit = _this._callbacks.onSubmit;
+      onSubmit == null ? void 0 : onSubmit(_this._formData, result);
+    }).catch(function (e) {
+      var onSubmitFailed = _this._callbacks.onSubmitFailed;
+
+      if (!onSubmitFailed) {
+        return;
       }
-    }, _callee);
-  }));
+
+      onSubmitFailed(_this._formData, e);
+    });
+  };
 
   this.setCallbacks = function (callbacks) {
     _this._callbacks = callbacks;

package/cjs/grid/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/cjs/image/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/cjs/image-picker/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

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

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/cjs/index-bar/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/cjs/input/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/cjs/keyboard/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/cjs/load-more/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/cjs/loading/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/cjs/masking/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/cjs/nav-bar/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/cjs/notice-bar/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/cjs/notify/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/cjs/pagination/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/cjs/picker/index.js

@@ -131,7 +131,7 @@ var Picker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     (0, _mobileUtils.nextTick)(function () {
       setLinkArgs(getCurrentValueData());
     });
-  }, []);
+  }, [value]);
 
   function hidePicker(scene) {
     setLinkVisible(false);

package/cjs/picker/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/cjs/picker-view/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);

package/cjs/popover/style/css/index.css

@@ -106,7 +106,7 @@
  * @param @rules {en} customized rewrite rules, default to initial
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-prop-with-rtl(right, auto);
@@ -122,7 +122,7 @@
  * @param @value {en} css property value
  * @example
  * ```
- * @import '@arco-design/mobile-utils/style/mixin.less';
+ * @import '@arco-design/mobile-react/style/mixin.less';
  *
  * .demo {
  *   .set-value-with-rtl(text-align, left);