x-next 0.0.0-alpha.48 → 0.0.0-alpha.49
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 +21 -1
- package/dist/_container/resize-observer-2.d.ts +12 -0
- package/dist/_hooks/use-pick-slots.d.ts +2 -0
- package/dist/_hooks/use-teleport-container.d.ts +10 -0
- package/dist/_props/constant.d.ts +4 -0
- package/dist/_props/types.d.ts +1 -0
- package/dist/_utils/dom.d.ts +5 -0
- package/dist/_utils/omit.d.ts +2 -0
- package/dist/_utils/raf.d.ts +3 -0
- package/dist/_utils/throttle-by-raf.d.ts +4 -0
- package/dist/_utils/types.d.ts +1 -0
- package/dist/_utils/vue-eco.d.ts +1 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/components/tooltip/Tooltip.vue.d.ts +760 -0
- package/dist/components/tooltip/index.d.ts +1317 -0
- package/dist/components/trigger-v2/context.d.ts +8 -0
- package/dist/components/trigger-v2/index.d.ts +562 -0
- package/dist/components/trigger-v2/interface.d.ts +40 -0
- package/dist/components/trigger-v2/trigger.d.ts +627 -0
- package/dist/components/trigger-v2/utils.d.ts +51 -0
- package/dist/index.es.js +2756 -1596
- package/dist/index.umd.js +1 -1
- package/dist/style.css +1 -1
- package/dist/types.d.ts +1 -0
- package/package.json +1 -1
- package/volar.d.ts +1 -0
package/README.md
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
# 简介
|
2
2
|
|
3
|
-
X-Next
|
3
|
+
X-Next致力打造一套最好看、最好用的Vue3 UI组件库。
|
4
4
|
|
5
5
|
# 安装
|
6
6
|
|
@@ -24,3 +24,23 @@ const app = createApp(App)
|
|
24
24
|
app.use(XNext)
|
25
25
|
app.mount('#app')
|
26
26
|
```
|
27
|
+
### 目前已完成的组件
|
28
|
+
|
29
|
+
```
|
30
|
+
// Dialog, Message, MessageBox, Notification
|
31
|
+
// XButton: (typeof import('x-next'))['XButton'];
|
32
|
+
// XXDialog: (typeof import('x-next'))['XDialog'];
|
33
|
+
// XXMessage: (typeof import('x-next'))['XMessage'];
|
34
|
+
// XXMessageBox: (typeof import('x-next'))['XMessageBox'];
|
35
|
+
// XNotification: (typeof import('x-next'))['XNotification'];
|
36
|
+
// XSpace: (typeof import('x-next'))['XSpace'];
|
37
|
+
// XPopconfirm: (typeof import('x-next'))['XPopconfirm'];
|
38
|
+
// XTrendChart: (typeof import('x-next'))['XTrendChart'];
|
39
|
+
// XTimeline: (typeof import('x-next'))['XTimeline'];
|
40
|
+
// XTimelineItem: (typeof import('x-next'))['XTimelineItem'];
|
41
|
+
// XPopup: (typeof import('x-next'))['XPopup'];
|
42
|
+
// XScrollbar: (typeof import('x-next'))['XScrollbar'];
|
43
|
+
// XDrawer: (typeof import('x-next'))['XDrawer'];
|
44
|
+
// XTag: (typeof import('x-next'))['XTag'];
|
45
|
+
// XTooltip: (typeof import('x-next'))['XTooltip'];
|
46
|
+
```
|
@@ -0,0 +1,12 @@
|
|
1
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
2
|
+
watchOnUpdated: BooleanConstructor;
|
3
|
+
}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
4
|
+
[key: string]: any;
|
5
|
+
}>[] | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "resize"[], "resize", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
6
|
+
watchOnUpdated: BooleanConstructor;
|
7
|
+
}>> & Readonly<{
|
8
|
+
onResize?: ((...args: any[]) => any) | undefined;
|
9
|
+
}>, {
|
10
|
+
watchOnUpdated: boolean;
|
11
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
12
|
+
export default _default;
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import { Ref } from 'vue';
|
2
|
+
export declare const useTeleportContainer: ({ popupContainer, visible, defaultContainer, documentContainer, }: {
|
3
|
+
popupContainer: Ref<string | HTMLElement | undefined>;
|
4
|
+
visible: Ref<boolean>;
|
5
|
+
defaultContainer?: string;
|
6
|
+
documentContainer?: boolean;
|
7
|
+
}) => {
|
8
|
+
teleportContainer: Ref<string | HTMLElement | undefined, string | HTMLElement | undefined>;
|
9
|
+
containerRef: Ref<HTMLElement | undefined, HTMLElement | undefined>;
|
10
|
+
};
|
@@ -0,0 +1,4 @@
|
|
1
|
+
export declare const TRIGGER_POSITIONS: readonly ["top", "tl", "tr", "bottom", "bl", "br", "left", "lt", "lb", "right", "rt", "rb"];
|
2
|
+
export type TriggerPosition = (typeof TRIGGER_POSITIONS)[number];
|
3
|
+
export declare const TRIGGER_EVENTS: readonly ["hover", "click", "focus", "contextMenu"];
|
4
|
+
export type TriggerEvent = (typeof TRIGGER_EVENTS)[number];
|
@@ -0,0 +1 @@
|
|
1
|
+
export type ClassName = string | Record<string, boolean> | (string | Record<string, boolean>)[];
|
package/dist/_utils/dom.d.ts
CHANGED
@@ -8,3 +8,8 @@ export declare const setStyle: (element: HTMLElement, styleName: CSSProperties |
|
|
8
8
|
export declare const getElement: (target: string | HTMLElement | undefined, container?: Document | HTMLElement) => HTMLElement | undefined;
|
9
9
|
export declare const on: <K extends keyof HTMLElementEventMap>(element: HTMLElement | Window, event: K, handler: (ev: HTMLElementEventMap[K]) => void, options?: boolean | AddEventListenerOptions) => void;
|
10
10
|
export declare const off: <K extends keyof HTMLElementEventMap>(element: HTMLElement | Window, type: K, handler: (ev: HTMLElementEventMap[K]) => void, options?: boolean | EventListenerOptions) => void;
|
11
|
+
export interface Size {
|
12
|
+
height: number;
|
13
|
+
width: number;
|
14
|
+
}
|
15
|
+
export declare const getDocumentSize: () => Size;
|
@@ -0,0 +1 @@
|
|
1
|
+
export type Data = Record<string, any>;
|
package/dist/_utils/vue-eco.d.ts
CHANGED
@@ -23,6 +23,7 @@ export declare const isComponent: (vn: VNode, type?: VNodeTypes) => type is Comp
|
|
23
23
|
export declare const isTextChildren: (child: VNode, children: VNode["children"]) => children is string;
|
24
24
|
export declare const isArrayChildren: (vn: VNode, children: VNode["children"]) => children is VNode[];
|
25
25
|
export declare const isSlotsChildren: (vn: VNode, children: VNode["children"]) => children is Slots;
|
26
|
+
export declare const isEmptyChildren: (children?: VNode[]) => boolean;
|
26
27
|
export declare const getAllElements: (children: VNode[] | undefined, includeText?: boolean) => VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
27
28
|
[key: string]: any;
|
28
29
|
}>[];
|