@trionesdev/antd-mobile-react 0.0.2-beta.1 → 0.0.2-beta.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (103) hide show
  1. package/LICENSE +21 -21
  2. package/dist/Avatar/demo/base.js +2 -2
  3. package/dist/Avatar/demo/style.scss +6 -6
  4. package/dist/Badge/demo/base.js +2 -2
  5. package/dist/Badge/demo/base.scss +6 -6
  6. package/dist/Button/demo/base.js +2 -2
  7. package/dist/Button/style.scss +234 -232
  8. package/dist/Calendar/style.scss +85 -85
  9. package/dist/Calendar/touchable-calendar-grid.js +9 -9
  10. package/dist/CalendarDatetimePicker/style.scss +54 -54
  11. package/dist/CalendarPicker/style.scss +31 -31
  12. package/dist/Card/demo/base.js +2 -2
  13. package/dist/Card/demo/base.scss +18 -18
  14. package/dist/Cell/demo/base.js +16 -2
  15. package/dist/Checkbox/demo/base.js +11 -6
  16. package/dist/Checkbox/demo/disabled.js +2 -1
  17. package/dist/ConfigProvider/demo/base.js +2 -2
  18. package/dist/DemoBlock/index.d.ts +6 -0
  19. package/dist/DemoBlock/index.js +9 -2
  20. package/dist/DemoBlock/index.scss +20 -20
  21. package/dist/DemoDescription/index.scss +3 -3
  22. package/dist/Divider/demo/base.js +2 -2
  23. package/dist/Ellipsis/demo/base.js +2 -2
  24. package/dist/Empty/demo/base.js +2 -2
  25. package/dist/ErrorBlock/demo/base.js +2 -2
  26. package/dist/Footer/demo/base.js +2 -2
  27. package/dist/Form/FormItem/form-item-input.d.ts +15 -0
  28. package/dist/Form/FormItem/form-item-input.js +39 -0
  29. package/dist/Form/FormItem/form-item-label.d.ts +13 -0
  30. package/dist/Form/FormItem/form-item-label.js +27 -0
  31. package/dist/Form/FormItem/form-item.d.ts +22 -0
  32. package/dist/Form/FormItem/form-item.js +73 -0
  33. package/dist/Form/FormItem/index.d.ts +5 -0
  34. package/dist/Form/FormItem/index.js +3 -0
  35. package/dist/Form/demo/input.js +1 -1
  36. package/dist/Form/index.d.ts +8 -1
  37. package/dist/Form/index.js +5 -1
  38. package/dist/Form/style.scss +67 -0
  39. package/dist/Grid/demo/base.js +2 -2
  40. package/dist/Grid/demo/base.scss +7 -7
  41. package/dist/Icon/demo/base.js +2 -2
  42. package/dist/Image/demo/base.js +2 -2
  43. package/dist/Image/demo/base.scss +4 -4
  44. package/dist/Image/style.scss +30 -30
  45. package/dist/ImagesPreview/style.scss +34 -34
  46. package/dist/ImagesWall/style.scss +70 -70
  47. package/dist/Input/base-input.d.ts +13 -0
  48. package/dist/Input/base-input.js +41 -0
  49. package/dist/Input/demo/base.js +53 -12
  50. package/dist/Input/index.d.ts +14 -2
  51. package/dist/Input/index.js +11 -1
  52. package/dist/Input/index.scss +199 -0
  53. package/dist/Input/input-affix-wrapper.d.ts +9 -0
  54. package/dist/Input/input-affix-wrapper.js +31 -0
  55. package/dist/Input/input-opt.d.ts +16 -0
  56. package/dist/Input/input-opt.js +87 -0
  57. package/dist/Input/input-password.d.ts +7 -0
  58. package/dist/Input/input-password.js +48 -0
  59. package/dist/Input/input.d.ts +16 -0
  60. package/dist/Input/input.js +63 -0
  61. package/dist/Input/textarea.d.ts +13 -0
  62. package/dist/Input/textarea.js +45 -0
  63. package/dist/Input/types.d.ts +2 -0
  64. package/dist/Input/types.js +2 -0
  65. package/dist/NavBar/demo/base.scss +5 -5
  66. package/dist/NoticeBar/demo/base.js +2 -2
  67. package/dist/PageIndicator/demo/base.js +2 -2
  68. package/dist/Popup/demo/base.js +2 -2
  69. package/dist/Progress/Progress.d.ts +2 -2
  70. package/dist/Progress/ProgressCircle.d.ts +2 -2
  71. package/dist/Progress/ProgressLine.d.ts +2 -2
  72. package/dist/Progress/style.scss +33 -33
  73. package/dist/Radio/demo/base.js +2 -2
  74. package/dist/Radio/demo/base.scss +4 -4
  75. package/dist/Result/demo/base.js +2 -2
  76. package/dist/SafeArea/demo/base.scss +18 -18
  77. package/dist/SideBar/side-bar.js +6 -6
  78. package/dist/SideBar/style.scss +85 -85
  79. package/dist/Space/demo/base.js +2 -2
  80. package/dist/Swiper/style.scss +54 -54
  81. package/dist/Switch/demo/base.js +2 -2
  82. package/dist/TabBar/demo/base.js +2 -2
  83. package/dist/Tag/demo/base.js +2 -2
  84. package/dist/Tag/demo/style.scss +8 -8
  85. package/dist/Toast/style.scss +63 -63
  86. package/dist/VerificationCodeInput/demo/base.js +2 -2
  87. package/dist/VerificationCodeInput/index.d.ts +2 -2
  88. package/dist/VerificationCodeInput/index.js +1 -1
  89. package/dist/VerificationCodeInput/style.scss +20 -0
  90. package/dist/VerificationCodeInput/verification-code-input.d.ts +24 -0
  91. package/dist/VerificationCodeInput/verification-code-input.js +99 -0
  92. package/dist/WaterMark/demo/demo1.js +2 -2
  93. package/dist/WaterMark/demo/demo1.scss +6 -6
  94. package/dist/WaterMark/demo/demo2.js +2 -2
  95. package/dist/index.d.ts +1 -1
  96. package/dist/style/variable.scss +1 -1
  97. package/dist/types.d.ts +0 -8
  98. package/dist/types.js +0 -1
  99. package/dist/utils/type.js +36 -36
  100. package/dist/utils/use-isomorphic-update-layout-effect.d.ts +1 -1
  101. package/dist/utils/with-default-props.js +4 -4
  102. package/package.json +6 -6
  103. package/readme.md +43 -43
