|
|
webpackJsonp([9,199],{
|
|
|
|
|
|
/***/ 1058:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
__webpack_require__(27);
|
|
|
|
|
|
__webpack_require__(1092);
|
|
|
|
|
|
__webpack_require__(1065);
|
|
|
|
|
|
__webpack_require__(165);
|
|
|
//# sourceMappingURL=css.js.map
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1059:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
|
value: true
|
|
|
});
|
|
|
exports["default"] = void 0;
|
|
|
|
|
|
var _Upload = _interopRequireDefault(__webpack_require__(964));
|
|
|
|
|
|
var _Dragger = _interopRequireDefault(__webpack_require__(1139));
|
|
|
|
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
|
|
|
|
_Upload["default"].Dragger = _Dragger["default"];
|
|
|
var _default = _Upload["default"];
|
|
|
exports["default"] = _default;
|
|
|
//# sourceMappingURL=index.js.map
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1065:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
__webpack_require__(27);
|
|
|
|
|
|
__webpack_require__(1069);
|
|
|
//# sourceMappingURL=css.js.map
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1066:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
|
value: true
|
|
|
});
|
|
|
exports["default"] = void 0;
|
|
|
|
|
|
var _progress = _interopRequireDefault(__webpack_require__(1071));
|
|
|
|
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
|
|
|
|
var _default = _progress["default"];
|
|
|
exports["default"] = _default;
|
|
|
//# sourceMappingURL=index.js.map
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1067:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
__webpack_require__(27);
|
|
|
|
|
|
__webpack_require__(1205);
|
|
|
//# sourceMappingURL=css.js.map
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1068:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
|
value: true
|
|
|
});
|
|
|
exports["default"] = void 0;
|
|
|
|
|
|
var React = _interopRequireWildcard(__webpack_require__(0));
|
|
|
|
|
|
var _classnames = _interopRequireDefault(__webpack_require__(3));
|
|
|
|
|
|
var _rcInputNumber = _interopRequireDefault(__webpack_require__(1207));
|
|
|
|
|
|
var _icon = _interopRequireDefault(__webpack_require__(25));
|
|
|
|
|
|
var _configProvider = __webpack_require__(9);
|
|
|
|
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
|
|
|
|
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
|
|
|
|
|
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
|
|
|
|
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
|
|
|
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
|
|
|
|
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; }
|
|
|
|
|
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
|
|
|
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
|
|
|
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
|
|
|
|
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 _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); }
|
|
|
|
|
|
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
|
var t = {};
|
|
|
|
|
|
for (var p in s) {
|
|
|
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
|
}
|
|
|
|
|
|
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
|
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
|
}
|
|
|
return t;
|
|
|
};
|
|
|
|
|
|
var InputNumber =
|
|
|
/*#__PURE__*/
|
|
|
function (_React$Component) {
|
|
|
_inherits(InputNumber, _React$Component);
|
|
|
|
|
|
function InputNumber() {
|
|
|
var _this;
|
|
|
|
|
|
_classCallCheck(this, InputNumber);
|
|
|
|
|
|
_this = _possibleConstructorReturn(this, _getPrototypeOf(InputNumber).apply(this, arguments));
|
|
|
|
|
|
_this.saveInputNumber = function (inputNumberRef) {
|
|
|
_this.inputNumberRef = inputNumberRef;
|
|
|
};
|
|
|
|
|
|
_this.renderInputNumber = function (_ref) {
|
|
|
var _classNames;
|
|
|
|
|
|
var getPrefixCls = _ref.getPrefixCls;
|
|
|
|
|
|
var _a = _this.props,
|
|
|
className = _a.className,
|
|
|
size = _a.size,
|
|
|
customizePrefixCls = _a.prefixCls,
|
|
|
others = __rest(_a, ["className", "size", "prefixCls"]);
|
|
|
|
|
|
var prefixCls = getPrefixCls('input-number', customizePrefixCls);
|
|
|
var inputNumberClass = (0, _classnames["default"])((_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-lg"), size === 'large'), _defineProperty(_classNames, "".concat(prefixCls, "-sm"), size === 'small'), _classNames), className);
|
|
|
var upIcon = React.createElement(_icon["default"], {
|
|
|
type: "up",
|
|
|
className: "".concat(prefixCls, "-handler-up-inner")
|
|
|
});
|
|
|
var downIcon = React.createElement(_icon["default"], {
|
|
|
type: "down",
|
|
|
className: "".concat(prefixCls, "-handler-down-inner")
|
|
|
});
|
|
|
return React.createElement(_rcInputNumber["default"], _extends({
|
|
|
ref: _this.saveInputNumber,
|
|
|
className: inputNumberClass,
|
|
|
upHandler: upIcon,
|
|
|
downHandler: downIcon,
|
|
|
prefixCls: prefixCls
|
|
|
}, others));
|
|
|
};
|
|
|
|
|
|
return _this;
|
|
|
}
|
|
|
|
|
|
_createClass(InputNumber, [{
|
|
|
key: "focus",
|
|
|
value: function focus() {
|
|
|
this.inputNumberRef.focus();
|
|
|
}
|
|
|
}, {
|
|
|
key: "blur",
|
|
|
value: function blur() {
|
|
|
this.inputNumberRef.blur();
|
|
|
}
|
|
|
}, {
|
|
|
key: "render",
|
|
|
value: function render() {
|
|
|
return React.createElement(_configProvider.ConfigConsumer, null, this.renderInputNumber);
|
|
|
}
|
|
|
}]);
|
|
|
|
|
|
return InputNumber;
|
|
|
}(React.Component);
|
|
|
|
|
|
exports["default"] = InputNumber;
|
|
|
InputNumber.defaultProps = {
|
|
|
step: 1
|
|
|
};
|
|
|
//# sourceMappingURL=index.js.map
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1069:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
// style-loader: Adds some css to the DOM by adding a <style> tag
|
|
|
|
|
|
// load the styles
|
|
|
var content = __webpack_require__(1070);
|
|
|
if(typeof content === 'string') content = [[module.i, content, '']];
|
|
|
// Prepare cssTransformation
|
|
|
var transform;
|
|
|
|
|
|
var options = {"hmr":false}
|
|
|
options.transform = transform
|
|
|
// add the styles to the DOM
|
|
|
var update = __webpack_require__(291)(content, options);
|
|
|
if(content.locals) module.exports = content.locals;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1070:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
exports = module.exports = __webpack_require__(290)(true);
|
|
|
// imports
|
|
|
|
|
|
|
|
|
// module
|
|
|
exports.push([module.i, ".ant-progress{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.65);font-size:14px;font-variant:tabular-nums;line-height:1.5;list-style:none;-webkit-font-feature-settings:\"tnum\";font-feature-settings:\"tnum\";display:inline-block}.ant-progress-line{position:relative;width:100%;font-size:14px}.ant-progress-small.ant-progress-line,.ant-progress-small.ant-progress-line .ant-progress-text .anticon{font-size:12px}.ant-progress-outer{display:inline-block;width:100%;margin-right:0;padding-right:0}.ant-progress-show-info .ant-progress-outer{margin-right:calc(-2em - 8px);padding-right:calc(2em + 8px)}.ant-progress-inner{position:relative;display:inline-block;width:100%;overflow:hidden;vertical-align:middle;background-color:#f5f5f5;border-radius:100px}.ant-progress-circle-trail{stroke:#f5f5f5}.ant-progress-circle-path{-webkit-animation:ant-progress-appear .3s;animation:ant-progress-appear .3s}.ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path{stroke:#1890ff}.ant-progress-bg,.ant-progress-success-bg{position:relative;background-color:#1890ff;border-radius:100px;-webkit-transition:all .4s cubic-bezier(.08,.82,.17,1) 0s;-o-transition:all .4s cubic-bezier(.08,.82,.17,1) 0s;transition:all .4s cubic-bezier(.08,.82,.17,1) 0s}.ant-progress-success-bg{position:absolute;top:0;left:0;background-color:#52c41a}.ant-progress-text{display:inline-block;width:2em;margin-left:8px;color:rgba(0,0,0,.45);font-size:1em;line-height:1;white-space:nowrap;text-align:left;vertical-align:middle;word-break:normal}.ant-progress-text .anticon{font-size:14px}.ant-progress-status-active .ant-progress-bg:before{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;border-radius:10px;opacity:0;-webkit-animation:ant-progress-active 2.4s cubic-bezier(.23,1,.32,1) infinite;animation:ant-progress-active 2.4s cubic-bezier(.23,1,.32,1) infinite;content:\"\"}.ant-progress-status-exception .ant-progress-bg{background-color:#f5222d}.ant-progress-status-exception .ant-progress-text{color:#f5222d}.ant-progress-status-exception .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path{stroke:#f5222d}.ant-progress-status-success .ant-progress-bg{background-color:#52c41a}.ant-progress-status-success .ant-progress-text{color:#52c41a}.ant-progress-status-success .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path{stroke:#52c41a}.ant-progress-circle .ant-progress-inner{position:relative;line-height:1;background-color:transparent}.ant-progress-circle .ant-progress-text{position:absolute;top:50%;left:50%;width:100%;margin:0;padding:0;color:rgba(0,0,0,.65);line-height:1;white-space:normal;text-align:center;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ant-progress-circle .ant-progress-text .anticon{font-size:1.16666667em}.ant-progress-circle.ant-progress-status-exception .ant-progress-text{color:#f5222d}.ant-progress-circle.ant-progress-status-success .ant-progress-text{color:#52c41a}@-webkit-keyframes ant-progress-active{0%{width:0;opacity:.1}20%{width:0;opacity:.5}to{width:100%;opacity:0}}@keyframes ant-progress-active{0%{width:0;opacity:.1}20%{width:0;opacity:.5}to{width:100%;opacity:0}}", "", {"version":3,"sources":["/Users/alec/educoder/public/react/node_modules/_antd@3.26.4@antd/lib/progress/style/index.css"],"names":[],"mappings":"AAIA,cACE,8BAA+B,AACvB,sBAAuB,AAC/B,SAAU,AACV,UAAW,AACX,sBAA2B,AAC3B,eAAgB,AAChB,0BAA2B,AAC3B,gBAAiB,AACjB,gBAAiB,AACjB,qCAAsC,AAC9B,6BAA8B,AACtC,oBAAsB,CACvB,AACD,mBACE,kBAAmB,AACnB,WAAY,AACZ,cAAgB,CACjB,AACD,wGAEE,cAAgB,CACjB,AACD,oBACE,qBAAsB,AACtB,WAAY,AACZ,eAAgB,AAChB,eAAiB,CAClB,AACD,4CACE,8BAA+B,AAC/B,6BAA+B,CAChC,AACD,oBACE,kBAAmB,AACnB,qBAAsB,AACtB,WAAY,AACZ,gBAAiB,AACjB,sBAAuB,AACvB,yBAA0B,AAC1B,mBAAqB,CACtB,AACD,2BACE,cAAgB,CACjB,AACD,0BACE,0CAA4C,AACpC,iCAAoC,CAC7C,AACD,iFACE,cAAgB,CACjB,AACD,0CAEE,kBAAmB,AACnB,yBAA0B,AAC1B,oBAAqB,AACrB,0DAAkE,AAClE,qDAA6D,AAC7D,iDAA0D,CAC3D,AACD,yBACE,kBAAmB,AACnB,MAAO,AACP,OAAQ,AACR,wBAA0B,CAC3B,AACD,mBACE,qBAAsB,AACtB,UAAW,AACX,gBAAiB,AACjB,sBAA2B,AAC3B,cAAe,AACf,cAAe,AACf,mBAAoB,AACpB,gBAAiB,AACjB,sBAAuB,AACvB,iBAAmB,CACpB,AACD,4BACE,cAAgB,CACjB,AACD,oDACE,kBAAmB,AACnB,MAAO,AACP,QAAS,AACT,SAAU,AACV,OAAQ,AACR,gBAAiB,AACjB,mBAAoB,AACpB,UAAW,AACX,8EAAoF,AAC5E,sEAA4E,AACpF,UAAY,CACb,AACD,gDACE,wBAA0B,CAC3B,AACD,kDACE,aAAe,CAChB,AACD,gHACE,cAAgB,CACjB,AACD,8CACE,wBAA0B,CAC3B,AACD,gDACE,aAAe,CAChB,AACD,8GACE,cAAgB,CACjB,AACD,yCACE,kBAAmB,AACnB,cAAe,AACf,4BAA8B,CAC/B,AACD,wCACE,kBAAmB,AACnB,QAAS,AACT,SAAU,AACV,WAAY,AACZ,SAAU,AACV,UAAW,AACX,sBAA2B,AAC3B,cAAe,AACf,mBAAoB,AACpB,kBAAmB,AACnB,uCAAyC,AACrC,mCAAqC,AACjC,8BAAiC,CAC1C,AACD,iDACE,sBAAwB,CACzB,AACD,sEACE,aAAe,CAChB,AACD,oEACE,aAAe,CAChB,AACD,uCACE,GACE,QAAS,AACT,UAAa,CACd,AACD,IACE,QAAS,AACT,UAAa,CACd,AACD,GACE,WAAY,AACZ,SAAW,CACZ,CACF,AACD,+BACE,GACE,QAAS,AACT,UAAa,CACd,AACD,IACE,QAAS,AACT,UAAa,CACd,AACD,GACE,WAAY,AACZ,SAAW,CACZ,CACF","file":"index.css","sourcesContent":["/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */\n/* stylelint-disable no-duplicate-selectors */\n/* stylelint-disable */\n/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */\n.ant-progress {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: rgba(0, 0, 0, 0.65);\n font-size: 14px;\n font-variant: tabular-nums;\n line-height: 1.5;\n list-style: none;\n -webkit-font-feature-settings: 'tnum';\n font-feature-settings: 'tnum';\n display: inline-block;\n}\n.ant-progress-line {\n position: relative;\n width: 100%;\n font-size: 14px;\n}\n.ant-progress-small.ant-progress-line,\n.ant-progress-small.ant-progress-line .ant-progress-text .anticon {\n font-size: 12px;\n}\n.ant-progress-outer {\n display: inline-block;\n width: 100%;\n margin-right: 0;\n padding-right: 0;\n}\n.ant-progress-show-info .ant-progress-outer {\n margin-right: calc(-2em - 8px);\n padding-right: calc(2em + 8px);\n}\n.ant-progress-inner {\n position: relative;\n display: inline-block;\n width: 100%;\n overflow: hidden;\n vertical-align: middle;\n background-color: #f5f5f5;\n border-radius: 100px;\n}\n.ant-progress-circle-trail {\n stroke: #f5f5f5;\n}\n.ant-progress-circle-path {\n -webkit-animation: ant-progress-appear 0.3s;\n animation: ant-progress-appear 0.3s;\n}\n.ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {\n stroke: #1890ff;\n}\n.ant-progress-success-bg,\n.ant-progress-bg {\n position: relative;\n background-color: #1890ff;\n border-radius: 100px;\n -webkit-transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;\n -o-transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;\n transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;\n}\n.ant-progress-success-bg {\n position: absolute;\n top: 0;\n left: 0;\n background-color: #52c41a;\n}\n.ant-progress-text {\n display: inline-block;\n width: 2em;\n margin-left: 8px;\n color: rgba(0, 0, 0, 0.45);\n font-size: 1em;\n line-height: 1;\n white-space: nowrap;\n text-align: left;\n vertical-align: middle;\n word-break: normal;\n}\n.ant-progress-text .anticon {\n font-size: 14px;\n}\n.ant-progress-status-active .ant-progress-bg::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background: #fff;\n border-radius: 10px;\n opacity: 0;\n -webkit-animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;\n animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;\n content: '';\n}\n.ant-progress-status-exception .ant-progress-bg {\n background-color: #f5222d;\n}\n.ant-progress-status-exception .ant-progress-text {\n color: #f5222d;\n}\n.ant-progress-status-exception .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {\n stroke: #f5222d;\n}\n.ant-progress-status-success .ant-progress-bg {\n background-color: #52c41a;\n}\n.ant-progress-status-success .ant-progress-text {\n color: #52c41a;\n}\n.ant-progress-status-success .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {\n stroke: #52c41a;\n}\n.ant-progress-circle .ant-progress-inner {\n position: relative;\n line-height: 1;\n background-color: transparent;\n}\n.ant-progress-circle .ant-progress-text {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 100%;\n margin: 0;\n padding: 0;\n color: rgba(0, 0, 0, 0.65);\n line-height: 1;\n white-space: normal;\n text-align: center;\n -webkit-transform: translate(-50%, -50%);\n -ms-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n}\n.ant-progress-circle .ant-progress-text .anticon {\n font-size: 1.16666667em;\n}\n.ant-progress-circle.ant-progress-status-exception .ant-progress-text {\n color: #f5222d;\n}\n.ant-progress-circle.ant-progress-status-success .ant-progress-text {\n color: #52c41a;\n}\n@-webkit-keyframes ant-progress-active {\n 0% {\n width: 0;\n opacity: 0.1;\n }\n 20% {\n width: 0;\n opacity: 0.5;\n }\n 100% {\n width: 100%;\n opacity: 0;\n }\n}\n@keyframes ant-progress-active {\n 0% {\n width: 0;\n opacity: 0.1;\n }\n 20% {\n width: 0;\n opacity: 0.5;\n }\n 100% {\n width: 100%;\n opacity: 0;\n }\n}\n"],"sourceRoot":""}]);
|
|
|
|
|
|
// exports
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1071:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
|
value: true
|
|
|
});
|
|
|
exports["default"] = void 0;
|
|
|
|
|
|
var PropTypes = _interopRequireWildcard(__webpack_require__(1));
|
|
|
|
|
|
var React = _interopRequireWildcard(__webpack_require__(0));
|
|
|
|
|
|
var _classnames = _interopRequireDefault(__webpack_require__(3));
|
|
|
|
|
|
var _omit = _interopRequireDefault(__webpack_require__(43));
|
|
|
|
|
|
var _icon = _interopRequireDefault(__webpack_require__(25));
|
|
|
|
|
|
var _configProvider = __webpack_require__(9);
|
|
|
|
|
|
var _type = __webpack_require__(69);
|
|
|
|
|
|
var _Line = _interopRequireDefault(__webpack_require__(1072));
|
|
|
|
|
|
var _Circle = _interopRequireDefault(__webpack_require__(1073));
|
|
|
|
|
|
var _utils = __webpack_require__(894);
|
|
|
|
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
|
|
|
|
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
|
|
|
|
|
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
|
|
|
|
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
|
|
|
|
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; }
|
|
|
|
|
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
|
|
|
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
|
|
|
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
|
|
|
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
|
|
|
|
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(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); }
|
|
|
|
|
|
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
|
var t = {};
|
|
|
|
|
|
for (var p in s) {
|
|
|
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
|
}
|
|
|
|
|
|
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
|
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
|
}
|
|
|
return t;
|
|
|
};
|
|
|
|
|
|
var ProgressTypes = (0, _type.tuple)('line', 'circle', 'dashboard');
|
|
|
var ProgressStatuses = (0, _type.tuple)('normal', 'exception', 'active', 'success');
|
|
|
|
|
|
var Progress =
|
|
|
/*#__PURE__*/
|
|
|
function (_React$Component) {
|
|
|
_inherits(Progress, _React$Component);
|
|
|
|
|
|
function Progress() {
|
|
|
var _this;
|
|
|
|
|
|
_classCallCheck(this, Progress);
|
|
|
|
|
|
_this = _possibleConstructorReturn(this, _getPrototypeOf(Progress).apply(this, arguments));
|
|
|
|
|
|
_this.renderProgress = function (_ref) {
|
|
|
var _classNames;
|
|
|
|
|
|
var getPrefixCls = _ref.getPrefixCls;
|
|
|
|
|
|
var _assertThisInitialize = _assertThisInitialized(_this),
|
|
|
props = _assertThisInitialize.props;
|
|
|
|
|
|
var customizePrefixCls = props.prefixCls,
|
|
|
className = props.className,
|
|
|
size = props.size,
|
|
|
type = props.type,
|
|
|
showInfo = props.showInfo,
|
|
|
restProps = __rest(props, ["prefixCls", "className", "size", "type", "showInfo"]);
|
|
|
|
|
|
var prefixCls = getPrefixCls('progress', customizePrefixCls);
|
|
|
|
|
|
var progressStatus = _this.getProgressStatus();
|
|
|
|
|
|
var progressInfo = _this.renderProcessInfo(prefixCls, progressStatus);
|
|
|
|
|
|
var progress; // Render progress shape
|
|
|
|
|
|
if (type === 'line') {
|
|
|
progress = React.createElement(_Line["default"], _extends({}, _this.props, {
|
|
|
prefixCls: prefixCls
|
|
|
}), progressInfo);
|
|
|
} else if (type === 'circle' || type === 'dashboard') {
|
|
|
progress = React.createElement(_Circle["default"], _extends({}, _this.props, {
|
|
|
prefixCls: prefixCls,
|
|
|
progressStatus: progressStatus
|
|
|
}), progressInfo);
|
|
|
}
|
|
|
|
|
|
var classString = (0, _classnames["default"])(prefixCls, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-").concat(type === 'dashboard' && 'circle' || type), true), _defineProperty(_classNames, "".concat(prefixCls, "-status-").concat(progressStatus), true), _defineProperty(_classNames, "".concat(prefixCls, "-show-info"), showInfo), _defineProperty(_classNames, "".concat(prefixCls, "-").concat(size), size), _classNames), className);
|
|
|
return React.createElement("div", _extends({}, (0, _omit["default"])(restProps, ['status', 'format', 'trailColor', 'successPercent', 'strokeWidth', 'width', 'gapDegree', 'gapPosition', 'strokeColor', 'strokeLinecap', 'percent']), {
|
|
|
className: classString
|
|
|
}), progress);
|
|
|
};
|
|
|
|
|
|
return _this;
|
|
|
}
|
|
|
|
|
|
_createClass(Progress, [{
|
|
|
key: "getPercentNumber",
|
|
|
value: function getPercentNumber() {
|
|
|
var _this$props = this.props,
|
|
|
successPercent = _this$props.successPercent,
|
|
|
_this$props$percent = _this$props.percent,
|
|
|
percent = _this$props$percent === void 0 ? 0 : _this$props$percent;
|
|
|
return parseInt(successPercent !== undefined ? successPercent.toString() : percent.toString(), 10);
|
|
|
}
|
|
|
}, {
|
|
|
key: "getProgressStatus",
|
|
|
value: function getProgressStatus() {
|
|
|
var status = this.props.status;
|
|
|
|
|
|
if (ProgressStatuses.indexOf(status) < 0 && this.getPercentNumber() >= 100) {
|
|
|
return 'success';
|
|
|
}
|
|
|
|
|
|
return status || 'normal';
|
|
|
}
|
|
|
}, {
|
|
|
key: "renderProcessInfo",
|
|
|
value: function renderProcessInfo(prefixCls, progressStatus) {
|
|
|
var _this$props2 = this.props,
|
|
|
showInfo = _this$props2.showInfo,
|
|
|
format = _this$props2.format,
|
|
|
type = _this$props2.type,
|
|
|
percent = _this$props2.percent,
|
|
|
successPercent = _this$props2.successPercent;
|
|
|
if (!showInfo) return null;
|
|
|
var text;
|
|
|
|
|
|
var textFormatter = format || function (percentNumber) {
|
|
|
return "".concat(percentNumber, "%");
|
|
|
};
|
|
|
|
|
|
var iconType = type === 'circle' || type === 'dashboard' ? '' : '-circle';
|
|
|
|
|
|
if (format || progressStatus !== 'exception' && progressStatus !== 'success') {
|
|
|
text = textFormatter((0, _utils.validProgress)(percent), (0, _utils.validProgress)(successPercent));
|
|
|
} else if (progressStatus === 'exception') {
|
|
|
text = React.createElement(_icon["default"], {
|
|
|
type: "close".concat(iconType),
|
|
|
theme: type === 'line' ? 'filled' : 'outlined'
|
|
|
});
|
|
|
} else if (progressStatus === 'success') {
|
|
|
text = React.createElement(_icon["default"], {
|
|
|
type: "check".concat(iconType),
|
|
|
theme: type === 'line' ? 'filled' : 'outlined'
|
|
|
});
|
|
|
}
|
|
|
|
|
|
return React.createElement("span", {
|
|
|
className: "".concat(prefixCls, "-text"),
|
|
|
title: typeof text === 'string' ? text : undefined
|
|
|
}, text);
|
|
|
}
|
|
|
}, {
|
|
|
key: "render",
|
|
|
value: function render() {
|
|
|
return React.createElement(_configProvider.ConfigConsumer, null, this.renderProgress);
|
|
|
}
|
|
|
}]);
|
|
|
|
|
|
return Progress;
|
|
|
}(React.Component);
|
|
|
|
|
|
exports["default"] = Progress;
|
|
|
Progress.defaultProps = {
|
|
|
type: 'line',
|
|
|
percent: 0,
|
|
|
showInfo: true,
|
|
|
trailColor: '#f3f3f3',
|
|
|
size: 'default',
|
|
|
gapDegree: 0,
|
|
|
strokeLinecap: 'round'
|
|
|
};
|
|
|
Progress.propTypes = {
|
|
|
status: PropTypes.oneOf(ProgressStatuses),
|
|
|
type: PropTypes.oneOf(ProgressTypes),
|
|
|
showInfo: PropTypes.bool,
|
|
|
percent: PropTypes.number,
|
|
|
width: PropTypes.number,
|
|
|
strokeWidth: PropTypes.number,
|
|
|
strokeLinecap: PropTypes.oneOf(['round', 'square']),
|
|
|
strokeColor: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
|
|
|
trailColor: PropTypes.string,
|
|
|
format: PropTypes.func,
|
|
|
gapDegree: PropTypes.number
|
|
|
};
|
|
|
//# sourceMappingURL=progress.js.map
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1072:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
|
value: true
|
|
|
});
|
|
|
exports["default"] = exports.handleGradient = exports.sortGradient = void 0;
|
|
|
|
|
|
var React = _interopRequireWildcard(__webpack_require__(0));
|
|
|
|
|
|
var _utils = __webpack_require__(894);
|
|
|
|
|
|
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
|
|
|
|
|
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
|
|
|
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
|
|
|
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
|
|
|
|
|
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
|
|
|
|
|
|
function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
|
|
|
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
|
|
|
|
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
|
var t = {};
|
|
|
|
|
|
for (var p in s) {
|
|
|
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
|
}
|
|
|
|
|
|
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
|
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
|
}
|
|
|
return t;
|
|
|
};
|
|
|
|
|
|
/**
|
|
|
* {
|
|
|
* '0%': '#afc163',
|
|
|
* '75%': '#009900',
|
|
|
* '50%': 'green', ====> '#afc163 0%, #66FF00 25%, #00CC00 50%, #009900 75%, #ffffff 100%'
|
|
|
* '25%': '#66FF00',
|
|
|
* '100%': '#ffffff'
|
|
|
* }
|
|
|
*/
|
|
|
var sortGradient = function sortGradient(gradients) {
|
|
|
var tempArr = []; // eslint-disable-next-line no-restricted-syntax
|
|
|
|
|
|
for (var _i = 0, _Object$entries = Object.entries(gradients); _i < _Object$entries.length; _i++) {
|
|
|
var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
|
|
|
key = _Object$entries$_i[0],
|
|
|
value = _Object$entries$_i[1];
|
|
|
|
|
|
var formatKey = parseFloat(key.replace(/%/g, ''));
|
|
|
|
|
|
if (isNaN(formatKey)) {
|
|
|
return {};
|
|
|
}
|
|
|
|
|
|
tempArr.push({
|
|
|
key: formatKey,
|
|
|
value: value
|
|
|
});
|
|
|
}
|
|
|
|
|
|
tempArr = tempArr.sort(function (a, b) {
|
|
|
return a.key - b.key;
|
|
|
});
|
|
|
return tempArr.map(function (_ref) {
|
|
|
var key = _ref.key,
|
|
|
value = _ref.value;
|
|
|
return "".concat(value, " ").concat(key, "%");
|
|
|
}).join(', ');
|
|
|
};
|
|
|
/**
|
|
|
* {
|
|
|
* '0%': '#afc163',
|
|
|
* '25%': '#66FF00',
|
|
|
* '50%': '#00CC00', ====> linear-gradient(to right, #afc163 0%, #66FF00 25%,
|
|
|
* '75%': '#009900', #00CC00 50%, #009900 75%, #ffffff 100%)
|
|
|
* '100%': '#ffffff'
|
|
|
* }
|
|
|
*
|
|
|
* Then this man came to realize the truth:
|
|
|
* Besides six pence, there is the moon.
|
|
|
* Besides bread and butter, there is the bug.
|
|
|
* And...
|
|
|
* Besides women, there is the code.
|
|
|
*/
|
|
|
|
|
|
|
|
|
exports.sortGradient = sortGradient;
|
|
|
|
|
|
var handleGradient = function handleGradient(strokeColor) {
|
|
|
var _strokeColor$from = strokeColor.from,
|
|
|
from = _strokeColor$from === void 0 ? '#1890ff' : _strokeColor$from,
|
|
|
_strokeColor$to = strokeColor.to,
|
|
|
to = _strokeColor$to === void 0 ? '#1890ff' : _strokeColor$to,
|
|
|
_strokeColor$directio = strokeColor.direction,
|
|
|
direction = _strokeColor$directio === void 0 ? 'to right' : _strokeColor$directio,
|
|
|
rest = __rest(strokeColor, ["from", "to", "direction"]);
|
|
|
|
|
|
if (Object.keys(rest).length !== 0) {
|
|
|
var sortedGradients = sortGradient(rest);
|
|
|
return {
|
|
|
backgroundImage: "linear-gradient(".concat(direction, ", ").concat(sortedGradients, ")")
|
|
|
};
|
|
|
}
|
|
|
|
|
|
return {
|
|
|
backgroundImage: "linear-gradient(".concat(direction, ", ").concat(from, ", ").concat(to, ")")
|
|
|
};
|
|
|
};
|
|
|
|
|
|
exports.handleGradient = handleGradient;
|
|
|
|
|
|
var Line = function Line(props) {
|
|
|
var prefixCls = props.prefixCls,
|
|
|
percent = props.percent,
|
|
|
successPercent = props.successPercent,
|
|
|
strokeWidth = props.strokeWidth,
|
|
|
size = props.size,
|
|
|
strokeColor = props.strokeColor,
|
|
|
strokeLinecap = props.strokeLinecap,
|
|
|
children = props.children;
|
|
|
var backgroundProps;
|
|
|
|
|
|
if (strokeColor && typeof strokeColor !== 'string') {
|
|
|
backgroundProps = handleGradient(strokeColor);
|
|
|
} else {
|
|
|
backgroundProps = {
|
|
|
background: strokeColor
|
|
|
};
|
|
|
}
|
|
|
|
|
|
var percentStyle = _extends({
|
|
|
width: "".concat((0, _utils.validProgress)(percent), "%"),
|
|
|
height: strokeWidth || (size === 'small' ? 6 : 8),
|
|
|
borderRadius: strokeLinecap === 'square' ? 0 : ''
|
|
|
}, backgroundProps);
|
|
|
|
|
|
var successPercentStyle = {
|
|
|
width: "".concat((0, _utils.validProgress)(successPercent), "%"),
|
|
|
height: strokeWidth || (size === 'small' ? 6 : 8),
|
|
|
borderRadius: strokeLinecap === 'square' ? 0 : ''
|
|
|
};
|
|
|
var successSegment = successPercent !== undefined ? React.createElement("div", {
|
|
|
className: "".concat(prefixCls, "-success-bg"),
|
|
|
style: successPercentStyle
|
|
|
}) : null;
|
|
|
return React.createElement("div", null, React.createElement("div", {
|
|
|
className: "".concat(prefixCls, "-outer")
|
|
|
}, React.createElement("div", {
|
|
|
className: "".concat(prefixCls, "-inner")
|
|
|
}, React.createElement("div", {
|
|
|
className: "".concat(prefixCls, "-bg"),
|
|
|
style: percentStyle
|
|
|
}), successSegment)), children);
|
|
|
};
|
|
|
|
|
|
var _default = Line;
|
|
|
exports["default"] = _default;
|
|
|
//# sourceMappingURL=Line.js.map
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1073:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
|
value: true
|
|
|
});
|
|
|
exports["default"] = void 0;
|
|
|
|
|
|
var React = _interopRequireWildcard(__webpack_require__(0));
|
|
|
|
|
|
var _rcProgress = __webpack_require__(1074);
|
|
|
|
|
|
var _classnames = _interopRequireDefault(__webpack_require__(3));
|
|
|
|
|
|
var _utils = __webpack_require__(894);
|
|
|
|
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
|
|
|
|
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
|
|
|
|
|
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
|
|
|
|
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 statusColorMap = {
|
|
|
normal: '#108ee9',
|
|
|
exception: '#ff5500',
|
|
|
success: '#87d068'
|
|
|
};
|
|
|
|
|
|
function getPercentage(_ref) {
|
|
|
var percent = _ref.percent,
|
|
|
successPercent = _ref.successPercent;
|
|
|
var ptg = (0, _utils.validProgress)(percent);
|
|
|
|
|
|
if (!successPercent) {
|
|
|
return ptg;
|
|
|
}
|
|
|
|
|
|
var successPtg = (0, _utils.validProgress)(successPercent);
|
|
|
return [successPercent, (0, _utils.validProgress)(ptg - successPtg)];
|
|
|
}
|
|
|
|
|
|
function getStrokeColor(_ref2) {
|
|
|
var progressStatus = _ref2.progressStatus,
|
|
|
successPercent = _ref2.successPercent,
|
|
|
strokeColor = _ref2.strokeColor;
|
|
|
var color = strokeColor || statusColorMap[progressStatus];
|
|
|
|
|
|
if (!successPercent) {
|
|
|
return color;
|
|
|
}
|
|
|
|
|
|
return [statusColorMap.success, color];
|
|
|
}
|
|
|
|
|
|
var Circle = function Circle(props) {
|
|
|
var prefixCls = props.prefixCls,
|
|
|
width = props.width,
|
|
|
strokeWidth = props.strokeWidth,
|
|
|
trailColor = props.trailColor,
|
|
|
strokeLinecap = props.strokeLinecap,
|
|
|
gapPosition = props.gapPosition,
|
|
|
gapDegree = props.gapDegree,
|
|
|
type = props.type,
|
|
|
children = props.children;
|
|
|
var circleSize = width || 120;
|
|
|
var circleStyle = {
|
|
|
width: circleSize,
|
|
|
height: circleSize,
|
|
|
fontSize: circleSize * 0.15 + 6
|
|
|
};
|
|
|
var circleWidth = strokeWidth || 6;
|
|
|
var gapPos = gapPosition || type === 'dashboard' && 'bottom' || 'top';
|
|
|
var gapDeg = gapDegree || (type === 'dashboard' ? 75 : undefined);
|
|
|
var strokeColor = getStrokeColor(props);
|
|
|
var isGradient = Object.prototype.toString.call(strokeColor) === '[object Object]';
|
|
|
var wrapperClassName = (0, _classnames["default"])("".concat(prefixCls, "-inner"), _defineProperty({}, "".concat(prefixCls, "-circle-gradient"), isGradient));
|
|
|
return React.createElement("div", {
|
|
|
className: wrapperClassName,
|
|
|
style: circleStyle
|
|
|
}, React.createElement(_rcProgress.Circle, {
|
|
|
percent: getPercentage(props),
|
|
|
strokeWidth: circleWidth,
|
|
|
trailWidth: circleWidth,
|
|
|
strokeColor: strokeColor,
|
|
|
strokeLinecap: strokeLinecap,
|
|
|
trailColor: trailColor,
|
|
|
prefixCls: prefixCls,
|
|
|
gapDegree: gapDeg,
|
|
|
gapPosition: gapPos
|
|
|
}), children);
|
|
|
};
|
|
|
|
|
|
var _default = Circle;
|
|
|
exports["default"] = _default;
|
|
|
//# sourceMappingURL=Circle.js.map
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1074:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__Line__ = __webpack_require__(1075);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__Circle__ = __webpack_require__(1076);
|
|
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Line", function() { return __WEBPACK_IMPORTED_MODULE_0__Line__["a"]; });
|
|
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Circle", function() { return __WEBPACK_IMPORTED_MODULE_1__Circle__["a"]; });
|
|
|
|
|
|
|
|
|
|
|
|
/* harmony default export */ __webpack_exports__["default"] = ({
|
|
|
Line: __WEBPACK_IMPORTED_MODULE_0__Line__["a" /* default */],
|
|
|
Circle: __WEBPACK_IMPORTED_MODULE_1__Circle__["a" /* default */]
|
|
|
});
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1075:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__enhancer__ = __webpack_require__(931);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__types__ = __webpack_require__(932);
|
|
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
|
|
|
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
|
|
|
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
|
|
|
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
|
|
|
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
|
|
|
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
|
|
|
|
function _possibleConstructorReturn(self, call) { if (call && (typeof call === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(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 Line =
|
|
|
/*#__PURE__*/
|
|
|
function (_Component) {
|
|
|
_inherits(Line, _Component);
|
|
|
|
|
|
function Line() {
|
|
|
var _getPrototypeOf2;
|
|
|
|
|
|
var _this;
|
|
|
|
|
|
_classCallCheck(this, Line);
|
|
|
|
|
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
|
args[_key] = arguments[_key];
|
|
|
}
|
|
|
|
|
|
_this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Line)).call.apply(_getPrototypeOf2, [this].concat(args)));
|
|
|
|
|
|
_defineProperty(_assertThisInitialized(_this), "paths", {});
|
|
|
|
|
|
return _this;
|
|
|
}
|
|
|
|
|
|
_createClass(Line, [{
|
|
|
key: "render",
|
|
|
value: function render() {
|
|
|
var _this2 = this;
|
|
|
|
|
|
var _this$props = this.props,
|
|
|
className = _this$props.className,
|
|
|
percent = _this$props.percent,
|
|
|
prefixCls = _this$props.prefixCls,
|
|
|
strokeColor = _this$props.strokeColor,
|
|
|
strokeLinecap = _this$props.strokeLinecap,
|
|
|
strokeWidth = _this$props.strokeWidth,
|
|
|
style = _this$props.style,
|
|
|
trailColor = _this$props.trailColor,
|
|
|
trailWidth = _this$props.trailWidth,
|
|
|
transition = _this$props.transition,
|
|
|
restProps = _objectWithoutProperties(_this$props, ["className", "percent", "prefixCls", "strokeColor", "strokeLinecap", "strokeWidth", "style", "trailColor", "trailWidth", "transition"]);
|
|
|
|
|
|
delete restProps.gapPosition;
|
|
|
var percentList = Array.isArray(percent) ? percent : [percent];
|
|
|
var strokeColorList = Array.isArray(strokeColor) ? strokeColor : [strokeColor];
|
|
|
var center = strokeWidth / 2;
|
|
|
var right = 100 - strokeWidth / 2;
|
|
|
var pathString = "M ".concat(strokeLinecap === 'round' ? center : 0, ",").concat(center, "\n L ").concat(strokeLinecap === 'round' ? right : 100, ",").concat(center);
|
|
|
var viewBoxString = "0 0 100 ".concat(strokeWidth);
|
|
|
var stackPtg = 0;
|
|
|
return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement("svg", _extends({
|
|
|
className: "".concat(prefixCls, "-line ").concat(className),
|
|
|
viewBox: viewBoxString,
|
|
|
preserveAspectRatio: "none",
|
|
|
style: style
|
|
|
}, restProps), __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement("path", {
|
|
|
className: "".concat(prefixCls, "-line-trail"),
|
|
|
d: pathString,
|
|
|
strokeLinecap: strokeLinecap,
|
|
|
stroke: trailColor,
|
|
|
strokeWidth: trailWidth || strokeWidth,
|
|
|
fillOpacity: "0"
|
|
|
}), percentList.map(function (ptg, index) {
|
|
|
var pathStyle = {
|
|
|
strokeDasharray: "".concat(ptg, "px, 100px"),
|
|
|
strokeDashoffset: "-".concat(stackPtg, "px"),
|
|
|
transition: transition || 'stroke-dashoffset 0.3s ease 0s, stroke-dasharray .3s ease 0s, stroke 0.3s linear'
|
|
|
};
|
|
|
var color = strokeColorList[index] || strokeColorList[strokeColorList.length - 1];
|
|
|
stackPtg += ptg;
|
|
|
return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement("path", {
|
|
|
key: index,
|
|
|
className: "".concat(prefixCls, "-line-path"),
|
|
|
d: pathString,
|
|
|
strokeLinecap: strokeLinecap,
|
|
|
stroke: color,
|
|
|
strokeWidth: strokeWidth,
|
|
|
fillOpacity: "0",
|
|
|
ref: function ref(path) {
|
|
|
_this2.paths[index] = path;
|
|
|
},
|
|
|
style: pathStyle
|
|
|
});
|
|
|
}));
|
|
|
}
|
|
|
}]);
|
|
|
|
|
|
return Line;
|
|
|
}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);
|
|
|
|
|
|
Line.propTypes = __WEBPACK_IMPORTED_MODULE_2__types__["b" /* propTypes */];
|
|
|
Line.defaultProps = __WEBPACK_IMPORTED_MODULE_2__types__["a" /* defaultProps */];
|
|
|
/* harmony default export */ __webpack_exports__["a"] = (Object(__WEBPACK_IMPORTED_MODULE_1__enhancer__["a" /* default */])(Line));
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1076:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types__ = __webpack_require__(1);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_prop_types__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__enhancer__ = __webpack_require__(931);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__types__ = __webpack_require__(932);
|
|
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
|
|
|
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
|
|
|
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
|
|
|
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
|
|
|
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
|
|
|
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
|
|
|
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
|
|
|
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
|
|
|
|
function _possibleConstructorReturn(self, call) { if (call && (typeof call === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(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; }
|
|
|
|
|
|
/* eslint react/prop-types: 0 */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var gradientSeed = 0;
|
|
|
|
|
|
function stripPercentToNumber(percent) {
|
|
|
return +percent.replace('%', '');
|
|
|
}
|
|
|
|
|
|
function toArray(symArray) {
|
|
|
return Array.isArray(symArray) ? symArray : [symArray];
|
|
|
}
|
|
|
|
|
|
function getPathStyles(offset, percent, strokeColor, strokeWidth) {
|
|
|
var gapDegree = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
|
|
|
var gapPosition = arguments.length > 5 ? arguments[5] : undefined;
|
|
|
var radius = 50 - strokeWidth / 2;
|
|
|
var beginPositionX = 0;
|
|
|
var beginPositionY = -radius;
|
|
|
var endPositionX = 0;
|
|
|
var endPositionY = -2 * radius;
|
|
|
|
|
|
switch (gapPosition) {
|
|
|
case 'left':
|
|
|
beginPositionX = -radius;
|
|
|
beginPositionY = 0;
|
|
|
endPositionX = 2 * radius;
|
|
|
endPositionY = 0;
|
|
|
break;
|
|
|
|
|
|
case 'right':
|
|
|
beginPositionX = radius;
|
|
|
beginPositionY = 0;
|
|
|
endPositionX = -2 * radius;
|
|
|
endPositionY = 0;
|
|
|
break;
|
|
|
|
|
|
case 'bottom':
|
|
|
beginPositionY = radius;
|
|
|
endPositionY = 2 * radius;
|
|
|
break;
|
|
|
|
|
|
default:
|
|
|
}
|
|
|
|
|
|
var pathString = "M 50,50 m ".concat(beginPositionX, ",").concat(beginPositionY, "\n a ").concat(radius, ",").concat(radius, " 0 1 1 ").concat(endPositionX, ",").concat(-endPositionY, "\n a ").concat(radius, ",").concat(radius, " 0 1 1 ").concat(-endPositionX, ",").concat(endPositionY);
|
|
|
var len = Math.PI * 2 * radius;
|
|
|
var pathStyle = {
|
|
|
stroke: strokeColor,
|
|
|
strokeDasharray: "".concat(percent / 100 * (len - gapDegree), "px ").concat(len, "px"),
|
|
|
strokeDashoffset: "-".concat(gapDegree / 2 + offset / 100 * (len - gapDegree), "px"),
|
|
|
transition: 'stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s' // eslint-disable-line
|
|
|
|
|
|
};
|
|
|
return {
|
|
|
pathString: pathString,
|
|
|
pathStyle: pathStyle
|
|
|
};
|
|
|
}
|
|
|
|
|
|
var Circle =
|
|
|
/*#__PURE__*/
|
|
|
function (_Component) {
|
|
|
_inherits(Circle, _Component);
|
|
|
|
|
|
function Circle() {
|
|
|
var _this;
|
|
|
|
|
|
_classCallCheck(this, Circle);
|
|
|
|
|
|
_this = _possibleConstructorReturn(this, _getPrototypeOf(Circle).call(this));
|
|
|
|
|
|
_defineProperty(_assertThisInitialized(_this), "paths", {});
|
|
|
|
|
|
_defineProperty(_assertThisInitialized(_this), "gradientId", 0);
|
|
|
|
|
|
_this.gradientId = gradientSeed;
|
|
|
gradientSeed += 1;
|
|
|
return _this;
|
|
|
}
|
|
|
|
|
|
_createClass(Circle, [{
|
|
|
key: "getStokeList",
|
|
|
value: function getStokeList() {
|
|
|
var _this2 = this;
|
|
|
|
|
|
var _this$props = this.props,
|
|
|
prefixCls = _this$props.prefixCls,
|
|
|
percent = _this$props.percent,
|
|
|
strokeColor = _this$props.strokeColor,
|
|
|
strokeWidth = _this$props.strokeWidth,
|
|
|
strokeLinecap = _this$props.strokeLinecap,
|
|
|
gapDegree = _this$props.gapDegree,
|
|
|
gapPosition = _this$props.gapPosition;
|
|
|
var percentList = toArray(percent);
|
|
|
var strokeColorList = toArray(strokeColor);
|
|
|
var stackPtg = 0;
|
|
|
return percentList.map(function (ptg, index) {
|
|
|
var color = strokeColorList[index] || strokeColorList[strokeColorList.length - 1];
|
|
|
var stroke = Object.prototype.toString.call(color) === '[object Object]' ? "url(#".concat(prefixCls, "-gradient-").concat(_this2.gradientId, ")") : '';
|
|
|
|
|
|
var _getPathStyles = getPathStyles(stackPtg, ptg, color, strokeWidth, gapDegree, gapPosition),
|
|
|
pathString = _getPathStyles.pathString,
|
|
|
pathStyle = _getPathStyles.pathStyle;
|
|
|
|
|
|
stackPtg += ptg;
|
|
|
return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement("path", {
|
|
|
key: index,
|
|
|
className: "".concat(prefixCls, "-circle-path"),
|
|
|
d: pathString,
|
|
|
stroke: stroke,
|
|
|
strokeLinecap: strokeLinecap,
|
|
|
strokeWidth: ptg === 0 ? 0 : strokeWidth,
|
|
|
fillOpacity: "0",
|
|
|
style: pathStyle,
|
|
|
ref: function ref(path) {
|
|
|
_this2.paths[index] = path;
|
|
|
}
|
|
|
});
|
|
|
});
|
|
|
}
|
|
|
}, {
|
|
|
key: "render",
|
|
|
value: function render() {
|
|
|
var _this$props2 = this.props,
|
|
|
prefixCls = _this$props2.prefixCls,
|
|
|
strokeWidth = _this$props2.strokeWidth,
|
|
|
trailWidth = _this$props2.trailWidth,
|
|
|
gapDegree = _this$props2.gapDegree,
|
|
|
gapPosition = _this$props2.gapPosition,
|
|
|
trailColor = _this$props2.trailColor,
|
|
|
strokeLinecap = _this$props2.strokeLinecap,
|
|
|
style = _this$props2.style,
|
|
|
className = _this$props2.className,
|
|
|
strokeColor = _this$props2.strokeColor,
|
|
|
restProps = _objectWithoutProperties(_this$props2, ["prefixCls", "strokeWidth", "trailWidth", "gapDegree", "gapPosition", "trailColor", "strokeLinecap", "style", "className", "strokeColor"]);
|
|
|
|
|
|
var _getPathStyles2 = getPathStyles(0, 100, trailColor, strokeWidth, gapDegree, gapPosition),
|
|
|
pathString = _getPathStyles2.pathString,
|
|
|
pathStyle = _getPathStyles2.pathStyle;
|
|
|
|
|
|
delete restProps.percent;
|
|
|
var strokeColorList = toArray(strokeColor);
|
|
|
var gradient = strokeColorList.find(function (color) {
|
|
|
return Object.prototype.toString.call(color) === '[object Object]';
|
|
|
});
|
|
|
return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement("svg", _extends({
|
|
|
className: "".concat(prefixCls, "-circle ").concat(className),
|
|
|
viewBox: "0 0 100 100",
|
|
|
style: style
|
|
|
}, restProps), gradient && __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement("defs", null, __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement("linearGradient", {
|
|
|
id: "".concat(prefixCls, "-gradient-").concat(this.gradientId),
|
|
|
x1: "100%",
|
|
|
y1: "0%",
|
|
|
x2: "0%",
|
|
|
y2: "0%"
|
|
|
}, Object.keys(gradient).sort(function (a, b) {
|
|
|
return stripPercentToNumber(a) - stripPercentToNumber(b);
|
|
|
}).map(function (key, index) {
|
|
|
return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement("stop", {
|
|
|
key: index,
|
|
|
offset: key,
|
|
|
stopColor: gradient[key]
|
|
|
});
|
|
|
}))), __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement("path", {
|
|
|
className: "".concat(prefixCls, "-circle-trail"),
|
|
|
d: pathString,
|
|
|
stroke: trailColor,
|
|
|
strokeLinecap: strokeLinecap,
|
|
|
strokeWidth: trailWidth || strokeWidth,
|
|
|
fillOpacity: "0",
|
|
|
style: pathStyle
|
|
|
}), this.getStokeList().reverse());
|
|
|
}
|
|
|
}]);
|
|
|
|
|
|
return Circle;
|
|
|
}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);
|
|
|
|
|
|
Circle.propTypes = _objectSpread({}, __WEBPACK_IMPORTED_MODULE_3__types__["b" /* propTypes */], {
|
|
|
gapPosition: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.oneOf(['top', 'bottom', 'left', 'right'])
|
|
|
});
|
|
|
Circle.defaultProps = _objectSpread({}, __WEBPACK_IMPORTED_MODULE_3__types__["a" /* defaultProps */], {
|
|
|
gapPosition: 'top'
|
|
|
});
|
|
|
/* harmony default export */ __webpack_exports__["a"] = (Object(__WEBPACK_IMPORTED_MODULE_2__enhancer__["a" /* default */])(Circle));
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1082:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var toFinite = __webpack_require__(1087);
|
|
|
|
|
|
/**
|
|
|
* Converts `value` to an integer.
|
|
|
*
|
|
|
* **Note:** This method is loosely based on
|
|
|
* [`ToInteger`](http://www.ecma-international.org/ecma-262/7.0/#sec-tointeger).
|
|
|
*
|
|
|
* @static
|
|
|
* @memberOf _
|
|
|
* @since 4.0.0
|
|
|
* @category Lang
|
|
|
* @param {*} value The value to convert.
|
|
|
* @returns {number} Returns the converted integer.
|
|
|
* @example
|
|
|
*
|
|
|
* _.toInteger(3.2);
|
|
|
* // => 3
|
|
|
*
|
|
|
* _.toInteger(Number.MIN_VALUE);
|
|
|
* // => 0
|
|
|
*
|
|
|
* _.toInteger(Infinity);
|
|
|
* // => 1.7976931348623157e+308
|
|
|
*
|
|
|
* _.toInteger('3.2');
|
|
|
* // => 3
|
|
|
*/
|
|
|
function toInteger(value) {
|
|
|
var result = toFinite(value),
|
|
|
remainder = result % 1;
|
|
|
|
|
|
return result === result ? (remainder ? result - remainder : result) : 0;
|
|
|
}
|
|
|
|
|
|
module.exports = toInteger;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1085:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var invariant = __webpack_require__(48);
|
|
|
|
|
|
var hasOwnProperty = Object.prototype.hasOwnProperty;
|
|
|
var splice = Array.prototype.splice;
|
|
|
|
|
|
var toString = Object.prototype.toString
|
|
|
var type = function(obj) {
|
|
|
return toString.call(obj).slice(8, -1);
|
|
|
}
|
|
|
|
|
|
var assign = Object.assign || /* istanbul ignore next */ function assign(target, source) {
|
|
|
getAllKeys(source).forEach(function(key) {
|
|
|
if (hasOwnProperty.call(source, key)) {
|
|
|
target[key] = source[key];
|
|
|
}
|
|
|
});
|
|
|
return target;
|
|
|
};
|
|
|
|
|
|
var getAllKeys = typeof Object.getOwnPropertySymbols === 'function' ?
|
|
|
function(obj) { return Object.keys(obj).concat(Object.getOwnPropertySymbols(obj)) } :
|
|
|
/* istanbul ignore next */ function(obj) { return Object.keys(obj) };
|
|
|
|
|
|
/* istanbul ignore next */
|
|
|
function copy(object) {
|
|
|
if (Array.isArray(object)) {
|
|
|
return assign(object.constructor(object.length), object)
|
|
|
} else if (type(object) === 'Map') {
|
|
|
return new Map(object)
|
|
|
} else if (type(object) === 'Set') {
|
|
|
return new Set(object)
|
|
|
} else if (object && typeof object === 'object') {
|
|
|
var prototype = Object.getPrototypeOf(object);
|
|
|
return assign(Object.create(prototype), object);
|
|
|
} else {
|
|
|
return object;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
function newContext() {
|
|
|
var commands = assign({}, defaultCommands);
|
|
|
update.extend = function(directive, fn) {
|
|
|
commands[directive] = fn;
|
|
|
};
|
|
|
update.isEquals = function(a, b) { return a === b; };
|
|
|
|
|
|
return update;
|
|
|
|
|
|
function update(object, spec) {
|
|
|
if (typeof spec === 'function') {
|
|
|
spec = { $apply: spec };
|
|
|
}
|
|
|
|
|
|
if (!(Array.isArray(object) && Array.isArray(spec))) {
|
|
|
invariant(
|
|
|
!Array.isArray(spec),
|
|
|
'update(): You provided an invalid spec to update(). The spec may ' +
|
|
|
'not contain an array except as the value of $set, $push, $unshift, ' +
|
|
|
'$splice or any custom command allowing an array value.'
|
|
|
);
|
|
|
}
|
|
|
|
|
|
invariant(
|
|
|
typeof spec === 'object' && spec !== null,
|
|
|
'update(): You provided an invalid spec to update(). The spec and ' +
|
|
|
'every included key path must be plain objects containing one of the ' +
|
|
|
'following commands: %s.',
|
|
|
Object.keys(commands).join(', ')
|
|
|
);
|
|
|
|
|
|
var nextObject = object;
|
|
|
var index, key;
|
|
|
getAllKeys(spec).forEach(function(key) {
|
|
|
if (hasOwnProperty.call(commands, key)) {
|
|
|
var objectWasNextObject = object === nextObject;
|
|
|
nextObject = commands[key](spec[key], nextObject, spec, object);
|
|
|
if (objectWasNextObject && update.isEquals(nextObject, object)) {
|
|
|
nextObject = object;
|
|
|
}
|
|
|
} else {
|
|
|
var nextValueForKey =
|
|
|
type(object) === 'Map'
|
|
|
? update(object.get(key), spec[key])
|
|
|
: update(object[key], spec[key]);
|
|
|
var nextObjectValue =
|
|
|
type(nextObject) === 'Map'
|
|
|
? nextObject.get(key)
|
|
|
: nextObject[key];
|
|
|
if (!update.isEquals(nextValueForKey, nextObjectValue) || typeof nextValueForKey === 'undefined' && !hasOwnProperty.call(object, key)) {
|
|
|
if (nextObject === object) {
|
|
|
nextObject = copy(object);
|
|
|
}
|
|
|
if (type(nextObject) === 'Map') {
|
|
|
nextObject.set(key, nextValueForKey);
|
|
|
} else {
|
|
|
nextObject[key] = nextValueForKey;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
})
|
|
|
return nextObject;
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
var defaultCommands = {
|
|
|
$push: function(value, nextObject, spec) {
|
|
|
invariantPushAndUnshift(nextObject, spec, '$push');
|
|
|
return value.length ? nextObject.concat(value) : nextObject;
|
|
|
},
|
|
|
$unshift: function(value, nextObject, spec) {
|
|
|
invariantPushAndUnshift(nextObject, spec, '$unshift');
|
|
|
return value.length ? value.concat(nextObject) : nextObject;
|
|
|
},
|
|
|
$splice: function(value, nextObject, spec, originalObject) {
|
|
|
invariantSplices(nextObject, spec);
|
|
|
value.forEach(function(args) {
|
|
|
invariantSplice(args);
|
|
|
if (nextObject === originalObject && args.length) nextObject = copy(originalObject);
|
|
|
splice.apply(nextObject, args);
|
|
|
});
|
|
|
return nextObject;
|
|
|
},
|
|
|
$set: function(value, nextObject, spec) {
|
|
|
invariantSet(spec);
|
|
|
return value;
|
|
|
},
|
|
|
$toggle: function(targets, nextObject) {
|
|
|
invariantSpecArray(targets, '$toggle');
|
|
|
var nextObjectCopy = targets.length ? copy(nextObject) : nextObject;
|
|
|
|
|
|
targets.forEach(function(target) {
|
|
|
nextObjectCopy[target] = !nextObject[target];
|
|
|
});
|
|
|
|
|
|
return nextObjectCopy;
|
|
|
},
|
|
|
$unset: function(value, nextObject, spec, originalObject) {
|
|
|
invariantSpecArray(value, '$unset');
|
|
|
value.forEach(function(key) {
|
|
|
if (Object.hasOwnProperty.call(nextObject, key)) {
|
|
|
if (nextObject === originalObject) nextObject = copy(originalObject);
|
|
|
delete nextObject[key];
|
|
|
}
|
|
|
});
|
|
|
return nextObject;
|
|
|
},
|
|
|
$add: function(value, nextObject, spec, originalObject) {
|
|
|
invariantMapOrSet(nextObject, '$add');
|
|
|
invariantSpecArray(value, '$add');
|
|
|
if (type(nextObject) === 'Map') {
|
|
|
value.forEach(function(pair) {
|
|
|
var key = pair[0];
|
|
|
var value = pair[1];
|
|
|
if (nextObject === originalObject && nextObject.get(key) !== value) nextObject = copy(originalObject);
|
|
|
nextObject.set(key, value);
|
|
|
});
|
|
|
} else {
|
|
|
value.forEach(function(value) {
|
|
|
if (nextObject === originalObject && !nextObject.has(value)) nextObject = copy(originalObject);
|
|
|
nextObject.add(value);
|
|
|
});
|
|
|
}
|
|
|
return nextObject;
|
|
|
},
|
|
|
$remove: function(value, nextObject, spec, originalObject) {
|
|
|
invariantMapOrSet(nextObject, '$remove');
|
|
|
invariantSpecArray(value, '$remove');
|
|
|
value.forEach(function(key) {
|
|
|
if (nextObject === originalObject && nextObject.has(key)) nextObject = copy(originalObject);
|
|
|
nextObject.delete(key);
|
|
|
});
|
|
|
return nextObject;
|
|
|
},
|
|
|
$merge: function(value, nextObject, spec, originalObject) {
|
|
|
invariantMerge(nextObject, value);
|
|
|
getAllKeys(value).forEach(function(key) {
|
|
|
if (value[key] !== nextObject[key]) {
|
|
|
if (nextObject === originalObject) nextObject = copy(originalObject);
|
|
|
nextObject[key] = value[key];
|
|
|
}
|
|
|
});
|
|
|
return nextObject;
|
|
|
},
|
|
|
$apply: function(value, original) {
|
|
|
invariantApply(value);
|
|
|
return value(original);
|
|
|
}
|
|
|
};
|
|
|
|
|
|
var contextForExport = newContext();
|
|
|
|
|
|
module.exports = contextForExport;
|
|
|
module.exports.default = contextForExport;
|
|
|
module.exports.newContext = newContext;
|
|
|
|
|
|
// invariants
|
|
|
|
|
|
function invariantPushAndUnshift(value, spec, command) {
|
|
|
invariant(
|
|
|
Array.isArray(value),
|
|
|
'update(): expected target of %s to be an array; got %s.',
|
|
|
command,
|
|
|
value
|
|
|
);
|
|
|
invariantSpecArray(spec[command], command)
|
|
|
}
|
|
|
|
|
|
function invariantSpecArray(spec, command) {
|
|
|
invariant(
|
|
|
Array.isArray(spec),
|
|
|
'update(): expected spec of %s to be an array; got %s. ' +
|
|
|
'Did you forget to wrap your parameter in an array?',
|
|
|
command,
|
|
|
spec
|
|
|
);
|
|
|
}
|
|
|
|
|
|
function invariantSplices(value, spec) {
|
|
|
invariant(
|
|
|
Array.isArray(value),
|
|
|
'Expected $splice target to be an array; got %s',
|
|
|
value
|
|
|
);
|
|
|
invariantSplice(spec['$splice']);
|
|
|
}
|
|
|
|
|
|
function invariantSplice(value) {
|
|
|
invariant(
|
|
|
Array.isArray(value),
|
|
|
'update(): expected spec of $splice to be an array of arrays; got %s. ' +
|
|
|
'Did you forget to wrap your parameters in an array?',
|
|
|
value
|
|
|
);
|
|
|
}
|
|
|
|
|
|
function invariantApply(fn) {
|
|
|
invariant(
|
|
|
typeof fn === 'function',
|
|
|
'update(): expected spec of $apply to be a function; got %s.',
|
|
|
fn
|
|
|
);
|
|
|
}
|
|
|
|
|
|
function invariantSet(spec) {
|
|
|
invariant(
|
|
|
Object.keys(spec).length === 1,
|
|
|
'Cannot have more than one key in an object with $set'
|
|
|
);
|
|
|
}
|
|
|
|
|
|
function invariantMerge(target, specValue) {
|
|
|
invariant(
|
|
|
specValue && typeof specValue === 'object',
|
|
|
'update(): $merge expects a spec of type \'object\'; got %s',
|
|
|
specValue
|
|
|
);
|
|
|
invariant(
|
|
|
target && typeof target === 'object',
|
|
|
'update(): $merge expects a target of type \'object\'; got %s',
|
|
|
target
|
|
|
);
|
|
|
}
|
|
|
|
|
|
function invariantMapOrSet(target, command) {
|
|
|
var typeOfTarget = type(target);
|
|
|
invariant(
|
|
|
typeOfTarget === 'Map' || typeOfTarget === 'Set',
|
|
|
'update(): %s expects a target of type Set or Map; got %s',
|
|
|
command,
|
|
|
typeOfTarget
|
|
|
);
|
|
|
}
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1086:
|
|
|
/***/ (function(module, exports) {
|
|
|
|
|
|
/**
|
|
|
* The base implementation of `_.property` without support for deep paths.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {string} key The key of the property to get.
|
|
|
* @returns {Function} Returns the new accessor function.
|
|
|
*/
|
|
|
function baseProperty(key) {
|
|
|
return function(object) {
|
|
|
return object == null ? undefined : object[key];
|
|
|
};
|
|
|
}
|
|
|
|
|
|
module.exports = baseProperty;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1087:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var toNumber = __webpack_require__(318);
|
|
|
|
|
|
/** Used as references for various `Number` constants. */
|
|
|
var INFINITY = 1 / 0,
|
|
|
MAX_INTEGER = 1.7976931348623157e+308;
|
|
|
|
|
|
/**
|
|
|
* Converts `value` to a finite number.
|
|
|
*
|
|
|
* @static
|
|
|
* @memberOf _
|
|
|
* @since 4.12.0
|
|
|
* @category Lang
|
|
|
* @param {*} value The value to convert.
|
|
|
* @returns {number} Returns the converted number.
|
|
|
* @example
|
|
|
*
|
|
|
* _.toFinite(3.2);
|
|
|
* // => 3.2
|
|
|
*
|
|
|
* _.toFinite(Number.MIN_VALUE);
|
|
|
* // => 5e-324
|
|
|
*
|
|
|
* _.toFinite(Infinity);
|
|
|
* // => 1.7976931348623157e+308
|
|
|
*
|
|
|
* _.toFinite('3.2');
|
|
|
* // => 3.2
|
|
|
*/
|
|
|
function toFinite(value) {
|
|
|
if (!value) {
|
|
|
return value === 0 ? value : 0;
|
|
|
}
|
|
|
value = toNumber(value);
|
|
|
if (value === INFINITY || value === -INFINITY) {
|
|
|
var sign = (value < 0 ? -1 : 1);
|
|
|
return sign * MAX_INTEGER;
|
|
|
}
|
|
|
return value === value ? value : 0;
|
|
|
}
|
|
|
|
|
|
module.exports = toFinite;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1092:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
// style-loader: Adds some css to the DOM by adding a <style> tag
|
|
|
|
|
|
// load the styles
|
|
|
var content = __webpack_require__(1093);
|
|
|
if(typeof content === 'string') content = [[module.i, content, '']];
|
|
|
// Prepare cssTransformation
|
|
|
var transform;
|
|
|
|
|
|
var options = {"hmr":false}
|
|
|
options.transform = transform
|
|
|
// add the styles to the DOM
|
|
|
var update = __webpack_require__(291)(content, options);
|
|
|
if(content.locals) module.exports = content.locals;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1093:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
exports = module.exports = __webpack_require__(290)(true);
|
|
|
// imports
|
|
|
|
|
|
|
|
|
// module
|
|
|
exports.push([module.i, ".ant-upload{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.65);font-size:14px;font-variant:tabular-nums;line-height:1.5;list-style:none;-webkit-font-feature-settings:\"tnum\";font-feature-settings:\"tnum\";outline:0}.ant-upload p{margin:0}.ant-upload-btn{display:block;width:100%;outline:none}.ant-upload input[type=file]{cursor:pointer}.ant-upload.ant-upload-select{display:inline-block}.ant-upload.ant-upload-disabled{cursor:not-allowed}.ant-upload.ant-upload-select-picture-card{display:table;float:left;width:104px;height:104px;margin-right:8px;margin-bottom:8px;text-align:center;vertical-align:top;background-color:#fafafa;border:1px dashed #d9d9d9;border-radius:4px;cursor:pointer;-webkit-transition:border-color .3s ease;-o-transition:border-color .3s ease;transition:border-color .3s ease}.ant-upload.ant-upload-select-picture-card>.ant-upload{display:table-cell;width:100%;height:100%;padding:8px;text-align:center;vertical-align:middle}.ant-upload.ant-upload-select-picture-card:hover{border-color:#1890ff}.ant-upload.ant-upload-drag{position:relative;width:100%;height:100%;text-align:center;background:#fafafa;border:1px dashed #d9d9d9;border-radius:4px;cursor:pointer;-webkit-transition:border-color .3s;-o-transition:border-color .3s;transition:border-color .3s}.ant-upload.ant-upload-drag .ant-upload{padding:16px 0}.ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled){border-color:#096dd9}.ant-upload.ant-upload-drag.ant-upload-disabled{cursor:not-allowed}.ant-upload.ant-upload-drag .ant-upload-btn{display:table;height:100%}.ant-upload.ant-upload-drag .ant-upload-drag-container{display:table-cell;vertical-align:middle}.ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover{border-color:#40a9ff}.ant-upload.ant-upload-drag p.ant-upload-drag-icon{margin-bottom:20px}.ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon{color:#40a9ff;font-size:48px}.ant-upload.ant-upload-drag p.ant-upload-text{margin:0 0 4px;color:rgba(0,0,0,.85);font-size:16px}.ant-upload.ant-upload-drag p.ant-upload-hint{color:rgba(0,0,0,.45);font-size:14px}.ant-upload.ant-upload-drag .anticon-plus{color:rgba(0,0,0,.25);font-size:30px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.ant-upload.ant-upload-drag .anticon-plus:hover,.ant-upload.ant-upload-drag:hover .anticon-plus{color:rgba(0,0,0,.45)}.ant-upload-picture-card-wrapper{zoom:1;display:inline-block;width:100%}.ant-upload-picture-card-wrapper:after,.ant-upload-picture-card-wrapper:before{display:table;content:\"\"}.ant-upload-picture-card-wrapper:after{clear:both}.ant-upload-list{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.65);font-size:14px;font-variant:tabular-nums;line-height:1.5;list-style:none;-webkit-font-feature-settings:\"tnum\";font-feature-settings:\"tnum\";zoom:1}.ant-upload-list:after,.ant-upload-list:before{display:table;content:\"\"}.ant-upload-list:after{clear:both}.ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-1{padding-right:14px}.ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-2{padding-right:28px}.ant-upload-list-item{position:relative;height:22px;margin-top:8px;font-size:14px}.ant-upload-list-item-name{display:inline-block;width:100%;padding-left:22px;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.ant-upload-list-item-name-icon-count-1{padding-right:14px}.ant-upload-list-item-card-actions{position:absolute;right:0;opacity:0}.ant-upload-list-item-card-actions.picture{top:25px;line-height:1;opacity:1}.ant-upload-list-item-card-actions .anticon{padding-right:5px;color:rgba(0,0,0,.45)}.ant-upload-list-item-info{height:100%;padding:0 12px 0 4px;-webkit-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s}.ant-upload-list-item-info>span{display:block;width:100%;height:100%}.ant-upload-list-item-info .anticon-loading,.ant-upload-list-item-info .anticon-paper-clip{position:absolute;top:5px;color:rgba(0,0,0,.45);font-size:14px}.ant-upload-list-item .anticon-close{display:inline-block;font-size:12px;font-size:10px\\9;-webkit-transform:scale(.83333333) rotate(0deg);-ms-transform:scale(.83333333) rotate(0deg);transform:scale(.83333333) rotate(0deg);position:absolute;top:6px;right:4px;color:rgba(0,0,0,.45);line-height:0;cursor:pointer;opacity:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}:root .ant-upload-list-item .anticon-close{font-size:12px}.ant-upload-list-item .anticon-close:hover{color:rgba(0,0,0,.65)}.ant-upload-list-item:hover .ant-upload-list-item-info{background-color:#e6f7ff}.ant-upload-list-item:hover .ant-upload-list-item-card-actions,.ant-upload-list-item:hover .anticon-close{opacity:1}.ant-upload-list-item-error,.ant-upload-list-item-error .ant-upload-list-item-name,.ant-upload-list-item-error .anticon-paper-clip{color:#f5222d}.ant-upload-list-item-error .ant-upload-list-item-card-actions{opacity:1}.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon{padding-right:5px;color:#f5222d}.ant-upload-list-item-progress{position:absolute;bottom:-12px;width:100%;padding-left:26px;font-size:14px;line-height:0}.ant-upload-list-picture-card .ant-upload-list-item,.ant-upload-list-picture .ant-upload-list-item{position:relative;height:66px;padding:8px;border:1px solid #d9d9d9;border-radius:4px}.ant-upload-list-picture-card .ant-upload-list-item:hover,.ant-upload-list-picture .ant-upload-list-item:hover{background:transparent}.ant-upload-list-picture-card .ant-upload-list-item-error,.ant-upload-list-picture .ant-upload-list-item-error{border-color:#f5222d}.ant-upload-list-picture-card .ant-upload-list-item-info,.ant-upload-list-picture .ant-upload-list-item-info{padding:0}.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info,.ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info{background:transparent}.ant-upload-list-picture-card .ant-upload-list-item-uploading,.ant-upload-list-picture .ant-upload-list-item-uploading{border-style:dashed}.ant-upload-list-picture-card .ant-upload-list-item-thumbnail,.ant-upload-list-picture .ant-upload-list-item-thumbnail{position:absolute;top:8px;left:8px;width:48px;height:48px;font-size:26px;line-height:54px;text-align:center;opacity:.8}.ant-upload-list-picture-card .ant-upload-list-item-icon,.ant-upload-list-picture .ant-upload-list-item-icon{position:absolute;top:50%;left:50%;font-size:26px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ant-upload-list-picture-card .ant-upload-list-item-image,.ant-upload-list-picture .ant-upload-list-item-image{max-width:100%}.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img,.ant-upload-list-picture .ant-upload-list-item-thumbnail img{display:block;width:48px;height:48px;overflow:hidden}.ant-upload-list-picture-card .ant-upload-list-item-name,.ant-upload-list-picture .ant-upload-list-item-name{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;margin:0 0 0 8px;padding-right:8px;padding-left:48px;overflow:hidden;line-height:44px;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-1,.ant-upload-list-picture .ant-upload-list-item-name-icon-count-1{padding-right:18px}.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-2,.ant-upload-list-picture .ant-upload-list-item-name-icon-count-2{padding-right:36px}.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name,.ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name{line-height:28px}.ant-upload-list-picture-card .ant-upload-list-item-progress,.ant-upload-list-picture .ant-upload-list-item-progress{bottom:14px;width:calc(100% - 24px);margin-top:0;padding-left:56px}.ant-upload-list-picture-card .anticon-close,.ant-upload-list-picture .anticon-close{position:absolute;top:8px;right:8px;line-height:1;opacity:1}.ant-upload-list-picture-card.ant-upload-list:after{display:none}.ant-upload-list-picture-card-container,.ant-upload-list-picture-card .ant-upload-list-item{float:left;width:104px;height:104px;margin:0 8px 8px 0}.ant-upload-list-picture-card .ant-upload-list-item-info{position:relative;height:100%;overflow:hidden}.ant-upload-list-picture-card .ant-upload-list-item-info:before{position:absolute;z-index:1;width:100%;height:100%;background-color:rgba(0,0,0,.5);opacity:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;content:\" \"}.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info:before{opacity:1}.ant-upload-list-picture-card .ant-upload-list-item-actions{position:absolute;top:50%;left:50%;z-index:10;white-space:nowrap;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete,.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download,.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o{z-index:10;width:16px;margin:0 4px;color:hsla(0,0%,100%,.85);font-size:16px;cursor:pointer;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover,.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download:hover,.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o:hover{color:#fff}.ant-upload-list-picture-card .ant-upload-list-item-actions:hover,.ant-upload-list-picture-card .ant-upload-list-item-info:hover+.ant-upload-list-item-actions{opacity:1}.ant-upload-list-picture-card .ant-upload-list-item-thumbnail,.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img{position:static;display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ant-upload-list-picture-card .ant-upload-list-item-name{display:none;margin:8px 0 0;padding:0;line-height:1.5;text-align:center}.ant-upload-list-picture-card .anticon-picture+.ant-upload-list-item-name{position:absolute;bottom:10px;display:block}.ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item{background-color:#fafafa}.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info{height:auto}.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete,.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye-o,.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info:before{display:none}.ant-upload-list-picture-card .ant-upload-list-item-uploading-text{margin-top:18px;color:rgba(0,0,0,.45)}.ant-upload-list-picture-card .ant-upload-list-item-progress{bottom:32px;padding-left:0}.ant-upload-list .ant-upload-success-icon{color:#52c41a;font-weight:700}.ant-upload-list .ant-upload-animate-enter,.ant-upload-list .ant-upload-animate-inline-enter,.ant-upload-list .ant-upload-animate-inline-leave,.ant-upload-list .ant-upload-animate-leave{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:cubic-bezier(.78,.14,.15,.86);animation-fill-mode:cubic-bezier(.78,.14,.15,.86)}.ant-upload-list .ant-upload-animate-enter{-webkit-animation-name:uploadAnimateIn;animation-name:uploadAnimateIn}.ant-upload-list .ant-upload-animate-leave{-webkit-animation-name:uploadAnimateOut;animation-name:uploadAnimateOut}.ant-upload-list .ant-upload-animate-inline-enter{-webkit-animation-name:uploadAnimateInlineIn;animation-name:uploadAnimateInlineIn}.ant-upload-list .ant-upload-animate-inline-leave{-webkit-animation-name:uploadAnimateInlineOut;animation-name:uploadAnimateInlineOut}@-webkit-keyframes uploadAnimateIn{0%{height:0;margin:0;padding:0;opacity:0}}@keyframes uploadAnimateIn{0%{height:0;margin:0;padding:0;opacity:0}}@-webkit-keyframes uploadAnimateOut{to{height:0;margin:0;padding:0;opacity:0}}@keyframes uploadAnimateOut{to{height:0;margin:0;padding:0;opacity:0}}@-webkit-keyframes uploadAnimateInlineIn{0%{width:0;height:0;margin:0;padding:0;opacity:0}}@keyframes uploadAnimateInlineIn{0%{width:0;height:0;margin:0;padding:0;opacity:0}}@-webkit-keyframes uploadAnimateInlineOut{to{width:0;height:0;margin:0;padding:0;opacity:0}}@keyframes uploadAnimateInlineOut{to{width:0;height:0;margin:0;padding:0;opacity:0}}", "", {"version":3,"sources":["/Users/alec/educoder/public/react/node_modules/_antd@3.26.4@antd/lib/upload/style/index.css"],"names":[],"mappings":"AAIA,YACE,8BAA+B,AACvB,sBAAuB,AAC/B,SAAU,AACV,UAAW,AACX,sBAA2B,AAC3B,eAAgB,AAChB,0BAA2B,AAC3B,gBAAiB,AACjB,gBAAiB,AACjB,qCAAsC,AAC9B,6BAA8B,AACtC,SAAW,CACZ,AACD,cACE,QAAU,CACX,AACD,gBACE,cAAe,AACf,WAAY,AACZ,YAAc,CACf,AACD,6BACE,cAAgB,CACjB,AACD,8BACE,oBAAsB,CACvB,AACD,gCACE,kBAAoB,CACrB,AACD,2CACE,cAAe,AACf,WAAY,AACZ,YAAa,AACb,aAAc,AACd,iBAAkB,AAClB,kBAAmB,AACnB,kBAAmB,AACnB,mBAAoB,AACpB,yBAA0B,AAC1B,0BAA2B,AAC3B,kBAAmB,AACnB,eAAgB,AAChB,yCAA2C,AAC3C,oCAAsC,AACtC,gCAAmC,CACpC,AACD,uDACE,mBAAoB,AACpB,WAAY,AACZ,YAAa,AACb,YAAa,AACb,kBAAmB,AACnB,qBAAuB,CACxB,AACD,iDACE,oBAAsB,CACvB,AACD,4BACE,kBAAmB,AACnB,WAAY,AACZ,YAAa,AACb,kBAAmB,AACnB,mBAAoB,AACpB,0BAA2B,AAC3B,kBAAmB,AACnB,eAAgB,AAChB,oCAAsC,AACtC,+BAAiC,AACjC,2BAA8B,CAC/B,AACD,wCACE,cAAgB,CACjB,AACD,4EACE,oBAAsB,CACvB,AACD,gDACE,kBAAoB,CACrB,AACD,4CACE,cAAe,AACf,WAAa,CACd,AACD,uDACE,mBAAoB,AACpB,qBAAuB,CACxB,AACD,4DACE,oBAAsB,CACvB,AACD,mDACE,kBAAoB,CACrB,AACD,4DACE,cAAe,AACf,cAAgB,CACjB,AACD,8CACE,eAAgB,AAChB,sBAA2B,AAC3B,cAAgB,CACjB,AACD,8CACE,sBAA2B,AAC3B,cAAgB,CACjB,AACD,0CACE,sBAA2B,AAC3B,eAAgB,AAChB,2BAA6B,AAC7B,sBAAwB,AACxB,kBAAqB,CACtB,AAID,gGACE,qBAA2B,CAC5B,AACD,iCACE,OAAQ,AACR,qBAAsB,AACtB,UAAY,CACb,AACD,+EAEE,cAAe,AACf,UAAY,CACb,AACD,uCACE,UAAY,CACb,AACD,iBACE,8BAA+B,AACvB,sBAAuB,AAC/B,SAAU,AACV,UAAW,AACX,sBAA2B,AAC3B,eAAgB,AAChB,0BAA2B,AAC3B,gBAAiB,AACjB,gBAAiB,AACjB,qCAAsC,AAC9B,6BAA8B,AACtC,MAAQ,CACT,AACD,+CAEE,cAAe,AACf,UAAY,CACb,AACD,uBACE,UAAY,CACb,AACD,mFACE,kBAAoB,CACrB,AACD,mFACE,kBAAoB,CACrB,AACD,sBACE,kBAAmB,AACnB,YAAa,AACb,eAAgB,AAChB,cAAgB,CACjB,AACD,2BACE,qBAAsB,AACtB,WAAY,AACZ,kBAAmB,AACnB,gBAAiB,AACjB,mBAAoB,AACpB,0BAA2B,AACxB,sBAAwB,CAC5B,AACD,wCACE,kBAAoB,CACrB,AACD,mCACE,kBAAmB,AACnB,QAAS,AACT,SAAW,CACZ,AACD,2CACE,SAAU,AACV,cAAe,AACf,SAAW,CACZ,AACD,4CACE,kBAAmB,AACnB,qBAA2B,CAC5B,AACD,2BACE,YAAa,AACb,qBAAsB,AACtB,wCAA0C,AAC1C,mCAAqC,AACrC,+BAAkC,CACnC,AACD,gCACE,cAAe,AACf,WAAY,AACZ,WAAa,CACd,AACD,2FAEE,kBAAmB,AACnB,QAAS,AACT,sBAA2B,AAC3B,cAAgB,CACjB,AACD,qCACE,qBAAsB,AACtB,eAAgB,AAChB,iBAAmB,AACnB,gDAAkD,AAC9C,4CAA8C,AAC1C,wCAA0C,AAClD,kBAAmB,AACnB,QAAS,AACT,UAAW,AACX,sBAA2B,AAC3B,cAAe,AACf,eAAgB,AAChB,UAAW,AACX,2BAA6B,AAC7B,sBAAwB,AACxB,kBAAqB,CACtB,AACD,2CACE,cAAgB,CACjB,AACD,2CACE,qBAA2B,CAC5B,AACD,uDACE,wBAA0B,CAC3B,AAID,0GACE,SAAW,CACZ,AACD,mIAGE,aAAe,CAChB,AACD,+DACE,SAAW,CACZ,AACD,wEACE,kBAAmB,AACnB,aAAe,CAChB,AACD,+BACE,kBAAmB,AACnB,aAAc,AACd,WAAY,AACZ,kBAAmB,AACnB,eAAgB,AAChB,aAAe,CAChB,AACD,mGAEE,kBAAmB,AACnB,YAAa,AACb,YAAa,AACb,yBAA0B,AAC1B,iBAAmB,CACpB,AACD,+GAEE,sBAAwB,CACzB,AACD,+GAEE,oBAAsB,CACvB,AACD,6GAEE,SAAW,CACZ,AACD,qKAEE,sBAAwB,CACzB,AACD,uHAEE,mBAAqB,CACtB,AACD,uHAEE,kBAAmB,AACnB,QAAS,AACT,SAAU,AACV,WAAY,AACZ,YAAa,AACb,eAAgB,AAChB,iBAAkB,AAClB,kBAAmB,AACnB,UAAa,CACd,AACD,6GAEE,kBAAmB,AACnB,QAAS,AACT,SAAU,AACV,eAAgB,AAChB,uCAAyC,AACrC,mCAAqC,AACjC,8BAAiC,CAC1C,AACD,+GAEE,cAAgB,CACjB,AACD,+HAEE,cAAe,AACf,WAAY,AACZ,YAAa,AACb,eAAiB,CAClB,AACD,6GAEE,qBAAsB,AACtB,8BAA+B,AACvB,sBAAuB,AAC/B,eAAgB,AAChB,iBAAkB,AAClB,kBAAmB,AACnB,kBAAmB,AACnB,gBAAiB,AACjB,iBAAkB,AAClB,mBAAoB,AACpB,0BAA2B,AACxB,uBAAwB,AAC3B,2BAA6B,AAC7B,sBAAwB,AACxB,kBAAqB,CACtB,AACD,uIAEE,kBAAoB,CACrB,AACD,uIAEE,kBAAoB,CACrB,AACD,6KAEE,gBAAkB,CACnB,AACD,qHAEE,YAAa,AACb,wBAAyB,AACzB,aAAc,AACd,iBAAmB,CACpB,AACD,qFAEE,kBAAmB,AACnB,QAAS,AACT,UAAW,AACX,cAAe,AACf,SAAW,CACZ,AACD,oDACE,YAAc,CACf,AAOD,4FACE,WAAY,AACZ,YAAa,AACb,aAAc,AACd,kBAAoB,CACrB,AACD,yDACE,kBAAmB,AACnB,YAAa,AACb,eAAiB,CAClB,AACD,gEACE,kBAAmB,AACnB,UAAW,AACX,WAAY,AACZ,YAAa,AACb,gCAAqC,AACrC,UAAW,AACX,2BAA6B,AAC7B,sBAAwB,AACxB,mBAAqB,AACrB,WAAa,CACd,AACD,4FACE,SAAW,CACZ,AACD,4DACE,kBAAmB,AACnB,QAAS,AACT,SAAU,AACV,WAAY,AACZ,mBAAoB,AACpB,uCAAyC,AACrC,mCAAqC,AACjC,+BAAiC,AACzC,UAAW,AACX,2BAA6B,AAC7B,sBAAwB,AACxB,kBAAqB,CACtB,AACD,qOAGE,WAAY,AACZ,WAAY,AACZ,aAAc,AACd,0BAAiC,AACjC,eAAgB,AAChB,eAAgB,AAChB,2BAA6B,AAC7B,sBAAwB,AACxB,kBAAqB,CACtB,AACD,uPAGE,UAAY,CACb,AACD,+JAEE,SAAW,CACZ,AACD,gIAEE,gBAAiB,AACjB,cAAe,AACf,WAAY,AACZ,YAAa,AACb,oBAAqB,AAClB,gBAAkB,CACtB,AACD,yDACE,aAAc,AACd,eAAgB,AAChB,UAAW,AACX,gBAAiB,AACjB,iBAAmB,CACpB,AACD,0EACE,kBAAmB,AACnB,YAAa,AACb,aAAe,CAChB,AACD,mFACE,wBAA0B,CAC3B,AACD,yFACE,WAAa,CACd,AACD,iTAGE,YAAc,CACf,AACD,mEACE,gBAAiB,AACjB,qBAA2B,CAC5B,AACD,6DACE,YAAa,AACb,cAAgB,CACjB,AACD,0CACE,cAAe,AACf,eAAkB,CACnB,AACD,0LAIE,+BAAiC,AACzB,uBAAyB,AACjC,0DAAkE,AAC1D,iDAA0D,CACnE,AACD,2CACE,uCAAwC,AAChC,8BAAgC,CACzC,AACD,2CACE,wCAAyC,AACjC,+BAAiC,CAC1C,AACD,kDACE,6CAA8C,AACtC,oCAAsC,CAC/C,AACD,kDACE,8CAA+C,AACvC,qCAAuC,CAChD,AACD,mCACE,GACE,SAAU,AACV,SAAU,AACV,UAAW,AACX,SAAW,CACZ,CACF,AACD,2BACE,GACE,SAAU,AACV,SAAU,AACV,UAAW,AACX,SAAW,CACZ,CACF,AACD,oCACE,GACE,SAAU,AACV,SAAU,AACV,UAAW,AACX,SAAW,CACZ,CACF,AACD,4BACE,GACE,SAAU,AACV,SAAU,AACV,UAAW,AACX,SAAW,CACZ,CACF,AACD,yCACE,GACE,QAAS,AACT,SAAU,AACV,SAAU,AACV,UAAW,AACX,SAAW,CACZ,CACF,AACD,iCACE,GACE,QAAS,AACT,SAAU,AACV,SAAU,AACV,UAAW,AACX,SAAW,CACZ,CACF,AACD,0CACE,GACE,QAAS,AACT,SAAU,AACV,SAAU,AACV,UAAW,AACX,SAAW,CACZ,CACF,AACD,kCACE,GACE,QAAS,AACT,SAAU,AACV,SAAU,AACV,UAAW,AACX,SAAW,CACZ,CACF","file":"index.css","sourcesContent":["/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */\n/* stylelint-disable no-duplicate-selectors */\n/* stylelint-disable */\n/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */\n.ant-upload {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: rgba(0, 0, 0, 0.65);\n font-size: 14px;\n font-variant: tabular-nums;\n line-height: 1.5;\n list-style: none;\n -webkit-font-feature-settings: 'tnum';\n font-feature-settings: 'tnum';\n outline: 0;\n}\n.ant-upload p {\n margin: 0;\n}\n.ant-upload-btn {\n display: block;\n width: 100%;\n outline: none;\n}\n.ant-upload input[type='file'] {\n cursor: pointer;\n}\n.ant-upload.ant-upload-select {\n display: inline-block;\n}\n.ant-upload.ant-upload-disabled {\n cursor: not-allowed;\n}\n.ant-upload.ant-upload-select-picture-card {\n display: table;\n float: left;\n width: 104px;\n height: 104px;\n margin-right: 8px;\n margin-bottom: 8px;\n text-align: center;\n vertical-align: top;\n background-color: #fafafa;\n border: 1px dashed #d9d9d9;\n border-radius: 4px;\n cursor: pointer;\n -webkit-transition: border-color 0.3s ease;\n -o-transition: border-color 0.3s ease;\n transition: border-color 0.3s ease;\n}\n.ant-upload.ant-upload-select-picture-card > .ant-upload {\n display: table-cell;\n width: 100%;\n height: 100%;\n padding: 8px;\n text-align: center;\n vertical-align: middle;\n}\n.ant-upload.ant-upload-select-picture-card:hover {\n border-color: #1890ff;\n}\n.ant-upload.ant-upload-drag {\n position: relative;\n width: 100%;\n height: 100%;\n text-align: center;\n background: #fafafa;\n border: 1px dashed #d9d9d9;\n border-radius: 4px;\n cursor: pointer;\n -webkit-transition: border-color 0.3s;\n -o-transition: border-color 0.3s;\n transition: border-color 0.3s;\n}\n.ant-upload.ant-upload-drag .ant-upload {\n padding: 16px 0;\n}\n.ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {\n border-color: #096dd9;\n}\n.ant-upload.ant-upload-drag.ant-upload-disabled {\n cursor: not-allowed;\n}\n.ant-upload.ant-upload-drag .ant-upload-btn {\n display: table;\n height: 100%;\n}\n.ant-upload.ant-upload-drag .ant-upload-drag-container {\n display: table-cell;\n vertical-align: middle;\n}\n.ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {\n border-color: #40a9ff;\n}\n.ant-upload.ant-upload-drag p.ant-upload-drag-icon {\n margin-bottom: 20px;\n}\n.ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {\n color: #40a9ff;\n font-size: 48px;\n}\n.ant-upload.ant-upload-drag p.ant-upload-text {\n margin: 0 0 4px;\n color: rgba(0, 0, 0, 0.85);\n font-size: 16px;\n}\n.ant-upload.ant-upload-drag p.ant-upload-hint {\n color: rgba(0, 0, 0, 0.45);\n font-size: 14px;\n}\n.ant-upload.ant-upload-drag .anticon-plus {\n color: rgba(0, 0, 0, 0.25);\n font-size: 30px;\n -webkit-transition: all 0.3s;\n -o-transition: all 0.3s;\n transition: all 0.3s;\n}\n.ant-upload.ant-upload-drag .anticon-plus:hover {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-upload.ant-upload-drag:hover .anticon-plus {\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-upload-picture-card-wrapper {\n zoom: 1;\n display: inline-block;\n width: 100%;\n}\n.ant-upload-picture-card-wrapper::before,\n.ant-upload-picture-card-wrapper::after {\n display: table;\n content: '';\n}\n.ant-upload-picture-card-wrapper::after {\n clear: both;\n}\n.ant-upload-list {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: rgba(0, 0, 0, 0.65);\n font-size: 14px;\n font-variant: tabular-nums;\n line-height: 1.5;\n list-style: none;\n -webkit-font-feature-settings: 'tnum';\n font-feature-settings: 'tnum';\n zoom: 1;\n}\n.ant-upload-list::before,\n.ant-upload-list::after {\n display: table;\n content: '';\n}\n.ant-upload-list::after {\n clear: both;\n}\n.ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-1 {\n padding-right: 14px;\n}\n.ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-2 {\n padding-right: 28px;\n}\n.ant-upload-list-item {\n position: relative;\n height: 22px;\n margin-top: 8px;\n font-size: 14px;\n}\n.ant-upload-list-item-name {\n display: inline-block;\n width: 100%;\n padding-left: 22px;\n overflow: hidden;\n white-space: nowrap;\n -o-text-overflow: ellipsis;\n text-overflow: ellipsis;\n}\n.ant-upload-list-item-name-icon-count-1 {\n padding-right: 14px;\n}\n.ant-upload-list-item-card-actions {\n position: absolute;\n right: 0;\n opacity: 0;\n}\n.ant-upload-list-item-card-actions.picture {\n top: 25px;\n line-height: 1;\n opacity: 1;\n}\n.ant-upload-list-item-card-actions .anticon {\n padding-right: 5px;\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-upload-list-item-info {\n height: 100%;\n padding: 0 12px 0 4px;\n -webkit-transition: background-color 0.3s;\n -o-transition: background-color 0.3s;\n transition: background-color 0.3s;\n}\n.ant-upload-list-item-info > span {\n display: block;\n width: 100%;\n height: 100%;\n}\n.ant-upload-list-item-info .anticon-loading,\n.ant-upload-list-item-info .anticon-paper-clip {\n position: absolute;\n top: 5px;\n color: rgba(0, 0, 0, 0.45);\n font-size: 14px;\n}\n.ant-upload-list-item .anticon-close {\n display: inline-block;\n font-size: 12px;\n font-size: 10px \\9;\n -webkit-transform: scale(0.83333333) rotate(0deg);\n -ms-transform: scale(0.83333333) rotate(0deg);\n transform: scale(0.83333333) rotate(0deg);\n position: absolute;\n top: 6px;\n right: 4px;\n color: rgba(0, 0, 0, 0.45);\n line-height: 0;\n cursor: pointer;\n opacity: 0;\n -webkit-transition: all 0.3s;\n -o-transition: all 0.3s;\n transition: all 0.3s;\n}\n:root .ant-upload-list-item .anticon-close {\n font-size: 12px;\n}\n.ant-upload-list-item .anticon-close:hover {\n color: rgba(0, 0, 0, 0.65);\n}\n.ant-upload-list-item:hover .ant-upload-list-item-info {\n background-color: #e6f7ff;\n}\n.ant-upload-list-item:hover .anticon-close {\n opacity: 1;\n}\n.ant-upload-list-item:hover .ant-upload-list-item-card-actions {\n opacity: 1;\n}\n.ant-upload-list-item-error,\n.ant-upload-list-item-error .anticon-paper-clip,\n.ant-upload-list-item-error .ant-upload-list-item-name {\n color: #f5222d;\n}\n.ant-upload-list-item-error .ant-upload-list-item-card-actions {\n opacity: 1;\n}\n.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {\n padding-right: 5px;\n color: #f5222d;\n}\n.ant-upload-list-item-progress {\n position: absolute;\n bottom: -12px;\n width: 100%;\n padding-left: 26px;\n font-size: 14px;\n line-height: 0;\n}\n.ant-upload-list-picture .ant-upload-list-item,\n.ant-upload-list-picture-card .ant-upload-list-item {\n position: relative;\n height: 66px;\n padding: 8px;\n border: 1px solid #d9d9d9;\n border-radius: 4px;\n}\n.ant-upload-list-picture .ant-upload-list-item:hover,\n.ant-upload-list-picture-card .ant-upload-list-item:hover {\n background: transparent;\n}\n.ant-upload-list-picture .ant-upload-list-item-error,\n.ant-upload-list-picture-card .ant-upload-list-item-error {\n border-color: #f5222d;\n}\n.ant-upload-list-picture .ant-upload-list-item-info,\n.ant-upload-list-picture-card .ant-upload-list-item-info {\n padding: 0;\n}\n.ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info,\n.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info {\n background: transparent;\n}\n.ant-upload-list-picture .ant-upload-list-item-uploading,\n.ant-upload-list-picture-card .ant-upload-list-item-uploading {\n border-style: dashed;\n}\n.ant-upload-list-picture .ant-upload-list-item-thumbnail,\n.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {\n position: absolute;\n top: 8px;\n left: 8px;\n width: 48px;\n height: 48px;\n font-size: 26px;\n line-height: 54px;\n text-align: center;\n opacity: 0.8;\n}\n.ant-upload-list-picture .ant-upload-list-item-icon,\n.ant-upload-list-picture-card .ant-upload-list-item-icon {\n position: absolute;\n top: 50%;\n left: 50%;\n font-size: 26px;\n -webkit-transform: translate(-50%, -50%);\n -ms-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n}\n.ant-upload-list-picture .ant-upload-list-item-image,\n.ant-upload-list-picture-card .ant-upload-list-item-image {\n max-width: 100%;\n}\n.ant-upload-list-picture .ant-upload-list-item-thumbnail img,\n.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {\n display: block;\n width: 48px;\n height: 48px;\n overflow: hidden;\n}\n.ant-upload-list-picture .ant-upload-list-item-name,\n.ant-upload-list-picture-card .ant-upload-list-item-name {\n display: inline-block;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n max-width: 100%;\n margin: 0 0 0 8px;\n padding-right: 8px;\n padding-left: 48px;\n overflow: hidden;\n line-height: 44px;\n white-space: nowrap;\n -o-text-overflow: ellipsis;\n text-overflow: ellipsis;\n -webkit-transition: all 0.3s;\n -o-transition: all 0.3s;\n transition: all 0.3s;\n}\n.ant-upload-list-picture .ant-upload-list-item-name-icon-count-1,\n.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-1 {\n padding-right: 18px;\n}\n.ant-upload-list-picture .ant-upload-list-item-name-icon-count-2,\n.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-2 {\n padding-right: 36px;\n}\n.ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name,\n.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name {\n line-height: 28px;\n}\n.ant-upload-list-picture .ant-upload-list-item-progress,\n.ant-upload-list-picture-card .ant-upload-list-item-progress {\n bottom: 14px;\n width: calc(100% - 24px);\n margin-top: 0;\n padding-left: 56px;\n}\n.ant-upload-list-picture .anticon-close,\n.ant-upload-list-picture-card .anticon-close {\n position: absolute;\n top: 8px;\n right: 8px;\n line-height: 1;\n opacity: 1;\n}\n.ant-upload-list-picture-card.ant-upload-list::after {\n display: none;\n}\n.ant-upload-list-picture-card-container {\n float: left;\n width: 104px;\n height: 104px;\n margin: 0 8px 8px 0;\n}\n.ant-upload-list-picture-card .ant-upload-list-item {\n float: left;\n width: 104px;\n height: 104px;\n margin: 0 8px 8px 0;\n}\n.ant-upload-list-picture-card .ant-upload-list-item-info {\n position: relative;\n height: 100%;\n overflow: hidden;\n}\n.ant-upload-list-picture-card .ant-upload-list-item-info::before {\n position: absolute;\n z-index: 1;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.5);\n opacity: 0;\n -webkit-transition: all 0.3s;\n -o-transition: all 0.3s;\n transition: all 0.3s;\n content: ' ';\n}\n.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info::before {\n opacity: 1;\n}\n.ant-upload-list-picture-card .ant-upload-list-item-actions {\n position: absolute;\n top: 50%;\n left: 50%;\n z-index: 10;\n white-space: nowrap;\n -webkit-transform: translate(-50%, -50%);\n -ms-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n opacity: 0;\n -webkit-transition: all 0.3s;\n -o-transition: all 0.3s;\n transition: all 0.3s;\n}\n.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o,\n.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download,\n.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete {\n z-index: 10;\n width: 16px;\n margin: 0 4px;\n color: rgba(255, 255, 255, 0.85);\n font-size: 16px;\n cursor: pointer;\n -webkit-transition: all 0.3s;\n -o-transition: all 0.3s;\n transition: all 0.3s;\n}\n.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o:hover,\n.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download:hover,\n.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover {\n color: #fff;\n}\n.ant-upload-list-picture-card .ant-upload-list-item-info:hover + .ant-upload-list-item-actions,\n.ant-upload-list-picture-card .ant-upload-list-item-actions:hover {\n opacity: 1;\n}\n.ant-upload-list-picture-card .ant-upload-list-item-thumbnail,\n.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {\n position: static;\n display: block;\n width: 100%;\n height: 100%;\n -o-object-fit: cover;\n object-fit: cover;\n}\n.ant-upload-list-picture-card .ant-upload-list-item-name {\n display: none;\n margin: 8px 0 0;\n padding: 0;\n line-height: 1.5;\n text-align: center;\n}\n.ant-upload-list-picture-card .anticon-picture + .ant-upload-list-item-name {\n position: absolute;\n bottom: 10px;\n display: block;\n}\n.ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item {\n background-color: #fafafa;\n}\n.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info {\n height: auto;\n}\n.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info::before,\n.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye-o,\n.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete {\n display: none;\n}\n.ant-upload-list-picture-card .ant-upload-list-item-uploading-text {\n margin-top: 18px;\n color: rgba(0, 0, 0, 0.45);\n}\n.ant-upload-list-picture-card .ant-upload-list-item-progress {\n bottom: 32px;\n padding-left: 0;\n}\n.ant-upload-list .ant-upload-success-icon {\n color: #52c41a;\n font-weight: bold;\n}\n.ant-upload-list .ant-upload-animate-enter,\n.ant-upload-list .ant-upload-animate-leave,\n.ant-upload-list .ant-upload-animate-inline-enter,\n.ant-upload-list .ant-upload-animate-inline-leave {\n -webkit-animation-duration: 0.3s;\n animation-duration: 0.3s;\n -webkit-animation-fill-mode: cubic-bezier(0.78, 0.14, 0.15, 0.86);\n animation-fill-mode: cubic-bezier(0.78, 0.14, 0.15, 0.86);\n}\n.ant-upload-list .ant-upload-animate-enter {\n -webkit-animation-name: uploadAnimateIn;\n animation-name: uploadAnimateIn;\n}\n.ant-upload-list .ant-upload-animate-leave {\n -webkit-animation-name: uploadAnimateOut;\n animation-name: uploadAnimateOut;\n}\n.ant-upload-list .ant-upload-animate-inline-enter {\n -webkit-animation-name: uploadAnimateInlineIn;\n animation-name: uploadAnimateInlineIn;\n}\n.ant-upload-list .ant-upload-animate-inline-leave {\n -webkit-animation-name: uploadAnimateInlineOut;\n animation-name: uploadAnimateInlineOut;\n}\n@-webkit-keyframes uploadAnimateIn {\n from {\n height: 0;\n margin: 0;\n padding: 0;\n opacity: 0;\n }\n}\n@keyframes uploadAnimateIn {\n from {\n height: 0;\n margin: 0;\n padding: 0;\n opacity: 0;\n }\n}\n@-webkit-keyframes uploadAnimateOut {\n to {\n height: 0;\n margin: 0;\n padding: 0;\n opacity: 0;\n }\n}\n@keyframes uploadAnimateOut {\n to {\n height: 0;\n margin: 0;\n padding: 0;\n opacity: 0;\n }\n}\n@-webkit-keyframes uploadAnimateInlineIn {\n from {\n width: 0;\n height: 0;\n margin: 0;\n padding: 0;\n opacity: 0;\n }\n}\n@keyframes uploadAnimateInlineIn {\n from {\n width: 0;\n height: 0;\n margin: 0;\n padding: 0;\n opacity: 0;\n }\n}\n@-webkit-keyframes uploadAnimateInlineOut {\n to {\n width: 0;\n height: 0;\n margin: 0;\n padding: 0;\n opacity: 0;\n }\n}\n@keyframes uploadAnimateInlineOut {\n to {\n width: 0;\n height: 0;\n margin: 0;\n padding: 0;\n opacity: 0;\n }\n}\n"],"sourceRoot":""}]);
|
|
|
|
|
|
// exports
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1094:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__Upload__ = __webpack_require__(1095);
|
|
|
// export this package's api
|
|
|
|
|
|
|
|
|
/* harmony default export */ __webpack_exports__["default"] = (__WEBPACK_IMPORTED_MODULE_0__Upload__["a" /* default */]);
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1095:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__ = __webpack_require__(26);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck__ = __webpack_require__(11);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_createClass__ = __webpack_require__(44);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_createClass___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_createClass__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(13);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_possibleConstructorReturn__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_inherits__ = __webpack_require__(14);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_inherits__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_react__ = __webpack_require__(0);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_react__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_prop_types__ = __webpack_require__(1);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_prop_types__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__AjaxUploader__ = __webpack_require__(1096);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__IframeUploader__ = __webpack_require__(1100);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function empty() {}
|
|
|
|
|
|
var Upload = function (_Component) {
|
|
|
__WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_inherits___default()(Upload, _Component);
|
|
|
|
|
|
function Upload() {
|
|
|
var _ref;
|
|
|
|
|
|
var _temp, _this, _ret;
|
|
|
|
|
|
__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck___default()(this, Upload);
|
|
|
|
|
|
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
|
|
args[_key] = arguments[_key];
|
|
|
}
|
|
|
|
|
|
return _ret = (_temp = (_this = __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_possibleConstructorReturn___default()(this, (_ref = Upload.__proto__ || Object.getPrototypeOf(Upload)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
|
|
|
Component: null
|
|
|
}, _this.saveUploader = function (node) {
|
|
|
_this.uploader = node;
|
|
|
}, _temp), __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_possibleConstructorReturn___default()(_this, _ret);
|
|
|
}
|
|
|
|
|
|
__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_createClass___default()(Upload, [{
|
|
|
key: 'componentDidMount',
|
|
|
value: function componentDidMount() {
|
|
|
if (this.props.supportServerRender) {
|
|
|
/* eslint react/no-did-mount-set-state:0 */
|
|
|
this.setState({
|
|
|
Component: this.getComponent()
|
|
|
}, this.props.onReady);
|
|
|
}
|
|
|
}
|
|
|
}, {
|
|
|
key: 'getComponent',
|
|
|
value: function getComponent() {
|
|
|
return typeof File !== 'undefined' ? __WEBPACK_IMPORTED_MODULE_7__AjaxUploader__["a" /* default */] : __WEBPACK_IMPORTED_MODULE_8__IframeUploader__["a" /* default */];
|
|
|
}
|
|
|
}, {
|
|
|
key: 'abort',
|
|
|
value: function abort(file) {
|
|
|
this.uploader.abort(file);
|
|
|
}
|
|
|
}, {
|
|
|
key: 'render',
|
|
|
value: function render() {
|
|
|
if (this.props.supportServerRender) {
|
|
|
var _ComponentUploader = this.state.Component;
|
|
|
if (_ComponentUploader) {
|
|
|
return __WEBPACK_IMPORTED_MODULE_5_react___default.a.createElement(_ComponentUploader, __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default()({}, this.props, { ref: this.saveUploader }));
|
|
|
}
|
|
|
return null;
|
|
|
}
|
|
|
var ComponentUploader = this.getComponent();
|
|
|
return __WEBPACK_IMPORTED_MODULE_5_react___default.a.createElement(ComponentUploader, __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default()({}, this.props, { ref: this.saveUploader }));
|
|
|
}
|
|
|
}]);
|
|
|
|
|
|
return Upload;
|
|
|
}(__WEBPACK_IMPORTED_MODULE_5_react__["Component"]);
|
|
|
|
|
|
Upload.propTypes = {
|
|
|
component: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string,
|
|
|
style: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.object,
|
|
|
prefixCls: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string,
|
|
|
action: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string, __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func]),
|
|
|
name: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string,
|
|
|
multipart: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
|
|
|
directory: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
|
|
|
onError: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
|
|
|
onSuccess: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
|
|
|
onProgress: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
|
|
|
onStart: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
|
|
|
data: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.object, __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func]),
|
|
|
headers: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.object,
|
|
|
accept: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string,
|
|
|
multiple: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
|
|
|
disabled: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
|
|
|
beforeUpload: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
|
|
|
customRequest: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
|
|
|
onReady: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
|
|
|
withCredentials: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
|
|
|
supportServerRender: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
|
|
|
openFileDialogOnClick: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool
|
|
|
};
|
|
|
Upload.defaultProps = {
|
|
|
component: 'span',
|
|
|
prefixCls: 'rc-upload',
|
|
|
data: {},
|
|
|
headers: {},
|
|
|
name: 'file',
|
|
|
multipart: false,
|
|
|
onReady: empty,
|
|
|
onStart: empty,
|
|
|
onError: empty,
|
|
|
onSuccess: empty,
|
|
|
supportServerRender: false,
|
|
|
multiple: false,
|
|
|
beforeUpload: null,
|
|
|
customRequest: null,
|
|
|
withCredentials: false,
|
|
|
openFileDialogOnClick: true
|
|
|
};
|
|
|
|
|
|
|
|
|
/* harmony default export */ __webpack_exports__["a"] = (Upload);
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1096:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__ = __webpack_require__(26);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_defineProperty__ = __webpack_require__(66);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_defineProperty___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_defineProperty__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck__ = __webpack_require__(11);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_createClass__ = __webpack_require__(44);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_createClass___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_createClass__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(13);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits__ = __webpack_require__(14);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react__ = __webpack_require__(0);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_react__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_prop_types__ = __webpack_require__(1);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_7_prop_types__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_classnames__ = __webpack_require__(3);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_8_classnames__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__request__ = __webpack_require__(1097);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__uid__ = __webpack_require__(965);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__attr_accept__ = __webpack_require__(1098);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__traverseFileTree__ = __webpack_require__(1099);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* eslint react/no-is-mounted:0 react/sort-comp:0 */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var AjaxUploader = function (_Component) {
|
|
|
__WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits___default()(AjaxUploader, _Component);
|
|
|
|
|
|
function AjaxUploader() {
|
|
|
var _ref;
|
|
|
|
|
|
var _temp, _this, _ret;
|
|
|
|
|
|
__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck___default()(this, AjaxUploader);
|
|
|
|
|
|
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
|
|
args[_key] = arguments[_key];
|
|
|
}
|
|
|
|
|
|
return _ret = (_temp = (_this = __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn___default()(this, (_ref = AjaxUploader.__proto__ || Object.getPrototypeOf(AjaxUploader)).call.apply(_ref, [this].concat(args))), _this), _this.state = { uid: Object(__WEBPACK_IMPORTED_MODULE_10__uid__["a" /* default */])() }, _this.reqs = {}, _this.onChange = function (e) {
|
|
|
var files = e.target.files;
|
|
|
_this.uploadFiles(files);
|
|
|
_this.reset();
|
|
|
}, _this.onClick = function () {
|
|
|
var el = _this.fileInput;
|
|
|
if (!el) {
|
|
|
return;
|
|
|
}
|
|
|
el.click();
|
|
|
}, _this.onKeyDown = function (e) {
|
|
|
if (e.key === 'Enter') {
|
|
|
_this.onClick();
|
|
|
}
|
|
|
}, _this.onFileDrop = function (e) {
|
|
|
var multiple = _this.props.multiple;
|
|
|
|
|
|
|
|
|
e.preventDefault();
|
|
|
|
|
|
if (e.type === 'dragover') {
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
if (_this.props.directory) {
|
|
|
Object(__WEBPACK_IMPORTED_MODULE_12__traverseFileTree__["a" /* default */])(e.dataTransfer.items, _this.uploadFiles, function (_file) {
|
|
|
return Object(__WEBPACK_IMPORTED_MODULE_11__attr_accept__["a" /* default */])(_file, _this.props.accept);
|
|
|
});
|
|
|
} else {
|
|
|
var files = Array.prototype.slice.call(e.dataTransfer.files).filter(function (file) {
|
|
|
return Object(__WEBPACK_IMPORTED_MODULE_11__attr_accept__["a" /* default */])(file, _this.props.accept);
|
|
|
});
|
|
|
|
|
|
if (multiple === false) {
|
|
|
files = files.slice(0, 1);
|
|
|
}
|
|
|
|
|
|
_this.uploadFiles(files);
|
|
|
}
|
|
|
}, _this.uploadFiles = function (files) {
|
|
|
var postFiles = Array.prototype.slice.call(files);
|
|
|
postFiles.map(function (file) {
|
|
|
file.uid = Object(__WEBPACK_IMPORTED_MODULE_10__uid__["a" /* default */])();
|
|
|
return file;
|
|
|
}).forEach(function (file) {
|
|
|
_this.upload(file, postFiles);
|
|
|
});
|
|
|
}, _this.saveFileInput = function (node) {
|
|
|
_this.fileInput = node;
|
|
|
}, _temp), __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn___default()(_this, _ret);
|
|
|
}
|
|
|
|
|
|
__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_createClass___default()(AjaxUploader, [{
|
|
|
key: 'componentDidMount',
|
|
|
value: function componentDidMount() {
|
|
|
this._isMounted = true;
|
|
|
}
|
|
|
}, {
|
|
|
key: 'componentWillUnmount',
|
|
|
value: function componentWillUnmount() {
|
|
|
this._isMounted = false;
|
|
|
this.abort();
|
|
|
}
|
|
|
}, {
|
|
|
key: 'upload',
|
|
|
value: function upload(file, fileList) {
|
|
|
var _this2 = this;
|
|
|
|
|
|
var props = this.props;
|
|
|
|
|
|
if (!props.beforeUpload) {
|
|
|
// always async in case use react state to keep fileList
|
|
|
return setTimeout(function () {
|
|
|
return _this2.post(file);
|
|
|
}, 0);
|
|
|
}
|
|
|
|
|
|
var before = props.beforeUpload(file, fileList);
|
|
|
if (before && before.then) {
|
|
|
before.then(function (processedFile) {
|
|
|
var processedFileType = Object.prototype.toString.call(processedFile);
|
|
|
if (processedFileType === '[object File]' || processedFileType === '[object Blob]') {
|
|
|
return _this2.post(processedFile);
|
|
|
}
|
|
|
return _this2.post(file);
|
|
|
})['catch'](function (e) {
|
|
|
console && console.log(e); // eslint-disable-line
|
|
|
});
|
|
|
} else if (before !== false) {
|
|
|
setTimeout(function () {
|
|
|
return _this2.post(file);
|
|
|
}, 0);
|
|
|
}
|
|
|
}
|
|
|
}, {
|
|
|
key: 'post',
|
|
|
value: function post(file) {
|
|
|
var _this3 = this;
|
|
|
|
|
|
if (!this._isMounted) {
|
|
|
return;
|
|
|
}
|
|
|
var props = this.props;
|
|
|
var data = props.data;
|
|
|
var onStart = props.onStart,
|
|
|
onProgress = props.onProgress,
|
|
|
_props$transformFile = props.transformFile,
|
|
|
transformFile = _props$transformFile === undefined ? function (originFile) {
|
|
|
return originFile;
|
|
|
} : _props$transformFile;
|
|
|
|
|
|
|
|
|
new Promise(function (resolve) {
|
|
|
var action = props.action;
|
|
|
|
|
|
if (typeof action === 'function') {
|
|
|
return resolve(action(file));
|
|
|
}
|
|
|
resolve(action);
|
|
|
}).then(function (action) {
|
|
|
var uid = file.uid;
|
|
|
|
|
|
var request = props.customRequest || __WEBPACK_IMPORTED_MODULE_9__request__["a" /* default */];
|
|
|
var transform = Promise.resolve(transformFile(file))['catch'](function (e) {
|
|
|
console.error(e); // eslint-disable-line no-console
|
|
|
});
|
|
|
|
|
|
transform.then(function (transformedFile) {
|
|
|
if (typeof data === 'function') {
|
|
|
data = data(file);
|
|
|
}
|
|
|
|
|
|
var requestOption = {
|
|
|
action: action,
|
|
|
filename: props.name,
|
|
|
data: data,
|
|
|
file: transformedFile,
|
|
|
headers: props.headers,
|
|
|
withCredentials: props.withCredentials,
|
|
|
method: props.method || 'post',
|
|
|
onProgress: onProgress ? function (e) {
|
|
|
onProgress(e, file);
|
|
|
} : null,
|
|
|
onSuccess: function onSuccess(ret, xhr) {
|
|
|
delete _this3.reqs[uid];
|
|
|
props.onSuccess(ret, file, xhr);
|
|
|
},
|
|
|
onError: function onError(err, ret) {
|
|
|
delete _this3.reqs[uid];
|
|
|
props.onError(err, ret, file);
|
|
|
}
|
|
|
};
|
|
|
_this3.reqs[uid] = request(requestOption);
|
|
|
onStart(file);
|
|
|
});
|
|
|
});
|
|
|
}
|
|
|
}, {
|
|
|
key: 'reset',
|
|
|
value: function reset() {
|
|
|
this.setState({
|
|
|
uid: Object(__WEBPACK_IMPORTED_MODULE_10__uid__["a" /* default */])()
|
|
|
});
|
|
|
}
|
|
|
}, {
|
|
|
key: 'abort',
|
|
|
value: function abort(file) {
|
|
|
var reqs = this.reqs;
|
|
|
|
|
|
if (file) {
|
|
|
var uid = file;
|
|
|
if (file && file.uid) {
|
|
|
uid = file.uid;
|
|
|
}
|
|
|
if (reqs[uid] && reqs[uid].abort) {
|
|
|
reqs[uid].abort();
|
|
|
}
|
|
|
delete reqs[uid];
|
|
|
} else {
|
|
|
Object.keys(reqs).forEach(function (uid) {
|
|
|
if (reqs[uid] && reqs[uid].abort) {
|
|
|
reqs[uid].abort();
|
|
|
}
|
|
|
delete reqs[uid];
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
}, {
|
|
|
key: 'render',
|
|
|
value: function render() {
|
|
|
var _classNames;
|
|
|
|
|
|
var _props = this.props,
|
|
|
Tag = _props.component,
|
|
|
prefixCls = _props.prefixCls,
|
|
|
className = _props.className,
|
|
|
disabled = _props.disabled,
|
|
|
id = _props.id,
|
|
|
style = _props.style,
|
|
|
multiple = _props.multiple,
|
|
|
accept = _props.accept,
|
|
|
children = _props.children,
|
|
|
directory = _props.directory,
|
|
|
openFileDialogOnClick = _props.openFileDialogOnClick;
|
|
|
|
|
|
var cls = __WEBPACK_IMPORTED_MODULE_8_classnames___default()((_classNames = {}, __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_defineProperty___default()(_classNames, prefixCls, true), __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_defineProperty___default()(_classNames, prefixCls + '-disabled', disabled), __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_defineProperty___default()(_classNames, className, className), _classNames));
|
|
|
var events = disabled ? {} : {
|
|
|
onClick: openFileDialogOnClick ? this.onClick : function () {},
|
|
|
onKeyDown: openFileDialogOnClick ? this.onKeyDown : function () {},
|
|
|
onDrop: this.onFileDrop,
|
|
|
onDragOver: this.onFileDrop,
|
|
|
tabIndex: '0'
|
|
|
};
|
|
|
return __WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(
|
|
|
Tag,
|
|
|
__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default()({}, events, {
|
|
|
className: cls,
|
|
|
role: 'button',
|
|
|
style: style
|
|
|
}),
|
|
|
__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement('input', {
|
|
|
id: id,
|
|
|
type: 'file',
|
|
|
ref: this.saveFileInput,
|
|
|
onClick: function onClick(e) {
|
|
|
return e.stopPropagation();
|
|
|
} // https://github.com/ant-design/ant-design/issues/19948
|
|
|
, key: this.state.uid,
|
|
|
style: { display: 'none' },
|
|
|
accept: accept,
|
|
|
directory: directory ? 'directory' : null,
|
|
|
webkitdirectory: directory ? 'webkitdirectory' : null,
|
|
|
multiple: multiple,
|
|
|
onChange: this.onChange
|
|
|
}),
|
|
|
children
|
|
|
);
|
|
|
}
|
|
|
}]);
|
|
|
|
|
|
return AjaxUploader;
|
|
|
}(__WEBPACK_IMPORTED_MODULE_6_react__["Component"]);
|
|
|
|
|
|
AjaxUploader.propTypes = {
|
|
|
id: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.string,
|
|
|
component: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.string,
|
|
|
style: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.object,
|
|
|
prefixCls: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.string,
|
|
|
className: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.string,
|
|
|
multiple: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.bool,
|
|
|
directory: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.bool,
|
|
|
disabled: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.bool,
|
|
|
accept: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.string,
|
|
|
children: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.any,
|
|
|
onStart: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.func,
|
|
|
data: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.object, __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.func]),
|
|
|
action: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.string, __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.func]),
|
|
|
headers: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.object,
|
|
|
beforeUpload: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.func,
|
|
|
customRequest: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.func,
|
|
|
onProgress: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.func,
|
|
|
withCredentials: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.bool,
|
|
|
openFileDialogOnClick: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.bool,
|
|
|
transformFile: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.func
|
|
|
};
|
|
|
|
|
|
|
|
|
/* harmony default export */ __webpack_exports__["a"] = (AjaxUploader);
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1097:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
/* harmony export (immutable) */ __webpack_exports__["a"] = upload;
|
|
|
function getError(option, xhr) {
|
|
|
var msg = 'cannot ' + option.method + ' ' + option.action + ' ' + xhr.status + '\'';
|
|
|
var err = new Error(msg);
|
|
|
err.status = xhr.status;
|
|
|
err.method = option.method;
|
|
|
err.url = option.action;
|
|
|
return err;
|
|
|
}
|
|
|
|
|
|
function getBody(xhr) {
|
|
|
var text = xhr.responseText || xhr.response;
|
|
|
if (!text) {
|
|
|
return text;
|
|
|
}
|
|
|
|
|
|
try {
|
|
|
return JSON.parse(text);
|
|
|
} catch (e) {
|
|
|
return text;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
// option {
|
|
|
// onProgress: (event: { percent: number }): void,
|
|
|
// onError: (event: Error, body?: Object): void,
|
|
|
// onSuccess: (body: Object): void,
|
|
|
// data: Object,
|
|
|
// filename: String,
|
|
|
// file: File,
|
|
|
// withCredentials: Boolean,
|
|
|
// action: String,
|
|
|
// headers: Object,
|
|
|
// }
|
|
|
function upload(option) {
|
|
|
var xhr = new XMLHttpRequest();
|
|
|
|
|
|
if (option.onProgress && xhr.upload) {
|
|
|
xhr.upload.onprogress = function progress(e) {
|
|
|
if (e.total > 0) {
|
|
|
e.percent = e.loaded / e.total * 100;
|
|
|
}
|
|
|
option.onProgress(e);
|
|
|
};
|
|
|
}
|
|
|
|
|
|
var formData = new FormData();
|
|
|
|
|
|
if (option.data) {
|
|
|
Object.keys(option.data).forEach(function (key) {
|
|
|
var value = option.data[key];
|
|
|
// support key-value array data
|
|
|
if (Array.isArray(value)) {
|
|
|
value.forEach(function (item) {
|
|
|
// { list: [ 11, 22 ] }
|
|
|
// formData.append('list[]', 11);
|
|
|
formData.append(key + '[]', item);
|
|
|
});
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
formData.append(key, option.data[key]);
|
|
|
});
|
|
|
}
|
|
|
|
|
|
formData.append(option.filename, option.file);
|
|
|
|
|
|
xhr.onerror = function error(e) {
|
|
|
option.onError(e);
|
|
|
};
|
|
|
|
|
|
xhr.onload = function onload() {
|
|
|
// allow success when 2xx status
|
|
|
// see https://github.com/react-component/upload/issues/34
|
|
|
if (xhr.status < 200 || xhr.status >= 300) {
|
|
|
return option.onError(getError(option, xhr), getBody(xhr));
|
|
|
}
|
|
|
|
|
|
option.onSuccess(getBody(xhr), xhr);
|
|
|
};
|
|
|
|
|
|
xhr.open(option.method, option.action, true);
|
|
|
|
|
|
// Has to be after `.open()`. See https://github.com/enyo/dropzone/issues/179
|
|
|
if (option.withCredentials && 'withCredentials' in xhr) {
|
|
|
xhr.withCredentials = true;
|
|
|
}
|
|
|
|
|
|
var headers = option.headers || {};
|
|
|
|
|
|
// when set headers['X-Requested-With'] = null , can close default XHR header
|
|
|
// see https://github.com/react-component/upload/issues/33
|
|
|
if (headers['X-Requested-With'] !== null) {
|
|
|
xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
|
|
|
}
|
|
|
|
|
|
for (var h in headers) {
|
|
|
if (headers.hasOwnProperty(h) && headers[h] !== null) {
|
|
|
xhr.setRequestHeader(h, headers[h]);
|
|
|
}
|
|
|
}
|
|
|
xhr.send(formData);
|
|
|
|
|
|
return {
|
|
|
abort: function abort() {
|
|
|
xhr.abort();
|
|
|
}
|
|
|
};
|
|
|
}
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1098:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
function endsWith(str, suffix) {
|
|
|
return str.indexOf(suffix, str.length - suffix.length) !== -1;
|
|
|
}
|
|
|
|
|
|
/* harmony default export */ __webpack_exports__["a"] = (function (file, acceptedFiles) {
|
|
|
if (file && acceptedFiles) {
|
|
|
var acceptedFilesArray = Array.isArray(acceptedFiles) ? acceptedFiles : acceptedFiles.split(',');
|
|
|
var fileName = file.name || '';
|
|
|
var mimeType = file.type || '';
|
|
|
var baseMimeType = mimeType.replace(/\/.*$/, '');
|
|
|
|
|
|
return acceptedFilesArray.some(function (type) {
|
|
|
var validType = type.trim();
|
|
|
if (validType.charAt(0) === '.') {
|
|
|
return endsWith(fileName.toLowerCase(), validType.toLowerCase());
|
|
|
} else if (/\/\*$/.test(validType)) {
|
|
|
// This is something like a image/* mime type
|
|
|
return baseMimeType === validType.replace(/\/.*$/, '');
|
|
|
}
|
|
|
return mimeType === validType;
|
|
|
});
|
|
|
}
|
|
|
return true;
|
|
|
});
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1099:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
function loopFiles(item, callback) {
|
|
|
var dirReader = item.createReader();
|
|
|
var fileList = [];
|
|
|
|
|
|
function sequence() {
|
|
|
dirReader.readEntries(function (entries) {
|
|
|
var entryList = Array.prototype.slice.apply(entries);
|
|
|
fileList = fileList.concat(entryList);
|
|
|
|
|
|
// Check if all the file has been viewed
|
|
|
var isFinished = !entryList.length;
|
|
|
|
|
|
if (isFinished) {
|
|
|
callback(fileList);
|
|
|
} else {
|
|
|
sequence();
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
|
|
|
sequence();
|
|
|
}
|
|
|
|
|
|
var traverseFileTree = function traverseFileTree(files, callback, isAccepted) {
|
|
|
var _traverseFileTree = function _traverseFileTree(item, path) {
|
|
|
path = path || '';
|
|
|
if (item.isFile) {
|
|
|
item.file(function (file) {
|
|
|
if (isAccepted(file)) {
|
|
|
// https://github.com/ant-design/ant-design/issues/16426
|
|
|
if (item.fullPath && !file.webkitRelativePath) {
|
|
|
Object.defineProperties(file, {
|
|
|
webkitRelativePath: {
|
|
|
writable: true
|
|
|
}
|
|
|
});
|
|
|
file.webkitRelativePath = item.fullPath.replace(/^\//, '');
|
|
|
Object.defineProperties(file, {
|
|
|
webkitRelativePath: {
|
|
|
writable: false
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
callback([file]);
|
|
|
}
|
|
|
});
|
|
|
} else if (item.isDirectory) {
|
|
|
loopFiles(item, function (entries) {
|
|
|
entries.forEach(function (entryItem) {
|
|
|
_traverseFileTree(entryItem, '' + path + item.name + '/');
|
|
|
});
|
|
|
});
|
|
|
}
|
|
|
};
|
|
|
var _iteratorNormalCompletion = true;
|
|
|
var _didIteratorError = false;
|
|
|
var _iteratorError = undefined;
|
|
|
|
|
|
try {
|
|
|
for (var _iterator = files[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
|
|
|
var file = _step.value;
|
|
|
|
|
|
_traverseFileTree(file.webkitGetAsEntry());
|
|
|
}
|
|
|
} catch (err) {
|
|
|
_didIteratorError = true;
|
|
|
_iteratorError = err;
|
|
|
} finally {
|
|
|
try {
|
|
|
if (!_iteratorNormalCompletion && _iterator['return']) {
|
|
|
_iterator['return']();
|
|
|
}
|
|
|
} finally {
|
|
|
if (_didIteratorError) {
|
|
|
throw _iteratorError;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
};
|
|
|
|
|
|
/* harmony default export */ __webpack_exports__["a"] = (traverseFileTree);
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1100:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty__ = __webpack_require__(66);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends__ = __webpack_require__(26);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck__ = __webpack_require__(11);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_createClass__ = __webpack_require__(44);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_createClass___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_createClass__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(13);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits__ = __webpack_require__(14);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react__ = __webpack_require__(0);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_react__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_prop_types__ = __webpack_require__(1);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_7_prop_types__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_react_dom__ = __webpack_require__(4);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_react_dom___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_8_react_dom__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_classnames__ = __webpack_require__(3);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_9_classnames__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__uid__ = __webpack_require__(965);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11_warning__ = __webpack_require__(33);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11_warning___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_11_warning__);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* eslint react/sort-comp:0 */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var IFRAME_STYLE = {
|
|
|
position: 'absolute',
|
|
|
top: 0,
|
|
|
opacity: 0,
|
|
|
filter: 'alpha(opacity=0)',
|
|
|
left: 0,
|
|
|
zIndex: 9999
|
|
|
};
|
|
|
|
|
|
// diferent from AjaxUpload, can only upload on at one time, serial seriously
|
|
|
|
|
|
var IframeUploader = function (_Component) {
|
|
|
__WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits___default()(IframeUploader, _Component);
|
|
|
|
|
|
function IframeUploader() {
|
|
|
var _ref;
|
|
|
|
|
|
var _temp, _this, _ret;
|
|
|
|
|
|
__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck___default()(this, IframeUploader);
|
|
|
|
|
|
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
|
|
args[_key] = arguments[_key];
|
|
|
}
|
|
|
|
|
|
return _ret = (_temp = (_this = __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn___default()(this, (_ref = IframeUploader.__proto__ || Object.getPrototypeOf(IframeUploader)).call.apply(_ref, [this].concat(args))), _this), _this.state = { uploading: false }, _this.file = {}, _this.onLoad = function () {
|
|
|
if (!_this.state.uploading) {
|
|
|
return;
|
|
|
}
|
|
|
var _this2 = _this,
|
|
|
props = _this2.props,
|
|
|
file = _this2.file;
|
|
|
|
|
|
var response = void 0;
|
|
|
try {
|
|
|
var doc = _this.getIframeDocument();
|
|
|
var script = doc.getElementsByTagName('script')[0];
|
|
|
if (script && script.parentNode === doc.body) {
|
|
|
doc.body.removeChild(script);
|
|
|
}
|
|
|
response = doc.body.innerHTML;
|
|
|
props.onSuccess(response, file);
|
|
|
} catch (err) {
|
|
|
__WEBPACK_IMPORTED_MODULE_11_warning___default()(false, 'cross domain error for Upload. Maybe server should return document.domain script. see Note from https://github.com/react-component/upload');
|
|
|
response = 'cross-domain';
|
|
|
props.onError(err, null, file);
|
|
|
}
|
|
|
_this.endUpload();
|
|
|
}, _this.onChange = function () {
|
|
|
var target = _this.getFormInputNode();
|
|
|
// ie8/9 don't support FileList Object
|
|
|
// http://stackoverflow.com/questions/12830058/ie8-input-type-file-get-files
|
|
|
var file = _this.file = {
|
|
|
uid: Object(__WEBPACK_IMPORTED_MODULE_10__uid__["a" /* default */])(),
|
|
|
name: target.value && target.value.substring(target.value.lastIndexOf('\\') + 1, target.value.length)
|
|
|
};
|
|
|
_this.startUpload();
|
|
|
var _this3 = _this,
|
|
|
props = _this3.props;
|
|
|
|
|
|
if (!props.beforeUpload) {
|
|
|
return _this.post(file);
|
|
|
}
|
|
|
var before = props.beforeUpload(file);
|
|
|
if (before && before.then) {
|
|
|
before.then(function () {
|
|
|
_this.post(file);
|
|
|
}, function () {
|
|
|
_this.endUpload();
|
|
|
});
|
|
|
} else if (before !== false) {
|
|
|
_this.post(file);
|
|
|
} else {
|
|
|
_this.endUpload();
|
|
|
}
|
|
|
}, _this.saveIframe = function (node) {
|
|
|
_this.iframe = node;
|
|
|
}, _temp), __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn___default()(_this, _ret);
|
|
|
}
|
|
|
|
|
|
__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_createClass___default()(IframeUploader, [{
|
|
|
key: 'componentDidMount',
|
|
|
value: function componentDidMount() {
|
|
|
this.updateIframeWH();
|
|
|
this.initIframe();
|
|
|
}
|
|
|
}, {
|
|
|
key: 'componentDidUpdate',
|
|
|
value: function componentDidUpdate() {
|
|
|
this.updateIframeWH();
|
|
|
}
|
|
|
}, {
|
|
|
key: 'getIframeNode',
|
|
|
value: function getIframeNode() {
|
|
|
return this.iframe;
|
|
|
}
|
|
|
}, {
|
|
|
key: 'getIframeDocument',
|
|
|
value: function getIframeDocument() {
|
|
|
return this.getIframeNode().contentDocument;
|
|
|
}
|
|
|
}, {
|
|
|
key: 'getFormNode',
|
|
|
value: function getFormNode() {
|
|
|
return this.getIframeDocument().getElementById('form');
|
|
|
}
|
|
|
}, {
|
|
|
key: 'getFormInputNode',
|
|
|
value: function getFormInputNode() {
|
|
|
return this.getIframeDocument().getElementById('input');
|
|
|
}
|
|
|
}, {
|
|
|
key: 'getFormDataNode',
|
|
|
value: function getFormDataNode() {
|
|
|
return this.getIframeDocument().getElementById('data');
|
|
|
}
|
|
|
}, {
|
|
|
key: 'getFileForMultiple',
|
|
|
value: function getFileForMultiple(file) {
|
|
|
return this.props.multiple ? [file] : file;
|
|
|
}
|
|
|
}, {
|
|
|
key: 'getIframeHTML',
|
|
|
value: function getIframeHTML(domain) {
|
|
|
var domainScript = '';
|
|
|
var domainInput = '';
|
|
|
if (domain) {
|
|
|
var script = 'script';
|
|
|
domainScript = '<' + script + '>document.domain="' + domain + '";</' + script + '>';
|
|
|
domainInput = '<input name="_documentDomain" value="' + domain + '" />';
|
|
|
}
|
|
|
return '\n <!DOCTYPE html>\n <html>\n <head>\n <meta http-equiv="X-UA-Compatible" content="IE=edge" />\n <style>\n body,html {padding:0;margin:0;border:0;overflow:hidden;}\n </style>\n ' + domainScript + '\n </head>\n <body>\n <form method="post"\n encType="multipart/form-data"\n action="" id="form"\n style="display:block;height:9999px;position:relative;overflow:hidden;">\n <input id="input" type="file"\n name="' + this.props.name + '"\n style="position:absolute;top:0;right:0;height:9999px;font-size:9999px;cursor:pointer;"/>\n ' + domainInput + '\n <span id="data"></span>\n </form>\n </body>\n </html>\n ';
|
|
|
}
|
|
|
}, {
|
|
|
key: 'initIframeSrc',
|
|
|
value: function initIframeSrc() {
|
|
|
if (this.domain) {
|
|
|
this.getIframeNode().src = 'javascript:void((function(){\n var d = document;\n d.open();\n d.domain=\'' + this.domain + '\';\n d.write(\'\');\n d.close();\n })())';
|
|
|
}
|
|
|
}
|
|
|
}, {
|
|
|
key: 'initIframe',
|
|
|
value: function initIframe() {
|
|
|
var iframeNode = this.getIframeNode();
|
|
|
var win = iframeNode.contentWindow;
|
|
|
var doc = void 0;
|
|
|
this.domain = this.domain || '';
|
|
|
this.initIframeSrc();
|
|
|
try {
|
|
|
doc = win.document;
|
|
|
} catch (e) {
|
|
|
this.domain = document.domain;
|
|
|
this.initIframeSrc();
|
|
|
win = iframeNode.contentWindow;
|
|
|
doc = win.document;
|
|
|
}
|
|
|
doc.open('text/html', 'replace');
|
|
|
doc.write(this.getIframeHTML(this.domain));
|
|
|
doc.close();
|
|
|
this.getFormInputNode().onchange = this.onChange;
|
|
|
}
|
|
|
}, {
|
|
|
key: 'endUpload',
|
|
|
value: function endUpload() {
|
|
|
if (this.state.uploading) {
|
|
|
this.file = {};
|
|
|
// hack avoid batch
|
|
|
this.state.uploading = false;
|
|
|
this.setState({
|
|
|
uploading: false
|
|
|
});
|
|
|
this.initIframe();
|
|
|
}
|
|
|
}
|
|
|
}, {
|
|
|
key: 'startUpload',
|
|
|
value: function startUpload() {
|
|
|
if (!this.state.uploading) {
|
|
|
this.state.uploading = true;
|
|
|
this.setState({
|
|
|
uploading: true
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
}, {
|
|
|
key: 'updateIframeWH',
|
|
|
value: function updateIframeWH() {
|
|
|
var rootNode = __WEBPACK_IMPORTED_MODULE_8_react_dom___default.a.findDOMNode(this);
|
|
|
var iframeNode = this.getIframeNode();
|
|
|
iframeNode.style.height = rootNode.offsetHeight + 'px';
|
|
|
iframeNode.style.width = rootNode.offsetWidth + 'px';
|
|
|
}
|
|
|
}, {
|
|
|
key: 'abort',
|
|
|
value: function abort(file) {
|
|
|
if (file) {
|
|
|
var uid = file;
|
|
|
if (file && file.uid) {
|
|
|
uid = file.uid;
|
|
|
}
|
|
|
if (uid === this.file.uid) {
|
|
|
this.endUpload();
|
|
|
}
|
|
|
} else {
|
|
|
this.endUpload();
|
|
|
}
|
|
|
}
|
|
|
}, {
|
|
|
key: 'post',
|
|
|
value: function post(file) {
|
|
|
var _this4 = this;
|
|
|
|
|
|
var formNode = this.getFormNode();
|
|
|
var dataSpan = this.getFormDataNode();
|
|
|
var data = this.props.data;
|
|
|
var onStart = this.props.onStart;
|
|
|
|
|
|
if (typeof data === 'function') {
|
|
|
data = data(file);
|
|
|
}
|
|
|
var inputs = document.createDocumentFragment();
|
|
|
for (var key in data) {
|
|
|
if (data.hasOwnProperty(key)) {
|
|
|
var input = document.createElement('input');
|
|
|
input.setAttribute('name', key);
|
|
|
input.value = data[key];
|
|
|
inputs.appendChild(input);
|
|
|
}
|
|
|
}
|
|
|
dataSpan.appendChild(inputs);
|
|
|
new Promise(function (resolve) {
|
|
|
var action = _this4.props.action;
|
|
|
|
|
|
if (typeof action === 'function') {
|
|
|
return resolve(action(file));
|
|
|
}
|
|
|
resolve(action);
|
|
|
}).then(function (action) {
|
|
|
formNode.setAttribute('action', action);
|
|
|
formNode.submit();
|
|
|
dataSpan.innerHTML = '';
|
|
|
onStart(file);
|
|
|
});
|
|
|
}
|
|
|
}, {
|
|
|
key: 'render',
|
|
|
value: function render() {
|
|
|
var _classNames;
|
|
|
|
|
|
var _props = this.props,
|
|
|
Tag = _props.component,
|
|
|
disabled = _props.disabled,
|
|
|
className = _props.className,
|
|
|
prefixCls = _props.prefixCls,
|
|
|
children = _props.children,
|
|
|
style = _props.style;
|
|
|
|
|
|
var iframeStyle = __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends___default()({}, IFRAME_STYLE, {
|
|
|
display: this.state.uploading || disabled ? 'none' : ''
|
|
|
});
|
|
|
var cls = __WEBPACK_IMPORTED_MODULE_9_classnames___default()((_classNames = {}, __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty___default()(_classNames, prefixCls, true), __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty___default()(_classNames, prefixCls + '-disabled', disabled), __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty___default()(_classNames, className, className), _classNames));
|
|
|
return __WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(
|
|
|
Tag,
|
|
|
{
|
|
|
className: cls,
|
|
|
style: __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends___default()({ position: 'relative', zIndex: 0 }, style)
|
|
|
},
|
|
|
__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement('iframe', {
|
|
|
ref: this.saveIframe,
|
|
|
onLoad: this.onLoad,
|
|
|
style: iframeStyle
|
|
|
}),
|
|
|
children
|
|
|
);
|
|
|
}
|
|
|
}]);
|
|
|
|
|
|
return IframeUploader;
|
|
|
}(__WEBPACK_IMPORTED_MODULE_6_react__["Component"]);
|
|
|
|
|
|
IframeUploader.propTypes = {
|
|
|
component: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.string,
|
|
|
style: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.object,
|
|
|
disabled: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.bool,
|
|
|
prefixCls: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.string,
|
|
|
className: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.string,
|
|
|
accept: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.string,
|
|
|
onStart: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.func,
|
|
|
multiple: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.bool,
|
|
|
children: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.any,
|
|
|
data: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.object, __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.func]),
|
|
|
action: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.string, __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.func]),
|
|
|
name: __WEBPACK_IMPORTED_MODULE_7_prop_types___default.a.string
|
|
|
};
|
|
|
|
|
|
|
|
|
/* harmony default export */ __webpack_exports__["a"] = (IframeUploader);
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1101:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var baseIteratee = __webpack_require__(966),
|
|
|
baseUniq = __webpack_require__(1129);
|
|
|
|
|
|
/**
|
|
|
* This method is like `_.uniq` except that it accepts `iteratee` which is
|
|
|
* invoked for each element in `array` to generate the criterion by which
|
|
|
* uniqueness is computed. The order of result values is determined by the
|
|
|
* order they occur in the array. The iteratee is invoked with one argument:
|
|
|
* (value).
|
|
|
*
|
|
|
* @static
|
|
|
* @memberOf _
|
|
|
* @since 4.0.0
|
|
|
* @category Array
|
|
|
* @param {Array} array The array to inspect.
|
|
|
* @param {Function} [iteratee=_.identity] The iteratee invoked per element.
|
|
|
* @returns {Array} Returns the new duplicate free array.
|
|
|
* @example
|
|
|
*
|
|
|
* _.uniqBy([2.1, 1.2, 2.3], Math.floor);
|
|
|
* // => [2.1, 1.2]
|
|
|
*
|
|
|
* // The `_.property` iteratee shorthand.
|
|
|
* _.uniqBy([{ 'x': 1 }, { 'x': 2 }, { 'x': 1 }], 'x');
|
|
|
* // => [{ 'x': 1 }, { 'x': 2 }]
|
|
|
*/
|
|
|
function uniqBy(array, iteratee) {
|
|
|
return (array && array.length) ? baseUniq(array, baseIteratee(iteratee, 2)) : [];
|
|
|
}
|
|
|
|
|
|
module.exports = uniqBy;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1102:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var baseIsMatch = __webpack_require__(1103),
|
|
|
getMatchData = __webpack_require__(1123),
|
|
|
matchesStrictComparable = __webpack_require__(974);
|
|
|
|
|
|
/**
|
|
|
* The base implementation of `_.matches` which doesn't clone `source`.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {Object} source The object of property values to match.
|
|
|
* @returns {Function} Returns the new spec function.
|
|
|
*/
|
|
|
function baseMatches(source) {
|
|
|
var matchData = getMatchData(source);
|
|
|
if (matchData.length == 1 && matchData[0][2]) {
|
|
|
return matchesStrictComparable(matchData[0][0], matchData[0][1]);
|
|
|
}
|
|
|
return function(object) {
|
|
|
return object === source || baseIsMatch(object, source, matchData);
|
|
|
};
|
|
|
}
|
|
|
|
|
|
module.exports = baseMatches;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1103:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var Stack = __webpack_require__(893),
|
|
|
baseIsEqual = __webpack_require__(967);
|
|
|
|
|
|
/** Used to compose bitmasks for value comparisons. */
|
|
|
var COMPARE_PARTIAL_FLAG = 1,
|
|
|
COMPARE_UNORDERED_FLAG = 2;
|
|
|
|
|
|
/**
|
|
|
* The base implementation of `_.isMatch` without support for iteratee shorthands.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {Object} object The object to inspect.
|
|
|
* @param {Object} source The object of property values to match.
|
|
|
* @param {Array} matchData The property names, values, and compare flags to match.
|
|
|
* @param {Function} [customizer] The function to customize comparisons.
|
|
|
* @returns {boolean} Returns `true` if `object` is a match, else `false`.
|
|
|
*/
|
|
|
function baseIsMatch(object, source, matchData, customizer) {
|
|
|
var index = matchData.length,
|
|
|
length = index,
|
|
|
noCustomizer = !customizer;
|
|
|
|
|
|
if (object == null) {
|
|
|
return !length;
|
|
|
}
|
|
|
object = Object(object);
|
|
|
while (index--) {
|
|
|
var data = matchData[index];
|
|
|
if ((noCustomizer && data[2])
|
|
|
? data[1] !== object[data[0]]
|
|
|
: !(data[0] in object)
|
|
|
) {
|
|
|
return false;
|
|
|
}
|
|
|
}
|
|
|
while (++index < length) {
|
|
|
data = matchData[index];
|
|
|
var key = data[0],
|
|
|
objValue = object[key],
|
|
|
srcValue = data[1];
|
|
|
|
|
|
if (noCustomizer && data[2]) {
|
|
|
if (objValue === undefined && !(key in object)) {
|
|
|
return false;
|
|
|
}
|
|
|
} else {
|
|
|
var stack = new Stack;
|
|
|
if (customizer) {
|
|
|
var result = customizer(objValue, srcValue, key, object, source, stack);
|
|
|
}
|
|
|
if (!(result === undefined
|
|
|
? baseIsEqual(srcValue, objValue, COMPARE_PARTIAL_FLAG | COMPARE_UNORDERED_FLAG, customizer, stack)
|
|
|
: result
|
|
|
)) {
|
|
|
return false;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
return true;
|
|
|
}
|
|
|
|
|
|
module.exports = baseIsMatch;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1104:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var Stack = __webpack_require__(893),
|
|
|
equalArrays = __webpack_require__(968),
|
|
|
equalByTag = __webpack_require__(1108),
|
|
|
equalObjects = __webpack_require__(1110),
|
|
|
getTag = __webpack_require__(1119),
|
|
|
isArray = __webpack_require__(815),
|
|
|
isBuffer = __webpack_require__(851),
|
|
|
isTypedArray = __webpack_require__(852);
|
|
|
|
|
|
/** Used to compose bitmasks for value comparisons. */
|
|
|
var COMPARE_PARTIAL_FLAG = 1;
|
|
|
|
|
|
/** `Object#toString` result references. */
|
|
|
var argsTag = '[object Arguments]',
|
|
|
arrayTag = '[object Array]',
|
|
|
objectTag = '[object Object]';
|
|
|
|
|
|
/** Used for built-in method references. */
|
|
|
var objectProto = Object.prototype;
|
|
|
|
|
|
/** Used to check objects for own properties. */
|
|
|
var hasOwnProperty = objectProto.hasOwnProperty;
|
|
|
|
|
|
/**
|
|
|
* A specialized version of `baseIsEqual` for arrays and objects which performs
|
|
|
* deep comparisons and tracks traversed objects enabling objects with circular
|
|
|
* references to be compared.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {Object} object The object to compare.
|
|
|
* @param {Object} other The other object to compare.
|
|
|
* @param {number} bitmask The bitmask flags. See `baseIsEqual` for more details.
|
|
|
* @param {Function} customizer The function to customize comparisons.
|
|
|
* @param {Function} equalFunc The function to determine equivalents of values.
|
|
|
* @param {Object} [stack] Tracks traversed `object` and `other` objects.
|
|
|
* @returns {boolean} Returns `true` if the objects are equivalent, else `false`.
|
|
|
*/
|
|
|
function baseIsEqualDeep(object, other, bitmask, customizer, equalFunc, stack) {
|
|
|
var objIsArr = isArray(object),
|
|
|
othIsArr = isArray(other),
|
|
|
objTag = objIsArr ? arrayTag : getTag(object),
|
|
|
othTag = othIsArr ? arrayTag : getTag(other);
|
|
|
|
|
|
objTag = objTag == argsTag ? objectTag : objTag;
|
|
|
othTag = othTag == argsTag ? objectTag : othTag;
|
|
|
|
|
|
var objIsObj = objTag == objectTag,
|
|
|
othIsObj = othTag == objectTag,
|
|
|
isSameTag = objTag == othTag;
|
|
|
|
|
|
if (isSameTag && isBuffer(object)) {
|
|
|
if (!isBuffer(other)) {
|
|
|
return false;
|
|
|
}
|
|
|
objIsArr = true;
|
|
|
objIsObj = false;
|
|
|
}
|
|
|
if (isSameTag && !objIsObj) {
|
|
|
stack || (stack = new Stack);
|
|
|
return (objIsArr || isTypedArray(object))
|
|
|
? equalArrays(object, other, bitmask, customizer, equalFunc, stack)
|
|
|
: equalByTag(object, other, objTag, bitmask, customizer, equalFunc, stack);
|
|
|
}
|
|
|
if (!(bitmask & COMPARE_PARTIAL_FLAG)) {
|
|
|
var objIsWrapped = objIsObj && hasOwnProperty.call(object, '__wrapped__'),
|
|
|
othIsWrapped = othIsObj && hasOwnProperty.call(other, '__wrapped__');
|
|
|
|
|
|
if (objIsWrapped || othIsWrapped) {
|
|
|
var objUnwrapped = objIsWrapped ? object.value() : object,
|
|
|
othUnwrapped = othIsWrapped ? other.value() : other;
|
|
|
|
|
|
stack || (stack = new Stack);
|
|
|
return equalFunc(objUnwrapped, othUnwrapped, bitmask, customizer, stack);
|
|
|
}
|
|
|
}
|
|
|
if (!isSameTag) {
|
|
|
return false;
|
|
|
}
|
|
|
stack || (stack = new Stack);
|
|
|
return equalObjects(object, other, bitmask, customizer, equalFunc, stack);
|
|
|
}
|
|
|
|
|
|
module.exports = baseIsEqualDeep;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1105:
|
|
|
/***/ (function(module, exports) {
|
|
|
|
|
|
/** Used to stand-in for `undefined` hash values. */
|
|
|
var HASH_UNDEFINED = '__lodash_hash_undefined__';
|
|
|
|
|
|
/**
|
|
|
* Adds `value` to the array cache.
|
|
|
*
|
|
|
* @private
|
|
|
* @name add
|
|
|
* @memberOf SetCache
|
|
|
* @alias push
|
|
|
* @param {*} value The value to cache.
|
|
|
* @returns {Object} Returns the cache instance.
|
|
|
*/
|
|
|
function setCacheAdd(value) {
|
|
|
this.__data__.set(value, HASH_UNDEFINED);
|
|
|
return this;
|
|
|
}
|
|
|
|
|
|
module.exports = setCacheAdd;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1106:
|
|
|
/***/ (function(module, exports) {
|
|
|
|
|
|
/**
|
|
|
* Checks if `value` is in the array cache.
|
|
|
*
|
|
|
* @private
|
|
|
* @name has
|
|
|
* @memberOf SetCache
|
|
|
* @param {*} value The value to search for.
|
|
|
* @returns {number} Returns `true` if `value` is found, else `false`.
|
|
|
*/
|
|
|
function setCacheHas(value) {
|
|
|
return this.__data__.has(value);
|
|
|
}
|
|
|
|
|
|
module.exports = setCacheHas;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1107:
|
|
|
/***/ (function(module, exports) {
|
|
|
|
|
|
/**
|
|
|
* A specialized version of `_.some` for arrays without support for iteratee
|
|
|
* shorthands.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {Array} [array] The array to iterate over.
|
|
|
* @param {Function} predicate The function invoked per iteration.
|
|
|
* @returns {boolean} Returns `true` if any element passes the predicate check,
|
|
|
* else `false`.
|
|
|
*/
|
|
|
function arraySome(array, predicate) {
|
|
|
var index = -1,
|
|
|
length = array == null ? 0 : array.length;
|
|
|
|
|
|
while (++index < length) {
|
|
|
if (predicate(array[index], index, array)) {
|
|
|
return true;
|
|
|
}
|
|
|
}
|
|
|
return false;
|
|
|
}
|
|
|
|
|
|
module.exports = arraySome;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1108:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var Symbol = __webpack_require__(171),
|
|
|
Uint8Array = __webpack_require__(925),
|
|
|
eq = __webpack_require__(820),
|
|
|
equalArrays = __webpack_require__(968),
|
|
|
mapToArray = __webpack_require__(1109),
|
|
|
setToArray = __webpack_require__(914);
|
|
|
|
|
|
/** Used to compose bitmasks for value comparisons. */
|
|
|
var COMPARE_PARTIAL_FLAG = 1,
|
|
|
COMPARE_UNORDERED_FLAG = 2;
|
|
|
|
|
|
/** `Object#toString` result references. */
|
|
|
var boolTag = '[object Boolean]',
|
|
|
dateTag = '[object Date]',
|
|
|
errorTag = '[object Error]',
|
|
|
mapTag = '[object Map]',
|
|
|
numberTag = '[object Number]',
|
|
|
regexpTag = '[object RegExp]',
|
|
|
setTag = '[object Set]',
|
|
|
stringTag = '[object String]',
|
|
|
symbolTag = '[object Symbol]';
|
|
|
|
|
|
var arrayBufferTag = '[object ArrayBuffer]',
|
|
|
dataViewTag = '[object DataView]';
|
|
|
|
|
|
/** Used to convert symbols to primitives and strings. */
|
|
|
var symbolProto = Symbol ? Symbol.prototype : undefined,
|
|
|
symbolValueOf = symbolProto ? symbolProto.valueOf : undefined;
|
|
|
|
|
|
/**
|
|
|
* A specialized version of `baseIsEqualDeep` for comparing objects of
|
|
|
* the same `toStringTag`.
|
|
|
*
|
|
|
* **Note:** This function only supports comparing values with tags of
|
|
|
* `Boolean`, `Date`, `Error`, `Number`, `RegExp`, or `String`.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {Object} object The object to compare.
|
|
|
* @param {Object} other The other object to compare.
|
|
|
* @param {string} tag The `toStringTag` of the objects to compare.
|
|
|
* @param {number} bitmask The bitmask flags. See `baseIsEqual` for more details.
|
|
|
* @param {Function} customizer The function to customize comparisons.
|
|
|
* @param {Function} equalFunc The function to determine equivalents of values.
|
|
|
* @param {Object} stack Tracks traversed `object` and `other` objects.
|
|
|
* @returns {boolean} Returns `true` if the objects are equivalent, else `false`.
|
|
|
*/
|
|
|
function equalByTag(object, other, tag, bitmask, customizer, equalFunc, stack) {
|
|
|
switch (tag) {
|
|
|
case dataViewTag:
|
|
|
if ((object.byteLength != other.byteLength) ||
|
|
|
(object.byteOffset != other.byteOffset)) {
|
|
|
return false;
|
|
|
}
|
|
|
object = object.buffer;
|
|
|
other = other.buffer;
|
|
|
|
|
|
case arrayBufferTag:
|
|
|
if ((object.byteLength != other.byteLength) ||
|
|
|
!equalFunc(new Uint8Array(object), new Uint8Array(other))) {
|
|
|
return false;
|
|
|
}
|
|
|
return true;
|
|
|
|
|
|
case boolTag:
|
|
|
case dateTag:
|
|
|
case numberTag:
|
|
|
// Coerce booleans to `1` or `0` and dates to milliseconds.
|
|
|
// Invalid dates are coerced to `NaN`.
|
|
|
return eq(+object, +other);
|
|
|
|
|
|
case errorTag:
|
|
|
return object.name == other.name && object.message == other.message;
|
|
|
|
|
|
case regexpTag:
|
|
|
case stringTag:
|
|
|
// Coerce regexes to strings and treat strings, primitives and objects,
|
|
|
// as equal. See http://www.ecma-international.org/ecma-262/7.0/#sec-regexp.prototype.tostring
|
|
|
// for more details.
|
|
|
return object == (other + '');
|
|
|
|
|
|
case mapTag:
|
|
|
var convert = mapToArray;
|
|
|
|
|
|
case setTag:
|
|
|
var isPartial = bitmask & COMPARE_PARTIAL_FLAG;
|
|
|
convert || (convert = setToArray);
|
|
|
|
|
|
if (object.size != other.size && !isPartial) {
|
|
|
return false;
|
|
|
}
|
|
|
// Assume cyclic values are equal.
|
|
|
var stacked = stack.get(object);
|
|
|
if (stacked) {
|
|
|
return stacked == other;
|
|
|
}
|
|
|
bitmask |= COMPARE_UNORDERED_FLAG;
|
|
|
|
|
|
// Recursively compare objects (susceptible to call stack limits).
|
|
|
stack.set(object, other);
|
|
|
var result = equalArrays(convert(object), convert(other), bitmask, customizer, equalFunc, stack);
|
|
|
stack['delete'](object);
|
|
|
return result;
|
|
|
|
|
|
case symbolTag:
|
|
|
if (symbolValueOf) {
|
|
|
return symbolValueOf.call(object) == symbolValueOf.call(other);
|
|
|
}
|
|
|
}
|
|
|
return false;
|
|
|
}
|
|
|
|
|
|
module.exports = equalByTag;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1109:
|
|
|
/***/ (function(module, exports) {
|
|
|
|
|
|
/**
|
|
|
* Converts `map` to its key-value pairs.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {Object} map The map to convert.
|
|
|
* @returns {Array} Returns the key-value pairs.
|
|
|
*/
|
|
|
function mapToArray(map) {
|
|
|
var index = -1,
|
|
|
result = Array(map.size);
|
|
|
|
|
|
map.forEach(function(value, key) {
|
|
|
result[++index] = [key, value];
|
|
|
});
|
|
|
return result;
|
|
|
}
|
|
|
|
|
|
module.exports = mapToArray;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1110:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var getAllKeys = __webpack_require__(1111);
|
|
|
|
|
|
/** Used to compose bitmasks for value comparisons. */
|
|
|
var COMPARE_PARTIAL_FLAG = 1;
|
|
|
|
|
|
/** Used for built-in method references. */
|
|
|
var objectProto = Object.prototype;
|
|
|
|
|
|
/** Used to check objects for own properties. */
|
|
|
var hasOwnProperty = objectProto.hasOwnProperty;
|
|
|
|
|
|
/**
|
|
|
* A specialized version of `baseIsEqualDeep` for objects with support for
|
|
|
* partial deep comparisons.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {Object} object The object to compare.
|
|
|
* @param {Object} other The other object to compare.
|
|
|
* @param {number} bitmask The bitmask flags. See `baseIsEqual` for more details.
|
|
|
* @param {Function} customizer The function to customize comparisons.
|
|
|
* @param {Function} equalFunc The function to determine equivalents of values.
|
|
|
* @param {Object} stack Tracks traversed `object` and `other` objects.
|
|
|
* @returns {boolean} Returns `true` if the objects are equivalent, else `false`.
|
|
|
*/
|
|
|
function equalObjects(object, other, bitmask, customizer, equalFunc, stack) {
|
|
|
var isPartial = bitmask & COMPARE_PARTIAL_FLAG,
|
|
|
objProps = getAllKeys(object),
|
|
|
objLength = objProps.length,
|
|
|
othProps = getAllKeys(other),
|
|
|
othLength = othProps.length;
|
|
|
|
|
|
if (objLength != othLength && !isPartial) {
|
|
|
return false;
|
|
|
}
|
|
|
var index = objLength;
|
|
|
while (index--) {
|
|
|
var key = objProps[index];
|
|
|
if (!(isPartial ? key in other : hasOwnProperty.call(other, key))) {
|
|
|
return false;
|
|
|
}
|
|
|
}
|
|
|
// Assume cyclic values are equal.
|
|
|
var stacked = stack.get(object);
|
|
|
if (stacked && stack.get(other)) {
|
|
|
return stacked == other;
|
|
|
}
|
|
|
var result = true;
|
|
|
stack.set(object, other);
|
|
|
stack.set(other, object);
|
|
|
|
|
|
var skipCtor = isPartial;
|
|
|
while (++index < objLength) {
|
|
|
key = objProps[index];
|
|
|
var objValue = object[key],
|
|
|
othValue = other[key];
|
|
|
|
|
|
if (customizer) {
|
|
|
var compared = isPartial
|
|
|
? customizer(othValue, objValue, key, other, object, stack)
|
|
|
: customizer(objValue, othValue, key, object, other, stack);
|
|
|
}
|
|
|
// Recursively compare objects (susceptible to call stack limits).
|
|
|
if (!(compared === undefined
|
|
|
? (objValue === othValue || equalFunc(objValue, othValue, bitmask, customizer, stack))
|
|
|
: compared
|
|
|
)) {
|
|
|
result = false;
|
|
|
break;
|
|
|
}
|
|
|
skipCtor || (skipCtor = key == 'constructor');
|
|
|
}
|
|
|
if (result && !skipCtor) {
|
|
|
var objCtor = object.constructor,
|
|
|
othCtor = other.constructor;
|
|
|
|
|
|
// Non `Object` object instances with different constructors are not equal.
|
|
|
if (objCtor != othCtor &&
|
|
|
('constructor' in object && 'constructor' in other) &&
|
|
|
!(typeof objCtor == 'function' && objCtor instanceof objCtor &&
|
|
|
typeof othCtor == 'function' && othCtor instanceof othCtor)) {
|
|
|
result = false;
|
|
|
}
|
|
|
}
|
|
|
stack['delete'](object);
|
|
|
stack['delete'](other);
|
|
|
return result;
|
|
|
}
|
|
|
|
|
|
module.exports = equalObjects;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1111:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var baseGetAllKeys = __webpack_require__(1112),
|
|
|
getSymbols = __webpack_require__(1114),
|
|
|
keys = __webpack_require__(971);
|
|
|
|
|
|
/**
|
|
|
* Creates an array of own enumerable property names and symbols of `object`.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {Object} object The object to query.
|
|
|
* @returns {Array} Returns the array of property names and symbols.
|
|
|
*/
|
|
|
function getAllKeys(object) {
|
|
|
return baseGetAllKeys(object, keys, getSymbols);
|
|
|
}
|
|
|
|
|
|
module.exports = getAllKeys;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1112:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var arrayPush = __webpack_require__(1113),
|
|
|
isArray = __webpack_require__(815);
|
|
|
|
|
|
/**
|
|
|
* The base implementation of `getAllKeys` and `getAllKeysIn` which uses
|
|
|
* `keysFunc` and `symbolsFunc` to get the enumerable property names and
|
|
|
* symbols of `object`.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {Object} object The object to query.
|
|
|
* @param {Function} keysFunc The function to get the keys of `object`.
|
|
|
* @param {Function} symbolsFunc The function to get the symbols of `object`.
|
|
|
* @returns {Array} Returns the array of property names and symbols.
|
|
|
*/
|
|
|
function baseGetAllKeys(object, keysFunc, symbolsFunc) {
|
|
|
var result = keysFunc(object);
|
|
|
return isArray(object) ? result : arrayPush(result, symbolsFunc(object));
|
|
|
}
|
|
|
|
|
|
module.exports = baseGetAllKeys;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1113:
|
|
|
/***/ (function(module, exports) {
|
|
|
|
|
|
/**
|
|
|
* Appends the elements of `values` to `array`.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {Array} array The array to modify.
|
|
|
* @param {Array} values The values to append.
|
|
|
* @returns {Array} Returns `array`.
|
|
|
*/
|
|
|
function arrayPush(array, values) {
|
|
|
var index = -1,
|
|
|
length = values.length,
|
|
|
offset = array.length;
|
|
|
|
|
|
while (++index < length) {
|
|
|
array[offset + index] = values[index];
|
|
|
}
|
|
|
return array;
|
|
|
}
|
|
|
|
|
|
module.exports = arrayPush;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1114:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var arrayFilter = __webpack_require__(1115),
|
|
|
stubArray = __webpack_require__(1116);
|
|
|
|
|
|
/** Used for built-in method references. */
|
|
|
var objectProto = Object.prototype;
|
|
|
|
|
|
/** Built-in value references. */
|
|
|
var propertyIsEnumerable = objectProto.propertyIsEnumerable;
|
|
|
|
|
|
/* Built-in method references for those with the same name as other `lodash` methods. */
|
|
|
var nativeGetSymbols = Object.getOwnPropertySymbols;
|
|
|
|
|
|
/**
|
|
|
* Creates an array of the own enumerable symbols of `object`.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {Object} object The object to query.
|
|
|
* @returns {Array} Returns the array of symbols.
|
|
|
*/
|
|
|
var getSymbols = !nativeGetSymbols ? stubArray : function(object) {
|
|
|
if (object == null) {
|
|
|
return [];
|
|
|
}
|
|
|
object = Object(object);
|
|
|
return arrayFilter(nativeGetSymbols(object), function(symbol) {
|
|
|
return propertyIsEnumerable.call(object, symbol);
|
|
|
});
|
|
|
};
|
|
|
|
|
|
module.exports = getSymbols;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1115:
|
|
|
/***/ (function(module, exports) {
|
|
|
|
|
|
/**
|
|
|
* A specialized version of `_.filter` for arrays without support for
|
|
|
* iteratee shorthands.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {Array} [array] The array to iterate over.
|
|
|
* @param {Function} predicate The function invoked per iteration.
|
|
|
* @returns {Array} Returns the new filtered array.
|
|
|
*/
|
|
|
function arrayFilter(array, predicate) {
|
|
|
var index = -1,
|
|
|
length = array == null ? 0 : array.length,
|
|
|
resIndex = 0,
|
|
|
result = [];
|
|
|
|
|
|
while (++index < length) {
|
|
|
var value = array[index];
|
|
|
if (predicate(value, index, array)) {
|
|
|
result[resIndex++] = value;
|
|
|
}
|
|
|
}
|
|
|
return result;
|
|
|
}
|
|
|
|
|
|
module.exports = arrayFilter;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1116:
|
|
|
/***/ (function(module, exports) {
|
|
|
|
|
|
/**
|
|
|
* This method returns a new empty array.
|
|
|
*
|
|
|
* @static
|
|
|
* @memberOf _
|
|
|
* @since 4.13.0
|
|
|
* @category Util
|
|
|
* @returns {Array} Returns the new empty array.
|
|
|
* @example
|
|
|
*
|
|
|
* var arrays = _.times(2, _.stubArray);
|
|
|
*
|
|
|
* console.log(arrays);
|
|
|
* // => [[], []]
|
|
|
*
|
|
|
* console.log(arrays[0] === arrays[1]);
|
|
|
* // => false
|
|
|
*/
|
|
|
function stubArray() {
|
|
|
return [];
|
|
|
}
|
|
|
|
|
|
module.exports = stubArray;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1117:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var isPrototype = __webpack_require__(907),
|
|
|
nativeKeys = __webpack_require__(1118);
|
|
|
|
|
|
/** Used for built-in method references. */
|
|
|
var objectProto = Object.prototype;
|
|
|
|
|
|
/** Used to check objects for own properties. */
|
|
|
var hasOwnProperty = objectProto.hasOwnProperty;
|
|
|
|
|
|
/**
|
|
|
* The base implementation of `_.keys` which doesn't treat sparse arrays as dense.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {Object} object The object to query.
|
|
|
* @returns {Array} Returns the array of property names.
|
|
|
*/
|
|
|
function baseKeys(object) {
|
|
|
if (!isPrototype(object)) {
|
|
|
return nativeKeys(object);
|
|
|
}
|
|
|
var result = [];
|
|
|
for (var key in Object(object)) {
|
|
|
if (hasOwnProperty.call(object, key) && key != 'constructor') {
|
|
|
result.push(key);
|
|
|
}
|
|
|
}
|
|
|
return result;
|
|
|
}
|
|
|
|
|
|
module.exports = baseKeys;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1118:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var overArg = __webpack_require__(926);
|
|
|
|
|
|
/* Built-in method references for those with the same name as other `lodash` methods. */
|
|
|
var nativeKeys = overArg(Object.keys, Object);
|
|
|
|
|
|
module.exports = nativeKeys;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1119:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var DataView = __webpack_require__(1120),
|
|
|
Map = __webpack_require__(829),
|
|
|
Promise = __webpack_require__(1121),
|
|
|
Set = __webpack_require__(972),
|
|
|
WeakMap = __webpack_require__(1122),
|
|
|
baseGetTag = __webpack_require__(297),
|
|
|
toSource = __webpack_require__(846);
|
|
|
|
|
|
/** `Object#toString` result references. */
|
|
|
var mapTag = '[object Map]',
|
|
|
objectTag = '[object Object]',
|
|
|
promiseTag = '[object Promise]',
|
|
|
setTag = '[object Set]',
|
|
|
weakMapTag = '[object WeakMap]';
|
|
|
|
|
|
var dataViewTag = '[object DataView]';
|
|
|
|
|
|
/** Used to detect maps, sets, and weakmaps. */
|
|
|
var dataViewCtorString = toSource(DataView),
|
|
|
mapCtorString = toSource(Map),
|
|
|
promiseCtorString = toSource(Promise),
|
|
|
setCtorString = toSource(Set),
|
|
|
weakMapCtorString = toSource(WeakMap);
|
|
|
|
|
|
/**
|
|
|
* Gets the `toStringTag` of `value`.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {*} value The value to query.
|
|
|
* @returns {string} Returns the `toStringTag`.
|
|
|
*/
|
|
|
var getTag = baseGetTag;
|
|
|
|
|
|
// Fallback for data views, maps, sets, and weak maps in IE 11 and promises in Node.js < 6.
|
|
|
if ((DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag) ||
|
|
|
(Map && getTag(new Map) != mapTag) ||
|
|
|
(Promise && getTag(Promise.resolve()) != promiseTag) ||
|
|
|
(Set && getTag(new Set) != setTag) ||
|
|
|
(WeakMap && getTag(new WeakMap) != weakMapTag)) {
|
|
|
getTag = function(value) {
|
|
|
var result = baseGetTag(value),
|
|
|
Ctor = result == objectTag ? value.constructor : undefined,
|
|
|
ctorString = Ctor ? toSource(Ctor) : '';
|
|
|
|
|
|
if (ctorString) {
|
|
|
switch (ctorString) {
|
|
|
case dataViewCtorString: return dataViewTag;
|
|
|
case mapCtorString: return mapTag;
|
|
|
case promiseCtorString: return promiseTag;
|
|
|
case setCtorString: return setTag;
|
|
|
case weakMapCtorString: return weakMapTag;
|
|
|
}
|
|
|
}
|
|
|
return result;
|
|
|
};
|
|
|
}
|
|
|
|
|
|
module.exports = getTag;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1120:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var getNative = __webpack_require__(816),
|
|
|
root = __webpack_require__(162);
|
|
|
|
|
|
/* Built-in method references that are verified to be native. */
|
|
|
var DataView = getNative(root, 'DataView');
|
|
|
|
|
|
module.exports = DataView;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1121:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var getNative = __webpack_require__(816),
|
|
|
root = __webpack_require__(162);
|
|
|
|
|
|
/* Built-in method references that are verified to be native. */
|
|
|
var Promise = getNative(root, 'Promise');
|
|
|
|
|
|
module.exports = Promise;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1122:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var getNative = __webpack_require__(816),
|
|
|
root = __webpack_require__(162);
|
|
|
|
|
|
/* Built-in method references that are verified to be native. */
|
|
|
var WeakMap = getNative(root, 'WeakMap');
|
|
|
|
|
|
module.exports = WeakMap;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1123:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var isStrictComparable = __webpack_require__(973),
|
|
|
keys = __webpack_require__(971);
|
|
|
|
|
|
/**
|
|
|
* Gets the property names, values, and compare flags of `object`.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {Object} object The object to query.
|
|
|
* @returns {Array} Returns the match data of `object`.
|
|
|
*/
|
|
|
function getMatchData(object) {
|
|
|
var result = keys(object),
|
|
|
length = result.length;
|
|
|
|
|
|
while (length--) {
|
|
|
var key = result[length],
|
|
|
value = object[key];
|
|
|
|
|
|
result[length] = [key, value, isStrictComparable(value)];
|
|
|
}
|
|
|
return result;
|
|
|
}
|
|
|
|
|
|
module.exports = getMatchData;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1124:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var baseIsEqual = __webpack_require__(967),
|
|
|
get = __webpack_require__(843),
|
|
|
hasIn = __webpack_require__(1125),
|
|
|
isKey = __webpack_require__(836),
|
|
|
isStrictComparable = __webpack_require__(973),
|
|
|
matchesStrictComparable = __webpack_require__(974),
|
|
|
toKey = __webpack_require__(821);
|
|
|
|
|
|
/** Used to compose bitmasks for value comparisons. */
|
|
|
var COMPARE_PARTIAL_FLAG = 1,
|
|
|
COMPARE_UNORDERED_FLAG = 2;
|
|
|
|
|
|
/**
|
|
|
* The base implementation of `_.matchesProperty` which doesn't clone `srcValue`.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {string} path The path of the property to get.
|
|
|
* @param {*} srcValue The value to match.
|
|
|
* @returns {Function} Returns the new spec function.
|
|
|
*/
|
|
|
function baseMatchesProperty(path, srcValue) {
|
|
|
if (isKey(path) && isStrictComparable(srcValue)) {
|
|
|
return matchesStrictComparable(toKey(path), srcValue);
|
|
|
}
|
|
|
return function(object) {
|
|
|
var objValue = get(object, path);
|
|
|
return (objValue === undefined && objValue === srcValue)
|
|
|
? hasIn(object, path)
|
|
|
: baseIsEqual(srcValue, objValue, COMPARE_PARTIAL_FLAG | COMPARE_UNORDERED_FLAG);
|
|
|
};
|
|
|
}
|
|
|
|
|
|
module.exports = baseMatchesProperty;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1125:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var baseHasIn = __webpack_require__(1126),
|
|
|
hasPath = __webpack_require__(912);
|
|
|
|
|
|
/**
|
|
|
* Checks if `path` is a direct or inherited property of `object`.
|
|
|
*
|
|
|
* @static
|
|
|
* @memberOf _
|
|
|
* @since 4.0.0
|
|
|
* @category Object
|
|
|
* @param {Object} object The object to query.
|
|
|
* @param {Array|string} path The path to check.
|
|
|
* @returns {boolean} Returns `true` if `path` exists, else `false`.
|
|
|
* @example
|
|
|
*
|
|
|
* var object = _.create({ 'a': _.create({ 'b': 2 }) });
|
|
|
*
|
|
|
* _.hasIn(object, 'a');
|
|
|
* // => true
|
|
|
*
|
|
|
* _.hasIn(object, 'a.b');
|
|
|
* // => true
|
|
|
*
|
|
|
* _.hasIn(object, ['a', 'b']);
|
|
|
* // => true
|
|
|
*
|
|
|
* _.hasIn(object, 'b');
|
|
|
* // => false
|
|
|
*/
|
|
|
function hasIn(object, path) {
|
|
|
return object != null && hasPath(object, path, baseHasIn);
|
|
|
}
|
|
|
|
|
|
module.exports = hasIn;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1126:
|
|
|
/***/ (function(module, exports) {
|
|
|
|
|
|
/**
|
|
|
* The base implementation of `_.hasIn` without support for deep paths.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {Object} [object] The object to query.
|
|
|
* @param {Array|string} key The key to check.
|
|
|
* @returns {boolean} Returns `true` if `key` exists, else `false`.
|
|
|
*/
|
|
|
function baseHasIn(object, key) {
|
|
|
return object != null && key in Object(object);
|
|
|
}
|
|
|
|
|
|
module.exports = baseHasIn;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1127:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var baseProperty = __webpack_require__(1086),
|
|
|
basePropertyDeep = __webpack_require__(1128),
|
|
|
isKey = __webpack_require__(836),
|
|
|
toKey = __webpack_require__(821);
|
|
|
|
|
|
/**
|
|
|
* Creates a function that returns the value at `path` of a given object.
|
|
|
*
|
|
|
* @static
|
|
|
* @memberOf _
|
|
|
* @since 2.4.0
|
|
|
* @category Util
|
|
|
* @param {Array|string} path The path of the property to get.
|
|
|
* @returns {Function} Returns the new accessor function.
|
|
|
* @example
|
|
|
*
|
|
|
* var objects = [
|
|
|
* { 'a': { 'b': 2 } },
|
|
|
* { 'a': { 'b': 1 } }
|
|
|
* ];
|
|
|
*
|
|
|
* _.map(objects, _.property('a.b'));
|
|
|
* // => [2, 1]
|
|
|
*
|
|
|
* _.map(_.sortBy(objects, _.property(['a', 'b'])), 'a.b');
|
|
|
* // => [1, 2]
|
|
|
*/
|
|
|
function property(path) {
|
|
|
return isKey(path) ? baseProperty(toKey(path)) : basePropertyDeep(path);
|
|
|
}
|
|
|
|
|
|
module.exports = property;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1128:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var baseGet = __webpack_require__(847);
|
|
|
|
|
|
/**
|
|
|
* A specialized version of `baseProperty` which supports deep paths.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {Array|string} path The path of the property to get.
|
|
|
* @returns {Function} Returns the new accessor function.
|
|
|
*/
|
|
|
function basePropertyDeep(path) {
|
|
|
return function(object) {
|
|
|
return baseGet(object, path);
|
|
|
};
|
|
|
}
|
|
|
|
|
|
module.exports = basePropertyDeep;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1129:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var SetCache = __webpack_require__(969),
|
|
|
arrayIncludes = __webpack_require__(1130),
|
|
|
arrayIncludesWith = __webpack_require__(1134),
|
|
|
cacheHas = __webpack_require__(970),
|
|
|
createSet = __webpack_require__(1135),
|
|
|
setToArray = __webpack_require__(914);
|
|
|
|
|
|
/** Used as the size to enable large array optimizations. */
|
|
|
var LARGE_ARRAY_SIZE = 200;
|
|
|
|
|
|
/**
|
|
|
* The base implementation of `_.uniqBy` without support for iteratee shorthands.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {Array} array The array to inspect.
|
|
|
* @param {Function} [iteratee] The iteratee invoked per element.
|
|
|
* @param {Function} [comparator] The comparator invoked per element.
|
|
|
* @returns {Array} Returns the new duplicate free array.
|
|
|
*/
|
|
|
function baseUniq(array, iteratee, comparator) {
|
|
|
var index = -1,
|
|
|
includes = arrayIncludes,
|
|
|
length = array.length,
|
|
|
isCommon = true,
|
|
|
result = [],
|
|
|
seen = result;
|
|
|
|
|
|
if (comparator) {
|
|
|
isCommon = false;
|
|
|
includes = arrayIncludesWith;
|
|
|
}
|
|
|
else if (length >= LARGE_ARRAY_SIZE) {
|
|
|
var set = iteratee ? null : createSet(array);
|
|
|
if (set) {
|
|
|
return setToArray(set);
|
|
|
}
|
|
|
isCommon = false;
|
|
|
includes = cacheHas;
|
|
|
seen = new SetCache;
|
|
|
}
|
|
|
else {
|
|
|
seen = iteratee ? [] : result;
|
|
|
}
|
|
|
outer:
|
|
|
while (++index < length) {
|
|
|
var value = array[index],
|
|
|
computed = iteratee ? iteratee(value) : value;
|
|
|
|
|
|
value = (comparator || value !== 0) ? value : 0;
|
|
|
if (isCommon && computed === computed) {
|
|
|
var seenIndex = seen.length;
|
|
|
while (seenIndex--) {
|
|
|
if (seen[seenIndex] === computed) {
|
|
|
continue outer;
|
|
|
}
|
|
|
}
|
|
|
if (iteratee) {
|
|
|
seen.push(computed);
|
|
|
}
|
|
|
result.push(value);
|
|
|
}
|
|
|
else if (!includes(seen, computed, comparator)) {
|
|
|
if (seen !== result) {
|
|
|
seen.push(computed);
|
|
|
}
|
|
|
result.push(value);
|
|
|
}
|
|
|
}
|
|
|
return result;
|
|
|
}
|
|
|
|
|
|
module.exports = baseUniq;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1130:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var baseIndexOf = __webpack_require__(1131);
|
|
|
|
|
|
/**
|
|
|
* A specialized version of `_.includes` for arrays without support for
|
|
|
* specifying an index to search from.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {Array} [array] The array to inspect.
|
|
|
* @param {*} target The value to search for.
|
|
|
* @returns {boolean} Returns `true` if `target` is found, else `false`.
|
|
|
*/
|
|
|
function arrayIncludes(array, value) {
|
|
|
var length = array == null ? 0 : array.length;
|
|
|
return !!length && baseIndexOf(array, value, 0) > -1;
|
|
|
}
|
|
|
|
|
|
module.exports = arrayIncludes;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1131:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var baseFindIndex = __webpack_require__(975),
|
|
|
baseIsNaN = __webpack_require__(1132),
|
|
|
strictIndexOf = __webpack_require__(1133);
|
|
|
|
|
|
/**
|
|
|
* The base implementation of `_.indexOf` without `fromIndex` bounds checks.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {Array} array The array to inspect.
|
|
|
* @param {*} value The value to search for.
|
|
|
* @param {number} fromIndex The index to search from.
|
|
|
* @returns {number} Returns the index of the matched value, else `-1`.
|
|
|
*/
|
|
|
function baseIndexOf(array, value, fromIndex) {
|
|
|
return value === value
|
|
|
? strictIndexOf(array, value, fromIndex)
|
|
|
: baseFindIndex(array, baseIsNaN, fromIndex);
|
|
|
}
|
|
|
|
|
|
module.exports = baseIndexOf;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1132:
|
|
|
/***/ (function(module, exports) {
|
|
|
|
|
|
/**
|
|
|
* The base implementation of `_.isNaN` without support for number objects.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {*} value The value to check.
|
|
|
* @returns {boolean} Returns `true` if `value` is `NaN`, else `false`.
|
|
|
*/
|
|
|
function baseIsNaN(value) {
|
|
|
return value !== value;
|
|
|
}
|
|
|
|
|
|
module.exports = baseIsNaN;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1133:
|
|
|
/***/ (function(module, exports) {
|
|
|
|
|
|
/**
|
|
|
* A specialized version of `_.indexOf` which performs strict equality
|
|
|
* comparisons of values, i.e. `===`.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {Array} array The array to inspect.
|
|
|
* @param {*} value The value to search for.
|
|
|
* @param {number} fromIndex The index to search from.
|
|
|
* @returns {number} Returns the index of the matched value, else `-1`.
|
|
|
*/
|
|
|
function strictIndexOf(array, value, fromIndex) {
|
|
|
var index = fromIndex - 1,
|
|
|
length = array.length;
|
|
|
|
|
|
while (++index < length) {
|
|
|
if (array[index] === value) {
|
|
|
return index;
|
|
|
}
|
|
|
}
|
|
|
return -1;
|
|
|
}
|
|
|
|
|
|
module.exports = strictIndexOf;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1134:
|
|
|
/***/ (function(module, exports) {
|
|
|
|
|
|
/**
|
|
|
* This function is like `arrayIncludes` except that it accepts a comparator.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {Array} [array] The array to inspect.
|
|
|
* @param {*} target The value to search for.
|
|
|
* @param {Function} comparator The comparator invoked per element.
|
|
|
* @returns {boolean} Returns `true` if `target` is found, else `false`.
|
|
|
*/
|
|
|
function arrayIncludesWith(array, value, comparator) {
|
|
|
var index = -1,
|
|
|
length = array == null ? 0 : array.length;
|
|
|
|
|
|
while (++index < length) {
|
|
|
if (comparator(value, array[index])) {
|
|
|
return true;
|
|
|
}
|
|
|
}
|
|
|
return false;
|
|
|
}
|
|
|
|
|
|
module.exports = arrayIncludesWith;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1135:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var Set = __webpack_require__(972),
|
|
|
noop = __webpack_require__(1136),
|
|
|
setToArray = __webpack_require__(914);
|
|
|
|
|
|
/** Used as references for various `Number` constants. */
|
|
|
var INFINITY = 1 / 0;
|
|
|
|
|
|
/**
|
|
|
* Creates a set object of `values`.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {Array} values The values to add to the set.
|
|
|
* @returns {Object} Returns the new set.
|
|
|
*/
|
|
|
var createSet = !(Set && (1 / setToArray(new Set([,-0]))[1]) == INFINITY) ? noop : function(values) {
|
|
|
return new Set(values);
|
|
|
};
|
|
|
|
|
|
module.exports = createSet;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1136:
|
|
|
/***/ (function(module, exports) {
|
|
|
|
|
|
/**
|
|
|
* This method returns `undefined`.
|
|
|
*
|
|
|
* @static
|
|
|
* @memberOf _
|
|
|
* @since 2.3.0
|
|
|
* @category Util
|
|
|
* @example
|
|
|
*
|
|
|
* _.times(2, _.noop);
|
|
|
* // => [undefined, undefined]
|
|
|
*/
|
|
|
function noop() {
|
|
|
// No operation performed.
|
|
|
}
|
|
|
|
|
|
module.exports = noop;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1137:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var baseFindIndex = __webpack_require__(975),
|
|
|
baseIteratee = __webpack_require__(966),
|
|
|
toInteger = __webpack_require__(1082);
|
|
|
|
|
|
/* Built-in method references for those with the same name as other `lodash` methods. */
|
|
|
var nativeMax = Math.max;
|
|
|
|
|
|
/**
|
|
|
* This method is like `_.find` except that it returns the index of the first
|
|
|
* element `predicate` returns truthy for instead of the element itself.
|
|
|
*
|
|
|
* @static
|
|
|
* @memberOf _
|
|
|
* @since 1.1.0
|
|
|
* @category Array
|
|
|
* @param {Array} array The array to inspect.
|
|
|
* @param {Function} [predicate=_.identity] The function invoked per iteration.
|
|
|
* @param {number} [fromIndex=0] The index to search from.
|
|
|
* @returns {number} Returns the index of the found element, else `-1`.
|
|
|
* @example
|
|
|
*
|
|
|
* var users = [
|
|
|
* { 'user': 'barney', 'active': false },
|
|
|
* { 'user': 'fred', 'active': false },
|
|
|
* { 'user': 'pebbles', 'active': true }
|
|
|
* ];
|
|
|
*
|
|
|
* _.findIndex(users, function(o) { return o.user == 'barney'; });
|
|
|
* // => 0
|
|
|
*
|
|
|
* // The `_.matches` iteratee shorthand.
|
|
|
* _.findIndex(users, { 'user': 'fred', 'active': false });
|
|
|
* // => 1
|
|
|
*
|
|
|
* // The `_.matchesProperty` iteratee shorthand.
|
|
|
* _.findIndex(users, ['active', false]);
|
|
|
* // => 0
|
|
|
*
|
|
|
* // The `_.property` iteratee shorthand.
|
|
|
* _.findIndex(users, 'active');
|
|
|
* // => 2
|
|
|
*/
|
|
|
function findIndex(array, predicate, fromIndex) {
|
|
|
var length = array == null ? 0 : array.length;
|
|
|
if (!length) {
|
|
|
return -1;
|
|
|
}
|
|
|
var index = fromIndex == null ? 0 : toInteger(fromIndex);
|
|
|
if (index < 0) {
|
|
|
index = nativeMax(length + index, 0);
|
|
|
}
|
|
|
return baseFindIndex(array, baseIteratee(predicate, 3), index);
|
|
|
}
|
|
|
|
|
|
module.exports = findIndex;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1138:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
|
value: true
|
|
|
});
|
|
|
exports["default"] = void 0;
|
|
|
|
|
|
var React = _interopRequireWildcard(__webpack_require__(0));
|
|
|
|
|
|
var _rcAnimate = _interopRequireDefault(__webpack_require__(89));
|
|
|
|
|
|
var _classnames = _interopRequireDefault(__webpack_require__(3));
|
|
|
|
|
|
var _utils = __webpack_require__(976);
|
|
|
|
|
|
var _icon = _interopRequireDefault(__webpack_require__(25));
|
|
|
|
|
|
var _tooltip = _interopRequireDefault(__webpack_require__(164));
|
|
|
|
|
|
var _progress = _interopRequireDefault(__webpack_require__(1066));
|
|
|
|
|
|
var _configProvider = __webpack_require__(9);
|
|
|
|
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
|
|
|
|
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
|
|
|
|
|
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
|
|
|
|
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
|
|
|
|
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; }
|
|
|
|
|
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
|
|
|
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
|
|
|
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
|
|
|
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
|
|
|
|
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 _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); }
|
|
|
|
|
|
var UploadList =
|
|
|
/*#__PURE__*/
|
|
|
function (_React$Component) {
|
|
|
_inherits(UploadList, _React$Component);
|
|
|
|
|
|
function UploadList() {
|
|
|
var _this;
|
|
|
|
|
|
_classCallCheck(this, UploadList);
|
|
|
|
|
|
_this = _possibleConstructorReturn(this, _getPrototypeOf(UploadList).apply(this, arguments));
|
|
|
|
|
|
_this.handlePreview = function (file, e) {
|
|
|
var onPreview = _this.props.onPreview;
|
|
|
|
|
|
if (!onPreview) {
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
e.preventDefault();
|
|
|
return onPreview(file);
|
|
|
};
|
|
|
|
|
|
_this.handleDownload = function (file) {
|
|
|
var onDownload = _this.props.onDownload;
|
|
|
|
|
|
if (typeof onDownload === 'function') {
|
|
|
onDownload(file);
|
|
|
} else if (file.url) {
|
|
|
window.open(file.url);
|
|
|
}
|
|
|
};
|
|
|
|
|
|
_this.handleClose = function (file) {
|
|
|
var onRemove = _this.props.onRemove;
|
|
|
|
|
|
if (onRemove) {
|
|
|
onRemove(file);
|
|
|
}
|
|
|
};
|
|
|
|
|
|
_this.renderUploadList = function (_ref) {
|
|
|
var _classNames4;
|
|
|
|
|
|
var getPrefixCls = _ref.getPrefixCls;
|
|
|
var _this$props = _this.props,
|
|
|
customizePrefixCls = _this$props.prefixCls,
|
|
|
_this$props$items = _this$props.items,
|
|
|
items = _this$props$items === void 0 ? [] : _this$props$items,
|
|
|
listType = _this$props.listType,
|
|
|
showPreviewIcon = _this$props.showPreviewIcon,
|
|
|
showRemoveIcon = _this$props.showRemoveIcon,
|
|
|
showDownloadIcon = _this$props.showDownloadIcon,
|
|
|
locale = _this$props.locale,
|
|
|
progressAttr = _this$props.progressAttr;
|
|
|
var prefixCls = getPrefixCls('upload', customizePrefixCls);
|
|
|
var list = items.map(function (file) {
|
|
|
var _classNames, _classNames2;
|
|
|
|
|
|
var progress;
|
|
|
var icon = React.createElement(_icon["default"], {
|
|
|
type: file.status === 'uploading' ? 'loading' : 'paper-clip'
|
|
|
});
|
|
|
|
|
|
if (listType === 'picture' || listType === 'picture-card') {
|
|
|
if (listType === 'picture-card' && file.status === 'uploading') {
|
|
|
icon = React.createElement("div", {
|
|
|
className: "".concat(prefixCls, "-list-item-uploading-text")
|
|
|
}, locale.uploading);
|
|
|
} else if (!file.thumbUrl && !file.url) {
|
|
|
icon = React.createElement(_icon["default"], {
|
|
|
className: "".concat(prefixCls, "-list-item-thumbnail"),
|
|
|
type: "picture",
|
|
|
theme: "twoTone"
|
|
|
});
|
|
|
} else {
|
|
|
var thumbnail = (0, _utils.isImageUrl)(file) ? React.createElement("img", {
|
|
|
src: file.thumbUrl || file.url,
|
|
|
alt: file.name,
|
|
|
className: "".concat(prefixCls, "-list-item-image")
|
|
|
}) : React.createElement(_icon["default"], {
|
|
|
type: "file",
|
|
|
className: "".concat(prefixCls, "-list-item-icon"),
|
|
|
theme: "twoTone"
|
|
|
});
|
|
|
icon = React.createElement("a", {
|
|
|
className: "".concat(prefixCls, "-list-item-thumbnail"),
|
|
|
onClick: function onClick(e) {
|
|
|
return _this.handlePreview(file, e);
|
|
|
},
|
|
|
href: file.url || file.thumbUrl,
|
|
|
target: "_blank",
|
|
|
rel: "noopener noreferrer"
|
|
|
}, thumbnail);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
if (file.status === 'uploading') {
|
|
|
// show loading icon if upload progress listener is disabled
|
|
|
var loadingProgress = 'percent' in file ? React.createElement(_progress["default"], _extends({
|
|
|
type: "line"
|
|
|
}, progressAttr, {
|
|
|
percent: file.percent
|
|
|
})) : null;
|
|
|
progress = React.createElement("div", {
|
|
|
className: "".concat(prefixCls, "-list-item-progress"),
|
|
|
key: "progress"
|
|
|
}, loadingProgress);
|
|
|
}
|
|
|
|
|
|
var infoUploadingClass = (0, _classnames["default"])((_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-list-item"), true), _defineProperty(_classNames, "".concat(prefixCls, "-list-item-").concat(file.status), true), _defineProperty(_classNames, "".concat(prefixCls, "-list-item-list-type-").concat(listType), true), _classNames));
|
|
|
var linkProps = typeof file.linkProps === 'string' ? JSON.parse(file.linkProps) : file.linkProps;
|
|
|
var removeIcon = showRemoveIcon ? React.createElement(_icon["default"], {
|
|
|
type: "delete",
|
|
|
title: locale.removeFile,
|
|
|
onClick: function onClick() {
|
|
|
return _this.handleClose(file);
|
|
|
}
|
|
|
}) : null;
|
|
|
var downloadIcon = showDownloadIcon && file.status === 'done' ? React.createElement(_icon["default"], {
|
|
|
type: "download",
|
|
|
title: locale.downloadFile,
|
|
|
onClick: function onClick() {
|
|
|
return _this.handleDownload(file);
|
|
|
}
|
|
|
}) : null;
|
|
|
var downloadOrDelete = listType !== 'picture-card' && React.createElement("span", {
|
|
|
key: "download-delete",
|
|
|
className: "".concat(prefixCls, "-list-item-card-actions ").concat(listType === 'picture' ? 'picture' : '')
|
|
|
}, downloadIcon && React.createElement("a", {
|
|
|
title: locale.downloadFile
|
|
|
}, downloadIcon), removeIcon && React.createElement("a", {
|
|
|
title: locale.removeFile
|
|
|
}, removeIcon));
|
|
|
var listItemNameClass = (0, _classnames["default"])((_classNames2 = {}, _defineProperty(_classNames2, "".concat(prefixCls, "-list-item-name"), true), _defineProperty(_classNames2, "".concat(prefixCls, "-list-item-name-icon-count-").concat([downloadIcon, removeIcon].filter(function (x) {
|
|
|
return x;
|
|
|
}).length), true), _classNames2));
|
|
|
var preview = file.url ? [React.createElement("a", _extends({
|
|
|
key: "view",
|
|
|
target: "_blank",
|
|
|
rel: "noopener noreferrer",
|
|
|
className: listItemNameClass,
|
|
|
title: file.name
|
|
|
}, linkProps, {
|
|
|
href: file.url,
|
|
|
onClick: function onClick(e) {
|
|
|
return _this.handlePreview(file, e);
|
|
|
}
|
|
|
}), file.name), downloadOrDelete] : [React.createElement("span", {
|
|
|
key: "view",
|
|
|
className: listItemNameClass,
|
|
|
onClick: function onClick(e) {
|
|
|
return _this.handlePreview(file, e);
|
|
|
},
|
|
|
title: file.name
|
|
|
}, file.name), downloadOrDelete];
|
|
|
var style = {
|
|
|
pointerEvents: 'none',
|
|
|
opacity: 0.5
|
|
|
};
|
|
|
var previewIcon = showPreviewIcon ? React.createElement("a", {
|
|
|
href: file.url || file.thumbUrl,
|
|
|
target: "_blank",
|
|
|
rel: "noopener noreferrer",
|
|
|
style: file.url || file.thumbUrl ? undefined : style,
|
|
|
onClick: function onClick(e) {
|
|
|
return _this.handlePreview(file, e);
|
|
|
},
|
|
|
title: locale.previewFile
|
|
|
}, React.createElement(_icon["default"], {
|
|
|
type: "eye-o"
|
|
|
})) : null;
|
|
|
var actions = listType === 'picture-card' && file.status !== 'uploading' && React.createElement("span", {
|
|
|
className: "".concat(prefixCls, "-list-item-actions")
|
|
|
}, previewIcon, file.status === 'done' && downloadIcon, removeIcon);
|
|
|
var message;
|
|
|
|
|
|
if (file.response && typeof file.response === 'string') {
|
|
|
message = file.response;
|
|
|
} else {
|
|
|
message = file.error && file.error.statusText || locale.uploadError;
|
|
|
}
|
|
|
|
|
|
var iconAndPreview = React.createElement("span", null, icon, preview);
|
|
|
var dom = React.createElement("div", {
|
|
|
className: infoUploadingClass
|
|
|
}, React.createElement("div", {
|
|
|
className: "".concat(prefixCls, "-list-item-info")
|
|
|
}, iconAndPreview), actions, React.createElement(_rcAnimate["default"], {
|
|
|
transitionName: "fade",
|
|
|
component: ""
|
|
|
}, progress));
|
|
|
var listContainerNameClass = (0, _classnames["default"])(_defineProperty({}, "".concat(prefixCls, "-list-picture-card-container"), listType === 'picture-card'));
|
|
|
return React.createElement("div", {
|
|
|
key: file.uid,
|
|
|
className: listContainerNameClass
|
|
|
}, file.status === 'error' ? React.createElement(_tooltip["default"], {
|
|
|
title: message
|
|
|
}, dom) : React.createElement("span", null, dom));
|
|
|
});
|
|
|
var listClassNames = (0, _classnames["default"])((_classNames4 = {}, _defineProperty(_classNames4, "".concat(prefixCls, "-list"), true), _defineProperty(_classNames4, "".concat(prefixCls, "-list-").concat(listType), true), _classNames4));
|
|
|
var animationDirection = listType === 'picture-card' ? 'animate-inline' : 'animate';
|
|
|
return React.createElement(_rcAnimate["default"], {
|
|
|
transitionName: "".concat(prefixCls, "-").concat(animationDirection),
|
|
|
component: "div",
|
|
|
className: listClassNames
|
|
|
}, list);
|
|
|
};
|
|
|
|
|
|
return _this;
|
|
|
}
|
|
|
|
|
|
_createClass(UploadList, [{
|
|
|
key: "componentDidUpdate",
|
|
|
value: function componentDidUpdate() {
|
|
|
var _this2 = this;
|
|
|
|
|
|
var _this$props2 = this.props,
|
|
|
listType = _this$props2.listType,
|
|
|
items = _this$props2.items,
|
|
|
previewFile = _this$props2.previewFile;
|
|
|
|
|
|
if (listType !== 'picture' && listType !== 'picture-card') {
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
(items || []).forEach(function (file) {
|
|
|
if (typeof document === 'undefined' || typeof window === 'undefined' || !window.FileReader || !window.File || !(file.originFileObj instanceof File || file.originFileObj instanceof Blob) || file.thumbUrl !== undefined) {
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
file.thumbUrl = '';
|
|
|
|
|
|
if (previewFile) {
|
|
|
previewFile(file.originFileObj).then(function (previewDataUrl) {
|
|
|
// Need append '' to avoid dead loop
|
|
|
file.thumbUrl = previewDataUrl || '';
|
|
|
|
|
|
_this2.forceUpdate();
|
|
|
});
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
}, {
|
|
|
key: "render",
|
|
|
value: function render() {
|
|
|
return React.createElement(_configProvider.ConfigConsumer, null, this.renderUploadList);
|
|
|
}
|
|
|
}]);
|
|
|
|
|
|
return UploadList;
|
|
|
}(React.Component);
|
|
|
|
|
|
exports["default"] = UploadList;
|
|
|
UploadList.defaultProps = {
|
|
|
listType: 'text',
|
|
|
progressAttr: {
|
|
|
strokeWidth: 2,
|
|
|
showInfo: false
|
|
|
},
|
|
|
showRemoveIcon: true,
|
|
|
showDownloadIcon: true,
|
|
|
showPreviewIcon: true,
|
|
|
previewFile: _utils.previewImage
|
|
|
};
|
|
|
//# sourceMappingURL=UploadList.js.map
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1139:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
|
value: true
|
|
|
});
|
|
|
exports["default"] = void 0;
|
|
|
|
|
|
var React = _interopRequireWildcard(__webpack_require__(0));
|
|
|
|
|
|
var _Upload = _interopRequireDefault(__webpack_require__(964));
|
|
|
|
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
|
|
|
|
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
|
|
|
|
|
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
|
|
|
|
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
|
|
|
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
|
|
|
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
|
|
|
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
|
|
|
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
|
|
|
|
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 _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); }
|
|
|
|
|
|
// stick class comoponent to avoid React ref warning inside Form
|
|
|
// https://github.com/ant-design/ant-design/issues/18707
|
|
|
// eslint-disable-next-line react/prefer-stateless-function
|
|
|
var Dragger =
|
|
|
/*#__PURE__*/
|
|
|
function (_React$Component) {
|
|
|
_inherits(Dragger, _React$Component);
|
|
|
|
|
|
function Dragger() {
|
|
|
_classCallCheck(this, Dragger);
|
|
|
|
|
|
return _possibleConstructorReturn(this, _getPrototypeOf(Dragger).apply(this, arguments));
|
|
|
}
|
|
|
|
|
|
_createClass(Dragger, [{
|
|
|
key: "render",
|
|
|
value: function render() {
|
|
|
var props = this.props;
|
|
|
return React.createElement(_Upload["default"], _extends({}, props, {
|
|
|
type: "drag",
|
|
|
style: _extends(_extends({}, props.style), {
|
|
|
height: props.height
|
|
|
})
|
|
|
}));
|
|
|
}
|
|
|
}]);
|
|
|
|
|
|
return Dragger;
|
|
|
}(React.Component);
|
|
|
|
|
|
exports["default"] = Dragger;
|
|
|
//# sourceMappingURL=Dragger.js.map
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1205:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
// style-loader: Adds some css to the DOM by adding a <style> tag
|
|
|
|
|
|
// load the styles
|
|
|
var content = __webpack_require__(1206);
|
|
|
if(typeof content === 'string') content = [[module.i, content, '']];
|
|
|
// Prepare cssTransformation
|
|
|
var transform;
|
|
|
|
|
|
var options = {"hmr":false}
|
|
|
options.transform = transform
|
|
|
// add the styles to the DOM
|
|
|
var update = __webpack_require__(291)(content, options);
|
|
|
if(content.locals) module.exports = content.locals;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1206:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
exports = module.exports = __webpack_require__(290)(true);
|
|
|
// imports
|
|
|
|
|
|
|
|
|
// module
|
|
|
exports.push([module.i, ".ant-input-number{-webkit-box-sizing:border-box;box-sizing:border-box;font-variant:tabular-nums;list-style:none;-webkit-font-feature-settings:\"tnum\";font-feature-settings:\"tnum\";position:relative;width:100%;height:32px;padding:4px 11px;color:rgba(0,0,0,.65);font-size:14px;line-height:1.5;background-color:#fff;background-image:none;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;display:inline-block;width:90px;margin:0;padding:0;border:1px solid #d9d9d9;border-radius:4px}.ant-input-number::-moz-placeholder{color:#bfbfbf;opacity:1}.ant-input-number:-ms-input-placeholder{color:#bfbfbf}.ant-input-number::-webkit-input-placeholder{color:#bfbfbf}.ant-input-number:placeholder-shown{-o-text-overflow:ellipsis;text-overflow:ellipsis}.ant-input-number:focus{border-color:#40a9ff;border-right-width:1px!important;outline:0;-webkit-box-shadow:0 0 0 2px rgba(24,144,255,.2);box-shadow:0 0 0 2px rgba(24,144,255,.2)}.ant-input-number[disabled]{color:rgba(0,0,0,.25);background-color:#f5f5f5;cursor:not-allowed;opacity:1}.ant-input-number[disabled]:hover{border-color:#d9d9d9;border-right-width:1px!important}textarea.ant-input-number{max-width:100%;height:auto;min-height:32px;line-height:1.5;vertical-align:bottom;-webkit-transition:all .3s,height 0s;-o-transition:all .3s,height 0s;transition:all .3s,height 0s}.ant-input-number-lg{height:40px;padding:6px 11px}.ant-input-number-sm{height:24px;padding:1px 7px}.ant-input-number-handler{position:relative;display:block;width:100%;height:50%;overflow:hidden;color:rgba(0,0,0,.45);font-weight:700;line-height:0;text-align:center;-webkit-transition:all .1s linear;-o-transition:all .1s linear;transition:all .1s linear}.ant-input-number-handler:active{background:#f4f4f4}.ant-input-number-handler:hover .ant-input-number-handler-down-inner,.ant-input-number-handler:hover .ant-input-number-handler-up-inner{color:#40a9ff}.ant-input-number-handler-down-inner,.ant-input-number-handler-up-inner{display:inline-block;color:inherit;font-style:normal;line-height:0;text-align:center;text-transform:none;vertical-align:-.125em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;right:4px;width:12px;height:12px;color:rgba(0,0,0,.45);line-height:12px;-webkit-transition:all .1s linear;-o-transition:all .1s linear;transition:all .1s linear;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-input-number-handler-down-inner>*,.ant-input-number-handler-up-inner>*{line-height:1}.ant-input-number-handler-down-inner svg,.ant-input-number-handler-up-inner svg{display:inline-block}.ant-input-number-handler-down-inner:before,.ant-input-number-handler-up-inner:before{display:none}.ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon,.ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,.ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,.ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon{display:block}.ant-input-number-focused,.ant-input-number:hover{border-color:#40a9ff;border-right-width:1px!important}.ant-input-number-focused{outline:0;-webkit-box-shadow:0 0 0 2px rgba(24,144,255,.2);box-shadow:0 0 0 2px rgba(24,144,255,.2)}.ant-input-number-disabled{color:rgba(0,0,0,.25);background-color:#f5f5f5;cursor:not-allowed;opacity:1}.ant-input-number-disabled:hover{border-color:#d9d9d9;border-right-width:1px!important}.ant-input-number-disabled .ant-input-number-input{cursor:not-allowed}.ant-input-number-disabled .ant-input-number-handler-wrap{display:none}.ant-input-number-input{width:100%;height:30px;padding:0 11px;text-align:left;background-color:transparent;border:0;border-radius:4px;outline:0;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;-moz-appearance:textfield!important}.ant-input-number-input::-moz-placeholder{color:#bfbfbf;opacity:1}.ant-input-number-input:-ms-input-placeholder{color:#bfbfbf}.ant-input-number-input::-webkit-input-placeholder{color:#bfbfbf}.ant-input-number-input:placeholder-shown{-o-text-overflow:ellipsis;text-overflow:ellipsis}.ant-input-number-input[type=number]::-webkit-inner-spin-button,.ant-input-number-input[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.ant-input-number-lg{padding:0;font-size:16px}.ant-input-number-lg input{height:38px}.ant-input-number-sm{padding:0}.ant-input-number-sm input{height:22px;padding:0 7px}.ant-input-number-handler-wrap{position:absolute;top:0;right:0;width:22px;height:100%;background:#fff;border-left:1px solid #d9d9d9;border-radius:0 4px 4px 0;opacity:0;-webkit-transition:opacity .24s linear .1s;-o-transition:opacity .24s linear .1s;transition:opacity .24s linear .1s}.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner,.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner{display:inline-block;font-size:12px;font-size:7px\\9;-webkit-transform:scale(.58333333) rotate(0deg);-ms-transform:scale(.58333333) rotate(0deg);transform:scale(.58333333) rotate(0deg);min-width:auto;margin-right:0}:root .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner,:root .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner{font-size:12px}.ant-input-number-handler-wrap:hover .ant-input-number-handler{height:40%}.ant-input-number:hover .ant-input-number-handler-wrap{opacity:1}.ant-input-number-handler-up{border-top-right-radius:4px;cursor:pointer}.ant-input-number-handler-up-inner{top:50%;margin-top:-5px;text-align:center}.ant-input-number-handler-up:hover{height:60%!important}.ant-input-number-handler-down{top:0;border-top:1px solid #d9d9d9;border-bottom-right-radius:4px;cursor:pointer}.ant-input-number-handler-down-inner{top:50%;margin-top:-6px;text-align:center}.ant-input-number-handler-down:hover{height:60%!important}.ant-input-number-handler-down-disabled,.ant-input-number-handler-up-disabled{cursor:not-allowed}.ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner,.ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner{color:rgba(0,0,0,.25)}", "", {"version":3,"sources":["/Users/alec/educoder/public/react/node_modules/_antd@3.26.4@antd/lib/input-number/style/index.css"],"names":[],"mappings":"AAIA,kBACE,8BAA+B,AACvB,sBAAuB,AAC/B,0BAA2B,AAC3B,gBAAiB,AACjB,qCAAsC,AAC9B,6BAA8B,AACtC,kBAAmB,AACnB,WAAY,AACZ,YAAa,AACb,iBAAkB,AAClB,sBAA2B,AAC3B,eAAgB,AAChB,gBAAiB,AACjB,sBAAuB,AACvB,sBAAuB,AACvB,2BAA6B,AAC7B,sBAAwB,AACxB,mBAAqB,AACrB,qBAAsB,AACtB,WAAY,AACZ,SAAU,AACV,UAAW,AACX,yBAA0B,AAC1B,iBAAmB,CACpB,AACD,oCACE,cAAe,AACf,SAAW,CACZ,AACD,wCACE,aAAe,CAChB,AACD,6CACE,aAAe,CAChB,AACD,oCACE,0BAA2B,AACxB,sBAAwB,CAC5B,AAKD,wBACE,qBAAsB,AACtB,iCAAmC,AACnC,UAAW,AACX,iDAAsD,AAC9C,wCAA8C,CACvD,AAWD,4BACE,sBAA2B,AAC3B,yBAA0B,AAC1B,mBAAoB,AACpB,SAAW,CACZ,AACD,kCACE,qBAAsB,AACtB,gCAAmC,CACpC,AACD,0BACE,eAAgB,AAChB,YAAa,AACb,gBAAiB,AACjB,gBAAiB,AACjB,sBAAuB,AACvB,qCAAwC,AACxC,gCAAmC,AACnC,4BAAgC,CACjC,AACD,qBACE,YAAa,AACb,gBAAkB,CAEnB,AACD,qBACE,YAAa,AACb,eAAiB,CAClB,AACD,0BACE,kBAAmB,AACnB,cAAe,AACf,WAAY,AACZ,WAAY,AACZ,gBAAiB,AACjB,sBAA2B,AAC3B,gBAAkB,AAClB,cAAe,AACf,kBAAmB,AACnB,kCAAoC,AACpC,6BAA+B,AAC/B,yBAA4B,CAC7B,AACD,iCACE,kBAAoB,CACrB,AACD,wIAEE,aAAe,CAChB,AACD,wEAEE,qBAAsB,AACtB,cAAe,AACf,kBAAmB,AACnB,cAAe,AACf,kBAAmB,AACnB,oBAAqB,AACrB,uBAAyB,AACzB,kCAAmC,AACnC,mCAAoC,AACpC,kCAAmC,AACnC,kBAAmB,AACnB,UAAW,AACX,WAAY,AACZ,YAAa,AACb,sBAA2B,AAC3B,iBAAkB,AAClB,kCAAoC,AACpC,6BAA+B,AAC/B,0BAA4B,AAC5B,yBAA0B,AACvB,sBAAuB,AACtB,qBAAsB,AAClB,gBAAkB,CAC3B,AACD,4EAEE,aAAe,CAChB,AACD,gFAEE,oBAAsB,CACvB,AACD,sFAEE,YAAc,CACf,AACD,oTAIE,aAAe,CAChB,AAKD,kDAHE,qBAAsB,AACtB,gCAAmC,CAQpC,AAND,0BAGE,UAAW,AACX,iDAAsD,AAC9C,wCAA8C,CACvD,AACD,2BACE,sBAA2B,AAC3B,yBAA0B,AAC1B,mBAAoB,AACpB,SAAW,CACZ,AACD,iCACE,qBAAsB,AACtB,gCAAmC,CACpC,AACD,mDACE,kBAAoB,CACrB,AACD,0DACE,YAAc,CACf,AACD,wBACE,WAAY,AACZ,YAAa,AACb,eAAgB,AAChB,gBAAiB,AACjB,6BAA8B,AAC9B,SAAU,AACV,kBAAmB,AACnB,UAAW,AACX,kCAAoC,AACpC,6BAA+B,AAC/B,0BAA4B,AAC5B,mCAAsC,CACvC,AACD,0CACE,cAAe,AACf,SAAW,CACZ,AACD,8CACE,aAAe,CAChB,AACD,mDACE,aAAe,CAChB,AACD,0CACE,0BAA2B,AACxB,sBAAwB,CAC5B,AACD,gIAEE,SAAU,AACV,uBAAyB,CAC1B,AACD,qBACE,UAAW,AACX,cAAgB,CACjB,AACD,2BACE,WAAa,CACd,AACD,qBACE,SAAW,CACZ,AACD,2BACE,YAAa,AACb,aAAe,CAChB,AACD,+BACE,kBAAmB,AACnB,MAAO,AACP,QAAS,AACT,WAAY,AACZ,YAAa,AACb,gBAAiB,AACjB,8BAA+B,AAC/B,0BAA2B,AAC3B,UAAW,AACX,2CAA8C,AAC9C,sCAAyC,AACzC,kCAAsC,CACvC,AACD,0LAEE,qBAAsB,AACtB,eAAgB,AAChB,gBAAkB,AAClB,gDAAkD,AAC9C,4CAA8C,AAC1C,wCAA0C,AAClD,eAAgB,AAChB,cAAgB,CACjB,AACD,sMAEE,cAAgB,CACjB,AACD,+DACE,UAAY,CACb,AACD,uDACE,SAAW,CACZ,AACD,6BACE,4BAA6B,AAC7B,cAAgB,CACjB,AACD,mCACE,QAAS,AACT,gBAAiB,AACjB,iBAAmB,CACpB,AACD,mCACE,oBAAuB,CACxB,AACD,+BACE,MAAO,AACP,6BAA8B,AAC9B,+BAAgC,AAChC,cAAgB,CACjB,AACD,qCACE,QAAS,AACT,gBAAiB,AACjB,iBAAmB,CACpB,AACD,qCACE,oBAAuB,CACxB,AACD,8EAEE,kBAAoB,CACrB,AACD,kKAEE,qBAA2B,CAC5B","file":"index.css","sourcesContent":["/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */\n/* stylelint-disable no-duplicate-selectors */\n/* stylelint-disable */\n/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */\n.ant-input-number {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n font-variant: tabular-nums;\n list-style: none;\n -webkit-font-feature-settings: 'tnum';\n font-feature-settings: 'tnum';\n position: relative;\n width: 100%;\n height: 32px;\n padding: 4px 11px;\n color: rgba(0, 0, 0, 0.65);\n font-size: 14px;\n line-height: 1.5;\n background-color: #fff;\n background-image: none;\n -webkit-transition: all 0.3s;\n -o-transition: all 0.3s;\n transition: all 0.3s;\n display: inline-block;\n width: 90px;\n margin: 0;\n padding: 0;\n border: 1px solid #d9d9d9;\n border-radius: 4px;\n}\n.ant-input-number::-moz-placeholder {\n color: #bfbfbf;\n opacity: 1;\n}\n.ant-input-number:-ms-input-placeholder {\n color: #bfbfbf;\n}\n.ant-input-number::-webkit-input-placeholder {\n color: #bfbfbf;\n}\n.ant-input-number:placeholder-shown {\n -o-text-overflow: ellipsis;\n text-overflow: ellipsis;\n}\n.ant-input-number:hover {\n border-color: #40a9ff;\n border-right-width: 1px !important;\n}\n.ant-input-number:focus {\n border-color: #40a9ff;\n border-right-width: 1px !important;\n outline: 0;\n -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);\n box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);\n}\n.ant-input-number-disabled {\n color: rgba(0, 0, 0, 0.25);\n background-color: #f5f5f5;\n cursor: not-allowed;\n opacity: 1;\n}\n.ant-input-number-disabled:hover {\n border-color: #d9d9d9;\n border-right-width: 1px !important;\n}\n.ant-input-number[disabled] {\n color: rgba(0, 0, 0, 0.25);\n background-color: #f5f5f5;\n cursor: not-allowed;\n opacity: 1;\n}\n.ant-input-number[disabled]:hover {\n border-color: #d9d9d9;\n border-right-width: 1px !important;\n}\ntextarea.ant-input-number {\n max-width: 100%;\n height: auto;\n min-height: 32px;\n line-height: 1.5;\n vertical-align: bottom;\n -webkit-transition: all 0.3s, height 0s;\n -o-transition: all 0.3s, height 0s;\n transition: all 0.3s, height 0s;\n}\n.ant-input-number-lg {\n height: 40px;\n padding: 6px 11px;\n font-size: 16px;\n}\n.ant-input-number-sm {\n height: 24px;\n padding: 1px 7px;\n}\n.ant-input-number-handler {\n position: relative;\n display: block;\n width: 100%;\n height: 50%;\n overflow: hidden;\n color: rgba(0, 0, 0, 0.45);\n font-weight: bold;\n line-height: 0;\n text-align: center;\n -webkit-transition: all 0.1s linear;\n -o-transition: all 0.1s linear;\n transition: all 0.1s linear;\n}\n.ant-input-number-handler:active {\n background: #f4f4f4;\n}\n.ant-input-number-handler:hover .ant-input-number-handler-up-inner,\n.ant-input-number-handler:hover .ant-input-number-handler-down-inner {\n color: #40a9ff;\n}\n.ant-input-number-handler-up-inner,\n.ant-input-number-handler-down-inner {\n display: inline-block;\n color: inherit;\n font-style: normal;\n line-height: 0;\n text-align: center;\n text-transform: none;\n vertical-align: -0.125em;\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n position: absolute;\n right: 4px;\n width: 12px;\n height: 12px;\n color: rgba(0, 0, 0, 0.45);\n line-height: 12px;\n -webkit-transition: all 0.1s linear;\n -o-transition: all 0.1s linear;\n transition: all 0.1s linear;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.ant-input-number-handler-up-inner > *,\n.ant-input-number-handler-down-inner > * {\n line-height: 1;\n}\n.ant-input-number-handler-up-inner svg,\n.ant-input-number-handler-down-inner svg {\n display: inline-block;\n}\n.ant-input-number-handler-up-inner::before,\n.ant-input-number-handler-down-inner::before {\n display: none;\n}\n.ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon,\n.ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,\n.ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,\n.ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon {\n display: block;\n}\n.ant-input-number:hover {\n border-color: #40a9ff;\n border-right-width: 1px !important;\n}\n.ant-input-number-focused {\n border-color: #40a9ff;\n border-right-width: 1px !important;\n outline: 0;\n -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);\n box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);\n}\n.ant-input-number-disabled {\n color: rgba(0, 0, 0, 0.25);\n background-color: #f5f5f5;\n cursor: not-allowed;\n opacity: 1;\n}\n.ant-input-number-disabled:hover {\n border-color: #d9d9d9;\n border-right-width: 1px !important;\n}\n.ant-input-number-disabled .ant-input-number-input {\n cursor: not-allowed;\n}\n.ant-input-number-disabled .ant-input-number-handler-wrap {\n display: none;\n}\n.ant-input-number-input {\n width: 100%;\n height: 30px;\n padding: 0 11px;\n text-align: left;\n background-color: transparent;\n border: 0;\n border-radius: 4px;\n outline: 0;\n -webkit-transition: all 0.3s linear;\n -o-transition: all 0.3s linear;\n transition: all 0.3s linear;\n -moz-appearance: textfield !important;\n}\n.ant-input-number-input::-moz-placeholder {\n color: #bfbfbf;\n opacity: 1;\n}\n.ant-input-number-input:-ms-input-placeholder {\n color: #bfbfbf;\n}\n.ant-input-number-input::-webkit-input-placeholder {\n color: #bfbfbf;\n}\n.ant-input-number-input:placeholder-shown {\n -o-text-overflow: ellipsis;\n text-overflow: ellipsis;\n}\n.ant-input-number-input[type='number']::-webkit-inner-spin-button,\n.ant-input-number-input[type='number']::-webkit-outer-spin-button {\n margin: 0;\n -webkit-appearance: none;\n}\n.ant-input-number-lg {\n padding: 0;\n font-size: 16px;\n}\n.ant-input-number-lg input {\n height: 38px;\n}\n.ant-input-number-sm {\n padding: 0;\n}\n.ant-input-number-sm input {\n height: 22px;\n padding: 0 7px;\n}\n.ant-input-number-handler-wrap {\n position: absolute;\n top: 0;\n right: 0;\n width: 22px;\n height: 100%;\n background: #fff;\n border-left: 1px solid #d9d9d9;\n border-radius: 0 4px 4px 0;\n opacity: 0;\n -webkit-transition: opacity 0.24s linear 0.1s;\n -o-transition: opacity 0.24s linear 0.1s;\n transition: opacity 0.24s linear 0.1s;\n}\n.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,\n.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {\n display: inline-block;\n font-size: 12px;\n font-size: 7px \\9;\n -webkit-transform: scale(0.58333333) rotate(0deg);\n -ms-transform: scale(0.58333333) rotate(0deg);\n transform: scale(0.58333333) rotate(0deg);\n min-width: auto;\n margin-right: 0;\n}\n:root .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,\n:root .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {\n font-size: 12px;\n}\n.ant-input-number-handler-wrap:hover .ant-input-number-handler {\n height: 40%;\n}\n.ant-input-number:hover .ant-input-number-handler-wrap {\n opacity: 1;\n}\n.ant-input-number-handler-up {\n border-top-right-radius: 4px;\n cursor: pointer;\n}\n.ant-input-number-handler-up-inner {\n top: 50%;\n margin-top: -5px;\n text-align: center;\n}\n.ant-input-number-handler-up:hover {\n height: 60% !important;\n}\n.ant-input-number-handler-down {\n top: 0;\n border-top: 1px solid #d9d9d9;\n border-bottom-right-radius: 4px;\n cursor: pointer;\n}\n.ant-input-number-handler-down-inner {\n top: 50%;\n margin-top: -6px;\n text-align: center;\n}\n.ant-input-number-handler-down:hover {\n height: 60% !important;\n}\n.ant-input-number-handler-up-disabled,\n.ant-input-number-handler-down-disabled {\n cursor: not-allowed;\n}\n.ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,\n.ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {\n color: rgba(0, 0, 0, 0.25);\n}\n"],"sourceRoot":""}]);
|
|
|
|
|
|
// exports
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1207:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties__ = __webpack_require__(74);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends__ = __webpack_require__(26);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck__ = __webpack_require__(11);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(13);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_possibleConstructorReturn__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_inherits__ = __webpack_require__(14);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_inherits__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_react__ = __webpack_require__(0);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_react__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_prop_types__ = __webpack_require__(1);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_prop_types__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_classnames__ = __webpack_require__(3);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_7_classnames__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_rc_util_es_KeyCode__ = __webpack_require__(50);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__InputHandler__ = __webpack_require__(1208);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function noop() {}
|
|
|
|
|
|
function preventDefault(e) {
|
|
|
e.preventDefault();
|
|
|
}
|
|
|
|
|
|
function defaultParser(input) {
|
|
|
return input.replace(/[^\w\.-]+/g, '');
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* When click and hold on a button - the speed of auto changin the value.
|
|
|
*/
|
|
|
var SPEED = 200;
|
|
|
|
|
|
/**
|
|
|
* When click and hold on a button - the delay before auto changin the value.
|
|
|
*/
|
|
|
var DELAY = 600;
|
|
|
|
|
|
/**
|
|
|
* Max Safe Integer -- on IE this is not available, so manually set the number in that case.
|
|
|
* The reason this is used, instead of Infinity is because numbers above the MSI are unstable
|
|
|
*/
|
|
|
var MAX_SAFE_INTEGER = Number.MAX_SAFE_INTEGER || Math.pow(2, 53) - 1;
|
|
|
|
|
|
var isValidProps = function isValidProps(value) {
|
|
|
return value !== undefined && value !== null;
|
|
|
};
|
|
|
|
|
|
var isEqual = function isEqual(oldValue, newValue) {
|
|
|
return newValue === oldValue || typeof newValue === 'number' && typeof oldValue === 'number' && isNaN(newValue) && isNaN(oldValue);
|
|
|
};
|
|
|
|
|
|
var InputNumber = function (_React$Component) {
|
|
|
__WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_inherits___default()(InputNumber, _React$Component);
|
|
|
|
|
|
function InputNumber(props) {
|
|
|
__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck___default()(this, InputNumber);
|
|
|
|
|
|
var _this = __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_possibleConstructorReturn___default()(this, _React$Component.call(this, props));
|
|
|
|
|
|
_initialiseProps.call(_this);
|
|
|
|
|
|
var value = void 0;
|
|
|
if ('value' in props) {
|
|
|
value = props.value;
|
|
|
} else {
|
|
|
value = props.defaultValue;
|
|
|
}
|
|
|
_this.state = {
|
|
|
focused: props.autoFocus
|
|
|
};
|
|
|
var validValue = _this.getValidValue(_this.toNumber(value));
|
|
|
_this.state = __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends___default()({}, _this.state, {
|
|
|
inputValue: _this.toPrecisionAsStep(validValue),
|
|
|
value: validValue
|
|
|
});
|
|
|
return _this;
|
|
|
}
|
|
|
|
|
|
InputNumber.prototype.componentDidMount = function componentDidMount() {
|
|
|
this.componentDidUpdate();
|
|
|
};
|
|
|
|
|
|
InputNumber.prototype.componentDidUpdate = function componentDidUpdate(prevProps) {
|
|
|
var _props = this.props,
|
|
|
value = _props.value,
|
|
|
onChange = _props.onChange,
|
|
|
max = _props.max,
|
|
|
min = _props.min;
|
|
|
var focused = this.state.focused;
|
|
|
|
|
|
// Don't trigger in componentDidMount
|
|
|
|
|
|
if (prevProps) {
|
|
|
if (!isEqual(prevProps.value, value) || !isEqual(prevProps.max, max) || !isEqual(prevProps.min, min)) {
|
|
|
var validValue = focused ? value : this.getValidValue(value);
|
|
|
var nextInputValue = void 0;
|
|
|
if (this.pressingUpOrDown) {
|
|
|
nextInputValue = validValue;
|
|
|
} else if (this.inputting) {
|
|
|
nextInputValue = this.rawInput;
|
|
|
} else {
|
|
|
nextInputValue = this.toPrecisionAsStep(validValue);
|
|
|
}
|
|
|
this.setState({ // eslint-disable-line
|
|
|
value: validValue,
|
|
|
inputValue: nextInputValue
|
|
|
});
|
|
|
}
|
|
|
|
|
|
// Trigger onChange when max or min change
|
|
|
// https://github.com/ant-design/ant-design/issues/11574
|
|
|
var nextValue = 'value' in this.props ? value : this.state.value;
|
|
|
// ref: null < 20 === true
|
|
|
// https://github.com/ant-design/ant-design/issues/14277
|
|
|
if ('max' in this.props && prevProps.max !== max && typeof nextValue === 'number' && nextValue > max && onChange) {
|
|
|
onChange(max);
|
|
|
}
|
|
|
if ('min' in this.props && prevProps.min !== min && typeof nextValue === 'number' && nextValue < min && onChange) {
|
|
|
onChange(min);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
// Restore cursor
|
|
|
try {
|
|
|
// Firefox set the input cursor after it get focused.
|
|
|
// This caused that if an input didn't init with the selection,
|
|
|
// set will cause cursor not correct when first focus.
|
|
|
// Safari will focus input if set selection. We need skip this.
|
|
|
if (this.cursorStart !== undefined && this.state.focused) {
|
|
|
// In most cases, the string after cursor is stable.
|
|
|
// We can move the cursor before it
|
|
|
|
|
|
if (
|
|
|
// If not match full str, try to match part of str
|
|
|
!this.partRestoreByAfter(this.cursorAfter) && this.state.value !== this.props.value) {
|
|
|
// If not match any of then, let's just keep the position
|
|
|
// TODO: Logic should not reach here, need check if happens
|
|
|
var pos = this.cursorStart + 1;
|
|
|
|
|
|
// If not have last string, just position to the end
|
|
|
if (!this.cursorAfter) {
|
|
|
pos = this.input.value.length;
|
|
|
} else if (this.lastKeyCode === __WEBPACK_IMPORTED_MODULE_8_rc_util_es_KeyCode__["a" /* default */].BACKSPACE) {
|
|
|
pos = this.cursorStart - 1;
|
|
|
} else if (this.lastKeyCode === __WEBPACK_IMPORTED_MODULE_8_rc_util_es_KeyCode__["a" /* default */].DELETE) {
|
|
|
pos = this.cursorStart;
|
|
|
}
|
|
|
this.fixCaret(pos, pos);
|
|
|
} else if (this.currentValue === this.input.value) {
|
|
|
// Handle some special key code
|
|
|
switch (this.lastKeyCode) {
|
|
|
case __WEBPACK_IMPORTED_MODULE_8_rc_util_es_KeyCode__["a" /* default */].BACKSPACE:
|
|
|
this.fixCaret(this.cursorStart - 1, this.cursorStart - 1);
|
|
|
break;
|
|
|
case __WEBPACK_IMPORTED_MODULE_8_rc_util_es_KeyCode__["a" /* default */].DELETE:
|
|
|
this.fixCaret(this.cursorStart + 1, this.cursorStart + 1);
|
|
|
break;
|
|
|
default:
|
|
|
// Do nothing
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
} catch (e) {}
|
|
|
// Do nothing
|
|
|
|
|
|
|
|
|
// Reset last key
|
|
|
this.lastKeyCode = null;
|
|
|
|
|
|
// pressingUpOrDown is true means that someone just click up or down button
|
|
|
if (!this.pressingUpOrDown) {
|
|
|
return;
|
|
|
}
|
|
|
if (this.props.focusOnUpDown && this.state.focused) {
|
|
|
if (document.activeElement !== this.input) {
|
|
|
this.focus();
|
|
|
}
|
|
|
}
|
|
|
|
|
|
this.pressingUpOrDown = false;
|
|
|
};
|
|
|
|
|
|
InputNumber.prototype.componentWillUnmount = function componentWillUnmount() {
|
|
|
this.stop();
|
|
|
};
|
|
|
|
|
|
InputNumber.prototype.getCurrentValidValue = function getCurrentValidValue(value) {
|
|
|
var val = value;
|
|
|
if (val === '') {
|
|
|
val = '';
|
|
|
} else if (!this.isNotCompleteNumber(parseFloat(val, 10))) {
|
|
|
val = this.getValidValue(val);
|
|
|
} else {
|
|
|
val = this.state.value;
|
|
|
}
|
|
|
return this.toNumber(val);
|
|
|
};
|
|
|
|
|
|
InputNumber.prototype.getRatio = function getRatio(e) {
|
|
|
var ratio = 1;
|
|
|
if (e.metaKey || e.ctrlKey) {
|
|
|
ratio = 0.1;
|
|
|
} else if (e.shiftKey) {
|
|
|
ratio = 10;
|
|
|
}
|
|
|
return ratio;
|
|
|
};
|
|
|
|
|
|
InputNumber.prototype.getValueFromEvent = function getValueFromEvent(e) {
|
|
|
// optimize for chinese input expierence
|
|
|
// https://github.com/ant-design/ant-design/issues/8196
|
|
|
var value = e.target.value.trim().replace(/。/g, '.');
|
|
|
|
|
|
if (isValidProps(this.props.decimalSeparator)) {
|
|
|
value = value.replace(this.props.decimalSeparator, '.');
|
|
|
}
|
|
|
|
|
|
return value;
|
|
|
};
|
|
|
|
|
|
InputNumber.prototype.getValidValue = function getValidValue(value) {
|
|
|
var min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.props.min;
|
|
|
var max = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : this.props.max;
|
|
|
|
|
|
var val = parseFloat(value, 10);
|
|
|
// https://github.com/ant-design/ant-design/issues/7358
|
|
|
if (isNaN(val)) {
|
|
|
return value;
|
|
|
}
|
|
|
if (val < min) {
|
|
|
val = min;
|
|
|
}
|
|
|
if (val > max) {
|
|
|
val = max;
|
|
|
}
|
|
|
return val;
|
|
|
};
|
|
|
|
|
|
InputNumber.prototype.setValue = function setValue(v, callback) {
|
|
|
// trigger onChange
|
|
|
var precision = this.props.precision;
|
|
|
|
|
|
var newValue = this.isNotCompleteNumber(parseFloat(v, 10)) ? null : parseFloat(v, 10);
|
|
|
var _state = this.state,
|
|
|
_state$value = _state.value,
|
|
|
value = _state$value === undefined ? null : _state$value,
|
|
|
_state$inputValue = _state.inputValue,
|
|
|
inputValue = _state$inputValue === undefined ? null : _state$inputValue;
|
|
|
// https://github.com/ant-design/ant-design/issues/7363
|
|
|
// https://github.com/ant-design/ant-design/issues/16622
|
|
|
|
|
|
var newValueInString = typeof newValue === 'number' ? newValue.toFixed(precision) : '' + newValue;
|
|
|
var changed = newValue !== value || newValueInString !== '' + inputValue;
|
|
|
if (!('value' in this.props)) {
|
|
|
this.setState({
|
|
|
value: newValue,
|
|
|
inputValue: this.toPrecisionAsStep(v)
|
|
|
}, callback);
|
|
|
} else {
|
|
|
// always set input value same as value
|
|
|
this.setState({
|
|
|
inputValue: this.toPrecisionAsStep(this.state.value)
|
|
|
}, callback);
|
|
|
}
|
|
|
if (changed) {
|
|
|
this.props.onChange(newValue);
|
|
|
}
|
|
|
|
|
|
return newValue;
|
|
|
};
|
|
|
|
|
|
InputNumber.prototype.getPrecision = function getPrecision(value) {
|
|
|
if (isValidProps(this.props.precision)) {
|
|
|
return this.props.precision;
|
|
|
}
|
|
|
var valueString = value.toString();
|
|
|
if (valueString.indexOf('e-') >= 0) {
|
|
|
return parseInt(valueString.slice(valueString.indexOf('e-') + 2), 10);
|
|
|
}
|
|
|
var precision = 0;
|
|
|
if (valueString.indexOf('.') >= 0) {
|
|
|
precision = valueString.length - valueString.indexOf('.') - 1;
|
|
|
}
|
|
|
return precision;
|
|
|
};
|
|
|
|
|
|
// step={1.0} value={1.51}
|
|
|
// press +
|
|
|
// then value should be 2.51, rather than 2.5
|
|
|
// if this.props.precision is undefined
|
|
|
// https://github.com/react-component/input-number/issues/39
|
|
|
|
|
|
|
|
|
InputNumber.prototype.getMaxPrecision = function getMaxPrecision(currentValue) {
|
|
|
var ratio = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
|
|
|
var _props2 = this.props,
|
|
|
precision = _props2.precision,
|
|
|
step = _props2.step;
|
|
|
|
|
|
if (isValidProps(precision)) {
|
|
|
return precision;
|
|
|
}
|
|
|
var ratioPrecision = this.getPrecision(ratio);
|
|
|
var stepPrecision = this.getPrecision(step);
|
|
|
var currentValuePrecision = this.getPrecision(currentValue);
|
|
|
if (!currentValue) {
|
|
|
return ratioPrecision + stepPrecision;
|
|
|
}
|
|
|
return Math.max(currentValuePrecision, ratioPrecision + stepPrecision);
|
|
|
};
|
|
|
|
|
|
InputNumber.prototype.getPrecisionFactor = function getPrecisionFactor(currentValue) {
|
|
|
var ratio = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
|
|
|
|
|
|
var precision = this.getMaxPrecision(currentValue, ratio);
|
|
|
return Math.pow(10, precision);
|
|
|
};
|
|
|
|
|
|
InputNumber.prototype.fixCaret = function fixCaret(start, end) {
|
|
|
if (start === undefined || end === undefined || !this.input || !this.input.value) {
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
try {
|
|
|
var currentStart = this.input.selectionStart;
|
|
|
var currentEnd = this.input.selectionEnd;
|
|
|
|
|
|
if (start !== currentStart || end !== currentEnd) {
|
|
|
this.input.setSelectionRange(start, end);
|
|
|
}
|
|
|
} catch (e) {
|
|
|
// Fix error in Chrome:
|
|
|
// Failed to read the 'selectionStart' property from 'HTMLInputElement'
|
|
|
// http://stackoverflow.com/q/21177489/3040605
|
|
|
}
|
|
|
};
|
|
|
|
|
|
InputNumber.prototype.focus = function focus() {
|
|
|
this.input.focus();
|
|
|
this.recordCursorPosition();
|
|
|
};
|
|
|
|
|
|
InputNumber.prototype.blur = function blur() {
|
|
|
this.input.blur();
|
|
|
};
|
|
|
|
|
|
InputNumber.prototype.formatWrapper = function formatWrapper(num) {
|
|
|
// http://2ality.com/2012/03/signedzero.html
|
|
|
// https://github.com/ant-design/ant-design/issues/9439
|
|
|
if (this.props.formatter) {
|
|
|
return this.props.formatter(num);
|
|
|
}
|
|
|
return num;
|
|
|
};
|
|
|
|
|
|
InputNumber.prototype.toPrecisionAsStep = function toPrecisionAsStep(num) {
|
|
|
if (this.isNotCompleteNumber(num) || num === '') {
|
|
|
return num;
|
|
|
}
|
|
|
var precision = Math.abs(this.getMaxPrecision(num));
|
|
|
if (!isNaN(precision)) {
|
|
|
return Number(num).toFixed(precision);
|
|
|
}
|
|
|
return num.toString();
|
|
|
};
|
|
|
|
|
|
// '1.' '1x' 'xx' '' => are not complete numbers
|
|
|
|
|
|
|
|
|
InputNumber.prototype.isNotCompleteNumber = function isNotCompleteNumber(num) {
|
|
|
return isNaN(num) || num === '' || num === null || num && num.toString().indexOf('.') === num.toString().length - 1;
|
|
|
};
|
|
|
|
|
|
InputNumber.prototype.toNumber = function toNumber(num) {
|
|
|
var precision = this.props.precision;
|
|
|
var focused = this.state.focused;
|
|
|
// num.length > 16 => This is to prevent input of large numbers
|
|
|
|
|
|
var numberIsTooLarge = num && num.length > 16 && focused;
|
|
|
if (this.isNotCompleteNumber(num) || numberIsTooLarge) {
|
|
|
return num;
|
|
|
}
|
|
|
if (isValidProps(precision)) {
|
|
|
return Math.round(num * Math.pow(10, precision)) / Math.pow(10, precision);
|
|
|
}
|
|
|
return Number(num);
|
|
|
};
|
|
|
|
|
|
InputNumber.prototype.upStep = function upStep(val, rat) {
|
|
|
var step = this.props.step;
|
|
|
|
|
|
var precisionFactor = this.getPrecisionFactor(val, rat);
|
|
|
var precision = Math.abs(this.getMaxPrecision(val, rat));
|
|
|
var result = ((precisionFactor * val + precisionFactor * step * rat) / precisionFactor).toFixed(precision);
|
|
|
return this.toNumber(result);
|
|
|
};
|
|
|
|
|
|
InputNumber.prototype.downStep = function downStep(val, rat) {
|
|
|
var step = this.props.step;
|
|
|
|
|
|
var precisionFactor = this.getPrecisionFactor(val, rat);
|
|
|
var precision = Math.abs(this.getMaxPrecision(val, rat));
|
|
|
var result = ((precisionFactor * val - precisionFactor * step * rat) / precisionFactor).toFixed(precision);
|
|
|
return this.toNumber(result);
|
|
|
};
|
|
|
|
|
|
InputNumber.prototype.step = function step(type, e) {
|
|
|
var _this2 = this;
|
|
|
|
|
|
var ratio = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
|
|
|
var recursive = arguments[3];
|
|
|
|
|
|
this.stop();
|
|
|
if (e) {
|
|
|
e.persist();
|
|
|
e.preventDefault();
|
|
|
}
|
|
|
var props = this.props;
|
|
|
if (props.disabled) {
|
|
|
return;
|
|
|
}
|
|
|
var value = this.getCurrentValidValue(this.state.inputValue) || 0;
|
|
|
if (this.isNotCompleteNumber(value)) {
|
|
|
return;
|
|
|
}
|
|
|
var val = this[type + 'Step'](value, ratio);
|
|
|
var outOfRange = val > props.max || val < props.min;
|
|
|
if (val > props.max) {
|
|
|
val = props.max;
|
|
|
} else if (val < props.min) {
|
|
|
val = props.min;
|
|
|
}
|
|
|
this.setValue(val);
|
|
|
this.setState({
|
|
|
focused: true
|
|
|
});
|
|
|
if (outOfRange) {
|
|
|
return;
|
|
|
}
|
|
|
this.autoStepTimer = setTimeout(function () {
|
|
|
_this2[type](e, ratio, true);
|
|
|
}, recursive ? SPEED : DELAY);
|
|
|
};
|
|
|
|
|
|
InputNumber.prototype.render = function render() {
|
|
|
var _classNames;
|
|
|
|
|
|
var props = __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends___default()({}, this.props);
|
|
|
|
|
|
var prefixCls = props.prefixCls,
|
|
|
disabled = props.disabled,
|
|
|
readOnly = props.readOnly,
|
|
|
useTouch = props.useTouch,
|
|
|
autoComplete = props.autoComplete,
|
|
|
upHandler = props.upHandler,
|
|
|
downHandler = props.downHandler,
|
|
|
rest = __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties___default()(props, ['prefixCls', 'disabled', 'readOnly', 'useTouch', 'autoComplete', 'upHandler', 'downHandler']);
|
|
|
|
|
|
var classes = __WEBPACK_IMPORTED_MODULE_7_classnames___default()((_classNames = {}, _classNames[prefixCls] = true, _classNames[props.className] = !!props.className, _classNames[prefixCls + '-disabled'] = disabled, _classNames[prefixCls + '-focused'] = this.state.focused, _classNames));
|
|
|
var upDisabledClass = '';
|
|
|
var downDisabledClass = '';
|
|
|
var value = this.state.value;
|
|
|
|
|
|
if (value || value === 0) {
|
|
|
if (!isNaN(value)) {
|
|
|
var val = Number(value);
|
|
|
if (val >= props.max) {
|
|
|
upDisabledClass = prefixCls + '-handler-up-disabled';
|
|
|
}
|
|
|
if (val <= props.min) {
|
|
|
downDisabledClass = prefixCls + '-handler-down-disabled';
|
|
|
}
|
|
|
} else {
|
|
|
upDisabledClass = prefixCls + '-handler-up-disabled';
|
|
|
downDisabledClass = prefixCls + '-handler-down-disabled';
|
|
|
}
|
|
|
}
|
|
|
|
|
|
var dataOrAriaAttributeProps = {};
|
|
|
for (var key in props) {
|
|
|
if (props.hasOwnProperty(key) && (key.substr(0, 5) === 'data-' || key.substr(0, 5) === 'aria-' || key === 'role')) {
|
|
|
dataOrAriaAttributeProps[key] = props[key];
|
|
|
}
|
|
|
}
|
|
|
|
|
|
var editable = !props.readOnly && !props.disabled;
|
|
|
|
|
|
// focus state, show input value
|
|
|
// unfocus state, show valid value
|
|
|
var inputDisplayValue = this.getInputDisplayValue();
|
|
|
|
|
|
var upEvents = void 0;
|
|
|
var downEvents = void 0;
|
|
|
if (useTouch) {
|
|
|
upEvents = {
|
|
|
onTouchStart: editable && !upDisabledClass ? this.up : noop,
|
|
|
onTouchEnd: this.stop
|
|
|
};
|
|
|
downEvents = {
|
|
|
onTouchStart: editable && !downDisabledClass ? this.down : noop,
|
|
|
onTouchEnd: this.stop
|
|
|
};
|
|
|
} else {
|
|
|
upEvents = {
|
|
|
onMouseDown: editable && !upDisabledClass ? this.up : noop,
|
|
|
onMouseUp: this.stop,
|
|
|
onMouseLeave: this.stop
|
|
|
};
|
|
|
downEvents = {
|
|
|
onMouseDown: editable && !downDisabledClass ? this.down : noop,
|
|
|
onMouseUp: this.stop,
|
|
|
onMouseLeave: this.stop
|
|
|
};
|
|
|
}
|
|
|
|
|
|
var isUpDisabled = !!upDisabledClass || disabled || readOnly;
|
|
|
var isDownDisabled = !!downDisabledClass || disabled || readOnly;
|
|
|
// ref for test
|
|
|
return __WEBPACK_IMPORTED_MODULE_5_react___default.a.createElement(
|
|
|
'div',
|
|
|
{
|
|
|
className: classes,
|
|
|
style: props.style,
|
|
|
title: props.title,
|
|
|
onMouseEnter: props.onMouseEnter,
|
|
|
onMouseLeave: props.onMouseLeave,
|
|
|
onMouseOver: props.onMouseOver,
|
|
|
onMouseOut: props.onMouseOut
|
|
|
},
|
|
|
__WEBPACK_IMPORTED_MODULE_5_react___default.a.createElement(
|
|
|
'div',
|
|
|
{ className: prefixCls + '-handler-wrap' },
|
|
|
__WEBPACK_IMPORTED_MODULE_5_react___default.a.createElement(
|
|
|
__WEBPACK_IMPORTED_MODULE_9__InputHandler__["a" /* default */],
|
|
|
__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends___default()({
|
|
|
ref: this.saveUp,
|
|
|
disabled: isUpDisabled,
|
|
|
prefixCls: prefixCls,
|
|
|
unselectable: 'unselectable'
|
|
|
}, upEvents, {
|
|
|
role: 'button',
|
|
|
'aria-label': 'Increase Value',
|
|
|
'aria-disabled': !!isUpDisabled,
|
|
|
className: prefixCls + '-handler ' + prefixCls + '-handler-up ' + upDisabledClass
|
|
|
}),
|
|
|
upHandler || __WEBPACK_IMPORTED_MODULE_5_react___default.a.createElement('span', {
|
|
|
unselectable: 'unselectable',
|
|
|
className: prefixCls + '-handler-up-inner',
|
|
|
onClick: preventDefault
|
|
|
})
|
|
|
),
|
|
|
__WEBPACK_IMPORTED_MODULE_5_react___default.a.createElement(
|
|
|
__WEBPACK_IMPORTED_MODULE_9__InputHandler__["a" /* default */],
|
|
|
__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends___default()({
|
|
|
ref: this.saveDown,
|
|
|
disabled: isDownDisabled,
|
|
|
prefixCls: prefixCls,
|
|
|
unselectable: 'unselectable'
|
|
|
}, downEvents, {
|
|
|
role: 'button',
|
|
|
'aria-label': 'Decrease Value',
|
|
|
'aria-disabled': !!isDownDisabled,
|
|
|
className: prefixCls + '-handler ' + prefixCls + '-handler-down ' + downDisabledClass
|
|
|
}),
|
|
|
downHandler || __WEBPACK_IMPORTED_MODULE_5_react___default.a.createElement('span', {
|
|
|
unselectable: 'unselectable',
|
|
|
className: prefixCls + '-handler-down-inner',
|
|
|
onClick: preventDefault
|
|
|
})
|
|
|
)
|
|
|
),
|
|
|
__WEBPACK_IMPORTED_MODULE_5_react___default.a.createElement(
|
|
|
'div',
|
|
|
{
|
|
|
className: prefixCls + '-input-wrap'
|
|
|
},
|
|
|
__WEBPACK_IMPORTED_MODULE_5_react___default.a.createElement('input', __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends___default()({
|
|
|
role: 'spinbutton',
|
|
|
'aria-valuemin': props.min,
|
|
|
'aria-valuemax': props.max,
|
|
|
'aria-valuenow': value,
|
|
|
required: props.required,
|
|
|
type: props.type,
|
|
|
placeholder: props.placeholder,
|
|
|
onClick: props.onClick,
|
|
|
onMouseUp: this.onMouseUp,
|
|
|
className: prefixCls + '-input',
|
|
|
tabIndex: props.tabIndex,
|
|
|
autoComplete: autoComplete,
|
|
|
onFocus: this.onFocus,
|
|
|
onBlur: this.onBlur,
|
|
|
onKeyDown: editable ? this.onKeyDown : noop,
|
|
|
onKeyUp: editable ? this.onKeyUp : noop,
|
|
|
autoFocus: props.autoFocus,
|
|
|
maxLength: props.maxLength,
|
|
|
readOnly: props.readOnly,
|
|
|
disabled: props.disabled,
|
|
|
max: props.max,
|
|
|
min: props.min,
|
|
|
step: props.step,
|
|
|
name: props.name,
|
|
|
id: props.id,
|
|
|
onChange: this.onChange,
|
|
|
ref: this.saveInput,
|
|
|
value: inputDisplayValue,
|
|
|
pattern: props.pattern
|
|
|
}, dataOrAriaAttributeProps))
|
|
|
)
|
|
|
);
|
|
|
};
|
|
|
|
|
|
return InputNumber;
|
|
|
}(__WEBPACK_IMPORTED_MODULE_5_react___default.a.Component);
|
|
|
|
|
|
InputNumber.propTypes = {
|
|
|
value: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.number, __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string]),
|
|
|
defaultValue: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.number, __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string]),
|
|
|
focusOnUpDown: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
|
|
|
autoFocus: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
|
|
|
onChange: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
|
|
|
onPressEnter: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
|
|
|
onKeyDown: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
|
|
|
onKeyUp: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
|
|
|
prefixCls: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string,
|
|
|
tabIndex: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string, __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.number]),
|
|
|
disabled: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
|
|
|
onFocus: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
|
|
|
onBlur: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
|
|
|
readOnly: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
|
|
|
max: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.number,
|
|
|
min: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.number,
|
|
|
step: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.number, __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string]),
|
|
|
upHandler: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.node,
|
|
|
downHandler: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.node,
|
|
|
useTouch: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
|
|
|
formatter: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
|
|
|
parser: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
|
|
|
onMouseEnter: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
|
|
|
onMouseLeave: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
|
|
|
onMouseOver: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
|
|
|
onMouseOut: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
|
|
|
onMouseUp: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
|
|
|
precision: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.number,
|
|
|
required: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
|
|
|
pattern: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string,
|
|
|
decimalSeparator: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string
|
|
|
};
|
|
|
InputNumber.defaultProps = {
|
|
|
focusOnUpDown: true,
|
|
|
useTouch: false,
|
|
|
prefixCls: 'rc-input-number',
|
|
|
min: -MAX_SAFE_INTEGER,
|
|
|
step: 1,
|
|
|
style: {},
|
|
|
onChange: noop,
|
|
|
onKeyDown: noop,
|
|
|
onPressEnter: noop,
|
|
|
onFocus: noop,
|
|
|
onBlur: noop,
|
|
|
parser: defaultParser,
|
|
|
required: false,
|
|
|
autoComplete: 'off'
|
|
|
};
|
|
|
|
|
|
var _initialiseProps = function _initialiseProps() {
|
|
|
var _this3 = this;
|
|
|
|
|
|
this.onKeyDown = function (e) {
|
|
|
for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
|
|
args[_key - 1] = arguments[_key];
|
|
|
}
|
|
|
|
|
|
var _props3 = _this3.props,
|
|
|
onKeyDown = _props3.onKeyDown,
|
|
|
onPressEnter = _props3.onPressEnter;
|
|
|
|
|
|
|
|
|
if (e.keyCode === __WEBPACK_IMPORTED_MODULE_8_rc_util_es_KeyCode__["a" /* default */].UP) {
|
|
|
var ratio = _this3.getRatio(e);
|
|
|
_this3.up(e, ratio);
|
|
|
_this3.stop();
|
|
|
} else if (e.keyCode === __WEBPACK_IMPORTED_MODULE_8_rc_util_es_KeyCode__["a" /* default */].DOWN) {
|
|
|
var _ratio = _this3.getRatio(e);
|
|
|
_this3.down(e, _ratio);
|
|
|
_this3.stop();
|
|
|
} else if (e.keyCode === __WEBPACK_IMPORTED_MODULE_8_rc_util_es_KeyCode__["a" /* default */].ENTER && onPressEnter) {
|
|
|
onPressEnter(e);
|
|
|
}
|
|
|
|
|
|
// Trigger user key down
|
|
|
_this3.recordCursorPosition();
|
|
|
_this3.lastKeyCode = e.keyCode;
|
|
|
if (onKeyDown) {
|
|
|
onKeyDown.apply(undefined, [e].concat(args));
|
|
|
}
|
|
|
};
|
|
|
|
|
|
this.onKeyUp = function (e) {
|
|
|
for (var _len2 = arguments.length, args = Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
|
|
|
args[_key2 - 1] = arguments[_key2];
|
|
|
}
|
|
|
|
|
|
var onKeyUp = _this3.props.onKeyUp;
|
|
|
|
|
|
|
|
|
_this3.stop();
|
|
|
|
|
|
_this3.recordCursorPosition();
|
|
|
|
|
|
// Trigger user key up
|
|
|
if (onKeyUp) {
|
|
|
onKeyUp.apply(undefined, [e].concat(args));
|
|
|
}
|
|
|
};
|
|
|
|
|
|
this.onChange = function (e) {
|
|
|
var onChange = _this3.props.onChange;
|
|
|
|
|
|
|
|
|
if (_this3.state.focused) {
|
|
|
_this3.inputting = true;
|
|
|
}
|
|
|
_this3.rawInput = _this3.props.parser(_this3.getValueFromEvent(e));
|
|
|
_this3.setState({ inputValue: _this3.rawInput });
|
|
|
onChange(_this3.toNumber(_this3.rawInput)); // valid number or invalid string
|
|
|
};
|
|
|
|
|
|
this.onMouseUp = function () {
|
|
|
var onMouseUp = _this3.props.onMouseUp;
|
|
|
|
|
|
|
|
|
_this3.recordCursorPosition();
|
|
|
|
|
|
if (onMouseUp) {
|
|
|
onMouseUp.apply(undefined, arguments);
|
|
|
}
|
|
|
};
|
|
|
|
|
|
this.onFocus = function () {
|
|
|
var _props4;
|
|
|
|
|
|
_this3.setState({
|
|
|
focused: true
|
|
|
});
|
|
|
(_props4 = _this3.props).onFocus.apply(_props4, arguments);
|
|
|
};
|
|
|
|
|
|
this.onBlur = function (e) {
|
|
|
for (var _len3 = arguments.length, args = Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {
|
|
|
args[_key3 - 1] = arguments[_key3];
|
|
|
}
|
|
|
|
|
|
var onBlur = _this3.props.onBlur;
|
|
|
|
|
|
_this3.inputting = false;
|
|
|
_this3.setState({
|
|
|
focused: false
|
|
|
});
|
|
|
var value = _this3.getCurrentValidValue(_this3.state.inputValue);
|
|
|
e.persist(); // fix https://github.com/react-component/input-number/issues/51
|
|
|
var newValue = _this3.setValue(value);
|
|
|
|
|
|
if (onBlur) {
|
|
|
var originValue = _this3.input.value;
|
|
|
var inputValue = _this3.getInputDisplayValue({ focus: false, value: newValue });
|
|
|
_this3.input.value = inputValue;
|
|
|
onBlur.apply(undefined, [e].concat(args));
|
|
|
_this3.input.value = originValue;
|
|
|
}
|
|
|
};
|
|
|
|
|
|
this.getInputDisplayValue = function (state) {
|
|
|
var _ref = state || _this3.state,
|
|
|
focused = _ref.focused,
|
|
|
inputValue = _ref.inputValue,
|
|
|
value = _ref.value;
|
|
|
|
|
|
var inputDisplayValue = void 0;
|
|
|
if (focused) {
|
|
|
inputDisplayValue = inputValue;
|
|
|
} else {
|
|
|
inputDisplayValue = _this3.toPrecisionAsStep(value);
|
|
|
}
|
|
|
|
|
|
if (inputDisplayValue === undefined || inputDisplayValue === null) {
|
|
|
inputDisplayValue = '';
|
|
|
}
|
|
|
|
|
|
var inputDisplayValueFormat = _this3.formatWrapper(inputDisplayValue);
|
|
|
if (isValidProps(_this3.props.decimalSeparator)) {
|
|
|
inputDisplayValueFormat = inputDisplayValueFormat.toString().replace('.', _this3.props.decimalSeparator);
|
|
|
}
|
|
|
|
|
|
return inputDisplayValueFormat;
|
|
|
};
|
|
|
|
|
|
this.recordCursorPosition = function () {
|
|
|
// Record position
|
|
|
try {
|
|
|
_this3.cursorStart = _this3.input.selectionStart;
|
|
|
_this3.cursorEnd = _this3.input.selectionEnd;
|
|
|
_this3.currentValue = _this3.input.value;
|
|
|
_this3.cursorBefore = _this3.input.value.substring(0, _this3.cursorStart);
|
|
|
_this3.cursorAfter = _this3.input.value.substring(_this3.cursorEnd);
|
|
|
} catch (e) {
|
|
|
// Fix error in Chrome:
|
|
|
// Failed to read the 'selectionStart' property from 'HTMLInputElement'
|
|
|
// http://stackoverflow.com/q/21177489/3040605
|
|
|
}
|
|
|
};
|
|
|
|
|
|
this.restoreByAfter = function (str) {
|
|
|
if (str === undefined) return false;
|
|
|
|
|
|
var fullStr = _this3.input.value;
|
|
|
var index = fullStr.lastIndexOf(str);
|
|
|
|
|
|
if (index === -1) return false;
|
|
|
|
|
|
if (index + str.length === fullStr.length) {
|
|
|
_this3.fixCaret(index, index);
|
|
|
|
|
|
return true;
|
|
|
}
|
|
|
return false;
|
|
|
};
|
|
|
|
|
|
this.partRestoreByAfter = function (str) {
|
|
|
if (str === undefined) return false;
|
|
|
|
|
|
// For loop from full str to the str with last char to map. e.g. 123
|
|
|
// -> 123
|
|
|
// -> 23
|
|
|
// -> 3
|
|
|
return Array.prototype.some.call(str, function (_, start) {
|
|
|
var partStr = str.substring(start);
|
|
|
|
|
|
return _this3.restoreByAfter(partStr);
|
|
|
});
|
|
|
};
|
|
|
|
|
|
this.stop = function () {
|
|
|
if (_this3.autoStepTimer) {
|
|
|
clearTimeout(_this3.autoStepTimer);
|
|
|
}
|
|
|
};
|
|
|
|
|
|
this.down = function (e, ratio, recursive) {
|
|
|
_this3.pressingUpOrDown = true;
|
|
|
_this3.step('down', e, ratio, recursive);
|
|
|
};
|
|
|
|
|
|
this.up = function (e, ratio, recursive) {
|
|
|
_this3.pressingUpOrDown = true;
|
|
|
_this3.step('up', e, ratio, recursive);
|
|
|
};
|
|
|
|
|
|
this.saveUp = function (node) {
|
|
|
_this3.upHandler = node;
|
|
|
};
|
|
|
|
|
|
this.saveDown = function (node) {
|
|
|
_this3.downHandler = node;
|
|
|
};
|
|
|
|
|
|
this.saveInput = function (node) {
|
|
|
_this3.input = node;
|
|
|
};
|
|
|
};
|
|
|
|
|
|
/* harmony default export */ __webpack_exports__["default"] = (InputNumber);
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1208:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties__ = __webpack_require__(74);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck__ = __webpack_require__(11);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(13);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__ = __webpack_require__(14);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react__ = __webpack_require__(0);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_prop_types__ = __webpack_require__(1);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_prop_types__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_rmc_feedback__ = __webpack_require__(1209);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var InputHandler = function (_Component) {
|
|
|
__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default()(InputHandler, _Component);
|
|
|
|
|
|
function InputHandler() {
|
|
|
__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck___default()(this, InputHandler);
|
|
|
|
|
|
return __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default()(this, _Component.apply(this, arguments));
|
|
|
}
|
|
|
|
|
|
InputHandler.prototype.render = function render() {
|
|
|
var _props = this.props,
|
|
|
prefixCls = _props.prefixCls,
|
|
|
disabled = _props.disabled,
|
|
|
otherProps = __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties___default()(_props, ['prefixCls', 'disabled']);
|
|
|
|
|
|
return __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
|
|
|
__WEBPACK_IMPORTED_MODULE_6_rmc_feedback__["a" /* default */],
|
|
|
{
|
|
|
disabled: disabled,
|
|
|
activeClassName: prefixCls + '-handler-active'
|
|
|
},
|
|
|
__WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement('span', otherProps)
|
|
|
);
|
|
|
};
|
|
|
|
|
|
return InputHandler;
|
|
|
}(__WEBPACK_IMPORTED_MODULE_4_react__["Component"]);
|
|
|
|
|
|
InputHandler.propTypes = {
|
|
|
prefixCls: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string,
|
|
|
disabled: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.bool,
|
|
|
onTouchStart: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,
|
|
|
onTouchEnd: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,
|
|
|
onMouseDown: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,
|
|
|
onMouseUp: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,
|
|
|
onMouseLeave: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func
|
|
|
};
|
|
|
|
|
|
/* harmony default export */ __webpack_exports__["a"] = (InputHandler);
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1209:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__TouchFeedback__ = __webpack_require__(1210);
|
|
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0__TouchFeedback__["a"]; });
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1210:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__ = __webpack_require__(26);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck__ = __webpack_require__(11);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_createClass__ = __webpack_require__(44);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_createClass___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_createClass__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(13);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_possibleConstructorReturn__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_inherits__ = __webpack_require__(14);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_inherits__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_react__ = __webpack_require__(0);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_react__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_classnames__ = __webpack_require__(3);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_classnames__);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var TouchFeedback = function (_React$Component) {
|
|
|
__WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_inherits___default()(TouchFeedback, _React$Component);
|
|
|
|
|
|
function TouchFeedback() {
|
|
|
__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck___default()(this, TouchFeedback);
|
|
|
|
|
|
var _this = __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_possibleConstructorReturn___default()(this, (TouchFeedback.__proto__ || Object.getPrototypeOf(TouchFeedback)).apply(this, arguments));
|
|
|
|
|
|
_this.state = {
|
|
|
active: false
|
|
|
};
|
|
|
_this.onTouchStart = function (e) {
|
|
|
_this.triggerEvent('TouchStart', true, e);
|
|
|
};
|
|
|
_this.onTouchMove = function (e) {
|
|
|
_this.triggerEvent('TouchMove', false, e);
|
|
|
};
|
|
|
_this.onTouchEnd = function (e) {
|
|
|
_this.triggerEvent('TouchEnd', false, e);
|
|
|
};
|
|
|
_this.onTouchCancel = function (e) {
|
|
|
_this.triggerEvent('TouchCancel', false, e);
|
|
|
};
|
|
|
_this.onMouseDown = function (e) {
|
|
|
// pc simulate mobile
|
|
|
_this.triggerEvent('MouseDown', true, e);
|
|
|
};
|
|
|
_this.onMouseUp = function (e) {
|
|
|
_this.triggerEvent('MouseUp', false, e);
|
|
|
};
|
|
|
_this.onMouseLeave = function (e) {
|
|
|
_this.triggerEvent('MouseLeave', false, e);
|
|
|
};
|
|
|
return _this;
|
|
|
}
|
|
|
|
|
|
__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_createClass___default()(TouchFeedback, [{
|
|
|
key: 'componentDidUpdate',
|
|
|
value: function componentDidUpdate() {
|
|
|
if (this.props.disabled && this.state.active) {
|
|
|
this.setState({
|
|
|
active: false
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
}, {
|
|
|
key: 'triggerEvent',
|
|
|
value: function triggerEvent(type, isActive, ev) {
|
|
|
var eventType = 'on' + type;
|
|
|
var children = this.props.children;
|
|
|
|
|
|
if (children.props[eventType]) {
|
|
|
children.props[eventType](ev);
|
|
|
}
|
|
|
if (isActive !== this.state.active) {
|
|
|
this.setState({
|
|
|
active: isActive
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
}, {
|
|
|
key: 'render',
|
|
|
value: function render() {
|
|
|
var _props = this.props,
|
|
|
children = _props.children,
|
|
|
disabled = _props.disabled,
|
|
|
activeClassName = _props.activeClassName,
|
|
|
activeStyle = _props.activeStyle;
|
|
|
|
|
|
var events = disabled ? undefined : {
|
|
|
onTouchStart: this.onTouchStart,
|
|
|
onTouchMove: this.onTouchMove,
|
|
|
onTouchEnd: this.onTouchEnd,
|
|
|
onTouchCancel: this.onTouchCancel,
|
|
|
onMouseDown: this.onMouseDown,
|
|
|
onMouseUp: this.onMouseUp,
|
|
|
onMouseLeave: this.onMouseLeave
|
|
|
};
|
|
|
var child = __WEBPACK_IMPORTED_MODULE_5_react___default.a.Children.only(children);
|
|
|
if (!disabled && this.state.active) {
|
|
|
var _child$props = child.props,
|
|
|
style = _child$props.style,
|
|
|
className = _child$props.className;
|
|
|
|
|
|
if (activeStyle !== false) {
|
|
|
if (activeStyle) {
|
|
|
style = __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default()({}, style, activeStyle);
|
|
|
}
|
|
|
className = __WEBPACK_IMPORTED_MODULE_6_classnames___default()(className, activeClassName);
|
|
|
}
|
|
|
return __WEBPACK_IMPORTED_MODULE_5_react___default.a.cloneElement(child, __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default()({ className: className,
|
|
|
style: style }, events));
|
|
|
}
|
|
|
return __WEBPACK_IMPORTED_MODULE_5_react___default.a.cloneElement(child, events);
|
|
|
}
|
|
|
}]);
|
|
|
|
|
|
return TouchFeedback;
|
|
|
}(__WEBPACK_IMPORTED_MODULE_5_react___default.a.Component);
|
|
|
|
|
|
/* harmony default export */ __webpack_exports__["a"] = (TouchFeedback);
|
|
|
|
|
|
TouchFeedback.defaultProps = {
|
|
|
disabled: false
|
|
|
};
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1320:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
var _interopRequireDefault = __webpack_require__(2);
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
|
value: true
|
|
|
});
|
|
|
Object.defineProperty(exports, "FormGroup", {
|
|
|
enumerable: true,
|
|
|
get: function get() {
|
|
|
return _FormGroup.default;
|
|
|
}
|
|
|
});
|
|
|
Object.defineProperty(exports, "FormLabel", {
|
|
|
enumerable: true,
|
|
|
get: function get() {
|
|
|
return _FormLabel.default;
|
|
|
}
|
|
|
});
|
|
|
Object.defineProperty(exports, "FormControl", {
|
|
|
enumerable: true,
|
|
|
get: function get() {
|
|
|
return _FormControl.default;
|
|
|
}
|
|
|
});
|
|
|
Object.defineProperty(exports, "FormHelperText", {
|
|
|
enumerable: true,
|
|
|
get: function get() {
|
|
|
return _FormHelperText.default;
|
|
|
}
|
|
|
});
|
|
|
Object.defineProperty(exports, "FormControlLabel", {
|
|
|
enumerable: true,
|
|
|
get: function get() {
|
|
|
return _FormControlLabel.default;
|
|
|
}
|
|
|
});
|
|
|
|
|
|
var _FormGroup = _interopRequireDefault(__webpack_require__(1438));
|
|
|
|
|
|
var _FormLabel = _interopRequireDefault(__webpack_require__(1471));
|
|
|
|
|
|
var _FormControl = _interopRequireDefault(__webpack_require__(1472));
|
|
|
|
|
|
var _FormHelperText = _interopRequireDefault(__webpack_require__(1473));
|
|
|
|
|
|
var _FormControlLabel = _interopRequireDefault(__webpack_require__(1474));
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1339:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
var _interopRequireDefault = __webpack_require__(2);
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
|
value: true
|
|
|
});
|
|
|
exports.hasValue = hasValue;
|
|
|
exports.isFilled = isFilled;
|
|
|
exports.isAdornedStart = isAdornedStart;
|
|
|
exports.default = exports.styles = void 0;
|
|
|
|
|
|
var _extends2 = _interopRequireDefault(__webpack_require__(8));
|
|
|
|
|
|
var _objectSpread2 = _interopRequireDefault(__webpack_require__(24));
|
|
|
|
|
|
var _defineProperty2 = _interopRequireDefault(__webpack_require__(18));
|
|
|
|
|
|
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(6));
|
|
|
|
|
|
var _getPrototypeOf = _interopRequireDefault(__webpack_require__(20));
|
|
|
|
|
|
var _classCallCheck2 = _interopRequireDefault(__webpack_require__(15));
|
|
|
|
|
|
var _createClass2 = _interopRequireDefault(__webpack_require__(16));
|
|
|
|
|
|
var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(21));
|
|
|
|
|
|
var _inherits2 = _interopRequireDefault(__webpack_require__(22));
|
|
|
|
|
|
var _assertThisInitialized2 = _interopRequireDefault(__webpack_require__(23));
|
|
|
|
|
|
var _react = _interopRequireDefault(__webpack_require__(0));
|
|
|
|
|
|
var _propTypes = _interopRequireDefault(__webpack_require__(1));
|
|
|
|
|
|
var _classnames = _interopRequireDefault(__webpack_require__(3));
|
|
|
|
|
|
var _withStyles = _interopRequireDefault(__webpack_require__(17));
|
|
|
|
|
|
var _Textarea = _interopRequireDefault(__webpack_require__(1468));
|
|
|
|
|
|
// Supports determination of isControlled().
|
|
|
// Controlled input accepts its current value as a prop.
|
|
|
//
|
|
|
// @see https://facebook.github.io/react/docs/forms.html#controlled-components
|
|
|
// @param value
|
|
|
// @returns {boolean} true if string (including '') or number (including zero)
|
|
|
function hasValue(value) {
|
|
|
return value != null && !(Array.isArray(value) && value.length === 0);
|
|
|
} // Determine if field is empty or filled.
|
|
|
// Response determines if label is presented above field or as placeholder.
|
|
|
//
|
|
|
// @param obj
|
|
|
// @param SSR
|
|
|
// @returns {boolean} False when not present or empty string.
|
|
|
// True when any number or string with length.
|
|
|
|
|
|
|
|
|
function isFilled(obj) {
|
|
|
var SSR = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
|
return obj && (hasValue(obj.value) && obj.value !== '' || SSR && hasValue(obj.defaultValue) && obj.defaultValue !== '');
|
|
|
} // Determine if an Input is adorned on start.
|
|
|
// It's corresponding to the left with LTR.
|
|
|
//
|
|
|
// @param obj
|
|
|
// @returns {boolean} False when no adornments.
|
|
|
// True when adorned at the start.
|
|
|
|
|
|
|
|
|
function isAdornedStart(obj) {
|
|
|
return obj.startAdornment;
|
|
|
}
|
|
|
|
|
|
var styles = function styles(theme) {
|
|
|
var light = theme.palette.type === 'light';
|
|
|
var placeholder = {
|
|
|
color: 'currentColor',
|
|
|
opacity: light ? 0.42 : 0.5,
|
|
|
transition: theme.transitions.create('opacity', {
|
|
|
duration: theme.transitions.duration.shorter
|
|
|
})
|
|
|
};
|
|
|
var placeholderHidden = {
|
|
|
opacity: 0
|
|
|
};
|
|
|
var placeholderVisible = {
|
|
|
opacity: light ? 0.42 : 0.5
|
|
|
};
|
|
|
var bottomLineColor = light ? 'rgba(0, 0, 0, 0.42)' : 'rgba(255, 255, 255, 0.7)';
|
|
|
return {
|
|
|
root: {
|
|
|
// Mimics the default input display property used by browsers for an input.
|
|
|
display: 'inline-flex',
|
|
|
position: 'relative',
|
|
|
fontFamily: theme.typography.fontFamily,
|
|
|
color: light ? 'rgba(0, 0, 0, 0.87)' : theme.palette.common.white,
|
|
|
fontSize: theme.typography.pxToRem(16),
|
|
|
lineHeight: '1.1875em',
|
|
|
// Reset (19px), match the native input line-height
|
|
|
'&$disabled': {
|
|
|
color: theme.palette.text.disabled
|
|
|
}
|
|
|
},
|
|
|
formControl: {
|
|
|
'label + &': {
|
|
|
marginTop: theme.spacing.unit * 2
|
|
|
}
|
|
|
},
|
|
|
focused: {},
|
|
|
disabled: {},
|
|
|
underline: {
|
|
|
'&:after': {
|
|
|
backgroundColor: theme.palette.primary[light ? 'dark' : 'light'],
|
|
|
left: 0,
|
|
|
bottom: 0,
|
|
|
// Doing the other way around crash on IE11 "''" https://github.com/cssinjs/jss/issues/242
|
|
|
content: '""',
|
|
|
height: 2,
|
|
|
position: 'absolute',
|
|
|
right: 0,
|
|
|
transform: 'scaleX(0)',
|
|
|
transition: theme.transitions.create('transform', {
|
|
|
duration: theme.transitions.duration.shorter,
|
|
|
easing: theme.transitions.easing.easeOut
|
|
|
}),
|
|
|
pointerEvents: 'none' // Transparent to the hover style.
|
|
|
|
|
|
},
|
|
|
'&$focused:after': {
|
|
|
transform: 'scaleX(1)'
|
|
|
},
|
|
|
'&$error:after': {
|
|
|
backgroundColor: theme.palette.error.main,
|
|
|
transform: 'scaleX(1)' // error is always underlined in red
|
|
|
|
|
|
},
|
|
|
'&:before': {
|
|
|
backgroundColor: bottomLineColor,
|
|
|
left: 0,
|
|
|
bottom: 0,
|
|
|
// Doing the other way around crash on IE11 "''" https://github.com/cssinjs/jss/issues/242
|
|
|
content: '""',
|
|
|
height: 1,
|
|
|
position: 'absolute',
|
|
|
right: 0,
|
|
|
transition: theme.transitions.create('background-color', {
|
|
|
duration: theme.transitions.duration.shorter
|
|
|
}),
|
|
|
pointerEvents: 'none' // Transparent to the hover style.
|
|
|
|
|
|
},
|
|
|
'&:hover:not($disabled):before': {
|
|
|
backgroundColor: theme.palette.text.primary,
|
|
|
height: 2
|
|
|
},
|
|
|
'&$disabled:before': {
|
|
|
background: 'transparent',
|
|
|
backgroundImage: "linear-gradient(to right, ".concat(bottomLineColor, " 33%, transparent 0%)"),
|
|
|
backgroundPosition: 'left top',
|
|
|
backgroundRepeat: 'repeat-x',
|
|
|
backgroundSize: '5px 1px'
|
|
|
}
|
|
|
},
|
|
|
error: {},
|
|
|
multiline: {
|
|
|
padding: "".concat(theme.spacing.unit - 2, "px 0 ").concat(theme.spacing.unit - 1, "px")
|
|
|
},
|
|
|
fullWidth: {
|
|
|
width: '100%'
|
|
|
},
|
|
|
input: {
|
|
|
font: 'inherit',
|
|
|
color: 'currentColor',
|
|
|
padding: "".concat(theme.spacing.unit - 2, "px 0 ").concat(theme.spacing.unit - 1, "px"),
|
|
|
border: 0,
|
|
|
boxSizing: 'content-box',
|
|
|
verticalAlign: 'middle',
|
|
|
background: 'none',
|
|
|
margin: 0,
|
|
|
// Reset for Safari
|
|
|
// Remove grey highlight
|
|
|
WebkitTapHighlightColor: 'transparent',
|
|
|
display: 'block',
|
|
|
// Make the flex item shrink with Firefox
|
|
|
minWidth: 0,
|
|
|
flexGrow: 1,
|
|
|
'&::-webkit-input-placeholder': placeholder,
|
|
|
'&::-moz-placeholder': placeholder,
|
|
|
// Firefox 19+
|
|
|
'&:-ms-input-placeholder': placeholder,
|
|
|
// IE 11
|
|
|
'&::-ms-input-placeholder': placeholder,
|
|
|
// Edge
|
|
|
'&:focus': {
|
|
|
outline: 0
|
|
|
},
|
|
|
// Reset Firefox invalid required input style
|
|
|
'&:invalid': {
|
|
|
boxShadow: 'none'
|
|
|
},
|
|
|
'&::-webkit-search-decoration': {
|
|
|
// Remove the padding when type=search.
|
|
|
'-webkit-appearance': 'none'
|
|
|
},
|
|
|
// Show and hide the placeholder logic
|
|
|
'label[data-shrink=false] + $formControl &': {
|
|
|
'&::-webkit-input-placeholder': placeholderHidden,
|
|
|
'&::-moz-placeholder': placeholderHidden,
|
|
|
// Firefox 19+
|
|
|
'&:-ms-input-placeholder': placeholderHidden,
|
|
|
// IE 11
|
|
|
'&::-ms-input-placeholder': placeholderHidden,
|
|
|
// Edge
|
|
|
'&:focus::-webkit-input-placeholder': placeholderVisible,
|
|
|
'&:focus::-moz-placeholder': placeholderVisible,
|
|
|
// Firefox 19+
|
|
|
'&:focus:-ms-input-placeholder': placeholderVisible,
|
|
|
// IE 11
|
|
|
'&:focus::-ms-input-placeholder': placeholderVisible // Edge
|
|
|
|
|
|
},
|
|
|
'&$disabled': {
|
|
|
opacity: 1 // Reset iOS opacity
|
|
|
|
|
|
}
|
|
|
},
|
|
|
inputMarginDense: {
|
|
|
paddingTop: theme.spacing.unit / 2 - 1
|
|
|
},
|
|
|
inputMultiline: {
|
|
|
resize: 'none',
|
|
|
padding: 0
|
|
|
},
|
|
|
inputType: {
|
|
|
// type="date" or type="time", etc. have specific styles we need to reset.
|
|
|
height: '1.1875em' // Reset (19px), match the native input line-height
|
|
|
|
|
|
},
|
|
|
inputTypeSearch: {
|
|
|
// Improve type search style.
|
|
|
'-moz-appearance': 'textfield',
|
|
|
'-webkit-appearance': 'textfield'
|
|
|
}
|
|
|
};
|
|
|
};
|
|
|
|
|
|
exports.styles = styles;
|
|
|
|
|
|
function formControlState(props, context) {
|
|
|
var disabled = props.disabled;
|
|
|
var error = props.error;
|
|
|
var margin = props.margin;
|
|
|
|
|
|
if (context && context.muiFormControl) {
|
|
|
if (typeof disabled === 'undefined') {
|
|
|
disabled = context.muiFormControl.disabled;
|
|
|
}
|
|
|
|
|
|
if (typeof error === 'undefined') {
|
|
|
error = context.muiFormControl.error;
|
|
|
}
|
|
|
|
|
|
if (typeof margin === 'undefined') {
|
|
|
margin = context.muiFormControl.margin;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
return {
|
|
|
disabled: disabled,
|
|
|
error: error,
|
|
|
margin: margin
|
|
|
};
|
|
|
}
|
|
|
|
|
|
var Input =
|
|
|
/*#__PURE__*/
|
|
|
function (_React$Component) {
|
|
|
(0, _inherits2.default)(Input, _React$Component);
|
|
|
|
|
|
function Input(props, context) {
|
|
|
var _this;
|
|
|
|
|
|
(0, _classCallCheck2.default)(this, Input);
|
|
|
_this = (0, _possibleConstructorReturn2.default)(this, (Input.__proto__ || (0, _getPrototypeOf.default)(Input)).call(this, props, context));
|
|
|
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "state", {
|
|
|
configurable: true,
|
|
|
enumerable: true,
|
|
|
writable: true,
|
|
|
value: {
|
|
|
focused: false
|
|
|
}
|
|
|
});
|
|
|
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "isControlled", {
|
|
|
configurable: true,
|
|
|
enumerable: true,
|
|
|
writable: true,
|
|
|
value: _this.props.value != null
|
|
|
});
|
|
|
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "input", {
|
|
|
configurable: true,
|
|
|
enumerable: true,
|
|
|
writable: true,
|
|
|
value: null
|
|
|
});
|
|
|
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "handleFocus", {
|
|
|
configurable: true,
|
|
|
enumerable: true,
|
|
|
writable: true,
|
|
|
value: function value(event) {
|
|
|
// Fix an bug with IE11 where the focus/blur events are triggered
|
|
|
// while the input is disabled.
|
|
|
if (formControlState(_this.props, _this.context).disabled) {
|
|
|
event.stopPropagation();
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
_this.setState({
|
|
|
focused: true
|
|
|
});
|
|
|
|
|
|
if (_this.props.onFocus) {
|
|
|
_this.props.onFocus(event);
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "handleBlur", {
|
|
|
configurable: true,
|
|
|
enumerable: true,
|
|
|
writable: true,
|
|
|
value: function value(event) {
|
|
|
_this.setState({
|
|
|
focused: false
|
|
|
});
|
|
|
|
|
|
if (_this.props.onBlur) {
|
|
|
_this.props.onBlur(event);
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "handleChange", {
|
|
|
configurable: true,
|
|
|
enumerable: true,
|
|
|
writable: true,
|
|
|
value: function value(event) {
|
|
|
if (!_this.isControlled) {
|
|
|
_this.checkDirty(_this.input);
|
|
|
} // Perform in the willUpdate
|
|
|
|
|
|
|
|
|
if (_this.props.onChange) {
|
|
|
_this.props.onChange(event);
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "handleRefInput", {
|
|
|
configurable: true,
|
|
|
enumerable: true,
|
|
|
writable: true,
|
|
|
value: function value(node) {
|
|
|
_this.input = node;
|
|
|
|
|
|
if (_this.props.inputRef) {
|
|
|
_this.props.inputRef(node);
|
|
|
} else if (_this.props.inputProps && _this.props.inputProps.ref) {
|
|
|
_this.props.inputProps.ref(node);
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
|
|
|
if (_this.isControlled) {
|
|
|
_this.checkDirty(props);
|
|
|
}
|
|
|
|
|
|
var componentWillReceiveProps = function componentWillReceiveProps(nextProps, nextContext) {
|
|
|
// The blur won't fire when the disabled state is set on a focused input.
|
|
|
// We need to book keep the focused state manually.
|
|
|
if (!formControlState(_this.props, _this.context).disabled && formControlState(nextProps, nextContext).disabled) {
|
|
|
_this.setState({
|
|
|
focused: false
|
|
|
});
|
|
|
}
|
|
|
};
|
|
|
|
|
|
var componentWillUpdate = function componentWillUpdate(nextProps, nextState, nextContext) {
|
|
|
// Book keep the focused state.
|
|
|
if (!formControlState(_this.props, _this.context).disabled && formControlState(nextProps, nextContext).disabled) {
|
|
|
var muiFormControl = _this.context.muiFormControl;
|
|
|
|
|
|
if (muiFormControl && muiFormControl.onBlur) {
|
|
|
muiFormControl.onBlur();
|
|
|
}
|
|
|
}
|
|
|
}; // Support for react >= 16.3.0 && < 17.0.0
|
|
|
|
|
|
/* istanbul ignore else */
|
|
|
|
|
|
|
|
|
if (_react.default.createContext) {
|
|
|
_this.UNSAFE_componentWillReceiveProps = componentWillReceiveProps;
|
|
|
_this.UNSAFE_componentWillUpdate = componentWillUpdate;
|
|
|
} else {
|
|
|
_this.componentWillReceiveProps = componentWillReceiveProps;
|
|
|
_this.componentWillUpdate = componentWillUpdate;
|
|
|
}
|
|
|
|
|
|
return _this;
|
|
|
}
|
|
|
|
|
|
(0, _createClass2.default)(Input, [{
|
|
|
key: "getChildContext",
|
|
|
value: function getChildContext() {
|
|
|
// We are consuming the parent muiFormControl context.
|
|
|
// We don't want a child to consume it a second time.
|
|
|
return {
|
|
|
muiFormControl: null
|
|
|
};
|
|
|
}
|
|
|
}, {
|
|
|
key: "componentDidMount",
|
|
|
value: function componentDidMount() {
|
|
|
if (!this.isControlled) {
|
|
|
this.checkDirty(this.input);
|
|
|
}
|
|
|
}
|
|
|
}, {
|
|
|
key: "componentDidUpdate",
|
|
|
value: function componentDidUpdate() {
|
|
|
if (this.isControlled) {
|
|
|
this.checkDirty(this.props);
|
|
|
} // else performed in the onChange
|
|
|
|
|
|
}
|
|
|
}, {
|
|
|
key: "checkDirty",
|
|
|
value: function checkDirty(obj) {
|
|
|
var muiFormControl = this.context.muiFormControl;
|
|
|
|
|
|
if (isFilled(obj)) {
|
|
|
if (muiFormControl && muiFormControl.onFilled) {
|
|
|
muiFormControl.onFilled();
|
|
|
}
|
|
|
|
|
|
if (this.props.onFilled) {
|
|
|
this.props.onFilled();
|
|
|
}
|
|
|
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
if (muiFormControl && muiFormControl.onEmpty) {
|
|
|
muiFormControl.onEmpty();
|
|
|
}
|
|
|
|
|
|
if (this.props.onEmpty) {
|
|
|
this.props.onEmpty();
|
|
|
}
|
|
|
}
|
|
|
}, {
|
|
|
key: "render",
|
|
|
value: function render() {
|
|
|
var _classNames, _classNames2;
|
|
|
|
|
|
var _props = this.props,
|
|
|
autoComplete = _props.autoComplete,
|
|
|
autoFocus = _props.autoFocus,
|
|
|
classes = _props.classes,
|
|
|
classNameProp = _props.className,
|
|
|
defaultValue = _props.defaultValue,
|
|
|
disabledProp = _props.disabled,
|
|
|
disableUnderline = _props.disableUnderline,
|
|
|
endAdornment = _props.endAdornment,
|
|
|
errorProp = _props.error,
|
|
|
fullWidth = _props.fullWidth,
|
|
|
id = _props.id,
|
|
|
inputComponent = _props.inputComponent,
|
|
|
_props$inputProps = _props.inputProps;
|
|
|
_props$inputProps = _props$inputProps === void 0 ? {} : _props$inputProps;
|
|
|
var inputPropsClassName = _props$inputProps.className,
|
|
|
inputPropsProp = (0, _objectWithoutProperties2.default)(_props$inputProps, ["className"]),
|
|
|
inputRef = _props.inputRef,
|
|
|
marginProp = _props.margin,
|
|
|
multiline = _props.multiline,
|
|
|
name = _props.name,
|
|
|
onBlur = _props.onBlur,
|
|
|
onChange = _props.onChange,
|
|
|
onEmpty = _props.onEmpty,
|
|
|
onFilled = _props.onFilled,
|
|
|
onFocus = _props.onFocus,
|
|
|
onKeyDown = _props.onKeyDown,
|
|
|
onKeyUp = _props.onKeyUp,
|
|
|
placeholder = _props.placeholder,
|
|
|
readOnly = _props.readOnly,
|
|
|
rows = _props.rows,
|
|
|
rowsMax = _props.rowsMax,
|
|
|
startAdornment = _props.startAdornment,
|
|
|
type = _props.type,
|
|
|
value = _props.value,
|
|
|
other = (0, _objectWithoutProperties2.default)(_props, ["autoComplete", "autoFocus", "classes", "className", "defaultValue", "disabled", "disableUnderline", "endAdornment", "error", "fullWidth", "id", "inputComponent", "inputProps", "inputRef", "margin", "multiline", "name", "onBlur", "onChange", "onEmpty", "onFilled", "onFocus", "onKeyDown", "onKeyUp", "placeholder", "readOnly", "rows", "rowsMax", "startAdornment", "type", "value"]);
|
|
|
var muiFormControl = this.context.muiFormControl;
|
|
|
|
|
|
var _formControlState = formControlState(this.props, this.context),
|
|
|
disabled = _formControlState.disabled,
|
|
|
error = _formControlState.error,
|
|
|
margin = _formControlState.margin;
|
|
|
|
|
|
var className = (0, _classnames.default)(classes.root, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.disabled, disabled), (0, _defineProperty2.default)(_classNames, classes.error, error), (0, _defineProperty2.default)(_classNames, classes.fullWidth, fullWidth), (0, _defineProperty2.default)(_classNames, classes.focused, this.state.focused), (0, _defineProperty2.default)(_classNames, classes.formControl, muiFormControl), (0, _defineProperty2.default)(_classNames, classes.multiline, multiline), (0, _defineProperty2.default)(_classNames, classes.underline, !disableUnderline), _classNames), classNameProp);
|
|
|
var inputClassName = (0, _classnames.default)(classes.input, (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, classes.disabled, disabled), (0, _defineProperty2.default)(_classNames2, classes.inputType, type !== 'text'), (0, _defineProperty2.default)(_classNames2, classes.inputTypeSearch, type === 'search'), (0, _defineProperty2.default)(_classNames2, classes.inputMultiline, multiline), (0, _defineProperty2.default)(_classNames2, classes.inputMarginDense, margin === 'dense'), _classNames2), inputPropsClassName);
|
|
|
var required = muiFormControl && muiFormControl.required === true;
|
|
|
var InputComponent = 'input';
|
|
|
var inputProps = (0, _objectSpread2.default)({}, inputPropsProp, {
|
|
|
ref: this.handleRefInput
|
|
|
});
|
|
|
|
|
|
if (inputComponent) {
|
|
|
InputComponent = inputComponent;
|
|
|
inputProps = (0, _objectSpread2.default)({
|
|
|
// Rename ref to inputRef as we don't know the
|
|
|
// provided `inputComponent` structure.
|
|
|
inputRef: this.handleRefInput
|
|
|
}, inputProps, {
|
|
|
ref: null
|
|
|
});
|
|
|
} else if (multiline) {
|
|
|
if (rows && !rowsMax) {
|
|
|
InputComponent = 'textarea';
|
|
|
} else {
|
|
|
inputProps = (0, _objectSpread2.default)({
|
|
|
rowsMax: rowsMax,
|
|
|
textareaRef: this.handleRefInput
|
|
|
}, inputProps, {
|
|
|
ref: null
|
|
|
});
|
|
|
InputComponent = _Textarea.default;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
return _react.default.createElement("div", (0, _extends2.default)({
|
|
|
className: className
|
|
|
}, other), startAdornment, _react.default.createElement(InputComponent, (0, _extends2.default)({
|
|
|
"aria-invalid": error,
|
|
|
"aria-required": required,
|
|
|
autoComplete: autoComplete,
|
|
|
autoFocus: autoFocus,
|
|
|
className: inputClassName,
|
|
|
defaultValue: defaultValue,
|
|
|
disabled: disabled,
|
|
|
id: id,
|
|
|
name: name,
|
|
|
onBlur: this.handleBlur,
|
|
|
onChange: this.handleChange,
|
|
|
onFocus: this.handleFocus,
|
|
|
onKeyDown: onKeyDown,
|
|
|
onKeyUp: onKeyUp,
|
|
|
placeholder: placeholder,
|
|
|
readOnly: readOnly,
|
|
|
required: required ? true : undefined,
|
|
|
rows: rows,
|
|
|
type: type,
|
|
|
value: value
|
|
|
}, inputProps)), endAdornment);
|
|
|
}
|
|
|
}]);
|
|
|
return Input;
|
|
|
}(_react.default.Component);
|
|
|
|
|
|
Input.propTypes = false ? {
|
|
|
/**
|
|
|
* This property helps users to fill forms faster, especially on mobile devices.
|
|
|
* The name can be confusing, as it's more like an autofill.
|
|
|
* You can learn more about it here:
|
|
|
* https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill
|
|
|
*/
|
|
|
autoComplete: _propTypes.default.string,
|
|
|
|
|
|
/**
|
|
|
* If `true`, the input will be focused during the first mount.
|
|
|
*/
|
|
|
autoFocus: _propTypes.default.bool,
|
|
|
|
|
|
/**
|
|
|
* Useful to extend the style applied to components.
|
|
|
*/
|
|
|
classes: _propTypes.default.object.isRequired,
|
|
|
|
|
|
/**
|
|
|
* The CSS class name of the wrapper element.
|
|
|
*/
|
|
|
className: _propTypes.default.string,
|
|
|
|
|
|
/**
|
|
|
* The default input value, useful when not controlling the component.
|
|
|
*/
|
|
|
defaultValue: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
|
|
|
|
|
|
/**
|
|
|
* If `true`, the input will be disabled.
|
|
|
*/
|
|
|
disabled: _propTypes.default.bool,
|
|
|
|
|
|
/**
|
|
|
* If `true`, the input will not have an underline.
|
|
|
*/
|
|
|
disableUnderline: _propTypes.default.bool,
|
|
|
|
|
|
/**
|
|
|
* End `InputAdornment` for this component.
|
|
|
*/
|
|
|
endAdornment: _propTypes.default.node,
|
|
|
|
|
|
/**
|
|
|
* If `true`, the input will indicate an error. This is normally obtained via context from
|
|
|
* FormControl.
|
|
|
*/
|
|
|
error: _propTypes.default.bool,
|
|
|
|
|
|
/**
|
|
|
* If `true`, the input will take up the full width of its container.
|
|
|
*/
|
|
|
fullWidth: _propTypes.default.bool,
|
|
|
|
|
|
/**
|
|
|
* The id of the `input` element.
|
|
|
*/
|
|
|
id: _propTypes.default.string,
|
|
|
|
|
|
/**
|
|
|
* The component used for the native input.
|
|
|
* Either a string to use a DOM element or a component.
|
|
|
*/
|
|
|
inputComponent: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.func]),
|
|
|
|
|
|
/**
|
|
|
* Properties applied to the `input` element.
|
|
|
*/
|
|
|
inputProps: _propTypes.default.object,
|
|
|
|
|
|
/**
|
|
|
* Use that property to pass a ref callback to the native input component.
|
|
|
*/
|
|
|
inputRef: _propTypes.default.func,
|
|
|
|
|
|
/**
|
|
|
* If `dense`, will adjust vertical spacing. This is normally obtained via context from
|
|
|
* FormControl.
|
|
|
*/
|
|
|
margin: _propTypes.default.oneOf(['dense', 'none']),
|
|
|
|
|
|
/**
|
|
|
* If `true`, a textarea element will be rendered.
|
|
|
*/
|
|
|
multiline: _propTypes.default.bool,
|
|
|
|
|
|
/**
|
|
|
* Name attribute of the `input` element.
|
|
|
*/
|
|
|
name: _propTypes.default.string,
|
|
|
|
|
|
/**
|
|
|
* @ignore
|
|
|
*/
|
|
|
onBlur: _propTypes.default.func,
|
|
|
|
|
|
/**
|
|
|
* Callback fired when the value is changed.
|
|
|
*
|
|
|
* @param {object} event The event source of the callback.
|
|
|
* You can pull out the new value by accessing `event.target.value`.
|
|
|
*/
|
|
|
onChange: _propTypes.default.func,
|
|
|
|
|
|
/**
|
|
|
* @ignore
|
|
|
*/
|
|
|
onEmpty: _propTypes.default.func,
|
|
|
|
|
|
/**
|
|
|
* @ignore
|
|
|
*/
|
|
|
onFilled: _propTypes.default.func,
|
|
|
|
|
|
/**
|
|
|
* @ignore
|
|
|
*/
|
|
|
onFocus: _propTypes.default.func,
|
|
|
|
|
|
/**
|
|
|
* @ignore
|
|
|
*/
|
|
|
onKeyDown: _propTypes.default.func,
|
|
|
|
|
|
/**
|
|
|
* @ignore
|
|
|
*/
|
|
|
onKeyUp: _propTypes.default.func,
|
|
|
|
|
|
/**
|
|
|
* The short hint displayed in the input before the user enters a value.
|
|
|
*/
|
|
|
placeholder: _propTypes.default.string,
|
|
|
|
|
|
/**
|
|
|
* @ignore
|
|
|
*/
|
|
|
readOnly: _propTypes.default.bool,
|
|
|
|
|
|
/**
|
|
|
* Number of rows to display when multiline option is set to true.
|
|
|
*/
|
|
|
rows: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
|
|
|
|
|
|
/**
|
|
|
* Maximum number of rows to display when multiline option is set to true.
|
|
|
*/
|
|
|
rowsMax: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
|
|
|
|
|
|
/**
|
|
|
* Start `InputAdornment` for this component.
|
|
|
*/
|
|
|
startAdornment: _propTypes.default.node,
|
|
|
|
|
|
/**
|
|
|
* Type of the input element. It should be a valid HTML5 input type.
|
|
|
*/
|
|
|
type: _propTypes.default.string,
|
|
|
|
|
|
/**
|
|
|
* The input value, required for a controlled component.
|
|
|
*/
|
|
|
value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number, _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]))])
|
|
|
} : {};
|
|
|
Input.muiName = 'Input';
|
|
|
Input.defaultProps = {
|
|
|
disableUnderline: false,
|
|
|
fullWidth: false,
|
|
|
multiline: false,
|
|
|
type: 'text'
|
|
|
};
|
|
|
Input.contextTypes = {
|
|
|
muiFormControl: _propTypes.default.object
|
|
|
};
|
|
|
Input.childContextTypes = {
|
|
|
muiFormControl: _propTypes.default.object
|
|
|
};
|
|
|
|
|
|
var _default = (0, _withStyles.default)(styles, {
|
|
|
name: 'MuiInput'
|
|
|
})(Input);
|
|
|
|
|
|
exports.default = _default;
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1354:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
var _interopRequireDefault = __webpack_require__(2);
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
|
value: true
|
|
|
});
|
|
|
Object.defineProperty(exports, "default", {
|
|
|
enumerable: true,
|
|
|
get: function get() {
|
|
|
return _Tooltip.default;
|
|
|
}
|
|
|
});
|
|
|
|
|
|
var _Tooltip = _interopRequireDefault(__webpack_require__(1458));
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1370:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
// style-loader: Adds some css to the DOM by adding a <style> tag
|
|
|
|
|
|
// load the styles
|
|
|
var content = __webpack_require__(1385);
|
|
|
if(typeof content === 'string') content = [[module.i, content, '']];
|
|
|
// Prepare cssTransformation
|
|
|
var transform;
|
|
|
|
|
|
var options = {"hmr":false}
|
|
|
options.transform = transform
|
|
|
// add the styles to the DOM
|
|
|
var update = __webpack_require__(291)(content, options);
|
|
|
if(content.locals) module.exports = content.locals;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1385:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
exports = module.exports = __webpack_require__(290)(true);
|
|
|
// imports
|
|
|
|
|
|
|
|
|
// module
|
|
|
exports.push([module.i, ".panel-comment_item .t_area{font-size:12px;color:#ccc}.panel-comment_item .orig_reply i{font-size:14px!important;margin-left:12px}.panel-comment_item ol.linenums{overflow:auto}.panel-comment_item .rewarded{color:#ff7500!important}.panel-comment_item .rewarded.normalUser{cursor:inherit}#tab_con_4 .-layout-v{overflow-y:auto}#tab_con_4 .rc-pagination{margin:12px auto 20px}.rc-pagination{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.comment_content img{max-width:23%!important}#mini_comment_section .df .ke-container{border-radius:15px}#mini_comment_section .df .buttons{width:70px;margin-bottom:5px}#mini_comment_section .buttons i{font-size:18px;color:#656565;vertical-align:baseline}#mini_comment_section i.newReplyIcon{color:#4dacff;cursor:pointer}#mini_comment_section .buttons{margin-bottom:10px}#mini_comment_section .buttons>p{margin-top:4px;display:none}#mini_comment_section .df .buttons>p{margin-top:14px;display:block}#mini_comment_section{height:auto;background-color:#fff;display:-ms-flexbox;display:flex;-webkit-box-shadow:0 -3px 5px 0 rgba(76,172,255,.2);box-shadow:0 -3px 5px 0 rgba(76,172,255,.2);z-index:99}#mini_comment_section #editor_panel{margin-bottom:9px}#mini_comment_section #editor_panel>div:first-child{position:absolute;bottom:8px;right:88px}#mini_comment_section .ke-toolbar-icon-url{background-image:url(" + __webpack_require__(1386) + ");background-position:0 0;background-size:30px 30px;width:30px;height:30px}#mini_comment_section .ke-outline{height:30px;margin-bottom:-11px;width:30px;margin-right:-5px;border:none;margin:0;padding:0;position:absolute;top:-30px;left:-30px;left:-24px;z-index:999}#mini_comment_section i.replyIcon{font-size:20px}#shixun_comment_block .dot{height:4px;border-radius:2px;background-color:#4cacff;width:4px;position:relative;bottom:30px;left:18px;display:block}#mini_comment_section .ke-container{border-radius:6px;border-color:#eaeaea}.commentTxt{width:100%;height:95px;border:1px solid #eaeaea;border-radius:10px;padding-left:5px}#game_praise_tread{cursor:pointer}.commentsbtn{margin-top:2px}#shixun_comment_block{margin:0 10px;margin-bottom:-2px}.panel-comment_item a.task-btn-orange{background:#4cacff}.childrenCommentsView{background:#f4f4f4;border-radius:4px;margin-bottom:6px;position:relative;margin-top:6px}.childrenCommentsView .trangle{position:absolute;border-color:#000;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #f4f4f4;left:13px;top:-9px;border-bottom:10px solid #f4f4f4}.childComment{padding:2px 8px}.childComment .iconfont.icon-jiangli{margin-top:2px}.childComment:hover{background:#ebebeb}.childComment .iconfont{display:none}.childComment p.orig_reply{margin-bottom:0}.childComment:hover .iconfont{display:inline}.blink{animation:blink-animation 3s steps(5,start) infinite;-webkit-animation:blink-animation 3s steps(5,start) infinite}@keyframes blink-animation{to{visibility:hidden}}@-webkit-keyframes blink-animation{to{visibility:hidden}}.J_Comment_Reply img.emoji{width:24px}.noCommentTitle{text-align:center;margin-top:20px;font-size:16px;height:100px;line-height:100px}.break_word_comments{word-break:break-word;width:100%;word-wrap:break-word;margin-bottom:4px;margin-top:4px}.childComment .break_word_comments{line-height:22px}form.df .tips{display:none}.loadMoreChildComments{text-align:center;height:24px;background:#f1f1f1;cursor:pointer}.loadMoreChildComments i.icon-xiajiantou{position:relative;bottom:5px}", "", {"version":3,"sources":["/Users/alec/educoder/public/react/src/modules/comment/Comment.css"],"names":[],"mappings":"AAKA,4BACC,eAAgB,AACb,UAAe,CAClB,AACD,kCACI,yBAA2B,AAC3B,gBAAkB,CACrB,AAEG,gCACI,aAAe,CAClB,AACD,8BACI,uBAAwB,CAC3B,AACD,yCACI,cAAgB,CACnB,AACL,sBACC,eAAiB,CACjB,AACD,0BACI,qBAAkB,CAIrB,AACD,eACI,0BAA2B,AAC3B,uBAAwB,AACxB,iBAAmB,CACtB,AAED,qBACI,uBAA0B,CAC7B,AAKD,wCACI,kBAAoB,CAEvB,AACD,mCACI,WAAY,AACX,iBAAmB,CACvB,AACG,iCACI,eAAgB,AAChB,cAAe,AACf,uBAAyB,CAC5B,AACD,qCACI,cAAe,AACf,cAAgB,CACnB,AACD,+BACI,kBAAoB,CACvB,AACD,iCACI,eAAgB,AAChB,YAAc,CACjB,AACD,qCACI,gBAAiB,AACjB,aAAe,CAClB,AACD,sBACI,YAAa,AACb,sBAAuB,AAEvB,oBAAqB,AACrB,aAAc,AACd,oDAA6D,AACrD,4CAAqD,AAC7D,UAAY,CACf,AACG,oCACI,iBAAkB,CACrB,AAED,oDACI,kBAAmB,AACnB,WAAY,AACZ,UAAY,CACf,AACG,2CACI,+CAA2D,AAC3D,wBAA6B,AAC7B,0BAA2B,AAC3B,WAAY,AACZ,WAAa,CAChB,AAET,kCACI,YAAa,AACb,oBAAqB,AACrB,WAAY,AACZ,kBAAmB,AACnB,YAAa,AACb,SAAY,AACZ,UAAa,AAEb,kBAAmB,AACnB,UAAW,AACX,WAAY,AACZ,WAAY,AACZ,WAAa,CAChB,AAED,kCACI,cAAgB,CACnB,AACD,2BAEI,WAAY,AACZ,kBAAmB,AACnB,yBAA0B,AAC1B,UAAW,AACX,kBAAmB,AACnB,YAAa,AACb,UAAW,AACX,aAAe,CAClB,AAEL,oCACI,kBAAmB,AACnB,oBAAsB,CAGzB,AACD,YACI,WAAY,AACZ,YAAa,AACb,yBAAyB,AACzB,mBAAoB,AACpB,gBAAkB,CACrB,AACD,mBACI,cAAgB,CACnB,AACD,aACI,cAAgB,CACnB,AAED,sBACI,cAAiB,AACjB,kBAAoB,CACvB,AAED,sCACI,kBAAoB,CACvB,AAGD,sBACI,mBAAoB,AACpB,kBAAmB,AACnB,kBAAmB,AACnB,kBAAmB,AACnB,cAAgB,CACnB,AACG,+BACI,kBAAmB,AACnB,kBAAoB,AACpB,QAAS,AACT,SAAU,AACV,kCAAmC,AACnC,mCAAoC,AACpC,gCAAiC,AACjC,UAAW,AACX,SAAU,AACV,gCAAkC,CACrC,AACL,cACI,eAAiB,CACpB,AACG,qCACI,cAAgB,CACnB,AAGL,oBACI,kBAAoB,CACvB,AACG,wBACI,YAAc,CACjB,AACD,2BACI,eAAmB,CACtB,AACD,8BACI,cAAgB,CACnB,AAOL,OACE,qDAAuD,AACvD,4DAA+D,CAChE,AACD,2BACE,GACE,iBAAmB,CACpB,CACF,AACD,mCACE,GACE,iBAAmB,CACpB,CACF,AAID,2BACI,UAAY,CACf,AAED,gBACI,kBAAmB,AACnB,gBAAiB,AACjB,eAAgB,AAChB,aAAc,AACd,iBAAmB,CACtB,AAED,qBAGI,sBAAuB,AAGvB,WAAY,AACZ,qBAAsB,AACtB,kBAAmB,AACnB,cAAgB,CACnB,AACD,mCACI,gBAAkB,CACrB,AAED,cACI,YAAc,CACjB,AAED,uBACI,kBAAmB,AACnB,YAAa,AACb,mBAAoB,AACpB,cAAgB,CAEnB,AACG,yCACI,kBAAmB,AACnB,UAAY,CACf","file":"Comment.css","sourcesContent":["\r\n.greytab-inner {\r\n\t/*overflow-y: scroll;*/\r\n}\r\n/*评论列表*/\r\n.panel-comment_item .t_area {\r\n\tfont-size: 12px;\r\n color: #CCCCCC;\r\n}\r\n.panel-comment_item .orig_reply i {\r\n font-size: 14px !important;\r\n margin-left: 12px;\r\n} \r\n /* ke style 代码块*/\r\n .panel-comment_item ol.linenums {\r\n overflow: auto;\r\n }\r\n .panel-comment_item .rewarded {\r\n color: #FF7500!important\r\n }\r\n .panel-comment_item .rewarded.normalUser {\r\n cursor: inherit;\r\n }\r\n#tab_con_4 .-layout-v {\r\n\toverflow-y: auto;\r\n}\r\n#tab_con_4 .rc-pagination {\r\n margin-left: auto;\r\n margin-right: auto;\r\n margin-top: 12px;\r\n margin-bottom: 20px;\r\n}\r\n.rc-pagination {\r\n width: -webkit-fit-content;\r\n width: -moz-fit-content;\r\n width: fit-content;\r\n}\r\n\r\n.comment_content img {\r\n max-width: 23% !important;\r\n}\r\n\r\n/* ----------------------------------------------------- CommentInput START */\r\n\r\n/*收起的时候radius变化*/\r\n#mini_comment_section .df .ke-container {\r\n border-radius: 15px;\r\n\r\n}\r\n#mini_comment_section .df .buttons {\r\n width: 70px;\r\n margin-bottom: 5px;\r\n}\r\n #mini_comment_section .buttons i {\r\n font-size: 18px;\r\n color: #656565;\r\n vertical-align: baseline;\r\n }\r\n #mini_comment_section i.newReplyIcon {\r\n color: #4DACFF;\r\n cursor: pointer;\r\n }\r\n #mini_comment_section .buttons {\r\n margin-bottom: 10px;\r\n }\r\n #mini_comment_section .buttons>p {\r\n margin-top: 4px;\r\n display: none;\r\n }\r\n #mini_comment_section .df .buttons>p {\r\n margin-top: 14px;\r\n display: block;\r\n }\r\n #mini_comment_section {\r\n height: auto;\r\n background-color: #FFF;\r\n /*border-top: 1px solid #f0f1fe;*/\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-shadow: 0px -3px 5px 0px rgba(76, 172, 255, 0.2);\r\n box-shadow: 0px -3px 5px 0px rgba(76, 172, 255, 0.2);\r\n z-index: 99;\r\n } \r\n #mini_comment_section #editor_panel {\r\n margin-bottom: 9px\r\n }\r\n /* commentInput 上传图片的图标挪动到左下*/\r\n #mini_comment_section #editor_panel>div:nth-child(1) {\r\n position: absolute;\r\n bottom: 8px;\r\n right: 88px; \r\n }\r\n #mini_comment_section .ke-toolbar-icon-url {\r\n background-image: url('../../images/tpi/upload-image.png');\r\n background-position: 0px 0px;\r\n background-size: 30px 30px;\r\n width: 30px;\r\n height: 30px;\r\n }\r\n \r\n #mini_comment_section .ke-outline {\r\n height: 30px;\r\n margin-bottom: -11px;\r\n width: 30px;\r\n margin-right: -5px;\r\n border: none;\r\n margin: 0px;\r\n padding: 0px;\r\n /* ie上传图片看不见的问题 */\r\n position: absolute;\r\n top: -30px;\r\n left: -30px;\r\n left: -24px;\r\n z-index: 999;\r\n }\r\n\r\n #mini_comment_section i.replyIcon {\r\n font-size: 20px;\r\n }\r\n #shixun_comment_block .dot {\r\n width: 4px;\r\n height: 4px;\r\n border-radius: 2px;\r\n background-color: #4CACFF;\r\n width: 4px;\r\n position: relative;\r\n bottom: 30px;\r\n left: 18px;\r\n display: block;\r\n }\r\n\r\n#mini_comment_section .ke-container {\r\n border-radius: 6px;\r\n border-color: #EAEAEA;\r\n /*max-height: 400px; */\r\n /*解决上传图片后看不到评论按钮的问题*/\r\n}\r\n.commentTxt{\r\n width: 100%;\r\n height: 95px;\r\n border:1px solid #EAEAEA;\r\n border-radius: 10px;\r\n padding-left: 5px;\r\n}\r\n#game_praise_tread {\r\n cursor: pointer;\r\n}\r\n.commentsbtn {\r\n margin-top: 2px;\r\n}\r\n\r\n#shixun_comment_block {\r\n margin: 0px 10px;\r\n margin-bottom: -2px;\r\n}\r\n\r\n.panel-comment_item a.task-btn-orange {\r\n background: #4CACFF;\r\n}\r\n\r\n/* ----------------------------------------------------- CommentInput END */\r\n.childrenCommentsView {\r\n background: #F4F4F4;\r\n border-radius: 4px;\r\n margin-bottom: 6px;\r\n position: relative;\r\n margin-top: 6px;\r\n}\r\n .childrenCommentsView .trangle{\r\n position: absolute;\r\n border-color: black;\r\n width: 0;\r\n height: 0;\r\n border-left: 5px solid transparent;\r\n border-right: 5px solid transparent;\r\n border-bottom: 5px solid #F4F4F4;\r\n left: 13px;\r\n top: -9px;\r\n border-bottom: 10px solid #F4F4F4;\r\n }\r\n.childComment {\r\n padding: 2px 8px;\r\n}\r\n .childComment .iconfont.icon-jiangli {\r\n margin-top: 2px;\r\n }\r\n\r\n\r\n.childComment:hover {\r\n background: #EBEBEB;\r\n}\r\n .childComment .iconfont {\r\n display: none;\r\n }\r\n .childComment p.orig_reply {\r\n margin-bottom: 0px;\r\n }\r\n .childComment:hover .iconfont{\r\n display: inline;\r\n }\r\n.noCommentTitle {\r\n text-align: center;\r\n margin-top: 20px;\r\n font-size: 16px;\r\n}\r\n\r\n.blink {\r\n animation: blink-animation 3s steps(5, start) infinite;\r\n -webkit-animation: blink-animation 3s steps(5, start) infinite;\r\n}\r\n@keyframes blink-animation {\r\n to {\r\n visibility: hidden;\r\n }\r\n}\r\n@-webkit-keyframes blink-animation {\r\n to {\r\n visibility: hidden;\r\n }\r\n}\r\n\r\n\r\n/*md 编辑器 emoji */\r\n.J_Comment_Reply img.emoji {\r\n width: 24px;\r\n}\r\n\r\n.noCommentTitle {\r\n text-align: center;\r\n margin-top: 20px;\r\n font-size: 16px;\r\n height: 100px;\r\n line-height: 100px;\r\n}\r\n\r\n.break_word_comments{\r\n /* 这个样式影响到了行高 */\r\n /* white-space: pre-wrap!important; */\r\n word-break: break-word;\r\n /* 影响了 ul li的样式: https://testeduplus2.educoder.net/courses/1748/common_homeworks/12131/740898/appraise */\r\n /* line-height: 14px; */\r\n width: 100%;\r\n word-wrap: break-word;\r\n margin-bottom: 4px;\r\n margin-top: 4px;\r\n}\r\n.childComment .break_word_comments{\r\n line-height: 22px;\r\n}\r\n\r\nform.df .tips {\r\n display: none;\r\n}\r\n\r\n.loadMoreChildComments {\r\n text-align: center;\r\n height: 24px;\r\n background: #F1F1F1;\r\n cursor: pointer;\r\n\r\n}\r\n .loadMoreChildComments i.icon-xiajiantou {\r\n position: relative;\r\n bottom: 5px;\r\n }"],"sourceRoot":""}]);
|
|
|
|
|
|
// exports
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1386:
|
|
|
/***/ (function(module, exports) {
|
|
|
|
|
|
module.exports = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAACO0lEQVRIS81Vz0tUURT+zp2ZV0Y/CMMUCio3geBGooUiBIGMjKI9JxAJbNVCKGxj7aJFUAQuBMNlgf2aN+Ni1NoULdI/QBCEwmilhRvDyEnfO35vZMZpSOclM9CFA+edd853v3u+c9+Tdkd7jWAYipMo1xJ88xSDEkvqclmBcwS5gcQc1XIRLsb5T8EFK2S6AA8WBI30D5aFuQCrbOaAZ/Ax7CLiGvQb4Db7W1W4wb7aQpAXUzb6IJLVKzqh9SEX43QvBgVfY+Iy7QwtXFikgtEpWwZysWhSTxnFOE/UGgxc8Yi80mrwgD1t4biyNr8+8aE73SPzgEqHgzjfjrBVNaXBBRnXxek3cay0J3BZDBIEO7YzwuAdwWdu+BYGRxjvon88mKCKd1WKtsRVcf2CWELvktk9uta/3Im/CeqLNDRp43FOsPhrtX4ZPGH8Oq2wPRk+zLKgifGjJZkz+TuP2pu+Iu8Lk6Mvtd6E8ZTvm7Nx5YQbPORRRjIebolgqCQ4WcxwGvqmbflanBx1tCsEjDLuCzdtCW6kbFnqTGorRXjFWO2ugpKVL9TYWjVufrgkm8XgTWMaqTuBOPMayPz59rRwbFJas+HhGd22vaZlnR3tn7TFZxF8qUoshTvc8D6L8nfiT0EVP6x1nE9dk6XgyNuZnY42emwp3cO52uJp+cnvRXc4hLmNDAULuCIHYDZ/4wJ/Ov6JD+0G7o/hF9oiLTvjARd1xjnaWVp+VPf14Qq4ISoMXsl/aCX//ltnXea2CTNsxwAAAABJRU5ErkJggg=="
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1427:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
var _interopRequireDefault = __webpack_require__(2);
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
|
value: true
|
|
|
});
|
|
|
Object.defineProperty(exports, "default", {
|
|
|
enumerable: true,
|
|
|
get: function get() {
|
|
|
return _Input.default;
|
|
|
}
|
|
|
});
|
|
|
Object.defineProperty(exports, "InputAdornment", {
|
|
|
enumerable: true,
|
|
|
get: function get() {
|
|
|
return _InputAdornment.default;
|
|
|
}
|
|
|
});
|
|
|
Object.defineProperty(exports, "InputLabel", {
|
|
|
enumerable: true,
|
|
|
get: function get() {
|
|
|
return _InputLabel.default;
|
|
|
}
|
|
|
});
|
|
|
|
|
|
var _Input = _interopRequireDefault(__webpack_require__(1339));
|
|
|
|
|
|
var _InputAdornment = _interopRequireDefault(__webpack_require__(1469));
|
|
|
|
|
|
var _InputLabel = _interopRequireDefault(__webpack_require__(1470));
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1438:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
var _interopRequireDefault = __webpack_require__(2);
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
|
value: true
|
|
|
});
|
|
|
exports.default = exports.styles = void 0;
|
|
|
|
|
|
var _extends2 = _interopRequireDefault(__webpack_require__(8));
|
|
|
|
|
|
var _defineProperty2 = _interopRequireDefault(__webpack_require__(18));
|
|
|
|
|
|
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(6));
|
|
|
|
|
|
var _react = _interopRequireDefault(__webpack_require__(0));
|
|
|
|
|
|
var _propTypes = _interopRequireDefault(__webpack_require__(1));
|
|
|
|
|
|
var _classnames = _interopRequireDefault(__webpack_require__(3));
|
|
|
|
|
|
var _withStyles = _interopRequireDefault(__webpack_require__(17));
|
|
|
|
|
|
var styles = {
|
|
|
root: {
|
|
|
display: 'flex',
|
|
|
flexDirection: 'column',
|
|
|
flexWrap: 'wrap'
|
|
|
},
|
|
|
row: {
|
|
|
flexDirection: 'row'
|
|
|
}
|
|
|
};
|
|
|
/**
|
|
|
* `FormGroup` wraps controls such as `Checkbox` and `Switch`.
|
|
|
* It provides compact row layout.
|
|
|
* For the `Radio`, you should be using the `RadioGroup` component instead of this one.
|
|
|
*/
|
|
|
|
|
|
exports.styles = styles;
|
|
|
|
|
|
function FormGroup(props) {
|
|
|
var classes = props.classes,
|
|
|
className = props.className,
|
|
|
children = props.children,
|
|
|
row = props.row,
|
|
|
other = (0, _objectWithoutProperties2.default)(props, ["classes", "className", "children", "row"]);
|
|
|
return _react.default.createElement("div", (0, _extends2.default)({
|
|
|
className: (0, _classnames.default)(classes.root, (0, _defineProperty2.default)({}, classes.row, row), className)
|
|
|
}, other), children);
|
|
|
}
|
|
|
|
|
|
FormGroup.propTypes = false ? {
|
|
|
/**
|
|
|
* The content of the component.
|
|
|
*/
|
|
|
children: _propTypes.default.node,
|
|
|
|
|
|
/**
|
|
|
* Useful to extend the style applied to components.
|
|
|
*/
|
|
|
classes: _propTypes.default.object.isRequired,
|
|
|
|
|
|
/**
|
|
|
* @ignore
|
|
|
*/
|
|
|
className: _propTypes.default.string,
|
|
|
|
|
|
/**
|
|
|
* Display group of elements in a compact row.
|
|
|
*/
|
|
|
row: _propTypes.default.bool
|
|
|
} : {};
|
|
|
FormGroup.defaultProps = {
|
|
|
row: false
|
|
|
};
|
|
|
|
|
|
var _default = (0, _withStyles.default)(styles, {
|
|
|
name: 'MuiFormGroup'
|
|
|
})(FormGroup);
|
|
|
|
|
|
exports.default = _default;
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1457:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
// style-loader: Adds some css to the DOM by adding a <style> tag
|
|
|
|
|
|
// load the styles
|
|
|
var content = __webpack_require__(1520);
|
|
|
if(typeof content === 'string') content = [[module.i, content, '']];
|
|
|
// Prepare cssTransformation
|
|
|
var transform;
|
|
|
|
|
|
var options = {"hmr":false}
|
|
|
options.transform = transform
|
|
|
// add the styles to the DOM
|
|
|
var update = __webpack_require__(291)(content, options);
|
|
|
if(content.locals) module.exports = content.locals;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1458:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
var _interopRequireDefault = __webpack_require__(2);
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
|
value: true
|
|
|
});
|
|
|
exports.default = exports.styles = void 0;
|
|
|
|
|
|
var _extends2 = _interopRequireDefault(__webpack_require__(8));
|
|
|
|
|
|
var _objectSpread2 = _interopRequireDefault(__webpack_require__(24));
|
|
|
|
|
|
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(6));
|
|
|
|
|
|
var _getPrototypeOf = _interopRequireDefault(__webpack_require__(20));
|
|
|
|
|
|
var _classCallCheck2 = _interopRequireDefault(__webpack_require__(15));
|
|
|
|
|
|
var _createClass2 = _interopRequireDefault(__webpack_require__(16));
|
|
|
|
|
|
var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(21));
|
|
|
|
|
|
var _inherits2 = _interopRequireDefault(__webpack_require__(22));
|
|
|
|
|
|
var _assertThisInitialized2 = _interopRequireDefault(__webpack_require__(23));
|
|
|
|
|
|
var _defineProperty2 = _interopRequireDefault(__webpack_require__(18));
|
|
|
|
|
|
var _react = _interopRequireDefault(__webpack_require__(0));
|
|
|
|
|
|
var _propTypes = _interopRequireDefault(__webpack_require__(1));
|
|
|
|
|
|
var _reactDom = _interopRequireDefault(__webpack_require__(4));
|
|
|
|
|
|
var _reactEventListener = _interopRequireDefault(__webpack_require__(92));
|
|
|
|
|
|
var _debounce = _interopRequireDefault(__webpack_require__(109));
|
|
|
|
|
|
var _warning = _interopRequireDefault(__webpack_require__(10));
|
|
|
|
|
|
var _classnames = _interopRequireDefault(__webpack_require__(3));
|
|
|
|
|
|
var _reactPopper = __webpack_require__(1459);
|
|
|
|
|
|
var _helpers = __webpack_require__(76);
|
|
|
|
|
|
var _RootRef = _interopRequireDefault(__webpack_require__(333));
|
|
|
|
|
|
var _Portal = _interopRequireDefault(__webpack_require__(334));
|
|
|
|
|
|
var _common = _interopRequireDefault(__webpack_require__(330));
|
|
|
|
|
|
var _withStyles = _interopRequireDefault(__webpack_require__(17));
|
|
|
|
|
|
/* eslint-disable react/no-multi-comp, no-underscore-dangle */
|
|
|
var styles = function styles(theme) {
|
|
|
return {
|
|
|
// Will be gone once we drop React 15.x support.
|
|
|
root: {
|
|
|
display: 'inline-block',
|
|
|
flexDirection: 'inherit' // Makes the wrapper more transparent.
|
|
|
|
|
|
},
|
|
|
popper: {
|
|
|
zIndex: theme.zIndex.tooltip,
|
|
|
pointerEvents: 'none',
|
|
|
'&$open': {
|
|
|
pointerEvents: 'auto'
|
|
|
}
|
|
|
},
|
|
|
open: {},
|
|
|
tooltip: {
|
|
|
backgroundColor: theme.palette.grey[700],
|
|
|
borderRadius: 2,
|
|
|
color: _common.default.white,
|
|
|
fontFamily: theme.typography.fontFamily,
|
|
|
opacity: 0,
|
|
|
transform: 'scale(0)',
|
|
|
transition: theme.transitions.create(['opacity', 'transform'], {
|
|
|
duration: theme.transitions.duration.shortest,
|
|
|
easing: theme.transitions.easing.easeIn
|
|
|
}),
|
|
|
minHeight: 0,
|
|
|
padding: "".concat(theme.spacing.unit / 2, "px ").concat(theme.spacing.unit, "px"),
|
|
|
fontSize: theme.typography.pxToRem(10),
|
|
|
lineHeight: "".concat(theme.typography.round(14 / 10), "em"),
|
|
|
'&$open': {
|
|
|
opacity: 0.9,
|
|
|
transform: 'scale(1)',
|
|
|
transition: theme.transitions.create(['opacity', 'transform'], {
|
|
|
duration: theme.transitions.duration.shortest,
|
|
|
easing: theme.transitions.easing.easeOut
|
|
|
})
|
|
|
}
|
|
|
},
|
|
|
touch: {
|
|
|
padding: "".concat(theme.spacing.unit, "px ").concat(theme.spacing.unit * 2, "px"),
|
|
|
fontSize: theme.typography.pxToRem(14),
|
|
|
lineHeight: "".concat(theme.typography.round(16 / 14), "em")
|
|
|
},
|
|
|
tooltipPlacementLeft: (0, _defineProperty2.default)({
|
|
|
transformOrigin: 'right center',
|
|
|
margin: "0 ".concat(theme.spacing.unit * 3, "px")
|
|
|
}, theme.breakpoints.up('sm'), {
|
|
|
margin: '0 14px'
|
|
|
}),
|
|
|
tooltipPlacementRight: (0, _defineProperty2.default)({
|
|
|
transformOrigin: 'left center',
|
|
|
margin: "0 ".concat(theme.spacing.unit * 3, "px")
|
|
|
}, theme.breakpoints.up('sm'), {
|
|
|
margin: '0 14px'
|
|
|
}),
|
|
|
tooltipPlacementTop: (0, _defineProperty2.default)({
|
|
|
transformOrigin: 'center bottom',
|
|
|
margin: "".concat(theme.spacing.unit * 3, "px 0")
|
|
|
}, theme.breakpoints.up('sm'), {
|
|
|
margin: '14px 0'
|
|
|
}),
|
|
|
tooltipPlacementBottom: (0, _defineProperty2.default)({
|
|
|
transformOrigin: 'center top',
|
|
|
margin: "".concat(theme.spacing.unit * 3, "px 0")
|
|
|
}, theme.breakpoints.up('sm'), {
|
|
|
margin: '14px 0'
|
|
|
})
|
|
|
};
|
|
|
};
|
|
|
|
|
|
exports.styles = styles;
|
|
|
|
|
|
function flipPlacement(placement) {
|
|
|
switch (placement) {
|
|
|
case 'bottom-end':
|
|
|
return 'bottom-start';
|
|
|
|
|
|
case 'bottom-start':
|
|
|
return 'bottom-end';
|
|
|
|
|
|
case 'top-end':
|
|
|
return 'top-start';
|
|
|
|
|
|
case 'top-start':
|
|
|
return 'top-end';
|
|
|
|
|
|
default:
|
|
|
return placement;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
var Tooltip =
|
|
|
/*#__PURE__*/
|
|
|
function (_React$Component) {
|
|
|
(0, _inherits2.default)(Tooltip, _React$Component);
|
|
|
|
|
|
function Tooltip(props, context) {
|
|
|
var _this;
|
|
|
|
|
|
(0, _classCallCheck2.default)(this, Tooltip);
|
|
|
_this = (0, _possibleConstructorReturn2.default)(this, (Tooltip.__proto__ || (0, _getPrototypeOf.default)(Tooltip)).call(this, props, context));
|
|
|
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "state", {
|
|
|
configurable: true,
|
|
|
enumerable: true,
|
|
|
writable: true,
|
|
|
value: {}
|
|
|
});
|
|
|
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "enterTimer", {
|
|
|
configurable: true,
|
|
|
enumerable: true,
|
|
|
writable: true,
|
|
|
value: null
|
|
|
});
|
|
|
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "leaveTimer", {
|
|
|
configurable: true,
|
|
|
enumerable: true,
|
|
|
writable: true,
|
|
|
value: null
|
|
|
});
|
|
|
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "touchTimer", {
|
|
|
configurable: true,
|
|
|
enumerable: true,
|
|
|
writable: true,
|
|
|
value: null
|
|
|
});
|
|
|
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "closeTimer", {
|
|
|
configurable: true,
|
|
|
enumerable: true,
|
|
|
writable: true,
|
|
|
value: null
|
|
|
});
|
|
|
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "isControlled", {
|
|
|
configurable: true,
|
|
|
enumerable: true,
|
|
|
writable: true,
|
|
|
value: null
|
|
|
});
|
|
|
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "popper", {
|
|
|
configurable: true,
|
|
|
enumerable: true,
|
|
|
writable: true,
|
|
|
value: null
|
|
|
});
|
|
|
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "children", {
|
|
|
configurable: true,
|
|
|
enumerable: true,
|
|
|
writable: true,
|
|
|
value: null
|
|
|
});
|
|
|
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "ignoreNonTouchEvents", {
|
|
|
configurable: true,
|
|
|
enumerable: true,
|
|
|
writable: true,
|
|
|
value: false
|
|
|
});
|
|
|
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "handleResize", {
|
|
|
configurable: true,
|
|
|
enumerable: true,
|
|
|
writable: true,
|
|
|
value: (0, _debounce.default)(function () {
|
|
|
if (_this.popper) {
|
|
|
_this.popper._popper.scheduleUpdate();
|
|
|
}
|
|
|
}, 166)
|
|
|
});
|
|
|
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "handleEnter", {
|
|
|
configurable: true,
|
|
|
enumerable: true,
|
|
|
writable: true,
|
|
|
value: function value(event) {
|
|
|
var _this$props = _this.props,
|
|
|
children = _this$props.children,
|
|
|
enterDelay = _this$props.enterDelay;
|
|
|
var childrenProps = children.props;
|
|
|
|
|
|
if (event.type === 'focus' && childrenProps.onFocus) {
|
|
|
childrenProps.onFocus(event);
|
|
|
}
|
|
|
|
|
|
if (event.type === 'mouseover' && childrenProps.onMouseOver) {
|
|
|
childrenProps.onMouseOver(event);
|
|
|
}
|
|
|
|
|
|
if (_this.ignoreNonTouchEvents && event.type !== 'touchstart') {
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
clearTimeout(_this.enterTimer);
|
|
|
clearTimeout(_this.leaveTimer);
|
|
|
|
|
|
if (enterDelay) {
|
|
|
event.persist();
|
|
|
_this.enterTimer = setTimeout(function () {
|
|
|
_this.handleOpen(event);
|
|
|
}, enterDelay);
|
|
|
} else {
|
|
|
_this.handleOpen(event);
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "handleOpen", {
|
|
|
configurable: true,
|
|
|
enumerable: true,
|
|
|
writable: true,
|
|
|
value: function value(event) {
|
|
|
if (!_this.isControlled) {
|
|
|
_this.setState({
|
|
|
open: true
|
|
|
});
|
|
|
}
|
|
|
|
|
|
if (_this.props.onOpen) {
|
|
|
_this.props.onOpen(event, true);
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "handleLeave", {
|
|
|
configurable: true,
|
|
|
enumerable: true,
|
|
|
writable: true,
|
|
|
value: function value(event) {
|
|
|
var _this$props2 = _this.props,
|
|
|
children = _this$props2.children,
|
|
|
leaveDelay = _this$props2.leaveDelay;
|
|
|
var childrenProps = children.props;
|
|
|
|
|
|
if (event.type === 'blur' && childrenProps.onBlur) {
|
|
|
childrenProps.onBlur(event);
|
|
|
}
|
|
|
|
|
|
if (event.type === 'mouseleave' && childrenProps.onMouseLeave) {
|
|
|
childrenProps.onMouseLeave(event);
|
|
|
}
|
|
|
|
|
|
clearTimeout(_this.enterTimer);
|
|
|
clearTimeout(_this.leaveTimer);
|
|
|
|
|
|
if (leaveDelay) {
|
|
|
event.persist();
|
|
|
_this.leaveTimer = setTimeout(function () {
|
|
|
_this.handleClose(event);
|
|
|
}, leaveDelay);
|
|
|
} else {
|
|
|
_this.handleClose(event);
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "handleClose", {
|
|
|
configurable: true,
|
|
|
enumerable: true,
|
|
|
writable: true,
|
|
|
value: function value(event) {
|
|
|
if (!_this.isControlled) {
|
|
|
_this.setState({
|
|
|
open: false
|
|
|
});
|
|
|
}
|
|
|
|
|
|
if (_this.props.onClose) {
|
|
|
_this.props.onClose(event, false);
|
|
|
}
|
|
|
|
|
|
clearTimeout(_this.closeTimer);
|
|
|
_this.closeTimer = setTimeout(function () {
|
|
|
_this.ignoreNonTouchEvents = false;
|
|
|
}, _this.props.theme.transitions.duration.shortest);
|
|
|
}
|
|
|
});
|
|
|
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "handleTouchStart", {
|
|
|
configurable: true,
|
|
|
enumerable: true,
|
|
|
writable: true,
|
|
|
value: function value(event) {
|
|
|
_this.ignoreNonTouchEvents = true;
|
|
|
var _this$props3 = _this.props,
|
|
|
children = _this$props3.children,
|
|
|
enterTouchDelay = _this$props3.enterTouchDelay;
|
|
|
var childrenProps = children.props;
|
|
|
|
|
|
if (childrenProps.onTouchStart) {
|
|
|
childrenProps.onTouchStart(event);
|
|
|
}
|
|
|
|
|
|
clearTimeout(_this.leaveTimer);
|
|
|
clearTimeout(_this.closeTimer);
|
|
|
clearTimeout(_this.touchTimer);
|
|
|
event.persist();
|
|
|
_this.touchTimer = setTimeout(function () {
|
|
|
_this.handleEnter(event);
|
|
|
}, enterTouchDelay);
|
|
|
}
|
|
|
});
|
|
|
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "handleTouchEnd", {
|
|
|
configurable: true,
|
|
|
enumerable: true,
|
|
|
writable: true,
|
|
|
value: function value(event) {
|
|
|
var _this$props4 = _this.props,
|
|
|
children = _this$props4.children,
|
|
|
leaveTouchDelay = _this$props4.leaveTouchDelay;
|
|
|
var childrenProps = children.props;
|
|
|
|
|
|
if (childrenProps.onTouchEnd) {
|
|
|
childrenProps.onTouchEnd(event);
|
|
|
}
|
|
|
|
|
|
clearTimeout(_this.touchTimer);
|
|
|
clearTimeout(_this.leaveTimer);
|
|
|
event.persist();
|
|
|
_this.leaveTimer = setTimeout(function () {
|
|
|
_this.handleClose(event);
|
|
|
}, leaveTouchDelay);
|
|
|
}
|
|
|
});
|
|
|
_this.isControlled = props.open != null;
|
|
|
|
|
|
if (!_this.isControlled) {
|
|
|
// not controlled, use internal state
|
|
|
_this.state.open = false;
|
|
|
}
|
|
|
|
|
|
return _this;
|
|
|
}
|
|
|
|
|
|
(0, _createClass2.default)(Tooltip, [{
|
|
|
key: "componentDidMount",
|
|
|
value: function componentDidMount() {
|
|
|
false ? (0, _warning.default)(!this.children || !this.children.disabled || !this.children.tagName.toLowerCase() === 'button', ['Material-UI: you are providing a disabled `button` child to the Tooltip component.', 'A disabled element does not fire events.', "Tooltip needs to listen to the child element's events to display the title.", '', 'Place a `div` container on top of the element.'].join('\n')) : void 0;
|
|
|
}
|
|
|
}, {
|
|
|
key: "componentWillUnmount",
|
|
|
value: function componentWillUnmount() {
|
|
|
clearTimeout(this.enterTimer);
|
|
|
clearTimeout(this.leaveTimer);
|
|
|
clearTimeout(this.touchTimer);
|
|
|
clearTimeout(this.closeTimer);
|
|
|
this.handleResize.cancel();
|
|
|
}
|
|
|
}, {
|
|
|
key: "render",
|
|
|
value: function render() {
|
|
|
var _this2 = this;
|
|
|
|
|
|
var _props = this.props,
|
|
|
children = _props.children,
|
|
|
classes = _props.classes,
|
|
|
className = _props.className,
|
|
|
disableFocusListener = _props.disableFocusListener,
|
|
|
disableHoverListener = _props.disableHoverListener,
|
|
|
disableTouchListener = _props.disableTouchListener,
|
|
|
enterDelay = _props.enterDelay,
|
|
|
enterTouchDelay = _props.enterTouchDelay,
|
|
|
id = _props.id,
|
|
|
leaveDelay = _props.leaveDelay,
|
|
|
leaveTouchDelay = _props.leaveTouchDelay,
|
|
|
onClose = _props.onClose,
|
|
|
onOpen = _props.onOpen,
|
|
|
openProp = _props.open,
|
|
|
placementProp = _props.placement,
|
|
|
_props$PopperProps = _props.PopperProps;
|
|
|
_props$PopperProps = _props$PopperProps === void 0 ? {} : _props$PopperProps;
|
|
|
var PopperClassName = _props$PopperProps.className,
|
|
|
PopperProps = (0, _objectWithoutProperties2.default)(_props$PopperProps, ["className"]),
|
|
|
theme = _props.theme,
|
|
|
title = _props.title,
|
|
|
other = (0, _objectWithoutProperties2.default)(_props, ["children", "classes", "className", "disableFocusListener", "disableHoverListener", "disableTouchListener", "enterDelay", "enterTouchDelay", "id", "leaveDelay", "leaveTouchDelay", "onClose", "onOpen", "open", "placement", "PopperProps", "theme", "title"]);
|
|
|
var placement = theme.direction === 'rtl' ? flipPlacement(placementProp) : placementProp;
|
|
|
var open = this.isControlled ? openProp : this.state.open;
|
|
|
var childrenProps = {
|
|
|
'aria-describedby': id
|
|
|
}; // There is no point at displaying an empty tooltip.
|
|
|
|
|
|
if (title === '') {
|
|
|
open = false;
|
|
|
}
|
|
|
|
|
|
if (!disableTouchListener) {
|
|
|
childrenProps.onTouchStart = this.handleTouchStart;
|
|
|
childrenProps.onTouchEnd = this.handleTouchEnd;
|
|
|
}
|
|
|
|
|
|
if (!disableHoverListener) {
|
|
|
childrenProps.onMouseOver = this.handleEnter;
|
|
|
childrenProps.onMouseLeave = this.handleLeave;
|
|
|
}
|
|
|
|
|
|
if (!disableFocusListener) {
|
|
|
childrenProps.onFocus = this.handleEnter;
|
|
|
childrenProps.onBlur = this.handleLeave;
|
|
|
}
|
|
|
|
|
|
false ? (0, _warning.default)(!children.props.title, ['Material-UI: you have been providing a `title` property to the child of <Tooltip />.', "Remove this title property `".concat(children.props.title, "` or the Tooltip component.")].join('\n')) : void 0;
|
|
|
return _react.default.createElement(_reactPopper.Manager, (0, _extends2.default)({
|
|
|
tag: _reactDom.default.createPortal ? false : 'div',
|
|
|
className: (0, _classnames.default)(classes.root, className)
|
|
|
}, other), _react.default.createElement(_reactEventListener.default, {
|
|
|
target: "window",
|
|
|
onResize: this.handleResize
|
|
|
}), _react.default.createElement(_reactPopper.Target, null, function (_ref) {
|
|
|
var targetProps = _ref.targetProps;
|
|
|
return _react.default.createElement(_RootRef.default, {
|
|
|
rootRef: function rootRef(node) {
|
|
|
_this2.children = node;
|
|
|
targetProps.ref(_this2.children);
|
|
|
}
|
|
|
}, _react.default.cloneElement(children, childrenProps));
|
|
|
}), _react.default.createElement(_Portal.default, null, _react.default.createElement(_reactPopper.Popper, (0, _extends2.default)({
|
|
|
placement: placement,
|
|
|
eventsEnabled: open,
|
|
|
className: (0, _classnames.default)(classes.popper, (0, _defineProperty2.default)({}, classes.open, open), PopperClassName),
|
|
|
ref: function ref(node) {
|
|
|
_this2.popper = node;
|
|
|
}
|
|
|
}, PopperProps), function (_ref2) {
|
|
|
var popperProps = _ref2.popperProps,
|
|
|
restProps = _ref2.restProps;
|
|
|
var actualPlacement = (popperProps['data-placement'] || placement).split('-')[0];
|
|
|
return _react.default.createElement("div", (0, _extends2.default)({}, popperProps, restProps, {
|
|
|
style: (0, _objectSpread2.default)({}, popperProps.style, {
|
|
|
top: popperProps.style.top || 0,
|
|
|
left: popperProps.style.left || 0
|
|
|
}, restProps.style)
|
|
|
}), _react.default.createElement("div", {
|
|
|
id: id,
|
|
|
role: "tooltip",
|
|
|
"aria-hidden": !open,
|
|
|
className: (0, _classnames.default)(classes.tooltip, (0, _defineProperty2.default)({}, classes.open, open), (0, _defineProperty2.default)({}, classes.touch, _this2.ignoreNonTouchEvents), classes["tooltipPlacement".concat((0, _helpers.capitalize)(actualPlacement))])
|
|
|
}, title));
|
|
|
})));
|
|
|
}
|
|
|
}]);
|
|
|
return Tooltip;
|
|
|
}(_react.default.Component);
|
|
|
|
|
|
Tooltip.propTypes = false ? {
|
|
|
/**
|
|
|
* Tooltip reference element.
|
|
|
*/
|
|
|
children: _propTypes.default.element.isRequired,
|
|
|
|
|
|
/**
|
|
|
* Useful to extend the style applied to components.
|
|
|
*/
|
|
|
classes: _propTypes.default.object.isRequired,
|
|
|
|
|
|
/**
|
|
|
* @ignore
|
|
|
*/
|
|
|
className: _propTypes.default.string,
|
|
|
|
|
|
/**
|
|
|
* Do not respond to focus events.
|
|
|
*/
|
|
|
disableFocusListener: _propTypes.default.bool,
|
|
|
|
|
|
/**
|
|
|
* Do not respond to hover events.
|
|
|
*/
|
|
|
disableHoverListener: _propTypes.default.bool,
|
|
|
|
|
|
/**
|
|
|
* Do not respond to long press touch events.
|
|
|
*/
|
|
|
disableTouchListener: _propTypes.default.bool,
|
|
|
|
|
|
/**
|
|
|
* The number of milliseconds to wait before showing the tooltip.
|
|
|
* This property won't impact the enter touch delay (`enterTouchDelay`).
|
|
|
*/
|
|
|
enterDelay: _propTypes.default.number,
|
|
|
|
|
|
/**
|
|
|
* The number of milliseconds a user must touch the element before showing the tooltip.
|
|
|
*/
|
|
|
enterTouchDelay: _propTypes.default.number,
|
|
|
|
|
|
/**
|
|
|
* The relationship between the tooltip and the wrapper component is not clear from the DOM.
|
|
|
* By providing this property, we can use aria-describedby to solve the accessibility issue.
|
|
|
*/
|
|
|
id: _propTypes.default.string,
|
|
|
|
|
|
/**
|
|
|
* The number of milliseconds to wait before hiding the tooltip.
|
|
|
* This property won't impact the leave touch delay (`leaveTouchDelay`).
|
|
|
*/
|
|
|
leaveDelay: _propTypes.default.number,
|
|
|
|
|
|
/**
|
|
|
* The number of milliseconds after the user stops touching an element before hiding the tooltip.
|
|
|
*/
|
|
|
leaveTouchDelay: _propTypes.default.number,
|
|
|
|
|
|
/**
|
|
|
* Callback fired when the tooltip requests to be closed.
|
|
|
*
|
|
|
* @param {object} event The event source of the callback
|
|
|
*/
|
|
|
onClose: _propTypes.default.func,
|
|
|
|
|
|
/**
|
|
|
* Callback fired when the tooltip requests to be open.
|
|
|
*
|
|
|
* @param {object} event The event source of the callback
|
|
|
*/
|
|
|
onOpen: _propTypes.default.func,
|
|
|
|
|
|
/**
|
|
|
* If `true`, the tooltip is shown.
|
|
|
*/
|
|
|
open: _propTypes.default.bool,
|
|
|
|
|
|
/**
|
|
|
* Tooltip placement
|
|
|
*/
|
|
|
placement: _propTypes.default.oneOf(['bottom-end', 'bottom-start', 'bottom', 'left-end', 'left-start', 'left', 'right-end', 'right-start', 'right', 'top-end', 'top-start', 'top']),
|
|
|
|
|
|
/**
|
|
|
* Properties applied to the `Popper` element.
|
|
|
*/
|
|
|
PopperProps: _propTypes.default.object,
|
|
|
|
|
|
/**
|
|
|
* @ignore
|
|
|
*/
|
|
|
theme: _propTypes.default.object.isRequired,
|
|
|
|
|
|
/**
|
|
|
* Tooltip title. Zero-length titles string are never displayed.
|
|
|
*/
|
|
|
title: _propTypes.default.node.isRequired
|
|
|
} : {};
|
|
|
Tooltip.defaultProps = {
|
|
|
disableFocusListener: false,
|
|
|
disableHoverListener: false,
|
|
|
disableTouchListener: false,
|
|
|
enterDelay: 0,
|
|
|
enterTouchDelay: 1000,
|
|
|
leaveDelay: 0,
|
|
|
leaveTouchDelay: 1500,
|
|
|
placement: 'bottom'
|
|
|
};
|
|
|
|
|
|
var _default = (0, _withStyles.default)(styles, {
|
|
|
name: 'MuiTooltip',
|
|
|
withTheme: true
|
|
|
})(Tooltip);
|
|
|
|
|
|
exports.default = _default;
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1459:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__Manager__ = __webpack_require__(1460);
|
|
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Manager", function() { return __WEBPACK_IMPORTED_MODULE_0__Manager__["a"]; });
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__Target__ = __webpack_require__(1461);
|
|
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Target", function() { return __WEBPACK_IMPORTED_MODULE_1__Target__["a"]; });
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__Popper__ = __webpack_require__(1462);
|
|
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Popper", function() { return __WEBPACK_IMPORTED_MODULE_2__Popper__["a"]; });
|
|
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "placements", function() { return __WEBPACK_IMPORTED_MODULE_2__Popper__["b"]; });
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__Arrow__ = __webpack_require__(1464);
|
|
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Arrow", function() { return __WEBPACK_IMPORTED_MODULE_3__Arrow__["a"]; });
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1460:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types__ = __webpack_require__(1);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_prop_types__);
|
|
|
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
|
|
|
|
|
|
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
|
|
|
|
|
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
|
|
|
|
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
|
|
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var Manager = function (_Component) {
|
|
|
_inherits(Manager, _Component);
|
|
|
|
|
|
function Manager() {
|
|
|
var _ref;
|
|
|
|
|
|
var _temp, _this, _ret;
|
|
|
|
|
|
_classCallCheck(this, Manager);
|
|
|
|
|
|
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
|
|
args[_key] = arguments[_key];
|
|
|
}
|
|
|
|
|
|
return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = Manager.__proto__ || Object.getPrototypeOf(Manager)).call.apply(_ref, [this].concat(args))), _this), _this._setTargetNode = function (node) {
|
|
|
_this._targetNode = node;
|
|
|
}, _this._getTargetNode = function () {
|
|
|
return _this._targetNode;
|
|
|
}, _temp), _possibleConstructorReturn(_this, _ret);
|
|
|
}
|
|
|
|
|
|
_createClass(Manager, [{
|
|
|
key: 'getChildContext',
|
|
|
value: function getChildContext() {
|
|
|
return {
|
|
|
popperManager: {
|
|
|
setTargetNode: this._setTargetNode,
|
|
|
getTargetNode: this._getTargetNode
|
|
|
}
|
|
|
};
|
|
|
}
|
|
|
}, {
|
|
|
key: 'render',
|
|
|
value: function render() {
|
|
|
var _props = this.props,
|
|
|
tag = _props.tag,
|
|
|
children = _props.children,
|
|
|
restProps = _objectWithoutProperties(_props, ['tag', 'children']);
|
|
|
|
|
|
if (tag !== false) {
|
|
|
return Object(__WEBPACK_IMPORTED_MODULE_0_react__["createElement"])(tag, restProps, children);
|
|
|
} else {
|
|
|
return children;
|
|
|
}
|
|
|
}
|
|
|
}]);
|
|
|
|
|
|
return Manager;
|
|
|
}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);
|
|
|
|
|
|
Manager.childContextTypes = {
|
|
|
popperManager: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.object.isRequired
|
|
|
};
|
|
|
Manager.propTypes = {
|
|
|
tag: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string, __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool]),
|
|
|
children: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.node, __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func])
|
|
|
};
|
|
|
Manager.defaultProps = {
|
|
|
tag: 'div'
|
|
|
};
|
|
|
|
|
|
|
|
|
/* harmony default export */ __webpack_exports__["a"] = (Manager);
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1461:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types__ = __webpack_require__(1);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_prop_types__);
|
|
|
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
|
|
|
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var Target = function Target(props, context) {
|
|
|
var _props$component = props.component,
|
|
|
component = _props$component === undefined ? 'div' : _props$component,
|
|
|
innerRef = props.innerRef,
|
|
|
children = props.children,
|
|
|
restProps = _objectWithoutProperties(props, ['component', 'innerRef', 'children']);
|
|
|
|
|
|
var popperManager = context.popperManager;
|
|
|
|
|
|
var targetRef = function targetRef(node) {
|
|
|
popperManager.setTargetNode(node);
|
|
|
if (typeof innerRef === 'function') {
|
|
|
innerRef(node);
|
|
|
}
|
|
|
};
|
|
|
|
|
|
if (typeof children === 'function') {
|
|
|
var targetProps = { ref: targetRef };
|
|
|
return children({ targetProps: targetProps, restProps: restProps });
|
|
|
}
|
|
|
|
|
|
var componentProps = _extends({}, restProps);
|
|
|
|
|
|
if (typeof component === 'string') {
|
|
|
componentProps.ref = targetRef;
|
|
|
} else {
|
|
|
componentProps.innerRef = targetRef;
|
|
|
}
|
|
|
|
|
|
return Object(__WEBPACK_IMPORTED_MODULE_0_react__["createElement"])(component, componentProps, children);
|
|
|
};
|
|
|
|
|
|
Target.contextTypes = {
|
|
|
popperManager: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.object.isRequired
|
|
|
};
|
|
|
|
|
|
Target.propTypes = {
|
|
|
component: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.node, __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func]),
|
|
|
innerRef: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,
|
|
|
children: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.node, __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func])
|
|
|
};
|
|
|
|
|
|
/* harmony default export */ __webpack_exports__["a"] = (Target);
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1462:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return placements; });
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types__ = __webpack_require__(1);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_prop_types__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_popper_js__ = __webpack_require__(1463);
|
|
|
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
|
|
|
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
|
|
|
|
|
|
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
|
|
|
|
|
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
|
|
|
|
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
|
|
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var placements = __WEBPACK_IMPORTED_MODULE_2_popper_js__["a" /* default */].placements;
|
|
|
|
|
|
var Popper = function (_Component) {
|
|
|
_inherits(Popper, _Component);
|
|
|
|
|
|
function Popper() {
|
|
|
var _ref;
|
|
|
|
|
|
var _temp, _this, _ret;
|
|
|
|
|
|
_classCallCheck(this, Popper);
|
|
|
|
|
|
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
|
|
args[_key] = arguments[_key];
|
|
|
}
|
|
|
|
|
|
return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = Popper.__proto__ || Object.getPrototypeOf(Popper)).call.apply(_ref, [this].concat(args))), _this), _this.state = {}, _this._setArrowNode = function (node) {
|
|
|
_this._arrowNode = node;
|
|
|
}, _this._getTargetNode = function () {
|
|
|
if (_this.props.target) {
|
|
|
return _this.props.target;
|
|
|
} else if (!_this.context.popperManager || !_this.context.popperManager.getTargetNode()) {
|
|
|
throw new Error('Target missing. Popper must be given a target from the Popper Manager, or as a prop.');
|
|
|
}
|
|
|
return _this.context.popperManager.getTargetNode();
|
|
|
}, _this._getOffsets = function (data) {
|
|
|
return Object.keys(data.offsets).map(function (key) {
|
|
|
return data.offsets[key];
|
|
|
});
|
|
|
}, _this._isDataDirty = function (data) {
|
|
|
if (_this.state.data) {
|
|
|
return JSON.stringify(_this._getOffsets(_this.state.data)) !== JSON.stringify(_this._getOffsets(data));
|
|
|
} else {
|
|
|
return true;
|
|
|
}
|
|
|
}, _this._updateStateModifier = {
|
|
|
enabled: true,
|
|
|
order: 900,
|
|
|
fn: function fn(data) {
|
|
|
if (_this._isDataDirty(data)) {
|
|
|
_this.setState({ data: data });
|
|
|
}
|
|
|
return data;
|
|
|
}
|
|
|
}, _this._getPopperStyle = function () {
|
|
|
var data = _this.state.data;
|
|
|
|
|
|
|
|
|
if (!_this._popper || !data) {
|
|
|
return {
|
|
|
position: 'absolute',
|
|
|
pointerEvents: 'none',
|
|
|
opacity: 0
|
|
|
};
|
|
|
}
|
|
|
|
|
|
return _extends({
|
|
|
position: data.offsets.popper.position
|
|
|
}, data.styles);
|
|
|
}, _this._getPopperPlacement = function () {
|
|
|
return _this.state.data ? _this.state.data.placement : undefined;
|
|
|
}, _this._getPopperHide = function () {
|
|
|
return !!_this.state.data && _this.state.data.hide ? '' : undefined;
|
|
|
}, _this._getArrowStyle = function () {
|
|
|
if (!_this.state.data || !_this.state.data.offsets.arrow) {
|
|
|
return {};
|
|
|
} else {
|
|
|
var _this$state$data$offs = _this.state.data.offsets.arrow,
|
|
|
top = _this$state$data$offs.top,
|
|
|
left = _this$state$data$offs.left;
|
|
|
|
|
|
return { top: top, left: left };
|
|
|
}
|
|
|
}, _this._handlePopperRef = function (node) {
|
|
|
_this._popperNode = node;
|
|
|
if (node) {
|
|
|
_this._createPopper();
|
|
|
} else {
|
|
|
_this._destroyPopper();
|
|
|
}
|
|
|
if (_this.props.innerRef) {
|
|
|
_this.props.innerRef(node);
|
|
|
}
|
|
|
}, _this._scheduleUpdate = function () {
|
|
|
_this._popper && _this._popper.scheduleUpdate();
|
|
|
}, _temp), _possibleConstructorReturn(_this, _ret);
|
|
|
}
|
|
|
|
|
|
_createClass(Popper, [{
|
|
|
key: 'getChildContext',
|
|
|
value: function getChildContext() {
|
|
|
return {
|
|
|
popper: {
|
|
|
setArrowNode: this._setArrowNode,
|
|
|
getArrowStyle: this._getArrowStyle
|
|
|
}
|
|
|
};
|
|
|
}
|
|
|
}, {
|
|
|
key: 'componentDidUpdate',
|
|
|
value: function componentDidUpdate(lastProps) {
|
|
|
if (lastProps.placement !== this.props.placement || lastProps.eventsEnabled !== this.props.eventsEnabled || lastProps.target !== this.props.target) {
|
|
|
this._destroyPopper();
|
|
|
this._createPopper();
|
|
|
}
|
|
|
if (lastProps.children !== this.props.children) {
|
|
|
this._scheduleUpdate();
|
|
|
}
|
|
|
}
|
|
|
}, {
|
|
|
key: 'componentWillUnmount',
|
|
|
value: function componentWillUnmount() {
|
|
|
this._destroyPopper();
|
|
|
}
|
|
|
}, {
|
|
|
key: '_createPopper',
|
|
|
value: function _createPopper() {
|
|
|
var _this2 = this;
|
|
|
|
|
|
var _props = this.props,
|
|
|
placement = _props.placement,
|
|
|
eventsEnabled = _props.eventsEnabled,
|
|
|
positionFixed = _props.positionFixed;
|
|
|
|
|
|
var modifiers = _extends({}, this.props.modifiers, {
|
|
|
applyStyle: { enabled: false },
|
|
|
updateState: this._updateStateModifier
|
|
|
});
|
|
|
if (this._arrowNode) {
|
|
|
modifiers.arrow = _extends({}, this.props.modifiers.arrow || {}, {
|
|
|
element: this._arrowNode
|
|
|
});
|
|
|
}
|
|
|
this._popper = new __WEBPACK_IMPORTED_MODULE_2_popper_js__["a" /* default */](this._getTargetNode(), this._popperNode, {
|
|
|
placement: placement,
|
|
|
positionFixed: positionFixed,
|
|
|
eventsEnabled: eventsEnabled,
|
|
|
modifiers: modifiers
|
|
|
});
|
|
|
|
|
|
// TODO: look into setTimeout scheduleUpdate call, without it, the popper will not position properly on creation
|
|
|
setTimeout(function () {
|
|
|
return _this2._scheduleUpdate();
|
|
|
});
|
|
|
}
|
|
|
}, {
|
|
|
key: '_destroyPopper',
|
|
|
value: function _destroyPopper() {
|
|
|
if (this._popper) {
|
|
|
this._popper.destroy();
|
|
|
}
|
|
|
}
|
|
|
}, {
|
|
|
key: 'render',
|
|
|
value: function render() {
|
|
|
var _props2 = this.props,
|
|
|
component = _props2.component,
|
|
|
innerRef = _props2.innerRef,
|
|
|
placement = _props2.placement,
|
|
|
eventsEnabled = _props2.eventsEnabled,
|
|
|
positionFixed = _props2.positionFixed,
|
|
|
modifiers = _props2.modifiers,
|
|
|
children = _props2.children,
|
|
|
restProps = _objectWithoutProperties(_props2, ['component', 'innerRef', 'placement', 'eventsEnabled', 'positionFixed', 'modifiers', 'children']);
|
|
|
|
|
|
var popperStyle = this._getPopperStyle();
|
|
|
var popperPlacement = this._getPopperPlacement();
|
|
|
var popperHide = this._getPopperHide();
|
|
|
|
|
|
if (typeof children === 'function') {
|
|
|
var popperProps = {
|
|
|
ref: this._handlePopperRef,
|
|
|
style: popperStyle,
|
|
|
'data-placement': popperPlacement,
|
|
|
'data-x-out-of-boundaries': popperHide
|
|
|
};
|
|
|
return children({
|
|
|
popperProps: popperProps,
|
|
|
restProps: restProps,
|
|
|
scheduleUpdate: this._scheduleUpdate
|
|
|
});
|
|
|
}
|
|
|
|
|
|
var componentProps = _extends({}, restProps, {
|
|
|
style: _extends({}, restProps.style, popperStyle),
|
|
|
'data-placement': popperPlacement,
|
|
|
'data-x-out-of-boundaries': popperHide
|
|
|
});
|
|
|
|
|
|
if (typeof component === 'string') {
|
|
|
componentProps.ref = this._handlePopperRef;
|
|
|
} else {
|
|
|
componentProps.innerRef = this._handlePopperRef;
|
|
|
}
|
|
|
|
|
|
return Object(__WEBPACK_IMPORTED_MODULE_0_react__["createElement"])(component, componentProps, children);
|
|
|
}
|
|
|
}]);
|
|
|
|
|
|
return Popper;
|
|
|
}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);
|
|
|
|
|
|
Popper.contextTypes = {
|
|
|
popperManager: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.object
|
|
|
};
|
|
|
Popper.childContextTypes = {
|
|
|
popper: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.object.isRequired
|
|
|
};
|
|
|
Popper.propTypes = {
|
|
|
component: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.node, __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func]),
|
|
|
innerRef: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,
|
|
|
placement: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.oneOf(placements),
|
|
|
eventsEnabled: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,
|
|
|
positionFixed: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,
|
|
|
modifiers: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.object,
|
|
|
children: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.node, __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func]),
|
|
|
target: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.oneOfType([
|
|
|
// the following check is needed for SSR
|
|
|
__WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.instanceOf(typeof Element !== 'undefined' ? Element : Object), __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.shape({
|
|
|
getBoundingClientRect: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func.isRequired,
|
|
|
clientWidth: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.number.isRequired,
|
|
|
clientHeight: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.number.isRequired
|
|
|
})])
|
|
|
};
|
|
|
Popper.defaultProps = {
|
|
|
component: 'div',
|
|
|
placement: 'bottom',
|
|
|
eventsEnabled: true,
|
|
|
positionFixed: false,
|
|
|
modifiers: {}
|
|
|
};
|
|
|
|
|
|
|
|
|
/* harmony default export */ __webpack_exports__["a"] = (Popper);
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1463:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
/* WEBPACK VAR INJECTION */(function(global) {/**!
|
|
|
* @fileOverview Kickass library to create and place poppers near their reference elements.
|
|
|
* @version 1.16.0
|
|
|
* @license
|
|
|
* Copyright (c) 2016 Federico Zivolo and contributors
|
|
|
*
|
|
|
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
* of this software and associated documentation files (the "Software"), to deal
|
|
|
* in the Software without restriction, including without limitation the rights
|
|
|
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
* copies of the Software, and to permit persons to whom the Software is
|
|
|
* furnished to do so, subject to the following conditions:
|
|
|
*
|
|
|
* The above copyright notice and this permission notice shall be included in all
|
|
|
* copies or substantial portions of the Software.
|
|
|
*
|
|
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
|
* SOFTWARE.
|
|
|
*/
|
|
|
var isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined' && typeof navigator !== 'undefined';
|
|
|
|
|
|
var timeoutDuration = function () {
|
|
|
var longerTimeoutBrowsers = ['Edge', 'Trident', 'Firefox'];
|
|
|
for (var i = 0; i < longerTimeoutBrowsers.length; i += 1) {
|
|
|
if (isBrowser && navigator.userAgent.indexOf(longerTimeoutBrowsers[i]) >= 0) {
|
|
|
return 1;
|
|
|
}
|
|
|
}
|
|
|
return 0;
|
|
|
}();
|
|
|
|
|
|
function microtaskDebounce(fn) {
|
|
|
var called = false;
|
|
|
return function () {
|
|
|
if (called) {
|
|
|
return;
|
|
|
}
|
|
|
called = true;
|
|
|
window.Promise.resolve().then(function () {
|
|
|
called = false;
|
|
|
fn();
|
|
|
});
|
|
|
};
|
|
|
}
|
|
|
|
|
|
function taskDebounce(fn) {
|
|
|
var scheduled = false;
|
|
|
return function () {
|
|
|
if (!scheduled) {
|
|
|
scheduled = true;
|
|
|
setTimeout(function () {
|
|
|
scheduled = false;
|
|
|
fn();
|
|
|
}, timeoutDuration);
|
|
|
}
|
|
|
};
|
|
|
}
|
|
|
|
|
|
var supportsMicroTasks = isBrowser && window.Promise;
|
|
|
|
|
|
/**
|
|
|
* Create a debounced version of a method, that's asynchronously deferred
|
|
|
* but called in the minimum time possible.
|
|
|
*
|
|
|
* @method
|
|
|
* @memberof Popper.Utils
|
|
|
* @argument {Function} fn
|
|
|
* @returns {Function}
|
|
|
*/
|
|
|
var debounce = supportsMicroTasks ? microtaskDebounce : taskDebounce;
|
|
|
|
|
|
/**
|
|
|
* Check if the given variable is a function
|
|
|
* @method
|
|
|
* @memberof Popper.Utils
|
|
|
* @argument {Any} functionToCheck - variable to check
|
|
|
* @returns {Boolean} answer to: is a function?
|
|
|
*/
|
|
|
function isFunction(functionToCheck) {
|
|
|
var getType = {};
|
|
|
return functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* Get CSS computed property of the given element
|
|
|
* @method
|
|
|
* @memberof Popper.Utils
|
|
|
* @argument {Eement} element
|
|
|
* @argument {String} property
|
|
|
*/
|
|
|
function getStyleComputedProperty(element, property) {
|
|
|
if (element.nodeType !== 1) {
|
|
|
return [];
|
|
|
}
|
|
|
// NOTE: 1 DOM access here
|
|
|
var window = element.ownerDocument.defaultView;
|
|
|
var css = window.getComputedStyle(element, null);
|
|
|
return property ? css[property] : css;
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* Returns the parentNode or the host of the element
|
|
|
* @method
|
|
|
* @memberof Popper.Utils
|
|
|
* @argument {Element} element
|
|
|
* @returns {Element} parent
|
|
|
*/
|
|
|
function getParentNode(element) {
|
|
|
if (element.nodeName === 'HTML') {
|
|
|
return element;
|
|
|
}
|
|
|
return element.parentNode || element.host;
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* Returns the scrolling parent of the given element
|
|
|
* @method
|
|
|
* @memberof Popper.Utils
|
|
|
* @argument {Element} element
|
|
|
* @returns {Element} scroll parent
|
|
|
*/
|
|
|
function getScrollParent(element) {
|
|
|
// Return body, `getScroll` will take care to get the correct `scrollTop` from it
|
|
|
if (!element) {
|
|
|
return document.body;
|
|
|
}
|
|
|
|
|
|
switch (element.nodeName) {
|
|
|
case 'HTML':
|
|
|
case 'BODY':
|
|
|
return element.ownerDocument.body;
|
|
|
case '#document':
|
|
|
return element.body;
|
|
|
}
|
|
|
|
|
|
// Firefox want us to check `-x` and `-y` variations as well
|
|
|
|
|
|
var _getStyleComputedProp = getStyleComputedProperty(element),
|
|
|
overflow = _getStyleComputedProp.overflow,
|
|
|
overflowX = _getStyleComputedProp.overflowX,
|
|
|
overflowY = _getStyleComputedProp.overflowY;
|
|
|
|
|
|
if (/(auto|scroll|overlay)/.test(overflow + overflowY + overflowX)) {
|
|
|
return element;
|
|
|
}
|
|
|
|
|
|
return getScrollParent(getParentNode(element));
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* Returns the reference node of the reference object, or the reference object itself.
|
|
|
* @method
|
|
|
* @memberof Popper.Utils
|
|
|
* @param {Element|Object} reference - the reference element (the popper will be relative to this)
|
|
|
* @returns {Element} parent
|
|
|
*/
|
|
|
function getReferenceNode(reference) {
|
|
|
return reference && reference.referenceNode ? reference.referenceNode : reference;
|
|
|
}
|
|
|
|
|
|
var isIE11 = isBrowser && !!(window.MSInputMethodContext && document.documentMode);
|
|
|
var isIE10 = isBrowser && /MSIE 10/.test(navigator.userAgent);
|
|
|
|
|
|
/**
|
|
|
* Determines if the browser is Internet Explorer
|
|
|
* @method
|
|
|
* @memberof Popper.Utils
|
|
|
* @param {Number} version to check
|
|
|
* @returns {Boolean} isIE
|
|
|
*/
|
|
|
function isIE(version) {
|
|
|
if (version === 11) {
|
|
|
return isIE11;
|
|
|
}
|
|
|
if (version === 10) {
|
|
|
return isIE10;
|
|
|
}
|
|
|
return isIE11 || isIE10;
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* Returns the offset parent of the given element
|
|
|
* @method
|
|
|
* @memberof Popper.Utils
|
|
|
* @argument {Element} element
|
|
|
* @returns {Element} offset parent
|
|
|
*/
|
|
|
function getOffsetParent(element) {
|
|
|
if (!element) {
|
|
|
return document.documentElement;
|
|
|
}
|
|
|
|
|
|
var noOffsetParent = isIE(10) ? document.body : null;
|
|
|
|
|
|
// NOTE: 1 DOM access here
|
|
|
var offsetParent = element.offsetParent || null;
|
|
|
// Skip hidden elements which don't have an offsetParent
|
|
|
while (offsetParent === noOffsetParent && element.nextElementSibling) {
|
|
|
offsetParent = (element = element.nextElementSibling).offsetParent;
|
|
|
}
|
|
|
|
|
|
var nodeName = offsetParent && offsetParent.nodeName;
|
|
|
|
|
|
if (!nodeName || nodeName === 'BODY' || nodeName === 'HTML') {
|
|
|
return element ? element.ownerDocument.documentElement : document.documentElement;
|
|
|
}
|
|
|
|
|
|
// .offsetParent will return the closest TH, TD or TABLE in case
|
|
|
// no offsetParent is present, I hate this job...
|
|
|
if (['TH', 'TD', 'TABLE'].indexOf(offsetParent.nodeName) !== -1 && getStyleComputedProperty(offsetParent, 'position') === 'static') {
|
|
|
return getOffsetParent(offsetParent);
|
|
|
}
|
|
|
|
|
|
return offsetParent;
|
|
|
}
|
|
|
|
|
|
function isOffsetContainer(element) {
|
|
|
var nodeName = element.nodeName;
|
|
|
|
|
|
if (nodeName === 'BODY') {
|
|
|
return false;
|
|
|
}
|
|
|
return nodeName === 'HTML' || getOffsetParent(element.firstElementChild) === element;
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* Finds the root node (document, shadowDOM root) of the given element
|
|
|
* @method
|
|
|
* @memberof Popper.Utils
|
|
|
* @argument {Element} node
|
|
|
* @returns {Element} root node
|
|
|
*/
|
|
|
function getRoot(node) {
|
|
|
if (node.parentNode !== null) {
|
|
|
return getRoot(node.parentNode);
|
|
|
}
|
|
|
|
|
|
return node;
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* Finds the offset parent common to the two provided nodes
|
|
|
* @method
|
|
|
* @memberof Popper.Utils
|
|
|
* @argument {Element} element1
|
|
|
* @argument {Element} element2
|
|
|
* @returns {Element} common offset parent
|
|
|
*/
|
|
|
function findCommonOffsetParent(element1, element2) {
|
|
|
// This check is needed to avoid errors in case one of the elements isn't defined for any reason
|
|
|
if (!element1 || !element1.nodeType || !element2 || !element2.nodeType) {
|
|
|
return document.documentElement;
|
|
|
}
|
|
|
|
|
|
// Here we make sure to give as "start" the element that comes first in the DOM
|
|
|
var order = element1.compareDocumentPosition(element2) & Node.DOCUMENT_POSITION_FOLLOWING;
|
|
|
var start = order ? element1 : element2;
|
|
|
var end = order ? element2 : element1;
|
|
|
|
|
|
// Get common ancestor container
|
|
|
var range = document.createRange();
|
|
|
range.setStart(start, 0);
|
|
|
range.setEnd(end, 0);
|
|
|
var commonAncestorContainer = range.commonAncestorContainer;
|
|
|
|
|
|
// Both nodes are inside #document
|
|
|
|
|
|
if (element1 !== commonAncestorContainer && element2 !== commonAncestorContainer || start.contains(end)) {
|
|
|
if (isOffsetContainer(commonAncestorContainer)) {
|
|
|
return commonAncestorContainer;
|
|
|
}
|
|
|
|
|
|
return getOffsetParent(commonAncestorContainer);
|
|
|
}
|
|
|
|
|
|
// one of the nodes is inside shadowDOM, find which one
|
|
|
var element1root = getRoot(element1);
|
|
|
if (element1root.host) {
|
|
|
return findCommonOffsetParent(element1root.host, element2);
|
|
|
} else {
|
|
|
return findCommonOffsetParent(element1, getRoot(element2).host);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* Gets the scroll value of the given element in the given side (top and left)
|
|
|
* @method
|
|
|
* @memberof Popper.Utils
|
|
|
* @argument {Element} element
|
|
|
* @argument {String} side `top` or `left`
|
|
|
* @returns {number} amount of scrolled pixels
|
|
|
*/
|
|
|
function getScroll(element) {
|
|
|
var side = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'top';
|
|
|
|
|
|
var upperSide = side === 'top' ? 'scrollTop' : 'scrollLeft';
|
|
|
var nodeName = element.nodeName;
|
|
|
|
|
|
if (nodeName === 'BODY' || nodeName === 'HTML') {
|
|
|
var html = element.ownerDocument.documentElement;
|
|
|
var scrollingElement = element.ownerDocument.scrollingElement || html;
|
|
|
return scrollingElement[upperSide];
|
|
|
}
|
|
|
|
|
|
return element[upperSide];
|
|
|
}
|
|
|
|
|
|
/*
|
|
|
* Sum or subtract the element scroll values (left and top) from a given rect object
|
|
|
* @method
|
|
|
* @memberof Popper.Utils
|
|
|
* @param {Object} rect - Rect object you want to change
|
|
|
* @param {HTMLElement} element - The element from the function reads the scroll values
|
|
|
* @param {Boolean} subtract - set to true if you want to subtract the scroll values
|
|
|
* @return {Object} rect - The modifier rect object
|
|
|
*/
|
|
|
function includeScroll(rect, element) {
|
|
|
var subtract = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
|
|
|
|
var scrollTop = getScroll(element, 'top');
|
|
|
var scrollLeft = getScroll(element, 'left');
|
|
|
var modifier = subtract ? -1 : 1;
|
|
|
rect.top += scrollTop * modifier;
|
|
|
rect.bottom += scrollTop * modifier;
|
|
|
rect.left += scrollLeft * modifier;
|
|
|
rect.right += scrollLeft * modifier;
|
|
|
return rect;
|
|
|
}
|
|
|
|
|
|
/*
|
|
|
* Helper to detect borders of a given element
|
|
|
* @method
|
|
|
* @memberof Popper.Utils
|
|
|
* @param {CSSStyleDeclaration} styles
|
|
|
* Result of `getStyleComputedProperty` on the given element
|
|
|
* @param {String} axis - `x` or `y`
|
|
|
* @return {number} borders - The borders size of the given axis
|
|
|
*/
|
|
|
|
|
|
function getBordersSize(styles, axis) {
|
|
|
var sideA = axis === 'x' ? 'Left' : 'Top';
|
|
|
var sideB = sideA === 'Left' ? 'Right' : 'Bottom';
|
|
|
|
|
|
return parseFloat(styles['border' + sideA + 'Width'], 10) + parseFloat(styles['border' + sideB + 'Width'], 10);
|
|
|
}
|
|
|
|
|
|
function getSize(axis, body, html, computedStyle) {
|
|
|
return Math.max(body['offset' + axis], body['scroll' + axis], html['client' + axis], html['offset' + axis], html['scroll' + axis], isIE(10) ? parseInt(html['offset' + axis]) + parseInt(computedStyle['margin' + (axis === 'Height' ? 'Top' : 'Left')]) + parseInt(computedStyle['margin' + (axis === 'Height' ? 'Bottom' : 'Right')]) : 0);
|
|
|
}
|
|
|
|
|
|
function getWindowSizes(document) {
|
|
|
var body = document.body;
|
|
|
var html = document.documentElement;
|
|
|
var computedStyle = isIE(10) && getComputedStyle(html);
|
|
|
|
|
|
return {
|
|
|
height: getSize('Height', body, html, computedStyle),
|
|
|
width: getSize('Width', body, html, computedStyle)
|
|
|
};
|
|
|
}
|
|
|
|
|
|
var classCallCheck = function (instance, Constructor) {
|
|
|
if (!(instance instanceof Constructor)) {
|
|
|
throw new TypeError("Cannot call a class as a function");
|
|
|
}
|
|
|
};
|
|
|
|
|
|
var createClass = function () {
|
|
|
function defineProperties(target, props) {
|
|
|
for (var i = 0; i < props.length; i++) {
|
|
|
var descriptor = props[i];
|
|
|
descriptor.enumerable = descriptor.enumerable || false;
|
|
|
descriptor.configurable = true;
|
|
|
if ("value" in descriptor) descriptor.writable = true;
|
|
|
Object.defineProperty(target, descriptor.key, descriptor);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
return function (Constructor, protoProps, staticProps) {
|
|
|
if (protoProps) defineProperties(Constructor.prototype, protoProps);
|
|
|
if (staticProps) defineProperties(Constructor, staticProps);
|
|
|
return Constructor;
|
|
|
};
|
|
|
}();
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var defineProperty = function (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 _extends = Object.assign || function (target) {
|
|
|
for (var i = 1; i < arguments.length; i++) {
|
|
|
var source = arguments[i];
|
|
|
|
|
|
for (var key in source) {
|
|
|
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
|
target[key] = source[key];
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
return target;
|
|
|
};
|
|
|
|
|
|
/**
|
|
|
* Given element offsets, generate an output similar to getBoundingClientRect
|
|
|
* @method
|
|
|
* @memberof Popper.Utils
|
|
|
* @argument {Object} offsets
|
|
|
* @returns {Object} ClientRect like output
|
|
|
*/
|
|
|
function getClientRect(offsets) {
|
|
|
return _extends({}, offsets, {
|
|
|
right: offsets.left + offsets.width,
|
|
|
bottom: offsets.top + offsets.height
|
|
|
});
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* Get bounding client rect of given element
|
|
|
* @method
|
|
|
* @memberof Popper.Utils
|
|
|
* @param {HTMLElement} element
|
|
|
* @return {Object} client rect
|
|
|
*/
|
|
|
function getBoundingClientRect(element) {
|
|
|
var rect = {};
|
|
|
|
|
|
// IE10 10 FIX: Please, don't ask, the element isn't
|
|
|
// considered in DOM in some circumstances...
|
|
|
// This isn't reproducible in IE10 compatibility mode of IE11
|
|
|
try {
|
|
|
if (isIE(10)) {
|
|
|
rect = element.getBoundingClientRect();
|
|
|
var scrollTop = getScroll(element, 'top');
|
|
|
var scrollLeft = getScroll(element, 'left');
|
|
|
rect.top += scrollTop;
|
|
|
rect.left += scrollLeft;
|
|
|
rect.bottom += scrollTop;
|
|
|
rect.right += scrollLeft;
|
|
|
} else {
|
|
|
rect = element.getBoundingClientRect();
|
|
|
}
|
|
|
} catch (e) {}
|
|
|
|
|
|
var result = {
|
|
|
left: rect.left,
|
|
|
top: rect.top,
|
|
|
width: rect.right - rect.left,
|
|
|
height: rect.bottom - rect.top
|
|
|
};
|
|
|
|
|
|
// subtract scrollbar size from sizes
|
|
|
var sizes = element.nodeName === 'HTML' ? getWindowSizes(element.ownerDocument) : {};
|
|
|
var width = sizes.width || element.clientWidth || result.width;
|
|
|
var height = sizes.height || element.clientHeight || result.height;
|
|
|
|
|
|
var horizScrollbar = element.offsetWidth - width;
|
|
|
var vertScrollbar = element.offsetHeight - height;
|
|
|
|
|
|
// if an hypothetical scrollbar is detected, we must be sure it's not a `border`
|
|
|
// we make this check conditional for performance reasons
|
|
|
if (horizScrollbar || vertScrollbar) {
|
|
|
var styles = getStyleComputedProperty(element);
|
|
|
horizScrollbar -= getBordersSize(styles, 'x');
|
|
|
vertScrollbar -= getBordersSize(styles, 'y');
|
|
|
|
|
|
result.width -= horizScrollbar;
|
|
|
result.height -= vertScrollbar;
|
|
|
}
|
|
|
|
|
|
return getClientRect(result);
|
|
|
}
|
|
|
|
|
|
function getOffsetRectRelativeToArbitraryNode(children, parent) {
|
|
|
var fixedPosition = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
|
|
|
|
var isIE10 = isIE(10);
|
|
|
var isHTML = parent.nodeName === 'HTML';
|
|
|
var childrenRect = getBoundingClientRect(children);
|
|
|
var parentRect = getBoundingClientRect(parent);
|
|
|
var scrollParent = getScrollParent(children);
|
|
|
|
|
|
var styles = getStyleComputedProperty(parent);
|
|
|
var borderTopWidth = parseFloat(styles.borderTopWidth, 10);
|
|
|
var borderLeftWidth = parseFloat(styles.borderLeftWidth, 10);
|
|
|
|
|
|
// In cases where the parent is fixed, we must ignore negative scroll in offset calc
|
|
|
if (fixedPosition && isHTML) {
|
|
|
parentRect.top = Math.max(parentRect.top, 0);
|
|
|
parentRect.left = Math.max(parentRect.left, 0);
|
|
|
}
|
|
|
var offsets = getClientRect({
|
|
|
top: childrenRect.top - parentRect.top - borderTopWidth,
|
|
|
left: childrenRect.left - parentRect.left - borderLeftWidth,
|
|
|
width: childrenRect.width,
|
|
|
height: childrenRect.height
|
|
|
});
|
|
|
offsets.marginTop = 0;
|
|
|
offsets.marginLeft = 0;
|
|
|
|
|
|
// Subtract margins of documentElement in case it's being used as parent
|
|
|
// we do this only on HTML because it's the only element that behaves
|
|
|
// differently when margins are applied to it. The margins are included in
|
|
|
// the box of the documentElement, in the other cases not.
|
|
|
if (!isIE10 && isHTML) {
|
|
|
var marginTop = parseFloat(styles.marginTop, 10);
|
|
|
var marginLeft = parseFloat(styles.marginLeft, 10);
|
|
|
|
|
|
offsets.top -= borderTopWidth - marginTop;
|
|
|
offsets.bottom -= borderTopWidth - marginTop;
|
|
|
offsets.left -= borderLeftWidth - marginLeft;
|
|
|
offsets.right -= borderLeftWidth - marginLeft;
|
|
|
|
|
|
// Attach marginTop and marginLeft because in some circumstances we may need them
|
|
|
offsets.marginTop = marginTop;
|
|
|
offsets.marginLeft = marginLeft;
|
|
|
}
|
|
|
|
|
|
if (isIE10 && !fixedPosition ? parent.contains(scrollParent) : parent === scrollParent && scrollParent.nodeName !== 'BODY') {
|
|
|
offsets = includeScroll(offsets, parent);
|
|
|
}
|
|
|
|
|
|
return offsets;
|
|
|
}
|
|
|
|
|
|
function getViewportOffsetRectRelativeToArtbitraryNode(element) {
|
|
|
var excludeScroll = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
|
|
|
|
var html = element.ownerDocument.documentElement;
|
|
|
var relativeOffset = getOffsetRectRelativeToArbitraryNode(element, html);
|
|
|
var width = Math.max(html.clientWidth, window.innerWidth || 0);
|
|
|
var height = Math.max(html.clientHeight, window.innerHeight || 0);
|
|
|
|
|
|
var scrollTop = !excludeScroll ? getScroll(html) : 0;
|
|
|
var scrollLeft = !excludeScroll ? getScroll(html, 'left') : 0;
|
|
|
|
|
|
var offset = {
|
|
|
top: scrollTop - relativeOffset.top + relativeOffset.marginTop,
|
|
|
left: scrollLeft - relativeOffset.left + relativeOffset.marginLeft,
|
|
|
width: width,
|
|
|
height: height
|
|
|
};
|
|
|
|
|
|
return getClientRect(offset);
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* Check if the given element is fixed or is inside a fixed parent
|
|
|
* @method
|
|
|
* @memberof Popper.Utils
|
|
|
* @argument {Element} element
|
|
|
* @argument {Element} customContainer
|
|
|
* @returns {Boolean} answer to "isFixed?"
|
|
|
*/
|
|
|
function isFixed(element) {
|
|
|
var nodeName = element.nodeName;
|
|
|
if (nodeName === 'BODY' || nodeName === 'HTML') {
|
|
|
return false;
|
|
|
}
|
|
|
if (getStyleComputedProperty(element, 'position') === 'fixed') {
|
|
|
return true;
|
|
|
}
|
|
|
var parentNode = getParentNode(element);
|
|
|
if (!parentNode) {
|
|
|
return false;
|
|
|
}
|
|
|
return isFixed(parentNode);
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* Finds the first parent of an element that has a transformed property defined
|
|
|
* @method
|
|
|
* @memberof Popper.Utils
|
|
|
* @argument {Element} element
|
|
|
* @returns {Element} first transformed parent or documentElement
|
|
|
*/
|
|
|
|
|
|
function getFixedPositionOffsetParent(element) {
|
|
|
// This check is needed to avoid errors in case one of the elements isn't defined for any reason
|
|
|
if (!element || !element.parentElement || isIE()) {
|
|
|
return document.documentElement;
|
|
|
}
|
|
|
var el = element.parentElement;
|
|
|
while (el && getStyleComputedProperty(el, 'transform') === 'none') {
|
|
|
el = el.parentElement;
|
|
|
}
|
|
|
return el || document.documentElement;
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* Computed the boundaries limits and return them
|
|
|
* @method
|
|
|
* @memberof Popper.Utils
|
|
|
* @param {HTMLElement} popper
|
|
|
* @param {HTMLElement} reference
|
|
|
* @param {number} padding
|
|
|
* @param {HTMLElement} boundariesElement - Element used to define the boundaries
|
|
|
* @param {Boolean} fixedPosition - Is in fixed position mode
|
|
|
* @returns {Object} Coordinates of the boundaries
|
|
|
*/
|
|
|
function getBoundaries(popper, reference, padding, boundariesElement) {
|
|
|
var fixedPosition = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
|
|
|
|
|
|
// NOTE: 1 DOM access here
|
|
|
|
|
|
var boundaries = { top: 0, left: 0 };
|
|
|
var offsetParent = fixedPosition ? getFixedPositionOffsetParent(popper) : findCommonOffsetParent(popper, getReferenceNode(reference));
|
|
|
|
|
|
// Handle viewport case
|
|
|
if (boundariesElement === 'viewport') {
|
|
|
boundaries = getViewportOffsetRectRelativeToArtbitraryNode(offsetParent, fixedPosition);
|
|
|
} else {
|
|
|
// Handle other cases based on DOM element used as boundaries
|
|
|
var boundariesNode = void 0;
|
|
|
if (boundariesElement === 'scrollParent') {
|
|
|
boundariesNode = getScrollParent(getParentNode(reference));
|
|
|
if (boundariesNode.nodeName === 'BODY') {
|
|
|
boundariesNode = popper.ownerDocument.documentElement;
|
|
|
}
|
|
|
} else if (boundariesElement === 'window') {
|
|
|
boundariesNode = popper.ownerDocument.documentElement;
|
|
|
} else {
|
|
|
boundariesNode = boundariesElement;
|
|
|
}
|
|
|
|
|
|
var offsets = getOffsetRectRelativeToArbitraryNode(boundariesNode, offsetParent, fixedPosition);
|
|
|
|
|
|
// In case of HTML, we need a different computation
|
|
|
if (boundariesNode.nodeName === 'HTML' && !isFixed(offsetParent)) {
|
|
|
var _getWindowSizes = getWindowSizes(popper.ownerDocument),
|
|
|
height = _getWindowSizes.height,
|
|
|
width = _getWindowSizes.width;
|
|
|
|
|
|
boundaries.top += offsets.top - offsets.marginTop;
|
|
|
boundaries.bottom = height + offsets.top;
|
|
|
boundaries.left += offsets.left - offsets.marginLeft;
|
|
|
boundaries.right = width + offsets.left;
|
|
|
} else {
|
|
|
// for all the other DOM elements, this one is good
|
|
|
boundaries = offsets;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
// Add paddings
|
|
|
padding = padding || 0;
|
|
|
var isPaddingNumber = typeof padding === 'number';
|
|
|
boundaries.left += isPaddingNumber ? padding : padding.left || 0;
|
|
|
boundaries.top += isPaddingNumber ? padding : padding.top || 0;
|
|
|
boundaries.right -= isPaddingNumber ? padding : padding.right || 0;
|
|
|
boundaries.bottom -= isPaddingNumber ? padding : padding.bottom || 0;
|
|
|
|
|
|
return boundaries;
|
|
|
}
|
|
|
|
|
|
function getArea(_ref) {
|
|
|
var width = _ref.width,
|
|
|
height = _ref.height;
|
|
|
|
|
|
return width * height;
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* Utility used to transform the `auto` placement to the placement with more
|
|
|
* available space.
|
|
|
* @method
|
|
|
* @memberof Popper.Utils
|
|
|
* @argument {Object} data - The data object generated by update method
|
|
|
* @argument {Object} options - Modifiers configuration and options
|
|
|
* @returns {Object} The data object, properly modified
|
|
|
*/
|
|
|
function computeAutoPlacement(placement, refRect, popper, reference, boundariesElement) {
|
|
|
var padding = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;
|
|
|
|
|
|
if (placement.indexOf('auto') === -1) {
|
|
|
return placement;
|
|
|
}
|
|
|
|
|
|
var boundaries = getBoundaries(popper, reference, padding, boundariesElement);
|
|
|
|
|
|
var rects = {
|
|
|
top: {
|
|
|
width: boundaries.width,
|
|
|
height: refRect.top - boundaries.top
|
|
|
},
|
|
|
right: {
|
|
|
width: boundaries.right - refRect.right,
|
|
|
height: boundaries.height
|
|
|
},
|
|
|
bottom: {
|
|
|
width: boundaries.width,
|
|
|
height: boundaries.bottom - refRect.bottom
|
|
|
},
|
|
|
left: {
|
|
|
width: refRect.left - boundaries.left,
|
|
|
height: boundaries.height
|
|
|
}
|
|
|
};
|
|
|
|
|
|
var sortedAreas = Object.keys(rects).map(function (key) {
|
|
|
return _extends({
|
|
|
key: key
|
|
|
}, rects[key], {
|
|
|
area: getArea(rects[key])
|
|
|
});
|
|
|
}).sort(function (a, b) {
|
|
|
return b.area - a.area;
|
|
|
});
|
|
|
|
|
|
var filteredAreas = sortedAreas.filter(function (_ref2) {
|
|
|
var width = _ref2.width,
|
|
|
height = _ref2.height;
|
|
|
return width >= popper.clientWidth && height >= popper.clientHeight;
|
|
|
});
|
|
|
|
|
|
var computedPlacement = filteredAreas.length > 0 ? filteredAreas[0].key : sortedAreas[0].key;
|
|
|
|
|
|
var variation = placement.split('-')[1];
|
|
|
|
|
|
return computedPlacement + (variation ? '-' + variation : '');
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* Get offsets to the reference element
|
|
|
* @method
|
|
|
* @memberof Popper.Utils
|
|
|
* @param {Object} state
|
|
|
* @param {Element} popper - the popper element
|
|
|
* @param {Element} reference - the reference element (the popper will be relative to this)
|
|
|
* @param {Element} fixedPosition - is in fixed position mode
|
|
|
* @returns {Object} An object containing the offsets which will be applied to the popper
|
|
|
*/
|
|
|
function getReferenceOffsets(state, popper, reference) {
|
|
|
var fixedPosition = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
|
|
|
|
|
|
var commonOffsetParent = fixedPosition ? getFixedPositionOffsetParent(popper) : findCommonOffsetParent(popper, getReferenceNode(reference));
|
|
|
return getOffsetRectRelativeToArbitraryNode(reference, commonOffsetParent, fixedPosition);
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* Get the outer sizes of the given element (offset size + margins)
|
|
|
* @method
|
|
|
* @memberof Popper.Utils
|
|
|
* @argument {Element} element
|
|
|
* @returns {Object} object containing width and height properties
|
|
|
*/
|
|
|
function getOuterSizes(element) {
|
|
|
var window = element.ownerDocument.defaultView;
|
|
|
var styles = window.getComputedStyle(element);
|
|
|
var x = parseFloat(styles.marginTop || 0) + parseFloat(styles.marginBottom || 0);
|
|
|
var y = parseFloat(styles.marginLeft || 0) + parseFloat(styles.marginRight || 0);
|
|
|
var result = {
|
|
|
width: element.offsetWidth + y,
|
|
|
height: element.offsetHeight + x
|
|
|
};
|
|
|
return result;
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* Get the opposite placement of the given one
|
|
|
* @method
|
|
|
* @memberof Popper.Utils
|
|
|
* @argument {String} placement
|
|
|
* @returns {String} flipped placement
|
|
|
*/
|
|
|
function getOppositePlacement(placement) {
|
|
|
var hash = { left: 'right', right: 'left', bottom: 'top', top: 'bottom' };
|
|
|
return placement.replace(/left|right|bottom|top/g, function (matched) {
|
|
|
return hash[matched];
|
|
|
});
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* Get offsets to the popper
|
|
|
* @method
|
|
|
* @memberof Popper.Utils
|
|
|
* @param {Object} position - CSS position the Popper will get applied
|
|
|
* @param {HTMLElement} popper - the popper element
|
|
|
* @param {Object} referenceOffsets - the reference offsets (the popper will be relative to this)
|
|
|
* @param {String} placement - one of the valid placement options
|
|
|
* @returns {Object} popperOffsets - An object containing the offsets which will be applied to the popper
|
|
|
*/
|
|
|
function getPopperOffsets(popper, referenceOffsets, placement) {
|
|
|
placement = placement.split('-')[0];
|
|
|
|
|
|
// Get popper node sizes
|
|
|
var popperRect = getOuterSizes(popper);
|
|
|
|
|
|
// Add position, width and height to our offsets object
|
|
|
var popperOffsets = {
|
|
|
width: popperRect.width,
|
|
|
height: popperRect.height
|
|
|
};
|
|
|
|
|
|
// depending by the popper placement we have to compute its offsets slightly differently
|
|
|
var isHoriz = ['right', 'left'].indexOf(placement) !== -1;
|
|
|
var mainSide = isHoriz ? 'top' : 'left';
|
|
|
var secondarySide = isHoriz ? 'left' : 'top';
|
|
|
var measurement = isHoriz ? 'height' : 'width';
|
|
|
var secondaryMeasurement = !isHoriz ? 'height' : 'width';
|
|
|
|
|
|
popperOffsets[mainSide] = referenceOffsets[mainSide] + referenceOffsets[measurement] / 2 - popperRect[measurement] / 2;
|
|
|
if (placement === secondarySide) {
|
|
|
popperOffsets[secondarySide] = referenceOffsets[secondarySide] - popperRect[secondaryMeasurement];
|
|
|
} else {
|
|
|
popperOffsets[secondarySide] = referenceOffsets[getOppositePlacement(secondarySide)];
|
|
|
}
|
|
|
|
|
|
return popperOffsets;
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* Mimics the `find` method of Array
|
|
|
* @method
|
|
|
* @memberof Popper.Utils
|
|
|
* @argument {Array} arr
|
|
|
* @argument prop
|
|
|
* @argument value
|
|
|
* @returns index or -1
|
|
|
*/
|
|
|
function find(arr, check) {
|
|
|
// use native find if supported
|
|
|
if (Array.prototype.find) {
|
|
|
return arr.find(check);
|
|
|
}
|
|
|
|
|
|
// use `filter` to obtain the same behavior of `find`
|
|
|
return arr.filter(check)[0];
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* Return the index of the matching object
|
|
|
* @method
|
|
|
* @memberof Popper.Utils
|
|
|
* @argument {Array} arr
|
|
|
* @argument prop
|
|
|
* @argument value
|
|
|
* @returns index or -1
|
|
|
*/
|
|
|
function findIndex(arr, prop, value) {
|
|
|
// use native findIndex if supported
|
|
|
if (Array.prototype.findIndex) {
|
|
|
return arr.findIndex(function (cur) {
|
|
|
return cur[prop] === value;
|
|
|
});
|
|
|
}
|
|
|
|
|
|
// use `find` + `indexOf` if `findIndex` isn't supported
|
|
|
var match = find(arr, function (obj) {
|
|
|
return obj[prop] === value;
|
|
|
});
|
|
|
return arr.indexOf(match);
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* Loop trough the list of modifiers and run them in order,
|
|
|
* each of them will then edit the data object.
|
|
|
* @method
|
|
|
* @memberof Popper.Utils
|
|
|
* @param {dataObject} data
|
|
|
* @param {Array} modifiers
|
|
|
* @param {String} ends - Optional modifier name used as stopper
|
|
|
* @returns {dataObject}
|
|
|
*/
|
|
|
function runModifiers(modifiers, data, ends) {
|
|
|
var modifiersToRun = ends === undefined ? modifiers : modifiers.slice(0, findIndex(modifiers, 'name', ends));
|
|
|
|
|
|
modifiersToRun.forEach(function (modifier) {
|
|
|
if (modifier['function']) {
|
|
|
// eslint-disable-line dot-notation
|
|
|
console.warn('`modifier.function` is deprecated, use `modifier.fn`!');
|
|
|
}
|
|
|
var fn = modifier['function'] || modifier.fn; // eslint-disable-line dot-notation
|
|
|
if (modifier.enabled && isFunction(fn)) {
|
|
|
// Add properties to offsets to make them a complete clientRect object
|
|
|
// we do this before each modifier to make sure the previous one doesn't
|
|
|
// mess with these values
|
|
|
data.offsets.popper = getClientRect(data.offsets.popper);
|
|
|
data.offsets.reference = getClientRect(data.offsets.reference);
|
|
|
|
|
|
data = fn(data, modifier);
|
|
|
}
|
|
|
});
|
|
|
|
|
|
return data;
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* Updates the position of the popper, computing the new offsets and applying
|
|
|
* the new style.<br />
|
|
|
* Prefer `scheduleUpdate` over `update` because of performance reasons.
|
|
|
* @method
|
|
|
* @memberof Popper
|
|
|
*/
|
|
|
function update() {
|
|
|
// if popper is destroyed, don't perform any further update
|
|
|
if (this.state.isDestroyed) {
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
var data = {
|
|
|
instance: this,
|
|
|
styles: {},
|
|
|
arrowStyles: {},
|
|
|
attributes: {},
|
|
|
flipped: false,
|
|
|
offsets: {}
|
|
|
};
|
|
|
|
|
|
// compute reference element offsets
|
|
|
data.offsets.reference = getReferenceOffsets(this.state, this.popper, this.reference, this.options.positionFixed);
|
|
|
|
|
|
// compute auto placement, store placement inside the data object,
|
|
|
// modifiers will be able to edit `placement` if needed
|
|
|
// and refer to originalPlacement to know the original value
|
|
|
data.placement = computeAutoPlacement(this.options.placement, data.offsets.reference, this.popper, this.reference, this.options.modifiers.flip.boundariesElement, this.options.modifiers.flip.padding);
|
|
|
|
|
|
// store the computed placement inside `originalPlacement`
|
|
|
data.originalPlacement = data.placement;
|
|
|
|
|
|
data.positionFixed = this.options.positionFixed;
|
|
|
|
|
|
// compute the popper offsets
|
|
|
data.offsets.popper = getPopperOffsets(this.popper, data.offsets.reference, data.placement);
|
|
|
|
|
|
data.offsets.popper.position = this.options.positionFixed ? 'fixed' : 'absolute';
|
|
|
|
|
|
// run the modifiers
|
|
|
data = runModifiers(this.modifiers, data);
|
|
|
|
|
|
// the first `update` will call `onCreate` callback
|
|
|
// the other ones will call `onUpdate` callback
|
|
|
if (!this.state.isCreated) {
|
|
|
this.state.isCreated = true;
|
|
|
this.options.onCreate(data);
|
|
|
} else {
|
|
|
this.options.onUpdate(data);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* Helper used to know if the given modifier is enabled.
|
|
|
* @method
|
|
|
* @memberof Popper.Utils
|
|
|
* @returns {Boolean}
|
|
|
*/
|
|
|
function isModifierEnabled(modifiers, modifierName) {
|
|
|
return modifiers.some(function (_ref) {
|
|
|
var name = _ref.name,
|
|
|
enabled = _ref.enabled;
|
|
|
return enabled && name === modifierName;
|
|
|
});
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* Get the prefixed supported property name
|
|
|
* @method
|
|
|
* @memberof Popper.Utils
|
|
|
* @argument {String} property (camelCase)
|
|
|
* @returns {String} prefixed property (camelCase or PascalCase, depending on the vendor prefix)
|
|
|
*/
|
|
|
function getSupportedPropertyName(property) {
|
|
|
var prefixes = [false, 'ms', 'Webkit', 'Moz', 'O'];
|
|
|
var upperProp = property.charAt(0).toUpperCase() + property.slice(1);
|
|
|
|
|
|
for (var i = 0; i < prefixes.length; i++) {
|
|
|
var prefix = prefixes[i];
|
|
|
var toCheck = prefix ? '' + prefix + upperProp : property;
|
|
|
if (typeof document.body.style[toCheck] !== 'undefined') {
|
|
|
return toCheck;
|
|
|
}
|
|
|
}
|
|
|
return null;
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* Destroys the popper.
|
|
|
* @method
|
|
|
* @memberof Popper
|
|
|
*/
|
|
|
function destroy() {
|
|
|
this.state.isDestroyed = true;
|
|
|
|
|
|
// touch DOM only if `applyStyle` modifier is enabled
|
|
|
if (isModifierEnabled(this.modifiers, 'applyStyle')) {
|
|
|
this.popper.removeAttribute('x-placement');
|
|
|
this.popper.style.position = '';
|
|
|
this.popper.style.top = '';
|
|
|
this.popper.style.left = '';
|
|
|
this.popper.style.right = '';
|
|
|
this.popper.style.bottom = '';
|
|
|
this.popper.style.willChange = '';
|
|
|
this.popper.style[getSupportedPropertyName('transform')] = '';
|
|
|
}
|
|
|
|
|
|
this.disableEventListeners();
|
|
|
|
|
|
// remove the popper if user explicitly asked for the deletion on destroy
|
|
|
// do not use `remove` because IE11 doesn't support it
|
|
|
if (this.options.removeOnDestroy) {
|
|
|
this.popper.parentNode.removeChild(this.popper);
|
|
|
}
|
|
|
return this;
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* Get the window associated with the element
|
|
|
* @argument {Element} element
|
|
|
* @returns {Window}
|
|
|
*/
|
|
|
function getWindow(element) {
|
|
|
var ownerDocument = element.ownerDocument;
|
|
|
return ownerDocument ? ownerDocument.defaultView : window;
|
|
|
}
|
|
|
|
|
|
function attachToScrollParents(scrollParent, event, callback, scrollParents) {
|
|
|
var isBody = scrollParent.nodeName === 'BODY';
|
|
|
var target = isBody ? scrollParent.ownerDocument.defaultView : scrollParent;
|
|
|
target.addEventListener(event, callback, { passive: true });
|
|
|
|
|
|
if (!isBody) {
|
|
|
attachToScrollParents(getScrollParent(target.parentNode), event, callback, scrollParents);
|
|
|
}
|
|
|
scrollParents.push(target);
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* Setup needed event listeners used to update the popper position
|
|
|
* @method
|
|
|
* @memberof Popper.Utils
|
|
|
* @private
|
|
|
*/
|
|
|
function setupEventListeners(reference, options, state, updateBound) {
|
|
|
// Resize event listener on window
|
|
|
state.updateBound = updateBound;
|
|
|
getWindow(reference).addEventListener('resize', state.updateBound, { passive: true });
|
|
|
|
|
|
// Scroll event listener on scroll parents
|
|
|
var scrollElement = getScrollParent(reference);
|
|
|
attachToScrollParents(scrollElement, 'scroll', state.updateBound, state.scrollParents);
|
|
|
state.scrollElement = scrollElement;
|
|
|
state.eventsEnabled = true;
|
|
|
|
|
|
return state;
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* It will add resize/scroll events and start recalculating
|
|
|
* position of the popper element when they are triggered.
|
|
|
* @method
|
|
|
* @memberof Popper
|
|
|
*/
|
|
|
function enableEventListeners() {
|
|
|
if (!this.state.eventsEnabled) {
|
|
|
this.state = setupEventListeners(this.reference, this.options, this.state, this.scheduleUpdate);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* Remove event listeners used to update the popper position
|
|
|
* @method
|
|
|
* @memberof Popper.Utils
|
|
|
* @private
|
|
|
*/
|
|
|
function removeEventListeners(reference, state) {
|
|
|
// Remove resize event listener on window
|
|
|
getWindow(reference).removeEventListener('resize', state.updateBound);
|
|
|
|
|
|
// Remove scroll event listener on scroll parents
|
|
|
state.scrollParents.forEach(function (target) {
|
|
|
target.removeEventListener('scroll', state.updateBound);
|
|
|
});
|
|
|
|
|
|
// Reset state
|
|
|
state.updateBound = null;
|
|
|
state.scrollParents = [];
|
|
|
state.scrollElement = null;
|
|
|
state.eventsEnabled = false;
|
|
|
return state;
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* It will remove resize/scroll events and won't recalculate popper position
|
|
|
* when they are triggered. It also won't trigger `onUpdate` callback anymore,
|
|
|
* unless you call `update` method manually.
|
|
|
* @method
|
|
|
* @memberof Popper
|
|
|
*/
|
|
|
function disableEventListeners() {
|
|
|
if (this.state.eventsEnabled) {
|
|
|
cancelAnimationFrame(this.scheduleUpdate);
|
|
|
this.state = removeEventListeners(this.reference, this.state);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* Tells if a given input is a number
|
|
|
* @method
|
|
|
* @memberof Popper.Utils
|
|
|
* @param {*} input to check
|
|
|
* @return {Boolean}
|
|
|
*/
|
|
|
function isNumeric(n) {
|
|
|
return n !== '' && !isNaN(parseFloat(n)) && isFinite(n);
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* Set the style to the given popper
|
|
|
* @method
|
|
|
* @memberof Popper.Utils
|
|
|
* @argument {Element} element - Element to apply the style to
|
|
|
* @argument {Object} styles
|
|
|
* Object with a list of properties and values which will be applied to the element
|
|
|
*/
|
|
|
function setStyles(element, styles) {
|
|
|
Object.keys(styles).forEach(function (prop) {
|
|
|
var unit = '';
|
|
|
// add unit if the value is numeric and is one of the following
|
|
|
if (['width', 'height', 'top', 'right', 'bottom', 'left'].indexOf(prop) !== -1 && isNumeric(styles[prop])) {
|
|
|
unit = 'px';
|
|
|
}
|
|
|
element.style[prop] = styles[prop] + unit;
|
|
|
});
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* Set the attributes to the given popper
|
|
|
* @method
|
|
|
* @memberof Popper.Utils
|
|
|
* @argument {Element} element - Element to apply the attributes to
|
|
|
* @argument {Object} styles
|
|
|
* Object with a list of properties and values which will be applied to the element
|
|
|
*/
|
|
|
function setAttributes(element, attributes) {
|
|
|
Object.keys(attributes).forEach(function (prop) {
|
|
|
var value = attributes[prop];
|
|
|
if (value !== false) {
|
|
|
element.setAttribute(prop, attributes[prop]);
|
|
|
} else {
|
|
|
element.removeAttribute(prop);
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* @function
|
|
|
* @memberof Modifiers
|
|
|
* @argument {Object} data - The data object generated by `update` method
|
|
|
* @argument {Object} data.styles - List of style properties - values to apply to popper element
|
|
|
* @argument {Object} data.attributes - List of attribute properties - values to apply to popper element
|
|
|
* @argument {Object} options - Modifiers configuration and options
|
|
|
* @returns {Object} The same data object
|
|
|
*/
|
|
|
function applyStyle(data) {
|
|
|
// any property present in `data.styles` will be applied to the popper,
|
|
|
// in this way we can make the 3rd party modifiers add custom styles to it
|
|
|
// Be aware, modifiers could override the properties defined in the previous
|
|
|
// lines of this modifier!
|
|
|
setStyles(data.instance.popper, data.styles);
|
|
|
|
|
|
// any property present in `data.attributes` will be applied to the popper,
|
|
|
// they will be set as HTML attributes of the element
|
|
|
setAttributes(data.instance.popper, data.attributes);
|
|
|
|
|
|
// if arrowElement is defined and arrowStyles has some properties
|
|
|
if (data.arrowElement && Object.keys(data.arrowStyles).length) {
|
|
|
setStyles(data.arrowElement, data.arrowStyles);
|
|
|
}
|
|
|
|
|
|
return data;
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* Set the x-placement attribute before everything else because it could be used
|
|
|
* to add margins to the popper margins needs to be calculated to get the
|
|
|
* correct popper offsets.
|
|
|
* @method
|
|
|
* @memberof Popper.modifiers
|
|
|
* @param {HTMLElement} reference - The reference element used to position the popper
|
|
|
* @param {HTMLElement} popper - The HTML element used as popper
|
|
|
* @param {Object} options - Popper.js options
|
|
|
*/
|
|
|
function applyStyleOnLoad(reference, popper, options, modifierOptions, state) {
|
|
|
// compute reference element offsets
|
|
|
var referenceOffsets = getReferenceOffsets(state, popper, reference, options.positionFixed);
|
|
|
|
|
|
// compute auto placement, store placement inside the data object,
|
|
|
// modifiers will be able to edit `placement` if needed
|
|
|
// and refer to originalPlacement to know the original value
|
|
|
var placement = computeAutoPlacement(options.placement, referenceOffsets, popper, reference, options.modifiers.flip.boundariesElement, options.modifiers.flip.padding);
|
|
|
|
|
|
popper.setAttribute('x-placement', placement);
|
|
|
|
|
|
// Apply `position` to popper before anything else because
|
|
|
// without the position applied we can't guarantee correct computations
|
|
|
setStyles(popper, { position: options.positionFixed ? 'fixed' : 'absolute' });
|
|
|
|
|
|
return options;
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* @function
|
|
|
* @memberof Popper.Utils
|
|
|
* @argument {Object} data - The data object generated by `update` method
|
|
|
* @argument {Boolean} shouldRound - If the offsets should be rounded at all
|
|
|
* @returns {Object} The popper's position offsets rounded
|
|
|
*
|
|
|
* The tale of pixel-perfect positioning. It's still not 100% perfect, but as
|
|
|
* good as it can be within reason.
|
|
|
* Discussion here: https://github.com/FezVrasta/popper.js/pull/715
|
|
|
*
|
|
|
* Low DPI screens cause a popper to be blurry if not using full pixels (Safari
|
|
|
* as well on High DPI screens).
|
|
|
*
|
|
|
* Firefox prefers no rounding for positioning and does not have blurriness on
|
|
|
* high DPI screens.
|
|
|
*
|
|
|
* Only horizontal placement and left/right values need to be considered.
|
|
|
*/
|
|
|
function getRoundedOffsets(data, shouldRound) {
|
|
|
var _data$offsets = data.offsets,
|
|
|
popper = _data$offsets.popper,
|
|
|
reference = _data$offsets.reference;
|
|
|
var round = Math.round,
|
|
|
floor = Math.floor;
|
|
|
|
|
|
var noRound = function noRound(v) {
|
|
|
return v;
|
|
|
};
|
|
|
|
|
|
var referenceWidth = round(reference.width);
|
|
|
var popperWidth = round(popper.width);
|
|
|
|
|
|
var isVertical = ['left', 'right'].indexOf(data.placement) !== -1;
|
|
|
var isVariation = data.placement.indexOf('-') !== -1;
|
|
|
var sameWidthParity = referenceWidth % 2 === popperWidth % 2;
|
|
|
var bothOddWidth = referenceWidth % 2 === 1 && popperWidth % 2 === 1;
|
|
|
|
|
|
var horizontalToInteger = !shouldRound ? noRound : isVertical || isVariation || sameWidthParity ? round : floor;
|
|
|
var verticalToInteger = !shouldRound ? noRound : round;
|
|
|
|
|
|
return {
|
|
|
left: horizontalToInteger(bothOddWidth && !isVariation && shouldRound ? popper.left - 1 : popper.left),
|
|
|
top: verticalToInteger(popper.top),
|
|
|
bottom: verticalToInteger(popper.bottom),
|
|
|
right: horizontalToInteger(popper.right)
|
|
|
};
|
|
|
}
|
|
|
|
|
|
var isFirefox = isBrowser && /Firefox/i.test(navigator.userAgent);
|
|
|
|
|
|
/**
|
|
|
* @function
|
|
|
* @memberof Modifiers
|
|
|
* @argument {Object} data - The data object generated by `update` method
|
|
|
* @argument {Object} options - Modifiers configuration and options
|
|
|
* @returns {Object} The data object, properly modified
|
|
|
*/
|
|
|
function computeStyle(data, options) {
|
|
|
var x = options.x,
|
|
|
y = options.y;
|
|
|
var popper = data.offsets.popper;
|
|
|
|
|
|
// Remove this legacy support in Popper.js v2
|
|
|
|
|
|
var legacyGpuAccelerationOption = find(data.instance.modifiers, function (modifier) {
|
|
|
return modifier.name === 'applyStyle';
|
|
|
}).gpuAcceleration;
|
|
|
if (legacyGpuAccelerationOption !== undefined) {
|
|
|
console.warn('WARNING: `gpuAcceleration` option moved to `computeStyle` modifier and will not be supported in future versions of Popper.js!');
|
|
|
}
|
|
|
var gpuAcceleration = legacyGpuAccelerationOption !== undefined ? legacyGpuAccelerationOption : options.gpuAcceleration;
|
|
|
|
|
|
var offsetParent = getOffsetParent(data.instance.popper);
|
|
|
var offsetParentRect = getBoundingClientRect(offsetParent);
|
|
|
|
|
|
// Styles
|
|
|
var styles = {
|
|
|
position: popper.position
|
|
|
};
|
|
|
|
|
|
var offsets = getRoundedOffsets(data, window.devicePixelRatio < 2 || !isFirefox);
|
|
|
|
|
|
var sideA = x === 'bottom' ? 'top' : 'bottom';
|
|
|
var sideB = y === 'right' ? 'left' : 'right';
|
|
|
|
|
|
// if gpuAcceleration is set to `true` and transform is supported,
|
|
|
// we use `translate3d` to apply the position to the popper we
|
|
|
// automatically use the supported prefixed version if needed
|
|
|
var prefixedProperty = getSupportedPropertyName('transform');
|
|
|
|
|
|
// now, let's make a step back and look at this code closely (wtf?)
|
|
|
// If the content of the popper grows once it's been positioned, it
|
|
|
// may happen that the popper gets misplaced because of the new content
|
|
|
// overflowing its reference element
|
|
|
// To avoid this problem, we provide two options (x and y), which allow
|
|
|
// the consumer to define the offset origin.
|
|
|
// If we position a popper on top of a reference element, we can set
|
|
|
// `x` to `top` to make the popper grow towards its top instead of
|
|
|
// its bottom.
|
|
|
var left = void 0,
|
|
|
top = void 0;
|
|
|
if (sideA === 'bottom') {
|
|
|
// when offsetParent is <html> the positioning is relative to the bottom of the screen (excluding the scrollbar)
|
|
|
// and not the bottom of the html element
|
|
|
if (offsetParent.nodeName === 'HTML') {
|
|
|
top = -offsetParent.clientHeight + offsets.bottom;
|
|
|
} else {
|
|
|
top = -offsetParentRect.height + offsets.bottom;
|
|
|
}
|
|
|
} else {
|
|
|
top = offsets.top;
|
|
|
}
|
|
|
if (sideB === 'right') {
|
|
|
if (offsetParent.nodeName === 'HTML') {
|
|
|
left = -offsetParent.clientWidth + offsets.right;
|
|
|
} else {
|
|
|
left = -offsetParentRect.width + offsets.right;
|
|
|
}
|
|
|
} else {
|
|
|
left = offsets.left;
|
|
|
}
|
|
|
if (gpuAcceleration && prefixedProperty) {
|
|
|
styles[prefixedProperty] = 'translate3d(' + left + 'px, ' + top + 'px, 0)';
|
|
|
styles[sideA] = 0;
|
|
|
styles[sideB] = 0;
|
|
|
styles.willChange = 'transform';
|
|
|
} else {
|
|
|
// othwerise, we use the standard `top`, `left`, `bottom` and `right` properties
|
|
|
var invertTop = sideA === 'bottom' ? -1 : 1;
|
|
|
var invertLeft = sideB === 'right' ? -1 : 1;
|
|
|
styles[sideA] = top * invertTop;
|
|
|
styles[sideB] = left * invertLeft;
|
|
|
styles.willChange = sideA + ', ' + sideB;
|
|
|
}
|
|
|
|
|
|
// Attributes
|
|
|
var attributes = {
|
|
|
'x-placement': data.placement
|
|
|
};
|
|
|
|
|
|
// Update `data` attributes, styles and arrowStyles
|
|
|
data.attributes = _extends({}, attributes, data.attributes);
|
|
|
data.styles = _extends({}, styles, data.styles);
|
|
|
data.arrowStyles = _extends({}, data.offsets.arrow, data.arrowStyles);
|
|
|
|
|
|
return data;
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* Helper used to know if the given modifier depends from another one.<br />
|
|
|
* It checks if the needed modifier is listed and enabled.
|
|
|
* @method
|
|
|
* @memberof Popper.Utils
|
|
|
* @param {Array} modifiers - list of modifiers
|
|
|
* @param {String} requestingName - name of requesting modifier
|
|
|
* @param {String} requestedName - name of requested modifier
|
|
|
* @returns {Boolean}
|
|
|
*/
|
|
|
function isModifierRequired(modifiers, requestingName, requestedName) {
|
|
|
var requesting = find(modifiers, function (_ref) {
|
|
|
var name = _ref.name;
|
|
|
return name === requestingName;
|
|
|
});
|
|
|
|
|
|
var isRequired = !!requesting && modifiers.some(function (modifier) {
|
|
|
return modifier.name === requestedName && modifier.enabled && modifier.order < requesting.order;
|
|
|
});
|
|
|
|
|
|
if (!isRequired) {
|
|
|
var _requesting = '`' + requestingName + '`';
|
|
|
var requested = '`' + requestedName + '`';
|
|
|
console.warn(requested + ' modifier is required by ' + _requesting + ' modifier in order to work, be sure to include it before ' + _requesting + '!');
|
|
|
}
|
|
|
return isRequired;
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* @function
|
|
|
* @memberof Modifiers
|
|
|
* @argument {Object} data - The data object generated by update method
|
|
|
* @argument {Object} options - Modifiers configuration and options
|
|
|
* @returns {Object} The data object, properly modified
|
|
|
*/
|
|
|
function arrow(data, options) {
|
|
|
var _data$offsets$arrow;
|
|
|
|
|
|
// arrow depends on keepTogether in order to work
|
|
|
if (!isModifierRequired(data.instance.modifiers, 'arrow', 'keepTogether')) {
|
|
|
return data;
|
|
|
}
|
|
|
|
|
|
var arrowElement = options.element;
|
|
|
|
|
|
// if arrowElement is a string, suppose it's a CSS selector
|
|
|
if (typeof arrowElement === 'string') {
|
|
|
arrowElement = data.instance.popper.querySelector(arrowElement);
|
|
|
|
|
|
// if arrowElement is not found, don't run the modifier
|
|
|
if (!arrowElement) {
|
|
|
return data;
|
|
|
}
|
|
|
} else {
|
|
|
// if the arrowElement isn't a query selector we must check that the
|
|
|
// provided DOM node is child of its popper node
|
|
|
if (!data.instance.popper.contains(arrowElement)) {
|
|
|
console.warn('WARNING: `arrow.element` must be child of its popper element!');
|
|
|
return data;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
var placement = data.placement.split('-')[0];
|
|
|
var _data$offsets = data.offsets,
|
|
|
popper = _data$offsets.popper,
|
|
|
reference = _data$offsets.reference;
|
|
|
|
|
|
var isVertical = ['left', 'right'].indexOf(placement) !== -1;
|
|
|
|
|
|
var len = isVertical ? 'height' : 'width';
|
|
|
var sideCapitalized = isVertical ? 'Top' : 'Left';
|
|
|
var side = sideCapitalized.toLowerCase();
|
|
|
var altSide = isVertical ? 'left' : 'top';
|
|
|
var opSide = isVertical ? 'bottom' : 'right';
|
|
|
var arrowElementSize = getOuterSizes(arrowElement)[len];
|
|
|
|
|
|
//
|
|
|
// extends keepTogether behavior making sure the popper and its
|
|
|
// reference have enough pixels in conjunction
|
|
|
//
|
|
|
|
|
|
// top/left side
|
|
|
if (reference[opSide] - arrowElementSize < popper[side]) {
|
|
|
data.offsets.popper[side] -= popper[side] - (reference[opSide] - arrowElementSize);
|
|
|
}
|
|
|
// bottom/right side
|
|
|
if (reference[side] + arrowElementSize > popper[opSide]) {
|
|
|
data.offsets.popper[side] += reference[side] + arrowElementSize - popper[opSide];
|
|
|
}
|
|
|
data.offsets.popper = getClientRect(data.offsets.popper);
|
|
|
|
|
|
// compute center of the popper
|
|
|
var center = reference[side] + reference[len] / 2 - arrowElementSize / 2;
|
|
|
|
|
|
// Compute the sideValue using the updated popper offsets
|
|
|
// take popper margin in account because we don't have this info available
|
|
|
var css = getStyleComputedProperty(data.instance.popper);
|
|
|
var popperMarginSide = parseFloat(css['margin' + sideCapitalized], 10);
|
|
|
var popperBorderSide = parseFloat(css['border' + sideCapitalized + 'Width'], 10);
|
|
|
var sideValue = center - data.offsets.popper[side] - popperMarginSide - popperBorderSide;
|
|
|
|
|
|
// prevent arrowElement from being placed not contiguously to its popper
|
|
|
sideValue = Math.max(Math.min(popper[len] - arrowElementSize, sideValue), 0);
|
|
|
|
|
|
data.arrowElement = arrowElement;
|
|
|
data.offsets.arrow = (_data$offsets$arrow = {}, defineProperty(_data$offsets$arrow, side, Math.round(sideValue)), defineProperty(_data$offsets$arrow, altSide, ''), _data$offsets$arrow);
|
|
|
|
|
|
return data;
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* Get the opposite placement variation of the given one
|
|
|
* @method
|
|
|
* @memberof Popper.Utils
|
|
|
* @argument {String} placement variation
|
|
|
* @returns {String} flipped placement variation
|
|
|
*/
|
|
|
function getOppositeVariation(variation) {
|
|
|
if (variation === 'end') {
|
|
|
return 'start';
|
|
|
} else if (variation === 'start') {
|
|
|
return 'end';
|
|
|
}
|
|
|
return variation;
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* List of accepted placements to use as values of the `placement` option.<br />
|
|
|
* Valid placements are:
|
|
|
* - `auto`
|
|
|
* - `top`
|
|
|
* - `right`
|
|
|
* - `bottom`
|
|
|
* - `left`
|
|
|
*
|
|
|
* Each placement can have a variation from this list:
|
|
|
* - `-start`
|
|
|
* - `-end`
|
|
|
*
|
|
|
* Variations are interpreted easily if you think of them as the left to right
|
|
|
* written languages. Horizontally (`top` and `bottom`), `start` is left and `end`
|
|
|
* is right.<br />
|
|
|
* Vertically (`left` and `right`), `start` is top and `end` is bottom.
|
|
|
*
|
|
|
* Some valid examples are:
|
|
|
* - `top-end` (on top of reference, right aligned)
|
|
|
* - `right-start` (on right of reference, top aligned)
|
|
|
* - `bottom` (on bottom, centered)
|
|
|
* - `auto-end` (on the side with more space available, alignment depends by placement)
|
|
|
*
|
|
|
* @static
|
|
|
* @type {Array}
|
|
|
* @enum {String}
|
|
|
* @readonly
|
|
|
* @method placements
|
|
|
* @memberof Popper
|
|
|
*/
|
|
|
var placements = ['auto-start', 'auto', 'auto-end', 'top-start', 'top', 'top-end', 'right-start', 'right', 'right-end', 'bottom-end', 'bottom', 'bottom-start', 'left-end', 'left', 'left-start'];
|
|
|
|
|
|
// Get rid of `auto` `auto-start` and `auto-end`
|
|
|
var validPlacements = placements.slice(3);
|
|
|
|
|
|
/**
|
|
|
* Given an initial placement, returns all the subsequent placements
|
|
|
* clockwise (or counter-clockwise).
|
|
|
*
|
|
|
* @method
|
|
|
* @memberof Popper.Utils
|
|
|
* @argument {String} placement - A valid placement (it accepts variations)
|
|
|
* @argument {Boolean} counter - Set to true to walk the placements counterclockwise
|
|
|
* @returns {Array} placements including their variations
|
|
|
*/
|
|
|
function clockwise(placement) {
|
|
|
var counter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
|
|
|
|
var index = validPlacements.indexOf(placement);
|
|
|
var arr = validPlacements.slice(index + 1).concat(validPlacements.slice(0, index));
|
|
|
return counter ? arr.reverse() : arr;
|
|
|
}
|
|
|
|
|
|
var BEHAVIORS = {
|
|
|
FLIP: 'flip',
|
|
|
CLOCKWISE: 'clockwise',
|
|
|
COUNTERCLOCKWISE: 'counterclockwise'
|
|
|
};
|
|
|
|
|
|
/**
|
|
|
* @function
|
|
|
* @memberof Modifiers
|
|
|
* @argument {Object} data - The data object generated by update method
|
|
|
* @argument {Object} options - Modifiers configuration and options
|
|
|
* @returns {Object} The data object, properly modified
|
|
|
*/
|
|
|
function flip(data, options) {
|
|
|
// if `inner` modifier is enabled, we can't use the `flip` modifier
|
|
|
if (isModifierEnabled(data.instance.modifiers, 'inner')) {
|
|
|
return data;
|
|
|
}
|
|
|
|
|
|
if (data.flipped && data.placement === data.originalPlacement) {
|
|
|
// seems like flip is trying to loop, probably there's not enough space on any of the flippable sides
|
|
|
return data;
|
|
|
}
|
|
|
|
|
|
var boundaries = getBoundaries(data.instance.popper, data.instance.reference, options.padding, options.boundariesElement, data.positionFixed);
|
|
|
|
|
|
var placement = data.placement.split('-')[0];
|
|
|
var placementOpposite = getOppositePlacement(placement);
|
|
|
var variation = data.placement.split('-')[1] || '';
|
|
|
|
|
|
var flipOrder = [];
|
|
|
|
|
|
switch (options.behavior) {
|
|
|
case BEHAVIORS.FLIP:
|
|
|
flipOrder = [placement, placementOpposite];
|
|
|
break;
|
|
|
case BEHAVIORS.CLOCKWISE:
|
|
|
flipOrder = clockwise(placement);
|
|
|
break;
|
|
|
case BEHAVIORS.COUNTERCLOCKWISE:
|
|
|
flipOrder = clockwise(placement, true);
|
|
|
break;
|
|
|
default:
|
|
|
flipOrder = options.behavior;
|
|
|
}
|
|
|
|
|
|
flipOrder.forEach(function (step, index) {
|
|
|
if (placement !== step || flipOrder.length === index + 1) {
|
|
|
return data;
|
|
|
}
|
|
|
|
|
|
placement = data.placement.split('-')[0];
|
|
|
placementOpposite = getOppositePlacement(placement);
|
|
|
|
|
|
var popperOffsets = data.offsets.popper;
|
|
|
var refOffsets = data.offsets.reference;
|
|
|
|
|
|
// using floor because the reference offsets may contain decimals we are not going to consider here
|
|
|
var floor = Math.floor;
|
|
|
var overlapsRef = placement === 'left' && floor(popperOffsets.right) > floor(refOffsets.left) || placement === 'right' && floor(popperOffsets.left) < floor(refOffsets.right) || placement === 'top' && floor(popperOffsets.bottom) > floor(refOffsets.top) || placement === 'bottom' && floor(popperOffsets.top) < floor(refOffsets.bottom);
|
|
|
|
|
|
var overflowsLeft = floor(popperOffsets.left) < floor(boundaries.left);
|
|
|
var overflowsRight = floor(popperOffsets.right) > floor(boundaries.right);
|
|
|
var overflowsTop = floor(popperOffsets.top) < floor(boundaries.top);
|
|
|
var overflowsBottom = floor(popperOffsets.bottom) > floor(boundaries.bottom);
|
|
|
|
|
|
var overflowsBoundaries = placement === 'left' && overflowsLeft || placement === 'right' && overflowsRight || placement === 'top' && overflowsTop || placement === 'bottom' && overflowsBottom;
|
|
|
|
|
|
// flip the variation if required
|
|
|
var isVertical = ['top', 'bottom'].indexOf(placement) !== -1;
|
|
|
|
|
|
// flips variation if reference element overflows boundaries
|
|
|
var flippedVariationByRef = !!options.flipVariations && (isVertical && variation === 'start' && overflowsLeft || isVertical && variation === 'end' && overflowsRight || !isVertical && variation === 'start' && overflowsTop || !isVertical && variation === 'end' && overflowsBottom);
|
|
|
|
|
|
// flips variation if popper content overflows boundaries
|
|
|
var flippedVariationByContent = !!options.flipVariationsByContent && (isVertical && variation === 'start' && overflowsRight || isVertical && variation === 'end' && overflowsLeft || !isVertical && variation === 'start' && overflowsBottom || !isVertical && variation === 'end' && overflowsTop);
|
|
|
|
|
|
var flippedVariation = flippedVariationByRef || flippedVariationByContent;
|
|
|
|
|
|
if (overlapsRef || overflowsBoundaries || flippedVariation) {
|
|
|
// this boolean to detect any flip loop
|
|
|
data.flipped = true;
|
|
|
|
|
|
if (overlapsRef || overflowsBoundaries) {
|
|
|
placement = flipOrder[index + 1];
|
|
|
}
|
|
|
|
|
|
if (flippedVariation) {
|
|
|
variation = getOppositeVariation(variation);
|
|
|
}
|
|
|
|
|
|
data.placement = placement + (variation ? '-' + variation : '');
|
|
|
|
|
|
// this object contains `position`, we want to preserve it along with
|
|
|
// any additional property we may add in the future
|
|
|
data.offsets.popper = _extends({}, data.offsets.popper, getPopperOffsets(data.instance.popper, data.offsets.reference, data.placement));
|
|
|
|
|
|
data = runModifiers(data.instance.modifiers, data, 'flip');
|
|
|
}
|
|
|
});
|
|
|
return data;
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* @function
|
|
|
* @memberof Modifiers
|
|
|
* @argument {Object} data - The data object generated by update method
|
|
|
* @argument {Object} options - Modifiers configuration and options
|
|
|
* @returns {Object} The data object, properly modified
|
|
|
*/
|
|
|
function keepTogether(data) {
|
|
|
var _data$offsets = data.offsets,
|
|
|
popper = _data$offsets.popper,
|
|
|
reference = _data$offsets.reference;
|
|
|
|
|
|
var placement = data.placement.split('-')[0];
|
|
|
var floor = Math.floor;
|
|
|
var isVertical = ['top', 'bottom'].indexOf(placement) !== -1;
|
|
|
var side = isVertical ? 'right' : 'bottom';
|
|
|
var opSide = isVertical ? 'left' : 'top';
|
|
|
var measurement = isVertical ? 'width' : 'height';
|
|
|
|
|
|
if (popper[side] < floor(reference[opSide])) {
|
|
|
data.offsets.popper[opSide] = floor(reference[opSide]) - popper[measurement];
|
|
|
}
|
|
|
if (popper[opSide] > floor(reference[side])) {
|
|
|
data.offsets.popper[opSide] = floor(reference[side]);
|
|
|
}
|
|
|
|
|
|
return data;
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* Converts a string containing value + unit into a px value number
|
|
|
* @function
|
|
|
* @memberof {modifiers~offset}
|
|
|
* @private
|
|
|
* @argument {String} str - Value + unit string
|
|
|
* @argument {String} measurement - `height` or `width`
|
|
|
* @argument {Object} popperOffsets
|
|
|
* @argument {Object} referenceOffsets
|
|
|
* @returns {Number|String}
|
|
|
* Value in pixels, or original string if no values were extracted
|
|
|
*/
|
|
|
function toValue(str, measurement, popperOffsets, referenceOffsets) {
|
|
|
// separate value from unit
|
|
|
var split = str.match(/((?:\-|\+)?\d*\.?\d*)(.*)/);
|
|
|
var value = +split[1];
|
|
|
var unit = split[2];
|
|
|
|
|
|
// If it's not a number it's an operator, I guess
|
|
|
if (!value) {
|
|
|
return str;
|
|
|
}
|
|
|
|
|
|
if (unit.indexOf('%') === 0) {
|
|
|
var element = void 0;
|
|
|
switch (unit) {
|
|
|
case '%p':
|
|
|
element = popperOffsets;
|
|
|
break;
|
|
|
case '%':
|
|
|
case '%r':
|
|
|
default:
|
|
|
element = referenceOffsets;
|
|
|
}
|
|
|
|
|
|
var rect = getClientRect(element);
|
|
|
return rect[measurement] / 100 * value;
|
|
|
} else if (unit === 'vh' || unit === 'vw') {
|
|
|
// if is a vh or vw, we calculate the size based on the viewport
|
|
|
var size = void 0;
|
|
|
if (unit === 'vh') {
|
|
|
size = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
|
|
|
} else {
|
|
|
size = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
|
|
|
}
|
|
|
return size / 100 * value;
|
|
|
} else {
|
|
|
// if is an explicit pixel unit, we get rid of the unit and keep the value
|
|
|
// if is an implicit unit, it's px, and we return just the value
|
|
|
return value;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* Parse an `offset` string to extrapolate `x` and `y` numeric offsets.
|
|
|
* @function
|
|
|
* @memberof {modifiers~offset}
|
|
|
* @private
|
|
|
* @argument {String} offset
|
|
|
* @argument {Object} popperOffsets
|
|
|
* @argument {Object} referenceOffsets
|
|
|
* @argument {String} basePlacement
|
|
|
* @returns {Array} a two cells array with x and y offsets in numbers
|
|
|
*/
|
|
|
function parseOffset(offset, popperOffsets, referenceOffsets, basePlacement) {
|
|
|
var offsets = [0, 0];
|
|
|
|
|
|
// Use height if placement is left or right and index is 0 otherwise use width
|
|
|
// in this way the first offset will use an axis and the second one
|
|
|
// will use the other one
|
|
|
var useHeight = ['right', 'left'].indexOf(basePlacement) !== -1;
|
|
|
|
|
|
// Split the offset string to obtain a list of values and operands
|
|
|
// The regex addresses values with the plus or minus sign in front (+10, -20, etc)
|
|
|
var fragments = offset.split(/(\+|\-)/).map(function (frag) {
|
|
|
return frag.trim();
|
|
|
});
|
|
|
|
|
|
// Detect if the offset string contains a pair of values or a single one
|
|
|
// they could be separated by comma or space
|
|
|
var divider = fragments.indexOf(find(fragments, function (frag) {
|
|
|
return frag.search(/,|\s/) !== -1;
|
|
|
}));
|
|
|
|
|
|
if (fragments[divider] && fragments[divider].indexOf(',') === -1) {
|
|
|
console.warn('Offsets separated by white space(s) are deprecated, use a comma (,) instead.');
|
|
|
}
|
|
|
|
|
|
// If divider is found, we divide the list of values and operands to divide
|
|
|
// them by ofset X and Y.
|
|
|
var splitRegex = /\s*,\s*|\s+/;
|
|
|
var ops = divider !== -1 ? [fragments.slice(0, divider).concat([fragments[divider].split(splitRegex)[0]]), [fragments[divider].split(splitRegex)[1]].concat(fragments.slice(divider + 1))] : [fragments];
|
|
|
|
|
|
// Convert the values with units to absolute pixels to allow our computations
|
|
|
ops = ops.map(function (op, index) {
|
|
|
// Most of the units rely on the orientation of the popper
|
|
|
var measurement = (index === 1 ? !useHeight : useHeight) ? 'height' : 'width';
|
|
|
var mergeWithPrevious = false;
|
|
|
return op
|
|
|
// This aggregates any `+` or `-` sign that aren't considered operators
|
|
|
// e.g.: 10 + +5 => [10, +, +5]
|
|
|
.reduce(function (a, b) {
|
|
|
if (a[a.length - 1] === '' && ['+', '-'].indexOf(b) !== -1) {
|
|
|
a[a.length - 1] = b;
|
|
|
mergeWithPrevious = true;
|
|
|
return a;
|
|
|
} else if (mergeWithPrevious) {
|
|
|
a[a.length - 1] += b;
|
|
|
mergeWithPrevious = false;
|
|
|
return a;
|
|
|
} else {
|
|
|
return a.concat(b);
|
|
|
}
|
|
|
}, [])
|
|
|
// Here we convert the string values into number values (in px)
|
|
|
.map(function (str) {
|
|
|
return toValue(str, measurement, popperOffsets, referenceOffsets);
|
|
|
});
|
|
|
});
|
|
|
|
|
|
// Loop trough the offsets arrays and execute the operations
|
|
|
ops.forEach(function (op, index) {
|
|
|
op.forEach(function (frag, index2) {
|
|
|
if (isNumeric(frag)) {
|
|
|
offsets[index] += frag * (op[index2 - 1] === '-' ? -1 : 1);
|
|
|
}
|
|
|
});
|
|
|
});
|
|
|
return offsets;
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* @function
|
|
|
* @memberof Modifiers
|
|
|
* @argument {Object} data - The data object generated by update method
|
|
|
* @argument {Object} options - Modifiers configuration and options
|
|
|
* @argument {Number|String} options.offset=0
|
|
|
* The offset value as described in the modifier description
|
|
|
* @returns {Object} The data object, properly modified
|
|
|
*/
|
|
|
function offset(data, _ref) {
|
|
|
var offset = _ref.offset;
|
|
|
var placement = data.placement,
|
|
|
_data$offsets = data.offsets,
|
|
|
popper = _data$offsets.popper,
|
|
|
reference = _data$offsets.reference;
|
|
|
|
|
|
var basePlacement = placement.split('-')[0];
|
|
|
|
|
|
var offsets = void 0;
|
|
|
if (isNumeric(+offset)) {
|
|
|
offsets = [+offset, 0];
|
|
|
} else {
|
|
|
offsets = parseOffset(offset, popper, reference, basePlacement);
|
|
|
}
|
|
|
|
|
|
if (basePlacement === 'left') {
|
|
|
popper.top += offsets[0];
|
|
|
popper.left -= offsets[1];
|
|
|
} else if (basePlacement === 'right') {
|
|
|
popper.top += offsets[0];
|
|
|
popper.left += offsets[1];
|
|
|
} else if (basePlacement === 'top') {
|
|
|
popper.left += offsets[0];
|
|
|
popper.top -= offsets[1];
|
|
|
} else if (basePlacement === 'bottom') {
|
|
|
popper.left += offsets[0];
|
|
|
popper.top += offsets[1];
|
|
|
}
|
|
|
|
|
|
data.popper = popper;
|
|
|
return data;
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* @function
|
|
|
* @memberof Modifiers
|
|
|
* @argument {Object} data - The data object generated by `update` method
|
|
|
* @argument {Object} options - Modifiers configuration and options
|
|
|
* @returns {Object} The data object, properly modified
|
|
|
*/
|
|
|
function preventOverflow(data, options) {
|
|
|
var boundariesElement = options.boundariesElement || getOffsetParent(data.instance.popper);
|
|
|
|
|
|
// If offsetParent is the reference element, we really want to
|
|
|
// go one step up and use the next offsetParent as reference to
|
|
|
// avoid to make this modifier completely useless and look like broken
|
|
|
if (data.instance.reference === boundariesElement) {
|
|
|
boundariesElement = getOffsetParent(boundariesElement);
|
|
|
}
|
|
|
|
|
|
// NOTE: DOM access here
|
|
|
// resets the popper's position so that the document size can be calculated excluding
|
|
|
// the size of the popper element itself
|
|
|
var transformProp = getSupportedPropertyName('transform');
|
|
|
var popperStyles = data.instance.popper.style; // assignment to help minification
|
|
|
var top = popperStyles.top,
|
|
|
left = popperStyles.left,
|
|
|
transform = popperStyles[transformProp];
|
|
|
|
|
|
popperStyles.top = '';
|
|
|
popperStyles.left = '';
|
|
|
popperStyles[transformProp] = '';
|
|
|
|
|
|
var boundaries = getBoundaries(data.instance.popper, data.instance.reference, options.padding, boundariesElement, data.positionFixed);
|
|
|
|
|
|
// NOTE: DOM access here
|
|
|
// restores the original style properties after the offsets have been computed
|
|
|
popperStyles.top = top;
|
|
|
popperStyles.left = left;
|
|
|
popperStyles[transformProp] = transform;
|
|
|
|
|
|
options.boundaries = boundaries;
|
|
|
|
|
|
var order = options.priority;
|
|
|
var popper = data.offsets.popper;
|
|
|
|
|
|
var check = {
|
|
|
primary: function primary(placement) {
|
|
|
var value = popper[placement];
|
|
|
if (popper[placement] < boundaries[placement] && !options.escapeWithReference) {
|
|
|
value = Math.max(popper[placement], boundaries[placement]);
|
|
|
}
|
|
|
return defineProperty({}, placement, value);
|
|
|
},
|
|
|
secondary: function secondary(placement) {
|
|
|
var mainSide = placement === 'right' ? 'left' : 'top';
|
|
|
var value = popper[mainSide];
|
|
|
if (popper[placement] > boundaries[placement] && !options.escapeWithReference) {
|
|
|
value = Math.min(popper[mainSide], boundaries[placement] - (placement === 'right' ? popper.width : popper.height));
|
|
|
}
|
|
|
return defineProperty({}, mainSide, value);
|
|
|
}
|
|
|
};
|
|
|
|
|
|
order.forEach(function (placement) {
|
|
|
var side = ['left', 'top'].indexOf(placement) !== -1 ? 'primary' : 'secondary';
|
|
|
popper = _extends({}, popper, check[side](placement));
|
|
|
});
|
|
|
|
|
|
data.offsets.popper = popper;
|
|
|
|
|
|
return data;
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* @function
|
|
|
* @memberof Modifiers
|
|
|
* @argument {Object} data - The data object generated by `update` method
|
|
|
* @argument {Object} options - Modifiers configuration and options
|
|
|
* @returns {Object} The data object, properly modified
|
|
|
*/
|
|
|
function shift(data) {
|
|
|
var placement = data.placement;
|
|
|
var basePlacement = placement.split('-')[0];
|
|
|
var shiftvariation = placement.split('-')[1];
|
|
|
|
|
|
// if shift shiftvariation is specified, run the modifier
|
|
|
if (shiftvariation) {
|
|
|
var _data$offsets = data.offsets,
|
|
|
reference = _data$offsets.reference,
|
|
|
popper = _data$offsets.popper;
|
|
|
|
|
|
var isVertical = ['bottom', 'top'].indexOf(basePlacement) !== -1;
|
|
|
var side = isVertical ? 'left' : 'top';
|
|
|
var measurement = isVertical ? 'width' : 'height';
|
|
|
|
|
|
var shiftOffsets = {
|
|
|
start: defineProperty({}, side, reference[side]),
|
|
|
end: defineProperty({}, side, reference[side] + reference[measurement] - popper[measurement])
|
|
|
};
|
|
|
|
|
|
data.offsets.popper = _extends({}, popper, shiftOffsets[shiftvariation]);
|
|
|
}
|
|
|
|
|
|
return data;
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* @function
|
|
|
* @memberof Modifiers
|
|
|
* @argument {Object} data - The data object generated by update method
|
|
|
* @argument {Object} options - Modifiers configuration and options
|
|
|
* @returns {Object} The data object, properly modified
|
|
|
*/
|
|
|
function hide(data) {
|
|
|
if (!isModifierRequired(data.instance.modifiers, 'hide', 'preventOverflow')) {
|
|
|
return data;
|
|
|
}
|
|
|
|
|
|
var refRect = data.offsets.reference;
|
|
|
var bound = find(data.instance.modifiers, function (modifier) {
|
|
|
return modifier.name === 'preventOverflow';
|
|
|
}).boundaries;
|
|
|
|
|
|
if (refRect.bottom < bound.top || refRect.left > bound.right || refRect.top > bound.bottom || refRect.right < bound.left) {
|
|
|
// Avoid unnecessary DOM access if visibility hasn't changed
|
|
|
if (data.hide === true) {
|
|
|
return data;
|
|
|
}
|
|
|
|
|
|
data.hide = true;
|
|
|
data.attributes['x-out-of-boundaries'] = '';
|
|
|
} else {
|
|
|
// Avoid unnecessary DOM access if visibility hasn't changed
|
|
|
if (data.hide === false) {
|
|
|
return data;
|
|
|
}
|
|
|
|
|
|
data.hide = false;
|
|
|
data.attributes['x-out-of-boundaries'] = false;
|
|
|
}
|
|
|
|
|
|
return data;
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* @function
|
|
|
* @memberof Modifiers
|
|
|
* @argument {Object} data - The data object generated by `update` method
|
|
|
* @argument {Object} options - Modifiers configuration and options
|
|
|
* @returns {Object} The data object, properly modified
|
|
|
*/
|
|
|
function inner(data) {
|
|
|
var placement = data.placement;
|
|
|
var basePlacement = placement.split('-')[0];
|
|
|
var _data$offsets = data.offsets,
|
|
|
popper = _data$offsets.popper,
|
|
|
reference = _data$offsets.reference;
|
|
|
|
|
|
var isHoriz = ['left', 'right'].indexOf(basePlacement) !== -1;
|
|
|
|
|
|
var subtractLength = ['top', 'left'].indexOf(basePlacement) === -1;
|
|
|
|
|
|
popper[isHoriz ? 'left' : 'top'] = reference[basePlacement] - (subtractLength ? popper[isHoriz ? 'width' : 'height'] : 0);
|
|
|
|
|
|
data.placement = getOppositePlacement(placement);
|
|
|
data.offsets.popper = getClientRect(popper);
|
|
|
|
|
|
return data;
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* Modifier function, each modifier can have a function of this type assigned
|
|
|
* to its `fn` property.<br />
|
|
|
* These functions will be called on each update, this means that you must
|
|
|
* make sure they are performant enough to avoid performance bottlenecks.
|
|
|
*
|
|
|
* @function ModifierFn
|
|
|
* @argument {dataObject} data - The data object generated by `update` method
|
|
|
* @argument {Object} options - Modifiers configuration and options
|
|
|
* @returns {dataObject} The data object, properly modified
|
|
|
*/
|
|
|
|
|
|
/**
|
|
|
* Modifiers are plugins used to alter the behavior of your poppers.<br />
|
|
|
* Popper.js uses a set of 9 modifiers to provide all the basic functionalities
|
|
|
* needed by the library.
|
|
|
*
|
|
|
* Usually you don't want to override the `order`, `fn` and `onLoad` props.
|
|
|
* All the other properties are configurations that could be tweaked.
|
|
|
* @namespace modifiers
|
|
|
*/
|
|
|
var modifiers = {
|
|
|
/**
|
|
|
* Modifier used to shift the popper on the start or end of its reference
|
|
|
* element.<br />
|
|
|
* It will read the variation of the `placement` property.<br />
|
|
|
* It can be one either `-end` or `-start`.
|
|
|
* @memberof modifiers
|
|
|
* @inner
|
|
|
*/
|
|
|
shift: {
|
|
|
/** @prop {number} order=100 - Index used to define the order of execution */
|
|
|
order: 100,
|
|
|
/** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */
|
|
|
enabled: true,
|
|
|
/** @prop {ModifierFn} */
|
|
|
fn: shift
|
|
|
},
|
|
|
|
|
|
/**
|
|
|
* The `offset` modifier can shift your popper on both its axis.
|
|
|
*
|
|
|
* It accepts the following units:
|
|
|
* - `px` or unit-less, interpreted as pixels
|
|
|
* - `%` or `%r`, percentage relative to the length of the reference element
|
|
|
* - `%p`, percentage relative to the length of the popper element
|
|
|
* - `vw`, CSS viewport width unit
|
|
|
* - `vh`, CSS viewport height unit
|
|
|
*
|
|
|
* For length is intended the main axis relative to the placement of the popper.<br />
|
|
|
* This means that if the placement is `top` or `bottom`, the length will be the
|
|
|
* `width`. In case of `left` or `right`, it will be the `height`.
|
|
|
*
|
|
|
* You can provide a single value (as `Number` or `String`), or a pair of values
|
|
|
* as `String` divided by a comma or one (or more) white spaces.<br />
|
|
|
* The latter is a deprecated method because it leads to confusion and will be
|
|
|
* removed in v2.<br />
|
|
|
* Additionally, it accepts additions and subtractions between different units.
|
|
|
* Note that multiplications and divisions aren't supported.
|
|
|
*
|
|
|
* Valid examples are:
|
|
|
* ```
|
|
|
* 10
|
|
|
* '10%'
|
|
|
* '10, 10'
|
|
|
* '10%, 10'
|
|
|
* '10 + 10%'
|
|
|
* '10 - 5vh + 3%'
|
|
|
* '-10px + 5vh, 5px - 6%'
|
|
|
* ```
|
|
|
* > **NB**: If you desire to apply offsets to your poppers in a way that may make them overlap
|
|
|
* > with their reference element, unfortunately, you will have to disable the `flip` modifier.
|
|
|
* > You can read more on this at this [issue](https://github.com/FezVrasta/popper.js/issues/373).
|
|
|
*
|
|
|
* @memberof modifiers
|
|
|
* @inner
|
|
|
*/
|
|
|
offset: {
|
|
|
/** @prop {number} order=200 - Index used to define the order of execution */
|
|
|
order: 200,
|
|
|
/** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */
|
|
|
enabled: true,
|
|
|
/** @prop {ModifierFn} */
|
|
|
fn: offset,
|
|
|
/** @prop {Number|String} offset=0
|
|
|
* The offset value as described in the modifier description
|
|
|
*/
|
|
|
offset: 0
|
|
|
},
|
|
|
|
|
|
/**
|
|
|
* Modifier used to prevent the popper from being positioned outside the boundary.
|
|
|
*
|
|
|
* A scenario exists where the reference itself is not within the boundaries.<br />
|
|
|
* We can say it has "escaped the boundaries" — or just "escaped".<br />
|
|
|
* In this case we need to decide whether the popper should either:
|
|
|
*
|
|
|
* - detach from the reference and remain "trapped" in the boundaries, or
|
|
|
* - if it should ignore the boundary and "escape with its reference"
|
|
|
*
|
|
|
* When `escapeWithReference` is set to`true` and reference is completely
|
|
|
* outside its boundaries, the popper will overflow (or completely leave)
|
|
|
* the boundaries in order to remain attached to the edge of the reference.
|
|
|
*
|
|
|
* @memberof modifiers
|
|
|
* @inner
|
|
|
*/
|
|
|
preventOverflow: {
|
|
|
/** @prop {number} order=300 - Index used to define the order of execution */
|
|
|
order: 300,
|
|
|
/** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */
|
|
|
enabled: true,
|
|
|
/** @prop {ModifierFn} */
|
|
|
fn: preventOverflow,
|
|
|
/**
|
|
|
* @prop {Array} [priority=['left','right','top','bottom']]
|
|
|
* Popper will try to prevent overflow following these priorities by default,
|
|
|
* then, it could overflow on the left and on top of the `boundariesElement`
|
|
|
*/
|
|
|
priority: ['left', 'right', 'top', 'bottom'],
|
|
|
/**
|
|
|
* @prop {number} padding=5
|
|
|
* Amount of pixel used to define a minimum distance between the boundaries
|
|
|
* and the popper. This makes sure the popper always has a little padding
|
|
|
* between the edges of its container
|
|
|
*/
|
|
|
padding: 5,
|
|
|
/**
|
|
|
* @prop {String|HTMLElement} boundariesElement='scrollParent'
|
|
|
* Boundaries used by the modifier. Can be `scrollParent`, `window`,
|
|
|
* `viewport` or any DOM element.
|
|
|
*/
|
|
|
boundariesElement: 'scrollParent'
|
|
|
},
|
|
|
|
|
|
/**
|
|
|
* Modifier used to make sure the reference and its popper stay near each other
|
|
|
* without leaving any gap between the two. Especially useful when the arrow is
|
|
|
* enabled and you want to ensure that it points to its reference element.
|
|
|
* It cares only about the first axis. You can still have poppers with margin
|
|
|
* between the popper and its reference element.
|
|
|
* @memberof modifiers
|
|
|
* @inner
|
|
|
*/
|
|
|
keepTogether: {
|
|
|
/** @prop {number} order=400 - Index used to define the order of execution */
|
|
|
order: 400,
|
|
|
/** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */
|
|
|
enabled: true,
|
|
|
/** @prop {ModifierFn} */
|
|
|
fn: keepTogether
|
|
|
},
|
|
|
|
|
|
/**
|
|
|
* This modifier is used to move the `arrowElement` of the popper to make
|
|
|
* sure it is positioned between the reference element and its popper element.
|
|
|
* It will read the outer size of the `arrowElement` node to detect how many
|
|
|
* pixels of conjunction are needed.
|
|
|
*
|
|
|
* It has no effect if no `arrowElement` is provided.
|
|
|
* @memberof modifiers
|
|
|
* @inner
|
|
|
*/
|
|
|
arrow: {
|
|
|
/** @prop {number} order=500 - Index used to define the order of execution */
|
|
|
order: 500,
|
|
|
/** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */
|
|
|
enabled: true,
|
|
|
/** @prop {ModifierFn} */
|
|
|
fn: arrow,
|
|
|
/** @prop {String|HTMLElement} element='[x-arrow]' - Selector or node used as arrow */
|
|
|
element: '[x-arrow]'
|
|
|
},
|
|
|
|
|
|
/**
|
|
|
* Modifier used to flip the popper's placement when it starts to overlap its
|
|
|
* reference element.
|
|
|
*
|
|
|
* Requires the `preventOverflow` modifier before it in order to work.
|
|
|
*
|
|
|
* **NOTE:** this modifier will interrupt the current update cycle and will
|
|
|
* restart it if it detects the need to flip the placement.
|
|
|
* @memberof modifiers
|
|
|
* @inner
|
|
|
*/
|
|
|
flip: {
|
|
|
/** @prop {number} order=600 - Index used to define the order of execution */
|
|
|
order: 600,
|
|
|
/** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */
|
|
|
enabled: true,
|
|
|
/** @prop {ModifierFn} */
|
|
|
fn: flip,
|
|
|
/**
|
|
|
* @prop {String|Array} behavior='flip'
|
|
|
* The behavior used to change the popper's placement. It can be one of
|
|
|
* `flip`, `clockwise`, `counterclockwise` or an array with a list of valid
|
|
|
* placements (with optional variations)
|
|
|
*/
|
|
|
behavior: 'flip',
|
|
|
/**
|
|
|
* @prop {number} padding=5
|
|
|
* The popper will flip if it hits the edges of the `boundariesElement`
|
|
|
*/
|
|
|
padding: 5,
|
|
|
/**
|
|
|
* @prop {String|HTMLElement} boundariesElement='viewport'
|
|
|
* The element which will define the boundaries of the popper position.
|
|
|
* The popper will never be placed outside of the defined boundaries
|
|
|
* (except if `keepTogether` is enabled)
|
|
|
*/
|
|
|
boundariesElement: 'viewport',
|
|
|
/**
|
|
|
* @prop {Boolean} flipVariations=false
|
|
|
* The popper will switch placement variation between `-start` and `-end` when
|
|
|
* the reference element overlaps its boundaries.
|
|
|
*
|
|
|
* The original placement should have a set variation.
|
|
|
*/
|
|
|
flipVariations: false,
|
|
|
/**
|
|
|
* @prop {Boolean} flipVariationsByContent=false
|
|
|
* The popper will switch placement variation between `-start` and `-end` when
|
|
|
* the popper element overlaps its reference boundaries.
|
|
|
*
|
|
|
* The original placement should have a set variation.
|
|
|
*/
|
|
|
flipVariationsByContent: false
|
|
|
},
|
|
|
|
|
|
/**
|
|
|
* Modifier used to make the popper flow toward the inner of the reference element.
|
|
|
* By default, when this modifier is disabled, the popper will be placed outside
|
|
|
* the reference element.
|
|
|
* @memberof modifiers
|
|
|
* @inner
|
|
|
*/
|
|
|
inner: {
|
|
|
/** @prop {number} order=700 - Index used to define the order of execution */
|
|
|
order: 700,
|
|
|
/** @prop {Boolean} enabled=false - Whether the modifier is enabled or not */
|
|
|
enabled: false,
|
|
|
/** @prop {ModifierFn} */
|
|
|
fn: inner
|
|
|
},
|
|
|
|
|
|
/**
|
|
|
* Modifier used to hide the popper when its reference element is outside of the
|
|
|
* popper boundaries. It will set a `x-out-of-boundaries` attribute which can
|
|
|
* be used to hide with a CSS selector the popper when its reference is
|
|
|
* out of boundaries.
|
|
|
*
|
|
|
* Requires the `preventOverflow` modifier before it in order to work.
|
|
|
* @memberof modifiers
|
|
|
* @inner
|
|
|
*/
|
|
|
hide: {
|
|
|
/** @prop {number} order=800 - Index used to define the order of execution */
|
|
|
order: 800,
|
|
|
/** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */
|
|
|
enabled: true,
|
|
|
/** @prop {ModifierFn} */
|
|
|
fn: hide
|
|
|
},
|
|
|
|
|
|
/**
|
|
|
* Computes the style that will be applied to the popper element to gets
|
|
|
* properly positioned.
|
|
|
*
|
|
|
* Note that this modifier will not touch the DOM, it just prepares the styles
|
|
|
* so that `applyStyle` modifier can apply it. This separation is useful
|
|
|
* in case you need to replace `applyStyle` with a custom implementation.
|
|
|
*
|
|
|
* This modifier has `850` as `order` value to maintain backward compatibility
|
|
|
* with previous versions of Popper.js. Expect the modifiers ordering method
|
|
|
* to change in future major versions of the library.
|
|
|
*
|
|
|
* @memberof modifiers
|
|
|
* @inner
|
|
|
*/
|
|
|
computeStyle: {
|
|
|
/** @prop {number} order=850 - Index used to define the order of execution */
|
|
|
order: 850,
|
|
|
/** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */
|
|
|
enabled: true,
|
|
|
/** @prop {ModifierFn} */
|
|
|
fn: computeStyle,
|
|
|
/**
|
|
|
* @prop {Boolean} gpuAcceleration=true
|
|
|
* If true, it uses the CSS 3D transformation to position the popper.
|
|
|
* Otherwise, it will use the `top` and `left` properties
|
|
|
*/
|
|
|
gpuAcceleration: true,
|
|
|
/**
|
|
|
* @prop {string} [x='bottom']
|
|
|
* Where to anchor the X axis (`bottom` or `top`). AKA X offset origin.
|
|
|
* Change this if your popper should grow in a direction different from `bottom`
|
|
|
*/
|
|
|
x: 'bottom',
|
|
|
/**
|
|
|
* @prop {string} [x='left']
|
|
|
* Where to anchor the Y axis (`left` or `right`). AKA Y offset origin.
|
|
|
* Change this if your popper should grow in a direction different from `right`
|
|
|
*/
|
|
|
y: 'right'
|
|
|
},
|
|
|
|
|
|
/**
|
|
|
* Applies the computed styles to the popper element.
|
|
|
*
|
|
|
* All the DOM manipulations are limited to this modifier. This is useful in case
|
|
|
* you want to integrate Popper.js inside a framework or view library and you
|
|
|
* want to delegate all the DOM manipulations to it.
|
|
|
*
|
|
|
* Note that if you disable this modifier, you must make sure the popper element
|
|
|
* has its position set to `absolute` before Popper.js can do its work!
|
|
|
*
|
|
|
* Just disable this modifier and define your own to achieve the desired effect.
|
|
|
*
|
|
|
* @memberof modifiers
|
|
|
* @inner
|
|
|
*/
|
|
|
applyStyle: {
|
|
|
/** @prop {number} order=900 - Index used to define the order of execution */
|
|
|
order: 900,
|
|
|
/** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */
|
|
|
enabled: true,
|
|
|
/** @prop {ModifierFn} */
|
|
|
fn: applyStyle,
|
|
|
/** @prop {Function} */
|
|
|
onLoad: applyStyleOnLoad,
|
|
|
/**
|
|
|
* @deprecated since version 1.10.0, the property moved to `computeStyle` modifier
|
|
|
* @prop {Boolean} gpuAcceleration=true
|
|
|
* If true, it uses the CSS 3D transformation to position the popper.
|
|
|
* Otherwise, it will use the `top` and `left` properties
|
|
|
*/
|
|
|
gpuAcceleration: undefined
|
|
|
}
|
|
|
};
|
|
|
|
|
|
/**
|
|
|
* The `dataObject` is an object containing all the information used by Popper.js.
|
|
|
* This object is passed to modifiers and to the `onCreate` and `onUpdate` callbacks.
|
|
|
* @name dataObject
|
|
|
* @property {Object} data.instance The Popper.js instance
|
|
|
* @property {String} data.placement Placement applied to popper
|
|
|
* @property {String} data.originalPlacement Placement originally defined on init
|
|
|
* @property {Boolean} data.flipped True if popper has been flipped by flip modifier
|
|
|
* @property {Boolean} data.hide True if the reference element is out of boundaries, useful to know when to hide the popper
|
|
|
* @property {HTMLElement} data.arrowElement Node used as arrow by arrow modifier
|
|
|
* @property {Object} data.styles Any CSS property defined here will be applied to the popper. It expects the JavaScript nomenclature (eg. `marginBottom`)
|
|
|
* @property {Object} data.arrowStyles Any CSS property defined here will be applied to the popper arrow. It expects the JavaScript nomenclature (eg. `marginBottom`)
|
|
|
* @property {Object} data.boundaries Offsets of the popper boundaries
|
|
|
* @property {Object} data.offsets The measurements of popper, reference and arrow elements
|
|
|
* @property {Object} data.offsets.popper `top`, `left`, `width`, `height` values
|
|
|
* @property {Object} data.offsets.reference `top`, `left`, `width`, `height` values
|
|
|
* @property {Object} data.offsets.arrow] `top` and `left` offsets, only one of them will be different from 0
|
|
|
*/
|
|
|
|
|
|
/**
|
|
|
* Default options provided to Popper.js constructor.<br />
|
|
|
* These can be overridden using the `options` argument of Popper.js.<br />
|
|
|
* To override an option, simply pass an object with the same
|
|
|
* structure of the `options` object, as the 3rd argument. For example:
|
|
|
* ```
|
|
|
* new Popper(ref, pop, {
|
|
|
* modifiers: {
|
|
|
* preventOverflow: { enabled: false }
|
|
|
* }
|
|
|
* })
|
|
|
* ```
|
|
|
* @type {Object}
|
|
|
* @static
|
|
|
* @memberof Popper
|
|
|
*/
|
|
|
var Defaults = {
|
|
|
/**
|
|
|
* Popper's placement.
|
|
|
* @prop {Popper.placements} placement='bottom'
|
|
|
*/
|
|
|
placement: 'bottom',
|
|
|
|
|
|
/**
|
|
|
* Set this to true if you want popper to position it self in 'fixed' mode
|
|
|
* @prop {Boolean} positionFixed=false
|
|
|
*/
|
|
|
positionFixed: false,
|
|
|
|
|
|
/**
|
|
|
* Whether events (resize, scroll) are initially enabled.
|
|
|
* @prop {Boolean} eventsEnabled=true
|
|
|
*/
|
|
|
eventsEnabled: true,
|
|
|
|
|
|
/**
|
|
|
* Set to true if you want to automatically remove the popper when
|
|
|
* you call the `destroy` method.
|
|
|
* @prop {Boolean} removeOnDestroy=false
|
|
|
*/
|
|
|
removeOnDestroy: false,
|
|
|
|
|
|
/**
|
|
|
* Callback called when the popper is created.<br />
|
|
|
* By default, it is set to no-op.<br />
|
|
|
* Access Popper.js instance with `data.instance`.
|
|
|
* @prop {onCreate}
|
|
|
*/
|
|
|
onCreate: function onCreate() {},
|
|
|
|
|
|
/**
|
|
|
* Callback called when the popper is updated. This callback is not called
|
|
|
* on the initialization/creation of the popper, but only on subsequent
|
|
|
* updates.<br />
|
|
|
* By default, it is set to no-op.<br />
|
|
|
* Access Popper.js instance with `data.instance`.
|
|
|
* @prop {onUpdate}
|
|
|
*/
|
|
|
onUpdate: function onUpdate() {},
|
|
|
|
|
|
/**
|
|
|
* List of modifiers used to modify the offsets before they are applied to the popper.
|
|
|
* They provide most of the functionalities of Popper.js.
|
|
|
* @prop {modifiers}
|
|
|
*/
|
|
|
modifiers: modifiers
|
|
|
};
|
|
|
|
|
|
/**
|
|
|
* @callback onCreate
|
|
|
* @param {dataObject} data
|
|
|
*/
|
|
|
|
|
|
/**
|
|
|
* @callback onUpdate
|
|
|
* @param {dataObject} data
|
|
|
*/
|
|
|
|
|
|
// Utils
|
|
|
// Methods
|
|
|
var Popper = function () {
|
|
|
/**
|
|
|
* Creates a new Popper.js instance.
|
|
|
* @class Popper
|
|
|
* @param {Element|referenceObject} reference - The reference element used to position the popper
|
|
|
* @param {Element} popper - The HTML / XML element used as the popper
|
|
|
* @param {Object} options - Your custom options to override the ones defined in [Defaults](#defaults)
|
|
|
* @return {Object} instance - The generated Popper.js instance
|
|
|
*/
|
|
|
function Popper(reference, popper) {
|
|
|
var _this = this;
|
|
|
|
|
|
var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
|
|
|
classCallCheck(this, Popper);
|
|
|
|
|
|
this.scheduleUpdate = function () {
|
|
|
return requestAnimationFrame(_this.update);
|
|
|
};
|
|
|
|
|
|
// make update() debounced, so that it only runs at most once-per-tick
|
|
|
this.update = debounce(this.update.bind(this));
|
|
|
|
|
|
// with {} we create a new object with the options inside it
|
|
|
this.options = _extends({}, Popper.Defaults, options);
|
|
|
|
|
|
// init state
|
|
|
this.state = {
|
|
|
isDestroyed: false,
|
|
|
isCreated: false,
|
|
|
scrollParents: []
|
|
|
};
|
|
|
|
|
|
// get reference and popper elements (allow jQuery wrappers)
|
|
|
this.reference = reference && reference.jquery ? reference[0] : reference;
|
|
|
this.popper = popper && popper.jquery ? popper[0] : popper;
|
|
|
|
|
|
// Deep merge modifiers options
|
|
|
this.options.modifiers = {};
|
|
|
Object.keys(_extends({}, Popper.Defaults.modifiers, options.modifiers)).forEach(function (name) {
|
|
|
_this.options.modifiers[name] = _extends({}, Popper.Defaults.modifiers[name] || {}, options.modifiers ? options.modifiers[name] : {});
|
|
|
});
|
|
|
|
|
|
// Refactoring modifiers' list (Object => Array)
|
|
|
this.modifiers = Object.keys(this.options.modifiers).map(function (name) {
|
|
|
return _extends({
|
|
|
name: name
|
|
|
}, _this.options.modifiers[name]);
|
|
|
})
|
|
|
// sort the modifiers by order
|
|
|
.sort(function (a, b) {
|
|
|
return a.order - b.order;
|
|
|
});
|
|
|
|
|
|
// modifiers have the ability to execute arbitrary code when Popper.js get inited
|
|
|
// such code is executed in the same order of its modifier
|
|
|
// they could add new properties to their options configuration
|
|
|
// BE AWARE: don't add options to `options.modifiers.name` but to `modifierOptions`!
|
|
|
this.modifiers.forEach(function (modifierOptions) {
|
|
|
if (modifierOptions.enabled && isFunction(modifierOptions.onLoad)) {
|
|
|
modifierOptions.onLoad(_this.reference, _this.popper, _this.options, modifierOptions, _this.state);
|
|
|
}
|
|
|
});
|
|
|
|
|
|
// fire the first update to position the popper in the right place
|
|
|
this.update();
|
|
|
|
|
|
var eventsEnabled = this.options.eventsEnabled;
|
|
|
if (eventsEnabled) {
|
|
|
// setup event listeners, they will take care of update the position in specific situations
|
|
|
this.enableEventListeners();
|
|
|
}
|
|
|
|
|
|
this.state.eventsEnabled = eventsEnabled;
|
|
|
}
|
|
|
|
|
|
// We can't use class properties because they don't get listed in the
|
|
|
// class prototype and break stuff like Sinon stubs
|
|
|
|
|
|
|
|
|
createClass(Popper, [{
|
|
|
key: 'update',
|
|
|
value: function update$$1() {
|
|
|
return update.call(this);
|
|
|
}
|
|
|
}, {
|
|
|
key: 'destroy',
|
|
|
value: function destroy$$1() {
|
|
|
return destroy.call(this);
|
|
|
}
|
|
|
}, {
|
|
|
key: 'enableEventListeners',
|
|
|
value: function enableEventListeners$$1() {
|
|
|
return enableEventListeners.call(this);
|
|
|
}
|
|
|
}, {
|
|
|
key: 'disableEventListeners',
|
|
|
value: function disableEventListeners$$1() {
|
|
|
return disableEventListeners.call(this);
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* Schedules an update. It will run on the next UI update available.
|
|
|
* @method scheduleUpdate
|
|
|
* @memberof Popper
|
|
|
*/
|
|
|
|
|
|
|
|
|
/**
|
|
|
* Collection of utilities useful when writing custom modifiers.
|
|
|
* Starting from version 1.7, this method is available only if you
|
|
|
* include `popper-utils.js` before `popper.js`.
|
|
|
*
|
|
|
* **DEPRECATION**: This way to access PopperUtils is deprecated
|
|
|
* and will be removed in v2! Use the PopperUtils module directly instead.
|
|
|
* Due to the high instability of the methods contained in Utils, we can't
|
|
|
* guarantee them to follow semver. Use them at your own risk!
|
|
|
* @static
|
|
|
* @private
|
|
|
* @type {Object}
|
|
|
* @deprecated since version 1.8
|
|
|
* @member Utils
|
|
|
* @memberof Popper
|
|
|
*/
|
|
|
|
|
|
}]);
|
|
|
return Popper;
|
|
|
}();
|
|
|
|
|
|
/**
|
|
|
* The `referenceObject` is an object that provides an interface compatible with Popper.js
|
|
|
* and lets you use it as replacement of a real DOM node.<br />
|
|
|
* You can use this method to position a popper relatively to a set of coordinates
|
|
|
* in case you don't have a DOM node to use as reference.
|
|
|
*
|
|
|
* ```
|
|
|
* new Popper(referenceObject, popperNode);
|
|
|
* ```
|
|
|
*
|
|
|
* NB: This feature isn't supported in Internet Explorer 10.
|
|
|
* @name referenceObject
|
|
|
* @property {Function} data.getBoundingClientRect
|
|
|
* A function that returns a set of coordinates compatible with the native `getBoundingClientRect` method.
|
|
|
* @property {number} data.clientWidth
|
|
|
* An ES6 getter that will return the width of the virtual reference element.
|
|
|
* @property {number} data.clientHeight
|
|
|
* An ES6 getter that will return the height of the virtual reference element.
|
|
|
*/
|
|
|
|
|
|
|
|
|
Popper.Utils = (typeof window !== 'undefined' ? window : global).PopperUtils;
|
|
|
Popper.placements = placements;
|
|
|
Popper.Defaults = Defaults;
|
|
|
|
|
|
/* harmony default export */ __webpack_exports__["a"] = (Popper);
|
|
|
//# sourceMappingURL=popper.js.map
|
|
|
|
|
|
/* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(34)))
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1464:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types__ = __webpack_require__(1);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_prop_types__);
|
|
|
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
|
|
|
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var Arrow = function Arrow(props, context) {
|
|
|
var _props$component = props.component,
|
|
|
component = _props$component === undefined ? 'span' : _props$component,
|
|
|
innerRef = props.innerRef,
|
|
|
children = props.children,
|
|
|
restProps = _objectWithoutProperties(props, ['component', 'innerRef', 'children']);
|
|
|
|
|
|
var popper = context.popper;
|
|
|
|
|
|
var arrowRef = function arrowRef(node) {
|
|
|
popper.setArrowNode(node);
|
|
|
if (typeof innerRef === 'function') {
|
|
|
innerRef(node);
|
|
|
}
|
|
|
};
|
|
|
var arrowStyle = popper.getArrowStyle();
|
|
|
|
|
|
if (typeof children === 'function') {
|
|
|
var arrowProps = {
|
|
|
ref: arrowRef,
|
|
|
style: arrowStyle
|
|
|
};
|
|
|
return children({ arrowProps: arrowProps, restProps: restProps });
|
|
|
}
|
|
|
|
|
|
var componentProps = _extends({}, restProps, {
|
|
|
style: _extends({}, arrowStyle, restProps.style)
|
|
|
});
|
|
|
|
|
|
if (typeof component === 'string') {
|
|
|
componentProps.ref = arrowRef;
|
|
|
} else {
|
|
|
componentProps.innerRef = arrowRef;
|
|
|
}
|
|
|
|
|
|
return Object(__WEBPACK_IMPORTED_MODULE_0_react__["createElement"])(component, componentProps, children);
|
|
|
};
|
|
|
|
|
|
Arrow.contextTypes = {
|
|
|
popper: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.object.isRequired
|
|
|
};
|
|
|
|
|
|
Arrow.propTypes = {
|
|
|
component: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.node, __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func]),
|
|
|
innerRef: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,
|
|
|
children: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.node, __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func])
|
|
|
};
|
|
|
|
|
|
/* harmony default export */ __webpack_exports__["a"] = (Arrow);
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1465:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_antd_lib_input_number_style_css__ = __webpack_require__(1067);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_antd_lib_input_number_style_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_antd_lib_input_number_style_css__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_antd_lib_input_number__ = __webpack_require__(1068);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_antd_lib_input_number___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_antd_lib_input_number__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react__ = __webpack_require__(0);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_react__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_material_ui_Dialog__ = __webpack_require__(113);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_material_ui_Dialog___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_material_ui_Dialog__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_material_ui_Button__ = __webpack_require__(323);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_material_ui_Button___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_material_ui_Button__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_material_ui_Tooltip__ = __webpack_require__(1354);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_material_ui_Tooltip___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_material_ui_Tooltip__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_rc_pagination__ = __webpack_require__(859);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_rc_pagination_assets_index_css__ = __webpack_require__(1466);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_rc_pagination_assets_index_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_7_rc_pagination_assets_index_css__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_educoder__ = __webpack_require__(5);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_material_ui_Input__ = __webpack_require__(1427);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_material_ui_Input___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_9_material_ui_Input__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_material_ui_Form__ = __webpack_require__(1320);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_material_ui_Form___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_10_material_ui_Form__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__CommentItemKEEditor__ = __webpack_require__(1475);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__CommentItemMDEditor__ = __webpack_require__(1476);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__Comment_css__ = __webpack_require__(1370);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__Comment_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_13__Comment_css__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_14__modals_Modals__ = __webpack_require__(166);
|
|
|
var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return call&&(typeof call==="object"||typeof call==="function")?call:self;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass;}/*
|
|
|
-------------------------- 样式相关
|
|
|
class 改成 className
|
|
|
style 需要传入json对象 style="margin:0px"> -> style={{ margin:"0px" }}>
|
|
|
margin-top -> marginTop
|
|
|
onclick -> onClick 驼峰
|
|
|
|
|
|
-------------------------- 模板语法相关
|
|
|
页面都在前端组装、渲染
|
|
|
rails模板的 if等逻辑改成js实现
|
|
|
客户端需要能判断 User.current.manager_of_shixun?(comment.dis_id)
|
|
|
|
|
|
-------------------------- 现有ui控件的使用方式
|
|
|
方案1: 换成对应的react组件,然后再调用(控件简单时推荐)
|
|
|
方案2: 在react环境中使用若干jquery插件(控件复杂,又无react环境下的替代方案时考虑使用)
|
|
|
|
|
|
--------------------------
|
|
|
需要服务端提供对应的rest api
|
|
|
|
|
|
|
|
|
*/var _origin=window.location.origin;/*
|
|
|
tpi讨论、交流问答帖子详情讨论、课堂讨论的公用模块:
|
|
|
https://www.educoder.net/tasks/n2ejvaowk6l9
|
|
|
https://www.educoder.net/forums/2629
|
|
|
注意不同模块使用时的参数的不同 usingAntdModal onlySuperAdminCouldHide isChildCommentPagination等等
|
|
|
|
|
|
用到的props:
|
|
|
user user_url image_url
|
|
|
|
|
|
loadingComments--
|
|
|
comment_count_without_reply
|
|
|
currentPage
|
|
|
comments
|
|
|
|
|
|
buttonText 发送按钮 显示文本
|
|
|
|
|
|
showRewardButton 是否显示奖励按钮
|
|
|
showHiddenButton 是否显示隐藏按钮
|
|
|
|
|
|
onlySuperAdminCouldHide 只有超级管理员才显示隐藏、取消隐藏
|
|
|
isChildCommentPagination 是否子回复分页
|
|
|
loadMoreChildComments function 加载所有子回复
|
|
|
|
|
|
usingAntdModal 是否使用antd的弹框
|
|
|
|
|
|
接口
|
|
|
deleteComment 删除
|
|
|
onPaginationChange 翻页变化
|
|
|
commentPraise 点赞
|
|
|
hiddenComment 隐藏
|
|
|
rewardCode 奖励
|
|
|
|
|
|
*/var Comments=function(_Component){_inherits(Comments,_Component);function Comments(props){_classCallCheck(this,Comments);var _this=_possibleConstructorReturn(this,(Comments.__proto__||Object.getPrototypeOf(Comments)).call(this,props));_this.replyTo=function(toUserId){};_this.parseCommentContent=function(oldContent){if(oldContent&&oldContent.startsWith('<')&&oldContent.endsWith('>')){}else if(window.$('#md_div').length){// 有这个临时处理md内容的dom
|
|
|
window.$('#md_div').html('');// markdown to html
|
|
|
try{var markdwonParser=window.editormd.markdownToHTML("md_div",{markdown:oldContent,emoji:true,htmlDecode:"style,script,iframe",// you can filter tags decode
|
|
|
taskList:true,tex:true,// 默认不解析
|
|
|
flowChart:true,// 默认不解析
|
|
|
sequenceDiagram:true// 默认不解析
|
|
|
});oldContent=window.$('#md_div').html();}catch(e){// TODO 可能公式parse时报错了
|
|
|
console.error(e);}}return oldContent;};_this.onDialogOkBtnClick=function(){var _this$props=_this.props,deleteComment=_this$props.deleteComment,hiddenComment=_this$props.hiddenComment;var dialogType=_this.state.dialogType;if(dialogType==='delete'){deleteComment(_this.comment,_this.childComment?_this.childComment.id:'');}else if(dialogType==='hidden'||dialogType==='hiddenCancel'){hiddenComment(_this.comment,_this.childComment?_this.childComment.id:'');}_this.setState({dialogOpen:false});};_this.handleDialogClose=_this.handleDialogClose.bind(_this);_this.handleGoldRewardDialogClose=_this.handleGoldRewardDialogClose.bind(_this);_this.state={dialogOpen:false,goldRewardDialogOpen:false,goldRewardInput:'',showReplyEditorFlag:false,// false->true or true->false时切换editor显示或隐藏
|
|
|
currentReplyComment:null};return _this;}_createClass(Comments,[{key:'componentWillUnmount',value:function componentWillUnmount(){var $=window.$;$(document).off("onReply");}},{key:'componentDidMount',value:function componentDidMount(){var _this2=this;setTimeout(function(){var $=window.$;// 绑定后会自动off? 加timeout试试
|
|
|
$(document).on("onReply",function(e,args){var commentContent=args.commentContent,id=args.id,editor=args.editor;_this2.props.replyComment(commentContent,id,editor);});},1000);}},{key:'initReply',value:function initReply(comment){this.props.initReply&&this.props.initReply(comment);// 如果配置的使用kindEditor
|
|
|
if(window.__useKindEditor===true){var user=this.props.user;console.log('initReply ',comment);var $=window.$;var id=comment.id;var reply_message_el='#reply_message_'+id;var reply_iconup_el='#reply_iconup_'+id;if($(reply_message_el).html()==""){$(".reply_to_message").html("");$(reply_message_el).html('<div className="orig_reply_box borderBottomNone reply_to_message" id="reply_to_message_'+id+'">\n <div class="homepagePostReplyPortrait mr15 imageFuzzy fl" id="reply_image_'+id+'"><a href="'+user.user_url+'" target="_blank" alt="\u7528\u6237\u5934\u50CF"><img alt="0?1442652658" height="33" src="'+_origin+'/images/'+user.image_url+'" width="33" /></a></div>\n <div class="orig_textarea fl" style="margin-bottom: 0px">\n <div nhname=\'new_message_'+id+'\'>\n <form accept-charset="UTF-8" action="/discusses?challenge_id=118&dis_id=61&dis_type=Shixun" data-remote="true" id="new_comment_form" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓" /><input name="authenticity_token" type="hidden" value="HJTbMpfI8LKUpwghfkvgB2SaMmcIVyVdAezyKmzJ7FU=" /></div>\n <input type="hidden" id="dis_reply_id" name="reply_id" value="'+id+'">\n <div nhname=\'toolbar_container_'+id+'\'></div>\n <textarea placeholder="\u6709\u95EE\u9898\u6216\u6709\u5EFA\u8BAE\uFF0C\u8BF7\u76F4\u63A5\u7ED9\u6211\u7559\u8A00\u5427\uFF01" id="comment_news_'+id+'" style="display: none" nhname=\'new_message_textarea_'+id+'\' name="content"></textarea>\n <a id="new_message_submit_btn_'+id+'" href="javascript:void(0)" onclick="this.style.display=\'none\'" class="mt10 task-btn task-btn-orange fr">'+(this.props.buttonText||'发送')+'</a>\n <div class="cl"></div>\n <p nhname=\'contentmsg_'+id+'\'></p>\n</form> </div>\n <div class="cl"></div>\n </div>\n <div class="cl"></div>\n</div>\n');//" ide语法识别
|
|
|
$(reply_iconup_el).show();$(function(){window.sd_create_editor_from_data(id,null,"100%","Discuss");});}else{if($(reply_message_el).is(':visible')){$(reply_message_el).hide();}else{$(reply_message_el).show();}// $(reply_message_el).html("");
|
|
|
// $(reply_iconup_el).hide();
|
|
|
}}else{// MD
|
|
|
this.setState({currentReplyComment:comment,showReplyEditorFlag:!this.state.showReplyEditorFlag});}}// enableReplyTo
|
|
|
// onClick={() => this.replyTo(item.user_id)}
|
|
|
},{key:'renderChildenComments',value:function renderChildenComments(comment){var _this3=this;if(!comment.children||comment.children.length===0){return'';}var user=this.props.user;var childCommentsElement=comment.children.map(function(item,index){var _content=_this3.parseCommentContent(item.content);return __WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{key:index,className:'childComment'},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'J_Comment_Info clearfix mt3'},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'t_info fl'},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('a',{href:_origin+'/users/'+item.user_login,className:'content-username hide fl'},item.username),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{className:'t_area fl'},item.time),item.reward?__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_5_material_ui_Tooltip___default.a,{title:'\u5DF2\u5956\u52B1\u91D1\u5E01'+item.reward,disableFocusListener:true},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('a',{href:'javascript:void(0);',style:{marginLeft:'20px',cursor:'default'},className:'rewarded color-grey-8 font-12 fl '+(item.admin===true?'':'normalUser')},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('i',{className:'iconfont icon-gift mr5 color-orange fl',style:{display:'inline'}}),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{className:'fl'},item.reward))):''),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('p',{className:'fr orig_reply lineh-20'},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{id:'hidden_discuss_btn_952'}),_this3.props.showRewardButton!=false&&comment.admin===true?__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('a',{href:'javascript:void(0);',className:'color-grey-8',onClick:function onClick(){return _this3.showGoldRewardDialog(comment,item);}},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_5_material_ui_Tooltip___default.a,{title:"给TA奖励金币",disableFocusListener:true},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('i',{className:'iconfont icon-jiangli fl'}))):"", false?React.createElement(Tooltip,{title:item.hidden?"取消隐藏":"隐藏评论"},React.createElement('a',{href:'javascript:void(0);',className:'color-grey-8',onClick:function onClick(){return _this3.onCommentBtnClick(comment,item,item.hidden?'hiddenCancel':'hidden');}},React.createElement('i',{className:'fa '+(item.hidden?'fa-eye':'fa-eye-slash')+' mr5'}))):"",comment.admin===true||item.can_delete||item.user_id===user.user_id||item.user_login==user.login?__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('a',{href:'javascript:void(0);',className:'color-grey-8',id:'delete_reply_118_952',onClick:function onClick(){return _this3.onCommentBtnClick(comment,item,'delete');}},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_5_material_ui_Tooltip___default.a,{title:"删除",disableFocusListener:true},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('i',{className:'iconfont icon-shanchu mr5'}))):'')),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'comment_content clearfix',id:'reply_content_'+item.id},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'color-grey-3',id:'reply_content_'+item.id},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:"break_word_comments markdown-body",dangerouslySetInnerHTML:{__html:_content}}),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'cl'}))));});return childCommentsElement;}},{key:'renderComments',value:function renderComments(){var _this4=this;var _props=this.props,comments=_props.comments,currentUser=_props.currentUser,deleteComment=_props.deleteComment,commentPraise=_props.commentPraise,hiddenComment=_props.hiddenComment,user=_props.user;var _state=this.state,showReplyEditorFlag=_state.showReplyEditorFlag,currentReplyComment=_state.currentReplyComment;if(!comments||comments.length===0){return;}// "https://www.educoder.net/users/m02945638"
|
|
|
var commentsElement=comments.map(function(item,index){var _content=void 0;_content=_this4.parseCommentContent(item.content);return __WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'comment_item_cont df clearfix',key:index},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'J_Comment_Face fl'},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('a',{href:_origin+'/users/'+item.user_login,target:'_blank'},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('img',{alt:'\u7528\u6237\u5934\u50CF',height:'50',src:Object(__WEBPACK_IMPORTED_MODULE_8_educoder__["M" /* getImageUrl */])('images/'+item.image_url),width:'50'}))),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'t_content fl'},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'J_Comment_Reply'},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'comment_orig_content',style:{margin:"0px"}},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'J_Comment_Info clearfix mt3'},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'t_info fl'},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('a',{href:_origin+'/users/'+item.user_login,className:'content-username hide fl'},item.username),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{className:'t_area fl'},item.time),item.position&&__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{className:'fl color-light-green font-14 ml15'},'[\u7B2C',item.position,'\u5173]'),item.game_url?__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_5_material_ui_Tooltip___default.a,{title:'\u70B9\u51FB\u67E5\u770BTA\u7684\u4EE3\u7801\u9875\u9762',disableFocusListener:true},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('a',{href:item.game_url,target:'_blank',className:'fl font-14 ml15',style:{color:"#4CACFF",cursor:"pointer"}},'\u67E5\u770B')):"",item.reward?__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_5_material_ui_Tooltip___default.a,{title:'\u5DF2\u5956\u52B1\u91D1\u5E01'+item.reward,disableFocusListener:true},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('a',{href:'javascript:void(0);',style:{marginLeft:'20px',cursor:'default'},className:'rewarded color-grey-8 font-12 fl '+(item.admin===true?'':'normalUser')},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('i',{className:'iconfont icon-gift mr5 color-orange fl'}),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{className:'fl'},item.reward))):'')),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'comment_content clearfix',id:'reply_content_'+item.id},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'color-grey-3',id:'reply_content_'+item.id},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:"break_word_comments markdown-body",dangerouslySetInnerHTML:{__html:_content}}),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'cl'}))),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'childrenCommentsView'},item&&item.children&&item.children.length?__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'trangle'}):'',_this4.renderChildenComments(item),item.isAllChildrenLoaded!=true&&item.children&&_this4.props.isChildCommentPagination==true&&item.child_message_count>5?__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_5_material_ui_Tooltip___default.a,{title:"点击查看更多回复",disableFocusListener:true},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'loadMoreChildComments',onClick:function onClick(){_this4.props.loadMoreChildComments&&_this4.props.loadMoreChildComments(item);}},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('i',{className:'iconfont icon-xiajiantou'}))):''),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('p',{className:'fr orig_reply'},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{id:'hidden_discuss_btn_952'}),_this4.props.showRewardButton!=false&&item.admin===true?__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('a',{href:'javascript:void(0);',className:'color-grey-8 fl mt2',onClick:function onClick(){return _this4.showGoldRewardDialog(item);}},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_5_material_ui_Tooltip___default.a,{title:"给TA奖励金币",disableFocusListener:true},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('i',{className:'iconfont icon-jiangli mr5 fl'}))):"",_this4.props.showHiddenButton==true&&(_this4.props.onlySuperAdminCouldHide&&item.isSuperAdmin||!_this4.props.onlySuperAdminCouldHide&&item.admin===true)?__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_5_material_ui_Tooltip___default.a,{title:item.hidden?"取消隐藏":"隐藏评论",disableFocusListener:true},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('a',{href:'javascript:void(0);',className:'color-grey-8 fl mt1',onClick:function onClick(){return _this4.onCommentBtnClick(item,'',item.hidden?'hiddenCancel':'hidden');}},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('i',{className:' '+(item.hidden?'iconfont icon-yincangbiyan':'fa fa-eye')+' mr5'}))):"",item.admin&&(!item.children||item.children.length===0)?__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('a',{href:'javascript:void(0);',className:'color-grey-8',onClick:function onClick(){return _this4.onCommentBtnClick(item,'','delete');}},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_5_material_ui_Tooltip___default.a,{title:"删除",disableFocusListener:true},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('i',{className:'iconfont icon-shanchu mr5'}))):'',(_this4.props.showReply==undefined||_this4.props.showReply==true)&&__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('a',{href:'javascript:void(0)',className:'color-grey-8',onClick:function onClick(){return _this4.initReply(item);}},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_5_material_ui_Tooltip___default.a,{title:"回复"},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('i',{className:'iconfont icon-huifu1 mr5'}))),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{className:'reply_praise_count_952'},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_5_material_ui_Tooltip___default.a,{title:item.user_praise?"取消点赞":"点赞"},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('a',{href:'javascript:void(0)',className:'fr mr5 '+(item.user_praise?'color-orange03':'color-grey-8'),onClick:function onClick(){return commentPraise(item.id);}},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('i',{className:item.user_praise?"iconfont icon-dianzan mr3":"iconfont icon-dianzan-xian mr3"}),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{className:'fr font-14',style:{marginTop:'1px'}},item.praise_count?item.praise_count:''))))),window.__useKindEditor?__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_11__CommentItemKEEditor__["a" /* default */],{showReplyEditorFlag:showReplyEditorFlag,currentReplyComment:currentReplyComment,item:item,user:user}):__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_12__CommentItemMDEditor__["a" /* default */],{showReplyEditorFlag:showReplyEditorFlag,currentReplyComment:currentReplyComment,item:item,user:user,buttonText:_this4.props.buttonText})))));});/*
|
|
|
/users/reply_to?reply_id=${item.id}&type=Challenge&user_activity_id=118
|
|
|
*//*
|
|
|
onclick="delete_confirm_box_2('<%= discuss_path(comment, :challenge_id => @game_challenge) %>', '确定要删除该条回复吗?')"
|
|
|
delete按钮
|
|
|
id=`delete_reply_<%=@game_challenge.id %>_<%=comment.id %>`
|
|
|
|
|
|
*/return commentsElement;}},{key:'onCommentBtnClick',value:function onCommentBtnClick(comment,childComment,dialogType){this.comment=comment;this.childComment=childComment;this.setState({dialogOpen:true,dialogType:dialogType});}},{key:'handleDialogClose',value:function handleDialogClose(){this.setState({dialogOpen:false});}},{key:'showGoldRewardDialog',value:function showGoldRewardDialog(comment,childComment){if(comment.admin===true){this.comment=comment;this.childComment=childComment;this.setState({goldRewardDialogOpen:true});}}},{key:'handleGoldRewardDialogClose',value:function handleGoldRewardDialogClose(){this.setState({goldRewardDialogOpen:false});}},{key:'onGoldRewardDialogOkBtnClick',value:function onGoldRewardDialogOkBtnClick(){console.log('onGoldRewardDialogOkBtnClick');var goldRewardInput=this.state.goldRewardInput;// || goldRewardInput.indexOf('-') !== -1
|
|
|
if(!goldRewardInput||goldRewardInput==='0'){this.setState({goldRewardInputError:true});return;}else{this.setState({goldRewardDialogOpen:false});this.props.rewardCode(this.comment,this.childComment,goldRewardInput);}}},{key:'onGoldRewardInputChange',value:function onGoldRewardInputChange(value){// e.target.value
|
|
|
var number=parseInt(value||0,10);if(Number.isNaN(number)){return;}this.setState({goldRewardInput:number,goldRewardInputError:false});}},{key:'render',value:function render(){var _this5=this;var _props2=this.props,deleteComment=_props2.deleteComment,onPaginationChange=_props2.onPaginationChange,comment_count_without_reply=_props2.comment_count_without_reply,currentPage=_props2.currentPage,comments=_props2.comments,usingAntdModal=_props2.usingAntdModal;var _state2=this.state,dialogOpen=_state2.dialogOpen,goldRewardDialogOpen=_state2.goldRewardDialogOpen,dialogType=_state2.dialogType,goldRewardInputError=_state2.goldRewardInputError;var goldRewardInputErrorObj=goldRewardInputError?{'error':'error'}:{};return __WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'fit -scroll',style:{'overflow-x':'hidden'}},usingAntdModal?__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_14__modals_Modals__["a" /* default */],{modalsType:dialogOpen,modalsTopval:dialogType==='delete'?'确定要删除该条回复吗?':dialogType==='hidden'?'确定要隐藏该条回复吗?':dialogType==='hiddenCancel'?'确定要取消隐藏该条回复吗?':'',modalsBottomval:"",modalCancel:this.handleDialogClose,modalSave:this.onDialogOkBtnClick}):__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_3_material_ui_Dialog___default.a,{open:dialogOpen,disableEscapeKeyDown:true,onClose:this.handleDialogClose},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_3_material_ui_Dialog__["DialogTitle"],{id:'alert-dialog-title'},"提示"),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_3_material_ui_Dialog__["DialogContent"],null,__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_3_material_ui_Dialog__["DialogContentText"],{id:'alert-dialog-description',style:{textAlign:'center'}},dialogType==='delete'?'确定要删除该条回复吗?':dialogType==='hidden'?'确定要隐藏该条回复吗?':dialogType==='hiddenCancel'?'确定要取消隐藏该条回复吗?':'')),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_3_material_ui_Dialog__["DialogActions"],null,__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_4_material_ui_Button___default.a,{onClick:this.handleDialogClose,color:'primary'},'\u53D6\u6D88'),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_4_material_ui_Button___default.a,{variant:'raised',onClick:function onClick(){return _this5.onDialogOkBtnClick();},color:'primary',autoFocus:true},'\u786E\u5B9A'))),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_3_material_ui_Dialog___default.a,{open:goldRewardDialogOpen,disableEscapeKeyDown:true,onClose:this.handleGoldRewardDialogClose},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_3_material_ui_Dialog__["DialogTitle"],{id:'alert-dialog-title'},"奖励设置"),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_3_material_ui_Dialog__["DialogContent"],null,__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_1_antd_lib_input_number___default.a,{placeholder:'\u8BF7\u8F93\u5165\u5956\u52B1\u7684\u91D1\u5E01\u6570\u91CF',id:'goldReward',type:'number',value:this.state.goldRewardInput,onChange:function onChange(e){return _this5.onGoldRewardInputChange(e);},width:228,style:{width:'228px'}})),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_3_material_ui_Dialog__["DialogActions"],null,__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_4_material_ui_Button___default.a,{onClick:this.handleGoldRewardDialogClose,color:'primary'},'\u53D6\u6D88'),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_4_material_ui_Button___default.a,{variant:'raised',onClick:function onClick(){return _this5.onGoldRewardDialogOkBtnClick();},color:'primary',autoFocus:true},'\u786E\u5B9A'))),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'-layout-v -fit'},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'panel-comment_item'},this.renderComments()),comment_count_without_reply>10?__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'paginationSection'},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_6_rc_pagination__["default"],{showQuickJumper:true,onChange:onPaginationChange,current:currentPage,total:comment_count_without_reply})):'',comment_count_without_reply==0?__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',null,__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'edu-tab-con-box clearfix edu-txt-center'},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('img',{className:'edu-nodata-img mb20',src:Object(__WEBPACK_IMPORTED_MODULE_8_educoder__["M" /* getImageUrl */])("images/educoder/nodata.png")}),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('p',{className:'edu-nodata-p mb20'},'\u6682\u65F6\u8FD8\u6CA1\u6709\u76F8\u5173\u6570\u636E\u54E6\uFF01'))):''));}}]);return Comments;}(__WEBPACK_IMPORTED_MODULE_2_react__["Component"]);/* harmony default export */ __webpack_exports__["a"] = (Comments);
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1466:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
// style-loader: Adds some css to the DOM by adding a <style> tag
|
|
|
|
|
|
// load the styles
|
|
|
var content = __webpack_require__(1467);
|
|
|
if(typeof content === 'string') content = [[module.i, content, '']];
|
|
|
// Prepare cssTransformation
|
|
|
var transform;
|
|
|
|
|
|
var options = {"hmr":false}
|
|
|
options.transform = transform
|
|
|
// add the styles to the DOM
|
|
|
var update = __webpack_require__(291)(content, options);
|
|
|
if(content.locals) module.exports = content.locals;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1467:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
exports = module.exports = __webpack_require__(290)(true);
|
|
|
// imports
|
|
|
|
|
|
|
|
|
// module
|
|
|
exports.push([module.i, ".rc-pagination{font-size:12px;font-family:Arial;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:0}.rc-pagination>li{list-style:none}.rc-pagination-total-text{float:left;height:30px;line-height:30px;list-style:none;padding:0;margin:0 8px 0 0}.rc-pagination:after{content:\" \";display:block;height:0;clear:both;overflow:hidden;visibility:hidden}.rc-pagination-item{cursor:pointer;border-radius:6px;min-width:28px;height:28px;line-height:28px;text-align:center;list-style:none;float:left;border:1px solid #d9d9d9;background-color:#fff;margin-right:8px}.rc-pagination-item a{text-decoration:none;color:#666}.rc-pagination-item:hover{border-color:#2db7f5}.rc-pagination-item:hover a{color:#2db7f5}.rc-pagination-item-disabled{cursor:not-allowed}.rc-pagination-item-disabled:hover{border-color:#d9d9d9}.rc-pagination-item-disabled:hover a{color:#d9d9d9}.rc-pagination-item-active{background-color:#2db7f5;border-color:#2db7f5}.rc-pagination-item-active:hover a,.rc-pagination-item-active a{color:#fff}.rc-pagination-jump-next:after,.rc-pagination-jump-prev:after{content:\"\\2022\\2022\\2022\";display:block;letter-spacing:2px;color:#ccc;font-size:12px;margin-top:1px}.rc-pagination-jump-next:hover:after,.rc-pagination-jump-prev:hover:after{color:#2db7f5}.rc-pagination-jump-prev:hover:after{content:\"\\AB\"}.rc-pagination-jump-next:hover:after{content:\"\\BB\"}.rc-pagination-jump-next-custom-icon,.rc-pagination-jump-prev-custom-icon{position:relative}.rc-pagination-jump-next-custom-icon:after,.rc-pagination-jump-prev-custom-icon:after{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;content:\"\\2022\\2022\\2022\";opacity:1;display:block;letter-spacing:2px;color:#ccc;font-size:12px;margin-top:1px}.rc-pagination-jump-next-custom-icon .custom-icon-jump-next,.rc-pagination-jump-next-custom-icon .custom-icon-jump-prev,.rc-pagination-jump-prev-custom-icon .custom-icon-jump-next,.rc-pagination-jump-prev-custom-icon .custom-icon-jump-prev{opacity:0;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.rc-pagination-jump-next-custom-icon:hover:after,.rc-pagination-jump-prev-custom-icon:hover:after{opacity:0;color:#ccc}.rc-pagination-jump-next-custom-icon:hover .custom-icon-jump-next,.rc-pagination-jump-next-custom-icon:hover .custom-icon-jump-prev,.rc-pagination-jump-prev-custom-icon:hover .custom-icon-jump-next,.rc-pagination-jump-prev-custom-icon:hover .custom-icon-jump-prev{opacity:1;color:#2db7f5}.rc-pagination-jump-next,.rc-pagination-jump-prev,.rc-pagination-prev{margin-right:8px}.rc-pagination-jump-next,.rc-pagination-jump-prev,.rc-pagination-next,.rc-pagination-prev{cursor:pointer;color:#666;font-size:10px;border-radius:6px;list-style:none;min-width:28px;height:28px;line-height:28px;float:left;text-align:center}.rc-pagination-prev a:after{content:\"\\2039\";display:block}.rc-pagination-next a:after{content:\"\\203A\";display:block}.rc-pagination-next,.rc-pagination-prev{border:1px solid #d9d9d9;font-size:18px}.rc-pagination-next a,.rc-pagination-prev a{color:#666}.rc-pagination-next a:after,.rc-pagination-prev a:after{margin-top:-1px}.rc-pagination-disabled{cursor:not-allowed}.rc-pagination-disabled a{color:#ccc}.rc-pagination-disabled .rc-pagination-item,.rc-pagination-disabled .rc-pagination-next,.rc-pagination-disabled .rc-pagination-prev{cursor:not-allowed}.rc-pagination-disabled .rc-pagination-item:hover,.rc-pagination-disabled .rc-pagination-next:hover,.rc-pagination-disabled .rc-pagination-prev:hover{border-color:#d9d9d9}.rc-pagination-disabled .rc-pagination-item:hover a,.rc-pagination-disabled .rc-pagination-next:hover a,.rc-pagination-disabled .rc-pagination-prev:hover a{color:#d9d9d9}.rc-pagination-disabled .rc-pagination-jump-next,.rc-pagination-disabled .rc-pagination-jump-prev{pointer-events:none}.rc-pagination-options{float:left;margin-left:15px}.rc-pagination-options-size-changer{float:left;width:80px}.rc-pagination-options-quick-jumper{float:left;margin-left:16px;height:28px;line-height:28px}.rc-pagination-options-quick-jumper input{margin:0 8px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;border-radius:6px;border:1px solid #d9d9d9;outline:none;padding:3px 12px;width:50px;height:28px}.rc-pagination-options-quick-jumper input:hover{border-color:#2db7f5}.rc-pagination-options-quick-jumper button{display:inline-block;margin:0 8px;font-weight:500;text-align:center;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:0 15px;font-size:12px;border-radius:6px;height:28px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);-o-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);position:relative;color:rgba(0,0,0,.65);background-color:#fff;border-color:#d9d9d9}.rc-pagination-options-quick-jumper button:active,.rc-pagination-options-quick-jumper button:focus,.rc-pagination-options-quick-jumper button:hover{color:#2db7f5;background-color:#fff;border-color:#2db7f5}.rc-pagination-simple .rc-pagination-next,.rc-pagination-simple .rc-pagination-prev{border:none;height:24px;line-height:24px;margin:0;font-size:18px}.rc-pagination-simple .rc-pagination-simple-pager{float:left;margin-right:8px;list-style:none}.rc-pagination-simple .rc-pagination-simple-pager .rc-pagination-slash{margin:0 10px}.rc-pagination-simple .rc-pagination-simple-pager input{margin:0 8px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;border-radius:6px;border:1px solid #d9d9d9;outline:none;padding:5px 8px;min-height:20px}.rc-pagination-simple .rc-pagination-simple-pager input:hover{border-color:#2db7f5}.rc-pagination-simple .rc-pagination-simple-pager button{display:inline-block;margin:0 8px;font-weight:500;text-align:center;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:0 8px;font-size:12px;border-radius:6px;height:26px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);-o-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);position:relative;color:rgba(0,0,0,.65);background-color:#fff;border-color:#d9d9d9}.rc-pagination-simple .rc-pagination-simple-pager button:active,.rc-pagination-simple .rc-pagination-simple-pager button:focus,.rc-pagination-simple .rc-pagination-simple-pager button:hover{color:#2db7f5;background-color:#fff;border-color:#2db7f5}@media only screen and (max-width:1024px){.rc-pagination-item-after-jump-prev,.rc-pagination-item-before-jump-next{display:none}}", "", {"version":3,"sources":["/Users/alec/educoder/public/react/node_modules/_rc-pagination@1.20.11@rc-pagination/assets/index.css"],"names":[],"mappings":"AAAA,eACE,eAAgB,AAChB,kBAAqB,AACrB,yBAA0B,AACvB,sBAAuB,AACtB,qBAAsB,AAClB,iBAAkB,AAC1B,SAAW,CACZ,AACD,kBACE,eAAiB,CAClB,AACD,0BACE,WAAY,AACZ,YAAa,AACb,iBAAkB,AAClB,gBAAiB,AACjB,UAAW,AACX,gBAAkB,CACnB,AACD,qBACE,YAAa,AACb,cAAe,AACf,SAAU,AACV,WAAY,AACZ,gBAAiB,AACjB,iBAAmB,CACpB,AACD,oBACE,eAAgB,AAChB,kBAAmB,AACnB,eAAgB,AAChB,YAAa,AACb,iBAAkB,AAClB,kBAAmB,AACnB,gBAAiB,AACjB,WAAY,AACZ,yBAA0B,AAC1B,sBAAuB,AACvB,gBAAkB,CACnB,AACD,sBACE,qBAAsB,AACtB,UAAY,CACb,AACD,0BACE,oBAAsB,CACvB,AACD,4BACE,aAAe,CAChB,AACD,6BACE,kBAAoB,CACrB,AACD,mCACE,oBAAsB,CACvB,AACD,qCACE,aAAe,CAChB,AACD,2BACE,yBAA0B,AAC1B,oBAAsB,CACvB,AAID,gEACE,UAAY,CACb,AACD,8DAEE,0BAAe,AACf,cAAe,AACf,mBAAoB,AACpB,WAAY,AACZ,eAAgB,AAChB,cAAgB,CACjB,AACD,0EAEE,aAAe,CAChB,AACD,qCACE,aAAa,CACd,AACD,qCACE,aAAa,CACd,AACD,0EAEE,iBAAmB,CACpB,AACD,sFAEE,kBAAmB,AACnB,MAAO,AACP,QAAS,AACT,SAAU,AACV,OAAQ,AACR,YAAa,AACb,2BAA4B,AAC5B,sBAAuB,AACvB,mBAAoB,AACpB,0BAAe,AACf,UAAW,AACX,cAAe,AACf,mBAAoB,AACpB,WAAY,AACZ,eAAgB,AAChB,cAAgB,CACjB,AACD,gPAIE,UAAW,AACX,2BAA4B,AAC5B,sBAAuB,AACvB,kBAAoB,CACrB,AACD,kGAEE,UAAW,AACX,UAAY,CACb,AACD,wQAIE,UAAW,AACX,aAAe,CAChB,AACD,sEAGE,gBAAkB,CACnB,AACD,0FAIE,eAAgB,AAChB,WAAY,AACZ,eAAgB,AAChB,kBAAmB,AACnB,gBAAiB,AACjB,eAAgB,AAChB,YAAa,AACb,iBAAkB,AAClB,WAAY,AACZ,iBAAmB,CACpB,AACD,4BACE,gBAAa,AACb,aAAe,CAChB,AACD,4BACE,gBAAa,AACb,aAAe,CAChB,AACD,wCAEE,yBAA0B,AAC1B,cAAgB,CACjB,AACD,4CAEE,UAAY,CACb,AACD,wDAEE,eAAiB,CAClB,AACD,wBACE,kBAAoB,CACrB,AACD,0BACE,UAAY,CACb,AACD,oIAGE,kBAAoB,CACrB,AACD,sJAGE,oBAAsB,CACvB,AACD,4JAGE,aAAe,CAChB,AACD,kGAEE,mBAAqB,CACtB,AACD,uBACE,WAAY,AACZ,gBAAkB,CACnB,AACD,oCACE,WAAY,AACZ,UAAY,CACb,AACD,oCACE,WAAY,AACZ,iBAAkB,AAClB,YAAa,AACb,gBAAkB,CACnB,AACD,0CACE,aAAc,AACd,8BAA+B,AACvB,sBAAuB,AAC/B,sBAAuB,AACvB,kBAAmB,AACnB,yBAA0B,AAC1B,aAAc,AACd,iBAAkB,AAClB,WAAY,AACZ,WAAa,CACd,AACD,gDACE,oBAAsB,CACvB,AACD,2CACE,qBAAsB,AACtB,aAAc,AACd,gBAAiB,AACjB,kBAAmB,AACnB,8BAA+B,AAC3B,0BAA2B,AAC/B,eAAgB,AAChB,sBAAuB,AACvB,6BAA8B,AAC9B,mBAAoB,AACpB,eAAgB,AAChB,eAAgB,AAChB,kBAAmB,AACnB,YAAa,AACb,yBAA0B,AACvB,sBAAuB,AACtB,qBAAsB,AAClB,iBAAkB,AAC1B,0DAAkE,AAClE,qDAA6D,AAC7D,kDAA0D,AAC1D,kBAAmB,AACnB,sBAA2B,AAC3B,sBAAuB,AACvB,oBAAsB,CACvB,AACD,oJAGE,cAAe,AACf,sBAAuB,AACvB,oBAAsB,CACvB,AACD,oFAEE,YAAa,AACb,YAAa,AACb,iBAAkB,AAClB,SAAU,AACV,cAAgB,CACjB,AACD,kDACE,WAAY,AACZ,iBAAkB,AAClB,eAAiB,CAClB,AACD,uEACE,aAAe,CAChB,AACD,wDACE,aAAc,AACd,8BAA+B,AACvB,sBAAuB,AAC/B,sBAAuB,AACvB,kBAAmB,AACnB,yBAA0B,AAC1B,aAAc,AACd,gBAAiB,AACjB,eAAiB,CAClB,AACD,8DACE,oBAAsB,CACvB,AACD,yDACE,qBAAsB,AACtB,aAAc,AACd,gBAAiB,AACjB,kBAAmB,AACnB,8BAA+B,AAC3B,0BAA2B,AAC/B,eAAgB,AAChB,sBAAuB,AACvB,6BAA8B,AAC9B,mBAAoB,AACpB,cAAe,AACf,eAAgB,AAChB,kBAAmB,AACnB,YAAa,AACb,yBAA0B,AACvB,sBAAuB,AACtB,qBAAsB,AAClB,iBAAkB,AAC1B,0DAAkE,AAClE,qDAA6D,AAC7D,kDAA0D,AAC1D,kBAAmB,AACnB,sBAA2B,AAC3B,sBAAuB,AACvB,oBAAsB,CACvB,AACD,8LAGE,cAAe,AACf,sBAAuB,AACvB,oBAAsB,CACvB,AACD,0CACE,yEAEE,YAAc,CACf,CACF","file":"index.css","sourcesContent":[".rc-pagination {\n font-size: 12px;\n font-family: 'Arial';\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n padding: 0;\n}\n.rc-pagination > li {\n list-style: none;\n}\n.rc-pagination-total-text {\n float: left;\n height: 30px;\n line-height: 30px;\n list-style: none;\n padding: 0;\n margin: 0 8px 0 0;\n}\n.rc-pagination:after {\n content: \" \";\n display: block;\n height: 0;\n clear: both;\n overflow: hidden;\n visibility: hidden;\n}\n.rc-pagination-item {\n cursor: pointer;\n border-radius: 6px;\n min-width: 28px;\n height: 28px;\n line-height: 28px;\n text-align: center;\n list-style: none;\n float: left;\n border: 1px solid #d9d9d9;\n background-color: #fff;\n margin-right: 8px;\n}\n.rc-pagination-item a {\n text-decoration: none;\n color: #666;\n}\n.rc-pagination-item:hover {\n border-color: #2db7f5;\n}\n.rc-pagination-item:hover a {\n color: #2db7f5;\n}\n.rc-pagination-item-disabled {\n cursor: not-allowed;\n}\n.rc-pagination-item-disabled:hover {\n border-color: #d9d9d9;\n}\n.rc-pagination-item-disabled:hover a {\n color: #d9d9d9;\n}\n.rc-pagination-item-active {\n background-color: #2db7f5;\n border-color: #2db7f5;\n}\n.rc-pagination-item-active a {\n color: #fff;\n}\n.rc-pagination-item-active:hover a {\n color: #fff;\n}\n.rc-pagination-jump-prev:after,\n.rc-pagination-jump-next:after {\n content: \"•••\";\n display: block;\n letter-spacing: 2px;\n color: #ccc;\n font-size: 12px;\n margin-top: 1px;\n}\n.rc-pagination-jump-prev:hover:after,\n.rc-pagination-jump-next:hover:after {\n color: #2db7f5;\n}\n.rc-pagination-jump-prev:hover:after {\n content: \"«\";\n}\n.rc-pagination-jump-next:hover:after {\n content: \"»\";\n}\n.rc-pagination-jump-prev-custom-icon,\n.rc-pagination-jump-next-custom-icon {\n position: relative;\n}\n.rc-pagination-jump-prev-custom-icon:after,\n.rc-pagination-jump-next-custom-icon:after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n margin: auto;\n -webkit-transition: all .2s;\n -o-transition: all .2s;\n transition: all .2s;\n content: \"•••\";\n opacity: 1;\n display: block;\n letter-spacing: 2px;\n color: #ccc;\n font-size: 12px;\n margin-top: 1px;\n}\n.rc-pagination-jump-prev-custom-icon .custom-icon-jump-prev,\n.rc-pagination-jump-next-custom-icon .custom-icon-jump-prev,\n.rc-pagination-jump-prev-custom-icon .custom-icon-jump-next,\n.rc-pagination-jump-next-custom-icon .custom-icon-jump-next {\n opacity: 0;\n -webkit-transition: all .2s;\n -o-transition: all .2s;\n transition: all .2s;\n}\n.rc-pagination-jump-prev-custom-icon:hover:after,\n.rc-pagination-jump-next-custom-icon:hover:after {\n opacity: 0;\n color: #ccc;\n}\n.rc-pagination-jump-prev-custom-icon:hover .custom-icon-jump-prev,\n.rc-pagination-jump-next-custom-icon:hover .custom-icon-jump-prev,\n.rc-pagination-jump-prev-custom-icon:hover .custom-icon-jump-next,\n.rc-pagination-jump-next-custom-icon:hover .custom-icon-jump-next {\n opacity: 1;\n color: #2db7f5;\n}\n.rc-pagination-prev,\n.rc-pagination-jump-prev,\n.rc-pagination-jump-next {\n margin-right: 8px;\n}\n.rc-pagination-prev,\n.rc-pagination-next,\n.rc-pagination-jump-prev,\n.rc-pagination-jump-next {\n cursor: pointer;\n color: #666;\n font-size: 10px;\n border-radius: 6px;\n list-style: none;\n min-width: 28px;\n height: 28px;\n line-height: 28px;\n float: left;\n text-align: center;\n}\n.rc-pagination-prev a:after {\n content: \"‹\";\n display: block;\n}\n.rc-pagination-next a:after {\n content: \"›\";\n display: block;\n}\n.rc-pagination-prev,\n.rc-pagination-next {\n border: 1px solid #d9d9d9;\n font-size: 18px;\n}\n.rc-pagination-prev a,\n.rc-pagination-next a {\n color: #666;\n}\n.rc-pagination-prev a:after,\n.rc-pagination-next a:after {\n margin-top: -1px;\n}\n.rc-pagination-disabled {\n cursor: not-allowed;\n}\n.rc-pagination-disabled a {\n color: #ccc;\n}\n.rc-pagination-disabled .rc-pagination-item,\n.rc-pagination-disabled .rc-pagination-prev,\n.rc-pagination-disabled .rc-pagination-next {\n cursor: not-allowed;\n}\n.rc-pagination-disabled .rc-pagination-item:hover,\n.rc-pagination-disabled .rc-pagination-prev:hover,\n.rc-pagination-disabled .rc-pagination-next:hover {\n border-color: #d9d9d9;\n}\n.rc-pagination-disabled .rc-pagination-item:hover a,\n.rc-pagination-disabled .rc-pagination-prev:hover a,\n.rc-pagination-disabled .rc-pagination-next:hover a {\n color: #d9d9d9;\n}\n.rc-pagination-disabled .rc-pagination-jump-prev,\n.rc-pagination-disabled .rc-pagination-jump-next {\n pointer-events: none;\n}\n.rc-pagination-options {\n float: left;\n margin-left: 15px;\n}\n.rc-pagination-options-size-changer {\n float: left;\n width: 80px;\n}\n.rc-pagination-options-quick-jumper {\n float: left;\n margin-left: 16px;\n height: 28px;\n line-height: 28px;\n}\n.rc-pagination-options-quick-jumper input {\n margin: 0 8px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background-color: #fff;\n border-radius: 6px;\n border: 1px solid #d9d9d9;\n outline: none;\n padding: 3px 12px;\n width: 50px;\n height: 28px;\n}\n.rc-pagination-options-quick-jumper input:hover {\n border-color: #2db7f5;\n}\n.rc-pagination-options-quick-jumper button {\n display: inline-block;\n margin: 0 8px;\n font-weight: 500;\n text-align: center;\n -ms-touch-action: manipulation;\n touch-action: manipulation;\n cursor: pointer;\n background-image: none;\n border: 1px solid transparent;\n white-space: nowrap;\n padding: 0 15px;\n font-size: 12px;\n border-radius: 6px;\n height: 28px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n position: relative;\n color: rgba(0, 0, 0, 0.65);\n background-color: #fff;\n border-color: #d9d9d9;\n}\n.rc-pagination-options-quick-jumper button:hover,\n.rc-pagination-options-quick-jumper button:active,\n.rc-pagination-options-quick-jumper button:focus {\n color: #2db7f5;\n background-color: #fff;\n border-color: #2db7f5;\n}\n.rc-pagination-simple .rc-pagination-prev,\n.rc-pagination-simple .rc-pagination-next {\n border: none;\n height: 24px;\n line-height: 24px;\n margin: 0;\n font-size: 18px;\n}\n.rc-pagination-simple .rc-pagination-simple-pager {\n float: left;\n margin-right: 8px;\n list-style: none;\n}\n.rc-pagination-simple .rc-pagination-simple-pager .rc-pagination-slash {\n margin: 0 10px;\n}\n.rc-pagination-simple .rc-pagination-simple-pager input {\n margin: 0 8px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n background-color: #fff;\n border-radius: 6px;\n border: 1px solid #d9d9d9;\n outline: none;\n padding: 5px 8px;\n min-height: 20px;\n}\n.rc-pagination-simple .rc-pagination-simple-pager input:hover {\n border-color: #2db7f5;\n}\n.rc-pagination-simple .rc-pagination-simple-pager button {\n display: inline-block;\n margin: 0 8px;\n font-weight: 500;\n text-align: center;\n -ms-touch-action: manipulation;\n touch-action: manipulation;\n cursor: pointer;\n background-image: none;\n border: 1px solid transparent;\n white-space: nowrap;\n padding: 0 8px;\n font-size: 12px;\n border-radius: 6px;\n height: 26px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n position: relative;\n color: rgba(0, 0, 0, 0.65);\n background-color: #fff;\n border-color: #d9d9d9;\n}\n.rc-pagination-simple .rc-pagination-simple-pager button:hover,\n.rc-pagination-simple .rc-pagination-simple-pager button:active,\n.rc-pagination-simple .rc-pagination-simple-pager button:focus {\n color: #2db7f5;\n background-color: #fff;\n border-color: #2db7f5;\n}\n@media only screen and (max-width: 1024px) {\n .rc-pagination-item-after-jump-prev,\n .rc-pagination-item-before-jump-next {\n display: none;\n }\n}\n"],"sourceRoot":""}]);
|
|
|
|
|
|
// exports
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1468:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
var _interopRequireDefault = __webpack_require__(2);
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
|
value: true
|
|
|
});
|
|
|
exports.default = exports.styles = void 0;
|
|
|
|
|
|
var _extends2 = _interopRequireDefault(__webpack_require__(8));
|
|
|
|
|
|
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(6));
|
|
|
|
|
|
var _getPrototypeOf = _interopRequireDefault(__webpack_require__(20));
|
|
|
|
|
|
var _classCallCheck2 = _interopRequireDefault(__webpack_require__(15));
|
|
|
|
|
|
var _createClass2 = _interopRequireDefault(__webpack_require__(16));
|
|
|
|
|
|
var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(21));
|
|
|
|
|
|
var _inherits2 = _interopRequireDefault(__webpack_require__(22));
|
|
|
|
|
|
var _assertThisInitialized2 = _interopRequireDefault(__webpack_require__(23));
|
|
|
|
|
|
var _react = _interopRequireDefault(__webpack_require__(0));
|
|
|
|
|
|
var _propTypes = _interopRequireDefault(__webpack_require__(1));
|
|
|
|
|
|
var _classnames = _interopRequireDefault(__webpack_require__(3));
|
|
|
|
|
|
var _debounce = _interopRequireDefault(__webpack_require__(109));
|
|
|
|
|
|
var _reactEventListener = _interopRequireDefault(__webpack_require__(92));
|
|
|
|
|
|
var _withStyles = _interopRequireDefault(__webpack_require__(17));
|
|
|
|
|
|
var ROWS_HEIGHT = 19;
|
|
|
var styles = {
|
|
|
root: {
|
|
|
position: 'relative',
|
|
|
// because the shadow has position: 'absolute',
|
|
|
width: '100%'
|
|
|
},
|
|
|
textarea: {
|
|
|
width: '100%',
|
|
|
height: '100%',
|
|
|
resize: 'none',
|
|
|
font: 'inherit',
|
|
|
padding: 0,
|
|
|
cursor: 'inherit',
|
|
|
boxSizing: 'border-box',
|
|
|
lineHeight: 'inherit',
|
|
|
border: 'none',
|
|
|
outline: 'none',
|
|
|
background: 'transparent'
|
|
|
},
|
|
|
shadow: {
|
|
|
resize: 'none',
|
|
|
// Overflow also needed to here to remove the extra row
|
|
|
// added to textareas in Firefox.
|
|
|
overflow: 'hidden',
|
|
|
// Visibility needed to hide the extra text area on ipads
|
|
|
visibility: 'hidden',
|
|
|
position: 'absolute',
|
|
|
height: 'auto',
|
|
|
whiteSpace: 'pre-wrap'
|
|
|
}
|
|
|
};
|
|
|
/**
|
|
|
* @ignore - internal component.
|
|
|
*/
|
|
|
|
|
|
exports.styles = styles;
|
|
|
|
|
|
var Textarea =
|
|
|
/*#__PURE__*/
|
|
|
function (_React$Component) {
|
|
|
(0, _inherits2.default)(Textarea, _React$Component);
|
|
|
|
|
|
function Textarea(props, context) {
|
|
|
var _this;
|
|
|
|
|
|
(0, _classCallCheck2.default)(this, Textarea);
|
|
|
_this = (0, _possibleConstructorReturn2.default)(this, (Textarea.__proto__ || (0, _getPrototypeOf.default)(Textarea)).call(this, props, context)); // <Input> expects the components it renders to respond to 'value'
|
|
|
// so that it can check whether they are filled.
|
|
|
|
|
|
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "state", {
|
|
|
configurable: true,
|
|
|
enumerable: true,
|
|
|
writable: true,
|
|
|
value: {
|
|
|
height: null
|
|
|
}
|
|
|
});
|
|
|
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "shadow", {
|
|
|
configurable: true,
|
|
|
enumerable: true,
|
|
|
writable: true,
|
|
|
value: null
|
|
|
});
|
|
|
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "singlelineShadow", {
|
|
|
configurable: true,
|
|
|
enumerable: true,
|
|
|
writable: true,
|
|
|
value: null
|
|
|
});
|
|
|
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "input", {
|
|
|
configurable: true,
|
|
|
enumerable: true,
|
|
|
writable: true,
|
|
|
value: null
|
|
|
});
|
|
|
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "value", {
|
|
|
configurable: true,
|
|
|
enumerable: true,
|
|
|
writable: true,
|
|
|
value: null
|
|
|
});
|
|
|
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "handleResize", {
|
|
|
configurable: true,
|
|
|
enumerable: true,
|
|
|
writable: true,
|
|
|
value: (0, _debounce.default)(function () {
|
|
|
_this.syncHeightWithShadow();
|
|
|
}, 166)
|
|
|
});
|
|
|
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "handleRefInput", {
|
|
|
configurable: true,
|
|
|
enumerable: true,
|
|
|
writable: true,
|
|
|
value: function value(node) {
|
|
|
_this.input = node;
|
|
|
|
|
|
if (_this.props.textareaRef) {
|
|
|
_this.props.textareaRef(node);
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "handleRefSinglelineShadow", {
|
|
|
configurable: true,
|
|
|
enumerable: true,
|
|
|
writable: true,
|
|
|
value: function value(node) {
|
|
|
_this.singlelineShadow = node;
|
|
|
}
|
|
|
});
|
|
|
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "handleRefShadow", {
|
|
|
configurable: true,
|
|
|
enumerable: true,
|
|
|
writable: true,
|
|
|
value: function value(node) {
|
|
|
_this.shadow = node;
|
|
|
}
|
|
|
});
|
|
|
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "handleChange", {
|
|
|
configurable: true,
|
|
|
enumerable: true,
|
|
|
writable: true,
|
|
|
value: function value(event) {
|
|
|
_this.value = event.target.value;
|
|
|
|
|
|
if (typeof _this.props.value === 'undefined' && _this.shadow) {
|
|
|
// The component is not controlled, we need to update the shallow value.
|
|
|
_this.shadow.value = _this.value;
|
|
|
|
|
|
_this.syncHeightWithShadow();
|
|
|
}
|
|
|
|
|
|
if (_this.props.onChange) {
|
|
|
_this.props.onChange(event);
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
_this.value = props.value || props.defaultValue || '';
|
|
|
_this.state = {
|
|
|
height: Number(props.rows) * ROWS_HEIGHT
|
|
|
};
|
|
|
return _this;
|
|
|
}
|
|
|
|
|
|
(0, _createClass2.default)(Textarea, [{
|
|
|
key: "componentDidMount",
|
|
|
value: function componentDidMount() {
|
|
|
this.syncHeightWithShadow();
|
|
|
}
|
|
|
}, {
|
|
|
key: "componentDidUpdate",
|
|
|
value: function componentDidUpdate() {
|
|
|
this.syncHeightWithShadow();
|
|
|
}
|
|
|
}, {
|
|
|
key: "componentWillUnmount",
|
|
|
value: function componentWillUnmount() {
|
|
|
this.handleResize.cancel();
|
|
|
}
|
|
|
}, {
|
|
|
key: "syncHeightWithShadow",
|
|
|
// Corresponds to 10 frames at 60 Hz.
|
|
|
value: function syncHeightWithShadow() {
|
|
|
var props = this.props;
|
|
|
|
|
|
if (!this.shadow || !this.singlelineShadow) {
|
|
|
return;
|
|
|
} // The component is controlled, we need to update the shallow value.
|
|
|
|
|
|
|
|
|
if (typeof props.value !== 'undefined') {
|
|
|
this.shadow.value = props.value == null ? '' : String(props.value);
|
|
|
}
|
|
|
|
|
|
var lineHeight = this.singlelineShadow.scrollHeight;
|
|
|
var newHeight = this.shadow.scrollHeight; // Guarding for jsdom, where scrollHeight isn't present.
|
|
|
// See https://github.com/tmpvar/jsdom/issues/1013
|
|
|
|
|
|
if (newHeight === undefined) {
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
if (Number(props.rowsMax) >= Number(props.rows)) {
|
|
|
newHeight = Math.min(Number(props.rowsMax) * lineHeight, newHeight);
|
|
|
}
|
|
|
|
|
|
newHeight = Math.max(newHeight, lineHeight); // Need a large enough different to update the height.
|
|
|
// This prevents infinite rendering loop.
|
|
|
|
|
|
if (Math.abs(this.state.height - newHeight) > 1) {
|
|
|
this.setState({
|
|
|
height: newHeight
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
}, {
|
|
|
key: "render",
|
|
|
value: function render() {
|
|
|
var _props = this.props,
|
|
|
classes = _props.classes,
|
|
|
className = _props.className,
|
|
|
defaultValue = _props.defaultValue,
|
|
|
onChange = _props.onChange,
|
|
|
rows = _props.rows,
|
|
|
rowsMax = _props.rowsMax,
|
|
|
textareaRef = _props.textareaRef,
|
|
|
value = _props.value,
|
|
|
other = (0, _objectWithoutProperties2.default)(_props, ["classes", "className", "defaultValue", "onChange", "rows", "rowsMax", "textareaRef", "value"]);
|
|
|
return _react.default.createElement("div", {
|
|
|
className: classes.root,
|
|
|
style: {
|
|
|
height: this.state.height
|
|
|
}
|
|
|
}, _react.default.createElement(_reactEventListener.default, {
|
|
|
target: "window",
|
|
|
onResize: this.handleResize
|
|
|
}), _react.default.createElement("textarea", {
|
|
|
ref: this.handleRefSinglelineShadow,
|
|
|
className: (0, _classnames.default)(classes.shadow, classes.textarea),
|
|
|
tabIndex: -1,
|
|
|
rows: "1",
|
|
|
readOnly: true,
|
|
|
"aria-hidden": "true",
|
|
|
value: ""
|
|
|
}), _react.default.createElement("textarea", {
|
|
|
ref: this.handleRefShadow,
|
|
|
className: (0, _classnames.default)(classes.shadow, classes.textarea),
|
|
|
tabIndex: -1,
|
|
|
rows: rows,
|
|
|
"aria-hidden": "true",
|
|
|
readOnly: true,
|
|
|
defaultValue: defaultValue,
|
|
|
value: value
|
|
|
}), _react.default.createElement("textarea", (0, _extends2.default)({
|
|
|
rows: rows,
|
|
|
className: (0, _classnames.default)(classes.textarea, className),
|
|
|
defaultValue: defaultValue,
|
|
|
value: value,
|
|
|
onChange: this.handleChange,
|
|
|
ref: this.handleRefInput
|
|
|
}, other)));
|
|
|
}
|
|
|
}]);
|
|
|
return Textarea;
|
|
|
}(_react.default.Component);
|
|
|
|
|
|
Textarea.propTypes = false ? {
|
|
|
/**
|
|
|
* Useful to extend the style applied to components.
|
|
|
*/
|
|
|
classes: _propTypes.default.object.isRequired,
|
|
|
|
|
|
/**
|
|
|
* @ignore
|
|
|
*/
|
|
|
className: _propTypes.default.string,
|
|
|
|
|
|
/**
|
|
|
* @ignore
|
|
|
*/
|
|
|
defaultValue: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
|
|
|
|
|
|
/**
|
|
|
* @ignore
|
|
|
*/
|
|
|
disabled: _propTypes.default.bool,
|
|
|
|
|
|
/**
|
|
|
* @ignore
|
|
|
*/
|
|
|
onChange: _propTypes.default.func,
|
|
|
|
|
|
/**
|
|
|
* Number of rows to display when multiline option is set to true.
|
|
|
*/
|
|
|
rows: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
|
|
|
|
|
|
/**
|
|
|
* Maximum number of rows to display when multiline option is set to true.
|
|
|
*/
|
|
|
rowsMax: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
|
|
|
|
|
|
/**
|
|
|
* Use that property to pass a ref callback to the native textarea element.
|
|
|
*/
|
|
|
textareaRef: _propTypes.default.func,
|
|
|
|
|
|
/**
|
|
|
* @ignore
|
|
|
*/
|
|
|
value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number])
|
|
|
} : {};
|
|
|
Textarea.defaultProps = {
|
|
|
rows: 1
|
|
|
};
|
|
|
|
|
|
var _default = (0, _withStyles.default)(styles)(Textarea);
|
|
|
|
|
|
exports.default = _default;
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1469:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
var _interopRequireDefault = __webpack_require__(2);
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
|
value: true
|
|
|
});
|
|
|
exports.default = exports.styles = void 0;
|
|
|
|
|
|
var _extends2 = _interopRequireDefault(__webpack_require__(8));
|
|
|
|
|
|
var _defineProperty2 = _interopRequireDefault(__webpack_require__(18));
|
|
|
|
|
|
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(6));
|
|
|
|
|
|
var _react = _interopRequireDefault(__webpack_require__(0));
|
|
|
|
|
|
var _propTypes = _interopRequireDefault(__webpack_require__(1));
|
|
|
|
|
|
var _classnames = _interopRequireDefault(__webpack_require__(3));
|
|
|
|
|
|
var _Typography = _interopRequireDefault(__webpack_require__(111));
|
|
|
|
|
|
var _withStyles = _interopRequireDefault(__webpack_require__(17));
|
|
|
|
|
|
var styles = function styles(theme) {
|
|
|
return {
|
|
|
root: {
|
|
|
display: 'flex',
|
|
|
maxHeight: '2em',
|
|
|
alignItems: 'center'
|
|
|
},
|
|
|
positionStart: {
|
|
|
marginRight: theme.spacing.unit
|
|
|
},
|
|
|
positionEnd: {
|
|
|
marginLeft: theme.spacing.unit
|
|
|
}
|
|
|
};
|
|
|
};
|
|
|
|
|
|
exports.styles = styles;
|
|
|
|
|
|
function InputAdornment(props) {
|
|
|
var _classNames;
|
|
|
|
|
|
var children = props.children,
|
|
|
Component = props.component,
|
|
|
classes = props.classes,
|
|
|
className = props.className,
|
|
|
disableTypography = props.disableTypography,
|
|
|
position = props.position,
|
|
|
other = (0, _objectWithoutProperties2.default)(props, ["children", "component", "classes", "className", "disableTypography", "position"]);
|
|
|
return _react.default.createElement(Component, (0, _extends2.default)({
|
|
|
className: (0, _classnames.default)(classes.root, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.positionStart, position === 'start'), (0, _defineProperty2.default)(_classNames, classes.positionEnd, position === 'end'), _classNames), className)
|
|
|
}, other), typeof children === 'string' && !disableTypography ? _react.default.createElement(_Typography.default, {
|
|
|
color: "textSecondary"
|
|
|
}, children) : children);
|
|
|
}
|
|
|
|
|
|
InputAdornment.propTypes = false ? {
|
|
|
/**
|
|
|
* The content of the component, normally an `IconButton` or string.
|
|
|
*/
|
|
|
children: _propTypes.default.node.isRequired,
|
|
|
|
|
|
/**
|
|
|
* Useful to extend the style applied to components.
|
|
|
*/
|
|
|
classes: _propTypes.default.object.isRequired,
|
|
|
|
|
|
/**
|
|
|
* @ignore
|
|
|
*/
|
|
|
className: _propTypes.default.string,
|
|
|
|
|
|
/**
|
|
|
* The component used for the root node.
|
|
|
* Either a string to use a DOM element or a component.
|
|
|
*/
|
|
|
component: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.func]),
|
|
|
|
|
|
/**
|
|
|
* If children is a string then disable wrapping in a Typography component.
|
|
|
*/
|
|
|
disableTypography: _propTypes.default.bool,
|
|
|
|
|
|
/**
|
|
|
* The position this adornment should appear relative to the `Input`.
|
|
|
*/
|
|
|
position: _propTypes.default.oneOf(['start', 'end'])
|
|
|
} : {};
|
|
|
InputAdornment.defaultProps = {
|
|
|
component: 'div',
|
|
|
disableTypography: false
|
|
|
};
|
|
|
|
|
|
var _default = (0, _withStyles.default)(styles, {
|
|
|
name: 'MuiInputAdornment'
|
|
|
})(InputAdornment);
|
|
|
|
|
|
exports.default = _default;
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1470:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
var _interopRequireDefault = __webpack_require__(2);
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
|
value: true
|
|
|
});
|
|
|
exports.default = exports.styles = void 0;
|
|
|
|
|
|
var _extends2 = _interopRequireDefault(__webpack_require__(8));
|
|
|
|
|
|
var _defineProperty2 = _interopRequireDefault(__webpack_require__(18));
|
|
|
|
|
|
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(6));
|
|
|
|
|
|
var _react = _interopRequireDefault(__webpack_require__(0));
|
|
|
|
|
|
var _propTypes = _interopRequireDefault(__webpack_require__(1));
|
|
|
|
|
|
var _classnames = _interopRequireDefault(__webpack_require__(3));
|
|
|
|
|
|
var _withStyles = _interopRequireDefault(__webpack_require__(17));
|
|
|
|
|
|
var _Form = __webpack_require__(1320);
|
|
|
|
|
|
// @inheritedComponent FormLabel
|
|
|
var styles = function styles(theme) {
|
|
|
return {
|
|
|
root: {
|
|
|
transformOrigin: 'top left'
|
|
|
},
|
|
|
formControl: {
|
|
|
position: 'absolute',
|
|
|
left: 0,
|
|
|
top: 0,
|
|
|
// slight alteration to spec spacing to match visual spec result
|
|
|
transform: "translate(0, ".concat(theme.spacing.unit * 3, "px) scale(1)")
|
|
|
},
|
|
|
marginDense: {
|
|
|
// Compensation for the `Input.inputDense` style.
|
|
|
transform: "translate(0, ".concat(theme.spacing.unit * 2.5 + 1, "px) scale(1)")
|
|
|
},
|
|
|
shrink: {
|
|
|
transform: 'translate(0, 1.5px) scale(0.75)',
|
|
|
transformOrigin: 'top left'
|
|
|
},
|
|
|
animated: {
|
|
|
transition: theme.transitions.create('transform', {
|
|
|
duration: theme.transitions.duration.shorter,
|
|
|
easing: theme.transitions.easing.easeOut
|
|
|
})
|
|
|
}
|
|
|
};
|
|
|
};
|
|
|
|
|
|
exports.styles = styles;
|
|
|
|
|
|
function InputLabel(props, context) {
|
|
|
var _classNames;
|
|
|
|
|
|
var children = props.children,
|
|
|
classes = props.classes,
|
|
|
classNameProp = props.className,
|
|
|
disableAnimation = props.disableAnimation,
|
|
|
FormLabelClasses = props.FormLabelClasses,
|
|
|
marginProp = props.margin,
|
|
|
shrinkProp = props.shrink,
|
|
|
other = (0, _objectWithoutProperties2.default)(props, ["children", "classes", "className", "disableAnimation", "FormLabelClasses", "margin", "shrink"]);
|
|
|
var muiFormControl = context.muiFormControl;
|
|
|
var shrink = shrinkProp;
|
|
|
|
|
|
if (typeof shrink === 'undefined' && muiFormControl) {
|
|
|
shrink = muiFormControl.filled || muiFormControl.focused || muiFormControl.adornedStart;
|
|
|
}
|
|
|
|
|
|
var margin = marginProp;
|
|
|
|
|
|
if (typeof margin === 'undefined' && muiFormControl) {
|
|
|
margin = muiFormControl.margin;
|
|
|
}
|
|
|
|
|
|
var className = (0, _classnames.default)(classes.root, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.formControl, muiFormControl), (0, _defineProperty2.default)(_classNames, classes.animated, !disableAnimation), (0, _defineProperty2.default)(_classNames, classes.shrink, shrink), (0, _defineProperty2.default)(_classNames, classes.marginDense, margin === 'dense'), _classNames), classNameProp);
|
|
|
return _react.default.createElement(_Form.FormLabel, (0, _extends2.default)({
|
|
|
"data-shrink": shrink,
|
|
|
className: className,
|
|
|
classes: FormLabelClasses
|
|
|
}, other), children);
|
|
|
}
|
|
|
|
|
|
InputLabel.propTypes = false ? {
|
|
|
/**
|
|
|
* The contents of the `InputLabel`.
|
|
|
*/
|
|
|
children: _propTypes.default.node,
|
|
|
|
|
|
/**
|
|
|
* Useful to extend the style applied to components.
|
|
|
*/
|
|
|
classes: _propTypes.default.object.isRequired,
|
|
|
|
|
|
/**
|
|
|
* @ignore
|
|
|
*/
|
|
|
className: _propTypes.default.string,
|
|
|
|
|
|
/**
|
|
|
* If `true`, the transition animation is disabled.
|
|
|
*/
|
|
|
disableAnimation: _propTypes.default.bool,
|
|
|
|
|
|
/**
|
|
|
* If `true`, apply disabled class.
|
|
|
*/
|
|
|
disabled: _propTypes.default.bool,
|
|
|
|
|
|
/**
|
|
|
* If `true`, the label will be displayed in an error state.
|
|
|
*/
|
|
|
error: _propTypes.default.bool,
|
|
|
|
|
|
/**
|
|
|
* If `true`, the input of this label is focused.
|
|
|
*/
|
|
|
focused: _propTypes.default.bool,
|
|
|
|
|
|
/**
|
|
|
* `classes` property applied to the `FormLabel` element.
|
|
|
*/
|
|
|
FormLabelClasses: _propTypes.default.object,
|
|
|
|
|
|
/**
|
|
|
* If `dense`, will adjust vertical spacing. This is normally obtained via context from
|
|
|
* FormControl.
|
|
|
*/
|
|
|
margin: _propTypes.default.oneOf(['dense']),
|
|
|
|
|
|
/**
|
|
|
* if `true`, the label will indicate that the input is required.
|
|
|
*/
|
|
|
required: _propTypes.default.bool,
|
|
|
|
|
|
/**
|
|
|
* If `true`, the label is shrunk.
|
|
|
*/
|
|
|
shrink: _propTypes.default.bool
|
|
|
} : {};
|
|
|
InputLabel.defaultProps = {
|
|
|
disableAnimation: false
|
|
|
};
|
|
|
InputLabel.contextTypes = {
|
|
|
muiFormControl: _propTypes.default.object
|
|
|
};
|
|
|
|
|
|
var _default = (0, _withStyles.default)(styles, {
|
|
|
name: 'MuiInputLabel'
|
|
|
})(InputLabel);
|
|
|
|
|
|
exports.default = _default;
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1471:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
var _interopRequireDefault = __webpack_require__(2);
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
|
value: true
|
|
|
});
|
|
|
exports.default = exports.styles = void 0;
|
|
|
|
|
|
var _extends2 = _interopRequireDefault(__webpack_require__(8));
|
|
|
|
|
|
var _defineProperty2 = _interopRequireDefault(__webpack_require__(18));
|
|
|
|
|
|
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(6));
|
|
|
|
|
|
var _react = _interopRequireDefault(__webpack_require__(0));
|
|
|
|
|
|
var _propTypes = _interopRequireDefault(__webpack_require__(1));
|
|
|
|
|
|
var _classnames = _interopRequireDefault(__webpack_require__(3));
|
|
|
|
|
|
var _withStyles = _interopRequireDefault(__webpack_require__(17));
|
|
|
|
|
|
var styles = function styles(theme) {
|
|
|
return {
|
|
|
root: {
|
|
|
fontFamily: theme.typography.fontFamily,
|
|
|
color: theme.palette.text.secondary,
|
|
|
fontSize: theme.typography.pxToRem(16),
|
|
|
lineHeight: 1,
|
|
|
padding: 0,
|
|
|
'&$focused': {
|
|
|
color: theme.palette.primary[theme.palette.type === 'light' ? 'dark' : 'light']
|
|
|
},
|
|
|
'&$disabled': {
|
|
|
color: theme.palette.text.disabled
|
|
|
},
|
|
|
'&$error': {
|
|
|
color: theme.palette.error.main
|
|
|
}
|
|
|
},
|
|
|
focused: {},
|
|
|
disabled: {},
|
|
|
error: {},
|
|
|
asterisk: {
|
|
|
'&$error': {
|
|
|
color: theme.palette.error.main
|
|
|
}
|
|
|
}
|
|
|
};
|
|
|
};
|
|
|
|
|
|
exports.styles = styles;
|
|
|
|
|
|
function FormLabel(props, context) {
|
|
|
var _classNames;
|
|
|
|
|
|
var children = props.children,
|
|
|
classes = props.classes,
|
|
|
classNameProp = props.className,
|
|
|
Component = props.component,
|
|
|
disabledProp = props.disabled,
|
|
|
errorProp = props.error,
|
|
|
focusedProp = props.focused,
|
|
|
requiredProp = props.required,
|
|
|
other = (0, _objectWithoutProperties2.default)(props, ["children", "classes", "className", "component", "disabled", "error", "focused", "required"]);
|
|
|
var muiFormControl = context.muiFormControl;
|
|
|
var required = requiredProp;
|
|
|
var focused = focusedProp;
|
|
|
var disabled = disabledProp;
|
|
|
var error = errorProp;
|
|
|
|
|
|
if (muiFormControl) {
|
|
|
if (typeof required === 'undefined') {
|
|
|
required = muiFormControl.required;
|
|
|
}
|
|
|
|
|
|
if (typeof focused === 'undefined') {
|
|
|
focused = muiFormControl.focused;
|
|
|
}
|
|
|
|
|
|
if (typeof disabled === 'undefined') {
|
|
|
disabled = muiFormControl.disabled;
|
|
|
}
|
|
|
|
|
|
if (typeof error === 'undefined') {
|
|
|
error = muiFormControl.error;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
var className = (0, _classnames.default)(classes.root, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.focused, focused), (0, _defineProperty2.default)(_classNames, classes.disabled, disabled), (0, _defineProperty2.default)(_classNames, classes.error, error), _classNames), classNameProp);
|
|
|
return _react.default.createElement(Component, (0, _extends2.default)({
|
|
|
className: className
|
|
|
}, other), children, required && _react.default.createElement("span", {
|
|
|
className: (0, _classnames.default)(classes.asterisk, (0, _defineProperty2.default)({}, classes.error, error))
|
|
|
}, "\u2009*"));
|
|
|
}
|
|
|
|
|
|
FormLabel.propTypes = false ? {
|
|
|
/**
|
|
|
* The content of the component.
|
|
|
*/
|
|
|
children: _propTypes.default.node,
|
|
|
|
|
|
/**
|
|
|
* Useful to extend the style applied to components.
|
|
|
*/
|
|
|
classes: _propTypes.default.object.isRequired,
|
|
|
|
|
|
/**
|
|
|
* @ignore
|
|
|
*/
|
|
|
className: _propTypes.default.string,
|
|
|
|
|
|
/**
|
|
|
* The component used for the root node.
|
|
|
* Either a string to use a DOM element or a component.
|
|
|
*/
|
|
|
component: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.func]),
|
|
|
|
|
|
/**
|
|
|
* If `true`, the label should be displayed in a disabled state.
|
|
|
*/
|
|
|
disabled: _propTypes.default.bool,
|
|
|
|
|
|
/**
|
|
|
* If `true`, the label should be displayed in an error state.
|
|
|
*/
|
|
|
error: _propTypes.default.bool,
|
|
|
|
|
|
/**
|
|
|
* If `true`, the input of this label is focused (used by `FormGroup` components).
|
|
|
*/
|
|
|
focused: _propTypes.default.bool,
|
|
|
|
|
|
/**
|
|
|
* If `true`, the label will indicate that the input is required.
|
|
|
*/
|
|
|
required: _propTypes.default.bool
|
|
|
} : {};
|
|
|
FormLabel.defaultProps = {
|
|
|
component: 'label'
|
|
|
};
|
|
|
FormLabel.contextTypes = {
|
|
|
muiFormControl: _propTypes.default.object
|
|
|
};
|
|
|
|
|
|
var _default = (0, _withStyles.default)(styles, {
|
|
|
name: 'MuiFormLabel'
|
|
|
})(FormLabel);
|
|
|
|
|
|
exports.default = _default;
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1472:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
var _interopRequireDefault = __webpack_require__(2);
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
|
value: true
|
|
|
});
|
|
|
exports.default = exports.styles = void 0;
|
|
|
|
|
|
var _extends2 = _interopRequireDefault(__webpack_require__(8));
|
|
|
|
|
|
var _defineProperty2 = _interopRequireDefault(__webpack_require__(18));
|
|
|
|
|
|
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(6));
|
|
|
|
|
|
var _getPrototypeOf = _interopRequireDefault(__webpack_require__(20));
|
|
|
|
|
|
var _classCallCheck2 = _interopRequireDefault(__webpack_require__(15));
|
|
|
|
|
|
var _createClass2 = _interopRequireDefault(__webpack_require__(16));
|
|
|
|
|
|
var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(21));
|
|
|
|
|
|
var _inherits2 = _interopRequireDefault(__webpack_require__(22));
|
|
|
|
|
|
var _assertThisInitialized2 = _interopRequireDefault(__webpack_require__(23));
|
|
|
|
|
|
var _react = _interopRequireDefault(__webpack_require__(0));
|
|
|
|
|
|
var _propTypes = _interopRequireDefault(__webpack_require__(1));
|
|
|
|
|
|
var _classnames = _interopRequireDefault(__webpack_require__(3));
|
|
|
|
|
|
var _withStyles = _interopRequireDefault(__webpack_require__(17));
|
|
|
|
|
|
var _Input = __webpack_require__(1339);
|
|
|
|
|
|
var _helpers = __webpack_require__(76);
|
|
|
|
|
|
var _reactHelpers = __webpack_require__(331);
|
|
|
|
|
|
var styles = function styles(theme) {
|
|
|
return {
|
|
|
root: {
|
|
|
display: 'inline-flex',
|
|
|
flexDirection: 'column',
|
|
|
position: 'relative',
|
|
|
// Reset fieldset default style
|
|
|
minWidth: 0,
|
|
|
padding: 0,
|
|
|
margin: 0,
|
|
|
border: 0
|
|
|
},
|
|
|
marginNormal: {
|
|
|
marginTop: theme.spacing.unit * 2,
|
|
|
marginBottom: theme.spacing.unit
|
|
|
},
|
|
|
marginDense: {
|
|
|
marginTop: theme.spacing.unit,
|
|
|
marginBottom: theme.spacing.unit / 2
|
|
|
},
|
|
|
fullWidth: {
|
|
|
width: '100%'
|
|
|
}
|
|
|
};
|
|
|
};
|
|
|
/**
|
|
|
* Provides context such as filled/focused/error/required for form inputs.
|
|
|
* Relying on the context provides high flexibilty and ensures that the state always stay
|
|
|
* consitent across the children of the `FormControl`.
|
|
|
* This context is used by the following components:
|
|
|
* - FormLabel
|
|
|
* - FormHelperText
|
|
|
* - Input
|
|
|
* - InputLabel
|
|
|
*/
|
|
|
|
|
|
|
|
|
exports.styles = styles;
|
|
|
|
|
|
var FormControl =
|
|
|
/*#__PURE__*/
|
|
|
function (_React$Component) {
|
|
|
(0, _inherits2.default)(FormControl, _React$Component);
|
|
|
|
|
|
function FormControl(props, context) {
|
|
|
var _this;
|
|
|
|
|
|
(0, _classCallCheck2.default)(this, FormControl);
|
|
|
_this = (0, _possibleConstructorReturn2.default)(this, (FormControl.__proto__ || (0, _getPrototypeOf.default)(FormControl)).call(this, props, context)); // We need to iterate through the children and find the Input in order
|
|
|
// to fully support server side rendering.
|
|
|
|
|
|
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "state", {
|
|
|
configurable: true,
|
|
|
enumerable: true,
|
|
|
writable: true,
|
|
|
value: {
|
|
|
adornedStart: false,
|
|
|
filled: false,
|
|
|
focused: false
|
|
|
}
|
|
|
});
|
|
|
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "handleFocus", {
|
|
|
configurable: true,
|
|
|
enumerable: true,
|
|
|
writable: true,
|
|
|
value: function value(event) {
|
|
|
if (_this.props.onFocus) {
|
|
|
_this.props.onFocus(event);
|
|
|
}
|
|
|
|
|
|
_this.setState(function (state) {
|
|
|
return !state.focused ? {
|
|
|
focused: true
|
|
|
} : null;
|
|
|
});
|
|
|
}
|
|
|
});
|
|
|
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "handleBlur", {
|
|
|
configurable: true,
|
|
|
enumerable: true,
|
|
|
writable: true,
|
|
|
value: function value(event) {
|
|
|
// The event might be undefined.
|
|
|
// For instance, a child component might call this hook
|
|
|
// when an input is disabled but still having the focus.
|
|
|
if (_this.props.onBlur && event) {
|
|
|
_this.props.onBlur(event);
|
|
|
}
|
|
|
|
|
|
_this.setState(function (state) {
|
|
|
return state.focused ? {
|
|
|
focused: false
|
|
|
} : null;
|
|
|
});
|
|
|
}
|
|
|
});
|
|
|
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "handleDirty", {
|
|
|
configurable: true,
|
|
|
enumerable: true,
|
|
|
writable: true,
|
|
|
value: function value() {
|
|
|
if (!_this.state.filled) {
|
|
|
_this.setState({
|
|
|
filled: true
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "handleClean", {
|
|
|
configurable: true,
|
|
|
enumerable: true,
|
|
|
writable: true,
|
|
|
value: function value() {
|
|
|
if (_this.state.filled) {
|
|
|
_this.setState({
|
|
|
filled: false
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
var children = _this.props.children;
|
|
|
|
|
|
if (children) {
|
|
|
_react.default.Children.forEach(children, function (child) {
|
|
|
if (!(0, _reactHelpers.isMuiElement)(child, ['Input', 'Select'])) {
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
if ((0, _Input.isFilled)(child.props, true)) {
|
|
|
_this.state.filled = true;
|
|
|
}
|
|
|
|
|
|
var input = (0, _reactHelpers.isMuiElement)(child, ['Select']) ? child.props.input : child;
|
|
|
|
|
|
if (input && (0, _Input.isAdornedStart)(input.props)) {
|
|
|
_this.state.adornedStart = true;
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
|
|
|
return _this;
|
|
|
}
|
|
|
|
|
|
(0, _createClass2.default)(FormControl, [{
|
|
|
key: "getChildContext",
|
|
|
value: function getChildContext() {
|
|
|
var _props = this.props,
|
|
|
disabled = _props.disabled,
|
|
|
error = _props.error,
|
|
|
required = _props.required,
|
|
|
margin = _props.margin;
|
|
|
var _state = this.state,
|
|
|
adornedStart = _state.adornedStart,
|
|
|
filled = _state.filled,
|
|
|
focused = _state.focused;
|
|
|
return {
|
|
|
muiFormControl: {
|
|
|
adornedStart: adornedStart,
|
|
|
disabled: disabled,
|
|
|
error: error,
|
|
|
filled: filled,
|
|
|
focused: focused,
|
|
|
margin: margin,
|
|
|
onBlur: this.handleBlur,
|
|
|
onEmpty: this.handleClean,
|
|
|
onFilled: this.handleDirty,
|
|
|
onFocus: this.handleFocus,
|
|
|
required: required
|
|
|
}
|
|
|
};
|
|
|
}
|
|
|
}, {
|
|
|
key: "render",
|
|
|
value: function render() {
|
|
|
var _classNames;
|
|
|
|
|
|
var _props2 = this.props,
|
|
|
classes = _props2.classes,
|
|
|
className = _props2.className,
|
|
|
Component = _props2.component,
|
|
|
disabled = _props2.disabled,
|
|
|
error = _props2.error,
|
|
|
fullWidth = _props2.fullWidth,
|
|
|
margin = _props2.margin,
|
|
|
required = _props2.required,
|
|
|
other = (0, _objectWithoutProperties2.default)(_props2, ["classes", "className", "component", "disabled", "error", "fullWidth", "margin", "required"]);
|
|
|
return _react.default.createElement(Component, (0, _extends2.default)({
|
|
|
className: (0, _classnames.default)(classes.root, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes["margin".concat((0, _helpers.capitalize)(margin))], margin !== 'none'), (0, _defineProperty2.default)(_classNames, classes.fullWidth, fullWidth), _classNames), className)
|
|
|
}, other, {
|
|
|
onFocus: this.handleFocus,
|
|
|
onBlur: this.handleBlur
|
|
|
}));
|
|
|
}
|
|
|
}]);
|
|
|
return FormControl;
|
|
|
}(_react.default.Component);
|
|
|
|
|
|
FormControl.propTypes = false ? {
|
|
|
/**
|
|
|
* The contents of the form control.
|
|
|
*/
|
|
|
children: _propTypes.default.node,
|
|
|
|
|
|
/**
|
|
|
* Useful to extend the style applied to components.
|
|
|
*/
|
|
|
classes: _propTypes.default.object.isRequired,
|
|
|
|
|
|
/**
|
|
|
* @ignore
|
|
|
*/
|
|
|
className: _propTypes.default.string,
|
|
|
|
|
|
/**
|
|
|
* The component used for the root node.
|
|
|
* Either a string to use a DOM element or a component.
|
|
|
*/
|
|
|
component: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.func]),
|
|
|
|
|
|
/**
|
|
|
* If `true`, the label, input and helper text should be displayed in a disabled state.
|
|
|
*/
|
|
|
disabled: _propTypes.default.bool,
|
|
|
|
|
|
/**
|
|
|
* If `true`, the label should be displayed in an error state.
|
|
|
*/
|
|
|
error: _propTypes.default.bool,
|
|
|
|
|
|
/**
|
|
|
* If `true`, the component will take up the full width of its container.
|
|
|
*/
|
|
|
fullWidth: _propTypes.default.bool,
|
|
|
|
|
|
/**
|
|
|
* If `dense` or `normal`, will adjust vertical spacing of this and contained components.
|
|
|
*/
|
|
|
margin: _propTypes.default.oneOf(['none', 'dense', 'normal']),
|
|
|
|
|
|
/**
|
|
|
* @ignore
|
|
|
*/
|
|
|
onBlur: _propTypes.default.func,
|
|
|
|
|
|
/**
|
|
|
* @ignore
|
|
|
*/
|
|
|
onFocus: _propTypes.default.func,
|
|
|
|
|
|
/**
|
|
|
* If `true`, the label will indicate that the input is required.
|
|
|
*/
|
|
|
required: _propTypes.default.bool
|
|
|
} : {};
|
|
|
FormControl.defaultProps = {
|
|
|
component: 'div',
|
|
|
disabled: false,
|
|
|
error: false,
|
|
|
fullWidth: false,
|
|
|
margin: 'none',
|
|
|
required: false
|
|
|
};
|
|
|
FormControl.childContextTypes = {
|
|
|
muiFormControl: _propTypes.default.object
|
|
|
};
|
|
|
|
|
|
var _default = (0, _withStyles.default)(styles, {
|
|
|
name: 'MuiFormControl'
|
|
|
})(FormControl);
|
|
|
|
|
|
exports.default = _default;
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1473:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
var _interopRequireDefault = __webpack_require__(2);
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
|
value: true
|
|
|
});
|
|
|
exports.default = exports.styles = void 0;
|
|
|
|
|
|
var _extends2 = _interopRequireDefault(__webpack_require__(8));
|
|
|
|
|
|
var _defineProperty2 = _interopRequireDefault(__webpack_require__(18));
|
|
|
|
|
|
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(6));
|
|
|
|
|
|
var _react = _interopRequireDefault(__webpack_require__(0));
|
|
|
|
|
|
var _propTypes = _interopRequireDefault(__webpack_require__(1));
|
|
|
|
|
|
var _classnames = _interopRequireDefault(__webpack_require__(3));
|
|
|
|
|
|
var _withStyles = _interopRequireDefault(__webpack_require__(17));
|
|
|
|
|
|
var styles = function styles(theme) {
|
|
|
return {
|
|
|
root: {
|
|
|
color: theme.palette.text.secondary,
|
|
|
fontFamily: theme.typography.fontFamily,
|
|
|
fontSize: theme.typography.pxToRem(12),
|
|
|
textAlign: 'left',
|
|
|
marginTop: theme.spacing.unit,
|
|
|
lineHeight: '1em',
|
|
|
minHeight: '1em',
|
|
|
margin: 0,
|
|
|
'&$error': {
|
|
|
color: theme.palette.error.main
|
|
|
},
|
|
|
'&$disabled': {
|
|
|
color: theme.palette.text.disabled
|
|
|
}
|
|
|
},
|
|
|
error: {},
|
|
|
disabled: {},
|
|
|
marginDense: {
|
|
|
marginTop: theme.spacing.unit / 2
|
|
|
}
|
|
|
};
|
|
|
};
|
|
|
|
|
|
exports.styles = styles;
|
|
|
|
|
|
function FormHelperText(props, context) {
|
|
|
var _classNames;
|
|
|
|
|
|
var classes = props.classes,
|
|
|
classNameProp = props.className,
|
|
|
disabledProp = props.disabled,
|
|
|
errorProp = props.error,
|
|
|
marginProp = props.margin,
|
|
|
Component = props.component,
|
|
|
other = (0, _objectWithoutProperties2.default)(props, ["classes", "className", "disabled", "error", "margin", "component"]);
|
|
|
var muiFormControl = context.muiFormControl;
|
|
|
var disabled = disabledProp;
|
|
|
var error = errorProp;
|
|
|
var margin = marginProp;
|
|
|
|
|
|
if (muiFormControl) {
|
|
|
if (typeof disabled === 'undefined') {
|
|
|
disabled = muiFormControl.disabled;
|
|
|
}
|
|
|
|
|
|
if (typeof error === 'undefined') {
|
|
|
error = muiFormControl.error;
|
|
|
}
|
|
|
|
|
|
if (typeof margin === 'undefined') {
|
|
|
margin = muiFormControl.margin;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
var className = (0, _classnames.default)(classes.root, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.disabled, disabled), (0, _defineProperty2.default)(_classNames, classes.error, error), (0, _defineProperty2.default)(_classNames, classes.marginDense, margin === 'dense'), _classNames), classNameProp);
|
|
|
return _react.default.createElement(Component, (0, _extends2.default)({
|
|
|
className: className
|
|
|
}, other));
|
|
|
}
|
|
|
|
|
|
FormHelperText.propTypes = false ? {
|
|
|
/**
|
|
|
* The content of the component.
|
|
|
*/
|
|
|
children: _propTypes.default.node,
|
|
|
|
|
|
/**
|
|
|
* Useful to extend the style applied to components.
|
|
|
*/
|
|
|
classes: _propTypes.default.object.isRequired,
|
|
|
|
|
|
/**
|
|
|
* @ignore
|
|
|
*/
|
|
|
className: _propTypes.default.string,
|
|
|
|
|
|
/**
|
|
|
* The component used for the root node.
|
|
|
* Either a string to use a DOM element or a component.
|
|
|
*/
|
|
|
component: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.func]),
|
|
|
|
|
|
/**
|
|
|
* If `true`, the helper text should be displayed in a disabled state.
|
|
|
*/
|
|
|
disabled: _propTypes.default.bool,
|
|
|
|
|
|
/**
|
|
|
* If `true`, helper text should be displayed in an error state.
|
|
|
*/
|
|
|
error: _propTypes.default.bool,
|
|
|
|
|
|
/**
|
|
|
* If `dense`, will adjust vertical spacing. This is normally obtained via context from
|
|
|
* FormControl.
|
|
|
*/
|
|
|
margin: _propTypes.default.oneOf(['dense'])
|
|
|
} : {};
|
|
|
FormHelperText.defaultProps = {
|
|
|
component: 'p'
|
|
|
};
|
|
|
FormHelperText.contextTypes = {
|
|
|
muiFormControl: _propTypes.default.object
|
|
|
};
|
|
|
|
|
|
var _default = (0, _withStyles.default)(styles, {
|
|
|
name: 'MuiFormHelperText'
|
|
|
})(FormHelperText);
|
|
|
|
|
|
exports.default = _default;
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1474:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
var _interopRequireDefault = __webpack_require__(2);
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
|
value: true
|
|
|
});
|
|
|
exports.default = exports.styles = void 0;
|
|
|
|
|
|
var _extends2 = _interopRequireDefault(__webpack_require__(8));
|
|
|
|
|
|
var _defineProperty2 = _interopRequireDefault(__webpack_require__(18));
|
|
|
|
|
|
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(6));
|
|
|
|
|
|
var _react = _interopRequireDefault(__webpack_require__(0));
|
|
|
|
|
|
var _propTypes = _interopRequireDefault(__webpack_require__(1));
|
|
|
|
|
|
var _classnames = _interopRequireDefault(__webpack_require__(3));
|
|
|
|
|
|
var _withStyles = _interopRequireDefault(__webpack_require__(17));
|
|
|
|
|
|
var _Typography = _interopRequireDefault(__webpack_require__(111));
|
|
|
|
|
|
/* eslint-disable jsx-a11y/label-has-for */
|
|
|
var styles = function styles(theme) {
|
|
|
return {
|
|
|
root: {
|
|
|
display: 'inline-flex',
|
|
|
alignItems: 'center',
|
|
|
cursor: 'pointer',
|
|
|
// For correct alignment with the text.
|
|
|
verticalAlign: 'middle',
|
|
|
// Remove grey highlight
|
|
|
WebkitTapHighlightColor: 'transparent',
|
|
|
marginLeft: -14,
|
|
|
marginRight: theme.spacing.unit * 2,
|
|
|
// used for row presentation of radio/checkbox
|
|
|
'&$disabled': {
|
|
|
cursor: 'default'
|
|
|
}
|
|
|
},
|
|
|
disabled: {},
|
|
|
label: {
|
|
|
'&$disabled': {
|
|
|
color: theme.palette.text.disabled
|
|
|
}
|
|
|
}
|
|
|
};
|
|
|
};
|
|
|
/**
|
|
|
* Drop in replacement of the `Radio`, `Switch` and `Checkbox` component.
|
|
|
* Use this component if you want to display an extra label.
|
|
|
*/
|
|
|
|
|
|
|
|
|
exports.styles = styles;
|
|
|
|
|
|
function FormControlLabel(props, context) {
|
|
|
var checked = props.checked,
|
|
|
classes = props.classes,
|
|
|
classNameProp = props.className,
|
|
|
control = props.control,
|
|
|
disabledProp = props.disabled,
|
|
|
inputRef = props.inputRef,
|
|
|
label = props.label,
|
|
|
name = props.name,
|
|
|
onChange = props.onChange,
|
|
|
value = props.value,
|
|
|
other = (0, _objectWithoutProperties2.default)(props, ["checked", "classes", "className", "control", "disabled", "inputRef", "label", "name", "onChange", "value"]);
|
|
|
var muiFormControl = context.muiFormControl;
|
|
|
var disabled = disabledProp;
|
|
|
|
|
|
if (typeof control.props.disabled !== 'undefined') {
|
|
|
if (typeof disabled === 'undefined') {
|
|
|
disabled = control.props.disabled;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
if (muiFormControl) {
|
|
|
if (typeof disabled === 'undefined') {
|
|
|
disabled = muiFormControl.disabled;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
var className = (0, _classnames.default)(classes.root, (0, _defineProperty2.default)({}, classes.disabled, disabled), classNameProp);
|
|
|
return _react.default.createElement("label", (0, _extends2.default)({
|
|
|
className: className
|
|
|
}, other), _react.default.cloneElement(control, {
|
|
|
disabled: disabled,
|
|
|
checked: typeof control.props.checked === 'undefined' ? checked : control.props.checked,
|
|
|
name: control.props.name || name,
|
|
|
onChange: control.props.onChange || onChange,
|
|
|
value: control.props.value || value,
|
|
|
inputRef: control.props.inputRef || inputRef
|
|
|
}), _react.default.createElement(_Typography.default, {
|
|
|
component: "span",
|
|
|
className: (0, _classnames.default)(classes.label, (0, _defineProperty2.default)({}, classes.disabled, disabled))
|
|
|
}, label));
|
|
|
}
|
|
|
|
|
|
FormControlLabel.propTypes = false ? {
|
|
|
/**
|
|
|
* If `true`, the component appears selected.
|
|
|
*/
|
|
|
checked: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
|
|
|
|
|
|
/**
|
|
|
* Useful to extend the style applied to components.
|
|
|
*/
|
|
|
classes: _propTypes.default.object.isRequired,
|
|
|
|
|
|
/**
|
|
|
* @ignore
|
|
|
*/
|
|
|
className: _propTypes.default.string,
|
|
|
|
|
|
/**
|
|
|
* A control element. For instance, it can be be a `Radio`, a `Switch` or a `Checkbox`.
|
|
|
*/
|
|
|
control: _propTypes.default.element,
|
|
|
|
|
|
/**
|
|
|
* If `true`, the control will be disabled.
|
|
|
*/
|
|
|
disabled: _propTypes.default.bool,
|
|
|
|
|
|
/**
|
|
|
* Use that property to pass a ref callback to the native input component.
|
|
|
*/
|
|
|
inputRef: _propTypes.default.func,
|
|
|
|
|
|
/**
|
|
|
* The text to be used in an enclosing label element.
|
|
|
*/
|
|
|
label: _propTypes.default.node,
|
|
|
|
|
|
/*
|
|
|
* @ignore
|
|
|
*/
|
|
|
name: _propTypes.default.string,
|
|
|
|
|
|
/**
|
|
|
* Callback fired when the state is changed.
|
|
|
*
|
|
|
* @param {object} event The event source of the callback.
|
|
|
* You can pull out the new value by accessing `event.target.checked`.
|
|
|
* @param {boolean} checked The `checked` value of the switch
|
|
|
*/
|
|
|
onChange: _propTypes.default.func,
|
|
|
|
|
|
/**
|
|
|
* The value of the component.
|
|
|
*/
|
|
|
value: _propTypes.default.string
|
|
|
} : {};
|
|
|
FormControlLabel.contextTypes = {
|
|
|
muiFormControl: _propTypes.default.object
|
|
|
};
|
|
|
|
|
|
var _default = (0, _withStyles.default)(styles, {
|
|
|
name: 'MuiFormControlLabel'
|
|
|
})(FormControlLabel);
|
|
|
|
|
|
exports.default = _default;
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1475:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react_router__ = __webpack_require__(57);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react_router_dom__ = __webpack_require__(45);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prop_types__ = __webpack_require__(1);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_prop_types__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_classnames__ = __webpack_require__(3);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_classnames__);
|
|
|
var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return call&&(typeof call==="object"||typeof call==="function")?call:self;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass;}var $=window.$;var _origin=window.location.origin;var CommentItemKEEditor=function(_Component){_inherits(CommentItemKEEditor,_Component);function CommentItemKEEditor(){var _ref;var _temp,_this,_ret;_classCallCheck(this,CommentItemKEEditor);for(var _len=arguments.length,args=Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}return _ret=(_temp=(_this=_possibleConstructorReturn(this,(_ref=CommentItemKEEditor.__proto__||Object.getPrototypeOf(CommentItemKEEditor)).call.apply(_ref,[this].concat(args))),_this),_this.showOrHideEditor=function(comment){var user=_this.props.user;console.log('initReply ',comment);var $=window.$;var id=comment.id;var reply_message_el='#reply_message_'+id;var reply_iconup_el='#reply_iconup_'+id;if($(reply_message_el).html()==""){$(".reply_to_message").html("");$(reply_message_el).html('<div className="orig_reply_box borderBottomNone reply_to_message" id="reply_to_message_'+id+'">\n <div class="homepagePostReplyPortrait mr15 imageFuzzy fl" id="reply_image_'+id+'"><a href="'+user.user_url+'" target="_blank" alt="\u7528\u6237\u5934\u50CF"><img alt="0?1442652658" height="33" src="'+_origin+'/images/'+user.image_url+'" width="33" /></a></div>\n <div class="orig_textarea fl" style="margin-bottom: 0px">\n <div nhname=\'new_message_'+id+'\'>\n <form accept-charset="UTF-8" action="/discusses?challenge_id=118&dis_id=61&dis_type=Shixun" data-remote="true" id="new_comment_form" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓" /><input name="authenticity_token" type="hidden" value="HJTbMpfI8LKUpwghfkvgB2SaMmcIVyVdAezyKmzJ7FU=" /></div>\n <input type="hidden" id="dis_reply_id" name="reply_id" value="'+id+'">\n <div nhname=\'toolbar_container_'+id+'\'></div>\n <textarea placeholder="\u6709\u95EE\u9898\u6216\u6709\u5EFA\u8BAE\uFF0C\u8BF7\u76F4\u63A5\u7ED9\u6211\u7559\u8A00\u5427\uFF01" id="comment_news_'+id+'" style="display: none" nhname=\'new_message_textarea_'+id+'\' name="content"></textarea>\n <a id="new_message_submit_btn_'+id+'" href="javascript:void(0)" onclick="this.style.display=\'none\'" class="mt10 task-btn task-btn-orange fr">\u53D1\u9001</a>\n <div class="cl"></div>\n <p nhname=\'contentmsg_'+id+'\'></p>\n</form> </div>\n <div class="cl"></div>\n </div>\n <div class="cl"></div>\n</div>\n');//" ide语法识别
|
|
|
$(reply_iconup_el).show();$(function(){window.sd_create_editor_from_data(id,null,"100%","Discuss");});}else{if($(reply_message_el).is(':visible')){$(reply_message_el).hide();}else{$(reply_message_el).show();}// $(reply_message_el).html("");
|
|
|
// $(reply_iconup_el).hide();
|
|
|
}// 自动focus
|
|
|
setTimeout(function(){var iframe=$('#reply_to_message_'+id).find('iframe')[0];iframe&&iframe.contentDocument.body.focus();},200);},_temp),_possibleConstructorReturn(_this,_ret);}_createClass(CommentItemKEEditor,[{key:'componentDidUpdate',value:function componentDidUpdate(prevProps){var _props=this.props,item=_props.item,currentReplyComment=_props.currentReplyComment;if(prevProps.showReplyEditorFlag!=this.props.showReplyEditorFlag&¤tReplyComment&¤tReplyComment.id==item.id){this.showOrHideEditor(currentReplyComment);}}// 如果未初始化,会先初始化
|
|
|
},{key:'render',value:function render(){var _props2=this.props,match=_props2.match,history=_props2.history,item=_props2.item,user=_props2.user;if(!item){return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',null);}return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',null,__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:'cl'}),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{id:'reply_message_'+item.id,className:'reply_to_message'}));}}]);return CommentItemKEEditor;}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);/* harmony default export */ __webpack_exports__["a"] = (CommentItemKEEditor);
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1476:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react_router__ = __webpack_require__(57);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react_router_dom__ = __webpack_require__(45);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prop_types__ = __webpack_require__(1);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_prop_types__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_classnames__ = __webpack_require__(3);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_classnames__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__CommentItemMDEditor_css__ = __webpack_require__(1477);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__CommentItemMDEditor_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5__CommentItemMDEditor_css__);
|
|
|
var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();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;}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return call&&(typeof call==="object"||typeof call==="function")?call:self;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass;}var $=window.$;var _origin=window.location.origin;var CommentItemMDEditor=function(_Component){_inherits(CommentItemMDEditor,_Component);function CommentItemMDEditor(){var _ref;var _temp,_this,_ret;_classCallCheck(this,CommentItemMDEditor);for(var _len=arguments.length,args=Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}return _ret=(_temp=(_this=_possibleConstructorReturn(this,(_ref=CommentItemMDEditor.__proto__||Object.getPrototypeOf(CommentItemMDEditor)).call.apply(_ref,[this].concat(args))),_this),_this.showOrHideEditor=function(comment){var user=_this.props.user;console.log('initReply ',comment);var $=window.$;var commentId=comment.id;var reply_message_el='#reply_message_'+commentId;var initMD_ID='reply_message_editorMd_'+commentId;var view_selector='.commentItemMDEditorView_'+commentId;var commitBtnSelector='#commitBtn_'+commentId;if($('#'+initMD_ID+' textarea').length===1){// 没有初始化
|
|
|
var placeholder='我要回复...';// const imageUrl = `/upload_with_markdown?container_id=${commentId}&container_type=Memo`;
|
|
|
var imageUrl='/api/attachments.json';var otherOptions={watch:false,htmlDecode:"style,script,iframe",// you can filter tags decode
|
|
|
// taskList: true,
|
|
|
mode:'markdown',toolbar:true,markdown:'',readOnly:false,// preview: false,
|
|
|
tex:true,// 数学公式
|
|
|
flowChart:false,// 默认不解析
|
|
|
sequenceDiagram:false,// 默认不解析
|
|
|
dialogLockScreen:false};var commentMDEditor=window.create_editorMD_4comment(''+initMD_ID,'',120,placeholder,imageUrl,function(){// onload callback
|
|
|
commentMDEditor.cm.focus();window.initMDEditorDragResize(".editor__resize",commentMDEditor,{initHeight:120});},otherOptions);commentMDEditor.state.preview=false;_this.commentMDEditor=commentMDEditor;$('.commentItemMDEditorView').hide();$(view_selector).show();}else{// 初始化了,显示隐藏切换
|
|
|
if($(reply_message_el).is(':visible')){$(view_selector).hide();}else{$('.commentItemMDEditorView').hide();$(view_selector).show();window._currentChildcommentMDEditor&&window._currentChildcommentMDEditor.resize();// 自动focus
|
|
|
setTimeout(function(){_this.commentMDEditor&&_this.commentMDEditor.cm&&_this.commentMDEditor.cm.focus();_this.commentMDEditor.resize();// 解决切换显示、隐藏多次后出现的样式错乱的问题
|
|
|
},200);}}window._currentChildcommentMDEditor=_this.commentMDEditor;// tpi resize 的时候需要做调用editor.resize
|
|
|
},_this.onCommit=function(){window.$(document).trigger("onReply",{commentContent:_this.commentMDEditor.getValue(),id:_this.props.item.id,editor:_this.commentMDEditor});},_temp),_possibleConstructorReturn(_this,_ret);}_createClass(CommentItemMDEditor,[{key:'componentDidUpdate',value:function componentDidUpdate(prevProps){var _props=this.props,item=_props.item,currentReplyComment=_props.currentReplyComment;if(prevProps.showReplyEditorFlag!=this.props.showReplyEditorFlag&¤tReplyComment&¤tReplyComment.id==item.id){this.showOrHideEditor(currentReplyComment);}}// 如果未初始化,会先初始化
|
|
|
},{key:'render',value:function render(){var _props2=this.props,match=_props2.match,history=_props2.history,item=_props2.item,user=_props2.user,buttonText=_props2.buttonText;if(!item){return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',null);}return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:'commentItemMDEditorView commentItemMDEditorView_'+item.id,style:{display:'none'}},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:'homepagePostReplyPortrait mr15 fl imageFuzzy',id:'reply_image_3097',style:{marginTop:'2px',marginRight:'-20px'}},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('a',{href:''+user.user_url,target:'_blank',alt:'\u7528\u6237\u5934\u50CF'},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('img',{alt:'0?1442652658',height:'33',src:'/images/'+user.image_url,width:'33'}))),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{id:'reply_message_'+item.id,className:'reply_to_message commentItemMDEditor editormd-image-click-expand',style:{paddingTop:'0px',paddingBottom:'0px',marginTop:'36px'}},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{id:'reply_message_editorMd_'+item.id,className:'editorMD',style:{marginBottom:'0px'}},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('textarea',{style:{'display':'none'}})),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:'editor__resize',href:'javascript:void(0);',style:{display:''}},'\u8C03\u6574\u9AD8\u5EA6'),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{'class':'clearfix'},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('a',_defineProperty({id:'commitBtn_'+item.id,href:'javascript:void(0)',onClick:this.onCommit,style:{marginRight:'44px'},className:'commentsbtn task-btn task-btn-blue fr '},'style',{display:''}),buttonText||'发送'))));}}]);return CommentItemMDEditor;}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);/* harmony default export */ __webpack_exports__["a"] = (CommentItemMDEditor);// style={{ margin: '10px 44px', marginBottom: '0px'}}
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1477:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
// style-loader: Adds some css to the DOM by adding a <style> tag
|
|
|
|
|
|
// load the styles
|
|
|
var content = __webpack_require__(1478);
|
|
|
if(typeof content === 'string') content = [[module.i, content, '']];
|
|
|
// Prepare cssTransformation
|
|
|
var transform;
|
|
|
|
|
|
var options = {"hmr":false}
|
|
|
options.transform = transform
|
|
|
// add the styles to the DOM
|
|
|
var update = __webpack_require__(291)(content, options);
|
|
|
if(content.locals) module.exports = content.locals;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1478:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
exports = module.exports = __webpack_require__(290)(true);
|
|
|
// imports
|
|
|
|
|
|
|
|
|
// module
|
|
|
exports.push([module.i, ".reply_to_message .editorMD .editormd-toolbar li{padding:0}.reply_to_message .editorMD .editormd-toolbar,.reply_to_message .editorMD .editormd-toolbar .editormd-toolbar-container{min-height:28px}.reply_to_message .editorMD .editormd-toolbar i{margin-left:0}.reply_to_message .editorMD .editormd-preview{top:30px}.reply_to_message .editorMD .CodeMirror{margin-top:30px;height:90px}.panel-comment_item .editor__resize{-webkit-transform:translateX(-2%);-ms-transform:translateX(-2%);transform:translateX(-2%);position:absolute;width:120px;height:4px;left:54%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);margin-top:2px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;cursor:row-resize;text-indent:110%;white-space:nowrap;overflow:hidden;text-transform:capitalize;-webkit-box-sizing:border-box;box-sizing:border-box}a.commentsbtn.task-btn-blue{background:#4cacff!important}.commentTab a.commentsbtn.task-btn-blue{margin-right:22px;margin-top:6px}.editormd-grid-table-row a.editormd-emoji-btn.selected{border-bottom:2px solid #4cacff!important}", "", {"version":3,"sources":["/Users/alec/educoder/public/react/src/modules/comment/CommentItemMDEditor.css"],"names":[],"mappings":"AACA,iDACC,SAAW,CACX,AAKD,wHACC,eAAiB,CACjB,AACD,gDACC,aAAiB,CACjB,AAGD,8CACC,QAAU,CACV,AACD,wCACC,gBAAiB,AACjB,WAAa,CACb,AAED,oCACC,kCAAmC,AAC/B,8BAA+B,AAC3B,0BAA2B,AAEnC,kBAAmB,AACnB,YAAa,AACb,WAAY,AACZ,SAAU,AACV,mCAAoC,AAChC,+BAAgC,AAC5B,2BAA4B,AACpC,eAAgB,AAChB,0BAA2B,AAC3B,6BAA8B,AAC9B,kBAAmB,AACnB,iBAAkB,AAClB,mBAAoB,AACpB,gBAAiB,AACjB,0BAA2B,AAE3B,8BAA+B,AAEvB,qBAAuB,CAC/B,AAGD,4BACC,4BAA+B,CAC/B,AAED,wCACC,kBAAmB,AAChB,cAAgB,CACnB,AAGD,uDACC,yCAA2C,CAC3C","file":"CommentItemMDEditor.css","sourcesContent":["/*md编辑器 将toolbar高度变小变袖珍*/\r\n.reply_to_message .editorMD .editormd-toolbar li {\r\n\tpadding: 0;\r\n}\r\n.reply_to_message .editorMD .editormd-toolbar {\r\n\tmin-height: 28px;\r\n\r\n}\r\n.reply_to_message .editorMD .editormd-toolbar .editormd-toolbar-container {\r\n\tmin-height: 28px;\r\n}\r\n.reply_to_message .editorMD .editormd-toolbar i {\r\n\tmargin-left: 0px;\r\n}\r\n\r\n\r\n.reply_to_message .editorMD .editormd-preview {\r\n\ttop: 30px;\r\n}\r\n.reply_to_message .editorMD .CodeMirror {\r\n\tmargin-top: 30px;\r\n\theight: 90px;\r\n}\r\n\r\n.panel-comment_item .editor__resize {\r\n\t-webkit-transform: translateX(-2%);\r\n\t -ms-transform: translateX(-2%);\r\n\t transform: translateX(-2%);\r\n\r\n\tposition: absolute;\r\n\twidth: 120px;\r\n\theight: 4px;\r\n\tleft: 54%;\r\n\t-webkit-transform: translateX(-50%);\r\n\t -ms-transform: translateX(-50%);\r\n\t transform: translateX(-50%);\r\n\tmargin-top: 2px;\r\n\tborder-top: 1px solid #ccc;\r\n\tborder-bottom: 1px solid #ccc;\r\n\tcursor: row-resize;\r\n\ttext-indent: 110%;\r\n\twhite-space: nowrap;\r\n\toverflow: hidden;\r\n\ttext-transform: capitalize;\r\n\t\r\n\t-webkit-box-sizing: border-box;\r\n\t\r\n\t box-sizing: border-box;\r\n}\r\n\r\n/*帖子回復按鈕*/\r\na.commentsbtn.task-btn-blue {\r\n\tbackground: #4CACFF !important;\r\n}\r\n\r\n.commentTab a.commentsbtn.task-btn-blue {\r\n\tmargin-right: 22px;\r\n margin-top: 6px;\r\n}\r\n\r\n\r\n.editormd-grid-table-row a.editormd-emoji-btn.selected {\r\n\tborder-bottom: 2px solid #4CACFF!important;\r\n}"],"sourceRoot":""}]);
|
|
|
|
|
|
// exports
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1520:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
exports = module.exports = __webpack_require__(290)(true);
|
|
|
// imports
|
|
|
|
|
|
|
|
|
// module
|
|
|
exports.push([module.i, ".educontent{margin-bottom:20px}#forum_index_list{min-height:400px;position:relative}#forum_index_list .forum_table .forum_table_item{background:#fff}.noMemosTip{position:absolute;right:10px;top:58px;z-index:999}#forum_list{background:#f9f9f9}#forum_list .return_btn{line-height:38px;font-size:14px;cursor:pointer}#forum_list .return_btn.no_mr{margin-right:-24px!important}div#forum_list>div{background:#fff}.memoContent img{max-width:815px}.memoReplies{position:relative;margin-top:8px}.memoReplies .-fit{position:static}.replies_count{margin-left:12px}.replies_count .label{color:#666}.replies_count .count{color:#999;margin-left:10px}.memoMore{padding-top:10px;height:50px;line-height:50px;text-align:center;color:#459be6;cursor:pointer;position:relative}.memoMore .writeCommentBtn{position:absolute;right:0;color:#666;top:15px}.memoMore .writeCommentBtn:hover{color:#4dacff}.panel-comment_item .comment_orig_content{width:705px}.iconfont.icon-xiazai{font-size:22px!important;margin-right:6px}.forum_table_item{padding-left:20px}.forum_table_item .btn-top{border-radius:11px;padding:0 6px;background:#ff4343}.edu-position-hide{position:absolute;top:15px;left:-20px;-webkit-box-shadow:0 2px 8px rgba(146,153,169,.5);box-shadow:0 2px 8px rgba(146,153,169,.5);background:#fff;z-index:1001;padding:5px 0;z-index:999999}.edu-position-hide li a:hover{background:#4cacff;color:#fff}.edu-position-hidebox>a:link{color:#4cacff}.edu-position-hidebox:hover .edu-position-hide{display:block}.edu-position-hide li a{display:inline-block;height:30px;width:100px;line-height:30px;text-align:center;font-size:12px!important}.ui-widget-header{border:1px solid #4cacff;background:#4cacff}.iconfont.icon-fujian{color:#29bd8b}.ecSelect{width:300px}.ecSelect .rc-select-selection{height:40px}.ecSelect .rc-select-search--inline .rc-select-search__field{padding-top:6px}.ecSelect .rc-select-arrow,.ecSelect .rc-select-selection--single .rc-select-selection-selected-value,.ecSelect .rc-select-selection__placeholder{top:6px}.defalutCancelbtn{cursor:pointer}.defalutSubmitbtnysl{display:block;border:1px solid #4cacff;background-color:#4cacff;color:#fff!important;width:120px;text-align:center;line-height:40px;border-radius:2px;width:130px;height:40px;background:#4cacff;border-radius:4px;font-size:16px;font-family:MicrosoftYaHei;font-weight:400;color:#fff}#attachments_fields{margin-left:-77px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}#memoMD.show_content_grey{padding:0}#attachments_fields div.ui-progressbar{width:120px;height:10px;margin:2px 0 -2px 8px;display:inline-block}.ui-progressbar-value.ui-widget-header{border:1px solid #4cacff;background:#4cacff}.publishMemoSection{padding-bottom:0!important}.advertisement{margin-top:10px;height:155px}.advertisement img{width:100%}.returnBtn{font-size:16px;color:#999;float:right;margin-right:50px;position:relative;bottom:12px}", "", {"version":3,"sources":["/Users/alec/educoder/public/react/src/modules/forums/Post.css"],"names":[],"mappings":"AACA,YACC,kBAAoB,CACpB,AAGD,kBACC,iBAAkB,AAClB,iBAAmB,CACnB,AACA,iDACC,eAAiB,CACjB,AACD,YACC,kBAAmB,AAChB,WAAY,AACZ,SAAU,AACV,WAAa,CAChB,AACF,YACC,kBAAoB,CACpB,AACA,wBACC,iBAAkB,AAEf,eAAgB,AAChB,cAAgB,CACnB,AACD,8BACC,4BAA+B,CAC/B,AACD,mBACI,eAAiB,CACpB,AACF,iBACC,eAAiB,CACjB,AACD,aACC,kBAAmB,AACnB,cAAgB,CAChB,AACA,mBACC,eAAiB,CACjB,AACD,eACC,gBAAkB,CAClB,AACD,sBACC,UAAe,CACf,AACD,sBACC,WAAe,AACf,gBAAkB,CAClB,AAED,UACC,iBAAkB,AAClB,YAAa,AACV,iBAAkB,AAClB,kBAAmB,AACnB,cAA0B,AAC1B,eAAgB,AAChB,iBAAmB,CACtB,AACA,2BACI,kBAAmB,AACnB,QAAW,AACX,WAAe,AACf,QAAU,CACb,AACD,iCACC,aAAe,CACf,AAEH,0CACC,WAAa,CACb,AAED,sBACI,yBAA0B,AAC1B,gBAAkB,CACrB,AAID,kBACC,iBAAmB,CACnB,AAEA,2BACC,mBAAoB,AACjB,cAAiB,AACjB,kBAAoB,CAEvB,AAGF,mBACI,kBAAmB,AACnB,SAAU,AACV,WAAY,AACZ,kDAAyD,AACjD,0CAAiD,AACzD,gBAAiB,AACjB,aAAc,AACd,cAAe,AACf,cAAgB,CACnB,AACA,8BACC,mBAAoB,AACjB,UAAY,CACf,AACF,6BACC,aAAe,CACf,AACA,+CACI,aAAe,CAClB,AACD,wBACI,qBAAsB,AACtB,YAAa,AACb,YAAa,AACb,iBAAkB,AAClB,kBAAmB,AACnB,wBAA0B,CAC7B,AAYF,kBACC,yBAA0B,AACvB,kBAAoB,CACvB,AACD,sBACC,aAAc,CACd,AAGD,UACC,WAAa,CACb,AACD,+BACC,WAAa,CACb,AACA,6DACC,eAAiB,CACjB,AAMD,kJACC,OAAS,CACT,AACF,kBACC,cAAgB,CAChB,AACD,qBACC,cAAe,yBAA0B,yBAA0B,qBAAsB,YAAa,kBAAmB,iBAAkB,kBAAmB,AAC9J,YAAa,AACb,YAAa,AACb,mBAA+B,AAC/B,kBAAmB,AACnB,eAAgB,AAChB,2BAA4B,AAC5B,gBAAiB,AACjB,UAA2B,CAC3B,AACD,oBACC,kBAAmB,AAChB,oBAAqB,AACrB,aAAc,AACd,0BAA2B,AACvB,qBAAuB,CAC9B,AAID,0BACC,SAAW,CACX,AAID,uCACC,YAAa,AACV,YAAa,AACb,sBAAuB,AACvB,oBAAsB,CACzB,AACD,uCACC,yBAA0B,AACvB,kBAAoB,CACvB,AAKD,oBACC,0BAA+B,CAC/B,AACD,eACC,gBAAiB,AACjB,YAAc,CACd,AACD,mBACC,UAAY,CACZ,AAGD,WACC,eAAe,AACf,WAA0B,AAC1B,YAAa,AACV,kBAAmB,AACnB,kBAAmB,AACnB,WAAa,CAChB","file":"Post.css","sourcesContent":["/*MemoDetail --------------------------------- START */\n.educontent {\n\tmargin-bottom: 20px;\t\n}\n\n/* 左侧区域最小高度*/\n#forum_index_list {\n\tmin-height: 400px;\n\tposition: relative;\n}\n\t#forum_index_list .forum_table .forum_table_item {\n\t\tbackground: #fff;\n\t}\n\t.noMemosTip {\n\t\tposition: absolute;\n\t right: 10px;\n\t top: 58px;\n\t z-index: 999;\n\t}\n#forum_list {\n\tbackground: #f9f9f9;\n}\n\t#forum_list .return_btn {\n\t\tline-height: 38px;\n\t /* margin-right: 15px; */\n\t font-size: 14px;\n\t cursor: pointer;\n\t}\n\t#forum_list .return_btn.no_mr {\n\t\tmargin-right: -24px !important;\n\t}\n\tdiv#forum_list>div {\n\t background: #fff;\n\t}\n.memoContent img {\n\tmax-width: 815px;\n}\n.memoReplies {\n\tposition: relative;\n\tmargin-top: 8px;\n}\n\t.memoReplies .-fit {\n\t\tposition: static;\n\t}\n\t.replies_count {\n\t\tmargin-left: 12px;\n\t}\n\t.replies_count .label {\n\t\tcolor: #666666;\n\t}\n\t.replies_count .count {\n\t\tcolor: #999999;\n\t\tmargin-left: 10px;\n\t}\n\n\t.memoMore {\n\t\tpadding-top: 10px;\n\t\theight: 50px;\n\t line-height: 50px;\n\t text-align: center;\n\t color: rgba(69,155,230,1);\n\t cursor: pointer;\n\t position: relative;\n\t}\n\t\t.memoMore .writeCommentBtn{\n\t\t position: absolute;\n\t\t right: 0px;\n\t\t color: #666666;\n\t\t top: 15px;\n\t\t}\n\t\t.memoMore .writeCommentBtn:hover {\n\t\t\tcolor: #4DACFF;\n\t\t}\n/*使用md編輯器用为子回复时,宽度会变*/\n.panel-comment_item .comment_orig_content {\n\twidth: 705px;\n}\n\n.iconfont.icon-xiazai {\n font-size: 22px!important;\n margin-right: 6px;\n}\n/* MemoDetail --------------------------------- END */\n\n/* PostItem --------------------------------- START */\n.forum_table_item {\n\tpadding-left: 20px;\n}\n\t/* 置顶 */\n\t.forum_table_item .btn-top {\n\t\tborder-radius: 11px;\n\t padding: 0px 6px;\n\t background: #FF4343;\n\n\t}\n\n/* 管理员操作 */\n.edu-position-hide {\n position: absolute;\n top: 15px;\n left: -20px;\n -webkit-box-shadow: 0px 2px 8px rgba(146, 153, 169, 0.5);\n box-shadow: 0px 2px 8px rgba(146, 153, 169, 0.5);\n background: #fff;\n z-index: 1001;\n padding: 5px 0;\n z-index: 999999;\n}\n\t.edu-position-hide li a:hover {\n\t\tbackground: #4CACFF;\n \tcolor: #fff;\n\t}\n.edu-position-hidebox>a:link{\n\tcolor: #4CACFF;\n}\n\t.edu-position-hidebox:hover .edu-position-hide {\n\t display: block;\n\t}\n\t.edu-position-hide li a {\n\t display: inline-block;\n\t height: 30px;\n\t width: 100px;\n\t line-height: 30px;\n\t text-align: center;\n\t font-size: 12px!important;\n\t}\n/* PostItem --------------------------------- END */\n\n\n/* MemoNew --------------------------------- START */\n\n#attachments_fields div.ui-progressbar { \n\twidth: 120px;\n height: 10px;\n margin: 2px 0 -2px 8px;\n display: inline-block;\n}\n.ui-widget-header {\n\tborder: 1px solid #4CACFF;\n background: #4CACFF;\n}\n.iconfont.icon-fujian {\n\tcolor: #29BD8B\n}\n\n/* rc-select样式覆写*/\n.ecSelect {\n\twidth: 300px;\n}\n.ecSelect .rc-select-selection {\n\theight: 40px;\n}\t\n\t.ecSelect .rc-select-search--inline .rc-select-search__field {\n\t\tpadding-top: 6px;\n\t}\n\t.ecSelect .rc-select-selection--single .rc-select-selection-selected-value \n\t\t, .ecSelect .rc-select-selection__placeholder {\n \ttop: 6px;\n\n\t}\n\t.ecSelect .rc-select-arrow {\n\t\ttop: 6px;\n\t}\n.defalutCancelbtn {\n\tcursor: pointer;\n}\n.defalutSubmitbtnysl{\n\tdisplay: block;border: 1px solid #4CACFF;background-color: #4CACFF;color: #fff!important;width: 120px;text-align: center;line-height: 40px;border-radius: 2px;\n\twidth: 130px;\n\theight: 40px;\n\tbackground: rgba(76,172,255,1);\n\tborder-radius: 4px;\n\tfont-size: 16px;\n\tfont-family: MicrosoftYaHei;\n\tfont-weight: 400;\n\tcolor: rgba(255,255,255,1);\n}\n#attachments_fields {\n\tmargin-left: -77px;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.uploadBtn {\n\t/* margin-left: 46px; */\n}\n#memoMD.show_content_grey {\n\tpadding: 0;\n}\n.newForm .attachments_fields {\n\t/*margin-left: -39px !important*/\n}\n#attachments_fields div.ui-progressbar { \n\twidth: 120px;\n height: 10px;\n margin: 2px 0 -2px 8px;\n display: inline-block;\n}\n.ui-progressbar-value.ui-widget-header {\n\tborder: 1px solid #4CACFF;\n background: #4CACFF;\n}\n/* MemoNew --------------------------------- END */\n\n\n/*RightMyPublish*/\n.publishMemoSection {\n\tpadding-bottom: 0px !important;\n}\n.advertisement {\n\tmargin-top: 10px;\n\theight: 155px;\n}\n.advertisement img{\n\twidth: 100%;\n}\n\n/* MyPublish*/\n.returnBtn {\n\tfont-size:16px;\n\tcolor:rgba(153,153,153,1);\n\tfloat: right;\n margin-right: 50px;\n position: relative;\n bottom: 12px;\n}"],"sourceRoot":""}]);
|
|
|
|
|
|
// exports
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1522:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
var _interopRequireDefault = __webpack_require__(2);
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
|
value: true
|
|
|
});
|
|
|
Object.defineProperty(exports, "CircularProgress", {
|
|
|
enumerable: true,
|
|
|
get: function get() {
|
|
|
return _CircularProgress.default;
|
|
|
}
|
|
|
});
|
|
|
Object.defineProperty(exports, "LinearProgress", {
|
|
|
enumerable: true,
|
|
|
get: function get() {
|
|
|
return _LinearProgress.default;
|
|
|
}
|
|
|
});
|
|
|
|
|
|
var _CircularProgress = _interopRequireDefault(__webpack_require__(2317));
|
|
|
|
|
|
var _LinearProgress = _interopRequireDefault(__webpack_require__(2318));
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1631:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react_router__ = __webpack_require__(57);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react_router_dom__ = __webpack_require__(45);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prop_types__ = __webpack_require__(1);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_prop_types__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_classnames__ = __webpack_require__(3);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_classnames__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_educoder__ = __webpack_require__(5);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__MemoDetailEditor_css__ = __webpack_require__(1632);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__MemoDetailEditor_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6__MemoDetailEditor_css__);
|
|
|
var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return call&&(typeof call==="object"||typeof call==="function")?call:self;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass;}__webpack_require__(335);var $=window.$;var MemoDetailMDEditor=function(_Component){_inherits(MemoDetailMDEditor,_Component);function MemoDetailMDEditor(props){_classCallCheck(this,MemoDetailMDEditor);var _this=_possibleConstructorReturn(this,(MemoDetailMDEditor.__proto__||Object.getPrototypeOf(MemoDetailMDEditor)).call(this,props));_this.initMDEditor=function(){// 因为props.memo不存在时,本组件不会被加载,这里直接在didMount里初始化即可
|
|
|
var placeholder='我要回复...';// const imageUrl = `/upload_with_markdown?container_id=${this.props.memo.id}&container_type=Memo`;
|
|
|
var imageUrl='/api/attachments.json';if(_this.isMDInited){return;}_this.isMDInited=true;// 执行太快了,样式不正常
|
|
|
window.__tt=400;setTimeout(function(){console.log('create_editorMD_4comment');var commentMDEditor=window.create_editorMD_4comment("memo_comment_editorMd",'',_this.props.height||240,placeholder,imageUrl,function(){// commentMDEditor.focus()
|
|
|
_this.initDrag();commentMDEditor.cm.on("change",function(_cm,changeObj){_this.setState({isError:false,errorMsg:''});});commentMDEditor.cm.focus();},{watch:false,dialogLockScreen:false});_this.commentMDEditor=commentMDEditor;window.commentMDEditor=commentMDEditor;},window.__tt);};_this.initDrag=function(){window.initMDEditorDragResize(".editor__resize",_this.commentMDEditor);};_this.onCommit=function(){var content=_this.commentMDEditor.getValue();// this.props.showError ==
|
|
|
if(_this.props.showError==true){if(!content||content.trim()==""){_this.setState({isError:true,errorMsg:'不能为空'});return;}else if(content.length>2000){_this.setState({isError:true,errorMsg:'不能超过2000个字符'});return;}_this.setState({isError:false,errorMsg:''});}if(_this.props.replyComment){_this.props.replyComment(content,_this.props.memo.id,_this.commentMDEditor);}else{window.$(document).trigger("onReply",{commentContent:content,id:_this.props.memo.id,editor:_this.commentMDEditor});}};_this.close=function(){_this.setState({isInited:false});};_this.onMockInputClick=function(){_this.setState({isInited:true});if(!_this.isMDInited){_this.initMDEditor();}else{setTimeout(function(){_this.commentMDEditor&&_this.commentMDEditor.cm.focus();},10);}};_this.state={isInited:_this.props.usingMockInput?false:true,isError:false,errorMsg:''};return _this;}_createClass(MemoDetailMDEditor,[{key:'componentDidUpdate',value:function componentDidUpdate(prevProps,prevState,snapshot){if(this.props.memo&&(!prevProps.memo||this.props.memo.id!=prevProps.memo.id)){// this.keEditor = window.sd_create_editor_from_data(this.props.memo.id, null, "100%", "Memo");
|
|
|
// window._kk = this.keEditor
|
|
|
}}},{key:'componentDidMount',value:function componentDidMount(){!this.props.usingMockInput&&this.initMDEditor();}},{key:'showEditor',value:function showEditor(){var _this2=this;$("html, body").animate({scrollTop:$('.commentInput:visible').offset().top-100},1000,function(){if(_this2.commentMDEditor){_this2.commentMDEditor.cm.focus();}else{_this2.onMockInputClick();}});}},{key:'render',value:function render(){var _props=this.props,match=_props.match,history=_props.history,memo=_props.memo,placeholder=_props.placeholder,className=_props.className,imageExpand=_props.imageExpand;var _state=this.state,isInited=_state.isInited,errorMsg=_state.errorMsg;if(!memo){return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',null);}return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_0_react___default.a.Fragment,null,__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('style',null,'\n\t\t\t\t\t\t.mockInputWrapper {\n\t\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\t\tpadding: 20px 30px 20px 30px;\n\t\t\t\t\t\t\tborder-bottom: 1px solid #EEEEEE;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t.mockInputWrapper input {\n\t\t\t\t\t\t\tflex:1;\n\t\t\t\t\t\t\tpadding-left: 10px;\n\t\t\t\t\t\t\theight: 40px;\n\t\t\t\t\t\t\tbackground: rgb(246,246,246);\n\t\t\t\t\t\t\tmargin-right: 20px;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t.mockInputWrapper a.commentsbtn {\n\t\t\t\t\t\t\theight: 40px;\n\t\t\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\t\t\tmargin-top: 0px !important;\n\t\t\t\t\t\t\tvertical-align: text-top;\n\t\t\t\t\t\t\tpadding-top: 6px;\n\t\t\t\t\t\t\twidth: 60px;\n\t\t\t\t\t\t\tmargin-right: 0px !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t.commentInput {\n\t\t\t\t\t\t}\n\t\t\t\t\t\t.commentInput .editormd{\n\t\t\t\t\t\t\twidth:100%!important;\n\t\t\t\t\t\t}\n\t\t\t\t\t'),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{style:{display:isInited?'none':'',borderBottom:''+(this.props.commentsLength==0?'none':'1px solid #EEEEEE')},className:'mockInputWrapper commentInput '+className},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('input',{onClick:this.onMockInputClick,placeholder:placeholder||'我要回复'}),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('a',{href:'javascript:void(0)',onClick:this.onMockInputClick,className:'commentsbtn task-btn task-btn-blue'},this.props.buttonText||'发送')),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('style',null),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{nhname:'new_message_'+memo.id,className:'commentInput commentInputs '+className+' '+(imageExpand&&'editormd-image-click-expand'),style:{padding:'30px',boxSizing:"border-box",display:isInited?'':'none',paddingBottom:'40px'}},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{id:'memo_comment_editorMd',className:'editorMD',style:{marginBottom:'0px',border:errorMsg?'1px solid red':'1px solid #ddd'}},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('textarea',{style:{'display':'none'}})),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:'editor__resize',href:'javascript:void(0);'},'\u8C03\u6574\u9AD8\u5EA6'),errorMsg&&__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('span',{className:'fl',style:{color:'red',marginTop:'6px',marginLeft:'4px'}},errorMsg),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{style:{height:"16px"}},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('a',{id:'new_message_submit_btn_'+memo.id,href:'javascript:void(0)',onClick:this.onCommit,className:'commentsbtn task-btn task-btn-blue fr'},this.props.buttonText||'发送'))));}}]);return MemoDetailMDEditor;}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);/* harmony default export */ __webpack_exports__["a"] = (MemoDetailMDEditor);
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1632:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
// style-loader: Adds some css to the DOM by adding a <style> tag
|
|
|
|
|
|
// load the styles
|
|
|
var content = __webpack_require__(1633);
|
|
|
if(typeof content === 'string') content = [[module.i, content, '']];
|
|
|
// Prepare cssTransformation
|
|
|
var transform;
|
|
|
|
|
|
var options = {"hmr":false}
|
|
|
options.transform = transform
|
|
|
// add the styles to the DOM
|
|
|
var update = __webpack_require__(291)(content, options);
|
|
|
if(content.locals) module.exports = content.locals;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1633:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
exports = module.exports = __webpack_require__(290)(true);
|
|
|
// imports
|
|
|
|
|
|
|
|
|
// module
|
|
|
exports.push([module.i, ".editorMD li,.editorMD ol,.editorMD ul{list-style-type:decimal}.editor__resize{position:absolute;width:120px;height:4px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);margin-top:2px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;cursor:row-resize;text-indent:110%;white-space:nowrap;overflow:hidden;text-transform:capitalize;-webkit-box-sizing:border-box;box-sizing:border-box}", "", {"version":3,"sources":["/Users/alec/educoder/public/react/src/modules/forums/MemoDetailEditor.css"],"names":[],"mappings":"AACA,uCACC,uBAAyB,CACzB,AAGD,gBACC,kBAAmB,AACnB,YAAa,AACb,WAAY,AACZ,SAAU,AACV,mCAAoC,AAChC,+BAAgC,AAC5B,2BAA4B,AACpC,eAAgB,AAChB,0BAA2B,AAC3B,6BAA8B,AAC9B,kBAAmB,AACnB,iBAAkB,AAClB,mBAAoB,AACpB,gBAAiB,AACjB,0BAA2B,AAE3B,8BAA+B,AAEvB,qBAAuB,CAE/B","file":"MemoDetailEditor.css","sourcesContent":["\r\n.editorMD ol, .editorMD ul, .editorMD li {\r\n\tlist-style-type: decimal;\r\n}\r\n\r\n/*md编辑器 resizeBar*/\r\n.editor__resize {\r\n\tposition: absolute;\r\n\twidth: 120px;\r\n\theight: 4px;\r\n\tleft: 50%;\r\n\t-webkit-transform: translateX(-50%);\r\n\t -ms-transform: translateX(-50%);\r\n\t transform: translateX(-50%);\r\n\tmargin-top: 2px;\r\n\tborder-top: 1px solid #ccc;\r\n\tborder-bottom: 1px solid #ccc;\r\n\tcursor: row-resize;\r\n\ttext-indent: 110%;\r\n\twhite-space: nowrap;\r\n\toverflow: hidden;\r\n\ttext-transform: capitalize;\r\n\t\r\n\t-webkit-box-sizing: border-box;\r\n\t\r\n\t box-sizing: border-box;\r\n\t/*transform: translateX(-22%);*/\r\n}\r\n\r\n"],"sourceRoot":""}]);
|
|
|
|
|
|
// exports
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1634:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
// style-loader: Adds some css to the DOM by adding a <style> tag
|
|
|
|
|
|
// load the styles
|
|
|
var content = __webpack_require__(1635);
|
|
|
if(typeof content === 'string') content = [[module.i, content, '']];
|
|
|
// Prepare cssTransformation
|
|
|
var transform;
|
|
|
|
|
|
var options = {"hmr":false}
|
|
|
options.transform = transform
|
|
|
// add the styles to the DOM
|
|
|
var update = __webpack_require__(291)(content, options);
|
|
|
if(content.locals) module.exports = content.locals;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1635:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
exports = module.exports = __webpack_require__(290)(true);
|
|
|
// imports
|
|
|
|
|
|
|
|
|
// module
|
|
|
exports.push([module.i, ".searchFor .searchCon{width:215px}.search-new{width:237px!important}.search-new,.search-newysl{height:30px;margin-bottom:30px}.search-newyslw{width:237px!important}.search-new-input{padding-left:16px;height:30px}.search-span{border-radius:17px}.search-new img{right:10px}.HotLabelList a{display:block;float:left;padding:0 9px;height:28px;line-height:28px;border-radius:14px;background-color:#f5f5f5;color:#666;margin-right:10px;margin-bottom:9px}.HotLabelList a.selected{background:#4cacff;color:#fff}.hotQuestionItem{padding:20px 0;border-bottom:1px solid #eee}.questiontName{max-width:100%;display:block}.user_default_btn{width:114px}.userPrivateName{line-height:25px;margin-bottom:9px}.userPrivatePost{line-height:20px}.noteDetailTitle{line-height:38px;font-size:24px;font-weight:400;text-align:justify}.noteDetailNum{float:left;padding:0 12px;position:relative;color:#999!important;height:28px;line-height:26px}.noteDetailNum.rightline:after{position:absolute;content:\"\";right:0;width:1px;background-color:#eaeaea;height:8px;top:10px}.noteDetailPoint{width:100px;height:70px;background-color:#4cacff;border-radius:35px;color:#fff;text-align:center;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;padding:2px 0;cursor:pointer;line-height:22px;padding-top:12px}.Pointed{background-color:#f0f0f0;color:#b3b3b3;cursor:default}.notefileDownload{height:25px;line-height:22px}", "", {"version":3,"sources":["/Users/alec/educoder/public/react/src/modules/forums/RightSection.css"],"names":[],"mappings":"AACA,sBACC,WAAa,CACb,AAED,YACI,qBAAsB,CAIzB,AACD,2BAJC,YAAa,AACV,kBAAoB,CAOvB,AACD,gBACC,qBAAsB,CACtB,AACA,kBACC,kBAAmB,AACnB,WAAa,CACb,AACD,aACC,kBAAoB,CACpB,AAEF,gBACC,UAAY,CACZ,AAID,gBAAgB,cAAe,WAAY,cAAiB,YAAa,iBAAkB,mBAAoB,yBAA0B,WAAY,kBAAmB,iBAAmB,CAAC,AAC5L,yBACC,mBAAoB,AACjB,UAAY,CACf,AAKD,iBAAiB,eAAiB,4BAA8B,CAAC,AACjE,eAAe,eAAgB,aAAe,CAAC,AAK/C,kBAAmB,WAAa,CAAC,AACjC,iBAAiB,iBAAkB,iBAAmB,CAAC,AACvD,iBAAiB,gBAAkB,CAAC,AACpC,iBAAiB,iBAAkB,eAAgB,gBAAoB,kBAAkB,CAAE,AAE3F,eAAe,WAAY,eAAiB,kBAAmB,qBAAsB,YAAa,gBAAkB,CAAC,AACrH,+BAA+B,kBAAmB,WAAY,QAAW,UAAW,yBAA0B,WAAY,QAAS,CAAC,AAGpI,iBAAiB,YAAa,YAAa,yBAA0B,mBAAoB,WAAe,kBAAmB,cAAiB,8BAA+B,sBAAuB,cAAiB,eAAgB,AAAI,iBAAkB,AACrP,gBAAkB,CAAC,AACvB,SAAS,yBAAyB,cAAe,AAAC,cAAe,CAAC,AAClE,kBAAkB,YAAa,gBAAkB,CAAC","file":"RightSection.css","sourcesContent":["/* 右侧搜索区域*/\n.searchFor .searchCon {\n\twidth: 215px;\n}\n\n.search-new {\n width:237px!important;\n\theight: 30px;\n margin-bottom: 30px;\n /*margin-right: 35px;*/\n}\n.search-newysl {\n\n\theight: 30px;\n\tmargin-bottom: 30px;\n}\n.search-newyslw{\n\twidth:237px!important;\n}\n\t.search-new-input {\n\t\tpadding-left: 16px;\n\t\theight: 30px;\n\t}\n\t.search-span {\n\t\tborder-radius: 17px;\n\t}\n\n.search-new img {\n\tright: 10px;\n}\n\n\n/* 右侧 热门标签 */\n.HotLabelList a{display: block;float: left;padding: 0px 9px;height: 28px;line-height: 28px;border-radius: 14px;background-color: #f5f5f5;color: #666;margin-right: 10px;margin-bottom: 9px;}\n.HotLabelList a.selected {\n\tbackground: #4CACFF;\n color: #fff;\n}\n\n\n\n/* 右侧 热门问题 */\n.hotQuestionItem{padding:20px 0px;border-bottom: 1px solid #eee;}\n.questiontName{max-width: 100%;display: block;}\n\n\n\n/* 用户信息-UserSection*/\n.user_default_btn {width: 114px;}\n.userPrivateName{line-height: 25px;margin-bottom: 9px;}\n.userPrivatePost{line-height: 20px;}\n.noteDetailTitle{line-height: 38px;font-size: 24px;font-weight: normal;text-align:justify }\n\n.noteDetailNum{float: left;padding:0px 12px;position: relative;color: #999!important;height: 28px;line-height: 26px;}\n.noteDetailNum.rightline:after{position: absolute;content: '';right: 0px;width: 1px;background-color: #EAEAEA;height: 8px;top:10px;}\n\n/*帖子详情点赞*/\n.noteDetailPoint{width: 100px;height: 70px;background-color: #4cacff;border-radius: 35px;color: #FFFFff;text-align: center;margin: 0px auto;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 2px 0px;cursor: pointer; line-height: 22px;\n padding-top: 12px;}\n.Pointed{background-color:#f0f0f0;color: #b3b3b3; cursor: default}\n.notefileDownload{height: 25px;line-height: 22px;}\n"],"sourceRoot":""}]);
|
|
|
|
|
|
// exports
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1654:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
/* harmony export (immutable) */ __webpack_exports__["a"] = ImageLayerOfCommentHOC;
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__ImageLayer__ = __webpack_require__(343);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_educoder__ = __webpack_require__(5);
|
|
|
var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return call&&(typeof call==="object"||typeof call==="function")?call:self;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass;}var $=window.$;function ImageLayerOfCommentHOC(){var options=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};return function wrap(WrappedComponent){return function(_Component){_inherits(Wrapper,_Component);function Wrapper(props){_classCallCheck(this,Wrapper);var _this=_possibleConstructorReturn(this,(Wrapper.__proto__||Object.getPrototypeOf(Wrapper)).call(this,props));_this.onDelegateClick=function(event){var imageSrc=event.target.src||event.target.getAttribute('src')||event.target.getAttribute('href');// 判断imageSrc是否是图片
|
|
|
var fileName=event.target.innerHTML.trim();if(Object(__WEBPACK_IMPORTED_MODULE_2_educoder__["W" /* isImageExtension */])(imageSrc.trim())||Object(__WEBPACK_IMPORTED_MODULE_2_educoder__["W" /* isImageExtension */])(fileName)||event.target.tagName=='IMG'){// 非回复里的头像图片; 非emoticons
|
|
|
if(imageSrc.indexOf('/images/avatars/User')===-1&&imageSrc.indexOf('kindeditor/plugins/emoticons')===-1){_this.setState({showImage:true,imageSrc:imageSrc});}event.stopPropagation();event.preventDefault&&event.preventDefault();event.originalEvent.preventDefault();// event.originalEvent.stopPropagation()
|
|
|
// event.originalEvent.cancelBubble = true
|
|
|
return false;}};_this.onImageLayerClose=function(){_this.setState({showImage:false,imageSrc:''});};_this.MdifHasAnchorJustScorll=function(){//mdhash滚动
|
|
|
var anchor=decodeURI(_this.props.location.hash).replace('#','');// 对应id的话, 滚动到相应位置
|
|
|
if(!!anchor){var anchorElement=document.getElementsByName(anchor);if(anchorElement){if(anchorElement.length!=0){anchorElement[anchorElement.length-1].scrollIntoView();}}}};_this.state={showImage:false,imageSrc:''};return _this;}_createClass(Wrapper,[{key:'componentDidMount',// jQuery._data( $('.newMain')[0], "events" )
|
|
|
value:function componentDidMount(){var _this2=this;this.props.wrappedComponentRef&&this.props.wrappedComponentRef(this.refs['wrappedComponentRef']);// commentsDelegateParent #game_left_contents #tab_con_4
|
|
|
setTimeout(function(){$(options.parentSelector||".commentsDelegateParent").delegate(options.imgSelector||".J_Comment_Reply .comment_content img, .J_Comment_Reply .childrenCommentsView img","click",_this2.onDelegateClick);},1200);}},{key:'componentWillUnmount',value:function componentWillUnmount(){$(options.parentSelector||".commentsDelegateParent",'click',this.onDelegateClick);}},{key:'render',value:function render(){this.MdifHasAnchorJustScorll();return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_0_react___default.a.Fragment,null,__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_1__ImageLayer__["a" /* default */],Object.assign({},this.state,{onImageLayerClose:this.onImageLayerClose})),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(WrappedComponent,Object.assign({},this.props,{ref:'wrappedComponentRef'})));}}]);return Wrapper;}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);};}
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 1765:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
// style-loader: Adds some css to the DOM by adding a <style> tag
|
|
|
|
|
|
// load the styles
|
|
|
var content = __webpack_require__(3108);
|
|
|
if(typeof content === 'string') content = [[module.i, content, '']];
|
|
|
// Prepare cssTransformation
|
|
|
var transform;
|
|
|
|
|
|
var options = {"hmr":false}
|
|
|
options.transform = transform
|
|
|
// add the styles to the DOM
|
|
|
var update = __webpack_require__(291)(content, options);
|
|
|
if(content.locals) module.exports = content.locals;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 2280:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__css_moopCases_css__ = __webpack_require__(1765);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__css_moopCases_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__css_moopCases_css__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__courses_css_Courses_css__ = __webpack_require__(303);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__courses_css_Courses_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2__courses_css_Courses_css__);
|
|
|
var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return call&&(typeof call==="object"||typeof call==="function")?call:self;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass;}var CaseTags=function(_Component){_inherits(CaseTags,_Component);function CaseTags(props){_classCallCheck(this,CaseTags);return _possibleConstructorReturn(this,(CaseTags.__proto__||Object.getPrototypeOf(CaseTags)).call(this,props));}_createClass(CaseTags,[{key:'render',value:function render(){var tags=this.props.tags;return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_0_react___default.a.Fragment,null,tags&&tags.map(function(item,key){return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_0_react___default.a.Fragment,null,item.name=="获奖案例"?__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('span',{key:key,className:'edu-filter-btn fl cdefault edu-activity-red ml10'},item.name):item.name=="入库案例"?__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('span',{key:key,className:'edu-filter-btn fl cdefault edu-activity-blue ml10'},item.name):item.name=='企业案例'?__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('span',{key:key,className:'edu-filter-btn fl cdefault edu-activity-orange-sub ml10'},item.name):__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('span',{key:key,className:'edu-filter-btn fl cdefault edu-activity-36c53c-sub ml10'},item.name));}));}}]);return CaseTags;}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);/* harmony default export */ __webpack_exports__["a"] = (CaseTags);
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 2317:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
var _interopRequireDefault = __webpack_require__(2);
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
|
value: true
|
|
|
});
|
|
|
exports.default = exports.styles = void 0;
|
|
|
|
|
|
var _extends2 = _interopRequireDefault(__webpack_require__(8));
|
|
|
|
|
|
var _objectSpread2 = _interopRequireDefault(__webpack_require__(24));
|
|
|
|
|
|
var _defineProperty2 = _interopRequireDefault(__webpack_require__(18));
|
|
|
|
|
|
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(6));
|
|
|
|
|
|
var _react = _interopRequireDefault(__webpack_require__(0));
|
|
|
|
|
|
var _propTypes = _interopRequireDefault(__webpack_require__(1));
|
|
|
|
|
|
var _classnames = _interopRequireDefault(__webpack_require__(3));
|
|
|
|
|
|
var _withStyles = _interopRequireDefault(__webpack_require__(17));
|
|
|
|
|
|
var _helpers = __webpack_require__(76);
|
|
|
|
|
|
var SIZE = 50;
|
|
|
|
|
|
function getRelativeValue(value, min, max) {
|
|
|
var clampedValue = Math.min(Math.max(min, value), max);
|
|
|
return (clampedValue - min) / (max - min);
|
|
|
}
|
|
|
|
|
|
function easeOut(t) {
|
|
|
t = getRelativeValue(t, 0, 1); // https://gist.github.com/gre/1650294
|
|
|
|
|
|
t = (t -= 1) * t * t + 1;
|
|
|
return t;
|
|
|
}
|
|
|
|
|
|
function easeIn(t) {
|
|
|
return t * t;
|
|
|
}
|
|
|
|
|
|
var styles = function styles(theme) {
|
|
|
return {
|
|
|
root: {
|
|
|
display: 'inline-block'
|
|
|
},
|
|
|
colorPrimary: {
|
|
|
color: theme.palette.primary.main
|
|
|
},
|
|
|
colorSecondary: {
|
|
|
color: theme.palette.secondary.main
|
|
|
},
|
|
|
svg: {},
|
|
|
svgIndeterminate: {
|
|
|
animation: 'mui-progress-circular-rotate 1.4s linear infinite'
|
|
|
},
|
|
|
circle: {
|
|
|
stroke: 'currentColor',
|
|
|
strokeLinecap: 'round'
|
|
|
},
|
|
|
circleIndeterminate: {
|
|
|
animation: 'mui-progress-circular-dash 1.4s ease-in-out infinite',
|
|
|
// Some default value that looks fine waiting for the animation to kicks in.
|
|
|
strokeDasharray: '80px, 200px',
|
|
|
strokeDashoffset: '0px' // Add the unit to fix a Edge 16 and below bug.
|
|
|
|
|
|
},
|
|
|
'@keyframes mui-progress-circular-rotate': {
|
|
|
'100%': {
|
|
|
transform: 'rotate(360deg)'
|
|
|
}
|
|
|
},
|
|
|
'@keyframes mui-progress-circular-dash': {
|
|
|
'0%': {
|
|
|
strokeDasharray: '1px, 200px',
|
|
|
strokeDashoffset: '0px'
|
|
|
},
|
|
|
'50%': {
|
|
|
strokeDasharray: '100px, 200px',
|
|
|
strokeDashoffset: '-15px'
|
|
|
},
|
|
|
'100%': {
|
|
|
strokeDasharray: '100px, 200px',
|
|
|
strokeDashoffset: '-120px'
|
|
|
}
|
|
|
}
|
|
|
};
|
|
|
};
|
|
|
/**
|
|
|
* ## ARIA
|
|
|
*
|
|
|
* If the progress bar is describing the loading progress of a particular region of a page,
|
|
|
* you should use `aria-describedby` to point to the progress bar, and set the `aria-busy`
|
|
|
* attribute to `true` on that region until it has finished loading.
|
|
|
*/
|
|
|
|
|
|
|
|
|
exports.styles = styles;
|
|
|
|
|
|
function CircularProgress(props) {
|
|
|
var classes = props.classes,
|
|
|
className = props.className,
|
|
|
color = props.color,
|
|
|
size = props.size,
|
|
|
style = props.style,
|
|
|
thickness = props.thickness,
|
|
|
value = props.value,
|
|
|
variant = props.variant,
|
|
|
other = (0, _objectWithoutProperties2.default)(props, ["classes", "className", "color", "size", "style", "thickness", "value", "variant"]);
|
|
|
var circleStyle = {};
|
|
|
var rootStyle = {};
|
|
|
var rootProps = {};
|
|
|
|
|
|
if (variant === 'determinate' || variant === 'static') {
|
|
|
var circumference = 2 * Math.PI * (SIZE / 2 - 5);
|
|
|
circleStyle.strokeDasharray = circumference.toFixed(3);
|
|
|
rootProps['aria-valuenow'] = Math.round(value);
|
|
|
|
|
|
if (variant === 'static') {
|
|
|
circleStyle.strokeDashoffset = "".concat(((100 - value) / 100 * circumference).toFixed(3), "px");
|
|
|
rootStyle.transform = 'rotate(-90deg)';
|
|
|
} else {
|
|
|
circleStyle.strokeDashoffset = "".concat((easeIn((100 - value) / 100) * circumference).toFixed(3), "px");
|
|
|
rootStyle.transform = "rotate(".concat((easeOut(value / 70) * 270).toFixed(3), "deg)");
|
|
|
}
|
|
|
}
|
|
|
|
|
|
return _react.default.createElement("div", (0, _extends2.default)({
|
|
|
className: (0, _classnames.default)(classes.root, (0, _defineProperty2.default)({}, classes["color".concat((0, _helpers.capitalize)(color))], color !== 'inherit'), className),
|
|
|
style: (0, _objectSpread2.default)({
|
|
|
width: size,
|
|
|
height: size
|
|
|
}, rootStyle, style),
|
|
|
role: "progressbar"
|
|
|
}, rootProps, other), _react.default.createElement("svg", {
|
|
|
className: (0, _classnames.default)(classes.svg, (0, _defineProperty2.default)({}, classes.svgIndeterminate, variant === 'indeterminate')),
|
|
|
viewBox: "0 0 ".concat(SIZE, " ").concat(SIZE)
|
|
|
}, _react.default.createElement("circle", {
|
|
|
className: (0, _classnames.default)(classes.circle, (0, _defineProperty2.default)({}, classes.circleIndeterminate, variant === 'indeterminate')),
|
|
|
style: circleStyle,
|
|
|
cx: SIZE / 2,
|
|
|
cy: SIZE / 2,
|
|
|
r: SIZE / 2 - 5,
|
|
|
fill: "none",
|
|
|
strokeWidth: thickness
|
|
|
})));
|
|
|
}
|
|
|
|
|
|
CircularProgress.propTypes = false ? {
|
|
|
/**
|
|
|
* Useful to extend the style applied to components.
|
|
|
*/
|
|
|
classes: _propTypes.default.object.isRequired,
|
|
|
|
|
|
/**
|
|
|
* @ignore
|
|
|
*/
|
|
|
className: _propTypes.default.string,
|
|
|
|
|
|
/**
|
|
|
* The color of the component. It supports those theme colors that make sense for this component.
|
|
|
*/
|
|
|
color: _propTypes.default.oneOf(['primary', 'secondary', 'inherit']),
|
|
|
|
|
|
/**
|
|
|
* The size of the circle.
|
|
|
*/
|
|
|
size: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
|
|
|
|
|
|
/**
|
|
|
* @ignore
|
|
|
*/
|
|
|
style: _propTypes.default.object,
|
|
|
|
|
|
/**
|
|
|
* The thickness of the circle.
|
|
|
*/
|
|
|
thickness: _propTypes.default.number,
|
|
|
|
|
|
/**
|
|
|
* The value of the progress indicator for the determinate and static variants.
|
|
|
* Value between 0 and 100.
|
|
|
*/
|
|
|
value: _propTypes.default.number,
|
|
|
|
|
|
/**
|
|
|
* The variant of progress indicator. Use indeterminate
|
|
|
* when there is no progress value.
|
|
|
*/
|
|
|
variant: _propTypes.default.oneOf(['determinate', 'indeterminate', 'static'])
|
|
|
} : {};
|
|
|
CircularProgress.defaultProps = {
|
|
|
color: 'primary',
|
|
|
size: 40,
|
|
|
thickness: 3.6,
|
|
|
value: 0,
|
|
|
variant: 'indeterminate'
|
|
|
};
|
|
|
|
|
|
var _default = (0, _withStyles.default)(styles, {
|
|
|
name: 'MuiCircularProgress',
|
|
|
flip: false
|
|
|
})(CircularProgress);
|
|
|
|
|
|
exports.default = _default;
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 2318:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
var _interopRequireDefault = __webpack_require__(2);
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
|
value: true
|
|
|
});
|
|
|
exports.default = exports.styles = void 0;
|
|
|
|
|
|
var _extends2 = _interopRequireDefault(__webpack_require__(8));
|
|
|
|
|
|
var _defineProperty2 = _interopRequireDefault(__webpack_require__(18));
|
|
|
|
|
|
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(6));
|
|
|
|
|
|
var _react = _interopRequireDefault(__webpack_require__(0));
|
|
|
|
|
|
var _propTypes = _interopRequireDefault(__webpack_require__(1));
|
|
|
|
|
|
var _classnames = _interopRequireDefault(__webpack_require__(3));
|
|
|
|
|
|
var _warning = _interopRequireDefault(__webpack_require__(10));
|
|
|
|
|
|
var _withStyles = _interopRequireDefault(__webpack_require__(17));
|
|
|
|
|
|
var _colorManipulator = __webpack_require__(115);
|
|
|
|
|
|
var TRANSITION_DURATION = 4; // 400ms
|
|
|
|
|
|
var styles = function styles(theme) {
|
|
|
return {
|
|
|
root: {
|
|
|
position: 'relative',
|
|
|
overflow: 'hidden',
|
|
|
height: 5
|
|
|
},
|
|
|
colorPrimary: {
|
|
|
backgroundColor: (0, _colorManipulator.lighten)(theme.palette.primary.light, 0.6)
|
|
|
},
|
|
|
colorSecondary: {
|
|
|
backgroundColor: (0, _colorManipulator.lighten)(theme.palette.secondary.light, 0.4)
|
|
|
},
|
|
|
buffer: {
|
|
|
backgroundColor: 'transparent'
|
|
|
},
|
|
|
query: {
|
|
|
transform: 'rotate(180deg)'
|
|
|
},
|
|
|
dashed: {
|
|
|
position: 'absolute',
|
|
|
marginTop: 0,
|
|
|
height: '100%',
|
|
|
width: '100%',
|
|
|
animation: 'buffer 3s infinite linear'
|
|
|
},
|
|
|
dashedColorPrimary: {
|
|
|
backgroundImage: "radial-gradient(".concat((0, _colorManipulator.lighten)(theme.palette.primary.light, 0.6), " 0%, ").concat((0, _colorManipulator.lighten)(theme.palette.primary.light, 0.6), " 16%, transparent 42%)"),
|
|
|
backgroundSize: '10px 10px',
|
|
|
backgroundPosition: '0px -23px'
|
|
|
},
|
|
|
dashedColorSecondary: {
|
|
|
backgroundImage: "radial-gradient(".concat((0, _colorManipulator.lighten)(theme.palette.secondary.light, 0.4), " 0%, ").concat((0, _colorManipulator.lighten)(theme.palette.secondary.light, 0.6), " 16%, transparent 42%)"),
|
|
|
backgroundSize: '10px 10px',
|
|
|
backgroundPosition: '0px -23px'
|
|
|
},
|
|
|
bar: {
|
|
|
width: '100%',
|
|
|
position: 'absolute',
|
|
|
left: 0,
|
|
|
bottom: 0,
|
|
|
top: 0,
|
|
|
transition: 'transform 0.2s linear',
|
|
|
transformOrigin: 'left'
|
|
|
},
|
|
|
barColorPrimary: {
|
|
|
backgroundColor: theme.palette.primary.main
|
|
|
},
|
|
|
barColorSecondary: {
|
|
|
backgroundColor: theme.palette.secondary.main
|
|
|
},
|
|
|
bar1Indeterminate: {
|
|
|
width: 'auto',
|
|
|
willChange: 'left, right',
|
|
|
animation: 'mui-indeterminate1 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite'
|
|
|
},
|
|
|
bar2Indeterminate: {
|
|
|
width: 'auto',
|
|
|
willChange: 'left, right',
|
|
|
animation: 'mui-indeterminate2 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite',
|
|
|
animationDelay: '1.15s'
|
|
|
},
|
|
|
bar1Determinate: {
|
|
|
willChange: 'transform',
|
|
|
transition: "transform .".concat(TRANSITION_DURATION, "s linear")
|
|
|
},
|
|
|
bar1Buffer: {
|
|
|
zIndex: 1,
|
|
|
transition: "transform .".concat(TRANSITION_DURATION, "s linear")
|
|
|
},
|
|
|
bar2Buffer: {
|
|
|
transition: "transform .".concat(TRANSITION_DURATION, "s linear")
|
|
|
},
|
|
|
// Legends:
|
|
|
// || represents the viewport
|
|
|
// - represents a light background
|
|
|
// x represents a dark background
|
|
|
'@keyframes mui-indeterminate1': {
|
|
|
// |-----|---x-||-----||-----|
|
|
|
'0%': {
|
|
|
left: '-35%',
|
|
|
right: '100%'
|
|
|
},
|
|
|
// |-----|-----||-----||xxxx-|
|
|
|
'60%': {
|
|
|
left: '100%',
|
|
|
right: '-90%'
|
|
|
},
|
|
|
'100%': {
|
|
|
left: '100%',
|
|
|
right: '-90%'
|
|
|
}
|
|
|
},
|
|
|
'@keyframes mui-indeterminate2': {
|
|
|
// |xxxxx|xxxxx||-----||-----|
|
|
|
'0%': {
|
|
|
left: '-200%',
|
|
|
right: '100%'
|
|
|
},
|
|
|
// |-----|-----||-----||-x----|
|
|
|
'60%': {
|
|
|
left: '107%',
|
|
|
right: '-8%'
|
|
|
},
|
|
|
'100%': {
|
|
|
left: '107%',
|
|
|
right: '-8%'
|
|
|
}
|
|
|
},
|
|
|
'@keyframes buffer': {
|
|
|
'0%': {
|
|
|
opacity: 1,
|
|
|
backgroundPosition: '0px -23px'
|
|
|
},
|
|
|
'50%': {
|
|
|
opacity: 0,
|
|
|
backgroundPosition: '0px -23px'
|
|
|
},
|
|
|
'100%': {
|
|
|
opacity: 1,
|
|
|
backgroundPosition: '-200px -23px'
|
|
|
}
|
|
|
}
|
|
|
};
|
|
|
};
|
|
|
/**
|
|
|
* ## ARIA
|
|
|
*
|
|
|
* If the progress bar is describing the loading progress of a particular region of a page,
|
|
|
* you should use `aria-describedby` to point to the progress bar, and set the `aria-busy`
|
|
|
* attribute to `true` on that region until it has finished loading.
|
|
|
*/
|
|
|
|
|
|
|
|
|
exports.styles = styles;
|
|
|
|
|
|
function LinearProgress(props) {
|
|
|
var _classNames, _classNames2, _classNames3, _classNames4;
|
|
|
|
|
|
var classes = props.classes,
|
|
|
classNameProp = props.className,
|
|
|
color = props.color,
|
|
|
value = props.value,
|
|
|
valueBuffer = props.valueBuffer,
|
|
|
variant = props.variant,
|
|
|
other = (0, _objectWithoutProperties2.default)(props, ["classes", "className", "color", "value", "valueBuffer", "variant"]);
|
|
|
var className = (0, _classnames.default)(classes.root, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.colorPrimary, color === 'primary'), (0, _defineProperty2.default)(_classNames, classes.colorSecondary, color === 'secondary'), (0, _defineProperty2.default)(_classNames, classes.buffer, variant === 'buffer'), (0, _defineProperty2.default)(_classNames, classes.query, variant === 'query'), _classNames), classNameProp);
|
|
|
var dashedClass = (0, _classnames.default)(classes.dashed, (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, classes.dashedColorPrimary, color === 'primary'), (0, _defineProperty2.default)(_classNames2, classes.dashedColorSecondary, color === 'secondary'), _classNames2));
|
|
|
var bar1ClassName = (0, _classnames.default)(classes.bar, (_classNames3 = {}, (0, _defineProperty2.default)(_classNames3, classes.barColorPrimary, color === 'primary'), (0, _defineProperty2.default)(_classNames3, classes.barColorSecondary, color === 'secondary'), (0, _defineProperty2.default)(_classNames3, classes.bar1Indeterminate, variant === 'indeterminate' || variant === 'query'), (0, _defineProperty2.default)(_classNames3, classes.bar1Determinate, variant === 'determinate'), (0, _defineProperty2.default)(_classNames3, classes.bar1Buffer, variant === 'buffer'), _classNames3));
|
|
|
var bar2ClassName = (0, _classnames.default)(classes.bar, (_classNames4 = {}, (0, _defineProperty2.default)(_classNames4, classes.barColorPrimary, color === 'primary' && variant !== 'buffer'), (0, _defineProperty2.default)(_classNames4, classes.colorPrimary, color === 'primary' && variant === 'buffer'), (0, _defineProperty2.default)(_classNames4, classes.barColorSecondary, color === 'secondary' && variant !== 'buffer'), (0, _defineProperty2.default)(_classNames4, classes.colorSecondary, color === 'secondary' && variant === 'buffer'), (0, _defineProperty2.default)(_classNames4, classes.bar2Indeterminate, variant === 'indeterminate' || variant === 'query'), (0, _defineProperty2.default)(_classNames4, classes.bar2Buffer, variant === 'buffer'), _classNames4));
|
|
|
var rootProps = {};
|
|
|
var inlineStyles = {
|
|
|
bar1: {},
|
|
|
bar2: {}
|
|
|
};
|
|
|
|
|
|
if (variant === 'determinate' || variant === 'buffer') {
|
|
|
if (value !== undefined) {
|
|
|
rootProps['aria-valuenow'] = Math.round(value);
|
|
|
inlineStyles.bar1.transform = "scaleX(".concat(value / 100, ")");
|
|
|
} else {
|
|
|
false ? (0, _warning.default)(false, 'Material-UI: you need to provide a value property ' + 'when using the determinate or buffer variant of LinearProgress .') : void 0;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
if (variant === 'buffer') {
|
|
|
if (valueBuffer !== undefined) {
|
|
|
inlineStyles.bar2.transform = "scaleX(".concat((valueBuffer || 0) / 100, ")");
|
|
|
} else {
|
|
|
false ? (0, _warning.default)(false, 'Material-UI: you need to provide a valueBuffer property ' + 'when using the buffer variant of LinearProgress.') : void 0;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
return _react.default.createElement("div", (0, _extends2.default)({
|
|
|
className: className,
|
|
|
role: "progressbar"
|
|
|
}, rootProps, other), variant === 'buffer' ? _react.default.createElement("div", {
|
|
|
className: dashedClass
|
|
|
}) : null, _react.default.createElement("div", {
|
|
|
className: bar1ClassName,
|
|
|
style: inlineStyles.bar1
|
|
|
}), variant === 'determinate' ? null : _react.default.createElement("div", {
|
|
|
className: bar2ClassName,
|
|
|
style: inlineStyles.bar2
|
|
|
}));
|
|
|
}
|
|
|
|
|
|
LinearProgress.propTypes = false ? {
|
|
|
/**
|
|
|
* Useful to extend the style applied to components.
|
|
|
*/
|
|
|
classes: _propTypes.default.object.isRequired,
|
|
|
|
|
|
/**
|
|
|
* @ignore
|
|
|
*/
|
|
|
className: _propTypes.default.string,
|
|
|
|
|
|
/**
|
|
|
* The color of the component. It supports those theme colors that make sense for this component.
|
|
|
*/
|
|
|
color: _propTypes.default.oneOf(['primary', 'secondary']),
|
|
|
|
|
|
/**
|
|
|
* The value of the progress indicator for the determinate and buffer variants.
|
|
|
* Value between 0 and 100.
|
|
|
*/
|
|
|
value: _propTypes.default.number,
|
|
|
|
|
|
/**
|
|
|
* The value for the buffer variant.
|
|
|
* Value between 0 and 100.
|
|
|
*/
|
|
|
valueBuffer: _propTypes.default.number,
|
|
|
|
|
|
/**
|
|
|
* The variant of progress indicator. Use indeterminate or query
|
|
|
* when there is no progress value.
|
|
|
*/
|
|
|
variant: _propTypes.default.oneOf(['determinate', 'indeterminate', 'buffer', 'query'])
|
|
|
} : {};
|
|
|
LinearProgress.defaultProps = {
|
|
|
color: 'primary',
|
|
|
variant: 'indeterminate'
|
|
|
};
|
|
|
|
|
|
var _default = (0, _withStyles.default)(styles, {
|
|
|
name: 'MuiLinearProgress'
|
|
|
})(LinearProgress);
|
|
|
|
|
|
exports.default = _default;
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 2840:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react_router__ = __webpack_require__(57);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react_router_dom__ = __webpack_require__(45);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prop_types__ = __webpack_require__(1);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_prop_types__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_classnames__ = __webpack_require__(3);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_classnames__);
|
|
|
var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return call&&(typeof call==="object"||typeof call==="function")?call:self;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass;}var ForumsNavTab=function(_Component){_inherits(ForumsNavTab,_Component);function ForumsNavTab(props){_classCallCheck(this,ForumsNavTab);var _this=_possibleConstructorReturn(this,(ForumsNavTab.__proto__||Object.getPrototypeOf(ForumsNavTab)).call(this,props));_this.state={};return _this;}_createClass(ForumsNavTab,[{key:'onNavClick',value:function onNavClick(active){// TODO 为什么事件发不过去
|
|
|
// https://github.com/facebook/react/issues/3249#issuecomment-177750141
|
|
|
// window.$(window).trigger('setSearchValue', '', true);
|
|
|
this.props.setSearchValue('');if(!active){this.props.initForumState({selectedHotLabelIndex:-1});}}},{key:'render',value:function render(){var _this2=this;var _props=this.props,match=_props.match,history=_props.history,currentPage=_props.currentPage;var techSharePath='/forums/categories/5';var guidePath='/forums/categories/3';var guidePaths='/forums/categories/16';var hottestPath='/forums/categories/all?order=hottest';// ?order=hottest
|
|
|
var newestPath='/forums/categories/all?order=newest';// ?order=newest
|
|
|
var shixunDiscussPath='/forums/categories/shixun_discuss';var locationPath=history.location.pathname+history.location.search;/*
|
|
|
<ul>
|
|
|
<li className={classNames({'selected': locationPath.indexOf(techSharePath) === 0 })}>
|
|
|
<Link to={`${techSharePath}`} >techShare</Link>
|
|
|
</li>
|
|
|
<li className={classNames({'selected': locationPath.indexOf(guidePath) === 0 })}>
|
|
|
<Link to={`${guidePath}`}>guide</Link>
|
|
|
</li>
|
|
|
</ul>
|
|
|
*/return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:'discuss-tab pl20 bor-bottom-greyE clearfix pr edu-back-white'},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('p',{className:'_forum_tab clearfix'},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_2_react_router_dom__["b" /* Link */],{to:''+newestPath,className:__WEBPACK_IMPORTED_MODULE_4_classnames___default()("fl font-16 padding5-20 block mr30 navItem",{'active':locationPath.indexOf('order=newest')!==-1}),onClick:function onClick(){return _this2.onNavClick(locationPath.indexOf('order=newest')!==-1);}},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('span',{className:'fl'},'\u6700\u65B0\u56DE\u590D')),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_2_react_router_dom__["b" /* Link */],{to:''+hottestPath,className:__WEBPACK_IMPORTED_MODULE_4_classnames___default()("fl font-16 padding5-20 block mr30 navItem",{'active':locationPath.indexOf('order=hottest')!==-1}),onClick:function onClick(){return _this2.onNavClick(locationPath.indexOf('order=hottest')!==-1);}},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('span',{className:'fl'},'\u70ED\u95E8\u8BDD\u9898')),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_2_react_router_dom__["b" /* Link */],{to:''+shixunDiscussPath,className:__WEBPACK_IMPORTED_MODULE_4_classnames___default()("fl font-16 padding5-20 block mr30 navItem",{'active':locationPath.indexOf('shixun_discuss')!==-1}),onClick:function onClick(){return _this2.onNavClick(locationPath.indexOf('shixun_discuss')!==-1);}},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('span',{className:'fl'},'\u5B9E\u8BAD\u56DE\u590D')),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_2_react_router_dom__["b" /* Link */],{to:''+techSharePath,className:__WEBPACK_IMPORTED_MODULE_4_classnames___default()("fl font-16 padding5-20 block mr30 navItem",{'active':locationPath.indexOf(techSharePath)===0}),onClick:function onClick(){return _this2.onNavClick(locationPath.indexOf(techSharePath)===0);}},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('span',{className:'fl'},'\u6280\u672F\u5206\u4EAB')),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_2_react_router_dom__["b" /* Link */],{to:''+guidePath,className:__WEBPACK_IMPORTED_MODULE_4_classnames___default()("fl font-16 padding5-20 block mr30 navItem",{'active':locationPath.indexOf(guidePath)===0}),onClick:function onClick(){return _this2.onNavClick(locationPath.indexOf(guidePath)===0);}},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('span',{className:'fl'},'\u64CD\u4F5C\u6307\u5357')),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_2_react_router_dom__["b" /* Link */],{to:''+guidePaths,className:__WEBPACK_IMPORTED_MODULE_4_classnames___default()("fl font-16 padding5-20 block mr30 navItem",{'active':locationPath.indexOf(guidePaths)===0}),onClick:function onClick(){return _this2.onNavClick(locationPath.indexOf(guidePaths)===0);}},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('span',{className:'fl'},'\u901A\u77E5\u516C\u544A'))));}}]);return ForumsNavTab;}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);/* harmony default export */ __webpack_exports__["a"] = (ForumsNavTab);
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 2926:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_antd_lib_tooltip_style_css__ = __webpack_require__(165);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_antd_lib_tooltip_style_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_antd_lib_tooltip_style_css__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_antd_lib_tooltip__ = __webpack_require__(164);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_antd_lib_tooltip___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_antd_lib_tooltip__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react__ = __webpack_require__(0);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_react__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react_router__ = __webpack_require__(57);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react_router_dom__ = __webpack_require__(45);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_prop_types__ = __webpack_require__(1);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_prop_types__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_classnames__ = __webpack_require__(3);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_classnames__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_educoder__ = __webpack_require__(5);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_moment__ = __webpack_require__(85);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_moment___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_8_moment__);
|
|
|
var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return call&&(typeof call==="object"||typeof call==="function")?call:self;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass;}var PostItem=function(_Component){_inherits(PostItem,_Component);function PostItem(){_classCallCheck(this,PostItem);return _possibleConstructorReturn(this,(PostItem.__proto__||Object.getPrototypeOf(PostItem)).apply(this,arguments));}_createClass(PostItem,[{key:'_toTenThousand',value:function _toTenThousand(num){if(num>10000){return((num-500)/10000).toFixed(1)+'万';}return num;}},{key:'render',value:function render(){var _props=this.props,match=_props.match,history=_props.history,currentPage=_props.currentPage,memo=_props.memo,user=_props.user,setTop=_props.setTop,setDown=_props.setDown;return __WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'forum_table_line pl20'},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'forum_table_item',id:'memo_detail_'+memo.id},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('a',{href:'/users/'+memo.login,className:'fr mr15'},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('img',{alt:'\u7528\u6237\u5934\u50CF',className:'bor-radius-all mt3',height:'50',src:Object(__WEBPACK_IMPORTED_MODULE_7_educoder__["M" /* getImageUrl */])('images/'+memo.image_url),width:'50'})),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'fl pr',style:{flex:1}},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('p',{className:'font-16 clearfix',style:{lineHeight:2}},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('a',{href:'/forums/'+memo.id,target:'_blank',title:memo.subject&&memo.subject.length>46?memo.subject:'',className:'clearfix task-hide item_name fl',style:{maxWidth:'600px'}},memo.subject),memo.sticky&&__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{className:'btn-top btn-cir-orange mt6 ml5 fl'},'\u7F6E\u9876'),memo.reward&&__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_1_antd_lib_tooltip___default.a,{title:'\u83B7\u5F97\u5E73\u53F0\u5956\u52B1\u91D1\u5E01\uFF1A'+memo.reward},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{className:' ml10 fl color-orange03 fl'},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('i',{className:'iconfont icon-gift font-16 mr5 fl'}),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{className:'fl mt3 font-14'},memo.reward)))),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'clearfix mt5 color-grey-9'},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{className:'fl'},memo.user_name),memo.tag&&memo.tag.length?__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{className:'fl ml50'},'\u6765\u81EA ',memo.tag.join('/')):'',__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('p',{className:'font-12 fr mr8 color-grey-6',style:{marginTop:'4px'}},memo.replies_count?__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{className:'mr10 ml10 fl edu-txt-right',style:{cursor:'default'}},memo.replies_count,' \u56DE\u590D'):'',memo.praise_count?__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{className:'mr10 ml10 fl edu-txt-right',style:{cursor:'default'}},memo.praise_count,' \u8D5E'):'',memo.viewed_count?__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{className:'mr10 ml10 fl edu-txt-right',style:{cursor:'default',minWidth:'55px'}},this._toTenThousand(memo.viewed_count),' \u6D4F\u89C8'):'')),user&&(user.admin===true||user.login===memo.login)&&__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'edu-position-hidebox',style:{position:'absolute',right:'18px',top:'0px'}},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('a',{href:'javascript:void(0);'},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('i',{className:'fa fa-bars font-16'})),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('ul',{className:'edu-position-hide undis'},user.admin===true&&(memo.sticky===true?__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('li',null,__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('a',{href:'javascript:void(0);',onClick:function onClick(){return setDown(memo);}},'\u53D6\u6D88\u7F6E\u9876')):__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('li',null,__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('a',{href:'javascript:void(0);',onClick:function onClick(){return setTop(memo);}},'\u7F6E\xA0\xA0\u9876'))),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('li',null,__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_4_react_router_dom__["b" /* Link */],{to:'/forums/'+memo.id+'/edit'},'\u7F16\xA0\xA0\u8F91')),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('li',null,__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('a',{href:'javascript:void(0)',onClick:function onClick(){return window.delete_confirm_box_2_react('onMemoDelete','您确定要删除吗?',memo);}},'\u5220\xA0\xA0\u9664')))))));}}]);return PostItem;}(__WEBPACK_IMPORTED_MODULE_2_react__["Component"]);PostItem.contextType=__WEBPACK_IMPORTED_MODULE_7_educoder__["y" /* ThemeContext */];/* harmony default export */ __webpack_exports__["a"] = (PostItem);
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 2927:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__css_moopCases_css__ = __webpack_require__(1765);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__css_moopCases_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__css_moopCases_css__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__courses_css_Courses_css__ = __webpack_require__(303);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__courses_css_Courses_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2__courses_css_Courses_css__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_educoder__ = __webpack_require__(5);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__CaseTags__ = __webpack_require__(2280);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_axios__ = __webpack_require__(12);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_axios___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_axios__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__modals_Modals__ = __webpack_require__(166);
|
|
|
var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return call&&(typeof call==="object"||typeof call==="function")?call:self;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass;}// import AttachmentList from '../../common/components/attachment/AttachmentList'
|
|
|
var CaseDetail=function(_Component){_inherits(CaseDetail,_Component);function CaseDetail(props){_classCallCheck(this,CaseDetail);var _this=_possibleConstructorReturn(this,(CaseDetail.__proto__||Object.getPrototypeOf(CaseDetail)).call(this,props));_this.componentDidMount=function(){var caseID=_this.props.match.params.caseID;_this.props.getDetail(caseID);};_this.delCases=function(){_this.setState({modalsType:true,modalsTopval:"是否确认删除?",modalsBottomval:""});};_this.cancelDelClasses=function(){_this.setState({modalsType:false,modalsTopval:"",modalsBottomval:""});};_this.sureDelClasses=function(){var caseID=_this.props.match.params.caseID;var url='/libraries/'+caseID+'.json';__WEBPACK_IMPORTED_MODULE_5_axios___default.a.delete(url).then(function(result){if(result){_this.props.showNotification("删除成功");_this.props.history.push("/moop_cases");}}).catch(function(error){console.log(error);});};_this.state={modalsType:"",modalsTopval:"",modalsBottomval:"",modalCancel:""};return _this;}// 是否删除
|
|
|
// 取消删除
|
|
|
// 确定删除
|
|
|
_createClass(CaseDetail,[{key:'render',value:function render(){var _this2=this;var _props=this.props,CaseDetail=_props.CaseDetail,praise_count=_props.praise_count,creator=_props.creator,operation=_props.operation,user_praised=_props.user_praised,tags=_props.tags,attachments=_props.attachments;var _state=this.state,modalsType=_state.modalsType,modalsTopval=_state.modalsTopval,modalsBottomval=_state.modalsBottomval;document.title=CaseDetail&&CaseDetail.title!=undefined?CaseDetail&&CaseDetail.title:"教学案例";return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:'educontent mt10 mb50'},CaseDetail&&__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_0_react___default.a.Fragment,null,__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_6__modals_Modals__["a" /* default */],{modalsType:modalsType,modalsTopval:modalsTopval,modalsBottomval:modalsBottomval,modalCancel:this.cancelDelClasses,modalSave:this.sureDelClasses}),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('p',{className:'mt10 mb20 clearfix lineh-20'},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('a',{href:'/moop_cases',className:'color-grey-9'},'\u6559\u5B66\u6848\u4F8B'),' > ',__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('span',{className:'color-grey-3'},CaseDetail.title)),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('p',{className:'lineh-25 mb20 clearfix'},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('span',{className:'font-22 fl mr10 task-hide lineh-30',style:{maxWidth:"800px"}},CaseDetail.title),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('span',{className:'mt10 fl'},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_4__CaseTags__["a" /* default */],{tags:tags}),CaseDetail.status=="pending"&&__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('span',{'class':'edu-filter-btn fl cdefault edu-activity-green ml10'},'\u8349\u7A3F'),CaseDetail.status=="processing"&&__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('span',{'class':'edu-filter-btn fl cdefault edu-activity-green ml10'},'\u5BA1\u6838\u4E2D'),CaseDetail.status=="refused"&&__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('span',{'class':'edu-filter-btn fl cdefault edu-activity-orange ml10'},'\u672A\u901A\u8FC7')),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('a',{href:'/moop_cases',className:'fr color-grey-9 mt5'},'\u8FD4\u56DE')),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:'edu-back-white'},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:'padding30'},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:'df mb5'},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('a',{href:'/users/moop'},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('img',{alt:'82274?1563067098',className:'radius mr15 mt3',height:'50',src:Object(__WEBPACK_IMPORTED_MODULE_3_educoder__["M" /* getImageUrl */])('images/'+(creator&&creator.image_url)),width:'50'})),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:'flex1'},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('li',{className:'clearfix mb5'},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('span',{className:'font-16 fl'},creator&&creator.name),operation&&operation.can_deletable?__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_3_educoder__["a" /* ActionBtn */],{style:'greyLine',onClick:this.delCases,className:'fr'},'\u5220\u9664'):"",operation&&operation.can_editable?__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_3_educoder__["a" /* ActionBtn */],{style:'colorBlue',to:'/moop_cases/'+this.props.match.params.caseID+'/edit',className:'fr mr20'},'\u7F16\u8F91'):""),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('li',{className:'clearfix lineh-20'},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('span',{className:'fl color-grey-9 mr20'},creator&&creator.school_name),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('span',{className:'fr'},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('span',{className:'fl color-grey-9 mr30'},'\u7F16\u7801\uFF1A',__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('span',{className:'color-grey-6'},CaseDetail.uuid)),CaseDetail&&CaseDetail.status=="published"?__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('span',{className:'fl color-grey-9'},'\u53D1\u5E03\u65F6\u95F4\uFF1A',__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('span',{className:'color-grey-6'},CaseDetail.published_at)):__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('span',{className:'fl color-grey-9'},'\u4E0A\u4F20\u65F6\u95F4\uFF1A',__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('span',{className:'color-grey-6'},CaseDetail.created_at)))))),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',null,__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('span',{className:'fl color-grey-9'},'\u4F5C\u8005\uFF1A'),CaseDetail.author_name,'/',CaseDetail.author_school_name),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('style',null,'\n .setMDStyle .editormd-html-preview{\n width:100%!important;\n }\n '),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{'class':'mt20 setMDStyle'},CaseDetail.content&&__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_3_educoder__["s" /* MarkdownToHtml */],{content:CaseDetail.content,id:'casesDetail',selector:'casesDetail',style:{width:"100%!important"}})),attachments&&__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:'mt10'},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_3_educoder__["b" /* AttachmentList */],Object.assign({},this.props,this.state,{attachments:attachments}))),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{'class':'mt40'},user_praised?__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('p',{className:'pointsBtn pointedBtn'},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('span',null,'\u5DF2\u8D5E'),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('span',null,praise_count)):__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('p',{onClick:function onClick(){return _this2.props.praisePoint(_this2.props.match.params.caseID);},className:'pointsBtn'},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('span',null,__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('i',{'class':'iconfont icon-dianzan'})),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('span',null,praise_count)))))));}}]);return CaseDetail;}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);/* harmony default export */ __webpack_exports__["default"] = (CaseDetail);
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 3067:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_antd_lib_input_number_style_css__ = __webpack_require__(1067);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_antd_lib_input_number_style_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_antd_lib_input_number_style_css__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_antd_lib_input_number__ = __webpack_require__(1068);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_antd_lib_input_number___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_antd_lib_input_number__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react__ = __webpack_require__(0);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_react__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_material_ui_Dialog__ = __webpack_require__(113);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_material_ui_Dialog___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_material_ui_Dialog__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_material_ui_Button__ = __webpack_require__(323);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_material_ui_Button___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_material_ui_Button__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_material_ui_Form__ = __webpack_require__(1320);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_material_ui_Form___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_material_ui_Form__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_material_ui_Input__ = __webpack_require__(1427);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_material_ui_Input___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_material_ui_Input__);
|
|
|
var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return call&&(typeof call==="object"||typeof call==="function")?call:self;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass;}var RewardDialog=function(_Component){_inherits(RewardDialog,_Component);function RewardDialog(props){_classCallCheck(this,RewardDialog);var _this=_possibleConstructorReturn(this,(RewardDialog.__proto__||Object.getPrototypeOf(RewardDialog)).call(this,props));_this.handleGoldRewardDialogClose=_this.handleGoldRewardDialogClose.bind(_this);_this.state={// goldRewardDialogOpen: false,
|
|
|
goldRewardInput:''};return _this;}_createClass(RewardDialog,[{key:'showGoldRewardDialog',value:function showGoldRewardDialog(comment,childComment){if(comment.admin===true){this.comment=comment;this.childComment=childComment;this.setState({goldRewardDialogOpen:true});}}},{key:'handleGoldRewardDialogClose',value:function handleGoldRewardDialogClose(){this.props.setRewardDialogVisible(false);}},{key:'onGoldRewardDialogOkBtnClick',value:function onGoldRewardDialogOkBtnClick(){console.log('onGoldRewardDialogOkBtnClick');var goldRewardInput=this.state.goldRewardInput;if(!goldRewardInput||goldRewardInput==='0'||goldRewardInput<0){this.props.showNotification('奖励金币不能为空或负数');// this.setState({ goldRewardInputError: true})
|
|
|
return;}else{this.props.setRewardDialogVisible(false);this.props.rewardCode(goldRewardInput);}}},{key:'onGoldRewardInputChange',value:function onGoldRewardInputChange(value){// || event.target.value
|
|
|
var number=parseInt(value||0,10);if(Number.isNaN(number)){return;}this.setState({goldRewardInput:number,goldRewardInputError:false});}},{key:'render',value:function render(){var _this2=this;var goldRewardDialogOpen=this.props.goldRewardDialogOpen;var goldRewardInputError=this.state.goldRewardInputError;var goldRewardInputErrorObj=goldRewardInputError?{'error':'error'}:{};return __WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_3_material_ui_Dialog___default.a,{open:goldRewardDialogOpen,disableEscapeKeyDown:true,onClose:this.handleGoldRewardDialogClose,className:'rewardDialog'},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('style',null,'\n\t\t\t\t\t.rewardDialog>div:last-child {\n\t\t\t\t\t\twidth: 280px;\n\t\t\t\t\t} \n\t\t\t\t'),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_3_material_ui_Dialog__["DialogTitle"],{id:'alert-dialog-title'},"奖励设置"),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_3_material_ui_Dialog__["DialogContent"],null,__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_1_antd_lib_input_number___default.a,{placeholder:'\u8BF7\u8F93\u5165\u5956\u52B1\u7684\u91D1\u5E01\u6570\u91CF',id:'goldReward',type:'number',value:this.state.goldRewardInput,onChange:function onChange(e){return _this2.onGoldRewardInputChange(e);},width:228,style:{width:'228px'}})),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_3_material_ui_Dialog__["DialogActions"],null,__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_4_material_ui_Button___default.a,{onClick:this.handleGoldRewardDialogClose,color:'primary'},'\u53D6\u6D88'),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_4_material_ui_Button___default.a,{variant:'raised',onClick:function onClick(){return _this2.onGoldRewardDialogOkBtnClick();},color:'primary',autoFocus:true},'\u786E\u5B9A')));}}]);return RewardDialog;}(__WEBPACK_IMPORTED_MODULE_2_react__["Component"]);/* harmony default export */ __webpack_exports__["a"] = (RewardDialog);
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 3106:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
/* harmony export (immutable) */ __webpack_exports__["a"] = postPaginationHOC;
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react_dom__ = __webpack_require__(4);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react_dom___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_react_dom__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_axios__ = __webpack_require__(12);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_axios___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_axios__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_immutability_helper__ = __webpack_require__(1085);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_immutability_helper___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_immutability_helper__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__PostItem__ = __webpack_require__(2926);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_material_ui_Progress__ = __webpack_require__(1522);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_material_ui_Progress___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_material_ui_Progress__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_educoder__ = __webpack_require__(5);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__Post_css__ = __webpack_require__(1457);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__Post_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_7__Post_css__);
|
|
|
var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return call&&(typeof call==="object"||typeof call==="function")?call:self;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass;}var $=window.$;function urlStringify(params){var noParams=true;var paramsUrl='';for(var key in params){noParams=false;paramsUrl+=key+'='+params[key]+'&';}if(noParams){return'';}paramsUrl=paramsUrl.substring(0,paramsUrl.length-1);return paramsUrl;}function postPaginationHOC(){var options=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};// options.isMyPublish
|
|
|
return function wrap(WrappedComponent){return function(_React$Component){_inherits(II,_React$Component);function II(props){_classCallCheck(this,II);var _this=_possibleConstructorReturn(this,(II.__proto__||Object.getPrototypeOf(II)).call(this,props));_this.state={currentPage:1,loadingMemos:true};return _this;}_createClass(II,[{key:'componentDidMount',value:function componentDidMount(){var _this2=this;$('body>#root').on('onMemoDelete',function(event){// const val = $('body>#root').data('onMemoDelete')
|
|
|
var val=window.onMemoDelete;_this2.onMemoDelete(JSON.parse(decodeURIComponent(val)));});window.$('#shixun_search_input').val('');this.props.setSearchValue('');this.fetchMemos(null,'');var that=this;$(window).on('popstate',function(e){var state=e.originalEvent.state;console.log('popstate',state);if(state!==null){var currentPage=that.state.currentPage;;// // 浏览器地址改变了
|
|
|
var search=that.props.history.location.search;var parsed=__WEBPACK_IMPORTED_MODULE_6_educoder__["_0" /* queryString */].parse(search);if(parsed.page!=currentPage){currentPage=parseInt(parsed.page||1);// that.setSearchValue('')
|
|
|
that.fetchMemos(currentPage);_this2.setState({currentPage:currentPage});}}});// RightMyPublish组件发过来的消息
|
|
|
// $(window).on('setSearchValue', (event, val, noFetch)=>{
|
|
|
// })
|
|
|
Object(__WEBPACK_IMPORTED_MODULE_6_educoder__["Z" /* on */])('hotTagClick',function(event,tagName,index){_this2.props.setHotLabelIndex(tagName.selectedHotLabelIndex,function(){_this2.fetchMemos(1,undefined);});});}},{key:'componentWillReceiveProps',value:function componentWillReceiveProps(newProps,newContext){if(newProps.enterKeyFlag!==this.props.enterKeyFlag){var childPath=this.props.match.path.split('/:')[0];// 加入一个浏览地址
|
|
|
var _search=this.props.location.search;if(_search){var parsed=__WEBPACK_IMPORTED_MODULE_6_educoder__["_0" /* queryString */].parse(_search);if(parsed.page!=1){parsed.page=1;this.props.history.push(this.props.match.url+'?'+__WEBPACK_IMPORTED_MODULE_6_educoder__["_0" /* queryString */].stringify(parsed));}}this.fetchMemos(1,newProps.searchValue,newProps.selectedHotLabelIndex);// 搜索框模糊搜索,重置为第一页
|
|
|
}}},{key:'componentWillUnmount',value:function componentWillUnmount(){// 要移除掉,不然到了MemoDetail页面,可能会有2个onMemoDelete监听
|
|
|
$('body>#root').off('onMemoDelete');$(window).off('setSearchValue');$(window).off('popstate');Object(__WEBPACK_IMPORTED_MODULE_6_educoder__["Y" /* off */])('hotTagClick');}},{key:'fetchMemos',value:function fetchMemos(arg_currentPage,arg_searchValue,arg_selectedHotLabelIndex){var _this3=this;var _props=this.props,match=_props.match,history=_props.history;var searchValue=arg_searchValue!=undefined?arg_searchValue:this.props.searchValue;// 根据参数初始化页数
|
|
|
var memoType=match.params.memoType;var urlArray=match.url.split('/');var lastPath=urlArray[2];// 1 问题反馈
|
|
|
// 3 操作指南 5 技术分享
|
|
|
var memoTypeMap={'guide':3,'techShare':5};var orderTypeMap={'hottest':'replies_count','newest':'updated_at'// 'created_at',
|
|
|
};var _search=this.props.history.location.search;var parsed=__WEBPACK_IMPORTED_MODULE_6_educoder__["_0" /* queryString */].parse(_search);var currentPage=parseInt(arg_currentPage?arg_currentPage:parsed.page||1);var params={// replies_count最热 created_at 最新
|
|
|
// s_order: 'replies_count',
|
|
|
page:currentPage// forum: // forum_id
|
|
|
// user_id
|
|
|
};if(searchValue){params.search=searchValue.trim();}var orderType='';if(memoType==='all'){orderType=parsed.order||'hottest';params.order=orderTypeMap[orderType];}else if(options.isMyPublish){params.user_id=-1;}else if(memoType){params.forum=memoType;if(memoType==5){// 讨论区的技术分享tab按照创建时间倒序
|
|
|
params.order='created_at';}}var _props2=this.props,selectedHotLabelIndex=_props2.selectedHotLabelIndex,hot_tags=_props2.hot_tags;selectedHotLabelIndex=arg_selectedHotLabelIndex?arg_selectedHotLabelIndex:selectedHotLabelIndex;if(selectedHotLabelIndex!==-1&&hot_tags[selectedHotLabelIndex]){params.tag_repertoire_id=hot_tags[selectedHotLabelIndex].tag_repertoire_id;// encodeURIComponent()
|
|
|
}var paramsUrl=__WEBPACK_IMPORTED_MODULE_6_educoder__["_0" /* queryString */].stringify(params);var memosUrl='/memos.json?'+paramsUrl;// /${challenge.identifier}/star
|
|
|
this.setState({currentPage:currentPage,loadingMemos:true,orderType:orderType});// 获取memo list
|
|
|
__WEBPACK_IMPORTED_MODULE_2_axios___default.a.get(memosUrl,{// withCredentials: true,
|
|
|
}).then(function(response){var memo_count=response.data.memo_count;if(memo_count>=0){var maxPage=Math.ceil(memo_count/15);// page超出,显示最后一页
|
|
|
if(maxPage!=0&&maxPage<currentPage){_this3.fetchMemos(maxPage);return;}// const user = response.data.current_user;
|
|
|
// user.tidding_count = response.data.tidding_count;
|
|
|
// this.props.initCommonState(user)
|
|
|
_this3.props.initForumState(response.data);_this3.setState({p_forum_id:params.forum,p_s_order:params.s_order,loadingMemos:false});}}).catch(function(error){console.log(error);});}},{key:'onCurrentPageChange',value:function onCurrentPageChange(pageNum){this.setState({currentPage:pageNum});}},{key:'onPaginationChange',value:function onPaginationChange(pageNum,pageSize){window.$("html,body").animate({"scrollTop":0});Object(__WEBPACK_IMPORTED_MODULE_6_educoder__["_6" /* updatePageParams */])(pageNum,this.props);// 加入一个浏览地址
|
|
|
// const params = {
|
|
|
// page: pageNum
|
|
|
// }
|
|
|
// if (this.state.orderType) {
|
|
|
// params.order = this.state.orderType;
|
|
|
// }
|
|
|
// this.props.history.push(`${url}?${queryString.stringify(parsed)}`)
|
|
|
this.fetchMemos(pageNum);// this.setState({
|
|
|
// currentPage: pageNum
|
|
|
// })
|
|
|
}// 置顶
|
|
|
},{key:'setTop',value:function setTop(memo){var _this4=this;var params={sticky:memo.sticky?0:1};if(this.state.p_s_order){params.order=this.state.p_s_order;}if(this.state.p_forum_id){params.forum_id=this.state.p_forum_id;}var paramsUrl=urlStringify(params);var set_top_or_down_Url='/memos/'+memo.id+'/sticky_or_cancel.json?'+paramsUrl;// 获取memo list
|
|
|
__WEBPACK_IMPORTED_MODULE_2_axios___default.a.post(set_top_or_down_Url,{// withCredentials: true,
|
|
|
}).then(function(response){var status=response.data.status;if(status===0){_this4.fetchMemos(1,'');// const { memo_list } = response.data;
|
|
|
// this.props.initForumState({ memo_list })
|
|
|
// 刷新列表
|
|
|
// TODO 服务端直接返回第一页列表
|
|
|
// this.props.history.replace('/')
|
|
|
}}).catch(function(error){console.log(error);});}// 取消置顶
|
|
|
},{key:'setDown',value:function setDown(memo){this.setTop(memo);}},{key:'onMemoDelete',value:function onMemoDelete(memo){var _this5=this;var deleteUrl='/memos/'+memo.id+'.json';// 获取memo list
|
|
|
__WEBPACK_IMPORTED_MODULE_2_axios___default.a.delete(deleteUrl,{// withCredentials: true,
|
|
|
}).then(function(response){var status=response.data.status;if(status===0){_this5.props.showNotification('删除成功');// 刷新列表
|
|
|
_this5.fetchMemos();}}).catch(function(error){console.log(error);});}// item渲染
|
|
|
//
|
|
|
},{key:'renderMemoList',value:function renderMemoList(){var _this6=this;var _props3=this.props,memo_list=_props3.memo_list,user=_props3.user;if(!memo_list){return'';}return memo_list.map(function(item,index){return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_4__PostItem__["a" /* default */],Object.assign({key:item.id,user:user,index:index},_this6.props,{setTop:function setTop(memo){return _this6.setTop(memo);},setDown:function setDown(memo){return _this6.setDown(memo);},memo:item}));});}},{key:'render',value:function render(){var _this7=this;var loadingMemos=this.state.loadingMemos;var _props4=this.props,memo_list=_props4.memo_list,searchValue=_props4.searchValue,showSearchValue=_props4.showSearchValue,memo_count=_props4.memo_count,selectedHotLabelIndex=_props4.selectedHotLabelIndex,hot_tags=_props4.hot_tags;// 规则: 搜索框输入了值 或者 选择了热门标签的时候显示该提示
|
|
|
var _showSearchValue=showSearchValue||selectedHotLabelIndex!=-1;var _searchValue=void 0;if(showSearchValue){_searchValue=searchValue;}else if(selectedHotLabelIndex!=-1){_searchValue=hot_tags[selectedHotLabelIndex].name||hot_tags[selectedHotLabelIndex];}return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:'edu-back-white',id:'forum_index_list'},' ',__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:'clearfix'},_showSearchValue&&__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:'noMemosTip',style:{display:loadingMemos?'none':'block'}},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('span',{className:'fr pr20',id:'search_result'},'\u5171\u627E\u5230\xA0',__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('span',{className:'color-orange03'},memo_count),'\u4E2A"',__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('span',{className:'color-orange03'},_searchValue),'"\u76F8\u5173\u7684\u7ED3\u679C')),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_5_material_ui_Progress__["CircularProgress"],{size:40,thickness:3,style:{marginLeft:'auto',marginRight:'auto',paddingTop:'20%',display:loadingMemos?'block':'none'}}),!loadingMemos&&__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(WrappedComponent,Object.assign({},this.props,this.state,{onPaginationChange:function onPaginationChange(pageNum,pageSize){return _this7.onPaginationChange(pageNum,pageSize);},onCurrentPageChange:function onCurrentPageChange(pageNum,pageSize){return _this7.onCurrentPageChange(pageNum,pageSize);},renderMemoList:function renderMemoList(){return _this7.renderMemoList();},fetchMemos:function fetchMemos(arg1,arg2){return _this7.fetchMemos(arg1,arg2);}}))));}}]);return II;}(__WEBPACK_IMPORTED_MODULE_0_react___default.a.Component);};}
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 3107:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react_router__ = __webpack_require__(57);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react_router_dom__ = __webpack_require__(45);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prop_types__ = __webpack_require__(1);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_prop_types__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_classnames__ = __webpack_require__(3);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_classnames__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_rc_pagination__ = __webpack_require__(859);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_educoder__ = __webpack_require__(5);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__PostPaginationHOC__ = __webpack_require__(3106);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__PostItem__ = __webpack_require__(2926);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__ForumsNavTab__ = __webpack_require__(2840);
|
|
|
var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return call&&(typeof call==="object"||typeof call==="function")?call:self;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass;}var MemoList=function(_Component){_inherits(MemoList,_Component);function MemoList(){_classCallCheck(this,MemoList);return _possibleConstructorReturn(this,(MemoList.__proto__||Object.getPrototypeOf(MemoList)).apply(this,arguments));}_createClass(MemoList,[{key:'render',value:function render(){var _props=this.props,match=_props.match,history=_props.history,currentPage=_props.currentPage,memo_count=_props.memo_count,memo_list=_props.memo_list,renderMemoList=_props.renderMemoList,onPaginationChange=_props.onPaginationChange;var theme=this.context;return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_0_react___default.a.Fragment,null,__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{id:'forum_list',className:'forum_table'},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('style',null,'\n .forum_table_item .item_name:hover {\n color: '+theme.foreground_select+'\n }\n '),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:'mh650 edu-back-white'},!memo_list||memo_list.length===0?__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:'edu-tab-con-box clearfix edu-txt-center'},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('img',{className:'edu-nodata-img mb20',src:Object(__WEBPACK_IMPORTED_MODULE_6_educoder__["M" /* getImageUrl */])("images/educoder/nodata.png")}),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('p',{className:'edu-nodata-p mb30'},'\u6682\u65F6\u8FD8\u6CA1\u6709\u76F8\u5173\u6570\u636E\u54E6\uFF01')):renderMemoList())),!!memo_count&&memo_count>15&&__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{style:{width:'100%',background:'#FAFAFA'}},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_5_rc_pagination__["default"],{className:'ec-pagination',onChange:function onChange(pageNum,pageSize){return onPaginationChange(pageNum,pageSize);},showQuickJumper:true,current:currentPage,total:memo_count,pageSize:15})));}}]);return MemoList;}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);MemoList.contextType=__WEBPACK_IMPORTED_MODULE_6_educoder__["y" /* ThemeContext */];/* harmony default export */ __webpack_exports__["a"] = (MemoList);
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 3108:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
exports = module.exports = __webpack_require__(290)(true);
|
|
|
// imports
|
|
|
|
|
|
|
|
|
// module
|
|
|
exports.push([module.i, ".winput-300-35{width:300px;height:35px;padding:5px;-webkit-box-sizing:border-box;box-sizing:border-box}.library_nav li{float:left;cursor:pointer;margin-right:30px;position:relative;color:#05101a;height:40px;line-height:20px;font-size:16px}.library_nav li.active a,.library_nav li:hover a{color:#4cacff!important}.library_list{margin-bottom:30px}.library_list_item:hover{-webkit-box-shadow:0 4px 8px hsla(0,0%,62%,.16);box-shadow:0 4px 8px hsla(0,0%,62%,.16)}.library_list_item{background:#fff;padding:20px 30px;margin-bottom:30px;display:-ms-flexbox;display:flex}.library_list_item .library_l_name{max-width:600px;float:left}.edu-activity-red{background-color:#fc2b6a;border:1px solid #fc2b6a}.edu-activity-green,.edu-activity-red{color:#fff!important;cursor:pointer;line-height:17px}.edu-activity-green{background-color:green;border:1px solid green}.edu-activity-orange{background-color:#ff6800;border:1px solid #ff6800}.edu-activity-blue,.edu-activity-orange{color:#fff!important;cursor:pointer;line-height:17px}.edu-activity-blue{background-color:#4cacff;border:1px solid #4cacff}.edu-activity-orange-sub{background-color:#ff781b;border:1px solid #ff6800}.edu-activity-36c53c-sub,.edu-activity-orange-sub{color:#fff!important;cursor:pointer;line-height:17px}.edu-activity-36c53c-sub{background-color:#36c53c;border:1px solid #36c53c}.pointsBtn{width:70px;height:70px;background-color:#4cacff;border-radius:50%;color:#fff;text-align:center;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;padding:2px 0;cursor:pointer;line-height:22px;padding-top:12px}.pointedBtn{background:#bcd1e3;cursor:default}.pointsBtn span{display:block}.upload_Title{position:relative;margin-right:20px;float:left;line-height:35px;font-size:16px;color:rgba(0,0,0,.85);text-align:center}.upload_Title.must:before{display:inline-block;margin-right:4px;color:#f5222d;font-size:14px;font-family:SimSun,sans-serif;line-height:1;content:\"*\"}.upload_Title:after{content:\":\";position:relative;top:-.5px;margin:0 8px 0 2px}.libraries_tab li{width:120px;height:35px;line-height:33px;border-radius:18px;border:1px solid #4c98ff;color:#4c98ff;cursor:pointer;margin-right:30px;float:left;text-align:center}.libraries_tab li.active{background:#4c98ff;color:#fff}.librariesField .ant-upload{width:100%;background:#f2f9ff;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;text-align:center;height:120px!important;border-radius:4px;border:1px dashed #4cacff!important;display:block;cursor:pointer}.librariesField .ant-upload.ant-upload-drag{border:none!important}.uploadImage .ant-upload.ant-upload-select-picture-card{width:120px;height:90px}.uploadImage .ant-upload.ant-upload-select-picture-card>.ant-upload{padding:0!important}.successPage{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;height:570px;text-align:center;margin-bottom:50px}.changebtn{width:166px;font-size:16px;height:45px;line-height:45px}", "", {"version":3,"sources":["/Users/alec/educoder/public/react/src/modules/moop_cases/css/moopCases.css"],"names":[],"mappings":"AAAA,eACE,YAAa,AACb,YAAa,AACb,YAAa,AACb,8BAA+B,AACvB,qBAAuB,CAChC,AACD,gBACE,WAAY,AACZ,eAAgB,AAChB,kBAAmB,AACnB,kBAAmB,AACnB,cAAe,AACf,YAAa,AACb,iBAAkB,AAClB,cAAgB,CACjB,AACD,iDACE,uBAAyB,CAC1B,AACD,cACE,kBAAoB,CACrB,AACD,yBACE,gDAAuD,AAC/C,uCAA+C,CACxD,AACD,mBACE,gBAAiB,AACjB,kBAAmB,AACnB,mBAAoB,AACpB,oBAAqB,AACrB,YAAc,CACf,AACD,mCACE,gBAAiB,AACjB,UAAY,CACb,AAED,kBACE,yBAA0B,AAG1B,wBAA0B,CAE3B,AACD,sCALE,qBAAsB,AACtB,eAAgB,AAEhB,gBAAkB,CAQnB,AAND,oBACE,uBAAwB,AAGxB,sBAAwB,CAEzB,AACD,qBACE,yBAA0B,AAG1B,wBAA0B,CAE3B,AACD,wCALE,qBAAsB,AACtB,eAAgB,AAEhB,gBAAkB,CAQnB,AAND,mBACE,yBAA0B,AAG1B,wBAA0B,CAE3B,AACD,yBACE,yBAA0B,AAG1B,wBAA0B,CAE3B,AACD,kDALE,qBAAsB,AACtB,eAAgB,AAEhB,gBAAkB,CAQnB,AAND,yBACI,yBAA0B,AAG1B,wBAA0B,CAE7B,AACD,WACE,WAAY,AACZ,YAAa,AACb,yBAA0B,AAC1B,kBAAmB,AACnB,WAAY,AACZ,kBAAmB,AACnB,cAAe,AACf,8BAA+B,AAC/B,sBAAuB,AACvB,cAAe,AACf,eAAgB,AAChB,iBAAkB,AAClB,gBAAkB,CACnB,AACD,YACE,mBAAoB,AACpB,cAAe,CAChB,AACD,gBACE,aAAe,CAChB,AACD,cACE,kBAAmB,AACnB,kBAAmB,AACnB,WAAY,AACZ,iBAAkB,AAClB,eAAgB,AAEhB,sBAA0B,AAC1B,iBAAkB,CACnB,AACD,0BACE,qBAAsB,AACtB,iBAAkB,AAClB,cAAe,AACf,eAAgB,AAChB,8BAAgC,AAChC,cAAe,AACf,WAAa,CACd,AACD,oBACE,YAAa,AACb,kBAAmB,AACnB,UAAY,AACZ,kBAAoB,CACrB,AACD,kBACE,YAAa,AACb,YAAa,AACb,iBAAkB,AAClB,mBAAoB,AACpB,yBAA0B,AAC1B,cAAe,AACf,eAAgB,AAChB,kBAAmB,AACnB,WAAY,AACZ,iBAAmB,CACpB,AACD,yBACE,mBAAoB,AACpB,UAAY,CACb,AACD,4BACE,WAAY,AACZ,mBAAoB,AACpB,qBAAsB,AAClB,uBAAwB,AAC5B,sBAAuB,AACnB,mBAAoB,AACxB,qBAAsB,AACtB,kBAAmB,AACnB,uBAAwB,AACxB,kBAAmB,AACnB,oCAAqC,AACrC,cAAe,AACf,cAAgB,CACjB,AACD,4CACE,qBAAsB,CACvB,AACD,wDACE,YAAY,AACZ,WAAa,CACd,AACD,oEACE,mBAAsB,CACvB,AACD,aACE,qBAAsB,AAClB,uBAAwB,AAC5B,sBAAuB,AACnB,mBAAoB,AACxB,qBAAsB,AACtB,aAAc,AACd,kBAAmB,AACnB,kBAAoB,CACrB,AACD,WACE,YAAY,AACZ,eAAgB,AAChB,YAAa,AACb,gBAAkB,CACnB","file":"moopCases.css","sourcesContent":[".winput-300-35{\n width: 300px;\n height: 35px;\n padding: 5px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n.library_nav li {\n float: left;\n cursor: pointer;\n margin-right: 30px;\n position: relative;\n color: #05101A;\n height: 40px;\n line-height: 20px;\n font-size: 16px;\n}\n.library_nav li.active a, .library_nav li:hover a{\n color: #4cacff!important;\n}\n.library_list {\n margin-bottom: 30px;\n}\n.library_list_item:hover {\n -webkit-box-shadow: 0px 4px 8px rgba(158,158,158,0.16);\n box-shadow: 0px 4px 8px rgba(158,158,158,0.16);\n}\n.library_list_item {\n background: #fff;\n padding: 20px 30px;\n margin-bottom: 30px;\n display: -ms-flexbox;\n display: flex;\n}\n.library_list_item .library_l_name {\n max-width: 600px;\n float: left;\n}\n\n.edu-activity-red {\n background-color: #FC2B6A;\n color: #fff!important;\n cursor: pointer;\n border: 1px solid #FC2B6A;\n line-height: 17px;\n}\n.edu-activity-green {\n background-color: green;\n color: #fff!important;\n cursor: pointer;\n border: 1px solid green;\n line-height: 17px;\n}\n.edu-activity-orange {\n background-color: #ff6800;\n color: #fff!important;\n cursor: pointer;\n border: 1px solid #ff6800;\n line-height: 17px;\n}\n.edu-activity-blue {\n background-color: #4CACFF;\n color: #fff!important;\n cursor: pointer;\n border: 1px solid #4CACFF;\n line-height: 17px;\n}\n.edu-activity-orange-sub {\n background-color: #FF781B;\n color: #fff!important;\n cursor: pointer;\n border: 1px solid #ff6800;\n line-height: 17px;\n}\n.edu-activity-36c53c-sub {\n background-color: #36c53c;\n color: #fff!important;\n cursor: pointer;\n border: 1px solid #36c53c;\n line-height: 17px;\n}\n.pointsBtn {\n width: 70px;\n height: 70px;\n background-color: #4cacff;\n border-radius: 50%;\n color: #fff;\n text-align: center;\n margin: 0 auto;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 2px 0;\n cursor: pointer;\n line-height: 22px;\n padding-top: 12px;\n}\n.pointedBtn{\n background: #BCD1E3;\n cursor: default\n}\n.pointsBtn span{\n display: block;\n}\n.upload_Title {\n position: relative;\n margin-right: 20px;\n float: left;\n line-height: 35px;\n font-size: 16px;\n /*width: 56px;*/\n color:rgba(0, 0, 0, 0.85);\n text-align: center\n}\n.upload_Title.must:before {\n display: inline-block;\n margin-right: 4px;\n color: #f5222d;\n font-size: 14px;\n font-family: SimSun, sans-serif;\n line-height: 1;\n content: '*';\n}\n.upload_Title:after{\n content: ':';\n position: relative;\n top: -0.5px;\n margin: 0 8px 0 2px;\n}\n.libraries_tab li {\n width: 120px;\n height: 35px;\n line-height: 33px;\n border-radius: 18px;\n border: 1px solid #4C98FF;\n color: #4C98FF;\n cursor: pointer;\n margin-right: 30px;\n float: left;\n text-align: center;\n}\n.libraries_tab li.active {\n background: #4C98FF;\n color: #fff;\n}\n.librariesField .ant-upload{\n width: 100%;\n background: #F2F9FF;\n -ms-flex-pack: center;\n justify-content: center;\n -ms-flex-align: center;\n align-items: center;\n display: -webkit-flex;\n text-align: center;\n height: 120px!important;\n border-radius: 4px;\n border: 1px dashed #4cacff!important;\n display: block;\n cursor: pointer;\n}\n.librariesField .ant-upload.ant-upload-drag{\n border:none!important;\n}\n.uploadImage .ant-upload.ant-upload-select-picture-card{\n width:120px;\n height: 90px;\n}\n.uploadImage .ant-upload.ant-upload-select-picture-card > .ant-upload{\n padding:0px!important;\n}\n.successPage {\n -ms-flex-pack: center;\n justify-content: center;\n -ms-flex-align: center;\n align-items: center;\n display: -webkit-flex;\n height: 570px;\n text-align: center;\n margin-bottom: 50px;\n}\n.changebtn {\n width:166px;\n font-size: 16px;\n height: 45px;\n line-height: 45px;\n}"],"sourceRoot":""}]);
|
|
|
|
|
|
// exports
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 3382:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return typeNameMap2; });
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_antd_lib_upload_style_css__ = __webpack_require__(1058);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_antd_lib_upload_style_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_antd_lib_upload_style_css__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_antd_lib_upload__ = __webpack_require__(1059);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_antd_lib_upload___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_antd_lib_upload__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_antd_lib_button_style_css__ = __webpack_require__(87);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_antd_lib_button_style_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_antd_lib_button_style_css__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_antd_lib_button__ = __webpack_require__(73);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_antd_lib_button___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_antd_lib_button__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_antd_lib_icon_style_css__ = __webpack_require__(169);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_antd_lib_icon_style_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_antd_lib_icon_style_css__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_antd_lib_icon__ = __webpack_require__(25);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_antd_lib_icon___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_antd_lib_icon__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_antd_lib_select_style_css__ = __webpack_require__(298);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_antd_lib_select_style_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_antd_lib_select_style_css__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_antd_lib_select__ = __webpack_require__(293);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_antd_lib_select___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_7_antd_lib_select__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_react__ = __webpack_require__(0);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_8_react__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_react_router__ = __webpack_require__(57);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_react_router_dom__ = __webpack_require__(45);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11_prop_types__ = __webpack_require__(1);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_11_prop_types__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12_classnames__ = __webpack_require__(3);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_12_classnames__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13_axios__ = __webpack_require__(12);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13_axios___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_13_axios__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_14_antd_lib_select_style_index_css__ = __webpack_require__(350);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_14_antd_lib_select_style_index_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_14_antd_lib_select_style_index_css__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_15__tpm_challengesnew_TPMMDEditor__ = __webpack_require__(309);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_16_educoder__ = __webpack_require__(5);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_17__moop_cases_CaseDetail__ = __webpack_require__(2927);
|
|
|
var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return call&&(typeof call==="object"||typeof call==="function")?call:self;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass;}// demo http://react-component.github.io/upload/examples/simple.html
|
|
|
// import Upload from 'rc-upload';
|
|
|
var Option=__WEBPACK_IMPORTED_MODULE_7_antd_lib_select___default.a.Option;var $=window.$;var origin=Object(__WEBPACK_IMPORTED_MODULE_16_educoder__["R" /* getUrl */])();var path=Object(__WEBPACK_IMPORTED_MODULE_16_educoder__["R" /* getUrl */])("/editormd/lib/");// load
|
|
|
if(!window.postUpMsg){$.getScript(origin+'/javascripts/attachments.js',function(data,textStatus,jqxhr){});}// editorMD to create
|
|
|
/**
|
|
|
*
|
|
|
* @param id 渲染DOM的id
|
|
|
* @param width 宽度
|
|
|
* @param high 高度
|
|
|
* @param placeholder
|
|
|
* @param imageUrl 上传图片的url
|
|
|
* @returns {*} 返回一个editorMD实例
|
|
|
*/function create_editorMD(id,width,high,placeholder,imageUrl,callback){var editorName=window.editormd(id,{width:width,height:high,syncScrolling:"single",//你的lib目录的路径,我这边用JSP做测试的
|
|
|
path:path,// "/editormd/lib/"
|
|
|
tex:true,tocm:true,emoji:true,taskList:true,codeFold:true,searchReplace:true,htmlDecode:"style,script,iframe",sequenceDiagram:true,autoFocus:false,toolbarIcons:function toolbarIcons(){// Or return editormd.toolbarModes[name]; // full, simple, mini
|
|
|
// Using "||" set icons align right.
|
|
|
return["bold","italic","|","list-ul","list-ol","|","code","code-block","|","testIcon","testIcon1",'|',"image","table"// , '|', "underlineIcon"
|
|
|
,"|","watch","clear"];},toolbarCustomIcons:{testIcon:"<a type=\"inline\" class=\"latex\" ><div class='zbg'></div></a>",testIcon1:"<a type=\"latex\" class=\"latex\" ><div class='zbg_latex'></div></a>"// underlineIcon例子
|
|
|
// underlineIcon : "<a type=\"underline\" class=\"underline\" ><div class='underlineIcon'></div></a>"
|
|
|
},//这个配置在simple.html中并没有,但是为了能够提交表单,使用这个配置可以让构造出来的HTML代码直接在第二个隐藏的textarea域中,方便post提交表单。
|
|
|
saveHTMLToTextarea:true,// 用于增加自定义工具栏的功能,可以直接插入HTML标签,不使用默认的元素创建图标
|
|
|
dialogMaskOpacity:0.6,placeholder:placeholder,imageUpload:true,imageFormats:["jpg","jpeg","gif","png","bmp","webp","JPG","JPEG","GIF","PNG","BMP","WEBP"],imageUploadURL:imageUrl,//url
|
|
|
onload:function onload(){// underlineIcon例子
|
|
|
// $('#'+ id + " .underline").bind('click', function() {
|
|
|
// var __Cursor = editorName.cm.getDoc().getCursor();
|
|
|
// editorName.appendMarkdown('__')
|
|
|
// editorName.cm.setCursor(__Cursor.line, __Cursor.ch + 2);
|
|
|
// });
|
|
|
// this.previewing();
|
|
|
$("#"+id+" [type=\"latex\"]").bind("click",function(){editorName.cm.replaceSelection("```latex");editorName.cm.replaceSelection("\n");editorName.cm.replaceSelection("\n");editorName.cm.replaceSelection("```");var __Cursor=editorName.cm.getDoc().getCursor();editorName.cm.setCursor(__Cursor.line-1,0);});$("#"+id+" [type=\"inline\"]").bind("click",function(){editorName.cm.replaceSelection("`$$$$`");var __Cursor=editorName.cm.getDoc().getCursor();editorName.cm.setCursor(__Cursor.line,__Cursor.ch-3);editorName.cm.focus();});$("[type=\"inline\"]").attr("title","行内公式");$("[type=\"latex\"]").attr("title","多行公式");window.md_elocalStorage(editorName,'memoNew_'+id,"memoNew");callback&&callback();}});return editorName;}var typeNameMap={'技术分享':5,'操作指南':3,'通知公告':16};var typeNameMap2={5:'技术分享',3:'操作指南',16:'通知公告'};var defaultType='技术分享';var languageSeparator='/';var MemoNew=function(_Component){_inherits(MemoNew,_Component);function MemoNew(props){_classCallCheck(this,MemoNew);var _this=_possibleConstructorReturn(this,(MemoNew.__proto__||Object.getPrototypeOf(MemoNew)).call(this,props));_this.handleChange=function(info){if(info.file.status==='uploading'||info.file.status==='done'||info.file.status==='removed'){var fileList=info.fileList;_this.setState({fileList:Object(__WEBPACK_IMPORTED_MODULE_16_educoder__["C" /* appendFileSizeToUploadFileAll */])(fileList)});}};_this.onAttachmentRemove=function(file){if(!file.percent||file.percent==100){_this.props.confirm({// title: '确定要删除这个附件吗?',
|
|
|
content:'是否确认删除?',okText:'确定',cancelText:'取消',// content: 'Some descriptions',
|
|
|
onOk:function onOk(){_this.deleteAttachment(file);},onCancel:function onCancel(){console.log('Cancel');}});return false;}};_this.deleteAttachment=function(file){// 初次上传不能直接取uid
|
|
|
var url='/attachments/'+(file.response?file.response.id:file.uid)+'.json';__WEBPACK_IMPORTED_MODULE_13_axios___default.a.delete(url,{}).then(function(response){if(response.data){var status=response.data.status;if(status==0){console.log('--- success');_this.setState(function(state){var index=state.fileList.indexOf(file);var newFileList=state.fileList.slice();newFileList.splice(index,1);return{fileList:newFileList};});}}}).catch(function(error){console.log(error);});};_this.mdRef=__WEBPACK_IMPORTED_MODULE_8_react___default.a.createRef();// https://testbdweb.trustie.net/uploads.js?attachment_id=1&filename=jqui.js
|
|
|
// https://ant.design/components/upload-cn/
|
|
|
_this.uploaderProps={action:'/uploads.js',data:{attachment_id:1},// , filename: 2
|
|
|
headers:{Authorization:'authorization-text'},multiple:true,beforeUpload:function beforeUpload(file){// console.log('beforeUpload', file.name);
|
|
|
},onStart:function onStart(file){console.log('onStart',file.name);// this.refs.inner.abort(file);
|
|
|
},onSuccess:function onSuccess(file){console.log('onSuccess',file);},onProgress:function onProgress(step,file){console.log('onProgress',Math.round(step.percent),file.name);},onError:function onError(err){console.log('onError',err);}};_this.state={memoSubject:'',memoContent:'',memoType:typeNameMap[defaultType],memoRepertoire:'',memoLanguage:[],repertoires:[],currentSelectRepertoiresIndex:-1,repertoiresTagMap:{},fileList:[],forums:[{id:5,name:"技术分享"},{id:3,name:"技术指南"},{id:16,name:"通知公告"}]};return _this;}_createClass(MemoNew,[{key:'onCommit',value:function onCommit(){var _state=this.state,memoSubject=_state.memoSubject,memoRepertoire=_state.memoRepertoire,memoLanguage=_state.memoLanguage,currentMemoId=_state.currentMemoId,memoType=_state.memoType;var showNotification=this.props.showNotification;if(!memoSubject){showNotification('请先输入话题名称');return;}var mdVal=void 0;try{mdVal=this.mdRef.current.getValue();}catch(e){showNotification('编辑器还未加载完毕,请稍后');return;}if(!mdVal){showNotification('请先输入话题内容');return;}// !memoRepertoire ||
|
|
|
if(memoType===5&&(!memoLanguage||memoLanguage.length===0)){showNotification('请先选择技术标签');return;}/*
|
|
|
<meta content="authenticity_token" name="csrf-param" />
|
|
|
<meta content="G7peAyb1T37RvdwxnVUKmTXuL8T7FaBze5mK0j6MCKs=" name="csrf-token" />
|
|
|
|
|
|
http://localhost:3000/attachments/download/185790/Git-2.17.1.2-32-bit.exe
|
|
|
https://www.educoder.net/attachments/205112.js?attachment_id=1
|
|
|
*/// collect attachments
|
|
|
var $=window.$;var attachmentsMap={};var attachmentIds=this.state.fileList.map(function(item){return item.response?item.response.id:item.id;});// $('#attachments_fields .attachment').each(( index, item ) => {
|
|
|
// const filename = $(item).find('.upload_filename').val();
|
|
|
// // $($('#attachments_fields .attachment')[0]).find('input:nth-child(6)').val()
|
|
|
// const token = $(item).find('input:nth-child(7)').val()
|
|
|
// const attachment_id = parseInt($(item).children().last().val())
|
|
|
// attachmentsMap[index] = {
|
|
|
// filename,
|
|
|
// token,
|
|
|
// attachment_id
|
|
|
// }
|
|
|
// attachmentIds.push(attachment_id)
|
|
|
// })
|
|
|
if(currentMemoId){this.updateMemo(attachmentIds);}else{this.newMemo(attachmentIds);}}},{key:'onCancel',value:function onCancel(){var _state2=this.state,currentMemoId=_state2.currentMemoId,memoType=_state2.memoType;if(currentMemoId){// 编辑
|
|
|
this.props.history.push('/forums/'+currentMemoId);}else{// 新建
|
|
|
this.props.history.push('/forums');}// debugger;this.props.history.goBack()
|
|
|
}},{key:'updateMemo',value:function updateMemo(attachmentsMap){var _this2=this;var _state3=this.state,memoSubject=_state3.memoSubject,memoRepertoire=_state3.memoRepertoire,memoLanguage=_state3.memoLanguage,memoType=_state3.memoType,currentMemoId=_state3.currentMemoId,content=_state3.content;var mdVal=this.mdRef.current.getValue();console.log('isContentEdit: ',mdVal===content);var newMemoUrl='/memos/'+currentMemoId+'.json';__WEBPACK_IMPORTED_MODULE_13_axios___default.a.put(newMemoUrl,{content_changed:this.contentChanged,tags:memoLanguage,// memo:{
|
|
|
subject:memoSubject,content:mdVal,forum_id:memoType,repertoire_name:memoRepertoire,// language: memoLanguage.join(languageSeparator),
|
|
|
//
|
|
|
// },
|
|
|
attachment_ids:attachmentsMap},{// withCredentials: true,
|
|
|
}).then(function(response){var _response$data=response.data,status=_response$data.status,message=_response$data.message,memo_id=_response$data.memo_id;if(status===0){window.$("html,body").animate({"scrollTop":0});_this2.props.history.push('/forums/'+currentMemoId);}else{_this2.props.showNotification(message);}}).catch(function(error){console.log(error);});}},{key:'newMemo',value:function newMemo(attachmentsMap){var _this3=this;var _state4=this.state,memoSubject=_state4.memoSubject,memoRepertoire=_state4.memoRepertoire,memoLanguage=_state4.memoLanguage,memoType=_state4.memoType;var mdVal=this.mdRef.current.getValue();var newMemoUrl='/memos.json';__WEBPACK_IMPORTED_MODULE_13_axios___default.a.post(newMemoUrl,{tags:memoLanguage,// memo:{
|
|
|
subject:memoSubject,content:mdVal,forum_id:memoType,// repertoire_name: memoRepertoire,
|
|
|
// },
|
|
|
attachment_ids:attachmentsMap},{// withCredentials: true,
|
|
|
}).then(function(response){var _response$data2=response.data,status=_response$data2.status,message=_response$data2.message,memo_id=_response$data2.memo_id;if(status===0){window.$("html,body").animate({"scrollTop":0});_this3.props.history.push('/forums/'+memo_id);}else{_this3.props.showNotification(message);}}).catch(function(error){console.log(error);});}},{key:'componentDidMount',value:function componentDidMount(){var _this4=this;var newMemoUrl='/memos/new.json';__WEBPACK_IMPORTED_MODULE_13_axios___default.a.get(newMemoUrl,{// withCredentials: true,
|
|
|
}).then(function(response){var data=response.data;var repertoires=[];var repertoiresTagMap={};if(data.tag_list){document.title="交流问答";// data.tag_list.forEach((item, index)=>{
|
|
|
// const tagArray = [];
|
|
|
// item.tag.forEach( (tag, index) => {
|
|
|
// tagArray.push(tag.name)
|
|
|
// })
|
|
|
// repertoires.push(item.rep.repertoire.name)
|
|
|
// repertoiresTagMap[item.rep.repertoire.name] = tagArray
|
|
|
// })
|
|
|
_this4.setState({tag_list:data.tag_list// repertoires,
|
|
|
// repertoiresTagMap
|
|
|
});// const user = response.data.current_user;
|
|
|
// user.tidding_count = response.data.tidding_count;
|
|
|
// this.props.initCommonState(user)
|
|
|
// 初始化 csrf meta
|
|
|
var _$=window.$;_$('head').append(_$('<meta content="authenticity_token" name="csrf-param" />'));_$('head').append(_$('<meta content="'+response.data.csrf_token+'" name="csrf-token" />'));}if(data.forums){_this4.setState({forums:data.forums===undefined||data.forums===null||data.forums.length===0?_this4.state.forums:data.forums// repertoires,
|
|
|
// repertoiresTagMap
|
|
|
});}}).catch(function(error){console.log(error);});// 如果是编辑
|
|
|
var match=this.props.match;var memoId=match.params.memoId;if(memoId){var memoUrl='/memos/'+match.params.memoId+'/edit.json';__WEBPACK_IMPORTED_MODULE_13_axios___default.a.get(memoUrl,{// withCredentials: true,
|
|
|
}).then(function(response){var tag_list=response.data.tag_list;if(tag_list){// this.setState({...response.data})
|
|
|
document.title=response.data.subject;var _response$data3=response.data,content=_response$data3.content,forum_id=_response$data3.forum_id,id=_response$data3.id,repertoire_name=_response$data3.repertoire_name,subject=_response$data3.subject,current_user=_response$data3.current_user,_tag_list=_response$data3.tag_list,attachments_url=_response$data3.attachments_url,memo_tags=_response$data3.memo_tags,attachments=_response$data3.attachments;_this4.initMD(content);// this.onRepertoiresChange(repertoire_name)
|
|
|
// tag -> memo_tags
|
|
|
var tag=memo_tags;var memoLanguage=[];if(tag){memoLanguage=tag.map(function(item,index){return item.id+"";});}var fileList=attachments.map(function(item){return{id:item.id,uid:item.id,name:Object(__WEBPACK_IMPORTED_MODULE_16_educoder__["B" /* appendFileSizeToUploadFile */])(item),url:item.url,filesize:item.filesize,status:'done'};});_this4.setState({fileList:fileList,currentMemoId:memoId,memoSubject:subject,memoType:forum_id,memoRepertoire:repertoire_name,memoLanguage:memoLanguage,attachments_url:attachments_url,content:content// repertoires: [],
|
|
|
// currentSelectRepertoiresIndex: -1,
|
|
|
},function(){// 解决有时候编辑时内容不显示的问题
|
|
|
setTimeout(function(){_this4.mdRef.current&&_this4.mdRef.current.setValue(content||'');},2000);$('.upload_filename').each(function(index,item){var width=window._textWidth($(item),'14px');console.log(width);$(item).css('width',width+20);});});// 加载完后滚动条滚动
|
|
|
window.$("html,body").animate({"scrollTop":0});_this4.props.initForumState({// current_user,
|
|
|
tag_list:_tag_list});}}).catch(function(error){console.log(error);});}else{this.initMD();}}},{key:'initMD',value:function initMD(initValue){var _this5=this;return;this.contentChanged=false;var placeholder="";// amp;
|
|
|
// 编辑时要传memoId
|
|
|
// const imageUrl = `/upload_with_markdown?container_id=&container_type=Memo`;
|
|
|
var imageUrl='/api/attachments.json';// 创建editorMd
|
|
|
var taskpass_editormd=create_editorMD("memoMD",'100%',400,placeholder,imageUrl,function(){setTimeout(function(){taskpass_editormd.resize();taskpass_editormd.cm&&taskpass_editormd.cm.refresh();},500);if(initValue){taskpass_editormd.setValue(initValue);}taskpass_editormd.cm.on("change",function(_cm,changeObj){console.log('....contentChanged');_this5.contentChanged=true;});});this.taskpass_editormd=taskpass_editormd;window.taskpass_editormd=taskpass_editormd;}},{key:'renderOptions',value:function renderOptions(array){var elementArray=[];array.forEach(function(item,index){elementArray.push(__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement(Option,{key:index,value:item},item));});return elementArray;}},{key:'onRepertoiresChange',value:function onRepertoiresChange(value){var index=this.state.repertoires.indexOf(value);this.setState({currentSelectRepertoiresIndex:index,memoRepertoire:value,memoLanguage:''});}},{key:'renderTag',value:function renderTag(){var tag_list=this.state.tag_list;if(!tag_list||tag_list.length===0){return'';}var result=[];tag_list.forEach(function(item,index){result.push(__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement(Option,{value:item.id+'',key:index},item.name));});return result;}},{key:'onTagChange',value:function onTagChange(value){if(value&&value.length>3){this.props.showNotification('\u6700\u591A\u9009\u62E93\u4E2A\u6280\u672F\u6807\u7B7E');return;}this.setState({memoLanguage:value});}},{key:'onTypeChange',value:function onTypeChange(value){this.setState({memoType:typeNameMap[value]});}},{key:'onMemoNameChange',value:function onMemoNameChange(e){this.setState({memoSubject:e.target.value});}},{key:'renderAttachment',value:function renderAttachment(){var attachments_url=this.state.attachments_url;var attachments=[];attachments_url.forEach(function(item,index){var ar=item.url.split('/');var fileName=ar[ar.length-1];/*
|
|
|
<p className="clearfix" key={index} >
|
|
|
<a href={item.url} className="color-green clearfix notefileDownload">
|
|
|
<span className="fl">{fileName}</span><i className="iconfont icon-xiazai color-green ml5 fl"></i>
|
|
|
</a>
|
|
|
</p>
|
|
|
*/// ?attachment_id=2
|
|
|
/*
|
|
|
<span id="attachments_fields" className="attachments_fields" xmlns="http://www.w3.org/1999/html">
|
|
|
</span>
|
|
|
|
|
|
*/attachments.push(__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_8_react___default.a.Fragment,null,__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('span',{id:'attachments_10'+index,className:'attachment'},__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('label',{className:'panel-form-label fl'},'\xA0'),__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('i',{className:'iconfont icon-fujian ml20mr20Color','aria-hidden':'true'}),__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('input',{type:'text',className:'upload_filename readonly hidden',name:'attachments[2][filename]',readonly:'readonly',style:{border:'none',whiteSpace:'nowrap',textOverflow:'ellipsis',fontFamily:'Consolas',color:'#676767',marginLeft:'20px',verticalAlign:'middle'},size:'8',value:item.filename}),__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('font',{className:'mr20 ml20mr20Color',style:{marginLeft:'10px',verticalAlign:'middle'}},window.conver_size(item.id)),__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('a',{href:'/attachments/'+item.id+'.js?attachment_id=10'+index,className:'remove-upload',style:{verticalAlign:'top',display:'inlineBlock'},'data-remote':'true','data-method':'delete'},__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('i',{className:'iconfont ml20mr20Color'},'\uE61C')),__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('div',{className:'div_attachments',name:'div_attachments_xx'}),__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('input',{type:'hidden',name:'attachments[xx][token]',value:'185811.24305bb2c4912f715629aa3615cdbabc'}),__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('input',{type:'hidden',name:'attachments[xx][attachment_id]',value:item.id})),__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('div',{className:'cl'})));});return attachments;}},{key:'render',value:function render(){var _this6=this;var _props=this.props,match=_props.match,history=_props.history,forums=_props.forums;var _state5=this.state,tag_list=_state5.tag_list,memoSubject=_state5.memoSubject,memoType=_state5.memoType,memoLanguage=_state5.memoLanguage,attachments_url=_state5.attachments_url,fileList=_state5.fileList;var memoId=match.params.memoId;var uploadProps={width:600,fileList:fileList,multiple:true,// https://github.com/ant-design/ant-design/issues/15505
|
|
|
// showUploadList={false},然后外部拿到 fileList 数组自行渲染列表。
|
|
|
// showUploadList: false,
|
|
|
action:''+Object(__WEBPACK_IMPORTED_MODULE_16_educoder__["P" /* getUploadActionUrl */])(),onChange:this.handleChange,onRemove:this.onAttachmentRemove,beforeUpload:function beforeUpload(file){console.log('beforeUpload',file.name);var isLt150M=file.size/1024/1024<150;if(!isLt150M){_this6.props.showNotification('文件大小必须小于150MB!');}return isLt150M;}};return __WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('div',null,__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('p',{className:'clearfix mb10 undefined cBreadcrumb'},__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('a',{className:'btn colorgrey fl hovercolorblue',href:'/forums'},'\u4EA4\u6D41\u95EE\u7B54'),__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('span',{className:'color-grey-9 fl ml3 mr3'},' / '),__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('span',null,'\u8BE6\u60C5')),__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('div',{className:'pt20 pl20 pr20 pb20 bor-bottom-greyE clearfix',style:{background:'#fff'}},__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('span',{className:'fl font-16'},memoId?'编辑话题':'发布话题')),__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('div',{className:'edu-back-white mb10 clearfix',id:'memoSubject'},__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('div',{className:'padding30-20'},__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('p',{className:'color-grey-6 font-16 mb30'},'\u8BDD\u9898\u540D\u79F0'),__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('div',{className:'df'},__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('span',{className:'mr30 color-orange pt10'},'*'),__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('div',{className:'flex1 mr20'},__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('input',{type:'text',className:'input-100-45 greyInput',maxlength:'50',value:memoSubject,onChange:function onChange(val){return _this6.onMemoNameChange(val);},placeholder:''})),__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('div',{style:{width:'57px'}},__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('span',{className:'color-orange mt8 fl none'},__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('i',{className:'fa fa-exclamation-circle mr3'}),'\u5FC5\u586B\u9879'))))),__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('div',{className:'edu-back-white mb10 clearfix'},__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('div',{className:'padding30-20'},__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('p',{className:'color-grey-6 font-16 mb30'},'\u5185\u5BB9'),__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('div',{className:'df'},__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('span',{className:'mr30 color-orange pt10'},'*'),__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('div',{className:'flex1 mr20'},__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_15__tpm_challengesnew_TPMMDEditor__["a" /* default */],{ref:this.mdRef,placeholder:'',watch:false,mdID:'memoMD',initValue:this.state.content,className:'memoMD'}),__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('p',{id:'e_tip_memoNew',className:'edu-txt-right color-grey-cd font-12'}),__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('p',{id:'e_tips_memoNew',className:'edu-txt-right color-grey-cd font-12'})),__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('div',{style:{width:'57px'}},__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('span',{className:'color-orange mt8 fl none'},__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('i',{className:'fa fa-exclamation-circle mr3'}),'\u5FC5\u586B\u9879'))),__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('style',null,'\n .memo_upload.upload_1 {\n margin-left: 36px;\n }\n .memo_upload.upload_1 .ant-upload-list {\n margin-left: 30px;\n }\n .memo_upload.upload_1 .ant-upload-list-item-info .anticon-paper-clip {\n top: 4px;\n }\n '),__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_1_antd_lib_upload___default.a,Object.assign({},uploadProps,{className:'upload_1 memo_upload'}),__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_3_antd_lib_button___default.a,{className:'uploadBtn'},__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_5_antd_lib_icon___default.a,{type:'upload'}),' \u4E0A\u4F20\u9644\u4EF6'),'(\u5355\u4E2A\u6587\u4EF6150M\u4EE5\u5185)'))),__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('div',{className:'edu-back-white mb10 clearfix'},__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('div',{className:'padding30-20'},__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('p',{className:'color-grey-6 font-16 mb30'},'\u8BDD\u9898\u7C7B\u578B'),__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('div',{className:'df'},__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('span',{className:'mr30 color-orange pt10'},'*'),__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('div',{className:'flex1 mr20'},__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_7_antd_lib_select___default.a,{className:'ecSelect',value:typeNameMap2[memoType],onChange:function onChange(val){return _this6.onTypeChange(val);}},__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement(Option,{value:'\u6280\u672F\u5206\u4EAB'},'\u6280\u672F\u5206\u4EAB'),__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement(Option,{value:'\u64CD\u4F5C\u6307\u5357'},'\u64CD\u4F5C\u6307\u5357'),__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement(Option,{value:'\u901A\u77E5\u516C\u544A'},'\u901A\u77E5\u516C\u544A'))),__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('div',{style:{width:'57px'}},__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('span',{className:'color-orange mt8 fl none'},__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('i',{className:'fa fa-exclamation-circle mr3'}),'\u5FC5\u586B\u9879'))))),memoType===typeNameMap['技术分享']&&__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('div',{className:'edu-back-white mb10 clearfix'},__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('div',{className:'padding30-20'},__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('p',{className:'color-grey-6 font-16 mb30'},'\u6280\u672F\u6807\u7B7E'),__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('div',{className:'df'},__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('span',{className:'mr30 color-orange pt10'},'*'),__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('div',{className:'flex1 mr20'},__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_7_antd_lib_select___default.a,{className:'ecSelect',value:memoLanguage,placeholder:'\u8BF7\u9009\u62E9\u6280\u672F\u6807\u7B7E',onChange:function onChange(e){return _this6.onTagChange(e);},dropdownStyle:{'maxHeight':'300px','overflow':'auto'},mode:'multiple',filterOption:function filterOption(inputValue,option){return option.props.children.toLocaleLowerCase().indexOf(inputValue.toLocaleLowerCase())!=-1;},tokenSeparators:[';']},this.renderTag())),__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('div',{style:{width:'57px'}},__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('span',{className:'color-orange mt8 fl none'},__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('i',{className:'fa fa-exclamation-circle mr3'}),'\u5FC5\u586B\u9879'))))),__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('div',{className:'clearfix mt30'},__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('a',{href:'javascript:void(0)',className:'defalutSubmitbtn fl mr20',onClick:function onClick(){_this6.onCommit();}},'\u63D0\u4EA4'),__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement('a',{onClick:function onClick(){_this6.onCancel();},className:'defalutCancelbtn fl'},'\u53D6\u6D88')));}}]);return MemoNew;}(__WEBPACK_IMPORTED_MODULE_8_react__["Component"]);/* harmony default export */ __webpack_exports__["a"] = (MemoNew);
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 3383:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
// style-loader: Adds some css to the DOM by adding a <style> tag
|
|
|
|
|
|
// load the styles
|
|
|
var content = __webpack_require__(4443);
|
|
|
if(typeof content === 'string') content = [[module.i, content, '']];
|
|
|
// Prepare cssTransformation
|
|
|
var transform;
|
|
|
|
|
|
var options = {"hmr":false}
|
|
|
options.transform = transform
|
|
|
// add the styles to the DOM
|
|
|
var update = __webpack_require__(291)(content, options);
|
|
|
if(content.locals) module.exports = content.locals;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 4437:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react_router__ = __webpack_require__(57);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react_router_dom__ = __webpack_require__(45);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prop_types__ = __webpack_require__(1);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_prop_types__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_classnames__ = __webpack_require__(3);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_classnames__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_rc_pagination__ = __webpack_require__(859);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__PostPaginationHOC__ = __webpack_require__(3106);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__PostItem__ = __webpack_require__(2926);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__ForumsNavTab__ = __webpack_require__(2840);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_educoder__ = __webpack_require__(5);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__MemoList__ = __webpack_require__(3107);
|
|
|
var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return call&&(typeof call==="object"||typeof call==="function")?call:self;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass;}// import queryString from 'query-string'
|
|
|
var MemoTechShare=function(_Component){_inherits(MemoTechShare,_Component);function MemoTechShare(props){_classCallCheck(this,MemoTechShare);var _this=_possibleConstructorReturn(this,(MemoTechShare.__proto__||Object.getPrototypeOf(MemoTechShare)).call(this,props));_this.handleLocationChange=_this.handleLocationChange.bind(_this);_this.state={};return _this;}_createClass(MemoTechShare,[{key:'onPaginationChange',value:function onPaginationChange(pageNum,pageSize){this.props.onPaginationChange(pageNum,pageSize);}},{key:'componentDidMount',value:function componentDidMount(){// this.handleLocationChange(this.props.history.location);
|
|
|
// this.unlisten = this.props.history.listen(this.handleLocationChange);
|
|
|
}},{key:'componentWillUnmount',value:function componentWillUnmount(){// this.unlisten();
|
|
|
}},{key:'componentDidUpdate',value:function componentDidUpdate(prevProps){if(this.props.match.params.memoType!==prevProps.match.params.memoType){// do something
|
|
|
console.log('memoType changed');this.props.fetchMemos();}}},{key:'componentWillReceiveProps',value:function componentWillReceiveProps(newProps,newContext){if(newProps.match.url===this.props.match.url){var oldParsed=__WEBPACK_IMPORTED_MODULE_9_educoder__["_0" /* queryString */].parse(this.props.location.search);var newParsed=__WEBPACK_IMPORTED_MODULE_9_educoder__["_0" /* queryString */].parse(newProps.location.search);if(!newParsed.page&&oldParsed.page||oldParsed.order&&newParsed.order&&oldParsed.order!=newParsed.order){this.props.fetchMemos();}// console.log('componentWillReceiveProps...')
|
|
|
}}},{key:'handleLocationChange',value:function handleLocationChange(location){console.log('- - - location: \''+location.pathname+'\'');if(location.pathname){if(location.pathname.indexOf('/forums/categories/all')!=-1&&this.props.location.search&&this.props.location.search.indexOf('order=')!=-1&&location.search.indexOf('order=')!=-1){var oldParsed=__WEBPACK_IMPORTED_MODULE_9_educoder__["_0" /* queryString */].parse(this.props.location.search);var newParsed=__WEBPACK_IMPORTED_MODULE_9_educoder__["_0" /* queryString */].parse(location.search);if(oldParsed.order!=newParsed.order){// 只有在热门和最新间跳转时,才需要处理
|
|
|
this.props.fetchMemos();}}}}},{key:'renderMemoList',value:function renderMemoList(){// const { memo_list, user } = this.props;
|
|
|
// if (!memo_list) {
|
|
|
// return ''
|
|
|
// }
|
|
|
// return memo_list.map( (item, index) => {
|
|
|
// return (
|
|
|
// <PostItem key={item.id} user={user} index={index} {...this.props}
|
|
|
// setTop={(memo)=>this.setTop(memo)}
|
|
|
// setDown={(memo)=>this.setDown(memo)} memo={item}
|
|
|
// ></PostItem>
|
|
|
// )
|
|
|
// })
|
|
|
return this.props.renderMemoList();}},{key:'render',value:function render(){var _this2=this;var _props=this.props,match=_props.match,history=_props.history,currentPage=_props.currentPage,memo_count=_props.memo_count,memo_list=_props.memo_list;return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_0_react___default.a.Fragment,null,__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_8__ForumsNavTab__["a" /* default */],this.props),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_10__MemoList__["a" /* default */],Object.assign({},this.props,{renderMemoList:function renderMemoList(){return _this2.renderMemoList();},onPaginationChange:function onPaginationChange(pageNum,pageSize){return _this2.props.onPaginationChange(pageNum,pageSize);}})));}}]);return MemoTechShare;}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);/* harmony default export */ __webpack_exports__["a"] = (Object(__WEBPACK_IMPORTED_MODULE_6__PostPaginationHOC__["a" /* postPaginationHOC */])()(MemoTechShare));
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 4438:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_antd_lib_tooltip_style_css__ = __webpack_require__(165);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_antd_lib_tooltip_style_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_antd_lib_tooltip_style_css__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_antd_lib_tooltip__ = __webpack_require__(164);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_antd_lib_tooltip___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_antd_lib_tooltip__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react__ = __webpack_require__(0);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_react__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react_router__ = __webpack_require__(57);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react_router_dom__ = __webpack_require__(45);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_prop_types__ = __webpack_require__(1);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_prop_types__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_classnames__ = __webpack_require__(3);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_classnames__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_axios__ = __webpack_require__(12);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_axios___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_7_axios__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_moment__ = __webpack_require__(85);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_moment___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_8_moment__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__comment_Comments__ = __webpack_require__(1465);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_immutability_helper__ = __webpack_require__(1085);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_immutability_helper___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_10_immutability_helper__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__common_RewardDialog__ = __webpack_require__(3067);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__page_layers_ImageLayerOfCommentHOC__ = __webpack_require__(1654);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__MemoDetailKEEditor__ = __webpack_require__(4439);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_14__MemoDetailMDEditor__ = __webpack_require__(1631);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_15_educoder__ = __webpack_require__(5);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_16__MemoNew__ = __webpack_require__(3382);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_17__moop_cases_CaseDetail__ = __webpack_require__(2927);
|
|
|
var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return call&&(typeof call==="object"||typeof call==="function")?call:self;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass;}// import Tooltip from 'material-ui/Tooltip';
|
|
|
// import CBreadcrumb from '../courses/common/CBreadcrumb'
|
|
|
var $=window.$;function urlStringify(params){var noParams=true;var paramsUrl='';for(var key in params){noParams=false;paramsUrl+=key+'='+params[key]+'&';}if(noParams){return'';}paramsUrl=paramsUrl.substring(0,paramsUrl.length-1);return paramsUrl;}var MemoDetail=function(_Component){_inherits(MemoDetail,_Component);function MemoDetail(props){_classCallCheck(this,MemoDetail);var _this=_possibleConstructorReturn(this,(MemoDetail.__proto__||Object.getPrototypeOf(MemoDetail)).call(this,props));_this.replyComment=function(commentContent,id,editor){var showNotification=_this.props.showNotification;if(!commentContent||commentContent.length===0){showNotification('必须填写内容!');return;}if(_this.props.memo.id===id){// 回复帖子
|
|
|
_this.createNewComment(commentContent,id,editor);return;}// /${id}
|
|
|
var url='/memos/reply.json';var comments=_this.state.comments;var user=_this._getUser();/*
|
|
|
移除末尾的空行
|
|
|
.replace(/(\n<p>\n\t<br \/>\n<\/p>)*$/g,'');
|
|
|
|
|
|
*/if(commentContent){commentContent=commentContent.replace(/(\n<p>\n\t<br \/>\n<\/p>)*$/g,'');}commentContent=Object(__WEBPACK_IMPORTED_MODULE_15_educoder__["U" /* htmlEncode */])(commentContent);__WEBPACK_IMPORTED_MODULE_7_axios___default.a.post(url,{parent_id:id,content:commentContent},{// withCredentials: true
|
|
|
}).then(function(response){response.data.memo=response.data;if(response.data.memo){var newDiscuss=response.data.memo;var commentIndex=_this._findById(id,comments);var comment=comments[commentIndex];if(!comment.children){comment.children=[];}// TODO userName iamge_url
|
|
|
comment.children.push({"can_delete":true,"content":commentContent,"image_url":user.image_url,"username":user.username,"user_login":user.login,"id":newDiscuss.id,// "position": newDiscuss.position,
|
|
|
"time":"1分钟前","praise_count":0,"user_id":newDiscuss.author_id});comments[commentIndex]=comment;// ke
|
|
|
editor.html&&editor.html('');// md
|
|
|
if(editor.setValue){editor.setValue('');var _$=window.$;var view_selector='.commentItemMDEditorView_'+id;_$(view_selector).hide();}_this.setState({// runTesting: false,
|
|
|
comments:comments},function(){// keditor代码美化
|
|
|
editor.html&&window.prettyPrint();});var newMemo2=Object.assign({},_this.props.memo);newMemo2.replies_count=newMemo2.replies_count+1;_this.props.initForumState({memo:newMemo2});}console.log(response);}).catch(function(error){console.log(error);});};_this.deleteComment=function(parrentComment,childCommentId){var deleteCommentId=parrentComment.id;if(childCommentId){deleteCommentId=childCommentId;}var url='/memos/'+deleteCommentId+'.json';var comments=_this.state.comments;__WEBPACK_IMPORTED_MODULE_7_axios___default.a.delete(url,{// withCredentials: true
|
|
|
}).then(function(response){// TODO 删除成功或失败
|
|
|
if(response.data&&response.data.status===0){var commentIndex=_this._findById(parrentComment.id,comments);// https://stackoverflow.com/questions/29527385/removing-element-from-array-in-component-state
|
|
|
if(!childCommentId){_this.setState(function(prevState){return{comments:__WEBPACK_IMPORTED_MODULE_10_immutability_helper___default()(prevState.comments,{$splice:[[commentIndex,1]]})};});// if (this.state.comments.length <= 5) {
|
|
|
// this.fetchComment()
|
|
|
// }
|
|
|
}else{var childCommentIndex=_this._findById(childCommentId,comments[commentIndex].children);comments[commentIndex].children=__WEBPACK_IMPORTED_MODULE_10_immutability_helper___default()(comments[commentIndex].children,{$splice:[[childCommentIndex,1]]});_this.setState({comments:comments});}var newMemo=Object.assign({},_this.props.memo);newMemo.replies_count=newMemo.replies_count-1;_this.props.initForumState({memo:newMemo});}console.log(response);}).catch(function(error){console.log(error);});};_this.commentPraise=function(discussId){var comments=_this.state.comments;var commentIndex=_this._findById(discussId,comments);var url='/discusses/'+discussId+'/plus.json';__WEBPACK_IMPORTED_MODULE_7_axios___default.a.post(url,{// id: discussId,
|
|
|
// container_id: challenge.id,
|
|
|
container_type:'Memo',//Discuss
|
|
|
type:comments[commentIndex].user_praise===true?0:1// "踩0;赞1"
|
|
|
},{// withCredentials: true
|
|
|
}).then(function(response){if(response.data.praise_count===0||response.data.praise_count){comments[commentIndex].user_praise=!comments[commentIndex].user_praise;comments[commentIndex].praise_count=response.data.praise_count;_this.setState({comments:comments});}console.log(response);}).catch(function(error){console.log(error);});};_this.rewardCode=function(parrentComment,childComment,amount){var showNotification=_this.props.showNotification;var comments=_this.state.comments;var handleComment=parrentComment;if(childComment){handleComment=childComment;}var handleCommentId=handleComment.id;var url='/discusses/'+handleCommentId+'/reward_code.json';__WEBPACK_IMPORTED_MODULE_7_axios___default.a.post(url,{id:handleCommentId,container_type:'Memo',score:amount,user_id:handleComment.user_id},{// withCredentials: true
|
|
|
}).then(function(response){if(response.data&&response.data.code){var commentIndex=_this._findById(parrentComment.id,comments);if(childComment){var childCommentIndex=_this._findById(handleComment.id,parrentComment.children);var newChildComment=Object.assign({},childComment);newChildComment.reward=response.data.code;parrentComment.children[childCommentIndex]=newChildComment;comments[commentIndex]=parrentComment;_this.setState({comments:comments});}else{comments[commentIndex].reward=response.data.code;_this.setState({comments:comments});}}}).catch(function(error){console.log(error);showNotification('奖励失败,请联系系统管理员!');});};_this.hiddenComment=function(item,childCommentId){var id=item.id;var showNotification=_this.props.showNotification;var user=_this._getUser();var url='/memos/'+id+'/hidden.json';var comments=_this.state.comments;var commentIndex=_this._findById(id,comments);var comment=comments[commentIndex];__WEBPACK_IMPORTED_MODULE_7_axios___default.a.post(url,{hidden:!comment.hidden?"1":"0"},{// withCredentials: true
|
|
|
}).then(function(response){if(response.data.status===-1){showNotification(response.data.message);return;}if(response.data.status===0){if(!childCommentId){comment.hidden=!comment.hidden;_this.setState({comments:comments});}else{// TODO 目前子回复没hidden字段
|
|
|
var childCommentIndex=_this._findById(childCommentId,comments[commentIndex].children);var childComment=comments[commentIndex].children[childCommentIndex];childComment.hidden=!childComment.hidden;_this.setState({comments:comments});}}// {"message":"Couldn't find Discuss with id=911","status":-1}
|
|
|
console.log(response);}).catch(function(error){console.log(error);});};_this.createNewComment=function(commentContent,id,editor){var content=commentContent;var memo=_this.props.memo;if(content!=undefined){content=content.replace(/(\n<p>\n\t<br \/>\n<\/p>)*$/g,'');var beforeImage=content.split("<img");var afterImage=content.split("/>");if(beforeImage[0]==""&&afterImage[1]==""){window.notice_box('不支持纯图片评论<br/>请在评论中增加文字信息');return;}}// /${memo.id}
|
|
|
var url='/memos/reply.json';var comments=_this.state.comments;var user=_this._getUser();content=Object(__WEBPACK_IMPORTED_MODULE_15_educoder__["U" /* htmlEncode */])(content);__WEBPACK_IMPORTED_MODULE_7_axios___default.a.post(url,{parent_id:memo.id,content:content},{// withCredentials: true
|
|
|
}).then(function(response){if(response.data.status===-1){console.error('服务端异常');return;}if(response.data){response.data.memo=response.data;var newMemo=response.data.memo;// ke
|
|
|
editor.html&&editor.html('');editor.afterBlur&&editor.afterBlur();// md
|
|
|
editor.setValue&&editor.setValue('');if(!comments){comments=[];}comments.unshift({"can_delete":true,"admin":user.admin,"content":content,"image_url":user.image_url,"username":user.username,"user_login":user.login,"id":newMemo.id,"reward":null,"hidden":newMemo.hidden,"user_praise":false,"time":"1分钟前","praise_count":0,"user_id":user.user_id});_this.setState({comments:comments});var newMemo2=Object.assign({},_this.props.memo);newMemo2.replies_count=newMemo2.replies_count+1;_this.props.initForumState({memo:newMemo2});console.log(response);}}).catch(function(error){console.log(error);});};_this.moreMemos=function(){var _this$state=_this.state,comments=_this$state.comments,pageCount=_this$state.pageCount;var memo=_this.props.memo;var user=_this._getUser();var url='/memos/'+memo.id+'/more_reply.json?page='+pageCount;__WEBPACK_IMPORTED_MODULE_7_axios___default.a.get(url,{},{// withCredentials: true
|
|
|
}).then(function(response){if(response.data.status===-1){console.error('服务端异常');return;}var memo_replies=response.data.memo_replies;if(!memo_replies||memo_replies.length===0){_this.setState({hasMoreComments:false});return;}if(response.data.memos_count){var newComments=comments.concat(memo_replies);var hasMoreComments=memo_replies.length===10;_this.setState({comments:newComments,hasMoreComments:hasMoreComments,pageCount:pageCount+1});}}).catch(function(error){console.log(error);});};_this.rewardCodeMemo=function(inputVal){console.log(inputVal);var _this$props=_this.props,memo=_this$props.memo,author_info=_this$props.author_info;var newMemo=Object.assign({},memo);var _reward=parseInt(inputVal);var url='/discusses/'+memo.id+'/reward_code.json';__WEBPACK_IMPORTED_MODULE_7_axios___default.a.post(url,{id:memo.id,container_type:'Memo',score:_reward,user_id:author_info.user_id},{// withCredentials: true,
|
|
|
}).then(function(response){var code=response.data.code;if(code>0){newMemo.reward=code;_this.props.initForumState({memo:newMemo});_this.props.showNotification('奖励成功');}else{_this.props.showNotification('奖励失败,请联系系统管理员!');}}).catch(function(error){console.log(error);});};_this.setRewardDialogVisible=function(visible){_this.setState({goldRewardDialogOpen:visible});};_this.showRewardDialog=function(){_this.setState({goldRewardDialogOpen:true});};_this.showCommentInput=function(){if(window.__useKindEditor===true){_this.refs.editor.showEditor();}else{_this.refs.editor.showEditor();}};_this.state={memoLoading:true,hasMoreComments:false,pageCount:2,goldRewardDialogOpen:false};return _this;}_createClass(MemoDetail,[{key:'componentDidMount',value:function componentDidMount(){var _this2=this;window.$("html,body").animate({"scrollTop":0});var match=this.props.match;var memoUrl='/memos/'+match.params.memoId+'.json';this.setState({memoLoading:true});__WEBPACK_IMPORTED_MODULE_7_axios___default.a.get(memoUrl,{// withCredentials: true,
|
|
|
}).then(function(response){var memo=response.data.memo;if(response.data.status===-1){setTimeout(function(){_this2.props.showNotification('帖子不存在!');},300);_this2.props.history.push('/forums');return;}else if(memo){// this.setState({...response.data})
|
|
|
var _response$data=response.data,memo_replies=_response$data.memo_replies,_memo=_response$data.memo;var hasMoreComments=false;if(memo_replies&&memo_replies.length===10&&_memo.replies_count>10){// 遍历一遍,计算下是否还有评论未加载
|
|
|
var totalCount=10;memo_replies.forEach(function(item){totalCount+=item.children.length;});if(totalCount<_memo.replies_count){hasMoreComments=true;}}_this2.setState({hasMoreComments:hasMoreComments,pageCount:2,comments:memo_replies});delete response.data.memo_replies;// reset
|
|
|
response.data.memo.praise_count=response.data.memo.memo_praise_count;_this2.props.initForumState(response.data);// const user = response.data.current_user;
|
|
|
// user.tidding_count = response.data.tidding_count;
|
|
|
// this.props.initCommonState(user)
|
|
|
}_this2.setState({memoLoading:false});}).catch(function(error){console.log(error);});$('body>#root').on('onMemoDelete',function(event){// const val = $('body>#root').data('onMemoDelete')
|
|
|
var val=window.onMemoDelete;_this2.onMemoDelete(JSON.parse(decodeURIComponent(val)));});}},{key:'componentWillUnmount',value:function componentWillUnmount(){$('body>#root').off('onMemoDelete');}},{key:'onMemoDelete',value:function onMemoDelete(memo){var _this3=this;var deleteUrl='/memos/'+memo.id+'.json';// 获取memo list
|
|
|
__WEBPACK_IMPORTED_MODULE_7_axios___default.a.delete(deleteUrl,{// withCredentials: true,
|
|
|
}).then(function(response){var status=response.data.status;if(status===0){_this3.props.showNotification('删除成功');_this3.props.history.push('/forums');}else if(status===-1){_this3.props.showNotification('帖子已被删除');_this3.props.history.push('/forums');}}).catch(function(error){console.log(error);});}},{key:'componentDidUpdate',value:function componentDidUpdate(prevProps,prevState,snapshot){// if (this.props.memo && this.props.memo.content
|
|
|
// && (!prevProps.memo || prevProps.memo.content != this.props.memo.content) ) {
|
|
|
if(this.props.memo&&this.props.memo.content&&prevState.memoLoading===true&&this.state.memoLoading===false){// md渲染content,等xhr执行完(即memoLoading变化),memo.content更新后初始化md
|
|
|
if(this.props.memo.is_md){setTimeout(function(){var shixunDescr=window.editormd.markdownToHTML("memo_content_editorMd",{htmlDecode:"style,script,iframe",// you can filter tags decode
|
|
|
taskList:true,tex:true,// 默认不解析
|
|
|
flowChart:true,// 默认不解析
|
|
|
sequenceDiagram:true// 默认不解析
|
|
|
});},200);}}}},{key:'clickPraise',value:function clickPraise(){var _this4=this;var memo=this.props.memo;var url='/discusses/'+memo.id+'/plus.json';console.log(url);__WEBPACK_IMPORTED_MODULE_7_axios___default.a.post(url,{container_type:'Memo',type:1// "踩0;赞1"
|
|
|
},{// withCredentials: true
|
|
|
}).then(function(response){console.log(response);var newMemo=Object.assign({},_this4.props.memo);newMemo.praise_count=response.data.praise_count;newMemo.user_praise=!newMemo.user_praise;_this4.props.initForumState({memo:newMemo});}).catch(function(error){console.log(error);});}},{key:'renderAttachment',value:function renderAttachment(){var _props=this.props,memo=_props.memo,attachments_list=_props.attachments_list;var attachments=[];attachments_list.forEach(function(item,index){var ar=item.url.split('/');var fileName=item.title;var filesize=item.filesize;attachments.push(__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'color-grey df',key:index,style:{lineHeight:'17px'}},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('a',{className:'color-grey '},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('i',{className:'font-14 color-green iconfont icon-fujian mr8','aria-hidden':'true'})),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('a',{href:item.url,title:fileName.length>30?fileName:'',className:'mr12 color9B9B overflowHidden1',length:'58',style:{maxWidth:'480px'}},fileName),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{className:'color656565 mt2 color-grey-6 font-12 mr8'},filesize)));});return attachments;}// ------------------------------------------------------------------------------------------- comments START
|
|
|
// ------------------------------------------------------------------------------------------- comments START
|
|
|
},{key:'_getUser',value:function _getUser(){var current_user=this.props.current_user;current_user.user_url='/users/'+current_user.login;return current_user;}},{key:'_findById',value:function _findById(id,arg_comments){var comments=arg_comments;for(var i=0;i<comments.length;i++){if(id===comments[i].id){return i;}}}// 评论点赞
|
|
|
},{key:'setTop',// ------------------------------------------------------------------------------------------- comments END
|
|
|
// ------------------------------------------------------------------------------------------- comments END
|
|
|
// 置顶
|
|
|
value:function setTop(memo){var _this5=this;var params={sticky:memo.sticky?0:1};if(this.state.p_s_order){params.order=this.state.p_s_order;}if(this.state.p_forum_id){params.forum_id=this.state.p_forum_id;}var paramsUrl=urlStringify(params);var set_top_or_down_Url='/memos/'+memo.id+'/sticky_or_cancel.json?'+paramsUrl;// 获取memo list
|
|
|
__WEBPACK_IMPORTED_MODULE_7_axios___default.a.post(set_top_or_down_Url,{// withCredentials: true,
|
|
|
}).then(function(response){var status=response.data.status;if(status===0){_this5.props.showNotification(memo.sticky?'取消置顶成功':'置顶成功');memo.sticky=memo.sticky?false:true;_this5.setState({memo:Object.assign({},memo)});}}).catch(function(error){console.log(error);});}// --------------------------------------------------------------------------------------------帖子獎勵
|
|
|
// --------------------------------------------------------------------------------------------帖子獎勵 END
|
|
|
},{key:'render',value:function render(){var _this6=this;var _props2=this.props,match=_props2.match,history=_props2.history;var _props3=this.props,memo=_props3.memo,recommend_shixun=_props3.recommend_shixun,current_user=_props3.current_user,author_info=_props3.author_info;var _state=this.state,comments=_state.comments,hasMoreComments=_state.hasMoreComments,goldRewardDialogOpen=_state.goldRewardDialogOpen;document.title=memo&&memo.subject!=undefined?memo&&memo.subject:"交流问答";if(!memo||this.state.memoLoading){return __WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'edu-back-white',id:'forum_index_list'});}var _current_user={};if(current_user){_current_user=current_user;}_current_user.user_url='/users/'+_current_user.login;memo.isDetailPage=true;// TODO 图片上传地址
|
|
|
return __WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_2_react___default.a.Fragment,null,__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_15_educoder__["c" /* CBreadcrumb */],{items:[{to:'/forums/categories/'+memo.forum_id,name:__WEBPACK_IMPORTED_MODULE_16__MemoNew__["b" /* typeNameMap2 */][memo.forum_id]},{name:'详情'}],separator:' / '}),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'edu-back-white memoDetail',id:'forum_index_list'},' ',__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('style',null,'\n .memoDetail .commentsbtn {\n margin-top: 6px;\n }\n '),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_11__common_RewardDialog__["a" /* default */],Object.assign({goldRewardDialogOpen:goldRewardDialogOpen,setRewardDialogVisible:this.setRewardDialogVisible,rewardCode:this.rewardCodeMemo},this.props)),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'clearfix'},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{id:'forum_list',className:'forum_table mh650'},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'padding40-30 bor-bottom-greyE'},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'font-16 mb5 cdefault clearfix pr pr35',style:{display:'flex',alignItems:'center'}},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{className:'noteDetailTitle ',style:{maxWidth:'634px'}},memo.subject),memo.sticky&&__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{className:'btn-cir btn-cir-red ml10 ',style:{height:'20px',alignSelf:'flex-start',marginTop:'10px'}},'\u7F6E\u9876'),!!memo.reward&&__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_1_antd_lib_tooltip___default.a,{title:'\u83B7\u5F97\u5E73\u53F0\u5956\u52B1\u91D1\u5E01\uFF1A'+memo.reward},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{className:'color-orange font-14 ml15',style:{height:'20px',alignSelf:'flex-start',marginTop:'1px'}},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('i',{className:'iconfont icon-gift mr5'}),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{style:{'vertical-align':'sub'}},memo.reward))),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{style:{flex:1,alignSelf:'flex-start'}},_current_user&&(_current_user.admin===true||_current_user.user_id===author_info.user_id)&&__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'edu-position-hidebox',style:{position:'absolute',right:'12px',top:'4px'}},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('a',{href:'javascript:void(0);'},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('i',{className:'fa fa-bars font-16'})),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('ul',{className:'edu-position-hide undis'},_current_user.admin===true&&(memo.sticky===true?__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('li',null,__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('a',{href:'javascript:void(0);',onClick:function onClick(){return _this6.setTop(memo);}},'\u53D6\u6D88\u7F6E\u9876')):__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('li',null,__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('a',{href:'javascript:void(0);',onClick:function onClick(){return _this6.setTop(memo);}},'\u7F6E\xA0\xA0\u9876'))),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('li',null,__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_4_react_router_dom__["b" /* Link */],{to:'/forums/'+memo.id+'/edit'},'\u7F16\xA0\xA0\u8F91')),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('li',null,__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('a',{href:'javascript:void(0)',onClick:function onClick(){return window.delete_confirm_box_2_react('onMemoDelete','您确定要删除吗?',memo);}},'\u5220\xA0\xA0\u9664')))))),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'color-grey-9 clearfix'},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{className:'fl'},__WEBPACK_IMPORTED_MODULE_8_moment___default()(memo.time).fromNow(),' \u53D1\u5E03'),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'fr detailIcons'},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('style',null,'\n .detailIcons i{\n vertical-align: sub;\n }\n '),_current_user.admin&&__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_1_antd_lib_tooltip___default.a,{title:"帖子奖励"},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{className:'noteDetailNum rightline cdefault',style:{padding:'0 4px',cursor:'pointer'}},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('i',{className:'iconfont icon-jiangli mr5',onClick:this.showRewardDialog}))),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{className:'noteDetailNum '+(!!memo.replies_count?'rightline':'')+' cdefault'},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('i',{className:'iconfont icon-liulanyan mr5'}),memo.viewed_count),!!memo.replies_count&&__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_1_antd_lib_tooltip___default.a,{title:"写评论"},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('a',{href:'javascript:void(0)',className:'noteDetailNum'},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('i',{className:'iconfont icon-huifu1 mr5',onClick:this.showCommentInput}),memo.replies_count))))),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'padding40 memoContent new_li'},!memo.is_md?__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{dangerouslySetInnerHTML:{__html:memo.content}}):__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{id:'memo_content_editorMd',className:'new_li'},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('textarea',{style:{'display':'none'}},memo.content))),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'padding40 bor-bottom-greyE',style:{paddingTop:'0px'}},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'mt10 mb20'},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('p',{className:'noteDetailPoint '+(memo.user_praise?'Pointed':'')+' ',onClick:function onClick(){_this6.clickPraise();}},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('i',{className:'iconfont icon-dianzan'}),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('br',null),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',null,memo.praise_count))),this.props.attachments_list&&__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',null,this.renderAttachment())),window.__useKindEditor===true?__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_13__MemoDetailKEEditor__["a" /* default */],{ref:'editor',memo:memo}):__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_14__MemoDetailMDEditor__["a" /* default */],{ref:'editor',memo:memo}),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'padding40 bor-bottom-greyE memoReplies commentsDelegateParent',style:{display:comments&&!!comments.length?'block':'none'}},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'replies_count'},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{className:'labal'},'\u5168\u90E8\u56DE\u590D'),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{className:'count'},memo.replies_count)),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_9__comment_Comments__["a" /* default */],{comments:comments,user:_current_user,replyComment:this.replyComment,deleteComment:this.deleteComment,commentPraise:this.commentPraise,rewardCode:this.rewardCode,hiddenComment:this.hiddenComment}),hasMoreComments?__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'memoMore',style:{cursor:'default'}},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('a',{onClick:this.moreMemos},'\u67E5\u770B\u66F4\u591A\u8BC4\u8BBA'),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'writeCommentBtn',onClick:this.showCommentInput},'\u5199\u8BC4\u8BBA')):__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'memoMore'},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'writeCommentBtn',onClick:this.showCommentInput},'\u5199\u8BC4\u8BBA')))))));}}]);return MemoDetail;}(__WEBPACK_IMPORTED_MODULE_2_react__["Component"]);/* harmony default export */ __webpack_exports__["a"] = (Object(__WEBPACK_IMPORTED_MODULE_12__page_layers_ImageLayerOfCommentHOC__["a" /* ImageLayerOfCommentHOC */])()(MemoDetail));
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 4439:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react_router__ = __webpack_require__(57);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react_router_dom__ = __webpack_require__(45);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prop_types__ = __webpack_require__(1);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_prop_types__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_classnames__ = __webpack_require__(3);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_classnames__);
|
|
|
var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return call&&(typeof call==="object"||typeof call==="function")?call:self;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass;}var $=window.$;var MemoDetailKEEditor=function(_Component){_inherits(MemoDetailKEEditor,_Component);function MemoDetailKEEditor(){_classCallCheck(this,MemoDetailKEEditor);return _possibleConstructorReturn(this,(MemoDetailKEEditor.__proto__||Object.getPrototypeOf(MemoDetailKEEditor)).apply(this,arguments));}_createClass(MemoDetailKEEditor,[{key:'componentDidUpdate',value:function componentDidUpdate(prevProps,prevState,snapshot){if(this.props.memo&&(!prevProps.memo||this.props.memo.id!=prevProps.memo.id)){this.keEditor=window.sd_create_editor_from_data(this.props.memo.id,null,"100%","Memo");window._kk=this.keEditor;}}},{key:'componentDidMount',value:function componentDidMount(){this.keEditor=window.sd_create_editor_from_data(this.props.memo.id,null,"100%","Memo");window._kk=this.keEditor;}},{key:'showEditor',value:function showEditor(){var _this2=this;$("html, body").animate({scrollTop:$('#commentInput').offset().top-100},1000,function(){if(_this2.keEditor){var FF=!(window.mozInnerScreenX==null);if(FF){_this2.keEditor.focus();}else{_this2.keEditor.edit.win.document.body.focus();}}});}},{key:'render',value:function render(){var _props=this.props,match=_props.match,history=_props.history,memo=_props.memo;if(!memo){return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',null);}return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{nhname:'new_message_'+memo.id,className:'',style:{paddingTop:'20px',paddingBottom:'20px'},id:'commentInput'},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('form',{acceptCharset:'UTF-8',action:'/discusses?challenge_id=118&dis_id=61&dis_type=Shixun',style:{flexDirection:'column',width:'94%',marginLeft:'3%'},className:'df','data-remote':'true',id:'new_comment_form',method:'post'},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{nhname:'toolbar_container_'+memo.id}),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('textarea',{id:'comment_news_'+memo.id,nhname:'new_message_textarea_'+memo.id,name:'content',className:'none'})),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('a',{id:'new_message_submit_btn_'+memo.id,href:'javascript:void(0)',style:{display:'none'},className:'commentsbtn task-btn task-btn-blue fr'},'\u53D1\u9001'));}}]);return MemoDetailKEEditor;}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);/* harmony default export */ __webpack_exports__["a"] = (MemoDetailKEEditor);
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 4440:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react_router__ = __webpack_require__(57);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react_router_dom__ = __webpack_require__(45);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prop_types__ = __webpack_require__(1);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_prop_types__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_classnames__ = __webpack_require__(3);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_classnames__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_rc_pagination__ = __webpack_require__(859);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__PostPaginationHOC__ = __webpack_require__(3106);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__PostItem__ = __webpack_require__(2926);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__ForumsNavTab__ = __webpack_require__(2840);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_educoder__ = __webpack_require__(5);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__MemoList__ = __webpack_require__(3107);
|
|
|
var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return call&&(typeof call==="object"||typeof call==="function")?call:self;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass;}// import queryString from 'query-string'
|
|
|
var MemoMyPublish=function(_Component){_inherits(MemoMyPublish,_Component);function MemoMyPublish(props){_classCallCheck(this,MemoMyPublish);var _this=_possibleConstructorReturn(this,(MemoMyPublish.__proto__||Object.getPrototypeOf(MemoMyPublish)).call(this,props));_this.state={};return _this;}_createClass(MemoMyPublish,[{key:'onPaginationChange',value:function onPaginationChange(pageNum,pageSize){this.props.onPaginationChange(pageNum,pageSize);}},{key:'componentDidMount',value:function componentDidMount(){}},{key:'componentWillUnmount',value:function componentWillUnmount(){}},{key:'componentWillReceiveProps',value:function componentWillReceiveProps(newProps,newContext){}},{key:'renderMemoList',value:function renderMemoList(){return this.props.renderMemoList();}},{key:'render',value:function render(){var _this2=this;var _props=this.props,match=_props.match,history=_props.history,currentPage=_props.currentPage,memo_count=_props.memo_count,memo_list=_props.memo_list;return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_0_react___default.a.Fragment,null,__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:'discuss-tab bor-bottom-greyE clearfix pr boxsizing'},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('p',{className:'_forum_tab pl20 pr20 clearfix boxsizing',style:{fontSize:'18px',color:'rgba(5,16,26,1)'}},'\u6211\u7684\u53D1\u5E03',__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_2_react_router_dom__["b" /* Link */],{className:'returnBtnA fr mr10',to:'/forums'},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('span',{className:'color-grey-9 font-16'},'\u8FD4\u56DE')))),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_10__MemoList__["a" /* default */],Object.assign({},this.props,{renderMemoList:function renderMemoList(){return _this2.renderMemoList();},onPaginationChange:function onPaginationChange(pageNum,pageSize){return _this2.props.onPaginationChange(pageNum,pageSize);}})));}}]);return MemoMyPublish;}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);/* harmony default export */ __webpack_exports__["a"] = (Object(__WEBPACK_IMPORTED_MODULE_6__PostPaginationHOC__["a" /* postPaginationHOC */])({isMyPublish:true})(MemoMyPublish));
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 4441:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react_router__ = __webpack_require__(57);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react_router_dom__ = __webpack_require__(45);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prop_types__ = __webpack_require__(1);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_prop_types__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_classnames__ = __webpack_require__(3);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_classnames__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_rc_pagination__ = __webpack_require__(859);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__ShiXunPostItem__ = __webpack_require__(4442);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__ForumsNavTab__ = __webpack_require__(2840);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_material_ui_Progress__ = __webpack_require__(1522);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_material_ui_Progress___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_8_material_ui_Progress__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_educoder__ = __webpack_require__(5);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__MemoShixun_css__ = __webpack_require__(3383);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__MemoShixun_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_10__MemoShixun_css__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__MemoList__ = __webpack_require__(3107);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12_axios__ = __webpack_require__(12);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12_axios___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_12_axios__);
|
|
|
var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return call&&(typeof call==="object"||typeof call==="function")?call:self;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass;}// import queryString from 'query-string'
|
|
|
var $=window.$;var MemoShixun=function(_Component){_inherits(MemoShixun,_Component);function MemoShixun(props){_classCallCheck(this,MemoShixun);var _this=_possibleConstructorReturn(this,(MemoShixun.__proto__||Object.getPrototypeOf(MemoShixun)).call(this,props));_this.state={currentPage:1,loadingMemos:true};return _this;}_createClass(MemoShixun,[{key:'onPaginationChange',value:function onPaginationChange(pageNum,pageSize){window.$("html,body").animate({"scrollTop":0});Object(__WEBPACK_IMPORTED_MODULE_9_educoder__["_6" /* updatePageParams */])(pageNum,this.props);this.fetchShixunMemos(pageNum);}},{key:'componentWillReceiveProps',value:function componentWillReceiveProps(newProps,newContext){if(newProps.enterKeyFlag!==this.props.enterKeyFlag){// const childPath = this.props.match.path.split('/:')[0]
|
|
|
// // 加入一个浏览地址
|
|
|
// const _search = this.props.location.search;
|
|
|
// if (_search) {
|
|
|
// const parsed = queryString.parse(_search);
|
|
|
// if (parsed.page != 1) {
|
|
|
// parsed.page = 1;
|
|
|
// this.props.history.push(`${this.props.match.url}?${queryString.stringify(parsed)}`)
|
|
|
// }
|
|
|
// }
|
|
|
this.fetchShixunMemos(1,newProps.searchValue,newProps.selectedHotLabelIndex);// 搜索框模糊搜索,重置为第一页
|
|
|
}}},{key:'fetchShixunMemos',value:function fetchShixunMemos(arg_currentPage,arg_searchValue,arg_selectedHotLabelIndex){var _this2=this;/*
|
|
|
page = params[:page].to_i
|
|
|
offset = page * 15
|
|
|
search = params[:search]
|
|
|
tag = params[:tag_repertoire_id]
|
|
|
*/var _search=this.props.history.location.search;var parsed=__WEBPACK_IMPORTED_MODULE_9_educoder__["_0" /* queryString */].parse(_search);var currentPage=parseInt(arg_currentPage?arg_currentPage:parsed.page||1);var paramsObject={page:currentPage// - 1 从1开始
|
|
|
};var searchValue=arg_searchValue!=undefined?arg_searchValue:this.props.searchValue;if(searchValue){paramsObject.search=searchValue;}var _props=this.props,selectedHotLabelIndex=_props.selectedHotLabelIndex,hot_tags=_props.hot_tags;selectedHotLabelIndex=arg_selectedHotLabelIndex?arg_selectedHotLabelIndex:selectedHotLabelIndex;if(selectedHotLabelIndex!==-1&&hot_tags[selectedHotLabelIndex]){paramsObject.tag_repertoire_id=hot_tags[selectedHotLabelIndex].id;}var stringifid=__WEBPACK_IMPORTED_MODULE_9_educoder__["_0" /* queryString */].stringify(paramsObject);var url='/discusses/forum_discusses.json?'+stringifid;// /${challenge.identifier}/star
|
|
|
// 获取memo list
|
|
|
this.setState({currentPage:currentPage,loadingMemos:true});__WEBPACK_IMPORTED_MODULE_12_axios___default.a.get(url,{// withCredentials: true,
|
|
|
}).then(function(response){if(response.data){// const user = response.data.current_user;
|
|
|
// user.tidding_count = response.data.tidding_count;
|
|
|
// this.props.initCommonState(user)
|
|
|
_this2.props.initForumState(response.data);// const { hot_tags } = response.data;
|
|
|
// if (hot_tags && hot_tags.length) {
|
|
|
// this.tagNameIdMap = {}
|
|
|
// hot_tags.forEach( (item, index) => {
|
|
|
// this.tagNameIdMap[item.name] = item.id
|
|
|
// })
|
|
|
// }
|
|
|
_this2.setState({// p_forum_id: params.forum,
|
|
|
// p_s_order: params.s_order,
|
|
|
loadingMemos:false});}}).catch(function(error){console.log(error);});}},{key:'componentDidMount',value:function componentDidMount(){var _this3=this;this.fetchShixunMemos();Object(__WEBPACK_IMPORTED_MODULE_9_educoder__["Z" /* on */])('hotTagClick',function(event,tagName){_this3.props.setHotLabelIndex(tagName.selectedHotLabelIndex,function(){_this3.fetchShixunMemos(1,undefined);});});$(window).on('popstate',function(e){var state=e.originalEvent.state;console.log('popstate',state);if(state!==null){var currentPage=_this3.state.currentPage;;// // 浏览器地址改变了
|
|
|
var search=_this3.props.history.location.search;var parsed=__WEBPACK_IMPORTED_MODULE_9_educoder__["_0" /* queryString */].parse(search);if(parsed.page!=currentPage){currentPage=parseInt(parsed.page||1);// this.setSearchValue('')
|
|
|
_this3.fetchShixunMemos(currentPage);_this3.setState({currentPage:currentPage});}}});}},{key:'componentWillUnmount',value:function componentWillUnmount(){Object(__WEBPACK_IMPORTED_MODULE_9_educoder__["Y" /* off */])('hotTagClick');$(window).off('popstate');}},{key:'renderMemoList',value:function renderMemoList(){var _this4=this;var _props2=this.props,memo_list=_props2.memo_list,user=_props2.user;if(!memo_list){return'';}/*
|
|
|
<PostItem key={item.id} user={user} index={index} {...this.props}
|
|
|
setTop={(memo)=>this.setTop(memo)}
|
|
|
setDown={(memo)=>this.setDown(memo)}
|
|
|
memo={item}
|
|
|
></PostItem>
|
|
|
*/return memo_list.map(function(item,index){return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_6__ShiXunPostItem__["a" /* default */],Object.assign({key:item.id,user:user,index:index},_this4.props,{memo:item}));});}},{key:'render',value:function render(){var _this5=this;var _props3=this.props,match=_props3.match,history=_props3.history,memo_count=_props3.memo_count,memo_list=_props3.memo_list,showSearchValue=_props3.showSearchValue,searchValue=_props3.searchValue,selectedHotLabelIndex=_props3.selectedHotLabelIndex,hot_tags=_props3.hot_tags;var _state=this.state,currentPage=_state.currentPage,loadingMemos=_state.loadingMemos;// 规则: 搜索框输入了值 或者 选择了热门标签的时候显示该提示
|
|
|
var _showSearchValue=showSearchValue||selectedHotLabelIndex!=-1;var _searchValue=void 0;if(showSearchValue){_searchValue=searchValue;}else if(selectedHotLabelIndex!=-1){_searchValue=hot_tags[selectedHotLabelIndex].name||hot_tags[selectedHotLabelIndex];}return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:'edu-back-white',id:'forum_index_list'},' ',__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:'clearfix'},_showSearchValue&&__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:'noMemosTip',style:{display:loadingMemos?'none':'block'}},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('span',{className:'fr pr20',id:'search_result'},'\u5171\u627E\u5230\xA0',__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('span',{className:'color-orange03'},memo_count),'\u4E2A"',__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('span',{className:'color-orange03'},_searchValue),'"\u76F8\u5173\u7684\u7ED3\u679C')),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_8_material_ui_Progress__["CircularProgress"],{size:40,thickness:3,style:{marginLeft:'auto',marginRight:'auto',paddingTop:'20%',display:loadingMemos?'block':'none'}}),!loadingMemos&&__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_0_react___default.a.Fragment,null,__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_7__ForumsNavTab__["a" /* default */],this.props),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_11__MemoList__["a" /* default */],Object.assign({},this.props,{renderMemoList:function renderMemoList(){return _this5.renderMemoList();},onPaginationChange:function onPaginationChange(pageNum,pageSize){return _this5.onPaginationChange(pageNum,pageSize);}},this.state)))));}}]);return MemoShixun;}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);/* harmony default export */ __webpack_exports__["a"] = (MemoShixun);
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 4442:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react_router__ = __webpack_require__(57);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react_router_dom__ = __webpack_require__(45);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prop_types__ = __webpack_require__(1);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_prop_types__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_classnames__ = __webpack_require__(3);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_classnames__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_moment__ = __webpack_require__(85);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_moment___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_moment__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__MemoShixun_css__ = __webpack_require__(3383);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__MemoShixun_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6__MemoShixun_css__);
|
|
|
var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return call&&(typeof call==="object"||typeof call==="function")?call:self;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass;}var ShiXunPostItem=function(_Component){_inherits(ShiXunPostItem,_Component);function ShiXunPostItem(props){_classCallCheck(this,ShiXunPostItem);var _this=_possibleConstructorReturn(this,(ShiXunPostItem.__proto__||Object.getPrototypeOf(ShiXunPostItem)).call(this,props));_this.state={};return _this;}_createClass(ShiXunPostItem,[{key:'render',value:function render(){var memo=this.props.memo;var tagStr='';if(memo.shixun_tag&&memo.shixun_tag.length){memo.shixun_tag.forEach(function(tag){tagStr+=' '+tag;});}return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_0_react___default.a.Fragment,null,__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:'sxReturnItem'},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:'ItemLine clearfix df'},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('a',{href:'/users/'+memo.login,className:'ItemLineHeadPhoto'},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('img',{src:'/images/'+memo.image_url,width:'48px',height:'48px',className:'radius'})),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:'flex1 ml10 pr20'},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:'clearfix',style:{height:'32px'}},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('p',{className:'shixunReply task-hide font-16 fl'},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_2_react_router_dom__["b" /* Link */],{to:''+memo.tpm_url,title:memo.subject,target:'_blank'},memo.subject)),memo.reward&&__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('span',{className:'color-orange ml20 fl','data-tip-down':'\u83B7\u5F97\u5E73\u53F0\u5956\u52B1\u91D1\u5E01\uFF1A'+memo.reward,style:{lineHeight:'20px'}},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('i',{className:'iconfont icon-gift font-16 mr5 fl'}),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('span',{className:'fl mt3'},memo.reward))),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('p',{className:'clearfix mt5'},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('span',{className:'fl color-grey-9'},memo.username),!!tagStr&&__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('span',{className:'fl color-grey-9 ml40'},'\u6765\u81EA ',tagStr),!!memo.praises_count&&__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('span',{className:'fr color-grey-6 ml20 font-12'},memo.praises_count,' \u8D5E'),!!memo.replies_count&&__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('span',{className:'fr color-grey-6 font-12'},memo.replies_count,' \u56DE\u590D'))))));}}]);return ShiXunPostItem;}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);/* harmony default export */ __webpack_exports__["a"] = (ShiXunPostItem);
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 4443:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
exports = module.exports = __webpack_require__(290)(true);
|
|
|
// imports
|
|
|
|
|
|
|
|
|
// module
|
|
|
exports.push([module.i, ".sxReturnItem{width:100%;padding-left:20px;-webkit-box-sizing:border-box;box-sizing:border-box}.ItemLine{border-bottom:1px solid #ebebeb;padding:30px 0}.ItemLineHeadPhoto{height:48px;width:48px;float:left;margin-top:4px}.shixunReply{max-width:604px}.sxReturnItem:last-child .ItemLine{border-bottom:none}", "", {"version":3,"sources":["/Users/alec/educoder/public/react/src/modules/forums/shixun/MemoShixun.css"],"names":[],"mappings":"AAAA,cACI,WAAY,AACZ,kBAAkB,AAClB,8BAA+B,AACvB,qBAAuB,CAClC,AACD,UACI,gCAAiC,AACjC,cAAiB,CACpB,AACD,mBACI,YAAY,AACZ,WAAY,AACZ,WAAY,AACZ,cAAgB,CACnB,AACD,aACI,eAAiB,CACpB,AACD,mCACI,kBAAoB,CACvB","file":"MemoShixun.css","sourcesContent":[".sxReturnItem{\r\n width: 100%;\r\n padding-left:20px;\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box;\r\n}\r\n.ItemLine{\r\n border-bottom: 1px solid #EBEBEB;\r\n padding:30px 0px;\r\n}\r\n.ItemLineHeadPhoto{\r\n height:48px;\r\n width: 48px;\r\n float: left;\r\n margin-top: 4px;\r\n}\r\n.shixunReply{\r\n max-width: 604px;\r\n}\r\n.sxReturnItem:last-child .ItemLine{\r\n border-bottom: none;\r\n}"],"sourceRoot":""}]);
|
|
|
|
|
|
// exports
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 4444:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react_router__ = __webpack_require__(57);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react_router_dom__ = __webpack_require__(45);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prop_types__ = __webpack_require__(1);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_prop_types__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_classnames__ = __webpack_require__(3);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_classnames__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_educoder__ = __webpack_require__(5);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__images_ad_match_ad_jpg__ = __webpack_require__(4445);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__images_ad_match_ad_jpg___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6__images_ad_match_ad_jpg__);
|
|
|
var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return call&&(typeof call==="object"||typeof call==="function")?call:self;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass;}var $=window.$;var RightMyPublish=function(_Component){_inherits(RightMyPublish,_Component);function RightMyPublish(props){_classCallCheck(this,RightMyPublish);var _this=_possibleConstructorReturn(this,(RightMyPublish.__proto__||Object.getPrototypeOf(RightMyPublish)).call(this,props));_this.handleKeyPress=function(event){if(event.type!=='keypress'||event.key=='Enter'){_this.props.setSearchValue(_this.props.searchValue,true);// $(window).trigger('setSearchValue', $('#shixun_search_input').val())
|
|
|
}};_this.handleInput=function(event){_this.props.setSearchValue(event.target.value);};_this.state={};return _this;}_createClass(RightMyPublish,[{key:'render',value:function render(){var _props=this.props,match=_props.match,history=_props.history,currentPage=_props.currentPage,my_memos_count=_props.my_memos_count,setSearchValue=_props.setSearchValue,searchValue=_props.searchValue;return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_0_react___default.a.Fragment,null,__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:'clearfix edu-back-white padding40-20 publishMemoSection'},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:'search-new'},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('input',{type:'text',className:'search-new-input fl',placeholder:'\u641C\u7D22\u60A8\u60F3\u4E86\u89E3\u7684\u8BDD\u9898',id:'shixun_search_input',onKeyPress:this.handleKeyPress,onChange:this.handleInput,value:searchValue}),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('span',{className:'search-span'}),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('img',{src:Object(__WEBPACK_IMPORTED_MODULE_5_educoder__["M" /* getImageUrl */])("images/educoder/icon/search.svg"),className:'fl mt5',onClick:this.handleKeyPress})),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_5_educoder__["r" /* LinkAfterLogin */],Object.assign({},this.props,{to:'/forums/new',className:'sendMyQuestion edu-default-btn edu-blueback-btn edu-txt-center font-16 mb30'}),'\u53D1\u5E03\u8BDD\u9898')),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:'clearfix edu-back-white advertisement'},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('a',{href:'/competitions',target:'_blank'},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('img',{src:__WEBPACK_IMPORTED_MODULE_6__images_ad_match_ad_jpg___default.a}))));}}]);return RightMyPublish;}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);/* harmony default export */ __webpack_exports__["a"] = (RightMyPublish);
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 4445:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
module.exports = __webpack_require__.p + "static/media/match_ad.4e957369.jpg";
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 4446:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react_router_dom__ = __webpack_require__(45);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_prop_types__ = __webpack_require__(1);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_prop_types__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_classnames__ = __webpack_require__(3);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_classnames__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_axios__ = __webpack_require__(12);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_axios___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_axios__);
|
|
|
var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return call&&(typeof call==="object"||typeof call==="function")?call:self;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass;}var UserSection=function(_Component){_inherits(UserSection,_Component);function UserSection(props){_classCallCheck(this,UserSection);var _this=_possibleConstructorReturn(this,(UserSection.__proto__||Object.getPrototypeOf(UserSection)).call(this,props));_this.state={};return _this;}/*点击关注或者取消关注*/_createClass(UserSection,[{key:'AboutFocus',value:function AboutFocus(){var _this2=this;var author_info=this.props.author_info;/*http://localhost:3000/api/v1/users/155/watch?object_id=156&object_type=user*/// const focusUrl = `/api/v1/users/${author_info.user_id}/${this.props.author_info.watched ? 'unwatch' : 'watch'}?object_id=${author_info.user_id}&object_type=user`
|
|
|
// axios.get(focusUrl,{
|
|
|
// })
|
|
|
// .then((response) => {
|
|
|
// const status = response.data.status;
|
|
|
// console.log(status);
|
|
|
// if(status == 1){
|
|
|
// const new_author_info = Object.assign({}, this.props.author_info)
|
|
|
// new_author_info.watched = !new_author_info.watched
|
|
|
// this.props.initForumState({author_info: new_author_info})
|
|
|
// }
|
|
|
// }).catch((error) => {
|
|
|
// console.log(error)
|
|
|
// })
|
|
|
var url='/users/'+author_info.user_id+'/watch.json';// 取消关注
|
|
|
if(author_info.watched){__WEBPACK_IMPORTED_MODULE_4_axios___default.a.delete(url).then(function(result){if(result){var new_author_info=Object.assign({},_this2.props.author_info);new_author_info.watched=!new_author_info.watched;_this2.props.initForumState({author_info:new_author_info});}}).catch(function(error){console.log(error);});}else{// 关注
|
|
|
__WEBPACK_IMPORTED_MODULE_4_axios___default.a.post(url).then(function(result){if(result){var new_author_info=Object.assign({},_this2.props.author_info);new_author_info.watched=!new_author_info.watched;_this2.props.initForumState({author_info:new_author_info});}}).catch(function(error){console.log(error);});}}},{key:'render',value:function render(){var _this3=this;var _props=this.props,match=_props.match,history=_props.history,author_info=_props.author_info,current_user=_props.current_user;if(!author_info||!current_user){return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:'edu-back-white',id:'forum_index_list'});}return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:'edu-back-white padding40-20 edu-txt-center'},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('a',{href:'/users/'+author_info.login,target:'_blank'},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('img',{src:'/images/'+author_info.image_url,width:'90',height:'90',className:'radius mb5'})),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('p',{className:'font-20 userPrivateName'},author_info.username),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('p',{className:'color-grey-9 userPrivatePost'},author_info.identity),author_info.user_id!==current_user.user_id&&__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('p',{className:'clearfix mt30'},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('a',{href:'javascript:void(0)',className:'fl font-16 mr10 user_default_btn edu-blueback-btn',onClick:function onClick(){_this3.AboutFocus();}},author_info.watched==true?"取消关注":"关注"),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('a',{href:'/messages/'+current_user.login+'/message_detail?target_ids='+author_info.user_id,className:'fr font-16 user_default_btn user_private_btn',target:'_blank'},'\u79C1\u4FE1')));}}]);return UserSection;}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);/* harmony default export */ __webpack_exports__["a"] = (UserSection);
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 4447:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react_router__ = __webpack_require__(57);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react_router_dom__ = __webpack_require__(45);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prop_types__ = __webpack_require__(1);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_prop_types__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_classnames__ = __webpack_require__(3);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_classnames__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_educoder__ = __webpack_require__(5);
|
|
|
var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return call&&(typeof call==="object"||typeof call==="function")?call:self;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass;}var RightHotLabel=function(_Component){_inherits(RightHotLabel,_Component);function RightHotLabel(props){_classCallCheck(this,RightHotLabel);var _this=_possibleConstructorReturn(this,(RightHotLabel.__proto__||Object.getPrototypeOf(RightHotLabel)).call(this,props));_this.state={};return _this;}_createClass(RightHotLabel,[{key:'renderTags',value:function renderTags(){var _props=this.props,hot_tags=_props.hot_tags,selectedHotLabelIndex=_props.selectedHotLabelIndex;if(!hot_tags){return'';}var result=hot_tags.map(function(item,index){var params={};if(typeof item==='string'){params.name=item;}else{params=item;}params.selectedHotLabelIndex=index;return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('a',{href:'javascript:void(0)',onClick:function onClick(){return Object(__WEBPACK_IMPORTED_MODULE_5_educoder__["_5" /* trigger */])('hotTagClick',params);},key:index,className:__WEBPACK_IMPORTED_MODULE_4_classnames___default()({"selected":selectedHotLabelIndex===index})},item.name||item);});return result;}},{key:'render',value:function render(){var _props2=this.props,match=_props2.match,history=_props2.history,currentPage=_props2.currentPage,selectedHotLabelIndex=_props2.selectedHotLabelIndex;return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:'clearfix padding40-20 edu-back-white mt10'},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('p',{className:'font-16'},'\u70ED\u95E8\u6807\u7B7E'),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:'mt30 HotLabelList clearfix',id:'HotLabelList'},this.renderTags()));}}]);return RightHotLabel;}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);/* harmony default export */ __webpack_exports__["a"] = (RightHotLabel);
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 4448:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react_router__ = __webpack_require__(57);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react_router_dom__ = __webpack_require__(45);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prop_types__ = __webpack_require__(1);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_prop_types__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_classnames__ = __webpack_require__(3);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_classnames__);
|
|
|
var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return call&&(typeof call==="object"||typeof call==="function")?call:self;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass;}var RightHotQuestion=function(_Component){_inherits(RightHotQuestion,_Component);function RightHotQuestion(props){_classCallCheck(this,RightHotQuestion);var _this=_possibleConstructorReturn(this,(RightHotQuestion.__proto__||Object.getPrototypeOf(RightHotQuestion)).call(this,props));_this.state={};return _this;}//
|
|
|
_createClass(RightHotQuestion,[{key:'renderHotMemos',value:function renderHotMemos(){var hot_memos=this.props.hot_memos;if(!hot_memos){return'';}return hot_memos.map(function(item,index){return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:'hotQuestionItem',key:index},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_2_react_router_dom__["b" /* Link */],{to:'/forums/'+item.id,className:'color-grey-6 task-hide mb5 questiontName',title:item.subject&&item.subject.length>15?item.subject:''},item.subject),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('p',{className:'clearfix font-12 color-grey-9'},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('span',{className:'fl'},item.replies_count,' \u56DE\u7B54'),!!item.tag&&item.tag.length?__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('span',{className:'fr'},'\u6765\u81EA ',item.tag.join('/')):''));});}},{key:'render',value:function render(){var _props=this.props,match=_props.match,history=_props.history,currentPage=_props.currentPage;return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:'clearfix padding40-20 edu-back-white mt10'},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('p',{className:'font-16'},'\u70ED\u95E8\u95EE\u9898'),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:'mt10 hotQuestionList clearfix',id:'hotQuestionList'},this.renderHotMemos()));}}]);return RightHotQuestion;}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);/* harmony default export */ __webpack_exports__["a"] = (RightHotQuestion);
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 4449:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react_router__ = __webpack_require__(57);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react_router_dom__ = __webpack_require__(45);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prop_types__ = __webpack_require__(1);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_prop_types__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_classnames__ = __webpack_require__(3);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_classnames__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_educoder__ = __webpack_require__(5);
|
|
|
var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return call&&(typeof call==="object"||typeof call==="function")?call:self;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass;}var MemoLabel=function(_Component){_inherits(MemoLabel,_Component);function MemoLabel(props){_classCallCheck(this,MemoLabel);var _this=_possibleConstructorReturn(this,(MemoLabel.__proto__||Object.getPrototypeOf(MemoLabel)).call(this,props));_this.state={};return _this;}_createClass(MemoLabel,[{key:'renderTags',value:function renderTags(){var memo=this.props.memo;var arrays=memo.tag.map(function(item,index){return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('a',{href:'javascript:void(0)',key:index},item);});return arrays;}},{key:'render',value:function render(){var _props=this.props,match=_props.match,history=_props.history,currentPage=_props.currentPage,memo=_props.memo;if(!memo||!memo.tag||memo.tag.length===0){return'';}return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:'clearfix padding30-20 edu-back-white mt10'},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('p',{className:'font-16'},'\u8BDD\u9898\u6807\u7B7E'),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:'mt30 HotLabelList clearfix',id:'HotLabelList'},this.renderTags()));}}]);return MemoLabel;}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);/* harmony default export */ __webpack_exports__["a"] = (MemoLabel);
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 4450:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react_router__ = __webpack_require__(57);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react_router_dom__ = __webpack_require__(45);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prop_types__ = __webpack_require__(1);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_prop_types__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_classnames__ = __webpack_require__(3);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_classnames__);
|
|
|
var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return call&&(typeof call==="object"||typeof call==="function")?call:self;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass;}var RecommendShixun=function(_Component){_inherits(RecommendShixun,_Component);function RecommendShixun(props){_classCallCheck(this,RecommendShixun);var _this=_possibleConstructorReturn(this,(RecommendShixun.__proto__||Object.getPrototypeOf(RecommendShixun)).call(this,props));_this.state={};return _this;}_createClass(RecommendShixun,[{key:'showRecommandShixun',value:function showRecommandShixun(){var recommend_shixuns=this.props.recommend_shixuns;if(!recommend_shixuns){return'';}var result=[];recommend_shixuns.forEach(function(shixun,index){var _shixun=shixun;result.push(__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:'recomments clearfix df',key:index},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('a',{href:'/shixuns/'+_shixun.identifier+'/challenges',style:{height:'76px'},target:'_blank'},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('img',{alt:''+_shixun.id,style:{maxHeight:'76px'},src:'/'+_shixun.image_url,width:'100'})),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:'ml10 flex1'},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('a',{href:'/shixuns/'+_shixun.identifier+'/challenges',target:'_blank',title:_shixun.name&&_shixun.name.length>9?_shixun.name:'',className:'color-grey-6 task-hide mb10 recomment-name',style:{maxWidth:'147px'}},_shixun.name),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('p',{className:'color-grey-9'},_shixun.myshixuns_count,' \u4EBA\u5B66\u4E60'))));});return result;}},{key:'render',value:function render(){var _props=this.props,match=_props.match,history=_props.history,currentPage=_props.currentPage;// 参考 TPMShixunDiscuss.js 推荐实训, 页面路径:http://localhost:3007/shixuns/uznmbg54/shixun_discuss
|
|
|
return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:'padding10'},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('p',{className:'mb20 font-16 clearfix',style:{lineHeight:2}},'\u63A8\u8350\u5B9E\u8BAD'),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:'recommend-list'},this.showRecommandShixun()));}}]);return RecommendShixun;}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);/* harmony default export */ __webpack_exports__["a"] = (RecommendShixun);
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 4451:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
// style-loader: Adds some css to the DOM by adding a <style> tag
|
|
|
|
|
|
// load the styles
|
|
|
var content = __webpack_require__(4452);
|
|
|
if(typeof content === 'string') content = [[module.i, content, '']];
|
|
|
// Prepare cssTransformation
|
|
|
var transform;
|
|
|
|
|
|
var options = {"hmr":false}
|
|
|
options.transform = transform
|
|
|
// add the styles to the DOM
|
|
|
var update = __webpack_require__(291)(content, options);
|
|
|
if(content.locals) module.exports = content.locals;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 4452:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
exports = module.exports = __webpack_require__(290)(true);
|
|
|
// imports
|
|
|
|
|
|
|
|
|
// module
|
|
|
exports.push([module.i, "@-webkit-keyframes select-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes select-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.rc-select{-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;position:relative;vertical-align:middle;color:#666;line-height:28px}.rc-select li,.rc-select ul{margin:0;padding:0;list-style:none}.rc-select>ul>li>a{padding:0;background-color:#fff}.rc-select-arrow{height:26px;position:absolute;top:1px;right:1px;width:20px;outline:none}.rc-select-arrow .rc-select-arrow-loading{display:inline-block;width:18px;height:18px;margin-top:6px;margin-left:-4px}.rc-select-arrow .rc-select-arrow-loading:after{content:\" \";display:block;width:12px;height:12px;margin:2px;border-radius:50%;border:2px solid #999;border-color:#999 transparent;-webkit-animation:select-ring 1.2s linear infinite;animation:select-ring 1.2s linear infinite}.rc-select-arrow .rc-select-arrow-icon{border-color:#999 transparent transparent;border-style:solid;border-width:5px 4px 0;height:0;width:0;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;left:50%}.rc-select-selection{outline:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;background-color:#fff;border-radius:6px;border:1px solid #d9d9d9}.rc-select-selection__placeholder{position:absolute;top:0;color:#aaa}.rc-select-selection__clear{font-weight:700;position:absolute;line-height:28px}.rc-select-selection__clear-icon{font-style:normal}.rc-select-enabled .rc-select-selection:hover,.rc-select-focused .rc-select-selection{border-color:#23c0fa;-webkit-box-shadow:0 0 2px rgba(45,183,245,.8);box-shadow:0 0 2px rgba(45,183,245,.8)}.rc-select-enabled .rc-select-selection:active{border-color:#2db7f5}.rc-select-selection--single{height:28px;line-height:28px;cursor:pointer;position:relative}.rc-select-selection--single .rc-select-selection-selected-value{pointer-events:none;position:absolute;left:0;top:0}.rc-select-selection--single .rc-select-selection__rendered{height:28px;position:relative;display:block;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;margin-left:10px;line-height:28px}.rc-select-selection--single .rc-select-selection__clear{top:0;right:20px}.rc-select-disabled,.rc-select-disabled .rc-select-selection--single,.rc-select-disabled .rc-select-selection--single:hover,.rc-select-disabled .rc-select-selection__choice__remove,.rc-select-disabled .rc-select-selection__choice__remove:hover{color:#ccc;cursor:not-allowed}.rc-select-search__field__wrap{display:inline-block}.rc-select-search__field__placeholder{position:absolute;top:0;left:3px;color:#aaa}.rc-select-search--inline,.rc-select-search--inline .rc-select-search__field__wrap{width:100%}.rc-select-search--inline .rc-select-search__field{border:none;font-size:100%;background:transparent;outline:0;width:100%}.rc-select-search--inline .rc-select-search__field::-ms-clear{display:none}.rc-select-search--inline .rc-select-search__field__mirror{position:absolute;top:-999px;left:0;white-space:pre}.rc-select-search--inline>i{float:right}.rc-select-enabled.rc-select-selection--multiple{cursor:text}.rc-select-selection--multiple{min-height:28px}.rc-select-selection--multiple .rc-select-search--inline{float:left;width:auto}.rc-select-selection--multiple .rc-select-search--inline .rc-select-search__field{width:.75em}.rc-select-selection--multiple .rc-select-search--inline .rc-select-search__field__wrap{width:auto}.rc-select-selection--multiple .rc-select-search__field__placeholder{top:5px;left:8px}.rc-select-selection--multiple .rc-select-selection__rendered{position:relative;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;margin-left:8px;padding-bottom:2px}.rc-select-selection--multiple .rc-select-selection__rendered .rc-select-selection__choice{margin-top:4px;line-height:20px}.rc-select-selection--multiple .rc-select-selection__clear{top:1px;right:8px}.rc-select-enabled .rc-select-selection__choice{cursor:default}.rc-select-enabled .rc-select-selection__choice:hover .rc-select-selection__choice__remove{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.rc-select-enabled .rc-select-selection__choice:hover .rc-select-selection__choice__content{margin-left:-8px;margin-right:8px}.rc-select-enabled .rc-select-selection__choice__disabled{cursor:not-allowed}.rc-select-enabled .rc-select-selection__choice__disabled:hover .rc-select-selection__choice__content{margin-left:0;margin-right:0}.rc-select .rc-select-selection__choice{background-color:#f3f3f3;border-radius:4px;float:left;padding:0 15px;margin-right:4px;position:relative;overflow:hidden;-webkit-transition:padding .3s cubic-bezier(.6,-.28,.735,.045),width .3s cubic-bezier(.6,-.28,.735,.045);-o-transition:padding .3s cubic-bezier(.6,-.28,.735,.045),width .3s cubic-bezier(.6,-.28,.735,.045);transition:padding .3s cubic-bezier(.6,-.28,.735,.045),width .3s cubic-bezier(.6,-.28,.735,.045)}.rc-select .rc-select-selection__choice__content{margin-left:0;margin-right:0;-webkit-transition:margin .3s cubic-bezier(.165,.84,.44,1);-o-transition:margin .3s cubic-bezier(.165,.84,.44,1);transition:margin .3s cubic-bezier(.165,.84,.44,1)}.rc-select .rc-select-selection__choice-zoom-appear,.rc-select .rc-select-selection__choice-zoom-enter,.rc-select .rc-select-selection__choice-zoom-leave{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;opacity:0;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1.275);animation-timing-function:cubic-bezier(.175,.885,.32,1.275)}.rc-select .rc-select-selection__choice-zoom-leave{opacity:1;-webkit-animation-timing-function:cubic-bezier(.6,-.28,.735,.045);animation-timing-function:cubic-bezier(.6,-.28,.735,.045)}.rc-select .rc-select-selection__choice-zoom-appear.rc-select-selection__choice-zoom-appear-active,.rc-select .rc-select-selection__choice-zoom-enter.rc-select-selection__choice-zoom-enter-active{-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-name:rcSelectChoiceZoomIn;animation-name:rcSelectChoiceZoomIn}.rc-select .rc-select-selection__choice-zoom-leave.rc-select-selection__choice-zoom-leave-active{-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-name:rcSelectChoiceZoomOut;animation-name:rcSelectChoiceZoomOut}@-webkit-keyframes rcSelectChoiceZoomIn{0%{-webkit-transform:scale(.6);transform:scale(.6);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes rcSelectChoiceZoomIn{0%{-webkit-transform:scale(.6);transform:scale(.6);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes rcSelectChoiceZoomOut{to{-webkit-transform:scale(0);transform:scale(0);opacity:0}}@keyframes rcSelectChoiceZoomOut{to{-webkit-transform:scale(0);transform:scale(0);opacity:0}}.rc-select .rc-select-selection__choice__remove{color:#919191;cursor:pointer;font-weight:700;padding:0 0 0 8px;position:absolute;opacity:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);top:0;right:2px;transition:opacity .3s,-webkit-transform .3s;-webkit-transition:opacity .3s,-webkit-transform .3s;-o-transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}.rc-select .rc-select-selection__choice__remove-icon{font-style:normal}.rc-select .rc-select-selection__choice__remove:hover{color:#333}.rc-select-dropdown{background-color:#fff;border:1px solid #d9d9d9;-webkit-box-shadow:0 0 4px #d9d9d9;box-shadow:0 0 4px #d9d9d9;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:100;left:-9999px;top:-9999px;position:absolute;outline:none}.rc-select-dropdown-hidden,.rc-select-dropdown:empty{display:none}.rc-select-dropdown-menu{outline:none;margin:0;padding:0;list-style:none;z-index:9999}.rc-select-dropdown-menu-item-group-list,.rc-select-dropdown-menu>li{margin:0;padding:0}.rc-select-dropdown-menu-item-group-list>li.rc-select-menu-item{padding-left:20px}.rc-select-dropdown-menu-item-group-title{color:#999;line-height:1.5;padding:8px 10px;border-bottom:1px solid #dedede}li.rc-select-dropdown-menu-item{margin:0;position:relative;display:block;padding:7px 10px;font-weight:400;color:#666;white-space:nowrap}li.rc-select-dropdown-menu-item-disabled{color:#ccc;cursor:not-allowed}li.rc-select-dropdown-menu-item-selected{color:#666;background-color:#ddd}li.rc-select-dropdown-menu-item-active{background-color:#5897fb;color:#fff;cursor:pointer}li.rc-select-dropdown-menu-item-divider{height:1px;margin:1px 0;overflow:hidden;background-color:#e5e5e5;line-height:0}.rc-select-dropdown-slide-up-appear,.rc-select-dropdown-slide-up-enter{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;opacity:0;-webkit-animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-timing-function:cubic-bezier(.08,.82,.17,1);-webkit-animation-play-state:paused;animation-play-state:paused}.rc-select-dropdown-slide-up-leave{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;opacity:1;-webkit-animation-timing-function:cubic-bezier(.6,.04,.98,.34);animation-timing-function:cubic-bezier(.6,.04,.98,.34);-webkit-animation-play-state:paused;animation-play-state:paused}.rc-select-dropdown-slide-up-appear.rc-select-dropdown-slide-up-appear-active.rc-select-dropdown-placement-bottomLeft,.rc-select-dropdown-slide-up-enter.rc-select-dropdown-slide-up-enter-active.rc-select-dropdown-placement-bottomLeft{-webkit-animation-name:rcSelectDropdownSlideUpIn;animation-name:rcSelectDropdownSlideUpIn;-webkit-animation-play-state:running;animation-play-state:running}.rc-select-dropdown-slide-up-leave.rc-select-dropdown-slide-up-leave-active.rc-select-dropdown-placement-bottomLeft{-webkit-animation-name:rcSelectDropdownSlideUpOut;animation-name:rcSelectDropdownSlideUpOut;-webkit-animation-play-state:running;animation-play-state:running}.rc-select-dropdown-slide-up-appear.rc-select-dropdown-slide-up-appear-active.rc-select-dropdown-placement-topLeft,.rc-select-dropdown-slide-up-enter.rc-select-dropdown-slide-up-enter-active.rc-select-dropdown-placement-topLeft{-webkit-animation-name:rcSelectDropdownSlideDownIn;animation-name:rcSelectDropdownSlideDownIn;-webkit-animation-play-state:running;animation-play-state:running}.rc-select-dropdown-slide-up-leave.rc-select-dropdown-slide-up-leave-active.rc-select-dropdown-placement-topLeft{-webkit-animation-name:rcSelectDropdownSlideDownOut;animation-name:rcSelectDropdownSlideDownOut;-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes rcSelectDropdownSlideUpIn{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0);transform:scaleY(0)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes rcSelectDropdownSlideUpIn{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0);transform:scaleY(0)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes rcSelectDropdownSlideUpOut{0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0);transform:scaleY(0)}}@keyframes rcSelectDropdownSlideUpOut{0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0);transform:scaleY(0)}}@-webkit-keyframes rcSelectDropdownSlideDownIn{0%{opacity:0;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(0);transform:scaleY(0)}to{opacity:1;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes rcSelectDropdownSlideDownIn{0%{opacity:0;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(0);transform:scaleY(0)}to{opacity:1;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes rcSelectDropdownSlideDownOut{0%{opacity:1;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(0);transform:scaleY(0)}}@keyframes rcSelectDropdownSlideDownOut{0%{opacity:1;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(0);transform:scaleY(0)}}.rc-select-open .rc-select-arrow b{border-color:transparent transparent #888;border-width:0 4px 5px}", "", {"version":3,"sources":["/Users/alec/educoder/public/react/node_modules/_rc-select@8.8.4@rc-select/assets/index.css"],"names":[],"mappings":"AAAA,+BACE,GACE,+BAAgC,AACxB,sBAAwB,CACjC,AACD,GACE,gCAAkC,AAC1B,uBAA0B,CACnC,CACF,AACD,uBACE,GACE,+BAAgC,AACxB,sBAAwB,CACjC,AACD,GACE,gCAAkC,AAC1B,uBAA0B,CACnC,CACF,AACD,WACE,8BAA+B,AACvB,sBAAuB,AAC/B,qBAAsB,AACtB,kBAAmB,AACnB,sBAAuB,AACvB,WAAY,AACZ,gBAAkB,CACnB,AACD,4BAEE,SAAU,AACV,UAAW,AACX,eAAiB,CAClB,AACD,mBACE,UAAW,AACX,qBAAuB,CACxB,AACD,iBACE,YAAa,AACb,kBAAmB,AACnB,QAAS,AACT,UAAW,AACX,WAAY,AACZ,YAAc,CACf,AACD,0CACE,qBAAsB,AACtB,WAAY,AACZ,YAAa,AACb,eAAgB,AAChB,gBAAkB,CACnB,AACD,gDACE,YAAa,AACb,cAAe,AACf,WAAY,AACZ,YAAa,AACb,WAAY,AACZ,kBAAmB,AACnB,sBAA0B,AAC1B,8BAAsD,AACtD,mDAAoD,AAC5C,0CAA4C,CACrD,AACD,uCACE,0CAA0D,AAC1D,mBAAoB,AACpB,uBAA4B,AAC5B,SAAU,AACV,QAAS,AACT,iBAAkB,AAClB,gBAAiB,AACjB,kBAAmB,AACnB,QAAS,AACT,QAAU,CACX,AACD,qBACE,aAAc,AACd,sBAAuB,AACtB,qBAAsB,AAClB,iBAAkB,AACvB,yBAA0B,AAC1B,8BAA+B,AACvB,sBAAuB,AAC/B,cAAe,AACf,sBAAuB,AACvB,kBAAmB,AACnB,wBAA0B,CAC3B,AACD,kCACE,kBAAmB,AACnB,MAAO,AACP,UAAY,CACb,AACD,4BACE,gBAAkB,AAClB,kBAAmB,AACnB,gBAAkB,CACnB,AACD,iCACE,iBAAmB,CACpB,AAMD,sFACE,qBAAsB,AACtB,+CAAoD,AAC5C,sCAA4C,CACrD,AACD,+CACE,oBAAsB,CACvB,AACD,6BACE,YAAa,AACb,iBAAkB,AAClB,eAAgB,AAChB,iBAAmB,CACpB,AACD,iEACE,oBAAqB,AACrB,kBAAmB,AACnB,OAAQ,AACR,KAAO,CACR,AACD,4DACE,YAAa,AACb,kBAAmB,AACnB,cAAe,AACf,gBAAiB,AACjB,mBAAoB,AACpB,0BAA2B,AACxB,uBAAwB,AAC3B,iBAAkB,AAClB,gBAAkB,CACnB,AACD,yDACE,MAAO,AACP,UAAY,CACb,AAUD,oPARE,WAAY,AACZ,kBAAoB,CAWrB,AACD,+BACE,oBAAsB,CACvB,AACD,sCACE,kBAAmB,AACnB,MAAO,AACP,SAAU,AACV,UAAY,CACb,AAID,mFACE,UAAY,CACb,AACD,mDACE,YAAa,AACb,eAAgB,AAChB,uBAAwB,AACxB,UAAW,AACX,UAAY,CACb,AACD,8DACE,YAAc,CACf,AACD,2DACE,kBAAmB,AACnB,WAAY,AACZ,OAAQ,AACR,eAAiB,CAClB,AACD,4BACE,WAAa,CACd,AACD,iDACE,WAAa,CACd,AACD,+BACE,eAAiB,CAClB,AACD,yDACE,WAAY,AACZ,UAAY,CACb,AACD,kFACE,WAAc,CACf,AACD,wFACE,UAAY,CACb,AACD,qEACE,QAAS,AACT,QAAU,CACX,AACD,8DACE,kBAAmB,AACnB,gBAAiB,AACjB,0BAA2B,AACxB,uBAAwB,AAC3B,gBAAiB,AACjB,kBAAoB,CACrB,AACD,2FACE,eAAgB,AAChB,gBAAkB,CACnB,AACD,2DACE,QAAS,AACT,SAAW,CACZ,AACD,gDACE,cAAgB,CACjB,AACD,2FACE,UAAW,AACX,2BAA4B,AACpB,uBAAwB,AAC5B,kBAAoB,CACzB,AACD,4FACE,iBAAkB,AAClB,gBAAkB,CACnB,AACD,0DACE,kBAAoB,CACrB,AACD,sGACE,cAAe,AACf,cAAgB,CACjB,AACD,wCACE,yBAA0B,AAC1B,kBAAmB,AACnB,WAAY,AACZ,eAAgB,AAChB,iBAAkB,AAClB,kBAAmB,AACnB,gBAAiB,AACjB,yGAA2H,AAC3H,oGAAsH,AACtH,gGAAmH,CACpH,AACD,iDACE,cAAe,AACf,eAAgB,AAChB,2DAAmE,AACnE,sDAA8D,AAC9D,kDAA2D,CAC5D,AACD,0JAGE,+BAAiC,AACzB,uBAAyB,AACjC,iCAAkC,AAC1B,yBAA0B,AAClC,6BAA8B,AACtB,yBAA0B,AAC9B,qBAAsB,AAC1B,UAAW,AACX,oCAAqC,AAC7B,4BAA6B,AACrC,oEAA2E,AACnE,2DAAmE,CAC5E,AACD,mDACE,UAAW,AACX,kEAA0E,AAClE,yDAAkE,CAC3E,AACD,oMAEE,qCAAsC,AAC9B,6BAA8B,AACtC,4CAA6C,AACrC,mCAAqC,CAC9C,AACD,iGACE,qCAAsC,AAC9B,6BAA8B,AACtC,6CAA8C,AACtC,oCAAsC,CAC/C,AACD,wCACE,GACE,4BAA8B,AACtB,oBAAsB,AAC9B,SAAW,CACZ,AACD,GACE,2BAA4B,AACpB,mBAAoB,AAC5B,SAAW,CACZ,CACF,AACD,gCACE,GACE,4BAA8B,AACtB,oBAAsB,AAC9B,SAAW,CACZ,AACD,GACE,2BAA4B,AACpB,mBAAoB,AAC5B,SAAW,CACZ,CACF,AACD,yCACE,GACE,2BAA4B,AACpB,mBAAoB,AAC5B,SAAW,CACZ,CACF,AACD,iCACE,GACE,2BAA4B,AACpB,mBAAoB,AAC5B,SAAW,CACZ,CACF,AACD,gDACE,cAAe,AACf,eAAgB,AAChB,gBAAkB,AAClB,kBAAmB,AACnB,kBAAmB,AACnB,UAAW,AACX,2BAA4B,AACpB,uBAAwB,AAC5B,mBAAoB,AACxB,MAAO,AACP,UAAW,AACX,6CAAiD,AACjD,qDAAyD,AACzD,wCAA4C,AAC5C,qCAAyC,AACzC,0DAAiE,CAClE,AACD,qDACE,iBAAmB,CACpB,AACD,sDACE,UAAY,CACb,AACD,oBACE,sBAAwB,AACxB,yBAA0B,AAC1B,mCAAsC,AAC9B,2BAA8B,AACtC,kBAAmB,AACnB,8BAA+B,AACvB,sBAAuB,AAC/B,YAAa,AACb,aAAc,AACd,YAAa,AACb,kBAAmB,AACnB,YAAc,CACf,AACD,qDAEE,YAAc,CACf,AACD,yBACE,aAAc,AACd,SAAU,AACV,UAAW,AACX,gBAAiB,AACjB,YAAc,CACf,AAKD,qEACE,SAAU,AACV,SAAW,CACZ,AACD,gEACE,iBAAmB,CACpB,AACD,0CACE,WAAY,AACZ,gBAAiB,AACjB,iBAAkB,AAClB,+BAAiC,CAClC,AACD,gCACE,SAAU,AACV,kBAAmB,AACnB,cAAe,AACf,iBAAkB,AAClB,gBAAoB,AACpB,WAAY,AACZ,kBAAoB,CACrB,AACD,yCACE,WAAY,AACZ,kBAAoB,CACrB,AACD,yCACE,WAAY,AACZ,qBAAuB,CACxB,AACD,uCACE,yBAA0B,AAC1B,WAAa,AACb,cAAgB,CACjB,AACD,wCACE,WAAY,AACZ,aAAc,AACd,gBAAiB,AACjB,yBAA0B,AAC1B,aAAe,CAChB,AACD,uEAEE,+BAAiC,AACzB,uBAAyB,AACjC,iCAAkC,AAC1B,yBAA0B,AAClC,6BAA8B,AACtB,yBAA0B,AAC9B,qBAAsB,AAC1B,UAAW,AACX,8DAAqE,AAC7D,sDAA6D,AACrE,oCAAqC,AAC7B,2BAA6B,CACtC,AACD,mCACE,+BAAiC,AACzB,uBAAyB,AACjC,iCAAkC,AAC1B,yBAA0B,AAClC,6BAA8B,AACtB,yBAA0B,AAC9B,qBAAsB,AAC1B,UAAW,AACX,+DAAuE,AAC/D,uDAA+D,AACvE,oCAAqC,AAC7B,2BAA6B,CACtC,AACD,0OAEE,iDAAkD,AAC1C,yCAA0C,AAClD,qCAAsC,AAC9B,4BAA8B,CACvC,AACD,oHACE,kDAAmD,AAC3C,0CAA2C,AACnD,qCAAsC,AAC9B,4BAA8B,CACvC,AACD,oOAEE,mDAAoD,AAC5C,2CAA4C,AACpD,qCAAsC,AAC9B,4BAA8B,CACvC,AACD,iHACE,oDAAqD,AAC7C,4CAA6C,AACrD,qCAAsC,AAC9B,4BAA8B,CACvC,AACD,6CACE,GACE,UAAW,AACX,6BAAgC,AACxB,qBAAwB,AAChC,4BAA6B,AACrB,mBAAqB,CAC9B,AACD,GACE,UAAW,AACX,6BAAgC,AACxB,qBAAwB,AAChC,4BAA6B,AACrB,mBAAqB,CAC9B,CACF,AACD,qCACE,GACE,UAAW,AACX,6BAAgC,AACxB,qBAAwB,AAChC,4BAA6B,AACrB,mBAAqB,CAC9B,AACD,GACE,UAAW,AACX,6BAAgC,AACxB,qBAAwB,AAChC,4BAA6B,AACrB,mBAAqB,CAC9B,CACF,AACD,8CACE,GACE,UAAW,AACX,6BAAgC,AACxB,qBAAwB,AAChC,4BAA6B,AACrB,mBAAqB,CAC9B,AACD,GACE,UAAW,AACX,6BAAgC,AACxB,qBAAwB,AAChC,4BAA6B,AACrB,mBAAqB,CAC9B,CACF,AACD,sCACE,GACE,UAAW,AACX,6BAAgC,AACxB,qBAAwB,AAChC,4BAA6B,AACrB,mBAAqB,CAC9B,AACD,GACE,UAAW,AACX,6BAAgC,AACxB,qBAAwB,AAChC,4BAA6B,AACrB,mBAAqB,CAC9B,CACF,AACD,+CACE,GACE,UAAW,AACX,gCAAkC,AAC1B,wBAA0B,AAClC,4BAA6B,AACrB,mBAAqB,CAC9B,AACD,GACE,UAAW,AACX,gCAAkC,AAC1B,wBAA0B,AAClC,4BAA6B,AACrB,mBAAqB,CAC9B,CACF,AACD,uCACE,GACE,UAAW,AACX,gCAAkC,AAC1B,wBAA0B,AAClC,4BAA6B,AACrB,mBAAqB,CAC9B,AACD,GACE,UAAW,AACX,gCAAkC,AAC1B,wBAA0B,AAClC,4BAA6B,AACrB,mBAAqB,CAC9B,CACF,AACD,gDACE,GACE,UAAW,AACX,gCAAkC,AAC1B,wBAA0B,AAClC,4BAA6B,AACrB,mBAAqB,CAC9B,AACD,GACE,UAAW,AACX,gCAAkC,AAC1B,wBAA0B,AAClC,4BAA6B,AACrB,mBAAqB,CAC9B,CACF,AACD,wCACE,GACE,UAAW,AACX,gCAAkC,AAC1B,wBAA0B,AAClC,4BAA6B,AACrB,mBAAqB,CAC9B,AACD,GACE,UAAW,AACX,gCAAkC,AAC1B,wBAA0B,AAClC,4BAA6B,AACrB,mBAAqB,CAC9B,CACF,AACD,mCACE,0CAAuD,AACvD,sBAA4B,CAC7B","file":"index.css","sourcesContent":["@-webkit-keyframes select-ring {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n@keyframes select-ring {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n.rc-select {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n display: inline-block;\n position: relative;\n vertical-align: middle;\n color: #666;\n line-height: 28px;\n}\n.rc-select ul,\n.rc-select li {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n.rc-select > ul > li > a {\n padding: 0;\n background-color: #fff;\n}\n.rc-select-arrow {\n height: 26px;\n position: absolute;\n top: 1px;\n right: 1px;\n width: 20px;\n outline: none;\n}\n.rc-select-arrow .rc-select-arrow-loading {\n display: inline-block;\n width: 18px;\n height: 18px;\n margin-top: 6px;\n margin-left: -4px;\n}\n.rc-select-arrow .rc-select-arrow-loading:after {\n content: ' ';\n display: block;\n width: 12px;\n height: 12px;\n margin: 2px;\n border-radius: 50%;\n border: 2px solid #999999;\n border-color: #999999 transparent #999999 transparent;\n -webkit-animation: select-ring 1.2s linear infinite;\n animation: select-ring 1.2s linear infinite;\n}\n.rc-select-arrow .rc-select-arrow-icon {\n border-color: #999999 transparent transparent transparent;\n border-style: solid;\n border-width: 5px 4px 0 4px;\n height: 0;\n width: 0;\n margin-left: -4px;\n margin-top: -2px;\n position: absolute;\n top: 50%;\n left: 50%;\n}\n.rc-select-selection {\n outline: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-user-select: none;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n display: block;\n background-color: #fff;\n border-radius: 6px;\n border: 1px solid #d9d9d9;\n}\n.rc-select-selection__placeholder {\n position: absolute;\n top: 0;\n color: #aaa;\n}\n.rc-select-selection__clear {\n font-weight: bold;\n position: absolute;\n line-height: 28px;\n}\n.rc-select-selection__clear-icon {\n font-style: normal;\n}\n.rc-select-focused .rc-select-selection {\n border-color: #23c0fa;\n -webkit-box-shadow: 0 0 2px rgba(45, 183, 245, 0.8);\n box-shadow: 0 0 2px rgba(45, 183, 245, 0.8);\n}\n.rc-select-enabled .rc-select-selection:hover {\n border-color: #23c0fa;\n -webkit-box-shadow: 0 0 2px rgba(45, 183, 245, 0.8);\n box-shadow: 0 0 2px rgba(45, 183, 245, 0.8);\n}\n.rc-select-enabled .rc-select-selection:active {\n border-color: #2db7f5;\n}\n.rc-select-selection--single {\n height: 28px;\n line-height: 28px;\n cursor: pointer;\n position: relative;\n}\n.rc-select-selection--single .rc-select-selection-selected-value {\n pointer-events: none;\n position: absolute;\n left: 0;\n top: 0;\n}\n.rc-select-selection--single .rc-select-selection__rendered {\n height: 28px;\n position: relative;\n display: block;\n overflow: hidden;\n white-space: nowrap;\n -o-text-overflow: ellipsis;\n text-overflow: ellipsis;\n margin-left: 10px;\n line-height: 28px;\n}\n.rc-select-selection--single .rc-select-selection__clear {\n top: 0;\n right: 20px;\n}\n.rc-select-disabled {\n color: #ccc;\n cursor: not-allowed;\n}\n.rc-select-disabled .rc-select-selection--single,\n.rc-select-disabled .rc-select-selection__choice__remove {\n cursor: not-allowed;\n color: #ccc;\n}\n.rc-select-disabled .rc-select-selection--single:hover,\n.rc-select-disabled .rc-select-selection__choice__remove:hover {\n cursor: not-allowed;\n color: #ccc;\n}\n.rc-select-search__field__wrap {\n display: inline-block;\n}\n.rc-select-search__field__placeholder {\n position: absolute;\n top: 0;\n left: 3px;\n color: #aaa;\n}\n.rc-select-search--inline {\n width: 100%;\n}\n.rc-select-search--inline .rc-select-search__field__wrap {\n width: 100%;\n}\n.rc-select-search--inline .rc-select-search__field {\n border: none;\n font-size: 100%;\n background: transparent;\n outline: 0;\n width: 100%;\n}\n.rc-select-search--inline .rc-select-search__field::-ms-clear {\n display: none;\n}\n.rc-select-search--inline .rc-select-search__field__mirror {\n position: absolute;\n top: -999px;\n left: 0;\n white-space: pre;\n}\n.rc-select-search--inline > i {\n float: right;\n}\n.rc-select-enabled.rc-select-selection--multiple {\n cursor: text;\n}\n.rc-select-selection--multiple {\n min-height: 28px;\n}\n.rc-select-selection--multiple .rc-select-search--inline {\n float: left;\n width: auto;\n}\n.rc-select-selection--multiple .rc-select-search--inline .rc-select-search__field {\n width: 0.75em;\n}\n.rc-select-selection--multiple .rc-select-search--inline .rc-select-search__field__wrap {\n width: auto;\n}\n.rc-select-selection--multiple .rc-select-search__field__placeholder {\n top: 5px;\n left: 8px;\n}\n.rc-select-selection--multiple .rc-select-selection__rendered {\n position: relative;\n overflow: hidden;\n -o-text-overflow: ellipsis;\n text-overflow: ellipsis;\n margin-left: 8px;\n padding-bottom: 2px;\n}\n.rc-select-selection--multiple .rc-select-selection__rendered .rc-select-selection__choice {\n margin-top: 4px;\n line-height: 20px;\n}\n.rc-select-selection--multiple .rc-select-selection__clear {\n top: 1px;\n right: 8px;\n}\n.rc-select-enabled .rc-select-selection__choice {\n cursor: default;\n}\n.rc-select-enabled .rc-select-selection__choice:hover .rc-select-selection__choice__remove {\n opacity: 1;\n -webkit-transform: scale(1);\n -ms-transform: scale(1);\n transform: scale(1);\n}\n.rc-select-enabled .rc-select-selection__choice:hover .rc-select-selection__choice__content {\n margin-left: -8px;\n margin-right: 8px;\n}\n.rc-select-enabled .rc-select-selection__choice__disabled {\n cursor: not-allowed;\n}\n.rc-select-enabled .rc-select-selection__choice__disabled:hover .rc-select-selection__choice__content {\n margin-left: 0;\n margin-right: 0;\n}\n.rc-select .rc-select-selection__choice {\n background-color: #f3f3f3;\n border-radius: 4px;\n float: left;\n padding: 0 15px;\n margin-right: 4px;\n position: relative;\n overflow: hidden;\n -webkit-transition: padding 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045), width 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045);\n -o-transition: padding 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045), width 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045);\n transition: padding 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045), width 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045);\n}\n.rc-select .rc-select-selection__choice__content {\n margin-left: 0;\n margin-right: 0;\n -webkit-transition: margin 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);\n -o-transition: margin 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);\n transition: margin 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n.rc-select .rc-select-selection__choice-zoom-enter,\n.rc-select .rc-select-selection__choice-zoom-appear,\n.rc-select .rc-select-selection__choice-zoom-leave {\n -webkit-animation-duration: 0.3s;\n animation-duration: 0.3s;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n -webkit-transform-origin: 0 0;\n -ms-transform-origin: 0 0;\n transform-origin: 0 0;\n opacity: 0;\n -webkit-animation-play-state: paused;\n animation-play-state: paused;\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n.rc-select .rc-select-selection__choice-zoom-leave {\n opacity: 1;\n -webkit-animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);\n animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);\n}\n.rc-select .rc-select-selection__choice-zoom-enter.rc-select-selection__choice-zoom-enter-active,\n.rc-select .rc-select-selection__choice-zoom-appear.rc-select-selection__choice-zoom-appear-active {\n -webkit-animation-play-state: running;\n animation-play-state: running;\n -webkit-animation-name: rcSelectChoiceZoomIn;\n animation-name: rcSelectChoiceZoomIn;\n}\n.rc-select .rc-select-selection__choice-zoom-leave.rc-select-selection__choice-zoom-leave-active {\n -webkit-animation-play-state: running;\n animation-play-state: running;\n -webkit-animation-name: rcSelectChoiceZoomOut;\n animation-name: rcSelectChoiceZoomOut;\n}\n@-webkit-keyframes rcSelectChoiceZoomIn {\n 0% {\n -webkit-transform: scale(0.6);\n transform: scale(0.6);\n opacity: 0;\n }\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1);\n opacity: 1;\n }\n}\n@keyframes rcSelectChoiceZoomIn {\n 0% {\n -webkit-transform: scale(0.6);\n transform: scale(0.6);\n opacity: 0;\n }\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1);\n opacity: 1;\n }\n}\n@-webkit-keyframes rcSelectChoiceZoomOut {\n to {\n -webkit-transform: scale(0);\n transform: scale(0);\n opacity: 0;\n }\n}\n@keyframes rcSelectChoiceZoomOut {\n to {\n -webkit-transform: scale(0);\n transform: scale(0);\n opacity: 0;\n }\n}\n.rc-select .rc-select-selection__choice__remove {\n color: #919191;\n cursor: pointer;\n font-weight: bold;\n padding: 0 0 0 8px;\n position: absolute;\n opacity: 0;\n -webkit-transform: scale(0);\n -ms-transform: scale(0);\n transform: scale(0);\n top: 0;\n right: 2px;\n transition: opacity 0.3s, -webkit-transform 0.3s;\n -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;\n -o-transition: opacity 0.3s, transform 0.3s;\n transition: opacity 0.3s, transform 0.3s;\n transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;\n}\n.rc-select .rc-select-selection__choice__remove-icon {\n font-style: normal;\n}\n.rc-select .rc-select-selection__choice__remove:hover {\n color: #333;\n}\n.rc-select-dropdown {\n background-color: white;\n border: 1px solid #d9d9d9;\n -webkit-box-shadow: 0 0px 4px #d9d9d9;\n box-shadow: 0 0px 4px #d9d9d9;\n border-radius: 4px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n z-index: 100;\n left: -9999px;\n top: -9999px;\n position: absolute;\n outline: none;\n}\n.rc-select-dropdown:empty,\n.rc-select-dropdown-hidden {\n display: none;\n}\n.rc-select-dropdown-menu {\n outline: none;\n margin: 0;\n padding: 0;\n list-style: none;\n z-index: 9999;\n}\n.rc-select-dropdown-menu > li {\n margin: 0;\n padding: 0;\n}\n.rc-select-dropdown-menu-item-group-list {\n margin: 0;\n padding: 0;\n}\n.rc-select-dropdown-menu-item-group-list > li.rc-select-menu-item {\n padding-left: 20px;\n}\n.rc-select-dropdown-menu-item-group-title {\n color: #999;\n line-height: 1.5;\n padding: 8px 10px;\n border-bottom: 1px solid #dedede;\n}\nli.rc-select-dropdown-menu-item {\n margin: 0;\n position: relative;\n display: block;\n padding: 7px 10px;\n font-weight: normal;\n color: #666;\n white-space: nowrap;\n}\nli.rc-select-dropdown-menu-item-disabled {\n color: #ccc;\n cursor: not-allowed;\n}\nli.rc-select-dropdown-menu-item-selected {\n color: #666;\n background-color: #ddd;\n}\nli.rc-select-dropdown-menu-item-active {\n background-color: #5897fb;\n color: white;\n cursor: pointer;\n}\nli.rc-select-dropdown-menu-item-divider {\n height: 1px;\n margin: 1px 0;\n overflow: hidden;\n background-color: #e5e5e5;\n line-height: 0;\n}\n.rc-select-dropdown-slide-up-enter,\n.rc-select-dropdown-slide-up-appear {\n -webkit-animation-duration: 0.3s;\n animation-duration: 0.3s;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n -webkit-transform-origin: 0 0;\n -ms-transform-origin: 0 0;\n transform-origin: 0 0;\n opacity: 0;\n -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n -webkit-animation-play-state: paused;\n animation-play-state: paused;\n}\n.rc-select-dropdown-slide-up-leave {\n -webkit-animation-duration: 0.3s;\n animation-duration: 0.3s;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n -webkit-transform-origin: 0 0;\n -ms-transform-origin: 0 0;\n transform-origin: 0 0;\n opacity: 1;\n -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);\n animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);\n -webkit-animation-play-state: paused;\n animation-play-state: paused;\n}\n.rc-select-dropdown-slide-up-enter.rc-select-dropdown-slide-up-enter-active.rc-select-dropdown-placement-bottomLeft,\n.rc-select-dropdown-slide-up-appear.rc-select-dropdown-slide-up-appear-active.rc-select-dropdown-placement-bottomLeft {\n -webkit-animation-name: rcSelectDropdownSlideUpIn;\n animation-name: rcSelectDropdownSlideUpIn;\n -webkit-animation-play-state: running;\n animation-play-state: running;\n}\n.rc-select-dropdown-slide-up-leave.rc-select-dropdown-slide-up-leave-active.rc-select-dropdown-placement-bottomLeft {\n -webkit-animation-name: rcSelectDropdownSlideUpOut;\n animation-name: rcSelectDropdownSlideUpOut;\n -webkit-animation-play-state: running;\n animation-play-state: running;\n}\n.rc-select-dropdown-slide-up-enter.rc-select-dropdown-slide-up-enter-active.rc-select-dropdown-placement-topLeft,\n.rc-select-dropdown-slide-up-appear.rc-select-dropdown-slide-up-appear-active.rc-select-dropdown-placement-topLeft {\n -webkit-animation-name: rcSelectDropdownSlideDownIn;\n animation-name: rcSelectDropdownSlideDownIn;\n -webkit-animation-play-state: running;\n animation-play-state: running;\n}\n.rc-select-dropdown-slide-up-leave.rc-select-dropdown-slide-up-leave-active.rc-select-dropdown-placement-topLeft {\n -webkit-animation-name: rcSelectDropdownSlideDownOut;\n animation-name: rcSelectDropdownSlideDownOut;\n -webkit-animation-play-state: running;\n animation-play-state: running;\n}\n@-webkit-keyframes rcSelectDropdownSlideUpIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(0);\n transform: scaleY(0);\n }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1);\n }\n}\n@keyframes rcSelectDropdownSlideUpIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(0);\n transform: scaleY(0);\n }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1);\n }\n}\n@-webkit-keyframes rcSelectDropdownSlideUpOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1);\n }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(0);\n transform: scaleY(0);\n }\n}\n@keyframes rcSelectDropdownSlideUpOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1);\n }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 0% 0%;\n transform-origin: 0% 0%;\n -webkit-transform: scaleY(0);\n transform: scaleY(0);\n }\n}\n@-webkit-keyframes rcSelectDropdownSlideDownIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 0% 100%;\n transform-origin: 0% 100%;\n -webkit-transform: scaleY(0);\n transform: scaleY(0);\n }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 0% 100%;\n transform-origin: 0% 100%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1);\n }\n}\n@keyframes rcSelectDropdownSlideDownIn {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 0% 100%;\n transform-origin: 0% 100%;\n -webkit-transform: scaleY(0);\n transform: scaleY(0);\n }\n 100% {\n opacity: 1;\n -webkit-transform-origin: 0% 100%;\n transform-origin: 0% 100%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1);\n }\n}\n@-webkit-keyframes rcSelectDropdownSlideDownOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 0% 100%;\n transform-origin: 0% 100%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1);\n }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 0% 100%;\n transform-origin: 0% 100%;\n -webkit-transform: scaleY(0);\n transform: scaleY(0);\n }\n}\n@keyframes rcSelectDropdownSlideDownOut {\n 0% {\n opacity: 1;\n -webkit-transform-origin: 0% 100%;\n transform-origin: 0% 100%;\n -webkit-transform: scaleY(1);\n transform: scaleY(1);\n }\n 100% {\n opacity: 0;\n -webkit-transform-origin: 0% 100%;\n transform-origin: 0% 100%;\n -webkit-transform: scaleY(0);\n transform: scaleY(0);\n }\n}\n.rc-select-open .rc-select-arrow b {\n border-color: transparent transparent #888 transparent;\n border-width: 0 4px 5px 4px;\n}\n"],"sourceRoot":""}]);
|
|
|
|
|
|
// exports
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 4453:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
// style-loader: Adds some css to the DOM by adding a <style> tag
|
|
|
|
|
|
// load the styles
|
|
|
var content = __webpack_require__(4454);
|
|
|
if(typeof content === 'string') content = [[module.i, content, '']];
|
|
|
// Prepare cssTransformation
|
|
|
var transform;
|
|
|
|
|
|
var options = {"hmr":false}
|
|
|
options.transform = transform
|
|
|
// add the styles to the DOM
|
|
|
var update = __webpack_require__(291)(content, options);
|
|
|
if(content.locals) module.exports = content.locals;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 4454:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
exports = module.exports = __webpack_require__(290)(true);
|
|
|
// imports
|
|
|
|
|
|
|
|
|
// module
|
|
|
exports.push([module.i, "._forum_tab{padding-bottom:26px}.discuss-tab{height:90px}.discuss-tab ._forum_tab a.navItem{line-height:2}.discuss-tab ._forum_tab a.navItem:hover{color:#4cacff!important;border-bottom:none!important}.discuss-tab ._forum_tab a.navItem.active{border-bottom:none!important;border:1px solid #4cacff!important;color:#4cacff!important;border-radius:24px}.discuss-tab a.returnBtnA:hover{border-bottom:none!important}#forum_list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.rc-pagination{padding:30px 20px;background:#fafafa;margin:0 auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.ec-pagination .rc-pagination-item{border-radius:2px;width:30px;height:32px;line-height:32px}.ec-pagination a{outline:none}.ec-pagination .rc-pagination-jump-next{height:32px;line-height:32px}.ec-pagination .rc-pagination-item:hover{border:1px solid #4cacff;color:#4cacff}.ec-pagination .rc-pagination-item-active{background-color:#4cacff}.ec-pagination .rc-pagination-next,.ec-pagination .rc-pagination-prev{display:none}.ec-pagination .rc-pagination-options-quick-jumper input{height:32px;border-radius:2px}.ec-pagination .rc-pagination-options-quick-jumper{height:34px;line-height:34px;margin-left:0}", "", {"version":3,"sources":["/Users/alec/educoder/public/react/src/modules/forums/ForumsIndex.css"],"names":[],"mappings":"AACA,YACC,mBAAqB,CACrB,AACD,aACC,WAAa,CACb,AACG,mCACI,aAAe,CAClB,AACJ,yCACC,wBAA0B,AAC1B,4BAA+B,CAC/B,AACD,0CACC,6BAA+B,AAC/B,mCAAqC,AACrC,wBAA0B,AAC1B,kBAAmB,CACnB,AACD,gCACC,4BAA8B,CAC9B,AAGF,YACC,oBAAqB,AACrB,aAAc,AACX,0BAA2B,AACvB,qBAAuB,CAC9B,AAID,eACC,kBAAmB,AAChB,mBAAoB,AACpB,cAAe,AACf,0BAA2B,AAC3B,uBAAwB,AACxB,iBAAmB,CAEtB,AAGD,mCACI,kBAAmB,AACnB,WAAY,AACZ,YAAa,AACb,gBAAkB,CACrB,AACD,iBAAiB,YAAc,CAAC,AAChC,wCACI,YAAa,AACb,gBAAkB,CACrB,AACD,yCACI,yBAA0B,AAC1B,aAAe,CAClB,AACD,0CACI,wBAA0B,CAC7B,AACD,sEAAuE,YAAa,CAAC,AACrF,yDACI,YAAa,AACb,iBAAmB,CACtB,AACD,mDACI,YAAa,AACb,iBAAkB,AAClB,aAAiB,CACpB","file":"ForumsIndex.css","sourcesContent":["/*Nav START*/\r\n._forum_tab {\r\n\tpadding-bottom: 26px;\r\n}\r\n.discuss-tab {\r\n\theight: 90px;\r\n}\t\r\n .discuss-tab ._forum_tab a.navItem {\r\n line-height: 2;\r\n }\r\n\t.discuss-tab ._forum_tab a.navItem:hover {\r\n\t\tcolor: #4CACFF !important;\r\n\t\tborder-bottom: none !important;\r\n\t}\r\n\t.discuss-tab ._forum_tab a.navItem.active {\r\n\t\tborder-bottom: none !important;\r\n\t\tborder: 1px solid #4CACFF !important;\r\n\t\tcolor: #4CACFF !important;\r\n\t\tborder-radius:24px;\r\n\t}\r\n\t.discuss-tab a.returnBtnA:hover {\r\n\t\tborder-bottom: none!important;\r\n\t}\r\n/*Nav END*/\r\n\r\n#forum_list {\r\n\tdisplay: -ms-flexbox;\r\n\tdisplay: flex;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n}\r\n\r\n\r\n\r\n.rc-pagination {\r\n\tpadding: 30px 20px;\r\n background: #FAFAFA;\r\n margin: 0 auto;\r\n width: -webkit-fit-content;\r\n width: -moz-fit-content;\r\n width: fit-content;\r\n\r\n}\r\n\r\n /*分页*/\r\n.ec-pagination .rc-pagination-item{\r\n border-radius: 2px;\r\n width: 30px;\r\n height: 32px;\r\n line-height: 32px;\r\n}\r\n.ec-pagination a{outline: none;}\r\n.ec-pagination .rc-pagination-jump-next{\r\n height: 32px;\r\n line-height: 32px;\r\n}\r\n.ec-pagination .rc-pagination-item:hover{\r\n border: 1px solid #4cacff;\r\n color: #4cacff;\r\n}\r\n.ec-pagination .rc-pagination-item-active{\r\n background-color: #4CACFF;\r\n}\r\n.ec-pagination .rc-pagination-prev, .ec-pagination .rc-pagination-next{display: none}\r\n.ec-pagination .rc-pagination-options-quick-jumper input{\r\n height: 32px;\r\n border-radius: 2px;\r\n}\r\n.ec-pagination .rc-pagination-options-quick-jumper{\r\n height: 34px;\r\n line-height: 34px;\r\n margin-left: 0px;\r\n}"],"sourceRoot":""}]);
|
|
|
|
|
|
// exports
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 786:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react_router__ = __webpack_require__(57);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react_router_dom__ = __webpack_require__(45);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prop_types__ = __webpack_require__(1);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_prop_types__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__Loading__ = __webpack_require__(315);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_react_loadable__ = __webpack_require__(316);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_react_loadable___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_react_loadable__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_classnames__ = __webpack_require__(3);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_classnames__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__MemoTechShare__ = __webpack_require__(4437);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__MemoDetail__ = __webpack_require__(4438);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__MemoNew__ = __webpack_require__(3382);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__MemoMyPublish__ = __webpack_require__(4440);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__shixun_MemoShixun__ = __webpack_require__(4441);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__tpm_TPMIndexHOC__ = __webpack_require__(317);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__RightMyPublish__ = __webpack_require__(4444);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_14__UserSection__ = __webpack_require__(4446);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_15__RightHotLabel__ = __webpack_require__(4447);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_16__RightHotQuestion__ = __webpack_require__(4448);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_17__RightMemoLabel__ = __webpack_require__(4449);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_18__RecommendShixun__ = __webpack_require__(4450);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_19__ForumsNavTab__ = __webpack_require__(2840);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_20_axios__ = __webpack_require__(12);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_20_axios___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_20_axios__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_21_rc_select_assets_index_css__ = __webpack_require__(4451);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_21_rc_select_assets_index_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_21_rc_select_assets_index_css__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_22__ForumsIndex_css__ = __webpack_require__(4453);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_22__ForumsIndex_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_22__ForumsIndex_css__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_23__RightSection_css__ = __webpack_require__(1634);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_23__RightSection_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_23__RightSection_css__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_24_educoder__ = __webpack_require__(5);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_25__courses_common_CNotificationHOC__ = __webpack_require__(325);
|
|
|
var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return call&&(typeof call==="object"||typeof call==="function")?call:self;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass;}// import MemoGuide from './MemoGuide'
|
|
|
// import MemoNewest from './MemoNewest'
|
|
|
// import MemoHottest from './MemoHottest'
|
|
|
var _url_origin=Object(__WEBPACK_IMPORTED_MODULE_24_educoder__["R" /* getUrl */])();var $=window.$;$('head').append($('<link rel="stylesheet" type="text/css" />').attr('href',_url_origin+'/stylesheets/css/edu-admin.css?1525440977'));$('head').append($('<link rel="stylesheet" type="text/css" />').attr('href',_url_origin+'/stylesheets/css/edu-forum.css?1525440977'));$('head').append($('<link rel="stylesheet" type="text/css" />').attr('href',_url_origin+'/stylesheets/educoder/magic-check.css?1525440977'));setTimeout(function(){// 附件上传滚动条 \public\stylesheets\jquery\jquery-ui-1.9.2.css
|
|
|
$('head').append($('<link rel="stylesheet" type="text/css" />').attr('href',_url_origin+'/stylesheets/jquery/jquery-ui-1.9.2.css'));},1000);var ForumsIndex=function(_Component){_inherits(ForumsIndex,_Component);function ForumsIndex(props){_classCallCheck(this,ForumsIndex);var _this=_possibleConstructorReturn(this,(ForumsIndex.__proto__||Object.getPrototypeOf(ForumsIndex)).call(this,props));_this.setSearchValue=function(searchValue,enterKeyFlag){if(enterKeyFlag===true){_this.setState({selectedHotLabelIndex:-1});}_this.setState({searchValue:searchValue,showSearchValue:enterKeyFlag&&searchValue?true:false,enterKeyFlag:enterKeyFlag===true?!_this.state.enterKeyFlag:_this.state.enterKeyFlag});};_this.setHotLabelIndex=function(index,callback){var newState={selectedHotLabelIndex:index};if(index!=-1){newState.searchValue='';newState.showSearchValue=false;}_this.setState(Object.assign({},newState),callback);};_this.state={searchValue:'',enterKeyFlag:false,showSearchValue:false,selectedHotLabelIndex:-1};return _this;}_createClass(ForumsIndex,[{key:'initForumState',value:function initForumState(data){this.setState(Object.assign({},data));}},{key:'componentDidMount',value:function componentDidMount(){window.document.title='交流问答';}},{key:'componentWillReceiveProps',value:function componentWillReceiveProps(newProps,newContext){}},{key:'render',value:function render(){var _this2=this;var _props=this.props,match=_props.match,history=_props.history,resLoading=_props.resLoading;var memo=this.state.memo;var techSharePath=match.path+'/categories/:memoType';var guidePath=match.path+'/categories/:memoType';var hottestPath=match.path+'/categories/:memoType';// ?order=hottest
|
|
|
var newestPath=match.path+'/categories/:memoType';// ?order=newest
|
|
|
var shixunDiscussPath='/forums/categories/shixun_discuss';var locationPath=history.location.pathname;var isWidth100=locationPath.indexOf('forums/new')!==-1||locationPath.indexOf('/edit')!==-1?true:false;var pathArray=locationPath.split('/');var isMemoDetail=!isWidth100&&pathArray.length===3&&!isNaN(parseInt(pathArray[2]))?true:false;var isGuide=locationPath.indexOf('/forums/categories/3')!==-1;return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:'newMain clearfix'},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:'educontent mt30 clearfix'},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:__WEBPACK_IMPORTED_MODULE_6_classnames___default()('fl',{with75:!isWidth100},{width100:isWidth100})},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_2_react_router_dom__["e" /* Switch */],null,__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_2_react_router_dom__["d" /* Route */],{path:'/forums/categories/my_published',render:function render(props){return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_10__MemoMyPublish__["a" /* default */],Object.assign({},_this2.props,_this2.state,props,{initForumState:function initForumState(data){return _this2.initForumState(data);},setSearchValue:_this2.setSearchValue,setHotLabelIndex:_this2.setHotLabelIndex}));}}),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_2_react_router_dom__["d" /* Route */],{path:''+shixunDiscussPath,render:function render(props){return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_11__shixun_MemoShixun__["a" /* default */],Object.assign({},_this2.props,_this2.state,props,{initForumState:function initForumState(data){return _this2.initForumState(data);},setSearchValue:_this2.setSearchValue,setHotLabelIndex:_this2.setHotLabelIndex}));}}),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_2_react_router_dom__["d" /* Route */],{path:''+techSharePath,render:function render(props){return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_7__MemoTechShare__["a" /* default */],Object.assign({},_this2.props,_this2.state,props,{initForumState:function initForumState(data){return _this2.initForumState(data);},setSearchValue:_this2.setSearchValue,setHotLabelIndex:_this2.setHotLabelIndex}));}}),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_2_react_router_dom__["d" /* Route */],{path:'/forums/new',render:function render(props){return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_9__MemoNew__["a" /* default */],Object.assign({},_this2.props,_this2.state,props,{initForumState:function initForumState(data){return _this2.initForumState(data);}}));}}),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_2_react_router_dom__["d" /* Route */],{path:'/forums/:memoId/edit',render:function render(props){return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_9__MemoNew__["a" /* default */],Object.assign({},_this2.props,_this2.state,props,{initForumState:function initForumState(data){return _this2.initForumState(data);}}));}}),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_2_react_router_dom__["d" /* Route */],{path:match.path+'/:memoId',render:function render(props){return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_8__MemoDetail__["a" /* default */],Object.assign({},_this2.props,_this2.state,props,{initForumState:function initForumState(data){return _this2.initForumState(data);}}));}}),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_1_react_router__["a" /* Redirect */],{from:''+match.url,to:'/forums/categories/all?order=newest'}))),!isWidth100&&__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:'with25 fl'},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:'ml20'},isMemoDetail?__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_0_react___default.a.Fragment,null,__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_14__UserSection__["a" /* default */],Object.assign({},this.props,this.state,{initForumState:function initForumState(data){return _this2.initForumState(data);}})),memo&&memo.tag&&__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_17__RightMemoLabel__["a" /* default */],Object.assign({},this.props,this.state)),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_18__RecommendShixun__["a" /* default */],Object.assign({},this.props,this.state))):__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_0_react___default.a.Fragment,null,__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_13__RightMyPublish__["a" /* default */],Object.assign({},this.props,this.state,{setSearchValue:this.setSearchValue})),!isGuide&&__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_15__RightHotLabel__["a" /* default */],Object.assign({},this.props,this.state)),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_16__RightHotQuestion__["a" /* default */],Object.assign({},this.props,this.state)),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_18__RecommendShixun__["a" /* default */],Object.assign({},this.props,this.state)))))));}}]);return ForumsIndex;}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);/* harmony default export */ __webpack_exports__["default"] = (Object(__WEBPACK_IMPORTED_MODULE_25__courses_common_CNotificationHOC__["a" /* CNotificationHOC */])()(Object(__WEBPACK_IMPORTED_MODULE_24_educoder__["w" /* SnackbarHOC */])()(Object(__WEBPACK_IMPORTED_MODULE_12__tpm_TPMIndexHOC__["a" /* TPMIndexHOC */])(ForumsIndex))));/*
|
|
|
:
|
|
|
列表所有:
|
|
|
http://localhost:3000/forums/categories/all
|
|
|
:
|
|
|
详情:
|
|
|
:
|
|
|
http://localhost:3000/forums/5
|
|
|
:
|
|
|
http://localhost:3000/forums/new
|
|
|
:
|
|
|
http://localhost:3000/forums/categories/my_published
|
|
|
*/
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 815:
|
|
|
/***/ (function(module, exports) {
|
|
|
|
|
|
/**
|
|
|
* Checks if `value` is classified as an `Array` object.
|
|
|
*
|
|
|
* @static
|
|
|
* @memberOf _
|
|
|
* @since 0.1.0
|
|
|
* @category Lang
|
|
|
* @param {*} value The value to check.
|
|
|
* @returns {boolean} Returns `true` if `value` is an array, else `false`.
|
|
|
* @example
|
|
|
*
|
|
|
* _.isArray([1, 2, 3]);
|
|
|
* // => true
|
|
|
*
|
|
|
* _.isArray(document.body.children);
|
|
|
* // => false
|
|
|
*
|
|
|
* _.isArray('abc');
|
|
|
* // => false
|
|
|
*
|
|
|
* _.isArray(_.noop);
|
|
|
* // => false
|
|
|
*/
|
|
|
var isArray = Array.isArray;
|
|
|
|
|
|
module.exports = isArray;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 816:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var baseIsNative = __webpack_require__(871),
|
|
|
getValue = __webpack_require__(874);
|
|
|
|
|
|
/**
|
|
|
* Gets the native function at `key` of `object`.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {Object} object The object to query.
|
|
|
* @param {string} key The key of the method to get.
|
|
|
* @returns {*} Returns the function if it's native, else `undefined`.
|
|
|
*/
|
|
|
function getNative(object, key) {
|
|
|
var value = getValue(object, key);
|
|
|
return baseIsNative(value) ? value : undefined;
|
|
|
}
|
|
|
|
|
|
module.exports = getNative;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 817:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var eq = __webpack_require__(820);
|
|
|
|
|
|
/**
|
|
|
* Gets the index at which the `key` is found in `array` of key-value pairs.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {Array} array The array to inspect.
|
|
|
* @param {*} key The key to search for.
|
|
|
* @returns {number} Returns the index of the matched value, else `-1`.
|
|
|
*/
|
|
|
function assocIndexOf(array, key) {
|
|
|
var length = array.length;
|
|
|
while (length--) {
|
|
|
if (eq(array[length][0], key)) {
|
|
|
return length;
|
|
|
}
|
|
|
}
|
|
|
return -1;
|
|
|
}
|
|
|
|
|
|
module.exports = assocIndexOf;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 818:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var getNative = __webpack_require__(816);
|
|
|
|
|
|
/* Built-in method references that are verified to be native. */
|
|
|
var nativeCreate = getNative(Object, 'create');
|
|
|
|
|
|
module.exports = nativeCreate;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 819:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var isKeyable = __webpack_require__(883);
|
|
|
|
|
|
/**
|
|
|
* Gets the data for `map`.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {Object} map The map to query.
|
|
|
* @param {string} key The reference key.
|
|
|
* @returns {*} Returns the map data.
|
|
|
*/
|
|
|
function getMapData(map, key) {
|
|
|
var data = map.__data__;
|
|
|
return isKeyable(key)
|
|
|
? data[typeof key == 'string' ? 'string' : 'hash']
|
|
|
: data.map;
|
|
|
}
|
|
|
|
|
|
module.exports = getMapData;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 820:
|
|
|
/***/ (function(module, exports) {
|
|
|
|
|
|
/**
|
|
|
* Performs a
|
|
|
* [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)
|
|
|
* comparison between two values to determine if they are equivalent.
|
|
|
*
|
|
|
* @static
|
|
|
* @memberOf _
|
|
|
* @since 4.0.0
|
|
|
* @category Lang
|
|
|
* @param {*} value The value to compare.
|
|
|
* @param {*} other The other value to compare.
|
|
|
* @returns {boolean} Returns `true` if the values are equivalent, else `false`.
|
|
|
* @example
|
|
|
*
|
|
|
* var object = { 'a': 1 };
|
|
|
* var other = { 'a': 1 };
|
|
|
*
|
|
|
* _.eq(object, object);
|
|
|
* // => true
|
|
|
*
|
|
|
* _.eq(object, other);
|
|
|
* // => false
|
|
|
*
|
|
|
* _.eq('a', 'a');
|
|
|
* // => true
|
|
|
*
|
|
|
* _.eq('a', Object('a'));
|
|
|
* // => false
|
|
|
*
|
|
|
* _.eq(NaN, NaN);
|
|
|
* // => true
|
|
|
*/
|
|
|
function eq(value, other) {
|
|
|
return value === other || (value !== value && other !== other);
|
|
|
}
|
|
|
|
|
|
module.exports = eq;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 821:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var isSymbol = __webpack_require__(299);
|
|
|
|
|
|
/** Used as references for various `Number` constants. */
|
|
|
var INFINITY = 1 / 0;
|
|
|
|
|
|
/**
|
|
|
* Converts `value` to a string key if it's not a string or symbol.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {*} value The value to inspect.
|
|
|
* @returns {string|symbol} Returns the key.
|
|
|
*/
|
|
|
function toKey(value) {
|
|
|
if (typeof value == 'string' || isSymbol(value)) {
|
|
|
return value;
|
|
|
}
|
|
|
var result = (value + '');
|
|
|
return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result;
|
|
|
}
|
|
|
|
|
|
module.exports = toKey;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 822:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var listCacheClear = __webpack_require__(866),
|
|
|
listCacheDelete = __webpack_require__(867),
|
|
|
listCacheGet = __webpack_require__(868),
|
|
|
listCacheHas = __webpack_require__(869),
|
|
|
listCacheSet = __webpack_require__(870);
|
|
|
|
|
|
/**
|
|
|
* Creates an list cache object.
|
|
|
*
|
|
|
* @private
|
|
|
* @constructor
|
|
|
* @param {Array} [entries] The key-value pairs to cache.
|
|
|
*/
|
|
|
function ListCache(entries) {
|
|
|
var index = -1,
|
|
|
length = entries == null ? 0 : entries.length;
|
|
|
|
|
|
this.clear();
|
|
|
while (++index < length) {
|
|
|
var entry = entries[index];
|
|
|
this.set(entry[0], entry[1]);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
// Add methods to `ListCache`.
|
|
|
ListCache.prototype.clear = listCacheClear;
|
|
|
ListCache.prototype['delete'] = listCacheDelete;
|
|
|
ListCache.prototype.get = listCacheGet;
|
|
|
ListCache.prototype.has = listCacheHas;
|
|
|
ListCache.prototype.set = listCacheSet;
|
|
|
|
|
|
module.exports = ListCache;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 825:
|
|
|
/***/ (function(module, exports) {
|
|
|
|
|
|
/** Used as references for various `Number` constants. */
|
|
|
var MAX_SAFE_INTEGER = 9007199254740991;
|
|
|
|
|
|
/** Used to detect unsigned integer values. */
|
|
|
var reIsUint = /^(?:0|[1-9]\d*)$/;
|
|
|
|
|
|
/**
|
|
|
* Checks if `value` is a valid array-like index.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {*} value The value to check.
|
|
|
* @param {number} [length=MAX_SAFE_INTEGER] The upper bounds of a valid index.
|
|
|
* @returns {boolean} Returns `true` if `value` is a valid index, else `false`.
|
|
|
*/
|
|
|
function isIndex(value, length) {
|
|
|
var type = typeof value;
|
|
|
length = length == null ? MAX_SAFE_INTEGER : length;
|
|
|
|
|
|
return !!length &&
|
|
|
(type == 'number' ||
|
|
|
(type != 'symbol' && reIsUint.test(value))) &&
|
|
|
(value > -1 && value % 1 == 0 && value < length);
|
|
|
}
|
|
|
|
|
|
module.exports = isIndex;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 826:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var isArray = __webpack_require__(815),
|
|
|
isKey = __webpack_require__(836),
|
|
|
stringToPath = __webpack_require__(888),
|
|
|
toString = __webpack_require__(863);
|
|
|
|
|
|
/**
|
|
|
* Casts `value` to a path array if it's not one.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {*} value The value to inspect.
|
|
|
* @param {Object} [object] The object to query keys on.
|
|
|
* @returns {Array} Returns the cast property path array.
|
|
|
*/
|
|
|
function castPath(value, object) {
|
|
|
if (isArray(value)) {
|
|
|
return value;
|
|
|
}
|
|
|
return isKey(value, object) ? [value] : stringToPath(toString(value));
|
|
|
}
|
|
|
|
|
|
module.exports = castPath;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 828:
|
|
|
/***/ (function(module, exports) {
|
|
|
|
|
|
/** Used as references for various `Number` constants. */
|
|
|
var MAX_SAFE_INTEGER = 9007199254740991;
|
|
|
|
|
|
/**
|
|
|
* Checks if `value` is a valid array-like length.
|
|
|
*
|
|
|
* **Note:** This method is loosely based on
|
|
|
* [`ToLength`](http://ecma-international.org/ecma-262/7.0/#sec-tolength).
|
|
|
*
|
|
|
* @static
|
|
|
* @memberOf _
|
|
|
* @since 4.0.0
|
|
|
* @category Lang
|
|
|
* @param {*} value The value to check.
|
|
|
* @returns {boolean} Returns `true` if `value` is a valid length, else `false`.
|
|
|
* @example
|
|
|
*
|
|
|
* _.isLength(3);
|
|
|
* // => true
|
|
|
*
|
|
|
* _.isLength(Number.MIN_VALUE);
|
|
|
* // => false
|
|
|
*
|
|
|
* _.isLength(Infinity);
|
|
|
* // => false
|
|
|
*
|
|
|
* _.isLength('3');
|
|
|
* // => false
|
|
|
*/
|
|
|
function isLength(value) {
|
|
|
return typeof value == 'number' &&
|
|
|
value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;
|
|
|
}
|
|
|
|
|
|
module.exports = isLength;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 829:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var getNative = __webpack_require__(816),
|
|
|
root = __webpack_require__(162);
|
|
|
|
|
|
/* Built-in method references that are verified to be native. */
|
|
|
var Map = getNative(root, 'Map');
|
|
|
|
|
|
module.exports = Map;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 830:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var mapCacheClear = __webpack_require__(875),
|
|
|
mapCacheDelete = __webpack_require__(882),
|
|
|
mapCacheGet = __webpack_require__(884),
|
|
|
mapCacheHas = __webpack_require__(885),
|
|
|
mapCacheSet = __webpack_require__(886);
|
|
|
|
|
|
/**
|
|
|
* Creates a map cache object to store key-value pairs.
|
|
|
*
|
|
|
* @private
|
|
|
* @constructor
|
|
|
* @param {Array} [entries] The key-value pairs to cache.
|
|
|
*/
|
|
|
function MapCache(entries) {
|
|
|
var index = -1,
|
|
|
length = entries == null ? 0 : entries.length;
|
|
|
|
|
|
this.clear();
|
|
|
while (++index < length) {
|
|
|
var entry = entries[index];
|
|
|
this.set(entry[0], entry[1]);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
// Add methods to `MapCache`.
|
|
|
MapCache.prototype.clear = mapCacheClear;
|
|
|
MapCache.prototype['delete'] = mapCacheDelete;
|
|
|
MapCache.prototype.get = mapCacheGet;
|
|
|
MapCache.prototype.has = mapCacheHas;
|
|
|
MapCache.prototype.set = mapCacheSet;
|
|
|
|
|
|
module.exports = MapCache;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 831:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var baseGetTag = __webpack_require__(297),
|
|
|
isObject = __webpack_require__(163);
|
|
|
|
|
|
/** `Object#toString` result references. */
|
|
|
var asyncTag = '[object AsyncFunction]',
|
|
|
funcTag = '[object Function]',
|
|
|
genTag = '[object GeneratorFunction]',
|
|
|
proxyTag = '[object Proxy]';
|
|
|
|
|
|
/**
|
|
|
* Checks if `value` is classified as a `Function` object.
|
|
|
*
|
|
|
* @static
|
|
|
* @memberOf _
|
|
|
* @since 0.1.0
|
|
|
* @category Lang
|
|
|
* @param {*} value The value to check.
|
|
|
* @returns {boolean} Returns `true` if `value` is a function, else `false`.
|
|
|
* @example
|
|
|
*
|
|
|
* _.isFunction(_);
|
|
|
* // => true
|
|
|
*
|
|
|
* _.isFunction(/abc/);
|
|
|
* // => false
|
|
|
*/
|
|
|
function isFunction(value) {
|
|
|
if (!isObject(value)) {
|
|
|
return false;
|
|
|
}
|
|
|
// The use of `Object#toString` avoids issues with the `typeof` operator
|
|
|
// in Safari 9 which returns 'object' for typed arrays and other constructors.
|
|
|
var tag = baseGetTag(value);
|
|
|
return tag == funcTag || tag == genTag || tag == asyncTag || tag == proxyTag;
|
|
|
}
|
|
|
|
|
|
module.exports = isFunction;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 835:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
/* harmony default export */ __webpack_exports__["a"] = ({
|
|
|
ZERO: 48,
|
|
|
NINE: 57,
|
|
|
|
|
|
NUMPAD_ZERO: 96,
|
|
|
NUMPAD_NINE: 105,
|
|
|
|
|
|
BACKSPACE: 8,
|
|
|
DELETE: 46,
|
|
|
ENTER: 13,
|
|
|
|
|
|
ARROW_UP: 38,
|
|
|
ARROW_DOWN: 40
|
|
|
});
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 836:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var isArray = __webpack_require__(815),
|
|
|
isSymbol = __webpack_require__(299);
|
|
|
|
|
|
/** Used to match property names within property paths. */
|
|
|
var reIsDeepProp = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,
|
|
|
reIsPlainProp = /^\w*$/;
|
|
|
|
|
|
/**
|
|
|
* Checks if `value` is a property name and not a property path.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {*} value The value to check.
|
|
|
* @param {Object} [object] The object to query keys on.
|
|
|
* @returns {boolean} Returns `true` if `value` is a property name, else `false`.
|
|
|
*/
|
|
|
function isKey(value, object) {
|
|
|
if (isArray(value)) {
|
|
|
return false;
|
|
|
}
|
|
|
var type = typeof value;
|
|
|
if (type == 'number' || type == 'symbol' || type == 'boolean' ||
|
|
|
value == null || isSymbol(value)) {
|
|
|
return true;
|
|
|
}
|
|
|
return reIsPlainProp.test(value) || !reIsDeepProp.test(value) ||
|
|
|
(object != null && value in Object(object));
|
|
|
}
|
|
|
|
|
|
module.exports = isKey;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 837:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var baseIsArguments = __webpack_require__(887),
|
|
|
isObjectLike = __webpack_require__(296);
|
|
|
|
|
|
/** Used for built-in method references. */
|
|
|
var objectProto = Object.prototype;
|
|
|
|
|
|
/** Used to check objects for own properties. */
|
|
|
var hasOwnProperty = objectProto.hasOwnProperty;
|
|
|
|
|
|
/** Built-in value references. */
|
|
|
var propertyIsEnumerable = objectProto.propertyIsEnumerable;
|
|
|
|
|
|
/**
|
|
|
* Checks if `value` is likely an `arguments` object.
|
|
|
*
|
|
|
* @static
|
|
|
* @memberOf _
|
|
|
* @since 0.1.0
|
|
|
* @category Lang
|
|
|
* @param {*} value The value to check.
|
|
|
* @returns {boolean} Returns `true` if `value` is an `arguments` object,
|
|
|
* else `false`.
|
|
|
* @example
|
|
|
*
|
|
|
* _.isArguments(function() { return arguments; }());
|
|
|
* // => true
|
|
|
*
|
|
|
* _.isArguments([1, 2, 3]);
|
|
|
* // => false
|
|
|
*/
|
|
|
var isArguments = baseIsArguments(function() { return arguments; }()) ? baseIsArguments : function(value) {
|
|
|
return isObjectLike(value) && hasOwnProperty.call(value, 'callee') &&
|
|
|
!propertyIsEnumerable.call(value, 'callee');
|
|
|
};
|
|
|
|
|
|
module.exports = isArguments;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 843:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var baseGet = __webpack_require__(847);
|
|
|
|
|
|
/**
|
|
|
* Gets the value at `path` of `object`. If the resolved value is
|
|
|
* `undefined`, the `defaultValue` is returned in its place.
|
|
|
*
|
|
|
* @static
|
|
|
* @memberOf _
|
|
|
* @since 3.7.0
|
|
|
* @category Object
|
|
|
* @param {Object} object The object to query.
|
|
|
* @param {Array|string} path The path of the property to get.
|
|
|
* @param {*} [defaultValue] The value returned for `undefined` resolved values.
|
|
|
* @returns {*} Returns the resolved value.
|
|
|
* @example
|
|
|
*
|
|
|
* var object = { 'a': [{ 'b': { 'c': 3 } }] };
|
|
|
*
|
|
|
* _.get(object, 'a[0].b.c');
|
|
|
* // => 3
|
|
|
*
|
|
|
* _.get(object, ['a', '0', 'b', 'c']);
|
|
|
* // => 3
|
|
|
*
|
|
|
* _.get(object, 'a.b.c', 'default');
|
|
|
* // => 'default'
|
|
|
*/
|
|
|
function get(object, path, defaultValue) {
|
|
|
var result = object == null ? undefined : baseGet(object, path);
|
|
|
return result === undefined ? defaultValue : result;
|
|
|
}
|
|
|
|
|
|
module.exports = get;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 846:
|
|
|
/***/ (function(module, exports) {
|
|
|
|
|
|
/** Used for built-in method references. */
|
|
|
var funcProto = Function.prototype;
|
|
|
|
|
|
/** Used to resolve the decompiled source of functions. */
|
|
|
var funcToString = funcProto.toString;
|
|
|
|
|
|
/**
|
|
|
* Converts `func` to its source code.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {Function} func The function to convert.
|
|
|
* @returns {string} Returns the source code.
|
|
|
*/
|
|
|
function toSource(func) {
|
|
|
if (func != null) {
|
|
|
try {
|
|
|
return funcToString.call(func);
|
|
|
} catch (e) {}
|
|
|
try {
|
|
|
return (func + '');
|
|
|
} catch (e) {}
|
|
|
}
|
|
|
return '';
|
|
|
}
|
|
|
|
|
|
module.exports = toSource;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 847:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var castPath = __webpack_require__(826),
|
|
|
toKey = __webpack_require__(821);
|
|
|
|
|
|
/**
|
|
|
* The base implementation of `_.get` without support for default values.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {Object} object The object to query.
|
|
|
* @param {Array|string} path The path of the property to get.
|
|
|
* @returns {*} Returns the resolved value.
|
|
|
*/
|
|
|
function baseGet(object, path) {
|
|
|
path = castPath(path, object);
|
|
|
|
|
|
var index = 0,
|
|
|
length = path.length;
|
|
|
|
|
|
while (object != null && index < length) {
|
|
|
object = object[toKey(path[index++])];
|
|
|
}
|
|
|
return (index && index == length) ? object : undefined;
|
|
|
}
|
|
|
|
|
|
module.exports = baseGet;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 850:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var isFunction = __webpack_require__(831),
|
|
|
isLength = __webpack_require__(828);
|
|
|
|
|
|
/**
|
|
|
* Checks if `value` is array-like. A value is considered array-like if it's
|
|
|
* not a function and has a `value.length` that's an integer greater than or
|
|
|
* equal to `0` and less than or equal to `Number.MAX_SAFE_INTEGER`.
|
|
|
*
|
|
|
* @static
|
|
|
* @memberOf _
|
|
|
* @since 4.0.0
|
|
|
* @category Lang
|
|
|
* @param {*} value The value to check.
|
|
|
* @returns {boolean} Returns `true` if `value` is array-like, else `false`.
|
|
|
* @example
|
|
|
*
|
|
|
* _.isArrayLike([1, 2, 3]);
|
|
|
* // => true
|
|
|
*
|
|
|
* _.isArrayLike(document.body.children);
|
|
|
* // => true
|
|
|
*
|
|
|
* _.isArrayLike('abc');
|
|
|
* // => true
|
|
|
*
|
|
|
* _.isArrayLike(_.noop);
|
|
|
* // => false
|
|
|
*/
|
|
|
function isArrayLike(value) {
|
|
|
return value != null && isLength(value.length) && !isFunction(value);
|
|
|
}
|
|
|
|
|
|
module.exports = isArrayLike;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 851:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
/* WEBPACK VAR INJECTION */(function(module) {var root = __webpack_require__(162),
|
|
|
stubFalse = __webpack_require__(942);
|
|
|
|
|
|
/** Detect free variable `exports`. */
|
|
|
var freeExports = typeof exports == 'object' && exports && !exports.nodeType && exports;
|
|
|
|
|
|
/** Detect free variable `module`. */
|
|
|
var freeModule = freeExports && typeof module == 'object' && module && !module.nodeType && module;
|
|
|
|
|
|
/** Detect the popular CommonJS extension `module.exports`. */
|
|
|
var moduleExports = freeModule && freeModule.exports === freeExports;
|
|
|
|
|
|
/** Built-in value references. */
|
|
|
var Buffer = moduleExports ? root.Buffer : undefined;
|
|
|
|
|
|
/* Built-in method references for those with the same name as other `lodash` methods. */
|
|
|
var nativeIsBuffer = Buffer ? Buffer.isBuffer : undefined;
|
|
|
|
|
|
/**
|
|
|
* Checks if `value` is a buffer.
|
|
|
*
|
|
|
* @static
|
|
|
* @memberOf _
|
|
|
* @since 4.3.0
|
|
|
* @category Lang
|
|
|
* @param {*} value The value to check.
|
|
|
* @returns {boolean} Returns `true` if `value` is a buffer, else `false`.
|
|
|
* @example
|
|
|
*
|
|
|
* _.isBuffer(new Buffer(2));
|
|
|
* // => true
|
|
|
*
|
|
|
* _.isBuffer(new Uint8Array(2));
|
|
|
* // => false
|
|
|
*/
|
|
|
var isBuffer = nativeIsBuffer || stubFalse;
|
|
|
|
|
|
module.exports = isBuffer;
|
|
|
|
|
|
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(300)(module)))
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 852:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var baseIsTypedArray = __webpack_require__(943),
|
|
|
baseUnary = __webpack_require__(944),
|
|
|
nodeUtil = __webpack_require__(945);
|
|
|
|
|
|
/* Node.js helper references. */
|
|
|
var nodeIsTypedArray = nodeUtil && nodeUtil.isTypedArray;
|
|
|
|
|
|
/**
|
|
|
* Checks if `value` is classified as a typed array.
|
|
|
*
|
|
|
* @static
|
|
|
* @memberOf _
|
|
|
* @since 3.0.0
|
|
|
* @category Lang
|
|
|
* @param {*} value The value to check.
|
|
|
* @returns {boolean} Returns `true` if `value` is a typed array, else `false`.
|
|
|
* @example
|
|
|
*
|
|
|
* _.isTypedArray(new Uint8Array);
|
|
|
* // => true
|
|
|
*
|
|
|
* _.isTypedArray([]);
|
|
|
* // => false
|
|
|
*/
|
|
|
var isTypedArray = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedArray;
|
|
|
|
|
|
module.exports = isTypedArray;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 859:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__Pagination__ = __webpack_require__(898);
|
|
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return __WEBPACK_IMPORTED_MODULE_0__Pagination__["a"]; });
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 863:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var baseToString = __webpack_require__(865);
|
|
|
|
|
|
/**
|
|
|
* Converts `value` to a string. An empty string is returned for `null`
|
|
|
* and `undefined` values. The sign of `-0` is preserved.
|
|
|
*
|
|
|
* @static
|
|
|
* @memberOf _
|
|
|
* @since 4.0.0
|
|
|
* @category Lang
|
|
|
* @param {*} value The value to convert.
|
|
|
* @returns {string} Returns the converted string.
|
|
|
* @example
|
|
|
*
|
|
|
* _.toString(null);
|
|
|
* // => ''
|
|
|
*
|
|
|
* _.toString(-0);
|
|
|
* // => '-0'
|
|
|
*
|
|
|
* _.toString([1, 2, 3]);
|
|
|
* // => '1,2,3'
|
|
|
*/
|
|
|
function toString(value) {
|
|
|
return value == null ? '' : baseToString(value);
|
|
|
}
|
|
|
|
|
|
module.exports = toString;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 865:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var Symbol = __webpack_require__(171),
|
|
|
arrayMap = __webpack_require__(891),
|
|
|
isArray = __webpack_require__(815),
|
|
|
isSymbol = __webpack_require__(299);
|
|
|
|
|
|
/** Used as references for various `Number` constants. */
|
|
|
var INFINITY = 1 / 0;
|
|
|
|
|
|
/** Used to convert symbols to primitives and strings. */
|
|
|
var symbolProto = Symbol ? Symbol.prototype : undefined,
|
|
|
symbolToString = symbolProto ? symbolProto.toString : undefined;
|
|
|
|
|
|
/**
|
|
|
* The base implementation of `_.toString` which doesn't convert nullish
|
|
|
* values to empty strings.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {*} value The value to process.
|
|
|
* @returns {string} Returns the string.
|
|
|
*/
|
|
|
function baseToString(value) {
|
|
|
// Exit early for strings to avoid a performance hit in some environments.
|
|
|
if (typeof value == 'string') {
|
|
|
return value;
|
|
|
}
|
|
|
if (isArray(value)) {
|
|
|
// Recursively convert values (susceptible to call stack limits).
|
|
|
return arrayMap(value, baseToString) + '';
|
|
|
}
|
|
|
if (isSymbol(value)) {
|
|
|
return symbolToString ? symbolToString.call(value) : '';
|
|
|
}
|
|
|
var result = (value + '');
|
|
|
return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result;
|
|
|
}
|
|
|
|
|
|
module.exports = baseToString;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 866:
|
|
|
/***/ (function(module, exports) {
|
|
|
|
|
|
/**
|
|
|
* Removes all key-value entries from the list cache.
|
|
|
*
|
|
|
* @private
|
|
|
* @name clear
|
|
|
* @memberOf ListCache
|
|
|
*/
|
|
|
function listCacheClear() {
|
|
|
this.__data__ = [];
|
|
|
this.size = 0;
|
|
|
}
|
|
|
|
|
|
module.exports = listCacheClear;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 867:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var assocIndexOf = __webpack_require__(817);
|
|
|
|
|
|
/** Used for built-in method references. */
|
|
|
var arrayProto = Array.prototype;
|
|
|
|
|
|
/** Built-in value references. */
|
|
|
var splice = arrayProto.splice;
|
|
|
|
|
|
/**
|
|
|
* Removes `key` and its value from the list cache.
|
|
|
*
|
|
|
* @private
|
|
|
* @name delete
|
|
|
* @memberOf ListCache
|
|
|
* @param {string} key The key of the value to remove.
|
|
|
* @returns {boolean} Returns `true` if the entry was removed, else `false`.
|
|
|
*/
|
|
|
function listCacheDelete(key) {
|
|
|
var data = this.__data__,
|
|
|
index = assocIndexOf(data, key);
|
|
|
|
|
|
if (index < 0) {
|
|
|
return false;
|
|
|
}
|
|
|
var lastIndex = data.length - 1;
|
|
|
if (index == lastIndex) {
|
|
|
data.pop();
|
|
|
} else {
|
|
|
splice.call(data, index, 1);
|
|
|
}
|
|
|
--this.size;
|
|
|
return true;
|
|
|
}
|
|
|
|
|
|
module.exports = listCacheDelete;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 868:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var assocIndexOf = __webpack_require__(817);
|
|
|
|
|
|
/**
|
|
|
* Gets the list cache value for `key`.
|
|
|
*
|
|
|
* @private
|
|
|
* @name get
|
|
|
* @memberOf ListCache
|
|
|
* @param {string} key The key of the value to get.
|
|
|
* @returns {*} Returns the entry value.
|
|
|
*/
|
|
|
function listCacheGet(key) {
|
|
|
var data = this.__data__,
|
|
|
index = assocIndexOf(data, key);
|
|
|
|
|
|
return index < 0 ? undefined : data[index][1];
|
|
|
}
|
|
|
|
|
|
module.exports = listCacheGet;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 869:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var assocIndexOf = __webpack_require__(817);
|
|
|
|
|
|
/**
|
|
|
* Checks if a list cache value for `key` exists.
|
|
|
*
|
|
|
* @private
|
|
|
* @name has
|
|
|
* @memberOf ListCache
|
|
|
* @param {string} key The key of the entry to check.
|
|
|
* @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
|
|
|
*/
|
|
|
function listCacheHas(key) {
|
|
|
return assocIndexOf(this.__data__, key) > -1;
|
|
|
}
|
|
|
|
|
|
module.exports = listCacheHas;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 870:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var assocIndexOf = __webpack_require__(817);
|
|
|
|
|
|
/**
|
|
|
* Sets the list cache `key` to `value`.
|
|
|
*
|
|
|
* @private
|
|
|
* @name set
|
|
|
* @memberOf ListCache
|
|
|
* @param {string} key The key of the value to set.
|
|
|
* @param {*} value The value to set.
|
|
|
* @returns {Object} Returns the list cache instance.
|
|
|
*/
|
|
|
function listCacheSet(key, value) {
|
|
|
var data = this.__data__,
|
|
|
index = assocIndexOf(data, key);
|
|
|
|
|
|
if (index < 0) {
|
|
|
++this.size;
|
|
|
data.push([key, value]);
|
|
|
} else {
|
|
|
data[index][1] = value;
|
|
|
}
|
|
|
return this;
|
|
|
}
|
|
|
|
|
|
module.exports = listCacheSet;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 871:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var isFunction = __webpack_require__(831),
|
|
|
isMasked = __webpack_require__(872),
|
|
|
isObject = __webpack_require__(163),
|
|
|
toSource = __webpack_require__(846);
|
|
|
|
|
|
/**
|
|
|
* Used to match `RegExp`
|
|
|
* [syntax characters](http://ecma-international.org/ecma-262/7.0/#sec-patterns).
|
|
|
*/
|
|
|
var reRegExpChar = /[\\^$.*+?()[\]{}|]/g;
|
|
|
|
|
|
/** Used to detect host constructors (Safari). */
|
|
|
var reIsHostCtor = /^\[object .+?Constructor\]$/;
|
|
|
|
|
|
/** Used for built-in method references. */
|
|
|
var funcProto = Function.prototype,
|
|
|
objectProto = Object.prototype;
|
|
|
|
|
|
/** Used to resolve the decompiled source of functions. */
|
|
|
var funcToString = funcProto.toString;
|
|
|
|
|
|
/** Used to check objects for own properties. */
|
|
|
var hasOwnProperty = objectProto.hasOwnProperty;
|
|
|
|
|
|
/** Used to detect if a method is native. */
|
|
|
var reIsNative = RegExp('^' +
|
|
|
funcToString.call(hasOwnProperty).replace(reRegExpChar, '\\$&')
|
|
|
.replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, '$1.*?') + '$'
|
|
|
);
|
|
|
|
|
|
/**
|
|
|
* The base implementation of `_.isNative` without bad shim checks.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {*} value The value to check.
|
|
|
* @returns {boolean} Returns `true` if `value` is a native function,
|
|
|
* else `false`.
|
|
|
*/
|
|
|
function baseIsNative(value) {
|
|
|
if (!isObject(value) || isMasked(value)) {
|
|
|
return false;
|
|
|
}
|
|
|
var pattern = isFunction(value) ? reIsNative : reIsHostCtor;
|
|
|
return pattern.test(toSource(value));
|
|
|
}
|
|
|
|
|
|
module.exports = baseIsNative;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 872:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var coreJsData = __webpack_require__(873);
|
|
|
|
|
|
/** Used to detect methods masquerading as native. */
|
|
|
var maskSrcKey = (function() {
|
|
|
var uid = /[^.]+$/.exec(coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO || '');
|
|
|
return uid ? ('Symbol(src)_1.' + uid) : '';
|
|
|
}());
|
|
|
|
|
|
/**
|
|
|
* Checks if `func` has its source masked.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {Function} func The function to check.
|
|
|
* @returns {boolean} Returns `true` if `func` is masked, else `false`.
|
|
|
*/
|
|
|
function isMasked(func) {
|
|
|
return !!maskSrcKey && (maskSrcKey in func);
|
|
|
}
|
|
|
|
|
|
module.exports = isMasked;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 873:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var root = __webpack_require__(162);
|
|
|
|
|
|
/** Used to detect overreaching core-js shims. */
|
|
|
var coreJsData = root['__core-js_shared__'];
|
|
|
|
|
|
module.exports = coreJsData;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 874:
|
|
|
/***/ (function(module, exports) {
|
|
|
|
|
|
/**
|
|
|
* Gets the value at `key` of `object`.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {Object} [object] The object to query.
|
|
|
* @param {string} key The key of the property to get.
|
|
|
* @returns {*} Returns the property value.
|
|
|
*/
|
|
|
function getValue(object, key) {
|
|
|
return object == null ? undefined : object[key];
|
|
|
}
|
|
|
|
|
|
module.exports = getValue;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 875:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var Hash = __webpack_require__(876),
|
|
|
ListCache = __webpack_require__(822),
|
|
|
Map = __webpack_require__(829);
|
|
|
|
|
|
/**
|
|
|
* Removes all key-value entries from the map.
|
|
|
*
|
|
|
* @private
|
|
|
* @name clear
|
|
|
* @memberOf MapCache
|
|
|
*/
|
|
|
function mapCacheClear() {
|
|
|
this.size = 0;
|
|
|
this.__data__ = {
|
|
|
'hash': new Hash,
|
|
|
'map': new (Map || ListCache),
|
|
|
'string': new Hash
|
|
|
};
|
|
|
}
|
|
|
|
|
|
module.exports = mapCacheClear;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 876:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var hashClear = __webpack_require__(877),
|
|
|
hashDelete = __webpack_require__(878),
|
|
|
hashGet = __webpack_require__(879),
|
|
|
hashHas = __webpack_require__(880),
|
|
|
hashSet = __webpack_require__(881);
|
|
|
|
|
|
/**
|
|
|
* Creates a hash object.
|
|
|
*
|
|
|
* @private
|
|
|
* @constructor
|
|
|
* @param {Array} [entries] The key-value pairs to cache.
|
|
|
*/
|
|
|
function Hash(entries) {
|
|
|
var index = -1,
|
|
|
length = entries == null ? 0 : entries.length;
|
|
|
|
|
|
this.clear();
|
|
|
while (++index < length) {
|
|
|
var entry = entries[index];
|
|
|
this.set(entry[0], entry[1]);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
// Add methods to `Hash`.
|
|
|
Hash.prototype.clear = hashClear;
|
|
|
Hash.prototype['delete'] = hashDelete;
|
|
|
Hash.prototype.get = hashGet;
|
|
|
Hash.prototype.has = hashHas;
|
|
|
Hash.prototype.set = hashSet;
|
|
|
|
|
|
module.exports = Hash;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 877:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var nativeCreate = __webpack_require__(818);
|
|
|
|
|
|
/**
|
|
|
* Removes all key-value entries from the hash.
|
|
|
*
|
|
|
* @private
|
|
|
* @name clear
|
|
|
* @memberOf Hash
|
|
|
*/
|
|
|
function hashClear() {
|
|
|
this.__data__ = nativeCreate ? nativeCreate(null) : {};
|
|
|
this.size = 0;
|
|
|
}
|
|
|
|
|
|
module.exports = hashClear;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 878:
|
|
|
/***/ (function(module, exports) {
|
|
|
|
|
|
/**
|
|
|
* Removes `key` and its value from the hash.
|
|
|
*
|
|
|
* @private
|
|
|
* @name delete
|
|
|
* @memberOf Hash
|
|
|
* @param {Object} hash The hash to modify.
|
|
|
* @param {string} key The key of the value to remove.
|
|
|
* @returns {boolean} Returns `true` if the entry was removed, else `false`.
|
|
|
*/
|
|
|
function hashDelete(key) {
|
|
|
var result = this.has(key) && delete this.__data__[key];
|
|
|
this.size -= result ? 1 : 0;
|
|
|
return result;
|
|
|
}
|
|
|
|
|
|
module.exports = hashDelete;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 879:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var nativeCreate = __webpack_require__(818);
|
|
|
|
|
|
/** Used to stand-in for `undefined` hash values. */
|
|
|
var HASH_UNDEFINED = '__lodash_hash_undefined__';
|
|
|
|
|
|
/** Used for built-in method references. */
|
|
|
var objectProto = Object.prototype;
|
|
|
|
|
|
/** Used to check objects for own properties. */
|
|
|
var hasOwnProperty = objectProto.hasOwnProperty;
|
|
|
|
|
|
/**
|
|
|
* Gets the hash value for `key`.
|
|
|
*
|
|
|
* @private
|
|
|
* @name get
|
|
|
* @memberOf Hash
|
|
|
* @param {string} key The key of the value to get.
|
|
|
* @returns {*} Returns the entry value.
|
|
|
*/
|
|
|
function hashGet(key) {
|
|
|
var data = this.__data__;
|
|
|
if (nativeCreate) {
|
|
|
var result = data[key];
|
|
|
return result === HASH_UNDEFINED ? undefined : result;
|
|
|
}
|
|
|
return hasOwnProperty.call(data, key) ? data[key] : undefined;
|
|
|
}
|
|
|
|
|
|
module.exports = hashGet;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 880:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var nativeCreate = __webpack_require__(818);
|
|
|
|
|
|
/** Used for built-in method references. */
|
|
|
var objectProto = Object.prototype;
|
|
|
|
|
|
/** Used to check objects for own properties. */
|
|
|
var hasOwnProperty = objectProto.hasOwnProperty;
|
|
|
|
|
|
/**
|
|
|
* Checks if a hash value for `key` exists.
|
|
|
*
|
|
|
* @private
|
|
|
* @name has
|
|
|
* @memberOf Hash
|
|
|
* @param {string} key The key of the entry to check.
|
|
|
* @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
|
|
|
*/
|
|
|
function hashHas(key) {
|
|
|
var data = this.__data__;
|
|
|
return nativeCreate ? (data[key] !== undefined) : hasOwnProperty.call(data, key);
|
|
|
}
|
|
|
|
|
|
module.exports = hashHas;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 881:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var nativeCreate = __webpack_require__(818);
|
|
|
|
|
|
/** Used to stand-in for `undefined` hash values. */
|
|
|
var HASH_UNDEFINED = '__lodash_hash_undefined__';
|
|
|
|
|
|
/**
|
|
|
* Sets the hash `key` to `value`.
|
|
|
*
|
|
|
* @private
|
|
|
* @name set
|
|
|
* @memberOf Hash
|
|
|
* @param {string} key The key of the value to set.
|
|
|
* @param {*} value The value to set.
|
|
|
* @returns {Object} Returns the hash instance.
|
|
|
*/
|
|
|
function hashSet(key, value) {
|
|
|
var data = this.__data__;
|
|
|
this.size += this.has(key) ? 0 : 1;
|
|
|
data[key] = (nativeCreate && value === undefined) ? HASH_UNDEFINED : value;
|
|
|
return this;
|
|
|
}
|
|
|
|
|
|
module.exports = hashSet;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 882:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var getMapData = __webpack_require__(819);
|
|
|
|
|
|
/**
|
|
|
* Removes `key` and its value from the map.
|
|
|
*
|
|
|
* @private
|
|
|
* @name delete
|
|
|
* @memberOf MapCache
|
|
|
* @param {string} key The key of the value to remove.
|
|
|
* @returns {boolean} Returns `true` if the entry was removed, else `false`.
|
|
|
*/
|
|
|
function mapCacheDelete(key) {
|
|
|
var result = getMapData(this, key)['delete'](key);
|
|
|
this.size -= result ? 1 : 0;
|
|
|
return result;
|
|
|
}
|
|
|
|
|
|
module.exports = mapCacheDelete;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 883:
|
|
|
/***/ (function(module, exports) {
|
|
|
|
|
|
/**
|
|
|
* Checks if `value` is suitable for use as unique object key.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {*} value The value to check.
|
|
|
* @returns {boolean} Returns `true` if `value` is suitable, else `false`.
|
|
|
*/
|
|
|
function isKeyable(value) {
|
|
|
var type = typeof value;
|
|
|
return (type == 'string' || type == 'number' || type == 'symbol' || type == 'boolean')
|
|
|
? (value !== '__proto__')
|
|
|
: (value === null);
|
|
|
}
|
|
|
|
|
|
module.exports = isKeyable;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 884:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var getMapData = __webpack_require__(819);
|
|
|
|
|
|
/**
|
|
|
* Gets the map value for `key`.
|
|
|
*
|
|
|
* @private
|
|
|
* @name get
|
|
|
* @memberOf MapCache
|
|
|
* @param {string} key The key of the value to get.
|
|
|
* @returns {*} Returns the entry value.
|
|
|
*/
|
|
|
function mapCacheGet(key) {
|
|
|
return getMapData(this, key).get(key);
|
|
|
}
|
|
|
|
|
|
module.exports = mapCacheGet;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 885:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var getMapData = __webpack_require__(819);
|
|
|
|
|
|
/**
|
|
|
* Checks if a map value for `key` exists.
|
|
|
*
|
|
|
* @private
|
|
|
* @name has
|
|
|
* @memberOf MapCache
|
|
|
* @param {string} key The key of the entry to check.
|
|
|
* @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
|
|
|
*/
|
|
|
function mapCacheHas(key) {
|
|
|
return getMapData(this, key).has(key);
|
|
|
}
|
|
|
|
|
|
module.exports = mapCacheHas;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 886:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var getMapData = __webpack_require__(819);
|
|
|
|
|
|
/**
|
|
|
* Sets the map `key` to `value`.
|
|
|
*
|
|
|
* @private
|
|
|
* @name set
|
|
|
* @memberOf MapCache
|
|
|
* @param {string} key The key of the value to set.
|
|
|
* @param {*} value The value to set.
|
|
|
* @returns {Object} Returns the map cache instance.
|
|
|
*/
|
|
|
function mapCacheSet(key, value) {
|
|
|
var data = getMapData(this, key),
|
|
|
size = data.size;
|
|
|
|
|
|
data.set(key, value);
|
|
|
this.size += data.size == size ? 0 : 1;
|
|
|
return this;
|
|
|
}
|
|
|
|
|
|
module.exports = mapCacheSet;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 887:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var baseGetTag = __webpack_require__(297),
|
|
|
isObjectLike = __webpack_require__(296);
|
|
|
|
|
|
/** `Object#toString` result references. */
|
|
|
var argsTag = '[object Arguments]';
|
|
|
|
|
|
/**
|
|
|
* The base implementation of `_.isArguments`.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {*} value The value to check.
|
|
|
* @returns {boolean} Returns `true` if `value` is an `arguments` object,
|
|
|
*/
|
|
|
function baseIsArguments(value) {
|
|
|
return isObjectLike(value) && baseGetTag(value) == argsTag;
|
|
|
}
|
|
|
|
|
|
module.exports = baseIsArguments;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 888:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var memoizeCapped = __webpack_require__(889);
|
|
|
|
|
|
/** Used to match property names within property paths. */
|
|
|
var rePropName = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g;
|
|
|
|
|
|
/** Used to match backslashes in property paths. */
|
|
|
var reEscapeChar = /\\(\\)?/g;
|
|
|
|
|
|
/**
|
|
|
* Converts `string` to a property path array.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {string} string The string to convert.
|
|
|
* @returns {Array} Returns the property path array.
|
|
|
*/
|
|
|
var stringToPath = memoizeCapped(function(string) {
|
|
|
var result = [];
|
|
|
if (string.charCodeAt(0) === 46 /* . */) {
|
|
|
result.push('');
|
|
|
}
|
|
|
string.replace(rePropName, function(match, number, quote, subString) {
|
|
|
result.push(quote ? subString.replace(reEscapeChar, '$1') : (number || match));
|
|
|
});
|
|
|
return result;
|
|
|
});
|
|
|
|
|
|
module.exports = stringToPath;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 889:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var memoize = __webpack_require__(890);
|
|
|
|
|
|
/** Used as the maximum memoize cache size. */
|
|
|
var MAX_MEMOIZE_SIZE = 500;
|
|
|
|
|
|
/**
|
|
|
* A specialized version of `_.memoize` which clears the memoized function's
|
|
|
* cache when it exceeds `MAX_MEMOIZE_SIZE`.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {Function} func The function to have its output memoized.
|
|
|
* @returns {Function} Returns the new memoized function.
|
|
|
*/
|
|
|
function memoizeCapped(func) {
|
|
|
var result = memoize(func, function(key) {
|
|
|
if (cache.size === MAX_MEMOIZE_SIZE) {
|
|
|
cache.clear();
|
|
|
}
|
|
|
return key;
|
|
|
});
|
|
|
|
|
|
var cache = result.cache;
|
|
|
return result;
|
|
|
}
|
|
|
|
|
|
module.exports = memoizeCapped;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 890:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var MapCache = __webpack_require__(830);
|
|
|
|
|
|
/** Error message constants. */
|
|
|
var FUNC_ERROR_TEXT = 'Expected a function';
|
|
|
|
|
|
/**
|
|
|
* Creates a function that memoizes the result of `func`. If `resolver` is
|
|
|
* provided, it determines the cache key for storing the result based on the
|
|
|
* arguments provided to the memoized function. By default, the first argument
|
|
|
* provided to the memoized function is used as the map cache key. The `func`
|
|
|
* is invoked with the `this` binding of the memoized function.
|
|
|
*
|
|
|
* **Note:** The cache is exposed as the `cache` property on the memoized
|
|
|
* function. Its creation may be customized by replacing the `_.memoize.Cache`
|
|
|
* constructor with one whose instances implement the
|
|
|
* [`Map`](http://ecma-international.org/ecma-262/7.0/#sec-properties-of-the-map-prototype-object)
|
|
|
* method interface of `clear`, `delete`, `get`, `has`, and `set`.
|
|
|
*
|
|
|
* @static
|
|
|
* @memberOf _
|
|
|
* @since 0.1.0
|
|
|
* @category Function
|
|
|
* @param {Function} func The function to have its output memoized.
|
|
|
* @param {Function} [resolver] The function to resolve the cache key.
|
|
|
* @returns {Function} Returns the new memoized function.
|
|
|
* @example
|
|
|
*
|
|
|
* var object = { 'a': 1, 'b': 2 };
|
|
|
* var other = { 'c': 3, 'd': 4 };
|
|
|
*
|
|
|
* var values = _.memoize(_.values);
|
|
|
* values(object);
|
|
|
* // => [1, 2]
|
|
|
*
|
|
|
* values(other);
|
|
|
* // => [3, 4]
|
|
|
*
|
|
|
* object.a = 2;
|
|
|
* values(object);
|
|
|
* // => [1, 2]
|
|
|
*
|
|
|
* // Modify the result cache.
|
|
|
* values.cache.set(object, ['a', 'b']);
|
|
|
* values(object);
|
|
|
* // => ['a', 'b']
|
|
|
*
|
|
|
* // Replace `_.memoize.Cache`.
|
|
|
* _.memoize.Cache = WeakMap;
|
|
|
*/
|
|
|
function memoize(func, resolver) {
|
|
|
if (typeof func != 'function' || (resolver != null && typeof resolver != 'function')) {
|
|
|
throw new TypeError(FUNC_ERROR_TEXT);
|
|
|
}
|
|
|
var memoized = function() {
|
|
|
var args = arguments,
|
|
|
key = resolver ? resolver.apply(this, args) : args[0],
|
|
|
cache = memoized.cache;
|
|
|
|
|
|
if (cache.has(key)) {
|
|
|
return cache.get(key);
|
|
|
}
|
|
|
var result = func.apply(this, args);
|
|
|
memoized.cache = cache.set(key, result) || cache;
|
|
|
return result;
|
|
|
};
|
|
|
memoized.cache = new (memoize.Cache || MapCache);
|
|
|
return memoized;
|
|
|
}
|
|
|
|
|
|
// Expose `MapCache`.
|
|
|
memoize.Cache = MapCache;
|
|
|
|
|
|
module.exports = memoize;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 891:
|
|
|
/***/ (function(module, exports) {
|
|
|
|
|
|
/**
|
|
|
* A specialized version of `_.map` for arrays without support for iteratee
|
|
|
* shorthands.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {Array} [array] The array to iterate over.
|
|
|
* @param {Function} iteratee The function invoked per iteration.
|
|
|
* @returns {Array} Returns the new mapped array.
|
|
|
*/
|
|
|
function arrayMap(array, iteratee) {
|
|
|
var index = -1,
|
|
|
length = array == null ? 0 : array.length,
|
|
|
result = Array(length);
|
|
|
|
|
|
while (++index < length) {
|
|
|
result[index] = iteratee(array[index], index, array);
|
|
|
}
|
|
|
return result;
|
|
|
}
|
|
|
|
|
|
module.exports = arrayMap;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 893:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var ListCache = __webpack_require__(822),
|
|
|
stackClear = __webpack_require__(937),
|
|
|
stackDelete = __webpack_require__(938),
|
|
|
stackGet = __webpack_require__(939),
|
|
|
stackHas = __webpack_require__(940),
|
|
|
stackSet = __webpack_require__(941);
|
|
|
|
|
|
/**
|
|
|
* Creates a stack cache object to store key-value pairs.
|
|
|
*
|
|
|
* @private
|
|
|
* @constructor
|
|
|
* @param {Array} [entries] The key-value pairs to cache.
|
|
|
*/
|
|
|
function Stack(entries) {
|
|
|
var data = this.__data__ = new ListCache(entries);
|
|
|
this.size = data.size;
|
|
|
}
|
|
|
|
|
|
// Add methods to `Stack`.
|
|
|
Stack.prototype.clear = stackClear;
|
|
|
Stack.prototype['delete'] = stackDelete;
|
|
|
Stack.prototype.get = stackGet;
|
|
|
Stack.prototype.has = stackHas;
|
|
|
Stack.prototype.set = stackSet;
|
|
|
|
|
|
module.exports = Stack;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 894:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
|
value: true
|
|
|
});
|
|
|
exports.validProgress = validProgress;
|
|
|
|
|
|
// eslint-disable-next-line import/prefer-default-export
|
|
|
function validProgress(progress) {
|
|
|
if (!progress || progress < 0) {
|
|
|
return 0;
|
|
|
}
|
|
|
|
|
|
if (progress > 100) {
|
|
|
return 100;
|
|
|
}
|
|
|
|
|
|
return progress;
|
|
|
}
|
|
|
//# sourceMappingURL=utils.js.map
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 898:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty__ = __webpack_require__(66);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends__ = __webpack_require__(26);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck__ = __webpack_require__(11);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_createClass__ = __webpack_require__(44);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_createClass___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_createClass__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(13);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits__ = __webpack_require__(14);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react__ = __webpack_require__(0);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_react__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_classnames__ = __webpack_require__(3);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_7_classnames__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_prop_types__ = __webpack_require__(1);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_8_prop_types__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__Pager__ = __webpack_require__(899);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__Options__ = __webpack_require__(900);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__KeyCode__ = __webpack_require__(835);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__locale_zh_CN__ = __webpack_require__(901);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13_react_lifecycles_compat__ = __webpack_require__(7);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function noop() {}
|
|
|
|
|
|
function isInteger(value) {
|
|
|
return typeof value === 'number' && isFinite(value) && Math.floor(value) === value;
|
|
|
}
|
|
|
|
|
|
function defaultItemRender(page, type, element) {
|
|
|
return element;
|
|
|
}
|
|
|
|
|
|
function calculatePage(p, state, props) {
|
|
|
var pageSize = p;
|
|
|
if (typeof pageSize === 'undefined') {
|
|
|
pageSize = state.pageSize;
|
|
|
}
|
|
|
return Math.floor((props.total - 1) / pageSize) + 1;
|
|
|
}
|
|
|
|
|
|
var Pagination = function (_React$Component) {
|
|
|
__WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits___default()(Pagination, _React$Component);
|
|
|
|
|
|
function Pagination(props) {
|
|
|
__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck___default()(this, Pagination);
|
|
|
|
|
|
var _this = __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn___default()(this, (Pagination.__proto__ || Object.getPrototypeOf(Pagination)).call(this, props));
|
|
|
|
|
|
_initialiseProps.call(_this);
|
|
|
|
|
|
var hasOnChange = props.onChange !== noop;
|
|
|
var hasCurrent = 'current' in props;
|
|
|
if (hasCurrent && !hasOnChange) {
|
|
|
console.warn('Warning: You provided a `current` prop to a Pagination component without an `onChange` handler. This will render a read-only component.'); // eslint-disable-line
|
|
|
}
|
|
|
|
|
|
var current = props.defaultCurrent;
|
|
|
if ('current' in props) {
|
|
|
current = props.current;
|
|
|
}
|
|
|
|
|
|
var pageSize = props.defaultPageSize;
|
|
|
if ('pageSize' in props) {
|
|
|
pageSize = props.pageSize;
|
|
|
}
|
|
|
|
|
|
_this.state = {
|
|
|
current: current,
|
|
|
currentInputValue: current,
|
|
|
pageSize: pageSize
|
|
|
};
|
|
|
return _this;
|
|
|
}
|
|
|
|
|
|
__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_createClass___default()(Pagination, [{
|
|
|
key: 'componentDidUpdate',
|
|
|
value: function componentDidUpdate(prevProps, prevState) {
|
|
|
// When current page change, fix focused style of prev item
|
|
|
// A hacky solution of https://github.com/ant-design/ant-design/issues/8948
|
|
|
var prefixCls = this.props.prefixCls;
|
|
|
|
|
|
if (prevState.current !== this.state.current && this.paginationNode) {
|
|
|
var lastCurrentNode = this.paginationNode.querySelector('.' + prefixCls + '-item-' + prevState.current);
|
|
|
if (lastCurrentNode && document.activeElement === lastCurrentNode) {
|
|
|
lastCurrentNode.blur();
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}, {
|
|
|
key: 'getValidValue',
|
|
|
value: function getValidValue(e) {
|
|
|
var inputValue = e.target.value;
|
|
|
var currentInputValue = this.state.currentInputValue;
|
|
|
|
|
|
var value = void 0;
|
|
|
if (inputValue === '') {
|
|
|
value = inputValue;
|
|
|
} else if (isNaN(Number(inputValue))) {
|
|
|
value = currentInputValue;
|
|
|
} else {
|
|
|
value = Number(inputValue);
|
|
|
}
|
|
|
return value;
|
|
|
}
|
|
|
}, {
|
|
|
key: 'render',
|
|
|
value: function render() {
|
|
|
var _props = this.props,
|
|
|
prefixCls = _props.prefixCls,
|
|
|
className = _props.className,
|
|
|
disabled = _props.disabled;
|
|
|
|
|
|
// When hideOnSinglePage is true and there is only 1 page, hide the pager
|
|
|
|
|
|
if (this.props.hideOnSinglePage === true && this.props.total <= this.state.pageSize) {
|
|
|
return null;
|
|
|
}
|
|
|
|
|
|
var props = this.props;
|
|
|
var locale = props.locale;
|
|
|
|
|
|
var allPages = calculatePage(undefined, this.state, this.props);
|
|
|
var pagerList = [];
|
|
|
var jumpPrev = null;
|
|
|
var jumpNext = null;
|
|
|
var firstPager = null;
|
|
|
var lastPager = null;
|
|
|
var gotoButton = null;
|
|
|
|
|
|
var goButton = props.showQuickJumper && props.showQuickJumper.goButton;
|
|
|
var pageBufferSize = props.showLessItems ? 1 : 2;
|
|
|
var _state = this.state,
|
|
|
current = _state.current,
|
|
|
pageSize = _state.pageSize;
|
|
|
|
|
|
|
|
|
var prevPage = current - 1 > 0 ? current - 1 : 0;
|
|
|
var nextPage = current + 1 < allPages ? current + 1 : allPages;
|
|
|
|
|
|
var dataOrAriaAttributeProps = Object.keys(props).reduce(function (prev, key) {
|
|
|
if (key.substr(0, 5) === 'data-' || key.substr(0, 5) === 'aria-' || key === 'role') {
|
|
|
prev[key] = props[key];
|
|
|
}
|
|
|
return prev;
|
|
|
}, {});
|
|
|
|
|
|
if (props.simple) {
|
|
|
if (goButton) {
|
|
|
if (typeof goButton === 'boolean') {
|
|
|
gotoButton = __WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(
|
|
|
'button',
|
|
|
{
|
|
|
type: 'button',
|
|
|
onClick: this.handleGoTO,
|
|
|
onKeyUp: this.handleGoTO
|
|
|
},
|
|
|
locale.jump_to_confirm
|
|
|
);
|
|
|
} else {
|
|
|
gotoButton = __WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(
|
|
|
'span',
|
|
|
{
|
|
|
onClick: this.handleGoTO,
|
|
|
onKeyUp: this.handleGoTO
|
|
|
},
|
|
|
goButton
|
|
|
);
|
|
|
}
|
|
|
gotoButton = __WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(
|
|
|
'li',
|
|
|
{
|
|
|
title: props.showTitle ? '' + locale.jump_to + this.state.current + '/' + allPages : null,
|
|
|
className: prefixCls + '-simple-pager'
|
|
|
},
|
|
|
gotoButton
|
|
|
);
|
|
|
}
|
|
|
|
|
|
return __WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(
|
|
|
'ul',
|
|
|
__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends___default()({
|
|
|
className: prefixCls + ' ' + prefixCls + '-simple ' + props.className,
|
|
|
style: props.style,
|
|
|
ref: this.savePaginationNode
|
|
|
}, dataOrAriaAttributeProps),
|
|
|
__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(
|
|
|
'li',
|
|
|
{
|
|
|
title: props.showTitle ? locale.prev_page : null,
|
|
|
onClick: this.prev,
|
|
|
tabIndex: this.hasPrev() ? 0 : null,
|
|
|
onKeyPress: this.runIfEnterPrev,
|
|
|
className: (this.hasPrev() ? '' : prefixCls + '-disabled') + ' ' + prefixCls + '-prev',
|
|
|
'aria-disabled': !this.hasPrev()
|
|
|
},
|
|
|
props.itemRender(prevPage, 'prev', this.getItemIcon(props.prevIcon))
|
|
|
),
|
|
|
__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(
|
|
|
'li',
|
|
|
{
|
|
|
title: props.showTitle ? this.state.current + '/' + allPages : null,
|
|
|
className: prefixCls + '-simple-pager'
|
|
|
},
|
|
|
__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement('input', {
|
|
|
type: 'text',
|
|
|
value: this.state.currentInputValue,
|
|
|
onKeyDown: this.handleKeyDown,
|
|
|
onKeyUp: this.handleKeyUp,
|
|
|
onChange: this.handleKeyUp,
|
|
|
size: '3'
|
|
|
}),
|
|
|
__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(
|
|
|
'span',
|
|
|
{ className: prefixCls + '-slash' },
|
|
|
'/'
|
|
|
),
|
|
|
allPages
|
|
|
),
|
|
|
__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(
|
|
|
'li',
|
|
|
{
|
|
|
title: props.showTitle ? locale.next_page : null,
|
|
|
onClick: this.next,
|
|
|
tabIndex: this.hasPrev() ? 0 : null,
|
|
|
onKeyPress: this.runIfEnterNext,
|
|
|
className: (this.hasNext() ? '' : prefixCls + '-disabled') + ' ' + prefixCls + '-next',
|
|
|
'aria-disabled': !this.hasNext()
|
|
|
},
|
|
|
props.itemRender(nextPage, 'next', this.getItemIcon(props.nextIcon))
|
|
|
),
|
|
|
gotoButton
|
|
|
);
|
|
|
}
|
|
|
|
|
|
if (allPages <= 5 + pageBufferSize * 2) {
|
|
|
var pagerProps = {
|
|
|
locale: locale,
|
|
|
rootPrefixCls: prefixCls,
|
|
|
onClick: this.handleChange,
|
|
|
onKeyPress: this.runIfEnter,
|
|
|
showTitle: props.showTitle,
|
|
|
itemRender: props.itemRender
|
|
|
};
|
|
|
if (!allPages) {
|
|
|
pagerList.push(__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_9__Pager__["a" /* default */], __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends___default()({}, pagerProps, {
|
|
|
key: 'noPager',
|
|
|
page: allPages,
|
|
|
className: prefixCls + '-disabled'
|
|
|
})));
|
|
|
}
|
|
|
for (var i = 1; i <= allPages; i++) {
|
|
|
var active = this.state.current === i;
|
|
|
pagerList.push(__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_9__Pager__["a" /* default */], __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends___default()({}, pagerProps, {
|
|
|
key: i,
|
|
|
page: i,
|
|
|
active: active
|
|
|
})));
|
|
|
}
|
|
|
} else {
|
|
|
var prevItemTitle = props.showLessItems ? locale.prev_3 : locale.prev_5;
|
|
|
var nextItemTitle = props.showLessItems ? locale.next_3 : locale.next_5;
|
|
|
if (props.showPrevNextJumpers) {
|
|
|
var jumpPrevClassString = prefixCls + '-jump-prev';
|
|
|
if (props.jumpPrevIcon) {
|
|
|
jumpPrevClassString += ' ' + prefixCls + '-jump-prev-custom-icon';
|
|
|
}
|
|
|
jumpPrev = __WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(
|
|
|
'li',
|
|
|
{
|
|
|
title: props.showTitle ? prevItemTitle : null,
|
|
|
key: 'prev',
|
|
|
onClick: this.jumpPrev,
|
|
|
tabIndex: '0',
|
|
|
onKeyPress: this.runIfEnterJumpPrev,
|
|
|
className: jumpPrevClassString
|
|
|
},
|
|
|
props.itemRender(this.getJumpPrevPage(), 'jump-prev', this.getItemIcon(props.jumpPrevIcon))
|
|
|
);
|
|
|
var jumpNextClassString = prefixCls + '-jump-next';
|
|
|
if (props.jumpNextIcon) {
|
|
|
jumpNextClassString += ' ' + prefixCls + '-jump-next-custom-icon';
|
|
|
}
|
|
|
jumpNext = __WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(
|
|
|
'li',
|
|
|
{
|
|
|
title: props.showTitle ? nextItemTitle : null,
|
|
|
key: 'next',
|
|
|
tabIndex: '0',
|
|
|
onClick: this.jumpNext,
|
|
|
onKeyPress: this.runIfEnterJumpNext,
|
|
|
className: jumpNextClassString
|
|
|
},
|
|
|
props.itemRender(this.getJumpNextPage(), 'jump-next', this.getItemIcon(props.jumpNextIcon))
|
|
|
);
|
|
|
}
|
|
|
lastPager = __WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_9__Pager__["a" /* default */], {
|
|
|
locale: props.locale,
|
|
|
last: true,
|
|
|
rootPrefixCls: prefixCls,
|
|
|
onClick: this.handleChange,
|
|
|
onKeyPress: this.runIfEnter,
|
|
|
key: allPages,
|
|
|
page: allPages,
|
|
|
active: false,
|
|
|
showTitle: props.showTitle,
|
|
|
itemRender: props.itemRender
|
|
|
});
|
|
|
firstPager = __WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_9__Pager__["a" /* default */], {
|
|
|
locale: props.locale,
|
|
|
rootPrefixCls: prefixCls,
|
|
|
onClick: this.handleChange,
|
|
|
onKeyPress: this.runIfEnter,
|
|
|
key: 1,
|
|
|
page: 1,
|
|
|
active: false,
|
|
|
showTitle: props.showTitle,
|
|
|
itemRender: props.itemRender
|
|
|
});
|
|
|
|
|
|
var left = Math.max(1, current - pageBufferSize);
|
|
|
var right = Math.min(current + pageBufferSize, allPages);
|
|
|
|
|
|
if (current - 1 <= pageBufferSize) {
|
|
|
right = 1 + pageBufferSize * 2;
|
|
|
}
|
|
|
|
|
|
if (allPages - current <= pageBufferSize) {
|
|
|
left = allPages - pageBufferSize * 2;
|
|
|
}
|
|
|
|
|
|
for (var _i = left; _i <= right; _i++) {
|
|
|
var _active = current === _i;
|
|
|
pagerList.push(__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_9__Pager__["a" /* default */], {
|
|
|
locale: props.locale,
|
|
|
rootPrefixCls: prefixCls,
|
|
|
onClick: this.handleChange,
|
|
|
onKeyPress: this.runIfEnter,
|
|
|
key: _i,
|
|
|
page: _i,
|
|
|
active: _active,
|
|
|
showTitle: props.showTitle,
|
|
|
itemRender: props.itemRender
|
|
|
}));
|
|
|
}
|
|
|
|
|
|
if (current - 1 >= pageBufferSize * 2 && current !== 1 + 2) {
|
|
|
pagerList[0] = __WEBPACK_IMPORTED_MODULE_6_react___default.a.cloneElement(pagerList[0], {
|
|
|
className: prefixCls + '-item-after-jump-prev'
|
|
|
});
|
|
|
pagerList.unshift(jumpPrev);
|
|
|
}
|
|
|
if (allPages - current >= pageBufferSize * 2 && current !== allPages - 2) {
|
|
|
pagerList[pagerList.length - 1] = __WEBPACK_IMPORTED_MODULE_6_react___default.a.cloneElement(pagerList[pagerList.length - 1], {
|
|
|
className: prefixCls + '-item-before-jump-next'
|
|
|
});
|
|
|
pagerList.push(jumpNext);
|
|
|
}
|
|
|
|
|
|
if (left !== 1) {
|
|
|
pagerList.unshift(firstPager);
|
|
|
}
|
|
|
if (right !== allPages) {
|
|
|
pagerList.push(lastPager);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
var totalText = null;
|
|
|
|
|
|
if (props.showTotal) {
|
|
|
totalText = __WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(
|
|
|
'li',
|
|
|
{ className: prefixCls + '-total-text' },
|
|
|
props.showTotal(props.total, [props.total === 0 ? 0 : (current - 1) * pageSize + 1, current * pageSize > props.total ? props.total : current * pageSize])
|
|
|
);
|
|
|
}
|
|
|
var prevDisabled = !this.hasPrev() || !allPages;
|
|
|
var nextDisabled = !this.hasNext() || !allPages;
|
|
|
return __WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(
|
|
|
'ul',
|
|
|
__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends___default()({
|
|
|
className: __WEBPACK_IMPORTED_MODULE_7_classnames___default()(prefixCls, className, __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty___default()({}, prefixCls + '-disabled', disabled)),
|
|
|
style: props.style,
|
|
|
unselectable: 'unselectable',
|
|
|
ref: this.savePaginationNode
|
|
|
}, dataOrAriaAttributeProps),
|
|
|
totalText,
|
|
|
__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(
|
|
|
'li',
|
|
|
{
|
|
|
title: props.showTitle ? locale.prev_page : null,
|
|
|
onClick: this.prev,
|
|
|
tabIndex: prevDisabled ? null : 0,
|
|
|
onKeyPress: this.runIfEnterPrev,
|
|
|
className: (!prevDisabled ? '' : prefixCls + '-disabled') + ' ' + prefixCls + '-prev',
|
|
|
'aria-disabled': prevDisabled
|
|
|
},
|
|
|
props.itemRender(prevPage, 'prev', this.getItemIcon(props.prevIcon))
|
|
|
),
|
|
|
pagerList,
|
|
|
__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(
|
|
|
'li',
|
|
|
{
|
|
|
title: props.showTitle ? locale.next_page : null,
|
|
|
onClick: this.next,
|
|
|
tabIndex: nextDisabled ? null : 0,
|
|
|
onKeyPress: this.runIfEnterNext,
|
|
|
className: (!nextDisabled ? '' : prefixCls + '-disabled') + ' ' + prefixCls + '-next',
|
|
|
'aria-disabled': nextDisabled
|
|
|
},
|
|
|
props.itemRender(nextPage, 'next', this.getItemIcon(props.nextIcon))
|
|
|
),
|
|
|
__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_10__Options__["a" /* default */], {
|
|
|
disabled: disabled,
|
|
|
locale: props.locale,
|
|
|
rootPrefixCls: prefixCls,
|
|
|
selectComponentClass: props.selectComponentClass,
|
|
|
selectPrefixCls: props.selectPrefixCls,
|
|
|
changeSize: this.props.showSizeChanger ? this.changePageSize : null,
|
|
|
current: this.state.current,
|
|
|
pageSize: this.state.pageSize,
|
|
|
pageSizeOptions: this.props.pageSizeOptions,
|
|
|
quickGo: this.shouldDisplayQuickJumper() ? this.handleChange : null,
|
|
|
goButton: goButton
|
|
|
})
|
|
|
);
|
|
|
}
|
|
|
}], [{
|
|
|
key: 'getDerivedStateFromProps',
|
|
|
value: function getDerivedStateFromProps(props, prevState) {
|
|
|
var newState = {};
|
|
|
|
|
|
if ('current' in props) {
|
|
|
newState.current = props.current;
|
|
|
|
|
|
if (props.current !== prevState.current) {
|
|
|
newState.currentInputValue = newState.current;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
if ('pageSize' in props && props.pageSize !== prevState.pageSize) {
|
|
|
var current = prevState.current;
|
|
|
var newCurrent = calculatePage(props.pageSize, prevState, props);
|
|
|
current = current > newCurrent ? newCurrent : current;
|
|
|
|
|
|
if (!('current' in props)) {
|
|
|
newState.current = current;
|
|
|
newState.currentInputValue = current;
|
|
|
}
|
|
|
newState.pageSize = props.pageSize;
|
|
|
}
|
|
|
|
|
|
return newState;
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* computed icon node that need to be rendered.
|
|
|
* @param {React.ReactNode | React.ComponentType<PaginationProps>} icon received icon.
|
|
|
* @returns {React.ReactNode}
|
|
|
*/
|
|
|
|
|
|
}]);
|
|
|
|
|
|
return Pagination;
|
|
|
}(__WEBPACK_IMPORTED_MODULE_6_react___default.a.Component);
|
|
|
|
|
|
Pagination.propTypes = {
|
|
|
disabled: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.bool,
|
|
|
prefixCls: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.string,
|
|
|
className: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.string,
|
|
|
current: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.number,
|
|
|
defaultCurrent: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.number,
|
|
|
total: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.number,
|
|
|
pageSize: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.number,
|
|
|
defaultPageSize: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.number,
|
|
|
onChange: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.func,
|
|
|
hideOnSinglePage: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.bool,
|
|
|
showSizeChanger: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.bool,
|
|
|
showLessItems: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.bool,
|
|
|
onShowSizeChange: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.func,
|
|
|
selectComponentClass: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.func,
|
|
|
showPrevNextJumpers: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.bool,
|
|
|
showQuickJumper: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.bool, __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.object]),
|
|
|
showTitle: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.bool,
|
|
|
pageSizeOptions: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.arrayOf(__WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.string),
|
|
|
showTotal: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.func,
|
|
|
locale: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.object,
|
|
|
style: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.object,
|
|
|
itemRender: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.func,
|
|
|
prevIcon: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.func, __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.node]),
|
|
|
nextIcon: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.func, __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.node]),
|
|
|
jumpPrevIcon: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.func, __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.node]),
|
|
|
jumpNextIcon: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.func, __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.node])
|
|
|
};
|
|
|
Pagination.defaultProps = {
|
|
|
defaultCurrent: 1,
|
|
|
total: 0,
|
|
|
defaultPageSize: 10,
|
|
|
onChange: noop,
|
|
|
className: '',
|
|
|
selectPrefixCls: 'rc-select',
|
|
|
prefixCls: 'rc-pagination',
|
|
|
selectComponentClass: null,
|
|
|
hideOnSinglePage: false,
|
|
|
showPrevNextJumpers: true,
|
|
|
showQuickJumper: false,
|
|
|
showSizeChanger: false,
|
|
|
showLessItems: false,
|
|
|
showTitle: true,
|
|
|
onShowSizeChange: noop,
|
|
|
locale: __WEBPACK_IMPORTED_MODULE_12__locale_zh_CN__["a" /* default */],
|
|
|
style: {},
|
|
|
itemRender: defaultItemRender
|
|
|
};
|
|
|
|
|
|
var _initialiseProps = function _initialiseProps() {
|
|
|
var _this2 = this;
|
|
|
|
|
|
this.getJumpPrevPage = function () {
|
|
|
return Math.max(1, _this2.state.current - (_this2.props.showLessItems ? 3 : 5));
|
|
|
};
|
|
|
|
|
|
this.getJumpNextPage = function () {
|
|
|
return Math.min(calculatePage(undefined, _this2.state, _this2.props), _this2.state.current + (_this2.props.showLessItems ? 3 : 5));
|
|
|
};
|
|
|
|
|
|
this.getItemIcon = function (icon) {
|
|
|
var prefixCls = _this2.props.prefixCls;
|
|
|
|
|
|
var iconNode = icon || __WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement('a', { className: prefixCls + '-item-link' });
|
|
|
if (typeof icon === 'function') {
|
|
|
iconNode = __WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(icon, __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends___default()({}, _this2.props));
|
|
|
}
|
|
|
return iconNode;
|
|
|
};
|
|
|
|
|
|
this.savePaginationNode = function (node) {
|
|
|
_this2.paginationNode = node;
|
|
|
};
|
|
|
|
|
|
this.isValid = function (page) {
|
|
|
return isInteger(page) && page !== _this2.state.current;
|
|
|
};
|
|
|
|
|
|
this.shouldDisplayQuickJumper = function () {
|
|
|
var _props2 = _this2.props,
|
|
|
showQuickJumper = _props2.showQuickJumper,
|
|
|
pageSize = _props2.pageSize,
|
|
|
total = _props2.total;
|
|
|
|
|
|
if (total <= pageSize) {
|
|
|
return false;
|
|
|
}
|
|
|
return showQuickJumper;
|
|
|
};
|
|
|
|
|
|
this.handleKeyDown = function (e) {
|
|
|
if (e.keyCode === __WEBPACK_IMPORTED_MODULE_11__KeyCode__["a" /* default */].ARROW_UP || e.keyCode === __WEBPACK_IMPORTED_MODULE_11__KeyCode__["a" /* default */].ARROW_DOWN) {
|
|
|
e.preventDefault();
|
|
|
}
|
|
|
};
|
|
|
|
|
|
this.handleKeyUp = function (e) {
|
|
|
var value = _this2.getValidValue(e);
|
|
|
var currentInputValue = _this2.state.currentInputValue;
|
|
|
|
|
|
if (value !== currentInputValue) {
|
|
|
_this2.setState({
|
|
|
currentInputValue: value
|
|
|
});
|
|
|
}
|
|
|
if (e.keyCode === __WEBPACK_IMPORTED_MODULE_11__KeyCode__["a" /* default */].ENTER) {
|
|
|
_this2.handleChange(value);
|
|
|
} else if (e.keyCode === __WEBPACK_IMPORTED_MODULE_11__KeyCode__["a" /* default */].ARROW_UP) {
|
|
|
_this2.handleChange(value - 1);
|
|
|
} else if (e.keyCode === __WEBPACK_IMPORTED_MODULE_11__KeyCode__["a" /* default */].ARROW_DOWN) {
|
|
|
_this2.handleChange(value + 1);
|
|
|
}
|
|
|
};
|
|
|
|
|
|
this.changePageSize = function (size) {
|
|
|
var current = _this2.state.current;
|
|
|
var newCurrent = calculatePage(size, _this2.state, _this2.props);
|
|
|
current = current > newCurrent ? newCurrent : current;
|
|
|
// fix the issue:
|
|
|
// Once 'total' is 0, 'current' in 'onShowSizeChange' is 0, which is not correct.
|
|
|
if (newCurrent === 0) {
|
|
|
current = _this2.state.current;
|
|
|
}
|
|
|
|
|
|
if (typeof size === 'number') {
|
|
|
if (!('pageSize' in _this2.props)) {
|
|
|
_this2.setState({
|
|
|
pageSize: size
|
|
|
});
|
|
|
}
|
|
|
if (!('current' in _this2.props)) {
|
|
|
_this2.setState({
|
|
|
current: current,
|
|
|
currentInputValue: current
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
_this2.props.onShowSizeChange(current, size);
|
|
|
};
|
|
|
|
|
|
this.handleChange = function (p) {
|
|
|
var disabled = _this2.props.disabled;
|
|
|
|
|
|
|
|
|
var page = p;
|
|
|
if (_this2.isValid(page) && !disabled) {
|
|
|
var currentPage = calculatePage(undefined, _this2.state, _this2.props);
|
|
|
if (page > currentPage) {
|
|
|
page = currentPage;
|
|
|
} else if (page < 1) {
|
|
|
page = 1;
|
|
|
}
|
|
|
|
|
|
if (!('current' in _this2.props)) {
|
|
|
_this2.setState({
|
|
|
current: page,
|
|
|
currentInputValue: page
|
|
|
});
|
|
|
}
|
|
|
|
|
|
var pageSize = _this2.state.pageSize;
|
|
|
_this2.props.onChange(page, pageSize);
|
|
|
|
|
|
return page;
|
|
|
}
|
|
|
|
|
|
return _this2.state.current;
|
|
|
};
|
|
|
|
|
|
this.prev = function () {
|
|
|
if (_this2.hasPrev()) {
|
|
|
_this2.handleChange(_this2.state.current - 1);
|
|
|
}
|
|
|
};
|
|
|
|
|
|
this.next = function () {
|
|
|
if (_this2.hasNext()) {
|
|
|
_this2.handleChange(_this2.state.current + 1);
|
|
|
}
|
|
|
};
|
|
|
|
|
|
this.jumpPrev = function () {
|
|
|
_this2.handleChange(_this2.getJumpPrevPage());
|
|
|
};
|
|
|
|
|
|
this.jumpNext = function () {
|
|
|
_this2.handleChange(_this2.getJumpNextPage());
|
|
|
};
|
|
|
|
|
|
this.hasPrev = function () {
|
|
|
return _this2.state.current > 1;
|
|
|
};
|
|
|
|
|
|
this.hasNext = function () {
|
|
|
return _this2.state.current < calculatePage(undefined, _this2.state, _this2.props);
|
|
|
};
|
|
|
|
|
|
this.runIfEnter = function (event, callback) {
|
|
|
for (var _len = arguments.length, restParams = Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
|
|
|
restParams[_key - 2] = arguments[_key];
|
|
|
}
|
|
|
|
|
|
if (event.key === 'Enter' || event.charCode === 13) {
|
|
|
callback.apply(undefined, restParams);
|
|
|
}
|
|
|
};
|
|
|
|
|
|
this.runIfEnterPrev = function (e) {
|
|
|
_this2.runIfEnter(e, _this2.prev);
|
|
|
};
|
|
|
|
|
|
this.runIfEnterNext = function (e) {
|
|
|
_this2.runIfEnter(e, _this2.next);
|
|
|
};
|
|
|
|
|
|
this.runIfEnterJumpPrev = function (e) {
|
|
|
_this2.runIfEnter(e, _this2.jumpPrev);
|
|
|
};
|
|
|
|
|
|
this.runIfEnterJumpNext = function (e) {
|
|
|
_this2.runIfEnter(e, _this2.jumpNext);
|
|
|
};
|
|
|
|
|
|
this.handleGoTO = function (e) {
|
|
|
if (e.keyCode === __WEBPACK_IMPORTED_MODULE_11__KeyCode__["a" /* default */].ENTER || e.type === 'click') {
|
|
|
_this2.handleChange(_this2.state.currentInputValue);
|
|
|
}
|
|
|
};
|
|
|
};
|
|
|
|
|
|
Object(__WEBPACK_IMPORTED_MODULE_13_react_lifecycles_compat__["polyfill"])(Pagination);
|
|
|
|
|
|
/* harmony default export */ __webpack_exports__["a"] = (Pagination);
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 899:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty__ = __webpack_require__(66);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react__ = __webpack_require__(0);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_react__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_prop_types__ = __webpack_require__(1);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_prop_types__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_classnames__ = __webpack_require__(3);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_classnames__);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var Pager = function Pager(props) {
|
|
|
var _classNames;
|
|
|
|
|
|
var prefixCls = props.rootPrefixCls + '-item';
|
|
|
var cls = __WEBPACK_IMPORTED_MODULE_3_classnames___default()(prefixCls, prefixCls + '-' + props.page, (_classNames = {}, __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty___default()(_classNames, prefixCls + '-active', props.active), __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty___default()(_classNames, props.className, !!props.className), __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty___default()(_classNames, prefixCls + '-disabled', !props.page), _classNames));
|
|
|
|
|
|
var handleClick = function handleClick() {
|
|
|
props.onClick(props.page);
|
|
|
};
|
|
|
|
|
|
var handleKeyPress = function handleKeyPress(e) {
|
|
|
props.onKeyPress(e, props.onClick, props.page);
|
|
|
};
|
|
|
|
|
|
return __WEBPACK_IMPORTED_MODULE_1_react___default.a.createElement(
|
|
|
'li',
|
|
|
{
|
|
|
title: props.showTitle ? props.page : null,
|
|
|
className: cls,
|
|
|
onClick: handleClick,
|
|
|
onKeyPress: handleKeyPress,
|
|
|
tabIndex: '0'
|
|
|
},
|
|
|
props.itemRender(props.page, 'page', __WEBPACK_IMPORTED_MODULE_1_react___default.a.createElement(
|
|
|
'a',
|
|
|
null,
|
|
|
props.page
|
|
|
))
|
|
|
);
|
|
|
};
|
|
|
|
|
|
Pager.propTypes = {
|
|
|
page: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.number,
|
|
|
active: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.bool,
|
|
|
last: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.bool,
|
|
|
locale: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.object,
|
|
|
className: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.string,
|
|
|
showTitle: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.bool,
|
|
|
rootPrefixCls: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.string,
|
|
|
onClick: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.func,
|
|
|
onKeyPress: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.func,
|
|
|
itemRender: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.func
|
|
|
};
|
|
|
|
|
|
/* harmony default export */ __webpack_exports__["a"] = (Pager);
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 900:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__ = __webpack_require__(11);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass__ = __webpack_require__(44);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(13);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__ = __webpack_require__(14);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react__ = __webpack_require__(0);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_prop_types__ = __webpack_require__(1);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_prop_types__);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__KeyCode__ = __webpack_require__(835);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var Options = function (_React$Component) {
|
|
|
__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default()(Options, _React$Component);
|
|
|
|
|
|
function Options() {
|
|
|
var _ref;
|
|
|
|
|
|
var _temp, _this, _ret;
|
|
|
|
|
|
__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default()(this, Options);
|
|
|
|
|
|
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
|
|
args[_key] = arguments[_key];
|
|
|
}
|
|
|
|
|
|
return _ret = (_temp = (_this = __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default()(this, (_ref = Options.__proto__ || Object.getPrototypeOf(Options)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
|
|
|
goInputText: ''
|
|
|
}, _this.buildOptionText = function (value) {
|
|
|
return value + ' ' + _this.props.locale.items_per_page;
|
|
|
}, _this.changeSize = function (value) {
|
|
|
_this.props.changeSize(Number(value));
|
|
|
}, _this.handleChange = function (e) {
|
|
|
_this.setState({
|
|
|
goInputText: e.target.value
|
|
|
});
|
|
|
}, _this.handleBlur = function () {
|
|
|
var _this$props = _this.props,
|
|
|
goButton = _this$props.goButton,
|
|
|
quickGo = _this$props.quickGo;
|
|
|
|
|
|
if (goButton) {
|
|
|
return;
|
|
|
}
|
|
|
quickGo(_this.getValidValue());
|
|
|
}, _this.go = function (e) {
|
|
|
var goInputText = _this.state.goInputText;
|
|
|
|
|
|
if (goInputText === '') {
|
|
|
return;
|
|
|
}
|
|
|
if (e.keyCode === __WEBPACK_IMPORTED_MODULE_6__KeyCode__["a" /* default */].ENTER || e.type === 'click') {
|
|
|
_this.setState({
|
|
|
goInputText: ''
|
|
|
});
|
|
|
_this.props.quickGo(_this.getValidValue());
|
|
|
}
|
|
|
}, _temp), __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default()(_this, _ret);
|
|
|
}
|
|
|
|
|
|
__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass___default()(Options, [{
|
|
|
key: 'getValidValue',
|
|
|
value: function getValidValue() {
|
|
|
var _state = this.state,
|
|
|
goInputText = _state.goInputText,
|
|
|
current = _state.current;
|
|
|
|
|
|
return !goInputText || isNaN(goInputText) ? current : Number(goInputText);
|
|
|
}
|
|
|
}, {
|
|
|
key: 'render',
|
|
|
value: function render() {
|
|
|
var _this2 = this;
|
|
|
|
|
|
var _props = this.props,
|
|
|
pageSize = _props.pageSize,
|
|
|
pageSizeOptions = _props.pageSizeOptions,
|
|
|
locale = _props.locale,
|
|
|
rootPrefixCls = _props.rootPrefixCls,
|
|
|
changeSize = _props.changeSize,
|
|
|
quickGo = _props.quickGo,
|
|
|
goButton = _props.goButton,
|
|
|
selectComponentClass = _props.selectComponentClass,
|
|
|
buildOptionText = _props.buildOptionText,
|
|
|
selectPrefixCls = _props.selectPrefixCls,
|
|
|
disabled = _props.disabled;
|
|
|
var goInputText = this.state.goInputText;
|
|
|
|
|
|
var prefixCls = rootPrefixCls + '-options';
|
|
|
var Select = selectComponentClass;
|
|
|
var changeSelect = null;
|
|
|
var goInput = null;
|
|
|
var gotoButton = null;
|
|
|
|
|
|
if (!changeSize && !quickGo) {
|
|
|
return null;
|
|
|
}
|
|
|
|
|
|
if (changeSize && Select) {
|
|
|
var options = pageSizeOptions.map(function (opt, i) {
|
|
|
return __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
|
|
|
Select.Option,
|
|
|
{ key: i, value: opt },
|
|
|
(buildOptionText || _this2.buildOptionText)(opt)
|
|
|
);
|
|
|
});
|
|
|
|
|
|
changeSelect = __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
|
|
|
Select,
|
|
|
{
|
|
|
disabled: disabled,
|
|
|
prefixCls: selectPrefixCls,
|
|
|
showSearch: false,
|
|
|
className: prefixCls + '-size-changer',
|
|
|
optionLabelProp: 'children',
|
|
|
dropdownMatchSelectWidth: false,
|
|
|
value: (pageSize || pageSizeOptions[0]).toString(),
|
|
|
onChange: this.changeSize,
|
|
|
getPopupContainer: function getPopupContainer(triggerNode) {
|
|
|
return triggerNode.parentNode;
|
|
|
}
|
|
|
},
|
|
|
options
|
|
|
);
|
|
|
}
|
|
|
|
|
|
if (quickGo) {
|
|
|
if (goButton) {
|
|
|
gotoButton = typeof goButton === 'boolean' ? __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
|
|
|
'button',
|
|
|
{
|
|
|
type: 'button',
|
|
|
onClick: this.go,
|
|
|
onKeyUp: this.go,
|
|
|
disabled: disabled
|
|
|
},
|
|
|
locale.jump_to_confirm
|
|
|
) : __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
|
|
|
'span',
|
|
|
{
|
|
|
onClick: this.go,
|
|
|
onKeyUp: this.go
|
|
|
},
|
|
|
goButton
|
|
|
);
|
|
|
}
|
|
|
goInput = __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
|
|
|
'div',
|
|
|
{ className: prefixCls + '-quick-jumper' },
|
|
|
locale.jump_to,
|
|
|
__WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement('input', {
|
|
|
disabled: disabled,
|
|
|
type: 'text',
|
|
|
value: goInputText,
|
|
|
onChange: this.handleChange,
|
|
|
onKeyUp: this.go,
|
|
|
onBlur: this.handleBlur
|
|
|
}),
|
|
|
locale.page,
|
|
|
gotoButton
|
|
|
);
|
|
|
}
|
|
|
|
|
|
return __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
|
|
|
'li',
|
|
|
{ className: '' + prefixCls },
|
|
|
changeSelect,
|
|
|
goInput
|
|
|
);
|
|
|
}
|
|
|
}]);
|
|
|
|
|
|
return Options;
|
|
|
}(__WEBPACK_IMPORTED_MODULE_4_react___default.a.Component);
|
|
|
|
|
|
Options.propTypes = {
|
|
|
disabled: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.bool,
|
|
|
changeSize: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,
|
|
|
quickGo: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,
|
|
|
selectComponentClass: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,
|
|
|
current: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.number,
|
|
|
pageSizeOptions: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.arrayOf(__WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string),
|
|
|
pageSize: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.number,
|
|
|
buildOptionText: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,
|
|
|
locale: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.object,
|
|
|
rootPrefixCls: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string,
|
|
|
selectPrefixCls: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string,
|
|
|
goButton: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.bool, __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.node])
|
|
|
};
|
|
|
Options.defaultProps = {
|
|
|
pageSizeOptions: ['10', '20', '30', '40']
|
|
|
};
|
|
|
|
|
|
|
|
|
/* harmony default export */ __webpack_exports__["a"] = (Options);
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 901:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
/* harmony default export */ __webpack_exports__["a"] = ({
|
|
|
// Options.jsx
|
|
|
items_per_page: '条/页',
|
|
|
jump_to: '跳至',
|
|
|
jump_to_confirm: '确定',
|
|
|
page: '页',
|
|
|
|
|
|
// Pagination.jsx
|
|
|
prev_page: '上一页',
|
|
|
next_page: '下一页',
|
|
|
prev_5: '向前 5 页',
|
|
|
next_5: '向后 5 页',
|
|
|
prev_3: '向前 3 页',
|
|
|
next_3: '向后 3 页'
|
|
|
});
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 907:
|
|
|
/***/ (function(module, exports) {
|
|
|
|
|
|
/** Used for built-in method references. */
|
|
|
var objectProto = Object.prototype;
|
|
|
|
|
|
/**
|
|
|
* Checks if `value` is likely a prototype object.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {*} value The value to check.
|
|
|
* @returns {boolean} Returns `true` if `value` is a prototype, else `false`.
|
|
|
*/
|
|
|
function isPrototype(value) {
|
|
|
var Ctor = value && value.constructor,
|
|
|
proto = (typeof Ctor == 'function' && Ctor.prototype) || objectProto;
|
|
|
|
|
|
return value === proto;
|
|
|
}
|
|
|
|
|
|
module.exports = isPrototype;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 908:
|
|
|
/***/ (function(module, exports) {
|
|
|
|
|
|
/**
|
|
|
* This method returns the first argument it receives.
|
|
|
*
|
|
|
* @static
|
|
|
* @since 0.1.0
|
|
|
* @memberOf _
|
|
|
* @category Util
|
|
|
* @param {*} value Any value.
|
|
|
* @returns {*} Returns `value`.
|
|
|
* @example
|
|
|
*
|
|
|
* var object = { 'a': 1 };
|
|
|
*
|
|
|
* console.log(_.identity(object) === object);
|
|
|
* // => true
|
|
|
*/
|
|
|
function identity(value) {
|
|
|
return value;
|
|
|
}
|
|
|
|
|
|
module.exports = identity;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 912:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var castPath = __webpack_require__(826),
|
|
|
isArguments = __webpack_require__(837),
|
|
|
isArray = __webpack_require__(815),
|
|
|
isIndex = __webpack_require__(825),
|
|
|
isLength = __webpack_require__(828),
|
|
|
toKey = __webpack_require__(821);
|
|
|
|
|
|
/**
|
|
|
* Checks if `path` exists on `object`.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {Object} object The object to query.
|
|
|
* @param {Array|string} path The path to check.
|
|
|
* @param {Function} hasFunc The function to check properties.
|
|
|
* @returns {boolean} Returns `true` if `path` exists, else `false`.
|
|
|
*/
|
|
|
function hasPath(object, path, hasFunc) {
|
|
|
path = castPath(path, object);
|
|
|
|
|
|
var index = -1,
|
|
|
length = path.length,
|
|
|
result = false;
|
|
|
|
|
|
while (++index < length) {
|
|
|
var key = toKey(path[index]);
|
|
|
if (!(result = object != null && hasFunc(object, key))) {
|
|
|
break;
|
|
|
}
|
|
|
object = object[key];
|
|
|
}
|
|
|
if (result || ++index != length) {
|
|
|
return result;
|
|
|
}
|
|
|
length = object == null ? 0 : object.length;
|
|
|
return !!length && isLength(length) && isIndex(key, length) &&
|
|
|
(isArray(object) || isArguments(object));
|
|
|
}
|
|
|
|
|
|
module.exports = hasPath;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 914:
|
|
|
/***/ (function(module, exports) {
|
|
|
|
|
|
/**
|
|
|
* Converts `set` to an array of its values.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {Object} set The set to convert.
|
|
|
* @returns {Array} Returns the values.
|
|
|
*/
|
|
|
function setToArray(set) {
|
|
|
var index = -1,
|
|
|
result = Array(set.size);
|
|
|
|
|
|
set.forEach(function(value) {
|
|
|
result[++index] = value;
|
|
|
});
|
|
|
return result;
|
|
|
}
|
|
|
|
|
|
module.exports = setToArray;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 925:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var root = __webpack_require__(162);
|
|
|
|
|
|
/** Built-in value references. */
|
|
|
var Uint8Array = root.Uint8Array;
|
|
|
|
|
|
module.exports = Uint8Array;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 926:
|
|
|
/***/ (function(module, exports) {
|
|
|
|
|
|
/**
|
|
|
* Creates a unary function that invokes `func` with its argument transformed.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {Function} func The function to wrap.
|
|
|
* @param {Function} transform The argument transform.
|
|
|
* @returns {Function} Returns the new function.
|
|
|
*/
|
|
|
function overArg(func, transform) {
|
|
|
return function(arg) {
|
|
|
return func(transform(arg));
|
|
|
};
|
|
|
}
|
|
|
|
|
|
module.exports = overArg;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 927:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var baseTimes = __webpack_require__(946),
|
|
|
isArguments = __webpack_require__(837),
|
|
|
isArray = __webpack_require__(815),
|
|
|
isBuffer = __webpack_require__(851),
|
|
|
isIndex = __webpack_require__(825),
|
|
|
isTypedArray = __webpack_require__(852);
|
|
|
|
|
|
/** Used for built-in method references. */
|
|
|
var objectProto = Object.prototype;
|
|
|
|
|
|
/** Used to check objects for own properties. */
|
|
|
var hasOwnProperty = objectProto.hasOwnProperty;
|
|
|
|
|
|
/**
|
|
|
* Creates an array of the enumerable property names of the array-like `value`.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {*} value The value to query.
|
|
|
* @param {boolean} inherited Specify returning inherited property names.
|
|
|
* @returns {Array} Returns the array of property names.
|
|
|
*/
|
|
|
function arrayLikeKeys(value, inherited) {
|
|
|
var isArr = isArray(value),
|
|
|
isArg = !isArr && isArguments(value),
|
|
|
isBuff = !isArr && !isArg && isBuffer(value),
|
|
|
isType = !isArr && !isArg && !isBuff && isTypedArray(value),
|
|
|
skipIndexes = isArr || isArg || isBuff || isType,
|
|
|
result = skipIndexes ? baseTimes(value.length, String) : [],
|
|
|
length = result.length;
|
|
|
|
|
|
for (var key in value) {
|
|
|
if ((inherited || hasOwnProperty.call(value, key)) &&
|
|
|
!(skipIndexes && (
|
|
|
// Safari 9 has enumerable `arguments.length` in strict mode.
|
|
|
key == 'length' ||
|
|
|
// Node.js 0.10 has enumerable non-index properties on buffers.
|
|
|
(isBuff && (key == 'offset' || key == 'parent')) ||
|
|
|
// PhantomJS 2 has enumerable non-index properties on typed arrays.
|
|
|
(isType && (key == 'buffer' || key == 'byteLength' || key == 'byteOffset')) ||
|
|
|
// Skip index properties.
|
|
|
isIndex(key, length)
|
|
|
))) {
|
|
|
result.push(key);
|
|
|
}
|
|
|
}
|
|
|
return result;
|
|
|
}
|
|
|
|
|
|
module.exports = arrayLikeKeys;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 931:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
|
|
|
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
|
|
|
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
|
|
|
|
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 _get(target, property, receiver) { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(receiver); } return desc.value; }; } return _get(target, property, receiver || target); }
|
|
|
|
|
|
function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
|
|
|
|
|
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
|
|
|
|
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); }
|
|
|
|
|
|
var enhancer = function enhancer(WrappedComponent) {
|
|
|
return (
|
|
|
/*#__PURE__*/
|
|
|
function (_WrappedComponent) {
|
|
|
_inherits(Progress, _WrappedComponent);
|
|
|
|
|
|
function Progress() {
|
|
|
_classCallCheck(this, Progress);
|
|
|
|
|
|
return _possibleConstructorReturn(this, _getPrototypeOf(Progress).apply(this, arguments));
|
|
|
}
|
|
|
|
|
|
_createClass(Progress, [{
|
|
|
key: "componentDidUpdate",
|
|
|
value: function componentDidUpdate() {
|
|
|
var _this = this;
|
|
|
|
|
|
var now = Date.now();
|
|
|
var updated = false;
|
|
|
Object.keys(this.paths).forEach(function (key) {
|
|
|
var path = _this.paths[key];
|
|
|
|
|
|
if (!path) {
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
updated = true;
|
|
|
var pathStyle = path.style;
|
|
|
pathStyle.transitionDuration = '.3s, .3s, .3s, .06s';
|
|
|
|
|
|
if (_this.prevTimeStamp && now - _this.prevTimeStamp < 100) {
|
|
|
pathStyle.transitionDuration = '0s, 0s';
|
|
|
}
|
|
|
});
|
|
|
|
|
|
if (updated) {
|
|
|
this.prevTimeStamp = Date.now();
|
|
|
}
|
|
|
}
|
|
|
}, {
|
|
|
key: "render",
|
|
|
value: function render() {
|
|
|
return _get(_getPrototypeOf(Progress.prototype), "render", this).call(this);
|
|
|
}
|
|
|
}]);
|
|
|
|
|
|
return Progress;
|
|
|
}(WrappedComponent)
|
|
|
);
|
|
|
};
|
|
|
|
|
|
/* harmony default export */ __webpack_exports__["a"] = (enhancer);
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 932:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return defaultProps; });
|
|
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return propTypes; });
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_prop_types__ = __webpack_require__(1);
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_prop_types__);
|
|
|
|
|
|
var defaultProps = {
|
|
|
className: '',
|
|
|
percent: 0,
|
|
|
prefixCls: 'rc-progress',
|
|
|
strokeColor: '#2db7f5',
|
|
|
strokeLinecap: 'round',
|
|
|
strokeWidth: 1,
|
|
|
style: {},
|
|
|
trailColor: '#D9D9D9',
|
|
|
trailWidth: 1
|
|
|
};
|
|
|
var mixedType = __WEBPACK_IMPORTED_MODULE_0_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_0_prop_types___default.a.number, __WEBPACK_IMPORTED_MODULE_0_prop_types___default.a.string]);
|
|
|
var propTypes = {
|
|
|
className: __WEBPACK_IMPORTED_MODULE_0_prop_types___default.a.string,
|
|
|
percent: __WEBPACK_IMPORTED_MODULE_0_prop_types___default.a.oneOfType([mixedType, __WEBPACK_IMPORTED_MODULE_0_prop_types___default.a.arrayOf(mixedType)]),
|
|
|
prefixCls: __WEBPACK_IMPORTED_MODULE_0_prop_types___default.a.string,
|
|
|
strokeColor: __WEBPACK_IMPORTED_MODULE_0_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_0_prop_types___default.a.string, __WEBPACK_IMPORTED_MODULE_0_prop_types___default.a.arrayOf(__WEBPACK_IMPORTED_MODULE_0_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_0_prop_types___default.a.string, __WEBPACK_IMPORTED_MODULE_0_prop_types___default.a.object])), __WEBPACK_IMPORTED_MODULE_0_prop_types___default.a.object]),
|
|
|
strokeLinecap: __WEBPACK_IMPORTED_MODULE_0_prop_types___default.a.oneOf(['butt', 'round', 'square']),
|
|
|
strokeWidth: mixedType,
|
|
|
style: __WEBPACK_IMPORTED_MODULE_0_prop_types___default.a.object,
|
|
|
trailColor: __WEBPACK_IMPORTED_MODULE_0_prop_types___default.a.string,
|
|
|
trailWidth: mixedType
|
|
|
};
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 937:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var ListCache = __webpack_require__(822);
|
|
|
|
|
|
/**
|
|
|
* Removes all key-value entries from the stack.
|
|
|
*
|
|
|
* @private
|
|
|
* @name clear
|
|
|
* @memberOf Stack
|
|
|
*/
|
|
|
function stackClear() {
|
|
|
this.__data__ = new ListCache;
|
|
|
this.size = 0;
|
|
|
}
|
|
|
|
|
|
module.exports = stackClear;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 938:
|
|
|
/***/ (function(module, exports) {
|
|
|
|
|
|
/**
|
|
|
* Removes `key` and its value from the stack.
|
|
|
*
|
|
|
* @private
|
|
|
* @name delete
|
|
|
* @memberOf Stack
|
|
|
* @param {string} key The key of the value to remove.
|
|
|
* @returns {boolean} Returns `true` if the entry was removed, else `false`.
|
|
|
*/
|
|
|
function stackDelete(key) {
|
|
|
var data = this.__data__,
|
|
|
result = data['delete'](key);
|
|
|
|
|
|
this.size = data.size;
|
|
|
return result;
|
|
|
}
|
|
|
|
|
|
module.exports = stackDelete;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 939:
|
|
|
/***/ (function(module, exports) {
|
|
|
|
|
|
/**
|
|
|
* Gets the stack value for `key`.
|
|
|
*
|
|
|
* @private
|
|
|
* @name get
|
|
|
* @memberOf Stack
|
|
|
* @param {string} key The key of the value to get.
|
|
|
* @returns {*} Returns the entry value.
|
|
|
*/
|
|
|
function stackGet(key) {
|
|
|
return this.__data__.get(key);
|
|
|
}
|
|
|
|
|
|
module.exports = stackGet;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 940:
|
|
|
/***/ (function(module, exports) {
|
|
|
|
|
|
/**
|
|
|
* Checks if a stack value for `key` exists.
|
|
|
*
|
|
|
* @private
|
|
|
* @name has
|
|
|
* @memberOf Stack
|
|
|
* @param {string} key The key of the entry to check.
|
|
|
* @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
|
|
|
*/
|
|
|
function stackHas(key) {
|
|
|
return this.__data__.has(key);
|
|
|
}
|
|
|
|
|
|
module.exports = stackHas;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 941:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var ListCache = __webpack_require__(822),
|
|
|
Map = __webpack_require__(829),
|
|
|
MapCache = __webpack_require__(830);
|
|
|
|
|
|
/** Used as the size to enable large array optimizations. */
|
|
|
var LARGE_ARRAY_SIZE = 200;
|
|
|
|
|
|
/**
|
|
|
* Sets the stack `key` to `value`.
|
|
|
*
|
|
|
* @private
|
|
|
* @name set
|
|
|
* @memberOf Stack
|
|
|
* @param {string} key The key of the value to set.
|
|
|
* @param {*} value The value to set.
|
|
|
* @returns {Object} Returns the stack cache instance.
|
|
|
*/
|
|
|
function stackSet(key, value) {
|
|
|
var data = this.__data__;
|
|
|
if (data instanceof ListCache) {
|
|
|
var pairs = data.__data__;
|
|
|
if (!Map || (pairs.length < LARGE_ARRAY_SIZE - 1)) {
|
|
|
pairs.push([key, value]);
|
|
|
this.size = ++data.size;
|
|
|
return this;
|
|
|
}
|
|
|
data = this.__data__ = new MapCache(pairs);
|
|
|
}
|
|
|
data.set(key, value);
|
|
|
this.size = data.size;
|
|
|
return this;
|
|
|
}
|
|
|
|
|
|
module.exports = stackSet;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 942:
|
|
|
/***/ (function(module, exports) {
|
|
|
|
|
|
/**
|
|
|
* This method returns `false`.
|
|
|
*
|
|
|
* @static
|
|
|
* @memberOf _
|
|
|
* @since 4.13.0
|
|
|
* @category Util
|
|
|
* @returns {boolean} Returns `false`.
|
|
|
* @example
|
|
|
*
|
|
|
* _.times(2, _.stubFalse);
|
|
|
* // => [false, false]
|
|
|
*/
|
|
|
function stubFalse() {
|
|
|
return false;
|
|
|
}
|
|
|
|
|
|
module.exports = stubFalse;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 943:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var baseGetTag = __webpack_require__(297),
|
|
|
isLength = __webpack_require__(828),
|
|
|
isObjectLike = __webpack_require__(296);
|
|
|
|
|
|
/** `Object#toString` result references. */
|
|
|
var argsTag = '[object Arguments]',
|
|
|
arrayTag = '[object Array]',
|
|
|
boolTag = '[object Boolean]',
|
|
|
dateTag = '[object Date]',
|
|
|
errorTag = '[object Error]',
|
|
|
funcTag = '[object Function]',
|
|
|
mapTag = '[object Map]',
|
|
|
numberTag = '[object Number]',
|
|
|
objectTag = '[object Object]',
|
|
|
regexpTag = '[object RegExp]',
|
|
|
setTag = '[object Set]',
|
|
|
stringTag = '[object String]',
|
|
|
weakMapTag = '[object WeakMap]';
|
|
|
|
|
|
var arrayBufferTag = '[object ArrayBuffer]',
|
|
|
dataViewTag = '[object DataView]',
|
|
|
float32Tag = '[object Float32Array]',
|
|
|
float64Tag = '[object Float64Array]',
|
|
|
int8Tag = '[object Int8Array]',
|
|
|
int16Tag = '[object Int16Array]',
|
|
|
int32Tag = '[object Int32Array]',
|
|
|
uint8Tag = '[object Uint8Array]',
|
|
|
uint8ClampedTag = '[object Uint8ClampedArray]',
|
|
|
uint16Tag = '[object Uint16Array]',
|
|
|
uint32Tag = '[object Uint32Array]';
|
|
|
|
|
|
/** Used to identify `toStringTag` values of typed arrays. */
|
|
|
var typedArrayTags = {};
|
|
|
typedArrayTags[float32Tag] = typedArrayTags[float64Tag] =
|
|
|
typedArrayTags[int8Tag] = typedArrayTags[int16Tag] =
|
|
|
typedArrayTags[int32Tag] = typedArrayTags[uint8Tag] =
|
|
|
typedArrayTags[uint8ClampedTag] = typedArrayTags[uint16Tag] =
|
|
|
typedArrayTags[uint32Tag] = true;
|
|
|
typedArrayTags[argsTag] = typedArrayTags[arrayTag] =
|
|
|
typedArrayTags[arrayBufferTag] = typedArrayTags[boolTag] =
|
|
|
typedArrayTags[dataViewTag] = typedArrayTags[dateTag] =
|
|
|
typedArrayTags[errorTag] = typedArrayTags[funcTag] =
|
|
|
typedArrayTags[mapTag] = typedArrayTags[numberTag] =
|
|
|
typedArrayTags[objectTag] = typedArrayTags[regexpTag] =
|
|
|
typedArrayTags[setTag] = typedArrayTags[stringTag] =
|
|
|
typedArrayTags[weakMapTag] = false;
|
|
|
|
|
|
/**
|
|
|
* The base implementation of `_.isTypedArray` without Node.js optimizations.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {*} value The value to check.
|
|
|
* @returns {boolean} Returns `true` if `value` is a typed array, else `false`.
|
|
|
*/
|
|
|
function baseIsTypedArray(value) {
|
|
|
return isObjectLike(value) &&
|
|
|
isLength(value.length) && !!typedArrayTags[baseGetTag(value)];
|
|
|
}
|
|
|
|
|
|
module.exports = baseIsTypedArray;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 944:
|
|
|
/***/ (function(module, exports) {
|
|
|
|
|
|
/**
|
|
|
* The base implementation of `_.unary` without support for storing metadata.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {Function} func The function to cap arguments for.
|
|
|
* @returns {Function} Returns the new capped function.
|
|
|
*/
|
|
|
function baseUnary(func) {
|
|
|
return function(value) {
|
|
|
return func(value);
|
|
|
};
|
|
|
}
|
|
|
|
|
|
module.exports = baseUnary;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 945:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
/* WEBPACK VAR INJECTION */(function(module) {var freeGlobal = __webpack_require__(310);
|
|
|
|
|
|
/** Detect free variable `exports`. */
|
|
|
var freeExports = typeof exports == 'object' && exports && !exports.nodeType && exports;
|
|
|
|
|
|
/** Detect free variable `module`. */
|
|
|
var freeModule = freeExports && typeof module == 'object' && module && !module.nodeType && module;
|
|
|
|
|
|
/** Detect the popular CommonJS extension `module.exports`. */
|
|
|
var moduleExports = freeModule && freeModule.exports === freeExports;
|
|
|
|
|
|
/** Detect free variable `process` from Node.js. */
|
|
|
var freeProcess = moduleExports && freeGlobal.process;
|
|
|
|
|
|
/** Used to access faster Node.js helpers. */
|
|
|
var nodeUtil = (function() {
|
|
|
try {
|
|
|
// Use `util.types` for Node.js 10+.
|
|
|
var types = freeModule && freeModule.require && freeModule.require('util').types;
|
|
|
|
|
|
if (types) {
|
|
|
return types;
|
|
|
}
|
|
|
|
|
|
// Legacy `process.binding('util')` for Node.js < 10.
|
|
|
return freeProcess && freeProcess.binding && freeProcess.binding('util');
|
|
|
} catch (e) {}
|
|
|
}());
|
|
|
|
|
|
module.exports = nodeUtil;
|
|
|
|
|
|
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(300)(module)))
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 946:
|
|
|
/***/ (function(module, exports) {
|
|
|
|
|
|
/**
|
|
|
* The base implementation of `_.times` without support for iteratee shorthands
|
|
|
* or max array length checks.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {number} n The number of times to invoke `iteratee`.
|
|
|
* @param {Function} iteratee The function invoked per iteration.
|
|
|
* @returns {Array} Returns the array of results.
|
|
|
*/
|
|
|
function baseTimes(n, iteratee) {
|
|
|
var index = -1,
|
|
|
result = Array(n);
|
|
|
|
|
|
while (++index < n) {
|
|
|
result[index] = iteratee(index);
|
|
|
}
|
|
|
return result;
|
|
|
}
|
|
|
|
|
|
module.exports = baseTimes;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 964:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
|
value: true
|
|
|
});
|
|
|
exports["default"] = void 0;
|
|
|
|
|
|
var React = _interopRequireWildcard(__webpack_require__(0));
|
|
|
|
|
|
var _reactLifecyclesCompat = __webpack_require__(7);
|
|
|
|
|
|
var _rcUpload = _interopRequireDefault(__webpack_require__(1094));
|
|
|
|
|
|
var _classnames = _interopRequireDefault(__webpack_require__(3));
|
|
|
|
|
|
var _uniqBy = _interopRequireDefault(__webpack_require__(1101));
|
|
|
|
|
|
var _findIndex = _interopRequireDefault(__webpack_require__(1137));
|
|
|
|
|
|
var _UploadList = _interopRequireDefault(__webpack_require__(1138));
|
|
|
|
|
|
var _utils = __webpack_require__(976);
|
|
|
|
|
|
var _LocaleReceiver = _interopRequireDefault(__webpack_require__(70));
|
|
|
|
|
|
var _default2 = _interopRequireDefault(__webpack_require__(173));
|
|
|
|
|
|
var _configProvider = __webpack_require__(9);
|
|
|
|
|
|
var _warning = _interopRequireDefault(__webpack_require__(40));
|
|
|
|
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
|
|
|
|
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
|
|
|
|
|
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
|
|
|
|
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
|
|
|
|
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; }
|
|
|
|
|
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
|
|
|
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
|
|
|
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
|
|
|
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
|
|
|
|
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 _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); }
|
|
|
|
|
|
var Upload =
|
|
|
/*#__PURE__*/
|
|
|
function (_React$Component) {
|
|
|
_inherits(Upload, _React$Component);
|
|
|
|
|
|
function Upload(props) {
|
|
|
var _this;
|
|
|
|
|
|
_classCallCheck(this, Upload);
|
|
|
|
|
|
_this = _possibleConstructorReturn(this, _getPrototypeOf(Upload).call(this, props));
|
|
|
|
|
|
_this.saveUpload = function (node) {
|
|
|
_this.upload = node;
|
|
|
};
|
|
|
|
|
|
_this.onStart = function (file) {
|
|
|
var fileList = _this.state.fileList;
|
|
|
var targetItem = (0, _utils.fileToObject)(file);
|
|
|
targetItem.status = 'uploading';
|
|
|
var nextFileList = fileList.concat();
|
|
|
var fileIndex = (0, _findIndex["default"])(nextFileList, function (_ref) {
|
|
|
var uid = _ref.uid;
|
|
|
return uid === targetItem.uid;
|
|
|
});
|
|
|
|
|
|
if (fileIndex === -1) {
|
|
|
nextFileList.push(targetItem);
|
|
|
} else {
|
|
|
nextFileList[fileIndex] = targetItem;
|
|
|
}
|
|
|
|
|
|
_this.onChange({
|
|
|
file: targetItem,
|
|
|
fileList: nextFileList
|
|
|
}); // fix ie progress
|
|
|
|
|
|
|
|
|
if (!window.File || Object({"NODE_ENV":"production","PUBLIC_URL":"/react/build/."}).TEST_IE) {
|
|
|
_this.autoUpdateProgress(0, targetItem);
|
|
|
}
|
|
|
};
|
|
|
|
|
|
_this.onSuccess = function (response, file, xhr) {
|
|
|
_this.clearProgressTimer();
|
|
|
|
|
|
try {
|
|
|
if (typeof response === 'string') {
|
|
|
response = JSON.parse(response);
|
|
|
}
|
|
|
} catch (e) {
|
|
|
/* do nothing */
|
|
|
}
|
|
|
|
|
|
var fileList = _this.state.fileList;
|
|
|
var targetItem = (0, _utils.getFileItem)(file, fileList); // removed
|
|
|
|
|
|
if (!targetItem) {
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
targetItem.status = 'done';
|
|
|
targetItem.response = response;
|
|
|
targetItem.xhr = xhr;
|
|
|
|
|
|
_this.onChange({
|
|
|
file: _extends({}, targetItem),
|
|
|
fileList: fileList
|
|
|
});
|
|
|
};
|
|
|
|
|
|
_this.onProgress = function (e, file) {
|
|
|
var fileList = _this.state.fileList;
|
|
|
var targetItem = (0, _utils.getFileItem)(file, fileList); // removed
|
|
|
|
|
|
if (!targetItem) {
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
targetItem.percent = e.percent;
|
|
|
|
|
|
_this.onChange({
|
|
|
event: e,
|
|
|
file: _extends({}, targetItem),
|
|
|
fileList: fileList
|
|
|
});
|
|
|
};
|
|
|
|
|
|
_this.onError = function (error, response, file) {
|
|
|
_this.clearProgressTimer();
|
|
|
|
|
|
var fileList = _this.state.fileList;
|
|
|
var targetItem = (0, _utils.getFileItem)(file, fileList); // removed
|
|
|
|
|
|
if (!targetItem) {
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
targetItem.error = error;
|
|
|
targetItem.response = response;
|
|
|
targetItem.status = 'error';
|
|
|
|
|
|
_this.onChange({
|
|
|
file: _extends({}, targetItem),
|
|
|
fileList: fileList
|
|
|
});
|
|
|
};
|
|
|
|
|
|
_this.handleRemove = function (file) {
|
|
|
var onRemove = _this.props.onRemove;
|
|
|
var fileList = _this.state.fileList;
|
|
|
Promise.resolve(typeof onRemove === 'function' ? onRemove(file) : onRemove).then(function (ret) {
|
|
|
// Prevent removing file
|
|
|
if (ret === false) {
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
var removedFileList = (0, _utils.removeFileItem)(file, fileList);
|
|
|
|
|
|
if (removedFileList) {
|
|
|
file.status = 'removed'; // eslint-disable-line
|
|
|
|
|
|
if (_this.upload) {
|
|
|
_this.upload.abort(file);
|
|
|
}
|
|
|
|
|
|
_this.onChange({
|
|
|
file: file,
|
|
|
fileList: removedFileList
|
|
|
});
|
|
|
}
|
|
|
});
|
|
|
};
|
|
|
|
|
|
_this.onChange = function (info) {
|
|
|
if (!('fileList' in _this.props)) {
|
|
|
_this.setState({
|
|
|
fileList: info.fileList
|
|
|
});
|
|
|
}
|
|
|
|
|
|
var onChange = _this.props.onChange;
|
|
|
|
|
|
if (onChange) {
|
|
|
onChange(info);
|
|
|
}
|
|
|
};
|
|
|
|
|
|
_this.onFileDrop = function (e) {
|
|
|
_this.setState({
|
|
|
dragState: e.type
|
|
|
});
|
|
|
};
|
|
|
|
|
|
_this.beforeUpload = function (file, fileList) {
|
|
|
var beforeUpload = _this.props.beforeUpload;
|
|
|
var stateFileList = _this.state.fileList;
|
|
|
|
|
|
if (!beforeUpload) {
|
|
|
return true;
|
|
|
}
|
|
|
|
|
|
var result = beforeUpload(file, fileList);
|
|
|
|
|
|
if (result === false) {
|
|
|
_this.onChange({
|
|
|
file: file,
|
|
|
fileList: (0, _uniqBy["default"])(stateFileList.concat(fileList.map(_utils.fileToObject)), function (item) {
|
|
|
return item.uid;
|
|
|
})
|
|
|
});
|
|
|
|
|
|
return false;
|
|
|
}
|
|
|
|
|
|
if (result && result.then) {
|
|
|
return result;
|
|
|
}
|
|
|
|
|
|
return true;
|
|
|
};
|
|
|
|
|
|
_this.renderUploadList = function (locale) {
|
|
|
var _this$props = _this.props,
|
|
|
showUploadList = _this$props.showUploadList,
|
|
|
listType = _this$props.listType,
|
|
|
onPreview = _this$props.onPreview,
|
|
|
onDownload = _this$props.onDownload,
|
|
|
previewFile = _this$props.previewFile,
|
|
|
disabled = _this$props.disabled,
|
|
|
propLocale = _this$props.locale;
|
|
|
var showRemoveIcon = showUploadList.showRemoveIcon,
|
|
|
showPreviewIcon = showUploadList.showPreviewIcon,
|
|
|
showDownloadIcon = showUploadList.showDownloadIcon;
|
|
|
var fileList = _this.state.fileList;
|
|
|
return React.createElement(_UploadList["default"], {
|
|
|
listType: listType,
|
|
|
items: fileList,
|
|
|
previewFile: previewFile,
|
|
|
onPreview: onPreview,
|
|
|
onDownload: onDownload,
|
|
|
onRemove: _this.handleRemove,
|
|
|
showRemoveIcon: !disabled && showRemoveIcon,
|
|
|
showPreviewIcon: showPreviewIcon,
|
|
|
showDownloadIcon: showDownloadIcon,
|
|
|
locale: _extends(_extends({}, locale), propLocale)
|
|
|
});
|
|
|
};
|
|
|
|
|
|
_this.renderUpload = function (_ref2) {
|
|
|
var _classNames2;
|
|
|
|
|
|
var getPrefixCls = _ref2.getPrefixCls;
|
|
|
var _this$props2 = _this.props,
|
|
|
customizePrefixCls = _this$props2.prefixCls,
|
|
|
className = _this$props2.className,
|
|
|
showUploadList = _this$props2.showUploadList,
|
|
|
listType = _this$props2.listType,
|
|
|
type = _this$props2.type,
|
|
|
disabled = _this$props2.disabled,
|
|
|
children = _this$props2.children,
|
|
|
style = _this$props2.style;
|
|
|
var _this$state = _this.state,
|
|
|
fileList = _this$state.fileList,
|
|
|
dragState = _this$state.dragState;
|
|
|
var prefixCls = getPrefixCls('upload', customizePrefixCls);
|
|
|
|
|
|
var rcUploadProps = _extends(_extends({
|
|
|
onStart: _this.onStart,
|
|
|
onError: _this.onError,
|
|
|
onProgress: _this.onProgress,
|
|
|
onSuccess: _this.onSuccess
|
|
|
}, _this.props), {
|
|
|
prefixCls: prefixCls,
|
|
|
beforeUpload: _this.beforeUpload
|
|
|
});
|
|
|
|
|
|
delete rcUploadProps.className;
|
|
|
delete rcUploadProps.style;
|
|
|
var uploadList = showUploadList ? React.createElement(_LocaleReceiver["default"], {
|
|
|
componentName: "Upload",
|
|
|
defaultLocale: _default2["default"].Upload
|
|
|
}, _this.renderUploadList) : null;
|
|
|
|
|
|
if (type === 'drag') {
|
|
|
var _classNames;
|
|
|
|
|
|
var dragCls = (0, _classnames["default"])(prefixCls, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-drag"), true), _defineProperty(_classNames, "".concat(prefixCls, "-drag-uploading"), fileList.some(function (file) {
|
|
|
return file.status === 'uploading';
|
|
|
})), _defineProperty(_classNames, "".concat(prefixCls, "-drag-hover"), dragState === 'dragover'), _defineProperty(_classNames, "".concat(prefixCls, "-disabled"), disabled), _classNames), className);
|
|
|
return React.createElement("span", null, React.createElement("div", {
|
|
|
className: dragCls,
|
|
|
onDrop: _this.onFileDrop,
|
|
|
onDragOver: _this.onFileDrop,
|
|
|
onDragLeave: _this.onFileDrop,
|
|
|
style: style
|
|
|
}, React.createElement(_rcUpload["default"], _extends({}, rcUploadProps, {
|
|
|
ref: _this.saveUpload,
|
|
|
className: "".concat(prefixCls, "-btn")
|
|
|
}), React.createElement("div", {
|
|
|
className: "".concat(prefixCls, "-drag-container")
|
|
|
}, children))), uploadList);
|
|
|
}
|
|
|
|
|
|
var uploadButtonCls = (0, _classnames["default"])(prefixCls, (_classNames2 = {}, _defineProperty(_classNames2, "".concat(prefixCls, "-select"), true), _defineProperty(_classNames2, "".concat(prefixCls, "-select-").concat(listType), true), _defineProperty(_classNames2, "".concat(prefixCls, "-disabled"), disabled), _classNames2)); // Remove id to avoid open by label when trigger is hidden
|
|
|
// https://github.com/ant-design/ant-design/issues/14298
|
|
|
// https://github.com/ant-design/ant-design/issues/16478
|
|
|
|
|
|
if (!children || disabled) {
|
|
|
delete rcUploadProps.id;
|
|
|
}
|
|
|
|
|
|
var uploadButton = React.createElement("div", {
|
|
|
className: uploadButtonCls,
|
|
|
style: children ? undefined : {
|
|
|
display: 'none'
|
|
|
}
|
|
|
}, React.createElement(_rcUpload["default"], _extends({}, rcUploadProps, {
|
|
|
ref: _this.saveUpload
|
|
|
})));
|
|
|
|
|
|
if (listType === 'picture-card') {
|
|
|
return React.createElement("span", {
|
|
|
className: (0, _classnames["default"])(className, "".concat(prefixCls, "-picture-card-wrapper"))
|
|
|
}, uploadList, uploadButton);
|
|
|
}
|
|
|
|
|
|
return React.createElement("span", {
|
|
|
className: className
|
|
|
}, uploadButton, uploadList);
|
|
|
};
|
|
|
|
|
|
_this.state = {
|
|
|
fileList: props.fileList || props.defaultFileList || [],
|
|
|
dragState: 'drop'
|
|
|
};
|
|
|
(0, _warning["default"])('fileList' in props || !('value' in props), 'Upload', '`value` is not validate prop, do you mean `fileList`?');
|
|
|
return _this;
|
|
|
}
|
|
|
|
|
|
_createClass(Upload, [{
|
|
|
key: "componentWillUnmount",
|
|
|
value: function componentWillUnmount() {
|
|
|
this.clearProgressTimer();
|
|
|
}
|
|
|
}, {
|
|
|
key: "clearProgressTimer",
|
|
|
value: function clearProgressTimer() {
|
|
|
clearInterval(this.progressTimer);
|
|
|
}
|
|
|
}, {
|
|
|
key: "autoUpdateProgress",
|
|
|
value: function autoUpdateProgress(_, file) {
|
|
|
var _this2 = this;
|
|
|
|
|
|
var getPercent = (0, _utils.genPercentAdd)();
|
|
|
var curPercent = 0;
|
|
|
this.clearProgressTimer();
|
|
|
this.progressTimer = setInterval(function () {
|
|
|
curPercent = getPercent(curPercent);
|
|
|
|
|
|
_this2.onProgress({
|
|
|
percent: curPercent * 100
|
|
|
}, file);
|
|
|
}, 200);
|
|
|
}
|
|
|
}, {
|
|
|
key: "render",
|
|
|
value: function render() {
|
|
|
return React.createElement(_configProvider.ConfigConsumer, null, this.renderUpload);
|
|
|
}
|
|
|
}], [{
|
|
|
key: "getDerivedStateFromProps",
|
|
|
value: function getDerivedStateFromProps(nextProps) {
|
|
|
if ('fileList' in nextProps) {
|
|
|
return {
|
|
|
fileList: nextProps.fileList || []
|
|
|
};
|
|
|
}
|
|
|
|
|
|
return null;
|
|
|
}
|
|
|
}]);
|
|
|
|
|
|
return Upload;
|
|
|
}(React.Component);
|
|
|
|
|
|
Upload.defaultProps = {
|
|
|
type: 'select',
|
|
|
multiple: false,
|
|
|
action: '',
|
|
|
data: {},
|
|
|
accept: '',
|
|
|
beforeUpload: _utils.T,
|
|
|
showUploadList: true,
|
|
|
listType: 'text',
|
|
|
className: '',
|
|
|
disabled: false,
|
|
|
supportServerRender: true
|
|
|
};
|
|
|
(0, _reactLifecyclesCompat.polyfill)(Upload);
|
|
|
var _default = Upload;
|
|
|
exports["default"] = _default;
|
|
|
//# sourceMappingURL=Upload.js.map
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 965:
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
/* harmony export (immutable) */ __webpack_exports__["a"] = uid;
|
|
|
var now = +new Date();
|
|
|
var index = 0;
|
|
|
|
|
|
function uid() {
|
|
|
return "rc-upload-" + now + "-" + ++index;
|
|
|
}
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 966:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var baseMatches = __webpack_require__(1102),
|
|
|
baseMatchesProperty = __webpack_require__(1124),
|
|
|
identity = __webpack_require__(908),
|
|
|
isArray = __webpack_require__(815),
|
|
|
property = __webpack_require__(1127);
|
|
|
|
|
|
/**
|
|
|
* The base implementation of `_.iteratee`.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {*} [value=_.identity] The value to convert to an iteratee.
|
|
|
* @returns {Function} Returns the iteratee.
|
|
|
*/
|
|
|
function baseIteratee(value) {
|
|
|
// Don't store the `typeof` result in a variable to avoid a JIT bug in Safari 9.
|
|
|
// See https://bugs.webkit.org/show_bug.cgi?id=156034 for more details.
|
|
|
if (typeof value == 'function') {
|
|
|
return value;
|
|
|
}
|
|
|
if (value == null) {
|
|
|
return identity;
|
|
|
}
|
|
|
if (typeof value == 'object') {
|
|
|
return isArray(value)
|
|
|
? baseMatchesProperty(value[0], value[1])
|
|
|
: baseMatches(value);
|
|
|
}
|
|
|
return property(value);
|
|
|
}
|
|
|
|
|
|
module.exports = baseIteratee;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 967:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var baseIsEqualDeep = __webpack_require__(1104),
|
|
|
isObjectLike = __webpack_require__(296);
|
|
|
|
|
|
/**
|
|
|
* The base implementation of `_.isEqual` which supports partial comparisons
|
|
|
* and tracks traversed objects.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {*} value The value to compare.
|
|
|
* @param {*} other The other value to compare.
|
|
|
* @param {boolean} bitmask The bitmask flags.
|
|
|
* 1 - Unordered comparison
|
|
|
* 2 - Partial comparison
|
|
|
* @param {Function} [customizer] The function to customize comparisons.
|
|
|
* @param {Object} [stack] Tracks traversed `value` and `other` objects.
|
|
|
* @returns {boolean} Returns `true` if the values are equivalent, else `false`.
|
|
|
*/
|
|
|
function baseIsEqual(value, other, bitmask, customizer, stack) {
|
|
|
if (value === other) {
|
|
|
return true;
|
|
|
}
|
|
|
if (value == null || other == null || (!isObjectLike(value) && !isObjectLike(other))) {
|
|
|
return value !== value && other !== other;
|
|
|
}
|
|
|
return baseIsEqualDeep(value, other, bitmask, customizer, baseIsEqual, stack);
|
|
|
}
|
|
|
|
|
|
module.exports = baseIsEqual;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 968:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var SetCache = __webpack_require__(969),
|
|
|
arraySome = __webpack_require__(1107),
|
|
|
cacheHas = __webpack_require__(970);
|
|
|
|
|
|
/** Used to compose bitmasks for value comparisons. */
|
|
|
var COMPARE_PARTIAL_FLAG = 1,
|
|
|
COMPARE_UNORDERED_FLAG = 2;
|
|
|
|
|
|
/**
|
|
|
* A specialized version of `baseIsEqualDeep` for arrays with support for
|
|
|
* partial deep comparisons.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {Array} array The array to compare.
|
|
|
* @param {Array} other The other array to compare.
|
|
|
* @param {number} bitmask The bitmask flags. See `baseIsEqual` for more details.
|
|
|
* @param {Function} customizer The function to customize comparisons.
|
|
|
* @param {Function} equalFunc The function to determine equivalents of values.
|
|
|
* @param {Object} stack Tracks traversed `array` and `other` objects.
|
|
|
* @returns {boolean} Returns `true` if the arrays are equivalent, else `false`.
|
|
|
*/
|
|
|
function equalArrays(array, other, bitmask, customizer, equalFunc, stack) {
|
|
|
var isPartial = bitmask & COMPARE_PARTIAL_FLAG,
|
|
|
arrLength = array.length,
|
|
|
othLength = other.length;
|
|
|
|
|
|
if (arrLength != othLength && !(isPartial && othLength > arrLength)) {
|
|
|
return false;
|
|
|
}
|
|
|
// Assume cyclic values are equal.
|
|
|
var stacked = stack.get(array);
|
|
|
if (stacked && stack.get(other)) {
|
|
|
return stacked == other;
|
|
|
}
|
|
|
var index = -1,
|
|
|
result = true,
|
|
|
seen = (bitmask & COMPARE_UNORDERED_FLAG) ? new SetCache : undefined;
|
|
|
|
|
|
stack.set(array, other);
|
|
|
stack.set(other, array);
|
|
|
|
|
|
// Ignore non-index properties.
|
|
|
while (++index < arrLength) {
|
|
|
var arrValue = array[index],
|
|
|
othValue = other[index];
|
|
|
|
|
|
if (customizer) {
|
|
|
var compared = isPartial
|
|
|
? customizer(othValue, arrValue, index, other, array, stack)
|
|
|
: customizer(arrValue, othValue, index, array, other, stack);
|
|
|
}
|
|
|
if (compared !== undefined) {
|
|
|
if (compared) {
|
|
|
continue;
|
|
|
}
|
|
|
result = false;
|
|
|
break;
|
|
|
}
|
|
|
// Recursively compare arrays (susceptible to call stack limits).
|
|
|
if (seen) {
|
|
|
if (!arraySome(other, function(othValue, othIndex) {
|
|
|
if (!cacheHas(seen, othIndex) &&
|
|
|
(arrValue === othValue || equalFunc(arrValue, othValue, bitmask, customizer, stack))) {
|
|
|
return seen.push(othIndex);
|
|
|
}
|
|
|
})) {
|
|
|
result = false;
|
|
|
break;
|
|
|
}
|
|
|
} else if (!(
|
|
|
arrValue === othValue ||
|
|
|
equalFunc(arrValue, othValue, bitmask, customizer, stack)
|
|
|
)) {
|
|
|
result = false;
|
|
|
break;
|
|
|
}
|
|
|
}
|
|
|
stack['delete'](array);
|
|
|
stack['delete'](other);
|
|
|
return result;
|
|
|
}
|
|
|
|
|
|
module.exports = equalArrays;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 969:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var MapCache = __webpack_require__(830),
|
|
|
setCacheAdd = __webpack_require__(1105),
|
|
|
setCacheHas = __webpack_require__(1106);
|
|
|
|
|
|
/**
|
|
|
*
|
|
|
* Creates an array cache object to store unique values.
|
|
|
*
|
|
|
* @private
|
|
|
* @constructor
|
|
|
* @param {Array} [values] The values to cache.
|
|
|
*/
|
|
|
function SetCache(values) {
|
|
|
var index = -1,
|
|
|
length = values == null ? 0 : values.length;
|
|
|
|
|
|
this.__data__ = new MapCache;
|
|
|
while (++index < length) {
|
|
|
this.add(values[index]);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
// Add methods to `SetCache`.
|
|
|
SetCache.prototype.add = SetCache.prototype.push = setCacheAdd;
|
|
|
SetCache.prototype.has = setCacheHas;
|
|
|
|
|
|
module.exports = SetCache;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 970:
|
|
|
/***/ (function(module, exports) {
|
|
|
|
|
|
/**
|
|
|
* Checks if a `cache` value for `key` exists.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {Object} cache The cache to query.
|
|
|
* @param {string} key The key of the entry to check.
|
|
|
* @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
|
|
|
*/
|
|
|
function cacheHas(cache, key) {
|
|
|
return cache.has(key);
|
|
|
}
|
|
|
|
|
|
module.exports = cacheHas;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 971:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var arrayLikeKeys = __webpack_require__(927),
|
|
|
baseKeys = __webpack_require__(1117),
|
|
|
isArrayLike = __webpack_require__(850);
|
|
|
|
|
|
/**
|
|
|
* Creates an array of the own enumerable property names of `object`.
|
|
|
*
|
|
|
* **Note:** Non-object values are coerced to objects. See the
|
|
|
* [ES spec](http://ecma-international.org/ecma-262/7.0/#sec-object.keys)
|
|
|
* for more details.
|
|
|
*
|
|
|
* @static
|
|
|
* @since 0.1.0
|
|
|
* @memberOf _
|
|
|
* @category Object
|
|
|
* @param {Object} object The object to query.
|
|
|
* @returns {Array} Returns the array of property names.
|
|
|
* @example
|
|
|
*
|
|
|
* function Foo() {
|
|
|
* this.a = 1;
|
|
|
* this.b = 2;
|
|
|
* }
|
|
|
*
|
|
|
* Foo.prototype.c = 3;
|
|
|
*
|
|
|
* _.keys(new Foo);
|
|
|
* // => ['a', 'b'] (iteration order is not guaranteed)
|
|
|
*
|
|
|
* _.keys('hi');
|
|
|
* // => ['0', '1']
|
|
|
*/
|
|
|
function keys(object) {
|
|
|
return isArrayLike(object) ? arrayLikeKeys(object) : baseKeys(object);
|
|
|
}
|
|
|
|
|
|
module.exports = keys;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 972:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var getNative = __webpack_require__(816),
|
|
|
root = __webpack_require__(162);
|
|
|
|
|
|
/* Built-in method references that are verified to be native. */
|
|
|
var Set = getNative(root, 'Set');
|
|
|
|
|
|
module.exports = Set;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 973:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
var isObject = __webpack_require__(163);
|
|
|
|
|
|
/**
|
|
|
* Checks if `value` is suitable for strict equality comparisons, i.e. `===`.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {*} value The value to check.
|
|
|
* @returns {boolean} Returns `true` if `value` if suitable for strict
|
|
|
* equality comparisons, else `false`.
|
|
|
*/
|
|
|
function isStrictComparable(value) {
|
|
|
return value === value && !isObject(value);
|
|
|
}
|
|
|
|
|
|
module.exports = isStrictComparable;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 974:
|
|
|
/***/ (function(module, exports) {
|
|
|
|
|
|
/**
|
|
|
* A specialized version of `matchesProperty` for source values suitable
|
|
|
* for strict equality comparisons, i.e. `===`.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {string} key The key of the property to get.
|
|
|
* @param {*} srcValue The value to match.
|
|
|
* @returns {Function} Returns the new spec function.
|
|
|
*/
|
|
|
function matchesStrictComparable(key, srcValue) {
|
|
|
return function(object) {
|
|
|
if (object == null) {
|
|
|
return false;
|
|
|
}
|
|
|
return object[key] === srcValue &&
|
|
|
(srcValue !== undefined || (key in Object(object)));
|
|
|
};
|
|
|
}
|
|
|
|
|
|
module.exports = matchesStrictComparable;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 975:
|
|
|
/***/ (function(module, exports) {
|
|
|
|
|
|
/**
|
|
|
* The base implementation of `_.findIndex` and `_.findLastIndex` without
|
|
|
* support for iteratee shorthands.
|
|
|
*
|
|
|
* @private
|
|
|
* @param {Array} array The array to inspect.
|
|
|
* @param {Function} predicate The function invoked per iteration.
|
|
|
* @param {number} fromIndex The index to search from.
|
|
|
* @param {boolean} [fromRight] Specify iterating from right to left.
|
|
|
* @returns {number} Returns the index of the matched value, else `-1`.
|
|
|
*/
|
|
|
function baseFindIndex(array, predicate, fromIndex, fromRight) {
|
|
|
var length = array.length,
|
|
|
index = fromIndex + (fromRight ? 1 : -1);
|
|
|
|
|
|
while ((fromRight ? index-- : ++index < length)) {
|
|
|
if (predicate(array[index], index, array)) {
|
|
|
return index;
|
|
|
}
|
|
|
}
|
|
|
return -1;
|
|
|
}
|
|
|
|
|
|
module.exports = baseFindIndex;
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 976:
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
|
value: true
|
|
|
});
|
|
|
exports.T = T;
|
|
|
exports.fileToObject = fileToObject;
|
|
|
exports.genPercentAdd = genPercentAdd;
|
|
|
exports.getFileItem = getFileItem;
|
|
|
exports.removeFileItem = removeFileItem;
|
|
|
exports.previewImage = previewImage;
|
|
|
exports.isImageUrl = void 0;
|
|
|
|
|
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
|
|
|
|
function T() {
|
|
|
return true;
|
|
|
} // Fix IE file.status problem
|
|
|
// via coping a new Object
|
|
|
|
|
|
|
|
|
function fileToObject(file) {
|
|
|
return _extends(_extends({}, file), {
|
|
|
lastModified: file.lastModified,
|
|
|
lastModifiedDate: file.lastModifiedDate,
|
|
|
name: file.name,
|
|
|
size: file.size,
|
|
|
type: file.type,
|
|
|
uid: file.uid,
|
|
|
percent: 0,
|
|
|
originFileObj: file
|
|
|
});
|
|
|
}
|
|
|
/**
|
|
|
* 生成Progress percent: 0.1 -> 0.98
|
|
|
* - for ie
|
|
|
*/
|
|
|
|
|
|
|
|
|
function genPercentAdd() {
|
|
|
var k = 0.1;
|
|
|
var i = 0.01;
|
|
|
var end = 0.98;
|
|
|
return function (s) {
|
|
|
var start = s;
|
|
|
|
|
|
if (start >= end) {
|
|
|
return start;
|
|
|
}
|
|
|
|
|
|
start += k;
|
|
|
k -= i;
|
|
|
|
|
|
if (k < 0.001) {
|
|
|
k = 0.001;
|
|
|
}
|
|
|
|
|
|
return start;
|
|
|
};
|
|
|
}
|
|
|
|
|
|
function getFileItem(file, fileList) {
|
|
|
var matchKey = file.uid !== undefined ? 'uid' : 'name';
|
|
|
return fileList.filter(function (item) {
|
|
|
return item[matchKey] === file[matchKey];
|
|
|
})[0];
|
|
|
}
|
|
|
|
|
|
function removeFileItem(file, fileList) {
|
|
|
var matchKey = file.uid !== undefined ? 'uid' : 'name';
|
|
|
var removed = fileList.filter(function (item) {
|
|
|
return item[matchKey] !== file[matchKey];
|
|
|
});
|
|
|
|
|
|
if (removed.length === fileList.length) {
|
|
|
return null;
|
|
|
}
|
|
|
|
|
|
return removed;
|
|
|
} // ==================== Default Image Preview ====================
|
|
|
|
|
|
|
|
|
var extname = function extname() {
|
|
|
var url = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
|
var temp = url.split('/');
|
|
|
var filename = temp[temp.length - 1];
|
|
|
var filenameWithoutSuffix = filename.split(/#|\?/)[0];
|
|
|
return (/\.[^./\\]*$/.exec(filenameWithoutSuffix) || [''])[0];
|
|
|
};
|
|
|
|
|
|
var isImageFileType = function isImageFileType(type) {
|
|
|
return !!type && type.indexOf('image/') === 0;
|
|
|
};
|
|
|
|
|
|
var isImageUrl = function isImageUrl(file) {
|
|
|
if (isImageFileType(file.type)) {
|
|
|
return true;
|
|
|
}
|
|
|
|
|
|
var url = file.thumbUrl || file.url;
|
|
|
var extension = extname(url);
|
|
|
|
|
|
if (/^data:image\//.test(url) || /(webp|svg|png|gif|jpg|jpeg|jfif|bmp|dpg|ico)$/i.test(extension)) {
|
|
|
return true;
|
|
|
}
|
|
|
|
|
|
if (/^data:/.test(url)) {
|
|
|
// other file types of base64
|
|
|
return false;
|
|
|
}
|
|
|
|
|
|
if (extension) {
|
|
|
// other file types which have extension
|
|
|
return false;
|
|
|
}
|
|
|
|
|
|
return true;
|
|
|
};
|
|
|
|
|
|
exports.isImageUrl = isImageUrl;
|
|
|
var MEASURE_SIZE = 200;
|
|
|
|
|
|
function previewImage(file) {
|
|
|
return new Promise(function (resolve) {
|
|
|
if (!isImageFileType(file.type)) {
|
|
|
resolve('');
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
var canvas = document.createElement('canvas');
|
|
|
canvas.width = MEASURE_SIZE;
|
|
|
canvas.height = MEASURE_SIZE;
|
|
|
canvas.style.cssText = "position: fixed; left: 0; top: 0; width: ".concat(MEASURE_SIZE, "px; height: ").concat(MEASURE_SIZE, "px; z-index: 9999; display: none;");
|
|
|
document.body.appendChild(canvas);
|
|
|
var ctx = canvas.getContext('2d');
|
|
|
var img = new Image();
|
|
|
|
|
|
img.onload = function () {
|
|
|
var width = img.width,
|
|
|
height = img.height;
|
|
|
var drawWidth = MEASURE_SIZE;
|
|
|
var drawHeight = MEASURE_SIZE;
|
|
|
var offsetX = 0;
|
|
|
var offsetY = 0;
|
|
|
|
|
|
if (width < height) {
|
|
|
drawHeight = height * (MEASURE_SIZE / width);
|
|
|
offsetY = -(drawHeight - drawWidth) / 2;
|
|
|
} else {
|
|
|
drawWidth = width * (MEASURE_SIZE / height);
|
|
|
offsetX = -(drawWidth - drawHeight) / 2;
|
|
|
}
|
|
|
|
|
|
ctx.drawImage(img, offsetX, offsetY, drawWidth, drawHeight);
|
|
|
var dataURL = canvas.toDataURL();
|
|
|
document.body.removeChild(canvas);
|
|
|
resolve(dataURL);
|
|
|
};
|
|
|
|
|
|
img.src = window.URL.createObjectURL(file);
|
|
|
});
|
|
|
}
|
|
|
//# sourceMappingURL=utils.js.map
|
|
|
|
|
|
|
|
|
/***/ })
|
|
|
|
|
|
}); |