vft 0.0.18 → 0.0.19

package/theme-style/src/tag.scss

@@ -0,0 +1,186 @@
+@use 'mixins/mixins' as *;
+@use 'mixins/var' as *;
+@use 'common/var' as *;
+
+$name: tag;
+
+@include set-root-css-vars($name, $tag);
+
+@function getCompCssVar($value) {
+  @return getCssVar($name, $value);
+}
+
+$tag-border-width: 1px;
+
+$tag-icon-span-gap: () !default;
+$tag-icon-span-gap: map-merge(
+  (
+    'large': 8px,
+    'default': 6px,
+    'small': 4px,
+  ),
+  $tag-icon-span-gap
+);
+
+@function returnVarList($var, $type: 'primary') {
+  $list: ('fill-color', 'blank');
+  @if $var != false {
+    $list: ($type, 'color', $var);
+  }
+  @return $list;
+}
+// false mean --el-color-white
+@mixin genTheme($backgroundColorWeight, $borderColorWeight, $hoverColorWeight) {
+  @include css-var-from-global(
+    ('tag', 'bg-color'),
+    returnVarList($backgroundColorWeight)
+  );
+  @include css-var-from-global(
+    ('tag', 'border-color'),
+    returnVarList($borderColorWeight)
+  );
+  @include css-var-from-global(
+    ('tag', 'hover-color'),
+    returnVarList($hoverColorWeight)
+  );
+
+  @each $type in $types {
+    &.#{bem('tag', '', $type)} {
+      @include css-var-from-global(
+        ('tag', 'bg-color'),
+        returnVarList($backgroundColorWeight, $type)
+      );
+      @include css-var-from-global(
+        ('tag', 'border-color'),
+        returnVarList($borderColorWeight, $type)
+      );
+      @include css-var-from-global(
+        ('tag', 'hover-color'),
+        returnVarList($hoverColorWeight, $type)
+      );
+    }
+  }
+}
+
+@include b(tag) {
+  @include genTheme('light-9', 'light-8', '');
+
+  @include css-var-from-global(('tag', 'text-color'), ('primary', 'color'));
+  @each $type in $types {
+    &.#{bem('tag', '', $type)} {
+      @include css-var-from-global(('tag', 'text-color'), ($type, 'color'));
+    }
+  }
+
+  @include when(hit) {
+    border-color: getCssVar('primary', 'color');
+  }
+  @include when(round) {
+    border-radius: getCssVar('tag', 'border-radius-rounded');
+  }
+
+  .#{$namespace}-tag__close {
+    color: getCssVar('tag', 'text-color');
+    &:hover {
+      color: getCssVar('color-white');
+      background-color: getCssVar('tag-hover-color');
+    }
+  }
+
+  background-color: getCssVar('tag-bg-color');
+  border-color: getCssVar('tag-border-color');
+  color: getCssVar('tag-text-color');
+
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+
+  height: map-get($tag-height, 'default');
+  padding: 0 map-get($tag-padding, 'default') - $border-width;
+
+  font-size: getCssVar('tag-font-size');
+  line-height: 1;
+  border-width: $tag-border-width;
+  border-style: solid;
+  border-radius: getCssVar('tag-border-radius');
+  box-sizing: border-box;
+  white-space: nowrap;
+
+  @include set-css-var-value('icon-size', 14px);
+
+  $svg-margin-size: 1px;
+  .#{$namespace}-icon {
+    cursor: pointer;
+    color: inherit;
+    font-size: calc(#{getCssVar('icon-size')} - #{$svg-margin-size * 2});
+  }
+
+  .#{$namespace}-tag__close {
+    @include flex-center();
+    border-radius: 50%;
+    height: getCssVar('icon-size');
+    width: getCssVar('icon-size');
+    margin-left: map-get($tag-icon-span-gap, 'default');
+  }
+
+  @include m(dark) {
+    @include genTheme('', '', 'light-3');
+    @include css-var-from-global(('tag', 'text-color'), ('color', 'white'));
+
+    @include css-var-from-global(('tag', 'text-color'), ('color', 'white'));
+    @each $type in $types {
+      &.#{bem('tag', '', $type)} {
+        @include css-var-from-global(('tag', 'text-color'), ('color', 'white'));
+      }
+    }
+  }
+
+  @include m(plain) {
+    @include genTheme(false, 'light-5', '');
+    @include css-var-from-global(('tag', 'bg-color'), ('fill-color', 'blank'));
+  }
+
+  &.is-closable {
+    padding-right: map-get($tag-icon-span-gap, 'default') - $border-width;
+  }
+
+  @include e(content) {
+    @include line-clamp(getCompCssVar('content-line-clamp-num'));
+    max-width: getCompCssVar('content-max-width');
+    white-space: break-spaces;
+  }
+
+  @each $size in (large, small) {
+    @include m($size) {
+      padding: 0 map-get($tag-padding, $size) - $tag-border-width;
+      height: map-get($tag-height, $size);
+
+      @include set-css-var-value(
+        'icon-size',
+        #{map-get($tag-icon-size, $size)}
+      );
+
+      .#{$namespace}-tag__close {
+        margin-left: map-get($tag-icon-span-gap, $size);
+      }
+
+      &.is-closable {
+        padding-right: map-get($tag-icon-span-gap, $size) - $border-width;
+      }
+    }
+  }
+
+  @include m(small) {
+    .#{$namespace}-icon-close {
+      transform: scale(0.8);
+    }
+  }
+
+  @each $type in $types {
+    &.#{bem('tag', '', $type)} {
+      @include when(hit) {
+        border-color: getCssVar($type, 'color');
+      }
+    }
+  }
+}

package/theme-style/src/var.scss

@@ -17,10 +17,10 @@
   @include set-css-var-value('font-weight-primary', 500);
   @include set-css-var-value('font-line-height-primary', 24px);
 
-  // z-index --vri-index-#{$type}
+  // z-index --vft-index-#{$type}
   @include set-component-css-var('index', $z-index);
 
-  // --vri-border-radius-#{$type}
+  // --vft-border-radius-#{$type}
   @include set-component-css-var('border-radius', $border-radius);
 
   // Transition
