ll-plus 2.2.15 → 2.2.16

package/es/components/key-value/src/key-value.vue.d.ts

@@ -1,5 +1,6 @@
+import { type KeyValueItem } from './config';
 declare const _default: import("vue").DefineComponent<{
-    readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./config").KeyValueItem[]) | (() => import("./config").KeyValueItem[]) | ((new (...args: any[]) => import("./config").KeyValueItem[]) | (() => import("./config").KeyValueItem[]))[], unknown, unknown, () => {
+    readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => KeyValueItem[]) | (() => KeyValueItem[]) | ((new (...args: any[]) => KeyValueItem[]) | (() => KeyValueItem[]))[], unknown, unknown, () => {
         key: string;
         value: string;
     }[], boolean>;
@@ -34,9 +35,13 @@ declare const _default: import("vue").DefineComponent<{
         type: string;
         placeholder: string;
     }, boolean>;
+    readonly disabledValue: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => number[]) | (() => number[]) | ((new (...args: any[]) => number[]) | (() => number[]))[], unknown, unknown, () => never[], boolean>;
+    readonly disabledKey: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => number[]) | (() => number[]) | ((new (...args: any[]) => number[]) | (() => number[]))[], unknown, unknown, () => never[], boolean>;
+    readonly disabledDelete: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => number[]) | (() => number[]) | ((new (...args: any[]) => number[]) | (() => number[]))[], unknown, unknown, () => never[], boolean>;
+    readonly disabledAdd: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
 }, {
     props: import("@vue/shared").LooseRequired<{
-        readonly value: import("./config").KeyValueItem[];
+        readonly value: KeyValueItem[];
         readonly disabled: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly loading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly keyLabel: string;
@@ -46,11 +51,16 @@ declare const _default: import("vue").DefineComponent<{
         readonly keyType: any;
         readonly keyTypes: import("./config").KeyType[];
         readonly valueType: any;
-        readonly onChange?: ((value: import("./config").KeyValueItem[]) => any) | undefined;
-        readonly "onUpdate:value"?: ((value: import("./config").KeyValueItem[]) => any) | undefined;
-        readonly onAdd?: (() => any) | undefined;
+        readonly disabledValue: number[];
+        readonly disabledKey: number[];
+        readonly disabledDelete: number[];
+        readonly disabledAdd: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        readonly onChange?: ((value: KeyValueItem[]) => any) | undefined;
+        readonly "onUpdate:value"?: ((value: KeyValueItem[]) => any) | undefined;
+        readonly onDelete?: ((index: number) => any) | undefined;
+        readonly onAdd?: ((params: import("./config").KeyValueAddEmits) => any) | undefined;
     } & {}>;
-    emits: ((event: "add") => void) & ((event: "change", value: import("./config").KeyValueItem[]) => void) & ((event: "update:value", value: import("./config").KeyValueItem[]) => void);
+    emits: ((event: "delete", index: number) => void) & ((event: "add", params: import("./config").KeyValueAddEmits) => void) & ((event: "change", value: KeyValueItem[]) => void) & ((event: "update:value", value: KeyValueItem[]) => void);
     bem: {
         b: (blockSuffix?: string) => string;
         e: (element?: string) => string;
@@ -62,7 +72,7 @@ declare const _default: import("vue").DefineComponent<{
         is: (name?: string) => string;
     };
     innerValue: import("vue").Ref<{
-        key: string | null;
+        key: any;
         value: any;
     }[]>;
     keyValueItems: import("vue").Ref<any[]>;
@@ -71,22 +81,57 @@ declare const _default: import("vue").DefineComponent<{
     handleDelete: (idx: number) => void;
     handleChange: () => void;
     keyValueItem: import("vue").DefineComponent<{
-        readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./config").KeyValueItem) | (() => import("./config").KeyValueItem) | ((new (...args: any[]) => import("./config").KeyValueItem) | (() => import("./config").KeyValueItem))[], unknown, unknown, () => {
+        readonly disabled: {
+            readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly disabledValue: {
+            readonly type: import("vue").PropType<number[]>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly disabledKey: {
+            readonly type: import("vue").PropType<number[]>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly disabledDelete: {
+            readonly type: import("vue").PropType<number[]>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => KeyValueItem) | (() => KeyValueItem) | ((new (...args: any[]) => KeyValueItem) | (() => KeyValueItem))[], unknown, unknown, () => {
             key: string;
             value: string;
         }, boolean>;
+        readonly idx: {
+            readonly type: import("vue").PropType<number>;
+            readonly required: true;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
         readonly keyValueTypeDict: import("ll-plus/es/utils").EpPropFinalized<ObjectConstructor, unknown, unknown, () => {}, boolean>;
         readonly showDelete: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     }, {
         props: import("@vue/shared").LooseRequired<{
-            readonly value: import("./config").KeyValueItem;
+            readonly value: KeyValueItem;
+            readonly idx: number;
             readonly keyValueTypeDict: Record<string, any>;
             readonly showDelete: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            readonly disabled?: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
+            readonly disabledValue?: number[] | undefined;
+            readonly disabledKey?: number[] | undefined;
+            readonly disabledDelete?: number[] | undefined;
             readonly onChange?: (() => any) | undefined;
-            readonly "onUpdate:value"?: ((value: import("./config").KeyValueItem) => any) | undefined;
+            readonly "onUpdate:value"?: ((value: KeyValueItem) => any) | undefined;
             readonly onDelete?: (() => any) | undefined;
         } & {}>;
-        emits: ((event: "delete") => void) & ((event: "change") => void) & ((event: "update:value", value: import("./config").KeyValueItem) => void);
+        emits: ((event: "delete") => void) & ((event: "change") => void) & ((event: "update:value", value: KeyValueItem) => void);
         attrs: {
             [x: string]: unknown;
         };
@@ -101,11 +146,14 @@ declare const _default: import("vue").DefineComponent<{
             is: (name?: string) => string;
         };
         innerValue: import("vue").Ref<{
-            key: string | null;
+            key: any;
             value: any;
         }>;
         getKeyType: import("vue").ComputedRef<any>;
         getValueType: import("vue").ComputedRef<any>;
+        getKeyDisabled: import("vue").ComputedRef<any>;
+        getValueDisabled: import("vue").ComputedRef<any>;
+        getDeleteDisabled: import("vue").ComputedRef<import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined>;
         handleDelete: () => void;
         handleChange: () => void;
         readonly isEmpty: {
@@ -351,29 +399,60 @@ declare const _default: import("vue").DefineComponent<{
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         delete: () => boolean;
         change: () => boolean;
-        'update:value': (value: import("./config").KeyValueItem) => boolean;
+        'update:value': (value: KeyValueItem) => boolean;
     }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-        readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./config").KeyValueItem) | (() => import("./config").KeyValueItem) | ((new (...args: any[]) => import("./config").KeyValueItem) | (() => import("./config").KeyValueItem))[], unknown, unknown, () => {
+        readonly disabled: {
+            readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly disabledValue: {
+            readonly type: import("vue").PropType<number[]>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly disabledKey: {
+            readonly type: import("vue").PropType<number[]>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly disabledDelete: {
+            readonly type: import("vue").PropType<number[]>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => KeyValueItem) | (() => KeyValueItem) | ((new (...args: any[]) => KeyValueItem) | (() => KeyValueItem))[], unknown, unknown, () => {
             key: string;
             value: string;
         }, boolean>;
+        readonly idx: {
+            readonly type: import("vue").PropType<number>;
+            readonly required: true;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
         readonly keyValueTypeDict: import("ll-plus/es/utils").EpPropFinalized<ObjectConstructor, unknown, unknown, () => {}, boolean>;
         readonly showDelete: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     }>> & {
         onChange?: (() => any) | undefined;
-        "onUpdate:value"?: ((value: import("./config").KeyValueItem) => any) | undefined;
+        "onUpdate:value"?: ((value: KeyValueItem) => any) | undefined;
         onDelete?: (() => any) | undefined;
     }, {
-        readonly value: import("./config").KeyValueItem;
+        readonly value: KeyValueItem;
         readonly keyValueTypeDict: Record<string, any>;
         readonly showDelete: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     }, {}>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (value: import("./config").KeyValueItem[]) => boolean;
-    add: () => boolean;
-    'update:value': (value: import("./config").KeyValueItem[]) => boolean;
+    change: (value: KeyValueItem[]) => boolean;
+    add: (params: import("./config").KeyValueAddEmits) => boolean;
+    delete: (index: number) => boolean;
+    'update:value': (value: KeyValueItem[]) => boolean;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./config").KeyValueItem[]) | (() => import("./config").KeyValueItem[]) | ((new (...args: any[]) => import("./config").KeyValueItem[]) | (() => import("./config").KeyValueItem[]))[], unknown, unknown, () => {
+    readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => KeyValueItem[]) | (() => KeyValueItem[]) | ((new (...args: any[]) => KeyValueItem[]) | (() => KeyValueItem[]))[], unknown, unknown, () => {
         key: string;
         value: string;
     }[], boolean>;
@@ -408,12 +487,17 @@ declare const _default: import("vue").DefineComponent<{
         type: string;
         placeholder: string;
     }, boolean>;
+    readonly disabledValue: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => number[]) | (() => number[]) | ((new (...args: any[]) => number[]) | (() => number[]))[], unknown, unknown, () => never[], boolean>;
+    readonly disabledKey: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => number[]) | (() => number[]) | ((new (...args: any[]) => number[]) | (() => number[]))[], unknown, unknown, () => never[], boolean>;
+    readonly disabledDelete: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => number[]) | (() => number[]) | ((new (...args: any[]) => number[]) | (() => number[]))[], unknown, unknown, () => never[], boolean>;
+    readonly disabledAdd: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
 }>> & {
-    onChange?: ((value: import("./config").KeyValueItem[]) => any) | undefined;
-    "onUpdate:value"?: ((value: import("./config").KeyValueItem[]) => any) | undefined;
-    onAdd?: (() => any) | undefined;
+    onChange?: ((value: KeyValueItem[]) => any) | undefined;
+    "onUpdate:value"?: ((value: KeyValueItem[]) => any) | undefined;
+    onDelete?: ((index: number) => any) | undefined;
+    onAdd?: ((params: import("./config").KeyValueAddEmits) => any) | undefined;
 }, {
-    readonly value: import("./config").KeyValueItem[];
+    readonly value: KeyValueItem[];
     readonly disabled: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly loading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly keyLabel: string;
@@ -423,5 +507,9 @@ declare const _default: import("vue").DefineComponent<{
     readonly keyType: any;
     readonly keyTypes: import("./config").KeyType[];
     readonly valueType: any;
+    readonly disabledValue: number[];
+    readonly disabledKey: number[];
+    readonly disabledDelete: number[];
+    readonly disabledAdd: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
 }, {}>;
 export default _default;

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

@@ -28,14 +28,24 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const handleAddItem = () => {
       innerValue.value.push(getKeyValueItem());
-      emits("add");
+      emits("add", {
+        index: innerValue.value.length - 1,
+        item: innerValue.value[innerValue.value.length - 1],
+        value: innerValue.value
+      });
+      handleChange();
     };
     const handleDelete = (idx) => {
       innerValue.value.splice(idx, 1);
+      emits("delete", idx);
+      handleChange();
     };
     const handleChange = () => {
-      emits("change", innerValue.value);
-      emits("update:value", innerValue.value);
+      const arr = innerValue.value.map((e) => {
+        return { key: e.key, value: e.value };
+      });
+      emits("change", arr);
+      emits("update:value", arr);
     };
     watch(
       () => props.value,
@@ -43,7 +53,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         innerValue.value = n && n.length > 0 ? n : [{ key: null, value: null }];
       },
       {
-        immediate: true
+        immediate: true,
+        deep: true
       }
     );
     return (_ctx, _cache) => {
@@ -65,11 +76,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 null,
                 renderList(innerValue.value, (_item, idx) => {
                   return openBlock(), createBlock(keyValueItem, {
-                    key: idx,
+                    key: idx + +/* @__PURE__ */ new Date(),
                     ref_for: true,
                     ref: (el) => keyValueItems.value[idx] = el,
                     value: innerValue.value[idx],
                     "onUpdate:value": ($event) => innerValue.value[idx] = $event,
+                    idx,
                     "key-label": props.keyLabel,
                     "value-label": props.valueLabel,
                     "key-value-type-dict": keyValueTypeDict.value,
@@ -79,6 +91,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                     "key-types": props.keyTypes,
                     "value-type": props.valueType,
                     disabled: props.disabled,
+                    "disabled-value": props.disabledValue,
+                    "disabled-key": props.disabledKey,
+                    "disabled-delete": props.disabledDelete,
                     onDelete: ($event) => handleDelete(idx),
                     onChange: handleChange
                   }, createSlots({
@@ -93,7 +108,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                         ])
                       };
                     })
-                  ]), 1032, ["value", "onUpdate:value", "key-label", "value-label", "key-value-type-dict", "show-delete", "key-value-type", "key-type", "key-types", "value-type", "disabled", "onDelete"]);
+                  ]), 1032, ["value", "onUpdate:value", "idx", "key-label", "value-label", "key-value-type-dict", "show-delete", "key-value-type", "key-type", "key-types", "value-type", "disabled", "disabled-value", "disabled-key", "disabled-delete", "onDelete"]);
                 }),
                 128
                 /* KEYED_FRAGMENT */
@@ -101,7 +116,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               createVNode(_component_ll_button, {
                 class: normalizeClass(unref(bem).e("add")),
                 loading: _ctx.loading,
-                disabled: props.disabled,
+                disabled: props.disabled || props.disabledAdd,
                 onClick: handleAddItem
               }, {
                 default: withCtx(() => [

package/es/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      <key-value-item\n        v-for=\"(_item, idx) in innerValue\"\n        :key=\"idx\"\n        :ref=\"el => (keyValueItems[idx] = el)\"\n        v-model:value=\"innerValue[idx]\"\n        :key-label=\"props.keyLabel\"\n        :value-label=\"props.valueLabel\"\n        :key-value-type-dict=\"keyValueTypeDict\"\n        :show-delete=\"idx > 0\"\n        :key-value-type=\"props.keyValueType\"\n        :key-type=\"props.keyType\"\n        :key-types=\"props.keyTypes\"\n        :value-type=\"props.valueType\"\n        :disabled=\"props.disabled\"\n        @delete=\"handleDelete(idx)\"\n        @change=\"handleChange\"\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      <ll-button\n        :class=\"bem.e('add')\"\n        :loading=\"loading\"\n        :disabled=\"props.disabled\"\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 } from 'vue'\n// import { isEmpty } from 'lodash-es'\nimport { createNamespace } 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'\ndefineOptions({ name: 'LlKeyValue' })\nconst props = defineProps(keyValueProps)\nconst emits = defineEmits(keyValueEmits)\nconst bem = createNamespace('key-value')\nconst innerValue = ref(\n  props.value && props.value.length > 0\n    ? props.value\n    : [{ key: null, value: null }]\n)\nconst keyValueItems = ref<any[]>([])\n\nconst keyValueTypeDict = computed(() => {\n  const obj = {}\n  props.keyTypes.map(e => {\n    obj[e.value] = e.option\n  })\n  return obj\n})\n\n// const getValueType = computed(() => {\n//   let type = 'object'\n//   if (!isEmpty(props.value)) {\n//     if (Array.isArray(props.value)) {\n//       type = `${type}-${\n//         typeof props.value[0] === 'object' ? 'object' : 'string'\n//       }`\n//     }\n//   }\n//   return type\n// })\n\n// const getKeyValueType = computed(() => {\n//   return props.keyValueType\n//     ? props.keyValueType\n//     : props.keyValueType === 'array-string'\n//     ? 'single'\n//     : 'doubt'\n// })\n\nconst handleAddItem = () => {\n  innerValue.value.push(getKeyValueItem())\n  emits('add')\n}\n\nconst handleDelete = (idx: number) => {\n  innerValue.value.splice(idx, 1)\n}\n\nconst handleChange = () => {\n  // let value: any = null\n  // switch (getValueType.value) {\n  //   case 'object':\n  //     value = {}\n  //     innerValue.value.map(e => {\n  //       console.log({ e })\n  //       if (e.key) {\n  //         value[e.key] = e.value\n  //       } else {\n  //         value[`${new Date().getTime()}-empty-key`] = e.value\n  //       }\n  //     })\n\n  //     break\n  //   case 'array-string':\n  //     value = []\n  //     innerValue.value.map(e => {\n  //       if (e.value) {\n  //         value.push(e.value)\n  //       }\n  //     })\n  //     break\n  //   default:\n  //     value = innerValue.value\n  //     break\n  // }\n\n  emits('change', innerValue.value)\n  emits('update:value', innerValue.value)\n}\n\nwatch(\n  () => props.value,\n  n => {\n    // let arr = [] as KeyValueItem[]\n    // console.log(getValueType.value)\n    // switch (getValueType.value) {\n    //   case 'object':\n    //     for (const i in n) {\n    //       arr.push({ key: i, value: n[i] })\n    //     }\n    //     break\n    //   case 'array-string':\n    //     arr = n.map(e => {\n    //       return { key: null, value: e }\n    //     })\n    //     break\n    //   default:\n    //     arr = [...n]\n    //     break\n    // }\n\n    innerValue.value = n && n.length > 0 ? n : [{ key: null, value: null }]\n  },\n  {\n    immediate: true\n  }\n)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;AA2DA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AACd,IAAM,MAAA,GAAA,GAAM,gBAAgB,WAAW,CAAA,CAAA;AACvC,IAAA,MAAM,UAAa,GAAA,GAAA;AAAA,MACjB,KAAM,CAAA,KAAA,IAAS,KAAM,CAAA,KAAA,CAAM,SAAS,CAChC,GAAA,KAAA,CAAM,KACN,GAAA,CAAC,EAAE,GAAA,EAAK,IAAM,EAAA,KAAA,EAAO,MAAM,CAAA;AAAA,KACjC,CAAA;AACA,IAAM,MAAA,aAAA,GAAgB,GAAW,CAAA,EAAE,CAAA,CAAA;AAEnC,IAAM,MAAA,gBAAA,GAAmB,SAAS,MAAM;AACtC,MAAA,MAAM,MAAM,EAAC,CAAA;AACb,MAAM,KAAA,CAAA,QAAA,CAAS,IAAI,CAAK,CAAA,KAAA;AACtB,QAAI,GAAA,CAAA,CAAA,CAAE,KAAK,CAAA,GAAI,CAAE,CAAA,MAAA,CAAA;AAAA,OAClB,CAAA,CAAA;AACD,MAAO,OAAA,GAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAsBD,IAAA,MAAM,gBAAgB,MAAM;AAC1B,MAAW,UAAA,CAAA,KAAA,CAAM,IAAK,CAAA,eAAA,EAAiB,CAAA,CAAA;AACvC,MAAA,KAAA,CAAM,KAAK,CAAA,CAAA;AAAA,KACb,CAAA;AAEA,IAAM,MAAA,YAAA,GAAe,CAAC,GAAgB,KAAA;AACpC,MAAW,UAAA,CAAA,KAAA,CAAM,MAAO,CAAA,GAAA,EAAK,CAAC,CAAA,CAAA;AAAA,KAChC,CAAA;AAEA,IAAA,MAAM,eAAe,MAAM;AA4BzB,MAAM,KAAA,CAAA,QAAA,EAAU,WAAW,KAAK,CAAA,CAAA;AAChC,MAAM,KAAA,CAAA,cAAA,EAAgB,WAAW,KAAK,CAAA,CAAA;AAAA,KACxC,CAAA;AAEA,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,KAAA;AAAA,MACZ,CAAK,CAAA,KAAA;AAmBH,QAAA,UAAA,CAAW,KAAQ,GAAA,CAAA,IAAK,CAAE,CAAA,MAAA,GAAS,CAAI,GAAA,CAAA,GAAI,CAAC,EAAE,GAAK,EAAA,IAAA,EAAM,KAAO,EAAA,IAAA,EAAM,CAAA,CAAA;AAAA,OACxE;AAAA,MACA;AAAA,QACE,SAAW,EAAA,IAAA;AAAA,OACb;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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      <key-value-item\n        v-for=\"(_item, idx) in innerValue\"\n        :key=\"idx + +new Date()\"\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        :show-delete=\"idx > 0\"\n        :key-value-type=\"props.keyValueType\"\n        :key-type=\"props.keyType\"\n        :key-types=\"props.keyTypes\"\n        :value-type=\"props.valueType\"\n        :disabled=\"props.disabled\"\n        :disabled-value=\"props.disabledValue\"\n        :disabled-key=\"props.disabledKey\"\n        :disabled-delete=\"props.disabledDelete\"\n        @delete=\"handleDelete(idx)\"\n        @change=\"handleChange\"\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      <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 } from 'vue'\nimport { createNamespace } 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')\n\nconst innerValue = ref<KeyValueItem[]>(\n  props.value && props.value.length > 0\n    ? props.value\n    : [{ key: null, value: null }]\n)\n\nconst keyValueItems = ref<any[]>([])\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 handleAddItem = () => {\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  handleChange()\n}\n\nconst handleDelete = (idx: number) => {\n  innerValue.value.splice(idx, 1)\n  emits('delete', idx)\n  handleChange()\n}\n\nconst handleChange = () => {\n  const arr = innerValue.value.map(e => {\n    return { key: e.key, value: e.value }\n  })\n  emits('change', arr)\n  emits('update:value', arr)\n}\n\nwatch(\n  () => props.value,\n  n => {\n    innerValue.value = n && n.length > 0 ? n : [{ key: null, value: null }]\n  },\n  {\n    immediate: true,\n    deep: true\n  }\n)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAgEA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AACd,IAAM,MAAA,GAAA,GAAM,gBAAgB,WAAW,CAAA,CAAA;AAEvC,IAAA,MAAM,UAAa,GAAA,GAAA;AAAA,MACjB,KAAM,CAAA,KAAA,IAAS,KAAM,CAAA,KAAA,CAAM,SAAS,CAChC,GAAA,KAAA,CAAM,KACN,GAAA,CAAC,EAAE,GAAA,EAAK,IAAM,EAAA,KAAA,EAAO,MAAM,CAAA;AAAA,KACjC,CAAA;AAEA,IAAM,MAAA,aAAA,GAAgB,GAAW,CAAA,EAAE,CAAA,CAAA;AAEnC,IAAM,MAAA,gBAAA,GAAmB,SAAS,MAAM;AACtC,MAAA,MAAM,MAAM,EAAC,CAAA;AACb,MAAM,KAAA,CAAA,QAAA,CAAS,IAAI,CAAK,CAAA,KAAA;AACtB,QAAI,GAAA,CAAA,CAAA,CAAE,KAAK,CAAA,GAAI,CAAE,CAAA,MAAA,CAAA;AAAA,OAClB,CAAA,CAAA;AACD,MAAO,OAAA,GAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAA,MAAM,gBAAgB,MAAM;AAC1B,MAAW,UAAA,CAAA,KAAA,CAAM,IAAK,CAAA,eAAA,EAAiB,CAAA,CAAA;AACvC,MAAA,KAAA,CAAM,KAAO,EAAA;AAAA,QACX,KAAA,EAAO,UAAW,CAAA,KAAA,CAAM,MAAS,GAAA,CAAA;AAAA,QACjC,MAAM,UAAW,CAAA,KAAA,CAAM,UAAW,CAAA,KAAA,CAAM,SAAS,CAAC,CAAA;AAAA,QAClD,OAAO,UAAW,CAAA,KAAA;AAAA,OACnB,CAAA,CAAA;AACD,MAAa,YAAA,EAAA,CAAA;AAAA,KACf,CAAA;AAEA,IAAM,MAAA,YAAA,GAAe,CAAC,GAAgB,KAAA;AACpC,MAAW,UAAA,CAAA,KAAA,CAAM,MAAO,CAAA,GAAA,EAAK,CAAC,CAAA,CAAA;AAC9B,MAAA,KAAA,CAAM,UAAU,GAAG,CAAA,CAAA;AACnB,MAAa,YAAA,EAAA,CAAA;AAAA,KACf,CAAA;AAEA,IAAA,MAAM,eAAe,MAAM;AACzB,MAAA,MAAM,GAAM,GAAA,UAAA,CAAW,KAAM,CAAA,GAAA,CAAI,CAAK,CAAA,KAAA;AACpC,QAAA,OAAO,EAAE,GAAK,EAAA,CAAA,CAAE,GAAK,EAAA,KAAA,EAAO,EAAE,KAAM,EAAA,CAAA;AAAA,OACrC,CAAA,CAAA;AACD,MAAA,KAAA,CAAM,UAAU,GAAG,CAAA,CAAA;AACnB,MAAA,KAAA,CAAM,gBAAgB,GAAG,CAAA,CAAA;AAAA,KAC3B,CAAA;AAEA,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,KAAA;AAAA,MACZ,CAAK,CAAA,KAAA;AACH,QAAA,UAAA,CAAW,KAAQ,GAAA,CAAA,IAAK,CAAE,CAAA,MAAA,GAAS,CAAI,GAAA,CAAA,GAAI,CAAC,EAAE,GAAK,EAAA,IAAA,EAAM,KAAO,EAAA,IAAA,EAAM,CAAA,CAAA;AAAA,OACxE;AAAA,MACA;AAAA,QACE,SAAW,EAAA,IAAA;AAAA,QACX,IAAM,EAAA,IAAA;AAAA,OACR;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/index.full.js

@@ -58062,7 +58062,8 @@
 
   const getKeyValueItem = () => ({
     key: null,
-    value: null
+    value: null,
+    _timestamp: +/* @__PURE__ */ new Date()
   });
   const keyValueProps = buildProps({
     value: {
@@ -58110,11 +58111,28 @@
         type: "input",
         placeholder: "\u8BF7\u8F93\u5165key"
       })
+    },
+    disabledValue: {
+      type: definePropType(Array),
+      default: () => []
+    },
+    disabledKey: {
+      type: definePropType(Array),
+      default: () => []
+    },
+    disabledDelete: {
+      type: definePropType(Array),
+      default: () => []
+    },
+    disabledAdd: {
+      type: Boolean,
+      default: false
     }
   });
   const keyValueEmits = {
     change: (value) => !!value,
-    add: () => true,
+    add: (params) => !!params,
+    delete: (index) => typeof index === "number",
     "update:value": (value) => !!value
   };
 
@@ -58144,6 +58162,18 @@
     }
   ];
   const keyValueItemProps = buildProps({
+    disabled: {
+      type: Boolean
+    },
+    disabledValue: {
+      type: definePropType(Array)
+    },
+    disabledKey: {
+      type: definePropType(Array)
+    },
+    disabledDelete: {
+      type: definePropType(Array)
+    },
     value: {
       type: definePropType(Object),
       default: () => ({
@@ -58151,6 +58181,10 @@
         value: ""
       })
     },
+    idx: {
+      type: Number,
+      required: true
+    },
     keyValueTypeDict: {
       type: Object,
       default: () => ({})
@@ -58198,6 +58232,15 @@
         }
         return option;
       });
+      const getKeyDisabled = require$$0.computed(() => {
+        return props.disabledKey?.includes(props.idx) || props.disabled || getKeyType.value?.disabled;
+      });
+      const getValueDisabled = require$$0.computed(() => {
+        return props.disabledValue?.includes(props.idx) || props.disabled || getValueType.value?.disabled;
+      });
+      const getDeleteDisabled = require$$0.computed(() => {
+        return props.disabledDelete?.includes(props.idx) || props.disabled;
+      });
       const handleDelete = () => {
         emits("delete");
       };
@@ -58257,16 +58300,16 @@
                             value: innerValue.value["key"],
                             "onUpdate:value": _cache[0] || (_cache[0] = ($event) => innerValue.value["key"] = $event),
                             options: require$$0.unref(attrs)["key-types"],
-                            disabled: require$$0.unref(attrs).disabled,
+                            disabled: getKeyDisabled.value,
                             placeholder: "\u8BF7\u9009\u62E9",
                             "allow-clear": "",
                             onChange: handleChange
                           }, null, 8, ["value", "options", "disabled"])) : (require$$0.openBlock(), require$$0.createBlock(require$$0.resolveDynamicComponent(`ll-${getKeyType.value.type}`), require$$0.mergeProps({
                             key: 1,
                             value: innerValue.value["key"],
-                            "onUpdate:value": _cache[1] || (_cache[1] = ($event) => innerValue.value["key"] = $event),
-                            disabled: require$$0.unref(attrs).disabled
+                            "onUpdate:value": _cache[1] || (_cache[1] = ($event) => innerValue.value["key"] = $event)
                           }, getKeyType.value, {
+                            disabled: getKeyDisabled.value,
                             style: { "width": "100%" },
                             onChange: handleChange
                           }), require$$0.createSlots({
@@ -58327,7 +58370,7 @@
                           (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),
-                            disabled: require$$0.unref(attrs).disabled,
+                            disabled: getValueDisabled.value,
                             style: { "width": "100%" }
                           }, getValueType.value), require$$0.createSlots({
                             _: 2
@@ -58372,7 +58415,7 @@
                       [
                         require$$0.createVNode(_component_ll_button, {
                           type: "link",
-                          disabled: require$$0.unref(attrs).disabled
+                          disabled: getDeleteDisabled.value
                         }, {
                           default: require$$0.withCtx(() => [
                             require$$0.renderSlot(_ctx.$slots, "delete-icon", {}, () => [
@@ -58429,14 +58472,24 @@
       });
       const handleAddItem = () => {
         innerValue.value.push(getKeyValueItem());
-        emits("add");
+        emits("add", {
+          index: innerValue.value.length - 1,
+          item: innerValue.value[innerValue.value.length - 1],
+          value: innerValue.value
+        });
+        handleChange();
       };
       const handleDelete = (idx) => {
         innerValue.value.splice(idx, 1);
+        emits("delete", idx);
+        handleChange();
       };
       const handleChange = () => {
-        emits("change", innerValue.value);
-        emits("update:value", innerValue.value);
+        const arr = innerValue.value.map((e) => {
+          return { key: e.key, value: e.value };
+        });
+        emits("change", arr);
+        emits("update:value", arr);
       };
       require$$0.watch(
         () => props.value,
@@ -58444,7 +58497,8 @@
           innerValue.value = n && n.length > 0 ? n : [{ key: null, value: null }];
         },
         {
-          immediate: true
+          immediate: true,
+          deep: true
         }
       );
       return (_ctx, _cache) => {
@@ -58466,11 +58520,12 @@
                   null,
                   require$$0.renderList(innerValue.value, (_item, idx) => {
                     return require$$0.openBlock(), require$$0.createBlock(keyValueItem, {
-                      key: idx,
+                      key: idx + +/* @__PURE__ */ new Date(),
                       ref_for: true,
                       ref: (el) => keyValueItems.value[idx] = el,
                       value: innerValue.value[idx],
                       "onUpdate:value": ($event) => innerValue.value[idx] = $event,
+                      idx,
                       "key-label": props.keyLabel,
                       "value-label": props.valueLabel,
                       "key-value-type-dict": keyValueTypeDict.value,
@@ -58480,6 +58535,9 @@
                       "key-types": props.keyTypes,
                       "value-type": props.valueType,
                       disabled: props.disabled,
+                      "disabled-value": props.disabledValue,
+                      "disabled-key": props.disabledKey,
+                      "disabled-delete": props.disabledDelete,
                       onDelete: ($event) => handleDelete(idx),
                       onChange: handleChange
                     }, require$$0.createSlots({
@@ -58494,7 +58552,7 @@
                           ])
                         };
                       })
-                    ]), 1032, ["value", "onUpdate:value", "key-label", "value-label", "key-value-type-dict", "show-delete", "key-value-type", "key-type", "key-types", "value-type", "disabled", "onDelete"]);
+                    ]), 1032, ["value", "onUpdate:value", "idx", "key-label", "value-label", "key-value-type-dict", "show-delete", "key-value-type", "key-type", "key-types", "value-type", "disabled", "disabled-value", "disabled-key", "disabled-delete", "onDelete"]);
                   }),
                   128
                   /* KEYED_FRAGMENT */
@@ -58502,7 +58560,7 @@
                 require$$0.createVNode(_component_ll_button, {
                   class: require$$0.normalizeClass(require$$0.unref(bem).e("add")),
                   loading: _ctx.loading,
-                  disabled: props.disabled,
+                  disabled: props.disabled || props.disabledAdd,
                   onClick: handleAddItem
                 }, {
                   default: require$$0.withCtx(() => [