@pubinfo/core 2.0.0-beta.8 → 2.0.0-rc.1

package/src/features/assets/styles/globals.css

@@ -0,0 +1,188 @@
+/* 页面布局 CSS 变量 */
+:root {
+  /* 这是一个复合变量
+     当页宽模式为 adaption-min-width 时，它代表 最小宽度
+     当页宽模式为 center 时，它代表 固定宽度
+     当页宽模式为 center-max-width 时，它代表 最大宽度 */
+  --g-app-width: 1400px;
+
+  /* 头部宽度（默认自适应宽度，可固定宽度，固定宽度后为居中显示） */
+  --g-header-width: 100%;
+
+  /* 头部高度 */
+  --g-header-height: 56px;
+
+  /* 侧边栏宽度 */
+  --g-main-sidebar-width: 63px;
+  --g-sub-sidebar-width: 220px;
+  --g-sub-sidebar-collapse-width: 64px;
+
+  /* 侧边栏 Logo 区域高度 */
+  --g-sidebar-logo-height: 50px;
+
+  /* 标签栏高度 */
+  --g-tabbar-height: 48px;
+
+  /* 工具栏高度 */
+  --g-toolbar-height: 45px;
+
+  /* 标签页最大最小宽度，两个宽度为同一数值时，则为固定宽度，反之将宽度设置为 unset 则为自适应 */
+  --g-tabbar-tab-max-width: 150px;
+  --g-tabbar-tab-min-width: 150px;
+}
+
+/* 明暗模式 CSS 变量 */
+:root {
+  color-scheme: light;
+  --g-box-shadow-color: rgba(0, 0, 0, 0.12);
+}
+
+:root::view-transition-old(root),
+:root::view-transition-new(root) {
+  mix-blend-mode: normal;
+  animation: none;
+}
+
+:root::view-transition-old(root) {
+  z-index: 1;
+}
+
+:root::view-transition-new(root) {
+  z-index: 9999;
+}
+
+:root.dark {
+  color-scheme: dark;
+  --g-box-shadow-color: rgba(0, 0, 0, 0.72);
+}
+
+:root.dark::view-transition-old(root) {
+  z-index: 9999;
+}
+
+:root.dark::view-transition-new(root) {
+  z-index: 1;
+}
+
+::-webkit-scrollbar {
+  width: 12px;
+  height: 12px;
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: rgba(0, 0, 0, 0.4);
+  background-clip: padding-box;
+  border: 3px solid transparent;
+  border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+::-webkit-scrollbar-track {
+  background-color: transparent;
+}
+
+html,
+body {
+  height: 100%;
+}
+
+body {
+  box-sizing: border-box;
+  margin: 0;
+  font-family: Lato, "PingFang SC", "Microsoft YaHei", sans-serif;
+  background-color: var(--g-container-bg);
+  -webkit-tap-highlight-color: transparent;
+}
+
+body.overflow-hidden {
+  overflow: hidden;
+}
+
+* {
+  box-sizing: inherit;
+}
+
+/* 右侧内容区针对fixed元素，有横向铺满的需求，可在fixed元素上设置 [data-fixed-calc-width] */
+[data-fixed-calc-width] {
+  position: fixed;
+  right: 0;
+  left: 50%;
+}
+
+[data-app-width-mode="adaption"] [data-fixed-calc-width],
+[data-app-width-mode="adaption-min-width"] [data-fixed-calc-width] {
+  width: calc(100% - var(--g-main-sidebar-actual-width) - var(--g-sub-sidebar-actual-width));
+  transform: translateX(-50%) translateX(calc(var(--g-main-sidebar-actual-width) / 2)) translateX(calc(var(--g-sub-sidebar-actual-width) / 2));
+}
+
+[data-app-width-mode="center"] [data-fixed-calc-width],
+[data-app-width-mode="center-max-width"] [data-fixed-calc-width] {
+  width: calc(var(--g-app-width) - var(--g-main-sidebar-actual-width) - var(--g-sub-sidebar-actual-width));
+  transform: translateX(-50%) translateX(calc(var(--g-main-sidebar-actual-width) / 2)) translateX(calc(var(--g-sub-sidebar-actual-width) / 2));
+}
+
+[data-mode="mobile"] [data-fixed-calc-width] {
+  width: 100% !important;
+  transform: translateX(-50%) !important;
+}
+
+/* textarea 字体跟随系统 */
+textarea {
+  font-family: inherit;
+}
+
+/* Overrides Floating Vue */
+.v-popper--theme-dropdown,
+.v-popper--theme-tooltip {
+  display: inline-flex;
+}
+
+.v-popper--theme-dropdown .v-popper__inner,
+.v-popper--theme-tooltip .v-popper__inner {
+  background-color: white;
+  color: #1a1a1a;
+  border-radius: 6px;
+  box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
+  border: 1px solid rgba(120, 113, 108, 0.2);
+  font-size: 12px;
+  font-weight: normal;
+}
+
+.dark .v-popper--theme-dropdown .v-popper__inner,
+.dark .v-popper--theme-tooltip .v-popper__inner {
+  background-color: #1c1c1e;
+  color: white;
+}
+
+.v-popper--theme-tooltip .v-popper__arrow-inner,
+.v-popper--theme-dropdown .v-popper__arrow-inner {
+  border-color: white;
+}
+
+.dark .v-popper--theme-tooltip .v-popper__arrow-inner,
+.dark .v-popper--theme-dropdown .v-popper__arrow-inner {
+  border-color: #2c2c2e;
+}
+
+.v-popper--theme-tooltip .v-popper__arrow-outer,
+.v-popper--theme-dropdown .v-popper__arrow-outer {
+  border-color: rgba(120, 113, 108, 0.2);
+}
+
+.v-popper--theme-tooltip.v-popper--shown,
+.v-popper--theme-tooltip.v-popper--shown * {
+  transition: none !important;
+}
+
+[data-overlayscrollbars-contents] {
+  overscroll-behavior: contain;
+}
+
+/* medium-zoom */
+.medium-zoom-overlay,
+.medium-zoom-image {
+  z-index: 3000;
+}

package/src/{assets → features/assets}/styles/index.ts

@@ -1,6 +1,5 @@
 import '@unocss/reset/normalize.css';
 import 'overlayscrollbars/overlayscrollbars.css';
-import './globals.scss';
-import './nprogress.scss';
-import './rbac.scss';
+import './globals.css';
+import './rbac.css';
 import 'virtual:uno.css';

package/src/features/assets/styles/rbac.css

@@ -0,0 +1,51 @@
+[data-theme="classic"] #app-main {
+  background-image: url("../images/slider-bg.png");
+  background-repeat: no-repeat;
+  background-position: left bottom;
+  background-size: 450px 89%;
+}
+
+[data-theme="classic"] #app-main .sub-sidebar-container {
+  background-color: transparent;
+}
+
+[data-theme="classic"] #app-main > header {
+  background-image: url("../images/header-bg.png");
+  background-repeat: no-repeat;
+  background-position: left bottom;
+  background-size: cover;
+}
+
+[data-theme="classic"] #app-main > header .menu {
+  background-color: transparent !important;
+}
+
+[data-theme="classic"] #app-main > header .header-container .tools > span {
+  background-color: #4173f9;
+}
+
+[data-theme="classic"] #app-main .page-container {
+  padding-left: 0;
+}
+
+[data-theme="classic"] .wrapper .sidebar-container {
+  box-shadow: none !important;
+}
+
+[data-theme="classic"] .wrapper .main-container {
+  box-shadow: none !important;
+}
+
+/* FIXME: Over rides @pubinfo/pro-components */
+.pro-table .ant-form-item {
+  margin-bottom: 16px;
+}
+
+.pro-table .ant-card .ant-card-body {
+  padding: 16px;
+}
+
+.pro-table .ant-card .ant-card-head {
+  min-height: 48px;
+  padding: 0 16px;
+}