@@ -36,24 +36,24 @@
 :root {
   color-scheme: light;
 
-  // --vri-color-#{$type}
-  // --vri-color-#{$type}-light-{$i}
+  // --vft-color-#{$type}
+  // --vft-color-#{$type}-light-{$i}
   @each $type in (primary, success, warning, danger, error, info) {
     @include set-css-color-type($colors, $type);
   }
 
   // color-scheme
-  // Background --vri-bg-color-#{$type}
+  // Background --vft-bg-color-#{$type}
   @include set-component-css-var('bg-color', $bg-color);
-  // --vri-text-color-#{$type}
+  // --vft-text-color-#{$type}
   @include set-component-css-var('text', $text-color);
-  // --vri-border-color-#{$type}
+  // --vft-border-color-#{$type}
   @include set-component-css-var('border-color', $border-color);
-  // Fill --vri-fill-color-#{$type}
+  // Fill --vft-fill-color-#{$type}
   @include set-component-css-var('fill-color', $fill-color);
 
   // Box-shadow
-  // --vri-box-shadow-#{$type}
+  // --vft-box-shadow-#{$type}
   @include set-component-css-var('box-shadow', $box-shadow);
   // Disable base
   @include set-component-css-var('disabled', $disabled);

package/theme-style/vft-clamp-toggle.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root{--vft-clamp-toggle-toggle-color:#1382EF;--vft-clamp-toggle-toggle-size:12px;--vft-clamp-toggle-color:#111;--vft-clamp-toggle-size:12px}.vft-clamp-toggle{font-size:var(--vft-clamp-toggle-size);color:var(--vft-clamp-toggle-color)}.vft-clamp-toggle__more{font-size:var(--vft-clamp-toggle-toggle-size);color:var(--vft-clamp-toggle-toggle-color)}

package/theme-style/vft-descriptions-item.css

@@ -0,0 +1 @@
+@charset "UTF-8";.vft-descriptions__label.vft-descriptions__cell.is-bordered-label{font-weight:700;color:var(--vft-text-color-regular);background:var(--vft-descriptions-item-bordered-label-background)}.vft-descriptions__label:not(.is-bordered-label){color:var(--vft-text-color-primary);margin-right:16px}.vft-descriptions__label.vft-descriptions__cell:not(.is-bordered-label).is-vertical-label{padding-bottom:6px}.vft-descriptions__content.vft-descriptions__cell.is-bordered-content{color:var(--vft-text-color-primary)}.vft-descriptions__content:not(.is-bordered-label){color:var(--vft-text-color-regular)}.vft-descriptions--large .vft-descriptions__label:not(.is-bordered-label){margin-right:16px}.vft-descriptions--large .vft-descriptions__label.vft-descriptions__cell:not(.is-bordered-label).is-vertical-label{padding-bottom:8px}.vft-descriptions--small .vft-descriptions__label:not(.is-bordered-label){margin-right:12px}.vft-descriptions--small .vft-descriptions__label.vft-descriptions__cell:not(.is-bordered-label).is-vertical-label{padding-bottom:4px}

package/theme-style/vft-descriptions.css

@@ -0,0 +1 @@
+@charset "UTF-8";.vft-descriptions{--vft-descriptions-table-border:1px solid var(--vft-border-color-lighter);--vft-descriptions-item-bordered-label-background:var(--vft-fill-color-light);box-sizing:border-box;font-size:var(--vft-font-size-base);color:var(--vft-text-color-primary)}.vft-descriptions__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.vft-descriptions__title{color:var(--vft-text-color-primary);font-size:16px;font-weight:700}.vft-descriptions__body{background-color:var(--vft-fill-color-blank)}.vft-descriptions__body .vft-descriptions__table{width:100%;border:1px solid #f1f6fe;border-radius:4px;table-layout:fixed;overflow-wrap:break-word;word-break:break-all;border-collapse:collapse}.vft-descriptions__body .vft-descriptions__table .vft-descriptions__cell{box-sizing:border-box;text-align:left;font-weight:400;line-height:23px;font-size:14px}.vft-descriptions__body .vft-descriptions__table .vft-descriptions__cell.is-left{text-align:left}.vft-descriptions__body .vft-descriptions__table .vft-descriptions__cell.is-center{text-align:center}.vft-descriptions__body .vft-descriptions__table .vft-descriptions__cell.is-right{text-align:right}.vft-descriptions__body .vft-descriptions__table.is-bordered .vft-descriptions__cell{border:var(--vft-descriptions-table-border);padding:8px 11px}.vft-descriptions__body .vft-descriptions__table:not(.is-bordered) .vft-descriptions__cell{padding-bottom:12px}.vft-descriptions--large{font-size:14px}.vft-descriptions--large .vft-descriptions__header{margin-bottom:20px}.vft-descriptions--large .vft-descriptions__header .vft-descriptions__title{font-size:16px}.vft-descriptions--large .vft-descriptions__body .vft-descriptions__table .vft-descriptions__cell{font-size:14px}.vft-descriptions--large .vft-descriptions__body .vft-descriptions__table.is-bordered .vft-descriptions__cell{padding:12px 15px}.vft-descriptions--large .vft-descriptions__body .vft-descriptions__table:not(.is-bordered) .vft-descriptions__cell{padding-bottom:16px}.vft-descriptions--small{font-size:12px}.vft-descriptions--small .vft-descriptions__header{margin-bottom:12px}.vft-descriptions--small .vft-descriptions__header .vft-descriptions__title{font-size:14px}.vft-descriptions--small .vft-descriptions__body .vft-descriptions__table .vft-descriptions__cell{font-size:12px}.vft-descriptions--small .vft-descriptions__body .vft-descriptions__table.is-bordered .vft-descriptions__cell{padding:4px 7px}.vft-descriptions--small .vft-descriptions__body .vft-descriptions__table:not(.is-bordered) .vft-descriptions__cell{padding-bottom:8px}

package/theme-style/vft-icon-text.css

@@ -0,0 +1 @@
+@charset "UTF-8";.vft-icon-text{display:flex;align-items:center;color:v-bind("color")}.vft-icon-text:hover{color:v-bind("_hoverColor")}.vft-icon-text:hover i{color:v-bind("_hoverColor")!important}

package/theme-style/vft-link.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root{--vft-link-font-size:var(--vft-font-size-base);--vft-link-font-weight:var(--vft-font-weight-primary);--vft-link-text-color:var(--vft-text-regular-color);--vft-link-hover-text-color:var(--vft-primary-color);--vft-link-disabled-text-color:var(--vft-text-placeholder-color)}.vft-link{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;vertical-align:middle;position:relative;text-decoration:none;outline:0;cursor:pointer;padding:0;font-size:var(--vft-link-font-size);font-weight:var(--vft-link-font-weight);color:var(--vft-link-text-color)}.vft-link:hover{color:var(--vft-link-hover-text-color)}.vft-link.is-underline:hover:after{content:"";position:absolute;left:0;right:0;height:0;bottom:0;border-bottom:1px solid var(--vft-link-hover-text-color)}.vft-link.is-disabled{color:var(--vft-link-disabled-text-color);cursor:not-allowed}.vft-link [class*=vft-icon-]+span{margin-left:5px}.vft-link.vft-link--default:after{border-color:var(--vft-link-hover-text-color)}.vft-link__inner{display:inline-flex;justify-content:center;align-items:center}.vft-link.vft-link--primary{--vft-link-text-color:var(--vft-primary-color);--vft-link-hover-text-color:var(--vft-primary-color-light-3);--vft-link-disabled-text-color:var(--vft-primary-color-light-5)}.vft-link.vft-link--primary:after{border-color:var(--vft-link-text-color)}.vft-link.vft-link--primary.is-underline:hover:after{border-color:var(--vft-link-text-color)}.vft-link.vft-link--success{--vft-link-text-color:var(--vft-success-color);--vft-link-hover-text-color:var(--vft-success-color-light-3);--vft-link-disabled-text-color:var(--vft-success-color-light-5)}.vft-link.vft-link--success:after{border-color:var(--vft-link-text-color)}.vft-link.vft-link--success.is-underline:hover:after{border-color:var(--vft-link-text-color)}.vft-link.vft-link--warning{--vft-link-text-color:var(--vft-warning-color);--vft-link-hover-text-color:var(--vft-warning-color-light-3);--vft-link-disabled-text-color:var(--vft-warning-color-light-5)}.vft-link.vft-link--warning:after{border-color:var(--vft-link-text-color)}.vft-link.vft-link--warning.is-underline:hover:after{border-color:var(--vft-link-text-color)}.vft-link.vft-link--danger{--vft-link-text-color:var(--vft-danger-color);--vft-link-hover-text-color:var(--vft-danger-color-light-3);--vft-link-disabled-text-color:var(--vft-danger-color-light-5)}.vft-link.vft-link--danger:after{border-color:var(--vft-link-text-color)}.vft-link.vft-link--danger.is-underline:hover:after{border-color:var(--vft-link-text-color)}.vft-link.vft-link--error{--vft-link-text-color:var(--vft-error-color);--vft-link-hover-text-color:var(--vft-error-color-light-3);--vft-link-disabled-text-color:var(--vft-error-color-light-5)}.vft-link.vft-link--error:after{border-color:var(--vft-link-text-color)}.vft-link.vft-link--error.is-underline:hover:after{border-color:var(--vft-link-text-color)}.vft-link.vft-link--info{--vft-link-text-color:var(--vft-info-color);--vft-link-hover-text-color:var(--vft-info-color-light-3);--vft-link-disabled-text-color:var(--vft-info-color-light-5)}.vft-link.vft-link--info:after{border-color:var(--vft-link-text-color)}.vft-link.vft-link--info.is-underline:hover:after{border-color:var(--vft-link-text-color)}

package/theme-style/vft-overlay.css

@@ -0,0 +1 @@
+@charset "UTF-8";.vft-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;height:100%;background-color:var(--vft-overlay-color-lighter);overflow:auto}.vft-overlay .vft-overlay-root{height:0}

package/theme-style/vft-pagination.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root{--vft-pagination-font-size:14px;--vft-pagination-bg-color:var(--vft-fill-color-blank);--vft-pagination-text-color:var(--vft-text-primary-color);--vft-pagination-border-radius:2px;--vft-pagination-button-color:var(--vft-text-primary-color);--vft-pagination-button-width:32px;--vft-pagination-button-height:32px;--vft-pagination-button-disabled-color:var(--vft-text-placeholder-color);--vft-pagination-button-disabled-bg-color:var(--vft-fill-color-blank);--vft-pagination-button-bg-color:var(--vft-fill-color);--vft-pagination-hover-color:var(--vft-primary-color);--vft-pagination-font-size-small:12px;--vft-pagination-button-width-small:24px;--vft-pagination-button-height-small:24px;--vft-pagination-item-gap:16px}.vft-pagination{white-space:nowrap;color:var(--vft-pagination-text-color);font-size:var(--vft-pagination-font-size);font-weight:400;display:flex;align-items:center}.vft-pagination .vft-input__inner{text-align:center;-moz-appearance:textfield}.vft-pagination .vft-select .vft-input{width:128px}.vft-pagination button{display:flex;justify-content:center;align-items:center;font-size:var(--vft-pagination-font-size);min-width:var(--vft-pagination-button-width);height:var(--vft-pagination-button-height);line-height:var(--vft-pagination-button-height);color:var(--vft-pagination-button-color);background:var(--vft-pagination-bg-color);padding:0 4px;border:none;border-radius:var(--vft-pagination-border-radius);cursor:pointer;text-align:center;box-sizing:border-box}.vft-pagination button .vft-icon{color:inherit}.vft-pagination button *{pointer-events:none}.vft-pagination button:focus{outline:0}.vft-pagination button:hover{color:var(--vft-pagination-hover-color)}.vft-pagination button.is-active{color:var(--vft-pagination-hover-color);cursor:default;font-weight:700}.vft-pagination button.is-active.is-disabled{font-weight:700}.vft-pagination button.is-disabled,.vft-pagination button:disabled{color:var(--vft-pagination-button-disabled-color);background-color:var(--vft-pagination-button-disabled-bg-color);cursor:not-allowed}.vft-pagination button:focus-visible{outline:1px solid var(--vft-pagination-hover-color);outline-offset:-1px}.vft-pagination .btn-next .vft-icon,.vft-pagination .btn-prev .vft-icon{display:block;font-size:12px;font-weight:700;width:inherit}.vft-pagination>.is-first{margin-left:0!important}.vft-pagination>.is-last{margin-right:0!important}.vft-pagination .btn-prev{margin-left:var(--vft-pagination-item-gap)}.vft-pagination__sizes{margin-left:var(--vft-pagination-item-gap);font-weight:400;color:var(--vft-text-regular-color)}.vft-pagination__total{margin-left:var(--vft-pagination-item-gap);font-weight:400;color:var(--vft-text-regular-color)}.vft-pagination__total[disabled=true]{color:var(--vft-text-placeholder-color)}.vft-pagination__jump{display:flex;align-items:center;margin-left:var(--vft-pagination-item-gap);font-weight:400;color:var(--vft-text-regular-color)}.vft-pagination__jump[disabled=true]{color:var(--vft-text-placeholder-color)}.vft-pagination__goto{margin-right:8px}.vft-pagination__editor{text-align:center;box-sizing:border-box}.vft-pagination__editor.vft-input{width:56px}.vft-pagination__editor .vft-input__inner::-webkit-inner-spin-button,.vft-pagination__editor .vft-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.vft-pagination__classifier{margin-left:8px}.vft-pagination__rightwrapper{flex:1;display:flex;align-items:center;justify-content:flex-end}.vft-pagination.is-background .btn-next,.vft-pagination.is-background .btn-prev,.vft-pagination.is-background .vft-pager li{margin:0 4px;background-color:var(--vft-pagination-button-bg-color)}.vft-pagination.is-background .btn-next.is-active,.vft-pagination.is-background .btn-prev.is-active,.vft-pagination.is-background .vft-pager li.is-active{background-color:var(--vft-primary-color);color:var(--vft-color-white)}.vft-pagination.is-background .btn-next.is-disabled,.vft-pagination.is-background .btn-next:disabled,.vft-pagination.is-background .btn-prev.is-disabled,.vft-pagination.is-background .btn-prev:disabled,.vft-pagination.is-background .vft-pager li.is-disabled,.vft-pagination.is-background .vft-pager li:disabled{color:var(--vft-text-placeholder-color);background-color:var(--vft-disabled-bg-color)}.vft-pagination.is-background .btn-next.is-disabled.is-active,.vft-pagination.is-background .btn-next:disabled.is-active,.vft-pagination.is-background .btn-prev.is-disabled.is-active,.vft-pagination.is-background .btn-prev:disabled.is-active,.vft-pagination.is-background .vft-pager li.is-disabled.is-active,.vft-pagination.is-background .vft-pager li:disabled.is-active{color:var(--vft-text-secondary-color);background-color:var(--vft-fill-color-dark)}.vft-pagination.is-background .btn-prev{margin-left:var(--vft-pagination-item-gap)}.vft-pagination--small .btn-next,.vft-pagination--small .btn-prev,.vft-pagination--small .vft-pager li{height:var(--vft-pagination-button-height-small);line-height:var(--vft-pagination-button-height-small);font-size:var(--vft-pagination-font-size-small);min-width:var(--vft-pagination-button-width-small)}.vft-pagination--small button,.vft-pagination--small span:not([class*=suffix]){font-size:var(--vft-pagination-font-size-small)}.vft-pagination--small .vft-select .vft-input{width:100px}.vft-pager{-webkit-user-select:none;-moz-user-select:none;user-select:none;list-style:none;font-size:0;padding:0;margin:0;display:flex;align-items:center}.vft-pager li{display:flex;justify-content:center;align-items:center;font-size:var(--vft-pagination-font-size);min-width:var(--vft-pagination-button-width);height:var(--vft-pagination-button-height);line-height:var(--vft-pagination-button-height);color:var(--vft-pagination-button-color);background:var(--vft-pagination-bg-color);padding:0 4px;border:none;border-radius:var(--vft-pagination-border-radius);cursor:pointer;text-align:center;box-sizing:border-box}.vft-pager li .vft-icon{color:inherit}.vft-pager li *{pointer-events:none}.vft-pager li:focus{outline:0}.vft-pager li:hover{color:var(--vft-pagination-hover-color)}.vft-pager li.is-active{color:var(--vft-pagination-hover-color);cursor:default;font-weight:700}.vft-pager li.is-active.is-disabled{font-weight:700}.vft-pager li.is-disabled,.vft-pager li:disabled{color:var(--vft-pagination-button-disabled-color);background-color:var(--vft-pagination-button-disabled-bg-color);cursor:not-allowed}.vft-pager li:focus-visible{outline:1px solid var(--vft-pagination-hover-color);outline-offset:-1px}

package/theme-style/vft-side-menu.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root{--vft-side-menu-border:var(--vft-menu-border-right);--vft-side-menu-width:200px;--vft-side-menu-collapse-width:200px;--vft-side-menu-scroll-mr:0}.vft-side-menu{overflow-x:hidden;transition:width .2s;width:var(--vft-side-menu-width);display:flex;flex-direction:column}.vft-side-menu--fixed{position:fixed;left:0}.vft-side-menu__top{border-bottom:var(--vft-side-menu-border);z-index:1;background-color:#fff}.vft-side-menu__bottom{border-top:var(--vft-side-menu-border);position:absolute;bottom:0;width:100%;background-color:#fff}.vft-side-menu__collapse{cursor:pointer;height:40px;background-color:#fff;padding:0 16px;display:flex;align-items:center;border-right:solid 1px var(--vft-menu-border-color)}.vft-side-menu__collapse .vft-icon{position:absolute;right:20px}.vft-side-menu__con{overflow-y:auto;overflow-y:overlay;overflow-x:hidden}.vft-side-menu__popper{margin-right:var(--vft-side-menu-scroll-mr)}.vft-side-menu__popper .vft-menu--popup{overflow-y:auto;overflow-y:overlay;box-shadow:none;max-height:calc(100vh - 200px)}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar{z-index:11;width:6px}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar:horizontal{height:6px}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#c0c4cc;border:0 solid transparent}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar-thumb:hover{background:#c0c4cc}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar-corner{background:0 0}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar-track{background:0 0}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar-track-piece{background:0 0;width:6px}

package/theme-style/vft-tag.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root{--vft-tag-font-size:12px;--vft-tag-border-radius:4px;--vft-tag-border-radius-rounded:9999px;--vft-tag-content-line-clamp-num:1;--vft-tag-content-max-width:100%}.vft-tag{--vft-tag-bg-color:var(--vft-primary-color-light-9);--vft-tag-border-color:var(--vft-primary-color-light-8);--vft-tag-hover-color:var(--vft-primary-color);--vft-tag-text-color:var(--vft-primary-color);background-color:var(--vft-tag-bg-color);border-color:var(--vft-tag-border-color);color:var(--vft-tag-text-color);display:inline-flex;justify-content:center;align-items:center;height:24px;padding:0 9px;font-size:var(--vft-tag-font-size);line-height:1;border-width:1px;border-style:solid;border-radius:var(--vft-tag-border-radius);box-sizing:border-box;white-space:nowrap;--vft-icon-size:14px}.vft-tag.vft-tag--primary{--vft-tag-bg-color:var(--vft-primary-color-light-9);--vft-tag-border-color:var(--vft-primary-color-light-8);--vft-tag-hover-color:var(--vft-primary-color)}.vft-tag.vft-tag--success{--vft-tag-bg-color:var(--vft-success-color-light-9);--vft-tag-border-color:var(--vft-success-color-light-8);--vft-tag-hover-color:var(--vft-success-color)}.vft-tag.vft-tag--warning{--vft-tag-bg-color:var(--vft-warning-color-light-9);--vft-tag-border-color:var(--vft-warning-color-light-8);--vft-tag-hover-color:var(--vft-warning-color)}.vft-tag.vft-tag--danger{--vft-tag-bg-color:var(--vft-danger-color-light-9);--vft-tag-border-color:var(--vft-danger-color-light-8);--vft-tag-hover-color:var(--vft-danger-color)}.vft-tag.vft-tag--error{--vft-tag-bg-color:var(--vft-error-color-light-9);--vft-tag-border-color:var(--vft-error-color-light-8);--vft-tag-hover-color:var(--vft-error-color)}.vft-tag.vft-tag--info{--vft-tag-bg-color:var(--vft-info-color-light-9);--vft-tag-border-color:var(--vft-info-color-light-8);--vft-tag-hover-color:var(--vft-info-color)}.vft-tag.vft-tag--primary{--vft-tag-text-color:var(--vft-primary-color)}.vft-tag.vft-tag--success{--vft-tag-text-color:var(--vft-success-color)}.vft-tag.vft-tag--warning{--vft-tag-text-color:var(--vft-warning-color)}.vft-tag.vft-tag--danger{--vft-tag-text-color:var(--vft-danger-color)}.vft-tag.vft-tag--error{--vft-tag-text-color:var(--vft-error-color)}.vft-tag.vft-tag--info{--vft-tag-text-color:var(--vft-info-color)}.vft-tag.is-hit{border-color:var(--vft-primary-color)}.vft-tag.is-round{border-radius:var(--vft-tag-border-radius-rounded)}.vft-tag .vft-tag__close{color:var(--vft-tag-text-color)}.vft-tag .vft-tag__close:hover{color:var(--vft-color-white);background-color:var(--vft-tag-hover-color)}.vft-tag .vft-icon{cursor:pointer;color:inherit;font-size:calc(var(--vft-icon-size) - 2px)}.vft-tag .vft-tag__close{display:flex;align-items:center;justify-content:center;border-radius:50%;height:var(--vft-icon-size);width:var(--vft-icon-size);margin-left:6px}.vft-tag--dark{--vft-tag-bg-color:var(--vft-primary-color);--vft-tag-border-color:var(--vft-primary-color);--vft-tag-hover-color:var(--vft-primary-color-light-3);--vft-tag-text-color:var(--vft-color-white);--vft-tag-text-color:var(--vft-color-white)}.vft-tag--dark.vft-tag--primary{--vft-tag-bg-color:var(--vft-primary-color);--vft-tag-border-color:var(--vft-primary-color);--vft-tag-hover-color:var(--vft-primary-color-light-3)}.vft-tag--dark.vft-tag--success{--vft-tag-bg-color:var(--vft-success-color);--vft-tag-border-color:var(--vft-success-color);--vft-tag-hover-color:var(--vft-success-color-light-3)}.vft-tag--dark.vft-tag--warning{--vft-tag-bg-color:var(--vft-warning-color);--vft-tag-border-color:var(--vft-warning-color);--vft-tag-hover-color:var(--vft-warning-color-light-3)}.vft-tag--dark.vft-tag--danger{--vft-tag-bg-color:var(--vft-danger-color);--vft-tag-border-color:var(--vft-danger-color);--vft-tag-hover-color:var(--vft-danger-color-light-3)}.vft-tag--dark.vft-tag--error{--vft-tag-bg-color:var(--vft-error-color);--vft-tag-border-color:var(--vft-error-color);--vft-tag-hover-color:var(--vft-error-color-light-3)}.vft-tag--dark.vft-tag--info{--vft-tag-bg-color:var(--vft-info-color);--vft-tag-border-color:var(--vft-info-color);--vft-tag-hover-color:var(--vft-info-color-light-3)}.vft-tag--dark.vft-tag--primary{--vft-tag-text-color:var(--vft-color-white)}.vft-tag--dark.vft-tag--success{--vft-tag-text-color:var(--vft-color-white)}.vft-tag--dark.vft-tag--warning{--vft-tag-text-color:var(--vft-color-white)}.vft-tag--dark.vft-tag--danger{--vft-tag-text-color:var(--vft-color-white)}.vft-tag--dark.vft-tag--error{--vft-tag-text-color:var(--vft-color-white)}.vft-tag--dark.vft-tag--info{--vft-tag-text-color:var(--vft-color-white)}.vft-tag--plain{--vft-tag-bg-color:var(--vft-fill-color-blank);--vft-tag-border-color:var(--vft-primary-color-light-5);--vft-tag-hover-color:var(--vft-primary-color);--vft-tag-bg-color:var(--vft-fill-color-blank)}.vft-tag--plain.vft-tag--primary{--vft-tag-bg-color:var(--vft-fill-color-blank);--vft-tag-border-color:var(--vft-primary-color-light-5);--vft-tag-hover-color:var(--vft-primary-color)}.vft-tag--plain.vft-tag--success{--vft-tag-bg-color:var(--vft-fill-color-blank);--vft-tag-border-color:var(--vft-success-color-light-5);--vft-tag-hover-color:var(--vft-success-color)}.vft-tag--plain.vft-tag--warning{--vft-tag-bg-color:var(--vft-fill-color-blank);--vft-tag-border-color:var(--vft-warning-color-light-5);--vft-tag-hover-color:var(--vft-warning-color)}.vft-tag--plain.vft-tag--danger{--vft-tag-bg-color:var(--vft-fill-color-blank);--vft-tag-border-color:var(--vft-danger-color-light-5);--vft-tag-hover-color:var(--vft-danger-color)}.vft-tag--plain.vft-tag--error{--vft-tag-bg-color:var(--vft-fill-color-blank);--vft-tag-border-color:var(--vft-error-color-light-5);--vft-tag-hover-color:var(--vft-error-color)}.vft-tag--plain.vft-tag--info{--vft-tag-bg-color:var(--vft-fill-color-blank);--vft-tag-border-color:var(--vft-info-color-light-5);--vft-tag-hover-color:var(--vft-info-color)}.vft-tag.is-closable{padding-right:5px}.vft-tag__content{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--vft-tag-content-line-clamp-num);line-clamp:var(--vft-tag-content-line-clamp-num);max-width:var(--vft-tag-content-max-width);white-space:break-spaces}.vft-tag--large{padding:0 11px;height:32px;--vft-icon-size:16px}.vft-tag--large .vft-tag__close{margin-left:8px}.vft-tag--large.is-closable{padding-right:7px}.vft-tag--small{padding:0 7px;height:20px;--vft-icon-size:12px}.vft-tag--small .vft-tag__close{margin-left:4px}.vft-tag--small.is-closable{padding-right:3px}.vft-tag--small .vft-icon-close{transform:scale(.8)}.vft-tag.vft-tag--primary.is-hit{border-color:var(--vft-primary-color)}.vft-tag.vft-tag--success.is-hit{border-color:var(--vft-success-color)}.vft-tag.vft-tag--warning.is-hit{border-color:var(--vft-warning-color)}.vft-tag.vft-tag--danger.is-hit{border-color:var(--vft-danger-color)}.vft-tag.vft-tag--error.is-hit{border-color:var(--vft-error-color)}.vft-tag.vft-tag--info.is-hit{border-color:var(--vft-info-color)}

package/es/components/avatar/avatar.vue2.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"avatar.vue2.mjs","sources":["../../../../../packages/components/avatar/avatar.vue"],"sourcesContent":["<template>\n  <span :class=\"avatarClass\" :style=\"sizeStyle\">\n    <img\n\t\t\t\tv-if=\"(src || srcSet) && !hasLoadError\"\n\t\t\t\t:src=\"src\"\n\t\t\t\t:alt=\"alt\"\n\t\t\t\t:srcset=\"srcSet\"\n\t\t\t\t:style=\"fitStyle\"\n\t\t\t\t@error=\"handleError\"\n\t\t/>\n    <vft-icon v-else-if=\"icon\" />\n    <slot v-else />\n  </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { addUnit, isNumber, isString } from '@vft/utils';\nimport type { CSSProperties } from 'vue';\nimport { computed, ref, watch } from 'vue';\nimport VftIcon, { type IconProps } from '@vft-ui/components/icon'\nimport { useNamespace } from '@vft-ui/hooks';\n\ninterface Props {\n\tsize?: number | 'large' | 'default' | 'small'\n\tshape?: 'circle' | 'square'\n\ticon?: IconProps\n\tsrc?: string\n\talt?: string\n\tsrcSet?: string\n\tfit?: 'fill' | 'contain' | 'cover' | 'none' | 'scale-down'\n}\n\ndefineProps({\n  \"size\": { default: '' },\n  \"shape\": { default: 'circle' },\n  \"icon\": null,\n  \"src\": null,\n  \"alt\": null,\n  \"srcSet\": null,\n  \"fit\": { default: 'cover' }\n})\n\nconst emit = defineEmits(['error']);\n\nconst ns = useNamespace('avatar');\n\nconst hasLoadError = ref(false);\n\nconst avatarClass = computed(() => {\n\tconst classList = [ns.b()];\n\tif (isString(__props.size)) classList.push(ns.m(__props.size));\n\tif (__props.icon) classList.push(ns.m('icon'));\n\tif (__props.shape) classList.push(ns.m(__props.shape));\n\treturn classList;\n});\n\nconst sizeStyle = computed(() => {\n\treturn isNumber(__props.size)\n\t\t? (ns.cssVarBlock({\n\t\t\tsize: addUnit(__props.size) || ''\n\t\t}) as CSSProperties)\n\t\t: undefined;\n});\n\nconst fitStyle = computed<CSSProperties>(() => ({\n\tobjectFit: __props.fit\n}));\n\n// need reset hasLoadError to false if src changed\nwatch(\n\t() => __props.src,\n\t() => (hasLoadError.value = false)\n);\n\nfunction handleError (e: Event) {\n\thasLoadError.value = true;\n\temit('error', e);\n}\n</script>\n\n"],"names":["ns","useNamespace","hasLoadError","ref","avatarClass","computed","classList","isString","__props","sizeStyle","isNumber","addUnit","fitStyle","watch","handleError","e","emit"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA4CM,UAAAA,IAAKC,EAAa,QAAQ,GAE1BC,IAAeC,EAAI,EAAK,GAExBC,IAAcC,EAAS,MAAM;AAClC,YAAMC,IAAY,CAACN,EAAG,EAAG,CAAA;AACrB,aAAAO,EAASC,EAAQ,IAAI,KAAGF,EAAU,KAAKN,EAAG,EAAEQ,EAAQ,IAAI,CAAC,GACzDA,EAAQ,QAAMF,EAAU,KAAKN,EAAG,EAAE,MAAM,CAAC,GACzCQ,EAAQ,SAAOF,EAAU,KAAKN,EAAG,EAAEQ,EAAQ,KAAK,CAAC,GAC9CF;AAAA,IAAA,CACP,GAEKG,IAAYJ,EAAS,MACnBK,EAASF,EAAQ,IAAI,IACxBR,EAAG,YAAY;AAAA,MACjB,MAAMW,EAAQH,EAAQ,IAAI,KAAK;AAAA,IAAA,CAC/B,IACC,MACH,GAEKI,IAAWP,EAAwB,OAAO;AAAA,MAC/C,WAAWG,EAAQ;AAAA,IAClB,EAAA;AAGF,IAAAK;AAAA,MACC,MAAML,EAAQ;AAAA,MACd,MAAON,EAAa,QAAQ;AAAA,IAAA;AAG7B,aAASY,EAAaC,GAAU;AAC/B,MAAAb,EAAa,QAAQ,IACrBc,EAAK,SAASD,CAAC;AAAA,IAChB;;;;;;;;;;;;;;;;"}

package/es/components/avatar/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/avatar/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport Avatar from './avatar.vue'\n\nexport const VftAvatar = withInstall(Avatar)\nexport default VftAvatar\n\n"],"names":["VftAvatar","withInstall","Avatar"],"mappings":";;;;;AAIa,MAAAA,IAAYC,EAAYC,CAAM;"}

package/es/components/back-top/back-top.vue2.mjs

@@ -1,80 +0,0 @@
-import { defineComponent as s, getCurrentInstance as g, computed as a, openBlock as i, createBlock as l, Transition as C, unref as t, withCtx as h, createElementBlock as y, normalizeStyle as v, normalizeClass as x, withModifiers as B, renderSlot as T, normalizeProps as $, mergeProps as z, createCommentVNode as c } from "vue";
-import { singleAttrToObj as S } from "@vft/utils";
-import "../divider/index.mjs";
-import { VftIcon as _ } from "../icon/index.mjs";
-import "../avatar/index.mjs";
-import "../empty/index.mjs";
-import "../result/index.mjs";
-import "../exception/index.mjs";
-import "../tabs/index.mjs";
-import "../popper/index.mjs";
-import "../collapse-transition/index.mjs";
-import "../tooltip/index.mjs";
-import "../popover/index.mjs";
-import "../menu/index.mjs";
-import "@vft/use";
-import "../multiple-tabs/index.mjs";
-import "../header-layout/index.mjs";
-import "../footer-layout/index.mjs";
-import "../iframe-layout/index.mjs";
-import "../router-view-content/index.mjs";
-import "../logo/index.mjs";
-import { useBackTop as w } from "./use-back-top.mjs";
-import { useNamespace as I } from "../../hooks/use-namespace/index.mjs";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.mjs";
-import "@vueuse/core";
-import "@vue/shared";
-const r = (
-  /* hoist-static*/
-  I("back-top")
-), N = s({
-  name: r.b()
-}), nt = /* @__PURE__ */ s({
-  ...N,
-  props: {
-    visibilityHeight: { default: 200 },
-    target: null,
-    right: { default: 40 },
-    bottom: { default: 40 },
-    icon: { default: "vi-back-top" }
-  },
-  emits: ["click"],
-  setup(e, { emit: u }) {
-    const f = g(), { handleClick: m, visible: d } = w(f.props, u, r.b()), b = a(() => ({
-      right: `${e.right}px`,
-      bottom: `${e.bottom}px`
-    })), n = a(() => S(e.icon, "icon", {
-      color: "black"
-    }));
-    return (k, p) => (i(), l(C, {
-      name: `${t(r).namespace}-fade-in`
-    }, {
-      default: h(() => [
-        t(d) ? (i(), y("div", {
-          key: 0,
-          style: v(t(b)),
-          class: x(t(r).b()),
-          onClick: p[0] || (p[0] = B(
-            //@ts-ignore
-            (...o) => t(m) && t(m)(...o),
-            ["stop"]
-          ))
-        }, [
-          T(k.$slots, "default", {}, () => {
-            var o;
-            return [
-              (o = t(n)) != null && o.icon ? (i(), l(t(_), $(z({ key: 0 }, t(n))), null, 16)) : c("", !0)
-            ];
-          })
-        ], 6)) : c("", !0)
-      ]),
-      _: 3
-    }, 8, ["name"]));
-  }
-});
-export {
-  nt as default
-};
-//# sourceMappingURL=back-top.vue2.mjs.map

package/es/components/back-top/back-top.vue2.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"back-top.vue2.mjs","sources":["../../../../../packages/components/back-top/back-top.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('back-top')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: ns.b()\n});</script>\n<script lang=\"ts\" setup>\nimport { singleAttrToObj } from '@vft/utils';\nimport { type IconProps, VftIcon } from '@vft-ui/components';\nimport { useBackTop } from './use-back-top';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { computed, getCurrentInstance } from 'vue';\n\ninterface BackTopProps {\n  /** 滚动高度达到此参数值才出现 */\n  visibilityHeight?: number\n  /** 触发滚动的对象 */\n  target?: string\n  /** 控制其显示位置，距离页面右边距 */\n  right?: number\n  /** 控制其显示位置，距离页面底部距离 */\n  bottom?: number\n  /** 滚动 icon dom  */\n  icon?: IconProps\n}\n\ndefineProps({\n  \"visibilityHeight\": { default: 200 },\n  \"target\": null,\n  \"right\": { default: 40 },\n  \"bottom\": { default: 40 },\n  \"icon\": { default: 'vi-back-top' }\n})\n\nconst emit = defineEmits(['click']);\n\n\n\n;\n\nconst instance = getCurrentInstance()!;\n\nconst { handleClick, visible } = useBackTop(instance.props, emit, ns.b());\n\nconst backTopStyle = computed(() => ({\n  right: `${__props.right}px`,\n  bottom: `${__props.bottom}px`\n}));\n\nconst _icon = computed(() => {\n  return singleAttrToObj(__props.icon, 'icon', {\n    color: 'black'\n  }) as IconProps;\n});\n</script>\n\n<template>\n  <transition :name=\"`${ns.namespace}-fade-in`\">\n    <div\n      v-if=\"visible\"\n      :style=\"backTopStyle\"\n      :class=\"ns.b()\"\n      @click.stop=\"handleClick\"\n    >\n      <slot>\n        <vft-icon v-if=\"_icon?.icon\" v-bind=\"_icon\" />\n      </slot>\n    </div>\n  </transition>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","instance","getCurrentInstance","handleClick","visible","useBackTop","emit","backTopStyle","computed","__props","_icon","singleAttrToObj"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,MAAMA;AAAA;AAAA,EAAuBC,EAAa,UAAU;AAAA,GAGpDC,IAA6BC,EAAmB;AAAA,EAC/C,MAAMH,EAAG,EAAE;AACZ,CAAC;;;;;;;;;;;AAmCD,UAAMI,IAAWC,KAEX,EAAE,aAAAC,GAAa,SAAAC,EAAY,IAAAC,EAAWJ,EAAS,OAAOK,GAAMT,EAAG,EAAA,CAAG,GAElEU,IAAeC,EAAS,OAAO;AAAA,MACnC,OAAO,GAAGC,EAAQ;AAAA,MAClB,QAAQ,GAAGA,EAAQ;AAAA,IACnB,EAAA,GAEIC,IAAQF,EAAS,MACdG,EAAgBF,EAAQ,MAAM,QAAQ;AAAA,MAC3C,OAAO;AAAA,IAAA,CACR,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/back-top/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/back-top/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport BackTop from './back-top.vue'\n\nexport const VftBackTop = withInstall(BackTop)\nexport default VftBackTop\n\nexport * from './types'\n"],"names":["VftBackTop","withInstall","BackTop"],"mappings":";;;;;AAIa,MAAAA,IAAaC,EAAYC,CAAO;"}

package/es/components/back-top/use-back-top.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-back-top.mjs","sources":["../../../../../packages/components/back-top/use-back-top.ts"],"sourcesContent":["import { onMounted, ref, shallowRef, watch, nextTick } from 'vue';\nimport { useEventListener, useThrottleFn, useTimeoutFn } from '@vueuse/core';\nimport { throwError } from '@vft-ui/utils';\nimport { type BackTopProps } from './types';\n\nexport const useBackTop = (props: BackTopProps, emit: Function, componentName: string) => {\n  const el = shallowRef<HTMLElement>();\n  const container = shallowRef<Document | HTMLElement>();\n  const visible = ref(false);\n  \n  const scrollToTop = () => {\n    if (!el.value) return;\n    el.value.scrollTo(({ left: 0, top: 0, behavior: 'smooth' }));\n  };\n  \n  const handleScroll = () => {\n    if (el.value) visible.value = el.value.scrollTop >= props.visibilityHeight!;\n  };\n  \n  const handleClick = (event: MouseEvent) => {\n    scrollToTop();\n    emit('click', event);\n  };\n  \n  const handleScrollThrottled = useThrottleFn(handleScroll, 300, true);\n  \n  useEventListener(container, 'scroll', handleScrollThrottled);\n  \n  onMounted(() => {\n    container.value = document;\n    el.value = document.documentElement;\n    \n    if (props.target) {\n      useTimeoutFn(() => {\n        el.value = document.querySelector<HTMLElement>(props.target!) ?? undefined;\n        if (!el.value) {\n          throwError(componentName, `target does not exist: ${props.target}`);\n        }\n        container.value = el.value;\n      }, 10);\n    }\n  });\n  \n  // listener scroll target，if scroll target change，the scrollTop dom visible need also change\n  watch(\n    () => props.target,\n    (val) => {\n      nextTick(() => {\n        if (val) {\n          el.value = document.querySelector<HTMLElement>(val) ?? undefined;\n          if (!el.value) {\n            throwError(componentName, `target does not exist: ${val}`);\n          }\n          if (el.value) visible.value = el.value.scrollTop >= props.visibilityHeight!;\n          container.value = el.value;\n        }\n      });\n    }\n  );\n  \n  return {\n    visible,\n    handleClick\n  };\n};\n"],"names":["useBackTop","props","emit","componentName","el","shallowRef","container","visible","ref","scrollToTop","handleScroll","handleClick","event","handleScrollThrottled","useThrottleFn","useEventListener","onMounted","useTimeoutFn","throwError","watch","val","nextTick"],"mappings":";;;;AAKO,MAAMA,IAAa,CAACC,GAAqBC,GAAgBC,MAA0B;AACxF,QAAMC,IAAKC,KACLC,IAAYD,KACZE,IAAUC,EAAI,EAAK,GAEnBC,IAAc,MAAM;AACxB,IAAKL,EAAG,SACLA,EAAA,MAAM,SAAU,EAAE,MAAM,GAAG,KAAK,GAAG,UAAU,SAAA,CAAW;AAAA,EAAA,GAGvDM,IAAe,MAAM;AACzB,IAAIN,EAAG,UAAOG,EAAQ,QAAQH,EAAG,MAAM,aAAaH,EAAM;AAAA,EAAA,GAGtDU,IAAc,CAACC,MAAsB;AAC7B,IAAAH,KACZP,EAAK,SAASU,CAAK;AAAA,EAAA,GAGfC,IAAwBC,EAAcJ,GAAc,KAAK,EAAI;AAElD,SAAAK,EAAAT,GAAW,UAAUO,CAAqB,GAE3DG,EAAU,MAAM;AACd,IAAAV,EAAU,QAAQ,UAClBF,EAAG,QAAQ,SAAS,iBAEhBH,EAAM,UACRgB,EAAa,MAAM;AACjB,MAAAb,EAAG,QAAQ,SAAS,cAA2BH,EAAM,MAAO,KAAK,QAC5DG,EAAG,SACKc,EAAAf,GAAe,0BAA0BF,EAAM,QAAQ,GAEpEK,EAAU,QAAQF,EAAG;AAAA,OACpB,EAAE;AAAA,EACP,CACD,GAGDe;AAAA,IACE,MAAMlB,EAAM;AAAA,IACZ,CAACmB,MAAQ;AACP,MAAAC,EAAS,MAAM;AACb,QAAID,MACFhB,EAAG,QAAQ,SAAS,cAA2BgB,CAAG,KAAK,QAClDhB,EAAG,SACKc,EAAAf,GAAe,0BAA0BiB,GAAK,GAEvDhB,EAAG,UAAOG,EAAQ,QAAQH,EAAG,MAAM,aAAaH,EAAM,mBAC1DK,EAAU,QAAQF,EAAG;AAAA,MACvB,CACD;AAAA,IACH;AAAA,EAAA,GAGK;AAAA,IACL,SAAAG;AAAA,IACA,aAAAI;AAAA,EAAA;AAEJ;"}

package/es/components/collapse-transition/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/collapse-transition/index.ts"],"sourcesContent":["import CollapseTransition from './src/collapse-transition.vue'\nimport type { App } from 'vue'\nimport type { SFCWithInstall } from '@vft-ui/utils'\n\nCollapseTransition.install = (app: App): void => {\n  app.component(CollapseTransition.name, CollapseTransition)\n}\n\nconst _CollapseTransition = CollapseTransition as SFCWithInstall<\n  typeof CollapseTransition\n>\n\nexport default _CollapseTransition\nexport const VftCollapseTransition = _CollapseTransition\n"],"names":["CollapseTransition","app","_CollapseTransition","VftCollapseTransition"],"mappings":";AAIAA,EAAmB,UAAU,CAACC,MAAmB;AAC3C,EAAAA,EAAA,UAAUD,EAAmB,MAAMA,CAAkB;AAC3D;AAEA,MAAME,IAAsBF,GAKfG,IAAwBD;"}

package/es/components/collapse-transition/src/collapse-transition.vue2.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"collapse-transition.vue2.mjs","sources":["../../../../../../packages/components/collapse-transition/src/collapse-transition.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: 'VtfCollapseTransition',\n});\n</script>\n<template>\n  <transition :name=\"ns.b()\" v-on=\"on\">\n    <slot />\n  </transition>\n</template>\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@vft-ui/hooks'\nimport type { RendererElement } from '@vue/runtime-core'\n\n\n\nconst ns = useNamespace('collapse-transition')\n\nconst on = {\n  beforeEnter(el: RendererElement) {\n    if (!el.dataset) el.dataset = {}\n\n    el.dataset.oldPaddingTop = el.style.paddingTop\n    el.dataset.oldPaddingBottom = el.style.paddingBottom\n\n    el.style.maxHeight = 0\n    el.style.paddingTop = 0\n    el.style.paddingBottom = 0\n  },\n\n  enter(el: RendererElement) {\n    el.dataset.oldOverflow = el.style.overflow\n    if (el.scrollHeight !== 0) {\n      el.style.maxHeight = `${el.scrollHeight}px`\n      el.style.paddingTop = el.dataset.oldPaddingTop\n      el.style.paddingBottom = el.dataset.oldPaddingBottom\n    } else {\n      el.style.maxHeight = 0\n      el.style.paddingTop = el.dataset.oldPaddingTop\n      el.style.paddingBottom = el.dataset.oldPaddingBottom\n    }\n\n    el.style.overflow = 'hidden'\n  },\n\n  afterEnter(el: RendererElement) {\n    el.style.maxHeight = ''\n    el.style.overflow = el.dataset.oldOverflow\n  },\n\n  beforeLeave(el: RendererElement) {\n    if (!el.dataset) el.dataset = {}\n    el.dataset.oldPaddingTop = el.style.paddingTop\n    el.dataset.oldPaddingBottom = el.style.paddingBottom\n    el.dataset.oldOverflow = el.style.overflow\n\n    el.style.maxHeight = `${el.scrollHeight}px`\n    el.style.overflow = 'hidden'\n  },\n\n  leave(el: RendererElement) {\n    if (el.scrollHeight !== 0) {\n      el.style.maxHeight = 0\n      el.style.paddingTop = 0\n      el.style.paddingBottom = 0\n    }\n  },\n\n  afterLeave(el: RendererElement) {\n    el.style.maxHeight = ''\n    el.style.overflow = el.dataset.oldOverflow\n    el.style.paddingTop = el.dataset.oldPaddingTop\n    el.style.paddingBottom = el.dataset.oldPaddingBottom\n  },\n}\n</script>\n"],"names":["__default__","DO_defineComponent","ns","useNamespace","on","el"],"mappings":";;;;;;;;AAEA,MAAAA,IAA6BC,EAAmB;AAAA,EAC9C,MAAM;AACR,CAAC;;;AAaK,UAAAC,IAAKC,EAAa,qBAAqB,GAEvCC,IAAK;AAAA,MACT,YAAYC,GAAqB;AAC/B,QAAKA,EAAG,YAASA,EAAG,UAAU,KAE3BA,EAAA,QAAQ,gBAAgBA,EAAG,MAAM,YACjCA,EAAA,QAAQ,mBAAmBA,EAAG,MAAM,eAEvCA,EAAG,MAAM,YAAY,GACrBA,EAAG,MAAM,aAAa,GACtBA,EAAG,MAAM,gBAAgB;AAAA,MAC3B;AAAA,MAEA,MAAMA,GAAqB;AACtB,QAAAA,EAAA,QAAQ,cAAcA,EAAG,MAAM,UAC9BA,EAAG,iBAAiB,KACnBA,EAAA,MAAM,YAAY,GAAGA,EAAG,kBACxBA,EAAA,MAAM,aAAaA,EAAG,QAAQ,eAC9BA,EAAA,MAAM,gBAAgBA,EAAG,QAAQ,qBAEpCA,EAAG,MAAM,YAAY,GAClBA,EAAA,MAAM,aAAaA,EAAG,QAAQ,eAC9BA,EAAA,MAAM,gBAAgBA,EAAG,QAAQ,mBAGtCA,EAAG,MAAM,WAAW;AAAA,MACtB;AAAA,MAEA,WAAWA,GAAqB;AAC9B,QAAAA,EAAG,MAAM,YAAY,IAClBA,EAAA,MAAM,WAAWA,EAAG,QAAQ;AAAA,MACjC;AAAA,MAEA,YAAYA,GAAqB;AAC/B,QAAKA,EAAG,YAASA,EAAG,UAAU,KAC3BA,EAAA,QAAQ,gBAAgBA,EAAG,MAAM,YACjCA,EAAA,QAAQ,mBAAmBA,EAAG,MAAM,eACpCA,EAAA,QAAQ,cAAcA,EAAG,MAAM,UAE/BA,EAAA,MAAM,YAAY,GAAGA,EAAG,kBAC3BA,EAAG,MAAM,WAAW;AAAA,MACtB;AAAA,MAEA,MAAMA,GAAqB;AACrB,QAAAA,EAAG,iBAAiB,MACtBA,EAAG,MAAM,YAAY,GACrBA,EAAG,MAAM,aAAa,GACtBA,EAAG,MAAM,gBAAgB;AAAA,MAE7B;AAAA,MAEA,WAAWA,GAAqB;AAC9B,QAAAA,EAAG,MAAM,YAAY,IAClBA,EAAA,MAAM,WAAWA,EAAG,QAAQ,aAC5BA,EAAA,MAAM,aAAaA,EAAG,QAAQ,eAC9BA,EAAA,MAAM,gBAAgBA,EAAG,QAAQ;AAAA,MACtC;AAAA,IAAA;;;;;;;;;;;"}

package/es/components/context-menu/context-menu.vue2.mjs

@@ -1,98 +0,0 @@
-import { defineComponent as w, ref as c, computed as y, openBlock as s, createBlock as a, Transition as k, withCtx as C, withDirectives as b, createElementVNode as m, normalizeStyle as g, unref as u, withModifiers as M, createElementBlock as $, Fragment as z, renderList as B, vShow as E } from "vue";
-import { useTimeoutFn as S, useClickAway as A, useEventListener as p } from "@vft/use";
-import "../divider/index.mjs";
-import "../icon/index.mjs";
-import "../avatar/index.mjs";
-import "../empty/index.mjs";
-import "../result/index.mjs";
-import "../exception/index.mjs";
-import "../tabs/index.mjs";
-import "../popper/index.mjs";
-import "../collapse-transition/index.mjs";
-import "../tooltip/index.mjs";
-import "../popover/index.mjs";
-import { VftMenuItem as F } from "../menu/index.mjs";
-import "@vft/utils";
-import "../multiple-tabs/index.mjs";
-import "../header-layout/index.mjs";
-import "../footer-layout/index.mjs";
-import "../iframe-layout/index.mjs";
-import "../router-view-content/index.mjs";
-import "../logo/index.mjs";
-const H = { class: "vri-sub-menu" }, ee = /* @__PURE__ */ w({
-  __name: "context-menu",
-  props: {
-    axis: null,
-    styles: null,
-    width: null,
-    items: null
-  },
-  setup(n) {
-    let d = c();
-    const f = y(() => {
-      const { x: e, y: t } = n.axis || { x: 0, y: 0 }, i = (n.items || []).length * 40, l = n.width || 0, r = document.body, v = r.clientWidth < e + l ? e - l : e, h = r.clientHeight < t + i ? t - i : t;
-      return {
-        zIndex: 3e3,
-        ...n.styles,
-        position: "fixed",
-        width: `${n.width}px`,
-        left: `${v + 1}px`,
-        top: `${h + 1}px`
-      };
-    });
-    let o = c(!1);
-    S(() => {
-      o.value = !0;
-    }, 0), A(d, () => {
-      o.value = !1;
-    }, {
-      listenerOptions: {
-        capture: !0
-      }
-    }), p(window, "scroll", () => {
-      o.value = !1;
-    }, {
-      capture: !0
-    }), p(window, "drag", () => {
-      o.value = !1;
-    }, {
-      capture: !0
-    });
-    function x(e) {
-      var t;
-      e != null && e.disabled || ((t = e.handler) == null || t.call(e), o.value = !1);
-    }
-    return (e, t) => (s(), a(k, { name: "vri-zoom-in-top" }, {
-      default: C(() => [
-        b(m("div", {
-          ref_key: "contextMenuRef",
-          ref: d,
-          style: g(u(f)),
-          onClick: t[0] || (t[0] = M(() => {
-          }, ["stop"])),
-          class: "vft-menu"
-        }, [
-          m("div", H, [
-            (s(!0), $(z, null, B(n.items, (i, l) => (s(), a(u(F), {
-              onClick: (r) => x(i),
-              index: l + i.text,
-              title: i.text,
-              divider: i.divider,
-              disabled: i.disabled,
-              icon: i.iconCfg,
-              isAloneUse: "",
-              key: l
-            }, null, 8, ["onClick", "index", "title", "divider", "disabled", "icon"]))), 128))
-          ])
-        ], 4), [
-          [E, u(o)]
-        ])
-      ]),
-      _: 1
-    }));
-  }
-});
-export {
-  ee as default
-};
-//# sourceMappingURL=context-menu.vue2.mjs.map

package/es/components/context-menu/context-menu.vue2.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"context-menu.vue2.mjs","sources":["../../../../../packages/components/context-menu/context-menu.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useClickAway, useEventListener, useTimeoutFn } from '@vft/use';\nimport { computed, ref, type CSSProperties } from 'vue';\nimport type { Axis, ContextMenuItem } from './types';\nimport { VftMenuItem as MenuItem } from '@vft-ui/components';\n\ninterface Props {\n  axis?: Axis;\n  styles?: CSSProperties;\n  width?: number;\n  items?: ContextMenuItem[];\n}\n\ndefineProps({\n  \"axis\": null,\n  \"styles\": null,\n  \"width\": null,\n  \"items\": null\n})\n\nlet contextMenuRef = ref();\n\nconst getStyle = computed((): CSSProperties => {\n  const { x, y } = __props.axis || { x: 0, y: 0 };\n  const menuHeight = (__props.items || []).length * 40;\n  const menuWidth = __props.width || 0;\n  const body = document.body;\n\n  const left = body.clientWidth < x + menuWidth ? x - menuWidth : x;\n  const top = body.clientHeight < y + menuHeight ? y - menuHeight : y;\n  return {\n    zIndex: 3000,\n    ...__props.styles,\n    position: 'fixed',\n    width: `${__props.width}px`,\n    left: `${left + 1}px`,\n    top: `${top + 1}px`\n  };\n});\n\nlet show = ref(false);\n\nuseTimeoutFn(() => {\n  show.value = true;\n}, 0);\n\nuseClickAway(contextMenuRef, () => {\n  show.value = false;\n}, {\n  listenerOptions: {\n    capture: true\n  }\n});\n\nuseEventListener(window, 'scroll', () => {\n  show.value = false;\n}, {\n  capture: true\n});\n\nuseEventListener(window, 'drag', () => {\n  show.value = false;\n}, {\n  capture: true\n});\n\nfunction handleClick (item: ContextMenuItem) {\n  if (!item?.disabled) {\n    item.handler?.();\n    show.value = false;\n  }\n}\n</script>\n\n<template>\n  <transition name=\"vri-zoom-in-top\">\n    <div ref=\"contextMenuRef\" v-show=\"show\" :style=\"getStyle\" @click.stop class=\"vft-menu\">\n      <div class=\"vri-sub-menu\">\n        <menu-item v-for=\"(item, index) in items\"\n          @click=\"handleClick(item)\"\n          :index=\"index + item.text\"\n          :title=\"item.text\"\n          :divider=\"item.divider\"\n          :disabled=\"item.disabled\"\n          :icon=\"item.iconCfg\"\n          isAloneUse\n          :key=\"index\" />\n      </div>\n    </div>\n  </transition>\n</template>\n\n"],"names":["contextMenuRef","ref","getStyle","computed","x","y","__props","menuHeight","menuWidth","body","left","top","show","useTimeoutFn","useClickAway","useEventListener","handleClick","item","_a"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,QAAIA,IAAiBC;AAEf,UAAAC,IAAWC,EAAS,MAAqB;AACvC,YAAA,EAAE,GAAAC,GAAG,GAAAC,EAAM,IAAAC,EAAQ,QAAQ,EAAE,GAAG,GAAG,GAAG,KACtCC,KAAcD,EAAQ,SAAS,IAAI,SAAS,IAC5CE,IAAYF,EAAQ,SAAS,GAC7BG,IAAO,SAAS,MAEhBC,IAAOD,EAAK,cAAcL,IAAII,IAAYJ,IAAII,IAAYJ,GAC1DO,IAAMF,EAAK,eAAeJ,IAAIE,IAAaF,IAAIE,IAAaF;AAC3D,aAAA;AAAA,QACL,QAAQ;AAAA,QACR,GAAGC,EAAQ;AAAA,QACX,UAAU;AAAA,QACV,OAAO,GAAGA,EAAQ;AAAA,QAClB,MAAM,GAAGI,IAAO;AAAA,QAChB,KAAK,GAAGC,IAAM;AAAA,MAAA;AAAA,IAChB,CACD;AAEG,QAAAC,IAAOX,EAAI,EAAK;AAEpB,IAAAY,EAAa,MAAM;AACjB,MAAAD,EAAK,QAAQ;AAAA,OACZ,CAAC,GAEJE,EAAad,GAAgB,MAAM;AACjC,MAAAY,EAAK,QAAQ;AAAA,IAAA,GACZ;AAAA,MACD,iBAAiB;AAAA,QACf,SAAS;AAAA,MACX;AAAA,IAAA,CACD,GAEgBG,EAAA,QAAQ,UAAU,MAAM;AACvC,MAAAH,EAAK,QAAQ;AAAA,IAAA,GACZ;AAAA,MACD,SAAS;AAAA,IAAA,CACV,GAEgBG,EAAA,QAAQ,QAAQ,MAAM;AACrC,MAAAH,EAAK,QAAQ;AAAA,IAAA,GACZ;AAAA,MACD,SAAS;AAAA,IAAA,CACV;AAED,aAASI,EAAaC,GAAuB;;AACvC,MAACA,KAAA,QAAAA,EAAM,cACTC,IAAAD,EAAK,YAAL,QAAAC,EAAA,KAAAD,IACAL,EAAK,QAAQ;AAAA,IAEjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/context-menu/createContextMenu.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"createContextMenu.mjs","sources":["../../../../../packages/components/context-menu/createContextMenu.ts"],"sourcesContent":["import { isClient } from '@vft/utils';\nimport { createVNode, render } from 'vue';\nimport contextMenuVue from './context-menu.vue';\nimport type { ContextMenuProps, CreateContextOptions } from './types';\n\nconst menuManager: {\n  domList: Element[];\n  resolve: Fn;\n} = {\n  domList: [],\n  resolve: () => {}\n};\n\nexport const createContextMenu = function (options: CreateContextOptions) {\n  const { event } = options || {};\n\n  // event?.preventDefault() 阻止浏览器的默认右键菜单事件\n  event && event?.preventDefault();\n\n  if (!isClient) {\n    return;\n  }\n  return new Promise((resolve) => {\n    const body = document.body;\n\n    const container = document.createElement('div');\n    const propsData: Partial<ContextMenuProps> = {\n      ...options\n    };\n\n    if (options.event) {\n      propsData.axis = { x: event.clientX, y: event.clientY };\n      // @ts-ignore\n      delete propsData.event;\n    }\n\n    const vm = createVNode(contextMenuVue, propsData);\n    render(vm, container);\n\n    const handleClick = function () {\n      menuManager.resolve('');\n    };\n\n    menuManager.domList.push(container);\n\n    const remove = function () {\n      menuManager.domList.forEach((dom: Element) => {\n        try {\n          dom && body.removeChild(dom);\n        } catch (error) {}\n      });\n      body.removeEventListener('click', handleClick);\n      body.removeEventListener('scroll', handleClick);\n    };\n\n    menuManager.resolve = function (arg) {\n      remove();\n      resolve(arg);\n    };\n    remove();\n    body.appendChild(container);\n    // body.addEventListener('click', handleClick);\n    // body.addEventListener('scroll', handleClick);\n  });\n};\n\nexport const destroyContextMenu = function () {\n  if (menuManager) {\n    menuManager.resolve('');\n    menuManager.domList = [];\n  }\n};\n"],"names":["menuManager","createContextMenu","options","event","isClient","resolve","body","container","propsData","vm","createVNode","contextMenuVue","render","handleClick","remove","dom","arg","destroyContextMenu"],"mappings":";;;AAKA,MAAMA,IAGF;AAAA,EACF,SAAS,CAAC;AAAA,EACV,SAAS,MAAM;AAAA,EAAC;AAClB,GAEaC,IAAoB,SAAUC,GAA+B;AACxE,QAAM,EAAE,OAAAC,EAAA,IAAUD,KAAW;AAK7B,MAFAC,MAASA,KAAA,QAAAA,EAAO,mBAEZ,EAACC;AAGE,WAAA,IAAI,QAAQ,CAACC,MAAY;AAC9B,YAAMC,IAAO,SAAS,MAEhBC,IAAY,SAAS,cAAc,KAAK,GACxCC,IAAuC;AAAA,QAC3C,GAAGN;AAAA,MAAA;AAGL,MAAIA,EAAQ,UACVM,EAAU,OAAO,EAAE,GAAGL,EAAM,SAAS,GAAGA,EAAM,WAE9C,OAAOK,EAAU;AAGb,YAAAC,IAAKC,EAAYC,GAAgBH,CAAS;AAChD,MAAAI,EAAOH,GAAIF,CAAS;AAEpB,YAAMM,IAAc,WAAY;AAC9B,QAAAb,EAAY,QAAQ,EAAE;AAAA,MAAA;AAGZ,MAAAA,EAAA,QAAQ,KAAKO,CAAS;AAElC,YAAMO,IAAS,WAAY;AACb,QAAAd,EAAA,QAAQ,QAAQ,CAACe,MAAiB;AACxC,cAAA;AACK,YAAAA,KAAAT,EAAK,YAAYS,CAAG;AAAA;UACZ;AAAA,QAAA,CAClB,GACIT,EAAA,oBAAoB,SAASO,CAAW,GACxCP,EAAA,oBAAoB,UAAUO,CAAW;AAAA,MAAA;AAGpC,MAAAb,EAAA,UAAU,SAAUgB,GAAK;AAC5B,QAAAF,KACPT,EAAQW,CAAG;AAAA,MAAA,GAENF,KACPR,EAAK,YAAYC,CAAS;AAAA,IAAA,CAG3B;AACH,GAEaU,IAAqB,WAAY;AAC5C,EAAIjB,MACFA,EAAY,QAAQ,EAAE,GACtBA,EAAY,UAAU;AAE1B;"}

package/es/components/context-menu/style/css.mjs

@@ -1,3 +0,0 @@
-import "vft/theme-style/base.css";
-import "vft/theme-style/vft-context-menu.css";
-//# sourceMappingURL=css.mjs.map

package/es/components/context-menu/style/index.mjs

@@ -1,3 +0,0 @@
-import "../../../theme-style/src/base.scss.mjs";
-import "vft/theme-style/src/context-menu.scss";
-//# sourceMappingURL=index.mjs.map

package/es/components/context-menu/useContextMenu.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useContextMenu.mjs","sources":["../../../../../packages/components/context-menu/useContextMenu.ts"],"sourcesContent":["import { onUnmounted, getCurrentInstance } from 'vue';\nimport { createContextMenu, destroyContextMenu } from './createContextMenu';\nimport type { ContextMenuItem } from './types';\n\nexport type { ContextMenuItem };\n\nexport function useContextMenu(authRemove = true) {\n  if (getCurrentInstance() && authRemove) {\n    onUnmounted(() => {\n      destroyContextMenu();\n    });\n  }\n  return [createContextMenu, destroyContextMenu];\n}\n"],"names":["useContextMenu","authRemove","getCurrentInstance","onUnmounted","destroyContextMenu","createContextMenu"],"mappings":";;AAMgB,SAAAA,EAAeC,IAAa,IAAM;AAC5C,SAAAC,OAAwBD,KAC1BE,EAAY,MAAM;AACG,IAAAC;EAAA,CACpB,GAEI,CAACC,GAAmBD,CAAkB;AAC/C;"}

package/es/components/divider/divider.vue2.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"divider.vue2.mjs","sources":["../../../../../packages/components/divider/divider.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('divider')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: ns.b()\n});</script>\n<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport { useNamespace } from '@vft-ui/hooks';\nimport type { CSSProperties } from 'vue';\nimport type { BorderColor, BorderStyle } from './types';\n\ninterface DividerProps {\n\tdirection?: 'horizontal' | 'vertical'\n\tcontentPosition?: 'left' | 'center' | 'right',\n\tborderStyle?: BorderStyle,\n\tborderColor?: BorderColor,\n\tmarginY?: string,\n\tmarginX?: string,\n}\n\ndefineProps({\n  \"direction\": { default: 'horizontal' },\n  \"contentPosition\": { default: 'center' },\n  \"borderStyle\": { default: 'solid' },\n  \"borderColor\": null,\n  \"marginY\": null,\n  \"marginX\": null\n})\n\n\n\n;\n\nconst dividerStyle = computed(() => {\n\treturn {\n\t\t...ns.cssVarBlock({\n\t\t\t'border-style': __props.borderStyle,\n\t\t\t'border-color': __props.borderColor,\n\t\t\t'margin-y': __props.marginY,\n\t\t\t'margin-x': __props.marginX\n\t\t})\n\t} as CSSProperties;\n});\n</script>\n\n<template>\n\t<div :class=\"[ns.b(), ns.m(direction)]\"\n\t\t\t:style=\"dividerStyle\" role=\"separator\">\n\t\t<div v-if=\"$slots.default && direction !== 'vertical'\"\n\t\t\t\t:class=\"[ns.e('text'), ns.is(contentPosition)]\">\n\t\t\t<slot />\n\t\t</div>\n\t</div>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","dividerStyle","computed","__props"],"mappings":";;;;;;;;AACA,MAAMA;AAAA;AAAA,EAAuBC,EAAa,SAAS;AAAA,GAGnDC,IAA6BC,EAAmB;AAAA,EAC/C,MAAMH,EAAG,EAAE;AACZ,CAAC;;;;;;;;;;;AA6BK,UAAAI,IAAeC,EAAS,OACtB;AAAA,MACN,GAAGL,EAAG,YAAY;AAAA,QACjB,gBAAgBM,EAAQ;AAAA,QACxB,gBAAgBA,EAAQ;AAAA,QACxB,YAAYA,EAAQ;AAAA,QACpB,YAAYA,EAAQ;AAAA,MAAA,CACpB;AAAA,IAAA,EAEF;;;;;;;;;;;;;;;"}

package/es/components/divider/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/divider/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport Divider from './divider.vue'\n\nexport const VftDivider = withInstall(Divider)\nexport default VftDivider\n"],"names":["VftDivider","withInstall","Divider"],"mappings":";;;;;AAIa,MAAAA,IAAaC,EAAYC,CAAO;"}