ll-plus 2.2.11 → 2.2.13

package/es/components/key-value/index.d.ts

@@ -9,7 +9,7 @@ export declare const LlKeyValue: import("ll-plus/es/utils").SFCWithInstall<impor
     readonly keyLabel: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly valueLabel: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly addText: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "添加", boolean>;
-    readonly type: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "single" | "doubt") | (() => "single" | "doubt") | ((new (...args: any[]) => "single" | "doubt") | (() => "single" | "doubt"))[], unknown, unknown, "doubt", boolean>;
+    readonly keyValueType: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "single" | "doubt") | (() => "single" | "doubt") | ((new (...args: any[]) => "single" | "doubt") | (() => "single" | "doubt"))[], unknown, unknown, "doubt", boolean>;
     readonly keyType: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => any) | (() => any) | {
         (): any;
         new (): any;
@@ -37,20 +37,21 @@ export declare const LlKeyValue: import("ll-plus/es/utils").SFCWithInstall<impor
     }, boolean>;
 }, {
     props: import("@vue/shared").LooseRequired<{
-        readonly type: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "single" | "doubt") | (() => "single" | "doubt") | ((new (...args: any[]) => "single" | "doubt") | (() => "single" | "doubt"))[], unknown, unknown>;
-        readonly disabled: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly value: import("./src/config").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;
         readonly valueLabel: string;
         readonly addText: string;
+        readonly keyValueType: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "single" | "doubt") | (() => "single" | "doubt") | ((new (...args: any[]) => "single" | "doubt") | (() => "single" | "doubt"))[], unknown, unknown>;
         readonly keyType: any;
         readonly keyTypes: import("./src/config").KeyType[];
         readonly valueType: any;
         readonly onChange?: ((value: import("./src/config").KeyValueItem[]) => any) | undefined;
         readonly "onUpdate:value"?: ((value: import("./src/config").KeyValueItem[]) => any) | undefined;
+        readonly onAdd?: (() => any) | undefined;
     } & {}>;
-    emits: ((event: "change", value: import("./src/config").KeyValueItem[]) => void) & ((event: "update:value", value: import("./src/config").KeyValueItem[]) => void);
+    emits: ((event: "add") => 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;
@@ -61,17 +62,23 @@ export declare const LlKeyValue: import("ll-plus/es/utils").SFCWithInstall<impor
         bem: (blockSuffix: string, element: string, modifier: string) => string;
         is: (name?: string) => string;
     };
-    innerValue: import("vue").Ref<{
+    innerValue: import("vue").Ref<(Record<string, any> | {
         key: string | null;
-        value: string | null;
-    }[]>;
+        value: any;
+    })[]>;
     keyValueItems: import("vue").Ref<any[]>;
     keyValueTypeDict: import("vue").ComputedRef<{}>;
     handleAddItem: () => void;
     handleDelete: (idx: number) => void;
     handleChange: () => void;
     keyValueItem: import("vue").DefineComponent<{
-        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, () => {
+        readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => Record<string, any> | {
+            key: string | null;
+            value: any;
+        }) | (() => import("./src/config").KeyValueItem) | ((new (...args: any[]) => Record<string, any> | {
+            key: string | null;
+            value: any;
+        }) | (() => import("./src/config").KeyValueItem))[], unknown, unknown, () => {
             key: string;
             value: string;
         }, boolean>;
@@ -100,9 +107,9 @@ export declare const LlKeyValue: import("ll-plus/es/utils").SFCWithInstall<impor
             bem: (blockSuffix: string, element: string, modifier: string) => string;
             is: (name?: string) => string;
         };
-        innerValue: import("vue").Ref<{
+        innerValue: import("vue").Ref<Record<string, any> | {
             key: string | null;
-            value: string | null;
+            value: any;
         }>;
         getKeyType: import("vue").ComputedRef<any>;
         getValueType: import("vue").ComputedRef<any>;
@@ -353,7 +360,13 @@ 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 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, () => {
+        readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => Record<string, any> | {
+            key: string | null;
+            value: any;
+        }) | (() => import("./src/config").KeyValueItem) | ((new (...args: any[]) => Record<string, any> | {
+            key: string | null;
+            value: any;
+        }) | (() => import("./src/config").KeyValueItem))[], unknown, unknown, () => {
             key: string;
             value: string;
         }, boolean>;
@@ -370,6 +383,7 @@ 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;
     '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, () => {
@@ -381,7 +395,7 @@ export declare const LlKeyValue: import("ll-plus/es/utils").SFCWithInstall<impor
     readonly keyLabel: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly valueLabel: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly addText: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "添加", boolean>;
-    readonly type: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "single" | "doubt") | (() => "single" | "doubt") | ((new (...args: any[]) => "single" | "doubt") | (() => "single" | "doubt"))[], unknown, unknown, "doubt", boolean>;
+    readonly keyValueType: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "single" | "doubt") | (() => "single" | "doubt") | ((new (...args: any[]) => "single" | "doubt") | (() => "single" | "doubt"))[], unknown, unknown, "doubt", boolean>;
     readonly keyType: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => any) | (() => any) | {
         (): any;
         new (): any;
@@ -410,14 +424,15 @@ export declare const LlKeyValue: import("ll-plus/es/utils").SFCWithInstall<impor
 }>> & {
     onChange?: ((value: import("./src/config").KeyValueItem[]) => any) | undefined;
     "onUpdate:value"?: ((value: import("./src/config").KeyValueItem[]) => any) | undefined;
+    onAdd?: (() => any) | undefined;
 }, {
-    readonly type: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "single" | "doubt") | (() => "single" | "doubt") | ((new (...args: any[]) => "single" | "doubt") | (() => "single" | "doubt"))[], unknown, unknown>;
-    readonly disabled: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly value: import("./src/config").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;
     readonly valueLabel: string;
     readonly addText: string;
