@fox-js/foxui 4.0.1-93 → 4.0.1-95

package/dist/theme/components/collapse.scss

@@ -0,0 +1,24 @@
+@use 'sass:map';
+@use '../common/color' as *;
+@use '../common/typography' as *;
+@use '../common/base' as *;
+
+$collapse: () !default;
+$collapse: map.deep-merge(
+  (
+    'item-color': $title-color-secondary,
+    'item-disabled-color': $disabled-color,
+    'item-font-size': $font-size-base,
+    'item-icon-color': $title-color-secondary,
+    'item-line-height': 24px,
+    'item-padding': 13px 36px 13px 26px,
+    'item-sub-title-color': $title-color-secondary,
+    'wrapper-content-background-color': $white,
+    'wrapper-content-color': $title-color-secondary,
+    'wrapper-content-font-size': $font-size-base,
+    'wrapper-content-line-height': $line-height-base,
+    'wrapper-content-padding': 12px 26px,
+    'wrapper-empty-content-padding': 0 26px
+  ),
+  $collapse
+);

package/dist/theme/components/content.scss

@@ -0,0 +1,10 @@
+@use 'sass:map';
+@use '../common/color' as *;
+
+$content: () !default;
+$content: map.deep-merge(
+  (
+    'background-color': $white,
+  ),
+  $content
+);

package/dist/theme/components/countdown.scss

@@ -0,0 +1,11 @@
+@use 'sass:map';
+
+$countdown: () !default;
+$countdown: map.deep-merge(
+  (
+    'color': inherit,
+    'display': flex,
+    'font-size': initial,
+  ),
+  $countdown
+);

package/dist/theme/components/dialog.scss

@@ -0,0 +1,48 @@
+@use 'sass:map';
+@use '../common/color' as *;
+@use '../common/typography' as *;
+@use '../common/border' as *;
+@use '../common/base' as *;
+
+$dialog: () !default;
+$dialog: map.deep-merge(
+  (
+    'background': transparent,
+    'body-background': transparent,
+    'body-margin': 20px 0px,
+    'body-padding': 0px,
+    'content-color': $text-color-regular,
+    'content-font-size': $font-size-small,
+    'content-line-height': 16px,
+    'content-padding': 0px,
+    'content-text-align': center,
+    'footer-background': transparent,
+    'footer-button-color': $title-color-secondary,
+    'footer-button-color-primary': $color-danger,
+    'footer-button-font-size': $font-size-medium,
+    'footer-button-font-weight': $font-weight-bold,
+    'footer-button-padding': 10px,
+    'footer-button-border-left': 1px solid $border-color-lighter,
+    'footer-height': auto,
+    'footer-justify-content': center,
+    'footer-layout': row nowrap,
+    'footer-padding': 0px,
+    'header-align-items': center,
+    'header-background': transparent,
+    'header-close-icon-color': $text-color-secondary,
+    'header-close-icon-size': $font-size-medium,
+    'header-color': $title-color,
+    'header-font-size': $font-size-medium,
+    'header-font-weight': normal,
+    'header-height': 20px,
+    'header-justify-content': center,
+    'header-layout': row nowrap,
+    'header-padding': 0px,
+    'height': auto,
+    'min-height': 156px,
+    'padding': 28px 24px 16px 24px,
+    'popup-border-radius': 20px,
+    'width': 80%
+  ),
+  $dialog
+);

package/dist/theme/components/divider.scss

@@ -0,0 +1,22 @@
+@use 'sass:map';
+@use '../common/color' as *;
+@use '../common/typography' as *;
+@use '../common/border' as *;
+@use '../common/base' as *;
+
+$divider: () !default;
+$divider: map.deep-merge(
+  (
+    'after-margin-left': 16px,
+    'before-margin-right': 16px,
+    'line-height': 2px,
+    'margin': 16px 0,
+    'text-color': $text-color-secondary,
+    'text-font-size': $font-size-base,
+    'vertical-border-left': $border-color-base,
+    'vertical-height': 12px,
+    'vertical-margin': 0 8px,
+    'vertical-top': 2px,
+  ),
+  $divider
+);

package/dist/theme/components/elevator.scss

