2019-12-19 10:58:46 +08:00
|
|
|
|
|
|
|
|
|
/**++++++++SandBox++++++++*/
|
2019-12-19 10:42:57 +08:00
|
|
|
|
var doric = (function (exports) {
|
|
|
|
|
'use strict';
|
|
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
* Copyright [2019] [Doric.Pub]
|
|
|
|
|
*
|
|
|
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
|
|
|
* you may not use this file except in compliance with the License.
|
|
|
|
|
* You may obtain a copy of the License at
|
|
|
|
|
*
|
|
|
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
|
*
|
|
|
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
|
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
|
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
|
|
|
* See the License for the specific language governing permissions and
|
|
|
|
|
* limitations under the License.
|
|
|
|
|
*/
|
|
|
|
|
let __uniqueId__ = 0;
|
|
|
|
|
function uniqueId(prefix) {
|
|
|
|
|
return `__${prefix}_${__uniqueId__++}__`;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function toString(message) {
|
|
|
|
|
if (message instanceof Function) {
|
|
|
|
|
return message.toString();
|
|
|
|
|
}
|
|
|
|
|
else if (message instanceof Object) {
|
|
|
|
|
try {
|
|
|
|
|
return JSON.stringify(message);
|
|
|
|
|
}
|
|
|
|
|
catch (e) {
|
|
|
|
|
return message.toString();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
else if (message === undefined) {
|
|
|
|
|
return "undefined";
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
return message.toString();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
function loge(...message) {
|
|
|
|
|
let out = "";
|
|
|
|
|
for (let i = 0; i < arguments.length; i++) {
|
|
|
|
|
if (i > 0) {
|
|
|
|
|
out += ',';
|
|
|
|
|
}
|
|
|
|
|
out += toString(arguments[i]);
|
|
|
|
|
}
|
|
|
|
|
nativeLog('e', out);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/*! *****************************************************************************
|
|
|
|
|
Copyright (C) Microsoft. All rights reserved.
|
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License"); you may not use
|
|
|
|
|
this file except in compliance with the License. You may obtain a copy of the
|
|
|
|
|
License at http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
|
|
|
|
|
|
THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
|
|
|
|
KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
|
|
|
|
|
WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
|
|
|
|
|
MERCHANTABLITY OR NON-INFRINGEMENT.
|
|
|
|
|
|
|
|
|
|
See the Apache Version 2.0 License for specific language governing permissions
|
|
|
|
|
and limitations under the License.
|
|
|
|
|
***************************************************************************** */
|
|
|
|
|
var Reflect$1;
|
|
|
|
|
(function (Reflect) {
|
|
|
|
|
// Metadata Proposal
|
|
|
|
|
// https://rbuckton.github.io/reflect-metadata/
|
|
|
|
|
(function (factory) {
|
|
|
|
|
var root = typeof global === "object" ? global :
|
|
|
|
|
typeof self === "object" ? self :
|
|
|
|
|
typeof this === "object" ? this :
|
|
|
|
|
Function("return this;")();
|
|
|
|
|
var exporter = makeExporter(Reflect);
|
|
|
|
|
if (typeof root.Reflect === "undefined") {
|
|
|
|
|
root.Reflect = Reflect;
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
exporter = makeExporter(root.Reflect, exporter);
|
|
|
|
|
}
|
|
|
|
|
factory(exporter);
|
|
|
|
|
function makeExporter(target, previous) {
|
|
|
|
|
return function (key, value) {
|
|
|
|
|
if (typeof target[key] !== "function") {
|
|
|
|
|
Object.defineProperty(target, key, { configurable: true, writable: true, value: value });
|
|
|
|
|
}
|
|
|
|
|
if (previous)
|
|
|
|
|
previous(key, value);
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
})(function (exporter) {
|
|
|
|
|
var hasOwn = Object.prototype.hasOwnProperty;
|
|
|
|
|
// feature test for Symbol support
|
|
|
|
|
var supportsSymbol = typeof Symbol === "function";
|
|
|
|
|
var toPrimitiveSymbol = supportsSymbol && typeof Symbol.toPrimitive !== "undefined" ? Symbol.toPrimitive : "@@toPrimitive";
|
|
|
|
|
var iteratorSymbol = supportsSymbol && typeof Symbol.iterator !== "undefined" ? Symbol.iterator : "@@iterator";
|
|
|
|
|
var supportsCreate = typeof Object.create === "function"; // feature test for Object.create support
|
|
|
|
|
var supportsProto = { __proto__: [] } instanceof Array; // feature test for __proto__ support
|
|
|
|
|
var downLevel = !supportsCreate && !supportsProto;
|
|
|
|
|
var HashMap = {
|
|
|
|
|
// create an object in dictionary mode (a.k.a. "slow" mode in v8)
|
|
|
|
|
create: supportsCreate
|
|
|
|
|
? function () { return MakeDictionary(Object.create(null)); }
|
|
|
|
|
: supportsProto
|
|
|
|
|
? function () { return MakeDictionary({ __proto__: null }); }
|
|
|
|
|
: function () { return MakeDictionary({}); },
|
|
|
|
|
has: downLevel
|
|
|
|
|
? function (map, key) { return hasOwn.call(map, key); }
|
|
|
|
|
: function (map, key) { return key in map; },
|
|
|
|
|
get: downLevel
|
|
|
|
|
? function (map, key) { return hasOwn.call(map, key) ? map[key] : undefined; }
|
|
|
|
|
: function (map, key) { return map[key]; },
|
|
|
|
|
};
|
|
|
|
|
// Load global or shim versions of Map, Set, and WeakMap
|
|
|
|
|
var functionPrototype = Object.getPrototypeOf(Function);
|
|
|
|
|
var usePolyfill = typeof process === "object" && process.env && process.env["REFLECT_METADATA_USE_MAP_POLYFILL"] === "true";
|
|
|
|
|
var _Map = !usePolyfill && typeof Map === "function" && typeof Map.prototype.entries === "function" ? Map : CreateMapPolyfill();
|
|
|
|
|
var _Set = !usePolyfill && typeof Set === "function" && typeof Set.prototype.entries === "function" ? Set : CreateSetPolyfill();
|
|
|
|
|
var _WeakMap = !usePolyfill && typeof WeakMap === "function" ? WeakMap : CreateWeakMapPolyfill();
|
|
|
|
|
// [[Metadata]] internal slot
|
|
|
|
|
// https://rbuckton.github.io/reflect-metadata/#ordinary-object-internal-methods-and-internal-slots
|
|
|
|
|
var Metadata = new _WeakMap();
|
|
|
|
|
/**
|
|
|
|
|
* Applies a set of decorators to a property of a target object.
|
|
|
|
|
* @param decorators An array of decorators.
|
|
|
|
|
* @param target The target object.
|
|
|
|
|
* @param propertyKey (Optional) The property key to decorate.
|
|
|
|
|
* @param attributes (Optional) The property descriptor for the target key.
|
|
|
|
|
* @remarks Decorators are applied in reverse order.
|
|
|
|
|
* @example
|
|
|
|
|
*
|
|
|
|
|
* class Example {
|
|
|
|
|
* // property declarations are not part of ES6, though they are valid in TypeScript:
|
|
|
|
|
* // static staticProperty;
|
|
|
|
|
* // property;
|
|
|
|
|
*
|
|
|
|
|
* constructor(p) { }
|
|
|
|
|
* static staticMethod(p) { }
|
|
|
|
|
* method(p) { }
|
|
|
|
|
* }
|
|
|
|
|
*
|
|
|
|
|
* // constructor
|
|
|
|
|
* Example = Reflect.decorate(decoratorsArray, Example);
|
|
|
|
|
*
|
|
|
|
|
* // property (on constructor)
|
|
|
|
|
* Reflect.decorate(decoratorsArray, Example, "staticProperty");
|
|
|
|
|
*
|
|
|
|
|
* // property (on prototype)
|
|
|
|
|
* Reflect.decorate(decoratorsArray, Example.prototype, "property");
|
|
|
|
|
*
|
|
|
|
|
* // method (on constructor)
|
|
|
|
|
* Object.defineProperty(Example, "staticMethod",
|
|
|
|
|
* Reflect.decorate(decoratorsArray, Example, "staticMethod",
|
|
|
|
|
* Object.getOwnPropertyDescriptor(Example, "staticMethod")));
|
|
|
|
|
*
|
|
|
|
|
* // method (on prototype)
|
|
|
|
|
* Object.defineProperty(Example.prototype, "method",
|
|
|
|
|
* Reflect.decorate(decoratorsArray, Example.prototype, "method",
|
|
|
|
|
* Object.getOwnPropertyDescriptor(Example.prototype, "method")));
|
|
|
|
|
*
|
|
|
|
|
*/
|
|
|
|
|
function decorate(decorators, target, propertyKey, attributes) {
|
|
|
|
|
if (!IsUndefined(propertyKey)) {
|
|
|
|
|
if (!IsArray(decorators))
|
|
|
|
|
throw new TypeError();
|
|
|
|
|
if (!IsObject(target))
|
|
|
|
|
throw new TypeError();
|
|
|
|
|
if (!IsObject(attributes) && !IsUndefined(attributes) && !IsNull(attributes))
|
|
|
|
|
throw new TypeError();
|
|
|
|
|
if (IsNull(attributes))
|
|
|
|
|
attributes = undefined;
|
|
|
|
|
propertyKey = ToPropertyKey(propertyKey);
|
|
|
|
|
return DecorateProperty(decorators, target, propertyKey, attributes);
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
if (!IsArray(decorators))
|
|
|
|
|
throw new TypeError();
|
|
|
|
|
if (!IsConstructor(target))
|
|
|
|
|
throw new TypeError();
|
|
|
|
|
return DecorateConstructor(decorators, target);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
exporter("decorate", decorate);
|
|
|
|
|
// 4.1.2 Reflect.metadata(metadataKey, metadataValue)
|
|
|
|
|
// https://rbuckton.github.io/reflect-metadata/#reflect.metadata
|
|
|
|
|
/**
|
|
|
|
|
* A default metadata decorator factory that can be used on a class, class member, or parameter.
|
|
|
|
|
* @param metadataKey The key for the metadata entry.
|
|
|
|
|
* @param metadataValue The value for the metadata entry.
|
|
|
|
|
* @returns A decorator function.
|
|
|
|
|
* @remarks
|
|
|
|
|
* If `metadataKey` is already defined for the target and target key, the
|
|
|
|
|
* metadataValue for that key will be overwritten.
|
|
|
|
|
* @example
|
|
|
|
|
*
|
|
|
|
|
* // constructor
|
|
|
|
|
* @Reflect.metadata(key, value)
|
|
|
|
|
* class Example {
|
|
|
|
|
* }
|
|
|
|
|
*
|
|
|
|
|
* // property (on constructor, TypeScript only)
|
|
|
|
|
* class Example {
|
|
|
|
|
* @Reflect.metadata(key, value)
|
|
|
|
|
* static staticProperty;
|
|
|
|
|
* }
|
|
|
|
|
*
|
|
|
|
|
* // property (on prototype, TypeScript only)
|
|
|
|
|
* class Example {
|
|
|
|
|
* @Reflect.metadata(key, value)
|
|
|
|
|
* property;
|
|
|
|
|
* }
|
|
|
|
|
*
|
|
|
|
|
* // method (on constructor)
|
|
|
|
|
* class Example {
|
|
|
|
|
* @Reflect.metadata(key, value)
|
|
|
|
|
* static staticMethod() { }
|
|
|
|
|
* }
|
|
|
|
|
*
|
|
|
|
|
* // method (on prototype)
|
|
|
|
|
* class Example {
|
|
|
|
|
* @Reflect.metadata(key, value)
|
|
|
|
|
* method() { }
|
|
|
|
|
* }
|
|
|
|
|
*
|
|
|
|
|
*/
|
|
|
|
|
function metadata(metadataKey, metadataValue) {
|
|
|
|
|
function decorator(target, propertyKey) {
|
|
|
|
|
if (!IsObject(target))
|
|
|
|
|
throw new TypeError();
|
|
|
|
|
if (!IsUndefined(propertyKey) && !IsPropertyKey(propertyKey))
|
|
|
|
|
throw new TypeError();
|
|
|
|
|
OrdinaryDefineOwnMetadata(metadataKey, metadataValue, target, propertyKey);
|
|
|
|
|
}
|
|
|
|
|
return decorator;
|
|
|
|
|
}
|
|
|
|
|
exporter("metadata", metadata);
|
|
|
|
|
/**
|
|
|
|
|
* Define a unique metadata entry on the target.
|
|
|
|
|
* @param metadataKey A key used to store and retrieve metadata.
|
|
|
|
|
* @param metadataValue A value that contains attached metadata.
|
|
|
|
|
* @param target The target object on which to define metadata.
|
|
|
|
|
* @param propertyKey (Optional) The property key for the target.
|
|
|
|
|
* @example
|
|
|
|
|
*
|
|
|
|
|
* class Example {
|
|
|
|
|
* // property declarations are not part of ES6, though they are valid in TypeScript:
|
|
|
|
|
* // static staticProperty;
|
|
|
|
|
* // property;
|
|
|
|
|
*
|
|
|
|
|
* constructor(p) { }
|
|
|
|
|
* static staticMethod(p) { }
|
|
|
|
|
* method(p) { }
|
|
|
|
|
* }
|
|
|
|
|
*
|
|
|
|
|
* // constructor
|
|
|
|
|
* Reflect.defineMetadata("custom:annotation", options, Example);
|
|
|
|
|
*
|
|
|
|
|
* // property (on constructor)
|
|
|
|
|
* Reflect.defineMetadata("custom:annotation", options, Example, "staticProperty");
|
|
|
|
|
*
|
|
|
|
|
* // property (on prototype)
|
|
|
|
|
* Reflect.defineMetadata("custom:annotation", options, Example.prototype, "property");
|
|
|
|
|
*
|
|
|
|
|
* // method (on constructor)
|
|
|
|
|
* Reflect.defineMetadata("custom:annotation", options, Example, "staticMethod");
|
|
|
|
|
*
|
|
|
|
|
* // method (on prototype)
|
|
|
|
|
* Reflect.defineMetadata("custom:annotation", options, Example.prototype, "method");
|
|
|
|
|
*
|
|
|
|
|
* // decorator factory as metadata-producing annotation.
|
|
|
|
|
* function MyAnnotation(options): Decorator {
|
|
|
|
|
* return (target, key?) => Reflect.defineMetadata("custom:annotation", options, target, key);
|
|
|
|
|
* }
|
|
|
|
|
*
|
|
|
|
|
*/
|
|
|
|
|
function defineMetadata(metadataKey, metadataValue, target, propertyKey) {
|
|
|
|
|
if (!IsObject(target))
|
|
|
|
|
throw new TypeError();
|
|
|
|
|
if (!IsUndefined(propertyKey))
|
|
|
|
|
propertyKey = ToPropertyKey(propertyKey);
|
|
|
|
|
return OrdinaryDefineOwnMetadata(metadataKey, metadataValue, target, propertyKey);
|
|
|
|
|
}
|
|
|
|
|
exporter("defineMetadata", defineMetadata);
|
|
|
|
|
/**
|
|
|
|
|
* Gets a value indicating whether the target object or its prototype chain has the provided metadata key defined.
|
|
|
|
|
* @param metadataKey A key used to store and retrieve metadata.
|
|
|
|
|
* @param target The target object on which the metadata is defined.
|
|
|
|
|
* @param propertyKey (Optional) The property key for the target.
|
|
|
|
|
* @returns `true` if the metadata key was defined on the target object or its prototype chain; otherwise, `false`.
|
|
|
|
|
* @example
|
|
|
|
|
*
|
|
|
|
|
* class Example {
|
|
|
|
|
* // property declarations are not part of ES6, though they are valid in TypeScript:
|
|
|
|
|
* // static staticProperty;
|
|
|
|
|
* // property;
|
|
|
|
|
*
|
|
|
|
|
* constructor(p) { }
|
|
|
|
|
* static staticMethod(p) { }
|
|
|
|
|
* method(p) { }
|
|
|
|
|
* }
|
|
|
|
|
*
|
|
|
|
|
* // constructor
|
|
|
|
|
* result = Reflect.hasMetadata("custom:annotation", Example);
|
|
|
|
|
*
|
|
|
|
|
* // property (on constructor)
|
|
|
|
|
* result = Reflect.hasMetadata("custom:annotation", Example, "staticProperty");
|
|
|
|
|
*
|
|
|
|
|
* // property (on prototype)
|
|
|
|
|
* result = Reflect.hasMetadata("custom:annotation", Example.prototype, "property");
|
|
|
|
|
*
|
|
|
|
|
* // method (on constructor)
|
|
|
|
|
* result = Reflect.hasMetadata("custom:annotation", Example, "staticMethod");
|
|
|
|
|
*
|
|
|
|
|
* // method (on prototype)
|
|
|
|
|
* result = Reflect.hasMetadata("custom:annotation", Example.prototype, "method");
|
|
|
|
|
*
|
|
|
|
|
*/
|
|
|
|
|
function hasMetadata(metadataKey, target, propertyKey) {
|
|
|
|
|
if (!IsObject(target))
|
|
|
|
|
throw new TypeError();
|
|
|
|
|
if (!IsUndefined(propertyKey))
|
|
|
|
|
propertyKey = ToPropertyKey(propertyKey);
|
|
|
|
|
return OrdinaryHasMetadata(metadataKey, target, propertyKey);
|
|
|
|
|
}
|
|
|
|
|
exporter("hasMetadata", hasMetadata);
|
|
|
|
|
/**
|
|
|
|
|
* Gets a value indicating whether the target object has the provided metadata key defined.
|
|
|
|
|
* @param metadataKey A key used to store and retrieve metadata.
|
|
|
|
|
* @param target The target object on which the metadata is defined.
|
|
|
|
|
* @param propertyKey (Optional) The property key for the target.
|
|
|
|
|
* @returns `true` if the metadata key was defined on the target object; otherwise, `false`.
|
|
|
|
|
* @example
|
|
|
|
|
*
|
|
|
|
|
* class Example {
|
|
|
|
|
* // property declarations are not part of ES6, though they are valid in TypeScript:
|
|
|
|
|
* // static staticProperty;
|
|
|
|
|
* // property;
|
|
|
|
|
*
|
|
|
|
|
* constructor(p) { }
|
|
|
|
|
* static staticMethod(p) { }
|
|
|
|
|
* method(p) { }
|
|
|
|
|
* }
|
|
|
|
|
*
|
|
|
|
|
* // constructor
|
|
|
|
|
* result = Reflect.hasOwnMetadata("custom:annotation", Example);
|
|
|
|
|
*
|
|
|
|
|
* // property (on constructor)
|
|
|
|
|
* result = Reflect.hasOwnMetadata("custom:annotation", Example, "staticProperty");
|
|
|
|
|
*
|
|
|
|
|
* // property (on prototype)
|
|
|
|
|
* result = Reflect.hasOwnMetadata("custom:annotation", Example.prototype, "property");
|
|
|
|
|
*
|
|
|
|
|
* // method (on constructor)
|
|
|
|
|
* result = Reflect.hasOwnMetadata("custom:annotation", Example, "staticMethod");
|
|
|
|
|
*
|
|
|
|
|
* // method (on prototype)
|
|
|
|
|
* result = Reflect.hasOwnMetadata("custom:annotation", Example.prototype, "method");
|
|
|
|
|
*
|
|
|
|
|
*/
|
|
|
|
|
function hasOwnMetadata(metadataKey, target, propertyKey) {
|
|
|
|
|
if (!IsObject(target))
|
|
|
|
|
throw new TypeError();
|
|
|
|
|
if (!IsUndefined(propertyKey))
|
|
|
|
|
propertyKey = ToPropertyKey(propertyKey);
|
|
|
|
|
return OrdinaryHasOwnMetadata(metadataKey, target, propertyKey);
|
|
|
|
|
}
|
|
|
|
|
exporter("hasOwnMetadata", hasOwnMetadata);
|
|
|
|
|
/**
|
|
|
|
|
* Gets the metadata value for the provided metadata key on the target object or its prototype chain.
|
|
|
|
|
* @param metadataKey A key used to store and retrieve metadata.
|
|
|
|
|
* @param target The target object on which the metadata is defined.
|
|
|
|
|
* @param propertyKey (Optional) The property key for the target.
|
|
|
|
|
* @returns The metadata value for the metadata key if found; otherwise, `undefined`.
|
|
|
|
|
* @example
|
|
|
|
|
*
|
|
|
|
|
* class Example {
|
|
|
|
|
* // property declarations are not part of ES6, though they are valid in TypeScript:
|
|
|
|
|
* // static staticProperty;
|
|
|
|
|
* // property;
|
|
|
|
|
*
|
|
|
|
|
* constructor(p) { }
|
|
|
|
|
* static staticMethod(p) { }
|
|
|
|
|
* method(p) { }
|
|
|
|
|
* }
|
|
|
|
|
*
|
|
|
|
|
* // constructor
|
|
|
|
|
* result = Reflect.getMetadata("custom:annotation", Example);
|
|
|
|
|
*
|
|
|
|
|
* // property (on constructor)
|
|
|
|
|
* result = Reflect.getMetadata("custom:annotation", Example, "staticProperty");
|
|
|
|
|
*
|
|
|
|
|
* // property (on prototype)
|
|
|
|
|
* result = Reflect.getMetadata("custom:annotation", Example.prototype, "property");
|
|
|
|
|
*
|
|
|
|
|
* // method (on constructor)
|
|
|
|
|
* result = Reflect.getMetadata("custom:annotation", Example, "staticMethod");
|
|
|
|
|
*
|
|
|
|
|
* // method (on prototype)
|
|
|
|
|
* result = Reflect.getMetadata("custom:annotation", Example.prototype, "method");
|
|
|
|
|
*
|
|
|
|
|
*/
|
|
|
|
|
function getMetadata(metadataKey, target, propertyKey) {
|
|
|
|
|
if (!IsObject(target))
|
|
|
|
|
throw new TypeError();
|
|
|
|
|
if (!IsUndefined(propertyKey))
|
|
|
|
|
propertyKey = ToPropertyKey(propertyKey);
|
|
|
|
|
return OrdinaryGetMetadata(metadataKey, target, propertyKey);
|
|
|
|
|
}
|
|
|
|
|
exporter("getMetadata", getMetadata);
|
|
|
|
|
/**
|
|
|
|
|
* Gets the metadata value for the provided metadata key on the target object.
|
|
|
|
|
* @param metadataKey A key used to store and retrieve metadata.
|
|
|
|
|
* @param target The target object on which the metadata is defined.
|
|
|
|
|
* @param propertyKey (Optional) The property key for the target.
|
|
|
|
|
* @returns The metadata value for the metadata key if found; otherwise, `undefined`.
|
|
|
|
|
* @example
|
|
|
|
|
*
|
|
|
|
|
* class Example {
|
|
|
|
|
* // property declarations are not part of ES6, though they are valid in TypeScript:
|
|
|
|
|
* // static staticProperty;
|
|
|
|
|
* // property;
|
|
|
|
|
*
|
|
|
|
|
* constructor(p) { }
|
|
|
|
|
* static staticMethod(p) { }
|
|
|
|
|
* method(p) { }
|
|
|
|
|
* }
|
|
|
|
|
*
|
|
|
|
|
* // constructor
|
|
|
|
|
* result = Reflect.getOwnMetadata("custom:annotation", Example);
|
|
|
|
|
*
|
|
|
|
|
* // property (on constructor)
|
|
|
|
|
* result = Reflect.getOwnMetadata("custom:annotation", Example, "staticProperty");
|
|
|
|
|
*
|
|
|
|
|
* // property (on prototype)
|
|
|
|
|
* result = Reflect.getOwnMetadata("custom:annotation", Example.prototype, "property");
|
|
|
|
|
*
|
|
|
|
|
* // method (on constructor)
|
|
|
|
|
* result = Reflect.getOwnMetadata("custom:annotation", Example, "staticMethod");
|
|
|
|
|
*
|
|
|
|
|
* // method (on prototype)
|
|
|
|
|
* result = Reflect.getOwnMetadata("custom:annotation", Example.prototype, "method");
|
|
|
|
|
*
|
|
|
|
|
*/
|
|
|
|
|
function getOwnMetadata(metadataKey, target, propertyKey) {
|
|
|
|
|
if (!IsObject(target))
|
|
|
|
|
throw new TypeError();
|
|
|
|
|
if (!IsUndefined(propertyKey))
|
|
|
|
|
propertyKey = ToPropertyKey(propertyKey);
|
|
|
|
|
return OrdinaryGetOwnMetadata(metadataKey, target, propertyKey);
|
|
|
|
|
}
|
|
|
|
|
exporter("getOwnMetadata", getOwnMetadata);
|
|
|
|
|
/**
|
|
|
|
|
* Gets the metadata keys defined on the target object or its prototype chain.
|
|
|
|
|
* @param target The target object on which the metadata is defined.
|
|
|
|
|
* @param propertyKey (Optional) The property key for the target.
|
|
|
|
|
* @returns An array of unique metadata keys.
|
|
|
|
|
* @example
|
|
|
|
|
*
|
|
|
|
|
* class Example {
|
|
|
|
|
* // property declarations are not part of ES6, though they are valid in TypeScript:
|
|
|
|
|
* // static staticProperty;
|
|
|
|
|
* // property;
|
|
|
|
|
*
|
|
|
|
|
* constructor(p) { }
|
|
|
|
|
* static staticMethod(p) { }
|
|
|
|
|
* method(p) { }
|
|
|
|
|
* }
|
|
|
|
|
*
|
|
|
|
|
* // constructor
|
|
|
|
|
* result = Reflect.getMetadataKeys(Example);
|
|
|
|
|
*
|
|
|
|
|
* // property (on constructor)
|
|
|
|
|
* result = Reflect.getMetadataKeys(Example, "staticProperty");
|
|
|
|
|
*
|
|
|
|
|
* // property (on prototype)
|
|
|
|
|
* result = Reflect.getMetadataKeys(Example.prototype, "property");
|
|
|
|
|
*
|
|
|
|
|
* // method (on constructor)
|
|
|
|
|
* result = Reflect.getMetadataKeys(Example, "staticMethod");
|
|
|
|
|
*
|
|
|
|
|
* // method (on prototype)
|
|
|
|
|
* result = Reflect.getMetadataKeys(Example.prototype, "method");
|
|
|
|
|
*
|
|
|
|
|
*/
|
|
|
|
|
function getMetadataKeys(target, propertyKey) {
|
|
|
|
|
if (!IsObject(target))
|
|
|
|
|
throw new TypeError();
|
|
|
|
|
if (!IsUndefined(propertyKey))
|
|
|
|
|
propertyKey = ToPropertyKey(propertyKey);
|
|
|
|
|
return OrdinaryMetadataKeys(target, propertyKey);
|
|
|
|
|
}
|
|
|
|
|
exporter("getMetadataKeys", getMetadataKeys);
|
|
|
|
|
/**
|
|
|
|
|
* Gets the unique metadata keys defined on the target object.
|
|
|
|
|
* @param target The target object on which the metadata is defined.
|
|
|
|
|
* @param propertyKey (Optional) The property key for the target.
|
|
|
|
|
* @returns An array of unique metadata keys.
|
|
|
|
|
* @example
|
|
|
|
|
*
|
|
|
|
|
* class Example {
|
|
|
|
|
* // property declarations are not part of ES6, though they are valid in TypeScript:
|
|
|
|
|
* // static staticProperty;
|
|
|
|
|
* // property;
|
|
|
|
|
*
|
|
|
|
|
* constructor(p) { }
|
|
|
|
|
* static staticMethod(p) { }
|
|
|
|
|
* method(p) { }
|
|
|
|
|
* }
|
|
|
|
|
*
|
|
|
|
|
* // constructor
|
|
|
|
|
* result = Reflect.getOwnMetadataKeys(Example);
|
|
|
|
|
*
|
|
|
|
|
* // property (on constructor)
|
|
|
|
|
* result = Reflect.getOwnMetadataKeys(Example, "staticProperty");
|
|
|
|
|
*
|
|
|
|
|
* // property (on prototype)
|
|
|
|
|
* result = Reflect.getOwnMetadataKeys(Example.prototype, "property");
|
|
|
|
|
*
|
|
|
|
|
* // method (on constructor)
|
|
|
|
|
* result = Reflect.getOwnMetadataKeys(Example, "staticMethod");
|
|
|
|
|
*
|
|
|
|
|
* // method (on prototype)
|
|
|
|
|
* result = Reflect.getOwnMetadataKeys(Example.prototype, "method");
|
|
|
|
|
*
|
|
|
|
|
*/
|
|
|
|
|
function getOwnMetadataKeys(target, propertyKey) {
|
|
|
|
|
if (!IsObject(target))
|
|
|
|
|
throw new TypeError();
|
|
|
|
|
if (!IsUndefined(propertyKey))
|
|
|
|
|
propertyKey = ToPropertyKey(propertyKey);
|
|
|
|
|
return OrdinaryOwnMetadataKeys(target, propertyKey);
|
|
|
|
|
}
|
|
|
|
|
exporter("getOwnMetadataKeys", getOwnMetadataKeys);
|
|
|
|
|
/**
|
|
|
|
|
* Deletes the metadata entry from the target object with the provided key.
|
|
|
|
|
* @param metadataKey A key used to store and retrieve metadata.
|
|
|
|
|
* @param target The target object on which the metadata is defined.
|
|
|
|
|
* @param propertyKey (Optional) The property key for the target.
|
|
|
|
|
* @returns `true` if the metadata entry was found and deleted; otherwise, false.
|
|
|
|
|
* @example
|
|
|
|
|
*
|
|
|
|
|
* class Example {
|
|
|
|
|
* // property declarations are not part of ES6, though they are valid in TypeScript:
|
|
|
|
|
* // static staticProperty;
|
|
|
|
|
* // property;
|
|
|
|
|
*
|
|
|
|
|
* constructor(p) { }
|
|
|
|
|
* static staticMethod(p) { }
|
|
|
|
|
* method(p) { }
|
|
|
|
|
* }
|
|
|
|
|
*
|
|
|
|
|
* // constructor
|
|
|
|
|
* result = Reflect.deleteMetadata("custom:annotation", Example);
|
|
|
|
|
*
|
|
|
|
|
* // property (on constructor)
|
|
|
|
|
* result = Reflect.deleteMetadata("custom:annotation", Example, "staticProperty");
|
|
|
|
|
*
|
|
|
|
|
* // property (on prototype)
|
|
|
|
|
* result = Reflect.deleteMetadata("custom:annotation", Example.prototype, "property");
|
|
|
|
|
*
|
|
|
|
|
* // method (on constructor)
|
|
|
|
|
* result = Reflect.deleteMetadata("custom:annotation", Example, "staticMethod");
|
|
|
|
|
*
|
|
|
|
|
* // method (on prototype)
|
|
|
|
|
* result = Reflect.deleteMetadata("custom:annotation", Example.prototype, "method");
|
|
|
|
|
*
|
|
|
|
|
*/
|
|
|
|
|
function deleteMetadata(metadataKey, target, propertyKey) {
|
|
|
|
|
if (!IsObject(target))
|
|
|
|
|
throw new TypeError();
|
|
|
|
|
if (!IsUndefined(propertyKey))
|
|
|
|
|
propertyKey = ToPropertyKey(propertyKey);
|
|
|
|
|
var metadataMap = GetOrCreateMetadataMap(target, propertyKey, /*Create*/ false);
|
|
|
|
|
if (IsUndefined(metadataMap))
|
|
|
|
|
return false;
|
|
|
|
|
if (!metadataMap.delete(metadataKey))
|
|
|
|
|
return false;
|
|
|
|
|
if (metadataMap.size > 0)
|
|
|
|
|
return true;
|
|
|
|
|
var targetMetadata = Metadata.get(target);
|
|
|
|
|
targetMetadata.delete(propertyKey);
|
|
|
|
|
if (targetMetadata.size > 0)
|
|
|
|
|
return true;
|
|
|
|
|
Metadata.delete(target);
|
|
|
|
|
return true;
|
|
|
|
|
}
|
|
|
|
|
exporter("deleteMetadata", deleteMetadata);
|
|
|
|
|
function DecorateConstructor(decorators, target) {
|
|
|
|
|
for (var i = decorators.length - 1; i >= 0; --i) {
|
|
|
|
|
var decorator = decorators[i];
|
|
|
|
|
var decorated = decorator(target);
|
|
|
|
|
if (!IsUndefined(decorated) && !IsNull(decorated)) {
|
|
|
|
|
if (!IsConstructor(decorated))
|
|
|
|
|
throw new TypeError();
|
|
|
|
|
target = decorated;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
return target;
|
|
|
|
|
}
|
|
|
|
|
function DecorateProperty(decorators, target, propertyKey, descriptor) {
|
|
|
|
|
for (var i = decorators.length - 1; i >= 0; --i) {
|
|
|
|
|
var decorator = decorators[i];
|
|
|
|
|
var decorated = decorator(target, propertyKey, descriptor);
|
|
|
|
|
if (!IsUndefined(decorated) && !IsNull(decorated)) {
|
|
|
|
|
if (!IsObject(decorated))
|
|
|
|
|
throw new TypeError();
|
|
|
|
|
descriptor = decorated;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
return descriptor;
|
|
|
|
|
}
|
|
|
|
|
function GetOrCreateMetadataMap(O, P, Create) {
|
|
|
|
|
var targetMetadata = Metadata.get(O);
|
|
|
|
|
if (IsUndefined(targetMetadata)) {
|
|
|
|
|
if (!Create)
|
|
|
|
|
return undefined;
|
|
|
|
|
targetMetadata = new _Map();
|
|
|
|
|
Metadata.set(O, targetMetadata);
|
|
|
|
|
}
|
|
|
|
|
var metadataMap = targetMetadata.get(P);
|
|
|
|
|
if (IsUndefined(metadataMap)) {
|
|
|
|
|
if (!Create)
|
|
|
|
|
return undefined;
|
|
|
|
|
metadataMap = new _Map();
|
|
|
|
|
targetMetadata.set(P, metadataMap);
|
|
|
|
|
}
|
|
|
|
|
return metadataMap;
|
|
|
|
|
}
|
|
|
|
|
// 3.1.1.1 OrdinaryHasMetadata(MetadataKey, O, P)
|
|
|
|
|
// https://rbuckton.github.io/reflect-metadata/#ordinaryhasmetadata
|
|
|
|
|
function OrdinaryHasMetadata(MetadataKey, O, P) {
|
|
|
|
|
var hasOwn = OrdinaryHasOwnMetadata(MetadataKey, O, P);
|
|
|
|
|
if (hasOwn)
|
|
|
|
|
return true;
|
|
|
|
|
var parent = OrdinaryGetPrototypeOf(O);
|
|
|
|
|
if (!IsNull(parent))
|
|
|
|
|
return OrdinaryHasMetadata(MetadataKey, parent, P);
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
// 3.1.2.1 OrdinaryHasOwnMetadata(MetadataKey, O, P)
|
|
|
|
|
// https://rbuckton.github.io/reflect-metadata/#ordinaryhasownmetadata
|
|
|
|
|
function OrdinaryHasOwnMetadata(MetadataKey, O, P) {
|
|
|
|
|
var metadataMap = GetOrCreateMetadataMap(O, P, /*Create*/ false);
|
|
|
|
|
if (IsUndefined(metadataMap))
|
|
|
|
|
return false;
|
|
|
|
|
return ToBoolean(metadataMap.has(MetadataKey));
|
|
|
|
|
}
|
|
|
|
|
// 3.1.3.1 OrdinaryGetMetadata(MetadataKey, O, P)
|
|
|
|
|
// https://rbuckton.github.io/reflect-metadata/#ordinarygetmetadata
|
|
|
|
|
function OrdinaryGetMetadata(MetadataKey, O, P) {
|
|
|
|
|
var hasOwn = OrdinaryHasOwnMetadata(MetadataKey, O, P);
|
|
|
|
|
if (hasOwn)
|
|
|
|
|
return OrdinaryGetOwnMetadata(MetadataKey, O, P);
|
|
|
|
|
var parent = OrdinaryGetPrototypeOf(O);
|
|
|
|
|
if (!IsNull(parent))
|
|
|
|
|
return OrdinaryGetMetadata(MetadataKey, parent, P);
|
|
|
|
|
return undefined;
|
|
|
|
|
}
|
|
|
|
|
// 3.1.4.1 OrdinaryGetOwnMetadata(MetadataKey, O, P)
|
|
|
|
|
// https://rbuckton.github.io/reflect-metadata/#ordinarygetownmetadata
|
|
|
|
|
function OrdinaryGetOwnMetadata(MetadataKey, O, P) {
|
|
|
|
|
var metadataMap = GetOrCreateMetadataMap(O, P, /*Create*/ false);
|
|
|
|
|
if (IsUndefined(metadataMap))
|
|
|
|
|
return undefined;
|
|
|
|
|
return metadataMap.get(MetadataKey);
|
|
|
|
|
}
|
|
|
|
|
// 3.1.5.1 OrdinaryDefineOwnMetadata(MetadataKey, MetadataValue, O, P)
|
|
|
|
|
// https://rbuckton.github.io/reflect-metadata/#ordinarydefineownmetadata
|
|
|
|
|
function OrdinaryDefineOwnMetadata(MetadataKey, MetadataValue, O, P) {
|
|
|
|
|
var metadataMap = GetOrCreateMetadataMap(O, P, /*Create*/ true);
|
|
|
|
|
metadataMap.set(MetadataKey, MetadataValue);
|
|
|
|
|
}
|
|
|
|
|
// 3.1.6.1 OrdinaryMetadataKeys(O, P)
|
|
|
|
|
// https://rbuckton.github.io/reflect-metadata/#ordinarymetadatakeys
|
|
|
|
|
function OrdinaryMetadataKeys(O, P) {
|
|
|
|
|
var ownKeys = OrdinaryOwnMetadataKeys(O, P);
|
|
|
|
|
var parent = OrdinaryGetPrototypeOf(O);
|
|
|
|
|
if (parent === null)
|
|
|
|
|
return ownKeys;
|
|
|
|
|
var parentKeys = OrdinaryMetadataKeys(parent, P);
|
|
|
|
|
if (parentKeys.length <= 0)
|
|
|
|
|
return ownKeys;
|
|
|
|
|
if (ownKeys.length <= 0)
|
|
|
|
|
return parentKeys;
|
|
|
|
|
var set = new _Set();
|
|
|
|
|
var keys = [];
|
|
|
|
|
for (var _i = 0, ownKeys_1 = ownKeys; _i < ownKeys_1.length; _i++) {
|
|
|
|
|
var key = ownKeys_1[_i];
|
|
|
|
|
var hasKey = set.has(key);
|
|
|
|
|
if (!hasKey) {
|
|
|
|
|
set.add(key);
|
|
|
|
|
keys.push(key);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
for (var _a = 0, parentKeys_1 = parentKeys; _a < parentKeys_1.length; _a++) {
|
|
|
|
|
var key = parentKeys_1[_a];
|
|
|
|
|
var hasKey = set.has(key);
|
|
|
|
|
if (!hasKey) {
|
|
|
|
|
set.add(key);
|
|
|
|
|
keys.push(key);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
return keys;
|
|
|
|
|
}
|
|
|
|
|
// 3.1.7.1 OrdinaryOwnMetadataKeys(O, P)
|
|
|
|
|
// https://rbuckton.github.io/reflect-metadata/#ordinaryownmetadatakeys
|
|
|
|
|
function OrdinaryOwnMetadataKeys(O, P) {
|
|
|
|
|
var keys = [];
|
|
|
|
|
var metadataMap = GetOrCreateMetadataMap(O, P, /*Create*/ false);
|
|
|
|
|
if (IsUndefined(metadataMap))
|
|
|
|
|
return keys;
|
|
|
|
|
var keysObj = metadataMap.keys();
|
|
|
|
|
var iterator = GetIterator(keysObj);
|
|
|
|
|
var k = 0;
|
|
|
|
|
while (true) {
|
|
|
|
|
var next = IteratorStep(iterator);
|
|
|
|
|
if (!next) {
|
|
|
|
|
keys.length = k;
|
|
|
|
|
return keys;
|
|
|
|
|
}
|
|
|
|
|
var nextValue = IteratorValue(next);
|
|
|
|
|
try {
|
|
|
|
|
keys[k] = nextValue;
|
|
|
|
|
}
|
|
|
|
|
catch (e) {
|
|
|
|
|
try {
|
|
|
|
|
IteratorClose(iterator);
|
|
|
|
|
}
|
|
|
|
|
finally {
|
|
|
|
|
throw e;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
k++;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
// 6 ECMAScript Data Typ0es and Values
|
|
|
|
|
// https://tc39.github.io/ecma262/#sec-ecmascript-data-types-and-values
|
|
|
|
|
function Type(x) {
|
|
|
|
|
if (x === null)
|
|
|
|
|
return 1 /* Null */;
|
|
|
|
|
switch (typeof x) {
|
|
|
|
|
case "undefined": return 0 /* Undefined */;
|
|
|
|
|
case "boolean": return 2 /* Boolean */;
|
|
|
|
|
case "string": return 3 /* String */;
|
|
|
|
|
case "symbol": return 4 /* Symbol */;
|
|
|
|
|
case "number": return 5 /* Number */;
|
|
|
|
|
case "object": return x === null ? 1 /* Null */ : 6 /* Object */;
|
|
|
|
|
default: return 6 /* Object */;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
// 6.1.1 The Undefined Type
|
|
|
|
|
// https://tc39.github.io/ecma262/#sec-ecmascript-language-types-undefined-type
|
|
|
|
|
function IsUndefined(x) {
|
|
|
|
|
return x === undefined;
|
|
|
|
|
}
|
|
|
|
|
// 6.1.2 The Null Type
|
|
|
|
|
// https://tc39.github.io/ecma262/#sec-ecmascript-language-types-null-type
|
|
|
|
|
function IsNull(x) {
|
|
|
|
|
return x === null;
|
|
|
|
|
}
|
|
|
|
|
// 6.1.5 The Symbol Type
|
|
|
|
|
// https://tc39.github.io/ecma262/#sec-ecmascript-language-types-symbol-type
|
|
|
|
|
function IsSymbol(x) {
|
|
|
|
|
return typeof x === "symbol";
|
|
|
|
|
}
|
|
|
|
|
// 6.1.7 The Object Type
|
|
|
|
|
// https://tc39.github.io/ecma262/#sec-object-type
|
|
|
|
|
function IsObject(x) {
|
|
|
|
|
return typeof x === "object" ? x !== null : typeof x === "function";
|
|
|
|
|
}
|
|
|
|
|
// 7.1 Type Conversion
|
|
|
|
|
// https://tc39.github.io/ecma262/#sec-type-conversion
|
|
|
|
|
// 7.1.1 ToPrimitive(input [, PreferredType])
|
|
|
|
|
// https://tc39.github.io/ecma262/#sec-toprimitive
|
|
|
|
|
function ToPrimitive(input, PreferredType) {
|
|
|
|
|
switch (Type(input)) {
|
|
|
|
|
case 0 /* Undefined */: return input;
|
|
|
|
|
case 1 /* Null */: return input;
|
|
|
|
|
case 2 /* Boolean */: return input;
|
|
|
|
|
case 3 /* String */: return input;
|
|
|
|
|
case 4 /* Symbol */: return input;
|
|
|
|
|
case 5 /* Number */: return input;
|
|
|
|
|
}
|
|
|
|
|
var hint = PreferredType === 3 /* String */ ? "string" : PreferredType === 5 /* Number */ ? "number" : "default";
|
|
|
|
|
var exoticToPrim = GetMethod(input, toPrimitiveSymbol);
|
|
|
|
|
if (exoticToPrim !== undefined) {
|
|
|
|
|
var result = exoticToPrim.call(input, hint);
|
|
|
|
|
if (IsObject(result))
|
|
|
|
|
throw new TypeError();
|
|
|
|
|
return result;
|
|
|
|
|
}
|
|
|
|
|
return OrdinaryToPrimitive(input, hint === "default" ? "number" : hint);
|
|
|
|
|
}
|
|
|
|
|
// 7.1.1.1 OrdinaryToPrimitive(O, hint)
|
|
|
|
|
// https://tc39.github.io/ecma262/#sec-ordinarytoprimitive
|
|
|
|
|
function OrdinaryToPrimitive(O, hint) {
|
|
|
|
|
if (hint === "string") {
|
|
|
|
|
var toString_1 = O.toString;
|
|
|
|
|
if (IsCallable(toString_1)) {
|
|
|
|
|
var result = toString_1.call(O);
|
|
|
|
|
if (!IsObject(result))
|
|
|
|
|
return result;
|
|
|
|
|
}
|
|
|
|
|
var valueOf = O.valueOf;
|
|
|
|
|
if (IsCallable(valueOf)) {
|
|
|
|
|
var result = valueOf.call(O);
|
|
|
|
|
if (!IsObject(result))
|
|
|
|
|
return result;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
var valueOf = O.valueOf;
|
|
|
|
|
if (IsCallable(valueOf)) {
|
|
|
|
|
var result = valueOf.call(O);
|
|
|
|
|
if (!IsObject(result))
|
|
|
|
|
return result;
|
|
|
|
|
}
|
|
|
|
|
var toString_2 = O.toString;
|
|
|
|
|
if (IsCallable(toString_2)) {
|
|
|
|
|
var result = toString_2.call(O);
|
|
|
|
|
if (!IsObject(result))
|
|
|
|
|
return result;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
throw new TypeError();
|
|
|
|
|
}
|
|
|
|
|
// 7.1.2 ToBoolean(argument)
|
|
|
|
|
// https://tc39.github.io/ecma262/2016/#sec-toboolean
|
|
|
|
|
function ToBoolean(argument) {
|
|
|
|
|
return !!argument;
|
|
|
|
|
}
|
|
|
|
|
// 7.1.12 ToString(argument)
|
|
|
|
|
// https://tc39.github.io/ecma262/#sec-tostring
|
|
|
|
|
function ToString(argument) {
|
|
|
|
|
return "" + argument;
|
|
|
|
|
}
|
|
|
|
|
// 7.1.14 ToPropertyKey(argument)
|
|
|
|
|
// https://tc39.github.io/ecma262/#sec-topropertykey
|
|
|
|
|
function ToPropertyKey(argument) {
|
|
|
|
|
var key = ToPrimitive(argument, 3 /* String */);
|
|
|
|
|
if (IsSymbol(key))
|
|
|
|
|
return key;
|
|
|
|
|
return ToString(key);
|
|
|
|
|
}
|
|
|
|
|
// 7.2 Testing and Comparison Operations
|
|
|
|
|
// https://tc39.github.io/ecma262/#sec-testing-and-comparison-operations
|
|
|
|
|
// 7.2.2 IsArray(argument)
|
|
|
|
|
// https://tc39.github.io/ecma262/#sec-isarray
|
|
|
|
|
function IsArray(argument) {
|
|
|
|
|
return Array.isArray
|
|
|
|
|
? Array.isArray(argument)
|
|
|
|
|
: argument instanceof Object
|
|
|
|
|
? argument instanceof Array
|
|
|
|
|
: Object.prototype.toString.call(argument) === "[object Array]";
|
|
|
|
|
}
|
|
|
|
|
// 7.2.3 IsCallable(argument)
|
|
|
|
|
// https://tc39.github.io/ecma262/#sec-iscallable
|
|
|
|
|
function IsCallable(argument) {
|
|
|
|
|
// NOTE: This is an approximation as we cannot check for [[Call]] internal method.
|
|
|
|
|
return typeof argument === "function";
|
|
|
|
|
}
|
|
|
|
|
// 7.2.4 IsConstructor(argument)
|
|
|
|
|
// https://tc39.github.io/ecma262/#sec-isconstructor
|
|
|
|
|
function IsConstructor(argument) {
|
|
|
|
|
// NOTE: This is an approximation as we cannot check for [[Construct]] internal method.
|
|
|
|
|
return typeof argument === "function";
|
|
|
|
|
}
|
|
|
|
|
// 7.2.7 IsPropertyKey(argument)
|
|
|
|
|
// https://tc39.github.io/ecma262/#sec-ispropertykey
|
|
|
|
|
function IsPropertyKey(argument) {
|
|
|
|
|
switch (Type(argument)) {
|
|
|
|
|
case 3 /* String */: return true;
|
|
|
|
|
case 4 /* Symbol */: return true;
|
|
|
|
|
default: return false;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
// 7.3 Operations on Objects
|
|
|
|
|
// https://tc39.github.io/ecma262/#sec-operations-on-objects
|
|
|
|
|
// 7.3.9 GetMethod(V, P)
|
|
|
|
|
// https://tc39.github.io/ecma262/#sec-getmethod
|
|
|
|
|
function GetMethod(V, P) {
|
|
|
|
|
var func = V[P];
|
|
|
|
|
if (func === undefined || func === null)
|
|
|
|
|
return undefined;
|
|
|
|
|
if (!IsCallable(func))
|
|
|
|
|
throw new TypeError();
|
|
|
|
|
return func;
|
|
|
|
|
}
|
|
|
|
|
// 7.4 Operations on Iterator Objects
|
|
|
|
|
// https://tc39.github.io/ecma262/#sec-operations-on-iterator-objects
|
|
|
|
|
function GetIterator(obj) {
|
|
|
|
|
var method = GetMethod(obj, iteratorSymbol);
|
|
|
|
|
if (!IsCallable(method))
|
|
|
|
|
throw new TypeError(); // from Call
|
|
|
|
|
var iterator = method.call(obj);
|
|
|
|
|
if (!IsObject(iterator))
|
|
|
|
|
throw new TypeError();
|
|
|
|
|
return iterator;
|
|
|
|
|
}
|
|
|
|
|
// 7.4.4 IteratorValue(iterResult)
|
|
|
|
|
// https://tc39.github.io/ecma262/2016/#sec-iteratorvalue
|
|
|
|
|
function IteratorValue(iterResult) {
|
|
|
|
|
return iterResult.value;
|
|
|
|
|
}
|
|
|
|
|
// 7.4.5 IteratorStep(iterator)
|
|
|
|
|
// https://tc39.github.io/ecma262/#sec-iteratorstep
|
|
|
|
|
function IteratorStep(iterator) {
|
|
|
|
|
var result = iterator.next();
|
|
|
|
|
return result.done ? false : result;
|
|
|
|
|
}
|
|
|
|
|
// 7.4.6 IteratorClose(iterator, completion)
|
|
|
|
|
// https://tc39.github.io/ecma262/#sec-iteratorclose
|
|
|
|
|
function IteratorClose(iterator) {
|
|
|
|
|
var f = iterator["return"];
|
|
|
|
|
if (f)
|
|
|
|
|
f.call(iterator);
|
|
|
|
|
}
|
|
|
|
|
// 9.1 Ordinary Object Internal Methods and Internal Slots
|
|
|
|
|
// https://tc39.github.io/ecma262/#sec-ordinary-object-internal-methods-and-internal-slots
|
|
|
|
|
// 9.1.1.1 OrdinaryGetPrototypeOf(O)
|
|
|
|
|
// https://tc39.github.io/ecma262/#sec-ordinarygetprototypeof
|
|
|
|
|
function OrdinaryGetPrototypeOf(O) {
|
|
|
|
|
var proto = Object.getPrototypeOf(O);
|
|
|
|
|
if (typeof O !== "function" || O === functionPrototype)
|
|
|
|
|
return proto;
|
|
|
|
|
// TypeScript doesn't set __proto__ in ES5, as it's non-standard.
|
|
|
|
|
// Try to determine the superclass constructor. Compatible implementations
|
|
|
|
|
// must either set __proto__ on a subclass constructor to the superclass constructor,
|
|
|
|
|
// or ensure each class has a valid `constructor` property on its prototype that
|
|
|
|
|
// points back to the constructor.
|
|
|
|
|
// If this is not the same as Function.[[Prototype]], then this is definately inherited.
|
|
|
|
|
// This is the case when in ES6 or when using __proto__ in a compatible browser.
|
|
|
|
|
if (proto !== functionPrototype)
|
|
|
|
|
return proto;
|
|
|
|
|
// If the super prototype is Object.prototype, null, or undefined, then we cannot determine the heritage.
|
|
|
|
|
var prototype = O.prototype;
|
|
|
|
|
var prototypeProto = prototype && Object.getPrototypeOf(prototype);
|
|
|
|
|
if (prototypeProto == null || prototypeProto === Object.prototype)
|
|
|
|
|
return proto;
|
|
|
|
|
// If the constructor was not a function, then we cannot determine the heritage.
|
|
|
|
|
var constructor = prototypeProto.constructor;
|
|
|
|
|
if (typeof constructor !== "function")
|
|
|
|
|
return proto;
|
|
|
|
|
// If we have some kind of self-reference, then we cannot determine the heritage.
|
|
|
|
|
if (constructor === O)
|
|
|
|
|
return proto;
|
|
|
|
|
// we have a pretty good guess at the heritage.
|
|
|
|
|
return constructor;
|
|
|
|
|
}
|
|
|
|
|
// naive Map shim
|
|
|
|
|
function CreateMapPolyfill() {
|
|
|
|
|
var cacheSentinel = {};
|
|
|
|
|
var arraySentinel = [];
|
|
|
|
|
var MapIterator = /** @class */ (function () {
|
|
|
|
|
function MapIterator(keys, values, selector) {
|
|
|
|
|
this._index = 0;
|
|
|
|
|
this._keys = keys;
|
|
|
|
|
this._values = values;
|
|
|
|
|
this._selector = selector;
|
|
|
|
|
}
|
|
|
|
|
MapIterator.prototype["@@iterator"] = function () { return this; };
|
|
|
|
|
MapIterator.prototype[iteratorSymbol] = function () { return this; };
|
|
|
|
|
MapIterator.prototype.next = function () {
|
|
|
|
|
var index = this._index;
|
|
|
|
|
if (index >= 0 && index < this._keys.length) {
|
|
|
|
|
var result = this._selector(this._keys[index], this._values[index]);
|
|
|
|
|
if (index + 1 >= this._keys.length) {
|
|
|
|
|
this._index = -1;
|
|
|
|
|
this._keys = arraySentinel;
|
|
|
|
|
this._values = arraySentinel;
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
this._index++;
|
|
|
|
|
}
|
|
|
|
|
return { value: result, done: false };
|
|
|
|
|
}
|
|
|
|
|
return { value: undefined, done: true };
|
|
|
|
|
};
|
|
|
|
|
MapIterator.prototype.throw = function (error) {
|
|
|
|
|
if (this._index >= 0) {
|
|
|
|
|
this._index = -1;
|
|
|
|
|
this._keys = arraySentinel;
|
|
|
|
|
this._values = arraySentinel;
|
|
|
|
|
}
|
|
|
|
|
throw error;
|
|
|
|
|
};
|
|
|
|
|
MapIterator.prototype.return = function (value) {
|
|
|
|
|
if (this._index >= 0) {
|
|
|
|
|
this._index = -1;
|
|
|
|
|
this._keys = arraySentinel;
|
|
|
|
|
this._values = arraySentinel;
|
|
|
|
|
}
|
|
|
|
|
return { value: value, done: true };
|
|
|
|
|
};
|
|
|
|
|
return MapIterator;
|
|
|
|
|
}());
|
|
|
|
|
return /** @class */ (function () {
|
|
|
|
|
function Map() {
|
|
|
|
|
this._keys = [];
|
|
|
|
|
this._values = [];
|
|
|
|
|
this._cacheKey = cacheSentinel;
|
|
|
|
|
this._cacheIndex = -2;
|
|
|
|
|
}
|
|
|
|
|
Object.defineProperty(Map.prototype, "size", {
|
|
|
|
|
get: function () { return this._keys.length; },
|
|
|
|
|
enumerable: true,
|
|
|
|
|
configurable: true
|
|
|
|
|
});
|
|
|
|
|
Map.prototype.has = function (key) { return this._find(key, /*insert*/ false) >= 0; };
|
|
|
|
|
Map.prototype.get = function (key) {
|
|
|
|
|
var index = this._find(key, /*insert*/ false);
|
|
|
|
|
return index >= 0 ? this._values[index] : undefined;
|
|
|
|
|
};
|
|
|
|
|
Map.prototype.set = function (key, value) {
|
|
|
|
|
var index = this._find(key, /*insert*/ true);
|
|
|
|
|
this._values[index] = value;
|
|
|
|
|
return this;
|
|
|
|
|
};
|
|
|
|
|
Map.prototype.delete = function (key) {
|
|
|
|
|
var index = this._find(key, /*insert*/ false);
|
|
|
|
|
if (index >= 0) {
|
|
|
|
|
var size = this._keys.length;
|
|
|
|
|
for (var i = index + 1; i < size; i++) {
|
|
|
|
|
this._keys[i - 1] = this._keys[i];
|
|
|
|
|
this._values[i - 1] = this._values[i];
|
|
|
|
|
}
|
|
|
|
|
this._keys.length--;
|
|
|
|
|
this._values.length--;
|
|
|
|
|
if (key === this._cacheKey) {
|
|
|
|
|
this._cacheKey = cacheSentinel;
|
|
|
|
|
this._cacheIndex = -2;
|
|
|
|
|
}
|
|
|
|
|
return true;
|
|
|
|
|
}
|
|
|
|
|
return false;
|
|
|
|
|
};
|
|
|
|
|
Map.prototype.clear = function () {
|
|
|
|
|
this._keys.length = 0;
|
|
|
|
|
this._values.length = 0;
|
|
|
|
|
this._cacheKey = cacheSentinel;
|
|
|
|
|
this._cacheIndex = -2;
|
|
|
|
|
};
|
|
|
|
|
Map.prototype.keys = function () { return new MapIterator(this._keys, this._values, getKey); };
|
|
|
|
|
Map.prototype.values = function () { return new MapIterator(this._keys, this._values, getValue); };
|
|
|
|
|
Map.prototype.entries = function () { return new MapIterator(this._keys, this._values, getEntry); };
|
|
|
|
|
Map.prototype["@@iterator"] = function () { return this.entries(); };
|
|
|
|
|
Map.prototype[iteratorSymbol] = function () { return this.entries(); };
|
|
|
|
|
Map.prototype._find = function (key, insert) {
|
|
|
|
|
if (this._cacheKey !== key) {
|
|
|
|
|
this._cacheIndex = this._keys.indexOf(this._cacheKey = key);
|
|
|
|
|
}
|
|
|
|
|
if (this._cacheIndex < 0 && insert) {
|
|
|
|
|
this._cacheIndex = this._keys.length;
|
|
|
|
|
this._keys.push(key);
|
|
|
|
|
this._values.push(undefined);
|
|
|
|
|
}
|
|
|
|
|
return this._cacheIndex;
|
|
|
|
|
};
|
|
|
|
|
return Map;
|
|
|
|
|
}());
|
|
|
|
|
function getKey(key, _) {
|
|
|
|
|
return key;
|
|
|
|
|
}
|
|
|
|
|
function getValue(_, value) {
|
|
|
|
|
return value;
|
|
|
|
|
}
|
|
|
|
|
function getEntry(key, value) {
|
|
|
|
|
return [key, value];
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
// naive Set shim
|
|
|
|
|
function CreateSetPolyfill() {
|
|
|
|
|
return /** @class */ (function () {
|
|
|
|
|
function Set() {
|
|
|
|
|
this._map = new _Map();
|
|
|
|
|
}
|
|
|
|
|
Object.defineProperty(Set.prototype, "size", {
|
|
|
|
|
get: function () { return this._map.size; },
|
|
|
|
|
enumerable: true,
|
|
|
|
|
configurable: true
|
|
|
|
|
});
|
|
|
|
|
Set.prototype.has = function (value) { return this._map.has(value); };
|
|
|
|
|
Set.prototype.add = function (value) { return this._map.set(value, value), this; };
|
|
|
|
|
Set.prototype.delete = function (value) { return this._map.delete(value); };
|
|
|
|
|
Set.prototype.clear = function () { this._map.clear(); };
|
|
|
|
|
Set.prototype.keys = function () { return this._map.keys(); };
|
|
|
|
|
Set.prototype.values = function () { return this._map.values(); };
|
|
|
|
|
Set.prototype.entries = function () { return this._map.entries(); };
|
|
|
|
|
Set.prototype["@@iterator"] = function () { return this.keys(); };
|
|
|
|
|
Set.prototype[iteratorSymbol] = function () { return this.keys(); };
|
|
|
|
|
return Set;
|
|
|
|
|
}());
|
|
|
|
|
}
|
|
|
|
|
// naive WeakMap shim
|
|
|
|
|
function CreateWeakMapPolyfill() {
|
|
|
|
|
var UUID_SIZE = 16;
|
|
|
|
|
var keys = HashMap.create();
|
|
|
|
|
var rootKey = CreateUniqueKey();
|
|
|
|
|
return /** @class */ (function () {
|
|
|
|
|
function WeakMap() {
|
|
|
|
|
this._key = CreateUniqueKey();
|
|
|
|
|
}
|
|
|
|
|
WeakMap.prototype.has = function (target) {
|
|
|
|
|
var table = GetOrCreateWeakMapTable(target, /*create*/ false);
|
|
|
|
|
return table !== undefined ? HashMap.has(table, this._key) : false;
|
|
|
|
|
};
|
|
|
|
|
WeakMap.prototype.get = function (target) {
|
|
|
|
|
var table = GetOrCreateWeakMapTable(target, /*create*/ false);
|
|
|
|
|
return table !== undefined ? HashMap.get(table, this._key) : undefined;
|
|
|
|
|
};
|
|
|
|
|
WeakMap.prototype.set = function (target, value) {
|
|
|
|
|
var table = GetOrCreateWeakMapTable(target, /*create*/ true);
|
|
|
|
|
table[this._key] = value;
|
|
|
|
|
return this;
|
|
|
|
|
};
|
|
|
|
|
WeakMap.prototype.delete = function (target) {
|
|
|
|
|
var table = GetOrCreateWeakMapTable(target, /*create*/ false);
|
|
|
|
|
return table !== undefined ? delete table[this._key] : false;
|
|
|
|
|
};
|
|
|
|
|
WeakMap.prototype.clear = function () {
|
|
|
|
|
// NOTE: not a real clear, just makes the previous data unreachable
|
|
|
|
|
this._key = CreateUniqueKey();
|
|
|
|
|
};
|
|
|
|
|
return WeakMap;
|
|
|
|
|
}());
|
|
|
|
|
function CreateUniqueKey() {
|
|
|
|
|
var key;
|
|
|
|
|
do
|
|
|
|
|
key = "@@WeakMap@@" + CreateUUID();
|
|
|
|
|
while (HashMap.has(keys, key));
|
|
|
|
|
keys[key] = true;
|
|
|
|
|
return key;
|
|
|
|
|
}
|
|
|
|
|
function GetOrCreateWeakMapTable(target, create) {
|
|
|
|
|
if (!hasOwn.call(target, rootKey)) {
|
|
|
|
|
if (!create)
|
|
|
|
|
return undefined;
|
|
|
|
|
Object.defineProperty(target, rootKey, { value: HashMap.create() });
|
|
|
|
|
}
|
|
|
|
|
return target[rootKey];
|
|
|
|
|
}
|
|
|
|
|
function FillRandomBytes(buffer, size) {
|
|
|
|
|
for (var i = 0; i < size; ++i)
|
|
|
|
|
buffer[i] = Math.random() * 0xff | 0;
|
|
|
|
|
return buffer;
|
|
|
|
|
}
|
|
|
|
|
function GenRandomBytes(size) {
|
|
|
|
|
if (typeof Uint8Array === "function") {
|
|
|
|
|
if (typeof crypto !== "undefined")
|
|
|
|
|
return crypto.getRandomValues(new Uint8Array(size));
|
|
|
|
|
if (typeof msCrypto !== "undefined")
|
|
|
|
|
return msCrypto.getRandomValues(new Uint8Array(size));
|
|
|
|
|
return FillRandomBytes(new Uint8Array(size), size);
|
|
|
|
|
}
|
|
|
|
|
return FillRandomBytes(new Array(size), size);
|
|
|
|
|
}
|
|
|
|
|
function CreateUUID() {
|
|
|
|
|
var data = GenRandomBytes(UUID_SIZE);
|
|
|
|
|
// mark as random - RFC 4122 § 4.4
|
|
|
|
|
data[6] = data[6] & 0x4f | 0x40;
|
|
|
|
|
data[8] = data[8] & 0xbf | 0x80;
|
|
|
|
|
var result = "";
|
|
|
|
|
for (var offset = 0; offset < UUID_SIZE; ++offset) {
|
|
|
|
|
var byte = data[offset];
|
|
|
|
|
if (offset === 4 || offset === 6 || offset === 8)
|
|
|
|
|
result += "-";
|
|
|
|
|
if (byte < 16)
|
|
|
|
|
result += "0";
|
|
|
|
|
result += byte.toString(16).toLowerCase();
|
|
|
|
|
}
|
|
|
|
|
return result;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
// uses a heuristic used by v8 and chakra to force an object into dictionary mode.
|
|
|
|
|
function MakeDictionary(obj) {
|
|
|
|
|
obj.__ = undefined;
|
|
|
|
|
delete obj.__;
|
|
|
|
|
return obj;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
})(Reflect$1 || (Reflect$1 = {}));
|
|
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
* Copyright [2019] [Doric.Pub]
|
|
|
|
|
*
|
|
|
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
|
|
|
* you may not use this file except in compliance with the License.
|
|
|
|
|
* You may obtain a copy of the License at
|
|
|
|
|
*
|
|
|
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
|
*
|
|
|
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
|
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
|
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
|
|
|
* See the License for the specific language governing permissions and
|
|
|
|
|
* limitations under the License.
|
|
|
|
|
*/
|
|
|
|
|
function hookBeforeNativeCall(context) {
|
|
|
|
|
if (context) {
|
2021-09-16 12:52:02 +08:00
|
|
|
|
setContext(context);
|
2019-12-19 10:42:57 +08:00
|
|
|
|
context.hookBeforeNativeCall();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
function getContext() {
|
|
|
|
|
return Reflect.getMetadata('__doric_context__', global$1);
|
|
|
|
|
}
|
|
|
|
|
function setContext(context) {
|
|
|
|
|
Reflect.defineMetadata('__doric_context__', context, global$1);
|
|
|
|
|
}
|
|
|
|
|
function jsCallResolve(contextId, callbackId, args) {
|
|
|
|
|
const context = gContexts.get(contextId);
|
|
|
|
|
if (context === undefined) {
|
|
|
|
|
loge(`Cannot find context for context id:${contextId}`);
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
const callback = context.callbacks.get(callbackId);
|
|
|
|
|
if (callback === undefined) {
|
|
|
|
|
loge(`Cannot find call for context id:${contextId},callback id:${callbackId}`);
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
const argumentsList = [];
|
|
|
|
|
for (let i = 2; i < arguments.length; i++) {
|
|
|
|
|
argumentsList.push(arguments[i]);
|
|
|
|
|
}
|
|
|
|
|
hookBeforeNativeCall(context);
|
|
|
|
|
Reflect.apply(callback.resolve, context, argumentsList);
|
|
|
|
|
}
|
|
|
|
|
function jsCallReject(contextId, callbackId, args) {
|
|
|
|
|
const context = gContexts.get(contextId);
|
|
|
|
|
if (context === undefined) {
|
|
|
|
|
loge(`Cannot find context for context id:${contextId}`);
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
const callback = context.callbacks.get(callbackId);
|
|
|
|
|
if (callback === undefined) {
|
|
|
|
|
loge(`Cannot find call for context id:${contextId},callback id:${callbackId}`);
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
const argumentsList = [];
|
|
|
|
|
for (let i = 2; i < arguments.length; i++) {
|
|
|
|
|
argumentsList.push(arguments[i]);
|
|
|
|
|
}
|
|
|
|
|
hookBeforeNativeCall(context);
|
|
|
|
|
Reflect.apply(callback.reject, context.entity, argumentsList);
|
|
|
|
|
}
|
|
|
|
|
class Context {
|
|
|
|
|
constructor(id) {
|
|
|
|
|
this.callbacks = new Map;
|
2020-10-23 16:48:44 +08:00
|
|
|
|
this.classes = new Map;
|
2019-12-19 10:42:57 +08:00
|
|
|
|
this.id = id;
|
|
|
|
|
return new Proxy(this, {
|
|
|
|
|
get: (target, p) => {
|
|
|
|
|
if (Reflect.has(target, p)) {
|
|
|
|
|
return Reflect.get(target, p);
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
const namespace = p;
|
|
|
|
|
return new Proxy({}, {
|
|
|
|
|
get: (target, p) => {
|
|
|
|
|
if (Reflect.has(target, p)) {
|
|
|
|
|
return Reflect.get(target, p);
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
const context = this;
|
|
|
|
|
return function () {
|
|
|
|
|
const args = [];
|
|
|
|
|
args.push(namespace);
|
|
|
|
|
args.push(p);
|
|
|
|
|
for (let arg of arguments) {
|
|
|
|
|
args.push(arg);
|
|
|
|
|
}
|
|
|
|
|
return Reflect.apply(context.callNative, context, args);
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
hookBeforeNativeCall() {
|
|
|
|
|
if (this.entity && Reflect.has(this.entity, 'hookBeforeNativeCall')) {
|
|
|
|
|
Reflect.apply(Reflect.get(this.entity, 'hookBeforeNativeCall'), this.entity, []);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
hookAfterNativeCall() {
|
|
|
|
|
if (this.entity && Reflect.has(this.entity, 'hookAfterNativeCall')) {
|
|
|
|
|
Reflect.apply(Reflect.get(this.entity, 'hookAfterNativeCall'), this.entity, []);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
callNative(namespace, method, args) {
|
|
|
|
|
const callbackId = uniqueId('callback');
|
|
|
|
|
return new Promise((resolve, reject) => {
|
|
|
|
|
this.callbacks.set(callbackId, {
|
|
|
|
|
resolve,
|
|
|
|
|
reject,
|
|
|
|
|
});
|
2021-06-22 16:36:34 +08:00
|
|
|
|
nativeBridge(this.id, namespace, method, callbackId, args);
|
2019-12-19 10:42:57 +08:00
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
register(instance) {
|
|
|
|
|
this.entity = instance;
|
|
|
|
|
}
|
2020-01-09 19:38:23 +08:00
|
|
|
|
function2Id(func) {
|
|
|
|
|
const functionId = uniqueId('function');
|
|
|
|
|
this.callbacks.set(functionId, {
|
|
|
|
|
resolve: func,
|
|
|
|
|
reject: () => { loge("This should not be called"); }
|
|
|
|
|
});
|
|
|
|
|
return functionId;
|
|
|
|
|
}
|
|
|
|
|
removeFuncById(funcId) {
|
|
|
|
|
this.callbacks.delete(funcId);
|
|
|
|
|
}
|
2019-12-19 10:42:57 +08:00
|
|
|
|
}
|
|
|
|
|
const gContexts = new Map;
|
|
|
|
|
const gModules = new Map;
|
2021-03-04 14:49:41 +08:00
|
|
|
|
function allContexts() {
|
|
|
|
|
return gContexts.values();
|
|
|
|
|
}
|
2019-12-19 10:42:57 +08:00
|
|
|
|
function jsObtainContext(id) {
|
|
|
|
|
if (gContexts.has(id)) {
|
|
|
|
|
const context = gContexts.get(id);
|
|
|
|
|
setContext(context);
|
|
|
|
|
return context;
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
const context = new Context(id);
|
|
|
|
|
gContexts.set(id, context);
|
|
|
|
|
setContext(context);
|
|
|
|
|
return context;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
function jsReleaseContext(id) {
|
|
|
|
|
const context = gContexts.get(id);
|
2019-12-21 11:09:27 +08:00
|
|
|
|
const args = arguments;
|
2019-12-19 10:42:57 +08:00
|
|
|
|
if (context) {
|
|
|
|
|
timerInfos.forEach((v, k) => {
|
|
|
|
|
if (v.context === context) {
|
|
|
|
|
if (global$1.nativeClearTimer === undefined) {
|
2019-12-21 11:09:27 +08:00
|
|
|
|
return Reflect.apply(_clearTimeout, undefined, args);
|
2019-12-19 10:42:57 +08:00
|
|
|
|
}
|
|
|
|
|
timerInfos.delete(k);
|
|
|
|
|
nativeClearTimer(k);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
gContexts.delete(id);
|
|
|
|
|
}
|
|
|
|
|
function __require__(name) {
|
|
|
|
|
if (gModules.has(name)) {
|
|
|
|
|
return gModules.get(name);
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
if (nativeRequire(name)) {
|
|
|
|
|
return gModules.get(name);
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
return undefined;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
function jsRegisterModule(name, moduleObject) {
|
|
|
|
|
gModules.set(name, moduleObject);
|
|
|
|
|
}
|
|
|
|
|
function jsCallEntityMethod(contextId, methodName, args) {
|
|
|
|
|
const context = gContexts.get(contextId);
|
|
|
|
|
if (context === undefined) {
|
|
|
|
|
loge(`Cannot find context for context id:${contextId}`);
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
if (context.entity === undefined) {
|
|
|
|
|
loge(`Cannot find holder for context id:${contextId}`);
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
if (Reflect.has(context.entity, methodName)) {
|
|
|
|
|
const argumentsList = [];
|
|
|
|
|
for (let i = 2; i < arguments.length; i++) {
|
|
|
|
|
argumentsList.push(arguments[i]);
|
|
|
|
|
}
|
|
|
|
|
hookBeforeNativeCall(context);
|
|
|
|
|
const ret = Reflect.apply(Reflect.get(context.entity, methodName), context.entity, argumentsList);
|
|
|
|
|
return ret;
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
loge(`Cannot find method for context id:${contextId},method name is:${methodName}`);
|
|
|
|
|
}
|
|
|
|
|
}
|
2021-04-14 16:53:38 +08:00
|
|
|
|
function pureCallEntityMethod(contextId, methodName, args) {
|
|
|
|
|
const context = gContexts.get(contextId);
|
|
|
|
|
if (context === undefined) {
|
|
|
|
|
loge(`Cannot find context for context id:${contextId}`);
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
if (context.entity === undefined) {
|
|
|
|
|
loge(`Cannot find holder for context id:${contextId}`);
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
if (Reflect.has(context.entity, methodName)) {
|
|
|
|
|
const argumentsList = [];
|
|
|
|
|
for (let i = 2; i < arguments.length; i++) {
|
|
|
|
|
argumentsList.push(arguments[i]);
|
|
|
|
|
}
|
|
|
|
|
return Reflect.apply(Reflect.get(context.entity, methodName), context.entity, argumentsList);
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
loge(`Cannot find method for context id:${contextId},method name is:${methodName}`);
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-12-19 10:42:57 +08:00
|
|
|
|
function jsObtainEntry(contextId) {
|
|
|
|
|
const context = jsObtainContext(contextId);
|
2020-10-23 16:48:44 +08:00
|
|
|
|
const exportFunc = (constructor) => {
|
|
|
|
|
context === null || context === void 0 ? void 0 : context.classes.set(constructor.name, constructor);
|
|
|
|
|
const ret = new constructor;
|
|
|
|
|
Reflect.set(ret, 'context', context);
|
|
|
|
|
context === null || context === void 0 ? void 0 : context.register(ret);
|
|
|
|
|
return constructor;
|
|
|
|
|
};
|
|
|
|
|
return function () {
|
|
|
|
|
if (arguments.length === 1) {
|
|
|
|
|
const args = arguments[0];
|
|
|
|
|
if (args instanceof Array) {
|
|
|
|
|
args.forEach(clz => {
|
|
|
|
|
context === null || context === void 0 ? void 0 : context.classes.set(clz.name, clz);
|
|
|
|
|
});
|
|
|
|
|
return exportFunc;
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
return exportFunc(args);
|
2019-12-19 10:42:57 +08:00
|
|
|
|
}
|
|
|
|
|
}
|
2020-10-23 16:48:44 +08:00
|
|
|
|
else if (arguments.length === 2) {
|
|
|
|
|
const srcContextId = arguments[0];
|
|
|
|
|
const className = arguments[1];
|
|
|
|
|
const srcContext = gContexts.get(srcContextId);
|
|
|
|
|
if (srcContext) {
|
2021-08-12 15:46:44 +08:00
|
|
|
|
srcContext.classes.forEach((v, k) => {
|
|
|
|
|
context === null || context === void 0 ? void 0 : context.classes.set(k, v);
|
|
|
|
|
});
|
2020-10-23 16:48:44 +08:00
|
|
|
|
const clz = srcContext.classes.get(className);
|
|
|
|
|
if (clz) {
|
|
|
|
|
return exportFunc(clz);
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
throw new Error(`Cannot find class:${className} in context:${srcContextId}`);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
throw new Error(`Cannot find context for ${srcContextId}`);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
throw new Error(`Entry arguments error:${arguments}`);
|
|
|
|
|
}
|
2019-12-19 10:42:57 +08:00
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
const global$1 = Function('return this')();
|
2021-02-26 19:01:42 +08:00
|
|
|
|
let __timerId__ = 1;
|
2019-12-19 10:42:57 +08:00
|
|
|
|
const timerInfos = new Map;
|
|
|
|
|
const _setTimeout = global$1.setTimeout;
|
|
|
|
|
const _setInterval = global$1.setInterval;
|
|
|
|
|
const _clearTimeout = global$1.clearTimeout;
|
|
|
|
|
const _clearInterval = global$1.clearInterval;
|
2019-12-21 12:14:38 +08:00
|
|
|
|
const doricSetTimeout = function (handler, timeout, ...args) {
|
2019-12-19 10:42:57 +08:00
|
|
|
|
if (global$1.nativeSetTimer === undefined) {
|
|
|
|
|
return Reflect.apply(_setTimeout, undefined, arguments);
|
|
|
|
|
}
|
|
|
|
|
const id = __timerId__++;
|
|
|
|
|
timerInfos.set(id, {
|
|
|
|
|
callback: () => {
|
|
|
|
|
Reflect.apply(handler, undefined, args);
|
|
|
|
|
timerInfos.delete(id);
|
|
|
|
|
},
|
|
|
|
|
context: getContext(),
|
|
|
|
|
});
|
|
|
|
|
nativeSetTimer(id, timeout || 0, false);
|
|
|
|
|
return id;
|
|
|
|
|
};
|
2019-12-21 12:14:38 +08:00
|
|
|
|
const doricSetInterval = function (handler, timeout, ...args) {
|
2019-12-19 10:42:57 +08:00
|
|
|
|
if (global$1.nativeSetTimer === undefined) {
|
|
|
|
|
return Reflect.apply(_setInterval, undefined, arguments);
|
|
|
|
|
}
|
|
|
|
|
const id = __timerId__++;
|
|
|
|
|
timerInfos.set(id, {
|
|
|
|
|
callback: () => {
|
|
|
|
|
Reflect.apply(handler, undefined, args);
|
|
|
|
|
},
|
|
|
|
|
context: getContext(),
|
|
|
|
|
});
|
|
|
|
|
nativeSetTimer(id, timeout || 0, true);
|
|
|
|
|
return id;
|
|
|
|
|
};
|
2019-12-21 12:14:38 +08:00
|
|
|
|
const doricClearTimeout = function (timerId) {
|
2019-12-19 10:42:57 +08:00
|
|
|
|
if (global$1.nativeClearTimer === undefined) {
|
|
|
|
|
return Reflect.apply(_clearTimeout, undefined, arguments);
|
|
|
|
|
}
|
|
|
|
|
timerInfos.delete(timerId);
|
|
|
|
|
nativeClearTimer(timerId);
|
|
|
|
|
};
|
2019-12-21 12:14:38 +08:00
|
|
|
|
const doricClearInterval = function (timerId) {
|
2019-12-19 10:42:57 +08:00
|
|
|
|
if (global$1.nativeClearTimer === undefined) {
|
|
|
|
|
return Reflect.apply(_clearInterval, undefined, arguments);
|
|
|
|
|
}
|
|
|
|
|
timerInfos.delete(timerId);
|
|
|
|
|
nativeClearTimer(timerId);
|
|
|
|
|
};
|
2019-12-21 12:14:38 +08:00
|
|
|
|
if (!global$1.setTimeout) {
|
|
|
|
|
global$1.setTimeout = doricSetTimeout;
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
global$1.doricSetTimeout = doricSetTimeout;
|
|
|
|
|
}
|
|
|
|
|
if (!global$1.setInterval) {
|
|
|
|
|
global$1.setInterval = doricSetInterval;
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
global$1.doricSetInterval = doricSetInterval;
|
|
|
|
|
}
|
|
|
|
|
if (!global$1.clearTimeout) {
|
|
|
|
|
global$1.clearTimeout = doricClearTimeout;
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
global$1.doricClearTimeout = doricClearTimeout;
|
|
|
|
|
}
|
|
|
|
|
if (!global$1.clearInterval) {
|
|
|
|
|
global$1.clearInterval = doricClearInterval;
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
global$1.doricClearInterval = doricClearInterval;
|
|
|
|
|
}
|
2019-12-19 10:42:57 +08:00
|
|
|
|
function jsCallbackTimer(timerId) {
|
|
|
|
|
const timerInfo = timerInfos.get(timerId);
|
|
|
|
|
if (timerInfo === undefined) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
if (timerInfo.callback instanceof Function) {
|
2021-09-16 11:53:32 +08:00
|
|
|
|
setContext(timerInfo.context);
|
2019-12-19 10:42:57 +08:00
|
|
|
|
hookBeforeNativeCall(timerInfo.context);
|
|
|
|
|
Reflect.apply(timerInfo.callback, timerInfo.context, []);
|
|
|
|
|
}
|
|
|
|
|
}
|
2021-09-16 11:53:32 +08:00
|
|
|
|
function jsHookAfterNativeCall() {
|
|
|
|
|
const context = getContext();
|
|
|
|
|
context === null || context === void 0 ? void 0 : context.hookAfterNativeCall();
|
|
|
|
|
}
|
2019-12-19 10:42:57 +08:00
|
|
|
|
|
|
|
|
|
exports.Context = Context;
|
|
|
|
|
exports.__require__ = __require__;
|
2021-03-04 14:49:41 +08:00
|
|
|
|
exports.allContexts = allContexts;
|
2019-12-19 10:42:57 +08:00
|
|
|
|
exports.jsCallEntityMethod = jsCallEntityMethod;
|
|
|
|
|
exports.jsCallReject = jsCallReject;
|
|
|
|
|
exports.jsCallResolve = jsCallResolve;
|
|
|
|
|
exports.jsCallbackTimer = jsCallbackTimer;
|
2021-09-16 11:53:32 +08:00
|
|
|
|
exports.jsHookAfterNativeCall = jsHookAfterNativeCall;
|
2019-12-19 10:42:57 +08:00
|
|
|
|
exports.jsObtainContext = jsObtainContext;
|
|
|
|
|
exports.jsObtainEntry = jsObtainEntry;
|
|
|
|
|
exports.jsRegisterModule = jsRegisterModule;
|
|
|
|
|
exports.jsReleaseContext = jsReleaseContext;
|
2021-04-14 16:53:38 +08:00
|
|
|
|
exports.pureCallEntityMethod = pureCallEntityMethod;
|
2019-12-19 10:42:57 +08:00
|
|
|
|
|
2021-02-20 17:58:09 +08:00
|
|
|
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
|
|
|
2019-12-19 10:42:57 +08:00
|
|
|
|
return exports;
|
|
|
|
|
|
2021-10-29 14:30:00 +08:00
|
|
|
|
})({});
|
2019-12-19 10:42:57 +08:00
|
|
|
|
|
2019-12-19 10:58:46 +08:00
|
|
|
|
/**--------SandBox--------*/
|
|
|
|
|
|
|
|
|
|
/**++++++++Lib++++++++*/
|
2019-12-19 13:07:33 +08:00
|
|
|
|
Reflect.apply(doric.jsRegisterModule,this,["doric",Reflect.apply(function(__module){(function(module,exports,require){
|
2019-12-19 10:58:46 +08:00
|
|
|
|
'use strict';
|
|
|
|
|
|
|
|
|
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
|
|
|
2021-04-23 19:05:33 +08:00
|
|
|
|
function obj2Model(obj, convertor) {
|
|
|
|
|
if (obj instanceof Function) {
|
|
|
|
|
return convertor(obj);
|
|
|
|
|
}
|
|
|
|
|
else if (obj instanceof Array) {
|
|
|
|
|
return obj.map(e => obj2Model(e, convertor));
|
2019-12-19 10:58:46 +08:00
|
|
|
|
}
|
|
|
|
|
else if (obj instanceof Object) {
|
|
|
|
|
if (Reflect.has(obj, 'toModel') && Reflect.get(obj, 'toModel') instanceof Function) {
|
|
|
|
|
obj = Reflect.apply(Reflect.get(obj, 'toModel'), obj, []);
|
|
|
|
|
return obj;
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
for (let key in obj) {
|
|
|
|
|
const val = Reflect.get(obj, key);
|
2021-04-23 19:05:33 +08:00
|
|
|
|
Reflect.set(obj, key, obj2Model(val, convertor));
|
2019-12-19 10:58:46 +08:00
|
|
|
|
}
|
|
|
|
|
return obj;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
return obj;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
class Mutable {
|
|
|
|
|
constructor(v) {
|
|
|
|
|
this.binders = new Set;
|
|
|
|
|
this.get = () => {
|
|
|
|
|
return this.val;
|
|
|
|
|
};
|
|
|
|
|
this.set = (v) => {
|
|
|
|
|
this.val = v;
|
|
|
|
|
this.binders.forEach(e => {
|
|
|
|
|
Reflect.apply(e, undefined, [this.val]);
|
|
|
|
|
});
|
|
|
|
|
};
|
|
|
|
|
this.val = v;
|
|
|
|
|
}
|
|
|
|
|
bind(binder) {
|
|
|
|
|
this.binders.add(binder);
|
|
|
|
|
Reflect.apply(binder, undefined, [this.val]);
|
|
|
|
|
}
|
|
|
|
|
static of(v) {
|
|
|
|
|
return new Mutable(v);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
* Copyright [2019] [Doric.Pub]
|
|
|
|
|
*
|
|
|
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
|
|
|
* you may not use this file except in compliance with the License.
|
|
|
|
|
* You may obtain a copy of the License at
|
|
|
|
|
*
|
|
|
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
|
*
|
|
|
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
|
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
|
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
|
|
|
* See the License for the specific language governing permissions and
|
|
|
|
|
* limitations under the License.
|
|
|
|
|
*/
|
|
|
|
|
let __uniqueId__ = 0;
|
|
|
|
|
function uniqueId(prefix) {
|
|
|
|
|
return `__${prefix}_${__uniqueId__++}__`;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function toString(message) {
|
|
|
|
|
if (message instanceof Function) {
|
|
|
|
|
return message.toString();
|
|
|
|
|
}
|
|
|
|
|
else if (message instanceof Object) {
|
|
|
|
|
try {
|
|
|
|
|
return JSON.stringify(message);
|
|
|
|
|
}
|
|
|
|
|
catch (e) {
|
|
|
|
|
return message.toString();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
else if (message === undefined) {
|
|
|
|
|
return "undefined";
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
return message.toString();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
function log(...args) {
|
|
|
|
|
let out = "";
|
|
|
|
|
for (let i = 0; i < arguments.length; i++) {
|
|
|
|
|
if (i > 0) {
|
|
|
|
|
out += ',';
|
|
|
|
|
}
|
|
|
|
|
out += toString(arguments[i]);
|
|
|
|
|
}
|
|
|
|
|
nativeLog('d', out);
|
|
|
|
|
}
|
|
|
|
|
function loge(...message) {
|
|
|
|
|
let out = "";
|
|
|
|
|
for (let i = 0; i < arguments.length; i++) {
|
|
|
|
|
if (i > 0) {
|
|
|
|
|
out += ',';
|
|
|
|
|
}
|
|
|
|
|
out += toString(arguments[i]);
|
|
|
|
|
}
|
|
|
|
|
nativeLog('e', out);
|
|
|
|
|
}
|
|
|
|
|
function logw(...message) {
|
|
|
|
|
let out = "";
|
|
|
|
|
for (let i = 0; i < arguments.length; i++) {
|
|
|
|
|
if (i > 0) {
|
|
|
|
|
out += ',';
|
|
|
|
|
}
|
|
|
|
|
out += toString(arguments[i]);
|
|
|
|
|
}
|
|
|
|
|
nativeLog('w', out);
|
|
|
|
|
}
|
|
|
|
|
|
2021-11-24 14:37:48 +08:00
|
|
|
|
var __decorate$f = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
2019-12-19 10:58:46 +08:00
|
|
|
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
|
|
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
|
|
|
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
|
|
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
|
|
|
};
|
2021-11-24 14:37:48 +08:00
|
|
|
|
var __metadata$f = (undefined && undefined.__metadata) || function (k, v) {
|
2019-12-19 10:58:46 +08:00
|
|
|
|
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
|
|
|
};
|
2021-03-03 16:13:58 +08:00
|
|
|
|
const PROP_CONSIST = 1;
|
|
|
|
|
const PROP_INCONSIST = 2;
|
2021-05-14 19:24:07 +08:00
|
|
|
|
const PROP_KEY_VIEW_TYPE = "ViewType";
|
2019-12-19 10:58:46 +08:00
|
|
|
|
function Property(target, propKey) {
|
2021-03-03 16:13:58 +08:00
|
|
|
|
Reflect.defineMetadata(propKey, PROP_CONSIST, target);
|
|
|
|
|
}
|
|
|
|
|
function InconsistProperty(target, propKey) {
|
|
|
|
|
Reflect.defineMetadata(propKey, PROP_INCONSIST, target);
|
2019-12-19 10:58:46 +08:00
|
|
|
|
}
|
2021-05-14 19:24:07 +08:00
|
|
|
|
function ViewComponent(constructor) {
|
|
|
|
|
const name = Reflect.getMetadata(PROP_KEY_VIEW_TYPE, constructor) || Object.getPrototypeOf(constructor).name;
|
|
|
|
|
Reflect.defineMetadata(PROP_KEY_VIEW_TYPE, name, constructor);
|
|
|
|
|
}
|
2021-09-02 11:39:51 +08:00
|
|
|
|
class Ref {
|
|
|
|
|
set current(v) {
|
|
|
|
|
this.view = v;
|
|
|
|
|
}
|
|
|
|
|
get current() {
|
|
|
|
|
if (!!!this.view) {
|
|
|
|
|
throw new Error("Ref is empty");
|
|
|
|
|
}
|
|
|
|
|
return this.view;
|
|
|
|
|
}
|
|
|
|
|
}
|
2021-09-03 16:48:24 +08:00
|
|
|
|
function createRef() {
|
2021-09-02 11:39:51 +08:00
|
|
|
|
return new Ref;
|
|
|
|
|
}
|
2020-07-03 16:53:31 +08:00
|
|
|
|
class View {
|
|
|
|
|
constructor() {
|
|
|
|
|
this.width = 0;
|
|
|
|
|
this.height = 0;
|
|
|
|
|
this.x = 0;
|
|
|
|
|
this.y = 0;
|
|
|
|
|
this.viewId = uniqueId('ViewId');
|
|
|
|
|
this.callbacks = new Map;
|
|
|
|
|
/** Anchor end*/
|
|
|
|
|
this.__dirty_props__ = {};
|
|
|
|
|
this.nativeViewModel = {
|
|
|
|
|
id: this.viewId,
|
2021-05-14 13:15:33 +08:00
|
|
|
|
type: this.viewType(),
|
2020-07-03 16:53:31 +08:00
|
|
|
|
props: this.__dirty_props__,
|
|
|
|
|
};
|
|
|
|
|
return new Proxy(this, {
|
|
|
|
|
get: (target, p, receiver) => {
|
|
|
|
|
return Reflect.get(target, p, receiver);
|
|
|
|
|
},
|
|
|
|
|
set: (target, p, v, receiver) => {
|
|
|
|
|
const oldV = Reflect.get(target, p, receiver);
|
|
|
|
|
const ret = Reflect.set(target, p, v, receiver);
|
2021-03-03 16:13:58 +08:00
|
|
|
|
if (Reflect.getMetadata(p, target) === PROP_CONSIST && oldV !== v) {
|
|
|
|
|
receiver.onPropertyChanged(p.toString(), oldV, v);
|
|
|
|
|
}
|
|
|
|
|
else if (Reflect.getMetadata(p, target) === PROP_INCONSIST) {
|
2020-07-03 16:53:31 +08:00
|
|
|
|
receiver.onPropertyChanged(p.toString(), oldV, v);
|
2019-12-19 10:58:46 +08:00
|
|
|
|
}
|
2020-07-03 16:53:31 +08:00
|
|
|
|
return ret;
|
2019-12-19 10:58:46 +08:00
|
|
|
|
}
|
2020-07-03 16:53:31 +08:00
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
callback2Id(f) {
|
|
|
|
|
const id = uniqueId('Function');
|
|
|
|
|
this.callbacks.set(id, f);
|
|
|
|
|
return id;
|
|
|
|
|
}
|
|
|
|
|
id2Callback(id) {
|
|
|
|
|
let f = this.callbacks.get(id);
|
|
|
|
|
if (f === undefined) {
|
|
|
|
|
f = Reflect.get(this, id);
|
2020-05-16 19:00:48 +08:00
|
|
|
|
}
|
2020-07-03 16:53:31 +08:00
|
|
|
|
return f;
|
|
|
|
|
}
|
2020-07-04 10:04:40 +08:00
|
|
|
|
findViewByTag(tag) {
|
|
|
|
|
if (tag === this.tag) {
|
|
|
|
|
return this;
|
|
|
|
|
}
|
|
|
|
|
return undefined;
|
|
|
|
|
}
|
2020-07-03 16:53:31 +08:00
|
|
|
|
/** Anchor start*/
|
|
|
|
|
get left() {
|
|
|
|
|
return this.x;
|
|
|
|
|
}
|
|
|
|
|
set left(v) {
|
|
|
|
|
this.x = v;
|
|
|
|
|
}
|
|
|
|
|
get right() {
|
|
|
|
|
return this.x + this.width;
|
|
|
|
|
}
|
|
|
|
|
set right(v) {
|
|
|
|
|
this.x = v - this.width;
|
|
|
|
|
}
|
|
|
|
|
get top() {
|
|
|
|
|
return this.y;
|
|
|
|
|
}
|
|
|
|
|
set top(v) {
|
|
|
|
|
this.y = v;
|
|
|
|
|
}
|
|
|
|
|
get bottom() {
|
|
|
|
|
return this.y + this.height;
|
|
|
|
|
}
|
|
|
|
|
set bottom(v) {
|
|
|
|
|
this.y = v - this.height;
|
|
|
|
|
}
|
|
|
|
|
get centerX() {
|
|
|
|
|
return this.x + this.width / 2;
|
|
|
|
|
}
|
|
|
|
|
get centerY() {
|
|
|
|
|
return this.y + this.height / 2;
|
|
|
|
|
}
|
|
|
|
|
set centerX(v) {
|
|
|
|
|
this.x = v - this.width / 2;
|
|
|
|
|
}
|
|
|
|
|
set centerY(v) {
|
|
|
|
|
this.y = v - this.height / 2;
|
|
|
|
|
}
|
|
|
|
|
get dirtyProps() {
|
|
|
|
|
return this.__dirty_props__;
|
|
|
|
|
}
|
2021-05-14 13:15:33 +08:00
|
|
|
|
viewType() {
|
2021-05-14 19:24:07 +08:00
|
|
|
|
const viewType = Reflect.getMetadata(PROP_KEY_VIEW_TYPE, this.constructor);
|
|
|
|
|
return viewType || this.constructor.name;
|
2021-05-14 13:15:33 +08:00
|
|
|
|
}
|
2020-07-03 16:53:31 +08:00
|
|
|
|
onPropertyChanged(propKey, oldV, newV) {
|
|
|
|
|
if (newV instanceof Function) {
|
|
|
|
|
newV = this.callback2Id(newV);
|
2020-05-16 19:00:48 +08:00
|
|
|
|
}
|
2020-07-03 16:53:31 +08:00
|
|
|
|
else {
|
2021-04-23 19:05:33 +08:00
|
|
|
|
newV = obj2Model(newV, (v) => this.callback2Id(v));
|
2019-12-19 10:58:46 +08:00
|
|
|
|
}
|
2020-07-03 16:53:31 +08:00
|
|
|
|
this.__dirty_props__[propKey] = newV;
|
|
|
|
|
}
|
|
|
|
|
clean() {
|
|
|
|
|
for (const key in this.__dirty_props__) {
|
|
|
|
|
if (Reflect.has(this.__dirty_props__, key)) {
|
|
|
|
|
Reflect.deleteProperty(this.__dirty_props__, key);
|
2019-12-19 10:58:46 +08:00
|
|
|
|
}
|
|
|
|
|
}
|
2020-07-03 16:53:31 +08:00
|
|
|
|
}
|
|
|
|
|
isDirty() {
|
|
|
|
|
return Reflect.ownKeys(this.__dirty_props__).length !== 0;
|
|
|
|
|
}
|
|
|
|
|
responseCallback(id, ...args) {
|
|
|
|
|
const f = this.id2Callback(id);
|
|
|
|
|
if (f instanceof Function) {
|
|
|
|
|
const argumentsList = [];
|
|
|
|
|
for (let i = 1; i < arguments.length; i++) {
|
|
|
|
|
argumentsList.push(arguments[i]);
|
2020-05-16 19:00:48 +08:00
|
|
|
|
}
|
2020-07-03 16:53:31 +08:00
|
|
|
|
return Reflect.apply(f, this, argumentsList);
|
2019-12-19 10:58:46 +08:00
|
|
|
|
}
|
2020-07-03 16:53:31 +08:00
|
|
|
|
else {
|
|
|
|
|
loge(`Cannot find callback:${id} for ${JSON.stringify(this.toModel())}`);
|
2020-05-16 19:00:48 +08:00
|
|
|
|
}
|
2020-07-03 16:53:31 +08:00
|
|
|
|
}
|
|
|
|
|
toModel() {
|
|
|
|
|
return this.nativeViewModel;
|
|
|
|
|
}
|
|
|
|
|
let(block) {
|
|
|
|
|
block(this);
|
|
|
|
|
}
|
|
|
|
|
also(block) {
|
|
|
|
|
block(this);
|
|
|
|
|
return this;
|
|
|
|
|
}
|
|
|
|
|
apply(config) {
|
|
|
|
|
for (let key in config) {
|
|
|
|
|
Reflect.set(this, key, Reflect.get(config, key, config), this);
|
2020-05-16 19:00:48 +08:00
|
|
|
|
}
|
2020-07-03 16:53:31 +08:00
|
|
|
|
return this;
|
|
|
|
|
}
|
|
|
|
|
in(group) {
|
|
|
|
|
group.addChild(this);
|
|
|
|
|
return this;
|
|
|
|
|
}
|
|
|
|
|
nativeChannel(context, name) {
|
|
|
|
|
let thisView = this;
|
|
|
|
|
return function (args = undefined) {
|
|
|
|
|
const viewIds = [];
|
|
|
|
|
while (thisView != undefined) {
|
|
|
|
|
viewIds.push(thisView.viewId);
|
|
|
|
|
thisView = thisView.superview;
|
|
|
|
|
}
|
|
|
|
|
const params = {
|
|
|
|
|
viewIds: viewIds.reverse(),
|
|
|
|
|
name,
|
|
|
|
|
args,
|
2019-12-19 10:58:46 +08:00
|
|
|
|
};
|
2020-07-03 16:53:31 +08:00
|
|
|
|
return context.callNative('shader', 'command', params);
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
getWidth(context) {
|
|
|
|
|
return this.nativeChannel(context, 'getWidth')();
|
|
|
|
|
}
|
|
|
|
|
getHeight(context) {
|
|
|
|
|
return this.nativeChannel(context, 'getHeight')();
|
|
|
|
|
}
|
|
|
|
|
getX(context) {
|
|
|
|
|
return this.nativeChannel(context, 'getX')();
|
|
|
|
|
}
|
|
|
|
|
getY(context) {
|
|
|
|
|
return this.nativeChannel(context, 'getY')();
|
|
|
|
|
}
|
|
|
|
|
getLocationOnScreen(context) {
|
|
|
|
|
return this.nativeChannel(context, "getLocationOnScreen")();
|
|
|
|
|
}
|
2021-08-31 12:49:47 +08:00
|
|
|
|
set props(props) {
|
|
|
|
|
this.apply(props);
|
|
|
|
|
}
|
2021-09-02 11:39:51 +08:00
|
|
|
|
set parent(v) {
|
|
|
|
|
this.in(v);
|
|
|
|
|
}
|
|
|
|
|
set ref(ref) {
|
|
|
|
|
ref.current = this;
|
|
|
|
|
}
|
2020-07-03 16:53:31 +08:00
|
|
|
|
doAnimation(context, animation) {
|
|
|
|
|
return this.nativeChannel(context, "doAnimation")(animation.toModel()).then((args) => {
|
|
|
|
|
for (let key in args) {
|
|
|
|
|
Reflect.set(this, key, Reflect.get(args, key, args), this);
|
|
|
|
|
Reflect.deleteProperty(this.__dirty_props__, key);
|
|
|
|
|
}
|
|
|
|
|
});
|
2019-12-19 10:58:46 +08:00
|
|
|
|
}
|
2021-04-22 11:47:08 +08:00
|
|
|
|
clearAnimation(context, animation) {
|
|
|
|
|
return this.nativeChannel(context, "clearAnimation")(animation.id).then(() => {
|
|
|
|
|
this.__dirty_props__.translationX = this.translationX || 0;
|
|
|
|
|
this.__dirty_props__.translationY = this.translationY || 0;
|
|
|
|
|
this.__dirty_props__.scaleX = this.scaleX || 1;
|
|
|
|
|
this.__dirty_props__.scaleY = this.scaleY || 1;
|
|
|
|
|
this.__dirty_props__.rotation = this.rotation || 0;
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
cancelAnimation(context, animation) {
|
2021-04-22 14:54:25 +08:00
|
|
|
|
return this.nativeChannel(context, "cancelAnimation")(animation.id).then((args) => {
|
|
|
|
|
for (let key in args) {
|
|
|
|
|
Reflect.set(this, key, Reflect.get(args, key, args), this);
|
2021-04-23 17:57:34 +08:00
|
|
|
|
Reflect.deleteProperty(this.__dirty_props__, key);
|
2021-04-22 14:54:25 +08:00
|
|
|
|
}
|
|
|
|
|
});
|
2021-04-22 11:47:08 +08:00
|
|
|
|
}
|
2020-07-03 16:53:31 +08:00
|
|
|
|
}
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$f([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$f("design:type", Number)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], View.prototype, "width", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$f([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$f("design:type", Number)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], View.prototype, "height", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$f([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$f("design:type", Number)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], View.prototype, "x", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$f([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$f("design:type", Number)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], View.prototype, "y", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$f([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$f("design:type", Object)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], View.prototype, "backgroundColor", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$f([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$f("design:type", Object)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], View.prototype, "corners", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$f([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$f("design:type", Object)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], View.prototype, "border", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$f([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$f("design:type", Object)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], View.prototype, "shadow", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$f([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$f("design:type", Number)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], View.prototype, "alpha", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$f([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$f("design:type", Boolean)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], View.prototype, "hidden", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$f([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$f("design:type", Object)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], View.prototype, "padding", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$f([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$f("design:type", Object)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], View.prototype, "layoutConfig", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$f([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$f("design:type", Function)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], View.prototype, "onClick", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$f([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$f("design:type", Number)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], View.prototype, "translationX", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$f([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$f("design:type", Number)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], View.prototype, "translationY", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$f([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$f("design:type", Number)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], View.prototype, "scaleX", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$f([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$f("design:type", Number)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], View.prototype, "scaleY", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$f([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$f("design:type", Number)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], View.prototype, "pivotX", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$f([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$f("design:type", Number)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], View.prototype, "pivotY", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$f([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$f("design:type", Number)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], View.prototype, "rotation", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$f([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$f("design:type", Number)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], View.prototype, "rotationX", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$f([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$f("design:type", Number)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], View.prototype, "rotationY", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$f([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$f("design:type", Number)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], View.prototype, "perspective", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$f([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$f("design:type", Object)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], View.prototype, "flexConfig", void 0);
|
2019-12-19 10:58:46 +08:00
|
|
|
|
class Superview extends View {
|
|
|
|
|
subviewById(id) {
|
|
|
|
|
for (let v of this.allSubviews()) {
|
|
|
|
|
if (v.viewId === id) {
|
|
|
|
|
return v;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2020-07-04 10:04:40 +08:00
|
|
|
|
findViewByTag(tag) {
|
|
|
|
|
if (tag === this.tag) {
|
|
|
|
|
return this;
|
|
|
|
|
}
|
|
|
|
|
return this.findViewTraversal(this, tag);
|
|
|
|
|
}
|
|
|
|
|
findViewTraversal(view, tag) {
|
|
|
|
|
for (let v of view.allSubviews()) {
|
|
|
|
|
let find = v.findViewByTag(tag);
|
|
|
|
|
if (find) {
|
|
|
|
|
return find;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
return undefined;
|
|
|
|
|
}
|
2019-12-19 10:58:46 +08:00
|
|
|
|
isDirty() {
|
|
|
|
|
if (super.isDirty()) {
|
|
|
|
|
return true;
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
for (const v of this.allSubviews()) {
|
|
|
|
|
if (v.isDirty()) {
|
|
|
|
|
return true;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
clean() {
|
|
|
|
|
for (let v of this.allSubviews()) {
|
|
|
|
|
v.clean();
|
|
|
|
|
}
|
|
|
|
|
super.clean();
|
|
|
|
|
}
|
|
|
|
|
toModel() {
|
|
|
|
|
const subviews = [];
|
|
|
|
|
for (let v of this.allSubviews()) {
|
2019-12-21 11:09:27 +08:00
|
|
|
|
if (v != undefined) {
|
2021-06-24 15:10:00 +08:00
|
|
|
|
if (v.superview && v.superview !== this) {
|
|
|
|
|
//It had been added to another view, need to be marked totally
|
|
|
|
|
for (let key in v) {
|
|
|
|
|
if (Reflect.getMetadata(key, v) === PROP_CONSIST || Reflect.getMetadata(key, v) === PROP_INCONSIST) {
|
|
|
|
|
v.onPropertyChanged(key, undefined, Reflect.get(v, key));
|
|
|
|
|
}
|
2021-06-25 16:36:31 +08:00
|
|
|
|
if (v instanceof Superview) {
|
|
|
|
|
for (const subview of v.allSubviews()) {
|
|
|
|
|
subview.superview = {};
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
if (v instanceof Group) {
|
|
|
|
|
v.dirtyProps.children = v.children.map(e => e.viewId);
|
|
|
|
|
}
|
2021-06-24 15:10:00 +08:00
|
|
|
|
}
|
|
|
|
|
}
|
2019-12-21 11:09:27 +08:00
|
|
|
|
v.superview = this;
|
|
|
|
|
if (v.isDirty()) {
|
|
|
|
|
subviews.push(v.toModel());
|
|
|
|
|
}
|
2019-12-19 10:58:46 +08:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
this.dirtyProps.subviews = subviews;
|
|
|
|
|
return super.toModel();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
class Group extends Superview {
|
|
|
|
|
constructor() {
|
|
|
|
|
super(...arguments);
|
|
|
|
|
this.children = new Proxy([], {
|
|
|
|
|
set: (target, index, value) => {
|
|
|
|
|
const ret = Reflect.set(target, index, value);
|
|
|
|
|
// Let getDirty return true
|
2021-06-03 18:24:02 +08:00
|
|
|
|
this.dirtyProps.children = target.map(e => e.viewId);
|
2019-12-19 10:58:46 +08:00
|
|
|
|
return ret;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
allSubviews() {
|
|
|
|
|
return this.children;
|
|
|
|
|
}
|
|
|
|
|
addChild(view) {
|
|
|
|
|
this.children.push(view);
|
|
|
|
|
}
|
2020-05-15 17:58:25 +08:00
|
|
|
|
removeChild(view) {
|
|
|
|
|
const ret = this.children.filter(e => e !== view);
|
|
|
|
|
this.children.length = 0;
|
|
|
|
|
ret.forEach(e => this.addChild(e));
|
|
|
|
|
}
|
|
|
|
|
removeAllChildren() {
|
|
|
|
|
this.children.length = 0;
|
|
|
|
|
}
|
2021-09-03 13:42:25 +08:00
|
|
|
|
addInnerElement(e) {
|
|
|
|
|
if (e instanceof Array) {
|
|
|
|
|
e.forEach(e => this.addInnerElement(e));
|
|
|
|
|
}
|
|
|
|
|
else if (e instanceof View) {
|
|
|
|
|
this.addChild(e);
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
loge(`Not allowed to add ${typeof e}`);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
set innerElement(e) {
|
|
|
|
|
this.addInnerElement(e);
|
|
|
|
|
}
|
2019-12-19 10:58:46 +08:00
|
|
|
|
}
|
|
|
|
|
|
2021-04-23 17:57:34 +08:00
|
|
|
|
const SPECIFIED = 1;
|
|
|
|
|
const START = 1 << 1;
|
|
|
|
|
const END = 1 << 2;
|
|
|
|
|
const SHIFT_X = 0;
|
|
|
|
|
const SHIFT_Y = 4;
|
|
|
|
|
const LEFT = (START | SPECIFIED) << SHIFT_X;
|
|
|
|
|
const RIGHT = (END | SPECIFIED) << SHIFT_X;
|
|
|
|
|
const TOP = (START | SPECIFIED) << SHIFT_Y;
|
|
|
|
|
const BOTTOM = (END | SPECIFIED) << SHIFT_Y;
|
|
|
|
|
const CENTER_X = SPECIFIED << SHIFT_X;
|
|
|
|
|
const CENTER_Y = SPECIFIED << SHIFT_Y;
|
|
|
|
|
const CENTER = CENTER_X | CENTER_Y;
|
|
|
|
|
class Gravity {
|
|
|
|
|
constructor() {
|
|
|
|
|
this.val = 0;
|
|
|
|
|
}
|
|
|
|
|
left() {
|
|
|
|
|
const val = this.val | LEFT;
|
|
|
|
|
const ret = new Gravity;
|
|
|
|
|
ret.val = val;
|
|
|
|
|
return ret;
|
|
|
|
|
}
|
|
|
|
|
right() {
|
|
|
|
|
const val = this.val | RIGHT;
|
|
|
|
|
const ret = new Gravity;
|
|
|
|
|
ret.val = val;
|
|
|
|
|
return ret;
|
|
|
|
|
}
|
|
|
|
|
top() {
|
|
|
|
|
const val = this.val | TOP;
|
|
|
|
|
const ret = new Gravity;
|
|
|
|
|
ret.val = val;
|
|
|
|
|
return ret;
|
|
|
|
|
}
|
|
|
|
|
bottom() {
|
|
|
|
|
const val = this.val | BOTTOM;
|
|
|
|
|
const ret = new Gravity;
|
|
|
|
|
ret.val = val;
|
|
|
|
|
return ret;
|
|
|
|
|
}
|
|
|
|
|
center() {
|
|
|
|
|
const val = this.val | CENTER;
|
|
|
|
|
const ret = new Gravity;
|
|
|
|
|
ret.val = val;
|
|
|
|
|
return ret;
|
|
|
|
|
}
|
|
|
|
|
centerX() {
|
|
|
|
|
const val = this.val | CENTER_X;
|
|
|
|
|
const ret = new Gravity;
|
|
|
|
|
ret.val = val;
|
|
|
|
|
return ret;
|
|
|
|
|
}
|
|
|
|
|
centerY() {
|
|
|
|
|
const val = this.val | CENTER_Y;
|
|
|
|
|
const ret = new Gravity;
|
|
|
|
|
ret.val = val;
|
|
|
|
|
return ret;
|
|
|
|
|
}
|
|
|
|
|
toModel() {
|
|
|
|
|
return this.val;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
Gravity.origin = new Gravity;
|
|
|
|
|
Gravity.Center = Gravity.origin.center();
|
|
|
|
|
Gravity.CenterX = Gravity.origin.centerX();
|
|
|
|
|
Gravity.CenterY = Gravity.origin.centerY();
|
|
|
|
|
Gravity.Left = Gravity.origin.left();
|
|
|
|
|
Gravity.Right = Gravity.origin.right();
|
|
|
|
|
Gravity.Top = Gravity.origin.top();
|
|
|
|
|
Gravity.Bottom = Gravity.origin.bottom();
|
|
|
|
|
function gravity() {
|
|
|
|
|
return new Gravity;
|
|
|
|
|
}
|
|
|
|
|
|
2021-02-20 17:58:09 +08:00
|
|
|
|
exports.LayoutSpec = void 0;
|
2019-12-19 10:58:46 +08:00
|
|
|
|
(function (LayoutSpec) {
|
2019-12-21 11:09:27 +08:00
|
|
|
|
/**
|
|
|
|
|
* Depends on what's been set on width or height.
|
|
|
|
|
*/
|
|
|
|
|
LayoutSpec[LayoutSpec["JUST"] = 0] = "JUST";
|
|
|
|
|
/**
|
|
|
|
|
* Depends on it's content.
|
|
|
|
|
*/
|
|
|
|
|
LayoutSpec[LayoutSpec["FIT"] = 1] = "FIT";
|
|
|
|
|
/**
|
|
|
|
|
* Extend as much as parent let it take.
|
|
|
|
|
*/
|
|
|
|
|
LayoutSpec[LayoutSpec["MOST"] = 2] = "MOST";
|
2019-12-19 10:58:46 +08:00
|
|
|
|
})(exports.LayoutSpec || (exports.LayoutSpec = {}));
|
|
|
|
|
class LayoutConfigImpl {
|
2019-12-21 11:09:27 +08:00
|
|
|
|
fit() {
|
|
|
|
|
this.widthSpec = exports.LayoutSpec.FIT;
|
|
|
|
|
this.heightSpec = exports.LayoutSpec.FIT;
|
2019-12-19 10:58:46 +08:00
|
|
|
|
return this;
|
|
|
|
|
}
|
2021-05-14 19:32:19 +08:00
|
|
|
|
fitWidth() {
|
|
|
|
|
this.widthSpec = exports.LayoutSpec.FIT;
|
|
|
|
|
return this;
|
|
|
|
|
}
|
|
|
|
|
fitHeight() {
|
|
|
|
|
this.heightSpec = exports.LayoutSpec.FIT;
|
|
|
|
|
return this;
|
|
|
|
|
}
|
2019-12-21 11:09:27 +08:00
|
|
|
|
most() {
|
|
|
|
|
this.widthSpec = exports.LayoutSpec.MOST;
|
|
|
|
|
this.heightSpec = exports.LayoutSpec.MOST;
|
2019-12-19 10:58:46 +08:00
|
|
|
|
return this;
|
|
|
|
|
}
|
2021-05-14 19:32:19 +08:00
|
|
|
|
mostWidth() {
|
|
|
|
|
this.widthSpec = exports.LayoutSpec.MOST;
|
|
|
|
|
return this;
|
|
|
|
|
}
|
|
|
|
|
mostHeight() {
|
2021-06-22 10:52:09 +08:00
|
|
|
|
this.heightSpec = exports.LayoutSpec.MOST;
|
2021-05-14 19:32:19 +08:00
|
|
|
|
return this;
|
|
|
|
|
}
|
2019-12-21 11:09:27 +08:00
|
|
|
|
just() {
|
|
|
|
|
this.widthSpec = exports.LayoutSpec.JUST;
|
|
|
|
|
this.heightSpec = exports.LayoutSpec.JUST;
|
2021-05-14 19:32:19 +08:00
|
|
|
|
return this;
|
|
|
|
|
}
|
|
|
|
|
justWidth() {
|
|
|
|
|
this.widthSpec = exports.LayoutSpec.JUST;
|
|
|
|
|
return this;
|
|
|
|
|
}
|
|
|
|
|
justHeight() {
|
|
|
|
|
this.heightSpec = exports.LayoutSpec.JUST;
|
2019-12-19 10:58:46 +08:00
|
|
|
|
return this;
|
|
|
|
|
}
|
2019-12-21 11:09:27 +08:00
|
|
|
|
configWidth(w) {
|
2019-12-19 10:58:46 +08:00
|
|
|
|
this.widthSpec = w;
|
|
|
|
|
return this;
|
|
|
|
|
}
|
2019-12-21 11:09:27 +08:00
|
|
|
|
configHeight(h) {
|
2019-12-19 10:58:46 +08:00
|
|
|
|
this.heightSpec = h;
|
|
|
|
|
return this;
|
|
|
|
|
}
|
2019-12-21 11:09:27 +08:00
|
|
|
|
configMargin(m) {
|
2019-12-19 10:58:46 +08:00
|
|
|
|
this.margin = m;
|
|
|
|
|
return this;
|
|
|
|
|
}
|
2020-01-03 13:35:40 +08:00
|
|
|
|
configAlignment(a) {
|
2019-12-19 10:58:46 +08:00
|
|
|
|
this.alignment = a;
|
|
|
|
|
return this;
|
|
|
|
|
}
|
2019-12-21 11:09:27 +08:00
|
|
|
|
configWeight(w) {
|
2019-12-19 10:58:46 +08:00
|
|
|
|
this.weight = w;
|
|
|
|
|
return this;
|
|
|
|
|
}
|
2020-04-11 12:20:43 +08:00
|
|
|
|
configMaxWidth(v) {
|
|
|
|
|
this.maxWidth = v;
|
|
|
|
|
return this;
|
|
|
|
|
}
|
|
|
|
|
configMaxHeight(v) {
|
|
|
|
|
this.maxHeight = v;
|
|
|
|
|
return this;
|
|
|
|
|
}
|
|
|
|
|
configMinWidth(v) {
|
|
|
|
|
this.minWidth = v;
|
|
|
|
|
return this;
|
|
|
|
|
}
|
|
|
|
|
configMinHeight(v) {
|
|
|
|
|
this.minHeight = v;
|
|
|
|
|
return this;
|
|
|
|
|
}
|
2019-12-19 10:58:46 +08:00
|
|
|
|
toModel() {
|
|
|
|
|
return {
|
|
|
|
|
widthSpec: this.widthSpec,
|
|
|
|
|
heightSpec: this.heightSpec,
|
|
|
|
|
margin: this.margin,
|
|
|
|
|
alignment: this.alignment ? this.alignment.toModel() : undefined,
|
|
|
|
|
weight: this.weight,
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
function layoutConfig() {
|
|
|
|
|
return new LayoutConfigImpl;
|
|
|
|
|
}
|
|
|
|
|
|
2021-11-24 14:37:48 +08:00
|
|
|
|
var __decorate$e = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
2019-12-19 10:58:46 +08:00
|
|
|
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
|
|
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
|
|
|
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
|
|
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
|
|
|
};
|
2021-11-24 14:37:48 +08:00
|
|
|
|
var __metadata$e = (undefined && undefined.__metadata) || function (k, v) {
|
2019-12-19 10:58:46 +08:00
|
|
|
|
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
|
|
|
};
|
|
|
|
|
class Stack extends Group {
|
|
|
|
|
}
|
|
|
|
|
class Root extends Stack {
|
|
|
|
|
}
|
2020-07-03 16:53:31 +08:00
|
|
|
|
class LinearLayout extends Group {
|
|
|
|
|
}
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$e([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$e("design:type", Number)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], LinearLayout.prototype, "space", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$e([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$e("design:type", Gravity)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], LinearLayout.prototype, "gravity", void 0);
|
2019-12-19 10:58:46 +08:00
|
|
|
|
class VLayout extends LinearLayout {
|
|
|
|
|
}
|
|
|
|
|
class HLayout extends LinearLayout {
|
|
|
|
|
}
|
2020-01-06 14:18:02 +08:00
|
|
|
|
function stack(views, config) {
|
2019-12-19 10:58:46 +08:00
|
|
|
|
const ret = new Stack;
|
2019-12-21 11:09:27 +08:00
|
|
|
|
ret.layoutConfig = layoutConfig().fit();
|
2019-12-19 10:58:46 +08:00
|
|
|
|
for (let v of views) {
|
|
|
|
|
ret.addChild(v);
|
|
|
|
|
}
|
2020-01-06 14:18:02 +08:00
|
|
|
|
if (config) {
|
2021-08-31 12:49:47 +08:00
|
|
|
|
ret.apply(config);
|
2020-01-06 14:18:02 +08:00
|
|
|
|
}
|
2019-12-19 10:58:46 +08:00
|
|
|
|
return ret;
|
|
|
|
|
}
|
2020-01-06 14:18:02 +08:00
|
|
|
|
function hlayout(views, config) {
|
2019-12-19 10:58:46 +08:00
|
|
|
|
const ret = new HLayout;
|
2019-12-21 11:09:27 +08:00
|
|
|
|
ret.layoutConfig = layoutConfig().fit();
|
2019-12-19 10:58:46 +08:00
|
|
|
|
for (let v of views) {
|
|
|
|
|
ret.addChild(v);
|
|
|
|
|
}
|
2020-01-06 14:18:02 +08:00
|
|
|
|
if (config) {
|
2021-08-31 12:49:47 +08:00
|
|
|
|
ret.apply(config);
|
2020-01-06 14:18:02 +08:00
|
|
|
|
}
|
2019-12-19 10:58:46 +08:00
|
|
|
|
return ret;
|
|
|
|
|
}
|
2020-01-06 14:18:02 +08:00
|
|
|
|
function vlayout(views, config) {
|
2019-12-19 10:58:46 +08:00
|
|
|
|
const ret = new VLayout;
|
2019-12-21 11:09:27 +08:00
|
|
|
|
ret.layoutConfig = layoutConfig().fit();
|
2019-12-19 10:58:46 +08:00
|
|
|
|
for (let v of views) {
|
|
|
|
|
ret.addChild(v);
|
|
|
|
|
}
|
2020-01-06 14:18:02 +08:00
|
|
|
|
if (config) {
|
2021-08-31 12:49:47 +08:00
|
|
|
|
ret.apply(config);
|
2020-01-06 14:18:02 +08:00
|
|
|
|
}
|
2019-12-19 10:58:46 +08:00
|
|
|
|
return ret;
|
|
|
|
|
}
|
2020-04-09 20:01:22 +08:00
|
|
|
|
class FlexLayout extends Group {
|
|
|
|
|
}
|
|
|
|
|
function flexlayout(views, config) {
|
|
|
|
|
const ret = new FlexLayout;
|
2020-04-10 20:41:43 +08:00
|
|
|
|
ret.layoutConfig = layoutConfig().fit();
|
2020-04-09 20:01:22 +08:00
|
|
|
|
for (let v of views) {
|
|
|
|
|
ret.addChild(v);
|
|
|
|
|
}
|
|
|
|
|
if (config) {
|
2021-08-31 12:49:47 +08:00
|
|
|
|
ret.apply(config);
|
2020-04-09 20:01:22 +08:00
|
|
|
|
}
|
|
|
|
|
return ret;
|
|
|
|
|
}
|
2019-12-19 10:58:46 +08:00
|
|
|
|
|
2021-11-24 14:37:48 +08:00
|
|
|
|
var __decorate$d = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
2019-12-19 10:58:46 +08:00
|
|
|
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
|
|
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
|
|
|
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
|
|
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
|
|
|
};
|
2021-11-24 14:37:48 +08:00
|
|
|
|
var __metadata$d = (undefined && undefined.__metadata) || function (k, v) {
|
2019-12-19 10:58:46 +08:00
|
|
|
|
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
|
|
|
};
|
|
|
|
|
function NativeCall(target, propertyKey, descriptor) {
|
|
|
|
|
const originVal = descriptor.value;
|
|
|
|
|
descriptor.value = function () {
|
|
|
|
|
const ret = Reflect.apply(originVal, this, arguments);
|
|
|
|
|
return ret;
|
|
|
|
|
};
|
|
|
|
|
return descriptor;
|
|
|
|
|
}
|
2020-07-03 16:53:31 +08:00
|
|
|
|
class Panel {
|
|
|
|
|
constructor() {
|
|
|
|
|
this.destroyed = false;
|
|
|
|
|
this.__root__ = new Root;
|
|
|
|
|
this.headviews = new Map;
|
|
|
|
|
this.onRenderFinishedCallback = [];
|
|
|
|
|
this.__rendering__ = false;
|
2021-07-09 17:16:30 +08:00
|
|
|
|
this.snapshotEnabled = false;
|
|
|
|
|
this.renderSnapshots = [];
|
2020-07-03 16:53:31 +08:00
|
|
|
|
}
|
|
|
|
|
onCreate() { }
|
|
|
|
|
onDestroy() { }
|
|
|
|
|
onShow() { }
|
|
|
|
|
onHidden() { }
|
2021-07-07 17:30:08 +08:00
|
|
|
|
onEnvChanged() {
|
|
|
|
|
this.__root__.children.length = 0;
|
|
|
|
|
this.build(this.__root__);
|
|
|
|
|
}
|
2020-07-03 16:53:31 +08:00
|
|
|
|
addHeadView(type, v) {
|
|
|
|
|
let map = this.headviews.get(type);
|
|
|
|
|
if (map) {
|
|
|
|
|
map.set(v.viewId, v);
|
2020-05-16 19:00:48 +08:00
|
|
|
|
}
|
2020-07-03 16:53:31 +08:00
|
|
|
|
else {
|
|
|
|
|
map = new Map;
|
|
|
|
|
map.set(v.viewId, v);
|
|
|
|
|
this.headviews.set(type, map);
|
2020-05-16 19:00:48 +08:00
|
|
|
|
}
|
2020-07-03 16:53:31 +08:00
|
|
|
|
}
|
|
|
|
|
allHeadViews() {
|
|
|
|
|
return this.headviews.values();
|
|
|
|
|
}
|
|
|
|
|
removeHeadView(type, v) {
|
|
|
|
|
if (this.headviews.has(type)) {
|
|
|
|
|
let map = this.headviews.get(type);
|
|
|
|
|
if (map) {
|
|
|
|
|
if (v instanceof View) {
|
|
|
|
|
map.delete(v.viewId);
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
map.delete(v);
|
2020-01-09 19:31:50 +08:00
|
|
|
|
}
|
|
|
|
|
}
|
2019-12-19 10:58:46 +08:00
|
|
|
|
}
|
2020-07-03 16:53:31 +08:00
|
|
|
|
}
|
|
|
|
|
clearHeadViews(type) {
|
|
|
|
|
if (this.headviews.has(type)) {
|
|
|
|
|
this.headviews.delete(type);
|
2020-01-09 19:31:50 +08:00
|
|
|
|
}
|
2020-07-03 16:53:31 +08:00
|
|
|
|
}
|
|
|
|
|
getRootView() {
|
|
|
|
|
return this.__root__;
|
|
|
|
|
}
|
|
|
|
|
getInitData() {
|
|
|
|
|
return this.__data__;
|
|
|
|
|
}
|
|
|
|
|
__init__(data) {
|
|
|
|
|
if (data) {
|
|
|
|
|
this.__data__ = JSON.parse(data);
|
2019-12-19 10:58:46 +08:00
|
|
|
|
}
|
2020-07-03 16:53:31 +08:00
|
|
|
|
}
|
|
|
|
|
__onCreate__() {
|
|
|
|
|
this.onCreate();
|
|
|
|
|
}
|
|
|
|
|
__onDestroy__() {
|
|
|
|
|
this.destroyed = true;
|
|
|
|
|
this.onDestroy();
|
|
|
|
|
}
|
|
|
|
|
__onShow__() {
|
|
|
|
|
this.onShow();
|
|
|
|
|
}
|
|
|
|
|
__onHidden__() {
|
|
|
|
|
this.onHidden();
|
|
|
|
|
}
|
|
|
|
|
__build__(frame) {
|
|
|
|
|
this.__root__.width = frame.width;
|
|
|
|
|
this.__root__.height = frame.height;
|
|
|
|
|
this.__root__.children.length = 0;
|
|
|
|
|
this.build(this.__root__);
|
|
|
|
|
}
|
2021-07-07 17:30:08 +08:00
|
|
|
|
__onEnvChanged__() {
|
|
|
|
|
this.onEnvChanged();
|
|
|
|
|
}
|
2020-07-03 16:53:31 +08:00
|
|
|
|
__response__(viewIds, callbackId) {
|
|
|
|
|
const v = this.retrospectView(viewIds);
|
|
|
|
|
if (v === undefined) {
|
|
|
|
|
loge(`Cannot find view for ${viewIds}`);
|
2019-12-19 10:58:46 +08:00
|
|
|
|
}
|
2020-07-03 16:53:31 +08:00
|
|
|
|
else {
|
|
|
|
|
const argumentsList = [callbackId];
|
|
|
|
|
for (let i = 2; i < arguments.length; i++) {
|
|
|
|
|
argumentsList.push(arguments[i]);
|
2019-12-19 10:58:46 +08:00
|
|
|
|
}
|
2020-07-03 16:53:31 +08:00
|
|
|
|
return Reflect.apply(v.responseCallback, v, argumentsList);
|
2019-12-19 10:58:46 +08:00
|
|
|
|
}
|
2020-07-03 16:53:31 +08:00
|
|
|
|
}
|
|
|
|
|
retrospectView(ids) {
|
|
|
|
|
return ids.reduce((acc, cur) => {
|
|
|
|
|
if (acc === undefined) {
|
|
|
|
|
if (cur === this.__root__.viewId) {
|
|
|
|
|
return this.__root__;
|
|
|
|
|
}
|
|
|
|
|
for (let map of this.headviews.values()) {
|
|
|
|
|
if (map.has(cur)) {
|
|
|
|
|
return map.get(cur);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
return undefined;
|
2019-12-19 10:58:46 +08:00
|
|
|
|
}
|
|
|
|
|
else {
|
2020-07-03 16:53:31 +08:00
|
|
|
|
if (Reflect.has(acc, "subviewById")) {
|
|
|
|
|
return Reflect.apply(Reflect.get(acc, "subviewById"), acc, [cur]);
|
2019-12-19 10:58:46 +08:00
|
|
|
|
}
|
2020-07-03 16:53:31 +08:00
|
|
|
|
return acc;
|
2019-12-19 10:58:46 +08:00
|
|
|
|
}
|
2020-07-03 16:53:31 +08:00
|
|
|
|
}, undefined);
|
|
|
|
|
}
|
2021-07-09 17:16:30 +08:00
|
|
|
|
__renderSnapshotDepth__() {
|
|
|
|
|
return this.renderSnapshots.length;
|
|
|
|
|
}
|
|
|
|
|
__restoreRenderSnapshot__(idx) {
|
|
|
|
|
return [...this.renderSnapshots].slice(0, idx);
|
|
|
|
|
}
|
|
|
|
|
__enableSnapshot__() {
|
|
|
|
|
this.snapshotEnabled = true;
|
|
|
|
|
}
|
2020-07-03 16:53:31 +08:00
|
|
|
|
nativeRender(model) {
|
2021-07-09 17:16:30 +08:00
|
|
|
|
if (this.snapshotEnabled) {
|
|
|
|
|
this.renderSnapshots.push(JSON.parse(JSON.stringify(model)));
|
|
|
|
|
}
|
2020-07-03 16:53:31 +08:00
|
|
|
|
return this.context.callNative("shader", "render", model);
|
|
|
|
|
}
|
|
|
|
|
hookBeforeNativeCall() {
|
|
|
|
|
}
|
|
|
|
|
hookAfterNativeCall() {
|
|
|
|
|
if (this.destroyed) {
|
|
|
|
|
return;
|
2020-05-06 17:34:48 +08:00
|
|
|
|
}
|
2020-07-03 16:53:31 +08:00
|
|
|
|
const promises = [];
|
2021-09-16 12:52:02 +08:00
|
|
|
|
if (this.__root__.isDirty()) {
|
|
|
|
|
const model = this.__root__.toModel();
|
|
|
|
|
promises.push(this.nativeRender(model));
|
|
|
|
|
this.__root__.clean();
|
|
|
|
|
}
|
|
|
|
|
for (let map of this.headviews.values()) {
|
|
|
|
|
for (let v of map.values()) {
|
|
|
|
|
if (v.isDirty()) {
|
|
|
|
|
const model = v.toModel();
|
|
|
|
|
promises.push(this.nativeRender(model));
|
|
|
|
|
v.clean();
|
2019-12-25 15:19:41 +08:00
|
|
|
|
}
|
|
|
|
|
}
|
2021-09-16 12:52:02 +08:00
|
|
|
|
}
|
|
|
|
|
if (this.__rendering__) {
|
|
|
|
|
//skip
|
|
|
|
|
Promise.all(promises).then(_ => {
|
|
|
|
|
});
|
2019-12-26 14:47:11 +08:00
|
|
|
|
}
|
2020-07-03 16:53:31 +08:00
|
|
|
|
else {
|
2021-04-13 18:28:45 +08:00
|
|
|
|
this.__rendering__ = true;
|
2021-09-16 12:52:02 +08:00
|
|
|
|
Promise.all(promises).then(_ => {
|
2020-07-03 16:53:31 +08:00
|
|
|
|
this.__rendering__ = false;
|
2021-09-16 12:52:02 +08:00
|
|
|
|
this.onRenderFinished();
|
|
|
|
|
});
|
2020-07-03 16:53:31 +08:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
onRenderFinished() {
|
|
|
|
|
this.onRenderFinishedCallback.forEach(e => {
|
|
|
|
|
e();
|
|
|
|
|
});
|
|
|
|
|
this.onRenderFinishedCallback.length = 0;
|
|
|
|
|
}
|
|
|
|
|
addOnRenderFinishedCallback(cb) {
|
|
|
|
|
this.onRenderFinishedCallback.push(cb);
|
|
|
|
|
}
|
|
|
|
|
}
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$d([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
NativeCall,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$d("design:type", Function),
|
|
|
|
|
__metadata$d("design:paramtypes", [String]),
|
|
|
|
|
__metadata$d("design:returntype", void 0)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Panel.prototype, "__init__", null);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$d([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
NativeCall,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$d("design:type", Function),
|
|
|
|
|
__metadata$d("design:paramtypes", []),
|
|
|
|
|
__metadata$d("design:returntype", void 0)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Panel.prototype, "__onCreate__", null);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$d([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
NativeCall,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$d("design:type", Function),
|
|
|
|
|
__metadata$d("design:paramtypes", []),
|
|
|
|
|
__metadata$d("design:returntype", void 0)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Panel.prototype, "__onDestroy__", null);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$d([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
NativeCall,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$d("design:type", Function),
|
|
|
|
|
__metadata$d("design:paramtypes", []),
|
|
|
|
|
__metadata$d("design:returntype", void 0)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Panel.prototype, "__onShow__", null);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$d([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
NativeCall,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$d("design:type", Function),
|
|
|
|
|
__metadata$d("design:paramtypes", []),
|
|
|
|
|
__metadata$d("design:returntype", void 0)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Panel.prototype, "__onHidden__", null);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$d([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
NativeCall,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$d("design:type", Function),
|
|
|
|
|
__metadata$d("design:paramtypes", [Object]),
|
|
|
|
|
__metadata$d("design:returntype", void 0)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Panel.prototype, "__build__", null);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$d([
|
2021-07-07 17:30:08 +08:00
|
|
|
|
NativeCall,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$d("design:type", Function),
|
|
|
|
|
__metadata$d("design:paramtypes", []),
|
|
|
|
|
__metadata$d("design:returntype", void 0)
|
2021-07-07 17:30:08 +08:00
|
|
|
|
], Panel.prototype, "__onEnvChanged__", null);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$d([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
NativeCall,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$d("design:type", Function),
|
|
|
|
|
__metadata$d("design:paramtypes", [Array, String]),
|
|
|
|
|
__metadata$d("design:returntype", void 0)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Panel.prototype, "__response__", null);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$d([
|
2021-07-09 17:16:30 +08:00
|
|
|
|
NativeCall,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$d("design:type", Function),
|
|
|
|
|
__metadata$d("design:paramtypes", []),
|
|
|
|
|
__metadata$d("design:returntype", void 0)
|
2021-07-09 17:16:30 +08:00
|
|
|
|
], Panel.prototype, "__renderSnapshotDepth__", null);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$d([
|
2021-07-09 17:16:30 +08:00
|
|
|
|
NativeCall,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$d("design:type", Function),
|
|
|
|
|
__metadata$d("design:paramtypes", [Number]),
|
|
|
|
|
__metadata$d("design:returntype", void 0)
|
2021-07-09 17:16:30 +08:00
|
|
|
|
], Panel.prototype, "__restoreRenderSnapshot__", null);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$d([
|
2021-07-09 17:16:30 +08:00
|
|
|
|
NativeCall,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$d("design:type", Function),
|
|
|
|
|
__metadata$d("design:paramtypes", []),
|
|
|
|
|
__metadata$d("design:returntype", void 0)
|
2021-07-09 17:16:30 +08:00
|
|
|
|
], Panel.prototype, "__enableSnapshot__", null);
|
2019-12-19 10:58:46 +08:00
|
|
|
|
|
2021-09-07 18:33:25 +08:00
|
|
|
|
/**
|
|
|
|
|
* Store color as format AARRGGBB or RRGGBB
|
|
|
|
|
*/
|
|
|
|
|
class Color {
|
|
|
|
|
constructor(v) {
|
|
|
|
|
this._value = 0;
|
|
|
|
|
this._value = v | 0x0;
|
|
|
|
|
}
|
|
|
|
|
static parse(str) {
|
|
|
|
|
if (!str.startsWith("#")) {
|
|
|
|
|
throw new Error(`Parse color error with ${str}`);
|
|
|
|
|
}
|
|
|
|
|
const val = parseInt(str.substr(1), 16);
|
|
|
|
|
if (str.length === 7) {
|
|
|
|
|
return new Color(val | 0xff000000);
|
|
|
|
|
}
|
|
|
|
|
else if (str.length === 9) {
|
|
|
|
|
return new Color(val);
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
throw new Error(`Parse color error with ${str}`);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
static safeParse(str, defVal = Color.TRANSPARENT) {
|
|
|
|
|
let color = defVal;
|
|
|
|
|
try {
|
|
|
|
|
color = Color.parse(str);
|
|
|
|
|
}
|
|
|
|
|
catch (e) {
|
|
|
|
|
}
|
|
|
|
|
finally {
|
|
|
|
|
return color;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
alpha(v) {
|
|
|
|
|
v = v * 255;
|
|
|
|
|
return new Color((this._value & 0xffffff) | ((v & 0xff) << 24));
|
|
|
|
|
}
|
|
|
|
|
toModel() {
|
|
|
|
|
return this._value;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
Color.BLACK = new Color(0xFF000000);
|
|
|
|
|
Color.DKGRAY = new Color(0xFF444444);
|
|
|
|
|
Color.GRAY = new Color(0xFF888888);
|
|
|
|
|
Color.LTGRAY = new Color(0xFFCCCCCC);
|
|
|
|
|
Color.WHITE = new Color(0xFFFFFFFF);
|
|
|
|
|
Color.RED = new Color(0xFFFF0000);
|
|
|
|
|
Color.GREEN = new Color(0xFF00FF00);
|
|
|
|
|
Color.BLUE = new Color(0xFF0000FF);
|
|
|
|
|
Color.YELLOW = new Color(0xFFFFFF00);
|
|
|
|
|
Color.CYAN = new Color(0xFF00FFFF);
|
|
|
|
|
Color.MAGENTA = new Color(0xFFFF00FF);
|
|
|
|
|
Color.TRANSPARENT = new Color(0);
|
|
|
|
|
exports.GradientOrientation = void 0;
|
|
|
|
|
(function (GradientOrientation) {
|
|
|
|
|
/** draw the gradient from the top to the bottom */
|
|
|
|
|
GradientOrientation[GradientOrientation["TOP_BOTTOM"] = 0] = "TOP_BOTTOM";
|
|
|
|
|
/** draw the gradient from the top-right to the bottom-left */
|
|
|
|
|
GradientOrientation[GradientOrientation["TR_BL"] = 1] = "TR_BL";
|
|
|
|
|
/** draw the gradient from the right to the left */
|
|
|
|
|
GradientOrientation[GradientOrientation["RIGHT_LEFT"] = 2] = "RIGHT_LEFT";
|
|
|
|
|
/** draw the gradient from the bottom-right to the top-left */
|
|
|
|
|
GradientOrientation[GradientOrientation["BR_TL"] = 3] = "BR_TL";
|
|
|
|
|
/** draw the gradient from the bottom to the top */
|
|
|
|
|
GradientOrientation[GradientOrientation["BOTTOM_TOP"] = 4] = "BOTTOM_TOP";
|
|
|
|
|
/** draw the gradient from the bottom-left to the top-right */
|
|
|
|
|
GradientOrientation[GradientOrientation["BL_TR"] = 5] = "BL_TR";
|
|
|
|
|
/** draw the gradient from the left to the right */
|
|
|
|
|
GradientOrientation[GradientOrientation["LEFT_RIGHT"] = 6] = "LEFT_RIGHT";
|
|
|
|
|
/** draw the gradient from the top-left to the bottom-right */
|
|
|
|
|
GradientOrientation[GradientOrientation["TL_BR"] = 7] = "TL_BR";
|
|
|
|
|
})(exports.GradientOrientation || (exports.GradientOrientation = {}));
|
|
|
|
|
|
2019-12-21 11:09:27 +08:00
|
|
|
|
/*
|
|
|
|
|
* Copyright [2019] [Doric.Pub]
|
|
|
|
|
*
|
|
|
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
|
|
|
* you may not use this file except in compliance with the License.
|
|
|
|
|
* You may obtain a copy of the License at
|
|
|
|
|
*
|
|
|
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
|
*
|
|
|
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
|
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
|
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
|
|
|
* See the License for the specific language governing permissions and
|
|
|
|
|
* limitations under the License.
|
|
|
|
|
*/
|
2021-02-20 17:58:09 +08:00
|
|
|
|
exports.RepeatMode = void 0;
|
2019-12-19 10:58:46 +08:00
|
|
|
|
(function (RepeatMode) {
|
|
|
|
|
RepeatMode[RepeatMode["RESTART"] = 1] = "RESTART";
|
|
|
|
|
RepeatMode[RepeatMode["REVERSE"] = 2] = "REVERSE";
|
|
|
|
|
})(exports.RepeatMode || (exports.RepeatMode = {}));
|
2021-02-20 17:58:09 +08:00
|
|
|
|
exports.FillMode = void 0;
|
2019-12-19 10:58:46 +08:00
|
|
|
|
(function (FillMode) {
|
|
|
|
|
/**
|
|
|
|
|
* The receiver is removed from the presentation when the animation is completed.
|
|
|
|
|
*/
|
|
|
|
|
FillMode[FillMode["Removed"] = 0] = "Removed";
|
|
|
|
|
/**
|
|
|
|
|
* The receiver remains visible in its final state when the animation is completed.
|
|
|
|
|
*/
|
|
|
|
|
FillMode[FillMode["Forward"] = 1] = "Forward";
|
|
|
|
|
/**
|
|
|
|
|
* The receiver clamps values before zero to zero when the animation is completed.
|
|
|
|
|
*/
|
|
|
|
|
FillMode[FillMode["Backward"] = 2] = "Backward";
|
|
|
|
|
/**
|
|
|
|
|
* The receiver clamps values at both ends of the object’s time space
|
|
|
|
|
*/
|
|
|
|
|
FillMode[FillMode["Both"] = 3] = "Both";
|
|
|
|
|
})(exports.FillMode || (exports.FillMode = {}));
|
2021-02-20 17:58:09 +08:00
|
|
|
|
exports.TimingFunction = void 0;
|
2019-12-19 10:58:46 +08:00
|
|
|
|
(function (TimingFunction) {
|
|
|
|
|
/**
|
|
|
|
|
* The system default timing function. Use this function to ensure that the timing of your animations matches that of most system animations.
|
|
|
|
|
*/
|
|
|
|
|
TimingFunction[TimingFunction["Default"] = 0] = "Default";
|
|
|
|
|
/**
|
|
|
|
|
* Linear pacing, which causes an animation to occur evenly over its duration.
|
|
|
|
|
*/
|
|
|
|
|
TimingFunction[TimingFunction["Linear"] = 1] = "Linear";
|
|
|
|
|
/**
|
|
|
|
|
* Ease-in pacing, which causes an animation to begin slowly and then speed up as it progresses.
|
|
|
|
|
*/
|
|
|
|
|
TimingFunction[TimingFunction["EaseIn"] = 2] = "EaseIn";
|
|
|
|
|
/**
|
|
|
|
|
* Ease-out pacing, which causes an animation to begin quickly and then slow as it progresses.
|
|
|
|
|
*/
|
|
|
|
|
TimingFunction[TimingFunction["EaseOut"] = 3] = "EaseOut";
|
|
|
|
|
/**
|
|
|
|
|
* Ease-in-ease-out pacing, which causes an animation to begin slowly, accelerate through the middle of its duration, and then slow again before completing.
|
|
|
|
|
*/
|
|
|
|
|
TimingFunction[TimingFunction["EaseInEaseOut"] = 4] = "EaseInEaseOut";
|
|
|
|
|
})(exports.TimingFunction || (exports.TimingFunction = {}));
|
|
|
|
|
class Animation {
|
|
|
|
|
constructor() {
|
|
|
|
|
this.changeables = new Map;
|
|
|
|
|
this.duration = 0;
|
|
|
|
|
this.fillMode = exports.FillMode.Forward;
|
2021-04-22 11:47:08 +08:00
|
|
|
|
this.id = uniqueId("Animation");
|
2019-12-19 10:58:46 +08:00
|
|
|
|
}
|
|
|
|
|
toModel() {
|
|
|
|
|
const changeables = [];
|
|
|
|
|
for (let e of this.changeables.values()) {
|
|
|
|
|
changeables.push({
|
|
|
|
|
key: e.key,
|
|
|
|
|
fromValue: e.fromValue,
|
|
|
|
|
toValue: e.toValue,
|
2021-09-07 20:10:44 +08:00
|
|
|
|
keyFrames: e.keyFrames,
|
2019-12-19 10:58:46 +08:00
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
return {
|
|
|
|
|
type: this.constructor.name,
|
|
|
|
|
delay: this.delay,
|
|
|
|
|
duration: this.duration,
|
|
|
|
|
changeables,
|
|
|
|
|
repeatCount: this.repeatCount,
|
|
|
|
|
repeatMode: this.repeatMode,
|
|
|
|
|
fillMode: this.fillMode,
|
2021-04-22 11:47:08 +08:00
|
|
|
|
timingFunction: this.timingFunction,
|
|
|
|
|
id: this.id,
|
2019-12-19 10:58:46 +08:00
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
class ScaleAnimation extends Animation {
|
|
|
|
|
constructor() {
|
|
|
|
|
super();
|
|
|
|
|
this.scaleXChangeable = {
|
|
|
|
|
key: "scaleX",
|
|
|
|
|
fromValue: 1,
|
|
|
|
|
toValue: 1,
|
|
|
|
|
};
|
|
|
|
|
this.scaleYChangeable = {
|
|
|
|
|
key: "scaleY",
|
|
|
|
|
fromValue: 1,
|
|
|
|
|
toValue: 1,
|
|
|
|
|
};
|
|
|
|
|
this.changeables.set("scaleX", this.scaleXChangeable);
|
|
|
|
|
this.changeables.set("scaleY", this.scaleYChangeable);
|
|
|
|
|
}
|
2021-09-07 20:10:44 +08:00
|
|
|
|
set xKeyFrames(keyFrames) {
|
|
|
|
|
this.scaleXChangeable.keyFrames = keyFrames;
|
|
|
|
|
}
|
|
|
|
|
set yKeyFrames(keyFrames) {
|
|
|
|
|
this.scaleYChangeable.keyFrames = keyFrames;
|
|
|
|
|
}
|
2019-12-19 10:58:46 +08:00
|
|
|
|
set fromScaleX(v) {
|
|
|
|
|
this.scaleXChangeable.fromValue = v;
|
|
|
|
|
}
|
|
|
|
|
get fromScaleX() {
|
|
|
|
|
return this.scaleXChangeable.fromValue;
|
|
|
|
|
}
|
|
|
|
|
set toScaleX(v) {
|
|
|
|
|
this.scaleXChangeable.toValue = v;
|
|
|
|
|
}
|
|
|
|
|
get toScaleX() {
|
|
|
|
|
return this.scaleXChangeable.toValue;
|
|
|
|
|
}
|
|
|
|
|
set fromScaleY(v) {
|
|
|
|
|
this.scaleYChangeable.fromValue = v;
|
|
|
|
|
}
|
|
|
|
|
get fromScaleY() {
|
|
|
|
|
return this.scaleYChangeable.fromValue;
|
|
|
|
|
}
|
|
|
|
|
set toScaleY(v) {
|
|
|
|
|
this.scaleYChangeable.toValue = v;
|
|
|
|
|
}
|
|
|
|
|
get toScaleY() {
|
|
|
|
|
return this.scaleYChangeable.toValue;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
class TranslationAnimation extends Animation {
|
|
|
|
|
constructor() {
|
|
|
|
|
super();
|
|
|
|
|
this.translationXChangeable = {
|
|
|
|
|
key: "translationX",
|
2021-04-22 11:47:08 +08:00
|
|
|
|
fromValue: 0,
|
|
|
|
|
toValue: 0,
|
2019-12-19 10:58:46 +08:00
|
|
|
|
};
|
|
|
|
|
this.translationYChangeable = {
|
|
|
|
|
key: "translationY",
|
2021-04-22 11:47:08 +08:00
|
|
|
|
fromValue: 0,
|
|
|
|
|
toValue: 0,
|
2019-12-19 10:58:46 +08:00
|
|
|
|
};
|
|
|
|
|
this.changeables.set("translationX", this.translationXChangeable);
|
|
|
|
|
this.changeables.set("translationY", this.translationYChangeable);
|
|
|
|
|
}
|
2021-09-07 20:10:44 +08:00
|
|
|
|
set xKeyFrames(keyFrames) {
|
|
|
|
|
this.translationXChangeable.keyFrames = keyFrames;
|
|
|
|
|
}
|
|
|
|
|
set yKeyFrames(keyFrames) {
|
|
|
|
|
this.translationYChangeable.keyFrames = keyFrames;
|
|
|
|
|
}
|
2019-12-19 10:58:46 +08:00
|
|
|
|
set fromTranslationX(v) {
|
|
|
|
|
this.translationXChangeable.fromValue = v;
|
|
|
|
|
}
|
|
|
|
|
get fromTranslationX() {
|
|
|
|
|
return this.translationXChangeable.fromValue;
|
|
|
|
|
}
|
|
|
|
|
set toTranslationX(v) {
|
|
|
|
|
this.translationXChangeable.toValue = v;
|
|
|
|
|
}
|
|
|
|
|
get toTranslationX() {
|
|
|
|
|
return this.translationXChangeable.toValue;
|
|
|
|
|
}
|
|
|
|
|
set fromTranslationY(v) {
|
|
|
|
|
this.translationYChangeable.fromValue = v;
|
|
|
|
|
}
|
|
|
|
|
get fromTranslationY() {
|
|
|
|
|
return this.translationYChangeable.fromValue;
|
|
|
|
|
}
|
|
|
|
|
set toTranslationY(v) {
|
|
|
|
|
this.translationYChangeable.toValue = v;
|
|
|
|
|
}
|
|
|
|
|
get toTranslationY() {
|
|
|
|
|
return this.translationYChangeable.toValue;
|
|
|
|
|
}
|
|
|
|
|
}
|
2021-09-07 18:33:25 +08:00
|
|
|
|
/**
|
|
|
|
|
* Rotation range is [0..2]
|
|
|
|
|
*/
|
2019-12-19 10:58:46 +08:00
|
|
|
|
class RotationAnimation extends Animation {
|
|
|
|
|
constructor() {
|
|
|
|
|
super();
|
|
|
|
|
this.rotationChaneable = {
|
|
|
|
|
key: "rotation",
|
|
|
|
|
fromValue: 1,
|
|
|
|
|
toValue: 1,
|
|
|
|
|
};
|
|
|
|
|
this.changeables.set("rotation", this.rotationChaneable);
|
|
|
|
|
}
|
|
|
|
|
set fromRotation(v) {
|
|
|
|
|
this.rotationChaneable.fromValue = v;
|
|
|
|
|
}
|
|
|
|
|
get fromRotation() {
|
|
|
|
|
return this.rotationChaneable.fromValue;
|
|
|
|
|
}
|
|
|
|
|
set toRotation(v) {
|
|
|
|
|
this.rotationChaneable.toValue = v;
|
|
|
|
|
}
|
|
|
|
|
get toRotation() {
|
|
|
|
|
return this.rotationChaneable.toValue;
|
|
|
|
|
}
|
2021-09-07 20:10:44 +08:00
|
|
|
|
set keyFrames(keyFrames) {
|
|
|
|
|
this.rotationChaneable.keyFrames = keyFrames;
|
|
|
|
|
}
|
2019-12-19 10:58:46 +08:00
|
|
|
|
}
|
2021-09-07 18:33:25 +08:00
|
|
|
|
/**
|
|
|
|
|
* Rotation range is [0..2]
|
|
|
|
|
*/
|
2020-06-03 14:53:32 +08:00
|
|
|
|
class RotationXAnimation extends Animation {
|
|
|
|
|
constructor() {
|
|
|
|
|
super();
|
|
|
|
|
this.rotationChaneable = {
|
|
|
|
|
key: "rotationX",
|
|
|
|
|
fromValue: 1,
|
|
|
|
|
toValue: 1,
|
|
|
|
|
};
|
|
|
|
|
this.changeables.set("rotationX", this.rotationChaneable);
|
|
|
|
|
}
|
|
|
|
|
set fromRotation(v) {
|
|
|
|
|
this.rotationChaneable.fromValue = v;
|
|
|
|
|
}
|
|
|
|
|
get fromRotation() {
|
|
|
|
|
return this.rotationChaneable.fromValue;
|
|
|
|
|
}
|
|
|
|
|
set toRotation(v) {
|
|
|
|
|
this.rotationChaneable.toValue = v;
|
|
|
|
|
}
|
|
|
|
|
get toRotation() {
|
|
|
|
|
return this.rotationChaneable.toValue;
|
|
|
|
|
}
|
2021-09-07 20:10:44 +08:00
|
|
|
|
set keyFrames(keyFrames) {
|
|
|
|
|
this.rotationChaneable.keyFrames = keyFrames;
|
|
|
|
|
}
|
2020-06-03 14:53:32 +08:00
|
|
|
|
}
|
2021-09-07 18:33:25 +08:00
|
|
|
|
/**
|
|
|
|
|
* Rotation range is [0..2]
|
|
|
|
|
*/
|
2020-06-03 14:53:32 +08:00
|
|
|
|
class RotationYAnimation extends Animation {
|
|
|
|
|
constructor() {
|
|
|
|
|
super();
|
|
|
|
|
this.rotationChaneable = {
|
|
|
|
|
key: "rotationY",
|
|
|
|
|
fromValue: 1,
|
|
|
|
|
toValue: 1,
|
|
|
|
|
};
|
|
|
|
|
this.changeables.set("rotationY", this.rotationChaneable);
|
|
|
|
|
}
|
|
|
|
|
set fromRotation(v) {
|
|
|
|
|
this.rotationChaneable.fromValue = v;
|
|
|
|
|
}
|
|
|
|
|
get fromRotation() {
|
|
|
|
|
return this.rotationChaneable.fromValue;
|
|
|
|
|
}
|
|
|
|
|
set toRotation(v) {
|
|
|
|
|
this.rotationChaneable.toValue = v;
|
|
|
|
|
}
|
|
|
|
|
get toRotation() {
|
|
|
|
|
return this.rotationChaneable.toValue;
|
|
|
|
|
}
|
2021-09-07 20:10:44 +08:00
|
|
|
|
set keyFrames(keyFrames) {
|
|
|
|
|
this.rotationChaneable.keyFrames = keyFrames;
|
|
|
|
|
}
|
2020-06-03 14:53:32 +08:00
|
|
|
|
}
|
2021-09-07 18:33:25 +08:00
|
|
|
|
class BackgroundColorAnimation extends Animation {
|
|
|
|
|
constructor() {
|
|
|
|
|
super();
|
|
|
|
|
this.backgroundColorChangeable = {
|
|
|
|
|
key: "backgroundColor",
|
|
|
|
|
fromValue: Color.TRANSPARENT._value,
|
|
|
|
|
toValue: Color.TRANSPARENT._value,
|
|
|
|
|
};
|
|
|
|
|
this.changeables.set("backgroundColor", this.backgroundColorChangeable);
|
|
|
|
|
}
|
|
|
|
|
set fromColor(color) {
|
|
|
|
|
this.backgroundColorChangeable.fromValue = color._value;
|
|
|
|
|
}
|
|
|
|
|
get fromColor() {
|
|
|
|
|
return new Color(this.backgroundColorChangeable.fromValue);
|
|
|
|
|
}
|
|
|
|
|
set toColor(v) {
|
|
|
|
|
this.backgroundColorChangeable.toValue = v._value;
|
|
|
|
|
}
|
|
|
|
|
get toColor() {
|
|
|
|
|
return new Color(this.backgroundColorChangeable.toValue);
|
|
|
|
|
}
|
2021-09-07 20:10:44 +08:00
|
|
|
|
set keyFrames(keyFrames) {
|
|
|
|
|
this.backgroundColorChangeable.keyFrames = keyFrames.map(e => { return { percent: e.percent, value: e.value.toModel() }; });
|
|
|
|
|
}
|
2021-09-07 18:33:25 +08:00
|
|
|
|
}
|
|
|
|
|
/**
|
|
|
|
|
* Alpha range is [0..1]
|
|
|
|
|
*/
|
|
|
|
|
class AlphaAnimation extends Animation {
|
|
|
|
|
constructor() {
|
|
|
|
|
super();
|
|
|
|
|
this.opacityChangeable = {
|
|
|
|
|
key: "alpha",
|
|
|
|
|
fromValue: 1,
|
|
|
|
|
toValue: 1,
|
|
|
|
|
};
|
|
|
|
|
this.changeables.set("alpha", this.opacityChangeable);
|
|
|
|
|
}
|
|
|
|
|
set from(v) {
|
|
|
|
|
this.opacityChangeable.fromValue = v;
|
|
|
|
|
}
|
|
|
|
|
get from() {
|
|
|
|
|
return this.opacityChangeable.fromValue;
|
|
|
|
|
}
|
|
|
|
|
set to(v) {
|
|
|
|
|
this.opacityChangeable.toValue = v;
|
|
|
|
|
}
|
|
|
|
|
get to() {
|
|
|
|
|
return this.opacityChangeable.toValue;
|
|
|
|
|
}
|
2021-09-07 20:10:44 +08:00
|
|
|
|
set keyFrames(keyFrames) {
|
|
|
|
|
this.opacityChangeable.keyFrames = keyFrames;
|
|
|
|
|
}
|
2021-09-07 18:33:25 +08:00
|
|
|
|
}
|
2019-12-19 10:58:46 +08:00
|
|
|
|
class AnimationSet {
|
|
|
|
|
constructor() {
|
|
|
|
|
this.animations = [];
|
|
|
|
|
this._duration = 0;
|
2021-04-22 11:47:08 +08:00
|
|
|
|
this.id = uniqueId("AnimationSet");
|
2019-12-19 10:58:46 +08:00
|
|
|
|
}
|
|
|
|
|
addAnimation(anim) {
|
|
|
|
|
this.animations.push(anim);
|
|
|
|
|
}
|
|
|
|
|
get duration() {
|
|
|
|
|
return this._duration;
|
|
|
|
|
}
|
|
|
|
|
set duration(v) {
|
|
|
|
|
this._duration = v;
|
|
|
|
|
this.animations.forEach(e => e.duration = v);
|
|
|
|
|
}
|
|
|
|
|
toModel() {
|
|
|
|
|
return {
|
|
|
|
|
animations: this.animations.map(e => {
|
|
|
|
|
return e.toModel();
|
|
|
|
|
}),
|
|
|
|
|
delay: this.delay,
|
2021-04-22 11:47:08 +08:00
|
|
|
|
id: this.id,
|
2019-12-19 10:58:46 +08:00
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2021-11-24 14:37:48 +08:00
|
|
|
|
var __decorate$c = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
2019-12-19 10:58:46 +08:00
|
|
|
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
|
|
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
|
|
|
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
|
|
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
|
|
|
};
|
2021-11-24 14:37:48 +08:00
|
|
|
|
var __metadata$c = (undefined && undefined.__metadata) || function (k, v) {
|
2019-12-19 10:58:46 +08:00
|
|
|
|
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
|
|
|
};
|
2021-02-20 17:58:09 +08:00
|
|
|
|
exports.TruncateAt = void 0;
|
2020-04-27 18:46:39 +08:00
|
|
|
|
(function (TruncateAt) {
|
|
|
|
|
TruncateAt[TruncateAt["End"] = 0] = "End";
|
|
|
|
|
TruncateAt[TruncateAt["Middle"] = 1] = "Middle";
|
|
|
|
|
TruncateAt[TruncateAt["Start"] = 2] = "Start";
|
|
|
|
|
TruncateAt[TruncateAt["Clip"] = 3] = "Clip";
|
|
|
|
|
})(exports.TruncateAt || (exports.TruncateAt = {}));
|
2020-07-03 16:53:31 +08:00
|
|
|
|
class Text extends View {
|
2021-09-03 13:42:25 +08:00
|
|
|
|
set innerElement(e) {
|
|
|
|
|
this.text = e;
|
|
|
|
|
}
|
2020-07-03 16:53:31 +08:00
|
|
|
|
}
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$c([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$c("design:type", String)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Text.prototype, "text", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$c([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$c("design:type", Object)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Text.prototype, "textColor", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$c([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$c("design:type", Number)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Text.prototype, "textSize", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$c([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$c("design:type", Number)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Text.prototype, "maxLines", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$c([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$c("design:type", Gravity)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Text.prototype, "textAlignment", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$c([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$c("design:type", String)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Text.prototype, "fontStyle", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$c([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$c("design:type", String)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Text.prototype, "font", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$c([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$c("design:type", Number)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Text.prototype, "maxWidth", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$c([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$c("design:type", Number)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Text.prototype, "maxHeight", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$c([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$c("design:type", Number)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Text.prototype, "lineSpacing", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$c([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$c("design:type", Boolean)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Text.prototype, "strikethrough", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$c([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$c("design:type", Boolean)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Text.prototype, "underline", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$c([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$c("design:type", String)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Text.prototype, "htmlText", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$c([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$c("design:type", Number)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Text.prototype, "truncateAt", void 0);
|
2019-12-19 10:58:46 +08:00
|
|
|
|
function text(config) {
|
|
|
|
|
const ret = new Text;
|
2019-12-21 11:09:27 +08:00
|
|
|
|
ret.layoutConfig = layoutConfig().fit();
|
2021-08-31 12:49:47 +08:00
|
|
|
|
ret.apply(config);
|
2019-12-19 10:58:46 +08:00
|
|
|
|
return ret;
|
|
|
|
|
}
|
|
|
|
|
|
2021-10-20 18:57:17 +08:00
|
|
|
|
class Resource {
|
|
|
|
|
constructor(type, identifier) {
|
|
|
|
|
this.type = type;
|
|
|
|
|
this.identifier = identifier;
|
|
|
|
|
}
|
|
|
|
|
toModel() {
|
|
|
|
|
return {
|
|
|
|
|
type: this.type,
|
|
|
|
|
identifier: this.identifier,
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
}
|
2021-10-25 16:01:44 +08:00
|
|
|
|
class LocalResource extends Resource {
|
2021-10-22 17:00:00 +08:00
|
|
|
|
constructor(path) {
|
2021-10-25 16:01:44 +08:00
|
|
|
|
super("local", path);
|
2021-10-22 17:00:00 +08:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
class RemoteResource extends Resource {
|
|
|
|
|
constructor(url) {
|
|
|
|
|
super("remote", url);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
class Base64Resource extends Resource {
|
2021-10-25 16:01:44 +08:00
|
|
|
|
constructor(content) {
|
|
|
|
|
super("base64", content);
|
2021-10-22 17:00:00 +08:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
/**
|
|
|
|
|
* This is for android platform
|
|
|
|
|
*/
|
|
|
|
|
class DrawableResource extends Resource {
|
2021-10-25 16:01:44 +08:00
|
|
|
|
constructor(name) {
|
|
|
|
|
super("drawable", name);
|
2021-10-22 17:00:00 +08:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
class RawResource extends Resource {
|
2021-10-25 16:01:44 +08:00
|
|
|
|
constructor(name) {
|
|
|
|
|
super("raw", name);
|
2021-10-22 17:00:00 +08:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
class AssetResource extends Resource {
|
|
|
|
|
constructor(path) {
|
|
|
|
|
super("assets", path);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
/**
|
|
|
|
|
* This is for iOS platform
|
|
|
|
|
*/
|
|
|
|
|
class MainBundleResource extends Resource {
|
2021-10-25 16:51:45 +08:00
|
|
|
|
constructor(fileName) {
|
|
|
|
|
super("mainBundle", fileName);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
class BundleResource extends Resource {
|
|
|
|
|
constructor(bundleName, fileName) {
|
|
|
|
|
super("bundle", `${bundleName}://${fileName}`);
|
2021-10-22 17:00:00 +08:00
|
|
|
|
}
|
|
|
|
|
}
|
2021-10-20 18:57:17 +08:00
|
|
|
|
|
2021-11-24 14:37:48 +08:00
|
|
|
|
var __decorate$b = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
2019-12-19 10:58:46 +08:00
|
|
|
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
|
|
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
|
|
|
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
|
|
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
|
|
|
};
|
2021-11-24 14:37:48 +08:00
|
|
|
|
var __metadata$b = (undefined && undefined.__metadata) || function (k, v) {
|
2019-12-19 10:58:46 +08:00
|
|
|
|
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
|
|
|
};
|
2021-02-20 17:58:09 +08:00
|
|
|
|
exports.ScaleType = void 0;
|
2019-12-19 10:58:46 +08:00
|
|
|
|
(function (ScaleType) {
|
|
|
|
|
ScaleType[ScaleType["ScaleToFill"] = 0] = "ScaleToFill";
|
|
|
|
|
ScaleType[ScaleType["ScaleAspectFit"] = 1] = "ScaleAspectFit";
|
|
|
|
|
ScaleType[ScaleType["ScaleAspectFill"] = 2] = "ScaleAspectFill";
|
|
|
|
|
})(exports.ScaleType || (exports.ScaleType = {}));
|
2020-07-03 16:53:31 +08:00
|
|
|
|
class Image extends View {
|
2021-09-26 16:27:13 +08:00
|
|
|
|
isAnimating(context) {
|
|
|
|
|
return this.nativeChannel(context, "isAnimating")();
|
|
|
|
|
}
|
|
|
|
|
startAnimating(context) {
|
|
|
|
|
return this.nativeChannel(context, "startAnimating")();
|
|
|
|
|
}
|
|
|
|
|
stopAnimating(context) {
|
|
|
|
|
return this.nativeChannel(context, "stopAnimating")();
|
|
|
|
|
}
|
2020-07-03 16:53:31 +08:00
|
|
|
|
}
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$b([
|
2021-10-20 18:57:17 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$b("design:type", Resource)
|
2021-10-20 18:57:17 +08:00
|
|
|
|
], Image.prototype, "image", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$b([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$b("design:type", String)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Image.prototype, "imageUrl", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$b([
|
2021-08-05 17:42:45 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$b("design:type", String)
|
2021-08-05 17:42:45 +08:00
|
|
|
|
], Image.prototype, "imageFilePath", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$b([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$b("design:type", String)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Image.prototype, "imagePath", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$b([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$b("design:type", String)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Image.prototype, "imageRes", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$b([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$b("design:type", String)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Image.prototype, "imageBase64", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$b([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$b("design:type", Number)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Image.prototype, "scaleType", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$b([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$b("design:type", Boolean)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Image.prototype, "isBlur", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$b([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$b("design:type", String)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Image.prototype, "placeHolderImage", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$b([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$b("design:type", String)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Image.prototype, "placeHolderImageBase64", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$b([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$b("design:type", Color
|
2020-07-03 16:53:31 +08:00
|
|
|
|
/**
|
|
|
|
|
* Display while image is failed to load
|
|
|
|
|
* It can be file name in local path
|
|
|
|
|
*/
|
|
|
|
|
)
|
|
|
|
|
], Image.prototype, "placeHolderColor", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$b([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$b("design:type", String)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Image.prototype, "errorImage", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$b([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$b("design:type", String)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Image.prototype, "errorImageBase64", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$b([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$b("design:type", Color)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Image.prototype, "errorColor", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$b([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$b("design:type", Function)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Image.prototype, "loadCallback", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$b([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$b("design:type", Number)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Image.prototype, "imageScale", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$b([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$b("design:type", Object)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Image.prototype, "stretchInset", void 0);
|
2019-12-19 10:58:46 +08:00
|
|
|
|
function image(config) {
|
|
|
|
|
const ret = new Image;
|
2019-12-21 11:09:27 +08:00
|
|
|
|
ret.layoutConfig = layoutConfig().fit();
|
2021-08-31 12:49:47 +08:00
|
|
|
|
ret.apply(config);
|
2019-12-19 10:58:46 +08:00
|
|
|
|
return ret;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
* Copyright [2019] [Doric.Pub]
|
|
|
|
|
*
|
|
|
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
|
|
|
* you may not use this file except in compliance with the License.
|
|
|
|
|
* You may obtain a copy of the License at
|
|
|
|
|
*
|
|
|
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
|
*
|
|
|
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
|
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
|
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
|
|
|
* See the License for the specific language governing permissions and
|
|
|
|
|
* limitations under the License.
|
|
|
|
|
*/
|
2021-11-24 14:37:48 +08:00
|
|
|
|
var __decorate$a = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
2019-12-19 10:58:46 +08:00
|
|
|
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
|
|
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
|
|
|
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
|
|
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
|
|
|
};
|
2021-11-24 14:37:48 +08:00
|
|
|
|
var __metadata$a = (undefined && undefined.__metadata) || function (k, v) {
|
2019-12-19 10:58:46 +08:00
|
|
|
|
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
|
|
|
};
|
2020-07-03 16:53:31 +08:00
|
|
|
|
class ListItem extends Stack {
|
|
|
|
|
}
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$a([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$a("design:type", String)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], ListItem.prototype, "identifier", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$a([
|
2021-04-23 19:05:33 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$a("design:type", Array)
|
2021-04-23 19:05:33 +08:00
|
|
|
|
], ListItem.prototype, "actions", void 0);
|
2020-07-03 16:53:31 +08:00
|
|
|
|
class List extends Superview {
|
|
|
|
|
constructor() {
|
|
|
|
|
super(...arguments);
|
|
|
|
|
this.cachedViews = new Map;
|
|
|
|
|
this.itemCount = 0;
|
|
|
|
|
this.batchCount = 15;
|
|
|
|
|
}
|
|
|
|
|
allSubviews() {
|
2021-10-09 16:50:34 +08:00
|
|
|
|
const ret = [...this.cachedViews.values()];
|
2020-07-03 16:53:31 +08:00
|
|
|
|
if (this.loadMoreView) {
|
2021-10-09 16:50:34 +08:00
|
|
|
|
ret.push(this.loadMoreView);
|
2020-05-16 19:00:48 +08:00
|
|
|
|
}
|
2021-10-09 16:50:34 +08:00
|
|
|
|
return ret;
|
2020-07-03 16:53:31 +08:00
|
|
|
|
}
|
|
|
|
|
scrollToItem(context, index, config) {
|
|
|
|
|
const animated = config === null || config === void 0 ? void 0 : config.animated;
|
|
|
|
|
return this.nativeChannel(context, 'scrollToItem')({ index, animated, });
|
|
|
|
|
}
|
2021-10-11 18:10:59 +08:00
|
|
|
|
/**
|
|
|
|
|
* @param context
|
2021-10-12 16:33:04 +08:00
|
|
|
|
* @returns Returns array of visible view's index.
|
2021-10-11 18:10:59 +08:00
|
|
|
|
*/
|
|
|
|
|
findVisibleItems(context) {
|
|
|
|
|
return this.nativeChannel(context, 'findVisibleItems')();
|
|
|
|
|
}
|
|
|
|
|
/**
|
|
|
|
|
* @param context
|
2021-10-12 16:33:04 +08:00
|
|
|
|
* @returns Returns array of completely visible view's index.
|
2021-10-11 18:10:59 +08:00
|
|
|
|
*/
|
|
|
|
|
findCompletelyVisibleItems(context) {
|
|
|
|
|
return this.nativeChannel(context, 'findCompletelyVisibleItems')();
|
|
|
|
|
}
|
2020-07-03 16:53:31 +08:00
|
|
|
|
reset() {
|
|
|
|
|
this.cachedViews.clear();
|
|
|
|
|
this.itemCount = 0;
|
|
|
|
|
}
|
|
|
|
|
getItem(itemIdx) {
|
|
|
|
|
let view = this.renderItem(itemIdx);
|
|
|
|
|
view.superview = this;
|
|
|
|
|
this.cachedViews.set(`${itemIdx}`, view);
|
|
|
|
|
return view;
|
|
|
|
|
}
|
|
|
|
|
renderBunchedItems(start, length) {
|
|
|
|
|
return new Array(Math.max(0, Math.min(length, this.itemCount - start))).fill(0).map((_, idx) => {
|
|
|
|
|
const listItem = this.getItem(start + idx);
|
|
|
|
|
return listItem.toModel();
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
toModel() {
|
|
|
|
|
if (this.loadMoreView) {
|
|
|
|
|
this.dirtyProps['loadMoreView'] = this.loadMoreView.viewId;
|
2020-05-16 19:00:48 +08:00
|
|
|
|
}
|
2020-07-03 16:53:31 +08:00
|
|
|
|
return super.toModel();
|
|
|
|
|
}
|
|
|
|
|
}
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$a([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$a("design:type", Object)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], List.prototype, "itemCount", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$a([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$a("design:type", Function)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], List.prototype, "renderItem", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$a([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$a("design:type", Object)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], List.prototype, "batchCount", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$a([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$a("design:type", Function)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], List.prototype, "onLoadMore", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$a([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$a("design:type", Boolean)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], List.prototype, "loadMore", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$a([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$a("design:type", ListItem)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], List.prototype, "loadMoreView", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$a([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$a("design:type", Function)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], List.prototype, "onScroll", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$a([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$a("design:type", Function)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], List.prototype, "onScrollEnd", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$a([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$a("design:type", Number)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], List.prototype, "scrolledPosition", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$a([
|
2021-04-23 17:57:34 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$a("design:type", Boolean)
|
2021-04-23 17:57:34 +08:00
|
|
|
|
], List.prototype, "scrollable", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$a([
|
2021-04-30 14:32:53 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$a("design:type", Boolean)
|
2021-04-30 14:32:53 +08:00
|
|
|
|
], List.prototype, "bounces", void 0);
|
2019-12-19 10:58:46 +08:00
|
|
|
|
function list(config) {
|
|
|
|
|
const ret = new List;
|
2021-08-31 12:49:47 +08:00
|
|
|
|
ret.apply(config);
|
2019-12-19 10:58:46 +08:00
|
|
|
|
return ret;
|
|
|
|
|
}
|
2020-01-06 14:18:02 +08:00
|
|
|
|
function listItem(item, config) {
|
2019-12-19 10:58:46 +08:00
|
|
|
|
return (new ListItem).also((it) => {
|
2020-01-06 14:18:02 +08:00
|
|
|
|
it.layoutConfig = layoutConfig().fit();
|
|
|
|
|
if (item instanceof View) {
|
|
|
|
|
it.addChild(item);
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
item.forEach(e => {
|
|
|
|
|
it.addChild(e);
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
if (config) {
|
2021-08-31 12:49:47 +08:00
|
|
|
|
it.apply(config);
|
2020-01-06 14:18:02 +08:00
|
|
|
|
}
|
2019-12-19 10:58:46 +08:00
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
2021-11-24 14:37:48 +08:00
|
|
|
|
var __decorate$9 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
2019-12-19 10:58:46 +08:00
|
|
|
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
|
|
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
|
|
|
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
|
|
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
|
|
|
};
|
2021-11-24 14:37:48 +08:00
|
|
|
|
var __metadata$9 = (undefined && undefined.__metadata) || function (k, v) {
|
2019-12-19 10:58:46 +08:00
|
|
|
|
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
|
|
|
};
|
2020-07-03 16:53:31 +08:00
|
|
|
|
class SlideItem extends Stack {
|
|
|
|
|
}
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$9([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$9("design:type", String)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], SlideItem.prototype, "identifier", void 0);
|
|
|
|
|
class Slider extends Superview {
|
|
|
|
|
constructor() {
|
|
|
|
|
super(...arguments);
|
|
|
|
|
this.cachedViews = new Map;
|
|
|
|
|
this.itemCount = 0;
|
|
|
|
|
this.batchCount = 3;
|
|
|
|
|
}
|
|
|
|
|
allSubviews() {
|
|
|
|
|
return this.cachedViews.values();
|
|
|
|
|
}
|
|
|
|
|
getItem(itemIdx) {
|
|
|
|
|
let view = this.renderPage(itemIdx);
|
|
|
|
|
view.superview = this;
|
|
|
|
|
this.cachedViews.set(`${itemIdx}`, view);
|
|
|
|
|
return view;
|
|
|
|
|
}
|
|
|
|
|
renderBunchedItems(start, length) {
|
|
|
|
|
return new Array(Math.min(length, this.itemCount - start)).fill(0).map((_, idx) => {
|
|
|
|
|
const slideItem = this.getItem(start + idx);
|
|
|
|
|
return slideItem.toModel();
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
slidePage(context, page, smooth = false) {
|
|
|
|
|
return this.nativeChannel(context, "slidePage")({ page, smooth });
|
|
|
|
|
}
|
|
|
|
|
getSlidedPage(context) {
|
|
|
|
|
return this.nativeChannel(context, "getSlidedPage")();
|
|
|
|
|
}
|
|
|
|
|
}
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$9([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$9("design:type", Object)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Slider.prototype, "itemCount", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$9([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$9("design:type", Function)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Slider.prototype, "renderPage", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$9([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$9("design:type", Object)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Slider.prototype, "batchCount", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$9([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$9("design:type", Function)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Slider.prototype, "onPageSlided", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$9([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$9("design:type", Boolean)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Slider.prototype, "loop", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$9([
|
2021-04-23 17:57:34 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$9("design:type", Boolean)
|
2021-04-23 17:57:34 +08:00
|
|
|
|
], Slider.prototype, "scrollable", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$9([
|
2021-04-30 14:28:38 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$9("design:type", Boolean)
|
2021-04-30 14:28:38 +08:00
|
|
|
|
], Slider.prototype, "bounces", void 0);
|
2019-12-19 10:58:46 +08:00
|
|
|
|
function slider(config) {
|
|
|
|
|
const ret = new Slider;
|
2021-08-31 12:49:47 +08:00
|
|
|
|
ret.apply(config);
|
2019-12-19 10:58:46 +08:00
|
|
|
|
return ret;
|
|
|
|
|
}
|
2020-01-06 14:18:02 +08:00
|
|
|
|
function slideItem(item, config) {
|
|
|
|
|
return (new SlideItem).also((it) => {
|
2020-04-07 10:58:44 +08:00
|
|
|
|
it.layoutConfig = layoutConfig().most();
|
2020-01-06 14:18:02 +08:00
|
|
|
|
if (item instanceof View) {
|
|
|
|
|
it.addChild(item);
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
item.forEach(e => {
|
|
|
|
|
it.addChild(e);
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
if (config) {
|
|
|
|
|
for (let key in config) {
|
|
|
|
|
Reflect.set(it, key, Reflect.get(config, key, config), it);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
2019-12-19 10:58:46 +08:00
|
|
|
|
|
2021-11-24 14:37:48 +08:00
|
|
|
|
var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
2020-03-03 13:23:06 +08:00
|
|
|
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
|
|
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
|
|
|
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
|
|
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
|
|
|
};
|
2021-11-24 14:37:48 +08:00
|
|
|
|
var __metadata$8 = (undefined && undefined.__metadata) || function (k, v) {
|
2020-03-03 13:23:06 +08:00
|
|
|
|
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
|
|
|
};
|
2020-01-06 14:18:02 +08:00
|
|
|
|
function scroller(content, config) {
|
2019-12-19 10:58:46 +08:00
|
|
|
|
return (new Scroller).also(v => {
|
2019-12-21 11:09:27 +08:00
|
|
|
|
v.layoutConfig = layoutConfig().fit();
|
2020-01-06 14:18:02 +08:00
|
|
|
|
if (config) {
|
2021-08-31 12:49:47 +08:00
|
|
|
|
v.apply(config);
|
2020-01-06 14:18:02 +08:00
|
|
|
|
}
|
2019-12-19 10:58:46 +08:00
|
|
|
|
v.content = content;
|
|
|
|
|
});
|
|
|
|
|
}
|
2020-07-03 16:53:31 +08:00
|
|
|
|
class Scroller extends Superview {
|
|
|
|
|
allSubviews() {
|
|
|
|
|
return [this.content];
|
|
|
|
|
}
|
|
|
|
|
toModel() {
|
|
|
|
|
this.dirtyProps.content = this.content.viewId;
|
|
|
|
|
return super.toModel();
|
|
|
|
|
}
|
|
|
|
|
scrollTo(context, offset, animated) {
|
|
|
|
|
return this.nativeChannel(context, "scrollTo")({ offset, animated });
|
|
|
|
|
}
|
|
|
|
|
scrollBy(context, offset, animated) {
|
|
|
|
|
return this.nativeChannel(context, "scrollBy")({ offset, animated });
|
|
|
|
|
}
|
2021-09-03 13:42:25 +08:00
|
|
|
|
set innerElement(e) {
|
|
|
|
|
this.content = e;
|
|
|
|
|
}
|
2020-07-03 16:53:31 +08:00
|
|
|
|
}
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$8([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$8("design:type", Object)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Scroller.prototype, "contentOffset", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$8([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$8("design:type", Function)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Scroller.prototype, "onScroll", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$8([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$8("design:type", Function)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Scroller.prototype, "onScrollEnd", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$8([
|
2021-04-23 17:57:34 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$8("design:type", Boolean)
|
2021-04-23 17:57:34 +08:00
|
|
|
|
], Scroller.prototype, "scrollable", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$8([
|
2021-04-30 14:32:53 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$8("design:type", Boolean)
|
2021-04-30 14:32:53 +08:00
|
|
|
|
], Scroller.prototype, "bounces", void 0);
|
2019-12-19 10:58:46 +08:00
|
|
|
|
|
2021-11-24 14:37:48 +08:00
|
|
|
|
var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
2019-12-19 10:58:46 +08:00
|
|
|
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
|
|
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
|
|
|
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
|
|
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
|
|
|
};
|
2021-11-24 14:37:48 +08:00
|
|
|
|
var __metadata$7 = (undefined && undefined.__metadata) || function (k, v) {
|
2019-12-19 10:58:46 +08:00
|
|
|
|
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
|
|
|
};
|
2020-07-03 16:53:31 +08:00
|
|
|
|
class Refreshable extends Superview {
|
|
|
|
|
allSubviews() {
|
|
|
|
|
const ret = [this.content];
|
|
|
|
|
if (this.header) {
|
|
|
|
|
ret.push(this.header);
|
2019-12-19 10:58:46 +08:00
|
|
|
|
}
|
2020-07-03 16:53:31 +08:00
|
|
|
|
return ret;
|
|
|
|
|
}
|
|
|
|
|
setRefreshable(context, refreshable) {
|
|
|
|
|
return this.nativeChannel(context, 'setRefreshable')(refreshable);
|
|
|
|
|
}
|
|
|
|
|
setRefreshing(context, refreshing) {
|
|
|
|
|
return this.nativeChannel(context, 'setRefreshing')(refreshing);
|
|
|
|
|
}
|
|
|
|
|
isRefreshable(context) {
|
|
|
|
|
return this.nativeChannel(context, 'isRefreshable')();
|
|
|
|
|
}
|
|
|
|
|
isRefreshing(context) {
|
|
|
|
|
return this.nativeChannel(context, 'isRefreshing')();
|
|
|
|
|
}
|
|
|
|
|
toModel() {
|
|
|
|
|
this.dirtyProps.content = this.content.viewId;
|
|
|
|
|
this.dirtyProps.header = (this.header || {}).viewId;
|
|
|
|
|
return super.toModel();
|
2019-12-19 10:58:46 +08:00
|
|
|
|
}
|
2021-09-03 13:42:25 +08:00
|
|
|
|
set innerElement(e) {
|
|
|
|
|
if (e instanceof View) {
|
|
|
|
|
this.content = e;
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
this.header = e[0];
|
|
|
|
|
this.content = e[1];
|
|
|
|
|
}
|
|
|
|
|
}
|
2020-07-03 16:53:31 +08:00
|
|
|
|
}
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$7([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$7("design:type", Function)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Refreshable.prototype, "onRefresh", void 0);
|
2019-12-19 10:58:46 +08:00
|
|
|
|
function refreshable(config) {
|
|
|
|
|
const ret = new Refreshable;
|
2019-12-21 11:09:27 +08:00
|
|
|
|
ret.layoutConfig = layoutConfig().fit();
|
2021-08-31 12:49:47 +08:00
|
|
|
|
ret.apply(config);
|
2019-12-19 10:58:46 +08:00
|
|
|
|
return ret;
|
|
|
|
|
}
|
|
|
|
|
function pullable(v, config) {
|
|
|
|
|
Reflect.set(v, 'startAnimation', config.startAnimation);
|
|
|
|
|
Reflect.set(v, 'stopAnimation', config.stopAnimation);
|
|
|
|
|
Reflect.set(v, 'setPullingDistance', config.setPullingDistance);
|
|
|
|
|
return v;
|
|
|
|
|
}
|
|
|
|
|
|
2020-04-16 19:27:31 +08:00
|
|
|
|
var ValueType;
|
|
|
|
|
(function (ValueType) {
|
|
|
|
|
ValueType[ValueType["Undefined"] = 0] = "Undefined";
|
|
|
|
|
ValueType[ValueType["Point"] = 1] = "Point";
|
|
|
|
|
ValueType[ValueType["Percent"] = 2] = "Percent";
|
|
|
|
|
ValueType[ValueType["Auto"] = 3] = "Auto";
|
|
|
|
|
})(ValueType || (ValueType = {}));
|
2020-07-03 16:53:31 +08:00
|
|
|
|
class FlexTypedValue {
|
|
|
|
|
constructor(type) {
|
|
|
|
|
this.value = 0;
|
|
|
|
|
this.type = type;
|
|
|
|
|
}
|
|
|
|
|
static percent(v) {
|
|
|
|
|
const ret = new FlexTypedValue(ValueType.Percent);
|
|
|
|
|
ret.value = v;
|
|
|
|
|
return ret;
|
|
|
|
|
}
|
|
|
|
|
static point(v) {
|
|
|
|
|
const ret = new FlexTypedValue(ValueType.Point);
|
|
|
|
|
ret.value = v;
|
|
|
|
|
return ret;
|
|
|
|
|
}
|
|
|
|
|
toModel() {
|
|
|
|
|
return {
|
|
|
|
|
type: this.type,
|
|
|
|
|
value: this.value,
|
|
|
|
|
};
|
2020-04-16 19:27:31 +08:00
|
|
|
|
}
|
2020-07-03 16:53:31 +08:00
|
|
|
|
}
|
|
|
|
|
FlexTypedValue.Auto = new FlexTypedValue(ValueType.Auto);
|
2021-02-20 17:58:09 +08:00
|
|
|
|
exports.FlexDirection = void 0;
|
2020-04-16 19:27:31 +08:00
|
|
|
|
(function (FlexDirection) {
|
|
|
|
|
FlexDirection[FlexDirection["COLUMN"] = 0] = "COLUMN";
|
|
|
|
|
FlexDirection[FlexDirection["COLUMN_REVERSE"] = 1] = "COLUMN_REVERSE";
|
|
|
|
|
FlexDirection[FlexDirection["ROW"] = 2] = "ROW";
|
|
|
|
|
FlexDirection[FlexDirection["ROW_REVERSE"] = 3] = "ROW_REVERSE";
|
|
|
|
|
})(exports.FlexDirection || (exports.FlexDirection = {}));
|
2021-02-20 17:58:09 +08:00
|
|
|
|
exports.Align = void 0;
|
2020-04-16 19:27:31 +08:00
|
|
|
|
(function (Align) {
|
|
|
|
|
Align[Align["AUTO"] = 0] = "AUTO";
|
|
|
|
|
Align[Align["FLEX_START"] = 1] = "FLEX_START";
|
|
|
|
|
Align[Align["CENTER"] = 2] = "CENTER";
|
|
|
|
|
Align[Align["FLEX_END"] = 3] = "FLEX_END";
|
|
|
|
|
Align[Align["STRETCH"] = 4] = "STRETCH";
|
|
|
|
|
Align[Align["BASELINE"] = 5] = "BASELINE";
|
|
|
|
|
Align[Align["SPACE_BETWEEN"] = 6] = "SPACE_BETWEEN";
|
|
|
|
|
Align[Align["SPACE_AROUND"] = 7] = "SPACE_AROUND";
|
|
|
|
|
})(exports.Align || (exports.Align = {}));
|
2021-02-20 17:58:09 +08:00
|
|
|
|
exports.Justify = void 0;
|
2020-04-16 19:27:31 +08:00
|
|
|
|
(function (Justify) {
|
|
|
|
|
Justify[Justify["FLEX_START"] = 0] = "FLEX_START";
|
|
|
|
|
Justify[Justify["CENTER"] = 1] = "CENTER";
|
|
|
|
|
Justify[Justify["FLEX_END"] = 2] = "FLEX_END";
|
|
|
|
|
Justify[Justify["SPACE_BETWEEN"] = 3] = "SPACE_BETWEEN";
|
|
|
|
|
Justify[Justify["SPACE_AROUND"] = 4] = "SPACE_AROUND";
|
|
|
|
|
Justify[Justify["SPACE_EVENLY"] = 5] = "SPACE_EVENLY";
|
|
|
|
|
})(exports.Justify || (exports.Justify = {}));
|
2021-02-20 17:58:09 +08:00
|
|
|
|
exports.Direction = void 0;
|
2020-04-16 19:27:31 +08:00
|
|
|
|
(function (Direction) {
|
|
|
|
|
Direction[Direction["INHERIT"] = 0] = "INHERIT";
|
|
|
|
|
Direction[Direction["LTR"] = 1] = "LTR";
|
|
|
|
|
Direction[Direction["RTL"] = 2] = "RTL";
|
|
|
|
|
})(exports.Direction || (exports.Direction = {}));
|
2021-02-20 17:58:09 +08:00
|
|
|
|
exports.PositionType = void 0;
|
2020-04-16 19:27:31 +08:00
|
|
|
|
(function (PositionType) {
|
|
|
|
|
PositionType[PositionType["RELATIVE"] = 0] = "RELATIVE";
|
|
|
|
|
PositionType[PositionType["ABSOLUTE"] = 1] = "ABSOLUTE";
|
|
|
|
|
})(exports.PositionType || (exports.PositionType = {}));
|
2021-02-20 17:58:09 +08:00
|
|
|
|
exports.Wrap = void 0;
|
2020-04-16 19:27:31 +08:00
|
|
|
|
(function (Wrap) {
|
|
|
|
|
Wrap[Wrap["NO_WRAP"] = 0] = "NO_WRAP";
|
|
|
|
|
Wrap[Wrap["WRAP"] = 1] = "WRAP";
|
|
|
|
|
Wrap[Wrap["WRAP_REVERSE"] = 2] = "WRAP_REVERSE";
|
|
|
|
|
})(exports.Wrap || (exports.Wrap = {}));
|
2021-02-20 17:58:09 +08:00
|
|
|
|
exports.OverFlow = void 0;
|
2020-04-16 19:27:31 +08:00
|
|
|
|
(function (OverFlow) {
|
|
|
|
|
OverFlow[OverFlow["VISIBLE"] = 0] = "VISIBLE";
|
|
|
|
|
OverFlow[OverFlow["HIDDEN"] = 1] = "HIDDEN";
|
|
|
|
|
OverFlow[OverFlow["SCROLL"] = 2] = "SCROLL";
|
|
|
|
|
})(exports.OverFlow || (exports.OverFlow = {}));
|
2021-02-20 17:58:09 +08:00
|
|
|
|
exports.Display = void 0;
|
2020-04-16 19:27:31 +08:00
|
|
|
|
(function (Display) {
|
|
|
|
|
Display[Display["FLEX"] = 0] = "FLEX";
|
|
|
|
|
Display[Display["NONE"] = 1] = "NONE";
|
|
|
|
|
})(exports.Display || (exports.Display = {}));
|
|
|
|
|
|
2021-09-02 12:03:19 +08:00
|
|
|
|
exports.jsx = void 0;
|
|
|
|
|
(function (jsx) {
|
|
|
|
|
function createElement(constructor, config, ...children) {
|
2021-09-01 15:31:10 +08:00
|
|
|
|
const e = new constructor();
|
2021-09-03 13:42:25 +08:00
|
|
|
|
if (e instanceof Fragment) {
|
|
|
|
|
return children;
|
|
|
|
|
}
|
2021-09-02 11:39:51 +08:00
|
|
|
|
e.layoutConfig = layoutConfig().fit();
|
2021-09-01 15:31:10 +08:00
|
|
|
|
if (config) {
|
2021-09-02 11:39:51 +08:00
|
|
|
|
e.apply(config);
|
2021-09-01 15:31:10 +08:00
|
|
|
|
}
|
|
|
|
|
if (children && children.length > 0) {
|
2021-09-03 13:42:25 +08:00
|
|
|
|
if (children.length === 1) {
|
|
|
|
|
children = children[0];
|
|
|
|
|
}
|
|
|
|
|
if (Reflect.has(e, "innerElement")) {
|
|
|
|
|
Reflect.set(e, "innerElement", children, e);
|
2021-09-01 15:31:10 +08:00
|
|
|
|
}
|
|
|
|
|
else {
|
2021-09-03 13:42:25 +08:00
|
|
|
|
throw new Error(`Do not support ${constructor.name} for ${children}`);
|
2021-09-01 15:31:10 +08:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
return e;
|
2021-09-02 12:03:19 +08:00
|
|
|
|
}
|
|
|
|
|
jsx.createElement = createElement;
|
|
|
|
|
class Fragment extends Group {
|
|
|
|
|
}
|
|
|
|
|
jsx.Fragment = Fragment;
|
|
|
|
|
})(exports.jsx || (exports.jsx = {}));
|
2021-09-01 15:31:10 +08:00
|
|
|
|
|
2021-11-24 14:37:48 +08:00
|
|
|
|
var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
2019-12-19 10:58:46 +08:00
|
|
|
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
|
|
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
|
|
|
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
|
|
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
|
|
|
};
|
2021-11-24 14:37:48 +08:00
|
|
|
|
var __metadata$6 = (undefined && undefined.__metadata) || function (k, v) {
|
2019-12-19 10:58:46 +08:00
|
|
|
|
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
|
|
|
};
|
2020-07-03 16:53:31 +08:00
|
|
|
|
class FlowLayoutItem extends Stack {
|
|
|
|
|
}
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$6([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$6("design:type", String)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], FlowLayoutItem.prototype, "identifier", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$6([
|
2021-10-11 16:26:56 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$6("design:type", Boolean)
|
2021-10-11 16:26:56 +08:00
|
|
|
|
], FlowLayoutItem.prototype, "fullSpan", void 0);
|
2020-07-03 16:53:31 +08:00
|
|
|
|
class FlowLayout extends Superview {
|
|
|
|
|
constructor() {
|
|
|
|
|
super(...arguments);
|
|
|
|
|
this.cachedViews = new Map;
|
|
|
|
|
this.columnCount = 2;
|
|
|
|
|
this.itemCount = 0;
|
|
|
|
|
this.batchCount = 15;
|
|
|
|
|
}
|
|
|
|
|
allSubviews() {
|
2021-10-11 11:14:55 +08:00
|
|
|
|
const ret = [...this.cachedViews.values()];
|
2020-07-03 16:53:31 +08:00
|
|
|
|
if (this.loadMoreView) {
|
2021-10-11 11:14:55 +08:00
|
|
|
|
ret.push(this.loadMoreView);
|
2019-12-19 10:58:46 +08:00
|
|
|
|
}
|
2021-10-11 11:14:55 +08:00
|
|
|
|
return ret;
|
2020-07-03 16:53:31 +08:00
|
|
|
|
}
|
2021-10-11 18:10:59 +08:00
|
|
|
|
/**
|
|
|
|
|
* @param context
|
2021-10-12 16:33:04 +08:00
|
|
|
|
* @returns Returns array of visible view's index.
|
2021-10-11 18:10:59 +08:00
|
|
|
|
*/
|
|
|
|
|
findVisibleItems(context) {
|
|
|
|
|
return this.nativeChannel(context, 'findVisibleItems')();
|
|
|
|
|
}
|
|
|
|
|
/**
|
|
|
|
|
* @param context
|
2021-10-12 16:33:04 +08:00
|
|
|
|
* @returns Returns array of completely visible view's index.
|
2021-10-11 18:10:59 +08:00
|
|
|
|
*/
|
|
|
|
|
findCompletelyVisibleItems(context) {
|
|
|
|
|
return this.nativeChannel(context, 'findCompletelyVisibleItems')();
|
|
|
|
|
}
|
2020-07-03 16:53:31 +08:00
|
|
|
|
reset() {
|
|
|
|
|
this.cachedViews.clear();
|
|
|
|
|
this.itemCount = 0;
|
|
|
|
|
}
|
|
|
|
|
getItem(itemIdx) {
|
|
|
|
|
let view = this.renderItem(itemIdx);
|
|
|
|
|
view.superview = this;
|
|
|
|
|
this.cachedViews.set(`${itemIdx}`, view);
|
|
|
|
|
return view;
|
|
|
|
|
}
|
|
|
|
|
renderBunchedItems(start, length) {
|
|
|
|
|
return new Array(Math.min(length, this.itemCount - start)).fill(0).map((_, idx) => {
|
|
|
|
|
const listItem = this.getItem(start + idx);
|
|
|
|
|
return listItem.toModel();
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
toModel() {
|
|
|
|
|
if (this.loadMoreView) {
|
|
|
|
|
this.dirtyProps['loadMoreView'] = this.loadMoreView.viewId;
|
2020-05-16 19:00:48 +08:00
|
|
|
|
}
|
2020-07-03 16:53:31 +08:00
|
|
|
|
return super.toModel();
|
|
|
|
|
}
|
|
|
|
|
}
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$6([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$6("design:type", Object)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], FlowLayout.prototype, "columnCount", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$6([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$6("design:type", Number)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], FlowLayout.prototype, "columnSpace", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$6([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$6("design:type", Number)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], FlowLayout.prototype, "rowSpace", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$6([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$6("design:type", Object)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], FlowLayout.prototype, "itemCount", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$6([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$6("design:type", Function)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], FlowLayout.prototype, "renderItem", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$6([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$6("design:type", Object)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], FlowLayout.prototype, "batchCount", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$6([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$6("design:type", Function)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], FlowLayout.prototype, "onLoadMore", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$6([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$6("design:type", Boolean)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], FlowLayout.prototype, "loadMore", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$6([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$6("design:type", FlowLayoutItem)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], FlowLayout.prototype, "loadMoreView", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$6([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$6("design:type", Function)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], FlowLayout.prototype, "onScroll", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$6([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$6("design:type", Function)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], FlowLayout.prototype, "onScrollEnd", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$6([
|
2021-04-23 17:57:34 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$6("design:type", Boolean)
|
2021-04-23 17:57:34 +08:00
|
|
|
|
], FlowLayout.prototype, "scrollable", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$6([
|
2021-04-30 14:32:53 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$6("design:type", Boolean)
|
2021-04-30 14:32:53 +08:00
|
|
|
|
], FlowLayout.prototype, "bounces", void 0);
|
2019-12-19 10:58:46 +08:00
|
|
|
|
function flowlayout(config) {
|
|
|
|
|
const ret = new FlowLayout;
|
|
|
|
|
for (let key in config) {
|
|
|
|
|
Reflect.set(ret, key, Reflect.get(config, key, config), ret);
|
|
|
|
|
}
|
|
|
|
|
return ret;
|
|
|
|
|
}
|
2020-01-06 14:18:02 +08:00
|
|
|
|
function flowItem(item, config) {
|
2019-12-19 10:58:46 +08:00
|
|
|
|
return (new FlowLayoutItem).also((it) => {
|
2019-12-21 11:09:27 +08:00
|
|
|
|
it.layoutConfig = layoutConfig().fit();
|
2020-01-06 14:18:02 +08:00
|
|
|
|
if (item instanceof View) {
|
|
|
|
|
it.addChild(item);
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
item.forEach(e => {
|
|
|
|
|
it.addChild(e);
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
if (config) {
|
2021-08-31 12:49:47 +08:00
|
|
|
|
it.apply(config);
|
2020-01-06 14:18:02 +08:00
|
|
|
|
}
|
2019-12-19 10:58:46 +08:00
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
2021-11-24 14:37:48 +08:00
|
|
|
|
var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
2019-12-19 10:58:46 +08:00
|
|
|
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
|
|
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
|
|
|
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
|
|
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
|
|
|
};
|
2021-11-24 14:37:48 +08:00
|
|
|
|
var __metadata$5 = (undefined && undefined.__metadata) || function (k, v) {
|
2019-12-19 10:58:46 +08:00
|
|
|
|
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
|
|
|
};
|
2021-06-11 15:17:20 +08:00
|
|
|
|
exports.ReturnKeyType = void 0;
|
|
|
|
|
(function (ReturnKeyType) {
|
|
|
|
|
ReturnKeyType[ReturnKeyType["Default"] = 0] = "Default";
|
|
|
|
|
ReturnKeyType[ReturnKeyType["Done"] = 1] = "Done";
|
|
|
|
|
ReturnKeyType[ReturnKeyType["Search"] = 2] = "Search";
|
|
|
|
|
ReturnKeyType[ReturnKeyType["Next"] = 3] = "Next";
|
|
|
|
|
ReturnKeyType[ReturnKeyType["Go"] = 4] = "Go";
|
|
|
|
|
ReturnKeyType[ReturnKeyType["Send"] = 5] = "Send";
|
|
|
|
|
})(exports.ReturnKeyType || (exports.ReturnKeyType = {}));
|
2020-07-03 16:53:31 +08:00
|
|
|
|
class Input extends View {
|
|
|
|
|
getText(context) {
|
|
|
|
|
return this.nativeChannel(context, 'getText')();
|
|
|
|
|
}
|
|
|
|
|
setSelection(context, start, end = start) {
|
|
|
|
|
return this.nativeChannel(context, 'setSelection')({
|
|
|
|
|
start,
|
|
|
|
|
end,
|
|
|
|
|
});
|
|
|
|
|
}
|
2021-06-11 17:40:02 +08:00
|
|
|
|
getSelection(context) {
|
|
|
|
|
return this.nativeChannel(context, 'getSelection')();
|
|
|
|
|
}
|
2020-07-03 16:53:31 +08:00
|
|
|
|
requestFocus(context) {
|
|
|
|
|
return this.nativeChannel(context, 'requestFocus')();
|
|
|
|
|
}
|
|
|
|
|
releaseFocus(context) {
|
|
|
|
|
return this.nativeChannel(context, 'releaseFocus')();
|
|
|
|
|
}
|
|
|
|
|
}
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$5([
|
2021-03-03 16:13:58 +08:00
|
|
|
|
InconsistProperty,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$5("design:type", String)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Input.prototype, "text", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$5([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$5("design:type", Color)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Input.prototype, "textColor", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$5([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$5("design:type", Number)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Input.prototype, "textSize", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$5([
|
2021-07-21 15:05:41 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$5("design:type", String)
|
2021-07-21 15:05:41 +08:00
|
|
|
|
], Input.prototype, "font", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$5([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$5("design:type", String)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Input.prototype, "hintText", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$5([
|
2021-07-21 15:05:41 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$5("design:type", String)
|
2021-07-21 15:05:41 +08:00
|
|
|
|
], Input.prototype, "hintFont", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$5([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$5("design:type", Number)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Input.prototype, "inputType", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$5([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$5("design:type", Color)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Input.prototype, "hintTextColor", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$5([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$5("design:type", Boolean)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Input.prototype, "multiline", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$5([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$5("design:type", Gravity)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Input.prototype, "textAlignment", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$5([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$5("design:type", Function)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Input.prototype, "onTextChange", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$5([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$5("design:type", Function)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Input.prototype, "onFocusChange", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$5([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$5("design:type", Number)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Input.prototype, "maxLength", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$5([
|
2021-02-08 18:18:37 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$5("design:type", Boolean)
|
2021-02-08 18:18:37 +08:00
|
|
|
|
], Input.prototype, "password", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$5([
|
2021-06-11 15:17:20 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$5("design:type", Boolean)
|
2021-06-11 15:17:20 +08:00
|
|
|
|
], Input.prototype, "editable", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$5([
|
2021-06-11 15:17:20 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$5("design:type", Number)
|
2021-06-11 15:17:20 +08:00
|
|
|
|
], Input.prototype, "returnKeyType", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$5([
|
2021-06-11 15:17:20 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$5("design:type", Function)
|
2021-06-11 15:17:20 +08:00
|
|
|
|
], Input.prototype, "onSubmitEditing", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$5([
|
2021-08-05 15:48:05 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$5("design:type", Boolean)
|
2021-08-05 15:48:05 +08:00
|
|
|
|
], Input.prototype, "enableHorizontalScrollBar", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$5([
|
2021-08-05 15:48:05 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$5("design:type", Boolean)
|
2021-08-05 15:48:05 +08:00
|
|
|
|
], Input.prototype, "enableVerticalScrollBar", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$5([
|
2021-06-11 17:47:06 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$5("design:type", Function)
|
2021-06-11 17:47:06 +08:00
|
|
|
|
], Input.prototype, "beforeTextChange", void 0);
|
2021-02-20 17:58:09 +08:00
|
|
|
|
exports.InputType = void 0;
|
2020-06-13 11:58:24 +08:00
|
|
|
|
(function (InputType) {
|
|
|
|
|
InputType[InputType["Default"] = 0] = "Default";
|
|
|
|
|
InputType[InputType["Number"] = 1] = "Number";
|
|
|
|
|
InputType[InputType["Decimal"] = 2] = "Decimal";
|
|
|
|
|
InputType[InputType["Alphabet"] = 3] = "Alphabet";
|
|
|
|
|
InputType[InputType["Phone"] = 4] = "Phone";
|
|
|
|
|
})(exports.InputType || (exports.InputType = {}));
|
2020-01-03 13:35:40 +08:00
|
|
|
|
function input(config) {
|
|
|
|
|
const ret = new Input;
|
|
|
|
|
ret.layoutConfig = layoutConfig().just();
|
2021-08-31 12:49:47 +08:00
|
|
|
|
ret.apply(config);
|
2020-01-03 13:35:40 +08:00
|
|
|
|
return ret;
|
|
|
|
|
}
|
2019-12-19 10:58:46 +08:00
|
|
|
|
|
2021-11-24 14:37:48 +08:00
|
|
|
|
var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
2019-12-19 10:58:46 +08:00
|
|
|
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
|
|
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
|
|
|
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
|
|
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
|
|
|
};
|
2021-11-24 14:37:48 +08:00
|
|
|
|
var __metadata$4 = (undefined && undefined.__metadata) || function (k, v) {
|
2019-12-19 10:58:46 +08:00
|
|
|
|
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
|
|
|
};
|
2020-07-03 16:53:31 +08:00
|
|
|
|
class NestedSlider extends Group {
|
|
|
|
|
addSlideItem(view) {
|
|
|
|
|
this.addChild(view);
|
2019-12-19 10:58:46 +08:00
|
|
|
|
}
|
2020-07-03 16:53:31 +08:00
|
|
|
|
slidePage(context, page, smooth = false) {
|
|
|
|
|
return this.nativeChannel(context, "slidePage")({ page, smooth });
|
|
|
|
|
}
|
|
|
|
|
getSlidedPage(context) {
|
|
|
|
|
return this.nativeChannel(context, "getSlidedPage")();
|
|
|
|
|
}
|
|
|
|
|
}
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$4([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$4("design:type", Function)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], NestedSlider.prototype, "onPageSlided", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$4([
|
2021-04-23 17:57:34 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$4("design:type", Boolean)
|
2021-04-23 17:57:34 +08:00
|
|
|
|
], NestedSlider.prototype, "scrollable", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$4([
|
2021-04-30 14:32:53 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$4("design:type", Boolean)
|
2021-04-30 14:32:53 +08:00
|
|
|
|
], NestedSlider.prototype, "bounces", void 0);
|
2019-12-19 10:58:46 +08:00
|
|
|
|
|
2021-11-24 14:37:48 +08:00
|
|
|
|
var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
2020-01-04 14:43:28 +08:00
|
|
|
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
|
|
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
|
|
|
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
|
|
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
|
|
|
};
|
2021-11-24 14:37:48 +08:00
|
|
|
|
var __metadata$3 = (undefined && undefined.__metadata) || function (k, v) {
|
2020-01-04 14:43:28 +08:00
|
|
|
|
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
|
|
|
};
|
2021-09-22 15:30:08 +08:00
|
|
|
|
/**
|
2021-09-23 18:15:55 +08:00
|
|
|
|
* @deprecated The class should not be used, please use GestureContainer class instead
|
2021-09-22 15:30:08 +08:00
|
|
|
|
*/
|
2020-07-03 16:53:31 +08:00
|
|
|
|
class Draggable extends Stack {
|
|
|
|
|
}
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$3([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$3("design:type", Function)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Draggable.prototype, "onDrag", void 0);
|
2021-09-22 15:30:08 +08:00
|
|
|
|
/**
|
2021-09-23 18:15:55 +08:00
|
|
|
|
* @deprecated The function should not be used, please use gestureContainer function instead
|
2021-09-22 15:30:08 +08:00
|
|
|
|
*/
|
2020-01-06 14:18:02 +08:00
|
|
|
|
function draggable(views, config) {
|
2020-01-04 14:43:28 +08:00
|
|
|
|
const ret = new Draggable;
|
|
|
|
|
ret.layoutConfig = layoutConfig().fit();
|
2020-01-06 14:18:02 +08:00
|
|
|
|
if (views instanceof View) {
|
|
|
|
|
ret.addChild(views);
|
2020-01-04 14:43:28 +08:00
|
|
|
|
}
|
2020-01-06 14:18:02 +08:00
|
|
|
|
else {
|
|
|
|
|
views.forEach(e => {
|
|
|
|
|
ret.addChild(e);
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
if (config) {
|
2021-08-31 12:49:47 +08:00
|
|
|
|
ret.apply(config);
|
2020-01-04 14:43:28 +08:00
|
|
|
|
}
|
|
|
|
|
return ret;
|
|
|
|
|
}
|
|
|
|
|
|
2021-11-24 14:37:48 +08:00
|
|
|
|
var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
2020-03-13 13:01:21 +08:00
|
|
|
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
|
|
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
|
|
|
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
|
|
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
|
|
|
};
|
2021-11-24 14:37:48 +08:00
|
|
|
|
var __metadata$2 = (undefined && undefined.__metadata) || function (k, v) {
|
2020-03-13 13:01:21 +08:00
|
|
|
|
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
|
|
|
};
|
2020-07-03 16:53:31 +08:00
|
|
|
|
class Switch extends View {
|
|
|
|
|
}
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$2([
|
2021-03-03 16:13:58 +08:00
|
|
|
|
InconsistProperty,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$2("design:type", Boolean)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Switch.prototype, "state", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$2([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$2("design:type", Function)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Switch.prototype, "onSwitch", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$2([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$2("design:type", Color)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Switch.prototype, "offTintColor", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$2([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$2("design:type", Color)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Switch.prototype, "onTintColor", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$2([
|
2020-07-03 16:53:31 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$2("design:type", Color)
|
2020-07-03 16:53:31 +08:00
|
|
|
|
], Switch.prototype, "thumbTintColor", void 0);
|
2020-03-13 13:01:21 +08:00
|
|
|
|
function switchView(config) {
|
|
|
|
|
const ret = new Switch;
|
|
|
|
|
ret.layoutConfig = layoutConfig().just();
|
|
|
|
|
ret.width = 50;
|
|
|
|
|
ret.height = 30;
|
2021-08-31 12:49:47 +08:00
|
|
|
|
ret.apply(config);
|
2020-03-13 13:01:21 +08:00
|
|
|
|
return ret;
|
|
|
|
|
}
|
|
|
|
|
|
2021-11-24 14:37:48 +08:00
|
|
|
|
var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
2021-09-22 10:29:57 +08:00
|
|
|
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
|
|
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
|
|
|
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
|
|
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
|
|
|
};
|
2021-11-24 14:37:48 +08:00
|
|
|
|
var __metadata$1 = (undefined && undefined.__metadata) || function (k, v) {
|
2021-09-22 10:29:57 +08:00
|
|
|
|
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
|
|
|
};
|
|
|
|
|
exports.SwipeOrientation = void 0;
|
|
|
|
|
(function (SwipeOrientation) {
|
|
|
|
|
SwipeOrientation[SwipeOrientation["LEFT"] = 0] = "LEFT";
|
|
|
|
|
SwipeOrientation[SwipeOrientation["RIGHT"] = 1] = "RIGHT";
|
|
|
|
|
SwipeOrientation[SwipeOrientation["TOP"] = 2] = "TOP";
|
|
|
|
|
SwipeOrientation[SwipeOrientation["BOTTOM"] = 3] = "BOTTOM";
|
|
|
|
|
})(exports.SwipeOrientation || (exports.SwipeOrientation = {}));
|
|
|
|
|
class GestureContainer extends Stack {
|
|
|
|
|
}
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$1([
|
2021-09-22 10:29:57 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$1("design:type", Function)
|
2021-09-22 10:29:57 +08:00
|
|
|
|
], GestureContainer.prototype, "onSingleTap", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$1([
|
2021-09-22 10:29:57 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$1("design:type", Function)
|
2021-09-22 10:29:57 +08:00
|
|
|
|
], GestureContainer.prototype, "onDoubleTap", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$1([
|
2021-09-22 10:29:57 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$1("design:type", Function)
|
2021-09-22 10:29:57 +08:00
|
|
|
|
], GestureContainer.prototype, "onLongPress", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$1([
|
2021-09-22 10:29:57 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$1("design:type", Function)
|
2021-09-22 10:29:57 +08:00
|
|
|
|
], GestureContainer.prototype, "onPinch", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$1([
|
2021-09-22 10:29:57 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$1("design:type", Function)
|
2021-09-22 10:29:57 +08:00
|
|
|
|
], GestureContainer.prototype, "onPan", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$1([
|
2021-09-22 10:29:57 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$1("design:type", Function)
|
2021-09-22 10:29:57 +08:00
|
|
|
|
], GestureContainer.prototype, "onRotate", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$1([
|
2021-09-22 10:29:57 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$1("design:type", Function)
|
2021-09-22 10:29:57 +08:00
|
|
|
|
], GestureContainer.prototype, "onSwipe", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$1([
|
2021-09-22 15:30:08 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$1("design:type", Function)
|
2021-09-22 15:30:08 +08:00
|
|
|
|
], GestureContainer.prototype, "onTouchDown", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$1([
|
2021-09-22 15:30:08 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$1("design:type", Function)
|
2021-09-22 15:30:08 +08:00
|
|
|
|
], GestureContainer.prototype, "onTouchMove", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$1([
|
2021-09-22 15:30:08 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$1("design:type", Function)
|
2021-09-22 15:30:08 +08:00
|
|
|
|
], GestureContainer.prototype, "onTouchUp", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__decorate$1([
|
2021-09-22 15:30:08 +08:00
|
|
|
|
Property,
|
2021-11-24 14:37:48 +08:00
|
|
|
|
__metadata$1("design:type", Function)
|
2021-09-22 15:30:08 +08:00
|
|
|
|
], GestureContainer.prototype, "onTouchCancel", void 0);
|
2021-09-22 10:29:57 +08:00
|
|
|
|
function gestureContainer(views, config) {
|
|
|
|
|
const ret = new GestureContainer;
|
|
|
|
|
ret.layoutConfig = layoutConfig().fit();
|
|
|
|
|
if (views instanceof View) {
|
|
|
|
|
ret.addChild(views);
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
views.forEach(e => {
|
|
|
|
|
ret.addChild(e);
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
if (config) {
|
|
|
|
|
ret.apply(config);
|
|
|
|
|
}
|
|
|
|
|
return ret;
|
|
|
|
|
}
|
|
|
|
|
|
2021-11-24 14:37:48 +08:00
|
|
|
|
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
|
|
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
|
|
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
|
|
|
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
|
|
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
|
|
|
};
|
|
|
|
|
var __metadata = (undefined && undefined.__metadata) || function (k, v) {
|
|
|
|
|
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
|
|
|
};
|
|
|
|
|
class BlurEffect extends Stack {
|
|
|
|
|
}
|
|
|
|
|
__decorate([
|
|
|
|
|
Property,
|
|
|
|
|
__metadata("design:type", Object)
|
|
|
|
|
], BlurEffect.prototype, "effectiveRect", void 0);
|
2021-11-25 11:44:01 +08:00
|
|
|
|
__decorate([
|
|
|
|
|
Property,
|
|
|
|
|
__metadata("design:type", Number)
|
|
|
|
|
], BlurEffect.prototype, "radius", void 0);
|
2021-11-25 12:00:58 +08:00
|
|
|
|
class AeroEffect extends Stack {
|
|
|
|
|
}
|
|
|
|
|
__decorate([
|
|
|
|
|
Property,
|
|
|
|
|
__metadata("design:type", Object)
|
|
|
|
|
], AeroEffect.prototype, "effectiveRect", void 0);
|
2021-11-25 16:30:29 +08:00
|
|
|
|
__decorate([
|
|
|
|
|
Property,
|
|
|
|
|
__metadata("design:type", String)
|
|
|
|
|
], AeroEffect.prototype, "style", void 0);
|
2021-11-24 14:37:48 +08:00
|
|
|
|
function blurEffect(views, config) {
|
|
|
|
|
const ret = new BlurEffect;
|
|
|
|
|
ret.layoutConfig = layoutConfig().fit();
|
|
|
|
|
if (views instanceof View) {
|
|
|
|
|
ret.addChild(views);
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
views.forEach(e => {
|
|
|
|
|
ret.addChild(e);
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
if (config) {
|
|
|
|
|
ret.apply(config);
|
|
|
|
|
}
|
|
|
|
|
return ret;
|
|
|
|
|
}
|
2021-11-25 12:00:58 +08:00
|
|
|
|
function aeroEffect(views, config) {
|
|
|
|
|
const ret = new AeroEffect;
|
|
|
|
|
ret.layoutConfig = layoutConfig().fit();
|
|
|
|
|
if (views instanceof View) {
|
|
|
|
|
ret.addChild(views);
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
views.forEach(e => {
|
|
|
|
|
ret.addChild(e);
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
if (config) {
|
|
|
|
|
ret.apply(config);
|
|
|
|
|
}
|
|
|
|
|
return ret;
|
|
|
|
|
}
|
2021-11-24 14:37:48 +08:00
|
|
|
|
|
2021-04-23 17:57:34 +08:00
|
|
|
|
function modal(context) {
|
|
|
|
|
return {
|
|
|
|
|
toast: (msg, gravity = Gravity.Bottom) => {
|
|
|
|
|
context.callNative('modal', 'toast', {
|
|
|
|
|
msg,
|
|
|
|
|
gravity: gravity.toModel(),
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
alert: (arg) => {
|
|
|
|
|
if (typeof arg === 'string') {
|
|
|
|
|
return context.callNative('modal', 'alert', { msg: arg });
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
return context.callNative('modal', 'alert', arg);
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
confirm: (arg) => {
|
|
|
|
|
if (typeof arg === 'string') {
|
|
|
|
|
return context.callNative('modal', 'confirm', { msg: arg });
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
return context.callNative('modal', 'confirm', arg);
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
prompt: (arg) => {
|
|
|
|
|
return context.callNative('modal', 'prompt', arg);
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
|
2019-12-19 10:58:46 +08:00
|
|
|
|
function navbar(context) {
|
|
|
|
|
const entity = context.entity;
|
2020-01-10 17:43:25 +08:00
|
|
|
|
let panel = undefined;
|
|
|
|
|
if (entity instanceof Panel) {
|
|
|
|
|
panel = entity;
|
|
|
|
|
}
|
2019-12-19 10:58:46 +08:00
|
|
|
|
return {
|
|
|
|
|
isHidden: () => {
|
2020-01-17 17:38:25 +08:00
|
|
|
|
return context.callNative('navbar', 'isHidden');
|
2019-12-19 10:58:46 +08:00
|
|
|
|
},
|
|
|
|
|
setHidden: (hidden) => {
|
2020-01-17 17:38:25 +08:00
|
|
|
|
return context.callNative('navbar', 'setHidden', { hidden, });
|
2019-12-19 10:58:46 +08:00
|
|
|
|
},
|
|
|
|
|
setTitle: (title) => {
|
2020-01-17 17:38:25 +08:00
|
|
|
|
return context.callNative('navbar', 'setTitle', { title, });
|
2019-12-19 10:58:46 +08:00
|
|
|
|
},
|
|
|
|
|
setBgColor: (color) => {
|
2020-01-17 17:38:25 +08:00
|
|
|
|
return context.callNative('navbar', 'setBgColor', { color: color.toModel(), });
|
2019-12-19 10:58:46 +08:00
|
|
|
|
},
|
2020-01-10 17:43:25 +08:00
|
|
|
|
setLeft: (view) => {
|
|
|
|
|
if (panel) {
|
|
|
|
|
panel.clearHeadViews("navbar_left");
|
|
|
|
|
panel.addHeadView("navbar_left", view);
|
|
|
|
|
}
|
2020-01-17 17:38:25 +08:00
|
|
|
|
return context.callNative('navbar', 'setLeft', view.toModel());
|
2020-01-10 17:43:25 +08:00
|
|
|
|
},
|
|
|
|
|
setRight: (view) => {
|
|
|
|
|
if (panel) {
|
|
|
|
|
panel.clearHeadViews("navbar_right");
|
|
|
|
|
panel.addHeadView("navbar_right", view);
|
|
|
|
|
}
|
2020-01-17 17:38:25 +08:00
|
|
|
|
return context.callNative('navbar', 'setRight', view.toModel());
|
2020-04-30 14:52:18 +08:00
|
|
|
|
},
|
|
|
|
|
setCenter: (view) => {
|
|
|
|
|
if (panel) {
|
|
|
|
|
panel.clearHeadViews("navbar_center");
|
|
|
|
|
panel.addHeadView("navbar_center", view);
|
|
|
|
|
}
|
|
|
|
|
return context.callNative('navbar', 'setCenter', view.toModel());
|
|
|
|
|
},
|
2019-12-19 10:58:46 +08:00
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
|
2020-10-23 16:48:44 +08:00
|
|
|
|
function internalScheme(context, panelClass) {
|
|
|
|
|
return `_internal_://export?class=${encodeURIComponent(panelClass.name)}&context=${context.id}`;
|
|
|
|
|
}
|
2019-12-19 10:58:46 +08:00
|
|
|
|
function navigator(context) {
|
2020-04-01 15:19:37 +08:00
|
|
|
|
const moduleName = "navigator";
|
2019-12-19 10:58:46 +08:00
|
|
|
|
return {
|
2020-02-19 18:49:00 +08:00
|
|
|
|
push: (source, config) => {
|
2020-10-23 16:48:44 +08:00
|
|
|
|
if (typeof source === 'function') {
|
|
|
|
|
source = internalScheme(context, source);
|
|
|
|
|
}
|
2019-12-19 10:58:46 +08:00
|
|
|
|
if (config && config.extra) {
|
|
|
|
|
config.extra = JSON.stringify(config.extra);
|
|
|
|
|
}
|
2020-04-01 15:19:37 +08:00
|
|
|
|
return context.callNative(moduleName, 'push', {
|
2020-02-19 18:49:00 +08:00
|
|
|
|
source, config
|
2019-12-19 10:58:46 +08:00
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
pop: (animated = true) => {
|
2020-04-01 15:19:37 +08:00
|
|
|
|
return context.callNative(moduleName, 'pop', { animated });
|
|
|
|
|
},
|
2021-06-08 11:55:21 +08:00
|
|
|
|
popSelf: (animated = true) => {
|
|
|
|
|
return context.callNative(moduleName, 'popSelf', { animated });
|
|
|
|
|
},
|
|
|
|
|
popToRoot: (animated = true) => {
|
|
|
|
|
return context.callNative(moduleName, 'popToRoot', { animated });
|
|
|
|
|
},
|
2020-04-01 15:19:37 +08:00
|
|
|
|
openUrl: (url) => {
|
|
|
|
|
return context.callNative(moduleName, "openUrl", url);
|
2019-12-19 10:58:46 +08:00
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function transformRequest(request) {
|
|
|
|
|
let url = request.url || "";
|
|
|
|
|
if (request.params !== undefined) {
|
|
|
|
|
const queryStrings = [];
|
|
|
|
|
for (let key in request.params) {
|
|
|
|
|
queryStrings.push(`${key}=${encodeURIComponent(request.params[key])}`);
|
|
|
|
|
}
|
|
|
|
|
request.url = `${request.url}${url.indexOf('?') >= 0 ? '&' : '?'}${queryStrings.join('&')}`;
|
|
|
|
|
}
|
|
|
|
|
if (typeof request.data === 'object') {
|
|
|
|
|
request.data = JSON.stringify(request.data);
|
|
|
|
|
}
|
|
|
|
|
return request;
|
|
|
|
|
}
|
|
|
|
|
function network(context) {
|
|
|
|
|
return {
|
|
|
|
|
request: (config) => {
|
2020-01-17 17:38:25 +08:00
|
|
|
|
return context.callNative('network', 'request', transformRequest(config));
|
2019-12-19 10:58:46 +08:00
|
|
|
|
},
|
|
|
|
|
get: (url, config) => {
|
|
|
|
|
let finalConfig = config;
|
|
|
|
|
if (finalConfig === undefined) {
|
|
|
|
|
finalConfig = {};
|
|
|
|
|
}
|
|
|
|
|
finalConfig.url = url;
|
|
|
|
|
finalConfig.method = "get";
|
2020-01-17 17:38:25 +08:00
|
|
|
|
return context.callNative('network', 'request', transformRequest(finalConfig));
|
2019-12-19 10:58:46 +08:00
|
|
|
|
},
|
|
|
|
|
post: (url, data, config) => {
|
|
|
|
|
let finalConfig = config;
|
|
|
|
|
if (finalConfig === undefined) {
|
|
|
|
|
finalConfig = {};
|
|
|
|
|
}
|
|
|
|
|
finalConfig.url = url;
|
|
|
|
|
finalConfig.method = "post";
|
|
|
|
|
if (data !== undefined) {
|
|
|
|
|
finalConfig.data = data;
|
|
|
|
|
}
|
2020-01-17 17:38:25 +08:00
|
|
|
|
return context.callNative('network', 'request', transformRequest(finalConfig));
|
2019-12-19 10:58:46 +08:00
|
|
|
|
},
|
|
|
|
|
put: (url, data, config) => {
|
|
|
|
|
let finalConfig = config;
|
|
|
|
|
if (finalConfig === undefined) {
|
|
|
|
|
finalConfig = {};
|
|
|
|
|
}
|
|
|
|
|
finalConfig.url = url;
|
|
|
|
|
finalConfig.method = "put";
|
|
|
|
|
if (data !== undefined) {
|
|
|
|
|
finalConfig.data = data;
|
|
|
|
|
}
|
2020-01-17 17:38:25 +08:00
|
|
|
|
return context.callNative('network', 'request', transformRequest(finalConfig));
|
2019-12-19 10:58:46 +08:00
|
|
|
|
},
|
|
|
|
|
delete: (url, data, config) => {
|
|
|
|
|
let finalConfig = config;
|
|
|
|
|
if (finalConfig === undefined) {
|
|
|
|
|
finalConfig = {};
|
|
|
|
|
}
|
|
|
|
|
finalConfig.url = url;
|
|
|
|
|
finalConfig.method = "delete";
|
2020-01-17 17:38:25 +08:00
|
|
|
|
return context.callNative('network', 'request', transformRequest(finalConfig));
|
2019-12-19 10:58:46 +08:00
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function storage(context) {
|
|
|
|
|
return {
|
|
|
|
|
setItem: (key, value, zone) => {
|
2020-01-17 17:38:25 +08:00
|
|
|
|
return context.callNative('storage', 'setItem', { key, value, zone });
|
2019-12-19 10:58:46 +08:00
|
|
|
|
},
|
|
|
|
|
getItem: (key, zone) => {
|
2020-01-17 17:38:25 +08:00
|
|
|
|
return context.callNative('storage', 'getItem', { key, zone });
|
2019-12-19 10:58:46 +08:00
|
|
|
|
},
|
|
|
|
|
remove: (key, zone) => {
|
2020-01-17 17:38:25 +08:00
|
|
|
|
return context.callNative('storage', 'remove', { key, zone });
|
2019-12-19 10:58:46 +08:00
|
|
|
|
},
|
|
|
|
|
clear: (zone) => {
|
2020-01-17 17:38:25 +08:00
|
|
|
|
return context.callNative('storage', 'clear', { zone });
|
2019-12-19 10:58:46 +08:00
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function popover(context) {
|
|
|
|
|
const entity = context.entity;
|
|
|
|
|
let panel = undefined;
|
|
|
|
|
if (entity instanceof Panel) {
|
|
|
|
|
panel = entity;
|
|
|
|
|
}
|
|
|
|
|
return {
|
|
|
|
|
show: (view) => {
|
|
|
|
|
if (panel) {
|
2020-01-09 19:31:50 +08:00
|
|
|
|
panel.addHeadView("popover", view);
|
2019-12-19 10:58:46 +08:00
|
|
|
|
}
|
2020-01-17 17:38:25 +08:00
|
|
|
|
return context.callNative('popover', 'show', view.toModel());
|
2019-12-19 10:58:46 +08:00
|
|
|
|
},
|
|
|
|
|
dismiss: (view = undefined) => {
|
|
|
|
|
if (panel) {
|
|
|
|
|
if (view) {
|
2020-01-09 19:31:50 +08:00
|
|
|
|
panel.removeHeadView("popover", view);
|
2019-12-19 10:58:46 +08:00
|
|
|
|
}
|
|
|
|
|
else {
|
2020-01-09 19:31:50 +08:00
|
|
|
|
panel.clearHeadViews("popover");
|
2019-12-19 10:58:46 +08:00
|
|
|
|
}
|
|
|
|
|
}
|
2020-01-17 17:38:25 +08:00
|
|
|
|
return context.callNative('popover', 'dismiss', view ? { id: view.viewId } : undefined);
|
2019-12-19 10:58:46 +08:00
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
* Copyright [2019] [Doric.Pub]
|
|
|
|
|
*
|
|
|
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
|
|
|
* you may not use this file except in compliance with the License.
|
|
|
|
|
* You may obtain a copy of the License at
|
|
|
|
|
*
|
|
|
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
|
*
|
|
|
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
|
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
|
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
|
|
|
* See the License for the specific language governing permissions and
|
|
|
|
|
* limitations under the License.
|
|
|
|
|
*/
|
|
|
|
|
function take(target) {
|
|
|
|
|
return (block) => {
|
|
|
|
|
block(target);
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
function takeNonNull(target) {
|
|
|
|
|
return (block) => {
|
|
|
|
|
if (target !== undefined) {
|
|
|
|
|
return block(target);
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
function takeNull(target) {
|
|
|
|
|
return (block) => {
|
|
|
|
|
if (target === undefined) {
|
|
|
|
|
return block();
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
function takeLet(target) {
|
|
|
|
|
return (block) => {
|
|
|
|
|
return block(target);
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
function takeAlso(target) {
|
|
|
|
|
return (block) => {
|
|
|
|
|
block(target);
|
|
|
|
|
return target;
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
function takeIf(target) {
|
|
|
|
|
return (predicate) => {
|
|
|
|
|
return predicate(target) ? target : undefined;
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
function takeUnless(target) {
|
|
|
|
|
return (predicate) => {
|
|
|
|
|
return predicate(target) ? undefined : target;
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
function repeat(action) {
|
|
|
|
|
return (times) => {
|
|
|
|
|
for (let i = 0; i < times; i++) {
|
|
|
|
|
action(i);
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
|
2020-01-17 17:38:25 +08:00
|
|
|
|
var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
|
|
|
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
|
|
|
return new (P || (P = Promise))(function (resolve, reject) {
|
|
|
|
|
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
|
|
|
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
|
|
|
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
|
|
|
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
|
|
|
});
|
|
|
|
|
};
|
2019-12-19 10:58:46 +08:00
|
|
|
|
/**
|
|
|
|
|
* Only supports x,y,width,height,corner(just for four corners),rotation,bgColor,
|
|
|
|
|
* @param panel @see Panel
|
|
|
|
|
*/
|
2019-12-21 11:09:27 +08:00
|
|
|
|
function animate(context) {
|
|
|
|
|
const entity = context.entity;
|
|
|
|
|
if (entity instanceof Panel) {
|
|
|
|
|
let panel = entity;
|
2020-01-17 17:38:25 +08:00
|
|
|
|
return (args) => __awaiter(this, void 0, void 0, function* () {
|
|
|
|
|
yield context.callNative('animate', 'submit');
|
|
|
|
|
args.animations();
|
|
|
|
|
return takeLet(panel.getRootView())(root => {
|
|
|
|
|
if (root.isDirty()) {
|
|
|
|
|
const model = root.toModel();
|
|
|
|
|
model.duration = args.duration;
|
|
|
|
|
const ret = context.callNative('animate', 'animateRender', model);
|
|
|
|
|
root.clean();
|
|
|
|
|
return ret;
|
|
|
|
|
}
|
|
|
|
|
for (let map of panel.allHeadViews()) {
|
|
|
|
|
for (let v of map.values()) {
|
|
|
|
|
if (v.isDirty()) {
|
|
|
|
|
const model_1 = v.toModel();
|
|
|
|
|
const ret_1 = context.callNative('animate', 'animateRender', model_1);
|
|
|
|
|
v.clean();
|
|
|
|
|
return ret_1;
|
2019-12-21 11:09:27 +08:00
|
|
|
|
}
|
2020-01-17 17:38:25 +08:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
throw new Error('Cannot find any animated elements');
|
2019-12-19 10:58:46 +08:00
|
|
|
|
});
|
2020-01-17 17:38:25 +08:00
|
|
|
|
});
|
2019-12-21 11:09:27 +08:00
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
return (args) => {
|
|
|
|
|
return Promise.reject(`Cannot find panel in Context:${context.id}`);
|
|
|
|
|
};
|
|
|
|
|
}
|
2019-12-19 10:58:46 +08:00
|
|
|
|
}
|
|
|
|
|
|
2020-01-09 19:38:23 +08:00
|
|
|
|
function notification(context) {
|
|
|
|
|
return {
|
|
|
|
|
publish: (args) => {
|
|
|
|
|
if (args.data !== undefined) {
|
|
|
|
|
args.data = JSON.stringify(args.data);
|
|
|
|
|
}
|
2020-01-17 17:38:25 +08:00
|
|
|
|
return context.callNative('notification', 'publish', args);
|
2020-01-09 19:38:23 +08:00
|
|
|
|
},
|
|
|
|
|
subscribe: (args) => {
|
|
|
|
|
args.callback = context.function2Id(args.callback);
|
2020-01-17 17:38:25 +08:00
|
|
|
|
return context.callNative('notification', 'subscribe', args);
|
2020-01-09 19:38:23 +08:00
|
|
|
|
},
|
|
|
|
|
unsubscribe: (subscribeId) => {
|
|
|
|
|
context.removeFuncById(subscribeId);
|
2020-01-17 17:38:25 +08:00
|
|
|
|
return context.callNative('notification', 'unsubscribe', subscribeId);
|
2020-01-09 19:38:23 +08:00
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
|
2021-02-20 17:58:09 +08:00
|
|
|
|
exports.StatusBarMode = void 0;
|
2020-01-17 17:38:25 +08:00
|
|
|
|
(function (StatusBarMode) {
|
|
|
|
|
StatusBarMode[StatusBarMode["LIGHT"] = 0] = "LIGHT";
|
|
|
|
|
StatusBarMode[StatusBarMode["DARK"] = 1] = "DARK";
|
|
|
|
|
})(exports.StatusBarMode || (exports.StatusBarMode = {}));
|
|
|
|
|
function statusbar(context) {
|
|
|
|
|
return {
|
|
|
|
|
setHidden: (hidden) => {
|
|
|
|
|
return context.callNative('statusbar', 'setHidden', { hidden });
|
|
|
|
|
},
|
|
|
|
|
setMode: (mode) => {
|
|
|
|
|
return context.callNative('statusbar', 'setMode', { mode });
|
|
|
|
|
},
|
|
|
|
|
setColor: (color) => {
|
|
|
|
|
return context.callNative('statusbar', 'setColor', { color: color.toModel() });
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
|
2020-02-14 14:02:43 +08:00
|
|
|
|
function viewIdChains(view) {
|
|
|
|
|
const viewIds = [];
|
|
|
|
|
let thisView = view;
|
|
|
|
|
while (thisView != undefined) {
|
|
|
|
|
viewIds.push(thisView.viewId);
|
|
|
|
|
thisView = thisView.superview;
|
|
|
|
|
}
|
|
|
|
|
return viewIds.reverse();
|
|
|
|
|
}
|
|
|
|
|
function coordinator(context) {
|
|
|
|
|
return {
|
2020-03-10 18:51:53 +08:00
|
|
|
|
verticalScrolling: (argument) => {
|
|
|
|
|
if (context.entity instanceof Panel) {
|
|
|
|
|
const panel = context.entity;
|
2020-03-10 19:18:33 +08:00
|
|
|
|
panel.addOnRenderFinishedCallback(() => {
|
2020-03-10 18:51:53 +08:00
|
|
|
|
argument.scrollable = viewIdChains(argument.scrollable);
|
|
|
|
|
if (argument.target instanceof View) {
|
|
|
|
|
argument.target = viewIdChains(argument.target);
|
|
|
|
|
}
|
|
|
|
|
if (argument.changing.start instanceof Color) {
|
|
|
|
|
argument.changing.start = argument.changing.start.toModel();
|
|
|
|
|
}
|
|
|
|
|
if (argument.changing.end instanceof Color) {
|
|
|
|
|
argument.changing.end = argument.changing.end.toModel();
|
|
|
|
|
}
|
2020-03-10 19:18:33 +08:00
|
|
|
|
context.callNative("coordinator", "verticalScrolling", argument);
|
|
|
|
|
});
|
2020-02-14 14:02:43 +08:00
|
|
|
|
}
|
2020-03-10 18:51:53 +08:00
|
|
|
|
}
|
2020-02-14 14:02:43 +08:00
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
|
2020-03-19 14:32:42 +08:00
|
|
|
|
function notch(context) {
|
|
|
|
|
return {
|
|
|
|
|
inset: () => {
|
|
|
|
|
return context.callNative('notch', 'inset', {});
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
|
2021-03-30 11:30:59 +08:00
|
|
|
|
function keyboard(context) {
|
|
|
|
|
return {
|
|
|
|
|
subscribe: (callback) => {
|
|
|
|
|
return context.callNative('keyboard', 'subscribe', context.function2Id(callback));
|
|
|
|
|
},
|
|
|
|
|
unsubscribe: (subscribeId) => {
|
|
|
|
|
context.removeFuncById(subscribeId);
|
|
|
|
|
return context.callNative('keyboard', 'unsubscribe', subscribeId);
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
|
2019-12-19 10:58:46 +08:00
|
|
|
|
class Observable {
|
|
|
|
|
constructor(provider, clz) {
|
|
|
|
|
this.observers = new Set;
|
|
|
|
|
this.provider = provider;
|
|
|
|
|
this.clz = clz;
|
|
|
|
|
}
|
|
|
|
|
addObserver(observer) {
|
|
|
|
|
this.observers.add(observer);
|
|
|
|
|
}
|
|
|
|
|
removeObserver(observer) {
|
|
|
|
|
this.observers.delete(observer);
|
|
|
|
|
}
|
|
|
|
|
update(updater) {
|
|
|
|
|
const oldV = this.provider.acquire(this.clz);
|
|
|
|
|
const newV = updater(oldV);
|
|
|
|
|
if (newV !== undefined) {
|
|
|
|
|
this.provider.provide(newV);
|
|
|
|
|
}
|
|
|
|
|
for (let observer of this.observers) {
|
|
|
|
|
observer(newV);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
class Provider {
|
|
|
|
|
constructor() {
|
|
|
|
|
this.provision = new Map;
|
|
|
|
|
this.observableMap = new Map;
|
|
|
|
|
}
|
|
|
|
|
provide(obj) {
|
|
|
|
|
this.provision.set(obj.constructor, obj);
|
|
|
|
|
}
|
|
|
|
|
acquire(clz) {
|
|
|
|
|
const ret = this.provision.get(clz);
|
|
|
|
|
return ret;
|
|
|
|
|
}
|
|
|
|
|
remove(clz) {
|
|
|
|
|
this.provision.delete(clz);
|
|
|
|
|
}
|
|
|
|
|
clear() {
|
|
|
|
|
this.provision.clear();
|
|
|
|
|
}
|
|
|
|
|
observe(clz) {
|
|
|
|
|
let observable = this.observableMap.get(clz);
|
|
|
|
|
if (observable === undefined) {
|
|
|
|
|
observable = new Observable(this, clz);
|
|
|
|
|
this.observableMap.set(clz, observable);
|
|
|
|
|
}
|
|
|
|
|
return observable;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
class ViewHolder {
|
|
|
|
|
}
|
|
|
|
|
class ViewModel {
|
|
|
|
|
constructor(obj, v) {
|
|
|
|
|
this.state = obj;
|
|
|
|
|
this.viewHolder = v;
|
|
|
|
|
}
|
|
|
|
|
getState() {
|
|
|
|
|
return this.state;
|
|
|
|
|
}
|
2020-03-03 15:51:20 +08:00
|
|
|
|
getViewHolder() {
|
|
|
|
|
return this.viewHolder;
|
|
|
|
|
}
|
2019-12-19 10:58:46 +08:00
|
|
|
|
updateState(setter) {
|
|
|
|
|
setter(this.state);
|
|
|
|
|
this.onBind(this.state, this.viewHolder);
|
|
|
|
|
}
|
|
|
|
|
attach(view) {
|
|
|
|
|
this.viewHolder.build(view);
|
|
|
|
|
this.onAttached(this.state, this.viewHolder);
|
|
|
|
|
this.onBind(this.state, this.viewHolder);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
class VMPanel extends Panel {
|
|
|
|
|
getViewModel() {
|
|
|
|
|
return this.vm;
|
|
|
|
|
}
|
|
|
|
|
build(root) {
|
|
|
|
|
this.vh = new (this.getViewHolderClass());
|
|
|
|
|
this.vm = new (this.getViewModelClass())(this.getState(), this.vh);
|
2020-10-23 16:48:44 +08:00
|
|
|
|
this.vm.context = this.context;
|
2019-12-19 10:58:46 +08:00
|
|
|
|
this.vm.attach(root);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2021-05-13 16:57:21 +08:00
|
|
|
|
class Module extends Panel {
|
2021-05-18 11:41:18 +08:00
|
|
|
|
constructor() {
|
|
|
|
|
super(...arguments);
|
|
|
|
|
this.unmounted = false;
|
|
|
|
|
}
|
2021-05-14 13:15:33 +08:00
|
|
|
|
get provider() {
|
|
|
|
|
var _a;
|
|
|
|
|
return this.__provider || ((_a = this.superPanel) === null || _a === void 0 ? void 0 : _a.provider);
|
|
|
|
|
}
|
|
|
|
|
set provider(provider) {
|
|
|
|
|
this.__provider = provider;
|
|
|
|
|
}
|
2021-05-18 11:41:18 +08:00
|
|
|
|
mount() {
|
|
|
|
|
var _a;
|
|
|
|
|
if (this.unmounted) {
|
|
|
|
|
this.unmounted = false;
|
|
|
|
|
(_a = this.superPanel) === null || _a === void 0 ? void 0 : _a.onStructureChanged(this, true);
|
|
|
|
|
this.onMounted();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
unmount() {
|
|
|
|
|
var _a;
|
|
|
|
|
if (!this.unmounted) {
|
|
|
|
|
this.unmounted = true;
|
|
|
|
|
(_a = this.superPanel) === null || _a === void 0 ? void 0 : _a.onStructureChanged(this, false);
|
|
|
|
|
this.onUnmounted();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
get mounted() {
|
|
|
|
|
return !this.unmounted;
|
|
|
|
|
}
|
|
|
|
|
/**
|
|
|
|
|
* Dispatch message to other modules.
|
|
|
|
|
* @param message which is sent out
|
|
|
|
|
*/
|
2021-05-13 16:57:21 +08:00
|
|
|
|
dispatchMessage(message) {
|
|
|
|
|
var _a;
|
|
|
|
|
(_a = this.superPanel) === null || _a === void 0 ? void 0 : _a.dispatchMessage(message);
|
|
|
|
|
}
|
2021-05-18 11:41:18 +08:00
|
|
|
|
/**
|
|
|
|
|
* Dispatched messages can be received by override this method.
|
|
|
|
|
* @param message recevied message
|
|
|
|
|
*/
|
2021-05-13 16:57:21 +08:00
|
|
|
|
onMessage(message) { }
|
2021-05-18 11:41:18 +08:00
|
|
|
|
/**
|
|
|
|
|
* Called when this module is mounted
|
|
|
|
|
*/
|
|
|
|
|
onMounted() { }
|
|
|
|
|
/**
|
|
|
|
|
* Called when this module is unmounted
|
|
|
|
|
*/
|
|
|
|
|
onUnmounted() { }
|
|
|
|
|
}
|
|
|
|
|
class VMModule extends Module {
|
|
|
|
|
getViewModel() {
|
|
|
|
|
return this.vm;
|
|
|
|
|
}
|
|
|
|
|
build(root) {
|
|
|
|
|
this.vh = new (this.getViewHolderClass());
|
|
|
|
|
this.vm = new (this.getViewModelClass())(this.getState(), this.vh);
|
|
|
|
|
this.vm.context = this.context;
|
|
|
|
|
this.vm.attach(root);
|
|
|
|
|
}
|
2021-05-13 16:57:21 +08:00
|
|
|
|
}
|
|
|
|
|
class ModularPanel extends Module {
|
2021-05-13 16:26:48 +08:00
|
|
|
|
constructor() {
|
|
|
|
|
super();
|
2021-05-13 16:57:21 +08:00
|
|
|
|
this.modules = this.setupModules().map(e => {
|
|
|
|
|
const instance = new e;
|
|
|
|
|
if (instance instanceof Module) {
|
|
|
|
|
instance.superPanel = this;
|
|
|
|
|
}
|
|
|
|
|
return instance;
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
dispatchMessage(message) {
|
|
|
|
|
if (this.superPanel) {
|
|
|
|
|
this.superPanel.dispatchMessage(message);
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
this.onMessage(message);
|
|
|
|
|
}
|
|
|
|
|
}
|
2021-05-18 11:41:18 +08:00
|
|
|
|
get mountedModules() {
|
|
|
|
|
return this.modules.filter(e => !(e instanceof Module) || e.mounted);
|
|
|
|
|
}
|
2021-05-13 16:57:21 +08:00
|
|
|
|
onMessage(message) {
|
2021-05-18 11:41:18 +08:00
|
|
|
|
this.mountedModules.forEach(e => {
|
2021-05-13 16:57:21 +08:00
|
|
|
|
if (e instanceof Module) {
|
|
|
|
|
e.onMessage(message);
|
|
|
|
|
}
|
|
|
|
|
});
|
2021-05-13 16:26:48 +08:00
|
|
|
|
}
|
2021-05-18 11:41:18 +08:00
|
|
|
|
onStructureChanged(module, mounted) {
|
|
|
|
|
if (this.superPanel) {
|
|
|
|
|
this.superPanel.onStructureChanged(module, mounted);
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
if (!!!this.scheduledRebuild) {
|
|
|
|
|
this.scheduledRebuild = setTimeout(() => {
|
|
|
|
|
this.scheduledRebuild = undefined;
|
|
|
|
|
this.getRootView().children.length = 0;
|
|
|
|
|
this.build(this.getRootView());
|
|
|
|
|
}, 0);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2021-05-13 16:26:48 +08:00
|
|
|
|
build(root) {
|
|
|
|
|
const groupView = this.setupShelf(root);
|
2021-05-18 11:41:18 +08:00
|
|
|
|
this.mountedModules.forEach(e => {
|
2021-05-13 16:26:48 +08:00
|
|
|
|
Reflect.set(e, "__root__", groupView);
|
|
|
|
|
e.build(groupView);
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
onCreate() {
|
|
|
|
|
super.onCreate();
|
2021-05-18 11:41:18 +08:00
|
|
|
|
this.mountedModules.forEach(e => {
|
2021-05-13 16:26:48 +08:00
|
|
|
|
e.context = this.context;
|
|
|
|
|
e.onCreate();
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
onDestroy() {
|
|
|
|
|
super.onDestroy();
|
2021-05-18 11:41:18 +08:00
|
|
|
|
this.mountedModules.forEach(e => {
|
2021-05-13 16:26:48 +08:00
|
|
|
|
e.onDestroy();
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
onShow() {
|
|
|
|
|
super.onShow();
|
2021-05-18 11:41:18 +08:00
|
|
|
|
this.mountedModules.forEach(e => {
|
2021-05-13 16:26:48 +08:00
|
|
|
|
e.onShow();
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
onHidden() {
|
|
|
|
|
super.onHidden();
|
2021-05-18 11:41:18 +08:00
|
|
|
|
this.mountedModules.forEach(e => {
|
2021-05-13 16:26:48 +08:00
|
|
|
|
e.onHidden();
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
onRenderFinished() {
|
|
|
|
|
super.onRenderFinished();
|
2021-05-18 11:41:18 +08:00
|
|
|
|
this.mountedModules.forEach(e => {
|
2021-05-13 16:26:48 +08:00
|
|
|
|
e.onRenderFinished();
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2021-11-25 12:00:58 +08:00
|
|
|
|
exports.AeroEffect = AeroEffect;
|
2021-09-07 18:33:25 +08:00
|
|
|
|
exports.AlphaAnimation = AlphaAnimation;
|
2019-12-19 10:58:46 +08:00
|
|
|
|
exports.AnimationSet = AnimationSet;
|
2021-10-22 17:00:00 +08:00
|
|
|
|
exports.AssetResource = AssetResource;
|
2019-12-19 10:58:46 +08:00
|
|
|
|
exports.BOTTOM = BOTTOM;
|
2021-09-07 18:33:25 +08:00
|
|
|
|
exports.BackgroundColorAnimation = BackgroundColorAnimation;
|
2021-10-22 17:00:00 +08:00
|
|
|
|
exports.Base64Resource = Base64Resource;
|
2021-11-24 14:37:48 +08:00
|
|
|
|
exports.BlurEffect = BlurEffect;
|
2021-10-25 16:51:45 +08:00
|
|
|
|
exports.BundleResource = BundleResource;
|
2019-12-19 10:58:46 +08:00
|
|
|
|
exports.CENTER = CENTER;
|
|
|
|
|
exports.CENTER_X = CENTER_X;
|
|
|
|
|
exports.CENTER_Y = CENTER_Y;
|
|
|
|
|
exports.Color = Color;
|
2020-01-04 14:43:28 +08:00
|
|
|
|
exports.Draggable = Draggable;
|
2021-10-22 17:00:00 +08:00
|
|
|
|
exports.DrawableResource = DrawableResource;
|
2020-04-09 20:01:22 +08:00
|
|
|
|
exports.FlexLayout = FlexLayout;
|
2020-04-16 19:27:31 +08:00
|
|
|
|
exports.FlexTypedValue = FlexTypedValue;
|
2019-12-19 10:58:46 +08:00
|
|
|
|
exports.FlowLayout = FlowLayout;
|
|
|
|
|
exports.FlowLayoutItem = FlowLayoutItem;
|
2021-09-22 10:29:57 +08:00
|
|
|
|
exports.GestureContainer = GestureContainer;
|
2019-12-19 10:58:46 +08:00
|
|
|
|
exports.Gravity = Gravity;
|
|
|
|
|
exports.Group = Group;
|
|
|
|
|
exports.HLayout = HLayout;
|
|
|
|
|
exports.Image = Image;
|
2021-03-03 16:13:58 +08:00
|
|
|
|
exports.InconsistProperty = InconsistProperty;
|
2019-12-19 10:58:46 +08:00
|
|
|
|
exports.Input = Input;
|
|
|
|
|
exports.LEFT = LEFT;
|
|
|
|
|
exports.LayoutConfigImpl = LayoutConfigImpl;
|
|
|
|
|
exports.List = List;
|
|
|
|
|
exports.ListItem = ListItem;
|
2021-10-25 16:01:44 +08:00
|
|
|
|
exports.LocalResource = LocalResource;
|
2021-10-22 17:00:00 +08:00
|
|
|
|
exports.MainBundleResource = MainBundleResource;
|
2021-05-13 16:26:48 +08:00
|
|
|
|
exports.ModularPanel = ModularPanel;
|
2021-05-13 16:57:21 +08:00
|
|
|
|
exports.Module = Module;
|
2019-12-19 10:58:46 +08:00
|
|
|
|
exports.Mutable = Mutable;
|
|
|
|
|
exports.NativeCall = NativeCall;
|
|
|
|
|
exports.NestedSlider = NestedSlider;
|
|
|
|
|
exports.Observable = Observable;
|
|
|
|
|
exports.Panel = Panel;
|
|
|
|
|
exports.Property = Property;
|
|
|
|
|
exports.Provider = Provider;
|
|
|
|
|
exports.RIGHT = RIGHT;
|
2021-10-22 17:00:00 +08:00
|
|
|
|
exports.RawResource = RawResource;
|
2021-09-02 11:39:51 +08:00
|
|
|
|
exports.Ref = Ref;
|
2019-12-19 10:58:46 +08:00
|
|
|
|
exports.Refreshable = Refreshable;
|
2021-10-22 17:00:00 +08:00
|
|
|
|
exports.RemoteResource = RemoteResource;
|
|
|
|
|
exports.Resource = Resource;
|
2019-12-19 10:58:46 +08:00
|
|
|
|
exports.Root = Root;
|
|
|
|
|
exports.RotationAnimation = RotationAnimation;
|
2020-06-03 14:53:32 +08:00
|
|
|
|
exports.RotationXAnimation = RotationXAnimation;
|
|
|
|
|
exports.RotationYAnimation = RotationYAnimation;
|
2019-12-19 10:58:46 +08:00
|
|
|
|
exports.ScaleAnimation = ScaleAnimation;
|
|
|
|
|
exports.Scroller = Scroller;
|
|
|
|
|
exports.SlideItem = SlideItem;
|
|
|
|
|
exports.Slider = Slider;
|
|
|
|
|
exports.Stack = Stack;
|
|
|
|
|
exports.Superview = Superview;
|
2020-03-13 13:01:21 +08:00
|
|
|
|
exports.Switch = Switch;
|
2019-12-19 10:58:46 +08:00
|
|
|
|
exports.TOP = TOP;
|
|
|
|
|
exports.Text = Text;
|
|
|
|
|
exports.TranslationAnimation = TranslationAnimation;
|
|
|
|
|
exports.VLayout = VLayout;
|
2021-05-18 11:41:18 +08:00
|
|
|
|
exports.VMModule = VMModule;
|
2019-12-19 10:58:46 +08:00
|
|
|
|
exports.VMPanel = VMPanel;
|
|
|
|
|
exports.View = View;
|
2021-05-14 19:24:07 +08:00
|
|
|
|
exports.ViewComponent = ViewComponent;
|
2019-12-19 10:58:46 +08:00
|
|
|
|
exports.ViewHolder = ViewHolder;
|
|
|
|
|
exports.ViewModel = ViewModel;
|
2021-11-25 12:00:58 +08:00
|
|
|
|
exports.aeroEffect = aeroEffect;
|
2019-12-19 10:58:46 +08:00
|
|
|
|
exports.animate = animate;
|
2021-11-24 14:37:48 +08:00
|
|
|
|
exports.blurEffect = blurEffect;
|
2020-02-14 14:02:43 +08:00
|
|
|
|
exports.coordinator = coordinator;
|
2021-09-03 16:48:24 +08:00
|
|
|
|
exports.createRef = createRef;
|
2020-01-04 14:43:28 +08:00
|
|
|
|
exports.draggable = draggable;
|
2020-04-09 20:01:22 +08:00
|
|
|
|
exports.flexlayout = flexlayout;
|
2019-12-19 10:58:46 +08:00
|
|
|
|
exports.flowItem = flowItem;
|
|
|
|
|
exports.flowlayout = flowlayout;
|
2021-09-22 10:29:57 +08:00
|
|
|
|
exports.gestureContainer = gestureContainer;
|
2019-12-19 10:58:46 +08:00
|
|
|
|
exports.gravity = gravity;
|
|
|
|
|
exports.hlayout = hlayout;
|
|
|
|
|
exports.image = image;
|
2020-01-03 13:35:40 +08:00
|
|
|
|
exports.input = input;
|
2020-10-23 16:48:44 +08:00
|
|
|
|
exports.internalScheme = internalScheme;
|
2021-03-30 11:30:59 +08:00
|
|
|
|
exports.keyboard = keyboard;
|
2019-12-19 10:58:46 +08:00
|
|
|
|
exports.layoutConfig = layoutConfig;
|
|
|
|
|
exports.list = list;
|
|
|
|
|
exports.listItem = listItem;
|
|
|
|
|
exports.log = log;
|
|
|
|
|
exports.loge = loge;
|
|
|
|
|
exports.logw = logw;
|
|
|
|
|
exports.modal = modal;
|
|
|
|
|
exports.navbar = navbar;
|
|
|
|
|
exports.navigator = navigator;
|
|
|
|
|
exports.network = network;
|
2020-03-19 14:32:42 +08:00
|
|
|
|
exports.notch = notch;
|
2020-01-09 19:38:23 +08:00
|
|
|
|
exports.notification = notification;
|
2019-12-19 10:58:46 +08:00
|
|
|
|
exports.obj2Model = obj2Model;
|
|
|
|
|
exports.popover = popover;
|
|
|
|
|
exports.pullable = pullable;
|
|
|
|
|
exports.refreshable = refreshable;
|
|
|
|
|
exports.repeat = repeat;
|
|
|
|
|
exports.scroller = scroller;
|
|
|
|
|
exports.slideItem = slideItem;
|
|
|
|
|
exports.slider = slider;
|
|
|
|
|
exports.stack = stack;
|
2020-01-17 17:38:25 +08:00
|
|
|
|
exports.statusbar = statusbar;
|
2019-12-19 10:58:46 +08:00
|
|
|
|
exports.storage = storage;
|
2020-03-13 13:01:21 +08:00
|
|
|
|
exports.switchView = switchView;
|
2019-12-19 10:58:46 +08:00
|
|
|
|
exports.take = take;
|
|
|
|
|
exports.takeAlso = takeAlso;
|
|
|
|
|
exports.takeIf = takeIf;
|
|
|
|
|
exports.takeLet = takeLet;
|
|
|
|
|
exports.takeNonNull = takeNonNull;
|
|
|
|
|
exports.takeNull = takeNull;
|
|
|
|
|
exports.takeUnless = takeUnless;
|
|
|
|
|
exports.text = text;
|
|
|
|
|
exports.uniqueId = uniqueId;
|
|
|
|
|
exports.vlayout = vlayout;
|
|
|
|
|
|
|
|
|
|
})(__module,__module.exports,doric.__require__);
|
|
|
|
|
return __module.exports;
|
|
|
|
|
},this,[{exports:{}}])]);
|
|
|
|
|
/**--------Lib--------*/
|
|
|
|
|
|
2020-01-03 16:35:04 +08:00
|
|
|
|
var doric_web = (function (exports, axios, sandbox) {
|
2021-04-20 18:03:26 +08:00
|
|
|
|
'use strict';
|
2019-12-19 10:42:57 +08:00
|
|
|
|
|
2021-04-20 18:03:26 +08:00
|
|
|
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
2020-09-02 18:07:48 +08:00
|
|
|
|
|
2021-04-20 18:03:26 +08:00
|
|
|
|
var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
|
2019-12-19 10:42:57 +08:00
|
|
|
|
|
2021-04-20 18:03:26 +08:00
|
|
|
|
function createCommonjsModule(fn, basedir, module) {
|
|
|
|
|
return module = {
|
|
|
|
|
path: basedir,
|
|
|
|
|
exports: {},
|
|
|
|
|
require: function (path, base) {
|
|
|
|
|
return commonjsRequire(path, (base === undefined || base === null) ? module.path : base);
|
|
|
|
|
}
|
|
|
|
|
}, fn(module, module.exports), module.exports;
|
|
|
|
|
}
|
2021-04-13 16:49:38 +08:00
|
|
|
|
|
2021-04-20 18:03:26 +08:00
|
|
|
|
function commonjsRequire () {
|
|
|
|
|
throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
|
|
|
|
|
}
|
2019-12-19 13:34:56 +08:00
|
|
|
|
|
2021-04-20 18:03:26 +08:00
|
|
|
|
var smoothscroll = createCommonjsModule(function (module, exports) {
|
|
|
|
|
/* smoothscroll v0.4.4 - 2019 - Dustan Kasten, Jeremias Menichelli - MIT License */
|
|
|
|
|
(function () {
|
2019-12-19 20:44:14 +08:00
|
|
|
|
|
2021-04-20 18:03:26 +08:00
|
|
|
|
// polyfill
|
|
|
|
|
function polyfill() {
|
|
|
|
|
// aliases
|
|
|
|
|
var w = window;
|
|
|
|
|
var d = document;
|
2021-04-15 15:51:24 +08:00
|
|
|
|
|
2021-04-20 18:03:26 +08:00
|
|
|
|
// return if scroll behavior is supported and polyfill is not forced
|
|
|
|
|
if (
|
|
|
|
|
'scrollBehavior' in d.documentElement.style &&
|
|
|
|
|
w.__forceSmoothScrollPolyfill__ !== true
|
|
|
|
|
) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
2019-12-19 20:44:14 +08:00
|
|
|
|
|
2021-04-20 18:03:26 +08:00
|
|
|
|
// globals
|
|
|
|
|
var Element = w.HTMLElement || w.Element;
|
|
|
|
|
var SCROLL_TIME = 468;
|
2019-12-20 17:56:01 +08:00
|
|
|
|
|
2021-04-20 18:03:26 +08:00
|
|
|
|
// object gathering original scroll methods
|
|
|
|
|
var original = {
|
|
|
|
|
scroll: w.scroll || w.scrollTo,
|
|
|
|
|
scrollBy: w.scrollBy,
|
|
|
|
|
elementScroll: Element.prototype.scroll || scrollElement,
|
|
|
|
|
scrollIntoView: Element.prototype.scrollIntoView
|
|
|
|
|
};
|
2019-12-20 17:56:01 +08:00
|
|
|
|
|
2021-04-20 18:03:26 +08:00
|
|
|
|
// define timing method
|
|
|
|
|
var now =
|
|
|
|
|
w.performance && w.performance.now
|
|
|
|
|
? w.performance.now.bind(w.performance)
|
|
|
|
|
: Date.now;
|
2019-12-20 17:56:01 +08:00
|
|
|
|
|
2021-04-20 18:03:26 +08:00
|
|
|
|
/**
|
|
|
|
|
* indicates if a the current browser is made by Microsoft
|
|
|
|
|
* @method isMicrosoftBrowser
|
|
|
|
|
* @param {String} userAgent
|
|
|
|
|
* @returns {Boolean}
|
|
|
|
|
*/
|
|
|
|
|
function isMicrosoftBrowser(userAgent) {
|
|
|
|
|
var userAgentPatterns = ['MSIE ', 'Trident/', 'Edge/'];
|
2019-12-21 16:37:55 +08:00
|
|
|
|
|
2021-04-20 18:03:26 +08:00
|
|
|
|
return new RegExp(userAgentPatterns.join('|')).test(userAgent);
|
|
|
|
|
}
|
2019-12-21 16:57:07 +08:00
|
|
|
|
|
2021-04-20 18:03:26 +08:00
|
|
|
|
/*
|
|
|
|
|
* IE has rounding bug rounding down clientHeight and clientWidth and
|
|
|
|
|
* rounding up scrollHeight and scrollWidth causing false positives
|
|
|
|
|
* on hasScrollableSpace
|
|
|
|
|
*/
|
|
|
|
|
var ROUNDING_TOLERANCE = isMicrosoftBrowser(w.navigator.userAgent) ? 1 : 0;
|
2019-12-21 17:44:17 +08:00
|
|
|
|
|
2021-04-20 18:03:26 +08:00
|
|
|
|
/**
|
|
|
|
|
* changes scroll position inside an element
|
|
|
|
|
* @method scrollElement
|
|
|
|
|
* @param {Number} x
|
|
|
|
|
* @param {Number} y
|
|
|
|
|
* @returns {undefined}
|
|
|
|
|
*/
|
|
|
|
|
function scrollElement(x, y) {
|
|
|
|
|
this.scrollLeft = x;
|
|
|
|
|
this.scrollTop = y;
|
|
|
|
|
}
|
2019-12-25 15:19:41 +08:00
|
|
|
|
|
2021-04-20 18:03:26 +08:00
|
|
|
|
/**
|
|
|
|
|
* returns result of applying ease math function to a number
|
|
|
|
|
* @method ease
|
|
|
|
|
* @param {Number} k
|
|
|
|
|
* @returns {Number}
|
|
|
|
|
*/
|
|
|
|
|
function ease(k) {
|
|
|
|
|
return 0.5 * (1 - Math.cos(Math.PI * k));
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* indicates if a smooth behavior should be applied
|
|
|
|
|
* @method shouldBailOut
|
|
|
|
|
* @param {Number|Object} firstArg
|
|
|
|
|
* @returns {Boolean}
|
|
|
|
|
*/
|
|
|
|
|
function shouldBailOut(firstArg) {
|
|
|
|
|
if (
|
|
|
|
|
firstArg === null ||
|
|
|
|
|
typeof firstArg !== 'object' ||
|
|
|
|
|
firstArg.behavior === undefined ||
|
|
|
|
|
firstArg.behavior === 'auto' ||
|
|
|
|
|
firstArg.behavior === 'instant'
|
|
|
|
|
) {
|
|
|
|
|
// first argument is not an object/null
|
|
|
|
|
// or behavior is auto, instant or undefined
|
|
|
|
|
return true;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (typeof firstArg === 'object' && firstArg.behavior === 'smooth') {
|
|
|
|
|
// first argument is an object and behavior is smooth
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// throw error when behavior is not supported
|
|
|
|
|
throw new TypeError(
|
|
|
|
|
'behavior member of ScrollOptions ' +
|
|
|
|
|
firstArg.behavior +
|
|
|
|
|
' is not a valid value for enumeration ScrollBehavior.'
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* indicates if an element has scrollable space in the provided axis
|
|
|
|
|
* @method hasScrollableSpace
|
|
|
|
|
* @param {Node} el
|
|
|
|
|
* @param {String} axis
|
|
|
|
|
* @returns {Boolean}
|
|
|
|
|
*/
|
|
|
|
|
function hasScrollableSpace(el, axis) {
|
|
|
|
|
if (axis === 'Y') {
|
|
|
|
|
return el.clientHeight + ROUNDING_TOLERANCE < el.scrollHeight;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (axis === 'X') {
|
|
|
|
|
return el.clientWidth + ROUNDING_TOLERANCE < el.scrollWidth;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* indicates if an element has a scrollable overflow property in the axis
|
|
|
|
|
* @method canOverflow
|
|
|
|
|
* @param {Node} el
|
|
|
|
|
* @param {String} axis
|
|
|
|
|
* @returns {Boolean}
|
|
|
|
|
*/
|
|
|
|
|
function canOverflow(el, axis) {
|
|
|
|
|
var overflowValue = w.getComputedStyle(el, null)['overflow' + axis];
|
|
|
|
|
|
|
|
|
|
return overflowValue === 'auto' || overflowValue === 'scroll';
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* indicates if an element can be scrolled in either axis
|
|
|
|
|
* @method isScrollable
|
|
|
|
|
* @param {Node} el
|
|
|
|
|
* @param {String} axis
|
|
|
|
|
* @returns {Boolean}
|
|
|
|
|
*/
|
|
|
|
|
function isScrollable(el) {
|
|
|
|
|
var isScrollableY = hasScrollableSpace(el, 'Y') && canOverflow(el, 'Y');
|
|
|
|
|
var isScrollableX = hasScrollableSpace(el, 'X') && canOverflow(el, 'X');
|
|
|
|
|
|
|
|
|
|
return isScrollableY || isScrollableX;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* finds scrollable parent of an element
|
|
|
|
|
* @method findScrollableParent
|
|
|
|
|
* @param {Node} el
|
|
|
|
|
* @returns {Node} el
|
|
|
|
|
*/
|
|
|
|
|
function findScrollableParent(el) {
|
|
|
|
|
while (el !== d.body && isScrollable(el) === false) {
|
|
|
|
|
el = el.parentNode || el.host;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
return el;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* self invoked function that, given a context, steps through scrolling
|
|
|
|
|
* @method step
|
|
|
|
|
* @param {Object} context
|
|
|
|
|
* @returns {undefined}
|
|
|
|
|
*/
|
|
|
|
|
function step(context) {
|
|
|
|
|
var time = now();
|
|
|
|
|
var value;
|
|
|
|
|
var currentX;
|
|
|
|
|
var currentY;
|
|
|
|
|
var elapsed = (time - context.startTime) / SCROLL_TIME;
|
|
|
|
|
|
|
|
|
|
// avoid elapsed times higher than one
|
|
|
|
|
elapsed = elapsed > 1 ? 1 : elapsed;
|
|
|
|
|
|
|
|
|
|
// apply easing to elapsed time
|
|
|
|
|
value = ease(elapsed);
|
|
|
|
|
|
|
|
|
|
currentX = context.startX + (context.x - context.startX) * value;
|
|
|
|
|
currentY = context.startY + (context.y - context.startY) * value;
|
|
|
|
|
|
|
|
|
|
context.method.call(context.scrollable, currentX, currentY);
|
|
|
|
|
|
|
|
|
|
// scroll more if we have not reached our destination
|
|
|
|
|
if (currentX !== context.x || currentY !== context.y) {
|
|
|
|
|
w.requestAnimationFrame(step.bind(w, context));
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* scrolls window or element with a smooth behavior
|
|
|
|
|
* @method smoothScroll
|
|
|
|
|
* @param {Object|Node} el
|
|
|
|
|
* @param {Number} x
|
|
|
|
|
* @param {Number} y
|
|
|
|
|
* @returns {undefined}
|
|
|
|
|
*/
|
|
|
|
|
function smoothScroll(el, x, y) {
|
|
|
|
|
var scrollable;
|
|
|
|
|
var startX;
|
|
|
|
|
var startY;
|
|
|
|
|
var method;
|
|
|
|
|
var startTime = now();
|
|
|
|
|
|
|
|
|
|
// define scroll context
|
|
|
|
|
if (el === d.body) {
|
|
|
|
|
scrollable = w;
|
|
|
|
|
startX = w.scrollX || w.pageXOffset;
|
|
|
|
|
startY = w.scrollY || w.pageYOffset;
|
|
|
|
|
method = original.scroll;
|
|
|
|
|
} else {
|
|
|
|
|
scrollable = el;
|
|
|
|
|
startX = el.scrollLeft;
|
|
|
|
|
startY = el.scrollTop;
|
|
|
|
|
method = scrollElement;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// scroll looping over a frame
|
|
|
|
|
step({
|
|
|
|
|
scrollable: scrollable,
|
|
|
|
|
method: method,
|
|
|
|
|
startTime: startTime,
|
|
|
|
|
startX: startX,
|
|
|
|
|
startY: startY,
|
|
|
|
|
x: x,
|
|
|
|
|
y: y
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// ORIGINAL METHODS OVERRIDES
|
|
|
|
|
// w.scroll and w.scrollTo
|
|
|
|
|
w.scroll = w.scrollTo = function() {
|
|
|
|
|
// avoid action when no arguments are passed
|
|
|
|
|
if (arguments[0] === undefined) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// avoid smooth behavior if not required
|
|
|
|
|
if (shouldBailOut(arguments[0]) === true) {
|
|
|
|
|
original.scroll.call(
|
|
|
|
|
w,
|
|
|
|
|
arguments[0].left !== undefined
|
|
|
|
|
? arguments[0].left
|
|
|
|
|
: typeof arguments[0] !== 'object'
|
|
|
|
|
? arguments[0]
|
|
|
|
|
: w.scrollX || w.pageXOffset,
|
|
|
|
|
// use top prop, second argument if present or fallback to scrollY
|
|
|
|
|
arguments[0].top !== undefined
|
|
|
|
|
? arguments[0].top
|
|
|
|
|
: arguments[1] !== undefined
|
|
|
|
|
? arguments[1]
|
|
|
|
|
: w.scrollY || w.pageYOffset
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// LET THE SMOOTHNESS BEGIN!
|
|
|
|
|
smoothScroll.call(
|
|
|
|
|
w,
|
|
|
|
|
d.body,
|
|
|
|
|
arguments[0].left !== undefined
|
|
|
|
|
? ~~arguments[0].left
|
|
|
|
|
: w.scrollX || w.pageXOffset,
|
|
|
|
|
arguments[0].top !== undefined
|
|
|
|
|
? ~~arguments[0].top
|
|
|
|
|
: w.scrollY || w.pageYOffset
|
|
|
|
|
);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
// w.scrollBy
|
|
|
|
|
w.scrollBy = function() {
|
|
|
|
|
// avoid action when no arguments are passed
|
|
|
|
|
if (arguments[0] === undefined) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// avoid smooth behavior if not required
|
|
|
|
|
if (shouldBailOut(arguments[0])) {
|
|
|
|
|
original.scrollBy.call(
|
|
|
|
|
w,
|
|
|
|
|
arguments[0].left !== undefined
|
|
|
|
|
? arguments[0].left
|
|
|
|
|
: typeof arguments[0] !== 'object' ? arguments[0] : 0,
|
|
|
|
|
arguments[0].top !== undefined
|
|
|
|
|
? arguments[0].top
|
|
|
|
|
: arguments[1] !== undefined ? arguments[1] : 0
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// LET THE SMOOTHNESS BEGIN!
|
|
|
|
|
smoothScroll.call(
|
|
|
|
|
w,
|
|
|
|
|
d.body,
|
|
|
|
|
~~arguments[0].left + (w.scrollX || w.pageXOffset),
|
|
|
|
|
~~arguments[0].top + (w.scrollY || w.pageYOffset)
|
|
|
|
|
);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
// Element.prototype.scroll and Element.prototype.scrollTo
|
|
|
|
|
Element.prototype.scroll = Element.prototype.scrollTo = function() {
|
|
|
|
|
// avoid action when no arguments are passed
|
|
|
|
|
if (arguments[0] === undefined) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// avoid smooth behavior if not required
|
|
|
|
|
if (shouldBailOut(arguments[0]) === true) {
|
|
|
|
|
// if one number is passed, throw error to match Firefox implementation
|
|
|
|
|
if (typeof arguments[0] === 'number' && arguments[1] === undefined) {
|
|
|
|
|
throw new SyntaxError('Value could not be converted');
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
original.elementScroll.call(
|
|
|
|
|
this,
|
|
|
|
|
// use left prop, first number argument or fallback to scrollLeft
|
|
|
|
|
arguments[0].left !== undefined
|
|
|
|
|
? ~~arguments[0].left
|
|
|
|
|
: typeof arguments[0] !== 'object' ? ~~arguments[0] : this.scrollLeft,
|
|
|
|
|
// use top prop, second argument or fallback to scrollTop
|
|
|
|
|
arguments[0].top !== undefined
|
|
|
|
|
? ~~arguments[0].top
|
|
|
|
|
: arguments[1] !== undefined ? ~~arguments[1] : this.scrollTop
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var left = arguments[0].left;
|
|
|
|
|
var top = arguments[0].top;
|
|
|
|
|
|
|
|
|
|
// LET THE SMOOTHNESS BEGIN!
|
|
|
|
|
smoothScroll.call(
|
|
|
|
|
this,
|
|
|
|
|
this,
|
|
|
|
|
typeof left === 'undefined' ? this.scrollLeft : ~~left,
|
|
|
|
|
typeof top === 'undefined' ? this.scrollTop : ~~top
|
|
|
|
|
);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
// Element.prototype.scrollBy
|
|
|
|
|
Element.prototype.scrollBy = function() {
|
|
|
|
|
// avoid action when no arguments are passed
|
|
|
|
|
if (arguments[0] === undefined) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// avoid smooth behavior if not required
|
|
|
|
|
if (shouldBailOut(arguments[0]) === true) {
|
|
|
|
|
original.elementScroll.call(
|
|
|
|
|
this,
|
|
|
|
|
arguments[0].left !== undefined
|
|
|
|
|
? ~~arguments[0].left + this.scrollLeft
|
|
|
|
|
: ~~arguments[0] + this.scrollLeft,
|
|
|
|
|
arguments[0].top !== undefined
|
|
|
|
|
? ~~arguments[0].top + this.scrollTop
|
|
|
|
|
: ~~arguments[1] + this.scrollTop
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
this.scroll({
|
|
|
|
|
left: ~~arguments[0].left + this.scrollLeft,
|
|
|
|
|
top: ~~arguments[0].top + this.scrollTop,
|
|
|
|
|
behavior: arguments[0].behavior
|
|
|
|
|
});
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
// Element.prototype.scrollIntoView
|
|
|
|
|
Element.prototype.scrollIntoView = function() {
|
|
|
|
|
// avoid smooth behavior if not required
|
|
|
|
|
if (shouldBailOut(arguments[0]) === true) {
|
|
|
|
|
original.scrollIntoView.call(
|
|
|
|
|
this,
|
|
|
|
|
arguments[0] === undefined ? true : arguments[0]
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// LET THE SMOOTHNESS BEGIN!
|
|
|
|
|
var scrollableParent = findScrollableParent(this);
|
|
|
|
|
var parentRects = scrollableParent.getBoundingClientRect();
|
|
|
|
|
var clientRects = this.getBoundingClientRect();
|
|
|
|
|
|
|
|
|
|
if (scrollableParent !== d.body) {
|
|
|
|
|
// reveal element inside parent
|
|
|
|
|
smoothScroll.call(
|
|
|
|
|
this,
|
|
|
|
|
scrollableParent,
|
|
|
|
|
scrollableParent.scrollLeft + clientRects.left - parentRects.left,
|
|
|
|
|
scrollableParent.scrollTop + clientRects.top - parentRects.top
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
// reveal parent in viewport unless is fixed
|
|
|
|
|
if (w.getComputedStyle(scrollableParent).position !== 'fixed') {
|
|
|
|
|
w.scrollBy({
|
|
|
|
|
left: parentRects.left,
|
|
|
|
|
top: parentRects.top,
|
|
|
|
|
behavior: 'smooth'
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
} else {
|
|
|
|
|
// reveal element in viewport
|
|
|
|
|
w.scrollBy({
|
|
|
|
|
left: clientRects.left,
|
|
|
|
|
top: clientRects.top,
|
|
|
|
|
behavior: 'smooth'
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
|
// commonjs
|
|
|
|
|
module.exports = { polyfill: polyfill };
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}());
|
|
|
|
|
});
|
|
|
|
|
|
2021-10-13 15:45:31 +08:00
|
|
|
|
var __awaiter$1 = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
|
2021-04-20 18:03:26 +08:00
|
|
|
|
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
|
|
|
return new (P || (P = Promise))(function (resolve, reject) {
|
|
|
|
|
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
|
|
|
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
|
|
|
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
|
|
|
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
|
|
|
});
|
|
|
|
|
};
|
|
|
|
|
const loaders = [
|
|
|
|
|
{
|
|
|
|
|
filter: () => true,
|
2021-10-13 15:45:31 +08:00
|
|
|
|
request: (source) => __awaiter$1(void 0, void 0, void 0, function* () {
|
|
|
|
|
const result = yield axios__default["default"].get(source);
|
2021-04-20 18:03:26 +08:00
|
|
|
|
return result.data;
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
];
|
|
|
|
|
function registerDoricJSLoader(loader) {
|
|
|
|
|
loaders.push(loader);
|
|
|
|
|
}
|
|
|
|
|
function loadDoricJSBundle(source) {
|
2021-10-13 15:45:31 +08:00
|
|
|
|
return __awaiter$1(this, void 0, void 0, function* () {
|
2021-04-20 18:03:26 +08:00
|
|
|
|
const matched = loaders.filter(e => e.filter(source));
|
|
|
|
|
if (matched.length > 0) {
|
|
|
|
|
return matched[matched.length - 1].request(source);
|
|
|
|
|
}
|
|
|
|
|
throw new Error(`Cannot find matched loader for '${source}'`);
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
class DoricPlugin {
|
|
|
|
|
constructor(context) {
|
|
|
|
|
this.context = context;
|
|
|
|
|
}
|
|
|
|
|
onTearDown() {
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2021-10-13 15:45:31 +08:00
|
|
|
|
exports.LayoutSpec = void 0;
|
2021-04-20 18:03:26 +08:00
|
|
|
|
(function (LayoutSpec) {
|
|
|
|
|
LayoutSpec[LayoutSpec["EXACTLY"] = 0] = "EXACTLY";
|
|
|
|
|
LayoutSpec[LayoutSpec["WRAP_CONTENT"] = 1] = "WRAP_CONTENT";
|
|
|
|
|
LayoutSpec[LayoutSpec["AT_MOST"] = 2] = "AT_MOST";
|
|
|
|
|
})(exports.LayoutSpec || (exports.LayoutSpec = {}));
|
|
|
|
|
const SPECIFIED = 1;
|
|
|
|
|
const START = 1 << 1;
|
|
|
|
|
const END = 1 << 2;
|
|
|
|
|
const SHIFT_X = 0;
|
|
|
|
|
const SHIFT_Y = 4;
|
|
|
|
|
const LEFT = (START | SPECIFIED) << SHIFT_X;
|
|
|
|
|
const RIGHT = (END | SPECIFIED) << SHIFT_X;
|
|
|
|
|
const TOP = (START | SPECIFIED) << SHIFT_Y;
|
|
|
|
|
const BOTTOM = (END | SPECIFIED) << SHIFT_Y;
|
|
|
|
|
const CENTER_X = SPECIFIED << SHIFT_X;
|
|
|
|
|
const CENTER_Y = SPECIFIED << SHIFT_Y;
|
|
|
|
|
const CENTER = CENTER_X | CENTER_Y;
|
|
|
|
|
function toPixelString(v) {
|
|
|
|
|
return `${v}px`;
|
|
|
|
|
}
|
|
|
|
|
function pixelString2Number(v) {
|
|
|
|
|
return parseFloat(v.substring(0, v.indexOf("px")));
|
|
|
|
|
}
|
|
|
|
|
function toRGBAString(color) {
|
|
|
|
|
let strs = [];
|
|
|
|
|
for (let i = 0; i < 32; i += 8) {
|
|
|
|
|
strs.push(((color >> i) & 0xff));
|
|
|
|
|
}
|
|
|
|
|
strs = strs.reverse();
|
|
|
|
|
/// RGBAd
|
|
|
|
|
return `rgba(${strs[1]},${strs[2]},${strs[3]},${strs[0] / 255})`;
|
|
|
|
|
}
|
|
|
|
|
class DoricViewNode {
|
|
|
|
|
constructor(context) {
|
|
|
|
|
this.viewId = "";
|
|
|
|
|
this.viewType = "View";
|
|
|
|
|
this.layoutConfig = {
|
|
|
|
|
widthSpec: exports.LayoutSpec.EXACTLY,
|
|
|
|
|
heightSpec: exports.LayoutSpec.EXACTLY,
|
|
|
|
|
alignment: 0,
|
|
|
|
|
weight: 0,
|
|
|
|
|
margin: {
|
|
|
|
|
left: 0,
|
|
|
|
|
right: 0,
|
|
|
|
|
top: 0,
|
|
|
|
|
bottom: 0
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
this.padding = {
|
|
|
|
|
left: 0,
|
|
|
|
|
right: 0,
|
|
|
|
|
top: 0,
|
|
|
|
|
bottom: 0,
|
|
|
|
|
};
|
|
|
|
|
this.frameWidth = 0;
|
|
|
|
|
this.frameHeight = 0;
|
|
|
|
|
this.offsetX = 0;
|
|
|
|
|
this.offsetY = 0;
|
|
|
|
|
this._originDisplay = "";
|
|
|
|
|
this.transform = {};
|
|
|
|
|
this.context = context;
|
|
|
|
|
}
|
|
|
|
|
init(superNode) {
|
|
|
|
|
if (superNode) {
|
|
|
|
|
this.superNode = superNode;
|
|
|
|
|
if (this instanceof DoricSuperNode) {
|
|
|
|
|
this.reusable = superNode.reusable;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
this.view = this.build();
|
|
|
|
|
this._originDisplay = this.view.style.display;
|
|
|
|
|
}
|
|
|
|
|
get paddingLeft() {
|
|
|
|
|
return this.padding.left || 0;
|
|
|
|
|
}
|
|
|
|
|
get paddingRight() {
|
|
|
|
|
return this.padding.right || 0;
|
|
|
|
|
}
|
|
|
|
|
get paddingTop() {
|
|
|
|
|
return this.padding.top || 0;
|
|
|
|
|
}
|
|
|
|
|
get paddingBottom() {
|
|
|
|
|
return this.padding.bottom || 0;
|
|
|
|
|
}
|
|
|
|
|
get borderWidth() {
|
|
|
|
|
var _a;
|
|
|
|
|
return ((_a = this.border) === null || _a === void 0 ? void 0 : _a.width) || 0;
|
|
|
|
|
}
|
|
|
|
|
blend(props) {
|
|
|
|
|
this.view.id = `${this.viewId}`;
|
|
|
|
|
for (let key in props) {
|
|
|
|
|
this.blendProps(this.view, key, props[key]);
|
|
|
|
|
}
|
|
|
|
|
this.onBlending();
|
|
|
|
|
this.layout();
|
|
|
|
|
}
|
|
|
|
|
onBlending() {
|
|
|
|
|
this.updateTransform();
|
|
|
|
|
}
|
|
|
|
|
onBlended() {
|
|
|
|
|
}
|
|
|
|
|
configBorder() {
|
|
|
|
|
if (this.border) {
|
|
|
|
|
this.applyCSSStyle({
|
|
|
|
|
borderStyle: "solid",
|
|
|
|
|
borderWidth: toPixelString(this.border.width),
|
|
|
|
|
borderColor: toRGBAString(this.border.color),
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
configWidth() {
|
|
|
|
|
let width;
|
|
|
|
|
switch (this.layoutConfig.widthSpec) {
|
|
|
|
|
case exports.LayoutSpec.WRAP_CONTENT:
|
|
|
|
|
width = "max-content";
|
|
|
|
|
break;
|
|
|
|
|
case exports.LayoutSpec.AT_MOST:
|
|
|
|
|
width = "100%";
|
|
|
|
|
break;
|
|
|
|
|
case exports.LayoutSpec.EXACTLY:
|
|
|
|
|
default:
|
|
|
|
|
width = toPixelString(this.frameWidth
|
|
|
|
|
- this.paddingLeft - this.paddingRight
|
|
|
|
|
- this.borderWidth * 2);
|
|
|
|
|
break;
|
|
|
|
|
}
|
|
|
|
|
this.applyCSSStyle({ width });
|
|
|
|
|
}
|
|
|
|
|
configHeight() {
|
|
|
|
|
let height;
|
|
|
|
|
switch (this.layoutConfig.heightSpec) {
|
|
|
|
|
case exports.LayoutSpec.WRAP_CONTENT:
|
|
|
|
|
height = "max-content";
|
|
|
|
|
break;
|
|
|
|
|
case exports.LayoutSpec.AT_MOST:
|
|
|
|
|
height = "100%";
|
|
|
|
|
break;
|
|
|
|
|
case exports.LayoutSpec.EXACTLY:
|
|
|
|
|
default:
|
|
|
|
|
height = toPixelString(this.frameHeight
|
|
|
|
|
- this.paddingTop - this.paddingBottom
|
|
|
|
|
- this.borderWidth * 2);
|
|
|
|
|
break;
|
|
|
|
|
}
|
|
|
|
|
this.applyCSSStyle({ height });
|
|
|
|
|
}
|
|
|
|
|
configMargin() {
|
|
|
|
|
if (this.layoutConfig.margin) {
|
|
|
|
|
this.applyCSSStyle({
|
|
|
|
|
marginLeft: toPixelString(this.layoutConfig.margin.left || 0),
|
|
|
|
|
marginRight: toPixelString(this.layoutConfig.margin.right || 0),
|
|
|
|
|
marginTop: toPixelString(this.layoutConfig.margin.top || 0),
|
|
|
|
|
marginBottom: toPixelString(this.layoutConfig.margin.bottom || 0),
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
configPadding() {
|
|
|
|
|
if (this.padding) {
|
|
|
|
|
this.applyCSSStyle({
|
|
|
|
|
paddingLeft: toPixelString(this.paddingLeft),
|
|
|
|
|
paddingRight: toPixelString(this.paddingRight),
|
|
|
|
|
paddingTop: toPixelString(this.paddingTop),
|
|
|
|
|
paddingBottom: toPixelString(this.paddingBottom),
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
layout() {
|
|
|
|
|
this.configMargin();
|
|
|
|
|
this.configBorder();
|
|
|
|
|
this.configPadding();
|
|
|
|
|
this.configWidth();
|
|
|
|
|
this.configHeight();
|
|
|
|
|
}
|
|
|
|
|
blendProps(v, propName, prop) {
|
|
|
|
|
switch (propName) {
|
|
|
|
|
case "border":
|
|
|
|
|
this.border = prop;
|
|
|
|
|
break;
|
|
|
|
|
case "padding":
|
|
|
|
|
this.padding = prop;
|
|
|
|
|
break;
|
|
|
|
|
case 'width':
|
|
|
|
|
this.frameWidth = prop;
|
|
|
|
|
break;
|
|
|
|
|
case 'height':
|
|
|
|
|
this.frameHeight = prop;
|
|
|
|
|
break;
|
|
|
|
|
case 'backgroundColor':
|
|
|
|
|
this.backgroundColor = prop;
|
|
|
|
|
break;
|
|
|
|
|
case 'layoutConfig':
|
|
|
|
|
const layoutConfig = prop;
|
|
|
|
|
for (let key in layoutConfig) {
|
|
|
|
|
Reflect.set(this.layoutConfig, key, Reflect.get(layoutConfig, key, layoutConfig));
|
|
|
|
|
}
|
|
|
|
|
break;
|
|
|
|
|
case 'x':
|
|
|
|
|
this.offsetX = prop;
|
|
|
|
|
break;
|
|
|
|
|
case 'y':
|
|
|
|
|
this.offsetY = prop;
|
|
|
|
|
break;
|
|
|
|
|
case 'onClick':
|
|
|
|
|
this.view.onclick = (event) => {
|
|
|
|
|
this.callJSResponse(prop);
|
|
|
|
|
event.stopPropagation();
|
|
|
|
|
};
|
|
|
|
|
break;
|
|
|
|
|
case 'corners':
|
|
|
|
|
if (typeof prop === 'object') {
|
|
|
|
|
this.applyCSSStyle({
|
|
|
|
|
borderTopLeftRadius: toPixelString(prop.leftTop),
|
|
|
|
|
borderTopRightRadius: toPixelString(prop.rightTop),
|
|
|
|
|
borderBottomRightRadius: toPixelString(prop.rightBottom),
|
|
|
|
|
borderBottomLeftRadius: toPixelString(prop.leftBottom),
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
this.applyCSSStyle({ borderRadius: toPixelString(prop) });
|
|
|
|
|
}
|
|
|
|
|
break;
|
|
|
|
|
case 'shadow':
|
|
|
|
|
const opacity = prop.opacity || 0;
|
|
|
|
|
let boxShadow;
|
|
|
|
|
if (opacity > 0) {
|
|
|
|
|
const offsetX = prop.offsetX || 0;
|
|
|
|
|
const offsetY = prop.offsetY || 0;
|
|
|
|
|
const shadowColor = prop.color || 0xff000000;
|
|
|
|
|
const shadowRadius = prop.radius;
|
|
|
|
|
const alpha = opacity * 255;
|
|
|
|
|
boxShadow = `${toPixelString(offsetX)} ${toPixelString(offsetY)} ${toPixelString(shadowRadius)} ${toRGBAString((shadowColor & 0xffffff) | ((alpha & 0xff) << 24))} `;
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
boxShadow = "";
|
|
|
|
|
}
|
|
|
|
|
this.applyCSSStyle({
|
|
|
|
|
boxShadow,
|
|
|
|
|
});
|
|
|
|
|
break;
|
|
|
|
|
case 'alpha':
|
|
|
|
|
this.applyCSSStyle({
|
|
|
|
|
opacity: `${prop}`,
|
|
|
|
|
});
|
|
|
|
|
break;
|
|
|
|
|
case 'rotation':
|
|
|
|
|
this.transform.rotation = prop;
|
|
|
|
|
break;
|
|
|
|
|
case 'rotationX':
|
|
|
|
|
this.transform.rotationX = prop;
|
|
|
|
|
break;
|
|
|
|
|
case 'rotationY':
|
|
|
|
|
this.transform.rotationY = prop;
|
|
|
|
|
break;
|
|
|
|
|
case 'scaleX':
|
|
|
|
|
this.transform.scaleX = prop;
|
|
|
|
|
break;
|
|
|
|
|
case 'scaleY':
|
|
|
|
|
this.transform.scaleY = prop;
|
|
|
|
|
break;
|
|
|
|
|
case 'translationX':
|
|
|
|
|
this.transform.translateX = prop;
|
|
|
|
|
break;
|
|
|
|
|
case 'translationY':
|
|
|
|
|
this.transform.translateY = prop;
|
|
|
|
|
break;
|
|
|
|
|
case 'pivotX':
|
|
|
|
|
if (this.transformOrigin) {
|
|
|
|
|
this.transformOrigin.x = prop;
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
this.transformOrigin = {
|
|
|
|
|
x: prop,
|
|
|
|
|
y: 0.5,
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
break;
|
|
|
|
|
case 'pivotY':
|
|
|
|
|
if (this.transformOrigin) {
|
|
|
|
|
this.transformOrigin.y = prop;
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
this.transformOrigin = {
|
|
|
|
|
x: 0.5,
|
|
|
|
|
y: prop,
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
break;
|
|
|
|
|
case 'hidden':
|
|
|
|
|
this.applyCSSStyle({
|
|
|
|
|
display: prop === true ? "none" : this._originDisplay
|
|
|
|
|
});
|
|
|
|
|
break;
|
|
|
|
|
default:
|
|
|
|
|
console.error(`Cannot blend prop for ${propName}`);
|
|
|
|
|
break;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
set backgroundColor(v) {
|
|
|
|
|
this.applyCSSStyle({ backgroundColor: toRGBAString(v) });
|
|
|
|
|
}
|
|
|
|
|
static create(context, type) {
|
|
|
|
|
const viewNodeClass = acquireViewNode(type);
|
|
|
|
|
if (viewNodeClass === undefined) {
|
|
|
|
|
console.error(`Cannot find ViewNode for ${type}`);
|
|
|
|
|
return undefined;
|
|
|
|
|
}
|
|
|
|
|
const ret = new viewNodeClass(context);
|
|
|
|
|
ret.viewType = type;
|
|
|
|
|
return ret;
|
|
|
|
|
}
|
|
|
|
|
getIdList() {
|
|
|
|
|
const ids = [];
|
|
|
|
|
let viewNode = this;
|
|
|
|
|
do {
|
|
|
|
|
ids.push(viewNode.viewId);
|
|
|
|
|
viewNode = viewNode.superNode;
|
|
|
|
|
} while (viewNode);
|
|
|
|
|
return ids.reverse();
|
|
|
|
|
}
|
|
|
|
|
callJSResponse(funcId, ...args) {
|
|
|
|
|
const argumentsList = ['__response__', this.getIdList(), funcId];
|
|
|
|
|
for (let i = 1; i < arguments.length; i++) {
|
|
|
|
|
argumentsList.push(arguments[i]);
|
|
|
|
|
}
|
|
|
|
|
return Reflect.apply(this.context.invokeEntityMethod, this.context, argumentsList);
|
|
|
|
|
}
|
|
|
|
|
pureCallJSResponse(funcId, ...args) {
|
|
|
|
|
const argumentsList = ['__response__', this.getIdList(), funcId];
|
|
|
|
|
for (let i = 1; i < arguments.length; i++) {
|
|
|
|
|
argumentsList.push(arguments[i]);
|
|
|
|
|
}
|
|
|
|
|
return Reflect.apply(this.context.pureInvokeEntityMethod, this.context, argumentsList);
|
|
|
|
|
}
|
|
|
|
|
updateTransform() {
|
|
|
|
|
this.applyCSSStyle({
|
|
|
|
|
transform: Object.entries(this.transform).filter((e) => !!e[1]).map((e) => {
|
|
|
|
|
const v = e[1] || 0;
|
|
|
|
|
switch (e[0]) {
|
|
|
|
|
case "translateX":
|
|
|
|
|
return `translateX(${v}px)`;
|
|
|
|
|
case "scaleX":
|
|
|
|
|
return `scaleX(${v})`;
|
|
|
|
|
case "scaleY":
|
|
|
|
|
return `scaleY(${v})`;
|
|
|
|
|
case "rotation":
|
|
|
|
|
return `rotate(${v / 2}turn)`;
|
|
|
|
|
case "rotationX":
|
|
|
|
|
return `rotateX(${v / 2}turn)`;
|
|
|
|
|
case "rotationY":
|
|
|
|
|
return `rotateY(${v / 2}turn)`;
|
|
|
|
|
default:
|
|
|
|
|
console.error(`Do not support transform ${e[0]}`);
|
|
|
|
|
return "";
|
|
|
|
|
}
|
|
|
|
|
}).join(" ")
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
updateTransformOrigin() {
|
|
|
|
|
if (this.transformOrigin) {
|
|
|
|
|
this.applyCSSStyle({
|
|
|
|
|
transformOrigin: `${Math.round(this.transformOrigin.x * 100)}% ${Math.round(this.transformOrigin.y * 100)}%`
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
applyCSSStyle(cssStyle) {
|
|
|
|
|
if (this.context.inAnimation()) {
|
|
|
|
|
this.context.addAnimation(this, cssStyle);
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
for (let v in cssStyle) {
|
|
|
|
|
Reflect.set(this.view.style, v, cssStyle[v]);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
/** ++++++++++call from doric ++++++++++*/
|
|
|
|
|
getWidth() {
|
|
|
|
|
return this.view.offsetWidth;
|
|
|
|
|
}
|
|
|
|
|
getHeight() {
|
|
|
|
|
return this.view.offsetHeight;
|
|
|
|
|
}
|
|
|
|
|
setWidth(v) {
|
|
|
|
|
this.view.style.width = toPixelString(v);
|
|
|
|
|
}
|
|
|
|
|
setHeight(v) {
|
|
|
|
|
this.view.style.height = toPixelString(v);
|
|
|
|
|
}
|
|
|
|
|
getX() {
|
|
|
|
|
return this.view.offsetLeft;
|
|
|
|
|
}
|
|
|
|
|
getY() {
|
|
|
|
|
return this.view.offsetTop;
|
|
|
|
|
}
|
|
|
|
|
setX(v) {
|
|
|
|
|
this.view.style.left = toPixelString(v);
|
|
|
|
|
}
|
|
|
|
|
setY(v) {
|
|
|
|
|
this.view.style.top = toPixelString(v);
|
|
|
|
|
}
|
|
|
|
|
getBackgroundColor() {
|
|
|
|
|
return this.view.style.backgroundColor;
|
|
|
|
|
}
|
|
|
|
|
setBackgroundColor(v) {
|
|
|
|
|
this.backgroundColor = v;
|
|
|
|
|
}
|
|
|
|
|
getAlpha() {
|
|
|
|
|
return parseFloat(this.view.style.opacity);
|
|
|
|
|
}
|
|
|
|
|
setAlpha(v) {
|
|
|
|
|
this.view.style.opacity = `${v}`;
|
|
|
|
|
}
|
|
|
|
|
getCorners() {
|
|
|
|
|
return parseFloat(this.view.style.borderRadius);
|
|
|
|
|
}
|
|
|
|
|
setCorners(v) {
|
|
|
|
|
this.view.style.borderRadius = toPixelString(v);
|
|
|
|
|
}
|
|
|
|
|
getLocationOnScreen() {
|
|
|
|
|
const rect = this.view.getClientRects()[0];
|
|
|
|
|
return {
|
|
|
|
|
x: rect.left,
|
|
|
|
|
y: rect.top,
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
getRotation() {
|
|
|
|
|
return this.transform.rotation;
|
|
|
|
|
}
|
|
|
|
|
setRotation(v) {
|
|
|
|
|
this.transform.rotation = v;
|
|
|
|
|
this.updateTransform();
|
|
|
|
|
}
|
|
|
|
|
getRotationX() {
|
|
|
|
|
return this.transform.rotationX;
|
|
|
|
|
}
|
|
|
|
|
setRotationX(v) {
|
|
|
|
|
this.transform.rotationX = v;
|
|
|
|
|
this.updateTransform();
|
|
|
|
|
}
|
|
|
|
|
getRotationY() {
|
|
|
|
|
return this.transform.rotationY;
|
|
|
|
|
}
|
|
|
|
|
setRotationY(v) {
|
|
|
|
|
this.transform.rotationY = v;
|
|
|
|
|
this.updateTransform();
|
|
|
|
|
}
|
|
|
|
|
getTranslationX() {
|
|
|
|
|
return this.transform.translateX;
|
|
|
|
|
}
|
|
|
|
|
setTranslationX(v) {
|
|
|
|
|
this.transform.translateX = v;
|
|
|
|
|
this.updateTransform();
|
|
|
|
|
}
|
|
|
|
|
getTranslationY() {
|
|
|
|
|
return this.transform.translateY;
|
|
|
|
|
}
|
|
|
|
|
setTranslationY(v) {
|
|
|
|
|
this.transform.translateY = v;
|
|
|
|
|
this.updateTransform();
|
|
|
|
|
}
|
|
|
|
|
getScaleX() {
|
|
|
|
|
return this.transform.scaleX;
|
|
|
|
|
}
|
|
|
|
|
setScaleX(v) {
|
|
|
|
|
this.transform.scaleX = v;
|
|
|
|
|
this.updateTransform();
|
|
|
|
|
}
|
|
|
|
|
getScaleY() {
|
|
|
|
|
return this.transform.scaleY;
|
|
|
|
|
}
|
|
|
|
|
setScaleY(v) {
|
|
|
|
|
this.transform.scaleY = v;
|
|
|
|
|
this.updateTransform();
|
|
|
|
|
}
|
|
|
|
|
getPivotX() {
|
|
|
|
|
var _a;
|
|
|
|
|
return ((_a = this.transformOrigin) === null || _a === void 0 ? void 0 : _a.x) || 0.5;
|
|
|
|
|
}
|
|
|
|
|
setPivotX(v) {
|
|
|
|
|
if (this.transformOrigin) {
|
|
|
|
|
this.transformOrigin.x = v;
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
this.transformOrigin = {
|
|
|
|
|
x: v,
|
|
|
|
|
y: 0.5,
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
this.updateTransform();
|
|
|
|
|
}
|
|
|
|
|
getPivotY() {
|
|
|
|
|
var _a;
|
|
|
|
|
return ((_a = this.transformOrigin) === null || _a === void 0 ? void 0 : _a.y) || 0.5;
|
|
|
|
|
}
|
|
|
|
|
setPivotY(v) {
|
|
|
|
|
if (this.transformOrigin) {
|
|
|
|
|
this.transformOrigin.y = v;
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
this.transformOrigin = {
|
|
|
|
|
x: 0.5,
|
|
|
|
|
y: v,
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
this.updateTransform();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
class DoricSuperNode extends DoricViewNode {
|
|
|
|
|
constructor() {
|
|
|
|
|
super(...arguments);
|
|
|
|
|
this.reusable = false;
|
|
|
|
|
this.subModels = new Map;
|
|
|
|
|
}
|
|
|
|
|
blendProps(v, propName, prop) {
|
|
|
|
|
if (propName === 'subviews') {
|
|
|
|
|
if (prop instanceof Array) {
|
|
|
|
|
prop.forEach((e) => {
|
|
|
|
|
this.mixinSubModel(e);
|
|
|
|
|
this.blendSubNode(e);
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
super.blendProps(v, propName, prop);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
mixinSubModel(subNode) {
|
|
|
|
|
const oldValue = this.getSubModel(subNode.id);
|
|
|
|
|
if (oldValue) {
|
|
|
|
|
this.mixin(subNode, oldValue);
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
this.subModels.set(subNode.id, subNode);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
getSubModel(id) {
|
|
|
|
|
return this.subModels.get(id);
|
|
|
|
|
}
|
|
|
|
|
mixin(src, target) {
|
|
|
|
|
for (let key in src.props) {
|
|
|
|
|
if (key === "subviews") {
|
|
|
|
|
continue;
|
|
|
|
|
}
|
|
|
|
|
Reflect.set(target.props, key, Reflect.get(src.props, key));
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
clearSubModels() {
|
|
|
|
|
this.subModels.clear();
|
|
|
|
|
}
|
|
|
|
|
removeSubModel(id) {
|
|
|
|
|
this.subModels.delete(id);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
class DoricGroupViewNode extends DoricSuperNode {
|
|
|
|
|
constructor() {
|
|
|
|
|
super(...arguments);
|
|
|
|
|
this.childNodes = [];
|
|
|
|
|
this.childViewIds = [];
|
|
|
|
|
}
|
|
|
|
|
init(superNode) {
|
|
|
|
|
super.init(superNode);
|
|
|
|
|
this.view.style.overflow = "hidden";
|
|
|
|
|
}
|
|
|
|
|
blendProps(v, propName, prop) {
|
|
|
|
|
if (propName === 'children') {
|
|
|
|
|
if (prop instanceof Array) {
|
|
|
|
|
this.childViewIds = prop;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
super.blendProps(v, propName, prop);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
blend(props) {
|
|
|
|
|
super.blend(props);
|
|
|
|
|
}
|
|
|
|
|
onBlending() {
|
|
|
|
|
super.onBlending();
|
|
|
|
|
this.configChildNode();
|
|
|
|
|
}
|
|
|
|
|
onBlended() {
|
|
|
|
|
super.onBlended();
|
|
|
|
|
this.childNodes.forEach(e => e.onBlended());
|
|
|
|
|
}
|
|
|
|
|
configChildNode() {
|
|
|
|
|
this.childViewIds.forEach((childViewId, index) => {
|
|
|
|
|
const model = this.getSubModel(childViewId);
|
|
|
|
|
if (model === undefined) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
if (index < this.childNodes.length) {
|
|
|
|
|
const oldNode = this.childNodes[index];
|
|
|
|
|
if (oldNode.viewId === childViewId) ;
|
|
|
|
|
else {
|
|
|
|
|
if (this.reusable) {
|
|
|
|
|
if (oldNode.viewType === model.type) {
|
|
|
|
|
//Same type,can be reused
|
|
|
|
|
oldNode.viewId = childViewId;
|
|
|
|
|
oldNode.blend(model.props);
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
//Replace this view
|
|
|
|
|
this.view.removeChild(oldNode.view);
|
|
|
|
|
const newNode = DoricViewNode.create(this.context, model.type);
|
|
|
|
|
if (newNode === undefined) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
newNode.viewId = childViewId;
|
|
|
|
|
newNode.init(this);
|
|
|
|
|
newNode.blend(model.props);
|
|
|
|
|
this.childNodes[index] = newNode;
|
|
|
|
|
this.view.replaceChild(newNode.view, oldNode.view);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
//Find in remain nodes
|
|
|
|
|
let position = -1;
|
|
|
|
|
for (let start = index + 1; start < this.childNodes.length; start++) {
|
|
|
|
|
if (childViewId === this.childNodes[start].viewId) {
|
|
|
|
|
//Found
|
|
|
|
|
position = start;
|
|
|
|
|
break;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
if (position >= 0) {
|
|
|
|
|
//Found swap idx,position
|
|
|
|
|
const reused = this.childNodes[position];
|
|
|
|
|
const abandoned = this.childNodes[index];
|
|
|
|
|
this.childNodes[index] = reused;
|
|
|
|
|
this.childNodes[position] = abandoned;
|
|
|
|
|
this.view.removeChild(reused.view);
|
|
|
|
|
this.view.insertBefore(reused.view, abandoned.view);
|
|
|
|
|
this.view.removeChild(abandoned.view);
|
|
|
|
|
if (position === this.view.childElementCount - 1) {
|
|
|
|
|
this.view.appendChild(abandoned.view);
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
this.view.insertBefore(abandoned.view, this.view.children[position]);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
//Not found,insert
|
|
|
|
|
const newNode = DoricViewNode.create(this.context, model.type);
|
|
|
|
|
if (newNode === undefined) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
newNode.viewId = childViewId;
|
|
|
|
|
newNode.init(this);
|
|
|
|
|
newNode.blend(model.props);
|
|
|
|
|
this.childNodes[index] = newNode;
|
|
|
|
|
this.view.insertBefore(newNode.view, this.view.children[index]);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
//Insert
|
|
|
|
|
const newNode = DoricViewNode.create(this.context, model.type);
|
|
|
|
|
if (newNode === undefined) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
newNode.viewId = childViewId;
|
|
|
|
|
newNode.init(this);
|
|
|
|
|
newNode.blend(model.props);
|
|
|
|
|
this.childNodes.push(newNode);
|
|
|
|
|
this.view.appendChild(newNode.view);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
let size = this.childNodes.length;
|
|
|
|
|
for (let idx = this.childViewIds.length; idx < size; idx++) {
|
|
|
|
|
this.view.removeChild(this.childNodes[idx].view);
|
|
|
|
|
}
|
|
|
|
|
this.childNodes = this.childNodes.slice(0, this.childViewIds.length);
|
|
|
|
|
}
|
|
|
|
|
blendSubNode(model) {
|
|
|
|
|
var _a;
|
|
|
|
|
(_a = this.getSubNodeById(model.id)) === null || _a === void 0 ? void 0 : _a.blend(model.props);
|
|
|
|
|
}
|
|
|
|
|
getSubNodeById(viewId) {
|
|
|
|
|
return this.childNodes.filter(e => e.viewId === viewId)[0];
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
class ShaderPlugin extends DoricPlugin {
|
|
|
|
|
render(ret) {
|
|
|
|
|
var _a;
|
|
|
|
|
if (((_a = this.context.rootNode.viewId) === null || _a === void 0 ? void 0 : _a.length) > 0) {
|
|
|
|
|
const viewNode = this.context.targetViewNode(ret.id);
|
|
|
|
|
viewNode === null || viewNode === void 0 ? void 0 : viewNode.blend(ret.props);
|
|
|
|
|
viewNode === null || viewNode === void 0 ? void 0 : viewNode.onBlended();
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
this.context.rootNode.viewId = ret.id;
|
|
|
|
|
this.context.rootNode.blend(ret.props);
|
|
|
|
|
this.context.rootNode.onBlended();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
command(options) {
|
|
|
|
|
let viewNode = undefined;
|
|
|
|
|
for (let viewId of options.viewIds) {
|
|
|
|
|
if (!viewNode) {
|
|
|
|
|
viewNode = this.context.targetViewNode(viewId);
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
if (viewNode instanceof DoricSuperNode) {
|
|
|
|
|
viewNode = viewNode.getSubNodeById(viewId);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
if (!viewNode) {
|
|
|
|
|
return Promise.reject("Cannot find opposite view");
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
const target = viewNode;
|
|
|
|
|
return new Promise((resolve, reject) => {
|
|
|
|
|
try {
|
|
|
|
|
const method = Reflect.get(target, options.name);
|
|
|
|
|
if (!method) {
|
|
|
|
|
reject(`"Cannot find plugin method in class:${target},method:${options.name}"`);
|
|
|
|
|
}
|
|
|
|
|
resolve(Reflect.apply(method, target, [options.args]));
|
|
|
|
|
}
|
|
|
|
|
catch (err) {
|
|
|
|
|
reject(err);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
class DoricStackNode extends DoricGroupViewNode {
|
|
|
|
|
build() {
|
|
|
|
|
const ret = document.createElement('div');
|
|
|
|
|
ret.style.position = "relative";
|
|
|
|
|
return ret;
|
|
|
|
|
}
|
|
|
|
|
layout() {
|
|
|
|
|
super.layout();
|
|
|
|
|
Promise.resolve().then(_ => {
|
|
|
|
|
this.configSize();
|
|
|
|
|
this.configOffset();
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
configSize() {
|
|
|
|
|
if (this.layoutConfig.widthSpec === exports.LayoutSpec.WRAP_CONTENT) {
|
|
|
|
|
const width = this.childNodes.reduce((prev, current) => {
|
|
|
|
|
const computedStyle = window.getComputedStyle(current.view);
|
|
|
|
|
return Math.max(prev, current.view.offsetWidth
|
|
|
|
|
+ pixelString2Number(computedStyle.marginLeft)
|
|
|
|
|
+ pixelString2Number(computedStyle.marginRight));
|
|
|
|
|
}, 0);
|
|
|
|
|
this.view.style.width = toPixelString(width);
|
|
|
|
|
}
|
|
|
|
|
if (this.layoutConfig.heightSpec === exports.LayoutSpec.WRAP_CONTENT) {
|
|
|
|
|
const height = this.childNodes.reduce((prev, current) => {
|
|
|
|
|
const computedStyle = window.getComputedStyle(current.view);
|
|
|
|
|
return Math.max(prev, current.view.offsetHeight
|
|
|
|
|
+ pixelString2Number(computedStyle.marginTop)
|
|
|
|
|
+ pixelString2Number(computedStyle.marginBottom));
|
|
|
|
|
}, 0);
|
|
|
|
|
this.view.style.height = toPixelString(height);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
configOffset() {
|
|
|
|
|
this.childNodes.forEach(e => {
|
|
|
|
|
const position = "absolute";
|
|
|
|
|
let left = toPixelString(e.offsetX + this.paddingLeft);
|
|
|
|
|
let top = toPixelString(e.offsetY + this.paddingTop);
|
|
|
|
|
const gravity = e.layoutConfig.alignment;
|
|
|
|
|
if ((gravity & LEFT) === LEFT) {
|
|
|
|
|
left = toPixelString(0);
|
|
|
|
|
}
|
|
|
|
|
else if ((gravity & RIGHT) === RIGHT) {
|
|
|
|
|
left = toPixelString(this.view.offsetWidth - e.view.offsetWidth);
|
|
|
|
|
}
|
|
|
|
|
else if ((gravity & CENTER_X) === CENTER_X) {
|
|
|
|
|
left = toPixelString(this.view.offsetWidth / 2 - e.view.offsetWidth / 2);
|
|
|
|
|
}
|
|
|
|
|
if ((gravity & TOP) === TOP) {
|
|
|
|
|
top = toPixelString(0);
|
|
|
|
|
}
|
|
|
|
|
else if ((gravity & BOTTOM) === BOTTOM) {
|
|
|
|
|
top = toPixelString(this.view.offsetHeight - e.view.offsetHeight);
|
|
|
|
|
}
|
|
|
|
|
else if ((gravity & CENTER_Y) === CENTER_Y) {
|
|
|
|
|
top = toPixelString(this.view.offsetHeight / 2 - e.view.offsetHeight / 2);
|
|
|
|
|
}
|
|
|
|
|
e.applyCSSStyle({
|
|
|
|
|
position,
|
|
|
|
|
left,
|
|
|
|
|
top,
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
class DoricVLayoutNode extends DoricGroupViewNode {
|
|
|
|
|
constructor() {
|
|
|
|
|
super(...arguments);
|
|
|
|
|
this.space = 0;
|
|
|
|
|
this.gravity = 0;
|
|
|
|
|
}
|
|
|
|
|
build() {
|
|
|
|
|
const ret = document.createElement('div');
|
|
|
|
|
ret.style.display = "flex";
|
|
|
|
|
ret.style.flexDirection = "column";
|
|
|
|
|
ret.style.flexWrap = "nowrap";
|
|
|
|
|
return ret;
|
|
|
|
|
}
|
|
|
|
|
blendProps(v, propName, prop) {
|
|
|
|
|
if (propName === 'space') {
|
|
|
|
|
this.space = prop;
|
|
|
|
|
}
|
|
|
|
|
else if (propName === 'gravity') {
|
|
|
|
|
this.gravity = prop;
|
|
|
|
|
if ((this.gravity & LEFT) === LEFT) {
|
|
|
|
|
this.view.style.alignItems = "flex-start";
|
|
|
|
|
}
|
|
|
|
|
else if ((this.gravity & RIGHT) === RIGHT) {
|
|
|
|
|
this.view.style.alignItems = "flex-end";
|
|
|
|
|
}
|
|
|
|
|
else if ((this.gravity & CENTER_X) === CENTER_X) {
|
|
|
|
|
this.view.style.alignItems = "center";
|
|
|
|
|
}
|
|
|
|
|
if ((this.gravity & TOP) === TOP) {
|
|
|
|
|
this.view.style.justifyContent = "flex-start";
|
|
|
|
|
}
|
|
|
|
|
else if ((this.gravity & BOTTOM) === BOTTOM) {
|
|
|
|
|
this.view.style.justifyContent = "flex-end";
|
|
|
|
|
}
|
|
|
|
|
else if ((this.gravity & CENTER_Y) === CENTER_Y) {
|
|
|
|
|
this.view.style.justifyContent = "center";
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
super.blendProps(v, propName, prop);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
layout() {
|
|
|
|
|
super.layout();
|
|
|
|
|
this.childNodes.forEach((e, idx) => {
|
|
|
|
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
|
|
|
e.view.style.flexShrink = "0";
|
|
|
|
|
if ((_a = e.layoutConfig) === null || _a === void 0 ? void 0 : _a.weight) {
|
|
|
|
|
e.view.style.flex = `${(_b = e.layoutConfig) === null || _b === void 0 ? void 0 : _b.weight}`;
|
|
|
|
|
}
|
|
|
|
|
e.view.style.marginTop = toPixelString(((_d = (_c = e.layoutConfig) === null || _c === void 0 ? void 0 : _c.margin) === null || _d === void 0 ? void 0 : _d.top) || 0);
|
|
|
|
|
e.view.style.marginBottom = toPixelString((idx === this.childNodes.length - 1) ? 0 : this.space
|
|
|
|
|
+ (((_f = (_e = e.layoutConfig) === null || _e === void 0 ? void 0 : _e.margin) === null || _f === void 0 ? void 0 : _f.bottom) || 0));
|
|
|
|
|
e.view.style.marginLeft = toPixelString(((_h = (_g = e.layoutConfig) === null || _g === void 0 ? void 0 : _g.margin) === null || _h === void 0 ? void 0 : _h.left) || 0);
|
|
|
|
|
e.view.style.marginRight = toPixelString(((_k = (_j = e.layoutConfig) === null || _j === void 0 ? void 0 : _j.margin) === null || _k === void 0 ? void 0 : _k.right) || 0);
|
|
|
|
|
if ((e.layoutConfig.alignment & LEFT) === LEFT) {
|
|
|
|
|
e.view.style.alignSelf = "flex-start";
|
|
|
|
|
}
|
|
|
|
|
else if ((e.layoutConfig.alignment & RIGHT) === RIGHT) {
|
|
|
|
|
e.view.style.alignSelf = "flex-end";
|
|
|
|
|
}
|
|
|
|
|
else if ((e.layoutConfig.alignment & CENTER_X) === CENTER_X) {
|
|
|
|
|
e.view.style.alignSelf = "center";
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
class DoricHLayoutNode extends DoricGroupViewNode {
|
|
|
|
|
constructor() {
|
|
|
|
|
super(...arguments);
|
|
|
|
|
this.space = 0;
|
|
|
|
|
this.gravity = 0;
|
|
|
|
|
}
|
|
|
|
|
build() {
|
|
|
|
|
const ret = document.createElement('div');
|
|
|
|
|
ret.style.display = "flex";
|
|
|
|
|
ret.style.flexDirection = "row";
|
|
|
|
|
ret.style.flexWrap = "nowrap";
|
|
|
|
|
return ret;
|
|
|
|
|
}
|
|
|
|
|
blendProps(v, propName, prop) {
|
|
|
|
|
if (propName === 'space') {
|
|
|
|
|
this.space = prop;
|
|
|
|
|
}
|
|
|
|
|
else if (propName === 'gravity') {
|
|
|
|
|
this.gravity = prop;
|
|
|
|
|
this.gravity = prop;
|
|
|
|
|
if ((this.gravity & LEFT) === LEFT) {
|
|
|
|
|
this.view.style.justifyContent = "flex-start";
|
|
|
|
|
}
|
|
|
|
|
else if ((this.gravity & RIGHT) === RIGHT) {
|
|
|
|
|
this.view.style.justifyContent = "flex-end";
|
|
|
|
|
}
|
|
|
|
|
else if ((this.gravity & CENTER_X) === CENTER_X) {
|
|
|
|
|
this.view.style.justifyContent = "center";
|
|
|
|
|
}
|
|
|
|
|
if ((this.gravity & TOP) === TOP) {
|
|
|
|
|
this.view.style.alignItems = "flex-start";
|
|
|
|
|
}
|
|
|
|
|
else if ((this.gravity & BOTTOM) === BOTTOM) {
|
|
|
|
|
this.view.style.alignItems = "flex-end";
|
|
|
|
|
}
|
|
|
|
|
else if ((this.gravity & CENTER_Y) === CENTER_Y) {
|
|
|
|
|
this.view.style.alignItems = "center";
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
super.blendProps(v, propName, prop);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
layout() {
|
|
|
|
|
super.layout();
|
|
|
|
|
this.childNodes.forEach((e, idx) => {
|
|
|
|
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
|
|
|
e.view.style.flexShrink = "0";
|
|
|
|
|
if ((_a = e.layoutConfig) === null || _a === void 0 ? void 0 : _a.weight) {
|
|
|
|
|
e.view.style.flex = `${(_b = e.layoutConfig) === null || _b === void 0 ? void 0 : _b.weight}`;
|
|
|
|
|
}
|
|
|
|
|
e.view.style.marginLeft = toPixelString(((_d = (_c = e.layoutConfig) === null || _c === void 0 ? void 0 : _c.margin) === null || _d === void 0 ? void 0 : _d.left) || 0);
|
|
|
|
|
e.view.style.marginRight = toPixelString((idx === this.childNodes.length - 1) ? 0 : this.space
|
|
|
|
|
+ (((_f = (_e = e.layoutConfig) === null || _e === void 0 ? void 0 : _e.margin) === null || _f === void 0 ? void 0 : _f.right) || 0));
|
|
|
|
|
e.view.style.marginTop = toPixelString(((_h = (_g = e.layoutConfig) === null || _g === void 0 ? void 0 : _g.margin) === null || _h === void 0 ? void 0 : _h.top) || 0);
|
|
|
|
|
e.view.style.marginBottom = toPixelString(((_k = (_j = e.layoutConfig) === null || _j === void 0 ? void 0 : _j.margin) === null || _k === void 0 ? void 0 : _k.bottom) || 0);
|
|
|
|
|
if ((e.layoutConfig.alignment & TOP) === TOP) {
|
|
|
|
|
e.view.style.alignSelf = "flex-start";
|
|
|
|
|
}
|
|
|
|
|
else if ((e.layoutConfig.alignment & BOTTOM) === BOTTOM) {
|
|
|
|
|
e.view.style.alignSelf = "flex-end";
|
|
|
|
|
}
|
|
|
|
|
else if ((e.layoutConfig.alignment & CENTER_Y) === CENTER_Y) {
|
|
|
|
|
e.view.style.alignSelf = "center";
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
class DoricTextNode extends DoricViewNode {
|
|
|
|
|
build() {
|
|
|
|
|
const div = document.createElement('div');
|
|
|
|
|
div.style.display = "flex";
|
|
|
|
|
this.textElement = document.createElement('span');
|
|
|
|
|
div.appendChild(this.textElement);
|
|
|
|
|
div.style.justifyContent = "center";
|
|
|
|
|
div.style.alignItems = "center";
|
|
|
|
|
return div;
|
|
|
|
|
}
|
|
|
|
|
blendProps(v, propName, prop) {
|
|
|
|
|
switch (propName) {
|
|
|
|
|
case 'text':
|
|
|
|
|
this.textElement.innerText = prop;
|
|
|
|
|
break;
|
|
|
|
|
case 'textSize':
|
|
|
|
|
v.style.fontSize = toPixelString(prop);
|
|
|
|
|
break;
|
|
|
|
|
case 'textColor':
|
|
|
|
|
v.style.color = toRGBAString(prop);
|
|
|
|
|
break;
|
|
|
|
|
case 'textAlignment':
|
|
|
|
|
const gravity = prop;
|
|
|
|
|
if ((gravity & LEFT) === LEFT) {
|
|
|
|
|
v.style.justifyContent = "flex-start";
|
|
|
|
|
}
|
|
|
|
|
else if ((gravity & RIGHT) === RIGHT) {
|
|
|
|
|
v.style.justifyContent = "flex-end";
|
|
|
|
|
}
|
|
|
|
|
else if ((gravity & CENTER_X) === CENTER_X) {
|
|
|
|
|
v.style.justifyContent = "center";
|
|
|
|
|
}
|
|
|
|
|
if ((gravity & TOP) === TOP) {
|
|
|
|
|
v.style.alignItems = "flex-start";
|
|
|
|
|
}
|
|
|
|
|
else if ((gravity & BOTTOM) === BOTTOM) {
|
|
|
|
|
v.style.alignItems = "flex-end";
|
|
|
|
|
}
|
|
|
|
|
else if ((gravity & CENTER_Y) === CENTER_Y) {
|
|
|
|
|
v.style.alignItems = "center";
|
|
|
|
|
}
|
|
|
|
|
break;
|
|
|
|
|
case "fontStyle":
|
|
|
|
|
switch (prop) {
|
|
|
|
|
case "bold":
|
|
|
|
|
v.style.fontWeight = "bold";
|
|
|
|
|
v.style.fontStyle = "normal";
|
|
|
|
|
break;
|
|
|
|
|
case "italic":
|
|
|
|
|
v.style.fontWeight = "normal";
|
|
|
|
|
v.style.fontStyle = "italic";
|
|
|
|
|
break;
|
|
|
|
|
case "bold_italic":
|
|
|
|
|
v.style.fontWeight = "bold";
|
|
|
|
|
v.style.fontStyle = "italic";
|
|
|
|
|
break;
|
|
|
|
|
default:
|
|
|
|
|
v.style.fontWeight = "normal";
|
|
|
|
|
v.style.fontStyle = "normal";
|
|
|
|
|
break;
|
|
|
|
|
}
|
|
|
|
|
break;
|
|
|
|
|
default:
|
|
|
|
|
super.blendProps(v, propName, prop);
|
|
|
|
|
break;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var ScaleType;
|
|
|
|
|
(function (ScaleType) {
|
|
|
|
|
ScaleType[ScaleType["ScaleToFill"] = 0] = "ScaleToFill";
|
|
|
|
|
ScaleType[ScaleType["ScaleAspectFit"] = 1] = "ScaleAspectFit";
|
|
|
|
|
ScaleType[ScaleType["ScaleAspectFill"] = 2] = "ScaleAspectFill";
|
|
|
|
|
})(ScaleType || (ScaleType = {}));
|
|
|
|
|
class DoricImageNode extends DoricViewNode {
|
|
|
|
|
build() {
|
|
|
|
|
const ret = document.createElement('img');
|
|
|
|
|
ret.style.objectFit = "fill";
|
|
|
|
|
return ret;
|
|
|
|
|
}
|
|
|
|
|
blendProps(v, propName, prop) {
|
|
|
|
|
switch (propName) {
|
|
|
|
|
case 'imageUrl':
|
|
|
|
|
v.setAttribute('src', prop);
|
|
|
|
|
break;
|
|
|
|
|
case 'imageBase64':
|
|
|
|
|
v.setAttribute('src', prop);
|
|
|
|
|
break;
|
|
|
|
|
case 'loadCallback':
|
|
|
|
|
v.onload = () => {
|
|
|
|
|
this.callJSResponse(prop, {
|
|
|
|
|
width: v.width,
|
|
|
|
|
height: v.height
|
|
|
|
|
});
|
|
|
|
|
};
|
|
|
|
|
break;
|
|
|
|
|
case 'scaleType':
|
|
|
|
|
switch (prop) {
|
|
|
|
|
case ScaleType.ScaleToFill:
|
|
|
|
|
v.style.objectFit = "fill";
|
|
|
|
|
break;
|
|
|
|
|
case ScaleType.ScaleAspectFit:
|
|
|
|
|
v.style.objectFit = "contain";
|
|
|
|
|
break;
|
|
|
|
|
case ScaleType.ScaleAspectFill:
|
|
|
|
|
v.style.objectFit = "cover";
|
|
|
|
|
break;
|
|
|
|
|
}
|
|
|
|
|
break;
|
|
|
|
|
case 'isBlur':
|
|
|
|
|
if (prop) {
|
|
|
|
|
v.style.filter = 'blur(8px)';
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
v.style.filter = '';
|
|
|
|
|
}
|
|
|
|
|
break;
|
|
|
|
|
default:
|
|
|
|
|
super.blendProps(v, propName, prop);
|
|
|
|
|
break;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
class DoricScrollerNode extends DoricSuperNode {
|
|
|
|
|
constructor() {
|
|
|
|
|
super(...arguments);
|
|
|
|
|
this.childViewId = "";
|
|
|
|
|
}
|
|
|
|
|
build() {
|
|
|
|
|
const ret = document.createElement('div');
|
|
|
|
|
ret.style.overflow = "scroll";
|
|
|
|
|
return ret;
|
|
|
|
|
}
|
|
|
|
|
blendProps(v, propName, prop) {
|
|
|
|
|
if (propName === 'content') {
|
|
|
|
|
this.childViewId = prop;
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
super.blendProps(v, propName, prop);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
blendSubNode(model) {
|
|
|
|
|
var _a;
|
|
|
|
|
(_a = this.childNode) === null || _a === void 0 ? void 0 : _a.blend(model.props);
|
|
|
|
|
}
|
|
|
|
|
getSubNodeById(viewId) {
|
|
|
|
|
return viewId === this.childViewId ? this.childNode : undefined;
|
|
|
|
|
}
|
|
|
|
|
onBlending() {
|
|
|
|
|
super.onBlending();
|
|
|
|
|
const model = this.getSubModel(this.childViewId);
|
|
|
|
|
if (model === undefined) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
if (this.childNode) {
|
|
|
|
|
if (this.childNode.viewId === this.childViewId) ;
|
|
|
|
|
else {
|
|
|
|
|
if (this.reusable && this.childNode.viewType === model.type) {
|
|
|
|
|
this.childNode.viewId = model.id;
|
|
|
|
|
this.childNode.blend(model.props);
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
this.view.removeChild(this.childNode.view);
|
|
|
|
|
const childNode = DoricViewNode.create(this.context, model.type);
|
|
|
|
|
if (childNode === undefined) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
childNode.viewId = model.id;
|
|
|
|
|
childNode.init(this);
|
|
|
|
|
childNode.blend(model.props);
|
|
|
|
|
this.view.appendChild(childNode.view);
|
|
|
|
|
this.childNode = childNode;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
const childNode = DoricViewNode.create(this.context, model.type);
|
|
|
|
|
if (childNode === undefined) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
childNode.viewId = model.id;
|
|
|
|
|
childNode.init(this);
|
|
|
|
|
childNode.blend(model.props);
|
|
|
|
|
this.view.appendChild(childNode.view);
|
|
|
|
|
this.childNode = childNode;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
onBlended() {
|
|
|
|
|
var _a;
|
|
|
|
|
super.onBlended();
|
|
|
|
|
(_a = this.childNode) === null || _a === void 0 ? void 0 : _a.onBlended();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
class ModalPlugin extends DoricPlugin {
|
|
|
|
|
toast(args) {
|
|
|
|
|
const toastElement = document.createElement('div');
|
|
|
|
|
toastElement.style.position = "absolute";
|
|
|
|
|
toastElement.style.textAlign = "center";
|
|
|
|
|
toastElement.style.width = "100%";
|
|
|
|
|
const textElement = document.createElement('span');
|
|
|
|
|
textElement.innerText = args.msg || "";
|
|
|
|
|
textElement.style.backgroundColor = "#777777";
|
|
|
|
|
textElement.style.color = "white";
|
|
|
|
|
textElement.style.paddingLeft = '20px';
|
|
|
|
|
textElement.style.paddingRight = '20px';
|
|
|
|
|
textElement.style.paddingTop = '10px';
|
|
|
|
|
textElement.style.paddingBottom = '10px';
|
|
|
|
|
toastElement.appendChild(textElement);
|
|
|
|
|
document.body.appendChild(toastElement);
|
|
|
|
|
const gravity = args.gravity || BOTTOM;
|
|
|
|
|
if ((gravity & TOP) == TOP) {
|
|
|
|
|
toastElement.style.top = toPixelString(30);
|
|
|
|
|
}
|
|
|
|
|
else if ((gravity & BOTTOM) == BOTTOM) {
|
|
|
|
|
toastElement.style.bottom = toPixelString(30);
|
|
|
|
|
}
|
|
|
|
|
else if ((gravity & CENTER_Y) == CENTER_Y) {
|
|
|
|
|
toastElement.style.top = toPixelString(document.body.offsetHeight / 2 - toastElement.offsetHeight / 2);
|
|
|
|
|
}
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
document.body.removeChild(toastElement);
|
|
|
|
|
}, 2000);
|
|
|
|
|
return Promise.resolve();
|
|
|
|
|
}
|
|
|
|
|
alert(args) {
|
|
|
|
|
window.alert(args.msg || "");
|
|
|
|
|
return Promise.resolve();
|
|
|
|
|
}
|
|
|
|
|
confirm(args) {
|
|
|
|
|
if (window.confirm(args.msg || "")) {
|
|
|
|
|
return Promise.resolve();
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
return Promise.reject();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
prompt(args) {
|
|
|
|
|
const result = window.prompt(args.msg || "", args.defaultText);
|
|
|
|
|
if (result) {
|
|
|
|
|
return Promise.resolve(result);
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
return Promise.reject(result);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
class StoragePlugin extends DoricPlugin {
|
|
|
|
|
setItem(args) {
|
|
|
|
|
localStorage.setItem(`${args.zone}_${args.key}`, args.value);
|
|
|
|
|
return Promise.resolve();
|
|
|
|
|
}
|
|
|
|
|
getItem(args) {
|
|
|
|
|
return Promise.resolve(localStorage.getItem(`${args.zone}_${args.key}`));
|
|
|
|
|
}
|
|
|
|
|
remove(args) {
|
|
|
|
|
localStorage.removeItem(`${args.zone}_${args.key}`);
|
|
|
|
|
return Promise.resolve();
|
|
|
|
|
}
|
|
|
|
|
clear(args) {
|
|
|
|
|
let removingKeys = [];
|
|
|
|
|
for (let i = 0; i < localStorage.length; i++) {
|
|
|
|
|
const key = localStorage.key(i);
|
|
|
|
|
if (key && key.startsWith(`${args.zone}_`)) {
|
|
|
|
|
removingKeys.push(key);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
removingKeys.forEach(e => {
|
|
|
|
|
localStorage.removeItem(e);
|
|
|
|
|
});
|
|
|
|
|
return Promise.resolve();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
class NavigatorPlugin extends DoricPlugin {
|
|
|
|
|
constructor() {
|
|
|
|
|
super(...arguments);
|
|
|
|
|
this.navigation = document.getElementsByTagName('doric-navigation')[0];
|
|
|
|
|
}
|
|
|
|
|
push(args) {
|
|
|
|
|
var _a;
|
|
|
|
|
if (this.navigation) {
|
|
|
|
|
const div = new DoricElement;
|
|
|
|
|
div.src = args.source;
|
|
|
|
|
div.alias = ((_a = args.config) === null || _a === void 0 ? void 0 : _a.alias) || args.source;
|
|
|
|
|
this.navigation.push(div);
|
|
|
|
|
return Promise.resolve();
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
return Promise.reject('Not implemented');
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
pop() {
|
|
|
|
|
if (this.navigation) {
|
|
|
|
|
this.navigation.pop();
|
|
|
|
|
return Promise.resolve();
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
return Promise.reject('Not implemented');
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
class PopoverPlugin extends DoricPlugin {
|
|
|
|
|
constructor(context) {
|
|
|
|
|
super(context);
|
|
|
|
|
this.fullScreen = document.createElement('div');
|
|
|
|
|
this.fullScreen.id = `PopOver__${context.contextId}`;
|
|
|
|
|
this.fullScreen.style.position = 'fixed';
|
|
|
|
|
this.fullScreen.style.top = '0px';
|
|
|
|
|
this.fullScreen.style.width = "100%";
|
|
|
|
|
this.fullScreen.style.height = "100%";
|
|
|
|
|
}
|
|
|
|
|
show(model) {
|
|
|
|
|
const viewNode = DoricViewNode.create(this.context, model.type);
|
|
|
|
|
if (viewNode === undefined) {
|
|
|
|
|
return Promise.reject(`Cannot create ViewNode for ${model.type}`);
|
|
|
|
|
}
|
|
|
|
|
viewNode.viewId = model.id;
|
|
|
|
|
viewNode.init();
|
|
|
|
|
viewNode.blend(model.props);
|
|
|
|
|
this.fullScreen.appendChild(viewNode.view);
|
|
|
|
|
let map = this.context.headNodes.get(PopoverPlugin.TYPE);
|
|
|
|
|
if (map) {
|
|
|
|
|
map.set(model.id, viewNode);
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
map = new Map;
|
|
|
|
|
map.set(model.id, viewNode);
|
|
|
|
|
this.context.headNodes.set(PopoverPlugin.TYPE, map);
|
|
|
|
|
}
|
|
|
|
|
if (!document.body.contains(this.fullScreen)) {
|
|
|
|
|
document.body.appendChild(this.fullScreen);
|
|
|
|
|
}
|
|
|
|
|
return Promise.resolve();
|
|
|
|
|
}
|
|
|
|
|
dismiss(args) {
|
|
|
|
|
if (args) {
|
|
|
|
|
let map = this.context.headNodes.get(PopoverPlugin.TYPE);
|
|
|
|
|
if (map) {
|
|
|
|
|
const viewNode = map.get(args.id);
|
|
|
|
|
if (viewNode) {
|
|
|
|
|
this.fullScreen.removeChild(viewNode.view);
|
|
|
|
|
}
|
|
|
|
|
if (map.size === 0) {
|
|
|
|
|
document.body.removeChild(this.fullScreen);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
this.dismissAll();
|
|
|
|
|
}
|
|
|
|
|
return Promise.resolve();
|
|
|
|
|
}
|
|
|
|
|
dismissAll() {
|
|
|
|
|
let map = this.context.headNodes.get(PopoverPlugin.TYPE);
|
|
|
|
|
if (map) {
|
|
|
|
|
for (let node of map.values()) {
|
|
|
|
|
map.delete(node.viewId);
|
|
|
|
|
this.fullScreen.removeChild(node.view);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
if (document.body.contains(this.fullScreen)) {
|
|
|
|
|
document.body.removeChild(this.fullScreen);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
onTearDown() {
|
|
|
|
|
super.onTearDown();
|
|
|
|
|
this.dismissAll();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
PopoverPlugin.TYPE = "popover";
|
|
|
|
|
|
|
|
|
|
class DoricListItemNode extends DoricStackNode {
|
|
|
|
|
constructor(context) {
|
|
|
|
|
super(context);
|
|
|
|
|
this.reusable = true;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
class DoricListNode extends DoricSuperNode {
|
|
|
|
|
constructor() {
|
|
|
|
|
super(...arguments);
|
|
|
|
|
this.itemCount = 0;
|
|
|
|
|
this.batchCount = 15;
|
|
|
|
|
this.loadMore = false;
|
|
|
|
|
this.childNodes = [];
|
|
|
|
|
}
|
|
|
|
|
blendProps(v, propName, prop) {
|
|
|
|
|
switch (propName) {
|
|
|
|
|
case "itemCount":
|
|
|
|
|
this.itemCount = prop;
|
|
|
|
|
break;
|
|
|
|
|
case "renderItem":
|
|
|
|
|
this.reset();
|
|
|
|
|
this.renderItemFuncId = prop;
|
|
|
|
|
break;
|
|
|
|
|
case "onLoadMore":
|
|
|
|
|
this.onLoadMoreFuncId = prop;
|
|
|
|
|
break;
|
|
|
|
|
case "loadMoreView":
|
|
|
|
|
this.loadMoreViewId = prop;
|
|
|
|
|
break;
|
|
|
|
|
case "batchCount":
|
|
|
|
|
this.batchCount = prop;
|
|
|
|
|
break;
|
|
|
|
|
case "loadMore":
|
|
|
|
|
this.loadMore = prop;
|
|
|
|
|
break;
|
|
|
|
|
default:
|
|
|
|
|
super.blendProps(v, propName, prop);
|
|
|
|
|
break;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
reset() {
|
|
|
|
|
while (this.view.lastElementChild) {
|
|
|
|
|
this.view.removeChild(this.view.lastElementChild);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
onBlending() {
|
|
|
|
|
super.onBlending();
|
|
|
|
|
if (this.childNodes.length !== this.itemCount) {
|
|
|
|
|
const ret = this.pureCallJSResponse("renderBunchedItems", this.childNodes.length, this.itemCount);
|
|
|
|
|
this.childNodes = this.childNodes.concat(ret.map(e => {
|
|
|
|
|
const viewNode = DoricViewNode.create(this.context, e.type);
|
|
|
|
|
viewNode.viewId = e.id;
|
|
|
|
|
viewNode.init(this);
|
|
|
|
|
viewNode.blend(e.props);
|
|
|
|
|
this.view.appendChild(viewNode.view);
|
|
|
|
|
return viewNode;
|
|
|
|
|
}));
|
|
|
|
|
}
|
|
|
|
|
if (this.loadMoreViewNode && this.view.contains(this.loadMoreViewNode.view)) {
|
|
|
|
|
this.view.removeChild(this.loadMoreViewNode.view);
|
|
|
|
|
}
|
|
|
|
|
if (this.loadMore) {
|
|
|
|
|
if (!this.loadMoreViewNode) {
|
|
|
|
|
const loadMoreViewModel = this.getSubModel(this.loadMoreViewId || "");
|
|
|
|
|
if (loadMoreViewModel) {
|
|
|
|
|
this.loadMoreViewNode = DoricViewNode.create(this.context, loadMoreViewModel.type);
|
|
|
|
|
this.loadMoreViewNode.viewId = loadMoreViewModel.id;
|
|
|
|
|
this.loadMoreViewNode.init(this);
|
|
|
|
|
this.loadMoreViewNode.blend(loadMoreViewModel.props);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
if (this.loadMoreViewNode) {
|
|
|
|
|
this.view.appendChild(this.loadMoreViewNode.view);
|
|
|
|
|
}
|
|
|
|
|
if (this.view.scrollTop + this.view.offsetHeight === this.view.scrollHeight) {
|
|
|
|
|
this.onScrollToEnd();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
blendSubNode(model) {
|
|
|
|
|
var _a;
|
|
|
|
|
(_a = this.getSubNodeById(model.id)) === null || _a === void 0 ? void 0 : _a.blend(model.props);
|
|
|
|
|
}
|
|
|
|
|
getSubNodeById(viewId) {
|
|
|
|
|
var _a;
|
|
|
|
|
if (viewId === this.loadMoreViewId) {
|
|
|
|
|
return this.loadMoreViewNode;
|
|
|
|
|
}
|
|
|
|
|
return (_a = this.childNodes.filter(e => e.viewId === viewId)) === null || _a === void 0 ? void 0 : _a[0];
|
|
|
|
|
}
|
|
|
|
|
onScrollToEnd() {
|
|
|
|
|
if (this.loadMore && this.onLoadMoreFuncId) {
|
|
|
|
|
this.callJSResponse(this.onLoadMoreFuncId);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
build() {
|
|
|
|
|
const ret = document.createElement('div');
|
|
|
|
|
ret.style.overflow = "scroll";
|
|
|
|
|
ret.addEventListener("scroll", () => {
|
|
|
|
|
if (this.loadMore) {
|
|
|
|
|
if (ret.scrollTop + ret.offsetHeight === ret.scrollHeight) {
|
|
|
|
|
this.onScrollToEnd();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
return ret;
|
|
|
|
|
}
|
|
|
|
|
onBlended() {
|
|
|
|
|
super.onBlended();
|
|
|
|
|
this.childNodes.forEach(e => e.onBlended());
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-12-26 14:47:11 +08:00
|
|
|
|
|
2021-04-20 18:03:26 +08:00
|
|
|
|
class DoricDraggableNode extends DoricStackNode {
|
|
|
|
|
constructor() {
|
|
|
|
|
super(...arguments);
|
|
|
|
|
this.onDrag = "";
|
|
|
|
|
this.dragging = false;
|
|
|
|
|
this.lastX = 0;
|
|
|
|
|
this.lastY = 0;
|
|
|
|
|
}
|
|
|
|
|
build() {
|
|
|
|
|
const ret = document.createElement('div');
|
|
|
|
|
ret.ontouchstart = (event) => {
|
|
|
|
|
this.dragging = true;
|
|
|
|
|
this.lastX = event.targetTouches[0].clientX;
|
|
|
|
|
this.lastY = event.targetTouches[0].clientY;
|
|
|
|
|
};
|
|
|
|
|
ret.ontouchend = (event) => {
|
|
|
|
|
this.dragging = false;
|
|
|
|
|
};
|
|
|
|
|
ret.ontouchcancel = (event) => {
|
|
|
|
|
this.dragging = false;
|
|
|
|
|
};
|
|
|
|
|
ret.ontouchmove = (event) => {
|
|
|
|
|
if (this.dragging) {
|
|
|
|
|
this.offsetX += (event.targetTouches[0].clientX - this.lastX);
|
|
|
|
|
this.offsetY += (event.targetTouches[0].clientY - this.lastY);
|
|
|
|
|
this.callJSResponse(this.onDrag, this.offsetX, this.offsetY);
|
|
|
|
|
this.lastX = event.targetTouches[0].clientX;
|
|
|
|
|
this.lastY = event.targetTouches[0].clientY;
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
ret.onmousedown = (event) => {
|
|
|
|
|
this.dragging = true;
|
|
|
|
|
this.lastX = event.x;
|
|
|
|
|
this.lastY = event.y;
|
|
|
|
|
};
|
|
|
|
|
ret.onmousemove = (event) => {
|
|
|
|
|
if (this.dragging) {
|
|
|
|
|
this.offsetX += (event.x - this.lastX);
|
|
|
|
|
this.offsetY += (event.y - this.lastY);
|
|
|
|
|
this.callJSResponse(this.onDrag, this.offsetX, this.offsetY);
|
|
|
|
|
this.lastX = event.x;
|
|
|
|
|
this.lastY = event.y;
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
ret.onmouseup = (event) => {
|
|
|
|
|
this.dragging = false;
|
|
|
|
|
};
|
|
|
|
|
ret.onmouseout = (event) => {
|
|
|
|
|
this.dragging = false;
|
|
|
|
|
};
|
|
|
|
|
ret.style.position = "relative";
|
|
|
|
|
return ret;
|
|
|
|
|
}
|
|
|
|
|
blendProps(v, propName, prop) {
|
|
|
|
|
switch (propName) {
|
|
|
|
|
case 'onDrag':
|
|
|
|
|
this.onDrag = prop;
|
|
|
|
|
break;
|
|
|
|
|
default:
|
|
|
|
|
super.blendProps(v, propName, prop);
|
|
|
|
|
break;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-12-26 19:01:28 +08:00
|
|
|
|
|
2021-04-20 18:03:26 +08:00
|
|
|
|
class DoricRefreshableNode extends DoricSuperNode {
|
|
|
|
|
constructor() {
|
|
|
|
|
super(...arguments);
|
|
|
|
|
this.headerViewId = "";
|
|
|
|
|
this.contentViewId = "";
|
|
|
|
|
this.refreshable = true;
|
|
|
|
|
}
|
|
|
|
|
build() {
|
|
|
|
|
const ret = document.createElement('div');
|
|
|
|
|
ret.style.overflow = "hidden";
|
|
|
|
|
const header = document.createElement('div');
|
|
|
|
|
const content = document.createElement('div');
|
|
|
|
|
header.style.width = "100%";
|
|
|
|
|
header.style.height = "100%";
|
|
|
|
|
header.style.display = "flex";
|
|
|
|
|
header.style.alignItems = "flex-end";
|
|
|
|
|
header.style.justifyContent = "center";
|
|
|
|
|
content.style.width = "100%";
|
|
|
|
|
content.style.height = "100%";
|
|
|
|
|
ret.appendChild(header);
|
|
|
|
|
ret.appendChild(content);
|
|
|
|
|
let touchStart = 0;
|
|
|
|
|
ret.ontouchstart = (ev) => {
|
|
|
|
|
if (!this.refreshable) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
touchStart = ev.touches[0].pageY;
|
|
|
|
|
};
|
|
|
|
|
ret.ontouchmove = (ev) => {
|
|
|
|
|
var _a;
|
|
|
|
|
if (!this.refreshable) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
const offset = (ev.touches[0].pageY - touchStart) * 0.68;
|
|
|
|
|
ret.scrollTop = Math.max(0, header.offsetHeight - offset);
|
|
|
|
|
(_a = this.headerNode) === null || _a === void 0 ? void 0 : _a.callJSResponse("setPullingDistance", offset);
|
|
|
|
|
};
|
|
|
|
|
const touchend = () => {
|
|
|
|
|
var _a, _b;
|
|
|
|
|
if (!this.refreshable) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
if (header.offsetHeight - ret.scrollTop >= (((_a = this.headerNode) === null || _a === void 0 ? void 0 : _a.getWidth()) || 0)) {
|
|
|
|
|
this.setRefreshing(true);
|
|
|
|
|
(_b = this.onRefreshCallback) === null || _b === void 0 ? void 0 : _b.call(this);
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
// To idel
|
|
|
|
|
ret.scrollTo({
|
|
|
|
|
top: header.offsetHeight,
|
|
|
|
|
behavior: "smooth"
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
ret.ontouchcancel = () => {
|
|
|
|
|
touchend();
|
|
|
|
|
};
|
|
|
|
|
ret.ontouchend = () => {
|
|
|
|
|
touchend();
|
|
|
|
|
};
|
|
|
|
|
window.requestAnimationFrame(() => {
|
|
|
|
|
ret.scrollTop = header.offsetHeight;
|
|
|
|
|
});
|
|
|
|
|
this.headerContainer = header;
|
|
|
|
|
this.contentContainer = content;
|
|
|
|
|
return ret;
|
|
|
|
|
}
|
|
|
|
|
blendProps(v, propName, prop) {
|
|
|
|
|
if (propName === 'content') {
|
|
|
|
|
this.contentViewId = prop;
|
|
|
|
|
}
|
|
|
|
|
else if (propName === 'header') {
|
|
|
|
|
this.headerViewId = prop;
|
|
|
|
|
}
|
|
|
|
|
else if (propName === 'onRefresh') {
|
|
|
|
|
this.onRefreshCallback = () => {
|
|
|
|
|
this.callJSResponse(prop);
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
super.blendProps(v, propName, prop);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
blendSubNode(model) {
|
|
|
|
|
var _a;
|
|
|
|
|
(_a = this.getSubNodeById(model.id)) === null || _a === void 0 ? void 0 : _a.blend(model.props);
|
|
|
|
|
}
|
|
|
|
|
getSubNodeById(viewId) {
|
|
|
|
|
if (viewId === this.headerViewId) {
|
|
|
|
|
return this.headerNode;
|
|
|
|
|
}
|
|
|
|
|
else if (viewId === this.contentViewId) {
|
|
|
|
|
return this.contentNode;
|
|
|
|
|
}
|
|
|
|
|
return undefined;
|
|
|
|
|
}
|
|
|
|
|
onBlending() {
|
|
|
|
|
var _a, _b, _c, _d, _e, _f;
|
|
|
|
|
super.onBlending();
|
|
|
|
|
{
|
|
|
|
|
const headerModel = this.getSubModel(this.headerViewId);
|
|
|
|
|
if (headerModel) {
|
|
|
|
|
if (this.headerNode) {
|
|
|
|
|
if (this.headerNode.viewId !== this.headerViewId) {
|
|
|
|
|
if (this.reusable && this.headerNode.viewType === headerModel.type) {
|
|
|
|
|
this.headerNode.viewId = headerModel.id;
|
|
|
|
|
this.headerNode.blend(headerModel.props);
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
(_a = this.headerContainer) === null || _a === void 0 ? void 0 : _a.removeChild(this.headerNode.view);
|
|
|
|
|
const headerNode = DoricViewNode.create(this.context, headerModel.type);
|
|
|
|
|
if (headerNode) {
|
|
|
|
|
headerNode.viewId = headerModel.id;
|
|
|
|
|
headerNode.init(this);
|
|
|
|
|
headerNode.blend(headerModel.props);
|
|
|
|
|
(_b = this.headerContainer) === null || _b === void 0 ? void 0 : _b.appendChild(headerNode.view);
|
|
|
|
|
this.headerNode = headerNode;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
const headerNode = DoricViewNode.create(this.context, headerModel.type);
|
|
|
|
|
if (headerNode) {
|
|
|
|
|
headerNode.viewId = headerModel.id;
|
|
|
|
|
headerNode.init(this);
|
|
|
|
|
headerNode.blend(headerModel.props);
|
|
|
|
|
(_c = this.headerContainer) === null || _c === void 0 ? void 0 : _c.appendChild(headerNode.view);
|
|
|
|
|
this.headerNode = headerNode;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
{
|
|
|
|
|
const contentModel = this.getSubModel(this.contentViewId);
|
|
|
|
|
if (contentModel) {
|
|
|
|
|
if (this.contentNode) {
|
|
|
|
|
if (this.contentNode.viewId !== this.contentViewId) {
|
|
|
|
|
if (this.reusable && this.contentNode.viewType === contentModel.type) {
|
|
|
|
|
this.contentNode.viewId = contentModel.id;
|
|
|
|
|
this.contentNode.blend(contentModel.props);
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
(_d = this.contentContainer) === null || _d === void 0 ? void 0 : _d.removeChild(this.contentNode.view);
|
|
|
|
|
const contentNode = DoricViewNode.create(this.context, contentModel.type);
|
|
|
|
|
if (contentNode) {
|
|
|
|
|
contentNode.viewId = contentModel.id;
|
|
|
|
|
contentNode.init(this);
|
|
|
|
|
contentNode.blend(contentModel.props);
|
|
|
|
|
(_e = this.contentContainer) === null || _e === void 0 ? void 0 : _e.appendChild(contentNode.view);
|
|
|
|
|
this.contentNode = contentNode;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
const contentNode = DoricViewNode.create(this.context, contentModel.type);
|
|
|
|
|
if (contentNode) {
|
|
|
|
|
contentNode.viewId = contentModel.id;
|
|
|
|
|
contentNode.init(this);
|
|
|
|
|
contentNode.blend(contentModel.props);
|
|
|
|
|
(_f = this.contentContainer) === null || _f === void 0 ? void 0 : _f.appendChild(contentNode.view);
|
|
|
|
|
this.contentNode = contentNode;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
onBlended() {
|
|
|
|
|
super.onBlended();
|
|
|
|
|
}
|
|
|
|
|
setRefreshing(v) {
|
|
|
|
|
var _a;
|
|
|
|
|
if (!this.headerContainer || !this.headerNode) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
if (v) {
|
|
|
|
|
this.view.scrollTo({
|
|
|
|
|
top: this.headerContainer.offsetHeight - this.headerNode.getHeight(),
|
|
|
|
|
behavior: "smooth"
|
|
|
|
|
});
|
|
|
|
|
this.headerNode.callJSResponse("startAnimation");
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
this.view.scrollTo({
|
|
|
|
|
top: (_a = this.headerContainer) === null || _a === void 0 ? void 0 : _a.offsetHeight,
|
|
|
|
|
behavior: "smooth"
|
|
|
|
|
});
|
|
|
|
|
this.headerNode.callJSResponse("stopAnimation");
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
setRefreshable(v) {
|
|
|
|
|
this.refreshable = v;
|
|
|
|
|
if (!v) {
|
|
|
|
|
this.setRefreshing(false);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-12-28 15:19:43 +08:00
|
|
|
|
|
2021-04-20 18:03:26 +08:00
|
|
|
|
class AnimatePlugin extends DoricPlugin {
|
|
|
|
|
submit() {
|
|
|
|
|
return Promise.resolve();
|
|
|
|
|
}
|
|
|
|
|
animateRender(args) {
|
|
|
|
|
var _a;
|
|
|
|
|
this.context.animationSet = [];
|
|
|
|
|
if (((_a = this.context.rootNode.viewId) === null || _a === void 0 ? void 0 : _a.length) > 0) {
|
|
|
|
|
const viewNode = this.context.targetViewNode(args.id);
|
|
|
|
|
viewNode === null || viewNode === void 0 ? void 0 : viewNode.blend(args.props);
|
|
|
|
|
viewNode === null || viewNode === void 0 ? void 0 : viewNode.onBlended();
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
this.context.rootNode.viewId = args.id;
|
|
|
|
|
this.context.rootNode.blend(args.props);
|
|
|
|
|
this.context.rootNode.onBlended();
|
|
|
|
|
}
|
|
|
|
|
return new Promise(resolve => {
|
|
|
|
|
Promise.resolve().then(() => {
|
|
|
|
|
var _a;
|
|
|
|
|
Promise.all(((_a = this.context.animationSet) === null || _a === void 0 ? void 0 : _a.map(e => {
|
|
|
|
|
return new Promise(resolve => {
|
|
|
|
|
const keyFrame = {};
|
|
|
|
|
const ensureNonString = (key, value) => {
|
|
|
|
|
if (!!value && value !== "") {
|
|
|
|
|
return value;
|
|
|
|
|
}
|
|
|
|
|
switch ((key)) {
|
|
|
|
|
case "backgroundColor":
|
|
|
|
|
return "transparent";
|
|
|
|
|
case "transform":
|
|
|
|
|
return "none";
|
|
|
|
|
default:
|
|
|
|
|
return "none";
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
for (let k in e.keyFrame) {
|
|
|
|
|
keyFrame[k] = ensureNonString(k, e.viewNode.view.style[k]);
|
|
|
|
|
e.keyFrame[k] = ensureNonString(k, e.keyFrame[k]);
|
|
|
|
|
}
|
|
|
|
|
try {
|
|
|
|
|
const animation = e.viewNode.view.animate([keyFrame, e.keyFrame], {
|
|
|
|
|
duration: args.duration,
|
|
|
|
|
fill: "forwards"
|
|
|
|
|
});
|
|
|
|
|
animation.onfinish = () => {
|
|
|
|
|
Object.entries(e.keyFrame).forEach(entry => {
|
|
|
|
|
Reflect.set(e.viewNode.view.style, entry[0], entry[1]);
|
|
|
|
|
});
|
|
|
|
|
resolve(true);
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
catch (e) {
|
|
|
|
|
console.error(e);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
})) || [])
|
|
|
|
|
.then(() => {
|
|
|
|
|
resolve(0);
|
|
|
|
|
})
|
|
|
|
|
.finally(() => {
|
|
|
|
|
this.context.animationSet = undefined;
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-12-28 15:19:43 +08:00
|
|
|
|
|
2021-04-20 18:03:26 +08:00
|
|
|
|
class DoricSwitchNode extends DoricViewNode {
|
|
|
|
|
constructor() {
|
|
|
|
|
super(...arguments);
|
|
|
|
|
this.offTintColor = "#e6e6e6";
|
|
|
|
|
this.onTintColor = "#52d769";
|
|
|
|
|
}
|
|
|
|
|
build() {
|
|
|
|
|
const ret = document.createElement('div');
|
|
|
|
|
ret.style.position = "relative";
|
|
|
|
|
ret.style.width = "50px";
|
|
|
|
|
ret.style.height = "30px";
|
|
|
|
|
const input = document.createElement('input');
|
|
|
|
|
input.type = "checkbox";
|
|
|
|
|
input.style.display = "none";
|
|
|
|
|
const box = document.createElement('div');
|
|
|
|
|
box.style.width = "100%";
|
|
|
|
|
box.style.height = "100%";
|
|
|
|
|
box.style.backgroundColor = "#ccc";
|
|
|
|
|
box.style.borderRadius = "15px";
|
|
|
|
|
const span = document.createElement('span');
|
|
|
|
|
span.style.display = "inline-block";
|
|
|
|
|
span.style.height = "30px";
|
|
|
|
|
span.style.width = "30px";
|
|
|
|
|
span.style.borderRadius = "15px";
|
|
|
|
|
span.style.background = "#fff";
|
|
|
|
|
span.style.boxShadow = "0px 3px 3px #eee";
|
|
|
|
|
box.appendChild(span);
|
|
|
|
|
ret.appendChild(input);
|
|
|
|
|
ret.appendChild(box);
|
|
|
|
|
ret.onclick = () => {
|
|
|
|
|
try {
|
|
|
|
|
if (input.checked === false) {
|
|
|
|
|
span.animate([{ transform: "translateX(0px)" }, { transform: "translateX(30px)" }], {
|
|
|
|
|
duration: 200,
|
|
|
|
|
fill: "forwards"
|
|
|
|
|
});
|
|
|
|
|
box.animate([{ backgroundColor: this.offTintColor }, { backgroundColor: this.onTintColor }], {
|
|
|
|
|
duration: 200,
|
|
|
|
|
fill: "forwards"
|
|
|
|
|
});
|
|
|
|
|
input.checked = true;
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
span.animate([{ transform: "translateX(30px)" }, { transform: "translateX(0px)" }], {
|
|
|
|
|
duration: 200,
|
|
|
|
|
fill: "forwards"
|
|
|
|
|
});
|
|
|
|
|
box.animate([{ backgroundColor: this.onTintColor }, { backgroundColor: this.offTintColor }], {
|
|
|
|
|
duration: 200,
|
|
|
|
|
fill: "forwards"
|
|
|
|
|
});
|
|
|
|
|
input.checked = false;
|
|
|
|
|
}
|
|
|
|
|
if (this.onSwitchFuncId) {
|
|
|
|
|
this.callJSResponse(this.onSwitchFuncId, input.checked);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
catch (e) {
|
|
|
|
|
alert(e);
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
this.input = input;
|
|
|
|
|
this.span = span;
|
|
|
|
|
this.box = box;
|
|
|
|
|
return ret;
|
|
|
|
|
}
|
|
|
|
|
setChecked(v) {
|
|
|
|
|
if (!this.input || !this.span || !this.box) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
if (v) {
|
|
|
|
|
this.span.style.transform = "translateX(30px)";
|
|
|
|
|
this.box.style.backgroundColor = this.onTintColor;
|
|
|
|
|
this.input.checked = v;
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
this.span.style.transform = "translateX(0px)";
|
|
|
|
|
this.box.style.backgroundColor = this.offTintColor;
|
|
|
|
|
this.input.checked = v;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
blendProps(v, propName, prop) {
|
|
|
|
|
switch (propName) {
|
|
|
|
|
case "state":
|
|
|
|
|
this.setChecked(prop);
|
|
|
|
|
break;
|
|
|
|
|
case "onSwitch":
|
|
|
|
|
this.onSwitchFuncId = prop;
|
|
|
|
|
break;
|
|
|
|
|
case "offTintColor":
|
|
|
|
|
this.offTintColor = toRGBAString(prop);
|
|
|
|
|
this.setChecked(this.getState());
|
|
|
|
|
break;
|
|
|
|
|
case "onTintColor":
|
|
|
|
|
this.onTintColor = toRGBAString(prop);
|
|
|
|
|
this.setChecked(this.getState());
|
|
|
|
|
break;
|
|
|
|
|
case "thumbTintColor":
|
|
|
|
|
if (this.span) {
|
|
|
|
|
this.span.style.backgroundColor = toRGBAString(prop);
|
|
|
|
|
}
|
|
|
|
|
break;
|
|
|
|
|
default:
|
|
|
|
|
super.blendProps(v, propName, prop);
|
|
|
|
|
break;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
getState() {
|
|
|
|
|
var _a;
|
|
|
|
|
return ((_a = this.input) === null || _a === void 0 ? void 0 : _a.checked) || false;
|
|
|
|
|
}
|
|
|
|
|
}
|
2020-01-04 14:43:28 +08:00
|
|
|
|
|
2021-04-20 18:03:26 +08:00
|
|
|
|
class DoricSliderNode extends DoricSuperNode {
|
|
|
|
|
constructor() {
|
|
|
|
|
super(...arguments);
|
|
|
|
|
this.itemCount = 0;
|
|
|
|
|
this.renderPageFuncId = "";
|
|
|
|
|
this.batchCount = 15;
|
|
|
|
|
this.onPageSelectedFuncId = "";
|
|
|
|
|
this.loop = false;
|
|
|
|
|
this.childNodes = [];
|
|
|
|
|
}
|
|
|
|
|
blendProps(v, propName, prop) {
|
|
|
|
|
if (propName === 'itemCount') {
|
|
|
|
|
this.itemCount = prop;
|
|
|
|
|
}
|
|
|
|
|
else if (propName === 'renderPage') {
|
|
|
|
|
if (prop !== this.renderPageFuncId) {
|
|
|
|
|
this.childNodes = [];
|
|
|
|
|
this.renderPageFuncId = prop;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
else if (propName === 'batchCount') {
|
|
|
|
|
this.batchCount = prop;
|
|
|
|
|
}
|
|
|
|
|
else if (propName === 'onPageSlided') {
|
|
|
|
|
this.onPageSelectedFuncId = prop;
|
|
|
|
|
}
|
|
|
|
|
else if (propName === 'loop') {
|
|
|
|
|
this.loop = prop;
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
super.blendProps(v, propName, prop);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
blendSubNode(model) {
|
|
|
|
|
var _a;
|
|
|
|
|
(_a = this.getSubNodeById(model.id)) === null || _a === void 0 ? void 0 : _a.blend(model.props);
|
|
|
|
|
}
|
|
|
|
|
getSubNodeById(viewId) {
|
|
|
|
|
var _a;
|
|
|
|
|
return (_a = this.childNodes.filter(e => e.viewId === viewId)) === null || _a === void 0 ? void 0 : _a[0];
|
|
|
|
|
}
|
|
|
|
|
onBlending() {
|
|
|
|
|
super.onBlending();
|
|
|
|
|
if (this.childNodes.length !== this.itemCount) {
|
|
|
|
|
const ret = this.pureCallJSResponse("renderBunchedItems", this.childNodes.length, this.itemCount);
|
|
|
|
|
this.childNodes = this.childNodes.concat(ret.map(e => {
|
|
|
|
|
const viewNode = DoricViewNode.create(this.context, e.type);
|
|
|
|
|
viewNode.viewId = e.id;
|
|
|
|
|
viewNode.init(this);
|
|
|
|
|
viewNode.blend(e.props);
|
|
|
|
|
this.view.appendChild(viewNode.view);
|
|
|
|
|
return viewNode;
|
|
|
|
|
}));
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
build() {
|
|
|
|
|
const ret = document.createElement('div');
|
|
|
|
|
ret.style.overflow = "hidden";
|
|
|
|
|
ret.style.display = "inline";
|
|
|
|
|
ret.style.whiteSpace = "nowrap";
|
|
|
|
|
let touchStartX = 0;
|
|
|
|
|
let currentIndex = 0;
|
|
|
|
|
ret.ontouchstart = (ev) => {
|
|
|
|
|
currentIndex = Math.round(ret.scrollLeft / ret.offsetWidth);
|
|
|
|
|
touchStartX = ev.touches[0].pageX;
|
|
|
|
|
};
|
|
|
|
|
ret.ontouchmove = (ev) => {
|
|
|
|
|
const offsetX = (touchStartX - ev.touches[0].pageX) * 3;
|
|
|
|
|
ret.scrollTo({
|
|
|
|
|
left: currentIndex * ret.offsetWidth + offsetX
|
|
|
|
|
});
|
|
|
|
|
};
|
|
|
|
|
ret.ontouchcancel = ret.ontouchend = () => {
|
2021-04-22 11:47:08 +08:00
|
|
|
|
let originInndex = currentIndex;
|
2021-04-20 18:03:26 +08:00
|
|
|
|
currentIndex = Math.round(ret.scrollLeft / ret.offsetWidth);
|
|
|
|
|
ret.scrollTo({
|
|
|
|
|
left: currentIndex * ret.offsetWidth,
|
|
|
|
|
behavior: "smooth"
|
|
|
|
|
});
|
2021-04-22 11:47:08 +08:00
|
|
|
|
if (originInndex !== currentIndex) {
|
|
|
|
|
if (this.onPageSelectedFuncId.length > 0) {
|
|
|
|
|
this.callJSResponse(this.onPageSelectedFuncId, currentIndex);
|
|
|
|
|
}
|
|
|
|
|
}
|
2021-04-20 18:03:26 +08:00
|
|
|
|
};
|
|
|
|
|
return ret;
|
|
|
|
|
}
|
|
|
|
|
getSlidedPage() {
|
|
|
|
|
return Math.round(this.view.scrollLeft / this.view.offsetWidth);
|
|
|
|
|
}
|
|
|
|
|
slidePage(params) {
|
|
|
|
|
if (params.smooth) {
|
|
|
|
|
this.view.scrollTo({
|
|
|
|
|
left: this.view.offsetWidth * params.page,
|
|
|
|
|
behavior: "smooth"
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
this.view.scrollTo({
|
|
|
|
|
left: this.view.offsetWidth * params.page
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
if (this.onPageSelectedFuncId.length > 0) {
|
|
|
|
|
this.callJSResponse(this.onPageSelectedFuncId, params.page);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2021-04-14 17:46:58 +08:00
|
|
|
|
|
2021-04-20 18:03:26 +08:00
|
|
|
|
class DoricSlideItemNode extends DoricStackNode {
|
|
|
|
|
constructor(context) {
|
|
|
|
|
super(context);
|
|
|
|
|
this.reusable = true;
|
|
|
|
|
}
|
|
|
|
|
build() {
|
|
|
|
|
const ret = super.build();
|
|
|
|
|
ret.style.display = "inline-block";
|
|
|
|
|
ret.style.width = "100%";
|
|
|
|
|
ret.style.height = "100%";
|
|
|
|
|
return ret;
|
|
|
|
|
}
|
|
|
|
|
}
|
2021-04-16 17:19:02 +08:00
|
|
|
|
|
2021-04-30 16:47:11 +08:00
|
|
|
|
var NotificationCenter;
|
|
|
|
|
(function (NotificationCenter) {
|
|
|
|
|
let receivers = [];
|
|
|
|
|
function publish(notification) {
|
|
|
|
|
receivers.filter(e => e.name === notification.name).forEach(e => {
|
|
|
|
|
e.callback(notification.data);
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
NotificationCenter.publish = publish;
|
|
|
|
|
function subscribe(receiver) {
|
|
|
|
|
receivers.push(receiver);
|
|
|
|
|
}
|
|
|
|
|
NotificationCenter.subscribe = subscribe;
|
|
|
|
|
function unsubscribe(receiver) {
|
|
|
|
|
receivers = receivers.filter(e => e !== receiver);
|
|
|
|
|
}
|
|
|
|
|
NotificationCenter.unsubscribe = unsubscribe;
|
|
|
|
|
})(NotificationCenter || (NotificationCenter = {}));
|
|
|
|
|
class NotificationPlugin extends DoricPlugin {
|
|
|
|
|
constructor() {
|
|
|
|
|
super(...arguments);
|
|
|
|
|
this.receivers = {};
|
|
|
|
|
}
|
|
|
|
|
publish(args) {
|
|
|
|
|
const key = `__doric__${args.biz || ""}#${args.name}`;
|
|
|
|
|
NotificationCenter.publish({
|
|
|
|
|
name: key,
|
|
|
|
|
data: !!args.data ? JSON.parse(args.data) : undefined
|
|
|
|
|
});
|
|
|
|
|
return true;
|
|
|
|
|
}
|
|
|
|
|
subscribe(args) {
|
|
|
|
|
const key = `__doric__${args.biz || ""}#${args.name}`;
|
|
|
|
|
const receiver = {
|
|
|
|
|
name: key,
|
|
|
|
|
callback: (data) => {
|
|
|
|
|
sandbox.jsCallResolve(this.context.contextId, args.callback, data);
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
this.receivers[args.callback] = receiver;
|
|
|
|
|
NotificationCenter.subscribe(receiver);
|
|
|
|
|
return args.callback;
|
|
|
|
|
}
|
|
|
|
|
unsubscribe(subscribeId) {
|
|
|
|
|
const recevier = this.receivers[subscribeId];
|
|
|
|
|
if (recevier) {
|
|
|
|
|
NotificationCenter.unsubscribe(recevier);
|
|
|
|
|
this.receivers[subscribeId] = undefined;
|
|
|
|
|
return true;
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
onTearDown() {
|
|
|
|
|
Object.entries(this.receivers).map(e => e[1]).filter(e => !!e).forEach(e => {
|
|
|
|
|
if (e) {
|
|
|
|
|
NotificationCenter.unsubscribe(e);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
this.receivers = {};
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2021-04-20 18:03:26 +08:00
|
|
|
|
const bundles = new Map;
|
|
|
|
|
const plugins = new Map;
|
|
|
|
|
const nodes = new Map;
|
|
|
|
|
function acquireJSBundle(name) {
|
|
|
|
|
return bundles.get(name);
|
|
|
|
|
}
|
|
|
|
|
function registerJSBundle(name, bundle) {
|
|
|
|
|
bundles.set(name, bundle);
|
|
|
|
|
}
|
|
|
|
|
function registerPlugin(name, plugin) {
|
|
|
|
|
plugins.set(name, plugin);
|
|
|
|
|
}
|
|
|
|
|
function acquirePlugin(name) {
|
|
|
|
|
return plugins.get(name);
|
|
|
|
|
}
|
|
|
|
|
function registerViewNode(name, node) {
|
|
|
|
|
nodes.set(name, node);
|
|
|
|
|
}
|
|
|
|
|
function acquireViewNode(name) {
|
|
|
|
|
return nodes.get(name);
|
|
|
|
|
}
|
|
|
|
|
registerPlugin('shader', ShaderPlugin);
|
|
|
|
|
registerPlugin('modal', ModalPlugin);
|
|
|
|
|
registerPlugin('storage', StoragePlugin);
|
|
|
|
|
registerPlugin('navigator', NavigatorPlugin);
|
|
|
|
|
registerPlugin('popover', PopoverPlugin);
|
|
|
|
|
registerPlugin('animate', AnimatePlugin);
|
2021-04-30 16:47:11 +08:00
|
|
|
|
registerPlugin('notification', NotificationPlugin);
|
2021-04-20 18:03:26 +08:00
|
|
|
|
registerViewNode('Stack', DoricStackNode);
|
|
|
|
|
registerViewNode('VLayout', DoricVLayoutNode);
|
|
|
|
|
registerViewNode('HLayout', DoricHLayoutNode);
|
|
|
|
|
registerViewNode('Text', DoricTextNode);
|
|
|
|
|
registerViewNode('Image', DoricImageNode);
|
|
|
|
|
registerViewNode('Scroller', DoricScrollerNode);
|
|
|
|
|
registerViewNode('ListItem', DoricListItemNode);
|
|
|
|
|
registerViewNode('List', DoricListNode);
|
|
|
|
|
registerViewNode('Draggable', DoricDraggableNode);
|
|
|
|
|
registerViewNode('Refreshable', DoricRefreshableNode);
|
|
|
|
|
registerViewNode('Switch', DoricSwitchNode);
|
|
|
|
|
registerViewNode('Slider', DoricSliderNode);
|
|
|
|
|
registerViewNode('SlideItem', DoricSlideItemNode);
|
2021-04-16 19:37:10 +08:00
|
|
|
|
|
2021-04-20 18:03:26 +08:00
|
|
|
|
function getScriptId(contextId) {
|
|
|
|
|
return `__doric_script_${contextId}`;
|
|
|
|
|
}
|
|
|
|
|
const originSetTimeout = window.setTimeout;
|
|
|
|
|
const originClearTimeout = window.clearTimeout;
|
|
|
|
|
const originSetInterval = window.setInterval;
|
|
|
|
|
const originClearInterval = window.clearInterval;
|
|
|
|
|
const timers = new Map;
|
|
|
|
|
function injectGlobalObject(name, value) {
|
|
|
|
|
Reflect.set(window, name, value, window);
|
|
|
|
|
}
|
|
|
|
|
function loadJS(contextId, script) {
|
|
|
|
|
const scriptElement = document.createElement('script');
|
|
|
|
|
scriptElement.text = script;
|
|
|
|
|
scriptElement.id = getScriptId(contextId);
|
|
|
|
|
document.body.appendChild(scriptElement);
|
|
|
|
|
}
|
|
|
|
|
function packageModuleScript(name, content) {
|
|
|
|
|
return `Reflect.apply(doric.jsRegisterModule,this,[${name},Reflect.apply(function(__module){(function(module,exports,require,setTimeout,setInterval,clearTimeout,clearInterval){
|
2019-12-19 13:07:33 +08:00
|
|
|
|
${content}
|
2019-12-21 12:14:38 +08:00
|
|
|
|
})(__module,__module.exports,doric.__require__,doricSetTimeout,doricSetInterval,doricClearTimeout,doricClearInterval);
|
2019-12-19 13:07:33 +08:00
|
|
|
|
return __module.exports;},this,[{exports:{}}])])`;
|
2021-04-20 18:03:26 +08:00
|
|
|
|
}
|
|
|
|
|
function packageCreateContext(contextId, content) {
|
|
|
|
|
return `//@ sourceURL=contextId_${contextId}.js
|
2019-12-23 10:41:18 +08:00
|
|
|
|
Reflect.apply(function(doric,context,Entry,require,exports,setTimeout,setInterval,clearTimeout,clearInterval){
|
2019-12-19 13:07:33 +08:00
|
|
|
|
${content}
|
2020-01-03 17:04:30 +08:00
|
|
|
|
},undefined,[undefined,doric.jsObtainContext("${contextId}"),doric.jsObtainEntry("${contextId}"),doric.__require__,{},doricSetTimeout,doricSetInterval,doricClearTimeout,doricClearInterval])`;
|
2021-04-20 18:03:26 +08:00
|
|
|
|
}
|
|
|
|
|
function initDoric() {
|
|
|
|
|
injectGlobalObject("Environment", {
|
|
|
|
|
platform: "web"
|
|
|
|
|
});
|
|
|
|
|
injectGlobalObject('nativeLog', (type, message) => {
|
|
|
|
|
switch (type) {
|
|
|
|
|
case 'd':
|
|
|
|
|
console.log(message);
|
|
|
|
|
break;
|
|
|
|
|
case 'w':
|
|
|
|
|
console.warn(message);
|
|
|
|
|
break;
|
|
|
|
|
case 'e':
|
|
|
|
|
console.error(message);
|
|
|
|
|
break;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
injectGlobalObject('nativeRequire', (moduleName) => {
|
|
|
|
|
const bundle = acquireJSBundle(moduleName);
|
|
|
|
|
if (bundle === undefined || bundle.length === 0) {
|
|
|
|
|
console.log(`Cannot require JS Bundle :${moduleName}`);
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
loadJS(moduleName, packageModuleScript(moduleName, bundle));
|
|
|
|
|
return true;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
injectGlobalObject('nativeBridge', (contextId, namespace, method, callbackId, args) => {
|
|
|
|
|
const pluginClass = acquirePlugin(namespace);
|
|
|
|
|
const doricContext = getDoricContext(contextId);
|
|
|
|
|
if (pluginClass === undefined) {
|
|
|
|
|
console.error(`Cannot find Plugin:${namespace}`);
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
if (doricContext === undefined) {
|
|
|
|
|
console.error(`Cannot find Doric Context:${contextId}`);
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
let plugin = doricContext.pluginInstances.get(namespace);
|
|
|
|
|
if (plugin === undefined) {
|
|
|
|
|
plugin = new pluginClass(doricContext);
|
|
|
|
|
doricContext.pluginInstances.set(namespace, plugin);
|
|
|
|
|
}
|
|
|
|
|
if (!Reflect.has(plugin, method)) {
|
|
|
|
|
console.error(`Cannot find Method:${method} in plugin ${namespace}`);
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
const pluginMethod = Reflect.get(plugin, method, plugin);
|
|
|
|
|
if (typeof pluginMethod !== 'function') {
|
|
|
|
|
console.error(`Plugin ${namespace}'s property ${method}'s type is ${typeof pluginMethod} not function,`);
|
|
|
|
|
}
|
|
|
|
|
const ret = Reflect.apply(pluginMethod, plugin, [args]);
|
|
|
|
|
if (ret instanceof Promise) {
|
|
|
|
|
ret.then(e => {
|
|
|
|
|
sandbox.jsCallResolve(contextId, callbackId, e);
|
2021-09-16 12:52:02 +08:00
|
|
|
|
markNeedHook();
|
2021-04-20 18:03:26 +08:00
|
|
|
|
}, e => {
|
|
|
|
|
sandbox.jsCallReject(contextId, callbackId, e);
|
2021-09-16 12:52:02 +08:00
|
|
|
|
markNeedHook();
|
2021-04-20 18:03:26 +08:00
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
else if (ret !== undefined) {
|
2021-04-30 16:47:11 +08:00
|
|
|
|
Promise.resolve(ret).then((ret) => {
|
|
|
|
|
sandbox.jsCallResolve(contextId, callbackId, ret);
|
2021-09-16 12:52:02 +08:00
|
|
|
|
markNeedHook();
|
2021-04-30 16:47:11 +08:00
|
|
|
|
});
|
2021-04-20 18:03:26 +08:00
|
|
|
|
}
|
|
|
|
|
return true;
|
|
|
|
|
});
|
|
|
|
|
injectGlobalObject('nativeSetTimer', (timerId, time, repeat) => {
|
|
|
|
|
if (repeat) {
|
|
|
|
|
const handleId = originSetInterval(() => {
|
|
|
|
|
sandbox.jsCallbackTimer(timerId);
|
2021-09-16 12:52:02 +08:00
|
|
|
|
markNeedHook();
|
2021-04-20 18:03:26 +08:00
|
|
|
|
}, time);
|
|
|
|
|
timers.set(timerId, { handleId, repeat });
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
const handleId = originSetTimeout(() => {
|
|
|
|
|
sandbox.jsCallbackTimer(timerId);
|
2021-09-16 12:52:02 +08:00
|
|
|
|
markNeedHook();
|
2021-04-20 18:03:26 +08:00
|
|
|
|
}, time);
|
|
|
|
|
timers.set(timerId, { handleId, repeat });
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
injectGlobalObject('nativeClearTimer', (timerId) => {
|
|
|
|
|
const timerInfo = timers.get(timerId);
|
|
|
|
|
if (timerInfo) {
|
|
|
|
|
if (timerInfo.repeat) {
|
|
|
|
|
originClearInterval(timerInfo.handleId);
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
originClearTimeout(timerInfo.handleId);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
function createContext(contextId, content) {
|
|
|
|
|
loadJS(contextId, packageCreateContext(contextId, content));
|
|
|
|
|
}
|
|
|
|
|
function destroyContext(contextId) {
|
|
|
|
|
sandbox.jsReleaseContext(contextId);
|
|
|
|
|
const scriptElement = document.getElementById(getScriptId(contextId));
|
|
|
|
|
if (scriptElement) {
|
|
|
|
|
document.body.removeChild(scriptElement);
|
|
|
|
|
}
|
|
|
|
|
}
|
2021-09-16 12:52:02 +08:00
|
|
|
|
let requesting = false;
|
|
|
|
|
function markNeedHook() {
|
|
|
|
|
if (requesting) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
requesting = true;
|
|
|
|
|
requestAnimationFrame(() => {
|
|
|
|
|
sandbox.jsHookAfterNativeCall();
|
|
|
|
|
requesting = false;
|
|
|
|
|
});
|
|
|
|
|
}
|
2021-04-20 18:03:26 +08:00
|
|
|
|
initDoric();
|
2019-12-19 13:07:33 +08:00
|
|
|
|
|
2021-04-20 18:03:26 +08:00
|
|
|
|
const doricContexts = new Map;
|
|
|
|
|
let __contextId__ = 0;
|
|
|
|
|
function getContextId() {
|
|
|
|
|
return `context_${__contextId__++}`;
|
|
|
|
|
}
|
|
|
|
|
function getDoricContext(contextId) {
|
|
|
|
|
return doricContexts.get(contextId);
|
|
|
|
|
}
|
|
|
|
|
class DoricContext {
|
|
|
|
|
constructor(content) {
|
|
|
|
|
this.contextId = getContextId();
|
|
|
|
|
this.pluginInstances = new Map;
|
|
|
|
|
this.headNodes = new Map;
|
|
|
|
|
createContext(this.contextId, content);
|
|
|
|
|
doricContexts.set(this.contextId, this);
|
|
|
|
|
this.rootNode = new DoricStackNode(this);
|
|
|
|
|
}
|
|
|
|
|
targetViewNode(viewId) {
|
|
|
|
|
if (this.rootNode.viewId === viewId) {
|
|
|
|
|
return this.rootNode;
|
|
|
|
|
}
|
|
|
|
|
for (let nodes of this.headNodes.values()) {
|
|
|
|
|
if (nodes.has(viewId)) {
|
|
|
|
|
return nodes.get(viewId);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
get panel() {
|
|
|
|
|
var _a;
|
|
|
|
|
return (_a = sandbox.jsObtainContext(this.contextId)) === null || _a === void 0 ? void 0 : _a.entity;
|
|
|
|
|
}
|
|
|
|
|
invokeEntityMethod(method, ...otherArgs) {
|
|
|
|
|
const argumentsList = [this.contextId];
|
|
|
|
|
for (let i = 0; i < arguments.length; i++) {
|
|
|
|
|
argumentsList.push(arguments[i]);
|
|
|
|
|
}
|
2021-09-16 12:52:02 +08:00
|
|
|
|
const ret = Reflect.apply(sandbox.jsCallEntityMethod, this.panel, argumentsList);
|
|
|
|
|
markNeedHook();
|
|
|
|
|
return ret;
|
2021-04-20 18:03:26 +08:00
|
|
|
|
}
|
|
|
|
|
pureInvokeEntityMethod(method, ...otherArgs) {
|
|
|
|
|
const argumentsList = [this.contextId];
|
|
|
|
|
for (let i = 0; i < arguments.length; i++) {
|
|
|
|
|
argumentsList.push(arguments[i]);
|
|
|
|
|
}
|
|
|
|
|
return Reflect.apply(sandbox.pureCallEntityMethod, this.panel, argumentsList);
|
|
|
|
|
}
|
|
|
|
|
init(data) {
|
|
|
|
|
this.invokeEntityMethod("__init__", data);
|
|
|
|
|
}
|
|
|
|
|
onCreate() {
|
|
|
|
|
this.invokeEntityMethod("__onCreate__");
|
|
|
|
|
}
|
|
|
|
|
onDestroy() {
|
|
|
|
|
this.invokeEntityMethod("__onDestroy__");
|
|
|
|
|
}
|
|
|
|
|
onShow() {
|
|
|
|
|
this.invokeEntityMethod("__onShow__");
|
|
|
|
|
}
|
|
|
|
|
onHidden() {
|
|
|
|
|
this.invokeEntityMethod("__onHidden__");
|
|
|
|
|
}
|
|
|
|
|
build(frame) {
|
|
|
|
|
this.invokeEntityMethod("__build__", frame);
|
|
|
|
|
}
|
|
|
|
|
inAnimation() {
|
|
|
|
|
return !!this.animationSet;
|
|
|
|
|
}
|
|
|
|
|
addAnimation(viewNode, keyFrame) {
|
|
|
|
|
var _a;
|
|
|
|
|
(_a = this.animationSet) === null || _a === void 0 ? void 0 : _a.push({
|
|
|
|
|
viewNode,
|
|
|
|
|
keyFrame,
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
teardown() {
|
|
|
|
|
for (let plugin of this.pluginInstances.values()) {
|
|
|
|
|
plugin.onTearDown();
|
|
|
|
|
}
|
|
|
|
|
destroyContext(this.contextId);
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-12-19 13:07:33 +08:00
|
|
|
|
|
2021-04-20 18:03:26 +08:00
|
|
|
|
class DoricElement extends HTMLElement {
|
|
|
|
|
constructor() {
|
|
|
|
|
super();
|
|
|
|
|
}
|
|
|
|
|
get src() {
|
|
|
|
|
return this.getAttribute('src');
|
|
|
|
|
}
|
|
|
|
|
get alias() {
|
|
|
|
|
return this.getAttribute('alias');
|
|
|
|
|
}
|
|
|
|
|
set src(v) {
|
|
|
|
|
this.setAttribute('src', v);
|
|
|
|
|
}
|
|
|
|
|
set alias(v) {
|
|
|
|
|
this.setAttribute('alias', v);
|
|
|
|
|
}
|
|
|
|
|
get initData() {
|
|
|
|
|
return this.getAttribute('data');
|
|
|
|
|
}
|
|
|
|
|
set initData(v) {
|
|
|
|
|
this.setAttribute('data', v);
|
|
|
|
|
}
|
|
|
|
|
connectedCallback() {
|
|
|
|
|
if (this.src && this.context === undefined) {
|
|
|
|
|
loadDoricJSBundle(this.src).then(result => {
|
|
|
|
|
this.load(result);
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
disconnectedCallback() {
|
|
|
|
|
}
|
|
|
|
|
adoptedCallback() {
|
|
|
|
|
}
|
|
|
|
|
attributeChangedCallback() {
|
|
|
|
|
}
|
|
|
|
|
onDestroy() {
|
|
|
|
|
var _a, _b;
|
|
|
|
|
(_a = this.context) === null || _a === void 0 ? void 0 : _a.onDestroy();
|
|
|
|
|
(_b = this.context) === null || _b === void 0 ? void 0 : _b.teardown();
|
|
|
|
|
}
|
|
|
|
|
load(content) {
|
|
|
|
|
this.context = new DoricContext(content);
|
|
|
|
|
this.context.init(this.initData);
|
|
|
|
|
this.context.onCreate();
|
|
|
|
|
const divElement = document.createElement('div');
|
|
|
|
|
divElement.style.position = 'relative';
|
|
|
|
|
divElement.style.height = '100%';
|
|
|
|
|
this.append(divElement);
|
|
|
|
|
this.context.rootNode.view = divElement;
|
|
|
|
|
this.context.build({
|
|
|
|
|
width: divElement.offsetWidth,
|
|
|
|
|
height: divElement.offsetHeight,
|
|
|
|
|
});
|
|
|
|
|
this.context.onShow();
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-12-19 10:42:57 +08:00
|
|
|
|
|
2021-04-20 18:03:26 +08:00
|
|
|
|
class NavigationElement extends HTMLElement {
|
|
|
|
|
constructor() {
|
|
|
|
|
super(...arguments);
|
|
|
|
|
this.elementStack = [];
|
|
|
|
|
}
|
|
|
|
|
get currentNode() {
|
|
|
|
|
for (let i = 0; i < this.childNodes.length; i++) {
|
|
|
|
|
if (this.childNodes[i] instanceof DoricElement) {
|
|
|
|
|
return this.childNodes[i];
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
return undefined;
|
|
|
|
|
}
|
|
|
|
|
push(element) {
|
|
|
|
|
const currentNode = this.currentNode;
|
|
|
|
|
if (currentNode) {
|
|
|
|
|
this.elementStack.push(currentNode);
|
|
|
|
|
this.replaceChild(element, currentNode);
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
this.appendChild(element);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
pop() {
|
|
|
|
|
const lastElement = this.elementStack.pop();
|
|
|
|
|
const currentNode = this.currentNode;
|
|
|
|
|
if (lastElement && currentNode) {
|
|
|
|
|
this.replaceChild(lastElement, currentNode);
|
|
|
|
|
currentNode.onDestroy();
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
window.history.back();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-12-26 17:09:03 +08:00
|
|
|
|
|
2021-10-13 15:45:31 +08:00
|
|
|
|
var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
|
2021-04-20 18:03:26 +08:00
|
|
|
|
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
|
|
|
return new (P || (P = Promise))(function (resolve, reject) {
|
|
|
|
|
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
|
|
|
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
|
|
|
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
|
|
|
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
|
|
|
});
|
|
|
|
|
};
|
|
|
|
|
window.customElements.define('doric-div', DoricElement);
|
|
|
|
|
window.customElements.define('doric-navigation', NavigationElement);
|
|
|
|
|
smoothscroll.polyfill();
|
|
|
|
|
registerDoricJSLoader({
|
|
|
|
|
filter: (source) => source.startsWith("assets://"),
|
2021-10-13 15:45:31 +08:00
|
|
|
|
request: (source) => __awaiter(void 0, void 0, void 0, function* () {
|
|
|
|
|
const ret = yield axios__default["default"].get(source.replace("assets://", `${window.location.href}/../../doric-demo/bundle/`));
|
2021-04-20 18:03:26 +08:00
|
|
|
|
return ret.data;
|
|
|
|
|
})
|
|
|
|
|
});
|
2019-12-19 10:42:57 +08:00
|
|
|
|
|
2021-04-20 18:03:26 +08:00
|
|
|
|
exports.BOTTOM = BOTTOM;
|
|
|
|
|
exports.CENTER = CENTER;
|
|
|
|
|
exports.CENTER_X = CENTER_X;
|
|
|
|
|
exports.CENTER_Y = CENTER_Y;
|
|
|
|
|
exports.DoricElement = DoricElement;
|
|
|
|
|
exports.DoricGroupViewNode = DoricGroupViewNode;
|
|
|
|
|
exports.DoricPlugin = DoricPlugin;
|
|
|
|
|
exports.DoricSuperNode = DoricSuperNode;
|
|
|
|
|
exports.DoricViewNode = DoricViewNode;
|
|
|
|
|
exports.LEFT = LEFT;
|
|
|
|
|
exports.NavigationElement = NavigationElement;
|
|
|
|
|
exports.RIGHT = RIGHT;
|
|
|
|
|
exports.TOP = TOP;
|
|
|
|
|
exports.acquireJSBundle = acquireJSBundle;
|
|
|
|
|
exports.acquirePlugin = acquirePlugin;
|
|
|
|
|
exports.acquireViewNode = acquireViewNode;
|
|
|
|
|
exports.createContext = createContext;
|
|
|
|
|
exports.destroyContext = destroyContext;
|
|
|
|
|
exports.injectGlobalObject = injectGlobalObject;
|
|
|
|
|
exports.loadJS = loadJS;
|
2021-09-16 12:52:02 +08:00
|
|
|
|
exports.markNeedHook = markNeedHook;
|
2021-04-20 18:03:26 +08:00
|
|
|
|
exports.pixelString2Number = pixelString2Number;
|
|
|
|
|
exports.registerJSBundle = registerJSBundle;
|
|
|
|
|
exports.registerPlugin = registerPlugin;
|
|
|
|
|
exports.registerViewNode = registerViewNode;
|
|
|
|
|
exports.toPixelString = toPixelString;
|
|
|
|
|
exports.toRGBAString = toRGBAString;
|
2020-01-03 16:35:04 +08:00
|
|
|
|
|
2021-10-13 15:45:31 +08:00
|
|
|
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
|
|
|
2021-04-20 18:03:26 +08:00
|
|
|
|
return exports;
|
2020-01-03 16:35:04 +08:00
|
|
|
|
|
2021-10-13 15:45:31 +08:00
|
|
|
|
})({}, axios, doric);
|
2019-12-19 10:42:57 +08:00
|
|
|
|
//# sourceMappingURL=index.js.map
|