@pubinfo-pr/core 0.222.4 → 0.224.1

package/src/built-in/layout-component/components/ui/HToggle.vue

@@ -34,88 +34,42 @@ const enabled = computed({
 
 <style scoped lang="css">
 .switch {
-  cursor: pointer;
-  transform: scaleX(0.75) scaleY(0.75);
+  --at-apply: cursor-pointer scale-75;
 }
 
 .switch input {
-  display: none;
+  --at-apply: hidden;
 }
 
 .switch input + span {
-  position: relative;
-  display: block;
-  width: 3rem; /* 48px */
-  height: 1.75rem; /* 28px */
-  border-radius: 14px;
-  transition-property: all;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-  transition-duration: 300ms;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  --at-apply: relative block w-12 h-7 rounded-14px transition-all duration-300 ease;
 }
 
 .switch input + span::before,
 .switch input + span::after {
-  position: absolute;
-  display: block;
-  content: "";
-  transition-property: all;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-  transition-duration: 300ms;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  --at-apply: absolute block content-empty transition-all duration-300 ease;
 }
 
 .switch input + span::before {
-  top: 5px;
-  left: 5px;
-  width: 18px;
-  height: 18px;
-  border-width: 5px;
-  border-style: solid;
-  border-color: rgb(255 255 255);
-  border-radius: 9px;
-}
-
-.dark .switch input + span::before {
-  border-color: rgb(34 34 34);
+  --at-apply: top-5px left-5px size-18px border-5px border-solid border-white dark:border-dark rounded-9px;
 }
 
 .switch input + span::after {
-  top: 5px;
-  left: 32px;
-  width: 6px;
-  height: 18px;
-  background-color: #FFFFFF;
-  border-radius: 40%;
-  opacity: 0;
+  --at-apply: top-5px left-32px w-6px h-18px bg-white rounded-4/10 op-0 dark:bg-stone-7;
   transform-origin: 50% 50%;
 }
 
-.dark .switch input + span::after {
-  background-color: #44403c;
-}
-
 .switch input + span:active {
-  transform: scaleX(0.92) scaleY(0.92);
+  --at-apply: scale-92;
 }
 
 .switch input:checked + span {
-  background-color: rgb(var(--ui-primary));
+  --at-apply: bg-ui-primary;
   box-shadow: 0 8px 16px -1px rgba(var(--ui-primary), 0.2);
 }
 
 .switch input:checked + span::before {
-  width: 0;
-  margin-left: 27px;
-  background-color: #FFFFFF;
-  border-width: 3px;
-  border-radius: 3px;
-}
-
-.dark .switch input:checked + span::before {
-  background-color: #44403c;
+  --at-apply: w-0 ml-27px bg-white dark:bg-stone-7 border-3px rounded-3px;
 }
 
 .switch input:checked + span::after {

package/src/built-in/layout-component/index.ts

@@ -2,7 +2,6 @@
 /* eslint-disable perfectionist/sort-named-exports */
 import type { ModuleOptions } from '@/core';
 import { defineSystemRoutes } from '@/features';
-import { defineAsyncComponent } from 'vue';
 
 import { Provider as LayoutProvider } from './provider';
 import Layout from './Layout.vue';
@@ -10,6 +9,8 @@ import LayoutContent from './components/Content/index.vue';
 
 import LayoutHeader from './components/Header/index.vue';
 import LayoutHeaderMenu from './components/Header/HeaderMenu.vue';
+import LayoutHeaderFullMenu from './components/Header/HeaderFullMenu/index.vue';
+import LayoutHeaderThinMenu from './components/Header/HeaderThinMenu.vue';
 
 import LayoutSidebar from './components/Sidebar/index.vue';
 import LayoutTopbar from './components/Topbar/index.vue';
@@ -28,9 +29,6 @@ import Message from 'vue-m-message';
 import 'vue-m-message/dist/style.css';
 import 'floating-vue/dist/style.css';
 
-const LayoutHeaderFullMenu = defineAsyncComponent(() => import('./components/Header/HeaderFullMenu/index.vue'));
-const LayoutHeaderThinMenu = defineAsyncComponent(() => import('./components/Header/HeaderThinMenu.vue'));
-
 /**
  * 布局组件
  */

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

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

package/src/features/components/PassStrengthValidator/rule.vue

@@ -25,28 +25,15 @@ const props = defineProps<{
 
 <style scoped>
 .rule-item {
-  display: flex;
-  flex-direction: row;
-  font-size: 0.875rem; /* 14px */
-  line-height: 1.25rem; /* 20px */
-  line-height: 19px;
-  padding-left: 0;
-  padding-right: 0;
-  padding-top: 0.625rem; /* 10px */
-  padding-bottom: 0.625rem; /* 10px */
+  --at-apply: flex flex-row text-sm leading-[19px] px-0 py-2.5;
 }
 .rule-item .icon {
-  line-height: 23px;
-  margin-right: 0.625rem; /* 10px */
+  --at-apply: leading-[23px] mr-2.5;
 }
 .rule-item.vertical {
-  line-height: 18px;
-  color: #86909c;
-  margin-bottom: 0.375rem; /* 6px */
-  padding: 0;
+  --at-apply: leading-[18px] text-[#86909c] mb-1.5 p-0;
 }
 .rule-item.vertical .icon {
-  line-height: 18px;
-  margin-right: 0.375rem; /* 6px */
+  --at-apply: leading-[18px] mr-1.5;
 }
 </style>

package/dist/HSlideover-DoCRa4dK.js

@@ -1,152 +0,0 @@
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, markRaw, mergeProps, normalizeClass, openBlock, ref, renderSlot, toDisplayString, unref, useSlots, withCtx } from "vue";
-import { Dialog, DialogDescription, DialogPanel, DialogTitle, TransitionChild, TransitionRoot } from "@headlessui/vue";
-import { OverlayScrollbarsComponent } from "overlayscrollbars-vue";
-var _hoisted_1$1 = {
-	viewBox: "0 0 32 32",
-	width: "1.2em",
-	height: "1.2em"
-};
-function render(e, t) {
-	return openBlock(), createElementBlock("svg", _hoisted_1$1, [...t[0] ||= [createElementVNode("path", {
-		fill: "currentColor",
-		d: "M17.414 16L24 9.414L22.586 8L16 14.586L9.414 8L8 9.414L14.586 16L8 22.586L9.414 24L16 17.414L22.586 24L24 22.586z"
-	}, null, -1)]]);
-}
-var close_default = markRaw({
-	name: "carbon-close",
-	render
-}), _hoisted_1 = {
-	flex: "~ items-center justify-between",
-	"p-4": "",
-	"border-b": "~ solid stone/15",
-	"text-6": ""
-}, _hoisted_2 = {
-	key: 0,
-	flex: "~ items-center justify-end",
-	"px-3": "",
-	"py-2": "",
-	"border-t": "~ solid stone/15"
-}, HSlideover_default = /* @__PURE__ */ defineComponent({
-	__name: "HSlideover",
-	props: {
-		modelValue: {
-			type: Boolean,
-			default: !1
-		},
-		appear: {
-			type: Boolean,
-			default: !1
-		},
-		side: { default: "right" },
-		title: {},
-		preventClose: {
-			type: Boolean,
-			default: !1
-		},
-		overlay: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	emits: ["update:modelValue", "close"],
-	setup(n, { emit: r }) {
-		let i = n, a = r, o = useSlots(), s = ref({
-			enter: "ease-in-out duration-500",
-			enterFrom: "opacity-0",
-			enterTo: "opacity-100",
-			leave: "ease-in-out duration-500",
-			leaveFrom: "opacity-100",
-			leaveTo: "opacity-0"
-		}), c = computed(() => ({
-			enter: "transform transition ease-in-out duration-300",
-			leave: "transform transition ease-in-out duration-200",
-			enterFrom: i.side === "left" ? "-translate-x-full" : "translate-x-full",
-			enterTo: "translate-x-0",
-			leaveFrom: "translate-x-0",
-			leaveTo: i.side === "left" ? "-translate-x-full" : "translate-x-full"
-		})), l = computed({
-			get() {
-				return i.modelValue;
-			},
-			set(e) {
-				a("update:modelValue", e);
-			}
-		});
-		function u() {
-			l.value = !1, a("close");
-		}
-		return (e, r) => (openBlock(), createBlock(unref(TransitionRoot), {
-			as: "template",
-			appear: n.appear,
-			show: unref(l)
-		}, {
-			default: withCtx(() => [createVNode(unref(Dialog), {
-				class: normalizeClass(["fixed inset-0 z-1000 flex", { "justify-end": n.side === "right" }]),
-				onClose: r[0] ||= (e) => !n.preventClose && u()
-			}, {
-				default: withCtx(() => [createVNode(unref(TransitionChild), mergeProps({
-					as: "template",
-					appear: n.appear
-				}, unref(s)), {
-					default: withCtx(() => [createElementVNode("div", { class: normalizeClass(["fixed inset-0 bg-stone-2/75 transition-opacity dark:bg-stone-8/75", { "backdrop-blur-sm": n.overlay }]) }, null, 2)]),
-					_: 1
-				}, 16, ["appear"]), createVNode(unref(TransitionChild), mergeProps({
-					as: "template",
-					appear: n.appear
-				}, unref(c)), {
-					default: withCtx(() => [createVNode(unref(DialogPanel), {
-						relative: "",
-						"max-w-md": "",
-						"w-full": "",
-						"w-screen": "",
-						flex: "",
-						"flex-1": "",
-						"flex-col": "",
-						"bg-white": "",
-						"dark:bg-stone-8": "",
-						"focus:outline-none": ""
-					}, {
-						default: withCtx(() => [
-							createElementVNode("div", _hoisted_1, [createVNode(unref(DialogTitle), {
-								"m-0": "",
-								"text-lg": "",
-								"text-dark": "",
-								"dark:text-white": ""
-							}, {
-								default: withCtx(() => [createTextVNode(toDisplayString(n.title), 1)]),
-								_: 1
-							}), createVNode(unref(close_default), {
-								"cursor-pointer": "",
-								onClick: u
-							})]),
-							createVNode(unref(DialogDescription), {
-								"m-0": "",
-								"flex-1": "",
-								"of-y-hidden": ""
-							}, {
-								default: withCtx(() => [createVNode(unref(OverlayScrollbarsComponent), {
-									options: { scrollbars: {
-										autoHide: "leave",
-										autoHideDelay: 300
-									} },
-									defer: "",
-									class: "h-full p-4"
-								}, {
-									default: withCtx(() => [renderSlot(e.$slots, "default")]),
-									_: 3
-								})]),
-								_: 3
-							}),
-							o.footer ? (openBlock(), createElementBlock("div", _hoisted_2, [renderSlot(e.$slots, "footer")])) : createCommentVNode("", !0)
-						]),
-						_: 3
-					})]),
-					_: 3
-				}, 16, ["appear"])]),
-				_: 3
-			}, 8, ["class"])]),
-			_: 3
-		}, 8, ["appear", "show"]));
-	}
-});
-export { close_default as n, HSlideover_default as t };