@trionesdev/antd-taro-react 0.0.2-beta.11 → 0.0.2-beta.13

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 (70) hide show
  1. package/dist/Calendar/calendar.js +0 -3
  2. package/dist/Calendar/touchable-calendar-grid.js +16 -16
  3. package/dist/CalendarDatetimePicker/CalendarDatetimePicker.d.ts +4 -4
  4. package/dist/CalendarDatetimePicker/CalendarDatetimePicker.js +144 -48
  5. package/dist/CalendarDatetimePicker/style.scss +52 -14
  6. package/dist/CalendarDatetimePicker/types.d.ts +4 -0
  7. package/dist/CalendarDatetimePicker/types.js +6 -1
  8. package/dist/CalendarDatetimePickerCell/CalendarDatetimePickerCell.d.ts +9 -0
  9. package/dist/CalendarDatetimePickerCell/CalendarDatetimePickerCell.js +60 -0
  10. package/dist/CalendarDatetimePickerCell/index.d.ts +3 -0
  11. package/dist/CalendarDatetimePickerCell/index.js +2 -0
  12. package/dist/CalendarPicker/CalendarPicker.d.ts +4 -0
  13. package/dist/{CalendarPopup/CalendarPopup.js → CalendarPicker/CalendarPicker.js} +3 -2
  14. package/dist/CalendarPicker/CalendarRangePicker.d.ts +4 -0
  15. package/dist/{CalendarPopup/CalendarRangePopup.js → CalendarPicker/CalendarRangePicker.js} +3 -2
  16. package/dist/CalendarPicker/index.d.ts +8 -0
  17. package/dist/CalendarPicker/index.js +5 -0
  18. package/dist/{CalendarPopup → CalendarPicker}/style.scss +2 -2
  19. package/dist/{CalendarPopup → CalendarPicker}/types.d.ts +3 -3
  20. package/dist/CalendarPicker/types.js +1 -0
  21. package/dist/CalendarPickerCell/CalendarPickerCell.d.ts +11 -0
  22. package/dist/CalendarPickerCell/CalendarPickerCell.js +54 -0
  23. package/dist/CalendarPickerCell/CalendarRangePickerCell.d.ts +11 -0
  24. package/dist/CalendarPickerCell/CalendarRangePickerCell.js +56 -0
  25. package/dist/CalendarPickerCell/index.d.ts +8 -0
  26. package/dist/CalendarPickerCell/index.js +5 -0
  27. package/dist/{CascaderPopup/cascader-popup.d.ts → CascaderPicker/cascader-picker.d.ts} +2 -2
  28. package/dist/{CascaderPopup/cascader-popup.js → CascaderPicker/cascader-picker.js} +8 -8
  29. package/dist/CascaderPicker/index.d.ts +1 -1
  30. package/dist/CascaderPicker/index.js +1 -1
  31. package/dist/CascaderPicker/style.scss +33 -12
  32. package/dist/{CascaderPicker/CascaderPicker.d.ts → CascaderPickerCell/CascaderPickerCell.d.ts} +4 -9
  33. package/dist/{CascaderPicker/CascaderPicker.js → CascaderPickerCell/CascaderPickerCell.js} +6 -14
  34. package/dist/CascaderPickerCell/index.d.ts +3 -0
  35. package/dist/CascaderPickerCell/index.js +2 -0
  36. package/dist/DatePicker/DatePicker.d.ts +8 -6
  37. package/dist/DatePicker/DatePicker.js +293 -50
  38. package/dist/DatePicker/index.d.ts +2 -1
  39. package/dist/DatePicker/style.scss +1 -24
  40. package/dist/DatePickerCell/DatePickerCell.d.ts +14 -0
  41. package/dist/DatePickerCell/DatePickerCell.js +79 -0
  42. package/dist/DatePickerCell/index.d.ts +3 -0
  43. package/dist/DatePickerCell/index.js +2 -0
  44. package/dist/Input/taro-input.js +5 -2
  45. package/dist/Input/types.d.ts +1 -0
  46. package/dist/Picker/Picker.js +30 -4
  47. package/dist/index.d.ts +11 -6
  48. package/dist/index.js +5 -3
  49. package/dist/utils/dayjs.d.ts +2 -1
  50. package/dist/utils/dayjs.js +13 -0
  51. package/package.json +4 -4
  52. package/dist/CalendarDatetimePopup/CalendarDatetimePopup.d.ts +0 -11
  53. package/dist/CalendarDatetimePopup/CalendarDatetimePopup.js +0 -164
  54. package/dist/CalendarDatetimePopup/index.d.ts +0 -3
  55. package/dist/CalendarDatetimePopup/index.js +0 -2
  56. package/dist/CalendarDatetimePopup/style.scss +0 -62
  57. package/dist/CalendarDatetimePopup/types.d.ts +0 -5
  58. package/dist/CalendarDatetimePopup/types.js +0 -6
  59. package/dist/CalendarPopup/CalendarPopup.d.ts +0 -4
  60. package/dist/CalendarPopup/CalendarRangePopup.d.ts +0 -4
  61. package/dist/CalendarPopup/index.d.ts +0 -8
  62. package/dist/CalendarPopup/index.js +0 -5
  63. package/dist/CalendarPopup/types.js +0 -1
  64. package/dist/CascaderPopup/index.d.ts +0 -3
  65. package/dist/CascaderPopup/index.js +0 -2
  66. package/dist/CascaderPopup/style.scss +0 -45
  67. package/dist/DatePicker/DatePickerPopup.d.ts +0 -18
  68. package/dist/DatePicker/DatePickerPopup.js +0 -329
  69. /package/dist/{CalendarDatetimePopup → CalendarDatetimePicker}/DateTimeSwitch.d.ts +0 -0
  70. /package/dist/{CalendarDatetimePopup → CalendarDatetimePicker}/DateTimeSwitch.js +0 -0
