@v1nt1248/3nclient-lib 0.1.10 → 0.1.12
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 +11 -12
- package/dist/components/types/index.d.ts +3 -0
- package/dist/components/ui3n-dialog/types.d.ts +3 -3
- package/dist/components/ui3n-dialog/ui3n-dialog.vue.d.ts +30 -25
- package/dist/demo/constants.d.ts +1 -0
- package/dist/index.d.ts +4 -2
- package/dist/plugins/dialogs/dialogs.d.ts +1 -1
- package/dist/plugins/dialogs/store-dialogs.d.ts +2 -1
- package/dist/plugins/dialogs/types.d.ts +2 -2
- package/dist/plugins/index.d.ts +1 -2
- package/dist/style.css +1 -1
- package/dist/ui3n-components.d.ts +1 -0
- package/dist/ui3n-components.js +114 -109
- package/dist/ui3n-plugins.d.ts +4 -4
- package/dist/ui3n-plugins.js +3618 -3854
- package/package.json +2 -1
- package/src/components/types/index.ts +5 -0
- package/src/components/ui3n-dialog/types.ts +3 -3
- package/src/components/ui3n-dialog/ui3n-dialog.vue +19 -22
- package/src/components/ui3n-icon/ui3n-icon.vue +9 -6
- package/src/components/ui3n-input/ui3n-input.vue +1 -1
- package/src/components/ui3n-notification/ui3n-notification.vue +4 -4
- package/src/components/ui3n-table/ui3n-table-sort-icon.vue +2 -2
- package/dist/plugins/icons/icons.d.ts +0 -2
package/README.md
CHANGED
|
@@ -13,24 +13,24 @@ You can run the project as `pnpm dev` or `npm run dev` if you don't want to use
|
|
|
13
13
|
- Ui3nButton
|
|
14
14
|
- Ui3nCheckbox
|
|
15
15
|
- Ui3nChip
|
|
16
|
+
- Ui3nDialog
|
|
17
|
+
- Ui3nDroopFiles
|
|
18
|
+
- Ui3nEmoji
|
|
16
19
|
- Ui3nIcon
|
|
17
20
|
- Ui3nInput
|
|
18
|
-
- Ui3nText
|
|
19
|
-
- Ui3nEmoji
|
|
20
|
-
- Ui3nMenu
|
|
21
|
-
- Ui3nDroopFiles
|
|
22
21
|
- Ui3nList
|
|
23
|
-
-
|
|
22
|
+
- Ui3nMenu
|
|
24
23
|
- Ui3nNotification
|
|
25
|
-
- Ui3nDialog
|
|
26
|
-
- Ui3nSwitch
|
|
27
|
-
- Ui3nStepLineBar
|
|
28
|
-
- Ui3nProgressLinear
|
|
29
24
|
- Ui3nProgressCircular
|
|
30
|
-
-
|
|
31
|
-
-
|
|
25
|
+
- Ui3nProgressLinear
|
|
26
|
+
- Ui3nStepLineBar
|
|
27
|
+
- Ui3nSwitch
|
|
32
28
|
- Ui3nTableSortIcon
|
|
33
29
|
- Ui3nTable
|
|
30
|
+
- Ui3nTabs
|
|
31
|
+
- Ui3nText
|
|
32
|
+
- Ui3nTooltip
|
|
33
|
+
- Ui3nVirtualScroll
|
|
34
34
|
|
|
35
35
|
## Directives
|
|
36
36
|
- Ui3nHtml
|
|
@@ -38,7 +38,6 @@ You can run the project as `pnpm dev` or `npm run dev` if you don't want to use
|
|
|
38
38
|
- Ui3nResize
|
|
39
39
|
|
|
40
40
|
## Plugins
|
|
41
|
-
- icons
|
|
42
41
|
- i18n
|
|
43
42
|
- dialogs
|
|
44
43
|
- notifications
|
|
@@ -21,9 +21,9 @@ export interface Ui3nDialogProps {
|
|
|
21
21
|
cancelButtonBackground?: string;
|
|
22
22
|
closeOnClickOverlay?: boolean;
|
|
23
23
|
}
|
|
24
|
-
export interface Ui3nDialogComponentProps {
|
|
25
|
-
component:
|
|
26
|
-
componentProps?:
|
|
24
|
+
export interface Ui3nDialogComponentProps<T extends Component, P extends Record<string, unknown>> {
|
|
25
|
+
component: T;
|
|
26
|
+
componentProps?: P;
|
|
27
27
|
dialogProps?: Ui3nDialogProps;
|
|
28
28
|
}
|
|
29
29
|
export interface Ui3nDialogComponentEmits {
|
|
@@ -1,26 +1,31 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
1
|
+
import { Component } from 'vue';
|
|
2
|
+
import { Ui3nDialogComponentProps, Ui3nDialogComponentEmits } from './types';
|
|
3
|
+
declare const _default: <T extends Component, P extends Record<string, unknown>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_Prettify<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
4
|
+
props: __VLS_Prettify<Pick<Partial<{}> & Omit<{
|
|
5
|
+
onClose?: ((value?: any) => any) | undefined;
|
|
6
|
+
onCancel?: ((value?: any) => any) | undefined;
|
|
7
|
+
onOpen?: ((value?: any) => any) | undefined;
|
|
8
|
+
"onBefore-close"?: ((value?: any) => any) | undefined;
|
|
9
|
+
onConfirm?: ((value?: any) => any) | undefined;
|
|
10
|
+
"onClick-overlay"?: ((value?: any) => any) | undefined;
|
|
11
|
+
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{}>> & {
|
|
12
|
+
onClose?: ((value?: any) => any) | undefined;
|
|
13
|
+
onCancel?: ((value?: any) => any) | undefined;
|
|
14
|
+
onOpen?: ((value?: any) => any) | undefined;
|
|
15
|
+
"onBefore-close"?: ((value?: any) => any) | undefined;
|
|
16
|
+
onConfirm?: ((value?: any) => any) | undefined;
|
|
17
|
+
"onClick-overlay"?: ((value?: any) => any) | undefined;
|
|
18
|
+
}, never>, "onClose" | "onCancel" | "onOpen" | "onBefore-close" | "onConfirm" | "onClick-overlay"> & Ui3nDialogComponentProps<T, P>> & import('vue').PublicProps;
|
|
19
|
+
expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
|
|
20
|
+
attrs: any;
|
|
21
|
+
slots: ReturnType<() => {}>;
|
|
22
|
+
emit: Ui3nDialogComponentEmits & {};
|
|
23
|
+
}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
24
|
+
[key: string]: any;
|
|
25
|
+
}> & {
|
|
26
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
26
27
|
};
|
|
28
|
+
export default _default;
|
|
29
|
+
type __VLS_Prettify<T> = {
|
|
30
|
+
[K in keyof T]: T[K];
|
|
31
|
+
} & {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const iconList: string[];
|
package/dist/index.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { Component } from 'vue';
|
|
1
2
|
import { default as Ui3nButton } from './components/ui3n-button/ui3n-button.vue';
|
|
2
3
|
import { default as Ui3nChip } from './components/ui3n-chip/ui3n-chip.vue';
|
|
3
4
|
import { default as Ui3nCheckbox } from './components/ui3n-checkbox/ui3n-checkbox.vue';
|
|
@@ -33,9 +34,10 @@ export * from './utils';
|
|
|
33
34
|
export * from './plugins';
|
|
34
35
|
export * from './directives';
|
|
35
36
|
export * from './components';
|
|
37
|
+
export * from './components/types';
|
|
36
38
|
declare module 'vue' {
|
|
37
39
|
interface ComponentCustomProperties {
|
|
38
|
-
$openDialog: (params: Ui3nDialogComponentProps) => DialogInstance | undefined;
|
|
40
|
+
$openDialog: <T extends Component, P extends Record<string, unknown>>(params: Ui3nDialogComponentProps<T, P>) => DialogInstance | undefined;
|
|
39
41
|
$createNotice: (params: Ui3nNotificationProps) => void;
|
|
40
42
|
$locale: string;
|
|
41
43
|
$tr: (key: string, placeholders?: Record<string, string>) => string;
|
|
@@ -75,7 +77,7 @@ declare module 'vue' {
|
|
|
75
77
|
}
|
|
76
78
|
declare module 'pinia' {
|
|
77
79
|
interface PiniaCustomProperties {
|
|
78
|
-
$openDialog: (params: Ui3nDialogComponentProps) => DialogInstance | undefined;
|
|
80
|
+
$openDialog: <T extends Component, P extends Record<string, unknown>>(params: Ui3nDialogComponentProps<T, P>) => DialogInstance | undefined;
|
|
79
81
|
$createNotice: (params: Ui3nNotificationProps) => void;
|
|
80
82
|
$emitter: {
|
|
81
83
|
on: (type: string | symbol, handler: CbFunction) => void;
|
|
@@ -4,6 +4,6 @@ import { DialogInstance } from './types';
|
|
|
4
4
|
export declare const dialogs: Plugin;
|
|
5
5
|
declare module '@vue/runtime-core' {
|
|
6
6
|
interface ComponentCustomProperties {
|
|
7
|
-
$openDialog: (params: Ui3nDialogComponentProps) => DialogInstance | undefined;
|
|
7
|
+
$openDialog: <T extends Component, P extends Record<string, unknown>>(params: Ui3nDialogComponentProps<T, P>) => DialogInstance | undefined;
|
|
8
8
|
}
|
|
9
9
|
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
+
import { Component } from 'vue';
|
|
1
2
|
import { Ui3nDialogComponentProps } from '../../components/ui3n-dialog/types';
|
|
2
3
|
export declare function storeDialogs(context: any): {
|
|
3
|
-
$openDialog: (params: Ui3nDialogComponentProps) => void;
|
|
4
|
+
$openDialog: <T extends Component, P extends Record<string, unknown>>(params: Ui3nDialogComponentProps<T, P>) => void;
|
|
4
5
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { InjectionKey, VNode } from 'vue';
|
|
1
|
+
import { Component, InjectionKey, VNode } from 'vue';
|
|
2
2
|
import { Ui3nDialogComponentProps } from '../../components/ui3n-dialog/types';
|
|
3
3
|
export type DialogInstance = {
|
|
4
4
|
id: string;
|
|
@@ -7,6 +7,6 @@ export type DialogInstance = {
|
|
|
7
7
|
destroy: () => void;
|
|
8
8
|
};
|
|
9
9
|
export interface DialogsPlugin {
|
|
10
|
-
$openDialog: (params: Ui3nDialogComponentProps) => DialogInstance | undefined;
|
|
10
|
+
$openDialog: <T extends Component, P extends Record<string, unknown>>(params: Ui3nDialogComponentProps<T, P>) => DialogInstance | undefined;
|
|
11
11
|
}
|
|
12
12
|
export declare const DIALOGS_KEY: InjectionKey<DialogsPlugin>;
|
package/dist/plugins/index.d.ts
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { i18n } from './i18n/i18n';
|
|
2
2
|
import { I18N_KEY, I18nOptions, I18nPlugin } from './i18n/types';
|
|
3
|
-
import { useIcons } from './icons/icons';
|
|
4
3
|
import { notifications } from './notifications/notifications';
|
|
5
4
|
import { NOTIFICATIONS_KEY, NotificationsPlugin } from './notifications/types';
|
|
6
5
|
import { vueBus } from './vue-bus/vue-bus';
|
|
@@ -11,4 +10,4 @@ import { storeI18n } from './i18n/store-i18n';
|
|
|
11
10
|
import { storeNotifications } from './notifications/store-notifications';
|
|
12
11
|
import { storeVueBus } from './vue-bus/store-vue-bus';
|
|
13
12
|
import { storeDialogs } from './dialogs/store-dialogs';
|
|
14
|
-
export { i18n, I18nOptions, I18nPlugin, I18N_KEY,
|
|
13
|
+
export { i18n, I18nOptions, I18nPlugin, I18N_KEY, notifications, NotificationsPlugin, NOTIFICATIONS_KEY, vueBus, VueBusPlugin, VUEBUS_KEY, dialogs, DialogsPlugin, DIALOGS_KEY, storeI18n, storeNotifications, storeVueBus, storeDialogs, };
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._icon_vksh7_1{min-width:var(--
|
|
1
|
+
._icon_vksh7_1{min-width:var(--37ef7ada);min-height:var(--a79e32da);flex-grow:0;flex-shrink:0}._button_1ja11_1{--ui3n-button-padding: var(--spacing-m);--ui3n-button-text-size: var(--font-12);--ui3n-button-text-color-custom: var(--color-text-button-primary-default);--ui3n-button-bg-color-custom: var(--color-bg-button-primary-default);display:flex;justify-content:center;align-items:center;gap:var(--spacing-s);border:none;outline:none;border-radius:var(--spacing-xs);font-size:var(--ui3n-button-text-size);font-weight:600;line-height:calc(var(--ui3n-button-text-size) * 1.25);-webkit-user-select:none;user-select:none}._regular_1ja11_19{height:var(--spacing-l);padding:0 var(--spacing-m)}._regular_1ja11_19._withIcon-left_1ja11_23{padding-left:var(--spacing-s)}._regular_1ja11_19._withIcon-right_1ja11_26{padding-right:var(--spacing-s)}._small_1ja11_30{height:var(--spacing-ml);padding:0 var(--spacing-s)}._small_1ja11_30._withIcon-left_1ja11_23{padding-left:var(--spacing-xs)}._small_1ja11_30._withIcon-right_1ja11_26{padding-right:var(--spacing-xs)}._block_1ja11_41{width:100%}._primary_1ja11_45{background:var(--color-bg-button-primary-default);color:var(--color-text-button-primary-default)}._primary_1ja11_45:hover{background:var(--color-bg-button-primary-hover);color:var(--color-text-button-primary-hover);background-position:center;transition:background .35s ease-in-out}._primary_1ja11_45:hover:not([disabled]){cursor:pointer}._primary_1ja11_45:hover:not([disabled]):hover{background:var(--color-bg-button-primary-hover) radial-gradient(circle,transparent 1%,var(--color-bg-button-primary-hover) 1%) center/15000%}._primary_1ja11_45:hover:not([disabled]):active{opacity:1;background-color:var(--grey-20);background-size:100%;transition:background 0s}._primary_1ja11_45[disabled]{background:var(--color-bg-button-primary-disabled);color:var(--color-text-button-primary-disabled);pointer-events:none}._secondary_1ja11_73{background:var(--color-bg-button-secondary-default);color:var(--color-text-button-secondary-default)}._secondary_1ja11_73:hover{background:var(--color-bg-button-secondary-hover);color:var(--color-text-button-secondary-hover);background-position:center;transition:background .35s ease-in-out}._secondary_1ja11_73:hover:not([disabled]){cursor:pointer}._secondary_1ja11_73:hover:not([disabled]):hover{background:var(--color-bg-button-secondary-hover) radial-gradient(circle,transparent 1%,var(--color-bg-button-secondary-hover) 1%) center/15000%}._secondary_1ja11_73:hover:not([disabled]):active{opacity:1;background-color:var(--grey-20);background-size:100%;transition:background 0s}._secondary_1ja11_73[disabled]{background:var(--color-bg-button-secondary-disabled);color:var(--color-text-button-secondary-disabled);pointer-events:none}._tertiary_1ja11_101{background:transparent;color:var(--color-text-button-secondary-default);padding:0}._tertiary_1ja11_101:hover{background:transparent;color:var(--color-text-button-secondary-hover);text-decoration:underline;cursor:pointer}._tertiary_1ja11_101[disabled]{background:transparent;color:var(--color-text-button-secondary-disabled);pointer-events:none}._icon_1ja11_118{--ui3n-button-icon-bg-color: hsl(from var(--ui3n-button-bg-color-custom) h s calc(l - 10) );background:var(--ui3n-button-bg-color-custom);color:var(--ui3n-button-text-color-custom);border-radius:50%}._icon_1ja11_118._regular_1ja11_19{min-width:var(--spacing-l);width:var(--spacing-l);padding:0}._icon_1ja11_118._small_1ja11_30{min-width:var(--spacing-ml);width:var(--spacing-ml);padding:0}._icon_1ja11_118:hover{background:var(--ui3n-button-icon-bg-color);background-position:center;transition:background .35s ease-in-out}._icon_1ja11_118:hover:not([disabled]){cursor:pointer}._icon_1ja11_118:hover:not([disabled]):hover{background:var(--ui3n-button-icon-bg-color) radial-gradient(circle,transparent 1%,var(--ui3n-button-icon-bg-color) 1%) center/15000%}._icon_1ja11_118:hover:not([disabled]):active{opacity:1;background-color:var(--grey-20);background-size:100%;transition:background 0s}._icon_1ja11_118[disabled]{opacity:.7;pointer-events:none}._custom_1ja11_156{--ui3n-button-custom-bg-color: hsl(from var(--ui3n-button-bg-color-custom) h s calc(l - 10) );background:var(--ui3n-button-bg-color-custom);color:var(--ui3n-button-text-color-custom)}._custom_1ja11_156:hover{background:var(--ui3n-button-custom-bg-color);background-position:center;transition:background .35s ease-in-out}._custom_1ja11_156:hover:not([disabled]){cursor:pointer}._custom_1ja11_156:hover:not([disabled]):hover{background:var(--ui3n-button-custom-bg-color) radial-gradient(circle,transparent 1%,var(--ui3n-button-custom-bg-color) 1%) center/15000%}._custom_1ja11_156:hover:not([disabled]):active{opacity:1;background-color:var(--grey-20);background-size:100%;transition:background 0s}._custom_1ja11_156[disabled]{opacity:.7;pointer-events:none}._withIcon-left_1ja11_23{flex-direction:row}._withIcon-right_1ja11_26{flex-direction:row-reverse}._buttonIcon_1ja11_191,._text_1ja11_192{pointer-events:none}._elevation_1ja11_196{box-shadow:0 2px 1px -1px var(--shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 1px 1px 0 var(--shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 1px 3px 0 var(--shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}._notification_1gl9l_1{--ui3n-notification-width: 380px;display:flex;position:relative;z-index:5000;border-radius:var(--spacing-s);outline:1px solid var(--color-border-control-tritery-default);padding:var(--spacing-m);max-width:var(--ui3n-notification-width);margin-bottom:var(--spacing-s);justify-content:center;align-items:center;gap:var(--spacing-s)}._withIcon_1gl9l_16{justify-content:flex-start}._icon_1gl9l_20{position:relative;min-width:var(--spacing-l);width:var(--spacing-l);min-height:var(--spacing-l);height:var(--spacing-l);border-radius:50%;display:flex;justify-content:center;align-items:center}._content_1gl9l_32{position:relative;flex-grow:2;font-size:var(--font-12);font-weight:500;line-height:var(--font-16)}._closeBtn_1gl9l_40{position:absolute;z-index:1;top:0;right:0}._infoType_1gl9l_47{background-color:var(--info-fill-default)}._infoType_1gl9l_47 ._icon_1gl9l_20{background-color:var(--info-content-default)}._infoType_1gl9l_47 ._content_1gl9l_32{color:var(--info-content-default)}._successType_1gl9l_57{background-color:var(--success-fill-default)}._successType_1gl9l_57 ._icon_1gl9l_20{background-color:var(--success-content-default)}._successType_1gl9l_57 ._content_1gl9l_32{color:var(--success-content-default)}._warningType_1gl9l_67{background-color:var(--warning-fill-default)}._warningType_1gl9l_67 ._icon_1gl9l_20{background-color:var(--warning-content-default)}._warningType_1gl9l_67 ._content_1gl9l_32{color:var(--warning-content-default)}._errorType_1gl9l_77{background-color:var(--error-fill-default)}._errorType_1gl9l_77 ._icon_1gl9l_20{background-color:var(--error-content-default)}._errorType_1gl9l_77 ._content_1gl9l_32{color:var(--error-content-default)}._leftPosition_1gl9l_87{margin-left:0;margin-right:auto}._centerPosition_1gl9l_92{margin-left:auto;margin-right:auto}._rightPosition_1gl9l_97{margin-left:auto;margin-right:0}._overlay_1g9mf_1{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;background-color:#0006}._dialog_1g9mf_11{--dialog-border-radius: 8px;--dialog-title-padding: 16px 32px 16px 16px;--dialog-title-font-size: 14px;--dialog-actions-padding: 16px;--dialog-confirm-button-color: var(--color-text-button-primary-default);--dialog-cancel-button-color: var(--color-text-button-secondary-default);--dialog-confirm-background-color: var(--color-bg-button-primary-default);--dialog-cancel-background-color: var(--color-bg-button-secondary-default);position:relative;display:flex;flex-direction:column;height:auto;max-height:95%;background-color:var(--color-bg-block-primary-default);border-radius:var(--dialog-border-radius);outline:none;box-shadow:0 2px 1px -1px var(--shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 1px 1px 0 var(--shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 1px 3px 0 var(--shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}._title_1g9mf_31{position:relative;width:100%;height:calc(var(--spacing-m) * 3);display:flex;justify-content:flex-start;align-items:center;padding:var(--dialog-title-padding);font-size:var(--dialog-title-font-size);font-weight:600;line-height:1.2;color:var(--color-text-control-primary-default);border-bottom:1px solid var(--color-border-block-primary-default);max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._closeBtn_1g9mf_50{position:absolute;right:4px;top:12px}._content_1g9mf_56{flex-grow:2;overflow-y:auto}._actions_1g9mf_61{padding:var(--dialog-actions-padding);display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-s)}._bothBtns_1g9mf_69{margin-left:var(--spacing-s)}
|
|
@@ -27,6 +27,7 @@ import { default as Ui3nClickOutside } from './directives/ui3n-click-outside';
|
|
|
27
27
|
import { default as Ui3nResize } from './directives/ui3n-resize';
|
|
28
28
|
export * from './directives';
|
|
29
29
|
export * from './components';
|
|
30
|
+
export * from './components/types';
|
|
30
31
|
declare module 'vue' {
|
|
31
32
|
interface GlobalComponents {
|
|
32
33
|
Ui3nBadge: typeof Ui3nBadge;
|