ll-plus 2.1.10 → 2.1.12

package/es/component.mjs

@@ -33,6 +33,7 @@ import { LlSteps } from './components/steps/index.mjs';
 import { LlSwitch } from './components/switch/index.mjs';
 import { LlTable } from './components/table/index.mjs';
 import { LlTabsSimple } from './components/tabs-simple/index.mjs';
+import { LlTagGroup } from './components/tag-group/index.mjs';
 import { LlTextarea } from './components/textarea/index.mjs';
 import { LlTimePicker } from './components/time-picker/index.mjs';
 import { LlTimeRange } from './components/time-range/index.mjs';
@@ -85,6 +86,7 @@ var Components = [
   LlSwitch,
   LlTable,
   LlTabsSimple,
+  LlTagGroup,
   LlTextarea,
   LlTimePicker,
   LlTimeRange,

package/es/component.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"component.mjs","sources":["../../packages/ll-plus/component.ts"],"sourcesContent":["import type { Plugin } from 'vue'\n\nimport {\n  LlAdvancedFiltering,\n  LlAdvancedFilteringParams,\n  LlAdvancedFilteringTags,\n  LlAvatar,\n  LlButton,\n  LlCascader,\n  LlCheckbox,\n  LlCheckboxGroup,\n  LlCodeEditor,\n  LlConfigProvider,\n  LlDatePicker,\n  LlDateRange,\n  LlDescriptions,\n  LlDescriptionsItem,\n  LlDrawer,\n  LlEmpty,\n  LlForm,\n  LlFormItem,\n  LlIcon,\n  LlIconBase,\n  LlIconPicker,\n  LlInput,\n  LlInputNumber,\n  LlKeyValue,\n  LlModal,\n  LlOperateIcon,\n  LlOperateTree,\n  LlRadio,\n  LlRadioButton,\n  LlRadioGroup,\n  LlSecondConfirmation,\n  LlSegmented,\n  LlSelect,\n  LlSelectOption,\n  LlSelectOptGroup,\n  LlSelectGroup,\n  LlSpace,\n  LlSteps,\n  LlSwitch,\n  LlTable,\n  LlTabsSimple,\n  LlTextarea,\n  LlTimePicker,\n  LlTimeRange,\n  LlTooltip,\n  LlTreeSearch,\n  LlTree,\n  LlDropdown,\n  LlUploadDrag\n} from '@ll-plus/components/index'\n\nexport default [\n  LlAdvancedFiltering,\n  LlAdvancedFilteringParams,\n  LlAdvancedFilteringTags,\n  LlAvatar,\n  LlButton,\n  LlCascader,\n  LlCheckbox,\n  LlCheckboxGroup,\n  LlCodeEditor,\n  LlConfigProvider,\n  LlDatePicker,\n  LlDateRange,\n  LlDescriptions,\n  LlDescriptionsItem,\n  LlDrawer,\n  LlEmpty,\n  LlForm,\n  LlFormItem,\n  LlIcon,\n  LlIconBase,\n  LlIconPicker,\n  LlInput,\n  LlInputNumber,\n  LlKeyValue,\n  LlModal,\n  LlOperateIcon,\n  LlOperateTree,\n  LlRadio,\n  LlRadioButton,\n  LlRadioGroup,\n  LlSecondConfirmation,\n  LlSegmented,\n  LlSelect,\n  LlSelectOption,\n  LlSelectOptGroup,\n  LlSelectGroup,\n  LlSpace,\n  LlSteps,\n  LlSwitch,\n  LlTable,\n  LlTabsSimple,\n  LlTextarea,\n  LlTimePicker,\n  LlTimeRange,\n  LlTooltip,\n  LlTreeSearch,\n  LlTree,\n  LlDropdown,\n  LlUploadDrag\n] as Plugin[]\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsDA,iBAAe;AAAA,EACb,mBAAA;AAAA,EACA,yBAAA;AAAA,EACA,uBAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AAAA,EACA,eAAA;AAAA,EACA,YAAA;AAAA,EACA,gBAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA,cAAA;AAAA,EACA,kBAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAA;AAAA,EACA,YAAA;AAAA,EACA,oBAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA;AAAA,EACA,cAAA;AAAA,EACA,gBAAA;AAAA,EACA,aAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AACF,CAAA;;;;"}
+{"version":3,"file":"component.mjs","sources":["../../packages/ll-plus/component.ts"],"sourcesContent":["import type { Plugin } from 'vue'\n\nimport {\n  LlAdvancedFiltering,\n  LlAdvancedFilteringParams,\n  LlAdvancedFilteringTags,\n  LlAvatar,\n  LlButton,\n  LlCascader,\n  LlCheckbox,\n  LlCheckboxGroup,\n  LlCodeEditor,\n  LlConfigProvider,\n  LlDatePicker,\n  LlDateRange,\n  LlDescriptions,\n  LlDescriptionsItem,\n  LlDrawer,\n  LlEmpty,\n  LlForm,\n  LlFormItem,\n  LlIcon,\n  LlIconBase,\n  LlIconPicker,\n  LlInput,\n  LlInputNumber,\n  LlKeyValue,\n  LlModal,\n  LlOperateIcon,\n  LlOperateTree,\n  LlRadio,\n  LlRadioButton,\n  LlRadioGroup,\n  LlSecondConfirmation,\n  LlSegmented,\n  LlSelect,\n  LlSelectOption,\n  LlSelectOptGroup,\n  LlSelectGroup,\n  LlSpace,\n  LlSteps,\n  LlSwitch,\n  LlTable,\n  LlTabsSimple,\n  LlTagGroup,\n  LlTextarea,\n  LlTimePicker,\n  LlTimeRange,\n  LlTooltip,\n  LlTreeSearch,\n  LlTree,\n  LlDropdown,\n  LlUploadDrag\n} from '@ll-plus/components/index'\n\nexport default [\n  LlAdvancedFiltering,\n  LlAdvancedFilteringParams,\n  LlAdvancedFilteringTags,\n  LlAvatar,\n  LlButton,\n  LlCascader,\n  LlCheckbox,\n  LlCheckboxGroup,\n  LlCodeEditor,\n  LlConfigProvider,\n  LlDatePicker,\n  LlDateRange,\n  LlDescriptions,\n  LlDescriptionsItem,\n  LlDrawer,\n  LlEmpty,\n  LlForm,\n  LlFormItem,\n  LlIcon,\n  LlIconBase,\n  LlIconPicker,\n  LlInput,\n  LlInputNumber,\n  LlKeyValue,\n  LlModal,\n  LlOperateIcon,\n  LlOperateTree,\n  LlRadio,\n  LlRadioButton,\n  LlRadioGroup,\n  LlSecondConfirmation,\n  LlSegmented,\n  LlSelect,\n  LlSelectOption,\n  LlSelectOptGroup,\n  LlSelectGroup,\n  LlSpace,\n  LlSteps,\n  LlSwitch,\n  LlTable,\n  LlTabsSimple,\n  LlTagGroup,\n  LlTextarea,\n  LlTimePicker,\n  LlTimeRange,\n  LlTooltip,\n  LlTreeSearch,\n  LlTree,\n  LlDropdown,\n  LlUploadDrag\n] as Plugin[]\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuDA,iBAAe;AAAA,EACb,mBAAA;AAAA,EACA,yBAAA;AAAA,EACA,uBAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AAAA,EACA,eAAA;AAAA,EACA,YAAA;AAAA,EACA,gBAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA,cAAA;AAAA,EACA,kBAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAA;AAAA,EACA,YAAA;AAAA,EACA,oBAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA;AAAA,EACA,cAAA;AAAA,EACA,gBAAA;AAAA,EACA,aAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AACF,CAAA;;;;"}

package/es/components/code-editor/src/code-editor.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"code-editor.vue2.mjs","sources":["../../../../../packages/components/code-editor/src/code-editor.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"codeEditBox\"\n    :class=\"bem.b()\"\n    :style=\"{\n      width: props.width,\n      height: props.height\n    }\"\n  />\n</template>\n\n<script lang=\"ts\" setup>\nimport { onBeforeUnmount, onMounted, ref, watch } from 'vue'\nimport {\n  codeEditorProps,\n  codeEditorEmits,\n  defaultOptions,\n  codeThemeList\n} from './config'\nimport { createNamespace } from '@ll-plus/utils'\n// @ts-ignore\nimport * as monaco from 'monaco-editor'\n// // @ts-ignore\n// import EditorWorker from 'monaco-editor/esm/vs/editor/editor.worker?worker'\n// // @ts-ignore\n// import jsonWorker from 'monaco-editor/esm/vs/language/json/json.worker?worker'\n// // @ts-ignore\n// import cssWorker from 'monaco-editor/esm/vs/language/css/css.worker?worker'\n// // @ts-ignore\n// import htmlWorker from 'monaco-editor/esm/vs/language/html/html.worker?worker'\n// // @ts-ignore\n// import tsWorker from 'monaco-editor/esm/vs/language/typescript/ts.worker?worker'\n\ndefineOptions({ name: 'LlCodeEditor' })\n\nconst props = defineProps(codeEditorProps)\nconst emits = defineEmits(codeEditorEmits)\nconst bem = createNamespace('code-editor')\nself.MonacoEnvironment = {\n  getWorker(_: string, label: string) {\n    if (label === 'json') {\n      return new Worker(\n        new URL(\n          'monaco-editor/esm/vs/language/json/json.worker.js',\n          import.meta.url\n        ),\n        { type: 'module' }\n      )\n    }\n    if (['css', 'scss', 'less'].includes(label)) {\n      return new Worker(\n        new URL(\n          'monaco-editor/esm/vs/language/css/css.worker.js',\n          import.meta.url\n        ),\n        { type: 'module' }\n      )\n    }\n    if (['html', 'handlebars', 'razor'].includes(label)) {\n      return new Worker(\n        new URL(\n          'monaco-editor/esm/vs/language/html/html.worker.js',\n          import.meta.url\n        ),\n        { type: 'module' }\n      )\n    }\n    if (['typescript', 'javascript'].includes(label)) {\n      return new Worker(\n        new URL(\n          'monaco-editor/esm/vs/language/typescript/ts.worker.js',\n          import.meta.url\n        ),\n        { type: 'module' }\n      )\n    }\n    return new Worker(\n      new URL('monaco-editor/esm/vs/editor/editor.worker.js', import.meta.url),\n      {\n        type: 'module'\n      }\n    )\n  }\n}\nlet editor: monaco.editor.IStandaloneCodeEditor\n\nconst codeEditBox = ref()\nconst init = () => {\n  monaco.languages.typescript.javascriptDefaults.setDiagnosticsOptions({\n    noSemanticValidation: true,\n    noSyntaxValidation: false\n  })\n  monaco.languages.typescript.javascriptDefaults.setCompilerOptions({\n    target: monaco.languages.typescript.ScriptTarget.ES2020,\n    allowNonTsExtensions: true\n  })\n\n  editor = monaco.editor.create(codeEditBox.value, {\n    value: props.value,\n    language: props.language,\n    theme: props.theme,\n    ...defaultOptions,\n    ...props.options\n  })\n  handleChangeTheme(props.theme)\n  // 监听值的变化\n  editor.onDidChangeModelContent(() => {\n    const value = editor.getValue() //给父组件实时返回最新文本\n    emits('update:value', value)\n    emits('change', value)\n  })\n\n  emits('editor-mounted', editor)\n}\nconst handleChangeTheme = async (theme: string) => {\n  const find = codeThemeList.find(item => item.value === theme)\n  if (find) {\n    const themeData = {\n      ...find.data\n    } as monaco.editor.IStandaloneThemeData\n    try {\n      monaco.editor.defineTheme(theme, themeData)\n      monaco.editor.setTheme(theme)\n    } catch (error) {\n      monaco.editor.setTheme('vs')\n    }\n  } else {\n    monaco.editor.setTheme('vs')\n  }\n}\nwatch(\n  () => props.value,\n  newValue => {\n    if (editor) {\n      const value = editor.getValue()\n      if (newValue !== value) {\n        editor.setValue(newValue)\n      }\n    }\n  }\n)\n\nwatch(\n  () => props.options,\n  newValue => {\n    editor.updateOptions(newValue)\n  },\n  { deep: true }\n)\n\nwatch(\n  () => props.language,\n  newValue => {\n    monaco.editor.setModelLanguage(editor.getModel()!, newValue)\n  }\n)\n\nonBeforeUnmount(() => {\n  editor.dispose()\n})\n\nonMounted(() => {\n  init()\n})\n</script>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"code-editor.vue2.mjs","sources":["../../../../../packages/components/code-editor/src/code-editor.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"codeEditBox\"\n    :class=\"bem.b()\"\n    :style=\"{\n      width: props.width,\n      height: props.height\n    }\"\n  />\n</template>\n\n<script lang=\"ts\" setup>\nimport { onBeforeUnmount, onMounted, ref, watch } from 'vue'\nimport {\n  codeEditorProps,\n  codeEditorEmits,\n  defaultOptions,\n  codeThemeList\n} from './config'\nimport { createNamespace } from '@ll-plus/utils'\n// @ts-ignore\nimport * as monaco from 'monaco-editor'\n\ndefineOptions({ name: 'LlCodeEditor' })\n\nconst props = defineProps(codeEditorProps)\nconst emits = defineEmits(codeEditorEmits)\nconst bem = createNamespace('code-editor')\n\nself.MonacoEnvironment = {\n  getWorker(_: string, label: string) {\n    if (label === 'json') {\n      return new Worker(\n        new URL(\n          'monaco-editor/esm/vs/language/json/json.worker.js',\n          import.meta.url\n        ),\n        { type: 'module' }\n      )\n    }\n    if (['css', 'scss', 'less'].includes(label)) {\n      return new Worker(\n        new URL(\n          'monaco-editor/esm/vs/language/css/css.worker.js',\n          import.meta.url\n        ),\n        { type: 'module' }\n      )\n    }\n    if (['html', 'handlebars', 'razor'].includes(label)) {\n      return new Worker(\n        new URL(\n          'monaco-editor/esm/vs/language/html/html.worker.js',\n          import.meta.url\n        ),\n        { type: 'module' }\n      )\n    }\n    if (['typescript', 'javascript'].includes(label)) {\n      return new Worker(\n        new URL(\n          'monaco-editor/esm/vs/language/typescript/ts.worker.js',\n          import.meta.url\n        ),\n        { type: 'module' }\n      )\n    }\n    return new Worker(\n      new URL('monaco-editor/esm/vs/editor/editor.worker.js', import.meta.url),\n      {\n        type: 'module'\n      }\n    )\n  }\n}\nlet editor: monaco.editor.IStandaloneCodeEditor\n\nconst codeEditBox = ref()\nconst init = () => {\n  monaco.languages.typescript.javascriptDefaults.setDiagnosticsOptions({\n    noSemanticValidation: true,\n    noSyntaxValidation: false\n  })\n  monaco.languages.typescript.javascriptDefaults.setCompilerOptions({\n    target: monaco.languages.typescript.ScriptTarget.ES2020,\n    allowNonTsExtensions: true\n  })\n\n  editor = monaco.editor.create(codeEditBox.value, {\n    value: props.value,\n    language: props.language,\n    theme: props.theme,\n    ...defaultOptions,\n    ...props.options\n  })\n  handleChangeTheme(props.theme)\n  // 监听值的变化\n  editor.onDidChangeModelContent(() => {\n    const value = editor.getValue() //给父组件实时返回最新文本\n    emits('update:value', value)\n    emits('change', value)\n  })\n\n  emits('editor-mounted', editor)\n}\nconst handleChangeTheme = async (theme: string) => {\n  const find = codeThemeList.find(item => item.value === theme)\n  if (find) {\n    const themeData = {\n      ...find.data\n    } as monaco.editor.IStandaloneThemeData\n    try {\n      monaco.editor.defineTheme(theme, themeData)\n      monaco.editor.setTheme(theme)\n    } catch (error) {\n      monaco.editor.setTheme('vs')\n    }\n  } else {\n    monaco.editor.setTheme('vs')\n  }\n}\nwatch(\n  () => props.value,\n  newValue => {\n    if (editor) {\n      const value = editor.getValue()\n      if (newValue !== value) {\n        editor.setValue(newValue)\n      }\n    }\n  }\n)\n\nwatch(\n  () => props.options,\n  newValue => {\n    editor.updateOptions(newValue)\n  },\n  { deep: true }\n)\n\nwatch(\n  () => props.language,\n  newValue => {\n    monaco.editor.setModelLanguage(editor.getModel()!, newValue)\n  }\n)\n\nonBeforeUnmount(() => {\n  editor.dispose()\n})\n\nonMounted(() => {\n  init()\n})\n</script>\n"],"names":[],"mappings":"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"}

package/es/components/index.d.ts

@@ -33,6 +33,7 @@ export * from './steps';
 export * from './switch';
 export * from './table';
 export * from './tabs-simple';
+export * from './tag-group';
 export * from './textarea';
 export * from './time-picker';
 export * from './time-range';

package/es/components/index.mjs

@@ -31,6 +31,7 @@ export { LlSteps } from './steps/index.mjs';
 export { LlSwitch } from './switch/index.mjs';
 export { LlTable } from './table/index.mjs';
 export { LlTabsSimple } from './tabs-simple/index.mjs';
+export { LlTagGroup } from './tag-group/index.mjs';
 export { LlTextarea } from './textarea/index.mjs';
 export { LlTimePicker } from './time-picker/index.mjs';
 export { LlTimeRange } from './time-range/index.mjs';
@@ -74,6 +75,7 @@ export { mainTableEmits, mainTableProps } from './table/src/config/main-table.mj
 export { tablePaginationProps } from './table/src/config/pagination.mjs';
 export { tableProps } from './table/src/config/table.mjs';
 export { tabsSimpleEmits, tabsSimpleProps } from './tabs-simple/src/tabs-simple.mjs';
+export { tagGroupEmits, tagGroupProps } from './tag-group/src/tag-group.mjs';
 export { placement, tooltipProps } from './tooltip/src/tooltip.mjs';
 export { treeSelectHeaderSearchEmits, treeSelectHeaderSearchProps } from './tree-search/src/config/header-search.mjs';
 export { treeSelectDirectoryTitleEmits, treeSelectDirectoryTitleProps } from './tree-search/src/config/directory-title.mjs';

package/es/components/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -62,8 +62,8 @@ export declare const LlKeyValue: import("ll-plus/es/utils").SFCWithInstall<impor
         is: (name?: string) => string;
     };
     innerValue: import("vue").Ref<{
-        key: string;
-        value: string;
+        key: string | null;
+        value: string | null;
     }[]>;
     keyValueItems: import("vue").Ref<any[]>;
     keyValueTypeDict: import("vue").ComputedRef<{}>;
