fix: 统一文档风格

Author: chenxi24

devui/editable-select/src/components/option/index.tsx

@@ -1,12 +1,6 @@
-import {
- defineComponent,
- renderSlot,
- computed,
- getCurrentInstance,
- inject,
-} from 'vue';
-import { className } from '../../utils/index';
-import { selectKey } from '../../editable-select-types';
+import { defineComponent, renderSlot, getCurrentInstance, inject } from 'vue'
+import { className } from '../../utils/index'
+import { selectKey } from '../../editable-select-types'
 export default defineComponent({
  name: 'DEditableSelectOption',
  props: {
@@ -21,27 +15,22 @@ export default defineComponent({
  setup(props, ctx) {
  const optionsClassName = className('devui-dropdown-item', {
  disabled: props.disabled,
- });
- const currentLabel = computed(() => {
- return props.label;
- });
- const instance = getCurrentInstance();
+ })
+ const instance = getCurrentInstance()
 
- const select = inject(selectKey);
+ const select = inject(selectKey)
 
  const selectOptionClick = () => {
  if (!props.disabled) {
- select.handleOptionSelect(instance);
+ select.handleOptionSelect(instance)
  }
- };
+ }
  return () => {
  return (
  <li class={optionsClassName} onClick={selectOptionClick}>
- {currentLabel.value
- ? currentLabel.value
- : renderSlot(ctx.slots, 'default')}
+ {props.label ? props.label : renderSlot(ctx.slots, 'default')}
  </li>
- );
- };
+ )
+ }
  },
-});
+})

devui/editable-select/src/editable-select-types.ts

@@ -26,7 +26,6 @@ export const editableSelectProps = {
  },
  'onUpdate:modelValue': {
  type: Function as PropType<(val: ModelValue) => void>,
- default: undefined,
  },
 } as const
 

devui/editable-select/src/editable-select.tsx

@@ -1,41 +1,41 @@
-import './editable-select.scss';
+import './editable-select.scss'
 import {
  defineComponent,
  reactive,
  toRefs,
  renderSlot,
  provide,
  SetupContext,
-} from 'vue';
+} from 'vue'
 import {
  editableSelectProps,
  EditableSelectProps,
  selectKey,
-} from './editable-select-types';
-import { Icon } from '../../icon';
-import { FlexibleOverlay } from '../../overlay';
-import { useSelectStates, useSelect } from './hooks/use-select';
-import { className } from './utils/index';
+} from './editable-select-types'
+import { Icon } from '../../icon'
+import { FlexibleOverlay } from '../../overlay'
+import { useSelectStates, useSelect } from './hooks/use-select'
+import { className } from './utils/index'
 export default defineComponent({
  name: 'DEditableSelect',
  props: editableSelectProps,
  emits: ['update:modelValue'],
 
  setup(props: EditableSelectProps, ctx: SetupContext) {
- const states = useSelectStates();
- const { origin, visible } = toRefs(states);
+ const states = useSelectStates()
+ const { origin, visible } = toRefs(states)
 
  const inputCls = className('devui-form-control devui-dropdown-origin', {
  disabled: props.disabled,
- });
- const { toggleMenu, handleOptionSelect } = useSelect(props, ctx, states);
+ })
+ const { toggleMenu, handleOptionSelect } = useSelect(props, ctx, states)
 
  provide(
  selectKey,
  reactive({
  handleOptionSelect,
  })
- );
+ )
 
  return () => {
  return (
@@ -75,7 +75,7 @@ export default defineComponent({
  </div>
  </FlexibleOverlay>
  </>
- );
- };
+ )
+ }
  },
-});
+})

devui/editable-select/src/utils/index.ts

@@ -8,11 +8,11 @@ export function className(
  classStr: string,
  classOpt?: { [key: string]: boolean; }
 ): string {
- let classname = classStr;
+ let classname = classStr
  if (typeof classOpt === 'object') {
  Object.keys(classOpt).forEach((key) => {
  classOpt[key] && (classname += ` ${key}`);
  });
  }
- return classname;
+ return classname
 }

docs/components/editable-select/index.md

@@ -33,5 +33,6 @@ export default defineComponent({
  },
 });
 </script>
+
 ```
 :::