@v1nt1248/3nclient-lib 0.0.2 → 0.0.3
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/components/ui3n-button.vue.d.ts +67 -0
- package/dist/components/ui3n-drop-files.vue.d.ts +33 -0
- package/dist/components/ui3n-emoji.vue.d.ts +28 -0
- package/dist/components/ui3n-icon.vue.d.ts +76 -0
- package/dist/components/ui3n-input.vue.d.ts +76 -0
- package/dist/components/ui3n-notification.vue.d.ts +72 -0
- package/dist/components/ui3n-table-sort-icon.vue.d.ts +24 -0
- package/dist/components/ui3n-table.vue.d.ts +30 -0
- package/dist/components/ui3n-text.vue.d.ts +62 -0
- package/dist/constants/emoticons.d.ts +649 -0
- package/dist/constants/general.d.ts +2 -0
- package/dist/directives/ui3n-html.d.ts +6 -0
- package/dist/helpers/common.helpers.d.ts +3 -0
- package/dist/helpers/textarea-max-rows.d.ts +3 -0
- package/dist/helpers/ui.helpers.d.ts +13 -0
- package/dist/index.d.ts +18 -0
- package/dist/plugins/i18n.d.ts +18 -0
- package/dist/plugins/icons.d.ts +2 -0
- package/dist/plugins/notifications.d.ts +7 -0
- package/dist/plugins/store-i18n.d.ts +7 -0
- package/dist/plugins/store-vue-bus.d.ts +11 -0
- package/dist/plugins/vue-bus.d.ts +13 -0
- package/dist/style.css +1 -0
- package/dist/types.d.ts +57 -0
- package/dist/ui-3n-lib.js +12158 -0
- package/dist/ui-3n-lib.umd.cjs +72 -0
- package/package.json +1 -1
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { Plugin } from 'vue';
|
|
2
|
+
export interface I18nOptions {
|
|
3
|
+
lang: string;
|
|
4
|
+
messages: Record<string, Record<string, string>>;
|
|
5
|
+
}
|
|
6
|
+
export interface I18nPlugin {
|
|
7
|
+
$locale: string;
|
|
8
|
+
$tr: (key: string, placeholders?: Record<string, string>) => string;
|
|
9
|
+
$changeLocale: (lang: string) => void;
|
|
10
|
+
}
|
|
11
|
+
export declare const i18n: Plugin;
|
|
12
|
+
declare module '@vue/runtime-core' {
|
|
13
|
+
interface ComponentCustomProperties {
|
|
14
|
+
$locale: string;
|
|
15
|
+
$tr: (key: string, placeholders?: Record<string, string>) => string;
|
|
16
|
+
$changeLocale: (lang: string) => void;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
interface EventBus {
|
|
2
|
+
on: (type: string | symbol, handler: Function) => void;
|
|
3
|
+
off: (type: string | symbol, handler?: Function) => void;
|
|
4
|
+
emit: (type: string | symbol, args?: any) => void;
|
|
5
|
+
once: (type: string | symbol, handler: Function) => void;
|
|
6
|
+
clear: () => void;
|
|
7
|
+
}
|
|
8
|
+
export declare function storeVueBus(context: any): {
|
|
9
|
+
$emitter: EventBus;
|
|
10
|
+
};
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Plugin } from 'vue';
|
|
2
|
+
export declare const vueBus: Plugin;
|
|
3
|
+
declare module '@vue/runtime-core' {
|
|
4
|
+
interface ComponentCustomProperties {
|
|
5
|
+
$emitter: {
|
|
6
|
+
on: (type: string | symbol, handler: Function) => void;
|
|
7
|
+
off: (type: string | symbol, handler?: Function) => void;
|
|
8
|
+
emit: (type: string | symbol, arguments?: any) => void;
|
|
9
|
+
once: (type: string | symbol, handler: Function) => void;
|
|
10
|
+
clear: () => void;
|
|
11
|
+
};
|
|
12
|
+
}
|
|
13
|
+
}
|
package/dist/style.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.ui3n-emoji[data-v-a270b984]{--emoji-size: 16px;display:flex;width:var(--emoji-size);height:var(--emoji-size);justify-content:center;align-items:center;cursor:pointer}.ui3n-emoji--readonly[data-v-a270b984]{cursor:default}.ui3n-button[data-v-a83e1c4e]{--ui3n-button-text-size: 12px;--ui3n-button-text-height: 16px;--ui3n-button-text-color: var(--system-white, #fff);--ui3n-button-background: var(--blue-main, #0090ec);--ui3n-button-padding-vert: 8px;--ui3n-button-padding-horiz: 16px;display:flex;align-items:center;border:none;outline:none;padding:var(--ui3n-button-padding-vert) var(--ui3n-button-padding-horiz);border-radius:4px;background:var(--ui3n-button-background);font-size:var(--ui3n-button-text-size);line-height:var(--ui3n-button-text-height);font-weight:600;color:var(--ui3n-button-text-color);background-position:center;transition:background .5s ease-in-out}.ui3n-button--round[data-v-a83e1c4e]{--ui3n-button-padding-vert: 4px;--ui3n-button-padding-horiz: 4px;border-radius:50%}.ui3n-button--elevation[data-v-a83e1c4e]{box-shadow:#0003 0 3px 1px -2px #00000024 0 2px 2px 0 #0000001f 0 1px 5px 0}.ui3n-button[data-v-a83e1c4e]:not([disabled]){cursor:pointer}.ui3n-button[data-v-a83e1c4e]:not([disabled]):hover{background:var(--ui3n-button-background) radial-gradient(circle,transparent 1%,var(--ui3n-button-background) 1%) center/15000%}.ui3n-button:not([disabled]):hover .ui3n-button__icon[data-v-a83e1c4e],.ui3n-button:not([disabled]):hover .ui3n-button__text[data-v-a83e1c4e]{opacity:1}.ui3n-button[data-v-a83e1c4e]:not([disabled]):active{opacity:1;background-color:var(--gray-90, #444);background-size:100%;transition:background 0s}.ui3n-button__icon[data-v-a83e1c4e]{opacity:.85;transition:opacity .2s ease-in-out}.ui3n-button__text[data-v-a83e1c4e]{display:block;opacity:.85;transition:opacity .2s ease-in-out}.ui3n-button__text--margin[data-v-a83e1c4e]{margin-left:4px}.ui3n-button[disabled][data-v-a83e1c4e]{opacity:.7}.ui3n-input[data-v-670350df]{--ui3n-input-height: calc(var(--base-size, 8px) * 4);--ui3n-input-padding-left: var(--base-size, 8px);--ui3n-input-padding-right: var(--base-size, 8px);position:relative;width:100%}.ui3n-input__label[data-v-670350df]{display:block;width:100%;font-size:var(--font-12, 12px);font-weight:600;color:var(--black-90, #212121);margin-bottom:calc(var(--base-size, 8px) / 2)}.ui3n-input__input[data-v-670350df]{display:block;box-sizing:border-box;width:100%;position:relative;border:none;outline:none;height:var(--ui3n-input-height);padding:0 var(--ui3n-input-padding-right) 0 var(--ui3n-input-padding-left);border-radius:var(--half-size, 4px);background-color:var(--gray-50, #f2f2f2);font-size:var(--font-13, 13px);font-weight:400;line-height:1;color:var(--black-90, #212121)}.ui3n-input__input[data-v-670350df]::placeholder{color:var(--black-30, #b3b3b3);font-style:italic;font-size:var(--font-13, 13px);font-weight:400}.ui3n-input__input[data-v-670350df]:focus-within{background-color:var(--blue-main-20, #d8edfd)}.ui3n-input__icon[data-v-670350df]{position:absolute;left:var(--half-size, 4px);top:var(--base-size, 8px)}.ui3n-input__clear-btn[data-v-670350df]{position:absolute;right:0;top:var(--half-size, 4px)}.ui3n-input__error-text[data-v-670350df]{font-style:italic;font-size:var(--font-10, 10px);font-weight:400;line-height:1.5;color:var(--pear-100, #f75d53)}.ui3n-input--clearable[data-v-670350df]{--ui3n-input-padding-right: calc(var(--base-size, 8px) * 3)}.ui3n-input--with-icon[data-v-670350df]{--ui3n-input-padding-left: calc(var(--base-size, 8px) * 3)}.ui3n-input--error[data-v-670350df]{--ui3n-input-padding-left: calc(var(--base-size, 8px) - 1px);--ui3n-input-padding-right: calc(var(--base-size, 8px) - 1px)}.ui3n-input--error .ui3n-input__input[data-v-670350df]{border:1px solid var(--pear-100, #f75d53)}.ui3n-input--error.ui3n-input--clearable[data-v-670350df]{--ui3n-input-padding-right: calc(var(--base-size, 8px) * 2 - 1px)}.ui3n-input--error.ui3n-input--with-icon[data-v-670350df]{--ui3n-input-padding-left: calc(var(--base-size, 8px) * 2 - 1px)}.ui3n-input--disabled[data-v-670350df]{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.5}.ui3n-input--with-label .ui3n-input__icon[data-v-670350df]{top:calc(var(--base-size) * 3.5 + 1px)}.ui3n-input--with-label .ui3n-input__clear-btn[data-v-670350df]{top:calc(var(--base-size) * 3 + 1px)}.ui3n-text[data-v-3cb5a305]{position:relative;width:100%}.ui3n-text__label[data-v-3cb5a305]{display:block;width:100%;font-size:var(--font-12, 12px);font-weight:600;color:var(--black-90, #212121);margin-bottom:calc(var(--base-size, 8px) / 2)}.ui3n-text__body[data-v-3cb5a305]{position:relative;width:100%;padding:var(--base-size, 8px) 0;background-color:var(--gray-50, #f2f2f2);border-radius:4px}.ui3n-text__content[data-v-3cb5a305]{resize:none;display:block;box-sizing:border-box;position:relative;width:100%;border-radius:4px;background-color:var(--gray-50, #f2f2f2);padding:0 var(--base-size, 8px);font-family:OpenSans,sans-serif;font-size:var(--font-13, 13px);font-weight:400;line-height:var(--font-16, 16px);color:var(--black-90, #212121);border:none}.ui3n-text__content[data-v-3cb5a305]::placeholder{font-size:var(--font-13, 13px);font-weight:300;font-style:italic;color:var(--gray-90, #212121)}.ui3n-text--disabled[data-v-3cb5a305]{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.5}.ui3n-text--focused .ui3n-text__body[data-v-3cb5a305],.ui3n-text--focused .ui3n-text__content[data-v-3cb5a305]{background-color:var(--blue-main-20, #d8edfd);outline:none;border:none}.ui3n-drop-files[data-v-266b381f]{position:relative;width:100%;height:100%}.ui3n-drop-files__dropzone[data-v-266b381f]{position:absolute;background-color:var(--system-white, #fff);display:flex;flex-direction:column;justify-content:center;align-items:center;inset:var(--half-size, 4px) var(--base-size, 8px);border-radius:var(--base-size, 8px);z-index:5}.ui3n-drop-files__dropzone-border[data-v-266b381f]{position:absolute;width:calc(100% - var(--base-size, 8px) * 2);height:calc(100% - var(--base-size, 8px) * 2);top:var(--base-size, 8px);left:var(--base-size, 8px);border-radius:var(--base-size, 8px);border:2px dashed var(--gray-50, #f2f2f2);pointer-events:none}.ui3n-drop-files__dropzone-title[data-v-266b381f]{margin:0 0 24px;font-size:var(--font-24, 24px);font-weight:600;color:var(--black-30, #b3b3b3);pointer-events:none}.ui3n-drop-files__dropzone-icon[data-v-266b381f]{position:relative;width:160px;height:160px;border-radius:50%;background-color:var(--gray-50, #f2f2f2);display:flex;justify-content:center;align-items:center;pointer-events:none}.ui3n-drop-files__dropzone-text[data-v-266b381f]{margin-top:calc(var(--base-size, 8px) * 3);font-size:var(--font-12, 12px);line-height:var(--font-16, 16px);font-weight:400;color:var(--black-30, #b3b3b3)}.ui3n-drop-files__dropzone-additional[data-v-266b381f]{margin-top:var(--half-size, 4px);font-size:var(--font-12, 12px);font-weight:500;color:var(--black-90, #212121)}.ui3n-notification[data-v-971b182e]{display:flex;position:relative;z-index:5000;border-radius:var(--half-size, 4px);padding:var(--base-size, 8px);max-width:400px;margin-bottom:var(--base-size)}.ui3n-notification--with-icon[data-v-971b182e]{display:flex;justify-content:flex-start;align-items:center}.ui3n-notification--with-icon .ui3n-notification__content[data-v-971b182e]{padding-left:var(--base-size, 8px)}.ui3n-notification__content[data-v-971b182e]{position:relative;flex-grow:2;font-size:var(--font-13, 13px);font-weight:400;line-height:1.5;color:var(--system-white, #fff)}.ui3n-notification__close[data-v-971b182e]{position:absolute;z-index:1;top:0;right:0}.ui3n-notification--success[data-v-971b182e]{background-color:#10c48f}.ui3n-notification--warning[data-v-971b182e]{background-color:#f80}.ui3n-notification--info[data-v-971b182e]{background-color:#10afef}.ui3n-notification--error[data-v-971b182e]{background-color:#ef5350}.ui3n-notification--left[data-v-971b182e]{margin-left:0;margin-right:auto}.ui3n-notification--center[data-v-971b182e]{margin-left:auto;margin-right:auto}.ui3n-notification--right[data-v-971b182e]{margin-left:auto;margin-right:0}.ui3n-table[data-v-819d1664]{--table-header-height: 36px;--table-row-height: 28px;position:relative;width:100%;height:100%;overflow-x:hidden;overflow-y:auto}.ui3n-table__header[data-v-819d1664]{position:sticky;top:0;display:flex;width:100%;height:var(--table-header-height);justify-content:flex-start;align-items:center;padding:0 calc(var(--base-size) * 2);background-color:var(--gray-50)}.ui3n-table__header-cell[data-v-819d1664]{display:flex;justify-content:flex-start;align-items:center;font-size:var(--font-13);line-height:var(--font-18);font-weight:500;color:var(--black-90)}.ui3n-table__header-cell--sortable[data-v-819d1664]{cursor:pointer}.ui3n-table__header-text[data-v-819d1664]{display:block;position:relative;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ui3n-table__item[data-v-819d1664]{display:flex;width:100%;height:var(--table-row-height);justify-content:flex-start;align-items:center;padding:0 calc(var(--base-size) * 2) 0 calc(var(--base-size) * 5);cursor:pointer;border-bottom:1px solid var(--gray-50)}.ui3n-table__item-bookmark[data-v-819d1664],.ui3n-table__item-rename[data-v-819d1664]{display:none;position:absolute;z-index:1;color:var(--black-30)}.ui3n-table__item-bookmark[data-v-819d1664]{left:2px}.ui3n-table__item-rename[data-v-819d1664]{right:calc(var(--base-size) * 13 + 24px)}.ui3n-table__item-icon[data-v-819d1664]{position:absolute;left:calc(var(--base-size) * 2);color:var(--black-30);pointer-events:none}.ui3n-table__item-cell[data-v-819d1664]{position:relative;font-weight:400;pointer-events:none}.ui3n-table__item[data-v-819d1664]:hover{background-color:var(--blue-main-30)}.ui3n-table__item:hover .ui3n-table__item-bookmark[data-v-819d1664],.ui3n-table__item:hover .ui3n-table__item-rename[data-v-819d1664]{display:block}.ui3n-table__item:hover .ui3n-table__item-icon[data-v-819d1664]{color:var(--blue-main)}.ui3n-table__name[data-v-819d1664]{flex:1 0}.ui3n-table__name.ui3n-table__item-cell[data-v-819d1664]{font-size:var(--font-12)}.ui3n-table__type[data-v-819d1664]{width:calc(var(--base-size) * 7);text-align:center}.ui3n-table__type.ui3n-table__item-cell[data-v-819d1664]{font-size:var(--font-10)}.ui3n-table__changedAt[data-v-819d1664]{width:calc(var(--base-size) * 13)}.ui3n-table__changedAt.ui3n-table__item-cell[data-v-819d1664]{font-size:var(--font-11)}.ui3n-table__empty[data-v-819d1664]{font-size:var(--font-20);font-style:italic;color:var(--black-30);text-align:center;padding-top:calc(var(--base-size) * 10)}
|
package/dist/types.d.ts
ADDED
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import 'pinia';
|
|
2
|
+
import type Ui3nIcon from './components/ui3n-icon.vue';
|
|
3
|
+
import type Ui3nButton from './components/ui3n-button.vue';
|
|
4
|
+
import type Ui3nEmoji from './components/ui3n-emoji.vue';
|
|
5
|
+
import type Ui3nDropFiles from './components/ui3n-drop-files.vue';
|
|
6
|
+
import type Ui3nInput from './components/ui3n-input.vue';
|
|
7
|
+
import type Ui3nText from './components/ui3n-text.vue';
|
|
8
|
+
import type Ui3nNotification from './components/ui3n-notification.vue';
|
|
9
|
+
import type Ui3nTableSortIcon from './components/ui3n-table-sort-icon.vue';
|
|
10
|
+
import type Ui3nTable from './components/ui3n-table.vue';
|
|
11
|
+
import type Ui3nHtml from './directives/ui3n-html';
|
|
12
|
+
export * from "./index";
|
|
13
|
+
declare module 'vue' {
|
|
14
|
+
interface GlobalComponents {
|
|
15
|
+
Ui3nIcon: typeof Ui3nIcon;
|
|
16
|
+
Ui3nButton: typeof Ui3nButton;
|
|
17
|
+
Ui3nEmoji: typeof Ui3nEmoji;
|
|
18
|
+
Ui3nDropFiles: typeof Ui3nDropFiles;
|
|
19
|
+
Ui3nInput: typeof Ui3nInput;
|
|
20
|
+
Ui3nText: typeof Ui3nText;
|
|
21
|
+
Ui3nNotification: typeof Ui3nNotification;
|
|
22
|
+
Ui3nTableSortIcon: typeof Ui3nTableSortIcon;
|
|
23
|
+
Ui3nTable: typeof Ui3nTable;
|
|
24
|
+
}
|
|
25
|
+
interface GlobalDirectives {
|
|
26
|
+
Ui3nHtml: typeof Ui3nHtml;
|
|
27
|
+
}
|
|
28
|
+
interface ComponentCustomProperties {
|
|
29
|
+
$createNotice: (params: Ui3nNotificationProps) => void;
|
|
30
|
+
$locale: string;
|
|
31
|
+
$tr: (key: string, placeholders?: Record<string, string>) => string;
|
|
32
|
+
$changeLocale: (lang: string) => void;
|
|
33
|
+
$emitter: {
|
|
34
|
+
on: (type: string | symbol, handler: Function) => void;
|
|
35
|
+
off: (type: string | symbol, handler?: Function) => void;
|
|
36
|
+
emit: (type: string | symbol, arguments?: any) => void;
|
|
37
|
+
once: (type: string | symbol, handler: Function) => void;
|
|
38
|
+
clear: () => void;
|
|
39
|
+
};
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
declare module 'pinia' {
|
|
43
|
+
interface PiniaCustomProperties {
|
|
44
|
+
$emitter: {
|
|
45
|
+
on: (type: string | symbol, handler: Function) => void;
|
|
46
|
+
off: (type: string | symbol, handler?: Function) => void;
|
|
47
|
+
emit: (type: string | symbol, arguments?: any) => void;
|
|
48
|
+
once: (type: string | symbol, handler: Function) => void;
|
|
49
|
+
clear: () => void;
|
|
50
|
+
};
|
|
51
|
+
$i18n: {
|
|
52
|
+
locale: string;
|
|
53
|
+
changeLocale: (lang: string) => void;
|
|
54
|
+
tr: (key: string, placeholders?: Record<string, string>) => string;
|
|
55
|
+
};
|
|
56
|
+
}
|
|
57
|
+
}
|