style(checker): 更改选项框无文本的边距大小

79E · Jan 3, 2023 · 16a8950 · 16a8950
1 parent 6e22ca2
commit 16a8950
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 4 deletions.
diff --git a/src/components/checkbox/README.md b/src/components/checkbox/README.md
@@ -94,7 +94,6 @@ import { Checkbox } from 'aunt';
 
 | 属性名 | 说明 | 默认值 |
 | ---------------------------------------- | ---------------------- | -------------------------------- |
-| --aunt-checker-margin | 外边距 | `0 0 var(--aunt-padding-xs) 0;` |
 | --aunt-checker-size | 大小 | `var(--aunt-font-size-xxl);` |
 | --aunt-checker-border-width | 边框大小 | `var(--aunt-border-width-base);` |
 | --aunt-checker-border-style | 边框类型 | `solid;` |

diff --git a/src/components/checkbox/checker.tsx b/src/components/checkbox/checker.tsx
@@ -63,6 +63,7 @@ const Checker: FunctionComponent<CheckerProps<{}>> = props => {
  );
  };
  const renderChildren = () => {
+ if (!props.children) return null;
  return <div className={joinTrim([ns.e('label')])}>{props.children}</div>;
  };
 

diff --git a/src/components/checkbox/styles/index.less b/src/components/checkbox/styles/index.less
@@ -1,7 +1,6 @@
 @class-prefix: ~'aunt';
 
 :root{
- --aunt-checker-margin: 0 0 var(--aunt-padding-xs) 0;
  --aunt-checker-size: var(--aunt-font-size-xxl);
  --aunt-checker-border-width: var(--aunt-border-width-base);
  --aunt-checker-border-style: solid;
@@ -10,14 +9,13 @@
  --aunt-checker-active-color: var(--aunt-brand-color);
  --aunt-checker-label-color: var(--aunt-text-color);
  --aunt-checker-label-font-size: var(--aunt-font-size-lg);
- --aunt-checker-label-margin: 0 var(--aunt-padding-xs);
+ --aunt-checker-label-margin: 0 0 0 var(--aunt-padding-xs);
  --aunt-checker-disabled-color: var(--aunt-gray-4);
  --aunt-checker-disabled-background-color: var(--aunt-gray-3);
 }
 
 .@{class-prefix}-checker {
  display: flex;
- margin: var(--aunt-checker-margin);
  cursor: pointer;
  user-select: none;
  align-items: center;
@@ -74,6 +72,7 @@
  }
  &--horizontal{
  flex-direction: row;
+ justify-content: space-between;
  }
  }
 }