+    readonly keyValueType: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "single" | "doubt") | (() => "single" | "doubt") | ((new (...args: any[]) => "single" | "doubt") | (() => "single" | "doubt"))[], unknown, unknown>;
     readonly keyType: any;
     readonly keyTypes: import("./src/config").KeyType[];
     readonly valueType: any;

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

@@ -1,5 +1,11 @@
 declare const _default: import("vue").DefineComponent<{
-    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, () => {
+    readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => Record<string, any> | {
+        key: string | null;
+        value: any;
+    }) | (() => import("ll-plus/es/components").KeyValueItem) | ((new (...args: any[]) => Record<string, any> | {
+        key: string | null;
+        value: any;
+    }) | (() => import("ll-plus/es/components").KeyValueItem))[], unknown, unknown, () => {
         key: string;
         value: string;
     }, boolean>;
@@ -28,9 +34,9 @@ declare const _default: import("vue").DefineComponent<{
         bem: (blockSuffix: string, element: string, modifier: string) => string;
         is: (name?: string) => string;
     };
-    innerValue: import("vue").Ref<{
+    innerValue: import("vue").Ref<Record<string, any> | {
         key: string | null;
-        value: string | null;
+        value: any;
     }>;
     getKeyType: import("vue").ComputedRef<any>;
     getValueType: import("vue").ComputedRef<any>;
@@ -281,7 +287,13 @@ 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 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, () => {
+    readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => Record<string, any> | {
+        key: string | null;
+        value: any;
+    }) | (() => import("ll-plus/es/components").KeyValueItem) | ((new (...args: any[]) => Record<string, any> | {
+        key: string | null;
+        value: any;
+    }) | (() => import("ll-plus/es/components").KeyValueItem))[], unknown, unknown, () => {
         key: string;
         value: string;
     }, boolean>;

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

@@ -75,7 +75,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               class: normalizeClass(unref(bem).e("item"))
             },
             [
-              unref(attrs).type !== "single" ? (openBlock(), createElementBlock(
+              unref(attrs)["key-value-type"] !== "single" ? (openBlock(), createElementBlock(
                 "div",
                 {
                   key: 0,
@@ -103,8 +103,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                           onChange: handleChange
                         }, null, 8, ["value", "options", "disabled"])) : (openBlock(), createBlock(resolveDynamicComponent(`ll-${getKeyType.value.type}`), mergeProps({
                           key: 1,
-                          value: innerValue.value["value"],
-                          "onUpdate:value": _cache[1] || (_cache[1] = ($event) => innerValue.value["value"] = $event),
+                          value: innerValue.value["key"],
+                          "onUpdate:value": _cache[1] || (_cache[1] = ($event) => innerValue.value["key"] = $event),
                           disabled: unref(attrs).disabled
                         }, getKeyType.value, {
                           style: { "width": "100%" },
@@ -131,7 +131,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 2
                 /* CLASS */
               )) : createCommentVNode("v-if", true),
-              unref(attrs).type !== "single" ? (openBlock(), createElementBlock(
+              unref(attrs)["key-value-type"] !== "single" ? (openBlock(), createElementBlock(
                 "div",
                 {
                   key: 1,
@@ -211,7 +211,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                     },
                     [
                       createVNode(_component_ll_button, {
-                        type: "text",
+                        type: "link",
                         disabled: unref(attrs).disabled
                       }, {
                         default: withCtx(() => [

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

@@ -1 +1 @@
-{"version":3,"file":"key-value-item.vue2.mjs","sources":["../../../../../../packages/components/key-value/src/components/key-value-item.vue"],"sourcesContent":["<template>\n  <ll-form\n    ref=\"form\"\n    :form-columns=\"formColumns\"\n    :form-data=\"props.value\"\n    :form-options=\"formOptions\"\n  >\n    <template #formItem=\"{ item }\">\n      <template v-if=\"item.key === 'other'\">\n        <div :class=\"bem.e('item')\">\n          <div v-if=\"attrs.type !== 'single'\" :class=\"bem.m('left')\">\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['value']\"\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.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=\"text\" :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":[],"mappings":";;;;;;;;;;;;;;;;AAkJA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAEd,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,IAAM,MAAA,GAAA,GAAM,gBAAgB,WAAW,CAAA,CAAA;AACvC,IAAM,MAAA,UAAA,GAAa,GAAI,CAAA,KAAA,CAAM,KAAK,CAAA,CAAA;AAElC,IAAM,MAAA,UAAA,GAAa,SAAqB,MAAM;AAC5C,MAAM,MAAA,MAAA,GAAS,KAAM,CAAA,UAAU,CAAK,IAAA;AAAA,QAClC,IAAM,EAAA,OAAA;AAAA,QACN,WAAa,EAAA,oBAAA;AAAA,QACb,IAAA,EAAM,aAAa,EAAC;AAAA,OACtB,CAAA;AACA,MAAO,OAAA,MAAA,CAAA;AAAA,KACR,CAAA,CAAA;AACD,IAAM,MAAA,YAAA,GAAe,SAAqB,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,CAAC,OAAQ,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,IAAA,KAAA;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"key-value-item.vue2.mjs","sources":["../../../../../../packages/components/key-value/src/components/key-value-item.vue"],"sourcesContent":["<template>\n  <ll-form\n    ref=\"form\"\n    :form-columns=\"formColumns\"\n    :form-data=\"props.value\"\n    :form-options=\"formOptions\"\n  >\n    <template #formItem=\"{ item }\">\n      <template v-if=\"item.key === 'other'\">\n        <div :class=\"bem.e('item')\">\n          <div\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":[],"mappings":";;;;;;;;;;;;;;;;AAqJA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAEd,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,IAAM,MAAA,GAAA,GAAM,gBAAgB,WAAW,CAAA,CAAA;AACvC,IAAM,MAAA,UAAA,GAAa,GAAI,CAAA,KAAA,CAAM,KAAK,CAAA,CAAA;AAElC,IAAM,MAAA,UAAA,GAAa,SAAqB,MAAM;AAC5C,MAAM,MAAA,MAAA,GAAS,KAAM,CAAA,UAAU,CAAK,IAAA;AAAA,QAClC,IAAM,EAAA,OAAA;AAAA,QACN,WAAa,EAAA,oBAAA;AAAA,QACb,IAAA,EAAM,aAAa,EAAC;AAAA,OACtB,CAAA;AACA,MAAO,OAAA,MAAA,CAAA;AAAA,KACR,CAAA,CAAA;AACD,IAAM,MAAA,YAAA,GAAe,SAAqB,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,CAAC,OAAQ,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,IAAA,KAAA;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/es/components/key-value/src/config/key-value-item.d.ts

@@ -233,12 +233,18 @@ export declare const formColumns: {
         span: number;
     };
 }[];
-export interface KeyValueItem {
+export type KeyValueItem = {
     key: string | null;
-    value: string | null;
-}
+    value: any | null;
+} | Record<string, any>;
 export declare const keyValueItemProps: {
-    readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => KeyValueItem) | (() => KeyValueItem) | ((new (...args: any[]) => KeyValueItem) | (() => KeyValueItem))[], unknown, unknown, () => {
+    readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => Record<string, any> | {
+        key: string | null;
+        value: any | null;
+    }) | (() => KeyValueItem) | ((new (...args: any[]) => Record<string, any> | {
+        key: string | null;
+        value: any | null;
+    }) | (() => KeyValueItem))[], unknown, unknown, () => {
         key: string;
         value: string;
     }, boolean>;

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

@@ -1 +1 @@
-{"version":3,"file":"key-value-item.mjs","sources":["../../../../../../packages/components/key-value/src/config/key-value-item.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\nimport type { FormProps } from 'ant-design-vue'\n\nexport const typeRules = [\n  {\n    trigger: ['blur', 'change'],\n    message: '此字段是必需的',\n    validator: async (_rule: any, value: any) => {\n      if (!value) {\n        return Promise.reject(new Error('此字段是必需的'))\n      } else {\n        return Promise.resolve()\n      }\n    }\n  }\n]\nexport const formOptions = {\n  layout: 'horizontal',\n  labelAlign: 'left'\n} as FormProps\n\nexport const formColumns = [\n  {\n    key: 'other',\n    labelCol: {\n      span: 24\n    }\n  }\n]\n\nexport interface KeyValueItem {\n  key: string | null\n  value: string | null\n}\nexport const keyValueItemProps = buildProps({\n  value: {\n    type: definePropType<KeyValueItem>(Object),\n    default: () => ({\n      key: '',\n      value: ''\n    })\n  },\n  keyValueTypeDict: {\n    type: Object,\n    default: () => ({})\n  },\n  showDelete: {\n    type: Boolean,\n    default: true\n  }\n} as const)\n\nexport const keyValueItemEmits = {\n  delete: () => true,\n  change: () => true,\n  'update:value': (value: KeyValueItem) => !!value\n}\n"],"names":[],"mappings":";;;;AAGO,MAAM,SAAY,GAAA;AAAA,EACvB;AAAA,IACE,OAAA,EAAS,CAAC,MAAA,EAAQ,QAAQ,CAAA;AAAA,IAC1B,OAAS,EAAA,4CAAA;AAAA,IACT,SAAA,EAAW,OAAO,KAAA,EAAY,KAAe,KAAA;AAC3C,MAAA,IAAI,CAAC,KAAO,EAAA;AACV,QAAA,OAAO,OAAQ,CAAA,MAAA,CAAO,IAAI,KAAA,CAAM,4CAAS,CAAC,CAAA,CAAA;AAAA,OACrC,MAAA;AACL,QAAA,OAAO,QAAQ,OAAQ,EAAA,CAAA;AAAA,OACzB;AAAA,KACF;AAAA,GACF;AACF,EAAA;AACO,MAAM,WAAc,GAAA;AAAA,EACzB,MAAQ,EAAA,YAAA;AAAA,EACR,UAAY,EAAA,MAAA;AACd,EAAA;AAEO,MAAM,WAAc,GAAA;AAAA,EACzB;AAAA,IACE,GAAK,EAAA,OAAA;AAAA,IACL,QAAU,EAAA;AAAA,MACR,IAAM,EAAA,EAAA;AAAA,KACR;AAAA,GACF;AACF,EAAA;AAMO,MAAM,oBAAoB,UAAW,CAAA;AAAA,EAC1C,KAAO,EAAA;AAAA,IACL,IAAA,EAAM,eAA6B,MAAM,CAAA;AAAA,IACzC,SAAS,OAAO;AAAA,MACd,GAAK,EAAA,EAAA;AAAA,MACL,KAAO,EAAA,EAAA;AAAA,KACT,CAAA;AAAA,GACF;AAAA,EACA,gBAAkB,EAAA;AAAA,IAChB,IAAM,EAAA,MAAA;AAAA,IACN,OAAA,EAAS,OAAO,EAAC,CAAA;AAAA,GACnB;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AACF,CAAU,EAAA;AAEH,MAAM,iBAAoB,GAAA;AAAA,EAC/B,QAAQ,MAAM,IAAA;AAAA,EACd,QAAQ,MAAM,IAAA;AAAA,EACd,cAAgB,EAAA,CAAC,KAAwB,KAAA,CAAC,CAAC,KAAA;AAC7C;;;;"}
+{"version":3,"file":"key-value-item.mjs","sources":["../../../../../../packages/components/key-value/src/config/key-value-item.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\nimport type { FormProps } from 'ant-design-vue'\n\nexport const typeRules = [\n  {\n    trigger: ['blur', 'change'],\n    message: '此字段是必需的',\n    validator: async (_rule: any, value: any) => {\n      if (!value) {\n        return Promise.reject(new Error('此字段是必需的'))\n      } else {\n        return Promise.resolve()\n      }\n    }\n  }\n]\nexport const formOptions = {\n  layout: 'horizontal',\n  labelAlign: 'left'\n} as FormProps\n\nexport const formColumns = [\n  {\n    key: 'other',\n    labelCol: {\n      span: 24\n    }\n  }\n]\n\nexport type KeyValueItem =\n  | {\n      key: string | null\n      value: any | null\n    }\n  | Record<string, any>\nexport const keyValueItemProps = buildProps({\n  value: {\n    type: definePropType<KeyValueItem>(Object),\n    default: () => ({\n      key: '',\n      value: ''\n    })\n  },\n  keyValueTypeDict: {\n    type: Object,\n    default: () => ({})\n  },\n  showDelete: {\n    type: Boolean,\n    default: true\n  }\n} as const)\n\nexport const keyValueItemEmits = {\n  delete: () => true,\n  change: () => true,\n  'update:value': (value: KeyValueItem) => !!value\n}\n"],"names":[],"mappings":";;;;AAGO,MAAM,SAAY,GAAA;AAAA,EACvB;AAAA,IACE,OAAA,EAAS,CAAC,MAAA,EAAQ,QAAQ,CAAA;AAAA,IAC1B,OAAS,EAAA,4CAAA;AAAA,IACT,SAAA,EAAW,OAAO,KAAA,EAAY,KAAe,KAAA;AAC3C,MAAA,IAAI,CAAC,KAAO,EAAA;AACV,QAAA,OAAO,OAAQ,CAAA,MAAA,CAAO,IAAI,KAAA,CAAM,4CAAS,CAAC,CAAA,CAAA;AAAA,OACrC,MAAA;AACL,QAAA,OAAO,QAAQ,OAAQ,EAAA,CAAA;AAAA,OACzB;AAAA,KACF;AAAA,GACF;AACF,EAAA;AACO,MAAM,WAAc,GAAA;AAAA,EACzB,MAAQ,EAAA,YAAA;AAAA,EACR,UAAY,EAAA,MAAA;AACd,EAAA;AAEO,MAAM,WAAc,GAAA;AAAA,EACzB;AAAA,IACE,GAAK,EAAA,OAAA;AAAA,IACL,QAAU,EAAA;AAAA,MACR,IAAM,EAAA,EAAA;AAAA,KACR;AAAA,GACF;AACF,EAAA;AAQO,MAAM,oBAAoB,UAAW,CAAA;AAAA,EAC1C,KAAO,EAAA;AAAA,IACL,IAAA,EAAM,eAA6B,MAAM,CAAA;AAAA,IACzC,SAAS,OAAO;AAAA,MACd,GAAK,EAAA,EAAA;AAAA,MACL,KAAO,EAAA,EAAA;AAAA,KACT,CAAA;AAAA,GACF;AAAA,EACA,gBAAkB,EAAA;AAAA,IAChB,IAAM,EAAA,MAAA;AAAA,IACN,OAAA,EAAS,OAAO,EAAC,CAAA;AAAA,GACnB;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AACF,CAAU,EAAA;AAEH,MAAM,iBAAoB,GAAA;AAAA,EAC/B,QAAQ,MAAM,IAAA;AAAA,EACd,QAAQ,MAAM,IAAA;AAAA,EACd,cAAgB,EAAA,CAAC,KAAwB,KAAA,CAAC,CAAC,KAAA;AAC7C;;;;"}

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

@@ -7,7 +7,7 @@ export interface KeyType {
     value: string;
     option: FormColumn;
 }
-type Type = 'single' | 'doubt';
+type KeyValueType = 'single' | 'doubt';
 export declare const getKeyValueItem: () => {
     key: null;
     value: null;
@@ -22,7 +22,7 @@ export declare const keyValueProps: {
     readonly keyLabel: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly valueLabel: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly addText: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "添加", boolean>;
-    readonly type: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "single" | "doubt") | (() => Type) | ((new (...args: any[]) => "single" | "doubt") | (() => Type))[], unknown, unknown, "doubt", boolean>;
+    readonly keyValueType: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "single" | "doubt") | (() => KeyValueType) | ((new (...args: any[]) => "single" | "doubt") | (() => KeyValueType))[], unknown, unknown, "doubt", boolean>;
     readonly keyType: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => any) | (() => any) | {
         (): any;
         new (): any;
@@ -51,6 +51,7 @@ export declare const keyValueProps: {
 };
 export declare const keyValueEmits: {
     change: (value: KeyValueItem[]) => boolean;
+    add: () => boolean;
     'update:value': (value: KeyValueItem[]) => boolean;
 };
 export type KeyValueProps = ExtractPropTypes<typeof keyValueProps>;

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

@@ -31,7 +31,7 @@ const keyValueProps = buildProps({
     type: String,
     default: "\u6DFB\u52A0"
   },
-  type: {
+  keyValueType: {
     type: definePropType(String),
     default: "doubt"
   },
@@ -39,7 +39,7 @@ const keyValueProps = buildProps({
     type: definePropType(Object),
     default: () => ({
       type: "input",
-      placeholder: "\u8BF7\u8F93\u5165key"
+      placeholder: "\u8BF7\u8F93\u5165value"
     })
   },
   keyTypes: {
@@ -56,6 +56,7 @@ const keyValueProps = buildProps({
 });
 const keyValueEmits = {
   change: (value) => !!value,
+  add: () => true,
   "update:value": (value) => !!value
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"key-value.mjs","sources":["../../../../../../packages/components/key-value/src/config/key-value.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport { type FormColumn } from '@ll-plus/components'\nimport type { KeyValueItem } from './key-value-item'\nimport type KeyValue from '../key-value.vue'\n\nexport interface KeyType {\n  label: string\n  value: string\n  option: FormColumn\n}\n\ntype Type = 'single' | 'doubt'\n\nexport const getKeyValueItem = () => ({\n  key: null,\n  value: null\n})\n\nexport const keyValueProps = buildProps({\n  value: {\n    type: definePropType<KeyValueItem[]>(Array),\n    default: () => [{ key: '', value: '' }]\n  },\n  loading: {\n    type: Boolean,\n    default: false\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  keyLabel: {\n    type: String,\n    default: ''\n  },\n  valueLabel: {\n    type: String,\n    default: ''\n  },\n  addText: {\n    type: String,\n    default: '添加'\n  },\n  type: {\n    type: definePropType<Type>(String),\n    default: 'doubt'\n  },\n  keyType: {\n    type: definePropType<FormColumn>(Object),\n    default: () => ({\n      type: 'input',\n      placeholder: '请输入key'\n    })\n  },\n  keyTypes: {\n    type: definePropType<KeyType[]>(Array),\n    default: () => []\n  },\n  valueType: {\n    type: definePropType<FormColumn>(Object),\n    default: () => ({\n      type: 'input',\n      placeholder: '请输入key'\n    })\n  }\n} as const)\n\nexport const keyValueEmits = {\n  change: (value: KeyValueItem[]) => !!value,\n  'update:value': (value: KeyValueItem[]) => !!value\n}\n\n// props\nexport type KeyValueProps = ExtractPropTypes<typeof keyValueProps>\n// emits\nexport type KeyValueEmits = typeof keyValueEmits\n// instance\nexport type KeyValueInstance = InstanceType<typeof KeyValue>\n"],"names":[],"mappings":";;;;AAeO,MAAM,kBAAkB,OAAO;AAAA,EACpC,GAAK,EAAA,IAAA;AAAA,EACL,KAAO,EAAA,IAAA;AACT,CAAA,EAAA;AAEO,MAAM,gBAAgB,UAAW,CAAA;AAAA,EACtC,KAAO,EAAA;AAAA,IACL,IAAA,EAAM,eAA+B,KAAK,CAAA;AAAA,IAC1C,OAAA,EAAS,MAAM,CAAC,EAAE,KAAK,EAAI,EAAA,KAAA,EAAO,IAAI,CAAA;AAAA,GACxC;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,cAAA;AAAA,GACX;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAA,EAAM,eAAqB,MAAM,CAAA;AAAA,IACjC,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAA,EAAM,eAA2B,MAAM,CAAA;AAAA,IACvC,SAAS,OAAO;AAAA,MACd,IAAM,EAAA,OAAA;AAAA,MACN,WAAa,EAAA,uBAAA;AAAA,KACf,CAAA;AAAA,GACF;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAA,EAAM,eAA0B,KAAK,CAAA;AAAA,IACrC,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAA,EAAM,eAA2B,MAAM,CAAA;AAAA,IACvC,SAAS,OAAO;AAAA,MACd,IAAM,EAAA,OAAA;AAAA,MACN,WAAa,EAAA,uBAAA;AAAA,KACf,CAAA;AAAA,GACF;AACF,CAAU,EAAA;AAEH,MAAM,aAAgB,GAAA;AAAA,EAC3B,MAAQ,EAAA,CAAC,KAA0B,KAAA,CAAC,CAAC,KAAA;AAAA,EACrC,cAAgB,EAAA,CAAC,KAA0B,KAAA,CAAC,CAAC,KAAA;AAC/C;;;;"}
+{"version":3,"file":"key-value.mjs","sources":["../../../../../../packages/components/key-value/src/config/key-value.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport { type FormColumn } from '@ll-plus/components'\nimport type { KeyValueItem } from './key-value-item'\nimport type KeyValue from '../key-value.vue'\n\nexport interface KeyType {\n  label: string\n  value: string\n  option: FormColumn\n}\n\ntype KeyValueType = 'single' | 'doubt'\n\nexport const getKeyValueItem = () => ({\n  key: null,\n  value: null\n})\n\nexport const keyValueProps = buildProps({\n  value: {\n    type: definePropType<KeyValueItem[]>(Array),\n    default: () => [{ key: '', value: '' }]\n  },\n  loading: {\n    type: Boolean,\n    default: false\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  keyLabel: {\n    type: String,\n    default: ''\n  },\n  valueLabel: {\n    type: String,\n    default: ''\n  },\n  addText: {\n    type: String,\n    default: '添加'\n  },\n  keyValueType: {\n    type: definePropType<KeyValueType>(String),\n    default: 'doubt'\n  },\n  keyType: {\n    type: definePropType<FormColumn>(Object),\n    default: () => ({\n      type: 'input',\n      placeholder: '请输入value'\n    })\n  },\n  keyTypes: {\n    type: definePropType<KeyType[]>(Array),\n    default: () => []\n  },\n  valueType: {\n    type: definePropType<FormColumn>(Object),\n    default: () => ({\n      type: 'input',\n      placeholder: '请输入key'\n    })\n  }\n} as const)\n\nexport const keyValueEmits = {\n  change: (value: KeyValueItem[]) => !!value,\n  add: () => true,\n  'update:value': (value: KeyValueItem[]) => !!value\n}\n\n// props\nexport type KeyValueProps = ExtractPropTypes<typeof keyValueProps>\n// emits\nexport type KeyValueEmits = typeof keyValueEmits\n// instance\nexport type KeyValueInstance = InstanceType<typeof KeyValue>\n"],"names":[],"mappings":";;;;AAeO,MAAM,kBAAkB,OAAO;AAAA,EACpC,GAAK,EAAA,IAAA;AAAA,EACL,KAAO,EAAA,IAAA;AACT,CAAA,EAAA;AAEO,MAAM,gBAAgB,UAAW,CAAA;AAAA,EACtC,KAAO,EAAA;AAAA,IACL,IAAA,EAAM,eAA+B,KAAK,CAAA;AAAA,IAC1C,OAAA,EAAS,MAAM,CAAC,EAAE,KAAK,EAAI,EAAA,KAAA,EAAO,IAAI,CAAA;AAAA,GACxC;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,cAAA;AAAA,GACX;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,IAAA,EAAM,eAA6B,MAAM,CAAA;AAAA,IACzC,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAA,EAAM,eAA2B,MAAM,CAAA;AAAA,IACvC,SAAS,OAAO;AAAA,MACd,IAAM,EAAA,OAAA;AAAA,MACN,WAAa,EAAA,yBAAA;AAAA,KACf,CAAA;AAAA,GACF;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAA,EAAM,eAA0B,KAAK,CAAA;AAAA,IACrC,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAA,EAAM,eAA2B,MAAM,CAAA;AAAA,IACvC,SAAS,OAAO;AAAA,MACd,IAAM,EAAA,OAAA;AAAA,MACN,WAAa,EAAA,uBAAA;AAAA,KACf,CAAA;AAAA,GACF;AACF,CAAU,EAAA;AAEH,MAAM,aAAgB,GAAA;AAAA,EAC3B,MAAQ,EAAA,CAAC,KAA0B,KAAA,CAAC,CAAC,KAAA;AAAA,EACrC,KAAK,MAAM,IAAA;AAAA,EACX,cAAgB,EAAA,CAAC,KAA0B,KAAA,CAAC,CAAC,KAAA;AAC/C;;;;"}

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

@@ -8,7 +8,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly keyLabel: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly valueLabel: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly addText: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "添加", boolean>;
-    readonly type: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "single" | "doubt") | (() => "single" | "doubt") | ((new (...args: any[]) => "single" | "doubt") | (() => "single" | "doubt"))[], unknown, unknown, "doubt", boolean>;
+    readonly keyValueType: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "single" | "doubt") | (() => "single" | "doubt") | ((new (...args: any[]) => "single" | "doubt") | (() => "single" | "doubt"))[], unknown, unknown, "doubt", boolean>;
     readonly keyType: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => any) | (() => any) | {
         (): any;
         new (): any;
@@ -36,20 +36,21 @@ declare const _default: import("vue").DefineComponent<{
     }, boolean>;
 }, {
     props: import("@vue/shared").LooseRequired<{
-        readonly type: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "single" | "doubt") | (() => "single" | "doubt") | ((new (...args: any[]) => "single" | "doubt") | (() => "single" | "doubt"))[], unknown, unknown>;
-        readonly disabled: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly value: import("./config").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;
         readonly valueLabel: string;
         readonly addText: string;
+        readonly keyValueType: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "single" | "doubt") | (() => "single" | "doubt") | ((new (...args: any[]) => "single" | "doubt") | (() => "single" | "doubt"))[], unknown, unknown>;
         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;
     } & {}>;
-    emits: ((event: "change", value: import("./config").KeyValueItem[]) => void) & ((event: "update:value", value: import("./config").KeyValueItem[]) => void);
+    emits: ((event: "add") => void) & ((event: "change", value: import("./config").KeyValueItem[]) => void) & ((event: "update:value", value: import("./config").KeyValueItem[]) => void);
     bem: {
         b: (blockSuffix?: string) => string;
         e: (element?: string) => string;
@@ -60,17 +61,23 @@ declare const _default: import("vue").DefineComponent<{
         bem: (blockSuffix: string, element: string, modifier: string) => string;
         is: (name?: string) => string;
     };
-    innerValue: import("vue").Ref<{
+    innerValue: import("vue").Ref<(Record<string, any> | {
         key: string | null;
-        value: string | null;
-    }[]>;
+        value: any;
+    })[]>;
     keyValueItems: import("vue").Ref<any[]>;
     keyValueTypeDict: import("vue").ComputedRef<{}>;
     handleAddItem: () => void;
     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 value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => Record<string, any> | {
+            key: string | null;
+            value: any;
+        }) | (() => import("./config").KeyValueItem) | ((new (...args: any[]) => Record<string, any> | {
+            key: string | null;
+            value: any;
+        }) | (() => import("./config").KeyValueItem))[], unknown, unknown, () => {
             key: string;
             value: string;
         }, boolean>;
@@ -99,9 +106,9 @@ declare const _default: import("vue").DefineComponent<{
             bem: (blockSuffix: string, element: string, modifier: string) => string;
             is: (name?: string) => string;
         };
-        innerValue: import("vue").Ref<{
+        innerValue: import("vue").Ref<Record<string, any> | {
             key: string | null;
-            value: string | null;
+            value: any;
         }>;
         getKeyType: import("vue").ComputedRef<any>;
         getValueType: import("vue").ComputedRef<any>;
@@ -352,7 +359,13 @@ declare const _default: import("vue").DefineComponent<{
         change: () => boolean;
         'update:value': (value: import("./config").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[]) => Record<string, any> | {
+            key: string | null;
+            value: any;
+        }) | (() => import("./config").KeyValueItem) | ((new (...args: any[]) => Record<string, any> | {
+            key: string | null;
+            value: any;
+        }) | (() => import("./config").KeyValueItem))[], unknown, unknown, () => {
             key: string;
             value: string;
         }, boolean>;
@@ -369,6 +382,7 @@ declare const _default: import("vue").DefineComponent<{
     }, {}>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (value: import("./config").KeyValueItem[]) => boolean;
+    add: () => boolean;
     'update:value': (value: import("./config").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, () => {
@@ -380,7 +394,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly keyLabel: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly valueLabel: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly addText: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "添加", boolean>;
-    readonly type: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "single" | "doubt") | (() => "single" | "doubt") | ((new (...args: any[]) => "single" | "doubt") | (() => "single" | "doubt"))[], unknown, unknown, "doubt", boolean>;
+    readonly keyValueType: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "single" | "doubt") | (() => "single" | "doubt") | ((new (...args: any[]) => "single" | "doubt") | (() => "single" | "doubt"))[], unknown, unknown, "doubt", boolean>;
     readonly keyType: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => any) | (() => any) | {
         (): any;
         new (): any;
@@ -409,14 +423,15 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     onChange?: ((value: import("./config").KeyValueItem[]) => any) | undefined;
     "onUpdate:value"?: ((value: import("./config").KeyValueItem[]) => any) | undefined;
+    onAdd?: (() => any) | undefined;
 }, {
-    readonly type: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "single" | "doubt") | (() => "single" | "doubt") | ((new (...args: any[]) => "single" | "doubt") | (() => "single" | "doubt"))[], unknown, unknown>;
-    readonly disabled: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly value: import("./config").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;
     readonly valueLabel: string;
     readonly addText: string;
+    readonly keyValueType: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "single" | "doubt") | (() => "single" | "doubt") | ((new (...args: any[]) => "single" | "doubt") | (() => "single" | "doubt"))[], unknown, unknown>;
     readonly keyType: any;
     readonly keyTypes: import("./config").KeyType[];
     readonly valueType: any;

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

@@ -28,6 +28,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const handleAddItem = () => {
       innerValue.value.push(getKeyValueItem());
+      emits("add");
     };
     const handleDelete = (idx) => {
       innerValue.value.splice(idx, 1);
@@ -36,9 +37,15 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       emits("change", innerValue.value);
       emits("update:value", innerValue.value);
     };
-    watch(innerValue, (n) => {
-      emits("update:value", n);
-    });
+    watch(
+      () => props.value,
+      (n) => {
+        innerValue.value = n && n.length > 0 ? n : [{ key: null, value: null }];
+      },
+      {
+        immediate: true
+      }
+    );
     return (_ctx, _cache) => {
       const _component_ll_icon = resolveComponent("ll-icon");
       const _component_ll_button = resolveComponent("ll-button");
@@ -61,12 +68,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                     key: idx,
                     ref_for: true,
                     ref: (el) => keyValueItems.value[idx] = el,
-                    value: props.value[idx],
+                    value: innerValue.value[idx],
+                    "onUpdate:value": ($event) => innerValue.value[idx] = $event,
                     "key-label": props.keyLabel,
                     "value-label": props.valueLabel,
                     "key-value-type-dict": keyValueTypeDict.value,
                     "show-delete": idx > 0,
-                    type: props.type,
+                    "key-value-type": props.keyValueType,
                     "key-type": props.keyType,
                     "key-types": props.keyTypes,
                     "value-type": props.valueType,
@@ -85,7 +93,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                         ])
                       };
                     })
-                  ]), 1032, ["value", "key-label", "value-label", "key-value-type-dict", "show-delete", "type", "key-type", "key-types", "value-type", "disabled", "onDelete"]);
+                  ]), 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"]);
                 }),
                 128
                 /* KEYED_FRAGMENT */

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        :value=\"props.value[idx]\"\n        :key-label=\"props.keyLabel\"\n        :value-label=\"props.valueLabel\"\n        :key-value-type-dict=\"keyValueTypeDict\"\n        :show-delete=\"idx > 0\"\n        :type=\"props.type\"\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'\nimport { createNamespace } from '@ll-plus/utils'\nimport { keyValueProps, keyValueEmits, getKeyValueItem } 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\nconst handleAddItem = () => {\n  innerValue.value.push(getKeyValueItem())\n}\n\nconst handleDelete = (idx: number) => {\n  innerValue.value.splice(idx, 1)\n}\n\nconst handleChange = () => {\n  emits('change', innerValue.value)\n  emits('update:value', innerValue.value)\n}\nwatch(innerValue, n => {\n  emits('update:value', n)\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAqDA,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;AAED,IAAA,MAAM,gBAAgB,MAAM;AAC1B,MAAW,UAAA,CAAA,KAAA,CAAM,IAAK,CAAA,eAAA,EAAiB,CAAA,CAAA;AAAA,KACzC,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;AACzB,MAAM,KAAA,CAAA,QAAA,EAAU,WAAW,KAAK,CAAA,CAAA;AAChC,MAAM,KAAA,CAAA,cAAA,EAAgB,WAAW,KAAK,CAAA,CAAA;AAAA,KACxC,CAAA;AACA,IAAA,KAAA,CAAM,YAAY,CAAK,CAAA,KAAA;AACrB,MAAA,KAAA,CAAM,gBAAgB,CAAC,CAAA,CAAA;AAAA,KACxB,CAAA,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\"\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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}