@sdata/web-vue 3.14.0 → 3.16.0

package/es/config-provider/config-provider.vue_vue_type_script_setup_true_lang.js

@@ -120,6 +120,11 @@ var config_provider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		*/
 		pagination: { type: Object },
 		/**
+		* @zh ColorPicker 组件默认配置
+		* @en Default config for ColorPicker
+		*/
+		colorPicker: { type: Object },
+		/**
 		* @zh JsonForm 组件默认配置
 		* @en Default config for JsonForm
 		*/
@@ -151,7 +156,7 @@ var config_provider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		* @version 2.28.0
 		*/
 		const slots = useSlots();
-		const { prefixCls, locale, size, allowClear, autoInsertSpaceInButton, allowSearch, virtualListProps, updateAtScroll, scrollToClose, exchangeTime, rtl, datePicker, modal, drawer, pagination } = toRefs(props);
+		const { prefixCls, locale, size, allowClear, autoInsertSpaceInButton, allowSearch, virtualListProps, updateAtScroll, scrollToClose, exchangeTime, rtl, datePicker, modal, drawer, pagination, colorPicker } = toRefs(props);
 		const config = reactive({
 			slots,
 			prefixCls,
@@ -169,6 +174,7 @@ var config_provider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 			modal,
 			drawer,
 			pagination,
+			colorPicker,
 			jsonForm: toRefs(props).jsonForm,
 			theme: normalizeTheme(props.theme)
 		});

package/es/config-provider/context.d.ts

@@ -66,6 +66,9 @@ export interface ConfigProviderPagination {
     bufferSize?: number;
     pageSizeProps?: PaginationSelectProps;
 }
