@vunk/form 2.18.2 → 2.19.0

package/components/input-collection/index.cjs

@@ -1,452 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var index = require('../index.cjs');
-var core = require('@vunk/core');
-var fieldset = require('@vunk/form/components/fieldset');
-var formItem = require('@vunk/form/components/form-item');
-var formItemRenderer = require('@vunk/form/components/form-item-renderer');
-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 composables = require('@vunk/form/composables');
-var elementPlus = require('@vunk/form/composables/element-plus');
-var tableColumns = require('@vunk/plus/components/table-columns');
-var elementPlus$1 = require('element-plus');
-var _function = require('@vunk/shared/function');
-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 是否可以splice
-   */
-  splicable: {
-    type: Boolean,
-    default: true
-  },
-  /**
-   * @description 开启 form-item 的 label 上的操作区域, 在labelPosition为top时生效
-   */
-  labelActions: {
-    type: Boolean,
-    default: false
-  },
-  /**
-   * @description 是否展开所有
-   */
-  defaultExpandAll: {
-    type: Boolean,
-    default: false
-  },
-  /**
-   * @description 添加记录时的默认值
-   */
-  defaultItemValue: {
-    type: [Object, Function],
-    default: () => ({})
-  },
-  /**
-   * @description 保留最后一个不被删除
-   */
-  keepLast: {
-    type: Boolean,
-    default: false
-  },
-  /**
-   * @description 是否开启顶部的添加按钮
-   */
-  topSplicable: {
-    type: Boolean,
-    default: true
-  },
-  slots: {
-    type: Object,
-    default: () => ({})
-  }
-};
-const emits = {
-  "update:modelValue": null
-};
-
-const ROW_KEY = "_row_key";
-var _sfc_main$1 = /* @__PURE__ */vue.defineComponent({
-  ...{
-    inheritAttrs: false
-  },
-  __name: "core",
-  props: props,
-  emits,
-  setup(__props, {
-    expose: __expose,
-    emit: __emit
-  }) {
-    __expose();
-    const ElTable = elementPlus$1.ElTable;
-    const props = __props;
-    const emit = __emit;
-    const {
-      tr
-    } = elementPlus.useLocale();
-    const formItemBindProps = formItem._VkfFormItemCtx.createBindProps(props);
-    const readonly = composables.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 innerCtx = {
-      addExpandRowKey,
-      removeExpandRowKey,
-      getExpandRowKeys
-    };
-    const fullColumns = vue.computed(() => {
-      return props.columns.map(column => {
-        return {
-          ...column,
-          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(formItemRenderer.VkfFormItemRenderer, {
-              "source": [{
-                ...formItemProps,
-                ...column.createTemplateProps?.(e, formItemProps, innerCtx)
-              }]
-            }, null);
-          }
-        };
-      });
-    });
-    const expandFormItemRaws = vue.computed(() => props.columns.filter(e => e.expandVisible));
-    const expandColumn = {
-      type: "expand",
-      slots: e => {
-        const source = expandFormItemRaws.value.map(column => {
-          const prop = [props.prop ?? [], e.$index, column.prop].flat();
-          const formItemProps = {
-            prop,
-            label: column.label,
-            readonly: readonly.value,
-            templateType: column.templateType,
-            templateProps: column.templateProps
-          };
-          return {
-            ...formItemProps,
-            ...column.createTemplateProps?.(e, formItemProps, innerCtx)
-          };
-        });
-        return vue.createVNode(fieldset.VkfFieldset, {
-          "class": "vk-input-collection__expand-fieldset",
-          "label-width": "auto",
-          "label-position": "right"
-        }, {
-          default: () => [vue.createVNode(formItemRenderer.VkfFormItemRenderer, {
-            "source": source
-          }, 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, [vue.createVNode(elementPlus$1.ElButton, {
-        "size": "small",
-        "icon": index.plus_default,
-        "type": "primary",
-        "link": true,
-        "circle": true,
-        "onClick": () => handlePlus($index)
-      }, null), vue.createVNode(elementPlus$1.ElButton, {
-        "size": "small",
-        "icon": index.minus_default,
-        "type": "primary",
-        "link": true,
-        "circle": true,
-        "disabled": props.modelValue.length <= 1 && props.keepLast,
-        "onClick": () => handleMinus($index)
-      }, null)])
-    }));
-    const allColumns = vue.computed(() => {
-      const data = [...fullColumns.value, buttonsColumn.value];
-      if (expandFormItemRaws.value.length) {
-        data.unshift(expandColumn);
-      }
-      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);
-      setExpandRowKeys([]);
-    }
-    function handleMinus(index) {
-      if (props.keepLast && props.modelValue.length <= 1) {
-        return;
-      }
-      const data = cloneDeep.cloneDeep(props.modelValue);
-      data.splice(index, 1);
-      emit("update:modelValue", data);
-      setExpandRowKeys([]);
-    }
-    const addToFirst = () => {
-      const defaultItemValue = _function.isCallable(props.defaultItemValue) ? props.defaultItemValue() : props.defaultItemValue;
-      emit("update:modelValue", [cloneDeep.cloneDeep(defaultItemValue), ...(props.modelValue ?? [])]);
-      setExpandRowKeys([]);
-    };
-    const handleFormSetData = e => {
-      const data = cloneDeep.cloneDeep(formData.value);
-      core.ensetData(data, e);
-      emit("update:modelValue", core.getValue(data, props.prop));
-    };
-    const tableData = vue.computed(() => {
-      return props.modelValue?.map((e, index) => {
-        return {
-          ...e,
-          [ROW_KEY]: `${index}`
-        };
-      });
-    });
-    const expandRowKeys = vue.ref([]);
-    if (props.defaultExpandAll) {
-      expandRowKeys.value = tableData.value.map(e => e[ROW_KEY]);
-    }
-    const handleExpandChange = (row, expandedRows) => {
-      expandRowKeys.value = expandedRows.map(e => e[ROW_KEY]);
-    };
-    function setExpandRowKeys(v) {
-      expandRowKeys.value = v;
-    }
-    function addExpandRowKey(v) {
-      if (expandRowKeys.value.indexOf(v) === -1) {
-        expandRowKeys.value.push(v);
-      }
-    }
-    function removeExpandRowKey(v) {
-      for (let i = 0; i < expandRowKeys.value.length; i++) {
-        if (expandRowKeys.value[i] === v) {
-          expandRowKeys.value.splice(i, 1);
-          break;
-        }
-      }
-    }
-    function getExpandRowKeys() {
-      return expandRowKeys.value;
-    }
-    const __returned__ = {
-      ElTable,
-      props,
-      emit,
-      tr,
-      formItemBindProps,
-      readonly,
-      formData,
-      innerCtx,
-      fullColumns,
-      expandFormItemRaws,
-      expandColumn,
-      buttonsColumn,
-      allColumns,
-      handlePlus,
-      handleMinus,
-      addToFirst,
-      handleFormSetData,
-      ROW_KEY,
-      tableData,
-      expandRowKeys,
-      handleExpandChange,
-      setExpandRowKeys,
-      addExpandRowKey,
-      removeExpandRowKey,
-      getExpandRowKeys,
-      get Plus() {
-        return index.plus_default;
-      },
-      get VkfFormItem() {
-        return formItem.VkfFormItem;
-      },
-      get VkfRendererData() {
-        return rendererData.VkfRendererData;
-      },
-      get VkfTemplateInstancesProvider() {
-        return templateInstancesProvider.VkfTemplateInstancesProvider;
-      },
-      get VkfTemplatesDefault() {
-        return templatesDefault.VkfTemplatesDefault;
-      },
-      get VkTableColumns() {
-        return tableColumns.VkTableColumns;
-      },
-      get ElButton() {
-        return elementPlus$1.ElButton;
-      }
-    };
-    Object.defineProperty(__returned__, "__isScriptSetup", {
-      enumerable: false,
-      value: true
-    });
-    return __returned__;
-  }
-});
-
-const _hoisted_1 = {
-  key: 0,
-  class: "vkf-input-collection-options"
-};
-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.normalizeProps(vue.guardReactiveProps({
-          ...$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: $setup.addToFirst
-              }, {
-                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["VkfRendererData"], {
-              data: $setup.formData,
-              onSetData: $setup.handleFormSetData
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode($setup["ElTable"], {
-                  data: $setup.tableData,
-                  class: "vkf-input-collection-table",
-                  "row-key": $setup.ROW_KEY,
-                  "expand-row-keys": $setup.expandRowKeys,
-                  "preserve-expanded-content": true,
-                  onExpandChange: $setup.handleExpandChange
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createVNode($setup["VkTableColumns"], { source: $setup.allColumns }, null, 8, ["source"])
-                  ]),
-                  _: 1
-                  /* STABLE */
-                }, 8, ["data", "expand-row-keys"])
-              ]),
-              _: 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: $setup.addToFirst
-              }, {
-                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.renderSlot(_ctx.$slots, "default")
-    ]),
-    _: 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/input-collection/src/core.vue"]]);
-
-var _sfc_main = vue.defineComponent({
-  name: "VkfInputCollection",
-  props,
-  emits,
-  setup(props2, { emit, slots }) {
-    return () => vue.h(Core, {
-      ...props2,
-      "onUpdate:modelValue": (v) => emit("update:modelValue", v)
-    }, {
-      ...props2.slots,
-      ...slots
-    });
-  }
-});
-
-var VkfInputCollection = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/input-collection/src/index.vue"]]);
-
-var types = /*#__PURE__*/Object.freeze({
-  __proto__: null
-});
-
-VkfInputCollection.install = (app) => {
-  app.component(VkfInputCollection.name || "VkfInputCollection", VkfInputCollection);
-};
-
-exports.VkfInputCollection = VkfInputCollection;
-exports.__VkfInputCollection = types;
-exports.default = VkfInputCollection;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),v=require("../index.cjs"),b=require("@vunk/core"),M=require("@vunk/form/components/fieldset"),h=require("@vunk/form/components/form-item"),B=require("@vunk/form/components/form-item-renderer"),U=require("@vunk/form/components/renderer-data"),W=require("@vunk/form/components/template-instances-provider"),Y=require("@vunk/form/components/templates-default"),G=require("@vunk/form/composables"),H=require("@vunk/form/composables/element-plus"),J=require("@vunk/plus/components/table-columns"),s=require("element-plus"),C=require("@vunk/shared/function"),p=require("../cloneDeep.cjs"),D={...h._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},defaultExpandAll:{type:Boolean,default:!1},defaultItemValue:{type:[Object,Function],default:()=>({})},keepLast:{type:Boolean,default:!1},topSplicable:{type:Boolean,default:!0},slots:{type:Object,default:()=>({})}},N={"update:modelValue":null},Q={key:0,class:"vkf-input-collection-options"},f="_row_key",X=e.defineComponent({inheritAttrs:!1,__name:"core",props:D,emits:N,setup(d,{emit:m}){const V=s.ElTable,l=d,c=m,{tr:y}=H.useLocale(),T=h._VkfFormItemCtx.createBindProps(l),r=G.useComputedReadonly(l),_=e.computed(()=>{if(!l.prop||l.prop.length===0)return l.modelValue;const t={};return b.ensetData(t,{k:l.prop,v:l.modelValue}),t}),x={addExpandRowKey:j,removeExpandRowKey:z,getExpandRowKeys:L},q=e.computed(()=>l.columns.map(t=>({...t,slots:a=>{var u;const i={prop:[l.prop??[],a.$index,t.prop].flat(),readonly:r.value,templateType:t.templateType,templateProps:t.templateProps};return C.isCallable(t.templateProps)&&(i.templateProps=()=>t.templateProps(a.row)),e.createVNode(B.VkfFormItemRenderer,{source:[{...i,...(u=t.createTemplateProps)==null?void 0:u.call(t,a,i,x)}]},null)}}))),I=e.computed(()=>l.columns.filter(t=>t.expandVisible)),S={type:"expand",slots:t=>{const a=I.value.map(o=>{var g;const u={prop:[l.prop??[],t.$index,o.prop].flat(),label:o.label,readonly:r.value,templateType:o.templateType,templateProps:o.templateProps};return{...u,...(g=o.createTemplateProps)==null?void 0:g.call(o,t,u,x)}});return e.createVNode(M.VkfFieldset,{class:"vk-input-collection__expand-fieldset","label-width":"auto","label-position":"right"},{default:()=>[e.createVNode(B.VkfFormItemRenderer,{source:a},null)]})}},R=e.computed(()=>({label:y("vkf.common.operations","操作"),align:"center",width:"85",hidden:r.value||!l.splicable,className:"vk-input-collection__buttons",slots:({$index:t})=>e.createVNode(e.Fragment,null,[e.createVNode(s.ElButton,{size:"small",icon:v.plus_default,type:"primary",link:!0,circle:!0,onClick:()=>A(t)},null),e.createVNode(s.ElButton,{size:"small",icon:v.minus_default,type:"primary",link:!0,circle:!0,disabled:l.modelValue.length<=1&&l.keepLast,onClick:()=>O(t)},null)])})),F=e.computed(()=>{const t=[...q.value,R.value];return I.value.length&&t.unshift(S),t});function A(t){const a=p.cloneDeep(l.modelValue),o=C.isCallable(l.defaultItemValue)?l.defaultItemValue():l.defaultItemValue;a.splice(t+1,0,p.cloneDeep(o)),c("update:modelValue",a),k([])}function O(t){if(l.keepLast&&l.modelValue.length<=1)return;const a=p.cloneDeep(l.modelValue);a.splice(t,1),c("update:modelValue",a),k([])}const w=()=>{const t=C.isCallable(l.defaultItemValue)?l.defaultItemValue():l.defaultItemValue;c("update:modelValue",[p.cloneDeep(t),...l.modelValue??[]]),k([])},$=t=>{const a=p.cloneDeep(_.value);b.ensetData(a,t),c("update:modelValue",b.getValue(a,l.prop))},P=e.computed(()=>{var t;return(t=l.modelValue)==null?void 0:t.map((a,o)=>({...a,[f]:`${o}`}))}),n=e.ref([]);l.defaultExpandAll&&(n.value=P.value.map(t=>t[f]));const K=(t,a)=>{n.value=a.map(o=>o[f])};function k(t){n.value=t}function j(t){n.value.indexOf(t)===-1&&n.value.push(t)}function z(t){for(let a=0;a<n.value.length;a++)if(n.value[a]===t){n.value.splice(a,1);break}}function L(){return n.value}return(t,a)=>(e.openBlock(),e.createBlock(e.unref(W.VkfTemplateInstancesProvider),null,{placeholder:e.withCtx(()=>[e.createVNode(e.unref(Y.VkfTemplatesDefault))]),default:e.withCtx(()=>[e.createVNode(e.unref(h.VkfFormItem),e.normalizeProps(e.guardReactiveProps({...e.unref(T),...t.$attrs})),e.createSlots({default:e.withCtx(()=>[!e.unref(r)&&t.splicable&&!t.labelActions&&t.topSplicable?(e.openBlock(),e.createElementBlock("div",Q,[e.createVNode(e.unref(s.ElButton),{type:"primary",onClick:w},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(y)("vkf.common.add","添加")),1)]),_:1})])):e.createCommentVNode("",!0),e.createVNode(e.unref(U.VkfRendererData),{data:_.value,onSetData:$},{default:e.withCtx(()=>[e.createVNode(e.unref(V),{data:P.value,class:"vkf-input-collection-table","row-key":f,"expand-row-keys":n.value,"preserve-expanded-content":!0,onExpandChange:K},{default:e.withCtx(()=>[e.createVNode(e.unref(J.VkTableColumns),{source:F.value},null,8,["source"])]),_:1},8,["data","expand-row-keys"])]),_:1},8,["data"])]),_:2},[t.labelActions?{name:"labelActions",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"labelActions"),!e.unref(r)&&t.splicable&&t.topSplicable?(e.openBlock(),e.createBlock(e.unref(s.ElButton),{key:0,size:"small",icon:e.unref(v.plus_default),onClick:w},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(y)("vkf.common.add","添加")),1)]),_:1},8,["icon"])):e.createCommentVNode("",!0)]),key:"0"}:void 0]),1040),e.renderSlot(t.$slots,"default")]),_:3}))}}),E=e.defineComponent({name:"VkfInputCollection",props:D,emits:N,setup(d,{emit:m,slots:V}){return()=>e.h(X,{...d,"onUpdate:modelValue":l=>m("update:modelValue",l)},{...d.slots,...V})}}),Z=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));exports.VkfInputCollection=E;exports.__VkfInputCollection=Z;exports.default=E;