refactor(index): export all to top level and optimize code

site/data/author.js

@@ -1,5 +1,5 @@
 export default {
 	name: 'Kate Kuo',
 	github: 'https://github.com/gyx8899',
-	email: 'gyx8899@126.com'
-}
+	email: 'gyx8899@126.com',
+};

site/data/github.js

@@ -1,4 +1,4 @@
 export default {
 	name: 'yx-js',
 	href: 'https://github.com/gyx8899/yx-js',
-}
+};

site/data/index.js

@@ -6,4 +6,4 @@ export {
 	Author,
 	Npm,
 	Github,
-}
+};

site/data/npm.js

@@ -1,4 +1,4 @@
 export default {
 	name: 'yx-js',
 	href: 'https://www.npmjs.com/package/@daybyday/yx-js'
-}
+};

site/pages/samples/index.jsx

@@ -1,16 +1,18 @@
+// eslint-disable-next-line import/no-extraneous-dependencies
 import React from 'react';
+import * as YX from '../../../src/index';
 
-function Samples () {
-
+function Samples() {
+	console.log(YX);
 	return (
 			<div className="Sample">
 				<ul>
-					<li><a href='/site/pages/html/ClassName.html'>ClassName</a></li>
-					<li><a href='/site/pages/html/Event.html'>Event</a></li>
-					<li><a href='/site/pages/html/mouseTouchTrack.html'>mouseTouchTrack</a></li>
-					<li><a href='/site/pages/html/MVVM.html'>MVVM</a></li>
-					<li><a href='/site/pages/html/ObserverObject.html'>ObserverObject</a></li>
-					<li><a href='/site/pages/html/util.html'>util</a></li>
+					<li><a href="/site/pages/html/ClassName.html">ClassName</a></li>
+					<li><a href="/site/pages/html/Event.html">Event</a></li>
+					<li><a href="/site/pages/html/mouseTouchTrack.html">mouseTouchTrack</a></li>
+					<li><a href="/site/pages/html/MVVM.html">MVVM</a></li>
+					<li><a href="/site/pages/html/ObserverObject.html">ObserverObject</a></li>
+					<li><a href="/site/pages/html/util.html">util</a></li>
 				</ul>
 			</div>
 	);

src/index.js

@@ -1,85 +1,38 @@
-import * as algorithm from './util/Algorithm';
-import * as animateElement from './util/AnimateElement';
-import * as animateTiming from './util/AnimateTiming';
-import * as array from './util/Array';
-import * as browser from './util/Browser';
-import * as device from './util/Device';
-import * as element from './util/Element';
-import * as event from './util/Event';
-import * as html from './util/HTML';
-import * as is from './util/IS';
-import * as load from './util/Load';
-import * as math from './util/Math';
-import * as navigator from './util/Navigator';
-import * as page from './util/Page';
-import * as plugin from './util/Plugin';
-import * as regExp from './util/RegExp';
-import * as string from './util/String';
-import * as tool from './util/Tool';
-import * as url from './util/URL';
+export * from './util/Algorithm';
+export * from './util/AnimateElement';
+export * from './util/AnimateTiming';
+export * from './util/Array';
+export * from './util/Browser';
+export * from './util/Device';
+export * from './util/Element';
+export * from './util/Event';
+export * from './util/HTML';
+export * from './util/IS';
+export * from './util/Load';
+export * from './util/Math';
+export * from './util/Navigator';
+export * from './util/Page';
+export * from './util/Plugin';
+export * from './util/RegExp';
+export * from './util/String';
+export * from './util/Tool';
+export * from './util/URL';
 
-import Event from './class/Event';
-import FullScreen from './class/FullScreen';
-import Graph from './class/Graph';
-import HeightTranslation from './class/HeightTranslation';
-import HoverSelect from './class/HoverSelect';
-import MVVM from './class/MVVM';
-import MVVMComponent from './class/MVVMComponent';
-import mix from './class/mix';
-import NotificationHelper from './class/NotificationHelper';
-import ObserverAttribute from './class/ObserverAttribute';
-import ObserverClassName from './class/ObserverClassName';
-import ObserverMutation from './class/ObserverMutation';
-import ObserverNode from './class/ObserverNode';
-import ObserverObject from './class/ObserverObject';
-import PopupDismiss from './class/PopupDismiss';
-import ResponsiveIFrame from './class/ResponsiveIFrame';
-import SharedWorkers from './class/SharedWorkers';
-import WebWorker from './class/WebWorker';
-
-const YX = {
-  util: {
-    algorithm,
-    animateElement,
-    animateTiming,
-    array,
-    browser,
-    device,
-    element,
-    event,
-    html,
-    is,
-    load,
-    math,
-    navigator,
-    page,
-    plugin,
-    regExp,
-    string,
-    tool,
-    url,
-  },
-  class: {
-    Event,
-    FullScreen,
-    Graph,
-    HeightTranslation,
-    HoverSelect,
-    mix,
-    MVVM,
-    MVVMComponent,
-    NotificationHelper,
-    ObserverAttribute,
-    ObserverClassName,
-    ObserverMutation,
-    ObserverNode,
-    ObserverObject,
-    PopupDismiss,
-    ResponsiveIFrame,
-    SharedWorkers,
-    WebWorker,
-  },
-  event: new Event(),
-};
-
-export default YX;
+export {default as Event} from './class/Event';
+export {default as FullScreen} from './class/FullScreen';
+export {default as Graph} from './class/Graph';
+export {default as HeightTranslation} from './class/HeightTranslation';
+export {default as HoverSelect} from './class/HoverSelect';
+export {default as MVVM} from './class/MVVM';
+export {default as MVVMComponent} from './class/MVVMComponent';
+export {default as mix} from './class/mix';
+export {default as NotificationHelper} from './class/NotificationHelper';
+export {default as ObserverAttribute} from './class/ObserverAttribute';
+export {default as ObserverClassName} from './class/ObserverClassName';
+export {default as ObserverMutation} from './class/ObserverMutation';
+export {default as ObserverNode} from './class/ObserverNode';
+export {default as ObserverObject} from './class/ObserverObject';
+export {default as PopupDismiss} from './class/PopupDismiss';
+export {default as ResponsiveIFrame} from './class/ResponsiveIFrame';
+export {default as SharedWorkers} from './class/SharedWorkers';
+export {default as WebWorker} from './class/WebWorker';

src/util/Element.js

@@ -256,6 +256,7 @@ export {
 	matches,
 	closest,
 	hasClosest,
+	parentsUntil,
 	convertNodeListToArray,
 	insertStyleToHead,
 	createTagElement,