yc-pro-components 0.0.83 → 0.0.84

package/lib/components/form-item/src/overflow-tooltip.d.ts

@@ -0,0 +1,16 @@
+export interface PlaceholderHit {
+    el: HTMLElement;
+    text: string;
+}
+export type TextMeasurer = (text: string, font: string) => number;
+/** 用 canvas 测量文本宽度，避免读取 input 的 scrollWidth（占位符不参与布局） */
+export declare const measureTextWidth: TextMeasurer;
+export declare const isInputPlaceholderOverflow: (input: HTMLInputElement | HTMLTextAreaElement, measure?: TextMeasurer) => boolean;
+/**
+ * 找到当前指针下被截断的占位符。
+ * 输入框用文本测量；下拉框的占位符是独立节点，用 scrollWidth 判断。
+ */
+export declare const findPlaceholderOverflow: (root: HTMLElement, target: EventTarget | null, point?: {
+    x: number;
+    y: number;
+}, measure?: TextMeasurer) => PlaceholderHit | null;

package/lib/components/form-item/src/overflow-tooltip.js

@@ -0,0 +1,71 @@
+'use strict';
+
+const FIELD_SELECTOR = [
+  ".el-input",
+  ".el-textarea",
+  ".el-select",
+  ".el-date-editor",
+  ".el-cascader",
+  ".el-autocomplete",
+  ".el-input-number",
+  ".el-tree-select",
+  ".plus-form-item-field"
+].join(",");
+let measureCanvas = null;
+const measureTextWidth = (text, font) => {
+  if (typeof document === "undefined") return 0;
+  measureCanvas = measureCanvas || document.createElement("canvas");
+  const context = measureCanvas.getContext("2d");
+  if (!context) return 0;
+  context.font = font;
+  return context.measureText(text).width;
+};
+const readFont = (style) => `${style.fontStyle} ${style.fontWeight} ${style.fontSize} ${style.fontFamily}`;
+const availableWidth = (input) => {
+  const style = getComputedStyle(input);
+  const padding = (Number.parseFloat(style.paddingLeft) || 0) + (Number.parseFloat(style.paddingRight) || 0);
+  return input.clientWidth - padding;
+};
+const isInputPlaceholderOverflow = (input, measure = measureTextWidth) => {
+  var _a;
+  const text = ((_a = input.placeholder) == null ? void 0 : _a.trim()) || "";
+  if (!text || input.value || input.clientWidth <= 0) return false;
+  return measure(text, readFont(getComputedStyle(input))) > availableWidth(input) + 1;
+};
+const hitFromInput = (input, measure) => {
+  if (!isInputPlaceholderOverflow(input, measure)) return null;
+  return { el: input, text: input.placeholder.trim() };
+};
+const containsPoint = (el, point) => {
+  const rect = el.getBoundingClientRect();
+  return point.x >= rect.left && point.x <= rect.right && point.y >= rect.top && point.y <= rect.bottom;
+};
+const findPlaceholderOverflow = (root, target, point, measure = measureTextWidth) => {
+  var _a;
+  if (!(target instanceof HTMLElement) || !root.contains(target)) return null;
+  const directInput = target.closest("input, textarea");
+  if (directInput instanceof HTMLInputElement || directInput instanceof HTMLTextAreaElement) {
+    if (!root.contains(directInput)) return null;
+    return hitFromInput(directInput, measure);
+  }
+  const field = target.closest(FIELD_SELECTOR);
+  if (!(field instanceof HTMLElement) || !root.contains(field)) return null;
+  const selectPlaceholder = field.querySelector(".el-select__placeholder.is-transparent");
+  if (selectPlaceholder instanceof HTMLElement) {
+    const text = ((_a = selectPlaceholder.textContent) == null ? void 0 : _a.trim()) || "";
+    if (text && selectPlaceholder.scrollWidth > selectPlaceholder.clientWidth + 1) {
+      return { el: selectPlaceholder, text };
+    }
+    return null;
+  }
+  if (!point) return null;
+  const inputs = Array.from(field.querySelectorAll("input, textarea"));
+  const hovered = inputs.find(
+    (input) => (input instanceof HTMLInputElement || input instanceof HTMLTextAreaElement) && input.clientWidth > 0 && containsPoint(input, point)
+  );
+  return hovered ? hitFromInput(hovered, measure) : null;
+};
+
+exports.findPlaceholderOverflow = findPlaceholderOverflow;
+exports.isInputPlaceholderOverflow = isInputPlaceholderOverflow;
+exports.measureTextWidth = measureTextWidth;

package/lib/components/header/index.d.ts