@@ -0,0 +1,49 @@
+@use 'sass:map';
+@use '../common/color' as *;
+@use '../common/typography' as *;
+@use '../common/border' as *;
+@use '../common/fill' as *;
+@use '../common/base' as *;
+
+$elevator: () !default;
+$elevator: map.deep-merge(
+  (
+    'list-fixed-bg-color': $white,
+    'list-fixed-box-shadow': 0 0 10px $border-color-lighter,
+    'list-fixed-color': $color-primary,
+    'list-item-bars-border-radius': 6px,
+    'list-item-bars-inner-item-padding': 3px,
+    'list-item-bars-padding': 15px 0,
+    'list-item-bars-position': absolute,
+    'list-item-bars-right': 8px,
+    'list-item-bars-text-align': center,
+    'list-item-bars-top': 50%,
+    'list-item-bars-transform': translateY(-50%),
+    'list-item-bars-z-index': 1,
+    'list-item-code-after-bg-color': $fill-color-base,
+    'list-item-code-after-height': 1px,
+    'list-item-code-after-width': 100%,
+    'list-item-code-current-bg-color': $white,
+    'list-item-code-current-border-radius': 50%,
+    'list-item-code-current-height': 45px,
+    'list-item-code-current-line-height': 45px,
+    'list-item-code-current-position': absolute,
+    'list-item-code-current-right': 60px,
+    'list-item-code-current-text-align': center,
+    'list-item-code-current-top': 50%,
+    'list-item-code-current-width': 45px,
+    'list-item-code-font-color': $title-color,
+    'list-item-code-font-size': $font-size-base,
+    'list-item-code-font-weight': 500,
+    'list-item-code-height': 35px,
+    'list-item-code-line-height': 35px,
+    'list-item-code-padding': 0 20px,
+    'list-item-font-color': $title-color,
+    'list-item-font-size': $font-size-small,
+    'list-item-highcolor': $color-primary,
+    'list-item-name-height': 30px,
+    'list-item-name-line-height': 30px,
+    'list-item-name-padding': 0 20px,
+  ),
+  $elevator
+);

package/dist/theme/components/ellipsis.scss

@@ -0,0 +1,10 @@
+@use 'sass:map';
+@use '../common/color' as *;
+
+$ellipsis: () !default;
+$ellipsis: map.deep-merge(
+  (
+    'expand-collapse-color': $color-primary,
+  ),
+  $ellipsis
+);

package/dist/theme/components/empty.scss

@@ -0,0 +1,18 @@
+@use 'sass:map';
+@use '../common/color' as *;
+@use '../common/typography' as *;
+@use '../common/base' as *;
+
+$empty: () !default;
+$empty: map.deep-merge(
+  (
+    'description-color': $title-color-secondary,
+    'description-font-size': $font-size-base,
+    'description-line-height': 20px,
+    'description-margin-top': 4px,
+    'description-padding': 0 40px,
+    'image-size': 170px,
+    'padding': 32px 0,
+  ),
+  $empty
+);

package/dist/theme/components/fixednav.scss

@@ -0,0 +1,14 @@
+@use 'sass:map';
+@use '../common/color' as *;
+
+$fixednav: () !default;
+$fixednav: map.deep-merge(
+  (
+    'bg-color': $white,
+    'btn-bg': $color-primary,
+    'font-color': $black,
+    'index': 201,
+    'item-active-color': $color-primary,
+  ),
+  $fixednav
+);

package/dist/theme/components/floating-button.scss

@@ -0,0 +1,23 @@
+@use 'sass:map';
+@use '../common/color' as *;
+@use '../common/typography' as *;
+@use '../common/border' as *;
+@use '../common/base' as *;
+@use '../common/shadow' as *;
+
+$floating-button: () !default;
+$floating-button: map.deep-merge(
+  (
+    'background': $color-primary,
+    'border-radius': 50%,
+    'box-shadow': $box-shadow-light,
+    'color': $white,
+    'height': 52px,
+    'icon-size': $font-size-extra-large,
+    'opacity': 1,
+    'position': absolute,
+    'width': 52px,
+    'z-index': 3600,
+  ),
+  $floating-button
+);

package/dist/theme/components/footer-bar.scss

