@sheinx/base 3.5.0-beta.5 → 3.5.0-beta.7

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 (107) hide show
  1. package/cjs/absolute-list/absolute-context.d.ts.map +1 -1
  2. package/cjs/absolute-list/absolute-context.js +1 -0
  3. package/cjs/card/card.js +4 -2
  4. package/cjs/card-group/item.d.ts.map +1 -1
  5. package/cjs/card-group/item.js +20 -2
  6. package/cjs/card-group/lazyload.d.ts +1 -0
  7. package/cjs/card-group/lazyload.d.ts.map +1 -1
  8. package/cjs/card-group/lazyload.js +1 -1
  9. package/cjs/cascader/node.d.ts.map +1 -1
  10. package/cjs/cascader/node.js +3 -2
  11. package/cjs/common/use-with-form-config.d.ts.map +1 -1
  12. package/cjs/common/use-with-form-config.js +4 -1
  13. package/cjs/form/form.d.ts.map +1 -1
  14. package/cjs/form/form.js +7 -1
  15. package/cjs/form/form.type.d.ts +5 -0
  16. package/cjs/form/form.type.d.ts.map +1 -1
  17. package/cjs/link/link.type.d.ts +10 -0
  18. package/cjs/link/link.type.d.ts.map +1 -1
  19. package/cjs/modal/modal.type.d.ts +2 -1
  20. package/cjs/modal/modal.type.d.ts.map +1 -1
  21. package/cjs/pagination/pagination-size-list.d.ts.map +1 -1
  22. package/cjs/pagination/pagination-size-list.js +8 -1
  23. package/cjs/pagination/pagination-size-list.type.d.ts +1 -1
  24. package/cjs/pagination/pagination-size-list.type.d.ts.map +1 -1
  25. package/cjs/pagination/pagination.d.ts.map +1 -1
  26. package/cjs/pagination/pagination.js +3 -1
  27. package/cjs/pagination/pagination.type.d.ts +15 -0
  28. package/cjs/pagination/pagination.type.d.ts.map +1 -1
  29. package/cjs/radio/radio-group.d.ts.map +1 -1
  30. package/cjs/radio/radio-group.js +6 -6
  31. package/cjs/select/result.d.ts.map +1 -1
  32. package/cjs/select/result.js +9 -4
  33. package/cjs/spin/base.js +2 -1
  34. package/cjs/spin/spin.js +2 -1
  35. package/cjs/spin/spin.type.d.ts +2 -2
  36. package/cjs/spin/spin.type.d.ts.map +1 -1
  37. package/cjs/spin/spins.js +13 -13
  38. package/cjs/table/colgroup.d.ts +1 -0
  39. package/cjs/table/colgroup.d.ts.map +1 -1
  40. package/cjs/table/colgroup.js +9 -3
  41. package/cjs/table/table.d.ts.map +1 -1
  42. package/cjs/table/table.js +6 -6
  43. package/cjs/table/table.type.d.ts +13 -3
  44. package/cjs/table/table.type.d.ts.map +1 -1
  45. package/cjs/table/tbody.d.ts.map +1 -1
  46. package/cjs/table/tbody.js +3 -1
  47. package/cjs/table/tbody.type.d.ts +1 -1
  48. package/cjs/table/tbody.type.d.ts.map +1 -1
  49. package/cjs/table/thead.d.ts.map +1 -1
  50. package/cjs/table/thead.js +26 -3
  51. package/cjs/table/tr.d.ts +1 -1
  52. package/cjs/table/tr.d.ts.map +1 -1
  53. package/cjs/table/tr.js +99 -15
  54. package/esm/absolute-list/absolute-context.d.ts.map +1 -1
  55. package/esm/absolute-list/absolute-context.js +1 -0
  56. package/esm/card/card.js +4 -2
  57. package/esm/card-group/item.d.ts.map +1 -1
  58. package/esm/card-group/item.js +21 -2
  59. package/esm/card-group/lazyload.d.ts +1 -0
  60. package/esm/card-group/lazyload.d.ts.map +1 -1
  61. package/esm/card-group/lazyload.js +1 -1
  62. package/esm/cascader/node.d.ts.map +1 -1
  63. package/esm/cascader/node.js +3 -2
  64. package/esm/common/use-with-form-config.d.ts.map +1 -1
  65. package/esm/common/use-with-form-config.js +4 -1
  66. package/esm/form/form.d.ts.map +1 -1
  67. package/esm/form/form.js +8 -2
  68. package/esm/form/form.type.d.ts +5 -0
  69. package/esm/form/form.type.d.ts.map +1 -1
  70. package/esm/link/link.type.d.ts +10 -0
  71. package/esm/link/link.type.d.ts.map +1 -1
  72. package/esm/modal/modal.type.d.ts +2 -1
  73. package/esm/modal/modal.type.d.ts.map +1 -1
  74. package/esm/pagination/pagination-size-list.d.ts.map +1 -1
  75. package/esm/pagination/pagination-size-list.js +8 -1
  76. package/esm/pagination/pagination-size-list.type.d.ts +1 -1
  77. package/esm/pagination/pagination-size-list.type.d.ts.map +1 -1
  78. package/esm/pagination/pagination.d.ts.map +1 -1
  79. package/esm/pagination/pagination.js +3 -1
  80. package/esm/pagination/pagination.type.d.ts +15 -0
  81. package/esm/pagination/pagination.type.d.ts.map +1 -1
  82. package/esm/radio/radio-group.d.ts.map +1 -1
  83. package/esm/radio/radio-group.js +6 -6
  84. package/esm/select/result.d.ts.map +1 -1
  85. package/esm/select/result.js +9 -4
  86. package/esm/spin/base.js +2 -1
  87. package/esm/spin/spin.js +2 -1
  88. package/esm/spin/spin.type.d.ts +2 -2
  89. package/esm/spin/spin.type.d.ts.map +1 -1
  90. package/esm/spin/spins.js +13 -13
  91. package/esm/table/colgroup.d.ts +1 -0
  92. package/esm/table/colgroup.d.ts.map +1 -1
  93. package/esm/table/colgroup.js +9 -3
  94. package/esm/table/table.d.ts.map +1 -1
  95. package/esm/table/table.js +6 -6
  96. package/esm/table/table.type.d.ts +13 -3
  97. package/esm/table/table.type.d.ts.map +1 -1
  98. package/esm/table/tbody.d.ts.map +1 -1
  99. package/esm/table/tbody.js +3 -1
  100. package/esm/table/tbody.type.d.ts +1 -1
  101. package/esm/table/tbody.type.d.ts.map +1 -1
  102. package/esm/table/thead.d.ts.map +1 -1
  103. package/esm/table/thead.js +27 -4
  104. package/esm/table/tr.d.ts +1 -1
  105. package/esm/table/tr.d.ts.map +1 -1
  106. package/esm/table/tr.js +100 -16
  107. package/package.json +2 -2
