@pubinfo-pr/module-rbac 0.222.4 → 0.223.1

package/dist/watermark_setting.css

@@ -1 +1 @@
-.item_ani[data-v-40510ce7]{background-color:var(--g-bg);border:1px solid var(--g-tabbar-tab-hover-bg);border-radius:.5rem;flex-direction:column;place-items:center;padding-top:26px;display:flex}.item_ani .jb[data-v-40510ce7]{background:linear-gradient(180deg, var(--g-container-bg) 0%, #fff0 100%)}.bar-header[data-v-40510ce7]{background:var(--g-bg)}
+.item_ani[data-v-0ecfa3a5]{background-color:var(--g-bg);border:1px solid var(--g-tabbar-tab-hover-bg);border-radius:.5rem;flex-direction:column;place-items:center;padding-top:26px;display:flex}.item_ani .jb[data-v-0ecfa3a5]{background:linear-gradient(180deg, var(--g-container-bg) 0%, #fff0 100%)}.bar-header[data-v-0ecfa3a5]{background:var(--g-bg)}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pubinfo-pr/module-rbac",
   "type": "module",
-  "version": "0.222.4",
+  "version": "0.223.1",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -25,7 +25,7 @@
     "alova": "^3.5.0",
     "ant-design-vue": "^4.2.6",
     "pinia": "^3.0.4",
-    "pubinfo-pr": "0.222.4"
+    "pubinfo-pr": "0.223.1"
   },
   "dependencies": {
     "@destyler/color-picker": "^0.2.6",
@@ -50,7 +50,7 @@
     "alova": "^3.5.0",
     "ant-design-vue": "^4.2.6",
     "pinia": "^3.0.4",
-    "pubinfo-pr": "0.222.4",
+    "pubinfo-pr": "0.223.1",
     "type-fest": "^5.4.4"
   },
   "scripts": {

package/src/components/GroupSelector/index.vue

@@ -172,28 +172,19 @@ defineExpose({
 
 <style>
 .group-modal .ant-tabs-content-holder {
-  overflow: auto;
-  padding-top: 0;
-  padding-bottom: 0.5rem; /* 8px */
-  padding-left: 1rem; /* 16px */
-  padding-right: 1rem; /* 16px */
+  --at-apply: overflow-auto pt-0 pb-2 px-4;
 }
 
 .group-modal .ant-tabs-nav::before {
-  display: none;
+  --at-apply: hidden;
 }
 
 .group-modal .ant-tabs-nav-wrap {
-  height: 38px;
-  background: #f5f5f5;
+  --at-apply: h-38px [background:#f5f5f5];
 }
 
 .group-modal .ant-tabs-tab {
-  margin: 0;
-  padding-left: 0.75rem; /* 12px */
-  padding-right: 0.75rem; /* 12px */
-  padding-top: 0;
-  padding-bottom: 0;
+  --at-apply: m-0 px-3 py-0;
 }
 
 .group-modal .ant-tabs-tab + .ant-tabs-tab {
@@ -201,70 +192,53 @@ defineExpose({
 }
 
 .group-modal .ant-tabs-tab-active {
-  background: white;
+  --at-apply: [background:white];
 }
 
 .group-modal .ant-checkbox-group {
-  display: block;
+  --at-apply: block;
 }
 
 .group-modal .ant-checkbox-wrapper {
-  display: flex;
-  margin-bottom: 0.5rem; /* 8px */
+  --at-apply: flex mb-2;
 }
 
 .group-modal .ant-tabs-ink-bar {
-  display: none;
+  --at-apply: hidden;
 }
 
 .dark .group-modal .ant-tabs-nav-wrap {
-  color: #f2f3f5;
-  background: #000;
+  --at-apply: text-[#f2f3f5] [background:#000];
 }
 
 .dark .group-modal .ant-tabs-tab-active {
-  background: #141414;
+  --at-apply: [background:#141414];
 }
 </style>
 
 <style scoped>
 .group-modal :deep(.ant-modal-content) {
-  padding: 0;
-  border-radius: 0;
+  --at-apply: p-0 rounded-none;
 }
 
 .group-modal :deep(.ant-modal-header) {
-  margin-bottom: 0;
-  padding-left: 1rem; /* 16px */
-  padding-right: 1rem; /* 16px */
-  padding-top: 0.75rem; /* 12px */
-  padding-bottom: 0.75rem; /* 12px */
-  border-bottom-color: #e5e6eb;
-  border-bottom-width: 1px;
-  border-style: solid;
+  --at-apply: mb-0 px-4 py-3 border-b-[#e5e6eb] border-b border-solid;
 }
 
 .group-modal :deep(.ant-modal-title) {
-  font-size: 1rem; /* 16px */
-  line-height: 1.5rem; /* 24px */
-  line-height: 1;
-  font-weight: 500;
-  color: #1d2129;
+  --at-apply: text-base leading-none font-medium text-[#1d2129];
 }
 
 .group-modal :deep(.ant-modal-body) {
-  padding: 1rem;
+  --at-apply: p-4;
 }
 
 .group-modal :deep(.ant-modal-footer) {
-  padding: 1rem; /* 16px */
-  border-top-color: #e5e6eb;
-  border-top-width: 1px;
-  border-style: solid;
+  --at-apply: p-4 border-t-[#e5e6eb] border-t border-solid;
 }
 
 .group-modal :deep(.ant-modal-footer) .ant-btn {
-  border-radius: 0.125rem;
+  --at-apply: rounded-sm;
 }
 
 :deep(.ant-tree-checkbox) {
@@ -273,51 +247,34 @@ defineExpose({
 }
 
 :deep(.ant-tree-checkbox + span .ant-tree-iconEle) {
-  margin-right: 0.25rem;
+  --at-apply: mr-1;
 }
 
 .custom_tag {
-  padding-left: 0.5rem; /* 8px */
-  padding-right: 0.5rem; /* 8px */
-  padding-top: 3px;
-  padding-bottom: 3px;
-  border-radius: 0.125rem; /* 2px */
-  border-width: 0px;
+  --at-apply: px-2 py-[3px] rounded-sm border-0;
 }
 
 .custom_tag :deep(.ant-tag-close-icon) {
-  color: rgb(22 93 255 / 0.6) /* #165dff */;
+  --at-apply: text-[#165dff] text-op-60;
 }
 
 .custom_tag :deep(.ant-tag-close-icon):hover {
-  color: #165dff;
+  --at-apply: text-[#165dff];
 }
 
 .border_color {
-  border-color: #e5e6eb;
+  --at-apply: border-[#e5e6eb];
 }
 
 [data-theme="dark"] .border_color {
-  border-color: rgb(253 253 253 / 0.12);
+  --at-apply: border-[#FDFDFD] border-op-12;
 }
 
 .border_c {
-  border-width: 1px;
-  border-radius: 10px;
-  border-style: dashed;
-  border-color: #ccc;
+  --at-apply: border rounded-[10px] border-dashed border-[#ccc];
 }
 
 :deep(.ant-dropdown-link) {
-  font-size: 0.75rem; /* 12px */
-  line-height: 1rem; /* 16px */
-  padding-left: 0.375rem; /* 6px */
-  padding-right: 0.375rem; /* 6px */
-  padding-top: 0.25rem; /* 4px */
-  padding-bottom: 0.25rem; /* 4px */
-  border-radius: 0.125rem; /* 2px */
-  --un-scale-x: 0.7;
-  --un-scale-y: 0.7;
-  transform: scaleX(0.7) scaleY(0.7);
+  --at-apply: text-xs px-1.5 py-1 rounded-sm scale-[0.7];
 }
 </style>

package/src/components/OrgTree/index.vue

@@ -86,6 +86,6 @@ onMounted(() => {
 
 <style scoped>
 :deep(.ant-tree .ant-tree-node-content-wrapper) {
-  overflow: hidden;
+  --at-apply: overflow-hidden;
 }
 </style>

package/src/components/ResourceSelector/index.vue

@@ -351,94 +351,64 @@ defineExpose({
 
 <style scoped>
 .border_color {
-  border-color: #e5e6eb;
+  --at-apply: border-[#e5e6eb];
 }
 
 [data-theme="dark"] .border_color {
-  border-color: rgb(253 253 253 / 0.12);
+  --at-apply: border-[#fdfdfd1f];
 }
 
 .border_c {
-  border-width: 1px;
-  border-radius: 10px;
-  border-style: dashed;
-  border-color: #ccc;
+  --at-apply: border rounded-[10px] border-dashed border-[#ccc];
 }
 
 :deep(.ant-dropdown-link) {
-  font-size: 0.75rem; /* 12px */
-  line-height: 1rem; /* 16px */
-  padding-left: 0.375rem; /* 6px */
-  padding-right: 0.375rem; /* 6px */
-  padding-top: 0.25rem; /* 4px */
-  padding-bottom: 0.25rem; /* 4px */
-  border-radius: 0.125rem; /* 2px */
-  transform: scaleX(0.7) scaleY(0.7);
+  --at-apply: text-xs px-1.5 py-1 rounded-sm scale-[0.7];
 }
 </style>
 
 <style lang='css' scoped>
 .custom_modal :deep(.ant-modal-content) {
-  padding: 0;
-  border-radius: 0;
+  --at-apply: p-0 rounded-none;
 }
 
 .custom_modal :deep(.ant-modal-header) {
-  margin-bottom: 0;
-  padding-left: 1rem; /* 16px */
-  padding-right: 1rem; /* 16px */
-  padding-top: 0.75rem; /* 12px */
-  padding-bottom: 0.75rem; /* 12px */
-  border-bottom-color: #e5e6eb;
-  border-bottom-width: 1px;
-  border-style: solid;
+  --at-apply: mb-0 px-4 py-3 border-b-[#e5e6eb] border-b border-solid;
 }
 
 .custom_modal :deep(.ant-modal-title) {
-  font-size: 1rem; /* 16px */
-  line-height: 1.5rem; /* 24px */
-  font-weight: 500;
-  color: #1d2129;
+  --at-apply: text-base font-medium text-[#1d2129];
 }
 
 .custom_modal :deep(.ant-modal-body) {
-  padding: 1rem;
+  --at-apply: p-4;
 }
 
 .custom_modal :deep(.ant-modal-footer) {
-  padding: 1rem; /* 16px */
-  border-top-color: #e5e6eb;
-  border-top-width: 1px;
-  border-style: solid;
+  --at-apply: p-4 border-t-[#e5e6eb] border-t border-solid;
 }
 
 .custom_modal :deep(.ant-modal-footer) .ant-btn {
-  border-radius: 0.125rem;
+  --at-apply: rounded-sm;
 }
 
 :deep(.ant-tree-checkbox) {
-  margin-top: 0;
-  margin-right: 2px;
+  --at-apply: mt-0 mr-2px;
 }
 
 :deep(.ant-tree-checkbox + span .ant-tree-iconEle) {
-  margin-right: 0.25rem;
+  --at-apply: mr-1;
 }
 
 .custom_tag {
-  padding-left: 0.5rem; /* 8px */
-  padding-right: 0.5rem; /* 8px */
-  padding-top: 3px;
-  padding-bottom: 3px;
-  border-radius: 0.125rem; /* 2px */
-  border-width: 0px;
+  --at-apply: px-2 py-[3px] rounded-sm border-0;
 }
 
 .custom_tag :deep(.ant-tag-close-icon) {
-  color: rgb(22 93 255 / 0.6) /* #165dff */;
+  --at-apply: text-[#165dff] text-op-60;
 }
 
 .custom_tag :deep(.ant-tag-close-icon):hover {
-  color: #165dff;
+  --at-apply: text-[#165dff] text-op-100;
 }
 </style>

package/src/views/blackWhiteList/index.vue

@@ -285,20 +285,14 @@ function onAction(key: string, record?: API.PubBlackWhiteList): void {
 
 <style scoped>
 .page-black-white-list :deep(.ant-card.pro-table) {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
+  --at-apply: rounded-t-none;
 }
 
 .page-black-white-list .status-mark {
-  display: inline-block;
-  width: 0.5rem; /* 8px */
-  height: 0.5rem; /* 8px */
-  background-color: #aeaeae;
-  margin-right: 0.25rem; /* 4px */
-  border-radius: 50%;
+  --at-apply: inline-block w-2 h-2 bg-[#aeaeae] mr-1 rounded-[50%];
 }
 
 .page-black-white-list .status-mark.active {
-  background: #01d689;
+  --at-apply: [background:#01d689];
 }
 </style>

package/src/views/components/setItem.vue

@@ -105,14 +105,7 @@ watch(() => setActiveStyle.value, () => {
 
 <style scoped>
 .item_ani {
-  display: flex;
-  flex-direction: column;
-  background-color: var(--g-bg);
-  border-width: 1px;
-  border-color: var(--g-tabbar-tab-hover-bg);
-  padding-top: 26px;
-  border-radius: 0.5rem; /* 8px */
-  border-style: solid;
+  --at-apply: flex flex-col bg-[color:var(--g-bg)] border border-[color:var(--g-tabbar-tab-hover-bg)] pt-[26px] rounded-lg border-solid;
   place-items: center center;
 }
 
@@ -121,7 +114,6 @@ watch(() => setActiveStyle.value, () => {
 }
 
 .custom_style :deep(.text-sm) {
-  font-size: 0.75rem; /* 12px */
-  line-height: 1rem; /* 16px */
+  --at-apply: text-xs;
 }
 </style>

package/src/views/data-permission/index.vue

@@ -178,8 +178,7 @@ function onAction(key: string, record?: API.shujuquanxianshituduixiang): void {
 
 <style scoped>
 .page-data-permission :deep(.ant-card.pro-table) {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
+  --at-apply: rounded-t-none;
 }
 
 .page-data-permission :deep(.ant-form-item-label) {

package/src/views/group/index.vue

@@ -188,18 +188,15 @@ function onAction(key: string, type: string, record?: API.PubGroup): void {
 
 <style scoped>
 .box_sh {
-  --un-shadow: 0 1px 2px 0 rgb(0 0 0 / 3%), 0 1px 6px -1px rgb(0 0 0 / 2%),
-    0 2px 4px 0 rgb(0 0 0 / 2%);
-  box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow),
-    var(--un-shadow);
+  --at-apply: shadow-[0_1px_2px_0_rgb(0_0_0_/_3%),0_1px_6px_-1px_rgb(0_0_0_/_2%),0_2px_4px_0_rgb(0_0_0_/_2%)];
 }
 .tabs_custom {
-  height: 46px;
+  --at-apply: h-[46px];
 }
 .tabs_custom :deep(.ant-tabs-nav) {
-  margin: 0;
+  --at-apply: m-0;
 }
 .tabs_custom :deep(.ant-tabs-nav .ant-tabs-nav-list) {
-  padding-left: 1rem; /* 16px */
+  --at-apply: pl-4;
 }
 </style>

package/src/views/layout_setting/index.vue

@@ -104,162 +104,83 @@ function clickHandle(item: Settings.menu['menuMode']) {
 
 <style scoped>
 .item {
-  display: flex;
-  flex-direction: column;
-  cursor: pointer;
-  border-width: 1px;
-  border-color: var(--g-tabbar-tab-hover-bg);
-  padding-top: 26px;
-  border-radius: 0.5rem; /* 8px */
-  border-style: solid;
+  --at-apply: flex flex-col cursor-pointer border border-[color:var(--g-tabbar-tab-hover-bg)] pt-[26px] rounded-lg border-solid;
   place-items: center center;
   background: linear-gradient(180deg, var(--g-bg) 0%, var(--g-bg) 100%);
 }
 
 .item .mode {
-  position: relative;
-  width: 4rem; /* 64px */
-  height: 3rem; /* 48px */
-  transition-property: color, background-color, border-color,
-    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
-    backdrop-filter;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
+  --at-apply: relative w-16 h-12 transition;
 }
 
 .item .mode::before,
 .item .mode::after,
 .item .mode .mode-container {
-  position: absolute;
-  pointer-events: none;
-  border-width: 0.15rem; /* 2.4px */
+  --at-apply: absolute pointer-events-none border-[0.15rem];
 }
 
 .item .mode::before {
-  content: "";
-  background-color: rgb(var(--ui-primary)) /* rgb(var(--ui-primary)) */;
+  --at-apply: content-empty bg-ui-primary;
 }
 
 .item .mode::after {
-  content: "";
-  background-color: rgb(var(--ui-primary) / 0.6) /* rgb(var(--ui-primary)) */;
+  --at-apply: content-empty bg-ui-primary/60;
 }
 
 .item .mode .mode-container {
-  background-color: rgb(var(--ui-primary) / 0.2) /* rgb(var(--ui-primary)) */;
-  border-style: dashed;
-  border-color: rgb(var(--ui-primary));
+  --at-apply: bg-ui-primary/20 border-dashed border-ui-primary;
 }
 
 .item .mode .mode-container::before {
-  content: "";
-  position: absolute;
-  width: 100%;
-  height: 100%;
+  --at-apply: content-empty absolute w-full h-full;
 }
 
 .item .mode-side::before {
-  top: 0.5rem; /* 8px */
-  bottom: 0.5rem; /* 8px */
-  left: 0.5rem; /* 8px */
-  width: 0.5rem; /* 8px */
-  border-top-left-radius: 0.25rem; /* 4px */
-  border-bottom-left-radius: 0.25rem; /* 4px */
+  --at-apply: top-2 bottom-2 left-2 w-2 rounded-tl-1 rounded-bl-1;
 }
 
 .item .mode-side::after {
-  top: 0.5rem; /* 8px */
-  bottom: 0.5rem; /* 8px */
-  left: 1.125rem; /* 18px */
-  width: 0.75rem; /* 12px */
+  --at-apply: top-2 bottom-2 left-4.5 w-3;
 }
 
 .item .mode-side .mode-container {
-  top: 0.5rem; /* 8px */
-  right: 0.5rem; /* 8px */
-  bottom: 0.5rem; /* 8px */
-  left: 2rem; /* 32px */
-  border-top-right-radius: 0.25rem; /* 4px */
-  border-bottom-right-radius: 0.25rem; /* 4px */
+  --at-apply: inset-t-2 inset-r-2 inset-b-2 inset-l-8 rounded-tr-1 rounded-br-1;
 }
 
 .item .mode-head::before {
-  top: 0.5rem; /* 8px */
-  left: 0.5rem; /* 8px */
-  right: 0.5rem; /* 8px */
-  height: 0.5rem; /* 8px */
-  border-top-left-radius: 0.25rem; /* 4px */
-  border-top-right-radius: 0.25rem; /* 4px */
+  --at-apply: top-2 left-2 right-2 h-2 rounded-tl-1 rounded-tr-1;
 }
 
 .item .mode-head::after {
-  top: 1.125rem; /* 18px */
-  left: 0.5rem; /* 8px */
-  bottom: 0.5rem; /* 8px */
-  width: 0.75rem; /* 12px */
-  border-bottom-left-radius: 0.25rem; /* 4px */
+  --at-apply: top-4.5 left-2 bottom-2 w-3 rounded-bl-1;
 }
 
 .item .mode-head .mode-container {
-  top: 1.125rem; /* 18px */
-  right: 0.5rem; /* 8px */
-  bottom: 0.5rem; /* 8px */
-  left: 1.375rem; /* 22px */
-  border-bottom-right-radius: 0.25rem; /* 4px */
+  --at-apply: inset-t-4.5 inset-r-2 inset-b-2 inset-l-5.5 rounded-br-1;
 }
 
 .item .mode-single::after {
-  top: 0.5rem; /* 8px */
-  left: 0.5rem; /* 8px */
-  bottom: 0.5rem; /* 8px */
-  width: 0.75rem; /* 12px */
-  border-top-left-radius: 0.25rem; /* 4px */
-  border-bottom-left-radius: 0.25rem; /* 4px */
+  --at-apply: top-2 left-2 bottom-2 w-3 rounded-tl-1 rounded-bl-1;
 }
 
 .item .mode-single .mode-container {
-  top: 0.5rem; /* 8px */
-  right: 0.5rem; /* 8px */
-  bottom: 0.5rem; /* 8px */
-  left: 1.375rem; /* 22px */
-  border-top-right-radius: 0.25rem; /* 4px */
-  border-bottom-right-radius: 0.25rem; /* 4px */
+  --at-apply: inset-t-2 inset-r-2 inset-b-2 inset-l-5.5 rounded-tr-1 rounded-br-1;
 }
 
 .item .mode-only-side::before {
-  top: 0.5rem; /* 8px */
-  bottom: 0.5rem; /* 8px */
-  left: 0.5rem; /* 8px */
-  width: 0.5rem; /* 8px */
-  border-top-left-radius: 0.25rem; /* 4px */
-  border-bottom-left-radius: 0.25rem; /* 4px */
+  --at-apply: top-2 bottom-2 left-2 w-2 rounded-tl-1 rounded-bl-1;
 }
 
 .item .mode-only-side .mode-container {
-  top: 0.5rem; /* 8px */
-  right: 0.5rem; /* 8px */
-  bottom: 0.5rem; /* 8px */
-  left: 1.125rem; /* 18px */
-  border-top-right-radius: 0.25rem; /* 4px */
-  border-bottom-right-radius: 0.25rem; /* 4px */
+  --at-apply: inset-t-2 inset-r-2 inset-b-2 inset-l-4.5 rounded-tr-1 rounded-br-1;
 }
 
 .item .mode-only-head::before {
-  top: 0.5rem; /* 8px */
-  left: 0.5rem; /* 8px */
-  right: 0.5rem; /* 8px */
-  height: 0.5rem; /* 8px */
-  border-top-left-radius: 0.25rem; /* 4px */
-  border-top-right-radius: 0.25rem; /* 4px */
+  --at-apply: top-2 left-2 right-2 h-2 rounded-tl-1 rounded-tr-1;
 }
 
 .item .mode-only-head .mode-container {
-  top: 1.125rem; /* 18px */
-  right: 0.5rem; /* 8px */
-  bottom: 0.5rem; /* 8px */
-  left: 0.5rem; /* 8px */
-  border-bottom-left-radius: 0.25rem; /* 4px */
-  border-bottom-right-radius: 0.25rem; /* 4px */
+  --at-apply: inset-t-4.5 inset-r-2 inset-b-2 inset-l-2 rounded-bl-1 rounded-br-1;
 }
 
 .item .jb {
@@ -267,7 +188,7 @@ function clickHandle(item: Settings.menu['menuMode']) {
 }
 
 .item .jb .layout-demo {
-  width: 70%;
+  --at-apply: w-70%;
 }
 
 .item-side .layout-demo {

package/src/views/log_center/login_history.vue

@@ -225,15 +225,10 @@ function showDetailDrawer(record: API.PubLoginLogDto) {
 
 <style scoped>
 .status-mark {
-  display: inline-block;
-  width: 0.5rem; /* 8px */
-  height: 0.5rem; /* 8px */
-  background-color: #aeaeae;
-  margin-right: 0.25rem; /* 4px */
-  border-radius: 50%;
+  --at-apply: inline-block w-2 h-2 bg-[#aeaeae] mr-1 rounded-[50%];
 }
 
 .status-mark.active {
-  background: #01d689;
+  --at-apply: [background:#01d689];
 }
 </style>

package/src/views/log_center/operate_history.vue

@@ -192,10 +192,7 @@ function showDetailDrawer(record: API.PubOperateLogDto) {
       <template #bodyCell="{ column, record }">
         <template v-if="column.dataIndex === 'success'">
           <div class="flex items-center">
-            <i
-              :data-active="record.success"
-              class="inline-block w-2 h-2 bg-[#aeaeae] mr-1 rounded-[50%] data-[active]:[background:#01d689]"
-            />
+            <i class="status-mark" :class="[{ active: record.success }]" />
             <span class="ml-4px">{{ record.success ? '正常' : '异常' }}</span>
           </div>
         </template>
@@ -219,3 +216,13 @@ function showDetailDrawer(record: API.PubOperateLogDto) {
     />
   </div>
 </template>
+
+<style scoped>
+.status-mark {
+  --at-apply: inline-block w-2 h-2 bg-[#aeaeae] mr-1 rounded-[50%];
+}
+
+.status-mark.active {
+  background: #01d689;
+}
+</style>