@mptw/skylens-ui 1.0.0

package/assets/css/icons.css

@@ -0,0 +1,555 @@
+@font-face {
+  font-family: 'MEShPlus-font-icon';
+  src:  url('fonts/MEShPlus-font-icon.eot?e7ou5q');
+  src:  url('fonts/MEShPlus-font-icon.eot?e7ou5q#iefix') format('embedded-opentype'),
+    url('fonts/MEShPlus-font-icon.ttf?e7ou5q') format('truetype'),
+    url('fonts/MEShPlus-font-icon.woff?e7ou5q') format('woff'),
+    url('fonts/MEShPlus-font-icon.svg?e7ou5q#MEShPlus-font-icon') format('svg');
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+
+[class^="icon-"], [class*=" icon-"] {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: 'MEShPlus-font-icon' !important;
+  speak: never;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-insight-icon:before {
+  content: "\e961";
+}
+.icon-X:before {
+  content: "\e962";
+}
+.icon-lock:before {
+  content: "\e963";
+}
+.icon-mail:before {
+  content: "\e964";
+}
+.icon-loading-circle:before {
+  content: "\e960";
+}
+.icon-edit:before {
+  content: "\e95f";
+}
+.icon-angle-double-down:before {
+  content: "\e91f";
+}
+.icon-angle-double-up:before {
+  content: "\e947";
+}
+.icon-arrow2-down:before {
+  content: "\e948";
+}
+.icon-arrow2-left:before {
+  content: "\e949";
+}
+.icon-arrow2-right:before {
+  content: "\e94a";
+}
+.icon-arrow2-up:before {
+  content: "\e94b";
+}
+.icon-arrow-left:before {
+  content: "\e94c";
+}
+.icon-arrow-right:before {
+  content: "\e94d";
+}
+.icon-book:before {
+  content: "\e94e";
+}
+.icon-caret-left:before {
+  content: "\e94f";
+}
+.icon-caret-right:before {
+  content: "\e950";
+}
+.icon-update:before {
+  content: "\e951";
+}
+.icon-wrench:before {
+  content: "\e952";
+}
+.icon-Agent:before {
+  content: "\e953";
+}
+.icon-Customer:before {
+  content: "\e954";
+}
+.icon-Drag:before {
+  content: "\e955";
+}
+.icon-exchange:before {
+  content: "\e956";
+}
+.icon-flag:before {
+  content: "\e957";
+}
+.icon-home:before {
+  content: "\e958";
+}
+.icon-pps:before {
+  content: "\e959";
+}
+.icon-pps-mirror:before {
+  content: "\e95a";
+}
+.icon-Report:before {
+  content: "\e95b";
+}
+.icon-three-dot:before {
+  content: "\e95c";
+}
+.icon-three-dot-v:before {
+  content: "\e95d";
+}
+.icon-trashcan:before {
+  content: "\e95e";
+}
+.icon-trash:before {
+  content: "\e900";
+}
+.icon-address-book:before {
+  content: "\e901";
+}
+.icon-angle-double-left:before {
+  content: "\e902";
+}
+.icon-angle-double-right:before {
+  content: "\e903";
+}
+.icon-arrow-down:before {
+  content: "\e904";
+}
+.icon-arrow-up:before {
+  content: "\e905";
+}
+.icon-box-open:before {
+  content: "\e906";
+}
+.icon-box:before {
+  content: "\e907";
+}
+.icon-broadcast-tower:before {
+  content: "\e908";
+}
+.icon-calendar-done:before {
+  content: "\e909";
+}
+.icon-calendar-plus:before {
+  content: "\e90a";
+}
+.icon-calendar:before {
+  content: "\e90b";
+}
+.icon-caret-down:before {
+  content: "\e90c";
+}
+.icon-caret-up:before {
+  content: "\e90d";
+}
+.icon-chart_with_num:before {
+  content: "\e90e";
+}
+.icon-chart_without_num:before {
+  content: "\e90f";
+}
+.icon-chart-bar:before {
+  content: "\e910";
+}
+.icon-chart-line:before {
+  content: "\e911";
+}
+.icon-chart-pie-alt:before {
+  content: "\e912";
+}
+.icon-chart-scatter:before {
+  content: "\e913";
+}
+.icon-check-circle:before {
+  content: "\e914";
+}
+.icon-check-square:before {
+  content: "\e915";
+}
+.icon-cheers:before {
+  content: "\e916";
+}
+.icon-chevron-down:before {
+  content: "\e917";
+}
+.icon-chevron-left:before {
+  content: "\e918";
+}
+.icon-chevron-right:before {
+  content: "\e919";
+}
+.icon-chevron-up:before {
+  content: "\e91a";
+}
+.icon-circle:before {
+  content: "\e91b";
+}
+.icon-clipboard:before {
+  content: "\e91c";
+}
+.icon-cog:before {
+  content: "\e91d";
+}
+.icon-dot-circle:before {
+  content: "\e91e";
+}
+.icon-equals:before {
+  content: "\e920";
+}
+.icon-exclamation-circle:before {
+  content: "\e921";
+}
+.icon-exclamation-triangle:before {
+  content: "\e922";
+}
+.icon-external-link-alt:before {
+  content: "\e923";
+}
+.icon-eye-slash:before {
+  content: "\e924";
+}
+.icon-eye:before {
+  content: "\e925";
+}
+.icon-female:before {
+  content: "\e926";
+}
+.icon-file-excel:before {
+  content: "\e927";
+}
+.icon-file-image:before {
+  content: "\e928";
+}
+.icon-heat-map:before {
+  content: "\e929";
+}
+.icon-info-circle:before {
+  content: "\e92a";
+}
+.icon-list:before {
+  content: "\e92b";
+}
+.icon-male:before {
+  content: "\e92c";
+}
+.icon-map-marker-alt:before {
+  content: "\e92d";
+}
+.icon-minus-square:before {
+  content: "\e92e";
+}
+.icon-new:before {
+  content: "\e92f";
+}
+.icon-person-cog:before {
+  content: "\e930";
+}
+.icon-personal-info:before {
+  content: "\e931";
+}
+.icon-plus:before {
+  content: "\e932";
+}
+.icon-project-info:before {
+  content: "\e933";
+}
+.icon-search:before {
+  content: "\e934";
+}
+.icon-sign-out-alt:before {
+  content: "\e935";
+}
+.icon-skylens-basic:before {
+  content: "\e936";
+}
+.icon-skylens-poi:before {
+  content: "\e937";
+}
+.icon-skylens-ta:before {
+  content: "\e938";
+}
+.icon-skylens-traffic:before {
+  content: "\e939";
+}
+.icon-smile-arrow:before {
+  content: "\e93a";
+}
+.icon-sort-down:before {
+  content: "\e93b";
+}
+.icon-sort-up:before {
+  content: "\e93c";
+}
+.icon-square:before {
+  content: "\e93d";
+}
+.icon-start-flag:before {
+  content: "\e93e";
+}
+.icon-sync-alt:before {
+  content: "\e93f";
+}
+.icon-tag:before {
+  content: "\e940";
+}
+.icon-th-with-bar:before {
+  content: "\e941";
+}
+.icon-th:before {
+  content: "\e942";
+}
+.icon-times:before {
+  content: "\e943";
+}
+.icon-unique:before {
+  content: "\e944";
+}
+.icon-unknown-gender:before {
+  content: "\e945";
+}
+.icon-web:before {
+  content: "\e946";
+}
+.icon-check-circle-line:before {
+  content: "\e965";
+}
+.icon-x-circle-line:before {
+  content: "\e966";
+}
+.icon-pin:before {
+  content: "\e967";
+}
+.icon-external-link-2:before {
+  content: "\e968";
+}
+.icon-lengthen:before {
+  content: "\e969";
+}
+.icon-shorten:before {
+  content: "\e96a";
+}
+.icon-adjust-2line:before {
+  content: "\e96b";
+}
+.icon-adjust:before {
+  content: "\e96c";
+}
+.icon-audience-line:before {
+  content: "\e96d";
+}
+.icon-audience-solid:before {
+  content: "\e96e";
+}
+.icon-chart_without_num-line:before {
+  content: "\e96f";
+}
+.icon-cog-line:before {
+  content: "\e970";
+}
+.icon-customer-money-line:before {
+  content: "\e971";
+}
+.icon-customer-money-solid:before {
+  content: "\e972";
+}
+.icon-extend:before {
+  content: "\e973";
+}
+.icon-shrink:before {
+  content: "\e979";
+}
+.icon-infor-line:before {
+  content: "\e974";
+}
+.icon-notice-line:before {
+  content: "\e975";
+}
+.icon-notice-solid:before {
+  content: "\e976";
+}
+.icon-support-solid:before {
+  content: "\e977";
+}
+.icon-support-line:before {
+  content: "\e978";
+}
+.icon-extend-solid:before {
+  content: "\e97a";
+}
+.icon-shrink-solid:before {
+  content: "\e97b";
+}
+.icon-drag:before {
+  content: "\e97c";
+}
+.icon-www-earth:before {
+  content: "\e97d";
+}
+.icon-earth:before {
+  content: "\e97e";
+}
+.icon-wait:before {
+  content: "\e97f";
+}
+.icon-pin-line:before {
+  content: "\e980";
+}
+.icon-pause:before {
+  content: "\e981";
+}
+.icon-map-marker:before {
+  content: "\e982";
+}
+.icon-info-solid:before {
+  content: "\e983";
+}
+.icon-map-marker-hide:before {
+  content: "\e984";
+}
+.icon-wwwearth-with-map:before {
+  content: "\e985";
+}
+.icon-earth-with-map:before {
+  content: "\e987";
+}
+.icon-caret-right_line:before {
+  content: "\e986";
+}
+.icon-percent:before {
+  content: "\e988";
+}
+.icon-num:before {
+  content: "\e989";
+}
+.icon-new-circle:before {
+  content: "\e98a";
+}
+.icon-group:before {
+  content: "\e98b";
+}
+.icon-filter:before {
+  content: "\e98d";
+}
+.icon-eye-slash-line:before {
+  content: "\e98e";
+}
+.icon-empty:before {
+  content: "\e98f";
+}
+.icon-download:before {
+  content: "\e990";
+}
+.icon-ascending:before {
+  content: "\e991";
+}
+.icon-descending:before {
+  content: "\e992";
+}
+.icon-triangle-up-small:before {
+  content: "\e993";
+}
+.icon-triangle-down-small:before {
+  content: "\e994";
+}
+.icon-filter-on:before {
+  content: "\e98c";
+}
+.icon-travel:before {
+  content: "\e995";
+}
+.icon-star:before {
+  content: "\e996";
+}
+.icon-Study:before {
+  content: "\e997";
+}
+.icon-glasses:before {
+  content: "\e998";
+}
+.icon-diamond:before {
+  content: "\e999";
+}
+.icon-creative:before {
+  content: "\e99a";
+}
+.icon-clothes:before {
+  content: "\e99b";
+}
+.icon-case:before {
+  content: "\e99c";
+}
+.icon-add:before {
+  content: "\e99d";
+}
+.icon-man:before {
+  content: "\e99e";
+}
+.icon-woman:before {
+  content: "\e99f";
+}
+.icon-visit-group:before {
+  content: "\e9a0";
+}
+.icon-TA-profile:before {
+  content: "\e9a1";
+}
+.icon-favicon-default:before {
+  content: "\e9a2";
+}
+.icon-unfold:before {
+  content: "\e9a3";
+}
+.icon-fold:before {
+  content: "\e9a4";
+}
+.icon-chart-scatter-smalldot:before {
+  content: "\e9a5";
+}
+.icon-relative:before {
+  content: "\e9a6";
+}
+.icon-folder:before {
+  content: "\e9a7";
+}
+.icon-target:before {
+  content: "\e9a8";
+}
+.icon-folder-check:before {
+  content: "\e9a9";
+}
+.icon-star-circle:before {
+  content: "\e9aa";
+}
+.icon-edit-name:before {
+  content: "\e9ab";
+}
+.icon-finger-point:before {
+  content: "\e9ac";
+}
+.icon-add-person:before {
+  content: "\e9ad";
+}
+.icon-check-with-circle-thin:before {
+  content: "\e9ae";
+}
+.icon-check:before {
+  content: "\e9af";
+}

package/assets/css/layout.styl

@@ -0,0 +1,98 @@
+body {
+  font-family: '微軟正黑體', 'Microsoft JhengHei', ui-sans-serif, system-ui,
+    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
+    Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+    'Segoe UI Symbol', 'Noto Color Emoji';
+  background: #f3f4f8;
+}
+
+label
+  @apply inline-block
+
+.vc-skylens-purple
+  --vc-accent-200 theme('colors.bg.DEFAULT')
+  --vc-accent-600 theme('colors.primary.DEFAULT')
+  --vc-accent-500 theme('colors.primary.lighter')
+  --vc-accent-700 theme('colors.primary.hover')
+  --vc-accent-900 theme('colors.primary.heavy')
+
+.vc-skylens-gray
+  --vc-accent-200 theme('colors.gray.5')
+  --vc-accent-500 theme('colors.gray.4')
+  --vc-accent-600 theme('colors.gray.3')
+  --vc-accent-700 theme('colors.gray.3')
+  --vc-accent-900 theme('colors.gray.2')
+
+.vc-container
+  .vc-weeks
+    @apply px-0
+
+.scrollbar-y
+  @apply absolute top-0 right-0 bottom-0 w-1 rounded-full
+
+  .indicator
+    @apply w-full h-12 bg-primary-lighter rounded-full
+
+.markdown-content
+  @apply text-base leading-relaxed
+
+  ol
+    @apply list-decimal list-inside
+
+    li
+      @apply font-bold
+
+      ul
+        @apply ml-3 list-disc list-inside
+
+        li
+          @apply font-normal
+
+          ul
+            @apply ml-5 list-none
+
+.custom-scrollbar-y
+  @apply overflow-x-hidden overflow-y-auto
+  -webkit-overflow-scrolling touch
+
+  /* width */
+  &::-webkit-scrollbar
+    @apply w-1
+
+  /* Track */
+  &::-webkit-scrollbar-track
+    @apply bg-transparent
+
+  /* Handle */
+  &::-webkit-scrollbar-thumb
+    @apply bg-primary-lighter rounded
+
+  /* Handle on hover */
+  &::-webkit-scrollbar-thumb:hover
+    @apply bg-primary-light
+
+.custom-scrollbar-x
+  @apply overflow-x-auto overflow-y-hidden
+  -webkit-overflow-scrolling touch
+
+  /* width */
+  &::-webkit-scrollbar
+    @apply h-1
+
+  /* Track */
+  &::-webkit-scrollbar-track
+    @apply bg-transparent
+
+  /* Handle */
+  &::-webkit-scrollbar-thumb
+    @apply bg-secondary-new rounded
+
+  /* Handle on hover */
+  &::-webkit-scrollbar-thumb:hover
+    @apply bg-secondary-new
+
+.fade-enter-active, .fade-leave-active
+  @apply transition-opacity
+
+.fade-enter, .fade-leave-to
+  @apply opacity-0

package/assets/css/tailwind.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

package/assets/images/commons/watermark.svg

@@ -0,0 +1,15 @@
+<svg width="300" height="200" xmlns="http://www.w3.org/2000/svg" fill="none">
+
+ <g>
+  <title>Layer 1</title>
+  <g transform="rotate(20 125 57.7811)" id="svg_9">
+   <path id="svg_1" fill="#221714" d="m33.2523,81.2205c-0.8952,-0.5503 -1.937,-0.8257 -3.1206,-0.8128c-1.1852,0.0085 -2.2492,0.1842 -3.1829,0.5241c-0.5513,0.2006 -1.0917,0.4728 -1.6272,0.8138c-0.5356,0.3409 -1.0096,0.74 -1.425,1.2034c-0.4155,0.4634 -0.7052,0.9817 -0.8663,1.5489c-0.1595,0.5717 -0.1205,1.1768 0.1158,1.826c0.377,1.036 1.0519,1.6866 2.029,1.9503c0.9744,0.2697 2.1224,0.3806 3.4415,0.3385c1.319,-0.042 2.7314,-0.118 4.2283,-0.2248c1.4985,-0.1023 2.9647,-0.0166 4.4064,0.2643c1.4371,0.2826 2.7632,0.8825 3.9706,1.7925c1.2089,0.9144 2.1812,2.3682 2.911,4.3735c0.6943,1.9074 0.9438,3.6997 0.7487,5.3768c-0.1936,1.682 -0.7251,3.21 -1.593,4.588c-0.8724,1.38 -2.0249,2.585 -3.4561,3.619c-1.4372,1.032 -3.0426,1.878 -4.8166,2.524c-2.2276,0.811 -4.4225,1.227 -6.5731,1.239c-2.155,0.014 -4.3288,-0.438 -6.5318,-1.358l3.2276,-7.872c1.1507,0.754 2.4202,1.199 3.8084,1.333c1.3854,0.14 2.7101,-0.025 3.9683,-0.483c0.6136,-0.223 1.2102,-0.521 1.7882,-0.897c0.5779,-0.377 1.0633,-0.8 1.4605,-1.272c0.3973,-0.472 0.6615,-0.991 0.8032,-1.556c0.1417,-0.5655 0.1032,-1.1557 -0.1202,-1.7692c-0.377,-1.036 -1.0689,-1.7056 -2.0772,-2.0134c-1.0082,-0.3077 -2.1903,-0.4565 -3.5401,-0.4436c-1.3481,0.0174 -2.7957,0.0659 -4.3367,0.1484c-1.5438,0.0886 -3.0387,-0.0068 -4.4936,-0.2828c-1.455,-0.2761 -2.78797,-0.8534 -4.00177,-1.7258c-1.21542,-0.8769 -2.16944,-2.2668 -2.86369,-4.1742c-0.66997,-1.8407 -0.89444,-3.5918 -0.67461,-5.2428c0.22427,-1.6527 0.76511,-3.1687 1.63747,-4.5487c0.87236,-1.3799 2.01277,-2.5906 3.42571,-3.6336c1.41289,-1.0429 2.95889,-1.8725 4.63959,-2.4842c1.9386,-0.7056 3.9107,-1.1112 5.9194,-1.223c2.0103,-0.1073 3.977,0.2192 5.9003,0.9794l-3.1295,7.574z"/>
+   <path id="svg_2" fill="#221714" d="m41.3486,68.7773l7.5586,-2.7511l5.1866,14.2502l8.1432,-19.1018l9.8839,-3.5974l-9.4651,21.5013l23.2606,12.3343l-10.5597,3.8435l-19.8873,-11.2006l5.9278,16.2863l-7.5586,2.751l-12.49,-34.3157z"/>
+   <path id="svg_3" fill="#221714" d="m91.6415,72.7593l-20.0565,-14.9859l9.4037,-3.4226l11.9448,10.1992l3.0301,-15.6497l8.9635,-3.2624l-5.7314,24.372l5.3274,14.6369l-7.5586,2.7511l-5.3274,-14.6369l0.0044,-0.0017z"/>
+   <path id="svg_4" fill="#221714" d="m107.7417,44.6133l7.5629,-2.7527l9.949,27.3353l14.006,-5.0976l2.541,6.9806l-21.569,7.8503l-12.4899,-34.3159z"/>
+   <path id="svg_5" fill="#221714" d="m133.7696,35.139l23.312,-8.4847l2.54,6.9806l-15.753,5.7336l2.329,6.3981l14.877,-5.4148l2.541,6.9805l-14.877,5.4148l2.54,6.9806l16.625,-6.0508l2.541,6.9806l-24.188,8.8035l-12.491,-34.3204l0.004,-0.0016z"/>
+   <path id="svg_6" fill="#221714" d="m164.0136,24.1312l10.275,-3.7399l23.267,18.5355l0.098,-0.0356l-8.679,-23.8451l7.559,-2.7511l12.49,34.3159l-9.889,3.5991l-23.87,-18.9755l-0.098,0.0356l8.891,24.4275l-7.558,2.7511l-12.49,-34.3159l0.004,-0.0016z"/>
+   <path id="svg_7" fill="#221714" d="m223.5286,11.9654c-0.895,-0.5504 -1.937,-0.8257 -3.12,-0.8129c-1.186,0.0085 -2.25,0.1842 -3.188,0.5257c-0.547,0.199 -1.091,0.4729 -1.627,0.8138c-0.536,0.3409 -1.01,0.7401 -1.425,1.2035c-0.415,0.4634 -0.705,0.9817 -0.866,1.5489c-0.16,0.5716 -0.121,1.1768 0.115,1.8259c0.378,1.036 1.052,1.6866 2.025,1.9519c0.974,0.2698 2.123,0.3806 3.446,0.337c1.319,-0.0421 2.727,-0.1165 4.228,-0.2248c1.499,-0.1023 2.97,-0.0183 4.407,0.2642c1.437,0.2826 2.763,0.8825 3.975,1.7909c1.209,0.9145 2.181,2.3682 2.911,4.3735c0.694,1.9074 0.944,3.6997 0.748,5.377c-0.193,1.6817 -0.725,3.2095 -1.597,4.5895c-0.868,1.3783 -2.025,2.5849 -3.456,3.6194c-1.437,1.0316 -3.043,1.8778 -4.817,2.5235c-2.227,0.8108 -4.422,1.227 -6.577,1.241c-2.155,0.0139 -4.329,-0.4386 -6.532,-1.3588l3.228,-7.8716c1.15,0.7544 2.42,1.1987 3.804,1.3345c1.385,0.1403 2.71,-0.0247 3.968,-0.4826c0.613,-0.2234 1.21,-0.5211 1.788,-0.8976c0.578,-0.3765 1.063,-0.7999 1.456,-1.2701c0.397,-0.4719 0.662,-0.991 0.808,-1.5578c0.141,-0.5652 0.103,-1.1554 -0.12,-1.769c-0.378,-1.0359 -1.069,-1.7056 -2.078,-2.0133c-1.008,-0.3078 -2.19,-0.4566 -3.54,-0.4436c-1.348,0.0173 -2.795,0.0659 -4.336,0.1484c-1.54,0.0869 -3.039,-0.0068 -4.494,-0.2829c-1.455,-0.276 -2.792,-0.8517 -4.002,-1.7257c-1.215,-0.8769 -2.169,-2.2668 -2.864,-4.1742c-0.67,-1.8408 -0.894,-3.5919 -0.674,-5.2429c0.22,-1.651 0.765,-3.1687 1.637,-4.5486c0.873,-1.37997 2.013,-2.59063 3.426,-3.63359c1.413,-1.04297 2.959,-1.87252 4.64,-2.48424c1.938,-0.70557 3.91,-1.1112 5.919,-1.22296c2.01,-0.10732 3.977,0.21913 5.9,0.97936l-3.116,7.56923z"/>
+  </g>
+ </g>
+</svg>