package/dist/index.js CHANGED
@@ -5,16 +5,18 @@ export { default as Badge } from "./Badge";
5
5
  export { default as Button } from "./Button";
6
6
  export { default as Calendar, CalendarGrid, TouchableCalendarGrid } from "./Calendar";
7
7
  export { default as CalendarDatetimePicker } from "./CalendarDatetimePicker";
8
- export { default as CalendarDatetimePopup } from "./CalendarDatetimePopup";
9
- export { default as CalendarPopup } from "./CalendarPopup";
8
+ export { default as CalendarDatetimePickerCell } from "./CalendarDatetimePickerCell";
9
+ export { default as CalendarPicker } from "./CalendarPicker";
10
+ export { default as CalendarPickerCell } from "./CalendarPickerCell";
10
11
  export { default as Card } from "./Card";
12
+ export { default as CascaderPickerCell } from "./CascaderPickerCell";
11
13
  export { default as CascaderPicker } from "./CascaderPicker";
12
- export { default as CascaderPopup } from "./CascaderPopup";
13
14
  export { default as CascaderView } from "./CascaderView";
14
15
  export { default as Cell } from "./Cell";
15
16
  export { default as Checkbox } from "./Checkbox";
16
17
  export { default as ConfigProvider } from "./ConfigProvider";
17
18
  export { default as DatePicker } from "./DatePicker";
19
+ export { default as DatePickerCell } from "./DatePickerCell";
18
20
  export { default as Descriptions } from "./Descriptions";
19
21
  export { default as Divider } from "./Divider";
20
22
  export { default as Ellipsis } from "./Ellipsis";
@@ -1,3 +1,4 @@
1
1
  import dayjs, { OpUnitType } from "dayjs";
2
- export declare const toDayjsArray: (dateArr?: Date[] | dayjs.Dayjs[]) => dayjs.Dayjs[] | undefined;
2
+ export declare const toDayjsArray: (dateArr?: (dayjs.Dayjs | Date)[]) => dayjs.Dayjs[] | undefined;
3
3
  export declare const isSame: (x?: dayjs.Dayjs | Date, y?: dayjs.Dayjs | Date, unit?: OpUnitType) => boolean;
4
+ export declare const isSameArray: (x?: (dayjs.Dayjs | Date)[], y?: (dayjs.Dayjs | Date)[], unit?: OpUnitType) => boolean;
@@ -26,4 +26,17 @@ export var isSame = function isSame(x, y, unit) {
26
26
  var _dayjs;
27
27
  return Boolean((_dayjs = dayjs(x)) === null || _dayjs === void 0 ? void 0 : _dayjs.isSame(y, unit));
28
28
  }
