mediacube-ui 0.1.346 → 0.1.348

package/src/patterns/McFilter/McFilterTypeRelation/McFilterTypeRelation.vue

@@ -50,6 +50,7 @@ export default {
         /**
          *  Значение
          */
+        // eslint-disable-next-line vue/require-prop-types
         value: {
             // type: [String, Number],
             default: null,
@@ -199,6 +200,8 @@ export default {
 
 <style lang="scss">
 @import '../../../styles/mixins';
+@import '../../../tokens/spacings';
+@import '../../../tokens/sizes';
 .mc-filter-type-relation {
     $block-name: &;
     width: 300px;

package/src/patterns/McFilter/McFilterTypeSimple/McFilterTypeSimple.vue

@@ -33,6 +33,7 @@ export default {
         /**
          *  Значение
          */
+        // eslint-disable-next-line vue/require-prop-types
         value: {
             // type: [String, Number],
             default: null,
@@ -81,7 +82,7 @@ export default {
             if (!_isEmpty(this.currentValues) && this.filter.value in this.currentValues) {
                 const category = this.currentValues[this.filter.value]
                 let selected = []
-                for (let [key, val] of Object.entries(category)) {
+                for (let [, val] of Object.entries(category)) {
                     selected = [...selected, ...(Array.isArray(val) ? val : [[val]])]
                 }
                 options = options.filter(o => !selected.includes(String(o.value)))
@@ -139,6 +140,8 @@ export default {
 
 <style lang="scss">
 @import '../../../styles/mixins';
+@import '../../../tokens/spacings';
+@import '../../../tokens/sizes';
 .mc-filter-type-simple {
     $block-name: &;
     width: 300px;

package/src/patterns/McGrid/McGridCol/McGridCol.vue

@@ -106,6 +106,7 @@ export default {
 </script>
 
 <style lang="scss">
+@import '../../../tokens/media-queries';
 .mc-grid-col {
     $block-name: &;
 

package/src/patterns/McModal/McModal.vue

@@ -289,6 +289,12 @@ export default {
 @import '../../tokens/z-indexes';
 @import '../../tokens/durations';
 @import '../../tokens/font-families';
+@import '../../tokens/spacings';
+@import '../../tokens/sizes';
+@import '../../tokens/colors';
+@import '../../tokens/font-sizes';
+@import '../../tokens/media-queries';
+@import '../../tokens/font-weights';
 .v--modal-block-scroll {
     width: 100%;
 }
@@ -355,7 +361,7 @@ export default {
         .mc-modal {
             &__inner {
                 border-radius: 32px;
-                box-shadow: 0px 15px 30px $box-shadow-color;
+                box-shadow: 0 15px 30px $box-shadow-color;
                 padding: $space-400;
             }
             &__btn-close,

package/src/patterns/McOverlay/McOverlay.vue

@@ -31,6 +31,7 @@ export default {
 
 <style lang="scss">
 @import '../../tokens/z-indexes';
+@import '../../tokens/colors';
 .mc-overlay {
     $block-name: &;
     --mc-overlay-spinner-size: initial;

package/src/patterns/McPreview/McPreview.vue

@@ -47,6 +47,7 @@ export default {
 
 <style lang="scss">
 @import '../../styles/mixins';
+@import '../../tokens/spacings';
 .mc-preview {
     $block-name: &;
 

package/src/patterns/McSideBar/McSideBar/McSideBar.vue

@@ -342,6 +342,8 @@ export default {
 
 <style lang="scss">
 @import '../../../styles/mixins';
+@import '../../../tokens/colors';
+@import '../../../tokens/spacings';
 .mc-side-bar {
     $block-name: &;
 

package/src/patterns/McSideBar/McSideBarBottom/McSideBarBottom.vue

@@ -90,6 +90,7 @@ export default {
 
 <style lang="scss">
 @import '../../../tokens/durations';
+@import '../../../tokens/spacings';
 .mc-side-bar-bottom {
     $block-name: &;
 

package/src/patterns/McSideBar/McSideBarButton/McSideBarButton.vue

@@ -53,6 +53,7 @@ export default {
          *  Если нужна ссылка внутри приложения:
          * `{name: 'test', params: { id: test.id }}`
          */
+        // eslint-disable-next-line vue/require-prop-types
         to: {
             default: null,
         },
@@ -60,6 +61,7 @@ export default {
          *  Если нужна обычная ссылка:
          * `https://mediacube.agency/`
          */
+        // eslint-disable-next-line vue/require-prop-types
         href: {
             default: null,
         },
@@ -183,6 +185,9 @@ export default {
 
 <style lang="scss">
 @import '../../../styles/mixins';
+@import '../../../tokens/spacings';
+@import '../../../tokens/colors';
+@import '../../../tokens/sizes';
 .mc-side-bar-button {
     $block-name: &;
     &__tooltip {

package/src/patterns/McSideBar/McSideBarCenter/McSideBarCenter.vue

@@ -260,6 +260,8 @@ export default {
 
 <style lang="scss">
 @import '../../../styles/mixins';
+@import '../../../tokens/colors';
+@import '../../../tokens/spacings';
 .mc-side-bar-center {
     $block-name: &;
     margin-bottom: $space-150;

package/src/patterns/McSideBar/McSideBarTop/McSideBarTop.vue

@@ -182,6 +182,11 @@ export default {
 
 <style lang="scss">
 @import '../../../styles/mixins';
+@import '../../../tokens/colors';
+@import '../../../tokens/spacings';
+@import '../../../tokens/font-sizes';
+@import '../../../tokens/line-heights';
+@import '../../../tokens/sizes';
 .mc-side-bar-top {
     $block-name: &;
     @include reset-text-indents();

package/src/patterns/McStack/McStack.vue

@@ -112,6 +112,11 @@ export default {
 <style lang="scss">
 @import '../../styles/mixins';
 @import '../../tokens/font-families';
+@import '../../tokens/font-weights';
+@import '../../tokens/font-sizes';
+@import '../../tokens/line-heights';
+@import '../../tokens/spacings';
+@import '../../tokens/colors';
 .mc-stack {
     $block-name: &;
 

package/src/patterns/McTable/McTable/McTable.vue

@@ -23,7 +23,7 @@
         <component
             :is="tag"
             v-bind="attrs"
-            v-on="{ ...$listeners, 'sort-change': this.handleSort }"
+            v-on="{ ...$listeners, 'sort-change': handleSort }"
             @scroll="handleScroll"
             @context-menu-click="contextMenuClickEvent"
         >
@@ -586,6 +586,12 @@ export default {
 @import '../../../styles/mixins';
 @import '../../../tokens/font-families';
 @import '../../../tokens/animations';
+@import '../../../tokens/colors';
+@import '../../../tokens/font-sizes';
+@import '../../../tokens/font-weights';
+@import '../../../tokens/line-heights';
+@import '../../../tokens/spacings';
+@import '../../../tokens/sizes';
 
 @import '~vxe-table/styles/variable.scss';
 

package/src/patterns/McTable/McTableCol/McTableCol.vue

@@ -26,9 +26,8 @@
                         :name="getSortIcon(column)"
                         :color="getSortColor(column)"
                         size="200"
-                    />{{
-                        $attrs.type === 'seq' ? '#' : column.title
-                    }}<div slot="icon-append" class="mc-table-col__header-append">
+                    />{{ $attrs.type === 'seq' ? '#' : column.title }}
+                    <div slot="icon-append" class="mc-table-col__header-append">
                         <!-- @slot Слот для вставки в конец после заголовка столбца -->
                         <slot name="header-append" />
                     </div>
@@ -189,6 +188,10 @@ export default {
 
 <style lang="scss">
 @import '../../../styles/mixins';
+@import '../../../tokens/colors';
+@import '../../../tokens/spacings';
+@import '../../../tokens/sizes';
+@import '../../../tokens/font-weights';
 @import '~vxe-table/styles/variable.scss';
 //override variables:
 @import '../../../styles/table.scss';

package/src/patterns/McTableCard/McTableCard.vue

@@ -83,6 +83,9 @@ export default {
 
 <style lang="scss">
 @import '../../styles/mixins';
+@import '../../tokens/colors';
+@import '../../tokens/sizes';
+@import '../../tokens/spacings';
 .mc-table-card {
     $block-name: &;
 

package/src/patterns/McTableCard/McTableCardHeader/McTableCardHeader.vue

@@ -40,6 +40,8 @@ export default {
 
 <style lang="scss">
 @import '../../../styles/mixins';
+@import '../../../tokens/colors';
+@import '../../../tokens/spacings';
 .mc-table-card-header {
     $block-name: &;
 

package/src/patterns/McTopBar/McTopBar.vue

@@ -114,6 +114,8 @@ export default {
 
 <style lang="scss">
 @import '../../styles/mixins';
+@import '../../tokens/colors';
+@import '../../tokens/spacings';
 .mc-top-bar {
     $block-name: &;
 

package/src/patterns/McWrapScroll/McWrapScroll.vue

@@ -208,6 +208,8 @@ export default {
 
 <style lang="scss">
 @import '../../styles/mixins';
+@import '../../tokens/colors';
+@import '../../tokens/spacings';
 .mc-wrap-scroll {
     $block-name: &;
     $more-space-indent: $space-200;

package/src/styles/_functions.scss

@@ -1,6 +1,8 @@
 /* GLOBAL FUNCTIONS
 --------------------------------------------- */
 
+@import "../tokens/font-sizes";
+
 // Create a tint
 //
 // @param  {Color}  $color to tint

package/src/styles/_mixins.scss

@@ -16,6 +16,13 @@
 
 
 @import '../tokens/border-radius';
+@import "../tokens/spacings";
+@import "../tokens/colors";
+@import "../tokens/line-heights";
+@import "../tokens/font-sizes";
+@import "../tokens/font-weights";
+@import "../tokens/media-queries";
+@import "../styles/functions";
 
 @mixin size(
   $width,

package/src/styles/global.scss

@@ -2,6 +2,9 @@
 @import "../tokens/font-families";
 @import "../tokens/border-radius";
 @import "../tokens/box-shadows";
+@import "../tokens/media-queries";
+@import "../tokens/sizes";
+@import "../tokens/font-weights";
 
 html {
   box-sizing: border-box;

package/src/styles/table.scss

@@ -1,3 +1,5 @@
+@import "../tokens/colors";
+
 $vxe-table-border-color: $color-hover-gray;
 $vxe-table-header-background-color: $color-white;
 $vxe-table-row-hover-background-color: $color-hover-gray;

package/src/styles/toast.scss

@@ -1,3 +1,7 @@
+@import "../tokens/spacings";
+@import "../tokens/colors";
+@import "../tokens/font-sizes";
+@import "../tokens/line-heights";
 .toasted-container {
   $toasted-container-name: &;
   @import './mixins';

package/src/utils/filters.js

@@ -1,11 +1,11 @@
-import numeral from "numeral"
+import numeral from 'numeral'
 
 export const number = (value, decimals = 2) => {
-  if (value == null) return null
+    if (value == null) return null
 
-  let deciamlsString = "".padStart(decimals, "0")
+    let deciamlsString = ''.padStart(decimals, '0')
 
-  return numeral(value)
-    .format("0,0." + deciamlsString)
-    .replace(/,/g, " ")
+    return numeral(value)
+        .format('0,0.' + deciamlsString)
+        .replace(/,/g, ' ')
 }

package/src/utils/load-icons.js

@@ -1,3 +1,3 @@
 const svgIconsReq = require.context('!!raw-loader!../assets/icons', true, /.\.svg$/)
 const svgIcons = svgIconsReq.keys().map(name => ({ name, content: svgIconsReq(name).default }))
-export default svgIcons
+export default svgIcons

package/src/utils/treeSearch.js

@@ -1,30 +1,30 @@
 export const findParentComponent = ($component, name) => {
-  let $parent = null
-  do {
-    if (!$component) {
-      return null
-    }
-    let $componentParent = $component.$parent
-    if ($componentParent && $componentParent.$options.name === name) {
-      $parent = $componentParent
-    } else {
-      $component = $componentParent
-    }
-  } while ($parent == null)
-  return $parent
+    let $parent = null
+    do {
+        if (!$component) {
+            return null
+        }
+        let $componentParent = $component.$parent
+        if ($componentParent && $componentParent.$options.name === name) {
+            $parent = $componentParent
+        } else {
+            $component = $componentParent
+        }
+    } while ($parent == null)
+    return $parent
 }
 
 export const findChildrenComponents = ($component, name) => {
-  if ($component.$children == null || $component.$children.length === 0) return []
+    if ($component.$children == null || $component.$children.length === 0) return []
 
-  let $collapses = []
-  $component.$children.forEach($child => {
-    if ($child.$options.name === name) {
-      $collapses = [...$collapses, $child]
-    } else {
-      $collapses = [...$collapses, ...findChildrenComponents($child, name)]
-    }
-  })
+    let $collapses = []
+    $component.$children.forEach($child => {
+        if ($child.$options.name === name) {
+            $collapses = [...$collapses, $child]
+        } else {
+            $collapses = [...$collapses, ...findChildrenComponents($child, name)]
+        }
+    })
 
-  return $collapses
+    return $collapses
 }