niuma-ui 1.3.0 → 1.3.2

package/dist/components/RsFieldset.d.ts

@@ -0,0 +1,61 @@
+import type { RsFontWeight } from '../theme/types';
+import { type RsFieldsetBorderStyle, type RsFieldsetBorderTone, type RsFieldsetSize, type RsFieldsetTitleSize, type RsFieldsetTitleTone } from './fieldset-utils';
+type __VLS_Props = {
+    /** 分组标题，渲染为原生 legend（WHATWG / WCAG 1.3.1 组名） */
+    legend?: string;
+    /**
+     * 分组说明。标题旁帮助图标，悬停出 tip（对齐 Ant Form.Item tooltip）。
+     * 不进 legend，避免读屏把长文案当组名。
+     */
+    tooltip?: string;
+    /**
+     * @deprecated 请用 tooltip。仍接受，映射到同一 tip。
+     */
+    description?: string;
+    /** 禁用整组原生控件（input / select / textarea / button） */
+    disabled?: boolean;
+    /**
+     * 密度：sm 对话框紧凑 / md 设置页默认。
+     * @default md
+     */
+    size?: RsFieldsetSize;
+    /** 原生 fieldset name */
+    name?: string;
+    /** 边框线型 */
+    borderStyle?: RsFieldsetBorderStyle;
+    /** 边框浓度；faded 为虚化 */
+    borderTone?: RsFieldsetBorderTone;
+    /** 标题字重（清晰度） */
+    titleWeight?: RsFontWeight;
+    /** 标题对比（清晰度） */
+    titleTone?: RsFieldsetTitleTone;
+    /** 标题字号 */
+    titleSize?: RsFieldsetTitleSize;
+};
+declare var __VLS_1: {}, __VLS_10: {}, __VLS_12: {}, __VLS_14: {};
+type __VLS_Slots = {} & {
+    legend?: (props: typeof __VLS_1) => any;
+} & {
+    tooltip?: (props: typeof __VLS_10) => any;
+} & {
+    extra?: (props: typeof __VLS_12) => any;
+} & {
+    default?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: RsFieldsetSize;
+    disabled: boolean;
+    borderStyle: RsFieldsetBorderStyle;
+    borderTone: RsFieldsetBorderTone;
+    titleWeight: RsFontWeight;
+    titleTone: RsFieldsetTitleTone;
+    titleSize: RsFieldsetTitleSize;
+}, {}, {}, {}, 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;
+    };
+};

package/dist/components/RsFieldset.impl.js

