lingee-ui 0.0.17 → 0.0.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/button/index.d.mts +1 -1
- package/dist/button/index.d.ts +1 -1
- package/dist/chunk-6OF5LIF4.mjs +1 -0
- package/dist/chunk-A2VQ5WK4.js +1 -0
- package/dist/{index-BVXwKHfX.d.mts → index-7pb5YOcq.d.mts} +1 -1
- package/dist/{index-BVXwKHfX.d.ts → index-7pb5YOcq.d.ts} +1 -1
- package/dist/index.d.mts +4 -4
- package/dist/index.d.ts +4 -4
- package/dist/index.js +2 -2
- package/dist/index.mjs +2 -2
- package/dist/popover/index.d.mts +15 -0
- package/dist/popover/index.d.ts +15 -0
- package/dist/popover/index.js +1 -1
- package/dist/popover/index.mjs +1 -1
- package/dist/tabs/index.d.mts +1 -1
- package/dist/tabs/index.d.ts +1 -1
- package/package.json +2 -1
- package/skill/AGENTS-SNIPPET.md +1 -1
- package/skill/SKILL.md +2 -2
- package/skill/VERSION.json +2 -2
- package/skill/references/components/dropdown.md +4 -0
- package/skill/references/components/popover.md +1 -0
- package/skill/references/setup.md +1 -1
- package/skill/references/tokens.md +1 -1
- package/dist/chunk-URZBMGD4.js +0 -1
- package/dist/chunk-VDUTBGPN.mjs +0 -1
package/dist/button/index.d.mts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import 'class-variance-authority/types';
|
|
2
2
|
import 'react';
|
|
3
|
-
export { a as Button, B as ButtonProps, b as ButtonShape, d as ButtonVariant, e as buttonVariants } from '../index-
|
|
3
|
+
export { a as Button, B as ButtonProps, b as ButtonShape, d as ButtonVariant, e as buttonVariants } from '../index-7pb5YOcq.mjs';
|
package/dist/button/index.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import 'class-variance-authority/types';
|
|
2
2
|
import 'react';
|
|
3
|
-
export { a as Button, B as ButtonProps, b as ButtonShape, d as ButtonVariant, e as buttonVariants } from '../index-
|
|
3
|
+
export { a as Button, B as ButtonProps, b as ButtonShape, d as ButtonVariant, e as buttonVariants } from '../index-7pb5YOcq.js';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import {a}from'./chunk-DN2VKVCV.mjs';import e from'react';import*as c from'@radix-ui/react-popover';import {jsx}from'react/jsx-runtime';var L="data-lg-modality",z=false;function M(r){document.documentElement.setAttribute(L,r);}function G(){return typeof document>"u"?false:document.documentElement.getAttribute(L)==="keyboard"}function N(){z||typeof document>"u"||(z=true,document.documentElement.hasAttribute(L)||M("keyboard"),document.addEventListener("pointerdown",()=>M("pointer"),true),document.addEventListener("keydown",r=>{(r.key==="Enter"||r.key===" "||r.key==="Tab"||r.key.startsWith("Arrow"))&&M("keyboard");},true));}var O=e.createContext(null),k=e.createContext(null);function F(r,n,i,t,a){let d=e.useRef(),u=e.useRef(t);u.current=t;let f=e.useRef(a);f.current=a;let s=e.useCallback(()=>{clearTimeout(d.current),d.current=void 0;},[]);return e.useEffect(()=>s,[r,n,i,s]),e.useMemo(()=>{if(!r)return null;let g=(l,m)=>{s(),d.current=setTimeout(()=>{d.current=void 0,u.current(l);},m);};return {onPointerEnter:()=>g(true,n),onPointerLeave:()=>g(false,i),onTriggerClick:l=>{s(),f.current(l);}}},[r,n,i,s])}function I({children:r,open:n,defaultOpen:i,onOpenChange:t,modal:a=false,trigger:d="click",mouseEnterDelay:u=100,mouseLeaveDelay:f=100}){e.useEffect(()=>{N();},[]);let[s,g]=e.useState(i??false),l=n!==void 0,m=l?n:s,o=e.useRef(false),y=e.useRef(false),C=e.useCallback(v=>{if(o.current){o.current=false;return}l||g(v),t?.(v);},[l,t]),x=e.useCallback(v=>{y.current=v,C(v);},[C]),A=e.useCallback(v=>{o.current=v==="mouse",v==="fallback"&&(y.current=false);},[]),h=F(d==="hover",u,f,x,A),E=e.useMemo(()=>h?{...h,shouldPreventAutoFocus:()=>y.current}:null,[h]),H=e.useRef(null),b=e.useRef(null),R=e.useMemo(()=>({anchorRef:H,triggerRef:b,open:m}),[m]),T=jsx(c.Root,{open:m,onOpenChange:C,modal:a,children:r});return jsx(k.Provider,{value:R,children:jsx(O.Provider,{value:E,children:T})})}I.displayName="Popover";var Y=e.forwardRef(({children:r,asChild:n=true,onPointerEnter:i,onPointerLeave:t,onPointerDown:a,onClick:d,...u},f)=>{let s=e.useContext(O),g=e.useContext(k),l=e.useRef(null),m=e.useCallback(o=>{g&&(g.triggerRef.current=o),typeof f=="function"?f(o):f&&(f.current=o);},[f,g]);return jsx(c.Trigger,{ref:m,asChild:n,onPointerEnter:o=>{i?.(o),(!o.pointerType||o.pointerType==="mouse")&&s?.onPointerEnter();},onPointerLeave:o=>{t?.(o),(!o.pointerType||o.pointerType==="mouse")&&s?.onPointerLeave();},onPointerDown:o=>{l.current=o.pointerType,a?.(o);},onClick:o=>{if(d?.(o),o.defaultPrevented){l.current=null;return}let y=o.detail>0&&l.current==="mouse"?"mouse":"fallback";s?.onTriggerClick(y),l.current=null;},...u,children:r})});Y.displayName="PopoverTrigger";var D=e.forwardRef(({children:r,asChild:n=true,...i},t)=>{let a=e.useContext(k),d=e.useCallback(u=>{a&&(a.anchorRef.current=u),typeof t=="function"?t(u):t&&(t.current=u);},[t,a]);return jsx(c.Anchor,{ref:d,asChild:n,...i,children:r})});D.displayName="PopoverAnchor";var V=e.forwardRef(({children:r,className:n,side:i="bottom",align:t="center",sideOffset:a$1=4,alignOffset:d=0,container:u,collisionPadding:f=8,hideWhenDetached:s=true,onEscapeKeyDown:g,onPointerDownOutside:l,onFocusOutside:m,onInteractOutside:o,onOpenAutoFocus:y,onCloseAutoFocus:C,onPointerEnter:x,onPointerLeave:A,style:h,...E},H)=>{let b=e.useContext(O),R=e.useContext(k),[T,v]=e.useState(false);e.useEffect(()=>{if(!s||!R?.open)return;let p=R.anchorRef.current??R.triggerRef.current;if(!p||typeof p.checkVisibility!="function"||typeof ResizeObserver>"u")return;let _=new ResizeObserver(()=>{v(!p.checkVisibility());});return _.observe(p),()=>{_.disconnect(),v(false);}},[s,R]);let B=b?{"--_popover-bridge-size":`${a$1+2}px`,...h}:h,S=jsx(c.Content,{ref:H,className:a("lg-popover",b&&"lg-popover--hover-bridge",n),style:T?{...B,visibility:"hidden",pointerEvents:"none"}:B,"data-anchor-hidden":T||void 0,onPointerEnter:p=>{x?.(p),(!p.pointerType||p.pointerType==="mouse")&&b?.onPointerEnter();},onPointerLeave:p=>{A?.(p),(!p.pointerType||p.pointerType==="mouse")&&b?.onPointerLeave();},side:i,align:t,sideOffset:a$1,alignOffset:d,collisionPadding:f,onEscapeKeyDown:g,onPointerDownOutside:l,onFocusOutside:m,onInteractOutside:o,onOpenAutoFocus:y??(b?p=>{b.shouldPreventAutoFocus()&&p.preventDefault();}:void 0),onCloseAutoFocus:C,...E,children:r});return u===null?S:jsx(c.Portal,{container:u,children:S})});V.displayName="PopoverContent";var X=e.forwardRef(({className:r,width:n=10,height:i=5,...t},a$1)=>jsx(c.Arrow,{ref:a$1,className:a("lg-popover__arrow",r),width:n,height:i,...t}));X.displayName="PopoverArrow";var j=e.forwardRef(({children:r,asChild:n=true,...i},t)=>jsx(c.Close,{ref:t,asChild:n,...i,children:r}));j.displayName="PopoverClose";export{G as a,N as b,I as c,Y as d,D as e,V as f,X as g,j as h};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
'use strict';var chunkDCDWEVW4_js=require('./chunk-DCDWEVW4.js'),e=require('react'),c=require('@radix-ui/react-popover'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var e__default=/*#__PURE__*/_interopDefault(e);var c__namespace=/*#__PURE__*/_interopNamespace(c);var L="data-lg-modality",z=false;function M(r){document.documentElement.setAttribute(L,r);}function G(){return typeof document>"u"?false:document.documentElement.getAttribute(L)==="keyboard"}function N(){z||typeof document>"u"||(z=true,document.documentElement.hasAttribute(L)||M("keyboard"),document.addEventListener("pointerdown",()=>M("pointer"),true),document.addEventListener("keydown",r=>{(r.key==="Enter"||r.key===" "||r.key==="Tab"||r.key.startsWith("Arrow"))&&M("keyboard");},true));}var O=e__default.default.createContext(null),k=e__default.default.createContext(null);function F(r,n,i,t,a){let d=e__default.default.useRef(),u=e__default.default.useRef(t);u.current=t;let f=e__default.default.useRef(a);f.current=a;let s=e__default.default.useCallback(()=>{clearTimeout(d.current),d.current=void 0;},[]);return e__default.default.useEffect(()=>s,[r,n,i,s]),e__default.default.useMemo(()=>{if(!r)return null;let g=(l,m)=>{s(),d.current=setTimeout(()=>{d.current=void 0,u.current(l);},m);};return {onPointerEnter:()=>g(true,n),onPointerLeave:()=>g(false,i),onTriggerClick:l=>{s(),f.current(l);}}},[r,n,i,s])}function I({children:r,open:n,defaultOpen:i,onOpenChange:t,modal:a=false,trigger:d="click",mouseEnterDelay:u=100,mouseLeaveDelay:f=100}){e__default.default.useEffect(()=>{N();},[]);let[s,g]=e__default.default.useState(i??false),l=n!==void 0,m=l?n:s,o=e__default.default.useRef(false),y=e__default.default.useRef(false),C=e__default.default.useCallback(v=>{if(o.current){o.current=false;return}l||g(v),t?.(v);},[l,t]),x=e__default.default.useCallback(v=>{y.current=v,C(v);},[C]),A=e__default.default.useCallback(v=>{o.current=v==="mouse",v==="fallback"&&(y.current=false);},[]),h=F(d==="hover",u,f,x,A),E=e__default.default.useMemo(()=>h?{...h,shouldPreventAutoFocus:()=>y.current}:null,[h]),H=e__default.default.useRef(null),b=e__default.default.useRef(null),R=e__default.default.useMemo(()=>({anchorRef:H,triggerRef:b,open:m}),[m]),T=jsxRuntime.jsx(c__namespace.Root,{open:m,onOpenChange:C,modal:a,children:r});return jsxRuntime.jsx(k.Provider,{value:R,children:jsxRuntime.jsx(O.Provider,{value:E,children:T})})}I.displayName="Popover";var Y=e__default.default.forwardRef(({children:r,asChild:n=true,onPointerEnter:i,onPointerLeave:t,onPointerDown:a,onClick:d,...u},f)=>{let s=e__default.default.useContext(O),g=e__default.default.useContext(k),l=e__default.default.useRef(null),m=e__default.default.useCallback(o=>{g&&(g.triggerRef.current=o),typeof f=="function"?f(o):f&&(f.current=o);},[f,g]);return jsxRuntime.jsx(c__namespace.Trigger,{ref:m,asChild:n,onPointerEnter:o=>{i?.(o),(!o.pointerType||o.pointerType==="mouse")&&s?.onPointerEnter();},onPointerLeave:o=>{t?.(o),(!o.pointerType||o.pointerType==="mouse")&&s?.onPointerLeave();},onPointerDown:o=>{l.current=o.pointerType,a?.(o);},onClick:o=>{if(d?.(o),o.defaultPrevented){l.current=null;return}let y=o.detail>0&&l.current==="mouse"?"mouse":"fallback";s?.onTriggerClick(y),l.current=null;},...u,children:r})});Y.displayName="PopoverTrigger";var D=e__default.default.forwardRef(({children:r,asChild:n=true,...i},t)=>{let a=e__default.default.useContext(k),d=e__default.default.useCallback(u=>{a&&(a.anchorRef.current=u),typeof t=="function"?t(u):t&&(t.current=u);},[t,a]);return jsxRuntime.jsx(c__namespace.Anchor,{ref:d,asChild:n,...i,children:r})});D.displayName="PopoverAnchor";var V=e__default.default.forwardRef(({children:r,className:n,side:i="bottom",align:t="center",sideOffset:a=4,alignOffset:d=0,container:u,collisionPadding:f=8,hideWhenDetached:s=true,onEscapeKeyDown:g,onPointerDownOutside:l,onFocusOutside:m,onInteractOutside:o,onOpenAutoFocus:y,onCloseAutoFocus:C,onPointerEnter:x,onPointerLeave:A,style:h,...E},H)=>{let b=e__default.default.useContext(O),R=e__default.default.useContext(k),[T,v]=e__default.default.useState(false);e__default.default.useEffect(()=>{if(!s||!R?.open)return;let p=R.anchorRef.current??R.triggerRef.current;if(!p||typeof p.checkVisibility!="function"||typeof ResizeObserver>"u")return;let _=new ResizeObserver(()=>{v(!p.checkVisibility());});return _.observe(p),()=>{_.disconnect(),v(false);}},[s,R]);let B=b?{"--_popover-bridge-size":`${a+2}px`,...h}:h,S=jsxRuntime.jsx(c__namespace.Content,{ref:H,className:chunkDCDWEVW4_js.a("lg-popover",b&&"lg-popover--hover-bridge",n),style:T?{...B,visibility:"hidden",pointerEvents:"none"}:B,"data-anchor-hidden":T||void 0,onPointerEnter:p=>{x?.(p),(!p.pointerType||p.pointerType==="mouse")&&b?.onPointerEnter();},onPointerLeave:p=>{A?.(p),(!p.pointerType||p.pointerType==="mouse")&&b?.onPointerLeave();},side:i,align:t,sideOffset:a,alignOffset:d,collisionPadding:f,onEscapeKeyDown:g,onPointerDownOutside:l,onFocusOutside:m,onInteractOutside:o,onOpenAutoFocus:y??(b?p=>{b.shouldPreventAutoFocus()&&p.preventDefault();}:void 0),onCloseAutoFocus:C,...E,children:r});return u===null?S:jsxRuntime.jsx(c__namespace.Portal,{container:u,children:S})});V.displayName="PopoverContent";var X=e__default.default.forwardRef(({className:r,width:n=10,height:i=5,...t},a)=>jsxRuntime.jsx(c__namespace.Arrow,{ref:a,className:chunkDCDWEVW4_js.a("lg-popover__arrow",r),width:n,height:i,...t}));X.displayName="PopoverArrow";var j=e__default.default.forwardRef(({children:r,asChild:n=true,...i},t)=>jsxRuntime.jsx(c__namespace.Close,{ref:t,asChild:n,...i,children:r}));j.displayName="PopoverClose";exports.a=G;exports.b=N;exports.c=I;exports.d=Y;exports.e=D;exports.f=V;exports.g=X;exports.h=j;
|
|
@@ -47,7 +47,7 @@ interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "typ
|
|
|
47
47
|
|
|
48
48
|
declare const buttonVariants: (props?: ({
|
|
49
49
|
variant?: "text" | "default" | "filled" | "link" | "primary" | "link-plain" | null | undefined;
|
|
50
|
-
size?: "sm" | "md" | "
|
|
50
|
+
size?: "sm" | "md" | "std" | "lg" | null | undefined;
|
|
51
51
|
shape?: "round" | "default" | "circle" | null | undefined;
|
|
52
52
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
53
53
|
/**
|
|
@@ -47,7 +47,7 @@ interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "typ
|
|
|
47
47
|
|
|
48
48
|
declare const buttonVariants: (props?: ({
|
|
49
49
|
variant?: "text" | "default" | "filled" | "link" | "primary" | "link-plain" | null | undefined;
|
|
50
|
-
size?: "sm" | "md" | "
|
|
50
|
+
size?: "sm" | "md" | "std" | "lg" | null | undefined;
|
|
51
51
|
shape?: "round" | "default" | "circle" | null | undefined;
|
|
52
52
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
53
53
|
/**
|
package/dist/index.d.mts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { B as ButtonProps } from './index-
|
|
2
|
-
export { a as Button, b as ButtonShape, c as ButtonSize, d as ButtonVariant } from './index-
|
|
1
|
+
import { B as ButtonProps } from './index-7pb5YOcq.mjs';
|
|
2
|
+
export { a as Button, b as ButtonShape, c as ButtonSize, d as ButtonVariant } from './index-7pb5YOcq.mjs';
|
|
3
3
|
import * as React$1 from 'react';
|
|
4
4
|
import React__default, { ReactNode, CSSProperties, HTMLAttributes, MouseEvent, ComponentType, Key, ReactElement, UIEventHandler, Ref } from 'react';
|
|
5
5
|
import { TooltipProps } from './tooltip/index.mjs';
|
|
@@ -1001,7 +1001,7 @@ interface DropdownTriggerProps {
|
|
|
1001
1001
|
/** 合并到子元素而非额外包裹 DOM,默认 true */
|
|
1002
1002
|
asChild?: boolean;
|
|
1003
1003
|
}
|
|
1004
|
-
interface DropdownContentProps extends Pick<PopoverContentProps, "side" | "align" | "sideOffset" | "alignOffset" | "className" | "collisionPadding" | "container" | "onEscapeKeyDown" | "onPointerDownOutside" | "onInteractOutside" | "onCloseAutoFocus"> {
|
|
1004
|
+
interface DropdownContentProps extends Pick<PopoverContentProps, "side" | "align" | "sideOffset" | "alignOffset" | "className" | "collisionPadding" | "container" | "hideWhenDetached" | "onEscapeKeyDown" | "onPointerDownOutside" | "onInteractOutside" | "onCloseAutoFocus"> {
|
|
1005
1005
|
/** 面板子内容 */
|
|
1006
1006
|
children: ReactNode;
|
|
1007
1007
|
/**
|
|
@@ -1124,7 +1124,7 @@ interface DropdownSubTriggerProps {
|
|
|
1124
1124
|
/** 文本溢出时悬浮显示完整内容,详见 DropdownEllipsisTooltip */
|
|
1125
1125
|
ellipsisTooltip?: DropdownEllipsisTooltip;
|
|
1126
1126
|
}
|
|
1127
|
-
interface DropdownSubContentProps extends Pick<PopoverContentProps, "side" | "align" | "sideOffset" | "alignOffset" | "className" | "collisionPadding" | "container"> {
|
|
1127
|
+
interface DropdownSubContentProps extends Pick<PopoverContentProps, "side" | "align" | "sideOffset" | "alignOffset" | "className" | "collisionPadding" | "container" | "hideWhenDetached"> {
|
|
1128
1128
|
/** 子菜单面板内容 */
|
|
1129
1129
|
children: ReactNode;
|
|
1130
1130
|
/**
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { B as ButtonProps } from './index-
|
|
2
|
-
export { a as Button, b as ButtonShape, c as ButtonSize, d as ButtonVariant } from './index-
|
|
1
|
+
import { B as ButtonProps } from './index-7pb5YOcq.js';
|
|
2
|
+
export { a as Button, b as ButtonShape, c as ButtonSize, d as ButtonVariant } from './index-7pb5YOcq.js';
|
|
3
3
|
import * as React$1 from 'react';
|
|
4
4
|
import React__default, { ReactNode, CSSProperties, HTMLAttributes, MouseEvent, ComponentType, Key, ReactElement, UIEventHandler, Ref } from 'react';
|
|
5
5
|
import { TooltipProps } from './tooltip/index.js';
|
|
@@ -1001,7 +1001,7 @@ interface DropdownTriggerProps {
|
|
|
1001
1001
|
/** 合并到子元素而非额外包裹 DOM,默认 true */
|
|
1002
1002
|
asChild?: boolean;
|
|
1003
1003
|
}
|
|
1004
|
-
interface DropdownContentProps extends Pick<PopoverContentProps, "side" | "align" | "sideOffset" | "alignOffset" | "className" | "collisionPadding" | "container" | "onEscapeKeyDown" | "onPointerDownOutside" | "onInteractOutside" | "onCloseAutoFocus"> {
|
|
1004
|
+
interface DropdownContentProps extends Pick<PopoverContentProps, "side" | "align" | "sideOffset" | "alignOffset" | "className" | "collisionPadding" | "container" | "hideWhenDetached" | "onEscapeKeyDown" | "onPointerDownOutside" | "onInteractOutside" | "onCloseAutoFocus"> {
|
|
1005
1005
|
/** 面板子内容 */
|
|
1006
1006
|
children: ReactNode;
|
|
1007
1007
|
/**
|
|
@@ -1124,7 +1124,7 @@ interface DropdownSubTriggerProps {
|
|
|
1124
1124
|
/** 文本溢出时悬浮显示完整内容,详见 DropdownEllipsisTooltip */
|
|
1125
1125
|
ellipsisTooltip?: DropdownEllipsisTooltip;
|
|
1126
1126
|
}
|
|
1127
|
-
interface DropdownSubContentProps extends Pick<PopoverContentProps, "side" | "align" | "sideOffset" | "alignOffset" | "className" | "collisionPadding" | "container"> {
|
|
1127
|
+
interface DropdownSubContentProps extends Pick<PopoverContentProps, "side" | "align" | "sideOffset" | "alignOffset" | "className" | "collisionPadding" | "container" | "hideWhenDetached"> {
|
|
1128
1128
|
/** 子菜单面板内容 */
|
|
1129
1129
|
children: ReactNode;
|
|
1130
1130
|
/**
|