package/cjs/table/tr.js CHANGED
@@ -7,6 +7,7 @@ exports.default = void 0;
7
7
  var _react = _interopRequireWildcard(require("react"));
8
8
  var _hooks = require("@sheinx/hooks");
9
9
  var _classnames = _interopRequireDefault(require("classnames"));
10
+ var _spin = _interopRequireDefault(require("../spin"));
10
11
  var _icons = _interopRequireDefault(require("../icons"));
11
12
  var _checkbox = _interopRequireDefault(require("../checkbox"));
12
13
  var _radio = _interopRequireDefault(require("../radio"));
@@ -16,6 +17,15 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
16
17
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
17
18
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
18
19
  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); }
20
+ 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; }
21
+ 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); } }
22
+ 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); }); }; }
23
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
24
+ 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."); }
25
+ 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); }
26
+ 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; }
27
+ 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; } }
28
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
19
29
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
20
30
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
21
31
  function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -23,8 +33,9 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
23
33
  function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
24
34
  var toNum = _hooks.util.toNum;
25
35
  var Tr = function Tr(props) {
26
- var _props$jssStyle, _props$jssStyle$table, _props$rowClassName;
27
- var treeFunc = props.treeFunc;
36
+ var _props$jssStyle, _props$jssStyle$table, _jssStyle$input, _jssStyle$select, _jssStyle$datePicker, _jssStyle$treeSelect, _jssStyle$switch, _jssStyle$checkbox, _jssStyle$radio, _jssStyle$cascader, _props$rowClassName;
37
+ var treeFunc = props.treeFunc,
38
+ jssStyle = props.jssStyle;
28
39
  var tableClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 || (_props$jssStyle$table = _props$jssStyle.table) === null || _props$jssStyle$table === void 0 ? void 0 : _props$jssStyle$table.call(_props$jssStyle);
29
40
  var trRef = (0, _react.useRef)(null);
30
41
  var expandRef = (0, _react.useRef)(null);
@@ -91,35 +102,94 @@ var Tr = function Tr(props) {
91
102
  cancelObserver();
92
103
  };
93
104
  }, []);
105
+ var _useState = (0, _react.useState)(false),
106
+ _useState2 = _slicedToArray(_useState, 2),
107
+ isExpandLoading = _useState2[0],
108
+ setIsExpandLoading = _useState2[1];
109
+ var innerExpandClick = (0, _hooks.usePersistFn)( /*#__PURE__*/function () {
110
+ var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(showLoader) {
111
+ return _regeneratorRuntime().wrap(function _callee$(_context) {
112
+ while (1) switch (_context.prev = _context.next) {
113
+ case 0:
114
+ if (!(showLoader && props.loader)) {
115
+ _context.next = 11;
116
+ break;
117
+ }
118
+ setIsExpandLoading(true);
119
+ _context.prev = 2;
120
+ _context.next = 5;
121
+ return props.loader(props.rawData, props.rowIndex);
122
+ case 5:
123
+ treeFunc.handleTreeExpand(props.rawData, props.rowIndex);
124
+ case 6:
125
+ _context.prev = 6;
126
+ setIsExpandLoading(false);
127
+ return _context.finish(6);
128
+ case 9:
129
+ _context.next = 12;
130
+ break;
131
+ case 11:
132
+ treeFunc.handleTreeExpand(props.rawData, props.rowIndex);
133
+ case 12:
134
+ case "end":
135
+ return _context.stop();
136
+ }
137
+ }, _callee, null, [[2,, 6, 9]]);
138
+ }));
139
+ return function (_x) {
140
+ return _ref.apply(this, arguments);
141
+ };
142
+ }());
94
143
  var renderTreeExpand = function renderTreeExpand(content) {
95
144
  var treeIndent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 22;
96
145
  var level = props.treeExpandLevel.get(props.originKey) || 0;
97
146
  var className = tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.expandWrapper;
98
147
  var children = props.rawData[props.treeColumnsName];
148
+ var showLoader = children === undefined && typeof props.loader === 'function';
99
149
  var isExpanded = props.treeFunc.isTreeExpanded(props.rawData, props.rowIndex);
100
150
  var dirName = isRtl ? 'Right' : 'Left';
101
- if (!children || children.length === 0 && !props.treeEmptyExpand) {
151
+ var shouldRenderPlain = !children && !props.loader || (children === null || children === void 0 ? void 0 : children.length) === 0 && !props.treeEmptyExpand && !props.loader;
152
+ if (shouldRenderPlain) {
102
153
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
103
154
  className: className,
104
155
  style: _defineProperty(_defineProperty({}, "margin".concat(dirName), level * treeIndent), "padding".concat(dirName), props.isEmptyTree ? 0 : 22),
105
156
  children: content
106
157
  });
107
158
  }
