Merge branch 'dev'

* dev:
  update doc, update splitContent*
  update doc, add Pikajs.splitContentWithParity
  update doc, add Pikajs.splitContent
  delete Pikajs.splitAnimationElement
  update doc
  0.1.5 merge function into class, update doc,
  update doc with 1.4

.npmignore → .gitignore

@@ -1,4 +1,2 @@
 node_modules/
 package-lock.json
-
-.idea/

CHANGELOG.md

@@ -1,5 +1,14 @@
 # Pika JS
 
+## 0.1.5 2023-06-21
+
+1. Update document
+2. Remove `CalcMinMain` to `Pikajs.calcMinMain`
+3. Remove `InvalidInfo` to `Pikajs.invalidInfo`
+4. Remove `PassQCalc` to `Pikajs.passQCalc`
+5. Update `Pikajs.splitAnimationElement` to `Pikajs.splitContent`
+6. Add `Pikajs.splitContentWithParity`
+
 ## 0.1.4 2023-04-21
 
 1. Update document

DOCUMENT.md

@@ -1,6 +1,61 @@
 # Pika JS document
 
-## `PikaJS`
+## `Pikajs`
+
+### `calcMinMain`
+
+Calculate `min-height` and fill it in the style of the `main`, and ensure that main fills the entire page.
+
+```js
+window.addEventListener('load', (event) => {
+    Pikajs.calcMinMain();
+});
+```
+
+### `calcMinMain(parentNode)`
+
+Calculate `min-height` and fill it in the style of the `main`, and ensure that main fills the entire page.
+
+```js
+window.addEventListener('load', (event) => {
+    let app = document.getElementById('app');
+    Pikajs.calcMinMain(app);
+});
+```
+
+### `invalidInfo(inputId='',inputEId='', regex='', message='')`
+
+Add or remove a `p` tag with `inputEId` below the tag to display validation information.
+
+like this:
+
+```html
+<div>
+    <input type="text" id="{{inputId}}" />
+</div>
+<script>
+  document.getElementById('inputId').onchange = (event) => {
+    Pikajs.invalidInfo('{{inputId}}','{{inputEId}}', '{{regex}}', '{{message}}');
+    // when inputId is invalid with regex, add <p id="{{inputEId}}">{{message}}</p> under input.
+  }
+</script>
+```
+
+### `passQCalc(pass='')`
+
+Password Quality Calculator, if the value is greater than 80, it is a strong password.
+
+Async like this:
+
+```js
+async function pqcalc(pass='') {
+  return await Pikajs.passQCalc(pass);
+}
+
+pqcalc('P422w0Rd').then((result) => {
+    document.getElementById("rank").innerText = result;
+});
+```
 
 ### `getSelectorHeight(selector='')`
 
@@ -72,19 +127,19 @@ Get browser dark mode
 
 Return undefined is unsupported, true is dark mode, false is light mode
 
-### `splitAnimationElement(animEleText="")`
+### `splitContent(content = "", separator = "", splitTag = "")`
 
-Split animation element text
+Split content
 
 Convert like
 `<span class="animEles">test</span>`
 to
-`<span class="animEles"><span><em>t</em><em>e</em><em>s</em><em>t</em></span></span>`
+`<span class="animEles"><em>t</em><em>e</em><em>s</em><em>t</em></span>`
 
 ```javascript
 const animaEles = document.body.querySelectorAll(".animEles");
 animaEles.forEach((e) => {
-    Pikajs.splitAnimationElement(e.innerHTML)
+    Pikajs.splitContent(e.innerHTML, "", "em")
         .then(function (event) {
             e.innerHTML = event;
         })
@@ -94,56 +149,24 @@ animaEles.forEach((e) => {
 });
 ```
 
-## `CalcMinMain`
+### `splitContentWithParity(content = "", separator = "", splitTag = "", evenClass = "", oddClass = "")`
 
