@vunk/form 2.18.2 → 2.19.0

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

@@ -1,370 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var formItem = require('@vunk/form/components/form-item');
-var composables = require('@vunk/form/composables');
-var elementPlus$1 = require('element-plus');
-var core = require('@vunk/core');
-var templatesDefault = require('@vunk/form/components/templates-default');
-var templateInstancesProvider = require('@vunk/form/components/template-instances-provider');
-var formItemRenderer = require('@vunk/form/components/form-item-renderer');
-var rendererData = require('@vunk/form/components/renderer-data');
-var elementPlus = require('@vunk/form/composables/element-plus');
-var _function = require('@vunk/shared/function');
-var index = require('../index.cjs');
-var cloneDeep = require('../cloneDeep.cjs');
-var _pluginVue_exportHelper = require('../_plugin-vue_export-helper.cjs');
-require('../isObject.cjs');
-
-const props = {
-  ...formItem._VkfFormItemCtx.props,
-  columns: {
-    type: Array,
-    default: () => []
-  },
-  modelValue: {
-    type: Array,
-    default: () => []
-  },
-  readonly: {
-    type: Boolean,
-    default: void 0
-  },
-  /**
-   * @description 是否可以添加或删除
-   */
-  splicable: {
-    type: Boolean,
-    default: true
-  },
-  slots: {
-    type: Object,
-    default: () => ({})
-  },
-  /**
-   * @description 开启 form-item 的 label 上的操作区域, 在labelPosition为top时生效
-   */
-  labelActions: {
-    type: Boolean,
-    default: false
-  },
-  /**
-   * @description 添加记录时的默认值
-   */
-  defaultItemValue: {
-    type: [Object, Function],
-    default: () => ({})
-  },
-  /**
-   * @description 保留最后一个不被删除
-   */
-  keepLast: {
-    type: Boolean,
-    default: false
-  },
-  /**
-   * @description 是否开启顶部的添加按钮
-   */
-  topSplicable: {
-    type: Boolean,
-    default: true
-  },
-  /**
-   * @description 卡片的属性
-   * @link https://element-plus.org/en-US/component/card.html#card-attributes
-   */
-  cardProps: {
-    type: Object,
-    default: () => ({})
-  }
-};
-const emits = {
-  "update:modelValue": null
-};
-
-var _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
-  ...{
-    inheritAttrs: false
-  },
-  __name: "core",
-  props: props,
-  emits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    __expose();
-    const props = __props;
-    const emit = __emit;
-    const formItemBindProps = formItem._VkfFormItemCtx.createBindProps(props);
-    const readonly = composables.useComputedReadonly(props);
-    const { tr } = elementPlus.useLocale();
-    const formData = vue.computed(() => {
-      if (!props.prop || props.prop.length === 0) {
-        return props.modelValue;
-      }
-      const data = {};
-      core.ensetData(data, {
-        k: props.prop,
-        v: props.modelValue
-      });
-      return data;
-    });
-    function handlePlus(index) {
-      const data = cloneDeep.cloneDeep(props.modelValue);
-      const defaultItemValue = _function.isCallable(props.defaultItemValue) ? props.defaultItemValue() : props.defaultItemValue;
-      data.splice(
-        index + 1,
-        0,
-        cloneDeep.cloneDeep(defaultItemValue)
-      );
-      emit("update:modelValue", data);
-    }
-    function handleMinus(index) {
-      const data = cloneDeep.cloneDeep(props.modelValue);
-      data.splice(index, 1);
-      emit("update:modelValue", data);
-    }
-    const handleFormSetData = (e) => {
-      const data = cloneDeep.cloneDeep(formData.value);
-      core.ensetData(data, e);
-      emit("update:modelValue", core.getValue(data, props.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
-        };
-        Reflect.deleteProperty(formItemProps, "createTemplateProps");
-        if (_function.isCallable(formItem.templateProps)) {
-          formItemProps.templateProps = () => {
-            return formItem.templateProps(
-              core.getValue(formData.value, parentProp)
-            );
-          };
-        }
-        const extraProps = formItem.createTemplateProps?.(
-          {
-            $index: index,
-            row: core.getValue(formData.value, parentProp)
-          },
-          formItemProps
-        ) ?? {};
-        Object.assign(formItemProps, extraProps);
-        return formItemProps;
-      });
-    }
-    const __returned__ = { props, emit, formItemBindProps, readonly, tr, formData, handlePlus, handleMinus, handleFormSetData, createTheFormItems, get VkfFormItem() {
-      return formItem.VkfFormItem;
-    }, get ElButton() {
-      return elementPlus$1.ElButton;
-    }, get ElCard() {
-      return elementPlus$1.ElCard;
-    }, get ElEmpty() {
-      return elementPlus$1.ElEmpty;
-    }, get VkfTemplatesDefault() {
-      return templatesDefault.VkfTemplatesDefault;
-    }, get VkfTemplateInstancesProvider() {
-      return templateInstancesProvider.VkfTemplateInstancesProvider;
-    }, get VkfFormItemRenderer() {
-      return formItemRenderer.VkfFormItemRenderer;
-    }, get VkfRendererData() {
-      return rendererData.VkfRendererData;
-    }, get Plus() {
-      return index.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 vue.openBlock(), vue.createBlock($setup["VkfTemplateInstancesProvider"], null, {
-    placeholder: vue.withCtx(() => [
-      vue.createVNode($setup["VkfTemplatesDefault"])
-    ]),
-    default: vue.withCtx(() => [
-      vue.createVNode(
-        $setup["VkfFormItem"],
-        vue.mergeProps({ class: "vkf-card-input-collection" }, {
-          ...$setup.formItemBindProps,
-          ..._ctx.$attrs
-        }),
-        vue.createSlots({
-          default: vue.withCtx(() => [
-            !$setup.readonly && _ctx.splicable && !_ctx.labelActions && _ctx.topSplicable ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-              vue.createVNode($setup["ElButton"], {
-                type: "primary",
-                onClick: _cache[1] || (_cache[1] = ($event) => $setup.handlePlus(-1))
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createTextVNode(
-                    vue.toDisplayString($setup.tr("vkf.common.add", "\u6DFB\u52A0")),
-                    1
-                    /* TEXT */
-                  )
-                ]),
-                _: 1
-                /* STABLE */
-              })
-            ])) : vue.createCommentVNode("v-if", true),
-            !_ctx.modelValue?.length ? (vue.openBlock(), vue.createBlock($setup["ElEmpty"], {
-              key: 1,
-              class: "vkf-card-input-collection-empty"
-            }, {
-              image: vue.withCtx(() => _cache[2] || (_cache[2] = [
-                vue.createTextVNode(vue.toDisplayString(""))
-              ])),
-              _: 1
-              /* STABLE */
-            })) : vue.createCommentVNode("v-if", true),
-            vue.createVNode($setup["VkfRendererData"], {
-              data: $setup.formData,
-              onSetData: $setup.handleFormSetData
-            }, {
-              default: vue.withCtx(() => [
-                (vue.openBlock(true), vue.createElementBlock(
-                  vue.Fragment,
-                  null,
-                  vue.renderList(_ctx.modelValue, (_, index) => {
-                    return vue.openBlock(), vue.createBlock(
-                      $setup["ElCard"],
-                      vue.mergeProps({
-                        key: index,
-                        class: "vkf-card-input-collection-card"
-                      }, { ref_for: true }, _ctx.cardProps),
-                      vue.createSlots({
-                        default: vue.withCtx(() => [
-                          vue.createVNode($setup["VkfFormItemRenderer"], {
-                            source: $setup.createTheFormItems(index)
-                          }, null, 8, ["source"])
-                        ]),
-                        _: 2
-                        /* DYNAMIC */
-                      }, [
-                        !$setup.readonly && _ctx.splicable ? {
-                          name: "footer",
-                          fn: vue.withCtx(() => [
-                            vue.createElementVNode("div", _hoisted_2, [
-                              vue.createVNode($setup["ElButton"], {
-                                type: "primary",
-                                onClick: () => $setup.handlePlus(index)
-                              }, {
-                                default: vue.withCtx(() => [
-                                  vue.createTextVNode(
-                                    vue.toDisplayString($setup.tr("vkf.common.add", "\u6DFB\u52A0")),
-                                    1
-                                    /* TEXT */
-                                  )
-                                ]),
-                                _: 2
-                                /* DYNAMIC */
-                              }, 1032, ["onClick"]),
-                              vue.createVNode($setup["ElButton"], {
-                                type: "danger",
-                                disabled: _ctx.modelValue.length <= 1 && $setup.props.keepLast,
-                                onClick: () => $setup.handleMinus(index)
-                              }, {
-                                default: vue.withCtx(() => [
-                                  vue.createTextVNode(
-                                    vue.toDisplayString($setup.tr("vkf.common.delete", "\u5220\u9664")),
-                                    1
-                                    /* TEXT */
-                                  )
-                                ]),
-                                _: 2
-                                /* DYNAMIC */
-                              }, 1032, ["disabled", "onClick"])
-                            ])
-                          ]),
-                          key: "0"
-                        } : void 0
-                      ]),
-                      1040
-                      /* FULL_PROPS, DYNAMIC_SLOTS */
-                    );
-                  }),
-                  128
-                  /* KEYED_FRAGMENT */
-                ))
-              ]),
-              _: 1
-              /* STABLE */
-            }, 8, ["data"])
-          ]),
-          _: 2
-          /* DYNAMIC */
-        }, [
-          _ctx.labelActions ? {
-            name: "labelActions",
-            fn: vue.withCtx(() => [
-              vue.renderSlot(_ctx.$slots, "labelActions"),
-              !$setup.readonly && _ctx.splicable && _ctx.topSplicable ? (vue.openBlock(), vue.createBlock($setup["ElButton"], {
-                key: 0,
-                size: "small",
-                icon: $setup.Plus,
-                onClick: _cache[0] || (_cache[0] = ($event) => $setup.handlePlus(-1))
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createTextVNode(
-                    vue.toDisplayString($setup.tr("vkf.common.add", "\u6DFB\u52A0")),
-                    1
-                    /* TEXT */
-                  )
-                ]),
-                _: 1
-                /* STABLE */
-              }, 8, ["icon"])) : vue.createCommentVNode("v-if", true)
-            ]),
-            key: "0"
-          } : void 0
-        ]),
-        1040
-        /* FULL_PROPS, DYNAMIC_SLOTS */
-      )
-    ]),
-    _: 3
-    /* FORWARDED */
-  });
-}
-var Core = /* @__PURE__ */ _pluginVue_exportHelper._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 = vue.defineComponent({
-  name: "VkfCardInputCollection",
-  props,
-  emits,
-  setup(props2, { slots, emit }) {
-    return () => vue.h(Core, {
-      ...props2,
-      "onUpdate:modelValue": (e) => emit("update:modelValue", e)
-    }, {
-      ...props2.slots,
-      ...slots
-    });
-  }
-});
-
-var VkfCardInputCollection = /* @__PURE__ */ _pluginVue_exportHelper._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({
-  __proto__: null
-});
-
-VkfCardInputCollection.install = (app) => {
-  app.component(VkfCardInputCollection.name || "VkfCardInputCollection", VkfCardInputCollection);
-};
-
-exports.VkfCardInputCollection = VkfCardInputCollection;
-exports.__VkfCardInputCollection = types;
-exports.default = VkfCardInputCollection;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),y=require("@vunk/form/components/form-item"),N=require("@vunk/form/composables"),n=require("element-plus"),c=require("@vunk/core"),q=require("@vunk/form/components/templates-default"),w=require("@vunk/form/components/template-instances-provider"),T=require("@vunk/form/components/form-item-renderer"),I=require("@vunk/form/components/renderer-data"),E=require("@vunk/form/composables/element-plus"),v=require("@vunk/shared/function"),A=require("../index.cjs"),f=require("../cloneDeep.cjs"),b={...y._VkfFormItemCtx.props,columns:{type:Array,default:()=>[]},modelValue:{type:Array,default:()=>[]},readonly:{type:Boolean,default:void 0},splicable:{type:Boolean,default:!0},slots:{type:Object,default:()=>({})},labelActions:{type:Boolean,default:!1},defaultItemValue:{type:[Object,Function],default:()=>({})},keepLast:{type:Boolean,default:!1},topSplicable:{type:Boolean,default:!0},cardProps:{type:Object,default:()=>({})}},B={"update:modelValue":null},F={key:0,class:"vkf-card-input-collection-options"},j={class:"vkf-card-input-collection-card__footer"},O=e.defineComponent({inheritAttrs:!1,__name:"core",props:b,emits:B,setup(s,{emit:m}){const l=s,u=m,g=y._VkfFormItemCtx.createBindProps(l),d=N.useComputedReadonly(l),{tr:p}=E.useLocale(),i=e.computed(()=>{if(!l.prop||l.prop.length===0)return l.modelValue;const t={};return c.ensetData(t,{k:l.prop,v:l.modelValue}),t});function V(t){const o=f.cloneDeep(l.modelValue),r=v.isCallable(l.defaultItemValue)?l.defaultItemValue():l.defaultItemValue;o.splice(t+1,0,f.cloneDeep(r)),u("update:modelValue",o)}function h(t){const o=f.cloneDeep(l.modelValue);o.splice(t,1),u("update:modelValue",o)}const D=t=>{const o=f.cloneDeep(i.value);c.ensetData(o,t),u("update:modelValue",c.getValue(o,l.prop))};function _(t){return l.columns.map(o=>{var C;const r=[l.prop??[],t].flat(),k=[r,o.prop].flat(),a={readonly:d.value,...o,prop:k};Reflect.deleteProperty(a,"createTemplateProps"),v.isCallable(o.templateProps)&&(a.templateProps=()=>o.templateProps(c.getValue(i.value,r)));const S=((C=o.createTemplateProps)==null?void 0:C.call(o,{$index:t,row:c.getValue(i.value,r)},a))??{};return Object.assign(a,S),a})}return(t,o)=>(e.openBlock(),e.createBlock(e.unref(w.VkfTemplateInstancesProvider),null,{placeholder:e.withCtx(()=>[e.createVNode(e.unref(q.VkfTemplatesDefault))]),default:e.withCtx(()=>[e.createVNode(e.unref(y.VkfFormItem),e.mergeProps({class:"vkf-card-input-collection"},{...e.unref(g),...t.$attrs}),e.createSlots({default:e.withCtx(()=>{var r;return[!e.unref(d)&&t.splicable&&!t.labelActions&&t.topSplicable?(e.openBlock(),e.createElementBlock("div",F,[e.createVNode(e.unref(n.ElButton),{type:"primary",onClick:o[1]||(o[1]=k=>V(-1))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(p)("vkf.common.add","添加")),1)]),_:1})])):e.createCommentVNode("",!0),(r=t.modelValue)!=null&&r.length?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(n.ElEmpty),{key:1,class:"vkf-card-input-collection-empty"},{image:e.withCtx(()=>o[2]||(o[2]=[e.createTextVNode(e.toDisplayString(""))])),_:1})),e.createVNode(e.unref(I.VkfRendererData),{data:i.value,onSetData:D},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.modelValue,(k,a)=>(e.openBlock(),e.createBlock(e.unref(n.ElCard),e.mergeProps({key:a,class:"vkf-card-input-collection-card"},{ref_for:!0},t.cardProps),e.createSlots({default:e.withCtx(()=>[e.createVNode(e.unref(T.VkfFormItemRenderer),{source:_(a)},null,8,["source"])]),_:2},[!e.unref(d)&&t.splicable?{name:"footer",fn:e.withCtx(()=>[e.createElementVNode("div",j,[e.createVNode(e.unref(n.ElButton),{type:"primary",onClick:()=>V(a)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(p)("vkf.common.add","添加")),1)]),_:2},1032,["onClick"]),e.createVNode(e.unref(n.ElButton),{type:"danger",disabled:t.modelValue.length<=1&&l.keepLast,onClick:()=>h(a)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(p)("vkf.common.delete","删除")),1)]),_:2},1032,["disabled","onClick"])])]),key:"0"}:void 0]),1040))),128))]),_:1},8,["data"])]}),_:2},[t.labelActions?{name:"labelActions",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"labelActions"),!e.unref(d)&&t.splicable&&t.topSplicable?(e.openBlock(),e.createBlock(e.unref(n.ElButton),{key:0,size:"small",icon:e.unref(A.plus_default),onClick:o[0]||(o[0]=r=>V(-1))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(p)("vkf.common.add","添加")),1)]),_:1},8,["icon"])):e.createCommentVNode("",!0)]),key:"0"}:void 0]),1040)]),_:3}))}}),P=e.defineComponent({name:"VkfCardInputCollection",props:b,emits:B,setup(s,{slots:m,emit:l}){return()=>e.h(O,{...s,"onUpdate:modelValue":u=>l("update:modelValue",u)},{...s.slots,...m})}}),$=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));exports.VkfCardInputCollection=P;exports.__VkfCardInputCollection=$;exports.default=P;