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({
'allowFirstLine': true '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 @@
<template> <template>
<div ref="wrap"> <div ref="wrap">
<slot></slot> <slot/>
</div> </div>
</template> </template>
<script lang="ts"> <script lang="ts">

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

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

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

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

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

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

Loading…
Cancel
Save