javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-18 19:21:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

revert(): revert base components feature (#26692)

Browse Source 
The Ionic Framework team would like to re-evaluate our approach to improving customization options when building mobile applications. We are looking at other solutions that a) make customizing an app UI easier and b) are applicable to a broader set of developers.
This commit is contained in:
Liam DeBeasi
2023-01-30 11:52:36 -05:00
committed by GitHub
parent 592a4f1a37
commit b78b454e08
114 changed files with 387 additions and 1587 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
core/src/components/toggle/toggle.tsx
View File

@ -4,7 +4,7 @@ import { Component, Element, Event, Host, Prop, State, Watch, h } from '@stencil
import { checkmarkOutline, removeOutline, ellipseOutline } from 'ionicons/icons';
import { config } from '../../global/config';
import { getIonStylesheet } from '../../global/ionic-global';
import { getIonMode } from '../../global/ionic-global';
import type { Color, Gesture, GestureDetail, Mode, StyleEventDetail, ToggleChangeEventDetail } from '../../interface';
import type { LegacyFormController } from '../../utils/forms';
import { createLegacyFormController } from '../../utils/forms';
@ -16,7 +16,6 @@ import { isRTL } from '../../utils/rtl';
import { createColorClasses, hostContext } from '../../utils/theme';
/**
* @virtualProp {true | false} useBase - useBase determines if base components is enabled.
* @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
*
* @slot - The label text to associate with the toggle. Use the "labelPlacement" property to control where the label is placed relative to the toggle.
@ -27,7 +26,6 @@ import { createColorClasses, hostContext } from '../../utils/theme';
@Component({
tag: 'ion-toggle',
styleUrls: {
base: 'toggle.scss',
ios: 'toggle.ios.scss',
md: 'toggle.md.scss',
},
@ -269,7 +267,7 @@ export class Toggle implements ComponentInterface {
}
private renderToggleControl() {
const mode = getIonStylesheet(this);
const mode = getIonMode(this);
const { enableOnOffLabels, checked } = this;
return (
@ -301,7 +299,7 @@ export class Toggle implements ComponentInterface {
private renderToggle() {
const { activated, color, checked, disabled, el, justify, labelPlacement, inputId, name } = this;
const mode = getIonStylesheet(this);
const mode = getIonMode(this);
const value = this.getValue();
const rtl = isRTL(el) ? 'rtl' : 'ltr';
renderHiddenInput(true, el, name, checked ? value : '', disabled);
@ -371,7 +369,7 @@ Developers can dismiss this warning by removing their usage of the "legacy" prop
}
const { activated, color, checked, disabled, el, inputId, name } = this;
const mode = getIonStylesheet(this);
const mode = getIonMode(this);
const { label, labelId, labelText } = getAriaLabel(el, inputId);
const value = this.getValue();
const rtl = isRTL(el) ? 'rtl' : 'ltr';