108
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
109
- className: className,
110
- style: {
111
- marginLeft: level * treeIndent
112
- },
113
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
159
+ var $expandIcon;
160
+ if (typeof props.treeExpandIcon === 'function') {
161
+ $expandIcon = props.treeExpandIcon(props.rawData, props.rowIndex, isExpanded);
162
+ } else if (showLoader) {
163
+ $expandIcon = _icons.default.table.Collapse;
164
+ } else if ((children === null || children === void 0 ? void 0 : children.length) > 0 || props.treeEmptyExpand) {
165
+ $expandIcon = isExpanded ? _icons.default.table.Expand : _icons.default.table.Collapse;
166
+ }
167
+ if (isExpandLoading) {
168
+ $expandIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_spin.default, {
169
+ size: 12,
170
+ jssStyle: props.jssStyle
171
+ });
172
+ }
173
+ var $expandIconWrapper;
174
+ if ($expandIcon !== null) {
175
+ $expandIconWrapper = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
114
176
  className: (0, _classnames.default)(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.iconWrapper),
115
177
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
178
+ "data-role": "tree-expand-icon",
116
179
  className: tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.expandIcon,
117
180
  onClick: function onClick() {
118
- treeFunc.handleTreeExpand(props.rawData, props.rowIndex);
181
+ return innerExpandClick(showLoader);
119
182
  },
120
- children: isExpanded ? _icons.default.table.Expand : _icons.default.table.Collapse
183
+ children: $expandIcon
121
184
  })
122
- }), content]
185
+ });
186
+ }
187
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
188
+ className: className,
189
+ style: {
190
+ marginLeft: level * treeIndent
191
+ },
192
+ children: [$expandIconWrapper, content]
123
193
  });
124
194
  };
125
195
  var renderContent = function renderContent(col, data) {
@@ -133,6 +203,7 @@ var Tr = function Tr(props) {
133
203
  className: (0, _classnames.default)(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.iconWrapper, tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.expandIconWrapper),
134
204
  onClick: clickEvent,
135
205
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
206
+ "data-role": "expand-icon",
136
207
  className: tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.expandIcon,
137
208
  children: props.expanded ? _icons.default.table.Expand : _icons.default.table.Collapse
138
209
  })
@@ -206,15 +277,16 @@ var Tr = function Tr(props) {
206
277
  var td = /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
207
278
  colSpan: data[i].colSpan,
208
279
  rowSpan: data[i].rowSpan,
209
- onMouseEnter: props.hover && hasSiblingRowSpan ? function () {
280
+ onMouseEnter: props.hover && hasSiblingRowSpan || data[i].rowSpan > 1 ? function () {
210
281
  props.handleCellHover(props.rowIndex, data[i].rowSpan);
211
282
  } : undefined,
212
- onMouseLeave: props.hover && hasSiblingRowSpan ? function () {
283
+ onMouseLeave: props.hover && hasSiblingRowSpan || data[i].rowSpan > 1 ? function () {
213
284
  props.handleCellHover(-1, 0);
214
285
  } : undefined,
215
- className: (0, _classnames.default)(col.className, col.type === 'checkbox' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellCheckbox), col.fixed === 'left' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLeft), col.fixed === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedRight), col.align === 'center' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignCenter), col.align === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignRight), (col.lastFixed || col.firstFixed || last.lastFixed) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLast), lastRowIndex === i && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellIgnoreBorder), data[i].rowSpan > 1 && props.isCellHover(props.rowIndex, data[i].rowSpan) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellHover)),
286
+ className: (0, _classnames.default)(col.className, col.type === 'checkbox' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellCheckbox), col.fixed === 'left' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLeft), col.fixed === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedRight), col.align === 'center' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignCenter), col.align === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignRight), (col.lastFixed || col.firstFixed || last.lastFixed) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLast), lastRowIndex === i && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellIgnoreBorder), props.hoverIndex.has(props.rowIndex) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellHover), data[i].rowSpan > 1 && props.isCellHover(props.rowIndex, data[i].rowSpan) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellHover)),
216
287
  style: getTdStyle(col, data[i].colSpan),
