@sdata/web-vue 2.1.0 → 2.2.1

package/es/form/form-item-label.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,90 @@
+import { formInjectionKey } from "./context.js";
+import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
+import { getPrefixCls } from "../_utils/global-config.js";
+import { isNumber } from "../_utils/is.js";
+import resize_observer_v2_default from "../_components/resize-observer-v2.js";
+import Tooltip from "../tooltip/index.js";
+import IconQuestionCircle from "../icon/icon-question-circle/index.js";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, inject, mergeProps, normalizeClass, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
+//#region components/form/form-item-label.vue?vue&type=script&setup=true&lang.ts
+var form_item_label_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "FormItemLabel" }), {}, {
+	__name: "form-item-label",
+	props: {
+		required: {
+			type: Boolean,
+			default: false
+		},
+		showColon: {
+			type: Boolean,
+			default: false
+		},
+		component: {
+			type: String,
+			default: "label"
+		},
+		asteriskPosition: {
+			type: String,
+			default: "start"
+		},
+		tooltip: { type: String },
+		attrs: Object
+	},
+	setup(__props) {
+		const prefixCls = getPrefixCls("form-item-label");
+		const formCtx = inject(formInjectionKey, void 0);
+		const instance = getCurrentInstance();
+		const labelRef = ref();
+		const handleResize = () => {
+			if (labelRef.value && isNumber(labelRef.value.offsetWidth)) formCtx === null || formCtx === void 0 || formCtx.setLabelWidth(labelRef.value.offsetWidth, instance === null || instance === void 0 ? void 0 : instance.uid);
+		};
+		onMounted(() => {
+			if (labelRef.value && isNumber(labelRef.value.offsetWidth)) formCtx === null || formCtx === void 0 || formCtx.setLabelWidth(labelRef.value.offsetWidth, instance === null || instance === void 0 ? void 0 : instance.uid);
+		});
+		onBeforeUnmount(() => {
+			formCtx === null || formCtx === void 0 || formCtx.removeLabelWidth(instance === null || instance === void 0 ? void 0 : instance.uid);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(resize_observer_v2_default), { onResize: handleResize }, {
+				default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(__props.component), mergeProps({
+					ref_key: "labelRef",
+					ref: labelRef,
+					class: unref(prefixCls)
+				}, __props.attrs), {
+					default: withCtx(() => [
+						__props.required && __props.asteriskPosition === "start" ? (openBlock(), createElementBlock("strong", {
+							key: 0,
+							class: normalizeClass(`${unref(prefixCls)}-required-symbol`)
+						}, [..._cache[0] || (_cache[0] = [createElementVNode("svg", {
+							fill: "currentColor",
+							viewBox: "0 0 1024 1024",
+							width: "1em",
+							height: "1em"
+						}, [createElementVNode("path", { d: "M583.338667 17.066667c18.773333 0 34.133333 15.36 34.133333 34.133333v349.013333l313.344-101.888a34.133333 34.133333 0 0 1 43.008 22.016l42.154667 129.706667a34.133333 34.133333 0 0 1-21.845334 43.178667l-315.733333 102.4 208.896 287.744a34.133333 34.133333 0 0 1-7.509333 47.786666l-110.421334 80.213334a34.133333 34.133333 0 0 1-47.786666-7.509334L505.685333 706.218667 288.426667 1005.226667a34.133333 34.133333 0 0 1-47.786667 7.509333l-110.421333-80.213333a34.133333 34.133333 0 0 1-7.509334-47.786667l214.186667-295.253333L29.013333 489.813333a34.133333 34.133333 0 0 1-22.016-43.008l42.154667-129.877333a34.133333 34.133333 0 0 1 43.008-22.016l320.512 104.106667L412.672 51.2c0-18.773333 15.36-34.133333 34.133333-34.133333h136.533334z" })], -1)])], 2)) : createCommentVNode("", true),
+						renderSlot(_ctx.$slots, "default"),
+						__props.tooltip ? (openBlock(), createBlock(unref(Tooltip), {
+							key: 1,
+							content: __props.tooltip
+						}, {
+							default: withCtx(() => [createVNode(unref(IconQuestionCircle), { class: normalizeClass(`${unref(prefixCls)}-tooltip`) }, null, 8, ["class"])]),
+							_: 1
+						}, 8, ["content"])) : createCommentVNode("", true),
+						__props.required && __props.asteriskPosition === "end" ? (openBlock(), createElementBlock("strong", {
+							key: 2,
+							class: normalizeClass(`${unref(prefixCls)}-required-symbol`)
+						}, [..._cache[1] || (_cache[1] = [createElementVNode("svg", {
+							fill: "currentColor",
+							viewBox: "0 0 1024 1024",
+							width: "1em",
+							height: "1em"
+						}, [createElementVNode("path", { d: "M583.338667 17.066667c18.773333 0 34.133333 15.36 34.133333 34.133333v349.013333l313.344-101.888a34.133333 34.133333 0 0 1 43.008 22.016l42.154667 129.706667a34.133333 34.133333 0 0 1-21.845334 43.178667l-315.733333 102.4 208.896 287.744a34.133333 34.133333 0 0 1-7.509333 47.786666l-110.421334 80.213334a34.133333 34.133333 0 0 1-47.786666-7.509334L505.685333 706.218667 288.426667 1005.226667a34.133333 34.133333 0 0 1-47.786667 7.509333l-110.421333-80.213333a34.133333 34.133333 0 0 1-7.509334-47.786667l214.186667-295.253333L29.013333 489.813333a34.133333 34.133333 0 0 1-22.016-43.008l42.154667-129.877333a34.133333 34.133333 0 0 1 43.008-22.016l320.512 104.106667L412.672 51.2c0-18.773333 15.36-34.133333 34.133333-34.133333h136.533334z" })], -1)])], 2)) : createCommentVNode("", true),
+						createTextVNode(" " + toDisplayString(__props.showColon ? ":" : ""), 1)
+					]),
+					_: 3
+				}, 16, ["class"]))]),
+				_: 3
+			});
+		};
+	}
+}));
+//#endregion
+export { form_item_label_vue_vue_type_script_setup_true_lang_default as default };

