oink-ui 1.0.1 → 1.0.2
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/README.md +16 -10
- package/dist/oink-ui.cjs +1 -1
- package/dist/oink-ui.css +1 -1
- package/dist/oink-ui.js +2116 -2113
- package/dist/popups/Tooltip.d.ts +7 -1
- package/dist/styles/tooltip.css +1 -1
- package/package.json +1 -1
package/dist/popups/Tooltip.d.ts
CHANGED
|
@@ -15,6 +15,12 @@ export interface TooltipProps {
|
|
|
15
15
|
skipDelayWithin?: number;
|
|
16
16
|
/** 指针离开后多久收起（ms）。默认 160，期间可以把指针移到提示上 */
|
|
17
17
|
hideDelay?: number;
|
|
18
|
+
/**
|
|
19
|
+
* 提示能不能交互：指针能移到提示上停留、能选中复制提示里的文字。默认 true。
|
|
20
|
+
* 设为 false 时提示不接指针（指针离开目标就按 hideDelay 收起，移到提示上也不留），文字也不能选中——
|
|
21
|
+
* 适合只是说明一下、没有需要复制的内容的提示
|
|
22
|
+
*/
|
|
23
|
+
interactive?: boolean;
|
|
18
24
|
disabled?: boolean;
|
|
19
25
|
open?: boolean;
|
|
20
26
|
defaultOpen?: boolean;
|
|
@@ -25,4 +31,4 @@ export interface TooltipProps {
|
|
|
25
31
|
* 文字提示：悬停或键盘聚焦触发，首次延迟出现，相邻提示之间直接滑过去。
|
|
26
32
|
* 触屏不显示（触屏上没有悬停，长按留给系统菜单）；所以不要把必要信息只放在提示里。
|
|
27
33
|
*/
|
|
28
|
-
export declare function Tooltip({ content, shortcut, children, placement, offset, delay, skipDelayWithin, hideDelay, disabled, open: openProp, defaultOpen, onOpenChange, className, }: TooltipProps): import("react").JSX.Element;
|
|
34
|
+
export declare function Tooltip({ content, shortcut, children, placement, offset, delay, skipDelayWithin, hideDelay, interactive, disabled, open: openProp, defaultOpen, onOpenChange, className, }: TooltipProps): import("react").JSX.Element;
|
package/dist/styles/tooltip.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* oink-ui/styles/tooltip.css · 先引入 base */
|
|
2
|
-
.ok-tip{position:fixed;z-index:400;left:0;top:0;display:flex;align-items:center;gap:8px;max-width:var(--ok-popup-avail-w, calc(100vw - 16px) );padding:7px 10px;border-radius:calc(10px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-inverse);color:var(--ok-on-inverse);font:500 12.5px/1.2 var(--ok-font);white-space:nowrap;pointer-events:none;user-select:text;-webkit-user-select:text;opacity:0;translate:0 6px;scale:.86;transform-origin:50% 100%;transition:opacity var(--ok-dur-2) var(--ok-ease-in),translate var(--ok-dur-2) var(--ok-ease-in),scale var(--ok-dur-2) var(--ok-ease-in)}@media (max-width: 519.98px){.ok-tip{white-space:normal}}.ok-tip:before{content:"";position:absolute;top:100%;left:calc(var(--bl, 0px) * -1);right:calc(var(--br, 0px) * -1);height:8px}.ok-tip[data-side=bottom]{translate:0 -6px;transform-origin:50% 0}.ok-tip[data-side=bottom]:before{top:auto;bottom:100%}.ok-tip[data-side=left]{translate:6px 0;transform-origin:100% 50%}.ok-tip[data-side=right]{translate:-6px 0;transform-origin:0 50%}.ok-tip[data-side=left]:before,.ok-tip[data-side=right]:before{top:0;bottom:0;height:auto;left:auto;right:auto;width:8px}.ok-tip[data-side=left]:before{left:100%}.ok-tip[data-side=right]:before{right:100%}.ok-tip[data-state=open]{pointer-events:auto;opacity:1;translate:0 0;scale:1;transition:opacity var(--ok-dur-2) var(--ok-ease-out),translate var(--ok-spring-dur) var(--ok-spring),scale var(--ok-spring-dur) var(--ok-spring)}.ok-tip[data-warm]{opacity:1;translate:0 0;scale:1;transition:none;pointer-events:auto}.ok-tip[data-instant]{transition:none}.ok-tip kbd{font:600 11px/1 var(--ok-font);color:color-mix(in srgb,var(--ok-on-inverse) 60%,var(--ok-inverse))}
|
|
2
|
+
.ok-tip{position:fixed;z-index:400;left:0;top:0;display:flex;align-items:center;gap:8px;max-width:var(--ok-popup-avail-w, calc(100vw - 16px) );padding:7px 10px;border-radius:calc(10px * var(--ok-rk));corner-shape:var(--ok-corner);background:var(--ok-inverse);color:var(--ok-on-inverse);font:500 12.5px/1.2 var(--ok-font);white-space:nowrap;pointer-events:none;user-select:text;-webkit-user-select:text;opacity:0;translate:0 6px;scale:.86;transform-origin:50% 100%;transition:opacity var(--ok-dur-2) var(--ok-ease-in),translate var(--ok-dur-2) var(--ok-ease-in),scale var(--ok-dur-2) var(--ok-ease-in)}@media (max-width: 519.98px){.ok-tip{white-space:normal}}.ok-tip:before{content:"";position:absolute;top:100%;left:calc(var(--bl, 0px) * -1);right:calc(var(--br, 0px) * -1);height:8px}.ok-tip[data-side=bottom]{translate:0 -6px;transform-origin:50% 0}.ok-tip[data-side=bottom]:before{top:auto;bottom:100%}.ok-tip[data-side=left]{translate:6px 0;transform-origin:100% 50%}.ok-tip[data-side=right]{translate:-6px 0;transform-origin:0 50%}.ok-tip[data-side=left]:before,.ok-tip[data-side=right]:before{top:0;bottom:0;height:auto;left:auto;right:auto;width:8px}.ok-tip[data-side=left]:before{left:100%}.ok-tip[data-side=right]:before{right:100%}.ok-tip[data-state=open]{pointer-events:auto;opacity:1;translate:0 0;scale:1;transition:opacity var(--ok-dur-2) var(--ok-ease-out),translate var(--ok-spring-dur) var(--ok-spring),scale var(--ok-spring-dur) var(--ok-spring)}.ok-tip[data-warm]{opacity:1;translate:0 0;scale:1;transition:none;pointer-events:auto}.ok-tip[data-instant]{transition:none}.ok-tip[data-interactive=false]{pointer-events:none;user-select:none;-webkit-user-select:none}.ok-tip kbd{font:600 11px/1 var(--ok-font);color:color-mix(in srgb,var(--ok-on-inverse) 60%,var(--ok-inverse))}
|