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

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

@@ -1,21 +1,20 @@
-import { defineComponent as z, computed as m, useModel as A, openBlock as l, createElementBlock as f, normalizeStyle as g, createBlock as y, resolveDynamicComponent as C, createCommentVNode as D, Fragment as $, renderList as j, createElementVNode as E, createVNode as k, unref as v, withCtx as S, createTextVNode as b, toDisplayString as s, mergeModels as G } from "vue";
-import W from "./FormMain.vue.mjs";
-import { useNestFormList as H } from "./use-nest-form-list.mjs";
-import { useNestLayoutScale as O } from "./use-nest-layout-scale.mjs";
-import { generateFormData as q } from "./utils.mjs";
-import F from "../display/ActionBtn.vue.mjs";
-import { getId as J } from "../../utils/id.mjs";
-const ee = /* @__PURE__ */ z({
-  name: "FormItemNestFormList",
-  inheritAttrs: !1,
+import { defineComponent, computed, useModel, openBlock, createElementBlock, normalizeStyle, createBlock, resolveDynamicComponent, createCommentVNode, Fragment, renderList, createElementVNode, createVNode, unref, withCtx, createTextVNode, toDisplayString, mergeModels } from "vue";
+import FormMain from "./FormMain.vue.mjs";
+import { useNestFormList } from "./use-nest-form-list.mjs";
+import { useNestLayoutScale } from "./use-nest-layout-scale.mjs";
+import { generateFormData } from "./utils.mjs";
+import _sfc_main$1 from "../display/ActionBtn.vue.mjs";
+import { getId } from "../../utils/id.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "FormItemNestFormList", inheritAttrs: false },
   __name: "FormItemNestFormList",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ mergeModels({
     nestKey: {},
     list: {},
     rowKey: {},
     itemFactory: {},
     min: { default: 0 },
-    max: { default: 1 / 0 },
+    max: { default: Infinity },
     layout: {},
     rowGutter: {},
     addText: { default: "新增" },
@@ -24,114 +23,144 @@ const ee = /* @__PURE__ */ z({
     footerRender: {},
     shadowColor: {},
     parentSpan: {},
-    rebase: { type: Boolean, default: !0 },
-    removeConfirm: { type: [Boolean, Object], default: !0 }
+    rebase: { type: Boolean, default: true },
+    removeConfirm: { type: [Boolean, Object], default: true }
   }, {
-    modelValue: { default: () => [] },
-    modelModifiers: {}
+    "modelValue": { default: () => [] },
+    "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
-  setup(o) {
-    const t = o, I = m(() => {
-      const e = t.removeConfirm;
-      if (e !== !1)
-        return e && typeof e == "object" ? e : { title: "确认删除该项？", type: "danger" };
-    }), R = O({
-      parentSpan: () => t.parentSpan,
-      rebase: () => t.rebase
-    }), i = A(o, "modelValue"), n = m(() => i.value), d = m(() => n.value.length < t.max), p = m(
-      () => t.shadowColor ? { boxShadow: `0 2px 8px ${t.shadowColor}` } : {}
-    ), M = m(
-      () => t.shadowColor ? { boxShadow: `0 1px 4px ${t.shadowColor}` } : {}
-    ), N = () => {
-      var e;
-      return ((e = t.itemFactory) == null ? void 0 : e.call(t)) ?? q(t.list);
-    }, u = /* @__PURE__ */ new WeakMap(), h = (e) => {
-      const r = t.rowKey;
-      if (r) {
-        const a = e == null ? void 0 : e[r];
-        if (a != null) return a;
+  setup(__props) {
+    const props = __props;
+    const removeConfirmConfig = computed(() => {
+      const rc = props.removeConfirm;
+      if (rc === false) return void 0;
+      if (rc && typeof rc === "object") return rc;
+      return { title: "确认删除该项？", type: "danger" };
+    });
+    const childScale = useNestLayoutScale({
+      parentSpan: () => props.parentSpan,
+      rebase: () => props.rebase
+    });
+    const model = useModel(__props, "modelValue");
+    const rows = computed(() => model.value);
+    const canAdd = computed(() => rows.value.length < props.max);
+    const outerShadowStyle = computed(
+      () => props.shadowColor ? { boxShadow: `0 2px 8px ${props.shadowColor}` } : {}
+    );
+    const rowShadowStyle = computed(
+      () => props.shadowColor ? { boxShadow: `0 1px 4px ${props.shadowColor}` } : {}
+    );
+    const makeRow = () => {
+      var _a;
+      return ((_a = props.itemFactory) == null ? void 0 : _a.call(props)) ?? generateFormData(props.list);
+    };
+    const ridWeakMap = /* @__PURE__ */ new WeakMap();
+    const getRowId = (row) => {
+      const rk = props.rowKey;
+      if (rk) {
+        const v = row == null ? void 0 : row[rk];
+        if (v !== void 0 && v !== null) return v;
+      }
+      if (!ridWeakMap.has(row))
+        ridWeakMap.set(row, getId("formItemNextFormListItem"));
+      return ridWeakMap.get(row);
+    };
+    const rowInstanceMap = /* @__PURE__ */ new Map();
+    const setterCache = /* @__PURE__ */ new Map();
+    const setRowInstance = (rid) => {
+      let fn = setterCache.get(rid);
+      if (!fn) {
+        fn = (el) => {
+          if (el) rowInstanceMap.set(rid, el);
+          else rowInstanceMap.delete(rid);
+        };
+        setterCache.set(rid, fn);
       }
-      return u.has(e) || u.set(e, J("formItemNextFormListItem")), u.get(e);
-    }, c = /* @__PURE__ */ new Map(), x = /* @__PURE__ */ new Map(), V = (e) => {
-      let r = x.get(e);
-      return r || (r = (a) => {
-        a ? c.set(e, a) : c.delete(e);
-      }, x.set(e, r)), r;
+      return fn;
     };
-    H({
-      rowInstances: () => [...c.values()],
-      key: () => t.nestKey
+    useNestFormList({
+      rowInstances: () => [...rowInstanceMap.values()],
+      key: () => props.nestKey
     });
-    const w = () => {
-      d.value && i.value.push(N());
-    }, L = (e) => {
-      n.value.length <= t.min || i.value.splice(e, 1);
-    }, B = () => {
-      var e;
-      return (e = t.headerRender) == null ? void 0 : e.call(t, { count: n.value.length, max: t.max });
-    }, T = () => {
-      var e;
-      return (e = t.footerRender) == null ? void 0 : e.call(t, {
-        count: n.value.length,
-        max: t.max,
-        canAdd: d.value,
-        add: w
+    const addRow = () => {
+      if (!canAdd.value) return;
+      model.value.push(makeRow());
+    };
+    const removeRow = (index) => {
+      if (rows.value.length <= props.min) return;
+      model.value.splice(index, 1);
+    };
+    const renderHeader = () => {
+      var _a;
+      return (_a = props.headerRender) == null ? void 0 : _a.call(props, { count: rows.value.length, max: props.max });
+    };
+    const renderFooter = () => {
+      var _a;
+      return (_a = props.footerRender) == null ? void 0 : _a.call(props, {
+        count: rows.value.length,
+        max: props.max,
+        canAdd: canAdd.value,
+        add: addRow
       });
     };
-    return (e, r) => (l(), f("div", {
-      class: "form-item-nest-form-list",
-      style: g(p.value)
-    }, [
-      o.headerRender ? (l(), y(C(B), { key: 0 })) : D("", !0),
-      (l(!0), f($, null, j(n.value, (a, K) => (l(), f("div", {
-        key: h(a),
-        class: "form-item-nest-form-list-row"
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "form-item-nest-form-list",
+        style: normalizeStyle(outerShadowStyle.value)
       }, [
-        E("div", {
-          class: "form-item-nest-form-list-row-body",
-          style: g(M.value)
-        }, [
-          k(W, {
-            ref_for: !0,
-            ref: V(h(a)),
-            list: o.list,
-            data: a,
-            layout: o.layout,
-            "layout-scale": v(R),
-            "row-gutter": o.rowGutter
-          }, null, 8, ["list", "data", "layout", "layout-scale", "row-gutter"])
-        ], 4),
-        k(v(F), {
-          class: "form-item-nest-form-list-row-remove",
+        __props.headerRender ? (openBlock(), createBlock(resolveDynamicComponent(renderHeader), { key: 0 })) : createCommentVNode("", true),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(rows.value, (row, index) => {
+          return openBlock(), createElementBlock("div", {
+            key: getRowId(row),
+            class: "form-item-nest-form-list-row"
+          }, [
+            createElementVNode("div", {
+              class: "form-item-nest-form-list-row-body",
+              style: normalizeStyle(rowShadowStyle.value)
+            }, [
+              createVNode(FormMain, {
+                ref_for: true,
+                ref: setRowInstance(getRowId(row)),
+                list: __props.list,
+                data: row,
+                layout: __props.layout,
+                "layout-scale": unref(childScale),
+                "row-gutter": __props.rowGutter
+              }, null, 8, ["list", "data", "layout", "layout-scale", "row-gutter"])
+            ], 4),
+            createVNode(unref(_sfc_main$1), {
+              class: "form-item-nest-form-list-row-remove",
+              size: "small",
+              text: "",
+              type: "danger",
+              "confirm-config": removeConfirmConfig.value,
+              disabled: rows.value.length <= __props.min,
+              onClick: () => removeRow(index)
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(__props.removeText), 1)
+              ]),
+              _: 1
+            }, 8, ["confirm-config", "disabled", "onClick"])
+          ]);
+        }), 128)),
+        __props.footerRender ? (openBlock(), createBlock(resolveDynamicComponent(renderFooter), { key: 1 })) : (openBlock(), createBlock(unref(_sfc_main$1), {
+          key: 2,
           size: "small",
-          text: "",
-          type: "danger",
-          "confirm-config": I.value,
-          disabled: n.value.length <= o.min,
-          onClick: () => L(K)
+          type: "primary",
+          disabled: !canAdd.value,
+          onClick: addRow
         }, {
-          default: S(() => [
-            b(s(o.removeText), 1)
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(__props.addText) + "（" + toDisplayString(rows.value.length) + toDisplayString(__props.max === Infinity ? "" : "/" + __props.max) + "）", 1)
           ]),
           _: 1
-        }, 8, ["confirm-config", "disabled", "onClick"])
-      ]))), 128)),
-      o.footerRender ? (l(), y(C(T), { key: 1 })) : (l(), y(v(F), {
-        key: 2,
-        size: "small",
-        type: "primary",
-        disabled: !d.value,
-        onClick: w
-      }, {
-        default: S(() => [
-          b(s(o.addText) + "（" + s(n.value.length) + s(o.max === 1 / 0 ? "" : "/" + o.max) + "）", 1)
-        ]),
-        _: 1
-      }, 8, ["disabled"]))
-    ], 4));
+        }, 8, ["disabled"]))
+      ], 4);
+    };
   }
 });
 export {
-  ee as default
+  _sfc_main as default
 };

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

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