@sdata/web-vue 3.30.0 → 4.1.0

package/es/_components/resize-observer.js

@@ -1,46 +1,5 @@
-import { isComponentInstance } from "../_utils/is.js";
-import { getFirstComponent } from "../_utils/vue-utils.js";
-import { cloneVNode, computed, defineComponent, onMounted, onUnmounted, ref, watch } from "vue";
-import ResizeObserver from "resize-observer-polyfill";
-//#region components/_components/resize-observer.tsx
-var resize_observer_default = /* @__PURE__ */ defineComponent({
-	name: "ResizeObserver",
-	emits: ["resize"],
-	setup(props, { emit, slots }) {
-		let resizeObserver;
-		const componentRef = ref();
-		const element = computed(() => isComponentInstance(componentRef.value) ? componentRef.value.$el : componentRef.value);
-		const createResizeObserver = (target) => {
-			if (!target || target.nodeType !== 1) return;
-			resizeObserver = new ResizeObserver((entries) => {
-				const entry = entries[0];
-				emit("resize", entry);
-			});
-			resizeObserver.observe(target);
-		};
-		const destroyResizeObserver = () => {
-			if (resizeObserver) {
-				resizeObserver.disconnect();
-				resizeObserver = null;
-			}
-		};
-		watch(element, (_element) => {
-			if (resizeObserver) destroyResizeObserver();
-			if (_element) createResizeObserver(_element);
-		});
-		onMounted(() => {
-			if (element.value) createResizeObserver(element.value);
-		});
-		onUnmounted(() => {
-			destroyResizeObserver();
-		});
-		return () => {
-			var _slots$default, _slots$default2;
-			const firstChild = getFirstComponent((_slots$default = (_slots$default2 = slots.default) === null || _slots$default2 === void 0 ? void 0 : _slots$default2.call(slots)) !== null && _slots$default !== void 0 ? _slots$default : []);
-			if (firstChild) return cloneVNode(firstChild, { ref: componentRef }, true);
-			return null;
-		};
-	}
-});
+import resize_observer_vue_vue_type_script_setup_true_lang_default from "./resize-observer.vue_vue_type_script_setup_true_lang.js";
+//#region components/_components/resize-observer.vue
+var resize_observer_default = resize_observer_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { resize_observer_default as default };

package/es/_components/resize-observer.vue.d.ts

@@ -0,0 +1,17 @@
+import type { VNode } from 'vue';
+type __VLS_Slots = {
+    default?: () => VNode[];
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    resize: (entry: ResizeObserverEntry) => any;
+}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
+    onResize?: ((entry: ResizeObserverEntry) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/_components/resize-observer.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,48 @@
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import { isComponentInstance } from "../_utils/is.js";
+import { getFirstComponent } from "../_utils/vue-utils.js";
+import { cloneVNode, computed, createBlock, defineComponent, onMounted, onUnmounted, openBlock, ref, useSlots, watch } from "vue";
+import ResizeObserver from "resize-observer-polyfill";
+//#region components/_components/resize-observer.vue?vue&type=script&setup=true&lang.ts
+var resize_observer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "ResizeObserver" }), {}, {
+	__name: "resize-observer",
+	emits: ["resize"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const slots = useSlots();
+		const componentRef = ref();
+		const element = computed(() => isComponentInstance(componentRef.value) ? componentRef.value.$el : componentRef.value);
+		let resizeObserver;
+		const createResizeObserver = (target) => {
+			if (!target || target.nodeType !== 1) return;
+			resizeObserver = new ResizeObserver((entries) => {
+				emit("resize", entries[0]);
+			});
+			resizeObserver.observe(target);
+		};
+		const destroyResizeObserver = () => {
+			if (resizeObserver) {
+				resizeObserver.disconnect();
+				resizeObserver = null;
+			}
+		};
+		const RenderFirstChild = () => {
+			var _slots$default, _slots$default2;
+			const firstChild = getFirstComponent((_slots$default = (_slots$default2 = slots.default) === null || _slots$default2 === void 0 ? void 0 : _slots$default2.call(slots)) !== null && _slots$default !== void 0 ? _slots$default : []);
+			return firstChild ? cloneVNode(firstChild, { ref: componentRef }, true) : null;
+		};
+		watch(element, (currentElement) => {
+			if (resizeObserver) destroyResizeObserver();
+			if (currentElement) createResizeObserver(currentElement);
+		});
+		onMounted(() => {
+			if (element.value) createResizeObserver(element.value);
+		});
+		onUnmounted(destroyResizeObserver);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(RenderFirstChild);
+		};
+	}
+}));
+//#endregion
+export { resize_observer_vue_vue_type_script_setup_true_lang_default as default };

