图片样式处理工具-体积优化
This commit is contained in:
parent
30aa21e72c
commit
6b26c641b2
|
|
@ -16,7 +16,7 @@ export const useImageStyles = (
|
||||||
) => {
|
) => {
|
||||||
// 默认配置
|
// 默认配置
|
||||||
const defaultOptions = {
|
const defaultOptions = {
|
||||||
maxWidth: 'calc(100%-0px)',
|
maxWidth: 'calc(100% - 0px)',
|
||||||
margin: '15px 0',
|
margin: '15px 0',
|
||||||
display: 'block',
|
display: 'block',
|
||||||
boxSizing: 'border-box',
|
boxSizing: 'border-box',
|
||||||
|
|
@ -73,43 +73,10 @@ export const useImageStyles = (
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* 手动触发图片样式处理
|
|
||||||
*/
|
|
||||||
const triggerImageStyles = () => {
|
|
||||||
processImageStyles()
|
|
||||||
}
|
|
||||||
|
|
||||||
return {
|
return {
|
||||||
forceImageStyles,
|
forceImageStyles,
|
||||||
processImageStyles,
|
processImageStyles,
|
||||||
initImageStyles,
|
initImageStyles,
|
||||||
triggerImageStyles
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 简化版本 - 直接处理图片样式
|
|
||||||
* @param containerSelector 容器选择器
|
|
||||||
* @param options 样式选项
|
|
||||||
*/
|
|
||||||
export const useSimpleImageStyles = (
|
|
||||||
containerSelector: string = '.article-content',
|
|
||||||
options: {
|
|
||||||
maxWidth?: string
|
|
||||||
margin?: string
|
|
||||||
display?: string
|
|
||||||
boxSizing?: string
|
|
||||||
} = {}
|
|
||||||
) => {
|
|
||||||
const {forceImageStyles, processImageStyles} = useImageStyles(
|
|
||||||
() => '', // 空函数,不监听内容变化
|
|
||||||
containerSelector,
|
|
||||||
options
|
|
||||||
)
|
|
||||||
|
|
||||||
return {
|
|
||||||
forceImageStyles,
|
|
||||||
processImageStyles
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user