@joyzl/eno 1.0.0 → 1.0.2

package/index.js

@@ -11,14 +11,15 @@ export default {
 	query,
 	on,
 
-	toggle,
 	show,
 	hide,
+	toggle,
 
 	gets,
 	sets,
 	entity,
-	action
+	action,
+	element,
 }
 
 /**
@@ -40,6 +41,7 @@ function show(element) {
 		}
 	}
 }
+
 /**
  * 隐藏单个/多个元素
  * @param {Element} element
@@ -59,26 +61,37 @@ function hide(element) {
 		}
 	}
 }
+
 /**
- * 切换指定元素显示，其余元素隐藏
- * @param {Object} parent 父级
- * @param {Object} element 要显示的元素
+ * 切换指定元素显示，其余元素隐藏；
+ * 如果指定样式类名，则当前原始添加样式类，其余元素移除样式类
+ * @param {Element} parent 父级
+ * @param {Element} element 当前元素
+ * @param {String} className 类名称
  */
-function toggle(parent, element) {
-	if (arguments.length == 1) {
-		// toggle(element);
-
+function toggle(parent, element, className) {
+	if (parent && parent.trim) {
+		parent = select(parent);
 	}
-	if (parent && element) {
-		if (parent.trim) {
-			parent = select(parent);
-		}
-		if (element.trim) {
-			element = select(element);
-		}
+	if (element && element.trim) {
+		element = select(parent, element);
+
 		if (element.parentElement != parent) {
 			parent.appendChild(element);
 		}
+	}
+
+	if (arguments.length == 1) {
+		// toggle(element);
+		if (parent.hidden) {
+			parent.hidden = false;
+		} else {
+			parent.hidden = true;
+		}
+	} else
+	if (arguments.length == 2) {
+		// toggle(parent,element);
+		// display:flex 导致 hidden 属性失效而不会隐藏
 		for (let i = 0; i < parent.children.length; i++) {
 			if (element == parent.children[i]) {
 				parent.children[i].hidden = false;
@@ -86,6 +99,16 @@ function toggle(parent, element) {
 				parent.children[i].hidden = true;
 			}
 		}
+	} else
+	if (arguments.length == 3) {
+		// toggle(parent,element,className);
+		for (let i = 0; i < parent.children.length; i++) {
+			parent.children[i].hidden = false;
+			parent.children[i].classList.remove(className);
+			if (element == parent.children[i]) {
+				parent.children[i].classList.add(className);
+			}
+		}
 	}
 }
 
@@ -384,6 +407,7 @@ function gets(element, converter = defaultConverter) {
 		}
 	}
 }
+
 /**
  * 从指定JSON设置元素值，以name属性作为标识
  * @param {Element} element 元素
@@ -418,12 +442,14 @@ function sets(element, parameter, converter = defaultConverter) {
 				// }
 
 				let i = 0;
+				// 利用ENO_SET记录并判定是否首次
 				if (element.ENO_SETS) {
 					element.ENO_SETS = element.ENO_SETS + 1;
 				} else {
 					element.ENO_SETS = 1;
 					// ...<template>...
 					for (; i < element.children.length; i++) {
+						// 只有<template>模板具有content属性
 						if (element.children[i].content) {
 							element.template = element.children[i];
 							element.a = ++i;
@@ -450,14 +476,12 @@ function sets(element, parameter, converter = defaultConverter) {
 							} else {
 								// 克隆新的元素(DocumentFragment)
 								node = element.template.content.cloneNode(true);
-								n = i * element.template.content.childElementCount;
-								node = element.insertBefore(node, element.children[element.a + n]);
-								node = node.children;
-								for (n = 0; n < node.length; n++) {
-									node[n].userData = parameter[i];
-									set(node[n], parameter[i], converter);
-									node[n].hidden = false;
+								for (n = 0; n < node.childElementCount; n++) {
+									node.children.item(n).userData = parameter[i];
+									set(node.children.item(n), parameter[i], converter);
+									node.children.item(n).hidden = false;
 								}
+								element.insertBefore(node, element.children[element.a + i * node.childElementCount]);
 							}
 						}
 						// 移除多余元素
@@ -501,11 +525,13 @@ function sets(element, parameter, converter = defaultConverter) {
 						}
 						return element;
 					} else { // []
-						// 保留模板
-						element.children[0].hidden = true;
-						// 移除多余元素
-						while (element.children.length > 1) {
-							element.children[1].remove();
+						if (element.children.length) {
+							// 保留模板
+							element.children[0].hidden = true;
+							// 移除多余元素
+							while (element.children.length > 1) {
+								element.children[1].remove();
+							}
 						}
 						return element;
 					}
@@ -543,6 +569,7 @@ function sets(element, parameter, converter = defaultConverter) {
 		}
 	}
 }
+
 /**
  * 获取元素值
  * <input name="AAA" value="123"/>
@@ -568,10 +595,11 @@ function get(element, parameter, converter) {
 	}
 	if (element.childElementCount) {
 		for (let i = 0; i < element.children.length; i++) {
-			get(element.children[i], parameter);
+			get(element.children[i], parameter, converter);
 		}
 	}
 }
+
 /**
  * 设置元素值
  * <input name="AAA" value="123"/>
@@ -601,6 +629,7 @@ function set(element, parameter, converter) {
 		}
 	}
 }
+
 /**
  * 根据名称获取对象值
  * @param {Object} o 对象
@@ -628,6 +657,7 @@ function vale(o, name) {
 	}
 	return o;
 }
+
 /**
  * 根据名称设置对象值
  * @param {Object} o
@@ -649,6 +679,7 @@ function valu(o, name, value) {
 	o[name[i]] = value;
 	return o;
 }
+
 /**
  * 转换为字符串值
  * @param {Object} o
@@ -663,15 +694,26 @@ function text(o) {
 	}
 	return "";
 }
+
 /**
  * 根据事件或元素获取由sets关联的实体对象
  */
-function entity(e) {
-	if (e.target) {
-		e = e.target;
+function entity(e, selector) {
+	if (arguments.length == 1) {
+		// entity(event);
+		if (e.nodeType) {
+			e = e;
+		} else
+		if (e && e.target) {
+			e = e.target;
+		} else
+		if (e && e.srcElement) {
+			e = e.srcElement;
+		}
 	} else
-	if (e.srcElement) {
-		e = e.srcElement;
+	if (arguments.length == 2) {
+		// entity(element,selector);
+		e = select(e, selector);
 	}
 
 	while (e) {
@@ -683,6 +725,7 @@ function entity(e) {
 	}
 	return null;
 }
+
 /**
  * 根据事件或元素获取属性指定的动作
  * @param {Event} e
@@ -704,4 +747,26 @@ function action(e, a) {
 		}
 	}
 	return false;
+}
+
+/**
+ * 根据事件获取绑定实体的元素
+ * @param {Event} e
+ */
+function element(e) {
+	if (e && e.target) {
+		e = e.target;
+	} else
+	if (e && e.srcElement) {
+		e = e.srcElement;
+	}
+
+	while (e) {
+		if (e.userData) {
+			return e;
+		} else {
+			e = e.parentElement;
+		}
+	}
+	return null;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@joyzl/eno",
-	"version": "1.0.0",
+	"version": "1.0.2",
 	"description": "Easy Node Object",
 	"main": "index.js",
 	"scripts": {