@mptw/skylens-ui 1.4.48 → 1.4.50

package/assets/css/fonts/MEShPlus-font-icon.svg

@@ -196,4 +196,5 @@
 <glyph unicode="&#xe9ba;" glyph-name="filter-funnel" d="M88.482 810.021c-0.489-1.206-0.639-1.946-0.685-2.263-0.015-0.108-0.022-0.181-0.024-0.226 0.124-0.366 0.667-1.597 2.58-3.711l0.086-0.095 389-433.001c6.030-6.712 9.366-15.417 9.366-24.44v-280.004c0-1.068 0.148-2.172 0.604-3.445 0.575-0.527 1.197-0.914 1.958-1.258 0.477-0.219 0.949-0.446 1.416-0.68l50.879-25.819v311.207c0 9.023 3.336 17.728 9.366 24.44l389.088 433.096c1.324 1.461 1.902 2.434 2.121 2.864 0.007 0.023 0.022 0.045 0.029 0.065-0.073 0.38-0.307 1.268-1.002 2.709l-0.505 1.096c-0.724 1.65-1.317 2.489-1.58 2.82-0.022 0.021-0.037 0.041-0.051 0.059-0.336 0.090-1.236 0.279-2.896 0.279h-843.998c-1.676 0-2.638-0.193-3.068-0.309-0.218-0.059-0.337-0.107-0.383-0.127l-0.062-0.031-0.116-0.093c-0.078-0.068-0.223-0.208-0.429-0.453-0.367-0.437-0.97-1.265-1.693-2.679zM87.741 807.649c0.002 0 0.010-0.028 0.020-0.082zM51.248 874.824c13.312 8.534 28.172 12.033 42.986 12.033h843.998c14.789 0 29.755-3.49 43.103-12.269 13.136-8.641 22.192-20.763 28.131-34.024 6.385-13.528 9.611-28.759 7.175-44.78-2.458-16.14-10.167-29.827-20.231-40.97-0.015-0.021-0.037-0.043-0.059-0.065l-379.546-422.479v-314.987c0-21.848-10.448-40.675-29.195-52.027-18.289-11.783-39.719-13.4-59.702-4.176-0.412 0.19-0.82 0.388-1.224 0.592l-66.401 33.697c-12.989 6.071-23.804 15.221-32.010 26.946-0.779 1.112-1.496 2.267-2.146 3.46-6.796 12.456-10.465 26.119-10.465 40.507v265.988l-379.548 422.479c-0.016 0.018-0.033 0.037-0.049 0.054-9.953 11.017-17.619 24.44-20.362 40.216-2.766 15.904-0.007 31.214 6.056 44.995l0.504 1.097c6.353 13.236 15.731 25.217 28.984 33.713z" />
 <glyph unicode="&#xe9bb;" glyph-name="txt" d="M374.726 948h340.998l281.005-282v-584.003c0-36.666-13.338-67.994-40-93.997-26.003-26.669-57.338-40-94.003-40h-488c-36.666 0-68.333 13.331-95 40-26 26.003-39 57.331-39 93.997v14.003h86v-14.003c0-13.331 4.667-24.666 14-33.997s20.667-14.003 34-14.003h488c13.331 0 24.666 4.672 34.003 14.003 9.331 9.331 13.997 20.666 13.997 33.997v567.003h-108.998c-28.666 0-53.338 10.001-74.003 30.001-20 20.666-29.997 45.333-29.997 73.999v109h-323.002c-13.333 0-24.666-4.667-34-14s-14-20.667-14-34v-270h-86v270c0 36.667 13 68 39 94 26.666 26.667 58.333 40 95 40zM674.246 429.301v-277.116h74.867v277.116h93.587v62.088h-262.045v-62.088h93.591zM294.273 152.186l94.045 174.397-89.023 164.806h83.088l30.588-65.74c3.956-7.913 7.761-16.283 11.413-25.109 3.956-8.826 8.522-18.565 13.696-29.218h1.826c3.956 10.653 7.761 20.392 11.413 29.218s7.152 17.196 10.5 25.109l28.305 65.74h78.979l-88.566-168.003 94.501-171.201h-82.632l-34.696 70.765c-4.26 8.525-8.522 17.35-12.783 26.477-3.956 9.434-8.369 19.328-13.239 29.677h-1.826c-4.261-10.349-8.37-20.243-12.326-29.677-3.652-9.126-7.457-17.952-11.413-26.477l-32.87-70.765h-78.979zM119.188 429.3v-277.114h74.87v277.114h93.588v62.088h-262.047v-62.088h93.588z" />
 <glyph unicode="&#xe9bc;" glyph-name="comment" d="M795.456 126.899c-8.192 22.304-3.354 47.309 12.563 64.941 55.379 61.37 87.981 139.487 87.981 224.16 0 190.020-167.373 352-384 352s-384-161.98-384-352c0-190.022 167.373-352 384-352 60.817 0 118.070 12.934 168.858 35.789 12.55 5.645 26.509 7.066 39.802 4.186l87.936-12.845-13.139 35.77zM902.035 22.342c1.677-4.55-2.131-9.242-6.931-8.538l-186.624 27.27c-0.48 0.070-0.934 0.192-1.357 0.352-58.982-26.547-125.181-41.427-195.123-41.427-247.423 0-448 186.246-448 416 0 229.75 200.577 416 448 416s448-186.25 448-416c0-101.645-39.264-194.778-104.467-267.034l46.502-126.624zM352 416c0-35.346-28.654-64-64-64s-64 28.654-64 64c0 35.346 28.654 64 64 64s64-28.654 64-64zM576 416c0-35.346-28.654-64-64-64s-64 28.654-64 64c0 35.346 28.654 64 64 64s64-28.654 64-64zM800 416c0-35.346-28.654-64-64-64s-64 28.654-64 64c0 35.346 28.654 64 64 64s64-28.654 64-64z" />
