@done-coding/admin-core 0.17.1-alpha.0 → 0.18.1-alpha.0

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

@@ -1,13 +1,13 @@
-import { defineComponent as W, useAttrs as E, shallowRef as R, ref as T, computed as r, watch as C, openBlock as n, createElementBlock as j, normalizeClass as z, createVNode as G, mergeProps as c, unref as i, createSlots as H, renderList as I, withCtx as l, renderSlot as m, normalizeProps as L, guardReactiveProps as O, createBlock as u, resolveDynamicComponent as q, createElementVNode as J, createTextVNode as F, toDisplayString as P, createCommentVNode as S } from "vue";
-import { ElAffix as K } from "element-plus";
-import Q from "./FormMain.vue.mjs";
-import U from "./FormSubmitBtn.vue.mjs";
-import { useFormSubmit as X } from "./use-form-submit.mjs";
-import h from "../display/ActionBtn.vue.mjs";
-import { parseFormData as Y, generateFormData as Z } from "./utils.mjs";
-const _ = { class: "form-submit-panel-operation-inner" }, lt = /* @__PURE__ */ W({
-  name: "FormSubmitPanel",
-  inheritAttrs: !1,
+import { defineComponent, useAttrs, shallowRef, ref, computed, watch, openBlock, createElementBlock, normalizeClass, createVNode, mergeProps, unref, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps, createBlock, resolveDynamicComponent, createElementVNode, createTextVNode, toDisplayString, createCommentVNode } from "vue";
+import { ElAffix } from "element-plus";
+import FormMain from "./FormMain.vue.mjs";
+import _sfc_main$2 from "./FormSubmitBtn.vue.mjs";
+import { useFormSubmit } from "./use-form-submit.mjs";
+import _sfc_main$1 from "../display/ActionBtn.vue.mjs";
+import { parseFormData, generateFormData } from "./utils.mjs";
+const _hoisted_1 = { class: "form-submit-panel-operation-inner" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "FormSubmitPanel", inheritAttrs: false },
   __name: "FormSubmitPanel",
   props: {
     list: {},
@@ -26,104 +26,137 @@ const _ = { class: "form-submit-panel-operation-inner" }, lt = /* @__PURE__ */ W
     cancelBtn: {},
     resetBtn: {},
     operationPosition: { default: "bottom-center" },
-    operationAffix: { type: [Boolean, Object], default: !1 },
-    divider: { type: Boolean, default: !0 },
-    bare: { type: Boolean, default: !1 },
+    operationAffix: { type: [Boolean, Object], default: false },
+    divider: { type: Boolean, default: true },
+    bare: { type: Boolean, default: false },
     rootClass: {}
   },
   emits: ["cancel", "fail", "success", "parseDataChange"],
-  setup(a, { emit: D }) {
-    const t = a, o = D, k = E(), f = R(), s = T({}), x = (e) => e, b = r(() => f.value), w = r(() => t.operationAffix ? K : "div"), A = r(() => t.operationAffix ? typeof t.operationAffix == "object" ? t.operationAffix : { position: "bottom" } : {}), $ = r(() => [
-      `form-submit-panel_${t.operationPosition}`,
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const attrs = useAttrs();
+    const formMain = shallowRef();
+    const parseData = ref({});
+    const assertParseData = (data) => data;
+    const formInstance = computed(() => formMain.value);
+    const affixComp = computed(() => props.operationAffix ? ElAffix : "div");
+    const affixBind = computed(() => {
+      if (!props.operationAffix) return {};
+      if (typeof props.operationAffix === "object") return props.operationAffix;
+      return { position: "bottom" };
+    });
+    const rootClassList = computed(() => [
+      `form-submit-panel_${props.operationPosition}`,
       {
-        "form-submit-panel_no-divider": !t.divider,
-        "form-submit-panel_bare": t.bare
+        "form-submit-panel_no-divider": !props.divider,
+        "form-submit-panel_bare": props.bare
       },
-      t.rootClass
-    ]), d = () => t.stringifyData ? Y(t.stringifyData, t.list) : Z(t.list), p = () => o("cancel"), y = () => {
-      s.value = d();
-    }, B = (e) => o("success", e), v = (e) => o("fail", e), { submitting: M, submit: N } = X({
-      getFormMainInstance: () => b.value,
-      submitFn: (e) => t.submitFn(e),
-      onSuccess: B,
-      onFail: v
+      props.rootClass
+    ]);
+    const getResetData = () => {
+      if (props.stringifyData) {
+        return parseFormData(props.stringifyData, props.list);
+      } else {
+        return generateFormData(props.list);
+      }
+    };
+    const cancelHandler = () => emits("cancel");
+    const resetHandler = () => {
+      parseData.value = getResetData();
+    };
+    const onSubmitSuccess = (data) => {
+      return emits("success", data);
+    };
+    const onSubmitFail = (error) => emits("fail", error);
+    const { submitting: submitBtnSubmitting, submit: submitBtnSubmit } = useFormSubmit({
+      getFormMainInstance: () => formInstance.value,
+      submitFn: (stringifyData) => props.submitFn(stringifyData),
+      onSuccess: onSubmitSuccess,
+      onFail: onSubmitFail
     });
-    return C(s, (e) => {
-      o("parseDataChange", e);
-    }), C(
-      [() => t.stringifyData, () => t.list],
+    watch(parseData, (n) => {
+      emits("parseDataChange", n);
+    });
+    watch(
+      [() => props.stringifyData, () => props.list],
       () => {
-        s.value = d();
+        parseData.value = getResetData();
       },
       {
-        immediate: !0
+        immediate: true
       }
-    ), (e, tt) => (n(), j("div", {
-      class: z(["form-submit-panel", $.value])
-    }, [
-      G(Q, c({
-        ref_key: "formMain",
-        ref: f,
-        class: "form-submit-panel-form",
-        list: a.list,
-        data: x(s.value),
-        "row-gutter": a.rowGutter
-      }, i(k), {
-        layout: a.layout,
-        labelPosition: a.labelPosition,
-        labelWidth: a.labelWidth
-      }), H({ _: 2 }, [
-        I(a.list, (g) => ({
-          name: g.key,
-          fn: l((V) => [
-            m(e.$slots, g.key, L(O(V)), void 0, !0)
-          ])
-        }))
-      ]), 1040, ["list", "data", "row-gutter", "layout", "labelPosition", "labelWidth"]),
-      (n(), u(q(w.value), c(A.value, { class: "form-submit-panel-operation" }), {
-        default: l(() => [
-          J("div", _, [
-            m(e.$slots, "cancelBtn", { cancel: p }, () => [
-              a.cancelBtn ? (n(), u(i(h), {
-                key: 0,
-                onClick: p
-              }, {
-                default: l(() => [
-                  F(P(a.cancelBtn), 1)
-                ]),
-                _: 1
-              })) : S("", !0)
-            ], !0),
-            m(e.$slots, "resetBtn", { reset: y }, () => [
-              a.resetBtn ? (n(), u(i(h), {
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["form-submit-panel", rootClassList.value])
+      }, [
+        createVNode(FormMain, mergeProps({
+          ref_key: "formMain",
+          ref: formMain,
+          class: "form-submit-panel-form",
+          list: __props.list,
+          data: assertParseData(parseData.value),
+          "row-gutter": __props.rowGutter
+        }, unref(attrs), {
+          layout: __props.layout,
+          labelPosition: __props.labelPosition,
+          labelWidth: __props.labelWidth
+        }), createSlots({ _: 2 }, [
+          renderList(__props.list, (config) => {
+            return {
+              name: config.key,
+              fn: withCtx((scopeData) => [
+                renderSlot(_ctx.$slots, config.key, normalizeProps(guardReactiveProps(scopeData)), void 0, true)
+              ])
+            };
+          })
+        ]), 1040, ["list", "data", "row-gutter", "layout", "labelPosition", "labelWidth"]),
+        (openBlock(), createBlock(resolveDynamicComponent(affixComp.value), mergeProps(affixBind.value, { class: "form-submit-panel-operation" }), {
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_1, [
+              renderSlot(_ctx.$slots, "cancelBtn", { cancel: cancelHandler }, () => [
+                __props.cancelBtn ? (openBlock(), createBlock(unref(_sfc_main$1), {
+                  key: 0,
+                  onClick: cancelHandler
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(__props.cancelBtn), 1)
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true)
+              ], true),
+              renderSlot(_ctx.$slots, "resetBtn", { reset: resetHandler }, () => [
+                __props.resetBtn ? (openBlock(), createBlock(unref(_sfc_main$1), {
+                  key: 0,
+                  type: "warning",
+                  onClick: resetHandler
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(__props.resetBtn), 1)
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true)
+              ], true),
+              _ctx.$slots.submitBtn ? renderSlot(_ctx.$slots, "submitBtn", {
                 key: 0,
-                type: "warning",
-                onClick: y
-              }, {
-                default: l(() => [
-                  F(P(a.resetBtn), 1)
-                ]),
-                _: 1
-              })) : S("", !0)
-            ], !0),
-            e.$slots.submitBtn ? m(e.$slots, "submitBtn", {
-              key: 0,
-              submit: i(N),
-              submitting: i(M)
-            }, void 0, !0) : (n(), u(U, c({ key: 1 }, a.submitBtnProps, {
-              "submit-fn": a.submitFn,
-              "submit-text": a.submitText,
-              "form-main-instance": b.value,
-              onSuccess: B,
-              onFail: v
-            }), null, 16, ["submit-fn", "submit-text", "form-main-instance"]))
-          ])
-        ]),
-        _: 3
-      }, 16))
-    ], 2));
+                submit: unref(submitBtnSubmit),
+                submitting: unref(submitBtnSubmitting)
+              }, void 0, true) : (openBlock(), createBlock(_sfc_main$2, mergeProps({ key: 1 }, __props.submitBtnProps, {
+                "submit-fn": __props.submitFn,
+                "submit-text": __props.submitText,
+                "form-main-instance": formInstance.value,
+                onSuccess: onSubmitSuccess,
+                onFail: onSubmitFail
+              }), null, 16, ["submit-fn", "submit-text", "form-main-instance"]))
+            ])
+          ]),
+          _: 3
+        }, 16))
+      ], 2);
+    };
   }
 });
 export {
-  lt as default
+  _sfc_main as default
 };

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

