npm - ll-plus - Versions diffs - 2.2.15 → 2.2.16 - Mend

ll-plus 2.2.15 → 2.2.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (38) hide show

package/index.full.mjs CHANGED Viewed

@@ -58041,7 +58041,8 @@ const LlInputNumber = withInstall(InputNumber);
 const getKeyValueItem = () => ({
   key: null,
-  value: null
+  value: null,
+  _timestamp: +/* @__PURE__ */ new Date()
 });
 const keyValueProps = buildProps({
   value: {
@@ -58089,11 +58090,28 @@ const keyValueProps = buildProps({
       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
 };
@@ -58123,6 +58141,18 @@ const formColumns = [
   }
 ];
 const keyValueItemProps = buildProps({
+  disabled: {
+    type: Boolean
+  },
+  disabledValue: {
+    type: definePropType(Array)
+  },
+  disabledKey: {
+    type: definePropType(Array)
+  },
+  disabledDelete: {
+    type: definePropType(Array)
+  },
   value: {
     type: definePropType(Object),
     default: () => ({
@@ -58130,6 +58160,10 @@ const keyValueItemProps = buildProps({
       value: ""
     })
   },
+  idx: {
+    type: Number,
+    required: true
+  },
   keyValueTypeDict: {
     type: Object,
     default: () => ({})
@@ -58177,6 +58211,15 @@ var _sfc_main$x = /* @__PURE__ */ defineComponent({
       }
       return option;
     });
+    const getKeyDisabled = computed(() => {
+      return props.disabledKey?.includes(props.idx) || props.disabled || getKeyType.value?.disabled;
+    });
+    const getValueDisabled = computed(() => {
+      return props.disabledValue?.includes(props.idx) || props.disabled || getValueType.value?.disabled;
+    });
+    const getDeleteDisabled = computed(() => {
+      return props.disabledDelete?.includes(props.idx) || props.disabled;
+    });
     const handleDelete = () => {
       emits("delete");
     };
@@ -58236,16 +58279,16 @@ var _sfc_main$x = /* @__PURE__ */ defineComponent({
                           value: innerValue.value["key"],
                           "onUpdate:value": _cache[0] || (_cache[0] = ($event) => innerValue.value["key"] = $event),
                           options: unref(attrs)["key-types"],
-                          disabled: unref(attrs).disabled,
+                          disabled: getKeyDisabled.value,
                           placeholder: "\u8BF7\u9009\u62E9",
                           "allow-clear": "",
                           onChange: handleChange
                         }, null, 8, ["value", "options", "disabled"])) : (openBlock(), createBlock(resolveDynamicComponent(`ll-${getKeyType.value.type}`), mergeProps({
                           key: 1,
                           value: innerValue.value["key"],
-                          "onUpdate:value": _cache[1] || (_cache[1] = ($event) => innerValue.value["key"] = $event),
-                          disabled: unref(attrs).disabled
+                          "onUpdate:value": _cache[1] || (_cache[1] = ($event) => innerValue.value["key"] = $event)
                         }, getKeyType.value, {
+                          disabled: getKeyDisabled.value,
                           style: { "width": "100%" },
                           onChange: handleChange
                         }), createSlots({
@@ -58306,7 +58349,7 @@ var _sfc_main$x = /* @__PURE__ */ defineComponent({
                         (openBlock(), createBlock(resolveDynamicComponent(`ll-${getValueType.value.type}`), mergeProps({
                           value: innerValue.value["value"],
                           "onUpdate:value": _cache[2] || (_cache[2] = ($event) => innerValue.value["value"] = $event),
-                          disabled: unref(attrs).disabled,
+                          disabled: getValueDisabled.value,
                           style: { "width": "100%" }
                         }, getValueType.value), createSlots({
                           _: 2
@@ -58351,7 +58394,7 @@ var _sfc_main$x = /* @__PURE__ */ defineComponent({
                     [
                       createVNode(_component_ll_button, {
                         type: "link",
-                        disabled: unref(attrs).disabled
+                        disabled: getDeleteDisabled.value
                       }, {
                         default: withCtx(() => [
                           renderSlot(_ctx.$slots, "delete-icon", {}, () => [
@@ -58408,14 +58451,24 @@ var _sfc_main$w = /* @__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,
@@ -58423,7 +58476,8 @@ var _sfc_main$w = /* @__PURE__ */ defineComponent({
         innerValue.value = n && n.length > 0 ? n : [{ key: null, value: null }];
       },
       {
-        immediate: true
+        immediate: true,
+        deep: true
       }
     );
     return (_ctx, _cache) => {
@@ -58445,11 +58499,12 @@ var _sfc_main$w = /* @__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,
@@ -58459,6 +58514,9 @@ var _sfc_main$w = /* @__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({
@@ -58473,7 +58531,7 @@ var _sfc_main$w = /* @__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 */
@@ -58481,7 +58539,7 @@ var _sfc_main$w = /* @__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/lib/components/key-value/index.d.ts CHANGED Viewed

@@ -35,6 +35,10 @@ export declare const LlKeyValue: import("ll-plus/es/utils").SFCWithInstall<impor
         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("./src/config").KeyValueItem[];
@@ -47,11 +51,16 @@ export declare const LlKeyValue: import("ll-plus/es/utils").SFCWithInstall<impor
         readonly keyType: any;
         readonly keyTypes: import("./src/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>;
         readonly onChange?: ((value: import("./src/config").KeyValueItem[]) => any) | undefined;
         readonly "onUpdate:value"?: ((value: import("./src/config").KeyValueItem[]) => any) | undefined;
-        readonly onAdd?: (() => any) | undefined;
+        readonly onDelete?: ((index: number) => any) | undefined;
+        readonly onAdd?: ((params: import("./src/config").KeyValueAddEmits) => any) | undefined;
     } & {}>;
-    emits: ((event: "add") => void) & ((event: "change", value: import("./src/config").KeyValueItem[]) => void) & ((event: "update:value", value: import("./src/config").KeyValueItem[]) => void);
+    emits: ((event: "delete", index: number) => void) & ((event: "add", params: import("./src/config").KeyValueAddEmits) => void) & ((event: "change", value: import("./src/config").KeyValueItem[]) => void) & ((event: "update:value", value: import("./src/config").KeyValueItem[]) => void);
     bem: {
         b: (blockSuffix?: string) => string;
         e: (element?: string) => string;
@@ -63,7 +72,7 @@ export declare const LlKeyValue: import("ll-plus/es/utils").SFCWithInstall<impor
         is: (name?: string) => string;
     };
     innerValue: import("vue").Ref<{
-        key: string | null;
+        key: any;
         value: any;
     }[]>;
     keyValueItems: import("vue").Ref<any[]>;
@@ -72,17 +81,52 @@ export declare const LlKeyValue: import("ll-plus/es/utils").SFCWithInstall<impor
     handleDelete: (idx: number) => void;
     handleChange: () => void;
     keyValueItem: import("vue").DefineComponent<{
+        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[]) => import("./src/config").KeyValueItem) | (() => import("./src/config").KeyValueItem) | ((new (...args: any[]) => import("./src/config").KeyValueItem) | (() => import("./src/config").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("./src/config").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("./src/config").KeyValueItem) => any) | undefined;
             readonly onDelete?: (() => any) | undefined;
@@ -102,11 +146,14 @@ export declare const LlKeyValue: import("ll-plus/es/utils").SFCWithInstall<impor
             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: {
@@ -354,10 +401,40 @@ export declare const LlKeyValue: import("ll-plus/es/utils").SFCWithInstall<impor
         change: () => boolean;
         'update:value': (value: import("./src/config").KeyValueItem) => boolean;
     }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        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[]) => import("./src/config").KeyValueItem) | (() => import("./src/config").KeyValueItem) | ((new (...args: any[]) => import("./src/config").KeyValueItem) | (() => import("./src/config").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>;
     }>> & {
@@ -371,7 +448,8 @@ export declare const LlKeyValue: import("ll-plus/es/utils").SFCWithInstall<impor
     }, {}>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (value: import("./src/config").KeyValueItem[]) => boolean;
-    add: () => boolean;
+    add: (params: import("./src/config").KeyValueAddEmits) => boolean;
+    delete: (index: number) => boolean;
     'update:value': (value: import("./src/config").KeyValueItem[]) => boolean;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./src/config").KeyValueItem[]) | (() => import("./src/config").KeyValueItem[]) | ((new (...args: any[]) => import("./src/config").KeyValueItem[]) | (() => import("./src/config").KeyValueItem[]))[], unknown, unknown, () => {
@@ -409,10 +487,15 @@ export declare const LlKeyValue: import("ll-plus/es/utils").SFCWithInstall<impor
         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("./src/config").KeyValueItem[]) => any) | undefined;
     "onUpdate:value"?: ((value: import("./src/config").KeyValueItem[]) => any) | undefined;
-    onAdd?: (() => any) | undefined;
+    onDelete?: ((index: number) => any) | undefined;
+    onAdd?: ((params: import("./src/config").KeyValueAddEmits) => any) | undefined;
 }, {
     readonly value: import("./src/config").KeyValueItem[];
     readonly disabled: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -424,6 +507,10 @@ export declare const LlKeyValue: import("ll-plus/es/utils").SFCWithInstall<impor
     readonly keyType: any;
     readonly keyTypes: import("./src/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 LlKeyValue;
 export * from './src/config';

package/lib/components/key-value/src/components/key-value-item.vue.d.ts CHANGED Viewed

@@ -1,15 +1,50 @@
 declare const _default: import("vue").DefineComponent<{
+    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[]) => import("ll-plus/es/components").KeyValueItem) | (() => import("ll-plus/es/components").KeyValueItem) | ((new (...args: any[]) => import("ll-plus/es/components").KeyValueItem) | (() => import("ll-plus/es/components").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("ll-plus/es/components").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("ll-plus/es/components").KeyValueItem) => any) | undefined;
         readonly onDelete?: (() => any) | undefined;
@@ -29,11 +64,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: {
@@ -281,10 +319,40 @@ declare const _default: import("vue").DefineComponent<{
     change: () => boolean;
     'update:value': (value: import("ll-plus/es/components").KeyValueItem) => boolean;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    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[]) => import("ll-plus/es/components").KeyValueItem) | (() => import("ll-plus/es/components").KeyValueItem) | ((new (...args: any[]) => import("ll-plus/es/components").KeyValueItem) | (() => import("ll-plus/es/components").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>;
 }>> & {

package/lib/components/key-value/src/components/key-value-item.vue2.js CHANGED Viewed

@@ -42,6 +42,15 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
       return option;
     });
+    const getKeyDisabled = vue.computed(() => {
+      return props.disabledKey?.includes(props.idx) || props.disabled || getKeyType.value?.disabled;
+    });
+    const getValueDisabled = vue.computed(() => {
+      return props.disabledValue?.includes(props.idx) || props.disabled || getValueType.value?.disabled;
+    });
+    const getDeleteDisabled = vue.computed(() => {
+      return props.disabledDelete?.includes(props.idx) || props.disabled;
+    });
     const handleDelete = () => {
       emits("delete");
     };
@@ -101,16 +110,16 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                           value: innerValue.value["key"],
                           "onUpdate:value": _cache[0] || (_cache[0] = ($event) => innerValue.value["key"] = $event),
                           options: vue.unref(attrs)["key-types"],
-                          disabled: vue.unref(attrs).disabled,
+                          disabled: getKeyDisabled.value,
                           placeholder: "\u8BF7\u9009\u62E9",
                           "allow-clear": "",
                           onChange: handleChange
                         }, null, 8, ["value", "options", "disabled"])) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(`ll-${getKeyType.value.type}`), vue.mergeProps({
                           key: 1,
                           value: innerValue.value["key"],
-                          "onUpdate:value": _cache[1] || (_cache[1] = ($event) => innerValue.value["key"] = $event),
-                          disabled: vue.unref(attrs).disabled
+                          "onUpdate:value": _cache[1] || (_cache[1] = ($event) => innerValue.value["key"] = $event)
                         }, getKeyType.value, {
+                          disabled: getKeyDisabled.value,
                           style: { "width": "100%" },
                           onChange: handleChange
                         }), vue.createSlots({
@@ -171,7 +180,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(`ll-${getValueType.value.type}`), vue.mergeProps({
                           value: innerValue.value["value"],
                           "onUpdate:value": _cache[2] || (_cache[2] = ($event) => innerValue.value["value"] = $event),
-                          disabled: vue.unref(attrs).disabled,
+                          disabled: getValueDisabled.value,
                           style: { "width": "100%" }
                         }, getValueType.value), vue.createSlots({
                           _: 2
@@ -216,7 +225,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     [
                       vue.createVNode(_component_ll_button, {
                         type: "link",
-                        disabled: vue.unref(attrs).disabled
+                        disabled: getDeleteDisabled.value
                       }, {
                         default: vue.withCtx(() => [
                           vue.renderSlot(_ctx.$slots, "delete-icon", {}, () => [

package/lib/components/key-value/src/components/key-value-item.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"key-value-item.vue2.js","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\n v-if=\"attrs['key-value-type'] !== 'single'\"\n :class=\"bem.m('left')\"\n >\n <ll-form-item\n :label=\"attrs['key-label']\"\n :label-col=\"{\n span: 24\n }\"\n :rules=\"getKeyType.role\"\n name=\"key\"\n >\n <slot name=\"key\">\n <ll-select\n v-if=\"!isEmpty(attrs['key-types'])\"\n v-model:value=\"innerValue['key']\"\n :options=\"attrs['key-types']\"\n :disabled=\"~~attrs.disabled~~\"\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 ~~:disabled~~=\"~~attrs.disabled~~\"\n ~~v-bind~~=\"~~getKeyType~~\"\n style=\"width: 100%\"\n @change=\"handleChange\"\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=\"attrs['key-value-type'] !== '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 :rule=\"getValueType.rule \|\| {}\"\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=\"~~attrs.disabled~~\"\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\n <a-popconfirm\n title=\"你确定要移除?\"\n ok-text=\"确认\"\n cancel-text=\"取消\"\n placement=\"topRight\"\n :overlay-class-name=\"bem.m('popconfirm')\"\n @confirm=\"handleDelete\"\n >\n <div\n v-if=\"props.showDelete\"\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=\"~~attrs.disabled~~\">\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 </div>\n </template>\n </template>\n </ll-form>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, useAttrs, watch } from 'vue'\nimport { isEmpty } from 'lodash-es'\nimport { createNamespace } from '@ll-plus/utils'\nimport {\n typeRules,\n keyValueItemProps,\n keyValueItemEmits,\n formColumns,\n formOptions\n} from '../config'\nimport { type FormColumn } from '@ll-plus/components'\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 getKeyType = computed<FormColumn>(() => {\n const option = attrs['key-type'] \|\| {\n type: 'input',\n placeholder: '请输入',\n rule: typeRules \|\| []\n }\n return option\n})\nconst getValueType = computed<FormColumn>(() => {\n let option = attrs['value-type'] \|\| {\n type: 'input',\n placeholder: '请输入',\n rule: []\n }\n if (innerValue.value['key'] && !isEmpty(props.keyValueTypeDict)) {\n option = props.keyValueTypeDict[innerValue.value['key']]\n }\n return option\n})\n\nconst handleDelete = () => {\n emits('delete')\n}\n\nconst handleChange = () => {\n innerValue.value['value'] = ''\n}\n\nwatch(\n innerValue,\n val => {\n emits('update:value', val)\n emits('change')\n },\n {\n deep: true\n }\n)\n</script>\n\n<style scoped></style>\n"],"names":["useAttrs","createNamespace","ref","computed","typeRules","isEmpty","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;AAqJA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAEd,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AACvB,IAAM,MAAA,GAAA,GAAMC,gCAAgB,WAAW,CAAA,CAAA;AACvC,IAAM,MAAA,UAAA,GAAaC,OAAI,CAAA,KAAA,CAAM,KAAK,CAAA,CAAA;AAElC,IAAM,MAAA,UAAA,GAAaC,aAAqB,MAAM;AAC5C,MAAM,MAAA,MAAA,GAAS,KAAM,CAAA,UAAU,CAAK,IAAA;AAAA,QAClC,IAAM,EAAA,OAAA;AAAA,QACN,WAAa,EAAA,oBAAA;AAAA,QACb,IAAA,EAAMC,0BAAa,EAAC;AAAA,OACtB,CAAA;AACA,MAAO,OAAA,MAAA,CAAA;AAAA,KACR,CAAA,CAAA;AACD,IAAM,MAAA,YAAA,GAAeD,aAAqB,MAAM;AAC9C,MAAI,IAAA,MAAA,GAAS,KAAM,CAAA,YAAY,CAAK,IAAA;AAAA,QAClC,IAAM,EAAA,OAAA;AAAA,QACN,WAAa,EAAA,oBAAA;AAAA,QACb,MAAM,EAAC;AAAA,OACT,CAAA;AACA,MAAI,IAAA,UAAA,CAAW,MAAM,KAAK,CAAA,IAAK,CAACE,gBAAQ,CAAA,KAAA,CAAM,gBAAgB,CAAG,EAAA;AAC/D,QAAA,MAAA,GAAS,KAAM,CAAA,gBAAA,CAAiB,UAAW,CAAA,KAAA,CAAM,KAAK,CAAC,CAAA,CAAA;AAAA,OACzD;AACA,MAAO,OAAA,MAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAA,MAAM,eAAe,MAAM;AACzB,MAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AAAA,KAChB,CAAA;AAEA,IAAA,MAAM,eAAe,MAAM;AACzB,MAAW,UAAA,CAAA,KAAA,CAAM,OAAO,CAAI,GAAA,EAAA,CAAA;AAAA,KAC9B,CAAA;AAEA,~~IAAAC~~,SAAA;AAAA,MACE,UAAA;AAAA,MACA,CAAO,GAAA,KAAA;AACL,QAAA,KAAA,CAAM,gBAAgB,GAAG,CAAA,CAAA;AACzB,QAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AAAA,OAChB;AAAA,MACA;AAAA,QACE,IAAM,EAAA,IAAA;AAAA,OACR;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"key-value-item.vue2.js","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\n v-if=\"attrs['key-value-type'] !== 'single'\"\n :class=\"bem.m('left')\"\n >\n <ll-form-item\n :label=\"attrs['key-label']\"\n :label-col=\"{\n span: 24\n }\"\n :rules=\"getKeyType.role\"\n name=\"key\"\n >\n <slot name=\"key\">\n <ll-select\n v-if=\"!isEmpty(attrs['key-types'])\"\n v-model:value=\"innerValue['key']\"\n :options=\"attrs['key-types']\"\n :disabled=\"getKeyDisabled\"\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 @change=\"handleChange\"\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=\"attrs['key-value-type'] !== '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 :rule=\"getValueType.rule \|\| {}\"\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\n <a-popconfirm\n title=\"你确定要移除?\"\n ok-text=\"确认\"\n cancel-text=\"取消\"\n placement=\"topRight\"\n :overlay-class-name=\"bem.m('popconfirm')\"\n @confirm=\"handleDelete\"\n >\n <div\n v-if=\"props.showDelete\"\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 </div>\n </template>\n </template>\n </ll-form>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, useAttrs, watch } from 'vue'\nimport { isEmpty } from 'lodash-es'\nimport { createNamespace } from '@ll-plus/utils'\nimport {\n typeRules,\n keyValueItemProps,\n keyValueItemEmits,\n formColumns,\n formOptions\n} from '../config'\nimport { type FormColumn } from '@ll-plus/components'\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 getKeyType = computed<FormColumn>(() => {\n const option = attrs['key-type'] \|\| {\n type: 'input',\n placeholder: '请输入',\n rule: typeRules \|\| []\n }\n return option\n})\nconst getValueType = computed<FormColumn>(() => {\n let option = attrs['value-type'] \|\| {\n type: 'input',\n placeholder: '请输入',\n rule: []\n }\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 getDeleteDisabled = computed(() => {\n return props.disabledDelete?.includes(props.idx) \|\| props.disabled\n})\n\nconst handleDelete = () => {\n emits('delete')\n}\n\nconst handleChange = () => {\n innerValue.value['value'] = ''\n}\n\nwatch(\n innerValue,\n val => {\n emits('update:value', val)\n emits('change')\n },\n {\n deep: true\n }\n)\n</script>\n\n<style scoped></style>\n"],"names":["useAttrs","createNamespace","ref","computed","typeRules","isEmpty","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;AAqJA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAEd,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AACvB,IAAM,MAAA,GAAA,GAAMC,gCAAgB,WAAW,CAAA,CAAA;AACvC,IAAM,MAAA,UAAA,GAAaC,OAAI,CAAA,KAAA,CAAM,KAAK,CAAA,CAAA;AAElC,IAAM,MAAA,UAAA,GAAaC,aAAqB,MAAM;AAC5C,MAAM,MAAA,MAAA,GAAS,KAAM,CAAA,UAAU,CAAK,IAAA;AAAA,QAClC,IAAM,EAAA,OAAA;AAAA,QACN,WAAa,EAAA,oBAAA;AAAA,QACb,IAAA,EAAMC,0BAAa,EAAC;AAAA,OACtB,CAAA;AACA,MAAO,OAAA,MAAA,CAAA;AAAA,KACR,CAAA,CAAA;AACD,IAAM,MAAA,YAAA,GAAeD,aAAqB,MAAM;AAC9C,MAAI,IAAA,MAAA,GAAS,KAAM,CAAA,YAAY,CAAK,IAAA;AAAA,QAClC,IAAM,EAAA,OAAA;AAAA,QACN,WAAa,EAAA,oBAAA;AAAA,QACb,MAAM,EAAC;AAAA,OACT,CAAA;AACA,MAAI,IAAA,UAAA,CAAW,MAAM,KAAK,CAAA,IAAK,CAACE,gBAAQ,CAAA,KAAA,CAAM,gBAAgB,CAAG,EAAA;AAC/D,QAAA,MAAA,GAAS,KAAM,CAAA,gBAAA,CAAiB,UAAW,CAAA,KAAA,CAAM,KAAK,CAAC,CAAA,CAAA;AAAA,OACzD;AACA,MAAO,OAAA,MAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,cAAA,GAAiBF,aAAS,MAAM;AACpC,MACE,OAAA,KAAA,CAAM,aAAa,QAAS,CAAA,KAAA,CAAM,GAAG,CACrC,IAAA,KAAA,CAAM,QACN,IAAA,UAAA,CAAW,KAAO,EAAA,QAAA,CAAA;AAAA,KAErB,CAAA,CAAA;AAED,IAAM,MAAA,gBAAA,GAAmBA,aAAS,MAAM;AACtC,MACE,OAAA,KAAA,CAAM,eAAe,QAAS,CAAA,KAAA,CAAM,GAAG,CACvC,IAAA,KAAA,CAAM,QACN,IAAA,YAAA,CAAa,KAAO,EAAA,QAAA,CAAA;AAAA,KAEvB,CAAA,CAAA;AAED,IAAM,MAAA,iBAAA,GAAoBA,aAAS,MAAM;AACvC,MAAA,OAAO,MAAM,cAAgB,EAAA,QAAA,CAAS,KAAM,CAAA,GAAG,KAAK,KAAM,CAAA,QAAA,CAAA;AAAA,KAC3D,CAAA,CAAA;AAED,IAAA,MAAM,eAAe,MAAM;AACzB,MAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AAAA,KAChB,CAAA;AAEA,IAAA,MAAM,eAAe,MAAM;AACzB,MAAW,UAAA,CAAA,KAAA,CAAM,OAAO,CAAI,GAAA,EAAA,CAAA;AAAA,KAC9B,CAAA;AAEA,IAAAG,SAAA;AAAA,MACE,UAAA;AAAA,MACA,CAAO,GAAA,KAAA;AACL,QAAA,KAAA,CAAM,gBAAgB,GAAG,CAAA,CAAA;AACzB,QAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AAAA,OAChB;AAAA,MACA;AAAA,QACE,IAAM,EAAA,IAAA;AAAA,OACR;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/key-value/src/config/key-value-item.d.ts CHANGED Viewed

@@ -234,14 +234,44 @@ export declare const formColumns: {
     };
 }[];
 export interface KeyValueItem {
-    key: string | null;
+    key: any | null;
     value: any | null;
 }
 export declare const keyValueItemProps: {
+    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>;
 };