@cloudbase/framework-plugin-low-code 1.0.3-beta.9 → 1.0.3

package/template/src/handlers/actionHandler/utils.js

@@ -1,154 +0,0 @@
-import { resolveDataBinds } from '../utils/common';
-import { set as lodashSet } from 'lodash';
-
-const DEFAULT_MAX_TIMEOUT = 10 * 1000;
-
-export function getMetaInfoBySourceKey(sourceKey) {
-  const [materialName, name] = sourceKey.split(':');
-  return {
-    materialName,
-    name,
-  };
-}
-
-export function emitEvent(trigger, listeners = [], args, scopeContext = {}, context) {
-  const targetListeners = listeners.filter((l) => l.trigger === trigger);
-  targetListeners.forEach(async (listener) => {
-    // 当前非捕获Event，再判断冒泡行为
-    if (!args?.event?.isCapturePhase && listener.noPropagation) {
-      args?.customEventData?.stopPropagation();
-    }
-
-    // 判断捕获的执行，只有执行的捕获与配置的捕获一致时。才会执行。
-    if ((listener?.isCapturePhase || false) === (args?.customEventData?.isCapturePhase || false)) {
-      try {
-        const res = await invokeListener(listener, args, scopeContext, context);
-        const eventName = `${listener.key}.success`;
-        const event = {
-          detail:
-            typeof res === 'object' && res !== null && !Array.isArray(res)
-              ? {
-                  /**
-                   * @deprecated 历史bug
-                   * value
-                   */
-                  value: res,
-                  ...res,
-                }
-              : res,
-          origin: args.event,
-          isCapturePhase: !!args.event?.isCapturePhase,
-          name: eventName,
-        };
-        emitEvent(
-          eventName,
-          listeners,
-          {
-            ...args,
-            event,
-            customEventData: event,
-          },
-          scopeContext,
-          context,
-        );
-        if (res) {
-          console.warn(
-            `@deprecated 事件编排中后续事件(${eventName}) event.detail.value.xxx 已废弃，建议使用 event.detail 直接访问前一动作返回值`,
-          );
-        }
-      } catch (e) {
-        const eventName = `${listener.key}.fail`;
-        try {
-          e.value = e;
-          e.origin = args.event;
-          e.isCapturePhase = !!args.event?.isCapturePhase;
-        } catch (e) {}
-        const event = {
-          detail: e,
-          origin: args.event,
-          isCapturePhase: !!args.event?.isCapturePhase,
-          name: eventName,
-        };
-        emitEvent(
-          eventName,
-          listeners,
-          {
-            ...args,
-            event,
-            customEventData: event,
-          },
-          scopeContext,
-          context,
-        );
-        console.warn(
-          `@deprecated 事件编排中后续事件(${eventName}) event.detail.value.xxx 已废弃，建议使用 event.detail 直接访问前一动作返回值`,
-        );
-        // 之前 invoke 内部catch 了错误，不会抛错
-        // throw e
-      }
-    }
-  });
-}
-
-async function invokeListener({ instanceFunction, data = {}, dataBinds = {} }, args, scopeContext, context) {
-  // ToDo resolve databinds
-  const action = instanceFunction;
-  let maxTimeout = DEFAULT_MAX_TIMEOUT;
-  // eslint-disable-next-line no-underscore-dangle
-  if (data._maxTimeout === 'Infinity') maxTimeout = data._maxTimeout;
-  const resolvedData = {
-    ...data,
-  };
-  const resolvedDataBinds = resolveDataBinds(
-    dataBinds,
-    args.forItems,
-    { event: args.event },
-    scopeContext,
-    true,
-    context,
-  );
-
-  // eslint-disable-next-line no-restricted-syntax
-  for (const key in resolvedDataBinds) {
-    if (resolvedDataBinds[key] && resolvedDataBinds[key].__type === 'scopedValue') {
-      try {
-        lodashSet(resolvedData, key, resolvedDataBinds[key].getValue(scopeContext));
-      } catch (e) {
-        lodashSet(resolvedData, key, '');
-      }
-    } else {
-      lodashSet(resolvedData, key, resolvedDataBinds[key]);
-    }
-  }
-
-  const params = {
-    data: resolvedData,
-    ...args,
-  };
-
-  try {
-    if (maxTimeout === 'Infinity') {
-      return await action(params);
-    }
-    const p = action(params);
-    if (p instanceof Promise) {
-      let timeout = null;
-      const r = await Promise.race([
-        new Promise((resolve, reject) => {
-          timeout = setTimeout(() => {
-            reject(new Error(`timeout in ${maxTimeout}ms`));
-          }, maxTimeout);
-        }),
-        p,
-      ]);
-      if (timeout) {
-        clearTimeout(timeout);
-      }
-      return r;
-    }
-    return p;
-  } catch (e) {
-    console.error('Action error: ', e);
-    throw e;
-  }
-}