package/es/form/form-item-message.js

@@ -1,29 +1,5 @@
-import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-helper.js";
-import form_item_message_vue_vue_type_script_lang_default from "./form-item-message.vue_vue_type_script_lang.js";
-import { Fragment, Transition, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, normalizeClass, openBlock, renderList, renderSlot, toDisplayString, withCtx } from "vue";
+import form_item_message_vue_vue_type_script_setup_true_lang_default from "./form-item-message.vue_vue_type_script_setup_true_lang.js";
 //#region components/form/form-item-message.vue
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-	return _ctx.error.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.error, (item) => {
-		return openBlock(), createBlock(Transition, {
-			key: item,
-			name: "form-blink",
-			appear: ""
-		}, {
-			default: withCtx(() => [createElementVNode("div", {
-				role: "alert",
-				class: normalizeClass([_ctx.prefixCls])
-			}, toDisplayString(item), 3)]),
-			_: 2
-		}, 1024);
-	}), 128)) : _ctx.help || _ctx.$slots.help ? (openBlock(), createBlock(Transition, {
-		key: 1,
-		name: "form-blink",
-		appear: ""
-	}, {
-		default: withCtx(() => [createElementVNode("div", { class: normalizeClass([_ctx.prefixCls, `${_ctx.prefixCls}-help`]) }, [renderSlot(_ctx.$slots, "help", {}, () => [createTextVNode(toDisplayString(_ctx.help), 1)])], 2)]),
-		_: 3
-	})) : createCommentVNode("", true);
-}
-var form_item_message_default = /*#__PURE__*/ _plugin_vue_export_helper_default(form_item_message_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+var form_item_message_default = form_item_message_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { form_item_message_default as default };

package/es/form/form-item-message.vue.d.ts

@@ -1,15 +1,15 @@
 import { PropType } from 'vue';
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare var __VLS_13: {};
+type __VLS_Slots = {} & {
+    help?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     error: {
         type: PropType<string[]>;
         default: () => never[];
     };
     help: StringConstructor;
-}>, {
-    prefixCls: string;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     error: {
         type: PropType<string[]>;
         default: () => never[];
@@ -18,3 +18,11 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
 }>> & Readonly<{}>, {
     error: string[];
 }, {}, {}, {}, 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/form/form-item-message.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,41 @@
+import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
+import { getPrefixCls } from "../_utils/global-config.js";
+import { Fragment, Transition, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, openBlock, renderList, renderSlot, toDisplayString, unref, withCtx } from "vue";
+//#region components/form/form-item-message.vue?vue&type=script&setup=true&lang.ts
+var form_item_message_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "FormItemMessage" }), {}, {
+	__name: "form-item-message",
+	props: {
+		error: {
+			type: Array,
+			default: () => []
+		},
+		help: String
+	},
+	setup(__props) {
+		const prefixCls = getPrefixCls("form-item-message");
+		return (_ctx, _cache) => {
+			return __props.error.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(__props.error, (item) => {
+				return openBlock(), createBlock(Transition, {
+					key: item,
+					name: "form-blink",
+					appear: ""
+				}, {
+					default: withCtx(() => [createElementVNode("div", {
+						role: "alert",
+						class: normalizeClass([unref(prefixCls)])
+					}, toDisplayString(item), 3)]),
+					_: 2
+				}, 1024);
+			}), 128)) : __props.help || _ctx.$slots.help ? (openBlock(), createBlock(Transition, {
+				key: 1,
+				name: "form-blink",
+				appear: ""
+			}, {
+				default: withCtx(() => [createElementVNode("div", { class: normalizeClass([unref(prefixCls), `${unref(prefixCls)}-help`]) }, [renderSlot(_ctx.$slots, "help", {}, () => [createTextVNode(toDisplayString(__props.help), 1)])], 2)]),
+				_: 3
+			})) : createCommentVNode("", true);
+		};
+	}
+}));
+//#endregion
+export { form_item_message_vue_vue_type_script_setup_true_lang_default as default };

