@mptw/skylens-ui 1.4.51 → 1.4.53

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

@@ -197,4 +197,5 @@
 <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" />
+<glyph unicode="&#xe9be;" glyph-name="venn-2" d="M352 192c-141.385 0-256 114.618-256 256 0 141.385 114.615 256 256 256 36.426 0 71.076-7.608 102.446-21.322-1.614-1.496-3.212-3.009-4.794-4.538l-0.006-0.011c-42.453-41.028-73.585-93.696-88.255-152.862l-0.008-0.015c-5.358-21.613-8.518-44.093-9.232-67.19l0.005 0.009c0 0 0-0.001 0-0.001-0.092-2.985-0.144-5.98-0.154-8.985-0.001-0.362-0.002-0.723-0.002-1.084 0-0.001 0-0.001 0-0.002 0-18.834 1.627-37.288 4.749-55.229 0.157-0.904 0.318-1.805 0.483-2.707l-0.004-0.006c2.242-12.257 5.182-24.27 8.778-35.996l0.003 0.004c4.838-15.779 10.863-31.038 17.971-45.676h-0.002c4.382-9.024 9.176-17.811 14.356-26.336h0.001c7.354-12.102 15.488-23.674 24.332-34.656h-0.001c5.658-7.021 11.607-13.805 17.828-20.32h0.001c4.511-4.723 9.165-9.312 13.956-13.754-31.372-13.715-66.022-21.325-102.451-21.325zM511.999 725.19c-47.068 27.227-101.713 42.81-159.999 42.81-176.731 0-320-143.269-320-320s143.269-320 320-320c58.286 0 112.932 15.584 160 42.81 47.068-27.226 101.714-42.81 160-42.81 176.73 0 320 143.27 320 320s-143.27 320-320 320c-58.285 0-112.931-15.583-159.998-42.81-0.001 0.001-0.001 0.001-0.002 0.001s-0.001-0.001-0.001-0.001zM660.928 531.745c-15.878 58.724-48.055 110.753-91.377 150.932 31.372 13.715 66.022 21.323 102.449 21.323 141.382 0 256-114.615 256-256 0-141.382-114.618-256-256-256-36.428 0-71.079 7.61-102.451 21.325 42.46 39.379 74.214 90.138 90.412 147.429 7.84 27.736 12.038 57.002 12.038 87.248 0 21.731-2.163 42.956-6.298 63.472-0.275 1.368-0.557 2.732-0.851 4.093-1.171 5.445-2.477 10.84-3.923 16.178zM421.616 501.581c11.404 53.552 39.554 100.907 78.707 136.324l-78.707-136.324zM416.099 440.824l111.626 193.341c9.784-9.238 18.84-19.24 27.073-29.909l-129.605-224.482c-4.063 14.73-6.842 29.992-8.211 45.659-0.434 4.965-0.726 9.971-0.872 15.014-0.004 0.126-0.008 0.252-0.011 0.378zM570.858 580.876c7.98-13.116 14.814-27.005 20.364-41.529l-133.575-231.36c-8.226 12.568-15.376 25.902-21.32 39.873l134.531 233.016zM608 448.002c0 1.262-0.009 2.523-0.028 3.781 0.019-1.259 0.028-2.52 0.028-3.783 0-2.526-0.036-5.044-0.109-7.553-0.002-0.080-0.004-0.161-0.007-0.241l-105.967-183.54c-9.965 8.864-19.233 18.496-27.712 28.8l127.233 220.376zM601.438 505.842c3.057-13.236 5.088-26.865 6.004-40.798zM594.563 365.933c-10.908-32.253-28.069-61.626-50.040-86.669l50.040 86.669z" />
 </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?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');
+  src: url('fonts/MEShPlus-font-icon.eot?b9e5dy');
+  src: url('fonts/MEShPlus-font-icon.eot?b9e5dy#iefix') format('embedded-opentype'),
+    url('fonts/MEShPlus-font-icon.ttf?b9e5dy') format('truetype'),
+    url('fonts/MEShPlus-font-icon.woff?b9e5dy') format('woff'),
+    url('fonts/MEShPlus-font-icon.svg?b9e5dy#MEShPlus-font-icon') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -784,4 +784,8 @@
 
 .icon-add-round:before {
   content: "\e9bd";
+}
+
+.icon-venn-2:before {
+  content: "\e9be";
 }

package/components/SLSidebarNavGroupItemSection.vue

@@ -32,6 +32,15 @@
           @click='onClickedToggle'
         )
           SLIcon(icon='sort-down')
+        NuxtLink.sidebar-nav-group-item-section-add-btn(
+          v-else-if='itemConfig.status === "plus"'
+          :to='itemConfig.to ? itemConfig.to : "javascript:;"',
+          :external='!itemConfig.to',
+          @mousedown='onMouseDownLink',
+          @mouseup='onMouseUpLink',
+          @click='onClickedSectionItem'
+        )
+          SLIcon(icon='add')
   .sidebar-nav-group-item-section-body(ref='bodyEl')
     .sidebar-nav-group-item-section-body-wrapper
       NuxtLink.sidebar-nav-group-item-section-link(
@@ -405,9 +414,26 @@ export default defineComponent({
     @apply flex items-center flex-nowrap py-2 pr-1 pl-2 bg-primary-50 rounded-lg text-base text-primary
     @apply s('hover:bg-primary-200') s('hover:font-bold')
 
+    &:hover
+      .sidebar-nav-group-item-section-header-right
+        .sidebar-nav-group-item-section-status
+          .sidebar-nav-group-item-section-add-btn
+            @apply text-primary
+
     &.active, &.router-link-exact-active
       @apply bg-primary-600 text-white font-bold
       @apply s('hover:bg-primary-600') s('hover:text-white') s('hover:font-bold')
+
+      .sidebar-nav-group-item-section-header-right
+        .sidebar-nav-group-item-section-status
+          .sidebar-nav-group-item-section-add-btn
+            @apply text-white
+
+    &.router-link-exact-active
+      .sidebar-nav-group-item-section-header-right
+        .sidebar-nav-group-item-section-status
+          .sidebar-nav-group-item-section-add-btn
+            @apply hidden
     
     &-left
       @apply flex-grow-0 flex-shrink-0 inline-flex
@@ -424,6 +450,9 @@ export default defineComponent({
         .sidebar-nav-group-item-section-toggle-btn
           @apply flex items-center justify-center w-4 h-4 text-sm rotate-180 transition-transform origin-center
 
+        .sidebar-nav-group-item-section-add-btn
+          @apply flex items-center justify-center w-4 h-4 text-sm text-primary-400
+
   &-body
     @apply overflow-hidden transition-height
 

package/package.json

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