@cloudbase/lowcode-builder 0.1.26 → 1.0.0

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,14 +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'
-    })
-  }, [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,232 +0,0 @@
-/* eslint-disable @typescript-eslint/no-empty-function */
-/**
- * 生命周期处理函数
- */
-import * as throttle from 'lodash/throttle';
-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 = {}
-) {
-  let queryText = location.href.split('?')[1];
-  let query = querystring.parse(queryText);
-  // 页面挂载时加载数据源变量值
-  typeof fetchPageDataVar === 'function' && fetchPageDataVar();
-  // 包装页面加载回掉, 增加取数据变量值逻辑
-  const onPageLoadCallback = (...args) => {
-    beforePageCustomLaunch(...args);
-    onPageLoad && 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 && !isReachBottom) {
-          //要进行的操作
-          isReachBottom = true;
-          if (typeof onReachBottom === 'function') {
-            onReachBottom();
-          }
-        }
-        // 容许用户回弹50然后执行ReachBottom， 50为测试最佳值
-        if (scrollTop + windowHeight < scrollHeight - 50) {
-          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);
-}

package/template/src/handlers/render.jsx

@@ -1,131 +0,0 @@
-import * as React from 'react';
-import { useRef } from 'react';
-import * as _ from 'lodash';
-import { CompRenderer } from './FieldMiddleware/renderer';
-import { isScopeSlot } from '../utils/index';
-
-function getComponentChildren(component) {
-  const { properties } = component;
-  if (!properties) {
-    return [];
-  }
-  return Object.values(properties).sort(
-    (a, b) => (a['x-index'] || 0) - (b['x-index'] || 0)
-  );
-}
-
-export function AppRender(props) {
-  const {
-    className,
-    virtualFields,
-    componentSchema,
-    renderSlot,
-    rootNode = true,
-    codeContext,
-    scopeContext = {},
-  } = props;
-  
-  const { 'x-props': xProps, properties = {} } = componentSchema;
-
-  // 判断是否为 slot
-  const isSlot = !xProps;
-  if (isSlot && !(renderSlot || rootNode)) {
-    return null;
-  }
-
-  const preClassName = useRef();
-
-  // wrapperClass
-  const containerEl = Object.values(properties)[0];
-  if (containerEl && containerEl['x-props'] && className) {
-    let { classNameList = [] } = containerEl['x-props'];
-
-    // 先替换掉先前计算出来的className部分
-    if (preClassName.current) {
-      if (preClassName.current !== className) {
-        classNameList = classNameList.filter(
-          (clsName) => clsName !== preClassName.current
-        );
-        preClassName.current = className;
-      }
-    } else {
-      preClassName.current = className;
-    }
-
-    containerEl['x-props'].classNameList = [className, ...classNameList];
-  }
-
-  if (xProps && xProps.sourceKey) {
-    const { sourceKey } = xProps;
-    const Field = virtualFields[sourceKey];
-    if (!Field) {
-      return (
-        <div style={{ color: 'red' }}>
-          组件<em>{sourceKey}</em>未找到
-        </div>
-      );
-    }
-  }
-
-  const children = getComponentChildren(componentSchema);
-  const slots = {};
-  // eslint-disable-next-line guard-for-in
-  for (const key in properties) {
-    const child = properties[key];
-    if (!child['x-props'] && child.properties) {
-      slots[key] = isScopeSlot(componentSchema, key) ? (
-        (props) => {
-          let clonedScopeContext = _.cloneDeep(scopeContext);
-          _.set(
-            clonedScopeContext,
-            `${componentSchema.key}.${child.key}`,
-            props
-          );
-          return (
-            <AppRender
-              key={child.key}
-              componentSchema={child}
-              renderSlot
-              virtualFields={virtualFields}
-              codeContext={codeContext}
-              scopeContext={clonedScopeContext}
-            />
-          );
-        }
-      ) : (
-        <AppRender
-          key={child.key}
-          componentSchema={child}
-          renderSlot
-          virtualFields={virtualFields}
-          codeContext={codeContext}
-          scopeContext={scopeContext}
-        />
-      );
-    }
-  }
-
-  return (
-    <CompRenderer
-      id={componentSchema.key}
-      xProps={xProps}
-      emitEvents={componentSchema.emitEvents || []}
-      virtualFields={virtualFields}
-      slots={slots}
-      codeContext={codeContext}
-      scopeContext={scopeContext}
-    >
-      {children.map((comp) => (
-        <AppRender
-          key={comp.key}
-          componentSchema={comp}
-          rootNode={false}
-          renderSlot={false}
-          virtualFields={virtualFields}
-          codeContext={codeContext}
-          scopeContext={scopeContext}
-        />
-      ))}
-    </CompRenderer>
-  );
-}

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

