@tarojs/taro-h5 3.4.0-beta.0 → 3.4.0

package/dist/api/storage/index.js

@@ -0,0 +1,157 @@
+import { shouldBeObject, getParameterError, temporarilyNotSupport } from '../utils';
+import { MethodHandler } from '../utils/handler';
+function getItem(key) {
+    let item;
+    try {
+        item = JSON.parse(localStorage.getItem(key) || '');
+    }
+    catch (e) { }
+    // 只返回使用 Taro.setStorage API 存储的数据
+    if (item && typeof item === 'object' && item.hasOwnProperty('data')) {
+        return { result: true, data: item.data };
+    }
+    else {
+        return { result: false };
+    }
+}
+// 数据缓存
+export const setStorageSync = (key, data = '') => {
+    if (typeof key !== 'string') {
+        console.error(getParameterError({
+            name: 'setStorage',
+            correct: 'String',
+            wrong: key
+        }));
+        return;
+    }
+    const type = typeof data;
+    let obj = {};
+    if (type === 'symbol') {
+        obj = { data: '' };
+    }
+    else {
+        obj = { data };
+    }
+    localStorage.setItem(key, JSON.stringify(obj));
+};
+export const setStorage = (options) => {
+    // options must be an Object
+    const isObject = shouldBeObject(options);
+    if (!isObject.flag) {
+        const res = { errMsg: `setStorage:fail ${isObject.msg}` };
+        console.error(res.errMsg);
+        return Promise.reject(res);
+    }
+    const { key, data, success, fail, complete } = options;
+    const handle = new MethodHandler({ name: 'setStorage', success, fail, complete });
+    if (typeof key !== 'string') {
+        return handle.fail({
+            errMsg: getParameterError({
+                para: 'key',
+                correct: 'String',
+                wrong: key
+            })
+        });
+    }
+    setStorageSync(key, data);
+    return handle.success();
+};
+export const revokeBufferURL = temporarilyNotSupport('revokeBufferURL');
+export const removeStorageSync = (key) => {
+    if (typeof key !== 'string') {
+        console.error(getParameterError({
+            name: 'removeStorage',
+            correct: 'String',
+            wrong: key
+        }));
+        return;
+    }
+    localStorage.removeItem(key);
+};
+export const removeStorage = (options) => {
+    // options must be an Object
+    const isObject = shouldBeObject(options);
+    if (!isObject.flag) {
+        const res = { errMsg: `removeStorage:fail ${isObject.msg}` };
+        console.error(res.errMsg);
+        return Promise.reject(res);
+    }
+    const { key, success, fail, complete } = options;
+    const handle = new MethodHandler({ name: 'removeStorage', success, fail, complete });
+    if (typeof key !== 'string') {
+        return handle.fail({
+            errMsg: getParameterError({
+                para: 'key',
+                correct: 'String',
+                wrong: key
+            })
+        });
+    }
+    removeStorageSync(key);
+    return handle.success();
+};
+export const getStorageSync = (key) => {
+    if (typeof key !== 'string') {
+        console.error(getParameterError({
+            name: 'getStorageSync',
+            correct: 'String',
+            wrong: key
+        }));
+        return;
+    }
+    const res = getItem(key);
+    if (res.result)
+        return res.data;
+    return '';
+};
+export const getStorageInfoSync = () => {
+    const res = {
+        keys: Object.keys(localStorage),
+        limitSize: NaN,
+        currentSize: NaN
+    };
+    return res;
+};
+export const getStorageInfo = ({ success, fail, complete } = {}) => {
+    const handle = new MethodHandler({ name: 'getStorageInfo', success, fail, complete });
+    return handle.success(getStorageInfoSync());
+};
+export const getStorage = (options) => {
+    // options must be an Object
+    const isObject = shouldBeObject(options);
+    if (!isObject.flag) {
+        const res = { errMsg: `getStorage:fail ${isObject.msg}` };
+        console.error(res.errMsg);
+        return Promise.reject(res);
+    }
+    const { key, success, fail, complete } = options;
+    const handle = new MethodHandler({ name: 'getStorage', success, fail, complete });
+    if (typeof key !== 'string') {
+        return handle.fail({
+            errMsg: getParameterError({
+                para: 'key',
+                correct: 'String',
+                wrong: key
+            })
+        });
+    }
+    const { result, data } = getItem(key);
+    if (result) {
+        return handle.success({ data });
+    }
+    else {
+        return handle.fail({
+            errMsg: 'data not found'
+        });
+    }
+};
+export const createBufferURL = temporarilyNotSupport('createBufferURL');
+export const clearStorageSync = () => {
+    localStorage.clear();
+};
+export const clearStorage = ({ success, fail, complete } = {}) => {
+    const handle = new MethodHandler({ name: 'clearStorage', success, fail, complete });
+    clearStorageSync();
+    return handle.success();
+};
+export * from './background-fetch';

