@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.
- package/cjs/absolute-list/absolute-context.d.ts.map +1 -1
- package/cjs/absolute-list/absolute-context.js +1 -0
- package/cjs/card/card.js +4 -2
- package/cjs/card-group/item.d.ts.map +1 -1
- package/cjs/card-group/item.js +20 -2
- package/cjs/card-group/lazyload.d.ts +1 -0
- package/cjs/card-group/lazyload.d.ts.map +1 -1
- package/cjs/card-group/lazyload.js +1 -1
- package/cjs/cascader/node.d.ts.map +1 -1
- package/cjs/cascader/node.js +3 -2
- package/cjs/common/use-with-form-config.d.ts.map +1 -1
- package/cjs/common/use-with-form-config.js +4 -1
- package/cjs/form/form.d.ts.map +1 -1
- package/cjs/form/form.js +7 -1
- package/cjs/form/form.type.d.ts +5 -0
- package/cjs/form/form.type.d.ts.map +1 -1
- package/cjs/link/link.type.d.ts +10 -0
- package/cjs/link/link.type.d.ts.map +1 -1
- package/cjs/modal/modal.type.d.ts +2 -1
- package/cjs/modal/modal.type.d.ts.map +1 -1
- package/cjs/pagination/pagination-size-list.d.ts.map +1 -1
- package/cjs/pagination/pagination-size-list.js +8 -1
- package/cjs/pagination/pagination-size-list.type.d.ts +1 -1
- package/cjs/pagination/pagination-size-list.type.d.ts.map +1 -1
- package/cjs/pagination/pagination.d.ts.map +1 -1
- package/cjs/pagination/pagination.js +3 -1
- package/cjs/pagination/pagination.type.d.ts +15 -0
- package/cjs/pagination/pagination.type.d.ts.map +1 -1
- package/cjs/radio/radio-group.d.ts.map +1 -1
- package/cjs/radio/radio-group.js +6 -6
- package/cjs/select/result.d.ts.map +1 -1
- package/cjs/select/result.js +9 -4
- package/cjs/spin/base.js +2 -1
- package/cjs/spin/spin.js +2 -1
- package/cjs/spin/spin.type.d.ts +2 -2
- package/cjs/spin/spin.type.d.ts.map +1 -1
- package/cjs/spin/spins.js +13 -13
- package/cjs/table/colgroup.d.ts +1 -0
- package/cjs/table/colgroup.d.ts.map +1 -1
- package/cjs/table/colgroup.js +9 -3
- package/cjs/table/table.d.ts.map +1 -1
- package/cjs/table/table.js +6 -6
- package/cjs/table/table.type.d.ts +13 -3
- package/cjs/table/table.type.d.ts.map +1 -1
- package/cjs/table/tbody.d.ts.map +1 -1
- package/cjs/table/tbody.js +3 -1
- package/cjs/table/tbody.type.d.ts +1 -1
- package/cjs/table/tbody.type.d.ts.map +1 -1
- package/cjs/table/thead.d.ts.map +1 -1
- package/cjs/table/thead.js +26 -3
- package/cjs/table/tr.d.ts +1 -1
- package/cjs/table/tr.d.ts.map +1 -1
- package/cjs/table/tr.js +99 -15
- package/esm/absolute-list/absolute-context.d.ts.map +1 -1
- package/esm/absolute-list/absolute-context.js +1 -0
- package/esm/card/card.js +4 -2
- package/esm/card-group/item.d.ts.map +1 -1
- package/esm/card-group/item.js +21 -2
- package/esm/card-group/lazyload.d.ts +1 -0
- package/esm/card-group/lazyload.d.ts.map +1 -1
- package/esm/card-group/lazyload.js +1 -1
- package/esm/cascader/node.d.ts.map +1 -1
- package/esm/cascader/node.js +3 -2
- package/esm/common/use-with-form-config.d.ts.map +1 -1
- package/esm/common/use-with-form-config.js +4 -1
- package/esm/form/form.d.ts.map +1 -1
- package/esm/form/form.js +8 -2
- package/esm/form/form.type.d.ts +5 -0
- package/esm/form/form.type.d.ts.map +1 -1
- package/esm/link/link.type.d.ts +10 -0
- package/esm/link/link.type.d.ts.map +1 -1
- package/esm/modal/modal.type.d.ts +2 -1
- package/esm/modal/modal.type.d.ts.map +1 -1
- package/esm/pagination/pagination-size-list.d.ts.map +1 -1
- package/esm/pagination/pagination-size-list.js +8 -1
- package/esm/pagination/pagination-size-list.type.d.ts +1 -1
- package/esm/pagination/pagination-size-list.type.d.ts.map +1 -1
- package/esm/pagination/pagination.d.ts.map +1 -1
- package/esm/pagination/pagination.js +3 -1
- package/esm/pagination/pagination.type.d.ts +15 -0
- package/esm/pagination/pagination.type.d.ts.map +1 -1
- package/esm/radio/radio-group.d.ts.map +1 -1
- package/esm/radio/radio-group.js +6 -6
- package/esm/select/result.d.ts.map +1 -1
- package/esm/select/result.js +9 -4
- package/esm/spin/base.js +2 -1
- package/esm/spin/spin.js +2 -1
- package/esm/spin/spin.type.d.ts +2 -2
- package/esm/spin/spin.type.d.ts.map +1 -1
- package/esm/spin/spins.js +13 -13
- package/esm/table/colgroup.d.ts +1 -0
- package/esm/table/colgroup.d.ts.map +1 -1
- package/esm/table/colgroup.js +9 -3
- package/esm/table/table.d.ts.map +1 -1
- package/esm/table/table.js +6 -6
- package/esm/table/table.type.d.ts +13 -3
- package/esm/table/table.type.d.ts.map +1 -1
- package/esm/table/tbody.d.ts.map +1 -1
- package/esm/table/tbody.js +3 -1
- package/esm/table/tbody.type.d.ts +1 -1
- package/esm/table/tbody.type.d.ts.map +1 -1
- package/esm/table/thead.d.ts.map +1 -1
- package/esm/table/thead.js +27 -4
- package/esm/table/tr.d.ts +1 -1
- package/esm/table/tr.d.ts.map +1 -1
- package/esm/table/tr.js +100 -16
- 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
|
-
|
|
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
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
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
|
-
|
|
181
|
+
return innerExpandClick(showLoader);
|
|
119
182
|
},
|
|
120
|
-
children:
|
|
183
|
+
children: $expandIcon
|
|
121
184
|
})
|
|
122
|
-
})
|
|
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;
|
|
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"}
|
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(
|
|
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,
|
|
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"}
|
package/esm/card-group/item.js
CHANGED
|
@@ -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:
|
|
59
|
+
style: itemStyle,
|
|
41
60
|
children: renderChildren(content)
|
|
42
61
|
});
|
|
43
62
|
};
|
|
@@ -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;
|
|
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,
|
|
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"}
|
package/esm/cascader/node.js
CHANGED
|
@@ -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 (
|
|
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,
|
|
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;
|
package/esm/form/form.d.ts.map
CHANGED
|
@@ -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,
|
|
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:
|
|
96
|
+
children: /*#__PURE__*/_jsx(FormContext.Provider, {
|
|
97
|
+
value: formRefObj,
|
|
98
|
+
children: children
|
|
99
|
+
})
|
|
94
100
|
}))
|
|
95
101
|
}));
|
|
96
102
|
};
|
package/esm/form/form.type.d.ts
CHANGED
|
@@ -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;
|
|
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"}
|
package/esm/link/link.type.d.ts
CHANGED
|
@@ -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":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;
|
|
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,
|
|
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
|
-
|
|
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;
|
|
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,
|
|
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
|