--> or
--> TEXT)
- if (morphedNodeType === ELEMENT_NODE) {
- if (toNodeType === ELEMENT_NODE) {
- if (!compareNodeNames(fromNode, toNode)) {
- onNodeDiscarded(fromNode);
- morphedNode = moveChildren(fromNode, createElementNS(toNode.nodeName, toNode.namespaceURI));
- }
- } else {
- // Going from an element node to a text node
- morphedNode = toNode;
- }
- } else if (morphedNodeType === TEXT_NODE || morphedNodeType === COMMENT_NODE) {
- // Text or comment node
- if (toNodeType === morphedNodeType) {
- morphedNode.nodeValue = toNode.nodeValue;
- return morphedNode;
- } else {
- // Text node to something else
- morphedNode = toNode;
- }
- }
- }
-
- if (morphedNode === toNode) {
- // The "to node" was not compatible with the "from node" so we had to
- // toss out the "from node" and use the "to node"
- onNodeDiscarded(fromNode);
- } else {
- morphEl(morphedNode, toNode, childrenOnly);
-
- // We now need to loop over any keyed nodes that might need to be
- // removed. We only do the removal if we know that the keyed node
- // never found a match. When a keyed node is matched up we remove
- // it out of fromNodesLookup and we use fromNodesLookup to determine
- // if a keyed node has been matched up or not
- if (keyedRemovalList) {
- for (var i = 0, len = keyedRemovalList.length; i < len; i++) {
- var elToRemove = fromNodesLookup[keyedRemovalList[i]];
- if (elToRemove) {
- removeNode(elToRemove, elToRemove.parentNode, false);
- }
- }
- }
- }
-
- if (!childrenOnly && morphedNode !== fromNode && fromNode.parentNode) {
- if (morphedNode.actualize) {
- morphedNode = morphedNode.actualize(fromNode.ownerDocument || doc);
- }
- // If we had to swap out the from node with a new node because the old
- // node was not compatible with the target node then we need to
- // replace the old DOM node in the original DOM tree. This is only
- // possible if the original DOM node was part of a DOM tree which
- // we know is the case if it has a parent node.
- fromNode.parentNode.replaceChild(morphedNode, fromNode);
- }
-
- return morphedNode;
- };
- }
-
- var morphdom = morphdomFactory(morphAttrs);
-
- return morphdom;
- });
-
-/***/ },
-/* 9 */
-/***/ function(module, exports) {
-
- "use strict";
-
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- /*
- * html2json for omi
- * https://github.com/AlloyTeam/omi
- *
- * Original code by John Resig (ejohn.org)
- * http://ejohn.org/blog/pure-javascript-html-parser/
- * Original code by Erik Arvidsson, Mozilla Public License
- * http://erik.eae.net/simplehtmlparser/simplehtmlparser.js
- * Original code by Jxck
- * https://github.com/Jxck/html2json
- */
-
- // Regular Expressions for parsing tags and attributes
- var startTag = /^<([-A-Za-z0-9_]+)((?:\s+[a-zA-Z_:][-a-zA-Z0-9_:.]*(?:\s*=\s*(?:(?:"[^"]*")|(?:'[^']*')|[^>\s]+))?)*)\s*(\/?)>/,
- endTag = /^<\/([-A-Za-z0-9_]+)[^>]*>/,
- attr = /([a-zA-Z_:][-a-zA-Z0-9_:.]*)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|([^>\s]+)))?/g;
-
- var HTMLParser = function HTMLParser(html, handler) {
- var index,
- chars,
- match,
- stack = [],
- last = html;
- stack.last = function () {
- return this[this.length - 1];
- };
-
- while (html) {
- chars = true;
-
- // Make sure we're not in a script or style element
- if (!stack.last()) {
-
- if (html.indexOf("]*>"), function (all, text) {
-
- if (handler.chars) handler.chars(text);
-
- return "";
- });
-
- parseEndTag("", stack.last());
- }
-
- if (html == last) throw "Parse Error: " + html;
- last = html;
- }
-
- // Clean up any remaining tags
- parseEndTag();
-
- function parseStartTag(tag, tagName, rest, unary) {
- tagName = tagName.toLowerCase();
-
- unary = !!unary;
-
- if (!unary) stack.push(tagName);
-
- if (handler.start) {
- var attrs = [];
-
- rest.replace(attr, function (match, name) {
- var value = arguments[2] ? arguments[2] : arguments[3] ? arguments[3] : arguments[4] ? arguments[4] : "";
-
- attrs.push({
- name: name,
- value: value,
- escaped: value.replace(/(^|[^\\])"/g, '$1\\\"') //"
- });
- });
-
- if (handler.start) handler.start(tagName, attrs, unary);
- }
- }
-
- function parseEndTag(tag, tagName) {
- // If no tag name is provided, clean shop
- if (!tagName) var pos = 0;
-
- // Find the closest opened tag of the same type
- else for (var pos = stack.length - 1; pos >= 0; pos--) {
- if (stack[pos] == tagName) break;
- }if (pos >= 0) {
- // Close all the open elements, up the stack
- for (var i = stack.length - 1; i >= pos; i--) {
- if (handler.end) handler.end(stack[i]);
- } // Remove the open elements from the stack
- stack.length = pos;
- }
- }
- };
-
- var DEBUG = false;
- var debug = DEBUG ? console.log.bind(console) : function () {};
-
- // Production steps of ECMA-262, Edition 5, 15.4.4.21
- // Reference: http://es5.github.io/#x15.4.4.21
- if (!Array.prototype.reduce) {
- Array.prototype.reduce = function (callback /*, initialValue*/) {
- 'use strict';
-
- if (this == null) {
- throw new TypeError('Array.prototype.reduce called on null or undefined');
- }
- if (typeof callback !== 'function') {
- throw new TypeError(callback + ' is not a function');
- }
- var t = Object(this),
- len = t.length >>> 0,
- k = 0,
- value;
- if (arguments.length == 2) {
- value = arguments[1];
- } else {
- while (k < len && !(k in t)) {
- k++;
- }
- if (k >= len) {
- throw new TypeError('Reduce of empty array with no initial value');
- }
- value = t[k++];
- }
- for (; k < len; k++) {
- if (k in t) {
- value = callback(value, t[k], k, t);
- }
- }
- return value;
- };
- }
-
- var html2json = function html2json(html) {
-
- var bufArray = [];
- var results = {
- node: 'root',
- child: []
- };
- HTMLParser(html, {
- start: function start(tag, attrs, unary) {
- debug(tag, attrs, unary);
- // node for this element
- var node = {
- node: 'element',
- tag: tag
- };
- if (attrs.length !== 0) {
- node.attr = attrs.reduce(function (pre, attr) {
- var name = attr.name;
- var value = attr.value;
-
- pre[name] = value;
- return pre;
- }, {});
- }
- if (unary) {
- // if this tag dosen't have end tag
- // like 
- // add to parents
- var parent = bufArray[0] || results;
- if (parent.child === undefined) {
- parent.child = [];
- }
- parent.child.push(node);
- } else {
- bufArray.unshift(node);
- }
- },
- end: function end(tag) {
- debug(tag);
- // merge into parent tag
- var node = bufArray.shift();
- if (node.tag !== tag) console.error('invalid state: mismatch end tag');
-
- if (bufArray.length === 0) {
- results.child.push(node);
- } else {
- var parent = bufArray[0];
- if (parent.child === undefined) {
- parent.child = [];
- }
- parent.child.push(node);
- }
- },
- chars: function chars(text) {
- debug(text);
- var node = {
- node: 'text',
- text: text
- };
- if (bufArray.length === 0) {
- results.child.push(node);
- } else {
- var parent = bufArray[0];
- if (parent.child === undefined) {
- parent.child = [];
- }
- parent.child.push(node);
- }
- }
- });
- return results;
- };
-
- exports["default"] = html2json;
-
-/***/ }
-/******/ ]);
\ No newline at end of file
diff --git a/example/jsx-like-event/hello.js b/example/jsx-like-event/hello.js
deleted file mode 100644
index 8656fe188..000000000
--- a/example/jsx-like-event/hello.js
+++ /dev/null
@@ -1,36 +0,0 @@
-import Omi from '../../src/index.js';
-
-class Hello extends Omi.Component {
- constructor(data) {
- super(data);
- }
- style () {
- return `
- h1{
- cursor:pointer;
- }
- `;
- }
- handleClick(target, evt){
- alert(target.innerHTML);
- this.data.onXX();
- }
- render() {
- return `
- 
-
-
-
-
\ No newline at end of file
diff --git a/example/jsx-like-event/main.js b/example/jsx-like-event/main.js
deleted file mode 100644
index 117f9baa0..000000000
--- a/example/jsx-like-event/main.js
+++ /dev/null
@@ -1,29 +0,0 @@
-import Hello from './hello.js';
-
-
-Omi.makeHTML('Hello', Hello);
-
-class App extends Omi.Component {
- constructor(data) {
- super(data);
- }
-
- SFDSF(){
- alert(3)
- }
-
- render() {
- return `
-
- // add to parents
- var parent = bufArray[0] || results;
- if (parent.child === undefined) {
- parent.child = [];
- }
- parent.child.push(node);
- } else {
- bufArray.unshift(node);
- }
- },
- end: function end(tag) {
- debug(tag);
- // merge into parent tag
- var node = bufArray.shift();
- if (node.tag !== tag) console.error('invalid state: mismatch end tag');
-
- if (bufArray.length === 0) {
- results.child.push(node);
- } else {
- var parent = bufArray[0];
- if (parent.child === undefined) {
- parent.child = [];
- }
- parent.child.push(node);
- }
- },
- chars: function chars(text) {
- debug(text);
- var node = {
- node: 'text',
- text: text
- };
- if (bufArray.length === 0) {
- results.child.push(node);
- } else {
- var parent = bufArray[0];
- if (parent.child === undefined) {
- parent.child = [];
- }
- parent.child.push(node);
- }
- }
- });
- return results;
- };
-
- exports["default"] = html2json;
-
-/***/ }
-/******/ ]);
\ No newline at end of file
diff --git a/example/jsx-like-event/hello.js b/example/jsx-like-event/hello.js
deleted file mode 100644
index 8656fe188..000000000
--- a/example/jsx-like-event/hello.js
+++ /dev/null
@@ -1,36 +0,0 @@
-import Omi from '../../src/index.js';
-
-class Hello extends Omi.Component {
- constructor(data) {
- super(data);
- }
- style () {
- return `
- h1{
- cursor:pointer;
- }
- `;
- }
- handleClick(target, evt){
- alert(target.innerHTML);
- this.data.onXX();
- }
- render() {
- return `
-
- {{{img}}}
-
- `;
-
- }
-}
-
-
-export default Hello;
diff --git a/example/jsx-like-event/index.html b/example/jsx-like-event/index.html
deleted file mode 100644
index 7814243ca..000000000
--- a/example/jsx-like-event/index.html
+++ /dev/null
@@ -1,16 +0,0 @@
-
-
-
-
- Hello, {{name}}!
-
-
-
-
-
\ No newline at end of file
diff --git a/example/jsx-like-event/main.js b/example/jsx-like-event/main.js
deleted file mode 100644
index 117f9baa0..000000000
--- a/example/jsx-like-event/main.js
+++ /dev/null
@@ -1,29 +0,0 @@
-import Hello from './hello.js';
-
-
-Omi.makeHTML('Hello', Hello);
-
-class App extends Omi.Component {
- constructor(data) {
- super(data);
- }
-
- SFDSF(){
- alert(3)
- }
-
- render() {
- return `
-
-
- `;
-
- }
-}
-
-Omi.render(new App(),"#container");
\ No newline at end of file