@@ -1,6 +1,6 @@
-import { defineComponent as n, openBlock as u, createBlock as c, unref as r } from "vue";
-import { ElTree as m } from "element-plus";
-const s = /* @__PURE__ */ n({
+import { defineComponent, openBlock, createBlock, unref } from "vue";
+import { ElTree } from "element-plus";
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "FormTree",
   props: {
     modelValue: {},
@@ -9,21 +9,24 @@ const s = /* @__PURE__ */ n({
     defaultExpandAll: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: a }) {
-    const t = a, o = (d, { checkedKeys: l }) => {
-      t("update:modelValue", l);
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const handleCheck = (_data, { checkedKeys }) => {
+      emits("update:modelValue", checkedKeys);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElTree), {
+        ref: "elTree",
+        data: __props.tree,
+        showCheckbox: __props.showCheckbox,
+        nodeKey: "id",
+        defaultCheckedKeys: __props.modelValue,
+        defaultExpandAll: __props.defaultExpandAll,
+        onCheck: handleCheck
+      }, null, 8, ["data", "showCheckbox", "defaultCheckedKeys", "defaultExpandAll"]);
     };
-    return (d, l) => (u(), c(r(m), {
-      ref: "elTree",
-      data: e.tree,
-      showCheckbox: e.showCheckbox,
-      nodeKey: "id",
-      defaultCheckedKeys: e.modelValue,
-      defaultExpandAll: e.defaultExpandAll,
-      onCheck: o
-    }, null, 8, ["data", "showCheckbox", "defaultCheckedKeys", "defaultExpandAll"]));
   }
 });
 export {
-  s as default
+  _sfc_main as default
 };

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

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

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