+<glyph unicode="&#xe9bd;" glyph-name="add-round" d="M517.688 914.82c61.105-0.37 121.538-12.775 177.844-36.507 56.326-23.738 107.418-58.342 150.362-101.836s76.896-95.024 99.91-151.645c23.021-56.621 34.65-117.223 34.24-178.343l15.053-0.102-15.053-0.078c0.64-123.309-47.706-241.828-134.413-329.508-86.701-87.667-204.653-137.331-327.948-138.080h-11.578c-123.26 0.794-241.165 50.483-327.82 138.144-86.666 87.674-134.986 206.166-134.345 329.444l-15.059 0.078 15.058 0.102c-0.415 61.104 11.212 121.692 34.218 178.301s56.94 108.131 99.863 151.622c42.923 43.491 93.994 78.099 150.296 101.848 56.287 23.743 116.699 36.166 177.788 36.56h11.582zM1010.157 446.378c0.435 65.045-11.955 129.538-36.448 189.796-24.512 60.287-60.659 115.154-106.381 161.463s-100.128 83.155-160.096 108.429c-59.968 25.275-124.332 38.483-189.409 38.871h-11.766v-15.061l-0.095 15.061c-65.060-0.413-129.402-13.641-189.349-38.927s-114.324-62.135-160.027-108.442c-45.702-46.307-81.833-101.165-106.328-161.439-24.484-60.246-36.865-124.724-36.434-189.754-0.659-131.226 50.787-257.351 143.043-350.682 92.278-93.35 217.837-146.253 349.096-147.091h11.861c131.29 0.781 256.903 53.664 349.223 147.021 92.301 93.338 143.77 219.494 143.11 350.756zM686.56 481.495h-140.682v138.387c-0.198 8.888-3.843 17.35-10.164 23.601s-14.825 9.798-23.714 9.896c-4.459 0.079-8.886-0.764-13.004-2.476s-7.836-4.259-10.922-7.477c-3.208-3.014-5.751-6.666-7.465-10.719s-2.561-8.422-2.488-12.824v-139.152h-140.875c-8.884 0-17.404-3.529-23.685-9.811s-9.811-14.801-9.811-23.685c0-8.884 3.529-17.404 9.811-23.685s14.801-9.811 23.685-9.811h140.875v-138.383c-0.073-4.403 0.774-8.774 2.488-12.826 1.714-4.058 4.257-7.706 7.465-10.72 3.114-3.181 6.838-5.702 10.948-7.418 4.111-1.709 8.525-2.573 12.977-2.534 4.423-0.032 8.807 0.832 12.886 2.547 4.079 1.709 7.77 4.23 10.847 7.405 3.234 3.002 5.805 6.65 7.552 10.701 1.747 4.058 2.63 8.429 2.593 12.845v139.149h140.682c4.461-0.057 8.877 0.796 12.992 2.508s7.834 4.245 10.938 7.445c3.162 3.053 5.67 6.71 7.392 10.755 1.715 4.045 2.598 8.394 2.598 12.788s-0.883 8.743-2.598 12.788c-1.722 4.045-4.23 7.703-7.392 10.755-3.104 3.201-6.822 5.734-10.938 7.445s-8.531 2.565-12.992 2.508v0z" />
 </font></defs></svg>

