@soroka282/migrant.ui-kit 0.0.5
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/.editorconfig +18 -0
- package/.eslintignore +5 -0
- package/.eslintrc.cjs +51 -0
- package/.nvmrc +1 -0
- package/.prettierrc +10 -0
- package/.storybook/common.scss +4 -0
- package/.storybook/main.ts +23 -0
- package/.storybook/preview.ts +25 -0
- package/.stylelintignore +6 -0
- package/.stylelintrc.cjs +54 -0
- package/README.md +5 -0
- package/dist/App.vue.d.ts +2 -0
- package/dist/components/UI/button/UIButton.stories.d.ts +86 -0
- package/dist/components/UI/button/UIButton.vue.d.ts +33 -0
- package/dist/components/UI/card/UICard.stories.d.ts +63 -0
- package/dist/components/UI/card/UICard.vue.d.ts +25 -0
- package/dist/components/UI/inputs/BaseMaskedInput.vue.d.ts +24 -0
- package/dist/components/UI/inputs/UIInput.stories.d.ts +36 -0
- package/dist/components/UI/inputs/UIInput.vue.d.ts +33 -0
- package/dist/components/UI/loader/UILoader.stories.d.ts +18 -0
- package/dist/components/UI/loader/UILoader.vue.d.ts +12 -0
- package/dist/components/UI/modal/UIModal.stories.d.ts +5 -0
- package/dist/components/UI/modal/UIModal.vue.d.ts +19 -0
- package/dist/components/UI/modal/UIModalContainer.vue.d.ts +2 -0
- package/dist/components/UI/swiper/UISwiper.stories.d.ts +35 -0
- package/dist/components/UI/swiper/UISwiper.vue.d.ts +16 -0
- package/dist/components/index.d.ts +8 -0
- package/dist/composables/index.d.ts +2 -0
- package/dist/composables/useIframeHandlers.d.ts +16 -0
- package/dist/composables/useRequestHandler.d.ts +15 -0
- package/dist/constants/index.d.ts +1 -0
- package/dist/constants/ui-color.constant.d.ts +15 -0
- package/dist/main.d.ts +0 -0
- package/dist/migrant.ui-kit.es.d.ts +1 -0
- package/dist/migrant.ui-kit.es.ts +4172 -0
- package/dist/migrant.ui-kit.umd.ts +13 -0
- package/dist/plugins/formatter.d.ts +5 -0
- package/dist/plugins/plural-endings.d.ts +5 -0
- package/dist/store/index.d.ts +1 -0
- package/dist/store/modal.store.d.ts +831 -0
- package/dist/style.css +1 -0
- package/dist/types/UI/ui-color.type.d.ts +18 -0
- package/dist/types/UI/ui-input.type.d.ts +59 -0
- package/dist/types/UI/ui-modal.type.d.ts +7 -0
- package/dist/types/UI/ui-size.type.d.ts +7 -0
- package/dist/types/common.type.d.ts +2 -0
- package/dist/types/index.d.ts +6 -0
- package/dist/types/plugin.type.d.ts +6 -0
- package/dist/utils/debounce.util.d.ts +2 -0
- package/dist/utils/index.d.ts +1 -0
- package/dist/vite.svg +1 -0
- package/index.html +13 -0
- package/package.json +65 -0
- package/postcss-sorting.config.cjs +32 -0
- package/postcss-sorting.config.cts +30 -0
- package/public/vite.svg +1 -0
- package/src/App.vue +5 -0
- package/src/App.vue.d.ts +23 -0
- package/src/assets/scss/common/swiper.scss +20 -0
- package/src/assets/scss/common/variables.scss +15 -0
- package/src/assets/scss/index.scss +10 -0
- package/src/assets/scss/mixins/flex.minix.scss +7 -0
- package/src/assets/scss/mixins/identation.mixin.scss +17 -0
- package/src/assets/scss/mixins/index.mixin.scss +3 -0
- package/src/assets/scss/mixins/typograph.mixin.scss +5 -0
- package/src/components/UI/button/UIButton.stories.js +57 -0
- package/src/components/UI/button/UIButton.stories.ts +60 -0
- package/src/components/UI/button/UIButton.vue +118 -0
- package/src/components/UI/button/UIButton.vue.js +94 -0
- package/src/components/UI/card/UICard.stories.js +54 -0
- package/src/components/UI/card/UICard.stories.ts +57 -0
- package/src/components/UI/card/UICard.vue +52 -0
- package/src/components/UI/card/UICard.vue.js +59 -0
- package/src/components/UI/inputs/BaseMaskedInput.vue +101 -0
- package/src/components/UI/inputs/BaseMaskedInput.vue.js +100 -0
- package/src/components/UI/inputs/UIInput.stories.js +89 -0
- package/src/components/UI/inputs/UIInput.stories.ts +92 -0
- package/src/components/UI/inputs/UIInput.vue +184 -0
- package/src/components/UI/inputs/UIInput.vue.js +206 -0
- package/src/components/UI/loader/UILoader.stories.js +28 -0
- package/src/components/UI/loader/UILoader.stories.ts +31 -0
- package/src/components/UI/loader/UILoader.vue +76 -0
- package/src/components/UI/loader/UILoader.vue.js +47 -0
- package/src/components/UI/modal/UIModal.stories.js +34 -0
- package/src/components/UI/modal/UIModal.stories.ts +39 -0
- package/src/components/UI/modal/UIModal.vue +254 -0
- package/src/components/UI/modal/UIModal.vue.js +141 -0
- package/src/components/UI/modal/UIModalContainer.vue +20 -0
- package/src/components/UI/modal/UIModalContainer.vue.js +44 -0
- package/src/components/UI/swiper/UISwiper.stories.js +30 -0
- package/src/components/UI/swiper/UISwiper.stories.ts +33 -0
- package/src/components/UI/swiper/UISwiper.vue +47 -0
- package/src/components/UI/swiper/UISwiper.vue.js +82 -0
- package/src/components/index.js +8 -0
- package/src/components/index.ts +9 -0
- package/src/composables/index.js +2 -0
- package/src/composables/index.ts +2 -0
- package/src/composables/useIframeHandlers.js +43 -0
- package/src/composables/useIframeHandlers.ts +52 -0
- package/src/composables/useRequestHandler.js +24 -0
- package/src/composables/useRequestHandler.ts +49 -0
- package/src/constants/index.js +1 -0
- package/src/constants/index.ts +1 -0
- package/src/constants/ui-color.constant.js +16 -0
- package/src/constants/ui-color.constant.ts +19 -0
- package/src/main.js +9 -0
- package/src/main.ts +12 -0
- package/src/plugins/formatter.js +118 -0
- package/src/plugins/formatter.ts +136 -0
- package/src/plugins/plural-endings.js +15 -0
- package/src/plugins/plural-endings.ts +19 -0
- package/src/store/index.js +1 -0
- package/src/store/index.ts +1 -0
- package/src/store/modal.store.js +36 -0
- package/src/store/modal.store.ts +76 -0
- package/src/style.css +79 -0
- package/src/types/UI/ui-color.type.js +16 -0
- package/src/types/UI/ui-color.type.ts +22 -0
- package/src/types/UI/ui-input.type.js +41 -0
- package/src/types/UI/ui-input.type.ts +63 -0
- package/src/types/UI/ui-modal.type.js +8 -0
- package/src/types/UI/ui-modal.type.ts +7 -0
- package/src/types/UI/ui-size.type.js +8 -0
- package/src/types/UI/ui-size.type.ts +7 -0
- package/src/types/common.type.js +1 -0
- package/src/types/common.type.ts +2 -0
- package/src/types/index.js +6 -0
- package/src/types/index.ts +6 -0
- package/src/types/plugin.type.js +1 -0
- package/src/types/plugin.type.ts +6 -0
- package/src/utils/debounce.util.js +7 -0
- package/src/utils/debounce.util.ts +7 -0
- package/src/utils/index.js +1 -0
- package/src/utils/index.ts +1 -0
- package/tsconfig.json +18 -0
- package/tsconfig.tsbuildinfo +1 -0
- package/vite-env.d.ts +7 -0
- package/vite.config.js +33 -0
- package/vite.config.js.timestamp-1753347662244-f753ce7e4747b.mjs +38 -0
- package/vite.config.ts +41 -0
package/.editorconfig
ADDED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
root = true
|
|
2
|
+
|
|
3
|
+
[*]
|
|
4
|
+
charset = utf-8
|
|
5
|
+
end_of_line = lf
|
|
6
|
+
indent_size = 4
|
|
7
|
+
indent_style = space
|
|
8
|
+
insert_final_newline = true
|
|
9
|
+
trim_trailing_whitespace = true
|
|
10
|
+
|
|
11
|
+
[*.md]
|
|
12
|
+
trim_trailing_whitespace = false
|
|
13
|
+
|
|
14
|
+
[*.{yml,yaml}]
|
|
15
|
+
indent_size = 2
|
|
16
|
+
|
|
17
|
+
[docker-compose.yml]
|
|
18
|
+
indent_size = 4
|
package/.eslintignore
ADDED
package/.eslintrc.cjs
ADDED
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
module.exports = {
|
|
2
|
+
root: true,
|
|
3
|
+
env: {
|
|
4
|
+
browser: true,
|
|
5
|
+
es2021: true,
|
|
6
|
+
node: true,
|
|
7
|
+
},
|
|
8
|
+
extends: [
|
|
9
|
+
'plugin:vue/vue3-essential',
|
|
10
|
+
'plugin:vue/vue3-recommended',
|
|
11
|
+
'eslint:recommended',
|
|
12
|
+
'@vue/typescript/recommended',
|
|
13
|
+
'prettier',
|
|
14
|
+
'plugin:storybook/recommended',
|
|
15
|
+
],
|
|
16
|
+
parserOptions: {
|
|
17
|
+
parser: '@typescript-eslint/parser',
|
|
18
|
+
ecmaVersion: 2021,
|
|
19
|
+
sourceType: 'module',
|
|
20
|
+
},
|
|
21
|
+
plugins: ['vue', '@typescript-eslint', 'prettier'],
|
|
22
|
+
overrides: [
|
|
23
|
+
{
|
|
24
|
+
files: ['**/__tests__/*.{j,t}s?(x)', '**/tests/unit/**/*.spec.{j,t}s?(x)'],
|
|
25
|
+
env: {
|
|
26
|
+
jest: true,
|
|
27
|
+
},
|
|
28
|
+
},
|
|
29
|
+
],
|
|
30
|
+
rules: {
|
|
31
|
+
'vue/no-deprecated-slot-attribute': 'off',
|
|
32
|
+
'vue/max-attributes-per-line': 'off',
|
|
33
|
+
'vue/no-v-text-v-html-on-component': 'off',
|
|
34
|
+
'vue/no-v-html': 'off',
|
|
35
|
+
'prettier/prettier': [
|
|
36
|
+
'error',
|
|
37
|
+
{
|
|
38
|
+
endOfLine: 'lf',
|
|
39
|
+
htmlWhitespaceSensitivity: 'ignore',
|
|
40
|
+
},
|
|
41
|
+
],
|
|
42
|
+
'no-console': 'off',
|
|
43
|
+
indent: 'off',
|
|
44
|
+
quotes: ['off', 'single'],
|
|
45
|
+
semi: ['error', 'always'],
|
|
46
|
+
'vue/multi-word-component-names': 'off',
|
|
47
|
+
'@typescript-eslint/no-explicit-any': 'off',
|
|
48
|
+
'@typescript-eslint/ban-ts-comment': 'off',
|
|
49
|
+
},
|
|
50
|
+
ignorePatterns: ['dist/', 'node_modules/', 'build/', 'public/', 'android/', 'ios/'],
|
|
51
|
+
};
|
package/.nvmrc
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
20.19
|
package/.prettierrc
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import type { StorybookConfig } from '@storybook/vue3-vite';
|
|
2
|
+
import { mergeConfig } from 'vite';
|
|
3
|
+
|
|
4
|
+
const config: StorybookConfig = {
|
|
5
|
+
stories: ['../src/**/*.mdx', '../src/**/*.stories.@(ts)'],
|
|
6
|
+
addons: [],
|
|
7
|
+
framework: {
|
|
8
|
+
name: '@storybook/vue3-vite',
|
|
9
|
+
options: {},
|
|
10
|
+
},
|
|
11
|
+
viteFinal: async (config) => {
|
|
12
|
+
return mergeConfig(config, {
|
|
13
|
+
css: {
|
|
14
|
+
preprocessorOptions: {
|
|
15
|
+
scss: {
|
|
16
|
+
additionalData: `@use "@/assets/scss/index.scss" as *;`,
|
|
17
|
+
},
|
|
18
|
+
},
|
|
19
|
+
},
|
|
20
|
+
});
|
|
21
|
+
},
|
|
22
|
+
};
|
|
23
|
+
export default config;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import type { Preview } from '@storybook/vue3-vite';
|
|
2
|
+
import './common.scss';
|
|
3
|
+
import { createPinia } from 'pinia';
|
|
4
|
+
import { setup } from '@storybook/vue3-vite';
|
|
5
|
+
import formatter from '../src/plugins/formatter';
|
|
6
|
+
import pluralEndings from '../src/plugins/plural-endings';
|
|
7
|
+
|
|
8
|
+
const pinia = createPinia();
|
|
9
|
+
|
|
10
|
+
setup((app) => {
|
|
11
|
+
app.use(pinia).use(formatter).use(pluralEndings);
|
|
12
|
+
});
|
|
13
|
+
|
|
14
|
+
const preview: Preview = {
|
|
15
|
+
parameters: {
|
|
16
|
+
controls: {
|
|
17
|
+
matchers: {
|
|
18
|
+
color: /(background|color)$/i,
|
|
19
|
+
date: /Date$/i,
|
|
20
|
+
},
|
|
21
|
+
},
|
|
22
|
+
},
|
|
23
|
+
};
|
|
24
|
+
|
|
25
|
+
export default preview;
|
package/.stylelintignore
ADDED
package/.stylelintrc.cjs
ADDED
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
/** @type {import('stylelint').Config} */
|
|
2
|
+
module.exports = {
|
|
3
|
+
extends: [
|
|
4
|
+
'stylelint-config-standard',
|
|
5
|
+
'stylelint-config-standard-scss',
|
|
6
|
+
'stylelint-config-html/vue',
|
|
7
|
+
'stylelint-config-standard-vue/scss',
|
|
8
|
+
],
|
|
9
|
+
plugins: ['stylelint-scss', 'stylelint-order'],
|
|
10
|
+
rules: {
|
|
11
|
+
'order/properties-order': [
|
|
12
|
+
'position',
|
|
13
|
+
'top',
|
|
14
|
+
'right',
|
|
15
|
+
'bottom',
|
|
16
|
+
'left',
|
|
17
|
+
'z-index',
|
|
18
|
+
'display',
|
|
19
|
+
'flex',
|
|
20
|
+
'justify-content',
|
|
21
|
+
'align-items',
|
|
22
|
+
'width',
|
|
23
|
+
'height',
|
|
24
|
+
'margin',
|
|
25
|
+
'padding',
|
|
26
|
+
'background',
|
|
27
|
+
'color',
|
|
28
|
+
'font',
|
|
29
|
+
'border',
|
|
30
|
+
'box-shadow',
|
|
31
|
+
'transition',
|
|
32
|
+
'animation',
|
|
33
|
+
],
|
|
34
|
+
'property-no-vendor-prefix': null,
|
|
35
|
+
'rule-empty-line-before': [
|
|
36
|
+
'always',
|
|
37
|
+
{
|
|
38
|
+
except: ['first-nested'],
|
|
39
|
+
ignore: ['after-comment'],
|
|
40
|
+
},
|
|
41
|
+
],
|
|
42
|
+
'scss/at-rule-no-unknown': true,
|
|
43
|
+
'scss/comment-no-empty': null,
|
|
44
|
+
'scss/function-no-unknown': null,
|
|
45
|
+
'scss/no-global-function-names': null,
|
|
46
|
+
'selector-class-pattern': null,
|
|
47
|
+
'selector-no-vendor-prefix': true,
|
|
48
|
+
'selector-pseudo-element-colon-notation': 'single',
|
|
49
|
+
'shorthand-property-no-redundant-values': null,
|
|
50
|
+
'value-no-vendor-prefix': true,
|
|
51
|
+
'declaration-property-value-no-unknown': null,
|
|
52
|
+
'media-feature-range-notation': null,
|
|
53
|
+
},
|
|
54
|
+
};
|
package/README.md
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
# Vue 3 + TypeScript + Vite
|
|
2
|
+
|
|
3
|
+
This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
|
|
4
|
+
|
|
5
|
+
Learn more about the recommended Project Setup and IDE Support in the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup).
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
import { Meta, StoryFn } from '@storybook/vue3-vite';
|
|
2
|
+
import { UISize } from '../../../types';
|
|
3
|
+
import { UIButton } from '../..';
|
|
4
|
+
declare const _default: Meta<{
|
|
5
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
6
|
+
text?: string | undefined;
|
|
7
|
+
isLoading?: boolean | undefined;
|
|
8
|
+
isBoxShadow?: boolean | undefined;
|
|
9
|
+
disabled?: boolean | undefined;
|
|
10
|
+
size?: UISize | undefined;
|
|
11
|
+
color?: string | undefined;
|
|
12
|
+
bgColor?: string | undefined;
|
|
13
|
+
loaderBorderColor: string;
|
|
14
|
+
}> & Readonly<{
|
|
15
|
+
onClick?: ((args_0?: void | undefined) => any) | undefined;
|
|
16
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
17
|
+
click: (args_0: void) => any;
|
|
18
|
+
}, import('vue').PublicProps, {
|
|
19
|
+
text: string;
|
|
20
|
+
size: UISize;
|
|
21
|
+
color: string;
|
|
22
|
+
isLoading: boolean;
|
|
23
|
+
isBoxShadow: boolean;
|
|
24
|
+
disabled: boolean;
|
|
25
|
+
bgColor: string;
|
|
26
|
+
loaderBorderColor: string;
|
|
27
|
+
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLButtonElement, import('vue').ComponentProvideOptions, {
|
|
28
|
+
P: {};
|
|
29
|
+
B: {};
|
|
30
|
+
D: {};
|
|
31
|
+
C: {};
|
|
32
|
+
M: {};
|
|
33
|
+
Defaults: {};
|
|
34
|
+
}, Readonly<{
|
|
35
|
+
text?: string | undefined;
|
|
36
|
+
isLoading?: boolean | undefined;
|
|
37
|
+
isBoxShadow?: boolean | undefined;
|
|
38
|
+
disabled?: boolean | undefined;
|
|
39
|
+
size?: UISize | undefined;
|
|
40
|
+
color?: string | undefined;
|
|
41
|
+
bgColor?: string | undefined;
|
|
42
|
+
loaderBorderColor: string;
|
|
43
|
+
}> & Readonly<{
|
|
44
|
+
onClick?: ((args_0?: void | undefined) => any) | undefined;
|
|
45
|
+
}>, {}, {}, {}, {}, {
|
|
46
|
+
text: string;
|
|
47
|
+
size: UISize;
|
|
48
|
+
color: string;
|
|
49
|
+
isLoading: boolean;
|
|
50
|
+
isBoxShadow: boolean;
|
|
51
|
+
disabled: boolean;
|
|
52
|
+
bgColor: string;
|
|
53
|
+
loaderBorderColor: string;
|
|
54
|
+
}>;
|
|
55
|
+
__isFragment?: undefined;
|
|
56
|
+
__isTeleport?: undefined;
|
|
57
|
+
__isSuspense?: undefined;
|
|
58
|
+
} & import('vue').ComponentOptionsBase<Readonly<{
|
|
59
|
+
text?: string | undefined;
|
|
60
|
+
isLoading?: boolean | undefined;
|
|
61
|
+
isBoxShadow?: boolean | undefined;
|
|
62
|
+
disabled?: boolean | undefined;
|
|
63
|
+
size?: UISize | undefined;
|
|
64
|
+
color?: string | undefined;
|
|
65
|
+
bgColor?: string | undefined;
|
|
66
|
+
loaderBorderColor: string;
|
|
67
|
+
}> & Readonly<{
|
|
68
|
+
onClick?: ((args_0?: void | undefined) => any) | undefined;
|
|
69
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
70
|
+
click: (args_0: void) => any;
|
|
71
|
+
}, string, {
|
|
72
|
+
text: string;
|
|
73
|
+
size: UISize;
|
|
74
|
+
color: string;
|
|
75
|
+
isLoading: boolean;
|
|
76
|
+
isBoxShadow: boolean;
|
|
77
|
+
disabled: boolean;
|
|
78
|
+
bgColor: string;
|
|
79
|
+
loaderBorderColor: string;
|
|
80
|
+
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
81
|
+
$slots: {
|
|
82
|
+
default?(_: {}): any;
|
|
83
|
+
};
|
|
84
|
+
})>;
|
|
85
|
+
export default _default;
|
|
86
|
+
export declare const DefaultButton: StoryFn<typeof UIButton>;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { UIColorValues, UISize } from '../../../types';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
text?: string;
|
|
4
|
+
isLoading?: boolean;
|
|
5
|
+
isBoxShadow?: boolean;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
size?: UISize;
|
|
8
|
+
color?: UIColorValues;
|
|
9
|
+
bgColor?: UIColorValues;
|
|
10
|
+
loaderBorderColor: UIColorValues;
|
|
11
|
+
};
|
|
12
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
13
|
+
click: (args_0: void) => any;
|
|
14
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
15
|
+
onClick?: ((args_0?: void | undefined) => any) | undefined;
|
|
16
|
+
}>, {
|
|
17
|
+
text: string;
|
|
18
|
+
size: UISize;
|
|
19
|
+
color: string;
|
|
20
|
+
isLoading: boolean;
|
|
21
|
+
isBoxShadow: boolean;
|
|
22
|
+
disabled: boolean;
|
|
23
|
+
bgColor: string;
|
|
24
|
+
loaderBorderColor: string;
|
|
25
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>, {
|
|
26
|
+
default?(_: {}): any;
|
|
27
|
+
}>;
|
|
28
|
+
export default _default;
|
|
29
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
30
|
+
new (): {
|
|
31
|
+
$slots: S;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import { Meta, StoryFn } from '@storybook/vue3-vite';
|
|
2
|
+
import { UICard } from '../..';
|
|
3
|
+
declare const _default: Meta<{
|
|
4
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
5
|
+
isBoxShadow?: boolean | undefined;
|
|
6
|
+
isBorder?: boolean | undefined;
|
|
7
|
+
bgColor?: string | undefined;
|
|
8
|
+
color?: string | undefined;
|
|
9
|
+
borderRadius?: string | undefined;
|
|
10
|
+
padding?: string | undefined;
|
|
11
|
+
}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
|
|
12
|
+
color: string;
|
|
13
|
+
isBoxShadow: boolean;
|
|
14
|
+
bgColor: string;
|
|
15
|
+
isBorder: boolean;
|
|
16
|
+
borderRadius: string;
|
|
17
|
+
padding: string;
|
|
18
|
+
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
|
|
19
|
+
P: {};
|
|
20
|
+
B: {};
|
|
21
|
+
D: {};
|
|
22
|
+
C: {};
|
|
23
|
+
M: {};
|
|
24
|
+
Defaults: {};
|
|
25
|
+
}, Readonly<{
|
|
26
|
+
isBoxShadow?: boolean | undefined;
|
|
27
|
+
isBorder?: boolean | undefined;
|
|
28
|
+
bgColor?: string | undefined;
|
|
29
|
+
color?: string | undefined;
|
|
30
|
+
borderRadius?: string | undefined;
|
|
31
|
+
padding?: string | undefined;
|
|
32
|
+
}> & Readonly<{}>, {}, {}, {}, {}, {
|
|
33
|
+
color: string;
|
|
34
|
+
isBoxShadow: boolean;
|
|
35
|
+
bgColor: string;
|
|
36
|
+
isBorder: boolean;
|
|
37
|
+
borderRadius: string;
|
|
38
|
+
padding: string;
|
|
39
|
+
}>;
|
|
40
|
+
__isFragment?: undefined;
|
|
41
|
+
__isTeleport?: undefined;
|
|
42
|
+
__isSuspense?: undefined;
|
|
43
|
+
} & import('vue').ComponentOptionsBase<Readonly<{
|
|
44
|
+
isBoxShadow?: boolean | undefined;
|
|
45
|
+
isBorder?: boolean | undefined;
|
|
46
|
+
bgColor?: string | undefined;
|
|
47
|
+
color?: string | undefined;
|
|
48
|
+
borderRadius?: string | undefined;
|
|
49
|
+
padding?: string | undefined;
|
|
50
|
+
}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
|
|
51
|
+
color: string;
|
|
52
|
+
isBoxShadow: boolean;
|
|
53
|
+
bgColor: string;
|
|
54
|
+
isBorder: boolean;
|
|
55
|
+
borderRadius: string;
|
|
56
|
+
padding: string;
|
|
57
|
+
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
58
|
+
$slots: {
|
|
59
|
+
default?(_: {}): any;
|
|
60
|
+
};
|
|
61
|
+
})>;
|
|
62
|
+
export default _default;
|
|
63
|
+
export declare const DefaultCard: StoryFn<typeof UICard>;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { UIColorValues } from '../../../types';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
isBoxShadow?: boolean;
|
|
4
|
+
isBorder?: boolean;
|
|
5
|
+
bgColor?: UIColorValues;
|
|
6
|
+
color?: UIColorValues;
|
|
7
|
+
borderRadius?: string;
|
|
8
|
+
padding?: string;
|
|
9
|
+
};
|
|
10
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
11
|
+
color: string;
|
|
12
|
+
isBoxShadow: boolean;
|
|
13
|
+
bgColor: string;
|
|
14
|
+
isBorder: boolean;
|
|
15
|
+
borderRadius: string;
|
|
16
|
+
padding: string;
|
|
17
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {
|
|
18
|
+
default?(_: {}): any;
|
|
19
|
+
}>;
|
|
20
|
+
export default _default;
|
|
21
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
22
|
+
new (): {
|
|
23
|
+
$slots: S;
|
|
24
|
+
};
|
|
25
|
+
};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
value?: string | number;
|
|
3
|
+
maska: string | any[];
|
|
4
|
+
masked?: boolean;
|
|
5
|
+
tokens: any;
|
|
6
|
+
id: string;
|
|
7
|
+
};
|
|
8
|
+
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
9
|
+
blur: (args_0: any) => any;
|
|
10
|
+
focus: (args_0: any) => any;
|
|
11
|
+
input: (args_0: any) => any;
|
|
12
|
+
"update:modelValue": (args_0: any) => any;
|
|
13
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
14
|
+
onBlur?: ((args_0: any) => any) | undefined;
|
|
15
|
+
onFocus?: ((args_0: any) => any) | undefined;
|
|
16
|
+
onInput?: ((args_0: any) => any) | undefined;
|
|
17
|
+
"onUpdate:modelValue"?: ((args_0: any) => any) | undefined;
|
|
18
|
+
}>, {
|
|
19
|
+
value: string | number;
|
|
20
|
+
masked: boolean;
|
|
21
|
+
tokens: any;
|
|
22
|
+
id: string;
|
|
23
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLInputElement>;
|
|
24
|
+
export default _default;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { Meta, StoryFn } from '@storybook/vue3-vite';
|
|
2
|
+
import { EInputComponentType, EInputInputmode, EInputType } from '../../../types';
|
|
3
|
+
import { UIInput } from '../..';
|
|
4
|
+
declare const _default: Meta<import('vue').DefineComponent<import('../../../types').IInputProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
5
|
+
blur: (...args: any[]) => void;
|
|
6
|
+
focus: (...args: any[]) => void;
|
|
7
|
+
input: (...args: any[]) => void;
|
|
8
|
+
"update:modelValue": (...args: any[]) => void;
|
|
9
|
+
}, string, import('vue').PublicProps, Readonly<import('../../../types').IInputProps> & Readonly<{
|
|
10
|
+
onBlur?: ((...args: any[]) => any) | undefined;
|
|
11
|
+
onFocus?: ((...args: any[]) => any) | undefined;
|
|
12
|
+
onInput?: ((...args: any[]) => any) | undefined;
|
|
13
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
14
|
+
}>, {
|
|
15
|
+
label: string;
|
|
16
|
+
mask: string;
|
|
17
|
+
isBoxShadow: boolean;
|
|
18
|
+
disabled: boolean;
|
|
19
|
+
type: EInputType;
|
|
20
|
+
component: EInputComponentType;
|
|
21
|
+
masked: boolean;
|
|
22
|
+
id: string;
|
|
23
|
+
placeholder: string;
|
|
24
|
+
inputmode: EInputInputmode;
|
|
25
|
+
modelValue: string | number;
|
|
26
|
+
errorMessage: string;
|
|
27
|
+
isError: boolean;
|
|
28
|
+
readonly: boolean;
|
|
29
|
+
isCapitalize: boolean;
|
|
30
|
+
isSetInputFocus: boolean;
|
|
31
|
+
delay: number;
|
|
32
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
33
|
+
inputElement: unknown;
|
|
34
|
+
}, HTMLDivElement>>;
|
|
35
|
+
export default _default;
|
|
36
|
+
export declare const DefaultButton: StoryFn<typeof UIInput>;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { EInputInputmode, EInputType, EInputComponentType, IInputProps } from '../../../types';
|
|
2
|
+
declare const _default: import('vue').DefineComponent<IInputProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
3
|
+
blur: (...args: any[]) => void;
|
|
4
|
+
focus: (...args: any[]) => void;
|
|
5
|
+
input: (...args: any[]) => void;
|
|
6
|
+
"update:modelValue": (...args: any[]) => void;
|
|
7
|
+
}, string, import('vue').PublicProps, Readonly<IInputProps> & Readonly<{
|
|
8
|
+
onBlur?: ((...args: any[]) => any) | undefined;
|
|
9
|
+
onFocus?: ((...args: any[]) => any) | undefined;
|
|
10
|
+
onInput?: ((...args: any[]) => any) | undefined;
|
|
11
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
12
|
+
}>, {
|
|
13
|
+
label: string;
|
|
14
|
+
mask: string;
|
|
15
|
+
isBoxShadow: boolean;
|
|
16
|
+
disabled: boolean;
|
|
17
|
+
type: EInputType;
|
|
18
|
+
component: EInputComponentType;
|
|
19
|
+
masked: boolean;
|
|
20
|
+
id: string;
|
|
21
|
+
placeholder: string;
|
|
22
|
+
inputmode: EInputInputmode;
|
|
23
|
+
modelValue: string | number;
|
|
24
|
+
errorMessage: string;
|
|
25
|
+
isError: boolean;
|
|
26
|
+
readonly: boolean;
|
|
27
|
+
isCapitalize: boolean;
|
|
28
|
+
isSetInputFocus: boolean;
|
|
29
|
+
delay: number;
|
|
30
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
31
|
+
inputElement: unknown;
|
|
32
|
+
}, HTMLDivElement>;
|
|
33
|
+
export default _default;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { Meta, StoryFn } from '@storybook/vue3-vite';
|
|
2
|
+
import { UISize } from '../../../types';
|
|
3
|
+
import { UILoader } from '../..';
|
|
4
|
+
declare const _default: Meta<import('vue').DefineComponent<{
|
|
5
|
+
size?: import('../../../types').Nullable<UISize>;
|
|
6
|
+
borderColor?: string | null | undefined;
|
|
7
|
+
borderColorLeft?: import('../../../types').Nullable<string>;
|
|
8
|
+
}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
|
|
9
|
+
size?: import('../../../types').Nullable<UISize>;
|
|
10
|
+
borderColor?: string | null | undefined;
|
|
11
|
+
borderColorLeft?: import('../../../types').Nullable<string>;
|
|
12
|
+
}> & Readonly<{}>, {
|
|
13
|
+
size: UISize | null;
|
|
14
|
+
borderColor: string | null;
|
|
15
|
+
borderColorLeft: string | null;
|
|
16
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>>;
|
|
17
|
+
export default _default;
|
|
18
|
+
export declare const DefaultLoader: StoryFn<typeof UILoader>;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Nullable, UIColorName, UISize } from '../../../types';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
size?: Nullable<UISize>;
|
|
4
|
+
borderColor?: Nullable<UIColorName> | string;
|
|
5
|
+
borderColorLeft?: Nullable<UIColorName | string>;
|
|
6
|
+
};
|
|
7
|
+
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
8
|
+
size: UISize | null;
|
|
9
|
+
borderColor: string | null;
|
|
10
|
+
borderColorLeft: string | null;
|
|
11
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
12
|
+
export default _default;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { Meta, StoryFn } from '@storybook/vue3-vite';
|
|
2
|
+
import { UIModalContainer } from '../..';
|
|
3
|
+
declare const _default: Meta<import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>>;
|
|
4
|
+
export default _default;
|
|
5
|
+
export declare const DefaultModal: StoryFn<typeof UIModalContainer>;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { IModal } from '../../../store';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
modal: IModal;
|
|
4
|
+
};
|
|
5
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
6
|
+
close: (args_0: void) => any;
|
|
7
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
8
|
+
onClose?: ((args_0?: void | undefined) => any) | undefined;
|
|
9
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
10
|
+
popoverGlobal: HTMLDivElement;
|
|
11
|
+
}, HTMLDivElement>, {
|
|
12
|
+
header?(_: {}): any;
|
|
13
|
+
}>;
|
|
14
|
+
export default _default;
|
|
15
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
16
|
+
new (): {
|
|
17
|
+
$slots: S;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { Meta, StoryFn } from '@storybook/vue3-vite';
|
|
2
|
+
import { UISwiper } from '../..';
|
|
3
|
+
declare const _default: Meta<{
|
|
4
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
5
|
+
list: any[];
|
|
6
|
+
}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
|
|
7
|
+
list: any[];
|
|
8
|
+
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
|
9
|
+
P: {};
|
|
10
|
+
B: {};
|
|
11
|
+
D: {};
|
|
12
|
+
C: {};
|
|
13
|
+
M: {};
|
|
14
|
+
Defaults: {};
|
|
15
|
+
}, Readonly<{
|
|
16
|
+
list: any[];
|
|
17
|
+
}> & Readonly<{}>, {}, {}, {}, {}, {
|
|
18
|
+
list: any[];
|
|
19
|
+
}>;
|
|
20
|
+
__isFragment?: undefined;
|
|
21
|
+
__isTeleport?: undefined;
|
|
22
|
+
__isSuspense?: undefined;
|
|
23
|
+
} & import('vue').ComponentOptionsBase<Readonly<{
|
|
24
|
+
list: any[];
|
|
25
|
+
}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
|
|
26
|
+
list: any[];
|
|
27
|
+
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
28
|
+
$slots: {
|
|
29
|
+
default?(_: {
|
|
30
|
+
item: any;
|
|
31
|
+
}): any;
|
|
32
|
+
};
|
|
33
|
+
})>;
|
|
34
|
+
export default _default;
|
|
35
|
+
export declare const DefaultSwiper: StoryFn<typeof UISwiper>;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
list: any[];
|
|
3
|
+
};
|
|
4
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
5
|
+
list: any[];
|
|
6
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
|
|
7
|
+
default?(_: {
|
|
8
|
+
item: any;
|
|
9
|
+
}): any;
|
|
10
|
+
}>;
|
|
11
|
+
export default _default;
|
|
12
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
13
|
+
new (): {
|
|
14
|
+
$slots: S;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { default as UIButton } from './UI/button/UIButton.vue';
|
|
2
|
+
import { default as UILoader } from './UI/loader/UILoader.vue';
|
|
3
|
+
import { default as UICard } from './UI/card/UICard.vue';
|
|
4
|
+
import { default as UISwiper } from './UI/swiper/UISwiper.vue';
|
|
5
|
+
import { default as UIInput } from './UI/inputs/UIInput.vue';
|
|
6
|
+
import { default as UIModal } from './UI/modal/UIModal.vue';
|
|
7
|
+
import { default as UIModalContainer } from './UI/modal/UIModalContainer.vue';
|
|
8
|
+
export { UIButton, UILoader, UICard, UISwiper, UIInput, UIModalContainer, UIModal };
|