@sdata/web-vue 1.19.0 → 2.1.1

package/es/color-picker/style/index.css

@@ -24,16 +24,16 @@
   display: inline-flex;
   align-items: center;
   box-sizing: border-box;
-  background-color: var(--color-fill-2);
+  background-color: var(--sd-color-fill-2);
   border-radius: 2px;
 }
 .sd-color-picker-preview {
   box-sizing: border-box;
-  border: 1px solid var(--color-border-2);
+  border: 1px solid var(--sd-color-border-2);
 }
 .sd-color-picker-value {
   margin-left: 4px;
-  color: var(--color-text-1);
+  color: var(--sd-color-text-1);
   font-weight: 400;
 }
 .sd-color-picker-input {
@@ -88,16 +88,16 @@
   font-size: 14px;
 }
 .sd-color-picker.sd-color-picker-disabled {
-  background-color: var(--color-fill-2);
+  background-color: var(--sd-color-fill-2);
   cursor: not-allowed;
 }
 .sd-color-picker.sd-color-picker-disabled .sd-color-picker-value {
-  color: var(--color-text-4);
+  color: var(--sd-color-text-4);
 }
 
 .sd-color-picker-panel {
   width: 260px;
-  background-color: var(--color-bg-1);
+  background-color: var(--sd-color-bg-1);
   border-radius: 2px;
   box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
 }
@@ -123,7 +123,7 @@
   height: 8px;
   padding: 0;
   background-color: transparent;
-  border: 1px solid var(--color-border-2);
+  border: 1px solid var(--sd-color-border-2);
   border-radius: 4px;
   cursor: pointer;
 }
@@ -167,7 +167,7 @@
 .sd-color-picker-panel .sd-color-picker-gradient-preview {
   height: 32px;
   margin-top: 8px;
-  border: 1px solid var(--color-border-2);
+  border: 1px solid var(--sd-color-border-2);
   border-radius: 4px;
 }
 .sd-color-picker-panel .sd-color-picker-palette {
@@ -177,9 +177,9 @@
   height: 178px;
   overflow: hidden;
   background-image: linear-gradient(0deg, rgb(0, 0, 0), transparent), linear-gradient(90deg, rgb(255, 255, 255), rgba(255, 255, 255, 0));
-  border-top: 1px solid var(--color-border-2);
-  border-right: 1px solid var(--color-border-2);
-  border-left: 1px solid var(--color-border-2);
+  border-top: 1px solid var(--sd-color-border-2);
+  border-right: 1px solid var(--sd-color-border-2);
+  border-left: 1px solid var(--sd-color-border-2);
   cursor: pointer;
 }
 .sd-color-picker-panel .sd-color-picker-palette .sd-color-picker-handler {
@@ -209,7 +209,7 @@
   margin-left: auto;
   color: #fff;
   font-size: 20px;
-  border: 1px solid var(--color-border-2);
+  border: 1px solid var(--sd-color-border-2);
   border-radius: 4px;
 }
 .sd-color-picker-panel .sd-color-picker-panel-control .sd-color-picker-control-wrapper .sd-color-picker-control-bar-alpha {
@@ -302,7 +302,7 @@
   box-sizing: border-box;
   width: 182px;
   height: 14px;
-  border: 1px solid var(--color-border-2);
+  border: 1px solid var(--sd-color-border-2);
   border-radius: 10px;
   cursor: pointer;
 }

package/es/color-picker/utils.js

@@ -1,4 +1,4 @@
-import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/objectSpread2.js";
+import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { formatInputToHSVA, hsvToRgb, rgbToHex, rgbToHsv, rgbaToHex } from "../_utils/color.js";
 //#region components/color-picker/utils.ts
 var DEFAULT_HSVA = {

package/es/comment/comment.js

@@ -1,4 +1,4 @@
-import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/objectSpread2.js";
+import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isString } from "../_utils/is.js";
 import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-helper.js";
@@ -123,6 +123,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 		class: normalizeClass(`${_ctx.prefixCls}-inner-comment`)
 	}, [renderSlot(_ctx.$slots, "default")], 2)) : createCommentVNode("", true)], 2)], 2);
 }
-var comment_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+var comment_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion
 export { comment_default as default };

package/es/comment/style/index.css