@@ -0,0 +1,16 @@
+@use 'sass:map';
+@use '../common/border' as *;
+
+$footer-bar: () !default;
+$footer-bar: map.deep-merge(
+  (
+    'border-bottom': 1px solid $border-color-lighter,
+    'border-top': 1px solid $border-color-lighter,
+    'box-sizing': content-box,
+    'fixed': fixed,
+    'min-height': 50px,
+    'padding': 7px 0,
+    'z-index': 10,
+  ),
+  $footer-bar
+);

package/dist/theme/components/footer.scss

@@ -0,0 +1,11 @@
+@use 'sass:map';
+@use '../common/color' as *;
+
+$footer: () !default;
+$footer: map.deep-merge(
+  (
+    'background-color': $white,
+    'bar-box-shadow': none,
+  ),
+  $footer
+);

package/dist/theme/components/form.scss

@@ -0,0 +1,24 @@
+@use 'sass:map';
+@use '../common/color' as *;
+@use '../common/typography' as *;
+@use '../common/base' as *;
+
+$form: () !default;
+$form: map.deep-merge(
+  (
+    'item-error-line-color': $required-color,
+    'item-required-color': $required-color,
+    'item-error-message-color': $required-color,
+    'item-label-font-size': $font-size-base,
+    'item-label-width': 90px,
+    'item-label-margin-right': 10px,
+    'item-label-text-align': left,
+    'item-required-margin-right': 4px,
+    'item-body-font-size': $font-size-base,
+    'item-body-slots-text-align': left,
+    'item-body-input-text-align': left,
+    'item-tip-font-size': $font-size-extra-small,
+    'item-tip-text-align': left
+  ),
+  $form
+);

package/dist/theme/components/grid.scss

@@ -0,0 +1,18 @@
+@use 'sass:map';
+@use '../common/color' as *;
+@use '../common/typography' as *;
+@use '../common/border' as *;
+@use '../common/base' as *;
+
+$grid: () !default;
+$grid: map.deep-merge(
+  (
+    'border-color': $border-color-lighter,
+    'item-content-bg-color': $white,
+    'item-content-padding': 16px 8px,
+    'item-text-color': $title-color-secondary,
+    'item-text-font-size': $font-size-small,
+    'item-text-margin': 8px,
+  ),
+  $grid
+);

package/dist/theme/components/group.scss

@@ -0,0 +1,28 @@
+@use 'sass:map';
+@use '../common/color' as *;
+@use '../common/typography' as *;
+@use '../common/base' as *;
+
+$group: () !default;
+$group: map.deep-merge(
+  (
+    'background-color': inhert,
+    'flow-padding': 0,
+    'grid-padding': 0,
+    'header-collapse-color': $color-primary,
+    'header-collapse-font-size': $font-size-base,
+    'header-collapse-gutter': 2px,
+    'header-collapse-icon-size': $font-size-small,
+    'header-color': $title-color,
+    'header-font-size': $font-size-base,
+    'header-font-weight': $font-weight-bold,
+    'header-line-height': 20px,
+    'header-margin': 0 0 10px 0,
+    'header-mark-color': $color-primary,
+    'header-mark-height': 15px,
+    'header-mark-width': 3px,
+    'header-padding': 0,
+    'padding': 0,
+  ),
+  $group
+);

package/dist/theme/components/header-bar.scss

@@ -0,0 +1,36 @@
+@use 'sass:map';
+@use '../common/color' as *;
+@use '../common/typography' as *;
+@use '../common/border' as *;
+@use '../common/base' as *;
+
+$header-bar: () !default;
+$header-bar: map.deep-merge(
+  (
+    'background-color': $white,
+    'border-bottom': 1px solid $border-color-lighter,
+    'border-top': 0px solid $border-color-lighter,
+    'bottom-box-sizing': border-box,
+    'bottom-height': auto,
+    'bottom-padding': 0px,
+    'box-shadow': 0px 1px 7px 0px $border-color-lighter,
+    'box-sizing': content-box,
+    'color': $title-color,
+    'fixed': fixed,
+    'inner-background-color': unset,
+    'inner-box-sizing': content-box,
+    'inner-height': 44px,
+    'inner-padding': 0px,
+    'left-font-size': $font-size-medium,
+    'left-icon-size': $font-size-large,
+    'left-padding': 0 16px,
+    'min-height': auto,
+    'right-font-size': $font-size-medium,
+    'right-icon-size': $font-size-large,
+    'right-padding': 0 16px,
+    'title-font-size': $font-size-medium,
+    'title-icon-size': $font-size-large,
+    'z-index': 10,
+  ),
+  $header-bar
+);

