diff --git a/README.md b/README.md index cc7aed23a..26dc54396 100644 --- a/README.md +++ b/README.md @@ -12,7 +12,7 @@ Coming soon.... - JSX 是开发体验最棒(智能提示)，[语法噪音最少](https://github.com/facebook/jsx#why-not-template-literals)的 UI 表达式 - 每一个组件拥有 update 方法自由渲染最佳更新视图的时机，功耗低，自由度高，性能卓越 - 局部 CSS 最佳解决方案(Shadow DOM)，社区为局部 CSS 折腾了不少框架，Shadow DOM Style 是最完美的方案 -- WeStore 体系，99% 的项目不需要什么时间旅行,请不要上来就 redux，Omi store 体系可以满足所有项目，也能时间旅行 +- 类似 WeStore 体系，99% 的项目不需要什么时间旅行,请不要上来就 redux，Omi store 体系可以满足所有项目，也能时间旅行 - 看看[Facebook React 和 Web Components对比优势](https://www.cnblogs.com/rubylouvre/p/4072979.html)，Omi 融合了各自的优点，而且给开发者自由的选择喜爱的方式 对比同样开发 TodoApp， Omi 和 React 渲染完的 DOM 结构: @@ -25,6 +25,8 @@ Coming soon.... - [Getting Started](#getting-started) - [Hello Omi](#hello-omi) + - [TodoApp](#todoapp) + - [Store](#store) - [Lifecycle](#lifecycle) - [Install](#install) - [Links](#links) @@ -131,9 +133,6 @@ render(, 'body') "babel-preset-omi": "^0.1.1", ``` -### Scoped CSS - - 如果不想把 css 写在 js 里，你可以使用 [to-string-loader](https://www.npmjs.com/package/to-string-loader), 比如下面配置: ``` js @@ -231,6 +230,71 @@ define('todo-app', TodoApp) render(, 'body') ``` +### Store + + +```js +export default { + data: { + items: [], + text: '', + firstName: 'dnt', + lastName: 'zhang', + fullName: function () { + return this.firstName + this.lastName + }, + globalPropTest: 'abc', //更改我会刷新所有页面,不需要再组件和页面声明data依赖 + ccc: { ddd: 1 } //更改我会刷新所有页面,不需要再组件和页面声明data依赖 + }, + add: function () { + this.data.items.push({ + text: this.data.text, + id: Date.now() + }) + this.data.text = '' + this.update() + }, + globalData: ['globalPropTest', 'ccc.ddd'], + logMotto: function () { + console.log(this.data.motto) + }, + //默认 false，为 true 会无脑更新所有实例 + //updateAll: true +} +``` + +自定义 Element 需要声明依赖的 data，这样 Omi store 根据自定义组件上声明的 data 计算依赖 path 并会按需局部更新。如: + +```js +class TodoApp extends WeElement { + static get data() { + return { items: [], text: '' } + } + ... + ... + ... + handleChange = (e) => { + this.store.data.text = e.target.value + } + + handleSubmit = (e) => { + e.preventDefault(); + if (!this.store.data.text.length) { + return; + } + this.store.add() + } +} + +define('todo-app', TodoApp) +``` + +需要在 render 的时候从根节点注入 store 才能在所有自定义 Element 里使用 this.store: + +```js +render(, 'body', store) +``` + ### Lifecycle | Lifecycle method | When it gets called | diff --git a/dist/omi.dev.js b/dist/omi.dev.js index 2e41d9455..81ce7ae53 100644 --- a/dist/omi.dev.js +++ b/dist/omi.dev.js @@ -616,10 +616,12 @@ var update = false; // add new & update changed attributes for (name in attrs) { + //diable when using store system? + //!dom.store && if (typeof attrs[name] === 'object') { // todo diff?? dom.props[npn(name)] = attrs[name]; - update = true; + dom.parentNode && (update = true); } else if (name !== 'children' && name !== 'innerHTML' && (!(name in old) || attrs[name] !== (name === 'value' || name === 'checked' ? dom[name] : old[name]))) { setAccessor(dom, name, old[name], old[name] = attrs[name], isSvgMode); } @@ -650,6 +652,10 @@ } WeElement.prototype.connectedCallback = function connectedCallback() { + this.store = options.store; + if (this.store) { + this.store.instances.push(this); + } this.install(); var shadowRoot = this.attachShadow({ mode: 'open' }); @@ -706,9 +712,224 @@ return WeElement; }(HTMLElement); - function render(vnode, parent) { - parent = typeof parent === 'string' ? document.querySelector(parent) : parent; - diff(null, vnode, {}, false, parent, false); + function diff$1(current, pre) { + var result = {}; + syncKeys(current, pre); + _diff(current, pre, '', result); + return result; + } + + function syncKeys(current, pre) { + if (current === pre) return; + var rootCurrentType = type(current); + var rootPreType = type(pre); + if (rootCurrentType == '[object Object]' && rootPreType == '[object Object]') { + if (Object.keys(current).length >= Object.keys(pre).length) { + for (var key in pre) { + var currentValue = current[key]; + if (currentValue === undefined) { + current[key] = null; + } else { + syncKeys(currentValue, pre[key]); + } + } + } + } else if (rootCurrentType == '[object Array]' && rootPreType == '[object Array]') { + if (current.length >= pre.length) { + pre.forEach(function (item, index) { + syncKeys(current[index], item); + }); + } + } + } + + function _diff(current, pre, path, result) { + if (current === pre) return; + var rootCurrentType = type(current); + var rootPreType = type(pre); + if (rootCurrentType == '[object Object]') { + if (rootPreType != '[object Object]' || Object.keys(current).length < Object.keys(pre).length) { + setResult(result, path, current); + } else { + var _loop = function _loop(key) { + var currentValue = current[key]; + var preValue = pre[key]; + var currentType = type(currentValue); + var preType = type(preValue); + if (currentType != '[object Array]' && currentType != '[object Object]') { + if (currentValue != pre[key]) { + setResult(result, (path == '' ? '' : path + ".") + key, currentValue); + } + } else if (currentType == '[object Array]') { + if (preType != '[object Array]') { + setResult(result, (path == '' ? '' : path + ".") + key, currentValue); + } else { + if (currentValue.length < preValue.length) { + setResult(result, (path == '' ? '' : path + ".") + key, currentValue); + } else { + currentValue.forEach(function (item, index) { + _diff(item, preValue[index], (path == '' ? '' : path + ".") + key + '[' + index + ']', result); + }); + } + } + } else if (currentType == '[object Object]') { + if (preType != '[object Object]' || Object.keys(currentValue).length < Object.keys(preValue).length) { + setResult(result, (path == '' ? '' : path + ".") + key, currentValue); + } else { + for (var subKey in currentValue) { + _diff(currentValue[subKey], preValue[subKey], (path == '' ? '' : path + ".") + key + '.' + subKey, result); + } + } + } + }; + + for (var key in current) { + _loop(key); + } + } + } else if (rootCurrentType == '[object Array]') { + if (rootPreType != '[object Array]') { + setResult(result, path, current); + } else { + if (current.length < pre.length) { + setResult(result, path, current); + } else { + current.forEach(function (item, index) { + _diff(item, pre[index], path + '[' + index + ']', result); + }); + } + } + } else { + setResult(result, path, current); + } + } + + function setResult(result, k, v) { + if (type(v) != '[object Function]') { + result[k] = v; + } + } + + function type(obj) { + return Object.prototype.toString.call(obj); + } + + function render(vnode, parent, store) { + parent = typeof parent === 'string' ? document.querySelector(parent) : parent; + if (store) { + store.instances = []; + extendStoreUpate(store); + options.store = store; + store.originData = JSON.parse(JSON.stringify(store.data)); + } + diff(null, vnode, {}, false, parent, false); + } + + function extendStoreUpate(store) { + store.update = function () { + var _this = this; + + var diffResult = diff$1(this.data, this.originData); + if (Object.keys(diffResult)[0] == '') { + diffResult = diffResult['']; + } + var updateAll = matchGlobalData(this.globalData, diffResult); + if (Object.keys(diffResult).length > 0) { + this.instances.forEach(function (instance) { + if (updateAll || _this.updateAll || instance.constructor.updatePath && needUpdate(diffResult, instance.constructor.updatePath)) { + instance.update(); + } + }); + this.onChange && this.onChange(diffResult); + for (var key in diffResult) { + updateByPath(this.originData, key, typeof diffResult[key] === 'object' ? JSON.parse(JSON.stringify(diffResult[key])) : diffResult[key]); + } + } + }; + } + + function matchGlobalData(globalData, diffResult) { + if (!globalData) return false; + for (var keyA in diffResult) { + if (globalData.indexOf(keyA) > -1) { + return true; + } + for (var i = 0, len = globalData.length; i < len; i++) { + if (includePath(keyA, globalData[i])) { + return true; + } + } + } + return false; + } + + function needUpdate(diffResult, updatePath) { + for (var keyA in diffResult) { + if (updatePath[keyA]) { + return true; + } + for (var keyB in updatePath) { + if (includePath(keyA, keyB)) { + return true; + } + } + } + return false; + } + + function includePath(pathA, pathB) { + if (pathA.indexOf(pathB) === 0) { + var next = pathA.substr(pathB.length, 1); + if (next === '[' || next === '.') { + return true; + } + } + return false; + } + + function updateByPath(origin, path, value) { + var arr = path.replace(/]/g, '').replace(/\[/g, '.').split('.'); + var current = origin; + for (var i = 0, len = arr.length; i < len; i++) { + if (i === len - 1) { + current[arr[i]] = value; + } else { + current = current[arr[i]]; + } + } + } + + function define(name, ctor) { + customElements.define(name, ctor); + if (ctor.data) { + ctor.updatePath = getUpdatePath(ctor.data); + } + } + + function getUpdatePath(data) { + var result = {}; + dataToPath(data, result); + return result; + } + + function dataToPath(data, result) { + Object.keys(data).forEach(function (key) { + result[key] = true; + var type = Object.prototype.toString.call(data[key]); + if (type === '[object Object]') { + _dataToPath(data[key], key, result); + } + }); + } + + function _dataToPath(data, path, result) { + Object.keys(data).forEach(function (key) { + result[path + '.' + key] = true; + var type = Object.prototype.toString.call(data[key]); + if (type === '[object Object]') { + _dataToPath(data[key], path + '.' + key, result); + } + }); } var instances = []; @@ -719,7 +940,8 @@ WeElement: WeElement, render: render, options: options, - instances: instances + instances: instances, + define: define }; options.root.Omi.version = '4.0.0'; @@ -730,7 +952,8 @@ WeElement: WeElement, render: render, options: options, - instances: instances + instances: instances, + define: define }; if (typeof module != 'undefined') module.exports = Omi;else self.Omi = Omi; diff --git a/dist/omi.dev.js.map b/dist/omi.dev.js.map index d3ae57f21..250661f08 100644 --- a/dist/omi.dev.js.map +++ b/dist/omi.dev.js.map @@ -1 +1 @@ -{"version":3,"file":"omi.dev.js","sources":["../src/vnode.js","../src/options.js","../src/h.js","../src/util.js","../src/constants.js","../src/vdom/index.js","../src/dom/index.js","../src/vdom/diff.js","../src/we-element.js","../src/render.js","../src/omi.js","../src/omi.js"],"sourcesContent":["/** Virtual DOM Node */\r\nexport function VNode() {}\r\n","function getGlobal() {\r\n\tif (typeof global !== 'object' || !global || global.Math !== Math || global.Array !== Array) {\r\n\t\tif (typeof self !== 'undefined') {\r\n\t\t\treturn self;\r\n\t\t} else if (typeof window !== 'undefined') {\r\n\t\t\treturn window;\r\n\t\t} else if (typeof global !== 'undefined') {\r\n\t\t\treturn global;\r\n\t\t}\r\n\t\treturn (function(){\r\n\t\t\treturn this;\r\n\t\t})();\r\n\t\t\r\n\t}\r\n\treturn global;\r\n}\r\n\r\n/** Global options\r\n *\t@public\r\n *\t@namespace options {Object}\r\n */\r\nexport default {\r\n\r\n\tstore: null,\r\n\t\r\n\troot: getGlobal()\r\n\t//componentChange(component, element) { },\r\n\t/** If `true`, `prop` changes trigger synchronous component updates.\r\n\t *\t@name syncComponentUpdates\r\n\t *\t@type Boolean\r\n\t *\t@default true\r\n\t */\r\n\t//syncComponentUpdates: true,\r\n\r\n\t/** Processes all created VNodes.\r\n\t *\t@param {VNode} vnode\tA newly-created VNode to normalize/process\r\n\t */\r\n\t//vnode(vnode) { }\r\n\r\n\t/** Hook invoked after a component is mounted. */\r\n\t//afterMount(component) { },\r\n\r\n\t/** Hook invoked after the DOM is updated with a component's latest render. */\r\n\t//afterUpdate(component) { }\r\n\r\n\t/** Hook invoked immediately before a component is unmounted. */\r\n\t// beforeUnmount(component) { }\r\n};\r\n","import { VNode } from './vnode';\r\nimport options from './options';\r\n\r\n\r\nconst stack = [];\r\n\r\nconst EMPTY_CHILDREN = [];\r\n\r\nexport function h(nodeName, attributes) {\r\n\tlet children=EMPTY_CHILDREN, lastSimple, child, simple, i;\r\n\tfor (i=arguments.length; i-- > 2; ) {\r\n\t\tstack.push(arguments[i]);\r\n\t}\r\n\tif (attributes && attributes.children!=null) {\r\n\t\tif (!stack.length) stack.push(attributes.children);\r\n\t\tdelete attributes.children;\r\n\t}\r\n\twhile (stack.length) {\r\n\t\tif ((child = stack.pop()) && child.pop!==undefined) {\r\n\t\t\tfor (i=child.length; i--; ) stack.push(child[i]);\r\n\t\t}\r\n\t\telse {\r\n\t\t\tif (typeof child==='boolean') child = null;\r\n\r\n\t\t\tif ((simple = typeof nodeName!=='function')) {\r\n\t\t\t\tif (child==null) child = '';\r\n\t\t\t\telse if (typeof child==='number') child = String(child);\r\n\t\t\t\telse if (typeof child!=='string') simple = false;\r\n\t\t\t}\r\n\r\n\t\t\tif (simple && lastSimple) {\r\n\t\t\t\tchildren[children.length-1] += child;\r\n\t\t\t}\r\n\t\t\telse if (children===EMPTY_CHILDREN) {\r\n\t\t\t\tchildren = [child];\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tchildren.push(child);\r\n\t\t\t}\r\n\r\n\t\t\tlastSimple = simple;\r\n\t\t}\r\n\t}\r\n\r\n\tlet p = new VNode();\r\n\tp.nodeName = nodeName;\r\n\tp.children = children;\r\n\tp.attributes = attributes==null ? undefined : attributes;\r\n\tp.key = attributes==null ? undefined : attributes.key;\r\n\r\n\t// if a \"vnode hook\" is defined, pass every created VNode to it\r\n\tif (options.vnode!==undefined) options.vnode(p);\r\n\r\n\treturn p;\r\n}","/**\r\n * @license\r\n * Copyright (c) 2016 The Polymer Project Authors. All rights reserved.\r\n * This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt\r\n * The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt\r\n * The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt\r\n * Code distributed by Google as part of the polymer project is also\r\n * subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt\r\n */\r\n\r\n/**\r\n * This shim allows elements written in, or compiled to, ES5 to work on native\r\n * implementations of Custom Elements v1. It sets new.target to the value of\r\n * this.constructor so that the native HTMLElement constructor can access the\r\n * current under-construction element's definition.\r\n */\r\n(function() {\r\n if (\r\n // No Reflect, no classes, no need for shim because native custom elements\r\n // require ES2015 classes or Reflect.\r\n window.Reflect === undefined ||\r\n window.customElements === undefined ||\r\n // The webcomponentsjs custom elements polyfill doesn't require\r\n // ES2015-compatible construction (`super()` or `Reflect.construct`).\r\n window.customElements.hasOwnProperty('polyfillWrapFlushCallback')\r\n ) {\r\n return;\r\n }\r\n const BuiltInHTMLElement = HTMLElement;\r\n window.HTMLElement = function HTMLElement() {\r\n return Reflect.construct(BuiltInHTMLElement, [], this.constructor);\r\n };\r\n HTMLElement.prototype = BuiltInHTMLElement.prototype;\r\n HTMLElement.prototype.constructor = HTMLElement;\r\n Object.setPrototypeOf(HTMLElement, BuiltInHTMLElement);\r\n })();\r\n\r\n\r\n\r\nexport function cssToDom(css) {\r\n const node = document.createElement('style')\r\n node.innerText = css\r\n return node\r\n}\r\n\r\n\r\nexport function npn(str) {\r\n return str.replace(/-(\\w)/g, function ($, $1) {\r\n return $1.toUpperCase();\r\n });\r\n}\r\n\r\nexport function extend(obj, props) {\r\n\tfor (let i in props) obj[i] = props[i];\r\n\treturn obj;\r\n}\r\n\r\n/** Invoke or update a ref, depending on whether it is a function or object ref.\r\n * @param {object|function} [ref=null]\r\n * @param {any} [value]\r\n */\r\nexport function applyRef(ref, value) {\r\n\tif (ref!=null) {\r\n\t\tif (typeof ref=='function') ref(value);\r\n\t\telse ref.current = value;\r\n\t}\r\n}\r\n\r\n/**\r\n * Call a function asynchronously, as soon as possible. Makes\r\n * use of HTML Promise to schedule the callback if available,\r\n * otherwise falling back to `setTimeout` (mainly for IE<11).\r\n * @type {(callback: function) => void}\r\n */\r\nexport const defer = typeof Promise=='function' ? Promise.resolve().then.bind(Promise.resolve()) : setTimeout;\r\n\r\nexport function isArray(obj){\r\n return Object.prototype.toString.call(obj) === '[object Array]'\r\n}\r\n\r\nexport function nProps(props){\r\n if(!props || isArray(props)) return {}\r\n const result = {}\r\n Object.keys(props).forEach(key =>{\r\n result[key] = props[key].value \r\n })\r\n return result\r\n}\r\n","// render modes\r\n\r\nexport const NO_RENDER = 0;\r\nexport const SYNC_RENDER = 1;\r\nexport const FORCE_RENDER = 2;\r\nexport const ASYNC_RENDER = 3;\r\n\r\n\r\nexport const ATTR_KEY = '__preactattr_';\r\n\r\n// DOM properties that should NOT have \"px\" added when numeric\r\nexport const IS_NON_DIMENSIONAL = /acit|ex(?:s|g|n|p|$)|rph|ows|mnc|ntw|ine[ch]|zoo|^ord/i;\r\n\r\n","import { extend } from '../util';\r\n\r\n\r\n/**\r\n * Check if two nodes are equivalent.\r\n *\r\n * @param {Node} node\t\t\tDOM Node to compare\r\n * @param {VNode} vnode\t\t\tVirtual DOM node to compare\r\n * @param {boolean} [hydrating=false]\tIf true, ignores component constructors when comparing.\r\n * @private\r\n */\r\nexport function isSameNodeType(node, vnode, hydrating) {\r\n\tif (typeof vnode==='string' || typeof vnode==='number') {\r\n\t\treturn node.splitText!==undefined;\r\n\t}\r\n\tif (typeof vnode.nodeName==='string') {\r\n\t\treturn !node._componentConstructor && isNamedNode(node, vnode.nodeName);\r\n\t}\r\n\treturn hydrating || node._componentConstructor===vnode.nodeName;\r\n}\r\n\r\n\r\n/**\r\n * Check if an Element has a given nodeName, case-insensitively.\r\n *\r\n * @param {Element} node\tA DOM Element to inspect the name of.\r\n * @param {String} nodeName\tUnnormalized name to compare against.\r\n */\r\nexport function isNamedNode(node, nodeName) {\r\n\treturn node.normalizedNodeName===nodeName || node.nodeName.toLowerCase()===nodeName.toLowerCase();\r\n}\r\n\r\n\r\n/**\r\n * Reconstruct Component-style `props` from a VNode.\r\n * Ensures default/fallback values from `defaultProps`:\r\n * Own-properties of `defaultProps` not present in `vnode.attributes` are added.\r\n *\r\n * @param {VNode} vnode\r\n * @returns {Object} props\r\n */\r\nexport function getNodeProps(vnode) {\r\n\tlet props = extend({}, vnode.attributes);\r\n\tprops.children = vnode.children;\r\n\r\n\tlet defaultProps = vnode.nodeName.defaultProps;\r\n\tif (defaultProps!==undefined) {\r\n\t\tfor (let i in defaultProps) {\r\n\t\t\tif (props[i]===undefined) {\r\n\t\t\t\tprops[i] = defaultProps[i];\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\treturn props;\r\n}\r\n","import { IS_NON_DIMENSIONAL } from '../constants';\r\nimport { applyRef } from '../util';\r\nimport options from '../options';\r\nimport { npn } from '../util'\r\n\r\n/**\r\n * A DOM event listener\r\n * @typedef {(e: Event) => void} EventListner\r\n */\r\n\r\n/**\r\n * A mapping of event types to event listeners\r\n * @typedef {Object.} EventListenerMap\r\n */\r\n\r\n/**\r\n * Properties Preact adds to elements it creates\r\n * @typedef PreactElementExtensions\r\n * @property {string} [normalizedNodeName] A normalized node name to use in diffing\r\n * @property {EventListenerMap} [_listeners] A map of event listeners added by components to this DOM node\r\n * @property {import('../component').Component} [_component] The component that rendered this DOM node\r\n * @property {function} [_componentConstructor] The constructor of the component that rendered this DOM node\r\n */\r\n\r\n/**\r\n * A DOM element that has been extended with Preact properties\r\n * @typedef {Element & ElementCSSInlineStyle & PreactElementExtensions} PreactElement\r\n */\r\n\r\n/**\r\n * Create an element with the given nodeName.\r\n * @param {string} nodeName The DOM node to create\r\n * @param {boolean} [isSvg=false] If `true`, creates an element within the SVG\r\n * namespace.\r\n * @returns {PreactElement} The created DOM node\r\n */\r\nexport function createNode(nodeName, isSvg) {\r\n\t/** @type {PreactElement} */\r\n\tlet node = isSvg ? document.createElementNS('http://www.w3.org/2000/svg', nodeName) : document.createElement(nodeName);\r\n\tnode.normalizedNodeName = nodeName;\r\n\treturn node;\r\n}\r\n\r\n\r\n/**\r\n * Remove a child node from its parent if attached.\r\n * @param {Node} node The node to remove\r\n */\r\nexport function removeNode(node) {\r\n\tlet parentNode = node.parentNode;\r\n\tif (parentNode) parentNode.removeChild(node);\r\n}\r\n\r\n\r\n/**\r\n * Set a named attribute on the given Node, with special behavior for some names\r\n * and event handlers. If `value` is `null`, the attribute/handler will be\r\n * removed.\r\n * @param {PreactElement} node An element to mutate\r\n * @param {string} name The name/key to set, such as an event or attribute name\r\n * @param {*} old The last value that was set for this name/node pair\r\n * @param {*} value An attribute value, such as a function to be used as an\r\n * event handler\r\n * @param {boolean} isSvg Are we currently diffing inside an svg?\r\n * @private\r\n */\r\nexport function setAccessor(node, name, old, value, isSvg) {\r\n\tif (name==='className') name = 'class';\r\n\r\n\r\n\tif (name==='key') {\r\n\t\t// ignore\r\n\t}\r\n\telse if (name==='ref') {\r\n\t\tapplyRef(old, null);\r\n\t\tapplyRef(value, node);\r\n\t}\r\n\telse if (name==='class' && !isSvg) {\r\n\t\tnode.className = value || '';\r\n\t}\r\n\telse if (name==='style') {\r\n\t\tif (!value || typeof value==='string' || typeof old==='string') {\r\n\t\t\tnode.style.cssText = value || '';\r\n\t\t}\r\n\t\tif (value && typeof value==='object') {\r\n\t\t\tif (typeof old!=='string') {\r\n\t\t\t\tfor (let i in old) if (!(i in value)) node.style[i] = '';\r\n\t\t\t}\r\n\t\t\tfor (let i in value) {\r\n\t\t\t\tnode.style[i] = typeof value[i]==='number' && IS_NON_DIMENSIONAL.test(i)===false ? (value[i]+'px') : value[i];\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\telse if (name==='dangerouslySetInnerHTML') {\r\n\t\tif (value) node.innerHTML = value.__html || '';\r\n\t}\r\n\telse if (name[0]=='o' && name[1]=='n') {\r\n\t\tlet useCapture = name !== (name=name.replace(/Capture$/, ''));\r\n\t\tname = name.toLowerCase().substring(2);\r\n\t\tif (value) {\r\n\t\t\tif (!old) node.addEventListener(name, eventProxy, useCapture);\r\n\t\t}\r\n\t\telse {\r\n\t\t\tnode.removeEventListener(name, eventProxy, useCapture);\r\n\t\t}\r\n\t\t(node._listeners || (node._listeners = {}))[name] = value;\r\n\t}\r\n\telse if (name!=='list' && name!=='type' && !isSvg && name in node) {\r\n\t\t// Attempt to set a DOM property to the given value.\r\n\t\t// IE & FF throw for certain property-value combinations.\r\n\t\ttry {\r\n\t\t\tnode[name] = value==null ? '' : value;\r\n\t\t} catch (e) { }\r\n\t\tif ((value==null || value===false) && name!='spellcheck') node.removeAttribute(name);\r\n\t}\r\n\telse {\r\n\t\tlet ns = isSvg && (name !== (name = name.replace(/^xlink:?/, '')));\r\n\t\t// spellcheck is treated differently than all other boolean values and\r\n\t\t// should not be removed when the value is `false`. See:\r\n\t\t// https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-spellcheck\r\n\t\tif (value==null || value===false) {\r\n\t\t\tif (ns) node.removeAttributeNS('http://www.w3.org/1999/xlink', name.toLowerCase());\r\n\t\t\telse node.removeAttribute(name);\r\n\t\t}\r\n\t\telse if (typeof value!=='function') {\r\n\t\t\tif (ns) {\r\n\t\t\t\tnode.setAttributeNS('http://www.w3.org/1999/xlink', name.toLowerCase(), value);\r\n\t\t\t\tnode.props[npn(name.toLowerCase())] = value;\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tnode.setAttribute(name, value);\r\n\t\t\t\tnode.props[npn(name)] = value;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n\r\n/**\r\n * Proxy an event to hooked event handlers\r\n * @param {Event} e The event object from the browser\r\n * @private\r\n */\r\nfunction eventProxy(e) {\r\n\treturn this._listeners[e.type](options.event && options.event(e) || e);\r\n}","import { ATTR_KEY } from '../constants';\r\nimport { isSameNodeType, isNamedNode } from './index';\r\nimport { createNode, setAccessor } from '../dom/index';\r\nimport { npn } from '../util'\r\nimport { removeNode } from '../dom/index';\r\n\r\n/** Queue of components that have been mounted and are awaiting componentDidMount */\r\nexport const mounts = [];\r\n\r\n/** Diff recursion count, used to track the end of the diff cycle. */\r\nexport let diffLevel = 0;\r\n\r\n/** Global flag indicating if the diff is currently within an SVG */\r\nlet isSvgMode = false;\r\n\r\n/** Global flag indicating if the diff is performing hydration */\r\nlet hydrating = false;\r\n\r\n\r\n\r\n\r\n/** Apply differences in a given vnode (and it's deep children) to a real DOM Node.\r\n *\t@param {Element} [dom=null]\t\tA DOM node to mutate into the shape of the `vnode`\r\n *\t@param {VNode} vnode\t\t\tA VNode (with descendants forming a tree) representing the desired DOM structure\r\n *\t@returns {Element} dom\t\t\tThe created/mutated element\r\n *\t@private\r\n */\r\nexport function diff(dom, vnode, context, mountAll, parent, componentRoot) {\r\n\t// diffLevel having been 0 here indicates initial entry into the diff (not a subdiff)\r\n\tif (!diffLevel++) {\r\n\t\t// when first starting the diff, check if we're diffing an SVG or within an SVG\r\n\t\tisSvgMode = parent!=null && parent.ownerSVGElement!==undefined;\r\n\r\n\t\t// hydration is indicated by the existing element to be diffed not having a prop cache\r\n\t\thydrating = dom!=null && !(ATTR_KEY in dom);\r\n\t}\r\n\r\n\tlet ret = idiff(dom, vnode, context, mountAll, componentRoot);\r\n\r\n\t// append the element if its a new parent\r\n\tif (parent && ret.parentNode!==parent) parent.appendChild(ret);\r\n\r\n\t// diffLevel being reduced to 0 means we're exiting the diff\r\n\tif (!--diffLevel) {\r\n\t\thydrating = false;\r\n\t\t// invoke queued componentDidMount lifecycle methods\r\n\t\t\r\n\t}\r\n\r\n\treturn ret;\r\n}\r\n\r\n\r\n/** Internals of `diff()`, separated to allow bypassing diffLevel / mount flushing. */\r\nfunction idiff(dom, vnode, context, mountAll, componentRoot) {\r\n\tlet out = dom,\r\n\t\tprevSvgMode = isSvgMode;\r\n\r\n\t// empty values (null, undefined, booleans) render as empty Text nodes\r\n\tif (vnode==null || typeof vnode==='boolean') vnode = '';\r\n\r\n\r\n\t// Fast case: Strings & Numbers create/update Text nodes.\r\n\tif (typeof vnode==='string' || typeof vnode==='number') {\r\n\r\n\t\t// update if it's already a Text node:\r\n\t\tif (dom && dom.splitText!==undefined && dom.parentNode && (!dom._component || componentRoot)) {\r\n\t\t\t/* istanbul ignore if */ /* Browser quirk that can't be covered: https://github.com/developit/preact/commit/fd4f21f5c45dfd75151bd27b4c217d8003aa5eb9 */\r\n\t\t\tif (dom.nodeValue!=vnode) {\r\n\t\t\t\tdom.nodeValue = vnode;\r\n\t\t\t}\r\n\t\t}\r\n\t\telse {\r\n\t\t\t// it wasn't a Text node: replace it with one and recycle the old Element\r\n\t\t\tout = document.createTextNode(vnode);\r\n\t\t\tif (dom) {\r\n\t\t\t\tif (dom.parentNode) dom.parentNode.replaceChild(out, dom);\r\n\t\t\t\trecollectNodeTree(dom, true);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tout[ATTR_KEY] = true;\r\n\r\n\t\treturn out;\r\n\t}\r\n\r\n\r\n\t// If the VNode represents a Component, perform a component diff:\r\n\tlet vnodeName = vnode.nodeName;\r\n\t\r\n\r\n\t// Tracks entering and exiting SVG namespace when descending through the tree.\r\n\tisSvgMode = vnodeName==='svg' ? true : vnodeName==='foreignObject' ? false : isSvgMode;\r\n\r\n\r\n\t// If there's no existing element or it's the wrong type, create a new one:\r\n\tvnodeName = String(vnodeName);\r\n\tif (!dom || !isNamedNode(dom, vnodeName)) {\r\n\t\tout = createNode(vnodeName, isSvgMode);\r\n\r\n\t\tif (dom) {\r\n\t\t\t// move children into the replacement node\r\n\t\t\twhile (dom.firstChild) out.appendChild(dom.firstChild);\r\n\r\n\t\t\t// if the previous Element was mounted into the DOM, replace it inline\r\n\t\t\tif (dom.parentNode) dom.parentNode.replaceChild(out, dom);\r\n\r\n\t\t\t// recycle the old element (skips non-Element node types)\r\n\t\t\trecollectNodeTree(dom, true);\r\n\t\t}\r\n\t}\r\n\r\n\r\n\tlet fc = out.firstChild,\r\n\t\tprops = out[ATTR_KEY],\r\n\t\tvchildren = vnode.children;\r\n\r\n\tif (props==null) {\r\n\t\tprops = out[ATTR_KEY] = {};\r\n\t\tfor (let a=out.attributes, i=a.length; i--; ) props[a[i].name] = a[i].value;\r\n\t}\r\n\r\n\t// Optimization: fast-path for elements containing a single TextNode:\r\n\tif (!hydrating && vchildren && vchildren.length===1 && typeof vchildren[0]==='string' && fc!=null && fc.splitText!==undefined && fc.nextSibling==null) {\r\n\t\tif (fc.nodeValue!=vchildren[0]) {\r\n\t\t\tfc.nodeValue = vchildren[0];\r\n\t\t}\r\n\t}\r\n\t// otherwise, if there are existing or new children, diff them:\r\n\telse if (vchildren && vchildren.length || fc!=null) {\r\n\t\tinnerDiffNode(out, vchildren, context, mountAll, hydrating || props.dangerouslySetInnerHTML!=null);\r\n\t}\r\n\r\n\r\n\t// Apply attributes/props from VNode to the DOM Element:\r\n\tdiffAttributes(out, vnode.attributes, props);\r\n\r\n\r\n\t// restore previous SVG mode: (in case we're exiting an SVG namespace)\r\n\tisSvgMode = prevSvgMode;\r\n\r\n\treturn out;\r\n}\r\n\r\n\r\n/** Apply child and attribute changes between a VNode and a DOM Node to the DOM.\r\n *\t@param {Element} dom\t\t\tElement whose children should be compared & mutated\r\n *\t@param {Array} vchildren\t\tArray of VNodes to compare to `dom.childNodes`\r\n *\t@param {Object} context\t\t\tImplicitly descendant context object (from most recent `getChildContext()`)\r\n *\t@param {Boolean} mountAll\r\n *\t@param {Boolean} isHydrating\tIf `true`, consumes externally created elements similar to hydration\r\n */\r\nfunction innerDiffNode(dom, vchildren, context, mountAll, isHydrating) {\r\n\tlet originalChildren = dom.childNodes,\r\n\t\tchildren = [],\r\n\t\tkeyed = {},\r\n\t\tkeyedLen = 0,\r\n\t\tmin = 0,\r\n\t\tlen = originalChildren.length,\r\n\t\tchildrenLen = 0,\r\n\t\tvlen = vchildren ? vchildren.length : 0,\r\n\t\tj, c, f, vchild, child;\r\n\r\n\t// Build up a map of keyed children and an Array of unkeyed children:\r\n\tif (len!==0) {\r\n\t\tfor (let i=0; i 2; ) {\r\n\t\tstack.push(arguments[i]);\r\n\t}\r\n\tif (attributes && attributes.children!=null) {\r\n\t\tif (!stack.length) stack.push(attributes.children);\r\n\t\tdelete attributes.children;\r\n\t}\r\n\twhile (stack.length) {\r\n\t\tif ((child = stack.pop()) && child.pop!==undefined) {\r\n\t\t\tfor (i=child.length; i--; ) stack.push(child[i]);\r\n\t\t}\r\n\t\telse {\r\n\t\t\tif (typeof child==='boolean') child = null;\r\n\r\n\t\t\tif ((simple = typeof nodeName!=='function')) {\r\n\t\t\t\tif (child==null) child = '';\r\n\t\t\t\telse if (typeof child==='number') child = String(child);\r\n\t\t\t\telse if (typeof child!=='string') simple = false;\r\n\t\t\t}\r\n\r\n\t\t\tif (simple && lastSimple) {\r\n\t\t\t\tchildren[children.length-1] += child;\r\n\t\t\t}\r\n\t\t\telse if (children===EMPTY_CHILDREN) {\r\n\t\t\t\tchildren = [child];\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tchildren.push(child);\r\n\t\t\t}\r\n\r\n\t\t\tlastSimple = simple;\r\n\t\t}\r\n\t}\r\n\r\n\tlet p = new VNode();\r\n\tp.nodeName = nodeName;\r\n\tp.children = children;\r\n\tp.attributes = attributes==null ? undefined : attributes;\r\n\tp.key = attributes==null ? undefined : attributes.key;\r\n\r\n\t// if a \"vnode hook\" is defined, pass every created VNode to it\r\n\tif (options.vnode!==undefined) options.vnode(p);\r\n\r\n\treturn p;\r\n}","/**\r\n * @license\r\n * Copyright (c) 2016 The Polymer Project Authors. All rights reserved.\r\n * This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt\r\n * The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt\r\n * The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt\r\n * Code distributed by Google as part of the polymer project is also\r\n * subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt\r\n */\r\n\r\n/**\r\n * This shim allows elements written in, or compiled to, ES5 to work on native\r\n * implementations of Custom Elements v1. It sets new.target to the value of\r\n * this.constructor so that the native HTMLElement constructor can access the\r\n * current under-construction element's definition.\r\n */\r\n(function() {\r\n if (\r\n // No Reflect, no classes, no need for shim because native custom elements\r\n // require ES2015 classes or Reflect.\r\n window.Reflect === undefined ||\r\n window.customElements === undefined ||\r\n // The webcomponentsjs custom elements polyfill doesn't require\r\n // ES2015-compatible construction (`super()` or `Reflect.construct`).\r\n window.customElements.hasOwnProperty('polyfillWrapFlushCallback')\r\n ) {\r\n return;\r\n }\r\n const BuiltInHTMLElement = HTMLElement;\r\n window.HTMLElement = function HTMLElement() {\r\n return Reflect.construct(BuiltInHTMLElement, [], this.constructor);\r\n };\r\n HTMLElement.prototype = BuiltInHTMLElement.prototype;\r\n HTMLElement.prototype.constructor = HTMLElement;\r\n Object.setPrototypeOf(HTMLElement, BuiltInHTMLElement);\r\n })();\r\n\r\n\r\n\r\nexport function cssToDom(css) {\r\n const node = document.createElement('style')\r\n node.innerText = css\r\n return node\r\n}\r\n\r\n\r\nexport function npn(str) {\r\n return str.replace(/-(\\w)/g, function ($, $1) {\r\n return $1.toUpperCase();\r\n });\r\n}\r\n\r\nexport function extend(obj, props) {\r\n\tfor (let i in props) obj[i] = props[i];\r\n\treturn obj;\r\n}\r\n\r\n/** Invoke or update a ref, depending on whether it is a function or object ref.\r\n * @param {object|function} [ref=null]\r\n * @param {any} [value]\r\n */\r\nexport function applyRef(ref, value) {\r\n\tif (ref!=null) {\r\n\t\tif (typeof ref=='function') ref(value);\r\n\t\telse ref.current = value;\r\n\t}\r\n}\r\n\r\n/**\r\n * Call a function asynchronously, as soon as possible. Makes\r\n * use of HTML Promise to schedule the callback if available,\r\n * otherwise falling back to `setTimeout` (mainly for IE<11).\r\n * @type {(callback: function) => void}\r\n */\r\nexport const defer = typeof Promise=='function' ? Promise.resolve().then.bind(Promise.resolve()) : setTimeout;\r\n\r\nexport function isArray(obj){\r\n return Object.prototype.toString.call(obj) === '[object Array]'\r\n}\r\n\r\nexport function nProps(props){\r\n if(!props || isArray(props)) return {}\r\n const result = {}\r\n Object.keys(props).forEach(key =>{\r\n result[key] = props[key].value \r\n })\r\n return result\r\n}\r\n","// render modes\r\n\r\nexport const NO_RENDER = 0;\r\nexport const SYNC_RENDER = 1;\r\nexport const FORCE_RENDER = 2;\r\nexport const ASYNC_RENDER = 3;\r\n\r\n\r\nexport const ATTR_KEY = '__preactattr_';\r\n\r\n// DOM properties that should NOT have \"px\" added when numeric\r\nexport const IS_NON_DIMENSIONAL = /acit|ex(?:s|g|n|p|$)|rph|ows|mnc|ntw|ine[ch]|zoo|^ord/i;\r\n\r\n","import { extend } from '../util';\r\n\r\n\r\n/**\r\n * Check if two nodes are equivalent.\r\n *\r\n * @param {Node} node\t\t\tDOM Node to compare\r\n * @param {VNode} vnode\t\t\tVirtual DOM node to compare\r\n * @param {boolean} [hydrating=false]\tIf true, ignores component constructors when comparing.\r\n * @private\r\n */\r\nexport function isSameNodeType(node, vnode, hydrating) {\r\n\tif (typeof vnode==='string' || typeof vnode==='number') {\r\n\t\treturn node.splitText!==undefined;\r\n\t}\r\n\tif (typeof vnode.nodeName==='string') {\r\n\t\treturn !node._componentConstructor && isNamedNode(node, vnode.nodeName);\r\n\t}\r\n\treturn hydrating || node._componentConstructor===vnode.nodeName;\r\n}\r\n\r\n\r\n/**\r\n * Check if an Element has a given nodeName, case-insensitively.\r\n *\r\n * @param {Element} node\tA DOM Element to inspect the name of.\r\n * @param {String} nodeName\tUnnormalized name to compare against.\r\n */\r\nexport function isNamedNode(node, nodeName) {\r\n\treturn node.normalizedNodeName===nodeName || node.nodeName.toLowerCase()===nodeName.toLowerCase();\r\n}\r\n\r\n\r\n/**\r\n * Reconstruct Component-style `props` from a VNode.\r\n * Ensures default/fallback values from `defaultProps`:\r\n * Own-properties of `defaultProps` not present in `vnode.attributes` are added.\r\n *\r\n * @param {VNode} vnode\r\n * @returns {Object} props\r\n */\r\nexport function getNodeProps(vnode) {\r\n\tlet props = extend({}, vnode.attributes);\r\n\tprops.children = vnode.children;\r\n\r\n\tlet defaultProps = vnode.nodeName.defaultProps;\r\n\tif (defaultProps!==undefined) {\r\n\t\tfor (let i in defaultProps) {\r\n\t\t\tif (props[i]===undefined) {\r\n\t\t\t\tprops[i] = defaultProps[i];\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\treturn props;\r\n}\r\n","import { IS_NON_DIMENSIONAL } from '../constants';\r\nimport { applyRef } from '../util';\r\nimport options from '../options';\r\nimport { npn } from '../util'\r\n\r\n/**\r\n * A DOM event listener\r\n * @typedef {(e: Event) => void} EventListner\r\n */\r\n\r\n/**\r\n * A mapping of event types to event listeners\r\n * @typedef {Object.} EventListenerMap\r\n */\r\n\r\n/**\r\n * Properties Preact adds to elements it creates\r\n * @typedef PreactElementExtensions\r\n * @property {string} [normalizedNodeName] A normalized node name to use in diffing\r\n * @property {EventListenerMap} [_listeners] A map of event listeners added by components to this DOM node\r\n * @property {import('../component').Component} [_component] The component that rendered this DOM node\r\n * @property {function} [_componentConstructor] The constructor of the component that rendered this DOM node\r\n */\r\n\r\n/**\r\n * A DOM element that has been extended with Preact properties\r\n * @typedef {Element & ElementCSSInlineStyle & PreactElementExtensions} PreactElement\r\n */\r\n\r\n/**\r\n * Create an element with the given nodeName.\r\n * @param {string} nodeName The DOM node to create\r\n * @param {boolean} [isSvg=false] If `true`, creates an element within the SVG\r\n * namespace.\r\n * @returns {PreactElement} The created DOM node\r\n */\r\nexport function createNode(nodeName, isSvg) {\r\n\t/** @type {PreactElement} */\r\n\tlet node = isSvg ? document.createElementNS('http://www.w3.org/2000/svg', nodeName) : document.createElement(nodeName);\r\n\tnode.normalizedNodeName = nodeName;\r\n\treturn node;\r\n}\r\n\r\n\r\n/**\r\n * Remove a child node from its parent if attached.\r\n * @param {Node} node The node to remove\r\n */\r\nexport function removeNode(node) {\r\n\tlet parentNode = node.parentNode;\r\n\tif (parentNode) parentNode.removeChild(node);\r\n}\r\n\r\n\r\n/**\r\n * Set a named attribute on the given Node, with special behavior for some names\r\n * and event handlers. If `value` is `null`, the attribute/handler will be\r\n * removed.\r\n * @param {PreactElement} node An element to mutate\r\n * @param {string} name The name/key to set, such as an event or attribute name\r\n * @param {*} old The last value that was set for this name/node pair\r\n * @param {*} value An attribute value, such as a function to be used as an\r\n * event handler\r\n * @param {boolean} isSvg Are we currently diffing inside an svg?\r\n * @private\r\n */\r\nexport function setAccessor(node, name, old, value, isSvg) {\r\n\tif (name==='className') name = 'class';\r\n\r\n\r\n\tif (name==='key') {\r\n\t\t// ignore\r\n\t}\r\n\telse if (name==='ref') {\r\n\t\tapplyRef(old, null);\r\n\t\tapplyRef(value, node);\r\n\t}\r\n\telse if (name==='class' && !isSvg) {\r\n\t\tnode.className = value || '';\r\n\t}\r\n\telse if (name==='style') {\r\n\t\tif (!value || typeof value==='string' || typeof old==='string') {\r\n\t\t\tnode.style.cssText = value || '';\r\n\t\t}\r\n\t\tif (value && typeof value==='object') {\r\n\t\t\tif (typeof old!=='string') {\r\n\t\t\t\tfor (let i in old) if (!(i in value)) node.style[i] = '';\r\n\t\t\t}\r\n\t\t\tfor (let i in value) {\r\n\t\t\t\tnode.style[i] = typeof value[i]==='number' && IS_NON_DIMENSIONAL.test(i)===false ? (value[i]+'px') : value[i];\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\telse if (name==='dangerouslySetInnerHTML') {\r\n\t\tif (value) node.innerHTML = value.__html || '';\r\n\t}\r\n\telse if (name[0]=='o' && name[1]=='n') {\r\n\t\tlet useCapture = name !== (name=name.replace(/Capture$/, ''));\r\n\t\tname = name.toLowerCase().substring(2);\r\n\t\tif (value) {\r\n\t\t\tif (!old) node.addEventListener(name, eventProxy, useCapture);\r\n\t\t}\r\n\t\telse {\r\n\t\t\tnode.removeEventListener(name, eventProxy, useCapture);\r\n\t\t}\r\n\t\t(node._listeners || (node._listeners = {}))[name] = value;\r\n\t}\r\n\telse if (name!=='list' && name!=='type' && !isSvg && name in node) {\r\n\t\t// Attempt to set a DOM property to the given value.\r\n\t\t// IE & FF throw for certain property-value combinations.\r\n\t\ttry {\r\n\t\t\tnode[name] = value==null ? '' : value;\r\n\t\t} catch (e) { }\r\n\t\tif ((value==null || value===false) && name!='spellcheck') node.removeAttribute(name);\r\n\t}\r\n\telse {\r\n\t\tlet ns = isSvg && (name !== (name = name.replace(/^xlink:?/, '')));\r\n\t\t// spellcheck is treated differently than all other boolean values and\r\n\t\t// should not be removed when the value is `false`. See:\r\n\t\t// https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-spellcheck\r\n\t\tif (value==null || value===false) {\r\n\t\t\tif (ns) node.removeAttributeNS('http://www.w3.org/1999/xlink', name.toLowerCase());\r\n\t\t\telse node.removeAttribute(name);\r\n\t\t}\r\n\t\telse if (typeof value!=='function') {\r\n\t\t\tif (ns) {\r\n\t\t\t\tnode.setAttributeNS('http://www.w3.org/1999/xlink', name.toLowerCase(), value);\r\n\t\t\t\tnode.props[npn(name.toLowerCase())] = value;\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tnode.setAttribute(name, value);\r\n\t\t\t\tnode.props[npn(name)] = value;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n\r\n/**\r\n * Proxy an event to hooked event handlers\r\n * @param {Event} e The event object from the browser\r\n * @private\r\n */\r\nfunction eventProxy(e) {\r\n\treturn this._listeners[e.type](options.event && options.event(e) || e);\r\n}","import { ATTR_KEY } from '../constants';\r\nimport { isSameNodeType, isNamedNode } from './index';\r\nimport { createNode, setAccessor } from '../dom/index';\r\nimport { npn } from '../util'\r\nimport { removeNode } from '../dom/index';\r\n\r\n/** Queue of components that have been mounted and are awaiting componentDidMount */\r\nexport const mounts = [];\r\n\r\n/** Diff recursion count, used to track the end of the diff cycle. */\r\nexport let diffLevel = 0;\r\n\r\n/** Global flag indicating if the diff is currently within an SVG */\r\nlet isSvgMode = false;\r\n\r\n/** Global flag indicating if the diff is performing hydration */\r\nlet hydrating = false;\r\n\r\n\r\n\r\n\r\n/** Apply differences in a given vnode (and it's deep children) to a real DOM Node.\r\n *\t@param {Element} [dom=null]\t\tA DOM node to mutate into the shape of the `vnode`\r\n *\t@param {VNode} vnode\t\t\tA VNode (with descendants forming a tree) representing the desired DOM structure\r\n *\t@returns {Element} dom\t\t\tThe created/mutated element\r\n *\t@private\r\n */\r\nexport function diff(dom, vnode, context, mountAll, parent, componentRoot) {\r\n\t// diffLevel having been 0 here indicates initial entry into the diff (not a subdiff)\r\n\tif (!diffLevel++) {\r\n\t\t// when first starting the diff, check if we're diffing an SVG or within an SVG\r\n\t\tisSvgMode = parent!=null && parent.ownerSVGElement!==undefined;\r\n\r\n\t\t// hydration is indicated by the existing element to be diffed not having a prop cache\r\n\t\thydrating = dom!=null && !(ATTR_KEY in dom);\r\n\t}\r\n\r\n\tlet ret = idiff(dom, vnode, context, mountAll, componentRoot);\r\n\r\n\t// append the element if its a new parent\r\n\tif (parent && ret.parentNode!==parent) parent.appendChild(ret);\r\n\r\n\t// diffLevel being reduced to 0 means we're exiting the diff\r\n\tif (!--diffLevel) {\r\n\t\thydrating = false;\r\n\t\t// invoke queued componentDidMount lifecycle methods\r\n\t\t\r\n\t}\r\n\r\n\treturn ret;\r\n}\r\n\r\n\r\n/** Internals of `diff()`, separated to allow bypassing diffLevel / mount flushing. */\r\nfunction idiff(dom, vnode, context, mountAll, componentRoot) {\r\n\tlet out = dom,\r\n\t\tprevSvgMode = isSvgMode;\r\n\r\n\t// empty values (null, undefined, booleans) render as empty Text nodes\r\n\tif (vnode==null || typeof vnode==='boolean') vnode = '';\r\n\r\n\r\n\t// Fast case: Strings & Numbers create/update Text nodes.\r\n\tif (typeof vnode==='string' || typeof vnode==='number') {\r\n\r\n\t\t// update if it's already a Text node:\r\n\t\tif (dom && dom.splitText!==undefined && dom.parentNode && (!dom._component || componentRoot)) {\r\n\t\t\t/* istanbul ignore if */ /* Browser quirk that can't be covered: https://github.com/developit/preact/commit/fd4f21f5c45dfd75151bd27b4c217d8003aa5eb9 */\r\n\t\t\tif (dom.nodeValue!=vnode) {\r\n\t\t\t\tdom.nodeValue = vnode;\r\n\t\t\t}\r\n\t\t}\r\n\t\telse {\r\n\t\t\t// it wasn't a Text node: replace it with one and recycle the old Element\r\n\t\t\tout = document.createTextNode(vnode);\r\n\t\t\tif (dom) {\r\n\t\t\t\tif (dom.parentNode) dom.parentNode.replaceChild(out, dom);\r\n\t\t\t\trecollectNodeTree(dom, true);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tout[ATTR_KEY] = true;\r\n\r\n\t\treturn out;\r\n\t}\r\n\r\n\r\n\t// If the VNode represents a Component, perform a component diff:\r\n\tlet vnodeName = vnode.nodeName;\r\n\t\r\n\r\n\t// Tracks entering and exiting SVG namespace when descending through the tree.\r\n\tisSvgMode = vnodeName==='svg' ? true : vnodeName==='foreignObject' ? false : isSvgMode;\r\n\r\n\r\n\t// If there's no existing element or it's the wrong type, create a new one:\r\n\tvnodeName = String(vnodeName);\r\n\tif (!dom || !isNamedNode(dom, vnodeName)) {\r\n\t\tout = createNode(vnodeName, isSvgMode);\r\n\r\n\t\tif (dom) {\r\n\t\t\t// move children into the replacement node\r\n\t\t\twhile (dom.firstChild) out.appendChild(dom.firstChild);\r\n\r\n\t\t\t// if the previous Element was mounted into the DOM, replace it inline\r\n\t\t\tif (dom.parentNode) dom.parentNode.replaceChild(out, dom);\r\n\r\n\t\t\t// recycle the old element (skips non-Element node types)\r\n\t\t\trecollectNodeTree(dom, true);\r\n\t\t}\r\n\t}\r\n\r\n\r\n\tlet fc = out.firstChild,\r\n\t\tprops = out[ATTR_KEY],\r\n\t\tvchildren = vnode.children;\r\n\r\n\tif (props==null) {\r\n\t\tprops = out[ATTR_KEY] = {};\r\n\t\tfor (let a=out.attributes, i=a.length; i--; ) props[a[i].name] = a[i].value;\r\n\t}\r\n\r\n\t// Optimization: fast-path for elements containing a single TextNode:\r\n\tif (!hydrating && vchildren && vchildren.length===1 && typeof vchildren[0]==='string' && fc!=null && fc.splitText!==undefined && fc.nextSibling==null) {\r\n\t\tif (fc.nodeValue!=vchildren[0]) {\r\n\t\t\tfc.nodeValue = vchildren[0];\r\n\t\t}\r\n\t}\r\n\t// otherwise, if there are existing or new children, diff them:\r\n\telse if (vchildren && vchildren.length || fc!=null) {\r\n\t\tinnerDiffNode(out, vchildren, context, mountAll, hydrating || props.dangerouslySetInnerHTML!=null);\r\n\t}\r\n\r\n\r\n\t// Apply attributes/props from VNode to the DOM Element:\r\n\tdiffAttributes(out, vnode.attributes, props);\r\n\r\n\r\n\t// restore previous SVG mode: (in case we're exiting an SVG namespace)\r\n\tisSvgMode = prevSvgMode;\r\n\r\n\treturn out;\r\n}\r\n\r\n\r\n/** Apply child and attribute changes between a VNode and a DOM Node to the DOM.\r\n *\t@param {Element} dom\t\t\tElement whose children should be compared & mutated\r\n *\t@param {Array} vchildren\t\tArray of VNodes to compare to `dom.childNodes`\r\n *\t@param {Object} context\t\t\tImplicitly descendant context object (from most recent `getChildContext()`)\r\n *\t@param {Boolean} mountAll\r\n *\t@param {Boolean} isHydrating\tIf `true`, consumes externally created elements similar to hydration\r\n */\r\nfunction innerDiffNode(dom, vchildren, context, mountAll, isHydrating) {\r\n\tlet originalChildren = dom.childNodes,\r\n\t\tchildren = [],\r\n\t\tkeyed = {},\r\n\t\tkeyedLen = 0,\r\n\t\tmin = 0,\r\n\t\tlen = originalChildren.length,\r\n\t\tchildrenLen = 0,\r\n\t\tvlen = vchildren ? vchildren.length : 0,\r\n\t\tj, c, f, vchild, child;\r\n\r\n\t// Build up a map of keyed children and an Array of unkeyed children:\r\n\tif (len!==0) {\r\n\t\tfor (let i=0; i= Object.keys(pre).length){\n for (let key in pre) {\n const currentValue = current[key]\n if (currentValue === undefined) {\n current[key] = null\n } else {\n syncKeys(currentValue, pre[key])\n }\n }\n }\n } else if (rootCurrentType == ARRAYTYPE && rootPreType == ARRAYTYPE) {\n if (current.length >= pre.length) {\n pre.forEach((item, index) => {\n syncKeys(current[index], item)\n })\n }\n }\n}\n\nfunction _diff(current, pre, path, result) {\n if (current === pre) return\n const rootCurrentType = type(current)\n const rootPreType = type(pre)\n if (rootCurrentType == OBJECTTYPE) {\n if (rootPreType != OBJECTTYPE || Object.keys(current).length < Object.keys(pre).length) {\n setResult(result, path, current)\n } else {\n for (let key in current) {\n const currentValue = current[key]\n const preValue = pre[key]\n const currentType = type(currentValue)\n const preType = type(preValue)\n if (currentType != ARRAYTYPE && currentType != OBJECTTYPE) {\n if (currentValue != pre[key]) {\n setResult(result, (path == '' ? '' : path + \".\") + key, currentValue)\n }\n } else if (currentType == ARRAYTYPE) {\n if (preType != ARRAYTYPE) {\n setResult(result, (path == '' ? '' : path + \".\") + key, currentValue)\n } else {\n if (currentValue.length < preValue.length) {\n setResult(result, (path == '' ? '' : path + \".\") + key, currentValue)\n } else {\n currentValue.forEach((item, index) => {\n _diff(item, preValue[index], (path == '' ? '' : path + \".\") + key + '[' + index + ']', result)\n })\n }\n }\n } else if (currentType == OBJECTTYPE) {\n if (preType != OBJECTTYPE || Object.keys(currentValue).length < Object.keys(preValue).length) {\n setResult(result, (path == '' ? '' : path + \".\") + key, currentValue)\n } else {\n for (let subKey in currentValue) {\n _diff(currentValue[subKey], preValue[subKey], (path == '' ? '' : path + \".\") + key + '.' + subKey, result)\n }\n }\n }\n }\n }\n } else if (rootCurrentType == ARRAYTYPE) {\n if (rootPreType != ARRAYTYPE) {\n setResult(result, path, current)\n } else {\n if (current.length < pre.length) {\n setResult(result, path, current)\n } else {\n current.forEach((item, index) => {\n _diff(item, pre[index], path + '[' + index + ']', result)\n })\n }\n }\n } else {\n setResult(result, path, current)\n }\n}\n\nfunction setResult(result, k, v) {\n if (type(v) != FUNCTIONTYPE) {\n result[k] = v\n }\n}\n\nfunction type(obj) {\n return Object.prototype.toString.call(obj)\n}","\r\nimport { diff } from './vdom/diff'\r\nimport options from './options'\r\nimport jsonDiff from './json-diff'\r\n\r\nexport function render(vnode, parent, store) {\r\n\tparent = typeof parent === 'string' ? document.querySelector(parent) : parent\r\n\tif(store){\r\n\t\tstore.instances = []\r\n\t\textendStoreUpate(store)\r\n\t\toptions.store = store\r\n\t\tstore.originData = JSON.parse(JSON.stringify(store.data))\t\r\n\t}\r\n\tdiff(null, vnode, {}, false, parent, false)\r\n} \r\n\r\nfunction extendStoreUpate(store){\r\n\tstore.update = function(){\r\n\t\tlet diffResult = jsonDiff(this.data, this.originData)\r\n\t\tif (Object.keys(diffResult)[0] == '') {\r\n\t\t\tdiffResult = diffResult['']\r\n\t\t}\r\n\t\tconst updateAll = matchGlobalData(this.globalData, diffResult)\r\n\t\tif (Object.keys(diffResult).length > 0) {\r\n\t\t\tthis.instances.forEach(instance => {\r\n\t\t\t\tif(updateAll || this.updateAll || instance.constructor.updatePath && needUpdate(diffResult, instance.constructor.updatePath)){\r\n\t\t\t\t\tinstance.update()\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t\tthis.onChange && this.onChange(diffResult)\r\n\t\t\tfor (let key in diffResult) {\r\n\t\t\t\tupdateByPath(this.originData, key, typeof diffResult[key] === 'object' ? JSON.parse(JSON.stringify(diffResult[key])) : diffResult[key])\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\nfunction matchGlobalData(globalData, diffResult) {\r\n\tif(!globalData) return false\r\n for (let keyA in diffResult) {\r\n if (globalData.indexOf(keyA) > -1) {\r\n return true\r\n }\r\n for (let i = 0, len = globalData.length; i < len; i++) {\r\n if (includePath(keyA, globalData[i])) {\r\n return true\r\n }\r\n }\r\n }\r\n return false\r\n}\r\n\r\nfunction needUpdate(diffResult, updatePath){\r\n for(let keyA in diffResult){\r\n if(updatePath[keyA]){\r\n return true\r\n }\r\n for(let keyB in updatePath){\r\n if(includePath(keyA, keyB)){\r\n return true\r\n }\r\n }\r\n }\r\n return false\r\n}\r\n\r\nfunction includePath(pathA, pathB){\r\n if(pathA.indexOf(pathB)===0){\r\n const next = pathA.substr(pathB.length, 1)\r\n if(next === '['||next === '.'){\r\n return true\r\n }\r\n }\r\n return false\r\n}\r\n\r\nfunction updateByPath(origin, path, value) {\r\n const arr = path.replace(/]/g, '').replace(/\\[/g, '.').split('.')\r\n let current = origin\r\n for (let i = 0, len = arr.length; i < len; i++) {\r\n if (i === len - 1) {\r\n current[arr[i]] = value\r\n } else {\r\n current = current[arr[i]]\r\n }\r\n }\r\n}\r\n","const OBJECTTYPE = '[object Object]'\r\n\r\nexport function define(name, ctor) {\r\n customElements.define(name, ctor)\r\n if (ctor.data) {\r\n ctor.updatePath = getUpdatePath(ctor.data)\r\n }\r\n}\r\n\r\nfunction getUpdatePath(data) {\r\n const result = {}\r\n dataToPath(data, result)\r\n return result\r\n}\r\n\r\nfunction dataToPath(data, result) {\r\n Object.keys(data).forEach(key => {\r\n result[key] = true\r\n const type = Object.prototype.toString.call(data[key])\r\n if (type === OBJECTTYPE) {\r\n _dataToPath(data[key], key, result)\r\n }\r\n })\r\n}\r\n\r\nfunction _dataToPath(data, path, result) {\r\n Object.keys(data).forEach(key => {\r\n result[path + '.' + key] = true\r\n const type = Object.prototype.toString.call(data[key])\r\n if (type === OBJECTTYPE) {\r\n _dataToPath(data[key], path + '.' + key, result)\r\n }\r\n })\r\n}","import { h, h as createElement } from './h';\r\nimport options from './options';\r\nimport WeElement from './we-element';\r\nimport { render } from './render';\r\nimport { define } from './define'\r\n\r\nconst instances = [];\r\n\r\noptions.root.Omi = {\r\n\th,\r\n\tcreateElement,\r\n\tWeElement,\r\n\trender,\r\n\toptions,\r\n\tinstances,\r\n\tdefine\r\n};\r\n\r\noptions.root.Omi.version = '4.0.0';\r\n\r\nexport default {\r\n\th,\r\n\tcreateElement,\r\n\tWeElement,\r\n\trender,\r\n\toptions,\r\n\tinstances,\r\n\tdefine\r\n};\r\n\r\nexport {\r\n\th,\r\n\tcreateElement,\r\n\tWeElement,\r\n\trender,\r\n\toptions,\r\n\tinstances,\r\n\tdefine\r\n};\r\n","\n\t\t\t\timport Omi from './omi';\n\t\t\t\tif (typeof module!='undefined') module.exports = Omi;\n\t\t\t\telse self.Omi = Omi;\n\t\t\t"],"names":["VNode","getGlobal","global","Math","Array","self","window","store","root","stack","EMPTY_CHILDREN","h","nodeName","attributes","children","lastSimple","child","simple","i","arguments","length","push","pop","undefined","String","p","key","options","vnode","Reflect","customElements","hasOwnProperty","BuiltInHTMLElement","HTMLElement","construct","constructor","prototype","Object","setPrototypeOf","cssToDom","css","node","document","createElement","innerText","npn","str","replace","$","$1","toUpperCase","applyRef","ref","value","current","defer","Promise","resolve","then","bind","setTimeout","isArray","obj","toString","call","nProps","props","result","keys","forEach","ATTR_KEY","IS_NON_DIMENSIONAL","isSameNodeType","hydrating","splitText","_componentConstructor","isNamedNode","normalizedNodeName","toLowerCase","createNode","isSvg","createElementNS","removeNode","parentNode","removeChild","setAccessor","name","old","className","style","cssText","test","innerHTML","__html","useCapture","substring","addEventListener","eventProxy","removeEventListener","_listeners","e","removeAttribute","ns","removeAttributeNS","setAttributeNS","setAttribute","type","event","diffLevel","isSvgMode","diff","dom","context","mountAll","parent","componentRoot","ownerSVGElement","ret","idiff","appendChild","out","prevSvgMode","_component","nodeValue","createTextNode","replaceChild","recollectNodeTree","vnodeName","firstChild","fc","vchildren","a","nextSibling","innerDiffNode","dangerouslySetInnerHTML","diffAttributes","isHydrating","originalChildren","childNodes","keyed","keyedLen","min","len","childrenLen","vlen","j","c","f","vchild","__key","trim","insertBefore","unmountOnly","removeChildren","lastChild","next","previousSibling","attrs","update","WeElement","data","connectedCallback","instances","install","shadowRoot","attachShadow","mode","host","render","installed","attributeChangedCallback","pre","disconnectedCallback","uninstall","beforeUpdate","afterUpdate","fire","dispatchEvent","CustomEvent","detail","ARRAYTYPE","OBJECTTYPE","FUNCTIONTYPE","syncKeys","_diff","rootCurrentType","rootPreType","currentValue","item","index","path","setResult","preValue","currentType","preType","subKey","k","v","querySelector","extendStoreUpate","originData","JSON","parse","stringify","diffResult","jsonDiff","updateAll","matchGlobalData","globalData","instance","updatePath","needUpdate","onChange","updateByPath","keyA","indexOf","includePath","keyB","pathA","pathB","substr","origin","arr","split","define","ctor","getUpdatePath","dataToPath","_dataToPath","Omi","version","module","exports"],"mappings":"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"} \ No newline at end of file diff --git a/dist/omi.esm.js b/dist/omi.esm.js index a98676756..35845d6ca 100644 --- a/dist/omi.esm.js +++ b/dist/omi.esm.js @@ -613,10 +613,12 @@ function diffAttributes(dom, attrs, old) { var update = false; // add new & update changed attributes for (name in attrs) { + //diable when using store system? + //!dom.store && if (typeof attrs[name] === 'object') { // todo diff?? dom.props[npn(name)] = attrs[name]; - update = true; + dom.parentNode && (update = true); } else if (name !== 'children' && name !== 'innerHTML' && (!(name in old) || attrs[name] !== (name === 'value' || name === 'checked' ? dom[name] : old[name]))) { setAccessor(dom, name, old[name], old[name] = attrs[name], isSvgMode); } @@ -647,6 +649,10 @@ var WeElement = function (_HTMLElement) { } WeElement.prototype.connectedCallback = function connectedCallback() { + this.store = options.store; + if (this.store) { + this.store.instances.push(this); + } this.install(); var shadowRoot = this.attachShadow({ mode: 'open' }); @@ -703,9 +709,224 @@ var WeElement = function (_HTMLElement) { return WeElement; }(HTMLElement); -function render(vnode, parent) { - parent = typeof parent === 'string' ? document.querySelector(parent) : parent; - diff(null, vnode, {}, false, parent, false); +function diff$1(current, pre) { + var result = {}; + syncKeys(current, pre); + _diff(current, pre, '', result); + return result; +} + +function syncKeys(current, pre) { + if (current === pre) return; + var rootCurrentType = type(current); + var rootPreType = type(pre); + if (rootCurrentType == '[object Object]' && rootPreType == '[object Object]') { + if (Object.keys(current).length >= Object.keys(pre).length) { + for (var key in pre) { + var currentValue = current[key]; + if (currentValue === undefined) { + current[key] = null; + } else { + syncKeys(currentValue, pre[key]); + } + } + } + } else if (rootCurrentType == '[object Array]' && rootPreType == '[object Array]') { + if (current.length >= pre.length) { + pre.forEach(function (item, index) { + syncKeys(current[index], item); + }); + } + } +} + +function _diff(current, pre, path, result) { + if (current === pre) return; + var rootCurrentType = type(current); + var rootPreType = type(pre); + if (rootCurrentType == '[object Object]') { + if (rootPreType != '[object Object]' || Object.keys(current).length < Object.keys(pre).length) { + setResult(result, path, current); + } else { + var _loop = function _loop(key) { + var currentValue = current[key]; + var preValue = pre[key]; + var currentType = type(currentValue); + var preType = type(preValue); + if (currentType != '[object Array]' && currentType != '[object Object]') { + if (currentValue != pre[key]) { + setResult(result, (path == '' ? '' : path + ".") + key, currentValue); + } + } else if (currentType == '[object Array]') { + if (preType != '[object Array]') { + setResult(result, (path == '' ? '' : path + ".") + key, currentValue); + } else { + if (currentValue.length < preValue.length) { + setResult(result, (path == '' ? '' : path + ".") + key, currentValue); + } else { + currentValue.forEach(function (item, index) { + _diff(item, preValue[index], (path == '' ? '' : path + ".") + key + '[' + index + ']', result); + }); + } + } + } else if (currentType == '[object Object]') { + if (preType != '[object Object]' || Object.keys(currentValue).length < Object.keys(preValue).length) { + setResult(result, (path == '' ? '' : path + ".") + key, currentValue); + } else { + for (var subKey in currentValue) { + _diff(currentValue[subKey], preValue[subKey], (path == '' ? '' : path + ".") + key + '.' + subKey, result); + } + } + } + }; + + for (var key in current) { + _loop(key); + } + } + } else if (rootCurrentType == '[object Array]') { + if (rootPreType != '[object Array]') { + setResult(result, path, current); + } else { + if (current.length < pre.length) { + setResult(result, path, current); + } else { + current.forEach(function (item, index) { + _diff(item, pre[index], path + '[' + index + ']', result); + }); + } + } + } else { + setResult(result, path, current); + } +} + +function setResult(result, k, v) { + if (type(v) != '[object Function]') { + result[k] = v; + } +} + +function type(obj) { + return Object.prototype.toString.call(obj); +} + +function render(vnode, parent, store) { + parent = typeof parent === 'string' ? document.querySelector(parent) : parent; + if (store) { + store.instances = []; + extendStoreUpate(store); + options.store = store; + store.originData = JSON.parse(JSON.stringify(store.data)); + } + diff(null, vnode, {}, false, parent, false); +} + +function extendStoreUpate(store) { + store.update = function () { + var _this = this; + + var diffResult = diff$1(this.data, this.originData); + if (Object.keys(diffResult)[0] == '') { + diffResult = diffResult['']; + } + var updateAll = matchGlobalData(this.globalData, diffResult); + if (Object.keys(diffResult).length > 0) { + this.instances.forEach(function (instance) { + if (updateAll || _this.updateAll || instance.constructor.updatePath && needUpdate(diffResult, instance.constructor.updatePath)) { + instance.update(); + } + }); + this.onChange && this.onChange(diffResult); + for (var key in diffResult) { + updateByPath(this.originData, key, typeof diffResult[key] === 'object' ? JSON.parse(JSON.stringify(diffResult[key])) : diffResult[key]); + } + } + }; +} + +function matchGlobalData(globalData, diffResult) { + if (!globalData) return false; + for (var keyA in diffResult) { + if (globalData.indexOf(keyA) > -1) { + return true; + } + for (var i = 0, len = globalData.length; i < len; i++) { + if (includePath(keyA, globalData[i])) { + return true; + } + } + } + return false; +} + +function needUpdate(diffResult, updatePath) { + for (var keyA in diffResult) { + if (updatePath[keyA]) { + return true; + } + for (var keyB in updatePath) { + if (includePath(keyA, keyB)) { + return true; + } + } + } + return false; +} + +function includePath(pathA, pathB) { + if (pathA.indexOf(pathB) === 0) { + var next = pathA.substr(pathB.length, 1); + if (next === '[' || next === '.') { + return true; + } + } + return false; +} + +function updateByPath(origin, path, value) { + var arr = path.replace(/]/g, '').replace(/\[/g, '.').split('.'); + var current = origin; + for (var i = 0, len = arr.length; i < len; i++) { + if (i === len - 1) { + current[arr[i]] = value; + } else { + current = current[arr[i]]; + } + } +} + +function define(name, ctor) { + customElements.define(name, ctor); + if (ctor.data) { + ctor.updatePath = getUpdatePath(ctor.data); + } +} + +function getUpdatePath(data) { + var result = {}; + dataToPath(data, result); + return result; +} + +function dataToPath(data, result) { + Object.keys(data).forEach(function (key) { + result[key] = true; + var type = Object.prototype.toString.call(data[key]); + if (type === '[object Object]') { + _dataToPath(data[key], key, result); + } + }); +} + +function _dataToPath(data, path, result) { + Object.keys(data).forEach(function (key) { + result[path + '.' + key] = true; + var type = Object.prototype.toString.call(data[key]); + if (type === '[object Object]') { + _dataToPath(data[key], path + '.' + key, result); + } + }); } var instances = []; @@ -716,7 +937,8 @@ options.root.Omi = { WeElement: WeElement, render: render, options: options, - instances: instances + instances: instances, + define: define }; options.root.Omi.version = '4.0.0'; @@ -727,9 +949,10 @@ var omi = { WeElement: WeElement, render: render, options: options, - instances: instances + instances: instances, + define: define }; export default omi; -export { h, h as createElement, WeElement, render, options, instances }; +export { h, h as createElement, WeElement, render, options, instances, define }; //# sourceMappingURL=omi.esm.js.map diff --git a/dist/omi.esm.js.map b/dist/omi.esm.js.map index 7f0ba0913..8b29d3034 100644 --- a/dist/omi.esm.js.map +++ b/dist/omi.esm.js.map @@ -1 +1 @@ -{"version":3,"file":"omi.esm.js","sources":["../src/vnode.js","../src/options.js","../src/h.js","../src/util.js","../src/constants.js","../src/vdom/index.js","../src/dom/index.js","../src/vdom/diff.js","../src/we-element.js","../src/render.js","../src/omi.js"],"sourcesContent":["/** Virtual DOM Node */\r\nexport function VNode() {}\r\n","function getGlobal() {\r\n\tif (typeof global !== 'object' || !global || global.Math !== Math || global.Array !== Array) {\r\n\t\tif (typeof self !== 'undefined') {\r\n\t\t\treturn self;\r\n\t\t} else if (typeof window !== 'undefined') {\r\n\t\t\treturn window;\r\n\t\t} else if (typeof global !== 'undefined') {\r\n\t\t\treturn global;\r\n\t\t}\r\n\t\treturn (function(){\r\n\t\t\treturn this;\r\n\t\t})();\r\n\t\t\r\n\t}\r\n\treturn global;\r\n}\r\n\r\n/** Global options\r\n *\t@public\r\n *\t@namespace options {Object}\r\n */\r\nexport default {\r\n\r\n\tstore: null,\r\n\t\r\n\troot: getGlobal()\r\n\t//componentChange(component, element) { },\r\n\t/** If `true`, `prop` changes trigger synchronous component updates.\r\n\t *\t@name syncComponentUpdates\r\n\t *\t@type Boolean\r\n\t *\t@default true\r\n\t */\r\n\t//syncComponentUpdates: true,\r\n\r\n\t/** Processes all created VNodes.\r\n\t *\t@param {VNode} vnode\tA newly-created VNode to normalize/process\r\n\t */\r\n\t//vnode(vnode) { }\r\n\r\n\t/** Hook invoked after a component is mounted. */\r\n\t//afterMount(component) { },\r\n\r\n\t/** Hook invoked after the DOM is updated with a component's latest render. */\r\n\t//afterUpdate(component) { }\r\n\r\n\t/** Hook invoked immediately before a component is unmounted. */\r\n\t// beforeUnmount(component) { }\r\n};\r\n","import { VNode } from './vnode';\r\nimport options from './options';\r\n\r\n\r\nconst stack = [];\r\n\r\nconst EMPTY_CHILDREN = [];\r\n\r\nexport function h(nodeName, attributes) {\r\n\tlet children=EMPTY_CHILDREN, lastSimple, child, simple, i;\r\n\tfor (i=arguments.length; i-- > 2; ) {\r\n\t\tstack.push(arguments[i]);\r\n\t}\r\n\tif (attributes && attributes.children!=null) {\r\n\t\tif (!stack.length) stack.push(attributes.children);\r\n\t\tdelete attributes.children;\r\n\t}\r\n\twhile (stack.length) {\r\n\t\tif ((child = stack.pop()) && child.pop!==undefined) {\r\n\t\t\tfor (i=child.length; i--; ) stack.push(child[i]);\r\n\t\t}\r\n\t\telse {\r\n\t\t\tif (typeof child==='boolean') child = null;\r\n\r\n\t\t\tif ((simple = typeof nodeName!=='function')) {\r\n\t\t\t\tif (child==null) child = '';\r\n\t\t\t\telse if (typeof child==='number') child = String(child);\r\n\t\t\t\telse if (typeof child!=='string') simple = false;\r\n\t\t\t}\r\n\r\n\t\t\tif (simple && lastSimple) {\r\n\t\t\t\tchildren[children.length-1] += child;\r\n\t\t\t}\r\n\t\t\telse if (children===EMPTY_CHILDREN) {\r\n\t\t\t\tchildren = [child];\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tchildren.push(child);\r\n\t\t\t}\r\n\r\n\t\t\tlastSimple = simple;\r\n\t\t}\r\n\t}\r\n\r\n\tlet p = new VNode();\r\n\tp.nodeName = nodeName;\r\n\tp.children = children;\r\n\tp.attributes = attributes==null ? undefined : attributes;\r\n\tp.key = attributes==null ? undefined : attributes.key;\r\n\r\n\t// if a \"vnode hook\" is defined, pass every created VNode to it\r\n\tif (options.vnode!==undefined) options.vnode(p);\r\n\r\n\treturn p;\r\n}","/**\r\n * @license\r\n * Copyright (c) 2016 The Polymer Project Authors. All rights reserved.\r\n * This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt\r\n * The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt\r\n * The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt\r\n * Code distributed by Google as part of the polymer project is also\r\n * subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt\r\n */\r\n\r\n/**\r\n * This shim allows elements written in, or compiled to, ES5 to work on native\r\n * implementations of Custom Elements v1. It sets new.target to the value of\r\n * this.constructor so that the native HTMLElement constructor can access the\r\n * current under-construction element's definition.\r\n */\r\n(function() {\r\n if (\r\n // No Reflect, no classes, no need for shim because native custom elements\r\n // require ES2015 classes or Reflect.\r\n window.Reflect === undefined ||\r\n window.customElements === undefined ||\r\n // The webcomponentsjs custom elements polyfill doesn't require\r\n // ES2015-compatible construction (`super()` or `Reflect.construct`).\r\n window.customElements.hasOwnProperty('polyfillWrapFlushCallback')\r\n ) {\r\n return;\r\n }\r\n const BuiltInHTMLElement = HTMLElement;\r\n window.HTMLElement = function HTMLElement() {\r\n return Reflect.construct(BuiltInHTMLElement, [], this.constructor);\r\n };\r\n HTMLElement.prototype = BuiltInHTMLElement.prototype;\r\n HTMLElement.prototype.constructor = HTMLElement;\r\n Object.setPrototypeOf(HTMLElement, BuiltInHTMLElement);\r\n })();\r\n\r\n\r\n\r\nexport function cssToDom(css) {\r\n const node = document.createElement('style')\r\n node.innerText = css\r\n return node\r\n}\r\n\r\n\r\nexport function npn(str) {\r\n return str.replace(/-(\\w)/g, function ($, $1) {\r\n return $1.toUpperCase();\r\n });\r\n}\r\n\r\nexport function extend(obj, props) {\r\n\tfor (let i in props) obj[i] = props[i];\r\n\treturn obj;\r\n}\r\n\r\n/** Invoke or update a ref, depending on whether it is a function or object ref.\r\n * @param {object|function} [ref=null]\r\n * @param {any} [value]\r\n */\r\nexport function applyRef(ref, value) {\r\n\tif (ref!=null) {\r\n\t\tif (typeof ref=='function') ref(value);\r\n\t\telse ref.current = value;\r\n\t}\r\n}\r\n\r\n/**\r\n * Call a function asynchronously, as soon as possible. Makes\r\n * use of HTML Promise to schedule the callback if available,\r\n * otherwise falling back to `setTimeout` (mainly for IE<11).\r\n * @type {(callback: function) => void}\r\n */\r\nexport const defer = typeof Promise=='function' ? Promise.resolve().then.bind(Promise.resolve()) : setTimeout;\r\n\r\nexport function isArray(obj){\r\n return Object.prototype.toString.call(obj) === '[object Array]'\r\n}\r\n\r\nexport function nProps(props){\r\n if(!props || isArray(props)) return {}\r\n const result = {}\r\n Object.keys(props).forEach(key =>{\r\n result[key] = props[key].value \r\n })\r\n return result\r\n}\r\n","// render modes\r\n\r\nexport const NO_RENDER = 0;\r\nexport const SYNC_RENDER = 1;\r\nexport const FORCE_RENDER = 2;\r\nexport const ASYNC_RENDER = 3;\r\n\r\n\r\nexport const ATTR_KEY = '__preactattr_';\r\n\r\n// DOM properties that should NOT have \"px\" added when numeric\r\nexport const IS_NON_DIMENSIONAL = /acit|ex(?:s|g|n|p|$)|rph|ows|mnc|ntw|ine[ch]|zoo|^ord/i;\r\n\r\n","import { extend } from '../util';\r\n\r\n\r\n/**\r\n * Check if two nodes are equivalent.\r\n *\r\n * @param {Node} node\t\t\tDOM Node to compare\r\n * @param {VNode} vnode\t\t\tVirtual DOM node to compare\r\n * @param {boolean} [hydrating=false]\tIf true, ignores component constructors when comparing.\r\n * @private\r\n */\r\nexport function isSameNodeType(node, vnode, hydrating) {\r\n\tif (typeof vnode==='string' || typeof vnode==='number') {\r\n\t\treturn node.splitText!==undefined;\r\n\t}\r\n\tif (typeof vnode.nodeName==='string') {\r\n\t\treturn !node._componentConstructor && isNamedNode(node, vnode.nodeName);\r\n\t}\r\n\treturn hydrating || node._componentConstructor===vnode.nodeName;\r\n}\r\n\r\n\r\n/**\r\n * Check if an Element has a given nodeName, case-insensitively.\r\n *\r\n * @param {Element} node\tA DOM Element to inspect the name of.\r\n * @param {String} nodeName\tUnnormalized name to compare against.\r\n */\r\nexport function isNamedNode(node, nodeName) {\r\n\treturn node.normalizedNodeName===nodeName || node.nodeName.toLowerCase()===nodeName.toLowerCase();\r\n}\r\n\r\n\r\n/**\r\n * Reconstruct Component-style `props` from a VNode.\r\n * Ensures default/fallback values from `defaultProps`:\r\n * Own-properties of `defaultProps` not present in `vnode.attributes` are added.\r\n *\r\n * @param {VNode} vnode\r\n * @returns {Object} props\r\n */\r\nexport function getNodeProps(vnode) {\r\n\tlet props = extend({}, vnode.attributes);\r\n\tprops.children = vnode.children;\r\n\r\n\tlet defaultProps = vnode.nodeName.defaultProps;\r\n\tif (defaultProps!==undefined) {\r\n\t\tfor (let i in defaultProps) {\r\n\t\t\tif (props[i]===undefined) {\r\n\t\t\t\tprops[i] = defaultProps[i];\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\treturn props;\r\n}\r\n","import { IS_NON_DIMENSIONAL } from '../constants';\r\nimport { applyRef } from '../util';\r\nimport options from '../options';\r\nimport { npn } from '../util'\r\n\r\n/**\r\n * A DOM event listener\r\n * @typedef {(e: Event) => void} EventListner\r\n */\r\n\r\n/**\r\n * A mapping of event types to event listeners\r\n * @typedef {Object.} EventListenerMap\r\n */\r\n\r\n/**\r\n * Properties Preact adds to elements it creates\r\n * @typedef PreactElementExtensions\r\n * @property {string} [normalizedNodeName] A normalized node name to use in diffing\r\n * @property {EventListenerMap} [_listeners] A map of event listeners added by components to this DOM node\r\n * @property {import('../component').Component} [_component] The component that rendered this DOM node\r\n * @property {function} [_componentConstructor] The constructor of the component that rendered this DOM node\r\n */\r\n\r\n/**\r\n * A DOM element that has been extended with Preact properties\r\n * @typedef {Element & ElementCSSInlineStyle & PreactElementExtensions} PreactElement\r\n */\r\n\r\n/**\r\n * Create an element with the given nodeName.\r\n * @param {string} nodeName The DOM node to create\r\n * @param {boolean} [isSvg=false] If `true`, creates an element within the SVG\r\n * namespace.\r\n * @returns {PreactElement} The created DOM node\r\n */\r\nexport function createNode(nodeName, isSvg) {\r\n\t/** @type {PreactElement} */\r\n\tlet node = isSvg ? document.createElementNS('http://www.w3.org/2000/svg', nodeName) : document.createElement(nodeName);\r\n\tnode.normalizedNodeName = nodeName;\r\n\treturn node;\r\n}\r\n\r\n\r\n/**\r\n * Remove a child node from its parent if attached.\r\n * @param {Node} node The node to remove\r\n */\r\nexport function removeNode(node) {\r\n\tlet parentNode = node.parentNode;\r\n\tif (parentNode) parentNode.removeChild(node);\r\n}\r\n\r\n\r\n/**\r\n * Set a named attribute on the given Node, with special behavior for some names\r\n * and event handlers. If `value` is `null`, the attribute/handler will be\r\n * removed.\r\n * @param {PreactElement} node An element to mutate\r\n * @param {string} name The name/key to set, such as an event or attribute name\r\n * @param {*} old The last value that was set for this name/node pair\r\n * @param {*} value An attribute value, such as a function to be used as an\r\n * event handler\r\n * @param {boolean} isSvg Are we currently diffing inside an svg?\r\n * @private\r\n */\r\nexport function setAccessor(node, name, old, value, isSvg) {\r\n\tif (name==='className') name = 'class';\r\n\r\n\r\n\tif (name==='key') {\r\n\t\t// ignore\r\n\t}\r\n\telse if (name==='ref') {\r\n\t\tapplyRef(old, null);\r\n\t\tapplyRef(value, node);\r\n\t}\r\n\telse if (name==='class' && !isSvg) {\r\n\t\tnode.className = value || '';\r\n\t}\r\n\telse if (name==='style') {\r\n\t\tif (!value || typeof value==='string' || typeof old==='string') {\r\n\t\t\tnode.style.cssText = value || '';\r\n\t\t}\r\n\t\tif (value && typeof value==='object') {\r\n\t\t\tif (typeof old!=='string') {\r\n\t\t\t\tfor (let i in old) if (!(i in value)) node.style[i] = '';\r\n\t\t\t}\r\n\t\t\tfor (let i in value) {\r\n\t\t\t\tnode.style[i] = typeof value[i]==='number' && IS_NON_DIMENSIONAL.test(i)===false ? (value[i]+'px') : value[i];\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\telse if (name==='dangerouslySetInnerHTML') {\r\n\t\tif (value) node.innerHTML = value.__html || '';\r\n\t}\r\n\telse if (name[0]=='o' && name[1]=='n') {\r\n\t\tlet useCapture = name !== (name=name.replace(/Capture$/, ''));\r\n\t\tname = name.toLowerCase().substring(2);\r\n\t\tif (value) {\r\n\t\t\tif (!old) node.addEventListener(name, eventProxy, useCapture);\r\n\t\t}\r\n\t\telse {\r\n\t\t\tnode.removeEventListener(name, eventProxy, useCapture);\r\n\t\t}\r\n\t\t(node._listeners || (node._listeners = {}))[name] = value;\r\n\t}\r\n\telse if (name!=='list' && name!=='type' && !isSvg && name in node) {\r\n\t\t// Attempt to set a DOM property to the given value.\r\n\t\t// IE & FF throw for certain property-value combinations.\r\n\t\ttry {\r\n\t\t\tnode[name] = value==null ? '' : value;\r\n\t\t} catch (e) { }\r\n\t\tif ((value==null || value===false) && name!='spellcheck') node.removeAttribute(name);\r\n\t}\r\n\telse {\r\n\t\tlet ns = isSvg && (name !== (name = name.replace(/^xlink:?/, '')));\r\n\t\t// spellcheck is treated differently than all other boolean values and\r\n\t\t// should not be removed when the value is `false`. See:\r\n\t\t// https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-spellcheck\r\n\t\tif (value==null || value===false) {\r\n\t\t\tif (ns) node.removeAttributeNS('http://www.w3.org/1999/xlink', name.toLowerCase());\r\n\t\t\telse node.removeAttribute(name);\r\n\t\t}\r\n\t\telse if (typeof value!=='function') {\r\n\t\t\tif (ns) {\r\n\t\t\t\tnode.setAttributeNS('http://www.w3.org/1999/xlink', name.toLowerCase(), value);\r\n\t\t\t\tnode.props[npn(name.toLowerCase())] = value;\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tnode.setAttribute(name, value);\r\n\t\t\t\tnode.props[npn(name)] = value;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n\r\n/**\r\n * Proxy an event to hooked event handlers\r\n * @param {Event} e The event object from the browser\r\n * @private\r\n */\r\nfunction eventProxy(e) {\r\n\treturn this._listeners[e.type](options.event && options.event(e) || e);\r\n}","import { ATTR_KEY } from '../constants';\r\nimport { isSameNodeType, isNamedNode } from './index';\r\nimport { createNode, setAccessor } from '../dom/index';\r\nimport { npn } from '../util'\r\nimport { removeNode } from '../dom/index';\r\n\r\n/** Queue of components that have been mounted and are awaiting componentDidMount */\r\nexport const mounts = [];\r\n\r\n/** Diff recursion count, used to track the end of the diff cycle. */\r\nexport let diffLevel = 0;\r\n\r\n/** Global flag indicating if the diff is currently within an SVG */\r\nlet isSvgMode = false;\r\n\r\n/** Global flag indicating if the diff is performing hydration */\r\nlet hydrating = false;\r\n\r\n\r\n\r\n\r\n/** Apply differences in a given vnode (and it's deep children) to a real DOM Node.\r\n *\t@param {Element} [dom=null]\t\tA DOM node to mutate into the shape of the `vnode`\r\n *\t@param {VNode} vnode\t\t\tA VNode (with descendants forming a tree) representing the desired DOM structure\r\n *\t@returns {Element} dom\t\t\tThe created/mutated element\r\n *\t@private\r\n */\r\nexport function diff(dom, vnode, context, mountAll, parent, componentRoot) {\r\n\t// diffLevel having been 0 here indicates initial entry into the diff (not a subdiff)\r\n\tif (!diffLevel++) {\r\n\t\t// when first starting the diff, check if we're diffing an SVG or within an SVG\r\n\t\tisSvgMode = parent!=null && parent.ownerSVGElement!==undefined;\r\n\r\n\t\t// hydration is indicated by the existing element to be diffed not having a prop cache\r\n\t\thydrating = dom!=null && !(ATTR_KEY in dom);\r\n\t}\r\n\r\n\tlet ret = idiff(dom, vnode, context, mountAll, componentRoot);\r\n\r\n\t// append the element if its a new parent\r\n\tif (parent && ret.parentNode!==parent) parent.appendChild(ret);\r\n\r\n\t// diffLevel being reduced to 0 means we're exiting the diff\r\n\tif (!--diffLevel) {\r\n\t\thydrating = false;\r\n\t\t// invoke queued componentDidMount lifecycle methods\r\n\t\t\r\n\t}\r\n\r\n\treturn ret;\r\n}\r\n\r\n\r\n/** Internals of `diff()`, separated to allow bypassing diffLevel / mount flushing. */\r\nfunction idiff(dom, vnode, context, mountAll, componentRoot) {\r\n\tlet out = dom,\r\n\t\tprevSvgMode = isSvgMode;\r\n\r\n\t// empty values (null, undefined, booleans) render as empty Text nodes\r\n\tif (vnode==null || typeof vnode==='boolean') vnode = '';\r\n\r\n\r\n\t// Fast case: Strings & Numbers create/update Text nodes.\r\n\tif (typeof vnode==='string' || typeof vnode==='number') {\r\n\r\n\t\t// update if it's already a Text node:\r\n\t\tif (dom && dom.splitText!==undefined && dom.parentNode && (!dom._component || componentRoot)) {\r\n\t\t\t/* istanbul ignore if */ /* Browser quirk that can't be covered: https://github.com/developit/preact/commit/fd4f21f5c45dfd75151bd27b4c217d8003aa5eb9 */\r\n\t\t\tif (dom.nodeValue!=vnode) {\r\n\t\t\t\tdom.nodeValue = vnode;\r\n\t\t\t}\r\n\t\t}\r\n\t\telse {\r\n\t\t\t// it wasn't a Text node: replace it with one and recycle the old Element\r\n\t\t\tout = document.createTextNode(vnode);\r\n\t\t\tif (dom) {\r\n\t\t\t\tif (dom.parentNode) dom.parentNode.replaceChild(out, dom);\r\n\t\t\t\trecollectNodeTree(dom, true);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tout[ATTR_KEY] = true;\r\n\r\n\t\treturn out;\r\n\t}\r\n\r\n\r\n\t// If the VNode represents a Component, perform a component diff:\r\n\tlet vnodeName = vnode.nodeName;\r\n\t\r\n\r\n\t// Tracks entering and exiting SVG namespace when descending through the tree.\r\n\tisSvgMode = vnodeName==='svg' ? true : vnodeName==='foreignObject' ? false : isSvgMode;\r\n\r\n\r\n\t// If there's no existing element or it's the wrong type, create a new one:\r\n\tvnodeName = String(vnodeName);\r\n\tif (!dom || !isNamedNode(dom, vnodeName)) {\r\n\t\tout = createNode(vnodeName, isSvgMode);\r\n\r\n\t\tif (dom) {\r\n\t\t\t// move children into the replacement node\r\n\t\t\twhile (dom.firstChild) out.appendChild(dom.firstChild);\r\n\r\n\t\t\t// if the previous Element was mounted into the DOM, replace it inline\r\n\t\t\tif (dom.parentNode) dom.parentNode.replaceChild(out, dom);\r\n\r\n\t\t\t// recycle the old element (skips non-Element node types)\r\n\t\t\trecollectNodeTree(dom, true);\r\n\t\t}\r\n\t}\r\n\r\n\r\n\tlet fc = out.firstChild,\r\n\t\tprops = out[ATTR_KEY],\r\n\t\tvchildren = vnode.children;\r\n\r\n\tif (props==null) {\r\n\t\tprops = out[ATTR_KEY] = {};\r\n\t\tfor (let a=out.attributes, i=a.length; i--; ) props[a[i].name] = a[i].value;\r\n\t}\r\n\r\n\t// Optimization: fast-path for elements containing a single TextNode:\r\n\tif (!hydrating && vchildren && vchildren.length===1 && typeof vchildren[0]==='string' && fc!=null && fc.splitText!==undefined && fc.nextSibling==null) {\r\n\t\tif (fc.nodeValue!=vchildren[0]) {\r\n\t\t\tfc.nodeValue = vchildren[0];\r\n\t\t}\r\n\t}\r\n\t// otherwise, if there are existing or new children, diff them:\r\n\telse if (vchildren && vchildren.length || fc!=null) {\r\n\t\tinnerDiffNode(out, vchildren, context, mountAll, hydrating || props.dangerouslySetInnerHTML!=null);\r\n\t}\r\n\r\n\r\n\t// Apply attributes/props from VNode to the DOM Element:\r\n\tdiffAttributes(out, vnode.attributes, props);\r\n\r\n\r\n\t// restore previous SVG mode: (in case we're exiting an SVG namespace)\r\n\tisSvgMode = prevSvgMode;\r\n\r\n\treturn out;\r\n}\r\n\r\n\r\n/** Apply child and attribute changes between a VNode and a DOM Node to the DOM.\r\n *\t@param {Element} dom\t\t\tElement whose children should be compared & mutated\r\n *\t@param {Array} vchildren\t\tArray of VNodes to compare to `dom.childNodes`\r\n *\t@param {Object} context\t\t\tImplicitly descendant context object (from most recent `getChildContext()`)\r\n *\t@param {Boolean} mountAll\r\n *\t@param {Boolean} isHydrating\tIf `true`, consumes externally created elements similar to hydration\r\n */\r\nfunction innerDiffNode(dom, vchildren, context, mountAll, isHydrating) {\r\n\tlet originalChildren = dom.childNodes,\r\n\t\tchildren = [],\r\n\t\tkeyed = {},\r\n\t\tkeyedLen = 0,\r\n\t\tmin = 0,\r\n\t\tlen = originalChildren.length,\r\n\t\tchildrenLen = 0,\r\n\t\tvlen = vchildren ? vchildren.length : 0,\r\n\t\tj, c, f, vchild, child;\r\n\r\n\t// Build up a map of keyed children and an Array of unkeyed children:\r\n\tif (len!==0) {\r\n\t\tfor (let i=0; i 2; ) {\r\n\t\tstack.push(arguments[i]);\r\n\t}\r\n\tif (attributes && attributes.children!=null) {\r\n\t\tif (!stack.length) stack.push(attributes.children);\r\n\t\tdelete attributes.children;\r\n\t}\r\n\twhile (stack.length) {\r\n\t\tif ((child = stack.pop()) && child.pop!==undefined) {\r\n\t\t\tfor (i=child.length; i--; ) stack.push(child[i]);\r\n\t\t}\r\n\t\telse {\r\n\t\t\tif (typeof child==='boolean') child = null;\r\n\r\n\t\t\tif ((simple = typeof nodeName!=='function')) {\r\n\t\t\t\tif (child==null) child = '';\r\n\t\t\t\telse if (typeof child==='number') child = String(child);\r\n\t\t\t\telse if (typeof child!=='string') simple = false;\r\n\t\t\t}\r\n\r\n\t\t\tif (simple && lastSimple) {\r\n\t\t\t\tchildren[children.length-1] += child;\r\n\t\t\t}\r\n\t\t\telse if (children===EMPTY_CHILDREN) {\r\n\t\t\t\tchildren = [child];\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tchildren.push(child);\r\n\t\t\t}\r\n\r\n\t\t\tlastSimple = simple;\r\n\t\t}\r\n\t}\r\n\r\n\tlet p = new VNode();\r\n\tp.nodeName = nodeName;\r\n\tp.children = children;\r\n\tp.attributes = attributes==null ? undefined : attributes;\r\n\tp.key = attributes==null ? undefined : attributes.key;\r\n\r\n\t// if a \"vnode hook\" is defined, pass every created VNode to it\r\n\tif (options.vnode!==undefined) options.vnode(p);\r\n\r\n\treturn p;\r\n}","/**\r\n * @license\r\n * Copyright (c) 2016 The Polymer Project Authors. All rights reserved.\r\n * This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt\r\n * The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt\r\n * The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt\r\n * Code distributed by Google as part of the polymer project is also\r\n * subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt\r\n */\r\n\r\n/**\r\n * This shim allows elements written in, or compiled to, ES5 to work on native\r\n * implementations of Custom Elements v1. It sets new.target to the value of\r\n * this.constructor so that the native HTMLElement constructor can access the\r\n * current under-construction element's definition.\r\n */\r\n(function() {\r\n if (\r\n // No Reflect, no classes, no need for shim because native custom elements\r\n // require ES2015 classes or Reflect.\r\n window.Reflect === undefined ||\r\n window.customElements === undefined ||\r\n // The webcomponentsjs custom elements polyfill doesn't require\r\n // ES2015-compatible construction (`super()` or `Reflect.construct`).\r\n window.customElements.hasOwnProperty('polyfillWrapFlushCallback')\r\n ) {\r\n return;\r\n }\r\n const BuiltInHTMLElement = HTMLElement;\r\n window.HTMLElement = function HTMLElement() {\r\n return Reflect.construct(BuiltInHTMLElement, [], this.constructor);\r\n };\r\n HTMLElement.prototype = BuiltInHTMLElement.prototype;\r\n HTMLElement.prototype.constructor = HTMLElement;\r\n Object.setPrototypeOf(HTMLElement, BuiltInHTMLElement);\r\n })();\r\n\r\n\r\n\r\nexport function cssToDom(css) {\r\n const node = document.createElement('style')\r\n node.innerText = css\r\n return node\r\n}\r\n\r\n\r\nexport function npn(str) {\r\n return str.replace(/-(\\w)/g, function ($, $1) {\r\n return $1.toUpperCase();\r\n });\r\n}\r\n\r\nexport function extend(obj, props) {\r\n\tfor (let i in props) obj[i] = props[i];\r\n\treturn obj;\r\n}\r\n\r\n/** Invoke or update a ref, depending on whether it is a function or object ref.\r\n * @param {object|function} [ref=null]\r\n * @param {any} [value]\r\n */\r\nexport function applyRef(ref, value) {\r\n\tif (ref!=null) {\r\n\t\tif (typeof ref=='function') ref(value);\r\n\t\telse ref.current = value;\r\n\t}\r\n}\r\n\r\n/**\r\n * Call a function asynchronously, as soon as possible. Makes\r\n * use of HTML Promise to schedule the callback if available,\r\n * otherwise falling back to `setTimeout` (mainly for IE<11).\r\n * @type {(callback: function) => void}\r\n */\r\nexport const defer = typeof Promise=='function' ? Promise.resolve().then.bind(Promise.resolve()) : setTimeout;\r\n\r\nexport function isArray(obj){\r\n return Object.prototype.toString.call(obj) === '[object Array]'\r\n}\r\n\r\nexport function nProps(props){\r\n if(!props || isArray(props)) return {}\r\n const result = {}\r\n Object.keys(props).forEach(key =>{\r\n result[key] = props[key].value \r\n })\r\n return result\r\n}\r\n","// render modes\r\n\r\nexport const NO_RENDER = 0;\r\nexport const SYNC_RENDER = 1;\r\nexport const FORCE_RENDER = 2;\r\nexport const ASYNC_RENDER = 3;\r\n\r\n\r\nexport const ATTR_KEY = '__preactattr_';\r\n\r\n// DOM properties that should NOT have \"px\" added when numeric\r\nexport const IS_NON_DIMENSIONAL = /acit|ex(?:s|g|n|p|$)|rph|ows|mnc|ntw|ine[ch]|zoo|^ord/i;\r\n\r\n","import { extend } from '../util';\r\n\r\n\r\n/**\r\n * Check if two nodes are equivalent.\r\n *\r\n * @param {Node} node\t\t\tDOM Node to compare\r\n * @param {VNode} vnode\t\t\tVirtual DOM node to compare\r\n * @param {boolean} [hydrating=false]\tIf true, ignores component constructors when comparing.\r\n * @private\r\n */\r\nexport function isSameNodeType(node, vnode, hydrating) {\r\n\tif (typeof vnode==='string' || typeof vnode==='number') {\r\n\t\treturn node.splitText!==undefined;\r\n\t}\r\n\tif (typeof vnode.nodeName==='string') {\r\n\t\treturn !node._componentConstructor && isNamedNode(node, vnode.nodeName);\r\n\t}\r\n\treturn hydrating || node._componentConstructor===vnode.nodeName;\r\n}\r\n\r\n\r\n/**\r\n * Check if an Element has a given nodeName, case-insensitively.\r\n *\r\n * @param {Element} node\tA DOM Element to inspect the name of.\r\n * @param {String} nodeName\tUnnormalized name to compare against.\r\n */\r\nexport function isNamedNode(node, nodeName) {\r\n\treturn node.normalizedNodeName===nodeName || node.nodeName.toLowerCase()===nodeName.toLowerCase();\r\n}\r\n\r\n\r\n/**\r\n * Reconstruct Component-style `props` from a VNode.\r\n * Ensures default/fallback values from `defaultProps`:\r\n * Own-properties of `defaultProps` not present in `vnode.attributes` are added.\r\n *\r\n * @param {VNode} vnode\r\n * @returns {Object} props\r\n */\r\nexport function getNodeProps(vnode) {\r\n\tlet props = extend({}, vnode.attributes);\r\n\tprops.children = vnode.children;\r\n\r\n\tlet defaultProps = vnode.nodeName.defaultProps;\r\n\tif (defaultProps!==undefined) {\r\n\t\tfor (let i in defaultProps) {\r\n\t\t\tif (props[i]===undefined) {\r\n\t\t\t\tprops[i] = defaultProps[i];\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\treturn props;\r\n}\r\n","import { IS_NON_DIMENSIONAL } from '../constants';\r\nimport { applyRef } from '../util';\r\nimport options from '../options';\r\nimport { npn } from '../util'\r\n\r\n/**\r\n * A DOM event listener\r\n * @typedef {(e: Event) => void} EventListner\r\n */\r\n\r\n/**\r\n * A mapping of event types to event listeners\r\n * @typedef {Object.} EventListenerMap\r\n */\r\n\r\n/**\r\n * Properties Preact adds to elements it creates\r\n * @typedef PreactElementExtensions\r\n * @property {string} [normalizedNodeName] A normalized node name to use in diffing\r\n * @property {EventListenerMap} [_listeners] A map of event listeners added by components to this DOM node\r\n * @property {import('../component').Component} [_component] The component that rendered this DOM node\r\n * @property {function} [_componentConstructor] The constructor of the component that rendered this DOM node\r\n */\r\n\r\n/**\r\n * A DOM element that has been extended with Preact properties\r\n * @typedef {Element & ElementCSSInlineStyle & PreactElementExtensions} PreactElement\r\n */\r\n\r\n/**\r\n * Create an element with the given nodeName.\r\n * @param {string} nodeName The DOM node to create\r\n * @param {boolean} [isSvg=false] If `true`, creates an element within the SVG\r\n * namespace.\r\n * @returns {PreactElement} The created DOM node\r\n */\r\nexport function createNode(nodeName, isSvg) {\r\n\t/** @type {PreactElement} */\r\n\tlet node = isSvg ? document.createElementNS('http://www.w3.org/2000/svg', nodeName) : document.createElement(nodeName);\r\n\tnode.normalizedNodeName = nodeName;\r\n\treturn node;\r\n}\r\n\r\n\r\n/**\r\n * Remove a child node from its parent if attached.\r\n * @param {Node} node The node to remove\r\n */\r\nexport function removeNode(node) {\r\n\tlet parentNode = node.parentNode;\r\n\tif (parentNode) parentNode.removeChild(node);\r\n}\r\n\r\n\r\n/**\r\n * Set a named attribute on the given Node, with special behavior for some names\r\n * and event handlers. If `value` is `null`, the attribute/handler will be\r\n * removed.\r\n * @param {PreactElement} node An element to mutate\r\n * @param {string} name The name/key to set, such as an event or attribute name\r\n * @param {*} old The last value that was set for this name/node pair\r\n * @param {*} value An attribute value, such as a function to be used as an\r\n * event handler\r\n * @param {boolean} isSvg Are we currently diffing inside an svg?\r\n * @private\r\n */\r\nexport function setAccessor(node, name, old, value, isSvg) {\r\n\tif (name==='className') name = 'class';\r\n\r\n\r\n\tif (name==='key') {\r\n\t\t// ignore\r\n\t}\r\n\telse if (name==='ref') {\r\n\t\tapplyRef(old, null);\r\n\t\tapplyRef(value, node);\r\n\t}\r\n\telse if (name==='class' && !isSvg) {\r\n\t\tnode.className = value || '';\r\n\t}\r\n\telse if (name==='style') {\r\n\t\tif (!value || typeof value==='string' || typeof old==='string') {\r\n\t\t\tnode.style.cssText = value || '';\r\n\t\t}\r\n\t\tif (value && typeof value==='object') {\r\n\t\t\tif (typeof old!=='string') {\r\n\t\t\t\tfor (let i in old) if (!(i in value)) node.style[i] = '';\r\n\t\t\t}\r\n\t\t\tfor (let i in value) {\r\n\t\t\t\tnode.style[i] = typeof value[i]==='number' && IS_NON_DIMENSIONAL.test(i)===false ? (value[i]+'px') : value[i];\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\telse if (name==='dangerouslySetInnerHTML') {\r\n\t\tif (value) node.innerHTML = value.__html || '';\r\n\t}\r\n\telse if (name[0]=='o' && name[1]=='n') {\r\n\t\tlet useCapture = name !== (name=name.replace(/Capture$/, ''));\r\n\t\tname = name.toLowerCase().substring(2);\r\n\t\tif (value) {\r\n\t\t\tif (!old) node.addEventListener(name, eventProxy, useCapture);\r\n\t\t}\r\n\t\telse {\r\n\t\t\tnode.removeEventListener(name, eventProxy, useCapture);\r\n\t\t}\r\n\t\t(node._listeners || (node._listeners = {}))[name] = value;\r\n\t}\r\n\telse if (name!=='list' && name!=='type' && !isSvg && name in node) {\r\n\t\t// Attempt to set a DOM property to the given value.\r\n\t\t// IE & FF throw for certain property-value combinations.\r\n\t\ttry {\r\n\t\t\tnode[name] = value==null ? '' : value;\r\n\t\t} catch (e) { }\r\n\t\tif ((value==null || value===false) && name!='spellcheck') node.removeAttribute(name);\r\n\t}\r\n\telse {\r\n\t\tlet ns = isSvg && (name !== (name = name.replace(/^xlink:?/, '')));\r\n\t\t// spellcheck is treated differently than all other boolean values and\r\n\t\t// should not be removed when the value is `false`. See:\r\n\t\t// https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-spellcheck\r\n\t\tif (value==null || value===false) {\r\n\t\t\tif (ns) node.removeAttributeNS('http://www.w3.org/1999/xlink', name.toLowerCase());\r\n\t\t\telse node.removeAttribute(name);\r\n\t\t}\r\n\t\telse if (typeof value!=='function') {\r\n\t\t\tif (ns) {\r\n\t\t\t\tnode.setAttributeNS('http://www.w3.org/1999/xlink', name.toLowerCase(), value);\r\n\t\t\t\tnode.props[npn(name.toLowerCase())] = value;\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tnode.setAttribute(name, value);\r\n\t\t\t\tnode.props[npn(name)] = value;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n\r\n/**\r\n * Proxy an event to hooked event handlers\r\n * @param {Event} e The event object from the browser\r\n * @private\r\n */\r\nfunction eventProxy(e) {\r\n\treturn this._listeners[e.type](options.event && options.event(e) || e);\r\n}","import { ATTR_KEY } from '../constants';\r\nimport { isSameNodeType, isNamedNode } from './index';\r\nimport { createNode, setAccessor } from '../dom/index';\r\nimport { npn } from '../util'\r\nimport { removeNode } from '../dom/index';\r\n\r\n/** Queue of components that have been mounted and are awaiting componentDidMount */\r\nexport const mounts = [];\r\n\r\n/** Diff recursion count, used to track the end of the diff cycle. */\r\nexport let diffLevel = 0;\r\n\r\n/** Global flag indicating if the diff is currently within an SVG */\r\nlet isSvgMode = false;\r\n\r\n/** Global flag indicating if the diff is performing hydration */\r\nlet hydrating = false;\r\n\r\n\r\n\r\n\r\n/** Apply differences in a given vnode (and it's deep children) to a real DOM Node.\r\n *\t@param {Element} [dom=null]\t\tA DOM node to mutate into the shape of the `vnode`\r\n *\t@param {VNode} vnode\t\t\tA VNode (with descendants forming a tree) representing the desired DOM structure\r\n *\t@returns {Element} dom\t\t\tThe created/mutated element\r\n *\t@private\r\n */\r\nexport function diff(dom, vnode, context, mountAll, parent, componentRoot) {\r\n\t// diffLevel having been 0 here indicates initial entry into the diff (not a subdiff)\r\n\tif (!diffLevel++) {\r\n\t\t// when first starting the diff, check if we're diffing an SVG or within an SVG\r\n\t\tisSvgMode = parent!=null && parent.ownerSVGElement!==undefined;\r\n\r\n\t\t// hydration is indicated by the existing element to be diffed not having a prop cache\r\n\t\thydrating = dom!=null && !(ATTR_KEY in dom);\r\n\t}\r\n\r\n\tlet ret = idiff(dom, vnode, context, mountAll, componentRoot);\r\n\r\n\t// append the element if its a new parent\r\n\tif (parent && ret.parentNode!==parent) parent.appendChild(ret);\r\n\r\n\t// diffLevel being reduced to 0 means we're exiting the diff\r\n\tif (!--diffLevel) {\r\n\t\thydrating = false;\r\n\t\t// invoke queued componentDidMount lifecycle methods\r\n\t\t\r\n\t}\r\n\r\n\treturn ret;\r\n}\r\n\r\n\r\n/** Internals of `diff()`, separated to allow bypassing diffLevel / mount flushing. */\r\nfunction idiff(dom, vnode, context, mountAll, componentRoot) {\r\n\tlet out = dom,\r\n\t\tprevSvgMode = isSvgMode;\r\n\r\n\t// empty values (null, undefined, booleans) render as empty Text nodes\r\n\tif (vnode==null || typeof vnode==='boolean') vnode = '';\r\n\r\n\r\n\t// Fast case: Strings & Numbers create/update Text nodes.\r\n\tif (typeof vnode==='string' || typeof vnode==='number') {\r\n\r\n\t\t// update if it's already a Text node:\r\n\t\tif (dom && dom.splitText!==undefined && dom.parentNode && (!dom._component || componentRoot)) {\r\n\t\t\t/* istanbul ignore if */ /* Browser quirk that can't be covered: https://github.com/developit/preact/commit/fd4f21f5c45dfd75151bd27b4c217d8003aa5eb9 */\r\n\t\t\tif (dom.nodeValue!=vnode) {\r\n\t\t\t\tdom.nodeValue = vnode;\r\n\t\t\t}\r\n\t\t}\r\n\t\telse {\r\n\t\t\t// it wasn't a Text node: replace it with one and recycle the old Element\r\n\t\t\tout = document.createTextNode(vnode);\r\n\t\t\tif (dom) {\r\n\t\t\t\tif (dom.parentNode) dom.parentNode.replaceChild(out, dom);\r\n\t\t\t\trecollectNodeTree(dom, true);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tout[ATTR_KEY] = true;\r\n\r\n\t\treturn out;\r\n\t}\r\n\r\n\r\n\t// If the VNode represents a Component, perform a component diff:\r\n\tlet vnodeName = vnode.nodeName;\r\n\t\r\n\r\n\t// Tracks entering and exiting SVG namespace when descending through the tree.\r\n\tisSvgMode = vnodeName==='svg' ? true : vnodeName==='foreignObject' ? false : isSvgMode;\r\n\r\n\r\n\t// If there's no existing element or it's the wrong type, create a new one:\r\n\tvnodeName = String(vnodeName);\r\n\tif (!dom || !isNamedNode(dom, vnodeName)) {\r\n\t\tout = createNode(vnodeName, isSvgMode);\r\n\r\n\t\tif (dom) {\r\n\t\t\t// move children into the replacement node\r\n\t\t\twhile (dom.firstChild) out.appendChild(dom.firstChild);\r\n\r\n\t\t\t// if the previous Element was mounted into the DOM, replace it inline\r\n\t\t\tif (dom.parentNode) dom.parentNode.replaceChild(out, dom);\r\n\r\n\t\t\t// recycle the old element (skips non-Element node types)\r\n\t\t\trecollectNodeTree(dom, true);\r\n\t\t}\r\n\t}\r\n\r\n\r\n\tlet fc = out.firstChild,\r\n\t\tprops = out[ATTR_KEY],\r\n\t\tvchildren = vnode.children;\r\n\r\n\tif (props==null) {\r\n\t\tprops = out[ATTR_KEY] = {};\r\n\t\tfor (let a=out.attributes, i=a.length; i--; ) props[a[i].name] = a[i].value;\r\n\t}\r\n\r\n\t// Optimization: fast-path for elements containing a single TextNode:\r\n\tif (!hydrating && vchildren && vchildren.length===1 && typeof vchildren[0]==='string' && fc!=null && fc.splitText!==undefined && fc.nextSibling==null) {\r\n\t\tif (fc.nodeValue!=vchildren[0]) {\r\n\t\t\tfc.nodeValue = vchildren[0];\r\n\t\t}\r\n\t}\r\n\t// otherwise, if there are existing or new children, diff them:\r\n\telse if (vchildren && vchildren.length || fc!=null) {\r\n\t\tinnerDiffNode(out, vchildren, context, mountAll, hydrating || props.dangerouslySetInnerHTML!=null);\r\n\t}\r\n\r\n\r\n\t// Apply attributes/props from VNode to the DOM Element:\r\n\tdiffAttributes(out, vnode.attributes, props);\r\n\r\n\r\n\t// restore previous SVG mode: (in case we're exiting an SVG namespace)\r\n\tisSvgMode = prevSvgMode;\r\n\r\n\treturn out;\r\n}\r\n\r\n\r\n/** Apply child and attribute changes between a VNode and a DOM Node to the DOM.\r\n *\t@param {Element} dom\t\t\tElement whose children should be compared & mutated\r\n *\t@param {Array} vchildren\t\tArray of VNodes to compare to `dom.childNodes`\r\n *\t@param {Object} context\t\t\tImplicitly descendant context object (from most recent `getChildContext()`)\r\n *\t@param {Boolean} mountAll\r\n *\t@param {Boolean} isHydrating\tIf `true`, consumes externally created elements similar to hydration\r\n */\r\nfunction innerDiffNode(dom, vchildren, context, mountAll, isHydrating) {\r\n\tlet originalChildren = dom.childNodes,\r\n\t\tchildren = [],\r\n\t\tkeyed = {},\r\n\t\tkeyedLen = 0,\r\n\t\tmin = 0,\r\n\t\tlen = originalChildren.length,\r\n\t\tchildrenLen = 0,\r\n\t\tvlen = vchildren ? vchildren.length : 0,\r\n\t\tj, c, f, vchild, child;\r\n\r\n\t// Build up a map of keyed children and an Array of unkeyed children:\r\n\tif (len!==0) {\r\n\t\tfor (let i=0; i= Object.keys(pre).length){\n for (let key in pre) {\n const currentValue = current[key]\n if (currentValue === undefined) {\n current[key] = null\n } else {\n syncKeys(currentValue, pre[key])\n }\n }\n }\n } else if (rootCurrentType == ARRAYTYPE && rootPreType == ARRAYTYPE) {\n if (current.length >= pre.length) {\n pre.forEach((item, index) => {\n syncKeys(current[index], item)\n })\n }\n }\n}\n\nfunction _diff(current, pre, path, result) {\n if (current === pre) return\n const rootCurrentType = type(current)\n const rootPreType = type(pre)\n if (rootCurrentType == OBJECTTYPE) {\n if (rootPreType != OBJECTTYPE || Object.keys(current).length < Object.keys(pre).length) {\n setResult(result, path, current)\n } else {\n for (let key in current) {\n const currentValue = current[key]\n const preValue = pre[key]\n const currentType = type(currentValue)\n const preType = type(preValue)\n if (currentType != ARRAYTYPE && currentType != OBJECTTYPE) {\n if (currentValue != pre[key]) {\n setResult(result, (path == '' ? '' : path + \".\") + key, currentValue)\n }\n } else if (currentType == ARRAYTYPE) {\n if (preType != ARRAYTYPE) {\n setResult(result, (path == '' ? '' : path + \".\") + key, currentValue)\n } else {\n if (currentValue.length < preValue.length) {\n setResult(result, (path == '' ? '' : path + \".\") + key, currentValue)\n } else {\n currentValue.forEach((item, index) => {\n _diff(item, preValue[index], (path == '' ? '' : path + \".\") + key + '[' + index + ']', result)\n })\n }\n }\n } else if (currentType == OBJECTTYPE) {\n if (preType != OBJECTTYPE || Object.keys(currentValue).length < Object.keys(preValue).length) {\n setResult(result, (path == '' ? '' : path + \".\") + key, currentValue)\n } else {\n for (let subKey in currentValue) {\n _diff(currentValue[subKey], preValue[subKey], (path == '' ? '' : path + \".\") + key + '.' + subKey, result)\n }\n }\n }\n }\n }\n } else if (rootCurrentType == ARRAYTYPE) {\n if (rootPreType != ARRAYTYPE) {\n setResult(result, path, current)\n } else {\n if (current.length < pre.length) {\n setResult(result, path, current)\n } else {\n current.forEach((item, index) => {\n _diff(item, pre[index], path + '[' + index + ']', result)\n })\n }\n }\n } else {\n setResult(result, path, current)\n }\n}\n\nfunction setResult(result, k, v) {\n if (type(v) != FUNCTIONTYPE) {\n result[k] = v\n }\n}\n\nfunction type(obj) {\n return Object.prototype.toString.call(obj)\n}","\r\nimport { diff } from './vdom/diff'\r\nimport options from './options'\r\nimport jsonDiff from './json-diff'\r\n\r\nexport function render(vnode, parent, store) {\r\n\tparent = typeof parent === 'string' ? document.querySelector(parent) : parent\r\n\tif(store){\r\n\t\tstore.instances = []\r\n\t\textendStoreUpate(store)\r\n\t\toptions.store = store\r\n\t\tstore.originData = JSON.parse(JSON.stringify(store.data))\t\r\n\t}\r\n\tdiff(null, vnode, {}, false, parent, false)\r\n} \r\n\r\nfunction extendStoreUpate(store){\r\n\tstore.update = function(){\r\n\t\tlet diffResult = jsonDiff(this.data, this.originData)\r\n\t\tif (Object.keys(diffResult)[0] == '') {\r\n\t\t\tdiffResult = diffResult['']\r\n\t\t}\r\n\t\tconst updateAll = matchGlobalData(this.globalData, diffResult)\r\n\t\tif (Object.keys(diffResult).length > 0) {\r\n\t\t\tthis.instances.forEach(instance => {\r\n\t\t\t\tif(updateAll || this.updateAll || instance.constructor.updatePath && needUpdate(diffResult, instance.constructor.updatePath)){\r\n\t\t\t\t\tinstance.update()\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t\tthis.onChange && this.onChange(diffResult)\r\n\t\t\tfor (let key in diffResult) {\r\n\t\t\t\tupdateByPath(this.originData, key, typeof diffResult[key] === 'object' ? JSON.parse(JSON.stringify(diffResult[key])) : diffResult[key])\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\nfunction matchGlobalData(globalData, diffResult) {\r\n\tif(!globalData) return false\r\n for (let keyA in diffResult) {\r\n if (globalData.indexOf(keyA) > -1) {\r\n return true\r\n }\r\n for (let i = 0, len = globalData.length; i < len; i++) {\r\n if (includePath(keyA, globalData[i])) {\r\n return true\r\n }\r\n }\r\n }\r\n return false\r\n}\r\n\r\nfunction needUpdate(diffResult, updatePath){\r\n for(let keyA in diffResult){\r\n if(updatePath[keyA]){\r\n return true\r\n }\r\n for(let keyB in updatePath){\r\n if(includePath(keyA, keyB)){\r\n return true\r\n }\r\n }\r\n }\r\n return false\r\n}\r\n\r\nfunction includePath(pathA, pathB){\r\n if(pathA.indexOf(pathB)===0){\r\n const next = pathA.substr(pathB.length, 1)\r\n if(next === '['||next === '.'){\r\n return true\r\n }\r\n }\r\n return false\r\n}\r\n\r\nfunction updateByPath(origin, path, value) {\r\n const arr = path.replace(/]/g, '').replace(/\\[/g, '.').split('.')\r\n let current = origin\r\n for (let i = 0, len = arr.length; i < len; i++) {\r\n if (i === len - 1) {\r\n current[arr[i]] = value\r\n } else {\r\n current = current[arr[i]]\r\n }\r\n }\r\n}\r\n","const OBJECTTYPE = '[object Object]'\r\n\r\nexport function define(name, ctor) {\r\n customElements.define(name, ctor)\r\n if (ctor.data) {\r\n ctor.updatePath = getUpdatePath(ctor.data)\r\n }\r\n}\r\n\r\nfunction getUpdatePath(data) {\r\n const result = {}\r\n dataToPath(data, result)\r\n return result\r\n}\r\n\r\nfunction dataToPath(data, result) {\r\n Object.keys(data).forEach(key => {\r\n result[key] = true\r\n const type = Object.prototype.toString.call(data[key])\r\n if (type === OBJECTTYPE) {\r\n _dataToPath(data[key], key, result)\r\n }\r\n })\r\n}\r\n\r\nfunction _dataToPath(data, path, result) {\r\n Object.keys(data).forEach(key => {\r\n result[path + '.' + key] = true\r\n const type = Object.prototype.toString.call(data[key])\r\n if (type === OBJECTTYPE) {\r\n _dataToPath(data[key], path + '.' + key, result)\r\n }\r\n })\r\n}","import { h, h as createElement } from './h';\r\nimport options from './options';\r\nimport WeElement from './we-element';\r\nimport { render } from './render';\r\nimport { define } from './define'\r\n\r\nconst instances = [];\r\n\r\noptions.root.Omi = {\r\n\th,\r\n\tcreateElement,\r\n\tWeElement,\r\n\trender,\r\n\toptions,\r\n\tinstances,\r\n\tdefine\r\n};\r\n\r\noptions.root.Omi.version = '4.0.0';\r\n\r\nexport default {\r\n\th,\r\n\tcreateElement,\r\n\tWeElement,\r\n\trender,\r\n\toptions,\r\n\tinstances,\r\n\tdefine\r\n};\r\n\r\nexport {\r\n\th,\r\n\tcreateElement,\r\n\tWeElement,\r\n\trender,\r\n\toptions,\r\n\tinstances,\r\n\tdefine\r\n};\r\n"],"names":["VNode","getGlobal","global","Math","Array","self","window","stack","EMPTY_CHILDREN","h","nodeName","attributes","children","lastSimple","child","simple","i","arguments","length","push","pop","undefined","String","p","key","options","vnode","Reflect","customElements","hasOwnProperty","BuiltInHTMLElement","HTMLElement","construct","constructor","prototype","setPrototypeOf","cssToDom","css","node","document","createElement","innerText","npn","str","replace","$","$1","toUpperCase","applyRef","ref","value","current","defer","Promise","resolve","then","bind","setTimeout","isArray","obj","Object","toString","call","nProps","props","result","keys","forEach","ATTR_KEY","IS_NON_DIMENSIONAL","isSameNodeType","hydrating","splitText","_componentConstructor","isNamedNode","normalizedNodeName","toLowerCase","createNode","isSvg","createElementNS","removeNode","parentNode","removeChild","setAccessor","name","old","className","style","cssText","test","innerHTML","__html","useCapture","substring","addEventListener","eventProxy","removeEventListener","_listeners","e","removeAttribute","ns","removeAttributeNS","setAttributeNS","setAttribute","type","event","diffLevel","isSvgMode","diff","dom","context","mountAll","parent","componentRoot","ownerSVGElement","ret","idiff","appendChild","out","prevSvgMode","_component","nodeValue","createTextNode","replaceChild","vnodeName","firstChild","fc","vchildren","a","nextSibling","dangerouslySetInnerHTML","innerDiffNode","isHydrating","originalChildren","childNodes","keyed","keyedLen","min","len","childrenLen","vlen","j","c","f","vchild","__key","trim","insertBefore","recollectNodeTree","unmountOnly","removeChildren","lastChild","next","previousSibling","diffAttributes","attrs","update","WeElement","data","connectedCallback","store","instances","install","shadowRoot","attachShadow","mode","host","render","installed","attributeChangedCallback","pre","disconnectedCallback","uninstall","beforeUpdate","afterUpdate","fire","dispatchEvent","CustomEvent","detail","ARRAYTYPE","OBJECTTYPE","FUNCTIONTYPE","syncKeys","rootCurrentType","rootPreType","currentValue","item","index","_diff","path","preValue","currentType","preType","subKey","setResult","k","v","querySelector","originData","JSON","parse","stringify","extendStoreUpate","diffResult","jsonDiff","updateAll","matchGlobalData","globalData","instance","updatePath","needUpdate","onChange","keyA","indexOf","includePath","keyB","pathA","pathB","substr","updateByPath","origin","arr","split","define","ctor","getUpdatePath","dataToPath","_dataToPath","root","Omi","version"],"mappings":"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"} \ No newline at end of file diff --git a/dist/omi.js b/dist/omi.js index 62387d857..5a689158a 100644 --- a/dist/omi.js +++ b/dist/omi.js @@ -205,7 +205,7 @@ var update = !1; for (name in attrs) if ('object' == typeof attrs[name]) { dom.props[npn(name)] = attrs[name]; - update = !0; + dom.parentNode && (update = !0); } else if (!('children' === name || 'innerHTML' === name || name in old && attrs[name] === ('value' === name || 'checked' === name ? dom[name] : old[name]))) setAccessor(dom, name, old[name], old[name] = attrs[name], isSvgMode); update && dom.update(); } @@ -228,10 +228,128 @@ }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } - function render(vnode, parent) { + function diff$1(current, pre) { + var result = {}; + syncKeys(current, pre); + _diff(current, pre, '', result); + return result; + } + function syncKeys(current, pre) { + if (current !== pre) { + var rootCurrentType = type(current); + var rootPreType = type(pre); + if ('[object Object]' == rootCurrentType && '[object Object]' == rootPreType) { + if (Object.keys(current).length >= Object.keys(pre).length) for (var key in pre) { + var currentValue = current[key]; + if (void 0 === currentValue) current[key] = null; else syncKeys(currentValue, pre[key]); + } + } else if ('[object Array]' == rootCurrentType && '[object Array]' == rootPreType) if (current.length >= pre.length) pre.forEach(function(item, index) { + syncKeys(current[index], item); + }); + } + } + function _diff(current, pre, path, result) { + if (current !== pre) { + var rootCurrentType = type(current); + var rootPreType = type(pre); + if ('[object Object]' == rootCurrentType) if ('[object Object]' != rootPreType || Object.keys(current).length < Object.keys(pre).length) setResult(result, path, current); else { + for (var key in current) !function(key) { + var currentValue = current[key]; + var preValue = pre[key]; + var currentType = type(currentValue); + var preType = type(preValue); + if ('[object Array]' != currentType && '[object Object]' != currentType) { + if (currentValue != pre[key]) setResult(result, ('' == path ? '' : path + ".") + key, currentValue); + } else if ('[object Array]' == currentType) if ('[object Array]' != preType) setResult(result, ('' == path ? '' : path + ".") + key, currentValue); else if (currentValue.length < preValue.length) setResult(result, ('' == path ? '' : path + ".") + key, currentValue); else currentValue.forEach(function(item, index) { + _diff(item, preValue[index], ('' == path ? '' : path + ".") + key + '[' + index + ']', result); + }); else if ('[object Object]' == currentType) if ('[object Object]' != preType || Object.keys(currentValue).length < Object.keys(preValue).length) setResult(result, ('' == path ? '' : path + ".") + key, currentValue); else for (var subKey in currentValue) _diff(currentValue[subKey], preValue[subKey], ('' == path ? '' : path + ".") + key + '.' + subKey, result); + }(key); + } else if ('[object Array]' == rootCurrentType) if ('[object Array]' != rootPreType) setResult(result, path, current); else if (current.length < pre.length) setResult(result, path, current); else current.forEach(function(item, index) { + _diff(item, pre[index], path + '[' + index + ']', result); + }); else setResult(result, path, current); + } + } + function setResult(result, k, v) { + if ('[object Function]' != type(v)) result[k] = v; + } + function type(obj) { + return Object.prototype.toString.call(obj); + } + function render(vnode, parent, store) { parent = 'string' == typeof parent ? document.querySelector(parent) : parent; + if (store) { + store.instances = []; + extendStoreUpate(store); + options.store = store; + store.originData = JSON.parse(JSON.stringify(store.data)); + } diff(null, vnode, {}, !1, parent, !1); } + function extendStoreUpate(store) { + store.update = function() { + var _this = this; + var diffResult = diff$1(this.data, this.originData); + if ('' == Object.keys(diffResult)[0]) diffResult = diffResult['']; + var updateAll = matchGlobalData(this.globalData, diffResult); + if (Object.keys(diffResult).length > 0) { + this.instances.forEach(function(instance) { + if (updateAll || _this.updateAll || instance.constructor.updatePath && needUpdate(diffResult, instance.constructor.updatePath)) instance.update(); + }); + this.onChange && this.onChange(diffResult); + for (var key in diffResult) updateByPath(this.originData, key, 'object' == typeof diffResult[key] ? JSON.parse(JSON.stringify(diffResult[key])) : diffResult[key]); + } + }; + } + function matchGlobalData(globalData, diffResult) { + if (!globalData) return !1; + for (var keyA in diffResult) { + if (globalData.indexOf(keyA) > -1) return !0; + for (var i = 0, len = globalData.length; i < len; i++) if (includePath(keyA, globalData[i])) return !0; + } + return !1; + } + function needUpdate(diffResult, updatePath) { + for (var keyA in diffResult) { + if (updatePath[keyA]) return !0; + for (var keyB in updatePath) if (includePath(keyA, keyB)) return !0; + } + return !1; + } + function includePath(pathA, pathB) { + if (0 === pathA.indexOf(pathB)) { + var next = pathA.substr(pathB.length, 1); + if ('[' === next || '.' === next) return !0; + } + return !1; + } + function updateByPath(origin, path, value) { + var arr = path.replace(/]/g, '').replace(/\[/g, '.').split('.'); + var current = origin; + for (var i = 0, len = arr.length; i < len; i++) if (i === len - 1) current[arr[i]] = value; else current = current[arr[i]]; + } + function define(name, ctor) { + customElements.define(name, ctor); + if (ctor.data) ctor.updatePath = getUpdatePath(ctor.data); + } + function getUpdatePath(data) { + var result = {}; + dataToPath(data, result); + return result; + } + function dataToPath(data, result) { + Object.keys(data).forEach(function(key) { + result[key] = !0; + var type = Object.prototype.toString.call(data[key]); + if ('[object Object]' === type) _dataToPath(data[key], key, result); + }); + } + function _dataToPath(data, path, result) { + Object.keys(data).forEach(function(key) { + result[path + '.' + key] = !0; + var type = Object.prototype.toString.call(data[key]); + if ('[object Object]' === type) _dataToPath(data[key], path + '.' + key, result); + }); + } var options = { store: null, root: function() { @@ -288,6 +406,8 @@ } _inherits(WeElement, _HTMLElement); WeElement.prototype.connectedCallback = function() { + this.store = options.store; + if (this.store) this.store.instances.push(this); this.install(); var shadowRoot = this.attachShadow({ mode: 'open' @@ -333,7 +453,8 @@ WeElement: WeElement, render: render, options: options, - instances: instances + instances: instances, + define: define }; options.root.Omi.version = '4.0.0'; var Omi = { @@ -342,7 +463,8 @@ WeElement: WeElement, render: render, options: options, - instances: instances + instances: instances, + define: define }; if ('undefined' != typeof module) module.exports = Omi; else self.Omi = Omi; }(); diff --git a/dist/omi.js.map b/dist/omi.js.map index 7ff50a235..0fa948dfc 100644 --- a/dist/omi.js.map +++ b/dist/omi.js.map @@ -1 +1 @@ -{"version":3,"sources":["../src/vnode.js","../src/h.js","../src/util.js","../src/vdom/index.js","../src/dom/index.js","../src/vdom/diff.js","../src/we-element.js","../src/options.js","../src/render.js","../src/omi.js"],"names":["VNode","nodeName","attributes","lastSimple","child","simple","i","children","EMPTY_CHILDREN","arguments","length","stack","push","pop","undefined","String","p","key","options","vnode","cssToDom","css","node","document","createElement","innerText","npn","str","replace","$","$1","toUpperCase","applyRef","ref","value","current","isArray","obj","Object","prototype","toString","call","nProps","props","result","keys","forEach","isSameNodeType","hydrating","_componentConstructor","removeNode","name","isSvg","className","old","style","cssText","IS_NON_DIMENSIONAL","test","innerHTML","__html","useCapture","substring","addEventListener","eventProxy","e","removeAttribute","ns","removeAttributeNS","toLowerCase","setAttribute","setAttributeNS","isSvgMode","dom","componentRoot","context","mountAll","ret","idiff","diffLevel","parent","out","splitText","parentNode","_component","nodeValue","createTextNode","replaceChild","recollectNodeTree","vnodeName","createNode","vchildren","firstChild","fc","a","nextSibling","innerDiffNode","dangerouslySetInnerHTML","prevSvgMode","min","len","childrenLen","vlen","j","keyedLen","originalChildren","keyed","vchild","_child","__key","trim","isHydrating","c","f","appendChild","unmountOnly","removeChildren","diffAttributes","setAccessor","attrs","update","_classCallCheck","instance","Constructor","TypeError","HTMLElement","store","root","global","Math","Array","self","window","this","Reflect","customElements","hasOwnProperty","BuiltInHTMLElement","construct","constructor","setPrototypeOf","Promise","resolve","then","bind","setTimeout","_listeners","WeElement","_this","data","connectedCallback","install","shadowRoot","attachShadow","disconnectedCallback","uninstall","diff","host","render","fire","afterUpdate","CustomEvent","detail","installed","beforeUpdate","Omi","h","version","module","exports"],"mappings":"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","file":"omi.js","sourcesContent":["/** Virtual DOM Node */\r\nexport function VNode() {}\r\n","import { VNode } from './vnode';\r\nimport options from './options';\r\n\r\n\r\nconst stack = [];\r\n\r\nconst EMPTY_CHILDREN = [];\r\n\r\nexport function h(nodeName, attributes) {\r\n\tlet children=EMPTY_CHILDREN, lastSimple, child, simple, i;\r\n\tfor (i=arguments.length; i-- > 2; ) {\r\n\t\tstack.push(arguments[i]);\r\n\t}\r\n\tif (attributes && attributes.children!=null) {\r\n\t\tif (!stack.length) stack.push(attributes.children);\r\n\t\tdelete attributes.children;\r\n\t}\r\n\twhile (stack.length) {\r\n\t\tif ((child = stack.pop()) && child.pop!==undefined) {\r\n\t\t\tfor (i=child.length; i--; ) stack.push(child[i]);\r\n\t\t}\r\n\t\telse {\r\n\t\t\tif (typeof child==='boolean') child = null;\r\n\r\n\t\t\tif ((simple = typeof nodeName!=='function')) {\r\n\t\t\t\tif (child==null) child = '';\r\n\t\t\t\telse if (typeof child==='number') child = String(child);\r\n\t\t\t\telse if (typeof child!=='string') simple = false;\r\n\t\t\t}\r\n\r\n\t\t\tif (simple && lastSimple) {\r\n\t\t\t\tchildren[children.length-1] += child;\r\n\t\t\t}\r\n\t\t\telse if (children===EMPTY_CHILDREN) {\r\n\t\t\t\tchildren = [child];\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tchildren.push(child);\r\n\t\t\t}\r\n\r\n\t\t\tlastSimple = simple;\r\n\t\t}\r\n\t}\r\n\r\n\tlet p = new VNode();\r\n\tp.nodeName = nodeName;\r\n\tp.children = children;\r\n\tp.attributes = attributes==null ? undefined : attributes;\r\n\tp.key = attributes==null ? undefined : attributes.key;\r\n\r\n\t// if a \"vnode hook\" is defined, pass every created VNode to it\r\n\tif (options.vnode!==undefined) options.vnode(p);\r\n\r\n\treturn p;\r\n}","/**\r\n * @license\r\n * Copyright (c) 2016 The Polymer Project Authors. All rights reserved.\r\n * This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt\r\n * The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt\r\n * The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt\r\n * Code distributed by Google as part of the polymer project is also\r\n * subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt\r\n */\r\n\r\n/**\r\n * This shim allows elements written in, or compiled to, ES5 to work on native\r\n * implementations of Custom Elements v1. It sets new.target to the value of\r\n * this.constructor so that the native HTMLElement constructor can access the\r\n * current under-construction element's definition.\r\n */\r\n(function() {\r\n if (\r\n // No Reflect, no classes, no need for shim because native custom elements\r\n // require ES2015 classes or Reflect.\r\n window.Reflect === undefined ||\r\n window.customElements === undefined ||\r\n // The webcomponentsjs custom elements polyfill doesn't require\r\n // ES2015-compatible construction (`super()` or `Reflect.construct`).\r\n window.customElements.hasOwnProperty('polyfillWrapFlushCallback')\r\n ) {\r\n return;\r\n }\r\n const BuiltInHTMLElement = HTMLElement;\r\n window.HTMLElement = function HTMLElement() {\r\n return Reflect.construct(BuiltInHTMLElement, [], this.constructor);\r\n };\r\n HTMLElement.prototype = BuiltInHTMLElement.prototype;\r\n HTMLElement.prototype.constructor = HTMLElement;\r\n Object.setPrototypeOf(HTMLElement, BuiltInHTMLElement);\r\n })();\r\n\r\n\r\n\r\nexport function cssToDom(css) {\r\n const node = document.createElement('style')\r\n node.innerText = css\r\n return node\r\n}\r\n\r\n\r\nexport function npn(str) {\r\n return str.replace(/-(\\w)/g, function ($, $1) {\r\n return $1.toUpperCase();\r\n });\r\n}\r\n\r\nexport function extend(obj, props) {\r\n\tfor (let i in props) obj[i] = props[i];\r\n\treturn obj;\r\n}\r\n\r\n/** Invoke or update a ref, depending on whether it is a function or object ref.\r\n * @param {object|function} [ref=null]\r\n * @param {any} [value]\r\n */\r\nexport function applyRef(ref, value) {\r\n\tif (ref!=null) {\r\n\t\tif (typeof ref=='function') ref(value);\r\n\t\telse ref.current = value;\r\n\t}\r\n}\r\n\r\n/**\r\n * Call a function asynchronously, as soon as possible. Makes\r\n * use of HTML Promise to schedule the callback if available,\r\n * otherwise falling back to `setTimeout` (mainly for IE<11).\r\n * @type {(callback: function) => void}\r\n */\r\nexport const defer = typeof Promise=='function' ? Promise.resolve().then.bind(Promise.resolve()) : setTimeout;\r\n\r\nexport function isArray(obj){\r\n return Object.prototype.toString.call(obj) === '[object Array]'\r\n}\r\n\r\nexport function nProps(props){\r\n if(!props || isArray(props)) return {}\r\n const result = {}\r\n Object.keys(props).forEach(key =>{\r\n result[key] = props[key].value \r\n })\r\n return result\r\n}\r\n","import { extend } from '../util';\r\n\r\n\r\n/**\r\n * Check if two nodes are equivalent.\r\n *\r\n * @param {Node} node\t\t\tDOM Node to compare\r\n * @param {VNode} vnode\t\t\tVirtual DOM node to compare\r\n * @param {boolean} [hydrating=false]\tIf true, ignores component constructors when comparing.\r\n * @private\r\n */\r\nexport function isSameNodeType(node, vnode, hydrating) {\r\n\tif (typeof vnode==='string' || typeof vnode==='number') {\r\n\t\treturn node.splitText!==undefined;\r\n\t}\r\n\tif (typeof vnode.nodeName==='string') {\r\n\t\treturn !node._componentConstructor && isNamedNode(node, vnode.nodeName);\r\n\t}\r\n\treturn hydrating || node._componentConstructor===vnode.nodeName;\r\n}\r\n\r\n\r\n/**\r\n * Check if an Element has a given nodeName, case-insensitively.\r\n *\r\n * @param {Element} node\tA DOM Element to inspect the name of.\r\n * @param {String} nodeName\tUnnormalized name to compare against.\r\n */\r\nexport function isNamedNode(node, nodeName) {\r\n\treturn node.normalizedNodeName===nodeName || node.nodeName.toLowerCase()===nodeName.toLowerCase();\r\n}\r\n\r\n\r\n/**\r\n * Reconstruct Component-style `props` from a VNode.\r\n * Ensures default/fallback values from `defaultProps`:\r\n * Own-properties of `defaultProps` not present in `vnode.attributes` are added.\r\n *\r\n * @param {VNode} vnode\r\n * @returns {Object} props\r\n */\r\nexport function getNodeProps(vnode) {\r\n\tlet props = extend({}, vnode.attributes);\r\n\tprops.children = vnode.children;\r\n\r\n\tlet defaultProps = vnode.nodeName.defaultProps;\r\n\tif (defaultProps!==undefined) {\r\n\t\tfor (let i in defaultProps) {\r\n\t\t\tif (props[i]===undefined) {\r\n\t\t\t\tprops[i] = defaultProps[i];\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\treturn props;\r\n}\r\n","import { IS_NON_DIMENSIONAL } from '../constants';\r\nimport { applyRef } from '../util';\r\nimport options from '../options';\r\nimport { npn } from '../util'\r\n\r\n/**\r\n * A DOM event listener\r\n * @typedef {(e: Event) => void} EventListner\r\n */\r\n\r\n/**\r\n * A mapping of event types to event listeners\r\n * @typedef {Object.} EventListenerMap\r\n */\r\n\r\n/**\r\n * Properties Preact adds to elements it creates\r\n * @typedef PreactElementExtensions\r\n * @property {string} [normalizedNodeName] A normalized node name to use in diffing\r\n * @property {EventListenerMap} [_listeners] A map of event listeners added by components to this DOM node\r\n * @property {import('../component').Component} [_component] The component that rendered this DOM node\r\n * @property {function} [_componentConstructor] The constructor of the component that rendered this DOM node\r\n */\r\n\r\n/**\r\n * A DOM element that has been extended with Preact properties\r\n * @typedef {Element & ElementCSSInlineStyle & PreactElementExtensions} PreactElement\r\n */\r\n\r\n/**\r\n * Create an element with the given nodeName.\r\n * @param {string} nodeName The DOM node to create\r\n * @param {boolean} [isSvg=false] If `true`, creates an element within the SVG\r\n * namespace.\r\n * @returns {PreactElement} The created DOM node\r\n */\r\nexport function createNode(nodeName, isSvg) {\r\n\t/** @type {PreactElement} */\r\n\tlet node = isSvg ? document.createElementNS('http://www.w3.org/2000/svg', nodeName) : document.createElement(nodeName);\r\n\tnode.normalizedNodeName = nodeName;\r\n\treturn node;\r\n}\r\n\r\n\r\n/**\r\n * Remove a child node from its parent if attached.\r\n * @param {Node} node The node to remove\r\n */\r\nexport function removeNode(node) {\r\n\tlet parentNode = node.parentNode;\r\n\tif (parentNode) parentNode.removeChild(node);\r\n}\r\n\r\n\r\n/**\r\n * Set a named attribute on the given Node, with special behavior for some names\r\n * and event handlers. If `value` is `null`, the attribute/handler will be\r\n * removed.\r\n * @param {PreactElement} node An element to mutate\r\n * @param {string} name The name/key to set, such as an event or attribute name\r\n * @param {*} old The last value that was set for this name/node pair\r\n * @param {*} value An attribute value, such as a function to be used as an\r\n * event handler\r\n * @param {boolean} isSvg Are we currently diffing inside an svg?\r\n * @private\r\n */\r\nexport function setAccessor(node, name, old, value, isSvg) {\r\n\tif (name==='className') name = 'class';\r\n\r\n\r\n\tif (name==='key') {\r\n\t\t// ignore\r\n\t}\r\n\telse if (name==='ref') {\r\n\t\tapplyRef(old, null);\r\n\t\tapplyRef(value, node);\r\n\t}\r\n\telse if (name==='class' && !isSvg) {\r\n\t\tnode.className = value || '';\r\n\t}\r\n\telse if (name==='style') {\r\n\t\tif (!value || typeof value==='string' || typeof old==='string') {\r\n\t\t\tnode.style.cssText = value || '';\r\n\t\t}\r\n\t\tif (value && typeof value==='object') {\r\n\t\t\tif (typeof old!=='string') {\r\n\t\t\t\tfor (let i in old) if (!(i in value)) node.style[i] = '';\r\n\t\t\t}\r\n\t\t\tfor (let i in value) {\r\n\t\t\t\tnode.style[i] = typeof value[i]==='number' && IS_NON_DIMENSIONAL.test(i)===false ? (value[i]+'px') : value[i];\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\telse if (name==='dangerouslySetInnerHTML') {\r\n\t\tif (value) node.innerHTML = value.__html || '';\r\n\t}\r\n\telse if (name[0]=='o' && name[1]=='n') {\r\n\t\tlet useCapture = name !== (name=name.replace(/Capture$/, ''));\r\n\t\tname = name.toLowerCase().substring(2);\r\n\t\tif (value) {\r\n\t\t\tif (!old) node.addEventListener(name, eventProxy, useCapture);\r\n\t\t}\r\n\t\telse {\r\n\t\t\tnode.removeEventListener(name, eventProxy, useCapture);\r\n\t\t}\r\n\t\t(node._listeners || (node._listeners = {}))[name] = value;\r\n\t}\r\n\telse if (name!=='list' && name!=='type' && !isSvg && name in node) {\r\n\t\t// Attempt to set a DOM property to the given value.\r\n\t\t// IE & FF throw for certain property-value combinations.\r\n\t\ttry {\r\n\t\t\tnode[name] = value==null ? '' : value;\r\n\t\t} catch (e) { }\r\n\t\tif ((value==null || value===false) && name!='spellcheck') node.removeAttribute(name);\r\n\t}\r\n\telse {\r\n\t\tlet ns = isSvg && (name !== (name = name.replace(/^xlink:?/, '')));\r\n\t\t// spellcheck is treated differently than all other boolean values and\r\n\t\t// should not be removed when the value is `false`. See:\r\n\t\t// https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-spellcheck\r\n\t\tif (value==null || value===false) {\r\n\t\t\tif (ns) node.removeAttributeNS('http://www.w3.org/1999/xlink', name.toLowerCase());\r\n\t\t\telse node.removeAttribute(name);\r\n\t\t}\r\n\t\telse if (typeof value!=='function') {\r\n\t\t\tif (ns) {\r\n\t\t\t\tnode.setAttributeNS('http://www.w3.org/1999/xlink', name.toLowerCase(), value);\r\n\t\t\t\tnode.props[npn(name.toLowerCase())] = value;\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tnode.setAttribute(name, value);\r\n\t\t\t\tnode.props[npn(name)] = value;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n\r\n/**\r\n * Proxy an event to hooked event handlers\r\n * @param {Event} e The event object from the browser\r\n * @private\r\n */\r\nfunction eventProxy(e) {\r\n\treturn this._listeners[e.type](options.event && options.event(e) || e);\r\n}","import { ATTR_KEY } from '../constants';\r\nimport { isSameNodeType, isNamedNode } from './index';\r\nimport { createNode, setAccessor } from '../dom/index';\r\nimport { npn } from '../util'\r\nimport { removeNode } from '../dom/index';\r\n\r\n/** Queue of components that have been mounted and are awaiting componentDidMount */\r\nexport const mounts = [];\r\n\r\n/** Diff recursion count, used to track the end of the diff cycle. */\r\nexport let diffLevel = 0;\r\n\r\n/** Global flag indicating if the diff is currently within an SVG */\r\nlet isSvgMode = false;\r\n\r\n/** Global flag indicating if the diff is performing hydration */\r\nlet hydrating = false;\r\n\r\n\r\n\r\n\r\n/** Apply differences in a given vnode (and it's deep children) to a real DOM Node.\r\n *\t@param {Element} [dom=null]\t\tA DOM node to mutate into the shape of the `vnode`\r\n *\t@param {VNode} vnode\t\t\tA VNode (with descendants forming a tree) representing the desired DOM structure\r\n *\t@returns {Element} dom\t\t\tThe created/mutated element\r\n *\t@private\r\n */\r\nexport function diff(dom, vnode, context, mountAll, parent, componentRoot) {\r\n\t// diffLevel having been 0 here indicates initial entry into the diff (not a subdiff)\r\n\tif (!diffLevel++) {\r\n\t\t// when first starting the diff, check if we're diffing an SVG or within an SVG\r\n\t\tisSvgMode = parent!=null && parent.ownerSVGElement!==undefined;\r\n\r\n\t\t// hydration is indicated by the existing element to be diffed not having a prop cache\r\n\t\thydrating = dom!=null && !(ATTR_KEY in dom);\r\n\t}\r\n\r\n\tlet ret = idiff(dom, vnode, context, mountAll, componentRoot);\r\n\r\n\t// append the element if its a new parent\r\n\tif (parent && ret.parentNode!==parent) parent.appendChild(ret);\r\n\r\n\t// diffLevel being reduced to 0 means we're exiting the diff\r\n\tif (!--diffLevel) {\r\n\t\thydrating = false;\r\n\t\t// invoke queued componentDidMount lifecycle methods\r\n\t\t\r\n\t}\r\n\r\n\treturn ret;\r\n}\r\n\r\n\r\n/** Internals of `diff()`, separated to allow bypassing diffLevel / mount flushing. */\r\nfunction idiff(dom, vnode, context, mountAll, componentRoot) {\r\n\tlet out = dom,\r\n\t\tprevSvgMode = isSvgMode;\r\n\r\n\t// empty values (null, undefined, booleans) render as empty Text nodes\r\n\tif (vnode==null || typeof vnode==='boolean') vnode = '';\r\n\r\n\r\n\t// Fast case: Strings & Numbers create/update Text nodes.\r\n\tif (typeof vnode==='string' || typeof vnode==='number') {\r\n\r\n\t\t// update if it's already a Text node:\r\n\t\tif (dom && dom.splitText!==undefined && dom.parentNode && (!dom._component || componentRoot)) {\r\n\t\t\t/* istanbul ignore if */ /* Browser quirk that can't be covered: https://github.com/developit/preact/commit/fd4f21f5c45dfd75151bd27b4c217d8003aa5eb9 */\r\n\t\t\tif (dom.nodeValue!=vnode) {\r\n\t\t\t\tdom.nodeValue = vnode;\r\n\t\t\t}\r\n\t\t}\r\n\t\telse {\r\n\t\t\t// it wasn't a Text node: replace it with one and recycle the old Element\r\n\t\t\tout = document.createTextNode(vnode);\r\n\t\t\tif (dom) {\r\n\t\t\t\tif (dom.parentNode) dom.parentNode.replaceChild(out, dom);\r\n\t\t\t\trecollectNodeTree(dom, true);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tout[ATTR_KEY] = true;\r\n\r\n\t\treturn out;\r\n\t}\r\n\r\n\r\n\t// If the VNode represents a Component, perform a component diff:\r\n\tlet vnodeName = vnode.nodeName;\r\n\t\r\n\r\n\t// Tracks entering and exiting SVG namespace when descending through the tree.\r\n\tisSvgMode = vnodeName==='svg' ? true : vnodeName==='foreignObject' ? false : isSvgMode;\r\n\r\n\r\n\t// If there's no existing element or it's the wrong type, create a new one:\r\n\tvnodeName = String(vnodeName);\r\n\tif (!dom || !isNamedNode(dom, vnodeName)) {\r\n\t\tout = createNode(vnodeName, isSvgMode);\r\n\r\n\t\tif (dom) {\r\n\t\t\t// move children into the replacement node\r\n\t\t\twhile (dom.firstChild) out.appendChild(dom.firstChild);\r\n\r\n\t\t\t// if the previous Element was mounted into the DOM, replace it inline\r\n\t\t\tif (dom.parentNode) dom.parentNode.replaceChild(out, dom);\r\n\r\n\t\t\t// recycle the old element (skips non-Element node types)\r\n\t\t\trecollectNodeTree(dom, true);\r\n\t\t}\r\n\t}\r\n\r\n\r\n\tlet fc = out.firstChild,\r\n\t\tprops = out[ATTR_KEY],\r\n\t\tvchildren = vnode.children;\r\n\r\n\tif (props==null) {\r\n\t\tprops = out[ATTR_KEY] = {};\r\n\t\tfor (let a=out.attributes, i=a.length; i--; ) props[a[i].name] = a[i].value;\r\n\t}\r\n\r\n\t// Optimization: fast-path for elements containing a single TextNode:\r\n\tif (!hydrating && vchildren && vchildren.length===1 && typeof vchildren[0]==='string' && fc!=null && fc.splitText!==undefined && fc.nextSibling==null) {\r\n\t\tif (fc.nodeValue!=vchildren[0]) {\r\n\t\t\tfc.nodeValue = vchildren[0];\r\n\t\t}\r\n\t}\r\n\t// otherwise, if there are existing or new children, diff them:\r\n\telse if (vchildren && vchildren.length || fc!=null) {\r\n\t\tinnerDiffNode(out, vchildren, context, mountAll, hydrating || props.dangerouslySetInnerHTML!=null);\r\n\t}\r\n\r\n\r\n\t// Apply attributes/props from VNode to the DOM Element:\r\n\tdiffAttributes(out, vnode.attributes, props);\r\n\r\n\r\n\t// restore previous SVG mode: (in case we're exiting an SVG namespace)\r\n\tisSvgMode = prevSvgMode;\r\n\r\n\treturn out;\r\n}\r\n\r\n\r\n/** Apply child and attribute changes between a VNode and a DOM Node to the DOM.\r\n *\t@param {Element} dom\t\t\tElement whose children should be compared & mutated\r\n *\t@param {Array} vchildren\t\tArray of VNodes to compare to `dom.childNodes`\r\n *\t@param {Object} context\t\t\tImplicitly descendant context object (from most recent `getChildContext()`)\r\n *\t@param {Boolean} mountAll\r\n *\t@param {Boolean} isHydrating\tIf `true`, consumes externally created elements similar to hydration\r\n */\r\nfunction innerDiffNode(dom, vchildren, context, mountAll, isHydrating) {\r\n\tlet originalChildren = dom.childNodes,\r\n\t\tchildren = [],\r\n\t\tkeyed = {},\r\n\t\tkeyedLen = 0,\r\n\t\tmin = 0,\r\n\t\tlen = originalChildren.length,\r\n\t\tchildrenLen = 0,\r\n\t\tvlen = vchildren ? vchildren.length : 0,\r\n\t\tj, c, f, vchild, child;\r\n\r\n\t// Build up a map of keyed children and an Array of unkeyed children:\r\n\tif (len!==0) {\r\n\t\tfor (let i=0; i 2; ) {\r\n\t\tstack.push(arguments[i]);\r\n\t}\r\n\tif (attributes && attributes.children!=null) {\r\n\t\tif (!stack.length) stack.push(attributes.children);\r\n\t\tdelete attributes.children;\r\n\t}\r\n\twhile (stack.length) {\r\n\t\tif ((child = stack.pop()) && child.pop!==undefined) {\r\n\t\t\tfor (i=child.length; i--; ) stack.push(child[i]);\r\n\t\t}\r\n\t\telse {\r\n\t\t\tif (typeof child==='boolean') child = null;\r\n\r\n\t\t\tif ((simple = typeof nodeName!=='function')) {\r\n\t\t\t\tif (child==null) child = '';\r\n\t\t\t\telse if (typeof child==='number') child = String(child);\r\n\t\t\t\telse if (typeof child!=='string') simple = false;\r\n\t\t\t}\r\n\r\n\t\t\tif (simple && lastSimple) {\r\n\t\t\t\tchildren[children.length-1] += child;\r\n\t\t\t}\r\n\t\t\telse if (children===EMPTY_CHILDREN) {\r\n\t\t\t\tchildren = [child];\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tchildren.push(child);\r\n\t\t\t}\r\n\r\n\t\t\tlastSimple = simple;\r\n\t\t}\r\n\t}\r\n\r\n\tlet p = new VNode();\r\n\tp.nodeName = nodeName;\r\n\tp.children = children;\r\n\tp.attributes = attributes==null ? undefined : attributes;\r\n\tp.key = attributes==null ? undefined : attributes.key;\r\n\r\n\t// if a \"vnode hook\" is defined, pass every created VNode to it\r\n\tif (options.vnode!==undefined) options.vnode(p);\r\n\r\n\treturn p;\r\n}","/**\r\n * @license\r\n * Copyright (c) 2016 The Polymer Project Authors. All rights reserved.\r\n * This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt\r\n * The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt\r\n * The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt\r\n * Code distributed by Google as part of the polymer project is also\r\n * subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt\r\n */\r\n\r\n/**\r\n * This shim allows elements written in, or compiled to, ES5 to work on native\r\n * implementations of Custom Elements v1. It sets new.target to the value of\r\n * this.constructor so that the native HTMLElement constructor can access the\r\n * current under-construction element's definition.\r\n */\r\n(function() {\r\n if (\r\n // No Reflect, no classes, no need for shim because native custom elements\r\n // require ES2015 classes or Reflect.\r\n window.Reflect === undefined ||\r\n window.customElements === undefined ||\r\n // The webcomponentsjs custom elements polyfill doesn't require\r\n // ES2015-compatible construction (`super()` or `Reflect.construct`).\r\n window.customElements.hasOwnProperty('polyfillWrapFlushCallback')\r\n ) {\r\n return;\r\n }\r\n const BuiltInHTMLElement = HTMLElement;\r\n window.HTMLElement = function HTMLElement() {\r\n return Reflect.construct(BuiltInHTMLElement, [], this.constructor);\r\n };\r\n HTMLElement.prototype = BuiltInHTMLElement.prototype;\r\n HTMLElement.prototype.constructor = HTMLElement;\r\n Object.setPrototypeOf(HTMLElement, BuiltInHTMLElement);\r\n })();\r\n\r\n\r\n\r\nexport function cssToDom(css) {\r\n const node = document.createElement('style')\r\n node.innerText = css\r\n return node\r\n}\r\n\r\n\r\nexport function npn(str) {\r\n return str.replace(/-(\\w)/g, function ($, $1) {\r\n return $1.toUpperCase();\r\n });\r\n}\r\n\r\nexport function extend(obj, props) {\r\n\tfor (let i in props) obj[i] = props[i];\r\n\treturn obj;\r\n}\r\n\r\n/** Invoke or update a ref, depending on whether it is a function or object ref.\r\n * @param {object|function} [ref=null]\r\n * @param {any} [value]\r\n */\r\nexport function applyRef(ref, value) {\r\n\tif (ref!=null) {\r\n\t\tif (typeof ref=='function') ref(value);\r\n\t\telse ref.current = value;\r\n\t}\r\n}\r\n\r\n/**\r\n * Call a function asynchronously, as soon as possible. Makes\r\n * use of HTML Promise to schedule the callback if available,\r\n * otherwise falling back to `setTimeout` (mainly for IE<11).\r\n * @type {(callback: function) => void}\r\n */\r\nexport const defer = typeof Promise=='function' ? Promise.resolve().then.bind(Promise.resolve()) : setTimeout;\r\n\r\nexport function isArray(obj){\r\n return Object.prototype.toString.call(obj) === '[object Array]'\r\n}\r\n\r\nexport function nProps(props){\r\n if(!props || isArray(props)) return {}\r\n const result = {}\r\n Object.keys(props).forEach(key =>{\r\n result[key] = props[key].value \r\n })\r\n return result\r\n}\r\n","import { extend } from '../util';\r\n\r\n\r\n/**\r\n * Check if two nodes are equivalent.\r\n *\r\n * @param {Node} node\t\t\tDOM Node to compare\r\n * @param {VNode} vnode\t\t\tVirtual DOM node to compare\r\n * @param {boolean} [hydrating=false]\tIf true, ignores component constructors when comparing.\r\n * @private\r\n */\r\nexport function isSameNodeType(node, vnode, hydrating) {\r\n\tif (typeof vnode==='string' || typeof vnode==='number') {\r\n\t\treturn node.splitText!==undefined;\r\n\t}\r\n\tif (typeof vnode.nodeName==='string') {\r\n\t\treturn !node._componentConstructor && isNamedNode(node, vnode.nodeName);\r\n\t}\r\n\treturn hydrating || node._componentConstructor===vnode.nodeName;\r\n}\r\n\r\n\r\n/**\r\n * Check if an Element has a given nodeName, case-insensitively.\r\n *\r\n * @param {Element} node\tA DOM Element to inspect the name of.\r\n * @param {String} nodeName\tUnnormalized name to compare against.\r\n */\r\nexport function isNamedNode(node, nodeName) {\r\n\treturn node.normalizedNodeName===nodeName || node.nodeName.toLowerCase()===nodeName.toLowerCase();\r\n}\r\n\r\n\r\n/**\r\n * Reconstruct Component-style `props` from a VNode.\r\n * Ensures default/fallback values from `defaultProps`:\r\n * Own-properties of `defaultProps` not present in `vnode.attributes` are added.\r\n *\r\n * @param {VNode} vnode\r\n * @returns {Object} props\r\n */\r\nexport function getNodeProps(vnode) {\r\n\tlet props = extend({}, vnode.attributes);\r\n\tprops.children = vnode.children;\r\n\r\n\tlet defaultProps = vnode.nodeName.defaultProps;\r\n\tif (defaultProps!==undefined) {\r\n\t\tfor (let i in defaultProps) {\r\n\t\t\tif (props[i]===undefined) {\r\n\t\t\t\tprops[i] = defaultProps[i];\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\treturn props;\r\n}\r\n","import { IS_NON_DIMENSIONAL } from '../constants';\r\nimport { applyRef } from '../util';\r\nimport options from '../options';\r\nimport { npn } from '../util'\r\n\r\n/**\r\n * A DOM event listener\r\n * @typedef {(e: Event) => void} EventListner\r\n */\r\n\r\n/**\r\n * A mapping of event types to event listeners\r\n * @typedef {Object.} EventListenerMap\r\n */\r\n\r\n/**\r\n * Properties Preact adds to elements it creates\r\n * @typedef PreactElementExtensions\r\n * @property {string} [normalizedNodeName] A normalized node name to use in diffing\r\n * @property {EventListenerMap} [_listeners] A map of event listeners added by components to this DOM node\r\n * @property {import('../component').Component} [_component] The component that rendered this DOM node\r\n * @property {function} [_componentConstructor] The constructor of the component that rendered this DOM node\r\n */\r\n\r\n/**\r\n * A DOM element that has been extended with Preact properties\r\n * @typedef {Element & ElementCSSInlineStyle & PreactElementExtensions} PreactElement\r\n */\r\n\r\n/**\r\n * Create an element with the given nodeName.\r\n * @param {string} nodeName The DOM node to create\r\n * @param {boolean} [isSvg=false] If `true`, creates an element within the SVG\r\n * namespace.\r\n * @returns {PreactElement} The created DOM node\r\n */\r\nexport function createNode(nodeName, isSvg) {\r\n\t/** @type {PreactElement} */\r\n\tlet node = isSvg ? document.createElementNS('http://www.w3.org/2000/svg', nodeName) : document.createElement(nodeName);\r\n\tnode.normalizedNodeName = nodeName;\r\n\treturn node;\r\n}\r\n\r\n\r\n/**\r\n * Remove a child node from its parent if attached.\r\n * @param {Node} node The node to remove\r\n */\r\nexport function removeNode(node) {\r\n\tlet parentNode = node.parentNode;\r\n\tif (parentNode) parentNode.removeChild(node);\r\n}\r\n\r\n\r\n/**\r\n * Set a named attribute on the given Node, with special behavior for some names\r\n * and event handlers. If `value` is `null`, the attribute/handler will be\r\n * removed.\r\n * @param {PreactElement} node An element to mutate\r\n * @param {string} name The name/key to set, such as an event or attribute name\r\n * @param {*} old The last value that was set for this name/node pair\r\n * @param {*} value An attribute value, such as a function to be used as an\r\n * event handler\r\n * @param {boolean} isSvg Are we currently diffing inside an svg?\r\n * @private\r\n */\r\nexport function setAccessor(node, name, old, value, isSvg) {\r\n\tif (name==='className') name = 'class';\r\n\r\n\r\n\tif (name==='key') {\r\n\t\t// ignore\r\n\t}\r\n\telse if (name==='ref') {\r\n\t\tapplyRef(old, null);\r\n\t\tapplyRef(value, node);\r\n\t}\r\n\telse if (name==='class' && !isSvg) {\r\n\t\tnode.className = value || '';\r\n\t}\r\n\telse if (name==='style') {\r\n\t\tif (!value || typeof value==='string' || typeof old==='string') {\r\n\t\t\tnode.style.cssText = value || '';\r\n\t\t}\r\n\t\tif (value && typeof value==='object') {\r\n\t\t\tif (typeof old!=='string') {\r\n\t\t\t\tfor (let i in old) if (!(i in value)) node.style[i] = '';\r\n\t\t\t}\r\n\t\t\tfor (let i in value) {\r\n\t\t\t\tnode.style[i] = typeof value[i]==='number' && IS_NON_DIMENSIONAL.test(i)===false ? (value[i]+'px') : value[i];\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\telse if (name==='dangerouslySetInnerHTML') {\r\n\t\tif (value) node.innerHTML = value.__html || '';\r\n\t}\r\n\telse if (name[0]=='o' && name[1]=='n') {\r\n\t\tlet useCapture = name !== (name=name.replace(/Capture$/, ''));\r\n\t\tname = name.toLowerCase().substring(2);\r\n\t\tif (value) {\r\n\t\t\tif (!old) node.addEventListener(name, eventProxy, useCapture);\r\n\t\t}\r\n\t\telse {\r\n\t\t\tnode.removeEventListener(name, eventProxy, useCapture);\r\n\t\t}\r\n\t\t(node._listeners || (node._listeners = {}))[name] = value;\r\n\t}\r\n\telse if (name!=='list' && name!=='type' && !isSvg && name in node) {\r\n\t\t// Attempt to set a DOM property to the given value.\r\n\t\t// IE & FF throw for certain property-value combinations.\r\n\t\ttry {\r\n\t\t\tnode[name] = value==null ? '' : value;\r\n\t\t} catch (e) { }\r\n\t\tif ((value==null || value===false) && name!='spellcheck') node.removeAttribute(name);\r\n\t}\r\n\telse {\r\n\t\tlet ns = isSvg && (name !== (name = name.replace(/^xlink:?/, '')));\r\n\t\t// spellcheck is treated differently than all other boolean values and\r\n\t\t// should not be removed when the value is `false`. See:\r\n\t\t// https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-spellcheck\r\n\t\tif (value==null || value===false) {\r\n\t\t\tif (ns) node.removeAttributeNS('http://www.w3.org/1999/xlink', name.toLowerCase());\r\n\t\t\telse node.removeAttribute(name);\r\n\t\t}\r\n\t\telse if (typeof value!=='function') {\r\n\t\t\tif (ns) {\r\n\t\t\t\tnode.setAttributeNS('http://www.w3.org/1999/xlink', name.toLowerCase(), value);\r\n\t\t\t\tnode.props[npn(name.toLowerCase())] = value;\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tnode.setAttribute(name, value);\r\n\t\t\t\tnode.props[npn(name)] = value;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n\r\n/**\r\n * Proxy an event to hooked event handlers\r\n * @param {Event} e The event object from the browser\r\n * @private\r\n */\r\nfunction eventProxy(e) {\r\n\treturn this._listeners[e.type](options.event && options.event(e) || e);\r\n}","import { ATTR_KEY } from '../constants';\r\nimport { isSameNodeType, isNamedNode } from './index';\r\nimport { createNode, setAccessor } from '../dom/index';\r\nimport { npn } from '../util'\r\nimport { removeNode } from '../dom/index';\r\n\r\n/** Queue of components that have been mounted and are awaiting componentDidMount */\r\nexport const mounts = [];\r\n\r\n/** Diff recursion count, used to track the end of the diff cycle. */\r\nexport let diffLevel = 0;\r\n\r\n/** Global flag indicating if the diff is currently within an SVG */\r\nlet isSvgMode = false;\r\n\r\n/** Global flag indicating if the diff is performing hydration */\r\nlet hydrating = false;\r\n\r\n\r\n\r\n\r\n/** Apply differences in a given vnode (and it's deep children) to a real DOM Node.\r\n *\t@param {Element} [dom=null]\t\tA DOM node to mutate into the shape of the `vnode`\r\n *\t@param {VNode} vnode\t\t\tA VNode (with descendants forming a tree) representing the desired DOM structure\r\n *\t@returns {Element} dom\t\t\tThe created/mutated element\r\n *\t@private\r\n */\r\nexport function diff(dom, vnode, context, mountAll, parent, componentRoot) {\r\n\t// diffLevel having been 0 here indicates initial entry into the diff (not a subdiff)\r\n\tif (!diffLevel++) {\r\n\t\t// when first starting the diff, check if we're diffing an SVG or within an SVG\r\n\t\tisSvgMode = parent!=null && parent.ownerSVGElement!==undefined;\r\n\r\n\t\t// hydration is indicated by the existing element to be diffed not having a prop cache\r\n\t\thydrating = dom!=null && !(ATTR_KEY in dom);\r\n\t}\r\n\r\n\tlet ret = idiff(dom, vnode, context, mountAll, componentRoot);\r\n\r\n\t// append the element if its a new parent\r\n\tif (parent && ret.parentNode!==parent) parent.appendChild(ret);\r\n\r\n\t// diffLevel being reduced to 0 means we're exiting the diff\r\n\tif (!--diffLevel) {\r\n\t\thydrating = false;\r\n\t\t// invoke queued componentDidMount lifecycle methods\r\n\t\t\r\n\t}\r\n\r\n\treturn ret;\r\n}\r\n\r\n\r\n/** Internals of `diff()`, separated to allow bypassing diffLevel / mount flushing. */\r\nfunction idiff(dom, vnode, context, mountAll, componentRoot) {\r\n\tlet out = dom,\r\n\t\tprevSvgMode = isSvgMode;\r\n\r\n\t// empty values (null, undefined, booleans) render as empty Text nodes\r\n\tif (vnode==null || typeof vnode==='boolean') vnode = '';\r\n\r\n\r\n\t// Fast case: Strings & Numbers create/update Text nodes.\r\n\tif (typeof vnode==='string' || typeof vnode==='number') {\r\n\r\n\t\t// update if it's already a Text node:\r\n\t\tif (dom && dom.splitText!==undefined && dom.parentNode && (!dom._component || componentRoot)) {\r\n\t\t\t/* istanbul ignore if */ /* Browser quirk that can't be covered: https://github.com/developit/preact/commit/fd4f21f5c45dfd75151bd27b4c217d8003aa5eb9 */\r\n\t\t\tif (dom.nodeValue!=vnode) {\r\n\t\t\t\tdom.nodeValue = vnode;\r\n\t\t\t}\r\n\t\t}\r\n\t\telse {\r\n\t\t\t// it wasn't a Text node: replace it with one and recycle the old Element\r\n\t\t\tout = document.createTextNode(vnode);\r\n\t\t\tif (dom) {\r\n\t\t\t\tif (dom.parentNode) dom.parentNode.replaceChild(out, dom);\r\n\t\t\t\trecollectNodeTree(dom, true);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tout[ATTR_KEY] = true;\r\n\r\n\t\treturn out;\r\n\t}\r\n\r\n\r\n\t// If the VNode represents a Component, perform a component diff:\r\n\tlet vnodeName = vnode.nodeName;\r\n\t\r\n\r\n\t// Tracks entering and exiting SVG namespace when descending through the tree.\r\n\tisSvgMode = vnodeName==='svg' ? true : vnodeName==='foreignObject' ? false : isSvgMode;\r\n\r\n\r\n\t// If there's no existing element or it's the wrong type, create a new one:\r\n\tvnodeName = String(vnodeName);\r\n\tif (!dom || !isNamedNode(dom, vnodeName)) {\r\n\t\tout = createNode(vnodeName, isSvgMode);\r\n\r\n\t\tif (dom) {\r\n\t\t\t// move children into the replacement node\r\n\t\t\twhile (dom.firstChild) out.appendChild(dom.firstChild);\r\n\r\n\t\t\t// if the previous Element was mounted into the DOM, replace it inline\r\n\t\t\tif (dom.parentNode) dom.parentNode.replaceChild(out, dom);\r\n\r\n\t\t\t// recycle the old element (skips non-Element node types)\r\n\t\t\trecollectNodeTree(dom, true);\r\n\t\t}\r\n\t}\r\n\r\n\r\n\tlet fc = out.firstChild,\r\n\t\tprops = out[ATTR_KEY],\r\n\t\tvchildren = vnode.children;\r\n\r\n\tif (props==null) {\r\n\t\tprops = out[ATTR_KEY] = {};\r\n\t\tfor (let a=out.attributes, i=a.length; i--; ) props[a[i].name] = a[i].value;\r\n\t}\r\n\r\n\t// Optimization: fast-path for elements containing a single TextNode:\r\n\tif (!hydrating && vchildren && vchildren.length===1 && typeof vchildren[0]==='string' && fc!=null && fc.splitText!==undefined && fc.nextSibling==null) {\r\n\t\tif (fc.nodeValue!=vchildren[0]) {\r\n\t\t\tfc.nodeValue = vchildren[0];\r\n\t\t}\r\n\t}\r\n\t// otherwise, if there are existing or new children, diff them:\r\n\telse if (vchildren && vchildren.length || fc!=null) {\r\n\t\tinnerDiffNode(out, vchildren, context, mountAll, hydrating || props.dangerouslySetInnerHTML!=null);\r\n\t}\r\n\r\n\r\n\t// Apply attributes/props from VNode to the DOM Element:\r\n\tdiffAttributes(out, vnode.attributes, props);\r\n\r\n\r\n\t// restore previous SVG mode: (in case we're exiting an SVG namespace)\r\n\tisSvgMode = prevSvgMode;\r\n\r\n\treturn out;\r\n}\r\n\r\n\r\n/** Apply child and attribute changes between a VNode and a DOM Node to the DOM.\r\n *\t@param {Element} dom\t\t\tElement whose children should be compared & mutated\r\n *\t@param {Array} vchildren\t\tArray of VNodes to compare to `dom.childNodes`\r\n *\t@param {Object} context\t\t\tImplicitly descendant context object (from most recent `getChildContext()`)\r\n *\t@param {Boolean} mountAll\r\n *\t@param {Boolean} isHydrating\tIf `true`, consumes externally created elements similar to hydration\r\n */\r\nfunction innerDiffNode(dom, vchildren, context, mountAll, isHydrating) {\r\n\tlet originalChildren = dom.childNodes,\r\n\t\tchildren = [],\r\n\t\tkeyed = {},\r\n\t\tkeyedLen = 0,\r\n\t\tmin = 0,\r\n\t\tlen = originalChildren.length,\r\n\t\tchildrenLen = 0,\r\n\t\tvlen = vchildren ? vchildren.length : 0,\r\n\t\tj, c, f, vchild, child;\r\n\r\n\t// Build up a map of keyed children and an Array of unkeyed children:\r\n\tif (len!==0) {\r\n\t\tfor (let i=0; i= Object.keys(pre).length){\n for (let key in pre) {\n const currentValue = current[key]\n if (currentValue === undefined) {\n current[key] = null\n } else {\n syncKeys(currentValue, pre[key])\n }\n }\n }\n } else if (rootCurrentType == ARRAYTYPE && rootPreType == ARRAYTYPE) {\n if (current.length >= pre.length) {\n pre.forEach((item, index) => {\n syncKeys(current[index], item)\n })\n }\n }\n}\n\nfunction _diff(current, pre, path, result) {\n if (current === pre) return\n const rootCurrentType = type(current)\n const rootPreType = type(pre)\n if (rootCurrentType == OBJECTTYPE) {\n if (rootPreType != OBJECTTYPE || Object.keys(current).length < Object.keys(pre).length) {\n setResult(result, path, current)\n } else {\n for (let key in current) {\n const currentValue = current[key]\n const preValue = pre[key]\n const currentType = type(currentValue)\n const preType = type(preValue)\n if (currentType != ARRAYTYPE && currentType != OBJECTTYPE) {\n if (currentValue != pre[key]) {\n setResult(result, (path == '' ? '' : path + \".\") + key, currentValue)\n }\n } else if (currentType == ARRAYTYPE) {\n if (preType != ARRAYTYPE) {\n setResult(result, (path == '' ? '' : path + \".\") + key, currentValue)\n } else {\n if (currentValue.length < preValue.length) {\n setResult(result, (path == '' ? '' : path + \".\") + key, currentValue)\n } else {\n currentValue.forEach((item, index) => {\n _diff(item, preValue[index], (path == '' ? '' : path + \".\") + key + '[' + index + ']', result)\n })\n }\n }\n } else if (currentType == OBJECTTYPE) {\n if (preType != OBJECTTYPE || Object.keys(currentValue).length < Object.keys(preValue).length) {\n setResult(result, (path == '' ? '' : path + \".\") + key, currentValue)\n } else {\n for (let subKey in currentValue) {\n _diff(currentValue[subKey], preValue[subKey], (path == '' ? '' : path + \".\") + key + '.' + subKey, result)\n }\n }\n }\n }\n }\n } else if (rootCurrentType == ARRAYTYPE) {\n if (rootPreType != ARRAYTYPE) {\n setResult(result, path, current)\n } else {\n if (current.length < pre.length) {\n setResult(result, path, current)\n } else {\n current.forEach((item, index) => {\n _diff(item, pre[index], path + '[' + index + ']', result)\n })\n }\n }\n } else {\n setResult(result, path, current)\n }\n}\n\nfunction setResult(result, k, v) {\n if (type(v) != FUNCTIONTYPE) {\n result[k] = v\n }\n}\n\nfunction type(obj) {\n return Object.prototype.toString.call(obj)\n}","\r\nimport { diff } from './vdom/diff'\r\nimport options from './options'\r\nimport jsonDiff from './json-diff'\r\n\r\nexport function render(vnode, parent, store) {\r\n\tparent = typeof parent === 'string' ? document.querySelector(parent) : parent\r\n\tif(store){\r\n\t\tstore.instances = []\r\n\t\textendStoreUpate(store)\r\n\t\toptions.store = store\r\n\t\tstore.originData = JSON.parse(JSON.stringify(store.data))\t\r\n\t}\r\n\tdiff(null, vnode, {}, false, parent, false)\r\n} \r\n\r\nfunction extendStoreUpate(store){\r\n\tstore.update = function(){\r\n\t\tlet diffResult = jsonDiff(this.data, this.originData)\r\n\t\tif (Object.keys(diffResult)[0] == '') {\r\n\t\t\tdiffResult = diffResult['']\r\n\t\t}\r\n\t\tconst updateAll = matchGlobalData(this.globalData, diffResult)\r\n\t\tif (Object.keys(diffResult).length > 0) {\r\n\t\t\tthis.instances.forEach(instance => {\r\n\t\t\t\tif(updateAll || this.updateAll || instance.constructor.updatePath && needUpdate(diffResult, instance.constructor.updatePath)){\r\n\t\t\t\t\tinstance.update()\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t\tthis.onChange && this.onChange(diffResult)\r\n\t\t\tfor (let key in diffResult) {\r\n\t\t\t\tupdateByPath(this.originData, key, typeof diffResult[key] === 'object' ? JSON.parse(JSON.stringify(diffResult[key])) : diffResult[key])\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\nfunction matchGlobalData(globalData, diffResult) {\r\n\tif(!globalData) return false\r\n for (let keyA in diffResult) {\r\n if (globalData.indexOf(keyA) > -1) {\r\n return true\r\n }\r\n for (let i = 0, len = globalData.length; i < len; i++) {\r\n if (includePath(keyA, globalData[i])) {\r\n return true\r\n }\r\n }\r\n }\r\n return false\r\n}\r\n\r\nfunction needUpdate(diffResult, updatePath){\r\n for(let keyA in diffResult){\r\n if(updatePath[keyA]){\r\n return true\r\n }\r\n for(let keyB in updatePath){\r\n if(includePath(keyA, keyB)){\r\n return true\r\n }\r\n }\r\n }\r\n return false\r\n}\r\n\r\nfunction includePath(pathA, pathB){\r\n if(pathA.indexOf(pathB)===0){\r\n const next = pathA.substr(pathB.length, 1)\r\n if(next === '['||next === '.'){\r\n return true\r\n }\r\n }\r\n return false\r\n}\r\n\r\nfunction updateByPath(origin, path, value) {\r\n const arr = path.replace(/]/g, '').replace(/\\[/g, '.').split('.')\r\n let current = origin\r\n for (let i = 0, len = arr.length; i < len; i++) {\r\n if (i === len - 1) {\r\n current[arr[i]] = value\r\n } else {\r\n current = current[arr[i]]\r\n }\r\n }\r\n}\r\n","const OBJECTTYPE = '[object Object]'\r\n\r\nexport function define(name, ctor) {\r\n customElements.define(name, ctor)\r\n if (ctor.data) {\r\n ctor.updatePath = getUpdatePath(ctor.data)\r\n }\r\n}\r\n\r\nfunction getUpdatePath(data) {\r\n const result = {}\r\n dataToPath(data, result)\r\n return result\r\n}\r\n\r\nfunction dataToPath(data, result) {\r\n Object.keys(data).forEach(key => {\r\n result[key] = true\r\n const type = Object.prototype.toString.call(data[key])\r\n if (type === OBJECTTYPE) {\r\n _dataToPath(data[key], key, result)\r\n }\r\n })\r\n}\r\n\r\nfunction _dataToPath(data, path, result) {\r\n Object.keys(data).forEach(key => {\r\n result[path + '.' + key] = true\r\n const type = Object.prototype.toString.call(data[key])\r\n if (type === OBJECTTYPE) {\r\n _dataToPath(data[key], path + '.' + key, result)\r\n }\r\n })\r\n}","function getGlobal() {\r\n\tif (typeof global !== 'object' || !global || global.Math !== Math || global.Array !== Array) {\r\n\t\tif (typeof self !== 'undefined') {\r\n\t\t\treturn self;\r\n\t\t} else if (typeof window !== 'undefined') {\r\n\t\t\treturn window;\r\n\t\t} else if (typeof global !== 'undefined') {\r\n\t\t\treturn global;\r\n\t\t}\r\n\t\treturn (function(){\r\n\t\t\treturn this;\r\n\t\t})();\r\n\t\t\r\n\t}\r\n\treturn global;\r\n}\r\n\r\n/** Global options\r\n *\t@public\r\n *\t@namespace options {Object}\r\n */\r\nexport default {\r\n\r\n\tstore: null,\r\n\t\r\n\troot: getGlobal()\r\n\t//componentChange(component, element) { },\r\n\t/** If `true`, `prop` changes trigger synchronous component updates.\r\n\t *\t@name syncComponentUpdates\r\n\t *\t@type Boolean\r\n\t *\t@default true\r\n\t */\r\n\t//syncComponentUpdates: true,\r\n\r\n\t/** Processes all created VNodes.\r\n\t *\t@param {VNode} vnode\tA newly-created VNode to normalize/process\r\n\t */\r\n\t//vnode(vnode) { }\r\n\r\n\t/** Hook invoked after a component is mounted. */\r\n\t//afterMount(component) { },\r\n\r\n\t/** Hook invoked after the DOM is updated with a component's latest render. */\r\n\t//afterUpdate(component) { }\r\n\r\n\t/** Hook invoked immediately before a component is unmounted. */\r\n\t// beforeUnmount(component) { }\r\n};\r\n","import { h, h as createElement } from './h';\r\nimport options from './options';\r\nimport WeElement from './we-element';\r\nimport { render } from './render';\r\nimport { define } from './define'\r\n\r\nconst instances = [];\r\n\r\noptions.root.Omi = {\r\n\th,\r\n\tcreateElement,\r\n\tWeElement,\r\n\trender,\r\n\toptions,\r\n\tinstances,\r\n\tdefine\r\n};\r\n\r\noptions.root.Omi.version = '4.0.0';\r\n\r\nexport default {\r\n\th,\r\n\tcreateElement,\r\n\tWeElement,\r\n\trender,\r\n\toptions,\r\n\tinstances,\r\n\tdefine\r\n};\r\n\r\nexport {\r\n\th,\r\n\tcreateElement,\r\n\tWeElement,\r\n\trender,\r\n\toptions,\r\n\tinstances,\r\n\tdefine\r\n};\r\n"]} \ No newline at end of file diff --git a/dist/omi.min.js b/dist/omi.min.js index 4c7ef7664..385184fee 100644 --- a/dist/omi.min.js +++ b/dist/omi.min.js @@ -1,2 +1,2 @@ -!function(){"use strict";function e(){}function t(t,n){var o,r,i,l,s=N;for(l=arguments.length;l-- >2;)T.push(arguments[l]);n&&null!=n.children&&(T.length||T.push(n.children),delete n.children);while(T.length)if((r=T.pop())&&void 0!==r.pop)for(l=r.length;l--;)T.push(r[l]);else"boolean"==typeof r&&(r=null),(i="function"!=typeof t)&&(null==r?r="":"number"==typeof r?r+="":"string"!=typeof r&&(i=!1)),i&&o?s[s.length-1]+=r:s===N?s=[r]:s.push(r),o=i;var u=new e;return u.nodeName=t,u.children=s,u.attributes=null==n?void 0:n,u.key=null==n?void 0:n.key,void 0!==E.vnode&&E.vnode(u),u}function n(e){var t=document.createElement("style");return t.innerText=e,t}function o(e){return e.replace(/-(\w)/g,function(e,t){return t.toUpperCase()})}function r(e,t){null!=e&&("function"==typeof e?e(t):e.current=t)}function i(e){return"[object Array]"===Object.prototype.toString.call(e)}function l(e){if(!e||i(e))return{};var t={};return Object.keys(e).forEach(function(n){t[n]=e[n].value}),t}function s(e,t,n){return"string"==typeof t||"number"==typeof t?void 0!==e.splitText:"string"==typeof t.nodeName?!e._componentConstructor&&u(e,t.nodeName):n||e._componentConstructor===t.nodeName}function u(e,t){return e.__n===t||e.nodeName.toLowerCase()===t.toLowerCase()}function a(e,t){var n=t?document.createElementNS("http://www.w3.org/2000/svg",e):document.createElement(e);return n.__n=e,n}function p(e){var t=e.parentNode;t&&t.removeChild(e)}function c(e,t,n,i,l){if("className"===t&&(t="class"),"key"===t);else if("ref"===t)r(n,null),r(i,e);else if("class"!==t||l)if("style"===t){if(i&&"string"!=typeof i&&"string"!=typeof n||(e.style.cssText=i||""),i&&"object"==typeof i){if("string"!=typeof n)for(var s in n)s in i||(e.style[s]="");for(var s in i)e.style[s]="number"==typeof i[s]&&!1===k.test(s)?i[s]+"px":i[s]}}else if("dangerouslySetInnerHTML"===t)i&&(e.innerHTML=i.__html||"");else if("o"==t[0]&&"n"==t[1]){var u=t!==(t=t.replace(/Capture$/,""));t=t.toLowerCase().substring(2),i?n||e.addEventListener(t,f,u):e.removeEventListener(t,f,u),(e.__l||(e.__l={}))[t]=i}else if("list"!==t&&"type"!==t&&!l&&t in e){try{e[t]=null==i?"":i}catch(e){}null!=i&&!1!==i||"spellcheck"==t||e.removeAttribute(t)}else{var a=l&&t!==(t=t.replace(/^xlink:?/,""));null==i||!1===i?a?e.removeAttributeNS("http://www.w3.org/1999/xlink",t.toLowerCase()):e.removeAttribute(t):"function"!=typeof i&&(a?(e.setAttributeNS("http://www.w3.org/1999/xlink",t.toLowerCase(),i),e.props[o(t.toLowerCase())]=i):(e.setAttribute(t,i),e.props[o(t)]=i))}else e.className=i||""}function f(e){return this.__l[e.type](E.event&&E.event(e)||e)}function d(e,t,n,o,r,i){L++||(x=null!=r&&void 0!==r.ownerSVGElement,O=null!=e&&!("__preactattr_"in e));var l=h(e,t,n,o,i);return r&&l.parentNode!==r&&r.appendChild(l),--L||(O=!1),l}function h(e,t,n,o,r){var i=e,l=x;if(null!=t&&"boolean"!=typeof t||(t=""),"string"==typeof t||"number"==typeof t)return e&&void 0!==e.splitText&&e.parentNode&&(!e._component||r)?e.nodeValue!=t&&(e.nodeValue=t):(i=document.createTextNode(t),e&&(e.parentNode&&e.parentNode.replaceChild(i,e),y(e,!0))),i.t=!0,i;var s=t.nodeName;if(x="svg"===s||"foreignObject"!==s&&x,s+="",(!e||!u(e,s))&&(i=a(s,x),e)){while(e.firstChild)i.appendChild(e.firstChild);e.parentNode&&e.parentNode.replaceChild(i,e),y(e,!0)}var p=i.firstChild,c=i.t,f=t.children;if(null==c){c=i.t={};for(var d=i.attributes,h=d.length;h--;)c[d[h].name]=d[h].value}return!O&&f&&1===f.length&&"string"==typeof f[0]&&null!=p&&void 0!==p.splitText&&null==p.nextSibling?p.nodeValue!=f[0]&&(p.nodeValue=f[0]):(f&&f.length||null!=p)&&v(i,f,n,o,O||null!=c.dangerouslySetInnerHTML),b(i,t.attributes,c),x=l,i}function v(e,t,n,o,r){var i,l,u,a,c,f=e.childNodes,d=[],v={},m=0,b=0,w=f.length,g=0,C=t?t.length:0;if(0!==w)for(var _=0;_2;)D.push(arguments[l]);n&&null!=n.children&&(D.length||D.push(n.children),delete n.children);while(D.length)if((r=D.pop())&&void 0!==r.pop)for(l=r.length;l--;)D.push(r[l]);else"boolean"==typeof r&&(r=null),(i="function"!=typeof t)&&(null==r?r="":"number"==typeof r?r+="":"string"!=typeof r&&(i=!1)),i&&o?a[a.length-1]+=r:a===J?a=[r]:a.push(r),o=i;var c=new e;return c.nodeName=t,c.children=a,c.attributes=null==n?void 0:n,c.key=null==n?void 0:n.key,void 0!==U.vnode&&U.vnode(c),c}function n(e){var t=document.createElement("style");return t.innerText=e,t}function o(e){return e.replace(/-(\w)/g,function(e,t){return t.toUpperCase()})}function r(e,t){null!=e&&("function"==typeof e?e(t):e.current=t)}function i(e){return"[object Array]"===Object.prototype.toString.call(e)}function l(e){if(!e||i(e))return{};var t={};return Object.keys(e).forEach(function(n){t[n]=e[n].value}),t}function a(e,t,n){return"string"==typeof t||"number"==typeof t?void 0!==e.splitText:"string"==typeof t.nodeName?!e._componentConstructor&&c(e,t.nodeName):n||e._componentConstructor===t.nodeName}function c(e,t){return e.__n===t||e.nodeName.toLowerCase()===t.toLowerCase()}function s(e,t){var n=t?document.createElementNS("http://www.w3.org/2000/svg",e):document.createElement(e);return n.__n=e,n}function u(e){var t=e.parentNode;t&&t.removeChild(e)}function f(e,t,n,i,l){if("className"===t&&(t="class"),"key"===t);else if("ref"===t)r(n,null),r(i,e);else if("class"!==t||l)if("style"===t){if(i&&"string"!=typeof i&&"string"!=typeof n||(e.style.cssText=i||""),i&&"object"==typeof i){if("string"!=typeof n)for(var a in n)a in i||(e.style[a]="");for(var a in i)e.style[a]="number"==typeof i[a]&&!1===R.test(a)?i[a]+"px":i[a]}}else if("dangerouslySetInnerHTML"===t)i&&(e.innerHTML=i.__html||"");else if("o"==t[0]&&"n"==t[1]){var c=t!==(t=t.replace(/Capture$/,""));t=t.toLowerCase().substring(2),i?n||e.addEventListener(t,p,c):e.removeEventListener(t,p,c),(e.__l||(e.__l={}))[t]=i}else if("list"!==t&&"type"!==t&&!l&&t in e){try{e[t]=null==i?"":i}catch(e){}null!=i&&!1!==i||"spellcheck"==t||e.removeAttribute(t)}else{var s=l&&t!==(t=t.replace(/^xlink:?/,""));null==i||!1===i?s?e.removeAttributeNS("http://www.w3.org/1999/xlink",t.toLowerCase()):e.removeAttribute(t):"function"!=typeof i&&(s?(e.setAttributeNS("http://www.w3.org/1999/xlink",t.toLowerCase(),i),e.props[o(t.toLowerCase())]=i):(e.setAttribute(t,i),e.props[o(t)]=i))}else e.className=i||""}function p(e){return this.__l[e.type](U.event&&U.event(e)||e)}function d(e,t,n,o,r,i){W++||(F=null!=r&&void 0!==r.ownerSVGElement,I=null!=e&&!("__preactattr_"in e));var l=h(e,t,n,o,i);return r&&l.parentNode!==r&&r.appendChild(l),--W||(I=!1),l}function h(e,t,n,o,r){var i=e,l=F;if(null!=t&&"boolean"!=typeof t||(t=""),"string"==typeof t||"number"==typeof t)return e&&void 0!==e.splitText&&e.parentNode&&(!e._component||r)?e.nodeValue!=t&&(e.nodeValue=t):(i=document.createTextNode(t),e&&(e.parentNode&&e.parentNode.replaceChild(i,e),y(e,!0))),i.t=!0,i;var a=t.nodeName;if(F="svg"===a||"foreignObject"!==a&&F,a+="",(!e||!c(e,a))&&(i=s(a,F),e)){while(e.firstChild)i.appendChild(e.firstChild);e.parentNode&&e.parentNode.replaceChild(i,e),y(e,!0)}var u=i.firstChild,f=i.t,p=t.children;if(null==f){f=i.t={};for(var d=i.attributes,h=d.length;h--;)f[d[h].name]=d[h].value}return!I&&p&&1===p.length&&"string"==typeof p[0]&&null!=u&&void 0!==u.splitText&&null==u.nextSibling?u.nodeValue!=p[0]&&(u.nodeValue=p[0]):(p&&p.length||null!=u)&&b(i,p,n,o,I||null!=f.dangerouslySetInnerHTML),g(i,t.attributes,f),F=l,i}function b(e,t,n,o,r){var i,l,c,s,f,p=e.childNodes,d=[],b={},v=0,g=0,m=p.length,j=0,w=t?t.length:0;if(0!==m)for(var O=0;O=Object.keys(t).length)for(var r in t){var i=e[r];void 0===i?e[r]=null:E(i,t[r])}}else"[object Array]"==n&&"[object Array]"==o&&e.length>=t.length&&t.forEach(function(t,n){E(e[n],t)})}}function C(e,t,n,o){if(e!==t){var r=_(e),i=_(t);if("[object Object]"==r)if("[object Object]"!=i||Object.keys(e).length0){this.instances.forEach(function(o){(n||e.updateAll||o.constructor.updatePath&&L(t,o.constructor.updatePath))&&o.update()}),this.onChange&&this.onChange(t);for(var o in t)A(this.originData,o,"object"==typeof t[o]?JSON.parse(JSON.stringify(t[o])):t[o])}}}function S(e,t){if(!e)return!1;for(var n in t){if(e.indexOf(n)>-1)return!0;for(var o=0,r=e.length;o 2; ) {\r\n\t\tstack.push(arguments[i]);\r\n\t}\r\n\tif (attributes && attributes.children!=null) {\r\n\t\tif (!stack.length) stack.push(attributes.children);\r\n\t\tdelete attributes.children;\r\n\t}\r\n\twhile (stack.length) {\r\n\t\tif ((child = stack.pop()) && child.pop!==undefined) {\r\n\t\t\tfor (i=child.length; i--; ) stack.push(child[i]);\r\n\t\t}\r\n\t\telse {\r\n\t\t\tif (typeof child==='boolean') child = null;\r\n\r\n\t\t\tif ((simple = typeof nodeName!=='function')) {\r\n\t\t\t\tif (child==null) child = '';\r\n\t\t\t\telse if (typeof child==='number') child = String(child);\r\n\t\t\t\telse if (typeof child!=='string') simple = false;\r\n\t\t\t}\r\n\r\n\t\t\tif (simple && lastSimple) {\r\n\t\t\t\tchildren[children.length-1] += child;\r\n\t\t\t}\r\n\t\t\telse if (children===EMPTY_CHILDREN) {\r\n\t\t\t\tchildren = [child];\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tchildren.push(child);\r\n\t\t\t}\r\n\r\n\t\t\tlastSimple = simple;\r\n\t\t}\r\n\t}\r\n\r\n\tlet p = new VNode();\r\n\tp.nodeName = nodeName;\r\n\tp.children = children;\r\n\tp.attributes = attributes==null ? undefined : attributes;\r\n\tp.key = attributes==null ? undefined : attributes.key;\r\n\r\n\t// if a \"vnode hook\" is defined, pass every created VNode to it\r\n\tif (options.vnode!==undefined) options.vnode(p);\r\n\r\n\treturn p;\r\n}","/**\r\n * @license\r\n * Copyright (c) 2016 The Polymer Project Authors. All rights reserved.\r\n * This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt\r\n * The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt\r\n * The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt\r\n * Code distributed by Google as part of the polymer project is also\r\n * subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt\r\n */\r\n\r\n/**\r\n * This shim allows elements written in, or compiled to, ES5 to work on native\r\n * implementations of Custom Elements v1. It sets new.target to the value of\r\n * this.constructor so that the native HTMLElement constructor can access the\r\n * current under-construction element's definition.\r\n */\r\n(function() {\r\n if (\r\n // No Reflect, no classes, no need for shim because native custom elements\r\n // require ES2015 classes or Reflect.\r\n window.Reflect === undefined ||\r\n window.customElements === undefined ||\r\n // The webcomponentsjs custom elements polyfill doesn't require\r\n // ES2015-compatible construction (`super()` or `Reflect.construct`).\r\n window.customElements.hasOwnProperty('polyfillWrapFlushCallback')\r\n ) {\r\n return;\r\n }\r\n const BuiltInHTMLElement = HTMLElement;\r\n window.HTMLElement = function HTMLElement() {\r\n return Reflect.construct(BuiltInHTMLElement, [], this.constructor);\r\n };\r\n HTMLElement.prototype = BuiltInHTMLElement.prototype;\r\n HTMLElement.prototype.constructor = HTMLElement;\r\n Object.setPrototypeOf(HTMLElement, BuiltInHTMLElement);\r\n })();\r\n\r\n\r\n\r\nexport function cssToDom(css) {\r\n const node = document.createElement('style')\r\n node.innerText = css\r\n return node\r\n}\r\n\r\n\r\nexport function npn(str) {\r\n return str.replace(/-(\\w)/g, function ($, $1) {\r\n return $1.toUpperCase();\r\n });\r\n}\r\n\r\nexport function extend(obj, props) {\r\n\tfor (let i in props) obj[i] = props[i];\r\n\treturn obj;\r\n}\r\n\r\n/** Invoke or update a ref, depending on whether it is a function or object ref.\r\n * @param {object|function} [ref=null]\r\n * @param {any} [value]\r\n */\r\nexport function applyRef(ref, value) {\r\n\tif (ref!=null) {\r\n\t\tif (typeof ref=='function') ref(value);\r\n\t\telse ref.current = value;\r\n\t}\r\n}\r\n\r\n/**\r\n * Call a function asynchronously, as soon as possible. Makes\r\n * use of HTML Promise to schedule the callback if available,\r\n * otherwise falling back to `setTimeout` (mainly for IE<11).\r\n * @type {(callback: function) => void}\r\n */\r\nexport const defer = typeof Promise=='function' ? Promise.resolve().then.bind(Promise.resolve()) : setTimeout;\r\n\r\nexport function isArray(obj){\r\n return Object.prototype.toString.call(obj) === '[object Array]'\r\n}\r\n\r\nexport function nProps(props){\r\n if(!props || isArray(props)) return {}\r\n const result = {}\r\n Object.keys(props).forEach(key =>{\r\n result[key] = props[key].value \r\n })\r\n return result\r\n}\r\n","import { extend } from '../util';\r\n\r\n\r\n/**\r\n * Check if two nodes are equivalent.\r\n *\r\n * @param {Node} node\t\t\tDOM Node to compare\r\n * @param {VNode} vnode\t\t\tVirtual DOM node to compare\r\n * @param {boolean} [hydrating=false]\tIf true, ignores component constructors when comparing.\r\n * @private\r\n */\r\nexport function isSameNodeType(node, vnode, hydrating) {\r\n\tif (typeof vnode==='string' || typeof vnode==='number') {\r\n\t\treturn node.splitText!==undefined;\r\n\t}\r\n\tif (typeof vnode.nodeName==='string') {\r\n\t\treturn !node._componentConstructor && isNamedNode(node, vnode.nodeName);\r\n\t}\r\n\treturn hydrating || node._componentConstructor===vnode.nodeName;\r\n}\r\n\r\n\r\n/**\r\n * Check if an Element has a given nodeName, case-insensitively.\r\n *\r\n * @param {Element} node\tA DOM Element to inspect the name of.\r\n * @param {String} nodeName\tUnnormalized name to compare against.\r\n */\r\nexport function isNamedNode(node, nodeName) {\r\n\treturn node.normalizedNodeName===nodeName || node.nodeName.toLowerCase()===nodeName.toLowerCase();\r\n}\r\n\r\n\r\n/**\r\n * Reconstruct Component-style `props` from a VNode.\r\n * Ensures default/fallback values from `defaultProps`:\r\n * Own-properties of `defaultProps` not present in `vnode.attributes` are added.\r\n *\r\n * @param {VNode} vnode\r\n * @returns {Object} props\r\n */\r\nexport function getNodeProps(vnode) {\r\n\tlet props = extend({}, vnode.attributes);\r\n\tprops.children = vnode.children;\r\n\r\n\tlet defaultProps = vnode.nodeName.defaultProps;\r\n\tif (defaultProps!==undefined) {\r\n\t\tfor (let i in defaultProps) {\r\n\t\t\tif (props[i]===undefined) {\r\n\t\t\t\tprops[i] = defaultProps[i];\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\treturn props;\r\n}\r\n","import { IS_NON_DIMENSIONAL } from '../constants';\r\nimport { applyRef } from '../util';\r\nimport options from '../options';\r\nimport { npn } from '../util'\r\n\r\n/**\r\n * A DOM event listener\r\n * @typedef {(e: Event) => void} EventListner\r\n */\r\n\r\n/**\r\n * A mapping of event types to event listeners\r\n * @typedef {Object.} EventListenerMap\r\n */\r\n\r\n/**\r\n * Properties Preact adds to elements it creates\r\n * @typedef PreactElementExtensions\r\n * @property {string} [normalizedNodeName] A normalized node name to use in diffing\r\n * @property {EventListenerMap} [_listeners] A map of event listeners added by components to this DOM node\r\n * @property {import('../component').Component} [_component] The component that rendered this DOM node\r\n * @property {function} [_componentConstructor] The constructor of the component that rendered this DOM node\r\n */\r\n\r\n/**\r\n * A DOM element that has been extended with Preact properties\r\n * @typedef {Element & ElementCSSInlineStyle & PreactElementExtensions} PreactElement\r\n */\r\n\r\n/**\r\n * Create an element with the given nodeName.\r\n * @param {string} nodeName The DOM node to create\r\n * @param {boolean} [isSvg=false] If `true`, creates an element within the SVG\r\n * namespace.\r\n * @returns {PreactElement} The created DOM node\r\n */\r\nexport function createNode(nodeName, isSvg) {\r\n\t/** @type {PreactElement} */\r\n\tlet node = isSvg ? document.createElementNS('http://www.w3.org/2000/svg', nodeName) : document.createElement(nodeName);\r\n\tnode.normalizedNodeName = nodeName;\r\n\treturn node;\r\n}\r\n\r\n\r\n/**\r\n * Remove a child node from its parent if attached.\r\n * @param {Node} node The node to remove\r\n */\r\nexport function removeNode(node) {\r\n\tlet parentNode = node.parentNode;\r\n\tif (parentNode) parentNode.removeChild(node);\r\n}\r\n\r\n\r\n/**\r\n * Set a named attribute on the given Node, with special behavior for some names\r\n * and event handlers. If `value` is `null`, the attribute/handler will be\r\n * removed.\r\n * @param {PreactElement} node An element to mutate\r\n * @param {string} name The name/key to set, such as an event or attribute name\r\n * @param {*} old The last value that was set for this name/node pair\r\n * @param {*} value An attribute value, such as a function to be used as an\r\n * event handler\r\n * @param {boolean} isSvg Are we currently diffing inside an svg?\r\n * @private\r\n */\r\nexport function setAccessor(node, name, old, value, isSvg) {\r\n\tif (name==='className') name = 'class';\r\n\r\n\r\n\tif (name==='key') {\r\n\t\t// ignore\r\n\t}\r\n\telse if (name==='ref') {\r\n\t\tapplyRef(old, null);\r\n\t\tapplyRef(value, node);\r\n\t}\r\n\telse if (name==='class' && !isSvg) {\r\n\t\tnode.className = value || '';\r\n\t}\r\n\telse if (name==='style') {\r\n\t\tif (!value || typeof value==='string' || typeof old==='string') {\r\n\t\t\tnode.style.cssText = value || '';\r\n\t\t}\r\n\t\tif (value && typeof value==='object') {\r\n\t\t\tif (typeof old!=='string') {\r\n\t\t\t\tfor (let i in old) if (!(i in value)) node.style[i] = '';\r\n\t\t\t}\r\n\t\t\tfor (let i in value) {\r\n\t\t\t\tnode.style[i] = typeof value[i]==='number' && IS_NON_DIMENSIONAL.test(i)===false ? (value[i]+'px') : value[i];\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\telse if (name==='dangerouslySetInnerHTML') {\r\n\t\tif (value) node.innerHTML = value.__html || '';\r\n\t}\r\n\telse if (name[0]=='o' && name[1]=='n') {\r\n\t\tlet useCapture = name !== (name=name.replace(/Capture$/, ''));\r\n\t\tname = name.toLowerCase().substring(2);\r\n\t\tif (value) {\r\n\t\t\tif (!old) node.addEventListener(name, eventProxy, useCapture);\r\n\t\t}\r\n\t\telse {\r\n\t\t\tnode.removeEventListener(name, eventProxy, useCapture);\r\n\t\t}\r\n\t\t(node._listeners || (node._listeners = {}))[name] = value;\r\n\t}\r\n\telse if (name!=='list' && name!=='type' && !isSvg && name in node) {\r\n\t\t// Attempt to set a DOM property to the given value.\r\n\t\t// IE & FF throw for certain property-value combinations.\r\n\t\ttry {\r\n\t\t\tnode[name] = value==null ? '' : value;\r\n\t\t} catch (e) { }\r\n\t\tif ((value==null || value===false) && name!='spellcheck') node.removeAttribute(name);\r\n\t}\r\n\telse {\r\n\t\tlet ns = isSvg && (name !== (name = name.replace(/^xlink:?/, '')));\r\n\t\t// spellcheck is treated differently than all other boolean values and\r\n\t\t// should not be removed when the value is `false`. See:\r\n\t\t// https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-spellcheck\r\n\t\tif (value==null || value===false) {\r\n\t\t\tif (ns) node.removeAttributeNS('http://www.w3.org/1999/xlink', name.toLowerCase());\r\n\t\t\telse node.removeAttribute(name);\r\n\t\t}\r\n\t\telse if (typeof value!=='function') {\r\n\t\t\tif (ns) {\r\n\t\t\t\tnode.setAttributeNS('http://www.w3.org/1999/xlink', name.toLowerCase(), value);\r\n\t\t\t\tnode.props[npn(name.toLowerCase())] = value;\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tnode.setAttribute(name, value);\r\n\t\t\t\tnode.props[npn(name)] = value;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n\r\n/**\r\n * Proxy an event to hooked event handlers\r\n * @param {Event} e The event object from the browser\r\n * @private\r\n */\r\nfunction eventProxy(e) {\r\n\treturn this._listeners[e.type](options.event && options.event(e) || e);\r\n}","import { ATTR_KEY } from '../constants';\r\nimport { isSameNodeType, isNamedNode } from './index';\r\nimport { createNode, setAccessor } from '../dom/index';\r\nimport { npn } from '../util'\r\nimport { removeNode } from '../dom/index';\r\n\r\n/** Queue of components that have been mounted and are awaiting componentDidMount */\r\nexport const mounts = [];\r\n\r\n/** Diff recursion count, used to track the end of the diff cycle. */\r\nexport let diffLevel = 0;\r\n\r\n/** Global flag indicating if the diff is currently within an SVG */\r\nlet isSvgMode = false;\r\n\r\n/** Global flag indicating if the diff is performing hydration */\r\nlet hydrating = false;\r\n\r\n\r\n\r\n\r\n/** Apply differences in a given vnode (and it's deep children) to a real DOM Node.\r\n *\t@param {Element} [dom=null]\t\tA DOM node to mutate into the shape of the `vnode`\r\n *\t@param {VNode} vnode\t\t\tA VNode (with descendants forming a tree) representing the desired DOM structure\r\n *\t@returns {Element} dom\t\t\tThe created/mutated element\r\n *\t@private\r\n */\r\nexport function diff(dom, vnode, context, mountAll, parent, componentRoot) {\r\n\t// diffLevel having been 0 here indicates initial entry into the diff (not a subdiff)\r\n\tif (!diffLevel++) {\r\n\t\t// when first starting the diff, check if we're diffing an SVG or within an SVG\r\n\t\tisSvgMode = parent!=null && parent.ownerSVGElement!==undefined;\r\n\r\n\t\t// hydration is indicated by the existing element to be diffed not having a prop cache\r\n\t\thydrating = dom!=null && !(ATTR_KEY in dom);\r\n\t}\r\n\r\n\tlet ret = idiff(dom, vnode, context, mountAll, componentRoot);\r\n\r\n\t// append the element if its a new parent\r\n\tif (parent && ret.parentNode!==parent) parent.appendChild(ret);\r\n\r\n\t// diffLevel being reduced to 0 means we're exiting the diff\r\n\tif (!--diffLevel) {\r\n\t\thydrating = false;\r\n\t\t// invoke queued componentDidMount lifecycle methods\r\n\t\t\r\n\t}\r\n\r\n\treturn ret;\r\n}\r\n\r\n\r\n/** Internals of `diff()`, separated to allow bypassing diffLevel / mount flushing. */\r\nfunction idiff(dom, vnode, context, mountAll, componentRoot) {\r\n\tlet out = dom,\r\n\t\tprevSvgMode = isSvgMode;\r\n\r\n\t// empty values (null, undefined, booleans) render as empty Text nodes\r\n\tif (vnode==null || typeof vnode==='boolean') vnode = '';\r\n\r\n\r\n\t// Fast case: Strings & Numbers create/update Text nodes.\r\n\tif (typeof vnode==='string' || typeof vnode==='number') {\r\n\r\n\t\t// update if it's already a Text node:\r\n\t\tif (dom && dom.splitText!==undefined && dom.parentNode && (!dom._component || componentRoot)) {\r\n\t\t\t/* istanbul ignore if */ /* Browser quirk that can't be covered: https://github.com/developit/preact/commit/fd4f21f5c45dfd75151bd27b4c217d8003aa5eb9 */\r\n\t\t\tif (dom.nodeValue!=vnode) {\r\n\t\t\t\tdom.nodeValue = vnode;\r\n\t\t\t}\r\n\t\t}\r\n\t\telse {\r\n\t\t\t// it wasn't a Text node: replace it with one and recycle the old Element\r\n\t\t\tout = document.createTextNode(vnode);\r\n\t\t\tif (dom) {\r\n\t\t\t\tif (dom.parentNode) dom.parentNode.replaceChild(out, dom);\r\n\t\t\t\trecollectNodeTree(dom, true);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tout[ATTR_KEY] = true;\r\n\r\n\t\treturn out;\r\n\t}\r\n\r\n\r\n\t// If the VNode represents a Component, perform a component diff:\r\n\tlet vnodeName = vnode.nodeName;\r\n\t\r\n\r\n\t// Tracks entering and exiting SVG namespace when descending through the tree.\r\n\tisSvgMode = vnodeName==='svg' ? true : vnodeName==='foreignObject' ? false : isSvgMode;\r\n\r\n\r\n\t// If there's no existing element or it's the wrong type, create a new one:\r\n\tvnodeName = String(vnodeName);\r\n\tif (!dom || !isNamedNode(dom, vnodeName)) {\r\n\t\tout = createNode(vnodeName, isSvgMode);\r\n\r\n\t\tif (dom) {\r\n\t\t\t// move children into the replacement node\r\n\t\t\twhile (dom.firstChild) out.appendChild(dom.firstChild);\r\n\r\n\t\t\t// if the previous Element was mounted into the DOM, replace it inline\r\n\t\t\tif (dom.parentNode) dom.parentNode.replaceChild(out, dom);\r\n\r\n\t\t\t// recycle the old element (skips non-Element node types)\r\n\t\t\trecollectNodeTree(dom, true);\r\n\t\t}\r\n\t}\r\n\r\n\r\n\tlet fc = out.firstChild,\r\n\t\tprops = out[ATTR_KEY],\r\n\t\tvchildren = vnode.children;\r\n\r\n\tif (props==null) {\r\n\t\tprops = out[ATTR_KEY] = {};\r\n\t\tfor (let a=out.attributes, i=a.length; i--; ) props[a[i].name] = a[i].value;\r\n\t}\r\n\r\n\t// Optimization: fast-path for elements containing a single TextNode:\r\n\tif (!hydrating && vchildren && vchildren.length===1 && typeof vchildren[0]==='string' && fc!=null && fc.splitText!==undefined && fc.nextSibling==null) {\r\n\t\tif (fc.nodeValue!=vchildren[0]) {\r\n\t\t\tfc.nodeValue = vchildren[0];\r\n\t\t}\r\n\t}\r\n\t// otherwise, if there are existing or new children, diff them:\r\n\telse if (vchildren && vchildren.length || fc!=null) {\r\n\t\tinnerDiffNode(out, vchildren, context, mountAll, hydrating || props.dangerouslySetInnerHTML!=null);\r\n\t}\r\n\r\n\r\n\t// Apply attributes/props from VNode to the DOM Element:\r\n\tdiffAttributes(out, vnode.attributes, props);\r\n\r\n\r\n\t// restore previous SVG mode: (in case we're exiting an SVG namespace)\r\n\tisSvgMode = prevSvgMode;\r\n\r\n\treturn out;\r\n}\r\n\r\n\r\n/** Apply child and attribute changes between a VNode and a DOM Node to the DOM.\r\n *\t@param {Element} dom\t\t\tElement whose children should be compared & mutated\r\n *\t@param {Array} vchildren\t\tArray of VNodes to compare to `dom.childNodes`\r\n *\t@param {Object} context\t\t\tImplicitly descendant context object (from most recent `getChildContext()`)\r\n *\t@param {Boolean} mountAll\r\n *\t@param {Boolean} isHydrating\tIf `true`, consumes externally created elements similar to hydration\r\n */\r\nfunction innerDiffNode(dom, vchildren, context, mountAll, isHydrating) {\r\n\tlet originalChildren = dom.childNodes,\r\n\t\tchildren = [],\r\n\t\tkeyed = {},\r\n\t\tkeyedLen = 0,\r\n\t\tmin = 0,\r\n\t\tlen = originalChildren.length,\r\n\t\tchildrenLen = 0,\r\n\t\tvlen = vchildren ? vchildren.length : 0,\r\n\t\tj, c, f, vchild, child;\r\n\r\n\t// Build up a map of keyed children and an Array of unkeyed children:\r\n\tif (len!==0) {\r\n\t\tfor (let i=0; i 2; ) {\r\n\t\tstack.push(arguments[i]);\r\n\t}\r\n\tif (attributes && attributes.children!=null) {\r\n\t\tif (!stack.length) stack.push(attributes.children);\r\n\t\tdelete attributes.children;\r\n\t}\r\n\twhile (stack.length) {\r\n\t\tif ((child = stack.pop()) && child.pop!==undefined) {\r\n\t\t\tfor (i=child.length; i--; ) stack.push(child[i]);\r\n\t\t}\r\n\t\telse {\r\n\t\t\tif (typeof child==='boolean') child = null;\r\n\r\n\t\t\tif ((simple = typeof nodeName!=='function')) {\r\n\t\t\t\tif (child==null) child = '';\r\n\t\t\t\telse if (typeof child==='number') child = String(child);\r\n\t\t\t\telse if (typeof child!=='string') simple = false;\r\n\t\t\t}\r\n\r\n\t\t\tif (simple && lastSimple) {\r\n\t\t\t\tchildren[children.length-1] += child;\r\n\t\t\t}\r\n\t\t\telse if (children===EMPTY_CHILDREN) {\r\n\t\t\t\tchildren = [child];\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tchildren.push(child);\r\n\t\t\t}\r\n\r\n\t\t\tlastSimple = simple;\r\n\t\t}\r\n\t}\r\n\r\n\tlet p = new VNode();\r\n\tp.nodeName = nodeName;\r\n\tp.children = children;\r\n\tp.attributes = attributes==null ? undefined : attributes;\r\n\tp.key = attributes==null ? undefined : attributes.key;\r\n\r\n\t// if a \"vnode hook\" is defined, pass every created VNode to it\r\n\tif (options.vnode!==undefined) options.vnode(p);\r\n\r\n\treturn p;\r\n}","/**\r\n * @license\r\n * Copyright (c) 2016 The Polymer Project Authors. All rights reserved.\r\n * This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt\r\n * The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt\r\n * The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt\r\n * Code distributed by Google as part of the polymer project is also\r\n * subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt\r\n */\r\n\r\n/**\r\n * This shim allows elements written in, or compiled to, ES5 to work on native\r\n * implementations of Custom Elements v1. It sets new.target to the value of\r\n * this.constructor so that the native HTMLElement constructor can access the\r\n * current under-construction element's definition.\r\n */\r\n(function() {\r\n if (\r\n // No Reflect, no classes, no need for shim because native custom elements\r\n // require ES2015 classes or Reflect.\r\n window.Reflect === undefined ||\r\n window.customElements === undefined ||\r\n // The webcomponentsjs custom elements polyfill doesn't require\r\n // ES2015-compatible construction (`super()` or `Reflect.construct`).\r\n window.customElements.hasOwnProperty('polyfillWrapFlushCallback')\r\n ) {\r\n return;\r\n }\r\n const BuiltInHTMLElement = HTMLElement;\r\n window.HTMLElement = function HTMLElement() {\r\n return Reflect.construct(BuiltInHTMLElement, [], this.constructor);\r\n };\r\n HTMLElement.prototype = BuiltInHTMLElement.prototype;\r\n HTMLElement.prototype.constructor = HTMLElement;\r\n Object.setPrototypeOf(HTMLElement, BuiltInHTMLElement);\r\n })();\r\n\r\n\r\n\r\nexport function cssToDom(css) {\r\n const node = document.createElement('style')\r\n node.innerText = css\r\n return node\r\n}\r\n\r\n\r\nexport function npn(str) {\r\n return str.replace(/-(\\w)/g, function ($, $1) {\r\n return $1.toUpperCase();\r\n });\r\n}\r\n\r\nexport function extend(obj, props) {\r\n\tfor (let i in props) obj[i] = props[i];\r\n\treturn obj;\r\n}\r\n\r\n/** Invoke or update a ref, depending on whether it is a function or object ref.\r\n * @param {object|function} [ref=null]\r\n * @param {any} [value]\r\n */\r\nexport function applyRef(ref, value) {\r\n\tif (ref!=null) {\r\n\t\tif (typeof ref=='function') ref(value);\r\n\t\telse ref.current = value;\r\n\t}\r\n}\r\n\r\n/**\r\n * Call a function asynchronously, as soon as possible. Makes\r\n * use of HTML Promise to schedule the callback if available,\r\n * otherwise falling back to `setTimeout` (mainly for IE<11).\r\n * @type {(callback: function) => void}\r\n */\r\nexport const defer = typeof Promise=='function' ? Promise.resolve().then.bind(Promise.resolve()) : setTimeout;\r\n\r\nexport function isArray(obj){\r\n return Object.prototype.toString.call(obj) === '[object Array]'\r\n}\r\n\r\nexport function nProps(props){\r\n if(!props || isArray(props)) return {}\r\n const result = {}\r\n Object.keys(props).forEach(key =>{\r\n result[key] = props[key].value \r\n })\r\n return result\r\n}\r\n","import { extend } from '../util';\r\n\r\n\r\n/**\r\n * Check if two nodes are equivalent.\r\n *\r\n * @param {Node} node\t\t\tDOM Node to compare\r\n * @param {VNode} vnode\t\t\tVirtual DOM node to compare\r\n * @param {boolean} [hydrating=false]\tIf true, ignores component constructors when comparing.\r\n * @private\r\n */\r\nexport function isSameNodeType(node, vnode, hydrating) {\r\n\tif (typeof vnode==='string' || typeof vnode==='number') {\r\n\t\treturn node.splitText!==undefined;\r\n\t}\r\n\tif (typeof vnode.nodeName==='string') {\r\n\t\treturn !node._componentConstructor && isNamedNode(node, vnode.nodeName);\r\n\t}\r\n\treturn hydrating || node._componentConstructor===vnode.nodeName;\r\n}\r\n\r\n\r\n/**\r\n * Check if an Element has a given nodeName, case-insensitively.\r\n *\r\n * @param {Element} node\tA DOM Element to inspect the name of.\r\n * @param {String} nodeName\tUnnormalized name to compare against.\r\n */\r\nexport function isNamedNode(node, nodeName) {\r\n\treturn node.normalizedNodeName===nodeName || node.nodeName.toLowerCase()===nodeName.toLowerCase();\r\n}\r\n\r\n\r\n/**\r\n * Reconstruct Component-style `props` from a VNode.\r\n * Ensures default/fallback values from `defaultProps`:\r\n * Own-properties of `defaultProps` not present in `vnode.attributes` are added.\r\n *\r\n * @param {VNode} vnode\r\n * @returns {Object} props\r\n */\r\nexport function getNodeProps(vnode) {\r\n\tlet props = extend({}, vnode.attributes);\r\n\tprops.children = vnode.children;\r\n\r\n\tlet defaultProps = vnode.nodeName.defaultProps;\r\n\tif (defaultProps!==undefined) {\r\n\t\tfor (let i in defaultProps) {\r\n\t\t\tif (props[i]===undefined) {\r\n\t\t\t\tprops[i] = defaultProps[i];\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\treturn props;\r\n}\r\n","import { IS_NON_DIMENSIONAL } from '../constants';\r\nimport { applyRef } from '../util';\r\nimport options from '../options';\r\nimport { npn } from '../util'\r\n\r\n/**\r\n * A DOM event listener\r\n * @typedef {(e: Event) => void} EventListner\r\n */\r\n\r\n/**\r\n * A mapping of event types to event listeners\r\n * @typedef {Object.} EventListenerMap\r\n */\r\n\r\n/**\r\n * Properties Preact adds to elements it creates\r\n * @typedef PreactElementExtensions\r\n * @property {string} [normalizedNodeName] A normalized node name to use in diffing\r\n * @property {EventListenerMap} [_listeners] A map of event listeners added by components to this DOM node\r\n * @property {import('../component').Component} [_component] The component that rendered this DOM node\r\n * @property {function} [_componentConstructor] The constructor of the component that rendered this DOM node\r\n */\r\n\r\n/**\r\n * A DOM element that has been extended with Preact properties\r\n * @typedef {Element & ElementCSSInlineStyle & PreactElementExtensions} PreactElement\r\n */\r\n\r\n/**\r\n * Create an element with the given nodeName.\r\n * @param {string} nodeName The DOM node to create\r\n * @param {boolean} [isSvg=false] If `true`, creates an element within the SVG\r\n * namespace.\r\n * @returns {PreactElement} The created DOM node\r\n */\r\nexport function createNode(nodeName, isSvg) {\r\n\t/** @type {PreactElement} */\r\n\tlet node = isSvg ? document.createElementNS('http://www.w3.org/2000/svg', nodeName) : document.createElement(nodeName);\r\n\tnode.normalizedNodeName = nodeName;\r\n\treturn node;\r\n}\r\n\r\n\r\n/**\r\n * Remove a child node from its parent if attached.\r\n * @param {Node} node The node to remove\r\n */\r\nexport function removeNode(node) {\r\n\tlet parentNode = node.parentNode;\r\n\tif (parentNode) parentNode.removeChild(node);\r\n}\r\n\r\n\r\n/**\r\n * Set a named attribute on the given Node, with special behavior for some names\r\n * and event handlers. If `value` is `null`, the attribute/handler will be\r\n * removed.\r\n * @param {PreactElement} node An element to mutate\r\n * @param {string} name The name/key to set, such as an event or attribute name\r\n * @param {*} old The last value that was set for this name/node pair\r\n * @param {*} value An attribute value, such as a function to be used as an\r\n * event handler\r\n * @param {boolean} isSvg Are we currently diffing inside an svg?\r\n * @private\r\n */\r\nexport function setAccessor(node, name, old, value, isSvg) {\r\n\tif (name==='className') name = 'class';\r\n\r\n\r\n\tif (name==='key') {\r\n\t\t// ignore\r\n\t}\r\n\telse if (name==='ref') {\r\n\t\tapplyRef(old, null);\r\n\t\tapplyRef(value, node);\r\n\t}\r\n\telse if (name==='class' && !isSvg) {\r\n\t\tnode.className = value || '';\r\n\t}\r\n\telse if (name==='style') {\r\n\t\tif (!value || typeof value==='string' || typeof old==='string') {\r\n\t\t\tnode.style.cssText = value || '';\r\n\t\t}\r\n\t\tif (value && typeof value==='object') {\r\n\t\t\tif (typeof old!=='string') {\r\n\t\t\t\tfor (let i in old) if (!(i in value)) node.style[i] = '';\r\n\t\t\t}\r\n\t\t\tfor (let i in value) {\r\n\t\t\t\tnode.style[i] = typeof value[i]==='number' && IS_NON_DIMENSIONAL.test(i)===false ? (value[i]+'px') : value[i];\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\telse if (name==='dangerouslySetInnerHTML') {\r\n\t\tif (value) node.innerHTML = value.__html || '';\r\n\t}\r\n\telse if (name[0]=='o' && name[1]=='n') {\r\n\t\tlet useCapture = name !== (name=name.replace(/Capture$/, ''));\r\n\t\tname = name.toLowerCase().substring(2);\r\n\t\tif (value) {\r\n\t\t\tif (!old) node.addEventListener(name, eventProxy, useCapture);\r\n\t\t}\r\n\t\telse {\r\n\t\t\tnode.removeEventListener(name, eventProxy, useCapture);\r\n\t\t}\r\n\t\t(node._listeners || (node._listeners = {}))[name] = value;\r\n\t}\r\n\telse if (name!=='list' && name!=='type' && !isSvg && name in node) {\r\n\t\t// Attempt to set a DOM property to the given value.\r\n\t\t// IE & FF throw for certain property-value combinations.\r\n\t\ttry {\r\n\t\t\tnode[name] = value==null ? '' : value;\r\n\t\t} catch (e) { }\r\n\t\tif ((value==null || value===false) && name!='spellcheck') node.removeAttribute(name);\r\n\t}\r\n\telse {\r\n\t\tlet ns = isSvg && (name !== (name = name.replace(/^xlink:?/, '')));\r\n\t\t// spellcheck is treated differently than all other boolean values and\r\n\t\t// should not be removed when the value is `false`. See:\r\n\t\t// https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-spellcheck\r\n\t\tif (value==null || value===false) {\r\n\t\t\tif (ns) node.removeAttributeNS('http://www.w3.org/1999/xlink', name.toLowerCase());\r\n\t\t\telse node.removeAttribute(name);\r\n\t\t}\r\n\t\telse if (typeof value!=='function') {\r\n\t\t\tif (ns) {\r\n\t\t\t\tnode.setAttributeNS('http://www.w3.org/1999/xlink', name.toLowerCase(), value);\r\n\t\t\t\tnode.props[npn(name.toLowerCase())] = value;\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tnode.setAttribute(name, value);\r\n\t\t\t\tnode.props[npn(name)] = value;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n\r\n/**\r\n * Proxy an event to hooked event handlers\r\n * @param {Event} e The event object from the browser\r\n * @private\r\n */\r\nfunction eventProxy(e) {\r\n\treturn this._listeners[e.type](options.event && options.event(e) || e);\r\n}","import { ATTR_KEY } from '../constants';\r\nimport { isSameNodeType, isNamedNode } from './index';\r\nimport { createNode, setAccessor } from '../dom/index';\r\nimport { npn } from '../util'\r\nimport { removeNode } from '../dom/index';\r\n\r\n/** Queue of components that have been mounted and are awaiting componentDidMount */\r\nexport const mounts = [];\r\n\r\n/** Diff recursion count, used to track the end of the diff cycle. */\r\nexport let diffLevel = 0;\r\n\r\n/** Global flag indicating if the diff is currently within an SVG */\r\nlet isSvgMode = false;\r\n\r\n/** Global flag indicating if the diff is performing hydration */\r\nlet hydrating = false;\r\n\r\n\r\n\r\n\r\n/** Apply differences in a given vnode (and it's deep children) to a real DOM Node.\r\n *\t@param {Element} [dom=null]\t\tA DOM node to mutate into the shape of the `vnode`\r\n *\t@param {VNode} vnode\t\t\tA VNode (with descendants forming a tree) representing the desired DOM structure\r\n *\t@returns {Element} dom\t\t\tThe created/mutated element\r\n *\t@private\r\n */\r\nexport function diff(dom, vnode, context, mountAll, parent, componentRoot) {\r\n\t// diffLevel having been 0 here indicates initial entry into the diff (not a subdiff)\r\n\tif (!diffLevel++) {\r\n\t\t// when first starting the diff, check if we're diffing an SVG or within an SVG\r\n\t\tisSvgMode = parent!=null && parent.ownerSVGElement!==undefined;\r\n\r\n\t\t// hydration is indicated by the existing element to be diffed not having a prop cache\r\n\t\thydrating = dom!=null && !(ATTR_KEY in dom);\r\n\t}\r\n\r\n\tlet ret = idiff(dom, vnode, context, mountAll, componentRoot);\r\n\r\n\t// append the element if its a new parent\r\n\tif (parent && ret.parentNode!==parent) parent.appendChild(ret);\r\n\r\n\t// diffLevel being reduced to 0 means we're exiting the diff\r\n\tif (!--diffLevel) {\r\n\t\thydrating = false;\r\n\t\t// invoke queued componentDidMount lifecycle methods\r\n\t\t\r\n\t}\r\n\r\n\treturn ret;\r\n}\r\n\r\n\r\n/** Internals of `diff()`, separated to allow bypassing diffLevel / mount flushing. */\r\nfunction idiff(dom, vnode, context, mountAll, componentRoot) {\r\n\tlet out = dom,\r\n\t\tprevSvgMode = isSvgMode;\r\n\r\n\t// empty values (null, undefined, booleans) render as empty Text nodes\r\n\tif (vnode==null || typeof vnode==='boolean') vnode = '';\r\n\r\n\r\n\t// Fast case: Strings & Numbers create/update Text nodes.\r\n\tif (typeof vnode==='string' || typeof vnode==='number') {\r\n\r\n\t\t// update if it's already a Text node:\r\n\t\tif (dom && dom.splitText!==undefined && dom.parentNode && (!dom._component || componentRoot)) {\r\n\t\t\t/* istanbul ignore if */ /* Browser quirk that can't be covered: https://github.com/developit/preact/commit/fd4f21f5c45dfd75151bd27b4c217d8003aa5eb9 */\r\n\t\t\tif (dom.nodeValue!=vnode) {\r\n\t\t\t\tdom.nodeValue = vnode;\r\n\t\t\t}\r\n\t\t}\r\n\t\telse {\r\n\t\t\t// it wasn't a Text node: replace it with one and recycle the old Element\r\n\t\t\tout = document.createTextNode(vnode);\r\n\t\t\tif (dom) {\r\n\t\t\t\tif (dom.parentNode) dom.parentNode.replaceChild(out, dom);\r\n\t\t\t\trecollectNodeTree(dom, true);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tout[ATTR_KEY] = true;\r\n\r\n\t\treturn out;\r\n\t}\r\n\r\n\r\n\t// If the VNode represents a Component, perform a component diff:\r\n\tlet vnodeName = vnode.nodeName;\r\n\t\r\n\r\n\t// Tracks entering and exiting SVG namespace when descending through the tree.\r\n\tisSvgMode = vnodeName==='svg' ? true : vnodeName==='foreignObject' ? false : isSvgMode;\r\n\r\n\r\n\t// If there's no existing element or it's the wrong type, create a new one:\r\n\tvnodeName = String(vnodeName);\r\n\tif (!dom || !isNamedNode(dom, vnodeName)) {\r\n\t\tout = createNode(vnodeName, isSvgMode);\r\n\r\n\t\tif (dom) {\r\n\t\t\t// move children into the replacement node\r\n\t\t\twhile (dom.firstChild) out.appendChild(dom.firstChild);\r\n\r\n\t\t\t// if the previous Element was mounted into the DOM, replace it inline\r\n\t\t\tif (dom.parentNode) dom.parentNode.replaceChild(out, dom);\r\n\r\n\t\t\t// recycle the old element (skips non-Element node types)\r\n\t\t\trecollectNodeTree(dom, true);\r\n\t\t}\r\n\t}\r\n\r\n\r\n\tlet fc = out.firstChild,\r\n\t\tprops = out[ATTR_KEY],\r\n\t\tvchildren = vnode.children;\r\n\r\n\tif (props==null) {\r\n\t\tprops = out[ATTR_KEY] = {};\r\n\t\tfor (let a=out.attributes, i=a.length; i--; ) props[a[i].name] = a[i].value;\r\n\t}\r\n\r\n\t// Optimization: fast-path for elements containing a single TextNode:\r\n\tif (!hydrating && vchildren && vchildren.length===1 && typeof vchildren[0]==='string' && fc!=null && fc.splitText!==undefined && fc.nextSibling==null) {\r\n\t\tif (fc.nodeValue!=vchildren[0]) {\r\n\t\t\tfc.nodeValue = vchildren[0];\r\n\t\t}\r\n\t}\r\n\t// otherwise, if there are existing or new children, diff them:\r\n\telse if (vchildren && vchildren.length || fc!=null) {\r\n\t\tinnerDiffNode(out, vchildren, context, mountAll, hydrating || props.dangerouslySetInnerHTML!=null);\r\n\t}\r\n\r\n\r\n\t// Apply attributes/props from VNode to the DOM Element:\r\n\tdiffAttributes(out, vnode.attributes, props);\r\n\r\n\r\n\t// restore previous SVG mode: (in case we're exiting an SVG namespace)\r\n\tisSvgMode = prevSvgMode;\r\n\r\n\treturn out;\r\n}\r\n\r\n\r\n/** Apply child and attribute changes between a VNode and a DOM Node to the DOM.\r\n *\t@param {Element} dom\t\t\tElement whose children should be compared & mutated\r\n *\t@param {Array} vchildren\t\tArray of VNodes to compare to `dom.childNodes`\r\n *\t@param {Object} context\t\t\tImplicitly descendant context object (from most recent `getChildContext()`)\r\n *\t@param {Boolean} mountAll\r\n *\t@param {Boolean} isHydrating\tIf `true`, consumes externally created elements similar to hydration\r\n */\r\nfunction innerDiffNode(dom, vchildren, context, mountAll, isHydrating) {\r\n\tlet originalChildren = dom.childNodes,\r\n\t\tchildren = [],\r\n\t\tkeyed = {},\r\n\t\tkeyedLen = 0,\r\n\t\tmin = 0,\r\n\t\tlen = originalChildren.length,\r\n\t\tchildrenLen = 0,\r\n\t\tvlen = vchildren ? vchildren.length : 0,\r\n\t\tj, c, f, vchild, child;\r\n\r\n\t// Build up a map of keyed children and an Array of unkeyed children:\r\n\tif (len!==0) {\r\n\t\tfor (let i=0; i= Object.keys(pre).length){\n for (let key in pre) {\n const currentValue = current[key]\n if (currentValue === undefined) {\n current[key] = null\n } else {\n syncKeys(currentValue, pre[key])\n }\n }\n }\n } else if (rootCurrentType == ARRAYTYPE && rootPreType == ARRAYTYPE) {\n if (current.length >= pre.length) {\n pre.forEach((item, index) => {\n syncKeys(current[index], item)\n })\n }\n }\n}\n\nfunction _diff(current, pre, path, result) {\n if (current === pre) return\n const rootCurrentType = type(current)\n const rootPreType = type(pre)\n if (rootCurrentType == OBJECTTYPE) {\n if (rootPreType != OBJECTTYPE || Object.keys(current).length < Object.keys(pre).length) {\n setResult(result, path, current)\n } else {\n for (let key in current) {\n const currentValue = current[key]\n const preValue = pre[key]\n const currentType = type(currentValue)\n const preType = type(preValue)\n if (currentType != ARRAYTYPE && currentType != OBJECTTYPE) {\n if (currentValue != pre[key]) {\n setResult(result, (path == '' ? '' : path + \".\") + key, currentValue)\n }\n } else if (currentType == ARRAYTYPE) {\n if (preType != ARRAYTYPE) {\n setResult(result, (path == '' ? '' : path + \".\") + key, currentValue)\n } else {\n if (currentValue.length < preValue.length) {\n setResult(result, (path == '' ? '' : path + \".\") + key, currentValue)\n } else {\n currentValue.forEach((item, index) => {\n _diff(item, preValue[index], (path == '' ? '' : path + \".\") + key + '[' + index + ']', result)\n })\n }\n }\n } else if (currentType == OBJECTTYPE) {\n if (preType != OBJECTTYPE || Object.keys(currentValue).length < Object.keys(preValue).length) {\n setResult(result, (path == '' ? '' : path + \".\") + key, currentValue)\n } else {\n for (let subKey in currentValue) {\n _diff(currentValue[subKey], preValue[subKey], (path == '' ? '' : path + \".\") + key + '.' + subKey, result)\n }\n }\n }\n }\n }\n } else if (rootCurrentType == ARRAYTYPE) {\n if (rootPreType != ARRAYTYPE) {\n setResult(result, path, current)\n } else {\n if (current.length < pre.length) {\n setResult(result, path, current)\n } else {\n current.forEach((item, index) => {\n _diff(item, pre[index], path + '[' + index + ']', result)\n })\n }\n }\n } else {\n setResult(result, path, current)\n }\n}\n\nfunction setResult(result, k, v) {\n if (type(v) != FUNCTIONTYPE) {\n result[k] = v\n }\n}\n\nfunction type(obj) {\n return Object.prototype.toString.call(obj)\n}","import { cssToDom, npn, isArray, nProps } from './util'\nimport { diff } from './vdom/diff';\nimport options from './options'\n\nexport default class WeElement extends HTMLElement {\n constructor() {\n super()\n this.props = nProps(this.constructor.props)\n this.data = this.constructor.data || {}\n }\n\n static get observedAttributes() { \n if(!this.props) return\n if(isArray(this.props)){\n return this.props\n } else {\n return Object.keys(this.props)\n }\n }\n\n connectedCallback() {\n this.store = options.store\n if(this.store){\n this.store.instances.push(this)\n }\n this.install()\n \n const shadowRoot = this.attachShadow({ mode: 'open' })\n\n this.css && shadowRoot.appendChild(cssToDom(this.css()))\n this.host = diff(null, this.render(this.props, this.data), {}, false, null, false)\n shadowRoot.appendChild(this.host)\n\n this.installed()\n }\n\n //chain transfer through this method\n attributeChangedCallback(name, pre, current) {\n this.props[npn(name)] = current\n this.update()\n }\n\n disconnectedCallback() {\n this.uninstall()\n }\n\n update() {\n this.beforeUpdate()\n diff(this.host, this.render(this.props, this.data))\n this.afterUpdate()\n }\n\n fire(name, data){\n this.dispatchEvent(new CustomEvent(name, { detail : data }))\n }\n\n install() {\n\n }\n\n installed() {\n\n }\n\n beforeUpdate() {\n\n }\n\n afterUpdate() {\n\n }\n}\n","\r\nimport { diff } from './vdom/diff'\r\nimport options from './options'\r\nimport jsonDiff from './json-diff'\r\n\r\nexport function render(vnode, parent, store) {\r\n\tparent = typeof parent === 'string' ? document.querySelector(parent) : parent\r\n\tif(store){\r\n\t\tstore.instances = []\r\n\t\textendStoreUpate(store)\r\n\t\toptions.store = store\r\n\t\tstore.originData = JSON.parse(JSON.stringify(store.data))\t\r\n\t}\r\n\tdiff(null, vnode, {}, false, parent, false)\r\n} \r\n\r\nfunction extendStoreUpate(store){\r\n\tstore.update = function(){\r\n\t\tlet diffResult = jsonDiff(this.data, this.originData)\r\n\t\tif (Object.keys(diffResult)[0] == '') {\r\n\t\t\tdiffResult = diffResult['']\r\n\t\t}\r\n\t\tconst updateAll = matchGlobalData(this.globalData, diffResult)\r\n\t\tif (Object.keys(diffResult).length > 0) {\r\n\t\t\tthis.instances.forEach(instance => {\r\n\t\t\t\tif(updateAll || this.updateAll || instance.constructor.updatePath && needUpdate(diffResult, instance.constructor.updatePath)){\r\n\t\t\t\t\tinstance.update()\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t\tthis.onChange && this.onChange(diffResult)\r\n\t\t\tfor (let key in diffResult) {\r\n\t\t\t\tupdateByPath(this.originData, key, typeof diffResult[key] === 'object' ? JSON.parse(JSON.stringify(diffResult[key])) : diffResult[key])\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\nfunction matchGlobalData(globalData, diffResult) {\r\n\tif(!globalData) return false\r\n for (let keyA in diffResult) {\r\n if (globalData.indexOf(keyA) > -1) {\r\n return true\r\n }\r\n for (let i = 0, len = globalData.length; i < len; i++) {\r\n if (includePath(keyA, globalData[i])) {\r\n return true\r\n }\r\n }\r\n }\r\n return false\r\n}\r\n\r\nfunction needUpdate(diffResult, updatePath){\r\n for(let keyA in diffResult){\r\n if(updatePath[keyA]){\r\n return true\r\n }\r\n for(let keyB in updatePath){\r\n if(includePath(keyA, keyB)){\r\n return true\r\n }\r\n }\r\n }\r\n return false\r\n}\r\n\r\nfunction includePath(pathA, pathB){\r\n if(pathA.indexOf(pathB)===0){\r\n const next = pathA.substr(pathB.length, 1)\r\n if(next === '['||next === '.'){\r\n return true\r\n }\r\n }\r\n return false\r\n}\r\n\r\nfunction updateByPath(origin, path, value) {\r\n const arr = path.replace(/]/g, '').replace(/\\[/g, '.').split('.')\r\n let current = origin\r\n for (let i = 0, len = arr.length; i < len; i++) {\r\n if (i === len - 1) {\r\n current[arr[i]] = value\r\n } else {\r\n current = current[arr[i]]\r\n }\r\n }\r\n}\r\n","const OBJECTTYPE = '[object Object]'\r\n\r\nexport function define(name, ctor) {\r\n customElements.define(name, ctor)\r\n if (ctor.data) {\r\n ctor.updatePath = getUpdatePath(ctor.data)\r\n }\r\n}\r\n\r\nfunction getUpdatePath(data) {\r\n const result = {}\r\n dataToPath(data, result)\r\n return result\r\n}\r\n\r\nfunction dataToPath(data, result) {\r\n Object.keys(data).forEach(key => {\r\n result[key] = true\r\n const type = Object.prototype.toString.call(data[key])\r\n if (type === OBJECTTYPE) {\r\n _dataToPath(data[key], key, result)\r\n }\r\n })\r\n}\r\n\r\nfunction _dataToPath(data, path, result) {\r\n Object.keys(data).forEach(key => {\r\n result[path + '.' + key] = true\r\n const type = Object.prototype.toString.call(data[key])\r\n if (type === OBJECTTYPE) {\r\n _dataToPath(data[key], path + '.' + key, result)\r\n }\r\n })\r\n}","function getGlobal() {\r\n\tif (typeof global !== 'object' || !global || global.Math !== Math || global.Array !== Array) {\r\n\t\tif (typeof self !== 'undefined') {\r\n\t\t\treturn self;\r\n\t\t} else if (typeof window !== 'undefined') {\r\n\t\t\treturn window;\r\n\t\t} else if (typeof global !== 'undefined') {\r\n\t\t\treturn global;\r\n\t\t}\r\n\t\treturn (function(){\r\n\t\t\treturn this;\r\n\t\t})();\r\n\t\t\r\n\t}\r\n\treturn global;\r\n}\r\n\r\n/** Global options\r\n *\t@public\r\n *\t@namespace options {Object}\r\n */\r\nexport default {\r\n\r\n\tstore: null,\r\n\t\r\n\troot: getGlobal()\r\n\t//componentChange(component, element) { },\r\n\t/** If `true`, `prop` changes trigger synchronous component updates.\r\n\t *\t@name syncComponentUpdates\r\n\t *\t@type Boolean\r\n\t *\t@default true\r\n\t */\r\n\t//syncComponentUpdates: true,\r\n\r\n\t/** Processes all created VNodes.\r\n\t *\t@param {VNode} vnode\tA newly-created VNode to normalize/process\r\n\t */\r\n\t//vnode(vnode) { }\r\n\r\n\t/** Hook invoked after a component is mounted. */\r\n\t//afterMount(component) { },\r\n\r\n\t/** Hook invoked after the DOM is updated with a component's latest render. */\r\n\t//afterUpdate(component) { }\r\n\r\n\t/** Hook invoked immediately before a component is unmounted. */\r\n\t// beforeUnmount(component) { }\r\n};\r\n","import { h, h as createElement } from './h';\r\nimport options from './options';\r\nimport WeElement from './we-element';\r\nimport { render } from './render';\r\nimport { define } from './define'\r\n\r\nconst instances = [];\r\n\r\noptions.root.Omi = {\r\n\th,\r\n\tcreateElement,\r\n\tWeElement,\r\n\trender,\r\n\toptions,\r\n\tinstances,\r\n\tdefine\r\n};\r\n\r\noptions.root.Omi.version = '4.0.0';\r\n\r\nexport default {\r\n\th,\r\n\tcreateElement,\r\n\tWeElement,\r\n\trender,\r\n\toptions,\r\n\tinstances,\r\n\tdefine\r\n};\r\n\r\nexport {\r\n\th,\r\n\tcreateElement,\r\n\tWeElement,\r\n\trender,\r\n\toptions,\r\n\tinstances,\r\n\tdefine\r\n};\r\n"]} \ No newline at end of file diff --git a/examples/store/main.js b/examples/store/main.js index 1bcab1826..3d264322c 100644 --- a/examples/store/main.js +++ b/examples/store/main.js @@ -54,12 +54,12 @@ class TodoApp extends WeElement { define('todo-app', TodoApp) -const store = { +const store = { data: { items: [], text: '' }, - add:function(){ + add: function () { this.data.items.push({ - text:this.data.text, - id:Date.now() + text: this.data.text, + id: Date.now() }) this.data.text = '' this.update()