ll-plus 2.7.16 → 2.7.17

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

@@ -5,7 +5,7 @@ import './config/index.mjs';
 import keyValueItem from './components/key-value-item.vue.mjs';
 import { keyValueProps, keyValueEmits, getKeyValueItem } from './config/key-value.mjs';
 import { createNamespace } from '../../../utils/create-namespace.mjs';
-import { hasValue, deepCompare } from '../../../utils/data.mjs';
+import { guid, hasValue, deepCompare } from '../../../utils/data.mjs';
 
 "use strict";
 var _sfc_main = /* @__PURE__ */ defineComponent({
@@ -19,38 +19,68 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const bem = createNamespace("key-value");
     const formItemContext = Form.useInjectFormItemContext();
     const innerValue = ref(
-      props.value.length ? props.value : [{ key: null, value: null }]
+      !props.value || props.value && !props.value.length ? [{ key: null, value: null, guid: guid() }] : props.value.map((e) => {
+        return {
+          ...e,
+          guid: guid()
+        };
+      })
     );
-    const keyValueItems = ref([]);
+    const keyValueItems = ref({});
+    const setKeyValueItems = (el, type) => {
+      if (el) {
+        keyValueItems.value[type] = el;
+      }
+    };
     const keyValueTypeDict = computed(() => {
       const obj = {};
-      props.keyTypes.map((e) => {
+      props.keyTypes.forEach((e) => {
         obj[e.value] = e.option;
       });
       return obj;
     });
     const validate = async () => {
       await nextTick();
-      return Promise.all(
-        keyValueItems.value.filter((e) => !!e).map((e) => e.validate())
+      const validationPromises = Object.values(keyValueItems.value).map(
+        async (item) => {
+          try {
+            await item.validate();
+            return { item, valid: true };
+          } catch (error) {
+            console.error("Validation failed for item:", item, error);
+            return { item, valid: false, error };
+          }
+        }
       );
+      const validationResults = await Promise.all(validationPromises);
+      const allValid = validationResults.every((result) => result.valid);
+      const errors = validationResults.filter((result) => !result.valid);
+      if (!allValid) {
+        console.log("Validation errors:", errors);
+        return { valid: false, errors };
+      }
+      return { valid: true };
     };
     const resetFields = async () => {
       await nextTick();
-      return Promise.all(
-        keyValueItems.value.filter((e) => !!e).map((e) => e.resetFields())
-      );
+      for (const i of Object.values(keyValueItems.value)) {
+        if (i) {
+          i.resetFields();
+        }
+      }
     };
     const clearValidate = async () => {
       await nextTick();
-      return Promise.all(
-        keyValueItems.value.filter((e) => !!e).map((e) => e.clearValidate())
-      );
+      for (const i of Object.values(keyValueItems.value)) {
+        if (i) {
+          i.clearValidate();
+        }
+      }
     };
     const handleAddItem = async () => {
-      const valid = await validate();
-      if (props.validate && !valid)
-        return false;
+      const { valid } = await validate();
+      if (!valid)
+        return;
       innerValue.value.push(getKeyValueItem());
       emits("add", {
         index: innerValue.value.length - 1,
@@ -60,25 +90,35 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const handleDelete = (idx) => {
       if (innerValue.value.length === 1) {
-        innerValue.value = [{ key: null, value: null }];
+        innerValue.value = [{ key: null, value: null, guid: guid() }];
       } else {
         innerValue.value.splice(idx, 1);
         emits("delete", idx);
       }
     };
     const getValue = (val) => {
-      return val.filter((e) => hasValue(e.key) || hasValue(e.value));
+      return val.filter((e) => hasValue(e.key) || hasValue(e.value)).map((e) => ({
+        key: e.key,
+        value: e.value
+      }));
     };
     watch(
       () => props.value,
       (n) => {
+        if (!n || n && !n.length)
+          return;
         const copyInnerValue = getValue(innerValue.value);
         const copyPropsValue = getValue(n);
         if (deepCompare(copyInnerValue, copyPropsValue))
           return;
         innerValue.value = [
-          ...n && n.length > 0 ? n : props.keepLast ? [{ key: null, value: null }] : n
-        ];
+          ...n && n.length > 0 ? n : props.keepLast ? [{ key: null, value: null, guid: guid() }] : n
+        ].map((e) => {
+          return {
+            ...e,
+            guid: guid()
+          };
+        });
       },
       {
         immediate: true,
@@ -135,9 +175,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                     null,
                     renderList(innerValue.value, (_item, idx) => {
                       return openBlock(), createBlock(keyValueItem, {
-                        key: _item,
+                        key: _item.guid,
                         ref_for: true,
-                        ref: (el) => keyValueItems.value[idx] = el,
+                        ref: (el) => setKeyValueItems(el, _item.guid),
                         value: innerValue.value[idx],
                         "onUpdate:value": ($event) => innerValue.value[idx] = $event,
                         idx,

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

@@ -1 +1 @@
-{"version":3,"file":"key-value.vue2.mjs","sources":["../../../../../../packages/components/key-value/src/key-value.vue"],"sourcesContent":["<template>\n  <div :class=\"bem.b()\">\n    <a-spin :spinning=\"props.loading\">\n      <div v-if=\"innerValue.length > 0\" :class=\"bem.e('list')\">\n        <key-value-item\n          v-for=\"(_item, idx) in innerValue\"\n          :key=\"_item\"\n          :ref=\"el => (keyValueItems[idx] = el)\"\n          v-model:value=\"innerValue[idx]\"\n          :idx=\"idx\"\n          :key-label=\"props.keyLabel\"\n          :value-label=\"props.valueLabel\"\n          :key-value-type-dict=\"keyValueTypeDict\"\n          :key-value-type=\"props.keyValueType\"\n          :key-type=\"props.keyType\"\n          :key-types=\"props.keyTypes\"\n          :value-type=\"props.valueType\"\n          :values=\"innerValue\"\n          :disabled=\"props.disabled\"\n          :disabled-value=\"props.disabledValue\"\n          :disabled-key=\"props.disabledKey\"\n          :disabled-delete=\"props.disabledDelete\"\n          :keep-last=\"props.keepLast\"\n          @delete=\"handleDelete(idx)\"\n        >\n          <template\n            v-for=\"item in Object.keys($slots)\"\n            :key=\"item\"\n            #[item]=\"data\"\n          >\n            <slot :name=\"item\" v-bind=\"data || {}\" :index=\"idx\"></slot>\n          </template>\n        </key-value-item>\n      </div>\n\n      <ll-button\n        :class=\"bem.e('add')\"\n        :loading=\"loading\"\n        :disabled=\"props.disabled || props.disabledAdd\"\n        @click=\"handleAddItem\"\n      >\n        <div :class=\"bem.e('plus')\">\n          <ll-icon\n            v-if=\"!loading\"\n            icon-name=\"icon-add\"\n            :class=\"bem.e('icon-add')\"\n          />\n          {{ props.addText }}\n        </div>\n      </ll-button>\n    </a-spin>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, nextTick } from 'vue'\nimport { Form } from 'ant-design-vue'\nimport { createNamespace, deepCompare, hasValue } from '@ll-plus/utils'\nimport {\n  keyValueProps,\n  keyValueEmits,\n  getKeyValueItem,\n  type KeyValueItem\n} from './config'\nimport keyValueItem from './components/key-value-item.vue'\n\ndefineOptions({ name: 'LlKeyValue' })\n\nconst props = defineProps(keyValueProps)\nconst emits = defineEmits(keyValueEmits)\nconst bem = createNamespace('key-value')\nconst formItemContext = Form.useInjectFormItemContext()\n\nconst innerValue = ref<KeyValueItem[]>(\n  props.value.length ? props.value : [{ key: null, value: null }]\n)\n\nconst keyValueItems = ref<InstanceType<typeof keyValueItem>[]>([])\n\nconst keyValueTypeDict = computed(() => {\n  const obj = {}\n  props.keyTypes.map(e => {\n    obj[e.value] = e.option\n  })\n  return obj\n})\n\nconst validate = async () => {\n  await nextTick()\n  return Promise.all(\n    keyValueItems.value.filter(e => !!e).map(e => e.validate())\n  )\n}\n\nconst resetFields = async () => {\n  await nextTick()\n  return Promise.all(\n    keyValueItems.value.filter(e => !!e).map(e => e.resetFields())\n  )\n}\n\nconst clearValidate = async () => {\n  await nextTick()\n  return Promise.all(\n    keyValueItems.value.filter(e => !!e).map(e => e.clearValidate())\n  )\n}\n\nconst handleAddItem = async () => {\n  const valid = await validate()\n  if (props.validate && !valid) return false\n  innerValue.value.push(getKeyValueItem())\n  emits('add', {\n    index: innerValue.value.length - 1,\n    item: innerValue.value[innerValue.value.length - 1],\n    value: innerValue.value\n  })\n}\n\nconst handleDelete = (idx: number) => {\n  if (innerValue.value.length === 1) {\n    innerValue.value = [{ key: null, value: null }]\n  } else {\n    innerValue.value.splice(idx, 1)\n    emits('delete', idx)\n  }\n}\n\n// const handleChange = () => {\n//   try {\n//     formItemContext.onFieldChange()\n//     emits('change', innerValue.value)\n//     emits('update:value', innerValue.value)\n//   } catch (error) {\n//     console.error(error)\n//   }\n// }\n\nconst getValue = (val: KeyValueItem[]) => {\n  return val.filter(e => hasValue(e.key) || hasValue(e.value))\n}\n\nwatch(\n  () => props.value,\n  n => {\n    const copyInnerValue = getValue(innerValue.value)\n    const copyPropsValue = getValue(n)\n    if (deepCompare(copyInnerValue, copyPropsValue)) return\n    innerValue.value = [\n      ...(n && n.length > 0\n        ? n\n        : props.keepLast\n        ? [{ key: null, value: null }]\n        : n)\n    ]\n  },\n  {\n    immediate: true,\n    deep: true\n  }\n)\n\nwatch(\n  () => innerValue.value,\n  val => {\n    const copyInnerValue = getValue(val)\n    const copyPropsValue = getValue(props.value)\n    if (deepCompare(copyInnerValue, copyPropsValue)) return\n    try {\n      formItemContext.onFieldChange()\n      emits('change', copyInnerValue)\n      emits('update:value', copyInnerValue)\n    } catch (error) {\n      console.error(error)\n    }\n  },\n  {\n    deep: true\n  }\n)\n\ndefineExpose({\n  validate,\n  resetFields,\n  clearValidate\n})\n</script>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"key-value.vue2.mjs","sources":["../../../../../../packages/components/key-value/src/key-value.vue"],"sourcesContent":["<template>\n  <div :class=\"bem.b()\">\n    <a-spin :spinning=\"props.loading\">\n      <div v-if=\"innerValue.length > 0\" :class=\"bem.e('list')\">\n        <key-value-item\n          v-for=\"(_item, idx) in innerValue\"\n          :key=\"_item.guid\"\n          :ref=\"el => setKeyValueItems(el, _item.guid)\"\n          v-model:value=\"innerValue[idx]\"\n          :idx=\"idx\"\n          :key-label=\"props.keyLabel\"\n          :value-label=\"props.valueLabel\"\n          :key-value-type-dict=\"keyValueTypeDict\"\n          :key-value-type=\"props.keyValueType\"\n          :key-type=\"props.keyType\"\n          :key-types=\"props.keyTypes\"\n          :value-type=\"props.valueType\"\n          :values=\"innerValue\"\n          :disabled=\"props.disabled\"\n          :disabled-value=\"props.disabledValue\"\n          :disabled-key=\"props.disabledKey\"\n          :disabled-delete=\"props.disabledDelete\"\n          :keep-last=\"props.keepLast\"\n          @delete=\"handleDelete(idx)\"\n        >\n          <template\n            v-for=\"item in Object.keys($slots)\"\n            :key=\"item\"\n            #[item]=\"data\"\n          >\n            <slot :name=\"item\" v-bind=\"data || {}\" :index=\"idx\"></slot>\n          </template>\n        </key-value-item>\n      </div>\n\n      <ll-button\n        :class=\"bem.e('add')\"\n        :loading=\"loading\"\n        :disabled=\"props.disabled || props.disabledAdd\"\n        @click=\"handleAddItem\"\n      >\n        <div :class=\"bem.e('plus')\">\n          <ll-icon\n            v-if=\"!loading\"\n            icon-name=\"icon-add\"\n            :class=\"bem.e('icon-add')\"\n          />\n          {{ props.addText }}\n        </div>\n      </ll-button>\n    </a-spin>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, nextTick } from 'vue'\nimport { Form } from 'ant-design-vue'\nimport { createNamespace, deepCompare, hasValue, guid } from '@ll-plus/utils'\nimport {\n  keyValueProps,\n  keyValueEmits,\n  getKeyValueItem,\n  type IKeyValueItem,\n  type IKeyValueReturn,\n  type IKeyValueAddEmits\n} from './config'\nimport keyValueItem from './components/key-value-item.vue'\nimport type { FormColumn } from '@ll-plus/components'\n\ntype KeyValueItemInstance = InstanceType<typeof keyValueItem>\n\ndefineOptions({ name: 'LlKeyValue' })\n\nconst props = defineProps(keyValueProps)\nconst emits = defineEmits(keyValueEmits)\nconst bem = createNamespace('key-value')\nconst formItemContext = Form.useInjectFormItemContext()\n\nconst innerValue = ref<IKeyValueItem[]>(\n  !props.value || (props.value && !props.value.length)\n    ? ([{ key: null, value: null, guid: guid() }] as IKeyValueItem[])\n    : (props.value.map(e => {\n        return {\n          ...e,\n          guid: guid()\n        }\n      }) as IKeyValueItem[])\n)\nconst keyValueItems = ref<Record<string, KeyValueItemInstance>>({})\n\nconst setKeyValueItems = (\n  el: KeyValueItemInstance | null,\n  type: string\n): void => {\n  if (el) {\n    keyValueItems.value[type] = el\n  }\n}\n\nconst keyValueTypeDict = computed<Record<string, FormColumn>>(() => {\n  const obj: Record<string, FormColumn> = {}\n  props.keyTypes.forEach(e => {\n    obj[e.value] = e.option\n  })\n  return obj\n})\n\nconst validate = async (): Promise<{ valid: boolean; errors?: any[] }> => {\n  await nextTick()\n\n  const validationPromises = Object.values(keyValueItems.value).map(\n    async item => {\n      try {\n        await item.validate()\n        return { item, valid: true }\n      } catch (error) {\n        console.error('Validation failed for item:', item, error)\n        return { item, valid: false, error }\n      }\n    }\n  )\n\n  const validationResults = await Promise.all(validationPromises)\n\n  const allValid = validationResults.every(result => result.valid)\n  const errors = validationResults.filter(result => !result.valid)\n\n  if (!allValid) {\n    console.log('Validation errors:', errors)\n    return { valid: false, errors }\n  }\n\n  return { valid: true }\n}\n\nconst resetFields = async (): Promise<void> => {\n  await nextTick()\n  for (const i of Object.values(keyValueItems.value)) {\n    if (i) {\n      i.resetFields()\n    }\n  }\n}\n\nconst clearValidate = async (): Promise<void> => {\n  await nextTick()\n  for (const i of Object.values(keyValueItems.value)) {\n    if (i) {\n      i.clearValidate()\n    }\n  }\n}\n\nconst handleAddItem = async (): Promise<void> => {\n  const { valid } = await validate()\n  if (!valid) return\n  innerValue.value.push(getKeyValueItem())\n  emits('add', {\n    index: innerValue.value.length - 1,\n    item: innerValue.value[innerValue.value.length - 1],\n    value: innerValue.value\n  } as IKeyValueAddEmits)\n}\n\nconst handleDelete = (idx: number): void => {\n  if (innerValue.value.length === 1) {\n    innerValue.value = [{ key: null, value: null, guid: guid() }]\n  } else {\n    innerValue.value.splice(idx, 1)\n    emits('delete', idx)\n  }\n}\n\nconst getValue = (\n  val: IKeyValueItem[] | IKeyValueReturn[]\n): IKeyValueReturn[] => {\n  return val\n    .filter(e => hasValue(e.key) || hasValue(e.value))\n    .map(e => ({\n      key: e.key,\n      value: e.value\n    }))\n}\n\nwatch(\n  () => props.value,\n  (n: IKeyValueReturn[]) => {\n    if (!n || (n && !n.length)) return\n    const copyInnerValue = getValue(innerValue.value)\n    const copyPropsValue = getValue(n)\n    if (deepCompare(copyInnerValue, copyPropsValue)) return\n    innerValue.value = [\n      ...(n && n.length > 0\n        ? n\n        : props.keepLast\n        ? [{ key: null, value: null, guid: guid() }]\n        : n)\n    ].map(e => {\n      return {\n        ...e,\n        guid: guid()\n      }\n    })\n  },\n  {\n    immediate: true,\n    deep: true\n  }\n)\n\nwatch(\n  () => innerValue.value,\n  (val: IKeyValueItem[]) => {\n    const copyInnerValue = getValue(val)\n    const copyPropsValue = getValue(props.value)\n    if (deepCompare(copyInnerValue, copyPropsValue)) return\n    try {\n      formItemContext.onFieldChange()\n      emits('change', copyInnerValue)\n      emits('update:value', copyInnerValue)\n    } catch (error) {\n      console.error(error)\n    }\n  },\n  {\n    deep: true\n  }\n)\n\ndefineExpose({\n  validate,\n  resetFields,\n  clearValidate\n})\n</script>\n"],"names":[],"mappings":"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"}

package/es/packages/utils/data.mjs

@@ -30,6 +30,13 @@ function deepCompare(obj1, obj2) {
 const hasValue = (value) => {
   return Array.isArray(value) ? value.length > 0 : !isNull(value) && !isUndefined(value) && value !== "";
 };
+const guid = () => {
+  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(c) {
+    const r = Math.random() * 16 | 0;
+    const v = c === "x" ? r : r & 3 | 8;
+    return v.toString(16);
+  });
+};
 
-export { deepCompare, hasValue };
+export { deepCompare, guid, hasValue };
 //# sourceMappingURL=data.mjs.map

package/es/packages/utils/data.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"data.mjs","sources":["../../../../packages/utils/data.ts"],"sourcesContent":["import { isNull, isUndefined } from 'lodash-es'\n\nexport function deepCompare(obj1: any, obj2: any): boolean {\n  const stack = [[obj1, obj2]]\n\n  while (stack.length) {\n    const [a, b] = stack.pop() as any[]\n\n    if (a === b) continue\n\n    if (\n      typeof a !== 'object' ||\n      a === null ||\n      typeof b !== 'object' ||\n      b === null\n    ) {\n      return false\n    }\n\n    const keysA = Object.keys(a)\n    const keysB = Object.keys(b)\n\n    if (keysA.length !== keysB.length) {\n      return false\n    }\n\n    // If both objects have no keys, consider them equal\n    if (keysA.length === 0 && keysB.length === 0) {\n      continue\n    }\n\n    for (const key of keysA) {\n      if (!keysB.includes(key)) {\n        return false\n      }\n      stack.push([a[key], b[key]])\n    }\n  }\n\n  return true\n}\n\nexport const hasValue = (value: any) => {\n  return Array.isArray(value)\n    ? value.length > 0\n    : !isNull(value) && !isUndefined(value) && value !== ''\n}\n"],"names":[],"mappings":";;;AAEgB,SAAA,WAAA,CAAY,MAAW,IAAoB,EAAA;AACzD,EAAA,MAAM,KAAQ,GAAA,CAAC,CAAC,IAAA,EAAM,IAAI,CAAC,CAAA,CAAA;AAE3B,EAAA,OAAO,MAAM,MAAQ,EAAA;AACnB,IAAA,MAAM,CAAC,CAAA,EAAG,CAAC,CAAA,GAAI,MAAM,GAAI,EAAA,CAAA;AAEzB,IAAA,IAAI,CAAM,KAAA,CAAA;AAAG,MAAA,SAAA;AAEb,IACE,IAAA,OAAO,MAAM,QACb,IAAA,CAAA,KAAM,QACN,OAAO,CAAA,KAAM,QACb,IAAA,CAAA,KAAM,IACN,EAAA;AACA,MAAO,OAAA,KAAA,CAAA;AAAA,KACT;AAEA,IAAM,MAAA,KAAA,GAAQ,MAAO,CAAA,IAAA,CAAK,CAAC,CAAA,CAAA;AAC3B,IAAM,MAAA,KAAA,GAAQ,MAAO,CAAA,IAAA,CAAK,CAAC,CAAA,CAAA;AAE3B,IAAI,IAAA,KAAA,CAAM,MAAW,KAAA,KAAA,CAAM,MAAQ,EAAA;AACjC,MAAO,OAAA,KAAA,CAAA;AAAA,KACT;AAGA,IAAA,IAAI,KAAM,CAAA,MAAA,KAAW,CAAK,IAAA,KAAA,CAAM,WAAW,CAAG,EAAA;AAC5C,MAAA,SAAA;AAAA,KACF;AAEA,IAAA,KAAA,MAAW,OAAO,KAAO,EAAA;AACvB,MAAA,IAAI,CAAC,KAAA,CAAM,QAAS,CAAA,GAAG,CAAG,EAAA;AACxB,QAAO,OAAA,KAAA,CAAA;AAAA,OACT;AACA,MAAM,KAAA,CAAA,IAAA,CAAK,CAAC,CAAE,CAAA,GAAG,GAAG,CAAE,CAAA,GAAG,CAAC,CAAC,CAAA,CAAA;AAAA,KAC7B;AAAA,GACF;AAEA,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AAEa,MAAA,QAAA,GAAW,CAAC,KAAe,KAAA;AACtC,EAAA,OAAO,KAAM,CAAA,OAAA,CAAQ,KAAK,CAAA,GACtB,MAAM,MAAS,GAAA,CAAA,GACf,CAAC,MAAA,CAAO,KAAK,CAAK,IAAA,CAAC,WAAY,CAAA,KAAK,KAAK,KAAU,KAAA,EAAA,CAAA;AACzD;;;;"}
+{"version":3,"file":"data.mjs","sources":["../../../../packages/utils/data.ts"],"sourcesContent":["import { isNull, isUndefined } from 'lodash-es'\n\nexport function deepCompare(obj1: any, obj2: any): boolean {\n  const stack = [[obj1, obj2]]\n\n  while (stack.length) {\n    const [a, b] = stack.pop() as any[]\n\n    if (a === b) continue\n\n    if (\n      typeof a !== 'object' ||\n      a === null ||\n      typeof b !== 'object' ||\n      b === null\n    ) {\n      return false\n    }\n\n    const keysA = Object.keys(a)\n    const keysB = Object.keys(b)\n\n    if (keysA.length !== keysB.length) {\n      return false\n    }\n\n    // If both objects have no keys, consider them equal\n    if (keysA.length === 0 && keysB.length === 0) {\n      continue\n    }\n\n    for (const key of keysA) {\n      if (!keysB.includes(key)) {\n        return false\n      }\n      stack.push([a[key], b[key]])\n    }\n  }\n\n  return true\n}\n\nexport const hasValue = (value: any) => {\n  return Array.isArray(value)\n    ? value.length > 0\n    : !isNull(value) && !isUndefined(value) && value !== ''\n}\n\nexport const guid = (): string => {\n  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {\n    const r = (Math.random() * 16) | 0\n    const v = c === 'x' ? r : (r & 0x3) | 0x8\n    return v.toString(16)\n  })\n}\n"],"names":[],"mappings":";;;AAEgB,SAAA,WAAA,CAAY,MAAW,IAAoB,EAAA;AACzD,EAAA,MAAM,KAAQ,GAAA,CAAC,CAAC,IAAA,EAAM,IAAI,CAAC,CAAA,CAAA;AAE3B,EAAA,OAAO,MAAM,MAAQ,EAAA;AACnB,IAAA,MAAM,CAAC,CAAA,EAAG,CAAC,CAAA,GAAI,MAAM,GAAI,EAAA,CAAA;AAEzB,IAAA,IAAI,CAAM,KAAA,CAAA;AAAG,MAAA,SAAA;AAEb,IACE,IAAA,OAAO,MAAM,QACb,IAAA,CAAA,KAAM,QACN,OAAO,CAAA,KAAM,QACb,IAAA,CAAA,KAAM,IACN,EAAA;AACA,MAAO,OAAA,KAAA,CAAA;AAAA,KACT;AAEA,IAAM,MAAA,KAAA,GAAQ,MAAO,CAAA,IAAA,CAAK,CAAC,CAAA,CAAA;AAC3B,IAAM,MAAA,KAAA,GAAQ,MAAO,CAAA,IAAA,CAAK,CAAC,CAAA,CAAA;AAE3B,IAAI,IAAA,KAAA,CAAM,MAAW,KAAA,KAAA,CAAM,MAAQ,EAAA;AACjC,MAAO,OAAA,KAAA,CAAA;AAAA,KACT;AAGA,IAAA,IAAI,KAAM,CAAA,MAAA,KAAW,CAAK,IAAA,KAAA,CAAM,WAAW,CAAG,EAAA;AAC5C,MAAA,SAAA;AAAA,KACF;AAEA,IAAA,KAAA,MAAW,OAAO,KAAO,EAAA;AACvB,MAAA,IAAI,CAAC,KAAA,CAAM,QAAS,CAAA,GAAG,CAAG,EAAA;AACxB,QAAO,OAAA,KAAA,CAAA;AAAA,OACT;AACA,MAAM,KAAA,CAAA,IAAA,CAAK,CAAC,CAAE,CAAA,GAAG,GAAG,CAAE,CAAA,GAAG,CAAC,CAAC,CAAA,CAAA;AAAA,KAC7B;AAAA,GACF;AAEA,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AAEa,MAAA,QAAA,GAAW,CAAC,KAAe,KAAA;AACtC,EAAA,OAAO,KAAM,CAAA,OAAA,CAAQ,KAAK,CAAA,GACtB,MAAM,MAAS,GAAA,CAAA,GACf,CAAC,MAAA,CAAO,KAAK,CAAK,IAAA,CAAC,WAAY,CAAA,KAAK,KAAK,KAAU,KAAA,EAAA,CAAA;AACzD,EAAA;AAEO,MAAM,OAAO,MAAc;AAChC,EAAA,OAAO,sCAAuC,CAAA,OAAA,CAAQ,OAAS,EAAA,SAAU,CAAG,EAAA;AAC1E,IAAA,MAAM,CAAK,GAAA,IAAA,CAAK,MAAO,EAAA,GAAI,EAAM,GAAA,CAAA,CAAA;AACjC,IAAA,MAAM,CAAI,GAAA,CAAA,KAAM,GAAM,GAAA,CAAA,GAAK,IAAI,CAAO,GAAA,CAAA,CAAA;AACtC,IAAO,OAAA,CAAA,CAAE,SAAS,EAAE,CAAA,CAAA;AAAA,GACrB,CAAA,CAAA;AACH;;;;"}

package/es/packages/utils/index.mjs

@@ -8,7 +8,7 @@ export { removeQueryString } from './remove-query-string.mjs';
 export { getType, isBoolean, isElement, isEmpty, isNumber, isPropAbsent, isStringNumber, isUndefined, isWindow } from './types.mjs';
 export { dataURLtoBlob, fileToBase64, formatFileSize } from './file.mjs';
 export { deepUnref } from './deep-unref.mjs';
-export { deepCompare, hasValue } from './data.mjs';
+export { deepCompare, guid, hasValue } from './data.mjs';
 export { buildProp, buildProps, definePropType, epPropKey, isEpProp } from './props/runtime.mjs';
 export { isArray, isDate, isFunction, isObject, isPromise, isString, isSymbol } from '@vue/shared';
 export { isVNode } from 'vue';

package/es/utils/data.d.ts

@@ -1,2 +1,3 @@
 export declare function deepCompare(obj1: any, obj2: any): boolean;
 export declare const hasValue: (value: any) => boolean;
+export declare const guid: () => string;

package/index.full.js

@@ -1996,6 +1996,13 @@
   const hasValue = (value) => {
     return Array.isArray(value) ? value.length > 0 : !isNull(value) && !isUndefined$3(value) && value !== "";
   };
+  const guid = () => {
+    return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(c) {
+      const r = Math.random() * 16 | 0;
+      const v = c === "x" ? r : r & 3 | 8;
+      return v.toString(16);
+    });
+  };
 
   const ALL_VALUE = "_ALL";
   const initValue = (columns, values) => {
@@ -63419,27 +63426,33 @@
       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 };
@@ -70342,7 +70355,8 @@
 
   const getKeyValueItem = () => ({
     key: null,
-    value: null
+    value: null,
+    guid: guid()
   });
   const keyValueProps = buildProps({
     value: {
@@ -70450,43 +70464,59 @@
   ];
   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: {
@@ -70521,7 +70551,7 @@
       const attrs = require$$0.useAttrs();
       const bem = createNamespace("key-value");
       const innerValue = require$$0.ref(props.value);
-      const form = require$$0.ref();
+      const formRef = require$$0.ref();
       const getKeyType = require$$0.computed(() => {
         const option = props.keyType;
         return option;
@@ -70550,16 +70580,23 @@
       };
       const handleChange = async () => {
         innerValue.value["value"] = null;
-        await form.value?.clearValidate();
+        await formRef.value?.clearValidate();
       };
       const validate = async () => {
-        return await form.value?.validate();
+        await require$$0.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);
       };
       require$$0.watch(
         innerValue,
@@ -70590,8 +70627,8 @@
         const _component_a_popconfirm = require$$0.resolveComponent("a-popconfirm");
         const _component_ll_form = require$$0.resolveComponent("ll-form");
         return require$$0.openBlock(), require$$0.createBlock(_component_ll_form, {
-          ref_key: "form",
-          ref: form,
+          ref_key: "formRef",
+          ref: formRef,
           "form-columns": require$$0.unref(formColumns),
           "form-data": props.value,
           "form-options": require$$0.unref(formOptions)
@@ -70692,7 +70729,7 @@
                       name: "value"
                     }, {
                       default: require$$0.withCtx(() => [
-                        require$$0.renderSlot(_ctx.$slots, "value-warapper", require$$0.normalizeProps(require$$0.guardReactiveProps(getValueType.value)), () => [
+                        require$$0.renderSlot(_ctx.$slots, "value-wrapper", require$$0.normalizeProps(require$$0.guardReactiveProps(getValueType.value)), () => [
                           (require$$0.openBlock(), require$$0.createBlock(require$$0.resolveDynamicComponent(`ll-${getValueType.value.type}`), require$$0.mergeProps({
                             value: innerValue.value["value"],
                             "onUpdate:value": _cache[2] || (_cache[2] = ($event) => innerValue.value["value"] = $event),
@@ -70818,38 +70855,68 @@
       const bem = createNamespace("key-value");
       const formItemContext = antDesignVue.Form.useInjectFormItemContext();
       const innerValue = require$$0.ref(
-        props.value.length ? props.value : [{ key: null, value: null }]
+        !props.value || props.value && !props.value.length ? [{ key: null, value: null, guid: guid() }] : props.value.map((e) => {
+          return {
+            ...e,
+            guid: guid()
+          };
+        })
       );
-      const keyValueItems = require$$0.ref([]);
+      const keyValueItems = require$$0.ref({});
+      const setKeyValueItems = (el, type) => {
+        if (el) {
+          keyValueItems.value[type] = el;
+        }
+      };
       const keyValueTypeDict = require$$0.computed(() => {
         const obj = {};
-        props.keyTypes.map((e) => {
+        props.keyTypes.forEach((e) => {
           obj[e.value] = e.option;
         });
         return obj;
       });
       const validate = async () => {
         await require$$0.nextTick();
-        return Promise.all(
-          keyValueItems.value.filter((e) => !!e).map((e) => e.validate())
+        const validationPromises = Object.values(keyValueItems.value).map(
+          async (item) => {
+            try {
+              await item.validate();
+              return { item, valid: true };
+            } catch (error) {
+              console.error("Validation failed for item:", item, error);
+              return { item, valid: false, error };
+            }
+          }
         );
+        const validationResults = await Promise.all(validationPromises);
+        const allValid = validationResults.every((result) => result.valid);
+        const errors = validationResults.filter((result) => !result.valid);
+        if (!allValid) {
+          console.log("Validation errors:", errors);
+          return { valid: false, errors };
+        }
+        return { valid: true };
       };
       const resetFields = async () => {
         await require$$0.nextTick();
-        return Promise.all(
-          keyValueItems.value.filter((e) => !!e).map((e) => e.resetFields())
-        );
+        for (const i of Object.values(keyValueItems.value)) {
+          if (i) {
+            i.resetFields();
+          }
+        }
       };
       const clearValidate = async () => {
         await require$$0.nextTick();
-        return Promise.all(
-          keyValueItems.value.filter((e) => !!e).map((e) => e.clearValidate())
-        );
+        for (const i of Object.values(keyValueItems.value)) {
+          if (i) {
+            i.clearValidate();
+          }
+        }
       };
       const handleAddItem = async () => {
-        const valid = await validate();
-        if (props.validate && !valid)
-          return false;
+        const { valid } = await validate();
+        if (!valid)
+          return;
         innerValue.value.push(getKeyValueItem());
         emits("add", {
           index: innerValue.value.length - 1,
@@ -70859,25 +70926,35 @@
       };
       const handleDelete = (idx) => {
         if (innerValue.value.length === 1) {
-          innerValue.value = [{ key: null, value: null }];
+          innerValue.value = [{ key: null, value: null, guid: guid() }];
         } else {
           innerValue.value.splice(idx, 1);
           emits("delete", idx);
         }
       };
       const getValue = (val) => {
-        return val.filter((e) => hasValue(e.key) || hasValue(e.value));
+        return val.filter((e) => hasValue(e.key) || hasValue(e.value)).map((e) => ({
+          key: e.key,
+          value: e.value
+        }));
       };
       require$$0.watch(
         () => props.value,
         (n) => {
+          if (!n || n && !n.length)
+            return;
           const copyInnerValue = getValue(innerValue.value);
           const copyPropsValue = getValue(n);
           if (deepCompare(copyInnerValue, copyPropsValue))
             return;
           innerValue.value = [
-            ...n && n.length > 0 ? n : props.keepLast ? [{ key: null, value: null }] : n
-          ];
+            ...n && n.length > 0 ? n : props.keepLast ? [{ key: null, value: null, guid: guid() }] : n
+          ].map((e) => {
+            return {
+              ...e,
+              guid: guid()
+            };
+          });
         },
         {
           immediate: true,
@@ -70934,9 +71011,9 @@
                       null,
                       require$$0.renderList(innerValue.value, (_item, idx) => {
                         return require$$0.openBlock(), require$$0.createBlock(keyValueItem, {
-                          key: _item,
+                          key: _item.guid,
                           ref_for: true,
-                          ref: (el) => keyValueItems.value[idx] = el,
+                          ref: (el) => setKeyValueItems(el, _item.guid),
                           value: innerValue.value[idx],
                           "onUpdate:value": ($event) => innerValue.value[idx] = $event,
                           idx,
@@ -85830,6 +85907,7 @@
   exports.getHttpMethodUri = getHttpMethodUri;
   exports.getKeyValueItem = getKeyValueItem;
   exports.getType = getType;
+  exports.guid = guid;
   exports.hasValue = hasValue;
   exports.headersTableColumns = headersTableColumns;
   exports.httpUriOptions = httpUriOptions;