driver-weex
Advanced tools
Comparing version 0.6.4 to 0.6.5
@@ -1,2 +0,2 @@ | ||
'use strict'; | ||
"use strict"; | ||
@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", { | ||
}); | ||
exports.default = { | ||
exports.default = void 0; | ||
var _default = { | ||
/** | ||
@@ -20,2 +20,3 @@ * parse w3c attrs to weex module attrs | ||
}; | ||
module.exports = exports['default']; | ||
exports.default = _default; | ||
module.exports = exports["default"]; |
@@ -1,2 +0,2 @@ | ||
'use strict'; | ||
"use strict"; | ||
@@ -6,5 +6,8 @@ Object.defineProperty(exports, "__esModule", { | ||
}); | ||
exports.default = void 0; | ||
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; | ||
function _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 _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; } | ||
/** | ||
@@ -15,9 +18,6 @@ * weex button | ||
*/ | ||
exports.default = { | ||
var _default = { | ||
parse: function parse(component) { | ||
var props = component.props; | ||
component.type = 'text'; | ||
var style = props.style, | ||
@@ -27,4 +27,3 @@ disabled = props.disabled, | ||
var textStyle = _extends({ | ||
var textStyle = _objectSpread({ | ||
textAlign: 'center', | ||
@@ -44,3 +43,3 @@ fontSize: 22, | ||
props.onClick = null; | ||
textStyle = _extends({}, textStyle, { | ||
textStyle = _objectSpread({}, textStyle, { | ||
color: '#7f7f7f', | ||
@@ -59,2 +58,3 @@ borderColor: '#7f7f7f' | ||
}; | ||
module.exports = exports['default']; | ||
exports.default = _default; | ||
module.exports = exports["default"]; |
@@ -1,2 +0,2 @@ | ||
'use strict'; | ||
"use strict"; | ||
@@ -6,5 +6,8 @@ Object.defineProperty(exports, "__esModule", { | ||
}); | ||
exports.default = void 0; | ||
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; | ||
function _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 _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 BASE_FONT_SIZE = 28; | ||
@@ -29,11 +32,8 @@ | ||
}; | ||
exports.default = { | ||
var _default = { | ||
parse: function parse(component) { | ||
var type = component.type, | ||
props = component.props; | ||
component.type = 'text'; | ||
props.style = _extends({}, HeadingElements[type] || HeadingElements.h6, props.style); | ||
props.style = _objectSpread({}, HeadingElements[type] || HeadingElements.h6, props.style); | ||
@@ -48,2 +48,3 @@ if (typeof props.children === 'string' && !props.value) { | ||
}; | ||
module.exports = exports['default']; | ||
exports.default = _default; | ||
module.exports = exports["default"]; |
@@ -1,2 +0,2 @@ | ||
'use strict'; | ||
"use strict"; | ||
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { | ||
}); | ||
exports.default = void 0; | ||
var _parseProps = require('../parseProps'); | ||
var _parseProps = require("../parseProps"); | ||
exports.default = { | ||
var _default = { | ||
/** | ||
@@ -20,11 +20,9 @@ * parse w3c attrs to weex module attrs | ||
var props = component.props; | ||
component.type = 'image'; // modify props | ||
component.type = 'image'; | ||
// modify props | ||
component.props = (0, _parseProps.transformPropsAttrsToStyle)(props, ['width', 'height']); | ||
return component; | ||
} | ||
}; | ||
module.exports = exports['default']; | ||
exports.default = _default; | ||
module.exports = exports["default"]; |
@@ -1,2 +0,2 @@ | ||
'use strict'; | ||
"use strict"; | ||
@@ -6,59 +6,45 @@ Object.defineProperty(exports, "__esModule", { | ||
}); | ||
exports.default = void 0; | ||
var _img = require('./img'); | ||
var _img = _interopRequireDefault(require("./img")); | ||
var _img2 = _interopRequireDefault(_img); | ||
var _video = _interopRequireDefault(require("./video")); | ||
var _video = require('./video'); | ||
var _textarea = _interopRequireDefault(require("./textarea")); | ||
var _video2 = _interopRequireDefault(_video); | ||
var _span = _interopRequireDefault(require("./span")); | ||
var _textarea = require('./textarea'); | ||
var _p = _interopRequireDefault(require("./p")); | ||
var _textarea2 = _interopRequireDefault(_textarea); | ||
var _button = _interopRequireDefault(require("./button")); | ||
var _span = require('./span'); | ||
var _heading = _interopRequireDefault(require("./heading")); | ||
var _span2 = _interopRequireDefault(_span); | ||
var _block = _interopRequireDefault(require("./block")); | ||
var _p = require('./p'); | ||
var _p2 = _interopRequireDefault(_p); | ||
var _button = require('./button'); | ||
var _button2 = _interopRequireDefault(_button); | ||
var _heading = require('./heading'); | ||
var _heading2 = _interopRequireDefault(_heading); | ||
var _block = require('./block'); | ||
var _block2 = _interopRequireDefault(_block); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
exports.default = { | ||
span: _span2.default, | ||
p: _p2.default, | ||
img: _img2.default, | ||
button: _button2.default, | ||
video: _video2.default, | ||
textarea: _textarea2.default, | ||
h1: _heading2.default, | ||
h2: _heading2.default, | ||
h3: _heading2.default, | ||
h4: _heading2.default, | ||
h5: _heading2.default, | ||
h6: _heading2.default, | ||
nav: _block2.default, | ||
article: _block2.default, | ||
section: _block2.default, | ||
var _default = { | ||
span: _span.default, | ||
p: _p.default, | ||
img: _img.default, | ||
button: _button.default, | ||
video: _video.default, | ||
textarea: _textarea.default, | ||
h1: _heading.default, | ||
h2: _heading.default, | ||
h3: _heading.default, | ||
h4: _heading.default, | ||
h5: _heading.default, | ||
h6: _heading.default, | ||
nav: _block.default, | ||
article: _block.default, | ||
section: _block.default, | ||
// Conflict with weex header tag | ||
// header: block, | ||
footer: _block2.default, | ||
aside: _block2.default, | ||
main: _block2.default | ||
footer: _block.default, | ||
aside: _block.default, | ||
main: _block.default | ||
}; | ||
module.exports = exports['default']; | ||
exports.default = _default; | ||
module.exports = exports["default"]; |
@@ -1,2 +0,2 @@ | ||
'use strict'; | ||
"use strict"; | ||
@@ -6,9 +6,11 @@ Object.defineProperty(exports, "__esModule", { | ||
}); | ||
exports.default = void 0; | ||
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof 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); } | ||
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; | ||
function _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 _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 BASE_FONT_SIZE = 28; | ||
var defaultParagraphStyle = { | ||
@@ -19,3 +21,2 @@ fontSize: BASE_FONT_SIZE, | ||
}; | ||
var TypographyElements = { | ||
@@ -64,11 +65,11 @@ u: { | ||
var style = props.style; | ||
var nestedChildren = props.children; | ||
// Alias img tag | ||
var nestedChildren = props.children; // Alias img tag | ||
if (type === 'img') { | ||
type = 'image'; | ||
} | ||
} // Transfrom to span | ||
// Transfrom to span | ||
if (TypographyElements[type]) { | ||
style = _extends({}, TypographyElements[type], style); | ||
style = _objectSpread({}, TypographyElements[type], style); | ||
type = 'span'; | ||
@@ -79,3 +80,2 @@ } | ||
props.children = null; | ||
var element = { | ||
@@ -100,2 +100,3 @@ type: type, | ||
var elements = []; | ||
if (!Array.isArray(children)) { | ||
@@ -107,5 +108,6 @@ children = [children]; | ||
var child = children[i]; | ||
if (typeof child === 'string') { | ||
elements.push(transformString(child)); | ||
} else if ((typeof child === 'undefined' ? 'undefined' : _typeof(child)) === 'object') { | ||
} else if (_typeof(child) === 'object') { | ||
elements.push(transformChild(child)); | ||
@@ -118,18 +120,15 @@ } | ||
exports.default = { | ||
var _default = { | ||
parse: function parse(component) { | ||
var props = component.props; | ||
var children = props.children; | ||
component.type = 'richtext'; | ||
props.style = _extends({}, defaultParagraphStyle, props.style); | ||
props.value = transformChildren(children);; | ||
props.style = _objectSpread({}, defaultParagraphStyle, props.style); | ||
props.value = transformChildren(children); | ||
; | ||
props.children = null; | ||
return component; | ||
} | ||
}; | ||
module.exports = exports['default']; | ||
exports.default = _default; | ||
module.exports = exports["default"]; |
@@ -1,2 +0,2 @@ | ||
'use strict'; | ||
"use strict"; | ||
@@ -6,6 +6,6 @@ Object.defineProperty(exports, "__esModule", { | ||
}); | ||
exports.default = { | ||
exports.default = void 0; | ||
var _default = { | ||
parse: function parse(component) { | ||
var props = component.props; | ||
component.type = 'text'; | ||
@@ -21,2 +21,3 @@ | ||
}; | ||
module.exports = exports['default']; | ||
exports.default = _default; | ||
module.exports = exports["default"]; |
@@ -1,2 +0,2 @@ | ||
'use strict'; | ||
"use strict"; | ||
@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", { | ||
}); | ||
exports.default = { | ||
exports.default = void 0; | ||
var _default = { | ||
/** | ||
@@ -18,3 +18,2 @@ * parse w3c attrs to weex module attrs | ||
if (typeof props.children === 'string' && !props.value) { | ||
@@ -28,2 +27,3 @@ props.value = props.children; | ||
}; | ||
module.exports = exports['default']; | ||
exports.default = _default; | ||
module.exports = exports["default"]; |
@@ -1,2 +0,2 @@ | ||
'use strict'; | ||
"use strict"; | ||
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { | ||
}); | ||
exports.default = void 0; | ||
var _parseProps = require('../parseProps'); | ||
var _parseProps = require("../parseProps"); | ||
exports.default = { | ||
var _default = { | ||
/** | ||
@@ -19,11 +19,9 @@ * parse w3c attrs to weex module attrs | ||
parse: function parse(component) { | ||
var props = component.props; | ||
var props = component.props; // modify props | ||
// modify props | ||
component.props = (0, _parseProps.transformPropsAttrsToStyle)(props, ['width', 'height']); | ||
return component; | ||
} | ||
}; | ||
module.exports = exports['default']; | ||
exports.default = _default; | ||
module.exports = exports["default"]; |
@@ -1,2 +0,2 @@ | ||
'use strict'; | ||
"use strict"; | ||
@@ -6,16 +6,12 @@ Object.defineProperty(exports, "__esModule", { | ||
}); | ||
exports.default = void 0; | ||
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; /** | ||
* Weex driver | ||
*/ | ||
var _styleUnit = require("style-unit"); | ||
var _elements = _interopRequireDefault(require("./elements")); | ||
var _styleUnit = require('style-unit'); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
var _elements = require('./elements'); | ||
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); } | ||
var _elements2 = _interopRequireDefault(_elements); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
var STYLE = 'style'; | ||
@@ -27,11 +23,9 @@ var ID = 'id'; | ||
var ARIA_PREFIX_REGEXP = /^aria-/; | ||
var nodeMaps = {}; | ||
/* global __weex_document__ */ | ||
var document = (typeof __weex_document__ === 'undefined' ? 'undefined' : _typeof(__weex_document__)) === 'object' ? __weex_document__ : (typeof document === 'undefined' ? 'undefined' : _typeof(document)) === 'object' ? document : null; | ||
var document = (typeof __weex_document__ === "undefined" ? "undefined" : _typeof(__weex_document__)) === 'object' ? __weex_document__ : _typeof(document) === 'object' ? document : null; | ||
var Driver = { | ||
deviceWidth: 750, | ||
viewportWidth: 750, | ||
getDeviceWidth: function getDeviceWidth() { | ||
@@ -60,3 +54,2 @@ return this.deviceWidth; | ||
documentElement.appendChild(body); | ||
return body; | ||
@@ -82,3 +75,4 @@ }, | ||
createElement: function createElement(component) { | ||
var htmlElement = _elements2.default[component.type]; | ||
var htmlElement = _elements.default[component.type]; | ||
if (htmlElement) { | ||
@@ -92,2 +86,3 @@ component = htmlElement.parse(component); | ||
var originStyle = props[STYLE]; | ||
for (var prop in originStyle) { | ||
@@ -100,5 +95,3 @@ style[prop] = (0, _styleUnit.convertUnit)(originStyle[prop], prop); | ||
}); | ||
this.setNativeProps(node, props, true); | ||
return node; | ||
@@ -112,5 +105,7 @@ }, | ||
var id = node.attr && node.attr[ID]; | ||
if (id != null) { | ||
nodeMaps[id] = null; | ||
} | ||
return parent.removeChild(node); | ||
@@ -147,4 +142,3 @@ }, | ||
}, | ||
removeAllEventListeners: function removeAllEventListeners(node) { | ||
// Noop | ||
removeAllEventListeners: function removeAllEventListeners(node) {// Noop | ||
}, | ||
@@ -154,4 +148,5 @@ removeAttribute: function removeAttribute(node, propKey, propValue) { | ||
nodeMaps[propValue] = null; | ||
} | ||
// Weex native will crash when pass null value | ||
} // Weex native will crash when pass null value | ||
return node.setAttr(propKey, undefined, false); | ||
@@ -162,5 +157,5 @@ }, | ||
nodeMaps[propValue] = node; | ||
} | ||
} // Weex only support `ariaLabel` format, convert `aria-label` format to camelcase | ||
// Weex only support `ariaLabel` format, convert `aria-label` format to camelcase | ||
if (ARIA_PREFIX_REGEXP.test(propKey)) { | ||
@@ -184,5 +179,4 @@ propKey = propKey.replace(/\-(\w)/, function (m, p1) { | ||
// Turn off batched updates | ||
document.open(); | ||
document.open(); // Init rem unit | ||
// Init rem unit | ||
(0, _styleUnit.setRem)(this.getDeviceWidth() / this.getViewportWidth()); | ||
@@ -193,5 +187,5 @@ }, | ||
document.listener.createFinish(); | ||
} | ||
} // Turn on batched updates | ||
// Turn on batched updates | ||
document.close(); | ||
@@ -202,2 +196,3 @@ }, | ||
var value = props[prop]; | ||
if (prop === CHILDREN) { | ||
@@ -212,2 +207,3 @@ continue; | ||
} | ||
this.setStyles(node, value); | ||
@@ -224,4 +220,4 @@ } else if (EVENT_PREFIX_REGEXP.test(prop)) { | ||
}; | ||
exports.default = Driver; | ||
module.exports = exports['default']; | ||
var _default = Driver; | ||
exports.default = _default; | ||
module.exports = exports["default"]; |
@@ -8,2 +8,4 @@ "use strict"; | ||
exports.renamePropsAttr = renamePropsAttr; | ||
exports.default = void 0; | ||
/** | ||
@@ -17,3 +19,2 @@ * transformPropAttrsToStyle | ||
props.style = props.style || {}; | ||
attrs.forEach(function (attr) { | ||
@@ -25,6 +26,6 @@ if (props[attr] && !props.style[attr]) { | ||
}); | ||
return props; | ||
}; | ||
} | ||
; | ||
/** | ||
@@ -37,2 +38,3 @@ * renamePropsAttr | ||
*/ | ||
function renamePropsAttr(props, originalAttrName, newAttrName) { | ||
@@ -46,3 +48,5 @@ if (props[originalAttrName] && !props[newAttrName]) { | ||
} | ||
exports["default"] = module.exports; | ||
exports.default = module.exports; | ||
var _default = module.exports; | ||
exports.default = _default; |
{ | ||
"name": "driver-weex", | ||
"version": "0.6.4", | ||
"version": "0.6.5", | ||
"description": "Weex driver for Rax", | ||
@@ -16,4 +16,4 @@ "license": "BSD-3-Clause", | ||
"dependencies": { | ||
"style-unit": "^0.6.4" | ||
"style-unit": "^0.6.5" | ||
} | ||
} |
import * as elements from '../elements'; | ||
import elements from '../elements'; | ||
@@ -4,0 +4,0 @@ describe('elements', () => { |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
34254
1121
Updatedstyle-unit@^0.6.5