@sdata/web-vue 1.11.1 → 1.13.0

package/es/scrollbar/scrollbar.vue.d.ts

@@ -8,7 +8,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: PropType<"track" | "embed">;
         default: string;
     };
-    outerClass: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+    outerClass: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
     outerStyle: {
         type: PropType<StyleValue>;
     };
@@ -137,7 +137,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: PropType<"track" | "embed">;
         default: string;
     };
-    outerClass: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+    outerClass: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
     outerStyle: {
         type: PropType<StyleValue>;
     };
@@ -179,9 +179,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
 }>> & Readonly<{
     onScroll?: ((_ev: Event) => any) | undefined;
 }>, {
-    type: "embed" | "track";
     paddingAbsolute: boolean | undefined;
     showNativeOverlaidScrollbars: boolean | undefined;
+    type: "track" | "embed";
     hide: boolean;
     disableHorizontal: boolean;
     disableVertical: boolean;

package/es/scrollbar/scrollbar.vue_vue_type_script_lang.js

@@ -1,4 +1,4 @@
-import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.124.0/helpers/objectSpread2.js";
+import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isObject } from "../_utils/is.js";
 import { computed, defineComponent, onBeforeUnmount, onMounted, ref, watch } from "vue";
@@ -8,32 +8,72 @@ var scrollbar_vue_vue_type_script_lang_default = defineComponent({
 	name: "Scrollbar",
 	inheritAttrs: false,
 	props: {
+		/**
+		* @zh 类型
+		* @en Type
+		*/
 		type: {
 			type: String,
 			default: "embed"
 		},
+		/**
+		* @zh 外层的类名
+		* @en Outer class
+		*/
 		outerClass: [
 			String,
 			Object,
 			Array
 		],
+		/**
+		* @zh 外层的样式
+		* @en Outer style
+		*/
 		outerStyle: { type: [
 			String,
 			Object,
 			Array
 		] },
+		/**
+		* @zh 是否使用绝对 padding。
+		* @en Whether padding should be absolute.
+		*/
 		paddingAbsolute: {
 			type: Boolean,
 			default: void 0
 		},
+		/**
+		* @zh 是否展示原生 overlay 滚动条。
+		* @en Whether to show native overlaid scrollbars.
+		*/
 		showNativeOverlaidScrollbars: {
 			type: Boolean,
 			default: void 0
 		},
+		/**
+		* @zh OverlayScrollbars 的 update 配置。
+		* @en OverlayScrollbars update options.
+		*/
 		updateOptions: { type: Object },
+		/**
+		* @zh OverlayScrollbars 的 overflow 配置。
+		* @en OverlayScrollbars overflow options.
+		*/
 		overflow: { type: Object },
+		/**
+		* @zh OverlayScrollbars 的 scrollbars 配置。
+		* @en OverlayScrollbars scrollbar options.
+		*/
 		scrollbars: { type: Object },
+		/**
+		* @zh 完整的 OverlayScrollbars options，会与组件级 props 合并。
+		* @en Complete OverlayScrollbars options merged with component props.
+		*/
 		overlayOptions: { type: Object },
+		/**
+		* @zh 直接透传给 OverlayScrollbars 的事件监听。
+		* @en Event listeners forwarded to OverlayScrollbars.
+		*/
 		events: { type: Object },
 		hide: {
 			type: Boolean,
@@ -48,7 +88,12 @@ var scrollbar_vue_vue_type_script_lang_default = defineComponent({
 			default: false
 		}
 	},
-	emits: { scroll: (_ev) => true },
+	emits: { 
+	/**
+	* @zh 滚动时触发
+	* @en Triggered when scroll
+	*/
+scroll: (_ev) => true },
 	setup(props, { emit }) {
 		const prefixCls = getPrefixCls("scrollbar");
 		const containerRef = ref();
@@ -153,15 +198,27 @@ var scrollbar_vue_vue_type_script_lang_default = defineComponent({
 		};
 	},
 	methods: {
+		/**
+		* @zh 获取底层 OverlayScrollbars 实例。
+		* @en Get underlying OverlayScrollbars instance.
+		*/
 		getOSInstance() {
 			return this.resolveOSInstance();
 		},
+		/**
+		* @zh 获取或更新底层 options。
+		* @en Get or set OverlayScrollbars options.
+		*/
 		options(newOptions, pure) {
 			const osInstance = this.getOSInstance();
 			if (!osInstance) return;
 			if (typeof newOptions === "undefined") return osInstance.options();
 			return osInstance.options(newOptions, pure);
 		},
+		/**
+		* @zh 绑定底层 OverlayScrollbars 事件。
+		* @en Bind OverlayScrollbars listeners.
+		*/
 		on(nameOrListeners, listenerOrPure) {
 			const osInstance = this.getOSInstance();
 			if (!osInstance) return;
@@ -169,6 +226,10 @@ var scrollbar_vue_vue_type_script_lang_default = defineComponent({
 			if (Array.isArray(listenerOrPure)) return osInstance.on(nameOrListeners, listenerOrPure);
 			return osInstance.on(nameOrListeners, listenerOrPure);
 		},
+		/**
+		* @zh 解绑底层 OverlayScrollbars 事件。
+		* @en Remove OverlayScrollbars listeners.
+		*/
 		off(name, listener) {
 			const osInstance = this.getOSInstance();
 			if (!osInstance) return;
@@ -178,31 +239,62 @@ var scrollbar_vue_vue_type_script_lang_default = defineComponent({
 			}
 			osInstance.off(name, listener);
 		},
+		/**
+		* @zh 强制更新底层实例。
+		* @en Force instance update.
+		*/
 		update(force) {
 			var _this$getOSInstance$u, _this$getOSInstance;
 			return (_this$getOSInstance$u = (_this$getOSInstance = this.getOSInstance()) === null || _this$getOSInstance === void 0 ? void 0 : _this$getOSInstance.update(force)) !== null && _this$getOSInstance$u !== void 0 ? _this$getOSInstance$u : false;
 		},
+		/**
+		* @zh 设置底层实例休眠状态。
+		* @en Toggle sleeping state.
+		*/
 		sleep(sleeping) {
 			var _this$getOSInstance2;
 			(_this$getOSInstance2 = this.getOSInstance()) === null || _this$getOSInstance2 === void 0 || _this$getOSInstance2.sleep(sleeping);
 		},
+		/**
+		* @zh 获取底层状态。
+		* @en Get underlying state.
+		*/
 		state() {
 			var _this$getOSInstance3;
 			return (_this$getOSInstance3 = this.getOSInstance()) === null || _this$getOSInstance3 === void 0 ? void 0 : _this$getOSInstance3.state();
 		},
+		/**
+		* @zh 获取底层生成的元素引用。
+		* @en Get generated elements.
+		*/
 		elements() {
 			var _this$getOSInstance4;
 			return (_this$getOSInstance4 = this.getOSInstance()) === null || _this$getOSInstance4 === void 0 ? void 0 : _this$getOSInstance4.elements();
 		},
+		/**
+		* @zh 获取底层插件实例。
+		* @en Get plugin instance.
+		*/
 		plugin(osPlugin) {
 			var _this$getOSInstance5;
 			return (_this$getOSInstance5 = this.getOSInstance()) === null || _this$getOSInstance5 === void 0 ? void 0 : _this$getOSInstance5.plugin(osPlugin);
 		},
+		/**
+		* @zh 销毁底层实例。
+		* @en Destroy underlying instance.
+		*/
 		destroy() {
 			const osInstance = this.getOSInstance();
 			if (!osInstance) return;
 			osInstance.destroy();
 		},
+		/**
+		* @zh 滚动
+		* @en scrollTo
+		* @public
+		* @param {number | {left?: number;top?: number}} options
+		* @param {number} y
+		*/
 		scrollTo(options, y) {
 			const scrollOffsetElement = this.getScrollOffsetElement();
 			if (!scrollOffsetElement || !("scrollTop" in scrollOffsetElement)) return;
@@ -224,12 +316,26 @@ var scrollbar_vue_vue_type_script_lang_default = defineComponent({
 			if (typeof options === "number") scrollOffsetElement.scrollLeft = options;
 			if (typeof y === "number") scrollOffsetElement.scrollTop = y;
 		},
+		/**
+		* @zh 纵向滚动
+		* @en scroll vertically
+		* @public
+		* @param {number} top
+		* @version 2.40.0
+		*/
 		scrollTop(top) {
 			const scrollOffsetElement = this.getScrollOffsetElement();
 			if (!scrollOffsetElement || !("scrollTop" in scrollOffsetElement)) return;
 			if (typeof scrollOffsetElement.scrollTo === "function") scrollOffsetElement.scrollTo({ top });
 			else scrollOffsetElement.scrollTop = top;
 		},
+		/**
+		* @zh 横向滚动
+		* @en scroll horizontal
+		* @public
+		* @param {number} left
+		* @version 2.40.0
+		*/
 		scrollLeft(left) {
 			const scrollOffsetElement = this.getScrollOffsetElement();
 			if (!scrollOffsetElement || !("scrollLeft" in scrollOffsetElement)) return;

package/es/sd-vue.js

@@ -1,5 +1,5 @@
 import { useFormItem } from "./_hooks/use-form-item.js";
-import { _objectSpread2 } from "./_virtual/_@oxc-project_runtime@0.124.0/helpers/objectSpread2.js";
+import { _objectSpread2 } from "./_virtual/_@oxc-project_runtime@0.130.0/helpers/objectSpread2.js";
 import Affix from "./affix/index.js";
 import Alert from "./alert/index.js";
 import anchor_link_default from "./anchor/anchor-link.js";
@@ -54,6 +54,9 @@ import ColorPicker from "./color-picker/index.js";
 import Comment from "./comment/index.js";
 import ConfigProvider from "./config-provider/index.js";
 import Link from "./link/index.js";
+import Message from "./message/index.js";
+import Copy from "./copy/index.js";
+import Cropper from "./cropper/index.js";
 import month_picker_default from "./date-picker/pickers/month-picker.js";
 import quarter_picker_default from "./date-picker/pickers/quarter-picker.js";
 import week_picker_default from "./date-picker/pickers/week-picker.js";
@@ -91,7 +94,6 @@ import item_default from "./menu/item.js";
 import item_group_default from "./menu/item-group.js";
 import sub_menu_default from "./menu/sub-menu.js";
 import Menu from "./menu/index.js";
-import Message from "./message/index.js";
 import Modal from "./modal/index.js";
 import Notification from "./notification/index.js";
 import OverflowList from "./overflow-list/index.js";
@@ -100,6 +102,7 @@ import Popconfirm from "./popconfirm/index.js";
 import Progress from "./progress/index.js";
 import Rate from "./rate/index.js";
 import Result from "./result/index.js";
+import Secret from "./secret/index.js";
 import line_default from "./skeleton/line.js";
 import shape_default from "./skeleton/shape.js";
 import Skeleton from "./skeleton/index.js";
@@ -120,6 +123,7 @@ import table_column_default from "./table/table-column.js";
 import Table from "./table/index.js";
 import tab_pane_default from "./tabs/tab-pane.js";
 import Tabs from "./tabs/index.js";
+import TagGroup from "./tag-group/index.js";
 import ThemeProvider from "./theme-provider/index.js";
 import TimePicker from "./time-picker/index.js";
 import item_default$1 from "./timeline/item.js";
@@ -152,6 +156,8 @@ var components = {
 	Comment,
 	ColorPicker,
 	Descriptions,
+	Copy,
+	Cropper,
 	Empty,
 	Image,
 	Scrollbar,
@@ -161,6 +167,7 @@ var components = {
 	Table,
 	Tabs,
 	Tag,
+	TagGroup,
 	Timeline,
 	Tooltip,
 	AutoComplete,
@@ -175,6 +182,7 @@ var components = {
 	Radio,
 	Rate,
 	Select,
+	Secret,
 	Slider,
 	Switch,
 	Textarea,

package/es/secret/index.d.ts

@@ -0,0 +1,48 @@
+import type { App } from 'vue';
+import type { SDOptions } from '../_utils/types';
+import _Secret from './secret.vue';
+declare const Secret: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+        text: string;
+        hiddenText?: string;
+        showCopy?: boolean;
+    } & {
+        visible?: boolean;
+    }> & Readonly<{
+        "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:visible": (value: boolean) => any;
+    }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        text: string;
+        hiddenText?: string;
+        showCopy?: boolean;
+    } & {
+        visible?: boolean;
+    }> & Readonly<{
+        "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<{
+    text: string;
+    hiddenText?: string;
+    showCopy?: boolean;
+} & {
+    visible?: boolean;
+}> & Readonly<{
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:visible": (value: boolean) => any;
+}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    install: (app: App, options?: SDOptions) => void;
+};
+export type SecretInstance = InstanceType<typeof _Secret>;
+export default Secret;

package/es/secret/index.js

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

package/es/secret/secret.js

@@ -0,0 +1,5 @@
+import secret_vue_vue_type_script_setup_true_lang_default from "./secret.vue_vue_type_script_setup_true_lang.js";
+//#region components/secret/secret.vue
+var secret_default = secret_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { secret_default as default };

package/es/secret/secret.vue.d.ts

@@ -0,0 +1,17 @@
+type SecretProps = {
+    text: string;
+    hiddenText?: string;
+    showCopy?: boolean;
+};
+type __VLS_Props = SecretProps;
+type __VLS_ModelProps = {
+    'visible'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:visible": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/es/secret/secret.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,64 @@
+import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/objectSpread2.js";
+import { getPrefixCls } from "../_utils/global-config.js";
+import IconEye from "../icon/icon-eye/index.js";
+import IconEyeInvisible from "../icon/icon-eye-invisible/index.js";
+import Tooltip from "../tooltip/index.js";
+import { PerformantEllipsis } from "../ellipsis/index.js";
+import Copy from "../copy/index.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, normalizeClass, openBlock, toDisplayString, unref, useModel, withCtx } from "vue";
+//#region components/secret/secret.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-label", "aria-pressed"];
+var secret_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSpread2({}, { name: "Secret" }), {}, {
+	__name: "secret",
+	props: /* @__PURE__ */ mergeModels({
+		text: {},
+		hiddenText: { default: "********" },
+		showCopy: {
+			type: Boolean,
+			default: true
+		}
+	}, {
+		"visible": _objectSpread2({ type: Boolean }, { default: false }),
+		"visibleModifiers": {}
+	}),
+	emits: ["update:visible"],
+	setup(__props) {
+		const visibleValue = useModel(__props, "visible");
+		const prefixCls = getPrefixCls("secret");
+		const toggleTooltip = computed(() => visibleValue.value ? "隐藏" : "显示");
+		const toggleAriaLabel = computed(() => visibleValue.value ? "隐藏敏感信息" : "显示敏感信息");
+		function handleToggleVisible() {
+			visibleValue.value = !visibleValue.value;
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(prefixCls)) }, [
+				visibleValue.value ? (openBlock(), createBlock(unref(PerformantEllipsis), {
+					key: 0,
+					class: normalizeClass(`${unref(prefixCls)}-content`)
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.text), 1)]),
+					_: 1
+				}, 8, ["class"])) : (openBlock(), createElementBlock("span", {
+					key: 1,
+					class: normalizeClass([`${unref(prefixCls)}-content`, `${unref(prefixCls)}-placeholder`])
+				}, toDisplayString(__props.hiddenText), 3)),
+				createVNode(unref(Tooltip), { content: toggleTooltip.value }, {
+					default: withCtx(() => [createElementVNode("button", {
+						type: "button",
+						class: normalizeClass(`${unref(prefixCls)}-trigger`),
+						"aria-label": toggleAriaLabel.value,
+						"aria-pressed": visibleValue.value,
+						onClick: handleToggleVisible
+					}, [!visibleValue.value ? (openBlock(), createBlock(unref(IconEye), { key: 0 })) : (openBlock(), createBlock(unref(IconEyeInvisible), { key: 1 }))], 10, _hoisted_1)]),
+					_: 1
+				}, 8, ["content"]),
+				__props.showCopy ? (openBlock(), createBlock(unref(Copy), {
+					key: 2,
+					content: __props.text
+				}, null, 8, ["content"])) : createCommentVNode("", true)
+			], 2);
+		};
+	}
+}));
+//#endregion
+export { secret_vue_vue_type_script_setup_true_lang_default as default };

package/es/secret/style/css.js

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

package/es/secret/style/index.css

@@ -0,0 +1,54 @@
+/******** borderSize *******/
+/******** borderStyle *******/
+/******** radius *******/
+/******** shadow distance *******/
+/******** size *******/
+/******** spacing *******/
+/******** shadow *******/
+/******** opacity *******/
+/******** fontSize *******/
+/******** fontWeight ********/
+/******** Primary *******/
+/******** success *******/
+/******** warning *******/
+/******** danger *******/
+/******** link *******/
+/******** radius *******/
+/********* icon hover *********/
+.sd-secret {
+  display: inline-flex;
+  gap: 6px;
+  align-items: center;
+  min-width: 0;
+  max-width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.sd-secret-content {
+  flex: 1 1 auto;
+  min-width: 0;
+}
+.sd-secret-placeholder {
+  overflow: hidden;
+  color: var(--color-text-3);
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.sd-secret-trigger {
+  display: inline-flex;
+  flex: none;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  color: var(--color-text-3);
+  background: transparent;
+  border: 0;
+  border-radius: var(--border-radius-small);
+  cursor: pointer;
+}
+.sd-secret-trigger .sd-icon {
+  font-size: 16px;
+}
+.sd-secret-trigger:hover {
+  color: var(--color-text-1);
+}

package/es/secret/style/index.d.ts

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

package/es/secret/style/index.js

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

package/es/secret/style/index.scss

@@ -0,0 +1,48 @@
+@use 'sass:string';
+@use '@style/theme/index.scss' as theme;
+@use '@components/secret/style/token.scss' as *;
+
+$secret-prefix-cls: string.unquote('#{theme.$prefix}-secret');
+
+.#{$secret-prefix-cls} {
+  display: inline-flex;
+  gap: $secret-gap;
+  align-items: center;
+  min-width: 0;
+  max-width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+
+  &-content {
+    flex: 1 1 auto;
+    min-width: 0;
+  }
+
+  &-placeholder {
+    overflow: hidden;
+    color: $secret-placeholder-color-text;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+
+  &-trigger {
+    display: inline-flex;
+    flex: none;
+    align-items: center;
+    justify-content: center;
+    padding: 0;
+    color: $secret-trigger-color-text;
+    background: transparent;
+    border: 0;
+    border-radius: $secret-trigger-border-radius;
+    cursor: pointer;
+
+    .sd-icon {
+      font-size: $secret-trigger-size-icon;
+    }
+
+    &:hover {
+      color: $secret-trigger-color-text_hover;
+    }
+  }
+}

package/es/secret/style/token.scss

@@ -0,0 +1,9 @@
+@use 'sass:string';
+@use '@style/theme/index.scss' as global;
+
+$secret-gap: global.$spacing-3;
+$secret-trigger-border-radius: global.$radius-small;
+$secret-trigger-color-text: var(string.unquote('#{global.$sd-cssvars-prefix}-color-text-3'));
+$secret-trigger-color-text_hover: var(string.unquote('#{global.$sd-cssvars-prefix}-color-text-1'));
+$secret-trigger-size-icon: global.$size-4;
+$secret-placeholder-color-text: var(string.unquote('#{global.$sd-cssvars-prefix}-color-text-3'));

package/es/select/hooks/use-options.js

@@ -1,4 +1,4 @@
-import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/objectSpread2.js";
+import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.130.0/helpers/objectSpread2.js";
 import { isNumber } from "../../_utils/is.js";
 import { getOptionInfos, getValidOptions, isValidOption } from "../utils.js";
 import { computed, reactive, ref, watch } from "vue";