Ben Lin
2024-10-30 28a53fe81cdb551d2bf2023167487a3060e0f180
src/components/Drawer/src/components/DrawerHeader.vue
@@ -17,34 +17,27 @@
    </span>
  </div>
</template>
<script lang="ts">
  import { defineComponent } from 'vue';
  import { BasicTitle } from '/@/components/Basic';
<script lang="ts" setup>
  import { BasicTitle } from '@/components/Basic';
  import { ArrowLeftOutlined } from '@ant-design/icons-vue';
  import { useDesign } from '@/hooks/web/useDesign';
  import { propTypes } from '@/utils/propTypes';
  import { useDesign } from '/@/hooks/web/useDesign';
  defineOptions({ name: 'BasicDrawerHeader' });
  import { propTypes } from '/@/utils/propTypes';
  export default defineComponent({
    name: 'BasicDrawerHeader',
    components: { BasicTitle, ArrowLeftOutlined },
    props: {
      isDetail: propTypes.bool,
      showDetailBack: propTypes.bool,
      title: propTypes.string,
    },
    emits: ['close'],
    setup(_, { emit }) {
      const { prefixCls } = useDesign('basic-drawer-header');
      function handleClose() {
        emit('close');
      }
      return { prefixCls, handleClose };
    },
  defineProps({
    isDetail: propTypes.bool,
    showDetailBack: propTypes.bool,
    title: propTypes.string,
  });
  const emit = defineEmits(['close']);
  const { prefixCls } = useDesign('basic-drawer-header');
  function handleClose() {
    emit('close');
  }
</script>
<style lang="less">