@utogether/udp-core 1.0.1-beta.1 → 1.0.1-beta.11

package/src/style/button.scss

@@ -1,78 +1,85 @@
-.vxe-button.size--mini.type--button {
-  height: 25px;
-}
-
-.vxe-button.size--small.type--button {
-  height: 25px;
-}
-
-.vxe-button.type--button.theme--u-cyan,
-.vxe-button.type--button.theme--u-cyan:hover {
-  color: #fff;
-}
-
-.vxe-button.type--button.theme--u-cyan {
-  background-color: #1cbbb4;
-}
-
-.vxe-button.type--button.theme--u-cyan:active {
-  background-color: #39b54a;
-}
-
-// 禁用状态
-.vxe-button.type--button.theme--u-cyan.is--disabled {
-  background-color: #69e4de;
-  border-color: #69e4de;
-}
-
-.vxe-button.type--button.theme--u-color-shallow,
-.vxe-button.type--button.theme--u-color-shallow:hover {
-  color: #fff;
-}
-
-.vxe-button.type--button.theme--u-color-shallow {
-  background-color: #fbbd08;
-}
-
-.vxe-button.type--button.theme--u-color-shallow:active {
-  background-color: #fff;
-}
-
-.layout-theme-default .vxe-button.type--button.theme--u-cyan:not(.is--disabled):hover {
-  background-color: #40e0d0;
-  border-color: #40e0d0;
-}
-
-.vxe-button.type--button:not(.is--disabled):hover {
-  color: #fff !important;
-
-  .vxe-button--icon {
-    color: #4169e1;
-  }
-}
-
-.u-color-royalBlue {
-  color: #4169e1;
-}
-
-.u-color-turquoise {
-  color: #40e0d0;
-}
-
-.el-dropdown {
-  .el-dropdown__caret-button {
-    margin-left: 0;
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-  }
-
-  .el-button-group + .el-button {
-    border-top-right-radius: 0 !important;
-    border-bottom-right-radius: 0 !important;
-  }
-
-  .el-button:first-child {
-    border-top-right-radius: 0 !important;
-    border-bottom-right-radius: 0 !important;
-  }
-}
+.vxe-button.size--mini.type--button {
+  height: 25px;
+}
+
+.vxe-button.size--small.type--button {
+  height: 25px;
+}
+
+.vxe-button.type--button.theme--u-cyan,
+.vxe-button.type--button.theme--u-cyan:hover {
+  color: #fff;
+}
+
+.vxe-button.type--button.theme--u-cyan {
+  background-color: #1cbbb4;
+}
+
+.vxe-button.type--button.theme--u-cyan:active {
+  background-color: #39b54a;
+}
+
+// 禁用状态
+.vxe-button.type--button.theme--u-cyan.is--disabled {
+  background-color: #69e4de;
+  border-color: #69e4de;
+}
+
+.vxe-button.type--button.theme--u-color-shallow,
+.vxe-button.type--button.theme--u-color-shallow:hover {
+  color: #fff;
+}
+
+.vxe-button.type--button.theme--u-color-shallow {
+  background-color: #fbbd08;
+}
+
+.vxe-button.type--button.theme--u-color-shallow:active {
+  background-color: #fff;
+}
+
+.layout-theme-default .vxe-button.type--button.theme--u-cyan:not(.is--disabled):hover {
+  background-color: #40e0d0;
+  border-color: #40e0d0;
+}
+
+.vxe-button.type--button:not(.is--disabled):hover {
+  color: #fff;
+
+  .vxe-button--icon,
+  .vxe-button--item {
+    color: inherit;
+  }
+}
+
+.vxe-button[name='favorite'].type--button:not(.is--disabled):hover {
+  .vxe-button--item {
+    color: var(--udp-theme-vxeColor);
+  }
+}
+
+.u-color-royalBlue {
+  color: #4169e1;
+}
+
+.u-color-turquoise {
+  color: #40e0d0;
+}
+
+.el-dropdown {
+  .el-dropdown__caret-button {
+    margin-left: 0;
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+
+  .el-button-group + .el-button {
+    border-top-right-radius: 0 !important;
+    border-bottom-right-radius: 0 !important;
+  }
+
+  .el-button:first-child {
+    border-top-right-radius: 0 !important;
+    border-bottom-right-radius: 0 !important;
+  }
+}

package/src/style/tailwind.css

@@ -1,68 +1 @@
-/* @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]!;
-}
+@import 'tailwindcss';

package/src/style/vxetable.scss

@@ -10,6 +10,7 @@ html[data-vxe-ui-theme='light'] {
   --vxe-ui-input-disabled-background-color: #fafafa;
   --el-disabled-bg-color: #fafafa;
   --vxe-ui-button-height-mini: 24px;
+  --vxe-ui-table-row-current-background-color: #00b789;
 }
 
 /** 重写table的背景 */
@@ -32,7 +33,21 @@ html[data-vxe-ui-theme='light'] {
 
 /** 必填录入框颜色 */
 .vxe-form--item.is--required {
-  .vxe-input > .vxe-input--inner:not(:disabled) {
+  .vxe-input > .vxe-input--wrapper > .vxe-input--inner:not(:disabled) {
+    background-color: #fffbdf;
+  }
+
+  .vxe-input:not(.is--disabled) > .vxe-input--wrapper {
+    .vxe-input--control-icon {
+      background-color: #fffbdf;
+    }
+  }
+
+  .vxe-input--suffix {
+    background-color: #fffbdf;
+  }
+
+  .el-select__wrapper:not(:disabled) {
     background-color: #fffbdf;
   }
 
@@ -123,9 +138,9 @@ html[data-vxe-ui-theme='light'] {
 
 /************* button *******************/
 
-.vxe-button + .vxe-button:not(.type--text) {
-  margin-left: 6px;
-}
+// .vxe-button + .vxe-button:not(.type--text) {
+//   margin-left: 6px;
+// }
 
 .vxe-button {
   padding: 0 0.5em !important;
@@ -148,6 +163,23 @@ html[data-vxe-ui-theme='light'] {
   .vxe-form--item-trigger-node {
     min-width: 60px;
   }
+
+  // 表单分组标题
+  .vxe-form--group-title {
+    border-bottom: 1px solid #eee;
+
+    .vxe-form--item-title-content {
+      font-size: 13px;
+    }
+  }
+
+  .vxe-form--group-title::before {
+    position: relative;
+    top: 2px;
+    padding-right: 5px;
+    color: var(--udp-theme-project-text);
+    content: '▉';
+  }
 }
 
 .vxe-form.size--mini .vxe-form--item-inner {
@@ -182,8 +214,6 @@ html[data-vxe-ui-theme='light'] {
 // 点击高亮
 .vxe-table--render-default {
   .vxe-body--row.row--current {
-    background-color: #00b789;
-
     .vxe-cell--label {
       font-weight: bold;
       color: #fff;
@@ -197,6 +227,11 @@ html[data-vxe-ui-theme='light'] {
     .col--checkbox {
       background: #fff !important;
     }
+
+    .vxe-body--column {
+      font-weight: bold;
+      color: #fff;
+    }
   }
 }
 
@@ -218,11 +253,9 @@ html[data-vxe-ui-theme='light'] {
 }
 
 .vxe-table--header-wrapper {
-  .vxe-checkbox--icon {
-    color: #fff !important;
-
-    // color: #8347d7 !important;
-  }
+  // .vxe-checkbox--icon {
+  //   // color: #fff !important;
+  // }
 
   .vxe-icon-checkbox-checked,
   .vxe-icon-checkbox-indeterminate {

package/src/utils/authority/index.ts

@@ -7,7 +7,7 @@
  */
 import { usePermissionStoreHook } from '../../store/modules/permission';
 import { isArray } from 'xe-utils';
-import router from '../../router';
+import { router } from '../../router';
 const hasAuthority = auth => {
   if (!auth) return true;
   const permissionCode = router.currentRoute.value.meta?.permissionCode;