@douyinfe/semi-foundation 2.1.0-next.0 → 2.1.0

package/lib/cjs/empty/empty.css

@@ -1,50 +0,0 @@
-/* shadow */
-/* sizing */
-/* spacing */
-.semi-empty {
-  display: flex;
-}
-.semi-empty-image {
-  display: flex;
-  justify-content: center;
-  user-select: none;
-  -webkit-user-drag: none;
-  pointer-events: none;
-}
-.semi-empty-vertical {
-  align-items: center;
-  flex-direction: column;
-}
-.semi-empty-vertical .semi-empty-content {
-  margin-top: 24px;
-}
-.semi-empty-vertical .semi-empty-title,
-.semi-empty-vertical .semi-empty-description {
-  text-align: center;
-}
-.semi-empty-horizontal .semi-empty-content {
-  margin-left: 32px;
-}
-.semi-empty-title.semi-typography {
-  display: block;
-  font-weight: 600;
-}
-.semi-empty-title + .semi-empty-description {
-  margin-top: 16px;
-}
-.semi-empty-description {
-  color: var(--semi-color-text-1);
-}
-.semi-empty-footer {
-  margin-top: 24px;
-}
-
-.semi-rtl .semi-empty,
-.semi-portal-rtl .semi-empty {
-  direction: rtl;
-}
-.semi-rtl .semi-empty-horizontal .semi-empty-content,
-.semi-portal-rtl .semi-empty-horizontal .semi-empty-content {
-  margin-left: auto;
-  margin-right: 32px;
-}

package/lib/cjs/empty/empty.scss

@@ -1,54 +0,0 @@
-@import './variables.scss';
-
-$module: #{$prefix}-empty;
-
-.#{$module} {
-    display: flex;
-
-    &-image {
-        display: flex;
-        justify-content: center;
-        user-select: none;
-        -webkit-user-drag: none;
-        pointer-events: none;
-    }
-
-    &-vertical {
-        align-items: center;
-        flex-direction: column;
-
-        .#{$module}-content {
-            margin-top: $spacing-empty_content_vertical-marginTop;
-        }
-
-        .#{$module}-title,
-        .#{$module}-description {
-            text-align: center;
-        }
-    }
-
-    &-horizontal {
-        .#{$module}-content {
-            margin-left: $spacing-empty_content_horizontal-marginLeft;
-        }
-    }
-
-    &-title.#{$prefix}-typography {
-        display: block;
-        font-weight: $font-empty_title-fontWeight;
-    }
-
-    &-title+&-description {
-        margin-top: $spacing-empty_title-marginTop;
-    }
-
-    &-description {
-        color: $color-empty_description-text-default;
-    }
-
-    &-footer {
-        margin-top: $spacing-empty_footer-marginTop;
-    }
-}
-
-@import "./rtl.scss";

package/lib/cjs/empty/rtl.scss

@@ -1,15 +0,0 @@
-$module: #{$prefix}-empty;
-
-.#{$prefix}-rtl,
-.#{$prefix}-portal-rtl {
-    .#{$module} {
-        direction: rtl;
-
-        &-horizontal {
-            .#{$module}-content {
-                margin-left: auto;
-                margin-right: $spacing-empty_content_horizontal-marginLeft;
-            }
-        }
-    }
-}

package/lib/cjs/empty/variables.scss

@@ -1,8 +0,0 @@
-$spacing-empty_content_vertical-marginTop: 24px; // 垂直布局内容顶部外边距
-$spacing-empty_content_horizontal-marginLeft: 32px; // 水平布局内容左侧外边距
-$spacing-empty_title-marginTop: 16px; // 标题内容顶部外边距
-$spacing-empty_footer-marginTop: 24px; // 操作 footer 顶部外边距
-
-$font-empty_title-fontWeight: 600; // 标题字重
-
-$color-empty_description-text-default: var(--semi-color-text-1); // 描述文字颜色

package/lib/cjs/form/constants.d.ts

@@ -1,11 +0,0 @@
-declare const cssClasses: {
-    PREFIX: string;
-};
-declare const strings: {
-    LAYOUT: string[];
-    LABEL_POS: string[];
-    LABEL_ALIGN: string[];
-    EXTRA_POS: string[];
-};
-declare const numbers: {};
-export { cssClasses, strings, numbers };

