@arco-design/mobile-react 2.19.0

package/cjs/count-down/index.js

@@ -0,0 +1,90 @@
+"use strict";
+
+exports.__esModule = true;
+var _exportNames = {};
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _util = require("./util");
+
+var _hooks = require("./hooks");
+
+var _contextProvider = require("../context-provider");
+
+var _type = require("./type");
+
+Object.keys(_type).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _type[key]) return;
+  exports[key] = _type[key];
+});
+
+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; }
+
+/**
+ * 倒计时组件
+ * @en Countdown Component
+ * @name 倒计时
+ * @name_en CountDown
+ * @type 数据展示
+ * @type_en Data Display
+ */
+var CountDown = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var _props$className = props.className,
+      className = _props$className === void 0 ? '' : _props$className,
+      _props$style = props.style,
+      style = _props$style === void 0 ? {} : _props$style,
+      _props$time = props.time,
+      time = _props$time === void 0 ? 0 : _props$time,
+      _props$format = props.format,
+      format = _props$format === void 0 ? 'HH:mm:ss' : _props$format,
+      _props$autoStart = props.autoStart,
+      autoStart = _props$autoStart === void 0 ? true : _props$autoStart,
+      _props$millisecond = props.millisecond,
+      millisecond = _props$millisecond === void 0 ? false : _props$millisecond,
+      onFinish = props.onFinish,
+      onChange = props.onChange,
+      renderChild = props.renderChild;
+  var domRef = (0, _react.useRef)(null); // 传入倒计时等变量得到开始暂停启动三个方法以及目前所剩时间current(TimeDataType格式)
+  // @en get start, pause, reset methods and the current remaining time —— current (TimeDataType format) by inputing variables such as countdown
+
+  var _useCountDown = (0, _hooks.useCountDown)({
+    time: typeof time === 'number' ? time : (0, _util.unParseTime)(time),
+    millisecond: millisecond,
+    onChange: onChange,
+    onFinish: onFinish,
+    autoStart: autoStart
+  }),
+      start = _useCountDown.start,
+      pause = _useCountDown.pause,
+      reset = _useCountDown.reset,
+      current = _useCountDown.current; // 导出dom以及start,pause,reset三个方法
+  // @en Export dom and three methods of start, pause and reset
+
+
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      dom: domRef.current,
+      start: start,
+      pause: pause,
+      reset: reset
+    };
+  });
+  var currentStr = (0, _react.useMemo)(function () {
+    return (0, _util.parseFormat)(format, current);
+  }, [format, current]);
+  return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
+    var prefixCls = _ref.prefixCls;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: prefixCls + "-count-down " + className,
+      style: style,
+      ref: domRef
+    }, renderChild ? renderChild(current) : currentStr);
+  });
+});
+var _default = CountDown;
+exports.default = _default;

package/cjs/count-down/singleton.d.ts

@@ -0,0 +1,15 @@
+export interface TaskQueueItem {
+    id: number;
+    callback: () => boolean;
+}
+export declare type TaskQueueType = 'micro' | 'macro';
+export declare const taskCount: {
+    micro: number;
+    macro: number;
+};
+export declare const taskQueue: Record<TaskQueueType, TaskQueueItem[]>;
+export declare function startTask(type: TaskQueueType, callback: TaskQueueItem['callback']): number;
+export declare function execMicroTask(): void;
+export declare function execMacroTask(): void;
+export declare function execTask(type: TaskQueueType): void;
+export declare function stopTask(type: TaskQueueType, id: number): void;

package/cjs/count-down/singleton.js