@@ -101,8 +101,8 @@ export declare const LlKeyValue: import("ll-plus/es/utils").SFCWithInstall<impor
             is: (name?: string) => string;
         };
         innerValue: import("vue").Ref<{
-            key: string;
-            value: string;
+            key: string | null;
+            value: string | null;
         }>;
         getKeyType: import("vue").ComputedRef<any>;
         getValueType: import("vue").ComputedRef<any>;

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

@@ -29,8 +29,8 @@ declare const _default: import("vue").DefineComponent<{
         is: (name?: string) => string;
     };
     innerValue: import("vue").Ref<{
-        key: string;
-        value: string;
+        key: string | null;
+        value: string | null;
     }>;
     getKeyType: import("vue").ComputedRef<any>;
     getValueType: import("vue").ComputedRef<any>;

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

@@ -107,7 +107,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                           value: innerValue.value["value"],
                           "onUpdate:value": _cache[1] || (_cache[1] = ($event) => innerValue.value["value"] = $event),
                           disabled: unref(attrs).disabled
-                        }, getKeyType.value, { onChange: handleChange }), createSlots({
+                        }, getKeyType.value, {
+                          style: { "width": "100%" },
+                          onChange: handleChange
+                        }), createSlots({
                           _: 2
                           /* DYNAMIC */
                         }, [
@@ -165,7 +168,8 @@ var _sfc_main = /* @__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: unref(attrs).disabled,
+                          style: { "width": "100%" }
                         }, getValueType.value), createSlots({
                           _: 2
                           /* DYNAMIC */

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                  @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                  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()\nconsole.log({ attrs })\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":";;;;;;;;;;;;;;;;AAgJA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAEd,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,IAAQ,OAAA,CAAA,GAAA,CAAI,EAAE,KAAA,EAAO,CAAA,CAAA;AACrB,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 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()\nconsole.log({ attrs })\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,IAAQ,OAAA,CAAA,GAAA,CAAI,EAAE,KAAA,EAAO,CAAA,CAAA;AACrB,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

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

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\n  value: string\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 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;;;;"}

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

@@ -1,7 +1,7 @@
 import type { ExtractPropTypes } from 'vue';
 import { type FormColumn } from 'll-plus/es/components';
 import type { KeyValueItem } from './key-value-item';
-import type KeyValue from '../components/key-value-item.vue';
+import type KeyValue from '../key-value.vue';
 export interface KeyType {
     label: string;
     value: string;
@@ -9,8 +9,8 @@ export interface KeyType {
 }
 type Type = 'single' | 'doubt';
 export declare const getKeyValueItem: () => {
-    key: string;
-    value: string;
+    key: null;
+    value: null;
 };
 export declare const keyValueProps: {
     readonly value: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => KeyValueItem[]) | (() => KeyValueItem[]) | ((new (...args: any[]) => KeyValueItem[]) | (() => KeyValueItem[]))[], unknown, unknown, () => {

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

@@ -3,8 +3,8 @@ import { buildProps, definePropType } from '../../../../utils/props/runtime.mjs'
 
 "use strict";
 const getKeyValueItem = () => ({
-  key: "",
-  value: ""
+  key: null,
+  value: null
 });
 const keyValueProps = buildProps({
   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 '../components/key-value-item.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: '',\n  value: ''\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,EAAA;AAAA,EACL,KAAO,EAAA,EAAA;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 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;;;;"}

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

@@ -61,8 +61,8 @@ declare const _default: import("vue").DefineComponent<{
         is: (name?: string) => string;
     };
     innerValue: import("vue").Ref<{
-        key: string;
-        value: string;
+        key: string | null;
+        value: string | null;
     }[]>;
     keyValueItems: import("vue").Ref<any[]>;
     keyValueTypeDict: import("vue").ComputedRef<{}>;
@@ -100,8 +100,8 @@ declare const _default: import("vue").DefineComponent<{
             is: (name?: string) => string;
         };
         innerValue: import("vue").Ref<{
-            key: string;
-            value: string;
+            key: string | null;
+            value: string | null;
         }>;
         getKeyType: import("vue").ComputedRef<any>;
         getValueType: import("vue").ComputedRef<any>;

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, createVNode, withCtx, Fragment, renderList, createBlock, createSlots, renderSlot, mergeProps, createElementVNode, createCommentVNode, createTextVNode, toDisplayString } from 'vue';
+import { defineComponent, ref, computed, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, createVNode, withCtx, Fragment, renderList, createBlock, createSlots, renderSlot, mergeProps, createElementVNode, createCommentVNode, createTextVNode, toDisplayString } from 'vue';
 import '../../../utils/index.mjs';
 import './config/index.mjs';
 import keyValueItem from './components/key-value-item.vue.mjs';
@@ -16,7 +16,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const emits = __emit;
     const bem = createNamespace("key-value");
     const innerValue = ref(
-      props.value.length > 0 ? props.value : [{ key: "", value: "" }]
+      props.value && props.value.length > 0 ? props.value : [{ key: null, value: null }]
     );
     const keyValueItems = ref([]);
     const keyValueTypeDict = computed(() => {
@@ -34,8 +34,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const handleChange = () => {
       emits("change", innerValue.value);
-      emits("change", innerValue.value);
+      emits("update:value", innerValue.value);
     };
+    watch(innerValue, (n) => {
+      emits("update:value", n);
+    });
     return (_ctx, _cache) => {
       const _component_ll_icon = resolveComponent("ll-icon");
       const _component_ll_button = resolveComponent("ll-button");
@@ -53,7 +56,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               (openBlock(true), createElementBlock(
                 Fragment,
                 null,
-                renderList(props.value, (_item, idx) => {
+                renderList(innerValue.value, (_item, idx) => {
                   return openBlock(), createBlock(keyValueItem, {
                     key: idx,
                     ref_for: true,

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 props.value\"\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 } 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.length > 0 ? props.value : [{ key: '', value: '' }]\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('change', innerValue.value)\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,CAAM,MAAS,GAAA,CAAA,GAAI,KAAM,CAAA,KAAA,GAAQ,CAAC,EAAE,GAAK,EAAA,EAAA,EAAI,KAAO,EAAA,EAAA,EAAI,CAAA;AAAA,KAChE,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,QAAA,EAAU,WAAW,KAAK,CAAA,CAAA;AAAA,KAClC,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        :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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}