@sdata/web-vue 2.1.1 → 2.2.1

package/es/popover/popover.vue_vue_type_script_lang.js

@@ -1,141 +0,0 @@
-import { getPrefixCls } from "../_utils/global-config.js";
-import { useScrollbar } from "../_hooks/use-scrollbar.js";
-import Scrollbar from "../scrollbar/index.js";
-import Trigger from "../trigger/index.js";
-import { computed, defineComponent, ref, toRefs } from "vue";
-//#region components/popover/popover.vue?vue&type=script&lang.ts
-var popover_vue_vue_type_script_lang_default = defineComponent({
-	name: "Popover",
-	components: {
-		Scrollbar,
-		Trigger
-	},
-	props: {
-		/**
-		* @zh 文字气泡是否可见
-		* @en Whether the popover is visible
-		* @vModel
-		*/
-		popupVisible: {
-			type: Boolean,
-			default: void 0
-		},
-		/**
-		* @zh 文字气泡默认是否可见（非受控模式）
-		* @en Whether the popover is visible by default (uncontrolled mode)
-		*/
-		defaultPopupVisible: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		* @zh 标题
-		* @en Title
-		*/
-		title: String,
-		/**
-		* @zh 内容
-		* @en Content
-		*/
-		content: String,
-		/**
-		* @zh 触发方式
-		* @en Trigger method
-		* @values 'hover','click','focus','contextMenu'
-		*/
-		trigger: {
-			type: [String, Array],
-			default: "hover"
-		},
-		/**
-		* @zh 弹出位置
-		* @en Pop-up position
-		* @values 'top','tl','tr','bottom','bl','br','left','lt','lb','right','rt','rb'
-		*/
-		position: {
-			type: String,
-			default: "top"
-		},
-		/**
-		* @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 },
-		scrollbar: {
-			type: [Boolean, Object],
-			default: true
-		},
-		/**
-		* @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 Mount container for pop-up box
-		*/
-		popupContainer: { type: [String, Object] }
-	},
-	emits: {
-		"update:popupVisible": (_visible) => true,
-		/**
-		* @zh 文字气泡显示状态改变时触发
-		* @en Triggered when the text bubble display status changes
-		* @param {boolean} visible
-		*/
-		"popupVisibleChange": (_visible) => true
-	},
-	/**
-	* @zh 标题
-	* @en Title
-	* @slot title
-	*/
-	/**
-	* @zh 内容
-	* @en Content
-	* @slot content
-	*/
-	setup(props, { emit }) {
-		const prefixCls = getPrefixCls("popover");
-		const _popupVisible = ref(props.defaultPopupVisible);
-		const computedPopupVisible = computed(() => {
-			var _props$popupVisible;
-			return (_props$popupVisible = props.popupVisible) !== null && _props$popupVisible !== void 0 ? _props$popupVisible : _popupVisible.value;
-		});
-		const { scrollbar } = toRefs(props);
-		const { scrollbarProps } = useScrollbar(scrollbar);
-		const handlePopupVisibleChange = (visible) => {
-			_popupVisible.value = visible;
-			emit("update:popupVisible", visible);
-			emit("popupVisibleChange", visible);
-		};
-		return {
-			prefixCls,
-			computedPopupVisible,
-			contentCls: computed(() => [`${prefixCls}-popup-content`, props.contentClass]),
-			arrowCls: computed(() => [`${prefixCls}-popup-arrow`, props.arrowClass]),
-			handlePopupVisibleChange,
-			scrollbarProps
-		};
-	}
-});
-//#endregion
-export { popover_vue_vue_type_script_lang_default as default };

package/es/progress/circle.vue_vue_type_script_lang.js

