@hanwenbo/x-web-pro-components 0.0.1
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/LICENSE +21 -0
- package/es/blocks/index.d.ts +1 -0
- package/es/blocks/index.js +2 -0
- package/es/blocks/shared.d.ts +24 -0
- package/es/blocks/shared.js +77 -0
- package/es/components/card/index.d.ts +82 -0
- package/es/components/card/index.js +361 -0
- package/es/components/descriptions/index.d.ts +31 -0
- package/es/components/descriptions/index.js +434 -0
- package/es/components/field/index.d.ts +75 -0
- package/es/components/field/index.js +761 -0
- package/es/components/form/captcha.d.ts +19 -0
- package/es/components/form/captcha.js +165 -0
- package/es/components/form/colorPicker.d.ts +7 -0
- package/es/components/form/colorPicker.js +73 -0
- package/es/components/form/fieldControls.d.ts +43 -0
- package/es/components/form/fieldControls.js +282 -0
- package/es/components/form/index.d.ts +285 -0
- package/es/components/form/index.js +2268 -0
- package/es/components/form/loginForm.d.ts +22 -0
- package/es/components/form/loginForm.js +159 -0
- package/es/components/form/schemaForm.d.ts +30 -0
- package/es/components/form/schemaForm.js +644 -0
- package/es/components/form/stepsForm.d.ts +26 -0
- package/es/components/form/stepsForm.js +183 -0
- package/es/components/form/uploadButton.d.ts +20 -0
- package/es/components/form/uploadButton.js +134 -0
- package/es/components/form/uploadDragger.d.ts +13 -0
- package/es/components/form/uploadDragger.js +144 -0
- package/es/components/index.d.ts +9 -0
- package/es/components/index.js +9 -0
- package/es/components/layout/components/Help/index.d.ts +72 -0
- package/es/components/layout/components/Help/index.js +350 -0
- package/es/components/layout/index.d.ts +182 -0
- package/es/components/layout/index.js +892 -0
- package/es/components/list/index.d.ts +80 -0
- package/es/components/list/index.js +431 -0
- package/es/components/provider/context.d.ts +7 -0
- package/es/components/provider/context.js +21 -0
- package/es/components/provider/index.d.ts +28 -0
- package/es/components/provider/index.js +117 -0
- package/es/components/provider/intl.d.ts +38 -0
- package/es/components/provider/intl.js +112 -0
- package/es/components/provider/types.d.ts +37 -0
- package/es/components/provider/types.js +1 -0
- package/es/components/provider/useStyle/index.d.ts +28 -0
- package/es/components/provider/useStyle/index.js +208 -0
- package/es/components/skeleton/index.d.ts +61 -0
- package/es/components/skeleton/index.js +388 -0
- package/es/components/table/dragSortTable.d.ts +8 -0
- package/es/components/table/dragSortTable.js +229 -0
- package/es/components/table/editableTable.d.ts +31 -0
- package/es/components/table/editableTable.js +507 -0
- package/es/components/table/index.d.ts +52 -0
- package/es/components/table/index.js +1554 -0
- package/es/components/table/listToolBar.d.ts +48 -0
- package/es/components/table/listToolBar.js +194 -0
- package/es/components/table/search.d.ts +5 -0
- package/es/components/table/search.js +13 -0
- package/es/index.d.ts +4 -0
- package/es/index.js +4 -0
- package/es/types.d.ts +219 -0
- package/es/types.js +1 -0
- package/es/utils/attachPropertiesToComponent.d.ts +1 -0
- package/es/utils/attachPropertiesToComponent.js +6 -0
- package/es/utils/getRequestParams.d.ts +19 -0
- package/es/utils/getRequestParams.js +57 -0
- package/es/utils/getTableListColumns.d.ts +20 -0
- package/es/utils/getTableListColumns.js +36 -0
- package/es/utils/index.d.ts +4 -0
- package/es/utils/index.js +4 -0
- package/es/utils/loading.d.ts +3 -0
- package/es/utils/loading.js +25 -0
- package/es/version.d.ts +2 -0
- package/es/version.js +2 -0
- package/lib/blocks/index.d.ts +1 -0
- package/lib/blocks/index.js +5 -0
- package/lib/blocks/shared.d.ts +24 -0
- package/lib/blocks/shared.js +83 -0
- package/lib/components/card/index.d.ts +82 -0
- package/lib/components/card/index.js +368 -0
- package/lib/components/descriptions/index.d.ts +31 -0
- package/lib/components/descriptions/index.js +440 -0
- package/lib/components/field/index.d.ts +75 -0
- package/lib/components/field/index.js +767 -0
- package/lib/components/form/captcha.d.ts +19 -0
- package/lib/components/form/captcha.js +172 -0
- package/lib/components/form/colorPicker.d.ts +7 -0
- package/lib/components/form/colorPicker.js +79 -0
- package/lib/components/form/fieldControls.d.ts +43 -0
- package/lib/components/form/fieldControls.js +288 -0
- package/lib/components/form/index.d.ts +285 -0
- package/lib/components/form/index.js +2332 -0
- package/lib/components/form/loginForm.d.ts +22 -0
- package/lib/components/form/loginForm.js +165 -0
- package/lib/components/form/schemaForm.d.ts +30 -0
- package/lib/components/form/schemaForm.js +651 -0
- package/lib/components/form/stepsForm.d.ts +26 -0
- package/lib/components/form/stepsForm.js +189 -0
- package/lib/components/form/uploadButton.d.ts +20 -0
- package/lib/components/form/uploadButton.js +141 -0
- package/lib/components/form/uploadDragger.d.ts +13 -0
- package/lib/components/form/uploadDragger.js +151 -0
- package/lib/components/index.d.ts +9 -0
- package/lib/components/index.js +104 -0
- package/lib/components/layout/components/Help/index.d.ts +72 -0
- package/lib/components/layout/components/Help/index.js +356 -0
- package/lib/components/layout/index.d.ts +182 -0
- package/lib/components/layout/index.js +930 -0
- package/lib/components/list/index.d.ts +80 -0
- package/lib/components/list/index.js +438 -0
- package/lib/components/provider/context.d.ts +7 -0
- package/lib/components/provider/context.js +27 -0
- package/lib/components/provider/index.d.ts +28 -0
- package/lib/components/provider/index.js +174 -0
- package/lib/components/provider/intl.d.ts +38 -0
- package/lib/components/provider/intl.js +118 -0
- package/lib/components/provider/types.d.ts +37 -0
- package/lib/components/provider/types.js +5 -0
- package/lib/components/provider/useStyle/index.d.ts +28 -0
- package/lib/components/provider/useStyle/index.js +217 -0
- package/lib/components/skeleton/index.d.ts +61 -0
- package/lib/components/skeleton/index.js +394 -0
- package/lib/components/table/dragSortTable.d.ts +8 -0
- package/lib/components/table/dragSortTable.js +236 -0
- package/lib/components/table/editableTable.d.ts +31 -0
- package/lib/components/table/editableTable.js +514 -0
- package/lib/components/table/index.d.ts +52 -0
- package/lib/components/table/index.js +1699 -0
- package/lib/components/table/listToolBar.d.ts +48 -0
- package/lib/components/table/listToolBar.js +200 -0
- package/lib/components/table/search.d.ts +5 -0
- package/lib/components/table/search.js +20 -0
- package/lib/index.d.ts +4 -0
- package/lib/index.js +49 -0
- package/lib/types.d.ts +219 -0
- package/lib/types.js +5 -0
- package/lib/utils/attachPropertiesToComponent.d.ts +1 -0
- package/lib/utils/attachPropertiesToComponent.js +12 -0
- package/lib/utils/getRequestParams.d.ts +19 -0
- package/lib/utils/getRequestParams.js +63 -0
- package/lib/utils/getTableListColumns.d.ts +20 -0
- package/lib/utils/getTableListColumns.js +42 -0
- package/lib/utils/index.d.ts +4 -0
- package/lib/utils/index.js +49 -0
- package/lib/utils/loading.d.ts +3 -0
- package/lib/utils/loading.js +31 -0
- package/lib/version.d.ts +2 -0
- package/lib/version.js +8 -0
- package/package.json +68 -0
|
@@ -0,0 +1,2332 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "BetaSchemaForm", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _schemaForm.BetaSchemaForm;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
exports.LightWrapper = exports.LightFilter = exports.GridContext = exports.FormListContext = exports.FieldContext = exports.DrawerForm = void 0;
|
|
13
|
+
Object.defineProperty(exports, "LoginForm", {
|
|
14
|
+
enumerable: true,
|
|
15
|
+
get: function get() {
|
|
16
|
+
return _loginForm.LoginForm;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
Object.defineProperty(exports, "LoginFormPage", {
|
|
20
|
+
enumerable: true,
|
|
21
|
+
get: function get() {
|
|
22
|
+
return _loginForm.LoginFormPage;
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
exports.ProForm = exports.ModalForm = void 0;
|
|
26
|
+
Object.defineProperty(exports, "ProFormCaptcha", {
|
|
27
|
+
enumerable: true,
|
|
28
|
+
get: function get() {
|
|
29
|
+
return _captcha.ProFormCaptcha;
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
exports.ProFormCheckbox = exports.ProFormCascader = void 0;
|
|
33
|
+
Object.defineProperty(exports, "ProFormColorPicker", {
|
|
34
|
+
enumerable: true,
|
|
35
|
+
get: function get() {
|
|
36
|
+
return _colorPicker.ProFormColorPicker;
|
|
37
|
+
}
|
|
38
|
+
});
|
|
39
|
+
exports.ProFormTreeSelect = exports.ProFormTimeRangePicker = exports.ProFormTimePicker = exports.ProFormTextArea = exports.ProFormText = exports.ProFormSwitch = exports.ProFormSlider = exports.ProFormSelect = exports.ProFormSegmented = exports.ProFormRate = exports.ProFormRadio = exports.ProFormPercent = exports.ProFormPassword = exports.ProFormMoney = exports.ProFormList = exports.ProFormGroup = exports.ProFormFieldSet = exports.ProFormField = exports.ProFormErrorList = exports.ProFormDigitRange = exports.ProFormDigit = exports.ProFormDependency = exports.ProFormDateYearRangePicker = exports.ProFormDateYearPicker = exports.ProFormDateWeekRangePicker = exports.ProFormDateWeekPicker = exports.ProFormDateTimeRangePicker = exports.ProFormDateTimePicker = exports.ProFormDateRangePicker = exports.ProFormDateQuarterRangePicker = exports.ProFormDateQuarterPicker = exports.ProFormDatePicker = exports.ProFormDateMonthRangePicker = exports.ProFormDateMonthPicker = exports.ProFormCore = exports.ProFormContext = void 0;
|
|
40
|
+
Object.defineProperty(exports, "ProFormUploadButton", {
|
|
41
|
+
enumerable: true,
|
|
42
|
+
get: function get() {
|
|
43
|
+
return _uploadButton.ProFormUploadButton;
|
|
44
|
+
}
|
|
45
|
+
});
|
|
46
|
+
Object.defineProperty(exports, "ProFormUploadDragger", {
|
|
47
|
+
enumerable: true,
|
|
48
|
+
get: function get() {
|
|
49
|
+
return _uploadDragger.ProFormUploadDragger;
|
|
50
|
+
}
|
|
51
|
+
});
|
|
52
|
+
exports.QueryFilter = void 0;
|
|
53
|
+
Object.defineProperty(exports, "SchemaForm", {
|
|
54
|
+
enumerable: true,
|
|
55
|
+
get: function get() {
|
|
56
|
+
return _schemaForm.SchemaForm;
|
|
57
|
+
}
|
|
58
|
+
});
|
|
59
|
+
Object.defineProperty(exports, "StepForm", {
|
|
60
|
+
enumerable: true,
|
|
61
|
+
get: function get() {
|
|
62
|
+
return _stepsForm.StepForm;
|
|
63
|
+
}
|
|
64
|
+
});
|
|
65
|
+
Object.defineProperty(exports, "StepsForm", {
|
|
66
|
+
enumerable: true,
|
|
67
|
+
get: function get() {
|
|
68
|
+
return _stepsForm.StepsForm;
|
|
69
|
+
}
|
|
70
|
+
});
|
|
71
|
+
exports.default = void 0;
|
|
72
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
73
|
+
var _button = require("@hanwenbo/x-web-ui/button");
|
|
74
|
+
var _checkbox = require("@hanwenbo/x-web-ui/checkbox");
|
|
75
|
+
var _form = require("@hanwenbo/x-web-ui/form");
|
|
76
|
+
var _modal = require("@hanwenbo/x-web-ui/modal");
|
|
77
|
+
var _popup = require("@hanwenbo/x-web-ui/popup");
|
|
78
|
+
var _radio = require("@hanwenbo/x-web-ui/radio");
|
|
79
|
+
var _segmented = require("@hanwenbo/x-web-ui/segmented");
|
|
80
|
+
var _select = require("@hanwenbo/x-web-ui/select");
|
|
81
|
+
var _treeSelect = require("@hanwenbo/x-web-ui/treeSelect");
|
|
82
|
+
var _cn = require("@hanwenbo/x-web-ui/utils/cn");
|
|
83
|
+
var _lucideReact = require("lucide-react");
|
|
84
|
+
var _utils = require("../../utils");
|
|
85
|
+
var _field = require("../field");
|
|
86
|
+
var _provider = require("../provider");
|
|
87
|
+
var _fieldControls = require("./fieldControls");
|
|
88
|
+
var _captcha = require("./captcha");
|
|
89
|
+
var _colorPicker = require("./colorPicker");
|
|
90
|
+
var _loginForm = require("./loginForm");
|
|
91
|
+
var _schemaForm = require("./schemaForm");
|
|
92
|
+
var _stepsForm = require("./stepsForm");
|
|
93
|
+
var _uploadButton = require("./uploadButton");
|
|
94
|
+
var _uploadDragger = require("./uploadDragger");
|
|
95
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
96
|
+
var _excluded = ["className", "children"],
|
|
97
|
+
_excluded2 = ["options", "labelInValue", "value", "onChange"],
|
|
98
|
+
_excluded3 = ["form", "submitter", "onReset", "searchText", "resetText", "defaultCollapsed", "collapsed", "onCollapse", "defaultColsNumber", "defaultFormItemsNumber", "showHiddenNum", "hiddenNumCount", "collapseRender", "optionRender", "compact", "stacked", "actionWrapperRef"],
|
|
99
|
+
_excluded4 = ["submitter", "layoutType", "layout", "form", "onReset", "classNames", "colon", "className", "children", "defaultCollapsed", "collapsed", "onCollapse", "defaultColsNumber", "defaultFormItemsNumber", "split", "searchText", "resetText", "labelWidth", "searchGutter", "span", "ignoreRules", "preserve", "showHiddenNum", "collapseRender", "optionRender", "submitterColSpanProps", "containerStyle"],
|
|
100
|
+
_excluded5 = ["fieldProps", "placeholder", "width", "valueType"],
|
|
101
|
+
_excluded6 = ["fieldProps", "placeholder", "width", "valueType", "valueEnum", "options", "request", "params", "showSearch", "debounceTime"],
|
|
102
|
+
_excluded7 = ["fieldProps", "placeholder", "width", "valueEnum", "options", "request", "params", "showSearch", "debounceTime", "resetAfterSelect"],
|
|
103
|
+
_excluded8 = ["fieldProps", "width", "placeholder", "mode", "request", "params", "options", "valueEnum", "debounceTime", "fetchDataOnSearch", "searchOnFocus", "resetAfterSelect", "showSearch"],
|
|
104
|
+
_excluded9 = ["fieldProps", "placeholder", "width", "valueEnum", "options", "request", "params"],
|
|
105
|
+
_excluded10 = ["fieldProps", "placeholder", "width", "valueEnum", "options", "request", "params"],
|
|
106
|
+
_excluded11 = ["fieldProps", "placeholder", "width", "request", "params"],
|
|
107
|
+
_excluded12 = ["fieldProps", "width", "valueEnum", "options", "request", "params"],
|
|
108
|
+
_excluded13 = ["fieldProps", "width", "placeholder", "request", "params"],
|
|
109
|
+
_excluded14 = ["fieldProps", "children"],
|
|
110
|
+
_excluded15 = ["className", "children"],
|
|
111
|
+
_excluded16 = ["collapse", "collapseLabel", "footerRender", "placement", "variant", "ignoreRules", "popoverProps", "submitter", "form", "className", "children"],
|
|
112
|
+
_excluded17 = ["trigger", "open", "visible", "defaultOpen", "onOpenChange", "onVisibleChange", "modalProps", "title", "width", "form", "onFinish", "submitter", "layout", "children"],
|
|
113
|
+
_excluded18 = ["trigger", "open", "visible", "defaultOpen", "onOpenChange", "onVisibleChange", "drawerProps", "title", "width", "form", "onFinish", "submitter", "layout", "children"];
|
|
114
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
115
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
116
|
+
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; }
|
|
117
|
+
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); } }
|
|
118
|
+
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); }); }; }
|
|
119
|
+
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
120
|
+
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."); }
|
|
121
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
122
|
+
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
123
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
124
|
+
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."); }
|
|
125
|
+
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); }
|
|
126
|
+
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; }
|
|
127
|
+
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; } }
|
|
128
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
129
|
+
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); }
|
|
130
|
+
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; }
|
|
131
|
+
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; }
|
|
132
|
+
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; }
|
|
133
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
134
|
+
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); }
|
|
135
|
+
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; }
|
|
136
|
+
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; }
|
|
137
|
+
var ProFormContext = exports.ProFormContext = /*#__PURE__*/_react.default.createContext({});
|
|
138
|
+
var GridContext = exports.GridContext = /*#__PURE__*/_react.default.createContext({});
|
|
139
|
+
var FieldContext = exports.FieldContext = /*#__PURE__*/_react.default.createContext({});
|
|
140
|
+
var FormListContext = exports.FormListContext = /*#__PURE__*/_react.default.createContext({});
|
|
141
|
+
var LightWrapper = exports.LightWrapper = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
|
142
|
+
var className = _ref.className,
|
|
143
|
+
children = _ref.children,
|
|
144
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
145
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
|
|
146
|
+
ref: ref,
|
|
147
|
+
className: (0, _cn.cn)('bg-card/60 rounded-2xl border border-border p-3', className)
|
|
148
|
+
}, rest), {}, {
|
|
149
|
+
children: children
|
|
150
|
+
}));
|
|
151
|
+
});
|
|
152
|
+
LightWrapper.displayName = 'LightWrapper';
|
|
153
|
+
var WIDTH_CLASS_MAP = {
|
|
154
|
+
xs: 'w-[104px]',
|
|
155
|
+
sm: 'w-[216px]',
|
|
156
|
+
md: 'w-[328px]',
|
|
157
|
+
lg: 'w-[440px]',
|
|
158
|
+
xl: 'w-[552px]'
|
|
159
|
+
};
|
|
160
|
+
var resolveActionText = function resolveActionText(text, fallback) {
|
|
161
|
+
return typeof text === 'string' && text.trim() ? text : fallback;
|
|
162
|
+
};
|
|
163
|
+
var extractLabelText = function extractLabelText(label) {
|
|
164
|
+
return typeof label === 'string' && label.trim() ? label.trim() : undefined;
|
|
165
|
+
};
|
|
166
|
+
var resolveFieldPlaceholder = function resolveFieldPlaceholder(label, placeholder, valueType) {
|
|
167
|
+
if (placeholder !== undefined) {
|
|
168
|
+
return placeholder;
|
|
169
|
+
}
|
|
170
|
+
var labelText = extractLabelText(label);
|
|
171
|
+
var selectLikeTypes = new Set(['select', 'tag', 'treeSelect', 'cascader', 'segmented', 'date', 'dateMonth', 'dateYear', 'dateTime', 'time', 'dateRange', 'dateMonthRange', 'dateQuarterRange', 'dateTimeRange', 'dateWeekRange', 'dateYearRange', 'timeRange']);
|
|
172
|
+
var prefix = selectLikeTypes.has(String(valueType)) ? '请选择' : '请输入';
|
|
173
|
+
return labelText ? "".concat(prefix).concat(labelText) : prefix;
|
|
174
|
+
};
|
|
175
|
+
var normalizeNamePathValue = function normalizeNamePathValue(source, name) {
|
|
176
|
+
var path = Array.isArray(name) ? name : [name];
|
|
177
|
+
return path.reduce(function (current, key) {
|
|
178
|
+
return current == null ? current : current[key];
|
|
179
|
+
}, source);
|
|
180
|
+
};
|
|
181
|
+
var useReadonlyText = function useReadonlyText(name, fallbackValue) {
|
|
182
|
+
var form = (0, _form.useFormInstance)();
|
|
183
|
+
var allValues = (0, _form.useWatch)(undefined, form) || {};
|
|
184
|
+
if (name === undefined) {
|
|
185
|
+
return fallbackValue;
|
|
186
|
+
}
|
|
187
|
+
var watchedValue = normalizeNamePathValue(allValues, name);
|
|
188
|
+
return watchedValue === undefined ? fallbackValue : watchedValue;
|
|
189
|
+
};
|
|
190
|
+
var ReadonlyFieldView = function ReadonlyFieldView(_ref2) {
|
|
191
|
+
var name = _ref2.name,
|
|
192
|
+
fallbackValue = _ref2.fallbackValue,
|
|
193
|
+
_ref2$valueType = _ref2.valueType,
|
|
194
|
+
valueType = _ref2$valueType === void 0 ? 'text' : _ref2$valueType,
|
|
195
|
+
valueEnum = _ref2.valueEnum,
|
|
196
|
+
emptyText = _ref2.emptyText,
|
|
197
|
+
fieldProps = _ref2.fieldProps;
|
|
198
|
+
var text = useReadonlyText(name, fallbackValue);
|
|
199
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_field.ProField, {
|
|
200
|
+
mode: "read",
|
|
201
|
+
text: text,
|
|
202
|
+
valueType: valueType,
|
|
203
|
+
valueEnum: valueEnum,
|
|
204
|
+
emptyText: emptyText,
|
|
205
|
+
fieldProps: fieldProps
|
|
206
|
+
});
|
|
207
|
+
};
|
|
208
|
+
var mergeFieldProps = function mergeFieldProps(fieldProps, width) {
|
|
209
|
+
if (!width) {
|
|
210
|
+
return fieldProps;
|
|
211
|
+
}
|
|
212
|
+
var widthClass = typeof width === 'number' ? undefined : WIDTH_CLASS_MAP[String(width)];
|
|
213
|
+
return _objectSpread(_objectSpread({}, fieldProps || {}), {}, {
|
|
214
|
+
style: typeof width === 'number' ? _objectSpread({
|
|
215
|
+
width: width
|
|
216
|
+
}, (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.style) || {}) : fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.style,
|
|
217
|
+
className: (0, _cn.cn)(widthClass, fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.className)
|
|
218
|
+
});
|
|
219
|
+
};
|
|
220
|
+
var isPlainProFormGroup = function isPlainProFormGroup(item) {
|
|
221
|
+
var _item$type, _item$props;
|
|
222
|
+
return /*#__PURE__*/_react.default.isValidElement(item) && ((_item$type = item.type) === null || _item$type === void 0 ? void 0 : _item$type.displayName) === 'ProForm-Group' && !((_item$props = item.props) !== null && _item$props !== void 0 && _item$props.title);
|
|
223
|
+
};
|
|
224
|
+
var withoutRules = function withoutRules(item) {
|
|
225
|
+
var _item$props2;
|
|
226
|
+
if (! /*#__PURE__*/_react.default.isValidElement(item)) {
|
|
227
|
+
return item;
|
|
228
|
+
}
|
|
229
|
+
if (isPlainProFormGroup(item)) {
|
|
230
|
+
return /*#__PURE__*/_react.default.cloneElement(item, {
|
|
231
|
+
children: _react.default.Children.map(item.props.children, function (child) {
|
|
232
|
+
return withoutRules(child);
|
|
233
|
+
})
|
|
234
|
+
});
|
|
235
|
+
}
|
|
236
|
+
return /*#__PURE__*/_react.default.cloneElement(item, _objectSpread(_objectSpread({}, item.props || {}), {}, {
|
|
237
|
+
rules: [],
|
|
238
|
+
formItemProps: _objectSpread(_objectSpread({}, ((_item$props2 = item.props) === null || _item$props2 === void 0 ? void 0 : _item$props2.formItemProps) || {}), {}, {
|
|
239
|
+
rules: []
|
|
240
|
+
})
|
|
241
|
+
}));
|
|
242
|
+
};
|
|
243
|
+
var flatQueryItems = function flatQueryItems(items, ignoreRules) {
|
|
244
|
+
return items.flatMap(function (item) {
|
|
245
|
+
if (isPlainProFormGroup(item)) {
|
|
246
|
+
return _react.default.Children.toArray(item.props.children).map(function (child) {
|
|
247
|
+
return ignoreRules ? withoutRules(child) : child;
|
|
248
|
+
});
|
|
249
|
+
}
|
|
250
|
+
return [ignoreRules ? withoutRules(item) : item];
|
|
251
|
+
});
|
|
252
|
+
};
|
|
253
|
+
var DEFAULT_QUERY_FILTER_WIDTH = typeof window === 'undefined' ? 1024 : Math.max(window.innerWidth || 0, 1024);
|
|
254
|
+
var QUERY_FILTER_BREAKPOINTS = {
|
|
255
|
+
xs: 576,
|
|
256
|
+
sm: 768,
|
|
257
|
+
md: 992,
|
|
258
|
+
lg: 1200,
|
|
259
|
+
xl: 1600,
|
|
260
|
+
xxl: Number.POSITIVE_INFINITY
|
|
261
|
+
};
|
|
262
|
+
var MIN_QUERY_FILTER_HORIZONTAL_COLUMN_WIDTH = 240;
|
|
263
|
+
var COMPACT_QUERY_FILTER_ACTION_WIDTH = 960;
|
|
264
|
+
var STACKED_QUERY_FILTER_ACTION_WIDTH = 560;
|
|
265
|
+
var resolveQueryFilterLayoutByColumnWidth = function resolveQueryFilterLayoutByColumnWidth(_ref3) {
|
|
266
|
+
var width = _ref3.width,
|
|
267
|
+
span = _ref3.span,
|
|
268
|
+
layout = _ref3.layout;
|
|
269
|
+
if (layout === 'vertical') {
|
|
270
|
+
return layout;
|
|
271
|
+
}
|
|
272
|
+
var estimatedColumnWidth = Math.max(1, width) / 24 * Math.max(1, span);
|
|
273
|
+
return estimatedColumnWidth < MIN_QUERY_FILTER_HORIZONTAL_COLUMN_WIDTH ? 'vertical' : layout;
|
|
274
|
+
};
|
|
275
|
+
var getResolvedQueryFilterSpan = function getResolvedQueryFilterSpan(layout, width, span) {
|
|
276
|
+
var resolvedLayout = layout === 'vertical' ? 'vertical' : 'horizontal';
|
|
277
|
+
if (typeof span === 'number' && Number.isFinite(span)) {
|
|
278
|
+
return {
|
|
279
|
+
span: Math.min(24, Math.max(1, span)),
|
|
280
|
+
layout: resolveQueryFilterLayoutByColumnWidth({
|
|
281
|
+
width: width,
|
|
282
|
+
span: Math.min(24, Math.max(1, span)),
|
|
283
|
+
layout: resolvedLayout
|
|
284
|
+
})
|
|
285
|
+
};
|
|
286
|
+
}
|
|
287
|
+
if (span && _typeof(span) === 'object') {
|
|
288
|
+
var _spanConfig$find;
|
|
289
|
+
var spanConfig = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'].filter(function (key) {
|
|
290
|
+
return Number(span[key]) > 0;
|
|
291
|
+
}).map(function (key) {
|
|
292
|
+
return [QUERY_FILTER_BREAKPOINTS[key], 24 / Number(span[key]), 'horizontal'];
|
|
293
|
+
});
|
|
294
|
+
var matchedSpan = (_spanConfig$find = spanConfig.find(function (_ref4) {
|
|
295
|
+
var _ref5 = _slicedToArray(_ref4, 1),
|
|
296
|
+
breakpoint = _ref5[0];
|
|
297
|
+
return width < breakpoint + 16;
|
|
298
|
+
})) === null || _spanConfig$find === void 0 ? void 0 : _spanConfig$find[1];
|
|
299
|
+
return {
|
|
300
|
+
span: Math.min(24, Math.max(1, matchedSpan || 8)),
|
|
301
|
+
layout: resolveQueryFilterLayoutByColumnWidth({
|
|
302
|
+
width: width,
|
|
303
|
+
span: Math.min(24, Math.max(1, matchedSpan || 8)),
|
|
304
|
+
layout: 'horizontal'
|
|
305
|
+
})
|
|
306
|
+
};
|
|
307
|
+
}
|
|
308
|
+
var breakpointConfig = resolvedLayout === 'vertical' ? [[QUERY_FILTER_BREAKPOINTS.xs, 1, 'vertical'], [QUERY_FILTER_BREAKPOINTS.md, 2, 'vertical'], [QUERY_FILTER_BREAKPOINTS.xl, 3, 'vertical'], [QUERY_FILTER_BREAKPOINTS.xxl, 4, 'vertical']] : [[QUERY_FILTER_BREAKPOINTS.xs, 1, 'vertical'], [QUERY_FILTER_BREAKPOINTS.sm, 2, 'vertical'], [QUERY_FILTER_BREAKPOINTS.xl, 3, 'horizontal'], [QUERY_FILTER_BREAKPOINTS.xxl, 4, 'horizontal']];
|
|
309
|
+
var matchedBreakpoint = breakpointConfig.find(function (_ref6) {
|
|
310
|
+
var _ref7 = _slicedToArray(_ref6, 1),
|
|
311
|
+
breakpoint = _ref7[0];
|
|
312
|
+
return width < breakpoint + 16;
|
|
313
|
+
});
|
|
314
|
+
var nextSpan = matchedBreakpoint ? 24 / matchedBreakpoint[1] : 8;
|
|
315
|
+
return {
|
|
316
|
+
span: Math.min(24, Math.max(1, nextSpan)),
|
|
317
|
+
layout: (matchedBreakpoint === null || matchedBreakpoint === void 0 ? void 0 : matchedBreakpoint[2]) || resolvedLayout
|
|
318
|
+
};
|
|
319
|
+
};
|
|
320
|
+
var getResolvedQueryFilterShowLength = function getResolvedQueryFilterShowLength(_ref8) {
|
|
321
|
+
var defaultColsNumber = _ref8.defaultColsNumber,
|
|
322
|
+
defaultFormItemsNumber = _ref8.defaultFormItemsNumber,
|
|
323
|
+
span = _ref8.span,
|
|
324
|
+
actionSpan = _ref8.actionSpan,
|
|
325
|
+
split = _ref8.split;
|
|
326
|
+
if (defaultFormItemsNumber !== undefined) {
|
|
327
|
+
return defaultFormItemsNumber;
|
|
328
|
+
}
|
|
329
|
+
var reservedSpan = split ? 0 : Math.min(24, Math.max(0, Number(actionSpan || span)));
|
|
330
|
+
var oneRowControlsNumber = Math.max(1, Math.floor(Math.max(1, 24 - reservedSpan) / span));
|
|
331
|
+
if (defaultColsNumber !== undefined) {
|
|
332
|
+
return Math.min(defaultColsNumber, oneRowControlsNumber);
|
|
333
|
+
}
|
|
334
|
+
return oneRowControlsNumber;
|
|
335
|
+
};
|
|
336
|
+
var getMeasuredQueryFilterActionWidth = function getMeasuredQueryFilterActionWidth(node) {
|
|
337
|
+
if (!node || typeof window === 'undefined') {
|
|
338
|
+
return 0;
|
|
339
|
+
}
|
|
340
|
+
var children = Array.from(node.children).filter(function (child) {
|
|
341
|
+
return child instanceof HTMLElement;
|
|
342
|
+
});
|
|
343
|
+
if (!children.length) {
|
|
344
|
+
return Math.ceil(node.getBoundingClientRect().width);
|
|
345
|
+
}
|
|
346
|
+
var computedStyle = window.getComputedStyle(node);
|
|
347
|
+
var gap = parseFloat(computedStyle.columnGap || computedStyle.gap || '0') || 0;
|
|
348
|
+
var width = children.reduce(function (sum, child) {
|
|
349
|
+
return sum + child.getBoundingClientRect().width;
|
|
350
|
+
}, 0);
|
|
351
|
+
return Math.ceil(width + gap * Math.max(0, children.length - 1));
|
|
352
|
+
};
|
|
353
|
+
var getResolvedQueryFilterActionSpan = function getResolvedQueryFilterActionSpan(_ref9) {
|
|
354
|
+
var span = _ref9.span,
|
|
355
|
+
containerWidth = _ref9.containerWidth,
|
|
356
|
+
actionWidth = _ref9.actionWidth,
|
|
357
|
+
layout = _ref9.layout,
|
|
358
|
+
labelWidth = _ref9.labelWidth;
|
|
359
|
+
if (!containerWidth || !actionWidth) {
|
|
360
|
+
return span;
|
|
361
|
+
}
|
|
362
|
+
var resolvedLabelWidth = layout !== 'vertical' && labelWidth !== 'auto' ? Number(labelWidth || 80) : 0;
|
|
363
|
+
var horizontalGap = layout !== 'vertical' ? 12 : 0;
|
|
364
|
+
var requiredWidth = actionWidth + resolvedLabelWidth + horizontalGap;
|
|
365
|
+
var gridColumnWidth = containerWidth / 24;
|
|
366
|
+
if (!gridColumnWidth) {
|
|
367
|
+
return span;
|
|
368
|
+
}
|
|
369
|
+
return Math.min(24, Math.max(span, Math.ceil(requiredWidth / gridColumnWidth)));
|
|
370
|
+
};
|
|
371
|
+
var getQueryFilterStretchSpans = function getQueryFilterStretchSpans(itemSpans, availableSpan) {
|
|
372
|
+
if (!itemSpans.length) {
|
|
373
|
+
return [];
|
|
374
|
+
}
|
|
375
|
+
var normalizedAvailableSpan = Math.max(itemSpans.length, Math.floor(availableSpan));
|
|
376
|
+
var totalSpan = itemSpans.reduce(function (sum, current) {
|
|
377
|
+
return sum + current;
|
|
378
|
+
}, 0);
|
|
379
|
+
if (!totalSpan || totalSpan >= normalizedAvailableSpan) {
|
|
380
|
+
return itemSpans;
|
|
381
|
+
}
|
|
382
|
+
var stretched = itemSpans.map(function (current) {
|
|
383
|
+
return {
|
|
384
|
+
base: Math.max(1, Math.floor(current / totalSpan * normalizedAvailableSpan)),
|
|
385
|
+
fraction: current / totalSpan * normalizedAvailableSpan,
|
|
386
|
+
value: current
|
|
387
|
+
};
|
|
388
|
+
});
|
|
389
|
+
var consumedSpan = stretched.reduce(function (sum, current) {
|
|
390
|
+
return sum + current.base;
|
|
391
|
+
}, 0);
|
|
392
|
+
var remainingSpan = normalizedAvailableSpan - consumedSpan;
|
|
393
|
+
if (remainingSpan > 0) {
|
|
394
|
+
stretched.map(function (current, index) {
|
|
395
|
+
return {
|
|
396
|
+
index: index,
|
|
397
|
+
fraction: current.fraction - current.base
|
|
398
|
+
};
|
|
399
|
+
}).sort(function (left, right) {
|
|
400
|
+
return right.fraction - left.fraction || left.index - right.index;
|
|
401
|
+
}).slice(0, remainingSpan).forEach(function (current) {
|
|
402
|
+
stretched[current.index].base += 1;
|
|
403
|
+
});
|
|
404
|
+
}
|
|
405
|
+
consumedSpan = stretched.reduce(function (sum, current) {
|
|
406
|
+
return sum + current.base;
|
|
407
|
+
}, 0);
|
|
408
|
+
remainingSpan = normalizedAvailableSpan - consumedSpan;
|
|
409
|
+
if (remainingSpan > 0) {
|
|
410
|
+
stretched[stretched.length - 1].base += remainingSpan;
|
|
411
|
+
}
|
|
412
|
+
return stretched.map(function (current) {
|
|
413
|
+
return current.base;
|
|
414
|
+
});
|
|
415
|
+
};
|
|
416
|
+
var enhanceQueryFilterItem = function enhanceQueryFilterItem(item, hidden) {
|
|
417
|
+
if (! /*#__PURE__*/_react.default.isValidElement(item) || typeof item.type === 'string' || item.type === _react.default.Fragment) {
|
|
418
|
+
return item;
|
|
419
|
+
}
|
|
420
|
+
var itemProps = item.props || {};
|
|
421
|
+
return /*#__PURE__*/_react.default.cloneElement(item, _objectSpread(_objectSpread({}, hidden ? {
|
|
422
|
+
hidden: true
|
|
423
|
+
} : null), {}, {
|
|
424
|
+
rootClassName: (0, _cn.cn)('w-full', itemProps.rootClassName)
|
|
425
|
+
}));
|
|
426
|
+
};
|
|
427
|
+
var getFieldValueByNamePath = function getFieldValueByNamePath(source, name) {
|
|
428
|
+
if (name === undefined) {
|
|
429
|
+
return undefined;
|
|
430
|
+
}
|
|
431
|
+
return normalizeNamePathValue(source, name);
|
|
432
|
+
};
|
|
433
|
+
var setFieldValueByNamePath = function setFieldValueByNamePath(form, name, value) {
|
|
434
|
+
if (name === undefined) {
|
|
435
|
+
return;
|
|
436
|
+
}
|
|
437
|
+
form.setFieldValue(name, value);
|
|
438
|
+
};
|
|
439
|
+
var normalizePopupPlacement = function normalizePopupPlacement(placement) {
|
|
440
|
+
if (!placement) {
|
|
441
|
+
return 'bottom';
|
|
442
|
+
}
|
|
443
|
+
if (placement === 'center') {
|
|
444
|
+
return 'center';
|
|
445
|
+
}
|
|
446
|
+
if (String(placement).startsWith('top')) {
|
|
447
|
+
return 'top';
|
|
448
|
+
}
|
|
449
|
+
if (String(placement).startsWith('left')) {
|
|
450
|
+
return 'left';
|
|
451
|
+
}
|
|
452
|
+
if (String(placement).startsWith('right')) {
|
|
453
|
+
return 'right';
|
|
454
|
+
}
|
|
455
|
+
return 'bottom';
|
|
456
|
+
};
|
|
457
|
+
var normalizeOptionList = function normalizeOptionList(valueEnum, options, fallbackOptions) {
|
|
458
|
+
if (Array.isArray(options) && options.length) {
|
|
459
|
+
return options;
|
|
460
|
+
}
|
|
461
|
+
if (Array.isArray(fallbackOptions) && fallbackOptions.length) {
|
|
462
|
+
return fallbackOptions;
|
|
463
|
+
}
|
|
464
|
+
return (0, _field.proFieldParsingValueEnumToArray)(valueEnum);
|
|
465
|
+
};
|
|
466
|
+
var flattenSelectOptions = function flattenSelectOptions() {
|
|
467
|
+
var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
468
|
+
var nextOptions = [];
|
|
469
|
+
options.forEach(function (option) {
|
|
470
|
+
var nestedOptions = option.options || option.children;
|
|
471
|
+
if (nestedOptions !== null && nestedOptions !== void 0 && nestedOptions.length) {
|
|
472
|
+
nextOptions.push.apply(nextOptions, _toConsumableArray(flattenSelectOptions(nestedOptions)));
|
|
473
|
+
return;
|
|
474
|
+
}
|
|
475
|
+
nextOptions.push(_objectSpread(_objectSpread({
|
|
476
|
+
label: option.label
|
|
477
|
+
}, option), {}, {
|
|
478
|
+
value: option.value
|
|
479
|
+
}));
|
|
480
|
+
});
|
|
481
|
+
return nextOptions;
|
|
482
|
+
};
|
|
483
|
+
var normalizeSelectInnerValue = function normalizeSelectInnerValue(value, labelInValue) {
|
|
484
|
+
if (!labelInValue) {
|
|
485
|
+
return value;
|
|
486
|
+
}
|
|
487
|
+
if (Array.isArray(value)) {
|
|
488
|
+
return value.map(function (item) {
|
|
489
|
+
return item && _typeof(item) === 'object' && 'value' in item ? item.value : item;
|
|
490
|
+
});
|
|
491
|
+
}
|
|
492
|
+
return value && _typeof(value) === 'object' && 'value' in value ? value.value : value;
|
|
493
|
+
};
|
|
494
|
+
var findOptionByValue = function findOptionByValue(value, options) {
|
|
495
|
+
return options.find(function (option) {
|
|
496
|
+
return String(option.value) === String(value);
|
|
497
|
+
});
|
|
498
|
+
};
|
|
499
|
+
var toLabeledValue = function toLabeledValue(value, options) {
|
|
500
|
+
var _matchedOption$label;
|
|
501
|
+
var matchedOption = findOptionByValue(value, options);
|
|
502
|
+
return _objectSpread(_objectSpread({}, matchedOption || {}), {}, {
|
|
503
|
+
label: (_matchedOption$label = matchedOption === null || matchedOption === void 0 ? void 0 : matchedOption.label) !== null && _matchedOption$label !== void 0 ? _matchedOption$label : value,
|
|
504
|
+
value: value
|
|
505
|
+
});
|
|
506
|
+
};
|
|
507
|
+
var normalizeSelectChangeValue = function normalizeSelectChangeValue(value, options, labelInValue) {
|
|
508
|
+
if (!labelInValue) {
|
|
509
|
+
return value;
|
|
510
|
+
}
|
|
511
|
+
if (Array.isArray(value)) {
|
|
512
|
+
return value.map(function (item) {
|
|
513
|
+
return toLabeledValue(item, options);
|
|
514
|
+
});
|
|
515
|
+
}
|
|
516
|
+
if (value == null) {
|
|
517
|
+
return value;
|
|
518
|
+
}
|
|
519
|
+
return toLabeledValue(value, options);
|
|
520
|
+
};
|
|
521
|
+
var useFieldOptions = function useFieldOptions(_ref10) {
|
|
522
|
+
var valueEnum = _ref10.valueEnum,
|
|
523
|
+
options = _ref10.options,
|
|
524
|
+
request = _ref10.request,
|
|
525
|
+
params = _ref10.params,
|
|
526
|
+
fallbackOptions = _ref10.fallbackOptions,
|
|
527
|
+
keyWords = _ref10.keyWords,
|
|
528
|
+
_ref10$debounceTime = _ref10.debounceTime,
|
|
529
|
+
debounceTime = _ref10$debounceTime === void 0 ? 0 : _ref10$debounceTime;
|
|
530
|
+
var _useState = (0, _react.useState)([]),
|
|
531
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
532
|
+
requestOptions = _useState2[0],
|
|
533
|
+
setRequestOptions = _useState2[1];
|
|
534
|
+
(0, _react.useEffect)(function () {
|
|
535
|
+
var active = true;
|
|
536
|
+
if (!request) {
|
|
537
|
+
setRequestOptions([]);
|
|
538
|
+
return function () {
|
|
539
|
+
active = false;
|
|
540
|
+
};
|
|
541
|
+
}
|
|
542
|
+
var timer = window.setTimeout(function () {
|
|
543
|
+
request(_objectSpread(_objectSpread({}, params || {}), {}, {
|
|
544
|
+
keyWords: keyWords
|
|
545
|
+
})).then(function (result) {
|
|
546
|
+
if (!active) {
|
|
547
|
+
return;
|
|
548
|
+
}
|
|
549
|
+
setRequestOptions(Array.isArray(result) ? result : []);
|
|
550
|
+
}).catch(function (error) {
|
|
551
|
+
console.error('ProForm request options error:', error);
|
|
552
|
+
});
|
|
553
|
+
}, debounceTime);
|
|
554
|
+
return function () {
|
|
555
|
+
active = false;
|
|
556
|
+
window.clearTimeout(timer);
|
|
557
|
+
};
|
|
558
|
+
}, [debounceTime, keyWords, params, request]);
|
|
559
|
+
return request ? requestOptions : normalizeOptionList(valueEnum, options, fallbackOptions);
|
|
560
|
+
};
|
|
561
|
+
var SelectFieldBridge = function SelectFieldBridge(_ref11) {
|
|
562
|
+
var options = _ref11.options,
|
|
563
|
+
labelInValue = _ref11.labelInValue,
|
|
564
|
+
value = _ref11.value,
|
|
565
|
+
_onChange = _ref11.onChange,
|
|
566
|
+
restProps = _objectWithoutProperties(_ref11, _excluded2);
|
|
567
|
+
var normalizedValue = normalizeSelectInnerValue(value, labelInValue);
|
|
568
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_select.Select, _objectSpread(_objectSpread({}, restProps), {}, {
|
|
569
|
+
options: options,
|
|
570
|
+
value: normalizedValue,
|
|
571
|
+
onChange: function onChange(nextValue) {
|
|
572
|
+
_onChange === null || _onChange === void 0 || _onChange(normalizeSelectChangeValue(nextValue, options, labelInValue));
|
|
573
|
+
}
|
|
574
|
+
}));
|
|
575
|
+
};
|
|
576
|
+
var renderOverlayTrigger = function renderOverlayTrigger(trigger, setOpen) {
|
|
577
|
+
if (!trigger) {
|
|
578
|
+
return null;
|
|
579
|
+
}
|
|
580
|
+
if ( /*#__PURE__*/_react.default.isValidElement(trigger)) {
|
|
581
|
+
var _triggerElement$props;
|
|
582
|
+
var triggerElement = trigger;
|
|
583
|
+
var originalOnClick = (_triggerElement$props = triggerElement.props) === null || _triggerElement$props === void 0 ? void 0 : _triggerElement$props.onClick;
|
|
584
|
+
return /*#__PURE__*/_react.default.cloneElement(triggerElement, {
|
|
585
|
+
onClick: function onClick(event) {
|
|
586
|
+
originalOnClick === null || originalOnClick === void 0 || originalOnClick(event);
|
|
587
|
+
if (!event.defaultPrevented) {
|
|
588
|
+
setOpen(true);
|
|
589
|
+
}
|
|
590
|
+
}
|
|
591
|
+
});
|
|
592
|
+
}
|
|
593
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
594
|
+
className: "inline-flex cursor-pointer",
|
|
595
|
+
onClick: function onClick() {
|
|
596
|
+
setOpen(true);
|
|
597
|
+
},
|
|
598
|
+
children: trigger
|
|
599
|
+
});
|
|
600
|
+
};
|
|
601
|
+
var useMergedOpen = function useMergedOpen(_ref12) {
|
|
602
|
+
var _ref13;
|
|
603
|
+
var open = _ref12.open,
|
|
604
|
+
visible = _ref12.visible,
|
|
605
|
+
defaultOpen = _ref12.defaultOpen,
|
|
606
|
+
onOpenChange = _ref12.onOpenChange,
|
|
607
|
+
onVisibleChange = _ref12.onVisibleChange;
|
|
608
|
+
var isControlled = open !== undefined || visible !== undefined;
|
|
609
|
+
var _useState3 = (0, _react.useState)(defaultOpen || false),
|
|
610
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
611
|
+
innerOpen = _useState4[0],
|
|
612
|
+
setInnerOpen = _useState4[1];
|
|
613
|
+
var mergedOpen = (_ref13 = open !== null && open !== void 0 ? open : visible) !== null && _ref13 !== void 0 ? _ref13 : innerOpen;
|
|
614
|
+
var setMergedOpen = function setMergedOpen(nextOpen) {
|
|
615
|
+
if (!isControlled) {
|
|
616
|
+
setInnerOpen(nextOpen);
|
|
617
|
+
}
|
|
618
|
+
onOpenChange === null || onOpenChange === void 0 || onOpenChange(nextOpen);
|
|
619
|
+
onVisibleChange === null || onVisibleChange === void 0 || onVisibleChange(nextOpen);
|
|
620
|
+
};
|
|
621
|
+
return [mergedOpen, setMergedOpen];
|
|
622
|
+
};
|
|
623
|
+
var useResetFormOnClose = function useResetFormOnClose(form, open) {
|
|
624
|
+
var prevOpenRef = (0, _react.useRef)(open);
|
|
625
|
+
(0, _react.useEffect)(function () {
|
|
626
|
+
if (prevOpenRef.current && !open) {
|
|
627
|
+
form.resetFields();
|
|
628
|
+
}
|
|
629
|
+
prevOpenRef.current = open;
|
|
630
|
+
}, [form, open]);
|
|
631
|
+
};
|
|
632
|
+
var Submitter = function Submitter(_ref14) {
|
|
633
|
+
var _submitter$searchConf, _submitter$searchConf2;
|
|
634
|
+
var submitter = _ref14.submitter,
|
|
635
|
+
form = _ref14.form,
|
|
636
|
+
onReset = _ref14.onReset;
|
|
637
|
+
if (submitter === false) {
|
|
638
|
+
return null;
|
|
639
|
+
}
|
|
640
|
+
var submitButton = /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, _objectSpread(_objectSpread({
|
|
641
|
+
htmlType: "button",
|
|
642
|
+
onClick: function onClick() {
|
|
643
|
+
return form.submit();
|
|
644
|
+
}
|
|
645
|
+
}, submitter === null || submitter === void 0 ? void 0 : submitter.submitButtonProps), {}, {
|
|
646
|
+
children: (submitter === null || submitter === void 0 || (_submitter$searchConf = submitter.searchConfig) === null || _submitter$searchConf === void 0 ? void 0 : _submitter$searchConf.submitText) || '提交'
|
|
647
|
+
}), "submit");
|
|
648
|
+
var resetButton = /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, _objectSpread(_objectSpread({
|
|
649
|
+
variant: "outline",
|
|
650
|
+
htmlType: "button",
|
|
651
|
+
onClick: function onClick() {
|
|
652
|
+
form.resetFields();
|
|
653
|
+
onReset === null || onReset === void 0 || onReset(form.getFieldsValue(true));
|
|
654
|
+
}
|
|
655
|
+
}, submitter === null || submitter === void 0 ? void 0 : submitter.resetButtonProps), {}, {
|
|
656
|
+
children: (submitter === null || submitter === void 0 || (_submitter$searchConf2 = submitter.searchConfig) === null || _submitter$searchConf2 === void 0 ? void 0 : _submitter$searchConf2.resetText) || '重置'
|
|
657
|
+
}), "reset");
|
|
658
|
+
var dom = [resetButton, submitButton];
|
|
659
|
+
var rendered = submitter !== null && submitter !== void 0 && submitter.render ? submitter.render(submitter, dom) : dom;
|
|
660
|
+
if (rendered === false) {
|
|
661
|
+
return null;
|
|
662
|
+
}
|
|
663
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
664
|
+
className: "mt-6 flex flex-wrap items-center justify-end gap-3",
|
|
665
|
+
children: Array.isArray(rendered) ? rendered : rendered
|
|
666
|
+
});
|
|
667
|
+
};
|
|
668
|
+
var QueryFilterActions = function QueryFilterActions(_ref15) {
|
|
669
|
+
var _submitter$resetButto, _submitter$resetButto2, _submitter$searchConf3, _submitter$submitButt, _submitter$submitButt2, _submitter$searchConf4, _collapseButtonProps$, _collapseButtonProps$2, _collapseButtonProps$3;
|
|
670
|
+
var form = _ref15.form,
|
|
671
|
+
submitter = _ref15.submitter,
|
|
672
|
+
onReset = _ref15.onReset,
|
|
673
|
+
searchText = _ref15.searchText,
|
|
674
|
+
resetText = _ref15.resetText,
|
|
675
|
+
_ref15$defaultCollaps = _ref15.defaultCollapsed,
|
|
676
|
+
defaultCollapsed = _ref15$defaultCollaps === void 0 ? false : _ref15$defaultCollaps,
|
|
677
|
+
collapsed = _ref15.collapsed,
|
|
678
|
+
onCollapse = _ref15.onCollapse,
|
|
679
|
+
defaultColsNumber = _ref15.defaultColsNumber,
|
|
680
|
+
defaultFormItemsNumber = _ref15.defaultFormItemsNumber,
|
|
681
|
+
showHiddenNum = _ref15.showHiddenNum,
|
|
682
|
+
hiddenNumCount = _ref15.hiddenNumCount,
|
|
683
|
+
collapseRender = _ref15.collapseRender,
|
|
684
|
+
optionRender = _ref15.optionRender,
|
|
685
|
+
_ref15$compact = _ref15.compact,
|
|
686
|
+
compact = _ref15$compact === void 0 ? false : _ref15$compact,
|
|
687
|
+
_ref15$stacked = _ref15.stacked,
|
|
688
|
+
stacked = _ref15$stacked === void 0 ? false : _ref15$stacked,
|
|
689
|
+
actionWrapperRef = _ref15.actionWrapperRef,
|
|
690
|
+
restProps = _objectWithoutProperties(_ref15, _excluded3);
|
|
691
|
+
var intl = (0, _provider.useIntl)();
|
|
692
|
+
var _useState5 = (0, _react.useState)(defaultCollapsed),
|
|
693
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
694
|
+
innerCollapsed = _useState6[0],
|
|
695
|
+
setInnerCollapsed = _useState6[1];
|
|
696
|
+
var mergedCollapsed = collapsed !== null && collapsed !== void 0 ? collapsed : innerCollapsed;
|
|
697
|
+
var hiddenNum = showHiddenNum ? hiddenNumCount || 0 : false;
|
|
698
|
+
var actionGapClass = compact ? 'gap-2' : 'gap-3';
|
|
699
|
+
var setCollapsedValue = function setCollapsedValue(nextValue) {
|
|
700
|
+
if (collapsed === undefined) {
|
|
701
|
+
setInnerCollapsed(nextValue);
|
|
702
|
+
}
|
|
703
|
+
onCollapse === null || onCollapse === void 0 || onCollapse(nextValue);
|
|
704
|
+
};
|
|
705
|
+
var showCollapseButton = Boolean(collapseRender !== false && hiddenNumCount && hiddenNumCount > 0);
|
|
706
|
+
var actionSize = compact ? 'small' : 'middle';
|
|
707
|
+
var searchConfig = _objectSpread(_objectSpread({}, restProps), {}, {
|
|
708
|
+
form: form,
|
|
709
|
+
collapse: mergedCollapsed,
|
|
710
|
+
setCollapse: setCollapsedValue,
|
|
711
|
+
showCollapseButton: showCollapseButton,
|
|
712
|
+
compactActions: compact,
|
|
713
|
+
actionSize: actionSize
|
|
714
|
+
});
|
|
715
|
+
if (submitter === false && collapseRender === false && optionRender === false) {
|
|
716
|
+
return null;
|
|
717
|
+
}
|
|
718
|
+
var resetNode = submitter === false ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, _objectSpread(_objectSpread({
|
|
719
|
+
"data-query-filter-action": "reset",
|
|
720
|
+
variant: "outline",
|
|
721
|
+
htmlType: "button",
|
|
722
|
+
size: (_submitter$resetButto = submitter === null || submitter === void 0 || (_submitter$resetButto2 = submitter.resetButtonProps) === null || _submitter$resetButto2 === void 0 ? void 0 : _submitter$resetButto2.size) !== null && _submitter$resetButto !== void 0 ? _submitter$resetButto : compact ? 'small' : undefined,
|
|
723
|
+
onClick: function onClick() {
|
|
724
|
+
form.resetFields();
|
|
725
|
+
onReset === null || onReset === void 0 || onReset(form.getFieldsValue(true));
|
|
726
|
+
}
|
|
727
|
+
}, submitter === null || submitter === void 0 ? void 0 : submitter.resetButtonProps), {}, {
|
|
728
|
+
children: (submitter === null || submitter === void 0 || (_submitter$searchConf3 = submitter.searchConfig) === null || _submitter$searchConf3 === void 0 ? void 0 : _submitter$searchConf3.resetText) || resetText || intl.getMessage('tableForm.reset', '重置')
|
|
729
|
+
}), "reset");
|
|
730
|
+
var submitNode = submitter === false ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, _objectSpread(_objectSpread({
|
|
731
|
+
"data-query-filter-action": "submit",
|
|
732
|
+
htmlType: "button",
|
|
733
|
+
size: (_submitter$submitButt = submitter === null || submitter === void 0 || (_submitter$submitButt2 = submitter.submitButtonProps) === null || _submitter$submitButt2 === void 0 ? void 0 : _submitter$submitButt2.size) !== null && _submitter$submitButt !== void 0 ? _submitter$submitButt : compact ? 'small' : undefined,
|
|
734
|
+
onClick: function onClick() {
|
|
735
|
+
form.submit();
|
|
736
|
+
}
|
|
737
|
+
}, submitter === null || submitter === void 0 ? void 0 : submitter.submitButtonProps), {}, {
|
|
738
|
+
children: (submitter === null || submitter === void 0 || (_submitter$searchConf4 = submitter.searchConfig) === null || _submitter$searchConf4 === void 0 ? void 0 : _submitter$searchConf4.submitText) || searchText || intl.getMessage('tableForm.search', '查询')
|
|
739
|
+
}), "submit");
|
|
740
|
+
var collapseButtonProps = submitter === false ? undefined : submitter === null || submitter === void 0 ? void 0 : submitter.collapseButtonProps;
|
|
741
|
+
var collapseNode = collapseRender === false ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, _objectSpread(_objectSpread({}, collapseButtonProps), {}, {
|
|
742
|
+
htmlType: "button",
|
|
743
|
+
"data-query-filter-action": "collapse",
|
|
744
|
+
variant: (_collapseButtonProps$ = collapseButtonProps === null || collapseButtonProps === void 0 ? void 0 : collapseButtonProps.variant) !== null && _collapseButtonProps$ !== void 0 ? _collapseButtonProps$ : 'ghost',
|
|
745
|
+
size: (_collapseButtonProps$2 = collapseButtonProps === null || collapseButtonProps === void 0 ? void 0 : collapseButtonProps.size) !== null && _collapseButtonProps$2 !== void 0 ? _collapseButtonProps$2 : actionSize,
|
|
746
|
+
gap: (_collapseButtonProps$3 = collapseButtonProps === null || collapseButtonProps === void 0 ? void 0 : collapseButtonProps.gap) !== null && _collapseButtonProps$3 !== void 0 ? _collapseButtonProps$3 : compact ? 'var(--x-control-gap-mini)' : 'var(--x-control-gap-small)',
|
|
747
|
+
className: (0, _cn.cn)('text-muted-foreground hover:text-foreground', collapseButtonProps === null || collapseButtonProps === void 0 ? void 0 : collapseButtonProps.className),
|
|
748
|
+
onClick: function onClick(event) {
|
|
749
|
+
var _collapseButtonProps$4;
|
|
750
|
+
collapseButtonProps === null || collapseButtonProps === void 0 || (_collapseButtonProps$4 = collapseButtonProps.onClick) === null || _collapseButtonProps$4 === void 0 || _collapseButtonProps$4.call(collapseButtonProps, event);
|
|
751
|
+
if (event.defaultPrevented) {
|
|
752
|
+
return;
|
|
753
|
+
}
|
|
754
|
+
setCollapsedValue(!mergedCollapsed);
|
|
755
|
+
},
|
|
756
|
+
children: collapseRender ? collapseRender(mergedCollapsed, searchConfig, intl, hiddenNum) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
757
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
|
|
758
|
+
children: [mergedCollapsed ? intl.getMessage('tableForm.collapsed', '展开') : intl.getMessage('tableForm.expand', '收起'), mergedCollapsed && showHiddenNum && hiddenNum ? "(".concat(Math.max(0, Number(hiddenNum)), ")") : '']
|
|
759
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReact.ChevronDown, {
|
|
760
|
+
className: (0, _cn.cn)('h-4 w-4 transition-transform', !mergedCollapsed && 'rotate-180')
|
|
761
|
+
})]
|
|
762
|
+
})
|
|
763
|
+
}), "collapse");
|
|
764
|
+
var actionDom = [resetNode, submitNode, collapseNode].filter(Boolean);
|
|
765
|
+
var renderedDom = optionRender ? optionRender(searchConfig, searchConfig, actionDom) : actionDom;
|
|
766
|
+
var normalizedRenderedDom = compact ? _react.default.Children.map(renderedDom, function (node) {
|
|
767
|
+
var _ref16;
|
|
768
|
+
if (! /*#__PURE__*/_react.default.isValidElement(node)) {
|
|
769
|
+
return node;
|
|
770
|
+
}
|
|
771
|
+
var nodeProps = (_ref16 = node.props) !== null && _ref16 !== void 0 ? _ref16 : {};
|
|
772
|
+
if (node.type === _button.Button && nodeProps.size === undefined) {
|
|
773
|
+
return /*#__PURE__*/_react.default.cloneElement(node, {
|
|
774
|
+
size: 'small'
|
|
775
|
+
});
|
|
776
|
+
}
|
|
777
|
+
if (node.type === _react.default.Fragment) {
|
|
778
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
|
|
779
|
+
children: _react.default.Children.map(nodeProps.children, function (fragmentChild) {
|
|
780
|
+
var _ref17;
|
|
781
|
+
if (! /*#__PURE__*/_react.default.isValidElement(fragmentChild)) {
|
|
782
|
+
return fragmentChild;
|
|
783
|
+
}
|
|
784
|
+
var fragmentChildProps = (_ref17 = fragmentChild.props) !== null && _ref17 !== void 0 ? _ref17 : {};
|
|
785
|
+
return fragmentChild.type === _button.Button && fragmentChildProps.size === undefined ? /*#__PURE__*/_react.default.cloneElement(fragmentChild, {
|
|
786
|
+
size: 'small'
|
|
787
|
+
}) : fragmentChild;
|
|
788
|
+
})
|
|
789
|
+
}, node.key);
|
|
790
|
+
}
|
|
791
|
+
return node;
|
|
792
|
+
}) : renderedDom;
|
|
793
|
+
if (!normalizedRenderedDom || Array.isArray(normalizedRenderedDom) && normalizedRenderedDom.length === 0) {
|
|
794
|
+
return null;
|
|
795
|
+
}
|
|
796
|
+
var normalizedActionList = _react.default.Children.toArray(normalizedRenderedDom);
|
|
797
|
+
var primaryActionList = normalizedActionList.filter(function (node) {
|
|
798
|
+
var _node$props;
|
|
799
|
+
if (! /*#__PURE__*/_react.default.isValidElement(node)) {
|
|
800
|
+
return false;
|
|
801
|
+
}
|
|
802
|
+
var actionRole = (_node$props = node.props) === null || _node$props === void 0 ? void 0 : _node$props['data-query-filter-action'];
|
|
803
|
+
return actionRole === 'reset' || actionRole === 'submit' || actionRole === 'collapse';
|
|
804
|
+
});
|
|
805
|
+
var secondaryActionList = normalizedActionList.filter(function (node) {
|
|
806
|
+
var _node$props2;
|
|
807
|
+
if (! /*#__PURE__*/_react.default.isValidElement(node)) {
|
|
808
|
+
return true;
|
|
809
|
+
}
|
|
810
|
+
var actionRole = (_node$props2 = node.props) === null || _node$props2 === void 0 ? void 0 : _node$props2['data-query-filter-action'];
|
|
811
|
+
return actionRole !== 'reset' && actionRole !== 'submit' && actionRole !== 'collapse';
|
|
812
|
+
});
|
|
813
|
+
if (primaryActionList.length > 0 && secondaryActionList.length > 0) {
|
|
814
|
+
if (stacked) {
|
|
815
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
816
|
+
ref: actionWrapperRef,
|
|
817
|
+
className: (0, _cn.cn)('flex w-full flex-col items-end', actionGapClass),
|
|
818
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
819
|
+
"data-query-filter-action-group": "primary",
|
|
820
|
+
className: (0, _cn.cn)('flex flex-wrap items-center justify-end', actionGapClass),
|
|
821
|
+
children: primaryActionList
|
|
822
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
823
|
+
"data-query-filter-action-group": "secondary",
|
|
824
|
+
className: (0, _cn.cn)('flex flex-wrap items-center justify-end', actionGapClass),
|
|
825
|
+
children: secondaryActionList
|
|
826
|
+
})]
|
|
827
|
+
});
|
|
828
|
+
}
|
|
829
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
830
|
+
ref: actionWrapperRef,
|
|
831
|
+
className: (0, _cn.cn)('grid w-full items-center', compact ? 'grid-cols-[minmax(0,1fr)_auto] gap-2' : 'grid-cols-[minmax(0,1fr)_auto] gap-3'),
|
|
832
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
833
|
+
"data-query-filter-action-group": "secondary",
|
|
834
|
+
className: (0, _cn.cn)('flex min-w-0 flex-wrap items-center justify-end', actionGapClass),
|
|
835
|
+
children: secondaryActionList
|
|
836
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
837
|
+
"data-query-filter-action-group": "primary",
|
|
838
|
+
className: (0, _cn.cn)('flex flex-wrap items-center justify-end', actionGapClass),
|
|
839
|
+
children: primaryActionList
|
|
840
|
+
})]
|
|
841
|
+
});
|
|
842
|
+
}
|
|
843
|
+
var singleActionGroupRole = primaryActionList.length === normalizedActionList.length ? 'primary' : secondaryActionList.length === normalizedActionList.length ? 'secondary' : undefined;
|
|
844
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
845
|
+
ref: actionWrapperRef,
|
|
846
|
+
"data-query-filter-action-group": singleActionGroupRole,
|
|
847
|
+
className: (0, _cn.cn)('flex flex-wrap items-center justify-end', actionGapClass),
|
|
848
|
+
children: normalizedActionList
|
|
849
|
+
});
|
|
850
|
+
};
|
|
851
|
+
var BaseProForm = function BaseProForm(_ref18) {
|
|
852
|
+
var _queryFilterState$hid, _queryFilterState$ren;
|
|
853
|
+
var submitter = _ref18.submitter,
|
|
854
|
+
_ref18$layoutType = _ref18.layoutType,
|
|
855
|
+
layoutType = _ref18$layoutType === void 0 ? 'Form' : _ref18$layoutType,
|
|
856
|
+
layout = _ref18.layout,
|
|
857
|
+
controlledForm = _ref18.form,
|
|
858
|
+
onReset = _ref18.onReset,
|
|
859
|
+
classNames = _ref18.classNames,
|
|
860
|
+
colon = _ref18.colon,
|
|
861
|
+
className = _ref18.className,
|
|
862
|
+
children = _ref18.children,
|
|
863
|
+
defaultCollapsed = _ref18.defaultCollapsed,
|
|
864
|
+
collapsed = _ref18.collapsed,
|
|
865
|
+
onCollapse = _ref18.onCollapse,
|
|
866
|
+
defaultColsNumber = _ref18.defaultColsNumber,
|
|
867
|
+
defaultFormItemsNumber = _ref18.defaultFormItemsNumber,
|
|
868
|
+
split = _ref18.split,
|
|
869
|
+
searchText = _ref18.searchText,
|
|
870
|
+
resetText = _ref18.resetText,
|
|
871
|
+
labelWidth = _ref18.labelWidth,
|
|
872
|
+
searchGutter = _ref18.searchGutter,
|
|
873
|
+
span = _ref18.span,
|
|
874
|
+
ignoreRules = _ref18.ignoreRules,
|
|
875
|
+
_ref18$preserve = _ref18.preserve,
|
|
876
|
+
preserve = _ref18$preserve === void 0 ? true : _ref18$preserve,
|
|
877
|
+
showHiddenNum = _ref18.showHiddenNum,
|
|
878
|
+
collapseRender = _ref18.collapseRender,
|
|
879
|
+
optionRender = _ref18.optionRender,
|
|
880
|
+
submitterColSpanProps = _ref18.submitterColSpanProps,
|
|
881
|
+
containerStyle = _ref18.containerStyle,
|
|
882
|
+
restProps = _objectWithoutProperties(_ref18, _excluded4);
|
|
883
|
+
var _useForm = (0, _form.useForm)(controlledForm),
|
|
884
|
+
_useForm2 = _slicedToArray(_useForm, 1),
|
|
885
|
+
form = _useForm2[0];
|
|
886
|
+
var intl = (0, _provider.useIntl)();
|
|
887
|
+
var mergedLayout = layout || (layoutType === 'QueryFilter' || layoutType === 'LightFilter' ? 'inline' : 'horizontal');
|
|
888
|
+
var isQueryFilter = layoutType === 'QueryFilter';
|
|
889
|
+
var isLightFilter = layoutType === 'LightFilter';
|
|
890
|
+
var isQueryLike = isQueryFilter || isLightFilter;
|
|
891
|
+
var queryContainerRef = (0, _react.useRef)(null);
|
|
892
|
+
var queryActionsRef = (0, _react.useRef)(null);
|
|
893
|
+
var _useState7 = (0, _react.useState)(DEFAULT_QUERY_FILTER_WIDTH),
|
|
894
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
895
|
+
queryContainerWidth = _useState8[0],
|
|
896
|
+
setQueryContainerWidth = _useState8[1];
|
|
897
|
+
var _useState9 = (0, _react.useState)(0),
|
|
898
|
+
_useState10 = _slicedToArray(_useState9, 2),
|
|
899
|
+
queryActionsWidth = _useState10[0],
|
|
900
|
+
setQueryActionsWidth = _useState10[1];
|
|
901
|
+
var _useState11 = (0, _react.useState)(defaultCollapsed !== null && defaultCollapsed !== void 0 ? defaultCollapsed : false),
|
|
902
|
+
_useState12 = _slicedToArray(_useState11, 2),
|
|
903
|
+
innerCollapsed = _useState12[0],
|
|
904
|
+
setInnerCollapsed = _useState12[1];
|
|
905
|
+
var mergedCollapsed = collapsed !== null && collapsed !== void 0 ? collapsed : innerCollapsed;
|
|
906
|
+
var childList = (0, _react.useMemo)(function () {
|
|
907
|
+
return _react.default.Children.toArray(children);
|
|
908
|
+
}, [children]);
|
|
909
|
+
var flattenedChildList = (0, _react.useMemo)(function () {
|
|
910
|
+
return flatQueryItems(childList, ignoreRules);
|
|
911
|
+
}, [childList, ignoreRules]);
|
|
912
|
+
(0, _react.useEffect)(function () {
|
|
913
|
+
if (!isQueryFilter) {
|
|
914
|
+
return undefined;
|
|
915
|
+
}
|
|
916
|
+
var updateWidth = function updateWidth(nextWidth) {
|
|
917
|
+
var _queryContainerRef$cu;
|
|
918
|
+
var resolvedWidth = Number(nextWidth) || ((_queryContainerRef$cu = queryContainerRef.current) === null || _queryContainerRef$cu === void 0 ? void 0 : _queryContainerRef$cu.clientWidth) || 0;
|
|
919
|
+
if (!resolvedWidth) {
|
|
920
|
+
return;
|
|
921
|
+
}
|
|
922
|
+
setQueryContainerWidth(function (previousWidth) {
|
|
923
|
+
return Math.abs(previousWidth - resolvedWidth) > 1 ? resolvedWidth : previousWidth;
|
|
924
|
+
});
|
|
925
|
+
};
|
|
926
|
+
updateWidth();
|
|
927
|
+
var node = queryContainerRef.current;
|
|
928
|
+
if (!node || typeof ResizeObserver === 'undefined') {
|
|
929
|
+
return undefined;
|
|
930
|
+
}
|
|
931
|
+
var observer = new ResizeObserver(function (entries) {
|
|
932
|
+
var _entries$;
|
|
933
|
+
var nextWidth = (_entries$ = entries[0]) === null || _entries$ === void 0 ? void 0 : _entries$.contentRect.width;
|
|
934
|
+
updateWidth(nextWidth);
|
|
935
|
+
});
|
|
936
|
+
observer.observe(node);
|
|
937
|
+
return function () {
|
|
938
|
+
observer.disconnect();
|
|
939
|
+
};
|
|
940
|
+
}, [isQueryFilter]);
|
|
941
|
+
var querySpanSize = (0, _react.useMemo)(function () {
|
|
942
|
+
return isQueryFilter ? getResolvedQueryFilterSpan(layout, queryContainerWidth, span) : undefined;
|
|
943
|
+
}, [isQueryFilter, layout, queryContainerWidth, span]);
|
|
944
|
+
var resolvedQueryFilterLayout = isQueryFilter ? (querySpanSize === null || querySpanSize === void 0 ? void 0 : querySpanSize.layout) || 'horizontal' : mergedLayout;
|
|
945
|
+
var resolvedQueryFilterLabelWidth = isQueryFilter && resolvedQueryFilterLayout !== 'vertical' ? labelWidth !== null && labelWidth !== void 0 ? labelWidth : 80 : labelWidth;
|
|
946
|
+
var resolvedQueryFilterActionSpan = (0, _react.useMemo)(function () {
|
|
947
|
+
if (!isQueryFilter || !querySpanSize) {
|
|
948
|
+
return undefined;
|
|
949
|
+
}
|
|
950
|
+
if (submitterColSpanProps !== null && submitterColSpanProps !== void 0 && submitterColSpanProps.span) {
|
|
951
|
+
return Math.min(24, Math.max(1, Number(submitterColSpanProps.span)));
|
|
952
|
+
}
|
|
953
|
+
return getResolvedQueryFilterActionSpan({
|
|
954
|
+
span: querySpanSize.span,
|
|
955
|
+
containerWidth: queryContainerWidth,
|
|
956
|
+
actionWidth: queryActionsWidth,
|
|
957
|
+
layout: resolvedQueryFilterLayout,
|
|
958
|
+
labelWidth: resolvedQueryFilterLabelWidth
|
|
959
|
+
});
|
|
960
|
+
}, [isQueryFilter, queryActionsWidth, queryContainerWidth, querySpanSize, resolvedQueryFilterLabelWidth, resolvedQueryFilterLayout, submitterColSpanProps === null || submitterColSpanProps === void 0 ? void 0 : submitterColSpanProps.span]);
|
|
961
|
+
var resolvedQueryFilterSplit = Boolean(split) || Boolean(isQueryFilter && querySpanSize && resolvedQueryFilterActionSpan && 24 - resolvedQueryFilterActionSpan < querySpanSize.span);
|
|
962
|
+
var queryShowLength = (0, _react.useMemo)(function () {
|
|
963
|
+
return querySpanSize ? getResolvedQueryFilterShowLength({
|
|
964
|
+
defaultColsNumber: defaultColsNumber,
|
|
965
|
+
defaultFormItemsNumber: defaultFormItemsNumber,
|
|
966
|
+
span: querySpanSize.span,
|
|
967
|
+
actionSpan: resolvedQueryFilterActionSpan,
|
|
968
|
+
split: resolvedQueryFilterSplit
|
|
969
|
+
}) : 0;
|
|
970
|
+
}, [defaultColsNumber, defaultFormItemsNumber, querySpanSize, resolvedQueryFilterActionSpan, resolvedQueryFilterSplit]);
|
|
971
|
+
var consumedSize = 0;
|
|
972
|
+
var processedChildren = flattenedChildList.map(function (child, index) {
|
|
973
|
+
var _child$key2, _props$name2;
|
|
974
|
+
if (! /*#__PURE__*/_react.default.isValidElement(child)) {
|
|
975
|
+
return {
|
|
976
|
+
key: "plain-".concat(index),
|
|
977
|
+
element: child,
|
|
978
|
+
hidden: false
|
|
979
|
+
};
|
|
980
|
+
}
|
|
981
|
+
var props = child.props || {};
|
|
982
|
+
var explicitHidden = Boolean(props.hidden);
|
|
983
|
+
var colSize = Math.max(1, Number(props.colSize || 1));
|
|
984
|
+
var collapseHidden = isLightFilter && mergedCollapsed && !explicitHidden && consumedSize >= queryShowLength;
|
|
985
|
+
if (!explicitHidden) {
|
|
986
|
+
consumedSize += colSize;
|
|
987
|
+
}
|
|
988
|
+
var hidden = explicitHidden || collapseHidden;
|
|
989
|
+
if (!hidden) {
|
|
990
|
+
var _child$key, _props$name;
|
|
991
|
+
return {
|
|
992
|
+
key: (_child$key = child.key) !== null && _child$key !== void 0 ? _child$key : "".concat((_props$name = props.name) !== null && _props$name !== void 0 ? _props$name : index),
|
|
993
|
+
element: child,
|
|
994
|
+
hidden: false
|
|
995
|
+
};
|
|
996
|
+
}
|
|
997
|
+
return {
|
|
998
|
+
key: (_child$key2 = child.key) !== null && _child$key2 !== void 0 ? _child$key2 : "".concat((_props$name2 = props.name) !== null && _props$name2 !== void 0 ? _props$name2 : index),
|
|
999
|
+
element: null,
|
|
1000
|
+
hidden: true
|
|
1001
|
+
};
|
|
1002
|
+
});
|
|
1003
|
+
var queryFilterState = (0, _react.useMemo)(function () {
|
|
1004
|
+
if (!isQueryFilter || !querySpanSize) {
|
|
1005
|
+
return null;
|
|
1006
|
+
}
|
|
1007
|
+
var actionSpan = Math.min(24, Math.max(1, Number(resolvedQueryFilterActionSpan || querySpanSize.span)));
|
|
1008
|
+
var totalSize = 0;
|
|
1009
|
+
var currentSpan = 0;
|
|
1010
|
+
var firstRowFull = false;
|
|
1011
|
+
var processedQueryChildren = flattenedChildList.map(function (child, index) {
|
|
1012
|
+
var _ref19, _child$key4, _itemProps$name2;
|
|
1013
|
+
var itemProps = /*#__PURE__*/_react.default.isValidElement(child) ? (_ref19 = child.props) !== null && _ref19 !== void 0 ? _ref19 : {} : {};
|
|
1014
|
+
var explicitHidden = Boolean(itemProps.hidden);
|
|
1015
|
+
var colSize = Math.max(1, Number(itemProps.colSize || 1));
|
|
1016
|
+
var colSpan = Math.min(querySpanSize.span * colSize, 24);
|
|
1017
|
+
totalSize += colSize;
|
|
1018
|
+
if (index === 0 && !explicitHidden) {
|
|
1019
|
+
firstRowFull = colSpan === 24;
|
|
1020
|
+
}
|
|
1021
|
+
var collapseHidden = mergedCollapsed && !explicitHidden && index > 0 && (firstRowFull || totalSize > queryShowLength);
|
|
1022
|
+
var hidden = explicitHidden || collapseHidden;
|
|
1023
|
+
if (hidden) {
|
|
1024
|
+
var _child$key3, _itemProps$name;
|
|
1025
|
+
return {
|
|
1026
|
+
key: /*#__PURE__*/_react.default.isValidElement(child) ? (_child$key3 = child.key) !== null && _child$key3 !== void 0 ? _child$key3 : "".concat((_itemProps$name = itemProps.name) !== null && _itemProps$name !== void 0 ? _itemProps$name : index) : "plain-".concat(index),
|
|
1027
|
+
colSpan: colSpan,
|
|
1028
|
+
element: null,
|
|
1029
|
+
hidden: true
|
|
1030
|
+
};
|
|
1031
|
+
}
|
|
1032
|
+
return {
|
|
1033
|
+
key: /*#__PURE__*/_react.default.isValidElement(child) ? (_child$key4 = child.key) !== null && _child$key4 !== void 0 ? _child$key4 : "".concat((_itemProps$name2 = itemProps.name) !== null && _itemProps$name2 !== void 0 ? _itemProps$name2 : index) : "plain-".concat(index),
|
|
1034
|
+
colSpan: colSpan,
|
|
1035
|
+
element: enhanceQueryFilterItem(child),
|
|
1036
|
+
hidden: false
|
|
1037
|
+
};
|
|
1038
|
+
});
|
|
1039
|
+
var visibleQueryChildren = processedQueryChildren.filter(function (item) {
|
|
1040
|
+
return !item.hidden && item.element != null;
|
|
1041
|
+
});
|
|
1042
|
+
var stretchedSpanByKey = new Map();
|
|
1043
|
+
var effectiveQueryFilterSplit = resolvedQueryFilterSplit;
|
|
1044
|
+
if (!resolvedQueryFilterSplit && visibleQueryChildren.length > 0) {
|
|
1045
|
+
var rows = [];
|
|
1046
|
+
visibleQueryChildren.forEach(function (item) {
|
|
1047
|
+
var itemKey = String(item.key);
|
|
1048
|
+
var currentRow = rows[rows.length - 1];
|
|
1049
|
+
if (!currentRow || currentRow.totalSpan + item.colSpan > 24) {
|
|
1050
|
+
rows.push({
|
|
1051
|
+
keys: [itemKey],
|
|
1052
|
+
spans: [item.colSpan],
|
|
1053
|
+
totalSpan: item.colSpan
|
|
1054
|
+
});
|
|
1055
|
+
return;
|
|
1056
|
+
}
|
|
1057
|
+
currentRow.keys.push(itemKey);
|
|
1058
|
+
currentRow.spans.push(item.colSpan);
|
|
1059
|
+
currentRow.totalSpan += item.colSpan;
|
|
1060
|
+
});
|
|
1061
|
+
var availableActionRowSpan = 24 - actionSpan;
|
|
1062
|
+
var actionRow = rows[rows.length - 1];
|
|
1063
|
+
var shouldStretchActionRow = Boolean(actionRow) && actionRow.totalSpan < availableActionRowSpan && (actionRow.keys.length > 1 || actionRow.spans.some(function (currentSpan) {
|
|
1064
|
+
return currentSpan > querySpanSize.span;
|
|
1065
|
+
}));
|
|
1066
|
+
if (actionRow && actionRow.totalSpan <= availableActionRowSpan) {
|
|
1067
|
+
var stretchedRowSpans = shouldStretchActionRow ? getQueryFilterStretchSpans(actionRow.spans, availableActionRowSpan) : actionRow.spans;
|
|
1068
|
+
actionRow.keys.forEach(function (itemKey, index) {
|
|
1069
|
+
var _stretchedRowSpans$in;
|
|
1070
|
+
stretchedSpanByKey.set(itemKey, (_stretchedRowSpans$in = stretchedRowSpans[index]) !== null && _stretchedRowSpans$in !== void 0 ? _stretchedRowSpans$in : actionRow.spans[index]);
|
|
1071
|
+
});
|
|
1072
|
+
} else {
|
|
1073
|
+
effectiveQueryFilterSplit = true;
|
|
1074
|
+
}
|
|
1075
|
+
}
|
|
1076
|
+
var renderedQueryChildren = processedQueryChildren.map(function (item) {
|
|
1077
|
+
var _stretchedSpanByKey$g;
|
|
1078
|
+
if (item.hidden || item.element == null) {
|
|
1079
|
+
return item.element;
|
|
1080
|
+
}
|
|
1081
|
+
var renderedColSpan = (_stretchedSpanByKey$g = stretchedSpanByKey.get(String(item.key))) !== null && _stretchedSpanByKey$g !== void 0 ? _stretchedSpanByKey$g : item.colSpan;
|
|
1082
|
+
var remainingSpan = currentSpan % 24;
|
|
1083
|
+
if (remainingSpan !== 0 && 24 - remainingSpan < renderedColSpan) {
|
|
1084
|
+
currentSpan += 24 - remainingSpan;
|
|
1085
|
+
}
|
|
1086
|
+
var startColumn = currentSpan % 24 + 1;
|
|
1087
|
+
currentSpan += renderedColSpan;
|
|
1088
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
1089
|
+
"data-pro-query-filter-item": true,
|
|
1090
|
+
className: "min-w-0",
|
|
1091
|
+
style: {
|
|
1092
|
+
gridColumn: "".concat(startColumn, " / span ").concat(renderedColSpan)
|
|
1093
|
+
},
|
|
1094
|
+
children: item.element
|
|
1095
|
+
}, String(item.key));
|
|
1096
|
+
});
|
|
1097
|
+
return {
|
|
1098
|
+
actionGridColumn: effectiveQueryFilterSplit ? '1 / -1' : "".concat(25 - actionSpan, " / span ").concat(actionSpan),
|
|
1099
|
+
actionSpan: actionSpan,
|
|
1100
|
+
actionStart: effectiveQueryFilterSplit ? 1 : 25 - actionSpan,
|
|
1101
|
+
effectiveSplit: effectiveQueryFilterSplit,
|
|
1102
|
+
hiddenNum: processedQueryChildren.filter(function (item) {
|
|
1103
|
+
return item.hidden;
|
|
1104
|
+
}).length,
|
|
1105
|
+
renderedChildren: renderedQueryChildren
|
|
1106
|
+
};
|
|
1107
|
+
}, [flattenedChildList, isQueryFilter, mergedCollapsed, preserve, queryShowLength, querySpanSize, resolvedQueryFilterActionSpan, resolvedQueryFilterSplit]);
|
|
1108
|
+
var hiddenNum = (_queryFilterState$hid = queryFilterState === null || queryFilterState === void 0 ? void 0 : queryFilterState.hiddenNum) !== null && _queryFilterState$hid !== void 0 ? _queryFilterState$hid : processedChildren.filter(function (item) {
|
|
1109
|
+
return item.hidden;
|
|
1110
|
+
}).length;
|
|
1111
|
+
var renderedChildren = (_queryFilterState$ren = queryFilterState === null || queryFilterState === void 0 ? void 0 : queryFilterState.renderedChildren) !== null && _queryFilterState$ren !== void 0 ? _queryFilterState$ren : processedChildren.map(function (item) {
|
|
1112
|
+
return item.element;
|
|
1113
|
+
}).filter(Boolean);
|
|
1114
|
+
var compactQueryFilterActions = isQueryFilter && (queryContainerWidth < COMPACT_QUERY_FILTER_ACTION_WIDTH || Boolean(queryFilterState === null || queryFilterState === void 0 ? void 0 : queryFilterState.effectiveSplit));
|
|
1115
|
+
var stackedQueryFilterActions = compactQueryFilterActions && queryContainerWidth < STACKED_QUERY_FILTER_ACTION_WIDTH;
|
|
1116
|
+
(0, _react.useEffect)(function () {
|
|
1117
|
+
if (!isQueryFilter) {
|
|
1118
|
+
return undefined;
|
|
1119
|
+
}
|
|
1120
|
+
var updateWidth = function updateWidth() {
|
|
1121
|
+
var nextWidth = getMeasuredQueryFilterActionWidth(queryActionsRef.current);
|
|
1122
|
+
if (!nextWidth) {
|
|
1123
|
+
return;
|
|
1124
|
+
}
|
|
1125
|
+
setQueryActionsWidth(function (previousWidth) {
|
|
1126
|
+
return Math.abs(previousWidth - nextWidth) > 1 ? nextWidth : previousWidth;
|
|
1127
|
+
});
|
|
1128
|
+
};
|
|
1129
|
+
updateWidth();
|
|
1130
|
+
var node = queryActionsRef.current;
|
|
1131
|
+
if (!node || typeof ResizeObserver === 'undefined') {
|
|
1132
|
+
return undefined;
|
|
1133
|
+
}
|
|
1134
|
+
var observer = new ResizeObserver(function () {
|
|
1135
|
+
updateWidth();
|
|
1136
|
+
});
|
|
1137
|
+
observer.observe(node);
|
|
1138
|
+
Array.from(node.children).forEach(function (child) {
|
|
1139
|
+
return observer.observe(child);
|
|
1140
|
+
});
|
|
1141
|
+
return function () {
|
|
1142
|
+
observer.disconnect();
|
|
1143
|
+
};
|
|
1144
|
+
}, [collapseRender, hiddenNum, isQueryFilter, mergedCollapsed, optionRender, queryContainerWidth, resetText, searchText, submitter]);
|
|
1145
|
+
var setCollapsedValue = function setCollapsedValue(nextValue) {
|
|
1146
|
+
if (collapsed === undefined) {
|
|
1147
|
+
setInnerCollapsed(nextValue);
|
|
1148
|
+
}
|
|
1149
|
+
onCollapse === null || onCollapse === void 0 || onCollapse(nextValue);
|
|
1150
|
+
};
|
|
1151
|
+
var normalizedGutter = searchGutter === undefined ? undefined : Array.isArray(searchGutter) ? "".concat(searchGutter[1], "px ").concat(searchGutter[0], "px") : "".concat(searchGutter, "px");
|
|
1152
|
+
var mergedLabelCol = resolvedQueryFilterLabelWidth && resolvedQueryFilterLabelWidth !== 'auto' && resolvedQueryFilterLayout !== 'vertical' && !restProps.labelCol ? {
|
|
1153
|
+
flex: "0 0 ".concat(resolvedQueryFilterLabelWidth, "px")
|
|
1154
|
+
} : restProps.labelCol;
|
|
1155
|
+
var mergedWrapperCol = !isQueryFilter && resolvedQueryFilterLabelWidth && resolvedQueryFilterLabelWidth !== 'auto' && resolvedQueryFilterLayout !== 'vertical' && !restProps.wrapperCol ? {
|
|
1156
|
+
style: {
|
|
1157
|
+
maxWidth: "calc(100% - ".concat(resolvedQueryFilterLabelWidth, "px)")
|
|
1158
|
+
}
|
|
1159
|
+
} : restProps.wrapperCol;
|
|
1160
|
+
var mergedFormClassNames = (0, _react.useMemo)(function () {
|
|
1161
|
+
if (!isQueryFilter) {
|
|
1162
|
+
return classNames;
|
|
1163
|
+
}
|
|
1164
|
+
var mergeResolvedClassNames = function mergeResolvedClassNames(resolvedClassNames) {
|
|
1165
|
+
var semanticClassNames = resolvedClassNames && typeof resolvedClassNames !== 'function' ? resolvedClassNames : {};
|
|
1166
|
+
return _objectSpread(_objectSpread({}, semanticClassNames), {}, {
|
|
1167
|
+
label: (0, _cn.cn)('font-normal', semanticClassNames === null || semanticClassNames === void 0 ? void 0 : semanticClassNames.label),
|
|
1168
|
+
content: (0, _cn.cn)('min-w-0', semanticClassNames === null || semanticClassNames === void 0 ? void 0 : semanticClassNames.content)
|
|
1169
|
+
});
|
|
1170
|
+
};
|
|
1171
|
+
if (typeof classNames === 'function') {
|
|
1172
|
+
return function (info) {
|
|
1173
|
+
return mergeResolvedClassNames(classNames(info));
|
|
1174
|
+
};
|
|
1175
|
+
}
|
|
1176
|
+
return mergeResolvedClassNames(classNames);
|
|
1177
|
+
}, [classNames, isQueryFilter]);
|
|
1178
|
+
var formNode = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_form.Form, _objectSpread(_objectSpread({}, restProps), {}, {
|
|
1179
|
+
form: form,
|
|
1180
|
+
layout: resolvedQueryFilterLayout,
|
|
1181
|
+
preserve: preserve,
|
|
1182
|
+
colon: colon !== null && colon !== void 0 ? colon : isQueryFilter ? false : undefined,
|
|
1183
|
+
labelCol: mergedLabelCol,
|
|
1184
|
+
wrapperCol: mergedWrapperCol,
|
|
1185
|
+
classNames: mergedFormClassNames,
|
|
1186
|
+
className: (0, _cn.cn)(isQueryLike && 'rounded-2xl border border-border bg-card p-4', isQueryFilter && 'gap-y-4 !space-y-0', className),
|
|
1187
|
+
style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, isQueryFilter ? {
|
|
1188
|
+
alignItems: 'start',
|
|
1189
|
+
display: 'grid',
|
|
1190
|
+
gridTemplateColumns: 'repeat(24, minmax(0, 1fr))'
|
|
1191
|
+
} : null), normalizedGutter ? {
|
|
1192
|
+
gap: normalizedGutter
|
|
1193
|
+
} : null), restProps.style || {}), containerStyle || {}),
|
|
1194
|
+
children: [renderedChildren, isQueryFilter ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
|
|
1195
|
+
"data-pro-query-filter-submitter": true,
|
|
1196
|
+
"data-pro-query-filter-submitter-span": queryFilterState === null || queryFilterState === void 0 ? void 0 : queryFilterState.actionSpan,
|
|
1197
|
+
"data-pro-query-filter-submitter-start": queryFilterState === null || queryFilterState === void 0 ? void 0 : queryFilterState.actionStart
|
|
1198
|
+
}, submitterColSpanProps), {}, {
|
|
1199
|
+
className: (0, _cn.cn)('min-w-0', (queryFilterState === null || queryFilterState === void 0 ? void 0 : queryFilterState.effectiveSplit) && 'pt-3', submitterColSpanProps === null || submitterColSpanProps === void 0 ? void 0 : submitterColSpanProps.className),
|
|
1200
|
+
style: _objectSpread({
|
|
1201
|
+
gridColumn: queryFilterState === null || queryFilterState === void 0 ? void 0 : queryFilterState.actionGridColumn
|
|
1202
|
+
}, (submitterColSpanProps === null || submitterColSpanProps === void 0 ? void 0 : submitterColSpanProps.style) || {}),
|
|
1203
|
+
children: resolvedQueryFilterLayout === 'horizontal' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_form.Form.Item, {
|
|
1204
|
+
label: null,
|
|
1205
|
+
rootClassName: "w-full",
|
|
1206
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(QueryFilterActions, {
|
|
1207
|
+
actionWrapperRef: queryActionsRef,
|
|
1208
|
+
form: form,
|
|
1209
|
+
submitter: submitter,
|
|
1210
|
+
compact: compactQueryFilterActions,
|
|
1211
|
+
stacked: stackedQueryFilterActions,
|
|
1212
|
+
onReset: onReset,
|
|
1213
|
+
searchText: searchText || intl.getMessage('tableForm.search', '查询'),
|
|
1214
|
+
resetText: resetText || intl.getMessage('tableForm.reset', '重置'),
|
|
1215
|
+
defaultCollapsed: defaultCollapsed,
|
|
1216
|
+
collapsed: mergedCollapsed,
|
|
1217
|
+
onCollapse: setCollapsedValue,
|
|
1218
|
+
defaultColsNumber: defaultColsNumber,
|
|
1219
|
+
defaultFormItemsNumber: defaultFormItemsNumber,
|
|
1220
|
+
showHiddenNum: showHiddenNum ? hiddenNum : false,
|
|
1221
|
+
hiddenNumCount: hiddenNum,
|
|
1222
|
+
collapseRender: collapseRender,
|
|
1223
|
+
optionRender: optionRender
|
|
1224
|
+
})
|
|
1225
|
+
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_form.Form.Item, {
|
|
1226
|
+
label: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
1227
|
+
"aria-hidden": "true",
|
|
1228
|
+
className: "invisible select-none",
|
|
1229
|
+
children: "\u64CD\u4F5C"
|
|
1230
|
+
}),
|
|
1231
|
+
rootClassName: "w-full",
|
|
1232
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(QueryFilterActions, {
|
|
1233
|
+
actionWrapperRef: queryActionsRef,
|
|
1234
|
+
form: form,
|
|
1235
|
+
submitter: submitter,
|
|
1236
|
+
compact: compactQueryFilterActions,
|
|
1237
|
+
stacked: stackedQueryFilterActions,
|
|
1238
|
+
onReset: onReset,
|
|
1239
|
+
searchText: searchText || intl.getMessage('tableForm.search', '查询'),
|
|
1240
|
+
resetText: resetText || intl.getMessage('tableForm.reset', '重置'),
|
|
1241
|
+
defaultCollapsed: defaultCollapsed,
|
|
1242
|
+
collapsed: mergedCollapsed,
|
|
1243
|
+
onCollapse: setCollapsedValue,
|
|
1244
|
+
defaultColsNumber: defaultColsNumber,
|
|
1245
|
+
defaultFormItemsNumber: defaultFormItemsNumber,
|
|
1246
|
+
showHiddenNum: showHiddenNum ? hiddenNum : false,
|
|
1247
|
+
hiddenNumCount: hiddenNum,
|
|
1248
|
+
collapseRender: collapseRender,
|
|
1249
|
+
optionRender: optionRender
|
|
1250
|
+
})
|
|
1251
|
+
})
|
|
1252
|
+
})) : isLightFilter ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(Submitter, {
|
|
1253
|
+
submitter: submitter,
|
|
1254
|
+
form: form,
|
|
1255
|
+
onReset: onReset
|
|
1256
|
+
})]
|
|
1257
|
+
}));
|
|
1258
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(ProFormContext.Provider, {
|
|
1259
|
+
value: {
|
|
1260
|
+
form: form,
|
|
1261
|
+
layoutType: layoutType
|
|
1262
|
+
},
|
|
1263
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(GridContext.Provider, {
|
|
1264
|
+
value: {
|
|
1265
|
+
grid: layoutType === 'QueryFilter' || layoutType === 'LightFilter'
|
|
1266
|
+
},
|
|
1267
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(FieldContext.Provider, {
|
|
1268
|
+
value: {},
|
|
1269
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(FormListContext.Provider, {
|
|
1270
|
+
value: {},
|
|
1271
|
+
children: isQueryFilter ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
1272
|
+
ref: queryContainerRef,
|
|
1273
|
+
className: "w-full",
|
|
1274
|
+
children: formNode
|
|
1275
|
+
}) : formNode
|
|
1276
|
+
})
|
|
1277
|
+
})
|
|
1278
|
+
})
|
|
1279
|
+
});
|
|
1280
|
+
};
|
|
1281
|
+
var createProFormField = function createProFormField(_ref20) {
|
|
1282
|
+
var valueType = _ref20.valueType,
|
|
1283
|
+
valuePropName = _ref20.valuePropName;
|
|
1284
|
+
var FieldComponent = function FieldComponent(_ref21) {
|
|
1285
|
+
var fieldProps = _ref21.fieldProps,
|
|
1286
|
+
placeholder = _ref21.placeholder,
|
|
1287
|
+
width = _ref21.width,
|
|
1288
|
+
customValueType = _ref21.valueType,
|
|
1289
|
+
formItemProps = _objectWithoutProperties(_ref21, _excluded5);
|
|
1290
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_form.Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
|
|
1291
|
+
valuePropName: formItemProps.valuePropName || valuePropName,
|
|
1292
|
+
children: formItemProps.readonly ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ReadonlyFieldView, {
|
|
1293
|
+
name: formItemProps.name,
|
|
1294
|
+
fallbackValue: formItemProps.initialValue,
|
|
1295
|
+
valueType: customValueType || valueType,
|
|
1296
|
+
emptyText: formItemProps.emptyText,
|
|
1297
|
+
fieldProps: mergeFieldProps(fieldProps, width)
|
|
1298
|
+
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_field.ProField, {
|
|
1299
|
+
mode: "edit",
|
|
1300
|
+
valueType: customValueType || valueType,
|
|
1301
|
+
fieldProps: mergeFieldProps(fieldProps, width),
|
|
1302
|
+
placeholder: resolveFieldPlaceholder(formItemProps.label, placeholder, customValueType || valueType)
|
|
1303
|
+
})
|
|
1304
|
+
}));
|
|
1305
|
+
};
|
|
1306
|
+
return FieldComponent;
|
|
1307
|
+
};
|
|
1308
|
+
var ProFormField = exports.ProFormField = function ProFormField(_ref22) {
|
|
1309
|
+
var fieldProps = _ref22.fieldProps,
|
|
1310
|
+
placeholder = _ref22.placeholder,
|
|
1311
|
+
width = _ref22.width,
|
|
1312
|
+
_ref22$valueType = _ref22.valueType,
|
|
1313
|
+
valueType = _ref22$valueType === void 0 ? 'text' : _ref22$valueType,
|
|
1314
|
+
valueEnum = _ref22.valueEnum,
|
|
1315
|
+
options = _ref22.options,
|
|
1316
|
+
request = _ref22.request,
|
|
1317
|
+
params = _ref22.params,
|
|
1318
|
+
showSearch = _ref22.showSearch,
|
|
1319
|
+
debounceTime = _ref22.debounceTime,
|
|
1320
|
+
formItemProps = _objectWithoutProperties(_ref22, _excluded6);
|
|
1321
|
+
var resolvedOptions = useFieldOptions({
|
|
1322
|
+
valueEnum: valueEnum,
|
|
1323
|
+
options: options,
|
|
1324
|
+
request: request,
|
|
1325
|
+
params: params,
|
|
1326
|
+
fallbackOptions: fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.options,
|
|
1327
|
+
debounceTime: debounceTime
|
|
1328
|
+
});
|
|
1329
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_form.Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
|
|
1330
|
+
children: formItemProps.readonly ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ReadonlyFieldView, {
|
|
1331
|
+
name: formItemProps.name,
|
|
1332
|
+
fallbackValue: formItemProps.initialValue,
|
|
1333
|
+
valueType: valueType,
|
|
1334
|
+
valueEnum: valueEnum,
|
|
1335
|
+
emptyText: formItemProps.emptyText,
|
|
1336
|
+
fieldProps: _objectSpread(_objectSpread({}, mergeFieldProps(fieldProps, width)), {}, {
|
|
1337
|
+
options: resolvedOptions,
|
|
1338
|
+
showSearch: showSearch
|
|
1339
|
+
})
|
|
1340
|
+
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_field.ProField, {
|
|
1341
|
+
mode: "edit",
|
|
1342
|
+
valueType: valueType,
|
|
1343
|
+
valueEnum: valueEnum,
|
|
1344
|
+
placeholder: resolveFieldPlaceholder(formItemProps.label, placeholder, valueType),
|
|
1345
|
+
fieldProps: _objectSpread(_objectSpread({}, mergeFieldProps(fieldProps, width)), {}, {
|
|
1346
|
+
options: resolvedOptions,
|
|
1347
|
+
showSearch: showSearch
|
|
1348
|
+
})
|
|
1349
|
+
})
|
|
1350
|
+
}));
|
|
1351
|
+
};
|
|
1352
|
+
var ProFormText = exports.ProFormText = createProFormField({
|
|
1353
|
+
valueType: 'text'
|
|
1354
|
+
});
|
|
1355
|
+
var ProFormTextArea = exports.ProFormTextArea = createProFormField({
|
|
1356
|
+
valueType: 'textarea'
|
|
1357
|
+
});
|
|
1358
|
+
var ProFormDigit = exports.ProFormDigit = createProFormField({
|
|
1359
|
+
valueType: 'digit'
|
|
1360
|
+
});
|
|
1361
|
+
var ProFormDigitRange = exports.ProFormDigitRange = createProFormField({
|
|
1362
|
+
valueType: 'digitRange'
|
|
1363
|
+
});
|
|
1364
|
+
var ProFormMoney = exports.ProFormMoney = createProFormField({
|
|
1365
|
+
valueType: 'money'
|
|
1366
|
+
});
|
|
1367
|
+
var ProFormPercent = exports.ProFormPercent = createProFormField({
|
|
1368
|
+
valueType: 'percent'
|
|
1369
|
+
});
|
|
1370
|
+
var ProFormPassword = exports.ProFormPassword = function ProFormPassword(props) {
|
|
1371
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(ProFormText, _objectSpread(_objectSpread({}, props), {}, {
|
|
1372
|
+
fieldProps: _objectSpread(_objectSpread({}, props.fieldProps || {}), {}, {
|
|
1373
|
+
type: 'password'
|
|
1374
|
+
})
|
|
1375
|
+
}));
|
|
1376
|
+
};
|
|
1377
|
+
var ProFormSelect = exports.ProFormSelect = function ProFormSelect(_ref23) {
|
|
1378
|
+
var _mergedFieldProps$aut;
|
|
1379
|
+
var fieldProps = _ref23.fieldProps,
|
|
1380
|
+
placeholder = _ref23.placeholder,
|
|
1381
|
+
width = _ref23.width,
|
|
1382
|
+
valueEnum = _ref23.valueEnum,
|
|
1383
|
+
options = _ref23.options,
|
|
1384
|
+
request = _ref23.request,
|
|
1385
|
+
params = _ref23.params,
|
|
1386
|
+
showSearch = _ref23.showSearch,
|
|
1387
|
+
debounceTime = _ref23.debounceTime,
|
|
1388
|
+
resetAfterSelect = _ref23.resetAfterSelect,
|
|
1389
|
+
formItemProps = _objectWithoutProperties(_ref23, _excluded7);
|
|
1390
|
+
var resolvedOptions = useFieldOptions({
|
|
1391
|
+
valueEnum: valueEnum,
|
|
1392
|
+
options: options,
|
|
1393
|
+
request: request,
|
|
1394
|
+
params: params,
|
|
1395
|
+
fallbackOptions: fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.options,
|
|
1396
|
+
debounceTime: debounceTime
|
|
1397
|
+
});
|
|
1398
|
+
var flattenedOptions = flattenSelectOptions(resolvedOptions);
|
|
1399
|
+
var mergedFieldProps = mergeFieldProps(fieldProps, width);
|
|
1400
|
+
var shouldAutoResetSearch = (_mergedFieldProps$aut = mergedFieldProps === null || mergedFieldProps === void 0 ? void 0 : mergedFieldProps.autoClearSearchValue) !== null && _mergedFieldProps$aut !== void 0 ? _mergedFieldProps$aut : true;
|
|
1401
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_form.Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
|
|
1402
|
+
children: formItemProps.readonly ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ReadonlyFieldView, {
|
|
1403
|
+
name: formItemProps.name,
|
|
1404
|
+
fallbackValue: formItemProps.initialValue,
|
|
1405
|
+
valueType: "select",
|
|
1406
|
+
valueEnum: valueEnum,
|
|
1407
|
+
emptyText: formItemProps.emptyText,
|
|
1408
|
+
fieldProps: _objectSpread(_objectSpread({}, mergedFieldProps), {}, {
|
|
1409
|
+
options: flattenedOptions
|
|
1410
|
+
})
|
|
1411
|
+
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectFieldBridge, _objectSpread(_objectSpread({}, mergedFieldProps), {}, {
|
|
1412
|
+
options: flattenedOptions,
|
|
1413
|
+
placeholder: resolveFieldPlaceholder(formItemProps.label, placeholder, 'select'),
|
|
1414
|
+
showSearch: showSearch !== null && showSearch !== void 0 ? showSearch : fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.showSearch,
|
|
1415
|
+
labelInValue: fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.labelInValue
|
|
1416
|
+
}))
|
|
1417
|
+
}));
|
|
1418
|
+
};
|
|
1419
|
+
ProFormSelect.SearchSelect = function (_ref24) {
|
|
1420
|
+
var _mergedFieldProps$aut2, _fieldProps$labelInVa, _mergedFieldProps$aut3;
|
|
1421
|
+
var fieldProps = _ref24.fieldProps,
|
|
1422
|
+
width = _ref24.width,
|
|
1423
|
+
placeholder = _ref24.placeholder,
|
|
1424
|
+
mode = _ref24.mode,
|
|
1425
|
+
request = _ref24.request,
|
|
1426
|
+
params = _ref24.params,
|
|
1427
|
+
options = _ref24.options,
|
|
1428
|
+
valueEnum = _ref24.valueEnum,
|
|
1429
|
+
_ref24$debounceTime = _ref24.debounceTime,
|
|
1430
|
+
debounceTime = _ref24$debounceTime === void 0 ? 300 : _ref24$debounceTime,
|
|
1431
|
+
_ref24$fetchDataOnSea = _ref24.fetchDataOnSearch,
|
|
1432
|
+
fetchDataOnSearch = _ref24$fetchDataOnSea === void 0 ? true : _ref24$fetchDataOnSea,
|
|
1433
|
+
_ref24$searchOnFocus = _ref24.searchOnFocus,
|
|
1434
|
+
searchOnFocus = _ref24$searchOnFocus === void 0 ? false : _ref24$searchOnFocus,
|
|
1435
|
+
_ref24$resetAfterSele = _ref24.resetAfterSelect,
|
|
1436
|
+
resetAfterSelect = _ref24$resetAfterSele === void 0 ? false : _ref24$resetAfterSele,
|
|
1437
|
+
_ref24$showSearch = _ref24.showSearch,
|
|
1438
|
+
showSearch = _ref24$showSearch === void 0 ? true : _ref24$showSearch,
|
|
1439
|
+
formItemProps = _objectWithoutProperties(_ref24, _excluded8);
|
|
1440
|
+
var _useState13 = (0, _react.useState)(''),
|
|
1441
|
+
_useState14 = _slicedToArray(_useState13, 2),
|
|
1442
|
+
keyWords = _useState14[0],
|
|
1443
|
+
setKeyWords = _useState14[1];
|
|
1444
|
+
var searchEnabled = fetchDataOnSearch !== false;
|
|
1445
|
+
var mergedMode = (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.mode) || mode || 'multiple';
|
|
1446
|
+
var resolvedOptions = useFieldOptions({
|
|
1447
|
+
valueEnum: valueEnum,
|
|
1448
|
+
options: options,
|
|
1449
|
+
request: request,
|
|
1450
|
+
params: params,
|
|
1451
|
+
fallbackOptions: fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.options,
|
|
1452
|
+
keyWords: searchEnabled ? keyWords : undefined,
|
|
1453
|
+
debounceTime: debounceTime
|
|
1454
|
+
});
|
|
1455
|
+
var flattenedOptions = flattenSelectOptions(resolvedOptions);
|
|
1456
|
+
var mergedFieldProps = mergeFieldProps(fieldProps, width);
|
|
1457
|
+
var shouldAutoResetSearch = (_mergedFieldProps$aut2 = mergedFieldProps === null || mergedFieldProps === void 0 ? void 0 : mergedFieldProps.autoClearSearchValue) !== null && _mergedFieldProps$aut2 !== void 0 ? _mergedFieldProps$aut2 : true;
|
|
1458
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_form.Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
|
|
1459
|
+
children: formItemProps.readonly ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ReadonlyFieldView, {
|
|
1460
|
+
name: formItemProps.name,
|
|
1461
|
+
fallbackValue: formItemProps.initialValue,
|
|
1462
|
+
valueType: "select",
|
|
1463
|
+
emptyText: formItemProps.emptyText,
|
|
1464
|
+
fieldProps: _objectSpread(_objectSpread({}, mergedFieldProps), {}, {
|
|
1465
|
+
options: flattenedOptions
|
|
1466
|
+
})
|
|
1467
|
+
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectFieldBridge, _objectSpread(_objectSpread({}, mergedFieldProps), {}, {
|
|
1468
|
+
options: flattenedOptions,
|
|
1469
|
+
mode: mergedMode === 'single' ? undefined : mergedMode,
|
|
1470
|
+
labelInValue: (_fieldProps$labelInVa = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.labelInValue) !== null && _fieldProps$labelInVa !== void 0 ? _fieldProps$labelInVa : true,
|
|
1471
|
+
placeholder: resolveFieldPlaceholder(formItemProps.label, placeholder, 'select'),
|
|
1472
|
+
showSearch: showSearch,
|
|
1473
|
+
autoClearSearchValue: (_mergedFieldProps$aut3 = mergedFieldProps === null || mergedFieldProps === void 0 ? void 0 : mergedFieldProps.autoClearSearchValue) !== null && _mergedFieldProps$aut3 !== void 0 ? _mergedFieldProps$aut3 : true,
|
|
1474
|
+
filterOption: request && searchEnabled ? false : mergedFieldProps === null || mergedFieldProps === void 0 ? void 0 : mergedFieldProps.filterOption,
|
|
1475
|
+
onFocus: function onFocus(event) {
|
|
1476
|
+
var _mergedFieldProps$onF;
|
|
1477
|
+
mergedFieldProps === null || mergedFieldProps === void 0 || (_mergedFieldProps$onF = mergedFieldProps.onFocus) === null || _mergedFieldProps$onF === void 0 || _mergedFieldProps$onF.call(mergedFieldProps, event);
|
|
1478
|
+
if (searchOnFocus && searchEnabled) {
|
|
1479
|
+
setKeyWords('');
|
|
1480
|
+
}
|
|
1481
|
+
},
|
|
1482
|
+
onChange: function onChange(nextValue) {
|
|
1483
|
+
var _mergedFieldProps$onC;
|
|
1484
|
+
mergedFieldProps === null || mergedFieldProps === void 0 || (_mergedFieldProps$onC = mergedFieldProps.onChange) === null || _mergedFieldProps$onC === void 0 || _mergedFieldProps$onC.call(mergedFieldProps, nextValue);
|
|
1485
|
+
if (searchEnabled && (shouldAutoResetSearch || resetAfterSelect)) {
|
|
1486
|
+
setKeyWords('');
|
|
1487
|
+
}
|
|
1488
|
+
},
|
|
1489
|
+
onSearch: function onSearch(nextValue) {
|
|
1490
|
+
var _mergedFieldProps$onS;
|
|
1491
|
+
mergedFieldProps === null || mergedFieldProps === void 0 || (_mergedFieldProps$onS = mergedFieldProps.onSearch) === null || _mergedFieldProps$onS === void 0 || _mergedFieldProps$onS.call(mergedFieldProps, nextValue);
|
|
1492
|
+
if (searchEnabled) {
|
|
1493
|
+
setKeyWords(nextValue);
|
|
1494
|
+
}
|
|
1495
|
+
}
|
|
1496
|
+
}))
|
|
1497
|
+
}));
|
|
1498
|
+
};
|
|
1499
|
+
var ProFormCheckbox = exports.ProFormCheckbox = function ProFormCheckbox(_ref25) {
|
|
1500
|
+
var fieldProps = _ref25.fieldProps,
|
|
1501
|
+
placeholder = _ref25.placeholder,
|
|
1502
|
+
width = _ref25.width,
|
|
1503
|
+
valueEnum = _ref25.valueEnum,
|
|
1504
|
+
options = _ref25.options,
|
|
1505
|
+
request = _ref25.request,
|
|
1506
|
+
params = _ref25.params,
|
|
1507
|
+
formItemProps = _objectWithoutProperties(_ref25, _excluded9);
|
|
1508
|
+
var resolvedOptions = useFieldOptions({
|
|
1509
|
+
valueEnum: valueEnum,
|
|
1510
|
+
options: options,
|
|
1511
|
+
request: request,
|
|
1512
|
+
params: params,
|
|
1513
|
+
fallbackOptions: fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.options
|
|
1514
|
+
});
|
|
1515
|
+
var mergedFieldProps = mergeFieldProps(fieldProps, width);
|
|
1516
|
+
if (resolvedOptions.length > 0 || mergedFieldProps.mode === 'multiple') {
|
|
1517
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_form.Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
|
|
1518
|
+
children: formItemProps.readonly ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ReadonlyFieldView, {
|
|
1519
|
+
name: formItemProps.name,
|
|
1520
|
+
fallbackValue: formItemProps.initialValue,
|
|
1521
|
+
valueType: "checkbox",
|
|
1522
|
+
emptyText: formItemProps.emptyText,
|
|
1523
|
+
fieldProps: _objectSpread(_objectSpread({}, mergedFieldProps), {}, {
|
|
1524
|
+
options: resolvedOptions
|
|
1525
|
+
})
|
|
1526
|
+
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.CheckboxGroup, _objectSpread(_objectSpread({}, mergedFieldProps), {}, {
|
|
1527
|
+
children: resolvedOptions.map(function (option) {
|
|
1528
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.Checkbox, {
|
|
1529
|
+
value: option.value,
|
|
1530
|
+
disabled: option.disabled,
|
|
1531
|
+
children: option.label
|
|
1532
|
+
}, String(option.value));
|
|
1533
|
+
})
|
|
1534
|
+
}))
|
|
1535
|
+
}));
|
|
1536
|
+
}
|
|
1537
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_form.Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
|
|
1538
|
+
valuePropName: formItemProps.valuePropName || 'checked',
|
|
1539
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.Checkbox, _objectSpread(_objectSpread({}, mergedFieldProps), {}, {
|
|
1540
|
+
children: mergedFieldProps.children || placeholder
|
|
1541
|
+
}))
|
|
1542
|
+
}));
|
|
1543
|
+
};
|
|
1544
|
+
var ProFormRadio = exports.ProFormRadio = function ProFormRadio(_ref26) {
|
|
1545
|
+
var fieldProps = _ref26.fieldProps,
|
|
1546
|
+
placeholder = _ref26.placeholder,
|
|
1547
|
+
width = _ref26.width,
|
|
1548
|
+
valueEnum = _ref26.valueEnum,
|
|
1549
|
+
options = _ref26.options,
|
|
1550
|
+
request = _ref26.request,
|
|
1551
|
+
params = _ref26.params,
|
|
1552
|
+
formItemProps = _objectWithoutProperties(_ref26, _excluded10);
|
|
1553
|
+
var resolvedOptions = useFieldOptions({
|
|
1554
|
+
valueEnum: valueEnum,
|
|
1555
|
+
options: options,
|
|
1556
|
+
request: request,
|
|
1557
|
+
params: params,
|
|
1558
|
+
fallbackOptions: fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.options
|
|
1559
|
+
});
|
|
1560
|
+
var mergedFieldProps = mergeFieldProps(fieldProps, width);
|
|
1561
|
+
if (resolvedOptions.length > 0) {
|
|
1562
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_form.Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
|
|
1563
|
+
children: formItemProps.readonly ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ReadonlyFieldView, {
|
|
1564
|
+
name: formItemProps.name,
|
|
1565
|
+
fallbackValue: formItemProps.initialValue,
|
|
1566
|
+
valueType: "radio",
|
|
1567
|
+
emptyText: formItemProps.emptyText,
|
|
1568
|
+
fieldProps: _objectSpread(_objectSpread({}, mergedFieldProps), {}, {
|
|
1569
|
+
options: resolvedOptions
|
|
1570
|
+
})
|
|
1571
|
+
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.RadioGroup, _objectSpread(_objectSpread({}, mergedFieldProps), {}, {
|
|
1572
|
+
children: resolvedOptions.map(function (option) {
|
|
1573
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.Radio, {
|
|
1574
|
+
value: option.value,
|
|
1575
|
+
disabled: option.disabled,
|
|
1576
|
+
children: option.label
|
|
1577
|
+
}, String(option.value));
|
|
1578
|
+
})
|
|
1579
|
+
}))
|
|
1580
|
+
}));
|
|
1581
|
+
}
|
|
1582
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_form.Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
|
|
1583
|
+
valuePropName: formItemProps.valuePropName || 'checked',
|
|
1584
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.Radio, _objectSpread(_objectSpread({}, mergedFieldProps), {}, {
|
|
1585
|
+
children: mergedFieldProps.children || placeholder
|
|
1586
|
+
}))
|
|
1587
|
+
}));
|
|
1588
|
+
};
|
|
1589
|
+
var ProFormTreeSelect = exports.ProFormTreeSelect = function ProFormTreeSelect(_ref27) {
|
|
1590
|
+
var fieldProps = _ref27.fieldProps,
|
|
1591
|
+
placeholder = _ref27.placeholder,
|
|
1592
|
+
width = _ref27.width,
|
|
1593
|
+
request = _ref27.request,
|
|
1594
|
+
params = _ref27.params,
|
|
1595
|
+
formItemProps = _objectWithoutProperties(_ref27, _excluded11);
|
|
1596
|
+
var _useState15 = (0, _react.useState)((fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.treeData) || []),
|
|
1597
|
+
_useState16 = _slicedToArray(_useState15, 2),
|
|
1598
|
+
treeData = _useState16[0],
|
|
1599
|
+
setTreeData = _useState16[1];
|
|
1600
|
+
(0, _react.useEffect)(function () {
|
|
1601
|
+
if (!request) {
|
|
1602
|
+
setTreeData((fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.treeData) || []);
|
|
1603
|
+
return;
|
|
1604
|
+
}
|
|
1605
|
+
var active = true;
|
|
1606
|
+
request(params).then(function (result) {
|
|
1607
|
+
if (!active) {
|
|
1608
|
+
return;
|
|
1609
|
+
}
|
|
1610
|
+
setTreeData(Array.isArray(result) ? result : []);
|
|
1611
|
+
}).catch(function (error) {
|
|
1612
|
+
console.error('ProForm tree request error:', error);
|
|
1613
|
+
});
|
|
1614
|
+
return function () {
|
|
1615
|
+
active = false;
|
|
1616
|
+
};
|
|
1617
|
+
}, [fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.treeData, params, request]);
|
|
1618
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_form.Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
|
|
1619
|
+
children: formItemProps.readonly ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ReadonlyFieldView, {
|
|
1620
|
+
name: formItemProps.name,
|
|
1621
|
+
fallbackValue: formItemProps.initialValue,
|
|
1622
|
+
valueType: "treeSelect",
|
|
1623
|
+
emptyText: formItemProps.emptyText,
|
|
1624
|
+
fieldProps: _objectSpread(_objectSpread({}, mergeFieldProps(fieldProps, width)), {}, {
|
|
1625
|
+
treeData: treeData
|
|
1626
|
+
})
|
|
1627
|
+
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_treeSelect.TreeSelect, _objectSpread(_objectSpread({}, mergeFieldProps(fieldProps, width)), {}, {
|
|
1628
|
+
treeData: treeData,
|
|
1629
|
+
placeholder: resolveFieldPlaceholder(formItemProps.label, placeholder, 'treeSelect')
|
|
1630
|
+
}))
|
|
1631
|
+
}));
|
|
1632
|
+
};
|
|
1633
|
+
var ProFormSegmented = exports.ProFormSegmented = function ProFormSegmented(_ref28) {
|
|
1634
|
+
var fieldProps = _ref28.fieldProps,
|
|
1635
|
+
width = _ref28.width,
|
|
1636
|
+
valueEnum = _ref28.valueEnum,
|
|
1637
|
+
options = _ref28.options,
|
|
1638
|
+
request = _ref28.request,
|
|
1639
|
+
params = _ref28.params,
|
|
1640
|
+
formItemProps = _objectWithoutProperties(_ref28, _excluded12);
|
|
1641
|
+
var resolvedOptions = useFieldOptions({
|
|
1642
|
+
valueEnum: valueEnum,
|
|
1643
|
+
options: options,
|
|
1644
|
+
request: request,
|
|
1645
|
+
params: params,
|
|
1646
|
+
fallbackOptions: fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.options
|
|
1647
|
+
});
|
|
1648
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_form.Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
|
|
1649
|
+
children: formItemProps.readonly ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ReadonlyFieldView, {
|
|
1650
|
+
name: formItemProps.name,
|
|
1651
|
+
fallbackValue: formItemProps.initialValue,
|
|
1652
|
+
valueType: "segmented",
|
|
1653
|
+
emptyText: formItemProps.emptyText,
|
|
1654
|
+
fieldProps: _objectSpread(_objectSpread({}, mergeFieldProps(fieldProps, width)), {}, {
|
|
1655
|
+
options: resolvedOptions
|
|
1656
|
+
})
|
|
1657
|
+
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_segmented.Segmented, _objectSpread(_objectSpread({}, mergeFieldProps(fieldProps, width)), {}, {
|
|
1658
|
+
options: resolvedOptions
|
|
1659
|
+
}))
|
|
1660
|
+
}));
|
|
1661
|
+
};
|
|
1662
|
+
var ProFormCascader = exports.ProFormCascader = function ProFormCascader(_ref29) {
|
|
1663
|
+
var fieldProps = _ref29.fieldProps,
|
|
1664
|
+
width = _ref29.width,
|
|
1665
|
+
placeholder = _ref29.placeholder,
|
|
1666
|
+
request = _ref29.request,
|
|
1667
|
+
params = _ref29.params,
|
|
1668
|
+
formItemProps = _objectWithoutProperties(_ref29, _excluded13);
|
|
1669
|
+
var _useState17 = (0, _react.useState)((fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.options) || []),
|
|
1670
|
+
_useState18 = _slicedToArray(_useState17, 2),
|
|
1671
|
+
cascaderOptions = _useState18[0],
|
|
1672
|
+
setCascaderOptions = _useState18[1];
|
|
1673
|
+
(0, _react.useEffect)(function () {
|
|
1674
|
+
if (!request) {
|
|
1675
|
+
setCascaderOptions((fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.options) || []);
|
|
1676
|
+
return;
|
|
1677
|
+
}
|
|
1678
|
+
var active = true;
|
|
1679
|
+
request(params).then(function (result) {
|
|
1680
|
+
if (!active) {
|
|
1681
|
+
return;
|
|
1682
|
+
}
|
|
1683
|
+
setCascaderOptions(Array.isArray(result) ? result : []);
|
|
1684
|
+
}).catch(function (error) {
|
|
1685
|
+
console.error('ProForm cascader request error:', error);
|
|
1686
|
+
});
|
|
1687
|
+
return function () {
|
|
1688
|
+
active = false;
|
|
1689
|
+
};
|
|
1690
|
+
}, [fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.options, params, request]);
|
|
1691
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_form.Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
|
|
1692
|
+
children: formItemProps.readonly ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ReadonlyFieldView, {
|
|
1693
|
+
name: formItemProps.name,
|
|
1694
|
+
fallbackValue: formItemProps.initialValue,
|
|
1695
|
+
valueType: "cascader",
|
|
1696
|
+
emptyText: formItemProps.emptyText,
|
|
1697
|
+
fieldProps: _objectSpread(_objectSpread({}, mergeFieldProps(fieldProps, width) || {}), {}, {
|
|
1698
|
+
options: cascaderOptions
|
|
1699
|
+
})
|
|
1700
|
+
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_fieldControls.CascaderFieldControl, _objectSpread(_objectSpread({}, mergeFieldProps(fieldProps, width)), {}, {
|
|
1701
|
+
placeholder: resolveFieldPlaceholder(formItemProps.label, placeholder, 'cascader'),
|
|
1702
|
+
fieldProps: _objectSpread(_objectSpread({}, mergeFieldProps(fieldProps, width) || {}), {}, {
|
|
1703
|
+
options: cascaderOptions
|
|
1704
|
+
})
|
|
1705
|
+
}))
|
|
1706
|
+
}));
|
|
1707
|
+
};
|
|
1708
|
+
var ProFormDatePicker = exports.ProFormDatePicker = createProFormField({
|
|
1709
|
+
valueType: 'date'
|
|
1710
|
+
});
|
|
1711
|
+
var ProFormDateWeekPicker = exports.ProFormDateWeekPicker = createProFormField({
|
|
1712
|
+
valueType: 'dateWeek'
|
|
1713
|
+
});
|
|
1714
|
+
var ProFormDateMonthPicker = exports.ProFormDateMonthPicker = createProFormField({
|
|
1715
|
+
valueType: 'dateMonth'
|
|
1716
|
+
});
|
|
1717
|
+
var ProFormDateQuarterPicker = exports.ProFormDateQuarterPicker = createProFormField({
|
|
1718
|
+
valueType: 'dateQuarter'
|
|
1719
|
+
});
|
|
1720
|
+
var ProFormDateYearPicker = exports.ProFormDateYearPicker = createProFormField({
|
|
1721
|
+
valueType: 'dateYear'
|
|
1722
|
+
});
|
|
1723
|
+
var ProFormDateTimePicker = exports.ProFormDateTimePicker = createProFormField({
|
|
1724
|
+
valueType: 'dateTime'
|
|
1725
|
+
});
|
|
1726
|
+
var ProFormTimePicker = exports.ProFormTimePicker = createProFormField({
|
|
1727
|
+
valueType: 'time'
|
|
1728
|
+
});
|
|
1729
|
+
var ProFormDateRangePicker = exports.ProFormDateRangePicker = createProFormField({
|
|
1730
|
+
valueType: 'dateRange'
|
|
1731
|
+
});
|
|
1732
|
+
var ProFormDateMonthRangePicker = exports.ProFormDateMonthRangePicker = createProFormField({
|
|
1733
|
+
valueType: 'dateMonthRange'
|
|
1734
|
+
});
|
|
1735
|
+
var ProFormDateQuarterRangePicker = exports.ProFormDateQuarterRangePicker = createProFormField({
|
|
1736
|
+
valueType: 'dateQuarterRange'
|
|
1737
|
+
});
|
|
1738
|
+
var ProFormDateTimeRangePicker = exports.ProFormDateTimeRangePicker = createProFormField({
|
|
1739
|
+
valueType: 'dateTimeRange'
|
|
1740
|
+
});
|
|
1741
|
+
var ProFormDateWeekRangePicker = exports.ProFormDateWeekRangePicker = createProFormField({
|
|
1742
|
+
valueType: 'dateWeekRange'
|
|
1743
|
+
});
|
|
1744
|
+
var ProFormDateYearRangePicker = exports.ProFormDateYearRangePicker = createProFormField({
|
|
1745
|
+
valueType: 'dateYearRange'
|
|
1746
|
+
});
|
|
1747
|
+
var ProFormTimeRangePicker = exports.ProFormTimeRangePicker = createProFormField({
|
|
1748
|
+
valueType: 'timeRange'
|
|
1749
|
+
});
|
|
1750
|
+
var ProFormSwitch = exports.ProFormSwitch = createProFormField({
|
|
1751
|
+
valueType: 'switch',
|
|
1752
|
+
valuePropName: 'checked'
|
|
1753
|
+
});
|
|
1754
|
+
var ProFormRate = exports.ProFormRate = createProFormField({
|
|
1755
|
+
valueType: 'rate'
|
|
1756
|
+
});
|
|
1757
|
+
var ProFormSlider = exports.ProFormSlider = createProFormField({
|
|
1758
|
+
valueType: 'progress'
|
|
1759
|
+
});
|
|
1760
|
+
ProFormText.Password = ProFormPassword;
|
|
1761
|
+
ProFormCheckbox.Group = ProFormCheckbox;
|
|
1762
|
+
ProFormRadio.Group = ProFormRadio;
|
|
1763
|
+
var ProFormFieldSet = exports.ProFormFieldSet = function ProFormFieldSet(_ref30) {
|
|
1764
|
+
var fieldProps = _ref30.fieldProps,
|
|
1765
|
+
children = _ref30.children,
|
|
1766
|
+
formItemProps = _objectWithoutProperties(_ref30, _excluded14);
|
|
1767
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_form.Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
|
|
1768
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_fieldControls.FieldSetControl, {
|
|
1769
|
+
type: fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.type,
|
|
1770
|
+
className: fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.className,
|
|
1771
|
+
children: children
|
|
1772
|
+
})
|
|
1773
|
+
}));
|
|
1774
|
+
};
|
|
1775
|
+
var ProFormGroup = exports.ProFormGroup = function ProFormGroup(_ref31) {
|
|
1776
|
+
var className = _ref31.className,
|
|
1777
|
+
children = _ref31.children,
|
|
1778
|
+
rest = _objectWithoutProperties(_ref31, _excluded15);
|
|
1779
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
|
|
1780
|
+
className: (0, _cn.cn)('grid gap-4 rounded-2xl border border-border bg-card p-4', className)
|
|
1781
|
+
}, rest), {}, {
|
|
1782
|
+
children: children
|
|
1783
|
+
}));
|
|
1784
|
+
};
|
|
1785
|
+
ProFormGroup.displayName = 'ProForm-Group';
|
|
1786
|
+
var ProFormDependency = exports.ProFormDependency = function ProFormDependency(_ref32) {
|
|
1787
|
+
var name = _ref32.name,
|
|
1788
|
+
_children = _ref32.children;
|
|
1789
|
+
var form = (0, _form.useFormInstance)();
|
|
1790
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_form.Form.Item, {
|
|
1791
|
+
noStyle: true,
|
|
1792
|
+
shouldUpdate: function shouldUpdate(prevValues, currentValues) {
|
|
1793
|
+
return name.some(function (path) {
|
|
1794
|
+
return normalizeNamePathValue(prevValues, path) !== normalizeNamePathValue(currentValues, path);
|
|
1795
|
+
});
|
|
1796
|
+
},
|
|
1797
|
+
children: function children() {
|
|
1798
|
+
return _children(form.getFieldsValue(true), form);
|
|
1799
|
+
}
|
|
1800
|
+
});
|
|
1801
|
+
};
|
|
1802
|
+
var QueryFilter = exports.QueryFilter = function QueryFilter(props) {
|
|
1803
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseProForm, _objectSpread(_objectSpread({}, props), {}, {
|
|
1804
|
+
layoutType: "QueryFilter"
|
|
1805
|
+
}));
|
|
1806
|
+
};
|
|
1807
|
+
var cloneLightFilterChild = function cloneLightFilterChild(child, variant) {
|
|
1808
|
+
if (! /*#__PURE__*/_react.default.isValidElement(child)) {
|
|
1809
|
+
return child;
|
|
1810
|
+
}
|
|
1811
|
+
var normalizedVariant = variant === 'outlined' ? 'outline' : variant === 'underlined' ? 'underline' : variant;
|
|
1812
|
+
var existingFieldProps = child.props.fieldProps || {};
|
|
1813
|
+
return /*#__PURE__*/_react.default.cloneElement(child, {
|
|
1814
|
+
fieldProps: _objectSpread(_objectSpread({}, existingFieldProps), existingFieldProps.variant || normalizedVariant ? {
|
|
1815
|
+
variant: existingFieldProps.variant || normalizedVariant
|
|
1816
|
+
} : null)
|
|
1817
|
+
});
|
|
1818
|
+
};
|
|
1819
|
+
var LightFilter = exports.LightFilter = function LightFilter(_ref33) {
|
|
1820
|
+
var _popoverProps$destroy;
|
|
1821
|
+
var _ref33$collapse = _ref33.collapse,
|
|
1822
|
+
collapse = _ref33$collapse === void 0 ? false : _ref33$collapse,
|
|
1823
|
+
collapseLabel = _ref33.collapseLabel,
|
|
1824
|
+
footerRender = _ref33.footerRender,
|
|
1825
|
+
_ref33$placement = _ref33.placement,
|
|
1826
|
+
placement = _ref33$placement === void 0 ? 'bottom' : _ref33$placement,
|
|
1827
|
+
variant = _ref33.variant,
|
|
1828
|
+
ignoreRules = _ref33.ignoreRules,
|
|
1829
|
+
popoverProps = _ref33.popoverProps,
|
|
1830
|
+
_ref33$submitter = _ref33.submitter,
|
|
1831
|
+
submitter = _ref33$submitter === void 0 ? false : _ref33$submitter,
|
|
1832
|
+
controlledForm = _ref33.form,
|
|
1833
|
+
className = _ref33.className,
|
|
1834
|
+
children = _ref33.children,
|
|
1835
|
+
restProps = _objectWithoutProperties(_ref33, _excluded16);
|
|
1836
|
+
var intl = (0, _provider.useIntl)();
|
|
1837
|
+
var _useForm3 = (0, _form.useForm)(controlledForm),
|
|
1838
|
+
_useForm4 = _slicedToArray(_useForm3, 1),
|
|
1839
|
+
form = _useForm4[0];
|
|
1840
|
+
var _useState19 = (0, _react.useState)(false),
|
|
1841
|
+
_useState20 = _slicedToArray(_useState19, 2),
|
|
1842
|
+
open = _useState20[0],
|
|
1843
|
+
setOpen = _useState20[1];
|
|
1844
|
+
var _useState21 = (0, _react.useState)({}),
|
|
1845
|
+
_useState22 = _slicedToArray(_useState21, 2),
|
|
1846
|
+
snapshot = _useState22[0],
|
|
1847
|
+
setSnapshot = _useState22[1];
|
|
1848
|
+
var childList = (0, _react.useMemo)(function () {
|
|
1849
|
+
return _react.default.Children.toArray(children);
|
|
1850
|
+
}, [children]);
|
|
1851
|
+
var normalizedChildren = (0, _react.useMemo)(function () {
|
|
1852
|
+
return flatQueryItems(childList, ignoreRules);
|
|
1853
|
+
}, [childList, ignoreRules]);
|
|
1854
|
+
var collapseItems = normalizedChildren.filter(function (child) {
|
|
1855
|
+
if (! /*#__PURE__*/_react.default.isValidElement(child)) {
|
|
1856
|
+
return false;
|
|
1857
|
+
}
|
|
1858
|
+
return collapse || Boolean(child.props.secondary);
|
|
1859
|
+
});
|
|
1860
|
+
var outsideItems = normalizedChildren.filter(function (child) {
|
|
1861
|
+
if (! /*#__PURE__*/_react.default.isValidElement(child)) {
|
|
1862
|
+
return true;
|
|
1863
|
+
}
|
|
1864
|
+
return !collapse && !child.props.secondary;
|
|
1865
|
+
});
|
|
1866
|
+
var effectiveFooterRender = footerRender === undefined && collapseItems.length === 1 && /*#__PURE__*/_react.default.isValidElement(collapseItems[0]) ? collapseItems[0].props.footerRender : footerRender;
|
|
1867
|
+
var captureSnapshot = function captureSnapshot() {
|
|
1868
|
+
var currentValues = form.getFieldsValue(true);
|
|
1869
|
+
var nextSnapshot = collapseItems.reduce(function (result, child) {
|
|
1870
|
+
if (! /*#__PURE__*/_react.default.isValidElement(child)) {
|
|
1871
|
+
return result;
|
|
1872
|
+
}
|
|
1873
|
+
var itemName = child.props.name;
|
|
1874
|
+
if (itemName !== undefined) {
|
|
1875
|
+
result[JSON.stringify(Array.isArray(itemName) ? itemName : [itemName])] = getFieldValueByNamePath(currentValues, itemName);
|
|
1876
|
+
}
|
|
1877
|
+
return result;
|
|
1878
|
+
}, {});
|
|
1879
|
+
setSnapshot(nextSnapshot);
|
|
1880
|
+
};
|
|
1881
|
+
var restoreSnapshot = function restoreSnapshot() {
|
|
1882
|
+
collapseItems.forEach(function (child) {
|
|
1883
|
+
if (! /*#__PURE__*/_react.default.isValidElement(child)) {
|
|
1884
|
+
return;
|
|
1885
|
+
}
|
|
1886
|
+
var itemName = child.props.name;
|
|
1887
|
+
var itemKey = JSON.stringify(Array.isArray(itemName) ? itemName : [itemName]);
|
|
1888
|
+
setFieldValueByNamePath(form, itemName, snapshot[itemKey]);
|
|
1889
|
+
});
|
|
1890
|
+
};
|
|
1891
|
+
var clearCollapseValues = function clearCollapseValues() {
|
|
1892
|
+
collapseItems.forEach(function (child) {
|
|
1893
|
+
if (! /*#__PURE__*/_react.default.isValidElement(child)) {
|
|
1894
|
+
return;
|
|
1895
|
+
}
|
|
1896
|
+
var itemName = child.props.name;
|
|
1897
|
+
if (itemName !== undefined) {
|
|
1898
|
+
form.setFieldValue(itemName, undefined);
|
|
1899
|
+
}
|
|
1900
|
+
});
|
|
1901
|
+
};
|
|
1902
|
+
var footerNode = effectiveFooterRender === false ? null : effectiveFooterRender ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
1903
|
+
className: "flex items-center justify-end gap-3 border-t border-border pt-4",
|
|
1904
|
+
children: effectiveFooterRender(function () {
|
|
1905
|
+
captureSnapshot();
|
|
1906
|
+
setOpen(false);
|
|
1907
|
+
}, function () {
|
|
1908
|
+
clearCollapseValues();
|
|
1909
|
+
})
|
|
1910
|
+
}) : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
1911
|
+
className: "flex items-center justify-end gap-3 border-t border-border pt-4",
|
|
1912
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
|
|
1913
|
+
type: "button",
|
|
1914
|
+
variant: "outline",
|
|
1915
|
+
onClick: function onClick() {
|
|
1916
|
+
clearCollapseValues();
|
|
1917
|
+
},
|
|
1918
|
+
children: intl.getMessage('tableForm.reset', '重置')
|
|
1919
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
|
|
1920
|
+
type: "button",
|
|
1921
|
+
onClick: function onClick() {
|
|
1922
|
+
captureSnapshot();
|
|
1923
|
+
setOpen(false);
|
|
1924
|
+
},
|
|
1925
|
+
children: intl.getMessage('tableForm.search', '确认')
|
|
1926
|
+
})]
|
|
1927
|
+
});
|
|
1928
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
1929
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(BaseProForm, _objectSpread(_objectSpread({}, restProps), {}, {
|
|
1930
|
+
className: (0, _cn.cn)('rounded-2xl border border-border bg-card p-4', className),
|
|
1931
|
+
form: form,
|
|
1932
|
+
layoutType: "LightFilter",
|
|
1933
|
+
submitter: submitter,
|
|
1934
|
+
ignoreRules: ignoreRules,
|
|
1935
|
+
children: [outsideItems.map(function (child) {
|
|
1936
|
+
return cloneLightFilterChild(child, variant);
|
|
1937
|
+
}), collapseItems.length ? /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
|
|
1938
|
+
type: "button",
|
|
1939
|
+
className: "hover:border-primary/40 inline-flex min-h-[40px] items-center rounded-full border border-border bg-background px-3 py-2 text-sm text-foreground transition-colors",
|
|
1940
|
+
onClick: function onClick() {
|
|
1941
|
+
captureSnapshot();
|
|
1942
|
+
setOpen(true);
|
|
1943
|
+
},
|
|
1944
|
+
children: collapseLabel || '更多筛选'
|
|
1945
|
+
}) : null]
|
|
1946
|
+
})), collapseItems.length ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_popup.Popup, {
|
|
1947
|
+
visible: open,
|
|
1948
|
+
destroyOnClose: (_popoverProps$destroy = popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.destroyTooltipOnHide) !== null && _popoverProps$destroy !== void 0 ? _popoverProps$destroy : true,
|
|
1949
|
+
forceRender: popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.forceRender,
|
|
1950
|
+
closeOnMaskClick: popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.closeOnMaskClick,
|
|
1951
|
+
className: popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.className,
|
|
1952
|
+
duration: popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.duration,
|
|
1953
|
+
maskTransparent: popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.maskTransparent,
|
|
1954
|
+
maskStyle: popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.maskStyle,
|
|
1955
|
+
position: normalizePopupPlacement(placement),
|
|
1956
|
+
onMaskPress: function onMaskPress() {
|
|
1957
|
+
restoreSnapshot();
|
|
1958
|
+
setOpen(false);
|
|
1959
|
+
},
|
|
1960
|
+
bodyStyle: _objectSpread(_objectSpread({}, (popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.overlayStyle) || {}), {}, {
|
|
1961
|
+
maxHeight: placement === 'center' ? '80vh' : '75vh',
|
|
1962
|
+
width: placement === 'center' ? 'min(720px, calc(100vw - 32px))' : '100%',
|
|
1963
|
+
borderTopLeftRadius: 24,
|
|
1964
|
+
borderTopRightRadius: 24
|
|
1965
|
+
}),
|
|
1966
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
1967
|
+
className: "mx-auto w-full max-w-3xl space-y-4 bg-background p-5",
|
|
1968
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
1969
|
+
className: "flex items-center justify-between gap-3",
|
|
1970
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
1971
|
+
className: "text-base font-semibold text-foreground",
|
|
1972
|
+
children: collapseLabel || '更多筛选'
|
|
1973
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
|
|
1974
|
+
type: "button",
|
|
1975
|
+
variant: "ghost",
|
|
1976
|
+
size: "small",
|
|
1977
|
+
className: "h-9 w-9 px-0",
|
|
1978
|
+
"aria-label": "\u5173\u95ED",
|
|
1979
|
+
onClick: function onClick() {
|
|
1980
|
+
restoreSnapshot();
|
|
1981
|
+
setOpen(false);
|
|
1982
|
+
},
|
|
1983
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReact.X, {
|
|
1984
|
+
className: "h-4 w-4"
|
|
1985
|
+
})
|
|
1986
|
+
})]
|
|
1987
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseProForm, {
|
|
1988
|
+
form: form,
|
|
1989
|
+
layout: "vertical",
|
|
1990
|
+
submitter: false,
|
|
1991
|
+
layoutType: "Form",
|
|
1992
|
+
className: "space-y-4",
|
|
1993
|
+
children: collapseItems.map(function (child) {
|
|
1994
|
+
return cloneLightFilterChild(child, variant);
|
|
1995
|
+
})
|
|
1996
|
+
}), footerNode]
|
|
1997
|
+
})
|
|
1998
|
+
}) : null]
|
|
1999
|
+
});
|
|
2000
|
+
};
|
|
2001
|
+
var ModalForm = exports.ModalForm = function ModalForm(_ref34) {
|
|
2002
|
+
var _submitter$searchConf5, _submitter$submitButt3, _submitter$submitButt4;
|
|
2003
|
+
var trigger = _ref34.trigger,
|
|
2004
|
+
open = _ref34.open,
|
|
2005
|
+
visible = _ref34.visible,
|
|
2006
|
+
defaultOpen = _ref34.defaultOpen,
|
|
2007
|
+
onOpenChange = _ref34.onOpenChange,
|
|
2008
|
+
onVisibleChange = _ref34.onVisibleChange,
|
|
2009
|
+
modalProps = _ref34.modalProps,
|
|
2010
|
+
title = _ref34.title,
|
|
2011
|
+
_ref34$width = _ref34.width,
|
|
2012
|
+
width = _ref34$width === void 0 ? 560 : _ref34$width,
|
|
2013
|
+
controlledForm = _ref34.form,
|
|
2014
|
+
onFinish = _ref34.onFinish,
|
|
2015
|
+
submitter = _ref34.submitter,
|
|
2016
|
+
layout = _ref34.layout,
|
|
2017
|
+
children = _ref34.children,
|
|
2018
|
+
restProps = _objectWithoutProperties(_ref34, _excluded17);
|
|
2019
|
+
var _useForm5 = (0, _form.useForm)(controlledForm),
|
|
2020
|
+
_useForm6 = _slicedToArray(_useForm5, 1),
|
|
2021
|
+
form = _useForm6[0];
|
|
2022
|
+
var submittingRef = (0, _react.useRef)(false);
|
|
2023
|
+
var _useState23 = (0, _react.useState)(false),
|
|
2024
|
+
_useState24 = _slicedToArray(_useState23, 2),
|
|
2025
|
+
submitting = _useState24[0],
|
|
2026
|
+
setSubmitting = _useState24[1];
|
|
2027
|
+
var _useMergedOpen = useMergedOpen({
|
|
2028
|
+
open: open,
|
|
2029
|
+
visible: visible,
|
|
2030
|
+
defaultOpen: defaultOpen,
|
|
2031
|
+
onOpenChange: onOpenChange,
|
|
2032
|
+
onVisibleChange: onVisibleChange
|
|
2033
|
+
}),
|
|
2034
|
+
_useMergedOpen2 = _slicedToArray(_useMergedOpen, 2),
|
|
2035
|
+
mergedOpen = _useMergedOpen2[0],
|
|
2036
|
+
setMergedOpen = _useMergedOpen2[1];
|
|
2037
|
+
useResetFormOnClose(form, mergedOpen);
|
|
2038
|
+
(0, _react.useEffect)(function () {
|
|
2039
|
+
if (!mergedOpen) {
|
|
2040
|
+
submittingRef.current = false;
|
|
2041
|
+
setSubmitting(false);
|
|
2042
|
+
}
|
|
2043
|
+
}, [mergedOpen]);
|
|
2044
|
+
var handleSubmit = /*#__PURE__*/function () {
|
|
2045
|
+
var _ref35 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(values) {
|
|
2046
|
+
var result;
|
|
2047
|
+
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
2048
|
+
while (1) switch (_context.prev = _context.next) {
|
|
2049
|
+
case 0:
|
|
2050
|
+
if (!submittingRef.current) {
|
|
2051
|
+
_context.next = 2;
|
|
2052
|
+
break;
|
|
2053
|
+
}
|
|
2054
|
+
return _context.abrupt("return", false);
|
|
2055
|
+
case 2:
|
|
2056
|
+
submittingRef.current = true;
|
|
2057
|
+
setSubmitting(true);
|
|
2058
|
+
_context.prev = 4;
|
|
2059
|
+
_context.next = 7;
|
|
2060
|
+
return onFinish === null || onFinish === void 0 ? void 0 : onFinish(values);
|
|
2061
|
+
case 7:
|
|
2062
|
+
result = _context.sent;
|
|
2063
|
+
if (result !== false) {
|
|
2064
|
+
setMergedOpen(false);
|
|
2065
|
+
}
|
|
2066
|
+
return _context.abrupt("return", result);
|
|
2067
|
+
case 10:
|
|
2068
|
+
_context.prev = 10;
|
|
2069
|
+
submittingRef.current = false;
|
|
2070
|
+
setSubmitting(false);
|
|
2071
|
+
return _context.finish(10);
|
|
2072
|
+
case 14:
|
|
2073
|
+
case "end":
|
|
2074
|
+
return _context.stop();
|
|
2075
|
+
}
|
|
2076
|
+
}, _callee, null, [[4,, 10, 14]]);
|
|
2077
|
+
}));
|
|
2078
|
+
return function handleSubmit(_x) {
|
|
2079
|
+
return _ref35.apply(this, arguments);
|
|
2080
|
+
};
|
|
2081
|
+
}();
|
|
2082
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
2083
|
+
children: [renderOverlayTrigger(trigger, setMergedOpen), /*#__PURE__*/(0, _jsxRuntime.jsx)(_modal.Modal, _objectSpread(_objectSpread({}, modalProps), {}, {
|
|
2084
|
+
title: title,
|
|
2085
|
+
width: width,
|
|
2086
|
+
visible: mergedOpen,
|
|
2087
|
+
closeOnAction: false,
|
|
2088
|
+
onClose: function onClose() {
|
|
2089
|
+
setMergedOpen(false);
|
|
2090
|
+
},
|
|
2091
|
+
actions: submitter === false ? undefined : [{
|
|
2092
|
+
key: 'cancel',
|
|
2093
|
+
text: '取消',
|
|
2094
|
+
disabled: submitting,
|
|
2095
|
+
onPress: function onPress() {
|
|
2096
|
+
setMergedOpen(false);
|
|
2097
|
+
}
|
|
2098
|
+
}, {
|
|
2099
|
+
key: 'submit',
|
|
2100
|
+
text: resolveActionText(submitter === null || submitter === void 0 || (_submitter$searchConf5 = submitter.searchConfig) === null || _submitter$searchConf5 === void 0 ? void 0 : _submitter$searchConf5.submitText, '提交'),
|
|
2101
|
+
primary: true,
|
|
2102
|
+
loading: submitting || Boolean(submitter === null || submitter === void 0 || (_submitter$submitButt3 = submitter.submitButtonProps) === null || _submitter$submitButt3 === void 0 ? void 0 : _submitter$submitButt3.loading),
|
|
2103
|
+
disabled: submitting || Boolean(submitter === null || submitter === void 0 || (_submitter$submitButt4 = submitter.submitButtonProps) === null || _submitter$submitButt4 === void 0 ? void 0 : _submitter$submitButt4.disabled),
|
|
2104
|
+
onPress: function onPress() {
|
|
2105
|
+
if (submittingRef.current) {
|
|
2106
|
+
return;
|
|
2107
|
+
}
|
|
2108
|
+
form.submit();
|
|
2109
|
+
}
|
|
2110
|
+
}],
|
|
2111
|
+
body: /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseProForm, _objectSpread(_objectSpread({}, restProps), {}, {
|
|
2112
|
+
form: form,
|
|
2113
|
+
layout: layout || 'vertical',
|
|
2114
|
+
submitter: false,
|
|
2115
|
+
onFinish: function onFinish(values) {
|
|
2116
|
+
return handleSubmit(values);
|
|
2117
|
+
},
|
|
2118
|
+
children: children
|
|
2119
|
+
}))
|
|
2120
|
+
}))]
|
|
2121
|
+
});
|
|
2122
|
+
};
|
|
2123
|
+
var DrawerForm = exports.DrawerForm = function DrawerForm(_ref36) {
|
|
2124
|
+
var _submitter$resetButto3, _submitter$submitButt5, _submitter$submitButt6, _submitter$searchConf6;
|
|
2125
|
+
var trigger = _ref36.trigger,
|
|
2126
|
+
open = _ref36.open,
|
|
2127
|
+
visible = _ref36.visible,
|
|
2128
|
+
defaultOpen = _ref36.defaultOpen,
|
|
2129
|
+
onOpenChange = _ref36.onOpenChange,
|
|
2130
|
+
onVisibleChange = _ref36.onVisibleChange,
|
|
2131
|
+
drawerProps = _ref36.drawerProps,
|
|
2132
|
+
title = _ref36.title,
|
|
2133
|
+
_ref36$width = _ref36.width,
|
|
2134
|
+
width = _ref36$width === void 0 ? 520 : _ref36$width,
|
|
2135
|
+
controlledForm = _ref36.form,
|
|
2136
|
+
onFinish = _ref36.onFinish,
|
|
2137
|
+
submitter = _ref36.submitter,
|
|
2138
|
+
layout = _ref36.layout,
|
|
2139
|
+
children = _ref36.children,
|
|
2140
|
+
restProps = _objectWithoutProperties(_ref36, _excluded18);
|
|
2141
|
+
var _useForm7 = (0, _form.useForm)(controlledForm),
|
|
2142
|
+
_useForm8 = _slicedToArray(_useForm7, 1),
|
|
2143
|
+
form = _useForm8[0];
|
|
2144
|
+
var submittingRef = (0, _react.useRef)(false);
|
|
2145
|
+
var _useState25 = (0, _react.useState)(false),
|
|
2146
|
+
_useState26 = _slicedToArray(_useState25, 2),
|
|
2147
|
+
submitting = _useState26[0],
|
|
2148
|
+
setSubmitting = _useState26[1];
|
|
2149
|
+
var _useMergedOpen3 = useMergedOpen({
|
|
2150
|
+
open: open,
|
|
2151
|
+
visible: visible,
|
|
2152
|
+
defaultOpen: defaultOpen,
|
|
2153
|
+
onOpenChange: onOpenChange,
|
|
2154
|
+
onVisibleChange: onVisibleChange
|
|
2155
|
+
}),
|
|
2156
|
+
_useMergedOpen4 = _slicedToArray(_useMergedOpen3, 2),
|
|
2157
|
+
mergedOpen = _useMergedOpen4[0],
|
|
2158
|
+
setMergedOpen = _useMergedOpen4[1];
|
|
2159
|
+
useResetFormOnClose(form, mergedOpen);
|
|
2160
|
+
(0, _react.useEffect)(function () {
|
|
2161
|
+
if (!mergedOpen) {
|
|
2162
|
+
submittingRef.current = false;
|
|
2163
|
+
setSubmitting(false);
|
|
2164
|
+
}
|
|
2165
|
+
}, [mergedOpen]);
|
|
2166
|
+
var handleSubmit = /*#__PURE__*/function () {
|
|
2167
|
+
var _ref37 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(values) {
|
|
2168
|
+
var result;
|
|
2169
|
+
return _regeneratorRuntime().wrap(function _callee2$(_context2) {
|
|
2170
|
+
while (1) switch (_context2.prev = _context2.next) {
|
|
2171
|
+
case 0:
|
|
2172
|
+
if (!submittingRef.current) {
|
|
2173
|
+
_context2.next = 2;
|
|
2174
|
+
break;
|
|
2175
|
+
}
|
|
2176
|
+
return _context2.abrupt("return", false);
|
|
2177
|
+
case 2:
|
|
2178
|
+
submittingRef.current = true;
|
|
2179
|
+
setSubmitting(true);
|
|
2180
|
+
_context2.prev = 4;
|
|
2181
|
+
_context2.next = 7;
|
|
2182
|
+
return onFinish === null || onFinish === void 0 ? void 0 : onFinish(values);
|
|
2183
|
+
case 7:
|
|
2184
|
+
result = _context2.sent;
|
|
2185
|
+
if (result !== false) {
|
|
2186
|
+
setMergedOpen(false);
|
|
2187
|
+
}
|
|
2188
|
+
return _context2.abrupt("return", result);
|
|
2189
|
+
case 10:
|
|
2190
|
+
_context2.prev = 10;
|
|
2191
|
+
submittingRef.current = false;
|
|
2192
|
+
setSubmitting(false);
|
|
2193
|
+
return _context2.finish(10);
|
|
2194
|
+
case 14:
|
|
2195
|
+
case "end":
|
|
2196
|
+
return _context2.stop();
|
|
2197
|
+
}
|
|
2198
|
+
}, _callee2, null, [[4,, 10, 14]]);
|
|
2199
|
+
}));
|
|
2200
|
+
return function handleSubmit(_x2) {
|
|
2201
|
+
return _ref37.apply(this, arguments);
|
|
2202
|
+
};
|
|
2203
|
+
}();
|
|
2204
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
2205
|
+
children: [renderOverlayTrigger(trigger, setMergedOpen), /*#__PURE__*/(0, _jsxRuntime.jsx)(_popup.Popup, _objectSpread(_objectSpread({}, drawerProps), {}, {
|
|
2206
|
+
visible: mergedOpen,
|
|
2207
|
+
position: "right",
|
|
2208
|
+
onMaskPress: function onMaskPress() {
|
|
2209
|
+
setMergedOpen(false);
|
|
2210
|
+
},
|
|
2211
|
+
bodyStyle: drawerProps === null || drawerProps === void 0 ? void 0 : drawerProps.bodyStyle,
|
|
2212
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
2213
|
+
className: "flex h-screen max-w-[100vw] flex-col border-l border-border bg-background shadow-2xl",
|
|
2214
|
+
style: {
|
|
2215
|
+
width: width
|
|
2216
|
+
},
|
|
2217
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
2218
|
+
className: "flex items-center justify-between border-b border-border px-5 py-4",
|
|
2219
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
2220
|
+
className: "text-base font-semibold text-foreground",
|
|
2221
|
+
children: title
|
|
2222
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
|
|
2223
|
+
type: "button",
|
|
2224
|
+
className: "inline-flex h-8 w-8 items-center justify-center text-muted-foreground transition-colors hover:text-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
|
|
2225
|
+
"aria-label": "\u5173\u95ED",
|
|
2226
|
+
onClick: function onClick() {
|
|
2227
|
+
setMergedOpen(false);
|
|
2228
|
+
},
|
|
2229
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReact.X, {
|
|
2230
|
+
className: "h-4 w-4"
|
|
2231
|
+
})
|
|
2232
|
+
})]
|
|
2233
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
2234
|
+
className: "flex-1 overflow-auto px-5 py-5",
|
|
2235
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseProForm, _objectSpread(_objectSpread({}, restProps), {}, {
|
|
2236
|
+
form: form,
|
|
2237
|
+
layout: layout || 'vertical',
|
|
2238
|
+
submitter: false,
|
|
2239
|
+
onFinish: function onFinish(values) {
|
|
2240
|
+
return handleSubmit(values);
|
|
2241
|
+
},
|
|
2242
|
+
children: children
|
|
2243
|
+
}))
|
|
2244
|
+
}), submitter === false ? null : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
2245
|
+
className: "bg-card/80 flex items-center justify-end gap-3 border-t border-border px-5 py-4",
|
|
2246
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, _objectSpread(_objectSpread({
|
|
2247
|
+
variant: "outline"
|
|
2248
|
+
}, submitter === null || submitter === void 0 ? void 0 : submitter.resetButtonProps), {}, {
|
|
2249
|
+
disabled: submitting || Boolean(submitter === null || submitter === void 0 || (_submitter$resetButto3 = submitter.resetButtonProps) === null || _submitter$resetButto3 === void 0 ? void 0 : _submitter$resetButto3.disabled),
|
|
2250
|
+
onClick: function onClick() {
|
|
2251
|
+
if (submittingRef.current) {
|
|
2252
|
+
return;
|
|
2253
|
+
}
|
|
2254
|
+
setMergedOpen(false);
|
|
2255
|
+
},
|
|
2256
|
+
children: "\u53D6\u6D88"
|
|
2257
|
+
})), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, _objectSpread(_objectSpread({}, submitter === null || submitter === void 0 ? void 0 : submitter.submitButtonProps), {}, {
|
|
2258
|
+
loading: submitting || Boolean(submitter === null || submitter === void 0 || (_submitter$submitButt5 = submitter.submitButtonProps) === null || _submitter$submitButt5 === void 0 ? void 0 : _submitter$submitButt5.loading),
|
|
2259
|
+
disabled: submitting || Boolean(submitter === null || submitter === void 0 || (_submitter$submitButt6 = submitter.submitButtonProps) === null || _submitter$submitButt6 === void 0 ? void 0 : _submitter$submitButt6.disabled),
|
|
2260
|
+
onClick: function onClick() {
|
|
2261
|
+
if (submittingRef.current) {
|
|
2262
|
+
return;
|
|
2263
|
+
}
|
|
2264
|
+
form.submit();
|
|
2265
|
+
},
|
|
2266
|
+
children: resolveActionText(submitter === null || submitter === void 0 || (_submitter$searchConf6 = submitter.searchConfig) === null || _submitter$searchConf6 === void 0 ? void 0 : _submitter$searchConf6.submitText, '提交')
|
|
2267
|
+
}))]
|
|
2268
|
+
})]
|
|
2269
|
+
})
|
|
2270
|
+
}))]
|
|
2271
|
+
});
|
|
2272
|
+
};
|
|
2273
|
+
var ProFormList = exports.ProFormList = _form.Form.List;
|
|
2274
|
+
var ProFormErrorList = exports.ProFormErrorList = _form.Form.ErrorList;
|
|
2275
|
+
var ProForm = exports.ProForm = (0, _utils.attachPropertiesToComponent)(BaseProForm, {
|
|
2276
|
+
useForm: _form.useForm,
|
|
2277
|
+
useFormInstance: _form.useFormInstance,
|
|
2278
|
+
useWatch: _form.useWatch,
|
|
2279
|
+
Item: _form.Form.Item,
|
|
2280
|
+
List: _form.Form.List,
|
|
2281
|
+
ErrorList: _form.Form.ErrorList,
|
|
2282
|
+
Provider: _form.Form.Provider,
|
|
2283
|
+
Group: ProFormGroup,
|
|
2284
|
+
Dependency: ProFormDependency,
|
|
2285
|
+
QueryFilter: QueryFilter,
|
|
2286
|
+
LightFilter: LightFilter,
|
|
2287
|
+
ModalForm: ModalForm,
|
|
2288
|
+
DrawerForm: DrawerForm,
|
|
2289
|
+
LoginForm: _loginForm.LoginForm,
|
|
2290
|
+
LoginFormPage: _loginForm.LoginFormPage,
|
|
2291
|
+
Captcha: _captcha.ProFormCaptcha,
|
|
2292
|
+
ColorPicker: _colorPicker.ProFormColorPicker,
|
|
2293
|
+
UploadButton: _uploadButton.ProFormUploadButton,
|
|
2294
|
+
UploadDragger: _uploadDragger.ProFormUploadDragger,
|
|
2295
|
+
StepsForm: _stepsForm.StepsForm,
|
|
2296
|
+
StepForm: _stepsForm.StepForm,
|
|
2297
|
+
SchemaForm: _schemaForm.SchemaForm,
|
|
2298
|
+
BetaSchemaForm: _schemaForm.BetaSchemaForm,
|
|
2299
|
+
Field: ProFormField,
|
|
2300
|
+
Text: ProFormText,
|
|
2301
|
+
TextArea: ProFormTextArea,
|
|
2302
|
+
Digit: ProFormDigit,
|
|
2303
|
+
DigitRange: ProFormDigitRange,
|
|
2304
|
+
Money: ProFormMoney,
|
|
2305
|
+
Percent: ProFormPercent,
|
|
2306
|
+
Select: ProFormSelect,
|
|
2307
|
+
Checkbox: ProFormCheckbox,
|
|
2308
|
+
Radio: ProFormRadio,
|
|
2309
|
+
TreeSelect: ProFormTreeSelect,
|
|
2310
|
+
Segmented: ProFormSegmented,
|
|
2311
|
+
Cascader: ProFormCascader,
|
|
2312
|
+
DatePicker: ProFormDatePicker,
|
|
2313
|
+
DateWeekPicker: ProFormDateWeekPicker,
|
|
2314
|
+
DateMonthPicker: ProFormDateMonthPicker,
|
|
2315
|
+
DateQuarterPicker: ProFormDateQuarterPicker,
|
|
2316
|
+
DateYearPicker: ProFormDateYearPicker,
|
|
2317
|
+
DateTimePicker: ProFormDateTimePicker,
|
|
2318
|
+
TimePicker: ProFormTimePicker,
|
|
2319
|
+
DateRangePicker: ProFormDateRangePicker,
|
|
2320
|
+
DateMonthRangePicker: ProFormDateMonthRangePicker,
|
|
2321
|
+
DateQuarterRangePicker: ProFormDateQuarterRangePicker,
|
|
2322
|
+
DateTimeRangePicker: ProFormDateTimeRangePicker,
|
|
2323
|
+
DateWeekRangePicker: ProFormDateWeekRangePicker,
|
|
2324
|
+
DateYearRangePicker: ProFormDateYearRangePicker,
|
|
2325
|
+
TimeRangePicker: ProFormTimeRangePicker,
|
|
2326
|
+
FieldSet: ProFormFieldSet,
|
|
2327
|
+
Switch: ProFormSwitch,
|
|
2328
|
+
Rate: ProFormRate,
|
|
2329
|
+
Slider: ProFormSlider
|
|
2330
|
+
});
|
|
2331
|
+
var ProFormCore = exports.ProFormCore = BaseProForm;
|
|
2332
|
+
var _default = exports.default = ProForm;
|