javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-08 23:58:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

lint(eslint): migrate to eslint and prettier (#25046)

Browse Source
This commit is contained in:
Liam DeBeasi
2022-04-04 11:12:53 -04:00
committed by GitHub
parent 12fd19dd4d
commit 5676bab316
826 changed files with 56539 additions and 52754 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
core/src/components/thumbnail/test/basic/e2e.ts
View File

@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
test('thumbnail: basic', async () => {
const page = await newE2EPage({
url: '/src/components/thumbnail/test/basic'
url: '/src/components/thumbnail/test/basic',
});
const compare = await page.compareScreenshot();

76
core/src/components/thumbnail/test/basic/index.html
View File

@ -1,46 +1,46 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="UTF-8" />
<title>Thumbnail - Basic</title>
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
/>
<link href="../../../../../css/ionic.bundle.css" rel="stylesheet" />
<link href="../../../../../scripts/testing/styles.css" rel="stylesheet" />
<script src="../../../../../scripts/testing/scripts.js"></script>
<script nomodule src="../../../../../dist/ionic/ionic.js"></script>
<script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script>
</head>
<head>
<meta charset="UTF-8">
<title>Thumbnail - Basic</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link href="../../../../../css/ionic.bundle.css" rel="stylesheet">
<link href="../../../../../scripts/testing/styles.css" rel="stylesheet">
<script src="../../../../../scripts/testing/scripts.js"></script>
<script nomodule src="../../../../../dist/ionic/ionic.js"></script>
<script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script></head>
<body>
<ion-app>
<ion-header>
<ion-toolbar>
<ion-title>Thumbnail - Basic</ion-title>
</ion-toolbar>
</ion-header>
<body>
<ion-app>
<ion-header>
<ion-toolbar>
<ion-title>Thumbnail - Basic</ion-title>
</ion-toolbar>
</ion-header>
<ion-content id="content">
<ion-thumbnail>
<img src="/src/components/thumbnail/test/thumbnail.svg">
</ion-thumbnail>
<ion-item>
<ion-thumbnail slot="start">
<img src="/src/components/thumbnail/test/thumbnail.svg">
<ion-content id="content">
<ion-thumbnail>
<img src="/src/components/thumbnail/test/thumbnail.svg" />
</ion-thumbnail>
<ion-label>Item Thumbnail</ion-label>
</ion-item>
<ion-item>
<ion-thumbnail slot="start">
<img src="/src/components/thumbnail/test/thumbnail.svg">
</ion-thumbnail>
<ion-label>Wide Thumbnail</ion-label>
</ion-item>
</ion-content>
</ion-app>
</body>
<ion-item>
<ion-thumbnail slot="start">
<img src="/src/components/thumbnail/test/thumbnail.svg" />
</ion-thumbnail>
<ion-label>Item Thumbnail</ion-label>
</ion-item>
<ion-item>
<ion-thumbnail slot="start">
<img src="/src/components/thumbnail/test/thumbnail.svg" />
</ion-thumbnail>
<ion-label>Wide Thumbnail</ion-label>
</ion-item>
</ion-content>
</ion-app>
</body>
</html>

2
core/src/components/thumbnail/test/standalone/e2e.ts
View File

@ -2,7 +2,7 @@ import { newE2EPage } from '@stencil/core/testing';
test('thumbnail: standalone', async () => {
const page = await newE2EPage({
url: '/src/components/thumbnail/test/standalone'
url: '/src/components/thumbnail/test/standalone',
});
const compare = await page.compareScreenshot();

51
core/src/components/thumbnail/test/standalone/index.html
View File

@ -1,30 +1,33 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="UTF-8" />
<title>Thumbnail - Standalone</title>
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
/>
<link href="../../../../../css/core.css" rel="stylesheet" />
<link href="../../../../../scripts/testing/styles.css" rel="stylesheet" />
<script src="../../../../../scripts/testing/scripts.js"></script>
<script nomodule src="../../../../../dist/ionic/ionic.js"></script>
<script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script>
</head>
<head>
<meta charset="UTF-8">
<title>Thumbnail - Standalone</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link href="../../../../../css/core.css" rel="stylesheet">
<link href="../../../../../scripts/testing/styles.css" rel="stylesheet">
<script src="../../../../../scripts/testing/scripts.js"></script>
<script nomodule src="../../../../../dist/ionic/ionic.js"></script>
<script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script></head>
<body>
<ion-thumbnail>
<img src="/src/components/thumbnail/test/thumbnail.svg" />
</ion-thumbnail>
<body>
<ion-thumbnail>
<img src="/src/components/thumbnail/test/thumbnail.svg"/>
</ion-thumbnail>
<ion-thumbnail class="custom">
<img src="/src/components/thumbnail/test/thumbnail.svg" />
</ion-thumbnail>
<ion-thumbnail class="custom">
<img src="/src/components/thumbnail/test/thumbnail.svg"/>
</ion-thumbnail>
<style>
.custom {
--border-radius: 50%;
--size: 120px;
}
</style>
</body>
<style>
.custom {
--border-radius: 50%;
--size: 120px;
}
</style>
</body>
</html>

6
core/src/components/thumbnail/thumbnail.tsx
View File

@ -1,14 +1,14 @@
import { Component, ComponentInterface, Host, h } from '@stencil/core';
import type { ComponentInterface } from '@stencil/core';
import { Component, Host, h } from '@stencil/core';
import { getIonMode } from '../../global/ionic-global';
@Component({
tag: 'ion-thumbnail',
styleUrl: 'thumbnail.scss',
shadow: true
shadow: true,
})
export class Thumbnail implements ComponentInterface {
render() {
return (
<Host class={getIonMode(this)}>