@utogether/udp-core 1.0.0

package/src/style/tailwind.css

@@ -0,0 +1,68 @@
+/* @tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer components {
+  .flex-c {
+    @apply flex justify-center items-center;
+  }
+
+  .flex-ac {
+    @apply flex justify-around items-center;
+  }
+
+  .flex-bc {
+    @apply flex justify-between items-center;
+  }
+
+  .navbar-bg-hover {
+    @apply dark:text-white dark:hover:!bg-[#242424];
+  }
+} */
+
+@layer theme, base, components, utilities;
+@import 'tailwindcss/theme.css' layer(theme);
+@import 'tailwindcss/utilities.css' layer(utilities);
+
+@custom-variant dark (&:is(.dark *));
+
+@theme {
+  --color-bg_color: var(--el-bg-color);
+  --color-primary: var(--el-color-primary);
+  --color-text_color_primary: var(--el-text-color-primary);
+  --color-text_color_regular: var(--el-text-color-regular);
+}
+
+/*
+  The default border color has changed to `currentColor` in Tailwind CSS v4,
+  so we've added these compatibility styles to make sure everything still
+  looks the same as it did with Tailwind CSS v3.
+
+  If we ever want to remove these styles, we need to add an explicit border
+  color utility to any element that depends on these defaults.
+*/
+@layer base {
+  *,
+  ::after,
+  ::before,
+  ::backdrop,
+  ::file-selector-button {
+    border-color: var(--color-gray-200, currentColor);
+  }
+}
+
+@utility flex-c {
+  @apply flex justify-center items-center;
+}
+
+@utility flex-ac {
+  @apply flex justify-around items-center;
+}
+
+@utility flex-bc {
+  @apply flex justify-between items-center;
+}
+
+@utility navbar-bg-hover {
+  @apply dark:text-white dark:hover:bg-[#242424]!;
+}

package/src/style/theme.scss

@@ -0,0 +1,143 @@
+/* 亮白色 */
+html[data-theme='light'] {
+  --udp-theme-vxeColor: #409eff;
+  --udp-theme-sub-menu-active-text: #000;
+  --udp-theme-project-text: #000;
+  --udp-theme-menu-bg: #fff;
+  --udp-theme-menu-hover: #f6f6f6;
+  --udp-theme-sub-menu-bg: #fff;
+  --udp-theme-sub-menu-active-bg: #e0ebf6;
+  --udp-theme-nav-text-color: #7a80b4;
+  --udp-theme-menu-text: rgb(0 0 0 / 60%);
+  --udp-theme-sidebar-logo: #001529;
+  --udp-theme-menu-title-hover: #000;
+  --udp-theme-menu-active-before: #4091f7;
+}
+
+/* 道奇蓝 */
+html[data-theme='default'] {
+  --udp-theme-vxeColor: #409eff;
+  --udp-theme-sub-menu-active-text: #fff;
+  --udp-theme-project-text: #409eff;
+  --udp-theme-menu-bg: #001529;
+  --udp-theme-menu-hover: rgb(64 145 247 / 15%);
+  --udp-theme-sub-menu-bg: #001529;
+  --udp-theme-sub-menu-active-bg: #4091f7;
+  --udp-theme-nav-text-color: #fff;
+  --udp-theme-menu-text: rgb(254 254 254 / 65%);
+  --udp-theme-sidebar-logo: #001529;
+  --udp-theme-menu-title-hover: #fff;
+  --udp-theme-menu-active-before: #4091f7;
+}
+
+/* 深紫罗兰色 */
+html[data-theme='saucePurple'] {
+  --udp-theme-vxeColor: #722ed1;
+  --udp-theme-sub-menu-active-text: #fff;
+  --udp-theme-project-text: #722ed1;
+  --udp-theme-menu-bg: #130824;
+  --udp-theme-menu-hover: rgb(105 58 201 / 15%);
+  --udp-theme-sub-menu-bg: #000;
+  --udp-theme-sub-menu-active-bg: #693ac9;
+  --udp-theme-nav-text-color: #7a80b4;
+  --udp-theme-menu-text: #7a80b4;
+  --udp-theme-sidebar-logo: #001529;
+  --udp-theme-menu-title-hover: #fff;
+  --udp-theme-menu-active-before: #693ac9;
+}
+
+/* 深粉色 */
+html[data-theme='pink'] {
+  --udp-theme-vxeColor: #eb2f96;
+  --udp-theme-sub-menu-active-text: #fff;
+  --udp-theme-project-text: #eb2f96;
+  --udp-theme-menu-bg: #28081a;
+  --udp-theme-menu-hover: rgb(216 68 147 / 15%);
+  --udp-theme-sub-menu-bg: #000;
+  --udp-theme-sub-menu-active-bg: #d84493;
+  --udp-theme-nav-text-color: #7a80b4;
+  --udp-theme-menu-text: #7a80b4;
+  --udp-theme-sidebar-logo: #001529;
+  --udp-theme-menu-title-hover: #fff;
+  --udp-theme-menu-active-before: #d84493;
+}
+
+/* 猩红色 */
+html[data-theme='dusk'] {
+  --udp-theme-vxeColor: #f5222d;
+  --udp-theme-sub-menu-active-text: #fff;
+  --udp-theme-project-text: #f5222d;
+  --udp-theme-menu-bg: #2a0608;
+  --udp-theme-menu-hover: rgb(225 60 57 / 15%);
+  --udp-theme-sub-menu-bg: #000;
+  --udp-theme-sub-menu-active-bg: #e13c39;
+  --udp-theme-nav-text-color: red;
+  --udp-theme-menu-text: rgb(254 254 254 / 65.1%);
+  --udp-theme-sidebar-logo: #001529;
+  --udp-theme-menu-title-hover: #fff;
+  --udp-theme-menu-active-before: #e13c39;
+}
+
+/* 橙红色 */
+html[data-theme='volcano'] {
+  --udp-theme-vxeColor: #fa541c;
+  --udp-theme-sub-menu-active-text: #fff;
+  --udp-theme-project-text: #fa541c;
+  --udp-theme-menu-bg: #2b0e05;
+  --udp-theme-menu-hover: rgb(232 95 51 / 15%);
+  --udp-theme-sub-menu-bg: #0f0603;
+  --udp-theme-sub-menu-active-bg: #e85f33;
+  --udp-theme-nav-text-color: #fff;
+  --udp-theme-menu-text: rgb(254 254 254 / 65%);
+  --udp-theme-sidebar-logo: #001529;
+  --udp-theme-menu-title-hover: #fff;
+  --udp-theme-menu-active-before: #e85f33;
+}
+
+/* 绿宝石 */
+html[data-theme='mingQing'] {
+  --udp-theme-vxeColor: #13c2c2;
+  --udp-theme-sub-menu-active-text: #fff;
+  --udp-theme-project-text: #13c2c2;
+  --udp-theme-menu-bg: #032121;
+  --udp-theme-menu-hover: rgb(89 191 193 / 15%);
+  --udp-theme-sub-menu-bg: #000;
+  --udp-theme-sub-menu-active-bg: #59bfc1;
+  --udp-theme-nav-text-color: #7a80b4;
+  --udp-theme-menu-text: #7a80b4;
+  --udp-theme-sidebar-logo: #001529;
+  --udp-theme-menu-title-hover: #fff;
+  --udp-theme-menu-active-before: #59bfc1;
+}
+
+/* 酸橙绿 */
+html[data-theme='auroraGreen'] {
+  --udp-theme-vxeColor: #52c41a;
+  --udp-theme-sub-menu-active-text: #fff;
+  --udp-theme-project-text: #52c41a;
+  --udp-theme-menu-bg: #0b1e15;
+  --udp-theme-menu-hover: rgb(96 172 128 / 15%);
+  --udp-theme-sub-menu-bg: #000;
+  --udp-theme-sub-menu-active-bg: #60ac80;
+  --udp-theme-nav-text-color: #7a80b4;
+  --udp-theme-menu-text: #7a80b4;
+  --udp-theme-sidebar-logo: #001529;
+  --udp-theme-menu-title-hover: #fff;
+  --udp-theme-menu-active-before: #60ac80;
+}
+
+/* 明黄 */
+html[data-theme='yellow'] {
+  --udp-theme-vxeColor: #fadb14;
+  --udp-theme-sub-menu-active-text: #fff;
+  --udp-theme-project-text: #fadb14;
+  --udp-theme-menu-bg: #2b2503;
+  --udp-theme-menu-hover: #f6da4d;
+  --udp-theme-sub-menu-bg: #0f0603;
+  --udp-theme-sub-menu-active-bg: #f6da4d;
+  --udp-theme-nav-text-color: #fff;
+  --udp-theme-menu-text: rgb(254 254 254 / 65%);
+  --udp-theme-sidebar-logo: #001529;
+  --udp-theme-menu-title-hover: #fff;
+  --udp-theme-menu-active-before: #f6da4d;
+}

package/src/style/transition.scss

@@ -0,0 +1,42 @@
+/* fade */
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.28s;
+}
+
+.fade-enter,
+.fade-leave-active {
+  opacity: 0;
+}
+
+/* fade-transform */
+.fade-transform-leave-active,
+.fade-transform-enter-active {
+  transition: all 0.5s;
+}
+
+.fade-transform-enter-from {
+  opacity: 0;
+  transform: translateX(-30px);
+}
+
+.fade-transform-leave-to {
+  opacity: 0;
+  transform: translateX(30px);
+}
+
+/* breadcrumb transition */
+.breadcrumb-enter-active {
+  transition: all 0.4s;
+}
+
+.breadcrumb-leave-active {
+  transition: all 0.3s;
+}
+
+.breadcrumb-enter-from,
+.breadcrumb-leave-active {
+  position: absolute;
+  opacity: 0;
+  transform: translateX(20px);
+}

