@cloudbase/framework-plugin-low-code 0.6.32 → 0.6.35

package/template/generator/app/global-api.js

@@ -1,163 +0,0 @@
-import sdk from '@tcwd/weapps-sdk/lib/app-h5-sdk';
-import { DS_SDK, CLOUD_SDK, createDataset, EXTRA_API } from '../datasources';
-import { formatDate } from '../utils/date';
-import { getter, setter, _isMobile } from '../utils';
-import { scanCodeApi } from '../utils/scan-code-action';
-
-export const subPackageName = '<%= subPackageName %>';
-export const app = createGlboalApi();
-mountAPIs(sdk);
-function createGlboalApi() {
-  const globalAPI = {
-    id: '<%= appId %>',
-    domain: '<%= domain %>',
-    platform: 'WEB',
-
-    formActions: {},
-    pages: {},
-    state: {},
-    computed: {},
-    common: {},
-    // i18n,
-    dataSources: DS_SDK,
-    utils: {
-      formatDate,
-      get: getter,
-      set: setter,
-    },
-  };
-
-  const dataset = createDataset('$global');
-  globalAPI.dataset = dataset;
-  globalAPI.state.dataset = dataset;
-  globalAPI.setState = (userSetState) => {
-    Object.keys(userSetState).forEach((keyPath) => {
-      globalAPI.utils.set(
-        globalAPI.dataset.state,
-        keyPath,
-        userSetState[keyPath]
-      );
-    });
-  };
-  /**
-   * 内部通用的设置状态变量值的方法
-   *  varPath 结构为 $global.<变量名> 即全局变量
-   *                $page.<变量名>  即当前页面变量
-   *                <pageId>.<变量名> 指定页面 pageId 的变量 (应当避免修改非当前页面的变量值)
-   */
-  globalAPI._setStateVal = (config) => {
-    EXTRA_API.setState(config.varPath, config.val);
-  };
-  // 给全局挂上 mainApp/subApp
-  // The global api exposed to lowcode
-  if (subPackageName) {
-    globalAPI.mainApp = window[`$$app`];
-    window[`$$subapp_${subPackageName}`] = globalAPI;
-  } else {
-    window['app'] = globalAPI;
-    window[`$$app`] = globalAPI;
-  }
-
-  // 挂运营平台上报对象到app里
-  globalAPI.yyptReport = window.yyptReport;
-
-  // 预览区调试栏可调试
-  // 暴露给复合组件，代码组件来引用
-  window.app = window.app || globalAPI;
-
-  // 避免被wx.cloud 覆盖
-  globalAPI.cloud = CLOUD_SDK;
-  return globalAPI;
-}
-
-export function createPageApi() {
-  const $page = {
-    state: {},
-    computed: {},
-    handler: {},
-    props: {},
-    widgets: {},
-    // 页面数据源变量存储位置
-    dataVar: {},
-  };
-  return $page;
-}
-
-// 分app 和 wx 挂载app
-function mountAPIs(sdks) {
-  Object.keys(sdks).forEach((item) => {
-    let action = sdks[item];
-
-    switch (item) {
-      case 'showToast': {
-        action = function (obj) {
-          if (obj.icon === 'error' && !obj.image) {
-            return sdks[item]({
-              ...obj,
-              image:
-                'data:image/svg+xml,%3Csvg%20width%3D%22120%22%20height%3D%22120%22%20viewBox%3D%220,0,24,24%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2010.586l5.657-5.657%201.414%201.414L13.414%2012l5.657%205.657-1.414%201.414L12%2013.414l-5.657%205.657-1.414-1.414L10.586%2012%204.929%206.343%206.343%204.93%2012%2010.586z%22%20fill-rule%3D%22evenodd%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E',
-            });
-          }
-          return sdks[item](obj);
-        };
-        break;
-      }
-      case 'showModal': {
-        const LIB_KEY = `@weapps-materials-main-gsd-h5-react`;
-        const showModal =
-          window[LIB_KEY] &&
-          window[LIB_KEY].actions &&
-          window[LIB_KEY].actions.showModal;
-
-        if (!_isMobile() && showModal) {
-          action = function (params) {
-            return showModal({ data: params });
-          };
-        }
-        break;
-      }
-      case 'scanCode': {
-        action = (options) => {
-          if (
-            !options ||
-            (!options.success && !options.fail && !options.complete)
-          ) {
-            return new Promise((resolve, reject) => {
-              scanCodeApi({
-                ...options,
-                success: resolve,
-                fail: reject,
-              });
-            });
-          }
-          scanCodeApi(options);
-        };
-        break;
-      }
-      case 'navigateTo':
-      case 'reLaunch':
-      case 'redirectTo': {
-        action = function (obj) {
-          const { url, ...restOpts } = obj;
-          if (obj.mode === 'web') {
-            if (item === 'navigateTo') {
-              window.open(url);
-            } else {
-              window.location.href = url;
-            }
-          } else {
-            return sdks[item]({
-              ...restOpts,
-              pageId: restOpts.pageId
-                ? restOpts.pageId.replace(/^(\.)?\//, '')
-                : restOpts.pageId,
-            });
-          }
-        };
-        break;
-      }
-    }
-    app[item] = action;
-  });
-  return app;
-}

package/template/generator/app/handlers.js

@@ -1,13 +0,0 @@
-<%for(const pageId in pageModules) {
-    pageModules[pageId].filter(mod => mod.type === 'handler-fn' && mod.name !== '____index____').forEach(mod => {%>
-import <%= pageId%>_<%= mod.name%> from '../lowcode/<%= pageId%>/handler/<%= mod.name%>'<%
-  })
-}%>
-
-<% for(const pageId in pageModules) {%>
-export const $$_<%=pageId %> = {<%
-    pageModules[pageId].filter(mod => mod.type === 'handler-fn' && mod.name !== '____index____').forEach(mod => {%>
-  ['<%= mod.name%>']: <%= pageId%>_<%= mod.name%>,<%
-  }) %>
-}
-<%}%>

package/template/generator/datasources/config.js.tpl

@@ -1,21 +0,0 @@
-import dataSourceProfiles from './datasource-profiles'
-import datasetProfiles from './dataset-profiles'
-
-/**
- * 数据源基本配置
- */
-export default {
-  /** 当前是否处于正式发布模式 */
-  isProd: <%= isProd %>,
-  /** 低码应用ID */
-  appID: '<%= appID %>',
-  /** 云开发环境ID */
-  envID: '<%= envID %>',
-  /** 数据源描述对象数组 */
-  dataSourceProfiles: dataSourceProfiles,
-  /**
-   * 新的dataset变量配置对象
-   *  key 为页面ID(全局为$global), val 为变量配置数组
-   */
-  datasetProfiles: datasetProfiles,
-}

package/template/generator/datasources/dataset-profiles.js.tpl

@@ -1,5 +0,0 @@
-/**
- * 全局及页面的数据源变量定义文件
- */
-
-export default <%= datasetProfiles %>

package/template/generator/datasources/datasource-profiles.js.tpl

@@ -1,4 +0,0 @@
-/**
- * 数据源摘要描述数组
- */
-export default <%= datasourceProfiles %>

package/template/generator/datasources/index.js.tpl

@@ -1,14 +0,0 @@
-import { setConfig, initTcb, CLOUD_SDK } from '@cloudbase/weda-cloud-sdk/dist/h5';
-import config from './config';
-export {
-  createDataset,
-  createStateDataSourceVar,
-  generateParamsParser,
-  EXTRA_API,
-  CLOUD_SDK,
-  DS_API,
-  DS_SDK,
-} from '@cloudbase/weda-cloud-sdk/dist/h5';
-
-setConfig(config);
-initTcb();

package/template/generator/handlers/NodeRenderer.jsx

@@ -1,471 +0,0 @@
-import * as React from 'react';
-import {
-  useContext,
-  useCallback,
-  createContext,
-  useState,
-  useRef,
-} from 'react';
-import { observer } from 'mobx-react-lite';
-import { emitEvent, translateStyleToRem, checkVisible } from '../utils';
-import { get, set } from 'lodash';
-import { getDom } from '../utils/widgets';
-
-export const ForContext = createContext({});
-
-export const CompRenderer = observer(function (props) {
-  const {
-    id: compId,
-    xProps,
-    virtualFields,
-    slots = {},
-    codeContext = {},
-    scopeContext = {},
-    genericComp = {},
-    emitEvents = [],
-    componentSchema = {},
-    context = {},
-    updateContext,
-  } = props;
-
-  const [blockIndex, setBlockIndex] = useState();
-  const [blockType, setBlockType] = useState();
-  const indexRef = useRef();
-  const typeRef = useRef();
-  indexRef.current = blockIndex;
-  typeRef.current = blockType;
-
-  const isInComposite = !!codeContext.$WEAPPS_COMP;
-  // 判断 widgets 是从 page 来的，还是组件来的
-  const widgetsData = !isInComposite
-    ? codeContext.$page.widgets[compId]
-    : codeContext.$WEAPPS_COMP.widgets[compId];
-
-  const isRootNode = widgetsData && !widgetsData.parent;
-
-  if (!xProps) {
-    return props.children;
-  }
-
-  const {
-    commonStyle = {},
-    sourceKey,
-    listenerInstances,
-    classNameList = [],
-    staticResourceAttribute = [],
-  } = xProps;
-  const dataBinds =
-    (codeContext._dataBinds && codeContext._dataBinds[compId]) || {};
-  const FieldKey = genericComp.propName
-    ? codeContext.node[genericComp.propName]
-    : sourceKey;
-  const Field = virtualFields[FieldKey];
-  const parentForItems = useContext(ForContext);
-
-  // 组件最终用于执行的事件函数
-  const emit = useCallback(
-    (trigger, eventData, forItems, domEvent, scopeContext) => {
-      // 如果是数据容器，则将传过来的data，赋值给容器上下文context
-      if (
-        trigger === 'onDataChange' &&
-        componentSchema?.compConfig?.isDataContainer
-      ) {
-        updateContext(compId, eventData?.data);
-      }
-
-      const listeners = listenerInstances;
-      const event = {
-        detail: eventData,
-        name: trigger,
-        target: widgetsData,
-        currentTarget: widgetsData,
-        domEvent,
-      };
-      forItems = {
-        ...forItems,
-        forIndexes: getForIndexes(forItems, widgetsData),
-      };
-      emitEvent(
-        trigger,
-        listeners,
-        {
-          event,
-          customEventData: event,
-          forItems,
-          domEvent,
-        },
-        scopeContext
-      );
-    },
-    [props]
-  );
-
-  // 选区最终用于执行的事件函数
-  const emitSB = useCallback(
-    (trigger, eventData, forItems, domEvent, scopeContext, fieldData) => {
-      const listeners =
-        typeRef?.current &&
-        indexRef?.current !== undefined &&
-        fieldData?.[typeRef.current]?.[indexRef.current]?.selectableBlock?.[
-          'x-props'
-        ]?.listenerInstances;
-      const event = {
-        detail: eventData,
-        name: trigger,
-        target: widgetsData,
-        currentTarget: widgetsData,
-        domEvent,
-      };
-      forItems = {
-        ...forItems,
-        forIndexes: getForIndexes(forItems, widgetsData),
-      };
-      emitEvent(
-        trigger,
-        listeners,
-        {
-          event,
-          customEventData: event,
-          forItems,
-          domEvent,
-        },
-        scopeContext
-      );
-    },
-    [props]
-  );
-
-  function getSafeComponentProps({
-    style,
-    classNameList,
-    staticResourceAttribute,
-  }) {
-    const componentProps = {};
-    if (classNameList.length) {
-      componentProps.className = classNameList.join(' ');
-    }
-
-    if (style && Object.keys(style).length) {
-      componentProps.style = style;
-    }
-
-    if (staticResourceAttribute && staticResourceAttribute.length > 0) {
-      componentProps.staticResourceAttribute = staticResourceAttribute;
-    }
-    return componentProps;
-  }
-
-  // 选区的预览的click事件
-  const onCustomEvent = ({ order: index, blockKey }) => {
-    if (index !== undefined) {
-      setBlockIndex(index);
-      setBlockType(blockKey);
-    }
-  };
-
-  // For循环渲染
-  let forList;
-  try {
-    forList = dataBinds && dataBinds._waFor && dataBinds._waFor(parentForItems, undefined, context);
-  } catch (e) {
-    forList = [];
-    console.error('_waFor data', e);
-  }
-  if (forList) {
-    if (!Array.isArray(forList)) {
-      console.warn(`${compId}循环绑定非数组值：`, forList);
-      forList = [];
-    }
-    return forList.map((item, index) => {
-      const forItemsIndexes = (parentForItems.forIndexes || []).concat(index);
-      const forItems = {
-        ...parentForItems,
-        [compId]: item,
-        forIndexes: forItemsIndexes,
-      };
-      const {
-        fieldData: forItemData,
-        finalStyle: forItemStyle,
-        finalClassNameList: forItemClassNameList,
-      } = getBindData(forItems, scopeContext);
-      if (!checkVisible(forItemData)) {
-        return null;
-      }
-      // 多个组件的 slot 属性
-      Object.keys(slots).forEach((slotProp) => {
-        set(forItemData, slotProp, slots[slotProp]);
-      });
-      const emitWithForItems = (trigger, eventData, domEvent) =>
-        emit(trigger, eventData, forItems, domEvent, scopeContext);
-
-      const _selectableBlockEventsForItems = {
-        onCustomEvent,
-        events:
-          componentSchema?.selectableBlock?.events.map((item) => item.name) ||
-          [],
-        emit: (trigger, eventData, domEvent) =>
-          emitSB(
-            trigger,
-            eventData,
-            forItems,
-            domEvent,
-            scopeContext,
-            forItemData
-          ),
-      };
-
-      delete forItemData.style;
-
-      // 获取当前元素的 ref
-      const currentWidget = Array.isArray(widgetsData)
-        ? get(widgetsData, forItemsIndexes)
-        : widgetsData;
-      const domRef = setGetDomApi(currentWidget, props);
-
-      // 判断为容器组件，则增加一个onDataChange事件
-      if (
-        componentSchema?.compConfig?.isDataContainer &&
-        !emitEvents?.includes('onDataChange')
-      ) {
-        emitEvents.push('onDataChange');
-      }
-
-      return (
-        <ForContext.Provider key={index} value={forItems}>
-          <Field
-            data={{
-              ...forItemData,
-              _selectableBlockEvents: _selectableBlockEventsForItems,
-            }}
-            id={compId}
-            {...getSafeComponentProps({
-              style: forItemStyle,
-              classNameList: forItemClassNameList,
-              staticResourceAttribute,
-            })}
-            emit={emitWithForItems}
-            events={emitEvents}
-            compositeParent={codeContext}
-            forIndexes={forItemsIndexes}
-            $node={currentWidget}
-            domRef={domRef}
-          >
-            {props.children}
-          </Field>
-        </ForContext.Provider>
-      );
-    });
-  }
-
-  // 单节点渲染
-  const { fieldData, finalClassNameList, finalStyle } = getBindData(
-    parentForItems,
-    scopeContext
-  );
-  const emitWithFiedle = (trigger, eventData, domEvent) =>
-    emit(trigger, eventData, parentForItems, domEvent, scopeContext);
-
-  const _selectableBlockEventsWithFiedle = {
-    onCustomEvent,
-    events:
-      componentSchema?.selectableBlock?.events.map((item) => item.name) || [],
-    emit: (trigger, eventData, domEvent) =>
-      emitSB(
-        trigger,
-        eventData,
-        parentForItems,
-        domEvent,
-        scopeContext,
-        fieldData
-      ),
-  };
-
-  // false 或空字符串时
-  if (!checkVisible(fieldData)) {
-    return null;
-  }
-
-  // 单个组件的 slot 属性
-  Object.keys(slots).forEach((slotProp) => {
-    set(fieldData, slotProp, slots[slotProp]);
-  });
-
-  // 防止渲染时 data 的 style 与实际的 style 冲突
-  delete fieldData.style;
-
-  // 修正 forIndexes
-  const forIndexes = getForIndexes(parentForItems, widgetsData);
-
-  // 获取 Element Ref
-  const currentWidget = Array.isArray(widgetsData)
-    ? get(widgetsData, forIndexes)
-    : widgetsData;
-  const domRef = setGetDomApi(currentWidget, props);
-
-  // 判断为容器组件，则增加一个onDataChange事件
-  if (
-    componentSchema?.compConfig?.isDataContainer &&
-    !emitEvents?.includes('onDataChange')
-  ) {
-    emitEvents.push('onDataChange');
-  }
-
-  return (
-    <Field
-      data={{
-        ...fieldData,
-        _selectableBlockEvents: _selectableBlockEventsWithFiedle,
-      }}
-      id={compId}
-      {...getSafeComponentProps({
-        style: finalStyle,
-        classNameList: finalClassNameList,
-        staticResourceAttribute,
-      })}
-      emit={emitWithFiedle}
-      events={emitEvents}
-      compositeParent={codeContext}
-      forIndexes={forIndexes}
-      $node={currentWidget}
-      domRef={domRef}
-    >
-      {props.children}
-    </Field>
-  );
-
-  // TODO: 需要不断移除 dataBinds(style/classList)
-  function getBindData(forItems, scopeContext) {
-    // bindData
-    let wData = widgetsData;
-    if (Array.isArray(wData)) {
-      wData =
-        forItems.forIndexes === void 0 || wData.length === 0
-          ? {}
-          : get(wData, getForIndexes(forItems, wData));
-    }
-    wData = wData || {};
-    const fieldData = { ...wData };
-
-    // 再次计算 scope value
-    for (let key in fieldData) {
-      if (Object.prototype.hasOwnProperty.call(fieldData, key)) {
-        const value = fieldData[key];
-        if (value && value.__type === 'scopedValue') {
-          try {
-            fieldData[key] = value.getValue(scopeContext);
-          } catch (e) {
-            console.warn(`Error computing data bind '${key}' error:`, e);
-            fieldData[key] = '';
-          }
-        }
-      }
-    }
-
-    // bindStyle
-    let bindStyle = fieldData.style || {};
-    // 复合组件第一层需要将最外层样式 style 挂到节点上
-    let cssStyle = commonStyle;
-    if (isInComposite && wData && !wData.parent) {
-      cssStyle = {
-        ...cssStyle,
-        ...(codeContext.$WEAPPS_COMP.props?.style || {}),
-      };
-      bindStyle = {
-        ...bindStyle,
-        ...(codeContext.$WEAPPS_COMP.props?.style || {}),
-      };
-    }
-    const finalStyle = getFinalStyle(cssStyle, bindStyle);
-
-    // bindClassList
-    const bindClassList = fieldData.classList || [];
-    const finalClassNameList = getFinalClassNameList(
-      classNameList,
-      bindClassList
-    );
-
-    // 当前在复合组件中，且当前节点为根节点
-    if (isInComposite && isRootNode) {
-      if (wData.ownerWidget) {
-        Object.keys(wData.ownerWidget).forEach((propName) => {
-          if (
-            propName === 'role' ||
-            ['aria-', 'data-'].some((prefix) => propName.startsWith(prefix))
-          ) {
-            wData[propName] = wData.ownerWidget[propName];
-          }
-        });
-      }
-    }
-
-    return { fieldData, finalStyle, finalClassNameList };
-  }
-});
-
-export function getFinalStyle(
-  commonStyle = {},
-  bindStyle = {},
-  widgetStyle = {}
-) {
-  const remBindStyle =
-    typeof bindStyle === 'object' ? translateStyleToRem(bindStyle) : {};
-
-  return {
-    ...(translateStyleToRem(commonStyle) || {}),
-    ...(translateStyleToRem(widgetStyle) || {}),
-    ...remBindStyle,
-  };
-}
-
-export function getFinalClassNameList(
-  classNameList = [],
-  bindClassList = [],
-  widgetClassList = []
-) {
-  return [].concat(classNameList, bindClassList, widgetClassList);
-}
-
-// HACK: 从后向前保证循环的深度与 forIndexes 一致
-// 后续需要将 For 循环迁移到外层
-function getForIndexes(parentForItems, widgetsData) {
-  return Array.isArray(widgetsData) && widgetsData.length > 0
-    ? (parentForItems.forIndexes || []).slice(0 - getDeepArrLen(widgetsData))
-    : undefined;
-}
-
-function getDeepArrLen(arr, len = 0) {
-  if (Array.isArray(arr)) {
-    return getDeepArrLen(arr[0], len + 1);
-  } else {
-    return len;
-  }
-}
-
-function setGetDomApi(currentWidget, props) {
-  if (!currentWidget) return React.createRef();
-  const isComposite = !currentWidget.widgetType.startsWith('gsd-h5-react');
-  const isInComposite = !!(props.codeContext || {}).$WEAPPS_COMP;
-
-  // 如果当前是复合组件，不做 getDom 的挂载
-  if (!isComposite) {
-    if (!currentWidget.domRef) {
-      currentWidget.domRef = React.createRef();
-    }
-    if (!currentWidget.getDom) {
-      currentWidget.getDom = (options) =>
-        getDom(currentWidget.domRef.current, options);
-    }
-
-    if (
-      isInComposite && // 当前在复合组件内
-      !currentWidget.parent && // 当前节点为复合组件的根节点
-      props.codeContext.node && // 复合组件的 node 已经创建
-      !props.codeContext.node.getDom // 复合组件的 node 未挂载 getDom 方法
-    ) {
-      props.codeContext.node.domRef = currentWidget.domRef;
-      props.codeContext.node.getDom = currentWidget.getDom;
-    }
-  }
-
-  return currentWidget.domRef;
-}