package/template/src/handlers/componentEventActionEmitter.js

@@ -1,29 +0,0 @@
-const actionCallbackMap = new Map();
-
-export function onComponentEventAction({ key }, iEventName, callback) {
-  const eventName = `__weapps__component-event-${iEventName}`;
-  const map = getCallbackMap(key);
-  if (!map) {
-    return actionCallbackMap.set(key, new Map([[eventName, [callback]]]));
-  }
-
-  const callbacks = map.get(eventName);
-  if (!callbacks) {
-    return map.set(eventName, [callback]);
-  }
-
-  callbacks.push(callback);
-}
-
-function getCallbackMap(componentKey) {
-  return actionCallbackMap.get(componentKey);
-}
-
-export function getComponentEventActionCallbacks(componentKey, eventName) {
-  const map = getCallbackMap(componentKey);
-  if (!map) {
-    return null;
-  }
-
-  return map.get(eventName);
-}

package/template/src/handlers/componentNodeMap.js

@@ -1,24 +0,0 @@
-import { getComponentId } from './utils/common';
-
-export const componentNodeMap = new Map();
-
-export function setComponentNode(key, node) {
-  return componentNodeMap.set(key, node);
-}
-
-export function deleteComponentNode(key) {
-  return componentNodeMap.delete(key);
-}
-
-export function getComponentNode(key) {
-  return componentNodeMap.get(key) || document.getElementById(getComponentId(key));
-}
-
-if (typeof window !== 'undefined') {
-  Object.defineProperty(window, '__componentInstanceNodeMap', {
-    get() {
-      return componentNodeMap;
-    },
-  });
-}
-

package/template/src/handlers/controller.js

@@ -1,5 +0,0 @@
-import * as React from 'react'
-
-export const FormActionsContext = React.createContext(null);
-
-export const StoreNameContext = React.createContext(null);

package/template/src/handlers/emitComponentEvent.js

@@ -1,8 +0,0 @@
-import { getComponentEventActionCallbacks } from './componentEventActionEmitter';
-
-export function emitComponentEvent({ data: { actionName }, target }) {
-  const callbacks = getComponentEventActionCallbacks(target.key, actionName);
-  if (callbacks) {
-    callbacks.forEach(callback => callback());
-  }
-}

package/template/src/handlers/eventListener/componentEventListener.js

@@ -1,15 +0,0 @@
-import { EventProxy } from '../utils/eventProxy';
-
-const componentEvents = new EventProxy();
-
-export function onComponent(eventType, callback) {
-  componentEvents.on(eventType, callback);
-}
-
-export function emitComponent(eventType, schema) {
-  componentEvents.emit(eventType, {
-    key: schema.key,
-    sourceKey: schema['x-component']
-  });
-}
-

package/template/src/handlers/eventListener/hotAreaEventListener.js

@@ -1,32 +0,0 @@
-import { EventProxy } from '../utils/eventProxy';
-
-const hotAreaEventListeners = new EventProxy();
-
-export function onHotArea(eventType, callback) {
-  hotAreaEventListeners.on(eventType, callback);
-}
-
-export function emitHotArea(eventType, hotArea, instance, meta, global) {
-  // eslint-disable-next-line
-  const params = getHotAreaEventListenerCallbackParams(hotArea, instance, global, meta);
-  hotAreaEventListeners.emit(eventType, params);
-}
-
-function getHotAreaEventListenerCallbackParams(
-  { key, position, size },
-  { key: componentKey, sourceKey },
-  global,
-  meta
-) {
-  return {
-    global,
-    meta,
-    hotArea: {
-      key,
-      position,
-      size,
-    },
-    sourceKey,
-    componentKey
-  };
-}