package/src/style/vxetable.scss

@@ -0,0 +1,256 @@
+// 默认主题
+html[data-vxe-ui-theme='light'] {
+  // 字体颜色
+  --vxe-ui-font-color: #000;
+  --vxe-ui-table-font-color: #000;
+
+  // 禁用颜色
+  --vxe-ui-font-disabled-color: #040404;
+  --el-disabled-text-color: #040404;
+  --vxe-ui-input-disabled-background-color: #fafafa;
+  --el-disabled-bg-color: #fafafa;
+  --vxe-ui-button-height-mini: 24px;
+}
+
+/** 重写table的背景 */
+.vxe-table--header {
+  font-weight: 700;
+  color: #34538b;
+  background-color: #d8e5f7;
+  background-image: linear-gradient(180deg, #d8e5f7, #bcd3f5);
+}
+
+/** 日期选择器弹出面板 */
+.vxe-input--date-picker-body {
+  td.is--prev,
+  td.is--next {
+    .vxe-input--date-label {
+      color: #bfbfbf;
+    }
+  }
+}
+
+/** 必填录入框颜色 */
+.vxe-form--item.is--required {
+  .vxe-input > .vxe-input--inner:not(:disabled) {
+    background-color: #fffbdf;
+  }
+
+  .el-input:not(.is-disabled) > .el-input__wrapper {
+    background-color: #fffbdf;
+  }
+
+  .vxe-textarea:not(.is--disabled) > .vxe-textarea--inner {
+    background-color: #fffbdf;
+  }
+}
+
+/** 分页组件：当前页颜色 */
+.vxe-pager {
+  .vxe-pager--num-btn:not(.is--disabled).is--active {
+    color: #fff !important;
+  }
+}
+
+/***** switch ******/
+.vxe-switch {
+  padding-left: 0;
+
+  .vxe-switch--label {
+    width: 24px;
+  }
+}
+
+/**********  */
+
+/***** grid统计页脚 ******/
+
+.ut-grid-footer {
+  font-weight: 800;
+}
+
+/************  */
+
+.vxe-button--dropdown-wrapper {
+  padding: 0;
+
+  .vxe-button {
+    padding: 8px !important;
+    border-bottom: 1px solid #bfbfbf;
+
+    .vxe-button--icon {
+      font-size: 16px;
+    }
+  }
+}
+
+// mini-size
+.vxe-table--render-default.size--mini .vxe-header--column:not(.col--ellipsis),
+.vxe-table--render-default.size--mini .vxe-body--column:not(.col--ellipsis),
+.vxe-table--render-default.size--mini .vxe-footer--column:not(.col--ellipsis) {
+  padding: 5px 0;
+}
+
+// small-size
+.vxe-table--render-default.size--small .vxe-header--column:not(.col--ellipsis),
+.vxe-table--render-default.size--small .vxe-body--column:not(.col--ellipsis),
+.vxe-table--render-default.size--small .vxe-footer--column:not(.col--ellipsis) {
+  padding: 5px 0;
+}
+
+.vxe-toolbar {
+  height: 36px !important;
+  padding: 0 10px;
+  color: white;
+
+  .vxe-custom--option-wrapper {
+    .vxe-custom--body {
+      li:not([class~='is--checked']) {
+        color: #000;
+      }
+    }
+  }
+}
+
+/********************* vxe-modal *****************/
+.vxe-modal {
+  .vxe-modal--wrapper .vxe-modal--content {
+    padding: 0.4em 0.8em !important;
+  }
+}
+
+/********************* vxe-modal *****************/
+
+/************* button *******************/
+
+.vxe-button + .vxe-button:not(.type--text) {
+  margin-left: 6px;
+}
+
+.vxe-button {
+  padding: 0 0.5em !important;
+}
+
+/************* button *******************/
+
+/************* pulldown *******************/
+.vxe-pulldown {
+  width: 100%;
+}
+
+/************* pulldown *******************/
+
+.vxe-form {
+  .vxe-input.size--mini {
+    height: 24px;
+  }
+
+  .vxe-form--item-trigger-node {
+    min-width: 60px;
+  }
+}
+
+.vxe-form.size--mini .vxe-form--item-inner {
+  min-height: 26px !important;
+}
+
+.ut-input-suffix.vxe-input {
+  width: 100%;
+  height: 34px;
+}
+
+.ut-input-suffix.vxe-input .vxe-input--suffix {
+  top: 1px;
+  width: 40px;
+  height: 32px;
+  text-align: center;
+  cursor: pointer;
+  background-color: #f5f7fa;
+  border-left: 1px solid #dcdfe6;
+}
+
+.ut-input-suffix.vxe-input .vxe-input--inner {
+  padding-right: 40px;
+  border: 1px solid #dcdfe6;
+}
+
+// 斑马线颜色
+.vxe-table--render-default .vxe-body--row.row--stripe {
+  background-color: #e6f7ff;
+}
+
+// 点击高亮
+.vxe-table--render-default {
+  .vxe-body--row.row--current {
+    background-color: #00b789;
+
+    .vxe-cell--label {
+      font-weight: bold;
+      color: #fff;
+    }
+
+    .vxe-cell > span:first-child:not(.vxe-cell--title, .el-tag) {
+      font-weight: bold;
+      color: #fff;
+    }
+
+    .col--checkbox {
+      background: #fff !important;
+    }
+  }
+}
+
+// .vxe-cell--label > span:first-child:not(.vxe-cell--title),
+// .vxe-cell > span:first-child:not(.vxe-cell--title) {
+//   color: #000;
+// }
+
+.vxe-cell {
+  .el-tag:first-child:not(.vxe-cell--title) {
+    .el-tag__content {
+      color: #fff !important;
+    }
+  }
+
+  .el-switch span:first-child:not(.vxe-cell--title) {
+    color: #fff !important;
+  }
+}
+
+.vxe-table--header-wrapper {
+  .vxe-checkbox--icon {
+    color: #fff !important;
+
+    // color: #8347d7 !important;
+  }
+
+  .vxe-icon-checkbox-checked,
+  .vxe-icon-checkbox-indeterminate {
+    color: #409eff !important;
+  }
+
+  // .vxe-table--render-default .vxe-cell--checkbox .vxe-checkbox--icon {
+  //   color: #fff !important;
+  // }
+}
+
+.ut-grid-wrapper {
+  .vxe-form--item-content {
+    .vxe-switch {
+      height: 24px;
+    }
+  }
+}
+
+.vxe-table--body {
+  .vxe-body--row:hover {
+    font-weight: bold;
+  }
+}
+
+.el-table th.el-table__cell {
+  font-weight: 700;
+  color: #34538b;
+  background-color: #d8e5f7;
+  background-image: linear-gradient(180deg, #d8e5f7, #bcd3f5);
+}

package/src/utils/authority/index.ts

@@ -0,0 +1,29 @@
+/*
+ * @Author: wei.li
+ * @Date: 2021-11-17 16:26:34
+ * @LastEditors: levi7754 levi7754@163.com
+ * @LastEditTime: 2024-04-14 20:43:50
+ * @Description: file content
+ */
+import { usePermissionStoreHook } from '../../store/modules/permission';
+import { isArray } from 'xe-utils';
+import router from '../../router';
+const hasAuthority = auth => {
+  if (!auth) return true;
+  const permissionCode = router.currentRoute.value.meta?.permissionCode;
+  if (!permissionCode) return true;
+  if (!isArray(auth)) {
+    auth = [auth];
+  }
+  const buttonAuth = usePermissionStoreHook().getButtonAuth;
+  if (!buttonAuth) return true;
+  let hasAuth = false;
+  auth.forEach(item => {
+    if (!hasAuth) {
+      const authRoles = `${permissionCode}.${item}`;
+      hasAuth = buttonAuth.includes(authRoles);
+    }
+  });
+  return hasAuth;
+};
+export default hasAuthority;

package/src/utils/browers.ts

@@ -0,0 +1,59 @@
+/*
+ * @Author: wei.li
+ * @Date: 2022-11-16 10:25:40
+ * @LastEditors: wei.li
+ * @LastEditTime: 2022-11-23 14:33:19
+ * @Description:
+ */
+export const getPlatform = userAgent => {
+  const isWinXP = userAgent.indexOf('windows nt 5.1') > -1 || userAgent.indexOf('windows xp') > -1;
+  userAgent.indexOf('windows xp') > -1;
+  if (isWinXP) return 'WinXP';
+  const isWin7 = userAgent.indexOf('windows nt 6.1') > -1 || userAgent.indexOf('windows 7') > -1;
+  if (isWin7) return 'Win7';
+  const isWin8 = userAgent.indexOf('windows nt6.2') > -1 || userAgent.indexOf('windows 8') > -1;
+  if (isWin8) return 'Win8';
+  const isWin10 = userAgent.indexOf('windows nt 10.0') > -1 || userAgent.indexOf('windows 10') > -1;
+  if (isWin10) return 'Win10';
+};
+export const getBrower = userAgent => {
+  let browser = null;
+  const browserArray = {
+    Chrome: userAgent.indexOf('chrome') > -1 && userAgent.indexOf('safari') > -1, // Chrome浏览器
+    Firefox: userAgent.indexOf('firefox') > -1, // 火狐浏览器
+    Opera: userAgent.indexOf('opera') > -1, // Opera浏览器
+    Safari: userAgent.indexOf('safari') > -1 && userAgent.indexOf('chrome') == -1, // safari浏览器
+    Edge: userAgent.indexOf('edg') > -1, // Edge浏览器
+    MetaSr: userAgent.indexOf('metaSr') > -1, // 搜狗浏览器
+    QQBrowser: /qqbrowser/.test(userAgent), // qq浏览器
+    WeixinBrowser: /MicroMessenger/i.test(userAgent) // 微信浏览器
+  };
+  let browserVersion = '';
+  for (const i in browserArray) {
+    if (browserArray[i]) {
+      // if (i === 'Chrome') {
+      //   for (const mt in navigator.mimeTypes) {
+      //     if (navigator.mimeTypes[mt]['type']?.indexOf('application/vnd.chromium.remoting-viewer') > 0) {
+      //       i = '360';
+      //     }
+      //   }
+      // }
+      browserVersion = userAgent.match(/chrome\/([\d.]+)/)[1];
+      // else if (i === 'Firefox') {
+      //   browserVersion = userAgent.match(/firefox\/([\d.]+)/)[1];
+      // } else if (i === 'Opera') {
+      //   browserVersion = userAgent.match(/opera\/([\d.]+)/)[1];
+      // } else if (i === 'Safari') {
+      //   browserVersion = userAgent.match(/version\/([\d.]+)/)[1];
+      // } else if (i === 'Edg') {
+      //   browserVersion = userAgent.match(/edg\/([\d.]+)/)[1];
+      // } else if (i === 'QQBrowser') {
+      //   browserVersion = userAgent.match(/qqbrowser\/([\d.]+)/)[1];
+      // } else if (i === 'MetaSr') {
+      //   browserVersion = userAgent.match(/metaSr\/([\d.]+)/)[1];
+      // }
+      browser = i;
+    }
+  }
+  return { browser, browserVersion };
+};