@lemon-fe/components 1.3.0-alpha.1 → 1.3.0
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/es/data-grid/components/custom-panel/index.js +12 -4
- package/es/data-grid/components/custom-panel/item.js +9 -44
- package/es/data-grid/components/custom-panel/typings.d.ts +2 -0
- package/es/data-grid/components/search.js +2 -1
- package/es/data-grid/index.d.ts +1 -1
- package/es/data-grid/index.js +8 -5
- package/es/data-grid/typings.d.ts +4 -0
- package/es/filter/fields-config.d.ts +24 -0
- package/es/filter/fields-config.js +261 -0
- package/es/filter/index.d.ts +1 -1
- package/es/filter/index.js +415 -200
- package/es/filter/index.less +84 -5
- package/es/filter/locale/en_US.js +9 -2
- package/es/filter/locale/locale.d.ts +8 -1
- package/es/filter/locale/zh_CN.js +9 -2
- package/es/filter/typings.d.ts +32 -1
- package/es/index.d.ts +1 -1
- package/es/select-view/index.d.ts +12 -1
- package/es/select-view/index.js +25 -14
- package/package.json +4 -4
package/es/filter/index.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
|
-
function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
|
|
3
|
-
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
|
4
|
-
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
|
|
5
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; }
|
|
6
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; }
|
|
7
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; }
|
|
8
5
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
9
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
|
+
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; }
|
|
8
|
+
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); } }
|
|
9
|
+
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); }); }; }
|
|
10
10
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
11
11
|
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
12
12
|
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
@@ -18,12 +18,11 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
|
|
|
18
18
|
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; } }
|
|
19
19
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
20
20
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
21
|
-
import { Button,
|
|
22
|
-
import React, { useEffect, useMemo, useState } from 'react';
|
|
21
|
+
import { Button, Form, Input, Space, Typography } from 'antd';
|
|
22
|
+
import React, { useCallback, useEffect, useMemo, useState } from 'react';
|
|
23
23
|
import { useComponentDefaultProps } from "../component-configure";
|
|
24
24
|
import Dropdown from "../dropdown";
|
|
25
25
|
import DurationPicker from "../duration-picker";
|
|
26
|
-
import Empty from "../empty";
|
|
27
26
|
import FormLayout from "../form-layout";
|
|
28
27
|
import Icons from "../icons";
|
|
29
28
|
import InputNumber from "../input-number";
|
|
@@ -32,9 +31,9 @@ import { parseLocalTemplate } from "../locale/locale";
|
|
|
32
31
|
import message from "../message";
|
|
33
32
|
import Modal from "../modal";
|
|
34
33
|
import Select from "../select";
|
|
35
|
-
import TabBar from "../tab-bar";
|
|
36
34
|
import { mergeProp, prefixClassName } from "../utils";
|
|
37
|
-
import
|
|
35
|
+
import FieldsConfig from "./fields-config";
|
|
36
|
+
import { useRequest, useUpdateEffect } from '@lemon-fe/hooks';
|
|
38
37
|
import classNames from 'classnames';
|
|
39
38
|
import ResizeObserver from 'rc-resize-observer';
|
|
40
39
|
var getInitComponents = function getInitComponents(locale) {
|
|
@@ -84,7 +83,7 @@ var getStorageData = function getData(storageKey) {
|
|
|
84
83
|
var setStorageData = function setData(storageKey, data, action) {
|
|
85
84
|
localStorage.setItem("filter-storage-".concat(storageKey), JSON.stringify(data));
|
|
86
85
|
};
|
|
87
|
-
var
|
|
86
|
+
var DEFAULT_TAB_ALIAS = '$$default';
|
|
88
87
|
function setComponents(items) {
|
|
89
88
|
externalComponents = items;
|
|
90
89
|
}
|
|
@@ -114,7 +113,9 @@ function Filter(originalProps) {
|
|
|
114
113
|
componentOptions = props.componentOptions,
|
|
115
114
|
_props$filterDependen = props.filterDependencies,
|
|
116
115
|
filterDependencies = _props$filterDependen === void 0 ? [] : _props$filterDependen,
|
|
117
|
-
formProp = props.form
|
|
116
|
+
formProp = props.form,
|
|
117
|
+
storage = props.storage,
|
|
118
|
+
enableFieldsConfig = props.enableFieldsConfig;
|
|
118
119
|
var prefix = prefixClassName('filter');
|
|
119
120
|
var _useLocaleReceiver = useLocaleReceiver('Filter'),
|
|
120
121
|
_useLocaleReceiver2 = _slicedToArray(_useLocaleReceiver, 1),
|
|
@@ -127,12 +128,6 @@ function Filter(originalProps) {
|
|
|
127
128
|
var defaultValue = useMemo(function () {
|
|
128
129
|
return defaultValueProp || value;
|
|
129
130
|
}, []);
|
|
130
|
-
var defaultKeys = useMemo(function () {
|
|
131
|
-
if (defaultActiveKeys) {
|
|
132
|
-
return new Set(defaultActiveKeys);
|
|
133
|
-
}
|
|
134
|
-
return null;
|
|
135
|
-
}, []);
|
|
136
131
|
var components = useMemo(function () {
|
|
137
132
|
var initialComponents = getInitComponents(filterLocale);
|
|
138
133
|
var compMap = new Map(initialComponents.map(function (item) {
|
|
@@ -154,56 +149,54 @@ function Filter(originalProps) {
|
|
|
154
149
|
}
|
|
155
150
|
return result;
|
|
156
151
|
}, [componentOptions]);
|
|
157
|
-
var
|
|
152
|
+
var defaultTab = useMemo(function () {
|
|
153
|
+
var result = {
|
|
154
|
+
title: DEFAULT_TAB_ALIAS,
|
|
155
|
+
value: defaultValue || value,
|
|
156
|
+
fields: data.map(function (item) {
|
|
157
|
+
return {
|
|
158
|
+
key: item.key,
|
|
159
|
+
hidden: defaultActiveKeys !== undefined && !defaultActiveKeys.includes(item.key)
|
|
160
|
+
};
|
|
161
|
+
})
|
|
162
|
+
};
|
|
163
|
+
return result;
|
|
164
|
+
}, []);
|
|
165
|
+
var _useState = useState([defaultTab]),
|
|
158
166
|
_useState2 = _slicedToArray(_useState, 2),
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
var _useState3 = useState(
|
|
167
|
+
tabs = _useState2[0],
|
|
168
|
+
setTabs = _useState2[1];
|
|
169
|
+
var _useState3 = useState(0),
|
|
162
170
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
var _useState5 = useState(
|
|
166
|
-
title: filterLocale.defaultTitleText || DEFAULT_TAB_TITLE,
|
|
167
|
-
value: defaultValue || value
|
|
168
|
-
}]),
|
|
171
|
+
active = _useState4[0],
|
|
172
|
+
setActive = _useState4[1];
|
|
173
|
+
var _useState5 = useState(false),
|
|
169
174
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
var _useState7 = useState(0),
|
|
173
|
-
_useState8 = _slicedToArray(_useState7, 2),
|
|
174
|
-
active = _useState8[0],
|
|
175
|
-
setActive = _useState8[1];
|
|
176
|
-
var _useState9 = useState(false),
|
|
177
|
-
_useState10 = _slicedToArray(_useState9, 2),
|
|
178
|
-
showModal = _useState10[0],
|
|
179
|
-
setShowModal = _useState10[1];
|
|
175
|
+
showModal = _useState6[0],
|
|
176
|
+
setShowModal = _useState6[1];
|
|
180
177
|
var _Form$useForm = Form.useForm(),
|
|
181
178
|
_Form$useForm2 = _slicedToArray(_Form$useForm, 1),
|
|
182
179
|
modalForm = _Form$useForm2[0];
|
|
183
180
|
var form = mergeProp(Form.useForm()[0], formProp);
|
|
184
|
-
var
|
|
181
|
+
var _useState7 = useState(0),
|
|
182
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
183
|
+
width = _useState8[0],
|
|
184
|
+
setWidth = _useState8[1];
|
|
185
|
+
var _useState9 = useState(defaultCollapsed),
|
|
186
|
+
_useState10 = _slicedToArray(_useState9, 2),
|
|
187
|
+
collapsed = _useState10[0],
|
|
188
|
+
setCollapsed = _useState10[1];
|
|
189
|
+
var _useState11 = useState(false),
|
|
185
190
|
_useState12 = _slicedToArray(_useState11, 2),
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
var
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
}
|
|
196
|
-
return getStorageData(storageKey);
|
|
197
|
-
}, {
|
|
198
|
-
manual: false,
|
|
199
|
-
onSuccess: function onSuccess(res) {
|
|
200
|
-
if (res !== null) {
|
|
201
|
-
setTabs(function (prev) {
|
|
202
|
-
return [prev[0]].concat(_toConsumableArray(res));
|
|
203
|
-
});
|
|
204
|
-
}
|
|
205
|
-
}
|
|
206
|
-
});
|
|
191
|
+
searchesReady = _useState12[0],
|
|
192
|
+
setSearchesReady = _useState12[1];
|
|
193
|
+
var activeKeys = useMemo(function () {
|
|
194
|
+
return tabs[active].fields.filter(function (item) {
|
|
195
|
+
return !item.hidden;
|
|
196
|
+
}).map(function (item) {
|
|
197
|
+
return item.key;
|
|
198
|
+
});
|
|
199
|
+
}, [tabs, active]);
|
|
207
200
|
useEffect(function () {
|
|
208
201
|
if (value) {
|
|
209
202
|
form.setFieldsValue(value);
|
|
@@ -212,66 +205,239 @@ function Filter(originalProps) {
|
|
|
212
205
|
useUpdateEffect(function () {
|
|
213
206
|
form.submit();
|
|
214
207
|
}, filterDependencies);
|
|
215
|
-
var
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
208
|
+
var getSearches = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
209
|
+
var savedSearches, hasDefault;
|
|
210
|
+
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
211
|
+
while (1) switch (_context.prev = _context.next) {
|
|
212
|
+
case 0:
|
|
213
|
+
savedSearches = null;
|
|
214
|
+
if (!(storage && storage.get !== undefined)) {
|
|
215
|
+
_context.next = 7;
|
|
216
|
+
break;
|
|
217
|
+
}
|
|
218
|
+
_context.next = 4;
|
|
219
|
+
return storage.get();
|
|
220
|
+
case 4:
|
|
221
|
+
savedSearches = _context.sent;
|
|
222
|
+
_context.next = 12;
|
|
223
|
+
break;
|
|
224
|
+
case 7:
|
|
225
|
+
if (!storageKey) {
|
|
226
|
+
_context.next = 12;
|
|
227
|
+
break;
|
|
228
|
+
}
|
|
229
|
+
_context.next = 10;
|
|
230
|
+
return getStorageData(storageKey);
|
|
231
|
+
case 10:
|
|
232
|
+
savedSearches = _context.sent;
|
|
233
|
+
if (savedSearches !== null) {
|
|
234
|
+
hasDefault = savedSearches.find(function (item) {
|
|
235
|
+
return item.title === DEFAULT_TAB_ALIAS;
|
|
236
|
+
});
|
|
237
|
+
if (!hasDefault) {
|
|
238
|
+
savedSearches.unshift(defaultTab);
|
|
239
|
+
}
|
|
240
|
+
savedSearches = savedSearches.map(function (item) {
|
|
241
|
+
if (item.fields === undefined) {
|
|
242
|
+
item.fields = defaultTab.fields;
|
|
243
|
+
}
|
|
244
|
+
return item;
|
|
245
|
+
});
|
|
246
|
+
}
|
|
247
|
+
case 12:
|
|
248
|
+
if (savedSearches !== null && savedSearches.length > 0) {
|
|
249
|
+
/** 第一个只能设置fields */
|
|
250
|
+
savedSearches[0] = {
|
|
251
|
+
title: defaultTab.title,
|
|
252
|
+
value: defaultTab.value,
|
|
253
|
+
fields: savedSearches[0].fields,
|
|
254
|
+
key: savedSearches[0].key
|
|
255
|
+
};
|
|
256
|
+
setTabs(savedSearches);
|
|
257
|
+
}
|
|
258
|
+
case 13:
|
|
259
|
+
case "end":
|
|
260
|
+
return _context.stop();
|
|
261
|
+
}
|
|
262
|
+
}, _callee);
|
|
263
|
+
})), [storage, storageKey, defaultTab]);
|
|
264
|
+
var saveSearches = useCallback( /*#__PURE__*/function () {
|
|
265
|
+
var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(searches, action, target) {
|
|
266
|
+
var result;
|
|
267
|
+
return _regeneratorRuntime().wrap(function _callee2$(_context2) {
|
|
268
|
+
while (1) switch (_context2.prev = _context2.next) {
|
|
269
|
+
case 0:
|
|
270
|
+
if (!storage) {
|
|
271
|
+
_context2.next = 13;
|
|
272
|
+
break;
|
|
273
|
+
}
|
|
274
|
+
if (!storage.set) {
|
|
275
|
+
_context2.next = 11;
|
|
276
|
+
break;
|
|
277
|
+
}
|
|
278
|
+
_context2.prev = 2;
|
|
279
|
+
_context2.next = 5;
|
|
280
|
+
return storage.set({
|
|
281
|
+
data: searches,
|
|
282
|
+
target: target,
|
|
283
|
+
action: action
|
|
284
|
+
});
|
|
285
|
+
case 5:
|
|
286
|
+
result = _context2.sent;
|
|
287
|
+
if (result) {
|
|
288
|
+
setTabs(result);
|
|
289
|
+
}
|
|
290
|
+
_context2.next = 11;
|
|
291
|
+
break;
|
|
292
|
+
case 9:
|
|
293
|
+
_context2.prev = 9;
|
|
294
|
+
_context2.t0 = _context2["catch"](2);
|
|
295
|
+
case 11:
|
|
296
|
+
_context2.next = 14;
|
|
297
|
+
break;
|
|
298
|
+
case 13:
|
|
299
|
+
if (storageKey) {
|
|
300
|
+
setStorageData(storageKey, searches, action);
|
|
301
|
+
}
|
|
302
|
+
case 14:
|
|
303
|
+
case "end":
|
|
304
|
+
return _context2.stop();
|
|
305
|
+
}
|
|
306
|
+
}, _callee2, null, [[2, 9]]);
|
|
307
|
+
}));
|
|
308
|
+
return function (_x, _x2, _x3) {
|
|
309
|
+
return _ref2.apply(this, arguments);
|
|
310
|
+
};
|
|
311
|
+
}(), [storage, storageKey]);
|
|
312
|
+
useEffect(function () {
|
|
313
|
+
if (storage !== null && storage !== void 0 && storage.data) {
|
|
314
|
+
setTabs(storage.data);
|
|
315
|
+
}
|
|
316
|
+
}, [storage === null || storage === void 0 ? void 0 : storage.data]);
|
|
317
|
+
useRequest(function () {
|
|
318
|
+
return getSearches().finally(function () {
|
|
319
|
+
setSearchesReady(true);
|
|
219
320
|
});
|
|
220
|
-
}
|
|
321
|
+
}, {
|
|
322
|
+
manual: false
|
|
323
|
+
});
|
|
221
324
|
var handleValuesChange = function handleValuesChange(changedValues, allValues) {
|
|
222
325
|
onValuesChange === null || onValuesChange === void 0 || onValuesChange(changedValues, allValues, form);
|
|
223
326
|
};
|
|
224
|
-
var handleSave = function handleSave(
|
|
225
|
-
var title =
|
|
226
|
-
var index = tabs.findIndex(function (item) {
|
|
227
|
-
return item.title === title;
|
|
228
|
-
});
|
|
327
|
+
var handleSave = function handleSave(index) {
|
|
328
|
+
var title = tabs[index].title;
|
|
229
329
|
var next = _toConsumableArray(tabs);
|
|
230
330
|
var tab = {
|
|
231
331
|
title: title,
|
|
232
332
|
value: form.getFieldsValue()
|
|
233
333
|
};
|
|
234
|
-
|
|
235
|
-
next[index] = _objectSpread(_objectSpread({}, next[index]), tab);
|
|
236
|
-
} else {
|
|
237
|
-
index = next.length;
|
|
238
|
-
next.push(tab);
|
|
239
|
-
}
|
|
240
|
-
if (!!storageKey) {
|
|
241
|
-
setStorageData(storageKey, next.slice(1), {
|
|
242
|
-
type: 'set',
|
|
243
|
-
target: next[index]
|
|
244
|
-
});
|
|
245
|
-
}
|
|
334
|
+
next[index] = _objectSpread(_objectSpread({}, next[index]), tab);
|
|
246
335
|
setTabs(next);
|
|
247
|
-
|
|
248
|
-
|
|
336
|
+
saveSearches(next, 'set', next[index]);
|
|
337
|
+
};
|
|
338
|
+
var handleRename = function handleRename(index) {
|
|
339
|
+
var title = tabs[index].title;
|
|
340
|
+
modalForm.setFieldsValue({
|
|
341
|
+
name: title
|
|
342
|
+
});
|
|
343
|
+
setShowModal({
|
|
344
|
+
action: 'rename',
|
|
345
|
+
target: index
|
|
346
|
+
});
|
|
249
347
|
};
|
|
250
348
|
var handleOk = /*#__PURE__*/function () {
|
|
251
|
-
var
|
|
252
|
-
var values;
|
|
253
|
-
return _regeneratorRuntime().wrap(function
|
|
254
|
-
while (1) switch (
|
|
349
|
+
var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
|
|
350
|
+
var values, checkSameTitle, next, newItem, index, title, _next2;
|
|
351
|
+
return _regeneratorRuntime().wrap(function _callee3$(_context3) {
|
|
352
|
+
while (1) switch (_context3.prev = _context3.next) {
|
|
255
353
|
case 0:
|
|
256
|
-
|
|
257
|
-
|
|
354
|
+
_context3.prev = 0;
|
|
355
|
+
_context3.next = 3;
|
|
258
356
|
return modalForm.validateFields();
|
|
259
357
|
case 3:
|
|
260
|
-
values =
|
|
261
|
-
|
|
262
|
-
|
|
358
|
+
values = _context3.sent;
|
|
359
|
+
if (!(showModal === false)) {
|
|
360
|
+
_context3.next = 6;
|
|
361
|
+
break;
|
|
362
|
+
}
|
|
363
|
+
return _context3.abrupt("return");
|
|
364
|
+
case 6:
|
|
365
|
+
checkSameTitle = function checkSameTitle() {
|
|
366
|
+
var exist = tabs.findIndex(function (item) {
|
|
367
|
+
if (item.title === values.name || values.name === filterLocale.defaultTitleText) {
|
|
368
|
+
return true;
|
|
369
|
+
}
|
|
370
|
+
return false;
|
|
371
|
+
});
|
|
372
|
+
if (exist > -1) {
|
|
373
|
+
message.warning(filterLocale.sameTitleWarning);
|
|
374
|
+
return true;
|
|
375
|
+
}
|
|
376
|
+
return false;
|
|
377
|
+
};
|
|
378
|
+
if (!(showModal.action === 'add')) {
|
|
379
|
+
_context3.next = 18;
|
|
380
|
+
break;
|
|
381
|
+
}
|
|
382
|
+
if (!checkSameTitle()) {
|
|
383
|
+
_context3.next = 10;
|
|
384
|
+
break;
|
|
385
|
+
}
|
|
386
|
+
return _context3.abrupt("return");
|
|
387
|
+
case 10:
|
|
388
|
+
next = _toConsumableArray(tabs);
|
|
389
|
+
newItem = {
|
|
390
|
+
fields: tabs[active].fields,
|
|
391
|
+
title: values.name,
|
|
392
|
+
value: form.getFieldsValue()
|
|
393
|
+
};
|
|
394
|
+
next.push(newItem);
|
|
395
|
+
setActive(next.length - 1);
|
|
396
|
+
setTabs(next);
|
|
397
|
+
saveSearches(next, 'set', newItem);
|
|
398
|
+
_context3.next = 29;
|
|
263
399
|
break;
|
|
264
|
-
case
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
400
|
+
case 18:
|
|
401
|
+
if (!(showModal.action === 'rename')) {
|
|
402
|
+
_context3.next = 29;
|
|
403
|
+
break;
|
|
404
|
+
}
|
|
405
|
+
index = showModal.target;
|
|
406
|
+
title = tabs[index].title;
|
|
407
|
+
if (!(title === values.name)) {
|
|
408
|
+
_context3.next = 23;
|
|
409
|
+
break;
|
|
410
|
+
}
|
|
411
|
+
return _context3.abrupt("return");
|
|
412
|
+
case 23:
|
|
413
|
+
if (!checkSameTitle()) {
|
|
414
|
+
_context3.next = 25;
|
|
415
|
+
break;
|
|
416
|
+
}
|
|
417
|
+
return _context3.abrupt("return");
|
|
418
|
+
case 25:
|
|
419
|
+
_next2 = _toConsumableArray(tabs);
|
|
420
|
+
_next2[index] = _objectSpread(_objectSpread({}, _next2[index]), {}, {
|
|
421
|
+
title: values.name
|
|
422
|
+
});
|
|
423
|
+
setTabs(_next2);
|
|
424
|
+
saveSearches(_next2, 'set', _next2[index]);
|
|
425
|
+
case 29:
|
|
426
|
+
_context3.next = 33;
|
|
427
|
+
break;
|
|
428
|
+
case 31:
|
|
429
|
+
_context3.prev = 31;
|
|
430
|
+
_context3.t0 = _context3["catch"](0);
|
|
431
|
+
case 33:
|
|
432
|
+
setShowModal(false);
|
|
433
|
+
case 34:
|
|
268
434
|
case "end":
|
|
269
|
-
return
|
|
435
|
+
return _context3.stop();
|
|
270
436
|
}
|
|
271
|
-
},
|
|
437
|
+
}, _callee3, null, [[0, 31]]);
|
|
272
438
|
}));
|
|
273
439
|
return function handleOk() {
|
|
274
|
-
return
|
|
440
|
+
return _ref3.apply(this, arguments);
|
|
275
441
|
};
|
|
276
442
|
}();
|
|
277
443
|
var handleAddTab = function handleAddTab() {
|
|
@@ -280,9 +446,12 @@ function Filter(originalProps) {
|
|
|
280
446
|
return;
|
|
281
447
|
}
|
|
282
448
|
modalForm.setFieldsValue({
|
|
283
|
-
name:
|
|
449
|
+
name: ''
|
|
450
|
+
});
|
|
451
|
+
setShowModal({
|
|
452
|
+
action: 'add',
|
|
453
|
+
target: -1
|
|
284
454
|
});
|
|
285
|
-
toggleModal();
|
|
286
455
|
};
|
|
287
456
|
var handleDelete = function handleDelete() {
|
|
288
457
|
var _filterLocale$deleteM;
|
|
@@ -304,14 +473,9 @@ function Filter(originalProps) {
|
|
|
304
473
|
var next = _toConsumableArray(tabs);
|
|
305
474
|
form.setFieldsValue(next[index].value);
|
|
306
475
|
next.splice(active, 1);
|
|
307
|
-
if (!!storageKey) {
|
|
308
|
-
setStorageData(storageKey, next.slice(1), {
|
|
309
|
-
type: 'delete',
|
|
310
|
-
target: tab
|
|
311
|
-
});
|
|
312
|
-
}
|
|
313
476
|
setTabs(next);
|
|
314
477
|
setActive(index);
|
|
478
|
+
saveSearches(next, 'delete', tab);
|
|
315
479
|
}
|
|
316
480
|
});
|
|
317
481
|
};
|
|
@@ -336,40 +500,84 @@ function Filter(originalProps) {
|
|
|
336
500
|
handleFinish(form.getFieldsValue(), 'reset');
|
|
337
501
|
}
|
|
338
502
|
};
|
|
339
|
-
var
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
}
|
|
349
|
-
return next;
|
|
503
|
+
var handleChangeFields = useCallback(function (newFields) {
|
|
504
|
+
var next = _toConsumableArray(tabs);
|
|
505
|
+
next[active] = _objectSpread(_objectSpread({}, next[active]), {}, {
|
|
506
|
+
fields: newFields.map(function (item) {
|
|
507
|
+
return {
|
|
508
|
+
key: item.key,
|
|
509
|
+
hidden: item.hidden
|
|
510
|
+
};
|
|
511
|
+
})
|
|
350
512
|
});
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
513
|
+
setTabs(next);
|
|
514
|
+
}, [active, tabs]);
|
|
515
|
+
var handleSaveFields = useCallback(function () {
|
|
516
|
+
saveSearches(tabs, 'set', tabs[active]);
|
|
517
|
+
}, [tabs, active, saveSearches]);
|
|
518
|
+
var isFieldHidden = useCallback(function (field) {
|
|
519
|
+
if (field.hidden || !activeKeys.includes(field.key)) {
|
|
354
520
|
return true;
|
|
355
521
|
}
|
|
356
522
|
return false;
|
|
357
|
-
};
|
|
358
|
-
var items = useMemo(function () {
|
|
359
|
-
if (keywords) {
|
|
360
|
-
return data.filter(function (item) {
|
|
361
|
-
return item.label ? item.label.includes(keywords) : true;
|
|
362
|
-
});
|
|
363
|
-
}
|
|
364
|
-
return data;
|
|
365
|
-
}, [keywords, data]);
|
|
523
|
+
}, [activeKeys]);
|
|
366
524
|
var _useMemo = useMemo(function () {
|
|
367
|
-
var
|
|
368
|
-
|
|
525
|
+
var tabFields = tabs[active].fields;
|
|
526
|
+
var temp = data.map(function (item) {
|
|
527
|
+
var pos = tabFields.findIndex(function (v) {
|
|
528
|
+
return v.key === item.key;
|
|
529
|
+
});
|
|
530
|
+
return {
|
|
531
|
+
key: item.key,
|
|
532
|
+
label: item.label,
|
|
533
|
+
pos: pos,
|
|
534
|
+
field: tabFields[pos],
|
|
535
|
+
data: item
|
|
536
|
+
};
|
|
537
|
+
});
|
|
538
|
+
var sortedTemp = temp.filter(function (item) {
|
|
539
|
+
return item.pos !== -1;
|
|
540
|
+
}).sort(function (a, b) {
|
|
541
|
+
return a.pos - b.pos;
|
|
542
|
+
});
|
|
543
|
+
var mSortedData = [];
|
|
544
|
+
var mFields = [];
|
|
545
|
+
var sortedIndex = 0;
|
|
546
|
+
temp.forEach(function (item) {
|
|
547
|
+
if (item.pos === -1) {
|
|
548
|
+
mSortedData.push(item.data);
|
|
549
|
+
mFields.push({
|
|
550
|
+
key: item.key,
|
|
551
|
+
label: item.label,
|
|
552
|
+
hidden: false,
|
|
553
|
+
lockVisible: item.data.lockVisible,
|
|
554
|
+
hiddenInFields: !!item.data.hidden
|
|
555
|
+
});
|
|
556
|
+
} else {
|
|
557
|
+
var _mItem$field;
|
|
558
|
+
var mItem = sortedTemp[sortedIndex++];
|
|
559
|
+
mSortedData.push(mItem.data);
|
|
560
|
+
mFields.push({
|
|
561
|
+
key: mItem.key,
|
|
562
|
+
label: mItem.label,
|
|
563
|
+
hidden: ((_mItem$field = mItem.field) === null || _mItem$field === void 0 ? void 0 : _mItem$field.hidden) || false,
|
|
564
|
+
lockVisible: mItem.data.lockVisible,
|
|
565
|
+
hiddenInFields: !!mItem.data.hidden
|
|
566
|
+
});
|
|
567
|
+
}
|
|
568
|
+
});
|
|
569
|
+
return [mFields, mSortedData];
|
|
570
|
+
}, [tabs, active, data]),
|
|
571
|
+
_useMemo2 = _slicedToArray(_useMemo, 2),
|
|
572
|
+
fields = _useMemo2[0],
|
|
573
|
+
sortedData = _useMemo2[1];
|
|
574
|
+
var _useMemo3 = useMemo(function () {
|
|
575
|
+
var getSet = function getSet(items) {
|
|
576
|
+
return new Set(items.map(function (item) {
|
|
369
577
|
return item.key;
|
|
370
578
|
}));
|
|
371
579
|
};
|
|
372
|
-
var result =
|
|
580
|
+
var result = sortedData.filter(function (item) {
|
|
373
581
|
return !isFieldHidden(item);
|
|
374
582
|
});
|
|
375
583
|
if (!width) {
|
|
@@ -434,10 +642,11 @@ function Filter(originalProps) {
|
|
|
434
642
|
return [getSet(result), btnsVisible];
|
|
435
643
|
}
|
|
436
644
|
return [getSet(result.slice(0, end)), btnsVisible];
|
|
437
|
-
}, [
|
|
438
|
-
|
|
439
|
-
cols =
|
|
440
|
-
showCollapse =
|
|
645
|
+
}, [sortedData, width, collapsed, isFieldHidden, compMap]),
|
|
646
|
+
_useMemo4 = _slicedToArray(_useMemo3, 2),
|
|
647
|
+
cols = _useMemo4[0],
|
|
648
|
+
showCollapse = _useMemo4[1];
|
|
649
|
+
var pending = !width || !searchesReady;
|
|
441
650
|
return /*#__PURE__*/React.createElement(ResizeObserver, {
|
|
442
651
|
onResize: function onResize(size) {
|
|
443
652
|
if (size.width) {
|
|
@@ -448,15 +657,15 @@ function Filter(originalProps) {
|
|
|
448
657
|
className: classNames(prefix(), _defineProperty({}, prefix('simple'), simple)),
|
|
449
658
|
style: style
|
|
450
659
|
}, /*#__PURE__*/React.createElement(Modal, {
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
660
|
+
open: showModal !== false,
|
|
661
|
+
onCancel: function onCancel() {
|
|
662
|
+
setShowModal(false);
|
|
663
|
+
},
|
|
454
664
|
onOk: handleOk,
|
|
455
|
-
title: filterLocale.
|
|
665
|
+
title: filterLocale.savePlanModalTitle,
|
|
456
666
|
width: 300
|
|
457
667
|
}, /*#__PURE__*/React.createElement(Form, {
|
|
458
668
|
form: modalForm,
|
|
459
|
-
onFinish: handleSave,
|
|
460
669
|
initialValues: {
|
|
461
670
|
name: tabs[active].title
|
|
462
671
|
}
|
|
@@ -465,6 +674,9 @@ function Filter(originalProps) {
|
|
|
465
674
|
name: "name",
|
|
466
675
|
rules: [{
|
|
467
676
|
required: true
|
|
677
|
+
}, {
|
|
678
|
+
pattern: /^[^\$]+$/,
|
|
679
|
+
message: filterLocale.planModalPatternWarning
|
|
468
680
|
}]
|
|
469
681
|
}, /*#__PURE__*/React.createElement(Input, {
|
|
470
682
|
maxLength: 8,
|
|
@@ -475,18 +687,59 @@ function Filter(originalProps) {
|
|
|
475
687
|
return handleFinish(val, 'submit');
|
|
476
688
|
},
|
|
477
689
|
form: form,
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
tabs: tabs,
|
|
481
|
-
activeKey: tabs[active].title,
|
|
482
|
-
onTabClick: function onTabClick(_, index) {
|
|
483
|
-
return handleTabChange(index);
|
|
690
|
+
style: {
|
|
691
|
+
position: 'relative'
|
|
484
692
|
},
|
|
485
|
-
|
|
486
|
-
}
|
|
487
|
-
className:
|
|
693
|
+
onValuesChange: handleValuesChange
|
|
694
|
+
}, !simple && /*#__PURE__*/React.createElement("div", {
|
|
695
|
+
className: prefix('tabbar')
|
|
696
|
+
}, tabs.map(function (item, index) {
|
|
697
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
698
|
+
className: classNames(prefix('tabbar-item'), _defineProperty({}, prefix('tabbar-item-active'), active === index)),
|
|
699
|
+
onClick: function onClick() {
|
|
700
|
+
handleTabChange(index);
|
|
701
|
+
},
|
|
702
|
+
key: item.title
|
|
703
|
+
}, item.title === DEFAULT_TAB_ALIAS ? filterLocale.defaultTitleText : item.title, active === index && index !== 0 && /*#__PURE__*/React.createElement(Dropdown, {
|
|
704
|
+
trigger: ['click'],
|
|
705
|
+
overlayStyle: {
|
|
706
|
+
width: 120
|
|
707
|
+
},
|
|
708
|
+
menu: {
|
|
709
|
+
items: [{
|
|
710
|
+
key: 'rename',
|
|
711
|
+
label: filterLocale.rename,
|
|
712
|
+
onClick: function onClick() {
|
|
713
|
+
handleRename(index);
|
|
714
|
+
}
|
|
715
|
+
}, {
|
|
716
|
+
key: 'save',
|
|
717
|
+
label: filterLocale.save,
|
|
718
|
+
onClick: function onClick() {
|
|
719
|
+
handleSave(index);
|
|
720
|
+
}
|
|
721
|
+
}, {
|
|
722
|
+
key: filterLocale.delete,
|
|
723
|
+
label: /*#__PURE__*/React.createElement(Typography.Text, {
|
|
724
|
+
type: "danger"
|
|
725
|
+
}, filterLocale.delete),
|
|
726
|
+
onClick: function onClick() {
|
|
727
|
+
handleDelete();
|
|
728
|
+
}
|
|
729
|
+
}]
|
|
730
|
+
}
|
|
731
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
732
|
+
className: prefix('tabbar-item-dropdown')
|
|
733
|
+
}, /*#__PURE__*/React.createElement(Icons.Down, null))));
|
|
734
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
735
|
+
className: classNames(prefix('tabbar-item'), prefix('tabbar-add')),
|
|
736
|
+
onClick: function onClick() {
|
|
737
|
+
handleAddTab();
|
|
738
|
+
}
|
|
739
|
+
}, /*#__PURE__*/React.createElement(Icons.Plus, null))), /*#__PURE__*/React.createElement(FormLayout, {
|
|
740
|
+
className: classNames(_defineProperty({}, prefix('pending'), pending)),
|
|
488
741
|
direction: "row"
|
|
489
|
-
},
|
|
742
|
+
}, sortedData.map(function (item) {
|
|
490
743
|
if (!preserveFields && isFieldHidden(item)) {
|
|
491
744
|
return null;
|
|
492
745
|
}
|
|
@@ -538,56 +791,15 @@ function Filter(originalProps) {
|
|
|
538
791
|
htmlType: "submit"
|
|
539
792
|
}, filterLocale.searchText)), /*#__PURE__*/React.createElement(Space, {
|
|
540
793
|
align: "start"
|
|
541
|
-
}, simple ? /*#__PURE__*/React.createElement(Button, {
|
|
542
|
-
onClick: handleReset
|
|
543
|
-
}, filterLocale.resetText) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dropdown, {
|
|
544
|
-
actions: [{
|
|
545
|
-
text: filterLocale.resetText,
|
|
546
|
-
onClick: handleReset
|
|
547
|
-
}, {
|
|
548
|
-
text: filterLocale.savePlanText,
|
|
549
|
-
onClick: handleAddTab
|
|
550
|
-
}, {
|
|
551
|
-
text: filterLocale.removePlanText,
|
|
552
|
-
onClick: handleDelete
|
|
553
|
-
}]
|
|
554
794
|
}, /*#__PURE__*/React.createElement(Button, {
|
|
555
|
-
|
|
556
|
-
})
|
|
557
|
-
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
className: prefix('items-search'),
|
|
564
|
-
prefix: /*#__PURE__*/React.createElement(Icons.Search, null),
|
|
565
|
-
onChange: function onChange(e) {
|
|
566
|
-
return handleChangeKeywords(e.currentTarget.value);
|
|
567
|
-
}
|
|
568
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
569
|
-
className: prefix('items')
|
|
570
|
-
}, items.length > 0 ? items.map(function (item) {
|
|
571
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
572
|
-
key: item.key,
|
|
573
|
-
className: prefix('item')
|
|
574
|
-
}, /*#__PURE__*/React.createElement(Checkbox, {
|
|
575
|
-
checked: activeKeys === null || activeKeys.has(item.key),
|
|
576
|
-
onChange: function onChange(e) {
|
|
577
|
-
handleActiveKey(item.key, e.target.checked);
|
|
578
|
-
}
|
|
579
|
-
}, item.label));
|
|
580
|
-
}) : /*#__PURE__*/React.createElement(Empty, {
|
|
581
|
-
image: Empty.PRESENTED_IMAGE_SIMPLE
|
|
582
|
-
}))),
|
|
583
|
-
placement: "bottomRight"
|
|
584
|
-
}, /*#__PURE__*/React.createElement(Button, {
|
|
585
|
-
className: prefix('btn'),
|
|
586
|
-
onClick: function onClick() {
|
|
587
|
-
setKeywords('');
|
|
588
|
-
},
|
|
589
|
-
icon: /*#__PURE__*/React.createElement(Icons.LookUp, null)
|
|
590
|
-
}))), /*#__PURE__*/React.createElement(Button, {
|
|
795
|
+
onClick: handleReset
|
|
796
|
+
}, filterLocale.resetText), (enableFieldsConfig || enableFieldsConfig === undefined && !simple) && /*#__PURE__*/React.createElement(FieldsConfig, {
|
|
797
|
+
originData: data,
|
|
798
|
+
classNamePrefix: prefix,
|
|
799
|
+
value: fields,
|
|
800
|
+
onChange: handleChangeFields,
|
|
801
|
+
onSave: handleSaveFields
|
|
802
|
+
}), /*#__PURE__*/React.createElement(Button, {
|
|
591
803
|
style: {
|
|
592
804
|
visibility: showCollapse ? 'visible' : 'hidden'
|
|
593
805
|
},
|
|
@@ -635,6 +847,9 @@ function Filter(originalProps) {
|
|
|
635
847
|
}))))))))));
|
|
636
848
|
}
|
|
637
849
|
Filter.setComponents = setComponents;
|
|
850
|
+
/**
|
|
851
|
+
* @deprecated please use props storage
|
|
852
|
+
*/
|
|
638
853
|
Filter.setStorage = setStorage;
|
|
639
854
|
Filter.defaultProps = {};
|
|
640
855
|
export default Filter;
|