@mooncellwiki/prts-design-vue 0.1.24 → 0.1.26

package/dist/components/Field/context.d.ts

@@ -34,13 +34,16 @@ export declare function useField(kind?: "control" | "group"): {
     required: import("vue").ComputedRef<boolean>;
 };
 /**
- * 外面包了一层 <label> / <div> 的控件（勾选、开关、步进器、搜索框）：class / style 给外层，其余属性（name、autocomplete、@focus …）给原生控件。
+ * 外面包了一层 <label> / <div> 的控件（勾选、单选、开关、步进器、搜索框）：class / style 给外层，其余属性（name、autocomplete、@focus …）给原生控件。
+ * data-ak-tip 也给外层：气泡是载体的 ::after，原生 <input> 上画不出来；挂在外层，悬停名称文字也出提示，聚焦里面的控件时由 :has(:focus-visible) 显示。
+ * 这样不用为了提示再包一层 <span>——行内的 span 里控件按基线排，在 align-items: center 的一行里会比旁边没包的同类高几像素。
  * 配合 defineOptions({ inheritAttrs: false })。
  */
 export declare function useSplitAttrs(): {
     root: import("vue").ComputedRef<{
         class: import("vue").ClassValue;
         style: import("vue").StyleValue;
+        "data-ak-tip": unknown;
     }>;
     control: import("vue").ComputedRef<{
         [x: string]: unknown;

package/dist/index.js

@@ -2847,7 +2847,9 @@ function useField(kind = "control") {
 	};
 }
 /**
-* 外面包了一层 <label> / <div> 的控件（勾选、开关、步进器、搜索框）：class / style 给外层，其余属性（name、autocomplete、@focus …）给原生控件。
+* 外面包了一层 <label> / <div> 的控件（勾选、单选、开关、步进器、搜索框）：class / style 给外层，其余属性（name、autocomplete、@focus …）给原生控件。
+* data-ak-tip 也给外层：气泡是载体的 ::after，原生 <input> 上画不出来；挂在外层，悬停名称文字也出提示，聚焦里面的控件时由 :has(:focus-visible) 显示。
+* 这样不用为了提示再包一层 <span>——行内的 span 里控件按基线排，在 align-items: center 的一行里会比旁边没包的同类高几像素。
 * 配合 defineOptions({ inheritAttrs: false })。
 */
 function useSplitAttrs() {
@@ -2855,10 +2857,11 @@ function useSplitAttrs() {
 	return {
 		root: computed(() => ({
 			class: attrs.class,
-			style: attrs.style
+			style: attrs.style,
+			"data-ak-tip": attrs["data-ak-tip"]
 		})),
 		control: computed(() => {
-			const { class: _c, style: _s, ...rest } = attrs;
+			const { class: _c, style: _s, "data-ak-tip": _t, ...rest } = attrs;
 			return rest;
 		})
 	};