@finema/core 1.4.12 → 1.4.13

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.
Files changed (45) hide show
  1. package/README.md +60 -60
  2. package/dist/module.d.mts +4 -4
  3. package/dist/module.d.ts +4 -4
  4. package/dist/module.json +1 -1
  5. package/dist/module.mjs +1 -1
  6. package/dist/runtime/components/Alert.vue +49 -49
  7. package/dist/runtime/components/Avatar.vue +27 -27
  8. package/dist/runtime/components/Badge.vue +54 -54
  9. package/dist/runtime/components/Breadcrumb.vue +45 -45
  10. package/dist/runtime/components/Button/Group.vue +37 -37
  11. package/dist/runtime/components/Button/index.vue +77 -77
  12. package/dist/runtime/components/Card.vue +38 -38
  13. package/dist/runtime/components/Core.vue +13 -13
  14. package/dist/runtime/components/Dialog/index.vue +98 -63
  15. package/dist/runtime/components/Dropdown/index.vue +81 -81
  16. package/dist/runtime/components/Form/FieldWrapper.vue +20 -20
  17. package/dist/runtime/components/Form/Fields.vue +86 -86
  18. package/dist/runtime/components/Form/InputCheckbox/index.vue +21 -21
  19. package/dist/runtime/components/Form/InputDateTime/index.vue +51 -51
  20. package/dist/runtime/components/Form/InputRadio/index.vue +27 -27
  21. package/dist/runtime/components/Form/InputSelect/index.vue +37 -37
  22. package/dist/runtime/components/Form/InputStatic/index.vue +16 -16
  23. package/dist/runtime/components/Form/InputText/index.vue +27 -27
  24. package/dist/runtime/components/Form/InputTextarea/index.vue +25 -25
  25. package/dist/runtime/components/Form/InputToggle/index.vue +14 -14
  26. package/dist/runtime/components/Form/index.vue +6 -6
  27. package/dist/runtime/components/Icon.vue +23 -23
  28. package/dist/runtime/components/Image.vue +36 -0
  29. package/dist/runtime/components/Loader.vue +6 -6
  30. package/dist/runtime/components/Modal/index.vue +146 -146
  31. package/dist/runtime/components/OTPInput.vue +124 -0
  32. package/dist/runtime/components/Slideover/index.vue +110 -110
  33. package/dist/runtime/components/Table/ColumnDate.vue +16 -16
  34. package/dist/runtime/components/Table/ColumnDateTime.vue +30 -30
  35. package/dist/runtime/components/Table/ColumnImage.vue +13 -13
  36. package/dist/runtime/components/Table/ColumnNumber.vue +14 -14
  37. package/dist/runtime/components/Table/Simple.vue +53 -53
  38. package/dist/runtime/components/Table/index.vue +47 -47
  39. package/dist/runtime/components/Tabs/index.vue +65 -65
  40. package/dist/runtime/composables/useDialog.d.ts +1 -1
  41. package/dist/runtime/core.config.mjs +2 -2
  42. package/dist/runtime/types/utils.d.ts +29 -29
  43. package/dist/runtime/ui.config/modal.mjs +3 -0
  44. package/dist/runtime/ui.css +46 -46
  45. package/package.json +83 -83