package/assets/css/icons.css

@@ -1,10 +1,10 @@
 @font-face {
   font-family: 'MEShPlus-font-icon';
-  src: url('fonts/MEShPlus-font-icon.eot?5k1c3l');
-  src: url('fonts/MEShPlus-font-icon.eot?5k1c3l#iefix') format('embedded-opentype'),
-    url('fonts/MEShPlus-font-icon.ttf?5k1c3l') format('truetype'),
-    url('fonts/MEShPlus-font-icon.woff?5k1c3l') format('woff'),
-    url('fonts/MEShPlus-font-icon.svg?5k1c3l#MEShPlus-font-icon') format('svg');
+  src: url('fonts/MEShPlus-font-icon.eot?nlpjrl');
+  src: url('fonts/MEShPlus-font-icon.eot?nlpjrl#iefix') format('embedded-opentype'),
+    url('fonts/MEShPlus-font-icon.ttf?nlpjrl') format('truetype'),
+    url('fonts/MEShPlus-font-icon.woff?nlpjrl') format('woff'),
+    url('fonts/MEShPlus-font-icon.svg?nlpjrl#MEShPlus-font-icon') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -780,4 +780,8 @@
 
 .icon-comment:before {
   content: "\e9bc";
+}
+
+.icon-add-round:before {
+  content: "\e9bd";
 }

package/components/SLSidebarNavGroupItem.vue

@@ -42,5 +42,5 @@ export default defineComponent({
     @apply bg-primary-900
 
 .sidebar-nav-group-item
-  @apply w-full mt-1 p-2 space-y-1 bg-primary-50 rounded-lg overflow-hidden
+  @apply w-full mt-1 p-2 space-y-1 bg-primary-50 rounded-lg
 </style>

package/components/SLSidebarNavGroupItemSection.vue

@@ -56,8 +56,6 @@
           .sidebar-nav-group-item-section-popup-link-title {{ itemConfig.title }}
           .sidebar-nav-group-item-section-popup-link-icon(v-if='itemConfig.status === "plus"')
             SLIcon(icon='add')
-          .sidebar-nav-group-item-section-popup-link-icon(v-else)
-            SLIcon(icon='sort-down')
         .sidebar-nav-group-item-section-popup-divide(v-if='itemConfig.links.length > 0')
         NuxtLink.sidebar-nav-group-item-section-popup-link(
           v-for='(link, i) in itemConfig.links'
@@ -180,11 +178,13 @@ export default defineComponent({
       const wrapperRect = bodyWrapper.getBoundingClientRect();
       collapseTween = gsap.to(bodyEl.value, {
         height: 0,
+        alpha: 0,
         duration: 0.3,
         ease: 'power2.out',
         onStart: () => {
           if (!bodyEl.value) return;
           bodyEl.value.style.height = `${wrapperRect.height + 4}px`;
+          bodyEl.value.style.opacity = '1';
         },
       });
     }
@@ -198,6 +198,7 @@ export default defineComponent({
       const wrapperRect = bodyWrapper.getBoundingClientRect();
       collapseTween = gsap.to(bodyEl.value, {
         height: wrapperRect.height + 4,
+        alpha: 1,
         duration: 0.3,
         ease: 'power2.out',
         onComplete: () => {

package/components/SLSidebarNavLinkItem.vue

@@ -59,12 +59,6 @@ NuxtLink.sidebar-nav-link-item(
               v-if='itemConfig.status === "lock"',
               icon='lock'
             )
-            SLIcon(
-              v-else-if='itemConfig.status === "new"',
-              icon='new-circle'
-            )
-            .inline-flex.items-center.justify-center.w-4.h-4(v-else)
-              .bg-danger.rounded-full(class='w-1.5 h-1.5')
 </template>
 
 <script lang="ts">

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mptw/skylens-ui",
   "type": "module",
-  "version": "1.4.48",
+  "version": "1.4.50",
   "main": "./nuxt.config.ts",
   "scripts": {
     "dev": "nuxi dev .playground",