UNPKG

rax-picker

Version:

Picker component for Rax.

1,145 lines (923 loc) 34.4 kB
;(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__) { "use strict"; 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__) { "use strict"; 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__) { "use strict"; 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__) { "use strict"; 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__) { "use strict"; 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