package/dist/theme/components/hint-text.scss

@@ -0,0 +1,22 @@
+@use 'sass:map';
+@use '../common/color' as *;
+@use '../common/typography' as *;
+@use '../common/border' as *;
+@use '../common/base' as *;
+@use '../common/shadow' as *;
+
+$hint-text: () !default;
+$hint-text: map.deep-merge(
+  (
+    'arrow-size': 6px,
+    'background-color': $overlay-text-bg-color,
+    'box-shadow': $box-shadow,
+    'color': $white,
+    'font-size': $font-size-base,
+    'font-size-large': $font-size-large,
+    'font-size-small': $font-size-small,
+    'padding': 6px 8px,
+    'z-index': 3000,
+  ),
+  $hint-text
+);

package/dist/theme/components/icon.scss

@@ -0,0 +1,11 @@
+@use 'sass:map';
+
+$icon: () !default;
+$icon: map.deep-merge(
+  (
+    'height': 20px,
+    'line-height': 20px,
+    'width': 20px,
+  ),
+  $icon
+);

package/dist/theme/components/index.scss

@@ -0,0 +1,75 @@
+@forward 'actionsheet';
+@forward 'avatar';
+@forward 'backtop';
+@forward 'badge';
+@forward 'button';
+@forward 'buttons-item';
+@forward 'calendar';
+@forward 'card';
+@forward 'cascader';
+@forward 'cell';
+@forward 'checkbox';
+@forward 'circleprogress';
+@forward 'collapse';
+@forward 'content';
+@forward 'countdown';
+@forward 'dialog';
+@forward 'divider';
+@forward 'elevator';
+@forward 'ellipsis';
+@forward 'empty';
+@forward 'fixednav';
+@forward 'floating-button';
+@forward 'footer';
+@forward 'footer-bar';
+@forward 'form';
+@forward 'grid';
+@forward 'group';
+@forward 'header-bar';
+@forward 'hint-text';
+@forward 'icon';
+@forward 'indicator';
+@forward 'infiniteloading';
+@forward 'input';
+@forward 'input-number';
+@forward 'link-item';
+@forward 'list';
+@forward 'menu';
+@forward 'messagebox';
+@forward 'navbar';
+@forward 'noticebar';
+@forward 'notify';
+@forward 'numberkeyboard';
+@forward 'pagination';
+@forward 'picker';
+@forward 'popover';
+@forward 'popover-dialog';
+@forward 'popup';
+@forward 'popup-wrapper';
+@forward 'price';
+@forward 'progress';
+@forward 'radio';
+@forward 'range';
+@forward 'rate';
+@forward 'row-item';
+@forward 'searchbar';
+@forward 'shortpassword';
+@forward 'sidenavbar';
+@forward 'skeleton';
+@forward 'slot-item';
+@forward 'steps';
+@forward 'steps-bar';
+@forward 'swiper';
+@forward 'switch';
+@forward 'switch-item';
+@forward 'tabbar';
+@forward 'table';
+@forward 'tabs-bar';
+@forward 'tabs-frame';
+@forward 'tag';
+@forward 'text';
+@forward 'textarea';
+@forward 'toast';
+@forward 'trendarrow';
+@forward 'uploader';
+@forward 'watermark';

package/dist/theme/components/indicator.scss

@@ -0,0 +1,18 @@
+@use 'sass:map';
+@use '../common/color' as *;
+@use '../common/typography' as *;
+@use '../common/base' as *;
+
+$indicator: () !default;
+$indicator: map.deep-merge(
+  (
+    'bg-color': $color-primary,
+    'border-size': var(--fox-indicator-size) + 2,
+    'color': $white,
+    'dot-color': $disabled-color,
+    'dot-size': calc(var(--fox-indicator-size) / 3),
+    'number-font-size': $font-size-extra-small,
+    'size': $font-size-large
+  ),
+  $indicator
+);

package/dist/theme/components/infiniteloading.scss

@@ -0,0 +1,12 @@
+@use 'sass:map';
+@use '../common/color' as *;
+@use '../common/typography.scss' as *;
+@use '../common/base' as *;
+
+$infiniteloading: () !default;
+$infiniteloading: map.deep-merge(
+  (
+    'bottom-color': $disabled-color
+  ),
+  $infiniteloading
+);