217
288
  dir: config.direction,
289
+ "data-role": col.type === 'checkbox' ? 'checkbox' : undefined,
218
290
  onClick: props.onCellClick ? function () {
219
291
  return handleCellClick(data[i].data, i);
220
292
  } : undefined,
@@ -251,6 +323,17 @@ var Tr = function Tr(props) {
251
323
  }
252
324
  }
253
325
  };
326
+ var preventClasses = [jssStyle === null || jssStyle === void 0 || (_jssStyle$input = jssStyle.input) === null || _jssStyle$input === void 0 ? void 0 : _jssStyle$input.call(jssStyle).wrapper, jssStyle === null || jssStyle === void 0 || (_jssStyle$select = jssStyle.select) === null || _jssStyle$select === void 0 ? void 0 : _jssStyle$select.call(jssStyle).wrapper, jssStyle === null || jssStyle === void 0 || (_jssStyle$datePicker = jssStyle.datePicker) === null || _jssStyle$datePicker === void 0 ? void 0 : _jssStyle$datePicker.call(jssStyle).wrapper, jssStyle === null || jssStyle === void 0 || (_jssStyle$treeSelect = jssStyle.treeSelect) === null || _jssStyle$treeSelect === void 0 ? void 0 : _jssStyle$treeSelect.call(jssStyle).wrapper, jssStyle === null || jssStyle === void 0 || (_jssStyle$switch = jssStyle.switch) === null || _jssStyle$switch === void 0 ? void 0 : _jssStyle$switch.call(jssStyle).wrapper, jssStyle === null || jssStyle === void 0 || (_jssStyle$checkbox = jssStyle.checkbox) === null || _jssStyle$checkbox === void 0 ? void 0 : _jssStyle$checkbox.call(jssStyle).wrapper, jssStyle === null || jssStyle === void 0 || (_jssStyle$radio = jssStyle.radio) === null || _jssStyle$radio === void 0 ? void 0 : _jssStyle$radio.call(jssStyle).wrapper, jssStyle === null || jssStyle === void 0 || (_jssStyle$cascader = jssStyle.cascader) === null || _jssStyle$cascader === void 0 ? void 0 : _jssStyle$cascader.call(jssStyle).wrapper];
327
+ var isNotExpandableElement = function isNotExpandableElement(el) {
328
+ var tagName = el.tagName;
329
+ if (tagName === 'TD' || tagName === 'TR') return false;
330
+ if (tagName === 'A' || tagName === 'BUTTON' || tagName === 'INPUT') return true;
331
+ if (preventClasses.find(function (c) {
332
+ return el.classList.contains(c);
333
+ })) return true;
334
+ if (!el.parentElement) return true;
335
+ return isNotExpandableElement(el.parentElement);
336
+ };
254
337
  var handleRowClick = (0, _hooks.usePersistFn)(function (e) {
255
338
  var target = e.target;
256
339
  var _props$rowClickAttr = props.rowClickAttr,
@@ -271,6 +354,7 @@ var Tr = function Tr(props) {
271
354
  }
272
355
  }
273
356
  }
357
+ if (isNotExpandableElement(target)) return;
274
358
  if (props.rowClickExpand) {
275
359
  props.handleExpandClick(props.expandCol, props.rawData, props.rowIndex);
276
360
  }
