@xwadex/fesd 0.0.67 → 0.0.69

package/dist/tools-bundle.js

@@ -1,78 +1,65 @@
-var U = (r, e, t) => {
-  if (!e.has(r))
-    throw TypeError("Cannot " + 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 V = (r, e, t) => (U(r, e, "access private method"), t);
-import { n as z, o as C } from "./image-preview-bundle.js";
-import { w as ue, z as de, y as fe, F as pe, E as me, J as ye, K as he, B as ve, L as ge, O as be, P as ke, Q as xe, X as Se, Y as Ae, u as we, U as Ee, W as qe, t as Ce, r as Le, V as Oe, p as Te, q as Fe, G as Ge, S as $e, x as Ie, H as Ne, N as De } from "./image-preview-bundle.js";
-import { o as H, z as Q } from "./vendor-bundle.js";
+import { n as V, x as C } from "./image-preview-bundle.js";
+import { e as re, f as se, h as ie, i as ae, j as le, l as ne, o as ce, p as ue, q as de, r as fe, t as pe, u as me, v as he, w as ye, y as ve, G as ge, H as be, J as ke, K as xe, L as Se, N as Ae, O as we, Q as Ce, S as Ee, U as qe, V as Le, Y as Oe } from "./image-preview-bundle.js";
+import { o as _, z as j } from "./vendor-bundle.js";
 import h from "jquery";
-import w from "validator";
-import _ from "flatpickr";
-function se() {
-  if (!document.body.classList.contains("error") || document.querySelector(".back-home") == null)
-    return;
-  let r, e = 5;
+import x from "validator";
+import $ from "flatpickr";
+function J() {
+  if (!document.body.classList.contains("error") || document.querySelector(".back-home") == null) return;
+  let l, e = 5;
   const t = document.querySelector(".back-home").getAttribute("href"), o = document.querySelector(".back-home .countdown");
-  r = setInterval(() => {
-    e--, o.textContent = e, e === 0 && (clearInterval(r), window.location.href = t);
+  l = setInterval(() => {
+    e--, o.textContent = e, e === 0 && (clearInterval(l), window.location.href = t);
   }, 1e3);
 }
-function W(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");
+function B(l, e = l) {
+  if (l.complete) {
+    const o = new _().getColor(l), n = o[0] * 0.299 + o[1] * 0.587 + o[2] * 0.114;
+    O(n, e), e.classList.add("detected");
   }
 }
-function G(r, e) {
+function O(l, 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");
+  l >= 192 ? t && t !== "" ? t.split(",").forEach((o) => {
+    e.closest(o) || console.error(`closest "${o}" not found`), e.closest(o)?.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");
+    e.closest(o) || console.error(`closest "${o}" not found`), e.closest(o)?.classList.add("is-dark");
   }) : e.classList.add("is-dark");
 }
-function R(r, e, t) {
-  const o = document.createElement("canvas"), i = o.getContext("2d");
-  if (o.width = 50, o.height = 50, r !== "" && e === "")
-    i.fillStyle = r;
-  else if (r !== "" && e !== "") {
-    const y = i.createLinearGradient(0, 0, o.width, o.height);
-    y.addColorStop(0, r), y.addColorStop(1, e), i.fillStyle = y;
+function P(l, e, t) {
+  const o = document.createElement("canvas"), n = o.getContext("2d");
+  if (o.width = 50, o.height = 50, l !== "" && e === "")
+    n.fillStyle = l;
+  else if (l !== "" && e !== "") {
+    const f = n.createLinearGradient(0, 0, o.width, o.height);
+    f.addColorStop(0, l), f.addColorStop(1, e), n.fillStyle = f;
   }
-  i.fillRect(0, 0, o.width, o.height);
-  const f = new Image();
-  return f.src = o.toDataURL(), f.crossOrigin = "Anonymous", f.addEventListener("load", function() {
-    W(this, t);
-  }), f;
+  n.fillRect(0, 0, o.width, o.height);
+  const u = new Image();
+  return u.src = o.toDataURL(), u.crossOrigin = "Anonymous", u.addEventListener("load", function() {
+    B(this, t);
+  }), u;
 }
-function ie() {
+function X() {
   [...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"), f = getComputedStyle(e).getPropertyValue("--end-color");
-    if (i === "" && f === "") {
+    const t = ["#FFF", "#FFFFFF", "#fff", "#ffffff"], o = ["#000", "#000000"], n = getComputedStyle(e).getPropertyValue("--start-color"), u = getComputedStyle(e).getPropertyValue("--end-color");
+    if (n === "" && u === "") {
       console.error(e, "=> No color set!");
       return;
-    } else if (t.indexOf(i) > 0) {
-      console.warn(e, "=> TypeError!! ( #FFF ) "), G(255, e);
+    } else if (t.indexOf(n) > 0) {
+      console.warn(e, "=> TypeError!! ( #FFF ) "), O(255, e);
       return;
-    } else if (o.indexOf(i) > 0) {
-      console.warn(e, "=> TypeError!! ( #000 ) "), G(0, e);
+    } else if (o.indexOf(n) > 0) {
+      console.warn(e, "=> TypeError!! ( #000 ) "), O(0, e);
       return;
     }
-    R(i, f, e);
+    P(n, u, e);
   });
 }
-const O = {
-  CG_A: function(r) {
+const M = {
+  CG_A: function(l) {
     h("html,body").delay(100).animate(
       { opacity: "0" },
       {
@@ -80,12 +67,12 @@ const O = {
         duration: 800,
         easing: "easeOutQuad",
         complete: function() {
-          window.location.assign(r);
+          window.location.assign(l);
         }
       }
     );
   },
-  CG_B: function(r) {
+  CG_B: function(l) {
     h("main").append("<div id='CG_Abg'><div class='CG_Abg1'></div><div class='CG_Abg2'></div></div>"), h("body").delay(1200).animate(
       { opacity: "0" },
       {
@@ -94,13 +81,13 @@ const O = {
         easing: "easeOutQuad",
         complete: function() {
           setTimeout(function() {
-            window.location.assign(r);
+            window.location.assign(l);
           }, 100);
         }
       }
     );
   },
-  CG_C: function(r) {
+  CG_C: function(l) {
     h("main").append("<div id='CG_Bbg'></div>"), h("body").delay(1200).animate(
       { opacity: "0" },
       {
@@ -109,13 +96,13 @@ const O = {
         easing: "easeOutQuad",
         complete: function() {
           setTimeout(function() {
-            window.location.assign(r);
+            window.location.assign(l);
           }, 100);
         }
       }
     );
   },
-  CG_D: function(r) {
+  CG_D: function(l) {
     h("main").append("<div id='CG_Cbg'><div class='CG_Cbg1'></div><div class='CG_Cbg2'></div></div>"), h("body").delay(1200).animate(
       { opacity: "0" },
       {
@@ -124,75 +111,62 @@ const O = {
         easing: "easeOutQuad",
         complete: function() {
           setTimeout(function() {
-            window.location.assign(r);
+            window.location.assign(l);
           }, 100);
         }
       }
     );
   }
-}, K = (r) => {
-  switch (1) {
-    case 1:
-      O.CG_A(r);
-      break;
-    case 2:
-      O.CG_B(r);
-      break;
-    case 3:
-      O.CG_C(r);
-      break;
-    case 4:
-      O.CG_D(r);
-      break;
-  }
-}, j = (r, e) => {
-  r.preventDefault();
-  const t = h(r.currentTarget), o = t.attr("target"), i = t.attr("href");
-  let f;
+}, U = (l) => {
+  M.CG_A(l);
+}, I = (l, e) => {
+  l.preventDefault();
+  const t = h(l.currentTarget), o = t.attr("target"), n = t.attr("href");
+  let u;
   if (e) {
     if (t.is("[data-nolink]")) {
-      r.stopPropagation(), r.preventDefault();
+      l.stopPropagation(), l.preventDefault();
       return;
     }
-    t.hasClass("href-link") ? f = t.closest("[data-href]").attr("data-href") : f = i;
+    t.hasClass("href-link") ? u = t.closest("[data-href]").attr("data-href") : u = n;
   } else {
     if (t.is("[data-nolink]")) {
-      r.stopPropagation(), r.preventDefault();
+      l.stopPropagation(), l.preventDefault();
       return;
     }
-    t.hasClass("click-block") ? f = t.closest("[data-href]").attr("data-href") : f = i;
+    t.hasClass("click-block") ? u = t.closest("[data-href]").attr("data-href") : u = n;
   }
-  let d = window.location.pathname.replace("http://", "").split("/");
-  d = s(d);
-  const c = f.replace("http://", "");
-  let l = c.split("/");
-  l = s(l);
-  function s(n) {
-    const a = n.pop();
-    return a.indexOf("#") > -1 || a.indexOf("html") > 0 ? n.push(a) : (a == "" || n.push(a), n.push("index.html")), n;
+  let a = window.location.pathname.replace("http://", "").split("/");
+  a = c(a);
+  const s = u.replace("http://", "");
+  let d = s.split("/");
+  d = c(d);
+  function c(i) {
+    const r = i.pop();
+    return r.indexOf("#") > -1 || r.indexOf("html") > 0 ? i.push(r) : (r == "" || i.push(r), i.push("index.html")), i;
   }
-  o == "_blank" || r.ctrlKey || r.metaKey ? window.open(f) : c.indexOf("jpg") > -1 || c.indexOf("javascript") > -1 || K(f);
-}, X = (r) => {
-  const t = h(r.currentTarget).closest("[data-href]");
+  o == "_blank" || l.ctrlKey || l.metaKey ? window.open(u) : s.indexOf("jpg") > -1 || s.indexOf("javascript") > -1 || U(u);
+}, z = (l) => {
+  const t = h(l.currentTarget).closest("[data-href]");
   t.hasClass("isHover") || t.addClass("isHover");
-}, Y = (r) => {
-  const t = h(r.currentTarget).closest("[data-href]");
+}, H = (l) => {
+  const t = h(l.currentTarget).closest("[data-href]");
   t.hasClass("isHover") && t.removeClass("isHover");
-}, ae = (r = !0) => {
+}, Z = (l = !0) => {
   h.easing.jswing = h.easing.swing, h.extend(h.easing, {
     def: "easeOutQuad",
-    easeOutQuad: function(e, t, o, i, f) {
-      return -i * (t /= f) * (t - 2) + o;
+    easeOutQuad: function(e, t, o, n, u) {
+      return -n * (t /= u) * (t - 2) + o;
     },
-    easeInOutCirc: function(e, t, o, i, f) {
-      return (t /= f / 2) < 1 ? -i / 2 * (Math.sqrt(1 - t * t) - 1) + o : i / 2 * (Math.sqrt(1 - (t -= 2) * t) + 1) + o;
+    easeInOutCirc: function(e, t, o, n, u) {
+      return (t /= u / 2) < 1 ? -n / 2 * (Math.sqrt(1 - t * t) - 1) + o : n / 2 * (Math.sqrt(1 - (t -= 2) * t) + 1) + o;
     }
-  }), r ? (h("body").on("click", "a:not(.nocg), .href-link, [data-nolink]", (e) => j(e, r)), h("body").on("click", "a:not(.nocg)", function(e) {
+  }), l ? (h("body").on("click", "a:not(.nocg), .href-link, [data-nolink]", (e) => I(e, l)), h("body").on("click", "a:not(.nocg)", function(e) {
     e.stopPropagation();
-  })) : (h("body").on("click", "a:not(.nocg), .click-block, [data-nolink]", (e) => j(e, r)), h("body").on("click", "a:not(.nocg)", function(e) {
+  })) : (h("body").on("click", "a:not(.nocg), .click-block, [data-nolink]", (e) => I(e, l)), h("body").on("click", "a:not(.nocg)", function(e) {
     e.stopPropagation();
-  })), h("body").on("mouseenter", "[data-href] a", (e) => X(e)), h("body").on("mouseleave", "[data-href] a", (e) => Y(e));
-}, E = {
+  })), h("body").on("mouseenter", "[data-href] a", (e) => z(e)), h("body").on("mouseleave", "[data-href] a", (e) => H(e));
+}, S = {
   "zh-TW": {
     format: "格式錯誤",
     input: "尚未填寫",
@@ -224,13 +198,8 @@ const O = {
     select: ""
   }
 };
-var T, P;
-class le {
+class ee {
   constructor(e, 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",
@@ -238,7 +207,7 @@ class le {
         {
           el: ".datepicker-input",
           options: {
-            locale: Q.Mandarin
+            locale: j.Mandarin
           }
         }
       ],
@@ -260,18 +229,82 @@ class le {
         underField: !1,
         detailOutput: !1
       }
-    }, i = (f, y) => {
-      const d = { ...f };
-      for (let c of Object.keys(y))
-        typeof y[c] == "object" && c in f ? d[c] = Array.isArray(d[c]) ? [...y[c]] : i(f[c], y[c]) : d[c] = y[c];
-      return d;
+    }, n = (u, f) => {
+      const a = { ...u };
+      for (let s of Object.keys(f))
+        typeof f[s] == "object" && s in u ? a[s] = Array.isArray(a[s]) ? [...f[s]] : n(u[s], f[s]) : a[s] = f[s];
+      return a;
     };
-    this.options = t ? i(o, t) : o, this.init();
+    this.options = t ? n(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, V(t = e, T, P).call(t);
+    e.element.value = e.getValue(), e.detailOutputEl = e.options.errorText.detailOutput ? document.querySelector(e.options.errorText.detailOutput) : null, e.#e();
+  }
+  /**
+   * 綁事件
+   */
+  #e() {
+    const e = this, { datepicker: t, timepicker: o, clearEl: n, submitEl: u } = e.options;
+    function f() {
+      t.forEach((c) => {
+        $(c.el, c.options);
+      }), o.forEach((c) => {
+        $(c.el, c.options);
+      });
+    }
+    function a() {
+      const c = document.querySelector(n), i = document.querySelector(u);
+      c?.addEventListener("click", function() {
+        e.clear();
+      }), i?.addEventListener("click", function() {
+        e.submit();
+      });
+    }
+    function s(c) {
+      const i = c.closest(".form-group");
+      if (c.files.length <= 0) return;
+      const r = c.closest(".file-wrap").querySelector(".fake-file-upload");
+      r.getAttribute("data-default");
+      const y = r.querySelector(".file-name"), w = Number(c.getAttribute("data-limit")), A = c.files[0], p = A.size / 1024 / 1024, q = A.name, m = c.cloneNode(!0);
+      p > w ? (i.classList.add("error"), i.classList.remove("success"), m.value = "") : (i.classList.remove("error"), i.classList.add("success")), y.textContent = q, m.removeAttribute("form-field field-type data-limit"), r.querySelector('input[type="file"]')?.remove(), r.append(m);
+    }
+    function d() {
+      e.element.addEventListener(
+        "input",
+        V(function(c) {
+          const { target: i } = c;
+          if (i.matches('[type="text"],[type="number"],[type="email"],[type="password"], textarea')) {
+            if (e.element.value = e.getValue(), !i.closest(".form-group").classList.contains("required") && i.hasAttribute("data-verify")) {
+              x.isEmpty(i.value) && (i.classList.remove("error"), i.classList.remove("success"), i.closest(".form-group").classList.remove("error"));
+              return;
+            }
+            const r = i.getAttribute("form-field"), y = {
+              [r]: e.element.value[r]
+            };
+            e.options.verify && e.verify(y);
+          }
+        })
+      ), e.element.addEventListener("change", (c) => {
+        const { target: i } = c;
+        let r, y;
+        i.matches('[type="radio"], [type="checkbox"]') && (e.element.value = e.getValue(), r = i.closest(".form-check").getAttribute("form-field"), y = {
+          [r]: e.element.value[r]
+        }, e.verify(y)), i.matches('[type="file"]') && (s(i), e.element.value = e.getValue(), r = i.getAttribute("form-field"), y = {
+          [r]: e.element.value[r]
+        }, e.verify(y));
+      }), e.allDropdown.forEach((c) => {
+        c.on("change", function() {
+          const i = this.getAttribute("form-field");
+          e.element.value = e.getValue();
+          const r = e.element.value[i], y = typeof r == "object" && !Array.isArray(r) ? r.value : r, w = {
+            [i]: r
+          };
+          (Array.isArray(y) && y.length > 0 || !Array.isArray(y) && !x.isEmpty(y)) && e.options.verify && e.verify(w);
+        });
+      });
+    }
+    f(), a(), d();
   }
   /**
    * 取得表單所有的值
@@ -281,51 +314,54 @@ class le {
     const e = this;
     let t = {};
     return [...e.allField].forEach((o) => {
-      var y;
-      const i = o.getAttribute("form-field");
+      const n = o.getAttribute("form-field");
       switch (o.getAttribute("field-type")) {
+        // 單選Radio
         case "isRadio":
-          const d = o.querySelector("input:checked");
-          if (!d)
-            return;
-          const c = d.querySelector('input[type="text"]');
-          t[i] = {
-            id: parseInt(d.closest(".option-item").querySelector(".text").getAttribute("data-id")),
-            value: c ? c.value : d.closest(".option-item").querySelector(".text").textContent
+          const f = o.querySelector("input:checked");
+          if (!f) return;
+          const a = f.querySelector('input[type="text"]');
+          t[n] = {
+            id: parseInt(f.closest(".option-item").querySelector(".text").getAttribute("data-id")),
+            value: a ? a.value : f.closest(".option-item").querySelector(".text").textContent
           };
           break;
+        // 複選Checkbox
         case "isCheckBox":
-          const l = o.querySelectorAll("input:checked");
-          t[i] = [...l].map((a) => {
-            const u = a.querySelector('input[type="text"]');
+          const s = o.querySelectorAll("input:checked");
+          t[n] = [...s].map((i) => {
+            const r = i.querySelector('input[type="text"]');
             return {
-              id: parseInt(a.closest(".option-item").querySelector(".text").getAttribute("data-id")),
-              value: u ? u.value : a.closest(".option-item").querySelector(".text").textContent
+              id: parseInt(i.closest(".option-item").querySelector(".text").getAttribute("data-id")),
+              value: r ? r.value : i.closest(".option-item").querySelector(".text").textContent
             };
           });
           break;
+        // 下拉選單
         case "isSelect":
           switch (o.hasAttribute("multiple") ? "multiple" : "single") {
             case "single":
-              t[i] = {
+              t[n] = {
                 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((a) => a.id),
-                display: o.s.value.map((a) => a.el.textContent)
+              t[n] = {
+                value: o.s.value.map((i) => i.id),
+                display: o.s.value.map((i) => i.el.textContent)
               };
               break;
           }
           break;
+        // 檔案上傳
         case "isFile":
-          const n = (y = o.closest(".file-wrap")) == null ? void 0 : y.querySelector('input[type="file"]');
-          t[i] = (n == null ? void 0 : n.files) ?? void 0;
+          const c = o.closest(".file-wrap")?.querySelector('input[type="file"]');
+          t[n] = c?.files ?? void 0;
           break;
+        // 其他
         default:
-          t[i] = o.value;
+          t[n] = o.value;
           break;
       }
     }), t;
@@ -336,115 +372,105 @@ class le {
    * @returns
    */
   verify(e) {
-    var d;
-    const t = this, { options: o } = t, i = t.element.value, f = e || i;
-    function y(c) {
-      var s, n, a, u;
-      const l = '<div class="validation-icon"></div>';
-      for (const q in c) {
-        const k = t.element.querySelector(`[form-field="${q}"]`), L = k.getAttribute("data-verify"), p = k.closest(".form-group");
-        switch (L) {
+    const t = this, { options: o } = t, n = t.element.value, u = e || n;
+    function f(a) {
+      const s = '<div class="validation-icon"></div>';
+      for (const d in a) {
+        const c = t.element.querySelector(`[form-field="${d}"]`), i = c.getAttribute("data-verify"), r = c.closest(".form-group");
+        switch (i) {
           case "select":
-            const A = k.querySelector(".select-wrapper"), m = A.querySelector(".dropdown-icon");
-            (s = A.querySelector(".validation-icon")) == null || s.remove(), A.insertBefore(C(l), m);
+            const y = c.querySelector(".select-wrapper"), w = y.querySelector(".dropdown-icon");
+            y.querySelector(".validation-icon")?.remove(), y.insertBefore(C(s), w);
             break;
           case "radio":
           case "checkbox":
-            (n = p.querySelector(".validation-icon")) == null || n.remove(), p.append(C(l));
+            r.querySelector(".validation-icon")?.remove(), r.append(C(s));
             break;
           case "file":
-            const v = k.closest(".file-wrap").querySelector(".fake-file-upload"), b = k.closest(".file-wrap").querySelector(".upload-icon");
-            (a = v.querySelector(".validation-icon")) == null || a.remove(), b ? v.insertBefore(C(l), b) : v.append(C(l));
+            const A = c.closest(".file-wrap").querySelector(".fake-file-upload"), p = c.closest(".file-wrap").querySelector(".upload-icon");
+            A.querySelector(".validation-icon")?.remove(), p ? A.insertBefore(C(s), p) : A.append(C(s));
             break;
-          case "date":
-          case "textarea":
           default:
-            (u = k.closest(".input-wrap").querySelector(".validation-icon")) == null || u.remove(), k.closest(".input-wrap").append(C(l));
+            c.closest(".input-wrap").querySelector(".validation-icon")?.remove(), c.closest(".input-wrap").append(C(s));
             break;
         }
       }
     }
-    if (y(f), e) {
-      const c = Object.keys(f)[0];
-      t.element.querySelectorAll(`.error-text[name="${c}"]`).forEach((l) => l.remove());
+    if (f(u), e) {
+      const a = Object.keys(u)[0];
+      t.element.querySelectorAll(`.error-text[name="${a}"]`).forEach((s) => s.remove());
     } else
-      t.element.querySelectorAll(".error-text").forEach((c) => c.remove());
-    for (const c in f) {
-      let p = function(v, b, x) {
-        const g = t.element.querySelector(`[form-field="${c}"]`), $ = [...t.element.querySelectorAll("[form-field]")].indexOf(g), S = (F) => `<p class="error-text" name="${c}" index="${$}">${n} - ${E[o.locale][F]}</p>`;
+      t.element.querySelectorAll(".error-text").forEach((a) => a.remove());
+    for (const a in u) {
+      let p = function(v, b, k) {
+        const g = t.element.querySelector(`[form-field="${a}"]`), F = [...t.element.querySelectorAll("[form-field]")].indexOf(g), E = (L) => `<p class="error-text" name="${a}" index="${F}">${c} - ${S[o.locale][L]}</p>`;
         switch (b) {
           case "underField":
-            if (!o.errorText.underField)
-              return;
-            x.append(C(S(v)));
+            if (!o.errorText.underField) return;
+            k.append(C(E(v)));
             break;
           case "detail":
-            if (!x)
-              return;
-            x.append(C(S(v)));
+            if (!k) return;
+            k.append(C(E(v)));
             break;
         }
-      }, A = function() {
+      }, q = function() {
         const v = t.detailOutputEl.querySelectorAll(".error-text");
         [...v].length > 0 ? t.element.classList.add("something-wrong") : t.element.classList.remove("something-wrong");
-        const b = [...v].sort((x, g) => x.getAttribute("index") - g.getAttribute("index"));
-        t.detailOutputEl && (t.detailOutputEl.textContent = ""), b.forEach((x) => {
-          var g;
-          return (g = t.detailOutputEl) == null ? void 0 : g.appendChild(x);
-        });
+        const b = [...v].sort((k, g) => k.getAttribute("index") - g.getAttribute("index"));
+        t.detailOutputEl && (t.detailOutputEl.textContent = ""), b.forEach((k) => t.detailOutputEl?.appendChild(k));
       };
-      const l = t.element.querySelector(`[form-field="${c}"]`), s = l.closest(".form-group"), n = (d = s.querySelector(".subject")) == null ? void 0 : d.textContent, a = l.getAttribute("data-verify"), u = () => typeof i[c] == "object" && !Array.isArray(i[c]) ? a === "file" ? i[c] : i[c].value : i[c], q = () => a === "file" ? u() === void 0 ? !0 : u() && u().length === 0 : Array.isArray(u()) && u().length === 0 || !Array.isArray(u()) && w.isEmpty(u()), k = () => a === "file" ? u() === void 0 ? !1 : u() && u().length > 0 : Array.isArray(u()) && u().length > 0 || !Array.isArray(u()) && !w.isEmpty(u()), L = s.classList.contains("required");
+      const s = t.element.querySelector(`[form-field="${a}"]`), d = s.closest(".form-group"), c = d.querySelector(".subject")?.textContent, i = s.getAttribute("data-verify"), r = () => typeof n[a] == "object" && !Array.isArray(n[a]) ? i === "file" ? n[a] : n[a].value : n[a], y = () => i === "file" ? r() === void 0 ? !0 : r() && r().length === 0 : Array.isArray(r()) && r().length === 0 || !Array.isArray(r()) && x.isEmpty(r()), w = () => i === "file" ? r() === void 0 ? !1 : r() && r().length > 0 : Array.isArray(r()) && r().length > 0 || !Array.isArray(r()) && !x.isEmpty(r()), A = d.classList.contains("required");
       let m;
-      if (L && q())
-        switch (l.classList.remove("success"), l.classList.add("error"), s.classList.add("error"), a) {
+      if (A && y())
+        switch (s.classList.remove("success"), s.classList.add("error"), d.classList.add("error"), i) {
           case "select":
-            m = l.querySelector(".validation-icon"), m.setAttribute("error-text", E[o.locale].select), p("select", "underField", s.parentNode), p("select", "detail", t.detailOutputEl);
+            m = s.querySelector(".validation-icon"), m.setAttribute("error-text", S[o.locale].select), p("select", "underField", d.parentNode), p("select", "detail", t.detailOutputEl);
             break;
           case "radio":
           case "checkbox":
-            m = s.querySelector(".validation-icon"), m.setAttribute("error-text", E[o.locale].select), p("select", "underField", s.parentNode), p("select", "detail", t.detailOutputEl);
+            m = d.querySelector(".validation-icon"), m.setAttribute("error-text", S[o.locale].select), p("select", "underField", d.parentNode), p("select", "detail", t.detailOutputEl);
             break;
           case "file":
-            m = l.closest(".file-wrap").querySelector(".validation-icon"), m.setAttribute("error-text", E[o.locale].file), p("file", "underField", s.parentNode), p("file", "detail", t.detailOutputEl);
+            m = s.closest(".file-wrap").querySelector(".validation-icon"), m.setAttribute("error-text", S[o.locale].file), p("file", "underField", d.parentNode), p("file", "detail", t.detailOutputEl);
             break;
           default:
-            m = l.closest(".input-wrap").querySelector(".validation-icon"), m.setAttribute("error-text", E[o.locale].input), p("input", "underField", s.parentNode), p("input", "detail", t.detailOutputEl);
+            m = s.closest(".input-wrap").querySelector(".validation-icon"), m.setAttribute("error-text", S[o.locale].input), p("input", "underField", d.parentNode), p("input", "detail", t.detailOutputEl);
             break;
         }
-      if (k()) {
-        let v = function(b, x) {
+      if (w()) {
+        let v = function(b, k) {
           const g = b.closest(".form-group");
-          b.classList.toggle("error", !x), b.classList.toggle("success", x);
-          const S = b.getAttribute("data-verify") === "phone" ? g.querySelector("*:not(input)[form-field]") : g.querySelector("*:not(dropdown-el)[form-field]"), F = !!S, I = b.classList.contains("success"), B = b.classList.contains("error"), M = S == null ? void 0 : S.classList.contains("success"), N = S == null ? void 0 : S.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"));
+          b.classList.toggle("error", !k), b.classList.toggle("success", k);
+          const E = b.getAttribute("data-verify") === "phone" ? g.querySelector("*:not(input)[form-field]") : g.querySelector("*:not(dropdown-el)[form-field]"), L = !!E, T = b.classList.contains("success"), N = b.classList.contains("error"), D = E?.classList.contains("success"), G = E?.classList.contains("error");
+          L ? D && !G && T ? (g.classList.remove("error"), g.classList.add("success")) : (G || N) && (g.classList.remove("success"), g.classList.add("error")) : T ? (g.classList.remove("error"), g.classList.add("success")) : (g.classList.add("error"), g.classList.remove("success"));
         };
-        switch (a) {
+        switch (i) {
           case "phone":
-            const b = s.querySelector("dropdown-el");
-            w.isMobilePhone(u()) ? (v(l, !0), b && b.classList.contains("success") && (s.classList.remove("error"), s.classList.add("success"))) : (v(l, !1), m = l.closest(".input-wrap").querySelector(".validation-icon"), m.setAttribute("error-text", E[o.locale].format), p("format", "underField", s.parentNode), p("format", "detail", t.detailOutputEl));
+            const b = d.querySelector("dropdown-el");
+            x.isMobilePhone(r()) ? (v(s, !0), b && b.classList.contains("success") && (d.classList.remove("error"), d.classList.add("success"))) : (v(s, !1), m = s.closest(".input-wrap").querySelector(".validation-icon"), m.setAttribute("error-text", S[o.locale].format), p("format", "underField", d.parentNode), p("format", "detail", t.detailOutputEl));
             break;
           case "password":
-            w.isStrongPassword(u(), {
+            x.isStrongPassword(r(), {
               minLength: 8,
               minLowercase: 1,
               minUppercase: 0,
               minNumbers: 1,
               minSymbols: 0
-            }) ? v(l, !0) : (v(l, !1), m = l.closest(".input-wrap").querySelector(".validation-icon"), m.setAttribute("error-text", E[o.locale].format), p("format", "underField", s.parentNode), p("format", "detail", t.detailOutputEl));
+            }) ? v(s, !0) : (v(s, !1), m = s.closest(".input-wrap").querySelector(".validation-icon"), m.setAttribute("error-text", S[o.locale].format), p("format", "underField", d.parentNode), p("format", "detail", t.detailOutputEl));
             break;
           case "email":
-            w.isEmail(u()) ? v(l, !0) : (v(l, !1), m = l.closest(".input-wrap").querySelector(".validation-icon"), m.setAttribute("error-text", E[o.locale].format), p("format", "underField", s.parentNode), p("format", "detail", t.detailOutputEl));
+            x.isEmail(r()) ? v(s, !0) : (v(s, !1), m = s.closest(".input-wrap").querySelector(".validation-icon"), m.setAttribute("error-text", S[o.locale].format), p("format", "underField", d.parentNode), p("format", "detail", t.detailOutputEl));
             break;
           case "verifyCode":
-            w.isNumeric(u(), { no_symbols: !0 }) && w.isLength(u(), { min: 4, max: 4 }) ? v(l, !0) : (v(l, !1), m = l.closest(".input-wrap").querySelector(".validation-icon"), m.setAttribute("error-text", E[o.locale].format), p("format", "underField", s.parentNode), p("format", "detail", t.detailOutputEl));
+            x.isNumeric(r(), { no_symbols: !0 }) && x.isLength(r(), { min: 4, max: 4 }) ? v(s, !0) : (v(s, !1), m = s.closest(".input-wrap").querySelector(".validation-icon"), m.setAttribute("error-text", S[o.locale].format), p("format", "underField", d.parentNode), p("format", "detail", t.detailOutputEl));
             break;
-          case "select":
           default:
-            v(l, !0);
+            v(s, !0);
             break;
         }
       }
-      t.detailOutputEl && A();
+      t.detailOutputEl && q();
     }
   }
   /**
@@ -458,129 +484,64 @@ class le {
    * 清除表單所有欄位
    */
   clear() {
-    const e = this, { allInput: t, allTextarea: o, allCheckbox: i, allFileUpload: f, allDropdown: y } = e;
-    [...e.allField].forEach((d) => {
-      var l;
-      const c = d.closest(".form-group");
-      c.classList.remove("success"), c.classList.remove("error"), d.classList.remove("success"), d.classList.remove("error"), (l = d.closest(".form-grid").querySelector(".error-text")) == null || l.remove(), e.detailOutputEl && (e.detailOutputEl.textContent = "");
-    }), [...t].forEach((d) => {
-      d.value = "";
-    }), [...o].forEach((d) => {
-      d.value = "";
-    }), [...i].forEach((d) => {
-      d.checked = !1;
-    }), [...f].forEach((d) => {
-      let c = d.getAttribute("data-default");
-      const l = d.querySelector(".file-name"), s = d.closest(".file-wrap").querySelector('input[type="file"]');
-      l.classList.remove("is-upload"), l.textContent = c, s && (s.value = "");
-    }), [...y].forEach((d) => {
-      d.setAttribute("d4-value", ""), d.hasAttribute("control-elements") && [...d.getAttribute("control-elements").split(",")].forEach((l) => {
-        document.querySelector(l).classList.remove("disabled");
+    const e = this, { allInput: t, allTextarea: o, allCheckbox: n, allFileUpload: u, allDropdown: f } = e;
+    [...e.allField].forEach((a) => {
+      const s = a.closest(".form-group");
+      s.classList.remove("success"), s.classList.remove("error"), a.classList.remove("success"), a.classList.remove("error"), a.closest(".form-grid").querySelector(".error-text")?.remove(), e.detailOutputEl && (e.detailOutputEl.textContent = "");
+    }), [...t].forEach((a) => {
+      a.value = "";
+    }), [...o].forEach((a) => {
+      a.value = "";
+    }), [...n].forEach((a) => {
+      a.checked = !1;
+    }), [...u].forEach((a) => {
+      let s = a.getAttribute("data-default");
+      const d = a.querySelector(".file-name"), c = a.closest(".file-wrap").querySelector('input[type="file"]');
+      d.classList.remove("is-upload"), d.textContent = s, c && (c.value = "");
+    }), [...f].forEach((a) => {
+      a.setAttribute("d4-value", ""), a.hasAttribute("control-elements") && [...a.getAttribute("control-elements").split(",")].forEach((d) => {
+        document.querySelector(d).classList.remove("disabled");
       });
     }), e.element.value = e.getValue();
   }
 }
-T = new WeakSet(), P = function() {
-  const e = this, { datepicker: t, timepicker: o, clearEl: i, submitEl: f } = e.options;
-  function y() {
-    t.forEach((s) => {
-      _(s.el, s.options);
-    }), o.forEach((s) => {
-      _(s.el, s.options);
-    });
-  }
-  function d() {
-    const s = document.querySelector(i), n = document.querySelector(f);
-    s == null || s.addEventListener("click", function() {
-      e.clear();
-    }), n == null || n.addEventListener("click", function() {
-      e.submit();
-    });
-  }
-  function c(s) {
-    var m;
-    const n = s.closest(".form-group");
-    if (s.files.length <= 0)
-      return;
-    const a = s.closest(".file-wrap").querySelector(".fake-file-upload");
-    a.getAttribute("data-default");
-    const u = a.querySelector(".file-name"), q = Number(s.getAttribute("data-limit")), k = s.files[0], L = k.size / 1024 / 1024, p = k.name, A = s.cloneNode(!0);
-    L > q ? (n.classList.add("error"), n.classList.remove("success"), A.value = "") : (n.classList.remove("error"), n.classList.add("success")), u.textContent = p, A.removeAttribute("form-field field-type data-limit"), (m = a.querySelector('input[type="file"]')) == null || m.remove(), a.append(A);
-  }
-  function l() {
-    e.element.addEventListener(
-      "input",
-      z(function(s) {
-        const { target: n } = s;
-        if (n.matches('[type="text"],[type="number"],[type="email"],[type="password"], textarea')) {
-          if (e.element.value = e.getValue(), !n.closest(".form-group").classList.contains("required") && n.hasAttribute("data-verify")) {
-            w.isEmpty(n.value) && (n.classList.remove("error"), n.classList.remove("success"), n.closest(".form-group").classList.remove("error"));
-            return;
-          }
-          const a = n.getAttribute("form-field"), u = {
-            [a]: e.element.value[a]
-          };
-          e.options.verify && e.verify(u);
-        }
-      })
-    ), e.element.addEventListener("change", (s) => {
-      const { target: n } = s;
-      let a, u;
-      n.matches('[type="radio"], [type="checkbox"]') && (e.element.value = e.getValue(), a = n.closest(".form-check").getAttribute("form-field"), u = {
-        [a]: e.element.value[a]
-      }, e.verify(u)), n.matches('[type="file"]') && (c(n), e.element.value = e.getValue(), a = n.getAttribute("form-field"), u = {
-        [a]: e.element.value[a]
-      }, e.verify(u));
-    }), e.allDropdown.forEach((s) => {
-      s.on("change", function() {
-        const n = this.getAttribute("form-field");
-        e.element.value = e.getValue();
-        const a = e.element.value[n], u = typeof a == "object" && !Array.isArray(a) ? a.value : a, q = {
-          [n]: a
-        };
-        (Array.isArray(u) && u.length > 0 || !Array.isArray(u) && !w.isEmpty(u)) && e.options.verify && e.verify(q);
-      });
-    });
-  }
-  y(), d(), l();
-};
 export {
-  le as CustomForm,
-  ue as ajaxUpdate,
-  de as appleDebug,
-  fe as bodyScrollbarInit,
-  ae as cgpagechange,
-  pe as clickSwitchClass,
-  me as clickToggleClass,
-  G as colorPick,
-  ye as countDown,
-  R as createColorCube,
-  z as debounce,
-  he as delay,
-  ve as detectMacOSVersion,
-  W as detectShade,
-  se as errorPage,
-  E as errorText,
-  ge as fixMobile100vh,
-  be as formatFloat,
-  ke as getSlideDataIndex,
-  xe as getSlidesCount,
-  Se as getTransformX,
-  Ae as getTransformY,
+  ee as CustomForm,
+  re as ajaxUpdate,
+  se as appleDebug,
+  ie as bodyScrollbarInit,
+  Z as cgpagechange,
+  ae as clickSwitchClass,
+  le as clickToggleClass,
+  O as colorPick,
+  ne as countDown,
+  P as createColorCube,
+  V as debounce,
+  ce as delay,
+  ue as detectMacOSVersion,
+  B as detectShade,
+  J as errorPage,
+  S as errorText,
+  de as fixMobile100vh,
+  fe as formatFloat,
+  pe as getSlideDataIndex,
+  me as getSlidesCount,
+  he as getTransformX,
+  ye as getTransformY,
   C as htmlStringToDOM,
-  we as imagePreview,
-  ie as init,
-  Ee as isVideo,
-  qe as letterGrow,
-  Ce as loaded,
-  Le as loading,
-  Oe as numberGrow,
-  Te as scrollLock,
-  Fe as scrollUnlock,
-  Ge as sleep,
-  $e as slideImgDetect,
-  Ie as tabChange,
-  Ne as throttle,
-  De as wordAnimation
+  ve as imagePreview,
+  X as init,
+  ge as isVideo,
+  be as letterGrow,
+  ke as loaded,
+  xe as loading,
+  Se as numberGrow,
+  Ae as scrollLock,
+  we as scrollUnlock,
+  Ce as sleep,
+  Ee as slideImgDetect,
+  qe as tabChange,
+  Le as throttle,
+  Oe as wordAnimation
 };
 //# sourceMappingURL=tools-bundle.js.map