@@ -1,63 +1,63 @@
1
- $toastCls: 'triones-antm-toast';
2
-
3
- .#{$toastCls} {
4
- position: fixed;
5
- top: 0;
6
- left: 0;
7
- width: 100%;
8
- height: 100%;
9
- text-align: center;
10
- pointer-events: none;
11
-
12
- &-main {
13
-
14
- padding: 12Px;
15
- display: inline-block;
16
- position: relative;
17
- top: 50%;
18
- transform: translateY(-50%);
19
- width: auto;
20
- max-width: 204px;
21
- max-height: 70%;
22
- overflow: auto;
23
- color: #fff;
24
- word-break: break-all;
25
- background-color: rgba(0, 0, 0, .7);
26
- border-radius: 8px;
27
- pointer-events: all;
28
- font-size: var(--adm-font-size-7);
29
- line-height: 1.5;
30
- box-sizing: border-box;
31
- &-icon{
32
- padding: 35Px 12Px;
33
- min-width: 150Px;
34
- .#{$toastCls}{
35
- &-center{
36
- &-center{
37
- text-align: initial;
38
- }
39
- }
40
- }
41
- }
42
- }
43
-
44
- &-center{
45
- display: flex;
46
- flex-direction: column;
47
- justify-content: center;
48
- align-items: center;
49
- gap: 8Px;
50
- &-icon{
51
- .triones-antm-icon{
52
- font-size: 36Px;
53
- }
54
- }
55
- &-content{
56
- display: inline-block;
57
- color: #fff;
58
- word-break: break-all;
59
- pointer-events: all;
60
- text-align: initial;
61
- }
62
- }
63
- }
1
+ $toastCls: 'triones-antm-toast';
2
+
3
+ .#{$toastCls} {
4
+ position: fixed;
5
+ top: 0;
6
+ left: 0;
7
+ width: 100%;
8
+ height: 100%;
9
+ text-align: center;
10
+ pointer-events: none;
11
+
12
+ &-main {
13
+
14
+ padding: 12Px;
15
+ display: inline-block;
16
+ position: relative;
17
+ top: 50%;
18
+ transform: translateY(-50%);
19
+ width: auto;
20
+ max-width: 204px;
21
+ max-height: 70%;
22
+ overflow: auto;
23
+ color: #fff;
24
+ word-break: break-all;
25
+ background-color: rgba(0, 0, 0, .7);
26
+ border-radius: 8px;
27
+ pointer-events: all;
28
+ font-size: var(--adm-font-size-7);
29
+ line-height: 1.5;
30
+ box-sizing: border-box;
31
+ &-icon{
32
+ padding: 35Px 12Px;
33
+ min-width: 150Px;
34
+ .#{$toastCls}{
35
+ &-center{
36
+ &-center{
37
+ text-align: initial;
38
+ }
39
+ }
40
+ }
41
+ }
42
+ }
43
+
44
+ &-center{
45
+ display: flex;
46
+ flex-direction: column;
47
+ justify-content: center;
48
+ align-items: center;
49
+ gap: 8Px;
50
+ &-icon{
51
+ .triones-antm-icon{
52
+ font-size: 36Px;
53
+ }
54
+ }
55
+ &-content{
56
+ display: inline-block;
57
+ color: #fff;
58
+ word-break: break-all;
59
+ pointer-events: all;
60
+ text-align: initial;
61
+ }
62
+ }
63
+ }
@@ -1,11 +1,11 @@
1
1
  import React from "react";
