123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102 |
- import { basic } from '../mixins/basic';
- const relationFunctions = {
- ancestor: {
- linked(parent) {
- this.parent = parent;
- },
- unlinked() {
- this.parent = null;
- },
- },
- descendant: {
- linked(child) {
- this.children = this.children || [];
- this.children.push(child);
- },
- unlinked(child) {
- this.children = (this.children || []).filter((it) => it !== child);
- },
- },
- };
- function mapKeys(source, target, map) {
- Object.keys(map).forEach((key) => {
- if (source[key]) {
- target[map[key]] = source[key];
- }
- });
- }
- function makeRelation(options, vantOptions, relation) {
- const { type, name, linked, unlinked, linkChanged } = relation;
- const { beforeCreate, destroyed } = vantOptions;
- if (type === 'descendant') {
- options.created = function () {
- beforeCreate && beforeCreate.bind(this)();
- this.children = this.children || [];
- };
- options.detached = function () {
- this.children = [];
- destroyed && destroyed.bind(this)();
- };
- }
- options.relations = Object.assign(options.relations || {}, {
- [`../${name}/index`]: {
- type,
- linked(node) {
- relationFunctions[type].linked.bind(this)(node);
- linked && linked.bind(this)(node);
- },
- linkChanged(node) {
- linkChanged && linkChanged.bind(this)(node);
- },
- unlinked(node) {
- relationFunctions[type].unlinked.bind(this)(node);
- unlinked && unlinked.bind(this)(node);
- },
- },
- });
- }
- function VantComponent(vantOptions = {}) {
- const options = {};
- mapKeys(vantOptions, options, {
- data: 'data',
- props: 'properties',
- mixins: 'behaviors',
- methods: 'methods',
- beforeCreate: 'created',
- created: 'attached',
- mounted: 'ready',
- relations: 'relations',
- destroyed: 'detached',
- classes: 'externalClasses',
- });
- const { relation } = vantOptions;
- if (relation) {
- makeRelation(options, vantOptions, relation);
- }
- // add default externalClasses
- options.externalClasses = options.externalClasses || [];
- options.externalClasses.push('custom-class');
- // add default behaviors
- options.behaviors = options.behaviors || [];
- options.behaviors.push(basic);
- // map field to form-field behavior
- if (vantOptions.field) {
- options.behaviors.push('wx://form-field');
- }
- if (options.properties) {
- Object.keys(options.properties).forEach((name) => {
- if (Array.isArray(options.properties[name])) {
- // miniprogram do not allow multi type
- options.properties[name] = null;
- }
- });
- }
- // add default options
- options.options = {
- multipleSlots: true,
- addGlobalClass: true,
- };
- Component(options);
- }
- export { VantComponent };
|