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

remove last of IonicComponent_OLD

Browse Source
This commit is contained in:
Adam Bradley
2015-06-20 22:25:51 -05:00
parent 55e1817b0f
commit a979403b0d
8 changed files with 139 additions and 231 deletions
Download Patch File Download Diff File Expand all files Collapse all files

118
ionic/config/component.js
View File

@ -74,6 +74,23 @@ function appendModeConfig(ComponentType) {
}
};
if (config.delegates) {
ComponentType.getDelegate = (instance, delegateName) => {
let cases = config.delegates[delegateName] || [];
for (let i = 0; i < cases.length; i++) {
let delegateCase = cases[i];
if (util.isArray(delegateCase)) {
let [ check, DelegateConstructor ] = delegateCase;
if (check(instance)) {
return new DelegateConstructor(instance);
}
} else {
return new delegateCase(instance);
}
}
};
}
config.hostAttributes = config.hostAttributes || {};
let className = (config.hostAttributes['class'] || '');
let id = config.classId || config.selector.replace('ion-', '');
@ -81,104 +98,3 @@ function appendModeConfig(ComponentType) {
return config;
}
export class IonicComponent_OLD {
constructor(ComponentType, {
properties,
bind,
enhanceRawElement,
delegates,
propClasses
}) {
// TODO give errors if not providing valid delegates
ComponentType.config = this
this.componentCssName = util.pascalCaseToDashCase(ComponentType.name)
this.properties = properties || (properties = {});
this.bind = bind || (bind = {})
for (let attrName in bind) {
let binding = bind[attrName]
if (util.isObject(binding)) {
binding.property || (binding.property = attrName)
this._computeDefaultValue(binding)
// TODO recompute defaultValue when user possibly adds a binding
}
}
this.delegates = delegates || (delegates = {})
this.propClasses = propClasses || (propClasses = []);
// Whether to support raw element enhancement (for example, supporting <button>).
// We only do this if there is a matching style property on the element
this.enhanceRawElement = enhanceRawElement || false;
// for (let delegateName of delegates) {
// let delegate = delegates[delegateName]
// }
}
_computeDefaultValue(binding = {}) {
let defaults = binding.defaults || {}
binding._defaultValue = binding.value || defaults[platformMode] || defaults.base;
}
invoke(instance) {
const config = this;
// For each property class, check if it exists on the element and add the
// corresponding classname for it, otherwise add it
let foundMatchingPropClass = false;
for (let propClass of this.propClasses) {
if(dom.hasAttribute(instance.domElement, propClass)) {
dom.addClass(instance.domElement, `${this.componentCssName}-${propClass}`);
foundMatchingPropClass = true;
}
}
// TODO: This worked fine for property-only buttons, but breaks with
// class, etc.
//
// If we want to enhance a raw element (for example, a button),
// only do it if we also have a matching prop class
//if(!foundMatchingPropClass && this.enhanceRawElement) {
// Don't enhace this raw element
//return;
//}
// Add the base element classes (ex, button and button-ios)
dom.addClass(instance.domElement, this.componentCssName, `${this.componentCssName}-${platformMode}`);
// Check and apply and property classes (properties that should be
// converted to class names). For example, <button primary> should
// add the class button-primary
for (let attrName in this.bind) {
let binding = this.bind[attrName]
let defaultValue = binding._defaultValue
if (!instance[binding.property] && defaultValue) {
instance[binding.property] = defaultValue
instance.domElement.setAttribute(util.pascalCaseToDashCase(attrName), defaultValue)
}
}
return {
properties: this.properties,
getDelegate(delegateName) {
let cases = (config.delegates || {})[delegateName] || [];
for (let i = 0; i < cases.length; i++) {
let delegateCase = cases[i];
if (util.isArray(delegateCase)) {
let [ check, DelegateConstructor ] = delegateCase;
if (check(instance)) {
return new DelegateConstructor(instance);
}
} else {
return new delegateCase(instance);
}
}
}
}
}
}