@vunk/form 2.18.2 → 2.19.1

package/components/input-collection/index.mjs

@@ -1,23 +1,20 @@
-import { defineComponent, computed, createVNode, Fragment, ref, openBlock, createBlock, withCtx, normalizeProps, guardReactiveProps, createSlots, createElementBlock, createTextVNode, toDisplayString, createCommentVNode, renderSlot, h } from 'vue';
-import { p as plus_default, g as minus_default } from '../index.mjs';
-import { ensetData, getValue } from '@vunk/core';
-import { VkfFieldset } from '@vunk/form/components/fieldset';
-import { _VkfFormItemCtx, VkfFormItem } from '@vunk/form/components/form-item';
-import { VkfFormItemRenderer } from '@vunk/form/components/form-item-renderer';
-import { VkfRendererData } from '@vunk/form/components/renderer-data';
-import { VkfTemplateInstancesProvider } from '@vunk/form/components/template-instances-provider';
-import { VkfTemplatesDefault } from '@vunk/form/components/templates-default';
-import { useComputedReadonly } from '@vunk/form/composables';
-import { useLocale } from '@vunk/form/composables/element-plus';
-import { VkTableColumns } from '@vunk/plus/components/table-columns';
-import { ElButton, ElTable } from 'element-plus';
-import { isCallable } from '@vunk/shared/function';
-import { c as cloneDeep } from '../cloneDeep.mjs';
-import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
-import '../isObject.mjs';
-
-const props = {
-  ..._VkfFormItemCtx.props,
+import { defineComponent as K, computed as s, createVNode as n, Fragment as Z, ref as ee, openBlock as _, createBlock as E, unref as o, withCtx as p, normalizeProps as te, guardReactiveProps as le, createSlots as ae, createElementBlock as oe, createTextVNode as B, toDisplayString as R, createCommentVNode as A, renderSlot as S, h as ne } from "vue";
+import { p as D, m as re } from "../index.cjs";
+import { ensetData as F, getValue as pe } from "@vunk/core";
+import { VkfFieldset as se } from "@vunk/form/components/fieldset";
+import { _VkfFormItemCtx as O, VkfFormItem as ue } from "@vunk/form/components/form-item";
+import { VkfFormItemRenderer as $ } from "@vunk/form/components/form-item-renderer";
+import { VkfRendererData as de } from "@vunk/form/components/renderer-data";
+import { VkfTemplateInstancesProvider as ie } from "@vunk/form/components/template-instances-provider";
+import { VkfTemplatesDefault as me } from "@vunk/form/components/templates-default";
+import { useComputedReadonly as ce } from "@vunk/form/composables";
+import { useLocale as fe } from "@vunk/form/composables/element-plus";
+import { VkTableColumns as ye } from "@vunk/plus/components/table-columns";
+import { ElButton as y, ElTable as Ve } from "element-plus";
+import { isCallable as C } from "@vunk/shared/function";
+import { c as i } from "../cloneDeep.cjs";
+const z = {
+  ...O.props,
   columns: {
     type: Array,
     default: () => []
@@ -35,21 +32,21 @@ const props = {
    */
   splicable: {
     type: Boolean,
-    default: true
+    default: !0
   },
   /**
    * @description 开启 form-item 的 label 上的操作区域, 在labelPosition为top时生效
    */
   labelActions: {
     type: Boolean,
-    default: false
+    default: !1
   },
   /**
    * @description 是否展开所有
    */
   defaultExpandAll: {
     type: Boolean,
-    default: false
+    default: !1
   },
   /**
    * @description 添加记录时的默认值
@@ -63,384 +60,227 @@ const props = {
    */
   keepLast: {
     type: Boolean,
-    default: false
+    default: !1
   },
   /**
    * @description 是否开启顶部的添加按钮
    */
   topSplicable: {
     type: Boolean,
-    default: true
+    default: !0
   },
   slots: {
     type: Object,
     default: () => ({})
   }
-};
-const emits = {
+}, j = {
   "update:modelValue": null
-};
-
-const ROW_KEY = "_row_key";
-var _sfc_main$1 = /* @__PURE__ */defineComponent({
-  ...{
-    inheritAttrs: false
-  },
+}, ke = {
+  key: 0,
+  class: "vkf-input-collection-options"
+}, V = "_row_key", ve = /* @__PURE__ */ K({
+  inheritAttrs: !1,
   __name: "core",
-  props: props,
-  emits,
-  setup(__props, {
-    expose: __expose,
-    emit: __emit
+  props: z,
+  emits: j,
+  setup(m, {
+    emit: k
   }) {
-    __expose();
-    const ElTable$1 = ElTable;
-    const props = __props;
-    const emit = __emit;
-    const {
-      tr
-    } = useLocale();
-    const formItemBindProps = _VkfFormItemCtx.createBindProps(props);
-    const readonly = useComputedReadonly(props);
-    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 innerCtx = {
-      addExpandRowKey,
-      removeExpandRowKey,
-      getExpandRowKeys
-    };
-    const fullColumns = 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 (isCallable(column.templateProps)) {
-              formItemProps.templateProps = () => {
-                return column.templateProps(e.row);
-              };
-            }
-            return createVNode(VkfFormItemRenderer, {
-              "source": [{
-                ...formItemProps,
-                ...column.createTemplateProps?.(e, formItemProps, innerCtx)
-              }]
-            }, null);
-          }
+    const v = Ve, t = m, c = k, {
+      tr: b
+    } = fe(), L = O.createBindProps(t), u = ce(t), I = s(() => {
+      if (!t.prop || t.prop.length === 0)
+        return t.modelValue;
+      const e = {};
+      return F(e, {
+        k: t.prop,
+        v: t.modelValue
+      }), e;
+    }), P = {
+      addExpandRowKey: J,
+      removeExpandRowKey: Q,
+      getExpandRowKeys: X
+    }, N = s(() => t.columns.map((e) => ({
+      ...e,
+      slots: (l) => {
+        var d;
+        const f = {
+          prop: [t.prop ?? [], l.$index, e.prop].flat(),
+          readonly: u.value,
+          templateType: e.templateType,
+          templateProps: e.templateProps
         };
-      });
-    });
-    const expandFormItemRaws = computed(() => props.columns.filter(e => e.expandVisible));
-    const expandColumn = {
+        return C(e.templateProps) && (f.templateProps = () => e.templateProps(l.row)), n($, {
+          source: [{
+            ...f,
+            ...(d = e.createTemplateProps) == null ? void 0 : d.call(e, l, f, P)
+          }]
+        }, null);
+      }
+    }))), g = s(() => t.columns.filter((e) => e.expandVisible)), M = {
       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
+      slots: (e) => {
+        const l = g.value.map((a) => {
+          var T;
+          const d = {
+            prop: [t.prop ?? [], e.$index, a.prop].flat(),
+            label: a.label,
+            readonly: u.value,
+            templateType: a.templateType,
+            templateProps: a.templateProps
           };
           return {
-            ...formItemProps,
-            ...column.createTemplateProps?.(e, formItemProps, innerCtx)
+            ...d,
+            ...(T = a.createTemplateProps) == null ? void 0 : T.call(a, e, d, P)
           };
         });
-        return createVNode(VkfFieldset, {
-          "class": "vk-input-collection__expand-fieldset",
+        return n(se, {
+          class: "vk-input-collection__expand-fieldset",
           "label-width": "auto",
           "label-position": "right"
         }, {
-          default: () => [createVNode(VkfFormItemRenderer, {
-            "source": source
+          default: () => [n($, {
+            source: l
           }, null)]
         });
       }
-    };
-    const buttonsColumn = computed(() => ({
-      label: tr("vkf.common.operations", "\u64CD\u4F5C"),
+    }, U = s(() => ({
+      label: b("vkf.common.operations", "操作"),
       align: "center",
       width: "85",
-      hidden: readonly.value || !props.splicable,
+      hidden: u.value || !t.splicable,
       className: "vk-input-collection__buttons",
       slots: ({
-        $index
-      }) => createVNode(Fragment, null, [createVNode(ElButton, {
-        "size": "small",
-        "icon": plus_default,
-        "type": "primary",
-        "link": true,
-        "circle": true,
-        "onClick": () => handlePlus($index)
-      }, null), createVNode(ElButton, {
-        "size": "small",
-        "icon": minus_default,
-        "type": "primary",
-        "link": true,
-        "circle": true,
-        "disabled": props.modelValue.length <= 1 && props.keepLast,
-        "onClick": () => handleMinus($index)
+        $index: e
+      }) => n(Z, null, [n(y, {
+        size: "small",
+        icon: D,
+        type: "primary",
+        link: !0,
+        circle: !0,
+        onClick: () => Y(e)
+      }, null), n(y, {
+        size: "small",
+        icon: re,
+        type: "primary",
+        link: !0,
+        circle: !0,
+        disabled: t.modelValue.length <= 1 && t.keepLast,
+        onClick: () => q(e)
       }, null)])
-    }));
-    const allColumns = computed(() => {
-      const data = [...fullColumns.value, buttonsColumn.value];
-      if (expandFormItemRaws.value.length) {
-        data.unshift(expandColumn);
-      }
-      return data;
+    })), W = s(() => {
+      const e = [...N.value, U.value];
+      return g.value.length && e.unshift(M), e;
     });
-    function handlePlus(index) {
-      const data = cloneDeep(props.modelValue);
-      const defaultItemValue = isCallable(props.defaultItemValue) ? props.defaultItemValue() : props.defaultItemValue;
-      data.splice(index + 1, 0, cloneDeep(defaultItemValue));
-      emit("update:modelValue", data);
-      setExpandRowKeys([]);
+    function Y(e) {
+      const l = i(t.modelValue), a = C(t.defaultItemValue) ? t.defaultItemValue() : t.defaultItemValue;
+      l.splice(e + 1, 0, i(a)), c("update:modelValue", l), h([]);
     }
-    function handleMinus(index) {
-      if (props.keepLast && props.modelValue.length <= 1) {
+    function q(e) {
+      if (t.keepLast && t.modelValue.length <= 1)
         return;
-      }
-      const data = cloneDeep(props.modelValue);
-      data.splice(index, 1);
-      emit("update:modelValue", data);
-      setExpandRowKeys([]);
+      const l = i(t.modelValue);
+      l.splice(e, 1), c("update:modelValue", l), h([]);
     }
-    const addToFirst = () => {
-      const defaultItemValue = isCallable(props.defaultItemValue) ? props.defaultItemValue() : props.defaultItemValue;
-      emit("update:modelValue", [cloneDeep(defaultItemValue), ...(props.modelValue ?? [])]);
-      setExpandRowKeys([]);
+    const x = () => {
+      const e = C(t.defaultItemValue) ? t.defaultItemValue() : t.defaultItemValue;
+      c("update:modelValue", [i(e), ...t.modelValue ?? []]), h([]);
+    }, G = (e) => {
+      const l = i(I.value);
+      F(l, e), c("update:modelValue", pe(l, t.prop));
+    }, w = s(() => {
+      var e;
+      return (e = t.modelValue) == null ? void 0 : e.map((l, a) => ({
+        ...l,
+        [V]: `${a}`
+      }));
+    }), r = ee([]);
+    t.defaultExpandAll && (r.value = w.value.map((e) => e[V]));
+    const H = (e, l) => {
+      r.value = l.map((a) => a[V]);
     };
-    const handleFormSetData = e => {
-      const data = cloneDeep(formData.value);
-      ensetData(data, e);
-      emit("update:modelValue", getValue(data, props.prop));
-    };
-    const tableData = computed(() => {
-      return props.modelValue?.map((e, index) => {
-        return {
-          ...e,
-          [ROW_KEY]: `${index}`
-        };
-      });
-    });
-    const expandRowKeys = 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 h(e) {
+      r.value = e;
     }
-    function addExpandRowKey(v) {
-      if (expandRowKeys.value.indexOf(v) === -1) {
-        expandRowKeys.value.push(v);
-      }
+    function J(e) {
+      r.value.indexOf(e) === -1 && r.value.push(e);
     }
-    function removeExpandRowKey(v) {
-      for (let i = 0; i < expandRowKeys.value.length; i++) {
-        if (expandRowKeys.value[i] === v) {
-          expandRowKeys.value.splice(i, 1);
+    function Q(e) {
+      for (let l = 0; l < r.value.length; l++)
+        if (r.value[l] === e) {
+          r.value.splice(l, 1);
           break;
         }
-      }
     }
-    function getExpandRowKeys() {
-      return expandRowKeys.value;
+    function X() {
+      return r.value;
     }
-    const __returned__ = {
-      ElTable: ElTable$1,
-      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 plus_default;
-      },
-      get VkfFormItem() {
-        return VkfFormItem;
-      },
-      get VkfRendererData() {
-        return VkfRendererData;
-      },
-      get VkfTemplateInstancesProvider() {
-        return VkfTemplateInstancesProvider;
-      },
-      get VkfTemplatesDefault() {
-        return VkfTemplatesDefault;
-      },
-      get VkTableColumns() {
-        return VkTableColumns;
-      },
-      get ElButton() {
-        return ElButton;
-      }
-    };
-    Object.defineProperty(__returned__, "__isScriptSetup", {
-      enumerable: false,
-      value: true
-    });
-    return __returned__;
+    return (e, l) => (_(), E(o(ie), null, {
+      placeholder: p(() => [n(o(me))]),
+      default: p(() => [n(o(ue), te(le({
+        ...o(L),
+        ...e.$attrs
+      })), ae({
+        default: p(() => [!o(u) && e.splicable && !e.labelActions && e.topSplicable ? (_(), oe("div", ke, [n(o(y), {
+          type: "primary",
+          onClick: x
+        }, {
+          default: p(() => [B(R(o(b)("vkf.common.add", "添加")), 1)]),
+          _: 1
+        })])) : A("", !0), n(o(de), {
+          data: I.value,
+          onSetData: G
+        }, {
+          default: p(() => [n(o(v), {
+            data: w.value,
+            class: "vkf-input-collection-table",
+            "row-key": V,
+            "expand-row-keys": r.value,
+            "preserve-expanded-content": !0,
+            onExpandChange: H
+          }, {
+            default: p(() => [n(o(ye), {
+              source: W.value
+            }, null, 8, ["source"])]),
+            _: 1
+          }, 8, ["data", "expand-row-keys"])]),
+          _: 1
+        }, 8, ["data"])]),
+        _: 2
+      }, [e.labelActions ? {
+        name: "labelActions",
+        fn: p(() => [S(e.$slots, "labelActions"), !o(u) && e.splicable && e.topSplicable ? (_(), E(o(y), {
+          key: 0,
+          size: "small",
+          icon: o(D),
+          onClick: x
+        }, {
+          default: p(() => [B(R(o(b)("vkf.common.add", "添加")), 1)]),
+          _: 1
+        }, 8, ["icon"])) : A("", !0)]),
+        key: "0"
+      } : void 0]), 1040), S(e.$slots, "default")]),
+      _: 3
+    }));
   }
-});
-
-const _hoisted_1 = {
-  key: 0,
-  class: "vkf-input-collection-options"
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createBlock($setup["VkfTemplateInstancesProvider"], null, {
-    placeholder: withCtx(() => [
-      createVNode($setup["VkfTemplatesDefault"])
-    ]),
-    default: withCtx(() => [
-      createVNode(
-        $setup["VkfFormItem"],
-        normalizeProps(guardReactiveProps({
-          ...$setup.formItemBindProps,
-          ..._ctx.$attrs
-        })),
-        createSlots({
-          default: withCtx(() => [
-            !$setup.readonly && _ctx.splicable && !_ctx.labelActions && _ctx.topSplicable ? (openBlock(), createElementBlock("div", _hoisted_1, [
-              createVNode($setup["ElButton"], {
-                type: "primary",
-                onClick: $setup.addToFirst
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(
-                    toDisplayString($setup.tr("vkf.common.add", "\u6DFB\u52A0")),
-                    1
-                    /* TEXT */
-                  )
-                ]),
-                _: 1
-                /* STABLE */
-              })
-            ])) : createCommentVNode("v-if", true),
-            createVNode($setup["VkfRendererData"], {
-              data: $setup.formData,
-              onSetData: $setup.handleFormSetData
-            }, {
-              default: withCtx(() => [
-                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: withCtx(() => [
-                    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: withCtx(() => [
-              renderSlot(_ctx.$slots, "labelActions"),
-              !$setup.readonly && _ctx.splicable && _ctx.topSplicable ? (openBlock(), createBlock($setup["ElButton"], {
-                key: 0,
-                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"])) : createCommentVNode("v-if", true)
-            ]),
-            key: "0"
-          } : void 0
-        ]),
-        1040
-        /* FULL_PROPS, DYNAMIC_SLOTS */
-      ),
-      renderSlot(_ctx.$slots, "default")
-    ]),
-    _: 3
-    /* FORWARDED */
-  });
-}
-var Core = /* @__PURE__ */ _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 = defineComponent({
+}), De = K({
   name: "VkfInputCollection",
-  props,
-  emits,
-  setup(props2, { emit, slots }) {
-    return () => h(Core, {
-      ...props2,
-      "onUpdate:modelValue": (v) => emit("update:modelValue", v)
+  props: z,
+  emits: j,
+  setup(m, { emit: k, slots: v }) {
+    return () => ne(ve, {
+      ...m,
+      "onUpdate:modelValue": (t) => k("update:modelValue", t)
     }, {
-      ...props2.slots,
-      ...slots
+      ...m.slots,
+      ...v
     });
   }
-});
-
-var VkfInputCollection = /* @__PURE__ */ _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({
+}), Fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
-});
-
-VkfInputCollection.install = (app) => {
-  app.component(VkfInputCollection.name || "VkfInputCollection", VkfInputCollection);
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  De as VkfInputCollection,
+  Fe as __VkfInputCollection,
+  De as default
 };
-
-export { VkfInputCollection, types as __VkfInputCollection, VkfInputCollection as default };