!13 feat: 给左侧组件导航增加已完成的标识

Merge pull request !13 from kagol/kagol/add-done

Author: kagol

.gitignore

@@ -3,3 +3,4 @@ node_modules
 dist
 dist-ssr
 *.local
+package-lock.json

README.md

@@ -69,7 +69,7 @@ npm run build
 - Jest 单元测试环境搭建
 - Radio
 - CheckBox
-- Toggle
+- Switch
 - TagsInput
 - TextInput
 

devui/accordion/accordion-list.tsx

@@ -2,7 +2,7 @@ import { defineComponent } from 'vue'
 import { AccordionMenuItem } from './accordion.type'
 
 export default defineComponent({
- name: 'd-accordion-list',
+ name: 'DAccordionList',
  inheritAttrs: false,
  props: {
  data: Array as () => Array<AccordionMenuItem>,
@@ -14,11 +14,9 @@ export default defineComponent({
  innerListTemplate: Boolean,
  },
  setup(props, ctx) {
- const { data, deepth, innerListTemplate } = props;
-
  return () => {
- return (!innerListTemplate || deepth === 0) && <ul class="devui-accordion-list" {...ctx.attrs}>
- { data.map(item => {
+ return (!props.innerListTemplate || props.deepth === 0) && <ul class="devui-accordion-list" {...ctx.attrs}>
+ { props.data.map(item => {
  return <li class="devui-accordion-item" key={item.title}>
  {
  // TODO 菜单类型 d-accordion-menu
@@ -39,6 +37,7 @@ export default defineComponent({
  <router-link to={component.link}>
  <div class="devui-accordion-splitter" style="left: 30px;"></div>
  { component.title }
+ { component.done && <span class="tag-done">已完成</span> }
  </router-link>
  </div>
  </li>

devui/accordion/accordion.scss

@@ -1,5 +1,6 @@
 @import '../style/mixins/index';
 @import '../style/theme/color';
+@import '../style/theme/font';
 @import '../style/theme/shadow';
 @import '../style/theme/corner';
 
@@ -246,8 +247,24 @@ d-accordion-item-routerlink {
 
 .devui-accordion-item > a {
  padding: 0 10px 0 20px;
- color: var(--devui-text-weak,#575d6c);
+ color: var(--devui-text-weak, #575d6c);
  display: block;
  text-decoration: none;
  width: 100%;
-}
+}
+
+.devui-accordion-item-title .tag-done {
+ display: inline-block;
+ height: 18px;
+ min-height: 20px;
+ padding: 0 10px;
+ margin-left: 8px;
+ line-height: 18px;
+ color: #fa9841;
+ border: solid 1px #fa9841;
+ background: $devui-base-bg;
+ font-size: $devui-font-size;
+ border-radius: $devui-border-radius;
+ text-indent: 0;
+ cursor: default;
+}

devui/avatar/avatar.scss

@@ -1,15 +1,15 @@
 @import '../style/theme/color';
 
 .devui-avatar-style {
-  display: inline-block;
-  text-align: center;
-  color: $devui-light-text;
+ display: inline-block;
+ text-align: center;
+ color: $devui-light-text;
 }
 
 .devui-avatar-background-0 {
-  background-color: #ff8b87;
+ background-color: #ff8b87;
 }
 
 .devui-avatar-background-1 {
-  background-color: #7693f5;
-}
+ background-color: #7693f5;
+}

devui/avatar/demo/avatar-demo.scss

@@ -1,3 +1,3 @@
 .devui-avatar {
-  margin: 8px;
-}
+ margin: 8px;
+}

devui/button/button.scss

@@ -387,4 +387,4 @@ $devui-btn-pseudo-config: (
 
 .clear-right-5 {
  margin-right: 5px;
-}
+}