From ab21840bf9199a82e1e9a1c73416bf84b8bc0aef Mon Sep 17 00:00:00 2001
From: ZRMYDYCG <547471919@qq.com>
Date: Fri, 14 Feb 2025 23:36:43 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E6=8C=89=E9=92=AE=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E6=A0=B7=E5=BC=8F=E5=B9=B6=E7=A7=BB=E9=99=A4=E9=87=8D?=
 =?UTF-8?q?=E7=BD=AE=E6=A0=B7=E5=BC=8F=E5=92=8C=E4=B8=BB=E9=A2=98=E5=8F=98?=
 =?UTF-8?q?=E9=87=8F=E6=96=87=E4=BB=B6=E5=86=85=E5=AE=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/components/Button/style.scss | 207 --------------------------
 packages/play/src/App.vue             |  24 +--
 packages/theme/reset.scss             |  89 -----------
 packages/theme/variable.scss          |  74 ---------
 4 files changed, 13 insertions(+), 381 deletions(-)

diff --git a/packages/components/Button/style.scss b/packages/components/Button/style.scss
index 953744b..e69de29 100644
--- a/packages/components/Button/style.scss
+++ b/packages/components/Button/style.scss
@@ -1,207 +0,0 @@
-.bre-button-group {
-  --bre-button-group-border-color: var(--bre-border-color-lighter);
-}
-
-.bre-button {
-  --bre-button-font-weight: var(--bre-font-weight-primary);
-  --bre-button-border-color: var(--bre-border-color);
-  --bre-button-bg-color: var(--bre-fill-color-blank);
-  --bre-button-text-color: var(--bre-text-color-regular);
-  --bre-button-disabled-text-color: var(--bre-disabled-text-color);
-  --bre-button-disabled-bg-color: var(--bre-fill-color-blank);
-  --bre-button-disabled-border-color: var(--bre-border-color-light);
-  --bre-button-hover-text-color: var(--bre-color-primary);
-  --bre-button-hover-bg-color: var(--bre-color-primary-light-9);
-  --bre-button-hover-border-color: var(--bre-color-primary-light-7);
-  --bre-button-active-text-color: var(--bre-button-hover-text-color);
-  --bre-button-active-border-color: var(--bre-color-primary);
-  --bre-button-active-bg-color: var(--bre-button-hover-bg-color);
-  --bre-button-outline-color: var(--bre-color-primary-light-5);
-  --bre-button-active-color: var(--bre-text-color-primary);
-}
-
-.bre-button {
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  line-height: 1;
-  height: 32px;
-  white-space: nowrap;
-  cursor: pointer;
-  color: var(--bre-button-text-color);
-  text-align: center;
-  box-sizing: border-box;
-  outline: none;
-  transition: 0.1s;
-  font-weight: var(--bre-button-font-weight);
-  user-select: none;
-  vertical-align: middle;
-  -webkit-appearance: none;
-  background-color: var(--bre-button-bg-color);
-  border: var(--bre-border);
-  border-color: var(--bre-button-border-color);
-  padding: 8px 15px;
-  font-size: var(--bre-font-size-base);
-  border-radius: var(--bre-border-radius-base);
-}
-
-.bre-button + .bre-button {
-  margin-left: 12px;
-}
-
-.bre-button:hover,
-.bre-button:focus {
-  color: var(--bre-button-hover-text-color);
-  border-color: var(--bre-button-hover-border-color);
-  background-color: var(--bre-button-hover-bg-color);
-  outline: none;
-}
-
-.bre-button:active {
-  color: var(--bre-button-active-text-color);
-  border-color: var(--bre-button-active-border-color);
-  background-color: var(--bre-button-active-bg-color);
-  outline: none;
-}
-
-/*plain*/
-.bre-button.is-plain {
-  --bre-button-hover-text-color: var(--bre-color-primary);
-  --bre-button-hover-bg-color: var(--bre-fill-color-blank);
-  --bre-button-hover-border-color: var(--bre-color-primary);
-}
-
-/*round*/
-.bre-button.is-round {
-  border-radius: var(--bre-border-radius-round);
-}
-
-/*circle*/
-.bre-button.is-circle {
-  border-radius: 50%;
-  padding: 8px;
-}
-
-/*disabled*/
-.bre-button.is-loading,
-.bre-button.is-disabled,
-.bre-button.is-disabled:hover,
-.bre-button.is-disabled:focus,
-.bre-button[disabled],
-.bre-button[disabled]:hover,
-.bre-button[disabled]:focus {
-  color: var(--bre-button-disabled-text-color);
-  cursor: not-allowed;
-  background-image: none;
-  background-color: var(--bre-button-disabled-bg-color);
-  border-color: var(--bre-button-disabled-border-color);
-}
-
-.bre-button [class*='bre-icon'] {
-  width: 1em;
-  height: 1em;
-}
-
-@each $val in primary, success, warning, info, danger {
-  .bre-button--#{$val} {
-    --bre-button-text-color: var(--bre-color-white);
-    --bre-button-bg-color: var(--bre-color-#{$val});
-    --bre-button-border-color: var(--bre-color-#{$val});
-    --bre-button-outline-color: var(--bre-color-#{$val}-light-5);
-    --bre-button-active-color: var(--bre-color-#{$val}-dark-2);
-    --bre-button-hover-text-color: var(--bre-color-white);
-    --bre-button-hover-bg-color: var(--bre-color-#{$val}-light-3);
-    --bre-button-hover-border-color: var(--bre-color-#{$val}-light-3);
-    --bre-button-active-bg-color: var(--bre-color-#{$val}-dark-2);
-    --bre-button-active-border-color: var(--bre-color-#{$val}-dark-2);
-    --bre-button-disabled-text-color: var(--bre-color-white);
-    --bre-button-disabled-bg-color: var(--bre-color-#{$val}-light-5);
-    --bre-button-disabled-border-color: var(--bre-color-#{$val}-light-5);
-  }
-
-  .bre-button--#{$val}.is-plain {
-    --bre-button-text-color: var(--bre-color-#{$val});
-    --bre-button-bg-color: var(--bre-color-#{$val}-light-9);
-    --bre-button-border-color: var(--bre-color-#{$val}-light-5);
-    --bre-button-hover-text-color: var(--bre-color-white);
-    --bre-button-hover-bg-color: var(--bre-color-#{$val});
-    --bre-button-hover-border-color: var(--bre-color-#{$val});
-    --bre-button-active-text-color: var(--bre-color-white);
-    --bre-button-disabled-text-color: var(--bre-color-#{$val}-light-5);
-    --bre-button-disabled-bg-color: var(--bre-color-#{$val}-light-9);
-    --bre-button-disabled-border-color: var(--bre-color-#{$val}-light-8);
-  }
-}
-
-.bre-button--large {
-  --bre-button-size: 40px;
-  height: var(--bre-button-size);
-  padding: 12px 19px;
-  font-size: var(--bre-font-size-base);
-  border-radius: var(--bre-border-radius-base);
-  /*circle*/
-  &.is-circle {
-    border-radius: 50%;
-    padding: 12px;
-  }
-}
-
-.bre-button--small {
-  --bre-button-size: 24px;
-  height: var(--bre-button-size);
-  padding: 5px 11px;
-  font-size: 12px;
-  border-radius: calc(var(--bre-border-radius-base) - 1px);
-  /*circle*/
-  &.is-circle {
-    border-radius: 50%;
-    padding: 5px;
-  }
-  [class*='bre-icon'] {
-    width: 12px;
-    height: 12px;
-  }
-}
-
-.bre-button-group {
-  display: inline-block;
-  vertical-align: middle;
-  &::after {
-    clear: both;
-  }
-  & > :deep(.bre-button) {
-    float: left;
-    position: relative;
-    margin-left: 0;
-    &:first-child {
-      border-top-right-radius: 0;
-      border-bottom-right-radius: 0;
-      border-right-color: var(--bre-button-group-border-color);
-    }
-    &:last-child {
-      border-top-left-radius: 0;
-      border-bottom-left-radius: 0;
-      border-left-color: var(--bre-button-group-border-color);
-    }
-    &:not(:first-child):not(:last-child) {
-      border-radius: 0;
-      border-left-color: var(--bre-button-group-border-color);
-      border-right-color: var(--bre-button-group-border-color);
-    }
-    &:not(:last-child) {
-      margin-right: -1px;
-    }
-    &:first-child:last-child {
-      border-top-right-radius: var(--bre-border-radius-base);
-      border-bottom-right-radius: var(--bre-border-radius-base);
-      border-top-left-radius: var(--bre-border-radius-base);
-      border-bottom-left-radius: var(--bre-border-radius-base);
-      &.is-round {
-        border-radius: var(--bre-border-radius-round);
-      }
-      &.is-circle {
-        border-radius: 50%;
-      }
-    }
-  }
-}
\ No newline at end of file
diff --git a/packages/play/src/App.vue b/packages/play/src/App.vue
index d4b848f..ef032f0 100644
--- a/packages/play/src/App.vue
+++ b/packages/play/src/App.vue
@@ -2,17 +2,19 @@
 </script>
 
 <template>
-  <bre-button icon="plus" type="default" size="large">按钮</bre-button>
-  <bre-button icon="plus" type="success" size="small" plain>按钮</bre-button>
-  <bre-collapse>
-    <bre-collapse-item title="标题1">内容1</bre-collapse-item>
-    <bre-collapse-item title="标题2">内容2</bre-collapse-item>
-  </bre-collapse>
-  <div style="max-width: 600px">
-    <bre-alert type="success">Success alert</bre-alert>
-    <bre-alert type="info">Info alert</bre-alert>
-    <bre-alert type="warning">Warning alert</bre-alert>
-    <bre-alert type="danger">Error alert</bre-alert>
+  <div>
+    <h1>按钮组件</h1>
+    <bre-button size="large">按钮</bre-button>
+    <bre-button size="medium">按钮</bre-button>
+    <bre-button size="small">按钮</bre-button>
+
+    <bre-button type="primary" size="large">按钮</bre-button>
+    <bre-button type="primary" size="medium">按钮</bre-button>
+    <bre-button type="primary" size="small">按钮</bre-button>
+
+    <bre-button type="success" size="large">按钮</bre-button>
+    <bre-button type="success" size="large">按钮</bre-button>
+    <bre-button type="success" size="large">按钮</bre-button>
   </div>
 </template>
 
diff --git a/packages/theme/reset.scss b/packages/theme/reset.scss
index 9b82f59..e69de29 100644
--- a/packages/theme/reset.scss
+++ b/packages/theme/reset.scss
@@ -1,89 +0,0 @@
-body {
-  font-family: var(--bre-font-family);
-  font-weight: 400;
-  font-size: var(--bre-font-size-base);
-  line-height: calc(var(--bre-font-size-base) * 1.2);
-  color: var(--bre-text-color-primary);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-tap-highlight-color: transparent;
-}
-
-a {
-  color: var(--bre-color-primary);
-  text-decoration: none;
-
-  &:hover,
-  &:focus {
-    color: var(--bre-color-primary-light-3);
-  }
-
-  &:active {
-    color: var(--bre-color-primary-dark-2);
-  }
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  color: var(--bre-text-color-regular);
-  font-weight: inherit;
-
-  &:first-child {
-    margin-top: 0;
-  }
-
-  &:last-child {
-    margin-bottom: 0;
-  }
-}
-
-h1 {
-  font-size: calc(var(--bre-font-size-base) + 6px);
-}
-
-h2 {
-  font-size: calc(var(--bre-font-size-base) + 4px);
-}
-
-h3 {
-  font-size: calc(var(--bre-font-size-base) + 2px);
-}
-
-h4,
-h5,
-h6,
-p {
-  font-size: inherit;
-}
-
-p {
-  line-height: 1.8;
-
-  &:first-child {
-    margin-top: 0;
-  }
-
-  &:last-child {
-    margin-bottom: 0;
-  }
-}
-
-sup,
-sub {
-  font-size: calc(var(--bre-font-size-base) - 1px);
-}
-
-small {
-  font-size: calc(var(--bre-font-size-base) - 2px);
-}
-
-hr {
-  margin-top: 20px;
-  margin-bottom: 20px;
-  border: 0;
-  border-top: 1px solid var(--bre-border-color-lighter);
-}
diff --git a/packages/theme/variable.scss b/packages/theme/variable.scss
index 1b8d6f1..e69de29 100644
--- a/packages/theme/variable.scss
+++ b/packages/theme/variable.scss
@@ -1,74 +0,0 @@
-:root {
-  /* colors */
-  --bre-color-white: #ffffff;
-  --bre-color-black: #000000;
-  $colors: (
-    primary: #409eff,
-    success: #67c23a,
-    warning: #e6a23c,
-    danger: #f56c6c,
-    info: #909399
-  );
-  --bre-bg-color: #ffffff;
-  --bre-bg-color-page: #f2f3f5;
-  --bre-bg-color-overlay: #ffffff;
-  --bre-text-color-primary: #303133;
-  --bre-text-color-regular: #606266;
-  --bre-text-color-secondary: #909399;
-  --bre-text-color-placeholder: #a8abb2;
-  --bre-text-color-disabled: #c0c4cc;
-  --bre-border-color: #dcdfe6;
-  --bre-border-color-light: #e4e7ed;
-  --bre-border-color-lighter: #ebeef5;
-  --bre-border-color-extra-light: #f2f6fc;
-  --bre-border-color-dark: #d4d7de;
-  --bre-border-color-darker: #cdd0d6;
-  --bre-fill-color: #f0f2f5;
-  --bre-fill-color-light: #f5f7fa;
-  --bre-fill-color-lighter: #fafafa;
-  --bre-fill-color-extra-light: #fafcff;
-  --bre-fill-color-dark: #ebedf0;
-  --bre-fill-color-darker: #e6e8eb;
-  --bre-fill-color-blank: #ffffff;
-
-  @each $val, $color in $colors {
-    --bre-color-#{$val}: #{$color};
-    @for $i from 3 to 9 {
-      --bre-color-#{$val}-light-#{$i}: mix(#fff, #{$color}, #{$i * 0.1});
-    }
-    --bre-color-#{$val}-dark-2: mix(#000, #{$color}, 0.2);
-  }
-
-  /* border */
-  --bre-border-width: 1px;
-  --bre-border-style: solid;
-  --bre-border-color-hover: var(--bre-text-color-disabled);
-  --bre-border: var(--bre-border-width) var(--bre-border-style) var(--bre-border-color);
-  --bre-border-radius-base: 4px;
-  --bre-border-radius-small: 2px;
-  --bre-border-radius-round: 20px;
-  --bre-border-radius-circle: 100%;
-
-  /*font*/
-  --bre-font-size-extra-large: 20px;
-  --bre-font-size-large: 18px;
-  --bre-font-size-medium: 16px;
-  --bre-font-size-base: 14px;
-  --bre-font-size-small: 13px;
-  --bre-font-size-extra-small: 12px;
-  --bre-font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
-  'Microsoft YaHei', '\5fae\8f6f\96c5\9ed1', Arial, sans-serif;
-  --bre-font-weight-primary: 500;
-
-  /*disabled*/
-  --bre-disabled-bg-color: var(--bre-fill-color-light);
-  --bre-disabled-text-color: var(--bre-text-color-placeholder);
-  --bre-disabled-border-color: var(--bre-border-color-light);
-
-  /*animation*/
-  --bre-transition-duration: 0.4s;
-  --bre-transition-duration-fast: 0.2s;
-}
-
-body.dark {}
-