package/lib/cjs/form/constants.js

@@ -1,25 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports.strings = exports.numbers = exports.cssClasses = void 0;
-
-var _constants = require("../base/constants");
-
-const cssClasses = {
-  PREFIX: "".concat(_constants.BASE_CLASS_PREFIX, "-form")
-};
-exports.cssClasses = cssClasses;
-const strings = {
-  LAYOUT: ['horizontal', 'vertical'],
-  LABEL_POS: ['left', 'top', 'inset'],
-  LABEL_ALIGN: ['left', 'right'],
-  EXTRA_POS: ['middle', 'bottom']
-};
-exports.strings = strings;
-const numbers = {};
-exports.numbers = numbers;

package/lib/cjs/form/form.css

@@ -1,250 +0,0 @@
-/* shadow */
-/* sizing */
-/* spacing */
-.semi-form .semi-form-field {
-  box-sizing: border-box;
-}
-.semi-form-horizontal {
-  display: flex;
-  flex-wrap: wrap;
-}
-.semi-form-horizontal .semi-form-field {
-  margin-left: 0;
-  padding-right: 16px;
-}
-.semi-form-horizontal .semi-form-field:last-child {
-  margin-right: 16px;
-}
-.semi-form-horizontal .semi-form-field-group {
-  padding-right: 16px;
-}
-.semi-form-horizontal .semi-row {
-  display: block;
-}
-.semi-form-vertical .semi-form-field {
-  margin: 0;
-  padding-top: 12px;
-  padding-bottom: 12px;
-  overflow: hidden;
-}
-.semi-form-vertical .semi-form-field .semi-form-col-right {
-  display: flex;
-  justify-content: flex-end;
-}
-.semi-form-vertical .semi-form-field .semi-form-col-left {
-  display: flex;
-  justify-content: flex-start;
-}
-.semi-form-field-label {
-  box-sizing: border-box;
-  padding-right: 16px;
-  font-weight: 600;
-  color: var(--semi-color-text-0);
-  margin-bottom: 4px;
-  display: inline-block;
-  vertical-align: middle;
-  font-size: 14px;
-  line-height: 20px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
-  flex-shrink: 0;
-  user-select: none;
-}
-.semi-form-field-label-disabled {
-  color: var(--semi-color-disabled-text);
-}
-.semi-form-field-label-with-extra .semi-form-field-label-text,
-.semi-form-field-label-with-extra .semi-form-field-label-extra {
-  display: inline-block;
-}
-.semi-form-field-label-with-extra .semi-form-field-label-extra {
-  margin-left: 4px;
-}
-.semi-form-field-label-required .semi-form-field-label-text::after {
-  content: "*";
-  margin-left: 4px;
-  color: var(--semi-color-danger);
-  font-weight: 600;
-}
-.semi-form-field-label-required-disabled {
-  color: var(--semi-color-danger);
-}
-.semi-form-field-label-left {
-  text-align: left;
-}
-.semi-form-field-label-right {
-  text-align: right;
-}
-.semi-form-field-error-message, .semi-form-field-help-text {
-  font-size: 14px;
-  line-height: 20px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
-  display: flex;
-  align-items: center;
-  margin-top: 4px;
-}
-.semi-form-field-error-message .semi-icon-alert_triangle, .semi-form-field-help-text .semi-icon-alert_triangle {
-  color: var(--semi-color-warning);
-}
-.semi-form-field-error-message {
-  color: var(--semi-color-danger);
-}
-
-.semi-form-field[x-label-pos=top] .semi-form-field-label {
-  display: block;
-}
-.semi-form-field[x-label-pos=top] .semi-checkboxGroup,
-.semi-form-field[x-label-pos=top] .semi-radioGroup {
-  padding-top: 4px;
-  padding-bottom: 4px;
-}
-.semi-form-field[x-label-pos=left] {
-  display: flex;
-}
-.semi-form-field[x-label-pos=left] .semi-form-field-label {
-  margin-bottom: 0;
-  margin-right: 0;
-  padding-top: 6px;
-  padding-bottom: 6px;
-}
-.semi-form-field[x-label-pos=left] .semi-checkboxGroup,
-.semi-form-field[x-label-pos=left] .semi-radioGroup {
-  padding-top: 6px;
-  padding-bottom: 6px;
-}
-.semi-form-field[x-label-pos=left] .semi-switch,
-.semi-form-field[x-label-pos=left] .semi-rating {
-  vertical-align: middle;
-  margin-top: 4px;
-  margin-bottom: 4px;
-}
-.semi-form-field[x-extra-pos=middle] .semi-form-field-extra {
-  margin-top: 4px;
-  margin-bottom: 4px;
-}
-.semi-form-field[x-extra-pos=bottom] .semi-form-field-extra {
-  margin-top: 4px;
-}
-.semi-form-field-main {
-  width: 100%;
-}
-.semi-form-field-validate-status-icon {
-  margin-right: 4px;
-  flex-shrink: 0;
-  align-self: flex-start;
-  position: relative;
-  top: 2px;
-}
-.semi-form-field-extra {
-  color: var(--semi-color-tertiary);
-}
-.semi-form-field-extra-string {
-  color: var(--semi-color-tertiary);
-  font-size: 14px;
-  line-height: 20px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
-}
-
-.semi-form-vertical .semi-form-field-group {
-  margin-top: 0;
-  margin-bottom: 0;
-  padding-top: 12px;
-  padding-bottom: 12px;
-}
-.semi-form-vertical .semi-form-field-group .semi-form-field {
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-.semi-form-field-group[x-label-pos=left] {
-  display: flex;
-}
-.semi-form-field-group[x-label-pos=left] .semi-form-field-label {
-  margin-bottom: 0;
-  margin-right: 0;
-  padding-top: 6px;
-  padding-bottom: 6px;
-}
-
-.semi-form-section {
-  width: 100%;
-  margin-top: 28px;
-}
-.semi-form-section-text {
-  margin-block-start: 0;
-  margin-block-end: 0;
-  font-size: 18px;
-  line-height: 24px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
-  font-weight: 600;
-  width: 100%;
-  padding-bottom: 8px;
-  border-bottom: 1px solid var(--semi-color-border);
-  margin-bottom: 4px;
-  color: var(--semi-color-text-0);
-}
-.semi-form-section:nth-of-type(1) {
-  margin-top: 0;
-}
-
-.semi-rtl .semi-form,
-.semi-portal-rtl .semi-form {
-  direction: rtl;
-}
-.semi-rtl .semi-form-horizontal .semi-form-field,
-.semi-portal-rtl .semi-form-horizontal .semi-form-field {
-  margin-left: 0;
-  margin-right: 0;
-  padding-right: 0;
-  padding-left: 16px;
-}
-.semi-rtl .semi-form-horizontal .semi-form-field:last-child,
-.semi-portal-rtl .semi-form-horizontal .semi-form-field:last-child {
-  margin-left: 16px;
-}
-.semi-rtl .semi-form-horizontal .semi-form-field-group,
-.semi-portal-rtl .semi-form-horizontal .semi-form-field-group {
-  padding-right: 0;
-  padding-left: 16px;
-}
-.semi-rtl .semi-form-field-label,
-.semi-portal-rtl .semi-form-field-label {
-  padding-right: 0;
-  padding-left: 16px;
-}
-.semi-rtl .semi-form-field-label-with-extra .semi-form-field-label-extra,
-.semi-portal-rtl .semi-form-field-label-with-extra .semi-form-field-label-extra {
-  margin-left: 0;
-  margin-right: 4px;
-}
-.semi-rtl .semi-form-field-label-required .semi-form-field-label-text::after,
-.semi-portal-rtl .semi-form-field-label-required .semi-form-field-label-text::after {
-  content: "*";
-  margin-left: 0;
-  margin-right: 4px;
-}
-.semi-rtl .semi-form-field-label-left,
-.semi-portal-rtl .semi-form-field-label-left {
-  text-align: right;
-}
-.semi-rtl .semi-form-field-label-right,
-.semi-portal-rtl .semi-form-field-label-right {
-  text-align: left;
-}
-.semi-rtl .semi-form-field,
-.semi-portal-rtl .semi-form-field {
-  direction: rtl;
-}
-.semi-rtl .semi-form-field[x-label-pos=left] .semi-form-field-label,
-.semi-portal-rtl .semi-form-field[x-label-pos=left] .semi-form-field-label {
-  margin-right: 0;
-  margin-left: 0;
-}
-.semi-rtl .semi-form-field-validate-status-icon,
-.semi-portal-rtl .semi-form-field-validate-status-icon {
-  margin-right: 0;
-  margin-left: 4px;
-}
-.semi-rtl .semi-form-section,
-.semi-portal-rtl .semi-form-section {
-  direction: rtl;
-}

package/lib/cjs/form/form.scss

@@ -1,273 +0,0 @@
-//@import '../theme/variables.scss';
-@import "./variables.scss";
-
-$form: #{$prefix}-form;
-$field: #{$prefix}-form-field;
-$group: #{$prefix}-form-field-group;
-$col: #{$form}-col;
-
-$checkboxGroup: #{$prefix}-checkboxGroup;
-$radioGroup: #{$prefix}-radioGroup;
-$switch: #{$prefix}-switch;
-$rating: #{$prefix}-rating;
-
-.#{$form} {
-    .#{$field} {
-        box-sizing: border-box;
-    }
-
-    &-horizontal {
-        display: flex;
-        flex-wrap: wrap;
-
-        .#{$field} {
-            margin-left: 0;
-            padding-right: $spacing-form_field_horizontal-paddingRight;
-
-            &:last-child {
-                margin-right: $spacing-form_field_horizontal-paddingRight;
-            }
-        }
-
-        .#{$group} {
-            padding-right: $spacing-form_field_group_horizontal-paddingRight;
-        }
-
-        .#{$prefix}-row {
-            display: block;
-        }
-    }
-
-    &-vertical {
-        .#{$field} {
-            margin: 0;
-            padding-top: $spacing-form_field_vertical-paddingTop;
-            padding-bottom: $spacing-form_field_vertical-paddingBottom;
-            overflow: hidden;
-
-            &[x-label-pos="top"] {
-                // .#{$col}-right,
-                // .#{$col}-left {
-                //     width: 100%;
-                // }
-            }
-            .#{$col} {
-
-                &-right {
-                    display: flex;
-                    justify-content: flex-end;
-                }
-
-                &-left {
-                    display: flex;
-                    justify-content: flex-start;
-                }
-            }
-        }
-        .#{$field}-pure {
-            // padding-top: 0;
-            // padding-bottom: 0;
-            // overflow: inherit;
-        }
-    }
-
-    &-field-label {
-        // padding-left: $spacing-base;
-        box-sizing: border-box;
-        padding-right: $spacing-form_label-paddingRight;
-        font-weight: $font-form_label-fontWeight;
-        color: $color-form_label-text-default;
-        margin-bottom: $spacing-form_label-marginBottom;
-        display: inline-block;
-        vertical-align: middle;
-        @include font-size-regular;
-        flex-shrink: 0;
-        user-select: none;
-
-        &-disabled {
-            color: $color-form_label_disabled-text-default;
-        }
-
-        &-with-extra {
-            .#{$field}-label-text,
-            .#{$field}-label-extra {
-                display: inline-block;
-            }
-            .#{$field}-label-extra {
-                margin-left: $spacing-form_label_extra-marginLeft;
-            }
-        }
-
-        &-required {
-            .#{$field}-label-text {
-
-                &::after {
-                    content: "*";
-                    margin-left: $spacing-form_label_required-marginLeft;
-                    color: $color-form_requiredMark-text-default;
-                    font-weight: $font-form_requiredMark-fontWeight;
-                }
-            }
-            // .#{$field}-label-extra {
-            // }
-
-            &-disabled {
-                color: $color-form_requiredMark_disabled-text-default;
-            }
-        }
-
-        &-left {
-            text-align: left;
-        }
-
-        &-right {
-            text-align: right;
-        }
-    }
-
-    &-field-error-message,
-    &-field-help-text {
-        @include font-size-regular;
-        display: flex;
-        align-items: center;
-        margin-top: $spacing-form_message-marginTop;
-        .#{$prefix}-icon-alert_triangle {
-            color: $color-form_alertIcon-icon-default;
-        }
-    }
-
-    &-field-error-message {
-        color: $color-form_message_error-text-default;
-    }
-}
-
-.#{$field} {
-
-    &[x-label-pos="top"] {
-        // display:
-        .#{$field}-label {
-            // make sure label height is correct
-            display: block;
-        }
-        .#{$checkboxGroup},
-        .#{$radioGroup} {
-            padding-top: $spacing-form_label_posTop-paddingTop;
-            padding-bottom: $spacing-form_label_posTop-paddingBottom;
-        }
-
-    }
-
-    &[x-label-pos="left"] {
-        display: flex;
-
-        .#{$field}-label {
-            margin-bottom: $spacing-form_label_posLeft-marginBottom;
-            margin-right: $spacing-form_label_posLeft-marginRight;
-            // 增加padding-top：6px以达到与组件的第一行文本水平对齐
-            padding-top: $spacing-form_label-paddingTop;
-            padding-bottom: $spacing-form_label-paddingTop;
-        }
-
-        .#{$checkboxGroup},
-        .#{$radioGroup} {
-            padding-top: $spacing-form_label-paddingTop;
-            padding-bottom: $spacing-form_label-paddingTop;
-        }
-        .#{$switch},
-        .#{$rating} {
-            vertical-align: middle;
-            margin-top: $spacing-form_label_small-paddingTop;
-            margin-bottom: $spacing-form_label_small-paddingTop;
-        }
-    }
-
-    &[x-extra-pos="middle"] {
-        .#{$field}-extra {
-            margin-top: $spacing-form_label_extra_posMid-marginTop;
-            margin-bottom: $spacing-form_label_extra_posMid-marginBottom;
-        }
-    }
-
-    &[x-extra-pos="bottom"] {
-        .#{$field}-extra {
-            margin-top: $spacing-form_label_extra_posBottom-marginTop;
-        }
-    }
-
-    &-main {
-        width: 100%;
-    }
-
-    &-validate-status-icon {
-        margin-right: $spacing-form_statusIcon-marginRight;
-        flex-shrink: 0;
-        align-self: flex-start;
-        position: relative;
-        top: 2px;
-    }
-
-    &-extra {
-        color: $color-form_label_extra-text-default;
-    }
-
-    &-extra-string {
-        color: $color-form_label_extra-text-default;
-        @include font-size-regular;
-    }
-}
-
-// group
-
-.#{$form}-vertical {
-    .#{$form}-field-group {
-        .#{$field} {
-            margin-top: 0;
-            margin-bottom: 0;
-        }
-        margin-top: 0;
-        margin-bottom: 0;
-        padding-top: $spacing-form_field_group_vertical-paddingTop;
-        padding-bottom: $spacing-form_field_group_vertical-paddingBottom;
-    }
-}
-
-.#{$form}-field-group {
-
-    &[x-label-pos="top"] {
-    }
-
-    &[x-label-pos="left"] {
-        display: flex;
-        .#{$field}-label {
-            margin-bottom: $spacing-form_label_posLeft-marginBottom;
-            margin-right: $spacing-form_label_posLeft-marginRight;
-            // add padding-top to align first line text in component
-            padding-top: $spacing-form_label-paddingTop;
-            padding-bottom: $spacing-form_label-paddingTop;
-        }
-    }
-}
-
-// section
-.#{$form}-section {
-    width: 100%;
-    margin-top: $spacing-form_section-marginTop;
-
-    &-text {
-        margin-block-start: 0;
-        margin-block-end: 0;
-        @include font-size-header-5;
-        font-weight: 600;
-        width: 100%;
-        padding-bottom: $spacing-form_section_text-paddingBottom;
-        border-bottom: $width-form_section-border solid $color-form_section-border-default;
-        margin-bottom: $spacing-form_section_text-marginBottom;
-        color: $color-form_section-text-default;
-    }
-
-    &:nth-of-type(1) {
-        margin-top: 0;
-    }
-}
-
-@import "./rtl.scss";