@vunk/form 2.18.2 → 2.19.0

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

@@ -1,624 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var index = require('../index.cjs');
-var core = require('@vunk/core');
-var formItem = require('@vunk/form/components/form-item');
-var informationRenderer = require('@vunk/form/components/information-renderer');
-var composables$1 = require('@vunk/form/composables');
-var elementPlus = require('@vunk/form/composables/element-plus');
-var avatar = require('@vunk/plus/components/avatar');
-var tableColumns = require('@vunk/plus/components/table-columns');
-var _enum = require('@vunk/shared/enum');
-var _function = require('@vunk/shared/function');
-var elementPlus$1 = require('element-plus');
-var composables = require('@vunk/core/composables');
-var form$1 = require('@vunk/form/components/form');
-var form = require('@vunk/form/shared/form');
-var _pluginVue_exportHelper = require('../_plugin-vue_export-helper.cjs');
-var informationTemplatesDefault = require('@vunk/form/components/information-templates-default');
-var rendererData = require('@vunk/form/components/renderer-data');
-var templateInstancesProvider = require('@vunk/form/components/template-instances-provider');
-var templatesDefault = require('@vunk/form/components/templates-default');
-var cloneDeep = require('../cloneDeep.cjs');
-require('../isObject.cjs');
-
-const props = {
-  ...formItem._VkfFormItemCtx.props,
-  columns: {
-    type: Array,
-    default: () => []
-  },
-  /**
-   * @description 表格数据 v-model
-   */
-  modelValue: {
-    type: Array,
-    default: () => []
-  },
-  readonly: {
-    type: Boolean,
-    default: void 0
-  },
-  /**
-   * @description 是否可以splice
-   */
-  splicable: {
-    type: Boolean,
-    default: true
-  },
-  /**
-   * @description 开启 form-item 的 label 上的操作区域, 在labelPosition为top时生效
-   */
-  labelActions: {
-    type: Boolean,
-    default: false
-  },
-  /**
-   * @description 添加记录时的默认值
-   */
-  defaultItemValue: {
-    type: [Object, Function],
-    default: () => ({})
-  },
-  dialogFormProps: {
-    type: Object,
-    default: () => ({})
-  },
-  validateCatch: {
-    type: Function
-  },
-  modules: {
-    type: Array,
-    default: () => ["operations:add"]
-  },
-  /**
-   * @description 正在编辑的 dialog 表单数据
-   */
-  formdata: {
-    type: Object,
-    default: void 0
-  }
-};
-const emits = {
-  "update:modelValue": null,
-  "update:formdata": null
-};
-
-var _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
-  __name: "dialog-form",
-  props: {
-    title: {
-      type: String,
-      default: ""
-    },
-    modelValue: {
-      type: Object,
-      default: () => ({})
-    },
-    openReset: {
-      type: Boolean,
-      default: true
-    },
-    visible: {
-      type: Boolean,
-      default: false
-    },
-    formItems: {
-      type: Array,
-      default: () => []
-    },
-    dialogFormProps: {
-      type: Object,
-      default: () => ({})
-    },
-    validateCatch: {
-      type: Function,
-      default: form.validateCatch
-    },
-    formdata: null
-  },
-  emits: ["update:modelValue", "update:visible", "change", "update:formdata"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    __expose();
-    const props = __props;
-    const emit = __emit;
-    const { tr } = elementPlus.useLocale();
-    const formData = composables.useModelComputed({
-      key: "formdata",
-      default: {}
-    }, props, emit);
-    const formDef = composables.useDeferred();
-    formDef.promise.then((form) => {
-      props.dialogFormProps.elRef?.(form);
-    });
-    vue.watch(() => props.visible, (v) => {
-      if (props.openReset && v) {
-        formData.value = { ...props.modelValue };
-        setTimeout(() => {
-          formDef.value?.clearValidate();
-        });
-      }
-    });
-    function handleSubmit() {
-      formDef.value?.validate().then(() => {
-        emit("update:modelValue", formData.value);
-        emit("change", formData.value);
-        emit("update:visible", false);
-      }).catch(props.validateCatch);
-    }
-    const __returned__ = { props, emit, tr, formData, formDef, handleSubmit, get setData() {
-      return core.setData;
-    }, get VkfForm() {
-      return form$1.VkfForm;
-    }, get ElDialog() {
-      return elementPlus$1.ElDialog;
-    } };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-
-function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ElButton = vue.resolveComponent("ElButton");
-  return vue.openBlock(), vue.createBlock($setup["ElDialog"], {
-    "model-value": $props.visible,
-    "append-to-body": "",
-    "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.$emit("update:visible", $event))
-  }, {
-    header: vue.withCtx(() => [
-      vue.renderSlot(_ctx.$slots, "header")
-    ]),
-    footer: vue.withCtx(() => [
-      vue.createVNode(_component_ElButton, {
-        onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:visible", false))
-      }, {
-        default: vue.withCtx(() => [
-          vue.createTextVNode(
-            vue.toDisplayString($setup.tr("el.messagebox.cancel", "\u53D6\u6D88")),
-            1
-            /* TEXT */
-          )
-        ]),
-        _: 1
-        /* STABLE */
-      }),
-      vue.createVNode(_component_ElButton, {
-        type: "primary",
-        onClick: $setup.handleSubmit
-      }, {
-        default: vue.withCtx(() => [
-          vue.createTextVNode(
-            vue.toDisplayString($setup.tr("el.messagebox.confirm", "\u786E\u5B9A")),
-            1
-            /* TEXT */
-          )
-        ]),
-        _: 1
-        /* STABLE */
-      })
-    ]),
-    default: vue.withCtx(() => [
-      vue.createVNode($setup["VkfForm"], vue.mergeProps($props.dialogFormProps, {
-        "el-ref": $setup.formDef.resolve,
-        "form-items": $props.formItems,
-        data: $setup.formData,
-        onSetData: _cache[0] || (_cache[0] = ($event) => $setup.setData($setup.formData, $event))
-      }), null, 16, ["el-ref", "form-items", "data"])
-    ]),
-    _: 3
-    /* FORWARDED */
-  }, 8, ["model-value"]);
-}
-var DialogForm = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/dialog-input-collection/src/dialog-form.vue"]]);
-
-var _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
-  __name: "layout",
-  props: {
-    data: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  emits: ["setData"],
-  setup(__props, { expose: __expose }) {
-    __expose();
-    const __returned__ = { get VkfInformationData() {
-      return informationRenderer.VkfInformationData;
-    }, get VkfInformationTemplates() {
-      return informationRenderer.VkfInformationTemplates;
-    }, get VkfInformationTemplatesDefault() {
-      return informationTemplatesDefault.VkfInformationTemplatesDefault;
-    }, get VkfRendererData() {
-      return rendererData.VkfRendererData;
-    }, get VkfTemplateInstancesProvider() {
-      return templateInstancesProvider.VkfTemplateInstancesProvider;
-    }, get VkfTemplatesDefault() {
-      return templatesDefault.VkfTemplatesDefault;
-    } };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-
-function _sfc_render$1(_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["VkfInformationTemplates"], null, {
-        placeholder: vue.withCtx(() => [
-          vue.createVNode($setup["VkfInformationTemplatesDefault"])
-        ]),
-        default: vue.withCtx(() => [
-          vue.createVNode($setup["VkfRendererData"], {
-            data: $props.data,
-            onSetData: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("setData", $event))
-          }, {
-            default: vue.withCtx(() => [
-              vue.createVNode($setup["VkfInformationData"], {
-                data: $props.data,
-                onSetData: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("setData", $event))
-              }, {
-                default: vue.withCtx(() => [
-                  vue.renderSlot(_ctx.$slots, "default")
-                ]),
-                _: 3
-                /* FORWARDED */
-              }, 8, ["data"])
-            ]),
-            _: 3
-            /* FORWARDED */
-          }, 8, ["data"])
-        ]),
-        _: 3
-        /* FORWARDED */
-      })
-    ]),
-    _: 3
-    /* FORWARDED */
-  });
-}
-var TemplatesLayout = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/dialog-input-collection/src/layout.vue"]]);
-
-var _sfc_main = /* @__PURE__ */vue.defineComponent({
-  ...{
-    name: "VkfDialogInputCollection",
-    inheritAttrs: false
-  },
-  __name: "index",
-  props: props,
-  emits,
-  setup(__props, {
-    expose: __expose,
-    emit: __emit
-  }) {
-    __expose();
-    const props = __props;
-    const emit = __emit;
-    const {
-      tr
-    } = elementPlus.useLocale();
-    const ElTable = elementPlus$1.ElTable;
-    const hasColAdd = vue.computed(() => {
-      return props.modules.includes("operations:add");
-    });
-    const formItemBindProps = formItem._VkfFormItemCtx.createBindProps(props);
-    const readonly = composables$1.useComputedReadonly(props);
-    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;
-    });
-    const fullColumns = vue.computed(() => {
-      return props.columns.map(column => {
-        const tableColProp = Array.isArray(column.prop) ? column.prop.join(".") : column.prop;
-        return {
-          ...column,
-          prop: tableColProp,
-          slots: e => {
-            const prop = [props.prop ?? [], e.$index, column.prop].flat();
-            const formItemProps = {
-              prop,
-              readonly: readonly.value,
-              templateType: column.templateType,
-              templateProps: column.templateProps
-            };
-            if (_function.isCallable(column.templateProps)) {
-              formItemProps.templateProps = () => {
-                return column.templateProps(e.row);
-              };
-            }
-            return vue.createVNode(informationRenderer.VkfInformationRenderer, {
-              "source": [{
-                ...formItemProps,
-                ...column.createTemplateProps?.(e, formItemProps)
-              }]
-            }, null);
-          }
-        };
-      });
-    });
-    const buttonsColumn = vue.computed(() => ({
-      label: tr("vkf.common.operations", "\u64CD\u4F5C"),
-      align: "center",
-      width: "85",
-      hidden: readonly.value || !props.splicable,
-      className: "vk-input-collection__buttons",
-      slots: ({
-        $index
-      }) => vue.createVNode(vue.Fragment, null, [hasColAdd.value && vue.createVNode(elementPlus$1.ElButton, {
-        "size": "small",
-        "icon": index.plus_default,
-        "type": "primary",
-        "link": true,
-        "onClick": () => handlePlus($index)
-      }, null), vue.createVNode(elementPlus$1.ElButton, {
-        "size": "small",
-        "icon": index.edit_default,
-        "type": "primary",
-        "link": true,
-        "onClick": () => handleEdit($index)
-      }, null), vue.createVNode(elementPlus$1.ElPopconfirm, {
-        "title": tr("vkf.dialogInputCollection.deleteConfirm", "\u786E\u5B9A\u5220\u9664\u5417\uFF1F"),
-        "onConfirm": () => handleMinus($index),
-        "confirmButtonText": tr("vkf.common.delete", "\u5220\u9664"),
-        "cancelButtonText": tr("el.popconfirm.cancelButtonText", "\u53D6\u6D88")
-      }, {
-        reference: () => vue.createVNode(elementPlus$1.ElButton, {
-          "size": "small",
-          "icon": index.delete_default,
-          "type": "danger",
-          "link": true
-        }, null)
-      })])
-    }));
-    const allColumns = vue.computed(() => {
-      const data = [...fullColumns.value, buttonsColumn.value];
-      return data;
-    });
-    const cuState = vue.reactive({
-      type: _enum.CRUD.create,
-      index: 0,
-      // 新增时，表示在哪条点击的 +
-      data: {},
-      dialogVisible: false
-    });
-    const cuFormItems = vue.computed(() => {
-      return props.columns.map(c => {
-        return {
-          label: c.label,
-          readonly: readonly.value,
-          prop: c.prop,
-          templateType: c.templateType,
-          templateProps: c.templateProps
-        };
-      });
-    });
-    function handleMinus(index) {
-      const data = cloneDeep.cloneDeep(props.modelValue);
-      data.splice(index, 1);
-      emit("update:modelValue", data);
-    }
-    function handlePlus(index) {
-      const defaultItemValue = _function.isCallable(props.defaultItemValue) ? props.defaultItemValue() : props.defaultItemValue;
-      cuState.index = index;
-      cuState.data = cloneDeep.cloneDeep(defaultItemValue);
-      cuState.type = _enum.CRUD.create;
-      cuState.dialogVisible = true;
-    }
-    function handleEdit(index) {
-      const data = props.modelValue[index];
-      cuState.index = index;
-      cuState.data = cloneDeep.cloneDeep(data);
-      cuState.type = _enum.CRUD.update;
-      cuState.dialogVisible = true;
-    }
-    function handleDialogFormChange(data) {
-      const newData = cloneDeep.cloneDeep(props.modelValue);
-      if (cuState.type === _enum.CRUD.create) {
-        newData.splice(cuState.index + 1, 0, data);
-      } else if (cuState.type === _enum.CRUD.update) {
-        newData[cuState.index] = data;
-      }
-      emit("update:modelValue", newData);
-    }
-    const handleFormSetData = e => {
-      console.warn("\u8868\u5355\u9879\u6B63\u5728\u76F4\u63A5\u4FEE\u6539 Data, \u8FD9\u5728 dialog-input-collection \u53EF\u80FD\u662F\u4E00\u4E2A\u610F\u5916\u64CD\u4F5C", e);
-      const data = cloneDeep.cloneDeep(formData.value);
-      core.ensetData(data, e);
-      emit("update:modelValue", core.getValue(data, props.prop));
-    };
-    const __returned__ = {
-      props,
-      emit,
-      tr,
-      ElTable,
-      hasColAdd,
-      formItemBindProps,
-      readonly,
-      formData,
-      fullColumns,
-      buttonsColumn,
-      allColumns,
-      cuState,
-      cuFormItems,
-      handleMinus,
-      handlePlus,
-      handleEdit,
-      handleDialogFormChange,
-      handleFormSetData,
-      get Edit() {
-        return index.edit_default;
-      },
-      get Plus() {
-        return index.plus_default;
-      },
-      get VkfFormItem() {
-        return formItem.VkfFormItem;
-      },
-      get VkAvatar() {
-        return avatar.VkAvatar;
-      },
-      get VkTableColumns() {
-        return tableColumns.VkTableColumns;
-      },
-      get CRUD() {
-        return _enum.CRUD;
-      },
-      get ElButton() {
-        return elementPlus$1.ElButton;
-      },
-      DialogForm,
-      TemplatesLayout
-    };
-    Object.defineProperty(__returned__, "__isScriptSetup", {
-      enumerable: false,
-      value: true
-    });
-    return __returned__;
-  }
-});
-
-const _hoisted_1 = {
-  key: 0,
-  class: "vkf-dialog-input-collection-options"
-};
-const _hoisted_2 = { class: "vkf-dialog-input-collection__dialog-header" };
-const _hoisted_3 = { class: "vkf-dialog-input-collection__dialog-title" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock(
-    vue.Fragment,
-    null,
-    [
-      vue.createVNode($setup["TemplatesLayout"], {
-        data: $setup.formData,
-        onSetData: $setup.handleFormSetData
-      }, {
-        default: vue.withCtx(() => [
-          vue.createVNode(
-            $setup["VkfFormItem"],
-            vue.normalizeProps(vue.guardReactiveProps({
-              ...$setup.formItemBindProps,
-              ..._ctx.$attrs
-            })),
-            vue.createSlots({
-              default: vue.withCtx(() => [
-                !$setup.readonly && _ctx.splicable && !_ctx.labelActions ? (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),
-                vue.createVNode($setup["ElTable"], {
-                  data: _ctx.modelValue,
-                  class: "vkf-dialog-input-collection-table"
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createVNode($setup["VkTableColumns"], { source: $setup.allColumns }, null, 8, ["source"])
-                  ]),
-                  _: 1
-                  /* STABLE */
-                }, 8, ["data"])
-              ]),
-              _: 2
-              /* DYNAMIC */
-            }, [
-              _ctx.labelActions ? {
-                name: "labelActions",
-                fn: vue.withCtx(() => [
-                  vue.renderSlot(_ctx.$slots, "labelActions"),
-                  !$setup.readonly && _ctx.splicable ? (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 */
-          ),
-          vue.createVNode($setup["DialogForm"], {
-            visible: $setup.cuState.dialogVisible,
-            "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => $setup.cuState.dialogVisible = $event),
-            modelValue: $setup.cuState.data,
-            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => $setup.cuState.data = $event),
-            formdata: _ctx.formdata,
-            "form-items": $setup.cuFormItems,
-            "dialog-form-props": _ctx.dialogFormProps,
-            "validate-catch": _ctx.validateCatch,
-            "onUpdate:formdata": _cache[4] || (_cache[4] = ($event) => _ctx.$emit("update:formdata", $event)),
-            onChange: $setup.handleDialogFormChange
-          }, {
-            header: vue.withCtx(() => [
-              vue.createElementVNode("div", _hoisted_2, [
-                vue.createVNode($setup["VkAvatar"], {
-                  icon: $setup.cuState.type === $setup.CRUD.create ? $setup.Plus : $setup.Edit
-                }, null, 8, ["icon"]),
-                vue.createElementVNode(
-                  "span",
-                  _hoisted_3,
-                  vue.toDisplayString($setup.props.label),
-                  1
-                  /* TEXT */
-                )
-              ])
-            ]),
-            _: 1
-            /* STABLE */
-          }, 8, ["visible", "modelValue", "formdata", "form-items", "dialog-form-props", "validate-catch"])
-        ]),
-        _: 3
-        /* FORWARDED */
-      }, 8, ["data"]),
-      vue.renderSlot(_ctx.$slots, "default")
-    ],
-    64
-    /* STABLE_FRAGMENT */
-  );
-}
-var VkfDialogInputCollection = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/dialog-input-collection/src/index.vue"]]);
-
-var types = /*#__PURE__*/Object.freeze({
-  __proto__: null
-});
-
-VkfDialogInputCollection.install = (app) => {
-  app.component(VkfDialogInputCollection.name || "VkfDialogInputCollection", VkfDialogInputCollection);
-};
-
-exports.VkfDialogInputCollection = VkfDialogInputCollection;
-exports.__VkfDialogInputCollection = types;
-exports.default = VkfDialogInputCollection;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),y=require("../index.cjs"),g=require("@vunk/core"),N=require("@vunk/form/components/form-item"),P=require("@vunk/form/components/information-renderer"),A=require("@vunk/form/composables"),T=require("@vunk/form/composables/element-plus"),R=require("@vunk/plus/components/avatar"),j=require("@vunk/plus/components/table-columns"),C=require("@vunk/shared/enum"),I=require("@vunk/shared/function"),p=require("element-plus"),w=require("@vunk/core/composables"),U=require("@vunk/form/components/form"),O=require("@vunk/form/shared/form"),z=require("@vunk/form/components/information-templates-default"),M=require("@vunk/form/components/renderer-data"),L=require("@vunk/form/components/template-instances-provider"),G=require("@vunk/form/components/templates-default"),b=require("../cloneDeep.cjs"),H={...N._VkfFormItemCtx.props,columns:{type:Array,default:()=>[]},modelValue:{type:Array,default:()=>[]},readonly:{type:Boolean,default:void 0},splicable:{type:Boolean,default:!0},labelActions:{type:Boolean,default:!1},defaultItemValue:{type:[Object,Function],default:()=>({})},dialogFormProps:{type:Object,default:()=>({})},validateCatch:{type:Function},modules:{type:Array,default:()=>["operations:add"]},formdata:{type:Object,default:void 0}},J={"update:modelValue":null,"update:formdata":null},K=e.defineComponent({__name:"dialog-form",props:{title:{type:String,default:""},modelValue:{type:Object,default:()=>({})},openReset:{type:Boolean,default:!0},visible:{type:Boolean,default:!1},formItems:{type:Array,default:()=>[]},dialogFormProps:{type:Object,default:()=>({})},validateCatch:{type:Function,default:O.validateCatch},formdata:null},emits:["update:modelValue","update:visible","change","update:formdata"],setup(d,{emit:m}){const a=d,u=m,{tr:s}=T.useLocale(),c=w.useModelComputed({key:"formdata",default:{}},a,u),V=w.useDeferred();V.promise.then(n=>{var r,f;(f=(r=a.dialogFormProps).elRef)==null||f.call(r,n)}),e.watch(()=>a.visible,n=>{a.openReset&&n&&(c.value={...a.modelValue},setTimeout(()=>{var r;(r=V.value)==null||r.clearValidate()}))});function k(){var n;(n=V.value)==null||n.validate().then(()=>{u("update:modelValue",c.value),u("change",c.value),u("update:visible",!1)}).catch(a.validateCatch)}return(n,r)=>{const f=e.resolveComponent("ElButton");return e.openBlock(),e.createBlock(e.unref(p.ElDialog),{"model-value":d.visible,"append-to-body":"","onUpdate:modelValue":r[2]||(r[2]=v=>n.$emit("update:visible",v))},{header:e.withCtx(()=>[e.renderSlot(n.$slots,"header")]),footer:e.withCtx(()=>[e.createVNode(f,{onClick:r[1]||(r[1]=v=>n.$emit("update:visible",!1))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(s)("el.messagebox.cancel","取消")),1)]),_:1}),e.createVNode(f,{type:"primary",onClick:k},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(s)("el.messagebox.confirm","确定")),1)]),_:1})]),default:e.withCtx(()=>[e.createVNode(e.unref(U.VkfForm),e.mergeProps(d.dialogFormProps,{"el-ref":e.unref(V).resolve,"form-items":d.formItems,data:e.unref(c),onSetData:r[0]||(r[0]=v=>e.unref(g.setData)(e.unref(c),v))}),null,16,["el-ref","form-items","data"])]),_:3},8,["model-value"])}}}),Q=e.defineComponent({__name:"layout",props:{data:{type:Object,default:()=>({})}},emits:["setData"],setup(d){return(m,a)=>(e.openBlock(),e.createBlock(e.unref(L.VkfTemplateInstancesProvider),null,{placeholder:e.withCtx(()=>[e.createVNode(e.unref(G.VkfTemplatesDefault))]),default:e.withCtx(()=>[e.createVNode(e.unref(P.VkfInformationTemplates),null,{placeholder:e.withCtx(()=>[e.createVNode(e.unref(z.VkfInformationTemplatesDefault))]),default:e.withCtx(()=>[e.createVNode(e.unref(M.VkfRendererData),{data:d.data,onSetData:a[1]||(a[1]=u=>m.$emit("setData",u))},{default:e.withCtx(()=>[e.createVNode(e.unref(P.VkfInformationData),{data:d.data,onSetData:a[0]||(a[0]=u=>m.$emit("setData",u))},{default:e.withCtx(()=>[e.renderSlot(m.$slots,"default")]),_:3},8,["data"])]),_:3},8,["data"])]),_:3})]),_:3}))}}),W={key:0,class:"vkf-dialog-input-collection-options"},X={class:"vkf-dialog-input-collection__dialog-header"},Y={class:"vkf-dialog-input-collection__dialog-title"},S=e.defineComponent({name:"VkfDialogInputCollection",inheritAttrs:!1,__name:"index",props:H,emits:J,setup(d,{emit:m}){const a=d,u=m,{tr:s}=T.useLocale(),c=p.ElTable,V=e.computed(()=>a.modules.includes("operations:add")),k=N._VkfFormItemCtx.createBindProps(a),n=A.useComputedReadonly(a),r=e.computed(()=>{if(!a.prop||a.prop.length===0)return a.modelValue;const t={};return g.ensetData(t,{k:a.prop,v:a.modelValue}),t}),f=e.computed(()=>a.columns.map(t=>{const o=Array.isArray(t.prop)?t.prop.join("."):t.prop;return{...t,prop:o,slots:i=>{var B;const h={prop:[a.prop??[],i.$index,t.prop].flat(),readonly:n.value,templateType:t.templateType,templateProps:t.templateProps};return I.isCallable(t.templateProps)&&(h.templateProps=()=>t.templateProps(i.row)),e.createVNode(P.VkfInformationRenderer,{source:[{...h,...(B=t.createTemplateProps)==null?void 0:B.call(t,i,h)}]},null)}}})),v=e.computed(()=>({label:s("vkf.common.operations","操作"),align:"center",width:"85",hidden:n.value||!a.splicable,className:"vk-input-collection__buttons",slots:({$index:t})=>e.createVNode(e.Fragment,null,[V.value&&e.createVNode(p.ElButton,{size:"small",icon:y.plus_default,type:"primary",link:!0,onClick:()=>D(t)},null),e.createVNode(p.ElButton,{size:"small",icon:y.edit_default,type:"primary",link:!0,onClick:()=>_(t)},null),e.createVNode(p.ElPopconfirm,{title:s("vkf.dialogInputCollection.deleteConfirm","确定删除吗？"),onConfirm:()=>F(t),confirmButtonText:s("vkf.common.delete","删除"),cancelButtonText:s("el.popconfirm.cancelButtonText","取消")},{reference:()=>e.createVNode(p.ElButton,{size:"small",icon:y.delete_default,type:"danger",link:!0},null)})])})),q=e.computed(()=>[...f.value,v.value]),l=e.reactive({type:C.CRUD.create,index:0,data:{},dialogVisible:!1}),x=e.computed(()=>a.columns.map(t=>({label:t.label,readonly:n.value,prop:t.prop,templateType:t.templateType,templateProps:t.templateProps})));function F(t){const o=b.cloneDeep(a.modelValue);o.splice(t,1),u("update:modelValue",o)}function D(t){const o=I.isCallable(a.defaultItemValue)?a.defaultItemValue():a.defaultItemValue;l.index=t,l.data=b.cloneDeep(o),l.type=C.CRUD.create,l.dialogVisible=!0}function _(t){const o=a.modelValue[t];l.index=t,l.data=b.cloneDeep(o),l.type=C.CRUD.update,l.dialogVisible=!0}function $(t){const o=b.cloneDeep(a.modelValue);l.type===C.CRUD.create?o.splice(l.index+1,0,t):l.type===C.CRUD.update&&(o[l.index]=t),u("update:modelValue",o)}const E=t=>{console.warn("表单项正在直接修改 Data, 这在 dialog-input-collection 可能是一个意外操作",t);const o=b.cloneDeep(r.value);g.ensetData(o,t),u("update:modelValue",g.getValue(o,a.prop))};return(t,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(Q,{data:r.value,onSetData:E},{default:e.withCtx(()=>[e.createVNode(e.unref(N.VkfFormItem),e.normalizeProps(e.guardReactiveProps({...e.unref(k),...t.$attrs})),e.createSlots({default:e.withCtx(()=>[!e.unref(n)&&t.splicable&&!t.labelActions?(e.openBlock(),e.createElementBlock("div",W,[e.createVNode(e.unref(p.ElButton),{type:"primary",onClick:o[1]||(o[1]=i=>D(-1))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(s)("vkf.common.add","添加")),1)]),_:1})])):e.createCommentVNode("",!0),e.createVNode(e.unref(c),{data:t.modelValue,class:"vkf-dialog-input-collection-table"},{default:e.withCtx(()=>[e.createVNode(e.unref(j.VkTableColumns),{source:q.value},null,8,["source"])]),_:1},8,["data"])]),_:2},[t.labelActions?{name:"labelActions",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"labelActions"),!e.unref(n)&&t.splicable?(e.openBlock(),e.createBlock(e.unref(p.ElButton),{key:0,size:"small",icon:e.unref(y.plus_default),onClick:o[0]||(o[0]=i=>D(-1))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(s)("vkf.common.add","添加")),1)]),_:1},8,["icon"])):e.createCommentVNode("",!0)]),key:"0"}:void 0]),1040),e.createVNode(K,{visible:l.dialogVisible,"onUpdate:visible":o[2]||(o[2]=i=>l.dialogVisible=i),modelValue:l.data,"onUpdate:modelValue":o[3]||(o[3]=i=>l.data=i),formdata:t.formdata,"form-items":x.value,"dialog-form-props":t.dialogFormProps,"validate-catch":t.validateCatch,"onUpdate:formdata":o[4]||(o[4]=i=>t.$emit("update:formdata",i)),onChange:$},{header:e.withCtx(()=>[e.createElementVNode("div",X,[e.createVNode(e.unref(R.VkAvatar),{icon:l.type===e.unref(C.CRUD).create?e.unref(y.plus_default):e.unref(y.edit_default)},null,8,["icon"]),e.createElementVNode("span",Y,e.toDisplayString(a.label),1)])]),_:1},8,["visible","modelValue","formdata","form-items","dialog-form-props","validate-catch"])]),_:3},8,["data"]),e.renderSlot(t.$slots,"default")],64))}}),Z=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));exports.VkfDialogInputCollection=S;exports.__VkfDialogInputCollection=Z;exports.default=S;