@vunk/form 2.18.2 → 2.19.0

package/components/input-array/index.mjs

@@ -1,23 +1,20 @@
-import { defineComponent, computed, createVNode, mergeProps, openBlock, createBlock, normalizeProps, guardReactiveProps, createSlots, withCtx, createElementBlock, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
-import { _VkfFormItemCtx, VkfFormItem } from '@vunk/form/components/form-item';
-import { ElButton } from 'element-plus';
-import { d as delete_default, p as plus_default } from '../index.mjs';
-import { useComputedReadonly } from '@vunk/form/composables';
-import { useLocale } from '@vunk/form/composables/element-plus';
-import { VkfFormItemRenderer } from '@vunk/form/components/form-item-renderer';
-import { VkfTemplateInstancesProvider } from '@vunk/form/components/template-instances-provider';
-import { VkfTemplatesDefault } from '@vunk/form/components/templates-default';
-import { VkfFieldset } from '@vunk/form/components/fieldset';
-import { ensetData, getValue } from '@vunk/core';
-import { VkfRendererData } from '@vunk/form/components/renderer-data';
-import { VkAvatar } from '@vunk/plus/components/avatar';
-import { c as cloneDeep } from '../cloneDeep.mjs';
-import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
-import { VkfFormItemRendererTemplate } from '@vunk/form/components/form-item-renderer-template';
-import '../isObject.mjs';
-
-const props = {
-  ..._VkfFormItemCtx.props,
+import { defineComponent as A, computed as s, createVNode as a, mergeProps as b, openBlock as d, createBlock as g, unref as o, normalizeProps as R, guardReactiveProps as T, createSlots as M, withCtx as r, createElementBlock as j, createTextVNode as _, toDisplayString as v, createCommentVNode as w } from "vue";
+import { _VkfFormItemCtx as B, VkfFormItem as z } from "@vunk/form/components/form-item";
+import { ElButton as I } from "element-plus";
+import { d as L, p as N } from "../index.cjs";
+import { useComputedReadonly as O } from "@vunk/form/composables";
+import { useLocale as x } from "@vunk/form/composables/element-plus";
+import { VkfFormItemRenderer as E } from "@vunk/form/components/form-item-renderer";
+import { VkfTemplateInstancesProvider as U } from "@vunk/form/components/template-instances-provider";
+import { VkfTemplatesDefault as $ } from "@vunk/form/components/templates-default";
+import { VkfFieldset as q } from "@vunk/form/components/fieldset";
+import { ensetData as h, getValue as G } from "@vunk/core";
+import { VkfRendererData as H } from "@vunk/form/components/renderer-data";
+import { VkAvatar as J } from "@vunk/plus/components/avatar";
+import { c as m } from "../cloneDeep.cjs";
+import { VkfFormItemRendererTemplate as K } from "@vunk/form/components/form-item-renderer-template";
+const Q = {
+  ...B.props,
   modelValue: {
     type: Array,
     default: void 0
@@ -27,14 +24,14 @@ const props = {
    */
   splicable: {
     type: Boolean,
-    default: true
+    default: !0
   },
   /**
    * @description 开启 form-item 的 label 上的操作区域, 在labelPosition为top时生效
    */
   labelActions: {
     type: Boolean,
-    default: false
+    default: !1
   },
   defaultItemValue: null,
   source: {
@@ -50,7 +47,7 @@ const props = {
    */
   keepLastRow: {
     type: Boolean,
-    default: true
+    default: !0
   },
   /**
    * @description 顶部按钮添加元素的方式是 push 还是 unshift
@@ -59,245 +56,118 @@ const props = {
     type: String,
     default: "unshift"
   }
-};
-const emits = {
+}, W = {
   "update:modelValue": null
-};
-
-var _sfc_main$1 = /* @__PURE__ */defineComponent({
-  ...{
-    name: "VkfInputArray"
-  },
+}, X = {
+  key: 0,
+  class: "vkf-input-array-options"
+}, Y = /* @__PURE__ */ A({
+  name: "VkfInputArray",
   __name: "index",
-  props: props,
-  emits,
-  setup(__props, {
-    expose: __expose,
-    emit: __emit
+  props: Q,
+  emits: W,
+  setup(f, {
+    emit: c
   }) {
-    __expose();
-    const props = __props;
-    const emit = __emit;
-    const formItemBindProps = _VkfFormItemCtx.createBindProps(props);
-    const readonly = useComputedReadonly(props);
-    const {
-      tr
-    } = useLocale();
-    const addToFirst = () => {
-      const data = props.modelValue ? [...props.modelValue] : [];
-      if (props.buttonAdd === "push") {
-        data.push(cloneDeep(props.defaultItemValue));
-      } else {
-        data.unshift(cloneDeep(props.defaultItemValue));
-      }
-      emit("update:modelValue", data);
-    };
-    const hasMinus = computed(() => {
-      if (!props.keepLastRow) {
-        return true;
-      }
-      return (props.modelValue ?? []).length > 1;
-    });
-    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;
-    });
-    const formItems = computed(() => {
-      return props.modelValue?.map((v, index) => {
-        const prop = [props.prop ?? [], index, props.source.prop ?? []].flat();
+    const e = f, n = c, p = B.createBindProps(e), u = O(e), {
+      tr: i
+    } = x(), V = () => {
+      const t = e.modelValue ? [...e.modelValue] : [];
+      e.buttonAdd === "push" ? t.push(m(e.defaultItemValue)) : t.unshift(m(e.defaultItemValue)), n("update:modelValue", t);
+    }, S = s(() => e.keepLastRow ? (e.modelValue ?? []).length > 1 : !0), k = s(() => {
+      if (!e.prop || e.prop.length === 0)
+        return e.modelValue;
+      const t = {};
+      return h(t, {
+        k: e.prop,
+        v: e.modelValue
+      }), t;
+    }), C = s(() => {
+      var t;
+      return (t = e.modelValue) == null ? void 0 : t.map((l, y) => {
+        const P = [e.prop ?? [], y, e.source.prop ?? []].flat();
         return {
-          ...props.source,
-          prop,
+          ...e.source,
+          prop: P,
           formItemSlots: {
-            ...props.source.formItemSlots,
-            after: () => hasMinus.value && createVNode(VkAvatar, mergeProps({
-              "icon": delete_default,
-              "class": "vkf-input-array-delete",
-              "color": "var(--el-color-danger)"
+            ...e.source.formItemSlots,
+            after: () => S.value && a(J, b({
+              icon: L,
+              class: "vkf-input-array-delete",
+              color: "var(--el-color-danger)"
             }, {
-              onClick: () => handleMinus(index)
+              onClick: () => D(y)
             }), null)
           }
         };
       });
     });
-    function handleMinus(index) {
-      const data = cloneDeep(props.modelValue) ?? [];
-      data.splice(index, 1);
-      emit("update:modelValue", data);
+    function D(t) {
+      const l = m(e.modelValue) ?? [];
+      l.splice(t, 1), n("update:modelValue", l);
     }
-    const handleFormSetData = e => {
-      const data = cloneDeep(formData.value);
-      ensetData(data, e);
-      emit("update:modelValue", getValue(data, props.prop));
-    };
-    const __returned__ = {
-      props,
-      emit,
-      formItemBindProps,
-      readonly,
-      tr,
-      addToFirst,
-      hasMinus,
-      formData,
-      formItems,
-      handleMinus,
-      handleFormSetData,
-      get VkfFormItem() {
-        return VkfFormItem;
-      },
-      get ElButton() {
-        return ElButton;
-      },
-      get Plus() {
-        return plus_default;
-      },
-      get VkfFormItemRenderer() {
-        return VkfFormItemRenderer;
-      },
-      get VkfTemplateInstancesProvider() {
-        return VkfTemplateInstancesProvider;
-      },
-      get VkfTemplatesDefault() {
-        return VkfTemplatesDefault;
-      },
-      get VkfFieldset() {
-        return VkfFieldset;
-      },
-      get VkfRendererData() {
-        return VkfRendererData;
-      }
+    const F = (t) => {
+      const l = m(k.value);
+      h(l, t), n("update:modelValue", G(l, e.prop));
     };
-    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 openBlock(), createBlock(
-    $setup["VkfFormItem"],
-    normalizeProps(guardReactiveProps($setup.formItemBindProps)),
-    createSlots({
-      default: withCtx(() => [
-        !$setup.readonly && _ctx.splicable && !_ctx.labelActions ? (openBlock(), createElementBlock("div", _hoisted_1, [
-          createVNode($setup["ElButton"], {
-            type: "primary",
-            onClick: $setup.addToFirst
+    return (t, l) => (d(), g(o(z), R(T(o(p))), M({
+      default: r(() => [!o(u) && t.splicable && !t.labelActions ? (d(), j("div", X, [a(o(I), {
+        type: "primary",
+        onClick: V
+      }, {
+        default: r(() => [_(v(o(i)("vkf.common.add", "添加")), 1)]),
+        _: 1
+      })])) : w("", !0), a(o(H), {
+        data: k.value,
+        onSetData: F
+      }, {
+        default: r(() => [a(o(U), null, {
+          placeholder: r(() => [a(o($))]),
+          default: r(() => [a(o(q), {
+            class: "vkf-input-array-fieldset"
           }, {
-            default: withCtx(() => [
-              createTextVNode(
-                toDisplayString($setup.tr("vkf.common.add", "\u6DFB\u52A0")),
-                1
-                /* TEXT */
-              )
-            ]),
+            default: r(() => [a(o(E), {
+              source: C.value
+            }, null, 8, ["source"])]),
             _: 1
-            /* STABLE */
-          })
-        ])) : createCommentVNode("v-if", true),
-        createVNode($setup["VkfRendererData"], {
-          data: $setup.formData,
-          onSetData: $setup.handleFormSetData
-        }, {
-          default: withCtx(() => [
-            createVNode($setup["VkfTemplateInstancesProvider"], null, {
-              placeholder: withCtx(() => [
-                createVNode($setup["VkfTemplatesDefault"])
-              ]),
-              default: withCtx(() => [
-                createVNode($setup["VkfFieldset"], { class: "vkf-input-array-fieldset" }, {
-                  default: withCtx(() => [
-                    createVNode($setup["VkfFormItemRenderer"], { source: $setup.formItems }, null, 8, ["source"])
-                  ]),
-                  _: 1
-                  /* STABLE */
-                })
-              ]),
-              _: 1
-              /* STABLE */
-            })
-          ]),
+          })]),
           _: 1
-          /* STABLE */
-        }, 8, ["data"])
-      ]),
+        })]),
+        _: 1
+      }, 8, ["data"])]),
       _: 2
-      /* DYNAMIC */
-    }, [
-      !$setup.readonly && _ctx.splicable && _ctx.labelActions ? {
-        name: "labelActions",
-        fn: withCtx(() => [
-          createVNode($setup["ElButton"], {
-            size: "small",
-            icon: $setup.Plus,
-            onClick: $setup.addToFirst
-          }, {
-            default: withCtx(() => [
-              createTextVNode(
-                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__ */ _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__ */ defineComponent({
+    }, [!o(u) && t.splicable && t.labelActions ? {
+      name: "labelActions",
+      fn: r(() => [a(o(I), {
+        size: "small",
+        icon: o(N),
+        onClick: V
+      }, {
+        default: r(() => [_(v(o(i)("vkf.common.add", "添加")), 1)]),
+        _: 1
+      }, 8, ["icon"])]),
+      key: "0"
+    } : void 0]), 1040));
+  }
+}), ie = /* @__PURE__ */ A({
   __name: "form-template",
-  setup(__props, { expose: __expose }) {
-    __expose();
-    const __returned__ = { get VkfFormItemRendererTemplate() {
-      return VkfFormItemRendererTemplate;
-    }, Core: VkfInputArray };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
+  setup(f) {
+    return (c, e) => (d(), g(o(K), { type: "VkfInputArray" }, {
+      default: r(({ input: n, value: p, props: u }) => [
+        a(Y, b(u, {
+          "model-value": p,
+          "onUpdate:modelValue": n
+        }), null, 16, ["model-value", "onUpdate:modelValue"])
+      ]),
+      _: 1
+    }));
   }
-});
-
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createBlock($setup["VkfFormItemRendererTemplate"], { type: "VkfInputArray" }, {
-    default: withCtx(({ input, value, props }) => [
-      createVNode($setup["Core"], mergeProps(props, {
-        "model-value": value,
-        "onUpdate:modelValue": input
-      }), null, 16, ["model-value", "onUpdate:modelValue"])
-    ]),
-    _: 1
-    /* STABLE */
-  });
-}
-var formTemplate = /* @__PURE__ */ _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({
+}), Ve = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
-});
-
-VkfInputArray.install = (app) => {
-  app.component(VkfInputArray.name || "VkfInputArray", VkfInputArray);
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  Y as VkfInputArray,
+  ie as VkfInputArrayFormTemplate,
+  Ve as __VkfInputArray,
+  Y as default
 };
-
-export { VkfInputArray, formTemplate as VkfInputArrayFormTemplate, types as __VkfInputArray, VkfInputArray as default };

package/components/input-array/src/ctx.d.ts

@@ -1,8 +1,8 @@
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 export declare const props: {
     modelValue: {
         type: PropType<any[]>;
-        default: any;
+        default: undefined;
     };
     /**
      * @description 是否可以 splice,  添加
@@ -18,14 +18,14 @@ export declare const props: {
         type: BooleanConstructor;
         default: boolean;
     };
-    defaultItemValue: any;
+    defaultItemValue: null;
     source: {
         type: ObjectConstructor;
         default: () => {};
     };
     defaultModelValue: {
         type: PropType<any[]>;
-        default: any;
+        default: undefined;
     };
     /**
      * @description 保留最后一行
@@ -41,21 +41,14 @@ export declare const props: {
         type: PropType<"push" | "unshift">;
         default: string;
     };
-    required: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: undefined;
-    };
+    required: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     formItemSize: {
         type: PropType<"default" | "small" | "large">;
         default: "default" | "small" | "large";
     };
     formItemSlots: {
-        type: PropType<import("@vunk/form/components/form-item/src/types").FormItemSlots>;
-        default: any;
+        type: PropType<import("../../form-item/src/types").FormItemSlots>;
+        default: undefined;
     };
     elRef: {
         type: PropType<any>;
@@ -67,70 +60,47 @@ export declare const props: {
     };
     readonly: {
         type: BooleanConstructor;
-        default: any;
+        default: undefined;
     };
     formItemTip: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
-    formItemTipClass: any;
+    formItemTipClass: null;
     labelTip: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
     information: {
         type: BooleanConstructor;
         default: boolean;
     };
-    prop: any;
+    prop: null;
     label: StringConstructor;
     labelWidth: {
-        readonly type: PropType<string | number>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "";
-    };
-    labelPosition: {
-        readonly type: PropType<"" | "top" | "left" | "right">;
+        readonly type: PropType<import("element-plus/es/utils/index.mjs").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
-    } & {
-        readonly default: "";
     };
+    labelPosition: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, "" | "left" | "right" | "top", unknown, "", boolean>;
     rules: {
-        readonly type: PropType<unknown>;
+        readonly type: PropType<import("element-plus/es/utils/index.mjs").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils/typescript.mjs").Arrayable<import("element-plus").FormItemRule>) | ((new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils/typescript.mjs").Arrayable<import("element-plus").FormItemRule>) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     error: StringConstructor;
     validateStatus: {
-        readonly type: PropType<"" | "error" | "success" | "validating">;
+        readonly type: PropType<import("element-plus/es/utils/index.mjs").EpPropMergeType<StringConstructor, "" | "error" | "success" | "validating", unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     for: StringConstructor;
-    inlineMessage: {
-        readonly type: PropType<string | boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "";
-    };
-    showMessage: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: true;
-    };
+    inlineMessage: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    showMessage: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 };
 export declare const emits: {
-    'update:modelValue': any;
+    'update:modelValue': null;
 };