@@ -1,151 +0,0 @@
-export function getComponentId(key) {
-  return `__weapps-component-wrapper-${key}`;
-}
-
-export const pathSpecialSymbol = '__$__';
-
-export function pathTransformDotToSymbol(str) {
-  return str.replace(/\./g, pathSpecialSymbol);
-}
-
-export function pathTransformSymbolToDot(str) {
-  return String(str).replace(new RegExp(`__\\$__`, 'g'), '.');
-}
-
-/**
- * All data bindings are generated as functions: (forItems, event?) => any
- * @param {*} dataBinds
- * @param {*} forItems
- */
-export function resolveDataBinds(
-  dataBinds,
-  forItems,
-  codeContext,
-  scopeContext,
-  throwError
-) {
-  const resolvedProps = {};
-  for (const prop in dataBinds) {
-    let fn = dataBinds[prop];
-    try {
-      if (codeContext && codeContext.$WEAPPS_COMP) {
-        fn = fn.bind(codeContext.$WEAPPS_COMP);
-      }
-      resolvedProps[prop] = fn(
-        forItems,
-        codeContext && codeContext.event,
-        scopeContext
-      );
-    } catch (e) {
-      console.error('Error resolving data binding', prop, dataBinds[prop], e);
-      if (throwError) {
-        throw e;
-      }
-    }
-  }
-  return resolvedProps;
-}
-
-const varSeparator = '.';
-export function getDeep(target, key) {
-  if (key == null) {
-    return target;
-  }
-  const keys = (key + '').split(varSeparator);
-  let prop = target[keys[0]];
-  for (let i = 1; i < keys.length; i++) {
-    prop = prop[keys[i]];
-  }
-  return prop;
-}
-
-/**
- * 用于处理自定义组件props传参结构，对系统变量进行保留
- */
-export function resolveComponentProps(props, isPlainProps) {
-  const { staticResourceAttribute } = props;
-  staticResourceAttribute &&
-    staticResourceAttribute.map((property) => {
-      if (props.data && props.data[property]) {
-        props.data[property] = getStaticResourceAttribute(props.data[property]);
-      }
-    });
-  if (!isPlainProps) {
-    return {
-      ...props,
-    };
-  }
-  const { data = {}, events = [], ...restProps } = props;
-  const customProps = { ...data };
-  const builtinProps = [
-    // react 保留字
-    'ref',
-    'key',
-    'dangerouslySetInnerHTML',
-    'className',
-    'htmlFor',
-    'style',
-    'contentEditable',
-    // lowcode 保留字
-    'events',
-    'children',
-    '_parentId',
-    '_visible',
-    'classList',
-    'widgetType',
-    'getWidgetsByType',
-    'getDom',
-    'domRef',
-    'extends',
-    // 小程序保留字
-    'id',
-    'class',
-    'hidden',
-    'slot',
-  ];
-  builtinProps.map((prop) => delete customProps[prop]);
-  return {
-    ...data,
-    ...restProps,
-    events: events.reduce((events, item) => {
-      const propName = item;
-      events[propName] = (e) => restProps.emit(propName, e);
-      return events;
-    }, {}),
-  };
-}
-
-export function getStaticResourceAttribute(staticUrl) {
-  if (/^\//.test(staticUrl)) {
-    const { domain = '' } = window.app || {};
-    const url = `https://${domain}${staticUrl}`;
-    return url;
-  }
-  return staticUrl;
-}
-/**
- * 检查页面权限
- **/
-export async function checkAuth(app, appId, pageId) {
-  app.showNavigationBarLoading();
-  const checkAuthResult = await app.cloud.callWedaApi({
-    action: 'DescribeResourcesPermission',
-    data: {
-      ResourceType: `<%= isAdminPortal? 'modelApp' : 'app'%>`,
-      ResourceIdList: [`${appId}-${pageId}`],
-    },
-  });
-  let isLogin = false;
-  if (Array.isArray(checkAuthResult) && checkAuthResult.length > 0) {
-    isLogin = checkAuthResult[0]?.IsAccess ?? false;
-  }
-  app.hideNavigationBarLoading();
-
-  if (!isLogin) {
-    app.showToast({
-      title: '页面无访问权限',
-      icon: 'error',
-    });
-  }
-  return isLogin;
-}

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

@@ -1,64 +0,0 @@
-/**
- * @author elliothu@tencent.com
- * @date 2019-05-07
- * @desc 事件系统，用于全局通信
- */
-
-export class EventProxy {
-  proxies = {};
-
-  onceProxies = {};
-
-  on = (eventName, handler) => {
-    if (this.proxies[eventName]) {
-      return this.proxies[eventName].push(handler);
-    }
-    this.proxies[eventName] = [handler];
-  };
-
-  only = (eventName, handler) => {
-    this.proxies[eventName] = [handler];
-  };
-
-  once = (eventName, handler) => {
-    if (this.onceProxies[eventName]) {
-      return this.onceProxies[eventName].push(handler);
-    }
-    this.onceProxies[eventName] = [handler];
-  };
-
-  emit = (eventName, ...args) => {
-    if (this.proxies[eventName]) {
-      this.proxies[eventName].forEach(handler => handler(...args));
-    }
-    if (this.onceProxies[eventName]) {
-      this.onceProxies[eventName].forEach(handler => handler(...args));
-      this.onceProxies[eventName] = [];
-    }
-  };
-
-  cancel = (eventName, handler) => {
-    if (!this.proxies[eventName]) { return; }
-    this.proxies[eventName] = this.proxies[eventName].filter(h => h !== handler);
-  };
-
-  cancelOnce = (eventName, handler) => {
-    if (!this.onceProxies[eventName]) { return; }
-    this.onceProxies[eventName] = this.onceProxies[eventName].filter(h => h !== handler);
-  };
-
-  cancelAll = eventName => {
-    if (!this.proxies[eventName]) { return; }
-    this.proxies[eventName] = [];
-  };
-
-  cancelAllOnce = eventName => {
-    if (!this.onceProxies[eventName]) { return; }
-    this.onceProxies[eventName] = [];
-  };
-
-  clear = () => {
-    this.proxies = {};
-    this.onceProxies = {};
-  };
-}

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

@@ -1,8 +0,0 @@
-import { EventProxy } from './eventProxy';
-
-export const EventEmitTypes = {
-  COMPONENT_INTERSECTING_CHANGE: 'component_intersecting_change',
-  HOT_AREA_INTERSECTING_CHANGE: 'hot_area_intersecting_change',
-};
-
-export const events = new EventProxy();

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

@@ -1,4 +0,0 @@
-export * from './events'
-export * from './eventProxy'
-export * from './common'
-export * from './widgets'