@sdata/web-vue 1.19.0 → 2.1.1

package/es/tag/tag.vue_vue_type_script_lang.js

@@ -1,264 +0,0 @@
-import { configProviderInjectionKey } from "../config-provider/context.js";
-import { getPrefixCls } from "../_utils/global-config.js";
-import icon_hover_default from "../_components/icon-hover.js";
-import IconClose from "../icon/icon-close/index.js";
-import IconLoading from "../icon/icon-loading/index.js";
-import { useSize } from "../_hooks/use-size.js";
-import Ellipsis, { PerformantEllipsis } from "../ellipsis/index.js";
-import { TAG_COLORS } from "./interface.js";
-import { computed, defineComponent, inject, ref, toRefs } from "vue";
-//#region components/tag/tag.vue?vue&type=script&lang.ts
-var tag_vue_vue_type_script_lang_default = defineComponent({
-	name: "Tag",
-	components: {
-		Ellipsis,
-		IconHover: icon_hover_default,
-		IconClose,
-		IconLoading,
-		PerformantEllipsis
-	},
-	props: {
-		/**
-		* @zh 标签的颜色
-		* @en Label color
-		* @values 'red','orangered','orange','gold','lime','green','cyan','blue','sdblue','purple','pinkpurple','magenta','gray'
-		*/
-		color: { type: String },
-		/**
-		* @zh 标签的大小
-		* @en Label size
-		* @values 'small','medium','large'
-		* @defaultValue 'medium'
-		*/
-		size: { type: String },
-		/**
-		* @zh 是否显示边框
-		* @en Whether the tag is bordered
-		* @version 2.33.0
-		*/
-		bordered: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		* @zh 标签是否可见
-		* @en Whether the tag is visible
-		* @vModel
-		*/
-		visible: {
-			type: Boolean,
-			default: void 0
-		},
-		/**
-		* @zh 标签默认是否可见
-		* @en Whether the tag is visible by default
-		*/
-		defaultVisible: {
-			type: Boolean,
-			default: true
-		},
-		/**
-		* @zh 标签是否为加载中状态
-		* @en Whether the tag is loading state
-		*/
-		loading: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		* @zh 标签是否可关闭
-		* @en Whether the tag can be closed
-		*/
-		closable: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		* @zh 标签是否可选中
-		* @en Whether the tag can be checked
-		*/
-		checkable: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		* @zh 标签是否选中（标签可选中时可用）
-		* @en Whether the tag is checked (available when the tag is checkable)
-		* @vModel
-		*/
-		checked: {
-			type: Boolean,
-			default: void 0
-		},
-		/**
-		* @zh 标签默认选中状态（标签可选中时可用）
-		* @en Whether the tag is checked by default (available when the tag is checkable)
-		*/
-		defaultChecked: {
-			type: Boolean,
-			default: true
-		},
-		/**
-		* @zh 标签内容不换行
-		* @en Tag content does not wrap
-		* @version 2.56.1
-		*/
-		nowrap: {
-			type: Boolean,
-			default: void 0
-		},
-		/**
-		* @zh 是否开启默认内容省略
-		* @en Whether to enable ellipsis for the default slot content
-		* @defaultValue true
-		*/
-		ellipsis: {
-			type: Boolean,
-			default: void 0
-		},
-		/**
-		* @zh 默认内容省略的最大显示行数
-		* @en Maximum number of displayed lines for ellipsis content
-		*/
-		ellipsisLineClamp: {
-			type: [Number, String],
-			default: void 0
-		},
-		/**
-		* @zh 省略内容的展开触发方式
-		* @en Trigger mode for ellipsis expansion
-		* @values 'click'
-		*/
-		ellipsisExpandTrigger: {
-			type: String,
-			default: void 0
-		},
-		/**
-		* @zh 省略时是否展示提示。可传入 Tooltip 属性。
-		* @en Whether to show a tooltip when ellipsis is active. Tooltip props are supported.
-		* @defaultValue true
-		*/
-		ellipsisTooltip: {
-			type: [Boolean, Object],
-			default: true
-		},
-		/**
-		* @zh 是否使用高性能省略实现
-		* @en Whether to use the performant ellipsis implementation
-		*/
-		ellipsisPerformant: {
-			type: Boolean,
-			default: false
-		}
-	},
-	emits: {
-		"update:visible": (_visible) => true,
-		"update:checked": (_checked) => true,
-		/**
-		* @zh 点击关闭按钮时触发
-		* @en Emitted when the close button is clicked
-		* @param {MouseEvent | KeyboardEvent} ev
-		*/
-		"close": (_ev) => true,
-		/**
-		* @zh 用户选中时触发（仅在可选中模式下触发）
-		* @en Emitted when the user check (emit only in the checkable mode)
-		* @param {boolean} checked
-		* @param {MouseEvent} ev
-		*/
-		"check": (_checked, _ev) => true
-	},
-	/**
-	* @zh 图标
-	* @en Icon
-	* @slot icon
-	*/
-	/**
-	* @zh 关闭按钮的图标
-	* @en Close button icon
-	* @slot close-icon
-	*/
-	setup(props, { emit, slots }) {
-		const { size } = toRefs(props);
-		const prefixCls = getPrefixCls("tag");
-		const isBuiltInColor = computed(() => props.color && TAG_COLORS.includes(props.color));
-		const isCustomColor = computed(() => props.color && !TAG_COLORS.includes(props.color));
-		const _visible = ref(props.defaultVisible);
-		const _checked = ref(props.defaultChecked);
-		const computedVisible = computed(() => {
-			var _props$visible;
-			return (_props$visible = props.visible) !== null && _props$visible !== void 0 ? _props$visible : _visible.value;
-		});
-		const computedChecked = computed(() => {
-			var _props$checked;
-			return props.checkable ? (_props$checked = props.checked) !== null && _props$checked !== void 0 ? _props$checked : _checked.value : true;
-		});
-		const { mergedSize: _mergedSize } = useSize(size);
-		const mergedSize = computed(() => {
-			if (_mergedSize.value === "mini") return "small";
-			return _mergedSize.value;
-		});
-		const hasDefaultSlot = computed(() => Boolean(slots.default));
-		const resolvedEllipsis = computed(() => {
-			var _ref, _props$ellipsis;
-			return (_ref = (_props$ellipsis = props.ellipsis) !== null && _props$ellipsis !== void 0 ? _props$ellipsis : props.nowrap) !== null && _ref !== void 0 ? _ref : true;
-		});
-		const shouldRenderEllipsis = computed(() => resolvedEllipsis.value && hasDefaultSlot.value);
-		const hasLineClampEllipsis = computed(() => shouldRenderEllipsis.value && props.ellipsisLineClamp !== void 0);
-		const ellipsisComponent = computed(() => props.ellipsisPerformant ? PerformantEllipsis : Ellipsis);
-		const handleClose = (ev) => {
-			_visible.value = false;
-			emit("update:visible", false);
-			emit("close", ev);
-		};
-		const handleCloseKeydown = (ev) => {
-			if (ev.key !== "Enter" && ev.key !== " ") return;
-			handleClose(ev);
-		};
-		const handleClick = (ev) => {
-			if (props.checkable) {
-				const newChecked = !computedChecked.value;
-				_checked.value = newChecked;
-				emit("update:checked", newChecked);
-				emit("check", newChecked, ev);
-			}
-		};
-		const configCtx = inject(configProviderInjectionKey, void 0);
-		const rtl = computed(() => {
-			var _configCtx$rtl;
-			return (_configCtx$rtl = configCtx === null || configCtx === void 0 ? void 0 : configCtx.rtl) !== null && _configCtx$rtl !== void 0 ? _configCtx$rtl : false;
-		});
-		return {
-			prefixCls,
-			cls: computed(() => [
-				prefixCls,
-				`${prefixCls}-size-${mergedSize.value}`,
-				{
-					[`${prefixCls}-ellipsis`]: shouldRenderEllipsis.value,
-					[`${prefixCls}-ellipsis-line-clamp`]: hasLineClampEllipsis.value,
-					[`${prefixCls}-loading`]: props.loading,
-					[`${prefixCls}-hide`]: !computedVisible.value,
-					[`${prefixCls}-no-ellipsis`]: !shouldRenderEllipsis.value,
-					[`${prefixCls}-${props.color}`]: isBuiltInColor.value,
-					[`${prefixCls}-bordered`]: props.bordered,
-					[`${prefixCls}-checkable`]: props.checkable,
-					[`${prefixCls}-checked`]: computedChecked.value,
-					[`${prefixCls}-custom-color`]: isCustomColor.value,
-					[`${prefixCls}-rtl`]: rtl.value
-				}
-			]),
-			style: computed(() => {
-				if (isCustomColor.value) return { backgroundColor: props.color };
-			}),
-			computedVisible,
-			computedChecked,
-			ellipsisComponent,
-			handleClick,
-			handleClose,
-			handleCloseKeydown,
-			shouldRenderEllipsis
-		};
-	}
-});
-//#endregion
-export { tag_vue_vue_type_script_lang_default as default };