-Calculate `min-height` and fill it in the style of the `main`, and ensure that main fills the entire page.
+Split content with parity
 
-```js
-window.addEventListener('load', (event) => {
-    CalcMinMain();
-});
-```
-
-## `CalcMinMain(parentNode)`
-
-Calculate `min-height` and fill it in the style of the `main`, and ensure that main fills the entire page.
-
-```js
-window.addEventListener('load', (event) => {
-    let app = document.getElementById('app');
-    CalcMinMain(app);
-});
-```
-
-## `InvalidInfo(inputId='',inputEId='', regex='', message='')`
-
-Add or remove a `p` tag with `inputEId` below the tag to display validation information.
-
-like this:
-```html
-<div>
-    <input type="text" id="{{inputId}}" />
-</div>
-<script>
-  document.getElementById('inputId').onchange = (event) => {
-    InvalidInfo('{{inputId}}','{{inputEId}}', '{{regex}}', '{{message}}');
-    // when inputId is invalid with regex, add <p id="{{inputEId}}">{{message}}</p> under input.
-  }
-</script>
-```
-
-## `PassQCalc(pass='')`
-
-Password Quality Calculator, if the value is greater than 80, it is a strong password.
-
-Async like this:
-
-```js
-async function pqcalc(pass='') {
-  return await PassQCalc(pass);
-}
+Convert like
+`<span class="animEles">test</span>`
+to
+`<span class="anim-eles"><em class="even">t</em><em class="odd">e</em><em class="even">s</em><em class="odd">t</em></span>`
 
-pqcalc('P422w0Rd').then((result) => {
-    document.getElementById("rank").innerText = result;
+```javascript
+const animaEles = document.body.querySelectorAll(".animEles");
+animaEles.forEach((e) => {
+    Pikajs.splitContent(e.innerHTML, "", "em", "even", "odd")
+        .then(function (event) {
+            e.innerHTML = event;
+        })
+        .catch(function (error) {
+            console.log(error);
+        });
 });
 ```

README.md

@@ -18,7 +18,7 @@ A function toolkit.
 <link rel="dns-prefetch" href="https://cdn.jsdelivr.net">
 <link rel="preconnect" href="https://cdn.jsdelivr.net" />
 <link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin />
-<script src="https://cdn.jsdelivr.net/npm/@leonardwoo/pika-js/dist/pika.min.js" defer></script>
+<script async src="https://cdn.jsdelivr.net/npm/@leonardwoo/pika-js/dist/pika.min.js"></script>
 ```
 
 OR
@@ -27,7 +27,7 @@ OR
 <link rel="dns-prefetch" href="https://unpkg.com">
 <link rel="preconnect" href="https://unpkg.com" />
 <link rel="preconnect" href="https://unpkg.com" crossorigin />
-<script src="https://unpkg.com/@leonardwoo/pika-js/dist/pika.min.js" defer></script>
+<script async src="https://unpkg.com/@leonardwoo/pika-js/dist/pika.min.js"></script>
 ```
 
 ## Development Version
@@ -38,7 +38,7 @@ OR
 <link rel="dns-prefetch" href="https://cdn.jsdelivr.net">
 <link rel="preconnect" href="https://cdn.jsdelivr.net" />
 <link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin />
-<script src="https://cdn.jsdelivr.net/gh/leonardwoo/pika-js@dev/dist/pika.min.js" defer></script>
+<script async src="https://cdn.jsdelivr.net/gh/leonardwoo/pika-js@dev/dist/pika.min.js"></script>
 ```
 
 ## Document

package.json

@@ -1,10 +1,10 @@
 {
   "name": "@leonardwoo/pika-js",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "A function toolkit.",
   "main": "dist/pika.min.js",
   "scripts": {
-    "compress": "terser src/pika.js src/index.js -o dist/pika.min.js -c -m --comments --source-map"
+    "compress": "terser src/pika.js -o dist/pika.min.js -c -m --comments --source-map"
   },
   "repository": {
     "type": "git",