Browse Source

👣 制定开发规则

master
wangxiang 3 years ago
parent
commit
183701df76
  1. 5
      kicc-ui/.eslintrc.js
  2. 2
      kicc-ui/src/components/ClickOutSide/src/ClickOutSide.vue
  3. 6
      kicc-ui/src/components/Container/src/LazyContainer.vue
  4. 14
      kicc-ui/src/components/Container/src/collapse/CollapseContainer.vue
  5. 10
      kicc-ui/src/components/Container/src/collapse/CollapseHeader.vue

5
kicc-ui/.eslintrc.js

@ -92,5 +92,10 @@ module.exports = defineConfig({ @@ -92,5 +92,10 @@ module.exports = defineConfig({
'allowFirstLine': true
}
}],
'vue/html-closing-bracket-spacing': ['error', {
'startTag': 'never',
'endTag': 'never',
'selfClosingTag': 'never'
}],
}
});

2
kicc-ui/src/components/ClickOutSide/src/ClickOutSide.vue

@ -1,6 +1,6 @@ @@ -1,6 +1,6 @@
<template>
<div ref="wrap">
<slot></slot>
<slot/>
</div>
</template>
<script lang="ts">

6
kicc-ui/src/components/Container/src/LazyContainer.vue

@ -8,11 +8,11 @@ @@ -8,11 +8,11 @@
mode="out-in"
>
<div key="component" v-if="isInit">
<slot :loading="loading"></slot>
<slot :loading="loading"/>
</div>
<div key="skeleton" v-else>
<slot name="skeleton" v-if="$slots.skeleton"></slot>
<Skeleton v-else />
<slot name="skeleton" v-if="$slots.skeleton"/>
<Skeleton v-else/>
</div>
</transition-group>
</template>

14
kicc-ui/src/components/Container/src/collapse/CollapseContainer.vue

@ -1,11 +1,15 @@ @@ -1,11 +1,15 @@
<template>
<div :class="prefixCls">
<CollapseHeader v-bind="$props" :prefixCls="prefixCls" :show="show" @expand="handleExpand">
<CollapseHeader v-bind="$props"
:prefixCls="prefixCls"
:show="show"
@expand="handleExpand"
>
<template #title>
<slot name="title"></slot>
<slot name="title"/>
</template>
<template #action>
<slot name="action"></slot>
<slot name="action"/>
</template>
</CollapseHeader>
@ -13,12 +17,12 @@ @@ -13,12 +17,12 @@
<CollapseTransition :enable="canExpan">
<Skeleton v-if="loading" :active="loading" />
<div :class="`${prefixCls}__body`" v-else v-show="show">
<slot></slot>
<slot/>
</div>
</CollapseTransition>
</div>
<div :class="`${prefixCls}__footer`" v-if="$slots.footer">
<slot name="footer"></slot>
<slot name="footer"/>
</div>
</div>
</template>

10
kicc-ui/src/components/Container/src/collapse/CollapseHeader.vue

@ -5,12 +5,16 @@ @@ -5,12 +5,16 @@
{{ title }}
</template>
<template v-else>
<slot name="title"></slot>
<slot name="title"/>
</template>
</BasicTitle>
<div :class="`${prefixCls}__action`">
<slot name="action"></slot>
<BasicArrow v-if="canExpan" up :expand="show" @click="$emit('expand')" />
<slot name="action"/>
<BasicArrow v-if="canExpan"
up
:expand="show"
@click="$emit('expand')"
/>
</div>
</div>
</template>

Loading…
Cancel
Save