package/es/_components/resize-trigger.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import resize_observer_default from "./resize-observer.js";
 import { useI18n } from "../locale/index.js";
 import IconDragDotVertical from "../icon/icon-drag-dot-vertical/index.js";
@@ -33,7 +33,7 @@ var resize_trigger_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			emit("resize", entry);
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(resize_observer_default), { onResize }, {
+			return openBlock(), createBlock(resize_observer_default, { onResize }, {
 				default: withCtx(() => [createElementVNode("div", {
 					class: normalizeClass(classNames.value),
 					role: "separator",

package/es/_components/select-view/select-view.js

@@ -1,233 +1,5 @@
-import { useFormItem } from "../../_hooks/use-form-item.js";
-import { getPrefixCls } from "../../_utils/global-config.js";
-import { isArray } from "../../_utils/is.js";
-import icon_hover_default from "../icon-hover.js";
-import IconClose from "../../icon/icon-close/index.js";
-import { useI18n } from "../../locale/index.js";
-import IconLoading from "../../icon/icon-loading/index.js";
-import feedback_icon_default from "../feedback-icon.js";
-import { useSize } from "../../_hooks/use-size.js";
-import IconSearch from "../../icon/icon-search/index.js";
-import IconDown from "../../icon/icon-down/index.js";
-import InputTag from "../../input-tag/index.js";
-import input_label_default from "../input-label/input-label.js";
-import { Fragment, computed, createVNode, defineComponent, ref, toRefs, watch } from "vue";
-//#region components/_components/select-view/select-view.tsx
-var select_view_default = /* @__PURE__ */ defineComponent({
-	name: "SelectView",
-	props: {
-		modelValue: {
-			type: Array,
-			required: true
-		},
-		inputValue: String,
-		placeholder: String,
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		error: {
-			type: Boolean,
-			default: false
-		},
-		loading: {
-			type: Boolean,
-			default: false
-		},
-		opened: {
-			type: Boolean,
-			default: false
-		},
-		size: { type: String },
-		bordered: {
-			type: Boolean,
-			default: true
-		},
-		multiple: {
-			type: Boolean,
-			default: false
-		},
-		allowClear: {
-			type: Boolean,
-			default: false
-		},
-		allowCreate: {
-			type: Boolean,
-			default: false
-		},
-		showArrow: {
-			type: Boolean,
-			default: true
-		},
-		allowSearch: {
-			type: Boolean,
-			default: (props) => isArray(props.modelValue)
-		},
-		maxTagCount: {
-			type: [Number, String],
-			default: 0
-		},
-		tagNowrap: {
-			type: Boolean,
-			default: false
-		},
-		retainInputValue: {
-			type: Boolean,
-			default: false
-		},
-		inputAttrs: Object,
-		fitWidth: Boolean,
-		maxWFull: {
-			type: Boolean,
-			default: true
-		}
-	},
-	emits: [
-		"remove",
-		"clear",
-		"focus",
-		"blur"
-	],
-	setup(props, { emit, slots }) {
-		const { t } = useI18n();
-		const { size, disabled, error } = toRefs(props);
-		const prefixCls = getPrefixCls("select-view");
-		const { feedback, eventHandlers, mergedDisabled, mergedSize: _mergedSize, mergedError } = useFormItem({
-			size,
-			disabled,
-			error
-		});
-		const { mergedSize } = useSize(_mergedSize);
-		const { opened } = toRefs(props);
-		const componentRef = ref();
-		const inputRef = computed(() => {
-			var _componentRef$value;
-			return (_componentRef$value = componentRef.value) === null || _componentRef$value === void 0 ? void 0 : _componentRef$value.inputRef;
-		});
-		const isEmptyValue = computed(() => props.modelValue.length === 0);
-		const enabledInput = computed(() => props.allowSearch || props.allowCreate);
-		const showClearBtn = computed(() => props.allowClear && !props.disabled && !isEmptyValue.value);
-		const handleFocus = (ev) => {
-			var _eventHandlers$value, _eventHandlers$value$;
-			emit("focus", ev);
-			(_eventHandlers$value = eventHandlers.value) === null || _eventHandlers$value === void 0 || (_eventHandlers$value$ = _eventHandlers$value.onFocus) === null || _eventHandlers$value$ === void 0 || _eventHandlers$value$.call(_eventHandlers$value, ev);
-		};
-		const handleBlur = (ev) => {
-			var _eventHandlers$value2, _eventHandlers$value3;
-			emit("blur", ev);
-			(_eventHandlers$value2 = eventHandlers.value) === null || _eventHandlers$value2 === void 0 || (_eventHandlers$value3 = _eventHandlers$value2.onBlur) === null || _eventHandlers$value3 === void 0 || _eventHandlers$value3.call(_eventHandlers$value2, ev);
-		};
-		const handleRemove = (tag) => {
-			emit("remove", tag);
-		};
-		const handleClear = (ev) => {
-			emit("clear", ev);
-		};
-		const renderIcon = () => {
-			if (props.loading) {
-				var _slots$loadingIcon, _slots$loadingIcon2;
-				return (_slots$loadingIcon = (_slots$loadingIcon2 = slots["loading-icon"]) === null || _slots$loadingIcon2 === void 0 ? void 0 : _slots$loadingIcon2.call(slots)) !== null && _slots$loadingIcon !== void 0 ? _slots$loadingIcon : createVNode(IconLoading, null, null);
-			}
-			if (props.allowSearch && props.opened) {
-				var _slots$searchIcon, _slots$searchIcon2;
-				return (_slots$searchIcon = (_slots$searchIcon2 = slots["search-icon"]) === null || _slots$searchIcon2 === void 0 ? void 0 : _slots$searchIcon2.call(slots)) !== null && _slots$searchIcon !== void 0 ? _slots$searchIcon : createVNode(IconSearch, null, null);
-			}
-			if (slots["arrow-icon"]) return slots["arrow-icon"]();
-			if (!props.showArrow) return null;
-			return createVNode(IconDown, { "class": `${prefixCls}-arrow-icon` }, null);
-		};
-		const renderSuffix = () => createVNode(Fragment, null, [
-			showClearBtn.value && createVNode("button", {
-				"type": "button",
-				"class": `${prefixCls}-clear-btn`,
-				"aria-label": t("a11y.clear"),
-				"onClick": handleClear,
-				"onMousedown": (ev) => ev.stopPropagation()
-			}, [createVNode(icon_hover_default, null, { default: () => [createVNode(IconClose, null, null)] })]),
-			createVNode("span", { "class": `${prefixCls}-icon` }, [renderIcon()]),
-			Boolean(feedback.value) && createVNode(feedback_icon_default, { "type": feedback.value }, null)
-		]);
-		watch(opened, (opened) => {
-			var _inputRef$value;
-			if (!opened && ((_inputRef$value = inputRef.value) === null || _inputRef$value === void 0 ? void 0 : _inputRef$value.isSameNode(document.activeElement))) inputRef.value.blur();
-		});
-		const cls = computed(() => [`${prefixCls}-${props.multiple ? "multiple" : "single"}`, {
-			[`${prefixCls}-opened`]: props.opened,
-			[`${prefixCls}-borderless`]: !props.bordered
-		}]);
-		const render = () => {
-			if (props.multiple) {
-				var _slots$tag;
-				return createVNode(InputTag, {
-					"ref": componentRef,
-					"baseCls": prefixCls,
-					"class": cls.value,
-					"modelValue": props.modelValue,
-					"inputValue": props.inputValue,
-					"focused": props.opened,
-					"placeholder": props.placeholder,
-					"disabled": mergedDisabled.value,
-					"size": mergedSize.value,
-					"error": mergedError.value,
-					"maxTagCount": props.maxTagCount,
-					"disabledInput": !props.allowSearch && !props.allowCreate,
-					"tagNowrap": props.tagNowrap,
-					"retainInputValue": true,
-					"uninjectFormItemContext": true,
-					"inputAttrs": props.inputAttrs,
-					"fitWidth": props.fitWidth,
-					"maxWFull": props.maxWFull,
-					"onRemove": handleRemove,
-					"onFocus": handleFocus,
-					"onBlur": handleBlur
-				}, {
-					prefix: slots.prefix,
-					suffix: renderSuffix,
-					tag: (_slots$tag = slots.tag) !== null && _slots$tag !== void 0 ? _slots$tag : slots.label
-				});
-			}
-			return createVNode(input_label_default, {
-				"ref": componentRef,
-				"baseCls": prefixCls,
-				"class": cls.value,
-				"modelValue": props.modelValue[0],
-				"inputValue": props.inputValue,
-				"focused": props.opened,
-				"placeholder": props.placeholder,
-				"disabled": mergedDisabled.value,
-				"size": mergedSize.value,
-				"error": mergedError.value,
-				"enabledInput": enabledInput.value,
-				"uninjectFormItemContext": true,
-				"inputAttrs": props.inputAttrs,
-				"fitWidth": props.fitWidth,
-				"maxWFull": props.maxWFull,
-				"onFocus": handleFocus,
-				"onBlur": handleBlur
-			}, {
-				default: slots.label,
-				prefix: slots.prefix,
-				suffix: renderSuffix
-			});
-		};
-		return {
-			inputRef,
-			handleFocus,
-			handleBlur,
-			render
-		};
-	},
-	methods: {
-		focus() {
-			if (this.inputRef) this.inputRef.focus();
-		},
-		blur() {
-			if (this.inputRef) this.inputRef.blur();
-		}
-	},
-	render() {
-		return this.render();
-	}
-});
+import select_view_vue_vue_type_script_setup_true_lang_default from "./select-view.vue_vue_type_script_setup_true_lang.js";
+//#region components/_components/select-view/select-view.vue
+var select_view_default = select_view_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { select_view_default as default };

package/es/_components/select-view/select-view.vue.d.ts

@@ -0,0 +1,76 @@
+import type { VNode } from 'vue';
+import type { Size } from '../../_utils/constant';
+import type { SelectViewValue } from './interface';
+type __VLS_Props = {
+    modelValue: SelectViewValue[];
+    inputValue?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    error?: boolean;
+    loading?: boolean;
+    opened?: boolean;
+    size?: Size;
+    bordered?: boolean;
+    multiple?: boolean;
+    allowClear?: boolean;
+    allowCreate?: boolean;
+    showArrow?: boolean;
+    allowSearch?: boolean;
+    maxTagCount?: number | 'responsive';
+    tagNowrap?: boolean;
+    retainInputValue?: boolean;
+    inputAttrs?: Record<string, unknown>;
+    fitWidth?: boolean;
+    maxWFull?: boolean;
+};
+type __VLS_Slots = {
+    'prefix'?: () => VNode[];
+    'label'?: (props: {
+        data: SelectViewValue;
+    }) => VNode[];
+    'tag'?: (props: {
+        data: SelectViewValue;
+    }) => VNode[];
+    'loading-icon'?: () => VNode[];
+    'search-icon'?: () => VNode[];
+    'arrow-icon'?: () => VNode[];
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
+    inputRef: import("vue").ComputedRef<HTMLInputElement | undefined>;
+    focus: () => void | undefined;
+    blur: () => void | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    clear: (event: MouseEvent) => any;
+    focus: (event: FocusEvent) => any;
+    blur: (event: FocusEvent) => any;
+    remove: (tag: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClear?: ((event: MouseEvent) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onRemove?: ((tag: string) => any) | undefined;
+}>, {
+    multiple: boolean;
+    disabled: boolean;
+    error: boolean;
+    showArrow: boolean;
+    allowClear: boolean;
+    fitWidth: boolean;
+    maxWFull: boolean;
+    loading: boolean;
+    bordered: boolean;
+    maxTagCount: number | "responsive";
+    retainInputValue: boolean;
+    tagNowrap: boolean;
+    opened: boolean;
+    allowCreate: boolean;
+    allowSearch: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};