tntd 3.0.8 → 3.0.9-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/array-input/index.js +96 -9
- package/es/array-input/index.js.map +1 -1
- package/es/array-input/index.less +5 -0
- package/es/form/style/index.less +6 -0
- package/es/index.js +2 -0
- package/es/index.js.map +1 -1
- package/es/query-form-v3/Field/Checkbox.js +23 -0
- package/es/query-form-v3/Field/Checkbox.js.map +1 -0
- package/es/query-form-v3/Field/Composition/FieldPopover.js +328 -0
- package/es/query-form-v3/Field/Composition/FieldPopover.js.map +1 -0
- package/es/query-form-v3/Field/Composition/FieldPopover.less +35 -0
- package/es/query-form-v3/Field/Composition/Select.js +107 -0
- package/es/query-form-v3/Field/Composition/Select.js.map +1 -0
- package/es/query-form-v3/Field/Composition/index.js +210 -0
- package/es/query-form-v3/Field/Composition/index.js.map +1 -0
- package/es/query-form-v3/Field/Composition/index.less +114 -0
- package/es/query-form-v3/Field/Composition/utils.js +132 -0
- package/es/query-form-v3/Field/Composition/utils.js.map +1 -0
- package/es/query-form-v3/Field/Select.js +59 -0
- package/es/query-form-v3/Field/Select.js.map +1 -0
- package/es/query-form-v3/Field/SelectInput.js +87 -0
- package/es/query-form-v3/Field/SelectInput.js.map +1 -0
- package/es/query-form-v3/Field/fieldsMap.js +28 -0
- package/es/query-form-v3/Field/fieldsMap.js.map +1 -0
- package/es/query-form-v3/Field/index.js +117 -0
- package/es/query-form-v3/Field/index.js.map +1 -0
- package/es/query-form-v3/createActions.js +47 -0
- package/es/query-form-v3/createActions.js.map +1 -0
- package/es/query-form-v3/index.js +172 -0
- package/es/query-form-v3/index.js.map +1 -0
- package/es/query-form-v3/index.less +90 -0
- package/es/query-form-v3/useForm.js +6 -0
- package/es/query-form-v3/useForm.js.map +1 -0
- package/es/query-list-scene/QueryForm.js +4 -1
- package/es/query-list-scene/QueryForm.js.map +1 -1
- package/es/svg-components/illustration-offline.js +11 -29
- package/es/svg-components/illustration-offline.js.map +1 -1
- package/es/title/index.less +1 -1
- package/es/tntd-rc-select/style/index.less +4 -0
- package/es/tntd-virtual-tree/index.js +209 -0
- package/es/tntd-virtual-tree/index.js.map +1 -0
- package/es/tntd-virtual-tree/index.less +86 -0
- package/es/tntd-virtual-tree/utils.js +237 -0
- package/es/tntd-virtual-tree/utils.js.map +1 -0
- package/es/tntd-virtual-tree-select/VirtualTree.js +125 -0
- package/es/tntd-virtual-tree-select/VirtualTree.js.map +1 -0
- package/es/tntd-virtual-tree-select/index.js +65 -0
- package/es/tntd-virtual-tree-select/index.js.map +1 -0
- package/es/tntd-virtual-tree-select/index.less +3 -0
- package/es/tntd-virtual-tree-select/tree.less +29 -0
- package/es/tntd-virtual-tree-select/utils.js +135 -0
- package/es/tntd-virtual-tree-select/utils.js.map +1 -0
- package/lib/array-input/index.d.ts.map +1 -1
- package/lib/array-input/index.js +107 -13
- package/lib/array-input/index.js.map +1 -1
- package/lib/array-input/index.less +5 -0
- package/lib/form/style/index.less +6 -0
- package/lib/index.d.ts +2 -0
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +14 -0
- package/lib/index.js.map +1 -1
- package/lib/query-form-v3/Field/Checkbox.d.ts +8 -0
- package/lib/query-form-v3/Field/Checkbox.d.ts.map +1 -0
- package/lib/query-form-v3/Field/Checkbox.js +28 -0
- package/lib/query-form-v3/Field/Checkbox.js.map +1 -0
- package/lib/query-form-v3/Field/Composition/FieldPopover.d.ts +19 -0
- package/lib/query-form-v3/Field/Composition/FieldPopover.d.ts.map +1 -0
- package/lib/query-form-v3/Field/Composition/FieldPopover.js +368 -0
- package/lib/query-form-v3/Field/Composition/FieldPopover.js.map +1 -0
- package/lib/query-form-v3/Field/Composition/FieldPopover.less +35 -0
- package/lib/query-form-v3/Field/Composition/Select.d.ts +4 -0
- package/lib/query-form-v3/Field/Composition/Select.d.ts.map +1 -0
- package/lib/query-form-v3/Field/Composition/Select.js +131 -0
- package/lib/query-form-v3/Field/Composition/Select.js.map +1 -0
- package/lib/query-form-v3/Field/Composition/index.d.ts +10 -0
- package/lib/query-form-v3/Field/Composition/index.d.ts.map +1 -0
- package/lib/query-form-v3/Field/Composition/index.js +257 -0
- package/lib/query-form-v3/Field/Composition/index.js.map +1 -0
- package/lib/query-form-v3/Field/Composition/index.less +114 -0
- package/lib/query-form-v3/Field/Composition/utils.d.ts +22 -0
- package/lib/query-form-v3/Field/Composition/utils.d.ts.map +1 -0
- package/lib/query-form-v3/Field/Composition/utils.js +147 -0
- package/lib/query-form-v3/Field/Composition/utils.js.map +1 -0
- package/lib/query-form-v3/Field/Select.d.ts +4 -0
- package/lib/query-form-v3/Field/Select.d.ts.map +1 -0
- package/lib/query-form-v3/Field/Select.js +80 -0
- package/lib/query-form-v3/Field/Select.js.map +1 -0
- package/lib/query-form-v3/Field/SelectInput.d.ts +4 -0
- package/lib/query-form-v3/Field/SelectInput.d.ts.map +1 -0
- package/lib/query-form-v3/Field/SelectInput.js +100 -0
- package/lib/query-form-v3/Field/SelectInput.js.map +1 -0
- package/lib/query-form-v3/Field/fieldsMap.d.ts +27 -0
- package/lib/query-form-v3/Field/fieldsMap.d.ts.map +1 -0
- package/lib/query-form-v3/Field/fieldsMap.js +35 -0
- package/lib/query-form-v3/Field/fieldsMap.js.map +1 -0
- package/lib/query-form-v3/Field/index.d.ts +14 -0
- package/lib/query-form-v3/Field/index.d.ts.map +1 -0
- package/lib/query-form-v3/Field/index.js +147 -0
- package/lib/query-form-v3/Field/index.js.map +1 -0
- package/lib/query-form-v3/createActions.d.ts +14 -0
- package/lib/query-form-v3/createActions.d.ts.map +1 -0
- package/lib/query-form-v3/createActions.js +54 -0
- package/lib/query-form-v3/createActions.js.map +1 -0
- package/lib/query-form-v3/index.d.ts +27 -0
- package/lib/query-form-v3/index.d.ts.map +1 -0
- package/lib/query-form-v3/index.js +206 -0
- package/lib/query-form-v3/index.js.map +1 -0
- package/lib/query-form-v3/index.less +90 -0
- package/lib/query-form-v3/useForm.d.ts +13 -0
- package/lib/query-form-v3/useForm.d.ts.map +1 -0
- package/lib/query-form-v3/useForm.js +13 -0
- package/lib/query-form-v3/useForm.js.map +1 -0
- package/lib/query-list-scene/QueryForm.d.ts +1 -1
- package/lib/query-list-scene/QueryForm.d.ts.map +1 -1
- package/lib/query-list-scene/QueryForm.js +7 -4
- package/lib/query-list-scene/QueryForm.js.map +1 -1
- package/lib/svg-components/illustration-offline.d.ts.map +1 -1
- package/lib/svg-components/illustration-offline.js +11 -29
- package/lib/svg-components/illustration-offline.js.map +1 -1
- package/lib/title/index.less +1 -1
- package/lib/tntd-rc-select/style/index.less +4 -0
- package/lib/tntd-virtual-tree/index.d.ts +18 -0
- package/lib/tntd-virtual-tree/index.d.ts.map +1 -0
- package/lib/tntd-virtual-tree/index.js +242 -0
- package/lib/tntd-virtual-tree/index.js.map +1 -0
- package/lib/tntd-virtual-tree/index.less +86 -0
- package/lib/tntd-virtual-tree/utils.d.ts +15 -0
- package/lib/tntd-virtual-tree/utils.d.ts.map +1 -0
- package/lib/tntd-virtual-tree/utils.js +289 -0
- package/lib/tntd-virtual-tree/utils.js.map +1 -0
- package/lib/tntd-virtual-tree-select/VirtualTree.d.ts +13 -0
- package/lib/tntd-virtual-tree-select/VirtualTree.d.ts.map +1 -0
- package/lib/tntd-virtual-tree-select/VirtualTree.js +155 -0
- package/lib/tntd-virtual-tree-select/VirtualTree.js.map +1 -0
- package/lib/tntd-virtual-tree-select/index.d.ts +17 -0
- package/lib/tntd-virtual-tree-select/index.d.ts.map +1 -0
- package/lib/tntd-virtual-tree-select/index.js +76 -0
- package/lib/tntd-virtual-tree-select/index.js.map +1 -0
- package/lib/tntd-virtual-tree-select/index.less +3 -0
- package/lib/tntd-virtual-tree-select/tree.less +29 -0
- package/lib/tntd-virtual-tree-select/utils.d.ts +10 -0
- package/lib/tntd-virtual-tree-select/utils.d.ts.map +1 -0
- package/lib/tntd-virtual-tree-select/utils.js +167 -0
- package/lib/tntd-virtual-tree-select/utils.js.map +1 -0
- package/package.json +7 -2
|
@@ -0,0 +1,206 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
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); }
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports["default"] = void 0;
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
|
+
var _createActions = _interopRequireDefault(require("./createActions"));
|
|
11
|
+
var _Field = _interopRequireDefault(require("./Field"));
|
|
12
|
+
var _Composition = _interopRequireDefault(require("./Field/Composition"));
|
|
13
|
+
var _useForm = _interopRequireDefault(require("./useForm"));
|
|
14
|
+
var _button = _interopRequireDefault(require("../button"));
|
|
15
|
+
var _form = _interopRequireDefault(require("../form"));
|
|
16
|
+
var _prevLocale = require("../prev-locale");
|
|
17
|
+
require("./index.less");
|
|
18
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
+
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); }
|
|
20
|
+
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 && {}.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; }
|
|
21
|
+
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; }
|
|
22
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
23
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
24
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
25
|
+
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."); }
|
|
26
|
+
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); }
|
|
27
|
+
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; }
|
|
28
|
+
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; } }
|
|
29
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
30
|
+
var clsPrefix = 'tnt-queryform';
|
|
31
|
+
function QueryForm(_ref) {
|
|
32
|
+
var form = _ref.form,
|
|
33
|
+
_ref$className = _ref.className,
|
|
34
|
+
className = _ref$className === void 0 ? '' : _ref$className,
|
|
35
|
+
_initialValues = _ref.initialValues,
|
|
36
|
+
language = _ref.language,
|
|
37
|
+
onSearch = _ref.onSearch,
|
|
38
|
+
onReset = _ref.onReset,
|
|
39
|
+
onChange = _ref.onChange,
|
|
40
|
+
renderActions = _ref.renderActions,
|
|
41
|
+
extraActions = _ref.extraActions,
|
|
42
|
+
children = _ref.children,
|
|
43
|
+
_ref$showSearch = _ref.showSearch,
|
|
44
|
+
showSearch = _ref$showSearch === void 0 ? false : _ref$showSearch,
|
|
45
|
+
_ref$showReset = _ref.showReset,
|
|
46
|
+
showReset = _ref$showReset === void 0 ? false : _ref$showReset,
|
|
47
|
+
_ref$showFieldCount = _ref.showFieldCount,
|
|
48
|
+
showFieldCount = _ref$showFieldCount === void 0 ? 3 : _ref$showFieldCount,
|
|
49
|
+
_ref$minGroupCount = _ref.minGroupCount,
|
|
50
|
+
minGroupCount = _ref$minGroupCount === void 0 ? 3 : _ref$minGroupCount;
|
|
51
|
+
var _useState = (0, _react.useState)(_initialValues || {}),
|
|
52
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
53
|
+
initialValues = _useState2[0],
|
|
54
|
+
setInitialValues = _useState2[1];
|
|
55
|
+
var formRef = (0, _react.useRef)(form || (0, _createActions["default"])());
|
|
56
|
+
(0, _react.useEffect)(function () {
|
|
57
|
+
var _search = function _search() {
|
|
58
|
+
var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
59
|
+
onSearch(Object.assign(Object.assign({}, formRef.current.getValues()), params));
|
|
60
|
+
};
|
|
61
|
+
formRef.current.setData('initialValues', initialValues);
|
|
62
|
+
formRef.current.setData('values', initialValues);
|
|
63
|
+
formRef.current.on('search', _search);
|
|
64
|
+
return function () {
|
|
65
|
+
formRef.current.off('search', _search);
|
|
66
|
+
};
|
|
67
|
+
}, []);
|
|
68
|
+
var _getText = function _getText(key) {
|
|
69
|
+
return (0, _prevLocale.getText)(key, language || (0, _prevLocale.getLanguage)());
|
|
70
|
+
};
|
|
71
|
+
var _onSearch = function _onSearch() {
|
|
72
|
+
onSearch === null || onSearch === void 0 ? void 0 : onSearch(formRef.current.getValues());
|
|
73
|
+
};
|
|
74
|
+
var _onReset = function _onReset() {
|
|
75
|
+
formRef.current.setValues(Object.assign({}, initialValues));
|
|
76
|
+
onReset === null || onReset === void 0 ? void 0 : onReset(initialValues);
|
|
77
|
+
setInitialValues(Object.assign({}, initialValues));
|
|
78
|
+
};
|
|
79
|
+
var _onFieldChange = function _onFieldChange(name, value) {
|
|
80
|
+
var values = formRef.current.getValues();
|
|
81
|
+
var newValues = Object.assign(Object.assign({}, values), _defineProperty({}, name, value));
|
|
82
|
+
var changedInfo = {
|
|
83
|
+
name: name,
|
|
84
|
+
value: value,
|
|
85
|
+
preValue: values === null || values === void 0 ? void 0 : values[name]
|
|
86
|
+
};
|
|
87
|
+
formRef.current.setData('values', newValues);
|
|
88
|
+
for (var _len = arguments.length, rest = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
|
|
89
|
+
rest[_key - 2] = arguments[_key];
|
|
90
|
+
}
|
|
91
|
+
onChange && onChange.apply(void 0, [newValues, changedInfo].concat(rest));
|
|
92
|
+
};
|
|
93
|
+
var _onCompositionFieldChange = function _onCompositionFieldChange(value, deleteKeys) {
|
|
94
|
+
for (var _len2 = arguments.length, rest = new Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
|
|
95
|
+
rest[_key2 - 2] = arguments[_key2];
|
|
96
|
+
}
|
|
97
|
+
var _a;
|
|
98
|
+
var values = formRef.current.getValues();
|
|
99
|
+
var newValues = Object.assign(Object.assign({}, values), value);
|
|
100
|
+
if (deleteKeys === null || deleteKeys === void 0 ? void 0 : deleteKeys.length) {
|
|
101
|
+
deleteKeys === null || deleteKeys === void 0 ? void 0 : deleteKeys.forEach(function (key) {
|
|
102
|
+
if (values === null || values === void 0 ? void 0 : values[key]) {
|
|
103
|
+
delete newValues[key];
|
|
104
|
+
}
|
|
105
|
+
});
|
|
106
|
+
}
|
|
107
|
+
formRef.current.setData('values', newValues);
|
|
108
|
+
if (onChange) {
|
|
109
|
+
(_a = Object.keys(values)) === null || _a === void 0 ? void 0 : _a.forEach(function (key) {
|
|
110
|
+
if (JSON.stringify(value[key]) !== JSON.stringify(values[key] || '')) {
|
|
111
|
+
var changedInfo = {
|
|
112
|
+
name: key,
|
|
113
|
+
value: value[key],
|
|
114
|
+
preValue: values === null || values === void 0 ? void 0 : values[key]
|
|
115
|
+
};
|
|
116
|
+
onChange.apply(void 0, [newValues, changedInfo].concat(rest));
|
|
117
|
+
}
|
|
118
|
+
});
|
|
119
|
+
}
|
|
120
|
+
};
|
|
121
|
+
var _useMemo = (0, _react.useMemo)(function () {
|
|
122
|
+
var _a;
|
|
123
|
+
var groupFields = [];
|
|
124
|
+
var outFields = [];
|
|
125
|
+
var otherFields = [];
|
|
126
|
+
var rightChildren = [];
|
|
127
|
+
var compositionInitValues = {};
|
|
128
|
+
_react["default"].Children.map(children, function (child) {
|
|
129
|
+
var _a, _b;
|
|
130
|
+
if (child) {
|
|
131
|
+
if (((_a = child.props) === null || _a === void 0 ? void 0 : _a.align) === 'right') {
|
|
132
|
+
rightChildren.push(child);
|
|
133
|
+
return;
|
|
134
|
+
} else if (((_b = child.props) === null || _b === void 0 ? void 0 : _b.isGroup) === false) {
|
|
135
|
+
outFields.push(child);
|
|
136
|
+
} else {
|
|
137
|
+
groupFields.push(child);
|
|
138
|
+
}
|
|
139
|
+
otherFields.push(child);
|
|
140
|
+
}
|
|
141
|
+
});
|
|
142
|
+
if (groupFields.length <= minGroupCount) {
|
|
143
|
+
groupFields = [];
|
|
144
|
+
outFields = otherFields;
|
|
145
|
+
} else {
|
|
146
|
+
// 初始值
|
|
147
|
+
for (var i = 0; i < groupFields.length; i++) {
|
|
148
|
+
var name = (_a = groupFields[i].props) === null || _a === void 0 ? void 0 : _a.name;
|
|
149
|
+
if (initialValues[name] !== undefined) {
|
|
150
|
+
compositionInitValues[name] = initialValues[name];
|
|
151
|
+
}
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
return [groupFields, outFields, rightChildren, compositionInitValues];
|
|
155
|
+
}, [children, minGroupCount, initialValues]),
|
|
156
|
+
_useMemo2 = _slicedToArray(_useMemo, 4),
|
|
157
|
+
groupFields = _useMemo2[0],
|
|
158
|
+
outFields = _useMemo2[1],
|
|
159
|
+
rightChildren = _useMemo2[2],
|
|
160
|
+
compositionInitValues = _useMemo2[3];
|
|
161
|
+
var isGroupMode = groupFields.length > 0;
|
|
162
|
+
var hasOutField = outFields.length > 0;
|
|
163
|
+
var showExtra = rightChildren.length > 0 || extraActions;
|
|
164
|
+
return _react["default"].createElement("div", {
|
|
165
|
+
className: (0, _classnames["default"])(clsPrefix, _defineProperty({}, className, className))
|
|
166
|
+
}, _react["default"].createElement(_form["default"], {
|
|
167
|
+
layout: "inline"
|
|
168
|
+
}, _react["default"].createElement("div", {
|
|
169
|
+
className: "".concat(clsPrefix, "-top")
|
|
170
|
+
}, _react["default"].createElement("div", {
|
|
171
|
+
className: "".concat(clsPrefix, "-top-body")
|
|
172
|
+
}, hasOutField ? outFields.map(function (child, i) {
|
|
173
|
+
var _a;
|
|
174
|
+
return _react["default"].cloneElement(child, {
|
|
175
|
+
form: formRef.current,
|
|
176
|
+
initialValue: initialValues === null || initialValues === void 0 ? void 0 : initialValues[(_a = child.props) === null || _a === void 0 ? void 0 : _a.name],
|
|
177
|
+
onChange: _onFieldChange,
|
|
178
|
+
key: i
|
|
179
|
+
});
|
|
180
|
+
}) : isGroupMode ? _react["default"].createElement(_Composition["default"], {
|
|
181
|
+
clsPrefix: clsPrefix,
|
|
182
|
+
fieldItems: groupFields,
|
|
183
|
+
initialValues: compositionInitValues,
|
|
184
|
+
onChange: _onCompositionFieldChange,
|
|
185
|
+
form: formRef.current
|
|
186
|
+
}) : null, renderActions ? renderActions() : _react["default"].createElement(_react["default"].Fragment, null, showSearch && _react["default"].createElement(_button["default"], {
|
|
187
|
+
type: "primary",
|
|
188
|
+
onClick: _onSearch
|
|
189
|
+
}, _getText('search')), showReset && _react["default"].createElement(_button["default"], {
|
|
190
|
+
onClick: _onReset
|
|
191
|
+
}, _getText('reset')))), showExtra && _react["default"].createElement("div", {
|
|
192
|
+
className: "".concat(clsPrefix, "-extra")
|
|
193
|
+
}, rightChildren, extraActions)), isGroupMode && hasOutField && _react["default"].createElement("div", {
|
|
194
|
+
className: "".concat(clsPrefix, "-bottom")
|
|
195
|
+
}, _react["default"].createElement(_Composition["default"], {
|
|
196
|
+
clsPrefix: clsPrefix,
|
|
197
|
+
fieldItems: groupFields,
|
|
198
|
+
initialValues: compositionInitValues,
|
|
199
|
+
onChange: _onCompositionFieldChange,
|
|
200
|
+
form: formRef.current
|
|
201
|
+
}))));
|
|
202
|
+
}
|
|
203
|
+
QueryForm.Field = _Field["default"];
|
|
204
|
+
QueryForm.useForm = _useForm["default"];
|
|
205
|
+
QueryForm.createForm = _createActions["default"];
|
|
206
|
+
var _default = exports["default"] = QueryForm;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/query-form-v3/index.js"],"names":[],"mappings":"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","sourcesContent":["import React, { useMemo, useRef, useEffect, useState } from 'react'\nimport cn from 'classnames'\nimport createActions from './createActions'\nimport Field from './Field'\nimport Composition from './Field/Composition'\nimport useForm from './useForm'\nimport Button from '../button'\nimport Form from '../form'\nimport { getLanguage, getText } from '../prev-locale'\n\nimport './index.less'\n\nconst clsPrefix = 'tnt-queryform'\n\nfunction QueryForm({\n form,\n className = '',\n initialValues: _initialValues,\n language,\n onSearch,\n onReset,\n onChange,\n renderActions,\n extraActions,\n children,\n showSearch = false,\n showReset = false,\n showFieldCount = 3,\n minGroupCount = 3, // 最小聚合个数\n}) {\n const [initialValues, setInitialValues] = useState(_initialValues || {})\n const formRef = useRef(form || createActions())\n\n useEffect(() => {\n const _search = (params = {}) => {\n onSearch({\n ...formRef.current.getValues(),\n ...params,\n })\n }\n formRef.current.setData('initialValues', initialValues)\n formRef.current.setData('values', initialValues)\n formRef.current.on('search', _search)\n return () => {\n formRef.current.off('search', _search)\n }\n }, [])\n\n const _getText = (key) => {\n return getText(key, language || getLanguage())\n }\n const _onSearch = () => {\n onSearch?.(formRef.current.getValues())\n }\n\n const _onReset = () => {\n formRef.current.setValues({ ...initialValues })\n onReset?.(initialValues)\n setInitialValues({ ...initialValues })\n }\n\n const _onFieldChange = (name, value, ...rest) => {\n const values = formRef.current.getValues()\n const newValues = {\n ...values,\n [name]: value,\n }\n const changedInfo = { name, value, preValue: values?.[name] }\n formRef.current.setData('values', newValues)\n onChange && onChange(newValues, changedInfo, ...rest)\n }\n\n const _onCompositionFieldChange = (value, deleteKeys, ...rest) => {\n const values = formRef.current.getValues()\n const newValues = {\n ...values,\n ...value,\n }\n if (deleteKeys?.length) {\n deleteKeys?.forEach((key) => {\n if (values?.[key]) {\n delete newValues[key]\n }\n })\n }\n formRef.current.setData('values', newValues)\n if (onChange) {\n Object.keys(values)?.forEach((key) => {\n if (JSON.stringify(value[key]) !== JSON.stringify(values[key] || '')) {\n const changedInfo = { name: key, value: value[key], preValue: values?.[key] }\n onChange(newValues, changedInfo, ...rest)\n }\n })\n }\n }\n\n const [groupFields, outFields, rightChildren, compositionInitValues] = useMemo(() => {\n let groupFields = []\n let outFields = []\n let otherFields = []\n const rightChildren = []\n const compositionInitValues = {}\n React.Children.map(children, (child) => {\n if (child) {\n if (child.props?.align === 'right') {\n rightChildren.push(child)\n return\n } else if (child.props?.isGroup === false) {\n outFields.push(child)\n } else {\n groupFields.push(child)\n }\n otherFields.push(child)\n }\n })\n if (groupFields.length <= minGroupCount) {\n groupFields = []\n outFields = otherFields\n } else {\n // 初始值\n for (let i = 0; i < groupFields.length; i++) {\n const name = groupFields[i].props?.name\n if (initialValues[name] !== undefined) {\n compositionInitValues[name] = initialValues[name]\n }\n }\n }\n return [groupFields, outFields, rightChildren, compositionInitValues]\n }, [children, minGroupCount, initialValues])\n\n const isGroupMode = groupFields.length > 0\n const hasOutField = outFields.length > 0\n const showExtra = rightChildren.length > 0 || extraActions\n\n return (\n <div className={cn(clsPrefix, { [className]: className })}>\n <Form layout=\"inline\">\n <div className={`${clsPrefix}-top`}>\n <div className={`${clsPrefix}-top-body`}>\n {hasOutField ? (\n outFields.map((child, i) =>\n React.cloneElement(child, {\n form: formRef.current,\n initialValue: initialValues?.[child.props?.name],\n onChange: _onFieldChange,\n key: i,\n })\n )\n ) : isGroupMode ? (\n <Composition\n clsPrefix={clsPrefix}\n fieldItems={groupFields}\n initialValues={compositionInitValues}\n onChange={_onCompositionFieldChange}\n form={formRef.current}\n />\n ) : null}\n\n {renderActions ? (\n renderActions()\n ) : (\n <>\n {showSearch && (\n <Button type=\"primary\" onClick={_onSearch}>\n {_getText('search')}\n </Button>\n )}\n {showReset && <Button onClick={_onReset}>{_getText('reset')}</Button>}\n </>\n )}\n </div>\n {showExtra && (\n <div className={`${clsPrefix}-extra`}>\n {rightChildren}\n {extraActions}\n </div>\n )}\n </div>\n {isGroupMode && hasOutField && (\n <div className={`${clsPrefix}-bottom`}>\n <Composition\n clsPrefix={clsPrefix}\n fieldItems={groupFields}\n initialValues={compositionInitValues}\n onChange={_onCompositionFieldChange}\n form={formRef.current}\n />\n </div>\n )}\n </Form>\n </div>\n )\n}\n\nQueryForm.Field = Field\nQueryForm.useForm = useForm\nQueryForm.createForm = createActions\n\nexport default QueryForm\n"]}
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
.tnt-queryform {
|
|
2
|
+
&-top {
|
|
3
|
+
display: flex;
|
|
4
|
+
&-body {
|
|
5
|
+
flex: 1;
|
|
6
|
+
.ant-btn {
|
|
7
|
+
margin-right: 10px;
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
&-extra {
|
|
13
|
+
& > * {
|
|
14
|
+
margin-left: 10px;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.ant-form {
|
|
19
|
+
// margin-bottom: @margin-sm;
|
|
20
|
+
&.ant-form-inline {
|
|
21
|
+
flex-wrap: unset;
|
|
22
|
+
position: relative;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
&.ant-form-inline .ant-form-item {
|
|
26
|
+
margin-right: 10px;
|
|
27
|
+
margin-bottom: @margin-sm;
|
|
28
|
+
display: inline-block;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.ant-form-item-control {
|
|
32
|
+
// min-width: 160px;
|
|
33
|
+
line-height: unset;
|
|
34
|
+
.ant-calendar-picker-input {
|
|
35
|
+
padding: 0 @padding-sm;
|
|
36
|
+
}
|
|
37
|
+
.ant-form-item-children {
|
|
38
|
+
& > .ant-input,
|
|
39
|
+
& > .ant-input-affix-wrapper {
|
|
40
|
+
width: 160px;
|
|
41
|
+
// width: 200px;
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
&-drawer {
|
|
48
|
+
margin-top: @margin-xxl;
|
|
49
|
+
&.large-size {
|
|
50
|
+
margin-top: 60px;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
&.ant-drawer.ant-drawer-open {
|
|
54
|
+
.ant-drawer-mask {
|
|
55
|
+
opacity: 0;
|
|
56
|
+
background: unset;
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
.ant-drawer-body {
|
|
60
|
+
.ant-form-item {
|
|
61
|
+
display: block;
|
|
62
|
+
margin-right: 0;
|
|
63
|
+
margin-bottom: @margin-md;
|
|
64
|
+
width: 100%;
|
|
65
|
+
}
|
|
66
|
+
.ant-form-item-label {
|
|
67
|
+
display: block;
|
|
68
|
+
text-align: left;
|
|
69
|
+
line-height: 22px;
|
|
70
|
+
margin-bottom: 10px;
|
|
71
|
+
}
|
|
72
|
+
.ant-form-item-control-wrapper,
|
|
73
|
+
.ant-form-item-control,
|
|
74
|
+
.ant-calendar-picker,
|
|
75
|
+
.ant-input {
|
|
76
|
+
min-width: 100%;
|
|
77
|
+
width: 100%;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
& > .ant-btn {
|
|
81
|
+
display: block;
|
|
82
|
+
width: 100%;
|
|
83
|
+
margin-bottom: 10px;
|
|
84
|
+
&.ant-btn-primary {
|
|
85
|
+
margin-top: @margin-md;
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export default function useForm(): {
|
|
2
|
+
setData(key: any, value: any): void;
|
|
3
|
+
getData(key: any): void;
|
|
4
|
+
setValues(values: any): void;
|
|
5
|
+
getValues(): {};
|
|
6
|
+
resetValues(): void;
|
|
7
|
+
setValue(name: any, value: any): void;
|
|
8
|
+
getValue(name: any): any;
|
|
9
|
+
on: (eventName: any, callback: any) => void;
|
|
10
|
+
emit: (...args: any[]) => void;
|
|
11
|
+
off: (...args: any[]) => void;
|
|
12
|
+
}[];
|
|
13
|
+
//# sourceMappingURL=useForm.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useForm.d.ts","sourceRoot":"","sources":["../../src/query-form-v3/useForm.js"],"names":[],"mappings":"AAGA;;;;;;;;;;;IAIC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = useForm;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _createActions = _interopRequireDefault(require("./createActions"));
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
10
|
+
function useForm() {
|
|
11
|
+
var form = (0, _react.useRef)((0, _createActions["default"])());
|
|
12
|
+
return [form.current];
|
|
13
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useForm.js","sourceRoot":"","sources":["../../src/query-form-v3/useForm.js"],"names":[],"mappings":";;;;;AAAA,iCAA8B;AAC9B,oEAA2C;AAE3C,SAAwB,OAAO;IAC7B,MAAM,IAAI,GAAG,IAAA,cAAM,EAAC,IAAA,uBAAa,GAAE,CAAC,CAAA;IAEpC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;AACvB,CAAC;AAJD,0BAIC","sourcesContent":["import { useRef } from 'react'\nimport createActions from './createActions'\n\nexport default function useForm() {\n const form = useRef(createActions())\n\n return [form.current]\n}\n"]}
|
|
@@ -11,7 +11,7 @@ declare class QueryForm extends React.PureComponent<any, any, any> {
|
|
|
11
11
|
componentWillUnmount(): void;
|
|
12
12
|
}
|
|
13
13
|
declare namespace QueryForm {
|
|
14
|
-
const Field: typeof import("../query-form/Field").default;
|
|
14
|
+
const Field: typeof import("../query-form-v3/Field").default;
|
|
15
15
|
}
|
|
16
16
|
export default QueryForm;
|
|
17
17
|
import React from "react";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QueryForm.d.ts","sourceRoot":"","sources":["../../src/query-list-scene/QueryForm.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"QueryForm.d.ts","sourceRoot":"","sources":["../../src/query-list-scene/QueryForm.js"],"names":[],"mappings":"AAUA;IACE,wBAQC;IAJC,UAAqC;IAMvC,4BAeC;IAED,0BAcC;IAED,mCAWC;IAED,oBAOC;IAED,qEAKC;IAED,kDAKC;IAED,yCAKC;IAED,6BAKC;CACF"}
|
|
@@ -7,7 +7,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports["default"] = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
|
-
|
|
10
|
+
require("../query-form");
|
|
11
|
+
var _queryFormV = _interopRequireDefault(require("../query-form-v3"));
|
|
11
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
12
13
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
13
14
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
|
|
@@ -30,6 +31,8 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
|
30
31
|
return t;
|
|
31
32
|
};
|
|
32
33
|
var clsPrefix = 'tnt-querylistscene-queryform';
|
|
34
|
+
// const Form = !!localStorage.getItem('query-form') ? FormV3 : FormV2
|
|
35
|
+
var Form = _queryFormV["default"];
|
|
33
36
|
var QueryForm = exports["default"] = /*#__PURE__*/function (_React$PureComponent) {
|
|
34
37
|
function QueryForm(props) {
|
|
35
38
|
var _this;
|
|
@@ -109,7 +112,7 @@ var QueryForm = exports["default"] = /*#__PURE__*/function (_React$PureComponent
|
|
|
109
112
|
});
|
|
110
113
|
var actions = props.actions,
|
|
111
114
|
form = props.form;
|
|
112
|
-
_this.form = form ||
|
|
115
|
+
_this.form = form || Form.createForm();
|
|
113
116
|
actions.on('setFormData', _this.setFormData);
|
|
114
117
|
actions.on('resetFormData', _this.resetFormData);
|
|
115
118
|
return _this;
|
|
@@ -125,7 +128,7 @@ var QueryForm = exports["default"] = /*#__PURE__*/function (_React$PureComponent
|
|
|
125
128
|
extralActions = _a.extralActions,
|
|
126
129
|
qlsProps = _a.qlsProps,
|
|
127
130
|
props = __rest(_a, ["className", "actions", "extraActions", "extralActions", "qlsProps"]);
|
|
128
|
-
return _react["default"].createElement(
|
|
131
|
+
return _react["default"].createElement(Form, Object.assign({}, props, {
|
|
129
132
|
form: this.form,
|
|
130
133
|
className: (0, _classnames["default"])(clsPrefix, className),
|
|
131
134
|
// 前期拼写错误,导致需要兼容错误的api
|
|
@@ -159,4 +162,4 @@ var QueryForm = exports["default"] = /*#__PURE__*/function (_React$PureComponent
|
|
|
159
162
|
}
|
|
160
163
|
}]);
|
|
161
164
|
}(_react["default"].PureComponent);
|
|
162
|
-
QueryForm.Field =
|
|
165
|
+
QueryForm.Field = Form.Field;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QueryForm.js","sourceRoot":"","sources":["../../src/query-list-scene/QueryForm.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,4DAAmC;AACnC
|
|
1
|
+
{"version":3,"file":"QueryForm.js","sourceRoot":"","sources":["../../src/query-list-scene/QueryForm.js"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport FormV2 from '../query-form'\nimport FormV3 from '../query-form-v3'\n\nconst clsPrefix = 'tnt-querylistscene-queryform'\n\n// const Form = !!localStorage.getItem('query-form') ? FormV3 : FormV2\nconst Form = FormV3\n\nexport default class QueryForm extends React.PureComponent {\n constructor(props) {\n super(props)\n const { actions, form } = props\n\n this.form = form || Form.createForm()\n\n actions.on('setFormData', this.setFormData)\n actions.on('resetFormData', this.resetFormData)\n }\n\n render() {\n const { className, actions, extraActions, extralActions, qlsProps, ...props } = this.props\n\n return (\n <Form\n {...props}\n form={this.form}\n className={classnames(clsPrefix, className)}\n // 前期拼写错误,导致需要兼容错误的api\n extraActions={extraActions || extralActions}\n onChange={this.onChange}\n onSearch={this.onSearch}\n onReset={this.onReset}\n />\n )\n }\n\n componentDidMount() {\n const { initialValues = {}, actions, qlsProps, memory } = this.props\n\n if (qlsProps.memory || memory) {\n actions.setFormData(\n {\n ...initialValues,\n ...actions.getFormData(),\n },\n false\n )\n } else {\n actions.setData('formData', initialValues)\n }\n }\n\n onSearch = (searchObj) => {\n const { onSearch, actions } = this.props\n const values = actions.getFormData()\n const params = { ...values, ...(searchObj || {}), current: 1 }\n\n // memory 与 url解析setForm时 监听事件异步\n actions.setData('formData', values)\n Promise.resolve().then(() => {\n onSearch && onSearch(params)\n actions.emit('search', params)\n })\n }\n\n onReset = () => {\n const { initialValues, onReset, actions } = this.props\n\n actions.setFormData(initialValues, false)\n\n onReset?.(initialValues)\n this.onSearch()\n }\n\n onChange = (newValues, changedInfo, ...rest) => {\n const { onChange, actions } = this.props\n\n actions.setFormData(newValues, false)\n onChange?.(newValues, changedInfo, ...rest)\n }\n\n setFormData = (data, needSearch) => {\n const { actions } = this.props\n actions.setData('formData', data)\n this.form.setValues(data)\n needSearch && this.onSearch()\n }\n\n resetFormData = (needSearch) => {\n const { initialValues, actions } = this.props\n\n actions.setFormData(initialValues, needSearch)\n this.form.resetValues()\n }\n\n componentWillUnmount() {\n const { actions } = this.props\n\n actions.removeListener('setFormData', this.setFormData)\n actions.removeListener('resetFormData', this.resetFormData)\n }\n}\n\nQueryForm.Field = Form.Field\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"illustration-offline.d.ts","sourceRoot":"","sources":["../../src/svg-components/illustration-offline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"illustration-offline.d.ts","sourceRoot":"","sources":["../../src/svg-components/illustration-offline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAgM9B,QAAA,MAAM,cAAc,wmPAAyB,CAAA;AAC7C,eAAe,cAAc,CAAA"}
|
|
@@ -14,22 +14,13 @@ function SvgIllustrationOffline(props, svgRef) {
|
|
|
14
14
|
xmlns: "http://www.w3.org/2000/svg",
|
|
15
15
|
xmlnsXlink: "http://www.w3.org/1999/xlink",
|
|
16
16
|
ref: svgRef
|
|
17
|
-
}, props), React.createElement("
|
|
18
|
-
"clip-path": "url(#clip0_1553_13589)"
|
|
19
|
-
}, React.createElement("rect", {
|
|
20
|
-
x: "-1446",
|
|
21
|
-
y: "-3256",
|
|
22
|
-
width: "1920",
|
|
23
|
-
height: "8289",
|
|
24
|
-
rx: "20",
|
|
25
|
-
fill: "white"
|
|
26
|
-
}), React.createElement("circle", {
|
|
17
|
+
}, props), React.createElement("circle", {
|
|
27
18
|
cx: "76.0001",
|
|
28
19
|
cy: "80",
|
|
29
20
|
r: "71.4667",
|
|
30
21
|
fill: "#F5F5F5"
|
|
31
22
|
}), React.createElement("mask", {
|
|
32
|
-
id: "
|
|
23
|
+
id: "mask0_10887_54142",
|
|
33
24
|
maskUnits: "userSpaceOnUse",
|
|
34
25
|
x: "4",
|
|
35
26
|
y: "8",
|
|
@@ -41,7 +32,7 @@ function SvgIllustrationOffline(props, svgRef) {
|
|
|
41
32
|
r: "71.4667",
|
|
42
33
|
fill: "white"
|
|
43
34
|
})), React.createElement("g", {
|
|
44
|
-
mask: "url(#
|
|
35
|
+
mask: "url(#mask0_10887_54142)"
|
|
45
36
|
}, React.createElement("path", {
|
|
46
37
|
"fill-rule": "evenodd",
|
|
47
38
|
"clip-rule": "evenodd",
|
|
@@ -65,7 +56,7 @@ function SvgIllustrationOffline(props, svgRef) {
|
|
|
65
56
|
}), React.createElement("path", {
|
|
66
57
|
"fill-rule": "evenodd",
|
|
67
58
|
"clip-rule": "evenodd",
|
|
68
|
-
d: "M45.1575 122.769C45.1575 122.769 34.171 146.815 35.454 151.467C36.737 156.118 47.4973 169.933 49.3809 173.184C51.2645 176.435 58.1657 180.175 56.2081 185.194C54.2506 190.214 18.918 174.897 14.2291 167.986C9.54022 161.075 5.48521 139.958 23.7128 111.
|
|
59
|
+
d: "M45.1575 122.769C45.1575 122.769 34.171 146.815 35.454 151.467C36.737 156.118 47.4973 169.933 49.3809 173.184C51.2645 176.435 58.1657 180.175 56.2081 185.194C54.2506 190.214 18.918 174.897 14.2291 167.986C9.54022 161.075 5.48521 139.958 23.7128 111.054C23.7128 111.054 45.1575 122.769 45.1575 122.769Z",
|
|
69
60
|
fill: "white"
|
|
70
61
|
}), React.createElement("path", {
|
|
71
62
|
"fill-rule": "evenodd",
|
|
@@ -75,7 +66,7 @@ function SvgIllustrationOffline(props, svgRef) {
|
|
|
75
66
|
}), React.createElement("path", {
|
|
76
67
|
"fill-rule": "evenodd",
|
|
77
68
|
"clip-rule": "evenodd",
|
|
78
|
-
d: "M117.796 82.5202C117.796 82.5202 139.673 71.6083 134.609 65.8656C129.546 60.123 92.8466 61.7593 92.8466 61.7593C92.8466 61.7593 85.2972 64.0689 83.8715 61.7593C82.4458 59.4497 81.25 56.4405 87.7493 55.3124C94.2486 54.1843 91.4636 57.0467 99.188 54.1843C106.912 51.3219 135.436 41.0376 146.213 48.175C156.99 55.3124 170.603 81.2114 132.426 99.
|
|
69
|
+
d: "M117.796 82.5202C117.796 82.5202 139.673 71.6083 134.609 65.8656C129.546 60.123 92.8466 61.7593 92.8466 61.7593C92.8466 61.7593 85.2972 64.0689 83.8715 61.7593C82.4458 59.4497 81.25 56.4405 87.7493 55.3124C94.2486 54.1843 91.4636 57.0467 99.188 54.1843C106.912 51.3219 135.436 41.0376 146.213 48.175C156.99 55.3124 170.603 81.2114 132.426 99.8733C132.426 99.8733 117.796 82.5202 117.796 82.5202Z",
|
|
79
70
|
fill: "white"
|
|
80
71
|
}), React.createElement("path", {
|
|
81
72
|
d: "M79.696 82.5201C79.696 82.5201 81.7555 84.9424 83.815 82.5201",
|
|
@@ -85,12 +76,12 @@ function SvgIllustrationOffline(props, svgRef) {
|
|
|
85
76
|
}), React.createElement("path", {
|
|
86
77
|
"fill-rule": "evenodd",
|
|
87
78
|
"clip-rule": "evenodd",
|
|
88
|
-
d: "M75.2252 55.9107C75.2252 55.9107 81.053 52.7888 87.7494 55.3124C89.6568 56.0313 91.2149 57.3506 92.468 58.8699C96.6696 63.9644 96.5025 71.1154 95.8481 77.6865H94.3715L65.9348 77.041C65.9348 77.041 62.5891 60.146 70.0619 57.5775C71.298 57.2275 72.2112 57.9206 72.2112 57.9206L75.2252 55.9107Z",
|
|
79
|
+
d: "M75.2252 55.9107C75.2252 55.9107 81.053 52.7888 87.7494 55.3124C89.6568 56.0313 91.2149 57.3506 92.468 58.8699C96.6696 63.9644 96.5025 71.1154 95.8481 77.6865V77.6865H94.3715L65.9348 77.041C65.9348 77.041 62.5891 60.146 70.0619 57.5775C71.298 57.2275 72.2112 57.9206 72.2112 57.9206L75.2252 55.9107Z",
|
|
89
80
|
fill: "#182333"
|
|
90
81
|
}), React.createElement("path", {
|
|
91
82
|
"fill-rule": "evenodd",
|
|
92
83
|
"clip-rule": "evenodd",
|
|
93
|
-
d: "M69.9607 62.6067C67.6671 64.1981 66.6035 77.2681 66.6035 77.2681C66.6035 77.2681 70.2761 87.4097 77.7425 89.4964C83.9467 90.9012 90.5494 88.3791 93.1722 82.5837C94.3429 79.997 95.2508 77.3677 95.2508 75.4345C95.2508 69.9932 95.0159 64.1208 93.0689 63.0785C91.1634 62.0586 76.845 57.555 73.2313 60.3525C73.1523 60.4136 72.3943 60.7508 72.3266 60.8185C69.1576 63.9869 72.2543 61.0152 69.9607 62.6067Z",
|
|
84
|
+
d: "M69.9607 62.6067C67.6671 64.1981 66.6035 77.2681 66.6035 77.2681C66.6035 77.2681 70.2761 87.4097 77.7425 89.4964V89.4964C83.9467 90.9012 90.5494 88.3791 93.1722 82.5837C94.3429 79.997 95.2508 77.3677 95.2508 75.4345C95.2508 69.9932 95.0159 64.1208 93.0689 63.0785C91.1634 62.0586 76.845 57.555 73.2313 60.3525C73.1523 60.4136 72.3943 60.7508 72.3266 60.8185C69.1576 63.9869 72.2543 61.0152 69.9607 62.6067Z",
|
|
94
85
|
fill: "white"
|
|
95
86
|
}), React.createElement("path", {
|
|
96
87
|
"fill-rule": "evenodd",
|
|
@@ -139,7 +130,7 @@ function SvgIllustrationOffline(props, svgRef) {
|
|
|
139
130
|
d: "M44.3807 54.9141L50.6494 61.0047L49.7327 60.9104C49.2643 60.8622 48.7864 60.838 48.3024 60.838C44.5857 60.8315 41.0313 62.3151 38.4775 64.9379L38.2551 65.1663L33.6501 60.7179L33.8785 60.4877C36.673 57.6701 40.2752 55.7394 44.2155 54.9473L44.3807 54.9141ZM48.9153 60.2108L44.1782 55.6092L43.8663 55.6763C40.2362 56.4992 36.925 58.3249 34.3329 60.9383L34.5633 60.711L38.2443 64.2652L38.2994 64.2115C40.856 61.7307 44.2927 60.2963 47.9013 60.2028L48.303 60.198C48.4714 60.198 48.6392 60.2008 48.8062 60.2064L48.9153 60.2108Z",
|
|
140
131
|
fill: "#18263C"
|
|
141
132
|
}), React.createElement("path", {
|
|
142
|
-
d: "M47.8841 43.1473L47.8841 43.1473C56.5635 43.1313 64.8826 46.5202 70.958 52.5467L66.8155 56.5459C62.9266 52.6663 57.8731 50.0847 52.3808 49.1721L46.2273 43.1869C46.7757 43.1597 47.3293 43.1461 47.8853 43.1461L47.8841 43.1473Z",
|
|
133
|
+
d: "M47.8841 43.1473L47.8841 43.1473C56.5635 43.1313 64.8826 46.5202 70.958 52.5467L66.8155 56.5459V56.5459C62.9266 52.6663 57.8731 50.0847 52.3808 49.1721L46.2273 43.1869C46.7757 43.1597 47.3293 43.1461 47.8853 43.1461L47.8841 43.1473Z",
|
|
143
134
|
fill: "white"
|
|
144
135
|
}), React.createElement("path", {
|
|
145
136
|
"fill-rule": "evenodd",
|
|
@@ -155,7 +146,7 @@ function SvgIllustrationOffline(props, svgRef) {
|
|
|
155
146
|
d: "M34.6416 45.5701H34.7728L39.7179 50.3793L39.2238 50.5477C35.6118 51.7786 32.3232 53.7674 29.5913 56.3727L29.3691 56.5846L24.7673 52.1407L25.0081 51.9106C27.7666 49.2743 30.9853 47.1364 34.5136 45.5968L34.6416 45.5701ZM38.5272 50.1137L34.5752 46.2705L34.1623 46.4558C30.9402 47.9413 27.9953 49.941 25.4503 52.3733L25.693 52.1447L29.3741 55.6999L29.5737 55.5139C32.1437 53.1685 35.1656 51.341 38.4649 50.1368L38.5272 50.1137Z",
|
|
156
147
|
fill: "#18263C"
|
|
157
148
|
}), React.createElement("path", {
|
|
158
|
-
d: "M47.8842 31.0289L47.8842 31.0289C59.8887 31.0068 71.3996 35.6723 79.8335 43.9782L75.691 47.9774C68.3585 40.7351 58.3378 36.6649 47.8855 36.6833C45.2804 36.6833 42.7362 36.9314 40.2758 37.4029L35.4541 32.7174L35.4541 32.7174C39.4966 31.5936 43.6809 31.0252 47.8855 31.0289L47.8842 31.0289Z",
|
|
149
|
+
d: "M47.8842 31.0289L47.8842 31.0289C59.8887 31.0068 71.3996 35.6723 79.8335 43.9782L75.691 47.9774V47.9774C68.3585 40.7351 58.3378 36.6649 47.8855 36.6833C45.2804 36.6833 42.7362 36.9314 40.2758 37.4029L35.4541 32.7174L35.4541 32.7174C39.4966 31.5936 43.6809 31.0252 47.8855 31.0289L47.8842 31.0289Z",
|
|
159
150
|
fill: "white"
|
|
160
151
|
}), React.createElement("path", {
|
|
161
152
|
"fill-rule": "evenodd",
|
|
@@ -181,18 +172,9 @@ function SvgIllustrationOffline(props, svgRef) {
|
|
|
181
172
|
}), React.createElement("path", {
|
|
182
173
|
"fill-rule": "evenodd",
|
|
183
174
|
"clip-rule": "evenodd",
|
|
184
|
-
d: "M100.
|
|
175
|
+
d: "M100.093 52.9864C107.254 50.3769 113.963 48.2796 121.066 46.7478C121.47 46.6605 121.872 46.5763 122.269 46.4953L123.452 46.2617C133.615 44.3193 141.417 44.5256 145.967 47.5391C152.449 51.8319 157.594 60.5591 157.575 69.3341C157.549 80.7025 149.485 91.3151 132.144 99.7917L131.92 99.9013L116.866 82.0463L118.186 81.3836L119.57 80.6719L120.459 80.2041L121.321 79.7417L122.157 79.2846L122.965 78.8329L123.746 78.3866L124.501 77.9456L125.228 77.51C125.347 77.4379 125.465 77.366 125.582 77.2943L126.269 76.8668L126.93 76.4447C127.038 76.3748 127.145 76.3051 127.25 76.2357L127.871 75.8217L128.464 75.4131L129.031 75.01L129.572 74.6123L130.085 74.22C130.169 74.1551 130.251 74.0904 130.332 74.0259L130.806 73.6418C130.882 73.5783 130.958 73.5149 131.033 73.4518L131.466 73.0759C131.536 73.0137 131.605 72.9517 131.673 72.89L132.067 72.5223C134.921 69.7848 135.535 67.5092 133.947 65.7082C133.389 65.0762 132.525 64.5121 131.356 64.0165L130.93 63.8444C130.857 63.8162 130.783 63.7882 130.708 63.7605L130.245 63.5969C130.086 63.5434 129.923 63.4907 129.756 63.4391L129.242 63.2869C129.154 63.262 129.065 63.2373 128.975 63.2129L128.423 63.0693C128.329 63.0458 128.234 63.0226 128.137 62.9996L127.547 62.8645C127.447 62.8425 127.345 62.8207 127.243 62.7991L126.615 62.6726L125.961 62.5518L125.283 62.4367C125.168 62.418 125.052 62.3996 124.934 62.3814L124.218 62.2749L123.476 62.1741C123.351 62.1578 123.224 62.1417 123.096 62.1259L122.317 62.0337L121.512 61.9473L120.682 61.8666L119.827 61.7917L118.947 61.7226L118.042 61.6592L116.637 61.5748L115.668 61.5258L114.675 61.4826L113.138 61.4286L112.082 61.3998L111.001 61.3768L109.333 61.3532C109.144 61.3513 108.955 61.3496 108.764 61.3482L107.021 61.342L105.221 61.3488L103.99 61.3606L102.096 61.3892L100.146 61.4309L98.8154 61.466L96.0786 61.5537L93.9606 61.6348L92.5175 61.6961L91.7576 61.9215C91.2612 62.0638 90.7855 62.1902 90.3303 62.3006L89.663 62.4541C86.1861 63.2087 84.0255 62.9337 83.1765 61.5582C82.1917 59.963 81.7874 58.7665 82.1079 57.6363C82.5228 56.1734 84.169 55.1665 87.2718 54.628C89.5858 54.2263 90.6941 54.2652 92.1482 54.6037L92.5232 54.6887C92.5724 54.6989 92.6214 54.7085 92.6703 54.7175L92.9635 54.7639C93.2083 54.7962 93.4557 54.812 93.7176 54.8084L94.0394 54.7945C94.3697 54.7709 94.7276 54.7177 95.1334 54.6296L95.556 54.5297L96.015 54.4056L96.5151 54.2559L97.0608 54.0796C97.1558 54.048 97.2529 54.0152 97.3521 53.9812L97.9746 53.7629L100.093 52.9864ZM156.935 69.3326C156.954 60.7834 151.923 52.2517 145.613 48.0727L145.358 47.9086C142.156 45.9218 137.295 45.2952 131.115 45.8182L130.102 45.913C127.71 46.1577 125.132 46.5653 122.387 47.1245L121.201 47.3734C113.661 48.9995 106.557 51.2689 98.8764 54.1152L98.5186 54.2467L97.8465 54.4869L97.2287 54.6975C97.1301 54.7301 97.0334 54.7617 96.9388 54.792L96.3939 54.9603L95.8919 55.1017C95.6508 55.1659 95.4242 55.2204 95.2094 55.2659L94.7947 55.345C93.7938 55.5135 93.0459 55.4663 92.2313 55.2801L91.7775 55.1765C90.5139 54.905 89.4855 54.8933 87.3813 55.2585C84.4945 55.7596 83.0558 56.6396 82.7236 57.811C82.4677 58.7134 82.8248 59.7702 83.7211 61.2221C84.406 62.3317 86.4441 62.5361 89.8733 61.753L90.5544 61.589L91.2703 61.4003L92.0211 61.1867L92.4096 61.0705L94.5943 60.9784L96.7215 60.8998L98.7913 60.8345L100.804 60.7825L102.759 60.744L104.657 60.7188L106.497 60.7071L108.28 60.7089L109.437 60.7175L111.125 60.7417L112.755 60.7793L114.328 60.8305L115.346 60.8721L116.337 60.9197L117.304 60.9733L118.245 61.033L119.16 61.0987L120.05 61.1704L120.915 61.2481L121.755 61.3319L122.569 61.4218L123.358 61.5176L124.121 61.6196L124.859 61.7276L125.572 61.8417C125.689 61.8612 125.805 61.8809 125.919 61.901L126.594 62.0241C126.705 62.0452 126.814 62.0665 126.922 62.088L127.559 62.2203L128.171 62.3587C128.271 62.3822 128.37 62.406 128.467 62.4301L129.041 62.5776L129.59 62.7312L130.113 62.8909C130.198 62.9181 130.282 62.9454 130.365 62.9731L130.851 63.1419L131.311 63.3169L131.746 63.498C132.943 64.0197 133.836 64.6152 134.427 65.2849C135.957 67.0207 135.808 69.0422 134.001 71.357L133.71 71.7154C133.406 72.0761 133.063 72.4438 132.68 72.8185L132.285 73.1955C132.149 73.3219 132.008 73.4492 131.864 73.5772L131.416 73.9635L130.943 74.3545C130.862 74.42 130.78 74.4858 130.696 74.5517L130.184 74.9497L129.645 75.3524L129.081 75.7598C128.985 75.8281 128.888 75.8966 128.789 75.9652L128.186 76.3797L127.557 76.7988L126.902 77.2226L126.221 77.6512L125.514 78.0845L124.782 78.5225L124.024 78.9652L123.239 79.4127L122.43 79.865L121.594 80.322L120.733 80.7837L119.846 81.2502L118.933 81.7215L117.878 82.2545L132.086 99.1057L132.437 98.9335C148.988 90.6998 156.733 80.5407 156.931 69.7065L156.935 69.3326Z",
|
|
185
176
|
fill: "#182333"
|
|
186
|
-
}))
|
|
187
|
-
id: "clip0_1553_13589"
|
|
188
|
-
}, React.createElement("rect", {
|
|
189
|
-
x: "-1446",
|
|
190
|
-
y: "-3256",
|
|
191
|
-
width: "1920",
|
|
192
|
-
height: "8289",
|
|
193
|
-
rx: "20",
|
|
194
|
-
fill: "white"
|
|
195
|
-
}))));
|
|
177
|
+
}));
|
|
196
178
|
}
|
|
197
179
|
var ForwardRef = React.forwardRef(SvgIllustrationOffline);
|
|
198
180
|
var MemoForwardRef = React.memo(ForwardRef);
|