@@ -0,0 +1,75 @@
+"use strict";
+
+exports.__esModule = true;
+exports.execMacroTask = execMacroTask;
+exports.execMicroTask = execMicroTask;
+exports.execTask = execTask;
+exports.startTask = startTask;
+exports.stopTask = stopTask;
+exports.taskQueue = exports.taskCount = void 0;
+
+var _util = require("./util");
+
+var timeoutId = null;
+var rafId = null;
+var taskCount = {
+  micro: 0,
+  macro: 0
+};
+exports.taskCount = taskCount;
+var taskQueue = {
+  micro: [],
+  macro: []
+};
+exports.taskQueue = taskQueue;
+
+function startTask(type, callback) {
+  taskCount[type] += 1;
+  taskQueue[type].push({
+    id: taskCount[type],
+    callback: callback
+  }); // 超过1个任务说明定时任务已建，执行时取最新queue即可
+
+  if (taskQueue[type].length <= 1) {
+    type === 'micro' ? execMicroTask() : execMacroTask();
+  }
+
+  return taskCount[type];
+}
+
+function execMicroTask() {
+  rafId && (0, _util.cancelRaf)(rafId);
+  rafId = (0, _util.raf)(function () {
+    execTask('micro');
+    taskQueue.micro.length && execMicroTask();
+  });
+}
+
+function execMacroTask() {
+  timeoutId && clearTimeout(timeoutId);
+  timeoutId = window.setTimeout(function () {
+    execTask('macro');
+    taskQueue.macro.length && execMacroTask();
+  }, 1000);
+}
+
+function execTask(type) {
+  taskQueue[type].forEach(function (item) {
+    var needContinue = item.callback();
+
+    if (!needContinue) {
+      stopTask(type, item.id);
+    }
+  });
+}
+
+function stopTask(type, id) {
+  var queue = taskQueue[type];
+  var index = queue.findIndex(function (val) {
+    return val.id === id;
+  });
+
+  if (index >= 0) {
+    taskQueue[type].splice(index, 1);
+  }
+}

package/cjs/count-down/style/css/index.css

@@ -0,0 +1,5 @@
+.arco-count-down {
+  font-size:  0.32rem ;
+  line-height:  0.44rem ;
+  color:  #1d2129 ;
+}

package/cjs/count-down/style/css/index.d.ts

@@ -0,0 +1,2 @@
+import '../../../../style/css/public.css';
+import './index.css';

package/cjs/count-down/style/css/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("../../../../style/css/public.css");
+
+require("./index.css");

package/cjs/count-down/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../../style/public.less';
+import './index.less';

package/cjs/count-down/style/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("../../../style/public.less");
+
+require("./index.less");

package/cjs/count-down/style/index.less

@@ -0,0 +1,7 @@
+@import "../../../style/mixin.less";
+
+.@{prefix}-count-down {
+    .use-var(font-size, count-down-font-size);
+    .use-var(line-height, count-down-line-height);
+    .use-var(color, count-down-color);
+}

package/cjs/count-down/type.d.ts

