sinosoft-common-form 1.0.0 → 1.0.1

package/README.md

@@ -27,3 +27,203 @@ Form 方法
 | 事件名 | 说明                     | 回调参数 |
 |--------|--------------------------|----------|
 | submit | 点击确认按钮拿到表单数据 | model    |
+
+参考用例：
+@/components/index.vue
+<template>
+    <s-form
+      :fieldList="fieldList"
+      :model="model"
+      :options="options"
+      @submit="handleBaseSubmit"
+      @cancel="cancelClick"
+    >
+      <!-- 如果不使用默认的按钮可以使用插槽自定义内容， 插槽返回的model就是当前表单的数据 -->
+      <!-- <template #buttons="{ model }">
+                    <el-button">提交</el-button>
+                </template> -->
+    </s-form>
+  <!-- </el-card> -->
+</template>
+<script lang="ts" setup>
+import { exampleForm } from '../config/form'
+import { ref, reactive } from 'vue'
+import { default as sForm } from '../package/Index.vue'
+
+// 本项目EasyForm组件自动引入，如复制此代码，需根据路径引入Form组件后使用
+const fieldList: Form.FieldItem[] = exampleForm.baseForExample
+// 按钮配置
+const options = reactive({
+  showButtonText: true,
+  showResetButton: true,
+  showCancelButton: true,
+  submitButtonText: '提交',
+  resetButtonText: '重置',
+  cancelButtonText: '取消',
+})
+const model = ref<Record<string, any>>({
+  // 地址项字段
+  addressStreet: '', 
+  addressHouse: '', 
+  addressMansion: '',
+  block: '',
+  floor: '',
+  flat: '',
+  addressLang: '1',
+  addressNation:'',
+  addressCity:'',
+  addressArea:'',
+  addressAreaC:'',
+  // 姓名项字段 
+  nameEnFamily: '',
+  nameEn: '', 
+  nameChFamily: '', 
+  nameCh: '',
+  // 单选字段
+  radioValue: '',
+  // 性别字段
+  gender: 1,
+  // 多选字段
+  hobbies: [1],
+  // 下拉字段
+  job: 3,
+  // 密码字段
+  password:'',
+  // 只读字段
+  readonly: '只读输入框',
+  // 日期字段
+  date: new Date(2000, 1, 1, 12, 0, 0),
+  // 留言板字段
+  summary: 'lalalallallaa'
+})
+/**
+     * 注意： model数据模型非必填项，如果仅仅是用于数据收集，model参数可以不用填，表单的submit事件会返回所有搜集的数据对象
+     *       如果是编辑的情况下，页面需要回显数据，则model数据模型必须要填写
+     */
+const handleBaseSubmit = (model: Record<string, any>) => {
+  console.log(model)
+}
+const cancelClick = () => {
+  console.log('cancleClick')
+}
+</script>
+<style lang="scss" scoped></style>
+
+配置文件:
+@/config/form.ts
+
+// 表单各项配置示例
+export const exampleForm = {
+  <!-- 基本表单实例 -->
+  baseForExample: [
+    <!-- 标题栏 -->
+    { type: 'title', title: '地址'},
+    <!-- 地址项配置 -->
+    { 
+      type: 'address',  //表单选项类型
+      disabled: false , //是否可编辑
+      rules: [{ required: false, message: 'name is required' }], //校验规则
+      field:{  //定义v-model绑定字段
+        addressStreet: 'addressStreet', 
+        addressHouse: 'addressHouse', 
+        addressMansion: 'addressMansion',
+        block: 'block',
+        floor: 'floor',
+        flat: 'flat',
+        addressLang: 'addressLang',
+        addressNation: 'addressNation',
+        addressCity: 'addressCity',
+        addressArea: 'addressArea',
+        addressAreaC: 'addressAreaC',
+      },
+      optionsLang: { //语言下拉选项
+        data: [
+          { label: '中文地址', value: '1' },
+          { label: '英文地址', value: '2' }]
+      },
+      optionsSelectNation: { //国家下拉选项
+        data: [{ label: '國家', value: 1 }, { label: '國家1', value: 2 }, { label: '國家2', value: 3 }] 
+      }, 
+      optionsSelectCity: { //城市下拉选项
+        data: [{ label: '城市', value: 1 }, { label: '城市1', value: 2 }, { label: '城市2', value: 3 }] 
+      }, 
+      optionsSelectArea: { //区域下拉选项
+        data: [{ label: '區域', value: 1 }, { label: '區域1', value: 2 }, { label: '區域2', value: 3 }]
+      }, 
+      optionsSelectAreaC: { //子区域下拉选项
+        data: [{ label: '子地區', value: 1 }, { label: '子地區1', value: 2 }, { label: '子地區2', value: 3 }] 
+      }, 
+    },
+    <!-- 姓名项配置 -->
+    { label: '姓名',
+      type: 'name', //表单选项类型
+      disabled: false , //是否可编辑
+      rules: [{ required: true, message: 'name is required' }] ,//校验规则
+      placeholderNameChFamily: '請輸入中文姓',
+      placeholderNameEnFamily: '請輸入英文姓',
+      placeholderNameEn: '請輸入英文名',
+      placeholderNameCh: '請輸入中文名',
+      field: { //定义v-model绑定字段
+        nameEnFamily: 'nameEnFamily',
+        nameEn: 'nameEn', 
+        nameChFamily: 'nameChFamily', 
+        nameCh: 'nameCh'
+      },
+    },
+    <!-- 单选配置 -->
+    { label: '单选', 
+      field: {'radioValue': 'radioValue'}, 
+      type: 'radio', 
+      options: { data: [{ label: '男', value: 1 }, { label: '女', value: 0 }] } 
+    },
+    <!-- 性别配置 -->
+    { label: '性别', 
+      field: {'radioValue': 'gender'}, 
+      type: 'gender', 
+      options: { data: [{ label: '男', value: 1 }, { label: '女', value: 0 }] } 
+    },
+    <!-- 日期配置 -->
+    { label: '日期', 
+      field: {date: 'date'}, 
+      type: 'datetime', 
+      placeholder: '请选择日期' 
+    }, 
+    <!-- 多选配置 -->
+    { label: '多选',
+      field: {checkboxValue: 'hobbies'}, 
+      type: 'checkbox', 
+      ways: 'row', //column or row
+      options: { data: [{ label: '吃饭', value: 1 }, { label: '睡觉', value: 2 }, { label: '写代码', value: 3 }] } 
+    },
+    <!-- 下拉框配置 -->
+    { label: '下拉', 
+      field: {selectValue:'job'}, 
+      type: 'select',
+      options: { data: [{ label: '吃饭', value: 1 }, { label: '睡觉', value: 2 }, { label: '写代码', value: 3 }] } 
+    },
+    <!-- 密码输入框配置 -->
+    { label: '密码', 
+      field: 'password', 
+      type: 'password', 
+      placeholder: '这是一个密码输入框' 
+    },
+    <!-- 只读输入框配置 -->
+    { label: '只读', 
+      field: 'readonly', 
+      readonly: true, 
+      placeholder: '这是一个只读输入框' 
+    },
+    <!-- 日期配置 -->
+    { label: '日期', 
+      field: {date: 'date'}, 
+      type: 'datetime', 
+      placeholder: '请选择日期' 
+    },
+    <!-- 留言板配置 -->
+    { label: '留言板', 
+      field: 'summary', 
+      type: 'textarea', 
+      placeholder: '留言板' 
+    }
+  ],
+} as Record<string, Form.FieldItem[]>

package/common-form.es.js

