feat: add vue3(element-plus)

yudao-ui-admin-vue3/src/plugins/elementPlus/index.ts

@@ -0,0 +1,17 @@
+import type { App } from 'vue'
+// 需要全局引入一些组件，如ElScrollbar，不然一些下拉项样式有问题
+import { ElLoading, ElScrollbar, ElButton } from 'element-plus'
+
+const plugins = [ElLoading]
+
+const components = [ElScrollbar, ElButton]
+
+export const setupElementPlus = (app: App<Element>) => {
+  plugins.forEach((plugin) => {
+    app.use(plugin)
+  })
+
+  components.forEach((component) => {
+    app.component(component.name, component)
+  })
+}

yudao-ui-admin-vue3/src/plugins/elementPlus/message.ts

@@ -0,0 +1,72 @@
+import { ElMessage, ElMessageBox, ElNotification } from 'element-plus'
+import { useI18n } from '@/hooks/web/useI18n'
+const { t } = useI18n() // 国际化
+
+const message = {
+  // 消息提示
+  msg(content: string) {
+    ElMessage.info(content)
+  },
+  // 错误消息
+  msgError(content: string) {
+    ElMessage.error(content)
+  },
+  // 成功消息
+  msgSuccess(content: string) {
+    ElMessage.success(content)
+  },
+  // 警告消息
+  msgWarning(content: string) {
+    ElMessage.warning(content)
+  },
+  // 弹出提示
+  alert(content: string) {
+    ElMessageBox.alert(content, t('common.confirmTitle'))
+  },
+  // 错误提示
+  alertError(content: string) {
+    ElMessageBox.alert(content, t('common.confirmTitle'), { type: 'error' })
+  },
+  // 成功提示
+  alertSuccess(content: string) {
+    ElMessageBox.alert(content, t('common.confirmTitle'), { type: 'success' })
+  },
+  // 警告提示
+  alertWarning(content: string) {
+    ElMessageBox.alert(content, t('common.confirmTitle'), { type: 'warning' })
+  },
+  // 通知提示
+  notify(content: string) {
+    ElNotification.info(content)
+  },
+  // 错误通知
+  notifyError(content: string) {
+    ElNotification.error(content)
+  },
+  // 成功通知
+  notifySuccess(content: string) {
+    ElNotification.success(content)
+  },
+  // 警告通知
+  notifyWarning(content: string) {
+    ElNotification.warning(content)
+  },
+  // 确认窗体
+  confirm(content: string) {
+    return ElMessageBox.confirm(content, t('common.confirmTitle'), {
+      confirmButtonText: t('common.ok'),
+      cancelButtonText: t('common.cancel'),
+      type: 'warning'
+    })
+  },
+  // 提交内容
+  prompt(content: string) {
+    return ElMessageBox.prompt(content, t('common.confirmTitle'), {
+      confirmButtonText: t('common.ok'),
+      cancelButtonText: t('common.cancel'),
+      type: 'warning'
+    })
+  }
+}
+
+export default message