orion-design 0.1.4 → 0.1.6

package/dist/components/Form/index.js

@@ -0,0 +1,660 @@
+import { isString as G, isDate as P } from "lodash-es";
+import { defineComponent as v, mergeModels as j, useModel as H, useTemplateRef as E, provide as I, openBlock as m, createBlock as f, unref as e, withCtx as t, createVNode as h, renderSlot as D, toRef as g, computed as B, createElementBlock as z, Fragment as F, renderList as k, createTextVNode as L, toDisplayString as N, ref as A, onMounted as K, normalizeStyle as J } from "vue";
+import { withInstall as Q } from "../_util/vue/install.js";
+import { ElForm as X, ElRow as Z, ElCol as c, ElFormItem as q, ElInput as C, ElSelect as $, ElOption as U, ElRadioGroup as x, ElRadio as _, ElCheckboxGroup as ee, ElCheckbox as T, ElSwitch as le, dayjs as O, ElTimePicker as ae, ElDatePicker as oe } from "element-plus";
+import { formContextKey as re } from "./Form.js";
+import { useFormSpan as y, useFormRules as S, useFormContext as w, useFormDisabled as Y, useFormCode as W } from "./hooks/useForm.js";
+import { getSingleCodeContent as ne, getMultiCodeContent as de } from "./utils/index.js";
+import R from "../../error/OrionError.js";
+import { S as te } from "../../index-BbsXWo7C.js";
+const ue = /* @__PURE__ */ v({
+  name: "OForm",
+  __name: "Form",
+  props: /* @__PURE__ */ j({
+    rules: {},
+    itemSpan: { default: 8 },
+    itemLabelWidth: { default: "auto" },
+    disabled: { type: Boolean, default: !1 }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(o, { expose: p }) {
+    const s = H(o, "modelValue"), u = E("formRef");
+    return p({
+      validate: async () => await u.value.validate()
+    }), I(re, {
+      model: s.value,
+      rules: o.rules,
+      itemSpan: o.itemSpan
+    }), (l, d) => (m(), f(e(X), {
+      ref_key: "formRef",
+      ref: u,
+      modelValue: s.value,
+      "onUpdate:modelValue": d[0] || (d[0] = (a) => s.value = a),
+      model: s.value,
+      rules: l.rules,
+      "label-width": o.itemLabelWidth,
+      disabled: l.disabled
+    }, {
+      default: t(() => [
+        h(e(Z), { gutter: 16 }, {
+          default: t(() => [
+            D(l.$slots, "default")
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }, 8, ["modelValue", "model", "rules", "label-width", "disabled"]));
+  }
+}), ie = /* @__PURE__ */ v({
+  name: "OFormString",
+  __name: "StringInput",
+  props: {
+    name: {},
+    label: {},
+    span: {},
+    labelWidth: {},
+    required: { type: Boolean },
+    rules: {},
+    maxlength: {},
+    placeholder: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean }
+  },
+  setup(o) {
+    const p = y(), s = S(), u = w(), n = g(u.model, o.name);
+    return (l, d) => (m(), f(e(c), { span: e(p) }, {
+      default: t(() => [
+        h(e(q), {
+          prop: l.name,
+          label: l.label,
+          "label-width": l.labelWidth,
+          required: l.required,
+          rules: e(s)
+        }, {
+          default: t(() => [
+            h(e(C), {
+              modelValue: n.value,
+              "onUpdate:modelValue": d[0] || (d[0] = (a) => n.value = a),
+              maxlength: l.maxlength,
+              placeholder: l.placeholder,
+              disabled: l.disabled,
+              readonly: l.readonly
+            }, null, 8, ["modelValue", "maxlength", "placeholder", "disabled", "readonly"])
+          ]),
+          _: 1
+        }, 8, ["prop", "label", "label-width", "required", "rules"])
+      ]),
+      _: 1
+    }, 8, ["span"]));
+  }
+}), se = /* @__PURE__ */ v({
+  name: "OFormPassword",
+  __name: "PasswordInput",
+  props: {
+    name: {},
+    label: {},
+    span: {},
+    labelWidth: {},
+    required: { type: Boolean },
+    rules: {},
+    maxlength: {},
+    placeholder: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean }
+  },
+  setup(o) {
+    const p = y(), s = S(), u = w(), n = g(u.model, o.name);
+    return (l, d) => (m(), f(e(c), { span: e(p) }, {
+      default: t(() => [
+        h(e(q), {
+          prop: l.name,
+          label: l.label,
+          "label-width": l.labelWidth,
+          required: l.required,
+          rules: e(s)
+        }, {
+          default: t(() => [
+            h(e(C), {
+              modelValue: n.value,
+              "onUpdate:modelValue": d[0] || (d[0] = (a) => n.value = a),
+              maxlength: l.maxlength,
+              placeholder: l.placeholder,
+              disabled: l.disabled,
+              readonly: l.readonly,
+              type: "password"
+            }, null, 8, ["modelValue", "maxlength", "placeholder", "disabled", "readonly"])
+          ]),
+          _: 1
+        }, 8, ["prop", "label", "label-width", "required", "rules"])
+      ]),
+      _: 1
+    }, 8, ["span"]));
+  }
+}), me = /* @__PURE__ */ v({
+  name: "OFormTextarea",
+  __name: "Textarea",
+  props: {
+    name: {},
+    label: {},
+    span: {},
+    labelWidth: {},
+    required: { type: Boolean },
+    rules: {},
+    maxlength: {},
+    placeholder: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    rows: {}
+  },
+  setup(o) {
+    const p = y(), s = S(), u = w(), n = g(u.model, o.name);
+    return (l, d) => (m(), f(e(c), { span: e(p) }, {
+      default: t(() => [
+        h(e(q), {
+          prop: l.name,
+          label: l.label,
+          "label-width": l.labelWidth,
+          required: l.required,
+          rules: e(s)
+        }, {
+          default: t(() => [
+            h(e(C), {
+              modelValue: n.value,
+              "onUpdate:modelValue": d[0] || (d[0] = (a) => n.value = a),
+              maxlength: l.maxlength,
+              placeholder: l.placeholder,
+              disabled: l.disabled,
+              readonly: l.readonly,
+              type: "textarea",
+              rows: l.rows,
+              resize: "none"
+            }, null, 8, ["modelValue", "maxlength", "placeholder", "disabled", "readonly", "rows"])
+          ]),
+          _: 1
+        }, 8, ["prop", "label", "label-width", "required", "rules"])
+      ]),
+      _: 1
+    }, 8, ["span"]));
+  }
+}), pe = /* @__PURE__ */ v({
+  name: "OFormSingleselect",
+  __name: "SingleSelect",
+  props: {
+    name: {},
+    label: {},
+    span: {},
+    labelWidth: {},
+    required: { type: Boolean },
+    rules: {},
+    placeholder: {},
+    disabled: { type: Boolean },
+    code: {},
+    clearable: { type: Boolean },
+    filterable: { type: Boolean }
+  },
+  setup(o) {
+    const p = y(), s = S(), u = Y(), n = W(), l = B(() => ne(n.value, a.value)), d = w(), a = g(d.model, o.name);
+    return (i, b) => (m(), f(e(c), { span: e(p) }, {
+      default: t(() => [
+        h(e(q), {
+          prop: i.name,
+          label: i.label,
+          "label-width": i.labelWidth,
+          required: i.required,
+          rules: e(s)
+        }, {
+          default: t(() => [
+            e(u) ? (m(), f(e(C), {
+              key: 0,
+              "model-value": l.value,
+              placeholder: i.placeholder,
+              disabled: !0,
+              readonly: !0
+            }, null, 8, ["model-value", "placeholder"])) : (m(), f(e($), {
+              key: 1,
+              modelValue: a.value,
+              "onUpdate:modelValue": b[0] || (b[0] = (r) => a.value = r),
+              placeholder: i.placeholder,
+              clearable: i.clearable,
+              filterable: i.filterable
+            }, {
+              default: t(() => [
+                (m(!0), z(F, null, k(e(n), (r) => (m(), f(e(U), {
+                  key: r.value,
+                  label: r.content,
+                  value: r.value
+                }, null, 8, ["label", "value"]))), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue", "placeholder", "clearable", "filterable"]))
+          ]),
+          _: 1
+        }, 8, ["prop", "label", "label-width", "required", "rules"])
+      ]),
+      _: 1
+    }, 8, ["span"]));
+  }
+}), be = /* @__PURE__ */ v({
+  name: "OFormMultiselect",
+  __name: "MultiSelect",
+  props: {
+    name: {},
+    label: {},
+    span: {},
+    labelWidth: {},
+    required: { type: Boolean },
+    rules: {},
+    placeholder: {},
+    disabled: { type: Boolean },
+    code: {}
+  },
+  setup(o) {
+    const p = y(), s = S(), u = Y(), n = W(), l = B(() => de(n.value, a.value)), d = w(), a = g(d.model, o.name), i = B({
+      get: () => a.value ? a.value.split(",") : [],
+      set: (b) => {
+        b ? a.value = b.join(",") : a.value = "";
+      }
+    });
+    return (b, r) => (m(), f(e(c), { span: e(p) }, {
+      default: t(() => [
+        h(e(q), {
+          prop: b.name,
+          label: b.label,
+          "label-width": b.labelWidth,
+          required: b.required,
+          rules: e(s)
+        }, {
+          default: t(() => [
+            e(u) ? (m(), f(e(C), {
+              key: 0,
+              "model-value": l.value,
+              placeholder: b.placeholder,
+              disabled: !0,
+              readonly: !0
+            }, null, 8, ["model-value", "placeholder"])) : (m(), f(e($), {
+              key: 1,
+              modelValue: i.value,
+              "onUpdate:modelValue": r[0] || (r[0] = (V) => i.value = V),
+              placeholder: b.placeholder,
+              multiple: ""
+            }, {
+              default: t(() => [
+                (m(!0), z(F, null, k(e(n), (V) => (m(), f(e(U), {
+                  key: V.value,
+                  label: V.content,
+                  value: V.value
+                }, null, 8, ["label", "value"]))), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue", "placeholder"]))
+          ]),
+          _: 1
+        }, 8, ["prop", "label", "label-width", "required", "rules"])
+      ]),
+      _: 1
+    }, 8, ["span"]));
+  }
+}), fe = /* @__PURE__ */ v({
+  name: "OFormRadiogroup",
+  __name: "RadioGroup",
+  props: {
+    name: {},
+    label: {},
+    span: {},
+    labelWidth: {},
+    required: { type: Boolean },
+    rules: {},
+    disabled: { type: Boolean },
+    code: {}
+  },
+  setup(o) {
+    const p = y(), s = S(), u = W(), n = w(), l = g(n.model, o.name);
+    return (d, a) => (m(), f(e(c), { span: e(p) }, {
+      default: t(() => [
+        h(e(q), {
+          prop: d.name,
+          label: d.label,
+          "label-width": d.labelWidth,
+          required: d.required,
+          rules: e(s)
+        }, {
+          default: t(() => [
+            h(e(x), {
+              modelValue: l.value,
+              "onUpdate:modelValue": a[0] || (a[0] = (i) => l.value = i),
+              disabled: d.disabled
+            }, {
+              default: t(() => [
+                (m(!0), z(F, null, k(e(u), (i) => (m(), f(e(_), {
+                  key: i.value,
+                  value: i.value
+                }, {
+                  default: t(() => [
+                    L(N(i.content), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["value"]))), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue", "disabled"])
+          ]),
+          _: 1
+        }, 8, ["prop", "label", "label-width", "required", "rules"])
+      ]),
+      _: 1
+    }, 8, ["span"]));
+  }
+}), he = /* @__PURE__ */ v({
+  name: "OFormCheckboxgroup",
+  __name: "CheckboxGroup",
+  props: {
+    name: {},
+    label: {},
+    span: {},
+    labelWidth: {},
+    required: { type: Boolean },
+    rules: {},
+    disabled: { type: Boolean },
+    code: {}
+  },
+  setup(o) {
+    const p = y(), s = S(), u = W(), n = w(), l = g(n.model, o.name), d = B({
+      get: () => l.value ? l.value.split(",") : [],
+      set: (a) => {
+        a ? l.value = a.join(",") : l.value = "";
+      }
+    });
+    return (a, i) => (m(), f(e(c), { span: e(p) }, {
+      default: t(() => [
+        h(e(q), {
+          prop: a.name,
+          label: a.label,
+          "label-width": a.labelWidth,
+          required: a.required,
+          rules: e(s)
+        }, {
+          default: t(() => [
+            h(e(ee), {
+              modelValue: d.value,
+              "onUpdate:modelValue": i[0] || (i[0] = (b) => d.value = b),
+              disabled: a.disabled
+            }, {
+              default: t(() => [
+                (m(!0), z(F, null, k(e(u), (b) => (m(), f(e(T), {
+                  key: b.value,
+                  label: b.content,
+                  value: b.value
+                }, null, 8, ["label", "value"]))), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue", "disabled"])
+          ]),
+          _: 1
+        }, 8, ["prop", "label", "label-width", "required", "rules"])
+      ]),
+      _: 1
+    }, 8, ["span"]));
+  }
+}), ve = /* @__PURE__ */ v({
+  name: "OFormCheckbox",
+  __name: "Checkbox",
+  props: {
+    name: {},
+    label: {},
+    span: {},
+    labelWidth: {},
+    required: { type: Boolean },
+    rules: {},
+    disabled: { type: Boolean }
+  },
+  setup(o) {
+    const p = y(), s = S(), u = w(), n = g(u.model, o.name);
+    return (l, d) => (m(), f(e(c), { span: e(p) }, {
+      default: t(() => [
+        h(e(q), {
+          prop: l.name,
+          label: l.label,
+          "label-width": l.labelWidth,
+          required: l.required,
+          rules: e(s)
+        }, {
+          default: t(() => [
+            h(e(T), {
+              modelValue: n.value,
+              "onUpdate:modelValue": d[0] || (d[0] = (a) => n.value = a),
+              disabled: l.disabled,
+              "true-value": "1",
+              "false-value": "0"
+            }, null, 8, ["modelValue", "disabled"])
+          ]),
+          _: 1
+        }, 8, ["prop", "label", "label-width", "required", "rules"])
+      ]),
+      _: 1
+    }, 8, ["span"]));
+  }
+}), ce = /* @__PURE__ */ v({
+  name: "OFormSwitch",
+  __name: "Switch",
+  props: {
+    name: {},
+    label: {},
+    span: {},
+    labelWidth: {},
+    required: { type: Boolean },
+    rules: {},
+    disabled: { type: Boolean }
+  },
+  setup(o) {
+    const p = y(), s = S(), u = w(), n = g(u.model, o.name);
+    return (l, d) => (m(), f(e(c), { span: e(p) }, {
+      default: t(() => [
+        h(e(q), {
+          prop: l.name,
+          label: l.label,
+          "label-width": l.labelWidth,
+          required: l.required,
+          rules: e(s)
+        }, {
+          default: t(() => [
+            h(e(le), {
+              modelValue: n.value,
+              "onUpdate:modelValue": d[0] || (d[0] = (a) => n.value = a),
+              disabled: l.disabled,
+              "active-value": "1",
+              "inactive-value": "0"
+            }, null, 8, ["modelValue", "disabled"])
+          ]),
+          _: 1
+        }, 8, ["prop", "label", "label-width", "required", "rules"])
+      ]),
+      _: 1
+    }, 8, ["span"]));
+  }
+}), ye = /* @__PURE__ */ v({
+  name: "OFormDate",
+  __name: "DateInput",
+  props: {
+    name: {},
+    label: {},
+    span: {},
+    labelWidth: {},
+    required: { type: Boolean },
+    rules: {},
+    maxlength: {},
+    placeholder: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    editable: { type: Boolean },
+    clearable: { type: Boolean },
+    format: { default: "YYYY-MM-DD" },
+    sourceFormat: {}
+  },
+  setup(o) {
+    const p = y(), s = S(), u = B(
+      () => o.format.startsWith("H") || o.format.startsWith("h") || o.format.startsWith("m") || o.format.startsWith("s")
+    ), n = B(() => o.sourceFormat ? o.sourceFormat : u.value ? "HH:mm:ss" : "YYYY-MM-DD"), l = B(() => {
+      let r = "date";
+      return (o.format.indexOf("y") > -1 || o.format.indexOf("Y") > -1) && (r = "year"), o.format.indexOf("M") > -1 && (r = "month"), (o.format.indexOf("d") > -1 || o.format.indexOf("D") > -1) && (r = "date"), (o.format.indexOf("H") > -1 || o.format.indexOf("h") > -1 || o.format.indexOf("k") > -1 || o.format.indexOf("m") > -1 || o.format.indexOf("s") > -1 || o.format.indexOf("S") > -1) && (r = "datetime"), r;
+    }), d = w(), a = g(d.model, o.name), i = B(() => {
+      if (G(a.value))
+        return "string";
+      if (P(a.value))
+        return "date";
+      throw new R("日期输入框的值只能为字符串或日期类型");
+    }), b = B({
+      get: () => {
+        if (a.value) {
+          if (i.value == "date")
+            return a.value;
+          {
+            const r = O(a.value, n.value, !0);
+            if (!r.isValid())
+              throw new R(`日期输入框的值无效，不符合${n.value}格式`);
+            return r.toDate();
+          }
+        }
+      },
+      set: (r) => {
+        i.value == "date" ? r ? a.value = r : a.value = void 0 : r ? a.value = O(r).format(n.value) : a.value = "";
+      }
+    });
+    return (r, V) => (m(), f(e(c), { span: e(p) }, {
+      default: t(() => [
+        h(e(q), {
+          prop: r.name,
+          label: r.label,
+          "label-width": r.labelWidth,
+          required: r.required,
+          rules: e(s)
+        }, {
+          default: t(() => [
+            u.value ? (m(), f(e(ae), {
+              key: 0,
+              modelValue: b.value,
+              "onUpdate:modelValue": V[0] || (V[0] = (M) => b.value = M),
+              placeholder: r.placeholder,
+              disabled: r.disabled,
+              readonly: r.readonly,
+              editable: r.editable,
+              clearable: r.clearable,
+              format: n.value,
+              "arrow-control": ""
+            }, null, 8, ["modelValue", "placeholder", "disabled", "readonly", "editable", "clearable", "format"])) : (m(), f(e(oe), {
+              key: 1,
+              modelValue: b.value,
+              "onUpdate:modelValue": V[1] || (V[1] = (M) => b.value = M),
+              placeholder: r.placeholder,
+              disabled: r.disabled,
+              readonly: r.readonly,
+              editable: r.editable,
+              clearable: r.clearable,
+              type: l.value,
+              format: n.value
+            }, null, 8, ["modelValue", "placeholder", "disabled", "readonly", "editable", "clearable", "type", "format"]))
+          ]),
+          _: 1
+        }, 8, ["prop", "label", "label-width", "required", "rules"])
+      ]),
+      _: 1
+    }, 8, ["span"]));
+  }
+}), ge = /* @__PURE__ */ v({
+  name: "OFormFile",
+  __name: "FileInput",
+  props: {
+    name: {},
+    label: {},
+    span: {},
+    labelWidth: {},
+    required: { type: Boolean },
+    rules: {},
+    disabled: { type: Boolean }
+  },
+  setup(o) {
+    const p = y(), s = S(), u = A(""), n = E("fileRef");
+    K(() => {
+      n.value.input.onchange = (a) => {
+        var i;
+        d.value = (i = a == null ? void 0 : a.target) == null ? void 0 : i.files[0];
+      };
+    });
+    const l = w(), d = g(l.model, o.name);
+    return (a, i) => (m(), f(e(c), { span: e(p) }, {
+      default: t(() => [
+        h(e(q), {
+          prop: a.name,
+          label: a.label,
+          "label-width": a.labelWidth,
+          required: a.required,
+          rules: e(s)
+        }, {
+          default: t(() => [
+            h(e(C), {
+              ref_key: "fileRef",
+              ref: n,
+              modelValue: u.value,
+              "onUpdate:modelValue": i[0] || (i[0] = (b) => u.value = b),
+              disabled: a.disabled,
+              type: "file"
+            }, null, 8, ["modelValue", "disabled"])
+          ]),
+          _: 1
+        }, 8, ["prop", "label", "label-width", "required", "rules"])
+      ]),
+      _: 1
+    }, 8, ["span"]));
+  }
+}), qe = /* @__PURE__ */ v({
+  name: "OFormButtongroup",
+  __name: "ButtonGroup",
+  props: {
+    span: {},
+    gutter: { type: [Boolean, String] },
+    align: { default: "right" }
+  },
+  setup(o) {
+    const p = B(() => ({
+      textAlign: o.align
+    })), s = y();
+    return (u, n) => (m(), f(e(c), {
+      span: e(s),
+      style: J(p.value)
+    }, {
+      default: t(() => [
+        h(e(te), {
+          gutter: u.gutter,
+          style: { "margin-bottom": "18px" }
+        }, {
+          default: t(() => [
+            D(u.$slots, "default")
+          ]),
+          _: 3
+        }, 8, ["gutter"])
+      ]),
+      _: 3
+    }, 8, ["span", "style"]));
+  }
+}), Me = Q(ue, {
+  StringInput: ie,
+  PasswordInput: se,
+  Textarea: me,
+  SingleSelect: pe,
+  MultiSelect: be,
+  RadioGroup: fe,
+  CheckboxGroup: he,
+  Checkbox: ve,
+  Switch: ce,
+  DateInput: ye,
+  FileInput: ge,
+  ButtonGroup: qe
+});
+export {
+  Me as default,
+  re as formContextKey
+};
+//# sourceMappingURL=index.js.map