@skyfox2000/webui 0.1.0

package/lib/assets/modules/uploadForm-BahGnrAq.js

@@ -0,0 +1,415 @@
+import { defineComponent as V, useAttrs as $, ref as y, watch as S, onMounted as E, onUnmounted as T, createElementBlock as g, openBlock as f, createVNode as w, unref as o, mergeProps as B, withCtx as _, createCommentVNode as F, Fragment as I, renderList as Q, createBlock as j, normalizeClass as G, createTextVNode as z, toDisplayString as A, createElementVNode as H } from "vue";
+import { AutoComplete as W, CheckboxGroup as X, Checkbox as Y, RadioGroup as Z, Radio as ee, Select as ae, SelectOption as le } from "ant-design-vue";
+import { OptionCommProps as q, outFormDataFields as te, useInputFactory as D, unloadOption as J, onOptionChanged as U, getSelectedLabels as K, formValidate as R, loadOption as L, isEmpty as P, OPTIONS as ue, circleLoading as re } from "@skyfox2000/webbase";
+const fe = /* @__PURE__ */ V({
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    ...q,
+    autoload: {
+      type: Boolean,
+      default: !1
+    },
+    value: {
+      type: [String, Number, null, Array],
+      default: void 0
+    },
+    /**
+     * 查询字段
+     * - 模糊查询
+     */
+    searchField: {
+      type: String
+    },
+    /**
+     * 自定义查询参数
+     * - 查询参数
+     * - query参数
+     */
+    onsearch: {
+      type: Function
+    },
+    /**
+     * 修改输入数据则自动清空关联数据
+     */
+    autoClean: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["update:value", "select", "change", "update:labels"],
+  setup(c, { emit: M }) {
+    var k, l, s;
+    const e = c, C = $(), t = y({
+      ...e.url,
+      url: ((k = e.url) == null ? void 0 : k.url) || "",
+      fieldMap: e.fieldMap || ((l = e.url) == null ? void 0 : l.fieldMap),
+      params: e.params || ((s = e.url) == null ? void 0 : s.params),
+      loadingText: !1
+    }), r = y(void 0);
+    S(
+      () => e.value,
+      () => {
+        r.value = e.value;
+      },
+      { immediate: !0 }
+    ), S(
+      () => r.value,
+      (u) => {
+        e.autoClean && e.formData && e.outFields && u !== e.value && te(e.formData, e.outFields, null);
+      }
+    );
+    const i = D(), { editorCtrl: b, errInfo: d, labelText: m } = i, p = M;
+    i.inputEmit = p;
+    const v = y([]), h = (u) => {
+      var N;
+      if (v.value = [], u === "") return;
+      let a = u.trim(), n = {
+        ...t.value.params,
+        Query: {
+          ...(N = t.value.params) == null ? void 0 : N.Query
+        }
+      };
+      e.searchField && (n.Query[e.searchField] = {
+        $like: "%" + a + "%"
+      }), e.onsearch && e.onsearch(a, n), L(!0, e, v, i, t.value, n);
+    }, x = (u) => {
+      const a = U(e, u, v, i);
+      p("update:value", u), p("select", u);
+      const n = K(a);
+      p("update:labels", n), d != null && d.value.errClass && b && R(b);
+    };
+    return E(() => {
+      t.value && !t.value.fieldMap && (t.value.fieldMap = {
+        title: "Name",
+        label: "Name",
+        value: "Name",
+        key: "Id"
+      });
+    }), T(() => {
+      J(e, i);
+    }), (u, a) => {
+      var n;
+      return f(), g("div", null, [
+        w(o(W), B({
+          value: r.value,
+          "onUpdate:value": a[0] || (a[0] = (N) => r.value = N),
+          class: [(n = o(d)) == null ? void 0 : n.errClass, "error w-full"],
+          options: v.value,
+          onSearch: h,
+          onSelect: x,
+          placeholder: e.url && !e.url.loading ? "请输入并选择" + o(m) : ""
+        }, o(C)), null, 16, ["value", "class", "options", "placeholder"])
+      ]);
+    };
+  }
+}), se = { class: "min-h-[32px] pt-[5px]" }, ne = {
+  key: 1,
+  class: "text-center text-gray-500"
+}, me = /* @__PURE__ */ V({
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    ...q,
+    nodata: {
+      type: String,
+      default: ""
+    },
+    /**
+     * 换行数量
+     */
+    wrap: {
+      type: Number
+    },
+    disabledItems: {
+      type: Array
+    }
+  },
+  emits: ["change", "update:labels"],
+  setup(c, { emit: M }) {
+    var p, v, h;
+    const e = c, C = $(), t = y({
+      ...e.url,
+      url: ((p = e.url) == null ? void 0 : p.url) || "",
+      fieldMap: e.fieldMap || ((v = e.url) == null ? void 0 : v.fieldMap),
+      params: e.params || ((h = e.url) == null ? void 0 : h.params),
+      loadingText: !1
+    }), r = D(), { errInfo: i } = r, b = M;
+    r.inputEmit = b;
+    const d = y([]), m = (x) => {
+      const l = U(e, x, d, r), s = K(l);
+      b("update:labels", s);
+    };
+    return E(() => {
+      t.value && !t.value.fieldMap && (t.value.fieldMap = {
+        title: "Name",
+        label: "Name",
+        value: "Id",
+        key: "Id"
+      }), L(e.autoload, e, d, r, t.value, t.value.params);
+    }), T(() => {
+      J(e, r);
+    }), (x, k) => (f(), g("div", se, [
+      w(o(X), B({
+        onChange: m,
+        class: "w-full mb-[-3px]"
+      }, o(C)), {
+        default: _(() => [
+          d.value.length > 0 ? (f(!0), g(I, { key: 0 }, Q(d.value, (l) => {
+            var s;
+            return f(), j(o(Y), {
+              key: l.value,
+              value: l.value,
+              disabled: l.disabled || l.value && c.disabledItems && c.disabledItems.indexOf(l.value.toString()) > -1,
+              class: G([
+                ((s = o(i)) == null ? void 0 : s.errClass) === "error" ? "error !text-red-400" : "",
+                "text-nowrap",
+                "pb-1",
+                c.wrap ? `w-1/${e.wrap}` : ""
+              ])
+            }, {
+              default: _(() => [
+                z(A(l.label), 1)
+              ]),
+              _: 2
+            }, 1032, ["value", "disabled", "class"]);
+          }), 128)) : c.nodata ? (f(), g("div", ne, A(c.nodata), 1)) : F("", !0)
+        ]),
+        _: 1
+      }, 16)
+    ]));
+  }
+}), oe = { class: "min-h-[32px] pt-1" }, ie = {
+  key: 1,
+  class: "text-center text-gray-500"
+}, ye = /* @__PURE__ */ V({
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    ...q,
+    value: {
+      type: [String, Number, null, Array],
+      default: void 0
+    },
+    nodata: {
+      type: String,
+      default: "无数据"
+    },
+    /**
+     * 换行数量
+     */
+    wrap: {
+      type: Number
+    }
+  },
+  emits: ["change", "update:value", "update:labels"],
+  setup(c, { emit: M }) {
+    var h, x, k;
+    const e = c, C = $(), t = y({
+      ...e.url,
+      url: ((h = e.url) == null ? void 0 : h.url) || "",
+      fieldMap: e.fieldMap || ((x = e.url) == null ? void 0 : x.fieldMap),
+      params: e.params || ((k = e.url) == null ? void 0 : k.params),
+      loadingText: !1
+    }), r = y(e.value), i = D(), { errInfo: b } = i, d = y([]), m = M;
+    i.inputEmit = m, S(
+      () => r.value,
+      (l) => {
+        m("update:value", l);
+      }
+    );
+    const p = (l, s) => {
+      if (typeof l == "object" && typeof s == "object") {
+        const u = JSON.stringify(l) === JSON.stringify(s);
+        return u && (r.value = l), u;
+      }
+      return l === s;
+    }, v = (l) => {
+      const s = l.target.value, u = U(e, s, d, i), a = K(u);
+      m("update:labels", a);
+    };
+    return E(() => {
+      var l;
+      t.value && !t.value.fieldMap && (t.value.fieldMap = {
+        label: "Name",
+        value: "Id",
+        key: "Id"
+      }), L(e.autoload, e, d, i, t.value, (l = t.value) == null ? void 0 : l.params);
+    }), T(() => {
+      J(e, i);
+    }), (l, s) => (f(), g("div", oe, [
+      w(o(Z), B({
+        value: r.value,
+        "onUpdate:value": s[0] || (s[0] = (u) => r.value = u),
+        autocheck: !1,
+        onChange: v,
+        class: "w-full flex align-items flex-wrap mb-[-3px]"
+      }, o(C)), {
+        default: _(() => [
+          d.value.length > 0 ? (f(!0), g(I, { key: 0 }, Q(d.value, (u) => {
+            var a;
+            return f(), g(I, {
+              key: u.value
+            }, [
+              u.visible !== !1 ? (f(), j(o(ee), {
+                key: 0,
+                checked: p(u.value, e.value),
+                value: u.value,
+                class: G([
+                  ((a = o(b)) == null ? void 0 : a.errClass) === "error" ? "error !text-red-400" : "",
+                  "text-nowrap",
+                  "pb-1",
+                  c.wrap ? `w-1/${e.wrap}` : ""
+                ])
+              }, {
+                default: _(() => [
+                  z(A(u.label), 1)
+                ]),
+                _: 2
+              }, 1032, ["checked", "value", "class"])) : F("", !0)
+            ], 64);
+          }), 128)) : c.nodata ? (f(), g("div", ie, A(c.nodata), 1)) : F("", !0)
+        ]),
+        _: 1
+      }, 16, ["value"])
+    ]));
+  }
+}), de = {
+  key: 0,
+  class: "absolute z-10 mt-[5px] mr-[10px] text-[#999] flex items-center"
+}, be = /* @__PURE__ */ V({
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    ...q,
+    value: {
+      type: [String, Number, Array, null],
+      default: void 0
+    },
+    /**
+     * 自动选择第一个选项
+     */
+    selectFirst: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * 数据源OPTIONS的key
+     */
+    dataKey: {
+      type: String,
+      required: !1
+    },
+    /**
+     * 是否显示全部选项
+     */
+    all: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * 自定义全部选项的值
+     * 如果all为true，则显示全部选项
+     * 未设置allValue，则默认[0, 1]
+     */
+    allValue: {
+      type: [String, Number, Array],
+      required: !1
+    }
+  },
+  emits: ["change", "update:value", "update:labels"],
+  setup(c, { emit: M }) {
+    var l, s, u;
+    const e = c, C = $(), t = y({
+      ...e.url,
+      url: ((l = e.url) == null ? void 0 : l.url) || "",
+      fieldMap: e.fieldMap || ((s = e.url) == null ? void 0 : s.fieldMap),
+      params: e.params || ((u = e.url) == null ? void 0 : u.params),
+      loadingText: !1
+    }), r = D(), { editorCtrl: i, errInfo: b, labelText: d } = r, m = y(void 0), p = M;
+    r.inputEmit = p;
+    const v = y([]);
+    S(
+      () => v.value,
+      (a) => {
+        a.length > 0 && P(e.value) && e.selectFirst ? (m.value = a[0].value, k(a[0].value)) : m.value = e.value === null ? void 0 : e.value;
+      }
+    );
+    const h = y(C.placeholder);
+    S(
+      () => t.value.loading,
+      (a) => {
+        a ? h.value = "" : h.value || (h.value = "请选择" + d.value);
+      },
+      { immediate: !0 }
+    );
+    const x = y(e.value);
+    S(
+      () => m.value,
+      (a) => {
+        if (C.mode === "multiple" && P(a) && P(x.value)) {
+          p("update:value", x.value);
+          return;
+        }
+        p("update:value", a);
+      }
+    );
+    const k = (a) => {
+      const n = U(e, a, v, r), N = K(n);
+      m.value = a, p("update:labels", N), p("change", a), b != null && b.value.errClass && i && R(i);
+    };
+    return E(() => {
+      var a;
+      if (t.value && !t.value.fieldMap && (t.value.fieldMap = {
+        label: "Name",
+        value: "Id",
+        key: "Id"
+      }), e.dataKey) {
+        const n = JSON.parse(JSON.stringify(ue.getOptions(e.dataKey)));
+        v.value = n;
+      } else L(e.autoload, e, v, r, t.value, (a = t.value) == null ? void 0 : a.params);
+    }), T(() => {
+      J(e, r);
+    }), (a, n) => {
+      var N;
+      return f(), g("div", null, [
+        e.url && e.url.loading === !0 ? (f(), g("div", de, [
+          w(o(re), { class: "text-[#555] mx-[5px] !ml-[10px] !w-4 !h-4" }),
+          n[1] || (n[1] = H("span", null, "数据加载中...", -1))
+        ])) : F("", !0),
+        w(o(ae), B({
+          class: [(N = o(b)) == null ? void 0 : N.errClass, "w-full"],
+          value: m.value,
+          "onUpdate:value": n[0] || (n[0] = (O) => m.value = O),
+          "allow-clear": !0,
+          onChange: k,
+          placeholder: h.value,
+          "label-in-value": !1
+        }, o(C)), {
+          default: _(() => [
+            (f(!0), g(I, null, Q(v.value, (O) => (f(), g(I, {
+              key: O.value
+            }, [
+              O.visible !== !1 ? (f(), j(o(le), {
+                key: 0,
+                value: O.value
+              }, {
+                default: _(() => [
+                  z(A(O.label), 1)
+                ]),
+                _: 2
+              }, 1032, ["value"])) : F("", !0)
+            ], 64))), 128))
+          ]),
+          _: 1
+        }, 16, ["class", "value", "placeholder"])
+      ]);
+    };
+  }
+});
+export {
+  fe as _,
+  me as a,
+  ye as b,
+  be as c
+};