@@ -0,0 +1,112 @@
+import { ReactNode } from 'react';
+export interface TimeDataType {
+    /**
+     * 天数
+     * @en Days
+     */
+    days: number;
+    /**
+     * 小时
+     * @en Hour
+     * */
+    hours: number;
+    /**
+     * 分钟
+     * @en minute
+     * */
+    minutes: number;
+    /**
+     * 秒数
+     * @en second
+     * */
+    seconds: number;
+    /**
+     * 毫秒
+     * @en millisecond
+     * */
+    milliseconds: number;
+}
+export interface CountDownProps {
+    /**
+     * 自定义类名
+     * @en Custom classname
+     */
+    className?: string;
+    /**
+     * 自定义样式
+     * @en Custom stylesheet
+     */
+    style?: React.CSSProperties;
+    /**
+     * 倒计时时长，单位毫秒
+     * @en Countdown time in milliseconds
+     * @default 0
+     */
+    time?: number | TimeDataType;
+    /**
+     * 自定义格式
+     * D:天数 DD:天数（个位数补0）
+     * H:小时 HH:小时（个位数补0）
+     * m:分钟 mm:分钟（个位数补0）
+     * s:秒数 ss:秒数（个位数补0）
+     * S:毫秒（1 位）SS:毫秒（2 位）SSS:毫秒（3 位）
+     * @en Custom format
+     * D: Days DD: Days (1 digit with 0)
+     * H: Hours HH: Hours (1 digit with 0)
+     * m: Minutes mm: Minutes (1 digit with 0)
+     * s: Seconds ss: Seconds (1 digit with 0)
+     * S: Milliseconds (1 digit) SS: Milliseconds (2 digits) SSS: Milliseconds (3 digits)
+     *
+     * @default HH:mm:ss
+     */
+    format?: string;
+    /**
+     * 是否自动开始倒计时
+     * @en Whether to automatically start the countdown
+     * @default true
+     */
+    autoStart?: boolean;
+    /**
+     * 是否开启毫秒级渲染
+     * @en Whether to enable millisecond rendering
+     * @default false
+     */
+    millisecond?: boolean;
+    /**
+     * 倒计时结束时触发
+     * @en Callback when the countdown ends
+     */
+    onFinish?: () => void;
+    /**
+     * 倒计时变化时触发
+     * @en Callback when the countdown changes
+     */
+    onChange?: (val: TimeDataType, ts: number) => void;
+    /**
+     * 自定义内容
+     * @en Custom content
+     */
+    renderChild?: (val: TimeDataType) => ReactNode;
+}
+export interface CountDownRef {
+    /**
+     * 最外层元素 DOM
+     * @en The outermost element DOM
+     */
+    dom: HTMLDivElement | null;
+    /**
+     * 开始
+     * @en Start
+     */
+    start: () => void;
+    /**
+     * 暂停
+     * @en Pause
+     */
+    pause: () => void;
+    /**
+     * 重置
+     * @en Reset
+     * */
+    reset: () => void;
+}

package/cjs/count-down/type.js

@@ -0,0 +1,3 @@
+"use strict";
+
+exports.__esModule = true;

package/cjs/count-down/util.d.ts

@@ -0,0 +1,8 @@
+import { TimeDataType } from './index';
+export declare function parseTime(time: number): TimeDataType;
+export declare function unParseTime(time: TimeDataType): number;
+export declare const inBrowser: boolean;
+export declare function cancelRaf(id: number): void;
+export declare function raf(fn: FrameRequestCallback): number;
+export declare function padZero(num: number | string, targetLength?: number): string;
+export declare function parseFormat(formatArg: string, currentTime: TimeDataType): string;

package/cjs/count-down/util.js