2
- import ValidationCodeInput from "../index";
2
+ import VerificationCodeInput from "../index";
3
3
  export default (function () {
4
4
  return /*#__PURE__*/React.createElement("div", {
5
5
  style: {
6
6
  backgroundColor: 'rgb(244 244 244)'
7
7
  }
8
- }, /*#__PURE__*/React.createElement(ValidationCodeInput, {
8
+ }, /*#__PURE__*/React.createElement(VerificationCodeInput, {
9
9
  placeholder: "\u8BF7\u8F93\u5165\u9A8C\u8BC1\u7801"
10
10
  }));
11
11
  });
@@ -1,3 +1,3 @@
1
- import { VerificationCodeInput, ValidationCodeInputProps } from "@trionesdev/antd-mobile-base-react";
2
- export type { ValidationCodeInputProps };
1
+ import { VerificationCodeInput, VerificationCodeInputProps } from "./verification-code-input";
2
+ export type { VerificationCodeInputProps };
3
3
  export default VerificationCodeInput;
@@ -1,2 +1,2 @@
1
- import { VerificationCodeInput } from "@trionesdev/antd-mobile-base-react";
1
+ import { VerificationCodeInput } from "./verification-code-input";
2
2
  export default VerificationCodeInput;
@@ -0,0 +1,20 @@
1
+ @use "../style/variable" as variable;
2
+
3
+ $verificationCodeInputCls: 'triones-antm-verification-code-input';
4
+
5
+ .#{$verificationCodeInputCls} {
6
+ &-send {
7
+ padding-inline: variable.$trionesPaddingContentHorizontal;
8
+ cursor: pointer;
9
+
10
+ &:hover {
11
+ color: variable.$trionesColorPrimary;
12
+ }
13
+ }
14
+
15
+ &-counting {
16
+ padding-inline: variable.$trionesPaddingContentHorizontal;
17
+ cursor: not-allowed;
18
+ color: variable.$trionesColorTextDisabled;
19
+ }
20
+ }
@@ -0,0 +1,24 @@
1
+ import { FC } from 'react';
2
+ import { InputProps } from '..';
3
+ import './style.scss';
4
+ export type VerificationCodeInputProps = Omit<InputProps, 'suffix'> & {
5
+ /**
6
+ * @description 发送文本
7
+ * @default 获取验证码
8
+ */
9
+ sendText?: string;
10
+ /**
11
+ * @description 重新发送文本
12
+ * @default 重新发送
13
+ */
14
+ resendText?: string;
15
+ /**
16
+ * @description 等待时间
17
+ */
18
+ waitSeconds?: number;
19
+ /**
20
+ * @description 发送事件
21
+ */
22
+ onSend?: () => Promise<boolean>;
23
+ };
24
+ export declare const VerificationCodeInput: FC<VerificationCodeInputProps>;
@@ -0,0 +1,99 @@
1
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
+ var _excluded = ["sendText", "resendText", "waitSeconds", "onSend"];
3
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
4
+ function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
5
+ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
6
+ function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
7
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
8
+ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
9
+ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
10
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
11
+ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
12
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
13
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
14
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
15
+ import classNames from 'classnames';
16
+ import React, { useEffect, useRef, useState } from 'react';
17
+ import Input from "../Input";
18
+ import "./style.scss";
19
+ export var VerificationCodeInput = function VerificationCodeInput(_ref) {
20
+ var _ref$sendText = _ref.sendText,
21
+ sendText = _ref$sendText === void 0 ? '获取验证码' : _ref$sendText,
22
+ _ref$resendText = _ref.resendText,
23
+ resendText = _ref$resendText === void 0 ? '重新发送' : _ref$resendText,
24
+ _ref$waitSeconds = _ref.waitSeconds,
25
+ waitSeconds = _ref$waitSeconds === void 0 ? 60 : _ref$waitSeconds,
26
+ onSend = _ref.onSend,
27
+ props = _objectWithoutProperties(_ref, _excluded);
28
+ var _useState = useState(false),
29
+ _useState2 = _slicedToArray(_useState, 2),
30
+ send = _useState2[0],
31
+ setSend = _useState2[1];
32
+ var _useState3 = useState(0),
33
+ _useState4 = _slicedToArray(_useState3, 2),
34
+ seconds = _useState4[0],
35
+ setSeconds = _useState4[1];
36
+ var secondsRef = useRef(0);
37
+ var timer = useRef(null);
38
+ useEffect(function () {
39
+ if (seconds < 1) {
40
+ clearTimeout(timer.current);
41
+ timer.current = null;
42
+ } else {
43
+ setSend(true);
44
+ }
45
+ }, [seconds]);
46
+ useEffect(function () {
47
+ return function () {
48
+ clearTimeout(timer.current);
49
+ };
50
+ }, []);
51
+ var prefixCls = 'triones-antm-verification-code-input';
52
+ var handleSuffix = function handleSuffix() {
53
+ if (seconds > 0) {
54
+ return /*#__PURE__*/React.createElement("div", {
55
+ className: classNames("".concat(prefixCls, "-counting"))
56
+ }, seconds, "s");
57
+ }
58
+ return /*#__PURE__*/React.createElement("div", {
59
+ className: classNames("".concat(prefixCls, "-send")),
60
+ onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
61
+ return _regeneratorRuntime().wrap(function _callee$(_context) {
62
+ while (1) switch (_context.prev = _context.next) {
63
+ case 0:
64
+ if (timer.current) {
65
+ _context.next = 9;
66
+ break;
67
+ }
68
+ _context.t0 = onSend === undefined;
69
+ if (_context.t0) {
70
+ _context.next = 6;
71
+ break;
72
+ }
73
+ _context.next = 5;
74
+ return onSend === null || onSend === void 0 ? void 0 : onSend();
75
+ case 5:
76
+ _context.t0 = _context.sent;
77
+ case 6:
78
+ if (!_context.t0) {
79
+ _context.next = 9;
80
+ break;
81
+ }
82
+ secondsRef.current = waitSeconds;
83
+ timer.current = setInterval(function () {
84
+ secondsRef.current = secondsRef.current - 1;
85
+ setSeconds(secondsRef.current);
86
+ }, 1000);
87
+ case 9:
88
+ case "end":
89
+ return _context.stop();
90
+ }
91
+ }, _callee);
92
+ }))
93
+ }, send ? resendText : sendText);
94
+ };
95
+ return /*#__PURE__*/React.createElement(Input, _extends({}, props, {
96
+ className: classNames(prefixCls, props.className),
97
+ suffix: handleSuffix()
98
+ }));
99
+ };
@@ -4,8 +4,8 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
4
4
  function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
