@done-coding/admin-core 0.0.1-alpha.0

package/es/components/form/FormRadioGroup.vue.mjs

@@ -0,0 +1,36 @@
+import { ElRadioGroup as i, ElRadio as p } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/radio-group/style/css";
+import "element-plus/es/components/radio/style/css";
+import { defineComponent as u, openBlock as e, createBlock as t, withCtx as r, createElementBlock as d, Fragment as c, renderList as s, createTextVNode as m, toDisplayString as _ } from "vue";
+const G = /* @__PURE__ */ u({
+  name: "FormRadioGroup",
+  inheritAttrs: !0,
+  __name: "FormRadioGroup",
+  props: {
+    options: {}
+  },
+  setup(a) {
+    return (f, R) => {
+      const n = p, l = i;
+      return e(), t(l, null, {
+        default: r(() => [
+          (e(!0), d(c, null, s(a.options, (o) => (e(), t(n, {
+            key: o.value,
+            value: o.value,
+            disabled: o.disabled
+          }, {
+            default: r(() => [
+              m(_(o.label), 1)
+            ]),
+            _: 2
+          }, 1032, ["value", "disabled"]))), 128))
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  G as default
+};

package/es/components/form/FormRadioGroup.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./FormRadioGroup.vue.mjs";
+export {
+  f as default
+};

package/es/components/form/FormSearch.vue.mjs

@@ -0,0 +1,7 @@
+import o from "./FormSearch.vue2.mjs";
+/* empty css                 */
+import r from "../../_virtual/_plugin-vue_export-helper.mjs";
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-8896356d"]]);
+export {
+  p as default
+};

package/es/components/form/FormSearch.vue2.mjs

@@ -0,0 +1,132 @@
+import V from "./FormMain.vue.mjs";
+import { ElCol as k, ElButton as M } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/col/style/css";
+import "element-plus/es/components/button/style/css";
+import { defineComponent as B, useAttrs as R, ref as W, computed as $, shallowRef as D, openBlock as N, createBlock as Q, normalizeClass as z, unref as i, withCtx as r, withDirectives as A, createVNode as m, mergeProps as H, createSlots as L, normalizeProps as g, guardReactiveProps as v, createElementVNode as T, createTextVNode as y, renderList as j, renderSlot as q, vShow as G } from "vue";
+import { stringifyFormData as I } from "./utils.mjs";
+import J from "../display/WatchSize.vue.mjs";
+const K = { class: "btn-box" }, re = /* @__PURE__ */ B({
+  name: "FormSearch",
+  inheritAttrs: !1,
+  __name: "FormSearch",
+  props: {
+    labelPosition: { default: "right" },
+    labelWidth: { default: "auto" },
+    staticQuery: {},
+    list: {},
+    data: {},
+    layout: { default: () => ({
+      xs: 24,
+      sm: 12,
+      md: 12,
+      lg: 8,
+      xl: 6
+    }) }
+  },
+  emits: ["search", "heightChange", "visibleChange"],
+  setup(o, { expose: b, emit: C }) {
+    const s = o, l = C, w = R(), u = W(!1), x = $(() => s.data), S = (e) => {
+      l("heightChange", e);
+    }, a = D(), d = (e) => ({
+      ...s.staticQuery || {},
+      ...I(e, s.list)
+    }), h = () => {
+      var e;
+      (e = a.value) == null || e.resetFields(), l("search", d(s.data), "reset");
+    }, c = (e = "search") => {
+      var t;
+      (t = a.value) == null || t.validate().then(() => {
+        l("search", d(s.data), e);
+      });
+    }, F = (e) => {
+      c(e);
+    };
+    b({
+      validate: () => {
+        if (a.value)
+          return a.value.validate();
+        throw new Error("实例化未完成");
+      },
+      resetFields: () => {
+        var e;
+        return (e = a.value) == null ? void 0 : e.resetFields();
+      },
+      clearValidate: (e) => {
+        var t;
+        return (t = a.value) == null ? void 0 : t.clearValidate(e);
+      },
+      triggerReset: h,
+      triggerSearch: () => c()
+    });
+    const _ = (e) => {
+      u.value = e, l("visibleChange", e);
+    };
+    return (e, t) => {
+      const f = M, P = k, E = V;
+      return N(), Q(J, {
+        class: z(["form-search", {
+          "form-search_show": i(u)
+        }]),
+        onHeightChange: S
+      }, {
+        default: r(() => [
+          A(m(E, H({
+            ref_key: "formMain",
+            ref: a,
+            list: o.list,
+            data: i(x)
+          }, i(w), {
+            layout: o.layout,
+            labelPosition: o.labelPosition,
+            labelWidth: o.labelWidth,
+            onSubmit: F,
+            onVisibleChange: _
+          }), L({
+            default: r(({ mergeLayout: n }) => [
+              m(P, g(v(n())), {
+                default: r(() => [
+                  T("div", K, [
+                    m(f, {
+                      type: "primary",
+                      onMousedown: h
+                    }, {
+                      default: r(() => [...t[1] || (t[1] = [
+                        y("重置", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    m(f, {
+                      type: "primary",
+                      onMousedown: t[0] || (t[0] = (p) => c())
+                    }, {
+                      default: r(() => [...t[2] || (t[2] = [
+                        y("查询", -1)
+                      ])]),
+                      _: 1
+                    })
+                  ])
+                ]),
+                _: 1
+              }, 16)
+            ]),
+            _: 2
+          }, [
+            j(o.list, (n) => ({
+              name: n.key,
+              fn: r((p) => [
+                q(e.$slots, n.key, g(v(p)), void 0, !0)
+              ])
+            }))
+          ]), 1040, ["list", "data", "layout", "labelPosition", "labelWidth"]), [
+            [G, i(u)]
+          ])
+        ]),
+        _: 3
+      }, 8, ["class"]);
+    };
+  }
+});
+export {
+  re as default
+};

package/es/components/form/FormSelect.vue.mjs

@@ -0,0 +1,65 @@
+import { ElSelect as E, ElOption as S } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/select/style/css";
+import "element-plus/es/components/option/style/css";
+import { defineComponent as k, useAttrs as w, ref as f, computed as n, onMounted as B, watch as F, openBlock as m, createBlock as h, mergeProps as _, unref as r, withCtx as v, createElementBlock as x, Fragment as y, renderList as D, normalizeClass as z, renderSlot as A } from "vue";
+const j = /* @__PURE__ */ k({
+  name: "FormSelect",
+  __name: "FormSelect",
+  props: {
+    modelValue: {},
+    options: { default: () => [] },
+    remoteMethod: {},
+    itemCls: {},
+    getOptions: {}
+  },
+  emits: ["update:modelValue", "detailChange"],
+  setup(l, { emit: b }) {
+    const t = l, d = b, M = w(), u = f([]), i = f([]), s = n(() => !!t.remoteMethod), O = n(() => t.getOptions ? u.value : t.options), c = n(() => s.value ? i.value : O.value), V = n(() => c.value.find((e) => e.value === t.modelValue)), p = async (e) => {
+      i.value = await t.remoteMethod(e);
+    };
+    return B(() => {
+      var e;
+      t.remoteMethod ? p() : (e = t.getOptions) == null || e.call(t).then((a) => {
+        u.value = a;
+      });
+    }), F(
+      V,
+      (e) => {
+        d("detailChange", e);
+      },
+      {
+        immediate: !0
+      }
+    ), (e, a) => {
+      const g = S, C = E;
+      return m(), h(C, _({
+        modelValue: l.modelValue,
+        remote: r(s),
+        filterable: r(s),
+        remoteMethod: l.remoteMethod && p
+      }, r(M), {
+        "onUpdate:modelValue": a[0] || (a[0] = (o) => d("update:modelValue", o))
+      }), {
+        default: v(() => [
+          (m(!0), x(y, null, D(r(c), (o) => (m(), h(g, {
+            key: o.value,
+            class: z(l.itemCls),
+            label: o.label,
+            value: o.value,
+            disabled: o.disabled
+          }, {
+            default: v(() => [
+              A(e.$slots, "option", { data: o })
+            ]),
+            _: 2
+          }, 1032, ["class", "label", "value", "disabled"]))), 128))
+        ]),
+        _: 3
+      }, 16, ["modelValue", "remote", "filterable", "remoteMethod"]);
+    };
+  }
+});
+export {
+  j as default
+};

package/es/components/form/FormSelect.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./FormSelect.vue.mjs";
+export {
+  f as default
+};

package/es/components/form/FormTree.vue.mjs

@@ -0,0 +1,34 @@
+import { ElTree as c } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/tree/style/css";
+import { defineComponent as m, openBlock as r, createBlock as u } from "vue";
+const i = /* @__PURE__ */ m({
+  __name: "FormTree",
+  props: {
+    modelValue: {},
+    tree: { default: () => [] },
+    showCheckbox: { type: Boolean },
+    defaultExpandAll: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: o }) {
+    const l = o, a = (d, { checkedKeys: t }) => {
+      l("update:modelValue", t);
+    };
+    return (d, t) => {
+      const n = c;
+      return r(), u(n, {
+        ref: "elTree",
+        data: e.tree,
+        showCheckbox: e.showCheckbox,
+        nodeKey: "id",
+        defaultCheckedKeys: e.modelValue,
+        defaultExpandAll: e.defaultExpandAll,
+        onCheck: a
+      }, null, 8, ["data", "showCheckbox", "defaultCheckedKeys", "defaultExpandAll"]);
+    };
+  }
+});
+export {
+  i as default
+};

package/es/components/form/FormTree.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./FormTree.vue.mjs";
+export {
+  f as default
+};

package/es/components/form/FormVerifyCode.vue.mjs

@@ -0,0 +1,72 @@
+import { ElInput as B, ElButton as g } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/input/style/css";
+import "element-plus/es/components/button/style/css";
+import { defineComponent as h, ref as u, computed as x, onBeforeUnmount as _, watch as E, openBlock as n, createBlock as I, withCtx as r, createVNode as T, unref as a, createElementBlock as p, toDisplayString as c } from "vue";
+import { timeCountDown as z } from "../../utils/time.mjs";
+const K = { key: 0 }, U = { key: 1 }, A = /* @__PURE__ */ h({
+  __name: "FormVerifyCode",
+  props: {
+    modelValue: {},
+    hz: { default: 60 },
+    api: {},
+    params: {},
+    resetKey: {},
+    disabled: { type: Boolean },
+    btnText: { default: "发送验证码" }
+  },
+  emits: ["update:modelValue"],
+  setup(o, { emit: f }) {
+    const l = o, y = f, t = u(0), d = u(!1), i = x(() => t.value > 0);
+    let e;
+    const V = () => {
+      d.value = !0, console.log("发送验证码"), l.api(l.params).then(() => {
+        t.value = l.hz, e == null || e(), e = z(
+          t.value,
+          (s) => {
+            t.value = s;
+          },
+          () => {
+            console.log("倒计时结束");
+          }
+        );
+      }).finally(() => {
+        d.value = !1;
+      });
+    };
+    return _(() => {
+      e == null || e();
+    }), E(
+      () => l.resetKey,
+      () => {
+        e == null || e(), t.value = 0;
+      }
+    ), (s, m) => {
+      const b = g, v = B;
+      return n(), I(v, {
+        modelValue: o.modelValue,
+        disabled: o.disabled,
+        "onUpdate:modelValue": m[0] || (m[0] = (k) => y("update:modelValue", k))
+      }, {
+        suffix: r(() => [
+          T(b, {
+            type: "primary",
+            link: "",
+            loading: a(d),
+            disabled: a(i) || o.disabled,
+            onClick: V
+          }, {
+            default: r(() => [
+              a(i) ? (n(), p("span", K, c(a(t)) + "s后可重新发送", 1)) : (n(), p("span", U, c(o.btnText), 1))
+            ]),
+            _: 1
+          }, 8, ["loading", "disabled"])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "disabled"]);
+    };
+  }
+});
+export {
+  A as default
+};

package/es/components/form/FormVerifyCode.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./FormVerifyCode.vue.mjs";
+export {
+  f as default
+};

package/es/components/form/FormVerifyImage.vue.mjs

@@ -0,0 +1,7 @@
+import o from "./FormVerifyImage.vue2.mjs";
+/* empty css                      */
+import r from "../../_virtual/_plugin-vue_export-helper.mjs";
+const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-a4baf877"]]);
+export {
+  f as default
+};

package/es/components/form/FormVerifyImage.vue2.mjs

@@ -0,0 +1,60 @@
+import { ElInput as x } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/input/style/css";
+import { defineComponent as V, ref as r, computed as s, onMounted as _, openBlock as k, createBlock as U, normalizeStyle as u, unref as o, withCtx as I, createElementVNode as c } from "vue";
+const R = ["disabled"], $ = ["src"], d = "9px", E = /* @__PURE__ */ V({
+  __name: "FormVerifyImage",
+  props: {
+    modelValue: {},
+    imgWidth: { default: 100 },
+    api: {},
+    params: {},
+    autoRevokeUrl: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(a, { emit: f }) {
+    const e = a, p = f, t = r(!1), l = r(""), g = s(() => ({
+      left: `calc(100%  + ${d})`,
+      width: `${e.imgWidth}px`
+    })), v = s(() => ({
+      width: `calc(100% - ${d} - ${e.imgWidth}px)`
+    })), i = () => {
+      t.value || (console.log("获取图片验证码"), t.value = !0, l.value && e.autoRevokeUrl && URL.revokeObjectURL(l.value), e.api(e.params).then((n) => {
+        l.value = n;
+      }).finally(() => {
+        t.value = !1;
+      }));
+    };
+    return _(() => {
+      i();
+    }), (n, m) => {
+      const y = x;
+      return k(), U(y, {
+        placeholder: "验证码",
+        modelValue: a.modelValue,
+        class: "form-verify-image",
+        style: u(o(v)),
+        "onUpdate:modelValue": m[0] || (m[0] = (h) => p("update:modelValue", h))
+      }, {
+        suffix: I(() => [
+          c("div", {
+            class: "form-verify-image-suffix",
+            style: u(o(g)),
+            disabled: o(t),
+            onClick: i
+          }, [
+            c("img", {
+              class: "form-verify-image-suffix-main",
+              src: o(l),
+              alt: ""
+            }, null, 8, $)
+          ], 12, R)
+        ]),
+        _: 1
+      }, 8, ["modelValue", "style"]);
+    };
+  }
+});
+export {
+  E as default
+};

package/es/components/form/index.mjs

@@ -0,0 +1,32 @@
+import e from "./FormMain.vue.mjs";
+import i from "./FormSelect.vue.mjs";
+import a from "./FormRadioGroup.vue.mjs";
+import t from "./FormTree.vue.mjs";
+import f from "./FormSearch.vue.mjs";
+import n from "./FormVerifyImage.vue.mjs";
+import s from "./FormVerifyCode.vue.mjs";
+const c = {
+  FormMain: e,
+  FormSelect: i,
+  FormRadioGroup: a,
+  FormTree: t,
+  FormSearch: f,
+  FormVerifyImage: n,
+  FormVerifyCode: s
+}, S = {
+  install(o) {
+    Object.entries(c).forEach(([r, m]) => {
+      o.component(r, m);
+    });
+  }
+};
+export {
+  e as FormMain,
+  a as FormRadioGroup,
+  f as FormSearch,
+  i as FormSelect,
+  t as FormTree,
+  s as FormVerifyCode,
+  n as FormVerifyImage,
+  S as formInstall
+};

package/es/components/form/utils.mjs

@@ -0,0 +1,147 @@
+import p from "lodash/cloneDeep";
+const u = (t) => {
+  const { ignore: r, key: e } = t;
+  return r || e.startsWith("__") && e.toUpperCase() === e;
+}, m = (t) => typeof t == "function", I = (t) => t.reduce(
+  (r, e) => (u(e) || (typeof e.init == "object" && console.error(
+    `表单项${e.label}的初始值不能为对象 请设置为返回值的形式`
+  ), r[e.key] = m(e.init) ? e.init() : e.init), r),
+  {}
+), S = (t, r) => {
+  const e = p(t);
+  return r.reduce(
+    (i, n) => {
+      if (u(n)) return i;
+      if (n.parse) {
+        const s = n.parse(
+          t[n.key],
+          i,
+          e
+        );
+        s !== void 0 && (i[n.key] = s);
+      } else
+        i[n.key] = t[n.key];
+      return i;
+    },
+    {}
+  );
+}, d = (t, r) => {
+  const e = p(t);
+  return r.reduce(
+    (i, n) => {
+      if (u(n)) return i;
+      if (n.stringify) {
+        const s = n.stringify(
+          t[n.key],
+          i,
+          e
+        );
+        s !== void 0 && (i[n.key] = s);
+      } else
+        i[n.key] = t[n.key];
+      return i;
+    },
+    {}
+  );
+}, C = ({
+  modelValueKey: t = "modelValue",
+  config: r,
+  data: e,
+  updateData: i = (n) => {
+    e[r.key] = n;
+  }
+}) => ({
+  [t]: e[r.key],
+  [`onUpdate:${t}`]: (n) => {
+    i(n);
+  }
+}), _ = (t) => {
+  var r, e;
+  return (r = t.extra) != null && r.isInput ? {
+    placeholder: `请输入${t.label}`
+  } : (e = t.extra) != null && e.isSelect ? {
+    placeholder: `请选择${t.label}`
+  } : {};
+}, O = (t, r) => {
+  const { extra: e } = t;
+  if (e != null && e.enterSubmit)
+    return {
+      onKeyup: (i) => {
+        var n, s;
+        i.key === "Enter" && (r(), (s = (n = i.target) == null ? void 0 : n.blur) == null || s.call(n));
+      }
+    };
+}, h = (t, r) => {
+  const { extra: e } = t;
+  if (e != null && e.isInput && ((e == null ? void 0 : e.blurSubmit) ?? !0))
+    return {
+      onBlur: r
+    };
+}, E = (t, r) => {
+  const { extra: e } = t;
+  if (e != null && e.isSelect && ((e == null ? void 0 : e.changeSubmit) ?? !0))
+    return {
+      onChange: r
+    };
+}, N = Symbol("FORM_ITEM_CHANGE_LOADING"), k = (t) => t.required === !0, f = [], y = [], a = (t) => {
+  f.push(...t);
+}, c = (t) => {
+  y.push(...t);
+}, D = (t) => {
+  const { label: r, type: e, ...i } = t;
+  let n;
+  if (e)
+    n = e;
+  else {
+    const { render: o } = t;
+    o && (f.includes(o) ? n = "input" : y.includes(o) && (n = "select"));
+  }
+  let s;
+  n === "input" && (s = {
+    ...i.extra || {},
+    isInput: !0
+  }), n === "select" && (s = {
+    ...i.extra || {},
+    isSelect: !0
+  });
+  let l;
+  if (k(t)) {
+    l = [
+      {
+        required: !0,
+        message: `请${{
+          input: "输入",
+          select: "选择",
+          unknown: "填写"
+        }[n ?? "unknown"]}${r}`,
+        trigger: "blur"
+      }
+    ];
+    const { required: o, ...g } = i;
+    return {
+      label: r,
+      extra: s,
+      rules: l,
+      ...g
+    };
+  } else
+    return {
+      label: r,
+      extra: s,
+      ...i
+    };
+};
+export {
+  N as FORM_ITEM_CHANGE_LOADING,
+  I as generateFormData,
+  h as getBlurSubmit,
+  E as getChangeSubmit,
+  O as getEnterSubmit,
+  _ as getPlaceholder,
+  C as getVModelSugar,
+  S as parseFormData,
+  a as setInputComponent,
+  c as setSelectComponent,
+  d as stringifyFormData,
+  D as swiftFormItemConfig
+};

package/es/components/list-page/ListPage.vue.mjs

@@ -0,0 +1,7 @@
+import o from "./ListPage.vue2.mjs";
+/* empty css               */
+import t from "../../_virtual/_plugin-vue_export-helper.mjs";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-167d5788"]]);
+export {
+  p as default
+};