@@ -1,5 +1,11 @@
-import { defineComponent as A, ref as $, computed as G, resolveComponent as s, openBlock as o, createBlock as r, mergeProps as J, withModifiers as Q, unref as k, withCtx as a, createElementBlock as x, Fragment as w, renderList as B, createVNode as i, createTextVNode as V, toDisplayString as m, withKeys as W, renderSlot as X, createCommentVNode as L } from "vue";
-const R = /* @__PURE__ */ A({
+import { defineComponent as X, ref as D, computed as Z, resolveComponent as x, openBlock as d, createBlock as u, withCtx as n, createVNode as r, mergeProps as ee, withModifiers as le, unref as $, createElementBlock as _, Fragment as C, renderList as P, normalizeClass as ae, createElementVNode as I, toDisplayString as N, createTextVNode as w, withKeys as V, createCommentVNode as E, normalizeStyle as oe, renderSlot as de, pushScopeId as ne, popScopeId as re } from "vue";
+const se = (U) => (ne("data-v-999098b8"), U = U(), re(), U), ue = { class: "header-title" }, pe = /* @__PURE__ */ se(() => /* @__PURE__ */ I("span", { class: "title-left" }, null, -1)), te = { class: "title-content" }, ce = { class: "item-address" }, ye = {
+  key: 0,
+  class: "item-address"
+}, be = {
+  key: 1,
+  class: "item-address"
+}, fe = ["src"], ve = /* @__PURE__ */ X({
   __name: "Index",
   props: {
     fieldList: null,
@@ -7,241 +13,621 @@ const R = /* @__PURE__ */ A({
     options: null
   },
   emits: ["submit", "reset", "cancel"],
-  setup(h, { expose: K, emit: C }) {
-    const _ = h, n = $({}), y = $(), v = G(() => Object.assign({
-      labelPosition: "right",
-      disabled: !1,
-      submitButtonText: "提交",
-      resetButtonText: "重置",
-      cancelButtonText: "取消"
-    }, _ == null ? void 0 : _.options));
-    K({
-      formRef: y
-    }), _.fieldList.map((t) => {
-      const u = t.type === "checkbox" ? [] : "";
-      _.model ? n.value = _.model : n.value[t.field] = t.value || u;
+  setup(U, { expose: T, emit: F }) {
+    const K = U, a = D({}), A = D(), S = Z(() => Object.assign({
+      labelPosition: "top",
+      disabled: !1
+      // showButtonText: true,
+      // showResetButton: true,
+      // submitButtonText: '提交',
+      // resetButtonText: '重置',
+      // cancelButtonText: '取消'
+    }, K == null ? void 0 : K.options));
+    console.log(
+      K == null ? void 0 : K.options,
+      "_oppppppppppp0ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp",
+      S
+    ), T({
+      formRef: A
+    }), K.fieldList.map((t) => {
+      const k = t.type === "checkbox" ? [] : "";
+      K.model ? a.value = K.model : a.value[t.field] = t.value || k;
     });
-    const T = (t) => {
-      t && t.validate((u) => {
-        if (u)
-          C("submit", n.value);
+    const Y = (t) => {
+      t && t.validate((k) => {
+        if (k)
+          F("submit", a.value);
         else
           return !1;
       });
-    }, S = (t) => {
-      t && T(y.value);
-    }, Y = (t) => {
+    }, y = (t) => {
+      t && Y(A.value);
+    }, O = (t) => {
       t && t.resetFields();
     };
-    return (t, u) => {
-      const D = s("el-radio"), F = s("el-radio-group"), b = s("el-form-item"), M = s("el-checkbox"), N = s("el-checkbox-group"), H = s("el-option"), j = s("el-select"), z = s("el-date-picker"), I = s("el-input"), U = s("el-button"), O = s("el-form");
-      return o(), r(O, J({
-        onSubmit: u[3] || (u[3] = Q(() => {
-        }, ["prevent"])),
-        model: n.value
-      }, k(v), {
-        ref_key: "formRef",
-        ref: y
-      }), {
-        default: a(() => [
-          (o(!0), x(w, null, B(h.fieldList, (e, q) => (o(), r(b, { key: q }, {
-            default: a(() => [
-              e.type === "radio" ? (o(), r(b, {
-                key: 0,
-                label: e.label,
-                rules: e.rules,
-                prop: [e.field]
-              }, {
-                default: a(() => [
-                  i(F, {
-                    modelValue: n.value[e.field],
-                    "onUpdate:modelValue": (l) => n.value[e.field] = l,
-                    disabled: e.disabled
-                  }, {
-                    default: a(() => {
-                      var l;
-                      return [
-                        (o(!0), x(w, null, B((l = e.options) == null ? void 0 : l.data, (d) => {
-                          var p, c;
-                          return o(), r(D, {
-                            label: d[((p = e.options) == null ? void 0 : p.valueKey) || "value"],
-                            size: "large",
-                            key: d[((c = e.options) == null ? void 0 : c.valueKey) || "value"]
-                          }, {
-                            default: a(() => {
-                              var f;
-                              return [
-                                V(m(d[((f = e.options) == null ? void 0 : f.labelkey) || "label"]), 1)
-                              ];
-                            }),
-                            _: 2
-                          }, 1032, ["label"]);
-                        }), 128))
-                      ];
-                    }),
-                    _: 2
-                  }, 1032, ["modelValue", "onUpdate:modelValue", "disabled"])
-                ]),
-                _: 2
-              }, 1032, ["label", "rules", "prop"])) : e.type === "checkbox" ? (o(), r(b, {
-                key: 1,
-                label: e.label,
-                rules: e.rules,
-                prop: [e.field]
-              }, {
-                default: a(() => [
-                  i(N, {
-                    modelValue: n.value[e.field],
-                    "onUpdate:modelValue": (l) => n.value[e.field] = l,
-                    disabled: e.disabled
-                  }, {
-                    default: a(() => {
-                      var l;
-                      return [
-                        (o(!0), x(w, null, B((l = e.options) == null ? void 0 : l.data, (d) => {
-                          var p, c;
-                          return o(), r(M, {
-                            key: d[((p = e.options) == null ? void 0 : p.valueKey) || "value"],
-                            label: d[((c = e.options) == null ? void 0 : c.valueKey) || "value"]
-                          }, {
-                            default: a(() => {
-                              var f;
-                              return [
-                                V(m(d[((f = e.options) == null ? void 0 : f.labelkey) || "label"]), 1)
-                              ];
-                            }),
-                            _: 2
-                          }, 1032, ["label"]);
-                        }), 128))
-                      ];
-                    }),
-                    _: 2
-                  }, 1032, ["modelValue", "onUpdate:modelValue", "disabled"])
-                ]),
-                _: 2
-              }, 1032, ["label", "rules", "prop"])) : e.type === "select" ? (o(), r(b, {
-                key: 2,
-                label: e.label,
-                rules: e.rules,
-                prop: [e.field]
-              }, {
-                default: a(() => {
-                  var l;
-                  return [
-                    i(j, {
-                      modelValue: n.value[e.field],
-                      "onUpdate:modelValue": (d) => n.value[e.field] = d,
-                      placeholder: ((l = e.options) == null ? void 0 : l.placeholder) || "请选择",
-                      clearable: e.clearable
+    return (t, k) => {
+      const g = x("el-form-item"), z = x("el-button"), M = x("el-radio"), H = x("el-radio-group"), L = x("el-option"), B = x("el-select"), b = x("el-input"), j = x("el-checkbox"), q = x("el-checkbox-group"), G = x("el-date-picker"), J = x("el-form"), Q = x("el-card");
+      return d(), u(Q, { class: "mb-5" }, {
+        default: n(() => [
+          r(J, ee({
+            onSubmit: k[3] || (k[3] = le(() => {
+            }, ["prevent"])),
+            model: a.value
+          }, $(S), {
+            "label-position": $(S).labelPosition,
+            ref_key: "formRef",
+            ref: A
+          }), {
+            default: n(() => [
+              (d(!0), _(C, null, P(U.fieldList, (e, W) => (d(), _("div", {
+                key: W,
+                class: ae(
+                  e.type === "title" || e.type === "address" ? "form-item-title" : "form-item"
+                )
+              }, [
+                e.type === "title" ? (d(), u(g, { key: 0 }, {
+                  default: n(() => [
+                    I("div", ue, [
+                      pe,
+                      I("span", te, N(e.title), 1)
+                    ])
+                  ]),
+                  _: 2
+                }, 1024)) : e.type === "address" ? (d(), u(g, {
+                  key: 1,
+                  rules: e.rules,
+                  prop: [e.field],
+                  class: "container-address"
+                }, {
+                  default: n(() => {
+                    var o, p, c, f;
+                    return [
+                      r(z, {
+                        style: { "margin-bottom": "20px", "margin-right": "60px" },
+                        onClick: t.downLoad
+                      }, {
+                        default: n(() => [
+                          w(" 載入已有地址 ")
+                        ]),
+                        _: 1
+                      }, 8, ["onClick"]),
+                      r(H, {
+                        style: { "margin-bottom": "20px" },
+                        modelValue: a.value[e.field.addressLang],
+                        "onUpdate:modelValue": (l) => a.value[e.field.addressLang] = l,
+                        disabled: e.disabled
+                      }, {
+                        default: n(() => {
+                          var l;
+                          return [
+                            (d(!0), _(C, null, P((l = e.optionsLang) == null ? void 0 : l.data, (s) => {
+                              var v, h;
+                              return d(), u(M, {
+                                label: s[((v = e.optionsLang) == null ? void 0 : v.valueKey) || "value"],
+                                size: "large",
+                                key: s[((h = e.optionsLang) == null ? void 0 : h.valueKey) || "value"]
+                              }, {
+                                default: n(() => {
+                                  var i;
+                                  return [
+                                    w(N(s[((i = e.optionsLang) == null ? void 0 : i.labelkey) || "label"]), 1)
+                                  ];
+                                }),
+                                _: 2
+                              }, 1032, ["label"]);
+                            }), 128))
+                          ];
+                        }),
+                        _: 2
+                      }, 1032, ["modelValue", "onUpdate:modelValue", "disabled"]),
+                      I("div", ce, [
+                        r(B, {
+                          style: { "margin-right": "40px", width: "20%" },
+                          modelValue: a.value[e.field.addressNation],
+                          "onUpdate:modelValue": (l) => a.value[e.field.addressNation] = l,
+                          placeholder: ((o = e.optionsSelectNation) == null ? void 0 : o.placeholder) || "请选择",
+                          clearable: e.clearable
+                        }, {
+                          default: n(() => {
+                            var l;
+                            return [
+                              (d(!0), _(C, null, P((l = e.optionsSelectNation) == null ? void 0 : l.data, (s) => {
+                                var v, h, i;
+                                return d(), u(L, {
+                                  key: s[((v = e.optionsSelectNation) == null ? void 0 : v.valueKey) || "value"],
+                                  label: s[((h = e.optionsSelectNation) == null ? void 0 : h.labelkey) || "label"],
+                                  value: s[((i = e.optionsSelectNation) == null ? void 0 : i.valueKey) || "value"]
+                                }, null, 8, ["label", "value"]);
+                              }), 128))
+                            ];
+                          }),
+                          _: 2
+                        }, 1032, ["modelValue", "onUpdate:modelValue", "placeholder", "clearable"]),
+                        r(B, {
+                          style: { "margin-right": "40px", width: "20%" },
+                          modelValue: a.value[e.field.addressCity],
+                          "onUpdate:modelValue": (l) => a.value[e.field.addressCity] = l,
+                          placeholder: ((p = e.optionsSelectCity) == null ? void 0 : p.placeholder) || "请选择",
+                          clearable: e.clearable
+                        }, {
+                          default: n(() => {
+                            var l;
+                            return [
+                              (d(!0), _(C, null, P((l = e.optionsSelectCity) == null ? void 0 : l.data, (s) => {
+                                var v, h, i;
+                                return d(), u(L, {
+                                  key: s[((v = e.optionsSelectCity) == null ? void 0 : v.valueKey) || "value"],
+                                  label: s[((h = e.optionsSelectCity) == null ? void 0 : h.labelkey) || "label"],
+                                  value: s[((i = e.optionsSelectCity) == null ? void 0 : i.valueKey) || "value"]
+                                }, null, 8, ["label", "value"]);
+                              }), 128))
+                            ];
+                          }),
+                          _: 2
+                        }, 1032, ["modelValue", "onUpdate:modelValue", "placeholder", "clearable"]),
+                        r(B, {
+                          style: { "margin-right": "40px", width: "20%" },
+                          modelValue: a.value[e.field.addressArea],
+                          "onUpdate:modelValue": (l) => a.value[e.field.addressArea] = l,
+                          placeholder: ((c = e.optionsSelectArea) == null ? void 0 : c.placeholder) || "请选择",
+                          clearable: e.clearable
+                        }, {
+                          default: n(() => {
+                            var l;
+                            return [
+                              (d(!0), _(C, null, P((l = e.optionsSelectArea) == null ? void 0 : l.data, (s) => {
+                                var v, h, i;
+                                return d(), u(L, {
+                                  key: s[((v = e.optionsSelectArea) == null ? void 0 : v.valueKey) || "value"],
+                                  label: s[((h = e.optionsSelectArea) == null ? void 0 : h.labelkey) || "label"],
+                                  value: s[((i = e.optionsSelectArea) == null ? void 0 : i.valueKey) || "value"]
+                                }, null, 8, ["label", "value"]);
+                              }), 128))
+                            ];
+                          }),
+                          _: 2
+                        }, 1032, ["modelValue", "onUpdate:modelValue", "placeholder", "clearable"]),
+                        r(B, {
+                          style: { "margin-right": "40px", width: "20%" },
+                          modelValue: a.value[e.field.addressAreaC],
+                          "onUpdate:modelValue": (l) => a.value[e.field.addressAreaC] = l,
+                          placeholder: ((f = e.optionsSelectAreaC) == null ? void 0 : f.placeholder) || "请选择",
+                          clearable: e.clearable
+                        }, {
+                          default: n(() => {
+                            var l;
+                            return [
+                              (d(!0), _(C, null, P((l = e.optionsSelectAreaC) == null ? void 0 : l.data, (s) => {
+                                var v, h, i;
+                                return d(), u(L, {
+                                  key: s[((v = e.optionsSelectAreaC) == null ? void 0 : v.valueKey) || "value"],
+                                  label: s[((h = e.optionsSelectAreaC) == null ? void 0 : h.labelkey) || "label"],
+                                  value: s[((i = e.optionsSelectAreaC) == null ? void 0 : i.valueKey) || "value"]
+                                }, null, 8, ["label", "value"]);
+                              }), 128))
+                            ];
+                          }),
+                          _: 2
+                        }, 1032, ["modelValue", "onUpdate:modelValue", "placeholder", "clearable"])
+                      ]),
+                      r(b, {
+                        class: "item-address",
+                        modelValue: a.value[e.field.addressStreet],
+                        "onUpdate:modelValue": (l) => a.value[e.field.addressStreet] = l,
+                        readonly: e.readonly,
+                        type: e.type ?? "text",
+                        placeholder: "输入街道名称和编号",
+                        disabled: e.disabled,
+                        showPassword: e.showPassword,
+                        clearable: e.clearable,
+                        onKeyup: V((l) => y(e.enterable), ["enter"])
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "readonly", "type", "disabled", "showPassword", "clearable", "onKeyup"]),
+                      r(b, {
+                        class: "item-address",
+                        modelValue: a.value[e.field.addressHouse],
+                        "onUpdate:modelValue": (l) => a.value[e.field.addressHouse] = l,
+                        readonly: e.readonly,
+                        type: e.type ?? "text",
+                        placeholder: "屋院名稱",
+                        disabled: e.disabled,
+                        showPassword: e.showPassword,
+                        clearable: e.clearable,
+                        onKeyup: V((l) => y(e.enterable), ["enter"])
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "readonly", "type", "disabled", "showPassword", "clearable", "onKeyup"]),
+                      r(b, {
+                        class: "item-address",
+                        modelValue: a.value[e.field.addressMansion],
+                        "onUpdate:modelValue": (l) => a.value[e.field.addressMansion] = l,
+                        readonly: e.readonly,
+                        type: e.type ?? "text",
+                        placeholder: "大廈名稱",
+                        disabled: e.disabled,
+                        showPassword: e.showPassword,
+                        clearable: e.clearable,
+                        onKeyup: V((l) => y(e.enterable), ["enter"])
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "readonly", "type", "disabled", "showPassword", "clearable", "onKeyup"]),
+                      a.value.addressLang == "1" ? (d(), _("div", ye, [
+                        r(b, {
+                          style: { width: "24%" },
+                          modelValue: a.value[e.field.block],
+                          "onUpdate:modelValue": (l) => a.value[e.field.block] = l,
+                          readonly: e.readonly,
+                          type: e.type ?? "text",
+                          placeholder: "請輸入英文姓",
+                          disabled: e.disabled,
+                          showPassword: e.showPassword,
+                          clearable: e.clearable,
+                          onKeyup: V((l) => y(e.enterable), ["enter"])
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "readonly", "type", "disabled", "showPassword", "clearable", "onKeyup"]),
+                        w("   座      "),
+                        r(b, {
+                          style: { width: "24%", "margin-left": "60px" },
+                          modelValue: a.value[e.field.floor],
+                          "onUpdate:modelValue": (l) => a.value[e.field.floor] = l,
+                          readonly: e.readonly,
+                          type: e.type ?? "text",
+                          placeholder: "請輸入英文姓",
+                          disabled: e.disabled,
+                          showPassword: e.showPassword,
+                          clearable: e.clearable,
+                          onKeyup: V((l) => y(e.enterable), ["enter"])
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "readonly", "type", "disabled", "showPassword", "clearable", "onKeyup"]),
+                        w("  樓      "),
+                        r(b, {
+                          style: { width: "24%", "margin-left": "60px" },
+                          modelValue: a.value[e.field.flat],
+                          "onUpdate:modelValue": (l) => a.value[e.field.flat] = l,
+                          readonly: e.readonly,
+                          type: e.type ?? "text",
+                          placeholder: "請輸入英文姓",
+                          disabled: e.disabled,
+                          showPassword: e.showPassword,
+                          clearable: e.clearable,
+                          onKeyup: V((l) => y(e.enterable), ["enter"])
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "readonly", "type", "disabled", "showPassword", "clearable", "onKeyup"]),
+                        w("  室      ")
+                      ])) : E("", !0),
+                      a.value.addressLang == "2" ? (d(), _("div", be, [
+                        r(b, {
+                          style: { width: "24%" },
+                          modelValue: a.value[e.field.block],
+                          "onUpdate:modelValue": (l) => a.value[e.field.block] = l,
+                          readonly: e.readonly,
+                          type: e.type ?? "text",
+                          placeholder: "請輸入英文姓",
+                          disabled: e.disabled,
+                          showPassword: e.showPassword,
+                          clearable: e.clearable,
+                          onKeyup: V((l) => y(e.enterable), ["enter"])
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "readonly", "type", "disabled", "showPassword", "clearable", "onKeyup"]),
+                        w("   Block "),
+                        r(b, {
+                          style: { width: "24%", "margin-left": "60px" },
+                          modelValue: a.value[e.field.floor],
+                          "onUpdate:modelValue": (l) => a.value[e.field.floor] = l,
+                          readonly: e.readonly,
+                          type: e.type ?? "text",
+                          placeholder: "請輸入英文姓",
+                          disabled: e.disabled,
+                          showPassword: e.showPassword,
+                          clearable: e.clearable,
+                          onKeyup: V((l) => y(e.enterable), ["enter"])
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "readonly", "type", "disabled", "showPassword", "clearable", "onKeyup"]),
+                        w("  Floor "),
+                        r(b, {
+                          style: { width: "24%", "margin-left": "60px" },
+                          modelValue: a.value[e.field.flat],
+                          "onUpdate:modelValue": (l) => a.value[e.field.flat] = l,
+                          readonly: e.readonly,
+                          type: e.type ?? "text",
+                          placeholder: "請輸入英文姓",
+                          disabled: e.disabled,
+                          showPassword: e.showPassword,
+                          clearable: e.clearable,
+                          onKeyup: V((l) => y(e.enterable), ["enter"])
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "readonly", "type", "disabled", "showPassword", "clearable", "onKeyup"]),
+                        w("  Flat ")
+                      ])) : E("", !0)
+                    ];
+                  }),
+                  _: 2
+                }, 1032, ["rules", "prop"])) : e.type === "name" ? (d(), u(g, {
+                  key: 2,
+                  label: e.label,
+                  rules: e.rules,
+                  prop: [e.field.nameEnFamily] && [e.field.nameEn] && [
+                    e.field.nameCh
+                  ] && [e.field.nameChFamily],
+                  class: "container"
+                }, {
+                  default: n(() => [
+                    r(b, {
+                      class: "item-name",
+                      modelValue: a.value[e.field.nameEnFamily],
+                      "onUpdate:modelValue": (o) => a.value[e.field.nameEnFamily] = o,
+                      readonly: e.readonly,
+                      type: e.type ?? "text",
+                      placeholder: e.placeholderNameEnFamily,
+                      disabled: e.disabled,
+                      onKeyup: V((o) => y(e.enterable), ["enter"])
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "readonly", "type", "placeholder", "disabled", "onKeyup"]),
+                    r(b, {
+                      class: "item-name",
+                      modelValue: a.value[e.field.nameChFamily],
+                      "onUpdate:modelValue": (o) => a.value[e.field.nameChFamily] = o,
+                      readonly: e.readonly,
+                      type: e.type ?? "text",
+                      placeholder: e.placeholderNameChFamily,
+                      disabled: e.disabled,
+                      onKeyup: V((o) => y(e.enterable), ["enter"])
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "readonly", "type", "placeholder", "disabled", "onKeyup"]),
+                    r(b, {
+                      class: "item-name",
+                      modelValue: a.value[e.field.nameEn],
+                      "onUpdate:modelValue": (o) => a.value[e.field.nameEn] = o,
+                      readonly: e.readonly,
+                      type: e.type ?? "text",
+                      placeholder: e.placeholderNameEn,
+                      disabled: e.disabled,
+                      onKeyup: V((o) => y(e.enterable), ["enter"])
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "readonly", "type", "placeholder", "disabled", "onKeyup"]),
+                    r(b, {
+                      class: "item-name",
+                      modelValue: a.value[e.field.nameCh],
+                      "onUpdate:modelValue": (o) => a.value[e.field.nameCh] = o,
+                      readonly: e.readonly,
+                      type: e.type ?? "text",
+                      placeholder: e.placeholderNameCh,
+                      disabled: e.disabled,
+                      onKeyup: V((o) => y(e.enterable), ["enter"])
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "readonly", "type", "placeholder", "disabled", "onKeyup"])
+                  ]),
+                  _: 2
+                }, 1032, ["label", "rules", "prop"])) : e.type === "gender" ? (d(), u(g, {
+                  key: 3,
+                  label: e.label,
+                  rules: e.rules,
+                  prop: [e.field.radioValue]
+                }, {
+                  default: n(() => [
+                    r(H, {
+                      modelValue: a.value[e.field.radioValue],
+                      "onUpdate:modelValue": (o) => a.value[e.field.radioValue] = o,
+                      disabled: e.disabled
                     }, {
-                      default: a(() => {
-                        var d;
+                      default: n(() => {
+                        var o;
                         return [
-                          (o(!0), x(w, null, B((d = e.options) == null ? void 0 : d.data, (p) => {
-                            var c, f, P;
-                            return o(), r(H, {
-                              key: p[((c = e.options) == null ? void 0 : c.valueKey) || "value"],
-                              label: p[((f = e.options) == null ? void 0 : f.labelkey) || "label"],
-                              value: p[((P = e.options) == null ? void 0 : P.valueKey) || "value"]
-                            }, null, 8, ["label", "value"]);
+                          (d(!0), _(C, null, P((o = e.options) == null ? void 0 : o.data, (p) => {
+                            var c, f;
+                            return d(), u(M, {
+                              label: p[((c = e.options) == null ? void 0 : c.valueKey) || "value"],
+                              size: "large",
+                              key: p[((f = e.options) == null ? void 0 : f.valueKey) || "value"]
+                            }, {
+                              default: n(() => [
+                                I("img", {
+                                  src: p.label === "男" ? "../../public/man.png" : "../../public/woman.png",
+                                  style: { width: "44px", height: "44px", "margin-right": "4px" },
+                                  alt: ""
+                                }, null, 8, fe)
+                              ]),
+                              _: 2
+                            }, 1032, ["label"]);
                           }), 128))
                         ];
                       }),
                       _: 2
-                    }, 1032, ["modelValue", "onUpdate:modelValue", "placeholder", "clearable"])
-                  ];
-                }),
-                _: 2
-              }, 1032, ["label", "rules", "prop"])) : e.type === "datetime" ? (o(), r(b, {
-                key: 3,
-                label: e.label,
-                rules: e.rules,
-                prop: [e.field]
-              }, {
-                default: a(() => [
-                  i(z, {
-                    modelValue: n.value[e.field],
-                    "onUpdate:modelValue": (l) => n.value[e.field] = l,
-                    readonly: e.readonly,
-                    type: "datetime",
-                    placeholder: e.placeholder || e.label,
-                    "default-time": t.defaultTime,
-                    "value-format": e.format || "YYYY-MM-DD HH:mm:ss"
-                  }, null, 8, ["modelValue", "onUpdate:modelValue", "readonly", "placeholder", "default-time", "value-format"])
-                ]),
-                _: 2
-              }, 1032, ["label", "rules", "prop"])) : (o(), r(b, {
-                key: 4,
-                label: e.label,
-                rules: e.rules,
-                prop: [e.field]
-              }, {
-                default: a(() => [
-                  i(I, {
-                    modelValue: n.value[e.field],
-                    "onUpdate:modelValue": (l) => n.value[e.field] = l,
-                    readonly: e.readonly,
-                    type: e.type ?? "text",
-                    placeholder: e.placeholder || e.label,
-                    disabled: e.disabled,
-                    showPassword: e.showPassword,
-                    clearable: e.clearable,
-                    onKeyup: W((l) => S(e.enterable), ["enter"])
-                  }, null, 8, ["modelValue", "onUpdate:modelValue", "readonly", "type", "placeholder", "disabled", "showPassword", "clearable", "onKeyup"])
-                ]),
-                _: 2
-              }, 1032, ["label", "rules", "prop"]))
-            ]),
-            _: 2
-          }, 1024))), 128)),
-          i(b, null, {
-            default: a(() => [
-              X(t.$slots, "buttons", {
-                model: n.value,
-                formRef: y.value
-              }, () => [
-                i(U, {
-                  type: "primary",
-                  onClick: u[0] || (u[0] = (e) => T(y.value))
+                    }, 1032, ["modelValue", "onUpdate:modelValue", "disabled"])
+                  ]),
+                  _: 2
+                }, 1032, ["label", "rules", "prop"])) : e.type === "radio" ? (d(), u(g, {
+                  key: 4,
+                  label: e.label,
+                  rules: e.rules,
+                  prop: [e.field.radioValue]
                 }, {
-                  default: a(() => [
-                    V(m(k(v).submitButtonText), 1)
+                  default: n(() => [
+                    r(H, {
+                      modelValue: a.value[e.field.radioValue],
+                      "onUpdate:modelValue": (o) => a.value[e.field.radioValue] = o,
+                      disabled: e.disabled
+                    }, {
+                      default: n(() => {
+                        var o;
+                        return [
+                          (d(!0), _(C, null, P((o = e.options) == null ? void 0 : o.data, (p) => {
+                            var c, f;
+                            return d(), u(M, {
+                              label: p[((c = e.options) == null ? void 0 : c.valueKey) || "value"],
+                              size: "large",
+                              key: p[((f = e.options) == null ? void 0 : f.valueKey) || "value"]
+                            }, {
+                              default: n(() => {
+                                var l;
+                                return [
+                                  w(N(p[((l = e.options) == null ? void 0 : l.labelkey) || "label"]), 1)
+                                ];
+                              }),
+                              _: 2
+                            }, 1032, ["label"]);
+                          }), 128))
+                        ];
+                      }),
+                      _: 2
+                    }, 1032, ["modelValue", "onUpdate:modelValue", "disabled"])
                   ]),
-                  _: 1
-                }),
-                k(v).showResetButton ? (o(), r(U, {
-                  key: 0,
-                  type: "info",
-                  onClick: u[1] || (u[1] = (e) => Y(y.value))
+                  _: 2
+                }, 1032, ["label", "rules", "prop"])) : e.type === "checkbox" ? (d(), u(g, {
+                  key: 5,
+                  label: e.label,
+                  rules: e.rules,
+                  prop: [e.field.checkboxValue]
                 }, {
-                  default: a(() => [
-                    V(m(k(v).resetButtonText), 1)
+                  default: n(() => [
+                    r(q, {
+                      modelValue: a.value[e.field.checkboxValue],
+                      "onUpdate:modelValue": (o) => a.value[e.field.checkboxValue] = o,
+                      disabled: e.disabled,
+                      style: oe(
+                        e.ways === "row" ? "display: flex; align-items: flex-start;flex-flow: row nowrap; " : "display: flex; align-items: flex-start;flex-flow: column nowrap; "
+                      )
+                    }, {
+                      default: n(() => {
+                        var o;
+                        return [
+                          (d(!0), _(C, null, P((o = e.options) == null ? void 0 : o.data, (p) => {
+                            var c, f;
+                            return d(), u(j, {
+                              key: p[((c = e.options) == null ? void 0 : c.valueKey) || "value"],
+                              label: p[((f = e.options) == null ? void 0 : f.valueKey) || "value"]
+                            }, {
+                              default: n(() => {
+                                var l;
+                                return [
+                                  w(N(p[((l = e.options) == null ? void 0 : l.labelkey) || "label"]), 1)
+                                ];
+                              }),
+                              _: 2
+                            }, 1032, ["label"]);
+                          }), 128))
+                        ];
+                      }),
+                      _: 2
+                    }, 1032, ["modelValue", "onUpdate:modelValue", "disabled", "style"])
                   ]),
-                  _: 1
-                })) : L("", !0),
-                k(v).showCancelButton ? (o(), r(U, {
-                  key: 1,
-                  onClick: u[2] || (u[2] = (e) => C("cancel"))
+                  _: 2
+                }, 1032, ["label", "rules", "prop"])) : e.type === "select" ? (d(), u(g, {
+                  key: 6,
+                  label: e.label,
+                  rules: e.rules,
+                  prop: [e.field.selectValue]
                 }, {
-                  default: a(() => [
-                    V(m(k(v).cancelButtonText), 1)
+                  default: n(() => {
+                    var o;
+                    return [
+                      r(B, {
+                        modelValue: a.value[e.field.selectValue],
+                        "onUpdate:modelValue": (p) => a.value[e.field.selectValue] = p,
+                        placeholder: ((o = e.options) == null ? void 0 : o.placeholder) || "请选择",
+                        clearable: e.clearable
+                      }, {
+                        default: n(() => {
+                          var p;
+                          return [
+                            (d(!0), _(C, null, P((p = e.options) == null ? void 0 : p.data, (c) => {
+                              var f, l, s;
+                              return d(), u(L, {
+                                key: c[((f = e.options) == null ? void 0 : f.valueKey) || "value"],
+                                label: c[((l = e.options) == null ? void 0 : l.labelkey) || "label"],
+                                value: c[((s = e.options) == null ? void 0 : s.valueKey) || "value"]
+                              }, null, 8, ["label", "value"]);
+                            }), 128))
+                          ];
+                        }),
+                        _: 2
+                      }, 1032, ["modelValue", "onUpdate:modelValue", "placeholder", "clearable"])
+                    ];
+                  }),
+                  _: 2
+                }, 1032, ["label", "rules", "prop"])) : e.type === "datetime" ? (d(), u(g, {
+                  key: 7,
+                  label: e.label,
+                  rules: e.rules,
+                  prop: [e.field.date]
+                }, {
+                  default: n(() => [
+                    r(G, {
+                      modelValue: a.value[e.field],
+                      "onUpdate:modelValue": (o) => a.value[e.field] = o,
+                      readonly: e.readonly,
+                      type: "datetime",
+                      placeholder: e.placeholder || e.label,
+                      "default-time": t.defaultTime,
+                      "value-format": e.format || "YYYY-MM-DD HH:mm:ss"
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "readonly", "placeholder", "default-time", "value-format"])
+                  ]),
+                  _: 2
+                }, 1032, ["label", "rules", "prop"])) : (d(), u(g, {
+                  key: 8,
+                  label: e.label,
+                  rules: e.rules,
+                  prop: [e.field]
+                }, {
+                  default: n(() => [
+                    r(b, {
+                      modelValue: a.value[e.field],
+                      "onUpdate:modelValue": (o) => a.value[e.field] = o,
+                      readonly: e.readonly,
+                      type: e.type ?? "text",
+                      placeholder: e.placeholder || e.label,
+                      disabled: e.disabled,
+                      showPassword: e.showPassword,
+                      clearable: e.clearable,
+                      onKeyup: V((o) => y(e.enterable), ["enter"])
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "readonly", "type", "placeholder", "disabled", "showPassword", "clearable", "onKeyup"])
                   ]),
-                  _: 1
-                })) : L("", !0)
-              ])
+                  _: 2
+                }, 1032, ["label", "rules", "prop"]))
+              ], 2))), 128)),
+              r(g, null, {
+                default: n(() => [
+                  de(t.$slots, "buttons", {
+                    model: a.value,
+                    formRef: A.value
+                  }, () => [
+                    $(S).showButtonText ? (d(), u(z, {
+                      key: 0,
+                      type: "primary",
+                      onClick: k[0] || (k[0] = (e) => Y(A.value))
+                    }, {
+                      default: n(() => [
+                        w(N($(S).submitButtonText), 1)
+                      ]),
+                      _: 1
+                    })) : E("", !0),
+                    $(S).showResetButton ? (d(), u(z, {
+                      key: 1,
+                      type: "info",
+                      onClick: k[1] || (k[1] = (e) => O(A.value))
+                    }, {
+                      default: n(() => [
+                        w(N($(S).resetButtonText), 1)
+                      ]),
+                      _: 1
+                    })) : E("", !0),
+                    $(S).showCancelButton ? (d(), u(z, {
+                      key: 2,
+                      onClick: k[2] || (k[2] = (e) => F("cancel"))
+                    }, {
+                      default: n(() => [
+                        w(N($(S).cancelButtonText), 1)
+                      ]),
+                      _: 1
+                    })) : E("", !0)
+                  ], !0)
+                ]),
+                _: 3
+              })
             ]),
             _: 3
-          })
+          }, 16, ["model", "label-position"])
         ]),
         _: 3
-      }, 16, ["model"]);
+      });
     };
   }
 });
-function g(h, K = {}) {
-  g.installed || (g.installed = !0, h.component("common-el-form", R));
+const he = (U, T) => {
+  const F = U.__vccOpts || U;
+  for (const [K, a] of T)
+    F[K] = a;
+  return F;
+}, m = /* @__PURE__ */ he(ve, [["__scopeId", "data-v-999098b8"]]);
+function R(U, T = {}) {
+  R.installed || (R.installed = !0, U.component("common-form", m));
 }
-R.install = g;
+m.install = R;
 export {
-  R as default
+  m as default
 };

package/common-form.umd.js

@@ -1 +1 @@
-(function(e,c){typeof exports=="object"&&typeof module<"u"?module.exports=c(require("vue")):typeof define=="function"&&define.amd?define(["vue"],c):(e=typeof globalThis<"u"?globalThis:e||self,e.Form=c(e.Vue))})(this,function(e){"use strict";const c=e.defineComponent({__name:"Index",props:{fieldList:null,model:null,options:null},emits:["submit","reset","cancel"],setup(k,{expose:m,emit:B}){const f=k,t=e.ref({}),u=e.ref(),b=e.computed(()=>Object.assign({labelPosition:"right",disabled:!1,submitButtonText:"提交",resetButtonText:"重置",cancelButtonText:"取消"},f==null?void 0:f.options));m({formRef:u}),f.fieldList.map(n=>{const a=n.type==="checkbox"?[]:"";f.model?t.value=f.model:t.value[n.field]=n.value||a});const h=n=>{n&&n.validate(a=>{if(a)B("submit",t.value);else return!1})},V=n=>{n&&h(u.value)},C=n=>{n&&n.resetFields()};return(n,a)=>{const w=e.resolveComponent("el-radio"),g=e.resolveComponent("el-radio-group"),i=e.resolveComponent("el-form-item"),N=e.resolveComponent("el-checkbox"),T=e.resolveComponent("el-checkbox-group"),U=e.resolveComponent("el-option"),K=e.resolveComponent("el-select"),S=e.resolveComponent("el-date-picker"),D=e.resolveComponent("el-input"),_=e.resolveComponent("el-button"),F=e.resolveComponent("el-form");return e.openBlock(),e.createBlock(F,e.mergeProps({onSubmit:a[3]||(a[3]=e.withModifiers(()=>{},["prevent"])),model:t.value},e.unref(b),{ref_key:"formRef",ref:u}),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k.fieldList,(l,L)=>(e.openBlock(),e.createBlock(i,{key:L},{default:e.withCtx(()=>[l.type==="radio"?(e.openBlock(),e.createBlock(i,{key:0,label:l.label,rules:l.rules,prop:[l.field]},{default:e.withCtx(()=>[e.createVNode(g,{modelValue:t.value[l.field],"onUpdate:modelValue":o=>t.value[l.field]=o,disabled:l.disabled},{default:e.withCtx(()=>{var o;return[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((o=l.options)==null?void 0:o.data,r=>{var d,s;return e.openBlock(),e.createBlock(w,{label:r[((d=l.options)==null?void 0:d.valueKey)||"value"],size:"large",key:r[((s=l.options)==null?void 0:s.valueKey)||"value"]},{default:e.withCtx(()=>{var p;return[e.createTextVNode(e.toDisplayString(r[((p=l.options)==null?void 0:p.labelkey)||"label"]),1)]}),_:2},1032,["label"])}),128))]}),_:2},1032,["modelValue","onUpdate:modelValue","disabled"])]),_:2},1032,["label","rules","prop"])):l.type==="checkbox"?(e.openBlock(),e.createBlock(i,{key:1,label:l.label,rules:l.rules,prop:[l.field]},{default:e.withCtx(()=>[e.createVNode(T,{modelValue:t.value[l.field],"onUpdate:modelValue":o=>t.value[l.field]=o,disabled:l.disabled},{default:e.withCtx(()=>{var o;return[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((o=l.options)==null?void 0:o.data,r=>{var d,s;return e.openBlock(),e.createBlock(N,{key:r[((d=l.options)==null?void 0:d.valueKey)||"value"],label:r[((s=l.options)==null?void 0:s.valueKey)||"value"]},{default:e.withCtx(()=>{var p;return[e.createTextVNode(e.toDisplayString(r[((p=l.options)==null?void 0:p.labelkey)||"label"]),1)]}),_:2},1032,["label"])}),128))]}),_:2},1032,["modelValue","onUpdate:modelValue","disabled"])]),_:2},1032,["label","rules","prop"])):l.type==="select"?(e.openBlock(),e.createBlock(i,{key:2,label:l.label,rules:l.rules,prop:[l.field]},{default:e.withCtx(()=>{var o;return[e.createVNode(K,{modelValue:t.value[l.field],"onUpdate:modelValue":r=>t.value[l.field]=r,placeholder:((o=l.options)==null?void 0:o.placeholder)||"请选择",clearable:l.clearable},{default:e.withCtx(()=>{var r;return[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((r=l.options)==null?void 0:r.data,d=>{var s,p,x;return e.openBlock(),e.createBlock(U,{key:d[((s=l.options)==null?void 0:s.valueKey)||"value"],label:d[((p=l.options)==null?void 0:p.labelkey)||"label"],value:d[((x=l.options)==null?void 0:x.valueKey)||"value"]},null,8,["label","value"])}),128))]}),_:2},1032,["modelValue","onUpdate:modelValue","placeholder","clearable"])]}),_:2},1032,["label","rules","prop"])):l.type==="datetime"?(e.openBlock(),e.createBlock(i,{key:3,label:l.label,rules:l.rules,prop:[l.field]},{default:e.withCtx(()=>[e.createVNode(S,{modelValue:t.value[l.field],"onUpdate:modelValue":o=>t.value[l.field]=o,readonly:l.readonly,type:"datetime",placeholder:l.placeholder||l.label,"default-time":n.defaultTime,"value-format":l.format||"YYYY-MM-DD HH:mm:ss"},null,8,["modelValue","onUpdate:modelValue","readonly","placeholder","default-time","value-format"])]),_:2},1032,["label","rules","prop"])):(e.openBlock(),e.createBlock(i,{key:4,label:l.label,rules:l.rules,prop:[l.field]},{default:e.withCtx(()=>[e.createVNode(D,{modelValue:t.value[l.field],"onUpdate:modelValue":o=>t.value[l.field]=o,readonly:l.readonly,type:l.type??"text",placeholder:l.placeholder||l.label,disabled:l.disabled,showPassword:l.showPassword,clearable:l.clearable,onKeyup:e.withKeys(o=>V(l.enterable),["enter"])},null,8,["modelValue","onUpdate:modelValue","readonly","type","placeholder","disabled","showPassword","clearable","onKeyup"])]),_:2},1032,["label","rules","prop"]))]),_:2},1024))),128)),e.createVNode(i,null,{default:e.withCtx(()=>[e.renderSlot(n.$slots,"buttons",{model:t.value,formRef:u.value},()=>[e.createVNode(_,{type:"primary",onClick:a[0]||(a[0]=l=>h(u.value))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(b).submitButtonText),1)]),_:1}),e.unref(b).showResetButton?(e.openBlock(),e.createBlock(_,{key:0,type:"info",onClick:a[1]||(a[1]=l=>C(u.value))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(b).resetButtonText),1)]),_:1})):e.createCommentVNode("",!0),e.unref(b).showCancelButton?(e.openBlock(),e.createBlock(_,{key:1,onClick:a[2]||(a[2]=l=>B("cancel"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(b).cancelButtonText),1)]),_:1})):e.createCommentVNode("",!0)])]),_:3})]),_:3},16,["model"])}}});function y(k,m={}){y.installed||(y.installed=!0,k.component("common-el-form",c))}return c.install=y,c});
+(function(e,x){typeof exports=="object"&&typeof module<"u"?module.exports=x(require("vue")):typeof define=="function"&&define.amd?define(["vue"],x):(e=typeof globalThis<"u"?globalThis:e||self,e.Form=x(e.Vue))})(this,function(e){"use strict";const x=h=>(e.pushScopeId("data-v-999098b8"),h=h(),e.popScopeId(),h),F={class:"header-title"},L=x(()=>e.createElementVNode("span",{class:"title-left"},null,-1)),T={class:"title-content"},$={class:"item-address"},A={key:0,class:"item-address"},D={key:1,class:"item-address"},I=["src"],z=e.defineComponent({__name:"Index",props:{fieldList:null,model:null,options:null},emits:["submit","reset","cancel"],setup(h,{expose:K,emit:B}){const V=h,o=e.ref({}),_=e.ref(),k=e.computed(()=>Object.assign({labelPosition:"top",disabled:!1},V==null?void 0:V.options));console.log(V==null?void 0:V.options,"_oppppppppppp0ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp",k),K({formRef:_}),V.fieldList.map(r=>{const f=r.type==="checkbox"?[]:"";V.model?o.value=V.model:o.value[r.field]=r.value||f});const E=r=>{r&&r.validate(f=>{if(f)B("submit",o.value);else return!1})},p=r=>{r&&E(_.value)},M=r=>{r&&r.resetFields()};return(r,f)=>{const w=e.resolveComponent("el-form-item"),N=e.resolveComponent("el-button"),S=e.resolveComponent("el-radio"),P=e.resolveComponent("el-radio-group"),C=e.resolveComponent("el-option"),g=e.resolveComponent("el-select"),c=e.resolveComponent("el-input"),H=e.resolveComponent("el-checkbox"),R=e.resolveComponent("el-checkbox-group"),Y=e.resolveComponent("el-date-picker"),j=e.resolveComponent("el-form"),O=e.resolveComponent("el-card");return e.openBlock(),e.createBlock(O,{class:"mb-5"},{default:e.withCtx(()=>[e.createVNode(j,e.mergeProps({onSubmit:f[3]||(f[3]=e.withModifiers(()=>{},["prevent"])),model:o.value},e.unref(k),{"label-position":e.unref(k).labelPosition,ref_key:"formRef",ref:_}),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.fieldList,(l,q)=>(e.openBlock(),e.createElementBlock("div",{key:q,class:e.normalizeClass(l.type==="title"||l.type==="address"?"form-item-title":"form-item")},[l.type==="title"?(e.openBlock(),e.createBlock(w,{key:0},{default:e.withCtx(()=>[e.createElementVNode("div",F,[L,e.createElementVNode("span",T,e.toDisplayString(l.title),1)])]),_:2},1024)):l.type==="address"?(e.openBlock(),e.createBlock(w,{key:1,rules:l.rules,prop:[l.field],class:"container-address"},{default:e.withCtx(()=>{var d,n,s,y;return[e.createVNode(N,{style:{"margin-bottom":"20px","margin-right":"60px"},onClick:r.downLoad},{default:e.withCtx(()=>[e.createTextVNode(" 載入已有地址 ")]),_:1},8,["onClick"]),e.createVNode(P,{style:{"margin-bottom":"20px"},modelValue:o.value[l.field.addressLang],"onUpdate:modelValue":a=>o.value[l.field.addressLang]=a,disabled:l.disabled},{default:e.withCtx(()=>{var a;return[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((a=l.optionsLang)==null?void 0:a.data,t=>{var b,u;return e.openBlock(),e.createBlock(S,{label:t[((b=l.optionsLang)==null?void 0:b.valueKey)||"value"],size:"large",key:t[((u=l.optionsLang)==null?void 0:u.valueKey)||"value"]},{default:e.withCtx(()=>{var i;return[e.createTextVNode(e.toDisplayString(t[((i=l.optionsLang)==null?void 0:i.labelkey)||"label"]),1)]}),_:2},1032,["label"])}),128))]}),_:2},1032,["modelValue","onUpdate:modelValue","disabled"]),e.createElementVNode("div",$,[e.createVNode(g,{style:{"margin-right":"40px",width:"20%"},modelValue:o.value[l.field.addressNation],"onUpdate:modelValue":a=>o.value[l.field.addressNation]=a,placeholder:((d=l.optionsSelectNation)==null?void 0:d.placeholder)||"请选择",clearable:l.clearable},{default:e.withCtx(()=>{var a;return[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((a=l.optionsSelectNation)==null?void 0:a.data,t=>{var b,u,i;return e.openBlock(),e.createBlock(C,{key:t[((b=l.optionsSelectNation)==null?void 0:b.valueKey)||"value"],label:t[((u=l.optionsSelectNation)==null?void 0:u.labelkey)||"label"],value:t[((i=l.optionsSelectNation)==null?void 0:i.valueKey)||"value"]},null,8,["label","value"])}),128))]}),_:2},1032,["modelValue","onUpdate:modelValue","placeholder","clearable"]),e.createVNode(g,{style:{"margin-right":"40px",width:"20%"},modelValue:o.value[l.field.addressCity],"onUpdate:modelValue":a=>o.value[l.field.addressCity]=a,placeholder:((n=l.optionsSelectCity)==null?void 0:n.placeholder)||"请选择",clearable:l.clearable},{default:e.withCtx(()=>{var a;return[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((a=l.optionsSelectCity)==null?void 0:a.data,t=>{var b,u,i;return e.openBlock(),e.createBlock(C,{key:t[((b=l.optionsSelectCity)==null?void 0:b.valueKey)||"value"],label:t[((u=l.optionsSelectCity)==null?void 0:u.labelkey)||"label"],value:t[((i=l.optionsSelectCity)==null?void 0:i.valueKey)||"value"]},null,8,["label","value"])}),128))]}),_:2},1032,["modelValue","onUpdate:modelValue","placeholder","clearable"]),e.createVNode(g,{style:{"margin-right":"40px",width:"20%"},modelValue:o.value[l.field.addressArea],"onUpdate:modelValue":a=>o.value[l.field.addressArea]=a,placeholder:((s=l.optionsSelectArea)==null?void 0:s.placeholder)||"请选择",clearable:l.clearable},{default:e.withCtx(()=>{var a;return[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((a=l.optionsSelectArea)==null?void 0:a.data,t=>{var b,u,i;return e.openBlock(),e.createBlock(C,{key:t[((b=l.optionsSelectArea)==null?void 0:b.valueKey)||"value"],label:t[((u=l.optionsSelectArea)==null?void 0:u.labelkey)||"label"],value:t[((i=l.optionsSelectArea)==null?void 0:i.valueKey)||"value"]},null,8,["label","value"])}),128))]}),_:2},1032,["modelValue","onUpdate:modelValue","placeholder","clearable"]),e.createVNode(g,{style:{"margin-right":"40px",width:"20%"},modelValue:o.value[l.field.addressAreaC],"onUpdate:modelValue":a=>o.value[l.field.addressAreaC]=a,placeholder:((y=l.optionsSelectAreaC)==null?void 0:y.placeholder)||"请选择",clearable:l.clearable},{default:e.withCtx(()=>{var a;return[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((a=l.optionsSelectAreaC)==null?void 0:a.data,t=>{var b,u,i;return e.openBlock(),e.createBlock(C,{key:t[((b=l.optionsSelectAreaC)==null?void 0:b.valueKey)||"value"],label:t[((u=l.optionsSelectAreaC)==null?void 0:u.labelkey)||"label"],value:t[((i=l.optionsSelectAreaC)==null?void 0:i.valueKey)||"value"]},null,8,["label","value"])}),128))]}),_:2},1032,["modelValue","onUpdate:modelValue","placeholder","clearable"])]),e.createVNode(c,{class:"item-address",modelValue:o.value[l.field.addressStreet],"onUpdate:modelValue":a=>o.value[l.field.addressStreet]=a,readonly:l.readonly,type:l.type??"text",placeholder:"输入街道名称和编号",disabled:l.disabled,showPassword:l.showPassword,clearable:l.clearable,onKeyup:e.withKeys(a=>p(l.enterable),["enter"])},null,8,["modelValue","onUpdate:modelValue","readonly","type","disabled","showPassword","clearable","onKeyup"]),e.createVNode(c,{class:"item-address",modelValue:o.value[l.field.addressHouse],"onUpdate:modelValue":a=>o.value[l.field.addressHouse]=a,readonly:l.readonly,type:l.type??"text",placeholder:"屋院名稱",disabled:l.disabled,showPassword:l.showPassword,clearable:l.clearable,onKeyup:e.withKeys(a=>p(l.enterable),["enter"])},null,8,["modelValue","onUpdate:modelValue","readonly","type","disabled","showPassword","clearable","onKeyup"]),e.createVNode(c,{class:"item-address",modelValue:o.value[l.field.addressMansion],"onUpdate:modelValue":a=>o.value[l.field.addressMansion]=a,readonly:l.readonly,type:l.type??"text",placeholder:"大廈名稱",disabled:l.disabled,showPassword:l.showPassword,clearable:l.clearable,onKeyup:e.withKeys(a=>p(l.enterable),["enter"])},null,8,["modelValue","onUpdate:modelValue","readonly","type","disabled","showPassword","clearable","onKeyup"]),o.value.addressLang=="1"?(e.openBlock(),e.createElementBlock("div",A,[e.createVNode(c,{style:{width:"24%"},modelValue:o.value[l.field.block],"onUpdate:modelValue":a=>o.value[l.field.block]=a,readonly:l.readonly,type:l.type??"text",placeholder:"請輸入英文姓",disabled:l.disabled,showPassword:l.showPassword,clearable:l.clearable,onKeyup:e.withKeys(a=>p(l.enterable),["enter"])},null,8,["modelValue","onUpdate:modelValue","readonly","type","disabled","showPassword","clearable","onKeyup"]),e.createTextVNode("   座      "),e.createVNode(c,{style:{width:"24%","margin-left":"60px"},modelValue:o.value[l.field.floor],"onUpdate:modelValue":a=>o.value[l.field.floor]=a,readonly:l.readonly,type:l.type??"text",placeholder:"請輸入英文姓",disabled:l.disabled,showPassword:l.showPassword,clearable:l.clearable,onKeyup:e.withKeys(a=>p(l.enterable),["enter"])},null,8,["modelValue","onUpdate:modelValue","readonly","type","disabled","showPassword","clearable","onKeyup"]),e.createTextVNode("  樓      "),e.createVNode(c,{style:{width:"24%","margin-left":"60px"},modelValue:o.value[l.field.flat],"onUpdate:modelValue":a=>o.value[l.field.flat]=a,readonly:l.readonly,type:l.type??"text",placeholder:"請輸入英文姓",disabled:l.disabled,showPassword:l.showPassword,clearable:l.clearable,onKeyup:e.withKeys(a=>p(l.enterable),["enter"])},null,8,["modelValue","onUpdate:modelValue","readonly","type","disabled","showPassword","clearable","onKeyup"]),e.createTextVNode("  室      ")])):e.createCommentVNode("",!0),o.value.addressLang=="2"?(e.openBlock(),e.createElementBlock("div",D,[e.createVNode(c,{style:{width:"24%"},modelValue:o.value[l.field.block],"onUpdate:modelValue":a=>o.value[l.field.block]=a,readonly:l.readonly,type:l.type??"text",placeholder:"請輸入英文姓",disabled:l.disabled,showPassword:l.showPassword,clearable:l.clearable,onKeyup:e.withKeys(a=>p(l.enterable),["enter"])},null,8,["modelValue","onUpdate:modelValue","readonly","type","disabled","showPassword","clearable","onKeyup"]),e.createTextVNode("   Block "),e.createVNode(c,{style:{width:"24%","margin-left":"60px"},modelValue:o.value[l.field.floor],"onUpdate:modelValue":a=>o.value[l.field.floor]=a,readonly:l.readonly,type:l.type??"text",placeholder:"請輸入英文姓",disabled:l.disabled,showPassword:l.showPassword,clearable:l.clearable,onKeyup:e.withKeys(a=>p(l.enterable),["enter"])},null,8,["modelValue","onUpdate:modelValue","readonly","type","disabled","showPassword","clearable","onKeyup"]),e.createTextVNode("  Floor "),e.createVNode(c,{style:{width:"24%","margin-left":"60px"},modelValue:o.value[l.field.flat],"onUpdate:modelValue":a=>o.value[l.field.flat]=a,readonly:l.readonly,type:l.type??"text",placeholder:"請輸入英文姓",disabled:l.disabled,showPassword:l.showPassword,clearable:l.clearable,onKeyup:e.withKeys(a=>p(l.enterable),["enter"])},null,8,["modelValue","onUpdate:modelValue","readonly","type","disabled","showPassword","clearable","onKeyup"]),e.createTextVNode("  Flat ")])):e.createCommentVNode("",!0)]}),_:2},1032,["rules","prop"])):l.type==="name"?(e.openBlock(),e.createBlock(w,{key:2,label:l.label,rules:l.rules,prop:[l.field.nameEnFamily]&&[l.field.nameEn]&&[l.field.nameCh]&&[l.field.nameChFamily],class:"container"},{default:e.withCtx(()=>[e.createVNode(c,{class:"item-name",modelValue:o.value[l.field.nameEnFamily],"onUpdate:modelValue":d=>o.value[l.field.nameEnFamily]=d,readonly:l.readonly,type:l.type??"text",placeholder:l.placeholderNameEnFamily,disabled:l.disabled,onKeyup:e.withKeys(d=>p(l.enterable),["enter"])},null,8,["modelValue","onUpdate:modelValue","readonly","type","placeholder","disabled","onKeyup"]),e.createVNode(c,{class:"item-name",modelValue:o.value[l.field.nameChFamily],"onUpdate:modelValue":d=>o.value[l.field.nameChFamily]=d,readonly:l.readonly,type:l.type??"text",placeholder:l.placeholderNameChFamily,disabled:l.disabled,onKeyup:e.withKeys(d=>p(l.enterable),["enter"])},null,8,["modelValue","onUpdate:modelValue","readonly","type","placeholder","disabled","onKeyup"]),e.createVNode(c,{class:"item-name",modelValue:o.value[l.field.nameEn],"onUpdate:modelValue":d=>o.value[l.field.nameEn]=d,readonly:l.readonly,type:l.type??"text",placeholder:l.placeholderNameEn,disabled:l.disabled,onKeyup:e.withKeys(d=>p(l.enterable),["enter"])},null,8,["modelValue","onUpdate:modelValue","readonly","type","placeholder","disabled","onKeyup"]),e.createVNode(c,{class:"item-name",modelValue:o.value[l.field.nameCh],"onUpdate:modelValue":d=>o.value[l.field.nameCh]=d,readonly:l.readonly,type:l.type??"text",placeholder:l.placeholderNameCh,disabled:l.disabled,onKeyup:e.withKeys(d=>p(l.enterable),["enter"])},null,8,["modelValue","onUpdate:modelValue","readonly","type","placeholder","disabled","onKeyup"])]),_:2},1032,["label","rules","prop"])):l.type==="gender"?(e.openBlock(),e.createBlock(w,{key:3,label:l.label,rules:l.rules,prop:[l.field.radioValue]},{default:e.withCtx(()=>[e.createVNode(P,{modelValue:o.value[l.field.radioValue],"onUpdate:modelValue":d=>o.value[l.field.radioValue]=d,disabled:l.disabled},{default:e.withCtx(()=>{var d;return[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((d=l.options)==null?void 0:d.data,n=>{var s,y;return e.openBlock(),e.createBlock(S,{label:n[((s=l.options)==null?void 0:s.valueKey)||"value"],size:"large",key:n[((y=l.options)==null?void 0:y.valueKey)||"value"]},{default:e.withCtx(()=>[e.createElementVNode("img",{src:n.label==="男"?"../../public/man.png":"../../public/woman.png",style:{width:"44px",height:"44px","margin-right":"4px"},alt:""},null,8,I)]),_:2},1032,["label"])}),128))]}),_:2},1032,["modelValue","onUpdate:modelValue","disabled"])]),_:2},1032,["label","rules","prop"])):l.type==="radio"?(e.openBlock(),e.createBlock(w,{key:4,label:l.label,rules:l.rules,prop:[l.field.radioValue]},{default:e.withCtx(()=>[e.createVNode(P,{modelValue:o.value[l.field.radioValue],"onUpdate:modelValue":d=>o.value[l.field.radioValue]=d,disabled:l.disabled},{default:e.withCtx(()=>{var d;return[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((d=l.options)==null?void 0:d.data,n=>{var s,y;return e.openBlock(),e.createBlock(S,{label:n[((s=l.options)==null?void 0:s.valueKey)||"value"],size:"large",key:n[((y=l.options)==null?void 0:y.valueKey)||"value"]},{default:e.withCtx(()=>{var a;return[e.createTextVNode(e.toDisplayString(n[((a=l.options)==null?void 0:a.labelkey)||"label"]),1)]}),_:2},1032,["label"])}),128))]}),_:2},1032,["modelValue","onUpdate:modelValue","disabled"])]),_:2},1032,["label","rules","prop"])):l.type==="checkbox"?(e.openBlock(),e.createBlock(w,{key:5,label:l.label,rules:l.rules,prop:[l.field.checkboxValue]},{default:e.withCtx(()=>[e.createVNode(R,{modelValue:o.value[l.field.checkboxValue],"onUpdate:modelValue":d=>o.value[l.field.checkboxValue]=d,disabled:l.disabled,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 d;return[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((d=l.options)==null?void 0:d.data,n=>{var s,y;return e.openBlock(),e.createBlock(H,{key:n[((s=l.options)==null?void 0:s.valueKey)||"value"],label:n[((y=l.options)==null?void 0:y.valueKey)||"value"]},{default:e.withCtx(()=>{var a;return[e.createTextVNode(e.toDisplayString(n[((a=l.options)==null?void 0:a.labelkey)||"label"]),1)]}),_:2},1032,["label"])}),128))]}),_:2},1032,["modelValue","onUpdate:modelValue","disabled","style"])]),_:2},1032,["label","rules","prop"])):l.type==="select"?(e.openBlock(),e.createBlock(w,{key:6,label:l.label,rules:l.rules,prop:[l.field.selectValue]},{default:e.withCtx(()=>{var d;return[e.createVNode(g,{modelValue:o.value[l.field.selectValue],"onUpdate:modelValue":n=>o.value[l.field.selectValue]=n,placeholder:((d=l.options)==null?void 0:d.placeholder)||"请选择",clearable:l.clearable},{default:e.withCtx(()=>{var n;return[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((n=l.options)==null?void 0:n.data,s=>{var y,a,t;return e.openBlock(),e.createBlock(C,{key:s[((y=l.options)==null?void 0:y.valueKey)||"value"],label:s[((a=l.options)==null?void 0:a.labelkey)||"label"],value:s[((t=l.options)==null?void 0:t.valueKey)||"value"]},null,8,["label","value"])}),128))]}),_:2},1032,["modelValue","onUpdate:modelValue","placeholder","clearable"])]}),_:2},1032,["label","rules","prop"])):l.type==="datetime"?(e.openBlock(),e.createBlock(w,{key:7,label:l.label,rules:l.rules,prop:[l.field.date]},{default:e.withCtx(()=>[e.createVNode(Y,{modelValue:o.value[l.field],"onUpdate:modelValue":d=>o.value[l.field]=d,readonly:l.readonly,type:"datetime",placeholder:l.placeholder||l.label,"default-time":r.defaultTime,"value-format":l.format||"YYYY-MM-DD HH:mm:ss"},null,8,["modelValue","onUpdate:modelValue","readonly","placeholder","default-time","value-format"])]),_:2},1032,["label","rules","prop"])):(e.openBlock(),e.createBlock(w,{key:8,label:l.label,rules:l.rules,prop:[l.field]},{default:e.withCtx(()=>[e.createVNode(c,{modelValue:o.value[l.field],"onUpdate:modelValue":d=>o.value[l.field]=d,readonly:l.readonly,type:l.type??"text",placeholder:l.placeholder||l.label,disabled:l.disabled,showPassword:l.showPassword,clearable:l.clearable,onKeyup:e.withKeys(d=>p(l.enterable),["enter"])},null,8,["modelValue","onUpdate:modelValue","readonly","type","placeholder","disabled","showPassword","clearable","onKeyup"])]),_:2},1032,["label","rules","prop"]))],2))),128)),e.createVNode(w,null,{default:e.withCtx(()=>[e.renderSlot(r.$slots,"buttons",{model:o.value,formRef:_.value},()=>[e.unref(k).showButtonText?(e.openBlock(),e.createBlock(N,{key:0,type:"primary",onClick:f[0]||(f[0]=l=>E(_.value))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(k).submitButtonText),1)]),_:1})):e.createCommentVNode("",!0),e.unref(k).showResetButton?(e.openBlock(),e.createBlock(N,{key:1,type:"info",onClick:f[1]||(f[1]=l=>M(_.value))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(k).resetButtonText),1)]),_:1})):e.createCommentVNode("",!0),e.unref(k).showCancelButton?(e.openBlock(),e.createBlock(N,{key:2,onClick:f[2]||(f[2]=l=>B("cancel"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(k).cancelButtonText),1)]),_:1})):e.createCommentVNode("",!0)],!0)]),_:3})]),_:3},16,["model","label-position"])]),_:3})}}}),G="",U=((h,K)=>{const B=h.__vccOpts||h;for(const[V,o]of K)B[V]=o;return B})(z,[["__scopeId","data-v-999098b8"]]);function m(h,K={}){m.installed||(m.installed=!0,h.component("common-form",U))}return U.install=m,U});

package/package.json

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

package/style.css

@@ -0,0 +1 @@
+.form-item[data-v-999098b8]{width:50%;display:inline-block;padding-right:100px;box-sizing:border-box}.form-item-title[data-v-999098b8]{width:100%}.container[data-v-999098b8]{padding:10px}.item-name[data-v-999098b8]{width:50%;padding-right:10px;padding-bottom:20px;box-sizing:border-box}.container-address[data-v-999098b8]{display:flex;padding:10px}.item-address[data-v-999098b8]{width:100%;padding-right:10px;padding-bottom:20px;box-sizing:border-box}label[data-v-999098b8]{display:block}.title-left[data-v-999098b8]{border:2px solid #216fed;border-radius:2px;width:0px;height:18px;margin-right:8px}.title-content[data-v-999098b8]{font-size:16px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#2c3c4d;line-height:22px}