@@ -1,65 +1,65 @@
1
- <template>
2
- <UTabs
3
- v-bind="attrs"
4
- :model-value="modelValue"
5
- :class="$props.class"
6
- :items="items"
7
- :orientation="orientation"
8
- :default-index="defaultIndex"
9
- :ui="ui"
10
- @change="change"
11
- >
12
- <template #default="{ item, index, selected }">
13
- <slot name="default" :item="item" :index="index" :selected="selected" />
14
- </template>
15
-
16
- <template #item="{ item, index, selected }">
17
- <slot name="item" :item="item" :index="index" :selected="selected" />
18
- </template>
19
- </UTabs>
20
- </template>
21
-
22
- <script setup lang="ts">
23
- import { useUiConfig, type PropType, useUI, toRef } from '#imports'
24
- import { type TabItem } from '#ui/types'
25
- import type { Strategy } from '#core/types/utils'
26
- import { tabs } from '#core/ui.config'
27
-
28
- const config = useUiConfig<typeof tabs>(tabs, 'tabs')
29
-
30
- const props = defineProps({
31
- modelValue: {
32
- type: Number,
33
- default: undefined,
34
- },
35
- items: {
36
- type: Array as PropType<TabItem[]>,
37
- default: () => [],
38
- },
39
- orientation: {
40
- type: String as PropType<'horizontal' | 'vertical'>,
41
- default: 'horizontal',
42
- validator: (value: string) => ['horizontal', 'vertical'].includes(value),
43
- },
44
- defaultIndex: {
45
- type: Number,
46
- default: 0,
47
- },
48
- class: {
49
- type: [String, Object, Array] as PropType<any>,
50
- default: () => '',
51
- },
52
- ui: {
53
- type: Object as PropType<Partial<typeof config> & { strategy?: Strategy }>,
54
- default: () => ({}),
55
- },
56
- })
57
-
58
- const emits = defineEmits(['update:modelValue', 'change'])
59
-
60
- const change = (index: number) => {
61
- emits('change', index)
62
- }
63
-
64
- const { ui, attrs } = useUI('tabs', toRef(props, 'ui'), config, toRef(props, 'class'))
65
- </script>
1
+ <template>
2
+ <UTabs
3
+ v-bind="attrs"
4
+ :model-value="modelValue"
5
+ :class="$props.class"
6
+ :items="items"
7
+ :orientation="orientation"
8
+ :default-index="defaultIndex"
9
+ :ui="ui"
10
+ @change="change"
11
+ >
12
+ <template #default="{ item, index, selected }">
13
+ <slot name="default" :item="item" :index="index" :selected="selected" />
14
+ </template>
15
+
16
+ <template #item="{ item, index, selected }">
17
+ <slot name="item" :item="item" :index="index" :selected="selected" />
18
+ </template>
19
+ </UTabs>
20
+ </template>
21
+
22
+ <script setup lang="ts">
23
+ import { useUiConfig, type PropType, useUI, toRef } from '#imports'
24
+ import { type TabItem } from '#ui/types'
25
+ import type { Strategy } from '#core/types/utils'
26
+ import { tabs } from '#core/ui.config'
27
+
28
+ const config = useUiConfig<typeof tabs>(tabs, 'tabs')
29
+
30
+ const props = defineProps({
31
+ modelValue: {
32
+ type: Number,
33
+ default: undefined,
34
+ },
35
+ items: {
36
+ type: Array as PropType<TabItem[]>,
37
+ default: () => [],
38
+ },
39
+ orientation: {
40
+ type: String as PropType<'horizontal' | 'vertical'>,
41
+ default: 'horizontal',
42
+ validator: (value: string) => ['horizontal', 'vertical'].includes(value),
43
+ },
44
+ defaultIndex: {
45
+ type: Number,
46
+ default: 0,
47
+ },
48
+ class: {
49
+ type: [String, Object, Array] as PropType<any>,
50
+ default: () => '',
51
+ },
52
+ ui: {
53
+ type: Object as PropType<Partial<typeof config> & { strategy?: Strategy }>,
54
+ default: () => ({}),
55
+ },
56
+ })
57
+
58
+ const emits = defineEmits(['update:modelValue', 'change'])
59
+
60
+ const change = (index: number) => {
61
+ emits('change', index)
62
+ }
63
+
64
+ const { ui, attrs } = useUI('tabs', toRef(props, 'ui'), config, toRef(props, 'class'))
65
+ </script>
@@ -6,7 +6,7 @@ export declare const enum DialogType {
6
6
  }
