@sdata/web-vue 3.14.0 → 3.15.0

package/es/basic-crud-table/index.js

@@ -0,0 +1,9 @@
+import { getComponentPrefix, setGlobalConfig } from "../_utils/global-config.js";
+import basic_crud_table_default from "./basic-crud-table.js";
+//#region components/basic-crud-table/index.ts
+var BasicCrudTable = Object.assign(basic_crud_table_default, { install: (app, options) => {
+	setGlobalConfig(app, options);
+	app.component(getComponentPrefix(options) + basic_crud_table_default.name, basic_crud_table_default);
+} });
+//#endregion
+export { BasicCrudTable as default };

package/es/basic-crud-table/style/css.js

@@ -0,0 +1,2 @@
+import "../../style/index.css";
+import "./index.css";

package/es/basic-crud-table/style/index.css

@@ -0,0 +1,42 @@
+/******** borderSize *******/
+/******** borderStyle *******/
+/******** radius *******/
+/******** shadow distance *******/
+/******** size *******/
+/******** spacing *******/
+/******** shadow *******/
+/******** opacity *******/
+/******** fontSize *******/
+/******** fontWeight ********/
+/******** Primary *******/
+/******** success *******/
+/******** warning *******/
+/******** danger *******/
+/******** link *******/
+/******** radius *******/
+/********* icon hover *********/
+.sd-basic-crud-table {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  width: 100%;
+  min-width: 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;
+}

package/es/basic-crud-table/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style/index.scss';
+import './index.scss';

package/es/basic-crud-table/style/index.js

@@ -0,0 +1,2 @@
+import "../../style/index.scss";
+import "./index.scss";

package/es/basic-crud-table/style/index.scss

@@ -0,0 +1,33 @@
+@use '@style/theme/index.scss' as theme;
+@use 'sass:string';
+@use '@components/basic-crud-table/style/token.scss' as *;
+$basic-crud-table-prefix-cls: string.unquote('#{theme.$prefix}-basic-crud-table');
+.#{$basic-crud-table-prefix-cls} {
+  display: flex;
+  flex-direction: column;
+  gap: $basic-crud-table-gap;
+  width: 100%;
+  min-width: 0;
+
+  &-header {
+    display: flex;
+    flex-direction: column;
+    gap: $basic-crud-table-gap;
+  }
+
+  &-header-actions {
+    display: flex;
+    justify-content: flex-end;
+  }
+
+  &-title {
+    margin: 0;
+    color: $basic-crud-table-title-color;
+    font-size: $basic-crud-table-title-size;
+  }
+
+  &-body {
+    width: 100%;
+    min-width: 0;
+  }
+}

package/es/basic-crud-table/style/token.scss

@@ -0,0 +1,8 @@
+@use '@style/theme/index.scss' as global;
+
+@forward '@style/theme/index.scss';
+
+@use 'sass:string';
+$basic-crud-table-gap: global.$spacing-4;
+$basic-crud-table-title-size: global.$font-size-title-3;
+$basic-crud-table-title-color: var(string.unquote('#{global.$sd-cssvars-prefix}-color-text-1'));

package/es/basic-crud-table/types.d.ts