package/dist/api/swan/index.js

@@ -0,0 +1,26 @@
+import { temporarilyNotSupport } from '../utils';
+export const setPageInfo = temporarilyNotSupport('setPageInfo');
+// 百度小程序 AI 相关
+export const ocrIdCard = temporarilyNotSupport('ocrIdCard');
+export const ocrBankCard = temporarilyNotSupport('ocrBankCard');
+export const ocrDrivingLicense = temporarilyNotSupport('ocrDrivingLicense');
+export const ocrVehicleLicense = temporarilyNotSupport('ocrVehicleLicense');
+export const textReview = temporarilyNotSupport('textReview');
+export const textToAudio = temporarilyNotSupport('textToAudio');
+export const imageAudit = temporarilyNotSupport('imageAudit');
+export const advancedGeneralIdentify = temporarilyNotSupport('advancedGeneralIdentify');
+export const objectDetectIdentify = temporarilyNotSupport('objectDetectIdentify');
+export const carClassify = temporarilyNotSupport('carClassify');
+export const dishClassify = temporarilyNotSupport('dishClassify');
+export const logoClassify = temporarilyNotSupport('logoClassify');
+export const animalClassify = temporarilyNotSupport('animalClassify');
+export const plantClassify = temporarilyNotSupport('plantClassify');
+// 用户信息
+export const getSwanId = temporarilyNotSupport('getSwanId');
+// 百度收银台支付
+export const requestPolymerPayment = temporarilyNotSupport('requestPolymerPayment');
+// 打开小程序
+export const navigateToSmartGameProgram = temporarilyNotSupport('navigateToSmartGameProgram');
+export const navigateToSmartProgram = temporarilyNotSupport('navigateToSmartProgram');
+export const navigateBackSmartProgram = temporarilyNotSupport('navigateBackSmartProgram');
+export const preloadSubPackage = temporarilyNotSupport('preloadSubPackage');

package/dist/api/taro.js

@@ -0,0 +1,47 @@
+import Taro from '@tarojs/api';
+import { history, createRouter } from '@tarojs/router';
+import { getApp, getCurrentInstance, getCurrentPages, nextTick, navigateBack, navigateTo, reLaunch, redirectTo, switchTab } from '../api';
+import { permanentlyNotSupport } from '../api/utils';
+const { Behavior, getEnv, ENV_TYPE, Link, interceptors, getInitPxTransform, Current, options, eventCenter, Events, preload } = Taro;
+const taro = {
+    // @ts-ignore
+    Behavior,
+    getEnv,
+    ENV_TYPE,
+    Link,
+    interceptors,
+    Current,
+    getCurrentInstance,
+    options,
+    nextTick,
+    eventCenter,
+    Events,
+    preload,
+    history,
+    createRouter,
+    navigateBack,
+    navigateTo,
+    reLaunch,
+    redirectTo,
+    getCurrentPages,
+    switchTab
+};
+const initPxTransform = getInitPxTransform(taro);
+const requirePlugin = permanentlyNotSupport('requirePlugin');
+const pxTransform = function (size) {
+    // @ts-ignore
+    const { designWidth } = taro.config;
+    return Math.ceil((((parseInt(size, 10) / 40) * 640) / designWidth) * 10000) / 10000 + 'rem';
+};
+const canIUseWebp = function () {
+    const canvas = document.createElement('canvas');
+    return canvas.toDataURL('image/webp').indexOf('data:image/webp') === 0;
+};
+taro.requirePlugin = requirePlugin;
+taro.getApp = getApp;
+taro.pxTransform = pxTransform;
+taro.initPxTransform = initPxTransform;
+// @ts-ignore
+taro.canIUseWebp = canIUseWebp;
+export default taro;
+export { Behavior, getEnv, ENV_TYPE, Link, interceptors, initPxTransform, Current, options, eventCenter, Events, preload, requirePlugin, pxTransform, canIUseWebp, history, createRouter };

