@mptw/skylens-ui 1.5.11 → 1.5.13

package/app/components/SLSidebarNavLinkItem.vue

@@ -66,7 +66,10 @@ NuxtLink.sidebar-nav-link-item(
 import type { NuxtLink } from "#components";
 import { createPopper } from "@popperjs/core";
 import type { Instance as PopperInstance } from "@popperjs/core";
-import { NavItemStatus, type NavItemLink } from "~app/interface/NavConfigType";
+import {
+  NavItemStatus,
+  type NavItemLink,
+} from "~uiApp/interface/NavConfigType";
 
 type NuxtLinkType = InstanceType<typeof NuxtLink>;
 
@@ -226,7 +229,7 @@ export default defineComponent({
 </script>
 
 <style>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .sidebar.closure .sidebar-nav-link-item {
   @apply lg:p-2 lg:text-lg;

package/app/components/SLSidebarNavSectionItem.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script lang="ts">
-import type { NavItemSection } from "~app/interface/NavConfigType";
+import type { NavItemSection } from "~uiApp/interface/NavConfigType";
 
 export default defineComponent({
   name: "SLSidebarNavSectionItem",
@@ -42,7 +42,7 @@ export default defineComponent({
 </script>
 
 <style>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .sidebar.closure .sidebar-nav-section-item {
   @apply lg:items-center;

package/app/components/SLSitePage.vue

@@ -111,7 +111,7 @@ export default defineComponent({
 </script>
 
 <style>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .site-page {
   @apply flex flex-col w-full min-h-full pt-1.5 lg:pt-2;

package/app/components/SLSkyInsightSitePage.vue

@@ -16,7 +16,7 @@ export default {
 </script>
 
 <style>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .sky-insight-site-page {
   @apply grow flex flex-col;

package/app/components/SLSortByDropdown.vue

@@ -21,7 +21,7 @@ import type { PropType } from "vue";
 import { createPopper } from "@popperjs/core";
 import type { Instance as PopperInstance } from "@popperjs/core";
 import { fromEvent, type Subscription } from "rxjs";
-import type IInputOption from "~app/interface/IInputOption";
+import type IInputOption from "~uiApp/interface/IInputOption";
 
 export default defineComponent({
   name: "SLSortByDropdown",
@@ -162,7 +162,7 @@ export default defineComponent({
 </script>
 
 <style scoped>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .sort-by-dropdown {
   @apply inline-flex;

package/app/components/SLSpinIcon.vue

@@ -19,7 +19,7 @@ export default defineComponent({
 </script>
 
 <style>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 i.spin-icon {
   @apply animate-spin;

package/app/components/SLStayRangeInput.vue

@@ -54,8 +54,8 @@
 <script lang="ts">
 import type { PropType } from "vue";
 import type { SLSelect } from "#components";
-import type IStayRange from "~app/interface/IStayRange";
-import type { StayRangeLevel } from "~app/interface/IStayRange";
+import type IStayRange from "~uiApp/interface/IStayRange";
+import type { StayRangeLevel } from "~uiApp/interface/IStayRange";
 
 type SLSelectType = InstanceType<typeof SLSelect>;
 
@@ -256,7 +256,7 @@ export default defineComponent({
 </script>
 
 <style>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .stay-range-input {
   @apply flex flex-col;

package/app/components/SLTable.vue

@@ -90,7 +90,7 @@
               div(v-if="loading", style="min-height: 200px")
               slot(v-else name='noItems')
                 .flex.flex-col.items-center.py-8.px-4.space-y-3
-                  img(src="~app/assets/images/commons/empty-box.png")
+                  img(src="@@uiApp/commons/empty-box.png")
                   .text-lg.text-primary-600 {{ noItems }}
                   .text-sm.text-pgray-3(v-if="reason") 可能的原因：{{ reason }}
       SLLoading(
@@ -120,7 +120,7 @@ import type { PropType } from "vue";
 import { fromEvent, type Subscription } from "rxjs";
 import { createPopper } from "@popperjs/core";
 import type { Instance as PopperInstance } from "@popperjs/core";
-import type ITableField from "~app/interface/ITableField";
+import type ITableField from "~uiApp/interface/ITableField";
 
 export default defineComponent({
   name: "SLTable",
@@ -381,7 +381,7 @@ export default defineComponent({
 </script>
 
 <style>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .table {
   @apply block relative w-full overflow-hidden;

package/app/components/SLTableTooltip.vue

@@ -21,9 +21,9 @@
 
 <script lang="ts">
 import type { PropType } from "vue";
-import { formatDateRange } from "~app/utils";
-import type IDateRange from "~app/interface/IDateRange";
-import type ITableField from "~app/interface/ITableField";
+import { formatDateRange } from "~uiApp/utils";
+import type IDateRange from "~uiApp/interface/IDateRange";
+import type ITableField from "~uiApp/interface/ITableField";
 
 export default defineComponent({
   name: "SLTableTooltip",
@@ -71,7 +71,7 @@ export default defineComponent({
 </script>
 
 <style>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .table-tooltip {
   @apply inline-block p-4 border border-primary-600 rounded bg-white shadow-popup-sm pointer-events-none;

package/app/components/SLTabs.vue

@@ -185,7 +185,7 @@ export default defineComponent({
 </script>
 
 <style>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .tabs.tabs-sm.tabs-type-1 > .tabs-nav ul .tab-nav-item-link {
   @apply text-sm;

package/app/components/SLTextInput.vue

@@ -41,7 +41,7 @@
 
 <script lang="ts">
 import { debounce } from "lodash-es";
-import { getUID } from "~app/utils";
+import { getUID } from "~uiApp/utils";
 
 export default defineComponent({
   name: "SLTextInput",
@@ -226,7 +226,7 @@ export default defineComponent({
 </script>
 
 <style>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .text-input.inline {
   @apply flex;

package/app/components/SLTextarea.vue

@@ -21,7 +21,7 @@
 </template>
 
 <script lang="ts">
-import { getUID } from "~app/utils";
+import { getUID } from "~uiApp/utils";
 
 export default defineComponent({
   name: "SLTextArea",
@@ -93,7 +93,7 @@ export default defineComponent({
 </script>
 
 <style>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .textarea.inline {
   @apply flex;

package/app/components/SLToast.vue

@@ -55,7 +55,7 @@ export default defineComponent({
 </script>
 
 <style scoped>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .toast {
   @apply z-100 fixed top-0 left-0 w-full h-full pointer-events-none;

package/app/components/SLToggleButton.vue

@@ -61,7 +61,7 @@ export default defineComponent({
 </script>
 
 <style>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .sl-toggle-button {
   @apply inline-flex items-center justify-center p-1.5 space-x-2 bg-primary-100 rounded text-base text-primary-600;

package/app/components/SLTwoLayerMultiSelect.vue

@@ -344,7 +344,7 @@ export default defineComponent({
 </script>
 
 <style>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .two-layer-multi-select {
   @apply relative w-full;

package/app/components/SLTwoLayerSelect.vue

@@ -215,7 +215,7 @@ export default defineComponent({
 </script>
 
 <style>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .tw-layer-select {
   @apply flex flex-col w-138 h-67.75 pt-2.75 px-2.75 bg-white border border-primary-100 rounded shadow-default;

package/app/components/SLTwoLayerSingleSelect.vue

@@ -297,7 +297,7 @@ export default defineComponent({
 </script>
 
 <style>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .two-layer-single-select {
   @apply relative w-full;

package/app/components/SLWarnModal.vue

@@ -65,7 +65,7 @@ export default defineComponent({
 </script>
 
 <style>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .warn-modal .modal-body-content {
   @apply flex flex-col items-center space-y-6 text-base text-pgray-2;

package/app/models/DateRange.ts

@@ -1,5 +1,5 @@
 import { format } from "date-fns";
-import type IDateRange from "~app/interface/IDateRange";
+import type IDateRange from "~uiApp/interface/IDateRange";
 
 class DateRange implements IDateRange {
   start: Date;

package/app/utils/index.ts

@@ -17,12 +17,12 @@ import {
 } from "date-fns";
 import { sortBy, isEqual } from "lodash-es";
 import { HanRegex } from "#imports";
-import type IDateRange from "~app/interface/IDateRange";
-import { ScreenSize } from "~app/interface/commons";
+import type IDateRange from "~uiApp/interface/IDateRange";
+import { ScreenSize } from "~uiApp/interface/commons";
 import type ExcelJS from "exceljs";
 import { useGtm } from "@gtm-support/vue-gtm";
 import * as htmlToImage from "html-to-image";
-import WatermarkImage from "~public/assets/images/commons/watermark-2.svg";
+import WatermarkImage from "~uiPublic/assets/images/commons/watermark-2.svg";
 
 export const getUID = () => {
   return `uid-${Math.random().toString(36).substring(2)}`;

package/nuxt.config.ts

@@ -7,13 +7,14 @@ const currentDir = dirname(fileURLToPath(import.meta.url));
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
   devtools: { enabled: true },
-  compatibilityDate: "2026-07-28",
   $meta: {
     name: "skylens-ui",
   },
   alias: {
-    "~app": join(currentDir, "./app"),
-    "~public": join(currentDir, "./public"),
+    "~ui": join(currentDir, "./"),
+    "~uiApp": join(currentDir, "./app"),
+    "~uiPublic": join(currentDir, "./public"),
+    "@@uiAppImage": join(currentDir, "./app/assets/images"),
   },
   runtimeConfig: {
     public: {
@@ -23,11 +24,11 @@ export default defineNuxtConfig({
     },
   },
   css: [
-    "~app/assets/css/main.css",
-    "~app/assets/css/icon.css",
-    "~app/assets/css/layout.css",
+    join(currentDir, "./app/assets/css/main.css"),
+    join(currentDir, "./app/assets/css/icons.css"),
+    join(currentDir, "./app/assets/css/layout.css"),
   ],
-  plugins: ["~app/plugins/v-calendar.ts"],
+  plugins: [join(currentDir, "./app/plugins/v-calendar.ts")],
   vite: {
     plugins: [tailwindcss()],
   },

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mptw/skylens-ui",
   "type": "module",
-  "version": "1.5.11",
+  "version": "1.5.13",
   "main": "./nuxt.config.ts",
   "scripts": {
     "dev": "nuxi dev .playground",
@@ -13,25 +13,26 @@
   },
   "devDependencies": {
     "@nuxt/eslint": "^1.16.0",
+    "@types/commonmark": "^0.27.10",
+    "@types/dompurify": "^3.0.5",
+    "@types/lodash-es": "^4.17.12",
     "@types/node": "^24.13.3",
+    "@types/sortablejs": "^1.15.9",
     "eslint": "^10.8.0",
     "nuxt": "^4.5.1",
     "typescript": "^6.0.3",
+    "vite-tsconfig-paths": "^6.1.1",
     "vue": "^3.5.40"
   },
   "dependencies": {
     "@gtm-support/vue-gtm": "^3.2.0",
     "@popperjs/core": "^2.11.8",
     "@tailwindcss/vite": "^4.3.3",
-    "@types/commonmark": "^0.27.10",
-    "@types/dompurify": "^3.2.0",
-    "@types/lodash-es": "^4.17.12",
-    "@types/sortablejs": "^1.15.9",
-    "@vue/language-plugin-pug": "^3.3.8",
+    "@vue/language-plugin-pug": "^3.3.9",
     "axios": "^1.19.0",
     "commonmark": "^0.31.2",
     "date-fns": "^4.4.0",
-    "dompurify": "^3.4.12",
+    "dompurify": "^3.4.13",
     "echarts": "^6.1.0",
     "exceljs": "^4.4.0",
     "gsap": "^3.15.0",
@@ -40,7 +41,7 @@
     "pug": "^3.0.4",
     "rxjs": "^7.8.2",
     "sortablejs": "^1.15.7",
-    "swiper": "^14.0.6",
+    "swiper": "^14.0.7",
     "tailwindcss": "^4.3.3",
     "v-calendar": "^3.1.2",
     "vue-3-slider-component": "^1.0.2",