@@ -0,0 +1,78 @@
+import { useRsI18n } from "../composables/useRsI18n.js";
+import { useRsFormContext } from "./form-utils.js";
+import RsTooltip_default from "./RsTooltip.js";
+import { resolveFieldsetTitleSize, resolveFieldsetTitleWeight } from "./fieldset-utils.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot, toDisplayString, useSlots, withCtx } from "vue";
+//#region src/components/RsFieldset.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["name", "disabled"];
+var _hoisted_2 = {
+	key: 0,
+	class: "rs-fieldset__legend"
+};
+var _hoisted_3 = { class: "rs-fieldset__heading" };
+var _hoisted_4 = { class: "rs-fieldset__title" };
+var _hoisted_5 = {
+	key: 0,
+	class: "rs-fieldset__extra"
+};
+var _hoisted_6 = { class: "rs-fieldset__body" };
+var RsFieldset_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "RsFieldset",
+	__name: "RsFieldset",
+	props: {
+		legend: {},
+		tooltip: {},
+		description: {},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		size: { default: "md" },
+		name: {},
+		borderStyle: { default: "solid" },
+		borderTone: { default: "default" },
+		titleWeight: { default: "semibold" },
+		titleTone: { default: "default" },
+		titleSize: { default: "sm" }
+	},
+	setup(__props) {
+		const props = __props;
+		const slots = useSlots();
+		const { t } = useRsI18n();
+		const form = useRsFormContext();
+		const isDisabled = computed(() => Boolean(props.disabled || form?.disabled.value));
+		const resolvedTooltip = computed(() => (props.tooltip || props.description || "").trim());
+		const hasTooltip = computed(() => Boolean(resolvedTooltip.value || slots.tooltip));
+		const hasLegend = computed(() => Boolean(props.legend || slots.legend || slots.extra || hasTooltip.value));
+		const helpLabel = computed(() => t("fieldset.help", "Group help"));
+		const rootStyle = computed(() => ({
+			"--rs-fieldset-title-size": resolveFieldsetTitleSize(props.titleSize),
+			"--rs-fieldset-title-weight": resolveFieldsetTitleWeight(props.titleWeight)
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("fieldset", {
+				class: normalizeClass(["rs-fieldset", [
+					`rs-fieldset--${__props.size}`,
+					`rs-fieldset--${__props.borderStyle}`,
+					`rs-fieldset--tone-${__props.borderTone}`,
+					`rs-fieldset--title-${__props.titleTone}`,
+					{ "rs-fieldset--disabled": isDisabled.value }
+				]]),
+				style: normalizeStyle(rootStyle.value),
+				name: __props.name,
+				disabled: isDisabled.value
+			}, [hasLegend.value ? (openBlock(), createElementBlock("legend", _hoisted_2, [createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "legend", {}, () => [createElementVNode("span", _hoisted_4, toDisplayString(__props.legend), 1)], true), hasTooltip.value ? (openBlock(), createBlock(RsTooltip_default, {
+				key: 0,
+				icon: "",
+				content: resolvedTooltip.value,
+				"aria-label": helpLabel.value
+			}, createSlots({ _: 2 }, [_ctx.$slots.tooltip ? {
+				name: "content",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "tooltip", {}, void 0, true)]),
+				key: "0"
+			} : void 0]), 1032, ["content", "aria-label"])) : createCommentVNode("", true)]), _ctx.$slots.extra ? (openBlock(), createElementBlock("span", _hoisted_5, [renderSlot(_ctx.$slots, "extra", {}, void 0, true)])) : createCommentVNode("", true)])) : createCommentVNode("", true), createElementVNode("div", _hoisted_6, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 14, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { RsFieldset_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/RsFieldset.js

@@ -0,0 +1,8 @@
+import './RsFieldset.css'
+import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-helper.js";
+import RsFieldset_vue_vue_type_script_setup_true_lang_default from "./RsFieldset.impl.js";
+
+//#region src/components/RsFieldset.vue
+var RsFieldset_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsFieldset_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-4d65b83d"]]);
+//#endregion
+export { RsFieldset_default as default };

package/dist/components/RsFormItem.css

@@ -1,5 +1,5 @@
 
-.rs-form-item__control[data-v-d87b2b06] {
+.rs-form-item__control[data-v-e6a747b7] {
   width: 100%;
   min-height: var(--rs-control-height-md);
   min-width: 0;
@@ -9,44 +9,44 @@
  * 左侧标签与控件行等高、文字垂直居中。
  * 网格仍是 align-items:start，错误文案在第 2 列，不会把 label 顶歪。
  */
-.rs-field--label-left > .rs-field__label[data-v-d87b2b06] {
+.rs-field--label-left > .rs-field__label[data-v-e6a747b7] {
   display: flex;
   align-items: center;
   box-sizing: border-box;
   min-height: var(--rs-control-height-md);
 }
-.rs-form-item--ssm.rs-field--label-left > .rs-field__label[data-v-d87b2b06],
-.rs-form-item--ssm .rs-form-item__control[data-v-d87b2b06] {
+.rs-form-item--ssm.rs-field--label-left > .rs-field__label[data-v-e6a747b7],
+.rs-form-item--ssm .rs-form-item__control[data-v-e6a747b7] {
   min-height: var(--rs-control-height-ssm);
 }
-.rs-form-item--sm.rs-field--label-left > .rs-field__label[data-v-d87b2b06],
-.rs-form-item--sm .rs-form-item__control[data-v-d87b2b06] {
+.rs-form-item--sm.rs-field--label-left > .rs-field__label[data-v-e6a747b7],
+.rs-form-item--sm .rs-form-item__control[data-v-e6a747b7] {
   min-height: var(--rs-control-height-sm);
 }
-.rs-form-item--lg.rs-field--label-left > .rs-field__label[data-v-d87b2b06],
-.rs-form-item--lg .rs-form-item__control[data-v-d87b2b06] {
+.rs-form-item--lg.rs-field--label-left > .rs-field__label[data-v-e6a747b7],
+.rs-form-item--lg .rs-form-item__control[data-v-e6a747b7] {
   min-height: var(--rs-control-height-lg);
 }
-.rs-field--label-left .rs-form-item__control[data-v-d87b2b06],
-.rs-field--label-left .rs-form-item__error[data-v-d87b2b06],
-.rs-field--label-left .rs-form-item__help[data-v-d87b2b06],
-.rs-field--label-left .rs-form-item__extra[data-v-d87b2b06] {
+.rs-field--label-left .rs-form-item__control[data-v-e6a747b7],
+.rs-field--label-left .rs-form-item__error[data-v-e6a747b7],
+.rs-field--label-left .rs-form-item__help[data-v-e6a747b7],
+.rs-field--label-left .rs-form-item__extra[data-v-e6a747b7] {
   grid-column: 2;
 }
-.rs-form-item__error[data-v-d87b2b06],
-.rs-form-item__help[data-v-d87b2b06],
-.rs-form-item__extra[data-v-d87b2b06] {
+.rs-form-item__error[data-v-e6a747b7],
+.rs-form-item__help[data-v-e6a747b7],
+.rs-form-item__extra[data-v-e6a747b7] {
   margin: 0.25rem 0 0;
   font-size: var(--rs-font-size-xs);
   line-height: var(--rs-line-height-tight);
 }
-.rs-form-item__error[data-v-d87b2b06] {
+.rs-form-item__error[data-v-e6a747b7] {
   color: var(--rs-danger);
 }
-.rs-form-item__help[data-v-d87b2b06],
-.rs-form-item__extra[data-v-d87b2b06] {
+.rs-form-item__help[data-v-e6a747b7],
+.rs-form-item__extra[data-v-e6a747b7] {
   color: var(--rs-muted);
 }
-.rs-form-item--warning .rs-form-item__error[data-v-d87b2b06] {
+.rs-form-item--warning .rs-form-item__error[data-v-e6a747b7] {
   color: var(--rs-warning, #d48806);
 }

package/dist/components/RsFormItem.d.ts

@@ -10,6 +10,8 @@ type __VLS_Props = {
     errorMessage?: string;
     showMessage?: boolean;
     hint?: string;
+    /** 标签旁帮助图标，悬停出提示（对齐 Ant Design Form.Item tooltip，不另起一行） */
+    tooltip?: string;
     /** 始终展示的辅助说明（错误出现时仍保留） */
     extra?: string;
     /** 无错误时的说明；出错时被错误文案替换 */
@@ -29,13 +31,13 @@ type __VLS_ModelProps = {
     modelValue?: unknown;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_1: {}, __VLS_9: {
+declare var __VLS_1: {}, __VLS_14: {
     id: string;
     invalid: boolean;
     message: string;
     field: string | undefined;
     status: RsFormValidateStatus;
-}, __VLS_11: {
+}, __VLS_16: {
     name: string | undefined;
     message: string;
     value: unknown;
@@ -43,9 +45,9 @@ declare var __VLS_1: {}, __VLS_9: {
 type __VLS_Slots = {} & {
     label?: (props: typeof __VLS_1) => any;
 } & {
-    default?: (props: typeof __VLS_9) => any;
+    default?: (props: typeof __VLS_14) => any;
 } & {
-    error?: (props: typeof __VLS_11) => any;
+    error?: (props: typeof __VLS_16) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     validate: typeof runValidate;

package/dist/components/RsFormItem.impl.js

@@ -3,6 +3,7 @@ import { buildLocalInputRules, normalizeFormRules, runFormFieldRules } from "./f
 import { concatNamePath, isIndexSegment, namePathKey } from "./form-path.js";
 import { provideRsFormItemContext, useRsFormContext, useRsFormField, useRsFormListContext } from "./form-utils.js";
 import RsVNodeHost_default from "./RsVNodeHost.js";
+import RsTooltip_default from "./RsTooltip.js";
 import RsFormItemControl_default from "./RsFormItemControl.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeModels, normalizeClass, normalizeProps, normalizeStyle, openBlock, ref, renderSlot, toDisplayString, unref, useId, useModel, useSlots, watch, withCtx } from "vue";
 //#region src/components/RsFormItem.vue?vue&type=script&setup=true&lang.ts
@@ -13,7 +14,7 @@ var _hoisted_2 = {
 };
 var _hoisted_3 = ["for"];
 var _hoisted_4 = {
-	key: 0,
+	key: 1,
 	class: "rs-field__required",
 	"aria-hidden": "true"
 };
@@ -45,6 +46,7 @@ var RsFormItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 			default: true
 		},
 		hint: {},
+		tooltip: {},
 		extra: {},
 		help: {},
 		validateStatus: {},
@@ -250,7 +252,15 @@ var RsFormItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 				style: normalizeStyle(fieldStyle.value),
 				"data-rs-form-item": nameKey.value
 			}, [
-				showLabel.value ? (openBlock(), createElementBlock("span", _hoisted_2, [renderSlot(_ctx.$slots, "label", {}, () => [createElementVNode("label", { for: unref(fieldId) }, toDisplayString(__props.label), 9, _hoisted_3)], true), showRequiredMark.value ? (openBlock(), createElementBlock("span", _hoisted_4, "*")) : createCommentVNode("", true)])) : createCommentVNode("", true),
+				showLabel.value ? (openBlock(), createElementBlock("span", _hoisted_2, [
+					renderSlot(_ctx.$slots, "label", {}, () => [createElementVNode("label", { for: unref(fieldId) }, toDisplayString(__props.label), 9, _hoisted_3)], true),
+					__props.tooltip ? (openBlock(), createBlock(RsTooltip_default, {
+						key: 0,
+						icon: "",
+						content: __props.tooltip
+					}, null, 8, ["content"])) : createCommentVNode("", true),
+					showRequiredMark.value ? (openBlock(), createElementBlock("span", _hoisted_4, "*")) : createCommentVNode("", true)
+				])) : createCommentVNode("", true),
 				createElementVNode("div", _hoisted_5, [createVNode(RsFormItemControl_default, { inject: controlInject.value }, {
 					default: withCtx(() => [renderSlot(_ctx.$slots, "default", {
 						id: unref(fieldId),

package/dist/components/RsFormItem.js

@@ -3,6 +3,6 @@ import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-he
 import RsFormItem_vue_vue_type_script_setup_true_lang_default from "./RsFormItem.impl.js";
 
 //#region src/components/RsFormItem.vue
-var RsFormItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsFormItem_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-d87b2b06"]]);
+var RsFormItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsFormItem_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-e6a747b7"]]);
 //#endregion
 export { RsFormItem_default as default };