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

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

@@ -1,142 +1,204 @@
-import { defineComponent as q, shallowRef as G, computed as n, watch as f, withDirectives as J, openBlock as a, createBlock as i, unref as I, mergeProps as g, withCtx as d, renderSlot as Q, normalizeProps as L, createTextVNode as p, toDisplayString as v, resolveDynamicComponent as y, createSlots as U, createElementBlock as B, Fragment as W, createCommentVNode as X, vShow as Y } from "vue";
-import { ElFormItem as Z, ElText as _ } from "element-plus";
-import { getPlaceholder as ee, getChangeSubmit as te, getBlurSubmit as ne, getEnterSubmit as oe, getVModelSugar as re, generateFormData as ae } from "./utils.mjs";
-import ie from "lodash/omit";
-const ce = {
+import { defineComponent, shallowRef, computed, watch, withDirectives, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, normalizeProps, createTextVNode, toDisplayString, resolveDynamicComponent, createSlots, createElementBlock, Fragment, createCommentVNode, vShow } from "vue";
+import { ElFormItem, ElText } from "element-plus";
+import { getPlaceholder, getChangeSubmit, getBlurSubmit, getEnterSubmit, getVModelSugar, generateFormData } from "./utils.mjs";
+import _omit from "lodash/omit";
+const _hoisted_1 = {
   key: 2,
   class: "form-item-tip"
-}, fe = /* @__PURE__ */ q({
-  name: "FormItem",
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "FormItem"
+  },
   __name: "FormItem",
   props: {
     config: {},
     data: {}
   },
   emits: ["viewHideChange", "submit"],
-  setup(r, { emit: E }) {
-    const t = r, c = E, k = G(), F = n(() => {
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const formItem = shallowRef();
+    const beLinkConfigInit = computed(() => {
       const {
-        config: { beLink: e }
-      } = t;
-      return e ? Array.isArray(e) ? e : [e] : [];
-    }), h = n(() => F.value.filter((e) => e.key !== t.config.key)), b = n(() => h.value.length > 0), x = n(() => t.data[t.config.key]), s = n(() => ({
-      data: t.data,
-      config: t.config
-    })), D = n(() => {
-      const { config: e } = t;
-      return typeof e.wrapProps == "function" ? e.wrapProps(s.value) : e.wrapProps || {};
-    }), P = n(() => {
-      const { config: e } = t;
-      return typeof e.props == "function" ? e.props(s.value) : e.props || {};
-    }), T = () => {
-      c("submit", "enter");
-    }, A = () => {
-      c("submit", "blur");
-    }, M = () => {
-      c("submit", "change");
-    }, w = (e, o) => {
-      h.value.forEach((C) => {
-        const { key: S, getValue: H } = C, j = H(e, t.data[S], o);
-        t.data[S] = H(e, j);
+        config: { beLink }
+      } = props;
+      return beLink ? Array.isArray(beLink) ? beLink : [beLink] : [];
+    });
+    const beLinkConfig = computed(() => {
+      return beLinkConfigInit.value.filter((item) => item.key !== props.config.key);
+    });
+    const haveBeLink = computed(() => {
+      return beLinkConfig.value.length > 0;
+    });
+    const currentValue = computed(() => {
+      return props.data[props.config.key];
+    });
+    const scope = computed(() => {
+      return {
+        data: props.data,
+        config: props.config
+      };
+    });
+    const wrapProps = computed(() => {
+      const { config } = props;
+      return typeof config.wrapProps === "function" ? config.wrapProps(scope.value) : config.wrapProps || {};
+    });
+    const mainProps = computed(() => {
+      const { config } = props;
+      return typeof config.props === "function" ? config.props(scope.value) : config.props || {};
+    });
+    const enterHandler = () => {
+      emits("submit", "enter");
+    };
+    const blurHandler = () => {
+      emits("submit", "blur");
+    };
+    const changeHandler = () => {
+      emits("submit", "change");
+    };
+    const updateLinkValue = (n, attachInfo) => {
+      beLinkConfig.value.forEach((item) => {
+        const { key, getValue } = item;
+        const value = getValue(n, props.data[key], attachInfo);
+        props.data[key] = getValue(n, value);
       });
-    }, N = n(() => ee(t.config) || {}), $ = n(() => ({
-      ...oe(t.config, T) || {},
-      ...ne(t.config, A) || {},
-      ...te(t.config, M) || {}
-    })), z = n(() => ie(P.value, ["children"])), K = n(() => re({
-      modelValueKey: "modelValue",
-      data: t.data,
-      config: t.config
-    })), O = n(() => b.value ? {
-      onTriggerChangeLink: w
-    } : {}), m = n(() => ({
-      ...N.value,
-      ...$.value,
-      ...z.value,
-      ...K.value,
-      ...O.value
-    })), l = n(() => {
-      const { children: e } = P.value;
-      return e;
-    }), V = n(() => {
-      const { config: e } = t, { hide: o } = e;
-      return typeof o == "boolean" ? o : (o == null ? void 0 : o({
-        ...s.value,
-        getInitValue: () => ae([e])[e.key]
-      })) ?? !1;
-    }), R = n(() => [
-      `form-item-${t.config.key}`,
-      { "form-item-label-hide": !!t.config.labelHide }
-    ]);
-    f(
-      V,
-      (e) => {
-        var o;
-        c("viewHideChange", {
-          config: t.config,
-          status: e
-        }), e && ((o = k.value) == null || o.clearValidate());
+    };
+    const mainPropsPlaceholder = computed(() => {
+      return getPlaceholder(props.config) || {};
+    });
+    const mainPropsEvents = computed(() => {
+      return {
+        ...getEnterSubmit(props.config, enterHandler) || {},
+        ...getBlurSubmit(props.config, blurHandler) || {},
+        ...getChangeSubmit(props.config, changeHandler) || {}
+      };
+    });
+    const mainPropsOmitChildren = computed(() => {
+      return _omit(mainProps.value, ["children"]);
+    });
+    const mainPropsVModel = computed(() => {
+      return getVModelSugar({
+        modelValueKey: "modelValue",
+        data: props.data,
+        config: props.config
+      });
+    });
+    const mainPropsBeLink = computed(() => {
+      return haveBeLink.value ? {
+        onTriggerChangeLink: updateLinkValue
+      } : {};
+    });
+    const mainPropsFinal = computed(() => {
+      return {
+        ...mainPropsPlaceholder.value,
+        ...mainPropsEvents.value,
+        ...mainPropsOmitChildren.value,
+        ...mainPropsVModel.value,
+        ...mainPropsBeLink.value
+      };
+    });
+    const children = computed(() => {
+      const { children: children2 } = mainProps.value;
+      return children2;
+    });
+    const viewHide = computed(() => {
+      const { config } = props;
+      const { hide } = config;
+      return typeof hide === "boolean" ? hide : (hide == null ? void 0 : hide({
+        ...scope.value,
+        getInitValue: () => {
+          const res = generateFormData([config]);
+          return res[config.key];
+        }
+      })) ?? false;
+    });
+    const cls = computed(() => {
+      return [
+        `form-item-${props.config.key}`,
+        { "form-item-label-hide": !!props.config.labelHide }
+      ];
+    });
+    watch(
+      viewHide,
+      (n) => {
+        var _a;
+        emits("viewHideChange", {
+          config: props.config,
+          status: n
+        });
+        if (n) {
+          (_a = formItem.value) == null ? void 0 : _a.clearValidate();
+        }
       },
       {
-        immediate: !0
+        immediate: true
       }
     );
-    let u;
-    return f(
-      b,
-      (e) => {
-        e ? u = f(
-          x,
-          (o) => {
-            w(o);
-          },
-          {
-            immediate: !0
-          }
-        ) : u == null || u();
+    let unwatchCurrentValue;
+    watch(
+      haveBeLink,
+      (n) => {
+        if (n) {
+          unwatchCurrentValue = watch(
+            currentValue,
+            (n2) => {
+              updateLinkValue(n2);
+            },
+            {
+              immediate: true
+            }
+          );
+        } else {
+          unwatchCurrentValue == null ? void 0 : unwatchCurrentValue();
+        }
       },
       {
-        immediate: !0
+        immediate: true
       }
-    ), (e, o) => J((a(), i(I(Z), g({
-      ref_key: "formItem",
-      ref: k,
-      prop: r.config.key,
-      label: r.config.label,
-      class: R.value
-    }, D.value), {
-      default: d(() => [
-        r.config.render === void 0 ? Q(e.$slots, "default", L(g({ key: 0 }, m.value)), () => [
-          p(v(m.value.modelValue), 1)
-        ], !0) : (a(), i(y(r.config.render), L(g({ key: 1 }, m.value)), U({ _: 2 }, [
-          l.value !== void 0 ? {
-            name: "default",
-            fn: d(() => [
-              typeof l.value == "function" ? (a(), i(y(l.value), { key: 0 })) : (a(), B(W, { key: 1 }, [
-                p(v(l.value), 1)
-              ], 64))
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1040)),
-        r.config.tip ? (a(), B("div", ce, [
-          typeof r.config.tip == "function" ? (a(), i(y(r.config.tip), { key: 0 })) : (a(), i(I(_), {
-            key: 1,
-            type: "info"
-          }, {
-            default: d(() => [
-              p(v(r.config.tip), 1)
-            ]),
-            _: 1
-          }))
-        ])) : X("", !0)
-      ]),
-      _: 3
-    }, 16, ["prop", "label", "class"])), [
-      [Y, !V.value]
-    ]);
+    );
+    return (_ctx, _cache) => {
+      return withDirectives((openBlock(), createBlock(unref(ElFormItem), mergeProps({
+        ref_key: "formItem",
+        ref: formItem,
+        prop: __props.config.key,
+        label: __props.config.label,
+        class: cls.value
+      }, wrapProps.value), {
+        default: withCtx(() => [
+          __props.config.render === void 0 ? renderSlot(_ctx.$slots, "default", normalizeProps(mergeProps({ key: 0 }, mainPropsFinal.value)), () => [
+            createTextVNode(toDisplayString(mainPropsFinal.value.modelValue), 1)
+          ], true) : (openBlock(), createBlock(resolveDynamicComponent(__props.config.render), normalizeProps(mergeProps({ key: 1 }, mainPropsFinal.value)), createSlots({ _: 2 }, [
+            children.value !== void 0 ? {
+              name: "default",
+              fn: withCtx(() => [
+                typeof children.value === "function" ? (openBlock(), createBlock(resolveDynamicComponent(children.value), { key: 0 })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                  createTextVNode(toDisplayString(children.value), 1)
+                ], 64))
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1040)),
+          __props.config.tip ? (openBlock(), createElementBlock("div", _hoisted_1, [
+            typeof __props.config.tip === "function" ? (openBlock(), createBlock(resolveDynamicComponent(__props.config.tip), { key: 0 })) : (openBlock(), createBlock(unref(ElText), {
+              key: 1,
+              type: "info"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(__props.config.tip), 1)
+              ]),
+              _: 1
+            }))
+          ])) : createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 16, ["prop", "label", "class"])), [
+        [vShow, !viewHide.value]
+      ]);
+    };
   }
 });
 export {
-  fe as default
+  _sfc_main as default
 };

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

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

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

@@ -1,49 +1,53 @@
-import { defineComponent as s, useModel as m, ref as n, computed as u, openBlock as d, createElementBlock as c, normalizeStyle as i, createVNode as f, unref as p, mergeModels as y } from "vue";
-import h from "./FormMain.vue.mjs";
-import { useNestForm as w } from "./use-nest-form.mjs";
-import { useNestLayoutScale as S } from "./use-nest-layout-scale.mjs";
-const G = /* @__PURE__ */ s({
-  name: "FormItemNestForm",
-  inheritAttrs: !1,
+import { defineComponent, useModel, ref, computed, openBlock, createElementBlock, normalizeStyle, createVNode, unref, mergeModels } from "vue";
+import FormMain from "./FormMain.vue.mjs";
+import { useNestForm } from "./use-nest-form.mjs";
+import { useNestLayoutScale } from "./use-nest-layout-scale.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "FormItemNestForm", inheritAttrs: false },
   __name: "FormItemNestForm",
-  props: /* @__PURE__ */ y({
+  props: /* @__PURE__ */ mergeModels({
     nestKey: {},
     list: {},
     layout: {},
     rowGutter: {},
     shadowColor: {},
     parentSpan: {},
-    rebase: { type: Boolean, default: !0 }
+    rebase: { type: Boolean, default: true }
   }, {
-    modelValue: { default: () => ({}) },
-    modelModifiers: {}
+    "modelValue": { default: () => ({}) },
+    "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
-  setup(e) {
-    const t = e, a = S({
-      parentSpan: () => t.parentSpan,
-      rebase: () => t.rebase
-    }), r = m(e, "modelValue"), o = n();
-    w({ childRef: o, key: () => t.nestKey });
-    const l = u(
-      () => t.shadowColor ? { boxShadow: `0 2px 8px ${t.shadowColor}` } : {}
+  setup(__props) {
+    const props = __props;
+    const childScale = useNestLayoutScale({
+      parentSpan: () => props.parentSpan,
+      rebase: () => props.rebase
+    });
+    const model = useModel(__props, "modelValue");
+    const childRef = ref();
+    useNestForm({ childRef, key: () => props.nestKey });
+    const shadowStyle = computed(
+      () => props.shadowColor ? { boxShadow: `0 2px 8px ${props.shadowColor}` } : {}
     );
-    return (F, x) => (d(), c("div", {
-      class: "form-item-nest-form",
-      style: i(l.value)
-    }, [
-      f(h, {
-        ref_key: "childRef",
-        ref: o,
-        list: e.list,
-        data: r.value,
-        layout: e.layout,
-        "layout-scale": p(a),
-        rowGutter: e.rowGutter
-      }, null, 8, ["list", "data", "layout", "layout-scale", "rowGutter"])
-    ], 4));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "form-item-nest-form",
+        style: normalizeStyle(shadowStyle.value)
+      }, [
+        createVNode(FormMain, {
+          ref_key: "childRef",
+          ref: childRef,
+          list: __props.list,
+          data: model.value,
+          layout: __props.layout,
+          "layout-scale": unref(childScale),
+          rowGutter: __props.rowGutter
+        }, null, 8, ["list", "data", "layout", "layout-scale", "rowGutter"])
+      ], 4);
+    };
   }
 });
 export {
-  G as default
+  _sfc_main as default
 };

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

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