@pubinfo-pr/module-rbac 0.222.4 → 0.223.1

package/src/views/organization/index.vue

@@ -326,15 +326,10 @@ function onAction(key: string, record?: ChilData): void {
 </script>
 
 <template>
-  <div class="w-full h-full p-10px">
-    <div
-      class="org_page [list-style:none] relative box-border w-full h-full text-sm
-      leading-[1.5714] text-[rgb(0_0_0_/_88%)]
-      shadow-[0_1px_2px_0_rgba(0,0,0,0.03),0_1px_6px_-1px_rgba(0,0,0,0.02),0_2px_4px_0_rgba(0,0,0,0.02)]
-      m-0 p-0 rounded-lg bg-[#fff] dark:bg-[#141414]"
-    >
-      <div class="flex items-center justify-between pl-6 pr-4 py-4">
-        <div class="flex items-center">
+  <div w-full h-full p-10px>
+    <div class="org_page bg-[#fff] dark:bg-[#141414]">
+      <div class="search_panel">
+        <div class="left">
           <label class="dark:text-[#f7f7f7]">组织名称：</label>
           <a-select
             v-model:value="searchId"
@@ -361,7 +356,7 @@ function onAction(key: string, record?: ChilData): void {
             </template>
           </a-select>
         </div>
-        <div class="items-center">
+        <div class="right">
           <a-button @click="reset">
             重置
           </a-button>
@@ -453,24 +448,32 @@ function onAction(key: string, record?: ChilData): void {
 
 <style scoped>
 .org_page {
+  --at-apply: [list-style:none] relative box-border w-full h-full text-sm leading-[1.5714] text-[rgb(0_0_0_/_88%)] shadow-[0_1px_2px_0_rgba(0,0,0,0.03),0_1px_6px_-1px_rgba(0,0,0,0.02),0_2px_4px_0_rgba(0,0,0,0.02)] m-0 p-0 rounded-lg;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 }
 
+.search_panel {
+  --at-apply: flex items-center justify-between pl-6 pr-4 py-4;
+}
+
+.search_panel .left {
+  --at-apply: flex items-center;
+}
+.search_panel .right {
+  --at-apply: flex items-center;
+}
 :deep(.ant-divider-horizontal) {
-  margin: 0;
+  --at-apply: m-0;
 }
 </style>
 
 <style scoped>
 :deep(.vxe-table--body-wrapper) {
-  overflow-x: hidden;
+  --at-apply: overflow-x-hidden;
 }
 
 :deep(.vxe-tree--btn-wrapper) {
-  border-width: 1px;
-  border-radius: 0.375rem; /* 6px */
-  border-style: solid;
-  border-color: #f0f0f0;
+  --at-apply: w-[15px] h-[15px] border rounded-md border-solid border-[#f0f0f0];
   width: 15px !important;
   height: 15px !important;
 }
@@ -484,16 +487,11 @@ function onAction(key: string, record?: ChilData): void {
 }
 
 :deep(.vxe-header--column .vxe-resizable) {
-  width: 1px;
-  height: 1.6em;
-  right: 0;
-  bottom: 0.875rem; /* 14px */
+  --at-apply: w-px h-[1.6em] right-0 bottom-3.5;
   background-color: var(--vxe-table-border-color);
 }
 
 :deep([class*="vxe-icon-"]) {
-  font-size: 0.75rem; /* 12px */
-  line-height: 1rem; /* 16px */
-  transform: scaleX(0.8) scaleY(0.8);
+  --at-apply: text-xs scale-[0.8];
 }
 </style>

package/src/views/page_animation_setting/index.vue

@@ -119,7 +119,11 @@ function setStyle(jsonStr: string) {
 </script>
 
 <template>
-  <div class="w-full h-full p-10px">
+  <div
+    w-full
+    h-full
+    p-10px
+  >
     <div class="w-full h-full bg-white overflow-y-auto p-10px flex flex-col box-border dark:bg-[#141414]">
       <div class="bg-[#F0F4FF] h-[38px] pl-[16px] flex flex-row items-center dark:bg-[#32353B]">
         <PubinfoIcon name="icon_menu" class="text-base mr-[6px]" :size="22" />
@@ -146,15 +150,8 @@ function setStyle(jsonStr: string) {
             <div
               v-for="(mode, index) in transitionModeList"
               :key="mode.active"
-              class="flex flex-col cursor-pointer bg-[color:var(--g-bg)]
-              border border-[color:var(--g-tabbar-tab-hover-bg)] [place-items:center_center]
-              pt-[26px] rounded-lg border-solid dark:bg-[#3a3e43]!
-              data-[status=active]:border-[rgb(var(--ui-primary))]
-              data-[status=active]:shadow-[0_2.6px_13px_0_#59626940]
-              data-[status=active]:rounded-lg
-              data-[status=active]:border-[2.6px]
-              data-[status=active]:border-solid"
-              :data-status="[transitionMode === mode.active ? 'active' : '', `item-${mode.active}`]"
+              class="item dark:bg-[#3a3e43]! "
+              :class="[transitionMode === mode.active ? 'active' : '', `item-${mode.active}`]"
               aspect="[9/6]"
               @click="clickHandle(mode.active)"
               @mouseenter="play(index)"
@@ -163,10 +160,7 @@ function setStyle(jsonStr: string) {
               <div class="text-[#4E5969] text-[14px] dark:text-[#C9CDD4]">
                 {{ mode.descripe }}
               </div>
-              <div
-                class="flex-1 mt-[20px] w-[75%] rounded-[8px] py-[10px] flex justify-center"
-                style="background: linear-gradient(180deg, var(--g-container-bg) 0%, #fff0 100%);"
-              >
+              <div class="flex-1 mt-[20px] w-[75%] rounded-[8px] jb py-[10px] flex justify-center">
                 <AnimationItem
                   :key="index"
                   :ref="(el: any) => (itemRefs[index] = el as InstanceType<typeof AnimationItem>)"
@@ -181,3 +175,18 @@ function setStyle(jsonStr: string) {
     </div>
   </div>
 </template>
+
+<style scoped>
+.item {
+  --at-apply: flex flex-col cursor-pointer bg-[color:var(--g-bg)] border border-[color:var(--g-tabbar-tab-hover-bg)] pt-[26px] rounded-lg border-solid;
+  place-items: center center;
+}
+
+.item .jb {
+  background: linear-gradient(180deg, var(--g-container-bg) 0%, #fff0 100%);
+}
+
+.item.active {
+  --at-apply: border-[rgb(var(--ui-primary))] shadow-[0_2.6px_13px_0_#59626940] rounded-lg border-[2.6px] border-solid;
+}
+</style>

package/src/views/page_w_setting/index.vue

@@ -60,7 +60,9 @@ function clickHandle(item: Settings.layout['widthMode']) {
 
 <template>
   <div
-    class="w-full h-full p-10px"
+    w-full
+    h-full
+    p-10px
   >
     <div class="w-full h-full bg-white overflow-y-auto p-10px flex flex-col box-border dark:bg-[#141414]">
       <div class="bg-[#F0F4FF] h-[38px] pl-[16px] flex flex-row items-center dark:bg-[#32353B]">
@@ -96,16 +98,7 @@ function clickHandle(item: Settings.layout['widthMode']) {
 
 <style scoped>
 .item {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  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 justify-center items-center cursor-pointer border border-[color:var(--g-tabbar-tab-hover-bg)] pt-[26px] rounded-lg border-solid;
   background: linear-gradient(180deg, var(--g-bg) 0%, var(--g-bg) 100%);
 }
 
@@ -114,7 +107,7 @@ function clickHandle(item: Settings.layout['widthMode']) {
 }
 
 .item .jb .layout-demo {
-  width: 70%;
+  --at-apply: w-7/10;
 }
 
 .item-adaption .mode {
@@ -158,13 +151,7 @@ function clickHandle(item: Settings.layout['widthMode']) {
 }
 
 .item.active {
-  border-color: rgb(var(--ui-primary));
-  --un-shadow: 0 2.6px 13px 0 var(--un-shadow-color, rgba(89, 98, 105, 0.25));
-  box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow),
-    var(--un-shadow);
-  border-radius: 0.5rem; /* 8px */
-  border-width: 2.6px;
-  border-style: solid;
+  --at-apply: border-[rgb(var(--ui-primary))] shadow-[0_2.6px_13px_0_rgba(89,98,105,0.25)] rounded-lg border-[2.6px] border-solid;
 }
 
 [data-theme="dark"] .item,

package/src/views/role/components/ResourceRelation.vue

@@ -107,7 +107,6 @@ defineExpose({
 
 <style scoped>
 :deep(.ant-drawer-body) {
-  padding-left: 0;
-  padding-right: 0;
+  --at-apply: px-0;
 }
 </style>

package/src/views/role_group/components/ResourceRelation.vue

@@ -85,7 +85,6 @@ defineExpose({
 
 <style scoped>
 :deep(.ant-drawer-body) {
-  padding-left: 0;
-  padding-right: 0;
+  --at-apply: px-0;
 }
 </style>

package/src/views/safe_setting/index.vue

@@ -230,6 +230,6 @@ async function onSubmit() {
 <style>
 .safe-rule-form .ant-input,
 .safe-rule-form .ant-select {
-  width: 90%;
+  --at-apply: w-9/10;
 }
 </style>

package/src/views/theme_setting/index.vue

@@ -223,32 +223,17 @@ async function updateConfig(options: object) {
 
 <style scoped>
 .theme-item {
-  display: flex;
-  flex-direction: column;
-  cursor: pointer;
-  border-width: 1px;
-  border-color: var(--border-2, #e5e6eb);
-  padding-top: 0.75rem; /* 12px */
-  padding-bottom: 0;
-  padding-left: 1.5rem; /* 24px */
-  padding-right: 1.5rem; /* 24px */
-  border-radius: 0.5rem; /* 8px */
-  border-style: solid;
+  --at-apply: flex flex-col cursor-pointer border border-[color:var(--border-2,#e5e6eb)] pt-3 pb-0 px-6 rounded-lg border-solid;
   background: linear-gradient(180deg, #f4f7ff -22.05%, #fff 85.58%);
 }
 
 .theme-item.active {
-  border-color: rgb(var(--ui-primary));
-  --un-shadow: 0 2.6px 13px 0 var(--un-shadow-color, rgb(89 98 105 / 0.25));
-  box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow),
-    var(--un-shadow);
-  border-width: 2.6px;
-  border-style: solid;
+  --at-apply: border-[rgb(var(--ui-primary))] shadow-[0_2.6px_13px_0_#59626940] border-[2.6px] border-solid;
   background: linear-gradient(180deg, #f4f7ff -22.05%, #fff 85.58%);
 }
 
 .theme-item.dark {
-  border-color: transparent;
+  --at-apply: border-transparent;
   background: linear-gradient(0deg, #3a3e43 0%, #3a3e43 100%), linear-gradient(180deg, #f4f7ff -22.05%, #fff 85.58%);
 }
 
@@ -257,21 +242,11 @@ async function updateConfig(options: object) {
 }
 
 .theme-item .item-title {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 0.875rem; /* 14px */
-  line-height: 1.25rem; /* 20px */
-  line-height: 22px;
-  text-align: center;
-  margin: 0;
-  padding: 0;
+  --at-apply: flex items-center justify-center text-sm leading-[22px] text-center m-0 p-0;
 }
 
 .theme-item .item-content {
-  display: flex;
-  flex: 1 1 0%;
-  flex-direction: column;
+  --at-apply: flex flex-1 flex-col;
   padding: calc(12 / 320 * 100%) calc(20 / 320 * 100%);
   margin-top: calc(12 / 320 * 100%);
   background: linear-gradient(180deg, #fff 0%, #fff0 100%);
@@ -287,13 +262,7 @@ async function updateConfig(options: object) {
 }
 
 .theme-item .item-content .color-spot {
-  flex-shrink: 0;
-  max-width: 30px;
-  aspect-ratio: 1;
-  border-radius: 30px;
-  border-width: 2px;
-  border-style: solid;
-  border-color: white;
+  --at-apply: shrink-0 max-w-[30px] aspect-[1] rounded-[30px] border-2 border-solid border-white;
   background: #fff;
   width: calc(30 / 270 * 100%);
   box-shadow: 0 0 4px 0 #00000026;
@@ -324,12 +293,7 @@ async function updateConfig(options: object) {
 }
 
 .theme-item .item-content .skeleton {
-  display: flex;
-  flex: auto;
-  flex-direction: column;
-  height: 0;
-  border-radius: 0.25rem; /* 4px */
-  margin-top: 22px;
+  --at-apply: flex flex-[auto] flex-col h-0 rounded mt-[22px];
   background: #f5f8fe;
 }
 
@@ -338,11 +302,7 @@ async function updateConfig(options: object) {
 }
 
 .theme-item .item-content .skeleton header {
-  display: flex;
-  align-items: center;
-  aspect-ratio: 10.45;
-  padding-left: 0.625rem; /* 10px */
-  border-radius: 4px 4px 0 0;
+  --at-apply: flex items-center aspect-[10.45] pl-2.5 rounded-[4px_4px_0_0];
 }
 
 .theme-item.dark .item-content .skeleton header {
@@ -350,8 +310,7 @@ async function updateConfig(options: object) {
 }
 
 .theme-item .item-content .skeleton header .dot {
-  aspect-ratio: 1;
-  border-radius: 50%;
+  --at-apply: aspect-1 rounded-1/2;
   width: calc(8.5 / 230 * 100%);
   margin-right: calc(5 / 230 * 100%);
   background: rgb(255 255 255 / 50%);
@@ -362,7 +321,7 @@ async function updateConfig(options: object) {
 }
 
 .theme-item .item-content .skeleton header .bar {
-  border-radius: 0.125rem; /* 2px */
+  --at-apply: rounded-sm;
   width: calc(68 / 230 * 100%);
   aspect-ratio: calc(68 / 7);
   background: rgb(255 255 255 / 50%);
@@ -373,15 +332,12 @@ async function updateConfig(options: object) {
 }
 
 .theme-item .item-content .skeleton .skeleton-body {
-  display: flex;
-  flex: 1 1 0%;
-  height: 0;
+  --at-apply: flex flex-1 h-0;
   padding: calc(7 / 230 * 100%);
 }
 
 .theme-item .item-content .skeleton .skeleton-body .aside {
-  height: 100%;
-  border-radius: 0.25rem; /* 4px */
+  --at-apply: h-full rounded;
   width: calc(36 / 230 * 100%);
   padding-top: calc(12 / 230 * 100%);
   margin-right: calc(7 / 230 * 100%);
@@ -393,7 +349,7 @@ async function updateConfig(options: object) {
 }
 
 .theme-item .item-content .skeleton .skeleton-body .aside .side-line {
-  border-radius: 0.125rem; /* 2px */
+  --at-apply: rounded-sm;
   width: calc(24.1 / 36.6 * 100%);
   aspect-ratio: calc(24.1 / 6.5);
   margin: 0 auto calc(4 / 36.6 * 100%);
@@ -405,15 +361,7 @@ async function updateConfig(options: object) {
 }
 
 .theme-item .item-content .skeleton .skeleton-body .main {
-  display: flex;
-  flex: auto;
-  justify-content: space-between;
-  height: 100%;
-  padding-top: 5.2%;
-  padding-bottom: 3%;
-  padding-left: 5.6%;
-  padding-right: 5.6%;
-  border-radius: 0.125rem; /* 2px */
+  --at-apply: flex flex-[auto] justify-between h-full pt-[5.2%] pb-[3%] px-[5.6%] rounded-sm;
   background: #fff;
 }
 
@@ -422,16 +370,15 @@ async function updateConfig(options: object) {
 }
 
 .theme-item .item-content .skeleton .skeleton-body .main .left {
-  flex: 1 1 0%;
+  --at-apply: flex-1;
 }
 
 .theme-item .item-content .skeleton .skeleton-body .main .right {
-  width: 30%;
+  --at-apply: w-3/10;
 }
 
 .theme-item .item-content .skeleton .skeleton-body .main .left-item {
-  display: flex;
-  margin-bottom: 6.5;
+  --at-apply: flex mb-[6.5];
 }
 
 .theme-item .item-content .skeleton .skeleton-body .main .left-item .dot {

package/src/views/user/components/UserAuthorization.vue

@@ -252,10 +252,10 @@ defineExpose({
 
 <style scoped>
 .auth-card {
-  margin-top: 0.75rem; /* 12px */
+  --at-apply: mt-3;
 }
 
 .auth-card:first-of-type {
-  margin-top: 3px;
+  --at-apply: mt-3px;
 }
 </style>

package/src/views/watermark_setting/index.vue

@@ -213,10 +213,7 @@ function onSubmit() {
 
 <style scoped>
 .item_ani {
-  display: flex;
-  flex-direction: column;
-  padding-top: 26px;
-  border-radius: 0.5rem; /* 8px */
+  --at-apply: flex flex-col pt-[26px] rounded-lg;
   place-items: center center;
   background-color: var(--g-bg);
   border: 1px solid var(--g-tabbar-tab-hover-bg);

package/dist/breadcrumb_setting-CW3eWnlU.js

@@ -1,108 +0,0 @@
-import { h as _plugin_vue_export_helper_default, l as postSysconfigAddOrEidtSysThemeStyleConfig } from "./index.js";
-import { t as useSettingsStore } from "./stores-DPQF8JRt.js";
-import "./animation_item-DBOz2rcX.js";
-import "./HCheckList-ODQHidN8.js";
-import { t as setItem_default } from "./setItem-Bjl8zTpQ.js";
-import { PubinfoIcon } from "pubinfo-pr";
-import { Fragment, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, reactive, renderList, resolveComponent, unref } from "vue";
-import { message } from "ant-design-vue";
-import './breadcrumb_setting.css';var enable_default$1 = new URL("lottie-2bb6f642.json", import.meta.url).href, enableMainMenu_default$1 = new URL("lottie-b24f2cd3.json", import.meta.url).href, style_default$1 = new URL("lottie-7b4f72ce.json", import.meta.url).href, enable_default = new URL("lottie-2cdc07bd.json", import.meta.url).href, enableMainMenu_default = new URL("lottie-fb1f4917.json", import.meta.url).href, style_default = new URL("lottie-03f0a035.json", import.meta.url).href, _hoisted_1 = {
-	"w-full": "",
-	"h-full": "",
-	"p-10px": ""
-}, _hoisted_2 = { class: "w-full h-full bg-white overflow-y-auto p-10px flex flex-col box-border dark:bg-[#141414]" }, _hoisted_3 = { class: "h-[38px] pl-[16px] flex flex-row items-center bar-header" }, _hoisted_4 = {
-	class: "mt-[22px] grid grid-cols-3 gap-[20px] px-30px w-full h-0 max-w-1500px",
-	aspect: "[3/2] "
-}, breadcrumb_setting_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
-	name: "BreadcrumbSetting",
-	__name: "index",
-	setup(e) {
-		let r = useSettingsStore(), i = reactive([
-			{
-				name: "是否启用",
-				type: "switch",
-				descripe: "",
-				open: r.globalSettings.breadcrumb.enable,
-				activeStyle: "",
-				lightData: enable_default,
-				darkData: enable_default$1
-			},
-			{
-				name: "风格",
-				type: "check",
-				descripe: "",
-				open: !0,
-				activeStyle: r.globalSettings.breadcrumb.style,
-				styleOptions: [{
-					label: "默认",
-					value: ""
-				}, {
-					label: "现代",
-					value: "modern"
-				}],
-				lightData: style_default,
-				darkData: style_default$1
-			},
-			{
-				name: "是否显示主导航",
-				type: "switch",
-				descripe: "",
-				open: r.globalSettings.breadcrumb.enableMainMenu,
-				activeStyle: "",
-				lightData: enableMainMenu_default,
-				darkData: enableMainMenu_default$1
-			}
-		]), a = "";
-		function o(e, t) {
-			switch (e) {
-				case 0:
-					r.globalSettings.breadcrumb.enable = t, a = JSON.stringify({ breadcrumb: { enable: t } });
-					break;
-				case 1:
-					r.globalSettings.breadcrumb.style = t, a = JSON.stringify({ breadcrumb: { style: t } });
-					break;
-				case 2:
-					r.globalSettings.breadcrumb.enableMainMenu = t, a = JSON.stringify({ breadcrumb: { enableMainMenu: t } });
-					break;
-			}
-			s(a);
-		}
-		function s(e) {
-			postSysconfigAddOrEidtSysThemeStyleConfig({ content: e }).then((e) => {
-				e.success && message.success("设置成功");
-			});
-		}
-		return (e, t) => {
-			let n = PubinfoIcon;
-			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [createVNode(n, {
-				name: "icon_breadcrumb",
-				class: "text-base mr-[6px]",
-				size: 22
-			}), t[0] ||= createElementVNode("span", { class: "text-[16px] text-[#1d2129] dark:text-[#C9CDD4]" }, "面包屑导航", -1)]), createElementVNode("div", _hoisted_4, [(openBlock(!0), createElementBlock(Fragment, null, renderList(unref(i), (e, t) => (openBlock(), createBlock(setItem_default, {
-				key: e.name,
-				class: "mb-20px",
-				aspect: "[9/6]",
-				name: e.name,
-				descripe: e.descripe,
-				open: e.open,
-				type: e.type,
-				"active-style": e.activeStyle,
-				"style-options": e.styleOptions,
-				"light-animation-data": e.lightData,
-				"dark-animation-data": e.darkData,
-				onChange: (e) => o(t, e)
-			}, null, 8, [
-				"name",
-				"descripe",
-				"open",
-				"type",
-				"active-style",
-				"style-options",
-				"light-animation-data",
-				"dark-animation-data",
-				"onChange"
-			]))), 128))])])]);
-		};
-	}
-}), [["__scopeId", "data-v-b756993c"]]);
-export { breadcrumb_setting_default as default };