5
5
  function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
6
6
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
7
- /**
8
- * compact: true
7
+ /**
8
+ * compact: true
9
9
  */
10
10
  import React, { useState } from 'react';
11
11
  import "./demo1.scss";
@@ -1,6 +1,6 @@
1
- .water-mark-overlay {
2
- padding: 12px;
3
- button {
4
- margin-bottom: 12px;
5
- }
6
- }
1
+ .water-mark-overlay {
2
+ padding: 12px;
3
+ button {
4
+ margin-bottom: 12px;
5
+ }
6
+ }
@@ -1,5 +1,5 @@
1
- /**
2
- * compact: true
1
+ /**
2
+ * compact: true
3
3
  */
4
4
  import { DemoBlock } from "../../DemoBlock";
5
5
  import React from 'react';
package/dist/index.d.ts CHANGED
@@ -101,6 +101,6 @@ export type { ToastProps } from './Toast';
101
101
  export { default as Tabs } from './Tabs';
102
102
  export type { TabsProps } from './Tabs';
103
103
  export { default as VerificationCodeInput } from './VerificationCodeInput';
104
- export type { ValidationCodeInputProps } from './VerificationCodeInput';
104
+ export type { VerificationCodeInputProps } from './VerificationCodeInput';
105
105
  export { default as WaterMark } from './WaterMark';
