@itera-web/react-ui-popover 1.20.0
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/LICENSE.md +0 -0
- package/README.md +1 -0
- package/es/Popover.d.ts +13 -0
- package/es/index.d.ts +1 -0
- package/es/index.js +1 -0
- package/package.json +27 -0
package/LICENSE.md
ADDED
|
File without changes
|
package/README.md
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
### [使用文档](http://iterative.keyboardecho.com/)
|
package/es/Popover.d.ts
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
3
|
+
declare const placementMap: Record<string, {
|
|
4
|
+
side: 'top' | 'bottom' | 'left' | 'right';
|
|
5
|
+
align: 'start' | 'center' | 'end';
|
|
6
|
+
}>;
|
|
7
|
+
declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
|
|
8
|
+
interface PopoverContentProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {
|
|
9
|
+
placement?: keyof typeof placementMap;
|
|
10
|
+
}
|
|
11
|
+
declare const PopoverTrigger: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
12
|
+
declare const PopoverContent: React.ForwardRefExoticComponent<PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
13
|
+
export { Popover, PopoverTrigger, PopoverContent };
|
package/es/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Popover, PopoverTrigger, PopoverContent } from './Popover';
|
package/es/index.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import*as t from"react";import*as e from"@itera-web/utils-cn";import*as o from"@radix-ui/react-popover";var r={d:(t,e)=>{for(var o in e)r.o(e,o)&&!r.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},o:(t,e)=>Object.prototype.hasOwnProperty.call(t,e)},a={};r.d(a,{J2:()=>f,yk:()=>g,xo:()=>c});const n=(t=>{var e={};return r.d(e,t),e})({createElement:()=>t.createElement,forwardRef:()=>t.forwardRef});const i=(t=>{var e={};return r.d(e,t),e})({cn:()=>e.cn});const d=(t=>{var e={};return r.d(e,t),e})({Content:()=>o.Content,Portal:()=>o.Portal,Root:()=>o.Root,Trigger:()=>o.Trigger});var s=function(){return s=Object.assign||function(t){for(var e,o=1,r=arguments.length;o<r;o++)for(var a in e=arguments[o])Object.prototype.hasOwnProperty.call(e,a)&&(t[a]=e[a]);return t},s.apply(this,arguments)},l=function(t,e){var o={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(o[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(t);a<r.length;a++)e.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(t,r[a])&&(o[r[a]]=t[r[a]])}return o},p={topLeft:{side:"top",align:"start"},top:{side:"top",align:"center"},topRight:{side:"top",align:"end"},bottomLeft:{side:"bottom",align:"start"},bottom:{side:"bottom",align:"center"},bottomRight:{side:"bottom",align:"end"},leftTop:{side:"left",align:"start"},left:{side:"left",align:"center"},leftBottom:{side:"left",align:"end"},rightTop:{side:"right",align:"start"},right:{side:"right",align:"center"},rightBottom:{side:"right",align:"end"}},f=d.Root,c=n.forwardRef(function(t,e){var o=t.children,r=l(t,["children"]);return n.createElement(d.Trigger,s({ref:e},r),o)});c.displayName="PopoverTrigger";var g=n.forwardRef(function(t,e){var o=t.className,r=t.sideOffset,a=void 0===r?4:r,f=t.placement,c=void 0===f?"bottom":f,g=l(t,["className","sideOffset","placement"]),m=p[c]||{side:"bottom",align:"center"},u=m.side,b=m.align;return n.createElement(d.Portal,null,n.createElement(d.Content,s({align:b,avoidCollisions:!0,className:(0,i.cn)("z-50 w-48 rounded-md border bg-popover p-4 text-popover-foreground bg-background shadow-md outline-none","data-[state=open]:animate-in data-[state=closed]:animate-out","data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0","data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95","data-[side=bottom]:slide-in-from-top-2","data-[side=left]:slide-in-from-right-2","data-[side=right]:slide-in-from-left-2","data-[side=top]:slide-in-from-bottom-2","origin-[--radix-popover-content-transform-origin]",o),collisionBoundary:document.body,collisionPadding:0,ref:e,side:u,sideOffset:a},g)))});g.displayName=d.Content.displayName;var m=a.J2,u=a.yk,b=a.xo;export{m as Popover,u as PopoverContent,b as PopoverTrigger};
|
package/package.json
ADDED
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@itera-web/react-ui-popover",
|
|
3
|
+
"description": "气泡提示",
|
|
4
|
+
"version": "1.20.0",
|
|
5
|
+
"main": "es/index.js",
|
|
6
|
+
"types": "es/index.d.ts",
|
|
7
|
+
"publishConfig": {
|
|
8
|
+
"access": "public"
|
|
9
|
+
},
|
|
10
|
+
"license": "MIT",
|
|
11
|
+
"scripts": {
|
|
12
|
+
"build": "itera-cli package",
|
|
13
|
+
"up": "npm publish"
|
|
14
|
+
},
|
|
15
|
+
"dependencies": {
|
|
16
|
+
"@itera-web/utils-cn": "^1.20.0",
|
|
17
|
+
"@radix-ui/react-popover": "^1.1.7"
|
|
18
|
+
},
|
|
19
|
+
"peerDependencies": {
|
|
20
|
+
"react": ">=17.0.0",
|
|
21
|
+
"react-dom": ">=17.0.0"
|
|
22
|
+
},
|
|
23
|
+
"devDependencies": {
|
|
24
|
+
"@itera-web/cli": "^1.1.45"
|
|
25
|
+
},
|
|
26
|
+
"gitHead": "691b2592db8668e5d52c9712bb906484b92cb79b"
|
|
27
|
+
}
|