@oiij/naive-ui 0.0.61 → 0.0.62
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.cjs +21 -21
- package/dist/components.js +2130 -2101
- package/dist/components.umd.cjs +21 -21
- package/dist/composables/index.d.ts +3 -0
- package/dist/composables/useNaiveTheme.cjs +41 -45
- package/dist/composables/useNaiveTheme.js +41 -45
- package/dist/index.d.ts +1 -0
- package/package.json +14 -14
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { DataObject, DataRequestFields, UseDataRequestOptions, UseDataRequestPagination, UseDataRequestReturns, useDataRequest } from "./useDataRequest.js";
|
|
2
|
+
import { NaiveFormClearRules, NaiveFormOptions, NaiveFormReturns, NaiveFormRules, useNaiveForm } from "./useNaiveForm.js";
|
|
3
|
+
import { NaiveThemeReturns, useNaiveTheme } from "./useNaiveTheme.js";
|
|
@@ -36,54 +36,50 @@ function useNaiveTheme(options) {
|
|
|
36
36
|
...v
|
|
37
37
|
};
|
|
38
38
|
}
|
|
39
|
-
const theme = (0, vue.computed)(() => {
|
|
40
|
-
return darkModeRef?.value ? naive_ui.darkTheme : void 0;
|
|
41
|
-
});
|
|
42
|
-
const themeOverrides = (0, vue.computed)(() => {
|
|
43
|
-
const { primary, info, success, warning, error } = require__helper.getColors(colorRef.value);
|
|
44
|
-
return {
|
|
45
|
-
common: {
|
|
46
|
-
bodyColor: darkModeRef?.value ? "#1f1f1f" : "#f5f5f5",
|
|
47
|
-
primaryColor: primary?.color,
|
|
48
|
-
primaryColorHover: primary?.hover,
|
|
49
|
-
primaryColorPressed: primary?.pressed,
|
|
50
|
-
primaryColorSuppl: primary?.suppl,
|
|
51
|
-
infoColor: info?.color,
|
|
52
|
-
infoColorHover: info?.hover,
|
|
53
|
-
infoColorPressed: info?.pressed,
|
|
54
|
-
infoColorSuppl: info?.suppl,
|
|
55
|
-
successColor: success?.color,
|
|
56
|
-
successColorHover: success?.hover,
|
|
57
|
-
successColorPressed: success?.pressed,
|
|
58
|
-
successColorSuppl: success?.suppl,
|
|
59
|
-
warningColor: warning?.color,
|
|
60
|
-
warningColorHover: warning?.hover,
|
|
61
|
-
warningColorPressed: warning?.pressed,
|
|
62
|
-
warningColorSuppl: warning?.suppl,
|
|
63
|
-
errorColor: error?.color,
|
|
64
|
-
errorColorHover: error?.hover,
|
|
65
|
-
errorColorPressed: error?.pressed,
|
|
66
|
-
errorColorSuppl: error?.suppl,
|
|
67
|
-
...common
|
|
68
|
-
},
|
|
69
|
-
...extra
|
|
70
|
-
};
|
|
71
|
-
});
|
|
72
|
-
const locale = (0, vue.computed)(() => {
|
|
73
|
-
if (!languageRef?.value || !naiveLocaleMap[languageRef.value]) return naiveLocaleMap["zh-CN"].locale;
|
|
74
|
-
return naiveLocaleMap[languageRef.value].locale;
|
|
75
|
-
});
|
|
76
|
-
const dateLocale = (0, vue.computed)(() => {
|
|
77
|
-
if (!languageRef?.value || !naiveLocaleMap[languageRef.value]) return naiveLocaleMap["zh-CN"].dateLocale;
|
|
78
|
-
return naiveLocaleMap[languageRef.value].dateLocale;
|
|
79
|
-
});
|
|
80
39
|
return {
|
|
81
40
|
language: languageRef,
|
|
82
41
|
darkMode: darkModeRef,
|
|
83
|
-
theme,
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
42
|
+
theme: (0, vue.computed)(() => {
|
|
43
|
+
return darkModeRef?.value ? naive_ui.darkTheme : void 0;
|
|
44
|
+
}),
|
|
45
|
+
themeOverrides: (0, vue.computed)(() => {
|
|
46
|
+
const { primary, info, success, warning, error } = require__helper.getColors(colorRef.value);
|
|
47
|
+
return {
|
|
48
|
+
common: {
|
|
49
|
+
bodyColor: darkModeRef?.value ? "#1f1f1f" : "#f5f5f5",
|
|
50
|
+
primaryColor: primary?.color,
|
|
51
|
+
primaryColorHover: primary?.hover,
|
|
52
|
+
primaryColorPressed: primary?.pressed,
|
|
53
|
+
primaryColorSuppl: primary?.suppl,
|
|
54
|
+
infoColor: info?.color,
|
|
55
|
+
infoColorHover: info?.hover,
|
|
56
|
+
infoColorPressed: info?.pressed,
|
|
57
|
+
infoColorSuppl: info?.suppl,
|
|
58
|
+
successColor: success?.color,
|
|
59
|
+
successColorHover: success?.hover,
|
|
60
|
+
successColorPressed: success?.pressed,
|
|
61
|
+
successColorSuppl: success?.suppl,
|
|
62
|
+
warningColor: warning?.color,
|
|
63
|
+
warningColorHover: warning?.hover,
|
|
64
|
+
warningColorPressed: warning?.pressed,
|
|
65
|
+
warningColorSuppl: warning?.suppl,
|
|
66
|
+
errorColor: error?.color,
|
|
67
|
+
errorColorHover: error?.hover,
|
|
68
|
+
errorColorPressed: error?.pressed,
|
|
69
|
+
errorColorSuppl: error?.suppl,
|
|
70
|
+
...common
|
|
71
|
+
},
|
|
72
|
+
...extra
|
|
73
|
+
};
|
|
74
|
+
}),
|
|
75
|
+
locale: (0, vue.computed)(() => {
|
|
76
|
+
if (!languageRef?.value || !naiveLocaleMap[languageRef.value]) return naiveLocaleMap["zh-CN"].locale;
|
|
77
|
+
return naiveLocaleMap[languageRef.value].locale;
|
|
78
|
+
}),
|
|
79
|
+
dateLocale: (0, vue.computed)(() => {
|
|
80
|
+
if (!languageRef?.value || !naiveLocaleMap[languageRef.value]) return naiveLocaleMap["zh-CN"].dateLocale;
|
|
81
|
+
return naiveLocaleMap[languageRef.value].dateLocale;
|
|
82
|
+
}),
|
|
87
83
|
color: colorRef,
|
|
88
84
|
setColor
|
|
89
85
|
};
|
|
@@ -33,54 +33,50 @@ function useNaiveTheme(options) {
|
|
|
33
33
|
...v
|
|
34
34
|
};
|
|
35
35
|
}
|
|
36
|
-
const theme = computed(() => {
|
|
37
|
-
return darkModeRef?.value ? darkTheme : void 0;
|
|
38
|
-
});
|
|
39
|
-
const themeOverrides = computed(() => {
|
|
40
|
-
const { primary, info, success, warning, error } = getColors(colorRef.value);
|
|
41
|
-
return {
|
|
42
|
-
common: {
|
|
43
|
-
bodyColor: darkModeRef?.value ? "#1f1f1f" : "#f5f5f5",
|
|
44
|
-
primaryColor: primary?.color,
|
|
45
|
-
primaryColorHover: primary?.hover,
|
|
46
|
-
primaryColorPressed: primary?.pressed,
|
|
47
|
-
primaryColorSuppl: primary?.suppl,
|
|
48
|
-
infoColor: info?.color,
|
|
49
|
-
infoColorHover: info?.hover,
|
|
50
|
-
infoColorPressed: info?.pressed,
|
|
51
|
-
infoColorSuppl: info?.suppl,
|
|
52
|
-
successColor: success?.color,
|
|
53
|
-
successColorHover: success?.hover,
|
|
54
|
-
successColorPressed: success?.pressed,
|
|
55
|
-
successColorSuppl: success?.suppl,
|
|
56
|
-
warningColor: warning?.color,
|
|
57
|
-
warningColorHover: warning?.hover,
|
|
58
|
-
warningColorPressed: warning?.pressed,
|
|
59
|
-
warningColorSuppl: warning?.suppl,
|
|
60
|
-
errorColor: error?.color,
|
|
61
|
-
errorColorHover: error?.hover,
|
|
62
|
-
errorColorPressed: error?.pressed,
|
|
63
|
-
errorColorSuppl: error?.suppl,
|
|
64
|
-
...common
|
|
65
|
-
},
|
|
66
|
-
...extra
|
|
67
|
-
};
|
|
68
|
-
});
|
|
69
|
-
const locale = computed(() => {
|
|
70
|
-
if (!languageRef?.value || !naiveLocaleMap[languageRef.value]) return naiveLocaleMap["zh-CN"].locale;
|
|
71
|
-
return naiveLocaleMap[languageRef.value].locale;
|
|
72
|
-
});
|
|
73
|
-
const dateLocale = computed(() => {
|
|
74
|
-
if (!languageRef?.value || !naiveLocaleMap[languageRef.value]) return naiveLocaleMap["zh-CN"].dateLocale;
|
|
75
|
-
return naiveLocaleMap[languageRef.value].dateLocale;
|
|
76
|
-
});
|
|
77
36
|
return {
|
|
78
37
|
language: languageRef,
|
|
79
38
|
darkMode: darkModeRef,
|
|
80
|
-
theme
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
39
|
+
theme: computed(() => {
|
|
40
|
+
return darkModeRef?.value ? darkTheme : void 0;
|
|
41
|
+
}),
|
|
42
|
+
themeOverrides: computed(() => {
|
|
43
|
+
const { primary, info, success, warning, error } = getColors(colorRef.value);
|
|
44
|
+
return {
|
|
45
|
+
common: {
|
|
46
|
+
bodyColor: darkModeRef?.value ? "#1f1f1f" : "#f5f5f5",
|
|
47
|
+
primaryColor: primary?.color,
|
|
48
|
+
primaryColorHover: primary?.hover,
|
|
49
|
+
primaryColorPressed: primary?.pressed,
|
|
50
|
+
primaryColorSuppl: primary?.suppl,
|
|
51
|
+
infoColor: info?.color,
|
|
52
|
+
infoColorHover: info?.hover,
|
|
53
|
+
infoColorPressed: info?.pressed,
|
|
54
|
+
infoColorSuppl: info?.suppl,
|
|
55
|
+
successColor: success?.color,
|
|
56
|
+
successColorHover: success?.hover,
|
|
57
|
+
successColorPressed: success?.pressed,
|
|
58
|
+
successColorSuppl: success?.suppl,
|
|
59
|
+
warningColor: warning?.color,
|
|
60
|
+
warningColorHover: warning?.hover,
|
|
61
|
+
warningColorPressed: warning?.pressed,
|
|
62
|
+
warningColorSuppl: warning?.suppl,
|
|
63
|
+
errorColor: error?.color,
|
|
64
|
+
errorColorHover: error?.hover,
|
|
65
|
+
errorColorPressed: error?.pressed,
|
|
66
|
+
errorColorSuppl: error?.suppl,
|
|
67
|
+
...common
|
|
68
|
+
},
|
|
69
|
+
...extra
|
|
70
|
+
};
|
|
71
|
+
}),
|
|
72
|
+
locale: computed(() => {
|
|
73
|
+
if (!languageRef?.value || !naiveLocaleMap[languageRef.value]) return naiveLocaleMap["zh-CN"].locale;
|
|
74
|
+
return naiveLocaleMap[languageRef.value].locale;
|
|
75
|
+
}),
|
|
76
|
+
dateLocale: computed(() => {
|
|
77
|
+
if (!languageRef?.value || !naiveLocaleMap[languageRef.value]) return naiveLocaleMap["zh-CN"].dateLocale;
|
|
78
|
+
return naiveLocaleMap[languageRef.value].dateLocale;
|
|
79
|
+
}),
|
|
84
80
|
color: colorRef,
|
|
85
81
|
setColor
|
|
86
82
|
};
|
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { DataObject, DataRequestFields, UseDataRequestOptions, UseDataRequestPagination, UseDataRequestReturns, useDataRequest } from "./composables/useDataRequest.js";
|
|
2
2
|
import { NaiveFormClearRules, NaiveFormOptions, NaiveFormReturns, NaiveFormRules, useNaiveForm } from "./composables/useNaiveForm.js";
|
|
3
3
|
import { NaiveThemeReturns, useNaiveTheme } from "./composables/useNaiveTheme.js";
|
|
4
|
+
import "./composables/index.js";
|
|
4
5
|
export { DataObject, DataRequestFields, NaiveFormClearRules, NaiveFormOptions, NaiveFormReturns, NaiveFormRules, NaiveThemeReturns, UseDataRequestOptions, UseDataRequestPagination, UseDataRequestReturns, useDataRequest, useNaiveForm, useNaiveTheme };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@oiij/naive-ui",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.62",
|
|
5
5
|
"description": "Some Composable Functions And Components for Vue 3",
|
|
6
6
|
"author": "oiij",
|
|
7
7
|
"license": "MIT",
|
|
@@ -38,32 +38,32 @@
|
|
|
38
38
|
"package.json"
|
|
39
39
|
],
|
|
40
40
|
"peerDependencies": {
|
|
41
|
-
"@vueuse/core": "^
|
|
41
|
+
"@vueuse/core": "^14.0.0",
|
|
42
42
|
"async-validator": "^4.2.5",
|
|
43
43
|
"colord": "^2.9.3",
|
|
44
|
-
"es-toolkit": "^1.
|
|
44
|
+
"es-toolkit": "^1.41.0",
|
|
45
45
|
"naive-ui": "^2.43.1",
|
|
46
46
|
"prismjs": "^1.30.0",
|
|
47
|
-
"vue": "^3.5.
|
|
47
|
+
"vue": "^3.5.22",
|
|
48
48
|
"vue-hooks-plus": "^2.4.1",
|
|
49
|
-
"@oiij/
|
|
50
|
-
"@oiij/css-render": "0.0.
|
|
51
|
-
"@oiij/
|
|
49
|
+
"@oiij/markdown-it": "0.0.7",
|
|
50
|
+
"@oiij/css-render": "0.0.5",
|
|
51
|
+
"@oiij/use": "0.0.26"
|
|
52
52
|
},
|
|
53
53
|
"devDependencies": {
|
|
54
54
|
"@types/prismjs": "^1.26.5",
|
|
55
|
-
"@vueuse/core": "^
|
|
55
|
+
"@vueuse/core": "^14.0.0",
|
|
56
56
|
"async-validator": "^4.2.5",
|
|
57
57
|
"colord": "^2.9.3",
|
|
58
|
-
"es-toolkit": "^1.
|
|
58
|
+
"es-toolkit": "^1.41.0",
|
|
59
59
|
"naive-ui": "^2.43.1",
|
|
60
60
|
"prismjs": "^1.30.0",
|
|
61
|
-
"vue": "^3.5.
|
|
62
|
-
"vue-component-type-helpers": "^3.
|
|
61
|
+
"vue": "^3.5.22",
|
|
62
|
+
"vue-component-type-helpers": "^3.1.2",
|
|
63
63
|
"vue-hooks-plus": "^2.4.1",
|
|
64
|
-
"@oiij/css-render": "0.0.
|
|
65
|
-
"@oiij/
|
|
66
|
-
"@oiij/
|
|
64
|
+
"@oiij/css-render": "0.0.5",
|
|
65
|
+
"@oiij/use": "0.0.26",
|
|
66
|
+
"@oiij/markdown-it": "0.0.7"
|
|
67
67
|
},
|
|
68
68
|
"publishConfig": {
|
|
69
69
|
"access": "public"
|