tdesign-miniprogram
Version:
tdesign-miniprogram
143 lines (142 loc) • 5.23 kB
JavaScript
import { isPlainObject, toObject } from './flatTool';
import { canUseVirtualHost } from '../version';
const RawLifeCycles = ['Created', 'Attached', 'Ready', 'Moved', 'Detached', 'Error'];
const NativeLifeCycles = RawLifeCycles.map((k) => k.toLowerCase());
const ComponentNativeProps = [
'properties',
'data',
'observers',
'methods',
'behaviors',
...NativeLifeCycles,
'relations',
'externalClasses',
'options',
'lifetimes',
'pageLifeTimes',
'definitionFilter',
];
export const toComponent = function toComponent(options) {
const { relations, behaviors = [], properties, externalClasses = [] } = options;
if (options.properties) {
Object.keys(options.properties).forEach((k) => {
let opt = options.properties[k];
if (!isPlainObject(opt)) {
opt = { type: opt };
}
options.properties[k] = opt;
});
const ariaProps = [
{ key: 'ariaHidden', type: Boolean },
{ key: 'ariaRole', type: String },
{ key: 'ariaLabel', type: String },
{ key: 'ariaLabelledby', type: String },
{ key: 'ariaDescribedby', type: String },
{ key: 'ariaBusy', type: Boolean },
];
ariaProps.forEach(({ key, type }) => {
options.properties[key] = {
type,
};
});
options.properties.style = { type: String, value: '' };
options.properties.customStyle = { type: String, value: '' };
}
if (!options.methods)
options.methods = {};
if (!options.lifetimes)
options.lifetimes = {};
const inits = {};
if (relations) {
const getRelations = (relation, path) => Behavior({
created() {
Object.defineProperty(this, `$${relation}`, {
get: () => {
const nodes = this.getRelationNodes(path) || [];
return relation === 'parent' ? nodes[0] : nodes;
},
});
},
});
const map = {};
Object.keys(relations).forEach((path) => {
const comp = relations[path];
const relation = ['parent', 'ancestor'].includes(comp.type) ? 'parent' : 'children';
const mixin = getRelations(relation, path);
map[relation] = mixin;
});
behaviors.push(...Object.keys(map).map((key) => map[key]));
}
options.behaviors = [...behaviors];
options.externalClasses = ['class', ...externalClasses];
Object.getOwnPropertyNames(options).forEach((k) => {
const desc = Object.getOwnPropertyDescriptor(options, k);
if (!desc)
return;
if (NativeLifeCycles.indexOf(k) < 0 && typeof desc.value === 'function') {
Object.defineProperty(options.methods, k, desc);
delete options[k];
}
else if (ComponentNativeProps.indexOf(k) < 0) {
inits[k] = desc;
}
else if (NativeLifeCycles.indexOf(k) >= 0) {
options.lifetimes[k] = options[k];
}
});
if (Object.keys(inits).length) {
const oldCreated = options.lifetimes.created;
const oldAttached = options.lifetimes.attached;
const { controlledProps = [] } = options;
options.lifetimes.created = function (...args) {
Object.defineProperties(this, inits);
if (oldCreated)
oldCreated.apply(this, args);
};
options.lifetimes.attached = function (...args) {
if (oldAttached)
oldAttached.apply(this, args);
controlledProps.forEach(({ key }) => {
const defaultKey = `default${key.replace(/^(\w)/, (m, m1) => m1.toUpperCase())}`;
const props = this.properties;
if (props[key] == null) {
this._selfControlled = true;
}
if (props[key] == null && props[defaultKey] != null) {
this.setData({
[key]: props[defaultKey],
});
}
});
};
options.methods._trigger = function (evtName, detail, opts) {
const target = controlledProps.find((item) => item.event == evtName);
if (target) {
const { key } = target;
if (this._selfControlled) {
this.setData({
[key]: detail[key],
});
}
}
this.triggerEvent(evtName, detail, opts);
};
}
return options;
};
export const wxComponent = function wxComponent() {
return function (constructor) {
class WxComponent extends constructor {
}
const current = new WxComponent();
current.options = current.options || {};
if (current.options.addGlobalClass === undefined) {
current.options.addGlobalClass = true;
}
if (canUseVirtualHost()) {
current.options.virtualHost = true;
}
const obj = toComponent(toObject(current));
Component(obj);
};
};