fix: file icon
This commit is contained in:
parent
e3a5dc73b7
commit
80eb229696
@ -24,7 +24,7 @@ const exts = [
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
ext: /\.jpe?g$/i,
|
ext: /\.jpe?g$/i,
|
||||||
icon: '//img.alicdn.com/tfs/TB1wrT5r9BYBeNjy0FeXXbnmFXa-200-200.png',
|
// icon: '//img.alicdn.com/tfs/TB1wrT5r9BYBeNjy0FeXXbnmFXa-200-200.png',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
ext: /\.pdf$/i,
|
ext: /\.pdf$/i,
|
||||||
@ -32,7 +32,7 @@ const exts = [
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
ext: /\.png$/i,
|
ext: /\.png$/i,
|
||||||
icon: '//img.alicdn.com/tfs/TB1BHT5r9BYBeNjy0FeXXbnmFXa-200-200.png',
|
// icon: '//img.alicdn.com/tfs/TB1BHT5r9BYBeNjy0FeXXbnmFXa-200-200.png',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
ext: /\.eps$/i,
|
ext: /\.eps$/i,
|
||||||
@ -44,11 +44,11 @@ const exts = [
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
ext: /\.gif$/i,
|
ext: /\.gif$/i,
|
||||||
icon: '//img.alicdn.com/tfs/TB1DTiGrVOWBuNjy0FiXXXFxVXa-200-200.png',
|
// icon: '//img.alicdn.com/tfs/TB1DTiGrVOWBuNjy0FiXXXFxVXa-200-200.png',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
ext: /\.svg$/i,
|
ext: /\.svg$/i,
|
||||||
icon: '//img.alicdn.com/tfs/TB1uUm9rY9YBuNjy0FgXXcxcXXa-200-200.png',
|
// icon: '//img.alicdn.com/tfs/TB1uUm9rY9YBuNjy0FgXXcxcXXa-200-200.png',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
ext: /\.xlsx?$/i,
|
ext: /\.xlsx?$/i,
|
||||||
@ -88,14 +88,13 @@ const testOpts = (ext, options) => {
|
|||||||
return true;
|
return true;
|
||||||
};
|
};
|
||||||
|
|
||||||
export const testUrl = (url, options) => {
|
export const testUrl = (url, options = {}) => {
|
||||||
for (let i = 0; i < exts.length; i++) {
|
for (let i = 0; i < exts.length; i++) {
|
||||||
if (exts[i].ext.test(url) && testOpts(exts[i].ext, options)) {
|
if (exts[i].ext.test(url) && testOpts(exts[i].ext, options)) {
|
||||||
return false;
|
return !exts[i].icon;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
return false;
|
||||||
return true;
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export const getImageByUrl = (url, options) => {
|
export const getImageByUrl = (url, options) => {
|
||||||
@ -178,9 +177,7 @@ export function getImgUrls(value) {
|
|||||||
const values = Array.isArray(value) ? value : [value];
|
const values = Array.isArray(value) ? value : [value];
|
||||||
return values
|
return values
|
||||||
.filter(item =>
|
.filter(item =>
|
||||||
testUrl(item.url, {
|
testUrl(item.url),
|
||||||
exclude: ['.png', '.jpg', '.jpeg', '.gif'],
|
|
||||||
}),
|
|
||||||
)
|
)
|
||||||
.map(item => toValue(item));
|
.map(item => toValue(item));
|
||||||
}
|
}
|
||||||
|
@ -386,11 +386,7 @@ export function LinkToFieldLink(props) {
|
|||||||
function getImgUrls(value) {
|
function getImgUrls(value) {
|
||||||
const values = Array.isArray(value) ? value : [value];
|
const values = Array.isArray(value) ? value : [value];
|
||||||
return values
|
return values
|
||||||
.filter(item =>
|
.filter(item => testUrl(item.url))
|
||||||
testUrl(item.url, {
|
|
||||||
exclude: ['.png', '.jpg', '.jpeg', '.gif'],
|
|
||||||
}),
|
|
||||||
)
|
|
||||||
.map(item => item);
|
.map(item => item);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -403,7 +399,6 @@ export function AttachmentField(props: any) {
|
|||||||
}
|
}
|
||||||
const values = Array.isArray(value) ? value : [value];
|
const values = Array.isArray(value) ? value : [value];
|
||||||
const images = getImgUrls(values);
|
const images = getImgUrls(values);
|
||||||
// console.log(images);
|
|
||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
onClick={e => {
|
onClick={e => {
|
||||||
@ -443,7 +438,7 @@ export function AttachmentField(props: any) {
|
|||||||
export function AttachmentFieldItem(props: any) {
|
export function AttachmentFieldItem(props: any) {
|
||||||
const { title, url } = props.data || {};
|
const { title, url } = props.data || {};
|
||||||
const img = getImageByUrl(url, {
|
const img = getImageByUrl(url, {
|
||||||
exclude: ['.png', '.jpg', '.jpeg', '.gif'],
|
// exclude: ['.png', '.jpg', '.jpeg', '.gif'],
|
||||||
});
|
});
|
||||||
// const [visible, setVisible] = useState(false);
|
// const [visible, setVisible] = useState(false);
|
||||||
return (
|
return (
|
||||||
|
Loading…
Reference in New Issue
Block a user