@done-coding/admin-core 0.18.0 → 0.19.0

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

@@ -1,22 +1,25 @@
-import { defineComponent as T, useAttrs as U, ref as x, computed as o, shallowRef as j, openBlock as p, createBlock as v, normalizeClass as q, withCtx as r, withDirectives as J, createVNode as u, mergeProps as K, unref as l, createSlots as X, normalizeProps as B, guardReactiveProps as F, createElementVNode as Y, createTextVNode as b, toDisplayString as Z, createCommentVNode as ee, renderList as te, renderSlot as ae, vShow as oe } from "vue";
-import { resolveFormLayout as L, stringifyFormData as re } from "./utils.mjs";
-import { resolveSearchLayout as le, resolveSearchLabelPosition as ne, resolveSearchItemOccupancy as se, computeSearchGeometry as ie, getCurrentSpan as ue, packSearchFormList as ce } from "./form-search-utils.mjs";
-import { ElCol as me, ElButton as g, ElIcon as de } from "element-plus";
-import { ArrowDown as pe, ArrowUp as ve } from "@element-plus/icons-vue";
-import fe from "./FormMain.vue.mjs";
-import ye from "../display/WatchSize.vue.mjs";
-import { useBreakpoint as he } from "../../hooks/use-breakpoint.mjs";
-import { useCustomBreakpoint as we } from "../../hooks/use-custom-breakpoint.mjs";
-const be = { class: "btn-box" }, Re = /* @__PURE__ */ T({
-  name: "FormSearch",
-  inheritAttrs: !1,
+import { defineComponent, useAttrs, ref, computed, shallowRef, openBlock, createBlock, normalizeClass, withCtx, withDirectives, createVNode, mergeProps, unref, createSlots, normalizeProps, guardReactiveProps, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, renderList, renderSlot, vShow } from "vue";
+import { resolveFormLayout, stringifyFormData } from "./utils.mjs";
+import { resolveSearchLayout, resolveSearchLabelPosition, resolveSearchItemOccupancy, computeSearchGeometry, getCurrentSpan, packSearchFormList } from "./form-search-utils.mjs";
+import { ElCol, ElButton, ElIcon } from "element-plus";
+import { ArrowDown, ArrowUp } from "@element-plus/icons-vue";
+import FormMain from "./FormMain.vue.mjs";
+import _sfc_main$1 from "../display/WatchSize.vue.mjs";
+import { useBreakpoint } from "../../hooks/use-breakpoint.mjs";
+import { useCustomBreakpoint } from "../../hooks/use-custom-breakpoint.mjs";
+const _hoisted_1 = { class: "btn-box" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "FormSearch",
+    inheritAttrs: false
+  },
   __name: "FormSearch",
   props: {
     labelPosition: { default: "right" },
     labelWidth: { default: "auto" },
     staticQuery: {},
     maxRows: { default: 2 },
-    compact: { type: Boolean, default: !1 },
+    compact: { type: Boolean, default: false },
     list: {},
     data: {},
     layout: { default: () => ({
@@ -28,166 +31,201 @@ const be = { class: "btn-box" }, Re = /* @__PURE__ */ T({
     }) },
     rowGutter: { default: 14 },
     layoutScale: {},
-    layoutByContainer: { type: Boolean, default: !1 }
+    layoutByContainer: { type: Boolean, default: false }
   },
   emits: ["search", "heightChange", "visibleChange"],
-  setup(i, { expose: P, emit: R }) {
-    const t = i, c = R, E = U(), f = x(!1), { activeBreakpoint: M } = he(), { elRef: V, activeBreakpoint: D } = we(), y = o(
-      () => t.compact || t.layoutByContainer ? D.value : M.value
-    ), n = x(!0), A = o(() => t.data), m = o(
-      () => le(t.compact, t.layout, y.value)
-    ), N = o(
-      () => ne(t.compact, t.labelPosition)
-    ), W = o(() => {
-      const e = L(m.value);
-      return t.list.filter((a) => a.hide !== !0).map(
-        (a) => se(
-          t.compact ? e : { ...e, ...L(a.layout) },
-          y.value
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const attrs = useAttrs();
+    const showForm = ref(false);
+    const { activeBreakpoint: windowBreakpoint } = useBreakpoint();
+    const { elRef: breakpointEl, activeBreakpoint: containerBreakpoint } = useCustomBreakpoint();
+    const activeBreakpoint = computed(
+      () => props.compact || props.layoutByContainer ? containerBreakpoint.value : windowBreakpoint.value
+    );
+    const isCollapsed = ref(true);
+    const assertData = computed(() => {
+      return props.data;
+    });
+    const effectiveLayout = computed(
+      () => resolveSearchLayout(props.compact, props.layout, activeBreakpoint.value)
+    );
+    const effectiveLabelPosition = computed(
+      () => resolveSearchLabelPosition(props.compact, props.labelPosition)
+    );
+    const visibleItemSpans = computed(() => {
+      const baseLayout = resolveFormLayout(effectiveLayout.value);
+      return props.list.filter((item) => item.hide !== true).map(
+        (item) => resolveSearchItemOccupancy(
+          props.compact ? baseLayout : { ...baseLayout, ...resolveFormLayout(item.layout) },
+          activeBreakpoint.value
         )
       );
-    }), h = o(
-      () => ie({
-        spans: W.value,
-        buttonMinSpan: ue(
-          m.value,
-          y.value
+    });
+    const geometry = computed(
+      () => computeSearchGeometry({
+        spans: visibleItemSpans.value,
+        buttonMinSpan: getCurrentSpan(
+          effectiveLayout.value,
+          activeBreakpoint.value
         ),
-        maxRows: t.maxRows,
-        collapsed: n.value
+        maxRows: props.maxRows,
+        collapsed: isCollapsed.value
       })
-    ), $ = o(
-      () => t.maxRows > 0 && h.value.needsFold
-    ), G = o(() => ({ span: h.value.buttonSpan })), I = o(
-      () => ce(t.list, {
-        compact: t.compact,
-        itemLayout: m.value ?? {},
-        collapsing: n.value && t.maxRows > 0,
-        threshold: h.value.showCount
+    );
+    const shouldShowExpandBtn = computed(
+      () => props.maxRows > 0 && geometry.value.needsFold
+    );
+    const buttonColProps = computed(() => ({ span: geometry.value.buttonSpan }));
+    const packFormList = computed(
+      () => packSearchFormList(props.list, {
+        compact: props.compact,
+        itemLayout: effectiveLayout.value ?? {},
+        collapsing: isCollapsed.value && props.maxRows > 0,
+        threshold: geometry.value.showCount
       })
-    ), k = (e = !n.value) => {
-      n.value = e;
-    }, Q = (e) => {
-      c("heightChange", e);
-    }, s = j(), C = (e) => ({
-      ...t.staticQuery || {},
-      ...re(e, t.list)
-    }), S = () => {
-      var e;
-      (e = s.value) == null || e.resetFields(), c("search", C(t.data), "reset");
-    }, w = (e = "search") => {
-      var a;
-      (a = s.value) == null || a.validate().then(() => {
-        c("search", C(t.data), e);
+    );
+    const toggleCollapse = (nextValue = !isCollapsed.value) => {
+      isCollapsed.value = nextValue;
+    };
+    const onHeightChange = (height) => {
+      emits("heightChange", height);
+    };
+    const formMain = shallowRef();
+    const getSearchQuery = (data) => {
+      return {
+        ...props.staticQuery || {},
+        ...stringifyFormData(data, props.list)
+      };
+    };
+    const onReset = () => {
+      var _a;
+      (_a = formMain.value) == null ? void 0 : _a.resetFields();
+      emits("search", getSearchQuery(props.data), "reset");
+    };
+    const onSearch = (type = "search") => {
+      var _a;
+      (_a = formMain.value) == null ? void 0 : _a.validate().then(() => {
+        emits("search", getSearchQuery(props.data), type);
       });
-    }, _ = (e) => {
-      w(e);
-    }, z = {
+    };
+    const onSubmit = (type) => {
+      onSearch(type);
+    };
+    const expose = {
       validate: () => {
-        if (s.value)
-          return s.value.validate();
-        throw new Error("实例化未完成");
+        if (formMain.value) {
+          return formMain.value.validate();
+        } else {
+          throw new Error("实例化未完成");
+        }
       },
       resetFields: () => {
-        var e;
-        return (e = s.value) == null ? void 0 : e.resetFields();
+        var _a;
+        return (_a = formMain.value) == null ? void 0 : _a.resetFields();
       },
-      clearValidate: (e) => {
-        var a;
-        return (a = s.value) == null ? void 0 : a.clearValidate(e);
+      clearValidate: (key) => {
+        var _a;
+        return (_a = formMain.value) == null ? void 0 : _a.clearValidate(key);
       },
-      triggerReset: S,
-      triggerSearch: () => w(),
-      toggleCollapse: k,
-      isCollapsed: o(() => n.value)
+      triggerReset: onReset,
+      triggerSearch: () => onSearch(),
+      toggleCollapse,
+      isCollapsed: computed(() => isCollapsed.value)
     };
-    P(z);
-    const H = (e) => {
-      f.value = e, c("visibleChange", e);
+    __expose(expose);
+    const onVisibleChange = (status) => {
+      showForm.value = status;
+      emits("visibleChange", status);
     };
-    return (e, a) => (p(), v(ye, {
-      ref_key: "breakpointEl",
-      ref: V,
-      class: q(["form-search", {
-        "form-search_show": f.value
-      }]),
-      onHeightChange: Q
-    }, {
-      default: r(() => [
-        J(u(fe, K({
-          ref_key: "formMain",
-          ref: s,
-          list: I.value,
-          data: A.value,
-          "row-gutter": i.rowGutter
-        }, l(E), {
-          layout: m.value,
-          "layout-by-container": i.layoutByContainer,
-          labelPosition: N.value,
-          labelWidth: i.labelWidth,
-          onSubmit: _,
-          onVisibleChange: H
-        }), X({
-          default: r(() => [
-            u(l(me), B(F(G.value)), {
-              default: r(() => [
-                Y("div", be, [
-                  $.value ? (p(), v(l(g), {
-                    key: 0,
-                    type: "primary",
-                    link: "",
-                    onMousedown: a[0] || (a[0] = (d) => k())
-                  }, {
-                    default: r(() => [
-                      u(l(de), { class: "btn-box-expand-icon" }, {
-                        default: r(() => [
-                          n.value ? (p(), v(l(pe), { key: 0 })) : (p(), v(l(ve), { key: 1 }))
-                        ]),
-                        _: 1
-                      }),
-                      b(" " + Z(n.value ? "展开更多" : "收起更多"), 1)
-                    ]),
-                    _: 1
-                  })) : ee("", !0),
-                  u(l(g), {
-                    type: "warning",
-                    onMousedown: S
-                  }, {
-                    default: r(() => [...a[2] || (a[2] = [
-                      b("重置", -1)
-                    ])]),
-                    _: 1
-                  }),
-                  u(l(g), {
-                    type: "primary",
-                    onMousedown: a[1] || (a[1] = (d) => w())
-                  }, {
-                    default: r(() => [...a[3] || (a[3] = [
-                      b("查询", -1)
-                    ])]),
-                    _: 1
-                  })
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        ref_key: "breakpointEl",
+        ref: breakpointEl,
+        class: normalizeClass(["form-search", {
+          "form-search_show": showForm.value
+        }]),
+        onHeightChange
+      }, {
+        default: withCtx(() => [
+          withDirectives(createVNode(FormMain, mergeProps({
+            ref_key: "formMain",
+            ref: formMain,
+            list: packFormList.value,
+            data: assertData.value,
+            "row-gutter": __props.rowGutter
+          }, unref(attrs), {
+            layout: effectiveLayout.value,
+            "layout-by-container": __props.layoutByContainer,
+            labelPosition: effectiveLabelPosition.value,
+            labelWidth: __props.labelWidth,
+            onSubmit,
+            onVisibleChange
+          }), createSlots({
+            default: withCtx(() => [
+              createVNode(unref(ElCol), normalizeProps(guardReactiveProps(buttonColProps.value)), {
+                default: withCtx(() => [
+                  createElementVNode("div", _hoisted_1, [
+                    shouldShowExpandBtn.value ? (openBlock(), createBlock(unref(ElButton), {
+                      key: 0,
+                      type: "primary",
+                      link: "",
+                      onMousedown: _cache[0] || (_cache[0] = ($event) => toggleCollapse())
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(unref(ElIcon), { class: "btn-box-expand-icon" }, {
+                          default: withCtx(() => [
+                            isCollapsed.value ? (openBlock(), createBlock(unref(ArrowDown), { key: 0 })) : (openBlock(), createBlock(unref(ArrowUp), { key: 1 }))
+                          ]),
+                          _: 1
+                        }),
+                        createTextVNode(" " + toDisplayString(isCollapsed.value ? "展开更多" : "收起更多"), 1)
+                      ]),
+                      _: 1
+                    })) : createCommentVNode("", true),
+                    createVNode(unref(ElButton), {
+                      type: "warning",
+                      onMousedown: onReset
+                    }, {
+                      default: withCtx(() => [..._cache[2] || (_cache[2] = [
+                        createTextVNode("重置", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    createVNode(unref(ElButton), {
+                      type: "primary",
+                      onMousedown: _cache[1] || (_cache[1] = ($event) => onSearch())
+                    }, {
+                      default: withCtx(() => [..._cache[3] || (_cache[3] = [
+                        createTextVNode("查询", -1)
+                      ])]),
+                      _: 1
+                    })
+                  ])
+                ]),
+                _: 1
+              }, 16)
+            ]),
+            _: 2
+          }, [
+            renderList(__props.list, (config) => {
+              return {
+                name: config.key,
+                fn: withCtx((scopeData) => [
+                  renderSlot(_ctx.$slots, config.key, normalizeProps(guardReactiveProps(scopeData)), void 0, true)
                 ])
-              ]),
-              _: 1
-            }, 16)
-          ]),
-          _: 2
-        }, [
-          te(i.list, (d) => ({
-            name: d.key,
-            fn: r((O) => [
-              ae(e.$slots, d.key, B(F(O)), void 0, !0)
-            ])
-          }))
-        ]), 1040, ["list", "data", "row-gutter", "layout", "layout-by-container", "labelPosition", "labelWidth"]), [
-          [oe, f.value]
-        ])
-      ]),
-      _: 3
-    }, 8, ["class"]));
+              };
+            })
+          ]), 1040, ["list", "data", "row-gutter", "layout", "layout-by-container", "labelPosition", "labelWidth"]), [
+            [vShow, showForm.value]
+          ])
+        ]),
+        _: 3
+      }, 8, ["class"]);
+    };
   }
 });
 export {
-  Re as default
+  _sfc_main as default
 };

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

@@ -1,7 +1,9 @@
-import { defineComponent as C, useAttrs as O, ref as v, computed as n, onMounted as k, watch as S, openBlock as s, createBlock as f, unref as u, mergeProps as w, withCtx as h, createElementBlock as B, Fragment as E, renderList as F, normalizeClass as x, renderSlot as y } from "vue";
-import { ElSelect as D, ElOption as z } from "element-plus";
-const P = /* @__PURE__ */ C({
-  name: "FormSelect",
+import { defineComponent, useAttrs, ref, computed, onMounted, watch, openBlock, createBlock, unref, mergeProps, withCtx, createElementBlock, Fragment, renderList, normalizeClass, renderSlot } from "vue";
+import { ElSelect, ElOption } from "element-plus";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "FormSelect"
+  },
   __name: "FormSelect",
   props: {
     modelValue: {},
@@ -11,49 +13,74 @@ const P = /* @__PURE__ */ C({
     getOptions: {}
   },
   emits: ["update:modelValue", "detailChange"],
-  setup(o, { emit: b }) {
-    const t = o, d = b, M = O(), m = v([]), i = v([]), r = n(() => !!t.remoteMethod), V = n(() => t.getOptions ? m.value : t.options), c = n(() => r.value ? i.value : V.value), g = n(() => c.value.find((e) => e.value === t.modelValue)), p = async (e) => {
-      i.value = await t.remoteMethod(e);
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const attrs = useAttrs();
+    const localOptions = ref([]);
+    const remoteOptions = ref([]);
+    const remote = computed(() => !!props.remoteMethod);
+    const localOptionsDispatch = computed(() => {
+      return props.getOptions ? localOptions.value : props.options;
+    });
+    const optionsDispatch = computed(() => {
+      return remote.value ? remoteOptions.value : localOptionsDispatch.value;
+    });
+    const detail = computed(() => {
+      return optionsDispatch.value.find((item) => item.value === props.modelValue);
+    });
+    const handleRemote = async (query) => {
+      remoteOptions.value = await props.remoteMethod(query);
     };
-    return k(() => {
-      var e;
-      t.remoteMethod ? p() : (e = t.getOptions) == null || e.call(t).then((a) => {
-        m.value = a;
-      });
-    }), S(
-      g,
-      (e) => {
-        d("detailChange", e);
+    onMounted(() => {
+      var _a;
+      if (props.remoteMethod) {
+        handleRemote();
+      } else {
+        (_a = props.getOptions) == null ? void 0 : _a.call(props).then((res) => {
+          localOptions.value = res;
+        });
+      }
+    });
+    watch(
+      detail,
+      (n) => {
+        emits("detailChange", n);
       },
       {
-        immediate: !0
+        immediate: true
       }
-    ), (e, a) => (s(), f(u(D), w({
-      modelValue: o.modelValue,
-      remote: r.value,
-      filterable: r.value,
-      remoteMethod: o.remoteMethod && p
-    }, u(M), {
-      "onUpdate:modelValue": a[0] || (a[0] = (l) => d("update:modelValue", l))
-    }), {
-      default: h(() => [
-        (s(!0), B(E, null, F(c.value, (l) => (s(), f(u(z), {
-          key: l.value,
-          class: x(o.itemCls),
-          label: l.label,
-          value: l.value,
-          disabled: l.disabled
-        }, {
-          default: h(() => [
-            y(e.$slots, "option", { data: l })
-          ]),
-          _: 2
-        }, 1032, ["class", "label", "value", "disabled"]))), 128))
-      ]),
-      _: 3
-    }, 16, ["modelValue", "remote", "filterable", "remoteMethod"]));
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElSelect), mergeProps({
+        modelValue: __props.modelValue,
+        remote: remote.value,
+        filterable: remote.value,
+        remoteMethod: __props.remoteMethod && handleRemote
+      }, unref(attrs), {
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emits("update:modelValue", $event))
+      }), {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(optionsDispatch.value, (item) => {
+            return openBlock(), createBlock(unref(ElOption), {
+              key: item.value,
+              class: normalizeClass(__props.itemCls),
+              label: item.label,
+              value: item.value,
+              disabled: item.disabled
+            }, {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, "option", { data: item })
+              ]),
+              _: 2
+            }, 1032, ["class", "label", "value", "disabled"]);
+          }), 128))
+        ]),
+        _: 3
+      }, 16, ["modelValue", "remote", "filterable", "remoteMethod"]);
+    };
   }
 });
 export {
-  P as default
+  _sfc_main as default
 };

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

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

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

@@ -1,8 +1,8 @@
-import { defineComponent as u, computed as c, openBlock as l, createBlock as p, unref as o, mergeProps as b, withCtx as f, createTextVNode as d, toDisplayString as y } from "vue";
-import { ElButton as B } from "element-plus";
-import { useFormSubmit as S } from "./use-form-submit.mjs";
-import g from "lodash/omit";
-const T = /* @__PURE__ */ u({
+import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, createTextVNode, toDisplayString } from "vue";
+import { ElButton } from "element-plus";
+import { useFormSubmit } from "./use-form-submit.mjs";
+import _omit from "lodash/omit";
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "FormSubmitBtn",
   props: {
     size: {},
@@ -29,30 +29,35 @@ const T = /* @__PURE__ */ u({
     onSubmitStart: {}
   },
   emits: ["success", "fail"],
-  setup(n, { emit: i }) {
-    const e = n, a = i, m = c(
-      () => g(e, ["formMainInstance", "submitText", "submitFn", "onSubmitStart"])
-    ), { submitting: s, submit: r } = S({
-      getFormMainInstance: () => e.formMainInstance,
-      submitFn: (t) => e.submitFn(t),
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const btnProps = computed(
+      () => _omit(props, ["formMainInstance", "submitText", "submitFn", "onSubmitStart"])
+    );
+    const { submitting, submit } = useFormSubmit({
+      getFormMainInstance: () => props.formMainInstance,
+      submitFn: (stringifyData) => props.submitFn(stringifyData),
       onSubmitStart: () => {
-        var t;
-        return (t = e.onSubmitStart) == null ? void 0 : t.call(e);
+        var _a;
+        return (_a = props.onSubmitStart) == null ? void 0 : _a.call(props);
       },
-      onSuccess: (t) => a("success", t),
-      onFail: (t) => a("fail", t)
+      onSuccess: (data) => emits("success", data),
+      onFail: (error) => emits("fail", error)
     });
-    return (t, x) => (l(), p(o(B), b(m.value, {
-      loading: o(s),
-      onClick: o(r)
-    }), {
-      default: f(() => [
-        d(y(n.submitText), 1)
-      ]),
-      _: 1
-    }, 16, ["loading", "onClick"]));
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElButton), mergeProps(btnProps.value, {
+        loading: unref(submitting),
+        onClick: unref(submit)
+      }), {
+        default: withCtx(() => [
+          createTextVNode(toDisplayString(__props.submitText), 1)
+        ]),
+        _: 1
+      }, 16, ["loading", "onClick"]);
+    };
   }
 });
 export {
-  T as default
+  _sfc_main as default
 };

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

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

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

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