@xwadex/fesd 0.0.34 → 0.0.36

package/dist/tools-bundle.js

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