@vunk/form 2.18.2 → 2.19.1

package/components/card-input-collection/index.mjs

@@ -1,21 +1,18 @@
-import { defineComponent, computed, openBlock, createBlock, withCtx, createVNode, mergeProps, createSlots, createElementBlock, createTextVNode, toDisplayString, createCommentVNode, Fragment, renderList, createElementVNode, renderSlot, h } from 'vue';
-import { _VkfFormItemCtx, VkfFormItem } from '@vunk/form/components/form-item';
-import { useComputedReadonly } from '@vunk/form/composables';
-import { ElButton, ElCard, ElEmpty } from 'element-plus';
-import { ensetData, getValue } from '@vunk/core';
-import { VkfTemplatesDefault } from '@vunk/form/components/templates-default';
-import { VkfTemplateInstancesProvider } from '@vunk/form/components/template-instances-provider';
-import { VkfFormItemRenderer } from '@vunk/form/components/form-item-renderer';
-import { VkfRendererData } from '@vunk/form/components/renderer-data';
-import { useLocale } from '@vunk/form/composables/element-plus';
-import { isCallable } from '@vunk/shared/function';
-import { p as plus_default } from '../index.mjs';
-import { c as cloneDeep } from '../cloneDeep.mjs';
-import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
-import '../isObject.mjs';
-
-const props = {
-  ..._VkfFormItemCtx.props,
+import { defineComponent as I, computed as w, openBlock as s, createBlock as y, unref as o, withCtx as a, createVNode as p, mergeProps as S, createSlots as h, createElementBlock as A, createTextVNode as d, toDisplayString as c, createCommentVNode as _, Fragment as z, renderList as M, createElementVNode as U, renderSlot as q, h as G } from "vue";
+import { _VkfFormItemCtx as T, VkfFormItem as H } from "@vunk/form/components/form-item";
+import { useComputedReadonly as J } from "@vunk/form/composables";
+import { ElButton as V, ElEmpty as K, ElCard as Q } from "element-plus";
+import { ensetData as D, getValue as g } from "@vunk/core";
+import { VkfTemplatesDefault as W } from "@vunk/form/components/templates-default";
+import { VkfTemplateInstancesProvider as X } from "@vunk/form/components/template-instances-provider";
+import { VkfFormItemRenderer as Y } from "@vunk/form/components/form-item-renderer";
+import { VkfRendererData as Z } from "@vunk/form/components/renderer-data";
+import { useLocale as x } from "@vunk/form/composables/element-plus";
+import { isCallable as F } from "@vunk/shared/function";
+import { p as ee } from "../index.cjs";
+import { c as v } from "../cloneDeep.cjs";
+const j = {
+  ...T.props,
   columns: {
     type: Array,
     default: () => []
@@ -33,7 +30,7 @@ const props = {
    */
   splicable: {
     type: Boolean,
-    default: true
+    default: !0
   },
   slots: {
     type: Object,
@@ -44,7 +41,7 @@ const props = {
    */
   labelActions: {
     type: Boolean,
-    default: false
+    default: !1
   },
   /**
    * @description 添加记录时的默认值
@@ -58,14 +55,14 @@ const props = {
    */
   keepLast: {
     type: Boolean,
-    default: false
+    default: !1
   },
   /**
    * @description 是否开启顶部的添加按钮
    */
   topSplicable: {
     type: Boolean,
-    default: true
+    default: !0
   },
   /**
    * @description 卡片的属性
@@ -75,290 +72,191 @@ const props = {
     type: Object,
     default: () => ({})
   }
-};
-const emits = {
+}, E = {
   "update:modelValue": null
-};
-
-var _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  ...{
-    inheritAttrs: false
-  },
+}, te = {
+  key: 0,
+  class: "vkf-card-input-collection-options"
+}, oe = { class: "vkf-card-input-collection-card__footer" }, le = /* @__PURE__ */ I({
+  inheritAttrs: !1,
   __name: "core",
-  props: props,
-  emits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    __expose();
-    const props = __props;
-    const emit = __emit;
-    const formItemBindProps = _VkfFormItemCtx.createBindProps(props);
-    const readonly = useComputedReadonly(props);
-    const { tr } = useLocale();
-    const formData = computed(() => {
-      if (!props.prop || props.prop.length === 0) {
-        return props.modelValue;
-      }
-      const data = {};
-      ensetData(data, {
-        k: props.prop,
-        v: props.modelValue
-      });
-      return data;
+  props: j,
+  emits: E,
+  setup(m, { emit: b }) {
+    const l = m, u = b, O = T.createBindProps(l), i = J(l), { tr: f } = x(), k = w(() => {
+      if (!l.prop || l.prop.length === 0)
+        return l.modelValue;
+      const e = {};
+      return D(e, {
+        k: l.prop,
+        v: l.modelValue
+      }), e;
     });
-    function handlePlus(index) {
-      const data = cloneDeep(props.modelValue);
-      const defaultItemValue = isCallable(props.defaultItemValue) ? props.defaultItemValue() : props.defaultItemValue;
-      data.splice(
-        index + 1,
+    function C(e) {
+      const t = v(l.modelValue), n = F(l.defaultItemValue) ? l.defaultItemValue() : l.defaultItemValue;
+      t.splice(
+        e + 1,
         0,
-        cloneDeep(defaultItemValue)
-      );
-      emit("update:modelValue", data);
+        v(n)
+      ), u("update:modelValue", t);
     }
-    function handleMinus(index) {
-      const data = cloneDeep(props.modelValue);
-      data.splice(index, 1);
-      emit("update:modelValue", data);
+    function $(e) {
+      const t = v(l.modelValue);
+      t.splice(e, 1), u("update:modelValue", t);
     }
-    const handleFormSetData = (e) => {
-      const data = cloneDeep(formData.value);
-      ensetData(data, e);
-      emit("update:modelValue", getValue(data, props.prop));
+    const L = (e) => {
+      const t = v(k.value);
+      D(t, e), u("update:modelValue", g(t, l.prop));
     };
-    function createTheFormItems(index) {
-      return props.columns.map((formItem) => {
-        const parentProp = [
-          props.prop ?? [],
-          index
-        ].flat();
-        const prop = [parentProp, formItem.prop].flat();
-        const formItemProps = {
-          readonly: readonly.value,
-          ...formItem,
-          prop
+    function N(e) {
+      return l.columns.map((t) => {
+        var B;
+        const n = [
+          l.prop ?? [],
+          e
+        ].flat(), P = [n, t.prop].flat(), r = {
+          readonly: i.value,
+          ...t,
+          prop: P
         };
-        Reflect.deleteProperty(formItemProps, "createTemplateProps");
-        if (isCallable(formItem.templateProps)) {
-          formItemProps.templateProps = () => {
-            return formItem.templateProps(
-              getValue(formData.value, parentProp)
-            );
-          };
-        }
-        const extraProps = formItem.createTemplateProps?.(
+        Reflect.deleteProperty(r, "createTemplateProps"), F(t.templateProps) && (r.templateProps = () => t.templateProps(
+          g(k.value, n)
+        ));
+        const R = ((B = t.createTemplateProps) == null ? void 0 : B.call(
+          t,
           {
-            $index: index,
-            row: getValue(formData.value, parentProp)
+            $index: e,
+            row: g(k.value, n)
           },
-          formItemProps
-        ) ?? {};
-        Object.assign(formItemProps, extraProps);
-        return formItemProps;
+          r
+        )) ?? {};
+        return Object.assign(r, R), r;
       });
     }
-    const __returned__ = { props, emit, formItemBindProps, readonly, tr, formData, handlePlus, handleMinus, handleFormSetData, createTheFormItems, get VkfFormItem() {
-      return VkfFormItem;
-    }, get ElButton() {
-      return ElButton;
-    }, get ElCard() {
-      return ElCard;
-    }, get ElEmpty() {
-      return ElEmpty;
-    }, get VkfTemplatesDefault() {
-      return VkfTemplatesDefault;
-    }, get VkfTemplateInstancesProvider() {
-      return VkfTemplateInstancesProvider;
-    }, get VkfFormItemRenderer() {
-      return VkfFormItemRenderer;
-    }, get VkfRendererData() {
-      return VkfRendererData;
-    }, get Plus() {
-      return plus_default;
-    } };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-
-const _hoisted_1 = {
-  key: 0,
-  class: "vkf-card-input-collection-options"
-};
-const _hoisted_2 = { class: "vkf-card-input-collection-card__footer" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createBlock($setup["VkfTemplateInstancesProvider"], null, {
-    placeholder: withCtx(() => [
-      createVNode($setup["VkfTemplatesDefault"])
-    ]),
-    default: withCtx(() => [
-      createVNode(
-        $setup["VkfFormItem"],
-        mergeProps({ class: "vkf-card-input-collection" }, {
-          ...$setup.formItemBindProps,
-          ..._ctx.$attrs
-        }),
-        createSlots({
-          default: withCtx(() => [
-            !$setup.readonly && _ctx.splicable && !_ctx.labelActions && _ctx.topSplicable ? (openBlock(), createElementBlock("div", _hoisted_1, [
-              createVNode($setup["ElButton"], {
-                type: "primary",
-                onClick: _cache[1] || (_cache[1] = ($event) => $setup.handlePlus(-1))
+    return (e, t) => (s(), y(o(X), null, {
+      placeholder: a(() => [
+        p(o(W))
+      ]),
+      default: a(() => [
+        p(o(H), S({ class: "vkf-card-input-collection" }, {
+          ...o(O),
+          ...e.$attrs
+        }), h({
+          default: a(() => {
+            var n;
+            return [
+              !o(i) && e.splicable && !e.labelActions && e.topSplicable ? (s(), A("div", te, [
+                p(o(V), {
+                  type: "primary",
+                  onClick: t[1] || (t[1] = (P) => C(-1))
+                }, {
+                  default: a(() => [
+                    d(c(o(f)("vkf.common.add", "添加")), 1)
+                  ]),
+                  _: 1
+                })
+              ])) : _("", !0),
+              (n = e.modelValue) != null && n.length ? _("", !0) : (s(), y(o(K), {
+                key: 1,
+                class: "vkf-card-input-collection-empty"
               }, {
-                default: withCtx(() => [
-                  createTextVNode(
-                    toDisplayString($setup.tr("vkf.common.add", "\u6DFB\u52A0")),
-                    1
-                    /* TEXT */
-                  )
-                ]),
+                image: a(() => [...t[2] || (t[2] = [
+                  d(c(""), -1)
+                ])]),
                 _: 1
-                /* STABLE */
-              })
-            ])) : createCommentVNode("v-if", true),
-            !_ctx.modelValue?.length ? (openBlock(), createBlock($setup["ElEmpty"], {
-              key: 1,
-              class: "vkf-card-input-collection-empty"
-            }, {
-              image: withCtx(() => _cache[2] || (_cache[2] = [
-                createTextVNode(toDisplayString(""))
-              ])),
-              _: 1
-              /* STABLE */
-            })) : createCommentVNode("v-if", true),
-            createVNode($setup["VkfRendererData"], {
-              data: $setup.formData,
-              onSetData: $setup.handleFormSetData
-            }, {
-              default: withCtx(() => [
-                (openBlock(true), createElementBlock(
-                  Fragment,
-                  null,
-                  renderList(_ctx.modelValue, (_, index) => {
-                    return openBlock(), createBlock(
-                      $setup["ElCard"],
-                      mergeProps({
-                        key: index,
-                        class: "vkf-card-input-collection-card"
-                      }, { ref_for: true }, _ctx.cardProps),
-                      createSlots({
-                        default: withCtx(() => [
-                          createVNode($setup["VkfFormItemRenderer"], {
-                            source: $setup.createTheFormItems(index)
-                          }, null, 8, ["source"])
-                        ]),
-                        _: 2
-                        /* DYNAMIC */
-                      }, [
-                        !$setup.readonly && _ctx.splicable ? {
-                          name: "footer",
-                          fn: withCtx(() => [
-                            createElementVNode("div", _hoisted_2, [
-                              createVNode($setup["ElButton"], {
-                                type: "primary",
-                                onClick: () => $setup.handlePlus(index)
-                              }, {
-                                default: withCtx(() => [
-                                  createTextVNode(
-                                    toDisplayString($setup.tr("vkf.common.add", "\u6DFB\u52A0")),
-                                    1
-                                    /* TEXT */
-                                  )
-                                ]),
-                                _: 2
-                                /* DYNAMIC */
-                              }, 1032, ["onClick"]),
-                              createVNode($setup["ElButton"], {
-                                type: "danger",
-                                disabled: _ctx.modelValue.length <= 1 && $setup.props.keepLast,
-                                onClick: () => $setup.handleMinus(index)
-                              }, {
-                                default: withCtx(() => [
-                                  createTextVNode(
-                                    toDisplayString($setup.tr("vkf.common.delete", "\u5220\u9664")),
-                                    1
-                                    /* TEXT */
-                                  )
-                                ]),
-                                _: 2
-                                /* DYNAMIC */
-                              }, 1032, ["disabled", "onClick"])
-                            ])
-                          ]),
-                          key: "0"
-                        } : void 0
+              })),
+              p(o(Z), {
+                data: k.value,
+                onSetData: L
+              }, {
+                default: a(() => [
+                  (s(!0), A(z, null, M(e.modelValue, (P, r) => (s(), y(o(Q), S({
+                    key: r,
+                    class: "vkf-card-input-collection-card"
+                  }, { ref_for: !0 }, e.cardProps), h({
+                    default: a(() => [
+                      p(o(Y), {
+                        source: N(r)
+                      }, null, 8, ["source"])
+                    ]),
+                    _: 2
+                  }, [
+                    !o(i) && e.splicable ? {
+                      name: "footer",
+                      fn: a(() => [
+                        U("div", oe, [
+                          p(o(V), {
+                            type: "primary",
+                            onClick: () => C(r)
+                          }, {
+                            default: a(() => [
+                              d(c(o(f)("vkf.common.add", "添加")), 1)
+                            ]),
+                            _: 1
+                          }, 8, ["onClick"]),
+                          p(o(V), {
+                            type: "danger",
+                            disabled: e.modelValue.length <= 1 && l.keepLast,
+                            onClick: () => $(r)
+                          }, {
+                            default: a(() => [
+                              d(c(o(f)("vkf.common.delete", "删除")), 1)
+                            ]),
+                            _: 1
+                          }, 8, ["disabled", "onClick"])
+                        ])
                       ]),
-                      1040
-                      /* FULL_PROPS, DYNAMIC_SLOTS */
-                    );
-                  }),
-                  128
-                  /* KEYED_FRAGMENT */
-                ))
-              ]),
-              _: 1
-              /* STABLE */
-            }, 8, ["data"])
-          ]),
+                      key: "0"
+                    } : void 0
+                  ]), 1040))), 128))
+                ]),
+                _: 1
+              }, 8, ["data"])
+            ];
+          }),
           _: 2
-          /* DYNAMIC */
         }, [
-          _ctx.labelActions ? {
+          e.labelActions ? {
             name: "labelActions",
-            fn: withCtx(() => [
-              renderSlot(_ctx.$slots, "labelActions"),
-              !$setup.readonly && _ctx.splicable && _ctx.topSplicable ? (openBlock(), createBlock($setup["ElButton"], {
+            fn: a(() => [
+              q(e.$slots, "labelActions"),
+              !o(i) && e.splicable && e.topSplicable ? (s(), y(o(V), {
                 key: 0,
                 size: "small",
-                icon: $setup.Plus,
-                onClick: _cache[0] || (_cache[0] = ($event) => $setup.handlePlus(-1))
+                icon: o(ee),
+                onClick: t[0] || (t[0] = (n) => C(-1))
               }, {
-                default: withCtx(() => [
-                  createTextVNode(
-                    toDisplayString($setup.tr("vkf.common.add", "\u6DFB\u52A0")),
-                    1
-                    /* TEXT */
-                  )
+                default: a(() => [
+                  d(c(o(f)("vkf.common.add", "添加")), 1)
                 ]),
                 _: 1
-                /* STABLE */
-              }, 8, ["icon"])) : createCommentVNode("v-if", true)
+              }, 8, ["icon"])) : _("", !0)
             ]),
             key: "0"
           } : void 0
-        ]),
-        1040
-        /* FULL_PROPS, DYNAMIC_SLOTS */
-      )
-    ]),
-    _: 3
-    /* FORWARDED */
-  });
-}
-var Core = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/card-input-collection/src/core.vue"]]);
-
-var _sfc_main = defineComponent({
+        ]), 1040)
+      ]),
+      _: 3
+    }));
+  }
+}), Ve = I({
   name: "VkfCardInputCollection",
-  props,
-  emits,
-  setup(props2, { slots, emit }) {
-    return () => h(Core, {
-      ...props2,
-      "onUpdate:modelValue": (e) => emit("update:modelValue", e)
+  props: j,
+  emits: E,
+  setup(m, { slots: b, emit: l }) {
+    return () => G(le, {
+      ...m,
+      "onUpdate:modelValue": (u) => l("update:modelValue", u)
     }, {
-      ...props2.slots,
-      ...slots
+      ...m.slots,
+      ...b
     });
   }
-});
-
-var VkfCardInputCollection = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/card-input-collection/src/index.vue"]]);
-
-var types = /*#__PURE__*/Object.freeze({
+}), ve = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
-});
-
-VkfCardInputCollection.install = (app) => {
-  app.component(VkfCardInputCollection.name || "VkfCardInputCollection", VkfCardInputCollection);
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  Ve as VkfCardInputCollection,
+  ve as __VkfCardInputCollection,
+  Ve as default
 };
-
-export { VkfCardInputCollection, types as __VkfCardInputCollection, VkfCardInputCollection as default };