package/dist/theme/components/input-number.scss

@@ -0,0 +1,38 @@
+@use 'sass:map';
+@use '../common/color' as *;
+@use '../common/typography' as *;
+@use '../common/border' as *;
+@use '../common/fill' as *;
+@use '../common/base' as *;
+
+$input-number: () !default;
+$input-number: map.deep-merge(
+  (
+    'icon-color': $title-color,
+    'icon-void-color': $disabled-color,
+    'icon-size': $font-size-extra-large,
+    'input-font-size': $font-size-small,
+    'input-font-color': $title-color,
+    'input-background-color': $fill-color-base,
+    'input-border-radius': 4px,
+    'input-width': 40px,
+    'input-margin': 0 6px,
+    'input-border': 0,
+    'border': 0,
+    'border-radius': 0,
+    'height': auto,
+    'line-height': normal,
+    'border-box': content-box,
+    'display': flex,
+    'item-padding': 0 29px 0 0,
+    'item-input-widht': 40px,
+    'item-input-width': 40px,
+    'item-input-color': var(--fox-input-item-color),
+    'item-input-background': $fill-color-base,
+    'item-left-color': var(--fox-input-item-color),
+    'item-left-background': $fill-color-base,
+    'item-right-color': $white,
+    'item-right-background': $color-primary
+  ),
+  $input-number
+);

package/dist/theme/components/input.scss

@@ -0,0 +1,61 @@
+@use 'sass:map';
+@use '../common/color' as *;
+@use '../common/typography' as *;
+@use '../common/border' as *;
+@use '../common/base' as *;
+
+$input: () !default;
+$input: map.deep-merge(
+  (
+    'border-bottom': $border-color-light,
+    'color': $text-color-regular,
+    'disabled-color': $disabled-color,
+    'required-color': $required-color,
+    'font-size': $font-size-base
+  ),
+  $input
+);
+
+$input-item: () !default;
+$input-item: map.deep-merge(
+  (
+    'width': null,
+    'min-width': 0,
+    'max-width': null,
+    'padding': null,
+    'margin': null,
+    'text-align': right,
+    'label-width': 30%,
+    'label-font-size': $font-size-base,
+    'label-font-weight': $font-weight-bold,
+    'label-line-height': auto,
+    'label-color': $black,
+    'label-padding-top': 0,
+    'label-padding-left': 0 10px 0 0,
+    'label-padding-right': 0 10px 0 0,
+    'append-width': 30px,
+    'append-font-size': $font-size-base,
+    'append-action-icon-size': 14px,
+    'append-action-icon-color': $text-color-placeholder,
+    'color': $black,
+    'background-color': null,
+    'border-bottom': 1px solid $border-color-light,
+    'disabled-color': $disabled-color,
+    'readonly-color': $black,
+    'placeholder-color': $text-color-placeholder,
+    'require-color': $required-color,
+    'font-size': $font-size-base,
+    'height': 24px,
+    'tip-icon-margin': 0 4px 0 0,
+    'tip-icon-size': 10px,
+    'tip-font-size': $font-size-small,
+    'tip-height': 16px,
+    'tip-info-color': $color-info,
+    'tip-warn-color': $color-warning,
+    'tip-error-color': $color-danger,
+    'error-line-color': $color-danger,
+    'unit-color': $black,
+    'unit-font-size': $font-size-base
+  ),
+  $input-item
+);

package/dist/theme/components/link-item.scss

@@ -0,0 +1,15 @@
+@use 'sass:map';
+@use '../common/color' as *;
+@use '../common/typography' as *;
+@use '../common/base' as *;
+
+$link-item: () !default;
+$link-item: map.deep-merge(
+  (
+    'margin': 0,
+    'padding': 0 5px 0 0,
+    'sub-color': $text-color-secondary,
+    'sub-font-size': $font-size-small,
+  ),
+  $link-item
+);

package/dist/theme/components/list.scss

@@ -0,0 +1,9 @@
+@use 'sass:map';
+
+$list: () !default;
+$list: map.deep-merge(
+  (
+    'item-margin': 0 0 10px 0,
+  ),
+  $list
+);