package/es/form/form-item.js

@@ -1,76 +1,5 @@
-import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-helper.js";
-import form_item_vue_vue_type_script_lang_default from "./form-item.vue_vue_type_script_lang.js";
-import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, mergeProps, normalizeClass, openBlock, renderSlot, resolveComponent, toDisplayString, withCtx } from "vue";
+import form_item_vue_vue_type_script_setup_true_lang_default from "./form-item.vue_vue_type_script_setup_true_lang.js";
 //#region components/form/form-item.vue
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-	var _ctx$$slots$help;
-	const _component_FormItemLabel = resolveComponent("FormItemLabel");
-	const _component_SDCol = resolveComponent("SDCol");
-	const _component_FormItemMessage = resolveComponent("FormItemMessage");
-	const _component_SDRow = resolveComponent("SDRow");
-	return _ctx.noStyle ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createBlock(_component_SDRow, mergeProps({
-		key: 1,
-		class: [_ctx.cls, { [`${_ctx.prefixCls}-has-help`]: Boolean((_ctx$$slots$help = _ctx.$slots.help) !== null && _ctx$$slots$help !== void 0 ? _ctx$$slots$help : _ctx.help) }],
-		wrap: !(_ctx.labelColFlex || _ctx.autoLabelWidth),
-		div: _ctx.layout !== "horizontal" || _ctx.hideLabel
-	}, _ctx.rowProps), {
-		default: withCtx(() => [!_ctx.hideLabel ? (openBlock(), createBlock(_component_SDCol, mergeProps({
-			key: 0,
-			class: _ctx.labelColCls,
-			style: _ctx.mergedLabelStyle
-		}, _ctx.mergedLabelCol), {
-			default: withCtx(() => [createVNode(_component_FormItemLabel, {
-				required: _ctx.hideAsterisk ? false : _ctx.isRequired,
-				"show-colon": _ctx.showColon,
-				"asterisk-position": _ctx.asteriskPosition,
-				component: _ctx.labelComponent,
-				attrs: _ctx.labelAttrs,
-				tooltip: _ctx.tooltip
-			}, {
-				default: withCtx(() => [_ctx.$slots.label || _ctx.label ? renderSlot(_ctx.$slots, "label", { key: 0 }, () => [createTextVNode(toDisplayString(_ctx.label), 1)]) : createCommentVNode("", true)]),
-				_: 3
-			}, 8, [
-				"required",
-				"show-colon",
-				"asterisk-position",
-				"component",
-				"attrs",
-				"tooltip"
-			])]),
-			_: 3
-		}, 16, ["class", "style"])) : createCommentVNode("", true), createVNode(_component_SDCol, mergeProps({
-			class: _ctx.wrapperColCls,
-			style: _ctx.mergedWrapperStyle
-		}, _ctx.mergedWrapperCol), {
-			default: withCtx(() => [
-				createElementVNode("div", { class: normalizeClass(`${_ctx.prefixCls}-content-wrapper`) }, [createElementVNode("div", { class: normalizeClass([
-					`${_ctx.prefixCls}-content`,
-					{ [`${_ctx.prefixCls}-content-flex`]: _ctx.contentFlex },
-					_ctx.contentClass
-				]) }, [renderSlot(_ctx.$slots, "default")], 2)], 2),
-				_ctx.isError || _ctx.$slots.help || _ctx.help ? (openBlock(), createBlock(_component_FormItemMessage, {
-					key: 0,
-					error: _ctx.finalMessage,
-					help: _ctx.help
-				}, createSlots({ _: 2 }, [_ctx.$slots.help ? {
-					name: "help",
-					fn: withCtx(() => [renderSlot(_ctx.$slots, "help")]),
-					key: "0"
-				} : void 0]), 1032, ["error", "help"])) : createCommentVNode("", true),
-				_ctx.$slots.extra || _ctx.extra ? (openBlock(), createElementBlock("div", {
-					key: 1,
-					class: normalizeClass(`${_ctx.prefixCls}-extra`)
-				}, [renderSlot(_ctx.$slots, "extra", {}, () => [createTextVNode(toDisplayString(_ctx.extra), 1)])], 2)) : createCommentVNode("", true)
-			]),
-			_: 3
-		}, 16, ["class", "style"])]),
-		_: 3
-	}, 16, [
-		"class",
-		"wrap",
-		"div"
-	]));
-}
-var form_item_default = /*#__PURE__*/ _plugin_vue_export_helper_default(form_item_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+var form_item_default = form_item_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { form_item_default as default };