106
106
  export type { WaterMarkProps } from './WaterMark';
@@ -1 +1 @@
1
- @forward "@trionesdev/antd-mobile-base-react/dist/style/variable" ;
1
+ @forward "@trionesdev/antd-mobile-base-react/dist/style/variable" ;
package/dist/types.d.ts CHANGED
@@ -1,8 +0,0 @@
1
- export type BoundingClientRectType = {
2
- top: number;
3
- left: number;
4
- right: number;
5
- bottom: number;
6
- width: number;
7
- height: number;
8
- };
package/dist/types.js CHANGED
@@ -1 +0,0 @@
1
- export {};
@@ -1,45 +1,45 @@
1
1
  /** https://github.com/Microsoft/TypeScript/issues/29729 */
2
2
 
3
- /**
4
- * Get component props
5
- * @example
6
- * ```ts
7
- * import { Checkbox } from 'antd'
8
- * import type { GetProps } from 'antd';
9
- *
10
- * type CheckboxGroupProps = GetProps<typeof Checkbox.Group>
11
- * ```
12
- * @since 5.13.0
3
+ /**
4
+ * Get component props
5
+ * @example
6
+ * ```ts
7
+ * import { Checkbox } from 'antd'
8
+ * import type { GetProps } from 'antd';
9
+ *
10
+ * type CheckboxGroupProps = GetProps<typeof Checkbox.Group>
11
+ * ```
12
+ * @since 5.13.0
13
13
  */
14
14
 
15
- /**
16
- * Get component props by component name
17
- * @example
18
- * ```ts
19
- * import { Select } from 'antd';
20
- * import type { GetProp, SelectProps } from 'antd';
21
- *
22
- * type SelectOption1 = GetProp<SelectProps, 'options'>[number];
23
- * // or
24
- * type SelectOption2 = GetProp<typeof Select, 'options'>[number];
25
- *
26
- * const onChange: GetProp<typeof Select, 'onChange'> = (value, option) => {
27
- * // Do something
28
- * };
29
- * ```
30
- * @since 5.13.0
15
+ /**
16
+ * Get component props by component name
17
+ * @example
18
+ * ```ts
19
+ * import { Select } from 'antd';
20
+ * import type { GetProp, SelectProps } from 'antd';
21
+ *
22
+ * type SelectOption1 = GetProp<SelectProps, 'options'>[number];
23
+ * // or
24
+ * type SelectOption2 = GetProp<typeof Select, 'options'>[number];
25
+ *
26
+ * const onChange: GetProp<typeof Select, 'onChange'> = (value, option) => {
27
+ * // Do something
28
+ * };
29
+ * ```
30
+ * @since 5.13.0
31
31
  */
32
32
 
33
- /**
34
- * Get component ref
35
- * @example
36
- * ```ts
37
- * import { Input } from 'antd';
38
- * import type { GetRef } from 'antd';
39
- *
40
- * type InputRef = GetRef<typeof Input>;
41
- * ```
42
- * @since 5.13.0
33
+ /**
34
+ * Get component ref
35
+ * @example
36
+ * ```ts
37
+ * import { Input } from 'antd';
38
+ * import type { GetRef } from 'antd';
39
+ *
40
+ * type InputRef = GetRef<typeof Input>;
41
+ * ```
42
+ * @since 5.13.0
43
43
  */
44
44
 