@@ -1,114 +0,0 @@
-import { getPrefixCls } from "../_utils/global-config.js";
-import { isObject } from "../_utils/is.js";
-import IconCheck from "../icon/icon-check/index.js";
-import IconExclamation from "../icon/icon-exclamation/index.js";
-import { computed, defineComponent } from "vue";
-import NP from "number-precision";
-//#region components/progress/circle.vue?vue&type=script&lang.ts
-var __ARCO_PROGRESS_SEED = 0;
-var DEFAULT_WIDTH = {
-	mini: 16,
-	small: 48,
-	medium: 64,
-	large: 80
-};
-var DEFAULT_STROKE_WIDTH = {
-	mini: 4,
-	small: 3,
-	medium: 4,
-	large: 4
-};
-var circle_vue_vue_type_script_lang_default = defineComponent({
-	name: "ProgressCircle",
-	components: {
-		IconExclamation,
-		IconCheck
-	},
-	props: {
-		percent: {
-			type: Number,
-			default: 0
-		},
-		type: { type: String },
-		size: {
-			type: String,
-			default: "medium"
-		},
-		strokeWidth: { type: Number },
-		width: {
-			type: Number,
-			default: void 0
-		},
-		color: {
-			type: [String, Object],
-			default: void 0
-		},
-		trackColor: String,
-		status: {
-			type: String,
-			default: void 0
-		},
-		showText: {
-			type: Boolean,
-			default: true
-		},
-		pathStrokeWidth: { type: Number }
-	},
-	setup(props) {
-		const prefixCls = getPrefixCls("progress-circle");
-		const isLinearGradient = isObject(props.color);
-		const gradientStops = computed(() => {
-			if (!isObject(props.color)) return [];
-			return Object.entries(props.color).map(([offset, stopColor]) => [offset, String(stopColor)]);
-		});
-		const solidColor = computed(() => typeof props.color === "string" ? props.color : void 0);
-		const mergedWidth = computed(() => {
-			var _props$width;
-			return (_props$width = props.width) !== null && _props$width !== void 0 ? _props$width : DEFAULT_WIDTH[props.size];
-		});
-		const mergedStrokeWidth = computed(() => {
-			var _props$strokeWidth;
-			return (_props$strokeWidth = props.strokeWidth) !== null && _props$strokeWidth !== void 0 ? _props$strokeWidth : props.size === "mini" ? mergedWidth.value / 2 : DEFAULT_STROKE_WIDTH[props.size];
-		});
-		const mergedPathStrokeWidth = computed(() => {
-			var _props$pathStrokeWidt;
-			return (_props$pathStrokeWidt = props.pathStrokeWidth) !== null && _props$pathStrokeWidt !== void 0 ? _props$pathStrokeWidt : props.size === "mini" ? mergedStrokeWidth.value : Math.max(2, mergedStrokeWidth.value - 2);
-		});
-		const radius = computed(() => (mergedWidth.value - mergedStrokeWidth.value) / 2);
-		const perimeter = computed(() => Math.PI * 2 * radius.value);
-		const center = computed(() => mergedWidth.value / 2);
-		const linearGradientId = computed(() => {
-			__ARCO_PROGRESS_SEED += 1;
-			return `${prefixCls}-linear-gradient-${__ARCO_PROGRESS_SEED}`;
-		});
-		const text = computed(() => `${NP.times(props.percent, 100)}%`);
-		const iconStyle = computed(() => ({
-			fontSize: mergedWidth.value - 2,
-			color: solidColor.value
-		}));
-		const trackStyle = computed(() => ({ stroke: props.trackColor }));
-		return {
-			circleStyle: computed(() => ({
-				stroke: isLinearGradient ? `url(#${linearGradientId.value})` : solidColor.value,
-				strokeDasharray: perimeter.value,
-				strokeDashoffset: (props.percent >= 1 ? 0 : 1 - props.percent) * perimeter.value
-			})),
-			gradientStops,
-			iconStyle,
-			prefixCls,
-			isLinearGradient,
-			radius,
-			solidColor,
-			text,
-			trackStyle,
-			perimeter,
-			center,
-			mergedWidth,
-			mergedStrokeWidth,
-			mergedPathStrokeWidth,
-			linearGradientId
-		};
-	}
-});
-//#endregion
-export { circle_vue_vue_type_script_lang_default as default };

package/es/progress/line.vue_vue_type_script_lang.js