package/template/src/handlers/eventListener/index.js

@@ -1,29 +0,0 @@
-import { EventListenerTarget } from './types';
-import { onComponent } from './componentEventListener';
-import { onPage } from './pageEventListener';
-import { onHotArea } from './hotAreaEventListener';
-
-export function on(target, eventType, callback) {
-  switch (target) {
-    case EventListenerTarget.PAGE: {
-      return onPage(eventType, callback);
-    }
-    case EventListenerTarget.COMPONENT: {
-      return onComponent(eventType, callback);
-    }
-    case EventListenerTarget.HOT_AREA: {
-      return onHotArea(eventType, callback);
-    }
-    default: {
-      // eslint-disable-next-line
-      throw `Invalid [target], must one of '${EventListenerTarget.PAGE}', '${
-        EventListenerTarget.COMPONENT
-      }', '${EventListenerTarget.HOT_AREA}'`;
-    }
-  }
-}
-
-export * from './pageEventListener';
-export * from './componentEventListener';
-export * from './hotAreaEventListener';
-export * from './types';

package/template/src/handlers/eventListener/pageEventListener.js

@@ -1,11 +0,0 @@
-import { EventProxy } from '../utils/eventProxy';
-
-const pageEvents = new EventProxy();
-
-export function onPage(eventType, callback) {
-  pageEvents.on(eventType, callback);
-}
-
-export function emitPage(eventType, params) {
-  pageEvents.emit(eventType, params);
-}

package/template/src/handlers/eventListener/types.js

@@ -1,32 +0,0 @@
-export const EventListenerTarget = {
-  PAGE: 'page',
-  COMPONENT: 'component',
-  HOT_AREA: 'hotarea',
-};
-
-/**
- * @desc Page Events
- */
-
-export const PageEventListenerTypes = {
-  INIT: 'afterRender',
-};
-
-/**
- * @desc Component Events
- */
-export const ComponentEventListenerTypes = {
-  INIT: 'afterRender',
-  CLICK: 'click',
-  MOUSE_ENTER: 'mouseEnter',
-  MOUSE_LEAVE: 'mouseLeave',
-  DOUBLE_CLICK: 'doubleClick',
-  LONG_PRESS: 'longPress',
-  ENTER_VIEW: 'enterView',
-  LEAVE_VIEW: 'leaveView',
-};
-
-/**
- * @desc HotArea Events
- */
-export const HotAreaEventListenerTypes = ComponentEventListenerTypes;

package/template/src/handlers/hooks/index.js

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import { useLocation } from 'react-router-dom';
-
-export function useScrollTop() {
-  const { pathname } = useLocation();
-  React.useEffect(() => {
-    // window.scrollTo({
-    //   top: 0,
-    //   left: 0,
-    //   behavior: 'auto',
-    // });
-    window.scrollTo(0, 0);
-  }, [pathname]);
-  return null;
-}

package/template/src/handlers/initWebEnv.js

@@ -1,4 +0,0 @@
-
-export function initGlobalVar() {
-  window.$$global = window.$$global || {}
-}

package/template/src/handlers/injectStyle.js

@@ -1,14 +0,0 @@
-export function injectStyle(content, className) {
-  if (typeof window === 'undefined') {
-    return;
-  }
-  if (!content.toString().trim()) {
-    return;
-  }
-
-  const style = document.createElement('style');
-  style.setAttribute('type', 'text/css');
-  style.setAttribute('class', className);
-  style.innerHTML = content;
-  document.head.appendChild(style);
-}

package/template/src/handlers/instanceMap.js

@@ -1,39 +0,0 @@
-let instances = null;
-const componentInstanceIndexMap = new Map();
-
-export function initComponentInstanceIndexMap(componentInstances) {
-  instances = componentInstances;
-  return generateComponentInstanceIndexMap(instances);
-}
-
-function generateComponentInstanceIndexMap() {
-  componentInstanceIndexMap.clear();
-  instances.forEach(({ key, children }, index) => {
-    if (children) {
-      children.forEach(({ key }, childIndex) => setComponentInstanceIndex(key, childIndex, index));
-    }
-    setComponentInstanceIndex(key, index);
-  });
-
-  function setComponentInstanceIndex(key, index, parentIndex) {
-    return componentInstanceIndexMap.set(key, { index, parentIndex });
-  }
-}
-
-export function getComponentInstanceIndex(key) {
-  return componentInstanceIndexMap.get(key);
-}
-
-export function getComponentInstance(key) {
-  const iIndex = getComponentInstanceIndex(key);
-  if (!iIndex) {
-    return null;
-  }
-
-  const { index, parentIndex } = iIndex;
-  let componentInstances = instances;
-  if (typeof parentIndex === 'number') {
-    componentInstances = componentInstances[parentIndex].children;
-  }
-  return componentInstances[index];
-}

