wyfe-ivue 1.2.0 → 1.3.0

package/dist/InlineForm-CxTe6iO6.js

@@ -0,0 +1,144 @@
+import { Y as W, $, Z as q } from "./index-DFfMMYDR.js";
+import { Y as L, Z as D, _ as O, q as T, $ as Y, a0 as Z, a1 as z } from "./useFormHook-BeAhqlIU.js";
+import { defineComponent as A, computed as H, onMounted as j, createElementBlock as k, openBlock as n, normalizeStyle as d, createVNode as i, createElementVNode as G, withModifiers as J, withCtx as c, Fragment as X, renderList as x, unref as t, createBlock as s, createCommentVNode as f, withKeys as u, renderSlot as ee, createTextVNode as b, nextTick as oe } from "vue";
+const le = { class: "btnWrapper" }, ae = /* @__PURE__ */ A({
+  __name: "InlineForm",
+  props: W,
+  emits: ["onQuery"],
+  setup(_, { expose: V, emit: P }) {
+    const p = _, m = P, w = H(
+      () => p.showBorberBottom ? "1px solid var(--el-border-color)" : ""
+    );
+    j(() => {
+      document.querySelectorAll(".el-select__input").forEach((o) => {
+        o.addEventListener(
+          "keydown",
+          (a) => {
+            a.key === "Enter" && a.stopImmediatePropagation();
+          },
+          !0
+        );
+      });
+    });
+    const {
+      efRef: C,
+      cascaderRef: g,
+      formColumnsComputed: E,
+      selectOptions: M,
+      cascaderOptions: v,
+      dateFormatComputed: h,
+      transformFieldProps: I,
+      handleCascaderChange: B
+    } = L(p), r = async () => {
+      await oe(), m("onQuery", I(p.formColumns, p.formModel));
+    }, F = () => {
+      m("onQuery", {});
+    };
+    return V({ efRef: C, cascaderRef: g }), (o, a) => {
+      const U = T, S = Y, R = Z, K = z, N = O, Q = D, y = $;
+      return n(), k("div", {
+        class: "inline-form",
+        style: d({ borderBottom: w.value })
+      }, [
+        i(Q, {
+          ref_key: "efRef",
+          ref: C,
+          inline: "",
+          model: o.formModel,
+          "label-suffix": o.labelSuffix,
+          onSubmit: a[0] || (a[0] = J(() => {
+          }, ["prevent"]))
+        }, {
+          default: c(() => [
+            (n(!0), k(X, null, x(t(E), (e) => (n(), s(N, {
+              key: e.label,
+              label: e.label
+            }, {
+              default: c(() => [
+                e.inputConfig ? (n(), s(U, {
+                  key: 0,
+                  modelValue: o.formModel[e.prop],
+                  "onUpdate:modelValue": (l) => o.formModel[e.prop] = l,
+                  placeholder: e.inputConfig.placeholder || "请输入",
+                  maxlength: e.inputConfig.maxlength || "",
+                  "show-word-limit": !!e.inputConfig.maxlength,
+                  style: d({ width: e.inputConfig.width || o.formItemWidth }),
+                  clearable: e.inputConfig.clearable ?? !0,
+                  onClear: r,
+                  onKeyup: u(r, ["enter"])
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "maxlength", "show-word-limit", "style", "clearable"])) : f("", !0),
+                e.selectConfig ? (n(), s(S, {
+                  key: 1,
+                  modelValue: o.formModel[e.prop],
+                  "onUpdate:modelValue": (l) => o.formModel[e.prop] = l,
+                  options: t(M)(e),
+                  props: e.selectConfig?.props || o.dictProps,
+                  style: d({ width: e.selectConfig.width || o.formItemWidth }),
+                  clearable: e.selectConfig.clearable ?? !0,
+                  onClear: r,
+                  onKeyup: u(r, ["enter"])
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "props", "style", "clearable"])) : f("", !0),
+                e.cascaderConfig ? (n(), s(R, {
+                  key: 2,
+                  ref_for: !0,
+                  ref_key: "cascaderRef",
+                  ref: g,
+                  modelValue: o.formModel[e.prop],
+                  "onUpdate:modelValue": (l) => o.formModel[e.prop] = l,
+                  options: t(v)(e),
+                  props: e.cascaderConfig?.props || {},
+                  style: d({ width: e.cascaderConfig.width || o.formItemWidth }),
+                  clearable: e.cascaderConfig.clearable ?? !0,
+                  onChange: (l) => t(B)(l, e),
+                  onClear: r
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "props", "style", "clearable", "onChange"])) : f("", !0),
+                e.datePickerConfig ? (n(), s(K, {
+                  key: 3,
+                  modelValue: o.formModel[e.prop],
+                  "onUpdate:modelValue": (l) => o.formModel[e.prop] = l,
+                  type: e.datePickerConfig.type || "date",
+                  "range-separator": e.datePickerConfig.rangeSeparator || "至",
+                  "start-placeholder": e.datePickerConfig.startPlaceholder || "开始日期",
+                  "end-placeholder": e.datePickerConfig.endPlaceholder || "结束日期",
+                  format: t(h)(e.datePickerConfig),
+                  "value-format": t(h)(e.datePickerConfig),
+                  clearable: e.datePickerConfig.clearable ?? !0,
+                  "disabled-date": e.datePickerConfig.disabledDate,
+                  placeholder: e.datePickerConfig.placeholder || "请选择",
+                  style: d({ width: e.datePickerConfig.width ?? "100%" }),
+                  onCalendarChange: e.datePickerConfig.onCalendarChange,
+                  onClear: (l) => e.datePickerConfig?.onClear?.() || r,
+                  onKeyup: u(r, ["enter"])
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "type", "range-separator", "start-placeholder", "end-placeholder", "format", "value-format", "clearable", "disabled-date", "placeholder", "style", "onCalendarChange", "onClear"])) : f("", !0)
+              ]),
+              _: 2
+            }, 1032, ["label"]))), 128))
+          ]),
+          _: 1
+        }, 8, ["model", "label-suffix"]),
+        G("div", le, [
+          i(y, {
+            type: "primary",
+            loading: o.queryLoading,
+            onClick: r
+          }, {
+            default: c(() => [...a[1] || (a[1] = [
+              b(" 查询 ", -1)
+            ])]),
+            _: 1
+          }, 8, ["loading"]),
+          i(y, { onClick: F }, {
+            default: c(() => [...a[2] || (a[2] = [
+              b("重置", -1)
+            ])]),
+            _: 1
+          }),
+          ee(o.$slots, "formRight", {}, void 0, !0)
+        ])
+      ], 4);
+    };
+  }
+}), de = /* @__PURE__ */ q(ae, [["__scopeId", "data-v-9920d7ae"]]);
+export {
+  de as default
+};