@mptw/skylens-ui 1.5.11 → 1.5.13

package/app/components/SLDownloadButton.vue

@@ -31,8 +31,8 @@ import { fromEvent, type Subscription } from "rxjs";
 import { createPopper } from "@popperjs/core";
 import type { Instance as PopperInstance, Placement } from "@popperjs/core";
 import ExcelJS from "exceljs";
-import { downloadURL, downloadBlob, gaev, ga4ev } from "~app/utils";
-import type IDateRange from "~app/interface/IDateRange";
+import { downloadURL, downloadBlob, gaev, ga4ev } from "~uiApp/utils";
+import type IDateRange from "~uiApp/interface/IDateRange";
 import WatermarkImage from "~public/assets/images/commons/watermark-2.svg";
 
 // http://www.excelcodex.com/2012/06/worksheets-naming-conventions/
@@ -274,7 +274,7 @@ export default defineComponent({
 </script>
 
 <style>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .download-button {
   @apply inline-block;

package/app/components/SLDropdown.vue

@@ -241,7 +241,7 @@ export default defineComponent({
 </script>
 
 <style>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .dropdown {
   @apply inline-block relative;

package/app/components/SLDropdownItem.vue

@@ -23,7 +23,7 @@ export default defineComponent({
 </script>
 
 <style>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .dropdown-item {
   @apply block p-2 bg-white text-sm text-primary whitespace-nowrap hover:text-primary hover:bg-primary-50 focus:text-primary focus:bg-primary-50 active:text-primary active:bg-primary-50;

package/app/components/SLElementWithTitle.vue

@@ -170,7 +170,7 @@ export default defineComponent({
 </script>
 
 <style>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .element-with-title {
   @apply inline-flex;

package/app/components/SLEyeCheckbox.vue

@@ -18,7 +18,7 @@
 
 <script lang="ts">
 import { isEqual } from "lodash-es";
-import { getUID } from "~app/utils";
+import { getUID } from "~uiApp/utils";
 
 export default defineComponent({
   name: "SLEyeCheckbox",
@@ -119,7 +119,7 @@ export default defineComponent({
 </script>
 
 <style>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .eye-checkbox {
   @apply inline-block relative text-base align-top overflow-hidden;

package/app/components/SLFileInput.vue

@@ -13,7 +13,7 @@
 </template>
 
 <script lang="ts">
-import { getUID } from "~app/utils";
+import { getUID } from "~uiApp/utils";
 
 export default defineComponent({
   name: "SLFileInput",
@@ -79,7 +79,7 @@ export default defineComponent({
 </script>
 
 <style>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .custom-file-input {
   @apply inline-flex items-center space-x-3.5;

package/app/components/SLGenderAgeSelect.vue

@@ -42,7 +42,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 { AGE_RANGE_NAME } from "~app/utils/constants";
+import { AGE_RANGE_NAME } from "~uiApp/utils/constants";
 
 export default defineComponent({
   name: "SLGenderAgeSelect",
@@ -235,7 +235,7 @@ export default defineComponent({
 </script>
 
 <style>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .gender-age-select {
   @apply relative inline-flex;

package/app/components/SLHourRangeInput.vue

@@ -33,7 +33,7 @@
 
 <script lang="ts">
 import type { PropType } from "vue";
-import type IHourRange from "~app/interface/IHourRange";
+import type IHourRange from "~uiApp/interface/IHourRange";
 
 export default defineComponent({
   name: "SLHourRangeInput",
@@ -167,7 +167,7 @@ export default defineComponent({
 </script>
 
 <style>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .hour-range-input.inline {
   @apply flex;

package/app/components/SLIOSSwitch.vue

@@ -16,7 +16,7 @@
 </template>
 
 <script lang="ts">
-import { getUID } from "~app/utils";
+import { getUID } from "~uiApp/utils";
 
 export default defineComponent({
   name: "SLIOSSwitch",
@@ -170,7 +170,7 @@ export default defineComponent({
 </script>
 
 <style>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .ios-switch {
   @apply inline-block relative overflow-hidden;

package/app/components/SLIconButton.vue

@@ -100,7 +100,7 @@ export default defineComponent({
 </script>
 
 <style scoped>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .icon-btn {
   @apply inline-flex flex-nowrap justify-start items-center p-[0.59375rem] border rounded-full text-base text-white overflow-hidden transition-[width] duration-300;

package/app/components/SLInfoTip.vue

@@ -181,7 +181,7 @@ export default defineComponent({
 </script>
 
 <style>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .info-tip {
   @apply inline-flex ml-2 text-base leading-4.5 text-primary hover:text-primary-600 cursor-default;

package/app/components/SLInsightSitePage.vue

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

package/app/components/SLLegend.vue

@@ -24,7 +24,7 @@
 
 <script lang="ts">
 import type { PropType } from "vue";
-import type ILegendItem from "~app/interface/ILegendItem";
+import type ILegendItem from "~uiApp/interface/ILegendItem";
 
 export default defineComponent({
   name: "SLLegend",
@@ -59,7 +59,7 @@ export default defineComponent({
 </script>
 
 <style>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .chart-legend {
   @apply text-center;

package/app/components/SLLinearProgressBar.vue

@@ -10,7 +10,7 @@ export default defineComponent({
 </script>
 
 <style scoped>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .linear-progress-bar {
   @apply w-full h-2 bg-[#D3D3D3] rounded-[1px] overflow-hidden;

package/app/components/SLLink.vue

@@ -150,7 +150,7 @@ export default defineComponent({
 </script>
 
 <style>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .sl-link * {
   @apply pointer-events-none;

package/app/components/SLLoading.vue

@@ -86,7 +86,7 @@ export default defineComponent({
 </script>
 
 <style>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .loading-modal {
   @apply z-10;

package/app/components/SLMapChart.vue

@@ -166,7 +166,7 @@ export default defineComponent({
 </script>
 
 <style scoped>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .map-chart {
   @apply h-52;

package/app/components/SLModal.vue

@@ -289,7 +289,7 @@ export default defineComponent({
 </script>
 
 <style scoped>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .modal {
   @apply z-50 fixed top-0 left-0 w-full h-full overflow-hidden;

package/app/components/SLMonthCalendarButton.vue

@@ -61,7 +61,7 @@ import {
 } from "date-fns";
 import { createPopper } from "@popperjs/core";
 import type { Instance as PopperInstance } from "@popperjs/core";
-import { gaev, ga4ev } from "~app/utils";
+import { gaev, ga4ev } from "~uiApp/utils";
 
 export default defineComponent({
   name: "SLMonthCalendarButton",
@@ -331,7 +331,7 @@ export default defineComponent({
 </script>
 
 <style lang="css" scoped>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .month-calendar-button {
   @apply inline-flex;

package/app/components/SLMonthPicker.vue

@@ -106,7 +106,7 @@ export default defineComponent({
 </script>
 
 <style scoped>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .month-picker {
   @apply w-47.5 space-y-4;

package/app/components/SLMultiEmailInput.vue

@@ -112,7 +112,7 @@ import Swiper from "swiper";
 import { FreeMode, Scrollbar, Mousewheel } from "swiper/modules";
 import "swiper/css";
 import "swiper/css/scrollbar";
-import { OrgUserRole } from "~app/interface/IOrganization";
+import { OrgUserRole } from "~uiApp/interface/IOrganization";
 
 export default defineComponent({
   name: "SLMultiEmailInput",
@@ -606,7 +606,7 @@ export default defineComponent({
 </script>
 
 <style scoped>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .multi-email-input {
   @apply flex flex-col;

package/app/components/SLMultiSelect.vue

@@ -16,7 +16,7 @@
 <script lang="ts">
 import type { PropType } from "vue";
 import { isEqual } from "lodash-es";
-import type IInputOption from "~app/interface/IInputOption";
+import type IInputOption from "~uiApp/interface/IInputOption";
 
 export default defineComponent({
   name: "SLMultiSelect",
@@ -86,7 +86,7 @@ export default defineComponent({
 </script>
 
 <style>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .custom-multi-select {
   @apply px-3 py-1 border border-primary-500 rounded;

package/app/components/SLNoData.vue

@@ -1,6 +1,6 @@
 <template lang="pug">
 .no-data(:class='{ "no-data--sm": size === "sm" }')
-  img(src="~app/assets/images/commons/empty-box.png")
+  img(src="@@uiAppImage/commons/empty-box.png")
   .no-data-title {{ title }}
   .no-data-reason(v-if='reason') 可能的原因：{{ reason }}
 </template>
@@ -28,7 +28,7 @@ export default defineComponent({
 </script>
 
 <style scoped>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .no-data {
   @apply flex flex-col items-center w-full py-8 px-4 space-y-3 bg-white rounded-lg;

package/app/components/SLNotification.vue

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

package/app/components/SLPageModal.vue

@@ -51,7 +51,7 @@ export default defineComponent({
 </script>
 
 <style>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .page-modal-backdrop {
   @apply fixed top-0 left-0 w-full h-full bg-white/70 backdrop-blur-[8px];

package/app/components/SLPagination.vue

@@ -144,7 +144,7 @@ export default defineComponent({
 </script>
 
 <style>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .pagination {
   @apply flex items-center justify-end;

package/app/components/SLPillCheckbox.vue

@@ -16,7 +16,7 @@
 <script lang="ts">
 import type { PropType } from "vue";
 import { isEqual } from "lodash-es";
-import { getUID } from "~app/utils";
+import { getUID } from "~uiApp/utils";
 
 export default defineComponent({
   name: "SLPillCheckbox",
@@ -140,7 +140,7 @@ export default defineComponent({
 </script>
 
 <style>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .pill-checkbox {
   @apply inline-block relative;

package/app/components/SLPillLabel.vue

@@ -63,7 +63,7 @@ export default defineComponent({
 </script>
 
 <style>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .pill-label {
   @apply inline-flex justify-center items-center relative px-1.75 py-0.75;

package/app/components/SLPopupMenuButton.vue

@@ -25,7 +25,7 @@ import type { PropType } from "vue";
 import { fromEvent } from "rxjs";
 import { createPopper } from "@popperjs/core";
 import type { Options as PopperOptions } from "@popperjs/core";
-import type IPopupMenuButton from "~app/interface/IPopupMenuButton";
+import type IPopupMenuButton from "~uiApp/interface/IPopupMenuButton";
 
 export default defineComponent({
   name: "SLPopupMenuButton",
@@ -134,7 +134,7 @@ export default defineComponent({
 </script>
 
 <style>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .popup-menu-button {
   @apply inline-block relative;

package/app/components/SLProfileButton.vue

@@ -175,7 +175,7 @@ export default defineComponent({
 </script>
 
 <style>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .profile-button .toggle-button {
   @apply inline-flex items-center justify-center w-7 h-7 p-0 rounded-full bg-primary-400 text-lg text-white font-bold hover:bg-primary-600 active:bg-primary;

package/app/components/SLProjectShareItem.vue

@@ -24,7 +24,7 @@
 
 <script lang="ts">
 import type { PropType } from "vue";
-import { OrgUserRole } from "~app/interface/IOrganization";
+import { OrgUserRole } from "~uiApp/interface/IOrganization";
 
 export default defineComponent({
   name: "SLProjectShareItem",
@@ -71,7 +71,7 @@ export default defineComponent({
 </script>
 
 <style scoped>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .project-share-item {
   @apply flex items-center justify-between space-x-4;

package/app/components/SLRadioButton.vue

@@ -18,7 +18,7 @@
 
 <script lang="ts">
 import { isEqual } from "lodash-es";
-import { getUID } from "~app/utils";
+import { getUID } from "~uiApp/utils";
 
 export default defineComponent({
   name: "SLRadioButton",
@@ -68,7 +68,7 @@ export default defineComponent({
 </script>
 
 <style>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .radio-button {
   @apply inline-block relative text-base overflow-hidden;

package/app/components/SLRadioButtonGroup.vue

@@ -19,7 +19,7 @@
 
 <script lang="ts">
 import type { PropType } from "vue";
-import type IInputOption from "~app/interface/IInputOption";
+import type IInputOption from "~uiApp/interface/IInputOption";
 
 export default defineComponent({
   name: "SLRadioButtonGroup",
@@ -83,7 +83,7 @@ export default defineComponent({
 </script>
 
 <style>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .radio-button-group .is-invalid .invalid-feedback {
   @apply block;

package/app/components/SLRadioGroup.vue

@@ -16,8 +16,8 @@ SLElementWithTitle(:title='disabled ? disabledHint : ""')
 
 <script lang="ts">
 import type { PropType } from "vue";
-import { getUID } from "~app/utils";
-import type IInputOption from "~app/interface/IInputOption";
+import { getUID } from "~uiApp/utils";
+import type IInputOption from "~uiApp/interface/IInputOption";
 
 export default defineComponent({
   name: "SLRadioGroup",
@@ -105,7 +105,7 @@ export default defineComponent({
 </script>
 
 <style>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .radio-group {
   @apply inline-flex p-0.5 bg-primary-100 border border-primary-200 rounded;

package/app/components/SLRangeInput.vue

@@ -164,7 +164,7 @@ export default defineComponent({
 </script>
 
 <style>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .range-input.inline {
   @apply flex;

package/app/components/SLRightSider.vue

@@ -200,7 +200,7 @@ export default defineComponent({
 </script>
 
 <style>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .right-sider {
   @apply z-9 fixed top-0 right-0 h-full;

package/app/components/SLSearchInput.vue

@@ -72,7 +72,7 @@ export default defineComponent({
 </script>
 
 <style>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .search-input .is-focus .button-group {
   @apply border-primary;

package/app/components/SLSelect.vue

@@ -47,8 +47,8 @@ import { createPopper } from "@popperjs/core";
 import type { Placement } from "@popperjs/core";
 import { gsap } from "gsap";
 import { ScrollToPlugin } from "gsap/ScrollToPlugin";
-import { getUID } from "~app/utils";
-import type IInputOption from "~app/interface/IInputOption";
+import { getUID } from "~uiApp/utils";
+import type IInputOption from "~uiApp/interface/IInputOption";
 
 gsap.registerPlugin(ScrollToPlugin);
 
@@ -455,7 +455,7 @@ export default defineComponent({
 </script>
 
 <style scoped>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .custom-select {
   @apply relative;

package/app/components/SLSelectAllToggle.vue

@@ -65,7 +65,7 @@ export default defineComponent({
 </script>
 
 <style>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .select-all-toggle {
   @apply inline-flex items-stretch border rounded-sm bg-white overflow-hidden;

package/app/components/SLSidebarNav.vue

@@ -5,10 +5,10 @@
   .sidebar-wrapper
     .sidebar-logo
       a.logo(href="javascript:;" @click="onClickedLogo")
-        img.color-big(src="~app/assets/images/commons/app-logo-big.svg", @load='onLogoLoaded')
-        img.white-big(src="~app/assets/images/commons/app-logo-big-white.svg", @load='onLogoLoaded')
-        img.color-small(src='~app/assets/images/commons/app-logo-small.svg', @load='onLogoLoaded')
-        img.white-small(src='~app/assets/images/commons/app-logo-small-white.svg', @load='onLogoLoaded')
+        img.color-big(src="@@uiAppImage/commons/app-logo-big.svg", @load='onLogoLoaded')
+        img.white-big(src="@@uiAppImage/commons/app-logo-big-white.svg", @load='onLogoLoaded')
+        img.color-small(src='@@uiAppImage/commons/app-logo-small.svg', @load='onLogoLoaded')
+        img.white-small(src='@@uiAppImage/commons/app-logo-small-white.svg', @load='onLogoLoaded')
     nav.site-nav
       .nav-wrapper.custom-scrollbar-y
         template(v-for='item in config')
@@ -66,7 +66,7 @@
 import type { PropType } from "vue";
 import { createPopper } from "@popperjs/core";
 import type { Instance as PopperInstance } from "@popperjs/core";
-import type { NavConfigType } from "~app/interface/NavConfigType";
+import type { NavConfigType } from "~uiApp/interface/NavConfigType";
 
 export default defineComponent({
   name: "SLSidebarNav",
@@ -247,7 +247,7 @@ export default defineComponent({
 </script>
 
 <style>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .sidebar {
   @apply relative h-full;
@@ -472,7 +472,7 @@ export default defineComponent({
 .sidebar-nav-intro-arrow,
 .sidebar-nav-intro-arrow::before {
   @apply absolute w-[17px] h-[20px] bg-contain;
-  background: url("~app/assets/images/commons/nav-intro-arrow.svg") top left
+  background: url("~uiApp/assets/images/commons/nav-intro-arrow.svg") top left
     no-repeat;
 }
 

package/app/components/SLSidebarNavGroupItem.vue

@@ -11,7 +11,7 @@
 </template>
 
 <script lang="ts">
-import type { NavItemGroup } from "~app/interface/NavConfigType";
+import type { NavItemGroup } from "~uiApp/interface/NavConfigType";
 
 export default defineComponent({
   name: "SLSidebarNavGroupItem",
@@ -37,7 +37,7 @@ export default defineComponent({
 </script>
 
 <style>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .sidebar.dark .sidebar-nav-group-item {
   @apply bg-primary-900;

package/app/components/SLSidebarNavGroupItemSection.vue

@@ -86,7 +86,7 @@ import type { Instance as PopperInstance } from "@popperjs/core";
 import {
   NavItemStatus,
   type NavItemSection,
-} from "~app/interface/NavConfigType";
+} from "~uiApp/interface/NavConfigType";
 
 export default defineComponent({
   name: "SLSidebarNavGroupItemSection",
@@ -381,7 +381,7 @@ export default defineComponent({
 </script>
 
 <style>
-@reference '~app/assets/css/main.css';
+@reference '~uiApp/assets/css/main.css';
 
 .sidebar.closure .sidebar-nav-group-item-section {
   @apply items-center;