@@ -1 +1 @@
1
- {"version":3,"file":"absolute-context.d.ts","sourceRoot":"","sources":["absolute-context.tsx"],"names":[],"mappings":";AAIA,QAAA,MAAM,eAAe,kCAAgC,CAAC;AAEtD,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"absolute-context.d.ts","sourceRoot":"","sources":["absolute-context.tsx"],"names":[],"mappings":";AAIA,QAAA,MAAM,eAAe,kCAAgC,CAAC;AAItD,eAAe,eAAe,CAAC"}
@@ -2,4 +2,5 @@
2
2
 
3
3
  import { createContext } from 'react';
4
4
  var AbsoluteContext = /*#__PURE__*/createContext(false);
5
+ AbsoluteContext.displayName = 'AbsoluteContext';
5
6
  export default AbsoluteContext;
package/esm/card/card.js CHANGED
@@ -22,7 +22,9 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
22
22
  var Card = function Card(props) {
23
23
  var _props$jssStyle, _props$jssStyle$card, _props$id;
24
24
  var _props$style = props.style,
25
- style = _props$style === void 0 ? {} : _props$style;
25
+ style = _props$style === void 0 ? {} : _props$style,
26
+ _props$defaultCollaps = props.defaultCollapsed,
27
+ defaultCollapsed = _props$defaultCollaps === void 0 ? true : _props$defaultCollaps;
26
28
  var cardClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 || (_props$jssStyle$card = _props$jssStyle.card) === null || _props$jssStyle$card === void 0 ? void 0 : _props$jssStyle$card.call(_props$jssStyle);
27
29
  var panelRef = useRef(null);
28
30
  var forceUpdate = useRender();
@@ -30,7 +32,7 @@ var Card = function Card(props) {
30
32
  id: undefined
31
33
  }),
32
34
  context = _useRef.current;
33
- var _useState = useState(props.defaultCollapsed),
35
+ var _useState = useState(defaultCollapsed),
34
36
  _useState2 = _slicedToArray(_useState, 2),
35
37
  collapsed = _useState2[0],
36
38
  setCollapsed = _useState2[1];
@@ -1 +1 @@
1
- {"version":3,"file":"item.d.ts","sourceRoot":"","sources":["item.tsx"],"names":[],"mappings":";AAOA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEtD,QAAA,MAAM,IAAI,kDAyCT,CAAC;AAEF,eAAe,IAAI,CAAC"}
1
+ {"version":3,"file":"item.d.ts","sourceRoot":"","sources":["item.tsx"],"names":[],"mappings":";AAOA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEtD,QAAA,MAAM,IAAI,kDAkDT,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -1,5 +1,11 @@
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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
3
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
4
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
5
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
6
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
1
7
  import React, { useContext } from 'react';
2
- import { usePersistFn } from '@sheinx/hooks';
8
+ import { useInView, usePersistFn } from '@sheinx/hooks';
3
9
  import classNames from 'classnames';
4
10
  import { CardGroupContext } from "./card-group-context";
5
11
  import Lazyload from "./lazyload";
@@ -12,6 +18,13 @@ var Item = function Item(props) {
12
18
  var _useContext = useContext(CardGroupContext),
13
19
  container = _useContext.container;
14
20
  var classes = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 || (_props$jssStyle$cardG = _props$jssStyle.cardGroup) === null || _props$jssStyle$cardG === void 0 ? void 0 : _props$jssStyle$cardG.call(_props$jssStyle);
21
+ var _useInView = useInView({
22
+ rootMargin: "".concat((container === null || container === void 0 ? void 0 : container.offsetHeight) || 500, "px"),
23
+ root: container,
24
+ threshold: [0, 1]
25
+ }),
26
+ itemRef = _useInView.ref,
27
+ isInView = _useInView.isInView;
15
28
  var handleChange = usePersistFn(function (_, checked) {
16
29
  if (props.onChange) props.onChange(checked, props.value);
17
30
  });
@@ -21,6 +34,7 @@ var Item = function Item(props) {
21
34
  return /*#__PURE__*/_jsx(Lazyload, {
22
35
  container: container,
23
36
  placeholder: props.placeholder,
37
+ isInView: isInView,
24
38
  children: content
25
39
  });
26
40
  };
@@ -35,9 +49,14 @@ var Item = function Item(props) {
35
49
  className: classes === null || classes === void 0 ? void 0 : classes.checkbox
36
50
  })]
37
51
  });
52
+ var hiddenStyle = isInView ? undefined : {
53
+ visibility: 'hidden'
54
+ };
55
+ var itemStyle = _objectSpread(_objectSpread({}, props.style), hiddenStyle);
38
56
  return /*#__PURE__*/_jsx("div", {
57
+ ref: itemRef,
39
58
  className: cls,
40
- style: props.style,
59
+ style: itemStyle,
41
60
  children: renderChildren(content)
42
61
  });
43
62
  };
@@ -4,6 +4,7 @@ export interface LazyloadProps {
4
4
  placeholder?: React.ReactNode;
5
5
  container?: HTMLElement;
6
6
  offset?: number;
7
+ isInView?: boolean;
7
8
  }
8
9
  declare const Lazyload: (props: LazyloadProps) => JSX.Element;
9
10
  export default Lazyload;
@@ -1 +1 @@
1
- {"version":3,"file":"lazyload.d.ts","sourceRoot":"","sources":["lazyload.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,QAAQ,UAAW,aAAa,gBAyBrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"lazyload.d.ts","sourceRoot":"","sources":["lazyload.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,QAAQ,UAAW,aAAa,gBAyBrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
@@ -30,7 +30,7 @@ var Lazyload = function Lazyload(props) {
30
30
  removeStack(lazyId);
31
31
  };
32
32
  }, []);