@@ -3,10 +3,6 @@ import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOpt
 export * from './src/type';
 export declare const PlusHeader: {
     new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
-        trigger: {
-            type: PropType<"hover" | "click">;
-            default: string;
-        };
         fixed: {
             type: PropType<boolean>;
             default: boolean;
@@ -15,6 +11,10 @@ export declare const PlusHeader: {
             type: PropType<string>;
             default: string;
         };
+        trigger: {
+            type: PropType<"hover" | "click">;
+            default: string;
+        };
         logo: {
             type: PropType<string>;
             default: string;
@@ -67,10 +67,6 @@ export declare const PlusHeader: {
             value: string;
         }) => void;
     }, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
-        trigger: {
-            type: PropType<"hover" | "click">;
-            default: string;
-        };
         fixed: {
             type: PropType<boolean>;
             default: boolean;
@@ -79,6 +75,10 @@ export declare const PlusHeader: {
             type: PropType<string>;
             default: string;
         };
+        trigger: {
+            type: PropType<"hover" | "click">;
+            default: string;
+        };
         logo: {
             type: PropType<string>;
             default: string;
@@ -126,9 +126,9 @@ export declare const PlusHeader: {
             value: string;
         }) => any) | undefined;
     }, {
-        trigger: "hover" | "click";
         fixed: boolean;
         title: string;
+        trigger: "hover" | "click";
         logo: string;
         logoutText: string;
         userInfo: {
@@ -151,10 +151,6 @@ export declare const PlusHeader: {
         M: {};
         Defaults: {};
     }, Readonly< ExtractPropTypes<{
-        trigger: {
-            type: PropType<"hover" | "click">;
-            default: string;
-        };
         fixed: {
             type: PropType<boolean>;
             default: boolean;
@@ -163,6 +159,10 @@ export declare const PlusHeader: {
             type: PropType<string>;
             default: string;
         };
+        trigger: {
+            type: PropType<"hover" | "click">;
+            default: string;
+        };
         logo: {
             type: PropType<string>;
             default: string;
@@ -210,9 +210,9 @@ export declare const PlusHeader: {
             value: string;
         }) => any) | undefined;
     }, {}, {}, {}, {}, {
-        trigger: "hover" | "click";
         fixed: boolean;
         title: string;
+        trigger: "hover" | "click";
         logo: string;
         logoutText: string;
         userInfo: {
@@ -232,10 +232,6 @@ export declare const PlusHeader: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & ComponentOptionsBase<Readonly< ExtractPropTypes<{
-    trigger: {
-        type: PropType<"hover" | "click">;
-        default: string;
-    };
     fixed: {
         type: PropType<boolean>;
         default: boolean;
@@ -244,6 +240,10 @@ export declare const PlusHeader: {
         type: PropType<string>;
         default: string;
     };
+    trigger: {
+        type: PropType<"hover" | "click">;
+        default: string;
+    };
     logo: {
         type: PropType<string>;
         default: string;
@@ -296,9 +296,9 @@ export declare const PlusHeader: {
         value: string;
     }) => void;
 }, string, {
-    trigger: "hover" | "click";
     fixed: boolean;
     title: string;
+    trigger: "hover" | "click";
     logo: string;
     logoutText: string;
     userInfo: {

package/lib/components/header/src/index.vue.d.ts

@@ -30,9 +30,9 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
         value: string;
     }) => any) | undefined;
 }, {
-    trigger: "hover" | "click";
     fixed: boolean;
     title: string;
+    trigger: "hover" | "click";
     logo: string;
     logoutText: string;
     userInfo: {

package/lib/components/input-tag/index.d.ts

@@ -5,14 +5,14 @@ import { PlusInputTagProps } from './src/index.vue';
 
 export type { PlusInputTagProps };
 export declare const PlusInputTag: DefineComponent<{
-    trigger: {
-        type: PropType<("blur" | "space" | "enter") | ("blur" | "space" | "enter")[]>;
-        default: () => string[];
-    };
     disabled: {
         type: PropType<boolean>;
         default: boolean;
     };
+    trigger: {
+        type: PropType<("blur" | "space" | "enter") | ("blur" | "space" | "enter")[]>;
+        default: () => string[];
+    };
     modelValue: {
         type: PropType<string[]>;
         default: () => never[];
@@ -54,14 +54,14 @@ export declare const PlusInputTag: DefineComponent<{
     enter: (value: string, event: MouseEvent) => void;
     space: (value: string, event: MouseEvent) => void;
 }, string, PublicProps, Readonly< ExtractPropTypes<{
-    trigger: {
-        type: PropType<("blur" | "space" | "enter") | ("blur" | "space" | "enter")[]>;
-        default: () => string[];
-    };
     disabled: {
         type: PropType<boolean>;
         default: boolean;
     };
+    trigger: {
+        type: PropType<("blur" | "space" | "enter") | ("blur" | "space" | "enter")[]>;
+        default: () => string[];
+    };
     modelValue: {
         type: PropType<string[]>;
         default: () => never[];
@@ -100,8 +100,8 @@ export declare const PlusInputTag: DefineComponent<{
     onRemove?: ((tag: string) => any) | undefined;
     onSpace?: ((value: string, event: MouseEvent) => any) | undefined;
 }, {
-    trigger: ("blur" | "space" | "enter") | ("blur" | "space" | "enter")[];
     disabled: boolean;
+    trigger: ("blur" | "space" | "enter") | ("blur" | "space" | "enter")[];
     modelValue: string[];
     inputProps: Partial< Mutable<InputProps> & {
         style?: CSSProperties | undefined;

package/lib/components/input-tag/src/index.vue.d.ts

@@ -65,8 +65,8 @@ declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRunt
     onRemove?: ((tag: string) => any) | undefined;
     onSpace?: ((value: string, event: MouseEvent) => any) | undefined;
 }, {
-    trigger: TriggerType | TriggerType[];
     disabled: boolean;
+    trigger: TriggerType | TriggerType[];
     modelValue: string[];
     inputProps: Partial<Mutable<InputProps> & {
         style?: CSSProperties | undefined;