45
45
  export var ComponentDefaults = {
@@ -1,2 +1,2 @@
1
1
  /// <reference types="react" />
2
- export declare const useIsomorphicUpdateLayoutEffect: typeof import("react").useEffect | typeof import("react").useLayoutEffect;
2
+ export declare const useIsomorphicUpdateLayoutEffect: typeof import("react").useLayoutEffect | typeof import("react").useEffect;
@@ -15,10 +15,10 @@ export function mergeProps() {
15
15
  return ret;
16
16
  }
17
17
 
18
- /**
19
- * Merge props and return the first non-undefined value.
20
- * The later has higher priority. e.g. (10, 1, 5) => 5 wins.
21
- * This is useful with legacy props that have been deprecated.
18
+ /**
19
+ * Merge props and return the first non-undefined value.
20
+ * The later has higher priority. e.g. (10, 1, 5) => 5 wins.
21
+ * This is useful with legacy props that have been deprecated.
22
22
  */
23
23
  export function mergeProp(defaultProp) {
24
24
  for (var _len2 = arguments.length, propList = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@trionesdev/antd-mobile-react",
3
- "version": "0.0.2-beta.1",
3
+ "version": "0.0.2-beta.3",
4
4
  "description": "antd mobile react ",
5
5
  "module": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -73,10 +73,10 @@
73
73
  "@umijs/lint": "^4.0.0",
74
74
  "classnames": "^2.5.1",
75
75
  "cross-env": "^7.0.3",
76
- "dumi": "2.4.12",
76
+ "dumi": "2.4.21",
77
77
  "dumi-theme-mobile": "^2.3.5",
78
78
  "eslint": "^8.23.0",
79
- "father": "^4.5.1",
79
+ "father": "^4.6.9",
80
80
  "husky": "^8.0.1",
81
81
  "lint-staged": "^13.0.3",
82
82
  "lodash-es": "^4.17.21",
@@ -89,7 +89,7 @@
89
89
  "stylelint": "^16.12.0"
90
90
  },
91
91
  "dependencies": {
92
- "@trionesdev/antd-mobile-base-react": "^0.0.2-beta.1",
92
+ "@trionesdev/antd-mobile-base-react": "^0.0.2-beta.3",
93
93
  "ahooks": "^3.8.4",
94
94
  "crypto-js": "^4.2.0",
95
95
  "rc-field-form": "^2.7.0",
@@ -98,7 +98,7 @@
98
98
  },
99
99
  "optionalDependencies": {
100
100
  "@trionesdev/antd-mobile-base-react": "workspace:*",
101
- "@trionesdev/antd-mobile-icons-react": "0.0.2-beta.1"
101
+ "@trionesdev/antd-mobile-icons-react": "0.0.2-beta.3"
102
102
  },
103
- "gitHead": "4af3397bf3fe6c14968ea5ab3a070ba36147f3e4"
103
+ "gitHead": "72b3e398935c0811b26170adf2246e525f2aadcc"
104
104
  }
package/readme.md CHANGED
@@ -1,43 +1,43 @@
1
- # @trionesdev/antd-taro-react
2
-
3
- [![NPM version](https://img.shields.io/npm/v/@trionesdev/antd-mobile-react.svg?style=flat)](https://npmjs.org/package/@trionesdev/antd-mobile-react)
4
- [![NPM downloads](http://img.shields.io/npm/dm/@trionesdev/antd-mobile-react.svg?style=flat)](https://npmjs.org/package/@trionesdev/antd-mobile-react)
5
-
6
- antd mobile react
7
-
8
- ## Usage
9
-
10
- TODO
11
-
12
- ## Options
13
-
14
- TODO
15
-
16
- ## Development
17
-
18
- ```bash
19
- # install dependencies
20
- $ pnpm install
21
-
22
- # develop library by docs demo
23
- $ pnpm start
24
-
25
- # build library source code
26
- $ pnpm run build
27
-
28
- # build library source code in watch mode
29
- $ pnpm run build:watch
30
-
31
- # build docs
32
- $ pnpm run docs:build
33
-
34
- # Locally preview the production build.
35
- $ pnpm run docs:preview
36
-
37
- # check your project for potential problems
38
- $ pnpm run doctor
39
- ```
40
-
41
- ## LICENSE
42
-
43
- MIT
1
+ # @trionesdev/antd-taro-react
2
+
3
+ [![NPM version](https://img.shields.io/npm/v/@trionesdev/antd-mobile-react.svg?style=flat)](https://npmjs.org/package/@trionesdev/antd-mobile-react)
4
+ [![NPM downloads](http://img.shields.io/npm/dm/@trionesdev/antd-mobile-react.svg?style=flat)](https://npmjs.org/package/@trionesdev/antd-mobile-react)
5
+
6
+ antd mobile react
7
+
8
+ ## Usage
9
+
10
+ TODO
11
+
12
+ ## Options
13
+
14
+ TODO
15
+
16
+ ## Development
17
+
18
+ ```bash
19
+ # install dependencies
20
+ $ pnpm install
21
+
22
+ # develop library by docs demo
23
+ $ pnpm start
24
+
25
+ # build library source code
26
+ $ pnpm run build
27
+
28
+ # build library source code in watch mode
29
+ $ pnpm run build:watch
30
+
31
+ # build docs
32
+ $ pnpm run docs:build
33
+
34
+ # Locally preview the production build.
35
+ $ pnpm run docs:preview
36
+
37
+ # check your project for potential problems
38
+ $ pnpm run doctor
39
+ ```
40
+
41
+ ## LICENSE
42
+
43
+ MIT