@alifd/next
Version:
A configurable component library for web built on React.
1,678 lines (1,300 loc) • 3.09 MB
JavaScript
/*!
* @alifd/next@1.25.36 (https://fusion.design)
* Copyright 2018-present Alibaba Group,
* Licensed under MIT (https://github.com/alibaba-fusion/next/blob/master/LICENSE)
*/
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory(require("react"), require("react-dom"), require("moment"));
else if(typeof define === 'function' && define.amd)
define(["react", "react-dom", "moment"], factory);
else if(typeof exports === 'object')
exports["Next"] = factory(require("react"), require("react-dom"), require("moment"));
else
root["Next"] = factory(root["React"], root["ReactDOM"], root["moment"]);
})(typeof self !== 'undefined' ? self : this, function(__WEBPACK_EXTERNAL_MODULE_0__, __WEBPACK_EXTERNAL_MODULE_12__, __WEBPACK_EXTERNAL_MODULE_19__) {
return /******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId]) {
/******/ return installedModules[moduleId].exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // define getter function for harmony exports
/******/ __webpack_require__.d = function(exports, name, getter) {
/******/ if(!__webpack_require__.o(exports, name)) {
/******/ Object.defineProperty(exports, name, {
/******/ configurable: false,
/******/ enumerable: true,
/******/ get: getter
/******/ });
/******/ }
/******/ };
/******/
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = function(module) {
/******/ var getter = module && module.__esModule ?
/******/ function getDefault() { return module['default']; } :
/******/ function getModuleExports() { return module; };
/******/ __webpack_require__.d(getter, 'a', getter);
/******/ return getter;
/******/ };
/******/
/******/ // Object.prototype.hasOwnProperty.call
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "/dist/";
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 492);
/******/ })
/************************************************************************/
/******/ ([
/* 0 */
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_0__;
/***/ }),
/* 1 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
var _assign = __webpack_require__(205);
var _assign2 = _interopRequireDefault(_assign);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = _assign2.default || 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;
};
/***/ }),
/* 2 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
exports.default = function (instance, Constructor) {
if (!(instance instanceof Constructor)) {
throw new TypeError("Cannot call a class as a function");
}
};
/***/ }),
/* 3 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
var _typeof2 = __webpack_require__(14);
var _typeof3 = _interopRequireDefault(_typeof2);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = function (self, call) {
if (!self) {
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
}
return call && ((typeof call === "undefined" ? "undefined" : (0, _typeof3.default)(call)) === "object" || typeof call === "function") ? call : self;
};
/***/ }),
/* 4 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
var _setPrototypeOf = __webpack_require__(235);
var _setPrototypeOf2 = _interopRequireDefault(_setPrototypeOf);
var _create = __webpack_require__(239);
var _create2 = _interopRequireDefault(_create);
var _typeof2 = __webpack_require__(14);
var _typeof3 = _interopRequireDefault(_typeof2);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = function (subClass, superClass) {
if (typeof superClass !== "function" && superClass !== null) {
throw new TypeError("Super expression must either be null or a function, not " + (typeof superClass === "undefined" ? "undefined" : (0, _typeof3.default)(superClass)));
}
subClass.prototype = (0, _create2.default)(superClass && superClass.prototype, {
constructor: {
value: subClass,
enumerable: false,
writable: true,
configurable: true
}
});
if (superClass) _setPrototypeOf2.default ? (0, _setPrototypeOf2.default)(subClass, superClass) : subClass.__proto__ = superClass;
};
/***/ }),
/* 5 */
/***/ (function(module, exports, __webpack_require__) {
/**
* Copyright (c) 2013-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
if (false) {
var ReactIs = require('react-is');
// By explicitly using `prop-types` you are opting into new development behavior.
// http://fb.me/prop-types-in-prod
var throwOnDirectAccess = true;
module.exports = require('./factoryWithTypeCheckers')(ReactIs.isElement, throwOnDirectAccess);
} else {
// By explicitly using `prop-types` you are opting into new production behavior.
// http://fb.me/prop-types-in-prod
module.exports = __webpack_require__(242)();
}
/***/ }),
/* 6 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
exports.pickAttrs = exports.datejs = exports.htmlId = exports.KEYCODE = exports.guid = exports.focus = exports.support = exports.str = exports.obj = exports.log = exports.func = exports.events = exports.env = exports.dom = undefined;
var _dom2 = __webpack_require__(123);
var _dom = _interopRequireWildcard(_dom2);
var _env2 = __webpack_require__(126);
var _env = _interopRequireWildcard(_env2);
var _events2 = __webpack_require__(244);
var _events = _interopRequireWildcard(_events2);
var _func2 = __webpack_require__(245);
var _func = _interopRequireWildcard(_func2);
var _log2 = __webpack_require__(125);
var _log = _interopRequireWildcard(_log2);
var _object2 = __webpack_require__(36);
var _object = _interopRequireWildcard(_object2);
var _string2 = __webpack_require__(124);
var _string = _interopRequireWildcard(_string2);
var _support2 = __webpack_require__(253);
var _support = _interopRequireWildcard(_support2);
var _focus2 = __webpack_require__(254);
var _focus = _interopRequireWildcard(_focus2);
var _htmlId2 = __webpack_require__(255);
var _htmlId = _interopRequireWildcard(_htmlId2);
var _guid2 = __webpack_require__(129);
var _guid3 = _interopRequireDefault(_guid2);
var _keycode = __webpack_require__(128);
var _keycode2 = _interopRequireDefault(_keycode);
var _date2 = __webpack_require__(83);
var _date3 = _interopRequireDefault(_date2);
var _pickAttrs2 = __webpack_require__(256);
var _pickAttrs3 = _interopRequireDefault(_pickAttrs2);
function _interopRequireDefault(obj) {
return obj && obj.__esModule ? obj : { default: obj };
}
function _interopRequireWildcard(obj) {
if (obj && obj.__esModule) {
return obj;
} else {
var newObj = {};if (obj != null) {
for (var key in obj) {
if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key];
}
}newObj.default = obj;return newObj;
}
}
var dom = exports.dom = _dom;
var env = exports.env = _env;
var events = exports.events = _events;
var func = exports.func = _func;
var log = exports.log = _log;
var obj = exports.obj = _object;
var str = exports.str = _string;
var support = exports.support = _support;
var focus = exports.focus = _focus;
var guid = exports.guid = _guid3.default;
var KEYCODE = exports.KEYCODE = _keycode2.default;
var htmlId = exports.htmlId = _htmlId;
var datejs = exports.datejs = _date3.default;
var pickAttrs = exports.pickAttrs = _pickAttrs3.default;
/***/ }),
/* 7 */
/***/ (function(module, exports, __webpack_require__) {
var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
Copyright (c) 2018 Jed Watson.
Licensed under the MIT License (MIT), see
http://jedwatson.github.io/classnames
*/
/* global define */
(function () {
'use strict';
var hasOwn = {}.hasOwnProperty;
function classNames() {
var classes = [];
for (var i = 0; i < arguments.length; i++) {
var arg = arguments[i];
if (!arg) continue;
var argType = typeof arg;
if (argType === 'string' || argType === 'number') {
classes.push(arg);
} else if (Array.isArray(arg)) {
if (arg.length) {
var inner = classNames.apply(null, arg);
if (inner) {
classes.push(inner);
}
}
} else if (argType === 'object') {
if (arg.toString === Object.prototype.toString) {
for (var key in arg) {
if (hasOwn.call(arg, key) && arg[key]) {
classes.push(key);
}
}
} else {
classes.push(arg.toString());
}
}
}
return classes.join(' ');
}
if (typeof module !== 'undefined' && module.exports) {
classNames.default = classNames;
module.exports = classNames;
} else if (true) {
// register as 'classnames', consistent with npm package name
!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_RESULT__ = (function () {
return classNames;
}).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),
__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
} else {
window.classNames = classNames;
}
}());
/***/ }),
/* 8 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
exports.default = function (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;
};
/***/ }),
/* 9 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
var _extends2 = __webpack_require__(1);
var _extends3 = _interopRequireDefault(_extends2);
var _classCallCheck2 = __webpack_require__(2);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(3);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(4);
var _inherits3 = _interopRequireDefault(_inherits2);
var _class, _temp;
var _react = __webpack_require__(0);
var _propTypes = __webpack_require__(5);
var _propTypes2 = _interopRequireDefault(_propTypes);
var _reactLifecyclesCompat = __webpack_require__(10);
var _getContextProps = __webpack_require__(130);
var _getContextProps2 = _interopRequireDefault(_getContextProps);
var _config = __webpack_require__(257);
var _consumer = __webpack_require__(261);
var _consumer2 = _interopRequireDefault(_consumer);
var _errorBoundary = __webpack_require__(131);
var _errorBoundary2 = _interopRequireDefault(_errorBoundary);
var _cache = __webpack_require__(262);
var _cache2 = _interopRequireDefault(_cache);
var _date = __webpack_require__(83);
var _date2 = _interopRequireDefault(_date);
function _interopRequireDefault(obj) {
return obj && obj.__esModule ? obj : { default: obj };
}
var childContextCache = new _cache2.default();
var setMomentLocale = function setMomentLocale(locale) {
var moment = void 0;
try {
moment = __webpack_require__(19);
if (moment && moment.default && moment.default.isMoment) moment = moment.default;
} catch (e) {
// ignore
}
if (moment && locale) {
moment.locale(locale.momentLocale);
}
};
var setDateLocale = function setDateLocale(locale) {
if (locale) {
_date2.default.locale(locale.dateLocale || locale.momentLocale);
}
};
/**
* ConfigProvider
* @propsExtends false
*/
var ConfigProvider = (_temp = _class = function (_Component) {
(0, _inherits3.default)(ConfigProvider, _Component);
/**
* 传入组件的 props 和 displayName，得到和 childContext 计算过的包含有 preifx/locale/pure 的对象，一般用于通过静态方法生成脱离组件树的组件
* @param {Object} props 组件的 props
* @param {String} displayName 组件的 displayName
* @returns {Object} 新的 context props
*/
function ConfigProvider() {
(0, _classCallCheck3.default)(this, ConfigProvider);
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
var _this = (0, _possibleConstructorReturn3.default)(this, _Component.call.apply(_Component, [this].concat(args)));
childContextCache.add(_this, (0, _extends3.default)({}, childContextCache.get(_this, {}), _this.getChildContext()));
setMomentLocale(_this.props.locale);
setDateLocale(_this.props.locale);
_this.state = {
locale: _this.props.locale
};
return _this;
}
/**
* 传入组件，生成受 ConfigProvider 控制的 HOC 组件
* @param {Component} Component 组件类
* @param {Object} options 可选项
* @returns {Component} HOC
*/
ConfigProvider.prototype.getChildContext = function getChildContext() {
var _props = this.props,
prefix = _props.prefix,
locale = _props.locale,
defaultPropsConfig = _props.defaultPropsConfig,
pure = _props.pure,
warning = _props.warning,
rtl = _props.rtl,
device = _props.device,
popupContainer = _props.popupContainer,
errorBoundary = _props.errorBoundary;
var _context = this.context,
nextPrefix = _context.nextPrefix,
nextDefaultPropsConfig = _context.nextDefaultPropsConfig,
nextLocale = _context.nextLocale,
nextPure = _context.nextPure,
nextRtl = _context.nextRtl,
nextWarning = _context.nextWarning,
nextDevice = _context.nextDevice,
nextPopupContainer = _context.nextPopupContainer,
nextErrorBoundary = _context.nextErrorBoundary;
return {
nextPrefix: prefix || nextPrefix,
nextDefaultPropsConfig: defaultPropsConfig || nextDefaultPropsConfig,
nextLocale: locale || nextLocale,
nextPure: typeof pure === 'boolean' ? pure : nextPure,
nextRtl: typeof rtl === 'boolean' ? rtl : nextRtl,
nextWarning: typeof warning === 'boolean' ? warning : nextWarning,
nextDevice: device || nextDevice,
nextPopupContainer: popupContainer || nextPopupContainer,
nextErrorBoundary: errorBoundary || nextErrorBoundary
};
};
ConfigProvider.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) {
if (nextProps.locale !== prevState.locale) {
setMomentLocale(nextProps.locale);
setDateLocale(nextProps.locale);
return {
locale: nextProps.locale
};
}
return null;
};
ConfigProvider.prototype.componentDidUpdate = function componentDidUpdate() {
childContextCache.add(this, (0, _extends3.default)({}, childContextCache.get(this, {}), this.getChildContext()));
};
ConfigProvider.prototype.componentWillUnmount = function componentWillUnmount() {
childContextCache.remove(this);
};
ConfigProvider.prototype.render = function render() {
return _react.Children.only(this.props.children);
};
return ConfigProvider;
}(_react.Component), _class.propTypes = {
/**
* 样式类名的品牌前缀
*/
prefix: _propTypes2.default.string,
/**
* 国际化文案对象，属性为组件的 displayName
*/
locale: _propTypes2.default.object,
/**
* 组件 API 的默认配置
*/
defaultPropsConfig: _propTypes2.default.object,
/**
* 是否开启错误捕捉 errorBoundary
* 如需自定义参数，请传入对象 对象接受参数列表如下：
*
* fallbackUI `Function(error?: {}, errorInfo?: {}) => Element` 捕获错误后的展示
* afterCatch `Function(error?: {}, errorInfo?: {})` 捕获错误后的行为, 比如埋点上传
*/
errorBoundary: _propTypes2.default.oneOfType([_propTypes2.default.bool, _propTypes2.default.object]),
/**
* 是否开启 Pure Render 模式，会提高性能，但是也会带来副作用
*/
pure: _propTypes2.default.bool,
/**
* 是否在开发模式下显示组件属性被废弃的 warning 提示
*/
warning: _propTypes2.default.bool,
/**
* 是否开启 rtl 模式
*/
rtl: _propTypes2.default.bool,
/**
* 设备类型，针对不同的设备类型组件做出对应的响应式变化
*/
device: _propTypes2.default.oneOf(['tablet', 'desktop', 'phone']),
/**
* 组件树
*/
children: _propTypes2.default.any,
/**
* 指定浮层渲染的父节点, 可以为节点id的字符串，也可以返回节点的函数
*/
popupContainer: _propTypes2.default.any
}, _class.defaultProps = {
warning: true,
errorBoundary: false
}, _class.contextTypes = {
nextPrefix: _propTypes2.default.string,
nextLocale: _propTypes2.default.object,
nextDefaultPropsConfig: _propTypes2.default.object,
nextPure: _propTypes2.default.bool,
nextRtl: _propTypes2.default.bool,
nextWarning: _propTypes2.default.bool,
nextDevice: _propTypes2.default.oneOf(['tablet', 'desktop', 'phone']),
nextPopupContainer: _propTypes2.default.any,
nextErrorBoundary: _propTypes2.default.oneOfType([_propTypes2.default.bool, _propTypes2.default.object])
}, _class.childContextTypes = {
nextPrefix: _propTypes2.default.string,
nextLocale: _propTypes2.default.object,
nextDefaultPropsConfig: _propTypes2.default.object,
nextPure: _propTypes2.default.bool,
nextRtl: _propTypes2.default.bool,
nextWarning: _propTypes2.default.bool,
nextDevice: _propTypes2.default.oneOf(['tablet', 'desktop', 'phone']),
nextPopupContainer: _propTypes2.default.any,
nextErrorBoundary: _propTypes2.default.oneOfType([_propTypes2.default.bool, _propTypes2.default.object])
}, _class.config = function (Component, options) {
return (0, _config.config)(Component, options);
}, _class.getContextProps = function (props, displayName) {
return (0, _getContextProps2.default)(props, childContextCache.root() || {}, displayName);
}, _class.clearCache = function () {
childContextCache.clear();
}, _class.initLocales = _config.initLocales, _class.setLanguage = _config.setLanguage, _class.setLocale = _config.setLocale, _class.setDirection = _config.setDirection, _class.getLanguage = _config.getLanguage, _class.getLocale = _config.getLocale, _class.getDirection = _config.getDirection, _class.Consumer = _consumer2.default, _class.ErrorBoundary = _errorBoundary2.default, _class.getContext = function () {
var _ref = childContextCache.root() || {},
nextPrefix = _ref.nextPrefix,
nextLocale = _ref.nextLocale,
nextDefaultPropsConfig = _ref.nextDefaultPropsConfig,
nextPure = _ref.nextPure,
nextRtl = _ref.nextRtl,
nextWarning = _ref.nextWarning,
nextDevice = _ref.nextDevice,
nextPopupContainer = _ref.nextPopupContainer,
nextErrorBoundary = _ref.nextErrorBoundary;
return {
prefix: nextPrefix,
locale: nextLocale,
defaultPropsConfig: nextDefaultPropsConfig,
pure: nextPure,
rtl: nextRtl,
warning: nextWarning,
device: nextDevice,
popupContainer: nextPopupContainer,
errorBoundary: nextErrorBoundary
};
}, _temp);
ConfigProvider.displayName = 'ConfigProvider';
exports.default = (0, _reactLifecyclesCompat.polyfill)(ConfigProvider);
module.exports = exports['default'];
/***/ }),
/* 10 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "polyfill", function() { return polyfill; });
/**
* Copyright (c) 2013-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
function componentWillMount() {
// Call this.constructor.gDSFP to support sub-classes.
var state = this.constructor.getDerivedStateFromProps(this.props, this.state);
if (state !== null && state !== undefined) {
this.setState(state);
}
}
function componentWillReceiveProps(nextProps) {
// Call this.constructor.gDSFP to support sub-classes.
// Use the setState() updater to ensure state isn't stale in certain edge cases.
function updater(prevState) {
var state = this.constructor.getDerivedStateFromProps(nextProps, prevState);
return state !== null && state !== undefined ? state : null;
}
// Binding "this" is important for shallow renderer support.
this.setState(updater.bind(this));
}
function componentWillUpdate(nextProps, nextState) {
try {
var prevProps = this.props;
var prevState = this.state;
this.props = nextProps;
this.state = nextState;
this.__reactInternalSnapshotFlag = true;
this.__reactInternalSnapshot = this.getSnapshotBeforeUpdate(
prevProps,
prevState
);
} finally {
this.props = prevProps;
this.state = prevState;
}
}
// React may warn about cWM/cWRP/cWU methods being deprecated.
// Add a flag to suppress these warnings for this special case.
componentWillMount.__suppressDeprecationWarning = true;
componentWillReceiveProps.__suppressDeprecationWarning = true;
componentWillUpdate.__suppressDeprecationWarning = true;
function polyfill(Component) {
var prototype = Component.prototype;
if (!prototype || !prototype.isReactComponent) {
throw new Error('Can only polyfill class components');
}
if (
typeof Component.getDerivedStateFromProps !== 'function' &&
typeof prototype.getSnapshotBeforeUpdate !== 'function'
) {
return Component;
}
// If new component APIs are defined, "unsafe" lifecycles won't be called.
// Error if any of these lifecycles are present,
// Because they would work differently between older and newer (16.3+) versions of React.
var foundWillMountName = null;
var foundWillReceivePropsName = null;
var foundWillUpdateName = null;
if (typeof prototype.componentWillMount === 'function') {
foundWillMountName = 'componentWillMount';
} else if (typeof prototype.UNSAFE_componentWillMount === 'function') {
foundWillMountName = 'UNSAFE_componentWillMount';
}
if (typeof prototype.componentWillReceiveProps === 'function') {
foundWillReceivePropsName = 'componentWillReceiveProps';
} else if (typeof prototype.UNSAFE_componentWillReceiveProps === 'function') {
foundWillReceivePropsName = 'UNSAFE_componentWillReceiveProps';
}
if (typeof prototype.componentWillUpdate === 'function') {
foundWillUpdateName = 'componentWillUpdate';
} else if (typeof prototype.UNSAFE_componentWillUpdate === 'function') {
foundWillUpdateName = 'UNSAFE_componentWillUpdate';
}
if (
foundWillMountName !== null ||
foundWillReceivePropsName !== null ||
foundWillUpdateName !== null
) {
var componentName = Component.displayName || Component.name;
var newApiName =
typeof Component.getDerivedStateFromProps === 'function'
? 'getDerivedStateFromProps()'
: 'getSnapshotBeforeUpdate()';
throw Error(
'Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n' +
componentName +
' uses ' +
newApiName +
' but also contains the following legacy lifecycles:' +
(foundWillMountName !== null ? '\n ' + foundWillMountName : '') +
(foundWillReceivePropsName !== null
? '\n ' + foundWillReceivePropsName
: '') +
(foundWillUpdateName !== null ? '\n ' + foundWillUpdateName : '') +
'\n\nThe above lifecycles should be removed. Learn more about this warning here:\n' +
'https://fb.me/react-async-component-lifecycle-hooks'
);
}
// React <= 16.2 does not support static getDerivedStateFromProps.
// As a workaround, use cWM and cWRP to invoke the new static lifecycle.
// Newer versions of React will ignore these lifecycles if gDSFP exists.
if (typeof Component.getDerivedStateFromProps === 'function') {
prototype.componentWillMount = componentWillMount;
prototype.componentWillReceiveProps = componentWillReceiveProps;
}
// React <= 16.2 does not support getSnapshotBeforeUpdate.
// As a workaround, use cWU to invoke the new lifecycle.
// Newer versions of React will ignore that lifecycle if gSBU exists.
if (typeof prototype.getSnapshotBeforeUpdate === 'function') {
if (typeof prototype.componentDidUpdate !== 'function') {
throw new Error(
'Cannot polyfill getSnapshotBeforeUpdate() for components that do not define componentDidUpdate() on the prototype'
);
}
prototype.componentWillUpdate = componentWillUpdate;
var componentDidUpdate = prototype.componentDidUpdate;
prototype.componentDidUpdate = function componentDidUpdatePolyfill(
prevProps,
prevState,
maybeSnapshot
) {
// 16.3+ will not execute our will-update method;
// It will pass a snapshot value to did-update though.
// Older versions will require our polyfilled will-update value.
// We need to handle both cases, but can't just check for the presence of "maybeSnapshot",
// Because for <= 15.x versions this might be a "prevContext" object.
// We also can't just check "__reactInternalSnapshot",
// Because get-snapshot might return a falsy value.
// So check for the explicit __reactInternalSnapshotFlag flag to determine behavior.
var snapshot = this.__reactInternalSnapshotFlag
? this.__reactInternalSnapshot
: maybeSnapshot;
componentDidUpdate.call(this, prevProps, prevState, snapshot);
};
}
return Component;
}
/***/ }),
/* 11 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
var _extends2 = __webpack_require__(1);
var _extends3 = _interopRequireDefault(_extends2);
var _classCallCheck2 = __webpack_require__(2);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(3);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(4);
var _inherits3 = _interopRequireDefault(_inherits2);
var _class, _temp;
var _react = __webpack_require__(0);
var _react2 = _interopRequireDefault(_react);
var _propTypes = __webpack_require__(5);
var _propTypes2 = _interopRequireDefault(_propTypes);
var _classnames = __webpack_require__(7);
var _classnames2 = _interopRequireDefault(_classnames);
var _configProvider = __webpack_require__(9);
var _configProvider2 = _interopRequireDefault(_configProvider);
var _iconFont = __webpack_require__(283);
var _iconFont2 = _interopRequireDefault(_iconFont);
var _util = __webpack_require__(6);
function _interopRequireDefault(obj) {
return obj && obj.__esModule ? obj : { default: obj };
}
/**
* Icon
*/
var Icon = (_temp = _class = function (_Component) {
(0, _inherits3.default)(Icon, _Component);
function Icon() {
(0, _classCallCheck3.default)(this, Icon);
return (0, _possibleConstructorReturn3.default)(this, _Component.apply(this, arguments));
}
Icon.prototype.render = function render() {
var _cx;
/* eslint-disable no-unused-vars*/
var _props = this.props,
prefix = _props.prefix,
type = _props.type,
size = _props.size,
className = _props.className,
rtl = _props.rtl,
style = _props.style,
children = _props.children;
var others = _util.obj.pickOthers((0, _extends3.default)({}, Icon.propTypes), this.props);
var classes = (0, _classnames2.default)((_cx = {}, _cx[prefix + 'icon'] = true, _cx[prefix + 'icon-' + type] = !!type, _cx['' + prefix + size] = !!size && typeof size === 'string', _cx[className] = !!className, _cx));
if (rtl && ['arrow-left', 'arrow-right', 'arrow-double-left', 'arrow-double-right', 'switch', 'sorting', 'descending', 'ascending'].indexOf(type) !== -1) {
others.dir = 'rtl';
}
var sizeStyle = typeof size === 'number' ? {
width: size,
height: size,
lineHeight: size + 'px',
fontSize: size
} : {};
return _react2.default.createElement('i', (0, _extends3.default)({}, others, {
style: (0, _extends3.default)({}, sizeStyle, style),
className: classes
}), children);
};
return Icon;
}(_react.Component), _class.propTypes = (0, _extends3.default)({}, _configProvider2.default.propTypes, {
/**
* 指定显示哪种图标
*/
type: _propTypes2.default.string,
children: _propTypes2.default.node,
/**
* 指定图标大小
* <br/>**可选值**<br/> xxs, xs, small, medium, large, xl, xxl, xxxl, inherit
*/
size: _propTypes2.default.oneOfType([_propTypes2.default.oneOf(['xxs', 'xs', 'small', 'medium', 'large', 'xl', 'xxl', 'xxxl', 'inherit']), _propTypes2.default.number]),
className: _propTypes2.default.string,
style: _propTypes2.default.object
}), _class.defaultProps = {
prefix: 'next-',
size: 'medium'
}, _class._typeMark = 'icon', _temp);
Icon.displayName = 'Icon';
Icon.createFromIconfontCN = _iconFont2.default;
exports.default = _configProvider2.default.config(Icon);
module.exports = exports['default'];
/***/ }),
/* 12 */
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_12__;
/***/ }),
/* 13 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
exports.default = {
momentLocale: 'zh-cn',
Timeline: {
expand: '展开',
fold: '收起'
},
Balloon: {
close: '关闭'
},
Card: {
expand: '展开',
fold: '收起'
},
Calendar: {
today: '今天',
now: '此刻',
ok: '确定',
clear: '清除',
month: '月',
year: '年',
prevYear: '上一年',
nextYear: '下一年',
prevMonth: '上个月',
nextMonth: '下个月',
prevDecade: '上十年',
nextDecade: '后十年',
yearSelectAriaLabel: '选择年份',
monthSelectAriaLabel: '选择月份'
},
DatePicker: {
placeholder: '请选择日期',
datetimePlaceholder: '请选择日期和时间',
monthPlaceholder: '请选择月',
yearPlaceholder: '请选择年',
weekPlaceholder: '请选择周',
now: '此刻',
selectTime: '选择时间',
selectDate: '选择日期',
ok: '确定',
clear: '清除',
startPlaceholder: '起始日期',
endPlaceholder: '结束日期',
hour: '时',
minute: '分',
second: '秒'
},
Dialog: {
close: '关闭',
ok: '确定',
cancel: '取消'
},
Drawer: {
close: '关闭'
},
Message: {
closeAriaLabel: '关闭'
},
Pagination: {
prev: '上一页',
next: '下一页',
goTo: '到第',
page: '页',
go: '确定',
total: '第{current}页，共{total}页',
labelPrev: '上一页，当前第{current}页',
labelNext: '下一页，当前第{current}页',
inputAriaLabel: '请输入跳转到第几页',
selectAriaLabel: '请选择每页显示几条',
pageSize: '每页显示：'
},
Input: {
clear: '清除'
},
List: {
empty: '没有数据'
},
Select: {
selectPlaceholder: '请选择',
autoCompletePlaceholder: '请输入',
notFoundContent: '无选项',
maxTagPlaceholder: '已选择 {selected}/{total} 项',
selectAll: '全选'
},
TreeSelect: {
maxTagPlaceholder: '已选择 {selected}/{total} 项',
shortMaxTagPlaceholder: '已选择 {selected} 项'
},
Table: {
empty: '没有数据',
ok: '确认',
reset: '重置',
asc: '升序',
desc: '降序',
expanded: '已展开',
folded: '已折叠',
filter: '筛选',
selectAll: '全选'
},
TimePicker: {
placeholder: '请选择时间',
clear: '清除',
hour: '时',
minute: '分',
second: '秒'
},
Transfer: {
items: '项',
item: '项',
moveAll: '移动全部',
searchPlaceholder: '请输入',
moveToLeft: '撤销选中元素',
moveToRight: '提交选中元素'
},
Upload: {
card: {
cancel: '取消',
addPhoto: '上传图片',
download: '下载',
delete: '删除'
},
drag: {
text: '点击或者拖动文件到虚线框内上传',
hint: '支持 docx, xls, PDF, rar, zip, PNG, JPG 等类型的文件'
},
upload: {
delete: '删除'
}
},
Search: {
buttonText: '搜索'
},
Tag: {
delete: '删除'
},
Rating: {
description: '评分选项'
},
Switch: {
on: '已打开',
off: '已关闭'
},
Tab: {
closeAriaLabel: '关闭'
},
Form: {
Validate: {
default: '%s 校验失败',
required: '%s 是必填字段',
format: {
number: '%s 不是合法的数字',
email: '%s 不是合法的 email 地址',
url: '%s 不是合法的 URL 地址',
tel: '%s 不是合法的电话号码'
},
number: {
length: '%s 长度必须是 %s',
min: '%s 不得小于 %s',
max: '%s 不得大于 %s',
minLength: '%s 字段字符长度不得少于 %s',
maxLength: '%s 字段字符长度不得超过 %s'
},
string: {
length: '%s 长度必须是 %s',
min: '%s 不得小于 %s',
max: '%s 不得大于 %s',
minLength: '%s 长度不得少于 %s',
maxLength: '%s 长度不得超过 %s'
},
array: {
length: '%s 个数必须是 %s',
minLength: '%s 个数不得少于 %s',
maxLength: '%s 个数不得超过 %s'
},
pattern: '%s 数值 %s 不匹配正则 %s'
}
}
};
module.exports = exports['default'];
/***/ }),
/* 14 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
var _iterator = __webpack_require__(213);
var _iterator2 = _interopRequireDefault(_iterator);
var _symbol = __webpack_require__(225);
var _symbol2 = _interopRequireDefault(_symbol);
var _typeof = typeof _symbol2.default === "function" && typeof _iterator2.default === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof _symbol2.default === "function" && obj.constructor === _symbol2.default && obj !== _symbol2.default.prototype ? "symbol" : typeof obj; };
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = typeof _symbol2.default === "function" && _typeof(_iterator2.default) === "symbol" ? function (obj) {
return typeof obj === "undefined" ? "undefined" : _typeof(obj);
} : function (obj) {
return obj && typeof _symbol2.default === "function" && obj.constructor === _symbol2.default && obj !== _symbol2.default.prototype ? "symbol" : typeof obj === "undefined" ? "undefined" : _typeof(obj);
};
/***/ }),
/* 15 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
var _extends2 = __webpack_require__(1);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(8);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(2);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(3);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(4);
var _inherits3 = _interopRequireDefault(_inherits2);
var _react = __webpack_require__(0);
var _react2 = _interopRequireDefault(_react);
var _configProvider = __webpack_require__(9);
var _configProvider2 = _interopRequireDefault(_configProvider);
var _overlay = __webpack_require__(136);
var _overlay2 = _interopRequireDefault(_overlay);
var _overlayV = __webpack_require__(278);
var _overlayV2 = _interopRequireDefault(_overlayV);
var _gateway = __webpack_require__(137);
var _gateway2 = _interopRequireDefault(_gateway);
var _position = __webpack_require__(138);
var _position2 = _interopRequireDefault(_position);
var _popup = __webpack_require__(281);
var _popup2 = _interopRequireDefault(_popup);
var _popupV = __webpack_require__(282);
var _popupV2 = _interopRequireDefault(_popupV);
var _util = __webpack_require__(6);
function _interopRequireDefault(obj) {
return obj && obj.__esModule ? obj : { default: obj };
}
var Overlay = function (_React$Component) {
(0, _inherits3.default)(Overlay, _React$Component);
function Overlay(props) {
(0, _classCallCheck3.default)(this, Overlay);
var _this = (0, _possibleConstructorReturn3.default)(this, _React$Component.call(this, props));
_this.overlayRef = null;
_this.saveRef = _this.saveRef.bind(_this);
return _this;
}
Overlay.prototype.saveRef = function saveRef(ref) {
this.overlayRef = ref;
};
/**
* 兼容 1.x API, will be removed in 2.1.0
*/
Overlay.prototype.getContent = function getContent() {
if (this.overlayRef) {
return this.overlayRef.getContent();
}
return null;
};
/**
* 兼容 1.x API, will be removed in 2.1.0
*/
Overlay.prototype.getContentNode = function getContentNode() {
if (this.overlayRef) {
return this.overlayRef.getContentNode();
}
return null;
};
Overlay.prototype.render = function render() {
var _props = this.props,
v2 = _props.v2,
others = (0, _objectWithoutProperties3.default)(_props, ['v2']);
if (v2) {
if ('needAdjust' in others) {
_util.log.deprecated('needAdjust', 'needAdjust', 'Overlay v2');
others.autoAdjust = others.needAdjust;
delete others.needAdjust;
}
return _react2.default.createElement(_overlayV2.default, others);
} else {
return _react2.default.createElement(_overlay2.default, (0, _extends3.default)({}, others, { ref: this.saveRef }));
}
};
return Overlay;
}(_react2.default.Component);
// eslint-disable-next-line
Overlay.displayName = 'Overlay';
var Popup = function (_React$Component2) {
(0, _inherits3.default)(Popup, _React$Component2);
function Popup(props) {
(0, _classCallCheck3.default)(this, Popup);
var _this2 = (0, _possibleConstructorReturn3.default)(this, _React$Component2.call(this, props));
_this2.overlay = null;
_this2.saveRef = _this2.saveRef.bind(_this2);
return _this2;
}
Popup.prototype.saveRef = function saveRef(ref) {
if (ref) {
this.overlay = ref.overlay;
}
};
Popup.prototype.render = function render() {
var _props2 = this.props,
v2 = _props2.v2,
others = (0, _objectWithoutProperties3.default)(_props2, ['v2']);
if (v2) {
if ('needAdjust' in others) {
_util.log.deprecated('needAdjust', 'needAdjust', 'Popup v2');
others.autoAdjust = others.needAdjust;
delete others.needAdjust;
}
return _react2.default.createElement(_popupV2.default, others);
} else {
return _react2.default.createElement(_popup2.default, (0, _extends3.default)({}, others, { ref: this.saveRef }));
}
};
return Popup;
}(_react2.default.Component);
Popup.displayName = 'Popup';
Overlay.Gateway = _gateway2.default;
Overlay.Position = _position2.default;
Overlay.Popup = _configProvider2.default.config(Popup, {
exportNames: ['overlay']
});
exports.default = _configProvider2.default.config(Overlay, {
exportNames: ['getContent', 'getContentNode']
});
module.exports = exports['default'];
/***/ }),
/* 16 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
var _extends2 = __webpack_require__(1);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(8);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _configProvider = __webpack_require__(9);
var _configProvider2 = _interopRequireDefault(_configProvider);
var _menu = __webpack_require__(141);
var _menu2 = _interopRequireDefault(_menu);
var _subMenu = __webpack_require__(142);
var _subMenu2 = _interopRequireDefault(_subMenu);
var _selectableItem = __webpack_require__(88);
var _selectableItem2 = _interopRequireDefault(_selectableItem);
var _checkboxItem = __webpack_require__(287);
var _checkboxItem2 = _interopRequireDefault(_checkboxItem);
var _radioItem = __webpack_require__(295);
var _radioItem2 = _interopRequireDefault(_radioItem);
var _popupItem = __webpack_require__(143);
var _popupItem2 = _interopRequireDefault(_popupItem);
var _group = __webpack_require__(296);
var _group2 = _interopRequireDefault(_group);
var _divider = __webpack_require__(297);
var _divider2 = _interopRequireDefault(_divider);
var _create = __webpack_require__(298);
var _create2 = _interopRequireDefault(_create);
function _interopRequireDefault(obj) {
return obj && obj.__esModule ? obj : { default: obj };
}
_menu2.default.SubMenu = _subMenu2.default;
_menu2.default.Item = _selectableItem2.default;
_menu2.default.CheckboxItem = _checkboxItem2.default;
_menu2.default.RadioItem = _radioItem2.default;
_menu2.default.PopupItem = _popupItem2.default;
_menu2.default.Group = _group2.default;
_menu2.default.Divider = _divider2.default;
_menu2.default.create = _create2.default;
/* istanbul ignore next */
var transform = function transform(props, deprecated) {
if ('indentSize' in props) {
deprecated('indentSize', 'inlineIndent', 'Menu');
var _props = props,
indentSize = _props.indentSize,
others = (0, _objectWithoutProperties3.default)(_props, ['indentSize']);
props = (0, _extends3.default)({ inlineIndent: indentSize }, others);
}
if ('onDeselect' in props) {
deprecated('onDeselect', 'onSelect', 'Menu');
if (props.onDeselect) {
var _props2 = props,
onDeselect = _props2.onDeselect,
onSelect = _props2.onSelect,
_others = (0, _objectWithoutProperties3.default)(_props2, ['onDeselect', 'onSelect']);
var newOnSelect = function newOnSelect(selectedKeys, item, extra) {
if (!extra.select) {
onDeselect(extra.key);
}
if (onSelect) {
onSelect(selectedKeys, item, extra);
}
};
props = (0, _extends3.default)({ onSelect: newOnSelect }, _others);
}
}
return props;
};
exports.default = _configProvider2.default.config(_menu2.default, {
transform: transform
});
module.exports = exports['default'];
/***/ }),
/* 17 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
var _extends2 = __webpack_require__(1);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(8);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _configProvider = __webpack_require__(9);
var _configProvider2 = _interopRequireDefault(_configProvider);
var _button = __webpack_require__(300);
var _button2 = _interopRequireDefault(_button);
var _group = __webpack_require__(301);
var _group2 = _interopRequireDefault(_group);
function _interopRequireDefault(obj) {
return obj && obj.__esModule ? obj : { default: obj };
}
_button2.default.Group = _group2.default;
exports.default = _configProvider2.default.config(_button2.default, {
transform: /* istanbul ignore next */function transform(props, deprecated) {
if ('shape' in props) {
deprecated('shape', 'text | warning | ghost', 'Button');
var _props = props,
shape = _props.shape,
type = _props.type,
others = (0, _objectWithoutProperties3.default)(_props, ['shape', 'type']);
var newType = type;
if (type === 'light' || type === 'dark' || type === 'secondary' && shape === 'warning') {
newType = 'normal';
}
var ghost = void 0;
if (shape === 'ghost') {
ghost = {
primary: 'dark',
secondary: 'dark',
normal: 'light',
dark: 'dark',
light: 'light'
}[type || _button2.default.defaultProps.type];
}
var text = shape === 'text';
var warning = shape === 'warning';
props = (0, _extends3.default)({ type: newType, ghost: ghost, text: text, warning: warning }, others);
}
return props;
}
});
module.exports = exports['default'];
/***/ }),
/* 18 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
var _extends2 = __webpack_require__(1);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(8);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _configProvider = __webpack_require__(9);
var _configProvider2 = _interopRequireDefault(_configProvider);
var _input = __webpack_require__(150);
var _input2 = _interopRequireDefault(_input);
var _password = __webpack_require__(308);
var _password2 = _interopRequireDefault(_password);
var _textarea = __webpack_require__(309);
var _textarea2 = _interopRequireDefault(_textarea);
var _group = __webpack_require__(152);
var _group2 = _interopRequireDefault(_group);
function _interopRequireDefault(obj) {
return obj && obj.__esModule ? obj : { default: obj };
}
_input2.default.Password = _configProvider2.default.config(_password2.default, {
exportNames: ['getInputNode', 'focus'],
transform: /* istanbul ignore next */function transform(props, deprecated) {
if ('hasLimitHint' in props) {
deprecated('hasLimitHint', 'showLimitHint', 'Input');
var _props = props,
hasLimitHint = _props.hasLimitHint,
others = (0, _objectWithoutProperties3.default)(_props, ['hasLimitHint']);
props = (0, _extends3.default)({ showLimitHint: hasLimitHint }, others);
}
return props;
}
});
_input2.default.TextArea = _configProvider2.default.config(_textarea2.default, {
exportNames: ['getInputNode', 'focus'],
transform: /* istanbul ignore next */function transform(props, deprecated) {
if ('hasLimitHint' in props) {
deprecated('hasLimitHint', 'showLimitHint', 'Input');
var _props2 = props,
hasLimitHint = _props2.hasLimitHint,
others = (0, _objectWithoutProperties3.default)(_props2, ['hasLimitHint']);
props = (0, _extends3.default)({ showLimitHint: hasLimitHint }, others);
}
return props;
}
});
_input2.default.Group = _group2.default;
// 用来自动生成文档的工具底层依赖的 react-docgen，无法解析生成 HOC 的方法中存在第二个参数的情况
// 所以不能在 input.jsx／textarea.jsx 中生成 HOC
exports.default = _configProvider2.default.config(_input2.default, {
exportNames: ['getInputNode', 'focus'],
transform: /* istanbul ignore next */function transform(props, deprecated) {
if ('hasLimitHint' in props) {
deprecated('hasLimitHint', 'showLimitHint', 'Input');
var _props3 = props,
hasLimitHint = _props3.hasLimitHint,
others = (0, _objectWithoutProperties3.default)(_props3, ['hasLimitHint']);
props = (0, _extends3.default)({ showLimitHint: hasLimitHint }, others);
}
return props;
}
});
module.exports = exports['default'];
/***/ }),
/* 19 */
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_19__;
/***/ }),
/* 20 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
var _animate = __webpack_require__(132);
var _animate2 = _interopRequireDefault(_animate);
var _expand = __webpack_require__(271);
var _expand2 = _interopRequireDefault(_expand);
var _overlayAnimate = __webpack_require__(272);
var _overla