@@ -1,74 +0,0 @@
-import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
-import { getPrefixCls } from "../_utils/global-config.js";
-import { isObject } from "../_utils/is.js";
-import IconExclamationCircleFill from "../icon/icon-exclamation-circle-fill/index.js";
-import { computed, defineComponent } from "vue";
-import NP from "number-precision";
-//#region components/progress/line.vue?vue&type=script&lang.ts
-var DEFAULT_STROKE_WIDTH = {
-	small: 3,
-	medium: 4,
-	large: 8
-};
-var getBackground = (color) => {
-	if (!color) return;
-	if (isObject(color)) return { backgroundImage: `linear-gradient(to right, ${Object.keys(color).map((key) => `${color[key]} ${key}`).join(",")})` };
-	return { backgroundColor: color };
-};
-var line_vue_vue_type_script_lang_default = defineComponent({
-	name: "ProgressLine",
-	components: { IconExclamationCircleFill },
-	props: {
-		percent: {
-			type: Number,
-			default: 0
-		},
-		animation: {
-			type: Boolean,
-			default: false
-		},
-		size: {
-			type: String,
-			default: "medium"
-		},
-		strokeWidth: {
-			type: Number,
-			default: 4
-		},
-		width: {
-			type: [Number, String],
-			default: "100%"
-		},
-		color: {
-			type: [String, Object],
-			default: void 0
-		},
-		trackColor: String,
-		formatText: {
-			type: Function,
-			default: void 0
-		},
-		status: { type: String },
-		showText: Boolean
-	},
-	setup(props) {
-		const prefixCls = getPrefixCls("progress-line");
-		const strokeWidth = computed(() => {
-			if (props.strokeWidth !== 4) return props.strokeWidth;
-			return DEFAULT_STROKE_WIDTH[props.size];
-		});
-		const text = computed(() => `${NP.times(props.percent, 100)}%`);
-		return {
-			prefixCls,
-			style: computed(() => ({
-				width: props.width,
-				height: `${strokeWidth.value}px`,
-				backgroundColor: props.trackColor
-			})),
-			barStyle: computed(() => _objectSpread2({ width: `${props.percent * 100}%` }, getBackground(props.color))),
-			text
-		};
-	}
-});
-//#endregion
-export { line_vue_vue_type_script_lang_default as default };

package/es/progress/progress.vue_vue_type_script_lang.js

@@ -1,115 +0,0 @@
-import { getPrefixCls } from "../_utils/global-config.js";
-import { useSize } from "../_hooks/use-size.js";
-import circle_default from "./circle.js";
-import line_default from "./line.js";
-import steps_default from "./steps.js";
-import { computed, defineComponent, toRefs } from "vue";
-//#region components/progress/progress.vue?vue&type=script&lang.ts
-var progress_vue_vue_type_script_lang_default = defineComponent({
-	name: "Progress",
-	components: {
-		ProgressLine: line_default,
-		ProgressCircle: circle_default,
-		ProgressSteps: steps_default
-	},
-	props: {
-		/**
-		* @zh 进度条的类型
-		* @en The type of progress bar
-		* @values 'line', 'circle'
-		*/
-		type: {
-			type: String,
-			default: "line"
-		},
-		/**
-		* @zh 进度条的大小
-		* @en The size of the progress bar
-		* @values 'mini','small','medium','large'
-		* @defaultValue 'medium'
-		*/
-		size: { type: String },
-		/**
-		* @zh 进度条当前的百分比
-		* @en The current percentage of the progress bar
-		*/
-		percent: {
-			type: Number,
-			default: 0
-		},
-		/**
-		* @zh 开启步骤条模式，并设置步骤数
-		* @en Turn on the step bar mode and set the number of steps
-		*/
-		steps: {
-			type: Number,
-			default: 0
-		},
-		/**
-		* @zh 是否开启过渡动画
-		* @en Whether to turn on the transition animation
-		*/
-		animation: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		* @zh 进度条的线宽
-		* @en The line width of the progress bar
-		*/
-		strokeWidth: { type: Number },
-		/**
-		* @zh 进度条的长度
-		* @en The width of the progress bar
-		*/
-		width: { type: [Number, String] },
-		/**
-		* @zh 进度条的颜色
-		* @en The color of the progress bar
-		*/
-		color: { type: [String, Object] },
-		/**
-		* @zh 进度条的轨道颜色
-		* @en The color of the progress track
-		*/
-		trackColor: String,
-		bufferColor: { type: [String, Object] },
-		/**
-		* @zh 是否显示文字
-		* @en Whether to display text
-		*/
-		showText: {
-			type: Boolean,
-			default: true
-		},
-		/**
-		* @zh 进度条状态
-		* @en Progress bar status
-		* @values 'normal', 'success', 'warning', 'danger'
-		*/
-		status: { type: String }
-	},
-	setup(props) {
-		const prefixCls = getPrefixCls("progress");
-		const { size } = toRefs(props);
-		const circleWidth = computed(() => typeof props.width === "number" ? props.width : void 0);
-		const type = computed(() => props.steps > 0 ? "steps" : props.type);
-		const computedStatus = computed(() => {
-			return props.status || (props.percent >= 1 ? "success" : "normal");
-		});
-		const { mergedSize } = useSize(size);
-		return {
-			circleWidth,
-			cls: computed(() => [
-				prefixCls,
-				`${prefixCls}-type-${type.value}`,
-				`${prefixCls}-size-${mergedSize.value}`,
-				`${prefixCls}-status-${computedStatus.value}`
-			]),
-			computedStatus,
-			mergedSize
-		};
-	}
-});
-//#endregion
-export { progress_vue_vue_type_script_lang_default as default };

