@vunk/form 2.18.2 → 2.19.0

package/components/input-array/index.cjs

@@ -1,310 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var formItem = require('@vunk/form/components/form-item');
-var elementPlus$1 = require('element-plus');
-var index = require('../index.cjs');
-var composables = require('@vunk/form/composables');
-var elementPlus = require('@vunk/form/composables/element-plus');
-var formItemRenderer = require('@vunk/form/components/form-item-renderer');
-var templateInstancesProvider = require('@vunk/form/components/template-instances-provider');
-var templatesDefault = require('@vunk/form/components/templates-default');
-var fieldset = require('@vunk/form/components/fieldset');
-var core = require('@vunk/core');
-var rendererData = require('@vunk/form/components/renderer-data');
-var avatar = require('@vunk/plus/components/avatar');
-var cloneDeep = require('../cloneDeep.cjs');
-var _pluginVue_exportHelper = require('../_plugin-vue_export-helper.cjs');
-var formItemRendererTemplate = require('@vunk/form/components/form-item-renderer-template');
-require('../isObject.cjs');
-
-const props = {
-  ...formItem._VkfFormItemCtx.props,
-  modelValue: {
-    type: Array,
-    default: void 0
-  },
-  /**
-   * @description 是否可以 splice,  添加
-   */
-  splicable: {
-    type: Boolean,
-    default: true
-  },
-  /**
-   * @description 开启 form-item 的 label 上的操作区域, 在labelPosition为top时生效
-   */
-  labelActions: {
-    type: Boolean,
-    default: false
-  },
-  defaultItemValue: null,
-  source: {
-    type: Object,
-    default: () => ({})
-  },
-  defaultModelValue: {
-    type: Array,
-    default: void 0
-  },
-  /**
-   * @description 保留最后一行
-   */
-  keepLastRow: {
-    type: Boolean,
-    default: true
-  },
-  /**
-   * @description 顶部按钮添加元素的方式是 push 还是 unshift
-   */
-  buttonAdd: {
-    type: String,
-    default: "unshift"
-  }
-};
-const emits = {
-  "update:modelValue": null
-};
-
-var _sfc_main$1 = /* @__PURE__ */vue.defineComponent({
-  ...{
-    name: "VkfInputArray"
-  },
-  __name: "index",
-  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 addToFirst = () => {
-      const data = props.modelValue ? [...props.modelValue] : [];
-      if (props.buttonAdd === "push") {
-        data.push(cloneDeep.cloneDeep(props.defaultItemValue));
-      } else {
-        data.unshift(cloneDeep.cloneDeep(props.defaultItemValue));
-      }
-      emit("update:modelValue", data);
-    };
-    const hasMinus = vue.computed(() => {
-      if (!props.keepLastRow) {
-        return true;
-      }
-      return (props.modelValue ?? []).length > 1;
-    });
-    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 formItems = vue.computed(() => {
-      return props.modelValue?.map((v, index$1) => {
-        const prop = [props.prop ?? [], index$1, props.source.prop ?? []].flat();
-        return {
-          ...props.source,
-          prop,
-          formItemSlots: {
-            ...props.source.formItemSlots,
-            after: () => hasMinus.value && vue.createVNode(avatar.VkAvatar, vue.mergeProps({
-              "icon": index.delete_default,
-              "class": "vkf-input-array-delete",
-              "color": "var(--el-color-danger)"
-            }, {
-              onClick: () => handleMinus(index$1)
-            }), null)
-          }
-        };
-      });
-    });
-    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));
-    };
-    const __returned__ = {
-      props,
-      emit,
-      formItemBindProps,
-      readonly,
-      tr,
-      addToFirst,
-      hasMinus,
-      formData,
-      formItems,
-      handleMinus,
-      handleFormSetData,
-      get VkfFormItem() {
-        return formItem.VkfFormItem;
-      },
-      get ElButton() {
-        return elementPlus$1.ElButton;
-      },
-      get Plus() {
-        return index.plus_default;
-      },
-      get VkfFormItemRenderer() {
-        return formItemRenderer.VkfFormItemRenderer;
-      },
-      get VkfTemplateInstancesProvider() {
-        return templateInstancesProvider.VkfTemplateInstancesProvider;
-      },
-      get VkfTemplatesDefault() {
-        return templatesDefault.VkfTemplatesDefault;
-      },
-      get VkfFieldset() {
-        return fieldset.VkfFieldset;
-      },
-      get VkfRendererData() {
-        return rendererData.VkfRendererData;
-      }
-    };
-    Object.defineProperty(__returned__, "__isScriptSetup", {
-      enumerable: false,
-      value: true
-    });
-    return __returned__;
-  }
-});
-
-const _hoisted_1 = {
-  key: 0,
-  class: "vkf-input-array-options"
-};
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createBlock(
-    $setup["VkfFormItem"],
-    vue.normalizeProps(vue.guardReactiveProps($setup.formItemBindProps)),
-    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: $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["VkfTemplateInstancesProvider"], null, {
-              placeholder: vue.withCtx(() => [
-                vue.createVNode($setup["VkfTemplatesDefault"])
-              ]),
-              default: vue.withCtx(() => [
-                vue.createVNode($setup["VkfFieldset"], { class: "vkf-input-array-fieldset" }, {
-                  default: vue.withCtx(() => [
-                    vue.createVNode($setup["VkfFormItemRenderer"], { source: $setup.formItems }, null, 8, ["source"])
-                  ]),
-                  _: 1
-                  /* STABLE */
-                })
-              ]),
-              _: 1
-              /* STABLE */
-            })
-          ]),
-          _: 1
-          /* STABLE */
-        }, 8, ["data"])
-      ]),
-      _: 2
-      /* DYNAMIC */
-    }, [
-      !$setup.readonly && _ctx.splicable && _ctx.labelActions ? {
-        name: "labelActions",
-        fn: vue.withCtx(() => [
-          vue.createVNode($setup["ElButton"], {
-            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"])
-        ]),
-        key: "0"
-      } : void 0
-    ]),
-    1040
-    /* FULL_PROPS, DYNAMIC_SLOTS */
-  );
-}
-var VkfInputArray = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/input-array/src/index.vue"]]);
-
-var _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "form-template",
-  setup(__props, { expose: __expose }) {
-    __expose();
-    const __returned__ = { get VkfFormItemRendererTemplate() {
-      return formItemRendererTemplate.VkfFormItemRendererTemplate;
-    }, Core: VkfInputArray };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createBlock($setup["VkfFormItemRendererTemplate"], { type: "VkfInputArray" }, {
-    default: vue.withCtx(({ input, value, props }) => [
-      vue.createVNode($setup["Core"], vue.mergeProps(props, {
-        "model-value": value,
-        "onUpdate:modelValue": input
-      }), null, 16, ["model-value", "onUpdate:modelValue"])
-    ]),
-    _: 1
-    /* STABLE */
-  });
-}
-var formTemplate = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/input-array/src/form-template.vue"]]);
-
-var types = /*#__PURE__*/Object.freeze({
-  __proto__: null
-});
-
-VkfInputArray.install = (app) => {
-  app.component(VkfInputArray.name || "VkfInputArray", VkfInputArray);
-};
-
-exports.VkfInputArray = VkfInputArray;
-exports.VkfInputArrayFormTemplate = formTemplate;
-exports.__VkfInputArray = types;
-exports.default = VkfInputArray;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("@vunk/form/components/form-item"),_=require("element-plus"),y=require("../index.cjs"),D=require("@vunk/form/composables"),q=require("@vunk/form/composables/element-plus"),g=require("@vunk/form/components/form-item-renderer"),A=require("@vunk/form/components/template-instances-provider"),B=require("@vunk/form/components/templates-default"),x=require("@vunk/form/components/fieldset"),s=require("@vunk/core"),N=require("@vunk/form/components/renderer-data"),P=require("@vunk/plus/components/avatar"),n=require("../cloneDeep.cjs"),S=require("@vunk/form/components/form-item-renderer-template"),w={...d._VkfFormItemCtx.props,modelValue:{type:Array,default:void 0},splicable:{type:Boolean,default:!0},labelActions:{type:Boolean,default:!1},defaultItemValue:null,source:{type:Object,default:()=>({})},defaultModelValue:{type:Array,default:void 0},keepLastRow:{type:Boolean,default:!0},buttonAdd:{type:String,default:"unshift"}},T={"update:modelValue":null},F={key:0,class:"vkf-input-array-options"},c=e.defineComponent({name:"VkfInputArray",__name:"index",props:w,emits:T,setup(p,{emit:m}){const t=p,a=m,u=d._VkfFormItemCtx.createBindProps(t),l=D.useComputedReadonly(t),{tr:i}=q.useLocale(),f=()=>{const o=t.modelValue?[...t.modelValue]:[];t.buttonAdd==="push"?o.push(n.cloneDeep(t.defaultItemValue)):o.unshift(n.cloneDeep(t.defaultItemValue)),a("update:modelValue",o)},v=e.computed(()=>t.keepLastRow?(t.modelValue??[]).length>1:!0),V=e.computed(()=>{if(!t.prop||t.prop.length===0)return t.modelValue;const o={};return s.ensetData(o,{k:t.prop,v:t.modelValue}),o}),h=e.computed(()=>{var o;return(o=t.modelValue)==null?void 0:o.map((r,k)=>{const b=[t.prop??[],k,t.source.prop??[]].flat();return{...t.source,prop:b,formItemSlots:{...t.source.formItemSlots,after:()=>v.value&&e.createVNode(P.VkAvatar,e.mergeProps({icon:y.delete_default,class:"vkf-input-array-delete",color:"var(--el-color-danger)"},{onClick:()=>I(k)}),null)}}})});function I(o){const r=n.cloneDeep(t.modelValue)??[];r.splice(o,1),a("update:modelValue",r)}const C=o=>{const r=n.cloneDeep(V.value);s.ensetData(r,o),a("update:modelValue",s.getValue(r,t.prop))};return(o,r)=>(e.openBlock(),e.createBlock(e.unref(d.VkfFormItem),e.normalizeProps(e.guardReactiveProps(e.unref(u))),e.createSlots({default:e.withCtx(()=>[!e.unref(l)&&o.splicable&&!o.labelActions?(e.openBlock(),e.createElementBlock("div",F,[e.createVNode(e.unref(_.ElButton),{type:"primary",onClick:f},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)("vkf.common.add","添加")),1)]),_:1})])):e.createCommentVNode("",!0),e.createVNode(e.unref(N.VkfRendererData),{data:V.value,onSetData:C},{default:e.withCtx(()=>[e.createVNode(e.unref(A.VkfTemplateInstancesProvider),null,{placeholder:e.withCtx(()=>[e.createVNode(e.unref(B.VkfTemplatesDefault))]),default:e.withCtx(()=>[e.createVNode(e.unref(x.VkfFieldset),{class:"vkf-input-array-fieldset"},{default:e.withCtx(()=>[e.createVNode(e.unref(g.VkfFormItemRenderer),{source:h.value},null,8,["source"])]),_:1})]),_:1})]),_:1},8,["data"])]),_:2},[!e.unref(l)&&o.splicable&&o.labelActions?{name:"labelActions",fn:e.withCtx(()=>[e.createVNode(e.unref(_.ElButton),{size:"small",icon:e.unref(y.plus_default),onClick:f},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)("vkf.common.add","添加")),1)]),_:1},8,["icon"])]),key:"0"}:void 0]),1040))}}),R=e.defineComponent({__name:"form-template",setup(p){return(m,t)=>(e.openBlock(),e.createBlock(e.unref(S.VkfFormItemRendererTemplate),{type:"VkfInputArray"},{default:e.withCtx(({input:a,value:u,props:l})=>[e.createVNode(c,e.mergeProps(l,{"model-value":u,"onUpdate:modelValue":a}),null,16,["model-value","onUpdate:modelValue"])]),_:1}))}}),M=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));exports.VkfInputArray=c;exports.VkfInputArrayFormTemplate=R;exports.__VkfInputArray=M;exports.default=c;