@sdata/web-vue 1.11.1 → 1.13.0

package/es/trigger/trigger.js

@@ -1,5 +1,5 @@
 import { configProviderInjectionKey, themePopupContainerInjectionKey } from "../config-provider/context.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 { getPrefixCls } from "../_utils/global-config.js";
 import { isEmptyChildren, mergeFirstChild } from "../_utils/vue-utils.js";
 import { off, on } from "../_utils/dom.js";
@@ -28,102 +28,221 @@ var trigger_default = /* @__PURE__ */ defineComponent({
 	name: "Trigger",
 	inheritAttrs: false,
 	props: {
+		/**
+		* @zh 弹出框是否可见
+		* @en Whether the popup is visible
+		* @vModel
+		*/
 		popupVisible: {
 			type: Boolean,
 			default: void 0
 		},
+		/**
+		* @zh 弹出框默认是否可见（非受控模式）
+		* @en Whether the popup is visible by default (uncontrolled mode)
+		*/
 		defaultPopupVisible: {
 			type: Boolean,
 			default: false
 		},
+		/**
+		* @zh 触发方式
+		* @en Trigger method
+		* @values 'hover','click','focus','contextMenu'
+		*/
 		trigger: {
 			type: [String, Array],
 			default: "hover"
 		},
+		/**
+		* @zh 弹出位置
+		* @en Popup position
+		* @values 'top','tl','tr','bottom','bl','br','left','lt','lb','right','rt','rb'
+		*/
 		position: {
 			type: String,
 			default: "bottom"
 		},
+		/**
+		* @zh 触发器是否禁用
+		* @en Whether the trigger is disabled
+		*/
 		disabled: {
 			type: Boolean,
 			default: false
 		},
+		/**
+		* @zh 弹出框的偏移量（弹出框距离触发器的偏移距离）
+		* @en The offset of the popup (the offset distance of the popup from the trigger)
+		*/
 		popupOffset: {
 			type: Number,
 			default: 0
 		},
+		/**
+		* @zh 弹出框的移动距离
+		* @en The moving distance of the popup
+		*/
 		popupTranslate: { type: [Array, Object] },
+		/**
+		* @zh 弹出框是否显示箭头
+		* @en Whether the popup shows an arrow
+		*/
 		showArrow: {
 			type: Boolean,
 			default: false
 		},
+		/**
+		* @zh 弹出框是否跟随鼠标
+		* @en Whether the popup follows the mouse
+		*/
 		alignPoint: {
 			type: Boolean,
 			default: false
 		},
+		/**
+		* @zh 是否在移出触发器，并移入弹出框时保持弹出框显示
+		* @en Whether to keep the popup displayed when the trigger is moved out and moved into the popup
+		*/
 		popupHoverStay: {
 			type: Boolean,
 			default: true
 		},
+		/**
+		* @zh 是否在触发器失去焦点时关闭弹出框
+		* @en Whether to close the popup when the trigger loses focus
+		*/
 		blurToClose: {
 			type: Boolean,
 			default: true
 		},
+		/**
+		* @zh 是否在点击触发器时关闭弹出框
+		* @en Whether to close the popup when the trigger is clicked
+		*/
 		clickToClose: {
 			type: Boolean,
 			default: true
 		},
+		/**
+		* @zh 是否在点击外部区域时关闭弹出框
+		* @en Whether to close the popup when clicking on the outer area
+		*/
 		clickOutsideToClose: {
 			type: Boolean,
 			default: true
 		},
+		/**
+		* @zh 是否在关闭时卸载弹出框节点
+		* @en Whether to uninstall the popup node when closing
+		*/
 		unmountOnClose: {
 			type: Boolean,
 			default: true
 		},
+		/**
+		* @zh 弹出框内容的类名
+		* @en The class name of the popup content
+		*/
 		contentClass: { type: [
 			String,
 			Array,
 			Object
 		] },
+		/**
+		* @zh 弹出框内容的样式
+		* @en The style of the popup content
+		*/
 		contentStyle: { type: Object },
+		/**
+		* @zh 弹出框箭头的类名
+		* @en The class name of the popup arrow
+		*/
 		arrowClass: { type: [
 			String,
 			Array,
 			Object
 		] },
+		/**
+		* @zh 弹出框箭头的样式
+		* @en The style of the popup arrow
+		*/
 		arrowStyle: { type: Object },
+		/**
+		* @zh 弹出框的样式
+		* @en The style of the popup
+		*/
 		popupStyle: { type: Object },
+		/**
+		* @zh 弹出动画的name
+		* @en The name of the popup animation
+		*/
 		animationName: {
 			type: String,
 			default: "fade-in"
 		},
+		/**
+		* @zh 弹出动画的持续时间
+		* @en The duration of the popup animation
+		*/
 		duration: { type: [Number, Object] },
+		/**
+		* @zh mouseenter事件延时触发的时间（毫秒）
+		* @en Delay trigger time of mouseenter event (ms)
+		*/
 		mouseEnterDelay: {
 			type: Number,
 			default: 100
 		},
+		/**
+		* @zh mouseleave事件延时触发的时间（毫秒）
+		* @en Delay trigger time of mouseleave event (ms)
+		*/
 		mouseLeaveDelay: {
 			type: Number,
 			default: 100
 		},
+		/**
+		* @zh focus事件延时触发的时间（毫秒）
+		* @en Delay trigger time of focus event (ms)
+		*/
 		focusDelay: {
 			type: Number,
 			default: 0
 		},
+		/**
+		* @zh 是否将弹出框宽度设置为触发器宽度
+		* @en Whether to set the width of the popup to the width of the trigger
+		*/
 		autoFitPopupWidth: {
 			type: Boolean,
 			default: false
 		},
+		/**
+		* @zh 是否将弹出框的最小宽度设置为触发器宽度
+		* @en Whether to set the minimum width of the popup to the trigger width
+		*/
 		autoFitPopupMinWidth: {
 			type: Boolean,
 			default: false
 		},
+		/**
+		* @zh 当触发器的尺寸发生变化时，是否重新计算弹出框位置
+		* @en When the size of the trigger changes, whether to recalculate the position of the popup
+		*/
 		autoFixPosition: {
 			type: Boolean,
 			default: true
 		},
+		/**
+		* @zh 弹出框的挂载容器
+		* @en Mount container for popup
+		*/
 		popupContainer: { type: [String, Object] },
+		/**
+		* @zh 是否在容器滚动时更新弹出框的位置
+		* @us Whether to update the position of the popup when the container is scrolled
+		*/
 		updateAtScroll: {
 			type: Boolean,
 			default: false
@@ -141,22 +260,43 @@ var trigger_default = /* @__PURE__ */ defineComponent({
 			Array,
 			Object
 		] },
+		/**
+		* @zh 是否自动调整弹出框位置，以适应窗口大小
+		* @en Whether to automatically adjust the position of the popup to fit the window size
+		*/
 		autoFitPosition: {
 			type: Boolean,
 			default: true
 		},
+		/**
+		* @zh 是否挂载在 `body` 元素下
+		* @en Whether to mount under the `body` element
+		*/
 		renderToBody: {
 			type: Boolean,
 			default: true
 		},
+		/**
+		* @zh 是否阻止弹出层中的元素点击时获取焦点
+		* @en Whether to prevent elements in the pop-up layer from gaining focus when clicked
+		*/
 		preventFocus: {
 			type: Boolean,
 			default: false
 		},
+		/**
+		* @zh 是否在滚动时关闭弹出框
+		* @en Whether to close the popover when scrolling
+		* @version 2.46.0
+		*/
 		scrollToClose: {
 			type: Boolean,
 			default: false
 		},
+		/**
+		* @zh 滚动阈值，当滚动距离超过该值时触发关闭
+		* @en Scroll threshold, trigger close when the scroll distance exceeds this value
+		*/
 		scrollToCloseDistance: {
 			type: Number,
 			default: 0
@@ -164,11 +304,31 @@ var trigger_default = /* @__PURE__ */ defineComponent({
 	},
 	emits: {
 		"update:popupVisible": (_visible) => true,
+		/**
+		* @zh 弹出框显示状态改变时触发
+		* @en Emitted when the status of the popup changes
+		* @param {boolean} visible
+		*/
 		"popupVisibleChange": (_visible) => true,
+		/**
+		* @zh 弹出框显示后（动画结束）触发
+		* @en Triggered after the trigger is shown (the animation ends)
+		* @version 2.18.0
+		*/
 		"show": () => true,
+		/**
+		* @zh 弹出框隐藏后（动画结束）触发
+		* @en Triggered after the popup is hidden (the animation ends)
+		* @version 2.18.0
+		*/
 		"hide": () => true,
 		"resize": () => true
 	},
+	/**
+	* @zh 弹出框内容
+	* @en Popup content
+	* @slot content
+	*/
 	setup(props, { emit, slots, attrs }) {
 		const prefixCls = getPrefixCls("trigger");
 		const popupAttrs = computed(() => omit(attrs, TRIGGER_EVENTS));

package/es/trigger/utils.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 { isArray } from "../_utils/is.js";
 import { getDocumentSize } from "../_utils/dom.js";
 //#region components/trigger/utils.ts

package/es/typography/base.d.ts

@@ -1,3 +1,4 @@
+import type { Options as ClipboardOptions } from 'copy-to-clipboard';
 import { PropType } from 'vue';
 import { BaseProps, EllipsisConfig } from './interface';
 interface BaseInternalProps extends BaseProps {
@@ -51,6 +52,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     copyText: {
         type: StringConstructor;
     };
+    clipboardProps: {
+        type: PropType<ClipboardOptions>;
+    };
     copyDelay: {
         type: NumberConstructor;
         default: number;
@@ -122,6 +126,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     copyText: {
         type: StringConstructor;
     };
+    clipboardProps: {
+        type: PropType<ClipboardOptions>;
+    };
     copyDelay: {
         type: NumberConstructor;
         default: number;
@@ -146,9 +153,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onEditEnd?: (() => any) | undefined;
     "onUpdate:editing"?: ((_editing: boolean) => any) | undefined;
 }>, {
+    bold: boolean;
     disabled: boolean;
     delete: boolean;
-    bold: boolean;
     code: boolean;
     mark: boolean | {
         color: string;

package/es/typography/base.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 resize_observer_default from "../_components/resize-observer.js";
@@ -7,12 +7,12 @@ import { omit } from "../_utils/omit.js";
 import useMergeState from "../_hooks/use-merge-state.js";
 import Popover from "../popover/index.js";
 import Tooltip from "../tooltip/index.js";
-import { clipboard } from "../_utils/clipboard.js";
 import edit_content_default from "./edit-content.js";
 import operations_default from "./operations.js";
 import getInnerText from "./utils/getInnerText.js";
 import measure_default from "./utils/measure.js";
 import { computed, createVNode, defineComponent, isVNode, mergeProps, onMounted, onUnmounted, onUpdated, reactive, ref, toRefs, watch } from "vue";
+import copy from "copy-to-clipboard";
 //#region components/typography/base.tsx
 function _isSlot(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
@@ -63,46 +63,170 @@ var base_default = /* @__PURE__ */ defineComponent({
 			type: String,
 			required: true
 		},
+		/**
+		* @zh 文本类型
+		* @en Text type
+		*/
 		type: { type: String },
+		/**
+		* @zh 粗体
+		* @en Whether enable bold style
+		*/
 		bold: { type: Boolean },
+		/**
+		* @zh 添加标记样式
+		* @en Mark style
+		*/
 		mark: {
 			type: [Boolean, Object],
 			default: false
 		},
+		/**
+		* @zh 下划线样式
+		* @en Whether enable underline style
+		*/
 		underline: { type: Boolean },
+		/**
+		* @zh 删除线样式
+		* @en Whether enable delete style
+		*/
 		delete: { type: Boolean },
+		/**
+		* @zh 代码块样式
+		* @en Whether enable code style
+		*/
 		code: { type: Boolean },
+		/**
+		* @zh 禁用状态
+		* @en Whether disabled
+		*/
 		disabled: { type: Boolean },
+		/**
+		* @zh 开启可编辑功能
+		* @en Whether it's editable
+		*/
 		editable: { type: Boolean },
+		/**
+		* @zh 是否在编辑状态
+		* @en Whether it's editing
+		* @vModel
+		*/
 		editing: {
 			type: Boolean,
 			default: void 0
 		},
+		/**
+		* @zh 默认的编辑状态
+		* @en Default editing state
+		*/
 		defaultEditing: { type: Boolean },
+		/**
+		* @zh 编辑的文字
+		* @en Edit text
+		* @vModel
+		*/
 		editText: { type: String },
+		/**
+		* @zh 开启复制功能
+		* @en Whether turn on copy functionality
+		*/
 		copyable: { type: Boolean },
+		/**
+		* @zh 复制的文字
+		* @en Copied text
+		*/
 		copyText: { type: String },
+		/**
+		* @zh 透传给 copy-to-clipboard 的配置
+		* @en Options passed through to copy-to-clipboard
+		*/
+		clipboardProps: { type: Object },
+		/**
+		* @zh 复制成功后，复制按钮恢复到可点击状态的延迟时间，单位是毫秒
+		* @en After the copy is successful, the delay time for the copy button to return to the clickable state, in milliseconds
+		* @version 2.16.0
+		*/
 		copyDelay: {
 			type: Number,
 			default: 3e3
 		},
+		/**
+		* @zh 自动溢出省略，具体参数配置看 [EllipsisConfig](#EllipsisConfig)
+		* @en Automatic overflow omission, refer to [EllipsisConfig](#EllipsisConfig) for more information.
+		*/
 		ellipsis: {
 			type: [Boolean, Object],
 			default: false
 		},
+		/**
+		* @zh 编辑按钮问题提示配置
+		* @en Edit button question prompt configuration
+		* @version 2.32.0
+		*/
 		editTooltipProps: { type: Object },
+		/**
+		* @zh 拷贝按钮问题提示配置
+		* @en Copy button question prompt configuration
+		* @version 2.32.0
+		*/
 		copyTooltipProps: { type: Object }
 	},
 	emits: {
+		/**
+		* @zh 开始编辑
+		* @en Edit start
+		*/
 		"editStart": () => true,
+		/**
+		* @zh 编辑内容变化
+		* @en Edit content change
+		* @param {string} text
+		*/
 		"change": (_text) => true,
 		"update:editText": (_text) => true,
+		/**
+		* @zh 编辑结束
+		* @en Edit end
+		*/
 		"editEnd": () => true,
 		"update:editing": (_editing) => true,
+		/**
+		* @zh 复制
+		* @en Copy
+		* @param {string} text
+		*/
 		"copy": (_text) => true,
+		/**
+		* @zh 省略变化事件
+		* @en Ellipsis change
+		* @param {boolean} isEllipsis
+		*/
 		"ellipsis": (_isEllipsis) => true,
+		/**
+		* @zh 展开收起事件
+		* @en Expand collapse event
+		* @param {boolean} expanded
+		*/
 		"expand": (_expanded) => true
 	},
+	/**
+	* @zh 自定义复制按钮的 tooltip 内容
+	* @en Customize the tooltip content of the copy button
+	* @slot copy-tooltip
+	* @binding {boolean} copied
+	*/
+	/**
+	* @zh 自定义复制按钮图标
+	* @en Custom copy button icon
+	* @slot copy-icon
+	* @binding {boolean} copied
+	*/
+	/**
+	* @zh 自定义展开和折叠按钮
+	* @en Custom expand button
+	* @slot expand-node
+	* @binding {boolean} expanded
+	*/
 	setup(props, { slots, emit, attrs }) {
 		const { editing: propEditing, defaultEditing, ellipsis, copyable, editable, copyText, editText, copyDelay, component } = toRefs(props);
 		const prefixCls = getPrefixCls("typography");
@@ -134,7 +258,7 @@ var base_default = /* @__PURE__ */ defineComponent({
 		function onCopyClick() {
 			var _copyText$value;
 			const text = (_copyText$value = copyText.value) !== null && _copyText$value !== void 0 ? _copyText$value : fullText.value;
-			clipboard(text || "");
+			copy(text || "", props.clipboardProps);
 			isCopied.value = true;
 			emit("copy", text);
 			copyTimer = setTimeout(() => {

package/es/typography/edit-content.vue.d.ts

@@ -83,9 +83,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             focus: (_ev: FocusEvent) => true;
             blur: (_ev: FocusEvent) => true;
         }, import("vue").PublicProps, {
+            type: "text" | "password";
             error: boolean;
             readonly: boolean;
-            type: "text" | "password";
             disabled: boolean;
             defaultValue: string;
             allowClear: boolean;
@@ -168,9 +168,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             focus(): void;
             blur(): void;
         }, {
+            type: "text" | "password";
             error: boolean;
             readonly: boolean;
-            type: "text" | "password";
             disabled: boolean;
             defaultValue: string;
             allowClear: boolean;
@@ -258,9 +258,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         focus: (_ev: FocusEvent) => true;
         blur: (_ev: FocusEvent) => true;
     }, string, {
+        type: "text" | "password";
         error: boolean;
         readonly: boolean;
-        type: "text" | "password";
         disabled: boolean;
         defaultValue: string;
         allowClear: boolean;
@@ -639,7 +639,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                     default: boolean;
                 };
             }>> & Readonly<{}>, {
-                size: "mini" | "small" | "medium" | "large";
+                size: "small" | "mini" | "medium" | "large";
                 disabled: boolean;
             }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
             AInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -769,9 +769,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
                 onPressEnter?: ((_ev: KeyboardEvent) => any) | undefined;
             }>, {
+                type: "text" | "password";
                 error: boolean;
                 readonly: boolean;
-                type: "text" | "password";
                 disabled: boolean;
                 defaultValue: string;
                 allowClear: boolean;
@@ -862,9 +862,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             focus: (_ev: FocusEvent) => true;
             blur: (_ev: FocusEvent) => true;
         }, import("vue").PublicProps, {
+            type: "text" | "password";
             error: boolean;
             readonly: boolean;
-            type: "text" | "password";
             disabled: boolean;
             defaultValue: string;
             allowClear: boolean;
@@ -947,9 +947,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             focus(): void;
             blur(): void;
         }, {
+            type: "text" | "password";
             error: boolean;
             readonly: boolean;
-            type: "text" | "password";
             disabled: boolean;
             defaultValue: string;
             allowClear: boolean;
@@ -1037,9 +1037,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         focus: (_ev: FocusEvent) => true;
         blur: (_ev: FocusEvent) => true;
     }, string, {
+        type: "text" | "password";
         error: boolean;
         readonly: boolean;
-        type: "text" | "password";
         disabled: boolean;
         defaultValue: string;
         allowClear: boolean;
@@ -1418,7 +1418,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                     default: boolean;
                 };
             }>> & Readonly<{}>, {
-                size: "mini" | "small" | "medium" | "large";
+                size: "small" | "mini" | "medium" | "large";
                 disabled: boolean;
             }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
             AInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -1548,9 +1548,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
                 onPressEnter?: ((_ev: KeyboardEvent) => any) | undefined;
             }>, {
+                type: "text" | "password";
                 error: boolean;
                 readonly: boolean;
-                type: "text" | "password";
                 disabled: boolean;
                 defaultValue: string;
                 allowClear: boolean;
@@ -1655,9 +1655,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             focus: (_ev: FocusEvent) => true;
             blur: (_ev: FocusEvent) => true;
         }, import("vue").PublicProps, {
+            type: "text" | "password";
             error: boolean;
             readonly: boolean;
-            type: "text" | "password";
             disabled: boolean;
             defaultValue: string;
             allowClear: boolean;
@@ -1740,9 +1740,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             focus(): void;
             blur(): void;
         }, {
+            type: "text" | "password";
             error: boolean;
             readonly: boolean;
-            type: "text" | "password";
             disabled: boolean;
             defaultValue: string;
             allowClear: boolean;
@@ -1830,9 +1830,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         focus: (_ev: FocusEvent) => true;
         blur: (_ev: FocusEvent) => true;
     }, string, {
+        type: "text" | "password";
         error: boolean;
         readonly: boolean;
-        type: "text" | "password";
         disabled: boolean;
         defaultValue: string;
         allowClear: boolean;
@@ -2211,7 +2211,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                     default: boolean;
                 };
             }>> & Readonly<{}>, {
-                size: "mini" | "small" | "medium" | "large";
+                size: "small" | "mini" | "medium" | "large";
                 disabled: boolean;
             }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
             AInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -2341,9 +2341,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
                 onPressEnter?: ((_ev: KeyboardEvent) => any) | undefined;
             }>, {
+                type: "text" | "password";
                 error: boolean;
                 readonly: boolean;
-                type: "text" | "password";
                 disabled: boolean;
                 defaultValue: string;
                 allowClear: boolean;