package/es/progress/steps.vue_vue_type_script_lang.js

@@ -1,56 +0,0 @@
-import { getPrefixCls } from "../_utils/global-config.js";
-import IconExclamationCircleFill from "../icon/icon-exclamation-circle-fill/index.js";
-import { computed, defineComponent } from "vue";
-import NP from "number-precision";
-//#region components/progress/steps.vue?vue&type=script&lang.ts
-var steps_vue_vue_type_script_lang_default = defineComponent({
-	name: "ProgressSteps",
-	components: { IconExclamationCircleFill },
-	props: {
-		steps: {
-			type: Number,
-			default: 0
-		},
-		percent: {
-			type: Number,
-			default: 0
-		},
-		size: { type: String },
-		color: {
-			type: [String, Object],
-			default: void 0
-		},
-		trackColor: String,
-		strokeWidth: { type: Number },
-		status: {
-			type: String,
-			default: void 0
-		},
-		showText: {
-			type: Boolean,
-			default: true
-		}
-	},
-	setup(props) {
-		const prefixCls = getPrefixCls("progress-steps");
-		const activeColor = computed(() => typeof props.color === "string" ? props.color : void 0);
-		const mergedStrokeWidth = computed(() => {
-			var _props$strokeWidth;
-			return ((_props$strokeWidth = props.strokeWidth) !== null && _props$strokeWidth !== void 0 ? _props$strokeWidth : props.size === "small") ? 8 : 4;
-		});
-		const stepList = computed(() => [...Array(props.steps)].map((_, index) => {
-			return props.percent > 0 && props.percent > 1 / props.steps * index;
-		}));
-		const text = computed(() => `${NP.times(props.percent, 100)}%`);
-		const getStepStyle = (active) => ({ backgroundColor: active ? activeColor.value : props.trackColor });
-		return {
-			getStepStyle,
-			prefixCls,
-			stepList,
-			mergedStrokeWidth,
-			text
-		};
-	}
-});
-//#endregion
-export { steps_vue_vue_type_script_lang_default as default };

package/es/result/result.vue_vue_type_script_lang.js

@@ -1,88 +0,0 @@
-import { getPrefixCls } from "../_utils/global-config.js";
-import IconClose from "../icon/icon-close/index.js";
-import IconCheck from "../icon/icon-check/index.js";
-import IconExclamation from "../icon/icon-exclamation/index.js";
-import IconInfo from "../icon/icon-info/index.js";
-import _403_default from "./403.js";
-import _404_default from "./404.js";
-import _500_default from "./500.js";
-import { defineComponent } from "vue";
-//#region components/result/result.vue?vue&type=script&lang.ts
-var RESULT_STATUS = [
-	"info",
-	"success",
-	"warning",
-	"error",
-	"403",
-	"404",
-	"500",
-	null
-];
-var result_vue_vue_type_script_lang_default = defineComponent({
-	name: "Result",
-	components: {
-		IconInfo,
-		IconCheck,
-		IconExclamation,
-		IconClose,
-		ResultForbidden: _403_default,
-		ResultNotFound: _404_default,
-		ResultServerError: _500_default
-	},
-	props: {
-		/**
-		* @zh 结果页显示的状态
-		* @en The status displayed on the result page
-		* @values 'info','success','warning','error','403','404','500', null
-		*/
-		status: {
-			type: String,
-			default: "info",
-			validator: (value) => {
-				return RESULT_STATUS.includes(value);
-			}
-		},
-		/**
-		* @zh 标题内容
-		* @en Title
-		*/
-		title: String,
-		/**
-		* @zh 子标题内容
-		* @en Subtitle
-		*/
-		subtitle: String
-	},
-	/**
-	* @zh 图标
-	* @en Icon
-	* @slot icon
-	*/
-	/**
-	* @zh 标题
-	* @en Title
-	* @slot title
-	*/
-	/**
-	* @zh 副标题
-	* @en Subtitle
-	* @slot subtitle
-	*/
-	/**
-	* @zh 操作区
-	* @en Extra
-	* @slot extra
-	* @version 2.8.0
-	*/
-	/**
-	* @zh 默认插槽
-	* @en Default
-	* @slot default
-	* @version 2.8.0
-	*/
-	setup() {
-		return { prefixCls: getPrefixCls("result") };
-	}
-});
-//#endregion
-export { result_vue_vue_type_script_lang_default as default };