@@ -0,0 +1,69 @@
+import type { UnknownRecord } from 'type-fest';
+import type { JsonFormProps } from '../json-form';
+import type ModalComponent from '../modal/modal.vue';
+import type { TableColumnData, TableData, TableInstance } from '../table';
+import type { ToolbarProps } from '../toolbar';
+export type MaybePromise<T> = T | Promise<T>;
+export type BasicCrudTableDataResult<TData extends TableData = TableData> = TData[] | {
+    data: TData[];
+    total?: number;
+    count?: number;
+    [key: string]: unknown;
+};
+export type BasicCrudTableTableProps = Omit<TableInstance['$props'], 'columns' | 'data' | 'onChange' | 'onPageChange' | 'onPageSizeChange'>;
+export type BasicCrudTableToolbarProps = Omit<ToolbarProps, 'loading'>;
+export type BasicCrudTableModalProps = Omit<InstanceType<typeof ModalComponent>['$props'], 'visible' | 'title' | 'onBeforeOk' | 'onClose' | 'onUpdate:visible'>;
+export type BasicCrudTableModalFormProps = Omit<JsonFormProps, 'model'>;
+export interface BasicCrudTableProps<TRow extends TableData = TableData> {
+    title?: string;
+    columns: TableColumnData[];
+    tableProps?: BasicCrudTableTableProps;
+    toolbarProps?: BasicCrudTableToolbarProps;
+    modalProps?: BasicCrudTableModalProps;
+    modalFormProps?: BasicCrudTableModalFormProps;
+    showCreate?: boolean;
+    openCreateModal?: boolean;
+    showEdit?: boolean;
+    showDelete?: boolean;
+    showToolbar?: boolean;
+    showHeader?: boolean;
+    showTitle?: boolean;
+    showActionColumn?: boolean;
+    fetchExcludeEmptyValues?: boolean;
+    fetchTableOnMounted?: boolean;
+    actionWidth?: number;
+    fetchTableApi?: (params: UnknownRecord) => MaybePromise<unknown>;
+    tableDataTransformer?: (data: unknown) => MaybePromise<BasicCrudTableDataResult<TRow>>;
+    createApi?: (data: UnknownRecord) => MaybePromise<unknown>;
+    updateApi?: (data: UnknownRecord) => MaybePromise<unknown>;
+    detailApi?: (row: TRow) => MaybePromise<UnknownRecord>;
+    valueTransformer?: (data: UnknownRecord) => UnknownRecord;
+    beforeModalSubmit?: (context: BasicCrudTableModalSubmitContext<TRow>) => MaybePromise<boolean | void>;
+    deleteContent?: string | ((row: TRow) => MaybePromise<string>);
+    deleteApi?: (row: TRow) => MaybePromise<unknown>;
+    beforeDelete?: (row: TRow) => MaybePromise<boolean | void>;
+    deleteNameKey?: string;
+}
+export type BasicCrudTableModalSubmitContext<TRow extends TableData = TableData> = {
+    type: 'create' | 'edit';
+    row?: TRow;
+    model: UnknownRecord;
+};
+export type BasicCrudTableActionSlotProps<TRow extends TableData = TableData> = {
+    record: TRow;
+    column: TableColumnData;
+    rowIndex: number;
+};
+export type BasicCrudTableModalSlotProps<TRow extends TableData = TableData> = {
+    type: 'create' | 'edit';
+    row?: TRow;
+    model: UnknownRecord;
+};
+export type InferBasicCrudTableRowFromValue<TValue> = TValue extends readonly (infer TItem)[] ? TItem : TValue extends {
+    data: infer TData;
+} ? InferBasicCrudTableRowFromValue<TData> : TValue extends {
+    results: infer TResults;
+} ? InferBasicCrudTableRowFromValue<TResults> : never;
+type AwaitedReturn<T> = T extends (...args: never[]) => infer TResult ? Awaited<TResult> : never;
+export type InferBasicCrudTableRow<TFetchTableApi, TTableDataTransformer = undefined> = TTableDataTransformer extends (...args: never[]) => unknown ? InferBasicCrudTableRowFromValue<AwaitedReturn<TTableDataTransformer>> : InferBasicCrudTableRowFromValue<AwaitedReturn<TFetchTableApi>>;
+export {};

package/es/breadcrumb/breadcrumb-item.js

@@ -1,8 +1,9 @@
 import { getPrefixCls } from "../_utils/global-config.js";
+import { useI18n } from "../locale/index.js";
 import IconMore from "../icon/icon-more/index.js";
+import IconDown from "../icon/icon-down/index.js";
 import dropdown_option_default from "../dropdown/dropdown-option.js";
 import Dropdown from "../dropdown/index.js";
-import IconDown from "../icon/icon-down/index.js";
 import IconObliqueLine from "../icon/icon-oblique-line/index.js";
 import { breadcrumbInjectKey } from "./context.js";
 import { Fragment, computed, createVNode, defineComponent, inject, mergeProps, ref } from "vue";
