complete strings document, adjust structure

lib/ui/checkbox.d.ts

@@ -10,4 +10,4 @@ interface CheckboxOptions {
 }
 
 export function createCheckbox(opts?: CheckboxOptions): HTMLElement
-export function resolveCheckbox(container: HTMLElement, legacy?: boolean): HTMLElement
+export function resolveCheckbox(container?: HTMLElement, legacy?: boolean): HTMLElement

lib/ui/checkbox.html

@@ -54,10 +54,10 @@
     复选框改变时触发的事件
   </p>
   <h2>resolveCheckbox</h2>
-  <code>function resolveCheckbox(container: HTMLElement, legacy?: boolean): HTMLElement</code>
+  <code>function resolveCheckbox(container?: HTMLElement, legacy?: boolean): HTMLElement</code>
-  <h3>container: HTMLElement</h3>
+  <h3>container?: HTMLElement</h3>
   <p>
-    将把此 HTML 元素下的所有 <code>label[data-checkbox]</code> 元素解析为复选框，<code>[data-id]</code> 为复选框元素的 id，包含
+    将把此 HTML 元素，为 null 则把 document.body 下的所有 <code>label[data-checkbox]</code> 元素解析为复选框，<code>[data-id]</code> 为复选框元素的 id，包含
     <code>[data-checked]</code> 时复选框默认选中。
   </p>
   <p>当该元素无子元素时，<code>[data-type]</code> 同上述参数中的 <code>type?: string</code>，<code>[data-label]</code> 同上述参数中的

lib/ui/checkbox.js

@@ -50,27 +50,42 @@ function createCheckbox(opts) {
 }
 
 function resolveCheckbox(container, legacy) {
+    if (container == null) {
+        container = document.body;
+    }
     if (legacy) {
         const checks = container.querySelectorAll('input[type="checkbox"]');
         for (let chk of checks) {
+            if (chk.parentElement.querySelector('layer.check-box-inner') != null) {
+                continue;
+            }
             const id = chk.id;
-            let label;
+            let label, text;
             if (id != null) {
                 label = container.querySelector(`label[for="${id}"]`);
             }
             if (label == null) {
                 const e = chk.nextElementSibling;
-                if (e != null && e.tagName === 'LABEL') {
+                if (e != null) {
-                    label = e;
+                    if (e.tagName === 'LABEL') {
+                        label = e;
+                    } else if (e.tagName === 'SPAN' && e.getAttribute('data-lgid') != null) {
+                        text = e.innerText;
+                        e.style.display = 'none';
+                    }
                 }
             }
             if (label == null) {
                 const e = chk.previousElementSibling;
-                if (e != null && e.tagName === 'LABEL') {
+                if (e != null) {
-                    label = e;
+                    if (e.tagName === 'LABEL') {
+                        label = e;
+                    } else if (text == null && e.tagName === 'SPAN' && e.getAttribute('data-lgid') != null) {
+                        text = e.innerText;
+                        e.style.display = 'none';
+                    }
                 }
             }
-            let text;
             if (label == null) {
                 label = document.createElement('label');
                 chk.parentElement.insertBefore(label, chk);

lib/ui/icon.js

@@ -5,7 +5,7 @@ function createUse(type, id) {
     const path = c.path || '';
     const ver = c.resver == null ? '' : `?${c.resver}`;
     const use = document.createElementNS(svgns, 'use');
-    use.setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', `${path}lib/fonts/${type}.svg${ver}#${id}`);
+    use.setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', `${path}fonts/${type}.svg${ver}#${id}`);
     return use;
 }
 

lib/ui/tooltip.d.ts

@@ -1,2 +1,2 @@
 export function setTooltip(container: HTMLElement, content: string | HTMLElement): void
-export function resolveTooltip(container: HTMLElement): HTMLElement
+export function resolveTooltip(container?: HTMLElement): HTMLElement

lib/ui/tooltip.html

@@ -15,10 +15,10 @@
         要设置的 tooltip 内容，允许为字符串或者 HTML 元素
     </p>
     <h2>resolveTooltip</h2>
-    <code>function resolveTooltip(container: HTMLElement): HTMLElement</code>
+    <code>function resolveTooltip(container?: HTMLElement): HTMLElement</code>
-    <h3>container: HTMLElement</h3>
+    <h3>container?: HTMLElement</h3>
     <p>
-        给此元素下的所有含有 title 属性的子元素设置成统一样式的 tooltip
+        给此元素，为 null 则把 document.body 下的所有含有 title 属性的子元素设置成统一样式的 tooltip
     </p>
     <hr />
     <h2>示例</h2>

lib/ui/tooltip.js

@@ -49,6 +49,9 @@ function setTooltip(container, content) {
 }
 
 function resolveTooltip(container) {
+    if (container == null) {
+        container = document.body;
+    }
     const tips = container.querySelectorAll('[title]');
     for (let tip of tips) {
         const title = tip.getAttribute('title');

lib/utility/strings.html

@@ -0,0 +1,61 @@
+<div>
+    <h1>strings</h1>
+    <hr />
+    <p>
+        字符串操作工具类。
+    </p>
+    <h2>nullOrEmpty</h2>
+    <code>function nullOrEmpty(s?: string | any | null): boolean</code>
+    <h3>s?: string | any | null</h3>
+    <p>
+        待判断的对象，非字符串或者长度为 0 则返回 true
+    </p>
+    <h2>contains</h2>
+    <code>function contains(s: string, key: string | any, ignoreCase?: boolean): boolean</code>
+    <h3>s: string</h3>
+    <p>
+        待判断的字符串
+    </p>
+    <h3>key: string | any</h3>
+    <p>
+        检查字符串中是否含有该值，非字符串会先转换为字符串后再进行判断
+    </p>
+    <h3>ignoreCase?: boolean</h3>
+    <p>
+        判断时是否忽略大小写
+    </p>
+    <h2>endsWith</h2>
+    <code>function endsWith(s: string, suffix: string): boolean</code>
+    <h3>s: string</h3>
+    <p>
+        待判断的字符串
+    </p>
+    <h3>suffix: string</h3>
+    <p>
+        检查字符串是否以该字符串结尾
+    </p>
+    <h2>padStart</h2>
+    <code>function padStart(s: string, num: Number, char: string): boolean</code>
+    <h3>s: string</h3>
+    <p>
+        基础字符串
+    </p>
+    <h3>num: Number</h3>
+    <p>
+        对齐字符个数
+    </p>
+    <h3>char: string</h3>
+    <p>
+        用此字符串填充，使得字符串对齐，默认为 ' '
+    </p>
+    <hr />
+    <h2>用法</h2>
+    <pre>const util = window["lib-utility"];
+
+let s = 'test string';
+console.log(util.nullOrEmpty(s));   // false
+console.log(util.contains(s, 'abc'));    // true
+console.log(util.endsWith(s, 'string'));    // true
+s = util.padStart(s, 16, '0');
+// '00000test string'</pre>
+</div>