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

package/template/src/handlers/render.jsx

@@ -1,170 +0,0 @@
-import * as React from 'react';
-import { set, cloneDeep } from 'lodash';
-import { ForContext, getComponentRenderList } from './FieldMiddleware/renderer';
-import { isScopeSlot } from '../utils/index';
-import { observer } from 'mobx-react-lite';
-
-export function getComponentChildren(component, context = {}) {
-  const { properties } = component;
-  if (!properties) {
-    return [];
-  }
-  const list = Object.values(properties).sort((a, b) => (a['x-index'] || 0) - (b['x-index'] || 0));
-  const {
-    virtualFields,
-    codeContext,
-    scopeContext,
-    forContext,
-    injectContext = {},
-    dataContext,
-    updateContext,
-  } = context;
-
-  return list.map((schema) => {
-    return getRenderList({
-      key: schema.key,
-      componentSchema: schema,
-      rootNode: false,
-      renderSlot: false,
-      virtualFields,
-      codeContext,
-      scopeContext,
-      forContext,
-      injectContext,
-      context: dataContext,
-      updateContext,
-    });
-  });
-}
-
-function getRenderList(props) {
-  const {
-    key = '',
-    className,
-    virtualFields,
-    componentSchema,
-    renderSlot,
-    rootNode = true,
-    codeContext,
-    scopeContext = {},
-    context = {},
-    updateContext,
-    forContext = {},
-  } = 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 = Array.from(new Set([className, ...classNameList]));
-  }
-
-  if (xProps && xProps.sourceKey) {
-    const { sourceKey } = xProps;
-    const Field = virtualFields[sourceKey];
-    if (!Field) {
-      return (
-        <div style={{ color: 'red' }}>
-          组件<em>{sourceKey}</em>未找到
-        </div>
-      );
-    }
-  }
-
-  return getComponentRenderList({
-    key,
-    componentSchema,
-    id: componentSchema.key,
-    xProps,
-    emitEvents: componentSchema.emitEvents || [],
-    virtualFields,
-    renderSlot,
-    codeContext,
-    scopeContext,
-    forContext,
-    context,
-    updateContext,
-  });
-}
-
-export function generateSlotMetaMap(componentSchema, context, options = {}) {
-  const slots = {};
-  const { properties = {} } = componentSchema;
-  const { scopeContext, codeContext, virtualFields, dataContext, updateContext, forContext } = context;
-  // eslint-disable-next-line guard-for-in
-  for (const key in properties) {
-    const child = properties[key];
-    if (!child['x-props'] && child.properties) {
-      const isHOC = isScopeSlot(componentSchema, key);
-
-      slots[key] = {
-        type: isHOC ? 'HOC' : 'ELEMENT',
-        node: isHOC
-          ? (props) => {
-              let clonedScopeContext = cloneDeep(scopeContext);
-              set(clonedScopeContext, `${componentSchema.key}.${key}`, props);
-              return (
-                <AppRender
-                  key={key}
-                  componentSchema={child}
-                  renderSlot={options?.renderSlot}
-                  virtualFields={virtualFields}
-                  codeContext={codeContext}
-                  scopeContext={clonedScopeContext}
-                  context={dataContext}
-                  updateContext={updateContext}
-                />
-              );
-            }
-          : () => {
-              return (
-                <ForContext.Provider value={forContext}>
-                  <AppRender
-                    key={key}
-                    componentSchema={child}
-                    renderSlot={options?.renderSlot}
-                    virtualFields={virtualFields}
-                    codeContext={codeContext}
-                    scopeContext={scopeContext}
-                    context={dataContext}
-                    updateContext={updateContext}
-                  />
-                </ForContext.Provider>
-              );
-            },
-      };
-    }
-  }
-  return slots;
-}
-
-export const AppRender = observer(function (props) {
-  return getRenderList({
-    ...props,
-    forContext: React.useContext(ForContext),
-    injectContext: {},
-  });
-});

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

