@xwadex/fesd 0.0.19 → 0.0.21

package/dist/tools-bundle.js

@@ -1,19 +1,19 @@
-var U = (r, e, t) => {
+var M = (r, e, t) => {
   if (!e.has(r))
     throw TypeError("Cannot " + t);
 };
-var V = (r, e, t) => {
+var D = (r, e, t) => {
   if (e.has(r))
     throw TypeError("Cannot add the same private member more than once");
   e instanceof WeakSet ? e.add(r) : e.set(r, t);
 };
-var _ = (r, e, t) => (U(r, e, "access private method"), t);
-import { n as z, o as C } from "./image-preview-bundle.js";
-import { x as ue, B as de, z as fe, G as pe, F as me, J as ye, K as he, E as ve, L as ge, O as be, P as xe, Q as Se, X as ke, Y as Ae, w as Ee, U as we, W as qe, u as Ce, t as Le, V as Oe, q as Te, r as Fe, p as Ge, S as $e, y as Ie, H as Ne, N as Ve } from "./image-preview-bundle.js";
-import { o as H, z as P } from "./vendor-bundle.js";
-import b from "jquery";
+var V = (r, e, t) => (M(r, e, "access private method"), t);
+import { n as U, o as q } from "./image-preview-bundle.js";
+import { x as ue, B as de, z as fe, G as pe, F as me, J as ye, K as he, E as ve, L as ge, O as be, P as ke, Q as xe, X as Se, Y as Ae, w as Ee, U as we, W as Ce, u as qe, t as Le, V as Oe, q as Te, r as Fe, p as Ge, S as $e, y as Ie, H as Ne, N as De } from "./image-preview-bundle.js";
+import { o as z, z as H } from "./vendor-bundle.js";
+import v from "jquery";
 import w from "validator";
-import D from "flatpickr";
+import _ from "flatpickr";
 function se() {
   if (!document.body.classList.contains("error") || document.querySelector(".back-home") == null)
     return;
@@ -25,55 +25,55 @@ function se() {
 }
 function Q(r, e = r) {
   if (r.complete) {
-    const o = new H().getColor(r), i = o[0] * 0.299 + o[1] * 0.587 + o[2] * 0.114;
-    G(i, e), e.classList.add("detected");
+    const o = new z().getColor(r), s = o[0] * 0.299 + o[1] * 0.587 + o[2] * 0.114;
+    G(s, e), e.classList.add("detected");
   }
 }
 function G(r, e) {
   const t = e.getAttribute("addClassEl");
   r >= 192 ? t && t !== "" ? t.split(",").forEach((o) => {
-    var i;
-    e.closest(o) || console.error(`closest "${o}" not found`), (i = e.closest(o)) == null || i.classList.add("is-light");
+    var s;
+    e.closest(o) || console.error(`closest "${o}" not found`), (s = e.closest(o)) == null || s.classList.add("is-light");
   }) : e.classList.add("is-light") : t && t !== "" ? t.split(",").forEach((o) => {
-    var i;
-    e.closest(o) || console.error(`closest "${o}" not found`), (i = e.closest(o)) == null || i.classList.add("is-dark");
+    var s;
+    e.closest(o) || console.error(`closest "${o}" not found`), (s = e.closest(o)) == null || s.classList.add("is-dark");
   }) : e.classList.add("is-dark");
 }
 function W(r, e, t) {
-  const o = document.createElement("canvas"), i = o.getContext("2d");
+  const o = document.createElement("canvas"), s = o.getContext("2d");
   if (o.width = 50, o.height = 50, r !== "" && e === "")
-    i.fillStyle = r;
+    s.fillStyle = r;
   else if (r !== "" && e !== "") {
-    const f = i.createLinearGradient(0, 0, o.width, o.height);
-    f.addColorStop(0, r), f.addColorStop(1, e), i.fillStyle = f;
+    const p = s.createLinearGradient(0, 0, o.width, o.height);
+    p.addColorStop(0, r), p.addColorStop(1, e), s.fillStyle = p;
   }
-  i.fillRect(0, 0, o.width, o.height);
-  const p = new Image();
-  return p.src = o.toDataURL(), p.crossOrigin = "Anonymous", p.addEventListener("load", function() {
+  s.fillRect(0, 0, o.width, o.height);
+  const d = new Image();
+  return d.src = o.toDataURL(), d.crossOrigin = "Anonymous", d.addEventListener("load", function() {
     Q(this, t);
-  }), p;
+  }), d;
 }
 function ie() {
   [...document.querySelectorAll(".detect-shade:not(.detected)")].forEach((e) => {
     if (e.tagName === "IMG")
       return;
-    const t = ["#FFF", "#FFFFFF", "#fff", "#ffffff"], o = ["#000", "#000000"], i = getComputedStyle(e).getPropertyValue("--start-color"), p = getComputedStyle(e).getPropertyValue("--end-color");
-    if (i === "" && p === "") {
+    const t = ["#FFF", "#FFFFFF", "#fff", "#ffffff"], o = ["#000", "#000000"], s = getComputedStyle(e).getPropertyValue("--start-color"), d = getComputedStyle(e).getPropertyValue("--end-color");
+    if (s === "" && d === "") {
       console.error(e, "=> No color set!");
       return;
-    } else if (t.indexOf(i) > 0) {
+    } else if (t.indexOf(s) > 0) {
       console.warn(e, "=> TypeError!! ( #FFF ) "), G(255, e);
       return;
-    } else if (o.indexOf(i) > 0) {
+    } else if (o.indexOf(s) > 0) {
       console.warn(e, "=> TypeError!! ( #000 ) "), G(0, e);
       return;
     }
-    W(i, p, e);
+    W(s, d, e);
   });
 }
 const O = {
   CG_A: function(r) {
-    b("html,body").delay(100).animate(
+    v("html,body").delay(100).animate(
       { opacity: "0" },
       {
         queue: !0,
@@ -86,7 +86,7 @@ const O = {
     );
   },
   CG_B: function(r) {
-    b("main").append("<div id='CG_Abg'><div class='CG_Abg1'></div><div class='CG_Abg2'></div></div>"), b("body").delay(1200).animate(
+    v("main").append("<div id='CG_Abg'><div class='CG_Abg1'></div><div class='CG_Abg2'></div></div>"), v("body").delay(1200).animate(
       { opacity: "0" },
       {
         queue: !0,
@@ -101,7 +101,7 @@ const O = {
     );
   },
   CG_C: function(r) {
-    b("main").append("<div id='CG_Bbg'></div>"), b("body").delay(1200).animate(
+    v("main").append("<div id='CG_Bbg'></div>"), v("body").delay(1200).animate(
       { opacity: "0" },
       {
         queue: !0,
@@ -116,7 +116,7 @@ const O = {
     );
   },
   CG_D: function(r) {
-    b("main").append("<div id='CG_Cbg'><div class='CG_Cbg1'></div><div class='CG_Cbg2'></div></div>"), b("body").delay(1200).animate(
+    v("main").append("<div id='CG_Cbg'><div class='CG_Cbg1'></div><div class='CG_Cbg2'></div></div>"), v("body").delay(1200).animate(
       { opacity: "0" },
       {
         queue: !0,
@@ -145,38 +145,52 @@ const O = {
       O.CG_D(r);
       break;
   }
-}, K = (r) => {
+}, K = (r, e) => {
   r.preventDefault();
-  const e = b(r.currentTarget), t = e.attr("target"), o = e.attr("href");
-  let i;
-  e.hasClass("href-link") ? i = e.closest("[data-href]").attr("data-href") : i = o;
+  const t = v(r.currentTarget), o = t.attr("target"), s = t.attr("href");
+  let d;
+  if (e) {
+    if (t.is("[data-nolink]")) {
+      r.stopPropagation(), r.preventDefault();
+      return;
+    }
+    t.hasClass("click-block") ? d = t.closest("[data-href]").attr("data-href") : d = s;
+  } else {
+    if (t.is("[data-nolink]")) {
+      r.stopPropagation(), r.preventDefault();
+      return;
+    }
+    t.hasClass("href-link") ? d = t.closest("[data-href]").attr("data-href") : d = s;
+  }
   let f = window.location.pathname.replace("http://", "").split("/");
-  f = a(f);
-  const d = i.replace("http://", "");
-  let n = d.split("/");
-  n = a(n);
-  function a(s) {
-    const c = s.pop();
-    return c.indexOf("#") > -1 || c.indexOf("html") > 0 ? s.push(c) : (c == "" || s.push(c), s.push("index.html")), s;
+  f = i(f);
+  const c = d.replace("http://", "");
+  let a = c.split("/");
+  a = i(a);
+  function i(u) {
+    const l = u.pop();
+    return l.indexOf("#") > -1 || l.indexOf("html") > 0 ? u.push(l) : (l == "" || u.push(l), u.push("index.html")), u;
   }
-  t == "_blank" || r.ctrlKey || r.metaKey ? window.open(i) : d.indexOf("jpg") > -1 || d.indexOf("javascript") > -1 || R(i);
+  o == "_blank" || r.ctrlKey || r.metaKey ? window.open(d) : c.indexOf("jpg") > -1 || c.indexOf("javascript") > -1 || R(d);
 }, X = (r) => {
-  const t = b(r.currentTarget).closest("[data-href]");
+  const t = v(r.currentTarget).closest("[data-href]");
   t.hasClass("isHover") || t.addClass("isHover");
 }, Y = (r) => {
-  const t = b(r.currentTarget).closest("[data-href]");
+  const t = v(r.currentTarget).closest("[data-href]");
   t.hasClass("isHover") && t.removeClass("isHover");
-}, ae = () => {
-  b.easing.jswing = b.easing.swing, b.extend(b.easing, {
+}, ae = (r = !0) => {
+  v.easing.jswing = v.easing.swing, v.extend(v.easing, {
     def: "easeOutQuad",
-    easeOutQuad: function(r, e, t, o, i) {
-      return -o * (e /= i) * (e - 2) + t;
+    easeOutQuad: function(e, t, o, s, d) {
+      return -s * (t /= d) * (t - 2) + o;
     },
-    easeInOutCirc: function(r, e, t, o, i) {
-      return (e /= i / 2) < 1 ? -o / 2 * (Math.sqrt(1 - e * e) - 1) + t : o / 2 * (Math.sqrt(1 - (e -= 2) * e) + 1) + t;
+    easeInOutCirc: function(e, t, o, s, d) {
+      return (t /= d / 2) < 1 ? -s / 2 * (Math.sqrt(1 - t * t) - 1) + o : s / 2 * (Math.sqrt(1 - (t -= 2) * t) + 1) + o;
     }
-  }), b("body").on("click", "a:not(.nocg), .href-link", (r) => K(r)), b("body").on("mouseenter", "[data-href] a", (r) => X(r)), b("body").on("mouseleave", "[data-href] a", (r) => Y(r));
-}, q = {
+  }), v("body").on("click", "a:not(.nocg), .href-link, .click-block, [data-nolink]", (e) => K(e, r)), v("body").on("click", "a:not(.nocg)", function(e) {
+    e.stopPropagation();
+  }), v("body").on("mouseenter", "[data-href] a", (e) => X(e)), v("body").on("mouseleave", "[data-href] a", (e) => Y(e));
+}, C = {
   "zh-TW": {
     format: "格式錯誤",
     input: "尚未填寫",
@@ -214,7 +228,7 @@ class le {
     /**
      * 綁事件
      */
-    V(this, T);
+    D(this, T);
     this.element = document.querySelector(e), this.allField = this.element.querySelectorAll(`${e} [form-field]`), this.allInput = this.element.querySelectorAll(`${e} input`), this.allTextarea = this.element.querySelectorAll(`${e} textarea`), this.allCheckbox = this.element.querySelectorAll(`${e} input[type="checkbox"]`), this.allRadio = this.element.querySelectorAll(`${e} input[type="radio"]`), this.allFileUpload = this.element.querySelectorAll(`${e} fake-file-upload`), this.allDropdown = this.element.querySelectorAll(`${e} dropdown-el`), this.submitEvent = new Event("submit");
     const o = {
       locale: "zh-TW",
@@ -222,7 +236,7 @@ class le {
         {
           el: ".datepicker-input",
           options: {
-            locale: P.Mandarin
+            locale: H.Mandarin
           }
         }
       ],
@@ -244,18 +258,18 @@ class le {
         underField: !1,
         detailOutput: !1
       }
-    }, i = (p, f) => {
-      const d = { ...p };
-      for (let n of Object.keys(f))
-        typeof f[n] == "object" && n in p ? d[n] = Array.isArray(d[n]) ? [...f[n]] : i(p[n], f[n]) : d[n] = f[n];
-      return d;
+    }, s = (d, p) => {
+      const f = { ...d };
+      for (let c of Object.keys(p))
+        typeof p[c] == "object" && c in d ? f[c] = Array.isArray(f[c]) ? [...p[c]] : s(d[c], p[c]) : f[c] = p[c];
+      return f;
     };
-    this.options = t ? i(o, t) : o, this.init();
+    this.options = t ? s(o, t) : o, this.init();
   }
   init() {
     var t;
     const e = this;
-    e.element.value = e.getValue(), e.detailOutputEl = e.options.errorText.detailOutput ? document.querySelector(e.options.errorText.detailOutput) : null, _(t = e, T, j).call(t);
+    e.element.value = e.getValue(), e.detailOutputEl = e.options.errorText.detailOutput ? document.querySelector(e.options.errorText.detailOutput) : null, V(t = e, T, j).call(t);
   }
   /**
    * 取得表單所有的值
@@ -265,47 +279,47 @@ class le {
     const e = this;
     let t = {};
     return [...e.allField].forEach((o) => {
-      const i = o.getAttribute("form-field");
+      const s = o.getAttribute("form-field");
       switch (o.getAttribute("field-type")) {
         case "isRadio":
-          const f = o.querySelector("input:checked"), d = f.querySelector('input[type="text"]');
-          t[i] = {
-            id: parseInt(f.closest(".option-item").querySelector(".text").getAttribute("data-id")),
-            value: d ? d.value : f.closest(".option-item").querySelector(".text").textContent
+          const p = o.querySelector("input:checked"), f = p.querySelector('input[type="text"]');
+          t[s] = {
+            id: parseInt(p.closest(".option-item").querySelector(".text").getAttribute("data-id")),
+            value: f ? f.value : p.closest(".option-item").querySelector(".text").textContent
           };
           break;
         case "isCheckBox":
-          const n = o.querySelectorAll("input:checked");
-          t[i] = [...n].map((c) => {
-            const u = c.querySelector('input[type="text"]');
+          const c = o.querySelectorAll("input:checked");
+          t[s] = [...c].map((u) => {
+            const l = u.querySelector('input[type="text"]');
             return {
-              id: parseInt(c.closest(".option-item").querySelector(".text").getAttribute("data-id")),
-              value: u ? u.value : c.closest(".option-item").querySelector(".text").textContent
+              id: parseInt(u.closest(".option-item").querySelector(".text").getAttribute("data-id")),
+              value: l ? l.value : u.closest(".option-item").querySelector(".text").textContent
             };
           });
           break;
         case "isSelect":
           switch (o.hasAttribute("multiple") ? "multiple" : "single") {
             case "single":
-              t[i] = {
+              t[s] = {
                 value: o.s.value.id ? o.s.value.id : "",
                 display: o.s.value.el ? o.s.value.el.textContent : ""
               };
               break;
             case "multiple":
-              t[i] = {
-                value: o.s.value.map((c) => c.id),
-                display: o.s.value.map((c) => c.el.textContent)
+              t[s] = {
+                value: o.s.value.map((u) => u.id),
+                display: o.s.value.map((u) => u.el.textContent)
               };
               break;
           }
           break;
         case "isFile":
-          const s = o.closest(".file-wrap").querySelector(".fake-file-upload input");
-          t[i] = s ? s.files : void 0;
+          const i = o.closest(".file-wrap").querySelector(".fake-file-upload input");
+          t[s] = i ? i.files : void 0;
           break;
         default:
-          t[i] = o.value;
+          t[s] = o.value;
           break;
       }
     }), t;
@@ -316,107 +330,107 @@ class le {
    * @returns
    */
   verify(e) {
-    var d;
-    const t = this, { options: o } = t, i = t.element.value, p = e || i;
-    function f(n) {
-      var s, c, u, l;
+    var f;
+    const t = this, { options: o } = t, s = t.element.value, d = e || s;
+    function p(c) {
+      var i, u, l, n;
       const a = '<div class="validation-icon"></div>';
-      for (const v in n) {
-        const S = t.element.querySelector(`[form-field="${v}"]`), L = S.getAttribute("data-verify"), m = S.closest(".form-group");
+      for (const g in c) {
+        const x = t.element.querySelector(`[form-field="${g}"]`), L = x.getAttribute("data-verify"), m = x.closest(".form-group");
         switch (L) {
           case "select":
-            const E = S.querySelector(".select-wrapper"), y = E.querySelector(".dropdown-icon");
-            (s = E.querySelector(".validation-icon")) == null || s.remove(), E.insertBefore(C(a), y);
+            const E = x.querySelector(".select-wrapper"), y = E.querySelector(".dropdown-icon");
+            (i = E.querySelector(".validation-icon")) == null || i.remove(), E.insertBefore(q(a), y);
             break;
           case "radio":
           case "checkbox":
-            (c = m.querySelector(".validation-icon")) == null || c.remove(), m.append(C(a));
+            (u = m.querySelector(".validation-icon")) == null || u.remove(), m.append(q(a));
             break;
           case "file":
-            const h = S.closest(".file-wrap").querySelector(".fake-file-upload"), x = S.closest(".file-wrap").querySelector(".upload-icon");
-            (u = h.querySelector(".validation-icon")) == null || u.remove(), x ? h.insertBefore(C(a), x) : h.append(C(a));
+            const h = x.closest(".file-wrap").querySelector(".fake-file-upload"), k = x.closest(".file-wrap").querySelector(".upload-icon");
+            (l = h.querySelector(".validation-icon")) == null || l.remove(), k ? h.insertBefore(q(a), k) : h.append(q(a));
             break;
           case "date":
           case "textarea":
           default:
-            (l = S.closest(".input-wrap").querySelector(".validation-icon")) == null || l.remove(), S.closest(".input-wrap").append(C(a));
+            (n = x.closest(".input-wrap").querySelector(".validation-icon")) == null || n.remove(), x.closest(".input-wrap").append(q(a));
             break;
         }
       }
     }
-    if (f(p), e) {
-      const n = Object.keys(p)[0];
-      t.element.querySelectorAll(`.error-text[name="${n}"]`).forEach((a) => a.remove());
+    if (p(d), e) {
+      const c = Object.keys(d)[0];
+      t.element.querySelectorAll(`.error-text[name="${c}"]`).forEach((a) => a.remove());
     } else
-      t.element.querySelectorAll(".error-text").forEach((n) => n.remove());
-    for (const n in p) {
-      let m = function(h, x, k) {
-        const g = t.element.querySelector(`[form-field="${n}"]`), $ = [...t.element.querySelectorAll("[form-field]")].indexOf(g), A = (F) => `<p class="error-text" name="${n}" index="${$}">${c} - ${q[o.locale][F]}</p>`;
-        switch (x) {
+      t.element.querySelectorAll(".error-text").forEach((c) => c.remove());
+    for (const c in d) {
+      let m = function(h, k, S) {
+        const b = t.element.querySelector(`[form-field="${c}"]`), $ = [...t.element.querySelectorAll("[form-field]")].indexOf(b), A = (F) => `<p class="error-text" name="${c}" index="${$}">${u} - ${C[o.locale][F]}</p>`;
+        switch (k) {
           case "underField":
             if (!o.errorText.underField)
               return;
-            k.append(C(A(h)));
+            S.append(q(A(h)));
             break;
           case "detail":
-            if (!k)
+            if (!S)
               return;
-            k.append(C(A(h)));
+            S.append(q(A(h)));
             break;
         }
       }, E = function() {
         const h = t.detailOutputEl.querySelectorAll(".error-text");
         [...h].length > 0 ? t.element.classList.add("something-wrong") : t.element.classList.remove("something-wrong");
-        const x = [...h].sort((k, g) => k.getAttribute("index") - g.getAttribute("index"));
-        t.detailOutputEl && (t.detailOutputEl.textContent = ""), x.forEach((k) => {
-          var g;
-          return (g = t.detailOutputEl) == null ? void 0 : g.appendChild(k);
+        const k = [...h].sort((S, b) => S.getAttribute("index") - b.getAttribute("index"));
+        t.detailOutputEl && (t.detailOutputEl.textContent = ""), k.forEach((S) => {
+          var b;
+          return (b = t.detailOutputEl) == null ? void 0 : b.appendChild(S);
         });
       };
-      const a = t.element.querySelector(`[form-field="${n}"]`), s = a.closest(".form-group"), c = (d = s.querySelector(".subject")) == null ? void 0 : d.textContent, u = a.getAttribute("data-verify"), l = () => typeof i[n] == "object" && !Array.isArray(i[n]) ? u === "file" ? i[n] : i[n].value : i[n], v = () => u === "file" ? l() === void 0 ? !0 : l() && l().length === 0 : Array.isArray(l()) && l().length === 0 || !Array.isArray(l()) && w.isEmpty(l()), S = () => u === "file" ? l() === void 0 ? !1 : l() && l().length > 0 : Array.isArray(l()) && l().length > 0 || !Array.isArray(l()) && !w.isEmpty(l()), L = s.classList.contains("required");
+      const a = t.element.querySelector(`[form-field="${c}"]`), i = a.closest(".form-group"), u = (f = i.querySelector(".subject")) == null ? void 0 : f.textContent, l = a.getAttribute("data-verify"), n = () => typeof s[c] == "object" && !Array.isArray(s[c]) ? l === "file" ? s[c] : s[c].value : s[c], g = () => l === "file" ? n() === void 0 ? !0 : n() && n().length === 0 : Array.isArray(n()) && n().length === 0 || !Array.isArray(n()) && w.isEmpty(n()), x = () => l === "file" ? n() === void 0 ? !1 : n() && n().length > 0 : Array.isArray(n()) && n().length > 0 || !Array.isArray(n()) && !w.isEmpty(n()), L = i.classList.contains("required");
       let y;
-      if (L && v())
-        switch (a.classList.remove("success"), a.classList.add("error"), s.classList.add("error"), u) {
+      if (L && g())
+        switch (a.classList.remove("success"), a.classList.add("error"), i.classList.add("error"), l) {
           case "select":
-            y = a.querySelector(".validation-icon"), y.setAttribute("error-text", q[o.locale].select), m("select", "underField", s.parentNode), m("select", "detail", t.detailOutputEl);
+            y = a.querySelector(".validation-icon"), y.setAttribute("error-text", C[o.locale].select), m("select", "underField", i.parentNode), m("select", "detail", t.detailOutputEl);
             break;
           case "radio":
           case "checkbox":
-            y = s.querySelector(".validation-icon"), y.setAttribute("error-text", q[o.locale].select), m("select", "underField", s.parentNode), m("select", "detail", t.detailOutputEl);
+            y = i.querySelector(".validation-icon"), y.setAttribute("error-text", C[o.locale].select), m("select", "underField", i.parentNode), m("select", "detail", t.detailOutputEl);
             break;
           case "file":
-            y = a.closest(".file-wrap").querySelector(".validation-icon"), y.setAttribute("error-text", q[o.locale].file), m("file", "underField", s.parentNode), m("file", "detail", t.detailOutputEl);
+            y = a.closest(".file-wrap").querySelector(".validation-icon"), y.setAttribute("error-text", C[o.locale].file), m("file", "underField", i.parentNode), m("file", "detail", t.detailOutputEl);
             break;
           default:
-            y = a.closest(".input-wrap").querySelector(".validation-icon"), y.setAttribute("error-text", q[o.locale].input), m("input", "underField", s.parentNode), m("input", "detail", t.detailOutputEl);
+            y = a.closest(".input-wrap").querySelector(".validation-icon"), y.setAttribute("error-text", C[o.locale].input), m("input", "underField", i.parentNode), m("input", "detail", t.detailOutputEl);
             break;
         }
-      if (S()) {
-        let h = function(x, k) {
-          const g = x.closest(".form-group");
-          x.classList.toggle("error", !k), x.classList.toggle("success", k);
-          const A = x.getAttribute("data-verify") === "phone" ? g.querySelector("*:not(input)[form-field]") : g.querySelector("*:not(dropdown-el)[form-field]"), F = !!A, I = x.classList.contains("success"), B = x.classList.contains("error"), M = A == null ? void 0 : A.classList.contains("success"), N = A == null ? void 0 : A.classList.contains("error");
-          F ? M && !N && I ? (g.classList.remove("error"), g.classList.add("success")) : (N || B) && (g.classList.remove("success"), g.classList.add("error")) : I ? (g.classList.remove("error"), g.classList.add("success")) : (g.classList.add("error"), g.classList.remove("success"));
+      if (x()) {
+        let h = function(k, S) {
+          const b = k.closest(".form-group");
+          k.classList.toggle("error", !S), k.classList.toggle("success", S);
+          const A = k.getAttribute("data-verify") === "phone" ? b.querySelector("*:not(input)[form-field]") : b.querySelector("*:not(dropdown-el)[form-field]"), F = !!A, I = k.classList.contains("success"), P = k.classList.contains("error"), B = A == null ? void 0 : A.classList.contains("success"), N = A == null ? void 0 : A.classList.contains("error");
+          F ? B && !N && I ? (b.classList.remove("error"), b.classList.add("success")) : (N || P) && (b.classList.remove("success"), b.classList.add("error")) : I ? (b.classList.remove("error"), b.classList.add("success")) : (b.classList.add("error"), b.classList.remove("success"));
         };
-        switch (u) {
+        switch (l) {
           case "phone":
-            const x = s.querySelector("dropdown-el");
-            w.isMobilePhone(l()) ? (h(a, !0), x && x.classList.contains("success") && (s.classList.remove("error"), s.classList.add("success"))) : (h(a, !1), y = a.closest(".input-wrap").querySelector(".validation-icon"), y.setAttribute("error-text", q[o.locale].format), m("format", "underField", s.parentNode), m("format", "detail", t.detailOutputEl));
+            const k = i.querySelector("dropdown-el");
+            w.isMobilePhone(n()) ? (h(a, !0), k && k.classList.contains("success") && (i.classList.remove("error"), i.classList.add("success"))) : (h(a, !1), y = a.closest(".input-wrap").querySelector(".validation-icon"), y.setAttribute("error-text", C[o.locale].format), m("format", "underField", i.parentNode), m("format", "detail", t.detailOutputEl));
             break;
           case "password":
-            w.isStrongPassword(l(), {
+            w.isStrongPassword(n(), {
               minLength: 8,
               minLowercase: 1,
               minUppercase: 0,
               minNumbers: 1,
               minSymbols: 0
-            }) ? h(a, !0) : (h(a, !1), y = a.closest(".input-wrap").querySelector(".validation-icon"), y.setAttribute("error-text", q[o.locale].format), m("format", "underField", s.parentNode), m("format", "detail", t.detailOutputEl));
+            }) ? h(a, !0) : (h(a, !1), y = a.closest(".input-wrap").querySelector(".validation-icon"), y.setAttribute("error-text", C[o.locale].format), m("format", "underField", i.parentNode), m("format", "detail", t.detailOutputEl));
             break;
           case "email":
-            w.isEmail(l()) ? h(a, !0) : (h(a, !1), y = a.closest(".input-wrap").querySelector(".validation-icon"), y.setAttribute("error-text", q[o.locale].format), m("format", "underField", s.parentNode), m("format", "detail", t.detailOutputEl));
+            w.isEmail(n()) ? h(a, !0) : (h(a, !1), y = a.closest(".input-wrap").querySelector(".validation-icon"), y.setAttribute("error-text", C[o.locale].format), m("format", "underField", i.parentNode), m("format", "detail", t.detailOutputEl));
             break;
           case "verifyCode":
-            w.isNumeric(l(), { no_symbols: !0 }) && w.isLength(l(), { min: 4, max: 4 }) ? h(a, !0) : (h(a, !1), y = a.closest(".input-wrap").querySelector(".validation-icon"), y.setAttribute("error-text", q[o.locale].format), m("format", "underField", s.parentNode), m("format", "detail", t.detailOutputEl));
+            w.isNumeric(n(), { no_symbols: !0 }) && w.isLength(n(), { min: 4, max: 4 }) ? h(a, !0) : (h(a, !1), y = a.closest(".input-wrap").querySelector(".validation-icon"), y.setAttribute("error-text", C[o.locale].format), m("format", "underField", i.parentNode), m("format", "detail", t.detailOutputEl));
             break;
           case "select":
           default:
@@ -438,96 +452,96 @@ class le {
    * 清除表單所有欄位
    */
   clear() {
-    const e = this, { allInput: t, allTextarea: o, allCheckbox: i, allFileUpload: p, allDropdown: f } = e;
-    [...e.allField].forEach((d) => {
+    const e = this, { allInput: t, allTextarea: o, allCheckbox: s, allFileUpload: d, allDropdown: p } = e;
+    [...e.allField].forEach((f) => {
       var a;
-      const n = d.closest(".form-group");
-      n.classList.remove("success"), n.classList.remove("error"), d.classList.remove("success"), d.classList.remove("error"), (a = d.closest(".form-grid").querySelector(".error-text")) == null || a.remove(), e.detailOutputEl && (e.detailOutputEl.textContent = "");
-    }), [...t].forEach((d) => {
-      d.value = "";
-    }), [...o].forEach((d) => {
-      d.value = "";
-    }), [...i].forEach((d) => {
-      d.checked = !1;
-    }), [...p].forEach((d) => {
-      let n = d.getAttribute("data-default");
-      const a = n.querySelector(".file-name");
-      a.classList.remove("is-upload"), a.textContent = n;
-    }), [...f].forEach((d) => {
-      d.setAttribute("d4-value", ""), d.hasAttribute("control-elements") && [...d.getAttribute("control-elements").split(",")].forEach((a) => {
+      const c = f.closest(".form-group");
+      c.classList.remove("success"), c.classList.remove("error"), f.classList.remove("success"), f.classList.remove("error"), (a = f.closest(".form-grid").querySelector(".error-text")) == null || a.remove(), e.detailOutputEl && (e.detailOutputEl.textContent = "");
+    }), [...t].forEach((f) => {
+      f.value = "";
+    }), [...o].forEach((f) => {
+      f.value = "";
+    }), [...s].forEach((f) => {
+      f.checked = !1;
+    }), [...d].forEach((f) => {
+      let c = f.getAttribute("data-default");
+      const a = c.querySelector(".file-name");
+      a.classList.remove("is-upload"), a.textContent = c;
+    }), [...p].forEach((f) => {
+      f.setAttribute("d4-value", ""), f.hasAttribute("control-elements") && [...f.getAttribute("control-elements").split(",")].forEach((a) => {
         document.querySelector(a).classList.remove("disabled");
       });
     }), e.element.value = e.getValue();
   }
 }
 T = new WeakSet(), j = function() {
-  const e = this, { datepicker: t, timepicker: o, clearEl: i, submitEl: p } = e.options;
-  function f() {
-    t.forEach((s) => {
-      D(s.el, s.options);
-    }), o.forEach((s) => {
-      D(s.el, s.options);
+  const e = this, { datepicker: t, timepicker: o, clearEl: s, submitEl: d } = e.options;
+  function p() {
+    t.forEach((i) => {
+      _(i.el, i.options);
+    }), o.forEach((i) => {
+      _(i.el, i.options);
     });
   }
-  function d() {
-    const s = document.querySelector(i), c = document.querySelector(p);
-    s == null || s.addEventListener("click", function() {
+  function f() {
+    const i = document.querySelector(s), u = document.querySelector(d);
+    i == null || i.addEventListener("click", function() {
       e.clear();
-    }), c == null || c.addEventListener("click", function() {
+    }), u == null || u.addEventListener("click", function() {
       e.submit();
     });
   }
-  function n(s) {
+  function c(i) {
     var y;
-    const c = s.closest(".form-group");
-    if (s.files.length <= 0)
+    const u = i.closest(".form-group");
+    if (i.files.length <= 0)
       return;
-    const u = s.closest(".file-wrap").querySelector(".fake-file-upload");
-    u.getAttribute("data-default");
-    const l = u.querySelector(".file-name"), v = Number(s.getAttribute("data-limit")), S = s.files[0], L = S.size / 1024 / 1024, m = S.name, E = s.cloneNode(!0);
-    L > v ? (c.classList.add("error"), c.classList.remove("success"), E.value = "") : (c.classList.remove("error"), c.classList.add("success")), l.textContent = m, E.removeAttribute("form-field field-type data-limit"), (y = u.querySelector('input[type="file"]')) == null || y.remove(), u.append(E);
+    const l = i.closest(".file-wrap").querySelector(".fake-file-upload");
+    l.getAttribute("data-default");
+    const n = l.querySelector(".file-name"), g = Number(i.getAttribute("data-limit")), x = i.files[0], L = x.size / 1024 / 1024, m = x.name, E = i.cloneNode(!0);
+    L > g ? (u.classList.add("error"), u.classList.remove("success"), E.value = "") : (u.classList.remove("error"), u.classList.add("success")), n.textContent = m, E.removeAttribute("form-field field-type data-limit"), (y = l.querySelector('input[type="file"]')) == null || y.remove(), l.append(E);
   }
   function a() {
-    function s(c) {
-      const { target: u } = c;
-      let l, v;
-      u.matches('[type="radio"], [type="checkbox"]') && (e.element.value = e.getValue(), l = u.closest(".form-check").getAttribute("form-field"), v = {
-        [l]: e.element.value[l]
-      }, e.options.verify && e.verify(v)), u.matches('[type="file"]') && (n(u), e.element.value = e.getValue(), l = u.getAttribute("form-field"), v = {
-        [l]: e.element.value[l]
-      }, e.options.verify && e.verify(v));
+    function i(u) {
+      const { target: l } = u;
+      let n, g;
+      l.matches('[type="radio"], [type="checkbox"]') && (e.element.value = e.getValue(), n = l.closest(".form-check").getAttribute("form-field"), g = {
+        [n]: e.element.value[n]
+      }, e.options.verify && e.verify(g)), l.matches('[type="file"]') && (c(l), e.element.value = e.getValue(), n = l.getAttribute("form-field"), g = {
+        [n]: e.element.value[n]
+      }, e.options.verify && e.verify(g));
     }
     e.element.addEventListener(
       "input",
-      z(function(c) {
-        const { target: u } = c;
-        if (u.matches('[type="text"],[type="number"],[type="email"],[type="password"], textarea')) {
-          if (e.element.value = e.getValue(), !u.closest(".form-group").classList.contains("required") && u.hasAttribute("data-verify")) {
-            w.isEmpty(u.value) && (u.classList.remove("error"), u.classList.remove("success"), u.closest(".form-group").classList.remove("error"));
+      U(function(u) {
+        const { target: l } = u;
+        if (l.matches('[type="text"],[type="number"],[type="email"],[type="password"], textarea')) {
+          if (e.element.value = e.getValue(), !l.closest(".form-group").classList.contains("required") && l.hasAttribute("data-verify")) {
+            w.isEmpty(l.value) && (l.classList.remove("error"), l.classList.remove("success"), l.closest(".form-group").classList.remove("error"));
             return;
           }
-          const l = u.getAttribute("form-field"), v = {
-            [l]: e.element.value[l]
+          const n = l.getAttribute("form-field"), g = {
+            [n]: e.element.value[n]
           };
-          e.options.verify && e.verify(v);
+          e.options.verify && e.verify(g);
         }
       })
-    ), e.allCheckbox.forEach((c) => {
-      c.addEventListener("change", s);
-    }), e.allRadio.forEach((c) => {
-      c.addEventListener("change", s);
-    }), e.allDropdown.forEach((c) => {
-      c.on("change", function() {
-        const u = this.getAttribute("form-field");
+    ), e.allCheckbox.forEach((u) => {
+      u.addEventListener("change", i);
+    }), e.allRadio.forEach((u) => {
+      u.addEventListener("change", i);
+    }), e.allDropdown.forEach((u) => {
+      u.on("change", function() {
+        const l = this.getAttribute("form-field");
         e.element.value = e.getValue();
-        const l = e.element.value[u], v = typeof l == "object" && !Array.isArray(l) ? l.value : l, S = {
-          [u]: l
+        const n = e.element.value[l], g = typeof n == "object" && !Array.isArray(n) ? n.value : n, x = {
+          [l]: n
         };
-        (Array.isArray(v) && v.length > 0 || !Array.isArray(v) && !w.isEmpty(v)) && e.options.verify && e.verify(S);
+        (Array.isArray(g) && g.length > 0 || !Array.isArray(g) && !w.isEmpty(g)) && e.options.verify && e.verify(x);
       });
     });
   }
-  f(), d(), a();
+  p(), f(), a();
 };
 export {
   le as CustomForm,
@@ -540,24 +554,24 @@ export {
   G as colorPick,
   ye as countDown,
   W as createColorCube,
-  z as debounce,
+  U as debounce,
   he as delay,
   ve as detectMacOSVersion,
   Q as detectShade,
   se as errorPage,
-  q as errorText,
+  C as errorText,
   ge as fixMobile100vh,
   be as formatFloat,
-  xe as getSlideDataIndex,
-  Se as getSlidesCount,
-  ke as getTransformX,
+  ke as getSlideDataIndex,
+  xe as getSlidesCount,
+  Se as getTransformX,
   Ae as getTransformY,
-  C as htmlStringToDOM,
+  q as htmlStringToDOM,
   Ee as imagePreview,
   ie as init,
   we as isVideo,
-  qe as letterGrow,
-  Ce as loaded,
+  Ce as letterGrow,
+  qe as loaded,
   Le as loading,
   Oe as numberGrow,
   Te as scrollLock,
@@ -566,6 +580,6 @@ export {
   $e as slideImgDetect,
   Ie as tabChange,
   Ne as throttle,
-  Ve as wordAnimation
+  De as wordAnimation
 };
 //# sourceMappingURL=tools-bundle.js.map

package/dist/tools-bundle.js.map

@@ -1 +1 @@
-{"version":3,"file":"tools-bundle.js","sources":["../src/tools/errorPage.js","../src/tools/detectColorShade.js","../src/tools/cgpagechange.js","../src/tools/customForm/errorText.js","../src/tools/customForm/customForm.js"],"sourcesContent":["\nexport function errorPage() {\n  if (!document.body.classList.contains('error') || document.querySelector('.back-home') == null) return;\n  let countdownInterval;\n  let second = 5;\n  const homepage = document.querySelector('.back-home').getAttribute('href');\n  const countdown = document.querySelector('.back-home .countdown');\n  countdownInterval = setInterval(() => {\n    second--;\n    countdown.textContent = second;\n    if (second === 0) {\n      clearInterval(countdownInterval);\n      window.location.href = homepage;\n    }\n  }, 1000);\n}","//第三方顏色提取套件\n//要使用請先跑 npm install colorthief\nimport ColorThief from 'colorthief/dist/color-thief.mjs'\n\n/**\n * 偵測深淺色\n * @param {*} imgEl 圖片\n * @param {*} el 綁定事件的 El(.detect-shade 那層)\n * @param {*} addClassEl 欲加上深淺色 Class 的 El\n */\nexport function detectShade(imgEl, el = imgEl) {\n  if (imgEl.complete) {\n    //把圖片給colorThief獲取色碼\n    const colorThief = new ColorThief();\n    const dominantColor = colorThief.getColor(imgEl);\n    const grayLevel = dominantColor[0] * 0.299 + dominantColor[1] * 0.587 + dominantColor[2] * 0.114;\n    // 顏色深淺判斷\n    colorPick(grayLevel, el);\n    el.classList.add('detected');\n  }\n}\n/**\n * 顏色深淺判斷\n * @param {*} grayLevel 0-191 黑色 192-255白色\n * @param {*} el 綁定事件的 El(.detect-shade 那層)\n */\nexport function colorPick(grayLevel, el) {\n  const addClassEl = el.getAttribute('addClassEl');\n  if (grayLevel >= 192) {\n    //淺色\n    if (addClassEl && addClassEl !== '') {\n      addClassEl.split(',').forEach(element => {\n        if (!el.closest(element)) {\n          console.error(`closest \"${element}\" not found`);\n        }\n        el.closest(element)?.classList.add('is-light');\n      });\n    } else {\n      el.classList.add('is-light');\n    }\n  } else {\n    //深色\n    if (addClassEl && addClassEl !== '') {\n      addClassEl.split(',').forEach(element => {\n        if (!el.closest(element)) {\n          console.error(`closest \"${element}\" not found`);\n        }\n        el.closest(element)?.classList.add('is-dark');\n      });\n    } else {\n      el.classList.add('is-dark');\n    }\n  }\n}\n/**\n * 產生一個顏色方塊\n * @param {string} startColor 開始顏色\n * @param {string} endColor 結束顏色\n * @returns 輸出一個圖片\n */\nexport function createColorCube(startColor, endColor, el) {\n  const canvas = document.createElement('canvas');\n  const context = canvas.getContext('2d');\n  canvas.width = 50;\n  canvas.height = 50;\n  if (startColor !== '' && endColor === '') {\n    //純色\n    context.fillStyle = startColor;\n  } else if (startColor !== '' && endColor !== '') {\n    //漸層\n    const gradient = context.createLinearGradient(0, 0, canvas.width, canvas.height);\n    gradient.addColorStop(0, startColor);\n    gradient.addColorStop(1, endColor);\n    context.fillStyle = gradient;\n  }\n  context.fillRect(0, 0, canvas.width, canvas.height);\n\n  //轉成圖片\n  const img = new Image();\n  img.src = canvas.toDataURL();\n  img.crossOrigin = 'Anonymous';\n  img.addEventListener('load', function () {\n    const imgEl = this;\n    detectShade(imgEl, el);\n  });\n  return img;\n}\n\nexport function init() {\n  const detectEl = document.querySelectorAll('.detect-shade:not(.detected)');\n  [...detectEl].forEach(el => {\n    if (el.tagName === 'IMG') {\n      return;\n    }\n    const errorWColor = ['#FFF', '#FFFFFF', '#fff', '#ffffff'];\n    const errorBColor = ['#000', '#000000'];\n    //背景色需先用 canvas 轉圖片再偵測\n    const startColor = getComputedStyle(el).getPropertyValue('--start-color');\n    const endColor = getComputedStyle(el).getPropertyValue('--end-color');\n    if (startColor === '' && endColor === '') {\n      console.error(el, '=> No color set!');\n      return;\n    } else if (errorWColor.indexOf(startColor) > 0) {\n      console.warn(el, '=> TypeError!! ( #FFF ) ');\n      //淺色\n      colorPick(255, el);\n      return;\n    } else if (errorBColor.indexOf(startColor) > 0) {\n      console.warn(el, '=> TypeError!! ( #000 ) ');\n      //淺色\n      colorPick(0, el);\n      return;\n    }\n    createColorCube(startColor, endColor, el);\n  });\n}\n","const pageChange = {\n  CG_A: function (href) {\n    $('html,body')\n      .delay(100)\n      .animate(\n        { opacity: '0' },\n        {\n          queue: true,\n          duration: 800,\n          easing: 'easeOutQuad',\n          complete: function () {\n            window.location.assign(href);\n          },\n        },\n      );\n  },\n  CG_B: function (href) {\n    $('main').append(\"<div id='CG_Abg'><div class='CG_Abg1'></div><div class='CG_Abg2'></div></div>\");\n\n    $('body')\n      .delay(1200)\n      .animate(\n        { opacity: '0' },\n        {\n          queue: true,\n          duration: 200,\n          easing: 'easeOutQuad',\n          complete: function () {\n            setTimeout(function () {\n              window.location.assign(href);\n            }, 100);\n          },\n        },\n      );\n  },\n  CG_C: function (href) {\n    $('main').append(\"<div id='CG_Bbg'></div>\");\n    $('body')\n      .delay(1200)\n      .animate(\n        { opacity: '0' },\n        {\n          queue: true,\n          duration: 200,\n          easing: 'easeOutQuad',\n          complete: function () {\n            setTimeout(function () {\n              window.location.assign(href);\n            }, 100);\n          },\n        },\n      );\n  },\n  CG_D: function (href) {\n    $('main').append(\"<div id='CG_Cbg'><div class='CG_Cbg1'></div><div class='CG_Cbg2'></div></div>\");\n    $('body')\n      .delay(1200)\n      .animate(\n        { opacity: '0' },\n        {\n          queue: true,\n          duration: 200,\n          easing: 'easeOutQuad',\n          complete: function () {\n            setTimeout(function () {\n              window.location.assign(href);\n            }, 100);\n          },\n        },\n      );\n  },\n};\n\nconst randomAnimate = href => {\n  const i = Math.floor(Math.random() * Math.floor(4)) + 1;\n  switch (1) {\n    case 1:\n      pageChange.CG_A(href);\n      break;\n    case 2:\n      pageChange.CG_B(href);\n      break;\n    case 3:\n      pageChange.CG_C(href);\n      break;\n    case 4:\n      pageChange.CG_D(href);\n      break;\n    default:\n      break;\n  }\n};\n\nconst clickEvent = e => {\n  e.preventDefault();\n  const $this = $(e.currentTarget);\n  const thisTarget = $this.attr('target');\n  const aHref = $this.attr('href');\n  let href;\n  if ($this.hasClass('href-link')) {\n    href = $this.closest('[data-href]').attr('data-href');\n  } else {\n    href = aHref;\n  }\n\n  // 本地\n  const x = window.location.pathname.replace('http://', '');\n  let xArr = x.split('/');\n  xArr = lastArr(xArr);\n  // 連結\n  const y = href.replace('http://', '');\n  let yArr = y.split('/');\n  yArr = lastArr(yArr);\n  function lastArr(arr) {\n    const last = arr.pop();\n    if (last.indexOf('#') > -1) {\n      arr.push(last);\n    } else if (last.indexOf('html') > 0) {\n      arr.push(last);\n    } else if (last == '') {\n      arr.push('index.html');\n    } else {\n      arr.push(last);\n      arr.push('index.html');\n    }\n    return arr;\n  }\n  if (thisTarget == '_blank' || e.ctrlKey || e.metaKey) {\n    window.open(href);\n  } else if (y.indexOf('jpg') > -1 || y.indexOf('javascript') > -1) {\n    //啥事都不幹\n  } else {\n    randomAnimate(href);\n  }\n};\n\nconst mouseenterEvent = e => {\n  const $this = $(e.currentTarget);\n  const $hrefEl = $this.closest('[data-href]');\n  if ($hrefEl.hasClass('isHover')) return;\n  $hrefEl.addClass('isHover');\n};\n\nconst mouseleaveEvent = e => {\n  const $this = $(e.currentTarget);\n  const $hrefEl = $this.closest('[data-href]');\n  if (!$hrefEl.hasClass('isHover')) return;\n  $hrefEl.removeClass('isHover');\n};\n\nexport const cgpagechange = () => {\n  // 動畫曲線\n  $.easing['jswing'] = $.easing['swing'];\n  $.extend($.easing, {\n    def: 'easeOutQuad',\n    easeOutQuad: function (x, t, b, c, d) {\n      return -c * (t /= d) * (t - 2) + b;\n    },\n    easeInOutCirc: function (x, t, b, c, d) {\n      if ((t /= d / 2) < 1) return (-c / 2) * (Math.sqrt(1 - t * t) - 1) + b;\n      return (c / 2) * (Math.sqrt(1 - (t -= 2) * t) + 1) + b;\n    },\n  });\n\n  $('body').on('click', 'a:not(.nocg), .href-link', e => clickEvent(e));\n  $('body').on('mouseenter', '[data-href] a', e => mouseenterEvent(e));\n  $('body').on('mouseleave', '[data-href] a', e => mouseleaveEvent(e));\n}\n\n\n//\n\n\n// const pageChange = {\n//   CG_A: function (href) {\n//     $('html,body').delay(100).animate({ opacity: '0' }, {\n//       queue: true,\n//       duration: 800,\n//       easing: 'easeOutQuad',\n//       complete: function () {\n//         window.location.assign(href);\n//       },\n//     });\n//   },\n//   CG_B: function (href) {\n//     $('main').append(\"<div id='CG_Abg'><div class='CG_Abg1'></div><div class='CG_Abg2'></div></div>\");\n\n//     $('body')\n//       .delay(1200)\n//       .animate(\n//         { opacity: '0' },\n//         {\n//           queue: true,\n//           duration: 200,\n//           easing: 'easeOutQuad',\n//           complete: function () {\n//             setTimeout(function () {\n//               window.location.assign(href);\n//             }, 100);\n//           },\n//         },\n//       );\n//   },\n//   CG_C: function (href) {\n//     $('main').append(\"<div id='CG_Bbg'></div>\");\n//     $('body')\n//       .delay(1200)\n//       .animate(\n//         { opacity: '0' },\n//         {\n//           queue: true,\n//           duration: 200,\n//           easing: 'easeOutQuad',\n//           complete: function () {\n//             setTimeout(function () {\n//               window.location.assign(href);\n//             }, 100);\n//           },\n//         },\n//       );\n//   },\n//   CG_D: function (href) {\n//     $('main').append(\"<div id='CG_Cbg'><div class='CG_Cbg1'></div><div class='CG_Cbg2'></div></div>\");\n//     $('body')\n//       .delay(1200)\n//       .animate(\n//         { opacity: '0' },\n//         {\n//           queue: true,\n//           duration: 200,\n//           easing: 'easeOutQuad',\n//           complete: function () {\n//             setTimeout(function () {\n//               window.location.assign(href);\n//             }, 100);\n//           },\n//         },\n//       );\n//   },\n// };\n\n// const randomAnimate = href => {\n//   const i = Math.floor(Math.random() * Math.floor(4)) + 1;\n//   switch (1) {\n//     case 1: pageChange.CG_A(href); break;\n//     case 2: pageChange.CG_B(href); break;\n//     case 3: pageChange.CG_C(href); break;\n//     case 4: pageChange.CG_D(href); break;\n//     default: break;\n//   }\n// };\n\n// const clickEvent = e => {\n//   e.preventDefault();\n//   const $this = $(e.currentTarget);\n//   const thisTarget = $this.attr('target');\n//   const href = $this.hasClass('href-link')\n//     ? $this.closest('[data-href]').attr('data-href')\n//     : $this.attr('href');\n\n//   const lastArr = (arr) => {\n//     const last = arr.pop();\n//     if (last.indexOf('#') > -1) {\n//       arr.push(last);\n//     } else if (last.indexOf('html') > 0) {\n//       arr.push(last);\n//     } else if (last == '') {\n//       arr.push('index.html');\n//     } else {\n//       arr.push(last);\n//       arr.push('index.html');\n//     }\n//     return arr;\n//   }\n\n//   if (thisTarget == '_blank' || e.ctrlKey || e.metaKey) {\n//     window.open(href);\n//   } else if (y.indexOf('jpg') > -1 || y.indexOf('javascript') > -1) {\n//     //啥事都不幹\n//   } else {\n//     randomAnimate(href);\n//   }\n\n//   // 本地\n//   const x = window.location.pathname.replace('http://', '');\n//   let xArr = x.split('/');\n//   xArr = lastArr(xArr);\n//   // 連結\n//   const y = href.replace('http://', '');\n//   let yArr = y.split('/');\n//   yArr = lastArr(yArr);\n\n\n// };\n\n// const mouseenterEvent = e => {\n//   const $this = $(e.currentTarget);\n//   const $hrefEl = $this.closest('[data-href]');\n//   if ($hrefEl.hasClass('isHover')) return;\n//   $hrefEl.addClass('isHover');\n// };\n\n// const mouseleaveEvent = e => {\n//   const $this = $(e.currentTarget);\n//   const $hrefEl = $this.closest('[data-href]');\n//   if (!$hrefEl.hasClass('isHover')) return;\n//   $hrefEl.removeClass('isHover');\n// };\n\n// export const cgpagechange = () => {\n//   // 動畫曲線\n//   $.easing['jswing'] = $.easing['swing'];\n//   $.extend($.easing, {\n//     def: 'easeOutQuad',\n//     easeOutQuad: function (x, t, b, c, d) {\n//       return -c * (t /= d) * (t - 2) + b;\n//     },\n//     easeInOutCirc: function (x, t, b, c, d) {\n//       if ((t /= d / 2) < 1) return (-c / 2) * (Math.sqrt(1 - t * t) - 1) + b;\n//       return (c / 2) * (Math.sqrt(1 - (t -= 2) * t) + 1) + b;\n//     },\n//   });\n\n//   $('body').on('click', 'a:not(.nocg), .href-link', e => clickEvent(e));\n//   $('body').on('mouseenter', '[data-href] a', e => mouseenterEvent(e));\n//   $('body').on('mouseleave', '[data-href] a', e => mouseleaveEvent(e));\n// }\n\n\n\n","export const errorText = {\n  'zh-TW': {\n    format: '格式錯誤',\n    input: '尚未填寫',\n    select: '尚未選擇',\n    file: '檔案大小超過限制',\n  },\n  'zh-CN': {\n    phone: '',\n    email: '',\n    password: '',\n    verifyCode: '',\n    input: '',\n    select: '',\n  },\n  en: {\n    phone: '',\n    email: '',\n    password: '',\n    verifyCode: '',\n    input: '',\n    select: '',\n  },\n  jp: {\n    phone: '',\n    email: '',\n    password: '',\n    verifyCode: '',\n    input: '',\n    select: '',\n  },\n};\n","// validator(欄位驗證套件)\nimport { debounce, htmlStringToDOM } from '../utils'\nimport { errorText } from './errorText'\nimport validator from 'validator'\nimport flatpickr from 'flatpickr'\nimport { Mandarin } from \"flatpickr/dist/l10n/zh.js\"\n\nexport class CustomForm {\n  constructor(element, params) {\n    this.element = document.querySelector(element);\n    this.allField = this.element.querySelectorAll(`${element} [form-field]`);\n    this.allInput = this.element.querySelectorAll(`${element} input`);\n    this.allTextarea = this.element.querySelectorAll(`${element} textarea`);\n    this.allCheckbox = this.element.querySelectorAll(`${element} input[type=\"checkbox\"]`);\n    this.allRadio = this.element.querySelectorAll(`${element} input[type=\"radio\"]`);\n    this.allFileUpload = this.element.querySelectorAll(`${element} fake-file-upload`);\n    this.allDropdown = this.element.querySelectorAll(`${element} dropdown-el`);\n    this.submitEvent = new Event('submit');\n    // default params\n    const defaultOptions = {\n      locale: 'zh-TW',\n      datepicker: [\n        {\n          el: '.datepicker-input',\n          options: {\n            locale: Mandarin,\n          },\n        },\n      ],\n      timepicker: [\n        {\n          el: '.timepicker-input',\n          options: {\n            enableTime: true,\n            noCalendar: true,\n            dateFormat: 'H:i',\n            time_24hr: true,\n          },\n        },\n      ],\n      clearEl: null,\n      submitEl: null,\n      verify: false,\n      errorText: {\n        underField: false,\n        detailOutput: false,\n      },\n    };\n    const mergeOptions = (target, source) => {\n      const merged = { ...target };\n      for (let key of Object.keys(source)) {\n        if (typeof source[key] === 'object' && key in target) {\n          // 2024/10/21 wade demo edit\n          merged[key] = Array.isArray(merged[key])\n            ? [...source[key]]\n            : mergeOptions(target[key], source[key]);\n\n        } else {\n          merged[key] = source[key];\n\n        }\n      }\n      return merged;\n    };\n    this.options = params ? mergeOptions(defaultOptions, params) : defaultOptions;\n    this.init();\n  }\n  init() {\n    const cf = this;\n    cf.element.value = cf.getValue();\n    cf.detailOutputEl = cf.options.errorText.detailOutput ? document.querySelector(cf.options.errorText.detailOutput) : null;\n    cf.#events();\n  }\n  /**\n   * 綁事件\n   */\n  #events() {\n    const cf = this;\n    const { datepicker, timepicker, clearEl, submitEl } = cf.options;\n\n    /**\n     * 綁定日曆/時間\n     */\n    function bindingDatepicker() {\n      // 日曆\n      datepicker.forEach(item => {\n        flatpickr(item.el, item.options);\n      });\n      // 時間\n      timepicker.forEach(item => {\n        flatpickr(item.el, item.options);\n      });\n    }\n\n    /**\n     * 綁定按鈕點擊事件\n     */\n    function bindingButton() {\n      const clearBtn = document.querySelector(clearEl);\n      const submitBtn = document.querySelector(submitEl);\n      clearBtn?.addEventListener('click', function () {\n        cf.clear();\n      });\n      submitBtn?.addEventListener('click', function () {\n        cf.submit();\n      });\n    }\n\n    function fileUpload(target) {\n      const formGroup = target.closest('.form-group');\n      if (target.files.length <= 0) return;\n      const fakeUploadWrap = target.closest('.file-wrap').querySelector('.fake-file-upload');\n      const defaultText = fakeUploadWrap.getAttribute('data-default');\n      const fileName = fakeUploadWrap.querySelector('.file-name');\n      const fileLimit = Number(target.getAttribute('data-limit'));\n      const file = target.files[0];\n      const fileSize = file.size / 1024 / 1024;\n      const originalName = file.name;\n      const fileInputTemp = target.cloneNode(true);\n      if (fileSize > fileLimit) {\n        //超過檔案大小限制\n        formGroup.classList.add('error');\n        formGroup.classList.remove('success');\n        fileInputTemp.value = '';\n      } else {\n        //符合檔案大小限制\n        formGroup.classList.remove('error');\n        formGroup.classList.add('success');\n      }\n      fileName.textContent = originalName;\n      fileInputTemp.removeAttribute('form-field field-type data-limit');\n      fakeUploadWrap.querySelector('input[type=\"file\"]')?.remove();\n      fakeUploadWrap.append(fileInputTemp);\n    }\n\n    /**\n     * 表單內欄位異動監聽\n     */\n    function changeListener() {\n      function changeHandler(event) {\n        const { target } = event;\n        let fieldName, fieldObj;\n        if (target.matches('[type=\"radio\"], [type=\"checkbox\"]')) {\n          cf.element.value = cf.getValue();\n          fieldName = target.closest('.form-check').getAttribute('form-field');\n          fieldObj = {\n            [fieldName]: cf.element.value[fieldName],\n          };\n          if (cf.options.verify) cf.verify(fieldObj);\n        }\n        if (target.matches('[type=\"file\"]')) {\n          fileUpload(target);\n          cf.element.value = cf.getValue();\n          fieldName = target.getAttribute('form-field');\n          fieldObj = {\n            [fieldName]: cf.element.value[fieldName],\n          };\n          if (cf.options.verify) cf.verify(fieldObj);\n        }\n      }\n\n      cf.element.addEventListener(\n        'input',\n        debounce(function (e) {\n          const { target } = e;\n          if (target.matches('[type=\"text\"],[type=\"number\"],[type=\"email\"],[type=\"password\"], textarea')) {\n            cf.element.value = cf.getValue();\n            // 如果該欄位非必填則不做即時驗證\n            if (!target.closest('.form-group').classList.contains('required') && target.hasAttribute('data-verify')) {\n              if (validator.isEmpty(target.value)) {\n                target.classList.remove('error');\n                target.classList.remove('success');\n                target.closest('.form-group').classList.remove('error');\n              }\n              return;\n            }\n            const fieldName = target.getAttribute('form-field');\n            const fieldObj = {\n              [fieldName]: cf.element.value[fieldName],\n            };\n            if (cf.options.verify) cf.verify(fieldObj);\n          }\n        }),\n      );\n      cf.allCheckbox.forEach(checkbox => {\n        checkbox.addEventListener('change', changeHandler);\n      });\n      cf.allRadio.forEach(radio => {\n        radio.addEventListener('change', changeHandler);\n      });\n      cf.allDropdown.forEach(dropdown => {\n        dropdown.on('change', function () {\n          const fieldName = this.getAttribute('form-field');\n          cf.element.value = cf.getValue();\n          const val = cf.element.value[fieldName];\n          const value = typeof val === 'object' && !Array.isArray(val) ? val.value : val;\n          const fieldObj = {\n            [fieldName]: val,\n          };\n          if ((Array.isArray(value) && value.length > 0) || (!Array.isArray(value) && !validator.isEmpty(value))) {\n            if (cf.options.verify) cf.verify(fieldObj);\n          }\n        });\n      });\n    }\n    bindingDatepicker();\n    bindingButton();\n    changeListener();\n  }\n  /**\n   * 取得表單所有的值\n   * @returns\n   */\n  getValue() {\n    const cf = this;\n    // 參數 -\n    // 在對應的地方 加上 [form-field] --> 欄位名稱 [field-type] --> 欄位格式\n    // isFile(取檔案數值物件)\n    // isRadio(要放在對應父層)\n    // isCheckBox(要放在對應父層)\n    // isSelect(要放在對應父層)\n    let data = {};\n    [...cf.allField].forEach(el => {\n      const field = el.getAttribute('form-field');\n      const type = el.getAttribute('field-type');\n      switch (type) {\n        // 單選Radio\n        case 'isRadio':\n          const radioChecked = el.querySelector('input:checked');\n          const textInput = radioChecked.querySelector('input[type=\"text\"]');\n          data[field] = {\n            id: parseInt(radioChecked.closest('.option-item').querySelector('.text').getAttribute('data-id')),\n            value: textInput ? textInput.value : radioChecked.closest('.option-item').querySelector('.text').textContent,\n          };\n          break;\n        // 複選Checkbox\n        case 'isCheckBox':\n          const checkBoxChecked = el.querySelectorAll('input:checked');\n          data[field] = [...checkBoxChecked].map(item => {\n            const textInput = item.querySelector('input[type=\"text\"]');\n            return {\n              id: parseInt(item.closest('.option-item').querySelector('.text').getAttribute('data-id')),\n              value: textInput ? textInput.value : item.closest('.option-item').querySelector('.text').textContent,\n            };\n          });\n          break;\n        // 下拉選單\n        case 'isSelect':\n          const selectType = el.hasAttribute('multiple') ? 'multiple' : 'single';\n          switch (selectType) {\n            case 'single':\n              data[field] = {\n                value: el.s.value.id ? el.s.value.id : '',\n                display: el.s.value.el ? el.s.value.el.textContent : '',\n              };\n              break;\n            case 'multiple':\n              data[field] = {\n                value: el.s.value.map(option => option.id),\n                display: el.s.value.map(option => option.el.textContent),\n              };\n              break;\n          }\n          break;\n        // 檔案上傳\n        case 'isFile':\n          const fileTemp = el.closest('.file-wrap').querySelector('.fake-file-upload input');\n          data[field] = fileTemp ? fileTemp.files : undefined;\n          break;\n        // 其他\n        default:\n          data[field] = el.value;\n          break;\n      }\n    });\n    return data;\n  }\n  /**\n   * 表單驗證\n   * @param {object} verifyField 針對單一欄位驗證，沒傳值表示全部欄位\n   * @returns\n   */\n  verify(verifyField) {\n    const cf = this;\n    const { options } = cf;\n    const allValue = cf.element.value;\n    const field = verifyField ? verifyField : allValue;\n    /**\n     * 產生表單驗證 icon(✅/❌)\n     * @param {object} field 欄位物件\n     */\n    function appendVerifyIcon(field) {\n      const validationIcon = '<div class=\"validation-icon\"></div>';\n      for (const key in field) {\n        const fieldEl = cf.element.querySelector(`[form-field=\"${key}\"]`);\n        const verifyType = fieldEl.getAttribute('data-verify');\n        const formGroup = fieldEl.closest('.form-group');\n        switch (verifyType) {\n          case 'select':\n            const selectWrapper = fieldEl.querySelector('.select-wrapper');\n            const dropdownIcon = selectWrapper.querySelector('.dropdown-icon');\n            selectWrapper.querySelector('.validation-icon')?.remove();\n            selectWrapper.insertBefore(htmlStringToDOM(validationIcon), dropdownIcon);\n            break;\n          case 'radio':\n          case 'checkbox':\n            formGroup.querySelector('.validation-icon')?.remove();\n            formGroup.append(htmlStringToDOM(validationIcon));\n            break;\n          case 'file':\n            const fileWrapper = fieldEl.closest('.file-wrap').querySelector('.fake-file-upload');\n            const uploadIcon = fieldEl.closest('.file-wrap').querySelector('.upload-icon');\n            fileWrapper.querySelector('.validation-icon')?.remove();\n            if (uploadIcon) {\n              fileWrapper.insertBefore(htmlStringToDOM(validationIcon), uploadIcon);\n            } else {\n              fileWrapper.append(htmlStringToDOM(validationIcon));\n            }\n            break;\n          case 'date':\n          case 'textarea':\n          default:\n            fieldEl.closest('.input-wrap').querySelector('.validation-icon')?.remove();\n            fieldEl.closest('.input-wrap').append(htmlStringToDOM(validationIcon));\n            break;\n        }\n      }\n    }\n    appendVerifyIcon(field);\n    if (verifyField) {\n      const key = Object.keys(field)[0];\n      cf.element.querySelectorAll(`.error-text[name=\"${key}\"]`).forEach(element => element.remove());\n    } else {\n      cf.element.querySelectorAll('.error-text').forEach(element => element.remove());\n    }\n    for (const key in field) {\n      const fieldEl = cf.element.querySelector(`[form-field=\"${key}\"]`);\n      const formGroup = fieldEl.closest('.form-group');\n      const subject = formGroup.querySelector('.subject')?.textContent;\n      const verifyType = fieldEl.getAttribute('data-verify');\n      /**\n       * 回傳欄位的 value\n       * @returns\n       */\n      const value = () => {\n        if (typeof allValue[key] === 'object' && !Array.isArray(allValue[key])) {\n          if (verifyType === 'file') {\n            return allValue[key];\n          }\n          return allValue[key].value;\n        }\n        return allValue[key];\n      };\n      /**\n       * 空值\n       * @returns\n       */\n      const noValue = () => {\n        if (verifyType === 'file') {\n          return value() === undefined ? true : value() && value().length === 0;\n        }\n        return (Array.isArray(value()) && value().length === 0) || (!Array.isArray(value()) && validator.isEmpty(value()));\n      };\n      /**\n       * 有值\n       * @returns\n       */\n      const hasValue = () => {\n        if (verifyType === 'file') {\n          return value() === undefined ? false : value() && value().length > 0;\n        }\n        return (Array.isArray(value()) && value().length > 0) || (!Array.isArray(value()) && !validator.isEmpty(value()));\n      };\n      // 必填\n      const required = formGroup.classList.contains('required');\n      /**\n       * 塞入詳細錯誤訊息\n       * @param {string} type 錯誤訊息類別\n       * @returns\n       */\n      function appendError(type, position, insertEl) {\n        const fieldEl = cf.element.querySelector(`[form-field=\"${key}\"]`);\n        const fieldElIndex = [...cf.element.querySelectorAll(`[form-field]`)].indexOf(fieldEl);\n        const errorTextDOM = type => `<p class=\"error-text\" name=\"${key}\" index=\"${fieldElIndex}\">${subject} - ${errorText[options.locale][type]}</p>`;\n        switch (position) {\n          case 'underField':\n            if (!options.errorText.underField) return;\n            insertEl.append(htmlStringToDOM(errorTextDOM(type)));\n            break;\n          case 'detail':\n            if (!insertEl) return;\n            insertEl.append(htmlStringToDOM(errorTextDOM(type)));\n            break;\n        }\n      }\n      function sortErrorDetail() {\n        const allError = cf.detailOutputEl.querySelectorAll('.error-text');\n        if ([...allError].length > 0) {\n          cf.element.classList.add('something-wrong');\n        } else {\n          cf.element.classList.remove('something-wrong');\n        }\n        const sortErrorDetail = [...allError].sort((a, b) => a.getAttribute('index') - b.getAttribute('index'));\n        if (cf.detailOutputEl) {\n          cf.detailOutputEl.textContent = '';\n        }\n        sortErrorDetail.forEach(item => cf.detailOutputEl?.appendChild(item));\n      }\n      let validationIcon;\n      // 驗證必填/必選欄位是否為空\n      if (required && noValue()) {\n        fieldEl.classList.remove('success');\n        fieldEl.classList.add('error');\n        formGroup.classList.add('error');\n        switch (verifyType) {\n          case 'select':\n            validationIcon = fieldEl.querySelector('.validation-icon');\n            validationIcon.setAttribute('error-text', errorText[options.locale].select);\n            appendError('select', 'underField', formGroup.parentNode);\n            appendError('select', 'detail', cf.detailOutputEl);\n            break;\n          case 'radio':\n          case 'checkbox':\n            validationIcon = formGroup.querySelector('.validation-icon');\n            validationIcon.setAttribute('error-text', errorText[options.locale].select);\n            appendError('select', 'underField', formGroup.parentNode);\n            appendError('select', 'detail', cf.detailOutputEl);\n            break;\n          case 'file':\n            validationIcon = fieldEl.closest('.file-wrap').querySelector('.validation-icon');\n            validationIcon.setAttribute('error-text', errorText[options.locale].file);\n            appendError('file', 'underField', formGroup.parentNode);\n            appendError('file', 'detail', cf.detailOutputEl);\n            break;\n          default:\n            validationIcon = fieldEl.closest('.input-wrap').querySelector('.validation-icon');\n            validationIcon.setAttribute('error-text', errorText[options.locale].input);\n            appendError('input', 'underField', formGroup.parentNode);\n            appendError('input', 'detail', cf.detailOutputEl);\n            break;\n        }\n      }\n      if (hasValue()) {\n        /**\n         * 更新欄位狀態\n         * @param {object} fieldEl [form-field] element\n         * @param {boolean} success 是否通過驗證\n         */\n        function updateFieldStatus(fieldEl, success) {\n          const formGroup = fieldEl.closest('.form-group');\n          fieldEl.classList.toggle('error', !success);\n          fieldEl.classList.toggle('success', success);\n          const verifyType = fieldEl.getAttribute('data-verify');\n          const otherField = verifyType === 'phone' ? formGroup.querySelector('*:not(input)[form-field]') : formGroup.querySelector('*:not(dropdown-el)[form-field]');\n          const hasOtherField = Boolean(otherField);\n          const fieldSuccess = fieldEl.classList.contains('success');\n          const fieldError = fieldEl.classList.contains('error');\n          const otherFieldSuccess = otherField?.classList.contains('success');\n          const otherFieldError = otherField?.classList.contains('error');\n          if (hasOtherField) {\n            if (otherFieldSuccess && !otherFieldError && fieldSuccess) {\n              formGroup.classList.remove('error');\n              formGroup.classList.add('success');\n            } else if (otherFieldError || fieldError) {\n              formGroup.classList.remove('success');\n              formGroup.classList.add('error');\n            }\n          } else {\n            if (fieldSuccess) {\n              formGroup.classList.remove('error');\n              formGroup.classList.add('success');\n            } else {\n              formGroup.classList.add('error');\n              formGroup.classList.remove('success');\n            }\n          }\n        }\n        switch (verifyType) {\n          case 'phone':\n            const dropdownEl = formGroup.querySelector('dropdown-el');\n            if (validator.isMobilePhone(value())) {\n              updateFieldStatus(fieldEl, true);\n              if (dropdownEl && dropdownEl.classList.contains('success')) {\n                formGroup.classList.remove('error');\n                formGroup.classList.add('success');\n              }\n            } else {\n              updateFieldStatus(fieldEl, false);\n              validationIcon = fieldEl.closest('.input-wrap').querySelector('.validation-icon');\n              validationIcon.setAttribute('error-text', errorText[options.locale].format);\n              appendError('format', 'underField', formGroup.parentNode);\n              appendError('format', 'detail', cf.detailOutputEl);\n            }\n            break;\n          case 'password':\n            if (\n              validator.isStrongPassword(value(), {\n                minLength: 8,\n                minLowercase: 1,\n                minUppercase: 0,\n                minNumbers: 1,\n                minSymbols: 0,\n              })\n            ) {\n              updateFieldStatus(fieldEl, true);\n            } else {\n              updateFieldStatus(fieldEl, false);\n              validationIcon = fieldEl.closest('.input-wrap').querySelector('.validation-icon');\n              validationIcon.setAttribute('error-text', errorText[options.locale].format);\n              appendError('format', 'underField', formGroup.parentNode);\n              appendError('format', 'detail', cf.detailOutputEl);\n            }\n            break;\n          case 'email':\n            if (validator.isEmail(value())) {\n              updateFieldStatus(fieldEl, true);\n            } else {\n              updateFieldStatus(fieldEl, false);\n              validationIcon = fieldEl.closest('.input-wrap').querySelector('.validation-icon');\n              validationIcon.setAttribute('error-text', errorText[options.locale].format);\n              appendError('format', 'underField', formGroup.parentNode);\n              appendError('format', 'detail', cf.detailOutputEl);\n            }\n            break;\n          case 'verifyCode':\n            const isValidCode = validator.isNumeric(value(), { no_symbols: true }) && validator.isLength(value(), { min: 4, max: 4 });\n            if (isValidCode) {\n              updateFieldStatus(fieldEl, true);\n            } else {\n              updateFieldStatus(fieldEl, false);\n              validationIcon = fieldEl.closest('.input-wrap').querySelector('.validation-icon');\n              validationIcon.setAttribute('error-text', errorText[options.locale].format);\n              appendError('format', 'underField', formGroup.parentNode);\n              appendError('format', 'detail', cf.detailOutputEl);\n            }\n            break;\n          case 'select':\n          default:\n            updateFieldStatus(fieldEl, true);\n            break;\n        }\n      }\n      // 重新排序\n      if (cf.detailOutputEl) {\n        sortErrorDetail();\n      }\n    }\n  }\n  /**\n   * 送出表單\n   */\n  submit() {\n    const cf = this;\n    if (cf.options.verify) {\n      cf.verify();\n    }\n    cf.element.dispatchEvent(cf.submitEvent);\n  }\n  /**\n   * 清除表單所有欄位\n   */\n  clear() {\n    const cf = this;\n    const { allInput, allTextarea, allCheckbox, allFileUpload, allDropdown } = cf;\n    [...cf.allField].forEach(el => {\n      const formGroup = el.closest('.form-group');\n      formGroup.classList.remove('success');\n      formGroup.classList.remove('error');\n      el.classList.remove('success');\n      el.classList.remove('error');\n      el.closest('.form-grid').querySelector('.error-text')?.remove();\n      if (cf.detailOutputEl) {\n        cf.detailOutputEl.textContent = '';\n      }\n    });\n    [...allInput].forEach(input => {\n      input.value = '';\n    });\n    [...allTextarea].forEach(textarea => {\n      textarea.value = '';\n    });\n    [...allCheckbox].forEach(checkbox => {\n      checkbox.checked = false;\n    });\n    [...allFileUpload].forEach(input => {\n      let defaultText = input.getAttribute('data-default');\n      const fileName = defaultText.querySelector('.file-name');\n      fileName.classList.remove('is-upload');\n      fileName.textContent = defaultText;\n    });\n    [...allDropdown].forEach(dropdown => {\n      dropdown.setAttribute('d4-value', '');\n      if (dropdown.hasAttribute('control-elements')) {\n        const disabledEl = [...dropdown.getAttribute('control-elements').split(',')];\n        disabledEl.forEach(selector => {\n          document.querySelector(selector).classList.remove('disabled');\n        });\n      }\n    });\n    cf.element.value = cf.getValue();\n  }\n}\n"],"names":["errorPage","countdownInterval","second","homepage","countdown","detectShade","imgEl","el","dominantColor","ColorThief","grayLevel","colorPick","addClassEl","element","_a","createColorCube","startColor","endColor","canvas","context","gradient","img","init","errorWColor","errorBColor","pageChange","href","$","randomAnimate","clickEvent","e","$this","thisTarget","aHref","xArr","lastArr","y","yArr","arr","last","mouseenterEvent","$hrefEl","mouseleaveEvent","cgpagechange","x","t","b","c","d","errorText","CustomForm","params","__privateAdd","_events","defaultOptions","Mandarin","mergeOptions","target","source","merged","key","cf","__privateMethod","events_fn","data","field","radioChecked","textInput","checkBoxChecked","item","option","fileTemp","verifyField","options","allValue","appendVerifyIcon","validationIcon","fieldEl","verifyType","formGroup","selectWrapper","dropdownIcon","htmlStringToDOM","_b","fileWrapper","uploadIcon","_c","_d","appendError","type","position","insertEl","fieldElIndex","errorTextDOM","subject","sortErrorDetail","allError","a","value","noValue","validator","hasValue","required","updateFieldStatus","success","otherField","hasOtherField","fieldSuccess","fieldError","otherFieldSuccess","otherFieldError","dropdownEl","allInput","allTextarea","allCheckbox","allFileUpload","allDropdown","input","textarea","checkbox","defaultText","fileName","dropdown","selector","datepicker","timepicker","clearEl","submitEl","bindingDatepicker","flatpickr","bindingButton","clearBtn","submitBtn","fileUpload","fakeUploadWrap","fileLimit","file","fileSize","originalName","fileInputTemp","changeListener","changeHandler","event","fieldName","fieldObj","debounce","radio","val"],"mappings":"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"}
+{"version":3,"file":"tools-bundle.js","sources":["../src/tools/errorPage.js","../src/tools/detectColorShade.js","../src/tools/cgpagechange.js","../src/tools/customForm/errorText.js","../src/tools/customForm/customForm.js"],"sourcesContent":["\nexport function errorPage() {\n  if (!document.body.classList.contains('error') || document.querySelector('.back-home') == null) return;\n  let countdownInterval;\n  let second = 5;\n  const homepage = document.querySelector('.back-home').getAttribute('href');\n  const countdown = document.querySelector('.back-home .countdown');\n  countdownInterval = setInterval(() => {\n    second--;\n    countdown.textContent = second;\n    if (second === 0) {\n      clearInterval(countdownInterval);\n      window.location.href = homepage;\n    }\n  }, 1000);\n}","//第三方顏色提取套件\n//要使用請先跑 npm install colorthief\nimport ColorThief from 'colorthief/dist/color-thief.mjs'\n\n/**\n * 偵測深淺色\n * @param {*} imgEl 圖片\n * @param {*} el 綁定事件的 El(.detect-shade 那層)\n * @param {*} addClassEl 欲加上深淺色 Class 的 El\n */\nexport function detectShade(imgEl, el = imgEl) {\n  if (imgEl.complete) {\n    //把圖片給colorThief獲取色碼\n    const colorThief = new ColorThief();\n    const dominantColor = colorThief.getColor(imgEl);\n    const grayLevel = dominantColor[0] * 0.299 + dominantColor[1] * 0.587 + dominantColor[2] * 0.114;\n    // 顏色深淺判斷\n    colorPick(grayLevel, el);\n    el.classList.add('detected');\n  }\n}\n/**\n * 顏色深淺判斷\n * @param {*} grayLevel 0-191 黑色 192-255白色\n * @param {*} el 綁定事件的 El(.detect-shade 那層)\n */\nexport function colorPick(grayLevel, el) {\n  const addClassEl = el.getAttribute('addClassEl');\n  if (grayLevel >= 192) {\n    //淺色\n    if (addClassEl && addClassEl !== '') {\n      addClassEl.split(',').forEach(element => {\n        if (!el.closest(element)) {\n          console.error(`closest \"${element}\" not found`);\n        }\n        el.closest(element)?.classList.add('is-light');\n      });\n    } else {\n      el.classList.add('is-light');\n    }\n  } else {\n    //深色\n    if (addClassEl && addClassEl !== '') {\n      addClassEl.split(',').forEach(element => {\n        if (!el.closest(element)) {\n          console.error(`closest \"${element}\" not found`);\n        }\n        el.closest(element)?.classList.add('is-dark');\n      });\n    } else {\n      el.classList.add('is-dark');\n    }\n  }\n}\n/**\n * 產生一個顏色方塊\n * @param {string} startColor 開始顏色\n * @param {string} endColor 結束顏色\n * @returns 輸出一個圖片\n */\nexport function createColorCube(startColor, endColor, el) {\n  const canvas = document.createElement('canvas');\n  const context = canvas.getContext('2d');\n  canvas.width = 50;\n  canvas.height = 50;\n  if (startColor !== '' && endColor === '') {\n    //純色\n    context.fillStyle = startColor;\n  } else if (startColor !== '' && endColor !== '') {\n    //漸層\n    const gradient = context.createLinearGradient(0, 0, canvas.width, canvas.height);\n    gradient.addColorStop(0, startColor);\n    gradient.addColorStop(1, endColor);\n    context.fillStyle = gradient;\n  }\n  context.fillRect(0, 0, canvas.width, canvas.height);\n\n  //轉成圖片\n  const img = new Image();\n  img.src = canvas.toDataURL();\n  img.crossOrigin = 'Anonymous';\n  img.addEventListener('load', function () {\n    const imgEl = this;\n    detectShade(imgEl, el);\n  });\n  return img;\n}\n\nexport function init() {\n  const detectEl = document.querySelectorAll('.detect-shade:not(.detected)');\n  [...detectEl].forEach(el => {\n    if (el.tagName === 'IMG') {\n      return;\n    }\n    const errorWColor = ['#FFF', '#FFFFFF', '#fff', '#ffffff'];\n    const errorBColor = ['#000', '#000000'];\n    //背景色需先用 canvas 轉圖片再偵測\n    const startColor = getComputedStyle(el).getPropertyValue('--start-color');\n    const endColor = getComputedStyle(el).getPropertyValue('--end-color');\n    if (startColor === '' && endColor === '') {\n      console.error(el, '=> No color set!');\n      return;\n    } else if (errorWColor.indexOf(startColor) > 0) {\n      console.warn(el, '=> TypeError!! ( #FFF ) ');\n      //淺色\n      colorPick(255, el);\n      return;\n    } else if (errorBColor.indexOf(startColor) > 0) {\n      console.warn(el, '=> TypeError!! ( #000 ) ');\n      //淺色\n      colorPick(0, el);\n      return;\n    }\n    createColorCube(startColor, endColor, el);\n  });\n}\n","const pageChange = {\n  CG_A: function (href) {\n    $('html,body')\n      .delay(100)\n      .animate(\n        { opacity: '0' },\n        {\n          queue: true,\n          duration: 800,\n          easing: 'easeOutQuad',\n          complete: function () {\n            window.location.assign(href);\n          },\n        },\n      );\n  },\n  CG_B: function (href) {\n    $('main').append(\"<div id='CG_Abg'><div class='CG_Abg1'></div><div class='CG_Abg2'></div></div>\");\n\n    $('body')\n      .delay(1200)\n      .animate(\n        { opacity: '0' },\n        {\n          queue: true,\n          duration: 200,\n          easing: 'easeOutQuad',\n          complete: function () {\n            setTimeout(function () {\n              window.location.assign(href);\n            }, 100);\n          },\n        },\n      );\n  },\n  CG_C: function (href) {\n    $('main').append(\"<div id='CG_Bbg'></div>\");\n    $('body')\n      .delay(1200)\n      .animate(\n        { opacity: '0' },\n        {\n          queue: true,\n          duration: 200,\n          easing: 'easeOutQuad',\n          complete: function () {\n            setTimeout(function () {\n              window.location.assign(href);\n            }, 100);\n          },\n        },\n      );\n  },\n  CG_D: function (href) {\n    $('main').append(\"<div id='CG_Cbg'><div class='CG_Cbg1'></div><div class='CG_Cbg2'></div></div>\");\n    $('body')\n      .delay(1200)\n      .animate(\n        { opacity: '0' },\n        {\n          queue: true,\n          duration: 200,\n          easing: 'easeOutQuad',\n          complete: function () {\n            setTimeout(function () {\n              window.location.assign(href);\n            }, 100);\n          },\n        },\n      );\n  },\n};\n\nconst randomAnimate = href => {\n  const i = Math.floor(Math.random() * Math.floor(4)) + 1;\n  switch (1) {\n    case 1:\n      pageChange.CG_A(href);\n      break;\n    case 2:\n      pageChange.CG_B(href);\n      break;\n    case 3:\n      pageChange.CG_C(href);\n      break;\n    case 4:\n      pageChange.CG_D(href);\n      break;\n    default:\n      break;\n  }\n};\n\nconst clickEvent = (e,hrefLink) => {\n  e.preventDefault();\n  const $this = $(e.currentTarget);\n  const thisTarget = $this.attr('target');\n  const aHref = $this.attr('href');\n  let href;\n  \n  if (hrefLink) {\n    // 如果有屬性 data-nolink 就阻止轉址\n    if ($this.is('[data-nolink]')) {\n      e.stopPropagation(); \n      e.preventDefault();\n      return\n    }\n    if ($this.hasClass('click-block')) {\n      href = $this.closest('[data-href]').attr('data-href');\n    } else {\n      href = aHref;\n    }\n  } else {\n    // 如果有屬性 data-nolink 就阻止轉址\n    if ($this.is('[data-nolink]')) {\n      e.stopPropagation(); \n      e.preventDefault();\n      return\n    }\n    if ($this.hasClass('href-link')) {\n      href = $this.closest('[data-href]').attr('data-href');\n    } else {\n      href = aHref;\n    }\n  }\n\n  // 本地\n  const x = window.location.pathname.replace('http://', '');\n  let xArr = x.split('/');\n  xArr = lastArr(xArr);\n  // 連結\n  const y = href.replace('http://', '');\n  let yArr = y.split('/');\n  yArr = lastArr(yArr);\n  function lastArr(arr) {\n    const last = arr.pop();\n    if (last.indexOf('#') > -1) {\n      arr.push(last);\n    } else if (last.indexOf('html') > 0) {\n      arr.push(last);\n    } else if (last == '') {\n      arr.push('index.html');\n    } else {\n      arr.push(last);\n      arr.push('index.html');\n    }\n    return arr;\n  }\n  if (thisTarget == '_blank' || e.ctrlKey || e.metaKey) {\n    window.open(href);\n  } else if (y.indexOf('jpg') > -1 || y.indexOf('javascript') > -1) {\n    //啥事都不幹\n  } else {\n    randomAnimate(href);\n  }\n};\n\nconst mouseenterEvent = e => {\n  const $this = $(e.currentTarget);\n  const $hrefEl = $this.closest('[data-href]');\n  if ($hrefEl.hasClass('isHover')) return;\n  $hrefEl.addClass('isHover');\n};\n\nconst mouseleaveEvent = e => {\n  const $this = $(e.currentTarget);\n  const $hrefEl = $this.closest('[data-href]');\n  if (!$hrefEl.hasClass('isHover')) return;\n  $hrefEl.removeClass('isHover');\n};\n\nexport const cgpagechange = (hrefLink = true) => {\n  // 動畫曲線\n  $.easing['jswing'] = $.easing['swing'];\n  $.extend($.easing, {\n    def: 'easeOutQuad',\n    easeOutQuad: function (x, t, b, c, d) {\n      return -c * (t /= d) * (t - 2) + b;\n    },\n    easeInOutCirc: function (x, t, b, c, d) {\n      if ((t /= d / 2) < 1) return (-c / 2) * (Math.sqrt(1 - t * t) - 1) + b;\n      return (c / 2) * (Math.sqrt(1 - (t -= 2) * t) + 1) + b;\n    },\n  });\n  $('body').on('click', 'a:not(.nocg), .href-link, .click-block, [data-nolink]', e => clickEvent(e,hrefLink));\n  $('body').on('click', 'a:not(.nocg)', function(e) {\n    e.stopPropagation();\n  });\n  $('body').on('mouseenter', '[data-href] a', e => mouseenterEvent(e));\n  $('body').on('mouseleave', '[data-href] a', e => mouseleaveEvent(e));\n}\n\n\n//\n\n\n// const pageChange = {\n//   CG_A: function (href) {\n//     $('html,body').delay(100).animate({ opacity: '0' }, {\n//       queue: true,\n//       duration: 800,\n//       easing: 'easeOutQuad',\n//       complete: function () {\n//         window.location.assign(href);\n//       },\n//     });\n//   },\n//   CG_B: function (href) {\n//     $('main').append(\"<div id='CG_Abg'><div class='CG_Abg1'></div><div class='CG_Abg2'></div></div>\");\n\n//     $('body')\n//       .delay(1200)\n//       .animate(\n//         { opacity: '0' },\n//         {\n//           queue: true,\n//           duration: 200,\n//           easing: 'easeOutQuad',\n//           complete: function () {\n//             setTimeout(function () {\n//               window.location.assign(href);\n//             }, 100);\n//           },\n//         },\n//       );\n//   },\n//   CG_C: function (href) {\n//     $('main').append(\"<div id='CG_Bbg'></div>\");\n//     $('body')\n//       .delay(1200)\n//       .animate(\n//         { opacity: '0' },\n//         {\n//           queue: true,\n//           duration: 200,\n//           easing: 'easeOutQuad',\n//           complete: function () {\n//             setTimeout(function () {\n//               window.location.assign(href);\n//             }, 100);\n//           },\n//         },\n//       );\n//   },\n//   CG_D: function (href) {\n//     $('main').append(\"<div id='CG_Cbg'><div class='CG_Cbg1'></div><div class='CG_Cbg2'></div></div>\");\n//     $('body')\n//       .delay(1200)\n//       .animate(\n//         { opacity: '0' },\n//         {\n//           queue: true,\n//           duration: 200,\n//           easing: 'easeOutQuad',\n//           complete: function () {\n//             setTimeout(function () {\n//               window.location.assign(href);\n//             }, 100);\n//           },\n//         },\n//       );\n//   },\n// };\n\n// const randomAnimate = href => {\n//   const i = Math.floor(Math.random() * Math.floor(4)) + 1;\n//   switch (1) {\n//     case 1: pageChange.CG_A(href); break;\n//     case 2: pageChange.CG_B(href); break;\n//     case 3: pageChange.CG_C(href); break;\n//     case 4: pageChange.CG_D(href); break;\n//     default: break;\n//   }\n// };\n\n// const clickEvent = e => {\n//   e.preventDefault();\n//   const $this = $(e.currentTarget);\n//   const thisTarget = $this.attr('target');\n//   const href = $this.hasClass('href-link')\n//     ? $this.closest('[data-href]').attr('data-href')\n//     : $this.attr('href');\n\n//   const lastArr = (arr) => {\n//     const last = arr.pop();\n//     if (last.indexOf('#') > -1) {\n//       arr.push(last);\n//     } else if (last.indexOf('html') > 0) {\n//       arr.push(last);\n//     } else if (last == '') {\n//       arr.push('index.html');\n//     } else {\n//       arr.push(last);\n//       arr.push('index.html');\n//     }\n//     return arr;\n//   }\n\n//   if (thisTarget == '_blank' || e.ctrlKey || e.metaKey) {\n//     window.open(href);\n//   } else if (y.indexOf('jpg') > -1 || y.indexOf('javascript') > -1) {\n//     //啥事都不幹\n//   } else {\n//     randomAnimate(href);\n//   }\n\n//   // 本地\n//   const x = window.location.pathname.replace('http://', '');\n//   let xArr = x.split('/');\n//   xArr = lastArr(xArr);\n//   // 連結\n//   const y = href.replace('http://', '');\n//   let yArr = y.split('/');\n//   yArr = lastArr(yArr);\n\n\n// };\n\n// const mouseenterEvent = e => {\n//   const $this = $(e.currentTarget);\n//   const $hrefEl = $this.closest('[data-href]');\n//   if ($hrefEl.hasClass('isHover')) return;\n//   $hrefEl.addClass('isHover');\n// };\n\n// const mouseleaveEvent = e => {\n//   const $this = $(e.currentTarget);\n//   const $hrefEl = $this.closest('[data-href]');\n//   if (!$hrefEl.hasClass('isHover')) return;\n//   $hrefEl.removeClass('isHover');\n// };\n\n// export const cgpagechange = () => {\n//   // 動畫曲線\n//   $.easing['jswing'] = $.easing['swing'];\n//   $.extend($.easing, {\n//     def: 'easeOutQuad',\n//     easeOutQuad: function (x, t, b, c, d) {\n//       return -c * (t /= d) * (t - 2) + b;\n//     },\n//     easeInOutCirc: function (x, t, b, c, d) {\n//       if ((t /= d / 2) < 1) return (-c / 2) * (Math.sqrt(1 - t * t) - 1) + b;\n//       return (c / 2) * (Math.sqrt(1 - (t -= 2) * t) + 1) + b;\n//     },\n//   });\n\n//   $('body').on('click', 'a:not(.nocg), .href-link', e => clickEvent(e));\n//   $('body').on('mouseenter', '[data-href] a', e => mouseenterEvent(e));\n//   $('body').on('mouseleave', '[data-href] a', e => mouseleaveEvent(e));\n// }\n\n\n\n","export const errorText = {\n  'zh-TW': {\n    format: '格式錯誤',\n    input: '尚未填寫',\n    select: '尚未選擇',\n    file: '檔案大小超過限制',\n  },\n  'zh-CN': {\n    phone: '',\n    email: '',\n    password: '',\n    verifyCode: '',\n    input: '',\n    select: '',\n  },\n  en: {\n    phone: '',\n    email: '',\n    password: '',\n    verifyCode: '',\n    input: '',\n    select: '',\n  },\n  jp: {\n    phone: '',\n    email: '',\n    password: '',\n    verifyCode: '',\n    input: '',\n    select: '',\n  },\n};\n","// validator(欄位驗證套件)\nimport { debounce, htmlStringToDOM } from '../utils'\nimport { errorText } from './errorText'\nimport validator from 'validator'\nimport flatpickr from 'flatpickr'\nimport { Mandarin } from \"flatpickr/dist/l10n/zh.js\"\n\nexport class CustomForm {\n  constructor(element, params) {\n    this.element = document.querySelector(element);\n    this.allField = this.element.querySelectorAll(`${element} [form-field]`);\n    this.allInput = this.element.querySelectorAll(`${element} input`);\n    this.allTextarea = this.element.querySelectorAll(`${element} textarea`);\n    this.allCheckbox = this.element.querySelectorAll(`${element} input[type=\"checkbox\"]`);\n    this.allRadio = this.element.querySelectorAll(`${element} input[type=\"radio\"]`);\n    this.allFileUpload = this.element.querySelectorAll(`${element} fake-file-upload`);\n    this.allDropdown = this.element.querySelectorAll(`${element} dropdown-el`);\n    this.submitEvent = new Event('submit');\n    // default params\n    const defaultOptions = {\n      locale: 'zh-TW',\n      datepicker: [\n        {\n          el: '.datepicker-input',\n          options: {\n            locale: Mandarin,\n          },\n        },\n      ],\n      timepicker: [\n        {\n          el: '.timepicker-input',\n          options: {\n            enableTime: true,\n            noCalendar: true,\n            dateFormat: 'H:i',\n            time_24hr: true,\n          },\n        },\n      ],\n      clearEl: null,\n      submitEl: null,\n      verify: false,\n      errorText: {\n        underField: false,\n        detailOutput: false,\n      },\n    };\n    const mergeOptions = (target, source) => {\n      const merged = { ...target };\n      for (let key of Object.keys(source)) {\n        if (typeof source[key] === 'object' && key in target) {\n          // 2024/10/21 wade demo edit\n          merged[key] = Array.isArray(merged[key])\n            ? [...source[key]]\n            : mergeOptions(target[key], source[key]);\n\n        } else {\n          merged[key] = source[key];\n\n        }\n      }\n      return merged;\n    };\n    this.options = params ? mergeOptions(defaultOptions, params) : defaultOptions;\n    this.init();\n  }\n  init() {\n    const cf = this;\n    cf.element.value = cf.getValue();\n    cf.detailOutputEl = cf.options.errorText.detailOutput ? document.querySelector(cf.options.errorText.detailOutput) : null;\n    cf.#events();\n  }\n  /**\n   * 綁事件\n   */\n  #events() {\n    const cf = this;\n    const { datepicker, timepicker, clearEl, submitEl } = cf.options;\n\n    /**\n     * 綁定日曆/時間\n     */\n    function bindingDatepicker() {\n      // 日曆\n      datepicker.forEach(item => {\n        flatpickr(item.el, item.options);\n      });\n      // 時間\n      timepicker.forEach(item => {\n        flatpickr(item.el, item.options);\n      });\n    }\n\n    /**\n     * 綁定按鈕點擊事件\n     */\n    function bindingButton() {\n      const clearBtn = document.querySelector(clearEl);\n      const submitBtn = document.querySelector(submitEl);\n      clearBtn?.addEventListener('click', function () {\n        cf.clear();\n      });\n      submitBtn?.addEventListener('click', function () {\n        cf.submit();\n      });\n    }\n\n    function fileUpload(target) {\n      const formGroup = target.closest('.form-group');\n      if (target.files.length <= 0) return;\n      const fakeUploadWrap = target.closest('.file-wrap').querySelector('.fake-file-upload');\n      const defaultText = fakeUploadWrap.getAttribute('data-default');\n      const fileName = fakeUploadWrap.querySelector('.file-name');\n      const fileLimit = Number(target.getAttribute('data-limit'));\n      const file = target.files[0];\n      const fileSize = file.size / 1024 / 1024;\n      const originalName = file.name;\n      const fileInputTemp = target.cloneNode(true);\n      if (fileSize > fileLimit) {\n        //超過檔案大小限制\n        formGroup.classList.add('error');\n        formGroup.classList.remove('success');\n        fileInputTemp.value = '';\n      } else {\n        //符合檔案大小限制\n        formGroup.classList.remove('error');\n        formGroup.classList.add('success');\n      }\n      fileName.textContent = originalName;\n      fileInputTemp.removeAttribute('form-field field-type data-limit');\n      fakeUploadWrap.querySelector('input[type=\"file\"]')?.remove();\n      fakeUploadWrap.append(fileInputTemp);\n    }\n\n    /**\n     * 表單內欄位異動監聽\n     */\n    function changeListener() {\n      function changeHandler(event) {\n        const { target } = event;\n        let fieldName, fieldObj;\n        if (target.matches('[type=\"radio\"], [type=\"checkbox\"]')) {\n          cf.element.value = cf.getValue();\n          fieldName = target.closest('.form-check').getAttribute('form-field');\n          fieldObj = {\n            [fieldName]: cf.element.value[fieldName],\n          };\n          if (cf.options.verify) cf.verify(fieldObj);\n        }\n        if (target.matches('[type=\"file\"]')) {\n          fileUpload(target);\n          cf.element.value = cf.getValue();\n          fieldName = target.getAttribute('form-field');\n          fieldObj = {\n            [fieldName]: cf.element.value[fieldName],\n          };\n          if (cf.options.verify) cf.verify(fieldObj);\n        }\n      }\n\n      cf.element.addEventListener(\n        'input',\n        debounce(function (e) {\n          const { target } = e;\n          if (target.matches('[type=\"text\"],[type=\"number\"],[type=\"email\"],[type=\"password\"], textarea')) {\n            cf.element.value = cf.getValue();\n            // 如果該欄位非必填則不做即時驗證\n            if (!target.closest('.form-group').classList.contains('required') && target.hasAttribute('data-verify')) {\n              if (validator.isEmpty(target.value)) {\n                target.classList.remove('error');\n                target.classList.remove('success');\n                target.closest('.form-group').classList.remove('error');\n              }\n              return;\n            }\n            const fieldName = target.getAttribute('form-field');\n            const fieldObj = {\n              [fieldName]: cf.element.value[fieldName],\n            };\n            if (cf.options.verify) cf.verify(fieldObj);\n          }\n        }),\n      );\n      cf.allCheckbox.forEach(checkbox => {\n        checkbox.addEventListener('change', changeHandler);\n      });\n      cf.allRadio.forEach(radio => {\n        radio.addEventListener('change', changeHandler);\n      });\n      cf.allDropdown.forEach(dropdown => {\n        dropdown.on('change', function () {\n          const fieldName = this.getAttribute('form-field');\n          cf.element.value = cf.getValue();\n          const val = cf.element.value[fieldName];\n          const value = typeof val === 'object' && !Array.isArray(val) ? val.value : val;\n          const fieldObj = {\n            [fieldName]: val,\n          };\n          if ((Array.isArray(value) && value.length > 0) || (!Array.isArray(value) && !validator.isEmpty(value))) {\n            if (cf.options.verify) cf.verify(fieldObj);\n          }\n        });\n      });\n    }\n    bindingDatepicker();\n    bindingButton();\n    changeListener();\n  }\n  /**\n   * 取得表單所有的值\n   * @returns\n   */\n  getValue() {\n    const cf = this;\n    // 參數 -\n    // 在對應的地方 加上 [form-field] --> 欄位名稱 [field-type] --> 欄位格式\n    // isFile(取檔案數值物件)\n    // isRadio(要放在對應父層)\n    // isCheckBox(要放在對應父層)\n    // isSelect(要放在對應父層)\n    let data = {};\n    [...cf.allField].forEach(el => {\n      const field = el.getAttribute('form-field');\n      const type = el.getAttribute('field-type');\n      switch (type) {\n        // 單選Radio\n        case 'isRadio':\n          const radioChecked = el.querySelector('input:checked');\n          const textInput = radioChecked.querySelector('input[type=\"text\"]');\n          data[field] = {\n            id: parseInt(radioChecked.closest('.option-item').querySelector('.text').getAttribute('data-id')),\n            value: textInput ? textInput.value : radioChecked.closest('.option-item').querySelector('.text').textContent,\n          };\n          break;\n        // 複選Checkbox\n        case 'isCheckBox':\n          const checkBoxChecked = el.querySelectorAll('input:checked');\n          data[field] = [...checkBoxChecked].map(item => {\n            const textInput = item.querySelector('input[type=\"text\"]');\n            return {\n              id: parseInt(item.closest('.option-item').querySelector('.text').getAttribute('data-id')),\n              value: textInput ? textInput.value : item.closest('.option-item').querySelector('.text').textContent,\n            };\n          });\n          break;\n        // 下拉選單\n        case 'isSelect':\n          const selectType = el.hasAttribute('multiple') ? 'multiple' : 'single';\n          switch (selectType) {\n            case 'single':\n              data[field] = {\n                value: el.s.value.id ? el.s.value.id : '',\n                display: el.s.value.el ? el.s.value.el.textContent : '',\n              };\n              break;\n            case 'multiple':\n              data[field] = {\n                value: el.s.value.map(option => option.id),\n                display: el.s.value.map(option => option.el.textContent),\n              };\n              break;\n          }\n          break;\n        // 檔案上傳\n        case 'isFile':\n          const fileTemp = el.closest('.file-wrap').querySelector('.fake-file-upload input');\n          data[field] = fileTemp ? fileTemp.files : undefined;\n          break;\n        // 其他\n        default:\n          data[field] = el.value;\n          break;\n      }\n    });\n    return data;\n  }\n  /**\n   * 表單驗證\n   * @param {object} verifyField 針對單一欄位驗證，沒傳值表示全部欄位\n   * @returns\n   */\n  verify(verifyField) {\n    const cf = this;\n    const { options } = cf;\n    const allValue = cf.element.value;\n    const field = verifyField ? verifyField : allValue;\n    /**\n     * 產生表單驗證 icon(✅/❌)\n     * @param {object} field 欄位物件\n     */\n    function appendVerifyIcon(field) {\n      const validationIcon = '<div class=\"validation-icon\"></div>';\n      for (const key in field) {\n        const fieldEl = cf.element.querySelector(`[form-field=\"${key}\"]`);\n        const verifyType = fieldEl.getAttribute('data-verify');\n        const formGroup = fieldEl.closest('.form-group');\n        switch (verifyType) {\n          case 'select':\n            const selectWrapper = fieldEl.querySelector('.select-wrapper');\n            const dropdownIcon = selectWrapper.querySelector('.dropdown-icon');\n            selectWrapper.querySelector('.validation-icon')?.remove();\n            selectWrapper.insertBefore(htmlStringToDOM(validationIcon), dropdownIcon);\n            break;\n          case 'radio':\n          case 'checkbox':\n            formGroup.querySelector('.validation-icon')?.remove();\n            formGroup.append(htmlStringToDOM(validationIcon));\n            break;\n          case 'file':\n            const fileWrapper = fieldEl.closest('.file-wrap').querySelector('.fake-file-upload');\n            const uploadIcon = fieldEl.closest('.file-wrap').querySelector('.upload-icon');\n            fileWrapper.querySelector('.validation-icon')?.remove();\n            if (uploadIcon) {\n              fileWrapper.insertBefore(htmlStringToDOM(validationIcon), uploadIcon);\n            } else {\n              fileWrapper.append(htmlStringToDOM(validationIcon));\n            }\n            break;\n          case 'date':\n          case 'textarea':\n          default:\n            fieldEl.closest('.input-wrap').querySelector('.validation-icon')?.remove();\n            fieldEl.closest('.input-wrap').append(htmlStringToDOM(validationIcon));\n            break;\n        }\n      }\n    }\n    appendVerifyIcon(field);\n    if (verifyField) {\n      const key = Object.keys(field)[0];\n      cf.element.querySelectorAll(`.error-text[name=\"${key}\"]`).forEach(element => element.remove());\n    } else {\n      cf.element.querySelectorAll('.error-text').forEach(element => element.remove());\n    }\n    for (const key in field) {\n      const fieldEl = cf.element.querySelector(`[form-field=\"${key}\"]`);\n      const formGroup = fieldEl.closest('.form-group');\n      const subject = formGroup.querySelector('.subject')?.textContent;\n      const verifyType = fieldEl.getAttribute('data-verify');\n      /**\n       * 回傳欄位的 value\n       * @returns\n       */\n      const value = () => {\n        if (typeof allValue[key] === 'object' && !Array.isArray(allValue[key])) {\n          if (verifyType === 'file') {\n            return allValue[key];\n          }\n          return allValue[key].value;\n        }\n        return allValue[key];\n      };\n      /**\n       * 空值\n       * @returns\n       */\n      const noValue = () => {\n        if (verifyType === 'file') {\n          return value() === undefined ? true : value() && value().length === 0;\n        }\n        return (Array.isArray(value()) && value().length === 0) || (!Array.isArray(value()) && validator.isEmpty(value()));\n      };\n      /**\n       * 有值\n       * @returns\n       */\n      const hasValue = () => {\n        if (verifyType === 'file') {\n          return value() === undefined ? false : value() && value().length > 0;\n        }\n        return (Array.isArray(value()) && value().length > 0) || (!Array.isArray(value()) && !validator.isEmpty(value()));\n      };\n      // 必填\n      const required = formGroup.classList.contains('required');\n      /**\n       * 塞入詳細錯誤訊息\n       * @param {string} type 錯誤訊息類別\n       * @returns\n       */\n      function appendError(type, position, insertEl) {\n        const fieldEl = cf.element.querySelector(`[form-field=\"${key}\"]`);\n        const fieldElIndex = [...cf.element.querySelectorAll(`[form-field]`)].indexOf(fieldEl);\n        const errorTextDOM = type => `<p class=\"error-text\" name=\"${key}\" index=\"${fieldElIndex}\">${subject} - ${errorText[options.locale][type]}</p>`;\n        switch (position) {\n          case 'underField':\n            if (!options.errorText.underField) return;\n            insertEl.append(htmlStringToDOM(errorTextDOM(type)));\n            break;\n          case 'detail':\n            if (!insertEl) return;\n            insertEl.append(htmlStringToDOM(errorTextDOM(type)));\n            break;\n        }\n      }\n      function sortErrorDetail() {\n        const allError = cf.detailOutputEl.querySelectorAll('.error-text');\n        if ([...allError].length > 0) {\n          cf.element.classList.add('something-wrong');\n        } else {\n          cf.element.classList.remove('something-wrong');\n        }\n        const sortErrorDetail = [...allError].sort((a, b) => a.getAttribute('index') - b.getAttribute('index'));\n        if (cf.detailOutputEl) {\n          cf.detailOutputEl.textContent = '';\n        }\n        sortErrorDetail.forEach(item => cf.detailOutputEl?.appendChild(item));\n      }\n      let validationIcon;\n      // 驗證必填/必選欄位是否為空\n      if (required && noValue()) {\n        fieldEl.classList.remove('success');\n        fieldEl.classList.add('error');\n        formGroup.classList.add('error');\n        switch (verifyType) {\n          case 'select':\n            validationIcon = fieldEl.querySelector('.validation-icon');\n            validationIcon.setAttribute('error-text', errorText[options.locale].select);\n            appendError('select', 'underField', formGroup.parentNode);\n            appendError('select', 'detail', cf.detailOutputEl);\n            break;\n          case 'radio':\n          case 'checkbox':\n            validationIcon = formGroup.querySelector('.validation-icon');\n            validationIcon.setAttribute('error-text', errorText[options.locale].select);\n            appendError('select', 'underField', formGroup.parentNode);\n            appendError('select', 'detail', cf.detailOutputEl);\n            break;\n          case 'file':\n            validationIcon = fieldEl.closest('.file-wrap').querySelector('.validation-icon');\n            validationIcon.setAttribute('error-text', errorText[options.locale].file);\n            appendError('file', 'underField', formGroup.parentNode);\n            appendError('file', 'detail', cf.detailOutputEl);\n            break;\n          default:\n            validationIcon = fieldEl.closest('.input-wrap').querySelector('.validation-icon');\n            validationIcon.setAttribute('error-text', errorText[options.locale].input);\n            appendError('input', 'underField', formGroup.parentNode);\n            appendError('input', 'detail', cf.detailOutputEl);\n            break;\n        }\n      }\n      if (hasValue()) {\n        /**\n         * 更新欄位狀態\n         * @param {object} fieldEl [form-field] element\n         * @param {boolean} success 是否通過驗證\n         */\n        function updateFieldStatus(fieldEl, success) {\n          const formGroup = fieldEl.closest('.form-group');\n          fieldEl.classList.toggle('error', !success);\n          fieldEl.classList.toggle('success', success);\n          const verifyType = fieldEl.getAttribute('data-verify');\n          const otherField = verifyType === 'phone' ? formGroup.querySelector('*:not(input)[form-field]') : formGroup.querySelector('*:not(dropdown-el)[form-field]');\n          const hasOtherField = Boolean(otherField);\n          const fieldSuccess = fieldEl.classList.contains('success');\n          const fieldError = fieldEl.classList.contains('error');\n          const otherFieldSuccess = otherField?.classList.contains('success');\n          const otherFieldError = otherField?.classList.contains('error');\n          if (hasOtherField) {\n            if (otherFieldSuccess && !otherFieldError && fieldSuccess) {\n              formGroup.classList.remove('error');\n              formGroup.classList.add('success');\n            } else if (otherFieldError || fieldError) {\n              formGroup.classList.remove('success');\n              formGroup.classList.add('error');\n            }\n          } else {\n            if (fieldSuccess) {\n              formGroup.classList.remove('error');\n              formGroup.classList.add('success');\n            } else {\n              formGroup.classList.add('error');\n              formGroup.classList.remove('success');\n            }\n          }\n        }\n        switch (verifyType) {\n          case 'phone':\n            const dropdownEl = formGroup.querySelector('dropdown-el');\n            if (validator.isMobilePhone(value())) {\n              updateFieldStatus(fieldEl, true);\n              if (dropdownEl && dropdownEl.classList.contains('success')) {\n                formGroup.classList.remove('error');\n                formGroup.classList.add('success');\n              }\n            } else {\n              updateFieldStatus(fieldEl, false);\n              validationIcon = fieldEl.closest('.input-wrap').querySelector('.validation-icon');\n              validationIcon.setAttribute('error-text', errorText[options.locale].format);\n              appendError('format', 'underField', formGroup.parentNode);\n              appendError('format', 'detail', cf.detailOutputEl);\n            }\n            break;\n          case 'password':\n            if (\n              validator.isStrongPassword(value(), {\n                minLength: 8,\n                minLowercase: 1,\n                minUppercase: 0,\n                minNumbers: 1,\n                minSymbols: 0,\n              })\n            ) {\n              updateFieldStatus(fieldEl, true);\n            } else {\n              updateFieldStatus(fieldEl, false);\n              validationIcon = fieldEl.closest('.input-wrap').querySelector('.validation-icon');\n              validationIcon.setAttribute('error-text', errorText[options.locale].format);\n              appendError('format', 'underField', formGroup.parentNode);\n              appendError('format', 'detail', cf.detailOutputEl);\n            }\n            break;\n          case 'email':\n            if (validator.isEmail(value())) {\n              updateFieldStatus(fieldEl, true);\n            } else {\n              updateFieldStatus(fieldEl, false);\n              validationIcon = fieldEl.closest('.input-wrap').querySelector('.validation-icon');\n              validationIcon.setAttribute('error-text', errorText[options.locale].format);\n              appendError('format', 'underField', formGroup.parentNode);\n              appendError('format', 'detail', cf.detailOutputEl);\n            }\n            break;\n          case 'verifyCode':\n            const isValidCode = validator.isNumeric(value(), { no_symbols: true }) && validator.isLength(value(), { min: 4, max: 4 });\n            if (isValidCode) {\n              updateFieldStatus(fieldEl, true);\n            } else {\n              updateFieldStatus(fieldEl, false);\n              validationIcon = fieldEl.closest('.input-wrap').querySelector('.validation-icon');\n              validationIcon.setAttribute('error-text', errorText[options.locale].format);\n              appendError('format', 'underField', formGroup.parentNode);\n              appendError('format', 'detail', cf.detailOutputEl);\n            }\n            break;\n          case 'select':\n          default:\n            updateFieldStatus(fieldEl, true);\n            break;\n        }\n      }\n      // 重新排序\n      if (cf.detailOutputEl) {\n        sortErrorDetail();\n      }\n    }\n  }\n  /**\n   * 送出表單\n   */\n  submit() {\n    const cf = this;\n    if (cf.options.verify) {\n      cf.verify();\n    }\n    cf.element.dispatchEvent(cf.submitEvent);\n  }\n  /**\n   * 清除表單所有欄位\n   */\n  clear() {\n    const cf = this;\n    const { allInput, allTextarea, allCheckbox, allFileUpload, allDropdown } = cf;\n    [...cf.allField].forEach(el => {\n      const formGroup = el.closest('.form-group');\n      formGroup.classList.remove('success');\n      formGroup.classList.remove('error');\n      el.classList.remove('success');\n      el.classList.remove('error');\n      el.closest('.form-grid').querySelector('.error-text')?.remove();\n      if (cf.detailOutputEl) {\n        cf.detailOutputEl.textContent = '';\n      }\n    });\n    [...allInput].forEach(input => {\n      input.value = '';\n    });\n    [...allTextarea].forEach(textarea => {\n      textarea.value = '';\n    });\n    [...allCheckbox].forEach(checkbox => {\n      checkbox.checked = false;\n    });\n    [...allFileUpload].forEach(input => {\n      let defaultText = input.getAttribute('data-default');\n      const fileName = defaultText.querySelector('.file-name');\n      fileName.classList.remove('is-upload');\n      fileName.textContent = defaultText;\n    });\n    [...allDropdown].forEach(dropdown => {\n      dropdown.setAttribute('d4-value', '');\n      if (dropdown.hasAttribute('control-elements')) {\n        const disabledEl = [...dropdown.getAttribute('control-elements').split(',')];\n        disabledEl.forEach(selector => {\n          document.querySelector(selector).classList.remove('disabled');\n        });\n      }\n    });\n    cf.element.value = cf.getValue();\n  }\n}\n"],"names":["errorPage","countdownInterval","second","homepage","countdown","detectShade","imgEl","el","dominantColor","ColorThief","grayLevel","colorPick","addClassEl","element","_a","createColorCube","startColor","endColor","canvas","context","gradient","img","init","errorWColor","errorBColor","pageChange","href","$","randomAnimate","clickEvent","e","hrefLink","$this","thisTarget","aHref","xArr","lastArr","y","yArr","arr","last","mouseenterEvent","$hrefEl","mouseleaveEvent","cgpagechange","x","b","c","errorText","CustomForm","params","__privateAdd","_events","defaultOptions","Mandarin","mergeOptions","target","source","merged","key","cf","__privateMethod","events_fn","data","field","radioChecked","textInput","checkBoxChecked","item","option","fileTemp","verifyField","options","allValue","appendVerifyIcon","validationIcon","fieldEl","verifyType","formGroup","selectWrapper","dropdownIcon","htmlStringToDOM","_b","fileWrapper","uploadIcon","_c","_d","appendError","type","position","insertEl","fieldElIndex","errorTextDOM","subject","sortErrorDetail","allError","a","value","noValue","validator","hasValue","required","updateFieldStatus","success","otherField","hasOtherField","fieldSuccess","fieldError","otherFieldSuccess","otherFieldError","dropdownEl","allInput","allTextarea","allCheckbox","allFileUpload","allDropdown","input","textarea","checkbox","defaultText","fileName","dropdown","selector","datepicker","timepicker","clearEl","submitEl","bindingDatepicker","flatpickr","bindingButton","clearBtn","submitBtn","fileUpload","fakeUploadWrap","fileLimit","file","fileSize","originalName","fileInputTemp","changeListener","changeHandler","event","fieldName","fieldObj","debounce","radio","val"],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@xwadex/fesd",
   "private": false,
-  "version": "0.0.19",
+  "version": "0.0.21",
   "main": "./dist/fesd-bundle.js",
   "type": "module",
   "scripts": {