@clake/react-bootstrap4-window 0.7.7 → 1.0.1

package/lib/CTableInput.js

@@ -1,6 +1,6 @@
-/* @clake/react-bootstrap4-window v0.7.7 | by Clake
+/* @clake/react-bootstrap4-window v1.0.1 | by Clake
  * Copyright (c) 2024 Clake,
- * 2024-03-18T14:45:06+0800
+ * 2024-03-28T11:03:43+0800
  */
 "use strict";
 
@@ -11,9 +11,7 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _bind = _interopRequireDefault(require("classnames/bind"));
+var _classnames = _interopRequireDefault(require("classnames"));
 
 require("./css/CTableInput.less");
 
@@ -59,6 +57,12 @@ function (_React$Component) {
 
     _this = _possibleConstructorReturn(this, _getPrototypeOf(CTableInput).call(this, props));
 
+    _defineProperty(_assertThisInitialized(_this), "input", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "calendar", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "combo", void 0);
+
     _defineProperty(_assertThisInitialized(_this), "changeHandler", function (e) {
       _this.setState({
         value: e.target.value
@@ -78,14 +82,14 @@ function (_React$Component) {
       if (_this.calendar && !_this.state.value) {
         _this.calendar.setCurrentDate(new Date());
 
-        var val = _this.calendar.format();
+        var _val = _this.calendar.format();
 
         _this.setState({
-          value: val
+          value: _val
         });
 
         if (typeof _this.props.onChange === 'function') {
-          _this.props.onChange(e, val);
+          _this.props.onChange(e, _val);
         }
 
         _this.calendar.hide();
@@ -144,8 +148,8 @@ function (_React$Component) {
       }
     }
   }, {
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(nextProps) {
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(nextProps) {
       this.setState({
         value: this.parseValue(nextProps.data),
         // value: nextProps.value || '',
@@ -178,7 +182,7 @@ function (_React$Component) {
     key: "getClasses",
     value: function getClasses() {
       var base = 'ck-ctable-input';
-      return (0, _bind["default"])(base, this.props.className);
+      return (0, _classnames["default"])(base, this.props.className);
     }
   }, {
     key: "render",
@@ -205,9 +209,11 @@ function (_React$Component) {
         },
         type: "text"
       }, this.props, {
+        size: undefined,
         onChange: this.changeHandler,
         onDoubleClick: this.dblHandler,
         disabled: this.props.disabled,
+        onFocus: this.props.onFocus,
         style: inputStyle,
         className: inputClasses,
         value: this.state.value
@@ -276,17 +282,5 @@ function (_React$Component) {
   return CTableInput;
 }(_react["default"].Component);
 
-CTableInput.propTypes = {
-  data: _propTypes["default"].any,
-  align: _propTypes["default"].string,
-  disabled: _propTypes["default"].bool,
-  combo: _propTypes["default"].object,
-  comboData: _propTypes["default"].any,
-  calendar: _propTypes["default"].object,
-  onChange: _propTypes["default"].func,
-  onSelect: _propTypes["default"].func
-};
-CTableInput.defaultProps = {};
-var _default = CTableInput;
-exports["default"] = _default;
+var _default = exports["default"] = CTableInput;
 //# sourceMappingURL=CTableInput.js.map

package/lib/CTableInput.js.map

@@ -1,5 +1,5 @@
-/* @clake/react-bootstrap4-window v0.7.7 | by Clake
+/* @clake/react-bootstrap4-window v1.0.1 | by Clake
  * Copyright (c) 2024 Clake,
- * 2024-03-18T14:45:06+0800
+ * 2024-03-28T11:03:43+0800
  */
-{"version":3,"sources":["CTableInput.js"],"names":["CTableInput","props","e","setState","value","target","onChange","combo","filter","calendar","state","setCurrentDate","Date","val","format","hide","row","parseValue","data","comboData","input","addEventListener","show","stopPropagation","nextProps","nextState","disabled","undefined","base","className","inputStyle","align","textAlign","inputClasses","getClasses","c","changeHandler","dblHandler","renderCombo","renderCalendar","input_icon","readOnly","selectHandler","focus","calendarSelectHandler","calendarFormat","React","Component","propTypes","PropTypes","any","string","bool","object","func","onSelect","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames/bind';\nimport './css/CTableInput.less';\nimport {\n    i18n,\n    Icon\n} from '@clake/react-bootstrap4';\nimport WCombo from \"./WCombo\";\nimport WCalendar from './WCalendar';\nclass CTableInput extends React.Component {\n    constructor(props) {\n        super(props);\n        this.state={\n            value:this.parseValue(this.props.data),\n            // value: this.props.data || '',\n            comboData:this.props.comboData\n        };\n    }\n\n    componentDidMount(){\n        if (this.props.calendar) {\n            this.input.addEventListener('focus', (e) => {\n                this.calendar.show(e);\n            }, false);\n            this.input.addEventListener('mousedown', (e) => {\n                e.stopPropagation();\n            }, false);\n        }\n        if (this.props.combo) {\n            this.input.addEventListener('focus', (e) => {\n                this.combo.show(this.state.value,e);\n            }, false);\n            this.input.addEventListener('mousedown', (e) => {\n                e.stopPropagation();\n            }, false);\n        }\n    }\n\n    componentWillReceiveProps(nextProps) {\n        this.setState({\n            value: this.parseValue(nextProps.data),\n            // value: nextProps.value || '',\n            comboData: nextProps.comboData\n        });\n    }\n\n    shouldComponentUpdate(nextProps, nextState) {\n        if (nextProps.comboData !== this.props.comboData) {\n            return true;\n        }\n        if (nextProps.disabled !== this.props.disabled) {\n            return true\n        }\n        return nextState.value !== this.state.value;\n    }\n\n    parseValue(val) {\n        if (val === null || val === undefined) {\n            return \"\";\n        } else {\n            return '' + val;\n        }\n    }\n\n    getClasses() {\n        let base = 'ck-ctable-input';\n\n        return classNames(base,this.props.className);\n    }\n\n    changeHandler = (e) => {\n        this.setState({\n            value: e.target.value\n        });\n        // console.log(e.target,e.currentTarget)\n        if (typeof this.props.onChange === 'function') {\n            this.props.onChange(e,e.target.value);\n        }\n        if (this.combo) {\n            this.combo.filter(e.target.value);\n        }\n    };\n\n    dblHandler = (e)=> {\n        if (this.calendar && !this.state.value) {\n            this.calendar.setCurrentDate(new Date());\n            let val = this.calendar.format()\n            this.setState({value:val})\n            if (typeof this.props.onChange === 'function') {\n                this.props.onChange(e,val);\n            }\n            this.calendar.hide();\n        }\n    };\n\n    selectHandler = (val,row,e)=>{\n        this.setState({\n            value:val\n        });\n        if (typeof this.props.onChange === 'function') {\n            this.props.onChange(e,val,row);\n        }\n    };\n\n    calendarSelectHandler = (val,e)=>{\n        this.setState({\n            value:val\n        });\n        if (typeof this.props.onChange === 'function') {\n            this.props.onChange(e,val);\n        }\n    };\n\n    render() {\n        let inputStyle = {};\n        if (this.props.align) {\n            inputStyle.textAlign = this.props.align;\n        }\n        let inputClasses = '';\n        if (this.props.combo || this.props.calendar) {\n            inputClasses = 'right-icon';\n        }\n        return (\n            <div className={this.getClasses()}>\n                <input ref={c=>this.input=c} type='text' {...this.props}\n                       onChange={this.changeHandler}\n                       onDoubleClick={this.dblHandler}\n                       disabled={this.props.disabled}\n                       style={inputStyle}\n                       className={inputClasses}\n                       value={this.state.value}/>\n                {this.renderCombo()}\n                {this.renderCalendar()}\n            </div>\n        );\n    }\n\n    renderCombo() {\n        if (!this.props.combo) {\n            return null;\n        }\n        let input_icon = 'ck-wcombo-icon';\n        return (\n            <div className='ck-input-calendar'>\n                <WCombo ref={c => this.combo = c} combo={this.props.combo}\n                       data={this.state.comboData} noSearch={this.props.readOnly}\n                       onSelect={this.selectHandler}/>\n                <div className={input_icon} onClick={() => {\n                    this.input.focus();\n                }}><Icon icon='angle-down'/></div>\n            </div>\n        )\n    }\n\n    renderCalendar() {\n        if (!this.props.calendar) {\n            return null;\n        }\n        let input_icon = 'ck-wcalendar-icon';\n        return (\n            <div className='ck-input-calendar'>\n                <WCalendar ref={c => this.calendar = c} onSelect={this.calendarSelectHandler}\n                           value={this.state.value}\n                           format={this.props.calendarFormat}/>\n                <div className={input_icon} onClick={() => {\n                    this.input.focus();\n                }}><Icon iconType='regular' icon='calendar-alt'/></div>\n            </div>\n        )\n    }\n}\n\nCTableInput.propTypes = {\n    data: PropTypes.any,\n    align: PropTypes.string,\n    disabled: PropTypes.bool,\n    combo: PropTypes.object,\n    comboData: PropTypes.any,\n    calendar: PropTypes.object,\n    onChange: PropTypes.func,\n    onSelect: PropTypes.func,\n};\n\nCTableInput.defaultProps = {\n\n};\n\nexport default CTableInput;"],"file":"CTableInput.js"}
+{"version":3,"sources":["CTableInput.tsx"],"names":["CTableInput","props","e","setState","value","target","onChange","combo","filter","calendar","state","setCurrentDate","Date","val","format","hide","row","parseValue","data","comboData","input","addEventListener","show","stopPropagation","nextProps","nextState","disabled","undefined","base","className","inputStyle","align","textAlign","inputClasses","getClasses","c","changeHandler","dblHandler","onFocus","renderCombo","renderCalendar","input_icon","readOnly","selectHandler","focus","calendarSelectHandler","calendarFormat","React","Component"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport './css/CTableInput.less';\nimport {\n    Calendar,\n    Combo,\n    ComponentProps,\n    i18n,\n    Icon\n} from '@clake/react-bootstrap4';\nimport WCombo from \"./WCombo\";\nimport WCalendar from './WCalendar';\n\ninterface Props extends ComponentProps {\n    data?: any\n    align?: string\n    disabled?: boolean\n    combo?: any\n    comboData?: any\n    calendar?: any\n    onChange?: (evt:any,val:any,row?:any)=>void\n    onSelect?: ()=>void\n    onFocus?: (e:any)=>void\n    onBlur?:(e:any)=>void\n    readOnly?: boolean\n    calendarFormat?: string\n}\n\ninterface State {\n    value: string\n    comboData:any\n}\n\nclass CTableInput extends React.Component<Props,State> {\n    input: HTMLInputElement\n    calendar:Calendar\n    combo: Combo\n    constructor(props:any) {\n        super(props);\n        this.state={\n            value:this.parseValue(this.props.data),\n            // value: this.props.data || '',\n            comboData:this.props.comboData\n        };\n    }\n\n    componentDidMount(){\n        if (this.props.calendar) {\n            this.input.addEventListener('focus', (e:any) => {\n                this.calendar.show(e);\n            }, false);\n            this.input.addEventListener('mousedown', (e:any) => {\n                e.stopPropagation();\n            }, false);\n        }\n        if (this.props.combo) {\n            this.input.addEventListener('focus', (e:any) => {\n                this.combo.show(this.state.value,e);\n            }, false);\n            this.input.addEventListener('mousedown', (e) => {\n                e.stopPropagation();\n            }, false);\n        }\n    }\n\n    UNSAFE_componentWillReceiveProps(nextProps:Props) {\n        this.setState({\n            value: this.parseValue(nextProps.data),\n            // value: nextProps.value || '',\n            comboData: nextProps.comboData\n        });\n    }\n\n    shouldComponentUpdate(nextProps:Props, nextState:State) {\n        if (nextProps.comboData !== this.props.comboData) {\n            return true;\n        }\n        if (nextProps.disabled !== this.props.disabled) {\n            return true\n        }\n        return nextState.value !== this.state.value;\n    }\n\n    parseValue(val:any) {\n        if (val === null || val === undefined) {\n            return \"\";\n        } else {\n            return '' + val;\n        }\n    }\n\n    getClasses() {\n        let base = 'ck-ctable-input';\n\n        return classNames(base,this.props.className);\n    }\n\n    changeHandler = (e:any) => {\n        this.setState({\n            value: e.target.value\n        });\n        // console.log(e.target,e.currentTarget)\n        if (typeof this.props.onChange === 'function') {\n            this.props.onChange(e,e.target.value);\n        }\n        if (this.combo) {\n            this.combo.filter(e.target.value);\n        }\n    };\n\n    dblHandler = (e:any)=> {\n        if (this.calendar && !this.state.value) {\n            this.calendar.setCurrentDate(new Date());\n            let val = this.calendar.format()\n            this.setState({value:val})\n            if (typeof this.props.onChange === 'function') {\n                this.props.onChange(e,val);\n            }\n            this.calendar.hide();\n        }\n    };\n\n    selectHandler = (val:any,row:any,e:any)=>{\n        this.setState({\n            value:val\n        });\n        if (typeof this.props.onChange === 'function') {\n            this.props.onChange(e,val,row);\n        }\n    };\n\n    calendarSelectHandler = (val:any,e:any)=>{\n        this.setState({\n            value:val\n        });\n        if (typeof this.props.onChange === 'function') {\n            this.props.onChange(e,val);\n        }\n    };\n\n    render() {\n        let inputStyle:any = {};\n        if (this.props.align) {\n            inputStyle.textAlign = this.props.align;\n        }\n        let inputClasses = '';\n        if (this.props.combo || this.props.calendar) {\n            inputClasses = 'right-icon';\n        }\n        return (\n            <div className={this.getClasses()}>\n                <input ref={(c:any)=>this.input=c} type='text' {...this.props} size={undefined}\n                       onChange={this.changeHandler}\n                       onDoubleClick={this.dblHandler}\n                       disabled={this.props.disabled}\n                       onFocus={this.props.onFocus}\n                       style={inputStyle}\n                       className={inputClasses}\n                       value={this.state.value}/>\n                {this.renderCombo()}\n                {this.renderCalendar()}\n            </div>\n        );\n    }\n\n    renderCombo() {\n        if (!this.props.combo) {\n            return null;\n        }\n        let input_icon = 'ck-wcombo-icon';\n        return (\n            <div className='ck-input-calendar'>\n                <WCombo ref={(c:any) => this.combo = c} combo={this.props.combo}\n                       data={this.state.comboData} noSearch={this.props.readOnly}\n                       onSelect={this.selectHandler}/>\n                <div className={input_icon} onClick={() => {\n                    this.input.focus();\n                }}><Icon icon='angle-down'/></div>\n            </div>\n        )\n    }\n\n    renderCalendar() {\n        if (!this.props.calendar) {\n            return null;\n        }\n        let input_icon = 'ck-wcalendar-icon';\n        return (\n            <div className='ck-input-calendar'>\n                <WCalendar ref={(c:any) => this.calendar = c} onSelect={this.calendarSelectHandler}\n                           value={this.state.value}\n                           format={this.props.calendarFormat}/>\n                <div className={input_icon} onClick={() => {\n                    this.input.focus();\n                }}><Icon iconType='regular' icon='calendar-alt'/></div>\n            </div>\n        )\n    }\n}\n\nexport default CTableInput;"],"file":"CTableInput.js"}

package/lib/Drag.js

@@ -1,13 +1,13 @@
-/* @clake/react-bootstrap4-window v0.7.7 | by Clake
+/* @clake/react-bootstrap4-window v1.0.1 | by Clake
  * Copyright (c) 2024 Clake,
- * 2024-03-18T14:45:06+0800
+ * 2024-03-28T11:03:43+0800
  */
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.Drag = void 0;
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -27,7 +27,7 @@ var move = {
   y: 0
 };
 
-var Drag =
+var Drag = exports.Drag =
 /*#__PURE__*/
 function () {
   /**
@@ -41,17 +41,41 @@ function () {
 
     _classCallCheck(this, Drag);
 
+    _defineProperty(this, "dragX", 0);
+
+    _defineProperty(this, "dragY", 0);
+
+    _defineProperty(this, "domX", 0);
+
+    _defineProperty(this, "domY", 0);
+
+    _defineProperty(this, "x", 0);
+
+    _defineProperty(this, "y", 0);
+
+    _defineProperty(this, "dragDom", void 0);
+
+    _defineProperty(this, "eventDom", void 0);
+
+    _defineProperty(this, "_evtStart", void 0);
+
+    _defineProperty(this, "_evtMove", void 0);
+
+    _defineProperty(this, "_evtEnd", void 0);
+
     _defineProperty(this, "beginDrag", function (e) {
       if (e.button !== 0) {
         return false;
       }
 
-      _this.eventDom = e.currentTarget; // e.preventDefault();
+      _this.eventDom = e === null || e === void 0 ? void 0 : e.currentTarget; // e.preventDefault();
 
       window.addEventListener('mousemove', _this.startMove, false);
     });
 
     _defineProperty(this, "startMove", function (e) {
+      var _ref, _this$dragDom, _ref2, _this$dragDom2;
+
       if (e.buttons !== 1) {
         window.removeEventListener('mousemove', _this.startMove, false);
         return false;
@@ -63,17 +87,17 @@ function () {
         return false;
       }
 
-      _this.domX = parseInt(_this.dragDom.style.left);
-      _this.domY = parseInt(_this.dragDom.style.top);
-      _this.dragX = parseInt(e.pageX);
-      _this.dragY = parseInt(e.pageY);
+      _this.domX = parseInt((_ref = (_this$dragDom = _this.dragDom) === null || _this$dragDom === void 0 ? void 0 : _this$dragDom.style.left) !== null && _ref !== void 0 ? _ref : '0');
+      _this.domY = parseInt((_ref2 = (_this$dragDom2 = _this.dragDom) === null || _this$dragDom2 === void 0 ? void 0 : _this$dragDom2.style.top) !== null && _ref2 !== void 0 ? _ref2 : '0');
+      _this.dragX = e.pageX;
+      _this.dragY = e.pageY;
       window.addEventListener('mousemove', _this.moveDrag, false);
       window.addEventListener('mouseup', _this.overDrag, false);
     });
 
     _defineProperty(this, "moveDrag", function (e) {
-      move.x = _this.domX + (parseInt(e.pageX) - _this.dragX);
-      move.y = _this.domY + (parseInt(e.pageY) - _this.dragY);
+      move.x = _this.domX + (e.pageX - _this.dragX);
+      move.y = _this.domY + (e.pageY - _this.dragY);
 
       if (typeof _this._evtMove === "function") {
         _this._evtMove(move, _this.dragDom, _this.eventDom, e);
@@ -90,15 +114,9 @@ function () {
       _this._evtEnd(_this.dragDom, _this.eventDom, e);
     });
 
-    this.dragX = 0;
-    this.dragY = 0;
-    this.domX = 0;
-    this.domY = 0;
-    this.x = 0;
-    this.y = 0;
     this.setDragDom(dragDom);
     this.setEventDom(eventDom);
-    this.initEvents(events || {});
+    this.initEvents(events);
   }
 
   _createClass(Drag, [{
@@ -107,7 +125,13 @@ function () {
       if (dragDom instanceof HTMLElement) {
         this.dragDom = dragDom;
       } else if (typeof dragDom === "string") {
-        this.dragDom = document.querySelector(dragDom);
+        var dom = document.querySelector(dragDom);
+
+        if (!dom) {
+          throw "dragDom must be selector string or HTMLElement object";
+        }
+
+        this.dragDom = dom;
       } else {
         throw "dragDom must be selector string or HTMLElement object";
       }
@@ -118,7 +142,13 @@ function () {
       if (eventDom instanceof HTMLElement) {
         this.eventDom = eventDom;
       } else if (typeof eventDom === 'string') {
-        this.eventDom = document.querySelector(eventDom);
+        var dom = document.querySelector(eventDom);
+
+        if (!dom) {
+          this.eventDom = this.dragDom;
+        }
+
+        this.eventDom = dom;
       } else {
         this.eventDom = this.dragDom;
       }
@@ -128,28 +158,34 @@ function () {
   }, {
     key: "initEvents",
     value: function initEvents(events) {
-      this._evtStart = events.start || defaultEvent;
-      this._evtMove = events.move || null;
-      this._evtEnd = events.end || defaultEvent;
+      var _events$start, _events$move, _events$end;
+
+      this._evtStart = (_events$start = events.start) !== null && _events$start !== void 0 ? _events$start : defaultEvent;
+      this._evtMove = (_events$move = events.move) !== null && _events$move !== void 0 ? _events$move : undefined;
+      this._evtEnd = (_events$end = events.end) !== null && _events$end !== void 0 ? _events$end : defaultEvent;
     }
   }, {
     key: "bindEvents",
     value: function bindEvents() {
-      this.eventDom.addEventListener("mousedown", this.beginDrag, false);
+      var _this$eventDom;
+
+      (_this$eventDom = this.eventDom) === null || _this$eventDom === void 0 ? void 0 : _this$eventDom.addEventListener("mousedown", this.beginDrag, false);
     }
   }, {
     key: "unbind",
     value: function unbind() {
-      this.eventDom.removeEventListener('mousedown', this.beginDrag);
+      var _this$eventDom2;
+
+      (_this$eventDom2 = this.eventDom) === null || _this$eventDom2 === void 0 ? void 0 : _this$eventDom2.removeEventListener('mousedown', this.beginDrag);
     }
   }]);
 
   return Drag;
 }();
 
-exports["default"] = Drag;
-
 function defaultEvent() {
   return true;
 }
+
+var _default = exports["default"] = Drag;
 //# sourceMappingURL=Drag.js.map

package/lib/Drag.js.map

@@ -1,5 +1,5 @@
-/* @clake/react-bootstrap4-window v0.7.7 | by Clake
+/* @clake/react-bootstrap4-window v1.0.1 | by Clake
  * Copyright (c) 2024 Clake,
- * 2024-03-18T14:45:06+0800
+ * 2024-03-28T11:03:43+0800
  */
-{"version":3,"sources":["Drag.js"],"names":["move","x","y","Drag","dragDom","eventDom","events","e","button","currentTarget","window","addEventListener","startMove","buttons","removeEventListener","_evtStart","domX","parseInt","style","left","domY","top","dragX","pageX","dragY","pageY","moveDrag","overDrag","_evtMove","_evtEnd","setDragDom","setEventDom","initEvents","HTMLElement","document","querySelector","bindEvents","start","defaultEvent","end","beginDrag"],"mappings":"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","sourcesContent":["/**\n * 拖动控制类\n * @author clake\n * @version 0.1\n */\n\nlet move = {\n    x:0,\n    y:0\n};\n\nexport default class Drag {\n    /**\n     * 初始化方法\n     * @param dragDom  DOMElement|string   拖动对像,可以传入DOM对像或selector字符串\n     * @param eventDom DOMElement|string   拖动事件对像,可以传入DOM对像或selector字符串\n     * @param events   object              事件对像,可选多个事件\n     */\n    constructor(dragDom, eventDom, events) {\n        this.dragX = 0;\n        this.dragY = 0;\n        this.domX  = 0;\n        this.domY  = 0;\n        this.x = 0;\n        this.y = 0;\n\n        this.setDragDom(dragDom);\n        this.setEventDom(eventDom);\n        this.initEvents(events||{});\n    }\n\n    setDragDom(dragDom) {\n        if (dragDom instanceof HTMLElement) {\n            this.dragDom = dragDom;\n        } else if (typeof dragDom === \"string\") {\n            this.dragDom = document.querySelector(dragDom);\n        } else {\n            throw \"dragDom must be selector string or HTMLElement object\";\n        }\n    }\n\n    setEventDom(eventDom) {\n        if (eventDom instanceof HTMLElement) {\n            this.eventDom = eventDom;\n        } else if (typeof eventDom === 'string') {\n            this.eventDom = document.querySelector(eventDom);\n        } else {\n            this.eventDom = this.dragDom;\n        }\n\n        this.bindEvents();\n    }\n\n    initEvents(events) {\n        this._evtStart = events.start || defaultEvent;\n        this._evtMove = events.move || null;\n        this._evtEnd = events.end || defaultEvent;\n    }\n\n    bindEvents() {\n        this.eventDom.addEventListener(\"mousedown\",this.beginDrag,false);\n    }\n\n    unbind() {\n        this.eventDom.removeEventListener('mousedown',this.beginDrag);\n    }\n\n    beginDrag = (e) => {\n        if (e.button !== 0) {\n            return false;\n        }\n        this.eventDom = e.currentTarget;\n        // e.preventDefault();\n        window.addEventListener('mousemove',this.startMove,false);\n    };\n\n    startMove = (e)=> {\n        if (e.buttons !== 1) {\n            window.removeEventListener('mousemove',this.startMove,false);\n            return false;\n        }\n        window.removeEventListener('mousemove',this.startMove,false);\n        if (!this._evtStart(this.dragDom,this.eventDom,e)) {\n            return false;\n        }\n        this.domX = parseInt(this.dragDom.style.left);\n        this.domY = parseInt(this.dragDom.style.top);\n        this.dragX = parseInt(e.pageX);\n        this.dragY = parseInt(e.pageY);\n        window.addEventListener('mousemove',this.moveDrag,false);\n        window.addEventListener('mouseup',this.overDrag,false);\n    };\n\n    moveDrag = (e)=>{\n        move.x = (this.domX + (parseInt(e.pageX) - this.dragX));\n        move.y = (this.domY + (parseInt(e.pageY) - this.dragY));\n        if (typeof this._evtMove === \"function\") {\n            this._evtMove(move,this.dragDom,this.eventDom,e)\n        }\n        this.dragDom.style.top = move.y + 'px';\n        this.dragDom.style.left = move.x + 'px';\n    };\n\n    overDrag = (e)=>{\n        window.removeEventListener('mousemove',this.moveDrag);\n        window.removeEventListener('mouseup',this.overDrag);\n        this._evtEnd(this.dragDom,this.eventDom,e);\n    };\n}\n\nfunction defaultEvent() {\n    return true;\n}"],"file":"Drag.js"}
+{"version":3,"sources":["Drag.ts"],"names":["move","x","y","Drag","dragDom","eventDom","events","e","button","currentTarget","window","addEventListener","startMove","buttons","removeEventListener","_evtStart","domX","parseInt","style","left","domY","top","dragX","pageX","dragY","pageY","moveDrag","overDrag","_evtMove","_evtEnd","setDragDom","setEventDom","initEvents","HTMLElement","dom","document","querySelector","bindEvents","start","defaultEvent","undefined","end","beginDrag"],"mappings":"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","sourcesContent":["/**\n * 拖动控制类\n * @author clake\n * @version 0.1\n */\n\nconst move: {x:number,y:number} = {\n    x:0,\n    y:0\n};\n\ninterface MoveEventStart {\n    (dragDom:HTMLElement,eventDom:HTMLElement,event:MouseEvent):boolean\n}\n\ninterface MoveEventMove {\n    (move:{x:number,y:number},dragDom:HTMLElement,eventDom:HTMLElement,event:MouseEvent): void\n}\n\ninterface MoveEvent {\n    start?: MoveEventStart\n    move?: MoveEventMove\n    end?: MoveEventStart\n}\n\nexport class Drag {\n    dragX = 0\n    dragY = 0\n    domX = 0\n    domY = 0\n    x = 0\n    y = 0\n\n    dragDom: HTMLElement\n    eventDom: HTMLElement\n    _evtStart: MoveEventStart\n    _evtMove?: MoveEventMove\n    _evtEnd: MoveEventStart\n    /**\n     * 初始化方法\n     * @param dragDom  DOMElement|string   拖动对像,可以传入DOM对像或selector字符串\n     * @param eventDom DOMElement|string   拖动事件对像,可以传入DOM对像或selector字符串\n     * @param events   object              事件对像,可选多个事件\n     */\n    constructor(dragDom: HTMLElement|string, eventDom:HTMLElement|string, events: MoveEvent) {\n        this.setDragDom(dragDom);\n        this.setEventDom(eventDom);\n        this.initEvents(events);\n    }\n\n    setDragDom(dragDom:HTMLElement|string) {\n        if (dragDom instanceof HTMLElement) {\n            this.dragDom = dragDom;\n        } else if (typeof dragDom === \"string\") {\n            const dom = document.querySelector(dragDom)\n            if (!dom ) {\n                throw \"dragDom must be selector string or HTMLElement object\";    \n            }\n            this.dragDom = dom as HTMLElement;\n        } else {\n            throw \"dragDom must be selector string or HTMLElement object\";\n        }\n    }\n\n    setEventDom(eventDom:HTMLElement|string) {\n        if (eventDom instanceof HTMLElement) {\n            this.eventDom = eventDom;\n        } else if (typeof eventDom === 'string') {\n            const dom = document.querySelector(eventDom)\n            if (!dom ) {\n                this.eventDom = this.dragDom;    \n            }\n            this.eventDom = dom as HTMLElement;\n        } else {\n            this.eventDom = this.dragDom;\n        }\n\n        this.bindEvents();\n    }\n\n    initEvents(events: MoveEvent) {\n        this._evtStart = events.start ?? defaultEvent;\n        this._evtMove = events.move ?? undefined;\n        this._evtEnd = events.end ?? defaultEvent;\n    }\n\n    bindEvents() {\n        this.eventDom?.addEventListener(\"mousedown\",this.beginDrag,false);\n    }\n\n    unbind() {\n        this.eventDom?.removeEventListener('mousedown',this.beginDrag);\n    }\n\n    beginDrag = (e:MouseEvent) => {\n        if (e.button !== 0) {\n            return false;\n        }\n        \n        this.eventDom = e?.currentTarget as HTMLElement;\n        \n        // e.preventDefault();\n        window.addEventListener('mousemove',this.startMove,false);\n    };\n\n    startMove = (e:MouseEvent)=> {\n        if (e.buttons !== 1) {\n            window.removeEventListener('mousemove',this.startMove,false);\n            return false;\n        }\n        \n        window.removeEventListener('mousemove',this.startMove,false);\n        if (!this._evtStart(this.dragDom,this.eventDom,e)) {\n            return false;\n        }\n        this.domX = parseInt(this.dragDom?.style.left??'0');\n        this.domY = parseInt(this.dragDom?.style.top??'0');\n        this.dragX = e.pageX;\n        this.dragY = e.pageY;\n        window.addEventListener('mousemove',this.moveDrag,false);\n        window.addEventListener('mouseup',this.overDrag,false);\n    };\n\n    moveDrag = (e:MouseEvent)=>{\n        move.x = (this.domX + (e.pageX - this.dragX));\n        move.y = (this.domY + (e.pageY - this.dragY));\n        if (typeof this._evtMove === \"function\") {\n            this._evtMove(move,this.dragDom,this.eventDom,e)\n        }\n        this.dragDom.style.top = move.y + 'px';\n        this.dragDom.style.left = move.x + 'px';\n    };\n\n    overDrag = (e:MouseEvent)=>{\n        window.removeEventListener('mousemove',this.moveDrag);\n        window.removeEventListener('mouseup',this.overDrag);\n        this._evtEnd(this.dragDom,this.eventDom,e);\n    };\n}\n\nfunction defaultEvent() {\n    return true;\n}\n\nexport default Drag"],"file":"Drag.js"}

package/lib/IconButton.js

@@ -1,6 +1,6 @@
-/* @clake/react-bootstrap4-window v0.7.7 | by Clake
+/* @clake/react-bootstrap4-window v1.0.1 | by Clake
  * Copyright (c) 2024 Clake,
- * 2024-03-18T14:45:06+0800
+ * 2024-03-28T11:03:43+0800
  */
 "use strict";
 
@@ -11,9 +11,7 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _bind = _interopRequireDefault(require("classnames/bind"));
+var _classnames = _interopRequireDefault(require("classnames"));
 
 require("./css/IconButton.less");
 
@@ -29,37 +27,45 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
 
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
 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); }
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
+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; }
+
 var IconButton =
 /*#__PURE__*/
 function (_React$PureComponent) {
   _inherits(IconButton, _React$PureComponent);
 
   function IconButton(props) {
+    var _this;
+
     _classCallCheck(this, IconButton);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(IconButton).call(this, props));
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(IconButton).call(this, props));
+
+    _defineProperty(_assertThisInitialized(_this), "dom", void 0);
+
+    return _this;
   }
 
   _createClass(IconButton, [{
     key: "componentDidMount",
     value: function componentDidMount() {
-      var _this = this;
+      var _this2 = this;
 
       this.dom.addEventListener('mousedown', function (e) {
         e.preventDefault();
         e.stopPropagation();
       }, false);
       this.dom.addEventListener('click', function (e) {
-        if (typeof _this.props.onClick === 'function') {
-          _this.props.onClick(e);
+        if (typeof _this2.props.onClick === 'function') {
+          _this2.props.onClick(e);
         }
       }, false);
     }
@@ -86,8 +92,8 @@ function (_React$PureComponent) {
           iconType = 'fas';
       }
 
-      base = (0, _bind["default"])(base, iconType, "fa-".concat(this.props.icon));
-      return (0, _bind["default"])(base, this.props.className);
+      base = (0, _classnames["default"])(base, iconType, "fa-".concat(this.props.icon));
+      return (0, _classnames["default"])(base, this.props.className);
     }
   }, {
     key: "getStyles",
@@ -103,11 +109,11 @@ function (_React$PureComponent) {
   }, {
     key: "render",
     value: function render() {
-      var _this2 = this;
+      var _this3 = this;
 
       return _react["default"].createElement("span", {
         ref: function ref(c) {
-          return _this2.dom = c;
+          return _this3.dom = c;
         },
         className: this.getClasses(),
         style: this.getStyles()
@@ -118,13 +124,5 @@ function (_React$PureComponent) {
   return IconButton;
 }(_react["default"].PureComponent);
 
-IconButton.propTypes = {
-  iconType: _propTypes["default"].oneOf(['solid', 'regular', 'light', 'brands']),
-  icon: _propTypes["default"].string,
-  color: _propTypes["default"].string,
-  onClick: _propTypes["default"].func
-};
-IconButton.defaultProps = {};
-var _default = IconButton;
-exports["default"] = _default;
+var _default = exports["default"] = IconButton;
 //# sourceMappingURL=IconButton.js.map

package/lib/IconButton.js.map

@@ -1,5 +1,5 @@
-/* @clake/react-bootstrap4-window v0.7.7 | by Clake
+/* @clake/react-bootstrap4-window v1.0.1 | by Clake
  * Copyright (c) 2024 Clake,
- * 2024-03-18T14:45:06+0800
+ * 2024-03-28T11:03:43+0800
  */
-{"version":3,"sources":["IconButton.js"],"names":["IconButton","props","dom","addEventListener","e","preventDefault","stopPropagation","onClick","base","iconType","icon","className","color","c","getClasses","getStyles","React","PureComponent","propTypes","PropTypes","oneOf","string","func","defaultProps"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;IAEMA,U;;;;;AACF,sBAAYC,KAAZ,EAAmB;AAAA;;AAAA,mFACTA,KADS;AAElB;;;;wCAEmB;AAAA;;AAChB,WAAKC,GAAL,CAASC,gBAAT,CAA0B,WAA1B,EAAsC,UAACC,CAAD,EAAK;AACvCA,QAAAA,CAAC,CAACC,cAAF;AAAmBD,QAAAA,CAAC,CAACE,eAAF;AACtB,OAFD,EAEE,KAFF;AAGA,WAAKJ,GAAL,CAASC,gBAAT,CAA0B,OAA1B,EAAkC,UAACC,CAAD,EAAK;AACnC,YAAI,OAAO,KAAI,CAACH,KAAL,CAAWM,OAAlB,KAA8B,UAAlC,EAA8C;AAC1C,UAAA,KAAI,CAACN,KAAL,CAAWM,OAAX,CAAmBH,CAAnB;AACH;AACJ,OAJD,EAIE,KAJF;AAKH;;;iCAEY;AACT,UAAII,IAAI,GAAG,gBAAX;AACA,UAAIC,QAAJ;;AACA,cAAQ,KAAKR,KAAL,CAAWQ,QAAnB;AACI,aAAK,SAAL;AACIA,UAAAA,QAAQ,GAAG,KAAX;AACA;;AACJ,aAAK,OAAL;AACIA,UAAAA,QAAQ,GAAG,KAAX;AACA;;AACJ,aAAK,QAAL;AACIA,UAAAA,QAAQ,GAAG,KAAX;AACA;;AACJ;AACIA,UAAAA,QAAQ,GAAG,KAAX;AAXR;;AAcAD,MAAAA,IAAI,GAAG,sBAAWA,IAAX,EAAiBC,QAAjB,eAAiC,KAAKR,KAAL,CAAWS,IAA5C,EAAP;AAEA,aAAO,sBAAWF,IAAX,EAAiB,KAAKP,KAAL,CAAWU,SAA5B,CAAP;AACH;;;gCAEW;AACR,UAAIH,IAAI,GAAG,EAAX;;AACA,UAAI,KAAKP,KAAL,CAAWW,KAAf,EAAsB;AAClBJ,QAAAA,IAAI,CAACI,KAAL,GAAa,KAAKX,KAAL,CAAWW,KAAxB;AACH;;AACD,aAAOJ,IAAP;AACH;;;6BAEQ;AAAA;;AACL,aACI;AAAM,QAAA,GAAG,EAAE,aAAAK,CAAC;AAAA,iBAAE,MAAI,CAACX,GAAL,GAASW,CAAX;AAAA,SAAZ;AAA0B,QAAA,SAAS,EAAE,KAAKC,UAAL,EAArC;AAAwD,QAAA,KAAK,EAAE,KAAKC,SAAL;AAA/D,QADJ;AAKH;;;;EApDoBC,kBAAMC,a;;AAuD/BjB,UAAU,CAACkB,SAAX,GAAuB;AACnBT,EAAAA,QAAQ,EAAEU,sBAAUC,KAAV,CAAgB,CAAC,OAAD,EAAU,SAAV,EAAqB,OAArB,EAA8B,QAA9B,CAAhB,CADS;AAEnBV,EAAAA,IAAI,EAAMS,sBAAUE,MAFD;AAGnBT,EAAAA,KAAK,EAAKO,sBAAUE,MAHD;AAInBd,EAAAA,OAAO,EAAEY,sBAAUG;AAJA,CAAvB;AAOAtB,UAAU,CAACuB,YAAX,GAA0B,EAA1B;eAEevB,U","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames/bind';\nimport './css/IconButton.less';\n\nclass IconButton extends React.PureComponent {\n    constructor(props) {\n        super(props);\n    }\n\n    componentDidMount() {\n        this.dom.addEventListener('mousedown',(e)=>{\n            e.preventDefault();e.stopPropagation();\n        },false);\n        this.dom.addEventListener('click',(e)=>{\n            if (typeof this.props.onClick === 'function') {\n                this.props.onClick(e);\n            }\n        },false);\n    }\n\n    getClasses() {\n        let base = 'ck-icon-button';\n        let iconType;\n        switch (this.props.iconType) {\n            case 'regular':\n                iconType = 'far';\n                break;\n            case 'light':\n                iconType = 'fal';\n                break;\n            case 'brands':\n                iconType = 'fab';\n                break;\n            default:\n                iconType = 'fas';\n        }\n\n        base = classNames(base, iconType, `fa-${this.props.icon}`);\n\n        return classNames(base, this.props.className);\n    }\n\n    getStyles() {\n        let base = {};\n        if (this.props.color) {\n            base.color = this.props.color;\n        }\n        return base;\n    }\n\n    render() {\n        return (\n            <span ref={c=>this.dom=c} className={this.getClasses()} style={this.getStyles()}>\n\n            </span>\n        );\n    }\n}\n\nIconButton.propTypes = {\n    iconType: PropTypes.oneOf(['solid', 'regular', 'light', 'brands']),\n    icon    : PropTypes.string,\n    color   : PropTypes.string,\n    onClick: PropTypes.func\n};\n\nIconButton.defaultProps = {};\n\nexport default IconButton;"],"file":"IconButton.js"}
+{"version":3,"sources":["IconButton.tsx"],"names":["IconButton","props","dom","addEventListener","e","preventDefault","stopPropagation","onClick","base","iconType","icon","className","color","c","getClasses","getStyles","React","PureComponent"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;IAWMA,U;;;;;AAEF,sBAAYC,KAAZ,EAAuB;AAAA;;AAAA;;AACnB,oFAAMA,KAAN;;AADmB;;AAAA;AAEtB;;;;wCAEmB;AAAA;;AAChB,WAAKC,GAAL,CAASC,gBAAT,CAA0B,WAA1B,EAAsC,UAACC,CAAD,EAAK;AACvCA,QAAAA,CAAC,CAACC,cAAF;AAAmBD,QAAAA,CAAC,CAACE,eAAF;AACtB,OAFD,EAEE,KAFF;AAGA,WAAKJ,GAAL,CAASC,gBAAT,CAA0B,OAA1B,EAAkC,UAACC,CAAD,EAAK;AACnC,YAAI,OAAO,MAAI,CAACH,KAAL,CAAWM,OAAlB,KAA8B,UAAlC,EAA8C;AAC1C,UAAA,MAAI,CAACN,KAAL,CAAWM,OAAX,CAAmBH,CAAnB;AACH;AACJ,OAJD,EAIE,KAJF;AAKH;;;iCAEY;AACT,UAAII,IAAI,GAAG,gBAAX;AACA,UAAIC,QAAJ;;AACA,cAAQ,KAAKR,KAAL,CAAWQ,QAAnB;AACI,aAAK,SAAL;AACIA,UAAAA,QAAQ,GAAG,KAAX;AACA;;AACJ,aAAK,OAAL;AACIA,UAAAA,QAAQ,GAAG,KAAX;AACA;;AACJ,aAAK,QAAL;AACIA,UAAAA,QAAQ,GAAG,KAAX;AACA;;AACJ;AACIA,UAAAA,QAAQ,GAAG,KAAX;AAXR;;AAcAD,MAAAA,IAAI,GAAG,4BAAWA,IAAX,EAAiBC,QAAjB,eAAiC,KAAKR,KAAL,CAAWS,IAA5C,EAAP;AAEA,aAAO,4BAAWF,IAAX,EAAiB,KAAKP,KAAL,CAAWU,SAA5B,CAAP;AACH;;;gCAEW;AACR,UAAIH,IAAQ,GAAG,EAAf;;AACA,UAAI,KAAKP,KAAL,CAAWW,KAAf,EAAsB;AAClBJ,QAAAA,IAAI,CAACI,KAAL,GAAa,KAAKX,KAAL,CAAWW,KAAxB;AACH;;AACD,aAAOJ,IAAP;AACH;;;6BAEQ;AAAA;;AACL,aACI;AAAM,QAAA,GAAG,EAAE,aAACK,CAAD;AAAA,iBAAS,MAAI,CAACX,GAAL,GAASW,CAAlB;AAAA,SAAX;AAAgC,QAAA,SAAS,EAAE,KAAKC,UAAL,EAA3C;AAA8D,QAAA,KAAK,EAAE,KAAKC,SAAL;AAArE,QADJ;AAKH;;;;EArDoBC,kBAAMC,a;;oCAwDhBjB,U","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport './css/IconButton.less';\nimport { ComponentProps } from '@clake/react-bootstrap4';\n\ninterface Props extends ComponentProps {\n    onClick?:(evt:any)=>void\n    iconType?:string //['solid', 'regular', 'light', 'brands']\n    icon?:string\n    color?:string\n}\n\n\nclass IconButton extends React.PureComponent<Props,any> {\n    dom:HTMLElement\n    constructor(props:any) {\n        super(props);\n    }\n\n    componentDidMount() {\n        this.dom.addEventListener('mousedown',(e)=>{\n            e.preventDefault();e.stopPropagation();\n        },false);\n        this.dom.addEventListener('click',(e)=>{\n            if (typeof this.props.onClick === 'function') {\n                this.props.onClick(e);\n            }\n        },false);\n    }\n\n    getClasses() {\n        let base = 'ck-icon-button';\n        let iconType;\n        switch (this.props.iconType) {\n            case 'regular':\n                iconType = 'far';\n                break;\n            case 'light':\n                iconType = 'fal';\n                break;\n            case 'brands':\n                iconType = 'fab';\n                break;\n            default:\n                iconType = 'fas';\n        }\n\n        base = classNames(base, iconType, `fa-${this.props.icon}`);\n\n        return classNames(base, this.props.className);\n    }\n\n    getStyles() {\n        let base:any = {};\n        if (this.props.color) {\n            base.color = this.props.color;\n        }\n        return base;\n    }\n\n    render() {\n        return (\n            <span ref={(c:any)=>this.dom=c} className={this.getClasses()} style={this.getStyles()}>\n\n            </span>\n        );\n    }\n}\n\nexport default IconButton;"],"file":"IconButton.js"}

package/lib/PageBar.js

@@ -1,6 +1,6 @@
-/* @clake/react-bootstrap4-window v0.7.7 | by Clake
+/* @clake/react-bootstrap4-window v1.0.1 | by Clake
  * Copyright (c) 2024 Clake,
- * 2024-03-18T14:45:06+0800
+ * 2024-03-28T11:03:43+0800
  */
 "use strict";
 
@@ -11,9 +11,7 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _bind = _interopRequireDefault(require("classnames/bind"));
+var _classnames = _interopRequireDefault(require("classnames"));
 
 require("./css/PageBar.less");
 
@@ -62,8 +60,8 @@ function (_React$Component) {
     key: "componentDidMount",
     value: function componentDidMount() {}
   }, {
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(nextProps, nextContext) {
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(nextProps, nextContext) {
       if (nextProps !== this.props) {
         this.setState({
           page: nextProps.page,
@@ -75,7 +73,7 @@ function (_React$Component) {
   }, {
     key: "calPage",
     value: function calPage(count, number) {
-      var pages = parseInt(count / number);
+      var pages = count / number;
 
       if (count % number !== 0) {
         pages += 1;
@@ -87,7 +85,7 @@ function (_React$Component) {
     key: "getClasses",
     value: function getClasses() {
       var base = 'ck-pagebar-main d-flex align-items-center';
-      return (0, _bind["default"])(base, this.props.className);
+      return (0, _classnames["default"])(base, this.props.className);
     }
   }, {
     key: "changePage",
@@ -127,7 +125,7 @@ function (_React$Component) {
       }, _react["default"].createElement("input", {
         onChange: function onChange(e) {
           _this2.setState({
-            page: e.value
+            page: parseInt(e.target.value)
           });
         },
         onKeyUp: function onKeyUp(e) {
@@ -153,15 +151,5 @@ function (_React$Component) {
   return PageBar;
 }(_react["default"].Component);
 
-PageBar.propTypes = {
-  dataCount: _propTypes["default"].number,
-  page: _propTypes["default"].number,
-  showNumbers: _propTypes["default"].number,
-  showPages: _propTypes["default"].number,
-  onSelect: _propTypes["default"].func,
-  noPage: _propTypes["default"].bool
-};
-PageBar.defaultProps = {};
-var _default = PageBar;
-exports["default"] = _default;
+var _default = exports["default"] = PageBar;
 //# sourceMappingURL=PageBar.js.map