fix: suppoer build sourcemap

This commit is contained in:
vben
2021-02-06 22:54:52 +08:00
parent 91e004e211
commit 3ba8285586
13 changed files with 105 additions and 77 deletions

View File

@@ -1,19 +1,19 @@
<template>
<div :class="`${prefixCls}`">
<span :class="`${prefixCls}__item`">
<g-icon icon="ant-design:enter-outlined" />
<Icon icon="ant-design:enter-outlined" />
</span>
<span>{{ t('component.app.toSearch') }}</span>
<span :class="`${prefixCls}__item`">
<g-icon icon="bi:arrow-up" />
<Icon icon="bi:arrow-up" />
</span>
<span :class="`${prefixCls}__item`">
<g-icon icon="bi:arrow-down" />
<Icon icon="bi:arrow-down" />
</span>
<span>{{ t('component.app.toNavigate') }}</span>
<span :class="`${prefixCls}__item`">
<g-icon icon="mdi:keyboard-esc" />
<Icon icon="mdi:keyboard-esc" />
</span>
<span>{{ t('common.closeText') }}</span>
</div>
@@ -23,9 +23,10 @@
import { useDesign } from '/@/hooks/web/useDesign';
import { useI18n } from '/@/hooks/web/useI18n';
import Icon from '/@/components/Icon';
export default defineComponent({
name: 'AppSearchFooter',
components: {},
components: { Icon },
setup() {
const { prefixCls } = useDesign('app-search-footer');
const { t } = useI18n();

View File

@@ -14,9 +14,9 @@
<SearchOutlined />
</template>
</a-input>
<span :class="`${prefixCls}-cancel`" @click="handleClose">{{
t('common.cancelText')
}}</span>
<span :class="`${prefixCls}-cancel`" @click="handleClose">
{{ t('common.cancelText') }}
</span>
</div>
<div :class="`${prefixCls}-not-data`" v-show="getIsNotData">
@@ -38,13 +38,13 @@
]"
>
<div :class="`${prefixCls}-list__item-icon`">
<g-icon :icon="item.icon || 'mdi:form-select'" :size="20" />
<Icon :icon="item.icon || 'mdi:form-select'" :size="20" />
</div>
<div :class="`${prefixCls}-list__item-text`">
{{ item.name }}
</div>
<div :class="`${prefixCls}-list__item-enter`">
<g-icon icon="ant-design:enter-outlined" :size="20" />
<Icon icon="ant-design:enter-outlined" :size="20" />
</div>
</li>
</ul>
@@ -66,10 +66,11 @@
import { useAppInject } from '/@/hooks/web/useAppInject';
import clickOutside from '/@/directives/clickOutside';
import { Input } from 'ant-design-vue';
import Icon from '/@/components/Icon';
export default defineComponent({
name: 'AppSearchModal',
components: { SearchOutlined, AppSearchFooter, [Input.name]: Input },
components: { Icon, SearchOutlined, AppSearchFooter, [Input.name]: Input },
directives: {
clickOutside,
},

View File

@@ -88,7 +88,7 @@ export function useMenuSearch(refs: Ref<HTMLElement[]>, scrollWrap: Ref<ElRef>,
return ret;
}
function handleMouseenter(e: ChangeEvent) {
function handleMouseenter(e: any) {
const index = e.target.dataset.index;
activeIndex.value = Number(index);
}