package/dist/api/ui/animation/index.js

@@ -0,0 +1,284 @@
+/**
+ * H5 下的 styleSheet 操作
+ * @author leeenx
+ */
+class StyleSheet {
+    constructor() {
+        this.appendStyleSheet = () => {
+            var _a, _b, _c;
+            (_a = this.$style) === null || _a === void 0 ? void 0 : _a.setAttribute('type', 'text/css');
+            (_b = this.$style) === null || _b === void 0 ? void 0 : _b.setAttribute('data-type', 'Taro');
+            document.getElementsByTagName('head')[0].appendChild(this.$style);
+            this.sheet = (_c = this.$style) === null || _c === void 0 ? void 0 : _c.sheet;
+            if (this.sheet && !('insertRule' in this.sheet)) {
+                console.warn('当前浏览器不支持 stylesheet.insertRule 接口');
+            }
+        };
+        // 添加样式命令
+        this.add = (cssText, index = 0) => {
+            var _a;
+            if (this.sheet === null) {
+                // $style 未插入到 DOM
+                this.appendStyleSheet();
+            }
+            (_a = this.sheet) === null || _a === void 0 ? void 0 : _a.insertRule(cssText, index);
+        };
+        this.$style = document.createElement('style');
+    }
+}
+const styleSheet = new StyleSheet();
+// 监听事件
+let TRANSITION_END = 'transitionend';
+let TRANSFORM = 'transform';
+const $detect = document.createElement('div');
+$detect.style.cssText = '-webkit-animation-name:webkit;-moz-animation-name:moz;-ms-animation-name:ms;animation-name:standard;';
+if ($detect.style['animation-name'] === 'standard') {
+    // 支持标准写法
+    TRANSITION_END = 'transitionend';
+    TRANSFORM = 'transform';
+}
+else if ($detect.style['-webkit-animation-name'] === 'webkit') {
+    // webkit 前缀
+    TRANSITION_END = 'webkitTransitionEnd';
+    TRANSFORM = '-webkit-transform';
+}
+else if ($detect.style['-moz-animation-name'] === 'moz') {
+    // moz 前缀
+    TRANSITION_END = 'mozTransitionEnd';
+    TRANSFORM = '-moz-transform';
+}
+else if ($detect.style['-ms-animation-name'] === 'ms') {
+    // ms 前缀
+    TRANSITION_END = 'msTransitionEnd';
+    TRANSFORM = '-ms-transform';
+}
+let animId = 0;
+class Animation {
+    constructor({ duration = 400, delay = 0, timingFunction = 'linear', transformOrigin = '50% 50% 0', unit = 'px' } = {}) {
+        // 属性组合
+        this.rules = [];
+        // transform 对象
+        this.transform = [`${TRANSFORM}:`];
+        // 组合动画
+        this.steps = [];
+        // 动画 map ----- 永久保留
+        this.animationMap = {};
+        // animationMap 的长度
+        this.animationMapCount = 0;
+        // 默认值
+        this.setDefault(duration, delay, timingFunction, transformOrigin);
+        this.unit = unit;
+        // atom 环境下，animation 属性不会显示，所以要改成 data-animation
+        let animAttr = 'animation';
+        // 动画 id
+        this.id = ++animId;
+        // 监听事件
+        document.body.addEventListener(TRANSITION_END, (e) => {
+            const target = e.target;
+            if (target.getAttribute(animAttr) === null) {
+                animAttr = 'data-animation';
+            }
+            const animData = target.getAttribute(animAttr);
+            // 没有动画存在
+            if (animData === null)
+                return;
+            const [animName, animPath] = animData.split('__');
+            if (animName === `taro-h5-poly-fill/${this.id}/create-animation`) {
+                const [animIndex, __stepIndex = 0] = animPath.split('--');
+                const stepIndex = Number(__stepIndex);
+                // 动画总的关键帧
+                const animStepsCount = this.animationMap[`${animName}__${animIndex}`];
+                const animStepsMaxIndex = animStepsCount - 1;
+                if (stepIndex < animStepsMaxIndex) {
+                    // 播放下一个关键帧（因为 nerv 和 react 有差异所以 animation & data-animation 都需要写）
+                    target.setAttribute(animAttr, `${animName}__${animIndex}--${stepIndex + 1}`);
+                    if (animAttr === 'animation') {
+                        // Nerv 环境，animation & data-animation 双重保险
+                        target.setAttribute('data-animation', `${animName}__${animIndex}--${stepIndex + 1}`);
+                    }
+                }
+            }
+        });
+    }
+    transformUnit(...args) {
+        const ret = [];
+        args.forEach(each => {
+            ret.push(isNaN(each) ? each : `${each}${this.unit}`);
+        });
+        return ret;
+    }
+    // 设置默认值
+    setDefault(duration, delay, timingFunction, transformOrigin) {
+        this.DEFAULT = { duration, delay, timingFunction, transformOrigin };
+    }
+    matrix(a, b, c, d, tx, ty) {
+        this.transform.push(`matrix(${a}, ${b}, ${c}, ${d}, ${tx}, ${ty})`);
+        return this;
+    }
+    matrix3d(a1, b1, c1, d1, a2, b2, c2, d2, a3, b3, c3, d3, a4, b4, c4, d4) {
+        this.transform.push(`matrix3d(${a1}, ${b1}, ${c1}, ${d1}, ${a2}, ${b2}, ${c2}, ${d2}, ${a3}, ${b3}, ${c3}, ${d3}, ${a4}, ${b4}, ${c4}, ${d4})`);
+        return this;
+    }
+    rotate(angle) {
+        this.transform.push(`rotate(${angle}deg)`);
+        return this;
+    }
+    rotate3d(x, y, z, angle) {
+        if (typeof y !== 'number') {
+            this.transform.push(`rotate3d(${x})`);
+        }
+        else {
+            this.transform.push(`rotate3d(${x}, ${y || 0}, ${z || 0}, ${angle || 0}deg)`);
+        }
+        return this;
+    }
+    rotateX(angle) {
+        this.transform.push(`rotateX(${angle}deg)`);
+        return this;
+    }
+    rotateY(angle) {
+        this.transform.push(`rotateY(${angle}deg)`);
+        return this;
+    }
+    rotateZ(angle) {
+        this.transform.push(`rotateZ(${angle}deg)`);
+        return this;
+    }
+    scale(x, y) {
+        this.transform.push(`scale(${x}, ${y})`);
+        return this;
+    }
+    scale3d(x, y, z) {
+        this.transform.push(`scale3d(${x}, ${y}, ${z})`);
+        return this;
+    }
+    scaleX(scale) {
+        this.transform.push(`scaleX(${scale})`);
+        return this;
+    }
+    scaleY(scale) {
+        this.transform.push(`scaleY(${scale})`);
+        return this;
+    }
+    scaleZ(scale) {
+        this.transform.push(`scaleZ(${scale})`);
+        return this;
+    }
+    skew(x, y) {
+        this.transform.push(`skew(${x}, ${y})`);
+        return this;
+    }
+    skewX(angle) {
+        this.transform.push(`skewX(${angle})`);
+        return this;
+    }
+    skewY(angle) {
+        this.transform.push(`skewY(${angle})`);
+        return this;
+    }
+    translate(x, y) {
+        [x, y] = this.transformUnit(x, y);
+        this.transform.push(`translate(${x}, ${y})`);
+        return this;
+    }
+    translate3d(x, y, z) {
+        [x, y, z] = this.transformUnit(x, y, z);
+        this.transform.push(`translate3d(${x}, ${y}, ${z})`);
+        return this;
+    }
+    translateX(translate) {
+        [translate] = this.transformUnit(translate);
+        this.transform.push(`translateX(${translate})`);
+        return this;
+    }
+    translateY(translate) {
+        [translate] = this.transformUnit(translate);
+        this.transform.push(`translateY(${translate})`);
+        return this;
+    }
+    translateZ(translate) {
+        [translate] = this.transformUnit(translate);
+        this.transform.push(`translateZ(${translate})`);
+        return this;
+    }
+    opacity(value) {
+        this.rules.push(`opacity: ${value}`);
+        return this;
+    }
+    backgroundColor(value) {
+        this.rules.push(`background-color: ${value}`);
+        return this;
+    }
+    width(value) {
+        [value] = this.transformUnit(value);
+        this.rules.push(`width: ${value}`);
+        return this;
+    }
+    height(value) {
+        [value] = this.transformUnit(value);
+        this.rules.push(`height: ${value}`);
+        return this;
+    }
+    top(value) {
+        [value] = this.transformUnit(value);
+        this.rules.push(`top: ${value}`);
+        return this;
+    }
+    right(value) {
+        [value] = this.transformUnit(value);
+        this.rules.push(`right: ${value}`);
+        return this;
+    }
+    bottom(value) {
+        [value] = this.transformUnit(value);
+        this.rules.push(`bottom: ${value}`);
+        return this;
+    }
+    left(value) {
+        [value] = this.transformUnit(value);
+        this.rules.push(`left: ${value}`);
+        return this;
+    }
+    // 关键帧载入
+    step(arg = {}) {
+        const { DEFAULT } = this;
+        const { duration = DEFAULT.duration, delay = DEFAULT.delay, timingFunction = DEFAULT.timingFunction, transformOrigin = DEFAULT.transformOrigin } = arg;
+        // 生成一条 transition 动画
+        this.steps.push([
+            this.rules.map(rule => `${rule}!important`).join(';'),
+            `${this.transform.join(' ')}!important`,
+            `${TRANSFORM}-origin: ${transformOrigin}`,
+            `transition: all ${duration}ms ${timingFunction} ${delay}ms`
+        ]
+            .filter(item => item !== '' && item !== `${TRANSFORM}:`)
+            .join(';'));
+        // 清空 rules 和 transform
+        this.rules = [];
+        this.transform = [`${TRANSFORM}:`];
+        return this;
+    }
+    // 创建底层数据
+    createAnimationData() {
+        const animIndex = `taro-h5-poly-fill/${this.id}/create-animation__${this.animationMapCount++}`;
+        // 记录动画分几个 step
+        this.animationMap[animIndex] = this.steps.length;
+        // 吐出 step
+        this.steps.forEach((step, index) => {
+            const selector = index === 0
+                ? `[animation="${animIndex}"], [data-animation="${animIndex}"]`
+                : `[animation="${animIndex}--${index}"], [data-animation="${animIndex}--${index}"]`;
+            styleSheet.add(`${selector} { ${step} }`);
+        });
+        // 清空 steps
+        this.steps = [];
+        return animIndex;
+    }
+    // 动画数据产出
+    export() {
+        return this.createAnimationData();
+    }
+}
+// h5 的 createAnimation
+export const createAnimation = (option) => {
+    return new Animation(option);
+};

package/dist/api/ui/background.js

@@ -0,0 +1,4 @@
+import { temporarilyNotSupport } from '../utils';
+// 背景
+export const setBackgroundTextStyle = temporarilyNotSupport('setBackgroundTextStyle');
+export const setBackgroundColor = temporarilyNotSupport('setBackgroundColor');

package/dist/api/ui/custom-component.js

@@ -0,0 +1,3 @@
+import Taro from '@tarojs/api';
+// 自定义组件
+export const nextTick = Taro.nextTick;

package/dist/api/ui/fonts.js

@@ -0,0 +1,3 @@
+import { temporarilyNotSupport } from '../utils';
+// 字体
+export const loadFontFace = temporarilyNotSupport('loadFontFace');

package/dist/api/ui/index.js

@@ -0,0 +1,12 @@
+export * from './animation';
+export * from './background';
+export * from './custom-component';
+export * from './fonts';
+export * from './menu';
+export * from './navigation-bar';
+export * from './pull-down-refresh';
+export * from './scroll';
+export * from './sticky';
+export * from './tab-bar';
+export * from './window';
+export * from './interaction';