@@ -1,298 +0,0 @@
-import config from '../../datasources/config'
-import { auth } from '@cloudbase/weda-client';
-const { loginScope, getAccessToken } = auth;
-
-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,
-  context
-) {
-  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,
-        context
-      );
-    } 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 = [], $node, ...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]);
-  // 选区events处理
-  const { _selectableBlockEvents, ...restData } = data;
-  const { emit: _selectableBlockEmit } = _selectableBlockEvents;
-  _selectableBlockEvents.events = new Proxy(
-    _selectableBlockEvents.events.reduce((events, item) => {
-      const propName = item;
-      events[propName] = (e) => _selectableBlockEmit(propName, e);
-      return events;
-    }, {}),
-    {
-      get(obj, prop) {
-        return prop in obj ? obj[prop] : (e) => _selectableBlockEmit(prop, e);
-      },
-    }
-  );
-  return {
-    ...restData,
-    ...restProps,
-    _selectableBlockEvents,
-    events: events.reduce((events, item) => {
-      const propName = item;
-      events[propName] = (e) => restProps.emit(propName, e);
-      return events;
-    }, {}),
-  };
-}
-
-export function getStaticResourceAttribute(staticUrl) {
-  const { __internal__ = {} } = window.app || {};
-  return __internal__?.resolveStaticResourceUrl?.(staticUrl) || staticUrl
-}
-
-export function findLoginPage(app = window.app) {
-  const { pages = [] } = app.__internal__.getConfig();
-  return pages.find(item => item.type === 'login');
-}
-
-let _AUTH_CONFIG_CACHE = null;
-export async function getAuthConfig(app = window.app) {
-  if (_AUTH_CONFIG_CACHE) {
-    return _AUTH_CONFIG_CACHE;
-  }
-  try {
-    const res = await app.cloud.callWedaApi({
-      action: "DescribeRuntimeResourceStrategy",
-      data: {
-        ResourceType: `<%= isAdminPortal? 'modelApp' : 'app'%>`,
-        ResourceId: app.id,
-      },
-    });
-    const settingData = {};
-    // 云api不支持map只能传字符串，需要转换
-    res.forEach((item) => {
-      settingData[item.Key] = ['AllowRegister', 'NeedLogin'].includes(item.Key) ? item.Value === '1' : item.Value;
-    });
-    _AUTH_CONFIG_CACHE = settingData;
-    return _AUTH_CONFIG_CACHE;
-  } catch (e) {
-    return {
-      NeedLogin: false,
-      RejectStrategy: "show_warning",
-    };
-  }
-}
-
-let _AUTH_CACHE_MAP = {}
-async function getAccessPermission(app, appId, pageId) {
-  const cacheKey = `${appId}-${pageId}`
-  if (_AUTH_CACHE_MAP[cacheKey] !== undefined) {
-    return _AUTH_CACHE_MAP[cacheKey];
-  }
-
-  let isAccess = false;
-  try {
-    const res = await app.cloud.callWedaApi({
-      action: 'DescribeResourcesPermission',
-      data: {
-        ResourceType: `<%= isAdminPortal? 'modelApp' : 'app'%>`,
-        ResourceIdList: [cacheKey],
-        AppResourceId: appId,
-      },
-    });
-    if (Array.isArray(res) && res.length > 0) {
-      isAccess = !!res[0].IsAccess;
-    }
-    _AUTH_CACHE_MAP[cacheKey] = isAccess;
-  } catch (e) {
-    console.warn('getAccessPermission', e);
-  }
-  return isAccess
-}
-
-export async function checkAnonymous() {
-  // 用户是否非匿名登录前端判断条件：有accessToken且scope不为anonymous
-  // 此分支逻辑本不应该前端判断是否登录，历史原因后端短期内搞不定，后续后端优化后删除
-  let isAnonymous = true;
-  try {
-    const [scope, { accessToken }] = await Promise.all([loginScope(), getAccessToken()]);
-    if (accessToken && scope !== 'anonymous') {
-      isAnonymous = false;
-    }
-  } catch (e) { }
-  return isAnonymous;
-}
-
-/**
- * 检查页面权限
- **/
-export async function checkAuth(app, appId, $page) {
-  return true
-  <% if (isAdminPortal || isXPage) { %>return true;<% } %>
-    app.showNavigationBarLoading();
-  const { loginConfigVersion } = app.__internal__.getConfig();
-  const requestList = [getAccessPermission(app, appId, $page.id)];
-  // 有登录配置版本号时，才拉取自定义登录配置进行校验
-  if (loginConfigVersion) {
-    requestList.push(getAuthConfig(app));
-    requestList.push(checkAnonymous());
-  }
-  const [isAccess, authConfig, isAnonymous] = await Promise.all(requestList);
-  app.hideNavigationBarLoading();
-
-  if (loginConfigVersion && isAnonymous) {
-    if (authConfig.NeedLogin || (!isAccess && authConfig.RejectStrategy === 'to_login')) {
-      redirectToLogin($page);
-      return false;
-    }
-  }
-
-  if (!isAccess) {
-    app.showToast({
-      title: '页面无访问权限',
-      icon: 'error',
-    });
-  }
-  return isAccess;
-}
-
-export async function redirectToLogin(currentPage) {
-  // 去登录则清空权限缓存。
-  _AUTH_CACHE_MAP = {};
-  const app = window.app;
-
-  const { envId, id, clientId, loginConfigVersion } = app.__internal__.getConfig();
-  if (loginConfigVersion) {
-    const url = `${location.origin}/__auth/?redirect_uri=${encodeURIComponent(
-      location.href,
-    )}&app_id=${id}&env_id=${envId}&client_id=${clientId}&config_version=${loginConfigVersion}`;
-    app.redirectTo({
-      mode: 'web',
-      params: {},
-      url,
-    });
-  } else {
-    app.showToast({
-      title: '用户未登录',
-      icon: 'error',
-    });
-  }
-}
-
-const _REPORTED = {}
-export function reportTime(tag, time, only = false) {
-  if (!window._aegis || !tag) {
-    return;
-  }
-  if (window['_WedaHostConfig'] && !window['_WedaHostConfig']['_REPORTED']) {
-    window['_WedaHostConfig']['_REPORTED'] = _REPORTED
-  }
-
-  const CACHE_MAP = window['_WedaHostConfig']?.['_REPORTED'] || _REPORTED
-
-  if (only && CACHE_MAP[tag]) {
-    return;
-  }
-  CACHE_MAP[tag] = true
-  try {
-    let t = time === undefined ? (performance?.now?.() || Date.now() - window['_aegis_inited']) : time;
-    window._aegis.reportTime({
-      name: tag,
-      duration: t,
-      ext2: config.isProd ? 'production' : 'preview',
-    })
-  } catch (e) {
-    console.log(e)
-  }
-}

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'