@@ -0,0 +1,140 @@
+"use strict";
+
+exports.__esModule = true;
+exports.cancelRaf = cancelRaf;
+exports.inBrowser = void 0;
+exports.padZero = padZero;
+exports.parseFormat = parseFormat;
+exports.parseTime = parseTime;
+exports.raf = raf;
+exports.unParseTime = unParseTime;
+// 定义秒，分，小时，天的转化常量
+// @en Define conversion constants for seconds, minutes, hours, days
+var SECOND = 1000;
+var MINUTE = 60 * SECOND;
+var HOUR = 60 * MINUTE;
+var DAY = 24 * HOUR; // 把毫秒解析成TimeDataType格式
+// @en Parse milliseconds into TimeDataType format
+
+function parseTime(time) {
+  var days = Math.floor(time / DAY);
+  var hours = Math.floor(time % DAY / HOUR);
+  var minutes = Math.floor(time % HOUR / MINUTE);
+  var seconds = Math.floor(time % MINUTE / SECOND);
+  var milliseconds = Math.floor(time % SECOND);
+  return {
+    days: days,
+    hours: hours,
+    minutes: minutes,
+    seconds: seconds,
+    milliseconds: milliseconds
+  };
+} // 把TimeDataType解析成毫秒
+// @en Parse TimeDataType into milliseconds
+
+
+function unParseTime(time) {
+  var _time$days = time.days,
+      days = _time$days === void 0 ? 0 : _time$days,
+      _time$hours = time.hours,
+      hours = _time$hours === void 0 ? 0 : _time$hours,
+      _time$minutes = time.minutes,
+      minutes = _time$minutes === void 0 ? 0 : _time$minutes,
+      _time$seconds = time.seconds,
+      seconds = _time$seconds === void 0 ? 0 : _time$seconds,
+      _time$milliseconds = time.milliseconds,
+      milliseconds = _time$milliseconds === void 0 ? 0 : _time$milliseconds;
+  return days * DAY + hours * HOUR + minutes * MINUTE + seconds * SECOND + milliseconds;
+} // 判断是否在浏览器中运行
+// @en Determine if it is running in the browser
+
+
+var inBrowser = typeof window !== 'undefined'; // 判断根元素
+// @en Determine the root element
+
+exports.inBrowser = inBrowser;
+var root = inBrowser ? window : global; // 根据id清除对应的animationFrame
+// @en Clear the corresponding animationFrame according to the id
+
+function cancelRaf(id) {
+  var cancelAnimationFrame = root.cancelAnimationFrame || root.clearTimeout;
+  cancelAnimationFrame.call(root, id);
+} // 计算现在时间
+// @en Calculate the current time
+
+
+var prev = Date.now(); // requestAnimationFrame不存在时用setTimeout代替，得出id
+// @en When requestAnimationFrame does not exist, use setTimeout instead to get the id
+
+function rafPolyfill(fn) {
+  var curr = Date.now();
+  var ms = Math.max(0, 16 - (curr - prev));
+  var id = setTimeout(fn, ms);
+  prev = curr + ms;
+  return id;
+} // 得到animationFrame的id
+// @en Get the id of animationFrame
+
+
+function raf(fn) {
+  var requestAnimationFrame = root.requestAnimationFrame || rafPolyfill;
+  return requestAnimationFrame.call(root, fn);
+} // 补0成需要的格式
+// @en Fill 0 into the required format
+
+
+function padZero(num, targetLength) {
+  if (targetLength === void 0) {
+    targetLength = 2;
+  }
+
+  var str = "" + num;
+
+  while (str.length < targetLength) {
+    str = "0" + str;
+  }
+
+  return str;
+} // 根据传入的格式解析时间成特定格式
+// @en Parse the time into a specific format according to the inputing format
+
+
+function parseFormat(formatArg, currentTime) {
+  var days = currentTime.days;
+  var format = formatArg;
+  var hours = currentTime.hours,
+      minutes = currentTime.minutes,
+      seconds = currentTime.seconds,
+      milliseconds = currentTime.milliseconds;
+
+  if (format.includes('D')) {
+    format = format.replace('DD', padZero(days)).replace('D', "" + days);
+  } else {
+    hours += days * 24;
+  }
+
+  if (format.includes('H')) {
+    format = format.replace('HH', padZero(hours)).replace('H', "" + hours);
+  } else {
+    minutes += hours * 60;
+  }
+
+  if (format.includes('m')) {
+    format = format.replace('mm', padZero(minutes)).replace('m', "" + minutes);
+  } else {
+    seconds += minutes * 60;
+  }
+
+  if (format.includes('s')) {
+    format = format.replace('ss', padZero(seconds)).replace('s', "" + seconds);
+  } else {
+    milliseconds += seconds * 1000;
+  }
+
+  if (format.includes('S')) {
+    var ms = padZero(milliseconds, 3);
+    format = format.replace(/S{3}/, ms).replace(/S{2}/, ms.slice(0, 2)).replace(/S{1}/, ms.charAt(0));
+  }
+
+  return format;
+}

package/cjs/date-picker/demo/style/css/mobile.css

@@ -0,0 +1,10 @@
+#demo-date-picker {
+  padding-bottom: 2.18rem;
+}
+#demo-date-picker .arcodesign-mobile-demo-content {
+  padding: 0;
+  background: transparent;
+  margin: 0 0.24rem;
+  border-radius: 0.16rem;
+  overflow: hidden;
+}

package/cjs/date-picker/demo/style/mobile.less