package/template/src/handlers/lifecycle.js

@@ -1,222 +0,0 @@
-/* eslint-disable @typescript-eslint/no-empty-function */
-/**
- * 生命周期处理函数
- */
-import { throttle } from 'lodash';
-import { wx } from '@tcwd/weapps-sdk';
-import * as querystring from 'querystring';
-// 小程序 端使用lifeCycle
-
-export function initLifeCycle(
-  {
-    onAppLaunch = () => {},
-    onAppShow = () => {},
-    onAppHide = () => {},
-    onAppError = () => {},
-    onAppPageNotFound = () => {},
-    onAppUnhandledRejection = () => {},
-    beforeCustomLaunch = (query) => {},
-
-    onPageLoad = () => {},
-    onPageShow = () => {},
-    onPageReady = () => {},
-    onPageHide = () => {},
-    onPageUnload = () => {},
-    beforePageCustomLaunch = (query) => {},
-    onPullDownRefresh,
-    onReachBottom,
-    onShareAppMessage,
-    onPageScroll,
-    onResize,
-    onAddToFavorites,
-    onShareTimeline,
-    onTabItemTap,
-  },
-  app,
-  mainApp,
-) {
-  if (!process.env.isMiniprogram) {
-    window.$$global = window.$$global || {};
-  }
-  // 包装应用显示回掉, 增加取数据变量值逻辑
-  const onAppLaunchCb = (...args) => {
-    beforeCustomLaunch(...args);
-    onAppLaunch(...args);
-  };
-
-  // 包装页面加载回掉, 增加取数据变量值逻辑
-  const onPageLoadCb = (...args) => {
-    beforePageCustomLaunch(...args);
-    onPageLoad(...args);
-  };
-
-  // 应用级别事件监听
-  if (!window.$$global.alreadyInitAppLifeCycle) {
-    if (!window.$$global.isOnLaunchRunned) {
-      onAppLaunchCb(wx.getLaunchOptionsSync());
-      window.$$global.isOnLaunchRunned = true;
-    }
-
-    mainApp.onAppShow && mainApp.onAppShow(onAppShow);
-    mainApp.onAppHide && mainApp.onAppHide(onAppHide);
-    mainApp.onError && mainApp.onError(onAppError);
-    mainApp.onPageNotFound && mainApp.onPageNotFound(onAppPageNotFound);
-    mainApp.onUnhandledRejection && mainApp.onUnhandledRejection(onAppUnhandledRejection);
-
-    // 预留等客户端来触发
-    window.addEventListener('appLaunch', (...args) => onAppLaunchCb(...args));
-    window.addEventListener('appShow', (...args) => onAppShow(...args));
-    window.addEventListener('appHide', (...args) => onAppHide(...args));
-    window.addEventListener('error', (...args) => onAppError(...args));
-    window.addEventListener('unhandledRejection', (...args) => onAppUnhandledRejection(...args));
-    window.$$global.alreadyInitAppLifeCycle = true;
-  }
-
-  // wx兼容的页面级别事件监听
-  if (process.env.isMiniprogram) {
-    window.addEventListener('wxload', (...args) => onPageLoadCb(...args));
-    window.addEventListener('wxshow', (...args) => onPageShow(...args));
-    window.addEventListener('wxready', (...args) => onPageReady(...args));
-    window.addEventListener('wxhide', (...args) => onPageHide(...args));
-    window.addEventListener('wxunload', (...args) => onPageUnload(...args));
-    // 页面级别特殊事件
-    if (typeof onPullDownRefresh === 'function') {
-      window.addEventListener('pulldownrefresh', (...args) => onPullDownRefresh(...args));
-    }
-
-    if (typeof onPageScroll === 'function') {
-      window.addEventListener('scroll', () => {
-        onPageScroll({
-          scrollTop: document.documentElement.scrollTop,
-        });
-      });
-    }
-
-    if (typeof onReachBottom === 'function') {
-      window.addEventListener('reachbottom', onReachBottom);
-    }
-
-    if (typeof onShareAppMessage === 'function') {
-      window.onShareAppMessage = onShareAppMessage;
-    }
-
-    if (typeof onShareTimeline === 'function') {
-      window.onShareTimeline = onShareTimeline;
-    }
-
-    if (typeof onAddToFavorites === 'function') {
-      window.onAddToFavorites = onAddToFavorites;
-    }
-
-    if (typeof onResize === 'function') {
-      window.addEventListener('resize', onResize);
-    }
-
-    if (typeof onTabItemTap === 'function') {
-      window.onTabItemTap = onTabItemTap;
-    }
-  }
-}
-
-let isReachBottom = false;
-// web 端使用lifeCycle
-export function pageLifeCycleMount(
-  useEffect,
-  {
-    onPageLoad,
-    beforePageCustomLaunch,
-    onPageShow,
-    onPageReady,
-    onPageHide,
-    onPageUnload,
-    onPullDownRefresh,
-    onReachBottom,
-    onShareAppMessage,
-    onPageScroll,
-    onResize,
-    onAddToFavorites,
-    onShareTimeline,
-    onTabItemTap,
-  },
-  app = {},
-  extra = {},
-) {
-  let queryText = location.href.split('?')[1];
-  let query = querystring.parse(queryText);
-  // 页面挂载时加载数据源变量值
-  typeof fetchPageDataVar === 'function' && fetchPageDataVar();
-  // 包装页面加载回掉, 增加取数据变量值逻辑
-  const onPageLoadCallback = (...args) => {
-    beforePageCustomLaunch(...args);
-    onPageLoad?.(...args);
-  };
-  useEffect(() => {
-    onPageLoadCallback(query);
-    typeof onPageReady === 'function' && onPageReady();
-    typeof onPageShow === 'function' && onPageShow();
-
-    if (typeof onPullDownRefresh === 'function') {
-      app.onPullDownRefresh(onPullDownRefresh);
-    }
-    if (typeof onPageScroll === 'function' || typeof onReachBottom === 'function') {
-      window.onscroll = throttle(() => {
-        // 变量scrollTop是滚动条滚动时，滚动条上端距离顶部的距离
-        let scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
-
-        // 变量windowHeight是可视区的高度
-        let windowHeight = document.documentElement.clientHeight || document.body.clientHeight;
-
-        // 变量scrollHeight是滚动条的总高度（当前可滚动的页面的总高度）
-        let scrollHeight = document.documentElement.scrollHeight || document.body.scrollHeight;
-        if (typeof onPageScroll === 'function') {
-          onPageScroll({
-            scrollTop: window.pageYOffset,
-          });
-        }
-
-        // console.log(scrollTop, windowHeight, scrollTop + windowHeight, scrollHeight, isReachBottom)
-        //滚动条到底部
-        if (scrollTop + windowHeight >= scrollHeight - (extra.reachBottomDistance || 50)) {
-          //要进行的操作
-          if (!isReachBottom) {
-            isReachBottom = true;
-            if (typeof onReachBottom === 'function') {
-              onReachBottom();
-            }
-          }
-        } else {
-          isReachBottom = false;
-        }
-      }, 300);
-    }
-    // todo
-    if (typeof onShareAppMessage === 'function') {
-      window.onShareAppMessage = onShareAppMessage;
-    }
-
-    if (typeof onResize === 'function') {
-      window.onresize = () => {
-        onResize({
-          size: {
-            windowWidth: window.innerWidth,
-            windowHeight: window.innerHeight,
-          },
-        });
-      };
-    }
-    return () => {
-      typeof onPageHide === 'function' && onPageHide({});
-      typeof onPageUnload === 'function' && onPageUnload({});
-      if (typeof onPullDownRefresh === 'function') {
-        app.offPullDownRefresh(onPullDownRefresh);
-      }
-
-      window.onscroll = null;
-      window.onresize = null;
-    };
-  }, []);
-}
-export function initWebConfig(app, appConfig) {
-  // miniprogram.config 配置截取
-  app.setConfig(appConfig);
-}