@clake/react-bootstrap4-window 0.7.7 → 1.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/dist/react-bootstrap4-window.js +4 -4
- package/lib/CTable.js +190 -203
- package/lib/CTable.js.map +3 -3
- package/lib/CTableInput.js +18 -24
- package/lib/CTableInput.js.map +3 -3
- package/lib/Drag.js +63 -27
- package/lib/Drag.js.map +3 -3
- package/lib/IconButton.js +22 -24
- package/lib/IconButton.js.map +3 -3
- package/lib/PageBar.js +9 -21
- package/lib/PageBar.js.map +3 -3
- package/lib/TopMenu.js +104 -107
- package/lib/TopMenu.js.map +3 -3
- package/lib/WCalendar.js +17 -20
- package/lib/WCalendar.js.map +3 -3
- package/lib/WCombo.js +14 -9
- package/lib/WCombo.js.map +3 -3
- package/lib/WModal.js +118 -79
- package/lib/WModal.js.map +3 -3
- package/lib/Window.js +58 -40
- package/lib/Window.js.map +3 -3
- package/lib/WindowGroup.js +19 -11
- package/lib/WindowGroup.js.map +3 -3
- package/lib/i18n/CTable.js +4 -4
- package/lib/i18n/CTable.js.map +3 -3
- package/lib/index.js +59 -36
- package/lib/index.js.map +3 -3
- package/lib/types/gulpfile.babel.d.ts +2 -0
- package/lib/types/gulpfile.babel.d.ts.map +1 -0
- package/lib/types/src/CTable.d.ts +224 -0
- package/lib/types/src/CTable.d.ts.map +1 -0
- package/lib/types/src/CTableInput.d.ts +41 -0
- package/lib/types/src/CTableInput.d.ts.map +1 -0
- package/lib/types/src/Drag.d.ts +50 -0
- package/lib/types/src/Drag.d.ts.map +1 -0
- package/lib/types/src/IconButton.d.ts +19 -0
- package/lib/types/src/IconButton.d.ts.map +1 -0
- package/lib/types/src/PageBar.d.ts +27 -0
- package/lib/types/src/PageBar.d.ts.map +1 -0
- package/lib/types/src/TopMenu.d.ts +42 -0
- package/lib/types/src/TopMenu.d.ts.map +1 -0
- package/lib/types/src/WCalendar.d.ts +32 -0
- package/lib/types/src/WCalendar.d.ts.map +1 -0
- package/lib/types/src/WCombo.d.ts +28 -0
- package/lib/types/src/WCombo.d.ts.map +1 -0
- package/lib/types/src/WModal.d.ts +106 -0
- package/lib/types/src/WModal.d.ts.map +1 -0
- package/lib/types/src/Window.d.ts +79 -0
- package/lib/types/src/Window.d.ts.map +1 -0
- package/lib/types/src/WindowGroup.d.ts +28 -0
- package/lib/types/src/WindowGroup.d.ts.map +1 -0
- package/lib/types/src/i18n/CTable.d.ts +3 -0
- package/lib/types/src/i18n/CTable.d.ts.map +1 -0
- package/lib/types/src/index.d.ts +6 -0
- package/lib/types/src/index.d.ts.map +1 -0
- package/lib/types/webpack.common.d.ts +55 -0
- package/lib/types/webpack.common.d.ts.map +1 -0
- package/lib/types/webpack.dev.d.ts +3 -0
- package/lib/types/webpack.dev.d.ts.map +1 -0
- package/lib/types/webpack.prod.d.ts +3 -0
- package/lib/types/webpack.prod.d.ts.map +1 -0
- package/package.json +17 -9
package/lib/Window.js
CHANGED
|
@@ -1,19 +1,17 @@
|
|
|
1
|
-
/* @clake/react-bootstrap4-window
|
|
1
|
+
/* @clake/react-bootstrap4-window v1.0.1 | by Clake
|
|
2
2
|
* Copyright (c) 2024 Clake,
|
|
3
|
-
* 2024-03-
|
|
3
|
+
* 2024-03-28T11:03:43+0800
|
|
4
4
|
*/
|
|
5
5
|
"use strict";
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
9
9
|
});
|
|
10
|
-
exports["default"] = void 0;
|
|
10
|
+
exports["default"] = exports.Window = void 0;
|
|
11
11
|
|
|
12
12
|
var _react = _interopRequireDefault(require("react"));
|
|
13
13
|
|
|
14
|
-
var
|
|
15
|
-
|
|
16
|
-
var _bind = _interopRequireDefault(require("classnames/bind"));
|
|
14
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
17
15
|
|
|
18
16
|
require("./css/Window.less");
|
|
19
17
|
|
|
@@ -51,7 +49,7 @@ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || func
|
|
|
51
49
|
|
|
52
50
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
53
51
|
|
|
54
|
-
var Window =
|
|
52
|
+
var Window = exports.Window =
|
|
55
53
|
/*#__PURE__*/
|
|
56
54
|
function (_React$PureComponent) {
|
|
57
55
|
_inherits(Window, _React$PureComponent);
|
|
@@ -63,6 +61,28 @@ function (_React$PureComponent) {
|
|
|
63
61
|
|
|
64
62
|
_this = _possibleConstructorReturn(this, _getPrototypeOf(Window).call(this, props));
|
|
65
63
|
|
|
64
|
+
_defineProperty(_assertThisInitialized(_this), "parent", void 0);
|
|
65
|
+
|
|
66
|
+
_defineProperty(_assertThisInitialized(_this), "data", void 0);
|
|
67
|
+
|
|
68
|
+
_defineProperty(_assertThisInitialized(_this), "evts", void 0);
|
|
69
|
+
|
|
70
|
+
_defineProperty(_assertThisInitialized(_this), "is_before", void 0);
|
|
71
|
+
|
|
72
|
+
_defineProperty(_assertThisInitialized(_this), "is_max", void 0);
|
|
73
|
+
|
|
74
|
+
_defineProperty(_assertThisInitialized(_this), "max_position", void 0);
|
|
75
|
+
|
|
76
|
+
_defineProperty(_assertThisInitialized(_this), "drag", void 0);
|
|
77
|
+
|
|
78
|
+
_defineProperty(_assertThisInitialized(_this), "dragDom", void 0);
|
|
79
|
+
|
|
80
|
+
_defineProperty(_assertThisInitialized(_this), "domHeader", void 0);
|
|
81
|
+
|
|
82
|
+
_defineProperty(_assertThisInitialized(_this), "dom", void 0);
|
|
83
|
+
|
|
84
|
+
_defineProperty(_assertThisInitialized(_this), "params", void 0);
|
|
85
|
+
|
|
66
86
|
_defineProperty(_assertThisInitialized(_this), "close", function () {
|
|
67
87
|
if (_this.is_before) {
|
|
68
88
|
_this.beforeCloseHandler(_this.hide);
|
|
@@ -76,8 +96,8 @@ function (_React$PureComponent) {
|
|
|
76
96
|
_defineProperty(_assertThisInitialized(_this), "hide", function () {
|
|
77
97
|
_this.max(false);
|
|
78
98
|
|
|
79
|
-
_this.dom.style.top = 0;
|
|
80
|
-
_this.dom.style.left = 0;
|
|
99
|
+
_this.dom.style.top = "0";
|
|
100
|
+
_this.dom.style.left = "0";
|
|
81
101
|
|
|
82
102
|
_this.dom.classList.add('d-none');
|
|
83
103
|
|
|
@@ -139,7 +159,7 @@ function (_React$PureComponent) {
|
|
|
139
159
|
|
|
140
160
|
this.drag = new _Drag["default"](this.dragDom, this.domHeader, {
|
|
141
161
|
start: function start() {
|
|
142
|
-
if (_this2.is_max) return;
|
|
162
|
+
if (_this2.is_max) return false;
|
|
143
163
|
_this2.dragDom.style.top = _this2.dom.style.top;
|
|
144
164
|
_this2.dragDom.style.left = _this2.dom.style.left;
|
|
145
165
|
|
|
@@ -174,13 +194,17 @@ function (_React$PureComponent) {
|
|
|
174
194
|
}, {
|
|
175
195
|
key: "componentWillUnmount",
|
|
176
196
|
value: function componentWillUnmount() {
|
|
177
|
-
|
|
178
|
-
|
|
197
|
+
var _this$drag;
|
|
198
|
+
|
|
199
|
+
(_this$drag = this.drag) === null || _this$drag === void 0 ? void 0 : _this$drag.unbind();
|
|
200
|
+
this.drag = undefined;
|
|
179
201
|
}
|
|
180
202
|
}, {
|
|
181
203
|
key: "show",
|
|
182
204
|
value: function show(option) {
|
|
183
|
-
var
|
|
205
|
+
var _option$x,
|
|
206
|
+
_option$y,
|
|
207
|
+
_this3 = this;
|
|
184
208
|
|
|
185
209
|
option = option || {
|
|
186
210
|
x: 20,
|
|
@@ -188,7 +212,7 @@ function (_React$PureComponent) {
|
|
|
188
212
|
};
|
|
189
213
|
this.params = option.params || null;
|
|
190
214
|
this.dom.classList.remove('d-none');
|
|
191
|
-
this.move(option.x, option.y);
|
|
215
|
+
this.move((_option$x = option.x) !== null && _option$x !== void 0 ? _option$x : 0, (_option$y = option.y) !== null && _option$y !== void 0 ? _option$y : 0);
|
|
192
216
|
this.setState({
|
|
193
217
|
close: false
|
|
194
218
|
}, function () {
|
|
@@ -271,7 +295,7 @@ function (_React$PureComponent) {
|
|
|
271
295
|
key: "getClasses",
|
|
272
296
|
value: function getClasses() {
|
|
273
297
|
var base = 'card ck-window shadow d-none';
|
|
274
|
-
return (0,
|
|
298
|
+
return (0, _classnames["default"])(base, this.props.className);
|
|
275
299
|
}
|
|
276
300
|
}, {
|
|
277
301
|
key: "getStyles",
|
|
@@ -290,7 +314,10 @@ function (_React$PureComponent) {
|
|
|
290
314
|
if (this.props.height) {
|
|
291
315
|
var reg = /(\d+)(px|rem|pt|cm|mm)/;
|
|
292
316
|
var match = this.props.height.match(reg);
|
|
293
|
-
|
|
317
|
+
|
|
318
|
+
if (match) {
|
|
319
|
+
base.height = 35 + parseInt(match[1]) + match[2];
|
|
320
|
+
}
|
|
294
321
|
}
|
|
295
322
|
|
|
296
323
|
if (this.props.x) {
|
|
@@ -367,26 +394,21 @@ function (_React$PureComponent) {
|
|
|
367
394
|
return Window;
|
|
368
395
|
}(_react["default"].PureComponent);
|
|
369
396
|
|
|
370
|
-
Window
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
isCloseBtn: _propTypes["default"].bool,
|
|
382
|
-
isMinBtn: _propTypes["default"].bool
|
|
383
|
-
};
|
|
384
|
-
Window.defaultProps = {
|
|
385
|
-
marginTop: 0,
|
|
386
|
-
isMaxBtn: true,
|
|
397
|
+
_defineProperty(Window, "EVT_RESIZE", void 0);
|
|
398
|
+
|
|
399
|
+
_defineProperty(Window, "EVT_MAXWINDOW", void 0);
|
|
400
|
+
|
|
401
|
+
_defineProperty(Window, "EVT_SHOW", void 0);
|
|
402
|
+
|
|
403
|
+
_defineProperty(Window, "EVT_CLOSE", void 0);
|
|
404
|
+
|
|
405
|
+
_defineProperty(Window, "EVT_BEFORE_CLOSE", void 0);
|
|
406
|
+
|
|
407
|
+
_defineProperty(Window, "defaultProps", {
|
|
387
408
|
isCloseBtn: true,
|
|
388
|
-
|
|
389
|
-
};
|
|
409
|
+
isMaxBtn: true
|
|
410
|
+
});
|
|
411
|
+
|
|
390
412
|
var EVT_RESIZE = 'resize';
|
|
391
413
|
var EVT_MAX_WINDOW = 'max_window';
|
|
392
414
|
var EVT_SHOW = 'show';
|
|
@@ -397,10 +419,6 @@ Window.EVT_MAXWINDOW = EVT_MAX_WINDOW;
|
|
|
397
419
|
Window.EVT_SHOW = EVT_SHOW;
|
|
398
420
|
Window.EVT_CLOSE = EVT_CLOSE;
|
|
399
421
|
Window.EVT_BEFORE_CLOSE = EVT_BEFORE_CLOSE;
|
|
400
|
-
var _default = Window;
|
|
401
|
-
exports["default"] = _default;
|
|
402
422
|
|
|
403
|
-
|
|
404
|
-
module.hot.accept();
|
|
405
|
-
}
|
|
423
|
+
var _default = exports["default"] = Window;
|
|
406
424
|
//# sourceMappingURL=Window.js.map
|
package/lib/Window.js.map
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/* @clake/react-bootstrap4-window
|
|
1
|
+
/* @clake/react-bootstrap4-window v1.0.1 | by Clake
|
|
2
2
|
* Copyright (c) 2024 Clake,
|
|
3
|
-
* 2024-03-
|
|
3
|
+
* 2024-03-28T11:03:43+0800
|
|
4
4
|
*/
|
|
5
|
-
{"version":3,"sources":["Window.js"],"names":["Window","props","is_before","beforeCloseHandler","hide","max","dom","style","top","left","classList","add","setActive","is_max","parent","removeWindowOpens","name","setState","close","closeHandler","e","isMaxBtn","trigger","EVT_MAX_WINDOW","EVT_SHOW","EVT_CLOSE","clearEvent","EVT_BEFORE_CLOSE","state","data","evts","max_position","drag","Drag","dragDom","domHeader","start","remove","move","y","marginTop","end","addEventListener","changeWindowIndex","unbind","option","x","params","showHandler","flag","width","height","right","bottom","index","zIndex","active","Common","GetDomXY","fn_name","fn","undefined","val","base","className","shadow","reg","match","parseInt","backColor","backgroundColor","content","c","getClasses","getStyles","maxHandler","title","isCloseBtn","renderContent","ReactDOM","createPortal","document","body","React","Children","map","children","child","cloneElement","PureComponent","propTypes","PropTypes","string","any","bool","isMinBtn","defaultProps","EVT_RESIZE","EVT_MAXWINDOW","module","hot","accept"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames/bind';\nimport './css/Window.less';\nimport ReactDOM from \"react-dom\";\nimport Drag from './Drag';\nimport IconButton from \"./IconButton\";\nimport {\n Common\n} from '@clake/react-bootstrap4';\nclass Window extends React.PureComponent {\n constructor(props) {\n super(props);\n this.state = {\n close:true\n };\n this.parent = this.props.parent || null;\n this.data = null;\n this.evts = {};\n this.is_before = false;\n this.is_max = false;\n this.max_position = {};\n }\n\n componentDidMount() {\n this.drag = new Drag(this.dragDom,this.domHeader,{\n start:()=>{\n if (this.is_max) return;\n this.dragDom.style.top = this.dom.style.top;\n this.dragDom.style.left = this.dom.style.left;\n this.dragDom.classList.remove('d-none');\n this.dom.classList.add('ck-window-opacity');\n return true;\n },\n move:(move)=> {\n if (move.y < this.props.marginTop) {\n move.y = this.props.marginTop;\n }\n },\n end:()=>{\n this.dragDom.classList.add('d-none');\n this.dom.classList.remove('ck-window-opacity');\n this.dom.style.top = this.dragDom.style.top;\n this.dom.style.left = this.dragDom.style.left;\n return true;\n }\n });\n if (this.parent) {\n this.dom.addEventListener('mousedown',(e)=>{\n this.parent.changeWindowIndex(this.props.name);\n },false);\n }\n }\n\n componentWillUnmount() {\n this.drag.unbind();\n this.drag = null;\n }\n\n show(option) {\n option = option || {\n x:20,\n y:20\n };\n this.params = option.params || null;\n this.dom.classList.remove('d-none');\n this.move(option.x,option.y);\n this.setState({\n close:false\n },()=>{\n this.showHandler(this.params);\n });\n }\n\n close = () => {\n if (this.is_before) {\n this.beforeCloseHandler(this.hide);\n return;\n }\n this.hide();\n };\n\n hide = ()=>{\n this.max(false);\n this.dom.style.top = 0;\n this.dom.style.left = 0;\n this.dom.classList.add('d-none');\n this.setActive(false);\n this.is_max = false;\n if (this.parent) {\n this.parent.removeWindowOpens(this.props.name);\n }\n this.setState({\n close:true\n },()=>{\n this.closeHandler();\n });\n };\n\n move(x,y) {\n this.dom.style.top = (y+this.props.marginTop)+'px';\n this.dom.style.left = x+'px';\n }\n\n max(flag) {\n if (flag) {\n this.max_position.y = this.dom.style.top;\n this.max_position.x = this.dom.style.left;\n this.max_position.width = this.dom.style.width;\n this.max_position.height = this.dom.style.height;\n this.dom.style.top = this.props.marginTop+'px';\n this.dom.style.left = '0';\n this.dom.style.right = '0';\n this.dom.style.bottom = '0';\n this.dom.style.width = 'unset';\n this.dom.style.height = 'unset';\n this.is_max = true;\n } else {\n this.dom.style.width = this.max_position.width;\n this.dom.style.height = this.max_position.height;\n this.dom.style.top = this.max_position.y;\n this.dom.style.left = this.max_position.x;\n this.dom.style.right = 'unset';\n this.dom.style.bottom = 'unset';\n this.is_max = false;\n }\n }\n\n setIndex(index) {\n this.dom.style.zIndex = index;\n }\n\n setActive(active) {\n if (active) {\n this.dom.classList.add('ck-window-active');\n } else {\n this.dom.classList.remove('ck-window-active');\n }\n }\n\n getPosition() {\n return Common.GetDomXY(this.dom);\n }\n\n maxHandler = (e)=>{\n if (!this.props.isMaxBtn) {\n return\n }\n this.trigger(EVT_MAX_WINDOW,e);\n this.max(!this.is_max);\n };\n\n showHandler = (e)=>{\n this.trigger(EVT_SHOW,e);\n };\n\n closeHandler = (e)=>{\n this.trigger(EVT_CLOSE,e);\n this.clearEvent();\n };\n\n beforeCloseHandler = (e)=>{\n this.trigger(EVT_BEFORE_CLOSE,e);\n };\n\n on(fn_name,fn) {\n this.evts[fn_name] = fn;\n }\n\n off(fn_name) {\n this.evts[fn_name] = undefined;\n }\n\n trigger(fn_name,val) {\n if (typeof this.evts[fn_name] === 'function') {\n this.evts[fn_name](val);\n }\n }\n\n clearEvent() {\n this.evts = {};\n }\n\n getClasses() {\n let base = 'card ck-window shadow d-none';\n return classNames(base,this.props.className);\n }\n\n getStyles(shadow) {\n let base = {\n width: \"600px\",\n height: \"400px\",\n top: '20px',\n left: '20px'\n };\n if (this.props.width) {\n base.width = this.props.width;\n }\n if (this.props.height) {\n let reg = /(\\d+)(px|rem|pt|cm|mm)/;\n let match = this.props.height.match(reg);\n base.height = (35+parseInt(match[1]))+match[2];\n }\n if (this.props.x) {\n base.left = this.props.x;\n }\n if (this.props.y) {\n base.top = this.props.y;\n }\n if (this.props.backColor && !shadow ) {\n base.backgroundColor = this.props.backColor;\n }\n return base;\n }\n\n render() {\n let content = (\n <React.Fragment>\n <div ref={c=>this.dom=c} className={this.getClasses()} style={this.getStyles()}>\n <div ref={c=>this.domHeader=c} onDoubleClick={this.maxHandler} className='card-header'>\n {this.props.title}\n <div className='window-btn'>\n {/*<IconButton className='mr-1' iconType='regular' icon='window-minimize'/>*/}\n {this.props.isMaxBtn?<IconButton className='mr-1' iconType='regular' icon='window-maximize' onClick={this.maxHandler}/>:null}\n {this.props.isCloseBtn?<IconButton icon='window-close' onClick={this.close}/>:null}\n </div>\n </div>\n <div className=\"card-body\">\n {/*{this.props.children}*/}\n {!this.state.close?this.renderContent():null}\n </div>\n </div>\n <div ref={c=>this.dragDom=c} className='ck-window-drag-box d-none border border-secondary' style={this.getStyles(true)}/>\n </React.Fragment>\n );\n\n return ReactDOM.createPortal(\n content,document.body\n );\n }\n\n renderContent() {\n return React.Children.map(this.props.children,(child)=>{\n return React.cloneElement(child,{...child.props,parent:this});\n })\n }\n\n renderEmpty() {\n return null;\n }\n}\n\nWindow.propTypes = {\n title: PropTypes.string,\n width: PropTypes.string,\n height: PropTypes.string,\n x: PropTypes.string,\n y: PropTypes.string,\n backColor: PropTypes.string,\n name: PropTypes.string,\n parent: PropTypes.any,\n marginTop: PropTypes.any,\n isMaxBtn: PropTypes.bool,\n isCloseBtn: PropTypes.bool,\n isMinBtn: PropTypes.bool,\n};\n\nWindow.defaultProps = {\n marginTop: 0,\n isMaxBtn: true,\n isCloseBtn: true,\n isMinBtn: false,\n};\n\nconst EVT_RESIZE = 'resize';\nconst EVT_MAX_WINDOW = 'max_window';\nconst EVT_SHOW = 'show';\nconst EVT_CLOSE = 'close';\nconst EVT_BEFORE_CLOSE = 'before_close';\n\nWindow.EVT_RESIZE = EVT_RESIZE;\nWindow.EVT_MAXWINDOW = EVT_MAX_WINDOW;\nWindow.EVT_SHOW = EVT_SHOW;\nWindow.EVT_CLOSE = EVT_CLOSE;\nWindow.EVT_BEFORE_CLOSE = EVT_BEFORE_CLOSE;\n\nexport default Window;\nif (module.hot) {\n module.hot.accept();\n}"],"file":"Window.js"}
|
|
5
|
+
{"version":3,"sources":["Window.tsx"],"names":["Window","props","is_before","beforeCloseHandler","hide","max","dom","style","top","left","classList","add","setActive","is_max","parent","removeWindowOpens","name","setState","close","closeHandler","e","isMaxBtn","trigger","EVT_MAX_WINDOW","EVT_SHOW","EVT_CLOSE","clearEvent","EVT_BEFORE_CLOSE","state","data","evts","max_position","drag","Drag","dragDom","domHeader","start","remove","move","y","marginTop","end","addEventListener","changeWindowIndex","unbind","undefined","option","x","params","showHandler","flag","width","height","right","bottom","index","zIndex","active","Common","GetDomXY","fn_name","fn","val","base","className","shadow","reg","match","parseInt","backColor","backgroundColor","content","c","getClasses","getStyles","maxHandler","title","isCloseBtn","renderContent","ReactDOM","createPortal","document","body","React","Children","map","children","child","cloneElement","PureComponent","EVT_RESIZE","EVT_MAXWINDOW"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport './css/Window.less';\nimport ReactDOM from \"react-dom\";\nimport Drag from './Drag';\nimport IconButton from \"./IconButton\";\nimport {\n Common,\n ComponentProps\n} from '@clake/react-bootstrap4';\n\ninterface Props extends ComponentProps {\n title?: string\n width?: string\n height?: string\n x?: string\n y?: string\n backColor?: string\n name?: string\n parent?: any\n marginTop?: any\n isMaxBtn?: boolean\n isCloseBtn?: boolean\n isMinBtn?: boolean\n}\n\ninterface State {\n close:boolean\n}\n\nexport interface ShowOptions {\n params?: any\n x?:number\n y?:number\n}\n\nexport class Window extends React.PureComponent<Props,State> {\n static EVT_RESIZE:string\n static EVT_MAXWINDOW:string\n static EVT_SHOW:string\n static EVT_CLOSE:string\n static EVT_BEFORE_CLOSE:string\n\n static defaultProps = {\n isCloseBtn:true,\n isMaxBtn: true\n }\n\n parent:any\n data:any\n evts:any\n is_before:boolean\n is_max:boolean\n max_position:any\n drag:Drag|undefined\n dragDom:HTMLElement\n domHeader:HTMLElement\n dom:HTMLElement\n params:any\n constructor(props:any) {\n super(props);\n this.state = {\n close:true\n };\n this.parent = this.props.parent || null;\n this.data = null;\n this.evts = {};\n this.is_before = false;\n this.is_max = false;\n this.max_position = {};\n }\n\n componentDidMount() {\n this.drag = new Drag(this.dragDom,this.domHeader,{\n start:()=>{\n if (this.is_max) return false;\n this.dragDom.style.top = this.dom.style.top;\n this.dragDom.style.left = this.dom.style.left;\n this.dragDom.classList.remove('d-none');\n this.dom.classList.add('ck-window-opacity');\n return true;\n },\n move:(move)=> {\n if (move.y < this.props.marginTop) {\n move.y = this.props.marginTop;\n }\n },\n end:()=>{\n this.dragDom.classList.add('d-none');\n this.dom.classList.remove('ck-window-opacity');\n this.dom.style.top = this.dragDom.style.top;\n this.dom.style.left = this.dragDom.style.left;\n return true;\n }\n });\n if (this.parent) {\n this.dom.addEventListener('mousedown',(e)=>{\n this.parent.changeWindowIndex(this.props.name);\n },false);\n }\n }\n\n componentWillUnmount() {\n this.drag?.unbind();\n this.drag = undefined;\n }\n\n show(option:ShowOptions) {\n option = option || {\n x:20,\n y:20\n };\n this.params = option.params || null;\n this.dom.classList.remove('d-none');\n this.move(option.x??0,option.y??0);\n this.setState({\n close:false\n },()=>{\n this.showHandler(this.params);\n });\n }\n\n close = () => {\n if (this.is_before) {\n this.beforeCloseHandler(this.hide);\n return;\n }\n this.hide();\n };\n\n hide = ()=>{\n this.max(false);\n this.dom.style.top = \"0\";\n this.dom.style.left = \"0\";\n this.dom.classList.add('d-none');\n this.setActive(false);\n this.is_max = false;\n if (this.parent) {\n this.parent.removeWindowOpens(this.props.name);\n }\n this.setState({\n close:true\n },()=>{\n this.closeHandler();\n });\n };\n\n move(x:number,y:number) {\n this.dom.style.top = (y+this.props.marginTop)+'px';\n this.dom.style.left = x+'px';\n }\n\n max(flag:boolean) {\n if (flag) {\n this.max_position.y = this.dom.style.top;\n this.max_position.x = this.dom.style.left;\n this.max_position.width = this.dom.style.width;\n this.max_position.height = this.dom.style.height;\n this.dom.style.top = this.props.marginTop+'px';\n this.dom.style.left = '0';\n this.dom.style.right = '0';\n this.dom.style.bottom = '0';\n this.dom.style.width = 'unset';\n this.dom.style.height = 'unset';\n this.is_max = true;\n } else {\n this.dom.style.width = this.max_position.width;\n this.dom.style.height = this.max_position.height;\n this.dom.style.top = this.max_position.y;\n this.dom.style.left = this.max_position.x;\n this.dom.style.right = 'unset';\n this.dom.style.bottom = 'unset';\n this.is_max = false;\n }\n }\n\n setIndex(index:any) {\n this.dom.style.zIndex = index;\n }\n\n setActive(active:boolean) {\n if (active) {\n this.dom.classList.add('ck-window-active');\n } else {\n this.dom.classList.remove('ck-window-active');\n }\n }\n\n getPosition() {\n return Common.GetDomXY(this.dom);\n }\n\n maxHandler = (e:any)=>{\n if (!this.props.isMaxBtn) {\n return\n }\n this.trigger(EVT_MAX_WINDOW,e);\n this.max(!this.is_max);\n };\n\n showHandler = (e:any)=>{\n this.trigger(EVT_SHOW,e);\n };\n\n closeHandler = (e?:any)=>{\n this.trigger(EVT_CLOSE,e);\n this.clearEvent();\n };\n\n beforeCloseHandler = (e:any)=>{\n this.trigger(EVT_BEFORE_CLOSE,e);\n };\n\n on(fn_name:string,fn:any) {\n this.evts[fn_name] = fn;\n }\n\n off(fn_name:string) {\n this.evts[fn_name] = undefined;\n }\n\n trigger(fn_name:string,val:any) {\n if (typeof this.evts[fn_name] === 'function') {\n this.evts[fn_name](val);\n }\n }\n\n clearEvent() {\n this.evts = {};\n }\n\n getClasses() {\n let base = 'card ck-window shadow d-none';\n return classNames(base,this.props.className);\n }\n\n getStyles(shadow?:boolean) {\n let base:any = {\n width: \"600px\",\n height: \"400px\",\n top: '20px',\n left: '20px'\n };\n if (this.props.width) {\n base.width = this.props.width;\n }\n if (this.props.height) {\n let reg = /(\\d+)(px|rem|pt|cm|mm)/;\n let match = this.props.height.match(reg);\n if (match) {\n base.height = (35+parseInt(match[1]))+match[2];\n }\n }\n if (this.props.x) {\n base.left = this.props.x;\n }\n if (this.props.y) {\n base.top = this.props.y;\n }\n if (this.props.backColor && !shadow ) {\n base.backgroundColor = this.props.backColor;\n }\n return base;\n }\n\n render() {\n let content = (\n <React.Fragment>\n <div ref={(c:any)=>this.dom=c} className={this.getClasses()} style={this.getStyles()}>\n <div ref={(c:any)=>this.domHeader=c} onDoubleClick={this.maxHandler} className='card-header'>\n {this.props.title}\n <div className='window-btn'>\n {/*<IconButton className='mr-1' iconType='regular' icon='window-minimize'/>*/}\n {this.props.isMaxBtn?<IconButton className='mr-1' iconType='regular' icon='window-maximize' onClick={this.maxHandler}/>:null}\n {this.props.isCloseBtn?<IconButton icon='window-close' onClick={this.close}/>:null}\n </div>\n </div>\n <div className=\"card-body\">\n {/*{this.props.children}*/}\n {!this.state.close?this.renderContent():null}\n </div>\n </div>\n <div ref={(c:any)=>this.dragDom=c} className='ck-window-drag-box d-none border border-secondary' style={this.getStyles(true)}/>\n </React.Fragment>\n );\n\n return ReactDOM.createPortal(\n content,document.body\n );\n }\n\n renderContent() {\n return React.Children.map(this.props.children,(child)=>{\n return React.cloneElement(child,{...child.props,parent:this});\n })\n }\n\n renderEmpty() {\n return null;\n }\n}\n\nconst EVT_RESIZE = 'resize';\nconst EVT_MAX_WINDOW = 'max_window';\nconst EVT_SHOW = 'show';\nconst EVT_CLOSE = 'close';\nconst EVT_BEFORE_CLOSE = 'before_close';\n\nWindow.EVT_RESIZE = EVT_RESIZE;\nWindow.EVT_MAXWINDOW = EVT_MAX_WINDOW;\nWindow.EVT_SHOW = EVT_SHOW;\nWindow.EVT_CLOSE = EVT_CLOSE;\nWindow.EVT_BEFORE_CLOSE = EVT_BEFORE_CLOSE;\n\nexport default Window;"],"file":"Window.js"}
|
package/lib/WindowGroup.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
/* @clake/react-bootstrap4-window
|
|
1
|
+
/* @clake/react-bootstrap4-window v1.0.1 | by Clake
|
|
2
2
|
* Copyright (c) 2024 Clake,
|
|
3
|
-
* 2024-03-
|
|
3
|
+
* 2024-03-28T11:03:43+0800
|
|
4
4
|
*/
|
|
5
5
|
"use strict";
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
9
9
|
});
|
|
10
|
-
exports["default"] = void 0;
|
|
10
|
+
exports["default"] = exports.WindowGroup = void 0;
|
|
11
11
|
|
|
12
12
|
var _react = _interopRequireDefault(require("react"));
|
|
13
13
|
|
|
@@ -23,17 +23,19 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
|
|
|
23
23
|
|
|
24
24
|
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
|
25
25
|
|
|
26
|
-
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
27
|
-
|
|
28
26
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
29
27
|
|
|
28
|
+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
29
|
+
|
|
30
30
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
31
31
|
|
|
32
32
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
33
33
|
|
|
34
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
35
|
+
|
|
34
36
|
var defIndex = 100;
|
|
35
37
|
|
|
36
|
-
var WindowGroup =
|
|
38
|
+
var WindowGroup = exports.WindowGroup =
|
|
37
39
|
/*#__PURE__*/
|
|
38
40
|
function (_React$Component) {
|
|
39
41
|
_inherits(WindowGroup, _React$Component);
|
|
@@ -44,6 +46,15 @@ function (_React$Component) {
|
|
|
44
46
|
_classCallCheck(this, WindowGroup);
|
|
45
47
|
|
|
46
48
|
_this = _possibleConstructorReturn(this, _getPrototypeOf(WindowGroup).call(this, props));
|
|
49
|
+
|
|
50
|
+
_defineProperty(_assertThisInitialized(_this), "windows", void 0);
|
|
51
|
+
|
|
52
|
+
_defineProperty(_assertThisInitialized(_this), "opens", void 0);
|
|
53
|
+
|
|
54
|
+
_defineProperty(_assertThisInitialized(_this), "windowList", void 0);
|
|
55
|
+
|
|
56
|
+
_defineProperty(_assertThisInitialized(_this), "currentActive", void 0);
|
|
57
|
+
|
|
47
58
|
_this.state = {
|
|
48
59
|
showWindows: []
|
|
49
60
|
}; //ref window components
|
|
@@ -54,7 +65,7 @@ function (_React$Component) {
|
|
|
54
65
|
|
|
55
66
|
_this.windowList = {}; //current active window
|
|
56
67
|
|
|
57
|
-
_this.currentActive =
|
|
68
|
+
_this.currentActive = '';
|
|
58
69
|
|
|
59
70
|
_react["default"].Children.map(_this.props.children, function (item) {
|
|
60
71
|
_this.windowList[item.props.name] = item;
|
|
@@ -184,8 +195,5 @@ function (_React$Component) {
|
|
|
184
195
|
return WindowGroup;
|
|
185
196
|
}(_react["default"].Component);
|
|
186
197
|
|
|
187
|
-
|
|
188
|
-
WindowGroup.defaultProps = {};
|
|
189
|
-
var _default = WindowGroup;
|
|
190
|
-
exports["default"] = _default;
|
|
198
|
+
var _default = exports["default"] = WindowGroup;
|
|
191
199
|
//# sourceMappingURL=WindowGroup.js.map
|
package/lib/WindowGroup.js.map
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/* @clake/react-bootstrap4-window
|
|
1
|
+
/* @clake/react-bootstrap4-window v1.0.1 | by Clake
|
|
2
2
|
* Copyright (c) 2024 Clake,
|
|
3
|
-
* 2024-03-
|
|
3
|
+
* 2024-03-28T11:03:43+0800
|
|
4
4
|
*/
|
|
5
|
-
{"version":3,"sources":["WindowGroup.
|
|
5
|
+
{"version":3,"sources":["WindowGroup.tsx"],"names":["defIndex","WindowGroup","props","state","showWindows","windows","opens","windowList","currentActive","React","Children","map","children","item","name","params","setActive","indexOf","changeWindowIndex","show","push","setState","option","x","length","y","splice","forEach","key","index","setIndex","close","parent","ref","c","cloneElement","Component"],"mappings":";;;;;;;AACA;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,QAAQ,GAAG,GAAjB;;IAUaC,W;;;;;AAKT,uBAAYC,KAAZ,EAAuB;AAAA;;AAAA;;AACnB,qFAAMA,KAAN;;AADmB;;AAAA;;AAAA;;AAAA;;AAGnB,UAAKC,KAAL,GAAa;AACTC,MAAAA,WAAW,EAAC;AADH,KAAb,CAHmB,CAMnB;;AACA,UAAKC,OAAL,GAAe,EAAf,CAPmB,CAQnB;;AACA,UAAKC,KAAL,GAAa,EAAb,CATmB,CAUnB;;AACA,UAAKC,UAAL,GAAkB,EAAlB,CAXmB,CAYnB;;AACA,UAAKC,aAAL,GAAqB,EAArB;;AAEAC,sBAAMC,QAAN,CAAeC,GAAf,CAAmB,MAAKT,KAAL,CAAWU,QAA9B,EAAuC,UAACC,IAAD,EAAQ;AAC3C,YAAKN,UAAL,CAAgBM,IAAI,CAACX,KAAL,CAAWY,IAA3B,IAAmCD,IAAnC;AACH,KAFD;;AAfmB;AAkBtB;;;;wCAEmB,CAEnB;AAED;;;;;;;;yBAKKC,I,EAAYC,M,EAAY;AAAA;;AACzB,UAAI,KAAKP,aAAT,EAAwB;AACpB,aAAKH,OAAL,CAAa,KAAKG,aAAlB,EAAiCQ,SAAjC,CAA2C,KAA3C;AACA,aAAKR,aAAL,GAAqBM,IAArB;AACH;;AACD,UAAI,KAAKR,KAAL,CAAWW,OAAX,CAAmBH,IAAnB,MAA6B,CAAC,CAAlC,EAAqC;AACjC,aAAKI,iBAAL,CAAuBJ,IAAvB;AACA,aAAKT,OAAL,CAAaS,IAAb,EAAmBK,IAAnB,CAAwB;AACpBJ,UAAAA,MAAM,EAACA;AADa,SAAxB;AAGA;AACH;;AAED,UAAI,KAAKR,UAAL,CAAgBO,IAAhB,CAAJ,EAA2B;AACvB,YAAI,KAAKX,KAAL,CAAWC,WAAX,CAAuBa,OAAvB,CAA+BH,IAA/B,MAAyC,CAAC,CAA9C,EAAiD;AAC7C,eAAKK,IAAL,CAAUL,IAAV,EAAeC,MAAf;AACA;AACH;;AACD,YAAIX,WAAW,GAAG,KAAKD,KAAL,CAAWC,WAA7B;AACAA,QAAAA,WAAW,CAACgB,IAAZ,CAAiBN,IAAjB;AACA,aAAKO,QAAL,CAAc;AACVjB,UAAAA,WAAW,EAAEA;AADH,SAAd,EAEE,YAAI;AACF,UAAA,MAAI,CAACe,IAAL,CAAUL,IAAV,EAAeC,MAAf;AACH,SAJD;AAKH;AACJ;;;yBAEID,I,EAAYC,M,EAAY;AACzB,UAAIO,MAAM,GAAG;AACTC,QAAAA,CAAC,EAAC,KAAKjB,KAAL,CAAWkB,MAAX,GAAkB,EAAlB,GAAqB,EADd;AAETC,QAAAA,CAAC,EAAC,KAAKnB,KAAL,CAAWkB,MAAX,GAAkB,EAAlB,GAAqB,EAFd;AAGTT,QAAAA,MAAM,EAACA;AAHE,OAAb;AAKA,WAAKV,OAAL,CAAaS,IAAb,EAAmBK,IAAnB,CAAwBG,MAAxB;AACA,WAAKhB,KAAL,CAAWc,IAAX,CAAgBN,IAAhB;AACA,WAAKI,iBAAL,CAAuBJ,IAAvB;AACH;;;sCAEiBA,I,EAAa;AAAA;;AAC3B,UAAI,KAAKN,aAAT,EAAwB;AACpB,aAAKH,OAAL,CAAa,KAAKG,aAAlB,EAAiCQ,SAAjC,CAA2C,KAA3C;AACA,aAAKR,aAAL,GAAqBM,IAArB;AACH;;AACD,WAAKR,KAAL,CAAWoB,MAAX,CAAkB,KAAKpB,KAAL,CAAWW,OAAX,CAAmBH,IAAnB,CAAlB,EAA2C,CAA3C;AACA,WAAKR,KAAL,CAAWc,IAAX,CAAgBN,IAAhB;AACA,WAAKR,KAAL,CAAWqB,OAAX,CAAmB,UAACC,GAAD,EAAKC,KAAL,EAAa;AAC5B,QAAA,MAAI,CAACxB,OAAL,CAAauB,GAAb,EAAkBZ,SAAlB,CAA4BY,GAAG,KAAKd,IAApC;;AACA,QAAA,MAAI,CAACT,OAAL,CAAauB,GAAb,EAAkBE,QAAlB,CAA2B9B,QAAQ,GAAC6B,KAApC;AACH,OAHD;AAIH;;;sCAEiBf,I,EAAa;AAAA;;AAC3B,WAAKR,KAAL,CAAWoB,MAAX,CAAkB,KAAKpB,KAAL,CAAWW,OAAX,CAAmBH,IAAnB,CAAlB,EAA2C,CAA3C;AACA,WAAKR,KAAL,CAAWqB,OAAX,CAAmB,UAACC,GAAD,EAAKC,KAAL,EAAa;AAC5B,QAAA,MAAI,CAACxB,OAAL,CAAauB,GAAb,EAAkBE,QAAlB,CAA2B9B,QAAQ,GAAC6B,KAApC;AACH,OAFD,EAF2B,CAK3B;AACA;AACA;AACA;AACA;AACH;;;0BAEKf,I,EAAa;AACf,UAAI,KAAKT,OAAL,CAAaS,IAAb,CAAJ,EAAwB;AACpB,aAAKT,OAAL,CAAaS,IAAb,EAAmBiB,KAAnB;AACH;AACJ;;;6BAEQ;AAAA;;AACL,aAAO,KAAK5B,KAAL,CAAWC,WAAX,CAAuBO,GAAvB,CAA2B,UAACG,IAAD,EAAQ;AACtC,YAAID,IAAI,GAAG,MAAI,CAACN,UAAL,CAAgBO,IAAhB,CAAX;AACAD,QAAAA,IAAI,CAACX,KAAL,CAAW8B,MAAX,GAAoB,MAApB;;AACAnB,QAAAA,IAAI,CAACX,KAAL,CAAW+B,GAAX,GAAiB,UAACC,CAAD;AAAA,iBAAS,MAAI,CAAC7B,OAAL,CAAaS,IAAb,IAAmBoB,CAA5B;AAAA,SAAjB;;AACA,eAAOzB,kBAAM0B,YAAN,CAAmBtB,IAAnB,EAAwBA,IAAI,CAACX,KAA7B,CAAP;AACH,OALM,CAAP;AAMH,K,CAED;AACA;AACA;AACA;AACA;AACA;AACA;;;;;EAvH6BO,kBAAM2B,S;;oCA0HxBnC,W","sourcesContent":["import { ComponentProps } from '@clake/react-bootstrap4';\nimport React from 'react';\n\nconst defIndex = 100;\n\ninterface Props extends ComponentProps {\n \n}\n\ninterface State {\n showWindows:any[]\n}\n\nexport class WindowGroup extends React.Component<Props,State> {\n windows:any\n opens:string[]\n windowList:any\n currentActive:string\n constructor(props:any) {\n super(props);\n\n this.state = {\n showWindows:[],\n };\n //ref window components\n this.windows = {};\n //opened window list\n this.opens = [];\n //windows\n this.windowList = {};\n //current active window\n this.currentActive = '';\n\n React.Children.map(this.props.children,(item)=>{\n this.windowList[item.props.name] = item;\n });\n }\n\n componentDidMount() {\n\n }\n\n /**\n * open window\n * @param name string\n * @param params object\n */\n open(name:string,params:any) {\n if (this.currentActive) {\n this.windows[this.currentActive].setActive(false);\n this.currentActive = name;\n }\n if (this.opens.indexOf(name) !== -1) {\n this.changeWindowIndex(name);\n this.windows[name].show({\n params:params\n });\n return;\n }\n\n if (this.windowList[name]) {\n if (this.state.showWindows.indexOf(name) !== -1) {\n this.show(name,params);\n return;\n }\n let showWindows = this.state.showWindows;\n showWindows.push(name);\n this.setState({\n showWindows: showWindows,\n },()=>{\n this.show(name,params);\n });\n }\n }\n\n show(name:string,params:any) {\n let option = {\n x:this.opens.length*20+10,\n y:this.opens.length*20+10,\n params:params\n };\n this.windows[name].show(option);\n this.opens.push(name);\n this.changeWindowIndex(name);\n }\n\n changeWindowIndex(name:string) {\n if (this.currentActive) {\n this.windows[this.currentActive].setActive(false);\n this.currentActive = name;\n }\n this.opens.splice(this.opens.indexOf(name),1);\n this.opens.push(name);\n this.opens.forEach((key,index)=>{\n this.windows[key].setActive(key === name);\n this.windows[key].setIndex(defIndex+index);\n });\n }\n\n removeWindowOpens(name:string) {\n this.opens.splice(this.opens.indexOf(name),1);\n this.opens.forEach((key,index)=>{\n this.windows[key].setIndex(defIndex+index);\n });\n // let showWindows = this.state.showWindows.slice(0);\n // showWindows.splice(showWindows.indexOf(name),1);\n // this.setState({\n // showWindows: showWindows,\n // });\n }\n\n close(name:string) {\n if (this.windows[name]) {\n this.windows[name].close();\n }\n }\n\n render() {\n return this.state.showWindows.map((name)=>{\n let item = this.windowList[name];\n item.props.parent = this;\n item.props.ref = (c:any)=>this.windows[name]=c;\n return React.cloneElement(item,item.props);\n });\n }\n\n // render() {\n // return React.Children.map(this.props.children,(item)=>{\n // item.props.parent = this;\n // item.props.ref = c=>this.windows[item.props.name]=c;\n // return React.cloneElement(item,item.props,item.props.children);\n // })\n // }\n}\n\nexport default WindowGroup;"],"file":"WindowGroup.js"}
|
package/lib/i18n/CTable.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
/* @clake/react-bootstrap4-window
|
|
1
|
+
/* @clake/react-bootstrap4-window v1.0.1 | by Clake
|
|
2
2
|
* Copyright (c) 2024 Clake,
|
|
3
|
-
* 2024-03-
|
|
3
|
+
* 2024-03-28T11:03:43+0800
|
|
4
4
|
*/
|
|
5
5
|
"use strict";
|
|
6
6
|
|
|
@@ -44,6 +44,6 @@ var CTableLang = {
|
|
|
44
44
|
"zh": zh_cn,
|
|
45
45
|
"en": en_us
|
|
46
46
|
};
|
|
47
|
-
|
|
48
|
-
exports["default"] =
|
|
47
|
+
|
|
48
|
+
var _default = exports["default"] = CTableLang;
|
|
49
49
|
//# sourceMappingURL=CTable.js.map
|
package/lib/i18n/CTable.js.map
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/* @clake/react-bootstrap4-window
|
|
1
|
+
/* @clake/react-bootstrap4-window v1.0.1 | by Clake
|
|
2
2
|
* Copyright (c) 2024 Clake,
|
|
3
|
-
* 2024-03-
|
|
3
|
+
* 2024-03-28T11:03:43+0800
|
|
4
4
|
*/
|
|
5
|
-
{"version":3,"sources":["i18n/CTable.
|
|
5
|
+
{"version":3,"sources":["i18n/CTable.ts"],"names":["zh_cn","en_us","CTableLang"],"mappings":";;;;;;AAAA,IAAMA,KAAS,GAAG;AACd,UAAO,IADO;AAEd,SAAM,IAFQ;AAGd,yBAAsB,WAHR;AAId,gCAA6B,YAJf;AAKd,yBAAsB,WALR;AAMd,gBAAa,MANC;AAOd,gBAAa,OAPC;AAQd,cAAW,OARG;AASd,kBAAe,OATD;AAUd,oBAAiB,IAVH;AAWd,qBAAkB,IAXJ;AAYd,gBAAa,KAZC;AAad,eAAY,OAbE;AAcd,sBAAmB;AAdL,CAAlB;AAiBA,IAAMC,KAAS,GAAG;AACd,UAAO,MADO;AAEd,SAAM,KAFQ;AAGd,yBAAsB,qBAHR;AAId,gCAA6B,4BAJf;AAKd,yBAAsB,qBALR;AAMd,gBAAa,YANC;AAOd,gBAAa,YAPC;AAQd,cAAW,UARG;AASd,kBAAe,cATD;AAUd,oBAAiB,gBAVH;AAWd,qBAAkB,iBAXJ;AAYd,gBAAa,YAZC;AAad,eAAY,WAbE;AAcd,sBAAmB;AAdL,CAAlB;AAiBA,IAAMC,UAAc,GAAG;AACnB,QAAKF,KADc;AAEnB,QAAKC;AAFc,CAAvB;;oCAMeC,U","sourcesContent":["const zh_cn:any = {\n \"Copy\":\"复制\",\n \"Cut\":\"剪切\",\n \"Filter By Selection\":\"显示包括选择的字符\",\n \"Filter Excluding Selection\":\"显示不包括选择的字符\",\n \"Clear Filter / Sort\":\"清除过滤 / 排序\",\n \"Equal With\":\"字符等于\",\n \"Start With\":\"字符开始于\",\n \"End With\":\"字符结束于\",\n \"Contain with\":\"字符包含于\",\n \"Sort Ascending\":\"升序\",\n \"Sort Descending\":\"降序\",\n \"Delete Row\":\"删除行\",\n \"Clone Row\":\"克隆行数据\",\n \"Condition Filter\":\"条件查询\",\n};\n\nconst en_us:any = {\n \"Copy\":\"Copy\",\n \"Cut\":\"Cut\",\n \"Filter By Selection\":\"Filter By Selection\",\n \"Filter Excluding Selection\":\"Filter Excluding Selection\",\n \"Clear Filter / Sort\":\"Clear Filter / Sort\",\n \"Equal With\":\"Equal With\",\n \"Start With\":\"Start With\",\n \"End With\":\"End With\",\n \"Contain with\":\"Contain with\",\n \"Sort Ascending\":\"Sort Ascending\",\n \"Sort Descending\":\"Sort Descending\",\n \"Delete Row\":\"Delete Row\",\n \"Clone Row\":\"Clone Row\",\n \"Condition Filter\":\"Condition Filter\",\n};\n\nconst CTableLang:any = {\n \"zh\":zh_cn,\n \"en\":en_us\n};\n\n\nexport default CTableLang;"],"file":"CTable.js"}
|
package/lib/index.js
CHANGED
|
@@ -1,52 +1,75 @@
|
|
|
1
|
-
/* @clake/react-bootstrap4-window
|
|
1
|
+
/* @clake/react-bootstrap4-window v1.0.1 | by Clake
|
|
2
2
|
* Copyright (c) 2024 Clake,
|
|
3
|
-
* 2024-03-
|
|
3
|
+
* 2024-03-28T11:03:43+0800
|
|
4
4
|
*/
|
|
5
5
|
"use strict";
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
9
9
|
});
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
Object.defineProperty(exports,
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
});
|
|
22
|
-
Object.defineProperty(exports, "TopMenu", {
|
|
23
|
-
enumerable: true,
|
|
24
|
-
get: function get() {
|
|
25
|
-
return _TopMenu2["default"];
|
|
26
|
-
}
|
|
27
|
-
});
|
|
28
|
-
Object.defineProperty(exports, "CTable", {
|
|
29
|
-
enumerable: true,
|
|
30
|
-
get: function get() {
|
|
31
|
-
return _CTable2["default"];
|
|
32
|
-
}
|
|
10
|
+
|
|
11
|
+
var _Window = require("./Window");
|
|
12
|
+
|
|
13
|
+
Object.keys(_Window).forEach(function (key) {
|
|
14
|
+
if (key === "default" || key === "__esModule") return;
|
|
15
|
+
if (key in exports && exports[key] === _Window[key]) return;
|
|
16
|
+
Object.defineProperty(exports, key, {
|
|
17
|
+
enumerable: true,
|
|
18
|
+
get: function get() {
|
|
19
|
+
return _Window[key];
|
|
20
|
+
}
|
|
21
|
+
});
|
|
33
22
|
});
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
23
|
+
|
|
24
|
+
var _WindowGroup = require("./WindowGroup");
|
|
25
|
+
|
|
26
|
+
Object.keys(_WindowGroup).forEach(function (key) {
|
|
27
|
+
if (key === "default" || key === "__esModule") return;
|
|
28
|
+
if (key in exports && exports[key] === _WindowGroup[key]) return;
|
|
29
|
+
Object.defineProperty(exports, key, {
|
|
30
|
+
enumerable: true,
|
|
31
|
+
get: function get() {
|
|
32
|
+
return _WindowGroup[key];
|
|
33
|
+
}
|
|
34
|
+
});
|
|
39
35
|
});
|
|
40
36
|
|
|
41
|
-
var
|
|
37
|
+
var _TopMenu = require("./TopMenu");
|
|
42
38
|
|
|
43
|
-
|
|
39
|
+
Object.keys(_TopMenu).forEach(function (key) {
|
|
40
|
+
if (key === "default" || key === "__esModule") return;
|
|
41
|
+
if (key in exports && exports[key] === _TopMenu[key]) return;
|
|
42
|
+
Object.defineProperty(exports, key, {
|
|
43
|
+
enumerable: true,
|
|
44
|
+
get: function get() {
|
|
45
|
+
return _TopMenu[key];
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
});
|
|
44
49
|
|
|
45
|
-
var
|
|
50
|
+
var _CTable = require("./CTable");
|
|
46
51
|
|
|
47
|
-
|
|
52
|
+
Object.keys(_CTable).forEach(function (key) {
|
|
53
|
+
if (key === "default" || key === "__esModule") return;
|
|
54
|
+
if (key in exports && exports[key] === _CTable[key]) return;
|
|
55
|
+
Object.defineProperty(exports, key, {
|
|
56
|
+
enumerable: true,
|
|
57
|
+
get: function get() {
|
|
58
|
+
return _CTable[key];
|
|
59
|
+
}
|
|
60
|
+
});
|
|
61
|
+
});
|
|
48
62
|
|
|
49
|
-
var
|
|
63
|
+
var _WModal = require("./WModal");
|
|
50
64
|
|
|
51
|
-
function
|
|
65
|
+
Object.keys(_WModal).forEach(function (key) {
|
|
66
|
+
if (key === "default" || key === "__esModule") return;
|
|
67
|
+
if (key in exports && exports[key] === _WModal[key]) return;
|
|
68
|
+
Object.defineProperty(exports, key, {
|
|
69
|
+
enumerable: true,
|
|
70
|
+
get: function get() {
|
|
71
|
+
return _WModal[key];
|
|
72
|
+
}
|
|
73
|
+
});
|
|
74
|
+
});
|
|
52
75
|
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/* @clake/react-bootstrap4-window
|
|
1
|
+
/* @clake/react-bootstrap4-window v1.0.1 | by Clake
|
|
2
2
|
* Copyright (c) 2024 Clake,
|
|
3
|
-
* 2024-03-
|
|
3
|
+
* 2024-03-28T11:03:43+0800
|
|
4
4
|
*/
|
|
5
|
-
{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"index.js"}
|
|
5
|
+
{"version":3,"sources":["index.js"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from './Window';\nexport * from './WindowGroup';\nexport * from './TopMenu';\nexport * from './CTable';\nexport * from './WModal';"],"file":"index.js"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"gulpfile.babel.d.ts","sourceRoot":"","sources":["../../gulpfile.babel.js"],"names":[],"mappings":""}
|