+export interface ConfigProviderColorPicker {
+    swatchColors?: string[];
+}
 export interface ConfigProvider {
     slots: Slots;
     prefixCls?: string;
@@ -83,6 +86,7 @@ export interface ConfigProvider {
     modal?: ConfigProviderModal;
     drawer?: ConfigProviderDrawer;
     pagination?: ConfigProviderPagination;
+    colorPicker?: ConfigProviderColorPicker;
     jsonForm?: JsonFormProviderConfig;
     theme?: SDThemeNormalized;
 }

package/es/config-provider/index.d.ts

@@ -49,19 +49,22 @@ declare const ConfigProvider: {
             default: boolean;
         };
         datePicker: {
-            type: import("vue").PropType<import("./context.ts").ConfigProviderDatePicker>;
+            type: import("vue").PropType<import("./context").ConfigProviderDatePicker>;
         };
         modal: {
-            type: import("vue").PropType<import("./context.ts").ConfigProviderModal>;
+            type: import("vue").PropType<import("./context").ConfigProviderModal>;
         };
         drawer: {
-            type: import("vue").PropType<import("./context.ts").ConfigProviderDrawer>;
+            type: import("vue").PropType<import("./context").ConfigProviderDrawer>;
         };
         pagination: {
-            type: import("vue").PropType<import("./context.ts").ConfigProviderPagination>;
+            type: import("vue").PropType<import("./context").ConfigProviderPagination>;
+        };
+        colorPicker: {
+            type: import("vue").PropType<import("./context").ConfigProviderColorPicker>;
         };
         jsonForm: {
-            type: import("vue").PropType<import("./context.ts").JsonFormProviderConfig>;
+            type: import("vue").PropType<import("./context").JsonFormProviderConfig>;
         };
         theme: {
             type: import("vue").PropType<import("./theme").SdThemeConfig>;
@@ -133,19 +136,22 @@ declare const ConfigProvider: {
             default: boolean;
         };
         datePicker: {
-            type: import("vue").PropType<import("./context.ts").ConfigProviderDatePicker>;
+            type: import("vue").PropType<import("./context").ConfigProviderDatePicker>;
         };
         modal: {
-            type: import("vue").PropType<import("./context.ts").ConfigProviderModal>;
+            type: import("vue").PropType<import("./context").ConfigProviderModal>;
         };
         drawer: {
-            type: import("vue").PropType<import("./context.ts").ConfigProviderDrawer>;
+            type: import("vue").PropType<import("./context").ConfigProviderDrawer>;
         };
         pagination: {
-            type: import("vue").PropType<import("./context.ts").ConfigProviderPagination>;
+            type: import("vue").PropType<import("./context").ConfigProviderPagination>;
+        };
+        colorPicker: {
+            type: import("vue").PropType<import("./context").ConfigProviderColorPicker>;
         };
         jsonForm: {
-            type: import("vue").PropType<import("./context.ts").JsonFormProviderConfig>;
+            type: import("vue").PropType<import("./context").JsonFormProviderConfig>;
         };
         theme: {
             type: import("vue").PropType<import("./theme").SdThemeConfig>;
@@ -214,19 +220,22 @@ declare const ConfigProvider: {
         default: boolean;
     };
     datePicker: {
-        type: import("vue").PropType<import("./context.ts").ConfigProviderDatePicker>;
+        type: import("vue").PropType<import("./context").ConfigProviderDatePicker>;
     };
     modal: {
-        type: import("vue").PropType<import("./context.ts").ConfigProviderModal>;
+        type: import("vue").PropType<import("./context").ConfigProviderModal>;
     };
     drawer: {
-        type: import("vue").PropType<import("./context.ts").ConfigProviderDrawer>;
+        type: import("vue").PropType<import("./context").ConfigProviderDrawer>;
     };
     pagination: {
-        type: import("vue").PropType<import("./context.ts").ConfigProviderPagination>;
+        type: import("vue").PropType<import("./context").ConfigProviderPagination>;
+    };
+    colorPicker: {
+        type: import("vue").PropType<import("./context").ConfigProviderColorPicker>;
     };
     jsonForm: {
-        type: import("vue").PropType<import("./context.ts").JsonFormProviderConfig>;
+        type: import("vue").PropType<import("./context").JsonFormProviderConfig>;
     };
     theme: {
         type: import("vue").PropType<import("./theme").SdThemeConfig>;
@@ -254,4 +263,5 @@ declare const ConfigProvider: {
 export type ConfigProviderInstance = InstanceType<typeof _ConfigProvider>;
 export type { SdThemeConfig, SdThemeMeta, SdThemeMode, ThemeTokenMap, ThemeTokenValue, } from './theme';
 export type { JsonFormProviderConfig as ConfigProviderJsonFormConfig } from '../json-form';
+export type { ConfigProviderColorPicker } from './context';
 export default ConfigProvider;

package/es/copy/copy.vue_vue_type_script_setup_true_lang.js

@@ -3,8 +3,8 @@ import { getPrefixCls } from "../_utils/global-config.js";
 import { _asyncToGenerator } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/asyncToGenerator.js";
 import Tooltip from "../tooltip/index.js";
 import Button from "../button/index.js";
-import IconCopy from "../icon/icon-copy/index.js";
 import Link from "../link/index.js";
+import IconCopy from "../icon/icon-copy/index.js";
 import Message from "../message/index.js";
 import { computed, createBlock, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, resolveDynamicComponent, unref, useAttrs, useSlots, withCtx } from "vue";
 import copy from "copy-to-clipboard";

package/es/date-picker/hooks/use-provide-datepicker-transform.js

@@ -1,6 +1,6 @@
 import { useI18n } from "../../locale/index.js";
-import { dayjs } from "../../_utils/date.js";
 import { getValueByPath } from "../../_utils/get-value-by-path.js";
+import { dayjs } from "../../_utils/date.js";
 import { PickerInjectionKey } from "../context.js";
 import { provide, toRefs } from "vue";
 //#region components/date-picker/hooks/use-provide-datepicker-transform.ts

package/es/date-picker/panels/header.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
 import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { isFunction } from "../../_utils/is.js";
-import IconRight from "../../icon/icon-right/index.js";
 import IconLeft from "../../icon/icon-left/index.js";
+import IconRight from "../../icon/icon-right/index.js";
 import useDatePickerTransform from "../hooks/use-inject-datepicker-transform.js";
 import IconDoubleLeft from "../../icon/icon-double-left/index.js";
 import IconDoubleRight from "../../icon/icon-double-right/index.js";

package/es/date-picker/picker.vue_vue_type_script_setup_true_lang.js

@@ -2,16 +2,16 @@ import { useFormItem } from "../_hooks/use-form-item.js";
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isBoolean, isFunction } from "../_utils/is.js";
-import { useAllowClear } from "../_hooks/use-allow-clear.js";
 import { useI18n } from "../locale/index.js";
+import { useAllowClear } from "../_hooks/use-allow-clear.js";
 import { omit } from "../_utils/omit.js";
 import pick from "../_utils/pick.js";
 import Trigger from "../trigger/index.js";
 import useState from "../_hooks/use-state.js";
 import useMergeState from "../_hooks/use-merge-state.js";
-import { getDateValue, getDayjsValue, getNow, initializeDateLocale, isValueChange, toLocal } from "../_utils/date.js";
-import input_default from "../_components/picker/input.js";
 import { useConfigProviderProp } from "../_hooks/use-config-provider-prop.js";
+import input_default from "../_components/picker/input.js";
+import { getDateValue, getDayjsValue, getNow, initializeDateLocale, isValueChange, toLocal } from "../_utils/date.js";
 import IconCalendar from "../icon/icon-calendar/index.js";
 import { getFormattedValue, isValidInputValue } from "../time-picker/utils/index.js";
 import useFormat from "./hooks/use-format.js";

package/es/date-picker/range-picker.vue_vue_type_script_setup_true_lang.js

@@ -3,15 +3,15 @@ import { configProviderInjectionKey } from "../config-provider/context.js";
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isArray, isBoolean } from "../_utils/is.js";
-import { useAllowClear } from "../_hooks/use-allow-clear.js";
 import { useI18n } from "../locale/index.js";
+import { useAllowClear } from "../_hooks/use-allow-clear.js";
 import { omit } from "../_utils/omit.js";
 import pick from "../_utils/pick.js";
 import Trigger from "../trigger/index.js";
 import useState from "../_hooks/use-state.js";
 import useMergeState from "../_hooks/use-merge-state.js";
-import { getDateValue, getDayjsValue, getNow, getSortedDayjsArray, initializeDateLocale, isValueChange, toLocal } from "../_utils/date.js";
 import { useConfigProviderProp } from "../_hooks/use-config-provider-prop.js";
+import { getDateValue, getDayjsValue, getNow, getSortedDayjsArray, initializeDateLocale, isValueChange, toLocal } from "../_utils/date.js";
 import IconCalendar from "../icon/icon-calendar/index.js";
 import { getFormattedValue, isValidInputValue } from "../time-picker/utils/index.js";
 import useFormat from "./hooks/use-format.js";

package/es/drawer/drawer.vue_vue_type_script_setup_true_lang.js

@@ -5,8 +5,8 @@ import { off, on } from "../_utils/dom.js";
 import icon_hover_default from "../_components/icon-hover.js";
 import { KEYBOARD_KEY, onActivate } from "../_utils/keyboard.js";
 import IconClose from "../icon/icon-close/index.js";
-import { _asyncToGenerator } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/asyncToGenerator.js";
 import { useI18n } from "../locale/index.js";
+import { _asyncToGenerator } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/asyncToGenerator.js";
 import client_only_default from "../_components/client-only.js";
 import usePopupManager from "../_hooks/use-popup-manager.js";
 import { useTeleportContainer } from "../_hooks/use-teleport-container.js";
@@ -19,6 +19,7 @@ import { DRAWER_PLACEMENTS } from "./utils.js";
 import { Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, toDisplayString, toRefs, unref, useSlots, vShow, watch, withCtx, withDirectives } from "vue";
 //#region components/drawer/drawer.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["aria-labelledby"];
+var _hoisted_2 = ["aria-label"];
 var drawer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, {
 	name: "Drawer",
 	inheritAttrs: false
@@ -554,14 +555,14 @@ var drawer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 							key: 1,
 							tabindex: "0",
 							role: "button",
-							"aria-label": "Close",
+							"aria-label": unref(t)("a11y.close"),
 							class: normalizeClass(`${unref(prefixCls)}-close-btn`),
 							onClick: handleCancel,
 							onKeydown: _cache[0] || (_cache[0] = ($event) => unref(onActivate)(handleCancel))
 						}, [createVNode(icon_hover_default, null, {
 							default: withCtx(() => [createVNode(unref(IconClose))]),
 							_: 1
-						})], 34)) : createCommentVNode("", true)])], 2)) : createCommentVNode("", true),
+						})], 42, _hoisted_2)) : createCommentVNode("", true)])], 2)) : createCommentVNode("", true),
 						createElementVNode("div", {
 							id: bodyId,
 							class: normalizeClass([`${unref(prefixCls)}-body`, __props.bodyClass]),

package/es/dropdown/dropdown-button.vue_vue_type_script_setup_true_lang.js

@@ -2,8 +2,8 @@ import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helper
 import { getPrefixCls } from "../_utils/global-config.js";
 import button_group_default from "../button/button-group.js";
 import Button from "../button/index.js";
-import { useTrigger } from "../_hooks/use-trigger.js";
 import IconMore from "../icon/icon-more/index.js";
+import { useTrigger } from "../_hooks/use-trigger.js";
 import dropdown_default from "./dropdown.js";
 import { createBlock, createVNode, defineComponent, mergeProps, openBlock, renderSlot, toRefs, unref, withCtx } from "vue";
 //#region components/dropdown/dropdown-button.vue?vue&type=script&setup=true&lang.ts

package/es/dropdown/dropdown-panel.vue_vue_type_script_setup_true_lang.js

@@ -3,8 +3,8 @@ import { getPrefixCls } from "../_utils/global-config.js";
 import { isNumber } from "../_utils/is.js";
 import { KEYBOARD_KEY } from "../_utils/keyboard.js";
 import Scrollbar from "../scrollbar/index.js";
-import { dropdownInjectionKey } from "./context.js";
 import Empty from "../empty/index.js";
+import { dropdownInjectionKey } from "./context.js";
 import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, nextTick, normalizeClass, normalizeStyle, onMounted, openBlock, ref, renderSlot, unref, useSlots, withCtx } from "vue";
 //#region components/dropdown/dropdown-panel.vue?vue&type=script&setup=true&lang.ts
 var dropdown_panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "DropdownPanel" }), {}, {

package/es/dropdown/dropdown-submenu.vue_vue_type_script_setup_true_lang.js

@@ -1,10 +1,10 @@
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import Trigger from "../trigger/index.js";
+import IconRight from "../icon/icon-right/index.js";
 import { useTrigger } from "../_hooks/use-trigger.js";
 import dropdown_panel_default from "./dropdown-panel.js";
 import dropdown_option_default from "./dropdown-option.js";
-import IconRight from "../icon/icon-right/index.js";
 import { createBlock, createSlots, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderSlot, toRefs, unref, withCtx } from "vue";
 //#region components/dropdown/dropdown-submenu.vue?vue&type=script&setup=true&lang.ts
 var dropdown_submenu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "Dsubmenu" }), {}, {

package/es/file-previewer/file-previewer.vue_vue_type_script_setup_true_lang.js

@@ -3,6 +3,7 @@ import { getPrefixCls } from "../_utils/global-config.js";
 import { isServerRendering } from "../_utils/dom.js";
 import { KEYBOARD_KEY } from "../_utils/keyboard.js";
 import IconClose from "../icon/icon-close/index.js";
+import { useI18n } from "../locale/index.js";
 import { _asyncToGenerator } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/asyncToGenerator.js";
 import IconLoading from "../icon/icon-loading/index.js";
 import usePopupManager from "../_hooks/use-popup-manager.js";
@@ -18,8 +19,10 @@ var _hoisted_2 = [
 	"aria-modal",
 	"aria-label"
 ];
-var _hoisted_3 = ["disabled"];
-var _hoisted_4 = ["disabled"];
+var _hoisted_3 = ["disabled", "aria-label"];
+var _hoisted_4 = ["disabled", "aria-label"];
+var _hoisted_5 = ["aria-label"];
+var _hoisted_6 = ["aria-label"];
 var file_previewer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "FilePreviewer" }), {}, {
 	__name: "file-previewer",
 	props: {
@@ -129,6 +132,7 @@ var file_previewer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 		const props = __props;
 		const emit = __emit;
 		const { src, type, visible, defaultVisible, fullscreen, popupContainer, renderToBody, maskClosable, closable, escToClose, title, imageProps, mediaProps, pdfProps } = toRefs(props);
+		const { t } = useI18n();
 		const prefixCls = getPrefixCls("file-previewer");
 		const wrapperRef = shallowRef();
 		const status = shallowRef("beforeLoad");
@@ -481,7 +485,7 @@ var file_previewer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 					class: normalizeClass(contentClassNames.value),
 					role: unref(fullscreen) ? "dialog" : "region",
 					"aria-modal": unref(fullscreen) ? "true" : void 0,
-					"aria-label": unref(title) || "File preview"
+					"aria-label": unref(title) || unref(t)("a11y.filePreview")
 				}, [unref(title) || _ctx.$slots.title ? (openBlock(), createElementBlock("header", {
 					key: 0,
 					class: normalizeClass(`${unref(prefixCls)}-header`)
@@ -512,7 +516,7 @@ var file_previewer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 						type: "button",
 						class: normalizeClass(`${unref(prefixCls)}-pdf-btn`),
 						disabled: unref(pdfCurrentPage) <= 1,
-						"aria-label": "上一页",
+						"aria-label": unref(t)("a11y.prevPage"),
 						onClick: _cache[0] || (_cache[0] = (...args) => unref(pdfPrev) && unref(pdfPrev)(...args))
 					}, " ‹ ", 10, _hoisted_3),
 					createElementVNode("span", { class: normalizeClass(`${unref(prefixCls)}-pdf-page`) }, toDisplayString(unref(pdfCurrentPage)) + " / " + toDisplayString(unref(pdfNumPages)), 3),
@@ -520,7 +524,7 @@ var file_previewer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 						type: "button",
 						class: normalizeClass(`${unref(prefixCls)}-pdf-btn`),
 						disabled: unref(pdfCurrentPage) >= unref(pdfNumPages),
-						"aria-label": "下一页",
+						"aria-label": unref(t)("a11y.nextPage"),
 						onClick: _cache[1] || (_cache[1] = (...args) => unref(pdfNext) && unref(pdfNext)(...args))
 					}, " › ", 10, _hoisted_4)
 				], 2)) : createCommentVNode("", true)], 2)]) : createCommentVNode("", true)])], 2)], 10, _hoisted_2),