package/es/select/select-dropdown.vue_vue_type_script_lang.js

@@ -1,69 +0,0 @@
-import { configProviderInjectionKey } from "../config-provider/context.js";
-import { getPrefixCls } from "../_utils/global-config.js";
-import { useComponentRef } from "../_hooks/use-component-ref.js";
-import { useScrollbar } from "../_hooks/use-scrollbar.js";
-import Empty from "../empty/index.js";
-import Scrollbar from "../scrollbar/index.js";
-import Spin from "../spin/index.js";
-import { computed, defineComponent, inject, toRefs } from "vue";
-//#region components/select/select-dropdown.vue?vue&type=script&lang.ts
-var select_dropdown_vue_vue_type_script_lang_default = defineComponent({
-	name: "SelectDropdown",
-	components: {
-		Empty,
-		Scrollbar,
-		Spin
-	},
-	props: {
-		loading: Boolean,
-		empty: Boolean,
-		virtualList: Boolean,
-		bottomOffset: {
-			type: Number,
-			default: 0
-		},
-		scrollbar: {
-			type: [Boolean, Object],
-			default: true
-		},
-		onScroll: { type: [Function, Array] },
-		onReachBottom: { type: [Function, Array] },
-		showHeaderOnEmpty: {
-			type: Boolean,
-			default: false
-		},
-		showFooterOnEmpty: {
-			type: Boolean,
-			default: false
-		}
-	},
-	emits: ["scroll", "reachBottom"],
-	setup(props, { emit, slots }) {
-		var _configCtx$slots, _configCtx$slots$empt;
-		const { scrollbar } = toRefs(props);
-		const prefixCls = getPrefixCls("select-dropdown");
-		const configCtx = inject(configProviderInjectionKey, void 0);
-		const SelectEmpty = configCtx === null || configCtx === void 0 || (_configCtx$slots$empt = (_configCtx$slots = configCtx.slots).empty) === null || _configCtx$slots$empt === void 0 || (_configCtx$slots$empt = _configCtx$slots$empt.call(_configCtx$slots, { component: "select" })) === null || _configCtx$slots$empt === void 0 ? void 0 : _configCtx$slots$empt[0];
-		const { componentRef: wrapperComRef, elementRef: wrapperRef } = useComponentRef("containerRef");
-		const { scrollbarProps } = useScrollbar(scrollbar);
-		const handleScroll = (e) => {
-			const { scrollTop, scrollHeight, offsetHeight } = e.target;
-			if (scrollHeight - (scrollTop + offsetHeight) <= props.bottomOffset) emit("reachBottom", e);
-			emit("scroll", e);
-		};
-		return {
-			prefixCls,
-			SelectEmpty,
-			cls: computed(() => [prefixCls, {
-				[`${prefixCls}-has-header`]: Boolean(slots.header),
-				[`${prefixCls}-has-footer`]: Boolean(slots.footer)
-			}]),
-			wrapperRef,
-			wrapperComRef,
-			handleScroll,
-			scrollbarProps
-		};
-	}
-});
-//#endregion
-export { select_dropdown_vue_vue_type_script_lang_default as default };

package/es/skeleton/shape.vue_vue_type_script_lang.js

@@ -1,39 +0,0 @@
-import { getPrefixCls } from "../_utils/global-config.js";
-import { computed, defineComponent } from "vue";
-//#region components/skeleton/shape.vue?vue&type=script&lang.ts
-var shape_vue_vue_type_script_lang_default = defineComponent({
-	name: "SkeletonShape",
-	props: {
-		/**
-		* @zh 图形骨架的形状
-		* @en The shape of the shape skeleton
-		* @values 'square', 'circle'
-		*/
-		shape: {
-			type: String,
-			default: "square"
-		},
-		/**
-		* @zh 图形骨架的大小
-		* @en The size of the shape skeleton
-		* @values 'small', 'medium', 'large'
-		*/
-		size: {
-			type: String,
-			default: "medium"
-		}
-	},
-	setup(props) {
-		const prefixCls = getPrefixCls("skeleton-shape");
-		return {
-			prefixCls,
-			cls: computed(() => [
-				prefixCls,
-				`${prefixCls}-${props.shape}`,
-				`${prefixCls}-${props.size}`
-			])
-		};
-	}
-});
-//#endregion
-export { shape_vue_vue_type_script_lang_default as default };