7
7
  export interface IDialogMetaItem {
8
8
  title: string;
9
- message?: string;
9
+ description?: string;
10
10
  type?: DialogType;
11
11
  confirmText?: string;
12
12
  cancelText?: string;
@@ -1,7 +1,7 @@
1
1
  export const core = {
2
2
  limit_per_page: 30,
3
3
  default_primary_key: "id",
4
- date_format: "yyyy-MM-dd",
5
- date_time_format: "yyyy-MM-dd HH:mm",
4
+ date_format: "dd-MM-yyyy",
5
+ date_time_format: "dd-MM-yyyy HH:mm",
6
6
  time_format: "HH:mm"
7
7
  };
@@ -1,29 +1,29 @@
1
- export type Strategy = 'merge' | 'override'
2
-
3
- export type NestedKeyOf<ObjectType extends object> = {
4
- [Key in keyof ObjectType]: ObjectType[Key] extends object ? NestedKeyOf<ObjectType[Key]> : Key
5
- }[keyof ObjectType]
6
-
7
- export type DeepPartial<T> = Partial<{
8
- [P in keyof T]: DeepPartial<T[P]> | Record<string, string>
9
- }>
10
-
11
- type DeepKey<T, Keys extends string[]> = Keys extends [infer First, ...infer Rest]
12
- ? First extends keyof T
13
- ? Rest extends string[]
14
- ? DeepKey<T[First], Rest>
15
- : never
16
- : never
17
- : T
18
-
19
- export type ExtractDeepKey<T, Path extends string[]> = DeepKey<T, Path> extends infer Result
20
- ? Result extends Record<string, any>
21
- ? keyof Result
22
- : never
23
- : never
24
-
25
- export type ExtractDeepObject<T, Path extends string[]> = DeepKey<T, Path> extends infer Result
26
- ? Result extends Record<string, any>
27
- ? Result
28
- : never
29
- : never
1
+ export type Strategy = 'merge' | 'override'
2
+
3
+ export type NestedKeyOf<ObjectType extends object> = {
4
+ [Key in keyof ObjectType]: ObjectType[Key] extends object ? NestedKeyOf<ObjectType[Key]> : Key
5
+ }[keyof ObjectType]
6
+
7
+ export type DeepPartial<T> = Partial<{
8
+ [P in keyof T]: DeepPartial<T[P]> | Record<string, string>
9
+ }>
10
+
11
+ type DeepKey<T, Keys extends string[]> = Keys extends [infer First, ...infer Rest]
12
+ ? First extends keyof T
13
+ ? Rest extends string[]
14
+ ? DeepKey<T[First], Rest>
15
+ : never
16
+ : never
17
+ : T
18
+
19
+ export type ExtractDeepKey<T, Path extends string[]> = DeepKey<T, Path> extends infer Result
20
+ ? Result extends Record<string, any>
21
+ ? keyof Result
22
+ : never
23
+ : never
24
+
25
+ export type ExtractDeepObject<T, Path extends string[]> = DeepKey<T, Path> extends infer Result
26
+ ? Result extends Record<string, any>
27
+ ? Result
28
+ : never
29
+ : never
@@ -14,6 +14,9 @@ export const modal = {
14
14
  center: "flex min-h-full items-end sm:items-center justify-center text-center",
15
15
  bottom: "flex min-h-full items-end sm:items-end justify-center text-center"
16
16
  },
17
+ overlay: {
18
+ background: "bg-gray-500/75 dark:bg-gray-800/75 backdrop-blur-sm"
19
+ },
17
20
  fixHeightSize: {
18
21
  default: "max-h-[calc(100vh-4rem)]",
19
22
  sm: "max-h-[256px]",
@@ -1,46 +1,46 @@
1
- :root {
2
- --color-primary-50: 248 248 255;
3
- --color-primary-100: 232 239 253;
4
- --color-primary-200: 190 227 248;
5
- --color-primary-300: 144 205 244;
6
- --color-primary-400: 99 179 237;
7
- --color-primary-500: 54 117 251;
8
- --color-primary-600: 0 104 254;
9
- --color-primary-700: 43 108 176;
10
- --color-primary-800: 44 82 130;
11
- --color-primary-900: 32 36 62;
12
- --color-primary-950: 32 36 62;
13
- --color-primary-DEFAULT: 54 117 251;
14
-
15
- --dp-font-family: inherit !important;
16
-
17
- }
18
-
19
- .dp__theme_light {
20
- --dp-primary-color: rgb(var(--color-primary-DEFAULT)) !important;
21
- --dp-primary-disabled-color: rgb(var(--color-primary-200)) !important;
22
- }
23
-
24
- ::-webkit-scrollbar {
25
- -webkit-appearance: none;
26
- width: 10px;
27
- height: 10px;
28
- }
29
-
30
- ::-webkit-scrollbar-thumb {
31
- border-radius: 4px;
32
- background-color: rgb(0 0 0 / 30%);
33
- box-shadow: 0 0 1px rgb(255 255 255 / 50%);
34
- }
35
-
36
-
37
- html,
38
- body,
39
- #__nuxt,
40
- #__layout,
41
- .root-container {
42
- height: 100%;
43
- display: flex;
44
- flex-direction: column;
45
- }
46
-
1
+ :root {
2
+ --color-primary-50: 248 248 255;
3
+ --color-primary-100: 232 239 253;
4
+ --color-primary-200: 190 227 248;
5
+ --color-primary-300: 144 205 244;
6
+ --color-primary-400: 99 179 237;
7
+ --color-primary-500: 54 117 251;
8
+ --color-primary-600: 0 104 254;
9
+ --color-primary-700: 43 108 176;
10
+ --color-primary-800: 44 82 130;
11
+ --color-primary-900: 32 36 62;
12
+ --color-primary-950: 32 36 62;
13
+ --color-primary-DEFAULT: 54 117 251;
14
+
15
+ --dp-font-family: inherit !important;
16
+
17
+ }
18
+
19
+ .dp__theme_light {
20
+ --dp-primary-color: rgb(var(--color-primary-DEFAULT)) !important;
21
+ --dp-primary-disabled-color: rgb(var(--color-primary-200)) !important;
22
+ }
23
+
24
+ ::-webkit-scrollbar {
25
+ -webkit-appearance: none;
26
+ width: 10px;
27
+ height: 10px;
28
+ }
29
+
30
+ ::-webkit-scrollbar-thumb {
31
+ border-radius: 4px;
32
+ background-color: rgb(0 0 0 / 30%);
33
+ box-shadow: 0 0 1px rgb(255 255 255 / 50%);
34
+ }
35
+
36
+
37
+ html,
38
+ body,
39
+ #__nuxt,
40
+ #__layout,
41
+ .root-container {
42
+ height: 100%;
43
+ display: flex;
44
+ flex-direction: column;
45
+ }
46
+
package/package.json CHANGED
@@ -1,83 +1,83 @@
1
- {
2
- "name": "@finema/core",
3
- "version": "1.4.12",
4
- "repository": "https://gitlab.finema.co/finema/ui-kit",
5
- "license": "MIT",
6
- "author": "Finema Dev Core Team",
7
- "type": "module",
8
- "exports": {
9
- ".": {
10
- "types": "./dist/types.d.ts",
11
- "import": "./dist/module.mjs",
12
- "require": "./dist/module.cjs"
13
- }
14
- },
15
- "main": "./dist/module.cjs",
16
- "types": "./dist/types.d.ts",
17
- "files": [
18
- "dist"
19
- ],
20
- "engines": {
21
- "node": ">=18.0.0"
22
- },
23
- "scripts": {
24
- "prepack": "nuxt-module-build build",
25
- "dev": "nuxi dev playground",
26
- "dev:build": "nuxi build playground",
27
- "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
28
- "lint": "eslint .",
29
- "lint:fix": "eslint . --fix",
30
- "test": "vitest run",
31
- "test:watch": "vitest watch",
32
- "release": "release-it --ci",
33
- "prepare": "husky install"
34
- },
35
- "dependencies": {
36
- "@nuxt/kit": "^3.7.4",
37
- "@nuxt/ui": "^2.11.1",
38
- "@pinia/nuxt": "^0.5.1",
39
- "@vee-validate/nuxt": "^4.12.3",
40
- "@vee-validate/zod": "^4.12.3",
41
- "@vuepic/vue-datepicker": "^7.4.0",
42
- "axios": "^1.6.2",
43
- "date-fns": "^3.0.6",
44
- "i18next": "^23.7.11",
45
- "lodash-es": "^4.17.21",
46
- "nuxt-security": "^1.0.0",
47
- "pinia": "^2.1.7",
48
- "qrcode.vue": "^3.4.1",
49
- "url-join": "^5.0.0",
50
- "zod": "^3.22.4",
51
- "zod-i18n-map": "^2.23.0"
52
- },
53
- "devDependencies": {
54
- "@finema/eslint-config": "^1.2.0",
55
- "@nuxt/devtools": "latest",
56
- "@nuxt/eslint-config": "^0.2.0",
57
- "@nuxt/module-builder": "^0.5.4",
58
- "@nuxt/schema": "^3.7.4",
59
- "@nuxt/test-utils": "^3.9.0",
60
- "@release-it/conventional-changelog": "^8.0.1",
61
- "@types/lodash-es": "^4.17.12",
62
- "@types/node": "^18.18.1",
63
- "@vue/test-utils": "^2.4.3",
64
- "changelogen": "^0.5.5",
65
- "eslint": "^8.56.0",
66
- "happy-dom": "^12.10.3",
67
- "husky": "^8.0.3",
68
- "lint-staged": "^15.2.0",
69
- "nuxt": "^3.8.2",
70
- "playwright-core": "^1.40.1",
71
- "prettier": "^3.1.1",
72
- "release-it": "^17.0.1",
73
- "sass": "^1.69.5",
74
- "stylelint": "^16.0.2",
75
- "stylelint-config-prettier-scss": "^1.0.0",
76
- "stylelint-config-standard-scss": "^12.0.0",
77
- "vitest": "^1.1.0"
78
- },
79
- "lint-staged": {
80
- "*.{ts,vue,tsx,js}": "eslint --fix",
81
- "*.{html,json}": "prettier --write"
82
- }
83
- }
1
+ {
2
+ "name": "@finema/core",
3
+ "version": "1.4.13",
4
+ "repository": "https://gitlab.finema.co/finema/ui-kit",
5
+ "license": "MIT",
6
+ "author": "Finema Dev Core Team",
7
+ "type": "module",
8
+ "exports": {
9
+ ".": {
10
+ "types": "./dist/types.d.ts",
11
+ "import": "./dist/module.mjs",
12
+ "require": "./dist/module.cjs"
13
+ }
14
+ },
15
+ "main": "./dist/module.cjs",
16
+ "types": "./dist/types.d.ts",
17
+ "files": [
18
+ "dist"
19
+ ],
20
+ "engines": {
21
+ "node": ">=18.0.0"
22
+ },
23
+ "scripts": {
24
+ "prepack": "nuxt-module-build build",
25
+ "dev": "nuxi dev playground",
26
+ "dev:build": "nuxi build playground",
27
+ "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
28
+ "lint": "eslint .",
29
+ "lint:fix": "eslint . --fix",
30
+ "test": "vitest run",
31
+ "test:watch": "vitest watch",
32
+ "release": "release-it --ci",
33
+ "prepare": "husky install"
34
+ },
35
+ "dependencies": {
36
+ "@nuxt/kit": "^3.7.4",
37
+ "@nuxt/ui": "^2.11.1",
38
+ "@pinia/nuxt": "^0.5.1",
39
+ "@vee-validate/nuxt": "^4.12.3",
40
+ "@vee-validate/zod": "^4.12.3",
41
+ "@vuepic/vue-datepicker": "^7.4.0",
42
+ "axios": "^1.6.2",
43
+ "date-fns": "^3.0.6",
44
+ "i18next": "^23.7.11",
45
+ "lodash-es": "^4.17.21",
46
+ "nuxt-security": "^1.0.0",
47
+ "pinia": "^2.1.7",
48
+ "qrcode.vue": "^3.4.1",
49
+ "url-join": "^5.0.0",
50
+ "zod": "^3.22.4",
51
+ "zod-i18n-map": "^2.23.0"
52
+ },
53
+ "devDependencies": {
54
+ "@finema/eslint-config": "^1.2.0",
55
+ "@nuxt/devtools": "latest",
56
+ "@nuxt/eslint-config": "^0.2.0",
57
+ "@nuxt/module-builder": "^0.5.4",
58
+ "@nuxt/schema": "^3.7.4",
59
+ "@nuxt/test-utils": "^3.9.0",
60
+ "@release-it/conventional-changelog": "^8.0.1",
61
+ "@types/lodash-es": "^4.17.12",
62
+ "@types/node": "^18.18.1",
63
+ "@vue/test-utils": "^2.4.3",
64
+ "changelogen": "^0.5.5",
65
+ "eslint": "^8.56.0",
66
+ "happy-dom": "^12.10.3",
67
+ "husky": "^8.0.3",
68
+ "lint-staged": "^15.2.0",
69
+ "nuxt": "^3.8.2",
70
+ "playwright-core": "^1.40.1",
71
+ "prettier": "^3.1.1",
72
+ "release-it": "^17.0.1",
73
+ "sass": "^1.69.5",
74
+ "stylelint": "^16.0.2",
75
+ "stylelint-config-prettier-scss": "^1.0.0",
76
+ "stylelint-config-standard-scss": "^12.0.0",
77
+ "vitest": "^1.1.0"
78
+ },
79
+ "lint-staged": {
80
+ "*.{ts,vue,tsx,js}": "eslint --fix",
81
+ "*.{html,json}": "prettier --write"
82
+ }
83
+ }