29
+ };
30
+ export var isSameArray = function isSameArray(x, y, unit) {
31
+ var xa = x !== null && x !== void 0 ? x : [];
32
+ var ya = y !== null && y !== void 0 ? y : [];
33
+ if (xa.length === 0 && ya.length === 0) {
34
+ return true;
35
+ }
36
+ if (xa.length !== ya.length) {
37
+ return false;
38
+ }
39
+ return xa.every(function (date, index) {
40
+ return isSame(date, ya[index], unit);
41
+ });
29
42
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@trionesdev/antd-taro-react",
3
- "version": "0.0.2-beta.11",
3
+ "version": "0.0.2-beta.13",
4
4
  "description": "antd taro react",
5
5
  "module": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -56,7 +56,7 @@
56
56
  },
57
57
  "dependencies": {
58
58
  "@tarojs/components": "^4.1.8",
59
- "@trionesdev/antd-mobile-base-react": "^0.0.2-beta.11",
59
+ "@trionesdev/antd-mobile-base-react": "^0.0.2-beta.13",
60
60
  "crypto-js": "^4.2.0",
61
61
  "dayjs": "^1.11.19",
62
62
  "rc-field-form": "^2.7.0",
@@ -64,7 +64,7 @@
64
64
  },
65
65
  "optionalDependencies": {
66
66
  "@trionesdev/antd-mobile-base-react": "workspace:*",
67
- "@trionesdev/antd-mobile-icons-react": "0.0.2-beta.10"
67
+ "@trionesdev/antd-mobile-icons-react": "0.0.2-beta.12"
68
68
  },
69
- "gitHead": "ac56b7bd2ded2ad9bf30daeb7d9f52b8a43745a6"
69
+ "gitHead": "03ef35d6ef50f219c0a81ac6d54f7269c5b822bc"
70
70
  }