package/src/features/assets/styles/resources/utils.css

@@ -0,0 +1,53 @@
+/* 单行超出隐藏固定宽度 */
+.text-overflow-singleline {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+/* 多行超出隐藏，例如两行 */
+.text-overflow-multiline {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  -webkit-line-clamp: 2;
+}
+
+/* 定位居中 - 水平居中 */
+.position-center-x {
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+/* 定位居中 - 垂直居中 */
+.position-center-y {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+/* 定位居中 - 水平垂直居中 */
+.position-center-xy {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translateX(-50%) translateY(-50%);
+}
+
+/* 文字两端对齐 */
+.justify-align {
+  text-align: justify;
+  text-align-last: justify;
+}
+
+/* 清除浮动 */
+.clearfix {
+  zoom: 1;
+}
+.clearfix::before,
+.clearfix::after {
+  display: block;
+  clear: both;
+  content: "";
+}

package/src/features/assets/styles/resources/variables.css

@@ -0,0 +1,5 @@
+/* 全局变量 */
+:root {
+  --g-app-width: 1400px;
+  --g-header-width: 100%;
+}

package/src/features/components/MicroAppContainer/index.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+defineOptions({
+  name: 'MicroAppContainer',
+});
+</script>
+
+<template>
+  <div>微应用容器</div>
+</template>

package/src/features/components/NotAllowed/assets/403.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="383" height="309" fill="none"><rect width="118.274" height="17.809" fill="#81ACFA" rx="4" transform="matrix(1 0 .08716 .9962 161.633 272.588)"/><rect width="118.274" height="17.809" fill="url(#a)" rx="4" transform="matrix(1 0 .08716 .9962 162.633 269.588)"/><path fill="url(#b)" d="m32.505 148.18 36.78 85.112c25.18 58.267 91.725 89.125 148.315 68.777l85.675-30.806c91.652-32.954 86.59-163.719-7.961-205.65L172.859 11.307C80.133-29.813-7.488 55.635 32.505 148.18"/><rect width="68.502" height="88.093" fill="url(#c)" rx="2" transform="matrix(1 0 .08716 .9962 180.84 189.236)"/><rect width="68.502" height="77.252" fill="url(#d)" rx="2" transform="matrix(1 0 .08716 .9962 180.84 189.236)"/><rect width="137.89" height="105.817" fill="url(#e)" rx="10" transform="matrix(1 0 .08716 .9962 .076 169.044)"/><g opacity=".3"><path fill="#B0C6F8" fill-rule="evenodd" d="M32.416 185.888a1 1 0 0 0-1 1v4.978a1 1 0 0 0 1 1H65.98a1 1 0 0 0 1-1v-4.978a1 1 0 0 0-1-1zm39.964 0a.9.9 0 0 0-.913.996l.434 4.959c.048.551.535.997 1.087.997h11.475a.9.9 0 0 0 .913-.997l-.434-4.959a1.11 1.11 0 0 0-1.087-.996zm-38.814 13.156a.9.9 0 0 0-.912.996l.433 4.959c.049.55.535.996 1.088.996h33.564a.9.9 0 0 0 .913-.996l-.434-4.959a1.11 1.11 0 0 0-1.087-.996zm39.965 0a.9.9 0 0 0-.913.996l.434 4.959c.048.55.535.996 1.087.996h11.475a.9.9 0 0 0 .912-.996l-.433-4.959a1.11 1.11 0 0 0-1.088-.996z" clip-rule="evenodd"/><path fill="#CEDCFF" fill-rule="evenodd" d="M34.717 212.2a.9.9 0 0 0-.913.996l.434 4.959c.048.55.535.996 1.087.996H68.89a.9.9 0 0 0 .913-.996l-.434-4.959a1.11 1.11 0 0 0-1.087-.996zm39.964 0a.9.9 0 0 0-.913.996l.434 4.959c.049.55.535.996 1.088.996h11.474a.9.9 0 0 0 .913-.996l-.434-4.959a1.11 1.11 0 0 0-1.087-.996z" clip-rule="evenodd"/><path fill="#1CCDB8" d="M52.416 238.875c.698-1.125 2.373-1.125 3.268 0l15.628 19.634c1.05 1.319.262 3.141-1.36 3.141h-27.82c-1.622 0-2.728-1.822-1.909-3.141z"/><path fill="#1CCDB8" d="M75.608 246.101c.699-1.124 2.373-1.124 3.268 0l9.876 12.408c1.05 1.319.263 3.141-1.359 3.141h-17.58c-1.622 0-2.73-1.822-1.91-3.141z"/><circle cx="3.072" cy="3.072" r="3.072" fill="#1CCDB8" transform="matrix(1 0 .08716 .9962 76.041 232.35)"/></g><path fill="#0D4CAC" fill-opacity=".1" fill-rule="evenodd" d="M145.514 268.054H92.96c-6.628 0-12.655-5.332-13.463-11.91l-10.694-87.1h50.164c5.523 0 10.779 4.443 11.74 9.924l14.93 85.166c.244 1.392.188 2.718-.123 3.92" clip-rule="evenodd"/><rect width="238.238" height="173.566" fill="#81ACFA" rx="12" transform="matrix(1 0 .08716 .9962 84.719 85.475)"/><rect width="237.238" height="172.566" x=".544" y=".498" fill="url(#f)" stroke="url(#g)" rx="11.5" transform="matrix(1 0 .08716 .9962 86.675 83.477)"/><path fill="url(#h)" stroke="url(#i)" d="M101.526 88.354h209.477c5.247 0 9.871 4.237 10.328 9.464l10.845 123.958a1.35 1.35 0 0 1-1.369 1.495H105.33a1.666 1.666 0 0 1-1.631-1.495L92.854 97.818c-.457-5.227 3.425-9.464 8.672-9.464Z"/><path fill="#1346CB" fill-rule="evenodd" d="M101.481 87.856c-5.522 0-9.22 4.443-8.26 9.924l.757 4.315c.822-3.673 3.978-6.27 8.201-6.27h210.54c4.595 0 9.005 3.075 10.91 7.265l-.93-5.31c-.961-5.481-6.217-9.924-11.74-9.924z" clip-rule="evenodd"/><rect width="108" height="108" fill="#0D4CAC" fill-opacity=".18" rx="54" transform="matrix(1 0 .08716 .9962 246.5 74.57)"/><rect width="107" height="107" x=".544" y=".498" fill="url(#j)" stroke="#fff" rx="53.5" transform="matrix(1 0 .08716 .9962 264.88 56.617)"/><path fill="#CDDCEF" fill-rule="evenodd" d="M332.098 96.246c0 7.312-5.994 13.26-13.362 13.26-7.367 0-13.361-5.948-13.361-13.26s5.994-13.26 13.361-13.26 13.362 5.948 13.362 13.26m-29.466 46.337c-5.999-3.171-9.589-7.472-9.982-11.957-.194-2.221.403-4.42 1.757-6.471s3.437-3.916 6.133-5.486c2.696-1.571 5.95-2.816 9.577-3.666s7.556-1.287 11.562-1.287c4.007 0 8.012.437 11.788 1.287s7.248 2.095 10.219 3.666 5.38 3.434 7.093 5.486 2.694 4.25 2.888 6.471c.393 4.485-2.445 8.786-7.889 11.957s-13.048 4.953-21.14 4.953c-8.091 0-16.007-1.782-22.006-4.953" clip-rule="evenodd"/><path fill="#6599FF" fill-rule="evenodd" d="M337.098 90.246c0 7.312-5.994 13.26-13.362 13.26-7.367 0-13.361-5.948-13.361-13.26s5.994-13.26 13.361-13.26 13.362 5.948 13.362 13.26m-29.466 46.337c-5.999-3.171-9.589-7.472-9.982-11.957-.194-2.221.403-4.42 1.757-6.471s3.437-3.916 6.133-5.486c2.696-1.571 5.95-2.816 9.577-3.666s7.556-1.287 11.562-1.287c4.007 0 8.012.437 11.788 1.287s7.248 2.095 10.219 3.666 5.38 3.434 7.093 5.486 2.694 4.25 2.888 6.471c.393 4.485-2.445 8.786-7.889 11.957s-13.048 4.953-21.14 4.953c-8.091 0-16.007-1.782-22.006-4.953" clip-rule="evenodd"/><path fill="#1346CB" fill-opacity=".2" fill-rule="evenodd" d="m161.055 128.365 28.66 8.821c1.076.33 1.878 1.301 1.956 2.4l3.072 35.11v.003c-.04.279-.863 6.036-6.064 11.611-4.631 4.974-16.473 11.605-19.042 12.915l-1.302.678c-.343.183-.986.192-1.361 0l-1.421-.678a10 10 0 0 0-.462-.22 27 27 0 0 1-.957-.458c-4.799-2.399-15.802-7.932-20.564-12.237-6.146-5.556-7.984-11.293-8.085-11.608l-.002-.006-3.072-35.11c-.105-1.099.518-2.07 1.537-2.4zm6.113 66.088.019.009s.009 0 .026-.009zm.377-20.389h4.505c1.471 0 2.562-1.191 2.435-2.657h-.009l-.01-.109c-.128-1.466-1.428-2.657-2.899-2.657h-4.505l-.408-4.662c3.88-1.054 6.341-4.873 6.115-8.922.004-.064-.002-.128-.007-.192q.002-.054-.007-.102l-.007-.054c-.206-1.823-.911-3.682-2.108-5.175a11.26 11.26 0 0 0-5.118-3.636c-3.605-1.273-7.862-.11-9.983 2.757-1.225 1.658-1.835 3.518-1.832 5.651.007 1.869.697 3.866 1.811 5.46 1.072 1.529 2.596 2.876 4.308 3.627.506.219 1.009.393 1.509.54q.002.033.001.067l.002.08 1.427 16.304c.128 1.466 1.427 2.656 2.898 2.656s2.563-1.19 2.434-2.656zm-.834-16.882a1 1 0 0 0-.056.092 4 4 0 0 1-.341.41 2 2 0 0 1-.305.303 2 2 0 0 0-.276.201 8 8 0 0 1-.604.348c-.321.119-.661.22-1.005.284a7 7 0 0 1-1.076 0 9 9 0 0 1-1.054-.284 8 8 0 0 1-.792-.43 1 1 0 0 0-.098-.064 7 7 0 0 1-.446-.376 4 4 0 0 1-.27-.258l-.071-.072a3 3 0 0 0-.228-.293 9 9 0 0 1-.405-.632 7 7 0 0 1-.375-1.026 7 7 0 0 1-.093-1.072c.043-.348.105-.686.195-1.025q.16-.388.367-.751a1 1 0 0 0 .056-.092c.107-.147.224-.284.341-.412.072-.086.155-.167.237-.246l.067-.065c.165-.11.251-.174.276-.201q.294-.189.604-.349a6.4 6.4 0 0 1 1.005-.284 7 7 0 0 1 1.076 0c.356.074.704.166 1.054.284q.406.194.792.431c.011.009.05.037.098.064q.236.182.446.376c.094.079.183.169.27.258l.071.071c.126.175.198.266.228.294q.216.308.405.632c.149.339.281.687.375 1.035.034.173.06.356.075.531l.009.255.009.276a7 7 0 0 1-.194 1.035q-.16.389-.367.752" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="m166.536 122.143 28.659 8.82c1.077.33 1.879 1.302 1.957 2.401l3.072 35.109-.001.003c-.04.279-.862 6.036-6.063 11.611-4.631 4.974-16.473 11.606-19.043 12.915l-1.302.678c-.342.183-.985.192-1.361 0l-1.42-.678c-.138-.071-.282-.137-.463-.22a29 29 0 0 1-.957-.457c-4.798-2.4-15.802-7.933-20.564-12.238-6.145-5.556-7.983-11.293-8.084-11.608l-.002-.006-3.072-35.109c-.105-1.099.518-2.071 1.537-2.401zm6.112 66.087.02.009s.009 0 .026-.009zm.377-20.389h4.506c1.471 0 2.562-1.191 2.434-2.657h-.009l-.01-.109c-.128-1.466-1.427-2.657-2.898-2.657h-4.506l-.408-4.662c3.881-1.054 6.341-4.873 6.116-8.922a1 1 0 0 0-.008-.192.4.4 0 0 0-.007-.102q-.004-.025-.006-.054c-.206-1.822-.911-3.682-2.109-5.175a11.26 11.26 0 0 0-5.118-3.636c-3.605-1.273-7.861-.11-9.983 2.757-1.225 1.658-1.835 3.518-1.832 5.652.007 1.868.697 3.865 1.811 5.459 1.072 1.529 2.597 2.876 4.308 3.627.506.219 1.009.394 1.509.54q.002.033.002.067l.002.08 1.426 16.304c.128 1.466 1.428 2.656 2.899 2.656s2.562-1.19 2.434-2.656zm-.833-16.882a.5.5 0 0 0-.056.092 4 4 0 0 1-.342.41 2.2 2.2 0 0 1-.304.303c-.166.11-.251.174-.277.201-.2.129-.393.239-.604.348-.32.119-.661.22-1.005.284a7 7 0 0 1-1.076 0 9 9 0 0 1-1.054-.284 8 8 0 0 1-.791-.43 1 1 0 0 0-.098-.064 6 6 0 0 1-.447-.376 4 4 0 0 1-.27-.258l-.071-.072a3 3 0 0 0-.228-.293 9 9 0 0 1-.404-.632 7 7 0 0 1-.375-1.026 7 7 0 0 1-.094-1.071c.043-.349.106-.687.195-1.026a7 7 0 0 1 .367-.751.5.5 0 0 0 .056-.092q.164-.22.341-.412c.072-.086.156-.167.238-.246l.066-.065c.166-.11.251-.174.277-.201q.293-.188.604-.348c.32-.119.661-.22 1.005-.284a7 7 0 0 1 1.076 0c.355.073.703.165 1.054.284q.407.193.791.43c.011.009.05.037.098.064q.237.182.447.376c.093.079.182.169.27.258l.071.072c.125.174.197.265.228.293q.215.308.404.632c.149.339.281.687.376 1.035.034.173.059.356.074.531l.009.255.01.276a7 7 0 0 1-.195 1.035q-.16.389-.366.752" clip-rule="evenodd"/><path fill="#1346CB" fill-opacity=".2" fill-rule="evenodd" d="M249.143 139.557h-37.678l.357 4.085H249.5zm1.139 13.022h-37.678l.358 4.085h37.677zm-36.539 13.022h37.678l.358 4.085h-37.678zm38.817 13.021h-37.677l.357 4.086h37.678z" clip-rule="evenodd"/><path fill="#B6CFFF" fill-rule="evenodd" d="M252.143 135.557h-37.678l.357 4.085H252.5zm1.139 13.022h-37.678l.358 4.085h37.677zm-36.539 13.022h37.678l.358 4.085h-37.678zm38.817 13.021h-37.677l.357 4.086h37.678z" clip-rule="evenodd"/><defs><linearGradient id="a" x1="59.137" x2="59.137" y1="0" y2="17.809" gradientUnits="userSpaceOnUse"><stop stop-color="#EBF3FF"/><stop offset="1" stop-color="#D4E4FF"/></linearGradient><linearGradient id="b" x1="228.313" x2="228.313" y1="-98.142" y2="338.976" gradientUnits="userSpaceOnUse"><stop stop-color="#E5EFFF"/><stop offset="1" stop-color="#F2F7FF" stop-opacity="0"/></linearGradient><linearGradient id="c" x1="1.411" x2="66.523" y1="88.093" y2="99.442" gradientUnits="userSpaceOnUse"><stop stop-color="#3E71E2"/><stop offset="1" stop-color="#4A82E8"/></linearGradient><linearGradient id="d" x1="1.411" x2="65.952" y1="77.252" y2="90.081" gradientUnits="userSpaceOnUse"><stop stop-color="#1846AE"/><stop offset="1" stop-color="#1350BF"/></linearGradient><linearGradient id="e" x1="68.945" x2="68.945" y1="0" y2="105.817" gradientUnits="userSpaceOnUse"><stop stop-color="#E7F0FF"/><stop offset="1" stop-color="#F4F8FF"/></linearGradient><linearGradient id="f" x1="119.119" x2="119.119" y1="0" y2="173.566" gradientUnits="userSpaceOnUse"><stop stop-color="#EBF3FF"/><stop offset="1" stop-color="#D4E4FF"/></linearGradient><linearGradient id="g" x1="119.119" x2="119.119" y1="0" y2="173.566" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient><linearGradient id="h" x1="206.221" x2="206.221" y1="87.856" y2="223.769" gradientUnits="userSpaceOnUse"><stop stop-color="#3D70F7"/><stop offset="1" stop-color="#7CAEFF"/></linearGradient><linearGradient id="i" x1="206.221" x2="206.221" y1="87.856" y2="223.769" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0"/><stop offset="1" stop-color="#fff"/></linearGradient><linearGradient id="j" x1="54" x2="54" y1="0" y2="108" gradientUnits="userSpaceOnUse"><stop stop-color="#E7F0FF"/><stop offset="1" stop-color="#F4F8FF"/></linearGradient></defs></svg>

package/src/features/components/NotAllowed/assets/403_dark.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="design-iconfont" viewBox="0 0 383 309"><path fill="url(#a)" d="m32.505 148.18 36.78 85.112c25.18 58.267 91.725 89.125 148.315 68.777l85.675-30.806c91.652-32.954 86.59-163.719-7.961-205.65L172.859 11.307C80.133-29.813-7.488 55.635 32.505 148.18"/><rect width="118.274" height="17.809" fill="#81ACFA" rx="4" transform="matrix(1 0 .08716 .9962 161.633 272.588)"/><rect width="118.274" height="17.809" fill="#3A4E7A" rx="4" transform="matrix(1 0 .08716 .9962 161.633 272.588)"/><rect width="118.274" height="17.809" fill="url(#b)" rx="4" transform="matrix(1 0 .08716 .9962 162.633 269.588)"/><rect width="118.274" height="17.809" fill="url(#c)" rx="4" transform="matrix(1 0 .08716 .9962 162.633 269.588)"/><rect width="68.502" height="88.093" fill="url(#d)" rx="2" transform="matrix(1 0 .08716 .9962 180.84 189.236)"/><rect width="68.502" height="77.252" fill="#051539" rx="2" transform="matrix(1 0 .08716 .9962 180.84 189.236)"/><rect width="137.89" height="105.817" fill="url(#e)" rx="10" transform="matrix(1 0 .08716 .9962 .076 169.044)"/><rect width="137.89" height="105.817" fill="url(#f)" rx="10" transform="matrix(1 0 .08716 .9962 .076 169.044)"/><g opacity=".3"><path fill="#B0C6F8" fill-rule="evenodd" d="M32.416 185.888a1 1 0 0 0-1 1v4.978a1 1 0 0 0 1 1H65.98a1 1 0 0 0 1-1v-4.978a1 1 0 0 0-1-1zm39.964 0a.9.9 0 0 0-.913.996l.434 4.959c.048.551.535.997 1.087.997h11.475a.9.9 0 0 0 .913-.997l-.434-4.959a1.11 1.11 0 0 0-1.087-.996zm-38.814 13.156a.9.9 0 0 0-.912.996l.433 4.959c.049.55.535.996 1.088.996h33.564a.9.9 0 0 0 .913-.996l-.434-4.959a1.11 1.11 0 0 0-1.087-.996zm39.965 0a.9.9 0 0 0-.913.996l.434 4.959c.048.55.535.996 1.087.996h11.475a.9.9 0 0 0 .912-.996l-.433-4.959a1.11 1.11 0 0 0-1.088-.996z" clip-rule="evenodd"/><path fill="#CEDCFF" fill-rule="evenodd" d="M34.717 212.2a.9.9 0 0 0-.913.996l.434 4.959c.048.55.535.996 1.087.996H68.89a.9.9 0 0 0 .913-.996l-.434-4.959a1.11 1.11 0 0 0-1.087-.996zm39.964 0a.9.9 0 0 0-.913.996l.434 4.959c.049.55.535.996 1.088.996h11.474a.9.9 0 0 0 .913-.996l-.434-4.959a1.11 1.11 0 0 0-1.087-.996z" clip-rule="evenodd"/><path fill="#1CCDB8" d="M52.416 238.875c.698-1.125 2.373-1.125 3.268 0l15.628 19.634c1.05 1.319.262 3.141-1.36 3.141h-27.82c-1.622 0-2.728-1.822-1.909-3.141z"/><path fill="#1CCDB8" d="M75.608 246.101c.699-1.124 2.373-1.124 3.268 0l9.876 12.408c1.05 1.319.263 3.141-1.359 3.141h-17.58c-1.622 0-2.73-1.822-1.91-3.141zm3.505-13.751a3.203 2.935 42.502 1 0 .535 6.12 3.203 2.935 42.502 1 0-.535-6.12"/></g><path fill="#000F25" fill-opacity=".1" fill-rule="evenodd" d="M145.514 268.054H92.96c-6.628 0-12.655-5.332-13.463-11.91l-10.694-87.1h50.164c5.523 0 10.779 4.443 11.74 9.924l14.93 85.166c.244 1.392.188 2.718-.123 3.92" clip-rule="evenodd"/><rect width="238.238" height="173.566" fill="#81ACFA" rx="12" transform="matrix(1 0 .08716 .9962 84.719 85.475)"/><rect width="238.238" height="173.566" fill="#3A4E7A" rx="12" transform="matrix(1 0 .08716 .9962 84.719 85.475)"/><rect width="237.238" height="172.566" x=".544" y=".498" fill="url(#g)" stroke="url(#h)" rx="11.5" transform="matrix(1 0 .08716 .9962 86.675 83.477)"/><path fill="url(#i)" stroke="url(#j)" d="M101.526 88.354h209.477c5.247 0 9.871 4.237 10.328 9.464l10.845 123.958a1.35 1.35 0 0 1-1.369 1.495H105.33a1.666 1.666 0 0 1-1.631-1.495L92.854 97.818c-.457-5.227 3.425-9.464 8.672-9.464Z"/><path fill="#071435" fill-rule="evenodd" d="M101.481 87.856c-5.522 0-9.22 4.443-8.26 9.924l.757 4.315c.822-3.673 3.978-6.27 8.201-6.27h210.54c4.595 0 9.005 3.075 10.91 7.265l-.93-5.31c-.961-5.481-6.217-9.924-11.74-9.924z" clip-rule="evenodd"/><rect width="108" height="108" fill="#02132D" fill-opacity=".5" rx="54" transform="matrix(1 0 .08716 .9962 246.5 74.57)"/><rect width="107" height="107" x=".544" y=".498" fill="url(#k)" stroke="#7384AD" rx="53.5" transform="matrix(1 0 .08716 .9962 264.88 56.617)"/><path fill="#434F6F" fill-rule="evenodd" d="M332.098 96.246c0 7.312-5.994 13.26-13.362 13.26-7.367 0-13.361-5.948-13.361-13.26s5.994-13.26 13.361-13.26 13.362 5.948 13.362 13.26m-29.466 46.337c-5.999-3.171-9.589-7.472-9.982-11.957-.194-2.221.403-4.42 1.757-6.471s3.437-3.916 6.133-5.486c2.696-1.571 5.95-2.816 9.577-3.666s7.556-1.287 11.562-1.287c4.007 0 8.012.437 11.788 1.287s7.248 2.095 10.219 3.666 5.38 3.434 7.093 5.486 2.694 4.25 2.888 6.471c.393 4.485-2.445 8.786-7.889 11.957s-13.048 4.953-21.14 4.953c-8.091 0-16.007-1.782-22.006-4.953" clip-rule="evenodd"/><path fill="#6599FF" fill-rule="evenodd" d="M337.098 90.246c0 7.312-5.994 13.26-13.362 13.26-7.367 0-13.361-5.948-13.361-13.26s5.994-13.26 13.361-13.26 13.362 5.948 13.362 13.26m-29.466 46.337c-5.999-3.171-9.589-7.472-9.982-11.957-.194-2.221.403-4.42 1.757-6.471s3.437-3.916 6.133-5.486c2.696-1.571 5.95-2.816 9.577-3.666s7.556-1.287 11.562-1.287c4.007 0 8.012.437 11.788 1.287s7.248 2.095 10.219 3.666 5.38 3.434 7.093 5.486 2.694 4.25 2.888 6.471c.393 4.485-2.445 8.786-7.889 11.957s-13.048 4.953-21.14 4.953c-8.091 0-16.007-1.782-22.006-4.953" clip-rule="evenodd"/><path fill="#031031" fill-opacity=".5" fill-rule="evenodd" d="m161.055 128.365 28.66 8.821c1.076.33 1.878 1.301 1.956 2.4l3.072 35.11v.003c-.04.279-.863 6.036-6.064 11.611-4.631 4.974-16.473 11.605-19.042 12.915l-1.302.678c-.343.183-.986.192-1.361 0l-1.421-.678a10 10 0 0 0-.462-.22 27 27 0 0 1-.957-.458c-4.799-2.399-15.802-7.932-20.564-12.237-6.146-5.556-7.984-11.293-8.085-11.608l-.002-.006-3.072-35.11c-.105-1.099.518-2.07 1.537-2.4zm6.113 66.088.019.009s.009 0 .026-.009zm.377-20.389h4.505c1.471 0 2.562-1.191 2.435-2.657h-.009l-.01-.109c-.128-1.466-1.428-2.657-2.899-2.657h-4.505l-.408-4.662c3.88-1.054 6.341-4.873 6.115-8.922.004-.064-.002-.128-.007-.192q.002-.054-.007-.102l-.007-.054c-.206-1.823-.911-3.682-2.108-5.175a11.26 11.26 0 0 0-5.118-3.636c-3.605-1.273-7.862-.11-9.983 2.757-1.225 1.658-1.835 3.518-1.832 5.651.007 1.869.697 3.866 1.811 5.46 1.072 1.529 2.596 2.876 4.308 3.627.506.219 1.009.393 1.509.54q.002.033.001.067l.002.08 1.427 16.304c.128 1.466 1.427 2.656 2.898 2.656s2.563-1.19 2.434-2.656zm-.834-16.882a1 1 0 0 0-.056.092 4 4 0 0 1-.341.41 2 2 0 0 1-.305.303 2 2 0 0 0-.276.201 8 8 0 0 1-.604.348c-.321.119-.661.22-1.005.284a7 7 0 0 1-1.076 0 9 9 0 0 1-1.054-.284 8 8 0 0 1-.792-.43 1 1 0 0 0-.098-.064 7 7 0 0 1-.446-.376 4 4 0 0 1-.27-.258l-.071-.072a3 3 0 0 0-.228-.293 9 9 0 0 1-.405-.632 7 7 0 0 1-.375-1.026 7 7 0 0 1-.093-1.072c.043-.348.105-.686.195-1.025q.16-.388.367-.751a1 1 0 0 0 .056-.092c.107-.147.224-.284.341-.412.072-.086.155-.167.237-.246l.067-.065c.165-.11.251-.174.276-.201q.294-.189.604-.349a6.4 6.4 0 0 1 1.005-.284 7 7 0 0 1 1.076 0c.356.074.704.166 1.055.284q.405.194.791.431c.011.009.05.037.098.064q.236.182.446.376c.094.079.183.169.27.258l.071.071c.126.175.198.266.228.294q.216.308.405.632c.149.339.281.687.375 1.035.034.173.06.356.075.531l.009.255.009.276a7 7 0 0 1-.194 1.035q-.16.389-.367.752" clip-rule="evenodd"/><path fill="#8092EE" fill-rule="evenodd" d="m166.536 122.143 28.659 8.82c1.077.33 1.879 1.302 1.957 2.401l3.072 35.109-.001.003c-.04.279-.862 6.036-6.063 11.611-4.631 4.974-16.473 11.606-19.043 12.915l-1.302.678c-.342.183-.985.192-1.361 0l-1.42-.678c-.138-.071-.282-.137-.463-.22a29 29 0 0 1-.957-.457c-4.798-2.4-15.802-7.933-20.564-12.238-6.145-5.556-7.983-11.293-8.084-11.608l-.002-.006-3.072-35.109c-.105-1.099.518-2.071 1.537-2.401zm6.112 66.087.02.009s.009 0 .026-.009zm.377-20.389h4.506c1.471 0 2.562-1.191 2.434-2.657h-.009l-.01-.109c-.128-1.466-1.427-2.657-2.898-2.657h-4.506l-.408-4.662c3.881-1.054 6.341-4.873 6.116-8.922a1 1 0 0 0-.008-.192.4.4 0 0 0-.007-.102q-.004-.025-.006-.054c-.206-1.822-.911-3.682-2.109-5.175a11.26 11.26 0 0 0-5.118-3.636c-3.605-1.273-7.861-.11-9.983 2.757-1.225 1.658-1.835 3.518-1.832 5.652.007 1.868.697 3.865 1.811 5.459 1.072 1.529 2.597 2.876 4.308 3.627.506.219 1.009.394 1.509.54q.002.033.002.067l.002.08 1.426 16.304c.128 1.466 1.428 2.656 2.899 2.656s2.562-1.19 2.434-2.656zm-.833-16.882a.5.5 0 0 0-.056.092 4 4 0 0 1-.342.41 2.2 2.2 0 0 1-.304.303c-.166.11-.251.174-.277.201-.2.129-.393.239-.604.348-.32.119-.661.22-1.005.284a7 7 0 0 1-1.076 0 9 9 0 0 1-1.054-.284 8 8 0 0 1-.791-.43 1 1 0 0 0-.098-.064 6 6 0 0 1-.447-.376 4 4 0 0 1-.27-.258l-.071-.072a3 3 0 0 0-.228-.293 9 9 0 0 1-.404-.632 7 7 0 0 1-.375-1.026 7 7 0 0 1-.094-1.071c.043-.349.106-.687.195-1.026a7 7 0 0 1 .367-.751.5.5 0 0 0 .056-.092q.164-.22.341-.412c.072-.086.156-.167.238-.246l.066-.065c.166-.11.251-.174.277-.201q.293-.188.604-.348c.32-.119.661-.22 1.005-.284a7 7 0 0 1 1.076 0c.355.073.703.165 1.054.284q.407.193.791.43c.011.009.05.037.098.064q.237.182.447.376c.093.079.182.169.27.258l.071.072c.125.174.197.265.228.293q.215.308.404.632c.149.339.281.687.376 1.035.034.173.059.356.074.531l.009.255.01.276a7 7 0 0 1-.195 1.035q-.16.389-.366.752" clip-rule="evenodd"/><path fill="#031031" fill-opacity=".5" fill-rule="evenodd" d="M249.143 139.557h-37.678l.357 4.085H249.5zm1.139 13.022h-37.678l.358 4.085h37.677zm-36.539 13.022h37.678l.358 4.085h-37.678zm38.817 13.021h-37.677l.357 4.086h37.678z" clip-rule="evenodd"/><path fill="#7887D2" fill-rule="evenodd" d="M252.143 135.557h-37.678l.357 4.085H252.5zm1.139 13.022h-37.678l.358 4.085h37.677zm-36.539 13.022h37.678l.358 4.085h-37.678zm38.817 13.021h-37.677l.357 4.086h37.678z" clip-rule="evenodd"/><defs><linearGradient id="a" x1="228.313" x2="228.313" y1="-98.142" y2="338.976" gradientUnits="userSpaceOnUse"><stop stop-color="#363B42"/><stop offset="1" stop-color="#363B42" stop-opacity="0"/></linearGradient><linearGradient id="b" x1="59.137" x2="59.137" y1="0" y2="17.809" gradientUnits="userSpaceOnUse"><stop stop-color="#EBF3FF"/><stop offset="1" stop-color="#D4E4FF"/></linearGradient><linearGradient id="c" x1="59.137" x2="59.137" y1="0" y2="17.809" gradientUnits="userSpaceOnUse"><stop stop-color="#7D87A1"/><stop offset="1" stop-color="#97A1BB"/></linearGradient><linearGradient id="d" x1="1.411" x2="66.523" y1="88.093" y2="99.442" gradientUnits="userSpaceOnUse"><stop stop-color="#1E3B7A"/><stop offset="1" stop-color="#153F8B"/></linearGradient><linearGradient id="e" x1="68.945" x2="68.945" y1="0" y2="105.817" gradientUnits="userSpaceOnUse"><stop stop-color="#E7F0FF"/><stop offset="1" stop-color="#F4F8FF"/></linearGradient><linearGradient id="f" x1="68.945" x2="68.945" y1="0" y2="105.817" gradientUnits="userSpaceOnUse"><stop stop-color="#586075"/><stop offset="1" stop-color="#65749C"/></linearGradient><linearGradient id="g" x1="119.119" x2="119.119" y1="0" y2="173.566" gradientUnits="userSpaceOnUse"><stop stop-color="#7D87A1"/><stop offset="1" stop-color="#97A1BB"/></linearGradient><linearGradient id="h" x1="119.119" x2="119.119" y1="0" y2="173.566" gradientUnits="userSpaceOnUse"><stop stop-color="#959FB9"/><stop offset="1" stop-color="#959FB9" stop-opacity="0"/></linearGradient><linearGradient id="i" x1="206.221" x2="206.221" y1="87.856" y2="223.769" gradientUnits="userSpaceOnUse"><stop stop-color="#0C2054"/><stop offset="1" stop-color="#113C81"/></linearGradient><linearGradient id="j" x1="206.221" x2="206.221" y1="87.856" y2="223.769" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0"/><stop offset="1" stop-color="#9DA8E1"/></linearGradient><linearGradient id="k" x1="54" x2="54" y1="0" y2="108" gradientUnits="userSpaceOnUse"><stop stop-color="#586075"/><stop offset="1" stop-color="#65749C"/></linearGradient></defs></svg>

package/src/{components → features/components}/NotAllowed/index.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useSettingsStore, useTabbarStore } from '@/stores';
+import { useSettingsStore, useTabbarStore } from '@/features/stores';
 
 defineOptions({
   name: 'NotAllowed',
@@ -61,16 +61,14 @@ function goBack() {
   </div>
 </template>
 
-<style lang="scss" scoped>
+<style scoped>
 .noPermissionIcon {
-  background: url("@/assets/icons/403.svg") no-repeat;
+  background: url("./assets/403.svg") no-repeat;
   background-size: 100% 100%;
 }
 
-[data-theme="dark"] {
-  .noPermissionIcon {
-    background: url("@/assets/icons/403_dark.svg") no-repeat;
-    background-size: 100% 100%;
-  }
+[data-theme="dark"] .noPermissionIcon {
+  background: url("./assets/403_dark.svg") no-repeat;
+  background-size: 100% 100%;
 }
 </style>

package/src/{components → features/components}/PassStrengthValidator/index.vue

@@ -152,61 +152,46 @@ watchEffect(() => {
   </div>
 </template>
 
-<style lang="scss" scoped>
+<style scoped>
 .pass-strength-validator {
-  padding: 15px;
-
-  .title-wrap {
-    margin-bottom: 40px;
-    font-size: 24px;
-    font-weight: 600;
-    color: #1677ff;
-  }
-
-  .rules-title {
-    margin-bottom: 15px;
-    font-size: 16px;
-    font-weight: 500;
-  }
-
-  &.vertical {
-    width: 1130px;
-    padding: 18px 32px 24px;
-
-    .title-wrap {
-      margin-bottom: 16px;
-      font-size: 16px;
-    }
+  --at-apply: p-15px;
+}
 
-    .rules-wrap {
-      display: flex;
-    }
+.pass-strength-validator .title-wrap {
+  --at-apply: text-2xl font-semibold text-[#1677ff] mb-10;
+}
 
-    .basic-rules,
-    .advanced-rules {
-      position: relative;
-      flex: 1;
-    }
+.pass-strength-validator .rules-title {
+  --at-apply: text-base font-medium mb-[15px];
+}
 
-    .basic-rules::after {
-      position: absolute;
-      top: 11px;
-      right: 35px;
-      bottom: 11px;
-      width: 1px;
-      height: auto;
-      content: "";
-      background: #e5e6eb;
-    }
+.pass-strength-validator.vertical {
+  --at-apply: w-[1130px] pt-[18px] pb-6 px-8;
+}
+.pass-strength-validator.vertical .title-wrap {
+  --at-apply: text-base mb-4;
+}
+.pass-strength-validator.vertical .rules-wrap {
+  --at-apply: flex;
+}
+.pass-strength-validator.vertical .basic-rules,
+.pass-strength-validator.vertical .advanced-rules {
+  --at-apply: relative flex-1;
+}
+.pass-strength-validator.vertical .basic-rules::after {
+  --at-apply: absolute w-px h-auto content-[""] right-[35px] inset-y-[11px];
+  background: #e5e6eb;
+}
+.pass-strength-validator.vertical .rules-title {
+  --at-apply: text-sm font-[bold] mb-3.5;
+}
 
-    .rules-title {
-      margin-bottom: 14px;
-      font-size: 14px;
-      font-weight: bold;
-    }
-  }
+/* 样式穿透，用于覆盖 ant-design-vue 组件样式 */
+.pass-strength-validator :deep(.ant-divider) {
+  --at-apply: mx-0 my-4;
 }
 
+/* 暗色主题支持 */
 .dark .pass-strength-validator.vertical .basic-rules::after {
   background: #424242;
 }

package/src/{components → features/components}/PassStrengthValidator/rule.vue

@@ -23,29 +23,17 @@ const props = defineProps<{
   </div>
 </template>
 
-<style scoped lang="scss">
-  .rule-item {
-    display: flex;
-    flex-direction: row;
-    padding: 10px 0;
-    font-size: 14px;
-    line-height: 19px;
-
-    .icon {
-      margin-right: 10px;
-      line-height: 23px;
-    }
-
-    &.vertical {
-      padding: 0;
-      margin-bottom: 6px;
-      line-height: 18px;
-      color: #86909c;
-
-      .icon {
-        margin-right: 6px;
-        line-height: 18px;
-      }
-    }
-  }
+<style scoped>
+.rule-item {
+  --at-apply: flex flex-row text-sm leading-[19px] px-0 py-2.5;
+}
+.rule-item .icon {
+  --at-apply: leading-[23px] mr-2.5;
+}
+.rule-item.vertical {
+  --at-apply: leading-[18px] text-[#86909c] mb-1.5 p-0;
+}
+.rule-item.vertical .icon {
+  --at-apply: leading-[18px] mr-1.5;
+}
 </style>

package/src/{components → features/components}/PubinfoApp/index.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { useAuth } from '@/features/composables';
 import NotAllowed from '../NotAllowed/index.vue';
 
 defineOptions({
@@ -9,7 +10,7 @@ const route = useRoute();
 const { auth } = useAuth();
 
 const isAuth = computed(() => {
-  return route.matched.every((item) => auth(item.meta.auth ?? ''));
+  return route.matched.every(item => auth(item.meta.auth ?? ''));
 });
 </script>