33
- if (ready) return /*#__PURE__*/_jsx(_Fragment, {
33
+ if (ready && props.isInView) return /*#__PURE__*/_jsx(_Fragment, {
34
34
  children: props.children
35
35
  });
36
36
  return /*#__PURE__*/_jsx("span", {
@@ -1 +1 @@
1
- {"version":3,"file":"node.d.ts","sourceRoot":"","sources":["node.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAQ,MAAM,eAAe,CAAC;AAEnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAOhD,QAAA,MAAM,YAAY,oGA2HjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"node.d.ts","sourceRoot":"","sources":["node.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAQ,MAAM,eAAe,CAAC;AAEnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAOhD,QAAA,MAAM,YAAY,oGA6HjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
@@ -75,12 +75,13 @@ var CascaderNode = function CascaderNode(props) {
75
75
  var checked = datum.getChecked(id);
76
76
  handleChange(null, !checked);
77
77
  };
78
+ var isHoverAble = expandTrigger === 'hover' || expandTrigger === 'hover-only';
78
79
  var getEvents = function getEvents() {
79
80
  var events = {};
80
81
  if (expandTrigger !== 'hover-only' || !hasChildren) {
81
82
  if (!isDisabled || props.mode === 4) events.onClick = handleClick;
82
83
  }
83
- if (expandTrigger === 'hover' || expandTrigger === 'hover-only') {
84
+ if (isHoverAble) {
84
85
  events.onMouseEnter = handlePathChange;
85
86
  if (multiple) events.onClick = handleSelect;
86
87
  }
@@ -126,7 +127,7 @@ var CascaderNode = function CascaderNode(props) {
126
127
  className: styles.optionCheckbox,
127
128
  checked: datum.getChecked(id),
128
129
  disabled: isDisabled,
129
- onChange: handleChange
130
+ onChange: isHoverAble && multiple ? undefined : handleChange
130
131
  }), renderContent(), renderIcon()]
131
132
  })
132
133
  }));
@@ -1 +1 @@
1
- {"version":3,"file":"use-with-form-config.d.ts","sourceRoot":"","sources":["use-with-form-config.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,oBAS7B,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
1
+ {"version":3,"file":"use-with-form-config.d.ts","sourceRoot":"","sources":["use-with-form-config.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,oBAW7B,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
@@ -6,12 +6,15 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
6
6
  function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
7
7
  import { useFormConfig } from '@sheinx/hooks';
8
8
  export var useWithFormConfig = function useWithFormConfig(props) {
9
+ var _reserveAble;
9
10
  var formConfig = useFormConfig();
10
11
  var size = (props === null || props === void 0 ? void 0 : props.size) || formConfig.size;
11
12
  var disabled = formConfig.disabled || (props === null || props === void 0 ? void 0 : props.disabled);
13
+ var reserveAble = (_reserveAble = props === null || props === void 0 ? void 0 : props.reserveAble) !== null && _reserveAble !== void 0 ? _reserveAble : formConfig.reserveAble;
12
14
  return _objectSpread(_objectSpread({}, props), {}, {
13
15
  size: size,
14
- disabled: disabled
16
+ disabled: disabled,
17
+ reserveAble: reserveAble
15
18
  });
16
19
  };
17
20
  export default useWithFormConfig;
@@ -1 +1 @@
1
- {"version":3,"file":"form.d.ts","sourceRoot":"","sources":["form.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,QAAA,MAAM,IAAI,4DAiFT,CAAC;AAEF,eAAe,IAAI,CAAC"}
1
+ {"version":3,"file":"form.d.ts","sourceRoot":"","sources":["form.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,QAAA,MAAM,IAAI,4DA0FT,CAAC;AAEF,eAAe,IAAI,CAAC"}
package/esm/form/form.js CHANGED
@@ -7,7 +7,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
7
7
  function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
8
8
  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; }
9
9
  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; }
10
- import { useForm, useInputAble, useLatestObj, usePersistFn } from '@sheinx/hooks';
10
+ import { FormContext, useForm, useInputAble, useLatestObj, usePersistFn } from '@sheinx/hooks';
11
11
  import classNames from 'classnames';
12
12
  import { useFormFooter } from "./form-footer-context";
13
13
  import React, { useEffect } from 'react';
@@ -65,6 +65,9 @@ var Form = function Form(props) {
65
65
  formRef.current = formRefObj;
66
66
  }
67
67
  }
68
+ if (props.setForm) {
69
+ props.setForm(formRefObj);
70
+ }
68
71
  }, [formRefObj]);
69
72
  var handleFormModalInfo = function handleFormModalInfo() {
70
73
  var status = undefined;
@@ -90,7 +93,10 @@ var Form = function Form(props) {
90
93
  style: style
91
94
  })), {}, {
92
95
  children: /*#__PURE__*/_jsx(Provider, _objectSpread(_objectSpread({}, ProviderProps), {}, {
93
- children: children
96
+ children: /*#__PURE__*/_jsx(FormContext.Provider, {
97
+ value: formRefObj,
98
+ children: children
99
+ })
94
100
  }))
95
101
  }));
96
102
  };
@@ -72,6 +72,11 @@ export interface FormProps<V extends ObjectType> extends Partial<BaseFormProps<V
72
72
  formRef?: ((form: FormRef<V>) => void) | {
73
73
  current?: FormRef<V>;
74
74
  };
75
+ /**
76
+ * @en When using hooks, set the form ref
77
+ * @cn hooks用法下,设置 form 的引用
78
+ */
79
+ setForm?: (form: FormRef<V>) => void;
75
80
  /**
76
81
  * @deprecated 废弃属性
77
82
  */