@@ -0,0 +1,12 @@
+@import '../../../../style/mixin.less';
+
+#demo-date-picker {
+    .rem(padding-bottom, 109);
+    .arcodesign-mobile-demo-content {
+        padding: 0;
+        background: transparent;
+        .rem(margin, 0, 12);
+        .rem(border-radius, 8);
+        overflow: hidden;
+    }
+}

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

@@ -0,0 +1,5 @@
+import { ItemType, IDateObj } from './type';
+export declare function convertTsToDateObj(ts: number, utc?: boolean): IDateObj;
+export declare function convertObjToTs(obj: IDateObj | undefined, defaultTs: number, utc?: boolean): number;
+export declare function oneOf<T>(value: T, validList: T[]): boolean;
+export declare function judgeObj(dateObj1: IDateObj, dateObj2: IDateObj, keys?: ItemType[]): boolean;

package/cjs/date-picker/helper.js

@@ -0,0 +1,61 @@
+"use strict";
+
+exports.__esModule = true;
+exports.convertObjToTs = convertObjToTs;
+exports.convertTsToDateObj = convertTsToDateObj;
+exports.judgeObj = judgeObj;
+exports.oneOf = oneOf;
+
+var _mobileUtils = require("@arco-design/mobile-utils");
+
+function convertTsToDateObj(ts, utc) {
+  var date = new _mobileUtils.DateWithUTC(ts, utc);
+  return {
+    year: date.getFullYear(),
+    month: date.getMonth() + 1,
+    date: date.getDate(),
+    hour: date.getHours(),
+    minute: date.getMinutes(),
+    second: date.getSeconds()
+  };
+}
+
+function convertObjToTs(obj, defaultTs, utc) {
+  if (obj === void 0) {
+    obj = {};
+  }
+
+  var date = new _mobileUtils.DateWithUTC(defaultTs, utc);
+  var defaultDate = date.getDate();
+  !isNaN(obj.year) && date.setFullYear(obj.year); // bugfix: setMonth后如果日期超限则会自动顺延到下月，此时返回月份就不准了，因此先设置date为1再设置month
+  // @en bugfix: After setMonth, if the date exceeds the limit, it will be automatically extended to the next month. At this time, the return month is not allowed, so first set date to 1 and then set month
+
+  if (!isNaN(obj.month)) {
+    date.setDate(1);
+    date.setMonth(obj.month - 1);
+  } // date的值可能被修改，需要被还原
+  // @en The value of date may be modified and needs to be restored
+
+
+  date.setDate(isNaN(obj.date) ? defaultDate : obj.date);
+  !isNaN(obj.hour) && date.setHours(obj.hour);
+  !isNaN(obj.minute) && date.setMinutes(obj.minute);
+  !isNaN(obj.second) && date.setSeconds(obj.second);
+  return date.getTime();
+}
+
+function oneOf(value, validList) {
+  return validList.indexOf(value) !== -1;
+} // 查看两个obj中的keys里的各个值是否都一致
+// @en Check whether the values in the keys in the two obj are consistent
+
+
+function judgeObj(dateObj1, dateObj2, keys) {
+  if (keys === void 0) {
+    keys = [];
+  }
+
+  return !keys.some(function (key) {
+    return dateObj1[key] !== dateObj2[key];
+  });
+}

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import { DatePickerProps } from './type';
+export * from './type';
+export declare const YEAR: number;
+export interface DatePickerRef {
+    /**
+     * 最外层元素 DOM
+     * @en The outermost element DOM
+     */
+    dom: HTMLDivElement | null;
+}
+/**
+ * 日期时间选择器，基于`Picker`组件扩展，支持指定范围，单位可精确到秒。
+ * @en Date picker, based on the `Picker` component, supports the specified range, the unit can be accurate to seconds.
+ * @type 数据输入
+ * @type_en Data Entry
+ * @name 日期时间选择器
+ * @name_en DatePicker
+ */
+declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<DatePickerRef>>;
+export default DatePicker;