@sdata/web-vue 1.11.1 → 1.12.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;

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/interface.d.ts

@@ -1,3 +1,4 @@
+import type { Options as ClipboardOptions } from 'copy-to-clipboard';
 import { VNode } from 'vue';
 export interface EllipsisConfig {
     rows?: number;
@@ -24,6 +25,7 @@ export interface CopyProps {
     copyable: boolean;
     copyDelay: number;
     copyText: string | undefined;
+    clipboardProps?: ClipboardOptions;
 }
 export interface EditProps {
     editable: boolean;

package/es/typography/operations.js

@@ -27,10 +27,40 @@ var _sfc_main = defineComponent({
 		copyTooltipProps: Object
 	},
 	emits: {
+		/**
+		* @zh 点击编辑时触发
+		* @en Triggered when editing is clicked
+		*/
 		edit: () => true,
+		/**
+		* @zh 点击复制时触发
+		* @en Triggered when copy is clicked
+		*/
 		copy: () => true,
+		/**
+		* @zh 点击展开时触发
+		* @en Triggered when click to expand
+		*/
 		expand: () => 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 and collapse buttons
+	* @slot expand-node
+	* @binding {boolean} expanded
+	*/
 	setup(props, { emit }) {
 		const prefixCls = getPrefixCls("typography");
 		const showExpand = computed(() => props.forceRenderExpand || props.expandable && props.isEllipsis);

package/es/typography/paragraph.js

@@ -6,7 +6,15 @@ var paragraph_default = /* @__PURE__ */ defineComponent({
 	name: "TypographyParagraph",
 	inheritAttrs: false,
 	props: {
+		/**
+		* @zh 长引用
+		* @en Whether enable blockquote
+		*/
 		blockquote: { type: Boolean },
+		/**
+		* @zh 段落的的行高，长文本(大于5行)的时候推荐使用默认行高，短文本(小于等于3行)推荐使用 `close` 紧密的行高。
+		* @en The line height of the paragraph, the default line height is recommended for long text (more than 5 lines). `close` line height is recommended for short text (less than or equal to 3 lines).
+		*/
 		spacing: {
 			type: String,
 			default: "default"

package/es/typography/title.js

@@ -4,7 +4,12 @@ import { computed, createVNode, defineComponent, mergeProps, toRefs } from "vue"
 var title_default = /* @__PURE__ */ defineComponent({
 	name: "TypographyTitle",
 	inheritAttrs: false,
-	props: { heading: {
+	props: { 
+	/**
+	* @zh 标题级别，相当于 `h1` `h2` `h3` `h4` `h5` `h6`
+	* @en Heading level, equivalent to `h1` `h2` `h3` `h4` `h5` `h6`
+	*/
+heading: {
 		type: Number,
 		default: 1
 	} },