@@ -1 +1 @@
1
- {"version":3,"file":"form.type.d.ts","sourceRoot":"","sources":["form.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,OAAO,CAAC,KAAK;IAC5B;;;OAGG;IACH,QAAQ,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,GAAG,GAAG,KAAK,CAAC;IACzC;;;OAGG;IACH,QAAQ,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC;IAC7B;;;OAGG;IACH,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IAC5D;;;OAGG;IACH,uBAAuB,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IACrE;;;OAGG;IACH,aAAa,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C;;;OAGG;IACH,MAAM,EAAE,CAAC,YAAY,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC;;;OAGG;IACH,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB;;;OAGG;IACH,GAAG,EAAE,CAAC,KAAK,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,KAAK,IAAI,CAAC;CAC9C;AACD,MAAM,WAAW,SAAS,CAAC,CAAC,SAAS,UAAU,CAC7C,SAAQ,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,EAC/B,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IACzC,QAAQ,EAAE;QACR,IAAI,CAAC,EAAE,MAAM,WAAW,CAAC;KAC1B,CAAC;IACF;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACjC;;;;OAIG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,GAAG;QAAE,OAAO,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAA;KAAE,CAAC;IAClE;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;;AACD,wBAAkB"}
1
+ {"version":3,"file":"form.type.d.ts","sourceRoot":"","sources":["form.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,OAAO,CAAC,KAAK;IAC5B;;;OAGG;IACH,QAAQ,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,GAAG,GAAG,KAAK,CAAC;IACzC;;;OAGG;IACH,QAAQ,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC;IAC7B;;;OAGG;IACH,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IAC5D;;;OAGG;IACH,uBAAuB,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IACrE;;;OAGG;IACH,aAAa,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C;;;OAGG;IACH,MAAM,EAAE,CAAC,YAAY,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC;;;OAGG;IACH,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB;;;OAGG;IACH,GAAG,EAAE,CAAC,KAAK,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,KAAK,IAAI,CAAC;CAC9C;AACD,MAAM,WAAW,SAAS,CAAC,CAAC,SAAS,UAAU,CAC7C,SAAQ,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,EAC/B,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IACzC,QAAQ,EAAE;QACR,IAAI,CAAC,EAAE,MAAM,WAAW,CAAC;KAC1B,CAAC;IACF;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACjC;;;;OAIG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,GAAG;QAAE,OAAO,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAA;KAAE,CAAC;IAElE;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACrC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;;AACD,wBAAkB"}
@@ -19,6 +19,16 @@ export interface LinkProps extends Pick<CommonType, 'className' | 'style'>, Reac
19
19
  jssStyle?: {
20
20
  link?: () => LinkClasses;
21
21
  };
22
+ /**
23
+ * @cn 链接地址
24
+ * @en Link address
25
+ */
26
+ href?: string;
27
+ /**
28
+ * @cn 链接打开方式
29
+ * @en Link target
30
+ */
31
+ target?: '_blank' | '_self' | '_parent' | '_top';
22
32
  /**
23
33
  * @cn 是否禁用
24
34
  * @en Whether the link is disabled
@@ -1 +1 @@
1
- {"version":3,"file":"link.type.d.ts","sourceRoot":"","sources":["link.type.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAG5C,MAAM,MAAM,QAAQ,GAAI,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAA;AAElF,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IAEvB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAElB,QAAQ,EAAE,MAAM,CAAC;IAEjB,IAAI,EAAE,MAAM,CAAC;IAEb,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC,EAC/C,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC3C,QAAQ,CAAC,EAAE;QACP,IAAI,CAAC,EAAE,MAAM,WAAW,CAAC;KAC5B,CAAC;IAEF;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAE9B;;;;OAIG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAA;IAEf;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;IAErC;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC;CACpC"}
1
+ {"version":3,"file":"link.type.d.ts","sourceRoot":"","sources":["link.type.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAG5C,MAAM,MAAM,QAAQ,GAAI,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAA;AAElF,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IAEvB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAElB,QAAQ,EAAE,MAAM,CAAC;IAEjB,IAAI,EAAE,MAAM,CAAC;IAEb,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC,EAC/C,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC3C,QAAQ,CAAC,EAAE;QACP,IAAI,CAAC,EAAE,MAAM,WAAW,CAAC;KAC5B,CAAC;IAEF;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAEjD;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAE9B;;;;OAIG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAA;IAEf;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;IAErC;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC;CACpC"}
@@ -2,6 +2,7 @@ import React from 'react';
2
2
  import { CommonType } from '../common/type';
3
3
  import { ButtonJssStyle } from '../button/button.type';
4
4
  import { AlertJssStyle } from '../alert/alert.type';
5
+ import { SpinStyle } from '../spin/spin.type';
5
6
  export type Methods = 'success' | 'info' | 'warning' | 'error' | 'confirm' | 'normal';
6
7
  export interface ModalClasses {
7
8
  wrapper: string;
@@ -33,7 +34,7 @@ export interface ModalClasses {
33
34
  resizeY: string;
34
35
  resizeXY: string;
35
36
  }
36
- export interface ModalJssStyle extends ButtonJssStyle, AlertJssStyle {
37
+ export interface ModalJssStyle extends ButtonJssStyle, AlertJssStyle, SpinStyle {
37
38
  modal?: () => ModalClasses;
38
39
  }
39
40
  export interface ModalProps extends Pick<CommonType, 'className' | 'style'> {
@@ -1 +1 @@
1
- {"version":3,"file":"modal.type.d.ts","sourceRoot":"","sources":["modal.type.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"modal.type.d.ts","sourceRoot":"","sources":["modal.type.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"pagination-size-list.d.ts","sourceRoot":"","sources":["pagination-size-list.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAGtE,QAAA,MAAM,kBAAkB,UAAW,uBAAuB,gBAqCzD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
1
+ {"version":3,"file":"pagination-size-list.d.ts","sourceRoot":"","sources":["pagination-size-list.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAGtE,QAAA,MAAM,kBAAkB,UAAW,uBAAuB,gBA0CzD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
@@ -10,10 +10,15 @@ var PaginationSizeList = function PaginationSizeList(props) {
10
10
  pageSizeList = _props$pageSizeList === void 0 ? [10, 20, 30, 50, 100] : _props$pageSizeList,
11
11
  text = props.text,
12
12
  size = props.size,
13
+ select = props.select,
13
14
  pageSize = props.pageSize,
14
15
  onChange = props.onChange;
15
16
  var paginationStyle = jssStyle === null || jssStyle === void 0 || (_jssStyle$pagination = jssStyle.pagination) === null || _jssStyle$pagination === void 0 ? void 0 : _jssStyle$pagination.call(jssStyle);
16
17
  var rootClasses = classNames(paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.section, paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.sizeList);
18
+ var _ref = select || {},
19
+ absolute = _ref.absolute,
20
+ position = _ref.position,
21
+ zIndex = _ref.zIndex;
17
22
  var handleChange = function handleChange(pageSize) {
18
23
  var start = (current - 1) * props.pageSize + 1;
19
24
  onChange(Math.ceil(start / pageSize), pageSize);
@@ -23,7 +28,9 @@ var PaginationSizeList = function PaginationSizeList(props) {
23
28
  children: /*#__PURE__*/_jsx(Select, {
24
29
  jssStyle: jssStyle,
25
30
  disabled: disabled,
26
- absolute: true,
31
+ zIndex: zIndex || undefined,
32
+ absolute: absolute || true,
33
+ position: position || undefined,
27
34
  autoAdapt: true,
28
35
  keygen: true,
29
36
  size: size,
@@ -1,5 +1,5 @@
1
1
  import { PaginationJssStyle, PaginationProps, TextParams } from './pagination.type';
2
- export interface PaginationSizeListProps extends Pick<PaginationProps, 'pageSizeList' | 'size' | 'disabled'> {
2
+ export interface PaginationSizeListProps extends Pick<PaginationProps, 'pageSizeList' | 'size' | 'disabled' | 'select'> {
3
3
  jssStyle?: PaginationJssStyle;
4
4
  current: number;
5
5
  total: number;
@@ -1 +1 @@
1
- {"version":3,"file":"pagination-size-list.type.d.ts","sourceRoot":"","sources":["pagination-size-list.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEpF,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,eAAe,EAAE,cAAc,GAAG,MAAM,GAAG,UAAU,CAAC;IACnE,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACxD"}
1
+ {"version":3,"file":"pagination-size-list.type.d.ts","sourceRoot":"","sources":["pagination-size-list.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEpF,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,eAAe,EAAE,cAAc,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC9E,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACxD"}
@@ -1 +1 @@
1
- {"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["pagination.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,QAAA,MAAM,UAAU,UAAW,eAAe,gBA0IzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["pagination.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,QAAA,MAAM,UAAU,UAAW,eAAe,gBA4IzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
@@ -37,7 +37,8 @@ var Pagination = function Pagination(props) {
37
37
  _props$text = props.text,
38
38
  text = _props$text === void 0 ? {} : _props$text,
39
39
  pageSizeList = props.pageSizeList,
40
- style = props.style;
40
+ style = props.style,
41
+ select = props.select;
41
42
  var _usePagination = usePagination({
42
43
  total: total,
43
44
  span: span,
@@ -102,6 +103,7 @@ var Pagination = function Pagination(props) {
102
103
  total: props.total || 0,
103
104
  text: text,
104
105
  size: size,
106
+ select: select,
105
107
  current: current || 0,
106
108
  pageSize: pageSize,
107
109
  pageSizeList: pageSizeList,
@@ -3,6 +3,7 @@ import { ButtonClasses } from '../button/button.type';
3
3
  import { SelectClasses } from '../select/select.type';
4
4
  import { InputClasses } from '../input/input.type';
5
5
  import { CommonType } from '../common/type';
6
+ import { AbsoluteListProps } from '../absolute-list/absolute-list.type';
6
7
  export type AlignType = 'left' | 'center' | 'right';
7
8
  export type LayoutType = ('links' | 'list' | 'jumper' | 'simple' | ((props: PaginationProps) => React.ReactNode))[];
8
9
  export interface PaginationJssStyle {
@@ -11,6 +12,14 @@ export interface PaginationJssStyle {
11
12
  button?: () => ButtonClasses;
12
13
  pagination?: () => PaginationClasses;
13
14
  }
15
+ export interface SelectProps extends Pick<AbsoluteListProps, 'absolute' | 'zIndex'> {
16
+ /**
17
+ * @en Set Position can control the different position of DatePicker
18
+ * @cn 弹出框位置
19
+ * @default auto
20
+ */
21
+ position?: 'auto' | 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
22
+ }
14
23
  export interface PaginationClasses {
15
24
  pagination: string;
16
25
  section: string;
@@ -110,5 +119,11 @@ export interface PaginationProps extends Pick<CommonType, 'style' | 'className'
110
119
  */
111
120
  simple?: boolean;
112
121
  jssStyle?: PaginationJssStyle;
122
+ /**
123
+ * @en Configuration of Select component in Pagination, currently supports absolute, position and zIndex, same as Select
124
+ * @cn 分页器有关 Select 组件的配置,目前支持 absolute、position 和 zIndex,类型同 Select 组件
125
+ * @version 3.4.4
126
+ */
127
+ select?: SelectProps;
113
128
  }
114
129
  //# sourceMappingURL=pagination.type.d.ts.map