@@ -47,6 +48,7 @@ var breadcrumb_item_default = /* @__PURE__ */ defineComponent({
 	* @version 2.36.0
 	*/
 	setup(props, { slots, attrs }) {
+		const { t } = useI18n();
 		const prefixCls = getPrefixCls("breadcrumb-item");
 		const breadcrumbCtx = inject(breadcrumbInjectKey, void 0);
 		const dropdownVisible = ref(false);
@@ -78,7 +80,7 @@ var breadcrumb_item_default = /* @__PURE__ */ defineComponent({
 			return createVNode("div", mergeProps({
 				"role": "listitem",
 				"class": [prefixCls, { [`${prefixCls}-with-dropdown`]: props.droplist || slots.droplist }]
-			}, displayMore.value ? { "aria-label": "ellipses of breadcrumb items" } : void 0, attrs), [displayMore.value ? (_breadcrumbCtx$slots$2 = breadcrumbCtx === null || breadcrumbCtx === void 0 || (_breadcrumbCtx$slots3 = (_breadcrumbCtx$slots2 = breadcrumbCtx.slots)["more-icon"]) === null || _breadcrumbCtx$slots3 === void 0 ? void 0 : _breadcrumbCtx$slots3.call(_breadcrumbCtx$slots2)) !== null && _breadcrumbCtx$slots$2 !== void 0 ? _breadcrumbCtx$slots$2 : createVNode(IconMore, null, null) : (_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots), (props.droplist || slots.droplist) && createVNode("span", {
+			}, displayMore.value ? { "aria-label": t("a11y.breadcrumbEllipsis") } : void 0, attrs), [displayMore.value ? (_breadcrumbCtx$slots$2 = breadcrumbCtx === null || breadcrumbCtx === void 0 || (_breadcrumbCtx$slots3 = (_breadcrumbCtx$slots2 = breadcrumbCtx.slots)["more-icon"]) === null || _breadcrumbCtx$slots3 === void 0 ? void 0 : _breadcrumbCtx$slots3.call(_breadcrumbCtx$slots2)) !== null && _breadcrumbCtx$slots$2 !== void 0 ? _breadcrumbCtx$slots$2 : createVNode(IconMore, null, null) : (_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots), (props.droplist || slots.droplist) && createVNode("span", {
 				"aria-hidden": true,
 				"class": [`${prefixCls}-dropdown-icon`, { [`${prefixCls}-dropdown-icon-active`]: dropdownVisible.value }]
 			}, [createVNode(IconDown, null, null)])]);

package/es/breadcrumb/breadcrumb.js

@@ -1,5 +1,6 @@
 import { getPrefixCls } from "../_utils/global-config.js";
 import { getAllElements } from "../_utils/vue-utils.js";
+import { useI18n } from "../locale/index.js";
 import { breadcrumbInjectKey } from "./context.js";
 import breadcrumb_item_default from "./breadcrumb-item.js";
 import { computed, createVNode, defineComponent, mergeProps, provide, reactive, ref, toRefs } from "vue";
@@ -56,6 +57,7 @@ var breadcrumb_default = /* @__PURE__ */ defineComponent({
 	*/
 	setup(props, { slots }) {
 		const { maxCount, separator, routes } = toRefs(props);
+		const { t } = useI18n();
 		const prefixCls = getPrefixCls("breadcrumb");
 		const total = ref(0);
 		provide(breadcrumbInjectKey, reactive({
@@ -105,7 +107,7 @@ var breadcrumb_default = /* @__PURE__ */ defineComponent({
 		return () => {
 			return createVNode("div", {
 				"role": "list",
-				"aria-label": "Breadcrumb",
+				"aria-label": t("a11y.breadcrumb"),
 				"class": prefixCls
 			}, [slots.default ? renderByChildren() : renderByRoutes()]);
 		};

package/es/calendar/components/event.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 { PerformantEllipsis } from "../../ellipsis/index.js";
 import { calendarInjectionKey } from "../context.js";
 import { minutesToPercentage } from "../utils/conversions.js";
-import { PerformantEllipsis } from "../../ellipsis/index.js";
 import { Transition, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, mergeProps, normalizeClass, onBeforeUnmount, onMounted, openBlock, reactive, ref, renderSlot, shallowRef, toDisplayString, toHandlers, unref, watch, withCtx, withModifiers } from "vue";
 //#region components/calendar/components/event.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["draggable"];

package/es/calendar/components/headings-bar.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,6 @@
+import { PerformantEllipsis } from "../../ellipsis/index.js";
 import { calendarElInjectionKey, calendarInjectionKey } from "../context.js";
 import { weekdays } from "../core/config.js";
-import { PerformantEllipsis } from "../../ellipsis/index.js";
 import cell_default from "./cell.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, inject, mergeProps, normalizeClass, onBeforeUnmount, openBlock, ref, renderList, renderSlot, toDisplayString, unref, withCtx } from "vue";
 //#region components/calendar/components/headings-bar.vue?vue&type=script&setup=true&lang.ts

package/es/carousel/carousel-arrow.vue_vue_type_script_setup_true_lang.js

@@ -1,12 +1,15 @@
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isActivationKey } from "../_utils/keyboard.js";
+import { useI18n } from "../locale/index.js";
+import IconLeft from "../icon/icon-left/index.js";
 import IconRight from "../icon/icon-right/index.js";
 import IconDown from "../icon/icon-down/index.js";
-import IconLeft from "../icon/icon-left/index.js";
 import IconUp from "../icon/icon-up/index.js";
 import { computed, createBlock, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, unref } from "vue";
 //#region components/carousel/carousel-arrow.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-label"];
+var _hoisted_2 = ["aria-label"];
 var carousel_arrow_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "Arrow" }), {}, {
 	__name: "carousel-arrow",
 	props: {
@@ -23,6 +26,7 @@ var carousel_arrow_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
+		const { t } = useI18n();
 		const prefixCls = getPrefixCls("carousel");
 		const onPreviousClick = (ev) => {
 			emit("previousClick", ev);
@@ -42,18 +46,18 @@ var carousel_arrow_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			return openBlock(), createElementBlock("div", { class: normalizeClass(cls.value) }, [createElementVNode("div", {
 				role: "button",
 				tabindex: "0",
-				"aria-label": "Previous slide",
+				"aria-label": unref(t)("a11y.prevSlide"),
 				class: normalizeClass(`${unref(prefixCls)}-arrow-${__props.direction === "vertical" ? "top" : "left"}`),
 				onClick: onPreviousClick,
 				onKeydown: _cache[0] || (_cache[0] = (e) => onKeydown(e, "previous"))
-			}, [__props.direction === "horizontal" ? (openBlock(), createBlock(unref(IconLeft), { key: 0 })) : (openBlock(), createBlock(unref(IconUp), { key: 1 }))], 34), createElementVNode("div", {
+			}, [__props.direction === "horizontal" ? (openBlock(), createBlock(unref(IconLeft), { key: 0 })) : (openBlock(), createBlock(unref(IconUp), { key: 1 }))], 42, _hoisted_1), createElementVNode("div", {
 				role: "button",
 				tabindex: "0",
-				"aria-label": "Next slide",
+				"aria-label": unref(t)("a11y.nextSlide"),
 				class: normalizeClass(`${unref(prefixCls)}-arrow-${__props.direction === "vertical" ? "bottom" : "right"}`),
 				onClick: onNextClick,
 				onKeydown: _cache[1] || (_cache[1] = (e) => onKeydown(e, "next"))
-			}, [__props.direction === "horizontal" ? (openBlock(), createBlock(unref(IconRight), { key: 0 })) : (openBlock(), createBlock(unref(IconDown), { key: 1 }))], 34)], 2);
+			}, [__props.direction === "horizontal" ? (openBlock(), createBlock(unref(IconRight), { key: 0 })) : (openBlock(), createBlock(unref(IconDown), { key: 1 }))], 42, _hoisted_2)], 2);
 		};
 	}
 }));

package/es/carousel/carousel-indicator.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,7 @@
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isActivationKey } from "../_utils/keyboard.js";
+import { useI18n } from "../locale/index.js";
 import { Fragment, computed, createElementBlock, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, renderList, unref } from "vue";
 //#region components/carousel/carousel-indicator.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["aria-label"];
@@ -38,6 +39,7 @@ var carousel_indicator_vue_vue_type_script_setup_true_lang_default = /*@__PURE__
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
+		const { t } = useI18n();
 		const prefixCls = getPrefixCls("carousel-indicator");
 		const onClick = (event) => {
 			event.preventDefault();
@@ -79,7 +81,7 @@ var carousel_indicator_vue_vue_type_script_setup_true_lang_default = /*@__PURE__
 			return openBlock(), createElementBlock("div", mergeProps({ class: cls.value }, eventHandlers.value), [__props.type === "slider" ? (openBlock(), createElementBlock("span", {
 				key: 0,
 				style: normalizeStyle(sliderStyle.value),
-				"aria-label": `Slide ${__props.activeIndex + 1} of ${__props.count}`,
+				"aria-label": unref(t)("a11y.slideOf", __props.activeIndex + 1, __props.count),
 				class: normalizeClass([`${unref(prefixCls)}-item`, `${unref(prefixCls)}-item-active`])
 			}, null, 14, _hoisted_1)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(Array(__props.count), (_, index) => {
 				return openBlock(), createElementBlock("span", {
@@ -87,7 +89,7 @@ var carousel_indicator_vue_vue_type_script_setup_true_lang_default = /*@__PURE__
 					role: "button",
 					tabindex: "0",
 					"data-index": index,
-					"aria-label": `Go to slide ${index + 1}`,
+					"aria-label": unref(t)("a11y.goToSlide", index + 1),
 					"aria-current": index === __props.activeIndex ? "true" : void 0,
 					class: normalizeClass([`${unref(prefixCls)}-item`, { [`${unref(prefixCls)}-item-active`]: index === __props.activeIndex }]),
 					onKeydown: ($event) => onItemKeydown($event, index)

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

@@ -1,12 +1,14 @@
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
+import { useI18n } from "../locale/index.js";
 import { carouselInjectionKey } from "./context.js";
-import { computed, createElementBlock, defineComponent, getCurrentInstance, inject, normalizeClass, normalizeStyle, openBlock, renderSlot } from "vue";
+import { computed, createElementBlock, defineComponent, getCurrentInstance, inject, normalizeClass, normalizeStyle, openBlock, renderSlot, unref } from "vue";
 //#region components/carousel/carousel-item.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["aria-label", "aria-hidden"];
 var carousel_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "CarouselItem" }), {}, {
 	__name: "carousel-item",
 	setup(__props) {
+		const { t } = useI18n();
 		const prefixCls = getPrefixCls("carousel-item");
 		const instance = getCurrentInstance();
 		const context = inject(carouselInjectionKey, {});
@@ -45,7 +47,7 @@ var carousel_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 			return openBlock(), createElementBlock("div", {
 				role: "group",
 				"aria-roledescription": "slide",
-				"aria-label": `Slide ${index.value + 1} of ${slideCount.value}`,
+				"aria-label": unref(t)("a11y.slideOf", index.value + 1, slideCount.value),
 				"aria-hidden": !isCurrent.value,
 				class: normalizeClass(cls.value),
 				style: normalizeStyle(animationStyle.value)

package/es/carousel/carousel.js

@@ -2,6 +2,7 @@ import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helper
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isNumber, isObject } from "../_utils/is.js";
 import { KEYBOARD_KEY } from "../_utils/keyboard.js";
+import { useI18n } from "../locale/index.js";
 import { useChildrenComponents } from "../_hooks/use-children-components.js";
 import carousel_arrow_default from "./carousel-arrow.js";
 import carousel_indicator_default from "./carousel-indicator.js";
@@ -142,6 +143,7 @@ var carousel_default = /* @__PURE__ */ defineComponent({
 	},
 	setup(props, { emit, slots }) {
 		const { current, animationName, moveSpeed, transitionTimingFunction } = toRefs(props);
+		const { t } = useI18n();
 		const prefixCls = getPrefixCls("carousel");
 		const isPause = ref(false);
 		const previousIndex = ref();
@@ -260,7 +262,7 @@ var carousel_default = /* @__PURE__ */ defineComponent({
 				"class": cls.value,
 				"role": "region",
 				"aria-roledescription": "carousel",
-				"aria-label": "Carousel",
+				"aria-label": t("a11y.carousel"),
 				"tabindex": "0",
 				"onKeydown": onKeydown
 			}, eventHandlers.value), [

package/es/cascader/cascader-option.js

@@ -1,8 +1,8 @@
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isFunction } from "../_utils/is.js";
 import IconLoading from "../icon/icon-loading/index.js";
-import IconRight from "../icon/icon-right/index.js";
 import { PerformantEllipsis } from "../ellipsis/index.js";
+import IconRight from "../icon/icon-right/index.js";
 import Checkbox from "../checkbox/index.js";
 import Radio from "../radio/index.js";
 import { cascaderInjectionKey } from "./context.js";

package/es/cascader/cascader.vue_vue_type_script_setup_true_lang.js

@@ -8,14 +8,14 @@ import { resolveDropdownVirtualListProps } from "../_utils/virtual-dropdown.js";
 import { useReadonlyTip, useReadonlyTipText } from "../_hooks/use-readonly-tip.js";
 import Trigger from "../trigger/index.js";
 import Tooltip from "../tooltip/index.js";
-import { useTrigger } from "../_hooks/use-trigger.js";
+import { debounce } from "../_utils/debounce.js";
 import { cascaderInjectionKey } from "./context.js";
 import { getCheckedStatus, getLeafOptionInfos, getLeafOptionKeys, getOptionInfos, getOptionLabel, getValidValues, getValueKey } from "./utils.js";
 import base_cascader_panel_default from "./base-cascader-panel.js";
 import { useSelectedPath } from "./hooks/use-selected-path.js";
 import select_view_default from "../_components/select-view/select-view.js";
 import { useAllowSearch } from "../_hooks/use-allow-search.js";
-import { debounce } from "../_utils/debounce.js";
+import { useTrigger } from "../_hooks/use-trigger.js";
 import cascader_search_panel_default from "./cascader-search-panel.js";
 import { computed, createBlock, createSlots, createVNode, defineComponent, getCurrentInstance, guardReactiveProps, mergeProps, normalizeProps, openBlock, provide, reactive, ref, renderSlot, toRef, toRefs, unref, useAttrs, useSlots, watch, withCtx } from "vue";
 //#region components/cascader/cascader.vue?vue&type=script&setup=true&lang.ts

package/es/color-picker/panel.js

@@ -1,11 +1,12 @@
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
+import { useI18n } from "../locale/index.js";
 import input_group_default from "../input/input-group.js";
 import Input from "../input/index.js";
-import Radio from "../radio/index.js";
-import { colors } from "./colors.js";
 import InputNumber from "../input-number/index.js";
+import Radio from "../radio/index.js";
 import Select from "../select/index.js";
+import { colors } from "./colors.js";
 import control_bar_default from "./control-bar.js";
 import palette_default from "./palette.js";
 import { addGradientColor, formatColor, formatColorState, getActiveGradientPoint, getColorBackground, getColorObject, getDefaultColorState, getDefaultGradientState, getFormatInputs, getGradientThumbBackground, getLinearGradientString, normalizeFormat, parseColorState, parseFormatInputValues, removeGradientColor, round, setActiveColorHsva, setGradientColors, setGradientDegree, setGradientSelectedPoint } from "./utils.js";
@@ -158,6 +159,7 @@ var panel_default = /* @__PURE__ */ defineComponent({
 		onPaletteBarChange: Function
 	},
 	setup(props) {
+		const { t } = useI18n();
 		const prefixCls = getPrefixCls("color-picker");
 		const sliderRef = ref();
 		const gradientShellRef = ref();
@@ -332,7 +334,7 @@ var panel_default = /* @__PURE__ */ defineComponent({
 				"key": value,
 				"type": "button",
 				"class": `${prefixCls}-color-block`,
-				"aria-label": `选择颜色 ${value}`,
+				"aria-label": t("a11y.selectColor", value),
 				"onClick": () => emitStateChange(parseColorState(value, props.colorModes), trigger)
 			}, [createVNode("div", {
 				"class": `${prefixCls}-block`,

package/es/components.d.ts

@@ -15,6 +15,7 @@ declare module 'vue' {
         SdBackTop: SDVue['BackTop'];
         SdBorderBeam: SDVue['BorderBeam'];
         SdBadge: SDVue['Badge'];
+        SdBasicCrudTable: SDVue['BasicCrudTable'];
         SdBreadcrumb: SDVue['Breadcrumb'];
         SdBreadcrumbItem: SDVue['BreadcrumbItem'];
         SdButton: SDVue['Button'];

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" }), {}, {