@sdata/web-vue 3.14.0 → 3.16.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,60 @@
+/******** 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-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;
+}

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,54 @@
+@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;
+
+  &-full-height {
+    height: 100%;
+    min-height: 0;
+    overflow: hidden;
+  }
+
+  &-full-height &-body {
+    display: flex;
+    flex: 1 1 auto;
+    flex-direction: column;
+    min-height: 0;
+    overflow: hidden;
+  }
+
+  &-full-height &-body > .#{theme.$prefix}-table {
+    display: flex;
+    flex: 1 1 auto;
+    flex-direction: column;
+    min-height: 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,70 @@
+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;
+    fullHeight?: boolean;
+    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/card/card.d.ts

@@ -82,8 +82,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     bordered: boolean;
     hoverable: boolean;
     bodyStyle: CSSProperties;
-    headerStyle: CSSProperties;
     fullHeight: boolean;
+    headerStyle: CSSProperties;
 }, {}, {
     Spin: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{

package/es/card/index.d.ts

@@ -48,8 +48,8 @@ declare const Card: {
         bordered: boolean;
         hoverable: boolean;
         bodyStyle: import("vue").CSSProperties;
-        headerStyle: import("vue").CSSProperties;
         fullHeight: boolean;
+        headerStyle: import("vue").CSSProperties;
     }, true, {}, {}, {
         Spin: {
             new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
@@ -455,8 +455,8 @@ declare const Card: {
         bordered: boolean;
         hoverable: boolean;
         bodyStyle: import("vue").CSSProperties;
-        headerStyle: import("vue").CSSProperties;
         fullHeight: boolean;
+        headerStyle: import("vue").CSSProperties;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -505,8 +505,8 @@ declare const Card: {
     bordered: boolean;
     hoverable: boolean;
     bodyStyle: import("vue").CSSProperties;
-    headerStyle: import("vue").CSSProperties;
     fullHeight: boolean;
+    headerStyle: import("vue").CSSProperties;
 }, {}, string, {}, {
     Spin: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{

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 { debounce } from "../_utils/debounce.js";
+import select_view_default from "../_components/select-view/select-view.js";
+import { useAllowSearch } from "../_hooks/use-allow-search.js";
 import { useTrigger } from "../_hooks/use-trigger.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 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/color-picker.js

@@ -1,13 +1,13 @@
+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 { useReadonlyTip, useReadonlyTipText } from "../_hooks/use-readonly-tip.js";
 import Trigger from "../trigger/index.js";
 import Tooltip from "../tooltip/index.js";
 import Input from "../input/index.js";
-import { colors } from "./colors.js";
 import { formatColorState, getColorBackground, getColorObject, normalizeFormat, parseColorState } from "./utils.js";
 import panel_default from "./panel.js";
-import { computed, createVNode, defineComponent, mergeProps, ref, toRef } from "vue";
+import { computed, createVNode, defineComponent, inject, mergeProps, ref, toRef } from "vue";
 //#region components/color-picker/color-picker.tsx
 var color_picker_default = /* @__PURE__ */ defineComponent({
 	name: "ColorPicker",
@@ -139,6 +139,7 @@ var color_picker_default = /* @__PURE__ */ defineComponent({
 	},
 	setup(props, { emit, slots }) {
 		const prefixCls = getPrefixCls("color-picker");
+		const configProvider = inject(configProviderInjectionKey, void 0);
 		const innerValue = ref(props.defaultValue);
 		const popupVisible = ref(false);
 		const innerRecentColors = ref(Array.isArray(props.defaultRecentColors) ? props.defaultRecentColors : []);
@@ -154,9 +155,9 @@ var color_picker_default = /* @__PURE__ */ defineComponent({
 			return innerRecentColors.value;
 		});
 		const mergedSwatchColors = computed(() => {
-			if (props.swatchColors === null) return null;
-			if (Array.isArray(props.swatchColors)) return props.swatchColors;
-			return colors;
+			var _configProvider$color, _configProvider$color2;
+			if (props.swatchColors !== void 0) return props.swatchColors;
+			return (_configProvider$color = configProvider === null || configProvider === void 0 || (_configProvider$color2 = configProvider.colorPicker) === null || _configProvider$color2 === void 0 ? void 0 : _configProvider$color2.swatchColors) !== null && _configProvider$color !== void 0 ? _configProvider$color : [];
 		});
 		const colorState = computed(() => parseColorState(mergedValue.value, props.colorModes));
 		const triggerInputValue = computed(() => {

package/es/color-picker/panel.d.ts

@@ -29,7 +29,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     swatchColors: {
         type: PropType<string[] | null>;
-        default: () => string[];
+        default: () => never[];
     };
     onChange: PropType<(value: string, trigger: ColorPickerChangeTrigger) => void>;
     onRecentColorsChange: PropType<(value: string[]) => void>;
@@ -65,7 +65,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     swatchColors: {
         type: PropType<string[] | null>;
-        default: () => string[];
+        default: () => never[];
     };
     onChange: PropType<(value: string, trigger: ColorPickerChangeTrigger) => void>;
     onRecentColorsChange: PropType<(value: string[]) => void>;

package/es/color-picker/panel.js

@@ -1,11 +1,11 @@
 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 Select from "../select/index.js";
+import Radio from "../radio/index.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";
@@ -151,13 +151,14 @@ var panel_default = /* @__PURE__ */ defineComponent({
 		},
 		swatchColors: {
 			type: Array,
-			default: () => colors
+			default: () => []
 		},
 		onChange: Function,
 		onRecentColorsChange: Function,
 		onPaletteBarChange: Function
 	},
 	setup(props) {
+		const { t } = useI18n();
 		const prefixCls = getPrefixCls("color-picker");
 		const sliderRef = ref();
 		const gradientShellRef = ref();
@@ -332,7 +333,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/config-provider/config-provider.vue.d.ts

@@ -2,7 +2,7 @@ import type { PropType } from 'vue';
 import { VirtualListProps } from '../_components/virtual-list/interface';
 import { Size } from '../_utils/constant';
 import { SdLang } from '../locale/interface';
-import { ConfigProviderDatePicker, ConfigProviderDrawer, type JsonFormProviderConfig, ConfigProviderModal, ConfigProviderPagination } from './context';
+import { ConfigProviderColorPicker, ConfigProviderDatePicker, ConfigProviderDrawer, type JsonFormProviderConfig, ConfigProviderModal, ConfigProviderPagination } from './context';
 import { SdThemeConfig, SdThemeMode } from './theme';
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
@@ -66,6 +66,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     pagination: {
         type: PropType<ConfigProviderPagination>;
     };
+    colorPicker: {
+        type: PropType<ConfigProviderColorPicker>;
+    };
     jsonForm: {
         type: PropType<JsonFormProviderConfig>;
     };
@@ -133,6 +136,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     pagination: {
         type: PropType<ConfigProviderPagination>;
     };
+    colorPicker: {
+        type: PropType<ConfigProviderColorPicker>;
+    };
     jsonForm: {
         type: PropType<JsonFormProviderConfig>;
     };