@nokecy/qc-ui 1.0.58 → 1.0.60
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/dist/cjs/ag-grid-plus/ag-gridPlus.js +2 -4
- package/dist/cjs/array-table/index.js +194 -7
- package/dist/cjs/deleteConfirm/index.d.ts +31 -0
- package/dist/cjs/deleteConfirm/index.js +64 -0
- package/dist/cjs/editable/index.js +104 -21
- package/dist/cjs/fullScreenAlert/index.d.ts +25 -4
- package/dist/cjs/fullScreenAlert/index.js +50 -17
- package/dist/cjs/generatedListPage/ConfigurableToolbar.d.ts +35 -0
- package/dist/cjs/generatedListPage/ConfigurableToolbar.js +179 -0
- package/dist/cjs/generatedListPage/GeneratedListPage.d.ts +8 -0
- package/dist/cjs/generatedListPage/GeneratedListPage.js +545 -0
- package/dist/cjs/generatedListPage/OptionsColumn.d.ts +9 -0
- package/dist/cjs/generatedListPage/OptionsColumn.js +135 -0
- package/dist/cjs/generatedListPage/PerformanceMonitor.d.ts +55 -0
- package/dist/cjs/generatedListPage/PerformanceMonitor.js +277 -0
- package/dist/cjs/generatedListPage/RequestManager.d.ts +97 -0
- package/dist/cjs/generatedListPage/RequestManager.js +404 -0
- package/dist/cjs/generatedListPage/_utils/AccessWrapper.d.ts +16 -0
- package/dist/cjs/generatedListPage/_utils/AccessWrapper.js +26 -0
- package/dist/cjs/generatedListPage/_utils/defaultHandlers.d.ts +22 -0
- package/dist/cjs/generatedListPage/_utils/defaultHandlers.js +127 -0
- package/dist/cjs/generatedListPage/index.d.ts +20 -0
- package/dist/cjs/generatedListPage/index.js +92 -0
- package/dist/cjs/generatedListPage/types.d.ts +221 -0
- package/dist/cjs/generatedListPage/types.js +5 -0
- package/dist/cjs/generatedListPage/usePermissionCheck.d.ts +66 -0
- package/dist/cjs/generatedListPage/usePermissionCheck.js +150 -0
- package/dist/cjs/generatedListPage/useRequestManager.d.ts +35 -0
- package/dist/cjs/generatedListPage/useRequestManager.js +121 -0
- package/dist/cjs/importModal/index.d.ts +21 -3
- package/dist/cjs/importModal/index.js +30 -10
- package/dist/cjs/index.d.ts +9 -1
- package/dist/cjs/index.js +21 -0
- package/dist/cjs/standardFormDialog/FormValidation.d.ts +150 -0
- package/dist/cjs/standardFormDialog/FormValidation.js +229 -0
- package/dist/cjs/standardFormDialog/PortalManager.d.ts +94 -0
- package/dist/cjs/standardFormDialog/PortalManager.js +259 -0
- package/dist/cjs/standardFormDialog/StandardFormDialog.d.ts +10 -0
- package/dist/cjs/standardFormDialog/StandardFormDialog.js +516 -0
- package/dist/cjs/standardFormDialog/index.d.ts +7 -0
- package/dist/cjs/standardFormDialog/index.js +83 -0
- package/dist/cjs/standardFormDialog/types.d.ts +107 -0
- package/dist/cjs/standardFormDialog/types.js +5 -0
- package/dist/cjs/standardFormDialog/useStandardFormSchema.d.ts +68 -0
- package/dist/cjs/standardFormDialog/useStandardFormSchema.js +197 -0
- package/dist/cjs/standardFormDialog/withStandardForm.d.ts +193 -0
- package/dist/cjs/standardFormDialog/withStandardForm.js +388 -0
- package/dist/esm/ag-grid-plus/ag-gridPlus.js +2 -4
- package/dist/esm/array-table/index.js +194 -7
- package/dist/esm/deleteConfirm/index.d.ts +31 -0
- package/dist/esm/deleteConfirm/index.js +57 -0
- package/dist/esm/editable/index.js +105 -22
- package/dist/esm/fullScreenAlert/index.d.ts +25 -4
- package/dist/esm/fullScreenAlert/index.js +50 -18
- package/dist/esm/generatedListPage/ConfigurableToolbar.d.ts +35 -0
- package/dist/esm/generatedListPage/ConfigurableToolbar.js +171 -0
- package/dist/esm/generatedListPage/GeneratedListPage.d.ts +8 -0
- package/dist/esm/generatedListPage/GeneratedListPage.js +535 -0
- package/dist/esm/generatedListPage/OptionsColumn.d.ts +9 -0
- package/dist/esm/generatedListPage/OptionsColumn.js +127 -0
- package/dist/esm/generatedListPage/PerformanceMonitor.d.ts +55 -0
- package/dist/esm/generatedListPage/PerformanceMonitor.js +272 -0
- package/dist/esm/generatedListPage/RequestManager.d.ts +97 -0
- package/dist/esm/generatedListPage/RequestManager.js +398 -0
- package/dist/esm/generatedListPage/_utils/AccessWrapper.d.ts +16 -0
- package/dist/esm/generatedListPage/_utils/AccessWrapper.js +20 -0
- package/dist/esm/generatedListPage/_utils/defaultHandlers.d.ts +22 -0
- package/dist/esm/generatedListPage/_utils/defaultHandlers.js +122 -0
- package/dist/esm/generatedListPage/index.d.ts +20 -0
- package/dist/esm/generatedListPage/index.js +26 -0
- package/dist/esm/generatedListPage/types.d.ts +221 -0
- package/dist/esm/generatedListPage/types.js +1 -0
- package/dist/esm/generatedListPage/usePermissionCheck.d.ts +66 -0
- package/dist/esm/generatedListPage/usePermissionCheck.js +145 -0
- package/dist/esm/generatedListPage/useRequestManager.d.ts +35 -0
- package/dist/esm/generatedListPage/useRequestManager.js +116 -0
- package/dist/esm/importModal/index.d.ts +21 -3
- package/dist/esm/importModal/index.js +29 -10
- package/dist/esm/index.d.ts +9 -1
- package/dist/esm/index.js +6 -1
- package/dist/esm/standardFormDialog/FormValidation.d.ts +150 -0
- package/dist/esm/standardFormDialog/FormValidation.js +223 -0
- package/dist/esm/standardFormDialog/PortalManager.d.ts +94 -0
- package/dist/esm/standardFormDialog/PortalManager.js +253 -0
- package/dist/esm/standardFormDialog/StandardFormDialog.d.ts +10 -0
- package/dist/esm/standardFormDialog/StandardFormDialog.js +508 -0
- package/dist/esm/standardFormDialog/index.d.ts +7 -0
- package/dist/esm/standardFormDialog/index.js +6 -0
- package/dist/esm/standardFormDialog/types.d.ts +107 -0
- package/dist/esm/standardFormDialog/types.js +1 -0
- package/dist/esm/standardFormDialog/useStandardFormSchema.d.ts +68 -0
- package/dist/esm/standardFormDialog/useStandardFormSchema.js +191 -0
- package/dist/esm/standardFormDialog/withStandardForm.d.ts +193 -0
- package/dist/esm/standardFormDialog/withStandardForm.js +382 -0
- package/dist/umd/qc-ui.min.js +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Modal } from "antd";
|
|
3
|
+
import { ExclamationCircleFilled } from "@ant-design/icons";
|
|
4
|
+
var confirm = Modal.confirm;
|
|
5
|
+
/**
|
|
6
|
+
* DeleteConfirm 删除确认组件
|
|
7
|
+
*
|
|
8
|
+
* 基于 Modal.confirm 的删除确认对话框组件,提供统一的危险操作确认体验
|
|
9
|
+
*
|
|
10
|
+
* @example
|
|
11
|
+
* ```tsx
|
|
12
|
+
* <DeleteConfirm
|
|
13
|
+
* title="确认删除"
|
|
14
|
+
* content="删除后数据将无法恢复,确定要删除吗?"
|
|
15
|
+
* onConfirm={async () => {
|
|
16
|
+
* await deleteApi({ id: record.id });
|
|
17
|
+
* }}
|
|
18
|
+
* >
|
|
19
|
+
* <Button danger>删除</Button>
|
|
20
|
+
* </DeleteConfirm>
|
|
21
|
+
* ```
|
|
22
|
+
*/
|
|
23
|
+
var DeleteConfirm = function DeleteConfirm(props) {
|
|
24
|
+
var onConfirm = props.onConfirm,
|
|
25
|
+
title = props.title,
|
|
26
|
+
content = props.content,
|
|
27
|
+
children = props.children;
|
|
28
|
+
var showPromiseConfirm = function showPromiseConfirm() {
|
|
29
|
+
// 智能转换 title:支持字符串、ReactNode 或使用默认值
|
|
30
|
+
var titleText = title || '确认操作';
|
|
31
|
+
|
|
32
|
+
// 如果没有提供 content,生成默认内容
|
|
33
|
+
// 只有当 title 是字符串时才拼接,否则使用通用提示
|
|
34
|
+
var defaultContent = typeof title === 'string' ? "\u5371\u9669\u64CD\u4F5C,\u4E3A\u9632\u6B62\u8BEF\u89E6\u53D1,".concat(title) : '危险操作,为防止误触发,请确认操作';
|
|
35
|
+
var contentText = content || defaultContent;
|
|
36
|
+
confirm({
|
|
37
|
+
title: titleText,
|
|
38
|
+
icon: /*#__PURE__*/React.createElement(ExclamationCircleFilled, null),
|
|
39
|
+
content: contentText,
|
|
40
|
+
onOk: function onOk() {
|
|
41
|
+
return new Promise(function (resolve, reject) {
|
|
42
|
+
onConfirm().then(resolve).catch(function (error) {
|
|
43
|
+
console.error('Oops errors!', error);
|
|
44
|
+
reject();
|
|
45
|
+
});
|
|
46
|
+
}).catch(function () {
|
|
47
|
+
return console.log('Oops errors!');
|
|
48
|
+
});
|
|
49
|
+
},
|
|
50
|
+
onCancel: function onCancel() {}
|
|
51
|
+
});
|
|
52
|
+
};
|
|
53
|
+
return /*#__PURE__*/React.createElement("span", {
|
|
54
|
+
onClick: showPromiseConfirm
|
|
55
|
+
}, children);
|
|
56
|
+
};
|
|
57
|
+
export default DeleteConfirm;
|
|
@@ -1,5 +1,6 @@
|
|
|
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
2
|
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); }
|
|
3
|
+
function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
|
|
3
4
|
function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
|
|
4
5
|
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
|
5
6
|
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
|
|
@@ -9,7 +10,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
|
|
|
9
10
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
10
11
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
11
12
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
12
|
-
import {
|
|
13
|
+
import { EditOutlined, MessageOutlined } from '@ant-design/icons';
|
|
13
14
|
import { isVoidField } from '@formily/core';
|
|
14
15
|
import { observer, useField } from '@formily/react';
|
|
15
16
|
import { Popover as AntdPopover } from 'antd';
|
|
@@ -75,6 +76,35 @@ var InternalEditable = observer(function (props) {
|
|
|
75
76
|
hashId = _useStyle2[1];
|
|
76
77
|
var ref = useRef();
|
|
77
78
|
var innerRef = useRef(null);
|
|
79
|
+
|
|
80
|
+
// 通用的聚焦函数
|
|
81
|
+
var focusInput = React.useCallback(function () {
|
|
82
|
+
var _innerRef$current;
|
|
83
|
+
var input = (_innerRef$current = innerRef.current) === null || _innerRef$current === void 0 ? void 0 : _innerRef$current.querySelector('input:not([readonly]):not([disabled]), textarea:not([readonly]):not([disabled])');
|
|
84
|
+
if (input) {
|
|
85
|
+
input.focus();
|
|
86
|
+
if ('setSelectionRange' in input && input.type !== 'number' && input.type !== 'date') {
|
|
87
|
+
var _input$value;
|
|
88
|
+
var length = ((_input$value = input.value) === null || _input$value === void 0 ? void 0 : _input$value.length) || 0;
|
|
89
|
+
setTimeout(function () {
|
|
90
|
+
input.setSelectionRange(length, length);
|
|
91
|
+
}, 10);
|
|
92
|
+
}
|
|
93
|
+
return true;
|
|
94
|
+
}
|
|
95
|
+
return false;
|
|
96
|
+
}, []);
|
|
97
|
+
|
|
98
|
+
// 重试聚焦函数
|
|
99
|
+
var retryFocus = React.useCallback(function () {
|
|
100
|
+
if (!focusInput()) {
|
|
101
|
+
setTimeout(function () {
|
|
102
|
+
if (!focusInput()) {
|
|
103
|
+
setTimeout(focusInput, 50);
|
|
104
|
+
}
|
|
105
|
+
}, 50);
|
|
106
|
+
}
|
|
107
|
+
}, [focusInput]);
|
|
78
108
|
var recover = /*#__PURE__*/function () {
|
|
79
109
|
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
80
110
|
var _field$errors;
|
|
@@ -115,48 +145,101 @@ var InternalEditable = observer(function (props) {
|
|
|
115
145
|
return _ref.apply(this, arguments);
|
|
116
146
|
};
|
|
117
147
|
}();
|
|
118
|
-
var renderEditHelper = function renderEditHelper() {
|
|
119
|
-
if (editable) return;
|
|
120
|
-
return /*#__PURE__*/React.createElement(FormItem.BaseItem, _extends({}, props, itemProps), pattern === 'editable' && /*#__PURE__*/React.createElement(EditOutlined, {
|
|
121
|
-
className: "".concat(prefixCls, "-edit-btn")
|
|
122
|
-
}), pattern !== 'editable' && /*#__PURE__*/React.createElement(MessageOutlined, {
|
|
123
|
-
className: "".concat(prefixCls, "-edit-btn")
|
|
124
|
-
}));
|
|
125
|
-
};
|
|
126
|
-
var renderCloseHelper = function renderCloseHelper() {
|
|
127
|
-
if (!editable) return;
|
|
128
|
-
return /*#__PURE__*/React.createElement(FormItem.BaseItem, props, /*#__PURE__*/React.createElement(CloseOutlined, {
|
|
129
|
-
className: "".concat(prefixCls, "-close-btn")
|
|
130
|
-
}));
|
|
131
|
-
};
|
|
132
148
|
useClickAway(function (e) {
|
|
149
|
+
var _innerRef$current2;
|
|
133
150
|
var target = e.target;
|
|
134
151
|
if (target !== null && target !== void 0 && target.closest(".".concat(basePrefixCls, "-select-dropdown"))) return;
|
|
135
152
|
if (target !== null && target !== void 0 && target.closest(".".concat(basePrefixCls, "-picker-dropdown"))) return;
|
|
136
153
|
if (target !== null && target !== void 0 && target.closest(".".concat(basePrefixCls, "-cascader-menus"))) return;
|
|
154
|
+
|
|
155
|
+
// 检查是否点击的是当前组件内的输入框或相关元素
|
|
156
|
+
var inputElements = (_innerRef$current2 = innerRef.current) === null || _innerRef$current2 === void 0 ? void 0 : _innerRef$current2.querySelectorAll('input, textarea, .ant-input, .ant-input-wrapper');
|
|
157
|
+
if (inputElements) {
|
|
158
|
+
//@ts-ignore
|
|
159
|
+
var _iterator = _createForOfIteratorHelper(inputElements),
|
|
160
|
+
_step;
|
|
161
|
+
try {
|
|
162
|
+
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
163
|
+
var input = _step.value;
|
|
164
|
+
if (target === input || input.contains(target) || target.closest('.ant-input-wrapper')) {
|
|
165
|
+
return; // 不触发recover
|
|
166
|
+
}
|
|
167
|
+
}
|
|
168
|
+
} catch (err) {
|
|
169
|
+
_iterator.e(err);
|
|
170
|
+
} finally {
|
|
171
|
+
_iterator.f();
|
|
172
|
+
}
|
|
173
|
+
}
|
|
137
174
|
recover();
|
|
138
175
|
}, innerRef);
|
|
139
176
|
var onClick = function onClick(e) {
|
|
140
|
-
var _innerRef$
|
|
177
|
+
var _innerRef$current3;
|
|
141
178
|
var target = e.target;
|
|
142
|
-
var close = ((_innerRef$
|
|
179
|
+
var close = ((_innerRef$current3 = innerRef.current) === null || _innerRef$current3 === void 0 ? void 0 : _innerRef$current3.querySelector(".".concat(prefixCls, "-close-btn"))) || null;
|
|
143
180
|
if (target !== null && target !== void 0 && target.contains(close) || close !== null && close !== void 0 && close.contains(target)) {
|
|
144
181
|
recover();
|
|
145
182
|
} else if (!ref.current) {
|
|
183
|
+
// 只有在非编辑状态时才触发编辑状态
|
|
146
184
|
setTimeout(function () {
|
|
147
185
|
setEditable(true);
|
|
148
|
-
setTimeout(
|
|
149
|
-
var _innerRef$current2;
|
|
150
|
-
(_innerRef$current2 = innerRef.current) === null || _innerRef$current2 === void 0 || (_innerRef$current2 = _innerRef$current2.querySelector('input')) === null || _innerRef$current2 === void 0 || _innerRef$current2.focus();
|
|
151
|
-
});
|
|
186
|
+
setTimeout(retryFocus, 100);
|
|
152
187
|
});
|
|
188
|
+
} else {
|
|
189
|
+
// 如果已经处于编辑状态,检查点击的是否是输入框或其相关元素
|
|
190
|
+
var isInputElement = target.tagName === 'INPUT' || target.tagName === 'TEXTAREA';
|
|
191
|
+
var isInputRelated = target.closest('input, textarea, .ant-input, .ant-input-wrapper');
|
|
192
|
+
if (isInputElement || isInputRelated) {
|
|
193
|
+
// 如果点击的是输入框或相关元素,不做任何操作,让输入框自己处理焦点
|
|
194
|
+
e.stopPropagation();
|
|
195
|
+
return;
|
|
196
|
+
}
|
|
197
|
+
// 如果点击的是其他区域且已经处于编辑状态,也不做任何操作(保持编辑状态)
|
|
153
198
|
}
|
|
154
199
|
};
|
|
200
|
+
|
|
201
|
+
// 监听键盘导航事件,自动进入编辑状态
|
|
202
|
+
React.useEffect(function () {
|
|
203
|
+
var handleKeyDown = function handleKeyDown(e) {
|
|
204
|
+
if (e.key === 'Enter' || e.key === 'F2') {
|
|
205
|
+
if (!editable && pattern === 'editable') {
|
|
206
|
+
e.preventDefault();
|
|
207
|
+
setEditable(true);
|
|
208
|
+
setTimeout(retryFocus, 100);
|
|
209
|
+
}
|
|
210
|
+
}
|
|
211
|
+
};
|
|
212
|
+
var element = innerRef.current;
|
|
213
|
+
if (element) {
|
|
214
|
+
element.addEventListener('keydown', handleKeyDown);
|
|
215
|
+
return function () {
|
|
216
|
+
element.removeEventListener('keydown', handleKeyDown);
|
|
217
|
+
};
|
|
218
|
+
}
|
|
219
|
+
}, [editable, pattern, setEditable, retryFocus]);
|
|
220
|
+
|
|
221
|
+
// 当组件获得焦点时自动进入编辑状态
|
|
222
|
+
React.useEffect(function () {
|
|
223
|
+
var handleFocus = function handleFocus() {
|
|
224
|
+
if (!editable && pattern === 'editable') {
|
|
225
|
+
setEditable(true);
|
|
226
|
+
setTimeout(retryFocus, 100);
|
|
227
|
+
}
|
|
228
|
+
};
|
|
229
|
+
var element = innerRef.current;
|
|
230
|
+
if (element) {
|
|
231
|
+
element.addEventListener('focus', handleFocus, true);
|
|
232
|
+
return function () {
|
|
233
|
+
element.removeEventListener('focus', handleFocus, true);
|
|
234
|
+
};
|
|
235
|
+
}
|
|
236
|
+
}, [editable, pattern, setEditable, retryFocus]);
|
|
155
237
|
ref.current = editable;
|
|
156
238
|
return wrapSSR( /*#__PURE__*/React.createElement("div", {
|
|
157
239
|
className: cls(prefixCls, hashId),
|
|
158
240
|
ref: innerRef,
|
|
159
|
-
onClick: onClick
|
|
241
|
+
onClick: onClick,
|
|
242
|
+
"data-editable-state": editable ? 'editing' : 'readonly'
|
|
160
243
|
}, /*#__PURE__*/React.createElement("div", {
|
|
161
244
|
className: "".concat(prefixCls, "-content")
|
|
162
245
|
}, /*#__PURE__*/React.createElement(FormItem.BaseItem, _extends({}, props, itemProps), props.children))));
|
|
@@ -1,9 +1,30 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import './index.less';
|
|
3
|
+
export interface FullScreenAlertProps {
|
|
4
|
+
/** 是否激活警告效果 */
|
|
5
|
+
active?: boolean;
|
|
6
|
+
/** 警告类型 */
|
|
7
|
+
type?: 'success' | 'error';
|
|
8
|
+
/** 状态变化回调 */
|
|
9
|
+
onChange?: (active: boolean) => void;
|
|
10
|
+
/** 自动关闭时间(毫秒),默认3000ms */
|
|
11
|
+
duration?: number;
|
|
12
|
+
/** 其他 HTML div 属性 */
|
|
13
|
+
[key: string]: any;
|
|
14
|
+
}
|
|
3
15
|
/**
|
|
4
|
-
*
|
|
5
|
-
*
|
|
6
|
-
*
|
|
16
|
+
* FullScreenAlert 全屏闪烁警告组件
|
|
17
|
+
*
|
|
18
|
+
* 在屏幕边缘显示闪烁的彩色边框,用于视觉警告提醒
|
|
19
|
+
*
|
|
20
|
+
* @example
|
|
21
|
+
* ```tsx
|
|
22
|
+
* <FullScreenAlert
|
|
23
|
+
* active={showAlert}
|
|
24
|
+
* type="error"
|
|
25
|
+
* onChange={(active) => setShowAlert(active)}
|
|
26
|
+
* />
|
|
27
|
+
* ```
|
|
7
28
|
*/
|
|
8
|
-
declare const FullScreenAlert:
|
|
29
|
+
declare const FullScreenAlert: React.FC<FullScreenAlertProps>;
|
|
9
30
|
export default FullScreenAlert;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
var _excluded = ["active", "type", "onChange", "duration"];
|
|
1
2
|
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); }
|
|
2
3
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
3
4
|
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."); }
|
|
@@ -5,37 +6,68 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
|
|
|
5
6
|
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; }
|
|
6
7
|
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; } }
|
|
7
8
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
9
|
+
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; }
|
|
10
|
+
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; }
|
|
8
11
|
import React, { useState, useRef, useEffect } from 'react';
|
|
9
12
|
import "./index.less";
|
|
10
|
-
|
|
11
13
|
/**
|
|
12
|
-
*
|
|
13
|
-
*
|
|
14
|
-
*
|
|
14
|
+
* FullScreenAlert 全屏闪烁警告组件
|
|
15
|
+
*
|
|
16
|
+
* 在屏幕边缘显示闪烁的彩色边框,用于视觉警告提醒
|
|
17
|
+
*
|
|
18
|
+
* @example
|
|
19
|
+
* ```tsx
|
|
20
|
+
* <FullScreenAlert
|
|
21
|
+
* active={showAlert}
|
|
22
|
+
* type="error"
|
|
23
|
+
* onChange={(active) => setShowAlert(active)}
|
|
24
|
+
* />
|
|
25
|
+
* ```
|
|
15
26
|
*/
|
|
16
27
|
var FullScreenAlert = function FullScreenAlert(props) {
|
|
17
|
-
var
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
28
|
+
var _props$active = props.active,
|
|
29
|
+
activeProps = _props$active === void 0 ? false : _props$active,
|
|
30
|
+
_props$type = props.type,
|
|
31
|
+
type = _props$type === void 0 ? 'success' : _props$type,
|
|
32
|
+
onChange = props.onChange,
|
|
33
|
+
_props$duration = props.duration,
|
|
34
|
+
duration = _props$duration === void 0 ? 3000 : _props$duration,
|
|
35
|
+
restProps = _objectWithoutProperties(props, _excluded);
|
|
36
|
+
var timerRef = useRef();
|
|
37
|
+
var _useState = useState(activeProps),
|
|
22
38
|
_useState2 = _slicedToArray(_useState, 2),
|
|
23
39
|
active = _useState2[0],
|
|
24
40
|
setActive = _useState2[1];
|
|
25
41
|
useEffect(function () {
|
|
26
|
-
|
|
27
|
-
|
|
42
|
+
// 清除之前的定时器
|
|
43
|
+
if (timerRef.current) {
|
|
44
|
+
clearTimeout(timerRef.current);
|
|
28
45
|
}
|
|
29
46
|
if (activeProps) {
|
|
30
|
-
setActive(
|
|
31
|
-
|
|
47
|
+
setActive(true);
|
|
48
|
+
|
|
49
|
+
// 设置自动关闭
|
|
50
|
+
timerRef.current = setTimeout(function () {
|
|
32
51
|
setActive(false);
|
|
33
|
-
onChange
|
|
34
|
-
},
|
|
52
|
+
onChange === null || onChange === void 0 || onChange(false);
|
|
53
|
+
}, duration);
|
|
54
|
+
} else {
|
|
55
|
+
setActive(false);
|
|
35
56
|
}
|
|
36
|
-
|
|
57
|
+
|
|
58
|
+
// 组件卸载时清理定时器
|
|
59
|
+
return function () {
|
|
60
|
+
if (timerRef.current) {
|
|
61
|
+
clearTimeout(timerRef.current);
|
|
62
|
+
}
|
|
63
|
+
};
|
|
64
|
+
}, [activeProps, duration, onChange]);
|
|
65
|
+
if (!active) {
|
|
66
|
+
return null;
|
|
67
|
+
}
|
|
68
|
+
var className = ['alertOverlay', 'alert-active', type === 'error' ? 'errorOverlay' : 'successOverlay'].join(' ');
|
|
37
69
|
return /*#__PURE__*/React.createElement("div", _extends({
|
|
38
|
-
className:
|
|
39
|
-
},
|
|
70
|
+
className: className
|
|
71
|
+
}, restProps), /*#__PURE__*/React.createElement("div", null));
|
|
40
72
|
};
|
|
41
73
|
export default FullScreenAlert;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ToolbarActionConfig, FormDialogConfig, ApiConfig } from './types';
|
|
3
|
+
interface ConfigurableToolbarProps {
|
|
4
|
+
/** 工具栏配置 */
|
|
5
|
+
actions?: ToolbarActionConfig[];
|
|
6
|
+
/** 表单对话框配置 */
|
|
7
|
+
formDialog?: FormDialogConfig;
|
|
8
|
+
/** API配置 */
|
|
9
|
+
apiConfig: ApiConfig;
|
|
10
|
+
/** 刷新回调 */
|
|
11
|
+
onRefresh: () => void;
|
|
12
|
+
/** 导入配置 */
|
|
13
|
+
importConfig?: {
|
|
14
|
+
title?: string;
|
|
15
|
+
downUrl?: string;
|
|
16
|
+
uploadUrl?: string;
|
|
17
|
+
};
|
|
18
|
+
/** 导出文件名 */
|
|
19
|
+
exportFileName?: string;
|
|
20
|
+
/** 当前过滤条件 */
|
|
21
|
+
filter?: string;
|
|
22
|
+
/** 权限配置 */
|
|
23
|
+
permissions?: {
|
|
24
|
+
create?: string;
|
|
25
|
+
update?: string;
|
|
26
|
+
delete?: string;
|
|
27
|
+
import?: string;
|
|
28
|
+
export?: string;
|
|
29
|
+
};
|
|
30
|
+
}
|
|
31
|
+
/**
|
|
32
|
+
* 配置化工具栏组件
|
|
33
|
+
*/
|
|
34
|
+
declare const ConfigurableToolbar: React.FC<ConfigurableToolbarProps>;
|
|
35
|
+
export default ConfigurableToolbar;
|
|
@@ -0,0 +1,171 @@
|
|
|
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 _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); }
|
|
3
|
+
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; }
|
|
4
|
+
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); } }
|
|
5
|
+
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); }); }; }
|
|
6
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
7
|
+
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."); }
|
|
8
|
+
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); }
|
|
9
|
+
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; }
|
|
10
|
+
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; } }
|
|
11
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
12
|
+
import React, { useCallback, useState } from 'react';
|
|
13
|
+
import { Button, message } from 'antd';
|
|
14
|
+
import { PlusOutlined, ExportOutlined, ImportOutlined } from '@ant-design/icons';
|
|
15
|
+
import AccessWrapper from "./_utils/AccessWrapper";
|
|
16
|
+
import ImportModal from "../importModal";
|
|
17
|
+
import { defaultHandleExport } from "./_utils/defaultHandlers";
|
|
18
|
+
import { usePermissionCheck } from "./usePermissionCheck";
|
|
19
|
+
|
|
20
|
+
// 兼容 Access 组件
|
|
21
|
+
var Access = AccessWrapper;
|
|
22
|
+
/**
|
|
23
|
+
* 配置化工具栏组件
|
|
24
|
+
*/
|
|
25
|
+
var ConfigurableToolbar = function ConfigurableToolbar(_ref) {
|
|
26
|
+
var _ref$actions = _ref.actions,
|
|
27
|
+
actions = _ref$actions === void 0 ? [] : _ref$actions,
|
|
28
|
+
formDialog = _ref.formDialog,
|
|
29
|
+
apiConfig = _ref.apiConfig,
|
|
30
|
+
onRefresh = _ref.onRefresh,
|
|
31
|
+
importConfig = _ref.importConfig,
|
|
32
|
+
_ref$exportFileName = _ref.exportFileName,
|
|
33
|
+
exportFileName = _ref$exportFileName === void 0 ? 'export.xlsx' : _ref$exportFileName,
|
|
34
|
+
filter = _ref.filter,
|
|
35
|
+
permissions = _ref.permissions;
|
|
36
|
+
// 使用统一的权限检查 Hook
|
|
37
|
+
var _usePermissionCheck = usePermissionCheck(permissions || {}),
|
|
38
|
+
canCreate = _usePermissionCheck.canCreate,
|
|
39
|
+
canImport = _usePermissionCheck.canImport,
|
|
40
|
+
canExport = _usePermissionCheck.canExport,
|
|
41
|
+
hasPermission = _usePermissionCheck.hasPermission;
|
|
42
|
+
|
|
43
|
+
// 默认操作配置
|
|
44
|
+
var defaultActions = [{
|
|
45
|
+
type: 'create',
|
|
46
|
+
label: '新建',
|
|
47
|
+
permission: permissions === null || permissions === void 0 ? void 0 : permissions.create,
|
|
48
|
+
buttonProps: {
|
|
49
|
+
icon: /*#__PURE__*/React.createElement(PlusOutlined, null),
|
|
50
|
+
type: 'primary'
|
|
51
|
+
}
|
|
52
|
+
}, {
|
|
53
|
+
type: 'import',
|
|
54
|
+
label: '导入',
|
|
55
|
+
permission: permissions === null || permissions === void 0 ? void 0 : permissions.import,
|
|
56
|
+
buttonProps: {
|
|
57
|
+
icon: /*#__PURE__*/React.createElement(ImportOutlined, null)
|
|
58
|
+
}
|
|
59
|
+
}, {
|
|
60
|
+
type: 'export',
|
|
61
|
+
label: '导出',
|
|
62
|
+
permission: permissions === null || permissions === void 0 ? void 0 : permissions.export,
|
|
63
|
+
buttonProps: {
|
|
64
|
+
icon: /*#__PURE__*/React.createElement(ExportOutlined, null)
|
|
65
|
+
}
|
|
66
|
+
}];
|
|
67
|
+
|
|
68
|
+
// 合并用户配置和默认配置
|
|
69
|
+
var finalActions = actions.length > 0 ? actions : defaultActions;
|
|
70
|
+
|
|
71
|
+
// 状态管理
|
|
72
|
+
var _useState = useState(false),
|
|
73
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
74
|
+
exportLoading = _useState2[0],
|
|
75
|
+
setExportLoading = _useState2[1];
|
|
76
|
+
var handleExportData = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
77
|
+
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
78
|
+
while (1) switch (_context.prev = _context.next) {
|
|
79
|
+
case 0:
|
|
80
|
+
if (apiConfig.export) {
|
|
81
|
+
_context.next = 3;
|
|
82
|
+
break;
|
|
83
|
+
}
|
|
84
|
+
message.error('导出API未配置');
|
|
85
|
+
return _context.abrupt("return");
|
|
86
|
+
case 3:
|
|
87
|
+
setExportLoading(true);
|
|
88
|
+
_context.prev = 4;
|
|
89
|
+
_context.next = 7;
|
|
90
|
+
return defaultHandleExport(apiConfig.export, {
|
|
91
|
+
filter: filter
|
|
92
|
+
}, exportFileName);
|
|
93
|
+
case 7:
|
|
94
|
+
_context.next = 12;
|
|
95
|
+
break;
|
|
96
|
+
case 9:
|
|
97
|
+
_context.prev = 9;
|
|
98
|
+
_context.t0 = _context["catch"](4);
|
|
99
|
+
console.error('导出失败:', _context.t0);
|
|
100
|
+
case 12:
|
|
101
|
+
_context.prev = 12;
|
|
102
|
+
setExportLoading(false);
|
|
103
|
+
return _context.finish(12);
|
|
104
|
+
case 15:
|
|
105
|
+
case "end":
|
|
106
|
+
return _context.stop();
|
|
107
|
+
}
|
|
108
|
+
}, _callee, null, [[4, 9, 12, 15]]);
|
|
109
|
+
})), [apiConfig.export, filter, exportFileName]);
|
|
110
|
+
var renderAction = function renderAction(action, index) {
|
|
111
|
+
var key = "".concat(action.type, "-").concat(index);
|
|
112
|
+
|
|
113
|
+
// 使用统一的权限检查逻辑
|
|
114
|
+
if (action.permission && !hasPermission(action.permission)) {
|
|
115
|
+
return null;
|
|
116
|
+
}
|
|
117
|
+
var isAccessible = !action.permission || hasPermission(action.permission);
|
|
118
|
+
switch (action.type) {
|
|
119
|
+
case 'create':
|
|
120
|
+
if (!(formDialog !== null && formDialog !== void 0 && formDialog.component)) return null;
|
|
121
|
+
return /*#__PURE__*/React.createElement(Access, {
|
|
122
|
+
key: key,
|
|
123
|
+
accessible: isAccessible
|
|
124
|
+
}, /*#__PURE__*/React.createElement(formDialog.component, {
|
|
125
|
+
title: formDialog.createTitle || action.label || '新建',
|
|
126
|
+
buttonProps: action.buttonProps,
|
|
127
|
+
onAfterSubmit: onRefresh
|
|
128
|
+
}, action.label || '新建'));
|
|
129
|
+
case 'import':
|
|
130
|
+
if (!(importConfig !== null && importConfig !== void 0 && importConfig.uploadUrl)) return null;
|
|
131
|
+
return /*#__PURE__*/React.createElement(Access, {
|
|
132
|
+
key: key,
|
|
133
|
+
accessible: isAccessible
|
|
134
|
+
}, /*#__PURE__*/React.createElement(ImportModal, {
|
|
135
|
+
onAfterSubmit: onRefresh,
|
|
136
|
+
title: importConfig.title,
|
|
137
|
+
downUrl: importConfig.downUrl,
|
|
138
|
+
uploadUrl: importConfig.uploadUrl,
|
|
139
|
+
buttonProps: action.buttonProps
|
|
140
|
+
}));
|
|
141
|
+
case 'export':
|
|
142
|
+
if (!apiConfig.export) return null;
|
|
143
|
+
return /*#__PURE__*/React.createElement(Access, {
|
|
144
|
+
key: key,
|
|
145
|
+
accessible: isAccessible
|
|
146
|
+
}, /*#__PURE__*/React.createElement(Button, _extends({}, action.buttonProps, {
|
|
147
|
+
loading: exportLoading,
|
|
148
|
+
onClick: handleExportData
|
|
149
|
+
}), action.label || '导出'));
|
|
150
|
+
case 'custom':
|
|
151
|
+
if (!action.component && !action.onClick) return null;
|
|
152
|
+
if (action.component) {
|
|
153
|
+
var CustomComponent = action.component;
|
|
154
|
+
return /*#__PURE__*/React.createElement(Access, {
|
|
155
|
+
key: key,
|
|
156
|
+
accessible: isAccessible
|
|
157
|
+
}, /*#__PURE__*/React.createElement(CustomComponent, action.componentProps));
|
|
158
|
+
}
|
|
159
|
+
return /*#__PURE__*/React.createElement(Access, {
|
|
160
|
+
key: key,
|
|
161
|
+
accessible: isAccessible
|
|
162
|
+
}, /*#__PURE__*/React.createElement(Button, _extends({}, action.buttonProps, {
|
|
163
|
+
onClick: action.onClick
|
|
164
|
+
}), action.label));
|
|
165
|
+
default:
|
|
166
|
+
return null;
|
|
167
|
+
}
|
|
168
|
+
};
|
|
169
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, finalActions.map(renderAction).filter(Boolean));
|
|
170
|
+
};
|
|
171
|
+
export default ConfigurableToolbar;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { GeneratedListPageConfig } from './types';
|
|
3
|
+
/**
|
|
4
|
+
* 带错误边界的GeneratedListPage组件
|
|
5
|
+
* @template T 数据项类型
|
|
6
|
+
*/
|
|
7
|
+
declare const GeneratedListPageWithErrorBoundary: <T = any>(props: GeneratedListPageConfig<T>) => React.JSX.Element;
|
|
8
|
+
export default GeneratedListPageWithErrorBoundary;
|