@noah-libjs/components 0.0.3
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/README.md +47 -0
- package/dist/ContainerDimensions/index.d.ts +9 -0
- package/dist/GlobalModal/index.d.ts +8 -0
- package/dist/GlobalModal/utils.d.ts +65 -0
- package/dist/LazyAntd/AutoComplete/Inner.d.ts +3 -0
- package/dist/LazyAntd/AutoComplete/index.d.ts +4 -0
- package/dist/LazyAntd/Checkbox/GroupInner.d.ts +3 -0
- package/dist/LazyAntd/Checkbox/Inner.d.ts +2 -0
- package/dist/LazyAntd/Checkbox/index.d.ts +9 -0
- package/dist/LazyAntd/ColorPicker/Inner.d.ts +3 -0
- package/dist/LazyAntd/ColorPicker/index.d.ts +42 -0
- package/dist/LazyAntd/DatePicker/Base/Calendar.d.ts +3 -0
- package/dist/LazyAntd/DatePicker/Base/DatePicker.d.ts +35 -0
- package/dist/LazyAntd/DatePicker/Base/index.d.ts +58 -0
- package/dist/LazyAntd/DatePicker/Calendar.d.ts +5 -0
- package/dist/LazyAntd/DatePicker/DatePicker.d.ts +12 -0
- package/dist/LazyAntd/DatePicker/MonthPicker.d.ts +11 -0
- package/dist/LazyAntd/DatePicker/RangePicker.d.ts +17 -0
- package/dist/LazyAntd/DatePicker/TimePicker.d.ts +12 -0
- package/dist/LazyAntd/DatePicker/index.d.ts +5 -0
- package/dist/LazyAntd/Dropdown/Button.d.ts +2 -0
- package/dist/LazyAntd/Dropdown/Inner.d.ts +2 -0
- package/dist/LazyAntd/Dropdown/index.d.ts +10 -0
- package/dist/LazyAntd/Form/FormItemInner.d.ts +2 -0
- package/dist/LazyAntd/Form/Inner.d.ts +2 -0
- package/dist/LazyAntd/Form/index.d.ts +9 -0
- package/dist/LazyAntd/Modal/Inner.d.ts +3 -0
- package/dist/LazyAntd/Modal/index.d.ts +3 -0
- package/dist/LazyAntd/Pagination/Inner.d.ts +2 -0
- package/dist/LazyAntd/Pagination/index.d.ts +3 -0
- package/dist/LazyAntd/QRCode/Inner.d.ts +3 -0
- package/dist/LazyAntd/QRCode/index.d.ts +2 -0
- package/dist/LazyAntd/Select/Inner.d.ts +2 -0
- package/dist/LazyAntd/Select/OptionInner.d.ts +2 -0
- package/dist/LazyAntd/Select/index.d.ts +10 -0
- package/dist/LazyAntd/Switch/index.d.ts +1 -0
- package/dist/LazyAntd/Table/Inner.d.ts +2 -0
- package/dist/LazyAntd/Table/index.d.ts +3 -0
- package/dist/LazyAntd/Tree/DirectoryTreeInner.d.ts +2 -0
- package/dist/LazyAntd/Tree/Inner.d.ts +2 -0
- package/dist/LazyAntd/Tree/TreeNodeInner.d.ts +3 -0
- package/dist/LazyAntd/Tree/index.d.ts +12 -0
- package/dist/LazyAntd/TreeSelect/Inner.d.ts +2 -0
- package/dist/LazyAntd/TreeSelect/index.d.ts +3 -0
- package/dist/LazyAntd/index.d.ts +14 -0
- package/dist/Monaco/Inner.d.ts +4 -0
- package/dist/Monaco/index.d.ts +6 -0
- package/dist/Monaco/types.d.ts +9 -0
- package/dist/MyColor/index.d.ts +6 -0
- package/dist/MyInput/index.d.ts +5 -0
- package/dist/MyInput/types.d.ts +7 -0
- package/dist/MyLazyComponent/index.d.ts +6 -0
- package/dist/a_chunks/AutoComplete.Inner.js +9 -0
- package/dist/a_chunks/Base.Calendar.js +4 -0
- package/dist/a_chunks/Base.DatePicker.js +5 -0
- package/dist/a_chunks/Checkbox.GroupInner.js +9 -0
- package/dist/a_chunks/Checkbox.Inner.js +9 -0
- package/dist/a_chunks/ColorPicker.Inner.js +9 -0
- package/dist/a_chunks/Dropdown.Button.js +9 -0
- package/dist/a_chunks/Dropdown.Inner.js +9 -0
- package/dist/a_chunks/Form.FormItemInner.js +9 -0
- package/dist/a_chunks/Form.Inner.js +9 -0
- package/dist/a_chunks/Modal.Inner.js +9 -0
- package/dist/a_chunks/Monaco.Inner.js +38 -0
- package/dist/a_chunks/Pagination.Inner.js +19 -0
- package/dist/a_chunks/QRCode.Inner.js +9 -0
- package/dist/a_chunks/Select.Inner.js +9 -0
- package/dist/a_chunks/Select.OptionInner.js +9 -0
- package/dist/a_chunks/Table.Inner.js +9 -0
- package/dist/a_chunks/Tree.DirectoryTreeInner.js +9 -0
- package/dist/a_chunks/Tree.Inner.js +9 -0
- package/dist/a_chunks/TreeSelect.Inner.js +9 -0
- package/dist/index.d.ts +7 -0
- package/dist/index.js +573 -0
- package/dist/pack_components.d.ts +10 -0
- package/dist/utils/getInputStyle.d.ts +11 -0
- package/dist/utils/index.d.ts +2 -0
- package/dist/utils/other.d.ts +4 -0
- package/package.json +47 -0
package/dist/index.js
ADDED
|
@@ -0,0 +1,573 @@
|
|
|
1
|
+
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
|
|
2
|
+
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
3
|
+
import _inherits from "@babel/runtime/helpers/inherits";
|
|
4
|
+
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
5
|
+
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
6
|
+
import _createClass from "@babel/runtime/helpers/createClass";
|
|
7
|
+
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
8
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
9
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
10
|
+
var _excluded = ["width", "style", "placeholder", "name", "warning", "form", "value", "onChange"],
|
|
11
|
+
_excluded2 = ["storeKey", "cb"],
|
|
12
|
+
_excluded3 = ["storeKey", "cb"];
|
|
13
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
14
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
15
|
+
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; }
|
|
16
|
+
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; }
|
|
17
|
+
import { Input, Space, Button as Button$1, Skeleton, Modal } from 'antd';
|
|
18
|
+
import * as React from 'react';
|
|
19
|
+
import React__default, { forwardRef, useState, useEffect, lazy, Suspense, Component } from 'react';
|
|
20
|
+
import { CloseOutlined } from '@ant-design/icons';
|
|
21
|
+
import { getMomentRange, isString, isNil } from '@noah-libjs/utils';
|
|
22
|
+
export { Dayjs } from 'dayjs';
|
|
23
|
+
import TreeNode from 'rc-tree/es/TreeNode';
|
|
24
|
+
function getInputStyle() {
|
|
25
|
+
var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
26
|
+
var _props$style = props.style,
|
|
27
|
+
style = _props$style === void 0 ? {} : _props$style,
|
|
28
|
+
width = props.width,
|
|
29
|
+
inputWidth = props.inputWidth;
|
|
30
|
+
if (width) {
|
|
31
|
+
style.width = width;
|
|
32
|
+
}
|
|
33
|
+
if (inputWidth) {
|
|
34
|
+
style.width = width;
|
|
35
|
+
}
|
|
36
|
+
return _objectSpread({}, style);
|
|
37
|
+
}
|
|
38
|
+
function isUrl(string) {
|
|
39
|
+
var protocolRE = /^(?:\w+:)?\/\/(\S+)$/;
|
|
40
|
+
// const domainRE = /^[^\s\.]+\.\S{2,}$/;
|
|
41
|
+
if (typeof string !== 'string') return false;
|
|
42
|
+
return protocolRE.test(string);
|
|
43
|
+
}
|
|
44
|
+
var getArray = function getArray(arr) {
|
|
45
|
+
var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
|
46
|
+
if (Array.isArray(arr)) return arr;
|
|
47
|
+
return defaultValue;
|
|
48
|
+
};
|
|
49
|
+
function getFormat(format) {
|
|
50
|
+
var dateFormat;
|
|
51
|
+
switch (format) {
|
|
52
|
+
case 'date':
|
|
53
|
+
dateFormat = 'YYYY-MM-DD';
|
|
54
|
+
break;
|
|
55
|
+
case 'time':
|
|
56
|
+
dateFormat = 'HH:mm:ss';
|
|
57
|
+
break;
|
|
58
|
+
case 'dateTime':
|
|
59
|
+
dateFormat = 'YYYY-MM-DD HH:mm:ss';
|
|
60
|
+
break;
|
|
61
|
+
case 'week':
|
|
62
|
+
dateFormat = 'YYYY-w';
|
|
63
|
+
break;
|
|
64
|
+
case 'year':
|
|
65
|
+
dateFormat = 'YYYY';
|
|
66
|
+
break;
|
|
67
|
+
case 'quarter':
|
|
68
|
+
dateFormat = 'YYYY-Q';
|
|
69
|
+
break;
|
|
70
|
+
case 'month':
|
|
71
|
+
dateFormat = 'YYYY-MM';
|
|
72
|
+
break;
|
|
73
|
+
default:
|
|
74
|
+
// dateTime
|
|
75
|
+
if (typeof format === 'string') {
|
|
76
|
+
dateFormat = format;
|
|
77
|
+
} else {
|
|
78
|
+
dateFormat = 'YYYY-MM-DD';
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
return dateFormat;
|
|
82
|
+
}
|
|
83
|
+
function getParamByName(name) {
|
|
84
|
+
var url = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : window.location.href;
|
|
85
|
+
name = name.replace(/[\[\]]/g, '\\$&');
|
|
86
|
+
var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),
|
|
87
|
+
results = regex.exec(url);
|
|
88
|
+
if (!results) return null;
|
|
89
|
+
if (!results[2]) return '';
|
|
90
|
+
return decodeURIComponent(results[2].replace(/\+/g, ' '));
|
|
91
|
+
}
|
|
92
|
+
var MyInput = /*#__PURE__*/forwardRef(function (props, myRef) {
|
|
93
|
+
var width = props.width,
|
|
94
|
+
_props$style2 = props.style,
|
|
95
|
+
style = _props$style2 === void 0 ? {} : _props$style2,
|
|
96
|
+
placeholder = props.placeholder,
|
|
97
|
+
name = props.name,
|
|
98
|
+
_props$warning = props.warning,
|
|
99
|
+
warning = _props$warning === void 0 ? false : _props$warning,
|
|
100
|
+
form = props.form,
|
|
101
|
+
value = props.value,
|
|
102
|
+
_onChange = props.onChange,
|
|
103
|
+
others = _objectWithoutProperties(props, _excluded);
|
|
104
|
+
var _useState = useState(value),
|
|
105
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
106
|
+
_value = _useState2[0],
|
|
107
|
+
set_value = _useState2[1];
|
|
108
|
+
useEffect(function () {
|
|
109
|
+
set_value(value);
|
|
110
|
+
}, [value]);
|
|
111
|
+
var _style = getInputStyle(props);
|
|
112
|
+
if (warning) {
|
|
113
|
+
_style.color = 'red';
|
|
114
|
+
}
|
|
115
|
+
return /*#__PURE__*/React__default.createElement(Input, _objectSpread(_objectSpread({
|
|
116
|
+
title: JSON.stringify(_style),
|
|
117
|
+
ref: myRef,
|
|
118
|
+
value: _value,
|
|
119
|
+
onChange: function onChange(e) {
|
|
120
|
+
var v = e.target.value;
|
|
121
|
+
set_value(v);
|
|
122
|
+
_onChange === null || _onChange === void 0 || _onChange(v);
|
|
123
|
+
},
|
|
124
|
+
style: _style
|
|
125
|
+
}, others), {}, {
|
|
126
|
+
// placeholder={placeholder ?? '请输入'}
|
|
127
|
+
placeholder: '请输入'
|
|
128
|
+
}));
|
|
129
|
+
});
|
|
130
|
+
var DatePickerInner = /*#__PURE__*/lazy(function () {
|
|
131
|
+
return import('./a_chunks/Base.DatePicker.js').then(function (r) {
|
|
132
|
+
return {
|
|
133
|
+
"default": r.DatePicker
|
|
134
|
+
};
|
|
135
|
+
});
|
|
136
|
+
});
|
|
137
|
+
var RangePickerInner = /*#__PURE__*/lazy(function () {
|
|
138
|
+
return import('./a_chunks/Base.DatePicker.js').then(function (r) {
|
|
139
|
+
return {
|
|
140
|
+
"default": r.DatePicker.RangePicker
|
|
141
|
+
};
|
|
142
|
+
});
|
|
143
|
+
});
|
|
144
|
+
var MonthPickerInner = /*#__PURE__*/lazy(function () {
|
|
145
|
+
return import('./a_chunks/Base.DatePicker.js').then(function (r) {
|
|
146
|
+
return {
|
|
147
|
+
"default": r.DatePicker.MonthPicker
|
|
148
|
+
};
|
|
149
|
+
});
|
|
150
|
+
});
|
|
151
|
+
var TimePickerInner = /*#__PURE__*/lazy(function () {
|
|
152
|
+
return import('./a_chunks/Base.DatePicker.js').then(function (r) {
|
|
153
|
+
return {
|
|
154
|
+
"default": r.DatePicker.TimePicker
|
|
155
|
+
};
|
|
156
|
+
});
|
|
157
|
+
});
|
|
158
|
+
var CalendarInner = /*#__PURE__*/lazy(function () {
|
|
159
|
+
return import('./a_chunks/Base.Calendar.js');
|
|
160
|
+
});
|
|
161
|
+
var DatePicker_L = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
162
|
+
return /*#__PURE__*/React.createElement(DatePickerInner, _objectSpread(_objectSpread({}, props), {}, {
|
|
163
|
+
ref: ref
|
|
164
|
+
}));
|
|
165
|
+
});
|
|
166
|
+
DatePicker_L.displayName = 'TimePicker';
|
|
167
|
+
var TimePicker_L = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
168
|
+
return /*#__PURE__*/React.createElement(TimePickerInner, _objectSpread(_objectSpread({}, props), {}, {
|
|
169
|
+
ref: ref
|
|
170
|
+
}));
|
|
171
|
+
});
|
|
172
|
+
TimePicker_L.displayName = 'TimePicker';
|
|
173
|
+
var MonthPicker_L = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
174
|
+
return /*#__PURE__*/React.createElement(MonthPickerInner, _objectSpread(_objectSpread({}, props), {}, {
|
|
175
|
+
ref: ref
|
|
176
|
+
}));
|
|
177
|
+
});
|
|
178
|
+
MonthPicker_L.displayName = 'TimePicker';
|
|
179
|
+
var RangePicker_L = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
180
|
+
return /*#__PURE__*/React__default.createElement(RangePickerInner, _objectSpread(_objectSpread({
|
|
181
|
+
ranges: getMomentRange()
|
|
182
|
+
}, props), {}, {
|
|
183
|
+
ref: ref
|
|
184
|
+
}));
|
|
185
|
+
});
|
|
186
|
+
RangePicker_L.displayName = 'RangePicker';
|
|
187
|
+
var Calendar_L = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
188
|
+
return /*#__PURE__*/React.createElement(CalendarInner, _objectSpread({}, props));
|
|
189
|
+
});
|
|
190
|
+
Calendar_L.displayName = 'TimePicker';
|
|
191
|
+
var Inner$a = /*#__PURE__*/React.lazy(function () {
|
|
192
|
+
return import('./a_chunks/AutoComplete.Inner.js');
|
|
193
|
+
});
|
|
194
|
+
var AutoComplete_L = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
195
|
+
return /*#__PURE__*/React.createElement(Inner$a, _objectSpread({}, props));
|
|
196
|
+
});
|
|
197
|
+
AutoComplete_L.displayName = 'AutoComplete';
|
|
198
|
+
var Inner$9 = /*#__PURE__*/React.lazy(function () {
|
|
199
|
+
return import('./a_chunks/ColorPicker.Inner.js');
|
|
200
|
+
});
|
|
201
|
+
var ColorPicker_L = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
202
|
+
return /*#__PURE__*/React.createElement(Inner$9, _objectSpread({}, props));
|
|
203
|
+
});
|
|
204
|
+
ColorPicker_L.displayName = 'ColorPicker';
|
|
205
|
+
var Inner$8 = /*#__PURE__*/React__default.lazy(function () {
|
|
206
|
+
return import('./a_chunks/Form.Inner.js');
|
|
207
|
+
});
|
|
208
|
+
var FormItemInner = /*#__PURE__*/React__default.lazy(function () {
|
|
209
|
+
return import('./a_chunks/Form.FormItemInner.js');
|
|
210
|
+
});
|
|
211
|
+
function Form_(props) {
|
|
212
|
+
return /*#__PURE__*/React__default.createElement(Inner$8, _objectSpread({}, props));
|
|
213
|
+
}
|
|
214
|
+
var Form_L = Object.assign(Form_, {
|
|
215
|
+
Item: FormItemInner
|
|
216
|
+
});
|
|
217
|
+
var Inner$7 = /*#__PURE__*/React__default.lazy(function () {
|
|
218
|
+
return import('./a_chunks/Dropdown.Inner.js');
|
|
219
|
+
});
|
|
220
|
+
var ButtonInner = /*#__PURE__*/React__default.lazy(function () {
|
|
221
|
+
return import('./a_chunks/Dropdown.Button.js');
|
|
222
|
+
});
|
|
223
|
+
var Dropdown_ = function Dropdown_(props) {
|
|
224
|
+
return /*#__PURE__*/React__default.createElement(Inner$7, _objectSpread({}, props));
|
|
225
|
+
};
|
|
226
|
+
function Button(props) {
|
|
227
|
+
return /*#__PURE__*/React__default.createElement(ButtonInner, _objectSpread({}, props));
|
|
228
|
+
}
|
|
229
|
+
var Dropdown_L = Object.assign(Dropdown_, {
|
|
230
|
+
Button: Button
|
|
231
|
+
});
|
|
232
|
+
var Inner$6 = /*#__PURE__*/React__default.lazy(function () {
|
|
233
|
+
return import('./a_chunks/Table.Inner.js');
|
|
234
|
+
});
|
|
235
|
+
function Table_L(props) {
|
|
236
|
+
return /*#__PURE__*/React__default.createElement(Inner$6, _objectSpread({}, props));
|
|
237
|
+
}
|
|
238
|
+
var Inner$5 = /*#__PURE__*/React__default.lazy(function () {
|
|
239
|
+
return import('./a_chunks/Tree.Inner.js');
|
|
240
|
+
});
|
|
241
|
+
var DirectoryTreeInner = /*#__PURE__*/React__default.lazy(function () {
|
|
242
|
+
return import('./a_chunks/Tree.DirectoryTreeInner.js');
|
|
243
|
+
});
|
|
244
|
+
function Tree_(props) {
|
|
245
|
+
return /*#__PURE__*/React__default.createElement(Inner$5, _objectSpread({}, props));
|
|
246
|
+
}
|
|
247
|
+
function DirectoryTree(props) {
|
|
248
|
+
return /*#__PURE__*/React__default.createElement(DirectoryTreeInner, _objectSpread({}, props));
|
|
249
|
+
}
|
|
250
|
+
var Tree_L = Object.assign(Tree_, {
|
|
251
|
+
TreeNode: TreeNode,
|
|
252
|
+
DirectoryTree: DirectoryTree
|
|
253
|
+
});
|
|
254
|
+
var Inner$4 = /*#__PURE__*/React__default.lazy(function () {
|
|
255
|
+
return import('./a_chunks/Modal.Inner.js');
|
|
256
|
+
});
|
|
257
|
+
function Modal_L(props) {
|
|
258
|
+
return /*#__PURE__*/React__default.createElement(Inner$4, _objectSpread({}, props));
|
|
259
|
+
}
|
|
260
|
+
var Inner$3 = /*#__PURE__*/React__default.lazy(function () {
|
|
261
|
+
return import('./a_chunks/Pagination.Inner.js');
|
|
262
|
+
});
|
|
263
|
+
function Pagination_L(props) {
|
|
264
|
+
return /*#__PURE__*/React__default.createElement(Inner$3, _objectSpread({}, props));
|
|
265
|
+
}
|
|
266
|
+
var Inner$2 = /*#__PURE__*/React__default.lazy(function () {
|
|
267
|
+
return import('./a_chunks/Select.Inner.js');
|
|
268
|
+
});
|
|
269
|
+
var OptionInner = /*#__PURE__*/React__default.lazy(function () {
|
|
270
|
+
return import('./a_chunks/Select.OptionInner.js');
|
|
271
|
+
});
|
|
272
|
+
function Select_(props) {
|
|
273
|
+
return /*#__PURE__*/React__default.createElement(Inner$2, _objectSpread({}, props));
|
|
274
|
+
}
|
|
275
|
+
function SelectOption(props) {
|
|
276
|
+
return /*#__PURE__*/React__default.createElement(OptionInner, _objectSpread({}, props));
|
|
277
|
+
}
|
|
278
|
+
var Select_L = Object.assign(Select_, {
|
|
279
|
+
Option: SelectOption
|
|
280
|
+
});
|
|
281
|
+
var Inner$1 = /*#__PURE__*/React__default.lazy(function () {
|
|
282
|
+
return import('./a_chunks/TreeSelect.Inner.js');
|
|
283
|
+
});
|
|
284
|
+
function TreeSelect_L(props) {
|
|
285
|
+
return /*#__PURE__*/React__default.createElement(Inner$1, _objectSpread({}, props));
|
|
286
|
+
}
|
|
287
|
+
var Inner = /*#__PURE__*/React__default.lazy(function () {
|
|
288
|
+
return import('./a_chunks/Checkbox.Inner.js');
|
|
289
|
+
});
|
|
290
|
+
var GroupInner = /*#__PURE__*/React__default.lazy(function () {
|
|
291
|
+
return import('./a_chunks/Checkbox.GroupInner.js');
|
|
292
|
+
});
|
|
293
|
+
function Checkbox_(props) {
|
|
294
|
+
return /*#__PURE__*/React__default.createElement(Inner, _objectSpread({}, props));
|
|
295
|
+
}
|
|
296
|
+
var Checkbox_L = Object.assign(Checkbox_, {
|
|
297
|
+
Option: GroupInner
|
|
298
|
+
});
|
|
299
|
+
var QRCode_L = /*#__PURE__*/lazy(function () {
|
|
300
|
+
return import('./a_chunks/QRCode.Inner.js');
|
|
301
|
+
});
|
|
302
|
+
var Switch_L = /*#__PURE__*/lazy(function () {
|
|
303
|
+
return import('antd/es/switch');
|
|
304
|
+
});
|
|
305
|
+
function MyColor(props) {
|
|
306
|
+
var value = props.value,
|
|
307
|
+
_onChange2 = props.onChange,
|
|
308
|
+
size = props.size;
|
|
309
|
+
return /*#__PURE__*/React__default.createElement(Space.Compact, null, /*#__PURE__*/React__default.createElement(ColorPicker_L, {
|
|
310
|
+
size: size,
|
|
311
|
+
value: isString(value) ? value : undefined,
|
|
312
|
+
onChange: function onChange(value, css) {
|
|
313
|
+
return _onChange2 === null || _onChange2 === void 0 ? void 0 : _onChange2(css);
|
|
314
|
+
}
|
|
315
|
+
}), /*#__PURE__*/React__default.createElement(Button$1, {
|
|
316
|
+
size: size,
|
|
317
|
+
icon: /*#__PURE__*/React__default.createElement(CloseOutlined, null),
|
|
318
|
+
onClick: function onClick() {
|
|
319
|
+
return _onChange2 === null || _onChange2 === void 0 ? void 0 : _onChange2(null);
|
|
320
|
+
}
|
|
321
|
+
}));
|
|
322
|
+
}
|
|
323
|
+
var packs = {
|
|
324
|
+
MI: MyInput,
|
|
325
|
+
input: MyInput,
|
|
326
|
+
Input: MyInput,
|
|
327
|
+
MyInput: MyInput,
|
|
328
|
+
MyColor: MyColor,
|
|
329
|
+
MySiwtch: Switch_L
|
|
330
|
+
};
|
|
331
|
+
var MyLazyComponent = function MyLazyComponent(props) {
|
|
332
|
+
var children = props.children,
|
|
333
|
+
fallback = props.fallback,
|
|
334
|
+
_props$size = props.size,
|
|
335
|
+
size = _props$size === void 0 ? 'small' : _props$size;
|
|
336
|
+
var m = {
|
|
337
|
+
tiny: 2,
|
|
338
|
+
small: 4,
|
|
339
|
+
middle: 8,
|
|
340
|
+
large: 16
|
|
341
|
+
};
|
|
342
|
+
var rows = m[size];
|
|
343
|
+
return /*#__PURE__*/React__default.createElement(Suspense, {
|
|
344
|
+
fallback: fallback !== null && fallback !== void 0 ? fallback : /*#__PURE__*/React__default.createElement("div", {
|
|
345
|
+
style: {
|
|
346
|
+
padding: 24
|
|
347
|
+
}
|
|
348
|
+
}, /*#__PURE__*/React__default.createElement(Skeleton, {
|
|
349
|
+
paragraph: {
|
|
350
|
+
rows: rows
|
|
351
|
+
}
|
|
352
|
+
}))
|
|
353
|
+
}, children);
|
|
354
|
+
};
|
|
355
|
+
var GlobalModal_ = /*#__PURE__*/function () {
|
|
356
|
+
function GlobalModal_() {
|
|
357
|
+
_classCallCheck(this, GlobalModal_);
|
|
358
|
+
_defineProperty(this, "open", void 0);
|
|
359
|
+
_defineProperty(this, "openOne", void 0);
|
|
360
|
+
_defineProperty(this, "pop", void 0);
|
|
361
|
+
_defineProperty(this, "destroyAll", void 0);
|
|
362
|
+
}
|
|
363
|
+
return _createClass(GlobalModal_, [{
|
|
364
|
+
key: "confirmOnce",
|
|
365
|
+
value: function confirmOnce(_ref) {
|
|
366
|
+
var storeKey = _ref.storeKey,
|
|
367
|
+
cb = _ref.cb,
|
|
368
|
+
others = _objectWithoutProperties(_ref, _excluded2);
|
|
369
|
+
var isAllow = localStorage.get(storeKey);
|
|
370
|
+
if (isNil(isAllow)) {
|
|
371
|
+
Modal.confirm(_objectSpread(_objectSpread({}, others), {}, {
|
|
372
|
+
onOk: function onOk() {
|
|
373
|
+
localStorage.set(storeKey, true);
|
|
374
|
+
cb();
|
|
375
|
+
},
|
|
376
|
+
onCancel: function onCancel() {
|
|
377
|
+
localStorage.set(storeKey, false);
|
|
378
|
+
}
|
|
379
|
+
}));
|
|
380
|
+
} else if (isAllow) {
|
|
381
|
+
cb();
|
|
382
|
+
}
|
|
383
|
+
}
|
|
384
|
+
}]);
|
|
385
|
+
}();
|
|
386
|
+
var GlobalModal = /*#__PURE__*/function () {
|
|
387
|
+
function GlobalModal() {
|
|
388
|
+
_classCallCheck(this, GlobalModal);
|
|
389
|
+
_defineProperty(this, "stack", []);
|
|
390
|
+
_defineProperty(this, "setStack", void 0);
|
|
391
|
+
}
|
|
392
|
+
return _createClass(GlobalModal, [{
|
|
393
|
+
key: "init",
|
|
394
|
+
value: function init(stack, setStack) {
|
|
395
|
+
this.stack = stack;
|
|
396
|
+
this.setStack = setStack;
|
|
397
|
+
}
|
|
398
|
+
}, {
|
|
399
|
+
key: "open",
|
|
400
|
+
value: function open(name, data) {
|
|
401
|
+
var id = +new Date();
|
|
402
|
+
this.stack.push({
|
|
403
|
+
name: name,
|
|
404
|
+
data: data,
|
|
405
|
+
id: id
|
|
406
|
+
});
|
|
407
|
+
this.setStack(_toConsumableArray(this.stack));
|
|
408
|
+
return id;
|
|
409
|
+
}
|
|
410
|
+
}, {
|
|
411
|
+
key: "openOne",
|
|
412
|
+
value: function openOne(id, name, data) {
|
|
413
|
+
var _id = id > 0 ? id : +new Date();
|
|
414
|
+
var idx = this.stack.findIndex(function (_) {
|
|
415
|
+
return _.id === _id;
|
|
416
|
+
});
|
|
417
|
+
if (idx === -1) {
|
|
418
|
+
this.stack.push({
|
|
419
|
+
name: name,
|
|
420
|
+
data: data,
|
|
421
|
+
id: _id
|
|
422
|
+
});
|
|
423
|
+
} else {
|
|
424
|
+
this.stack.splice(idx, 1, _objectSpread(_objectSpread({}, this.stack[idx]), {}, {
|
|
425
|
+
name: name,
|
|
426
|
+
data: data
|
|
427
|
+
}));
|
|
428
|
+
}
|
|
429
|
+
this.setStack(_toConsumableArray(this.stack));
|
|
430
|
+
return _id;
|
|
431
|
+
}
|
|
432
|
+
}, {
|
|
433
|
+
key: "pop",
|
|
434
|
+
value: function pop(status, e) {
|
|
435
|
+
var last = this.stack.pop();
|
|
436
|
+
this.clear_one(last, status, e);
|
|
437
|
+
this.setStack(_toConsumableArray(this.stack));
|
|
438
|
+
}
|
|
439
|
+
}, {
|
|
440
|
+
key: "clear_one",
|
|
441
|
+
value: function clear_one(item, status, e) {
|
|
442
|
+
var config = item === null || item === void 0 ? void 0 : item.data;
|
|
443
|
+
if (config) {
|
|
444
|
+
var _config$onClose;
|
|
445
|
+
if (status) {
|
|
446
|
+
var _config$onOk;
|
|
447
|
+
(_config$onOk = config.onOk) === null || _config$onOk === void 0 || _config$onOk.call(config, e);
|
|
448
|
+
} else {
|
|
449
|
+
var _config$onCancel;
|
|
450
|
+
(_config$onCancel = config.onCancel) === null || _config$onCancel === void 0 || _config$onCancel.call(config, e);
|
|
451
|
+
}
|
|
452
|
+
(_config$onClose = config.onClose) === null || _config$onClose === void 0 || _config$onClose.call(config, status);
|
|
453
|
+
}
|
|
454
|
+
}
|
|
455
|
+
}, {
|
|
456
|
+
key: "destroyAll",
|
|
457
|
+
value: function destroyAll() {
|
|
458
|
+
var _this = this;
|
|
459
|
+
this.stack.forEach(function (_) {
|
|
460
|
+
return _this.clear_one(_, false, undefined);
|
|
461
|
+
});
|
|
462
|
+
this.setStack([]);
|
|
463
|
+
}
|
|
464
|
+
}, {
|
|
465
|
+
key: "confirmOnce",
|
|
466
|
+
value: function confirmOnce(_ref2) {
|
|
467
|
+
var storeKey = _ref2.storeKey,
|
|
468
|
+
cb = _ref2.cb,
|
|
469
|
+
others = _objectWithoutProperties(_ref2, _excluded3);
|
|
470
|
+
var isAllow = localStorage.get(storeKey);
|
|
471
|
+
console.log('isAllow', isAllow);
|
|
472
|
+
if (isNil(isAllow)) {
|
|
473
|
+
Modal.confirm(_objectSpread(_objectSpread({}, others), {}, {
|
|
474
|
+
onOk: function onOk() {
|
|
475
|
+
localStorage.set(storeKey, true);
|
|
476
|
+
cb();
|
|
477
|
+
},
|
|
478
|
+
onCancel: function onCancel() {
|
|
479
|
+
localStorage.set(storeKey, false);
|
|
480
|
+
}
|
|
481
|
+
}));
|
|
482
|
+
} else if (isAllow) {
|
|
483
|
+
cb();
|
|
484
|
+
}
|
|
485
|
+
}
|
|
486
|
+
}]);
|
|
487
|
+
}();
|
|
488
|
+
function MountGlobalModal(props) {
|
|
489
|
+
var meta = props.meta,
|
|
490
|
+
globalModal = props.globalModal;
|
|
491
|
+
// useNotification()
|
|
492
|
+
var _useState3 = useState([]),
|
|
493
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
494
|
+
modalQueue = _useState4[0],
|
|
495
|
+
setModalQueue = _useState4[1];
|
|
496
|
+
useEffect(function () {
|
|
497
|
+
globalModal.init(modalQueue, setModalQueue);
|
|
498
|
+
}, [modalQueue]);
|
|
499
|
+
function do_pop(status, e) {
|
|
500
|
+
globalModal.pop(status, e);
|
|
501
|
+
}
|
|
502
|
+
return /*#__PURE__*/React__default.createElement(Suspense, {
|
|
503
|
+
fallback: /*#__PURE__*/React__default.createElement("div", null, "loading MountGlobalModal ...")
|
|
504
|
+
}, modalQueue.map(function (_ref3) {
|
|
505
|
+
var name = _ref3.name,
|
|
506
|
+
data = _ref3.data,
|
|
507
|
+
id = _ref3.id;
|
|
508
|
+
var C = meta[name] || function () {
|
|
509
|
+
return null;
|
|
510
|
+
};
|
|
511
|
+
return /*#__PURE__*/React__default.createElement(MyLazyComponent, {
|
|
512
|
+
fallback: ''
|
|
513
|
+
}, /*#__PURE__*/React__default.createElement(C, _objectSpread(_objectSpread({
|
|
514
|
+
maskClosable: false,
|
|
515
|
+
key: id,
|
|
516
|
+
visible: true,
|
|
517
|
+
centered: true
|
|
518
|
+
}, data), {}, {
|
|
519
|
+
close: do_pop,
|
|
520
|
+
onOk: function onOk(e) {
|
|
521
|
+
do_pop(true, e);
|
|
522
|
+
},
|
|
523
|
+
onCancel: function onCancel(e) {
|
|
524
|
+
do_pop(false, e);
|
|
525
|
+
}
|
|
526
|
+
})));
|
|
527
|
+
}));
|
|
528
|
+
}
|
|
529
|
+
var MonacoInner = /*#__PURE__*/lazy(function () {
|
|
530
|
+
return import('./a_chunks/Monaco.Inner.js');
|
|
531
|
+
});
|
|
532
|
+
var MyMonaco = Object.assign(MonacoInner, {
|
|
533
|
+
config: function config(vs) {
|
|
534
|
+
import('@monaco-editor/react/dist/index').then(function (mod) {
|
|
535
|
+
mod.loader.config({
|
|
536
|
+
paths: {
|
|
537
|
+
vs: vs
|
|
538
|
+
}
|
|
539
|
+
});
|
|
540
|
+
});
|
|
541
|
+
}
|
|
542
|
+
});
|
|
543
|
+
var ContainerDimensions = /*#__PURE__*/function (_Component) {
|
|
544
|
+
// const[Comp, setComp] = useState<FC<ContainerDimensionsProps>>()
|
|
545
|
+
function ContainerDimensions(props) {
|
|
546
|
+
var _this2;
|
|
547
|
+
_classCallCheck(this, ContainerDimensions);
|
|
548
|
+
_this2 = _callSuper(this, ContainerDimensions, [props]);
|
|
549
|
+
_this2.state = {
|
|
550
|
+
Comp: null
|
|
551
|
+
};
|
|
552
|
+
return _this2;
|
|
553
|
+
}
|
|
554
|
+
_inherits(ContainerDimensions, _Component);
|
|
555
|
+
return _createClass(ContainerDimensions, [{
|
|
556
|
+
key: "componentDidMount",
|
|
557
|
+
value: function componentDidMount() {
|
|
558
|
+
var _this3 = this;
|
|
559
|
+
import('react-container-dimensions').then(function (res) {
|
|
560
|
+
_this3.setState({
|
|
561
|
+
Comp: res["default"]
|
|
562
|
+
});
|
|
563
|
+
});
|
|
564
|
+
}
|
|
565
|
+
}, {
|
|
566
|
+
key: "render",
|
|
567
|
+
value: function render() {
|
|
568
|
+
var Comp = this.state.Comp;
|
|
569
|
+
return Comp ? /*#__PURE__*/React__default.createElement(Comp, _objectSpread({}, this.props)) : /*#__PURE__*/React__default.createElement("span", null, "loading ContainerDimensions ...");
|
|
570
|
+
}
|
|
571
|
+
}]);
|
|
572
|
+
}(Component);
|
|
573
|
+
export { AutoComplete_L, Calendar_L, Checkbox_L, ColorPicker_L, ContainerDimensions, DatePicker_L, Dropdown_L, Form_L, GlobalModal, GlobalModal_, Modal_L, MonthPicker_L, MountGlobalModal, MyInput, MyLazyComponent, MyMonaco, Pagination_L, QRCode_L, RangePicker_L, Select_L, Switch_L, Table_L, TimePicker_L, TreeSelect_L, Tree_L, getArray, getFormat, getInputStyle, getParamByName, isUrl, packs };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { MyColor } from './MyColor';
|
|
2
|
+
export * from './MyInput';
|
|
3
|
+
export declare const packs: {
|
|
4
|
+
MI: import("react").ForwardRefExoticComponent<import("./MyInput").IMyInputProps & import("react").RefAttributes<import("antd").InputRef>>;
|
|
5
|
+
input: import("react").ForwardRefExoticComponent<import("./MyInput").IMyInputProps & import("react").RefAttributes<import("antd").InputRef>>;
|
|
6
|
+
Input: import("react").ForwardRefExoticComponent<import("./MyInput").IMyInputProps & import("react").RefAttributes<import("antd").InputRef>>;
|
|
7
|
+
MyInput: import("react").ForwardRefExoticComponent<import("./MyInput").IMyInputProps & import("react").RefAttributes<import("antd").InputRef>>;
|
|
8
|
+
MyColor: typeof MyColor;
|
|
9
|
+
MySiwtch: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("antd").SwitchProps & import("react").RefAttributes<HTMLButtonElement>>>;
|
|
10
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
interface IBase {
|
|
3
|
+
style?: React.CSSProperties;
|
|
4
|
+
width?: any;
|
|
5
|
+
inputWidth?: any;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
}
|
|
8
|
+
interface IProps extends IBase {
|
|
9
|
+
}
|
|
10
|
+
export declare function getInputStyle(props?: IProps): React.CSSProperties;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export declare function isUrl(string: string): boolean;
|
|
2
|
+
export declare const getArray: (arr: any[], defaultValue?: never[]) => any[];
|
|
3
|
+
export declare function getFormat(format: string): string;
|
|
4
|
+
export declare function getParamByName(name: string, url?: string): string | null;
|
package/package.json
ADDED
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@noah-libjs/components",
|
|
3
|
+
"version": "0.0.3",
|
|
4
|
+
"description": "",
|
|
5
|
+
"scripts": {
|
|
6
|
+
"test": "echo \"Error: no test specified\" && exit 1",
|
|
7
|
+
"build": "rollup -c rollup.config.js",
|
|
8
|
+
"build:watch": "rollup -c rollup.config.js --watch",
|
|
9
|
+
"clean": "rimraf dist",
|
|
10
|
+
"prebuild": "pnpm clean"
|
|
11
|
+
},
|
|
12
|
+
"main": "dist/index.js",
|
|
13
|
+
"directories": {
|
|
14
|
+
"lib": "dist"
|
|
15
|
+
},
|
|
16
|
+
"files": [
|
|
17
|
+
"dist"
|
|
18
|
+
],
|
|
19
|
+
"types": "dist/index.d.ts",
|
|
20
|
+
"peerDependencies": {
|
|
21
|
+
"@monaco-editor/react": "^4.5.1",
|
|
22
|
+
"axios": ">=0.26.0",
|
|
23
|
+
"classnames": "*",
|
|
24
|
+
"dayjs": "^1.11.13",
|
|
25
|
+
"react": "*",
|
|
26
|
+
"react-container-dimensions": "1.4.1"
|
|
27
|
+
},
|
|
28
|
+
"keywords": [],
|
|
29
|
+
"author": "",
|
|
30
|
+
"devDependencies": {
|
|
31
|
+
"@babel/preset-env": "^7.16.11",
|
|
32
|
+
"@babel/preset-react": "^7.16.7",
|
|
33
|
+
"acorn-jsx": "^5.3.2",
|
|
34
|
+
"less": "^4.1.2",
|
|
35
|
+
"rollup": "^2.70.2",
|
|
36
|
+
"rollup-plugin-monaco-editor": "^0.2.1",
|
|
37
|
+
"rollup-plugin-postcss": "^4.0.2"
|
|
38
|
+
},
|
|
39
|
+
"dependencies": {
|
|
40
|
+
"@noah-libjs/utils": "0.0.3"
|
|
41
|
+
},
|
|
42
|
+
"publishConfig": {
|
|
43
|
+
"access": "public"
|
|
44
|
+
},
|
|
45
|
+
"license": "MIT",
|
|
46
|
+
"gitHead": "2cc0f2ddb45bee5ee6db145dee2d695b4e59a631"
|
|
47
|
+
}
|