sinosoft-common-form 1.5.2 → 1.5.4

package/common-form.es.js

@@ -1,4 +1,4 @@
-import { ref as q, reactive as G, shallowRef as J, h as X, computed as $, onMounted as ll, onBeforeUnmount as el, watch as ol, toRefs as al, nextTick as nl, resolveComponent as M, openBlock as a, createBlock as i, mergeProps as dl, withModifiers as sl, withCtx as d, createVNode as h, createElementBlock as r, Fragment as N, renderList as A, withDirectives as rl, createElementVNode as O, normalizeStyle as u, toDisplayString as t, createTextVNode as D, createCommentVNode as c, renderSlot as C, normalizeClass as _, withKeys as L, createSlots as il, vShow as yl, pushScopeId as pl, popScopeId as cl } from "vue";
+import { ref as q, reactive as G, shallowRef as J, h as X, computed as $, onMounted as ll, onBeforeUnmount as el, watch as ol, toRefs as al, nextTick as dl, resolveComponent as M, openBlock as a, createBlock as i, mergeProps as nl, withModifiers as sl, withCtx as n, createVNode as h, createElementBlock as r, Fragment as N, renderList as A, withDirectives as rl, createElementVNode as O, normalizeStyle as u, toDisplayString as t, createTextVNode as D, createCommentVNode as c, renderSlot as C, normalizeClass as _, withKeys as L, createSlots as il, vShow as yl, pushScopeId as pl, popScopeId as cl } from "vue";
 const tl = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjc1MDIgMS44NzY5NUgxMC4xMjUyVjAuODc2OTUzQzEwLjEyNTIgMC44MDgyMDMgMTAuMDY5IDAuNzUxOTUzIDEwLjAwMDIgMC43NTE5NTNIOS4xMjUyNUM5LjA1NjQ5IDAuNzUxOTUzIDkuMDAwMjUgMC44MDgyMDMgOS4wMDAyNSAwLjg3Njk1M1YxLjg3Njk1SDUuMDAwMjRWMC44NzY5NTNDNS4wMDAyNCAwLjgwODIwMyA0Ljk0Mzk5IDAuNzUxOTUzIDQuODc1MjQgMC43NTE5NTNINC4wMDAyNEMzLjkzMTQ5IDAuNzUxOTUzIDMuODc1MjQgMC44MDgyMDMgMy44NzUyNCAwLjg3Njk1M1YxLjg3Njk1SDEuMjUwMjRDMC45NzM2ODIgMS44NzY5NSAwLjc1MDI0NCAyLjEwMDM5IDAuNzUwMjQ0IDIuMzc2OTVWMTIuNzUyQzAuNzUwMjQ0IDEzLjAyODUgMC45NzM2ODIgMTMuMjUyIDEuMjUwMjQgMTMuMjUySDEyLjc1MDJDMTMuMDI2OCAxMy4yNTIgMTMuMjUwMiAxMy4wMjg1IDEzLjI1MDIgMTIuNzUyVjIuMzc2OTVDMTMuMjUwMiAyLjEwMDM5IDEzLjAyNjggMS44NzY5NSAxMi43NTAyIDEuODc2OTVaTTEyLjEyNTIgMTIuMTI3SDEuODc1MjRWNi4xODk0NUgxMi4xMjUyVjEyLjEyN1pNMS44NzUyNCA1LjEyNjk1VjMuMDAxOTVIMy44NzUyNFYzLjc1MTk1QzMuODc1MjQgMy44MjA3IDMuOTMxNDkgMy44NzY5NSA0LjAwMDI0IDMuODc2OTVINC44NzUyNEM0Ljk0Mzk5IDMuODc2OTUgNS4wMDAyNCAzLjgyMDcgNS4wMDAyNCAzLjc1MTk1VjMuMDAxOTVIOS4wMDAyNVYzLjc1MTk1QzkuMDAwMjUgMy44MjA3IDkuMDU2NDkgMy44NzY5NSA5LjEyNTI1IDMuODc2OTVIMTAuMDAwMkMxMC4wNjkgMy44NzY5NSAxMC4xMjUyIDMuODIwNyAxMC4xMjUyIDMuNzUxOTVWMy4wMDE5NUgxMi4xMjUyVjUuMTI2OTVIMS44NzUyNFoiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuODUiLz4KPC9zdmc+Cg==", fl = {
   props: {
     fieldList: {
@@ -32,9 +32,9 @@ const tl = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZX
       }
     }), b = $(() => Object.assign([], p.options)), x = () => {
       e.model = p.model;
-    }, I = (s, n, f) => {
+    }, I = (s, d, f) => {
       var R;
-      n ? (w.value = !1, nl(() => {
+      d ? (w.value = !1, dl(() => {
         var Q;
         (Q = k.value) == null || Q.validate((Z) => {
           if (Z)
@@ -43,39 +43,39 @@ const tl = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZX
             return !1;
         });
       })) : (f === "reset" && ((R = k.value) == null || R.resetFields()), g(f || "submit", e.model, s));
-    }, j = (s, n) => {
-      g("selectChange", s, n);
-    }, v = (s, n) => {
-      g("radioChange", s, n);
-    }, F = (s, n) => {
-      g("checkChange", s, n);
-    }, E = (s, n) => {
-      const f = e.model[n].length;
+    }, j = (s, d) => {
+      g("selectChange", s, d);
+    }, v = (s, d) => {
+      g("radioChange", s, d);
+    }, F = (s, d) => {
+      g("checkChange", s, d);
+    }, E = (s, d) => {
+      const f = e.model[d].length;
       if (f === 1) {
-        g("checkChange", s, n);
+        g("checkChange", s, d);
         return;
       } else
-        f > 1 ? (e.model[n].shift(), g("checkChange", s, n)) : f < 1 && g("checkChange", s, n);
-    }, S = (s, n, f) => {
-      I(s, n, f);
-    }, V = (s, n) => {
-      s && (n == null ? void 0 : n.key) === "Enter" && I(void 0, !0, "submit");
-    }, U = (s, n) => {
-      g("dateChange", s, n);
-    }, m = (s, n) => {
-      console.log(k.value), g("inputBlur", s, n);
-    }, B = (s, n) => {
-      g("inputFocus", s, n);
-    }, Y = (s, n) => {
-      g("inputChange", s, n);
-    }, l = (s, n) => {
-      g("inputInput", s, n);
+        f > 1 ? (e.model[d].shift(), g("checkChange", s, d)) : f < 1 && g("checkChange", s, d);
+    }, S = (s, d, f) => {
+      I(s, d, f);
+    }, V = (s, d) => {
+      s && (d == null ? void 0 : d.key) === "Enter" && I(void 0, !0, "submit");
+    }, U = (s, d) => {
+      g("dateChange", s, d);
+    }, m = (s, d) => {
+      console.log(k.value), g("inputBlur", s, d);
+    }, B = (s, d) => {
+      g("inputFocus", s, d);
+    }, Y = (s, d) => {
+      g("inputChange", s, d);
+    }, l = (s, d) => {
+      g("inputInput", s, d);
     }, z = (s) => {
-      var n;
-      (n = k.value) == null || n.resetFields(s);
+      var d;
+      (d = k.value) == null || d.resetFields(s);
     }, o = (s) => {
-      var n;
-      (n = k.value) == null || n.clearValidate(s);
+      var d;
+      (d = k.value) == null || d.clearValidate(s);
     }, y = q(!1), T = () => {
       window.innerWidth < 768 ? (console.log("屏幕宽度小于768px"), y.value = !0) : y.value = !1;
     };
@@ -86,8 +86,8 @@ const tl = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZX
       window.removeEventListener("resize", T);
     }), ol(
       () => p.fieldList,
-      (s, n) => {
-        s !== n && x();
+      (s, d) => {
+        s !== d && x();
       }
     ), {
       ...al(e),
@@ -120,7 +120,7 @@ const ul = (p, g) => {
   for (const [e, k] of g)
     w[e] = k;
   return w;
-}, H = (p) => (pl("data-v-595279c2"), p = p(), cl(), p), bl = { class: "header-title" }, hl = { class: "title-content" }, gl = {
+}, H = (p) => (pl("data-v-59132be2"), p = p(), cl(), p), bl = { class: "header-title" }, hl = { class: "title-content" }, gl = {
   key: 0,
   class: "custom-required"
 }, _l = {
@@ -174,7 +174,7 @@ const ul = (p, g) => {
 };
 function Sl(p, g, w, e, k, K) {
   const b = M("el-form-item"), x = M("el-input"), I = M("el-col"), j = M("el-row"), v = M("el-radio"), F = M("el-radio-group"), E = M("el-checkbox"), S = M("el-checkbox-group"), V = M("el-option"), U = M("el-select"), m = M("el-date-picker"), B = M("sinosoft-common-button"), Y = M("el-form");
-  return a(), i(Y, dl({
+  return a(), i(Y, nl({
     "hide-required-asterisk": "",
     onSubmit: g[0] || (g[0] = sl(() => {
     }, ["prevent"])),
@@ -183,9 +183,9 @@ function Sl(p, g, w, e, k, K) {
     "label-position": e.formOptions.labelPosition,
     ref: "formRef"
   }), {
-    default: d(() => [
+    default: n(() => [
       h(j, { gutter: 20 }, {
-        default: d(() => [
+        default: n(() => [
           (a(!0), r(N, null, A(w.fieldList, (l, z) => rl((a(), i(I, {
             xs: l.xs ? l.xs : 24,
             sm: l.sm ? l.sm : 24,
@@ -194,12 +194,12 @@ function Sl(p, g, w, e, k, K) {
             xl: l.xl ? l.xl : 8,
             key: z
           }, {
-            default: d(() => [
+            default: n(() => [
               O("div", {
                 style: u(l.style)
               }, [
                 l.type === "title" ? (a(), i(b, { key: 0 }, {
-                  default: d(() => [
+                  default: n(() => [
                     O("div", bl, [
                       O("span", hl, t(l.title), 1)
                     ])
@@ -211,7 +211,7 @@ function Sl(p, g, w, e, k, K) {
                   disabled: (l.disabled || e.formOptions.isAllDisabled || e.formOptions.isAllReadonly || l.isReadonly) && !l.openDisabled,
                   class: "container_name"
                 }, {
-                  label: d(() => [
+                  label: n(() => [
                     l.slotLabelName ? C(p.$slots, l.slotLabelName, { key: 1 }, void 0, !0) : (a(), r("div", {
                       key: 0,
                       style: u(l.labelStyle)
@@ -220,9 +220,9 @@ function Sl(p, g, w, e, k, K) {
                       l.required ? (a(), r("span", gl, "*")) : c("", !0)
                     ], 4))
                   ]),
-                  default: d(() => [
+                  default: n(() => [
                     h(j, { gutter: 20 }, {
-                      default: d(() => [
+                      default: n(() => [
                         h(I, {
                           xs: 24,
                           sm: 12,
@@ -230,14 +230,14 @@ function Sl(p, g, w, e, k, K) {
                           lg: 12,
                           xl: 12
                         }, {
-                          default: d(() => [
+                          default: n(() => [
                             l.field.nameEnFamily ? (a(), i(b, {
                               key: 0,
                               rules: l.isHide || e.noFormRule || l.disabled || e.formOptions.isAllDisabled || e.formOptions.isAllReadonly ? [] : l.rules.nameEnFamily,
                               prop: l.field.nameEnFamily,
                               class: "item-name item-name-top"
                             }, {
-                              default: d(() => [
+                              default: n(() => [
                                 h(x, {
                                   onBlur: (o) => e.inputBlur(o, l.field.nameEnFamily),
                                   onFocus: (o) => e.inputFocus(o, l.field.nameEnFamily),
@@ -268,14 +268,14 @@ function Sl(p, g, w, e, k, K) {
                           lg: 12,
                           xl: 12
                         }, {
-                          default: d(() => [
+                          default: n(() => [
                             l.field.nameEn ? (a(), i(b, {
                               key: 0,
                               rules: l.isHide || e.noFormRule || l.disabled || e.formOptions.isAllDisabled || e.formOptions.isAllReadonly ? [] : l.rules.nameEn,
                               prop: l.field.nameEn,
                               class: "item-name item-name-top"
                             }, {
-                              default: d(() => [
+                              default: n(() => [
                                 h(x, {
                                   onBlur: (o) => e.inputBlur(o, l.field.nameEn),
                                   onFocus: (o) => e.inputFocus(o, l.field.nameEn),
@@ -303,7 +303,7 @@ function Sl(p, g, w, e, k, K) {
                       _: 2
                     }, 1024),
                     h(j, { gutter: 20 }, {
-                      default: d(() => [
+                      default: n(() => [
                         h(I, {
                           xs: 24,
                           sm: 12,
@@ -311,14 +311,14 @@ function Sl(p, g, w, e, k, K) {
                           lg: 12,
                           xl: 12
                         }, {
-                          default: d(() => [
+                          default: n(() => [
                             l.field.nameChFamily ? (a(), i(b, {
                               key: 0,
                               rules: l.isHide || e.noFormRule || l.disabled || e.formOptions.isAllDisabled || e.formOptions.isAllReadonly ? [] : l.rules.nameChFamily,
                               prop: l.field.nameChFamily,
                               class: "item-name item-name-bottom"
                             }, {
-                              default: d(() => [
+                              default: n(() => [
                                 h(x, {
                                   onBlur: (o) => e.inputBlur(o, l.field.nameChFamily),
                                   onFocus: (o) => e.inputFocus(o, l.field.nameChFamily),
@@ -352,14 +352,14 @@ function Sl(p, g, w, e, k, K) {
                           lg: 12,
                           xl: 12
                         }, {
-                          default: d(() => [
+                          default: n(() => [
                             l.field.nameCh ? (a(), i(b, {
                               key: 0,
                               rules: l.isHide || e.noFormRule || l.disabled || e.formOptions.isAllDisabled || e.formOptions.isAllReadonly ? [] : l.rules.nameCh,
                               prop: l.field.nameCh,
                               class: "item-name item-name-bottom"
                             }, {
-                              default: d(() => [
+                              default: n(() => [
                                 h(x, {
                                   onBlur: (o) => e.inputBlur(o, l.field.nameCh),
                                   onFocus: (o) => e.inputFocus(o, l.field.nameCh),
@@ -395,7 +395,7 @@ function Sl(p, g, w, e, k, K) {
                   prop: l.field,
                   class: "radio_row"
                 }, {
-                  label: d(() => [
+                  label: n(() => [
                     l.slotLabelName ? C(p.$slots, l.slotLabelName, { key: 1 }, void 0, !0) : (a(), r("div", {
                       key: 0,
                       style: u(l.labelStyle)
@@ -404,14 +404,14 @@ function Sl(p, g, w, e, k, K) {
                       l.required ? (a(), r("span", _l, "*")) : c("", !0)
                     ], 4))
                   ]),
-                  default: d(() => [
+                  default: n(() => [
                     h(F, {
                       modelValue: e.states.model[l.field],
                       "onUpdate:modelValue": (o) => e.states.model[l.field] = o,
                       disabled: (l.disabled || e.formOptions.isAllDisabled || e.formOptions.isAllReadonly || l.isReadonly) && !l.openDisabled,
                       onChange: (o) => e.radioChange(o, l.field)
                     }, {
-                      default: d(() => {
+                      default: n(() => {
                         var o;
                         return [
                           (a(!0), r(N, null, A((o = l.options) == null ? void 0 : o.data, (y) => (a(), i(v, {
@@ -419,7 +419,7 @@ function Sl(p, g, w, e, k, K) {
                             size: "large",
                             key: y.code
                           }, {
-                            default: d(() => [
+                            default: n(() => [
                               O("img", {
                                 src: y.code === "M" ? "http://192.168.5.200:9000/test/sex_img_M.png" : "http://192.168.5.200:9000/test/sex_img_F.png",
                                 style: { width: "44px", height: "44px", "margin-bottom": "-15px", "margin-left": "4px" },
@@ -441,7 +441,7 @@ function Sl(p, g, w, e, k, K) {
                   prop: l.field,
                   class: _([l.labelNode ? "radio_Note" : "rule_err"])
                 }, {
-                  label: d(() => [
+                  label: n(() => [
                     l.slotLabelName ? C(p.$slots, l.slotLabelName, { key: 1 }, void 0, !0) : (a(), r("div", {
                       key: 0,
                       style: u(l.labelStyle)
@@ -450,7 +450,7 @@ function Sl(p, g, w, e, k, K) {
                       l.required ? (a(), r("span", Ml, "*")) : c("", !0)
                     ], 4))
                   ]),
-                  default: d(() => [
+                  default: n(() => [
                     h(F, {
                       modelValue: e.states.model[l.field],
                       "onUpdate:modelValue": (o) => e.states.model[l.field] = o,
@@ -461,19 +461,20 @@ function Sl(p, g, w, e, k, K) {
                       ),
                       class: _(l.ways !== "column" ? "radio_row" : "")
                     }, {
-                      default: d(() => {
+                      default: n(() => {
                         var o;
                         return [
                           (a(!0), r(N, null, A((o = l.options) == null ? void 0 : o.data, (y) => (a(), i(v, {
                             size: "large",
                             label: y.code,
-                            key: y.code
+                            key: y.code,
+                            disabled: y.isDisabled
                           }, {
-                            default: d(() => [
+                            default: n(() => [
                               D(t(y.name), 1)
                             ]),
                             _: 2
-                          }, 1032, ["label"]))), 128))
+                          }, 1032, ["label", "disabled"]))), 128))
                         ];
                       }),
                       _: 2
@@ -487,7 +488,7 @@ function Sl(p, g, w, e, k, K) {
                   prop: l.field,
                   class: _([l.labelNode ? "radio_Note" : "rule_err"])
                 }, {
-                  default: d(() => [
+                  default: n(() => [
                     O("div", null, [
                       O("span", Cl, t(l.labelBefore), 1),
                       O("span", Nl, t(l.labelNode), 1),
@@ -503,7 +504,7 @@ function Sl(p, g, w, e, k, K) {
                       ),
                       class: _(l.ways !== "column" ? "radio_row" : "")
                     }, {
-                      default: d(() => {
+                      default: n(() => {
                         var o;
                         return [
                           (a(!0), r(N, null, A((o = l.options) == null ? void 0 : o.data, (y) => (a(), i(v, {
@@ -511,7 +512,7 @@ function Sl(p, g, w, e, k, K) {
                             label: y.code,
                             key: y.code
                           }, {
-                            default: d(() => [
+                            default: n(() => [
                               D(t(y.name), 1)
                             ]),
                             _: 2
@@ -528,7 +529,7 @@ function Sl(p, g, w, e, k, K) {
                   rules: l.isHide || e.noFormRule || l.disabled || e.formOptions.isAllDisabled || e.formOptions.isAllReadonly ? [] : l.rules,
                   prop: l.field
                 }, {
-                  label: d(() => [
+                  label: n(() => [
                     l.slotLabelName ? C(p.$slots, l.slotLabelName, { key: 1 }, void 0, !0) : (a(), r("div", {
                       key: 0,
                       style: u(l.labelStyle)
@@ -537,7 +538,7 @@ function Sl(p, g, w, e, k, K) {
                       l.required ? (a(), r("span", Ol, "*")) : c("", !0)
                     ], 4))
                   ]),
-                  default: d(() => [
+                  default: n(() => [
                     h(S, {
                       modelValue: e.states.model[l.field],
                       "onUpdate:modelValue": (o) => e.states.model[l.field] = o,
@@ -547,18 +548,19 @@ function Sl(p, g, w, e, k, K) {
                         l.ways === "row" ? "display: flex; align-items: flex-start;flex-flow: row nowrap; " : "display: flex; align-items: flex-start;flex-flow: column nowrap; "
                       )
                     }, {
-                      default: d(() => {
+                      default: n(() => {
                         var o;
                         return [
                           (a(!0), r(N, null, A((o = l.options) == null ? void 0 : o.data, (y) => (a(), i(E, {
                             key: y.code,
-                            label: y.code
+                            label: y.code,
+                            disabled: y.isDisabled
                           }, {
-                            default: d(() => [
+                            default: n(() => [
                               D(t(y.name), 1)
                             ]),
                             _: 2
-                          }, 1032, ["label"]))), 128))
+                          }, 1032, ["label", "disabled"]))), 128))
                         ];
                       }),
                       _: 2
@@ -571,7 +573,7 @@ function Sl(p, g, w, e, k, K) {
                   rules: l.isHide || e.noFormRule || l.disabled || e.formOptions.isAllDisabled || e.formOptions.isAllReadonly ? [] : l.rules,
                   prop: l.field
                 }, {
-                  label: d(() => [
+                  label: n(() => [
                     l.slotLabelName ? C(p.$slots, l.slotLabelName, { key: 1 }, void 0, !0) : (a(), r("div", {
                       key: 0,
                       style: u(l.labelStyle)
@@ -580,7 +582,7 @@ function Sl(p, g, w, e, k, K) {
                       l.required ? (a(), r("span", kl, "*")) : c("", !0)
                     ], 4))
                   ]),
-                  default: d(() => [
+                  default: n(() => [
                     h(S, {
                       modelValue: e.states.model[l.field],
                       "onUpdate:modelValue": (o) => e.states.model[l.field] = o,
@@ -590,18 +592,19 @@ function Sl(p, g, w, e, k, K) {
                         l.ways === "row" ? "display: flex; align-items: flex-start;flex-flow: row nowrap; " : "display: flex; align-items: flex-start;flex-flow: column nowrap; "
                       )
                     }, {
-                      default: d(() => {
+                      default: n(() => {
                         var o;
                         return [
                           (a(!0), r(N, null, A((o = l.options) == null ? void 0 : o.data, (y) => (a(), i(E, {
                             key: y.code,
-                            label: y.code
+                            label: y.code,
+                            disabled: y.isDisabled
                           }, {
-                            default: d(() => [
+                            default: n(() => [
                               D(t(y.name), 1)
                             ]),
                             _: 2
-                          }, 1032, ["label"]))), 128))
+                          }, 1032, ["label", "disabled"]))), 128))
                         ];
                       }),
                       _: 2
@@ -615,7 +618,7 @@ function Sl(p, g, w, e, k, K) {
                   disabled: (l.disabled || e.formOptions.isAllDisabled || e.formOptions.isAllReadonly || l.isReadonly) && !l.openDisabled,
                   prop: l.field
                 }, {
-                  label: d(() => [
+                  label: n(() => [
                     l.slotLabelName ? C(p.$slots, l.slotLabelName, { key: 1 }, void 0, !0) : (a(), r("div", {
                       key: 0,
                       style: u(l.labelStyle)
@@ -624,7 +627,7 @@ function Sl(p, g, w, e, k, K) {
                       l.required ? (a(), r("span", Rl, "*")) : c("", !0)
                     ], 4))
                   ]),
-                  default: d(() => [
+                  default: n(() => [
                     h(U, {
                       "popper-class": "selectTriangles",
                       teleported: !1,
@@ -639,7 +642,7 @@ function Sl(p, g, w, e, k, K) {
                       clearable: l.clearable,
                       "fit-input-width": !0
                     }, {
-                      default: d(() => {
+                      default: n(() => {
                         var o;
                         return [
                           (a(!0), r(N, null, A((o = l.options) == null ? void 0 : o.data, (y) => (a(), i(V, {
@@ -664,7 +667,7 @@ function Sl(p, g, w, e, k, K) {
                   prop: l.field,
                   class: "date_item"
                 }, {
-                  label: d(() => [
+                  label: n(() => [
                     l.slotLabelName ? C(p.$slots, l.slotLabelName, { key: 1 }, void 0, !0) : (a(), r("div", {
                       key: 0,
                       style: u(l.labelStyle)
@@ -673,7 +676,7 @@ function Sl(p, g, w, e, k, K) {
                       l.required ? (a(), r("span", wl, "*")) : c("", !0)
                     ], 4))
                   ]),
-                  default: d(() => [
+                  default: n(() => [
                     h(m, {
                       "popper-class": "selectTriangles",
                       teleported: !1,
@@ -704,7 +707,7 @@ function Sl(p, g, w, e, k, K) {
                   rules: l.isHide || e.noFormRule || l.disabled || e.formOptions.isAllDisabled || e.formOptions.isAllReadonly ? [] : l.rules,
                   prop: l.field
                 }, {
-                  label: d(() => [
+                  label: n(() => [
                     l.slotLabelName ? C(p.$slots, l.slotLabelName, { key: 1 }, void 0, !0) : (a(), r("div", {
                       key: 0,
                       style: u(l.labelStyle)
@@ -713,7 +716,7 @@ function Sl(p, g, w, e, k, K) {
                       l.required ? (a(), r("span", Il, "*")) : c("", !0)
                     ], 4))
                   ]),
-                  default: d(() => [
+                  default: n(() => [
                     h(m, {
                       "popper-class": "selectTriangles",
                       teleported: !1,
@@ -745,7 +748,7 @@ function Sl(p, g, w, e, k, K) {
                   prop: l.field,
                   class: "rule_err"
                 }, {
-                  label: d(() => [
+                  label: n(() => [
                     l.slotLabelName ? C(p.$slots, l.slotLabelName, { key: 1 }, void 0, !0) : (a(), r("div", {
                       key: 0,
                       style: u(l.labelStyle)
@@ -754,7 +757,7 @@ function Sl(p, g, w, e, k, K) {
                       l.required ? (a(), r("span", Vl, "*")) : c("", !0)
                     ], 4))
                   ]),
-                  default: d(() => [
+                  default: n(() => [
                     C(p.$slots, l.slotItemName, {}, void 0, !0)
                   ]),
                   _: 2
@@ -765,7 +768,7 @@ function Sl(p, g, w, e, k, K) {
                   prop: l.field.phoneNumber,
                   class: "phone_item"
                 }, {
-                  label: d(() => [
+                  label: n(() => [
                     l.slotLabelName ? C(p.$slots, l.slotLabelName, { key: 1 }, void 0, !0) : (a(), r("div", {
                       key: 0,
                       style: u(l.labelStyle)
@@ -774,7 +777,7 @@ function Sl(p, g, w, e, k, K) {
                       l.required ? (a(), r("span", Ul, "*")) : c("", !0)
                     ], 4))
                   ]),
-                  default: d(() => {
+                  default: n(() => {
                     var o, y, T, s;
                     return [
                       O("div", {
@@ -787,7 +790,7 @@ function Sl(p, g, w, e, k, K) {
                             teleported: !1,
                             disabled: (l.disabled || e.formOptions.isAllDisabled || e.formOptions.isAllReadonly || l.isReadonly || l.isReadonlyNation) && !l.openDisabled,
                             modelValue: e.states.model[l.field.nationCode],
-                            "onUpdate:modelValue": (n) => e.states.model[l.field.nationCode] = n,
+                            "onUpdate:modelValue": (d) => e.states.model[l.field.nationCode] = d,
                             placeholder: ((o = l.nationOptions) == null ? void 0 : o.placeholder) || "",
                             class: _(
                               (l.isReadonly || l.isReadonlyNation || e.formOptions.isAllReadonly) && !l.openDisabled ? "selectreadonly" : ""
@@ -795,10 +798,10 @@ function Sl(p, g, w, e, k, K) {
                             style: u("width:" + l.widthNation),
                             "fit-input-width": !0
                           }, {
-                            default: d(() => {
-                              var n;
+                            default: n(() => {
+                              var d;
                               return [
-                                (a(!0), r(N, null, A((n = l.nationOptions) == null ? void 0 : n.data, (f, R) => (a(), i(V, {
+                                (a(!0), r(N, null, A((d = l.nationOptions) == null ? void 0 : d.data, (f, R) => (a(), i(V, {
                                   label: f.name,
                                   value: f.code,
                                   key: R
@@ -814,7 +817,7 @@ function Sl(p, g, w, e, k, K) {
                             teleported: !1,
                             disabled: (l.disabled || e.formOptions.isAllDisabled || e.formOptions.isAllReadonly || l.isReadonly || l.isReadonlyArea) && !l.openDisabled,
                             modelValue: e.states.model[l.field.areaCode],
-                            "onUpdate:modelValue": (n) => e.states.model[l.field.areaCode] = n,
+                            "onUpdate:modelValue": (d) => e.states.model[l.field.areaCode] = d,
                             placeholder: ((y = l.areaOptions) == null ? void 0 : y.placeholder) || "",
                             class: _(
                               (l.isReadonly || l.isReadonlyArea || e.formOptions.isAllReadonly) && !l.openDisabled ? "selectreadonly" : "areaCode_select"
@@ -822,10 +825,10 @@ function Sl(p, g, w, e, k, K) {
                             style: u("width:" + l.widthArea),
                             "fit-input-width": !0
                           }, {
-                            default: d(() => {
-                              var n;
+                            default: n(() => {
+                              var d;
                               return [
-                                (a(!0), r(N, null, A((n = l.areaOptions) == null ? void 0 : n.data, (f, R) => (a(), i(V, {
+                                (a(!0), r(N, null, A((d = l.areaOptions) == null ? void 0 : d.data, (f, R) => (a(), i(V, {
                                   label: f.name,
                                   value: f.code,
                                   key: R
@@ -842,7 +845,7 @@ function Sl(p, g, w, e, k, K) {
                           teleported: !1,
                           disabled: (l.disabled || e.formOptions.isAllDisabled || e.formOptions.isAllReadonly || l.isReadonly || l.isReadonlyNation) && !l.openDisabled,
                           modelValue: e.states.model[l.field.nationCode],
-                          "onUpdate:modelValue": (n) => e.states.model[l.field.nationCode] = n,
+                          "onUpdate:modelValue": (d) => e.states.model[l.field.nationCode] = d,
                           placeholder: ((T = l.nationOptions) == null ? void 0 : T.placeholder) || "",
                           class: _(
                             (l.isReadonly || l.isReadonlyNation || e.formOptions.isAllReadonly) && !l.openDisabled ? "selectreadonly" : ""
@@ -850,10 +853,10 @@ function Sl(p, g, w, e, k, K) {
                           style: u("width:" + l.widthNation),
                           "fit-input-width": !0
                         }, {
-                          default: d(() => {
-                            var n;
+                          default: n(() => {
+                            var d;
                             return [
-                              (a(!0), r(N, null, A((n = l.nationOptions) == null ? void 0 : n.data, (f, R) => (a(), i(V, {
+                              (a(!0), r(N, null, A((d = l.nationOptions) == null ? void 0 : d.data, (f, R) => (a(), i(V, {
                                 label: f.name,
                                 value: f.code,
                                 key: R
@@ -869,7 +872,7 @@ function Sl(p, g, w, e, k, K) {
                           teleported: !1,
                           disabled: (l.disabled || e.formOptions.isAllDisabled || e.formOptions.isAllReadonly || l.isReadonly || l.isReadonlyArea) && !l.openDisabled,
                           modelValue: e.states.model[l.field.areaCode],
-                          "onUpdate:modelValue": (n) => e.states.model[l.field.areaCode] = n,
+                          "onUpdate:modelValue": (d) => e.states.model[l.field.areaCode] = d,
                           placeholder: ((s = l.areaOptions) == null ? void 0 : s.placeholder) || "",
                           class: _(
                             (l.isReadonly || l.isReadonlyArea || e.formOptions.isAllReadonly) && !l.openDisabled ? "selectreadonly" : "areaCode_select"
@@ -877,10 +880,10 @@ function Sl(p, g, w, e, k, K) {
                           style: u("width:" + l.widthArea),
                           "fit-input-width": !0
                         }, {
-                          default: d(() => {
-                            var n;
+                          default: n(() => {
+                            var d;
                             return [
-                              (a(!0), r(N, null, A((n = l.areaOptions) == null ? void 0 : n.data, (f, R) => (a(), i(V, {
+                              (a(!0), r(N, null, A((d = l.areaOptions) == null ? void 0 : d.data, (f, R) => (a(), i(V, {
                                 label: f.name,
                                 value: f.code,
                                 key: R
@@ -892,25 +895,25 @@ function Sl(p, g, w, e, k, K) {
                         e.phoneWrap ? c("", !0) : (a(), r("div", Tl, "-")),
                         l.field.phoneNumber ? (a(), i(x, {
                           key: 5,
-                          onBlur: (n) => e.inputBlur(
-                            n,
+                          onBlur: (d) => e.inputBlur(
+                            d,
                             typeof l.field == "string" ? l.field : ""
                           ),
-                          onFocus: (n) => e.inputFocus(
-                            n,
+                          onFocus: (d) => e.inputFocus(
+                            d,
                             typeof l.field == "string" ? l.field : ""
                           ),
-                          onChange: (n) => e.inputChange(
-                            n,
+                          onChange: (d) => e.inputChange(
+                            d,
                             typeof l.field == "string" ? l.field : ""
                           ),
-                          onInput: (n) => e.inputInput(
-                            n,
+                          onInput: (d) => e.inputInput(
+                            d,
                             typeof l.field == "string" ? l.field : ""
                           ),
                           maxlength: l.maxlength,
                           modelValue: e.states.model[l.field.phoneNumber],
-                          "onUpdate:modelValue": (n) => e.states.model[l.field.phoneNumber] = n,
+                          "onUpdate:modelValue": (d) => e.states.model[l.field.phoneNumber] = d,
                           disabled: (l.disabled || e.formOptions.isAllDisabled || e.formOptions.isAllReadonly || l.isReadonly || l.isReadonlyPhoneNumber) && !l.openDisabled,
                           placeholder: l.placeholder || "",
                           class: _(
@@ -926,7 +929,7 @@ function Sl(p, g, w, e, k, K) {
                   key: 12,
                   label: l.label
                 }, {
-                  default: d(() => [
+                  default: n(() => [
                     Ll
                   ]),
                   _: 2
@@ -936,7 +939,7 @@ function Sl(p, g, w, e, k, K) {
                   prop: l.field,
                   class: _(l.prepend ? "input-item" : "")
                 }, {
-                  label: d(() => [
+                  label: n(() => [
                     l.slotLabelName ? C(p.$slots, l.slotLabelName, { key: 1 }, void 0, !0) : (a(), r("div", {
                       key: 0,
                       style: u(l.labelStyle)
@@ -945,7 +948,7 @@ function Sl(p, g, w, e, k, K) {
                       l.required ? (a(), r("span", El, "*")) : c("", !0)
                     ], 4))
                   ]),
-                  default: d(() => [
+                  default: n(() => [
                     h(x, {
                       onBlur: (o) => e.inputBlur(
                         o,
@@ -980,14 +983,14 @@ function Sl(p, g, w, e, k, K) {
                     }, il({ _: 2 }, [
                       l.prepend ? {
                         name: "prepend",
-                        fn: d(() => [
+                        fn: n(() => [
                           D(t(l.prepend), 1)
                         ]),
                         key: "0"
                       } : void 0,
                       l.append ? {
                         name: "append",
-                        fn: d(() => [
+                        fn: n(() => [
                           D(t(l.append), 1)
                         ]),
                         key: "1"
@@ -1006,7 +1009,7 @@ function Sl(p, g, w, e, k, K) {
         _: 3
       }),
       h(b, { class: "btnsItem" }, {
-        default: d(() => [
+        default: n(() => [
           C(p.$slots, "buttons", {
             model: w.model,
             onBtnClick: e.onSubmit
@@ -1039,7 +1042,7 @@ function Sl(p, g, w, e, k, K) {
                 class: _(l.class),
                 onHandleClick: (o) => e.handleClick(o, l.isRule, l.emitName)
               }, {
-                default: d(() => [
+                default: n(() => [
                   D(t(l.name), 1)
                 ]),
                 _: 2
@@ -1053,7 +1056,7 @@ function Sl(p, g, w, e, k, K) {
     _: 3
   }, 16, ["model", "label-position"]);
 }
-const P = /* @__PURE__ */ ul(fl, [["render", Sl], ["__scopeId", "data-v-595279c2"]]);
+const P = /* @__PURE__ */ ul(fl, [["render", Sl], ["__scopeId", "data-v-59132be2"]]);
 function W(p, g = {}) {
   W.installed || (W.installed = !0, p.component("common-el-form", P));
 }

package/common-form.umd.js

@@ -1 +1 @@
-(function(e,g){typeof exports=="object"&&typeof module<"u"?module.exports=g(require("vue")):typeof define=="function"&&define.amd?define(["vue"],g):(e=typeof globalThis<"u"?globalThis:e||self,e.Form=g(e.Vue))})(this,function(e){"use strict";const g="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjc1MDIgMS44NzY5NUgxMC4xMjUyVjAuODc2OTUzQzEwLjEyNTIgMC44MDgyMDMgMTAuMDY5IDAuNzUxOTUzIDEwLjAwMDIgMC43NTE5NTNIOS4xMjUyNUM5LjA1NjQ5IDAuNzUxOTUzIDkuMDAwMjUgMC44MDgyMDMgOS4wMDAyNSAwLjg3Njk1M1YxLjg3Njk1SDUuMDAwMjRWMC44NzY5NTNDNS4wMDAyNCAwLjgwODIwMyA0Ljk0Mzk5IDAuNzUxOTUzIDQuODc1MjQgMC43NTE5NTNINC4wMDAyNEMzLjkzMTQ5IDAuNzUxOTUzIDMuODc1MjQgMC44MDgyMDMgMy44NzUyNCAwLjg3Njk1M1YxLjg3Njk1SDEuMjUwMjRDMC45NzM2ODIgMS44NzY5NSAwLjc1MDI0NCAyLjEwMDM5IDAuNzUwMjQ0IDIuMzc2OTVWMTIuNzUyQzAuNzUwMjQ0IDEzLjAyODUgMC45NzM2ODIgMTMuMjUyIDEuMjUwMjQgMTMuMjUySDEyLjc1MDJDMTMuMDI2OCAxMy4yNTIgMTMuMjUwMiAxMy4wMjg1IDEzLjI1MDIgMTIuNzUyVjIuMzc2OTVDMTMuMjUwMiAyLjEwMDM5IDEzLjAyNjggMS44NzY5NSAxMi43NTAyIDEuODc2OTVaTTEyLjEyNTIgMTIuMTI3SDEuODc1MjRWNi4xODk0NUgxMi4xMjUyVjEyLjEyN1pNMS44NzUyNCA1LjEyNjk1VjMuMDAxOTVIMy44NzUyNFYzLjc1MTk1QzMuODc1MjQgMy44MjA3IDMuOTMxNDkgMy44NzY5NSA0LjAwMDI0IDMuODc2OTVINC44NzUyNEM0Ljk0Mzk5IDMuODc2OTUgNS4wMDAyNCAzLjgyMDcgNS4wMDAyNCAzLjc1MTk1VjMuMDAxOTVIOS4wMDAyNVYzLjc1MTk1QzkuMDAwMjUgMy44MjA3IDkuMDU2NDkgMy44NzY5NSA5LjEyNTI1IDMuODc2OTVIMTAuMDAwMkMxMC4wNjkgMy44NzY5NSAxMC4xMjUyIDMuODIwNyAxMC4xMjUyIDMuNzUxOTVWMy4wMDE5NUgxMi4xMjUyVjUuMTI2OTVIMS44NzUyNFoiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuODUiLz4KPC9zdmc+Cg==",I={props:{fieldList:{type:Array,required:!0,default:()=>({username:"",age:0,email:""})},model:{type:Object,required:!0,default:()=>({username:"",age:0,email:""})},options:Object},setup(r,{emit:i}){const f=e.ref(!0),o=e.reactive({model:{}}),p=e.ref(null),S=e.shallowRef({render(){return e.h("img",{src:g})}}),c=e.computed(()=>Object.assign([],r.options)),b=()=>{o.model=r.model},h=(d,n,t)=>{var y;n?(f.value=!1,e.nextTick(()=>{var z;(z=p.value)==null||z.validate(rl=>{if(rl)i(t||"submit",o.model,d);else return!1})})):(t==="reset"&&((y=p.value)==null||y.resetFields()),i(t||"submit",o.model,d))},N=(d,n)=>{i("selectChange",d,n)},m=(d,n)=>{i("radioChange",d,n)},x=(d,n)=>{i("checkChange",d,n)},B=(d,n)=>{const t=o.model[n].length;if(t===1){i("checkChange",d,n);return}else t>1?(o.model[n].shift(),i("checkChange",d,n)):t<1&&i("checkChange",d,n)},w=(d,n,t)=>{h(d,n,t)},k=(d,n)=>{d&&(n==null?void 0:n.key)==="Enter"&&h(void 0,!0,"submit")},C=(d,n)=>{i("dateChange",d,n)},V=(d,n)=>{console.log(p.value),i("inputBlur",d,n)},R=(d,n)=>{i("inputFocus",d,n)},E=(d,n)=>{i("inputChange",d,n)},l=(d,n)=>{i("inputInput",d,n)},_=d=>{var n;(n=p.value)==null||n.resetFields(d)},a=d=>{var n;(n=p.value)==null||n.clearValidate(d)},s=e.ref(!1),D=()=>{window.innerWidth<768?(console.log("屏幕宽度小于768px"),s.value=!0):s.value=!1};return e.onMounted(()=>{var d;b(),(d=p.value)==null||d.resetFields(),window.addEventListener("resize",D)}),e.onBeforeUnmount(()=>{window.removeEventListener("resize",D)}),e.watch(()=>r.fieldList,(d,n)=>{d!==n&&b()}),{...e.toRefs(o),formRef:p,states:o,formOptions:c,onSubmit:h,selectChange:N,radioChange:m,checkChange:x,handleCheckedChange:B,prefixIcon:S,handleClick:w,handleKeyUp:k,resetFieldsTest:_,clearValidateTest:a,dateChange:C,inputBlur:V,inputFocus:R,inputChange:E,inputInput:l,noFormRule:f,phoneWrap:s}}},tl="",cl="",U=(r,i)=>{const f=r.__vccOpts||r;for(const[o,p]of i)f[o]=p;return f},M=r=>(e.pushScopeId("data-v-595279c2"),r=r(),e.popScopeId(),r),F={class:"header-title"},T={class:"title-content"},j={key:0,class:"custom-required"},L={key:0,class:"custom-required"},Y=["src"],q={key:0,class:"custom-required"},W={class:"lable"},H={class:"lable_note"},K={key:0,class:"custom-required"},Q={key:0,class:"custom-required"},P={key:0,class:"custom-required"},Z={key:0,class:"custom-required"},G={key:0,class:"custom-required"},J={key:0,class:"date_to"},X={key:0,class:"custom-required"},u={key:0,class:"custom-required"},$={key:0,class:"custom-required"},v={key:0,class:"phone_item_content_before"},ll=M(()=>e.createElementVNode("div",{class:"line_middle"},"-",-1)),el=M(()=>e.createElementVNode("div",{class:"line_middle"},"-",-1)),ol={key:2,class:"line_middle"},al={key:4,class:"line_middle"},nl=M(()=>e.createElementVNode("div",{class:"line",style:{"border-top":"1px solid #e8e8e8",width:"100%",height:"0px",margin:"39px 0"}},null,-1)),dl={key:0,class:"custom-required"};function sl(r,i,f,o,p,S){const c=e.resolveComponent("el-form-item"),b=e.resolveComponent("el-input"),h=e.resolveComponent("el-col"),N=e.resolveComponent("el-row"),m=e.resolveComponent("el-radio"),x=e.resolveComponent("el-radio-group"),B=e.resolveComponent("el-checkbox"),w=e.resolveComponent("el-checkbox-group"),k=e.resolveComponent("el-option"),C=e.resolveComponent("el-select"),V=e.resolveComponent("el-date-picker"),R=e.resolveComponent("sinosoft-common-button"),E=e.resolveComponent("el-form");return e.openBlock(),e.createBlock(E,e.mergeProps({"hide-required-asterisk":"",onSubmit:i[0]||(i[0]=e.withModifiers(()=>{},["prevent"])),model:f.model},o.formOptions,{"label-position":o.formOptions.labelPosition,ref:"formRef"}),{default:e.withCtx(()=>[e.createVNode(N,{gutter:20},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.fieldList,(l,_)=>e.withDirectives((e.openBlock(),e.createBlock(h,{xs:l.xs?l.xs:24,sm:l.sm?l.sm:24,md:l.md?l.md:8,lg:l.lg?l.lg:8,xl:l.xl?l.xl:8,key:_},{default:e.withCtx(()=>[e.createElementVNode("div",{style:e.normalizeStyle(l.style)},[l.type==="title"?(e.openBlock(),e.createBlock(c,{key:0},{default:e.withCtx(()=>[e.createElementVNode("div",F,[e.createElementVNode("span",T,e.toDisplayString(l.title),1)])]),_:2},1024)):l.type==="name"&&typeof l.field!="string"&&l.field&&"nameEnFamily"in l.field&&l.rules&&"nameEnFamily"in l.rules?(e.openBlock(),e.createBlock(c,{key:1,label:l.label,disabled:(l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly||l.isReadonly)&&!l.openDisabled,class:"container_name"},{label:e.withCtx(()=>[l.slotLabelName?e.renderSlot(r.$slots,l.slotLabelName,{key:1},void 0,!0):(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(l.labelStyle)},[e.createTextVNode(e.toDisplayString(l.label)+" ",1),l.required?(e.openBlock(),e.createElementBlock("span",j,"*")):e.createCommentVNode("",!0)],4))]),default:e.withCtx(()=>[e.createVNode(N,{gutter:20},{default:e.withCtx(()=>[e.createVNode(h,{xs:24,sm:12,md:12,lg:12,xl:12},{default:e.withCtx(()=>[l.field.nameEnFamily?(e.openBlock(),e.createBlock(c,{key:0,rules:l.isHide||o.noFormRule||l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly?[]:l.rules.nameEnFamily,prop:l.field.nameEnFamily,class:"item-name item-name-top"},{default:e.withCtx(()=>[e.createVNode(b,{onBlur:a=>o.inputBlur(a,l.field.nameEnFamily),onFocus:a=>o.inputFocus(a,l.field.nameEnFamily),onChange:a=>o.inputChange(a,l.field.nameEnFamily),onInput:a=>o.inputInput(a,l.field.nameEnFamily),class:e.normalizeClass((l.isReadonly||l.isReadonlyNameEnFamily||o.formOptions.isAllReadonly)&&!l.openDisabled?"readonly":""),maxlength:l.maxlengthNameEnFamily,modelValue:o.states.model[l.field.nameEnFamily],"onUpdate:modelValue":a=>o.states.model[l.field.nameEnFamily]=a,readonly:l.readonly,type:l.type?l.type:"text",placeholder:l.placeholderNameEnFamily,disabled:(l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly||l.isReadonly||l.isReadonlyNameEnFamily)&&!l.openDisabled,onKeyup:e.withKeys(a=>o.handleKeyUp(l.enterable),["enter"])},null,8,["onBlur","onFocus","onChange","onInput","class","maxlength","modelValue","onUpdate:modelValue","readonly","type","placeholder","disabled","onKeyup"])]),_:2},1032,["rules","prop"])):e.createCommentVNode("",!0)]),_:2},1024),e.createVNode(h,{xs:24,sm:12,md:12,lg:12,xl:12},{default:e.withCtx(()=>[l.field.nameEn?(e.openBlock(),e.createBlock(c,{key:0,rules:l.isHide||o.noFormRule||l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly?[]:l.rules.nameEn,prop:l.field.nameEn,class:"item-name item-name-top"},{default:e.withCtx(()=>[e.createVNode(b,{onBlur:a=>o.inputBlur(a,l.field.nameEn),onFocus:a=>o.inputFocus(a,l.field.nameEn),onChange:a=>o.inputChange(a,l.field.nameEn),onInput:a=>o.inputInput(a,l.field.nameEn),maxlength:l.maxlengthNameEn,modelValue:o.states.model[l.field.nameEn],"onUpdate:modelValue":a=>o.states.model[l.field.nameEn]=a,class:e.normalizeClass((l.isReadonly||l.isReadonlyNameEn||o.formOptions.isAllReadonly)&&!l.openDisabled?"readonly":""),readonly:l.readonly,type:l.type?l.type:"text",placeholder:l.placeholderNameEn,disabled:(l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly||l.isReadonly||l.isReadonlyNameEn)&&!l.openDisabled,onKeyup:e.withKeys(a=>o.handleKeyUp(l.enterable),["enter"])},null,8,["onBlur","onFocus","onChange","onInput","maxlength","modelValue","onUpdate:modelValue","class","readonly","type","placeholder","disabled","onKeyup"])]),_:2},1032,["rules","prop"])):e.createCommentVNode("",!0)]),_:2},1024)]),_:2},1024),e.createVNode(N,{gutter:20},{default:e.withCtx(()=>[e.createVNode(h,{xs:24,sm:12,md:12,lg:12,xl:12},{default:e.withCtx(()=>[l.field.nameChFamily?(e.openBlock(),e.createBlock(c,{key:0,rules:l.isHide||o.noFormRule||l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly?[]:l.rules.nameChFamily,prop:l.field.nameChFamily,class:"item-name item-name-bottom"},{default:e.withCtx(()=>[e.createVNode(b,{onBlur:a=>o.inputBlur(a,l.field.nameChFamily),onFocus:a=>o.inputFocus(a,l.field.nameChFamily),onChange:a=>o.inputChange(a,l.field.nameChFamily),onInput:a=>o.inputInput(a,"nameChFamily"in l.field?l.field.nameCh:""),maxlength:l.maxlengthNameChFamily,class:e.normalizeClass((l.isReadonly||l.isReadonlyNameChFamily||o.formOptions.isAllReadonly)&&!l.openDisabled?"readonly":""),modelValue:o.states.model[l.field.nameChFamily],"onUpdate:modelValue":a=>o.states.model[l.field.nameChFamily]=a,readonly:l.readonly,type:l.type?l.type:"text",placeholder:l.placeholderNameChFamily,disabled:(l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly||l.isReadonly||l.isReadonlyNameChFamily)&&!l.openDisabled,onKeyup:e.withKeys(a=>o.handleKeyUp(l.enterable),["enter"])},null,8,["onBlur","onFocus","onChange","onInput","maxlength","class","modelValue","onUpdate:modelValue","readonly","type","placeholder","disabled","onKeyup"])]),_:2},1032,["rules","prop"])):e.createCommentVNode("",!0)]),_:2},1024),e.createVNode(h,{xs:24,sm:12,md:12,lg:12,xl:12},{default:e.withCtx(()=>[l.field.nameCh?(e.openBlock(),e.createBlock(c,{key:0,rules:l.isHide||o.noFormRule||l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly?[]:l.rules.nameCh,prop:l.field.nameCh,class:"item-name item-name-bottom"},{default:e.withCtx(()=>[e.createVNode(b,{onBlur:a=>o.inputBlur(a,l.field.nameCh),onFocus:a=>o.inputFocus(a,l.field.nameCh),onChange:a=>o.inputChange(a,l.field.nameCh),onInput:a=>o.inputInput(a,l.field.nameCh),class:e.normalizeClass((l.isReadonly||l.isReadonlyNameCh||o.formOptions.isAllReadonly)&&!l.openDisabled?"readonly":""),maxlength:l.maxlengthNameCh,modelValue:o.states.model[l.field.nameCh],"onUpdate:modelValue":a=>o.states.model[l.field.nameCh]=a,readonly:l.readonly,type:l.type?l.type:"text",placeholder:l.placeholderNameCh,disabled:(l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly||l.isReadonly||l.isReadonlyNameCh)&&!l.openDisabled,onKeyup:e.withKeys(a=>o.handleKeyUp(l.enterable),["enter"])},null,8,["onBlur","onFocus","onChange","onInput","class","maxlength","modelValue","onUpdate:modelValue","readonly","type","placeholder","disabled","onKeyup"])]),_:2},1032,["rules","prop"])):e.createCommentVNode("",!0)]),_:2},1024)]),_:2},1024)]),_:2},1032,["label","disabled"])):l.type==="gender"&&typeof l.field=="string"?(e.openBlock(),e.createBlock(c,{key:2,label:l.label,rules:l.isHide||o.noFormRule||l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly?[]:l.rules,prop:l.field,class:"radio_row"},{label:e.withCtx(()=>[l.slotLabelName?e.renderSlot(r.$slots,l.slotLabelName,{key:1},void 0,!0):(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(l.labelStyle)},[e.createTextVNode(e.toDisplayString(l.label)+" ",1),l.required?(e.openBlock(),e.createElementBlock("span",L,"*")):e.createCommentVNode("",!0)],4))]),default:e.withCtx(()=>[e.createVNode(x,{modelValue:o.states.model[l.field],"onUpdate:modelValue":a=>o.states.model[l.field]=a,disabled:(l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly||l.isReadonly)&&!l.openDisabled,onChange:a=>o.radioChange(a,l.field)},{default:e.withCtx(()=>{var a;return[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((a=l.options)==null?void 0:a.data,s=>(e.openBlock(),e.createBlock(m,{label:s.code,size:"large",key:s.code},{default:e.withCtx(()=>[e.createElementVNode("img",{src:s.code==="M"?"http://192.168.5.200:9000/test/sex_img_M.png":"http://192.168.5.200:9000/test/sex_img_F.png",style:{width:"44px",height:"44px","margin-bottom":"-15px","margin-left":"4px"},alt:""},null,8,Y)]),_:2},1032,["label"]))),128))]}),_:2},1032,["modelValue","onUpdate:modelValue","disabled","onChange"])]),_:2},1032,["label","rules","prop"])):l.type==="radio"&&typeof l.field=="string"?(e.openBlock(),e.createBlock(c,{key:3,label:l.label,rules:l.isHide||o.noFormRule||l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly?[]:l.rules,prop:l.field,class:e.normalizeClass([l.labelNode?"radio_Note":"rule_err"])},{label:e.withCtx(()=>[l.slotLabelName?e.renderSlot(r.$slots,l.slotLabelName,{key:1},void 0,!0):(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(l.labelStyle)},[e.createTextVNode(e.toDisplayString(l.label)+" ",1),l.required?(e.openBlock(),e.createElementBlock("span",q,"*")):e.createCommentVNode("",!0)],4))]),default:e.withCtx(()=>[e.createVNode(x,{modelValue:o.states.model[l.field],"onUpdate:modelValue":a=>o.states.model[l.field]=a,disabled:(l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly||l.isReadonly)&&!l.openDisabled,onChange:a=>o.radioChange(a,l.field),style:e.normalizeStyle(l.ways==="column"?"display: flex; align-items: flex-start;flex-flow: column nowrap; ":"display: flex; align-items: flex-start;flex-flow: row nowrap; "),class:e.normalizeClass(l.ways!=="column"?"radio_row":"")},{default:e.withCtx(()=>{var a;return[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((a=l.options)==null?void 0:a.data,s=>(e.openBlock(),e.createBlock(m,{size:"large",label:s.code,key:s.code},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.name),1)]),_:2},1032,["label"]))),128))]}),_:2},1032,["modelValue","onUpdate:modelValue","disabled","onChange","style","class"])]),_:2},1032,["label","rules","prop","class"])):l.type==="radioNote"&&typeof l.field=="string"?(e.openBlock(),e.createBlock(c,{key:4,label:l.label,rules:l.isHide||o.noFormRule||l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly?[]:l.rules,prop:l.field,class:e.normalizeClass([l.labelNode?"radio_Note":"rule_err"])},{default:e.withCtx(()=>[e.createElementVNode("div",null,[e.createElementVNode("span",W,e.toDisplayString(l.labelBefore),1),e.createElementVNode("span",H,e.toDisplayString(l.labelNode),1),l.required?(e.openBlock(),e.createElementBlock("span",K,"*")):e.createCommentVNode("",!0)]),e.createVNode(x,{modelValue:o.states.model[l.field],"onUpdate:modelValue":a=>o.states.model[l.field]=a,disabled:(l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly||l.isReadonly)&&!l.openDisabled,onChange:a=>o.radioChange(a,l.field),style:e.normalizeStyle(l.ways==="column"?"display: flex; align-items: flex-start;flex-flow: column nowrap; ":"display: flex; align-items: flex-start;flex-flow: row nowrap; "),class:e.normalizeClass(l.ways!=="column"?"radio_row":"")},{default:e.withCtx(()=>{var a;return[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((a=l.options)==null?void 0:a.data,s=>(e.openBlock(),e.createBlock(m,{size:"large",label:s.code,key:s.code},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.name),1)]),_:2},1032,["label"]))),128))]}),_:2},1032,["modelValue","onUpdate:modelValue","disabled","onChange","style","class"])]),_:2},1032,["label","rules","prop","class"])):l.type==="checkbox"&&typeof l.field=="string"?(e.openBlock(),e.createBlock(c,{key:5,label:l.label,rules:l.isHide||o.noFormRule||l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly?[]:l.rules,prop:l.field},{label:e.withCtx(()=>[l.slotLabelName?e.renderSlot(r.$slots,l.slotLabelName,{key:1},void 0,!0):(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(l.labelStyle)},[e.createTextVNode(e.toDisplayString(l.label)+" ",1),l.required?(e.openBlock(),e.createElementBlock("span",Q,"*")):e.createCommentVNode("",!0)],4))]),default:e.withCtx(()=>[e.createVNode(w,{modelValue:o.states.model[l.field],"onUpdate:modelValue":a=>o.states.model[l.field]=a,onChange:a=>o.checkChange(a,l.field),disabled:(l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly||l.isReadonly)&&!l.openDisabled,style:e.normalizeStyle(l.ways==="row"?"display: flex; align-items: flex-start;flex-flow: row nowrap; ":"display: flex; align-items: flex-start;flex-flow: column nowrap; ")},{default:e.withCtx(()=>{var a;return[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((a=l.options)==null?void 0:a.data,s=>(e.openBlock(),e.createBlock(B,{key:s.code,label:s.code},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.name),1)]),_:2},1032,["label"]))),128))]}),_:2},1032,["modelValue","onUpdate:modelValue","onChange","disabled","style"])]),_:2},1032,["label","rules","prop"])):l.type==="checkboxRadio"&&typeof l.field=="string"?(e.openBlock(),e.createBlock(c,{key:6,label:l.label,rules:l.isHide||o.noFormRule||l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly?[]:l.rules,prop:l.field},{label:e.withCtx(()=>[l.slotLabelName?e.renderSlot(r.$slots,l.slotLabelName,{key:1},void 0,!0):(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(l.labelStyle)},[e.createTextVNode(e.toDisplayString(l.label)+" ",1),l.required?(e.openBlock(),e.createElementBlock("span",P,"*")):e.createCommentVNode("",!0)],4))]),default:e.withCtx(()=>[e.createVNode(w,{modelValue:o.states.model[l.field],"onUpdate:modelValue":a=>o.states.model[l.field]=a,onChange:a=>o.handleCheckedChange(a,l.field),disabled:(l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly||l.isReadonly)&&!l.openDisabled,style:e.normalizeStyle(l.ways==="row"?"display: flex; align-items: flex-start;flex-flow: row nowrap; ":"display: flex; align-items: flex-start;flex-flow: column nowrap; ")},{default:e.withCtx(()=>{var a;return[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((a=l.options)==null?void 0:a.data,s=>(e.openBlock(),e.createBlock(B,{key:s.code,label:s.code},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.name),1)]),_:2},1032,["label"]))),128))]}),_:2},1032,["modelValue","onUpdate:modelValue","onChange","disabled","style"])]),_:2},1032,["label","rules","prop"])):l.type==="select"&&typeof l.field=="string"?(e.openBlock(),e.createBlock(c,{key:7,label:l.label,rules:l.isHide||o.noFormRule||l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly?[]:l.rules,disabled:(l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly||l.isReadonly)&&!l.openDisabled,prop:l.field},{label:e.withCtx(()=>[l.slotLabelName?e.renderSlot(r.$slots,l.slotLabelName,{key:1},void 0,!0):(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(l.labelStyle)},[e.createTextVNode(e.toDisplayString(l.label)+" ",1),l.required?(e.openBlock(),e.createElementBlock("span",Z,"*")):e.createCommentVNode("",!0)],4))]),default:e.withCtx(()=>[e.createVNode(C,{"popper-class":"selectTriangles",teleported:!1,modelValue:o.states.model[l.field],"onUpdate:modelValue":a=>o.states.model[l.field]=a,onChange:a=>o.selectChange(a,l.field),disabled:(l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly||l.isReadonly)&&!l.openDisabled,placeholder:l.placeholder,class:e.normalizeClass((l.isReadonly||o.formOptions.isAllReadonly)&&!l.openDisabled?"selectreadonly":""),clearable:l.clearable,"fit-input-width":!0},{default:e.withCtx(()=>{var a;return[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((a=l.options)==null?void 0:a.data,s=>(e.openBlock(),e.createBlock(k,{key:s.code,label:s.name,value:s.code},null,8,["label","value"]))),128))]}),_:2},1032,["modelValue","onUpdate:modelValue","onChange","disabled","placeholder","class","clearable"]),e.createElementVNode("div",{class:"item_tips_blow",style:e.normalizeStyle(l.tipsBlowStyle)},e.toDisplayString(l.tipsBlow),5)]),_:2},1032,["label","rules","disabled","prop"])):l.type==="date"&&typeof l.field=="string"?(e.openBlock(),e.createBlock(c,{key:8,label:l.label,rules:l.isHide||o.noFormRule||l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly?[]:l.rules,prop:l.field,class:"date_item"},{label:e.withCtx(()=>[l.slotLabelName?e.renderSlot(r.$slots,l.slotLabelName,{key:1},void 0,!0):(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(l.labelStyle)},[e.createTextVNode(e.toDisplayString(l.label)+" ",1),l.required?(e.openBlock(),e.createElementBlock("span",G,"*")):e.createCommentVNode("",!0)],4))]),default:e.withCtx(()=>[e.createVNode(V,{"popper-class":"selectTriangles",teleported:!1,format:"DD/MM/YYYY","value-format":"DD/MM/YYYY","disabled-date":l.disabledDate,onChange:a=>o.dateChange(a,typeof l.field=="string"?l.field:""),"prefix-icon":o.prefixIcon,modelValue:o.states.model[l.field],"onUpdate:modelValue":a=>o.states.model[l.field]=a,disabled:(l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly||l.isReadonly)&&!l.openDisabled,readonly:l.readonly,type:l.type,placeholder:l.placeholder||l.label,class:e.normalizeClass((l.isReadonly||o.formOptions.isAllReadonly)&&!l.openDisabled?"readonly":"")},null,8,["disabled-date","onChange","prefix-icon","modelValue","onUpdate:modelValue","disabled","readonly","type","placeholder","class"]),l.showTo?(e.openBlock(),e.createElementBlock("span",J,e.toDisplayString(l.showTo),1)):e.createCommentVNode("",!0)]),_:2},1032,["label","rules","prop"])):l.type==="daterange"&&typeof l.field=="string"?(e.openBlock(),e.createBlock(c,{key:9,label:l.label,rules:l.isHide||o.noFormRule||l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly?[]:l.rules,prop:l.field},{label:e.withCtx(()=>[l.slotLabelName?e.renderSlot(r.$slots,l.slotLabelName,{key:1},void 0,!0):(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(l.labelStyle)},[e.createTextVNode(e.toDisplayString(l.label)+" ",1),l.required?(e.openBlock(),e.createElementBlock("span",X,"*")):e.createCommentVNode("",!0)],4))]),default:e.withCtx(()=>[e.createVNode(V,{"popper-class":"selectTriangles",teleported:!1,format:"DD/MM/YYYY","value-format":"DD/MM/YYYY","disabled-date":l.disabledDate,onChange:a=>o.dateChange(a,typeof l.field=="string"?l.field:""),modelValue:o.states.model[l.field],"onUpdate:modelValue":a=>o.states.model[l.field]=a,"prefix-icon":o.prefixIcon,type:"daterange","range-separator":"To","start-placeholder":l.startPlaceholder,"end-placeholder":l.endPlaceholder,size:"large",class:e.normalizeClass((l.isReadonly||o.formOptions.isAllReadonly)&&!l.openDisabled?"readonly":"")},null,8,["disabled-date","onChange","modelValue","onUpdate:modelValue","prefix-icon","start-placeholder","end-placeholder","class"])]),_:2},1032,["label","rules","prop"])):l.type==="slotItem"?(e.openBlock(),e.createBlock(c,{key:10,label:l.label,rules:l.isHide||o.noFormRule||l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly?[]:l.rules,prop:l.field,class:"rule_err"},{label:e.withCtx(()=>[l.slotLabelName?e.renderSlot(r.$slots,l.slotLabelName,{key:1},void 0,!0):(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(l.labelStyle)},[e.createTextVNode(e.toDisplayString(l.label)+" ",1),l.required?(e.openBlock(),e.createElementBlock("span",u,"*")):e.createCommentVNode("",!0)],4))]),default:e.withCtx(()=>[e.renderSlot(r.$slots,l.slotItemName,{},void 0,!0)]),_:2},1032,["label","rules","prop"])):l.type==="phone"&&typeof l.field!="string"&&l.field&&"phoneNumber"in l.field&&l.rules&&l.field.phoneNumber&&"phoneNumber"in l.rules?(e.openBlock(),e.createBlock(c,{key:11,label:l.label,rules:l.isHide||o.noFormRule||l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly?[]:l.rules.phoneNumber,prop:l.field.phoneNumber,class:"phone_item"},{label:e.withCtx(()=>[l.slotLabelName?e.renderSlot(r.$slots,l.slotLabelName,{key:1},void 0,!0):(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(l.labelStyle)},[e.createTextVNode(e.toDisplayString(l.label)+" ",1),l.required?(e.openBlock(),e.createElementBlock("span",$,"*")):e.createCommentVNode("",!0)],4))]),default:e.withCtx(()=>{var a,s,D,d;return[e.createElementVNode("div",{class:e.normalizeClass(o.phoneWrap?["phone_item_content","phone_item_content_wrap"]:"phone_item_content")},[o.phoneWrap?(e.openBlock(),e.createElementBlock("div",v,[l.field.nationCode?(e.openBlock(),e.createBlock(C,{key:0,"popper-class":"selectTriangles",teleported:!1,disabled:(l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly||l.isReadonly||l.isReadonlyNation)&&!l.openDisabled,modelValue:o.states.model[l.field.nationCode],"onUpdate:modelValue":n=>o.states.model[l.field.nationCode]=n,placeholder:((a=l.nationOptions)==null?void 0:a.placeholder)||"",class:e.normalizeClass((l.isReadonly||l.isReadonlyNation||o.formOptions.isAllReadonly)&&!l.openDisabled?"selectreadonly":""),style:e.normalizeStyle("width:"+l.widthNation),"fit-input-width":!0},{default:e.withCtx(()=>{var n;return[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((n=l.nationOptions)==null?void 0:n.data,(t,y)=>(e.openBlock(),e.createBlock(k,{label:t.name,value:t.code,key:y},null,8,["label","value"]))),128))]}),_:2},1032,["disabled","modelValue","onUpdate:modelValue","placeholder","class","style"])):e.createCommentVNode("",!0),ll,l.field.areaCode?(e.openBlock(),e.createBlock(C,{key:1,"popper-class":"selectTriangles",teleported:!1,disabled:(l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly||l.isReadonly||l.isReadonlyArea)&&!l.openDisabled,modelValue:o.states.model[l.field.areaCode],"onUpdate:modelValue":n=>o.states.model[l.field.areaCode]=n,placeholder:((s=l.areaOptions)==null?void 0:s.placeholder)||"",class:e.normalizeClass((l.isReadonly||l.isReadonlyArea||o.formOptions.isAllReadonly)&&!l.openDisabled?"selectreadonly":"areaCode_select"),style:e.normalizeStyle("width:"+l.widthArea),"fit-input-width":!0},{default:e.withCtx(()=>{var n;return[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((n=l.areaOptions)==null?void 0:n.data,(t,y)=>(e.openBlock(),e.createBlock(k,{label:t.name,value:t.code,key:y},null,8,["label","value"]))),128))]}),_:2},1032,["disabled","modelValue","onUpdate:modelValue","placeholder","class","style"])):e.createCommentVNode("",!0),el])):e.createCommentVNode("",!0),l.field.nationCode&&!o.phoneWrap?(e.openBlock(),e.createBlock(C,{key:1,"popper-class":"selectTriangles",teleported:!1,disabled:(l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly||l.isReadonly||l.isReadonlyNation)&&!l.openDisabled,modelValue:o.states.model[l.field.nationCode],"onUpdate:modelValue":n=>o.states.model[l.field.nationCode]=n,placeholder:((D=l.nationOptions)==null?void 0:D.placeholder)||"",class:e.normalizeClass((l.isReadonly||l.isReadonlyNation||o.formOptions.isAllReadonly)&&!l.openDisabled?"selectreadonly":""),style:e.normalizeStyle("width:"+l.widthNation),"fit-input-width":!0},{default:e.withCtx(()=>{var n;return[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((n=l.nationOptions)==null?void 0:n.data,(t,y)=>(e.openBlock(),e.createBlock(k,{label:t.name,value:t.code,key:y},null,8,["label","value"]))),128))]}),_:2},1032,["disabled","modelValue","onUpdate:modelValue","placeholder","class","style"])):e.createCommentVNode("",!0),o.phoneWrap?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",ol,"-")),l.field.areaCode&&!o.phoneWrap?(e.openBlock(),e.createBlock(C,{key:3,"popper-class":"selectTriangles",teleported:!1,disabled:(l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly||l.isReadonly||l.isReadonlyArea)&&!l.openDisabled,modelValue:o.states.model[l.field.areaCode],"onUpdate:modelValue":n=>o.states.model[l.field.areaCode]=n,placeholder:((d=l.areaOptions)==null?void 0:d.placeholder)||"",class:e.normalizeClass((l.isReadonly||l.isReadonlyArea||o.formOptions.isAllReadonly)&&!l.openDisabled?"selectreadonly":"areaCode_select"),style:e.normalizeStyle("width:"+l.widthArea),"fit-input-width":!0},{default:e.withCtx(()=>{var n;return[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((n=l.areaOptions)==null?void 0:n.data,(t,y)=>(e.openBlock(),e.createBlock(k,{label:t.name,value:t.code,key:y},null,8,["label","value"]))),128))]}),_:2},1032,["disabled","modelValue","onUpdate:modelValue","placeholder","class","style"])):e.createCommentVNode("",!0),o.phoneWrap?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",al,"-")),l.field.phoneNumber?(e.openBlock(),e.createBlock(b,{key:5,onBlur:n=>o.inputBlur(n,typeof l.field=="string"?l.field:""),onFocus:n=>o.inputFocus(n,typeof l.field=="string"?l.field:""),onChange:n=>o.inputChange(n,typeof l.field=="string"?l.field:""),onInput:n=>o.inputInput(n,typeof l.field=="string"?l.field:""),maxlength:l.maxlength,modelValue:o.states.model[l.field.phoneNumber],"onUpdate:modelValue":n=>o.states.model[l.field.phoneNumber]=n,disabled:(l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly||l.isReadonly||l.isReadonlyPhoneNumber)&&!l.openDisabled,placeholder:l.placeholder||"",class:e.normalizeClass((l.isReadonly||l.isReadonlyPhoneNumber||o.formOptions.isAllReadonly)&&!l.openDisabled?"readonly":""),clearable:l.clearable},null,8,["onBlur","onFocus","onChange","onInput","maxlength","modelValue","onUpdate:modelValue","disabled","placeholder","class","clearable"])):e.createCommentVNode("",!0)],2)]}),_:2},1032,["label","rules","prop"])):l.type==="line"?(e.openBlock(),e.createBlock(c,{key:12,label:l.label},{default:e.withCtx(()=>[nl]),_:2},1032,["label"])):(e.openBlock(),e.createBlock(c,{key:13,rules:l.isHide||o.noFormRule||l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly?[]:l.rules,prop:l.field,class:e.normalizeClass(l.prepend?"input-item":"")},{label:e.withCtx(()=>[l.slotLabelName?e.renderSlot(r.$slots,l.slotLabelName,{key:1},void 0,!0):(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(l.labelStyle)},[e.createTextVNode(e.toDisplayString(l.label)+" ",1),l.required?(e.openBlock(),e.createElementBlock("span",dl,"*")):e.createCommentVNode("",!0)],4))]),default:e.withCtx(()=>[e.createVNode(b,{onBlur:a=>o.inputBlur(a,typeof l.field=="string"?l.field:""),onFocus:a=>o.inputFocus(a,typeof l.field=="string"?l.field:""),onChange:a=>o.inputChange(a,typeof l.field=="string"?l.field:""),onInput:a=>o.inputInput(a,typeof l.field=="string"?l.field:""),maxlength:l.maxlength,modelValue:o.states.model[typeof l.field=="string"?l.field:""],"onUpdate:modelValue":a=>o.states.model[typeof l.field=="string"?l.field:""]=a,"show-word-limit":l.showWordLimit,readonly:l.readonly,type:l.type?l.type:"text",placeholder:l.placeholder||l.label,disabled:(l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly||l.isReadonly)&&!l.openDisabled,showPassword:l.showPassword,clearable:l.clearable,class:e.normalizeClass((l.isReadonly||o.formOptions.isAllReadonly)&&!l.openDisabled?"readonly":""),onKeyup:e.withKeys(a=>o.handleKeyUp(l.enterable),["enter"])},e.createSlots({_:2},[l.prepend?{name:"prepend",fn:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.prepend),1)]),key:"0"}:void 0,l.append?{name:"append",fn:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.append),1)]),key:"1"}:void 0]),1032,["onBlur","onFocus","onChange","onInput","maxlength","modelValue","onUpdate:modelValue","show-word-limit","readonly","type","placeholder","disabled","showPassword","clearable","class","onKeyup"])]),_:2},1032,["rules","prop","class"]))],4)]),_:2},1032,["xs","sm","md","lg","xl"])),[[e.vShow,!l.isHide]])),128))]),_:3}),e.createVNode(c,{class:"btnsItem"},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"buttons",{model:f.model,onBtnClick:o.onSubmit},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.formOptions.btnConfig,(l,_)=>(e.openBlock(),e.createElementBlock("div",{key:_},[l.isShow?(e.openBlock(),e.createBlock(R,{key:0,btnCode:l.btnCode,plain:l.plain,primary:l.primary,info:l.info,text:l.text,debounced:l.debounced?l.debounced:!1,link:l.link,loading:l.loading,loadingColor:l.loadingColor,width:l.width,height:l.height,circle:l.circle,color:l.color,bgColor:l.bgColor,borderColor:l.borderColor,borderStyle:l.borderStyle,borderWidth:l.borderWidth,icon:l.icon,size:l.size,fontSize:l.fontSize,fontWeight:l.fontWeight,style:e.normalizeStyle(l.style),class:e.normalizeClass(l.class),onHandleClick:a=>o.handleClick(a,l.isRule,l.emitName)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.name),1)]),_:2},1032,["btnCode","plain","primary","info","text","debounced","link","loading","loadingColor","width","height","circle","color","bgColor","borderColor","borderStyle","borderWidth","icon","size","fontSize","fontWeight","style","class","onHandleClick"])):e.createCommentVNode("",!0)]))),128))],!0)]),_:3})]),_:3},16,["model","label-position"])}const A=U(I,[["render",sl],["__scopeId","data-v-595279c2"]]);function O(r,i={}){O.installed||(O.installed=!0,r.component("common-el-form",A))}return A.install=O,A});
+(function(e,g){typeof exports=="object"&&typeof module<"u"?module.exports=g(require("vue")):typeof define=="function"&&define.amd?define(["vue"],g):(e=typeof globalThis<"u"?globalThis:e||self,e.Form=g(e.Vue))})(this,function(e){"use strict";const g="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjc1MDIgMS44NzY5NUgxMC4xMjUyVjAuODc2OTUzQzEwLjEyNTIgMC44MDgyMDMgMTAuMDY5IDAuNzUxOTUzIDEwLjAwMDIgMC43NTE5NTNIOS4xMjUyNUM5LjA1NjQ5IDAuNzUxOTUzIDkuMDAwMjUgMC44MDgyMDMgOS4wMDAyNSAwLjg3Njk1M1YxLjg3Njk1SDUuMDAwMjRWMC44NzY5NTNDNS4wMDAyNCAwLjgwODIwMyA0Ljk0Mzk5IDAuNzUxOTUzIDQuODc1MjQgMC43NTE5NTNINC4wMDAyNEMzLjkzMTQ5IDAuNzUxOTUzIDMuODc1MjQgMC44MDgyMDMgMy44NzUyNCAwLjg3Njk1M1YxLjg3Njk1SDEuMjUwMjRDMC45NzM2ODIgMS44NzY5NSAwLjc1MDI0NCAyLjEwMDM5IDAuNzUwMjQ0IDIuMzc2OTVWMTIuNzUyQzAuNzUwMjQ0IDEzLjAyODUgMC45NzM2ODIgMTMuMjUyIDEuMjUwMjQgMTMuMjUySDEyLjc1MDJDMTMuMDI2OCAxMy4yNTIgMTMuMjUwMiAxMy4wMjg1IDEzLjI1MDIgMTIuNzUyVjIuMzc2OTVDMTMuMjUwMiAyLjEwMDM5IDEzLjAyNjggMS44NzY5NSAxMi43NTAyIDEuODc2OTVaTTEyLjEyNTIgMTIuMTI3SDEuODc1MjRWNi4xODk0NUgxMi4xMjUyVjEyLjEyN1pNMS44NzUyNCA1LjEyNjk1VjMuMDAxOTVIMy44NzUyNFYzLjc1MTk1QzMuODc1MjQgMy44MjA3IDMuOTMxNDkgMy44NzY5NSA0LjAwMDI0IDMuODc2OTVINC44NzUyNEM0Ljk0Mzk5IDMuODc2OTUgNS4wMDAyNCAzLjgyMDcgNS4wMDAyNCAzLjc1MTk1VjMuMDAxOTVIOS4wMDAyNVYzLjc1MTk1QzkuMDAwMjUgMy44MjA3IDkuMDU2NDkgMy44NzY5NSA5LjEyNTI1IDMuODc2OTVIMTAuMDAwMkMxMC4wNjkgMy44NzY5NSAxMC4xMjUyIDMuODIwNyAxMC4xMjUyIDMuNzUxOTVWMy4wMDE5NUgxMi4xMjUyVjUuMTI2OTVIMS44NzUyNFoiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuODUiLz4KPC9zdmc+Cg==",I={props:{fieldList:{type:Array,required:!0,default:()=>({username:"",age:0,email:""})},model:{type:Object,required:!0,default:()=>({username:"",age:0,email:""})},options:Object},setup(r,{emit:c}){const f=e.ref(!0),o=e.reactive({model:{}}),p=e.ref(null),S=e.shallowRef({render(){return e.h("img",{src:g})}}),i=e.computed(()=>Object.assign([],r.options)),b=()=>{o.model=r.model},h=(d,n,t)=>{var y;n?(f.value=!1,e.nextTick(()=>{var z;(z=p.value)==null||z.validate(rl=>{if(rl)c(t||"submit",o.model,d);else return!1})})):(t==="reset"&&((y=p.value)==null||y.resetFields()),c(t||"submit",o.model,d))},N=(d,n)=>{c("selectChange",d,n)},m=(d,n)=>{c("radioChange",d,n)},x=(d,n)=>{c("checkChange",d,n)},B=(d,n)=>{const t=o.model[n].length;if(t===1){c("checkChange",d,n);return}else t>1?(o.model[n].shift(),c("checkChange",d,n)):t<1&&c("checkChange",d,n)},w=(d,n,t)=>{h(d,n,t)},k=(d,n)=>{d&&(n==null?void 0:n.key)==="Enter"&&h(void 0,!0,"submit")},C=(d,n)=>{c("dateChange",d,n)},V=(d,n)=>{console.log(p.value),c("inputBlur",d,n)},R=(d,n)=>{c("inputFocus",d,n)},E=(d,n)=>{c("inputChange",d,n)},l=(d,n)=>{c("inputInput",d,n)},D=d=>{var n;(n=p.value)==null||n.resetFields(d)},a=d=>{var n;(n=p.value)==null||n.clearValidate(d)},s=e.ref(!1),_=()=>{window.innerWidth<768?(console.log("屏幕宽度小于768px"),s.value=!0):s.value=!1};return e.onMounted(()=>{var d;b(),(d=p.value)==null||d.resetFields(),window.addEventListener("resize",_)}),e.onBeforeUnmount(()=>{window.removeEventListener("resize",_)}),e.watch(()=>r.fieldList,(d,n)=>{d!==n&&b()}),{...e.toRefs(o),formRef:p,states:o,formOptions:i,onSubmit:h,selectChange:N,radioChange:m,checkChange:x,handleCheckedChange:B,prefixIcon:S,handleClick:w,handleKeyUp:k,resetFieldsTest:D,clearValidateTest:a,dateChange:C,inputBlur:V,inputFocus:R,inputChange:E,inputInput:l,noFormRule:f,phoneWrap:s}}},tl="",il="",U=(r,c)=>{const f=r.__vccOpts||r;for(const[o,p]of c)f[o]=p;return f},M=r=>(e.pushScopeId("data-v-59132be2"),r=r(),e.popScopeId(),r),F={class:"header-title"},T={class:"title-content"},j={key:0,class:"custom-required"},L={key:0,class:"custom-required"},Y=["src"],q={key:0,class:"custom-required"},W={class:"lable"},H={class:"lable_note"},K={key:0,class:"custom-required"},Q={key:0,class:"custom-required"},P={key:0,class:"custom-required"},Z={key:0,class:"custom-required"},G={key:0,class:"custom-required"},J={key:0,class:"date_to"},X={key:0,class:"custom-required"},u={key:0,class:"custom-required"},$={key:0,class:"custom-required"},v={key:0,class:"phone_item_content_before"},ll=M(()=>e.createElementVNode("div",{class:"line_middle"},"-",-1)),el=M(()=>e.createElementVNode("div",{class:"line_middle"},"-",-1)),ol={key:2,class:"line_middle"},al={key:4,class:"line_middle"},nl=M(()=>e.createElementVNode("div",{class:"line",style:{"border-top":"1px solid #e8e8e8",width:"100%",height:"0px",margin:"39px 0"}},null,-1)),dl={key:0,class:"custom-required"};function sl(r,c,f,o,p,S){const i=e.resolveComponent("el-form-item"),b=e.resolveComponent("el-input"),h=e.resolveComponent("el-col"),N=e.resolveComponent("el-row"),m=e.resolveComponent("el-radio"),x=e.resolveComponent("el-radio-group"),B=e.resolveComponent("el-checkbox"),w=e.resolveComponent("el-checkbox-group"),k=e.resolveComponent("el-option"),C=e.resolveComponent("el-select"),V=e.resolveComponent("el-date-picker"),R=e.resolveComponent("sinosoft-common-button"),E=e.resolveComponent("el-form");return e.openBlock(),e.createBlock(E,e.mergeProps({"hide-required-asterisk":"",onSubmit:c[0]||(c[0]=e.withModifiers(()=>{},["prevent"])),model:f.model},o.formOptions,{"label-position":o.formOptions.labelPosition,ref:"formRef"}),{default:e.withCtx(()=>[e.createVNode(N,{gutter:20},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.fieldList,(l,D)=>e.withDirectives((e.openBlock(),e.createBlock(h,{xs:l.xs?l.xs:24,sm:l.sm?l.sm:24,md:l.md?l.md:8,lg:l.lg?l.lg:8,xl:l.xl?l.xl:8,key:D},{default:e.withCtx(()=>[e.createElementVNode("div",{style:e.normalizeStyle(l.style)},[l.type==="title"?(e.openBlock(),e.createBlock(i,{key:0},{default:e.withCtx(()=>[e.createElementVNode("div",F,[e.createElementVNode("span",T,e.toDisplayString(l.title),1)])]),_:2},1024)):l.type==="name"&&typeof l.field!="string"&&l.field&&"nameEnFamily"in l.field&&l.rules&&"nameEnFamily"in l.rules?(e.openBlock(),e.createBlock(i,{key:1,label:l.label,disabled:(l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly||l.isReadonly)&&!l.openDisabled,class:"container_name"},{label:e.withCtx(()=>[l.slotLabelName?e.renderSlot(r.$slots,l.slotLabelName,{key:1},void 0,!0):(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(l.labelStyle)},[e.createTextVNode(e.toDisplayString(l.label)+" ",1),l.required?(e.openBlock(),e.createElementBlock("span",j,"*")):e.createCommentVNode("",!0)],4))]),default:e.withCtx(()=>[e.createVNode(N,{gutter:20},{default:e.withCtx(()=>[e.createVNode(h,{xs:24,sm:12,md:12,lg:12,xl:12},{default:e.withCtx(()=>[l.field.nameEnFamily?(e.openBlock(),e.createBlock(i,{key:0,rules:l.isHide||o.noFormRule||l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly?[]:l.rules.nameEnFamily,prop:l.field.nameEnFamily,class:"item-name item-name-top"},{default:e.withCtx(()=>[e.createVNode(b,{onBlur:a=>o.inputBlur(a,l.field.nameEnFamily),onFocus:a=>o.inputFocus(a,l.field.nameEnFamily),onChange:a=>o.inputChange(a,l.field.nameEnFamily),onInput:a=>o.inputInput(a,l.field.nameEnFamily),class:e.normalizeClass((l.isReadonly||l.isReadonlyNameEnFamily||o.formOptions.isAllReadonly)&&!l.openDisabled?"readonly":""),maxlength:l.maxlengthNameEnFamily,modelValue:o.states.model[l.field.nameEnFamily],"onUpdate:modelValue":a=>o.states.model[l.field.nameEnFamily]=a,readonly:l.readonly,type:l.type?l.type:"text",placeholder:l.placeholderNameEnFamily,disabled:(l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly||l.isReadonly||l.isReadonlyNameEnFamily)&&!l.openDisabled,onKeyup:e.withKeys(a=>o.handleKeyUp(l.enterable),["enter"])},null,8,["onBlur","onFocus","onChange","onInput","class","maxlength","modelValue","onUpdate:modelValue","readonly","type","placeholder","disabled","onKeyup"])]),_:2},1032,["rules","prop"])):e.createCommentVNode("",!0)]),_:2},1024),e.createVNode(h,{xs:24,sm:12,md:12,lg:12,xl:12},{default:e.withCtx(()=>[l.field.nameEn?(e.openBlock(),e.createBlock(i,{key:0,rules:l.isHide||o.noFormRule||l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly?[]:l.rules.nameEn,prop:l.field.nameEn,class:"item-name item-name-top"},{default:e.withCtx(()=>[e.createVNode(b,{onBlur:a=>o.inputBlur(a,l.field.nameEn),onFocus:a=>o.inputFocus(a,l.field.nameEn),onChange:a=>o.inputChange(a,l.field.nameEn),onInput:a=>o.inputInput(a,l.field.nameEn),maxlength:l.maxlengthNameEn,modelValue:o.states.model[l.field.nameEn],"onUpdate:modelValue":a=>o.states.model[l.field.nameEn]=a,class:e.normalizeClass((l.isReadonly||l.isReadonlyNameEn||o.formOptions.isAllReadonly)&&!l.openDisabled?"readonly":""),readonly:l.readonly,type:l.type?l.type:"text",placeholder:l.placeholderNameEn,disabled:(l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly||l.isReadonly||l.isReadonlyNameEn)&&!l.openDisabled,onKeyup:e.withKeys(a=>o.handleKeyUp(l.enterable),["enter"])},null,8,["onBlur","onFocus","onChange","onInput","maxlength","modelValue","onUpdate:modelValue","class","readonly","type","placeholder","disabled","onKeyup"])]),_:2},1032,["rules","prop"])):e.createCommentVNode("",!0)]),_:2},1024)]),_:2},1024),e.createVNode(N,{gutter:20},{default:e.withCtx(()=>[e.createVNode(h,{xs:24,sm:12,md:12,lg:12,xl:12},{default:e.withCtx(()=>[l.field.nameChFamily?(e.openBlock(),e.createBlock(i,{key:0,rules:l.isHide||o.noFormRule||l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly?[]:l.rules.nameChFamily,prop:l.field.nameChFamily,class:"item-name item-name-bottom"},{default:e.withCtx(()=>[e.createVNode(b,{onBlur:a=>o.inputBlur(a,l.field.nameChFamily),onFocus:a=>o.inputFocus(a,l.field.nameChFamily),onChange:a=>o.inputChange(a,l.field.nameChFamily),onInput:a=>o.inputInput(a,"nameChFamily"in l.field?l.field.nameCh:""),maxlength:l.maxlengthNameChFamily,class:e.normalizeClass((l.isReadonly||l.isReadonlyNameChFamily||o.formOptions.isAllReadonly)&&!l.openDisabled?"readonly":""),modelValue:o.states.model[l.field.nameChFamily],"onUpdate:modelValue":a=>o.states.model[l.field.nameChFamily]=a,readonly:l.readonly,type:l.type?l.type:"text",placeholder:l.placeholderNameChFamily,disabled:(l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly||l.isReadonly||l.isReadonlyNameChFamily)&&!l.openDisabled,onKeyup:e.withKeys(a=>o.handleKeyUp(l.enterable),["enter"])},null,8,["onBlur","onFocus","onChange","onInput","maxlength","class","modelValue","onUpdate:modelValue","readonly","type","placeholder","disabled","onKeyup"])]),_:2},1032,["rules","prop"])):e.createCommentVNode("",!0)]),_:2},1024),e.createVNode(h,{xs:24,sm:12,md:12,lg:12,xl:12},{default:e.withCtx(()=>[l.field.nameCh?(e.openBlock(),e.createBlock(i,{key:0,rules:l.isHide||o.noFormRule||l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly?[]:l.rules.nameCh,prop:l.field.nameCh,class:"item-name item-name-bottom"},{default:e.withCtx(()=>[e.createVNode(b,{onBlur:a=>o.inputBlur(a,l.field.nameCh),onFocus:a=>o.inputFocus(a,l.field.nameCh),onChange:a=>o.inputChange(a,l.field.nameCh),onInput:a=>o.inputInput(a,l.field.nameCh),class:e.normalizeClass((l.isReadonly||l.isReadonlyNameCh||o.formOptions.isAllReadonly)&&!l.openDisabled?"readonly":""),maxlength:l.maxlengthNameCh,modelValue:o.states.model[l.field.nameCh],"onUpdate:modelValue":a=>o.states.model[l.field.nameCh]=a,readonly:l.readonly,type:l.type?l.type:"text",placeholder:l.placeholderNameCh,disabled:(l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly||l.isReadonly||l.isReadonlyNameCh)&&!l.openDisabled,onKeyup:e.withKeys(a=>o.handleKeyUp(l.enterable),["enter"])},null,8,["onBlur","onFocus","onChange","onInput","class","maxlength","modelValue","onUpdate:modelValue","readonly","type","placeholder","disabled","onKeyup"])]),_:2},1032,["rules","prop"])):e.createCommentVNode("",!0)]),_:2},1024)]),_:2},1024)]),_:2},1032,["label","disabled"])):l.type==="gender"&&typeof l.field=="string"?(e.openBlock(),e.createBlock(i,{key:2,label:l.label,rules:l.isHide||o.noFormRule||l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly?[]:l.rules,prop:l.field,class:"radio_row"},{label:e.withCtx(()=>[l.slotLabelName?e.renderSlot(r.$slots,l.slotLabelName,{key:1},void 0,!0):(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(l.labelStyle)},[e.createTextVNode(e.toDisplayString(l.label)+" ",1),l.required?(e.openBlock(),e.createElementBlock("span",L,"*")):e.createCommentVNode("",!0)],4))]),default:e.withCtx(()=>[e.createVNode(x,{modelValue:o.states.model[l.field],"onUpdate:modelValue":a=>o.states.model[l.field]=a,disabled:(l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly||l.isReadonly)&&!l.openDisabled,onChange:a=>o.radioChange(a,l.field)},{default:e.withCtx(()=>{var a;return[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((a=l.options)==null?void 0:a.data,s=>(e.openBlock(),e.createBlock(m,{label:s.code,size:"large",key:s.code},{default:e.withCtx(()=>[e.createElementVNode("img",{src:s.code==="M"?"http://192.168.5.200:9000/test/sex_img_M.png":"http://192.168.5.200:9000/test/sex_img_F.png",style:{width:"44px",height:"44px","margin-bottom":"-15px","margin-left":"4px"},alt:""},null,8,Y)]),_:2},1032,["label"]))),128))]}),_:2},1032,["modelValue","onUpdate:modelValue","disabled","onChange"])]),_:2},1032,["label","rules","prop"])):l.type==="radio"&&typeof l.field=="string"?(e.openBlock(),e.createBlock(i,{key:3,label:l.label,rules:l.isHide||o.noFormRule||l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly?[]:l.rules,prop:l.field,class:e.normalizeClass([l.labelNode?"radio_Note":"rule_err"])},{label:e.withCtx(()=>[l.slotLabelName?e.renderSlot(r.$slots,l.slotLabelName,{key:1},void 0,!0):(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(l.labelStyle)},[e.createTextVNode(e.toDisplayString(l.label)+" ",1),l.required?(e.openBlock(),e.createElementBlock("span",q,"*")):e.createCommentVNode("",!0)],4))]),default:e.withCtx(()=>[e.createVNode(x,{modelValue:o.states.model[l.field],"onUpdate:modelValue":a=>o.states.model[l.field]=a,disabled:(l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly||l.isReadonly)&&!l.openDisabled,onChange:a=>o.radioChange(a,l.field),style:e.normalizeStyle(l.ways==="column"?"display: flex; align-items: flex-start;flex-flow: column nowrap; ":"display: flex; align-items: flex-start;flex-flow: row nowrap; "),class:e.normalizeClass(l.ways!=="column"?"radio_row":"")},{default:e.withCtx(()=>{var a;return[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((a=l.options)==null?void 0:a.data,s=>(e.openBlock(),e.createBlock(m,{size:"large",label:s.code,key:s.code,disabled:s.isDisabled},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.name),1)]),_:2},1032,["label","disabled"]))),128))]}),_:2},1032,["modelValue","onUpdate:modelValue","disabled","onChange","style","class"])]),_:2},1032,["label","rules","prop","class"])):l.type==="radioNote"&&typeof l.field=="string"?(e.openBlock(),e.createBlock(i,{key:4,label:l.label,rules:l.isHide||o.noFormRule||l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly?[]:l.rules,prop:l.field,class:e.normalizeClass([l.labelNode?"radio_Note":"rule_err"])},{default:e.withCtx(()=>[e.createElementVNode("div",null,[e.createElementVNode("span",W,e.toDisplayString(l.labelBefore),1),e.createElementVNode("span",H,e.toDisplayString(l.labelNode),1),l.required?(e.openBlock(),e.createElementBlock("span",K,"*")):e.createCommentVNode("",!0)]),e.createVNode(x,{modelValue:o.states.model[l.field],"onUpdate:modelValue":a=>o.states.model[l.field]=a,disabled:(l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly||l.isReadonly)&&!l.openDisabled,onChange:a=>o.radioChange(a,l.field),style:e.normalizeStyle(l.ways==="column"?"display: flex; align-items: flex-start;flex-flow: column nowrap; ":"display: flex; align-items: flex-start;flex-flow: row nowrap; "),class:e.normalizeClass(l.ways!=="column"?"radio_row":"")},{default:e.withCtx(()=>{var a;return[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((a=l.options)==null?void 0:a.data,s=>(e.openBlock(),e.createBlock(m,{size:"large",label:s.code,key:s.code},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.name),1)]),_:2},1032,["label"]))),128))]}),_:2},1032,["modelValue","onUpdate:modelValue","disabled","onChange","style","class"])]),_:2},1032,["label","rules","prop","class"])):l.type==="checkbox"&&typeof l.field=="string"?(e.openBlock(),e.createBlock(i,{key:5,label:l.label,rules:l.isHide||o.noFormRule||l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly?[]:l.rules,prop:l.field},{label:e.withCtx(()=>[l.slotLabelName?e.renderSlot(r.$slots,l.slotLabelName,{key:1},void 0,!0):(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(l.labelStyle)},[e.createTextVNode(e.toDisplayString(l.label)+" ",1),l.required?(e.openBlock(),e.createElementBlock("span",Q,"*")):e.createCommentVNode("",!0)],4))]),default:e.withCtx(()=>[e.createVNode(w,{modelValue:o.states.model[l.field],"onUpdate:modelValue":a=>o.states.model[l.field]=a,onChange:a=>o.checkChange(a,l.field),disabled:(l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly||l.isReadonly)&&!l.openDisabled,style:e.normalizeStyle(l.ways==="row"?"display: flex; align-items: flex-start;flex-flow: row nowrap; ":"display: flex; align-items: flex-start;flex-flow: column nowrap; ")},{default:e.withCtx(()=>{var a;return[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((a=l.options)==null?void 0:a.data,s=>(e.openBlock(),e.createBlock(B,{key:s.code,label:s.code,disabled:s.isDisabled},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.name),1)]),_:2},1032,["label","disabled"]))),128))]}),_:2},1032,["modelValue","onUpdate:modelValue","onChange","disabled","style"])]),_:2},1032,["label","rules","prop"])):l.type==="checkboxRadio"&&typeof l.field=="string"?(e.openBlock(),e.createBlock(i,{key:6,label:l.label,rules:l.isHide||o.noFormRule||l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly?[]:l.rules,prop:l.field},{label:e.withCtx(()=>[l.slotLabelName?e.renderSlot(r.$slots,l.slotLabelName,{key:1},void 0,!0):(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(l.labelStyle)},[e.createTextVNode(e.toDisplayString(l.label)+" ",1),l.required?(e.openBlock(),e.createElementBlock("span",P,"*")):e.createCommentVNode("",!0)],4))]),default:e.withCtx(()=>[e.createVNode(w,{modelValue:o.states.model[l.field],"onUpdate:modelValue":a=>o.states.model[l.field]=a,onChange:a=>o.handleCheckedChange(a,l.field),disabled:(l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly||l.isReadonly)&&!l.openDisabled,style:e.normalizeStyle(l.ways==="row"?"display: flex; align-items: flex-start;flex-flow: row nowrap; ":"display: flex; align-items: flex-start;flex-flow: column nowrap; ")},{default:e.withCtx(()=>{var a;return[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((a=l.options)==null?void 0:a.data,s=>(e.openBlock(),e.createBlock(B,{key:s.code,label:s.code,disabled:s.isDisabled},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.name),1)]),_:2},1032,["label","disabled"]))),128))]}),_:2},1032,["modelValue","onUpdate:modelValue","onChange","disabled","style"])]),_:2},1032,["label","rules","prop"])):l.type==="select"&&typeof l.field=="string"?(e.openBlock(),e.createBlock(i,{key:7,label:l.label,rules:l.isHide||o.noFormRule||l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly?[]:l.rules,disabled:(l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly||l.isReadonly)&&!l.openDisabled,prop:l.field},{label:e.withCtx(()=>[l.slotLabelName?e.renderSlot(r.$slots,l.slotLabelName,{key:1},void 0,!0):(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(l.labelStyle)},[e.createTextVNode(e.toDisplayString(l.label)+" ",1),l.required?(e.openBlock(),e.createElementBlock("span",Z,"*")):e.createCommentVNode("",!0)],4))]),default:e.withCtx(()=>[e.createVNode(C,{"popper-class":"selectTriangles",teleported:!1,modelValue:o.states.model[l.field],"onUpdate:modelValue":a=>o.states.model[l.field]=a,onChange:a=>o.selectChange(a,l.field),disabled:(l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly||l.isReadonly)&&!l.openDisabled,placeholder:l.placeholder,class:e.normalizeClass((l.isReadonly||o.formOptions.isAllReadonly)&&!l.openDisabled?"selectreadonly":""),clearable:l.clearable,"fit-input-width":!0},{default:e.withCtx(()=>{var a;return[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((a=l.options)==null?void 0:a.data,s=>(e.openBlock(),e.createBlock(k,{key:s.code,label:s.name,value:s.code},null,8,["label","value"]))),128))]}),_:2},1032,["modelValue","onUpdate:modelValue","onChange","disabled","placeholder","class","clearable"]),e.createElementVNode("div",{class:"item_tips_blow",style:e.normalizeStyle(l.tipsBlowStyle)},e.toDisplayString(l.tipsBlow),5)]),_:2},1032,["label","rules","disabled","prop"])):l.type==="date"&&typeof l.field=="string"?(e.openBlock(),e.createBlock(i,{key:8,label:l.label,rules:l.isHide||o.noFormRule||l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly?[]:l.rules,prop:l.field,class:"date_item"},{label:e.withCtx(()=>[l.slotLabelName?e.renderSlot(r.$slots,l.slotLabelName,{key:1},void 0,!0):(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(l.labelStyle)},[e.createTextVNode(e.toDisplayString(l.label)+" ",1),l.required?(e.openBlock(),e.createElementBlock("span",G,"*")):e.createCommentVNode("",!0)],4))]),default:e.withCtx(()=>[e.createVNode(V,{"popper-class":"selectTriangles",teleported:!1,format:"DD/MM/YYYY","value-format":"DD/MM/YYYY","disabled-date":l.disabledDate,onChange:a=>o.dateChange(a,typeof l.field=="string"?l.field:""),"prefix-icon":o.prefixIcon,modelValue:o.states.model[l.field],"onUpdate:modelValue":a=>o.states.model[l.field]=a,disabled:(l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly||l.isReadonly)&&!l.openDisabled,readonly:l.readonly,type:l.type,placeholder:l.placeholder||l.label,class:e.normalizeClass((l.isReadonly||o.formOptions.isAllReadonly)&&!l.openDisabled?"readonly":"")},null,8,["disabled-date","onChange","prefix-icon","modelValue","onUpdate:modelValue","disabled","readonly","type","placeholder","class"]),l.showTo?(e.openBlock(),e.createElementBlock("span",J,e.toDisplayString(l.showTo),1)):e.createCommentVNode("",!0)]),_:2},1032,["label","rules","prop"])):l.type==="daterange"&&typeof l.field=="string"?(e.openBlock(),e.createBlock(i,{key:9,label:l.label,rules:l.isHide||o.noFormRule||l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly?[]:l.rules,prop:l.field},{label:e.withCtx(()=>[l.slotLabelName?e.renderSlot(r.$slots,l.slotLabelName,{key:1},void 0,!0):(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(l.labelStyle)},[e.createTextVNode(e.toDisplayString(l.label)+" ",1),l.required?(e.openBlock(),e.createElementBlock("span",X,"*")):e.createCommentVNode("",!0)],4))]),default:e.withCtx(()=>[e.createVNode(V,{"popper-class":"selectTriangles",teleported:!1,format:"DD/MM/YYYY","value-format":"DD/MM/YYYY","disabled-date":l.disabledDate,onChange:a=>o.dateChange(a,typeof l.field=="string"?l.field:""),modelValue:o.states.model[l.field],"onUpdate:modelValue":a=>o.states.model[l.field]=a,"prefix-icon":o.prefixIcon,type:"daterange","range-separator":"To","start-placeholder":l.startPlaceholder,"end-placeholder":l.endPlaceholder,size:"large",class:e.normalizeClass((l.isReadonly||o.formOptions.isAllReadonly)&&!l.openDisabled?"readonly":"")},null,8,["disabled-date","onChange","modelValue","onUpdate:modelValue","prefix-icon","start-placeholder","end-placeholder","class"])]),_:2},1032,["label","rules","prop"])):l.type==="slotItem"?(e.openBlock(),e.createBlock(i,{key:10,label:l.label,rules:l.isHide||o.noFormRule||l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly?[]:l.rules,prop:l.field,class:"rule_err"},{label:e.withCtx(()=>[l.slotLabelName?e.renderSlot(r.$slots,l.slotLabelName,{key:1},void 0,!0):(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(l.labelStyle)},[e.createTextVNode(e.toDisplayString(l.label)+" ",1),l.required?(e.openBlock(),e.createElementBlock("span",u,"*")):e.createCommentVNode("",!0)],4))]),default:e.withCtx(()=>[e.renderSlot(r.$slots,l.slotItemName,{},void 0,!0)]),_:2},1032,["label","rules","prop"])):l.type==="phone"&&typeof l.field!="string"&&l.field&&"phoneNumber"in l.field&&l.rules&&l.field.phoneNumber&&"phoneNumber"in l.rules?(e.openBlock(),e.createBlock(i,{key:11,label:l.label,rules:l.isHide||o.noFormRule||l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly?[]:l.rules.phoneNumber,prop:l.field.phoneNumber,class:"phone_item"},{label:e.withCtx(()=>[l.slotLabelName?e.renderSlot(r.$slots,l.slotLabelName,{key:1},void 0,!0):(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(l.labelStyle)},[e.createTextVNode(e.toDisplayString(l.label)+" ",1),l.required?(e.openBlock(),e.createElementBlock("span",$,"*")):e.createCommentVNode("",!0)],4))]),default:e.withCtx(()=>{var a,s,_,d;return[e.createElementVNode("div",{class:e.normalizeClass(o.phoneWrap?["phone_item_content","phone_item_content_wrap"]:"phone_item_content")},[o.phoneWrap?(e.openBlock(),e.createElementBlock("div",v,[l.field.nationCode?(e.openBlock(),e.createBlock(C,{key:0,"popper-class":"selectTriangles",teleported:!1,disabled:(l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly||l.isReadonly||l.isReadonlyNation)&&!l.openDisabled,modelValue:o.states.model[l.field.nationCode],"onUpdate:modelValue":n=>o.states.model[l.field.nationCode]=n,placeholder:((a=l.nationOptions)==null?void 0:a.placeholder)||"",class:e.normalizeClass((l.isReadonly||l.isReadonlyNation||o.formOptions.isAllReadonly)&&!l.openDisabled?"selectreadonly":""),style:e.normalizeStyle("width:"+l.widthNation),"fit-input-width":!0},{default:e.withCtx(()=>{var n;return[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((n=l.nationOptions)==null?void 0:n.data,(t,y)=>(e.openBlock(),e.createBlock(k,{label:t.name,value:t.code,key:y},null,8,["label","value"]))),128))]}),_:2},1032,["disabled","modelValue","onUpdate:modelValue","placeholder","class","style"])):e.createCommentVNode("",!0),ll,l.field.areaCode?(e.openBlock(),e.createBlock(C,{key:1,"popper-class":"selectTriangles",teleported:!1,disabled:(l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly||l.isReadonly||l.isReadonlyArea)&&!l.openDisabled,modelValue:o.states.model[l.field.areaCode],"onUpdate:modelValue":n=>o.states.model[l.field.areaCode]=n,placeholder:((s=l.areaOptions)==null?void 0:s.placeholder)||"",class:e.normalizeClass((l.isReadonly||l.isReadonlyArea||o.formOptions.isAllReadonly)&&!l.openDisabled?"selectreadonly":"areaCode_select"),style:e.normalizeStyle("width:"+l.widthArea),"fit-input-width":!0},{default:e.withCtx(()=>{var n;return[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((n=l.areaOptions)==null?void 0:n.data,(t,y)=>(e.openBlock(),e.createBlock(k,{label:t.name,value:t.code,key:y},null,8,["label","value"]))),128))]}),_:2},1032,["disabled","modelValue","onUpdate:modelValue","placeholder","class","style"])):e.createCommentVNode("",!0),el])):e.createCommentVNode("",!0),l.field.nationCode&&!o.phoneWrap?(e.openBlock(),e.createBlock(C,{key:1,"popper-class":"selectTriangles",teleported:!1,disabled:(l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly||l.isReadonly||l.isReadonlyNation)&&!l.openDisabled,modelValue:o.states.model[l.field.nationCode],"onUpdate:modelValue":n=>o.states.model[l.field.nationCode]=n,placeholder:((_=l.nationOptions)==null?void 0:_.placeholder)||"",class:e.normalizeClass((l.isReadonly||l.isReadonlyNation||o.formOptions.isAllReadonly)&&!l.openDisabled?"selectreadonly":""),style:e.normalizeStyle("width:"+l.widthNation),"fit-input-width":!0},{default:e.withCtx(()=>{var n;return[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((n=l.nationOptions)==null?void 0:n.data,(t,y)=>(e.openBlock(),e.createBlock(k,{label:t.name,value:t.code,key:y},null,8,["label","value"]))),128))]}),_:2},1032,["disabled","modelValue","onUpdate:modelValue","placeholder","class","style"])):e.createCommentVNode("",!0),o.phoneWrap?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",ol,"-")),l.field.areaCode&&!o.phoneWrap?(e.openBlock(),e.createBlock(C,{key:3,"popper-class":"selectTriangles",teleported:!1,disabled:(l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly||l.isReadonly||l.isReadonlyArea)&&!l.openDisabled,modelValue:o.states.model[l.field.areaCode],"onUpdate:modelValue":n=>o.states.model[l.field.areaCode]=n,placeholder:((d=l.areaOptions)==null?void 0:d.placeholder)||"",class:e.normalizeClass((l.isReadonly||l.isReadonlyArea||o.formOptions.isAllReadonly)&&!l.openDisabled?"selectreadonly":"areaCode_select"),style:e.normalizeStyle("width:"+l.widthArea),"fit-input-width":!0},{default:e.withCtx(()=>{var n;return[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((n=l.areaOptions)==null?void 0:n.data,(t,y)=>(e.openBlock(),e.createBlock(k,{label:t.name,value:t.code,key:y},null,8,["label","value"]))),128))]}),_:2},1032,["disabled","modelValue","onUpdate:modelValue","placeholder","class","style"])):e.createCommentVNode("",!0),o.phoneWrap?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",al,"-")),l.field.phoneNumber?(e.openBlock(),e.createBlock(b,{key:5,onBlur:n=>o.inputBlur(n,typeof l.field=="string"?l.field:""),onFocus:n=>o.inputFocus(n,typeof l.field=="string"?l.field:""),onChange:n=>o.inputChange(n,typeof l.field=="string"?l.field:""),onInput:n=>o.inputInput(n,typeof l.field=="string"?l.field:""),maxlength:l.maxlength,modelValue:o.states.model[l.field.phoneNumber],"onUpdate:modelValue":n=>o.states.model[l.field.phoneNumber]=n,disabled:(l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly||l.isReadonly||l.isReadonlyPhoneNumber)&&!l.openDisabled,placeholder:l.placeholder||"",class:e.normalizeClass((l.isReadonly||l.isReadonlyPhoneNumber||o.formOptions.isAllReadonly)&&!l.openDisabled?"readonly":""),clearable:l.clearable},null,8,["onBlur","onFocus","onChange","onInput","maxlength","modelValue","onUpdate:modelValue","disabled","placeholder","class","clearable"])):e.createCommentVNode("",!0)],2)]}),_:2},1032,["label","rules","prop"])):l.type==="line"?(e.openBlock(),e.createBlock(i,{key:12,label:l.label},{default:e.withCtx(()=>[nl]),_:2},1032,["label"])):(e.openBlock(),e.createBlock(i,{key:13,rules:l.isHide||o.noFormRule||l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly?[]:l.rules,prop:l.field,class:e.normalizeClass(l.prepend?"input-item":"")},{label:e.withCtx(()=>[l.slotLabelName?e.renderSlot(r.$slots,l.slotLabelName,{key:1},void 0,!0):(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(l.labelStyle)},[e.createTextVNode(e.toDisplayString(l.label)+" ",1),l.required?(e.openBlock(),e.createElementBlock("span",dl,"*")):e.createCommentVNode("",!0)],4))]),default:e.withCtx(()=>[e.createVNode(b,{onBlur:a=>o.inputBlur(a,typeof l.field=="string"?l.field:""),onFocus:a=>o.inputFocus(a,typeof l.field=="string"?l.field:""),onChange:a=>o.inputChange(a,typeof l.field=="string"?l.field:""),onInput:a=>o.inputInput(a,typeof l.field=="string"?l.field:""),maxlength:l.maxlength,modelValue:o.states.model[typeof l.field=="string"?l.field:""],"onUpdate:modelValue":a=>o.states.model[typeof l.field=="string"?l.field:""]=a,"show-word-limit":l.showWordLimit,readonly:l.readonly,type:l.type?l.type:"text",placeholder:l.placeholder||l.label,disabled:(l.disabled||o.formOptions.isAllDisabled||o.formOptions.isAllReadonly||l.isReadonly)&&!l.openDisabled,showPassword:l.showPassword,clearable:l.clearable,class:e.normalizeClass((l.isReadonly||o.formOptions.isAllReadonly)&&!l.openDisabled?"readonly":""),onKeyup:e.withKeys(a=>o.handleKeyUp(l.enterable),["enter"])},e.createSlots({_:2},[l.prepend?{name:"prepend",fn:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.prepend),1)]),key:"0"}:void 0,l.append?{name:"append",fn:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.append),1)]),key:"1"}:void 0]),1032,["onBlur","onFocus","onChange","onInput","maxlength","modelValue","onUpdate:modelValue","show-word-limit","readonly","type","placeholder","disabled","showPassword","clearable","class","onKeyup"])]),_:2},1032,["rules","prop","class"]))],4)]),_:2},1032,["xs","sm","md","lg","xl"])),[[e.vShow,!l.isHide]])),128))]),_:3}),e.createVNode(i,{class:"btnsItem"},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"buttons",{model:f.model,onBtnClick:o.onSubmit},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.formOptions.btnConfig,(l,D)=>(e.openBlock(),e.createElementBlock("div",{key:D},[l.isShow?(e.openBlock(),e.createBlock(R,{key:0,btnCode:l.btnCode,plain:l.plain,primary:l.primary,info:l.info,text:l.text,debounced:l.debounced?l.debounced:!1,link:l.link,loading:l.loading,loadingColor:l.loadingColor,width:l.width,height:l.height,circle:l.circle,color:l.color,bgColor:l.bgColor,borderColor:l.borderColor,borderStyle:l.borderStyle,borderWidth:l.borderWidth,icon:l.icon,size:l.size,fontSize:l.fontSize,fontWeight:l.fontWeight,style:e.normalizeStyle(l.style),class:e.normalizeClass(l.class),onHandleClick:a=>o.handleClick(a,l.isRule,l.emitName)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.name),1)]),_:2},1032,["btnCode","plain","primary","info","text","debounced","link","loading","loadingColor","width","height","circle","color","bgColor","borderColor","borderStyle","borderWidth","icon","size","fontSize","fontWeight","style","class","onHandleClick"])):e.createCommentVNode("",!0)]))),128))],!0)]),_:3})]),_:3},16,["model","label-position"])}const A=U(I,[["render",sl],["__scopeId","data-v-59132be2"]]);function O(r,c={}){O.installed||(O.installed=!0,r.component("common-el-form",A))}return A.install=O,A});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sinosoft-common-form",
-  "version": "1.5.2",
+  "version": "1.5.4",
   "description": "",
   "main": "common-form.es.js",
   "scripts": {

package/style.css

@@ -1 +1 @@
-@charset "UTF-8";[data-v-595279c2] .el-date-editor{height:60px!important;width:100%!important}[data-v-595279c2] .el-form-item{margin-bottom:12px}[data-v-595279c2] .el-input__inner{height:42px;color:#1d1d1d}[data-v-595279c2] .el-card__body{padding:0}[data-v-595279c2] .el-form-item__label{height:auto!important;margin-bottom:4px!important}.form-item-title[data-v-595279c2]{width:100%}[data-v-595279c2] .el-checkbox-group .el-checkbox{display:flex}.rule_err[data-v-595279c2] .el-form-item__content,.radio_Note[data-v-595279c2] .el-form-item__content{display:block}.radio_Note .lable[data-v-595279c2]{font-size:16px;line-height:22px;color:#1d1d1d;font-weight:400;font-family:Roboto Regular}.radio_Note .lable_note[data-v-595279c2]{font-size:16px;line-height:22px;color:#6e6e73;font-weight:400;font-family:Roboto Regular}.container_name[data-v-595279c2]{margin-bottom:0}.container_name[data-v-595279c2] .el-form-item__content{width:calc(100% + 20px)}.container_name .el-row[data-v-595279c2],.container_name .el-row[data-v-595279c2] .el-form-item__content{width:100%}.container_name[data-v-595279c2] .el-form-item__content{align-items:start}.container_name[data-v-595279c2] .el-form-item{margin-bottom:0}.container_name[data-v-595279c2] .el-form-item__error{margin-top:-2px}.container_name .item-name[data-v-595279c2]{width:100%;box-sizing:border-box}.container_name .item-name-top[data-v-595279c2]{margin-bottom:12px;padding-right:0}.container_name .item-name-bottom[data-v-595279c2]{margin-bottom:12px}.container_name[data-v-595279c2] .is-error{margin-bottom:24px}.btnsItem[data-v-595279c2]{width:100%;margin:0 auto;justify-content:right}.btnsItem[data-v-595279c2] .el-form-item__content{justify-content:right}label[data-v-595279c2]{display:block}.title-content[data-v-595279c2]{font-size:22px;line-height:30px;color:#1d1d1d;font-weight:300;font-family:Roboto light}[data-v-595279c2] .el-input__wrapper{height:60px;border-radius:8px;padding:1px 16px}.date_item[data-v-595279c2] .el-form-item__content .date_to{font-size:14px;line-height:22px;color:#1d1d1d;font-weight:400;font-family:Roboto Regular;position:absolute;right:-17.5px;top:18px}.date_item[data-v-595279c2] .el-form-item__error{padding-top:8px!important}.phone_item[data-v-595279c2] .el-form-item__content{display:flex}.phone_item[data-v-595279c2] .el-form-item__content .el-select{width:180.03px}.phone_item[data-v-595279c2] .el-form-item__content .line_middle{margin:0 4px}.phone_item[data-v-595279c2] .el-input__suffix-inner{width:14px;padding-right:3px}.phone_item .phone_item_content[data-v-595279c2]{display:flex;flex-wrap:nowrap;align-items:center;width:100%}.phone_item .phone_item_content .phone_item_content_before[data-v-595279c2]{display:flex;flex-wrap:nowrap;align-items:center;width:100%;margin-bottom:12px}.phone_item .phone_item_content[data-v-595279c2] .readonly .el-input__wrapper{background-color:#f3f3f3!important;box-shadow:0 0 0 1px #c7c8ca inset}.phone_item .phone_item_content[data-v-595279c2] .readonly .el-input__wrapper .el-input__inner{background-color:#f3f3f3!important;font-size:14px;line-height:22px;color:#0b0b0b;font-weight:400;font-family:Roboto Regular;-webkit-text-fill-color:#0b0b0b!important}.phone_item .phone_item_content[data-v-595279c2] .selectreadonly .el-input__wrapper{background-color:#f3f3f3!important;box-shadow:0 0 0 1px #c7c8ca inset}.phone_item .phone_item_content[data-v-595279c2] .selectreadonly .el-input__wrapper .el-input__inner{background-color:#f3f3f3!important;font-size:14px;line-height:22px;color:#0b0b0b;font-weight:400;font-family:Roboto Regular;-webkit-text-fill-color:#0b0b0b!important}.phone_item .phone_item_content[data-v-595279c2] .selectreadonly :deep(.el-input.is-disabled .el-input__inner){-webkit-text-fill-color:#0b0b0b!important}.phone_item .phone_item_content_wrap[data-v-595279c2]{flex-wrap:wrap}.input-item[data-v-595279c2] .el-input-group__prepend{border:1px solid #c7c8ca!important;border-top-left-radius:8px;border-bottom-left-radius:8px;border-right:0px!important;box-shadow:none!important;background-color:unset!important;padding:0 0 0 16px;font-size:14px;line-height:22px;color:#0b0b0b;font-weight:400;font-family:Roboto Regular}.input-item[data-v-595279c2] .el-input__wrapper{border-left:0px!important;border-right:0px!important;box-shadow:none!important;border-radius:0!important;padding-left:8px;padding-right:8px;border-top:1px solid #c7c8ca;border-bottom:1px solid #c7c8ca}.input-item[data-v-595279c2] .el-input-group__append{border:1px solid #c7c8ca!important;border-top-right-radius:8px;border-bottom-right-radius:8px;border-left:0px!important;box-shadow:none!important;background-color:unset!important;padding:0 16px 0 0;font-size:14px;line-height:22px;color:#0b0b0b;font-weight:400;font-family:Roboto Regular}[data-v-595279c2] .is-error .areaCode_select .el-input__wrapper{box-shadow:none!important;border:1px solid #c7c8ca!important}[data-v-595279c2] .el-select{width:100%}[data-v-595279c2] .el-select .el-icon{height:15px}[data-v-595279c2] .el-select .el-icon svg{display:none}[data-v-595279c2] .el-select .el-icon:before{content:"";background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjA3MTYgNC4wMDAwMUgxMS4wNjcxQzEwLjk5ODggNC4wMDAwMSAxMC45MzQ1IDQuMDMzNDkgMTAuODk0NCA0LjA4ODRMNy4wODk0NSA5LjMzMzA0TDMuMjg0NTQgNC4wODg0QzMuMjQ0MzYgNC4wMzM0OSAzLjE4MDA3IDQuMDAwMDEgMy4xMTE3NyA0LjAwMDAxSDIuMTA3M0MyLjAyMDI1IDQuMDAwMDEgMS45NjkzNiA0LjA5OTExIDIuMDIwMjUgNC4xNzAxTDYuNzQyNTcgMTAuNjgwNEM2LjkxNCAxMC45MTYxIDcuMjY0ODkgMTAuOTE2MSA3LjQzNDk4IDEwLjY4MDRMMTIuMTU3MyA0LjE3MDFDMTIuMjA5NSA0LjA5OTExIDEyLjE1ODYgNC4wMDAwMSAxMi4wNzE2IDQuMDAwMDFWNC4wMDAwMVoiIGZpbGw9IiNDN0M4Q0EiLz4KPC9zdmc+Cg==) center center no-repeat;position:absolute;width:15px;height:15px}.custom-required[data-v-595279c2]{content:"*";color:#e2a650;margin-left:4px}.item_tips_blow[data-v-595279c2]{font-size:14px;line-height:22px;color:#00000073;font-weight:400;font-family:Roboto Regular;width:100%;word-wrap:break-word;white-space:normal}[data-v-595279c2] .readonly .el-input-group__prepend,[data-v-595279c2] .readonly .el-input-group__append{background-color:#f3f3f3!important}[data-v-595279c2] .readonly .el-input__wrapper,[data-v-595279c2] .readonly .el-textarea{background-color:#f3f3f3!important;box-shadow:0 0 0 1px #c7c8ca inset}[data-v-595279c2] .readonly .el-input__wrapper .el-input__inner,[data-v-595279c2] .readonly .el-input__wrapper .el-textarea__inner,[data-v-595279c2] .readonly .el-textarea .el-input__inner,[data-v-595279c2] .readonly .el-textarea .el-textarea__inner,[data-v-595279c2] .readonly .el-textarea__inner{background-color:#f3f3f3!important;font-size:14px;line-height:22px;color:#0b0b0b;font-weight:400;font-family:Roboto Regular;-webkit-text-fill-color:#0b0b0b!important}[data-v-595279c2] .selectreadonly .el-input__wrapper{background-color:#f3f3f3!important;box-shadow:0 0 0 1px #c7c8ca inset}[data-v-595279c2] .selectreadonly .el-input__wrapper .el-input__inner{background-color:#f3f3f3!important;font-size:14px;line-height:22px;color:#0b0b0b;font-weight:400;font-family:Roboto Regular;-webkit-text-fill-color:#0b0b0b!important}[data-v-595279c2] .selectreadonly :deep(.el-input.is-disabled .el-input__inner){-webkit-text-fill-color:#0b0b0b!important}[data-v-595279c2] .el-input.is-disabled .el-input__wrapper{background-color:#f3f3f3!important;box-shadow:0 0 0 1px #d9d9d9 inset}[data-v-595279c2] .el-input__wrapper{border:1px solid #c7c8ca;box-shadow:none!important}[data-v-595279c2] .is-error{margin-bottom:28px}[data-v-595279c2] .is-error .el-input__wrapper{border:1px solid #fd3d38;box-shadow:none!important}[data-v-595279c2] .is-error .el-input-group__prepend{border:1px solid #fd3d38!important;border-right:0px!important}[data-v-595279c2] .is-error .el-input-group__append{border:1px solid #fd3d38!important;border-left:0px!important}[data-v-595279c2] .el-form-item__error{padding-top:4px!important}[data-v-595279c2] .el-textarea__inner{border:1px solid #c7c8ca;box-shadow:none}.radio_row .el-radio.el-radio--large[data-v-595279c2]{height:64px;line-height:64px}.selectTriangles .el-popper__arrow:before{display:none!important}.el-popper.is-light{border:none!important}.selectTriangles .el-select-dropdown__list{margin:0!important;border-radius:2px;border:none!important}.selectTriangles .el-select-dropdown__item{min-height:40px!important;line-height:40px;height:auto;white-space:initial}
+@charset "UTF-8";[data-v-59132be2] .el-date-editor{height:60px!important;width:100%!important}[data-v-59132be2] .el-form-item{margin-bottom:12px}[data-v-59132be2] .el-input__inner{height:42px;color:#1d1d1d}[data-v-59132be2] .el-card__body{padding:0}[data-v-59132be2] .el-form-item__label{height:auto!important;margin-bottom:4px!important}.form-item-title[data-v-59132be2]{width:100%}[data-v-59132be2] .el-checkbox-group .el-checkbox{display:flex}.rule_err[data-v-59132be2] .el-form-item__content,.radio_Note[data-v-59132be2] .el-form-item__content{display:block}.radio_Note .lable[data-v-59132be2]{font-size:16px;line-height:22px;color:#1d1d1d;font-weight:400;font-family:Roboto Regular}.radio_Note .lable_note[data-v-59132be2]{font-size:16px;line-height:22px;color:#6e6e73;font-weight:400;font-family:Roboto Regular}.container_name[data-v-59132be2]{margin-bottom:0}.container_name[data-v-59132be2] .el-form-item__content{width:calc(100% + 20px)}.container_name .el-row[data-v-59132be2],.container_name .el-row[data-v-59132be2] .el-form-item__content{width:100%}.container_name[data-v-59132be2] .el-form-item__content{align-items:start}.container_name[data-v-59132be2] .el-form-item{margin-bottom:0}.container_name .item-name[data-v-59132be2]{width:100%;box-sizing:border-box}.container_name .item-name-top[data-v-59132be2]{margin-bottom:12px;padding-right:0}.container_name .item-name-bottom[data-v-59132be2]{margin-bottom:12px}.container_name[data-v-59132be2] .is-error{margin-bottom:24px}.container_name[data-v-59132be2] .el-form-item__error{padding-top:4px!important;font-size:14px;line-height:1;color:#fd3d38;font-weight:400;font-family:Roboto Regular}.btnsItem[data-v-59132be2]{width:100%;margin:0 auto;justify-content:right}.btnsItem[data-v-59132be2] .el-form-item__content{justify-content:right}label[data-v-59132be2]{display:block}.title-content[data-v-59132be2]{font-size:22px;line-height:30px;color:#1d1d1d;font-weight:300;font-family:Roboto light}[data-v-59132be2] .el-input__wrapper{height:60px;border-radius:8px;padding:1px 16px}.date_item[data-v-59132be2] .el-form-item__content .date_to{font-size:14px;line-height:22px;color:#1d1d1d;font-weight:400;font-family:Roboto Regular;position:absolute;right:-17.5px;top:18px}.date_item[data-v-59132be2] .el-form-item__error{padding-top:8px!important}.phone_item[data-v-59132be2] .el-form-item__content{display:flex}.phone_item[data-v-59132be2] .el-form-item__content .el-select{width:180.03px}.phone_item[data-v-59132be2] .el-form-item__content .line_middle{margin:0 4px}.phone_item[data-v-59132be2] .el-input__suffix-inner{width:14px;padding-right:3px}.phone_item .phone_item_content[data-v-59132be2]{display:flex;flex-wrap:nowrap;align-items:center;width:100%}.phone_item .phone_item_content .phone_item_content_before[data-v-59132be2]{display:flex;flex-wrap:nowrap;align-items:center;width:100%;margin-bottom:12px}.phone_item .phone_item_content[data-v-59132be2] .readonly .el-input__wrapper{background-color:#f3f3f3!important;box-shadow:0 0 0 1px #c7c8ca inset}.phone_item .phone_item_content[data-v-59132be2] .readonly .el-input__wrapper .el-input__inner{background-color:#f3f3f3!important;font-size:14px;line-height:22px;color:#0b0b0b;font-weight:400;font-family:Roboto Regular;-webkit-text-fill-color:#0b0b0b!important}.phone_item .phone_item_content[data-v-59132be2] .selectreadonly .el-input__wrapper{background-color:#f3f3f3!important;box-shadow:0 0 0 1px #c7c8ca inset}.phone_item .phone_item_content[data-v-59132be2] .selectreadonly .el-input__wrapper .el-input__inner{background-color:#f3f3f3!important;font-size:14px;line-height:22px;color:#0b0b0b;font-weight:400;font-family:Roboto Regular;-webkit-text-fill-color:#0b0b0b!important}.phone_item .phone_item_content[data-v-59132be2] .selectreadonly :deep(.el-input.is-disabled .el-input__inner){-webkit-text-fill-color:#0b0b0b!important}.phone_item .phone_item_content_wrap[data-v-59132be2]{flex-wrap:wrap}.input-item[data-v-59132be2] .el-input-group__prepend{border:1px solid #c7c8ca!important;border-top-left-radius:8px;border-bottom-left-radius:8px;border-right:0px!important;box-shadow:none!important;background-color:unset!important;padding:0 0 0 16px;font-size:14px;line-height:22px;color:#0b0b0b;font-weight:400;font-family:Roboto Regular}.input-item[data-v-59132be2] .el-input__wrapper{border-left:0px!important;border-right:0px!important;box-shadow:none!important;border-radius:0!important;padding-left:8px;padding-right:8px;border-top:1px solid #c7c8ca;border-bottom:1px solid #c7c8ca}.input-item[data-v-59132be2] .el-input-group__append{border:1px solid #c7c8ca!important;border-top-right-radius:8px;border-bottom-right-radius:8px;border-left:0px!important;box-shadow:none!important;background-color:unset!important;padding:0 16px 0 0;font-size:14px;line-height:22px;color:#0b0b0b;font-weight:400;font-family:Roboto Regular}[data-v-59132be2] .is-error .areaCode_select .el-input__wrapper{box-shadow:none!important;border:1px solid #c7c8ca!important}[data-v-59132be2] .el-select{width:100%}[data-v-59132be2] .el-select .el-icon{height:15px}[data-v-59132be2] .el-select .el-icon svg{display:none}[data-v-59132be2] .el-select .el-icon:before{content:"";background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjA3MTYgNC4wMDAwMUgxMS4wNjcxQzEwLjk5ODggNC4wMDAwMSAxMC45MzQ1IDQuMDMzNDkgMTAuODk0NCA0LjA4ODRMNy4wODk0NSA5LjMzMzA0TDMuMjg0NTQgNC4wODg0QzMuMjQ0MzYgNC4wMzM0OSAzLjE4MDA3IDQuMDAwMDEgMy4xMTE3NyA0LjAwMDAxSDIuMTA3M0MyLjAyMDI1IDQuMDAwMDEgMS45NjkzNiA0LjA5OTExIDIuMDIwMjUgNC4xNzAxTDYuNzQyNTcgMTAuNjgwNEM2LjkxNCAxMC45MTYxIDcuMjY0ODkgMTAuOTE2MSA3LjQzNDk4IDEwLjY4MDRMMTIuMTU3MyA0LjE3MDFDMTIuMjA5NSA0LjA5OTExIDEyLjE1ODYgNC4wMDAwMSAxMi4wNzE2IDQuMDAwMDFWNC4wMDAwMVoiIGZpbGw9IiNDN0M4Q0EiLz4KPC9zdmc+Cg==) center center no-repeat;position:absolute;width:15px;height:15px}.custom-required[data-v-59132be2]{content:"*";color:#e2a650;margin-left:4px}.item_tips_blow[data-v-59132be2]{font-size:14px;line-height:22px;color:#00000073;font-weight:400;font-family:Roboto Regular;width:100%;word-wrap:break-word;white-space:normal}[data-v-59132be2] .readonly .el-input-group__prepend,[data-v-59132be2] .readonly .el-input-group__append{background-color:#f3f3f3!important}[data-v-59132be2] .readonly .el-input__wrapper,[data-v-59132be2] .readonly .el-textarea{background-color:#f3f3f3!important;box-shadow:0 0 0 1px #c7c8ca inset}[data-v-59132be2] .readonly .el-input__wrapper .el-input__inner,[data-v-59132be2] .readonly .el-input__wrapper .el-textarea__inner,[data-v-59132be2] .readonly .el-textarea .el-input__inner,[data-v-59132be2] .readonly .el-textarea .el-textarea__inner,[data-v-59132be2] .readonly .el-textarea__inner{background-color:#f3f3f3!important;font-size:14px;line-height:22px;color:#0b0b0b;font-weight:400;font-family:Roboto Regular;-webkit-text-fill-color:#0b0b0b!important}[data-v-59132be2] .selectreadonly .el-input__wrapper{background-color:#f3f3f3!important;box-shadow:0 0 0 1px #c7c8ca inset}[data-v-59132be2] .selectreadonly .el-input__wrapper .el-input__inner{background-color:#f3f3f3!important;font-size:14px;line-height:22px;color:#0b0b0b;font-weight:400;font-family:Roboto Regular;-webkit-text-fill-color:#0b0b0b!important}[data-v-59132be2] .selectreadonly :deep(.el-input.is-disabled .el-input__inner){-webkit-text-fill-color:#0b0b0b!important}[data-v-59132be2] .el-input.is-disabled .el-input__wrapper{background-color:#f3f3f3!important;box-shadow:0 0 0 1px #d9d9d9 inset}[data-v-59132be2] .el-input__wrapper{border:1px solid #c7c8ca;box-shadow:none!important}[data-v-59132be2] .is-error{margin-bottom:28px}[data-v-59132be2] .is-error .el-input__wrapper{border:1px solid #fd3d38;box-shadow:none!important}[data-v-59132be2] .is-error .el-input-group__prepend{border:1px solid #fd3d38!important;border-right:0px!important}[data-v-59132be2] .is-error .el-input-group__append{border:1px solid #fd3d38!important;border-left:0px!important}[data-v-59132be2] .el-form-item__error{padding-top:4px!important;font-size:14px;line-height:22px;color:#fd3d38;font-weight:400;font-family:Roboto Regular}[data-v-59132be2] .el-textarea__inner{border:1px solid #c7c8ca;box-shadow:none}.radio_row .el-radio.el-radio--large[data-v-59132be2]{height:64px;line-height:64px}.selectTriangles .el-popper__arrow:before{display:none!important}.el-popper.is-light{border:none!important}.selectTriangles .el-select-dropdown__list{margin:0!important;border-radius:2px;border:none!important}.selectTriangles .el-select-dropdown__item{min-height:40px!important;line-height:40px;height:auto;white-space:initial}