@@ -1,11 +0,0 @@
1
- import { FC } from 'react';
2
- import './style.scss';
3
- import dayjs from "dayjs";
4
- export type CalendarDatetimePopupProps = {
5
- open?: boolean;
6
- afterOpenChange?: (open: boolean) => void;
7
- value?: dayjs.Dayjs | Date;
8
- onOk?: (value?: dayjs.Dayjs) => void;
9
- onClose?: () => void;
10
- };
11
- export declare const CalendarDatetimePopup: FC<CalendarDatetimePopupProps>;
@@ -1,164 +0,0 @@
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
- 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; }
3
- 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); } }
4
- 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); }); }; }
5
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
6
- 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."); }
7
- 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); }
8
- 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; }
9
- 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; } }
10
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
11
- import { CustomWrapper, PickerView, PickerViewColumn, View } from '@tarojs/components';
12
- import Taro from '@tarojs/taro';
13
- import classNames from 'classnames';
14
- import React, { useEffect, useRef, useState } from 'react';
15
- import Calendar from "../Calendar";
16
- import ConfigProvider from "../ConfigProvider";
17
- import { useTaro } from "../hooks";
18
- import Popup from "../Popup";
19
- import { DateTimeSwitch } from "./DateTimeSwitch";
20
- import "./style.scss";
21
- import { cls, Mode } from "./types";
22
- import { DatetimeUtils } from "../utils/datetime-utils";
23
- import dayjs from "dayjs";
24
- export var CalendarDatetimePopup = function CalendarDatetimePopup(_ref) {
25
- var open = _ref.open,
26
- _afterOpenChange = _ref.afterOpenChange,
27
- value = _ref.value,
28
- onOk = _ref.onOk,
29
- _onClose = _ref.onClose;
30
- var _ConfigProvider$useCo = ConfigProvider.useConfig(),
31
- locale = _ConfigProvider$useCo.locale;
32
- var _useTaro = useTaro(),
33
- isTaroWeApp = _useTaro.isTaroWeApp;
34
- var _useState = useState(Mode.date),
35
- _useState2 = _slicedToArray(_useState, 2),
36
- mode = _useState2[0],
37
- setMode = _useState2[1];
38
- var valueRef = useRef(dayjs(value));
39
- var bodyRef = useRef(null);
40
- var datetimeSwitchRef = useRef();
41
- var _useState3 = useState(300),
42
- _useState4 = _slicedToArray(_useState3, 2),
43
- bodyHeight = _useState4[0],
44
- setBodyHeight = _useState4[1];
45
- var handleClose = function handleClose() {
46
- _onClose === null || _onClose === void 0 || _onClose();
47
- };
48
- var handleOk = function handleOk() {
49
- onOk === null || onOk === void 0 || onOk(valueRef.current);
50
- handleClose();
51
- };
52
- var handleComputeBodyHeight = /*#__PURE__*/function () {
53
- var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
54
- return _regeneratorRuntime().wrap(function _callee$(_context) {
55
- while (1) switch (_context.prev = _context.next) {
56
- case 0:
57
- if (!isTaroWeApp) {
58
- _context.next = 2;
59
- break;
60
- }
61
- return _context.abrupt("return", new Promise(function (resolve) {
62
- Taro.createSelectorQuery().in(bodyRef.current.ctx).select(".".concat(cls, "-body")).boundingClientRect()
63
- // .fields({ node: true, size: true })
64
- .exec(function (res) {
65
- var _res$;
66
- console.log(res);
67
- resolve(res === null || res === void 0 || (_res$ = res[0]) === null || _res$ === void 0 ? void 0 : _res$.height);
68
- });
69
- }));
70
- case 2:
71
- return _context.abrupt("return", Promise.resolve(bodyRef.current.offsetHeight));
72
- case 3:
73
- case "end":
74
- return _context.stop();
75
- }
76
- }, _callee);
77
- }));
78
- return function handleComputeBodyHeight() {
79
- return _ref2.apply(this, arguments);
80
- };
81
- }();
82
- useEffect(function () {
83
- if (datetimeSwitchRef.current) {
84
- datetimeSwitchRef.current.setDatetime(valueRef.current);
85
- }
86
- }, []);
87
- var bodyRender = function bodyRender() {
88
- return /*#__PURE__*/React.createElement(React.Fragment, null, mode === Mode.date && /*#__PURE__*/React.createElement("div", {
89
- style: {}
90
- }, /*#__PURE__*/React.createElement(Calendar, {
91
- month: value,
92
- value: value,
93
- onChange: function onChange(date) {
94
- var _datetimeSwitchRef$cu;
95
- valueRef.current = dayjs(new Date(date.year(), date.month(), date.date(), valueRef.current.hour(), valueRef.current.minute()));
96
- (_datetimeSwitchRef$cu = datetimeSwitchRef.current) === null || _datetimeSwitchRef$cu === void 0 || _datetimeSwitchRef$cu.setDatetime(valueRef.current);
97
- }
98
- })), mode === Mode.time && /*#__PURE__*/React.createElement("div", {
99
- style: {
100
- height: bodyHeight
101
- }
102
- }, /*#__PURE__*/React.createElement(PickerView, {
103
- className: "time-picker",
104
- indicatorStyle: "height: 32Px;",
105
- style: {
106
- height: bodyHeight
107
- },
108
- value: [valueRef === null || valueRef === void 0 ? void 0 : valueRef.current.hour(), valueRef === null || valueRef === void 0 ? void 0 : valueRef.current.minute()],
109
- onChange: function onChange(e) {
110
- var _datetimeSwitchRef$cu2;
111
- var v = e.detail.value;
112
- valueRef.current = dayjs(new Date(valueRef.current.year(), valueRef.current.month(), valueRef.current.date(), v[0], v[1]));
113
- (_datetimeSwitchRef$cu2 = datetimeSwitchRef.current) === null || _datetimeSwitchRef$cu2 === void 0 || _datetimeSwitchRef$cu2.setDatetime(valueRef.current);
114
- }
115
- }, /*#__PURE__*/React.createElement(PickerViewColumn, null, Array(24).fill(0).map(function (_, i) {
116
- return /*#__PURE__*/React.createElement(View, {
117
- key: "hour-".concat(i),
118
- className: "time-item"
119
- }, DatetimeUtils.twoDigits(i));
120
- })), /*#__PURE__*/React.createElement(PickerViewColumn, null, Array(60).fill(0).map(function (_, i) {
121
- return /*#__PURE__*/React.createElement(View, {
122
- key: "minute-".concat(i),
123
- className: "time-item"
124
- }, DatetimeUtils.twoDigits(i));
125
- })))));
126
- };
127
- return /*#__PURE__*/React.createElement(Popup, {
128
- open: open,
129
- round: true,
130
- afterOpenChange: function afterOpenChange(o) {
131
- if (!o) {
132
- setMode(Mode.date);
133
- }
134
- _afterOpenChange === null || _afterOpenChange === void 0 || _afterOpenChange(o);
135
- },
136
- onClose: function onClose() {
137
- _onClose === null || _onClose === void 0 || _onClose();
138
- }
139
- }, /*#__PURE__*/React.createElement("div", {
140
- className: classNames(cls)
141
- }, /*#__PURE__*/React.createElement("div", {
142
- className: "".concat(cls, "-header")
143
- }, /*#__PURE__*/React.createElement(DateTimeSwitch, {
144
- ref: datetimeSwitchRef,
145
- mode: mode,
146
- value: valueRef.current,
147
- onDateTabTap: function onDateTabTap() {
148
- return setMode(Mode.date);
149
- },
150
- onTimeTabTap: function onTimeTabTap() {
151
- handleComputeBodyHeight().then(function (height) {
152
- setBodyHeight(height);
153
- setMode(Mode.time);
154
- });
155
- }
156
- }), /*#__PURE__*/React.createElement("a", {
157
- className: classNames("".concat(cls, "-header-button"), "".concat(cls, "-header-button-ok")),
158
- onClick: handleOk
159
- }, locale.common.confirm)), /*#__PURE__*/React.createElement(CustomWrapper, {
160
- ref: bodyRef
161
- }, /*#__PURE__*/React.createElement("div", {
162
- className: "".concat(cls, "-body")
163
- }, bodyRender()))));
164
- };
@@ -1,3 +0,0 @@
1
- import { CalendarDatetimePopup, CalendarDatetimePopupProps } from "./CalendarDatetimePopup";
2
- export type { CalendarDatetimePopupProps };
3
- export default CalendarDatetimePopup;
@@ -1,2 +0,0 @@
1
- import { CalendarDatetimePopup } from "./CalendarDatetimePopup";
2
- export default CalendarDatetimePopup;
@@ -1,62 +0,0 @@
1
- @use "../style/variable" as variable;
2
-
3
- $calendarDatetimePopupCls: 'triones-antm-calendar-datetime-popup';
4
-
5
- .#{$calendarDatetimePopupCls} {
6
- border-top-left-radius: variable.$trionesBorderRadius;
7
- border-top-right-radius: variable.$trionesBorderRadius;
8
-
9
- &-header {
10
- display: flex;
11
- justify-content: space-between;
12
- border-bottom: 1Px solid variable.$trionesBorderColor;
13
-
14
-
15
- &-display {
16
- display: flex;
17
- padding-left: 8Px;
18
-
19
- &-date {
20
- padding-inline: 8Px;
21
- cursor: default;
22
- display: flex;
23
- align-items: center;
24
- }
25
-
26
- &-time {
27
- padding-inline: 12Px;
28
- display: flex;
29
- align-items: center;
30
- cursor: default;
31
- }
32
-
33
- &-active {
34
- color: variable.$trionesColorText;
35
- font-weight: bold;
36
- background-color: variable.$trionesColorBgTextActive;
37
- }
38
- }
39
-
40
- &-button {
41
- padding: 12Px 16Px;
42
-
43
- &-cancel {}
44
-
45
- &-ok {
46
- color: variable.$trionesColorPrimary;
47
- }
48
- }
49
- }
50
-
51
- &-body {
52
- .time-picker {
53
- .time-item {
54
- flex-shrink: 0;
55
- display: flex;
56
- align-items: center;
57
- justify-content: center;
58
- height: 32Px;
59
- }
60
- }
61
- }
62
- }
@@ -1,5 +0,0 @@
1
- export declare const cls = "triones-antm-calendar-datetime-popup";
2
- export declare enum Mode {
3
- date = 0,
4
- time = 1
5
- }
@@ -1,6 +0,0 @@
1
- export var cls = 'triones-antm-calendar-datetime-popup';
2
- export var Mode = /*#__PURE__*/function (Mode) {
3
- Mode[Mode["date"] = 0] = "date";
4
- Mode[Mode["time"] = 1] = "time";
5
- return Mode;
6
- }({});
@@ -1,4 +0,0 @@
1
- import { FC } from 'react';
2
- import './style.scss';
3
- import { CalendarPopupProps } from './types';
4
- export declare const CalendarPopup: FC<CalendarPopupProps>;
@@ -1,4 +0,0 @@
1
- import { FC } from "react";
2
- import "./style.scss";
3
- import { CalendarPopupRangeProps } from "./types";
4
- export declare const CalendarRangePopup: FC<CalendarPopupRangeProps>;
@@ -1,8 +0,0 @@
1
- import { CalendarPopup as InternalCalendarPopup } from "./CalendarPopup";
2
- import { CalendarRangePopup } from "./CalendarRangePopup";
3
- type CompoundedComponent = typeof InternalCalendarPopup & {
4
- Range: typeof CalendarRangePopup;
5
- };
6
- declare const CalendarPopup: CompoundedComponent;
7
- export type { CalendarPopupProps, CalendarPopupRangeProps } from "./types";
8
- export default CalendarPopup;
@@ -1,5 +0,0 @@
1
- import { CalendarPopup as InternalCalendarPopup } from "./CalendarPopup";
2
- import { CalendarRangePopup } from "./CalendarRangePopup";
3
- var CalendarPopup = InternalCalendarPopup;
4
- CalendarPopup.Range = CalendarRangePopup;
5
- export default CalendarPopup;
@@ -1 +0,0 @@
1
- export var cls = 'triones-antm-calendar-popup';
@@ -1,3 +0,0 @@
1
- import { CascaderPopup, CascaderPopupProps } from "./cascader-popup";
2
- export type { CascaderPopupProps };
3
- export default CascaderPopup;
@@ -1,2 +0,0 @@
1
- import { CascaderPopup } from "./cascader-popup";
2
- export default CascaderPopup;
@@ -1,45 +0,0 @@
1
- @use "../style/variable" as variable;
2
- $cascaderPopupCls: 'triones-antm-cascader-popup';
3
-
4
- .#{$cascaderPopupCls} {
5
- width: 100%;
6
- height: 300Px;
7
- overflow: hidden;
8
- position: relative;
9
- display: flex;
10
- flex-direction: column;
11
-
12
- &-header {
13
- display: flex;
14
- justify-content: space-between;
15
- align-items: center;
16
- border-bottom: 1Px solid variable.$trionesBorderColor;
17
- padding: 4Px;
18
-
19
- &-button {
20
-
21
- padding: 8Px;
22
- font-size: 12Px;
23
- &-cancel{
24
- color: variable.$trionesColorTextSecondary;
25
- }
26
- &-ok{
27
- color: variable.$trionesColorPrimary;
28
- }
29
- }
30
-
31
- &-title {
32
- }
33
- }
34
-
35
- &-body {
36
- flex: 1 1;
37
- width: 100%;
38
- pointer-events: unset;
39
- overflow: hidden;
40
- }
41
- &-view{
42
- --height: 100%;
43
- }
44
-
45
- }
@@ -1,18 +0,0 @@
1
- import { FC } from "react";
2
- import React from "react";
3
- import { Mode } from "./types";
4
- import dayjs from "dayjs";
5
- type DatePickerPopupPops = {
6
- open?: boolean;
7
- onClose?: () => void;
8
- title?: React.ReactNode;
9
- mode?: Mode;
10
- format?: string;
11
- showTime?: boolean;
12
- value?: dayjs.Dayjs;
13
- onOk?: (value: dayjs.Dayjs) => void;
14
- minDate?: dayjs.Dayjs;
15
- maxDate?: dayjs.Dayjs;
16
- };
17
- declare const DatePickerPopup: FC<DatePickerPopupPops>;
18
- export default DatePickerPopup;