fix: eslint
parent
db7b7cd047
commit
54e93835d6
|
|
@ -23,11 +23,6 @@ const props = defineProps({
|
||||||
mode: propTypes.oneOf(['svg', 'iconify']).def('iconify'),
|
mode: propTypes.oneOf(['svg', 'iconify']).def('iconify'),
|
||||||
})
|
})
|
||||||
const emit = defineEmits(['change', 'update:value'])
|
const emit = defineEmits(['change', 'update:value'])
|
||||||
// 没有使用别名引入,是因为WebStorm当前版本还不能正确识别,会报unused警告
|
|
||||||
const AInput = Input
|
|
||||||
const APopover = Popover
|
|
||||||
const APagination = Pagination
|
|
||||||
const AEmpty = Empty
|
|
||||||
|
|
||||||
function getIcons() {
|
function getIcons() {
|
||||||
const data = iconsData as any
|
const data = iconsData as any
|
||||||
|
|
@ -107,12 +102,12 @@ function handleSearchChange(e: ChangeEvent) {
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<AInput v-model:value="currentSelect" disabled :style="{ width }" :placeholder="t('component.icon.placeholder')" :class="prefixCls">
|
<Input v-model:value="currentSelect" disabled :style="{ width }" :placeholder="t('component.icon.placeholder')" :class="prefixCls">
|
||||||
<template #addonAfter>
|
<template #addonAfter>
|
||||||
<APopover v-model="open" placement="bottomLeft" trigger="click" :overlay-class-name="`${prefixCls}-popover`">
|
<Popover v-model="open" placement="bottomLeft" trigger="click" :overlay-class-name="`${prefixCls}-popover`">
|
||||||
<template #title>
|
<template #title>
|
||||||
<div class="flex justify-between">
|
<div class="flex justify-between">
|
||||||
<AInput :placeholder="t('component.icon.search')" allow-clear @change="debounceHandleSearchChange" />
|
<Input :placeholder="t('component.icon.search')" allow-clear @change="debounceHandleSearchChange" />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
@ -135,12 +130,12 @@ function handleSearchChange(e: ChangeEvent) {
|
||||||
</ul>
|
</ul>
|
||||||
</ScrollContainer>
|
</ScrollContainer>
|
||||||
<div v-if="getTotal >= pageSize" class="flex py-2 items-center justify-center">
|
<div v-if="getTotal >= pageSize" class="flex py-2 items-center justify-center">
|
||||||
<APagination show-less-items size="small" :page-size="pageSize" :total="getTotal" @change="handlePageChange" />
|
<Pagination show-less-items size="small" :page-size="pageSize" :total="getTotal" @change="handlePageChange" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<template v-else>
|
<template v-else>
|
||||||
<div class="p-5">
|
<div class="p-5">
|
||||||
<AEmpty />
|
<Empty />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</template>
|
</template>
|
||||||
|
|
@ -149,9 +144,9 @@ function handleSearchChange(e: ChangeEvent) {
|
||||||
<SvgIcon :name="currentSelect" />
|
<SvgIcon :name="currentSelect" />
|
||||||
</span>
|
</span>
|
||||||
<Icon v-else :icon="currentSelect || 'ion:apps-outline'" class="cursor-pointer px-2 py-1" />
|
<Icon v-else :icon="currentSelect || 'ion:apps-outline'" class="cursor-pointer px-2 py-1" />
|
||||||
</APopover>
|
</Popover>
|
||||||
</template>
|
</template>
|
||||||
</AInput>
|
</Input>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style lang="less">
|
<style lang="less">
|
||||||
|
|
|
||||||
|
|
@ -17,7 +17,7 @@ import { useDesign } from '@/hooks/web/useDesign'
|
||||||
defineOptions({ name: 'BasicModal', inheritAttrs: false })
|
defineOptions({ name: 'BasicModal', inheritAttrs: false })
|
||||||
|
|
||||||
const props = defineProps(basicProps)
|
const props = defineProps(basicProps)
|
||||||
const emit = defineEmits(['open-change', 'height-change', 'cancel', 'ok', 'register', 'update:open'])
|
const emit = defineEmits(['openChange', 'heightChange', 'cancel', 'ok', 'register', 'update:open'])
|
||||||
const attrs = useAttrs()
|
const attrs = useAttrs()
|
||||||
const openRef = ref(false)
|
const openRef = ref(false)
|
||||||
const propsRef = ref<Partial<ModalProps> | null>(null)
|
const propsRef = ref<Partial<ModalProps> | null>(null)
|
||||||
|
|
@ -72,7 +72,7 @@ const getProps = computed((): Recordable => {
|
||||||
})
|
})
|
||||||
|
|
||||||
const getBindValue = computed((): Recordable => {
|
const getBindValue = computed((): Recordable => {
|
||||||
const attr = {
|
const attr: any = {
|
||||||
...attrs,
|
...attrs,
|
||||||
...unref(getMergeProps),
|
...unref(getMergeProps),
|
||||||
open: unref(openRef),
|
open: unref(openRef),
|
||||||
|
|
@ -98,7 +98,7 @@ watchEffect(() => {
|
||||||
watch(
|
watch(
|
||||||
() => unref(openRef),
|
() => unref(openRef),
|
||||||
(v) => {
|
(v) => {
|
||||||
emit('open-change', v)
|
emit('openChange', v)
|
||||||
emit('update:open', v)
|
emit('update:open', v)
|
||||||
instance && modalMethods.emitOpen?.(v, instance.uid)
|
instance && modalMethods.emitOpen?.(v, instance.uid)
|
||||||
nextTick(() => {
|
nextTick(() => {
|
||||||
|
|
@ -146,7 +146,7 @@ function handleOk(e: Event) {
|
||||||
}
|
}
|
||||||
|
|
||||||
function handleHeightChange(height: string) {
|
function handleHeightChange(height: string) {
|
||||||
emit('height-change', height)
|
emit('heightChange', height)
|
||||||
}
|
}
|
||||||
|
|
||||||
function handleExtHeight(height: number) {
|
function handleExtHeight(height: number) {
|
||||||
|
|
|
||||||
|
|
@ -20,7 +20,7 @@ const props = defineProps({
|
||||||
fullScreen: { type: Boolean },
|
fullScreen: { type: Boolean },
|
||||||
loadingTip: { type: String },
|
loadingTip: { type: String },
|
||||||
})
|
})
|
||||||
const emit = defineEmits(['height-change', 'ext-height'])
|
const emit = defineEmits(['heightChange', 'extHeight'])
|
||||||
const wrapperRef = ref<ComponentRef>(null)
|
const wrapperRef = ref<ComponentRef>(null)
|
||||||
const spinRef = ref<ElRef>(null)
|
const spinRef = ref<ElRef>(null)
|
||||||
const realHeightRef = ref(0)
|
const realHeightRef = ref(0)
|
||||||
|
|
@ -30,7 +30,7 @@ let realHeight = 0
|
||||||
|
|
||||||
const stopElResizeFn: Fn = () => {}
|
const stopElResizeFn: Fn = () => {}
|
||||||
|
|
||||||
useWindowSizeFn(setModalHeight.bind(null, false))
|
useWindowSizeFn(setModalHeight.bind(false))
|
||||||
|
|
||||||
useMutationObserver(
|
useMutationObserver(
|
||||||
spinRef,
|
spinRef,
|
||||||
|
|
@ -71,7 +71,7 @@ watch(
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
const { modalHeaderHeight, modalFooterHeight } = props
|
const { modalHeaderHeight, modalFooterHeight } = props
|
||||||
emit('ext-height', modalHeaderHeight + modalFooterHeight)
|
emit('extHeight', modalHeaderHeight + modalFooterHeight)
|
||||||
})
|
})
|
||||||
|
|
||||||
onUnmounted(() => {
|
onUnmounted(() => {
|
||||||
|
|
@ -130,7 +130,7 @@ async function setModalHeight() {
|
||||||
else
|
else
|
||||||
realHeightRef.value = props.height ? props.height : realHeight > maxHeight ? maxHeight : realHeight
|
realHeightRef.value = props.height ? props.height : realHeight > maxHeight ? maxHeight : realHeight
|
||||||
|
|
||||||
emit('height-change', unref(realHeightRef))
|
emit('heightChange', unref(realHeightRef))
|
||||||
}
|
}
|
||||||
catch (error) {
|
catch (error) {
|
||||||
console.log(error)
|
console.log(error)
|
||||||
|
|
|
||||||
|
|
@ -55,7 +55,7 @@ const prefixCls = 'img-preview'
|
||||||
export default defineComponent({
|
export default defineComponent({
|
||||||
name: 'ImagePreview',
|
name: 'ImagePreview',
|
||||||
props,
|
props,
|
||||||
emits: ['img-load', 'img-error'],
|
emits: ['imgLoad', 'imgError'],
|
||||||
setup(props, { expose, emit }) {
|
setup(props, { expose, emit }) {
|
||||||
interface stateInfo {
|
interface stateInfo {
|
||||||
scale: number
|
scale: number
|
||||||
|
|
@ -201,7 +201,7 @@ export default defineComponent({
|
||||||
}
|
}
|
||||||
|
|
||||||
ele
|
ele
|
||||||
&& emit('img-load', {
|
&& emit('imgLoad', {
|
||||||
index: imgState.currentIndex,
|
index: imgState.currentIndex,
|
||||||
dom: ele[0] as HTMLImageElement,
|
dom: ele[0] as HTMLImageElement,
|
||||||
url,
|
url,
|
||||||
|
|
@ -213,7 +213,7 @@ export default defineComponent({
|
||||||
img.onerror = (e: Event) => {
|
img.onerror = (e: Event) => {
|
||||||
const ele: EventTarget[] = e.composedPath()
|
const ele: EventTarget[] = e.composedPath()
|
||||||
ele
|
ele
|
||||||
&& emit('img-error', {
|
&& emit('imgError', {
|
||||||
index: imgState.currentIndex,
|
index: imgState.currentIndex,
|
||||||
dom: ele[0] as HTMLImageElement,
|
dom: ele[0] as HTMLImageElement,
|
||||||
url,
|
url,
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue