uni-shared.cjs.js 29.4 KB
Newer Older
fxy060608's avatar
fxy060608 已提交
1 2 3 4 5 6
'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var shared = require('@vue/shared');

fxy060608's avatar
fxy060608 已提交
7 8 9 10 11 12
function formatLog(module, ...args) {
    return `[${Date.now()}][${module}]:${args
        .map((arg) => JSON.stringify(arg))
        .join(' ')}`;
}

Q
qiang 已提交
13 14 15
function formatKey(key) {
    return shared.camelize(key.substring(5));
}
Q
qiang 已提交
16
function initCustomDataset() {
Q
qiang 已提交
17 18 19 20
    const prototype = HTMLElement.prototype;
    const setAttribute = prototype.setAttribute;
    prototype.setAttribute = function (key, value) {
        if (key.startsWith('data-') && this.tagName.startsWith('UNI-')) {
fxy060608's avatar
fxy060608 已提交
21 22
            const dataset = this.__uniDataset ||
                (this.__uniDataset = {});
Q
qiang 已提交
23 24 25 26 27 28 29 30 31 32 33 34 35 36
            dataset[formatKey(key)] = value;
        }
        setAttribute.call(this, key, value);
    };
    const removeAttribute = prototype.removeAttribute;
    prototype.removeAttribute = function (key) {
        if (this.__uniDataset &&
            key.startsWith('data-') &&
            this.tagName.startsWith('UNI-')) {
            delete this.__uniDataset[formatKey(key)];
        }
        removeAttribute.call(this, key);
    };
}
Q
qiang 已提交
37
function getCustomDataset(el) {
fxy060608's avatar
fxy060608 已提交
38
    return shared.extend({}, el.dataset, el.__uniDataset);
Q
qiang 已提交
39 40
}

fxy060608's avatar
fxy060608 已提交
41 42 43 44 45 46 47 48 49 50 51 52
const unitRE = new RegExp(`"[^"]+"|'[^']+'|url\\([^)]+\\)|(\\d*\\.?\\d+)[r|u]px`, 'g');
function toFixed(number, precision) {
    const multiplier = Math.pow(10, precision + 1);
    const wholeNumber = Math.floor(number * multiplier);
    return (Math.round(wholeNumber / 10) * 10) / multiplier;
}
const defaultRpx2Unit = {
    unit: 'rem',
    unitRatio: 10 / 320,
    unitPrecision: 5,
};
function createRpx2Unit(unit, unitRatio, unitPrecision) {
Q
qiang 已提交
53
    // ignore: rpxCalcIncludeWidth
fxy060608's avatar
fxy060608 已提交
54 55 56 57 58 59 60 61 62
    return (val) => val.replace(unitRE, (m, $1) => {
        if (!$1) {
            return m;
        }
        const value = toFixed(parseFloat($1) * unitRatio, unitPrecision);
        return value === 0 ? '0' : `${value}${unit}`;
    });
}

fxy060608's avatar
fxy060608 已提交
63 64 65 66 67 68
function passive(passive) {
    return { passive };
}
function normalizeDataset(el) {
    // TODO
    return JSON.parse(JSON.stringify(el.dataset || {}));
fxy060608's avatar
fxy060608 已提交
69 70 71 72 73
}
function normalizeTarget(el) {
    const { id, offsetTop, offsetLeft } = el;
    return {
        id,
Q
qiang 已提交
74
        dataset: getCustomDataset(el),
fxy060608's avatar
fxy060608 已提交
75 76 77
        offsetTop,
        offsetLeft,
    };
fxy060608's avatar
fxy060608 已提交
78 79 80 81 82 83 84 85 86 87 88 89 90
}
function addFont(family, source, desc) {
    const fonts = document.fonts;
    if (fonts) {
        const fontFace = new FontFace(family, source, desc);
        return fontFace.load().then(() => {
            fonts.add(fontFace);
        });
    }
    return new Promise((resolve) => {
        const style = document.createElement('style');
        const values = [];
        if (desc) {
91
            const { style, weight, stretch, unicodeRange, variant, featureSettings } = desc;
fxy060608's avatar
fxy060608 已提交
92 93 94 95 96 97 98 99 100 101 102
            style && values.push(`font-style:${style}`);
            weight && values.push(`font-weight:${weight}`);
            stretch && values.push(`font-stretch:${stretch}`);
            unicodeRange && values.push(`unicode-range:${unicodeRange}`);
            variant && values.push(`font-variant:${variant}`);
            featureSettings && values.push(`font-feature-settings:${featureSettings}`);
        }
        style.innerText = `@font-face{font-family:"${family}";src:${source};${values.join(';')}}`;
        document.head.appendChild(style);
        resolve();
    });
fxy060608's avatar
fxy060608 已提交
103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136
}
function scrollTo(scrollTop, duration) {
    if (shared.isString(scrollTop)) {
        const el = document.querySelector(scrollTop);
        if (el) {
            scrollTop = el.getBoundingClientRect().top + window.pageYOffset;
        }
    }
    if (scrollTop < 0) {
        scrollTop = 0;
    }
    const documentElement = document.documentElement;
    const { clientHeight, scrollHeight } = documentElement;
    scrollTop = Math.min(scrollTop, scrollHeight - clientHeight);
    if (duration === 0) {
        // 部分浏览器(比如微信)中 scrollTop 的值需要通过 document.body 来控制
        documentElement.scrollTop = document.body.scrollTop = scrollTop;
        return;
    }
    if (window.scrollY === scrollTop) {
        return;
    }
    const scrollTo = (duration) => {
        if (duration <= 0) {
            window.scrollTo(0, scrollTop);
            return;
        }
        const distaince = scrollTop - window.scrollY;
        requestAnimationFrame(function () {
            window.scrollTo(0, window.scrollY + (distaince / duration) * 10);
            scrollTo(duration - 10);
        });
    };
    scrollTo(duration);
fxy060608's avatar
fxy060608 已提交
137 138
}

fxy060608's avatar
fxy060608 已提交
139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225
const encode = encodeURIComponent;
function stringifyQuery(obj, encodeStr = encode) {
    const res = obj
        ? Object.keys(obj)
            .map((key) => {
            let val = obj[key];
            if (typeof val === undefined || val === null) {
                val = '';
            }
            else if (shared.isPlainObject(val)) {
                val = JSON.stringify(val);
            }
            return encodeStr(key) + '=' + encodeStr(val);
        })
            .filter((x) => x.length > 0)
            .join('&')
        : null;
    return res ? `?${res}` : '';
}
/**
 * Decode text using `decodeURIComponent`. Returns the original text if it
 * fails.
 *
 * @param text - string to decode
 * @returns decoded string
 */
function decode(text) {
    try {
        return decodeURIComponent('' + text);
    }
    catch (err) { }
    return '' + text;
}
function decodedQuery(query = {}) {
    const decodedQuery = {};
    Object.keys(query).forEach((name) => {
        try {
            decodedQuery[name] = decode(query[name]);
        }
        catch (e) {
            decodedQuery[name] = query[name];
        }
    });
    return decodedQuery;
}
const PLUS_RE = /\+/g; // %2B
/**
 * https://github.com/vuejs/vue-router-next/blob/master/src/query.ts
 * @internal
 *
 * @param search - search string to parse
 * @returns a query object
 */
function parseQuery(search) {
    const query = {};
    // avoid creating an object with an empty key and empty value
    // because of split('&')
    if (search === '' || search === '?')
        return query;
    const hasLeadingIM = search[0] === '?';
    const searchParams = (hasLeadingIM ? search.slice(1) : search).split('&');
    for (let i = 0; i < searchParams.length; ++i) {
        // pre decode the + into space
        const searchParam = searchParams[i].replace(PLUS_RE, ' ');
        // allow the = character
        let eqPos = searchParam.indexOf('=');
        let key = decode(eqPos < 0 ? searchParam : searchParam.slice(0, eqPos));
        let value = eqPos < 0 ? null : decode(searchParam.slice(eqPos + 1));
        if (key in query) {
            // an extra variable for ts types
            let currentValue = query[key];
            if (!shared.isArray(currentValue)) {
                currentValue = query[key] = [currentValue];
            }
            currentValue.push(value);
        }
        else {
            query[key] = value;
        }
    }
    return query;
}

function parseUrl(url) {
    const [path, querystring] = url.split('?', 2);
    return {
        path,
fxy060608's avatar
fxy060608 已提交
226
        query: parseQuery(querystring || ''),
fxy060608's avatar
fxy060608 已提交
227 228 229
    };
}

fxy060608's avatar
fxy060608 已提交
230 231 232 233 234 235 236 237 238 239 240
function plusReady(callback) {
    if (typeof callback !== 'function') {
        return;
    }
    if (window.plus) {
        return callback();
    }
    document.addEventListener('plusready', callback);
}

const BUILT_IN_TAGS = [
fxy060608's avatar
fxy060608 已提交
241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282
    'ad',
    'audio',
    'button',
    'camera',
    'canvas',
    'checkbox',
    'checkbox-group',
    'cover-image',
    'cover-view',
    'editor',
    'form',
    'functional-page-navigator',
    'icon',
    'image',
    'input',
    'label',
    'live-player',
    'live-pusher',
    'map',
    'movable-area',
    'movable-view',
    'navigator',
    'official-account',
    'open-data',
    'picker',
    'picker-view',
    'picker-view-column',
    'progress',
    'radio',
    'radio-group',
    'rich-text',
    'scroll-view',
    'slider',
    'swiper',
    'swiper-item',
    'switch',
    'text',
    'textarea',
    'video',
    'view',
    'web-view',
].map((tag) => 'uni-' + tag);
fxy060608's avatar
fxy060608 已提交
283
const TAGS = [
fxy060608's avatar
fxy060608 已提交
284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302
    'app',
    'layout',
    'content',
    'main',
    'top-window',
    'left-window',
    'right-window',
    'tabbar',
    'page',
    'page-head',
    'page-wrapper',
    'page-body',
    'page-refresh',
    'actionsheet',
    'modal',
    'toast',
    'resize-sensor',
    'shadow-root',
].map((tag) => 'uni-' + tag);
fxy060608's avatar
fxy060608 已提交
303 304 305 306 307 308 309 310 311
function isBuiltInComponent(tag) {
    return BUILT_IN_TAGS.indexOf('uni-' + tag) !== -1;
}
function isCustomElement(tag) {
    return TAGS.indexOf(tag) !== -1 || BUILT_IN_TAGS.indexOf(tag) !== -1;
}
function isNativeTag(tag) {
    return (shared.isHTMLTag(tag) || shared.isSVGTag(tag)) && !isBuiltInComponent(tag);
}
fxy060608's avatar
fxy060608 已提交
312 313 314 315 316 317
function isServiceNativeTag(tag) {
    return shared.isHTMLTag(tag) || shared.isSVGTag(tag) || isBuiltInComponent(tag);
}
function isServiceCustomElement(_tag) {
    return false;
}
fxy060608's avatar
fxy060608 已提交
318 319
const COMPONENT_SELECTOR_PREFIX = 'uni-';
const COMPONENT_PREFIX = 'v-' + COMPONENT_SELECTOR_PREFIX;
fxy060608's avatar
fxy060608 已提交
320

fxy060608's avatar
fxy060608 已提交
321 322 323 324 325 326 327
class DOMException extends Error {
    constructor(message) {
        super(message);
        this.name = 'DOMException';
    }
}

fxy060608's avatar
fxy060608 已提交
328 329 330 331 332 333 334 335 336 337 338 339
function normalizeEventType(type, options) {
    if (options) {
        if (options.capture) {
            type += 'Capture';
        }
        if (options.once) {
            type += 'Once';
        }
        if (options.passive) {
            type += 'Passive';
        }
    }
fxy060608's avatar
fxy060608 已提交
340 341 342 343 344 345 346 347
    return `on${shared.capitalize(shared.camelize(type))}`;
}
class UniEvent {
    constructor(type, opts) {
        this.defaultPrevented = false;
        this.timeStamp = Date.now();
        this._stop = false;
        this._end = false;
fxy060608's avatar
fxy060608 已提交
348
        this.type = type;
fxy060608's avatar
fxy060608 已提交
349 350 351 352 353 354 355 356 357 358 359 360 361
        this.bubbles = !!opts.bubbles;
        this.cancelable = !!opts.cancelable;
    }
    preventDefault() {
        this.defaultPrevented = true;
    }
    stopImmediatePropagation() {
        this._end = this._stop = true;
    }
    stopPropagation() {
        this._stop = true;
    }
}
fxy060608's avatar
fxy060608 已提交
362 363 364 365 366 367 368 369 370 371 372 373
function createUniEvent(evt) {
    if (evt instanceof UniEvent) {
        return evt;
    }
    const [type] = parseEventName(evt.type);
    const uniEvent = new UniEvent(type, {
        bubbles: false,
        cancelable: false,
    });
    shared.extend(uniEvent, evt);
    return uniEvent;
}
fxy060608's avatar
fxy060608 已提交
374 375
class UniEventTarget {
    constructor() {
fxy060608's avatar
fxy060608 已提交
376
        this.listeners = Object.create(null);
fxy060608's avatar
fxy060608 已提交
377 378
    }
    dispatchEvent(evt) {
fxy060608's avatar
fxy060608 已提交
379
        const listeners = this.listeners[evt.type];
fxy060608's avatar
fxy060608 已提交
380
        if (!listeners) {
fxy060608's avatar
fxy060608 已提交
381 382 383
            if ((process.env.NODE_ENV !== 'production')) {
                console.error(formatLog('dispatchEvent', this.nodeId), evt.type, 'not found');
            }
fxy060608's avatar
fxy060608 已提交
384 385
            return false;
        }
fxy060608's avatar
fxy060608 已提交
386 387
        // 格式化事件类型
        const event = createUniEvent(evt);
fxy060608's avatar
fxy060608 已提交
388 389
        const len = listeners.length;
        for (let i = 0; i < len; i++) {
fxy060608's avatar
fxy060608 已提交
390 391
            listeners[i].call(this, event);
            if (event._end) {
fxy060608's avatar
fxy060608 已提交
392 393 394
                break;
            }
        }
fxy060608's avatar
fxy060608 已提交
395
        return event.cancelable && event.defaultPrevented;
fxy060608's avatar
fxy060608 已提交
396 397
    }
    addEventListener(type, listener, options) {
fxy060608's avatar
fxy060608 已提交
398
        type = normalizeEventType(type, options);
fxy060608's avatar
fxy060608 已提交
399
        (this.listeners[type] || (this.listeners[type] = [])).push(listener);
fxy060608's avatar
fxy060608 已提交
400 401
    }
    removeEventListener(type, callback, options) {
fxy060608's avatar
fxy060608 已提交
402
        type = normalizeEventType(type, options);
fxy060608's avatar
fxy060608 已提交
403
        const listeners = this.listeners[type];
fxy060608's avatar
fxy060608 已提交
404 405 406 407 408 409 410 411
        if (!listeners) {
            return;
        }
        const index = listeners.indexOf(callback);
        if (index > -1) {
            listeners.splice(index, 1);
        }
    }
fxy060608's avatar
fxy060608 已提交
412 413 414 415 416 417 418 419 420 421 422 423 424
}
const optionsModifierRE = /(?:Once|Passive|Capture)$/;
function parseEventName(name) {
    let options;
    if (optionsModifierRE.test(name)) {
        options = {};
        let m;
        while ((m = name.match(optionsModifierRE))) {
            name = name.slice(0, name.length - m[0].length);
            options[m[0].toLowerCase()] = true;
        }
    }
    return [shared.hyphenate(name.slice(2)), options];
fxy060608's avatar
fxy060608 已提交
425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457 458 459 460 461 462 463 464 465 466 467 468 469
}

class UniCSSStyleDeclaration {
    constructor() {
        this._cssText = null;
        this._value = null;
    }
    setProperty(property, value) {
        if (value === null || value === '') {
            this.removeProperty(property);
        }
        else {
            if (!this._value) {
                this._value = {};
            }
            this._value[property] = value;
        }
    }
    getPropertyValue(property) {
        if (!this._value) {
            return '';
        }
        return this._value[property] || '';
    }
    removeProperty(property) {
        if (!this._value) {
            return '';
        }
        const value = this._value[property];
        delete this._value[property];
        return value;
    }
    get cssText() {
        return this._cssText || '';
    }
    set cssText(cssText) {
        this._cssText = cssText;
    }
    toJSON() {
        const { _cssText, _value } = this;
        const hasCssText = _cssText !== null;
        const hasValue = _value !== null;
        if (hasCssText && hasValue) {
            return [_cssText, _value];
        }
fxy060608's avatar
fxy060608 已提交
470 471 472 473 474 475
        if (hasCssText) {
            return _cssText;
        }
        if (hasValue) {
            return _value;
        }
fxy060608's avatar
fxy060608 已提交
476 477 478 479 480 481 482 483 484 485 486 487 488 489 490 491 492 493 494 495 496 497 498 499 500 501 502 503 504
    }
}
const STYLE_PROPS = [
    '_value',
    '_cssText',
    'cssText',
    'getPropertyValue',
    'setProperty',
    'removeProperty',
    'toJSON',
];
function proxyStyle(uniCssStyle) {
    return new Proxy(uniCssStyle, {
        get(target, key, receiver) {
            if (STYLE_PROPS.indexOf(key) === -1) {
                return target.getPropertyValue(key);
            }
            return Reflect.get(target, key, receiver);
        },
        set(target, key, value, receiver) {
            if (STYLE_PROPS.indexOf(key) === -1) {
                target.setProperty(key, value);
                return true;
            }
            return Reflect.set(target, key, value, receiver);
        },
    });
}

fxy060608's avatar
fxy060608 已提交
505 506 507 508 509 510 511 512 513 514 515 516 517 518 519 520 521
const EventModifierFlags = {
    stop: 1,
    prevent: 1 << 1,
    self: 1 << 2,
};
function encodeModifier(modifiers) {
    let flag = 0;
    if (modifiers.includes('stop')) {
        flag |= EventModifierFlags.stop;
    }
    if (modifiers.includes('prevent')) {
        flag |= EventModifierFlags.prevent;
    }
    if (modifiers.includes('self')) {
        flag |= EventModifierFlags.self;
    }
    return flag;
fxy060608's avatar
fxy060608 已提交
522 523
}

fxy060608's avatar
fxy060608 已提交
524 525 526 527 528 529 530 531 532 533 534 535 536 537 538 539 540 541 542
const NODE_TYPE_PAGE = 0;
const NODE_TYPE_ELEMENT = 1;
const NODE_TYPE_TEXT = 3;
const NODE_TYPE_COMMENT = 8;
function sibling(node, type) {
    const { parentNode } = node;
    if (!parentNode) {
        return null;
    }
    const { childNodes } = parentNode;
    return childNodes[childNodes.indexOf(node) + (type === 'n' ? 1 : -1)] || null;
}
function removeNode(node) {
    const { parentNode } = node;
    if (parentNode) {
        parentNode.removeChild(node);
    }
}
function checkNodeId(node) {
fxy060608's avatar
fxy060608 已提交
543
    if (!node.nodeId && node.pageNode) {
fxy060608's avatar
fxy060608 已提交
544 545 546
        node.nodeId = node.pageNode.genId();
    }
}
fxy060608's avatar
fxy060608 已提交
547
// 为优化性能,各平台不使用proxy来实现node的操作拦截,而是直接通过pageNode定制
fxy060608's avatar
fxy060608 已提交
548
class UniNode extends UniEventTarget {
fxy060608's avatar
fxy060608 已提交
549
    constructor(nodeType, nodeName, container) {
fxy060608's avatar
fxy060608 已提交
550 551 552 553
        super();
        this.pageNode = null;
        this.parentNode = null;
        this._text = null;
fxy060608's avatar
fxy060608 已提交
554 555
        if (container) {
            const { pageNode } = container;
fxy060608's avatar
fxy060608 已提交
556 557 558
            if (pageNode) {
                this.pageNode = pageNode;
                this.nodeId = pageNode.genId();
fxy060608's avatar
fxy060608 已提交
559
                !pageNode.isUnmounted && pageNode.onCreate(this, nodeName);
fxy060608's avatar
fxy060608 已提交
560
            }
fxy060608's avatar
fxy060608 已提交
561
        }
fxy060608's avatar
fxy060608 已提交
562 563 564 565 566 567 568 569 570 571 572 573 574 575 576
        this.nodeType = nodeType;
        this.nodeName = nodeName;
        this.childNodes = [];
    }
    get firstChild() {
        return this.childNodes[0] || null;
    }
    get lastChild() {
        const { childNodes } = this;
        const length = childNodes.length;
        return length ? childNodes[length - 1] : null;
    }
    get nextSibling() {
        return sibling(this, 'n');
    }
fxy060608's avatar
fxy060608 已提交
577 578 579 580
    get nodeValue() {
        return null;
    }
    set nodeValue(_val) { }
fxy060608's avatar
fxy060608 已提交
581 582 583 584 585
    get textContent() {
        return this._text || '';
    }
    set textContent(text) {
        this._text = text;
fxy060608's avatar
fxy060608 已提交
586
        if (this.pageNode && !this.pageNode.isUnmounted) {
fxy060608's avatar
fxy060608 已提交
587 588
            this.pageNode.onTextContent(this, text);
        }
fxy060608's avatar
fxy060608 已提交
589 590 591 592 593 594 595 596 597 598 599 600 601 602 603 604 605 606 607 608 609 610 611 612 613 614 615 616 617 618 619 620
    }
    get parentElement() {
        const { parentNode } = this;
        if (parentNode && parentNode.nodeType === NODE_TYPE_ELEMENT) {
            return parentNode;
        }
        return null;
    }
    get previousSibling() {
        return sibling(this, 'p');
    }
    appendChild(newChild) {
        return this.insertBefore(newChild, null);
    }
    cloneNode(deep) {
        const cloned = shared.extend(Object.create(Object.getPrototypeOf(this)), this);
        const { attributes } = cloned;
        if (attributes) {
            cloned.attributes = shared.extend({}, attributes);
        }
        if (deep) {
            cloned.childNodes = cloned.childNodes.map((childNode) => childNode.cloneNode(true));
        }
        return cloned;
    }
    insertBefore(newChild, refChild) {
        removeNode(newChild);
        newChild.pageNode = this.pageNode;
        newChild.parentNode = this;
        checkNodeId(newChild);
        const { childNodes } = this;
        if (refChild) {
fxy060608's avatar
fxy060608 已提交
621
            const index = childNodes.indexOf(refChild);
fxy060608's avatar
fxy060608 已提交
622 623 624
            if (index === -1) {
                throw new DOMException(`Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node.`);
            }
fxy060608's avatar
fxy060608 已提交
625
            childNodes.splice(index, 0, newChild);
fxy060608's avatar
fxy060608 已提交
626 627 628 629
        }
        else {
            childNodes.push(newChild);
        }
fxy060608's avatar
fxy060608 已提交
630
        return this.pageNode && !this.pageNode.isUnmounted
fxy060608's avatar
fxy060608 已提交
631
            ? this.pageNode.onInsertBefore(this, newChild, refChild)
fxy060608's avatar
fxy060608 已提交
632
            : newChild;
fxy060608's avatar
fxy060608 已提交
633 634 635 636 637 638 639 640 641
    }
    removeChild(oldChild) {
        const { childNodes } = this;
        const index = childNodes.indexOf(oldChild);
        if (index === -1) {
            throw new DOMException(`Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.`);
        }
        oldChild.parentNode = null;
        childNodes.splice(index, 1);
fxy060608's avatar
fxy060608 已提交
642 643 644
        return this.pageNode && !this.pageNode.isUnmounted
            ? this.pageNode.onRemoveChild(oldChild)
            : oldChild;
fxy060608's avatar
fxy060608 已提交
645 646 647
    }
}
class UniBaseNode extends UniNode {
fxy060608's avatar
fxy060608 已提交
648 649
    constructor(nodeType, nodeName, container) {
        super(nodeType, nodeName, container);
fxy060608's avatar
fxy060608 已提交
650 651 652 653 654 655 656 657 658 659 660 661 662 663 664 665 666 667
        this.attributes = Object.create(null);
        this._html = null;
        this.style = proxyStyle(new UniCSSStyleDeclaration());
    }
    get className() {
        return (this.attributes['class'] || '');
    }
    set className(val) {
        this.setAttribute('class', val);
    }
    get innerHTML() {
        return '';
    }
    set innerHTML(html) {
        this._html = html;
    }
    addEventListener(type, listener, options) {
        super.addEventListener(type, listener, options);
fxy060608's avatar
fxy060608 已提交
668
        if (this.pageNode && !this.pageNode.isUnmounted) {
fxy060608's avatar
fxy060608 已提交
669
            this.pageNode.onAddEvent(this, normalizeEventType(type, options), encodeModifier(listener.modifiers || []));
fxy060608's avatar
fxy060608 已提交
670
        }
fxy060608's avatar
fxy060608 已提交
671 672 673
    }
    removeEventListener(type, callback, options) {
        super.removeEventListener(type, callback, options);
fxy060608's avatar
fxy060608 已提交
674
        if (this.pageNode && !this.pageNode.isUnmounted) {
fxy060608's avatar
fxy060608 已提交
675
            this.pageNode.onRemoveEvent(this, normalizeEventType(type, options));
fxy060608's avatar
fxy060608 已提交
676
        }
fxy060608's avatar
fxy060608 已提交
677 678
    }
    getAttribute(qualifiedName) {
fxy060608's avatar
fxy060608 已提交
679
        return this.attributes[qualifiedName];
fxy060608's avatar
fxy060608 已提交
680 681 682
    }
    removeAttribute(qualifiedName) {
        delete this.attributes[qualifiedName];
fxy060608's avatar
fxy060608 已提交
683
        if (this.pageNode && !this.pageNode.isUnmounted) {
fxy060608's avatar
fxy060608 已提交
684 685
            this.pageNode.onRemoveAttribute(this, qualifiedName);
        }
fxy060608's avatar
fxy060608 已提交
686 687 688
    }
    setAttribute(qualifiedName, value) {
        this.attributes[qualifiedName] = value;
fxy060608's avatar
fxy060608 已提交
689
        if (this.pageNode && !this.pageNode.isUnmounted) {
fxy060608's avatar
fxy060608 已提交
690 691
            this.pageNode.onSetAttribute(this, qualifiedName, value);
        }
fxy060608's avatar
fxy060608 已提交
692
    }
fxy060608's avatar
fxy060608 已提交
693 694
    toJSON({ attr, normalize, } = {}) {
        const { attributes, listeners, style, _text } = this;
fxy060608's avatar
fxy060608 已提交
695 696
        const res = {};
        if (Object.keys(attributes).length) {
fxy060608's avatar
fxy060608 已提交
697
            res.a = normalize ? normalize(attributes) : attributes;
fxy060608's avatar
fxy060608 已提交
698
        }
fxy060608's avatar
fxy060608 已提交
699 700 701 702 703 704 705
        const events = Object.keys(listeners);
        if (events.length) {
            const e = {};
            events.forEach((name) => {
                const handlers = listeners[name];
                if (handlers.length) {
                    // 可能存在多个 handler 且不同 modifiers 吗?
fxy060608's avatar
fxy060608 已提交
706
                    e[name] = encodeModifier(handlers[0].modifiers || []);
fxy060608's avatar
fxy060608 已提交
707 708
                }
            });
fxy060608's avatar
fxy060608 已提交
709
            res.e = normalize ? normalize(e, false) : e;
fxy060608's avatar
fxy060608 已提交
710
        }
fxy060608's avatar
fxy060608 已提交
711 712
        const cssStyle = style.toJSON();
        if (cssStyle) {
fxy060608's avatar
fxy060608 已提交
713
            res.s = normalize ? normalize(cssStyle) : cssStyle;
fxy060608's avatar
fxy060608 已提交
714
        }
fxy060608's avatar
fxy060608 已提交
715
        if (!attr) {
fxy060608's avatar
fxy060608 已提交
716
            res.i = this.nodeId;
fxy060608's avatar
fxy060608 已提交
717
            res.n = this.nodeName;
fxy060608's avatar
fxy060608 已提交
718
        }
fxy060608's avatar
fxy060608 已提交
719 720
        if (_text !== null) {
            res.t = normalize ? normalize(_text) : _text;
fxy060608's avatar
fxy060608 已提交
721 722 723 724 725 726
        }
        return res;
    }
}

class UniCommentNode extends UniNode {
fxy060608's avatar
fxy060608 已提交
727 728
    constructor(text, container) {
        super(NODE_TYPE_COMMENT, '#comment', container);
fxy060608's avatar
fxy060608 已提交
729 730
        this._text = text;
    }
fxy060608's avatar
fxy060608 已提交
731
    toJSON(opts = {}) {
fxy060608's avatar
fxy060608 已提交
732
        // 暂时不传递 text 到 view 层,没啥意义,节省点数据量
fxy060608's avatar
fxy060608 已提交
733
        return opts.attr
fxy060608's avatar
fxy060608 已提交
734
            ? {}
fxy060608's avatar
fxy060608 已提交
735 736 737
            : {
                i: this.nodeId,
            };
fxy060608's avatar
fxy060608 已提交
738 739 740 741 742 743
        // return opts.attr
        //   ? { t: this._text as string }
        //   : {
        //       i: this.nodeId!,
        //       t: this._text as string,
        //     }
fxy060608's avatar
fxy060608 已提交
744
    }
fxy060608's avatar
fxy060608 已提交
745 746 747
}

class UniElement extends UniBaseNode {
fxy060608's avatar
fxy060608 已提交
748 749
    constructor(nodeName, container) {
        super(NODE_TYPE_ELEMENT, nodeName.toUpperCase(), container);
fxy060608's avatar
fxy060608 已提交
750 751 752 753 754 755 756 757 758 759 760 761 762 763 764
        this.tagName = this.nodeName;
    }
}
class UniInputElement extends UniElement {
    get value() {
        return this.getAttribute('value');
    }
    set value(val) {
        this.setAttribute('value', val);
    }
}
class UniTextAreaElement extends UniInputElement {
}

class UniTextNode extends UniBaseNode {
fxy060608's avatar
fxy060608 已提交
765 766
    constructor(text, container) {
        super(NODE_TYPE_TEXT, '#text', container);
fxy060608's avatar
fxy060608 已提交
767 768 769 770 771 772 773
        this._text = text;
    }
    get nodeValue() {
        return this._text || '';
    }
    set nodeValue(text) {
        this._text = text;
fxy060608's avatar
fxy060608 已提交
774
        if (this.pageNode && !this.pageNode.isUnmounted) {
fxy060608's avatar
fxy060608 已提交
775 776
            this.pageNode.onNodeValue(this, text);
        }
fxy060608's avatar
fxy060608 已提交
777 778 779
    }
}

fxy060608's avatar
fxy060608 已提交
780 781 782 783 784 785 786 787 788 789 790 791
const ACTION_TYPE_PAGE_CREATE = 1;
const ACTION_TYPE_PAGE_CREATED = 2;
const ACTION_TYPE_CREATE = 3;
const ACTION_TYPE_INSERT = 4;
const ACTION_TYPE_REMOVE = 5;
const ACTION_TYPE_SET_ATTRIBUTE = 6;
const ACTION_TYPE_REMOVE_ATTRIBUTE = 7;
const ACTION_TYPE_ADD_EVENT = 8;
const ACTION_TYPE_REMOVE_EVENT = 9;
const ACTION_TYPE_SET_TEXT = 10;
const ACTION_TYPE_EVENT = 20;

fxy060608's avatar
fxy060608 已提交
792
function cache(fn) {
fxy060608's avatar
fxy060608 已提交
793
    const cache = Object.create(null);
fxy060608's avatar
fxy060608 已提交
794
    return (str) => {
fxy060608's avatar
fxy060608 已提交
795 796
        const hit = cache[str];
        return hit || (cache[str] = fn(str));
fxy060608's avatar
fxy060608 已提交
797 798 799 800 801
    };
}
function cacheStringFunction(fn) {
    return cache(fn);
}
fxy060608's avatar
fxy060608 已提交
802 803
function getLen(str = '') {
    return ('' + str).replace(/[^\x00-\xff]/g, '**').length;
fxy060608's avatar
fxy060608 已提交
804 805 806
}
function removeLeadingSlash(str) {
    return str.indexOf('/') === 0 ? str.substr(1) : str;
fxy060608's avatar
fxy060608 已提交
807 808 809 810 811 812 813
}
const invokeArrayFns = (fns, arg) => {
    let ret;
    for (let i = 0; i < fns.length; i++) {
        ret = fns[i](arg);
    }
    return ret;
fxy060608's avatar
fxy060608 已提交
814 815 816 817 818
};
function updateElementStyle(element, styles) {
    for (const attrName in styles) {
        element.style[attrName] = styles[attrName];
    }
fxy060608's avatar
fxy060608 已提交
819 820 821
}
function once(fn, ctx = null) {
    let res;
fxy060608's avatar
fxy060608 已提交
822
    return ((...args) => {
fxy060608's avatar
fxy060608 已提交
823 824 825 826 827
        if (fn) {
            res = fn.apply(ctx, args);
            fn = null;
        }
        return res;
fxy060608's avatar
fxy060608 已提交
828
    });
fxy060608's avatar
fxy060608 已提交
829
}
D
DCloud_LXH 已提交
830 831 832 833 834 835 836 837 838 839 840 841 842
const sanitise = (val) => (val && JSON.parse(JSON.stringify(val))) || val;
const _completeValue = (value) => (value > 9 ? value : '0' + value);
function formatDateTime({ date = new Date(), mode = 'date' }) {
    if (mode === 'time') {
        return (_completeValue(date.getHours()) + ':' + _completeValue(date.getMinutes()));
    }
    else {
        return (date.getFullYear() +
            '-' +
            _completeValue(date.getMonth() + 1) +
            '-' +
            _completeValue(date.getDate()));
    }
Q
qiang 已提交
843 844 845 846 847 848 849 850 851 852 853 854 855 856 857 858 859 860 861 862 863
}
function callOptions(options, data) {
    options = options || {};
    if (typeof data === 'string') {
        data = {
            errMsg: data,
        };
    }
    if (/:ok$/.test(data.errMsg)) {
        if (typeof options.success === 'function') {
            options.success(data);
        }
    }
    else {
        if (typeof options.fail === 'function') {
            options.fail(data);
        }
    }
    if (typeof options.complete === 'function') {
        options.complete(data);
    }
D
DCloud_LXH 已提交
864
}
fxy060608's avatar
fxy060608 已提交
865

fxy060608's avatar
fxy060608 已提交
866 867 868 869 870 871 872 873 874 875 876 877 878 879 880
function debounce(fn, delay) {
    let timeout;
    const newFn = function () {
        clearTimeout(timeout);
        const timerFn = () => fn.apply(this, arguments);
        timeout = setTimeout(timerFn, delay);
    };
    newFn.cancel = function () {
        clearTimeout(timeout);
    };
    return newFn;
}

const NAVBAR_HEIGHT = 44;
const TABBAR_HEIGHT = 50;
fxy060608's avatar
fxy060608 已提交
881
const ON_REACH_BOTTOM_DISTANCE = 50;
fxy060608's avatar
fxy060608 已提交
882 883
const RESPONSIVE_MIN_WIDTH = 768;
const COMPONENT_NAME_PREFIX = 'VUni';
fxy060608's avatar
fxy060608 已提交
884
const PRIMARY_COLOR = '#007aff';
fxy060608's avatar
fxy060608 已提交
885 886
const SELECTED_COLOR = '#0062cc'; // 选中的颜色,如选项卡默认的选中颜色
const BACKGROUND_COLOR = '#f7f7f7'; // 背景色,如标题栏默认背景色
fxy060608's avatar
fxy060608 已提交
887
const UNI_SSR = '__uniSSR';
fxy060608's avatar
fxy060608 已提交
888
const UNI_SSR_TITLE = 'title';
fxy060608's avatar
fxy060608 已提交
889
const UNI_SSR_STORE = 'store';
fxy060608's avatar
fxy060608 已提交
890
const UNI_SSR_DATA = 'data';
fxy060608's avatar
fxy060608 已提交
891 892 893 894
const UNI_SSR_GLOBAL_DATA = 'globalData';
const SCHEME_RE = /^([a-z-]+:)?\/\//i;
const DATA_RE = /^data:.*,.*/;
const WEB_INVOKE_APPSERVICE = 'WEB_INVOKE_APPSERVICE';
fxy060608's avatar
fxy060608 已提交
895

fxy060608's avatar
fxy060608 已提交
896 897 898 899 900 901
function getEnvLocale() {
    const { env } = process;
    const lang = env.LC_ALL || env.LC_MESSAGES || env.LANG || env.LANGUAGE;
    return (lang && lang.replace(/[.:].*/, '')) || 'en';
}

fxy060608's avatar
fxy060608 已提交
902 903 904 905 906 907 908 909 910 911 912
exports.ACTION_TYPE_ADD_EVENT = ACTION_TYPE_ADD_EVENT;
exports.ACTION_TYPE_CREATE = ACTION_TYPE_CREATE;
exports.ACTION_TYPE_EVENT = ACTION_TYPE_EVENT;
exports.ACTION_TYPE_INSERT = ACTION_TYPE_INSERT;
exports.ACTION_TYPE_PAGE_CREATE = ACTION_TYPE_PAGE_CREATE;
exports.ACTION_TYPE_PAGE_CREATED = ACTION_TYPE_PAGE_CREATED;
exports.ACTION_TYPE_REMOVE = ACTION_TYPE_REMOVE;
exports.ACTION_TYPE_REMOVE_ATTRIBUTE = ACTION_TYPE_REMOVE_ATTRIBUTE;
exports.ACTION_TYPE_REMOVE_EVENT = ACTION_TYPE_REMOVE_EVENT;
exports.ACTION_TYPE_SET_ATTRIBUTE = ACTION_TYPE_SET_ATTRIBUTE;
exports.ACTION_TYPE_SET_TEXT = ACTION_TYPE_SET_TEXT;
fxy060608's avatar
fxy060608 已提交
913
exports.BACKGROUND_COLOR = BACKGROUND_COLOR;
fxy060608's avatar
fxy060608 已提交
914 915 916
exports.BUILT_IN_TAGS = BUILT_IN_TAGS;
exports.COMPONENT_NAME_PREFIX = COMPONENT_NAME_PREFIX;
exports.COMPONENT_PREFIX = COMPONENT_PREFIX;
fxy060608's avatar
fxy060608 已提交
917
exports.COMPONENT_SELECTOR_PREFIX = COMPONENT_SELECTOR_PREFIX;
fxy060608's avatar
fxy060608 已提交
918
exports.DATA_RE = DATA_RE;
fxy060608's avatar
fxy060608 已提交
919
exports.EventModifierFlags = EventModifierFlags;
fxy060608's avatar
fxy060608 已提交
920
exports.NAVBAR_HEIGHT = NAVBAR_HEIGHT;
fxy060608's avatar
fxy060608 已提交
921 922 923 924
exports.NODE_TYPE_COMMENT = NODE_TYPE_COMMENT;
exports.NODE_TYPE_ELEMENT = NODE_TYPE_ELEMENT;
exports.NODE_TYPE_PAGE = NODE_TYPE_PAGE;
exports.NODE_TYPE_TEXT = NODE_TYPE_TEXT;
fxy060608's avatar
fxy060608 已提交
925
exports.ON_REACH_BOTTOM_DISTANCE = ON_REACH_BOTTOM_DISTANCE;
fxy060608's avatar
fxy060608 已提交
926
exports.PLUS_RE = PLUS_RE;
fxy060608's avatar
fxy060608 已提交
927
exports.PRIMARY_COLOR = PRIMARY_COLOR;
fxy060608's avatar
fxy060608 已提交
928
exports.RESPONSIVE_MIN_WIDTH = RESPONSIVE_MIN_WIDTH;
fxy060608's avatar
fxy060608 已提交
929
exports.SCHEME_RE = SCHEME_RE;
fxy060608's avatar
fxy060608 已提交
930
exports.SELECTED_COLOR = SELECTED_COLOR;
fxy060608's avatar
fxy060608 已提交
931 932
exports.TABBAR_HEIGHT = TABBAR_HEIGHT;
exports.TAGS = TAGS;
fxy060608's avatar
fxy060608 已提交
933 934 935
exports.UNI_SSR = UNI_SSR;
exports.UNI_SSR_DATA = UNI_SSR_DATA;
exports.UNI_SSR_GLOBAL_DATA = UNI_SSR_GLOBAL_DATA;
fxy060608's avatar
fxy060608 已提交
936
exports.UNI_SSR_STORE = UNI_SSR_STORE;
fxy060608's avatar
fxy060608 已提交
937
exports.UNI_SSR_TITLE = UNI_SSR_TITLE;
fxy060608's avatar
fxy060608 已提交
938 939 940 941 942 943 944 945
exports.UniBaseNode = UniBaseNode;
exports.UniCommentNode = UniCommentNode;
exports.UniElement = UniElement;
exports.UniEvent = UniEvent;
exports.UniInputElement = UniInputElement;
exports.UniNode = UniNode;
exports.UniTextAreaElement = UniTextAreaElement;
exports.UniTextNode = UniTextNode;
fxy060608's avatar
fxy060608 已提交
946
exports.WEB_INVOKE_APPSERVICE = WEB_INVOKE_APPSERVICE;
fxy060608's avatar
fxy060608 已提交
947
exports.addFont = addFont;
fxy060608's avatar
fxy060608 已提交
948
exports.cache = cache;
fxy060608's avatar
fxy060608 已提交
949
exports.cacheStringFunction = cacheStringFunction;
Q
qiang 已提交
950
exports.callOptions = callOptions;
fxy060608's avatar
fxy060608 已提交
951
exports.createRpx2Unit = createRpx2Unit;
fxy060608's avatar
fxy060608 已提交
952
exports.debounce = debounce;
fxy060608's avatar
fxy060608 已提交
953 954
exports.decode = decode;
exports.decodedQuery = decodedQuery;
fxy060608's avatar
fxy060608 已提交
955
exports.defaultRpx2Unit = defaultRpx2Unit;
D
DCloud_LXH 已提交
956
exports.formatDateTime = formatDateTime;
fxy060608's avatar
fxy060608 已提交
957
exports.formatLog = formatLog;
Q
qiang 已提交
958
exports.getCustomDataset = getCustomDataset;
fxy060608's avatar
fxy060608 已提交
959
exports.getEnvLocale = getEnvLocale;
fxy060608's avatar
fxy060608 已提交
960
exports.getLen = getLen;
Q
qiang 已提交
961
exports.initCustomDataset = initCustomDataset;
fxy060608's avatar
fxy060608 已提交
962
exports.invokeArrayFns = invokeArrayFns;
fxy060608's avatar
fxy060608 已提交
963 964 965
exports.isBuiltInComponent = isBuiltInComponent;
exports.isCustomElement = isCustomElement;
exports.isNativeTag = isNativeTag;
fxy060608's avatar
fxy060608 已提交
966 967
exports.isServiceCustomElement = isServiceCustomElement;
exports.isServiceNativeTag = isServiceNativeTag;
fxy060608's avatar
fxy060608 已提交
968
exports.normalizeDataset = normalizeDataset;
fxy060608's avatar
fxy060608 已提交
969
exports.normalizeEventType = normalizeEventType;
fxy060608's avatar
fxy060608 已提交
970
exports.normalizeTarget = normalizeTarget;
fxy060608's avatar
fxy060608 已提交
971
exports.once = once;
fxy060608's avatar
fxy060608 已提交
972
exports.parseEventName = parseEventName;
fxy060608's avatar
fxy060608 已提交
973
exports.parseQuery = parseQuery;
fxy060608's avatar
fxy060608 已提交
974
exports.parseUrl = parseUrl;
fxy060608's avatar
fxy060608 已提交
975
exports.passive = passive;
fxy060608's avatar
fxy060608 已提交
976
exports.plusReady = plusReady;
fxy060608's avatar
fxy060608 已提交
977
exports.removeLeadingSlash = removeLeadingSlash;
fxy060608's avatar
fxy060608 已提交
978
exports.sanitise = sanitise;
fxy060608's avatar
fxy060608 已提交
979
exports.scrollTo = scrollTo;
fxy060608's avatar
fxy060608 已提交
980
exports.stringifyQuery = stringifyQuery;
fxy060608's avatar
fxy060608 已提交
981
exports.updateElementStyle = updateElementStyle;