rax-picker
Version:
Picker component for Rax.
1,145 lines (923 loc) • 34.4 kB
JavaScript
;(function(fn) {
if (typeof exports === "object" && typeof module !== "undefined") {
module.exports = fn();
} else if (typeof define === "function") {
define("rax-picker", function(require, exports, module){
module.exports = fn();
});
} else {
var root;
if (typeof window !== "undefined") {
root = window;
} else if (typeof self !== "undefined") {
root = self;
} else if (typeof global !== "undefined") {
root = global;
} else {
// NOTICE: In JavaScript strict mode, this is null
root = this;
}
root["RaxPicker"] = fn();
}
})(function(){
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, { enumerable: true, get: getter });
/******/ }
/******/ };
/******/
/******/ // define __esModule on exports
/******/ __webpack_require__.r = function(exports) {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/
/******/ // create a fake namespace object
/******/ // mode & 1: value is a module id, require it
/******/ // mode & 2: merge all properties of value into the ns
/******/ // mode & 4: return value when already ns object
/******/ // mode & 8|1: behave like require
/******/ __webpack_require__.t = function(value, mode) {
/******/ if(mode & 1) value = __webpack_require__(value);
/******/ if(mode & 8) return value;
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
/******/ var ns = Object.create(null);
/******/ __webpack_require__.r(ns);
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
/******/ return ns;
/******/ };
/******/
/******/ // 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 = "";
/******/
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 2);
/******/ })
/************************************************************************/
/******/ ([
/* 0 */
/***/ (function(module, exports) {
module.exports = (function(){ var mod;if (!mod) { try { mod = require("rax") } catch(e) {} }return mod;})();
/***/ }),
/* 1 */
/***/ (function(module, exports, __webpack_require__) {
;
function _typeof2(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof2 = function _typeof2(obj) { return typeof obj; }; } else { _typeof2 = function _typeof2(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof2(obj); }
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.isReactNative = exports.isWeex = exports.isNode = exports.isWeb = void 0;
function _typeof(obj) {
if (typeof Symbol === "function" && _typeof2(Symbol.iterator) === "symbol") {
_typeof = function _typeof(obj) {
return _typeof2(obj);
};
} else {
_typeof = function _typeof(obj) {
return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : _typeof2(obj);
};
}
return _typeof(obj);
} // https://www.w3.org/TR/html5/webappapis.html#dom-navigator-appcodename
var isWeb = (typeof navigator === "undefined" ? "undefined" : _typeof(navigator)) === 'object' && (navigator.appCodeName === 'Mozilla' || navigator.product === 'Gecko');
exports.isWeb = isWeb;
var isNode = typeof process !== 'undefined' && !!(process.versions && process.versions.node);
exports.isNode = isNode;
var isWeex = typeof callNative === 'function' || (typeof WXEnvironment === "undefined" ? "undefined" : _typeof(WXEnvironment)) === 'object' && WXEnvironment.platform !== 'Web';
exports.isWeex = isWeex;
var isReactNative = typeof __fbBatchedBridgeConfig !== 'undefined';
exports.isReactNative = isReactNative;
exports["default"] = module.exports;
var _default = module.exports;
exports.default = _default;
/***/ }),
/* 2 */
/***/ (function(module, exports, __webpack_require__) {
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _rax = __webpack_require__(0);
var _universalEnv = __webpack_require__(1);
var _raxTouchable = _interopRequireDefault(__webpack_require__(3));
var _raxText = _interopRequireDefault(__webpack_require__(5));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
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 _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(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 _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 _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
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 Picker =
/*#__PURE__*/
function (_Component) {
_inherits(Picker, _Component);
function Picker(props) {
var _this;
_classCallCheck(this, Picker);
_this = _possibleConstructorReturn(this, _getPrototypeOf(Picker).call(this, props));
_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "getPickerData", function () {
var _this$props = _this.props,
children = _this$props.children,
selectedValue = _this$props.selectedValue;
var pickerItems = [],
pickerLabelList = [],
items = [],
selectIndex = 0,
selectedLabel;
if (children.length) {
pickerItems = children;
} else {
pickerItems = [children];
}
pickerLabelList = pickerItems.map(function (item, index) {
var _item$props = item.props,
value = _item$props.value,
label = _item$props.label,
color = _item$props.color;
items.push({
value: value,
label: label || value
});
if (value == selectedValue) {
selectIndex = index;
selectedLabel = label;
}
return label;
});
return {
selectIndex: selectIndex,
selectedLabel: selectedLabel,
pickerLabelList: pickerLabelList,
items: items
};
});
_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "getPickerDataByIndex", function (index, pickerData) {
return {
value: pickerData.items[index].value,
label: pickerData.items[index].label
};
});
_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "getPickerLableByValue", function (value, pickerData) {
var label = '';
for (var i = 0; i < pickerData.items.length; i++) {
if (pickerData.items[i].value == value) {
label = pickerData.items[i].label;
}
}
return label;
});
_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "handlePress", function (webIndex) {
var _this$props2 = _this.props,
onValueChange = _this$props2.onValueChange,
selectedValue = _this$props2.selectedValue;
var pickerData = _this.getPickerData();
if (_universalEnv.isWeex) {
var picker = __weex_require__('@weex-module/picker');
picker.pick({
index: pickerData.selectIndex,
items: pickerData.pickerLabelList
}, function (event) {
if (event.result === 'success') {
var index = event.data;
var _this$getPickerDataBy = _this.getPickerDataByIndex(index, pickerData),
value = _this$getPickerDataBy.value;
onValueChange && onValueChange(value, index);
}
});
} else {
var _this$getPickerDataBy2 = _this.getPickerDataByIndex(webIndex, pickerData),
value = _this$getPickerDataBy2.value;
onValueChange && onValueChange(value, webIndex);
}
});
var _pickerData = _this.getPickerData();
return _this;
}
_createClass(Picker, [{
key: "render",
value: function render() {
var _this2 = this;
var selectedValue = this.props.selectedValue;
var pickerData = this.getPickerData();
var selectedLabel = this.getPickerLableByValue(selectedValue, pickerData);
var style = _objectSpread({}, styles.initial, this.props.style);
var textStyle = {
color: style.color,
fontSize: style.fontSize,
fontStyle: style.fontStyle,
fontWeight: style.fontWeight,
textAlign: style.textAlign,
textDecoration: style.textDecoration,
textOverflow: style.textOverflow,
lineHeight: style.lineHeight
};
if (_universalEnv.isWeex) {
return (0, _rax.createElement)(_raxTouchable.default, _extends({}, this.props, {
onPress: this.handlePress,
style: style
}), (0, _rax.createElement)(_raxText.default, {
style: textStyle
}, selectedLabel));
} else {
var _pickerData2 = this.getPickerData();
return (0, _rax.createElement)("select", {
style: style,
onChange: function onChange(e) {
_this2.handlePress(e.target.options.selectedIndex);
}
}, _pickerData2.items.map(function (item, index) {
if (index == _pickerData2.selectIndex) {
return (0, _rax.createElement)("option", {
selected: "selected",
value: item.value
}, item.label);
} else {
return (0, _rax.createElement)("option", {
value: item.value
}, item.label);
}
}));
}
}
}]);
return Picker;
}(_rax.Component);
_defineProperty(Picker, "propTypes", {});
var Item =
/*#__PURE__*/
function (_Component2) {
_inherits(Item, _Component2);
function Item() {
_classCallCheck(this, Item);
return _possibleConstructorReturn(this, _getPrototypeOf(Item).apply(this, arguments));
}
_createClass(Item, [{
key: "render",
value: function render() {
return null;
}
}]);
return Item;
}(_rax.Component);
;
Picker.Item = Item;
var styles = {
initial: {
display: 'flex',
justifyContent: 'center',
flexDirection: 'row'
}
};
var _default = Picker;
exports.default = _default;
module.exports = exports["default"];
/***/ }),
/* 3 */
/***/ (function(module, exports, __webpack_require__) {
;
function _typeof2(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof2 = function _typeof2(obj) { return typeof obj; }; } else { _typeof2 = function _typeof2(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof2(obj); }
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _rax = __webpack_require__(0);
var _universalEnv = __webpack_require__(1);
var _raxView = _interopRequireDefault(__webpack_require__(4));
function _interopRequireDefault(obj) {
return obj && obj.__esModule ? obj : {
default: obj
};
}
function _typeof(obj) {
if (typeof Symbol === "function" && _typeof2(Symbol.iterator) === "symbol") {
_typeof = function _typeof(obj) {
return _typeof2(obj);
};
} else {
_typeof = function _typeof(obj) {
return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : _typeof2(obj);
};
}
return _typeof(obj);
}
function _objectSpread(target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i] != null ? arguments[i] : {};
var ownKeys = Object.keys(source);
if (typeof Object.getOwnPropertySymbols === 'function') {
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
}));
}
ownKeys.forEach(function (key) {
_defineProperty(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 _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);
}
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 Touchable =
/*#__PURE__*/
function (_Component) {
_inherits(Touchable, _Component);
function Touchable() {
_classCallCheck(this, Touchable);
return _possibleConstructorReturn(this, _getPrototypeOf(Touchable).apply(this, arguments));
}
_createClass(Touchable, [{
key: "render",
value: function render() {
var props = this.props;
var nativeProps = _objectSpread({}, props, {
style: _objectSpread({}, styles.initial, props.style),
onClick: props.onPress
});
delete nativeProps.onPress;
return (0, _rax.createElement)(_raxView.default, nativeProps);
}
}]);
return Touchable;
}(_rax.Component);
_defineProperty(Touchable, "propTypes", {});
var styles = {
initial: {
cursor: 'pointer'
}
};
var _default = Touchable;
exports.default = _default;
module.exports = exports["default"];
/***/ }),
/* 4 */
/***/ (function(module, exports, __webpack_require__) {
;
function _typeof2(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof2 = function _typeof2(obj) { return typeof obj; }; } else { _typeof2 = function _typeof2(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof2(obj); }
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _rax = __webpack_require__(0);
var _universalEnv = __webpack_require__(1);
function _typeof(obj) {
if (typeof Symbol === "function" && _typeof2(Symbol.iterator) === "symbol") {
_typeof = function _typeof(obj) {
return _typeof2(obj);
};
} else {
_typeof = function _typeof(obj) {
return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : _typeof2(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 _objectSpread(target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i] != null ? arguments[i] : {};
var ownKeys = Object.keys(source);
if (typeof Object.getOwnPropertySymbols === 'function') {
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
}));
}
ownKeys.forEach(function (key) {
_defineProperty(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 _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);
}
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 View =
/*#__PURE__*/
function (_Component) {
_inherits(View, _Component);
function View() {
_classCallCheck(this, View);
return _possibleConstructorReturn(this, _getPrototypeOf(View).apply(this, arguments));
}
_createClass(View, [{
key: "render",
value: function render() {
var props = this.props;
if (_universalEnv.isWeex) {
// TODO: do not pass object value in props
return (0, _rax.createElement)("div", props);
} else {
var styleProps = _objectSpread({}, styles.initial, props.style);
return (0, _rax.createElement)("div", _extends({}, props, {
style: styleProps
}));
}
}
}]);
return View;
}(_rax.Component);
_defineProperty(View, "propTypes", {});
var styles = {
initial: {
border: '0 solid black',
position: 'relative',
boxSizing: 'border-box',
display: 'flex',
flexDirection: 'column',
alignContent: 'flex-start',
flexShrink: 0
}
};
var _default = View;
exports.default = _default;
module.exports = exports["default"];
/***/ }),
/* 5 */
/***/ (function(module, exports, __webpack_require__) {
;
function _typeof2(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof2 = function _typeof2(obj) { return typeof obj; }; } else { _typeof2 = function _typeof2(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof2(obj); }
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _rax = __webpack_require__(0);
var _universalEnv = __webpack_require__(1);
function _typeof(obj) {
if (typeof Symbol === "function" && _typeof2(Symbol.iterator) === "symbol") {
_typeof = function _typeof(obj) {
return _typeof2(obj);
};
} else {
_typeof = function _typeof(obj) {
return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : _typeof2(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 _objectSpread(target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i] != null ? arguments[i] : {};
var ownKeys = Object.keys(source);
if (typeof Object.getOwnPropertySymbols === 'function') {
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
}));
}
ownKeys.forEach(function (key) {
_defineProperty(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 _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 _assertThisInitialized(self) {
if (self === void 0) {
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
}
return self;
}
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 Text =
/*#__PURE__*/
function (_Component) {
_inherits(Text, _Component);
function Text() {
var _getPrototypeOf2;
var _this;
_classCallCheck(this, Text);
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
_this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Text)).call.apply(_getPrototypeOf2, [this].concat(args)));
_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "renderText", function () {
var props = _this.props;
var nativeProps = _objectSpread({}, props, {
style: props.style || {}
});
var textString = '';
if (props.children != null) {
if (!Array.isArray(props.children)) {
textString = props.children.toString();
} else {
textString = props.children.join('');
}
}
if (_this.context.isInAParentText) {
return (0, _rax.createElement)("span", nativeProps, textString);
}
if (props.onPress) {
nativeProps.onClick = props.onPress;
}
if (_universalEnv.isWeex) {
if (props.numberOfLines) {
nativeProps.style.lines = props.numberOfLines;
}
nativeProps.value = textString;
return (0, _rax.createElement)("text", nativeProps);
} else {
var styleProps = _objectSpread({
whiteSpace: 'pre-wrap'
}, styles.text, nativeProps.style);
var numberOfLines = props.numberOfLines;
if (numberOfLines) {
if (parseInt(numberOfLines) === 1) {
styleProps.whiteSpace = 'nowrap';
} else {
styleProps.display = '-webkit-box';
styleProps.webkitBoxOrient = 'vertical';
styleProps.webkitLineClamp = String(numberOfLines);
}
styleProps.overflow = 'hidden';
}
return (0, _rax.createElement)("span", _extends({}, nativeProps, {
style: styleProps
}), textString);
}
});
_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), "renderRichText", function () {
var props = _this.props;
var children = props.children;
var nativeProps = _objectSpread({}, props, {
style: props.style || {}
});
var styleProps = _objectSpread({}, styles.richtext, nativeProps.style);
if (_universalEnv.isWeex) {
children = transformChildren(children, _assertThisInitialized(_assertThisInitialized(_this)));
}
return (0, _rax.createElement)("p", _extends({}, nativeProps, {
style: styleProps
}), children);
});
return _this;
}
_createClass(Text, [{
key: "getChildContext",
value: function getChildContext() {
return {
isInAParentText: true
};
}
}, {
key: "render",
value: function render() {
var props = this.props;
var children = props.children;
if (!Array.isArray(children)) {
children = [children];
}
var nested = false;
for (var i = 0; i < children.length; i++) {
var child = children[i];
if (child && _typeof(child) === 'object') {
nested = true;
break;
}
}
return nested ? this.renderRichText() : this.renderText();
}
}]);
return Text;
}(_rax.Component);
_defineProperty(Text, "propTypes", {});
_defineProperty(Text, "contextTypes", {
isInAParentText: _rax.PropTypes.bool
});
_defineProperty(Text, "childContextTypes", {
isInAParentText: _rax.PropTypes.bool
});
function transformChild(child, instance) {
var ChildComponent = child.type,
props = child.props;
var children = props.children;
if (typeof ChildComponent === 'function') {
var childInstance = new ChildComponent();
childInstance.props = props;
if (children) {
childInstance.props.children = transformChildren(children, instance);
}
childInstance.context = instance.getChildContext();
return childInstance.render();
} else {
return child;
}
}
function transformChildren(children, instance) {
var elements = [];
if (!Array.isArray(children)) {
children = [children];
}
for (var i = 0; i < children.length; i++) {
var child = children[i];
if (typeof child === 'string') {
elements.push(child);
} else if (_typeof(child) === 'object') {
elements.push(transformChild(child, instance));
}
}
return elements;
}
var styles = {
text: {
border: '0 solid black',
position: 'relative',
boxSizing: 'border-box',
display: 'block',
flexDirection: 'column',
alignContent: 'flex-start',
flexShrink: 0,
fontSize: 32
},
richtext: {
marginTop: 0,
marginBottom: 0
}
};
var _default = Text;
exports.default = _default;
module.exports = exports["default"];
/***/ })
/******/ ])});;
//# sourceMappingURL=picker.map