ll-plus 2.7.16 → 2.7.17

package/es/components/tooltip/index.d.ts

@@ -1,7 +1,7 @@
 import Tooltip from './src/tooltip.vue';
 export declare const LlTooltip: import("ll-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
     readonly tip: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "提示", boolean>;
-    readonly placement: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, "top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom", unknown, "top", boolean>;
+    readonly placement: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, "left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom", unknown, "top", boolean>;
     readonly maxWidth: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, "", boolean>;
     readonly tipEllipsis: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly tipEllipsisLine: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
@@ -21,7 +21,7 @@ export declare const LlTooltip: import("ll-plus/es/utils").SFCWithInstall<import
     readonly width: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, "", boolean>;
 }, {
     props: import("@vue/shared").LooseRequired<{
-        readonly placement: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom", unknown>;
+        readonly placement: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom", unknown>;
         readonly maxWidth: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
         readonly width: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
         readonly tip: string;
@@ -65,7 +65,7 @@ export declare const LlTooltip: import("ll-plus/es/utils").SFCWithInstall<import
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly tip: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "提示", boolean>;
-    readonly placement: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, "top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom", unknown, "top", boolean>;
+    readonly placement: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, "left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom", unknown, "top", boolean>;
     readonly maxWidth: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, "", boolean>;
     readonly tipEllipsis: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly tipEllipsisLine: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
@@ -84,7 +84,7 @@ export declare const LlTooltip: import("ll-plus/es/utils").SFCWithInstall<import
     readonly ellipsis: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly width: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, "", boolean>;
 }>>, {
-    readonly placement: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom", unknown>;
+    readonly placement: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom", unknown>;
     readonly maxWidth: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
     readonly width: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
     readonly tip: string;

package/es/components/tooltip/src/tooltip.d.ts

@@ -3,7 +3,7 @@ import type Tooltip from './tooltip.vue';
 export declare const placement: readonly ["top", "left", "right", "bottom", "topLeft", "topRight", "bottomLeft", "bottomRight", "leftTop", "leftBottom", "rightTop", "rightBottom"];
 export declare const tooltipProps: {
     readonly tip: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "提示", boolean>;
-    readonly placement: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, "top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom", unknown, "top", boolean>;
+    readonly placement: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, "left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom", unknown, "top", boolean>;
     readonly maxWidth: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, "", boolean>;
     readonly tipEllipsis: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly tipEllipsisLine: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;

package/es/components/tooltip/src/tooltip.vue.d.ts

@@ -1,6 +1,6 @@
 declare const _default: import("vue").DefineComponent<{
     readonly tip: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "提示", boolean>;
-    readonly placement: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, "top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom", unknown, "top", boolean>;
+    readonly placement: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, "left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom", unknown, "top", boolean>;
     readonly maxWidth: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, "", boolean>;
     readonly tipEllipsis: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly tipEllipsisLine: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
@@ -20,7 +20,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly width: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, "", boolean>;
 }, {
     props: import("@vue/shared").LooseRequired<{
-        readonly placement: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom", unknown>;
+        readonly placement: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom", unknown>;
         readonly maxWidth: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
         readonly width: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
         readonly tip: string;
@@ -64,7 +64,7 @@ declare const _default: import("vue").DefineComponent<{
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly tip: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "提示", boolean>;
-    readonly placement: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, "top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom", unknown, "top", boolean>;
+    readonly placement: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, "left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom", unknown, "top", boolean>;
     readonly maxWidth: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, "", boolean>;
     readonly tipEllipsis: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly tipEllipsisLine: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
@@ -83,7 +83,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly ellipsis: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly width: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, "", boolean>;
 }>>, {
-    readonly placement: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom", unknown>;
+    readonly placement: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom", unknown>;
     readonly maxWidth: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
     readonly width: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
     readonly tip: string;

package/es/components/tree-search/index.d.ts

@@ -105,7 +105,7 @@ export declare const LlTreeSearch: import("ll-plus/es/utils").SFCWithInstall<imp
         readonly onCancel?: (() => any) | undefined;
         readonly onClickAdd?: (() => any) | undefined;
     } & {}>;
-    emits: ((event: "cancel") => void) & ((event: "close") => void) & ((event: "select", selectedKeys: string[], e: Event) => void) & ((event: "ok") => void) & ((event: "expand", expandedKeys: string[], data: any) => void) & ((event: "clickAdd") => void);
+    emits: ((event: "close") => void) & ((event: "select", selectedKeys: string[], e: Event) => void) & ((event: "ok") => void) & ((event: "cancel") => void) & ((event: "expand", expandedKeys: string[], data: any) => void) & ((event: "clickAdd") => void);
     isCollapseMenu: import("vue").Ref<boolean>;
     newExpandedKeys: import("vue").Ref<string[]>;
     bem: {

package/es/components/tree-search/src/tree-search.vue.d.ts

@@ -104,7 +104,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly onCancel?: (() => any) | undefined;
         readonly onClickAdd?: (() => any) | undefined;
     } & {}>;
-    emits: ((event: "cancel") => void) & ((event: "close") => void) & ((event: "select", selectedKeys: string[], e: Event) => void) & ((event: "ok") => void) & ((event: "expand", expandedKeys: string[], data: any) => void) & ((event: "clickAdd") => void);
+    emits: ((event: "close") => void) & ((event: "select", selectedKeys: string[], e: Event) => void) & ((event: "ok") => void) & ((event: "cancel") => void) & ((event: "expand", expandedKeys: string[], data: any) => void) & ((event: "clickAdd") => void);
     isCollapseMenu: import("vue").Ref<boolean>;
     newExpandedKeys: import("vue").Ref<string[]>;
     bem: {

package/es/components/upload-drag/index.d.ts

@@ -39,7 +39,7 @@ export declare const LlUploadDrag: import("ll-plus/es/utils").SFCWithInstall<imp
         readonly onCancel?: ((...args: any[]) => any) | undefined;
         readonly onCustomRequest?: ((...args: any[]) => any) | undefined;
     } & {}>;
-    emits: (event: "cancel" | "update:value" | "confirm" | "customRequest", ...args: any[]) => void;
+    emits: (event: "update:value" | "confirm" | "customRequest" | "cancel", ...args: any[]) => void;
     bem: {
         b: (blockSuffix?: string) => string;
         e: (element?: string) => string;
@@ -61,7 +61,7 @@ export declare const LlUploadDrag: import("ll-plus/es/utils").SFCWithInstall<imp
     handleDragReject: () => void;
     handleClickCancelBtn: () => void;
     handleClickOkBtn: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "update:value" | "confirm" | "customRequest")[], "cancel" | "update:value" | "confirm" | "customRequest", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:value" | "confirm" | "customRequest" | "cancel")[], "update:value" | "confirm" | "customRequest" | "cancel", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     value: {
         type: ArrayConstructor;
         default: () => never[];

package/es/components/upload-drag/src/upload-drag.vue.d.ts

@@ -39,7 +39,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly onCancel?: ((...args: any[]) => any) | undefined;
         readonly onCustomRequest?: ((...args: any[]) => any) | undefined;
     } & {}>;
-    emits: (event: "cancel" | "update:value" | "confirm" | "customRequest", ...args: any[]) => void;
+    emits: (event: "update:value" | "confirm" | "customRequest" | "cancel", ...args: any[]) => void;
     bem: {
         b: (blockSuffix?: string) => string;
         e: (element?: string) => string;
@@ -61,7 +61,7 @@ declare const _default: import("vue").DefineComponent<{
     handleDragReject: () => void;
     handleClickCancelBtn: () => void;
     handleClickOkBtn: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "update:value" | "confirm" | "customRequest")[], "cancel" | "update:value" | "confirm" | "customRequest", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:value" | "confirm" | "customRequest" | "cancel")[], "update:value" | "confirm" | "customRequest" | "cancel", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     value: {
         type: ArrayConstructor;
         default: () => never[];

package/es/index.mjs

@@ -146,7 +146,7 @@ export { isVNode } from 'vue';
 export { getType, isBoolean, isElement, isEmpty, isNumber, isPropAbsent, isStringNumber, isUndefined, isWindow } from './packages/utils/types.mjs';
 export { dataURLtoBlob, fileToBase64, formatFileSize } from './packages/utils/file.mjs';
 export { deepUnref } from './packages/utils/deep-unref.mjs';
-export { deepCompare, hasValue } from './packages/utils/data.mjs';
+export { deepCompare, guid, hasValue } from './packages/utils/data.mjs';
 export { useScroll } from './packages/hooks/use-scroll/index.mjs';
 
 "use strict";

package/es/packages/components/form/src/form.vue2.mjs

@@ -50,27 +50,33 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const validate = async () => {
       if (props.validateErrorStop) {
         clearValidate();
-        let bool = true;
         if (!validateFields.value.length)
-          return bool;
+          return Promise.resolve();
         for (const i of validateFields.value) {
-          bool = await formRef.value.validateFields([i]);
-          if (!bool) {
-            return bool;
+          try {
+            await formRef.value.validateFields([i]);
+          } catch (error) {
+            return Promise.reject(error);
           }
         }
+        return Promise.resolve();
       } else {
-        return await formRef.value.validateFields();
+        try {
+          await formRef.value.validateFields(validateFields.value);
+          return Promise.resolve();
+        } catch (error) {
+          return Promise.reject(error);
+        }
       }
     };
     const resetFields = async () => {
-      return await formRef.value.resetFields();
+      await formRef.value.resetFields();
     };
     const clearValidate = async (nameList) => {
-      return await formRef.value.clearValidate(nameList);
+      await formRef.value.clearValidate(nameList);
     };
     const scrollToField = async (name, options) => {
-      return await formRef.value.scrollToField(name, options);
+      await formRef.value.scrollToField(name, options);
     };
     const getBindValue = (item) => {
       const obj = { ...item };

package/es/packages/components/form/src/form.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"form.vue2.mjs","sources":["../../../../../../packages/components/form/src/form.vue"],"sourcesContent":["<template>\n  <div :class=\"bem.b()\">\n    <a-spin :spinning=\"props.loading\">\n      <a-form\n        v-bind=\"computedFormOptions\"\n        :id=\"id\"\n        ref=\"formRef\"\n        :model=\"props.formData\"\n      >\n        <a-row v-bind=\"props.rowOptions\">\n          <a-col\n            v-for=\"(item, index) in computedFormColumns\"\n            :key=\"index\"\n            v-bind=\"item?.colOptions ?? {}\"\n            :span=\"item?.spanCol ?? 24\"\n          >\n            <slot name=\"formItem\" :item=\"item\" :index=\"index\">\n              <ll-form-item\n                :name=\"item?.key ?? index\"\n                :class=\"getFormItemClass(item)\"\n                v-bind=\"getBindValue(item)\"\n              >\n                <template #label>\n                  <slot name=\"label\" :item=\"item\" :index=\"index\">\n                    <span>{{ item.label }}</span>\n                    <span v-if=\"item?.tip\" :class=\"bem.e('tooltip-wrapper')\">\n                      <ll-tooltip\n                        style=\"margin-left: 8px\"\n                        :overlay-class-name=\"bem.e('tooltip')\"\n                        :arrow-point-at-center=\"true\"\n                        :max-width=\"item?.tipConfig?.maxWidth ?? 406\"\n                        :placement=\"item?.tipConfig?.placement ?? 'top'\"\n                        :tip=\"item.tip\"\n                        :font-size=\"'16px'\"\n                        v-bind=\"item?.tipConfig\"\n                      />\n                    </span>\n                  </slot>\n                </template>\n                <slot name=\"content\" :item=\"item\" :index=\"index\">\n                  <template v-if=\"!isEmpty(item.children)\">\n                    <a-row :gutter=\"5\" v-bind=\"item.rowOptions\">\n                      <a-col\n                        v-for=\"(child, childIndex) in item.children\"\n                        :key=\"childIndex\"\n                        :style=\"{\n                          display: 'flex',\n                          'align-items': 'center'\n                        }\"\n                        v-bind=\"item?.colOptions ?? {}\"\n                      >\n                        <slot name=\"children\" :item=\"child\" :index=\"index\">\n                          <form-component\n                            :item=\"child\"\n                            :form-data=\"formData\"\n                            @change-field=\"handleChangeField\"\n                          />\n                        </slot>\n                      </a-col>\n                    </a-row>\n                  </template>\n                  <form-component\n                    v-else\n                    :ref=\"el => (formComponents[index] = el)\"\n                    :item=\"item\"\n                    :form-data=\"formData\"\n                    @change-field=\"handleChangeField\"\n                  />\n                </slot>\n              </ll-form-item>\n            </slot>\n          </a-col>\n        </a-row>\n      </a-form>\n    </a-spin>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { reactive, ref, watch, onMounted, nextTick, computed } from 'vue'\nimport { omit, isEmpty, has } from 'lodash-es'\nimport { formProps, formEmits, type FormColumn } from './config'\n\nimport type { NamePath } from 'ant-design-vue/es/form/interface'\n\nimport { createNamespace, deepUnref } from '@ll-plus/utils'\n\nimport formComponent from './components/form-component.vue'\n\n// 定义组件名称\ndefineOptions({ name: 'LlForm' })\n\n// Props\nconst props = defineProps(formProps)\n\nconst emits = defineEmits(formEmits)\n\nconst bem = createNamespace('form')\n\nconst formData = reactive(props.formData)\n\nconst formRef = ref()\n\nconst formComponents = ref<InstanceType<typeof formComponent>[]>(\n  [] as InstanceType<typeof formComponent>[]\n)\n\nconst computedFormColumns = computed(() => {\n  const formColumns = deepUnref(props.formColumns) as FormColumn[]\n  return formColumns.map(e => {\n    e.disabled = has(e, 'disabled') ? e.disabled : props.disabled\n    if (e.children && e.children.length) {\n      e.children.map(a => {\n        a.disabled = has(a, 'disabled') ? a.disabled : props.disabled\n        return a\n      })\n    }\n    return e\n  })\n})\n\nconst validateFields = computed(() => {\n  return props.formColumns\n    .filter(e => e.required || (has(e, 'rules') && e.rules.length > 0))\n    .map(e => {\n      return e.key\n    })\n})\n\nconst computedFormOptions = computed(() => {\n  return {\n    scrollToFirstError: !props.validateErrorStop,\n    ...props.formOptions\n  }\n})\n\nconst id = ref(`ll-form-${+new Date()}`)\n\nconst validate = async () => {\n  if (props.validateErrorStop) {\n    clearValidate()\n    let bool = true\n    if (!validateFields.value.length) return bool\n    for (const i of validateFields.value) {\n      bool = await formRef.value.validateFields([i])\n      if (!bool) {\n        return bool\n      }\n    }\n  } else {\n    return await formRef.value.validateFields()\n  }\n}\n\nconst resetFields = async () => {\n  return await formRef.value.resetFields()\n}\n\nconst clearValidate = async (nameList?: NamePath[]) => {\n  return await formRef.value.clearValidate(nameList)\n}\n\nconst scrollToField = async (name: NamePath, options?: ScrollOptions) => {\n  return await formRef.value.scrollToField(name, options)\n}\n\nconst getBindValue = (item: FormColumn) => {\n  const obj = { ...item }\n  return omit(obj, ['label'])\n}\n\nconst getFormItemClass = (item = {} as FormColumn) => {\n  if (props.formOptions.layout === 'horizontal') {\n    if (item?.labelCol) {\n      return item.labelCol.span && item.labelCol.span >= 24\n        ? bem.is('label-top')\n        : bem.is('label-left')\n    } else {\n      return bem.is('label-left')\n    }\n  }\n  return bem.is('label-top')\n}\n\nconst handleChangeField = (item: FormColumn) => {\n  emits('change', { item, value: formData[item.key], formData })\n}\n\nwatch(\n  () => props.formData,\n  async val => {\n    for (const i in val) {\n      formData[i] = val[i]\n    }\n  },\n  {\n    deep: true,\n    immediate: true\n  }\n)\n\nonMounted(async () => {\n  await nextTick()\n  if (props.autoFocus) {\n    for (const element of formComponents.value) {\n      const item = element?.getItem()\n      if (['input', 'textarea', 'input-number'].includes(item.type)) {\n        element?.focus()\n        break\n      }\n    }\n  }\n})\n\ndefineExpose({\n  validate,\n  resetFields,\n  clearValidate,\n  scrollToField\n})\n</script>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"form.vue2.mjs","sources":["../../../../../../packages/components/form/src/form.vue"],"sourcesContent":["<template>\n  <div :class=\"bem.b()\">\n    <a-spin :spinning=\"props.loading\">\n      <a-form\n        v-bind=\"computedFormOptions\"\n        :id=\"id\"\n        ref=\"formRef\"\n        :model=\"props.formData\"\n      >\n        <a-row v-bind=\"props.rowOptions\">\n          <a-col\n            v-for=\"(item, index) in computedFormColumns\"\n            :key=\"index\"\n            v-bind=\"item?.colOptions ?? {}\"\n            :span=\"item?.spanCol ?? 24\"\n          >\n            <slot name=\"formItem\" :item=\"item\" :index=\"index\">\n              <ll-form-item\n                :name=\"item?.key ?? index\"\n                :class=\"getFormItemClass(item)\"\n                v-bind=\"getBindValue(item)\"\n              >\n                <template #label>\n                  <slot name=\"label\" :item=\"item\" :index=\"index\">\n                    <span>{{ item.label }}</span>\n                    <span v-if=\"item?.tip\" :class=\"bem.e('tooltip-wrapper')\">\n                      <ll-tooltip\n                        style=\"margin-left: 8px\"\n                        :overlay-class-name=\"bem.e('tooltip')\"\n                        :arrow-point-at-center=\"true\"\n                        :max-width=\"item?.tipConfig?.maxWidth ?? 406\"\n                        :placement=\"item?.tipConfig?.placement ?? 'top'\"\n                        :tip=\"item.tip\"\n                        :font-size=\"'16px'\"\n                        v-bind=\"item?.tipConfig\"\n                      />\n                    </span>\n                  </slot>\n                </template>\n                <slot name=\"content\" :item=\"item\" :index=\"index\">\n                  <template v-if=\"!isEmpty(item.children)\">\n                    <a-row :gutter=\"5\" v-bind=\"item.rowOptions\">\n                      <a-col\n                        v-for=\"(child, childIndex) in item.children\"\n                        :key=\"childIndex\"\n                        :style=\"{\n                          display: 'flex',\n                          'align-items': 'center'\n                        }\"\n                        v-bind=\"item?.colOptions ?? {}\"\n                      >\n                        <slot name=\"children\" :item=\"child\" :index=\"index\">\n                          <form-component\n                            :item=\"child\"\n                            :form-data=\"formData\"\n                            @change-field=\"handleChangeField\"\n                          />\n                        </slot>\n                      </a-col>\n                    </a-row>\n                  </template>\n                  <form-component\n                    v-else\n                    :ref=\"el => (formComponents[index] = el)\"\n                    :item=\"item\"\n                    :form-data=\"formData\"\n                    @change-field=\"handleChangeField\"\n                  />\n                </slot>\n              </ll-form-item>\n            </slot>\n          </a-col>\n        </a-row>\n      </a-form>\n    </a-spin>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { reactive, ref, watch, onMounted, nextTick, computed } from 'vue'\nimport { omit, isEmpty, has } from 'lodash-es'\nimport { formProps, formEmits, type FormColumn } from './config'\n\nimport type { NamePath } from 'ant-design-vue/es/form/interface'\n\nimport { createNamespace, deepUnref } from '@ll-plus/utils'\n\nimport formComponent from './components/form-component.vue'\n\n// 定义组件名称\ndefineOptions({ name: 'LlForm' })\n\n// Props\nconst props = defineProps(formProps)\n\nconst emits = defineEmits(formEmits)\n\nconst bem = createNamespace('form')\n\nconst formData = reactive(props.formData)\n\nconst formRef = ref()\n\nconst formComponents = ref<InstanceType<typeof formComponent>[]>(\n  [] as InstanceType<typeof formComponent>[]\n)\n\nconst computedFormColumns = computed(() => {\n  const formColumns = deepUnref(props.formColumns) as FormColumn[]\n  return formColumns.map(e => {\n    e.disabled = has(e, 'disabled') ? e.disabled : props.disabled\n    if (e.children && e.children.length) {\n      e.children.map(a => {\n        a.disabled = has(a, 'disabled') ? a.disabled : props.disabled\n        return a\n      })\n    }\n    return e\n  })\n})\n\nconst validateFields = computed(() => {\n  return props.formColumns\n    .filter(e => e.required || (has(e, 'rules') && e.rules.length > 0))\n    .map(e => {\n      return e.key\n    })\n})\n\nconst computedFormOptions = computed(() => {\n  return {\n    scrollToFirstError: !props.validateErrorStop,\n    ...props.formOptions\n  }\n})\n\nconst id = ref(`ll-form-${+new Date()}`)\n\nconst validate = async () => {\n  if (props.validateErrorStop) {\n    clearValidate()\n    if (!validateFields.value.length) return Promise.resolve()\n    for (const i of validateFields.value) {\n      try {\n        await formRef.value.validateFields([i])\n      } catch (error) {\n        return Promise.reject(error) // 跳出验证循环并返回错误\n      }\n    }\n    return Promise.resolve()\n  } else {\n    try {\n      await formRef.value.validateFields(validateFields.value)\n      return Promise.resolve()\n    } catch (error) {\n      return Promise.reject(error)\n    }\n  }\n}\n\nconst resetFields = async () => {\n  await formRef.value.resetFields()\n}\n\nconst clearValidate = async (nameList?: NamePath[]) => {\n  await formRef.value.clearValidate(nameList)\n}\n\nconst scrollToField = async (name: NamePath, options?: ScrollOptions) => {\n  await formRef.value.scrollToField(name, options)\n}\n\nconst getBindValue = (item: FormColumn) => {\n  const obj = { ...item }\n  return omit(obj, ['label'])\n}\n\nconst getFormItemClass = (item = {} as FormColumn) => {\n  if (props.formOptions.layout === 'horizontal') {\n    if (item?.labelCol) {\n      return item.labelCol.span && item.labelCol.span >= 24\n        ? bem.is('label-top')\n        : bem.is('label-left')\n    } else {\n      return bem.is('label-left')\n    }\n  }\n  return bem.is('label-top')\n}\n\nconst handleChangeField = (item: FormColumn) => {\n  emits('change', { item, value: formData[item.key], formData })\n}\n\nwatch(\n  () => props.formData,\n  async val => {\n    for (const i in val) {\n      formData[i] = val[i]\n    }\n  },\n  {\n    deep: true,\n    immediate: true\n  }\n)\n\nonMounted(async () => {\n  await nextTick()\n  if (props.autoFocus) {\n    for (const element of formComponents.value) {\n      const item = element?.getItem()\n      if (['input', 'textarea', 'input-number'].includes(item.type)) {\n        element?.focus()\n        break\n      }\n    }\n  }\n})\n\ndefineExpose({\n  validate,\n  resetFields,\n  clearValidate,\n  scrollToField\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AA4FA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAEd,IAAM,MAAA,GAAA,GAAM,gBAAgB,MAAM,CAAA,CAAA;AAElC,IAAM,MAAA,QAAA,GAAW,QAAS,CAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AAExC,IAAA,MAAM,UAAU,GAAI,EAAA,CAAA;AAEpB,IAAA,MAAM,cAAiB,GAAA,GAAA;AAAA,MACrB,EAAC;AAAA,KACH,CAAA;AAEA,IAAM,MAAA,mBAAA,GAAsB,SAAS,MAAM;AACzC,MAAM,MAAA,WAAA,GAAc,SAAU,CAAA,KAAA,CAAM,WAAW,CAAA,CAAA;AAC/C,MAAO,OAAA,WAAA,CAAY,IAAI,CAAK,CAAA,KAAA;AAC1B,QAAA,CAAA,CAAE,WAAW,GAAI,CAAA,CAAA,EAAG,UAAU,CAAI,GAAA,CAAA,CAAE,WAAW,KAAM,CAAA,QAAA,CAAA;AACrD,QAAA,IAAI,CAAE,CAAA,QAAA,IAAY,CAAE,CAAA,QAAA,CAAS,MAAQ,EAAA;AACnC,UAAE,CAAA,CAAA,QAAA,CAAS,IAAI,CAAK,CAAA,KAAA;AAClB,YAAA,CAAA,CAAE,WAAW,GAAI,CAAA,CAAA,EAAG,UAAU,CAAI,GAAA,CAAA,CAAE,WAAW,KAAM,CAAA,QAAA,CAAA;AACrD,YAAO,OAAA,CAAA,CAAA;AAAA,WACR,CAAA,CAAA;AAAA,SACH;AACA,QAAO,OAAA,CAAA,CAAA;AAAA,OACR,CAAA,CAAA;AAAA,KACF,CAAA,CAAA;AAED,IAAM,MAAA,cAAA,GAAiB,SAAS,MAAM;AACpC,MAAA,OAAO,MAAM,WACV,CAAA,MAAA,CAAO,CAAK,CAAA,KAAA,CAAA,CAAE,YAAa,GAAI,CAAA,CAAA,EAAG,OAAO,CAAA,IAAK,EAAE,KAAM,CAAA,MAAA,GAAS,CAAE,CAAA,CACjE,IAAI,CAAK,CAAA,KAAA;AACR,QAAA,OAAO,CAAE,CAAA,GAAA,CAAA;AAAA,OACV,CAAA,CAAA;AAAA,KACJ,CAAA,CAAA;AAED,IAAM,MAAA,mBAAA,GAAsB,SAAS,MAAM;AACzC,MAAO,OAAA;AAAA,QACL,kBAAA,EAAoB,CAAC,KAAM,CAAA,iBAAA;AAAA,QAC3B,GAAG,KAAM,CAAA,WAAA;AAAA,OACX,CAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAA,MAAM,KAAK,GAAI,CAAA,CAAA,QAAA,EAAW,iBAAK,IAAA,IAAA,EAAM,CAAE,CAAA,CAAA,CAAA;AAEvC,IAAA,MAAM,WAAW,YAAY;AAC3B,MAAA,IAAI,MAAM,iBAAmB,EAAA;AAC3B,QAAc,aAAA,EAAA,CAAA;AACd,QAAI,IAAA,CAAC,eAAe,KAAM,CAAA,MAAA;AAAQ,UAAA,OAAO,QAAQ,OAAQ,EAAA,CAAA;AACzD,QAAW,KAAA,MAAA,CAAA,IAAK,eAAe,KAAO,EAAA;AACpC,UAAI,IAAA;AACF,YAAA,MAAM,OAAQ,CAAA,KAAA,CAAM,cAAe,CAAA,CAAC,CAAC,CAAC,CAAA,CAAA;AAAA,mBAC/B,KAAO,EAAA;AACd,YAAO,OAAA,OAAA,CAAQ,OAAO,KAAK,CAAA,CAAA;AAAA,WAC7B;AAAA,SACF;AACA,QAAA,OAAO,QAAQ,OAAQ,EAAA,CAAA;AAAA,OAClB,MAAA;AACL,QAAI,IAAA;AACF,UAAA,MAAM,OAAQ,CAAA,KAAA,CAAM,cAAe,CAAA,cAAA,CAAe,KAAK,CAAA,CAAA;AACvD,UAAA,OAAO,QAAQ,OAAQ,EAAA,CAAA;AAAA,iBAChB,KAAO,EAAA;AACd,UAAO,OAAA,OAAA,CAAQ,OAAO,KAAK,CAAA,CAAA;AAAA,SAC7B;AAAA,OACF;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,cAAc,YAAY;AAC9B,MAAM,MAAA,OAAA,CAAQ,MAAM,WAAY,EAAA,CAAA;AAAA,KAClC,CAAA;AAEA,IAAM,MAAA,aAAA,GAAgB,OAAO,QAA0B,KAAA;AACrD,MAAM,MAAA,OAAA,CAAQ,KAAM,CAAA,aAAA,CAAc,QAAQ,CAAA,CAAA;AAAA,KAC5C,CAAA;AAEA,IAAM,MAAA,aAAA,GAAgB,OAAO,IAAA,EAAgB,OAA4B,KAAA;AACvE,MAAA,MAAM,OAAQ,CAAA,KAAA,CAAM,aAAc,CAAA,IAAA,EAAM,OAAO,CAAA,CAAA;AAAA,KACjD,CAAA;AAEA,IAAM,MAAA,YAAA,GAAe,CAAC,IAAqB,KAAA;AACzC,MAAM,MAAA,GAAA,GAAM,EAAE,GAAG,IAAK,EAAA,CAAA;AACtB,MAAA,OAAO,IAAK,CAAA,GAAA,EAAK,CAAC,OAAO,CAAC,CAAA,CAAA;AAAA,KAC5B,CAAA;AAEA,IAAA,MAAM,gBAAmB,GAAA,CAAC,IAAO,GAAA,EAAqB,KAAA;AACpD,MAAI,IAAA,KAAA,CAAM,WAAY,CAAA,MAAA,KAAW,YAAc,EAAA;AAC7C,QAAA,IAAI,MAAM,QAAU,EAAA;AAClB,UAAA,OAAO,IAAK,CAAA,QAAA,CAAS,IAAQ,IAAA,IAAA,CAAK,QAAS,CAAA,IAAA,IAAQ,EAC/C,GAAA,GAAA,CAAI,EAAG,CAAA,WAAW,CAClB,GAAA,GAAA,CAAI,GAAG,YAAY,CAAA,CAAA;AAAA,SAClB,MAAA;AACL,UAAO,OAAA,GAAA,CAAI,GAAG,YAAY,CAAA,CAAA;AAAA,SAC5B;AAAA,OACF;AACA,MAAO,OAAA,GAAA,CAAI,GAAG,WAAW,CAAA,CAAA;AAAA,KAC3B,CAAA;AAEA,IAAM,MAAA,iBAAA,GAAoB,CAAC,IAAqB,KAAA;AAC9C,MAAM,KAAA,CAAA,QAAA,EAAU,EAAE,IAAM,EAAA,KAAA,EAAO,SAAS,IAAK,CAAA,GAAG,CAAG,EAAA,QAAA,EAAU,CAAA,CAAA;AAAA,KAC/D,CAAA;AAEA,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,QAAA;AAAA,MACZ,OAAM,GAAO,KAAA;AACX,QAAA,KAAA,MAAW,KAAK,GAAK,EAAA;AACnB,UAAS,QAAA,CAAA,CAAC,CAAI,GAAA,GAAA,CAAI,CAAC,CAAA,CAAA;AAAA,SACrB;AAAA,OACF;AAAA,MACA;AAAA,QACE,IAAM,EAAA,IAAA;AAAA,QACN,SAAW,EAAA,IAAA;AAAA,OACb;AAAA,KACF,CAAA;AAEA,IAAA,SAAA,CAAU,YAAY;AACpB,MAAA,MAAM,QAAS,EAAA,CAAA;AACf,MAAA,IAAI,MAAM,SAAW,EAAA;AACnB,QAAW,KAAA,MAAA,OAAA,IAAW,eAAe,KAAO,EAAA;AAC1C,UAAM,MAAA,IAAA,GAAO,SAAS,OAAQ,EAAA,CAAA;AAC9B,UAAI,IAAA,CAAC,SAAS,UAAY,EAAA,cAAc,EAAE,QAAS,CAAA,IAAA,CAAK,IAAI,CAAG,EAAA;AAC7D,YAAA,OAAA,EAAS,KAAM,EAAA,CAAA;AACf,YAAA,MAAA;AAAA,WACF;AAAA,SACF;AAAA,OACF;AAAA,KACD,CAAA,CAAA;AAED,IAAa,QAAA,CAAA;AAAA,MACX,QAAA;AAAA,MACA,WAAA;AAAA,MACA,aAAA;AAAA,MACA,aAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/packages/components/key-value/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/key-value/index.ts"],"sourcesContent":["import { withInstall } from '@ll-plus/utils'\n\nimport KeyValue from './src/key-value.vue'\n\nexport const LlKeyValue = withInstall(KeyValue)\n\nexport default LlKeyValue\n\nexport * from './src/config'\n\ndeclare module 'vue' {\n  export interface GlobalComponents {\n    LlKeyValue: typeof KeyValue\n  }\n}\n"],"names":[],"mappings":";;;;;;;;AAIa,MAAA,UAAA,GAAa,YAAY,QAAQ;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/key-value/index.ts"],"sourcesContent":["import { withInstall, type SFCWithInstall } from '@ll-plus/utils'\n\nimport KeyValue from './src/key-value.vue'\n\nexport const LlKeyValue: SFCWithInstall<typeof KeyValue> = withInstall(KeyValue)\n\nexport default LlKeyValue\n\nexport * from './src/config'\n\ndeclare module 'vue' {\n  export interface GlobalComponents {\n    LlKeyValue: typeof KeyValue\n  }\n}\n"],"names":[],"mappings":";;;;;;;;AAIa,MAAA,UAAA,GAA8C,YAAY,QAAQ;;;;"}

package/es/packages/components/key-value/src/components/key-value-item.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, useAttrs, ref, computed, watch, nextTick, resolveComponent, openBlock, createBlock, unref, withCtx, createElementBlock, normalizeClass, createVNode, renderSlot, resolveDynamicComponent, mergeProps, createSlots, renderList, createCommentVNode, normalizeStyle, createTextVNode, createElementVNode, normalizeProps, guardReactiveProps } from 'vue';
+import { defineComponent, useAttrs, ref, computed, nextTick, watch, resolveComponent, openBlock, createBlock, unref, withCtx, createElementBlock, normalizeClass, createVNode, renderSlot, resolveDynamicComponent, mergeProps, createSlots, renderList, createCommentVNode, normalizeStyle, createTextVNode, createElementVNode, normalizeProps, guardReactiveProps } from 'vue';
 import { isEmpty } from 'lodash-es';
 import '../../../../utils/index.mjs';
 import '../config/index.mjs';
@@ -19,7 +19,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const attrs = useAttrs();
     const bem = createNamespace("key-value");
     const innerValue = ref(props.value);
-    const form = ref();
+    const formRef = ref();
     const getKeyType = computed(() => {
       const option = props.keyType;
       return option;
@@ -48,16 +48,23 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const handleChange = async () => {
       innerValue.value["value"] = null;
-      await form.value?.clearValidate();
+      await formRef.value?.clearValidate();
     };
     const validate = async () => {
-      return await form.value?.validate();
+      await nextTick();
+      try {
+        await formRef.value?.validate();
+        return Promise.resolve();
+      } catch (error) {
+        console.log({ error }, props.idx);
+        return Promise.reject();
+      }
     };
     const resetFields = async () => {
-      return await form.value?.resetFields();
+      await formRef.value?.resetFields();
     };
     const clearValidate = async (namePath) => {
-      return await form.value?.clearValidate(namePath);
+      await formRef.value?.clearValidate(namePath);
     };
     watch(
       innerValue,
@@ -88,8 +95,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_a_popconfirm = resolveComponent("a-popconfirm");
       const _component_ll_form = resolveComponent("ll-form");
       return openBlock(), createBlock(_component_ll_form, {
-        ref_key: "form",
-        ref: form,
+        ref_key: "formRef",
+        ref: formRef,
         "form-columns": unref(formColumns),
         "form-data": props.value,
         "form-options": unref(formOptions)
@@ -190,7 +197,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                     name: "value"
                   }, {
                     default: withCtx(() => [
-                      renderSlot(_ctx.$slots, "value-warapper", normalizeProps(guardReactiveProps(getValueType.value)), () => [
+                      renderSlot(_ctx.$slots, "value-wrapper", normalizeProps(guardReactiveProps(getValueType.value)), () => [
                         (openBlock(), createBlock(resolveDynamicComponent(`ll-${getValueType.value.type}`), mergeProps({
                           value: innerValue.value["value"],
                           "onUpdate:value": _cache[2] || (_cache[2] = ($event) => innerValue.value["value"] = $event),

package/es/packages/components/key-value/src/components/key-value-item.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"key-value-item.vue2.mjs","sources":["../../../../../../../packages/components/key-value/src/components/key-value-item.vue"],"sourcesContent":["<template>\n  <ll-form\n    ref=\"form\"\n    :form-columns=\"formColumns\"\n    :form-data=\"props.value\"\n    :form-options=\"formOptions\"\n  >\n    <template #formItem=\"{ item }\">\n      <template v-if=\"item.key === 'other'\">\n        <div :class=\"bem.e('item')\">\n          <div v-if=\"props.keyValueType !== 'single'\" :class=\"bem.m('left')\">\n            <ll-form-item\n              :label=\"attrs['key-label']\"\n              :label-col=\"{\n                span: 24\n              }\"\n              :rules=\"getKeyType.rules || []\"\n              name=\"key\"\n            >\n              <slot name=\"key\">\n                <ll-select\n                  v-if=\"!isEmpty(props.keyTypes)\"\n                  v-model:value=\"innerValue['key']\"\n                  :options=\"props.keyTypes\"\n                  :disabled=\"getKeyDisabled\"\n                  style=\"width: 100%\"\n                  placeholder=\"请选择\"\n                  allow-clear\n                  @change=\"handleChange\"\n                />\n                <component\n                  :is=\"`ll-${getKeyType.type}`\"\n                  v-else\n                  v-model:value=\"innerValue['key']\"\n                  v-bind=\"getKeyType\"\n                  :disabled=\"getKeyDisabled\"\n                  style=\"width: 100%\"\n                >\n                  <template\n                    v-for=\"_item in Object.keys($slots)\"\n                    :key=\"_item\"\n                    #[_item]=\"data\"\n                  >\n                    <slot\n                      :name=\"_item\"\n                      v-bind=\"data || {}\"\n                      content=\"key\"\n                    ></slot>\n                  </template>\n                </component>\n              </slot>\n            </ll-form-item>\n          </div>\n\n          <div\n            v-if=\"props.keyValueType !== 'single'\"\n            :class=\"bem.m('separator')\"\n            :style=\"{\n              'margin-top':\n                !!attrs['key-label'] || !!attrs['value-label'] ? '26px' : '0px'\n            }\"\n          >\n            <slot name=\"separator\">~</slot>\n          </div>\n\n          <div :class=\"bem.m('right')\">\n            <ll-form-item\n              :label=\"attrs['value-label']\"\n              :label-col=\"{\n                span: 24\n              }\"\n              :rules=\"getValueType.rules || []\"\n              name=\"value\"\n            >\n              <slot name=\"value-warapper\" v-bind=\"getValueType\">\n                <component\n                  :is=\"`ll-${getValueType.type}`\"\n                  v-model:value=\"innerValue['value']\"\n                  :disabled=\"getValueDisabled\"\n                  style=\"width: 100%\"\n                  v-bind=\"getValueType\"\n                >\n                  <template\n                    v-for=\"_item in Object.keys($slots)\"\n                    :key=\"_item\"\n                    #[_item]=\"data\"\n                  >\n                    <slot\n                      :name=\"_item\"\n                      v-bind=\"data || {}\"\n                      content=\"value\"\n                    ></slot>\n                  </template>\n                </component>\n              </slot>\n            </ll-form-item>\n          </div>\n          <template v-if=\"hasValue\">\n            <a-popconfirm\n              title=\"确定要移除吗?\"\n              ok-text=\"确认\"\n              cancel-text=\"取消\"\n              placement=\"topRight\"\n              :overlay-class-name=\"bem.m('popconfirm')\"\n              :get-popup-container=\"(trigger: Element) => trigger.parentNode\"\n              destroy-tooltip-on-hide\n              @confirm=\"handleDelete\"\n            >\n              <div\n                :class=\"bem.m('delete')\"\n                :style=\"{\n                  'margin-top':\n                    !!attrs['key-label'] || !!attrs['value-label']\n                      ? '26px'\n                      : '0px'\n                }\"\n              >\n                <ll-button type=\"link\" :disabled=\"getDeleteDisabled\">\n                  <slot name=\"delete-icon\">\n                    <ll-icon icon-name=\"icon-remove\" class=\"delete\" />\n                  </slot>\n                </ll-button>\n              </div>\n            </a-popconfirm>\n          </template>\n          <div\n            v-else\n            :class=\"bem.m('delete')\"\n            :style=\"{\n              'margin-top':\n                !!attrs['key-label'] || !!attrs['value-label'] ? '26px' : '0px'\n            }\"\n          >\n            <ll-button\n              type=\"link\"\n              :disabled=\"getDeleteDisabled\"\n              @click=\"handleDelete\"\n            >\n              <slot name=\"delete-icon\">\n                <ll-icon icon-name=\"icon-remove\" class=\"delete\" />\n              </slot>\n            </ll-button>\n          </div>\n        </div>\n      </template>\n    </template>\n  </ll-form>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, useAttrs, watch, nextTick } from 'vue'\nimport { isEmpty } from 'lodash-es'\nimport { createNamespace } from '@ll-plus/utils'\nimport type { FormInstance } from '@ll-plus/components'\nimport {\n  keyValueItemProps,\n  keyValueItemEmits,\n  formColumns,\n  formOptions\n} from '../config'\nimport { type FormColumn } from '@ll-plus/components'\nimport type { NamePath } from 'ant-design-vue/es/form/interface'\n\ndefineOptions({\n  name: 'LlKeyValueItem'\n})\n\nconst props = defineProps(keyValueItemProps)\nconst emits = defineEmits(keyValueItemEmits)\n\nconst attrs = useAttrs()\nconst bem = createNamespace('key-value')\nconst innerValue = ref(props.value)\n\nconst form = ref<FormInstance | null>()\n\nconst getKeyType = computed<FormColumn>(() => {\n  const option = props.keyType\n  return option\n})\nconst getValueType = computed<FormColumn>(() => {\n  let option = props.valueType\n  if (innerValue.value['key'] && !isEmpty(props.keyValueTypeDict)) {\n    option = props.keyValueTypeDict[innerValue.value['key']]\n  }\n  return option\n})\n\nconst getKeyDisabled = computed(() => {\n  return (\n    props.disabledKey?.includes(props.idx) ||\n    props.disabled ||\n    getKeyType.value?.disabled\n  )\n})\n\nconst getValueDisabled = computed(() => {\n  return (\n    props.disabledValue?.includes(props.idx) ||\n    props.disabled ||\n    getValueType.value?.disabled\n  )\n})\n\nconst hasValue = computed(() => {\n  return (\n    innerValue.value['key'] ||\n    innerValue.value['key'] === 0 ||\n    innerValue.value['value']\n  )\n})\n\nconst getDeleteDisabled = computed(() => {\n  return (\n    props.disabledDelete?.includes(props.idx) ||\n    props.disabled ||\n    (props.values.length === 1 && !hasValue.value)\n  )\n})\n\nconst handleDelete = () => {\n  emits('delete')\n}\n\nconst handleChange = async () => {\n  innerValue.value['value'] = null\n  await form.value?.clearValidate()\n}\n\nconst validate = async () => {\n  return await form.value?.validate()\n}\n\nconst resetFields = async () => {\n  return await form.value?.resetFields()\n}\nconst clearValidate = async (namePath?: NamePath[]) => {\n  return await form.value?.clearValidate(namePath)\n}\n\nwatch(\n  innerValue,\n  async val => {\n    await nextTick().then(() => {\n      try {\n        emits('update:value', val)\n        emits('change')\n      } catch (error) {\n        console.error(error)\n      }\n    })\n  },\n  {\n    deep: true\n  }\n)\n\ndefineExpose({\n  validate,\n  resetFields,\n  clearValidate\n})\n</script>\n\n<style scoped></style>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"key-value-item.vue2.mjs","sources":["../../../../../../../packages/components/key-value/src/components/key-value-item.vue"],"sourcesContent":["<template>\n  <ll-form\n    ref=\"formRef\"\n    :form-columns=\"formColumns\"\n    :form-data=\"props.value\"\n    :form-options=\"formOptions\"\n  >\n    <template #formItem=\"{ item }\">\n      <template v-if=\"item.key === 'other'\">\n        <div :class=\"bem.e('item')\">\n          <div v-if=\"props.keyValueType !== 'single'\" :class=\"bem.m('left')\">\n            <ll-form-item\n              :label=\"attrs['key-label']\"\n              :label-col=\"{\n                span: 24\n              }\"\n              :rules=\"getKeyType.rules || []\"\n              name=\"key\"\n            >\n              <slot name=\"key\">\n                <ll-select\n                  v-if=\"!isEmpty(props.keyTypes)\"\n                  v-model:value=\"innerValue['key']\"\n                  :options=\"props.keyTypes\"\n                  :disabled=\"getKeyDisabled\"\n                  style=\"width: 100%\"\n                  placeholder=\"请选择\"\n                  allow-clear\n                  @change=\"handleChange\"\n                />\n                <component\n                  :is=\"`ll-${getKeyType.type}`\"\n                  v-else\n                  v-model:value=\"innerValue['key']\"\n                  v-bind=\"getKeyType\"\n                  :disabled=\"getKeyDisabled\"\n                  style=\"width: 100%\"\n                >\n                  <template\n                    v-for=\"_item in Object.keys($slots)\"\n                    :key=\"_item\"\n                    #[_item]=\"data\"\n                  >\n                    <slot\n                      :name=\"_item\"\n                      v-bind=\"data || {}\"\n                      content=\"key\"\n                    ></slot>\n                  </template>\n                </component>\n              </slot>\n            </ll-form-item>\n          </div>\n\n          <div\n            v-if=\"props.keyValueType !== 'single'\"\n            :class=\"bem.m('separator')\"\n            :style=\"{\n              'margin-top':\n                !!attrs['key-label'] || !!attrs['value-label'] ? '26px' : '0px'\n            }\"\n          >\n            <slot name=\"separator\">~</slot>\n          </div>\n\n          <div :class=\"bem.m('right')\">\n            <ll-form-item\n              :label=\"attrs['value-label']\"\n              :label-col=\"{\n                span: 24\n              }\"\n              :rules=\"getValueType.rules || []\"\n              name=\"value\"\n            >\n              <slot name=\"value-wrapper\" v-bind=\"getValueType\">\n                <component\n                  :is=\"`ll-${getValueType.type}`\"\n                  v-model:value=\"innerValue['value']\"\n                  :disabled=\"getValueDisabled\"\n                  style=\"width: 100%\"\n                  v-bind=\"getValueType\"\n                >\n                  <template\n                    v-for=\"_item in Object.keys($slots)\"\n                    :key=\"_item\"\n                    #[_item]=\"data\"\n                  >\n                    <slot\n                      :name=\"_item\"\n                      v-bind=\"data || {}\"\n                      content=\"value\"\n                    ></slot>\n                  </template>\n                </component>\n              </slot>\n            </ll-form-item>\n          </div>\n          <template v-if=\"hasValue\">\n            <a-popconfirm\n              title=\"确定要移除吗?\"\n              ok-text=\"确认\"\n              cancel-text=\"取消\"\n              placement=\"topRight\"\n              :overlay-class-name=\"bem.m('popconfirm')\"\n              :get-popup-container=\"(trigger: Element) => trigger.parentNode\"\n              destroy-tooltip-on-hide\n              @confirm=\"handleDelete\"\n            >\n              <div\n                :class=\"bem.m('delete')\"\n                :style=\"{\n                  'margin-top':\n                    !!attrs['key-label'] || !!attrs['value-label']\n                      ? '26px'\n                      : '0px'\n                }\"\n              >\n                <ll-button type=\"link\" :disabled=\"getDeleteDisabled\">\n                  <slot name=\"delete-icon\">\n                    <ll-icon icon-name=\"icon-remove\" class=\"delete\" />\n                  </slot>\n                </ll-button>\n              </div>\n            </a-popconfirm>\n          </template>\n          <div\n            v-else\n            :class=\"bem.m('delete')\"\n            :style=\"{\n              'margin-top':\n                !!attrs['key-label'] || !!attrs['value-label'] ? '26px' : '0px'\n            }\"\n          >\n            <ll-button\n              type=\"link\"\n              :disabled=\"getDeleteDisabled\"\n              @click=\"handleDelete\"\n            >\n              <slot name=\"delete-icon\">\n                <ll-icon icon-name=\"icon-remove\" class=\"delete\" />\n              </slot>\n            </ll-button>\n          </div>\n        </div>\n      </template>\n    </template>\n  </ll-form>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, useAttrs, watch, nextTick } from 'vue'\nimport { isEmpty } from 'lodash-es'\nimport { createNamespace } from '@ll-plus/utils'\nimport type { FormInstance } from '@ll-plus/components'\nimport {\n  keyValueItemProps,\n  keyValueItemEmits,\n  formColumns,\n  formOptions\n} from '../config'\nimport { type FormColumn } from '@ll-plus/components'\nimport type { NamePath } from 'ant-design-vue/es/form/interface'\n\ndefineOptions({\n  name: 'LlKeyValueItem'\n})\n\nconst props = defineProps(keyValueItemProps)\nconst emits = defineEmits(keyValueItemEmits)\n\nconst attrs = useAttrs()\nconst bem = createNamespace('key-value')\nconst innerValue = ref(props.value)\n\nconst formRef = ref<FormInstance | null>()\n\nconst getKeyType = computed<FormColumn>(() => {\n  const option = props.keyType\n  return option\n})\nconst getValueType = computed<FormColumn>(() => {\n  let option = props.valueType\n  if (innerValue.value['key'] && !isEmpty(props.keyValueTypeDict)) {\n    option = props.keyValueTypeDict[innerValue.value['key']]\n  }\n  return option\n})\n\nconst getKeyDisabled = computed(() => {\n  return (\n    props.disabledKey?.includes(props.idx) ||\n    props.disabled ||\n    getKeyType.value?.disabled\n  )\n})\n\nconst getValueDisabled = computed(() => {\n  return (\n    props.disabledValue?.includes(props.idx) ||\n    props.disabled ||\n    getValueType.value?.disabled\n  )\n})\n\nconst hasValue = computed(() => {\n  return (\n    innerValue.value['key'] ||\n    innerValue.value['key'] === 0 ||\n    innerValue.value['value']\n  )\n})\n\nconst getDeleteDisabled = computed(() => {\n  return (\n    props.disabledDelete?.includes(props.idx) ||\n    props.disabled ||\n    (props.values.length === 1 && !hasValue.value)\n  )\n})\n\nconst handleDelete = () => {\n  emits('delete')\n}\n\nconst handleChange = async () => {\n  innerValue.value['value'] = null\n  await formRef.value?.clearValidate()\n}\n\nconst validate = async () => {\n  await nextTick()\n  try {\n    await formRef.value?.validate()\n    return Promise.resolve()\n  } catch (error) {\n    console.log({ error }, props.idx)\n    return Promise.reject()\n  }\n}\n\nconst resetFields = async () => {\n  await formRef.value?.resetFields()\n}\n\nconst clearValidate = async (namePath?: NamePath[]) => {\n  await formRef.value?.clearValidate(namePath)\n}\n\nwatch(\n  innerValue,\n  async val => {\n    await nextTick().then(() => {\n      try {\n        emits('update:value', val)\n        emits('change')\n      } catch (error) {\n        console.error(error)\n      }\n    })\n  },\n  {\n    deep: true\n  }\n)\n\ndefineExpose({\n  validate,\n  resetFields,\n  clearValidate\n})\n</script>\n\n<style scoped></style>\n"],"names":[],"mappings":"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"}

package/es/packages/components/key-value/src/config/key-value-item.mjs

@@ -29,43 +29,59 @@ const formColumns = [
 ];
 const keyValueItemProps = buildProps({
   disabled: {
-    type: Boolean
+    type: Boolean,
+    default: false
   },
   values: {
     type: definePropType(Array),
     default: () => [
       {
         key: null,
-        value: null
+        value: null,
+        guid: ""
       }
     ]
   },
   disabledValue: {
-    type: definePropType(Array)
+    type: definePropType(Array),
+    default: () => []
   },
   disabledKey: {
-    type: definePropType(Array)
+    type: definePropType(Array),
+    default: () => []
   },
   disabledDelete: {
-    type: definePropType(Array)
+    type: definePropType(Array),
+    default: () => []
   },
   keyValueType: {
-    type: definePropType(String)
+    type: definePropType(String),
+    default: "doubt"
   },
   keyType: {
-    type: definePropType(Object)
+    type: definePropType(Object),
+    default: () => ({
+      type: "input",
+      placeholder: "\u8BF7\u8F93\u5165Key"
+    })
   },
   keyTypes: {
-    type: definePropType(Array)
+    type: definePropType(Array),
+    default: () => []
   },
   valueType: {
-    type: definePropType(Object)
+    type: definePropType(Object),
+    default: () => ({
+      type: "input",
+      placeholder: "\u8BF7\u8F93\u5165Value"
+    })
   },
   value: {
     type: definePropType(Object),
     default: () => ({
       key: "",
-      value: ""
+      value: "",
+      guid: ""
     })
   },
   idx: {

package/es/packages/components/key-value/src/config/key-value-item.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"key-value-item.mjs","sources":["../../../../../../../packages/components/key-value/src/config/key-value-item.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\nimport type { FormProps } from 'ant-design-vue'\nimport type { FormColumn } from '@ll-plus/components'\nimport type { KeyType } from './'\n\nexport const typeRules = [\n  {\n    trigger: ['blur', 'change'],\n    message: '此字段是必需的',\n    validator: async (_rule: any, value: any) => {\n      if (!value) {\n        return Promise.reject(new Error('此字段是必需的'))\n      } else {\n        return Promise.resolve()\n      }\n    }\n  }\n]\nexport const formOptions = {\n  layout: 'horizontal',\n  labelAlign: 'left'\n} as FormProps\n\nexport const formColumns = [\n  {\n    key: 'other',\n    labelCol: {\n      span: 24\n    }\n  }\n]\n\nexport interface KeyValueItem {\n  key: any | null\n  value: any | null\n}\n\nexport const keyValueItemProps = buildProps({\n  disabled: {\n    type: Boolean\n  },\n  values: {\n    type: definePropType<KeyValueItem[]>(Array),\n    default: () => [\n      {\n        key: null,\n        value: null\n      }\n    ]\n  },\n  disabledValue: {\n    type: definePropType<number[]>(Array)\n  },\n  disabledKey: {\n    type: definePropType<number[]>(Array)\n  },\n  disabledDelete: {\n    type: definePropType<number[]>(Array)\n  },\n  keyValueType: {\n    type: definePropType<'single' | 'doubt'>(String)\n  },\n  keyType: {\n    type: definePropType<FormColumn>(Object)\n  },\n  keyTypes: {\n    type: definePropType<KeyType[]>(Array)\n  },\n  valueType: {\n    type: definePropType<FormColumn>(Object)\n  },\n  value: {\n    type: definePropType<KeyValueItem>(Object),\n    default: () => ({\n      key: '',\n      value: ''\n    })\n  },\n  idx: {\n    type: Number,\n    required: true\n  },\n  keyValueTypeDict: {\n    type: Object,\n    default: () => ({})\n  },\n  keepLast: {\n    type: Boolean,\n    default: false\n  }\n} as const)\n\nexport const keyValueItemEmits = {\n  delete: () => true,\n  change: () => true,\n  'update:value': (value: KeyValueItem) => !!value\n}\n"],"names":[],"mappings":";;;;AAKO,MAAM,SAAY,GAAA;AAAA,EACvB;AAAA,IACE,OAAA,EAAS,CAAC,MAAA,EAAQ,QAAQ,CAAA;AAAA,IAC1B,OAAS,EAAA,4CAAA;AAAA,IACT,SAAA,EAAW,OAAO,KAAA,EAAY,KAAe,KAAA;AAC3C,MAAA,IAAI,CAAC,KAAO,EAAA;AACV,QAAA,OAAO,OAAQ,CAAA,MAAA,CAAO,IAAI,KAAA,CAAM,4CAAS,CAAC,CAAA,CAAA;AAAA,OACrC,MAAA;AACL,QAAA,OAAO,QAAQ,OAAQ,EAAA,CAAA;AAAA,OACzB;AAAA,KACF;AAAA,GACF;AACF,EAAA;AACO,MAAM,WAAc,GAAA;AAAA,EACzB,MAAQ,EAAA,YAAA;AAAA,EACR,UAAY,EAAA,MAAA;AACd,EAAA;AAEO,MAAM,WAAc,GAAA;AAAA,EACzB;AAAA,IACE,GAAK,EAAA,OAAA;AAAA,IACL,QAAU,EAAA;AAAA,MACR,IAAM,EAAA,EAAA;AAAA,KACR;AAAA,GACF;AACF,EAAA;AAOO,MAAM,oBAAoB,UAAW,CAAA;AAAA,EAC1C,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,GACR;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAA,EAAM,eAA+B,KAAK,CAAA;AAAA,IAC1C,SAAS,MAAM;AAAA,MACb;AAAA,QACE,GAAK,EAAA,IAAA;AAAA,QACL,KAAO,EAAA,IAAA;AAAA,OACT;AAAA,KACF;AAAA,GACF;AAAA,EACA,aAAe,EAAA;AAAA,IACb,IAAA,EAAM,eAAyB,KAAK,CAAA;AAAA,GACtC;AAAA,EACA,WAAa,EAAA;AAAA,IACX,IAAA,EAAM,eAAyB,KAAK,CAAA;AAAA,GACtC;AAAA,EACA,cAAgB,EAAA;AAAA,IACd,IAAA,EAAM,eAAyB,KAAK,CAAA;AAAA,GACtC;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,IAAA,EAAM,eAAmC,MAAM,CAAA;AAAA,GACjD;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAA,EAAM,eAA2B,MAAM,CAAA;AAAA,GACzC;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAA,EAAM,eAA0B,KAAK,CAAA;AAAA,GACvC;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAA,EAAM,eAA2B,MAAM,CAAA;AAAA,GACzC;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAA,EAAM,eAA6B,MAAM,CAAA;AAAA,IACzC,SAAS,OAAO;AAAA,MACd,GAAK,EAAA,EAAA;AAAA,MACL,KAAO,EAAA,EAAA;AAAA,KACT,CAAA;AAAA,GACF;AAAA,EACA,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,gBAAkB,EAAA;AAAA,IAChB,IAAM,EAAA,MAAA;AAAA,IACN,OAAA,EAAS,OAAO,EAAC,CAAA;AAAA,GACnB;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AACF,CAAU,EAAA;AAEH,MAAM,iBAAoB,GAAA;AAAA,EAC/B,QAAQ,MAAM,IAAA;AAAA,EACd,QAAQ,MAAM,IAAA;AAAA,EACd,cAAgB,EAAA,CAAC,KAAwB,KAAA,CAAC,CAAC,KAAA;AAC7C;;;;"}
+{"version":3,"file":"key-value-item.mjs","sources":["../../../../../../../packages/components/key-value/src/config/key-value-item.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\nimport type { FormProps } from 'ant-design-vue'\nimport type { FormColumn } from '@ll-plus/components'\nimport type { IKeyType, IKeyValueItem } from './key-value'\n\n// 定义 typeRules 常量\nexport const typeRules: Array<{\n  trigger: string[]\n  message: string\n  validator: (_rule: any, value: any) => Promise<void>\n}> = [\n  {\n    trigger: ['blur', 'change'],\n    message: '此字段是必需的',\n    validator: async (_rule: any, value: any): Promise<void> => {\n      if (!value) {\n        return Promise.reject(new Error('此字段是必需的'))\n      } else {\n        return Promise.resolve()\n      }\n    }\n  }\n]\n\n// 定义 formOptions 常量\nexport const formOptions: FormProps = {\n  layout: 'horizontal',\n  labelAlign: 'left'\n}\n\n// 定义 formColumns 常量\nexport const formColumns: Array<{\n  key: string\n  labelCol: {\n    span: number\n  }\n}> = [\n  {\n    key: 'other',\n    labelCol: {\n      span: 24\n    }\n  }\n]\n\n// 定义 keyValueItemProps 常量\nexport const keyValueItemProps = buildProps({\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  values: {\n    type: definePropType<IKeyValueItem[]>(Array),\n    default: (): IKeyValueItem[] => [\n      {\n        key: null,\n        value: null,\n        guid: ''\n      }\n    ]\n  },\n  disabledValue: {\n    type: definePropType<number[]>(Array),\n    default: (): number[] => []\n  },\n  disabledKey: {\n    type: definePropType<number[]>(Array),\n    default: (): number[] => []\n  },\n  disabledDelete: {\n    type: definePropType<number[]>(Array),\n    default: (): number[] => []\n  },\n  keyValueType: {\n    type: definePropType<'single' | 'doubt'>(String),\n    default: 'doubt'\n  },\n  keyType: {\n    type: definePropType<FormColumn>(Object),\n    default: (): FormColumn => ({\n      type: 'input',\n      placeholder: '请输入Key'\n    })\n  },\n  keyTypes: {\n    type: definePropType<IKeyType[]>(Array),\n    default: (): IKeyType[] => []\n  },\n  valueType: {\n    type: definePropType<FormColumn>(Object),\n    default: (): FormColumn => ({\n      type: 'input',\n      placeholder: '请输入Value'\n    })\n  },\n  value: {\n    type: definePropType<IKeyValueItem>(Object),\n    default: (): IKeyValueItem => ({\n      key: '',\n      value: '',\n      guid: ''\n    })\n  },\n  idx: {\n    type: Number,\n    required: true\n  },\n  keyValueTypeDict: {\n    type: Object as () => Record<string, string>,\n    default: (): Record<string, string> => ({})\n  },\n  keepLast: {\n    type: Boolean,\n    default: false\n  }\n} as const)\n\n// 定义 keyValueItemEmits 常量\nexport const keyValueItemEmits = {\n  delete: (): boolean => true,\n  change: (): boolean => true,\n  'update:value': (value: IKeyValueItem): boolean => !!value\n}\n"],"names":[],"mappings":"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"}

package/es/packages/components/key-value/src/config/key-value.mjs

@@ -1,10 +1,12 @@
 import '../../../../utils/index.mjs';
+import { guid } from '../../../../utils/data.mjs';
 import { buildProps, definePropType } from '../../../../utils/props/runtime.mjs';
 
 "use strict";
 const getKeyValueItem = () => ({
   key: null,
-  value: null
+  value: null,
+  guid: guid()
 });
 const keyValueProps = buildProps({
   value: {

package/es/packages/components/key-value/src/config/key-value.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"key-value.mjs","sources":["../../../../../../../packages/components/key-value/src/config/key-value.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport { type FormColumn } from '@ll-plus/components'\nimport type { KeyValueItem } from './key-value-item'\nimport type KeyValue from '../key-value.vue'\n\nexport interface KeyType {\n  label: string\n  value: string\n  option: FormColumn\n}\n\ntype KeyValueType = 'single' | 'doubt'\n\nexport const getKeyValueItem = () => ({\n  key: null,\n  value: null\n})\n\nexport const keyValueProps = buildProps({\n  value: {\n    type: definePropType<KeyValueItem[]>(Array),\n    default: () => [{ key: null, value: null }]\n  },\n  loading: {\n    type: Boolean,\n    default: false\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  keyLabel: {\n    type: String,\n    default: ''\n  },\n  valueLabel: {\n    type: String,\n    default: ''\n  },\n  addText: {\n    type: String,\n    default: '添加'\n  },\n  keyValueType: {\n    type: definePropType<KeyValueType>(String),\n    default: 'doubt'\n  },\n  keyType: {\n    type: definePropType<FormColumn>(Object),\n    default: () => ({\n      type: 'input',\n      placeholder: '请输入Key'\n    })\n  },\n  keyTypes: {\n    type: definePropType<KeyType[]>(Array),\n    default: () => []\n  },\n  valueType: {\n    type: definePropType<FormColumn>(Object),\n    default: () => ({\n      type: 'input',\n      placeholder: '请输入Value'\n    })\n  },\n  disabledValue: {\n    type: definePropType<number[]>(Array),\n    default: () => []\n  },\n  disabledKey: {\n    type: definePropType<number[]>(Array),\n    default: () => []\n  },\n  disabledDelete: {\n    type: definePropType<number[]>(Array),\n    default: () => []\n  },\n  disabledAdd: {\n    type: Boolean,\n    default: false\n  },\n  validate: {\n    type: Boolean,\n    default: false\n  },\n  keepLast: {\n    type: Boolean,\n    default: true\n  }\n} as const)\n\nexport interface KeyValueAddEmits {\n  index: number\n  item: KeyValueItem\n  value: KeyValueItem[]\n}\n\nexport const keyValueEmits = {\n  change: (value: KeyValueItem[]) => !!value,\n  add: (params: KeyValueAddEmits) => !!params,\n  delete: (index: number) => typeof index === 'number',\n  'update:value': (value: KeyValueItem[]) => !!value\n}\n\n// props\nexport type KeyValueProps = ExtractPropTypes<typeof keyValueProps>\n// emits\nexport type KeyValueEmits = typeof keyValueEmits\n// instance\nexport type KeyValueInstance = InstanceType<typeof KeyValue>\n"],"names":[],"mappings":";;;;AAeO,MAAM,kBAAkB,OAAO;AAAA,EACpC,GAAK,EAAA,IAAA;AAAA,EACL,KAAO,EAAA,IAAA;AACT,CAAA,EAAA;AAEO,MAAM,gBAAgB,UAAW,CAAA;AAAA,EACtC,KAAO,EAAA;AAAA,IACL,IAAA,EAAM,eAA+B,KAAK,CAAA;AAAA,IAC1C,OAAA,EAAS,MAAM,CAAC,EAAE,KAAK,IAAM,EAAA,KAAA,EAAO,MAAM,CAAA;AAAA,GAC5C;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,cAAA;AAAA,GACX;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,IAAA,EAAM,eAA6B,MAAM,CAAA;AAAA,IACzC,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAA,EAAM,eAA2B,MAAM,CAAA;AAAA,IACvC,SAAS,OAAO;AAAA,MACd,IAAM,EAAA,OAAA;AAAA,MACN,WAAa,EAAA,uBAAA;AAAA,KACf,CAAA;AAAA,GACF;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAA,EAAM,eAA0B,KAAK,CAAA;AAAA,IACrC,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAA,EAAM,eAA2B,MAAM,CAAA;AAAA,IACvC,SAAS,OAAO;AAAA,MACd,IAAM,EAAA,OAAA;AAAA,MACN,WAAa,EAAA,yBAAA;AAAA,KACf,CAAA;AAAA,GACF;AAAA,EACA,aAAe,EAAA;AAAA,IACb,IAAA,EAAM,eAAyB,KAAK,CAAA;AAAA,IACpC,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA,EACA,WAAa,EAAA;AAAA,IACX,IAAA,EAAM,eAAyB,KAAK,CAAA;AAAA,IACpC,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA,EACA,cAAgB,EAAA;AAAA,IACd,IAAA,EAAM,eAAyB,KAAK,CAAA;AAAA,IACpC,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA,EACA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AACF,CAAU,EAAA;AAQH,MAAM,aAAgB,GAAA;AAAA,EAC3B,MAAQ,EAAA,CAAC,KAA0B,KAAA,CAAC,CAAC,KAAA;AAAA,EACrC,GAAK,EAAA,CAAC,MAA6B,KAAA,CAAC,CAAC,MAAA;AAAA,EACrC,MAAQ,EAAA,CAAC,KAAkB,KAAA,OAAO,KAAU,KAAA,QAAA;AAAA,EAC5C,cAAgB,EAAA,CAAC,KAA0B,KAAA,CAAC,CAAC,KAAA;AAC/C;;;;"}
+{"version":3,"file":"key-value.mjs","sources":["../../../../../../../packages/components/key-value/src/config/key-value.ts"],"sourcesContent":["import { buildProps, definePropType, guid } from '@ll-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport { type FormColumn } from '@ll-plus/components'\nimport type KeyValue from '../key-value.vue'\n\n// 定义 IKeyType 接口\nexport interface IKeyType {\n  label: string\n  value: string\n  option: FormColumn\n}\n\n// 定义 IKeyValueReturn 接口\nexport interface IKeyValueReturn {\n  key: any | null\n  value: any | null\n}\n\n// 定义 IKeyValueItem 类型\nexport type IKeyValueItem = IKeyValueReturn & { guid: string }\n\n// 定义 IKeyValueType 类型\ntype IKeyValueType = 'single' | 'doubt'\n\n// 定义 getKeyValueItem 函数\nexport const getKeyValueItem = (): IKeyValueItem => ({\n  key: null,\n  value: null,\n  guid: guid()\n})\n\n// 定义 keyValueProps 常量\nexport const keyValueProps = buildProps({\n  value: {\n    type: definePropType<IKeyValueReturn[]>(Array),\n    default: (): IKeyValueReturn[] => [{ key: null, value: null }]\n  },\n  loading: {\n    type: Boolean,\n    default: false\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  keyLabel: {\n    type: String,\n    default: ''\n  },\n  valueLabel: {\n    type: String,\n    default: ''\n  },\n  addText: {\n    type: String,\n    default: '添加'\n  },\n  keyValueType: {\n    type: definePropType<IKeyValueType>(String),\n    default: 'doubt'\n  },\n  keyType: {\n    type: definePropType<FormColumn>(Object),\n    default: (): FormColumn => ({\n      type: 'input',\n      placeholder: '请输入Key'\n    })\n  },\n  keyTypes: {\n    type: definePropType<IKeyType[]>(Array),\n    default: (): IKeyType[] => []\n  },\n  valueType: {\n    type: definePropType<FormColumn>(Object),\n    default: (): FormColumn => ({\n      type: 'input',\n      placeholder: '请输入Value'\n    })\n  },\n  disabledValue: {\n    type: definePropType<number[]>(Array),\n    default: (): number[] => []\n  },\n  disabledKey: {\n    type: definePropType<number[]>(Array),\n    default: (): number[] => []\n  },\n  disabledDelete: {\n    type: definePropType<number[]>(Array),\n    default: (): number[] => []\n  },\n  disabledAdd: {\n    type: Boolean,\n    default: false\n  },\n  validate: {\n    type: Boolean,\n    default: false\n  },\n  keepLast: {\n    type: Boolean,\n    default: true\n  }\n} as const)\n\n// 定义 IKeyValueAddEmits 接口\nexport interface IKeyValueAddEmits {\n  index: number\n  item: IKeyValueItem\n  value: IKeyValueItem[]\n}\n\n// 定义 keyValueEmits 常量\nexport const keyValueEmits = {\n  change: (value: IKeyValueReturn[]): boolean => !!value,\n  add: (params: IKeyValueAddEmits): boolean => !!params,\n  delete: (index: number): boolean => typeof index === 'number',\n  'update:value': (value: IKeyValueReturn[]): boolean => !!value\n}\n\n// 定义 KeyValueProps 类型\nexport type KeyValueProps = ExtractPropTypes<typeof keyValueProps>\n// 定义 KeyValueEmits 类型\nexport type KeyValueEmits = typeof keyValueEmits\n// 定义 KeyValueInstance 类型\nexport type KeyValueInstance = InstanceType<typeof KeyValue>\n"],"names":[],"mappings":";;;;;AAyBO,MAAM,kBAAkB,OAAsB;AAAA,EACnD,GAAK,EAAA,IAAA;AAAA,EACL,KAAO,EAAA,IAAA;AAAA,EACP,MAAM,IAAK,EAAA;AACb,CAAA,EAAA;AAGO,MAAM,gBAAgB,UAAW,CAAA;AAAA,EACtC,KAAO,EAAA;AAAA,IACL,IAAA,EAAM,eAAkC,KAAK,CAAA;AAAA,IAC7C,OAAA,EAAS,MAAyB,CAAC,EAAE,KAAK,IAAM,EAAA,KAAA,EAAO,MAAM,CAAA;AAAA,GAC/D;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,cAAA;AAAA,GACX;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,IAAA,EAAM,eAA8B,MAAM,CAAA;AAAA,IAC1C,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAA,EAAM,eAA2B,MAAM,CAAA;AAAA,IACvC,SAAS,OAAmB;AAAA,MAC1B,IAAM,EAAA,OAAA;AAAA,MACN,WAAa,EAAA,uBAAA;AAAA,KACf,CAAA;AAAA,GACF;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAA,EAAM,eAA2B,KAAK,CAAA;AAAA,IACtC,OAAA,EAAS,MAAkB,EAAC;AAAA,GAC9B;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAA,EAAM,eAA2B,MAAM,CAAA;AAAA,IACvC,SAAS,OAAmB;AAAA,MAC1B,IAAM,EAAA,OAAA;AAAA,MACN,WAAa,EAAA,yBAAA;AAAA,KACf,CAAA;AAAA,GACF;AAAA,EACA,aAAe,EAAA;AAAA,IACb,IAAA,EAAM,eAAyB,KAAK,CAAA;AAAA,IACpC,OAAA,EAAS,MAAgB,EAAC;AAAA,GAC5B;AAAA,EACA,WAAa,EAAA;AAAA,IACX,IAAA,EAAM,eAAyB,KAAK,CAAA;AAAA,IACpC,OAAA,EAAS,MAAgB,EAAC;AAAA,GAC5B;AAAA,EACA,cAAgB,EAAA;AAAA,IACd,IAAA,EAAM,eAAyB,KAAK,CAAA;AAAA,IACpC,OAAA,EAAS,MAAgB,EAAC;AAAA,GAC5B;AAAA,EACA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AACF,CAAU,EAAA;AAUH,MAAM,aAAgB,GAAA;AAAA,EAC3B,MAAQ,EAAA,CAAC,KAAsC,KAAA,CAAC,CAAC,KAAA;AAAA,EACjD,GAAK,EAAA,CAAC,MAAuC,KAAA,CAAC,CAAC,MAAA;AAAA,EAC/C,MAAQ,EAAA,CAAC,KAA2B,KAAA,OAAO,KAAU,KAAA,QAAA;AAAA,EACrD,cAAgB,EAAA,CAAC,KAAsC,KAAA,CAAC,CAAC,KAAA;AAC3D;;;;"}