vue-devui
Version:
DevUI components based on Vite and Vue3
272 lines (271 loc) • 7.13 kB
JavaScript
import { ref, reactive } from "vue";
var zhCN = {
pagination: {
totalItemText: "\u6240\u6709\u6761\u76EE",
goToText: "\u8DF3\u81F3",
perPage: "\u6761/\u9875"
},
accordion: {
loading: "\u52A0\u8F7D\u4E2D",
noData: "\u6CA1\u6709\u6570\u636E"
},
autoCompleteDropdown: {
latestInput: "\u6700\u8FD1\u8F93\u5165"
},
cascaderList: {
noData: "\u6CA1\u6709\u6570\u636E"
},
colorPicker: {
foundationPanel: "\u57FA\u7840\u9762\u677F",
advancedPanel: "\u9AD8\u7EA7\u9762\u677F"
},
datePickerPro: {
ok: "\u786E\u5B9A",
placeholder: "\u8BF7\u9009\u62E9\u65E5\u671F",
month1: "1\u6708",
month2: "2\u6708",
month3: "3\u6708",
month4: "4\u6708",
month5: "5\u6708",
month6: "6\u6708",
month7: "7\u6708",
month8: "8\u6708",
month9: "9\u6708",
month10: "10\u6708",
month11: "11\u6708",
month12: "12\u6708",
year: "\u5E74",
startPlaceholder: "\u8BF7\u9009\u62E9\u5F00\u59CB\u65E5\u671F",
endPlaceholder: "\u8BF7\u9009\u62E9\u7ED3\u675F\u65E5\u671F",
getWeekDays() {
return ["\u65E5", "\u4E00", "\u4E8C", "\u4E09", "\u56DB", "\u4E94", "\u516D"];
},
getTimeArr() {
return ["\u65F6", "\u5206", "\u79D2"];
},
getYearMonthStr(year, month) {
return `${year}\u5E74${month}\u6708`;
}
},
editableSelect: {
noRelatedRecords: "\u627E\u4E0D\u5230\u76F8\u5173\u8BB0\u5F55",
noData: "\u6CA1\u6709\u6570\u636E"
},
input: {
placeholder: "\u8BF7\u8F93\u5165"
},
splitterBar: {
collapse: "\u6536\u8D77",
expand: "\u5C55\u5F00"
},
stepsGuide: {
previous: "\u4E0A\u4E00\u6B65",
continue: "\u6211\u77E5\u9053\u5566\uFF0C\u7EE7\u7EED",
ok: "\u6211\u77E5\u9053\u5566"
},
table: {
selectAll: "\u5168\u9009",
ok: "\u786E\u5B9A"
},
dataGrid: {
selectAll: "\u5168\u9009",
ok: "\u786E\u5B9A"
},
timePopup: {
ok: "\u786E\u5B9A"
},
transfer: {
unit: "\u9879",
panelUnit: "\u9879",
headerUnit: "\u9879",
noData: "\u6682\u65E0\u6570\u636E",
placeholder: "\u8BF7\u8F93\u5165\u5173\u952E\u8BCD\u641C\u7D22"
},
tree: {
loading: "\u52A0\u8F7D\u4E2D",
newNode: "\u65B0\u8282\u70B9",
selectPlaceholder: "\u8BF7\u9009\u62E9"
},
upload: {
placeholder: "\u9009\u62E9\u6587\u4EF6",
getExistSameNameFilesMsg(sameNames) {
return `\u60A8\u4E0A\u4F20\u7684 "${sameNames}" \u5B58\u5728\u91CD\u540D\u6587\u4EF6, \u8BF7\u91CD\u65B0\u9009\u62E9\u6587\u4EF6`;
},
getAllFilesBeyondMaximalFileSizeMsg(maximalSize) {
return `\u6700\u5927\u652F\u6301\u4E0A\u4F20${maximalSize}MB\u7684\u6587\u4EF6, \u60A8\u672C\u6B21\u4E0A\u4F20\u7684\u6240\u6709\u6587\u4EF6\u8D85\u8FC7\u53EF\u4E0A\u4F20\u6587\u4EF6\u5927\u5C0F`;
},
getBeyondMaximalFileSizeMsg(filename, maximalSize) {
return `\u6700\u5927\u652F\u6301\u4E0A\u4F20${maximalSize}MB\u7684\u6587\u4EF6, \u60A8\u4E0A\u4F20\u7684\u6587\u4EF6"${filename}"\u8D85\u8FC7\u53EF\u4E0A\u4F20\u6587\u4EF6\u5927\u5C0F`;
},
getNotAllowedFileTypeMsg(filename, scope) {
return `\u652F\u6301\u7684\u6587\u4EF6\u7C7B\u578B: "${scope}", \u60A8\u4E0A\u4F20\u7684\u6587\u4EF6"${filename}"\u4E0D\u5728\u5141\u8BB8\u8303\u56F4\u5185\uFF0C\u8BF7\u91CD\u65B0\u9009\u62E9\u6587\u4EF6`;
}
},
search: {
placeholder: "\u8BF7\u8F93\u5165\u5173\u952E\u5B57"
},
select: {
placeholder: "\u8BF7\u9009\u62E9",
noDataText: "\u65E0\u6570\u636E",
noMatchText: "\u627E\u4E0D\u5230\u76F8\u5173\u8BB0\u5F55",
loadingText: "\u52A0\u8F7D\u4E2D..."
},
tagInput: {
maxTagsText: "\u5DF2\u8FBE\u5230\u6700\u5927\u4E2A\u6570\uFF1A"
},
timeSelect: {
placeholder: "\u8BF7\u9009\u62E9\u65F6\u95F4"
}
};
var enUS = {
pagination: {
totalItemText: "Total",
goToText: "Go to"
},
accordion: {
loading: "loading",
noData: "No Data"
},
autoCompleteDropdown: {
latestInput: "Latest input"
},
cascaderList: {
noData: "No data"
},
colorPicker: {
foundationPanel: "Foundation panel",
advancedPanel: "Advanced panel"
},
datePickerPro: {
ok: "OK",
placeholder: "select date",
month1: "Jan",
month2: "Feb",
month3: "Mar",
month4: "Apr",
month5: "May",
month6: "June",
month7: "July",
month8: "Aug",
month9: "Sep",
month10: "Oct",
month11: "Nov",
month12: "Dec",
year: "\u5E74",
startPlaceholder: "select start date",
endPlaceholder: "select end date",
getWeekDays() {
return ["Sun", "Mon", "Tue", "Wed", "Thur", "Fri", "Sat"];
},
getTimeArr() {
return ["Hr", "Min", "Sec"];
},
getYearMonthStr(year, month) {
return `${year} - ${month}`;
}
},
editableSelect: {
noRelatedRecords: "No related records found",
noData: "No data"
},
input: {
placeholder: "Please enter"
},
splitterBar: {
collapse: "Collapse",
expand: "Expand"
},
stepsGuide: {
previous: "Previous",
continue: "Continue",
ok: "OK"
},
table: {
selectAll: "Select all",
ok: "OK"
},
dataGrid: {
selectAll: "Select all",
ok: "OK"
},
timePopup: {
ok: "OK"
},
transfer: {
unit: "",
panelUnit: "",
headerUnit: "",
noData: "No Data",
placeholder: "Please enter keywords"
},
tree: {
loading: "Loading",
newNode: "New node",
selectPlaceholder: "Please select"
},
upload: {
placeholder: "select file",
getExistSameNameFilesMsg(sameNames) {
return `Duplicate files exist : "${sameNames}" `;
},
getAllFilesBeyondMaximalFileSizeMsg(maximalSize) {
return `Maximum file size (MB): ${maximalSize}. The selected files exceed the maximum value`;
},
getBeyondMaximalFileSizeMsg(filename, maximalSize) {
return `Maximum file size (MB): ${maximalSize}. Files whose size exceeds the maximum value: ${filename}`;
},
getNotAllowedFileTypeMsg(filename, scope) {
return `Files with unsupported types: ${filename}. Supported file types: ${scope}`;
}
},
search: {
placeholder: "Enter a keyword"
},
select: {
placeholder: "Please select",
noDataText: "No data",
noMatchText: "No related records found",
loadingText: "Loading..."
},
tagInput: {
maxTagsText: "Maximum number reached: "
},
timeSelect: {
placeholder: "Please select time"
}
};
const lang = ref("zh-CN");
const nowApp = ref();
let langMessages = reactive({
["zh-CN"]: zhCN,
["en-US"]: enUS
});
const Locale = {
messages(language = lang.value) {
return langMessages[language];
},
lang() {
return lang.value;
},
use(newLang) {
const app = nowApp.value;
lang.value = newLang;
app.config.globalProperties.langMessages = Locale.messages();
},
add(newMessages) {
langMessages = {
...langMessages,
...newMessages
};
}
};
var index = {
title: "\u56FD\u9645\u5316",
category: "\u57FA\u7840",
status: "100%",
install(app, language) {
app.config.globalProperties.langMessages = Locale.messages(language);
nowApp.value = app;
}
};
export { Locale, index as default };