npm - sinosoft-common-form - Versions diffs - 1.0.0 - Mend

sinosoft-common-form 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/README.md ADDED Viewed

@@ -0,0 +1,29 @@
+参数介绍
+Form 属性
+| 参数        | 说明                                           | 类型   | 默认值 |
+|-------------|------------------------------------------------|--------|--------|
+| v-model     | 表单数据,双向绑定(字段需与 prop 属性一样)      | Object | -      |
+| form-column | 表单配置项,详情见下方 Column 属性              | Array  |  -     |
+| rules       | 表单规则验证,校验规则请参考elementplus官方文档 | Array |  -     |
+Column 配置项
+| 参数    | 说明                                         | 类型   | 默认值 |
+|---------|----------------------------------------------|--------|--------|
+| type    | 表单类型,elementplus的组件以及自己定义的组件 | String | -      |
+| label   | el-form-item label 属性                      | String |  -     |
+| prop    | el-form-item prop 属性                       | String |  -     |
+| field   | el-form-item prop 属性                       | String |  -     |
+| options | elementplus的组件自定义的组件的props         | Object |  -     |
+Form 方法
+| 事件名 | 说明                     | 回调参数 |
+|--------|--------------------------|----------|
+| submit | 点击确认按钮拿到表单数据 | model    |

package/common-form.es.js ADDED Viewed

@@ -0,0 +1,247 @@
+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({
+  __name: "Index",
+  props: {
+    fieldList: null,
+    model: null,
+    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;
+    });
+    const T = (t) => {
+      t && t.validate((u) => {
+        if (u)
+          C("submit", n.value);
+        else
+          return !1;
+      });
+    }, S = (t) => {
+      t && T(y.value);
+    }, Y = (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
+                    }, {
+                      default: a(() => {
+                        var d;
+                        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"]);
+                          }), 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))
+                }, {
+                  default: a(() => [
+                    V(m(k(v).submitButtonText), 1)
+                  ]),
+                  _: 1
+                }),
+                k(v).showResetButton ? (o(), r(U, {
+                  key: 0,
+                  type: "info",
+                  onClick: u[1] || (u[1] = (e) => Y(y.value))
+                }, {
+                  default: a(() => [
+                    V(m(k(v).resetButtonText), 1)
+                  ]),
+                  _: 1
+                })) : L("", !0),
+                k(v).showCancelButton ? (o(), r(U, {
+                  key: 1,
+                  onClick: u[2] || (u[2] = (e) => C("cancel"))
+                }, {
+                  default: a(() => [
+                    V(m(k(v).cancelButtonText), 1)
+                  ]),
+                  _: 1
+                })) : L("", !0)
+              ])
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      }, 16, ["model"]);
+    };
+  }
+});
+function g(h, K = {}) {
+  g.installed || (g.installed = !0, h.component("common-el-form", R));
+}
+R.install = g;
+export {
+  R as default
+};

package/common-form.umd.js ADDED Viewed

@@ -0,0 +1 @@

package/package.json ADDED Viewed

@@ -0,0 +1,12 @@
+{
+  "name": "sinosoft-common-form",
+  "version": "1.0.0",
+  "description": "",
+  "main": "common-form.es.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC"
+}