@@ -528,15 +532,15 @@ var file_previewer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 					key: 1,
 					type: "button",
 					class: normalizeClass(`${unref(prefixCls)}-close-btn`),
-					"aria-label": "关闭",
+					"aria-label": unref(t)("a11y.close"),
 					onClick: close
-				}, [createVNode(unref(IconClose))], 2)) : createCommentVNode("", true),
+				}, [createVNode(unref(IconClose))], 10, _hoisted_5)) : createCommentVNode("", true),
 				isLoading.value ? (openBlock(), createElementBlock("div", {
 					key: 2,
 					class: normalizeClass(`${unref(prefixCls)}-loading`),
 					role: "status",
-					"aria-label": "加载中"
-				}, [createVNode(unref(IconLoading))], 2)) : createCommentVNode("", true),
+					"aria-label": unref(t)("a11y.loading")
+				}, [createVNode(unref(IconLoading))], 10, _hoisted_6)) : createCommentVNode("", true),
 				isError.value ? (openBlock(), createElementBlock("div", {
 					key: 3,
 					class: normalizeClass(`${unref(prefixCls)}-error`),

package/es/form/form-item.vue_vue_type_script_setup_true_lang.js

@@ -3,11 +3,11 @@ import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helper
 import { getPrefixCls } from "../_utils/global-config.js";
 import { useI18n } from "../locale/index.js";
 import { getValueByPath, setValueByPath } from "../_utils/get-value-by-path.js";
+import { getFinalValidateMessage, getFinalValidateStatus, getFormElementId } from "./utils.js";
 import grid_col_default from "../grid/grid-col.js";
 import grid_row_default from "../grid/grid-row.js";
 import form_item_label_default from "./form-item-label.js";
 import form_item_message_default from "./form-item-message.js";
-import { getFinalValidateMessage, getFinalValidateStatus, getFormElementId } from "./utils.js";
 import { _objectDestructuringEmpty } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectDestructuringEmpty.js";
 import { _extends } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/extends.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, getCurrentInstance, inject, mergeProps, nextTick, normalizeClass, onBeforeUnmount, onMounted, openBlock, provide, reactive, ref, renderSlot, toDisplayString, toRef, toRefs, unref, withCtx } from "vue";

package/es/form/index.js

@@ -1,6 +1,6 @@
 import { getComponentPrefix, setGlobalConfig } from "../_utils/global-config.js";
-import form_item_default from "./form-item.js";
 import form_default from "./form.js";
+import form_item_default from "./form-item.js";
 //#region components/form/index.ts
 var Form = Object.assign(form_default, {
 	Item: form_item_default,

package/es/grid/grid-col.vue_vue_type_script_setup_true_lang.js

@@ -3,8 +3,8 @@ import { getPrefixCls } from "../_utils/global-config.js";
 import { isNumber, isObject, isString } from "../_utils/is.js";
 import pick from "../_utils/pick.js";
 import { responsiveArray } from "../_utils/responsive-observe.js";
-import { useResponsiveState } from "./hook/use-responsive-state.js";
 import { RowContextInjectionKey } from "./context.js";
+import { useResponsiveState } from "./hook/use-responsive-state.js";
 import { useResponsiveValue } from "./hook/use-responsive-value.js";
 import { computed, createCommentVNode, createElementBlock, defineComponent, inject, normalizeClass, normalizeStyle, openBlock, renderSlot } from "vue";
 //#region components/grid/grid-col.vue?vue&type=script&setup=true&lang.ts

package/es/grid/grid-item.vue_vue_type_script_setup_true_lang.js

@@ -1,8 +1,8 @@
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { useIndex } from "../_hooks/use-index.js";
-import { useResponsiveState } from "./hook/use-responsive-state.js";
 import { GridContextInjectionKey, GridDataCollectorInjectionKey } from "./context.js";
+import { useResponsiveState } from "./hook/use-responsive-state.js";
 import { resolveItemData } from "./utils/index.js";
 import { computed, createElementBlock, defineComponent, inject, normalizeClass, normalizeStyle, onUnmounted, openBlock, ref, renderSlot, toRefs, watchEffect } from "vue";
 //#region components/grid/grid-item.vue?vue&type=script&setup=true&lang.ts

package/es/grid/grid-row.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
-import { useResponsiveState } from "./hook/use-responsive-state.js";
 import { RowContextInjectionKey } from "./context.js";
+import { useResponsiveState } from "./hook/use-responsive-state.js";
 import { computed, createElementBlock, defineComponent, normalizeClass, normalizeStyle, openBlock, provide, reactive, renderSlot, toRefs } from "vue";
 //#region components/grid/grid-row.vue?vue&type=script&setup=true&lang.ts
 var grid_row_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "Row" }), {}, {

package/es/grid/grid.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
-import { useResponsiveState } from "./hook/use-responsive-state.js";
 import { GridContextInjectionKey, GridDataCollectorInjectionKey } from "./context.js";
+import { useResponsiveState } from "./hook/use-responsive-state.js";
 import { setItemVisible } from "./utils/index.js";
 import { computed, createElementBlock, defineComponent, normalizeClass, normalizeStyle, openBlock, provide, reactive, renderSlot, toRefs, watchEffect } from "vue";
 //#region components/grid/grid.vue?vue&type=script&setup=true&lang.ts

package/es/image/image.vue_vue_type_script_setup_true_lang.js

@@ -2,8 +2,8 @@ import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helper
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isBoolean } from "../_utils/is.js";
 import { isServerRendering } from "../_utils/dom.js";
-import IconLoading from "../icon/icon-loading/index.js";
 import { useI18n } from "../locale/index.js";
+import IconLoading from "../icon/icon-loading/index.js";
 import { omit } from "../_utils/omit.js";
 import useMergeState from "../_hooks/use-merge-state.js";
 import IconImageClose from "../icon/icon-image-close/index.js";

package/es/image/preview-arrow.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
-import IconRight from "../icon/icon-right/index.js";
 import IconLeft from "../icon/icon-left/index.js";
+import IconRight from "../icon/icon-right/index.js";
 import { createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, unref } from "vue";
 //#region components/image/preview-arrow.vue?vue&type=script&setup=true&lang.ts
 var preview_arrow_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "ImagePreviewArrow" }), {}, {

package/es/image/preview.vue_vue_type_script_setup_true_lang.js

@@ -4,8 +4,8 @@ import { off, on } from "../_utils/dom.js";
 import { throttleByRaf } from "../_utils/throttle-by-raf.js";
 import { KEYBOARD_KEY } from "../_utils/keyboard.js";
 import IconClose from "../icon/icon-close/index.js";
-import IconLoading from "../icon/icon-loading/index.js";
 import { useI18n } from "../locale/index.js";
+import IconLoading from "../icon/icon-loading/index.js";
 import usePopupManager from "../_hooks/use-popup-manager.js";
 import useMergeState from "../_hooks/use-merge-state.js";
 import usePopupContainer from "../_hooks/use-popup-container.js";

package/es/index.css

@@ -15262,9 +15262,6 @@ body.sd-tour-active .sd-tour-popover * {
   min-width: 0;
   border-radius: 4px;
 }
-.sd-json-form-control--inline {
-  min-width: 0;
-}
 
 .sd-ellipsis {
   display: inline-block;
@@ -20924,6 +20921,50 @@ body.sd-tour-active .sd-tour-popover * {
   transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
 }
 
+.sd-basic-crud-table {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  width: 100%;
+  min-width: 0;
+}
+.sd-basic-crud-table-full-height {
+  height: 100%;
+  min-height: 0;
+  overflow: hidden;
+}
+.sd-basic-crud-table-full-height .sd-basic-crud-table-body {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  min-height: 0;
+  overflow: hidden;
+}
+.sd-basic-crud-table-full-height .sd-basic-crud-table-body > .sd-table {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  min-height: 0;
+}
+.sd-basic-crud-table-header {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.sd-basic-crud-table-header-actions {
+  display: flex;
+  justify-content: flex-end;
+}
+.sd-basic-crud-table-title {
+  margin: 0;
+  color: var(--sd-color-text-1);
+  font-size: 24px;
+}
+.sd-basic-crud-table-body {
+  width: 100%;
+  min-width: 0;
+}
+
 .sd-back-top {
   position: fixed;
   right: 24px;

package/es/index.d.ts

@@ -18,6 +18,8 @@ export { default as BorderBeam } from './border-beam';
 export type { BorderBeamInstance, BorderBeamSize, BorderBeamTheme, BorderBeamColorVariant, BorderBeamFlowPreset, BorderBeamFlowPoint, BorderBeamFlowCoordinate, BorderBeamExposed, } from './border-beam';
 export { default as Badge } from './badge';
 export type { BadgeInstance } from './badge';
+export { default as BasicCrudTable } from './basic-crud-table';
+export type { BasicCrudTableActionSlotProps, BasicCrudTableDataResult, BasicCrudTableInstance, BasicCrudTableModalFormProps, BasicCrudTableModalProps, BasicCrudTableModalSlotProps, BasicCrudTableModalSubmitContext, BasicCrudTableProps, BasicCrudTableTableProps, BasicCrudTableToolbarProps, InferBasicCrudTableRow, InferBasicCrudTableRowFromValue, MaybePromise, } from './basic-crud-table';
 export { default as Breadcrumb, BreadcrumbItem } from './breadcrumb';
 export type { BreadcrumbInstance, BreadcrumbItemInstance, BreadcrumbRoute } from './breadcrumb';
 export { default as Button, ButtonGroup } from './button';