@@ -35,19 +35,19 @@
 .sd-comment-avatar > img {
   width: 32px;
   height: 32px;
-  border-radius: var(--border-radius-circle);
+  border-radius: var(--sd-border-radius-circle);
 }
 .sd-comment-author {
   margin-right: 8px;
-  color: var(--color-text-2);
+  color: var(--sd-color-text-2);
   font-size: 14px;
 }
 .sd-comment-datetime {
-  color: var(--color-text-3);
+  color: var(--sd-color-text-3);
   font-size: 12px;
 }
 .sd-comment-content {
-  color: var(--color-text-1);
+  color: var(--sd-color-text-1);
 }
 .sd-comment-title-align-right {
   display: flex;
@@ -55,7 +55,7 @@
 }
 .sd-comment-actions {
   margin-top: 8px;
-  color: var(--color-text-2);
+  color: var(--sd-color-text-2);
   font-size: 14px;
 }
 .sd-comment-actions > *:not(:last-child) {

package/es/components.d.ts

@@ -89,6 +89,7 @@ declare module 'vue' {
         SdPopconfirm: SDVue['Popconfirm'];
         SdPopover: SDVue['Popover'];
         SdProgress: SDVue['Progress'];
+        SdQrCode: SDVue['QrCode'];
         SdRadio: SDVue['Radio'];
         SdRadioGroup: SDVue['RadioGroup'];
         SdRate: SDVue['Rate'];
@@ -96,8 +97,6 @@ declare module 'vue' {
         SdResult: SDVue['Result'];
         SdSelect: SDVue['Select'];
         SdSecret: SDVue['Secret'];
-        SdOption: SDVue['Option'];
-        SdOptgroup: SDVue['Optgroup'];
         SdSkeleton: SDVue['Skeleton'];
         SdSkeletonLine: SDVue['SkeletonLine'];
         SdSkeletonShape: SDVue['SkeletonShape'];
@@ -126,6 +125,7 @@ declare module 'vue' {
         SdTimeline: SDVue['Timeline'];
         SdTimelineItem: SDVue['TimelineItem'];
         SdTooltip: SDVue['Tooltip'];
+        SdTour: SDVue['Tour'];
         SdTransfer: SDVue['Transfer'];
         SdTree: SDVue['Tree'];
         SdTreeSelect: SDVue['TreeSelect'];

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

@@ -17,6 +17,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 		"global"
 	]);
 }
-var config_provider_default = /* @__PURE__ */ _plugin_vue_export_helper_default(config_provider_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+var config_provider_default = /*#__PURE__*/ _plugin_vue_export_helper_default(config_provider_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
 //#endregion
 export { config_provider_default as default };

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

@@ -128,9 +128,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     };
 }>> & Readonly<{}>, {
     prefixCls: string;
+    rtl: boolean;
     updateAtScroll: boolean;
     scrollToClose: boolean;
-    rtl: boolean;
     allowClear: boolean;
     allowSearch: boolean;
     exchangeTime: boolean;

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

@@ -5,6 +5,7 @@ import { VirtualListProps } from '../_components/virtual-list/interface';
 import { Size } from '../_utils/constant';
 import { ButtonProps } from '../button';
 import { ShortcutType, WeekStart } from '../date-picker/interface';
+import { EllipsisTooltipProps } from '../ellipsis';
 import { SDLang } from '../locale/interface';
 import { SDThemeNormalized } from './theme';
 export interface ConfigProviderModal {
@@ -16,6 +17,7 @@ export interface ConfigProviderModal {
     draggable?: boolean;
     closable?: boolean;
     titleAlign?: 'start' | 'center';
+    titleEllipsisTooltip?: boolean | EllipsisTooltipProps;
     top?: number | string;
     footer?: boolean;
     hideCancel?: boolean;
@@ -33,6 +35,7 @@ export interface ConfigProviderDrawer {
     closable?: boolean;
     header?: boolean;
     footer?: boolean;
+    titleEllipsisTooltip?: boolean | EllipsisTooltipProps;
     hideCancel?: boolean;
     okText?: string;
     cancelText?: string;

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

@@ -64,9 +64,9 @@ declare const ConfigProvider: {
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
         prefixCls: string;
+        rtl: boolean;
         updateAtScroll: boolean;
         scrollToClose: boolean;
-        rtl: boolean;
         allowClear: boolean;
         allowSearch: boolean;
         exchangeTime: boolean;
@@ -187,9 +187,9 @@ declare const ConfigProvider: {
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, {
         prefixCls: string;
+        rtl: boolean;
         updateAtScroll: boolean;
         scrollToClose: boolean;
-        rtl: boolean;
         allowClear: boolean;
         allowSearch: boolean;
         exchangeTime: boolean;
@@ -260,9 +260,9 @@ declare const ConfigProvider: {
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     prefixCls: string;
+    rtl: boolean;
     updateAtScroll: boolean;
     scrollToClose: boolean;
-    rtl: boolean;
     allowClear: boolean;
     allowSearch: boolean;
     exchangeTime: boolean;

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

@@ -1,11 +1,11 @@
 import { themePopupContainerInjectionKey } from "./context.js";
-import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/objectSpread2.js";
+import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import usePopupManager from "../_hooks/use-popup-manager.js";
 import { applyThemeCSSVariables, clearThemeCSSVariables, normalizeTheme } from "./theme.js";
 import { computed, createBlock, defineComponent, normalizeClass, onBeforeUnmount, openBlock, provide, renderSlot, resolveDynamicComponent, shallowRef, unref, watch, withCtx } from "vue";
 //#region components/config-provider/theme-provider.vue?vue&type=script&setup=true&lang.ts
-var theme_provider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSpread2({}, { name: "ThemeProvider" }), {}, {
+var theme_provider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "ThemeProvider" }), {}, {
 	__name: "theme-provider",
 	props: {
 		theme: {},

package/es/config-provider/theme.js

@@ -1,4 +1,4 @@
-import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/objectSpread2.js";
+import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 //#region components/config-provider/theme.ts
 var DEFAULT_THEME_META = {
 	schemaVersion: 1,

package/es/copy/copy.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,6 @@
-import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/objectSpread2.js";
+import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
-import { _asyncToGenerator } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/asyncToGenerator.js";
+import { _asyncToGenerator } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/asyncToGenerator.js";
 import Button from "../button/index.js";
 import Tooltip from "../tooltip/index.js";
 import IconCopy from "../icon/icon-copy/index.js";
@@ -9,7 +9,7 @@ import Message from "../message/index.js";
 import { computed, createBlock, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, resolveDynamicComponent, unref, useAttrs, withCtx } from "vue";
 import copy from "copy-to-clipboard";
 //#region components/copy/copy.vue?vue&type=script&setup=true&lang.ts
-var copy_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSpread2({}, {
+var copy_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, {
 	name: "Copy",
 	inheritAttrs: false
 }), {}, {

package/es/cropper/cropper.vue_vue_type_script_setup_true_lang.js

@@ -1,11 +1,11 @@
-import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/objectSpread2.js";
+import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
-import { _asyncToGenerator } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/asyncToGenerator.js";
+import { _asyncToGenerator } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/asyncToGenerator.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, nextTick, normalizeClass, onBeforeUnmount, onMounted, openBlock, ref, unref, useAttrs, watch } from "vue";
 import { isNumber, isString } from "es-toolkit";
 //#region components/cropper/cropper.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["src"];
-var cropper_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSpread2({}, {
+var cropper_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, {
 	name: "Cropper",
 	inheritAttrs: false
 }), {}, {

package/es/cropper/style/index.css

@@ -23,8 +23,8 @@
   height: var(--sd-cropper-height, 100%);
   min-height: 120px;
   overflow: hidden;
-  background-color: var(--color-neutral-2);
-  border: 1px solid var(--color-neutral-3);
+  background-color: var(--sd-color-neutral-2);
+  border: 1px solid var(--sd-color-neutral-3);
   border-radius: 4px;
 }
 .sd-cropper-source-image {
@@ -38,7 +38,7 @@
 .sd-cropper cropper-canvas {
   width: var(--sd-cropper-width, 100%);
   height: var(--sd-cropper-height, 100%);
-  background-color: var(--color-neutral-2);
+  background-color: var(--sd-color-neutral-2);
 }
 .sd-cropper cropper-image,
 .sd-cropper cropper-selection,

package/es/date-picker/context.d.ts

@@ -1,5 +1,5 @@
 import { InjectionKey } from 'vue';
 export declare const PickerInjectionKey: InjectionKey<string>;
 export type PickerContext = Readonly<{
-    datePickerT: (key: string, ...args: any[]) => any;
+    datePickerT: (key: string, ...args: unknown[]) => string;
 }>;

package/es/date-picker/hooks/use-inject-datepicker-transform.d.ts

@@ -1 +1 @@
-export default function useDatePickerTransform(): (key: string, ...args: any[]) => any;
+export default function useDatePickerTransform(): (key: string, ...args: unknown[]) => string;

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

@@ -2,5 +2,5 @@ import { BasePickerProps } from '../interface';
 interface DatePickerTransform {
     locale?: BasePickerProps['locale'];
 }
-export default function useDatePickerTransform(props: DatePickerTransform): (key: string, ...args: any[]) => string;
+export default function useDatePickerTransform(props: DatePickerTransform): (key: string, ...args: unknown[]) => string;
 export {};

package/es/date-picker/hooks/use-range-header-value.d.ts

@@ -1,5 +1,5 @@
 import { Dayjs } from 'dayjs';
-import { CalendarValue, Mode } from '../interface';
+import { CalendarValue, HeaderOperations, Mode } from '../interface';
 interface RangeHeaderValueProps {
     mode: Mode;
     startHeaderMode?: Mode;
@@ -13,8 +13,8 @@ interface RangeHeaderValueProps {
 export default function useRangeHeaderValue(props: RangeHeaderValueProps): {
     startHeaderValue: import("vue").ComputedRef<Dayjs>;
     endHeaderValue: import("vue").ComputedRef<Dayjs>;
-    startHeaderOperations: import("vue").ComputedRef<Pick<any, string>>;
-    endHeaderOperations: import("vue").ComputedRef<Pick<any, string>>;
+    startHeaderOperations: import("vue").ComputedRef<Pick<HeaderOperations, keyof HeaderOperations>>;
+    endHeaderOperations: import("vue").ComputedRef<Pick<HeaderOperations, keyof HeaderOperations>>;
     setHeaderValue: (newVal: Dayjs[]) => void;
     resetHeaderValue: () => void;
 };

package/es/date-picker/hooks/use-range-time-picker-value.js

@@ -1,4 +1,4 @@
-import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.130.0/helpers/objectSpread2.js";
+import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { isArray } from "../../_utils/is.js";
 import useTimePickerValue from "./use-time-picker-value.js";
 import { computed, reactive, toRefs } from "vue";