@@ -1,7 +1,9 @@
-import { defineComponent as b, ref as u, computed as k, onBeforeUnmount as g, watch as h, openBlock as d, createBlock as x, unref as m, withCtx as r, createVNode as B, createElementBlock as f, toDisplayString as p } from "vue";
-import { ElInput as E, ElButton as T } from "element-plus";
-import { timeCountDown as z } from "../../utils/time.mjs";
-const I = { key: 0 }, K = { key: 1 }, F = /* @__PURE__ */ b({
+import { defineComponent, ref, computed, onBeforeUnmount, watch, openBlock, createBlock, unref, withCtx, createVNode, createElementBlock, toDisplayString } from "vue";
+import { ElInput, ElButton } from "element-plus";
+import { timeCountDown } from "../../utils/time.mjs";
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = { key: 1 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "FormVerifyCode",
   props: {
     modelValue: {},
@@ -13,54 +15,69 @@ const I = { key: 0 }, K = { key: 1 }, F = /* @__PURE__ */ b({
     btnText: { default: "发送验证码" }
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: c }) {
-    const a = t, v = c, l = u(0), o = u(!1), i = k(() => l.value > 0);
-    let e;
-    const y = () => {
-      o.value = !0, console.log("发送验证码"), a.api(a.params).then(() => {
-        l.value = a.hz, e == null || e(), e = z(
-          l.value,
-          (s) => {
-            l.value = s;
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const validTime = ref(0);
+    const loading = ref(false);
+    const codeIsValid = computed(() => {
+      return validTime.value > 0;
+    });
+    let clearCountDown;
+    const sendCode = () => {
+      loading.value = true;
+      console.log("发送验证码");
+      props.api(props.params).then(() => {
+        validTime.value = props.hz;
+        clearCountDown == null ? void 0 : clearCountDown();
+        clearCountDown = timeCountDown(
+          validTime.value,
+          (v) => {
+            validTime.value = v;
           },
           () => {
             console.log("倒计时结束");
           }
         );
       }).finally(() => {
-        o.value = !1;
+        loading.value = false;
       });
     };
-    return g(() => {
-      e == null || e();
-    }), h(
-      () => a.resetKey,
+    onBeforeUnmount(() => {
+      clearCountDown == null ? void 0 : clearCountDown();
+    });
+    watch(
+      () => props.resetKey,
       () => {
-        e == null || e(), l.value = 0;
+        clearCountDown == null ? void 0 : clearCountDown();
+        validTime.value = 0;
       }
-    ), (s, n) => (d(), x(m(E), {
-      modelValue: t.modelValue,
-      disabled: t.disabled,
-      "onUpdate:modelValue": n[0] || (n[0] = (V) => v("update:modelValue", V))
-    }, {
-      suffix: r(() => [
-        B(m(T), {
-          type: "primary",
-          link: "",
-          loading: o.value,
-          disabled: i.value || t.disabled,
-          onClick: y
-        }, {
-          default: r(() => [
-            i.value ? (d(), f("span", I, p(l.value) + "s后可重新发送", 1)) : (d(), f("span", K, p(t.btnText), 1))
-          ]),
-          _: 1
-        }, 8, ["loading", "disabled"])
-      ]),
-      _: 1
-    }, 8, ["modelValue", "disabled"]));
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElInput), {
+        modelValue: __props.modelValue,
+        disabled: __props.disabled,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", $event))
+      }, {
+        suffix: withCtx(() => [
+          createVNode(unref(ElButton), {
+            type: "primary",
+            link: "",
+            loading: loading.value,
+            disabled: codeIsValid.value || __props.disabled,
+            onClick: sendCode
+          }, {
+            default: withCtx(() => [
+              codeIsValid.value ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(validTime.value) + "s后可重新发送", 1)) : (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.btnText), 1))
+            ]),
+            _: 1
+          }, 8, ["loading", "disabled"])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "disabled"]);
+    };
   }
 });
 export {
-  F as default
+  _sfc_main as default
 };

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

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

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

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

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

@@ -1,6 +1,9 @@
-import { defineComponent as y, ref as m, computed as n, onMounted as h, openBlock as x, createBlock as V, unref as _, normalizeStyle as s, withCtx as k, createElementVNode as u } from "vue";
-import { ElInput as U } from "element-plus";
-const R = ["disabled"], $ = ["src"], d = "9px", B = /* @__PURE__ */ y({
+import { defineComponent, ref, computed, onMounted, openBlock, createBlock, unref, normalizeStyle, withCtx, createElementVNode } from "vue";
+import { ElInput } from "element-plus";
+const _hoisted_1 = ["disabled"];
+const _hoisted_2 = ["src"];
+const imgMarginLeft = "9px";
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "FormVerifyImage",
   props: {
     modelValue: {},
@@ -10,46 +13,65 @@ const R = ["disabled"], $ = ["src"], d = "9px", B = /* @__PURE__ */ y({
     autoRevokeUrl: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(a, { emit: c }) {
-    const e = a, f = c, l = m(!1), t = m(""), p = n(() => ({
-      left: `calc(100%  + ${d})`,
-      width: `${e.imgWidth}px`
-    })), v = n(() => ({
-      width: `calc(100% - ${d} - ${e.imgWidth}px)`
-    })), o = () => {
-      l.value || (console.log("获取图片验证码"), l.value = !0, t.value && e.autoRevokeUrl && URL.revokeObjectURL(t.value), e.api(e.params).then((i) => {
-        t.value = i;
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const loading = ref(false);
+    const imageUrl = ref("");
+    const imgStyle = computed(() => {
+      return {
+        left: `calc(100%  + ${imgMarginLeft})`,
+        width: `${props.imgWidth}px`
+      };
+    });
+    const inputStyle = computed(() => {
+      return {
+        width: `calc(100% - ${imgMarginLeft} - ${props.imgWidth}px)`
+      };
+    });
+    const getImage = () => {
+      if (loading.value) return;
+      console.log("获取图片验证码");
+      loading.value = true;
+      if (imageUrl.value && props.autoRevokeUrl) {
+        URL.revokeObjectURL(imageUrl.value);
+      }
+      props.api(props.params).then((url) => {
+        imageUrl.value = url;
       }).finally(() => {
-        l.value = !1;
-      }));
+        loading.value = false;
+      });
+    };
+    onMounted(() => {
+      getImage();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElInput), {
+        placeholder: "验证码",
+        modelValue: __props.modelValue,
+        class: "form-verify-image",
+        style: normalizeStyle(inputStyle.value),
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", $event))
+      }, {
+        suffix: withCtx(() => [
+          createElementVNode("div", {
+            class: "form-verify-image-suffix",
+            style: normalizeStyle(imgStyle.value),
+            disabled: loading.value,
+            onClick: getImage
+          }, [
+            createElementVNode("img", {
+              class: "form-verify-image-suffix-main",
+              src: imageUrl.value,
+              alt: ""
+            }, null, 8, _hoisted_2)
+          ], 12, _hoisted_1)
+        ]),
+        _: 1
+      }, 8, ["modelValue", "style"]);
     };
-    return h(() => {
-      o();
-    }), (i, r) => (x(), V(_(U), {
-      placeholder: "验证码",
-      modelValue: a.modelValue,
-      class: "form-verify-image",
-      style: s(v.value),
-      "onUpdate:modelValue": r[0] || (r[0] = (g) => f("update:modelValue", g))
-    }, {
-      suffix: k(() => [
-        u("div", {
-          class: "form-verify-image-suffix",
-          style: s(p.value),
-          disabled: l.value,
-          onClick: o
-        }, [
-          u("img", {
-            class: "form-verify-image-suffix-main",
-            src: t.value,
-            alt: ""
-          }, null, 8, $)
-        ], 12, R)
-      ]),
-      _: 1
-    }, 8, ["modelValue", "style"]));
   }
 });
 export {
-  B as default
+  _sfc_main as default
 };