@sdata/web-vue 3.16.1 → 3.18.0

package/es/kv-list/index.d.ts

@@ -0,0 +1,304 @@
+import type { App } from 'vue';
+import type { SDOptions } from '../_utils/types';
+import _KvList from './kv-list.vue';
+declare const KvList: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+        type?: import("./types").KvListType;
+        keyProps?: Partial<Omit<Partial<{
+            type: "text" | "password";
+            error: boolean;
+            readonly: string | boolean;
+            disabled: boolean;
+            defaultValue: string;
+            allowClear: boolean;
+            maxLength: number | {
+                length: number;
+                errorOnly?: boolean;
+            };
+            showWordLimit: boolean;
+        }> & Omit<{
+            readonly type: "text" | "password";
+            readonly error: boolean;
+            readonly readonly: string | boolean;
+            readonly disabled: boolean;
+            readonly defaultValue: string;
+            readonly allowClear: boolean;
+            readonly maxLength: number | {
+                length: number;
+                errorOnly?: boolean;
+            };
+            readonly showWordLimit: boolean;
+            readonly size?: "small" | "mini" | "medium" | "large" | undefined;
+            readonly modelValue?: string | undefined;
+            readonly placeholder?: string | undefined;
+            readonly prepend?: string | undefined;
+            readonly append?: string | undefined;
+            readonly wordLength?: ((value: string) => number) | undefined;
+            readonly wordSlice?: ((value: string, maxLength: number) => string) | undefined;
+            readonly inputAttrs?: Record<string, any> | undefined;
+            readonly onFocus?: ((_ev: FocusEvent) => any) | undefined;
+            readonly onClear?: ((_ev: MouseEvent) => any) | undefined;
+            readonly onBlur?: ((_ev: FocusEvent) => any) | undefined;
+            readonly onChange?: ((_value: string, _ev: Event) => any) | undefined;
+            readonly onInput?: ((_value: string, _ev: Event) => any) | undefined;
+            readonly "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
+            readonly onPressEnter?: ((_ev: KeyboardEvent) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "error" | "readonly" | "disabled" | "defaultValue" | "allowClear" | "maxLength" | "showWordLimit"> & Partial<{
+            readonly: string | boolean;
+            data: (string | number | import("../index.ts").SelectOptionData | import("../index.ts").SelectOptionGroup)[];
+            disabled: boolean;
+            defaultValue: string;
+            modelValue: string;
+            allowClear: boolean;
+            filterOption: import("../index.ts").FilterOption;
+            strict: boolean;
+        }> & Omit<{
+            readonly readonly: string | boolean;
+            readonly data: (string | number | import("../index.ts").SelectOptionData | import("../index.ts").SelectOptionGroup)[];
+            readonly disabled: boolean;
+            readonly defaultValue: string;
+            readonly allowClear: boolean;
+            readonly filterOption: import("../index.ts").FilterOption;
+            readonly strict: boolean;
+            readonly popupContainer?: string | HTMLElement | null | undefined;
+            readonly floatingOptions?: import("../index.ts").FloatingOptions | undefined;
+            readonly modelValue?: string | undefined;
+            readonly triggerProps?: import("../index.ts").TriggerProps | undefined;
+            readonly virtualListProps?: import("../_components/virtual-list/interface.ts").VirtualListProps | undefined;
+            readonly onSearch?: ((_value: string) => any) | undefined;
+            readonly onClear?: ((_ev: Event) => any) | undefined;
+            readonly onChange?: ((_value: string) => any) | undefined;
+            readonly onSelect?: ((_value: string) => any) | undefined;
+            readonly "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
+            readonly onDropdownScroll?: ((_ev: Event) => any) | undefined;
+            readonly onDropdownReachBottom?: ((_ev: Event) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "readonly" | "data" | "disabled" | "defaultValue" | "modelValue" | "allowClear" | "filterOption" | "strict">, "defaultValue" | "modelValue" | "onUpdate:modelValue">>;
+        valueProps?: Partial<Omit<Partial<{
+            type: "text" | "password";
+            error: boolean;
+            readonly: string | boolean;
+            disabled: boolean;
+            defaultValue: string;
+            allowClear: boolean;
+            maxLength: number | {
+                length: number;
+                errorOnly?: boolean;
+            };
+            showWordLimit: boolean;
+        }> & Omit<{
+            readonly type: "text" | "password";
+            readonly error: boolean;
+            readonly readonly: string | boolean;
+            readonly disabled: boolean;
+            readonly defaultValue: string;
+            readonly allowClear: boolean;
+            readonly maxLength: number | {
+                length: number;
+                errorOnly?: boolean;
+            };
+            readonly showWordLimit: boolean;
+            readonly size?: "small" | "mini" | "medium" | "large" | undefined;
+            readonly modelValue?: string | undefined;
+            readonly placeholder?: string | undefined;
+            readonly prepend?: string | undefined;
+            readonly append?: string | undefined;
+            readonly wordLength?: ((value: string) => number) | undefined;
+            readonly wordSlice?: ((value: string, maxLength: number) => string) | undefined;
+            readonly inputAttrs?: Record<string, any> | undefined;
+            readonly onFocus?: ((_ev: FocusEvent) => any) | undefined;
+            readonly onClear?: ((_ev: MouseEvent) => any) | undefined;
+            readonly onBlur?: ((_ev: FocusEvent) => any) | undefined;
+            readonly onChange?: ((_value: string, _ev: Event) => any) | undefined;
+            readonly onInput?: ((_value: string, _ev: Event) => any) | undefined;
+            readonly "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
+            readonly onPressEnter?: ((_ev: KeyboardEvent) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "error" | "readonly" | "disabled" | "defaultValue" | "allowClear" | "maxLength" | "showWordLimit"> & Partial<{
+            visibility: boolean;
+            defaultVisibility: boolean;
+            invisibleButton: boolean;
+        }> & Omit<{
+            readonly defaultVisibility: boolean;
+            readonly invisibleButton: boolean;
+            readonly visibility?: boolean | undefined;
+            readonly "onVisibility-change"?: ((_visible: boolean) => any) | undefined;
+            readonly "onUpdate:visibility"?: ((_visible: boolean) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "visibility" | "defaultVisibility" | "invisibleButton">, "defaultValue" | "modelValue" | "onUpdate:modelValue">>;
+        disabled?: boolean;
+        bulkEditable?: boolean;
+    } & {
+        json?: import("./types").KvListItem[];
+        bulk?: string;
+    }> & Readonly<{
+        "onUpdate:json"?: ((value: import("./types").KvListItem[]) => any) | undefined;
+        "onUpdate:bulk"?: ((value: string) => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:json": (value: import("./types").KvListItem[]) => any;
+        "update:bulk": (value: string) => any;
+    }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        type?: import("./types").KvListType;
+        keyProps?: Partial<Omit<Partial<{
+            type: "text" | "password";
+            error: boolean;
+            readonly: string | boolean;
+            disabled: boolean;
+            defaultValue: string;
+            allowClear: boolean;
+            maxLength: number | {
+                length: number;
+                errorOnly?: boolean;
+            };
+            showWordLimit: boolean;
+        }> & Omit<{
+            readonly type: "text" | "password";
+            readonly error: boolean;
+            readonly readonly: string | boolean;
+            readonly disabled: boolean;
+            readonly defaultValue: string;
+            readonly allowClear: boolean;
+            readonly maxLength: number | {
+                length: number;
+                errorOnly?: boolean;
+            };
+            readonly showWordLimit: boolean;
+            readonly size?: "small" | "mini" | "medium" | "large" | undefined;
+            readonly modelValue?: string | undefined;
+            readonly placeholder?: string | undefined;
+            readonly prepend?: string | undefined;
+            readonly append?: string | undefined;
+            readonly wordLength?: ((value: string) => number) | undefined;
+            readonly wordSlice?: ((value: string, maxLength: number) => string) | undefined;
+            readonly inputAttrs?: Record<string, any> | undefined;
+            readonly onFocus?: ((_ev: FocusEvent) => any) | undefined;
+            readonly onClear?: ((_ev: MouseEvent) => any) | undefined;
+            readonly onBlur?: ((_ev: FocusEvent) => any) | undefined;
+            readonly onChange?: ((_value: string, _ev: Event) => any) | undefined;
+            readonly onInput?: ((_value: string, _ev: Event) => any) | undefined;
+            readonly "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
+            readonly onPressEnter?: ((_ev: KeyboardEvent) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "error" | "readonly" | "disabled" | "defaultValue" | "allowClear" | "maxLength" | "showWordLimit"> & Partial<{
+            readonly: string | boolean;
+            data: (string | number | import("../index.ts").SelectOptionData | import("../index.ts").SelectOptionGroup)[];
+            disabled: boolean;
+            defaultValue: string;
+            modelValue: string;
+            allowClear: boolean;
+            filterOption: import("../index.ts").FilterOption;
+            strict: boolean;
+        }> & Omit<{
+            readonly readonly: string | boolean;
+            readonly data: (string | number | import("../index.ts").SelectOptionData | import("../index.ts").SelectOptionGroup)[];
+            readonly disabled: boolean;
+            readonly defaultValue: string;
+            readonly allowClear: boolean;
+            readonly filterOption: import("../index.ts").FilterOption;
+            readonly strict: boolean;
+            readonly popupContainer?: string | HTMLElement | null | undefined;
+            readonly floatingOptions?: import("../index.ts").FloatingOptions | undefined;
+            readonly modelValue?: string | undefined;
+            readonly triggerProps?: import("../index.ts").TriggerProps | undefined;
+            readonly virtualListProps?: import("../_components/virtual-list/interface.ts").VirtualListProps | undefined;
+            readonly onSearch?: ((_value: string) => any) | undefined;
+            readonly onClear?: ((_ev: Event) => any) | undefined;
+            readonly onChange?: ((_value: string) => any) | undefined;
+            readonly onSelect?: ((_value: string) => any) | undefined;
+            readonly "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
+            readonly onDropdownScroll?: ((_ev: Event) => any) | undefined;
+            readonly onDropdownReachBottom?: ((_ev: Event) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "readonly" | "data" | "disabled" | "defaultValue" | "modelValue" | "allowClear" | "filterOption" | "strict">, "defaultValue" | "modelValue" | "onUpdate:modelValue">>;
+        valueProps?: Partial<Omit<Partial<{
+            type: "text" | "password";
+            error: boolean;
+            readonly: string | boolean;
+            disabled: boolean;
+            defaultValue: string;
+            allowClear: boolean;
+            maxLength: number | {
+                length: number;
+                errorOnly?: boolean;
+            };
+            showWordLimit: boolean;
+        }> & Omit<{
+            readonly type: "text" | "password";
+            readonly error: boolean;
+            readonly readonly: string | boolean;
+            readonly disabled: boolean;
+            readonly defaultValue: string;
+            readonly allowClear: boolean;
+            readonly maxLength: number | {
+                length: number;
+                errorOnly?: boolean;
+            };
+            readonly showWordLimit: boolean;
+            readonly size?: "small" | "mini" | "medium" | "large" | undefined;
+            readonly modelValue?: string | undefined;
+            readonly placeholder?: string | undefined;
+            readonly prepend?: string | undefined;
+            readonly append?: string | undefined;
+            readonly wordLength?: ((value: string) => number) | undefined;
+            readonly wordSlice?: ((value: string, maxLength: number) => string) | undefined;
+            readonly inputAttrs?: Record<string, any> | undefined;
+            readonly onFocus?: ((_ev: FocusEvent) => any) | undefined;
+            readonly onClear?: ((_ev: MouseEvent) => any) | undefined;
+            readonly onBlur?: ((_ev: FocusEvent) => any) | undefined;
+            readonly onChange?: ((_value: string, _ev: Event) => any) | undefined;
+            readonly onInput?: ((_value: string, _ev: Event) => any) | undefined;
+            readonly "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
+            readonly onPressEnter?: ((_ev: KeyboardEvent) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "error" | "readonly" | "disabled" | "defaultValue" | "allowClear" | "maxLength" | "showWordLimit"> & Partial<{
+            visibility: boolean;
+            defaultVisibility: boolean;
+            invisibleButton: boolean;
+        }> & Omit<{
+            readonly defaultVisibility: boolean;
+            readonly invisibleButton: boolean;
+            readonly visibility?: boolean | undefined;
+            readonly "onVisibility-change"?: ((_visible: boolean) => any) | undefined;
+            readonly "onUpdate:visibility"?: ((_visible: boolean) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "visibility" | "defaultVisibility" | "invisibleButton">, "defaultValue" | "modelValue" | "onUpdate:modelValue">>;
+        disabled?: boolean;
+        bulkEditable?: boolean;
+    } & {
+        json?: import("./types").KvListItem[];
+        bulk?: string;
+    }> & Readonly<{
+        "onUpdate:json"?: ((value: import("./types").KvListItem[]) => any) | undefined;
+        "onUpdate:bulk"?: ((value: string) => any) | undefined;
+    }>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<{
+    type?: import("./types").KvListType;
+    keyProps?: import("./types").KvListKeyProps;
+    valueProps?: import("./types").KvListValueProps;
+    disabled?: boolean;
+    bulkEditable?: boolean;
+} & {
+    json?: import("./types").KvListItem[];
+    bulk?: string;
+}> & Readonly<{
+    "onUpdate:json"?: ((value: import("./types").KvListItem[]) => any) | undefined;
+    "onUpdate:bulk"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:json": (value: import("./types").KvListItem[]) => any;
+    "update:bulk": (value: string) => any;
+}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        key?: (props: import("./types").KvListFieldSlotProps) => unknown;
+        value?: (props: import("./types").KvListFieldSlotProps) => unknown;
+        'toolbar-extra'?: () => unknown;
+        'row-actions'?: (props: import("./types").KvListRowActionsSlotProps) => unknown;
+    };
+}) & {
+    install: (app: App, options?: SDOptions) => void;
+};
+export type KvListInstance = InstanceType<typeof _KvList>;
+export type { KvListFieldSlotProps, KvListItem, KvListKeyProps, KvListRowActionsSlotProps, KvListType, KvListValueProps, } from './types';
+export default KvList;

package/es/kv-list/index.js

@@ -0,0 +1,10 @@
+import { getComponentPrefix, setGlobalConfig } from "../_utils/global-config.js";
+import kv_list_default from "./kv-list.js";
+//#region components/kv-list/index.ts
+var KvList = Object.assign(kv_list_default, { install: (app, options) => {
+	setGlobalConfig(app, options);
+	const componentPrefix = getComponentPrefix(options);
+	app.component(componentPrefix + kv_list_default.name, kv_list_default);
+} });
+//#endregion
+export { KvList as default };

package/es/kv-list/kv-list-row.js

@@ -0,0 +1,5 @@
+import kv_list_row_vue_vue_type_script_setup_true_lang_default from "./kv-list-row.vue_vue_type_script_setup_true_lang.js";
+//#region components/kv-list/kv-list-row.vue
+var kv_list_row_default = kv_list_row_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { kv_list_row_default as default };

package/es/kv-list/kv-list-row.vue.d.ts

@@ -0,0 +1,29 @@
+import type { KvListFieldSlotProps, KvListKeyProps, KvListType, KvListValueProps, KvListWorkingItem } from './types';
+type __VLS_Props = {
+    item: KvListWorkingItem;
+    index: number;
+    type?: KvListType;
+    keyProps?: KvListKeyProps;
+    valueProps?: KvListValueProps;
+    disabled?: boolean;
+};
+type __VLS_Slots = {
+    key?: (props: KvListFieldSlotProps) => unknown;
+    value?: (props: KvListFieldSlotProps) => unknown;
+    actions?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    update: (item: KvListWorkingItem) => any;
+    remove: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onUpdate?: ((item: KvListWorkingItem) => any) | undefined;
+    onRemove?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/kv-list/kv-list-row.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,121 @@
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import { getPrefixCls } from "../_utils/global-config.js";
+import { useI18n } from "../locale/index.js";
+import input_password_default from "../input/input-password.js";
+import Button from "../button/index.js";
+import Input from "../input/index.js";
+import AutoComplete from "../auto-complete/index.js";
+import IconDragDotVertical from "../icon/icon-drag-dot-vertical/index.js";
+import IconDelete from "../icon/icon-delete/index.js";
+import { COMMON_HTTP_HEADERS } from "./constants.js";
+import { computed, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
+//#region components/kv-list/kv-list-row.vue?vue&type=script&setup=true&lang.ts
+var kv_list_row_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "KvListRow" }), {}, {
+	__name: "kv-list-row",
+	props: {
+		item: {},
+		index: {},
+		type: {},
+		keyProps: {},
+		valueProps: {},
+		disabled: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["update", "remove"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const prefixCls = getPrefixCls("kv-list");
+		const { t } = useI18n();
+		const publicItem = computed(() => ({
+			key: __props.item.key,
+			value: __props.item.value
+		}));
+		const keyModel = computed({
+			get: () => __props.item.key,
+			set: (value) => updateKey(value)
+		});
+		const valueModel = computed({
+			get: () => __props.item.value,
+			set: (value) => updateValue(value)
+		});
+		const mergedKeyProps = computed(() => {
+			var _props$keyProps;
+			return _objectSpread2(_objectSpread2(_objectSpread2({ placeholder: t("kvList.keyPlaceholder") }, __props.type === "http-header" ? { data: [...COMMON_HTTP_HEADERS] } : {}), __props.keyProps), {}, { disabled: __props.disabled || Boolean((_props$keyProps = __props.keyProps) === null || _props$keyProps === void 0 ? void 0 : _props$keyProps.disabled) });
+		});
+		const mergedValueProps = computed(() => {
+			var _props$valueProps;
+			return _objectSpread2(_objectSpread2({ placeholder: t("kvList.valuePlaceholder") }, __props.valueProps), {}, { disabled: __props.disabled || Boolean((_props$valueProps = __props.valueProps) === null || _props$valueProps === void 0 ? void 0 : _props$valueProps.disabled) });
+		});
+		function updateKey(value) {
+			emit("update", _objectSpread2(_objectSpread2({}, __props.item), {}, { key: value }));
+		}
+		function updateValue(value) {
+			emit("update", _objectSpread2(_objectSpread2({}, __props.item), {}, { value }));
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(`${unref(prefixCls)}-row`),
+				"data-testid": "kv-list-row"
+			}, [
+				createElementVNode("span", { class: normalizeClass(`${unref(prefixCls)}-drag-handle`) }, [createVNode(unref(Button), {
+					type: "text",
+					shape: "circle",
+					size: "small",
+					disabled: __props.disabled
+				}, {
+					icon: withCtx(() => [createVNode(unref(IconDragDotVertical))]),
+					"sr-only": withCtx(() => [createTextVNode(toDisplayString(unref(t)("kvList.dragSort")), 1)]),
+					_: 1
+				}, 8, ["disabled"])], 2),
+				createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-key`) }, [_ctx.$slots.key ? renderSlot(_ctx.$slots, "key", {
+					value: __props.item.key,
+					item: publicItem.value,
+					index: __props.index,
+					props: mergedKeyProps.value,
+					update: updateKey
+				}, void 0, void 0, 0) : __props.type === "http-header" ? (openBlock(), createBlock(unref(AutoComplete), mergeProps({ key: 1 }, mergedKeyProps.value, {
+					modelValue: keyModel.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => keyModel.value = $event)
+				}), null, 16, ["modelValue"])) : (openBlock(), createBlock(unref(Input), mergeProps({ key: 2 }, mergedKeyProps.value, {
+					modelValue: keyModel.value,
+					"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => keyModel.value = $event)
+				}), null, 16, ["modelValue"]))], 2),
+				createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-value`) }, [_ctx.$slots.value ? renderSlot(_ctx.$slots, "value", {
+					value: __props.item.value,
+					item: publicItem.value,
+					index: __props.index,
+					props: mergedValueProps.value,
+					update: updateValue
+				}, void 0, void 0, 0) : __props.type === "secret" ? (openBlock(), createBlock(unref(input_password_default), mergeProps({ key: 1 }, mergedValueProps.value, {
+					modelValue: valueModel.value,
+					"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => valueModel.value = $event)
+				}), null, 16, ["modelValue"])) : (openBlock(), createBlock(unref(Input), mergeProps({ key: 2 }, mergedValueProps.value, {
+					modelValue: valueModel.value,
+					"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => valueModel.value = $event)
+				}), null, 16, ["modelValue"]))], 2),
+				createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-row-actions`) }, [renderSlot(_ctx.$slots, "actions"), createVNode(unref(Button), {
+					type: "text",
+					shape: "circle",
+					size: "small",
+					status: "danger",
+					tooltip: unref(t)("kvList.remove"),
+					"aria-label": unref(t)("kvList.remove"),
+					disabled: __props.disabled,
+					onClick: _cache[4] || (_cache[4] = ($event) => emit("remove"))
+				}, {
+					icon: withCtx(() => [createVNode(unref(IconDelete))]),
+					"sr-only": withCtx(() => [createTextVNode(toDisplayString(unref(t)("kvList.remove")), 1)]),
+					_: 1
+				}, 8, [
+					"tooltip",
+					"aria-label",
+					"disabled"
+				])], 2)
+			], 2);
+		};
+	}
+}));
+//#endregion
+export { kv_list_row_vue_vue_type_script_setup_true_lang_default as default };

package/es/kv-list/kv-list.js

@@ -0,0 +1,5 @@
+import kv_list_vue_vue_type_script_setup_true_lang_default from "./kv-list.vue_vue_type_script_setup_true_lang.js";
+//#region components/kv-list/kv-list.vue
+var kv_list_default = kv_list_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { kv_list_default as default };

package/es/kv-list/kv-list.vue.d.ts

@@ -0,0 +1,34 @@
+import type { KvListFieldSlotProps, KvListItem, KvListKeyProps, KvListRowActionsSlotProps, KvListType, KvListValueProps } from './types';
+type __VLS_Props = {
+    type?: KvListType;
+    keyProps?: KvListKeyProps;
+    valueProps?: KvListValueProps;
+    disabled?: boolean;
+    bulkEditable?: boolean;
+};
+type __VLS_Slots = {
+    'key'?: (props: KvListFieldSlotProps) => unknown;
+    'value'?: (props: KvListFieldSlotProps) => unknown;
+    'toolbar-extra'?: () => unknown;
+    'row-actions'?: (props: KvListRowActionsSlotProps) => unknown;
+};
+type __VLS_ModelProps = {
+    'json'?: KvListItem[];
+    'bulk'?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:json": (value: KvListItem[]) => any;
+    "update:bulk": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:json"?: ((value: KvListItem[]) => any) | undefined;
+    "onUpdate:bulk"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};